@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{
  width: 100%;
  height: 12.5vw;
  background: #fff;
  font-family:'Baskerville MT W01 Regular';
  font-size: 5vw;
  position: fixed;
  z-index: 7777;
}

#logoSp{
  width: 20.31vw;
  margin: 0 auto;
  padding-top: 2.5vw;
  position: relative;
  z-index: 5555;
}

#btnMenu{
  position: absolute;
  top: 2.8vw;
  left: 15px;
  display: block;
  z-index: 5555;
}

#navMenuSp{
  width: 21.8vw;
  position: absolute;
  top: 3.4vw;
  right: 15px;
  overflow: hidden;
}

#navMenuSp ul{
  width: 30vw;
  padding-top: 3px;
}

#navMenuSp li{
  float: left;
  margin-right: 0.6em;
}

#navTwSp{
  margin-top: 1px;
  width: 4.06vw;
}

#navIgSp{
  width: 3.75vw;
}

#navA24Sp{
  margin-top: 1px;
  width: 7.5vw;
}

#navSp{
	width:69vw;
	height:100%;
	position:fixed;
	top:0;
  left:0;
	background:#fff;
  z-index:0;
  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: calc(12.5vw + 30px);
  left: 15px;
}

#navSp li{
  margin-bottom: 5vw;
}

#navSp h5{
  font-size: 9.375vw;
  line-height: 0.8;
  display: inline-block;
}

#navSp h6{
  font-size: 2.5vw;
  display: inline-block;
  color: #000;
}

#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;
}

/* main */

#main{
  padding: 140px 0 52px;
}

/* footer */

#footer,
#navFooter{
  width: calc(100% - 30px);
  padding: 20px 15px;
  position: absolute;
  bottom: 0;
}

.copyright{
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 2.5vw;
}

.bar{
  width: 30px;
  height: 1px;
  margin-right: 6px;
  background: #fff;
  position: relative;
  top: -5px;
  display: inline-block;
}

#trailer{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7777;
  background: rgba(255,255,255,0.95);
  display: none;
}

#btnClose{
  width: 20px;
  display: block;
  position: absolute;
  top: -36px;
  right: 15px;
  z-index: 9999;
}

#trailer #videoYoutube{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; 
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);  
}

#trailer iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

}