@charset "UTF-8";
/* CSS Document */
/* ==================================
 sphone setting
 ==================================== */
.sphone #wrapper{
	width:100%;
	height:100%;
	font-size:2.5em !important;
	background-image:url(../img/back.png);
	background-size:10%;
}
.sphone .wrap{
	background-image:url(../img/back.png);
	background-size:10%;
}
/*-------------------------------------------------------------------
title
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
contents
-------------------------------------------------------------------*/
.sphone .contents{
	text-align:center;
 }
.sphone .next_month{
	margin-left:3%;
}
.sphone .backnumber{
	width:100%;
	margin-left:9%;
	margin-bottom:70px;
}
.sphone .backnumber img{
	width:100%;
}
.sphone .backnumber_title{
	width:700px;
	text-align:center;
	padding-left:60px;
}
_::-webkit-full-page-media, _:future, :root .sphone .backnumber div{
	width:40%;
}
_::-webkit-full-page-media, _:future, :root .sphone .backnumber .backnumber_title{
	width:700px;
	text-align:center;
	padding-left:28px;
	clear:both;
}
.sphone .charapage img{
	width:700px;
}
.sphone .charapage{
	text-align:center;
	margin-bottom:70px;
}
.sphone .contents_pc{
	display: none !important;
}
.sphone  .contents_sp{
	display: block !important;
}

.sphone .lace{
	height:250px;
	margin-right:-10px;
	background-size:1200px 200px;
}
.sphone .top_contents{
	margin-top:0px;
}
.sphone #wrapper_top{
	height: 2000px;
	position:static;
	margin-top:20px;
}
.sphone .top_main{
	background-image:url(../img/mewback_top_sp.png);
	background-size:105%;
	background-repeat:no-repeat;
}
.sphone .top_mew{
	width:100%;
	margin-top:-20px;
}
.sphone .top_nav{
	margin-left:0;
	left:10%;
   position:relative;
}
.sphone li{
	width:40%;
	margin-bottom:10px;
	float:left;
}
.sphone .story_buttun{
	position: relative; 
	margin-top:-20%; 
	z-index:100;
}
.sphone .footer_menu{
	margin-top:100px;
	position: relative;
	z-index:100;
}
.sphone .st_menu li{
	width:90%;
}
.sphone .footer_menu div img{
	width:500px;
}
.sphone .sp_message{
	background-image:url(../img/story/story_smartphone.png);
	background-repeat:no-repeat;
	width:100%;
	height:100px;
}

/*-------------------------------------------------------------------
footer
-------------------------------------------------------------------*/
.sphone footer{
	font-size:14px;
	padding:0px 12px;
	margin-top:40px;
	background-size:1200px 250px;
}
.sphone footer img{
	width:200px;
	float:left;
	margin-top:100px;
}
.sphone footer .copyright{
	width:720px;
	float:right;
	font-size:180%;
	margin-top:70px;
}
.sphone .footer_menu_nav{
	display: table;
	margin: auto;
}
.sphone .footer_menu li{
	list-style-type: none;
	float:left;
}
/*-------------------------------------------------------------------
story
-------------------------------------------------------------------*/
.sphone .story_buttun img {
	width:50%;
}
.sphone .bb-custom-wrapper {
	margin-bottom:170px;
}