@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&text=0123456789');


/***********************
        COMMON
*************************/

/* *{
    border: 2px solid red;
} */

body {
  font-family: 'Zen Kaku Gothic New', "游ゴシック体", YuGothic, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN W6", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

}

body_inner {
  min-width: 740px;
}

:root {
  --ttl-font: "EB Garamond", serif;
  --selifja-font: "Zen Antique", serif;
  --sub-color: #ea6060;
  --bg-gradation: linear-gradient(135deg, var(--main-color) 0%, var(--sub-color) 100%) fixed;
}

.flex {
  display: flex;
}

.CB {
  clear: both;
}

*:focus {
  outline: none;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  text-decoration: none !important;
  word-wrap: break-word;
}

p a:link {
  color: #C1AD68;
  color: #b18700;


}

p a:visited {
  color: #C1AD68;
  color: #b18700;

}

p {
  font-size: 0.95em;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 1px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.pc1280 {
  display: block !important;
}

.sp1280 {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

.mb-50 {
  margin-bottom: 1.5%;
}

.w90 {
  width: 90%;
  padding: 2% 5%;
}



.Ttl_decoration {
  margin-top: 2%;
  margin-bottom: 3%;
  text-align: center;
  font-size: 3.8em;
  color: #716B30;
  letter-spacing: 0px;
  font-weight: ormal;
  font-family: var(--ttl-font);
  font-style: normal;
}

.Ttls_decoration {
  margin-top: 2%;
  margin-bottom: 2%;
  text-align: center;
  font-size: 1.8em;
  color: #001931;
  letter-spacing: 0px;
  font-weight: normal;
  font-family: var(--ttl-font);
  font-style: normal;
}

.font_hirakaku {
  font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN W6", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 95%;
}

/****************
        top-header
**************************/

.header_inner {
  display: flex;
  justify-content: space-between;
}

.header_inner.flex {}

.header_inner .h-logo {
  /* margin: 0% 2% 1% 1%; */
}

.header_inner a {}

.header_inner img {}

.header_inner .h-nav {
  /* width: 80%; */
  z-index: 10;
}

#nav-drawer {
  display: block;
  z-index: 100;
  position: -webkit-sticky;
  /* safari対応 */
  position: sticky;
  top: 0em;
  /* 上端から0em;のところで固定 */
  position: relative;
  height: 3em;
  background-color: none;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display: none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 56px;
  height: 46px;
  vertical-align: middle;
}

/*ハンバーガーアイコン*/
#nav-open span {
  z-index: 100;
  position: -webkit-sticky;
  /* safari対応 */
  position: sticky;
  top: 0em;
  /* 上端から0em;のところで固定 */
  right: 2em;
  position: absolute;
  display: block;
  margin: 10% 0% 0% 0%;
  width: 3em;
  padding-top: 4em;
  background-image: url("../images/icon_MENU.svg");
  background-size: 2.4em;
  background-position: top center;
  background-repeat: no-repeat
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;
  /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0px;
  /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: -0px;
  left: -105%;
  z-index: 9999;
  /*最前面に*/
  width: 70%;
  /*右側に隙間を作る（閉じるカバーを表示）*/
  height: 100%;
  background: #121C39;
  /*背景色*/
  transition: .3s ease-in-out;
  /*滑らかに表示*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked~#nav-close {
  display: block;
  /*カバーを表示*/
  opacity: .5;
  /*透過具合*/
}

#nav-input:checked~#nav-content {
  left: 0;
  box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}

/*★ドロアーメニューはここまで↑*/
/*追記*/
.menu {
  display: flex;
  justify-content: flex-end;
}

.f_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 6% 0 0 0;
}

/* .f_item:first-child{
    margin-right: auto;
    margin: 0 auto 0 1%;
} */

/*ここまで追記*/


li.nav_menu_icon {
  display: block;
  margin: 0;
  width: 4em;
  padding-top: 100%;
  background-image: url("../images/icon_MENU.svg");
  background-size: 4em;
  background-position: top center;
  background-repeat: no-repeat
}

li.nav_text {
  /* font-family: 'Josefin Sans', sans-serif; */
  font-size: 1.6em;
  margin: 1% 2% 0% 1%;
  line-height: 3.2;
  letter-spacing: 2px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  color: ;

}

li.nav_text a {
  text-decoration: none;
  color: #C1AD68;
  letter-spacing: 4px;
  vertical-align: middle;
}

/*hover effect*/
/*#nav-content ul li a:hover{
    letter-spacing: 5px;
}*/

#nav-content ul li a {
  display: inline-block;
}

#nav-content ul li a:hover {
  -webkit-animation: zoom .3s;
  animation: zoom .3s;
}

@-webkit-keyframes zoom {
  50% {
    -webkit-transform: scale(1.05);
  }
}

@keyframes zoom {
  50% {
    transform: scale(1.05);
  }
}

/*追記*/
.menu {
  width: 100%;
  display: flex;
  align-items: center;
}

.menu li.nav_text {
  font-family: 'Spectral', serif;
  font-size: 0.9em;
  margin: 1% 2% 0% 1%;
  line-height: 1.2;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.menu-topmenu-container {
  width: 100%;

}

/***********************
         MAIN
*************************/

/*header*/
header {
  background-color: #AFD8EB;
  padding: .4% 1% .4% 2%;

}

header .header_inner {
  justify-content: space-between;
  width: 100%;
  /* align-items:center; */
}

header .h-logo {
  width: 10vw;
}

header .h-logo img {
  width: 5.5vw;
}

header .flex a {
  /*margin-right: 3%;*/
}

header nav ul a li {
  display: block;

}

header .pc-nav img {}


/*end_menu_PC*/



/*main*/
.main {
  background-color: #0B7686;
  min-width: 760px;
  width: 100% !important;
  margin: 0% auto 0%;

}

.main .main-txt {
  font-family: "Zen Antique", serif;
  padding: 5% 13vw 8%;

}

.main .m-ttl {
  margin: 0 0 3% 0;
  font-size: calc(13px + 0.7vw);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1.8px;
  color: #DEDCC5;
}

.main .m-txt {
  line-height: 1.8;
  letter-spacing: 1.1px;
  font-size: calc(12px + 0.33vw);
  color: #DEDCC5;
  font-weight: 500;


}

/*WHATS NEW*/

.WhatsNewArea {
  background-color: #C7B077;
  min-width: 760px;
  width: 90%;
  margin: 0% auto 0%;
  padding: 3% 5%;
}

.WhatsNewArea .WhatsNew_inner {}

.WhatsNewArea .Ttl_outer {
  text-align: center;
  margin-bottom: 2%;

}

.WhatsNewArea .SmallTtl {
  width: 220px;
  margin: 2% auto 1%;
  padding-bottom: 0.5%;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  font-family: ;
  font-size: calc(1.2em + 0vw) !important;
  letter-spacing: 3px;
  text-align: center;
  color: #212222;

}

.WhatsNewArea .WN_contents {
  width: 70%;
  padding: 0% 15%;
  margin-bottom: 1.5%;

}

.WhatsNewArea .WN_contents .WN_Box {
  margin-bottom: 1%;

}

.WhatsNewArea .WN_Box .WN_date {
  font-family: 'Poppins', sans-serif;
  font-size: calc(0.8em + 0.1vw);
  letter-spacing: 1px;
  line-height: 1.4;
  color: #212222;
  !important;
}

.WhatsNewArea .WN_Box .WN_txt {
  margin: 0 0 0 5%;
  font-size: calc(0.9em + 0.1vw);
  letter-spacing: 1px;
  line-height: 1.4;
  color: #212222;
}

.WN_Box .WN_txt a:link,
.WN_Box .WN_txt a:visited {
  color: #212222;
}


.WN_Box .WN_txt a:hover {
  color: #212222;
  text-decoration: underline !important;
  transition: 0.7s;
}


.WN_Box .Txt a:link,
.WN_Box .Txt a:visited {
  color: #212222;
}

.WN_Box .Txt a:link,
.WN_Box .Txt a:visited {
  color: #212222;
}

/*============================
.BnrArea
============================*/
.BnrArea {
  padding-bottom: 10%;
}

.Bnr {
  width: 75%;
  text-align: center;
  margin: 0 auto;
}

/* .BnrArea .Bnr:hover{
  opacity: 0.6;
  transition : 0.7s;　
} */


.Movie {
  margin: 0 auto;
  padding-bottom: 8%;
  width: 45vw;
}



/*============================
#LineUp.LineUpArea
============================*/
.LineUpArea {
  min-width: 760px;
  width: 90%;
  margin: 0%;
  padding: 3% 5% 5% 5%;
  background-image: url(../images/BK/BK.jpg);
  background-size: cover;
}

.LineUpArea_bk {
  background-color: #383B40;
  color: #fff;
}

.LU_Ttl {
  text-align: center;
}

.LineUp_inner .Ttl {
  color: #10198E;
  font-size: 4.5em;
}

.LU_date {
  margin-bottom: 1%;
  font-weight: bold;
  font-size: 3.2em;
  letter-spacing: 2px;
  font-family: 'Sofia Sans Condensed', sans-serif;
  font-style: italic;
  color: #10198E;
}

.LU_date .day {
  font-size: 0.75em;
}

.LU_place {
  margin-bottom: 1%;
  font-weight: bold;
  font-size: 1.8em;
  letter-spacing: 2px;
  color: #10198E;
}

.LU_time {
  margin-bottom: 2%;
  font-weight: bold;
  font-size: 2.5em;
  letter-spacing: 2px;
  font-family: 'Sofia Sans Condensed', sans-serif;
  color: #2158A4;
}

.LUcontents_inner {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.ArtistBox {
  width: 36%;
  margin: 0.5%;
}

.ArtistBox .Photo_box .Name {
  margin: 2% 0 2%;
  color: #fff;
  color: #2158A4;
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 2px;

}

.ArtistBox_pt1 {
  margin: 5% 0 1%;
}

.ArtistBox_pt1 .SubTtl {
  margin: 2% 0 1%;
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 2px;
  font-family: var(--ttl-font);

}

/*============================
#TourSchedule
============================*/

.TourScheduleArea {
  background-color: #f5f5f5;
  min-width: 760px;
  margin: 0% auto 0%;
  padding: 8% 0% 10%;
  /*  background: url( "../images/bk_item1.png" ), url( "../images/bk_item2.png" ) ;
    background-size: 35%,30%;
    background-position: left 0% top 0%,right 0% bottom 0%;
    background-repeat: no-repeat, no-repeat; */
}

.TourSchedule_bk {
  background-color: #f5f5f5;
  color: #716B30;
}


.TourScheduleArea .TourSchedule_inner {
  min-width: 760px;
  width: 76%;
  margin: 0 auto;
}

.TourScheduleArea .TourSche_Ttl {}

.TourScheduleArea .Ttl_decoration {
  /* font-size: 2.8em; */
}

.TourSche_Ttl .SmallTtl {
  margin: 2% auto 1%;
  padding-bottom: 0.5%;
  text-align: center;
  font-weight: 500;
  font-family: var(--selifja-font);
  font-size: calc(1.6em + 0vw);
  letter-spacing: 2px;
  text-align: center;
}

.TourSche_Ttl .SmallTtl span {
  font-size: 80% !important;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}


table tr:last-child {
  border-bottom: solid 1px #ddd;
}

table th {
  text-align: center;
  vertical-align: middle;
  padding: 15px 2px;
  border-right: solid 1px #ddd;
  border-left: solid 1px #ddd;
}

table th:nth-child(1) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

.my-asuka-club table th:nth-child(1) {
  background-color: #7F1C13;
  color: white;
  font-size: 12px;
}

table th:nth-child(2) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table th:nth-child(3) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table th:nth-child(4) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table th:nth-child(5) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table th:nth-child(6) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

.my-asuka-club table th:nth-child(6) {
  background-color: #7F1C13;
  color: white;
  font-size: 12px;
}

table th:nth-child(7) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

.my-asuka-club table th:nth-child(7) {
  background-color: #7F1C13;
  color: white;
  font-size: 12px;
}

table th:nth-child(8) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}


table th:nth-child(9) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

.my-asuka-club table th:nth-child(9) {
  background-color: #7F1C13;
  color: white;
  font-size: 12px;
}

table th:nth-child(10) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table th:nth-child(11) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table th:nth-child(12) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table th:nth-child(13) {
  background-color: #0B7686;
  color: white;
  font-size: 12px;
}

table td {
  text-align: center;
  vertical-align: middle;
  padding: 7px 0;
  border-right: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  width: 25%;
}

/* Price table: keep numeric cells on Hiragino on all breakpoints */
.PriceArea table td {
  font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN W6", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

table tr .bgc_gray: {
  background-color: #ccc !important;
}

.bgc_gray {
  background-color: #ccc !important;
}

table td a {
  background-color: #25b327;
  color: white;
  padding: 5px 20px;
  border-radius: 30px;
  font-weight: bold;
}

.text-success {
  color: #5cb85c !important;
}

.text-danger {
  color: #d9534f !important;
}

.text-small {
  font-size: 90%;
}

.sche_link {
  margin-top: 2%;
  color: #0B7686;
  text-align: right;
  text-decoration: underline;
}

.sche_link a,
.sche_link a:visited {
  color: #0B7686;
}


ruby rt {
  font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  letter-spacing: 0px;
}

.PriceArea .note {
  margin: 4% auto 2%;
  width: 80%;
  font-size: 0.95em;
  line-height: 1.5;
  font-weight: 100;
  letter-spacing: 0.5px;
  color: #0B7686;
}

.PriceArea .note .Ttl {
  margin: 4% auto 2%;
  font-size: 1.2em;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

.PriceArea .note img {
  width: 100%;
  max-width: 80%;
  margin-top: 5px;
  box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.05);
}

.sample_note {
  display: block;
  margin-top: 10px;
  font-size: 0.9em;
  color: #333;
}


.NoteArea a:link,
.NoteArea a:visited {
  color: #716B30;

}


/*============================
#modal1
============================*/
#modal1 {}

.Modal_inner {
  color: #716B30;
}

.Info1 {
  margin: 0% 0 3%;
  text-align: center;
}

.Info1 .date {
  font-size: 1.4rem;
  letter-spacing: 2px;
  line-height: 1.2;
  font-family: var(--ttl-font);
  font-weight: 600;
}

.Info1 .venue {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
}

.venue .txt_Midium {
  font-weight: 800;
  font-size: 1.3rem;
}

.Info1 .showtime {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.2;
}

.Info2 {
  margin: 0 auto;
  width: 60%;
  min-width: 700px;
}

.Info2_box {
  text-align: left;
  align-items: center;
  margin-top: 2.5%;
}

.Info2_box .h5 {
  flex-basis: 220px;
  font-weight: 800;
  line-height: 1.3;
}

.Info2_box .Txt {
  margin-left: 3%;
  text-align: left;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1px;
  font-size: 1.2em;
}

.Info2_box .Txt .txt_Large {
  font-weight: 800;
  font-size: 1.6em;
}

.Info2_box .Txt .txt_Midium {
  font-weight: 800;
  font-size: 1.3em;
}

.Info2_box .Txt .txt_small {
  font-weight: 500;
  font-size: 80%;
  letter-spacing: 2px;

}

.Info2_box .Txt a:link,
.Info2_box .Txt a:visited {
  color: #1b1b1b;
  text-decoration: underline;

}

.Info3 .note {
  margin-bottom: 5%;
  font-size: 0.85em;
  text-align: center;
}

.ReserveArea {}

.Rbtn_box .note {
  text-align: center;
}

.Rtxt {}

.btn-square-soft {}



/*============================
#modal
============================*/



/***********************
        Figure CSS Effect************************************/

.ArtistBox_pt1 figure {
  position: relative;
  overflow: hidden;
  /*width: 24.5vw;*/


}

.ArtistBox_pt1 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #49156280;
  background: #ba7b0890;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.ArtistBox_pt1 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.ArtistBox_pt1 figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.ArtistBox_pt1 figcaption h3,
.ArtistBox_pt1 figcaption p {
  position: absolute;
  left: -100%;
  width: 260px;
  -webkit-transition: .3s;
  transition: .3s;
}

.ArtistBox_pt1 figure h4 {
  color: #EDE7D3;
  font-size: 2vw;
  letter-spacing: 1px;
  font-family: var(--ttl-font);
  font-weight: 100;
  /* font-style: italic; */
  position: absolute;
  left: 4%;
  bottom: 12%;
  z-index: 10 !important;
}

.ArtistBox_pt1 figure h5 {
  color: #EDE7D3;
  font-size: 1vw;
  letter-spacing: 2px;
  font-family: var(--ttl-font);
  font-weight: 100;
  /* font-style: italic; */
  position: absolute;
  left: 4%;
  bottom: 4%;
  z-index: 10 !important;
}

.ArtistBox_pt1 figcaption h3 {
  top: 70px;
}

.ArtistBox_pt1 figcaption p {
  font-size: 0.8em;
  letter-spacing: 1px;
  font-weight: bold;
  color: #C1AD68;
  top: 130px;
}

.ArtistBox_pt1 figure:hover figcaption {
  opacity: 1;
}

.ArtistBox_pt1 figure:hover figcaption h3,
.ArtistBox_pt1 figure:hover figcaption p {
  left: 10px;
}

.ArtistBox_pt1 figure:hover figcaption h3 {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.ArtistBox_pt1 figure:hover figcaption p {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/***********************
          Figure CSS EffectEND************************************/


/***********************
        Modal CSS Effect************************************/
.modaal-container {
  max-width: 1220px !important;
}

.CourseDisc03 .modaal-content-container {
  background-color: #EDE7D3;
}

.Dinner-photos .modaal-container {
  max-width: 90%;
  background-color: #EDE7D3;
  color: #A68D4F;
}

.DPhoto_box .Modal_inner2 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.alfredbox figure {
  width: 16vw;
}

.Modal_inner2 .ModalImg {
  width: 48%;
  margin: 2.5% 2% 0 0;
  padding: 2%
}

.Modal_inner2 img {
  width: 100%;

}

.Modal_inner2 .ModalTxt {
  margin: 4% 2% 2% 2%;
  width: 38%;
}

.Modal_inner2 .ModalTxtBox {
  margin: 4% 0 2% 2%;
  width: 80%;
}

.Modal_inner2 .MCat {
  margin: 8% 0 1% 0;
  font-family: var(--ttl-font);
  color: #990000;
  font-size: calc(16px + 0.6vw);
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: bold;
}

.Modal_inner2 span {
  font-size: calc(14px + 0.65vw);
  line-height: 1.5;
  letter-spacing: 2px;
  color: #333;
}

.Modal_inner2 .MTtl {
  margin: 4% 0 2% 0;
  font-size: calc(40px + 0.2vw);
  line-height: 1.6;
  letter-spacing: 0px;
  color: #0B7686;
  font-weight: bold;
  font-family: var(--ttl-font);
}

.Modal_inner2 .MTtl span {
  font-family: var(--ttl-font);
  font-size: calc(16px + 0.1vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #0B7686;
}

.Modal_inner2 .MTxt {
  margin-top: 5%;
  line-height: 1.5;
  color: #0B7686;

}

.Modal_inner2 .ModalTxt .tag {
  font-family: var(--ttl-font);
  margin: 4% 0 2% 0%;
  align-items: center;
  flex-wrap: wrap;
  text-decoration: underline;
}

.Modal_inner2 .ModalTxt .tag a {
  color: #0B7686;

}

.Modal_inner2 .ModalTxt .tag div {
  margin: 0 1.5% 0 1.5%;
}

.Modal_inner2 .ModalTxt .tag .tagA {
  height: 20px;
  width: auto;
}

.Modal_inner2 .ModalTxt .tag .tagB {
  margin: 0 1.5% 0 2%;
  height: 25px;
  width: auto;
}

.Modal_inner2 .Upsell {
  margin: 4% 0 2% 0;
  font-family: 'Roboto Mono', monospace;
  font-size: calc(10px + 0.35vw);
  line-height: 1.6;
  letter-spacing: 2px;
  color: #d20c4c;
  font-weight: bold;

}

.Modal_inner2 p {
  font-size: calc(11px + 0.25vw);
  line-height: 1.6;
  letter-spacing: .5px;
  color: #0B7686;
}

/***********************
      Modal CSS EffectEND************************************/




/*============================
TicketArea 
============================*/
.TicketArea {
  /* padding-top:2%; */
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 3% 5%;
}

.TicketArea_bk {
  background-color: #490B06;
  color: #fff;
}

.Ticket_inner {
  min-width: 760px;
  width: 70%;
  margin: 0 auto;

}

.Tcket_Ttl {
  margin: 5% 0 3%;
}

.Tcket_Ttl .VenueImg img {
  width: 52%;

}

.Tcket_Ttl .VenueImg2 img {
  width: 50%;

}

.Tcket_Ttl .VenueImg3 img {
  width: 48%;

}

.Ttl_decoration {}

.TicketContents {
  margin-bottom: 10%;
}

.TicketContents_inner {}

.TicketBox {}

.TicketBox .SubHead {
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
  background-color: #FF3D00;
  color: #490B06;
  font-weight: bold;
  font-size: 1.3em;
  letter-spacing: 2px;
}

.TicketBox .Txt_adress {
  text-align: center;
  /* color:#fff; */
}

.TicketBox .sub_Txt {
  text-align: center;
  /* color:#fff; */
}

.Peried_box {
  margin-top: 3%;
  margin-bottom: 3%;
  align-items: center;
  justify-content: center;
}

.Peried_box .badge {
  border: 1px solid #fff;
  padding: 3px 15px;
  font-size: 0.9em;
  font-weight: 500;

}

.Peried_box .Txt {
  margin-left: 2%;
  font-size: 1.3em;
  letter-spacing: 2px;
  font-weight: bold;
}

.Price_box {
  text-align: center;
}

.Price_box .Price {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: bold;

}

.tax {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
}

.seat {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 600;
}

.Price_box .Ptxt {
  margin: 1% auto;
  font-size: 1em;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 1.8;
}


.ReserveArea {
  margin: 5% auto 1%;
}

.ReserveArea_inner {}

.Rbtn_box {
  padding: 1.5% 15% 1.5% 15%;
  align-items: center;
  justify-content: space-between;

}

.Rtxt {
  font-size: 1.2em;
  letter-spacing: 1px;
  font-weight: bold;
}

.Rbtn {}

.AreaMap {}

.AreaMap .Modal_inner2 {
  padding: 4% 15% !important;
  width: 70%;
}

.AreaMap .zaseki {
  margin: 5% auto;
  text-align: center !important;
}

.Mbtn {
  margin-top: 2%;
  margin-bottom: 4%;
  text-align: center;
}

.SubTxtArea {
  margin: 5% auto;
  text-align: center;

}

.SubTxtArea a {
  text-decoration: underline !important;
}

.NoteArea {
  margin: 5% auto;
}

.NoteArea a {
  text-decoration: underline !important;
}



/*============================
ArtistOne Area 
============================*/
.ArtistOne_Area {
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 3% 5%;
  background: url("../images/bk_item3.png");
  background-size: 50%;
  background-position: left 0% bottom 0%;
  background-repeat: no-repeat, no-repeat;
}

.ArtistOneArea_bk {
  background-color: #90A7AF;
  color: #716B30;
}

.ArtistOne_Area .ArtistOne_box {
  align-items: center;
  justify-content: center;
}

.ArtistOne_Area .AO_Info {
  flex-basis: 38%;
  padding: 0 0% 0 5%;
}

.ArtistOne_Area .Name {
  font-size: 7em;
  font-weight: normal;
  font-family: var(--ttl-font);
  font-style: normal;

}

.ArtistOne_Area .Name img {
  width: 100%;
}

.ArtistOne_Area .Name_ja {
  margin: 5% 0 3%;
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 1px;
}

.ArtistOne_Area .Txt {
  font-size: calc(0.9em + 0.1vw);
  letter-spacing: 1px;
  line-height: 1.5;

}

.ArtistOne_Area .AO_Photo {
  flex-basis: 38%;
  padding: 7% 7% 7% 4%;
  width: 80%;
}

.ArtistOne_Area .AO_Photo img {
  width: 100%;
}

.ArtistOne_Area .SNS_box {
  margin: 5% 0;
}

.ArtistOne_Area .SNS_icon {
  margin-right: 1%;
  height: 70%;
}

.ArtistOne_Area .SNS_icon img {
  width: 70%;
  height: 70%;
}

.ArtistOne_Area .ml {
  margin-right: 2.5%;
}

.AO2 {
  flex-direction: row-reverse;
}

.ArtistOne_Area .AO2 .AO_Photo {
  flex-basis: 38%;
  padding: 7% 4% 7% 7%;
  width: 80%;
}

.ArtistOne_Area .AO2 .AO_Info {
  flex-basis: 38%;
  padding: 0 5% 0 0%;
}

.ArtistOne_Area .tag {
  font-family: "Cormorant SC", serif;
  margin: 4% 0 2% 0%;
  padding-right: 4%;
  align-items: center;
  flex-wrap: wrap;
  text-decoration: underline;
  display: block;
}

.ArtistOne_Area .tag a {
  color: #716B30;
  font-weight: 700;
  text-decoration: underline;

}

/*============================
Artist_2col Area
============================*/
.Artist_2col_Area {
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 3% 5%;
  /* background: url( "../images/bk_item3.png" );
  background-size: 50%;
  background-position: left 0% bottom 0%;
  background-repeat: no-repeat, no-repeat;    */
}

.Artist_2col_Area .Artist_2col_inner {
  min-width: 760px;
  width: 85%;
  margin: 0 auto;
}

.Artist_2col_Area_bk {
  background-color: #0B7686;
  color: #DEDCC5;
}

.Artist_2col_Area .Ttl {
  margin: 6% 0 6%;
  color: #DEDCC5;
}

.Artist2colbox {
  margin-bottom: 1.5%;
  align-items: center;
}

.Artist2colbox .TxtBox {
  flex-basis: 55%;
  padding-right: 2%;
}

.Artist2colbox .TxtBox .Name {
  font-family: var(--ttl-font);
  margin-bottom: 1%;
  font-size: 2.5em;
  font-weight: 100;
}

.Artist2colbox .TxtBox .Name_ja {
  margin-bottom: 4%;
}

.Artist2colbox .TxtBox .disc {
  font-size: calc(0.9em);
  letter-spacing: 1px;
  line-height: 1.4;
  color: #fff;
}

.Artist2colbox .ImgBox {
  flex-basis: 45%;
}

.Artist2colbox .ImgBox img {
  width: 100%;
}

.Artist2colbox .tag {
  font-family: var(--ttl-font);
  margin: 4% 0 2% 0%;
  align-items: center;
  flex-wrap: wrap;
  text-decoration: underline;
}

.Artist2colbox .tag a {
  color: #ffffff;

}

.Artist2colbox .tag div {
  margin: 0 1.5% 0 1.5%;
}

.Artist2colbox .tag .tagA {
  height: 20px;
  width: auto;
}

.Artist2colbox .tag .tagB {
  margin: 0 1.5% 0 2%;
  height: 25px;
  width: auto;
}


.sub_Artist {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 4%;
}

.Artist3colbox {
  width: calc((100% - 4%) / 2);
  margin-bottom: 1.5%;
  align-items: flex-start;
}

.Artist3colbox .TxtBox {
  width: 100%;
  padding-right: 0;
}

.Artist3colbox .ArtistHead {
  display: flex;
  align-items: center;
  gap: 5%;
  margin-bottom: 4%;
}

.Artist3colbox .TxtBox .Name {
  font-family: var(--ttl-font);
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 100;
  line-height: 1.2;
}

.Artist3colbox .TxtBox .Name span {
  display: block;
  margin-top: 0.25em;
  font-family: 'Zen Kaku Gothic New', "游ゴシック体", YuGothic, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN W6", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 55%;
  letter-spacing: 1px;
}

.Artist3colbox .TxtBox .Name_ja {
  margin-bottom: 4%;
}

.Artist3colbox .TxtBox .disc {
  font-size: calc(0.9em);
  letter-spacing: 1px;
  line-height: 1.4;
  color: #fff;
}

.Artist3colbox .ImgBox {
  flex: 0 0 42%;
  max-width: 42%;
}

.Artist3colbox .ImgBox img {
  width: 100%;
  display: block;
}


.Artist1col_contents {
  border-bottom: 0.5px solid #DEDCC5;
  padding: 2%;
  padding-bottom: 8%;

}

.Artist1col_contents .Ttl,
.Artist2coltxt_contents .Ttl {
  font-family: var(--selifja-font);
  margin-bottom: 2%;
  font-size: 1.3em;
  line-height: 1.3;
  letter-spacing: 2px;
  font-weight: 100;
}

.Artist1col_contents .Txt,
.Artist2coltxt_contents .Txt {
  font-size: calc(0.9em);
  letter-spacing: 1px;
  line-height: 1.4;
  color: #fff;
}

.Artist2coltxt_contents {
  margin-top: 4%;
  margin-bottom: 6%;
  justify-content: space-around;
}

.Artist2coltxt_contents .colBox {
  width: 43%;
}

.Artist2coltxt_contents .Img {
  margin: 3% 1%;
}

/*============================
 Movie
============================*/


.MovieArea {
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 2% 5% 5%;
}

.MovieArea_bk {
  background-color: #716B30;
  color: #EEE6DA;
}

.MovieContents {
  margin-top: 0%;
  margin: 0 8%;
}

.MovieArea .Ttl {
  margin: 6% 0 6%;
  color: #716B30;
}

.MovieArea .Txt {
  width: 80%;
  text-align: left;
}

.MovieArea .Movie_inner .Movie_box {
  margin: 0.5%;
}

.MovieArea .Movie_box a {}

.MovieArea .Movie_box img {
  width: 100%;
}

/*============================
　PRICE
============================*/


.PriceArea {
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 7% 5% 5%;
}

.PriceArea_bk {
  background-color: #BAA5A6;
}

.PriceArea .Ttl {
  font-family: var(--selifja-font);
  margin-bottom: 2%;
  font-size: 1.6em;
  line-height: 1.3;
  letter-spacing: 1.5px;
  font-weight: 100;
}

.PriceArea .Price_inner {
  min-width: 760px;
  width: 85%;
  margin: 0 auto;
}


.NoteArea {
  margin: 5% auto;
  text-align: center;
}

.Rbtn_box {
  /* border: 1px solid #fff; */
  padding: 2.5% 6% 2.5% 6%;
  align-items: center;
}

.Rbtn {
  text-align: center;
}



/*============================
RelatedConsert Area 
============================*/
.RelatedConcertArea {
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 3% 5%;
  background-image: url(../images/BK/BK_1.jpg);
  background-size: cover;
}

.RelatedConcertArea_bk {
  background-color: #F8E8D1;

}

.RelatedConcert_inner {
  width: 100%;
  margin: 0 auto;
}

.RelatedConcertArea .Ttl {
  margin: 2% 0 5%;
  color: #C9BC9B;

}

.ShowContents {
  margin: 5% 10%;
}

.ShowContents_inner {
  justify-content: space-around;
  justify-content: space-around;
  align-content: flex-start;
  align-content: center;
}

/* .ShowContents_inner::after {
  display: block;
  content:"";
  width: 32%;
  } */

.ShowBox {
  margin-top: 2%;
  width: 52%;
  background-color: #fff;
}

.ShowBox .TxtBox {
  margin: 2% 4% 4%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.ShowBox .TxtBox .catch {
  margin: 4% 4%;
  line-height: 1.4;
  /* flex-grow: 1; */
}

.ShowBox .TxtBox .Rbtn {
  text-align: center;
}



/*============================
Premium Ticket Area 
============================*/
.PremiumTicketArea {
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 3% 5%;
}

.PremiumTicketArea_bk {
  background-color: #EEE6DA;
  color: #030337;
}

.PremiumTicketArea_inner {
  margin: 0 auto;
  width: 80%;
}

.PremiumTicketArea .PT_Ttl {}

.PremiumTicketArea .Ttl.Ttl_decoration {}

.PremiumTicketArea .PTContents {
  margin: 5% 0 0;
}

.PremiumTicketArea .PTInfo_box {
  flex-basis: 50%;
  align-items: center;
}

.PremiumTicketArea .PT_TxtArea {
  flex-basis: 55%;
  padding: 0 2% 0 3%;

}

.PremiumTicketArea .PT_TxtArea .Ttl {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 1.3;
}

.PremiumTicketArea .Txt {
  margin-top: 5%;
  font-size: 0.95em;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 1px;
}

.PremiumTicketArea .PT_Img {
  flex-basis: 45%;
}

.PremiumTicketArea .PT_Img img {
  width: 100%;
}

.PremiumTicketArea .noteArea {}


/*============================
MUSIC Area 
============================*/
.MusicArea {
  padding-bottom: 2%;
  min-width: 760px;
  width: 90%;
  padding: 2% 5% 8%;
  background: url("../images/bk_item4.png");
  background-size: 70%;
  background-position: right 0% bottom 0%;
  background-repeat: no-repeat, no-repeat;

}

.MusicArea_bk {
  background-color: #C7B077;
  color: #716B30;
}

.MusicArea .Ttl {
  margin: 6% 0 6%;
  color: #716B30;
}


.Music_inner {}

.Music_Ttl {}

.Ttl .Ttl_decoration {}

.Playlist {
  width: 98%;
  margin: 0 auto;
  justify-content: space-between;
}

.PlaylistBox {
  width: 48%;
  text-align: center;

}

.PlaylistBox iframe {
  height: 352px;

}


/*============================
#Goods.GoodsArea
============================*/
.GoodsArea {
  min-width: 760px;
  width: 90%;
  margin: 0%;
  padding: 3% 5% 5% 5%;
}

.GoodsArea_bk {
  background-color: #383B40;
}

.Goods_inner {}

.Goods_Ttl {}

.Ttl.Ttl_decoration {}

.GoodsContents {}

.GoodsContents_inner {
  margin: 5% auto;
  flex-wrap: wrap;
  justify-content: center;
  width: 70%;
}

.Goods_box {
  width: 30%;
  margin: 0.5%;
}

.btn-lineGold-soft.modal {}

.Img {}

/*============================
 Goods_Modal
============================*/

.Goods_modal {
  padding: 5% 10%;
  align-items: center;

}

.GImg {
  flex-basis: 40%;
}

.GImg img {
  margin: 0 1%;
  width: 100%;

}

.GTxt {
  flex-basis: 50%;
  margin: 2%;

}

.ItemName {
  margin: 2% 0%;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.ItemPrice {
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.ItemDisc {
  margin-top: 3%;
  color: #fff;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.5;
}


/*============================
   Access
============================*/
.AccessArea {
  min-width: 760px;
  width: 90%;
  margin: 0%;
  padding: 3% 5% 5% 5%;

}

.Access_bk {
  background-color: #14263E;
  color: #fff;
  background-image: url(../images/BK/BK.jpg);
  background-size: cover;
}

.Access_inner {}

.AccessArea .Ttl_decoration {}

.Access_Ttl .Ttl_decoration {}

.Access_inner .Ttl {
  color: #10198E;
}

.Txt_place {
  font-weight: bold;
  font-size: 1.5em;
  margin: 3% auto;
  text-align: center;
  letter-spacing: 2px;
  color: #10198E;
}

.ATxtArea .Txt_adress {
  text-align: center;
  color: #10198E;
}

.ATxtArea .sub_Txt {
  margin: 3% auto;
  text-align: center;
  color: #1A469F;
}

.MapArea {
  margin: 5% 10%;
}

/*============================
   Footer
============================*/
footer {
  min-width: 760px;
  width: 90%;
  margin: 0%;
  padding: 5% 5% 1% 5%;
}

.Footer_bk {
  background-color: #0B7686;
  color: #FFFFFF;
}

.footer_inner .JFS_Logo {
  margin: 1% auto 4%;
  width: 220px;
}

.Fcontents_1 {}

.BackToTop {
  text-align: center;
}

.support {
  margin: 3% auto;
  text-align: center;
  font-size: 0.8em;
  letter-spacing: 0px;
  line-height: 1.5;
}

.Fcontents2 {}

.copy {
  margin-top: 20px;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-align: center;
}




/***********************
        BTN CSS Effect************************************/

/*GOLD*/

.btn-square-soft {
  display: inline-block;
  font-family: var(--selifja-font);
  position: relative;
  text-decoration: none;
  color: #2a2a2c;
  font-size: 1.2em;
  width: 50vw;
  height: auto;
  line-height: 50px;
  letter-spacing: 1px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#B89F5F 0%, #a28c54 100%);
  background: linear-gradient(#B89F5F 0%, #a28c54 100%);
  background: linear-gradient(#B89F5F 0%, #a28c54 100%);

  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.btn-square-soft:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  /*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#967B1E 0%, #895B1B 100%);
  /*グラデーションを明るく*/
}

/*Gray*/
.btn-square-soft-gray:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
}

.btn-square-soft-gray:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #737373;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}

.btn-square-soft-gray {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  width: 320px;
  height: auto;
  line-height: 50px;
  letter-spacing: 1px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#737373 0%, #737373 100%);
  background: linear-gradient(#737373 0%, #737373 100%);
  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  pointer-events: none;
}

.btn-square-soft-gray:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  /*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#737373 0%, #737373 100%);
  /*グラデーションを明るく*/
}

/*Gold*/
.btn-square-soft:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
}

.btn-square-soft:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #A08A61;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}

/*line-Gold*/

.btn-lineGold-soft {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #C1AD68;
  width: 320px;
  height: auto;
  line-height: 50px;
  letter-spacing: 2px;
  border: 1.5px solid #C1AD68;
  border-radius: 50px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.btn-slineGold-soft:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  /*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  /*グラデーションを明るく*/
}

/***********************
        BTN CSS Effect END  ************************************/



/***********************
       COMMON
*************************/
@media (max-width: 848px) {

  .main {
    min-width: auto;
    width: 100% !important;
    margin: 0% auto 0%;

  }

  .main .main-txt {
    padding: 5% 4% 8%;

  }

  .Movie {
    width: 80%;
  }

  .WhatsNewArea {
    /* background-color: #14263E; */
    min-width: auto;
    width: 96%;
    margin: 0% auto 0%;
    padding: 3% 2%;
  }

  .LineUpArea {
    min-width: auto;
    width: 96%;
    margin: 0%;
    padding: 3% 2% 5% 2%;
  }

  .ArtistBox {
    width: 40%;
  }

  .Modal_inner .ArtistInfo1 {
    flex-direction: column;
  }

  .Modal_inner .ArtistInfo2 {
    flex-direction: column;
  }

  .Modal_inner .ArtistInfo2 .Disco {
    margin-top: 3%;
  }

  .TicketArea {
    padding-bottom: 2%;
    min-width: auto;
    width: 96%;
    padding: 3% 2%;
  }

  .Ticket_inner {
    min-width: auto;
    width: 90%;
    margin: 0 auto;

  }

  .TourScheduleArea {
    min-width: auto;
    margin: 0% auto 0%;
    padding: 7% 0% 15%;
  }

  .TourScheduleArea .TourSchedule_inner {
    min-width: auto;
    width: 90%;
    margin: 3% auto;
  }

  .TourScheduleArea .TourList_inner {
    margin: 0 0%;
  }

  /* INFO */
  .Info2 {
    width: 80%;
    min-width: inherit;
  }

  .Info2_box {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;

  }

  .Info2_box .h5 {
    flex-basis: auto;
    font-weight: 600;
    line-height: 1.3;
  }

  .Price_box .Price {
    font-size: 1.4em;
  }

  .ArtistOne_Area {
    padding-bottom: 2%;
    min-width: auto;
    width: 96%;
    padding: 3% 2%;
  }

  .ArtistOne_Area .ArtistOne_box {
    flex-direction: column-reverse;
  }

  .ArtistOne_Area .AO_Info {
    flex-basis: auto;
    padding: 2% 5% 0 5%;
    width: 90%;
  }

  .ArtistOne_Area .AO2 .AO_Info {
    padding: 0 3% 0 3%;
  }

  .Artist_2col_Area {
    padding-bottom: 2%;
    min-width: auto;
    width: 96%;
    padding: 3% 2%;
  }

  .Artist_2col_Area .Artist_2col_inner {
    padding-bottom: 2%;
    min-width: auto;
    width: 96%;
    margin: 0 auto;
  }

  .MovieArea {
    padding-bottom: 2%;
    min-width: auto;
    width: 96%;
    padding: 3% 2%;
  }

  /* RelatedConcert */
  .RelatedConcertArea {
    padding-bottom: 2%;
    min-width: auto;
    width: 90%;
    padding: 8% 5%;

  }

  .RelatedConcertArea_bk {
    color: #030337;
  }

  .RelatedConcert_inner {
    width: 100%;
    margin: 0 auto;
  }

  .ShowArea {
    min-width: initial;
    width: 90%;
  }

  .ShowArea .date {
    font-size: 2rem;
  }

  .ShowContents_inner .ShowBox {
    width: 80%;
  }

  .BnrArea .Bnr {
    margin: 0 auto;
    width: 86vw;
  }

  .PriceArea {
    padding-bottom: 2%;
    min-width: auto;
    width: 96%;
    padding: 3% 2%;
  }

  .PriceArea .Price_inner {
    min-width: auto;
    width: 96%;
    padding: 3% 2%;
    margin: 0 auto;
  }

  /* PremiumTicket */
  .PremiumTicketArea {
    padding-bottom: 2%;
    min-width: auto;
    width: 96%;
    padding: 3% 2%;
  }

  .PremiumTicketArea_inner {
    margin: 0 auto;
    width: 94%;
  }

  .PremiumTicketArea .PT_TxtArea {
    margin-top: 5%;
  }

  .PremiumTicketArea .PTInfo_box {
    flex-direction: column-reverse;
  }



  .GoodsArea {
    min-width: auto;
    width: 96%;
    margin: 0%;
    padding: 3% 2% 5% 2%;
  }

  .GoodsContents_inner {
    width: 90%;
  }

  .Goods_modal {
    flex-direction: column;
  }

  /*============================
MUSIC Area 
============================*/
  .MusicArea {
    padding-bottom: 2%;
    min-width: auto;
    width: 90%;
    padding: 2% 5% 5%;

  }

  .MusicArea .Ttl {
    margin: 6% 0 6%;
  }

  .Music_inner {}

  .Music_Ttl {}

  .Ttl .Ttl_decoration {}

  .Playlist {
    width: 98%;
    margin: 0 auto;
    justify-content: space-between;
    flex-direction: column;
  }

  .PlaylistBox {
    width: 100%;
    margin-bottom: 2%;
  }


  .AccessArea {
    min-width: auto;
    width: 96%;
    margin: 0%;
    padding: 3% 2% 5% 2%;
  }

  footer {
    min-width: auto;
    width: 96%;
    margin: 0%;
    padding: 8% 2% 1% 2%;
  }
}

@media screen and (max-width: 676px) {
  .Ttl_decoration {
    font-size: 2em;
  }

  .Ttls_decoration {
    font-size: 1.4em;
  }

  .WhatsNewArea .WN_contents {
    width: 80%;
    padding: 0% 10%;
    margin-bottom: 1.5%;
  }

  /* TourSchedule */
  .TourScheduleArea {
    background-size: 56%, 82%;
  }

  .TourScheduleArea .Venue_box {
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    padding: 5% 2%;
    border-bottom: 1px solid #fff;
  }

  .TourScheduleArea .Ttl_decoration {
    /* font-size: 1.8em; */
  }

  .TourScheduleArea .Ttl_Img {
    width: 86%;
    margin: 6% auto 10%;
  }

  .TourScheduleArea .date {
    margin-bottom: 2%;
    font-size: 1.2rem;
    letter-spacing: .5px;
    line-height: 1.2;
  }

  .TourScheduleArea .venue {
    margin-bottom: 1%;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.2;
  }

  .TourScheduleArea .place {
    flex-basis: 35%;
    margin-left: 1%;
    width: 100%;
  }

  .TourScheduleArea .pref {
    margin-top: 1%;
    margin-left: 1%;
    margin-bottom: 3%;
  }

  .Info2_box .Txt .txt_Large {
    font-weight: 800;
    font-size: 1.1em;
  }

  .Info2_box .Txt .txt_Midium {
    font-weight: 800;
    font-size: 1em;
  }

  .TourScheduleArea .Rbtn {
    text-align: center;
    width: 320px;
    margin: 0 auto;
    align-items: baseline;
  }

  .Rbtn_box {
    flex-direction: column;
    padding: 2.5% 6% 2.5% 6%;
    align-items: center;
    justify-content: space-between;
  }

  /*Btn*/
  .btn-square-soft {
    line-height: 1.3em;
    padding: 2% 0;
  }

  .Info2_box .Txt {
    letter-spacing: 0px;
  }

  .Info2_box .Txt .txt_small {
    letter-spacing: 0px;
  }

  .Info3 .note {
    text-align: left;
  }

  .ShowContents {
    margin: 5% 4%;
  }

  .Rtxt {
    margin-bottom: 2%;
    font-size: 0.9em;
    letter-spacing: 1px;
    font-weight: bold;
  }

  .ArtistOne_Area {
    background-size: 90%;
  }

  .BackToTop img {
    width: 30px;
  }
}

@media screen and (max-width: 480px) {

  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

  .Ttl_decoration {
    margin-top: 7%;
    margin-bottom: 6%;
  }

  .WhatsNewArea .WN_contents {
    width: 90%;
    padding: 0% 5%;
    margin-bottom: 1.5%;

  }

  .WhatsNewArea .WN_contents .WN_Box {
    flex-direction: column;

  }

  .main .m-ttl {
    font-size: 1.3em;
    letter-spacing: 0px;
  }

  .main .m-txt {
    font-size: 0.9em;
    letter-spacing: 0.5px;
  }

  .LineUp_inner .Ttl {
    color: #10198E;
    font-size: 2.8em;
  }

  .LU_date {
    margin-bottom: 2%;
    font-size: 1.8em;
    letter-spacing: 0px;
  }

  .LU_place {
    margin-bottom: 2%;
    font-size: 1.2em;
    letter-spacing: 2px;
  }

  .LU_time {
    margin-bottom: 2%;
    margin: 0.5%;
    font-size: 1.6em;
    letter-spacing: 1px;
  }

  .LUcontents_inner {
    margin-top: 5%;
  }

  .ArtistBox {
    width: 96%;
    margin: 2%;
  }

  .ArtistBox .Photo_box .Name {
    margin: 2% 0 2%;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: 2px;

  }

  /*****************
 Modal
 ****************/

  .modaal-inner-wrapper {
    padding: 20px 0px;
  }

  .Modal_inner {
    padding: 10% 0%;
  }

  .Modal_inner .ArtistInfo1 .TxtArea p {
    font-size: 12px;
  }

  .Modal_inner .ArtistInfo1 {
    padding-bottom: 7%;
  }

  .Modal_inner .ArtistInfo1 .TxtArea .Name {
    margin: 4% 0 4%;
    line-height: 1.5;
  }


  .modalTtl {
    margin: 4% 0 4%;
  }

  .Modal_inner .ArtistInfo2 {
    padding-top: 5%;
  }

  .Modal_inner .ArtistInfo2 .Disco {
    margin-top: 5%;
  }

  .Modal_inner .ArtistInfo2 .DiscoArea {
    flex-direction: column;

  }

  .Modal_inner .ArtistInfo2 .DiscoArea .DiscBox {
    width: 96%;
    margin-bottom: 3%;
  }

  .Modal_inner .ArtistInfo2 .DiscoArea .DiscBox .Img {
    flex-basis: 30%;
  }

  /*****************
 Modal end
 ****************/

  /***********************
        Modal CSS Effect************************************/
  .modaal-container {
    max-width: 100%;
  }

  .modaal-content-container {
    padding: 5% !important;
  }

  .Modal_inner2 {
    display: flex;
    flex-direction: column;
  }

  .Modal_inner2 .ModalImg {
    width: 100%;
    margin: 0 0% 0 0;
    padding: 0%
  }

  .Modal_inner2 img {
    width: 100%;

  }

  .Modal_inner2 .MTtl {
    font-size: calc(35px + 0.2vw);
  }

  .Modal_inner2 .ModalTxt {
    margin: 4% 0 2% 2%;
    width: 96%;
  }

  .Modal_inner2 .ModalTxt .tag {
    margin: 6% 0 2% 0%;
    align-items: center;
    flex-wrap: wrap;
  }

  .Modal_inner2 .ModalTxt {
    margin: 4% 0 2% 2%;
    width: 96%;
  }

  .Modal_inner2 .ModalTxt p {
    font-size: 14px;
  }

  .Modal_inner2 .ModalTxt .tag div {
    margin: 0 1.5% 0 1.5%;
  }

  .Modal_inner2 .ModalTxt .tag .tagA {
    height: 20px;
    width: auto;
  }

  .Modal_inner2 .ModalTxt .tag .tagB {
    margin: 0 1.5% 0 2%;
    height: 25px;
    width: auto;
  }

  /***********************
      Modal CSS Effect END************************************/

  .Peried_box {
    flex-direction: column;
    line-height: 1.5;
    margin-top: 5%;
    margin-bottom: 5%;
    align-items: baseline;
  }

  .TicketBox .SubHead {
    font-size: 1.1em;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
  }

  .Tcket_Ttl .VenueImg img {
    width: 88%;
  }

  .Tcket_Ttl .VenueImg2 img {
    width: 80%;
  }

  .Tcket_Ttl .VenueImg3 img {
    width: 80%;
  }

  .TicketBox .Txt_adress {
    text-align: left;
  }

  .TicketBox .sub_Txt {
    text-align: left;
  }

  .ShowContents_inner .btn-square-soft-gray {
    width: 280px;
  }

  .ShowContents_inner .btn-square-soft {
    width: 280px;
  }

  .Peried_box .Txt {
    margin-left: 0%;
    font-size: 18px;
    letter-spacing: 0px;
  }

  .Price_box {
    text-align: left;
  }

  .Price_box .Price {
    font-size: 1.5em;
    line-height: 1.2;
    letter-spacing: 0px;
  }

  .Rbtn_box {
    padding: 3% 6% 3% 6%;
  }

  .Rbtn_box .note {
    text-align: left;
  }

  .SubTxtArea p {
    text-align: left;

  }

  .NoteArea {
    font-size: 12px;
    margin: 8% auto;
  }

  .seat {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
  }

  /*****************
  Tour Schedule
 ****************/
  /* INFO */
  .Info1 {
    margin: 0% 2% 10% 2%;
    text-align: left;
  }

  .Info1 .date {
    font-size: 1.3rem;
    letter-spacing: 1px;
  }

  .Info1 .showtime {
    font-size: 1.1rem;
  }

  .Info1 .venue {
    font-size: 1.4rem;
    letter-spacing: 1px;
  }

  .Info2 {
    width: 100%;
  }

  .Info2_box .Txt {
    letter-spacing: 0px;
  }

  /*Btn*/
  .btn-square-soft {
    width: 100%;
  }

  .TourSche_Ttl .SmallTtl {
    margin: 0% auto 5%;
    padding-bottom: 0.5%;
    text-align: center;
    font-weight: 500;
    font-family: var(--selifja-font);
    font-size: calc(1.3em + 0vw);
    line-height: 1.2;
  }

  .sc_table table th:nth-child(2) {
    background-color: #0B7686;
    color: white;
    font-size: 12px;
    width: 150px;
  }

  /*****************
  RelatedConcert
 ****************/
  .ShowContents_inner .ShowBox {
    width: 100%;
  }

  .ShowContents_inner .btn-square-soft,
  .Modal_inner .btn-square-soft {
    width: 280px;
  }

  .ShowContents_inner .btn-square-soft-gray,
  .Modal_inner .btn-square-soft-gray {
    width: 280px;
  }

  .Peried_box .Txt {
    margin-left: 0%;
    font-size: 16px;
    letter-spacing: 0px;
  }

  .NoteArea {
    margin: 5% auto;
    text-align: left;
  }

  /*****************
 ArtistOne_Area
 ****************/

  .ArtistOne_Area .Name {
    font-size: 4em;
  }

  .ArtistOne_Area .AO_Photo {
    flex-basis: 38%;
    padding: 0% 2% 0% 2%;
    width: 92%;
  }

  .ArtistOne_Area .AO2 .AO_Photo {
    flex-basis: 38%;
    padding: 0% 2% 0% 2%;
    width: 92%;
  }

  .ArtistOne_Area .Txt {
    font-size: calc(0.9em + 0vw);
    letter-spacing: 0.5px;
    line-height: 1.5;
  }

  .ArtistOne_Area .Name_ja {
    margin: 5% 0 3%;
    font-size: 1.2em;
  }

  .ArtistOne_Area .sp_column {
    flex-direction: column;
  }


  /*============================
 Artist2col
============================*/

  .Artist_2col_Area .Ttl_decoration {
    margin: 10% 0 12%;
  }

  .Artist2colbox {
    margin-bottom: 1.5%;
    align-items: center;
    flex-direction: column-reverse;
  }

  .Artist2colbox .ImgBox {
    width: 100%;
  }

  .Artist2colbox .TxtBox .Name {
    margin-top: 3%;
  }

  .Artist2coltxt_contents {
    flex-direction: column;
  }

  .Artist2coltxt_contents .colBox {
    width: 98%;
    margin: 0 auto;
  }

  .ArtistBox_pt1 {
    margin: 5% 0 13%;
  }

  .ArtistBox_pt1 .SubTtl {
    margin-top: 10%;
  }

  .alfredbox figure {
    width: 100%;
  }

  .sub_Artist {
    align-items: stretch;
    flex-direction: column;
    row-gap: 0;
  }

  .Artist3colbox {
    width: 100%;
    margin-bottom: 0;
    align-items: flex-start;
    flex-direction: column;
    box-sizing: border-box;
  }

  .sub_Artist .Artist3colbox+.Artist3colbox {
    margin-top: 8%;
  }

  .Artist3colbox .TxtBox {
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .Artist3colbox .ArtistHead {
    display: flex;
    align-items: center;
    gap: 4.5%;
    margin-bottom: 5%;
  }

  .Artist3colbox .ImgBox {
    width: 42%;
    max-width: 170px;
    margin: 0;
  }

  .Artist3colbox .TxtBox .Name {
    margin-top: 0;
    min-width: 0;
    line-height: 1.15;
    font-size: 1.95em !important;
  }

  .Artist3colbox .TxtBox .Name span {
    margin-top: 0.25em;
    font-size: 54%;
    line-height: 1.35;
  }

  .Artist3colbox .TxtBox .disc {
    margin-top: 1%;
    line-height: 1.5;
    letter-spacing: 0.3px;
    font-size: 1.02em;
  }

  .member2 .Dinner-photos {
    flex-wrap: wrap !important;


  }

  .member2 .Dinner-photos div {
    width: 46vw;
  }

  .ArtistBox_pt1 figure h4 {
    font-size: 22px;
  }

  .ArtistBox_pt1 figure h5 {
    font-size: 12px;
  }

  .ArtistBox_pt1 figcaption p {
    display: none;
  }

  /*============================
  PriceArea
============================*/

  .PriceArea table th {
    width: 80px;
  }

  .PriceArea table th.is-disabled {
    background-color: #bfbfbf !important;
  }

  .PriceArea table td {
    padding: 20px 0;
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN W6", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
  }

  .PriceArea table td.is-disabled {
    background-color: #dcdcdc;
  }

  .PriceArea table td.room-type {
    font-weight: 700;
  }

  .PriceArea .note {
    margin: 10% auto 2%;
    width: 96%;
    letter-spacing: 0.5px;
  }

  .Price_Ttl .Ttl span {
    font-size: 18px;
  }

  .PriceArea .note img {
    max-width: 100%;
  }  

  /*============================
 Movie_PT2
============================*/

  .MovieArea .Movie_inner {
    margin: 0 0%;
    padding: 6% 0 8%;
  }

  .MovieArea_bk {}

  .MovieContents_pt2 {
    margin-top: 0%;
    margin: 0 0%;
    flex-direction: column;
  }

  .MovieArea .Ttl {
    margin: 2% 0 7%;
    text-align: center;
    letter-spacing: 1px;
  }

  .MovieArea .Txt {
    width: 80%;
    margin: 3% auto 0;
    font-size: calc(12px + 0.2em);
    line-height: 1.6;
    letter-spacing: 2px;
    text-align: left;
  }

  .MovieArea .Movie_inner .Movie_box_pt2 {
    display: flex;
    width: 92%;
    margin: 0.5% auto 2%;
    flex-wrap: wrap;
  }

  .MovieArea .Movie_box_pt2 a {}

  iframe {
    width: 100%;
    /* 任意の横幅を指定 */
    height: auto;
    aspect-ratio: 16/9;
  }



  .Goods_box {
    width: 48%;
    margin: 1%;
    margin-bottom: 5%;
  }

  .GoodsContents_inner {
    justify-content: flex-start;
  }

  .AccessArea .ATxtArea {
    margin: 8% 3%;
  }

  .AccessArea .Txt_adress {
    margin: 2% auto;
    text-align: left;
  }

  .AccessArea .sub_Txt {
    margin: 3% auto;
    text-align: left;
    font-size: 14px;
  }

  .MapArea {
    margin: 5% 3%;
  }

  .support {
    margin: 6% auto 6%;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.5;
  }

  footer {
    padding: 8% 2% 8% 2%;
  }

  .footer_inner .JFS_Logo {
    margin: 4% auto 6%;
    width: 160px;
  }

}