@charset "UTF-8";

/* ====== 共通 ====== */

a:hover {
  text-decoration: none;
  opacity: 0.8;
}

header .navbar-brand {
  width: 20%;
}

header .navbar-brand .logo {
  width: 100%;
}

header .tel {
  font-size: 2rem;
  color: #fff;
}

header .tel a {
  color: #fff;
}




.navbar-expand-lg .navbar-nav .nav-link span.pc{
display: inline;
}
.navbar-expand-lg .navbar-nav .nav-link span.sp{
display: none;
}


@media screen and (max-width: 991.98px) {
.navbar-expand-lg .navbar-nav .nav-link span.pc{
display: none;
}
.navbar-expand-lg .navbar-nav .nav-link span.sp{
display: inline;
}
}



/* ====== TOTOP ====== */
/* ページトップ */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 80%;
}

#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 25px 0;
  text-align: center;
  display: block;
  border-radius: 10px;
}

#page-top a:hover {
  text-decoration: none;
  background: #999;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
  color: #6c757d !important;
}

/* ====== TOP IMAGE ====== */

header.top-page {
  height: 100vh;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
}

.jumbotron {
  background-image: url(../img/main-image.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.jumbotron .bg-rgba {
  background-color: rgba(255, 255, 255, 0.9);
}

.jumbotron h1 {
  word-wrap: break-word;
}

.jumbotron h2 {
  line-height: 1.8rem;
}


.site-header .container{position: relative;}
#select_lang{position: absolute;right: 0.4em;font-size: 93%;}



/* ====== TOPPAGE SECTION ====== */

.hero-section .container .row{
width: 100%;
}
.social-share{
margin: 0 0 0 auto;
}

@media screen and (max-width: 991.98px) {
  .social-share{
    margin: 0;
  }
}

#sticky-wrapper{
background: #000;
}

#section_1{
background-image: url("../img/main1.jpg");
}

#section_1 .col-12{
height: 84%;
}

#section_1 h1{
height: 100%;
}
#section_1 h1 img{
height: 90%;
}

.vegas-content {
  height: 100%;
}
@media screen and (max-width: 991.98px) {
#section_1 h1 img{
  width: 100%;
  height: auto;
  max-height: 100%;
}
}


@media screen and (min-width: 1400px) {
  br.sp1400{
    display: none;
  }
  img.sp1400{
    display: none;
  }
  img.pc1400{
    display: inline;
  }
}
@media screen and (max-width: 1400px) {
  br.pc1400{
    display: none;
  }
  img.sp1400{
    display: inline;
  }
  img.pc1400{
    display: none;
  }
}


@media screen and (min-width: 1200px) {
  br.sp1200{
    display: none;
  }
  img.sp1200{
    display: none;
  }
  img.pc1200{
    display: inline;
  }
}
@media screen and (max-width: 1200px) {
  br.pc1200{
    display: none;
  }
  img.sp1200{
    display: inline;
  }
  img.pc1200{
    display: none;
  }
}


@media screen and (min-width: 991.98px) {
  br.sp{
    display: none;
  }
  img.sp{
    display: none;
  }
  img.pc{
    display: inline;
  }
}
@media screen and (max-width: 991.98px) {
  br.pc{
    display: none;
  }
  img.sp{
    display: inline;
  }
  img.pc{
    display: none;
  }
}

.text-white{
color: #fff;
}

.item-photo{
margin-top: 50px;
display: flex;
}

@media screen and (max-width: 991.98px) {
  .item-photo{
  margin-top: 1em;
  display: block;
  }
}
/* ====== TOPPAGE SECTION ====== */
main{
overflow: hidden;
}




/* ====== TOPPAGE SECTION ====== */
#section_3 .link{
clear: both;
overflow: hidden;
max-width: 602px;
width: 90%;
margin: 1em auto 0;
}
#section_3 .link a{
display: block;
}



/* ====== TOPPAGE SECTION ====== */

#lunch-detail{
}


#lunch-detail .daylunch{
color: var(--dark-color);
}
#lunch-detail .daylunch a{
color: var(--dark-color);
font-weight: bold;
text-decoration: underline;
}




#lunch-detail ul{
overflow: hidden;
margin: 0;
padding:2.5em 0 0;
}
#lunch-detail ul li{
float: left;
width: 30%;
margin: 0 5% 2.5em 0;
list-style: none;
}
#lunch-detail ul li:nth-child(3n){
margin-right: 0;
}
#lunch-detail ul li img{
max-width: 100%;
}
#lunch-detail ul li h4{
font-size: 125%;
text-align: center;
padding: 0.8em 0 0.3em;
}
#lunch-detail ul li h4 .small{
font-size: .75em;
}

#lunch-detail ul li .setsumei{
margin: 1em 0 0;
padding: 1em 0 0;
border-top: 1px solid #ccc;
}


#lunch-detail ul.pickup li:nth-child(1){
width: 100%;
}
#lunch-detail ul.pickup li:nth-child(2){
width: 47.5%;
}
#lunch-detail ul.pickup li:nth-child(3){
width: 47.5%;
margin-right: 0;
}

#lunch-detail ul.pickup2 li:nth-child(1){
width: 47.5%;
text-align: center;
}
#lunch-detail ul.pickup2 li:nth-child(2){
width: 47.5%;
margin-right: 0;
text-align: center;
}



#lunch-detail ul.pickup2a li{
width: 100%;
text-align: center;
overflow: hidden;
}
#lunch-detail ul.pickup2a li .img{
float: left;
width: 47.5%;
margin-right: 5%;
text-align: center;
}
#lunch-detail ul.pickup2a li .menu-text{
float: left;
width: 47.5%;
margin:0 0 0;
text-align: left;
}
#lunch-detail ul.pickup2a li .menu-text h4{
margin-bottom: 0;
text-align: left;
}





#lunch-detail .new-menu{
	margin-top: 1em;
	padding:2em 1em 1em;
	border: 1px solid #999;
}
#lunch-detail .new-menu h4{
	margin-bottom: 1em;
	text-align: center;
}
#lunch-detail .new-menu ul{
	padding-top: 0;
}

@media screen and (max-width: 991.98px) {
#lunch-detail ul.pickup li:nth-child(1),
#lunch-detail ul.pickup li:nth-child(2),
#lunch-detail ul.pickup li:nth-child(3),
#lunch-detail ul.pickup2 li:nth-child(1),
#lunch-detail ul.pickup2 li:nth-child(2),
#lunch-detail ul li{
width: 46%;
margin: 0 8% 2.5em 0;
text-align: left;
}
#lunch-detail ul li:nth-child(3n){
margin-right: 5%;
}
#lunch-detail ul li:nth-child(2n){
margin-right: 0 !important;
}
#lunch-detail ul li h4 .small{
font-size: .875em;
}
#lunch-detail .new-menu{
	padding:1.5em 0.5em 0em;
}
}
@media screen and (max-width: 640px) {
#lunch-detail ul.pickup li:nth-child(1),
#lunch-detail ul.pickup li:nth-child(2),
#lunch-detail ul.pickup li:nth-child(3),
#lunch-detail ul.pickup2 li:nth-child(1),
#lunch-detail ul.pickup2 li:nth-child(2),
#lunch-detail ul li{
float: none;
width: 100%;
margin: 0 0 2.5em 0 !important;
}
#lunch-detail ul.pickup2a li .img,
#lunch-detail ul.pickup2a li .menu-text{
float: none;
width: 100%;
margin: 0 0 0 0 !important;
}
#lunch-detail ul.pickup2a li .menu-text h4{
text-align: center;
}
}
@media screen and (max-width: 480px) {
#lunch-detail ul.pickup li:nth-child(1),
#lunch-detail ul.pickup li:nth-child(2),
#lunch-detail ul.pickup li:nth-child(3),
#lunch-detail ul li{
float: none;
width: 100%;
margin: 0 0 2.5em 0 !important;
}
}


/* ====== TOPPAGE SECTION ====== */

#lunch-detail-other{
clear: both;
overflow: hidden;
/*padding-top: 2em;
border-top: 1px solid #ccc;*/
}
#lunch-detail-other .detail{
clear: both;
overflow: hidden;
margin: 0 0 1em;
padding: 2.5em 0 0;
}
#lunch-detail-other .img{
float: left;
margin-right: 1.5em;
}
#lunch-detail-other .img img{
max-width: 294px;
}
#lunch-detail-other .text{
float: left;
color: var(--p-color);
font-size: var(--p-font-size);
font-weight: var(--font-weight-light);
}

#lunch-detail-other .img ul{
overflow: hidden;
margin: 0;
padding:0;
}
#lunch-detail-other .img ul li{
float: left;
margin: 0 2% 1em 0;
list-style: none;
}
#lunch-detail-other .img ul li:last-child{
margin-right: 0;
}
#lunch-detail-other .min50{
min-width: 40%;
}

@media screen and (min-width: 1200px) {
#lunch-detail-other #sashimi .img ul{
min-width: 540px;
}
#lunch-detail-other #sashimi .img ul li.tate img{
max-height: 220px;
}
}

#lunch-detail-other #teiban{
padding-bottom: 1em;
border-bottom:  1px solid #ccc;
}
#lunch-detail-other #teiban .img{
float: none;
width: 100%;
}
#lunch-detail-other #teiban .img ul{
display: flex;
}
#lunch-detail-other #teiban .img ul li{
float: none;
text-align: center;
line-height: 1.2;
}
#lunch-detail-other #teiban .img ul li img{
max-width: 100%;
margin-bottom: 0.2em;
}
#lunch-detail-other #teiban .img ul li img{
max-width: auto;
/*max-height: 242px;*/
}


#lunch-detail-other #teiban .text{
clear: both;
float: none;
width: 100%;
}
#lunch-detail-other #teiban .text ul{
padding:0.5em 0 0;
margin: 0;
max-width: 1000px;
}
#lunch-detail-other #teiban .text ul li{
/*float: left;*/
text-align: left;
margin: 0 2% 1em 0;
list-style: none;
}
#lunch-detail-other #teiban .text ul li:before{
content: "・";
}


@media screen and (max-width: 1400px) {
#lunch-detail-other .min50{
min-width: 47%;
}
#lunch-detail-other .text{
max-width: 750px;
}
}
@media screen and (max-width: 1200px) {
#lunch-detail-other{
margin-bottom: 2em;
}
#lunch-detail-other .min50{
min-width: 55%;
}
}
@media screen and (max-width: 991.98px) {
#lunch-detail-other .detail{
padding: 1.5em 0 0;
}
#lunch-detail-other .img{
float: left;
width: 46%;
margin: 0 1% 0 0;
}
#lunch-detail-other .img img{
}
#lunch-detail-other .text{
float: left;
width: 53%;
margin: 0 0 0 0;
}

#lunch-detail-other #teiban .img ul{
display: block;
}
#lunch-detail-other #teiban .img ul li{
float: left;
width: 46%;
margin: 0 8% 2.5em 0;
}
#lunch-detail-other #teiban .img ul li:nth-child(2n){
margin-right: 0;
}
#lunch-detail-other #teiban .img ul li img{
max-width: 100%;
}
#lunch-detail-other #teiban .text ul li{
/*float: left;
width: 46%;
margin: 0 8% 1em 0;*/
}
#lunch-detail-other #teiban .text ul li:nth-child(2n){
margin-right: 0;
}


}

@media screen and (max-width: 640px) {
#lunch-detail-other .img{
float: none;
margin:0;
width: 100%;
}
#lunch-detail-other .img img{
max-width: 100%;
max-height: 600px;
}
#lunch-detail-other .text{
float: none;
width: 100%;
margin:0;

}
#lunch-detail-other .img ul li{
float: none;
margin: 0 0 1em 0;
text-align: center;
}

#lunch-detail-other #teiban .img ul li{
float: none;
width: 100%;
margin: 0 0 1em 0;
}
#lunch-detail-other #teiban .img ul li img{
max-width: 100%;
max-height: 600px;
}

#lunch-detail-other #teiban .text ul li{
float: none;
width: 100%;
margin: 0 0 1em 0;
}

}





/* ====== TOPPAGE SECTION ====== */

#section_5{
clear: both;
margin: 0 0 0;
padding: 100px 0 0;
background: url("../img/section_4_body.jpg") repeat center center /auto 100%;
}

#section_5 .container{
background: #fff;
overflow: hidden;
}

@media screen and (max-width: 991.98px) {
  #section_5{
  margin: 0 0 0;
  padding: 3em 0 0;
  }
}


/* ====== TOPPAGE SECTION ====== */

#section_7{
clear: both;
margin: 0 0 0;
padding: 100px 0;
background: url("../img/section_4_body.jpg") repeat center center /auto 100%;
}

#section_7 .container{
background: #fff;
overflow: hidden;
}

@media screen and (max-width: 991.98px) {
  #section_7{
  margin: 0 0 0;
  padding: 3em 0;
  }
}


/* ====== TOPPAGE SECTION ====== */
#section_4{
}
#section_4 h2{
/*color: #fff;*/
}
#section_4 .container{
overflow: hidden;
position: relative;
}
#section_4 ul{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
#section_4 ul li{
overflow: hidden;
max-height: 180px;
position: relative;
list-style: none;
width: calc(20% - 20px);
margin: 0 10px 20px;

}
#section_4 ul li img{
max-width: 100%;
aspect-ratio: 4/3;
}


#lightboxModalFullscreen .modal-content{
background-color:rgba(0,0,0,0.6);
}
#lightboxModalFullscreen .modal-content img{
max-width: 88%;
max-height: 84%;
}


@media screen and (max-width: 991.98px) {
  #section_4 ul{
  }
  #section_4 ul li{
  width: calc(50% - 20px);
  margin: 0 10px 20px;
  }
}

@media screen and (max-width: 550px) {
  #section_4 ul li img{
  aspect-ratio: 4/3;
  }
}




/*---------------------------------------
  TICKET               
-----------------------------------------*/
.sightseeing-section {
 /* background-image: url("../img/kanko/main1.jpg");*/
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: relative;
  padding-top: 130px;
}

.sightseeing-section .container{
background: #fff;
overflow: hidden;
}

.sightseeing-section .text-detail{
  color: #000;
  font-size: 125%;
  font-weight: 700;
  line-height: 2;
  text-align: center;
  margin: 0 0 3em;
}


.kankou-detail{
clear: both;
margin: 0 0 100px;
padding: 0 0 100px;
border-bottom: 1px solid #ccc;
}
.kankou-last{
padding-bottom: 0 !important;
border-bottom: none;
}
.kankou-detail a{
color: #000;
}
.kankou-detail a:hover{
color: #EE5007;
}
.kankou-detail .img{
margin: 0 0 1.5em;
}
.kankou-detail .img img{
max-width: 100%;
}
.kankou-detail .img .teikyo{
text-align: right;
}

.kankou-detail .detail{
font-size: 112%;
}
.kankou-detail .text{
margin-top: 1.5em;
}

.addr-table{
width: 100%;
margin-top: 2em;
}
.addr-table th,
.addr-table td{
padding: 0.5em;
}
.addr-table th{
width: 8em;
vertical-align: top;
}
.addr-table td{
vertical-align: top;
}

.addr-table .link th{
visibility: hidden;
}

.addr-table .link a{
display: block;
padding: 1em;
max-width: 300px;
color: #000;
text-align: center;
border: 1px solid #666;
}


@media screen and (max-width: 991.98px) {
.sightseeing-section .text-detail{
  font-size: 100%;
  font-weight: 700;
  line-height: 2;
  text-align: left;
}
.kankou-detail{
margin: 0 0 2.5em;
padding: 0 0 3em;
}
.addr-table th{
width: 6em;
}
}

@media screen and (max-width: 480px) {
.sightseeing-section {
  padding-top: 50px;
}
.kankou-detail{
margin: 0 0 2em;
}
.kankou-detail .img .teikyo{
font-size: 87%;
}
.kankou-detail .detail{
font-size: 100%;
}
.addr-table th{
display: block;
padding: 0.5em 0.5em 0;
}
.addr-table td{
display: block;
padding: 0.5em 0.5em 0.8em;
}

}





/*---------------------------------------
          
-----------------------------------------*/






/* ====== TOPPAGE SECTION ====== */

.text-secondary{
overflow: hidden;
margin-bottom: 1.5em !important;
}

.float-md-left{
clear: both;
float: left;
}
.text-secondary dd{
float: left;
}



@media screen and (max-width: 991.98px) {
  .float-md-left{
  float: none;
  }
}

#sec5 .social{
clear: both;
}
#sec5 .social i.custom-icon{
font-size: 200%;
}
#sec5 .yoyaku a{
display: block;
color: #000;
}
#sec5 .ec-banner{
margin-top: 2rem;
}
#sec5 .ec-banner a{
display: block;
padding:1rem 1.5rem;
border: 1px solid #072741;
}
#sec5 .ec-banner a img{
width: 100%;
max-width: 380px;
}






/* ====== TOPPAGE SECTION ====== */

#sec1 .card:nth-of-type(2) {
  border-left: none;
  border-right: none;
}

.ttl-bdr {
  font-size: 3rem;
  line-height: 1.5;
  position: relative;
  margin-bottom: 50px;
}

.ttl-bdr::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 5px solid #000;
  width: 12%;
  margin: 0 auto -15px;
}

#sec3 {
  background-image: url("../img/bg-staff.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


#sec4 h2{
  text-align: center;
  margin-bottom: .5rem !important;
}

#sec4 .text-detail0{
  font-size: 125%;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}
#sec4 .text-detail{
  padding-bottom: 0.5em;
  font-size: 125%;
  font-weight: 700;
  line-height: 2;
  text-align: center;
/*border-bottom: 1px solid #ccc;*/
}
#sec4 .text-detail2{
  padding: 1em 0;
  color: var(--p-color);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-light);
border-top: 1px solid #ccc;
}

#sec4 .f-normal{
font-weight: normal;
display: inline-block;
line-height: 1.6;
margin-top: 0.5em;
}

@media screen and (max-width: 991.98px) {
  #sec4 .text-detail0,
  #sec4 .text-detail{
    font-size: 100%;
    font-weight: 700;
    line-height: 2;
  }
}


@media screen and (max-width: 480px) {
  #sec4 .text-detail0,
  #sec4 .text-detail,
  #sec4 .text-detail2{
    text-align: left;
  }
  #sec4 .f-normal{
  display: inline-block;
  text-align: left;
  }
}



#sec4 table {
  width: 100%;
  background-color: #CCC;
  font: 12px;
  color: #666;
  table-layout: fixed;
  border-collapse: collapse;
}

#sec4 table th,
#sec4 table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #fff;
}

#sec4 table th {
  background-color: #000;
  color: #fff;
}

#sec4 table td {
  width: 14.2%;
  color: #000;
}

/*#sec4 table td:nth-child(7n) {
  background-color: #5197E0;
  color: #fff;
}

#sec4 table td:nth-child(7n+1) {
  background-color: #FF8A8C;
  color: #fff;
}*/

  #sec4 table.pc{
  display:table;
  }
  #sec4 table th.pc{
  display:table-cell;
  }
  #sec4 table span.pc{
  display:inline;
  }
  #sec4 table.sp,#sec4 table th.sp,#sec4 table span.sp{
  display:none;
  }
  #sec4 table .lunch td .sp-td{
  display: none;
  }


@media screen and (max-width: 991.98px) {
  #sec4 table.pc,#sec4 table th.pc,#sec4 table span.pc{
  display:none;
  }
  #sec4 table.sp{
  display: table;
  border-collapse:collapse;
  border-spacing: 0;
  word-wrap: break-word;
  /*table-layout: auto;*/
  }
  #sec4 table .week th{
  }
  #sec4 table span.sp{
  display:inline;
  }
  #sec4 table .lunch th{
  width: 5em;
  padding: 10px 20px;
  white-space: nowrap;
  }
  #sec4 table td {
  width: 60%;
  }
  #sec4 table .lunch td{
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  }
  #sec4 table .lunch td .sp-td{
  display: block;
  width: 300px;
  }
}


/* ====== SNS ====== */
.social img {
  width: 36px;
  height: 36px;
}

/* ====== SNS ====== */

iframe {
  width: 100%;
  height: 500px;
}
@media screen and (max-width: 480px) {
  iframe {
    height: 300px;
  }
}
/* ====== FOOTER ====== */
.footer-logo {
  width: 100%;
}


footer h5{
font-size: 125%;
font-weight: normal;
}

footer .list-unstyled li{
border-bottom: none !important;
}


footer .py-3 h6{
color: #fff;
font-size: 100%;
font-weight: normal;
}


/* =============================================
メディアクエリ
============================================= */

/* 大デバイス（デスクトップ, 1200px 未満）
==============================================*/
@media screen and (max-width: 1199.98px) {
  .herounit h1 {
    margin-top: 10rem;
  }
}

/* END */
/* 中デバイス（タブレット, 992px 未満）
==============================================*/
@media screen and (max-width: 991.98px) {
  .container {
    max-width: 740px;
  }
}

/* END */
/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width: 767.98px) {
  h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
  }

  #sec3 {
    background-image: none;
  }

  header .navbar-brand {
    width: 70%;
  }

  header .navbar-brand .logo {
    width: 100%;
  }

  header .navbar-nav {
    border-top: 1px solid #fff;
  }

  .footer-logo {
    width: 100%;
  }

}

/* END */
/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575.98px) {
  .display-3 {
    line-height: 0.8em;
  }

  .display-4 {
    font-size: 2rem;
    line-height: 1.2;
  }
  
}

/* END */