@charset "UTF-8";

html.touchDevice,
.touchDevice body{ font-size:23px; }


	.touchDevice body #contentsBase{
		height:160px;
		bottom:-160px;
	}
	
	.touchDevice body #contentsBase.active{ 
		bottom:0px;
	}
	
	.touchDevice body #contentsBase.open{ height:100% !important;}
	
	
	.touchDevice body footer#globalFooter { height:160px; bottom:-160px;text-align:center;}
	.touchDevice body footer#globalFooter.active{ bottom:0px; }
	.touchDevice body footer#globalFooter.deactive{ bottom:-160px !important; }
	
	.touchDevice body footer#globalFooter .logo{ position:relative; top:30px; bottom:auto; left:auto; margin:auto; width:500px; height:60px;}

	.touchDevice body footer#globalFooter .copy{position:relative; top:45px; bottom:auto; right:auto; text-align:center;margin:auto;  width:500px; height:auto; font-size:0.55rem; line-height:1.4; display:block; }
	.touchDevice body footer#globalFooter .copy a{margin:auto; display:block;height:auto;}
	
	.touchDevice ul#siteMenu{ position:fixed; top:100px; left:20px; font-size:2rem;}
	
	.touchDevice #menuNav{ width:80px; height:80px;}
	.touchDevice #menuNav:hover{ }
	.touchDevice #menuNav hr{ position:absolute; width:54px; height:0; border-bottom:solid 6px #fff;}
	.touchDevice #menuNav hr:nth-of-type(1){ top:18px; left:10px;}
	.touchDevice #menuNav hr:nth-of-type(2){ top:34px; left:10px;}
	.touchDevice #menuNav hr:nth-of-type(3){ top:50px; left:10px;}

@media screen and (max-width: 1000px) {
	
	html,
	body{ }
	
	body#top #main{}
	
	.onlyPC{ display:none;}
	.onlySP{ display:block;}
	
	
	
	
	
	.content-area section#products .item .more{width:70%;}


	
}



@media screen and (max-width: 750px) {

	html.touchDevice,
	.touchDevice body{ }
	
	.touchDevice body#top ul#topMenu{ position:absolute; top:40px !important; left:40px !important;}
	
	.touchDevice body#top ul#topMenu{ font-size:1.2rem !important;}
	
	
	.touchDevice .content-area .about{ font-size:1.2rem; text-align:left;}
	.touchDevice .content-area .about br{ display:none;}
	
	
	.content-area section#about .detail{}
	.content-area section#about .detail .thumbInner{ padding-left:0px;margin-bottom:25px;}
	.content-area section#about .detail .thumbInner .photo{ width:100%; height:0; padding-top:100%; margin-bottom:20px; position:relative; top:0; left:0;}
	.content-area section#about .detail .moreInner{}
	
		.content-area section#about .about{}
		.content-area section#about .ayuko{}
		.content-area section#about .onao{}
		
		
		.content-area section#about .about{ text-align:left !important;}
		.content-area section#about .about br{ display:none;}
		
		.content-area section#about .ayuko .thumbInner{}
		.content-area section#about .ayuko .moreInner{}
		.content-area section#about .ayuko .moreInner .image{ width:100%; padding-top:60%; margin:0 0 20px 0;}
		.content-area section#about .ayuko .moreInner .image_1{}
		.content-area section#about .ayuko .moreInner .image_2{}
	
	.content-area section#about .stores{}
	.content-area section#about .stores dl{}
	.content-area section#about .stores dl dt{}
	.content-area section#about .stores dl dd{}
	
	
	
	
	
	
	

.content-area section#products .item { position:relative; width:100%; overflow:hidden; min-height:550px;margin:0 2% 50px 2%; display:inline-block; letter-spacing:0;}
.content-area section#products .item .photo{ width:100%; height:0px; padding-top:100%; background-color:#f2f2f2; border:solid 1px #ddd;  position:relative; top:0; left:0; text-indent:-999px; overflow:hidden; margin-bottom:20px;}

.content-area section#products .item .name{}
.content-area section#products .item .data{}
.content-area section#products .item .material{}

.content-area section#products .item dl{ overflow:hidden;margin-bottom:20px;text-align:left;  }
.content-area section#products .item dl dt{ clear:both; width:60px; color:#999; font-size:0.8em; line-height:1.5;margin-bottom:2px;}
.content-area section#products .item dl dd{ margin-bottom:15px; line-height:1.5;}

.content-area section#products .item dl dd ul{}
.content-area section ul li{ display:inline-block; margin:0 5px 3px 0; width:15px; height:15px; text-indent:-999px; overflow:hidden; position:relative;}

.content-area section#products .item dl dt:nth-of-type(1){ display:none;}
.content-area section#products .item dl dd:nth-of-type(1){ font-size:1.2em; font-weight:700;margin-bottom:20px; }

	
.content-area section#products .item .more{ width:40%;}
	
	
	

}













@media (max-width: 767px) {
   /* (E)スマートフォン以下専用スタイル */
      ：　：　：
}
@media (min-width: 768px) and (max-width: 959px) {
   /* (F)タブレット専用スタイル */
      ：　：　：
}
@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}









@media (max-width: 959px) {
   /* (E)スマートフォン以下専用スタイル */
   
  
	
	
	
}

@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}