@charset "utf-8";

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

/css/template01.css

/////////////////////////////////////////////////////////*/
/* ----------------------------------------------- 
	
	1: Font 

	2: contents
	
	3: slider
	
 ----------------------------------------------- */

/* --------------------------------------------
1: Font
-------------------------------------------- */

/* --------------------------------------------
2: contents
-------------------------------------------- */
/*navi*/
nav#subnavi{width: 100%;height: 55px;}
nav.subnavi_in{width:1006px;margin: 0 auto;height: 55px;background-color: #FFFFF9;}
nav.subnavi_in ul{display: block;font-size: 0px;}
nav.subnavi_in ul li a:hover{ background-color:#d0ab8c;opacity: 0.2;}
nav.subnavi_in ul li{float: left;}
nav.subnavi_in ul li.top{ background-image:url(./img/top.png) ;width: 118px; height:55px;position: relative;}
nav.subnavi_in ul li.top a{display:block;width:118px;height:55px; position:absolute;top:0; left:0;}
nav.subnavi_in ul li.profile{ background-image:url(./img/profile.png) ;width: 172px; height:55px;position: relative;}
nav.subnavi_in ul li.profile a{display:block;width:172px;height:55px; position:absolute;top:0; left:0;}
nav.subnavi_in ul li.newgoods{ background-image:url(./img/newgoods.png) ;width: 202px; height:55px;position: relative;}
nav.subnavi_in ul li.newgoods a{display:block;width:202px;height:55px; position:absolute;top:0; left:0;}
nav.subnavi_in ul li.special{ background-image:url(./img/special.png) ;width: 266px; height:55px;position: relative;}
nav.subnavi_in ul li.special a{display:block;width:266px;height:55px; position:absolute;top:0; left:0;}
nav.subnavi_in ul li.netshop{ background-image:url(./img/netshop.png) ;width: 246px; height:55px;position: relative;}
nav.subnavi_in ul li.netshop a{display:block;width:246px;height:55px; position:absolute;top:0; left:0;}
nav.subnavi_in ul li.sumikko_collection{display: none;}
nav.subnavi_in ul li.sumikko_app{display: none;}
nav.subnavi_in ul li:nth-child(even){margin: 0 auto;}
nav.subnavi_in ul li:nth-child(odd){margin: 0 auto;}
span.line{width: 1px;height: 55px;}
nav.subnavi_in ul span.sp{display: none;}

/*sub2*/
section#sub2{width: 640px;float: left;height: 1066px;margin: 10px 16px 0 0;}
section.sub2{width: 638px;height: 1026px; border-left: 1px solid #7e634d;border-right: 1px solid #7e634d;border-bottom: 1px solid #7e634d;}
section.sub2in{width: 620px;height: 1026px;  margin: 0 auto; text-align:center;}
section.sub2in .pc{ display: block;}
section.sub2in .sp{ display:none;}
section#sub2 div#news{height: 38px;width: 640px;background-color: #d4ecea;position: relative;}
section#sub2 div#news p{font-size: 1.5em;padding: 0.3em 0.6em;color: #896d55;font-weight: bold;}
section#sub2 div#news span{position: absolute;top: 0.5em;right: 1.2em;background-color: #FFF;width: 160px;height: 25px;text-align: center;line-height: 25px;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ }
object{ overflow:visible}

/*sub3*/
section#sub3{width: 350px;float: left;margin: 10px 0 0 0;}
section#sub3 li{ float:left; width:49%;}
section#sub3 li img{ max-width:172px; max-height:172px; width:auto; height:auto;}
section#sub3 li.l{ margin:0 6px 2px 0; }
section#sub3 li.l img{ margin:0;}
section#sub3 li.r{ margin:0 0 2px 0;}
section#sub3 li.r img{ margin:0;}
section#sub3 li.l a{ display:block; margin:0; padding:0;max-width:172px; max-height:172px;}

/*sub4*/
section#sub4{width: 1006px; margin:0;min-height:350px;float:left;margin:0 0 1em;}
section.sub4_left{width: 640px; float:left;}
section.sub4_right{width: 350px; float:right;}
section.sub4_right li{ float:left; width:49%;}
section.sub4_right li img{ max-width:172px; max-height:172px; width:auto; height:auto;}
section.sub4_right li.l{ margin:0 6px 2px 0; }
section.sub4_right li.l img{ margin:0;}
section.sub4_right li.r{ margin:0 0 2px 0;}
section.sub4_right li.r img{ margin:0;}
section.sub4_right li.l a{ display:block; margin:0; padding:0;max-width:172px; max-height:172px;}

section.facefook{width: 315px; float:left;}
section.twitter{width: 315px; float:right;}


section#container{ height:auto;}
section#container ul{ height:100%;}
section#container ul li{font-size:1.1em;text-align:center;height:100%;
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/}


section#container ul li p{ font-weight:bold;}
article.add { width:76%; float:left; margin-top:0.5em;}
aside{width: 24%;float: right;margin: 0.8em 0 0.8em 0;}
aside p{margin-bottom: 0.4em;max-width: 270px;}
section.character{ width: 98.6%; height:100%; background-color:#fefae3; margin-top:0.5em;}
p.character_ttl{color: #6F4A3C;font-size: 1em;text-align: center; position:relative;} 
p.character_ttl span.character_ttl{font-weight: normal;font-size: 1em; position:absolute;top: 56px;left: 243px;}
p.character_ttl span.character_ttl span{font-size: 1.2em;font-weight: bold;}
div.character{width: 100%; height:100%; background-color:#fefae3;margin: 0 auto;text-align: center;}
div.character p{width: 23%;color: #6F4A3C;font-size: 1em;vertical-align: top;
text-align: center;
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/}
div.character p span{font-size: 1.1em;font-weight: bold;}




/* --------------------------------------------
3: slider
-------------------------------------------- */

.slider{width: 1006px;margin: 0 auto;}

.slider_block {width: 100%;}

section#description{width: 1006px;margin: 0 auto; background-color:#ffefee;padding: 10px 0 10px 0;text-align: center;font-size: 1.1em;color: #815318;}
section#description p.description{font-size: 1.2em;font-weight: bold;}
section#description p{width: 1006px;text-align: center;}

section#description_movie{width: 1006px;margin: 0 auto; background-color:#ffefee;padding: 0;text-align: center;font-size: 1.1em;color: #815318;}
section#description_movie p.description_movie{font-size: 1.2em;font-weight: bold;width: 763px; height:1.3em;}
section#description_movie p{width: 750px;text-align: center;line-height: 1.2em;font-size: 0.9em;padding: 0 0 0.2em 0;}
section#description_movie p.msg{width: 750px;text-align:center;font-size: 1em;padding: 0.2em;}
section#description_movie p.movie{ width: 120px;float:left;}
section#description_movie p.movie img{margin: 5px;}
section#description_movie p.movie_txt{float:right;width: 120px; color:#fffae5; font-size:16px; font-weight:bold;padding: 30px 3px 5px 0;}
section#description_movie ul{ background-color:#ffefee;}
section#description_movie ul li.description{width: 748px;text-align: center;vertical-align: top;padding: 7px 4px; }
section#description_movie ul li.description_movie{ width:243px; background-color:#835d55;}
section#description_movie ul li{text-align:center;height:100%;
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/}




section.lead{ width:100%;clear: both;padding: 5px 0 20px 0;font-size: 0.9em;}
nav.lead{ width:1006px;margin: 0 auto; color:#c89a5e;}
nav.lead a{ display:block;}
nav.lead li{ height:100%;padding: 0 0.4em 0 0;
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/}

section.lead p{text-align: left;margin: 0 auto;width: 1006px;padding: 1em 0 0 0;font-size: 1.1em;color: #5f3f32;font-weight: bold;}

p.minute {text-align: center;margin: 10px auto;background-color: #d4ecea;width: 50%;padding: 10px 5px;font-size: 1.2em;color: #896d55;font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
/* --------------------------------------------
3: Responsive
-------------------------------------------- */
/*pc*/
@media only screen and (max-device-width: 769px), screen and (max-width: 769px) {
.slider {width: 80%;}  
}