@charset "UTF-8";

/* style */
.style_box {
	width:960px;
	margin:30px auto 0 auto;
}
.style_box_m {
	width:960px;
	margin:0 auto;
}
.style_line {
	width:320px;
}
.style_thumb {
	width:300px;
	padding:0 10px 20px 10px;
}
.re {
	background-size:contain;
	width:300px;
	height:auto;
}
.more {
	width:87px;
	height:27px;
	margin:0 auto;
}
.txt_more {
	font-size:15px;
	letter-spacing:0.8em;
	padding:10px 0 10px 13px;
	color:#121212;
}
.txt_more a {
	text-decoration:none;
}
.see {
	width:250px;
	margin:0 auto;
	cursor:pointer;
}
.close {
	width:44px;
	height:27px;
	margin:30px auto 0 auto;
	cursor:pointer;
}

.s01 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:315px;
	margin:0;
	padding:0;
}
.s02 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:115px;
	margin:0;
	padding:0;
}
.s03 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:446px;
	margin:0;
	padding:0;
}
.s04 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:200px;
	margin:0;
	padding:0;
}
.s05 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:229px;
	margin:0;
	padding:0;
}
.s06 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:453px;
	margin:0;
	padding:0;
}
.s07 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:454px;
	margin:0;
	padding:0;
}
.s08 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:410px;
	margin:0;
	padding:0;
}
.s09 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:235px;
	margin:0;
	padding:0;
}
.s10 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:453px;
	margin:0;
	padding:0;
}
.s11 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:453px;
	margin:0;
	padding:0;
}
.s12 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:202px;
	margin:0;
	padding:0;
}
.s13 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:453px;
	margin:0;
	padding:0;
}
.s14 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:453px;
	margin:0;
	padding:0;
}
.s15 {
	position: relative;
	overflow: hidden;
	width: 300px;
	height:235px;
	margin:0;
	padding:0;
}

figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figure:hover figcaption {
	opacity: 1;
}
.txt_credit {
	font-family:'Hiragino Kaku Gothic ProN','Lucida Grande',Meiryo, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:left;
	position:absolute;
	left:10px;
	bottom:5px;
}


/* 追加 */
#blog_link {width: 80%;margin: 0 auto;}
#blog_link dl {margin-bottom: 20px;display: flex; align-items: flex-start;}
#blog_link dl dt {width: 20%;
font-size: 100%;
font-weight: bold;
line-height: 1.8;
}
#blog_link dl dd {width: 80%; line-height: 1.8;}
#blog_link dl dd a {color: #333;}