@charset "UTF-8";
/* CSS Document */
html{ font-size: 62.5%; /* 10px */ }
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;
	min-width: 320px;
	color: #000000;
   background: #000000;
    margin: 0;
}



/* ios用
=================================== */
body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background: url(../img/bg.png);
  background-size:cover;
  opacity: 0.6;
  background-position: bottom;
  
}   


#main{
  background-image: url("../img/main.jpg");
 font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 100%;
  padding-top: 70.777%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; 
}  

.sp{ display: block; }
.pc{ display: none; }


h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
	padding: 0; margin: 0;
}
ul,li,ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
em{ font-style: normal; }
dl{ margin: 0; padding: 0; }
p{ margin: 0; padding: 0; }
img{ max-width: 100%; vertical-align: top; }

a{ color: #0096ff; text-decoration: none; }
/*a:visited{ color: #4900c1; text-decoration: none; }*/
a:hover, a:active, a:focus{ color: #ff0096; text-decoration: none; }
a:hover img, a:active img, a:focus img{ opacity: 0.8; filter: alpha(opacity=80); }


div#wrap{}
div#ctv_tab{}

div#container{
	width: 100%;
/*	max-width: 960px;*/
	margin: 0 auto;
	padding: 0;
}
.contents{
    padding-top: 20px;
/*    background: #A4ECFE;*/
}

header{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

/*フッター*/
footer{
/*
  background:#e62e8b;
  padding:1em 0 2em 0;
*/
  }
footer div{
  }

footer p{
  clear:both;
  color:#fff;
  margin:0 auto;
  padding:0;
font-size: 12px;
padding-bottom: 20px;
  }

.copyright a,
.copyright .attention{
  display: block;
  color: #ffffff;
  text-decoration: none;
}




#pageTopBar {
display: block;
background: #56acea;
}

#pageTopBar a {
display: block;
width: 100%;
padding: 2rem 0;
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 2.0rem;
font-weight: 600;
line-height: 1;
letter-spacing: 0.5rem;
}




/* Page Top
=================================== */
.page-topLink{
  bottom: 5px;
  right: 5px;
  width: 20px;
  padding: 13px 10px;
  }

  /**/
.page-topLink{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 5px;
  width: 14px;
  padding: 13px 13px;
  background: rgba(255,255,255,.7);
  border-radius: 80%;
  border: 4px solid #ff8807;
  color: #E76F71;
  font-size:16px;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  cursor:pointer;
  behavior: url(PIE.htc);
}
.page-topLink a{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #ff8807;
  text-decoration:none;
}
.page-topLink:hover{
  background: rgba(255,255,255,1);
}


#music{
  width: 95%;
  margin: 0 auto;
}

table{
  /* width: 100%; */
  margin: 0 auto;
}

table th{
  color: #6c5402;
  position: relative;
  text-align: left;
  /* width: 15%; */
}


table td{
  text-align: center;
  padding:7px 0 7px 20px;
  /* width: 85%; */
}


.blue{
  background-color: #0096ff;
  color: #fff;
  border-radius: 10px;
  padding: 5px;
  font-size: 1.8rem;

}

.red{
  background-color: #d51010;
  color: #fff;
  border-radius: 10px;
  padding: 5px;
  font-size: 1.8rem;
}

.list-3 {
  list-style-type: none;
}

.list-3 li {
  display: flex;
  align-items: center;
  gap: 0 5px;
  padding: .3em;
  text-align: left;
  align-items: baseline;
}

.list-3 li::before {
  display: inline-block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #ff9601;
  border-left: 2px solid #ff9601;
  transform: rotate(-45deg) translateY(-1.5px);
  content: '';
}


.table_design03 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
  }
  .table_design03 th, .table_design03 td {
  border-bottom: 2px solid #c1c7c6;
  padding: 15px 0;
  }
  .table_design03 th {
  border-bottom: 2px solid #6c5402;
  font-weight: bold;
  text-align: center;
  width: 40%;
  min-width: 4em;
  }



/* -------------------------------------------------------------------------------------------------------------------
Tablet&SP                                                                                                        
------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 959px) {
	.pc { 
		display: none;
	}
  .sp {
	  display: block; 
	}

		#wrap {
	max-width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
}

#main{
  margin: 0 auto;
}

#main img{
  width: 90%;
}
  
#movie{
  width: 95%;
  margin: 0 auto;
}

.movie_box{
margin: 20px 0;
}
    #titl{
      
      width: 80%;
      margin: 0 auto;
      margin-top: 40px;
    }
    
    .free{
      padding: 10px;
      font-size: 2.8rem;
      font-weight: bold;
      width: 50%;
      margin: 0 auto;
      background-color: #ffeb03;
      border-radius: 60px;
      border: solid 3px #fabe00;
      color: #fabe00;
      margin-bottom: 20px;
    }
    
    
    #about{
      margin: 20px 0;
      font-size: 1.2em;
      line-height: 2em;
      background-color: #fff2bfc9;
    }
    
    .map iframe{
      width: 95%;
      margin: 0 auto;
    }
    
    
    #shop{
      width: 100%;
      margin: 0 auto;
      /* display: flex;
      flex-wrap: wrap;
      align-items: stretch; */
    }
    
    .shop_box{
      /* margin: 15px 5px; */
      width: 80%;
      padding: 15px;
      margin: 0 auto;
      margin-bottom: 20px;
      background-color: #efe0ba;
  border-top: solid 1px #6b5507;
  border-bottom: solid 1px #6b5507;

    }
    


    .shop_image{
      width: 100%;
      margin: 0 auto;
      margin-bottom: 10px;
    }
    
    .shop_name_right{
      color: #073190;
      font-weight: bold;
      font-size: 1.8rem;
      padding: 10px;
    text-align: right;
    display: flex;
    justify-content: center;
    }
    
    .text_s{
      font-size: 1.5rem;
      margin-top: -3px;
    }
    
    .food_menu{
      color: #ffffff;
      /* font-weight: bold; */
      font-size: 1.8rem;
      border-radius: 5px;
      padding: 3px 0;
      background-color: #6c5402;
    }
    
    .shop_price{
      margin: 10px;
      font-weight: bold;
      font-size: 1.8rem;
    }
    
    .shop_about{
      text-align: left;
      padding: 5px;
      font-size: 1.5rem;
      line-height: 2.8rem;
    }
    
    #overview{
      padding: 10px;
      margin: 0 auto;
      font-size: 1.3rem;
      background-color: #fff;
      width: 80%;
      border-radius: 20px;
      margin-top: 50px;
    }

    #ambassador{
      /* background-color: #fdf055;
      border-radius: 20px;
      border: solid 1px #fabe00; */
      width: 90%;
      margin: 0 auto;
      padding: 10px;
      /* margin-top: 20px; */
    }

    .ambassador_img{
      margin-top: -20px;
    }
    
    .text_info{
      margin: 0 auto;
      background-color: #fff;
      padding: 10px;
      border-radius: 15px;
      text-align: left;
      font-size: 1.5rem;
    }

    #comedian{
      width: 90%;
      margin: 0 auto;
      padding: 10px;

    }

    .comedian_box{
      margin-bottom: 10%;
    }


    #about_text{
      width: 90%;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 30px;
      background-color: #fcd500;
      border-radius: 5px;
    }
    
    .about_text_info{
      color: #000000;
      font-size: 1.8rem;
      margin: 0 auto;
      
      
     
      padding: 10px;
      text-align: left;
    }
    
    #about_text span{
    font-size: 1.8rem;
    margin: 0 auto;
    /* margin-bottom: 10px; */
    display: block;
    border-bottom: dotted;
    width: 95%;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    }

    .image_oasis{
      border-bottom: none!important;
      width: 100% !important;
      margin-top: 10px!important;
    }
    
    
    #about{
      margin: 50px 0;
      font-size: 1.2em;
      line-height: 2em;
      background-color: #fff9e2;
      padding: 1px 0 50px 0;
    }
    
    .time{
     font-size: 2.5rem;
     line-height: 4rem;
    }
    
    .text_l{
      font-size: 3.8rem;
    
    }
    
    .day{
      border: solid 1px #000;
      margin-right: 5px;
      font-size: 2.3rem;
      
    }
    
    .lo{
      color: red;
      font-size: 1.5rem;
    }

    .comingsoon{
      font-size: 2.5rem;
    }

    .map{
      margin-top: 15px;
    }

    #menu{
      width: 90%;
      margin: 0 auto;
      margin-bottom: 20px;
    }

    #menu p{
      font-size: 1.8rem;
     line-height: 3.5rem;
     text-align: left;
    }
    
    .highball{
      width: 60%;
    }

    .border{
      border-bottom:1px dotted #fff;
      display: block;
      width: 90%;
      margin: 0 auto;
      line-height: 3rem;
    }

    #note{
      width: 90%;
      margin: 0 auto;
    }

}





/* -------------------------------------------------------------------------------------------------------------------
961px-                                                                                                           
------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 960px) {
	.pc {
		display: block;
	}
  .sp {
	  display: none;
	}
	
  .f-small {
	  font-size: 1.4rem;
	}
	
  .f-middle {
	  font-size: 1.6rem;
	}
    
	#wrap{
    max-width: 100%; 
/* margin-left: auto; 
margin-right: auto; 
  background-image: url("../img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; 
overflow: hidden; */
}

#main{
   /* margin-top: 50px;  */
}

#main img{
  width: 900px;
}

#titl{
  width: 500px;
  margin: 0 auto;
  margin-top: 50px;
}

.free{
  padding: 15px;
  font-size: 4rem;
  font-weight: bold;
  width: 300px;
  margin: 0 auto;
  background-color: #ffeb03;
  border-radius: 60px;
  border: solid 5px #fabe00;
  color: #fabe00;
}

#movie{
  margin: 0 auto;
  width: 90%;
  margin-top: 50px;
}

.movie_info{
 display: flex;
 flex-wrap: nowrap;
        justify-content: space-around;
}

.movie_box{
  width: 48%;
  
}

#about_text{
  width: 1300px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: #fcd500;
  border-radius: 10px;
}

.about_text_info{
  width: 1100px;
  margin: 0 auto;
  color: #000000;
  font-size: 2.5rem;
  padding: 0px 0 20px 0;
  display: flex;
  /* text-align: left; */
  flex-wrap: wrap;
  justify-content: center;
          justify-content: center;
          align-items: center;
}

#about_text img{
  width: 700px;
}

#about_text span{
font-size: 3.8rem;
margin: 0 auto;
margin-bottom: 20px;
padding-top: 20px;
display: block;
border-bottom: dotted;
width: 80%;
font-weight: bold;
}


.image_oasis{
  border-bottom: none !important;
  width: 33% !important;
  margin: 0px !important;
  padding-top: 0 !important;
}

#about{
  margin: 100px 0;
  font-size: 1.2em;
  line-height: 2em;
  background-color: #fff9e2;
  padding: 10px 0 50px 0;
}

.time{
 font-size: 2.8rem;
 line-height: 5rem;
}

.text_l{
  font-size: 3.8rem;

}

.day{
  border: solid 1px #000;
  margin-right: 5px;
  font-size: 2.5rem;
  
}

.lo{
  color: red;
  font-size: 2.2rem;
}

.map iframe{
  width: 960px;
  margin: 0 auto;
  margin-top: 30px;
}


#shop{
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
}

.shop_box{
  margin: 30px 10px;
  width: 29%;
  padding: 15px;
  background-color: #efe0ba;
  border-top: solid 1px #6b5507;
  border-bottom: solid 1px #6b5507;
}


.shop_image{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
}


.text_s{
  font-size: 1.5rem;
  margin-top: -3px;
}

.border{
  border-bottom:1px dotted #fff;
  display: block;
  width: 90%;
  margin: 0 auto;
}

.food_menu{
  color: #ffffff;
        /* font-weight: bold; */
        font-size: 2rem;
        border-radius: 5px;
        padding: 3px 0;
        background-color: #6c5402;
}

.shop_price{
  margin: 10px;
  font-weight: bold;
  font-size: 1.8rem;
}

.shop_about{
  text-align: left;
  padding: 5px 10px;
  font-size: 1.5rem;
}

#overview{
  padding: 20px;
  margin: 0 auto;
  font-size: 1.8rem;
  background-color: #fff;
  width: 50%;
  border-radius: 20px;
  margin-top: 100px;
}


.text_info{
  width: 700px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
  text-align: left;
  font-size: 1.5rem;
}



.comingsoon{
  font-size: 4rem;
}

#menu p{
  font-size: 2.3rem;
 line-height: 5rem;
}

.highball{
  width: 350px;
}

.list-3 {
  list-style-type: none;
  margin: 0 auto;
  width: 600px;
  padding: 10px;
  font-size: 2rem;
}

    
              /* フッター =================================== */
    #pageTopBar{
        margin-top: 50px;
        padding-top: 10px;
    }
    
    .fas img{
        width: 150px;
    margin-top: -100px;
    }
    

}