@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=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=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/***********************
        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;

}

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

body_inner{
        min-width: 740px;
}

.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: #EEE6DA;
  letter-spacing: 0px;
  font-weight: 600;
  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: 600;
  font-family: var(--ttl-font);
  font-style: normal;
}

/****************
        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: #ED2656;
    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: #FFF5E8;
    min-width: 760px;
    width: 100% !important;
    margin: 0% auto 0%;
   
}

.main .main-txt {
    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: #56154D;
}

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


}

/*WHATS NEW*/

.WhatsNewArea {
    background-color: #EB9E92;
    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: 600;
    font-family: ;
    font-size:  calc(1.2em + 0vw) !important;
    letter-spacing: 3px;
    text-align: center;
    color: #56154D;
    
}

.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: #56154D;!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: #56154D;
}

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

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


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

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

/*============================
.BnrArea
============================*/
.BnrArea{
  padding-bottom: 10%;
}
.Bnr{
  width: 75%;
  text-align: center;
  margin: 0 auto;
}
.BnrArea .Bnr:hover{
  opacity: 0.6;
  transition : 0.7s;　
}



 
/*============================
#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;

}


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

.TourScheduleArea {
  background-color: #4b2045;
  min-width: 760px;
  margin: 0% auto 0%;
  padding: 10% 0% 17%;
  background-image: url(../images/BK2.png); 
  background-size: 300%;
  background-blend-mode :overlay;
}

.TourSchedule_bk{
  background-color: #4b2045 ;
  color: #fff;
}
.TourScheduleArea .TourSchedule_inner{
  min-width: 760px;
  width: 76%;
  margin: 0  auto;
}
.TourScheduleArea .TourSche_Ttl{
}
.TourScheduleArea .Ttl_decoration{
  font-size: 2.8em;
  color: #fff;
}
.TourScheduleArea .Ttl_Img{
  width: 45%;
  margin: 4% auto 3%;
}
.TourScheduleArea .TourList{
}
.TourScheduleArea .TourList_inner{
  margin: 0 8%;
}

.TourScheduleArea .VenueInfo{
  margin: 0 auto;
  flex-direction: column;
}
.TourScheduleArea .Venue_box{
  justify-content:space-between;
  align-items: center;
  padding: 3% 2%;
  border-bottom: 1px solid #fff;
}
.TourScheduleArea .badge_soldout{
  margin-left: 2%;
  background-color: #fff;
  padding: 0.5% 3.5% 0.9%;
  font-size: 0.75em;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: #5A1651;
}
.Modal_inner .badge_soldout{
  margin-top: 2%;
  background-color: #fff;
  padding: 0.2% 3% 0.5%;
  font-size: 0.7em;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: #5A1651;
}
.TourScheduleArea .place{
  flex-basis: 35%;
}
.TourScheduleArea .date{
  font-size: 1.4rem;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 400;
  font-family: var(--ttl-font);
}
.TourScheduleArea .venue{
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.6;
}
.TourScheduleArea .venue .small{
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.2;
}
.TourScheduleArea .pref{
  padding: .6% 1.5%;
  border: 0.5px solid #fff;
  font-family: 'Gabarito', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 0.8rem;
}
ruby rt{
  font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  letter-spacing: 0px;
}

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

.NoteArea a:link,.NoteArea a:visited{
  color: #fff;

}


/*============================
#modal1
============================*/
#modal1{
}
.Modal_inner{
  color: #1B1B1B;
}
.Info1{
  margin: 0% 0 3%;
  text-align: center;
}
.Info1 .date{
  font-size: 1.4rem;
  letter-spacing: 0px;
  line-height: 1.2;
  font-weight: 600;
  font-family: var(--ttl-font);
}
.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;
}
.venue .txt_Small {
  margin-top: 1%;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
}
.Info1 .showtime{
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.2;
}
.Info2{
  margin: 0 auto;
  width: 80%;
  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{
  flex-basis: 66%;
  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.05em;
}
.Info2_box .Txt .txt_small {
  font-weight: 500;
  font-size: 80%;
  letter-spacing: 2px;
  display: block;

}
.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.flex{
}
.Rtxt{
}
.btn-square-soft{
}



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



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

        .ArtistBox figure {
            position: relative;
            overflow: hidden;
            /*width: 24.5vw;*/
            
  
          }
          .ArtistBox figcaption {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.6);
            -webkit-transition: .3s;
            transition: .3s;
            opacity: 0;
          }
          .ArtistBox figure img {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
          }
          .ArtistBox figure:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
          .ArtistBox figcaption h3,
          .ArtistBox figcaption p {
            position: absolute;
            left: -100%;
            width: 260px;
            -webkit-transition: .3s;
            transition: .3s;
          }
          .ArtistBox figure h4 {
              position: absolute;
              width: 40px;
              bottom: 10px;
              right:10px;
              opacity: 1 !important;
              z-index: 5;
            }
            .ArtistBox figcaption h3 {
            top: 70px;
          }
          .ArtistBox figcaption p {
            font-size: 1.3em;
            letter-spacing: 3px;
            font-weight: bold;
            color: #C1AD68;
            top: 130px;
          }
          .ArtistBox figure:hover figcaption {
            opacity: 1;
          }
          .ArtistBox figure:hover figcaption h3,
          .ArtistBox figure:hover figcaption p {
            left: 50px;
          }
          .ArtistBox figure:hover figcaption h3 {
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
          }
          .ArtistBox figure:hover figcaption p {
            -webkit-transition-delay: .3s;
            transition-delay: .3s;
          }
  
          /***********************
          Figure CSS EffectEND************************************/
  
          /***********************
          Modal CSS Effect************************************/

          /*common*/
          .modalTtl{
            margin: 2% 0 2%;
            color: #fff;
            font-weight: bold;
            font-size: 1.2em;
            letter-spacing: 2px;
          }
          /*common-end*/
          .modaal-container {
              max-width: 90%;
              background-color: #FFF5E8;
              color: #fff;
          }
          .modaal-content-container {
              padding: 14px;
          }
          .Modal_inner {
              padding: 4% 5%; 
              display: flex;
              flex-direction: column;
          }
          .Modal_inner .ArtistInfo1{
            padding-bottom: 3%;
            border-bottom: 1px solid #8f8f8f;
            align-items: center;
            justify-content: center;
          }

          .Modal_inner .ArtistInfo1 .Img{
            padding-right: 1%;
            flex-basis: 35%;
          }

          .Modal_inner .ArtistInfo1 .TxtArea{
            padding: 1%;
            flex-basis: 62%;
            
          }
          .Modal_inner .ArtistInfo1 .TxtArea p{ 
            font-size: 0.95em;
            /* letter-spacing: 1.5px; */
            line-height: 1.6em;
            
          }

          .Modal_inner .ArtistInfo1 .TxtArea .Name{
            margin: 2% 0 2%;
            color: #fff;
            font-weight: bold;
            font-size: 1.2em;
            letter-spacing: 2px;
            
          }

          .Modal_inner .ArtistInfo2{
            padding-top: 3%;
          }
          .Modal_inner .ArtistInfo2 .SNS{
            flex-basis: 48%;
            margin-right: 2%;
          }

          .Modal_inner .ArtistInfo2 .SNS .AName {
            margin-bottom: 0.5%;
            color: #fff;
            font-weight: bold;
            font-size: 0.8em;
            letter-spacing: 1px;
            
          }
          .Modal_inner .ArtistInfo2 .SNS .member{
            color: #fff;
            font-weight: bold;
            font-size: 0.8em;
            letter-spacing: 0;
            line-height: 1.5;
          }
          .Modal_inner .ArtistInfo2 .SNS .SNS_link{
            flex-wrap: wrap;
          }

          .Modal_inner .ArtistInfo2 .SNS .SNS_link a{
            color: #fff;
            font-weight: bold;
            font-size: 0.8em;
            letter-spacing: 1px;
          }
          .Modal_inner .ArtistInfo2 .SNS .link {
            margin-right: 20px;
          }

          .Modal_inner .ArtistInfo2 .Disco{
            flex-basis: 50%;
          }
          .Modal_inner .ArtistInfo2 .DiscoArea .DiscBox{
            width: 48%;
            align-items: center;
            
          }
          .Modal_inner .ArtistInfo2 .DiscoArea .DiscBox .Img{
            flex-basis: 38%;       
          }
          .Modal_inner .ArtistInfo2 .DiscoArea .DiscBox .Txt{
            padding-left: 2%;
            font-size: 0.8em;
            letter-spacing: 1.5px;
            line-height: 1.4em;   
          }


          .Modal_inner img {
              width: 100%;
          }

          .Modal_inner .ModalTxt {
              margin: 4% 0 2% 2%;
              width: 50%;
          }
  
  
          .Modal_inner p {
          font-size: calc(12.5px + 0.25vw);
          line-height: 1.5;
          letter-spacing: .5px;
          
          }

          /***********************
          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{

  border: 1px solid #797979;
  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%;   
}
.ArtistOneArea_bk{
  background-color: #EB9E92;
  color: #56154D;

  /* background-image: url(../images/BK2.png);  */
  background-size: 300%;
  background-blend-mode : overlay;
}

.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: 6.5em;
  font-weight: 600;
  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: ;
    margin: 4% 0 2% 0%;
    padding-right: 4%;
    align-items: center;
    flex-wrap:wrap;
    text-decoration: underline;
    display: block;
}
.ArtistOne_Area .tag a{
  color: #56154D;
  font-weight: 700;
  text-decoration: underline;

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


.MovieArea {
  padding-bottom:2%;
  min-width: 760px;
  width: 90%;
  padding: 2% 5% 5%;
  background-image: url(../images/BK3.jpg);
  background-size: cover;    
}

.MovieArea_bk{
  background-color: #ED2656;
  color: #EEE6DA;
}

.MovieContents{
  margin-top: 0%;
  margin: 0 8%;
}
.MovieArea .Ttl {
  margin: 6% 0 6%;
  color: #ED2656;
}
.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%;
}

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


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

.MovieArea_bk{
  background-color: #56154D;
}


.MovieContents_pt2{
  margin-top: 0%;
  margin: 0 8%;
}
.MovieArea .Ttl {
  margin: 6% 0 6%;
  color: #FFFFFF;
  font-size: 3em;
}
.MovieArea .Txt {
  width: 80%;
  text-align: left;
}

.MovieArea .Movie_inner .Movie_box_pt2 {
  display: flex;
  width: 48vw;
  margin: 0.5%;
  flex-wrap:wrap;
  border: 4px solid #FFFFFF ;
}

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

/*============================
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% 5%;   

}

.MusicArea_bk{
  background-color: #FCE8DB;
  color: #25254B;
  /* background-image: url(../images/BK1.jpg);  */
  background-size: cover;
}

.MusicArea .Ttl {
  margin: 6% 0 6%;
  color: #25254B;
  font-size: 3em;
}


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

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

}



/*============================
#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: #4b2045;
  color: #fff;
}
.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{
  font-size: 0.8em;
  letter-spacing: 1px;
  text-align: center;
}




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

/*GOLD*/

.btn-square-soft {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #56154D;
  width: 320px;
  height: auto;
  line-height: 50px;
  letter-spacing: 1px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background:linear-gradient(#E9C871 0%, #E9C871 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%;

}

.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;
}
.Rbtn_box {
  padding: 1.5% 6% 1.5% 6%;
}
.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%;
}

.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;
}

/* 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;
}


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

/*============================
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{
}

.MusicArea .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 .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: 90%;
  margin: 4% auto 8%;
}
.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% ;
}
.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;
    /* border: 1px solid #fff; */
    padding: 2.5% 6% 2.5% 6%;
    align-items: center;
    justify-content: space-between;
  }
  .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;
  }
  .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%;
    font-size: 2em;
  }

.WhatsNewArea .WN_contents{
  width: 90%;
  padding:0% 5%;
  margin-bottom: 1.5%;
   
}
.WhatsNewArea .WN_contents .WN_Box {
   flex-direction: column;
    
}

.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: 4% 2%;
}
.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
 ****************/

.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%;
}
.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: 98%;
}
.Info2_box .Txt{
  letter-spacing: 0px;
}

/*****************
  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;
}


/*============================
 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;
  font-size: 2.5em;
}

.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 {
}

.MusicArea .Ttl{
  font-size: 2.5em;
}

.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;
}

}