@charset "utf-8";
/* CSS Document */

/*==============================*/
/* サイドカラム */
/*==============================*/


	/* ======= SP以上 =======*/
	@media(min-width: 768px) {
		div.sideContents{
			display: flex; display: -webkit-flex;
			flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
			justify-content: space-between; -webkit-justify-content: space-between;
			align-items: flex-start; -webkit-align-items: flex-start;
		}
		
		/*-- メイン
		------------------------- */
		div.sideContents div.contents{
			max-width: 70%;
			width: 100%;
			margin: 64px auto 0 0;
			padding: 64px 80px 80px 0;
			padding-left: calc(70% - 960px);
			border-left: solid transparent;
			border-left-width: 20px;
			background: #fff;
			border-radius: 0 24px 24px 0;
			filter: drop-shadow(0 0px 5px rgba(0,0,0,0.2));
		}
		
		/*-- サイド
		------------------------- */
		div.sideContents div.side{
			position: relative;
			max-width: 30%;
			width: 100%;
		}
		div.side_wrap{
			position: relative;
			margin-left: auto;
			background: #666;
			padding-top: 24px;
			padding-left: 32px;
			padding-right: calc(30% - 310px);
			padding-bottom: 32px;
		}
		div.side_wrap:before{
			content: "";
			position: absolute; top: 0; left: -32px;
			width: 32px;
			height: 100%;
			background: #F5F5F5;
			z-index: -999;
		}
		div.side_wrap:first-child:before{ border-radius: 24px 0 0 0; }
		div.side_wrap:last-child:before{ border-radius:  0 0 0 24px; }
		div.side_wrap:nth-child(odd),
		div.side_wrap:nth-child(odd):before{ background: #F5F5F5; }
		div.side_wrap:nth-child(even),
		div.side_wrap:nth-child(even):before{ background: #EEEADD; }

		div.side_wrap h2.side_tit{
			font-size: 18px;
			margin-bottom: 8px;
			font-family: "Noto Sans JP"; letter-spacing: -0.05em;
			font-weight: 500;
		}
		div.side_wrap h2.side_tit img{ margin-right: 8px; }
		div.side_wrap ul.side_menu{
			width: 260px;
			background: #fff;
			padding: 8px 16px;
			border-radius: 5px;
		}
		div.side_wrap ul.side_menu li{
			font-size: 13px;
			padding: 8px 0;
			border-bottom: 1px solid #ccc;
		}
		div.side_wrap ul.side_menu li:last-child{ border: none; }
	}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.sideContents{ flex-direction: column; -webkit-flex-direction: column;}
		div.sideContents div.contents{
			max-width: 100%;
			width: 100%;
			margin: 0 0 72px 0;
			padding: 0px 24px 0px 10px;
			border-radius: 0;
			filter: drop-shadow(0 0px 0px rgba(0,0,0,0.2));
		}
		div.sideContents div.side{
			max-width: 100%;
			width: 100%;
			display: flex; display: -webkit-flex;
			justify-content: space-between; -webkit-justify-content: space-between;
			flex-wrap: wrap; -webkit-flex-wrap: wrap;
			background: #F5F5F5;
			padding: 80px 32px 32px 32px;
		}
		div.side_wrap{
			width: calc(50% - 16px);
			margin-left: 0;
			margin-bottom: 40px;
			background: none;
			padding: 0;
		}
		div.side_wrap:before{ display: none;}
		div.side_wrap:first-child:before{ border-radius: 24px 0 0 0; }
		div.side_wrap:last-child:before{ border-radius:  0 0 0 24px; }
		div.side_wrap:nth-child(odd),
		div.side_wrap:nth-child(odd):before,
		div.side_wrap:nth-child(even),
		div.side_wrap:nth-child(even):before{ background: none; }
		
		div.side_wrap ul.side_menu{
			width: 100%;
			padding: 8px 16px;
			border-radius: 5px;
		}
	}

	/* ======= SP =======*/
	@media (max-width: 767px){
		/*-- メイン
		------------------------- */
		div.sideContents div.contents{
			margin-bottom: 72px;
			padding: 0 24px;
		}
		
		/*-- サイド
		------------------------- */
		div.sideContents div.side{
			padding: 64px 24px;
			background: #F5F5F5;
		}
		div.side_wrap:not(:last-child){margin-bottom: 32px;}
		div.side_wrap h2.side_tit{
			margin-bottom: 10px;
			font-size: 18px;
			font-family: "Noto Sans JP"; letter-spacing: -0.05em;
			font-weight: 400;
		}
		div.side_wrap h2.side_tit img{ margin-right: 8px; }
		div.side_wrap ul.side_menu{
			background: #fff;
			padding: 8px 16px;
			border-radius: 5px;
		}
		div.side_wrap ul.side_menu li{
			font-size: 13px;
			padding: 10px 0;
			border-bottom: 1px solid #ccc;
		}
		div.side_wrap ul.side_menu li:last-child{ border: none; }
		
	}

/*==============================*/
/* ブログ一覧 記事リスト */
/*==============================*/
h3.blog_maintitle{
	position: relative;
	font-family: "Noto Sans JP"; letter-spacing: -0.05em;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 8px;
}
div.topics_list{
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
}
div.topics_list dl{
	width: calc( 50% - 15px );
	margin-bottom: 40px;
}
div.topics_list dl:nth-child(odd){ margin-right: 30px; }
div.topics_list dl dt{
	font-family: "Noto Sans JP"; letter-spacing: -0.05em;
	font-weight: 500;
	margin-bottom: 8px;
}
div.topics_list dl dt a{
	font-size: 18px;
	line-height: 24px;
}
div.topics_list dl dd.tmb{
	width: 100%;
	margin-bottom: 16px;
	background: #ccc;
	border-radius: 8px;
}
div.topics_list dl dd.tmb img{
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 8px;
}
div.topics_list dl dd.date{	margin-bottom: 4px; }

	/* ======= SP =======*/
	@media (max-width: 767px){
		h3.blog_maintitle{
			font-size: 22px;
			font-weight: 400;
			margin-bottom: 8px;
		}
		div.topics_list{ flex-direction: column; -webkit-flex-direction: column;}
		div.topics_list dl{
			width: 100%;
			margin-bottom: 40px;
		}
		div.topics_list dl:nth-child(odd){ margin-right: 0px; }
		div.topics_list dl dt{
			font-weight: 400;
			margin-bottom: 8px;
		}
		div.topics_list dl dt a{
			font-size: 17px;
			line-height: 24px;
		}
		div.topics_list dl dd.tmb{ margin-bottom: 16px; }
		div.topics_list dl dd p{
			font-size: 12px;
			line-height: 1.618em;
		}
	}

/*==============================*/
/* コンテンツ */
/*==============================*/
div.contents h3.blogTitle{
	font-size: 24px;
	font-family: "Noto Sans JP"; letter-spacing: -0.05em;
	margin-bottom: 16px;
}
div.contents h3.blogTitle p.date{ letter-spacing: 0.1em; }
div.contents h3.blogTitle p.date img{ margin-right: 8px; position: relative; top: -3px; }

/*==============================*/
/* コンテンツ本文 */
/*==============================*/
div.in_contents{ margin-bottom: 48px; }
div.in_contents p{ font-size: 16px; }
body.archive div.in_contents img.size-medium{
	max-width: 600px;
	width: 100%;
	height: 160px;
	margin-bottom: 40px;
	object-fit: cover;
	border-radius: 8px;
}

/*==============================*/
/* テキスト装飾 */
/*==============================*/
div.in_contents div.Blog_text em{ font-style: oblique!important; }
div.in_contents div.Blog_text strong{ font-weight: bold; }
div.in_contents div.Blog_text h1{ font-size: 1.6em!important; }
div.in_contents div.Blog_text h2{ font-size: 1.4em!important; }
div.in_contents div.Blog_text h3{ font-size: 1.2em!important; }
div.in_contents div.Blog_text h4{ font-size: 0.9em!important; }
div.in_contents div.Blog_text h5{ font-size: 0.8em!important; }
div.in_contents div.Blog_text h6{ font-size: 0.7em!important; }

/*==============================*/
/* ページナビ */
/*==============================*/
div.page_nav{
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	justify-content: space-between; -webkit-justify-content: space-between;
}
div.page_nav p.left{}
div.page_nav p.right{}

/*==============================*/
/* コメント */
/*==============================*/
div.comment-respond{
	background: #EFF5E4;
	border-radius: 5px;
	padding: 24px 32px;
	margin-bottom: 48px;
}
h3.comment-reply-title{
	font-size: 18px;
	font-weight: 400;
	font-family: "Noto Sans JP"; letter-spacing: -0.05em;
}
textarea#comment{ margin-left: 24px; }
p.comment-form-comment{	margin-bottom: 16px; }
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-cookies-consent{	margin-bottom: 8px; }
p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label{
	display: inline-block;
	width: 80px;
}
p.comment-form-url{	display: none; }
input.submit{
	background: #89976E;
	color: #fff;
	padding: 4px 16px;
	border-radius: 5px;
	cursor: pointer;
}
.comment-respond textarea{ width: calc(100% - 88px);}

	/* ======= SP =======*/
	@media (max-width: 767px){
		div.comment-respond{
			padding: 24px;
			margin-bottom: 48px;
		}
		textarea#comment{ margin-left: 0px; }
		p.comment-form-comment{	margin-bottom: 16px; }
		.comment-respond textarea{ width: 100%;}
	}

/*==============================*/
/* ブログパーツ */
/*==============================*/
.Blog_mainTitle{
	font-size: 22px;
}
.Blog_subTitle{
	font-size: 20px;
}
.Blog_mainTitle,
.Blog_subTitle{
	position: relative;
	padding-top: 6px;
	margin-bottom: 16px;
}
.Blog_mainTitle:after,
.Blog_subTitle:after{
	content: "";
	position: absolute;	top: -4px;	left: 0;
	width: 100px;
	height: 4px;
	border-radius: 4px;
	background: #C1C1C1;
}
.Blog_text{
	margin-bottom: 24px;
}
.Blog_text p{
	font-size: 15px!important;
}
.Blog_list{
	margin-left: 24px;	
	margin-bottom: 24px;
}
.Blog_box{
	border: 1px solid #CEC6AD;
	background: #FFFCF2;
	padding: 16px;
	border-radius: 7px;
	margin-bottom: 16px;
}
.Blog_box p{
	font-size: 15px!important;
}
div.tmb_img img{
	margin-bottom: 16px;
}

/*==============================*/
/* ページナビゲーション */
/*==============================*/
div.tablenav{
	margin-bottom: 32px;
	text-align: center;
}
div.tablenav span,
div.tablenav a{
	min-width: 2em;
	display: inline-block;
	text-align: center;
	border: 1px solid #666;
	font-size: 13px;
	margin: 0 4px;
	background: #fff;
}
div.tablenav a{
	position: relative;
	top: 1px;
}
div.tablenav .current{
	border: 1px solid #F8B62D;
	background: #F8B62D;
	color: #fff;
}
div.tablenav .pages{
	background: #666;
	color: #fff;
}
div.tablenav .previouspostslink,
div.tablenav .nextpostslink{ background: #efefef; }


/*==============================*/
/* SNS */
/*==============================*/
.fb_iframe_widget{
    left: -4px;
    display: block!important;
    margin-top: 18px!important;
}