@charset "UTF-8";
/* CSS Document */

.venue-title{ margin: 0 0 10px 0;}
.venue-place{ margin: 0 0 30px 0; font-family: "M PLUS 1p"; font-weight: 500; font-size: 1.4rem; line-height: 1.2;}
.venue-menu{ display: flex;flex-wrap: wrap;}
.venue-menu__item{ margin: 0 20px 10px 0;}
.venue-menu__item:last-child{ margin: 0 0 10px 0;}
.venue-menu__item a{ padding: 0 0 0 20px; font-family: "M PLUS 1p"; font-weight: 500; font-size: 1.4rem; text-decoration: none; position: relative;}
.venue-menu__item a::before{ display: inline-block; content: ""; width: 13px; height: 13px; border: 1px solid #000; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.venue-menu__item a::after{ display: inline-block; content: ""; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; position: absolute; left: 5px; top: calc(50% - 1px); transform: translateY(-50%) rotate(135deg);}
@media screen and (min-width: 681px){
  .venue-title{ margin: 0 0 30px 0;}
  .venue-title img{ height: 120px;}
  .venue-place{ margin: 0 0 50px 0; font-size: 1.6rem;}
  .venue-menu__item{ margin: 0 40px 0 0;}
  .venue-menu__item:last-child{ margin: 0;}
  .venue-menu__item a{ font-size: 1.6rem;}
}

.venue-img{ display: block; width: 60%; margin: 0 auto 20px auto;}
.venue-table{ display: flex; flex-wrap: wrap; margin: 0 0 10px 0; border-top: 1px solid rgba(0,0,0,.3); font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; font-size: 1.4rem; color: #000; line-height: 1.4;}
.venue-table__title{ padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.3);}
.dt80 .venue-table__title{ width: 80px;}
.dt140 .venue-table__title{ width: 140px;}
.venue-table__text{ padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.3);}
.dt80 .venue-table__text{ width: calc(100% - 80px);}
.dt140 .venue-table__text{ width: calc(100% - 140px);}
@media screen and (min-width: 681px){
  .venue-img{ margin: 0 auto 40px auto;}
  .venue-table{ margin: 0 0 20px 0;}
  .venue-table__title{ padding: 15px 0;}
  .dt80 .venue-table__title{ width: 120px;}
  .dt140 .venue-table__title{ width: 160px;}
  .venue-table__text{ padding: 15px 0;}
  .dt80 .venue-table__text{ width: calc(100% - 120px);}
  .dt140 .venue-table__text{ width: calc(100% - 160px);}

}

.venue-ticket{ padding: 20px 10px; border: 1px solid #000; text-align: center; font-family: "M PLUS 1p"; font-weight: 400; font-size: 1.3rem; line-height: 1.2;}
.venue-ticket.on{ font-size: 1.4rem;}
.venue-subtitle{ margin: 30px 0 15px 0; font-family: "M PLUS 1p"; font-weight: 500; font-size: 1.3rem; line-height: 1.2;}
.venue-ticket__list{ display: flex; flex-wrap: wrap;}
.venue-ticket__list-item{ width: calc(33% - 20px); margin: 0 30px 15px 0;}
.venue-ticket__list-item:nth-child(3n){ margin: 0 0 15px 0;}
@media screen and (min-width: 681px){
  .venue-ticket{ padding: 30px 20px; border: 2px solid #000;}
}

/*.googlemap{ width: 100%; height: 300px; position: relative; overflow: hidden;}*/
/*.googlemap iframe{ width: calc(100% + 150px); height: 450px; position: absolute; left: -150px; top: -150px;}*/
.googlemap{ width: 100%; height: 300px; margin: 20px 0;}
.googlemap iframe{ width: 100%; height: 300px;}
.googlemap-btn{ display: block; width: 100%; height: 36px; padding: 10px 0 0 0; background: #000; font-family: "M PLUS 1p"; font-weight: 700; font-size: 1.4rem; color: #fff; text-align: center; text-decoration: none; border-radius: 18px;}
@media screen and (min-width: 681px){
  .googlemap{ height: 400px; margin: 30px 0;}
  .googlemap iframe{ height: 400px;}
}

.venue-footmenu__item{ margin: 0 0 1px 0;}
.venue-footmenu__item a{ display: block; padding: 20px 20px; background: #000; position: relative;}
.venue-footmenu__item a img{ height: 50px;}
.venue-footmenu__item a::before{ content: ""; width: 28px; height: 28px; border: 1px solid #fff; border-radius: 50%; position: absolute; right: 18px; top: 50%; transform: translateY(-50%);}
.venue-footmenu__item a::after{ content: ""; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; right: 30px; top: 50%; transform: translateY(-50%) rotate(45deg);}
.venue-footmenu.fukuoka .venue-footmenu__item.fukuoka{ display: none;}
.venue-footmenu.tokyo .venue-footmenu__item.tokyo{ display: none;}
.venue-footmenu.nagoya .venue-footmenu__item.nagoya{ display: none;}
.venue-footmenu.osaka .venue-footmenu__item.osaka{ display: none;}
.venue-footmenu.osaka2 .venue-footmenu__item.osaka2{ display: none;}
@media screen and (min-width: 681px){
  .venue-footmenu__item a{ padding: 30px 45px;}
  .venue-footmenu__item a img{ height: 60px;}
}


.venue__youtube{ width: 100%; margin: 0 0 30px 0; padding-top: 56.25%; position: relative;}
.venue__youtube iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

@media screen and (min-width: 681px){
  .venue__youtube{ margin: 0 0 60px 0;}
}