@charset "UTF-8";
/* CSS Document */

#header .inner #lang{ display: block; }

#contents{
	width:100%;
	padding:158px 0 60px 0;
	margin:0 auto;
}
#contents .inner{
	width:100%;
	position:relative;
}
#contents .inner h3{
	text-indent: 100%;
	white-space: nowrap;
	width: 233px;
	height: 23px;
	background-image: url(../images/title_event.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin:0 auto 30px auto;
	overflow: hidden;
}
#contents .inner h3 img{
	vertical-align:bottom;
}
#contents .inner hr{
	width:320px;
	margin-bottom:60px;
	border-bottom:solid 2px #000;
}

#contents .inner .post{
	width:980px;
	padding-bottom:30px;
	margin:0 auto 30px auto;
	border-bottom:solid 1px #000;
}
#contents .inner .post.bottom{
	padding-bottom:0px;
	margin:0 auto;
	border-bottom:none;
}

.post .photo{
	width:460px;
	float:left;
}
.post .photo img{ vertical-align:bottom; }
.post .text{
	text-align:left;
	width:460px;
	float:right;
	position:relative;
}
.post .text h5{
	font-family:"museo-sans", Helvetica, sans-serif;
	font-weight:900;
	font-size:1.4em;
	letter-spacing: 0.1em;
	margin-bottom:20px;
}
.post .text h6{
	font-family:"museo-sans", Helvetica, sans-serif;
	font-weight:900;
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom:10px;
}
.post .text p{ margin-bottom: 10px; }
.post .text p:last-child{ margin-bottom: 0px; }
.post .text a{ text-decoration:underline; }

.post .text ul.social{
	position:absolute;
	right:0px;
	top:0px;
}
.post .text ul.social li{
	width:35px;
	float:left;
}
.post .text ul.social li a{
	background-image:url(../images/btn_social.png);
	background-repeat:no-repeat;
	height:29px;
}
.post .text ul.social li a:hover{ background-position:0px -29px; }
.post .text ul.social li.twit a{ background-position:-35px 0px; }
.post .text ul.social li.twit a:hover{ background-position:-35px -29px; }




/* --------------------------------------- Media Queries Smartphone --------------------------------------- */
@media only screen and (max-width: 736px) {

#contents{ padding:79px 0 30px 0; }
#contents .inner{
width:auto;
padding: 0 15px;
}
#contents .inner h3{
	color: #000;
	font-family:"museo-sans", Helvetica, sans-serif;
	font-size:1.4rem;
	font-weight: 900;
	text-indent: 0;
	width: auto;
	background-image: none;
	margin-bottom:15px;
}
#contents .inner hr{
	width:160px;
	margin-bottom:30px;
	border-bottom:solid 1px #000;
}

#contents .inner .post{
	width:100%;
	padding-bottom:30px;
	margin:0 auto 30px auto;
	border-bottom:solid 1px #000;
}
#contents .inner .post.bottom{
	padding-bottom:0px;
	margin:0 auto;
	border-bottom:none;
}
.post .photo{
	width:100%;
	float:none;
}
.post .photo img{
	width:100%;
	height: auto;
}
.post .text{
	text-align:left;
	width:auto;
	margin-bottom: 15px;
	float:none;
}
.post .text h5{
	font-size:1.4rem;
	line-height: 100%;
	letter-spacing: 0;
	margin-bottom:5px;
}
.post .text h6{
	font-size:1.4rem;
	line-height:1.8rem;
	margin-bottom:15px;
}
.post .text ul.social li{
	width:13px;
}
.post .text ul.social li a{
	background-image:url(../images_sp/btn_social.png);
	background-size: 29px 13px;
	height:13px;
}
.post .text ul.social li a:hover{ background-position:0px 0px; }
.post .text ul.social li.twit{
width:16px;
margin-left: 10px;
}
.post .text ul.social li.twit a{ background-position:-13px 0px; }
.post .text ul.social li.twit a:hover{ background-position:-13px 0px; }

}