#page_as_photo #rte_area.co_photo{margin-bottom:60px;}

@media screen and (max-width:799px) {
	#page_as_photo #rte_area.co_photo{padding:0 15px;}
}

/*  #thumbs */
/* ---------------------------------------------- */
#thumbs   {margin:0 auto 60px;}
#thumbs ul{margin:0 -7px;}
#thumbs li{display:inline-block;width:25%;vertical-align:top;}
#thumbs li .pctb {
	position:relative;
	display:block;
	padding-bottom:84%;
	margin:7px;
	background-position:center center;
	background-size:cover;
	cursor:pointer;
}
#thumbs li .sp{display:none;}
#thumbs li img{max-width:100%;height:auto;}
#thumbs li .pctb:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:.3s;background:url(../img/pg/zoom.png) no-repeat center center;opacity:0;}
#thumbs li .pctb:hover:after{opacity:.4;}

@media screen and (max-width:999px) {
	#thumbs{overflow:hidden;}
	#thumbs li{width:33.33%;}
}

@media screen and (max-width:799px) {
	#thumbs{margin:0 15px 60px;}
}

@media screen and (max-width:599px) {
	#thumbs li{width:50%;}
	#thumbs li .pctb{display:none;}
	#thumbs li .sp  {display:block;margin:7px;}
	#thumbs li img  {margin-bottom:7px;}
}
@media screen and (max-width:479px) {
	#thumbs{margin:0 0 60px;}
	#thumbs li     {display:block;width:auto;}
	#thumbs li img {margin: 0 -5% 7px;max-width: 110%;}
	#thumbs li .details.rte_area{margin:0 15px;}
}


/* #seko_box */
/* ---------------------------------------------- */
#seko_box{margin-bottom:60px;}
#seko_box h3{padding:5px 5px 5px 15px;margin-bottom:5px;background: #fdf8e8;color:#2d1502;}
#seko_box li{float:left;width:25%;}
#seko_box li a{
	position:relative;
	display:block;
	background-size:cover;
	background-position:center center;
	border:solid 2px #ffffff;
	padding-bottom:75%;
}

#seko_box li a:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:.3s;background:url(../img/pg/zoom.png) no-repeat center center;opacity:0;}
#seko_box li:hover a:after{opacity:0.6;}
#seko_box .link{margin-top:10px;text-align:right;}

@media screen and (max-width:999px) {
	#seko_box li{width:32%;margin-bottom:5px;}
	#seko_box li:nth-child(3n+2){margin-left:1%;margin-right:1%;}
	#seko_box li a{border:none;}
}

@media screen and (max-width:599px) {
	#seko_box li {width:49%;}
	#seko_box li:nth-child(3n+2){margin:0 0 5px 0;}
	#seko_box li:nth-child(odd){margin:0 2% 5px 0;}
}