@charset "utf-8";

/* 
---------------------------------------
reset
---------------------------------------
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a,abbr,acronym,address,big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt,var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	margin:0;
	padding:0;}

html{
	min-height:100%;
	width:100%;
    overflow-y: scroll;}

body{
	font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	letter-spacing:0;
	line-height:1.7;
	color:#333;
	height:100%;
	width:100%;
	margin:0px auto;
	background:#fff url(../img/bg.jpg) repeat;} 

blockquote, q {
	quotes: none;}

blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;}

input, textarea{
	margin: 0;
	padding: 0;}

img{
	border:none;}

img.dbk{
	display:block;}
ol, ul{
    list-style:none;}

table{
    border-collapse: collapse; 
    border-spacing:0;}

caption, th{
    text-align: left;}

a:focus {
	outline:none;}

p,dd{
	text-align:left;
	line-height:1.8;}

li{
	line-height:1.8;}

ul.clearfix li{
	float:left;}
	
ul.clearfix li.fR{
	float:right;}

#wrapper{
	font-size:93%;}

a:hover img,
input[type="submit"]:hover,
button:hover{  
	filter:alpha(opacity=70); /* internet explorer */
	-khtml-opacity:0.7;      /* khtml, old safari */
	-moz-opacity:0.7;       /* mozilla, netscape */
	opacity:0.7;           /* fx, safari, opera */}

label{
	cursor:pointer;}

ul.indent li{
	text-indent:-1em;
	padding-left:1em;}

address{
	font-style:normal;}


input[type="submit"],
button{
	cursor:pointer;}


/* 
---------------------------------------
link
---------------------------------------
*/

a:link{
color:#333;
	text-decoration:underline;}

a:visited{
color:#333;
text-decoration:none;}

a:hover{
color:#333;
text-decoration:none;}

a:active{
color:#333;
text-decoration:none;}

/* 
---------------------------------------
clear
---------------------------------------
*/

.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;}

.clearfix{
	min-height:1px;}

* html .clearfix{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}

.clear{
clear:both;}

*:first-child+html .clearfix{ zoom: 1; } /* IE7 */

.bold{
	font-weight:bold;}

.dbl img{
	display:block;}

/* 
---------------------------------------
fontsize
---------------------------------------
*/

.font9{font-size:74% !important;}

.font10{font-size:83% !important;}

.font11{font-size:91% !important;}

.font12{font-size:100% !important;}

.font13{font-size:108%;}

.font14{font-size:117%;}

.font15{font-size:125%;}

.font16{font-size:133%;}

.font17{font-size:142%;}

.font18{font-size:150%;}

.font19{font-size:158%;}

.font20{font-size:166%;}


/* 
---------------------------------------
fontcolor
---------------------------------------
*/

.clr01{color:#e43f00;}

.clr02{color:#a9141b;}

.clr03{color:#ffd9d9;}

.clr04{color:#bd1a22;}

/* 
---------------------------------------
text_align
---------------------------------------
*/

.alnL{text-align:left;}

.alnC{text-align:center;}

.alnR{text-align:right;}


/* 
---------------------------------------
float
---------------------------------------
*/

.fL{float:left;}

.fR{float:right;}


/* 
---------------------------------------
margin_top
---------------------------------------
*/

.mt0{margin-top:0 !important;}

.mt5{margin-top:5px !important;}

.mt10{margin-top:10px !important;}

.mt15{margin-top:15px !important;}

.mt20{margin-top:20px !important;}

.mt25{margin-top:25px !important;}

.mt30{margin-top:30px !important;}

.mt35{margin-top:35px !important;}

.mt40{margin-top:40px !important;}

.mt45{margin-top:45px !important;}

.mt50{margin-top:50px !important;}

.mt55{margin-top:55px !important;}

.mt60{margin-top:60px !important;}

.mt65{margin-top:65px !important;}

.mt70{margin-top:70px !important;}

.mt75{margin-top:75px !important;}

.mt80{margin-top:80px !important;}

.mt85{margin-top:85px !important;}

.mt90{margin-top:90px !important;}

.mt95{margin-top:95px !important;}

.mt100{margin-top:100px !important;}


/* 
---------------------------------------
margin_bottom
---------------------------------------
*/

.mb0{margin-bottom:0 !important;}

.mb5{margin-bottom:5px !important;}

.mb10{margin-bottom:10px !important;}

.mb15{margin-bottom:15px !important;}

.mb20{margin-bottom:20px !important;}

.mb25{margin-bottom:25px !important;}

.mb30{margin-bottom:30px !important;}

.mb35{margin-bottom:35px !important;}

.mb40{margin-bottom:40px !important;}

.mb45{margin-bottom:45px !important;}

.mb50{margin-bottom:50px !important;}

.mb55{margin-bottom:55px !important;}

.mb60{margin-bottom:60px !important;}

.mb65{margin-bottom:65px !important;}

.mb70{margin-bottom:70px !important;}

.mb75{margin-bottom:75px !important;}

.mb80{margin-bottom:80px !important;}

.mb85{margin-bottom:85px !important;}

.mb90{margin-bottom:90px !important;}

.mb95{margin-bottom:95px !important;}

.mb100{margin-bottom:100px !important;}

.mb400{margin-bottom:400px !important;}


/* 
---------------------------------------
margin_left
---------------------------------------
*/

.ml0{margin-left:0 !important;}

.ml5{margin-left:5px !important;}

.ml10{margin-left:10px !important;}

.ml15{margin-left:15px !important;}

.ml20{margin-left:20px !important;}

.ml25{margin-left:25px !important;}

.ml30{margin-left:30px !important;}

.ml35{margin-left:35px !important;}

.ml40{margin-left:40px !important;}

.ml45{margin-left:45px !important;}

.ml50{margin-left:50px !important;}


/* 
---------------------------------------
margin_right
---------------------------------------
*/

.mr0{margin-right:0 !important;}

.mr5{margin-right:5px !important;}

.mr10{margin-right:10px !important;}

.mr15{margin-right:15px !important;}

.mr20{margin-right:20px !important;}

.mr25{margin-right:25px !important;}

.mr30{margin-right:30px !important;}

.mr35{margin-right:35px !important;}

.mr40{margin-right:40px !important;}

.mr45{margin-right:45px !important;}

.mr50{margin-right:50px !important;}


/* 
---------------------------------------
padding_top
---------------------------------------
*/

.pt0{padding-top:0 !important;}

.pt5{padding-top:5px !important;}

.pt10{padding-top:10px !important;}

.pt15{padding-top:15px !important;}

.pt20{padding-top:20px !important;}

.pt25{padding-top:25px !important;}

.pt30{padding-top:30px !important;}

.pt35{padding-top:35px !important;}

.pt40{padding-top:40px !important;}

.pt45{padding-top:45px !important;}

.pt50{padding-top:50px !important;}

.pt100{padding-top:100px !important;}


/* 
---------------------------------------
padding_bottom
---------------------------------------
*/

.pb0{padding-bottom:0 !important;}

.pb5{padding-bottom:5px !important;}

.pb10{padding-bottom:10px !important;}

.pb15{padding-bottom:15px !important;}

.pb20{padding-bottom:20px !important;}

.pb25{padding-bottom:25px !important;}

.pb30{padding-bottom:30px !important;}

.pb35{padding-bottom:35px !important;}

.pb40{padding-bottom:40px !important;}

.pb45{padding-bottom:45px !important;}

.pb50{padding-bottom:50px !important;}

.pb70{padding-bottom:70px !important;}


/* 
---------------------------------------
padding_left
---------------------------------------
*/

.pl0{padding-left:0 !important;}

.pl5{padding-left:5px !important;}

.pl10{padding-left:10px !important;}

.pl15{padding-left:15px !important;}

.pl20{padding-left:20px !important;}

.pl25{padding-left:25px !important;}

.pl30{padding-left:30px !important;}

.pl35{padding-left:35px !important;}

.pl40{padding-left:40px !important;}

.pl45{padding-left:45px !important;}

.pl50{padding-left:50px !important;}


/* 
---------------------------------------
padding_right
---------------------------------------
*/

.pr0{padding-right:0 !important;}

.pr5{padding-right:5px !important;}

.pr10{padding-right:10px !important;}

.pr15{padding-right:15px !important;}

.pr20{padding-right:20px !important;}

.pr25{padding-right:25px !important;}

.pr30{padding-right:30px !important;}

.pr35{padding-right:35px !important;}

.pr40{padding-right:40px !important;}

.pr45{padding-right:45px !important;}

.pr50{padding-right:50px !important;}


/* 
---------------------------------------
table
---------------------------------------
*/


/* 
------------------------------------------------------------------------------
layout - common(base)
------------------------------------------------------------------------------
*/

article{
	width:100%;
	height:100%;
	/*padding-bottom:190px;*/
	position:relative;
	background:url(../img/common/bg.jpg) repeat fixed;
	text-align:center;
}
h1 img{
	width:100%;
	height:100%;
	max-width:640px;
	max-height:50px;
}

div.mainImg img{
	width:100%;
	height:100%;
	max-width:640px;
    max-height: 814px;
}
div.btnImg{
	background:url(../img/mochu/sp/grey_bg.png) center;
	padding-top: 25px;
    padding-bottom: 25px;
}

div.btnViewMore{
	background:inherit;
}

div.btnImg img{
	width:90%;
	height:90%;
	max-width:580px;
	max-height:104px;
}
div.footerImg img{
	width:90%;
	height:90%;
	max-width:580px;
	max-height:182px;
}
div.footerImg2 img{
	width:90%;
	height:90%;
	max-width:580px;
	max-height:328px;
	margin-top: 15px;
}
h2.black_ttl img{
	width:100%;
	height:100%;
	max-width:640px;
	max-height:71px;
}
h2.brown_ttl img{
	width:100%;
	height:100%;
	max-width:640px;
	max-height:72px;
}
section.anshin_box{
	background:url(../img/mochu/sp/anshin_bg.jpg) top left;
	max-width: 640px;
    margin: 0 auto;
	width: 100%;
    background-position: 0px 72px;
    height: 455px;
}
section.anshin_box div{
	width: 90%;
    margin: 0 auto;
	margin-top: 15px;
    padding-bottom: 15px;
}
section.anshin_box img.anshin_img{
	margin-right: 15px;
    margin-bottom: 15px;
    width: 31%;
    height: auto;
    max-width: 180px;
    max-height: 160px;
    float: left;
}
section.anshin_box img.last_img{
	margin-right:0px;
}
div.priceImg img{
	width:100%;
	height:100%;
	max-width:640px;
    max-height: 660px;
}
section.lineup_box{
	background-color:#f1efdf;
	max-width: 640px;
    margin: 0 auto;
	width: 100%;
}

section.lineup_box img.shashin_nenga{
	padding-bottom:30px;
}

section.lineup_box div.lineup_wrap{
	margin: 0 auto;
    width: 90%;
	margin-top: 15px;
    padding-bottom: 10px;
}
section.lineup_box div.lineup_inner_box{
	float:left;
    margin-right: 3%;
    margin-bottom: 3%;
	background-color: white;
	border-style: solid;
    border-width: 2px;
    border-color: #8e7811;
}

section.lineup_box div.lineup_inner_box_first{
	width: 100%;
}

section.lineup_box div.lineup_lastinner_box{
	margin-right: 0%;
}
section.lineup_box div.lineup_inner_box img.lineup_img{
	width:100%;
	height:100%;
	max-width:275px;
	max-height:165px;
}
section.lineup_box div.lineup_inner_box img.lineup_img_first{
	max-width:576px;
	max-height:199px;
}

section.lineup_box div.lineup_inner_box img.lineup_ttl_img{
	width:100%;
	height:100%;
	max-width:276px;
	max-height:65px;
}
section.lineup_box div.lineup_inner_box p{
    background-color: #fff8c8;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 11px;
    height: 60px;
	text-align: center;
	margin-top: 15px;
}
section.lineup_box div.lineup_inner_box h3 a{
	color: #d50f0f;
    text-decoration: none;
    border-bottom: 1px solid #d50f0f;
    font-weight: bold;
	font-size: 15px;
}
section.lineup_box div.lineup_inner_box img.lineup_img_button{
	width:90%;
	height:90%;
	max-width:237px;
	max-height:48px;
	margin-bottom: 5px;
}
section.top10_box{
	background:url(../img/mochu/sp/lineup_bg.jpg) center;
	max-width: 640px;
    margin: 0 auto;
	width: 100%;
	background-position: 0px 72px;
}
section.top10_box div.top10_wrap{
	margin: 0 auto;
    width: 90%;
}
section.top10_box img.top10_prev{
	float:left;
	width:100%;
	height:100%;
	max-width:45px;
	max-height:110px;
	margin-top: 20%;
}
section.top10_box img.top10_next{
	float:right;
	width:100%;
	height:100%;
	max-width:45px;
	max-height:110px;
	margin-top: 20%;
}
section.top10_box div.top10_inner_box{
	float:left;
	width: 100%;
    margin-right: 10%;
    margin-bottom: 3%;
}
section.top10_box div.top10_lastinner_box{
	margin-right: 0%;
}
section.top10_box div.top10_inner_box img.top10_img{
	width:100%;
	height:100%;
    max-width: 230px;
    max-height: 370px;
	margin: 0 auto;
	margin-top: 10px;
}
section.top10_box div.top10_inner_box img.top10_type_img{
	width:100%;
	height:100%;
	max-width:132px;
	max-height:30px;
	margin: 0 auto;
}
section.top10_box div.top10_inner_box p{
	margin-bottom: 15px;
    text-align: center;
}

section.top10_box div.top10_wrap div.bx-wrapper{
	margin: 0 auto 30px !important;
}

section.order_box{
	max-width: 640px;
    width: 100%;
    margin: 0 auto;
	background-color:#f1efdf;
}
	
section.order_box img{
	display:block;}

section.order_box img.stepImg{
	margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
}
	
section.order_box ul{
	padding:20px 0 28px 0;
	margin: 0 auto;
    max-width: 640px;
	width: 90%;
}
	
section.order_box ul li{
	position:relative;
	width:26%;
	height:auto;
	max-width:165px;
	max-height:158px;
}

section.order_box ul li img.stepImg{
	width:100%;
	height:auto;
	max-width:165px;
	max-height:158px;
}
	
section.order_box ul li img.ico{
	position:absolute;
	top: -9px;
	left: -8px;}
	
section.order_box ul li.step02{
	margin:0 47px;}
	
section.order_box ul li.step02:before,
section.order_box ul li.step02:after{
	content: " "; 
	display: block; 
	height: 21px;
	width:14px;
	clear: both;
	position:absolute;
	background:url(../img/ico_arw01.png) no-repeat top left;}
	
section.order_box ul li.step02:before{
	bottom: 47px;
	left: -31px;}
	
section.order_box ul li.step02:after{
	bottom: 47px;
	right:-31px;}

section.support_box{
	background-color:#f9f9f2;
}

section.support_box img.kuwashii{
    width: 310px;
    height: 50px;
    padding-top: 10px;
}

.support_box div{
	margin: 0 auto;
	width:90%;
	max-width:640px;
	padding:20px 0;
	border-bottom:1px solid #c3bab0;}
.support_box div p span.ttl{
    font-size: 25px;
    color: #d10f0f;
    font-weight: bold;
}
.support_box div img{
	width:27%;
	height:auto;
}
.support_box div.support02,
.support_box div.support04{
	background:#inherit;
}
	
.support_box div p.fR{
	line-height:1.6;
    font-size: 15px;
    max-width: 560px;
    width:70%;
}


	
.support_box div img{
	display:block;}

.support_box div p.fR img{
	margin:0 0 12px 0;}

dl.search_box{
	max-width: 640px;
    width: 100%;
	margin:0 auto 80px auto;
}
dl.search_box dd{
	padding: 15px 10px 10px 15px;
}
	
dl.search_box dd input{
	vertical-align:middle;}
	
dl.search_box li p{
	text-align:center;}

dl.search_box dd input[type="text"]{
	border:1px solid #ccc;
	width: 60%;
	height:60px;
	background:#fdf8f0;
	margin: 0px 10px 0px 10px;
	padding:4px;
	float:left;
	text-align: center;
	font-size: 30px;
}
	
dl.search_box dd input[type="submit"]{
	border:none;
	width: 100%;
	max-width:140px;
	height:70px;
	float:left;
	background:url(../img/mochu/sp/search_btn.jpg) no-repeat top left;}
	

.bx-wrapper .bx-viewport {
	box-shadow: none !important;
    border: none !important;
    left: 0px !important;
    background: none !important;
}
.bx-pager{
	display:none;
}

/* 
---------------------------------------
footer
---------------------------------------
*/

footer{
	border-top:5px solid #8e770b;
	width:100%;
	background:url(../img/common/bg_footer02.gif) repeat;
	position: relative;
	top: 2em;}

footer div.info_box{
	padding:30px 0;
	background:url(../img/common/bg_footer01.jpg) repeat;}
	
footer div.info_box div.box01{
	float:left;
	width:305px;
	background:url(../img/common/line01.gif) no-repeat top right;}
	
footer div.info_box div.box01 ul li{
	background:url(../img/common/ico_hishi01.gif) no-repeat 0 3px;
	padding-left:16px;
	line-height:1.6;
	margin:0 0 6px 0;}
	
footer div.info_box div.box01 ul li a img{
	vertical-align:top;}

footer div.info_box div.box02{
	float:left;
	width:286px;
	padding:0 20px;}
	
footer div.info_box div.box02 ul li{
	margin:7px 0 0 0;
	background:url(../img/common/ico_hishi02.gif) no-repeat 0 3px;
	text-indent:16px;}
	
footer div.info_box div.box02 ul li img{
	margin:3px 0 0 0;}
	
footer div.info_box div.box02 img{
	display:block;}


footer div.info_box div.box03{
	float:left;
	width:286px;
	padding:0 0 0 20px;
	background:url(../img/common/line01.gif) no-repeat top left;}
	

footer div.info_box div.box03 p{
	margin:10px 0 0 0;}
	
footer div.info_box div.box03 dl{
	margin:0 0 7px 0;}
	
footer div.info_box div.box03 dl dt{
	margin:0 0 7px 0;
	background:url(../img/common/ico_hishi03.gif) no-repeat 0 3px;
	text-indent:16px;}
	
footer div.info_box div.inner_box{
	width:940px;
	padding:20px;
	margin:0 auto;
	background:#f8f5e6;
	border:1px solid #c7b870;}
	
footer div.footer_box{
	padding:26px 0 40px 0;
	margin:0 auto;
}
footer div.footer_box p{
	text-align:center;
	font-size: 20px;
    font-size: 1.6vw;
}
footer div.footer_box *{
	color:#fff;
}

body#sp2 h1{
	background-color: #b31b1b;
    height: 50px;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    line-height: 50px;
}

body#sp2 h2.main_h2{
	background-color: #b31b1b;
    height: 50px;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    line-height: 50px;
}