@charset "utf-8";
/*
Theme Name:fiato
Theme URI:https://fiato-voice.com/
Description:fiato
Version:1.0
Author:fiato
Author URI:https://fiato-voice.com/
*/

/* 共通 ------------------------*/
#main { order: 2; width:72%; }
#main article { width: 100%;  }
#side { width:20%; padding-top:14px; }
.outline-title { margin:1em; padding-left:10px; font-size:1.5em; border-left:3px solid #402000; }

.box { padding: 50px 30px; }

img.emoji { font-size: 16px!important; }

.post { margin-bottom:60px; padding: 3rem 2rem; background: #fff; border-radius: 30px; }
h3.secTitle{ text-align:center; padding-bottom:2px; margin-bottom:50px; background:url(/img/mark_secTitle.png) no-repeat 50% 100%; }
h3.secTitle span{ display:inline-block; font-size:35px; line-height: 1.5; }

.newsCon .subTitle{ margin-bottom: 10px; font-size: 25px; color: #222; border-bottom: 1px solid #222; }
.newsCon .subTitle a { color: #222; }

.archiveTtl { margin-bottom: 3rem; font-size: 1.5rem; color: #222; }

.entry-header { margin-bottom:30px; }
.entry-header p { margin:0 0 15px; font-size:.9em;  }
.entry-header i { color:#222; }

.entry-content { padding:0 0 30px; }
.entry-content a { text-decoration:underline; }
.entry-footer { text-align:right; font-size:.9em; /*background:#E8F5FB;*/ }

.entry-footer p { margin:0; }
.entry-footer i { color:#B22224; padding-right:3px; }
.entry-footer a { margin-left:5px; color:#333; border-bottom:1px solid #ccc; }
/*.entry-footer a:hover { text-decoration:underline; }*/


	/* 本文再設定 */
	.entry-content h1, .post h2, .post h3, .post h4, .post h5, .post h6{margin:1.5em 0 0.5em; font-weight:bold;}
	.entry-content h1{font-size:180%; margin-top:1em;}
	.entry-content h2{font-size:160%; margin-top:1em;}
	.entry-content h3{font-size:140%;}
	.entry-content h4{font-size:120%;}
	.entry-content h5{font-size:110%;}
	.entry-content h6{font-size:100%;}
	
	.entry-content p { margin:0 0 1em; line-height:1.8; }
	.entry-content ul { list-style-type:disc; margin:15px 0px 15px 1.5em; }
	.entry-content ul.blocks-gallery-grid { margin-left: 0; }
	.entry-content ol { list-style-type:decimal; margin:15px 0px 15px 1.8em; padding:0; }

	.post blockquote{
		border-left:5px solid #ddd;
		background:#eee;
		padding:10px;
		margin:20px 0;
		font-style:italic;
		}
		.post blockquote p{margin:0;}


.more-link { float:right }
.more-link:hover {  }

.tag { padding:30px 0px 0px 0px; clear:both; }

/* 検索結果 
.search .post { min-height:110px; margin-bottom:20px; padding: 15px 13px; }
.search .post:before { content:""; }
.search .entry-header p { text-align:left; margin-left:12px; }
.search .entry-header span { margin-left:0; margin-right:1em; }
.search .entry-summary p { margin: 10px 0 0 12px; }
*/
/* シングルページ,固定ページ */
.post .author { margin-top:15px; overflow:hidden; }
.post .author img { float:left; }
.post .author p { margin-left:111px; }

.navigation { clear:both; height:34px; margin:50px 0; }
.navigation span { display:block; }
.navigation a { display:inline-block; position:relative; }
.navigation a:after {
	content: ' '; position: absolute; top:40%; width: 0; height: 0;
}
.navigation .prev { float:left; }
.navigation .prev a { padding-left:20px; }
.navigation .prev a:after {
	left:0;
  border-top: 3px solid transparent;
  border-right: 10px solid #222;
  border-bottom: 3px solid transparent;
  border-left: 0 solid transparent;
}
.navigation .next { float:right; }
.navigation .next a { padding-right:20px; }
.navigation .next a:after {
	right:0;
  border-top: 3px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 10px solid #222;
}
.navigation a:hover {  }

/*wp-pagenavi 17*/
.wp-pagenavi {
	clear: both;
	text-align:center;
	margin: 150px auto 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #0d6fb8;
	background-color: #FFFFFF;
	padding: 8px 15px!important;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: 1px solid #0d6fb8;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #0d6fb8;
	border-color: #fff!important;
}
.wp-pagenavi span.current{
	color: #fff;
	background-color: #0d6fb8;
	border-color: #fff!important;
}


/* コメント欄 */
#respond { margin-top:15px; }
#reply-title { font-size:1.2em; font-weight:bold; }
#commentform p{ margin:5px 0px; }
#commentform label { display:inline-block; width:120px; }
#commentform input[type="text"], #commentform textarea { width:475px; padding:4px; border:1px solid #DDD; }
#commentform .form-submit { text-align:center; }
#commentform .form-submit input { padding:5px 10px; }

#comments { padding:15px; text-align:left; background:url(images/bg_comments.png); }
#comments-count { padding:3px 15px; color:#FFF; background:#630; font-size:1.2em; font-weight:bold; box-shadow:0 0 3px rgba(0,0,0,0.4); }

#comments-list li { margin-top:15px; position:relative; }
#comments-list .children li { margin-left:20px; padding-right:0; padding-bottom:0; border-top:1px dotted #DDD; box-shadow:none; }
	#comments-list .comment-author .fn { font-style:normal; font-weight:bold; font-size:1.2em; }
	#comments-list .avatar { float:left; margin-right:15px; }
	#comments-list .comment-meta { margin-bottom:20px; line-height:1; }
		#comments-list .comment-meta a { color:#666; }
			#comments-list .comment-meta a:hover { color:#999; }
	#comments-list p{ margin:0 0 0.8em 63px; }
	#comments-list .reply { text-align:right; }
		#comments-list .reply a{ padding:3px 10px; background:#6DCBAB; color:#FFF; }
			#comments-list .reply a:hover { background:#53C8D9; }
/* コメント欄end */


/* 投稿画像等設定 */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width:100%; height:auto; }

.alignleft,
img.alignleft {
	display:inline; float:left; margin-right:15px; margin-top:4px; }

.alignright,
img.alignright {
	display:inline; float:right; margin-left:15px; margin-top:4px; }

.aligncenter,
img.aligncenter {
	clear:both; display:block; margin-left:auto; margin-right:auto; }

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px; }

.post div.wp-caption{margin:20px 0;}
	.post div.wp-caption img{ margin:0;}
	.post div.wp-caption p{ font-size:85%;}
.wp-smiley { margin:0; }
#content .attachment img { display:block; margin:0 auto; }
/* 投稿画像等設定end */

/* シングルページ,固定ページend */


/* side------------------------ 
/* ウィジェット */
.widget-title { display:block; margin-top:20px; padding:5px 0; position:relative; border-bottom: 1px solid #c5c5c5; color: #000; font-size:16px; font-weight: 600; }

#side h2 { padding-bottom: .5em; color: #222; border-bottom: 1px solid #222; }


.widget ul { margin:15px 0 35px; }
.widget li { margin:0 0 10px; line-height:1.2; position:relative; }
.widget li a { display:inline-block; padding-left:20px; }
.widget li a:before { position: absolute; top: 0; left: 0; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 400; color:#222; }
	.wp-block-archives li a:before			{ content: "\f073"; }
	.wp-block-categories-list li a:before	{ content: "\f07c"; }
	.wp-block-latest-posts__list li a:before{ content: "\f017"; }
	.widget_recent_comments li:before		{ content: "\f075"; }
	.widget_meta li a:before				{ content: "\f192"; }
	.widget.popular-posts  li a:before		{ content: "\f017"; }
.widget .children { margin:10px 0 0 13px; }
.widget .children a { padding-left:12px; }
	.widget .children a:before { content: "\f0da";}
	
/* タグクラウド */
.widget .tagcloud a {
    background: #B22224;
    border: 1px solid #B22224;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 2px 8px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
	}
	.widget .tagcloud a:hover { color: #B22224; background:#fff; }

/* アーカイブ年月 */
#archives2-2 li span { font-weight:bold; }
#archives2-2 li ul { margin:3px 0 0; display: -webkit-flex; display:flex; }
#archives2-2 li ul li { width:16.666%; margin:0; }
#archives2-2 li ul li a { padding-left:0; font-size:.9em; }
/*
#archives2-2 li ul li a {
	display:inline-block; padding: 5px; 
	font-size: 0.85em; text-align: center;
	color: #fff; background-color:#006d2c; border-radius: 5px;
  }
*/
/* 検索フォーム */
#searchform { margin:0 0px 20px 0px; position:relative; }
#searchform > * { box-sizing:border-box; }
#search label { display: none; }
#searchsubmit {
	position:absolute; top:0; right:0;
	margin:0; width:22%; height:32px; cursor:pointer;
	font-family:FontAwesome; color:#FFF; background:#222; border:none; }

/* カレンダー */
#wp-calendar { margin:10px auto 0px auto; width:100%; font-size:14px; border-collapse:collapse; }
#wp-calendar tr > * { }
#wp-calendar td { padding:7px; }
#wp-calendar caption { padding:8px 0 5px; color:#FFF; font-weight:bold; background-color:#3e2e03; }
#wp-calendar thead th { padding:3px 0 2px; font-weight:normal; border:1px dashed #3e2e03; border-top-style:solid; }
#wp-calendar tbody { color:#aaa; }
#wp-calendar tbody td { padding:3px; text-align:center; vertical-aligin:middle; border:1px dashed #3e2e03; }
#wp-calendar thead th:first-child, #wp-calendar tbody td:first-child { border-left-style:solid; }
#wp-calendar thead th:last-child, #wp-calendar tbody td:last-child { border-right-style:solid; }
#wp-calendar tbody tr:last-child td { border-bottom-style:solid; }
#wp-calendar tbody td a {
	display:block; width:100%; height:100%; min-width:20px; min-height:20px; 
	font-size:13px; color:#221814; background:#DDA31F; border-radius:50%; }
#wp-calendar tbody td a:hover { color:#FFF; background:#006D2C; text-decoration:none; }
#wp-calendar tbody .pad { background:none; }
#wp-calendar tfoot #next { text-align:right; }


/* セレクトボックス */
#side select { margin:30px 0px 30px 0px; }

/* タグクラウド */
.tagcloud { margin:10px 0px 10px 0px; }

/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width: 999px) {
#side { font-size:13px;}
#s { width: 55%; }
#side-recent ul li p { width:73%; }

}


/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 599px) {
.box { padding: 20px 10px; }
#main { order: 1; width:100%; padding: 0;  margin-bottom: 40px; }
#side { order: 2; width:100%; background: #fff; padding: 2rem 6% 1rem; border-radius: 30px; }

.archiveTtl { margin-bottom: 1rem; font-size: 1.2rem; }
.newsCon .subTitle{ font-size: 18px; }
.post { padding: 2rem 1.5rem; margin-bottom: 20px; }
#main img { max-width:100%; height:auto; }
h1.entry-title { font-size:20px; }
.entry-content { padding:0; }
.navigation .prev a { padding:5px 18px 4px 13px;}
.navigation .next a { padding:5px 13px 4px 18px;}
#archives-2 ul li { display:inline-block; width:48%; margin:0 0 7px; }
#archives-2 ul li:nth-child(3n) { margin-right:0; }

}