@charset "shift_jis";

/* --------------------------------------------------
 * base styles
 * ----------------------------------------------- */
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}
.pull_left{
	float: left!important;
}
.pull_right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.list{
}
ul.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: decimal!important;
}
#contents {
	width: 100%;
	margin: 0;
	line-height:1.5;
}

.mainvisual_inner, .how_inner ,.section {
	width: 280px;
	margin: 0 auto;
	padding: 0;
}

#how .how_inner .flL p, #mainvisual .read {
	font-size:90%;
	line-height:1.5;
}


.flL {float: left;}
.flR {float: right;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.ml5{margin-left:5px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml35{margin-left:35px;}
.m_auto{margin-left:auto; margin-right:auto;}
.txtl {text-align:left;}
.mr5 {margin-right:5px;}


/* --------------------------------------------------
 * contents styles
 * ----------------------------------------------- */

#container {
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
}
#container img {
	width: 100%;
}

#mainVisual {
	margin-bottom: 32px;
}
#mainVisual .main_img {
	margin-bottom: 28px;
}
#mainVisual h1 {
	padding: 0 20px;
}
#mainVisual .mian_txt {
	font-size: 3.75vw;
	padding: 26px 48px 0;
	line-height: 2;
}

#mainContents .lineup-main-list {
	margin-bottom: 25px;
}
#mainContents .lineup-main-list li {
	float: left;
	margin-left: .5%;
	width: 33%;
}
#mainContents .lineup-main-list li:first-child {
	margin-left: 0;
}
#mainContents .content_box {
	margin-bottom: 82px;
}
#mainContents .content_box#classic {
	margin-bottom: 52px;
}
#mainContents .content_box .img01 {
	margin-bottom: 27px;
}
#mainContents .detail_img {
	margin-bottom: 7px;
	padding: 0 85px 0 75px;
}
#mainContents .content_box .detail_txt {
	font-size: 3.75vw;
	margin-bottom: 15px;
	text-align: center;
	line-height: 2;
}
#mainContents .content_box .img02 {
	padding: 0 21px 0 23px;
}

#mainContents .btn_box {
	border-top: 1px solid #636D6D;
	margin: 0 auto 50px;
	padding: 50px 0 0;
	width: 97%;
}
#mainContents .btn_box .btn {
	padding: 0 47px;
}