@charset "utf-8";

/*////////////////////////////////////////////////////////

character/css/template01_sp

/////////////////////////////////////////////////////////*/

/*タブレット*/
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){

}


}
@media only screen and (max-device-width: 650px), screen and (max-width: 768px) {
section#sub2{height: 1070px !important;}
section.sub2{height: 1026px !important;}

}
@media only screen and (max-device-width: 0px), screen and (max-width: 649px) {
section#sub2{height: 1020px !important;}
section.sub2{height: 1020px !important;}

}
@media only screen and (max-device-width: 0px), screen and (max-width: 768px) {

section#container{ width:100%;margin:1em auto;height:auto; }

/*navi*/
nav#subnavi{height:auto;width:99%;margin-bottom:1em;}
nav.subnavi_in{height:100%;;margin: 0 auto;width: 99%;}
nav.subnavi_in ul{font-size:1em;}
nav.subnavi_in ul li{border-bottom:1px dotted #ccc;}
nav.subnavi_in ul li.top{background-image:none;height:40px;width:99%;position: relative;left: 0.2em;}
nav.subnavi_in ul li.top a{width:99%;height:40px;line-height:40px;}
nav.subnavi_in ul li.profile{background-image:none;height:40px;width:99%;}
nav.subnavi_in ul li.profile a{width:99%;height:40px;line-height:40px;position: relative;left: 0.2em;}
nav.subnavi_in ul li.newgoods{background-image:none;height:40px;width:99%;}
nav.subnavi_in ul li.newgoods a{width:99%;height:40px;line-height:40px;position: relative;left: 0.2em;}
nav.subnavi_in ul li.special{background-image:none;height:40px;width:99%;}
nav.subnavi_in ul li.special a{width:99%;height:40px;line-height:40px;position: relative;left: 0.2em;}
nav.subnavi_in ul li.netshop{background-image:none;height:40px;width:99%;}
nav.subnavi_in ul li.netshop a{width:99%;height:40px;line-height:40px;position: relative;left: 0.2em;}
span.line{display:none;}
nav.subnavi_in ul li a:hover{ background-color:#f6eee3;opacity:0.8;color:#815318;}


section#sub2 div#news p{padding: 0;position: absolute;left: 0.2em;top: 0.2em;}
section#sub2 div#news span{ width:auto;right: 0.2em;padding: 0 0.2em;}


}

/*スマホ*/
@media only screen and (max-device-width: 0px), screen and (max-width: 750px){

/*container*/
p.minute{width: 85%;}



}