@charset "utf-8";

.aligncenter{display:block;margin:0 auto;}
.alignleft{display:block;margin:0 auto 0 0;}
.alignright{display:block;margin:0 0 0 auto;}
.txtcenter{text-align:center;}
.txtleft{text-align:left;}
.txtright{text-align:right;}
.floatright{padding:4px;margin:0 0 2px 8px;display:inline;float:right;}
.floatleft{padding:4px;margin:0 8px 2px 0;display:inline;float:right;}
.imgWrap{overflow:hidden;}
.imgWrap img{display:block;transition-duration:0.8s;margin:auto;}
.imgWrap img:hover{transform:scale(1.2);transition-duration:0.8s;}
.sp-br,.ssp-br,.sp-tblbr{display:none;}
.sp-img{display:none;}
.pc-cnt{text-align:center;}
.sp-cnt{text-align:left;}
@media only screen and (max-width:767px){
	.pc-br{display:none;}
	.sp-br{display:block;}
	.pc-cnt{text-align:left;}
	.sp-cnt{text-align:center;}
}
@media only screen and (max-width:690px){
	.pc-img{display:none;}
	.sp-img{display:block;}
}
@media only screen and (max-width:380px){
	.pc-tblbr{display:none;}
	.sp-tblbr{display:block;}
}
@media only screen and (max-width:350px){
	.spc-br{display:none;}
	.ssp-br{display:block;}
}

/* Margin
--------------------*/
.xl-mg{margin-bottom:130px!important;}
.l-mg{margin-bottom:100px!important;}
.m-mg{margin-bottom:75px!important;}
.xm-mg{margin-bottom:60px!important;}
.s-mg{margin-bottom:40px!important;}
.xs-mg{margin-bottom:25px!important;}
.no-mg{margin-bottom:0!important;}
@media only screen and (max-width:690px){
	.xl-mg{margin-bottom:110px!important;}
	.l-mg{margin-bottom:80px!important;}
	.m-mg{margin-bottom:55px!important;}
	.xm-mg{margin-bottom:50px!important;}
	.s-mg{margin-bottom:30px!important;}
	.xs-mg{margin-bottom:20px!important;}
}
@media only screen and (max-width:979px){
	.xl-mg{margin-bottom:80px!important;}
	.l-mg{margin-bottom:60px!important;}
	.m-mg{margin-bottom:35px!important;}
	.xm-mg{margin-bottom:40px!important;}
	.s-mg{margin-bottom:20px!important;}
	.xs-mg{margin-bottom:10px!important;}
}

/* Breadcrumb
--------------------*/
.breadarea *,
.breadarea *:after,
.breadarea *:before{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;}
.breadarea{
	box-sizing:border-box;
	display:table;
	width:100%;
	margin:0 auto 20px;
	width:calc(100% - 40px);
	max-width:1100px;}
.breadarea a{
	text-decoration:none;}
.breadarea .breadcrumb{
	padding-left:0;
	margin-top:0;
	margin-bottom:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	width:100%;
	max-width:1200px;}
.breadarea li{
	display:inline-block;
	position:relative;
	padding-right:calc(16px + 8px);
	color:#808080;}
.breadarea li::before{
	content:'';
	width:8px;
	height:8px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:calc(50% - 4px);
	right:0.6em;
	-webkit-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;}
.breadarea li:last-child{
	margin-right:0;
	padding-right:0;}
.breadarea li:last-child::before{
	content:normal;}
.breadarea li span{
	color:#fff;}

/* Page header
--------------------*/
#page-header{
	margin:60px 0 0;
	width:100%;
	height:200px;
	position:relative;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#ccc;}
#page-inner{
	height:200px;
	max-width:1200px;
	margin:auto;
	position:relative;
	overflow:hidden;}
#page-text{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	padding:0 20px;
	box-sizing:border-box;
	width:100%;}
#page-header .title{
	color:#808080;
	text-align:center;
	font-size:25px;}
#page-header .sub{
	font-size:14px;}
@media only screen and (min-width:768px){
	#page-header{
		height:300px;}
	#page-inner{
		height:300px;}
	#page-header .title{
		font-size:40px;}
}

/* Side
--------------------*/
#side-contents{
	display:flex;
	flex-wrap:wrap;}
#side-contents .main-data{
	border-radius:6px;
	width:100%;
	margin-bottom:3em;
	background-color:#fff;
	box-sizing:border-box;}
#side-contents .main-data h3{
	font-size:18px;
	font-weight:500;
	margin:0 0 20px 0;
	background:#222;
	padding:10px;
	color:#666;
	color:#fff;}
#side-contents .main-data h3::after{
	display:none;}
#side-contents .main-data #comments{
	background:transparent;
	border-bottom:1px solid #222;
	color:#222;}
#side-contents .main-data #reply-title{
	border:1px solid #222;
	background:#fff;
	color:#222;}
#side-contents .side-data{
	width:100%;
	border:1px solid #ccc;
	background-color:#fff;
	padding:20px;
	box-sizing:border-box;}
#side-contents .widget_block{margin:0 0 30px;}
#side-contents .widget_block:last-of-type{margin:0;}
.post-images{
	margin-bottom:2em;
	border:3px solid #9E7918;
	line-height:0;
	display:inline-block;}
.wp-block-search-button{color:#000;}
.side-data h2{
	border-bottom:1px solid #222;
	font-size:16px;
	margin:0 0 15px;
	padding:0;
	font-weight:400;
	height:50px;
	line-height:50px;}
.side-data ul li{
	margin:0;
	padding:0 0 10px;
	background:none;
	position:relative;
	margin:0 0 10px;
	border-bottom:1px dashed #ccc;}
.side-data ul li a{
	display:block;
	padding:0;
	overflow:hidden;
	text-decoration:none;
	position:relative;
	box-sizing:border-box;}
.side-data ul li a:hover{
	background:#fff;
	color:#222;}
@media only screen and (min-width:768px){
	#side-contents .main-data{
		width:calc(65% - 10px);
		margin-right:10px;}
	#side-contents .side-data{
		width:calc(35% - 10px);
		margin-left:10px;}
}
@media only screen and (min-width:1024px){
	#side-contents .main-data{
		width:calc(70% - 20px);
		margin-right:20px;}
	#side-contents .side-data{
		width:calc(30% - 20px);
		margin-left:20px;}
}

/* Comment
--------------------*/
.btn-contact input[type="submit"]{
	background:#222;
	font-size:16px;
	margin:30px auto 0;
	display:block;
	box-shadow:0 0 0 4px #222;
	border:1px dashed #fff;
	text-align:center;
	padding:10px 2rem;
	color:#fff;
	transition:all 0.4s ease;
	border-radius:4px;}
.btn-contact input[type="submit"]:hover{
	background:#666;
	box-shadow:0 0 0 4px #666;}
#respond{
	margin-top:30px;
	padding-top:10px;
	border-top:1px dashed #ccc;}
.comment-form-comment label{
	display:block;}
#comment{
	padding:8px;
	width:100%;
	background:#fff;
	border:1px solid #ccc;}
#commentform input[type="text"]{
	padding:8px;
	width:100%;
	background:#fff;
	border:1px solid #ccc;
	border-radius:6px;}
#comments{
    margin:50px 0 20px!important;}
.commentlist{counter-reset:titleNum;}
.commentlist li{
	position:relative;
	padding:6px 0 6px 2.5em;
	list-style:none;}
.commentlist li::before{
	position:absolute;
	top:6px;
	left:0;
	counter-increment:titleNum;
	content:counter(titleNum);
	width:32px;
	height:32px;
	line-height:32px;
	background-color:#222;
	color:#fff;
	text-align:center;}
.form-submit #submit{
	border:none;
	color:#fff;
	padding:10px;
	appearance:none;
	display:block;
	background-color:#222;
	transition:all .2s ease;}
.form-submit #submit:hover{
	background-color:#666;}
h3.under-line{
	border-bottom:2px solid #000;
	font-size:25px;
	margin:0 auto 45px;}

/* News
--------------------*/
.news{
	margin:0;
	display:flex;
	flex-wrap:wrap;}
.news dt,
.news dd{
	padding:5px 0;}
.news dt{
	width:120px;}
.news dt .cate{
	display:none;}
.news dd{
	width:calc(100% - 140px);
	margin:0 0 0 20px;}
@media screen and (min-width:900px){
	.news dt{
		width:185px;
		display:flex;
		justify-content:space-between;}
	.news dt .cate{
		display:inline-block;
		width:7em;
		background:#999;
		color:#fff;
		font-size:0.8em;
		text-align:center;
		margin-right:1em;
		align-self:flex-start;
		line-height:1.8;
		position:relative;
		top:0.4em;
		border-radius:2px;}
	.news dd{
		width:calc(100% - 185px);
		margin:0;}
}