@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#contents h3{
font-size:126%;
}

#contents h4,
#contents p {
	margin-bottom: 20px;
}

#contents h4 {
	margin-bottom: 0;
}

#contents .p01 {
	margin-bottom: 24px;
	text-align: right;
}

#contents .photoBox {
	float: left;
	margin-right: 25px;
	margin-bottom:20px;
_position: relative;
_zoom:1;
}



#contents .photoBox .gallery {
	position: relative;
	margin-bottom:5px;
}

* html #contents .photoBox .gallery {width:198px;zoom:1;}

#contents .photoBox a.btn {
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 55px;
	height: 20px;
	display: block;
}

* html #contents .photoBox a.btn {zoom:1;}

#contents .photoBox p{
	width:198px;
	margin-bottom:15px;
font-size:95%;
text-indent:0;
}

#contents .inner {
	width: 505px;
	float: right;
}

#contents .pLink {
	margin: 0 auto;
	width: 122px;
	color: #71B22D;
	border: solid 1px #70B22C;
}

#contents .pLink span {
	padding: 4px 5px 3px;
	display: block;
}

#contents .back_btn {
	text-align: center;
margin-top:50px;
}

#contents .back_btn a {
	background: url(../../common/images/icon/icon_arrow.gif) no-repeat 9px center;
	padding: 10px 10px 10px 30px;
	border: 1px solid #0088CC;	
}

#contents .back_btn a span {
}

#contents .mb5 {
	margin-bottom: 5px;
}

#contents .mb25 {
	margin-bottom: 25px;
}

#contents .mb30 {
	margin-bottom: 30px;
}

#contents .mb35 {
	margin-bottom: 35px;
}








#story-main{
    overflow:hidden;
    zoom:1;
}

#story-main:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

* html #story-main{
    height: 1em;
    overflow: visible;
}

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

.social-box{
width:auto;
padding:0 6px;
}
#contents h3{
width:auto;
margin-right:6px;
margin-left:6px;
}

#contents .section{
padding:0 6px;
}

.story-date{
padding-right:6px;
}


}