@charset "utf-8";

/* Mobile */
.hide{position:absolute;top:-1px;left:-2000px}
header{height:80px;border-bottom:#d6d6d6 2px solid}
header h1{float:left;padding:22px 0 0 30px}
header .top_btn{padding:20px 10px 0 0;float:right}
header .top_btn a{margin-right:5px}


nav{margin:0;background:#fff;position:absolute;top:0;right:0;width:75%;z-index:150;}
nav h2{background:#f3f3f3;height:60px;color:#474747;font-size:2em;font-weight:normal;padding:20px 0 0 7%;border-bottom:#d6d6d6 2px solid}
nav p.btn_close{position:absolute;top:20px;right:15px}
nav .menu{}
nav .menu li{font-size:1.4em;padding:6% 8%;border-bottom:1px solid #d6d6d6;}
nav .menu li a{color:#333;width:100%;display:block;background:url("/images/mobile/common/menu_btnoff.png") no-repeat right center;background-size:8%}
nav .menu li.on{background:#44424d}
nav .menu li.on a{color:#fff;background:url("/images/mobile/common/menu_btnon.png") no-repeat right center;background-size:8%}
nav .menu li.on ul{padding-top:5%}
nav .menu li.on li{border:none;font-size:0.76em;line-height:1.5em;margin:0 3% 2% 0;padding:0 0 0 5%;background:url("/images/mobile/common/blit01.gif") no-repeat 0 center;background-size:3%}
nav .menu li.on li a{background:none}

nav .log_info{position:relative;background:#ff6445;color:#fff;font-size:1em;padding:15px 7%}
nav .log_info .log_btn{position:absolute;top:15px;right:10px;}
nav .log_info .log_btn a{padding:5px 10px;color:#fff;border-radius:7px;border:#fff 2px solid}

nav .menu_shop{text-align:center;background:url("/images/mobile/common/menu_shop_bg.gif") no-repeat;background-size:100%;border-bottom:1px solid #d6d6d6;}
nav .menu_shop li{width:33.3%;float:left}
nav .menu_shop li a{display:inline-block;padding:52% 0 7% 0;font-size:0.8em}
nav .menu_shop:after{clear:both;content:"";display:block}




.search_area{margin:0;background:#fff;position:absolute;top:0;right:0;width:75%;z-index:150;}
.search_area h2{background:#f3f3f3;height:60px;color:#474747;font-size:2em;padding:20px 0 0 7%;border-bottom:#d6d6d6 2px solid}
.search_area form{width:95%;margin:5% auto}
.t_input{width:100%;background:#ebebeb;padding:4% 0;margin:0 0 3% 0}
.sc_bt{background:#ff6445;color:#fff;width:100%;padding:4% 0;-webkit-appearance:none;box-shadow:inset 2px 2px 7px 1px rgba(0,0,0,0.3)}
.search_area p{position:absolute;top:20px;right:15px}

.black_bg{position:absolute;width:100%;height:200%;background:#000;opacity:0.5;display:block;z-index:100}


.mcontent{font-size:0.93em;background:#f1f0f0;padding:0 0 5% 0;}


.mcontent section .mvisual{position:relative;}
.mcontent section .mvisual ul li img{width:100%;display:block}
.mcontent section .mvisual .btn01{position:absolute;top:40%;left:0}
.mcontent section .mvisual .btn02{position:absolute;top:40%;right:0}
.mcontent section .mvisual p a{width:6%;display:inline-block}
.mcontent section .mvisual p img{width:100%}
.mcontent section .mvisual .visual_buy{background:#74635b;padding:10px 0}
.mcontent section .mvisual .visual_buy p{float:left;width:30%;margin:0 1.5%}
.mcontent section .mvisual .visual_buy p a{color:#fff;display:inline-block;width:88%;padding:7% 0 7% 7%}
.mcontent section .mvisual .visual_buy p.tit{font-size:1.2em;color:#ffffb7;font-weight:600;background:url("/images/mobile/main/vb_titbg.gif") no-repeat center right;background-size:20%;padding:1.5% 0}
.mcontent section .mvisual .visual_buy p.vb_btn01{background:#383842;border-radius:7px}
.mcontent section .mvisual .visual_buy p.vb_btn01 a{background:url("/images/mobile/main/vb_btn01_bg.gif") no-repeat center right;background-size:15%;}
.mcontent section .mvisual .visual_buy p.vb_btn02{background:#ff6445;border-radius:7px;box-shadow:inset 2px 2px 7px 1px rgba(0,0,0,0.3)}
.mcontent section .mvisual .visual_buy p.vb_btn02 a{background:url("/images/mobile/main/vb_btn02_bg.gif") no-repeat center right;background-size:20%;}

.mcontent section .mvisual .visual_buy:after{clear:both;content:"";display:block}


.mcontent section .notice{}
.mcontent section .notice div{margin:4% auto;background:#fff;border:#d6d6d6 1px solid;border-radius:12px;width:95%}
.mcontent section .notice div h2{font-size:1.2em;background:#92af45;border-radius:12px}
.mcontent section .notice #bbs02 h2{background:#44424d;}
.mcontent section .notice div h2 a{background:url("/images/mobile/main/bbs_btnoff.png") no-repeat 95% center;background-size:7%;display:block;padding:4%;color:#fff}
.mcontent section .notice div.on h2 a{background:url("/images/mobile/main/bbs_btnon.png") no-repeat 95% center;background-size:7%;color:#fff}
.mcontent section .notice div.on h2{border-bottom-left-radius:0;border-bottom-right-radius:0}
.mcontent section .notice div a{color:#000}
.mcontent section .notice div.on ul{display:block}
.mcontent section .notice div ul{padding:5%;display:none}
.mcontent section .notice div li{background:url("/images/mobile/main/blit01.gif") no-repeat 0;background-size:1%;padding:0 0 0 3%;line-height:1.8em}
.mcontent section .notice div li span{float:right;font-size:1em;display:none}

.mcontent section .m_btn{width:95%;margin:0 auto 4% auto;background:#fff;border-radius:12px;text-align:center;border:#d6d6d6 1px solid}
.mcontent section .m_btn ul{background:url("/images/mobile/main/m_btn_bg.gif") no-repeat;width:100%;height:100%;background-size:100%;border-radius:12px;}
.mcontent section .m_btn li{float:left;width:33.3%;}
.mcontent section .m_btn li a{padding:60% 0 10% 0;display:inline-block;width:100%}
.mcontent section .m_btn ul:after{clear:both;content:"";display:block}


.mcontent section .m_info{width:95%;margin:0 auto;background:#92af45;text-align:center;border-radius:12px;padding:3% 0}
.mcontent section .m_info img{width:93%}

.mcontent section:after{clear:both;content:"";display:block}


footer{color:#252525;padding:0 0 5% 0;position:relative;width:100%;text-align:center}
footer address{font-style:normal;color:#666;padding:3% 0 0 0}
footer p{color:#666;}
footer p.f_btn{font-size:1em;width:100%;background:#2c2c2c}
footer p.f_btn a{width:50%;padding:3.5% 0;display:inline-block;float:left;color:#fff}
footer p.f_btn a:first-child{background:url(/images/mobile/common/f_btn_bg.gif) no-repeat right}
footer p.f_btn:after{clear:both;content:"";display:block}
footer p.f_call{background:#74635b;}
footer p.f_call a{color:#fff;display:inline-block;padding:3% 10%;background:url("/images/mobile/common/f_call_bg.gif") no-repeat 2% center;background-size:7%;font-size:1.2em}


.png24{tmp:expression(setPng24(this));}


/* Mobile wide */
@media all and (min-width:480px){


nav{width:60%;}
nav .menu li a{background-size:6%}
nav .menu li.on a{background-size:6%}
nav .menu li.on li{background-size:2%;padding:0 0 0 3%;}

.search_area{width:60%;}




.mcontent section .mvisual .visual_buy p.tit{font-size:1.4em;text-align:center}
.mcontent section .notice div h2{font-size:1.4em;}
.mcontent section .notice div li{font-size:1.2em;}
.mcontent section .notice div h2 a{background-size:5%;}
.mcontent section .notice div.on h2 a{background-size:5%;}

.mcontent section .m_btn li a{font-size:1.2em;padding:65% 0 10% 0;}

footer p.f_btn{font-size:1.2em}

}


/* Tablet */
@media all and (min-width:768px){	
.mcontent .menu_bt{display:inherit;position:relative}
header h1{float:left;padding:15px 15% 0 3%}



.mcontent section .notice div h2 a{background-size:4%;}
.mcontent section .notice div.on h2 a{background-size:4%;}




}


/* Tablet wide */
@media all and (min-width:1024px){

nav{width:50%;}
nav .menu li a{background-size:5%}
nav .menu li.on a{background-size:5%}

.search_area{width:50%;}

.mcontent section .notice{margin:4% 0}
.mcontent section .notice div{margin:0 2.5%;float:left;width:46%}
.mcontent section .notice div:first-child{margin-right:0}
.mcontent section .notice div ul{display:block}
.mcontent section .notice div.on h2 a{background:url("/images/mobile/main/bbs_btnoff.png") no-repeat 95% center;}
.mcontent section .notice div h2{border-bottom-left-radius:0;border-bottom-right-radius:0}
.mcontent section .notice:after{clear:both;content:"";display:block}

.mcontent section .m_btn ul{background:url("/images/mobile/main/m_btn_bg02.gif") no-repeat;}
.mcontent section .m_btn li{width:16.6%;}

}