@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; margin: 0 auto;}
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{ display:none;background-image:none;height:40px;width:49%;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:52%;border-right: 1px dotted #CCC;}
nav.subnavi_in ul li.profile a{width:74%;height:40px;line-height:40px; position: absolute;left: 30px;top: 0.2em;}
nav.subnavi_in ul li.newgoods{background-image:none;height:40px;width:47%;margin: 0 0 2px 0;}
nav.subnavi_in ul li.newgoods a{width:74%;height:40px;line-height:40px; position: absolute;left: 30px;top: 0.2em;}
nav.subnavi_in ul li.special{background-image:none;height:40px;width:52%;border-right: 1px dotted #CCC;}
nav.subnavi_in ul li.special a{width:80%;height:40px;line-height:40px; position:  absolute;left: 30px;top: 0.2em;}
nav.subnavi_in ul li.netshop{background-image:none;height:40px;width:47%;}
nav.subnavi_in ul li.netshop a{width:74%;height:40px;line-height:40px; position: absolute;left: 30px;top: 0.2em;}
nav.subnavi_in ul li.sumikko_collection{position: relative;display: block;background-image:none;height:40px;width:52%;border-right: 1px dotted #CCC;}
nav.subnavi_in ul li.sumikko_collection a{width:80%;height:40px;line-height:40px; position:  absolute;left: 30px;top: 0.2em;}
nav.subnavi_in ul li.sumikko_app{position: relative;background-image:none;height:40px;width:47%;display: block;}
nav.subnavi_in ul li.sumikko_app a{width:74%;height:40px;line-height:40px; position: absolute;left: 30px;top: 0.2em;}
nav.subnavi_in ul span.sp{display:block;}
span.line{display:none;}
nav.subnavi_in ul span.sp{position: absolute;top: 0.8em;left: 0;}
nav.subnavi_in ul span.sp img{max-width: 25px;height: auto;}
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%;}

}