@charset "utf-8";
/*
Theme Name:  hanafru
Theme URI: http://zeaplus.co.jp/
Description: hanafru
Version: 1.0
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
Tags: simple

Index:
  - Basic Styling
  - Layout
  - Navigation and Sidebar Widget
  - Form Elements

*/


/* Custum Style Setting
----------------------------------------------------------------------------------------------*/

.post-body { line-height: 2;}
.post-body strong {	font-weight: bold;}
.post-body em { font-style: italic;}
.post-body del { text-decoration:line-through;}	
.post-body ul { list-style: disc; margin:0 10px 15px; }
.post-body ol { list-style: decimal; margin:0 10px 15px; }
.post-body li { list-style:inherit; margin-bottom:0.3em; }
.post-body blockquote { margin:15px 20px;}
.post-body h1{ font-size:2em; line-height:1.4em; }
.post-body h2{ font-size:1.5em; line-height:1.4em; }
.post-body h3{ font-size:1.2em; line-height:1.4em; }
.post-body img{ margin:1em auto; max-width:100%; height:auto; }
.post-body p{ margin:0px 0 1em;}
.post-body a{ text-decoration:underline !important; color:#666 !important;}
.post-body a:hover{ text-decoration:none !important;}


.nav-below{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 100px; }
.nav-below .nav-prev{}
.nav-below .nav-next{ text-align: right;}




/*
.newsContOuter { margin:90px 0 0;}
.newsContOuter a { color:#000; text-decoration:none;}
.newsContOuter a:hover { color:#999;}

.newsMain { float:left; width:785px;}
	.newsMain .postArea { margin:0 0 120px; }
		.newsMain .postBody {float:right; width:670px; font-size:13px; line-height:1.66;}
		.newsMain .postTitle { margin:0 0 30px; font-size:20px; line-height:1.5;}
	.newsMain .postInfo { float:right; width:115px;}
		.newsMain .postDay { margin:0 0 30px;}
		.newsMain .newsPos_tw { margin:0 0 5px;}
		.newsMain .newsPos_fb { margin:0 0 5px;}

.newsSide { float:right; width:147px; margin:15px 0 0;}
	.newsSide .newsSideCont { }
	.newsSide .newsSideCont ul { margin:25px 0 65px;}
	.newsSide .newsSideCont ul ul.children{ margin:0; }
	.newsSide .newsSideCont ul ul.children li{ margin-left:14px; }






/* ---------- Basic Styling ---------- */

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignright {
	float: right;
	margin: 0 0 2px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 2px 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 5px;
	display: inline;
}

img.alignleft {
	padding: 5px;
	display: inline;
}

.caution {
	padding: 10px;
	color: #e9e9e9;
	text-align: center;
	background-color: #cc0000;
}
noscript .caution {
	margin: 0;
}

/*
.wp-caption {
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #ffffff;
	text-align: center;
}
.wp-caption img {
	padding-top: 5px;
}

.wp-caption-text {
	margin: 5px 0;
	text-align: center;
	font-size: smaller;
	color: #666666;
}
*/

.wp-caption {
max-width:100%;
height:auto;
border: 1px solid #ccc;
text-align: center;
background-color: #FFF;
padding: 4px;
margin:10px 0 20px 0;
border-radius: 3px;
}
 
.wp-caption img {
margin: 0;
padding: 0px;

}
 
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

code strong {
	color: #cc3366;
	font-weight: normal;
}




p.post-meta,
p.comment-meta {
	margin-bottom: 25px;
	font-size:0.75em; line-height:1.2em;
}

.comment-list .navigation {
	margin: 10px 0;
}
.comment-list .navigation a {
	margin-right: 10px;
}

.comment-list ol li {
	margin: 10px 0;
}

.comment-list ol li.trackback {
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.comment-list ul.children {
	list-style: none;
}
.comment-list ul.children li {
	border-left: 5px solid #c4c4c4;
	padding-left: 5px;
}

.comment-list li.bypostauthor {
}
.comment-list li.bypostauthor cite.fn {
	text-decoration: underline;
}

.comment-list li.comment .reply {
	margin: 10px 0 20px;
}




/* ---------- Navigation and Sidebar Widget ---------- */

/* Pagination for grid items and paginated posts */
.pagination {
	margin: 0px 0 0px ; padding:0 0 100px; 
	line-height:1;
}
.pagination .current{
padding: 8px 10px;
background: #000;
color:#fff; font-weight: bold:
}

.pagination .next, 
.pagination .prev {
}

.pagination span, 
.pagination a {
display:block;
float:left;
margin: 0 10px 10px 0;
padding: 8px 10px;
width:auto;
color:#fff !important;
text-decoration:none;
background: #BBB;
}
 
.pagination a:hover{
background: #000;
}
 



/* Sidebar 
 * In this theme, sidebar is a horizontal line.
 * Sidebar2 is a block on the bottom.
 * See also "Form Elements" section.
 */
 
/*
#sidebar{
	list-style: none;
	list-style-type: none;
	margin: 50px 0 50px 16px;
	padding-left: 0;
}
#sidebar2 {
	list-style: none;
	list-style-type: none;
	margin: 50px 0;
	padding-left: 0;
}
#sidebar li {
	margin: 2px 0;
}
#sidebar li.widget h2.widgettitle {
	display: none;
}

#sidebar li.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li.widget ul li {
	display: inline;
	padding-right: 5px;
}

li.current-cat {
	text-decoration: underline;
}

#sidebar2 li.widget {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 5px 5px 0;
	width: 320px;
	padding: 5px 0 0 0;
	border: 0;
}

#sidebar2 h2.widgettitle {
	margin-top: 0;
	padding: 5px 10px;
	color: #333333;
	background-color: #d9d9d9;
}

#sidebar2 li.widget div {
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul {
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul li {
	list-style: none;
}
#sidebar2 ul.children ul li {
	list-style: none;
}
*/
#wp-calendar {
	margin: 1em 0;
	border: none;
}
#wp-calendar caption{
	text-align: left;
	margin: 2px 0 0 0;
	padding: 0;
}
#wp-calendar td {
	text-align: center;
}

/* ---------- Form Elements ---------- */

div.comment-form {
	margin: 0;
	padding: 0;
}

#commentform {
	margin: 0;
	padding: 0;
}
#commentform textarea {
	width: 99%;
	max-width: 640px;
}

/* for sidebar widget */

#searchform {
    width: 300px;
}
#searchform div {
	padding: 0;
	font-size: 12px;
}
#searchform label.screen-reader-text {
	display: none;
}
#searchsubmit {
	display: inline;
}

#s { /* #searchform input#s */
	width: 170px;
	margin: 0;
}

/* ---------------------------------------- Add ---------------------------------------- */