@charset "UTF-8";

/* CSS Document */



/***

* common.css

*/



/* reset */



/* YUI 3.5.1 (build 22)

Copyright 2012 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/ */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,main,nav,footer{ 

	margin:0;

	padding:0;

}



table {

	border-collapse:collapse;

	border-spacing:0;

}



img { 

	border:0;

	vertical-align:bottom;

}



ol,ul {

	list-style:none;

}



caption,th {

	text-align:left;

}



h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

}



area{

	outline:none;

}



input{

	border-style:none;

}



/* utility */



.floatL{

	float:left;	

}



.floatR{

	float:right;	

}



.clearBoth{

	clear:both;	

}



.clearfix:after{

  content:"."; 

  display:block; 

  height:0; 

  clear:both; 

  visibility:hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{ height:1%; }

.clearfix{ display:block; }

/* End hide from IE-mac */



.taL{

	text-align:left;

}



.taC{

	text-align:center;

}



.taR{

	text-align:right;

}



.taJ{

	text-align:justify;

}



.hover:hover{

	opacity:0.5;

	filter:alpha(opacity=50);

	-ms-filter: "alpha(opacity=30)";

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	transition-duration: 0.5s;

}



.mb{

	margin-bottom:80px !important;

}



.mbHalf{

	margin-bottom:40px !important;

}



.mbQuot{

	margin-bottom:20px !important;

}



.mbShort{

	margin-bottom:10px !important;

}



.mbNone{

	margin-bottom:0 !important;

}



.bold{

	font-weight:bold;

}



.anti{

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.ls{

	letter-spacing:0.1em;

}



.transtion{

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	transition-duration: 0.5s;

}



a{

	color:#000;

	text-decoration:none;

}



p{

	font-size:87.5%;

}



.white{

	color:#fff !important;

}



.white .line{

	background: #fff !important;

}



.white a{

	color:#fff !important;

}



.btn{

	padding:25px 20px;

	display:inline-block;

	border:1px solid #000;

	text-align:center;

}



sup{

	font-size:60%;

}



small{

	font-size:72.5%;

}



/* .en small{

	font-size:80%;

} */



/***

* common

*/



body{

	background:#fff;

	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

	-webkit-text-size-adjust:100%;

}



#main{

	position: relative;

	margin-bottom:160px;

}



.title{

	text-align:center;

	margin-bottom:30px;

}



/* header */



#header.active{

	background:none;

}



#logo{

	margin:0 auto;

	text-align:center;

	overflow:hidden;

}



#logo a{

	display:block;

}



#logo .avenir_de{

	font-size:187.5%;

	letter-spacing:0.05em;

}



#closeOverlay{

	width:100%;

	height:120%;

	position: fixed;

	top:0;

	background:#f4ed52;

	z-index:3332;

	display:none;

}



#nav{

	width:100%;

	position:absolute;

	display:none;

}



#nav.active{

	display:block;

}



#nav ul{

	margin:0 auto;

}



#nav li{

	text-align:center;

	letter-spacing:0.15em;

}



#nav a{

	color:#000;

	font-size:150%;

	display:block;

}



#topPage #navTop a,

#topPage #navTopSp a,

#item #navItem a,

#item #navItemSp a,

#shoplist #navShoplist a,

#shoplist #navShoplistSp a,

#option #navOption a,

#option #navOptionSp a{

	color:#777;

}



#nav a:hover{

	color:#777;

}



#btnMenu{

	display: block !important;

	width: 20px;

	height: 18px;

	padding:20px 15px;

	color: #000;

	font-size: 1.5em;

	cursor: pointer;

	position: absolute;

	top:-4px;

	left:0;

	z-index: 6666;

	-moz-transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);

	-o-transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);

	-webkit-transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);

	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);

	-moz-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-webkit-transform: translate(0, 0);

	transform: translate(0, 0);

}



.bars.active{

  background: transparent;

}



.bars.active:before, .bars.active:after {

	top: 0;

	width: 100%;

	user-select: none;

}



.bars.active:before {

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.bars.active:after {

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



.bars {

	width: 100%;

	height: 2px;

	margin-top: .3em;

	background: #000;

	position: relative;

	display: block;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}



.bars:before {

	top: -7px;

}



.bars:after {

  top: 7px;

}



.bars:before, .bars:after {

	width: 100%;

	height: 2px;

	background: #000;

	position: absolute;

	left: 0;

	content: '';

	-moz-transform: rotate(0);

	-ms-transform: rotate(0);

	-webkit-transform: rotate(0);

	transform: rotate(0);

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}



.langbuttons a{

	position:absolute;

	z-index:3333;

}



.langbuttons a.on{

	display:none;

}