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

	header

-----------------------------------*/
header{
	height: 415px;
	background: url(../img/first/mv_lower.jpg)no-repeat center/100%;
}
header .ttl_box{
	bottom: 94px;
}
header .contents_inner .ttl_box h2{
	font-size: 30px;
	font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 1300px){
	header{
		background-size: cover;
	}
}
@media screen and (max-width: 640px){
	header{
		height: 315px;
	}
	header .ttl_box{
		bottom: 44px;
	}	
	header .contents_inner .ttl_box h2{
		font-size: 26px;
	}
}
/*-----------------------------------

	breadcrumb

---------------------------------*/
#breadcrumb{
	background: url("../img/common/lower_bg.png");
}
#breadcrumb .row_box{
	justify-content: flex-start;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Zen Antique Soft', serif;
	overflow-x: scroll;
	white-space: nowrap;
	flex-wrap: nowrap;
}
#breadcrumb .breadcrumb_link a{
	position: relative;
	padding: 10px 11px 10px 15px;
}
#breadcrumb .breadcrumb_link a::before{
	content: "";
	position: absolute;
	background: url("../img/common/breadcrumb_icon.png")no-repeat;
	width: 11.4px;
	height: 10.14px;
	bottom: 0;
	top: 0;
	margin: auto 0;
	left: 0;
}
#breadcrumb .breadcrumb_link:nth-child(2) a::before{
	content: none;
}
#breadcrumb .breadcrumb_link:nth-child(2) a::after{
	content: "";
	position: absolute;
	background: url("../img/common/breadcrumb_arrow.png")no-repeat;
	width: 8px;
	height: 16px;
	bottom: 0;
	top: 0;
	margin: auto 0;
	left: 0;
}
#breadcrumb .breadcrumb_text{
	position: relative;
	padding: 10px 0 10px 19px;
	color: #9B7F30;
}
#breadcrumb .breadcrumb_text::before{
	content: "";
	position: absolute;
	background: url("../img/common/breadcrumb_arrow.png")no-repeat;
	width: 8px;
	height: 16px;
	bottom: 0;
	top: 0;
	margin: auto 0;
	left: 0;
}
/*-----------------------------------

	info_block

-----------------------------------*/
#info_block{
	padding: 30.5px 0 79.4px;
	background: url("../img/common/lower_bg.png");
}
#info_block .contents_inner.row_box{
	gap: 20px;
}
#info_block .info_box{
	width: 755px;
}
#info_block .info_box .news_box{
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
	border-radius: 6px;
}
#info_block .info_box .news_box a{
	padding: 28.5px 28.8px 25.5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	row-gap: 15px;
}
#info_block .info_box .news_box a:hover{
	background: #F5F2ED;
}
#info_block .info_box .news_box a:not(:last-child) {
	border-bottom: 1px solid #E6ECF2;
}
#info_block .info_box .news_box .date{
	font-family: 'Playfair Display', serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.01em;
	margin-right: 18.2px;
}
#info_block .info_box .news_box .category{
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: -0.01em;
	text-align: center;
	color: #FFFFFF;
	background: #343434;
	width: 70px;
	padding: 3.5px 0;
	border: 1px solid #686868;
	border-radius: 3px;
	margin-right: 23.8px;
}
#info_block .info_box .news_box .news_ttl{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.01em;
	color: #171717;
}

/*#info_block .info_box .info_list{
	background: #fff;
	border: 1px solid #E1E1E1;
	border-radius: 6px;
}
#info_block .info_box .info_list li{
	color: #171717;
	font-weight: 500;
	border-bottom: 1px solid #E6ECF2;
}
#info_block .info_box .info_list li a{
	padding: 27px 0 27px 28.8px;
}
#info_block .info_box .info_list li a .row_box{
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	row-gap: 15px;
}
#info_block .info_box .info_list li a .row_box .data{
	font-family: 'Playfair Display', serif;
	font-size: 13px;
	letter-spacing: -0.1em;
	margin-right: 18.2px;
}
#info_block .info_box .info_list li a .row_box .category{
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: -0.01em;
	text-align: center;
	color: #FFFFFF;
	background: #343434;
	width: 70px;
	padding: 3.5px 0;
	border: 1px solid #686868;
	border-radius: 3px;
	margin-right: 23.8px;
}
#info_block .info_box .info_list li a .row_box .text{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.01em;
	color: #171717;
}*/
#info_block .info_box .pagination ul{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 62.5px;
}
#info_block .info_box .pagination ul li {
	margin-right: 10.8px;
}
#info_block .info_box .pagination ul li .current,
#info_block .info_box .pagination ul li a{
	background: #fff;
	border: 1px solid #CCC6B5;
	font-family: 'Playfair Display', serif;
	color: #706B5F;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 35px;
}
#info_block .info_box .pagination ul li a.next,
#info_block .info_box .pagination ul li a.prev {
	display: none;
}
#info_block .info_box .pagination ul li a:hover{
	background: #7E745A;
	border: 1px solid #7E745A;
	color: #FFFFFF;
}
#info_block .info_box .pagination ul li .current{
	display: block;
}
#info_block .info_box .pagination ul li:first-child{
	margin-right: 10.8px;
}
#info_block .info_box .pagination ul li .dots{
	margin: 0 11.2px;
	color: #706B5F;
	display: block;
    height: 40px;
    line-height: 35px;
}

@media screen and (max-width: 1230px){
	#info_block .info_box{
		width: 63%;
    }
}
@media screen and (max-width: 1110px){
	#info_block .contents_inner.row_box{
		display: block;
	}
	#info_block .info_box{
		width: 100%;
	}
	#info_block .info_box .pagination ul{
		margin-top: 30px;
	}
}
@media screen and (max-width: 640px){
	#info_block .info_box .pagination ul{
		margin-top: 30px;
	}
}
@media screen and (max-width: 560px){
	/*#info_block .info_box .info_list li a .row_box{
		padding: 22.5px 20px;
        flex-wrap: wrap;
	}
	#info_block .info_box .info_list li a .row_box .text{
		margin-top: 10px;
	}*/
	#info_block .info_box .news_box a{
		padding: 22.5px 20px;
		flex-wrap: wrap;
	}
	#info_block .info_box .news_box .news_ttl{
		display: block;
		width: 100%;
	}
}

/*-----------------------------------

	detail_block

-----------------------------------*/
#detail_block{
	padding: 30.5px 0 79.4px;
	background: url("../img/common/lower_bg.png");
}
#detail_block .contents_inner.row_box .detail_wrap{
	width: 755px;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box{
	border-radius: 6px;
	background: #fff;
	border: 1px solid #E1E1E1;
	padding: 29px 29px 82.6px 24px;
	font-weight: 400;
	font-family: 'Zen Antique Soft', serif;
	color: #171717;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box ul{
	margin: 25px 0;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box ul li{
    font-size: 16px;
    margin-bottom: 15px;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box .ttl_box{
	border-bottom: 1px solid #E6ECF2;
	margin-bottom: 41.5px;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box .ttl_box .row_box{
	justify-content: flex-start;
	margin-bottom: 1.5px;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box .ttl_box .row_box .data{
	font-family: 'Playfair Display', serif;
	font-size: 13px;
	line-height: 17px;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box .ttl_box .row_box .category{
	width: 70px;
	height: 20px;
	line-height: 17px;
	background: #343434;
	border: 1px solid #686868;
	border-radius: 3px;
	color: #fff;
	margin: auto 0 auto 19.2px;
	text-align: center;
	font-size: 11px;
} 
#detail_block .contents_inner.row_box .detail_wrap .detail_box .ttl_box .title{
	font-size: 22px;
	margin: 14px auto;
	line-height: 35px;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box p{
    font-size: 16px;
    line-height: 200%;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box .detail_img{
	border-radius: 6px;
	margin: 27.5px auto 33.5px;
	display: block;
}
#detail_block .contents_inner.row_box .detail_wrap .detail_box img{
    margin: 15px 0;
}

#single{
	margin-top: 37.5px;
}
#single .page-numbers{
	justify-content: center;
	gap: 15px;
}
#single .page-numbers li{
	width: 90px;
	height: 40px;
	line-height: 37px;
	background: #fff;
	border: 1px solid #CCC6B5;
}
#single .page-numbers li a{
	display: block;
	color: #706B5F;
	font-weight: 400;
	font-family: 'Zen Antique Soft', serif;
	font-size: 20px;
	text-align: center;
}
#single .page-numbers li a:hover{
	background: #7E745A;
	border: 1px solid #7E745A;
	color: #fff;
}
#single .page-numbers li a span{
	font-size: 9px;
	display: inline-block;
	vertical-align: top;
}
#single .page-numbers li:first-child a span{
	margin-right: 12px;
}
#single .page-numbers li:last-child a span{
	margin-left: 7px;
}
@media screen and (max-width: 1230px){
	#detail_block .contents_inner.row_box .detail_wrap{
		width: 63%;
    }
}
@media screen and (max-width: 1110px){
	#detail_block .contents_inner.row_box{
		display: block;
	}
	#detail_block .contents_inner.row_box .detail_wrap{
		width: 100%;
	}
}
@media screen and (max-width: 840px){
	#detail_block .contents_inner.row_box .detail_wrap .detail_box .ttl_box{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 640px){
	#detail_block .contents_inner.row_box .detail_wrap .detail_box .is-layout-flex{
		display: block !important;
	}
}

/*--------------------
	aside
--------------------*/
aside{
	width: 325px;
}
aside .aside_wrap{
	background: #fff;
	border: 1px solid #E1E1E1;
	padding: 0 27.5px;
	border-radius: 6px;
	color: #171717;
}
aside .aside_wrap .aside_ttl{
	margin: 14.5px 0;
	padding: 6px 0 4px;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	font-family: 'Zen Antique Soft', serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
}
aside .aside_wrap .category_list{
	justify-content: flex-start;
	gap: 5px;
	margin-bottom: 6px;
}
aside .aside_wrap .category_list li{
	background: #7A725C;
	border-radius: 50px;
	padding: 0 11px;
	height: 23px;
	font-family: 'Zen Antique Soft', serif;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	line-height: 24px;
}
aside .aside_wrap .category_list li:hover{
	opacity: 0.8;
	transition: 0.3s;
}
aside .aside_wrap .category_list li a{
	color: #fff;
}
aside .aside_wrap .aside_box .hibariya_img{
	display: block;
	margin: 0 auto;
	width: 270px;
	height: 160px;
	border-radius: 3px;
	object-fit: cover;
}
aside .aside_wrap .aside_box .text_box .aside_text{
	font-family: 'Zen Antique Soft', serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	margin: 10.5px auto 13px;
}
aside .aside_wrap .aside_box .text_box .access{
	background: #F5F2ED;
	border-radius: 3px;
	font-family: 'Zen Antique Soft', serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	padding: 4px 0;
	margin-bottom: 0;
}
aside .aside_wrap .aside_box .text_box p{
	font-family: 'Zen Antique Soft', serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	margin: 6.5px 0 17.5px;
}
aside .aside_wrap .aside_box .text_box .sns_box img{
	border-radius: 6px;
	display: block;
	margin: 0 auto;
}
aside .aside_wrap .aside_box .text_box .sns_box .row_box{
	margin: 10.5px auto 23px;
	justify-content: center;
	gap: 16.2px;
}
@media screen and (max-width: 1230px){
	aside{
		width: 35%;
	}
}
@media screen and (max-width: 1110px){
	aside{
		width: 100%;
		margin-top: 40px;
	}
	aside .aside_wrap{
		padding-top: 23px;
	}
	aside .aside_wrap .aside_box{
		display: flex;
		gap: 20px;
	}
	aside .aside_wrap .aside_box .hibariya_img{
		width: 48%;
        height: 40%;
	}
	aside .aside_wrap .aside_box .text_box .access_wrap{
		display: flex;
		justify-content: flex-start;
		gap: 20px;
	}
	aside .aside_wrap .aside_box .text_box .access_wrap .access_box{
		width: 50%;
	}
	aside .aside_wrap .aside_box .text_box .sns_box .twitter-timeline {
		width: 100% !important;
	}
}
@media screen and (max-width: 640px){
	aside .aside_wrap .aside_box{
		display: block;
	}
	aside .aside_wrap .aside_box .hibariya_img{
		width: 100%;
	}
	aside .aside_wrap .aside_box .text_box .access_wrap{
		display: block;
	}
	aside .aside_wrap .aside_box .text_box .access_wrap .access_box{
		width: 100%;
	}
}