@charset "UTF-8";
/* pc <--> sp
-------------------------------------- */
#mediaQuery { display: none; font-family: 'sp'; }

@media all and (min-width: 768px) { #mediaQuery { font-family: 'pc'; } }

@media all and (max-width: 767px) { .viewPc { display: none !important; } }

@media all and (min-width: 768px) { .viewSp { display: none !important; } }

/* clearfix
-------------------------------------- */
.cf:after { content: ''; display: block; clear: both; }

/*  module
================================================ */
.mod_color_pink { color: #f53c7f; }

/*  #container
================================================ */
#container { font-size: 12px; line-height: 1.5; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; overflow: hidden; }

#container img { width: 100%; max-width: 100%; height: auto; }

#container .alpha { display: block; text-decoration: none; }

@media all and (min-width: 768px) { #container { font-size: 14px; }
  #container img { width: auto; }
  #container .alpha { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #container .alpha:hover { background:#feebf2; } }

/* #mainVisual
================================================ */
#mainVisual { position: relative; background: url(../img/bg_mv01-sp.jpg) no-repeat; background-size: cover; }

#mainVisual .inner { padding: 80px 15px 25px; }

#mainVisual .areaCopy { text-align: center; }

#mainVisual .areaDetail { position: relative; max-width: 320px; margin: 30px auto 0; }

#mainVisual .areaDetail .btnDetail { position: absolute; bottom: 14px; right: 5%; width: 50%; margin: auto; }

#mainVisual .areaDetail .btnDetail a { display: block; }

#mainVisual .img { text-align: center; }

#mainVisual img { max-width: 100%; width: auto; }

@media all and (min-width: 768px) { #mainVisual { background: url(../img/bg_mv01-pc.jpg) no-repeat; background-size: cover; }
  #mainVisual .inner { position: relative; max-width: 1000px; height: 550px; margin: 0 auto; padding: 200px 0px 50px; }
  #mainVisual .areaCopy { position: absolute; top: 220px; left: 10px; width: 40%; max-width: 400px; }
  #mainVisual .areaDetail { position: absolute; top: 200px; right: 10px; margin: 0px; max-width: 400px; width: 50%; margin-top: 0; }
  #mainVisual .areaDetail .btnDetail { bottom: 17px; right: 60px; width: 145px; } }

/*  #lNavi
================================================ */
#lNavi .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 87%; margin: 25px auto 0; }

#lNavi .item { border-right: 1px solid #ececec; width: 33.333%; }

#lNavi .item a { position: relative; box-sizing: border-box; width: 100%; padding: 50px 10px 0; text-align: center; }

#lNavi .item a span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 45px; font-size: 14px; font-weight: 700; color: #000; }

#lNavi .item a span:before { content: ''; position: absolute; top: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

#lNavi .item:nth-child(1) { border-left: 1px solid #ececec; }

#lNavi .item:nth-child(1) a span:before { width: 22px; height: 35px; background: url(../img/ico_lnavi01.png) no-repeat; background-size: contain; }

#lNavi .item:nth-child(2) a span:before { width: 43px; height: 36px; background: url(../img/ico_lnavi02.png) no-repeat; background-size: contain; }

#lNavi .item:nth-child(3) a span:before { width: 17px; height: 33px; background: url(../img/ico_lnavi03.png) no-repeat; background-size: contain; }

@media all and (min-width: 768px) { #lNavi .list { width: 670px; margin: 40px auto 0; }
  #lNavi .item { width: auto; border: none; }
  #lNavi .item + .item { margin-left: 50px; }
  #lNavi .item a { padding: 10px; }
  #lNavi .item a span { height: 55px; font-size: 16px; }
  #lNavi .item a span:before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  #lNavi .item:nth-child(1) { border-left: none; }
  #lNavi .item:nth-child(1) a span { padding-left: 50px; }
  #lNavi .item:nth-child(2) a span { padding-left: 50px; }
  #lNavi .item:nth-child(3) a span { padding-left: 30px; } }

/*  #intro
================================================ */
#intro .inner { padding: 55px 15px; }

#intro .leadTxt { text-align: center; font-size: 14px; line-height: 1.5; font-weight: 600; }

#intro .img { margin-top: 30px; }

#intro .bnr { margin-top: 40px; border: 1px solid #f7f7f7; border-radius: 5px; box-shadow: 0px 1px 2px rgba(71, 71, 74, 0.2); }

#intro .bnr a { padding: 20px 30px; }

#intro .bnr a .logo { width: 47%; margin: 0 auto; }

#intro .bnr a .txt { padding-top: 10px; text-align: center; color: #f53c7f; text-decoration: underline; }

@media all and (min-width: 768px) { #intro .inner { padding: 60px 15px 70px; }
  #intro .leadTxt { font-size: 16px; line-height: 1.88; }
  #intro .img { margin-top: 40px; text-align: center; }
  #intro .bnr { width: 700px; margin: 40px auto 0; border-radius: 7px; box-shadow: 0px 1px 5px rgba(71, 71, 74, 0.2); }
  #intro .bnr a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 45px; }
  #intro .bnr a .logo { width: 140px; margin: 0; }
  #intro .bnr a .txt { width: 445px; padding-top: 0; text-align: left; font-size: 16px; line-height: 1.88; }
  #intro .bnr a:hover { text-decoration: none; }
  #intro .bnr a:hover .txt { text-decoration: none; } }

/*  #seatList
================================================ */
#seatList { background: #f5f5f5; }

#seatList .inner { padding: 55px 18px 35px; }

#seatList .item {  }

#seatList .item + .item { margin-top: 15px; }

#seatList .item > a {  box-shadow: 0px 1px 2px rgba(71, 71, 74, 0.2); background: #fff;padding-bottom:5px;}

#seatList .item .areaImg { position: relative; }

#seatList .item .areaImg .type { position: absolute; top: 0; left: 20px; width: 18%; }

#seatList .item .content { padding: 15px 20px 25px; }

#seatList .item .subImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; }

#seatList .item .subImg .img { width: calc( 33.333% - 10px); margin: 0 5px; }

#seatList .item .tit { margin-top: 15px; text-align: center; font-size: 18px; font-weight: 700; }

#seatList .item .copy { margin-top: 10px; font-size: 14px; font-weight: 700; color: #000; }

#seatList .item .txt { margin-top: 10px; color: #000; }

@media all and (min-width: 768px) { #seatList .inner { padding: 80px 15px 50px; margin: 0 auto; max-width: 1100px; }
  #seatList .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; }
  #seatList .item { width: calc(33.333% - 40px); margin: 0 20px; }
  #seatList .item > a{box-shadow: 0px 1px 5px rgba(71, 71, 74, 0.2); border-radius: 7px;padding-bottom:20px;}
  #seatList .item + .item { margin-top: 0; }
  #seatList .item:nth-child(n+4) { margin-top: 60px; }
  #seatList .item > a:hover { text-decoration: none; }
  #seatList .item .areaImg .type { left: 20px; width: 90px; }
  #seatList .item .content { padding: 20px 20px 20px; border-radius: 0 0 7px 7px;min-height: 330px; }
  #seatList .item .tit { margin-top: 25px; font-size: 20px; }
  #seatList .item .copy { margin-top: 10px; font-size: 16px; } }

/*  #pickup
================================================ */
#pickup { background: #f5f5f5; }

#pickup .inner { padding: 40px 18px 65px; }

#pickup .tit { text-align: center; }

#pickup .tit img { width: 128px; }

#pickup .tit span { display: block; margin-top: 10px; font-size: 12px; font-weight: 600; }

#pickup .list { margin-top: 15px; padding: 26px 18px 36px; background: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(4, 0, 1, 0.1); }

#pickup .list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 19px 0 16px; border-bottom: 1px dotted #dddbdb; }

#pickup .list .img { width: 76px; padding-right: 15px; }

#pickup .list .areaTxt { width: calc(100% - 76px); line-height: 1.42; }

#pickup .list .titTxt { font-size: 14px; }

#pickup .list .titTxt a { color: #f53c7f; text-decoration: underline; }

#pickup .list .txt { margin-top: 8px; color: #666; }

@media all and (min-width: 768px) { #pickup .inner { max-width: 890px; margin: auto; padding: 50px 15px 80px; }
  #pickup .tit { padding-left: 14px; text-align: left; }
  #pickup .tit img { display: inline-block; width: 169px; }
  #pickup .tit span { position: relative; top: 10px; display: inline-block; margin-top: 0; padding-left: 50px; font-size: 18px; }
  #pickup .list { padding: 30px 52px 50px; border-radius: 7px; }
  #pickup .list .item { padding: 15px 0 15px; }
  #pickup .list .img { width: 160px; padding-top: 0; padding-right: 50px; }
  #pickup .list .areaTxt { width: calc(100% - 160px); line-height: 1.73; }
  #pickup .list .titTxt { font-size: 15px; line-height: 2; }
  #pickup .list .titTxt a:hover { text-decoration: none; }
  #pickup .list .txt { margin-top: 0; font-size: 14px; } }

/* 詳細ボタン追加*/
.btn_area {
  position: relative;
  background: #F53C7F;
  padding: 10px 5px;
  border-radius: 4px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
	margin:0 auto 0;
	width: 90%;
}
.btn_area::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: translate(0, -50%);
  top: 50%;
  right: 5px;
}
a.alpha:hover .btn_area{
  background: #fdd7e5;
  color: #f53d7e;
}

.btn_area::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: translate(0, -50%);
  top: 50%;
  right: 5px;
}

@media screen and (max-width: 767px){
  .btn_area {
    padding: 5px;
    margin: 10px auto 10px;
    font-size: 12px;
  }
  #seatList .btn_area::after { right: 10px;}
}

.btn-specification span{
	padding: 10px;
	text-align: right;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	display: block;
}
#container .img-wt{
	text-align: center;
	padding: 20px;
}
#container .img-wt img{
	width: 80%;
	
}

/*レビュー設置用スタイル*/
.review-star-box{
  text-align: center;
}
.review-summary-container.review-star-box .starRating span:last-child{
  margin-right: 0;
}
#seatList .item a.tooltipGotoRating{
  display:block;
}
.ukomistarRatingSummarySection.tootip_show .ukomi_stars_rating_tooltip{
  transition: visibility 0s, linear 0s, opacity 1s;
}