@charset "UTF-8";



/* 一覧
---------------------------------------------------------*/
/*カテゴリーリスト*/
.post_cat_list {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	font-size: 90%;
	letter-spacing: .05em;
	line-height: 1.2em;	
	color: #a79564;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}
.post_cat_list li {
	margin: 0 0.5% 1.5%;
}
.post_cat_list li a {
	display: block;
	text-align: center;
	border: solid 1px #a79564;
	border-radius: 50px;
	padding: 1.0em 1.0em;
	min-width: 16em;
	box-sizing: border-box;
}
.post_cat_list li a:hover,
.post_cat_list li.active a {
	color: #fff !important;
	background: #a79564;
}

/*アーカイブタイトル*/
.archive-title {
	text-align: center;
	font-size: 110%;
	letter-spacing: .15em;
	line-height: 1.4em;
	padding: 1.0em 0;
	border-top: solid 1px #756159;
	border-bottom: solid 1px #756159;
	margin-top: 2.0em;
}

.entry_list {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
}
.entry_list article {
	width: 30%;
	margin-right: 5%;
	margin-top: 60px;
}
.entry_list article:nth-child(3n) {
	margin-right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*カテゴリーリスト*/
.post_cat_list {
	letter-spacing: normal;
}

.entry_list article {
	width: 31.333%;
	margin-right: 3%;
	margin-top: 8%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*カテゴリーリスト*/
.post_cat_list {
	display: block;
}
.post_cat_list li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 3%;
}
.post_cat_list li:last-child { 
	margin-bottom: 0;
}
.post_cat_list li a{
	padding: .6em 0;
}

.entry_list {
	justify-content: space-between;
}
.entry_list article {
	width: 47.5%;
	margin-right:0;
	margin-top: 10%;
}
}




/* single_page
---------------------------------------------------------*/
.contentpage.single_page .m_img {
	height: min(355px,25vw);
}
.contentpage.single_page .m_img .m_title {
	top: 50%;
}
.single_page .m_title {
	font-size: 100%;
}
.single_page .m_title .single-title {
	font-size: min(250%,3.6vw);
	letter-spacing: 0.05em;
	line-height: 1.4em;
	margin: .4em 0 .4em;
}
.single_page .m_title .entry-cat {
	margin: 0;
}

/*snsbtnlist*/
.snsbtnlist {
	text-align: center;
}
.snsbtnlist .ft_no {
	font-size: min(140%,2.5vw);
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-bottom: 1.5em;
}
.snsbtnlist li {
	display: inline-block;
	font-size: 88%;
	line-height: 1em;
	margin-right: .1em;
}
.snsbtnlist li:last-child {
	margin-right: 0;
}
.snsbtnlist li a {
	display: block;
	color: #fff;
	padding: .9em .8em;
	box-sizing: border-box;
	border-radius: 6px;
	background: #3b5999;
}
.snsbtnlist li.twitter a {background: #333333;}
.snsbtnlist li.line a {background: #04c755;}

.snsbtnlist li a span {
	display: inline-block;
	position: relative;
	padding-left: 2.4em;
}
.snsbtnlist li a span::before {
	content: "";
	display: block;
	width: 2.2em;
	height: 2.2em;
	background: url(../images/content/icon_facebook@2x.png)no-repeat top left;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.snsbtnlist li.twitter a span {
	padding-left: 2.2em;
}
.snsbtnlist li.twitter a span::before {
	background-image: url(../images/content/icon_twitter@2x.png);
}
.snsbtnlist li.line a span::before {
	left: -.2em;
	width: 2.5em;
	height: 2.5em;
	background-image: url(../images/content/icon_line@2x.png);
}

/*page_link*/
.page_link {
	border-top: solid 2px #c9c9c9;
	padding-top: 40px;
}
.page_link .btn_area {
	position: relative;
	padding: 0 8.0em;
}
.page_link li {
	letter-spacing: .1em;
	line-height: 1em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.page_link li:first-child {
	left: 0;
}
.page_link li:last-child {
	right: 0;
}
.page_link li a {
	display: block;
	text-decoration: none;
	position: relative;
}
.page_link li a:hover {
	color: #a79564;
}
.page_link li a::before {
	position: absolute;
	top: 0;
	font-family: 'fontello';
	content: '\e800';
	font-size: 80%;
}
.page_link li:first-child a {
	padding-left: 1.5em;
}
.page_link li:last-child a {
	padding-right: 1.5em;
}
.page_link li:first-child a::before {
	left: 0;
	transform: scale(-1, 1);
}
.page_link li:last-child a::before {
	right: 0;
}
.page_link .com_btn1 {
	max-width: 100%;
	text-align: center;
}
.page_link .com_btn1 a {
	display: inline-block;
	min-width: 18em;
	padding: .8em 1.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*snsbtnlist*/
.snsbtnlist .ft_no{
	margin-bottom: 1.3em;
}

/*page_link*/
.page_link {
	padding-top: 2em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.contentpage.single_page .m_img {
	height: 50vw;
}
.single_page .m_title .single-title {
	font-size: 150%;
	letter-spacing: normal;
	line-height: 1.3em;
	margin: .4em 0 .4em;
}
.single_page .m_title .entry-cat {
	margin: 0;
}

/*snsbtnlist*/
.snsbtnlist .ft_no{
	font-size: 110%;
	margin-bottom: 1.5em;
}
.snsbtnlist li {
	font-size: 85%;
}
.snsbtnlist li a {
	padding: .9em .6em;
}
.snsbtnlist li a span {
	padding-left: 2.5em;
}

/*page_link*/
.page_link {
	padding-top: 8%;
}
.page_link .btn_area {
	padding: 0;
}
.page_link ul {
	display: flex;
    justify-content: space-between;
}
.page_link li {
	position: static;
	transform: none;
}
.page_link .com_btn1 {
	margin-top: 2.0em;
}
}



/*wp-pagenavi
-----------------------------------------------------*/
.pagenavi_wrap {
	margin-top: 80px;
	padding-top: 50px;
	border-top: solid 1px #c9c9c9;
}
.wp-pagenavi {
	font-family: "Cinzel", serif;
	font-optical-sizing: auto;
	font-weight: 400!important;
	font-style: normal;
	
	display: block;
	clear: both;
	text-align: center;
	color: #756159;
	font-size: 110%;
	letter-spacing: normal;
	line-height: 1.0em;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi span,
.wp-pagenavi a {	
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	letter-spacing: normal;
	width: 2.6em;
	line-height: 1.0em;
	padding: .8em 0 .7em;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #756159;
	border-radius: 50%;
	margin: 0 .2em;
	position: relative;
	transition: all 0.8s;
}
.wp-pagenavi span.extend {	
	background: transparent;
	border: none;
}
.wp-pagenavi span:hover,
.wp-pagenavi a:hover {	
	transition: all 0.4s;
}
/* 現在地、マウスオーバー * */
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	color: #fff;
	background: #756159;
}
/* 左右の矢印 */
/* 最初・最後のページ */
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
	width: auto;
	padding: 0;
	background: none !important;
	border: none !important;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","游ゴシック","Yu Gothic",Meiryo,sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	font-size: 95%;
	letter-spacing: .1em;
	line-height: 1.0em;
	position: relative;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
	color: #a79564;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first {
	padding-left: 1.5em;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
	padding-right: 1.5em;
}
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .first::before,
.wp-pagenavi .last::before {
	font-family: 'fontello';
	content: '\e800';
	font-size: 60%;
	position: absolute;
	top: 0;
}
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .first::before {
	left: 0;
	transform: rotate(180deg);
}
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .last::before {
	right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.pagenavi_wrap {
	margin-top: 6%;
	padding-top: 3%;
}
.wp-pagenavi {
	font-size: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pagenavi_wrap {
	margin-top: 12%;
	padding-top: 8%;
}
.wp-pagenavi {
	font-size: 90%;
}
/* 左右の矢印 */
/* 最初・最後のページ */
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
	font-size: 95%;
	letter-spacing: normal;
}
}


 
/*ウィジェット
-----------------------------------------------------*/
.widget_box {
	padding: 120px 0;
	background: #f1f0ee;
	/*margin-top: 120px;*/
}
.widget_box .w1220 .near_box {
	float: left;
	width: 50%;
}
.widget_box .w1220 .calendar_box {
	float: right;
	width: 46%;
}

/*最近の投稿*/
.widget_box .wid_index {
	font-size: min(115%,2.2vw);
	letter-spacing: 0.15em;
	line-height: 1em;
	margin-bottom: .6em;
}
.widget_box .near_list {
	line-height: 1.4em;
}
.widget_box .near_list > li {
	border-bottom: solid 1px #b4b4b5;
}
.widget_box .near_list a {
	display: block;
	padding: .9em 0 .8em;
	position: relative;
	padding-left: 1.7em;
}
.widget_box .near_list a::before {
	content: "";
	position: absolute;
	left: .8em;
	top: 1.4em;
	width: .3em;
	height:.3em;
	border-radius: 50%;
	background: #d5bd8f ;
	background-size: 100% auto;
}
.widget_box .near_list a:hover {
	color: #d5bd8f;
}

/*カレンダー*/
.widget_box #wp-calendar {
	border: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 100%;
	line-height: 2em;
	background: #fff;
	position: relative;
}
.widget_box #wp-calendar a {
	color: #a79564;
	text-decoration: underline;
}
.widget_box #wp-calendar a:hover {
	color: #a79564;
	text-decoration: none;
}
.widget_box #wp-calendar caption,
.widget_box #wp-calendar tfoot {
	line-height: 1.0em;
}
.widget_box #wp-calendar caption {
	letter-spacing: .15em;
	padding-bottom: 15px;
}
.widget_box #wp-calendar thead th {
	background: #a79564;
	color: #fff;
	padding: .6em 0;
	font-weight: normal;
}
.widget_box #wp-calendar tbody td {
	padding: .3em 0;
}
.widget_box #wp-calendar tbody tr:first-of-type td {
	padding-top: 1.0em;
}
.widget_box #wp-calendar tbody tr:last-of-type td {
	padding-bottom: 1.0em;
}
.widget_box #wp-calendar caption,
.widget_box #wp-calendar tfoot {
	letter-spacing: .15em;
	line-height: 1.0em;
}
.widget_box #wp-calendar tfoot {
	width: 100%;
	position: absolute;
	top: 0;
}
.widget_box #wp-calendar #prev {
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
}
.widget_box #wp-calendar #next {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
.widget_box #wp-calendar tfoot a {
	color: #333333 !important;
	font-weight: 400 !important;
	text-decoration: none;
	display: block;
	position: relative;
}
.widget_box #wp-calendar #prev a {
	padding-left: 1.0em;
}
.widget_box #wp-calendar #next a {
	padding-right: 1.0em;
}
.widget_box #wp-calendar tfoot a:hover,
.widget_box .wp-calendar-nav a:hover {
	color: #a79564 !important;
}
.widget_box #wp-calendar tfoot a::before {
	content: "";
	position: absolute;
	width: .4em;
	height: .4em;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;
	top: 50%;
}
.widget_box #wp-calendar #prev a::before {
	left: 0;
	transform: translateY(-50%) rotate(45deg);
}
.widget_box #wp-calendar #next a::before {
	right: 0;
	transform: translateY(-50%) rotate(-135deg);
}
.widget_box .wp-calendar-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	line-height: 1.2em;
}
.widget_box .wp-calendar-nav span {
	display: inline-block;
	position: absolute;
	top: 0;
}
.widget_box .wp-calendar-nav .wp-calendar-nav-prev {
	left: 0;
}
.widget_box .wp-calendar-nav .wp-calendar-nav-next {
	right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.widget_box {
	padding: 8% 0;
	margin-top:8%;
}

/*最近の投稿*/
.widget_box .wid_index {
	margin-bottom: .4em;
}
.widget_box .near_list a {
	padding-left: 1em;
}
.widget_box .near_list a::before {
	left: 0;
}
/*カレンダー*/
.widget_box #wp-calendar caption,
.widget_box #wp-calendar tfoot {
	letter-spacing: .05em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.widget_box {
	padding: 12% 0;
	margin-top: 12%;
}
.widget_box .w1220 .near_box {
	float: none;
	width: 100%;
	margin-bottom: 10%;
}
.widget_box .w1220 .calendar_box {
	float: none;
	width: 100%;
}

/*最近の投稿*/
.widget_box .wid_index {
	font-size: 110%;
	margin-bottom: .6em;
}
.widget_box .near_list {
	font-size:95%;
}
.widget_box .near_list a {
	padding-left: 1em;
}
.widget_box .near_list a::before {
	left: 0;
}
/*カレンダー*/
.widget_box #wp-calendar caption,
.widget_box #wp-calendar tfoot {
	letter-spacing: .05em;
}
}



/* 関連記事：connection
---------------------------------------------------------*/
#case .connec_ttl,
#connection .ttl {
	margin-bottom: 2.0em;
}

.com_connect_list {
    justify-content: flex-start;
    flex-wrap: wrap;
}
.com_connect_list article {
	width: 31%;
	margin-right: 3.5%;
	margin-top: 60px;
}
.com_connect_list article:nth-child(3n),
.com_connect_list article:last-child {
	margin-right: 0;
}
.com_connect_list article:nth-child(-n+3) {
	margin-top: 0;
}
.com_connect_list article .com_topics {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.com_connect_list article .com_topics .img_thum {
	width: 36.5%;
	margin: 0;
}
.com_connect_list article .com_topics .entry-inf {
	width: 58%;
	margin: 0;
}
.com_connect_list article .com_topics .entry-cat {
	margin: .2em 0 .2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#case .connec_ttl,
#connection .ttl {
	margin-bottom: 1.5em;
}
.com_connect_list article {
	margin-top: 4%;
}
.com_connect_list article .com_topics {
	display: block;
}
.com_connect_list article .com_topics .img_thum {
	width: 70%;
	margin: 0 auto 1.0em;
}
.com_connect_list article .com_topics .entry-inf {
	width: 100%;
}
.com_connect_list article .com_topics .entry-cat {
	margin: .2em 0 .2em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#case .connec_ttl,
#connection .ttl {
	margin-bottom: 1.0em;
}
.com_connect_list article {
	margin-top: 8%;
}
.com_connect_list article .com_topics {
	display: block;
}
.com_connect_list article .com_topics .img_thum {
	width: 100%;
	margin: 0 auto 1.0em;
}
.com_connect_list article .com_topics .entry-inf {
	width: 100%;
}
.com_connect_list article .com_topics .entry-cat {
	margin: .2em 0 .2em;
}
}