@charset "utf-8";
/*============base =======*/

html{
background: #fff;
}

body{
color:#000;
text-align:center;
background: url(/img/_bg_idx.jpg);
}

html, body{
width:100%;/*
overflow-x: hidden;*/
}

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

/*
################## 縦横共通 ##################
*/

#Wrapper{
width: 100%;
max-width: 930px;
margin: 0 auto;
}

h1{
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
font-size: 12px;
z-index:2;
color:white;
}
h2{
font-size: 18px;
font-weight: bold;
}

#MvWrap{
position: relative;
}

#Idx_Mov{
position: absolute;
top:0;
width: 100%;
height: 100%;
}
#Vid, #Idx_Mov img{
display:block;
width: 900px;
height: auto;
position: fixed;
top: 0;/*
left: 50%;
min-width:100%;
min-height:100%;*/
z-index:1;
}

#Logo{
width: 100%;
}

#Logo img{
width: 100%;
}

#Hime, #Logo, section, #Caution, #Link, footer, #Other{
position: relative;
z-index: 10;
}

#NAV{
position: relative;
z-index: 20;
}

#NAV a, #NAV img{
display: inline-block;
}
#NAV{
width: 100%;
margin: 10px 0;
}
@media screen and (max-width: 600px)
{
  #NAV{
    display: block;
    width: 173px;
    height: 266px;
    margin: 0 auto;
  }
}

/*
################## Responsive ##################
*/


  #MvWrap{
    width: 900px;
    margin: 0 auto;
  }
  #Idx_Mov{
    width: 900px;
  }
  #Vid{
    width: 900px;
  }
  
@media screen and (max-width: 931px)
{
  #MvWrap{
    width: 100%;
  }
  #Idx_Mov{
    width: 100%;
  }
  #Vid{
    width: 100%;
  }
  #Idx_Mov img{
    width: 100%;
  }
}
/*
@media only screen and (orientation:landscape) and (max-device-width: 1024px)*/
@media only screen and (orientation:landscape) and (max-device-width: 813px)
{ 
  #Logo
  {
    width: 65%;
    margin: -60px auto 0;
  }
  #NAV
  {
    margin: 0;
  }
}


#Caution{
width: 100%;
padding-bottom: 10px;
}

#Caution p{
color: gray;
}
#Caution p.Bld{
color: black;
text-decoration: bold;
}

p#TW span{
display: inline-block;
margin-bottom: 10px;
}

#Hime{
width: 310px;
height: auto;
margin: 0 auto;
}

.Hime{
display: inline-block;
width: 304px;
height: 304px;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling:touch;
}

.fujoho_custom_banner {
 float: left;
 margin: 5px !important;
}

@media screen and (min-width: 950px)
{
  #Hime{
  width: 950px;
  height: auto;
  margin: 0 auto;
  }
  .Hime{
  width: 310px;
  height: 310px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
  }
}







.SRV{
padding: 10px;
background: rgba(255,255,255,0.5);
}




a {
text-decoration: none;
}

a.Enter, .R18, a.Leave{
height: 86px;
}
a.Enter{
width: 173px;
background: url(/img/_btn_enter.png);
}
img.R18{
width: 90px;
}
a.Leave{
width: 165px;
background: url(/img/_btn_leave.png);
}
a.Enter:hover{
background: url(/img/_btn_enter2.png);
}
a.Leave:hover{
background: url(/img/_btn_leave2.png);
}


#Time{
width: 300px;
margin: 15px auto 20px;
padding: 16px 0;
background: rgba(255,255,255,0.5);
}

#Time p.Ttl, #Time a{
font-size: 30px;
margin: 0;
}
#Time p.Time{
font-size: 22px;
color: black;
margin: 0;
}

ul{
padding: 5px 0 16px;
}
li{
list-style: none;
display: inline-block;
padding: 0 10px;
}

.Lft {
text-align: left;
}

.Rgt {
width: 300px;
text-align: right;
}

#Link {
width: auto;
height: auto;
margin-top: 36px;
margin-bottom: 20px;
}

#Link p:nth-child(1), #Link p:nth-child(2){
margin-bottom:16px;
}

.Ctr{
text-align: center;
}

@media screen and (max-width: 500px)
{
  #Link img{
  width: 96% !important;
  height: auto !important;
  }
}

.Gry{
width: 750px;
margin: 0 auto 12px;
color: black;
}

@media screen and (max-width:780px)
{
  .Gry{
  width: 96%;
  }
}
/*
@media screen and (max-width:600px)
{
  .Gry{
  width: 96% !important;
  }
}
*/
.Sp1L{
margin-bottom:5px;
}
.Sp2L{
margin-bottom:30px;
}

footer{
width: 100%;
height: 214px;
background: #fff0f6;
border-top: #f4afcc solid 5px;
}

#FootTel{
width: 900px;
margin: 0 auto;
}

.FTL{
width: 460px;
}

#FootTel span, #FootTel div, #FootTel p, #FootTel img{
display: inline-block;
color: black;
font-size: 20px;
margin: 0;
}

span.Lit{
color: gray !important;
font-size: 15px !important;
}

#Other{
display: inline-block;
font-size: 32px;
height: 38px;
background:
rgba(255, 36, 180, 0.5);
line-height: 38px;
padding: 5px;
width: 250px;
color:yellow;
}