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

.pc{
display: block;
}

.sp{
display: none;
}

header #index_nav img{
	left:-21px;
}

header #index_nav a{
	color:#999;
}

#container{
	background:url("../img/bg.jpg") no-repeat left top;
}

#media_contents{
	max-width: 605px;
width: 100%;
	font-size:10px;
	color:#fff;
	padding:0 0 155px 23px;
position: relative;
}

#media_contents h2{
	border-bottom:1px dotted #fff;
	color:#fff;
	padding:0 0 10px;
	letter-spacing:0.03em;
}


#media_contents #text_box01{
	/* max-width:295px; */
	padding:14px 0 0;
	letter-spacing:0.01em;
	/* float:left; */
}

#media_contents #text_box01 .text01{
	padding:0 0 48px;
	line-height:1.78;
}

#media_contents #text_box01 .url_box{
box-sizing: border-box;
background: rgba(255,255,255,.2);
padding: 9px 10px 11px;
margin-top: 11px;
max-width: 274px;
width: 100%;
}

#media_contents #text_box01 .url_box a{
color: #fff;
}

#media_contents #text_box01 .url_box a:hover{
text-decoration: underline;
}

#media_contents .cnt_img{
max-width: 280px;
width: 44.59%;
position:absolute; top:220px;
bottom: 0;
right: 0;
}

#media_contents .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#media_contents .cnt_img img.sp{
display: none;
}

/* #media_contents #text_box02{
	max-width:305px;
	float:left;
	padding:15px 0 0;
	margin:0 0 0 28px;
}

#media_contents #text_box02 .text01{
	font-size:9px;
	line-height:15px;
}
 */

/*=====スマホサイズ=====*/

@media only screen and (max-width:738px){
.pc{
display: none;
}

.sp{
display: block;
}

#container{
	background-size:cover;
}

#contain_in h2{
	font-size:18px;
	letter-spacing:-0.05em;
	padding:0 0 27px;
}

#contain_in h2 img{
	max-width:21px;
	display:inline-block;
	padding:2px 7px 2px 0;
}

#media_contents{
	padding:0 0 44px;
	width:94%;
	margin:0 auto;
}

#contain_in #media_contents h2{
	letter-spacing:0.03em;
	font-size:10px;
	padding:0 0 5px;
}


#media_contents #text_box01{
	padding:10px 0 0;
	float:none;
	font-size:10px;
	line-height:18px;
	max-width:none;
}

#media_contents #text_box01 .text01{
padding-bottom: 30px;
}

#media_contents #text_box01 .url_box{
margin-bottom: 40px;
max-width: none;
}

#media_contents .cnt_img{
width: 100%;
margin: 0 auto;
position: static;
}

#media_contents .cnt_img img.pc{
display: none;
}

#media_contents .cnt_img img.sp{
display: block;
}

/* #media_contents #text_box02{
	max-width:none;
	margin:55px 0;
	padding:0;
	float:none;
}
 */



}