@charset "utf-8";

.archive .content_area{
	max-width:1260px;
}
.archive .page_top{margin-bottom:38px;}

/*----- blog_category -----*/
.select_box_in{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:end;
}
.select_name{
	font-weight:bold;
}
.select_name:first-child, .select_item.cate_select{display:none;}
.select_item{
	position:relative;
	width:240px;
	margin-left:20px;
	border-radius:5px;
	overflow:hidden;
}
.select_item::after{
	content:'';
	position:absolute;
	height:12px;
	width:12px;
	background: url(/img/common/arrow_b_blue.svg)no-repeat center / contain;
	top:0;
	right:22px;
	bottom:0;
	margin:auto;
}
.select_item_in{
	display:block;
	width:100%;
	padding:22px 40px 21px 15px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	color:#333 !important;
	font-size:1.5rem;
	letter-spacing:1.5px;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px;
}

/*----- blog_list -----*/
.blog_list{
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
	padding-left:0;
}
.blog_item{
	width:23%;
	border-bottom:1px solid #CCCCCC;
	list-style:none;
	transition:border 0.3s;
	margin-right:2.5%;
	margin-bottom:50px;
	position:relative;
}
.blog_list .blog_item:nth-child(4n){margin-right:0;}
.blog_item:hover{border-bottom:1px solid #1766B6;}
.blog_link{
	text-decoration:none;
}
.blog_thumb{
	position: relative;
	padding-bottom: 74.8201%;
	background: #fff;
	overflow: hidden;
	border:1px solid #CCCCCC;
	border-radius:5px;
	overflow:hidden;
	transition:border 0.3s;
}
.blog_item:hover .blog_thumb{border:1px solid #1766B6;}
.blog_thumb img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100% !important;
	max-height: 100%;
	transform: translate(-50%, -50%);
	object-fit: contain;
}
.blog_info{
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
	margin:12px 0 7px;
}
.blog_title{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.6rem;
	font-weight:bold;
	padding-bottom:29px;
	margin-bottom:0;
	position:relative;
}
.blog_item::after{
	content:'';
	position:absolute;
	display:block;
	right:10px;
	bottom:13px;
	width:27px;
	height:7px;
	margin:auto;
	background:#333333;
	clip-path:polygon(0 42.9%, 86.4% 42.9%, 86.4% 0, 100% 50%, 86.4% 100%, 86.4% 57.1%, 0 57.1%);
}

.blog_none{text-align: center;}

/*----- blog_navi -----*/
.wp-pagenavi{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	margin-top:90px;
}
.page, .current, .first, .last{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	padding:11px;
	margin:0 7px;
	border:1px solid #ccc;
	border-radius:5px;
	color:#333 !important;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:1.6px;
	line-height:2.6rem;
	text-decoration:none !important;
	transition:border 0.3s;
}
.wp-pagenavi .current,
.page:hover,
.first:hover,
.last:hover,
.current{
	border-color:#1766B6;
	background-color:#1766B6;
	color:#fff !important;
}
.extend{
	margin:0 5px;
	color:#333 !important;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:1.4px;
	line-height:2rem;
}
.previouspostslink, .nextpostslink{
	position:absolute;
	top:5px;
	color:#333 !important;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:1.6px;
	text-decoration:underline !important;
}
.previouspostslink{left:0;}
.nextpostslink{right:0;}
.previouspostslink:hover,
.nextpostslink:hover{
	text-decoration:none !important;
}


/*----- blog_single -----*/
.single .page_top{background:#E7F2FE;height:180px;}
.single .page_title{
	max-width:940px;
	padding:0 20px;
	font-size:3rem;
	letter-spacing:2.4px;
	line-height:4.5rem;
}
.single .content_area{
	max-width:940px;
	padding:0 20px 80px;
}
.single .blog_info{
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2rem;
	color:#8A8A8A;
}
.single .blog_info .blog_date{margin-right:0;}
.single .blog_info .blog_date::after,.single .blog_info span{display:none;}
.blog_catch{
	overflow:hidden;
	margin:20px 0 30px;
}
.blog_catch img{width:100%;}
.related_area{
	padding:60px 30px 0;
	background-color:#E7F2FE;
}
.related_area h2{
	font-size:2.7rem;
	letter-spacing:2.16px;
	line-height:3.9rem;
	text-align:center;
	padding:0;
	margin:0 0 60px;
}
.related_area h2::after{display:none;}
.related_box{
	max-width:1200px;
	margin:auto;
}
.related_area .blog_info span{display:none;}
.related_area .blog_list{margin-bottom:-15px;}
.related_area .link_btn{
	margin:auto;
	width:305px;
}
.related_area #pankuzu{margin-top:90px;}

#content_wrap.single img{margin: auto;max-width: 600px;}

@media screen and (max-width:1024px){
/*----- blog_category -----*/
.select_name,.select_item_in{
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:2.6rem;
}

/*----- blog_navi -----*/
.previouspostslink, .nextpostslink{font-size: 1.5rem;}

}

@media screen and (min-width:768px) and (max-width:1024px){
.archive .page_top{margin-bottom:31px;}
/*----- blog_category -----*/
.select_item_in{padding:13px 40px 12px 15px;}
.select_item{
	width:180px;
	margin-left:15px;
}

/*----- blog_list -----*/
.blog_list{margin-top:44px;}
.blog_item{margin-bottom:27px;}
.blog_list .blog_item:nth-child(4n){margin-right:0;}
.blog_item:hover{border-bottom:1px solid #1766B6;}
.blog_link{
	text-decoration:none;
}
.blog_thumb{
	border:1px solid #CCCCCC;
	border-radius:5px;
	overflow:hidden;
	transition:border 0.3s;
}
.blog_item:hover .blog_thumb{border:1px solid #1766B6;}
.blog_thumb img{width:100%;}
.blog_info{
	font-size:1.1rem;
	letter-spacing:1.1px;
	line-height:1.6rem;
	margin:10px 0;
}
.blog_date{margin-right:24px;}
.blog_date::after{
	position:relative;
	display:inline-block;
	content:'';
	height:9px;
	width:1px;
	background-color:#CCCCCC;
	top:0;
	bottom:0;
	left:12px;
	margin:auto;
}
.blog_title{
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:2.08rem;
	padding-bottom:26px;
}
.blog_item::after{
	right:2px;
	bottom:9px;
}
/*----- blog_single -----*/

.single .page_top{height:120px;}
.single .page_title{
	max-width:640px;
	font-size:2rem;
	letter-spacing:1.6px;
	line-height:3.2rem;
}
.single .content_area{max-width:640px;}
.single .blog_info{
	font-size:1.1rem;
	letter-spacing:1.1px;
	line-height:1.6rem;
}
.blog_catch{margin:8px 0 20px;}
.related_area {padding-top: 50px;}
.related_area h2{
	font-size:2.3rem;
	letter-spacing:1.84px;
	line-height:3.4rem;
	margin-bottom:25px;
}
.related_area h2::after{display:none;}
.single .blog_list{
	max-width:1240px;
	margin:auto;
}
.related_area .blog_info span{display:none;}
.related_area .link_btn{
	margin:0 auto 70px;
	width:180px;
}

}

@media screen and (max-width:950px){

}

@media screen and (max-width:767px){
.archive .page_top{margin-bottom:30px;}
/*----- blog_category -----*/
.select_item{width:260px;}
.select_item_in{padding:14px 40px 11px 15px;}

/*----- blog_single -----*/
.single .page_top{height: 110px;margin-bottom: 30px;}
.single .content_area{padding-bottom: 0;margin-bottom: 66px;}
.single .page_title {
    font-size: 1.8rem;
    letter-spacing: 1.44px;
    line-height: 2.88rem;
}
.related_area{padding: 44px 20px 0;}
.related_area h2 {
	font-size: 2rem;
	letter-spacing: 1.6px;
	line-height: 2.9rem;
	margin: 0;
}
.single .blog_info{
	font-size: 1.3rem;
	letter-spacing: 1.04px;
	line-height: 1.9rem;
}
.single .blog_catch{margin: 9px 0 16px;}
.related_box .blog_list{margin: 20px 0 10px;}
.blog_item{margin-bottom: 20px !important;}
.related_area .link_btn{
	width: 180px;
	padding: 15px;
	font-size: 1.4rem;
}

/*----- blog_list -----*/
.blog_list{margin-top:40px;}
.blog_list li{width:49%;margin-right:2%;}
.blog_list li:nth-child(even){margin-right:0;}
.blog_list .blog_item:nth-child(even){margin-right:0;}
.blog_list .blog_info{
	font-size:1.1rem;
	letter-spacing:1.1px;
	line-height:1.6rem;
	margin: 4px 0;
}
.blog_date{margin:0;}
.blog_date::after,.blog_cate{display:none;}
.blog_title{
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:2rem;
	padding-bottom:23px;
}
.blog_item::after{bottom:11px;right:5px;}

/*----- blog_navi -----*/
.wp-pagenavi{margin-top:50px;}
.page, .current, .first, .last{
	width:36px;
	height:36px;
	padding:6px;
	margin:0 4px;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:2.3rem;
}
.extend{
	margin:0 5px;
	font-size:1rem;
	letter-spacing:1px;
}
.previouspostslink, .nextpostslink{
	top:8px;
	font-size:1.3rem;
	letter-spacing:1.3px;
}


/*----- pankuzu -----*/
.related_area #pankuzu {
    margin-top: 100px;
	padding-bottom: 10px;
}
}


@media screen and (max-width:599px){

}