@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;}
.mb20{margin-bottom:20px;}
.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;}
.pl20{padding-left:20px;}
.pt10{padding-top:10px;}
.pb30{padding-bottom:30px;}


/* --------------------------------------------------
 * contents styles
 * ----------------------------------------------- */

.img_main {width:320px;}

#document {
	font-family: 'Noto Sans Japanese', sans-serif !important;
}
#sw_main{
	background: url(../images/bg.jpg) repeat #000;
	background-size: 320px 274px;
	width: 320px;
	margin: 0 auto;
}
#sw_main .top_bg{
	background: url(../images/top_bg.png) no-repeat center top;
	width: 320px;
	background-size: 320px 403px;
}
#sw_main .ttl{
	padding: 25px 0 20px;
}
#sw_main .about{
	border: 1px solid #dcca12;
	background: #000;
	width: 300px;
	margin: 0 auto 20px;
}
#sw_main .about .intro{
	margin-bottom: 20px;
}
#sw_main .about .intro p{
	margin-bottom: 10px;
}
#sw_main .about .movie{
	margin-bottom: 15px;
}
#sw_main .movie .box_movie iframe{
	border: 1px solid #e6d313;
}
#sw_main .goods p{
	color: #fff;
	font-size: 12px;
	line-height: 1.3;
}
#sw_main .goods .box_goods01{
	background: url(../images/goods_bg01.png) no-repeat center top;
	background-size: 310px 227px;
	width: 320px;
	height: 235px;
	margin: 0 auto 15px;
}
#sw_main .goods .img_goods{
	padding: 10px 0 0 0;
}
#sw_main .goods .box_goods01 .txt{
	padding: 0 33px;
}
#sw_main .small{
	font-size: 10px !important;
	line-height: 1.2 !important;
}
#sw_main .goods .price{
	color: #f83539;
	font-size: 14px;
}
#sw_main .goods .btn{
	background: #f83539;
	padding: 4px 0;
}
#sw_main .goods .icon{
	margin-top: 2px;
}
#sw_main .goods .btn p{
	line-height: 0;
}
#sw_main .goods .box_goods02{
	background: url(../images/goods_bg02.png) no-repeat center top;
	background-size: 150px 310px;
	width: 160px;
	height: 310px;
	margin: 0 auto 15px;
}
#sw_main .goods .item01 .inner{
	height: 145px;
	margin-bottom: 5px;
}
#sw_main .goods .item02{
	background-size: 150px 336px;
	height: 336px;
}
#sw_main .goods .item02 .inner{
	height: 175px;
	margin-bottom: 5px;
}
#sw_main .goods .item03{
	background-size: 150px 315px;
	height: 315px;
}
#sw_main .goods .item03 .inner{
	height: 155px;
	margin-bottom: 5px;
}

#sw_main .goods .item04{
	background-size: 150px 294px;
	height: 294px;
}
#sw_main .goods .item04 .inner{
	height: 133px;
	margin-bottom: 5px;
}
#sw_main .goods .box_goods02 .txt{
	padding: 0 25px;
}
#sw_main .goods .box_goods02 .btn{
	margin: 0 8px;
}
#sw_main .web_magazine{
	border: 2px solid #e6d313;
	background: #fff;
	width: 300px;
	height: 148px;
	position: relative;
	margin: 0 auto 30px;
}
#sw_main .web_magazine .ttl_magazine{
	position: absolute;
	top: 30px;
	left: 6px;
}
#sw_main .web_magazine .box_magazine{
	position: absolute;
	top: 0;
	right: 0;
}
#sw_main .web_magazine .box_magazine li img{
	margin-bottom: 5px;
}
#sw_main .web_magazine .box_magazine li a{
	color: #000;
	text-decoration: underline;
}
#sw_main .web_magazine .box_magazine li p{
	font-size: 12px;
	line-height: 1.3;
	height: 45px;
	overflow: hidden;
}