@charset "UTF-8";
/* CSS Document */

/***
* common_sp.css
*/

@media only print, only screen and (min-width: 18.75em){

.tab,
.pc,
.pc_tab{
  display:none;
}

.sp{
  display:block;
}

.hover:hover{
  opacity:1;
  filter:alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

a{
	color:#000;
	text-decoration:none;
}

/* header */

#header{
  position: fixed;
  top:0;
  width: 100%;
  height: 40px;
  background: #fff;
  z-index: 3334;
}

#logoSp{
  width: 40px;
  margin: 11px auto 0;
}

#btnMenu,
#btnInstagram{
  font-size: 11px;
  letter-spacing: 0.04em;
  position: absolute;
}

#btnMenu{
  top: 14px;
  left: 15px;
  z-index: 6666;
}

#btnInstagram{
  top: 14px;
  right: 15px;
}

#navSpInner li{
  font-size: 4.68vw;
  letter-spacing: 0.04em;
  line-height: 2;
}

#navCollectionSp li{
  margin-left: 20px;
}

#stockist #navStockistSp,
#about #navAboutSp,
#journal #navJournalSp{
  margin-left: 20px;
  text-decoration: underline;
}

#navSp h6{
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  letter-spacing: 0.04em;
}

#closeOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
  left:0;
  z-index:3333;
  display: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#closeOverlay.active{
  display: block;
}

#navSp{
	width:70vw;
	height:100%;
	position:fixed;
	top:0;
  left:0;
	background:#fff;
  z-index:3334;
  transform: translate3d(-110%,0,0);
	transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-webkit-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  box-shadow: 0 3px 3px rgba(0,0,0,0.15);
}

#navSp.active{
  transform: translate3d(0,0,0);
	transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-webkit-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

#navSpInner{
  position: absolute;
  top: 70px;
  left: 15px;
}

/* main */

#main{
  padding: 0 0 120px;
}

/* footer */

#footer{
  width: 100%;
  height: 67px;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 1.7;
  position: absolute;
  bottom: 0;
}

#footerSpNews{
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
}

#footerInnerSp h6{
  position: absolute;
  top: 35px;
  right: 15px;
  font-size: 11px;
  letter-spacing: 0.04em;
}

#footer a{
  color: #bbb;
}

.btnEmail{
  cursor: pointer;
}

}