@charset "UTF-8";

#wrapper_page { overflow:visible;}

/*.page-id-29 .block_single_head:after { border-bottom: var(--border-color-light_gray) 1px solid;}*/

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

　.block_news_post_content
    NEWS投稿ページ

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

.block_ticket_section { padding: 80px 5%; position: relative; z-index: 0;background: rgb(242,247,247);
background: linear-gradient(163deg, rgba(242,247,247,1) 0%, rgba(245,245,240,1) 28%, rgba(232,243,244,1) 100%);
}

@media only screen and (max-width: 960px) {
.block_ticket_section{ padding: 70px 5%;}
}
@media only screen and (max-width: 738px) {
.block_ticket_section{ padding: 60px 5%;}
}


/* .section_body */
.block_ticket_section .section_body {align-items: flex-start;}

/* .content_nav */
.content_nav {position: sticky; top: 90px;left: 0;width: 20%; min-width: 210px; z-index: 2;}

/* .content_nav */
.ticket_nav {list-style: none;background: var(--color-white);border: #e3e2df 1px solid;border-radius: 3px; overflow: hidden;}
.ticket_nav li+li { border-top: #e3e2df 1px solid;}
.ticket_nav li a { display: block;padding: 0 0 0 55px; font-size: 16px; line-height: 55px; position: relative; z-index: 0; }
.ticket_nav li a.current { background: var(--btn-color-black); color:var(--color-white); }
.ticket_nav li a:before,
.ticket_nav li a:after {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.ticket_nav li a:before { position: absolute; z-index: 0;  top:50%; left: 20px; width: 15px; height: 15px; font-size: 1.2em; font-weight: 400; font-family: themify; content: "\e65d"; line-height: 15px;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.ticket_nav li a.current:before {opacity: 0; color: transparent;}
.ticket_nav li a:after { position: absolute; z-index: 0;  top:50%; left: 20px; width: 15px; height: 15px; font-size: 0.95em; font-weight: 400; font-family: themify; content: "\e64c"; line-height: 15px;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; text-align: center;}
.ticket_nav li a.current:after {opacity: 1;font-size: 1.2em;content:"\e64c";font-weight: 400; }

@media only screen and (max-width: 960px) {
.content_nav {position: static; width: 100%; }
.ticket_nav { background: none;border: none;border-radius: 0; overflow: hidden; display: grid;grid-template-columns: repeat(3,1fr); gap:10px; }
.ticket_nav li+li { border-top: none;}
.ticket_nav li a { display: block;padding: 0 0 0 45px; font-size: 16px; line-height: 50px;background: var(--color-white);border: #e3e2df 1px solid;border-radius: 3px; }
.ticket_nav li a.current { color:var(--color-black); background: var(--color-white);}
.ticket_nav li a:before { top:45%; left: 15px; width: 15px; height: 15px; font-size: 1.2em;line-height: 15px;-webkit-transform: translate(0, -50%) rotate(90deg); transform: translate(0, -50%) rotate(90deg);}
.ticket_nav li a.current:before {opacity: 1; color:var(--color-black); }
.ticket_nav li a:after { display: none;}
}
@media only screen and (max-width: 738px) {
.ticket_nav {grid-template-columns: repeat(2,1fr); gap:5px; }
.ticket_nav li a { display: block;padding: 0 25px; font-size: 16px;}
.ticket_nav li a.current { color:var(--color-black); background: var(--color-white);}
.ticket_nav li a:before { top:45%; left: auto; right: 15px; width: 15px; height: 15px; font-size: 1.1em;line-height: 15px;}
}
@media only screen and (max-width: 640px) {
.ticket_nav {grid-template-columns: repeat(1,1fr); gap:5px; }

.ticket_nav {background: var(--color-white);border: #eae8e5 1px solid;border-radius: 3px; overflow: hidden; gap:0; }
.ticket_nav li+li { border-top: #e3e2df 1px solid;}    
.ticket_nav li a {padding: 0 15px; font-size: 16px; line-height: 45px;border: none;border-radius: 0; }
.ticket_nav li a:before { top:45%; left: auto; right: 15px; width: 15px; height: 15px; }  
}


/*.ticket_archive  */
.block_ticket_section .ticket_archive { margin: 0 0 50px;display: block;}
.block_ticket_section .ticket_archive:last-child { margin-bottom: 0;}
.block_ticket_section .ticket_item {width: 100%; padding: 50px 5.5%;background: var(--color-white);border: #e3e2df 1px solid; border: var(--border-color-gray)1px solid; border-radius: 2px; position: relative; z-index: 0}
.block_ticket_section .ticket_item+.ticket_item {margin: 20px 0 0;}

.block_ticket_section .ticket_item .ttl_area { width:100%;}
.block_ticket_section .ticket_item .t_ticketplan {border: none; padding-left:35px; padding-right: 80px; font-size: 27px; font-weight: 500; line-height: 1.4; letter-spacing: .05em;font-feature-settings: "palt";position: relative; z-index: 0;}
.block_ticket_section .ticket_item .t_ticketplan:before { position: absolute; top: 8px; left: 0; display: block;width: 22px; height: 22px; content: ""; background: #111;/*border-radius: 100%;*/clip-path: polygon(0 0, 90% 50%, 0 100%);}
.en-US .block_ticket_section .ticket_item .t_ticketplan { font-size: 27px;letter-spacing: .015em;}

.block_ticket_section .ticket_item .t_price { margin: 3px 0 0 32px; font-size: 27px; font-weight: 450; line-height: 1.3;  }
.block_ticket_section .ticket_item .t_state {display: inline-block; padding: 0 7px; border:var(--color-orange) 1px solid; background:var(--color-orange); color:var(--color-white);  font-size: 17px;font-weight: 500; line-height: 1.5; letter-spacing: 0; position: absolute; top: 50px; right: 5.5%;}

.ticket_archive .service_area { margin: 20px 0 0;width:100%;flex-grow:1;}
/* .list_playguide */
.list_ticket_txt { list-style: none; margin-bottom: 10px;}
.list_ticket_txt li { padding: 0; font-size: 15px; line-height: 1.5; letter-spacing: 0; position: relative; z-index: 0;}
.list_ticket_txt li+li{margin: 1px 0 0;}

/* .list_playguide */
.list_ticket_note { list-style: none;}
.list_ticket_note li { padding: 0 0 0 1.15em; font-size: 15px; line-height: 1.5; letter-spacing: 0; position: relative; z-index: 0;}
.list_ticket_note li+li{margin: 1px 0 0;}
.list_ticket_note li:before { position: absolute; top: 0; left: 0; content: "※"; z-index: -1;}
.list_ticket_note li a{display: inline-block;padding:0; border-bottom: #111 1px solid;;}
.list_ticket_note li a:after { margin-left: .65em; font-family: themify; content: "\e649"; font-size:.7em; vertical-align: 0;}

.ticket_archive .t_ttl_cat { font-size: 15px; font-weight: 600; line-height: 1.2; font-feature-settings: "palt"; letter-spacing: 0.1em; }
.ticket_archive .t_ttl_cat_en { font-size: 15px; font-weight: 600; line-height: 1.2; font-feature-settings: "palt"; letter-spacing: 0.025em; }

/* .info_area */
.ticket_archive .info_area { margin: 20px 0 0; padding: 20px 0 0;  list-style: none;  border-top: var(--border-color-dark) 1px dotted;}
.ticket_archive .t_copy_vip { margin:10px 0;color: #EF5938; font-size: 20px; font-weight: 500; line-height: 1.65;}
.block_ticket_section .info_area .t_detail {line-height: 1.85;}
.block_ticket_section .info_area .t_detail_small { margin-top: 1em; font-size: 13px; line-height: 1.5;}
.block_ticket_section .info_area .t_detail a {display: inline;border-bottom:var(--color-black) 1px solid;}
.ticket_archive .t_link {display: none;}

/* .playguide_area */
.ticket_archive .playguide_area { margin: 20px 0 0; padding: 20px 0 0;  list-style: none;  border-top: var(--border-color-dark) 1px dotted;}

/* .list_playguide */
.block_ticket_section .list_playguide { margin: 15px 0 0; list-style: none; display: flex; flex-wrap: wrap; gap: 7px;}
.block_ticket_section .list_playguide li { width:calc(50% - 7px); line-height: 1;}
.block_ticket_section .list_playguide li a{display: block;padding:0 15px; font-size: 16px; line-height: 50px;border: var(--btn-color-yellow) 1px solid;background: var(--btn-color-yellow); position: relative; z-index: 0;border-radius: 3px;font-feature-settings: "palt"; letter-spacing: 0.03em;}
.block_ticket_section .list_playguide li a:after {position: absolute; top: 0; right: 10px; margin: 0;font-family: themify; content: "\e649";  font-size:.8em;vertical-align: 0;}
.list_playguide li a { border: var(--btn-color-yellow) 1px solid;background: var(--btn-color-yellow);}
.list_playguide li a.soldout {background: var(--btn-color-gray); border-color: var(--btn-color-gray); color: #aaa; pointer-events: none;}
.list_playguide li a.soldout:after {display: none; }
.list_playguide li a .t_small {font-size: 0.85em; letter-spacing: 0; vertical-align: 0;}

/* .ticket_item_soldout */
.ticket_archive .ticket_item_soldout {  color: #999; border: #eee 1px solid; background: rgba(255,254,251,8);}
.ticket_archive .ticket_item_soldout .t_ticketplan {border-color:var(--border-color-light_gray);}
.ticket_archive .ticket_item_soldout .t_ticketplan:before {background: var(--border-color-light_gray);}
.ticket_archive .ticket_item_soldout .playguide_area { border-color: var(--border-color-light_gray);}
.ticket_archive .ticket_item_soldout .t_state {background: none;color: #EF5938; }
.ticket_archive .ticket_item_soldout .list_playguide li a.soldout {background: var(--btn-color-gray); border-color: var(--btn-color-gray); color: #aaa; pointer-events: none;}

@media only screen and (min-width: 961px) {
.list_playguide li a:hover {background: #f8d952;border-color: #f8d952; }
.block_ticket_section .info_area .t_detail a:hover {background:var(--color-black);color: var(--color-white);}
}
@media only screen and (max-width: 960px) {
.block_ticket_section .ticket_archive { margin: 0 0 40px;}
.block_ticket_section .ticket_item {padding: 40px 5%; }
.block_ticket_section .ticket_item+.ticket_item {margin: 20px 0 0;}
.block_ticket_section .ticket_item .t_ticketplan { font-size: 25px; font-weight: 500; }
.block_ticket_section .ticket_item .t_ticketplan:before { top: 7px;}
.block_ticket_section .ticket_item .t_price { font-size: 25px; font-weight: 450; line-height: 1.3; }
.block_ticket_section .ticket_item .t_state { top: 40px; right: 5%;}
.block_ticket_section .description_area { margin: 15px 0 0; padding: 15px 0 0; }
.block_ticket_section .list_ticket_note li { font-size: 16px; line-height: 1.5; }
.block_ticket_section .list_ticket_note li a:after { margin-left: .65em;font-size:.7em; }
.block_ticket_section .playguide_area { margin: 20px 0 0; padding: 20px 0 0;}
.block_ticket_section  .t_ttl_cat { font-size: 16px;}
.ticket_archive .t_copy_vip { margin:10px 0;font-size: 20px;}
}
@media only screen and (max-width: 738px) {
.block_ticket_section .ticket_archive {margin: 0 0 35px; padding: 0;}
.block_ticket_section .ticket_item {padding: 30px 5%;}
.block_ticket_section .ticket_item+.ticket_item {margin: 15px 0 0;}
.block_ticket_section .ticket_item .ttl_area { width:100%;}
.block_ticket_section .ticket_item .t_ticketplan { padding: 0 0 0 23px; font-size: 20px;}
.block_ticket_section .ticket_item .t_ticketplan:before { top: 5px; width: 18px; height: 18px;}
.block_ticket_section .ticket_item .t_price { margin: 3px 0 0 21px; font-size: 22px;}
.block_ticket_section .ticket_item .t_state { margin: 15px 0 0; padding: 0 5px; font-size: 15px;position: static; }
.ticket_archive .service_area { margin: 15px 0 0; }
.ticket_archive .t_ttl_cat { font-size: 16px; text-align: left}

/* .info_area */
.ticket_archive .info_area { margin: 20px 0 0; padding: 20px 0 0;}
.ticket_archive .t_copy_vip { margin:15px 0 5px;font-size: 18px; font-weight: 500; line-height: 1.65;}
.block_ticket_section .info_area .t_detail {line-height: 1.8;}
.block_ticket_section .info_area .t_detail_small { margin-top: 1em; font-size: 13px; line-height: 1.5;}
.ticket_archive .playguide_area { margin: 20px 0 0; padding: 20px 0 0;  list-style: none;  border-top: var(--border-color-dark) 1px dotted;}

/* .list_playguide */
.block_ticket_section .list_playguide { margin: 15px 0 0; gap: 5px 0;}
.block_ticket_section .list_playguide li { width: 100%;}
.block_ticket_section .list_playguide li a{ padding:0 15px; font-size: 16px; line-height: 50px;}
}
@media only screen and (max-width: 640px) {
.block_ticket_section .list_playguide { margin: 15px 0 0; gap: 5px 0;}
.block_ticket_section .list_playguide li { width: 100%;}
.block_ticket_section .list_playguide li a{ padding:0 15px; font-size: 16px; line-height: 42px;}
}

/* ul.list_notice */
ul.list_notice { margin: 25px 0 0; padding-right: 2.5%; list-style: none;font-size: 16px; font-weight: 400; line-height: 2; letter-spacing: .01em; }
ul.list_notice li {padding-left: 1.25em; position: relative; z-index: 0;}
ul.list_notice li:before { position: absolute; top: 0; left: 0;content: "※"; z-index: -1;}
ul.list_notice li+li {margin-top: 5px;}

@media only screen and (max-width:960px) {
}
@media only screen and (max-width:738px){
ul.list_notice { font-size: 16px; line-height: 1.85; letter-spacing: 0.01em;}
}

.page-id-29 .block_common_ticket {display: none;}
.page-id-29 .block_sponsor {border-top: var(--border-color-light_gray) 1px solid;}

