@charset "euc-jp";

@media screen and (orientation: portrait) {
   .is-mobile .swiper-container .sptate{
        display:block;
    }
/*   .is-mobile .swiper-container .spyoko{
        display:none;
    }*/
}

@media screen and (orientation: landscape) {
   .is-mobile .swiper-container .sptate{
        display:none;
    }
/*   .is-mobile .swiper-container .spyoko{
        display:flex;
    }*/
}

.container {
position:absolute;
top:100%;
width:100%;
}

/*#info ul li div p{
text-align:left;
display:inline-block;
-moz-transform:    scale(0.86, 1);  
-webkit-transform: scale(0.86, 1);  
-o-transform:      scale(0.86, 1);  
-ms-transform:     scale(0.86, 1);  
transform:         scale(0.86, 1);  
-moz-transform-origin:    left top; 
-webkit-transform-origin: left top; 
-o-transform-origin:      left top; 
-ms-transform-origin:     left top; 
transform-origin:         left top; 
font-size:12px;
text-align:left;
color:#000;
letter-spacing:3.2px;
vertical-align:top;
}
#info ul li div p:first-child{
width:97px;
font-size:13px;
color:#000;
letter-spacing:1.5px;
-moz-transform:    scale(0.85, 1);  
-webkit-transform: scale(0.85, 1);  
-o-transform:      scale(0.85, 1);  
-ms-transform:     scale(0.85, 1);  
transform:         scale(0.85, 1);  
-moz-transform-origin:    left top; 
-webkit-transform-origin: left top; 
-o-transform-origin:      left top; 
-ms-transform-origin:     left top; 
transform-origin:         left top; 
vertical-align:top;
}
#info ul li div p a{
color:#000;
text-decoration: none;
}*/
#info{
width: 100%;
margin:85px 0 90px;
padding:0;
text-align:center;
}
#info .infodl{
margin:40px auto 40px;
padding:0;
/*width:960px;*/
max-width:960px; 
border-top:solid 1px #989898;
border-bottom:solid 1px #989898;
height:23.4em;
overflow:auto;
}
#info dl{
margin:0 auto 0;
padding:0;
width:100%;
/*border-top:solid 1px #505050;
border-bottom:solid 1px #505050;*/
overflow:hidden;
}
#info dl dt,#info dl dd{
margin: 0;
padding:25px 0;
line-height:24px;
border-top:solid 1px #989898;
}
#info dl dt:first-child,#info dl dt:first-child+dd{
border-top: none;
}
#info dl dt{
float:left;
font-size:13px;
padding-left:15px;
font-weight:bold;
color:#333;
letter-spacing:0.1em;
-moz-transform:    scale(0.85, 1);  /* Firefox */
-webkit-transform: scale(0.85, 1);  /* Chrome,Safari */
-o-transform:      scale(0.85, 1);  /* Opera */
-ms-transform:     scale(0.85, 1);  /* IE */
transform:         scale(0.85, 1);  /* CSS3 */
-moz-transform-origin:    left top; /* Firefox */
-webkit-transform-origin: left top; /* Chrome,Safari */
-o-transform-origin:      left top; /* Opera */
-ms-transform-origin:     left top; /* IE */
transform-origin:         left top; /* CSS3 */
}
#info dl dd{
margin-left:0px;
font-size:12px;
text-align:left;
color:#333;
-moz-transform:    scale(0.85, 1);  /* Firefox */
-webkit-transform: scale(0.85, 1);  /* Chrome,Safari */
-o-transform:      scale(0.85, 1);  /* Opera */
-ms-transform:     scale(0.85, 1);  /* IE */
transform:         scale(0.85, 1);  /* CSS3 */
-moz-transform-origin:    left top; /* Firefox */
-webkit-transform-origin: left top; /* Chrome,Safari */
-o-transform-origin:      left top; /* Opera */
-ms-transform-origin:     left top; /* IE */
transform-origin:         left top; /* CSS3 */
letter-spacing:3.2px;
/*width:1130px;*/
width:117%;
}
#info dl dd p{
/*width:995px;*/
width:87%;
margin:0 0 0 130px;
}
#info dl dd p a{
color:#333;
}
@media screen and (max-width:1080px) {
#info .infodl{
width:94%;
}
}
@media screen and (max-width:900px) {
#info dl dd p{
width:83%;
}
}
@media screen and (max-width:800px) {
#info dl dd p{
width:80%;
}
}
@media screen and (max-width:580px) {
#info{
margin:6% 0 12%;
}
#info dl{
margin:0px auto 0px;
padding:2% 0 5%;
width:98%;
}
#info dl dt{
float: none;
font-size:75%;
width:114%;
text-align:left;
border-bottom:none;
padding-bottom:0;
margin:0px;
line-height:2;
}
/*#info dl dd{
margin-left:6.5em;
font-size:75%;
text-align:left;
width:80%;
}*/
#info dl dd{
margin-left:0em;
font-size:13px;
text-align:left;
width:100%;
border:none;
padding-top:0;
}
#info dl dd p{
width:114%;
margin:0;
padding:0 0 0 0.8em;
letter-spacing:1px;
line-height:1.7;
}
}
@media screen and (max-width:480px) {
#info dl dd{
padding-bottom:3%;
}
#info dl dd p{
letter-spacing:0px;
line-height:1.5;
}
}

.pickup1,.pickup2{
text-align:center;
width:100%;
padding: 0px 0 0px;
}
.pickup1{
background-color:#fff;
margin:40px auto 0px;
padding: 40px 0;
}

.pickup1 div,.pickup2 div{
text-align:center;
vertical-align: top;
display: inline-block;
font-size:13px;
font-family:"ÞâÌÀÄ« Light","YuMincho","ÞâÌÀÄ«","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Sawarabi Mincho","£Í£Ó ÌÀÄ«",serif;
margin:0 60px;
color:#333;
}
.pickup1 div h3{
font-size:25px;
font-family:Montserrat,sans-serif;
font-weight:400;
text-transform:uppercase;
margin:0 0 20px;
}
.pickup1 div a,.pickup2 div a{
color:#333;
text-decoration: none;
}
.bnn{
text-align:center;
width:100%;
margin:40px auto 40px;
padding:0px 0;
}
.bnn img{
max-width:700px;
width:100%;
margin-top:40px;
}
@media screen and (max-width:1400px) {
.pickup1 div:nth-of-type(1){
margin:0 0 0 1%;
width:32%;
}
.pickup1 div:nth-of-type(2){
margin:0 0px;
width:65%;
}
.pickup2 div{
margin:0 0px;
width:49%;
}
.pickup1 div h3{
font-size:140%;
}
.pickup1 div p{
font-size:95%;
width:96%;
margin:0 auto;
}
.pickup1 div img{
width:96%;
}
.bnn img{
width:96%;
margin-top:4%;
}
}
@media screen and (max-width:560px) {
.pickup1{
margin:2% auto 2%;
padding:6% 0;
}
.pickup1 div:nth-of-type(1){
display:block;
margin:0 auto;
width:98%;
}
.pickup1 div:nth-of-type(2){
display:block;
margin:0 auto;
width:98%;
}
.pickup1 div,.pickup2 div{
display:block;
margin:0 auto;
width:98%;
}
.pickup1 div h3{
font-size:120%;
margin:5% 0 4%;
}
.pickup1 div p{
font-size:87%;
line-height:1.2;
}
.pickup1 div img{
width:70%;
}
.bnn{
margin:8% auto 9%;
}
}


.movcopy{position: absolute; top:20%; right:75%; z-index:50; width: 100%; height:55vh; opacity:1;
writing-mode: vertical-rl;
text-orientation: mixed;	
}
.movtit{color:#db4950; line-height:1;letter-spacing:0.1em;margin:0;font-size:85px;font-family:"ÞâÌÀÄ« Light","YuMincho","ÞâÌÀÄ«","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Sawarabi Mincho","£Í£Ó ÌÀÄ«",serif;}
.movtits{color:#000; line-height:1.7;letter-spacing:0.1em;margin:0 2% 0;font-size:32px;font-family:"ÞâÌÀÄ« Light","YuMincho","ÞâÌÀÄ«","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Sawarabi Mincho","£Í£Ó ÌÀÄ«",serif;font-weight:300;text-shadow: 1px 1px 3px #000;}
.movtext{color:#000; line-height:1.88; letter-spacing:0.1em;margin:0 0 0;font-size:16px;font-family:"ÞâÌÀÄ« Light","YuMincho","ÞâÌÀÄ«","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Sawarabi Mincho","£Í£Ó ÌÀÄ«",serif;font-weight:300;text-shadow: 0.5px 0.5px 1px #000;}

.scroll {
left:48%; bottom:80px;position: absolute; opacity:0.8;transition-duration: 4s;font-size:26px;font-family: "Yu Gothic Light", "Þ⥴¥·¥Ã¥¯ Light", YuGothic, "Þ⥴¥·¥Ã¥¯ÂÎ";font-weight:600; letter-spacing:2px;z-index: 100;text-shadow: 0.5px 0.5px 1px #000;
}
.scroll a {
/*  padding-top: 80px;*/
  color:#000;
  text-decoration:none;/*text-shadow: 0.5px 0.5px 1px #000;*/
  cursor: default;
}
.scroll a span {
  position: absolute;
  top:35px;
  left: 25px;
  width: 22px;
  height: 22px;
  border-left: 3px solid #847373;
  border-bottom: 3px solid #847373;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scroll a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scroll a span:nth-of-type(2) {
  top: 57px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  border-left-color:#baa2a2;
  border-bottom-color:#baa2a2;
}
.scroll a span:nth-of-type(3) {
  top: 79px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  border-left-color:#edd1d1;
  border-bottom-color:#edd1d1;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.masthead-arrow {
	margin: auto; left:33px; width: 30px; height: 30px;/* right: 0px; */bottom: 30px; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; position: absolute; opacity:0.8; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
}
.movall{margin: auto;right:30px; bottom:30px;position: absolute; opacity:1;transition-duration: 4s;}
.movall a{ width: 260px; height: 60px;background-color:#000;/*background: linear-gradient(#3cc75d, #1b8534);*/ display: table-cell; vertical-align:middle; text-align:center; color:#d19292;font-family: "Yu Gothic Light", "Þ⥴¥·¥Ã¥¯ Light", YuGothic, "Þ⥴¥·¥Ã¥¯ÂÎ";font-weight: 900; text-decoration:none; padding-right:35px; font-size:13px;}
.movall a font{position:relative;}
.movall a span {
  position: absolute;
  top:24px;
  left:193px;
  width: 12px;
  height: 12px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.movall a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.movall a span:nth-of-type(2) {
  left:203px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.movall a span:nth-of-type(3) {
  left:213px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#a,#b,#c,#d {
/*    font-size: 100px;*/
    width: 100%;
    height: 35em;
	position: relative;
}
#a p {
    margin-top: 1em;
    margin-left: 1em;
    font-family: 'Century Gothic';
    font-size: 3rem;
    color: #222;
    text-shadow: 0 0 10px #fff
}
/*#b,#d {
    background-color: aquamarine;
}
#c {
    background: trasparent;
}*/
video {
width:100%;
max-width: 100%
height: auto;
}

.overlay1{
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: #ffffff;
  padding: 20px 40px;
  border-radius: 8px;
  opacity: 0.7;
  z-index: 99999999;
  font-size: 26px;
  text-align: center;
}

@media screen and (max-width: 600px) {
.overlay1{
  border-radius: 0;
  width:100%;
  padding: 10px 0;
  bottom: 10px;
  right:0;
  opacity: 0.7;
  z-index: 99999999;
  font-size: 20px;
  text-align: center;
}