@charset "UTF-8";

/*------------------------------
	reset
-------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
ul,ol { list-style-type:none; }
em,strong,th,address { font-style:normal; font-weight:normal; text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
img,object,embed { border:0; vertical-align:top; }
img { max-width:100%; height:auto; vertical-align:bottom; }
a { outline:none; }
hr { border:none; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
li { list-style-type:none; }
strong { font-weight:bold; }

/*------------------------------
	base
-------------------------------*/
:root { --contents-width:540px; --side-width:calc((100vw - var(--contents-width)) / 2); --visual-unit:clamp(12px,1vw,16px); --obi-thickness:calc(var(--visual-unit) * 1.75); --obi-gap:calc(var(--visual-unit) * 5.25); --obi-image-width:calc(var(--visual-unit) * 298.6667); --obi-layer-size:calc(var(--visual-unit) * 400); --visual-stage-height:calc(var(--visual-unit) * 66.6667); --obi-angle:-18.5deg; --obi-pitch:calc(var(--obi-thickness) + var(--obi-gap)); --obi-offset-02:var(--obi-pitch); --obi-offset-03:calc(var(--obi-pitch) * 2); --obi-offset-04:calc(var(--obi-pitch) * 3); --obi-offset-05:calc(var(--obi-pitch) * 4); --obi-cycle:calc(var(--obi-pitch) * 5); --obi-end-02:calc(var(--obi-offset-02) + var(--obi-thickness)); --obi-end-03:calc(var(--obi-offset-03) + var(--obi-thickness)); --obi-end-04:calc(var(--obi-offset-04) + var(--obi-thickness)); --obi-end-05:calc(var(--obi-offset-05) + var(--obi-thickness)); --nav-width:clamp(220px,19.1667vw,242px); --right-overlap:12px; --sp-bottom-nav-height:82px; }
* { box-sizing:border-box; }
html { min-height:100%; font-size:16px; scroll-behavior:smooth; }
body { position:relative; min-width:320px; min-height:100%; margin:0; overflow-x:hidden; color:#000; background:#fff; font-family:"M PLUS Rounded 1c",sans-serif; font-size:16px; font-weight:400; font-style:normal; line-height:1.6; -webkit-text-size-adjust:100%; }
img { display:block; max-width:100%; height:auto; }
button,input,textarea,select { font:inherit; }
a { color:inherit; text-decoration:none; }
.co_wrap { position:relative; z-index:1; min-height:100vh; }
.contents { position:relative; z-index:4; width:100%; max-width:var(--contents-width); min-height:100vh; margin:0 auto; padding:0; overflow:hidden; background:#fff; border-right:2px solid #000; border-left:2px solid #000; }

/*------------------------------
	background obi animation
-------------------------------*/
.bg { position:fixed; z-index:0; inset:0; overflow:hidden; background:#fff; pointer-events:none; }
.bg__stage { position:absolute; top:0; left:0; width:100%; height:var(--visual-stage-height); }
.bg__layer { position:absolute; top:43.5%; left:50%; width:var(--obi-layer-size); height:var(--obi-layer-size); background-image:url("../img/obi.gif"); background-repeat:repeat; background-size:var(--obi-image-width) var(--obi-thickness); transform:translate(-50%,-50%) rotate(var(--obi-angle)); transform-origin:center; animation-timing-function:linear; animation-iteration-count:infinite; will-change:background-position; }
.bg__layer--01 { -webkit-mask-image:repeating-linear-gradient(to bottom,#000 0,#000 var(--obi-thickness),transparent var(--obi-thickness),transparent var(--obi-cycle)); mask-image:repeating-linear-gradient(to bottom,#000 0,#000 var(--obi-thickness),transparent var(--obi-thickness),transparent var(--obi-cycle)); animation-name:obi-move-left; animation-duration:70s; }
.bg__layer--02 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-02),#000 var(--obi-offset-02),#000 var(--obi-end-02),transparent var(--obi-end-02),transparent var(--obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-02),#000 var(--obi-offset-02),#000 var(--obi-end-02),transparent var(--obi-end-02),transparent var(--obi-cycle)); animation-name:obi-move-right; animation-duration:260s; }
.bg__layer--03 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-03),#000 var(--obi-offset-03),#000 var(--obi-end-03),transparent var(--obi-end-03),transparent var(--obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-03),#000 var(--obi-offset-03),#000 var(--obi-end-03),transparent var(--obi-end-03),transparent var(--obi-cycle)); animation-name:obi-move-left; animation-duration:100s; }
.bg__layer--04 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-04),#000 var(--obi-offset-04),#000 var(--obi-end-04),transparent var(--obi-end-04),transparent var(--obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-04),#000 var(--obi-offset-04),#000 var(--obi-end-04),transparent var(--obi-end-04),transparent var(--obi-cycle)); animation-name:obi-move-right; animation-duration:80s; }
.bg__layer--05 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-05),#000 var(--obi-offset-05),#000 var(--obi-end-05),transparent var(--obi-end-05),transparent var(--obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-05),#000 var(--obi-offset-05),#000 var(--obi-end-05),transparent var(--obi-end-05),transparent var(--obi-cycle)); animation-name:obi-move-left; animation-duration:80s; }
.bg__layer--06 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-05),#000 var(--obi-offset-05),#000 var(--obi-end-05),transparent var(--obi-end-05),transparent var(--obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--obi-offset-05),#000 var(--obi-offset-05),#000 var(--obi-end-05),transparent var(--obi-end-05),transparent var(--obi-cycle)); animation-name:obi-move-left; animation-duration:150s; }
@keyframes obi-move-left { from { background-position:0 0; } to { background-position:calc(0px - var(--obi-image-width)) 0; } }
@keyframes obi-move-right { from { background-position:calc(0px - var(--obi-image-width)) 0; } to { background-position:0 0; } }
@media screen and (max-width:540px) {
.bg{ display: none;}
}
/*------------------------------
	left decoration
-------------------------------*/
.left_box { position:fixed; z-index:2; inset:0; overflow:hidden; pointer-events:none; }
.left_box__stage { position:absolute; top:0; left:0; width:100%; height:var(--visual-stage-height); }
.bg_suge { position:absolute; z-index:2; top:calc(50% - (var(--visual-unit) * 32.5)); left:calc(50% - (var(--visual-unit) * 49.5833)); width:calc(var(--visual-unit) * 20.75); }
.bg_copy1 { position:absolute; z-index:3; top:calc(50% - (var(--visual-unit) * 16)); left:calc(50% - (var(--visual-unit) * 44)); width:calc(var(--visual-unit) * 10.5833); }
.bg_copy2 { position:absolute; z-index:3; top:calc(50% - (var(--visual-unit) * 11.6)); left:calc(50% - (var(--visual-unit) * 41.7)); width:calc(var(--visual-unit) * 17.2); }
.bg_character01 { position:absolute; z-index:4; top:calc(50% - (var(--visual-unit) * 2.4167)); left:calc(50% - (var(--visual-unit) * 38.9167)); width:calc(var(--visual-unit) * 13.4167); animation:character-slide 5s ease-in-out infinite alternate; transform-origin:50% 30%;  will-change:transform; }
.bg_sen { position:absolute; z-index:2; top:calc(50% + (var(--visual-unit) * 18.1667)); left:calc(50% - (var(--visual-unit) * 43.0833)); width:calc(var(--visual-unit) * 19.1667); }
@keyframes character-slide { 0% { transform: translate3d(-180px,70px,0); } 100% { transform: translate3d(50px,-5px,0); } }

/*------------------------------
	right navigation
-------------------------------*/
.right_box { position:fixed; z-index:5; top:0; left:calc(50% + (var(--contents-width) / 2) - var(--right-overlap)); width:calc(var(--side-width) + var(--right-overlap)); height:100svh; min-height:630px; pointer-events:none; }
.side_nav { position:absolute; top:0; left:0; width:var(--nav-width); pointer-events:auto; }
.right_character { position:absolute; z-index:5; top:30px; left:calc(var(--nav-width) - 8px); width:clamp(112px,10vw,185px); transform-origin:50% 30%; animation:character-swing 3s ease-in-out infinite alternate; pointer-events:none; will-change:transform; }
@keyframes character-swing { 0% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } 100% { transform: rotate(-8deg); } }
/*language*//*
.language { position:relative; z-index:3; display:flex; align-items:center; width:100%; height:42px; padding:0 10px; border:2px solid #000; border-top: none; background:#ffe900; color:#111; font-family:"LINE Seed JP",sans-serif; font-size:14px; letter-spacing:0.03em; font-weight:400; }
.language img { width:27px; margin-right:30px; }
.language a { transition:opacity 0.25s ease;opacity: .4;  }
.language a[aria-current="page"] {opacity: 1;  }
.language span { margin:0 6px; opacity:.4; }
.language a:hover { opacity:1; }

*/
.side_nav_head{ height: 52px; display: flex; margin-top: -2px; justify-content: space-between; }
.side_nav_head a{ color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; box-sizing: border-box; border-radius:0 0 7px 7px; transition: 0.3s; }
.side_nav_head a.side_nav_head_01{ width: 61.8%; background: #ff142c; border: solid 2px #000; }
.side_nav_head a.side_nav_head_02{ width: 34.8%; background: #000; border: solid 2px #000; }

.side_nav_head a:hover.side_nav_head_01{ background: #ff6373; }
.side_nav_head a:hover.side_nav_head_02{ background: #444; }

.side_nav_head a img{ height: 28px; margin-left: 4%;}


/*menu*/
.menu { position:relative; z-index:4; margin-top:44px; border:2px solid #000; background:#0750a6; color:#fff; }
.menu__head-character { position:absolute; z-index:4; top:-58px; left:50%; width:71px; transform:translateX(-50%); }
.menu__title { display:flex; align-items:center; justify-content:center; height:46px; padding-top:9px; }
.menu__title img { width:96px; }
.menu__list { padding:0 12px 11px; margin-top: -8px; }
.menu__item { border-bottom:1px solid rgba(255,255,255,0.72); font-family:"LINE Seed JP",sans-serif; }
.menu__link{ display:flex; align-items:baseline; min-height:46px; padding:10px 1px 5px; font-size:22px; font-weight:700; line-height:1.1; transition:opacity 0.25s ease; }
.menu__label { display:flex; align-items:baseline; min-height:46px; padding:13px 1px 5px; font-size:22px; font-weight:700; line-height:1.1; transition:opacity 0.25s ease; }
.menu__link:hover { opacity:0.58; }
.menu__link2{ transition:opacity 0.25s ease; }
.menu__link2:hover { opacity:0.58; }
.menu__item span,.menu__label span { margin-left:8px; font-family:"M PLUS Rounded 1c",sans-serif; font-size:12.5px; font-weight:500; white-space:nowrap; }
.menu__map-text { display:inline-block; margin-right:-38px; font-weight:700; white-space:nowrap; transform:scaleX(0.8); transform-origin:left center; }
.menu__item--access { margin-top: 12px; padding-bottom:1px; border-bottom:0; }
.menu__item--tickets { border-top: solid 2px #000 ; margin:0 -12px -11px; padding:0 12px 3px; border-bottom:0; background:#f5008b; }
.menu__item--tickets .menu__label { min-height:45px; }
/*menu__button*/
.menu__button { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:31px; margin-top:5px; margin-bottom:10px; padding:0 15px 1px 12px; border-radius:999px; background:#fff; color:#0750a6; font-family:"M PLUS Rounded 1c",sans-serif; font-size:14px; font-weight:500; letter-spacing: 1.5px; line-height:1; white-space:nowrap; transition:filter 0.25s ease,transform 0.25s ease; }
.menu__button::after { position:absolute; top:50%; right:11px; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid currentColor; content:""; transform:translateY(-50%); }
.menu__button:hover { filter:brightness(0.92); transform:translateX(2px); }
.menu__button--business { background:#ff8a00; color:#fff; }
.menu__button--user { background:#57d000; color:#fff; }
/*side_nav_banner*/
.side_nav_banner1 { margin-top: -2px; }
.side_nav_banner1{ background: #000;}
.side_nav_banner1 a img{ transition: .3s; }
.side_nav_banner1 a:hover img{ opacity:0.72; }
.side_nav_banner { display:block; width:100%; margin-top:12px; pointer-events:auto;  background: #000; }
.side_nav_banner img { width:100%; transition:opacity 0.3s ease;}
.side_nav_banner:hover img{ opacity:0.72; }
/*page_top*/
.side_page_top { position:absolute; right:auto; bottom:0; left:0; display:flex; align-items:center; justify-content:center; width:var(--nav-width); height:41px; border:2px solid #000; border-bottom: none; background:#000; color:#fff; font-family:"LINE Seed JP",sans-serif; font-size:12px; font-weight:700; letter-spacing:0.28em; opacity:0; pointer-events:none; transform:translateY(calc(100% + 20px)); transition:opacity 0.35s ease,transform 0.35s ease,background-color 0.25s ease; }
.side_page_top__arrow { width:14px; height:14px; margin-right:36px; border-top:2px solid currentColor; border-left:2px solid currentColor; transform:translateY(4px) rotate(45deg); transition: .3s; }
.side_page_top span { transition: .3s;}
.side_page_top:hover .side_page_top__arrow { opacity: 0.6; margin-top: -5px; }
.side_page_top:hover span { opacity: 0.6; }
.side_page_top.is-show { opacity:1; pointer-events:auto; transform:translateY(0); }
.icon_link{ width: 15px; margin-left: 10px; display: inline-block;}

/*------------------------------
	contents footer / page top
-------------------------------*/
.site_footer { position:relative; z-index:2; width:100%; color:#fff; font-family:"M PLUS Rounded 1c",sans-serif; text-align:center; }
.site_footer__main { padding:23px 25px 20px; background:#414141; }
.site_footer__contact { display:flex; align-items:center; justify-content:center; width:100%; min-height:42px; background:#000; color:#fff; font-size:16px; font-weight:500; letter-spacing:0.04em; line-height:1.2; transition:opacity 0.25s ease; }
.site_footer__organization { margin-top:17px; font-size:14px; font-weight:400; letter-spacing:0.02em; line-height:1.5; }
.site_footer__email { margin-top:2px; font-size:14px; font-weight:400; letter-spacing:0.03em; line-height:1.5; }
/*contents_page_top*/
.contents_page_top { display: none;}
/* footer a */
footer a { color:#ff008c; text-decoration:underline; text-underline-offset:2px; transition:opacity 0.25s ease; }
footer a:hover { opacity:0.72; }

/*------------------------------
	footer_bottom
-------------------------------*/
.footer_bottom{ background: #000;}

.footer_bottom_archive{ margin: 0 auto; width: 90%; padding: 20px 0; display: flex; align-items: center; justify-content: ; text-align: left;}
.footer_bottom_archive .a_img{ width: 45%;}
.footer_bottom_archive .txt_box{ margin-left: 5%;}
.footer_bottom_archive .txt_box p,
.footer_bottom_archive .txt_box a{ font-size: 14px; line-height: 1.6; display: block; }

@media screen and (max-width:540px) {
.footer_bottom_archive .txt_box p,
.footer_bottom_archive .txt_box a{ font-size: 2.7vw;}
}





.copyright { margin: 0 auto; width: 90%; border-top: solid 1px #666; min-height:47px; padding:10px 0px 40px;color:#999; font-family:"LINE Seed JP",sans-serif; font-size:12px; font-weight:400; letter-spacing:0.1em; line-height:1.35; }
@media screen and (max-width:540px) {
.copyright { min-height:8.7037vw; padding:2vw 0 8vw; font-size:2.2vw; }
}




/*------------------------------
	SP navigation
-------------------------------*/
.sp_menu_button,.sp_nav,.sp_bottom_nav { display:none; }

@keyframes sp-menu-line-pulse { 0%,100% { width:var(--sp-menu-line-width); } 50% { width:calc(var(--sp-menu-line-width) * 0.74); } }
@keyframes sp-close-pop { 0% { transform:scale(0.82) rotate(-10deg); } 68% { transform:scale(1.08) rotate(4deg); } 100% { transform:scale(1) rotate(0); } }

/*------------------------------
	responsive
-------------------------------*/
@media screen and (max-width:1200px) {
	:root { --sp-menu-line-width:clamp(17.778px,5.556vw,30px); --sp-menu-line-height:clamp(1.778px,0.556vw,3px); --sp-menu-line-gap:clamp(5.926px,1.852vw,10px); --sp-close-line-width:clamp(26.074px,8.148vw,44px); --sp-nav-inline:clamp(41.481px,12.963vw,70px); --sp-banner-left:clamp(44.444px,13.889vw,75px); --sp-banner-width:clamp(238.222px,74.444vw,402px); }
	html.is-sp-menu-open,body.is-sp-menu-open { overflow:hidden; overscroll-behavior:none; }
	.left_box,.right_box { display:none; }
	.contents { padding-bottom:calc(var(--sp-bottom-nav-height) + env(safe-area-inset-bottom)); }
	.contents main { min-height:calc(100vh - var(--sp-bottom-nav-height)); }
	.contents_page_top { --contents-page-top-gap:14px; position:fixed; z-index:34; right:max(var(--contents-page-top-gap),calc((100vw - var(--contents-width)) / 2 + var(--contents-page-top-gap))); bottom:calc(var(--sp-bottom-nav-height) + env(safe-area-inset-bottom) + var(--contents-page-top-gap)); display:flex; flex-direction:column; align-items:center; justify-content:center; width:70px; height:70px; padding:7px 0 6px; background:rgba(0,0,0,0.7); color:#fff; font-family:"LINE Seed JP",sans-serif; opacity:0; pointer-events:none; transform:translate3d(0,calc(100% + 24px),0); transition:opacity 0.3s ease,transform 0.48s cubic-bezier(0.16,1,0.3,1),background-color 0.25s ease; }
	.contents_page_top:hover { background:rgba(0,0,0,1); }
	.contents_page_top.is-show { opacity:1; pointer-events:auto; transform:translate3d(0,0,0); }
	.contents_page_top.is-docked { position:absolute; right:var(--contents-page-top-gap); bottom:calc(var(--site-footer-offset,0px) + var(--contents-page-top-gap)); }
	.contents_page_top__arrow { width:20px; height:20px; margin:5px 0 3px; border-top:2px solid currentColor; border-left:2px solid currentColor; transform:rotate(45deg); transition:transform 0.25s ease; }
	.contents_page_top:hover .contents_page_top__arrow { transform:translateY(-4px) rotate(45deg); }
	.contents_page_top__text { font-size:18px; font-weight:400; letter-spacing:0.04em; line-height:1; }
	html.is-sp-menu-open .contents_page_top { opacity:0; pointer-events:none; transform:translate3d(0,calc(100% + 24px),0); }
	.sp_menu_button { position:fixed; z-index:42; top:25px; right:max(25px,calc((100vw - var(--contents-width)) / 2 + 25px)); display:flex; flex-direction:column; align-items:center; justify-content:center; width:70px; height:70px; padding:0; border:0; border-radius:0; background:#000; cursor:pointer; transition:background-color 0.3s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1); }
	.sp_menu_button span { position:absolute; top:50%; left:50%; width:var(--sp-menu-line-width); height:var(--sp-menu-line-height); background:#fff; transform-origin:center; transition:width 0.35s ease,transform 0.35s ease,opacity 0.2s ease,background-color 0.3s ease; }
	.sp_menu_button span:nth-child(1) { transform:translate(-50%,calc(-50% - var(--sp-menu-line-gap))); }
	.sp_menu_button span:nth-child(2) { transform:translate(-50%,-50%); }
	.sp_menu_button span:nth-child(3) { transform:translate(-50%,calc(-50% + var(--sp-menu-line-gap))); }
	.sp_menu_button:not(.is-open):hover span:nth-child(2) { animation:sp-menu-line-pulse 0.7s ease-in-out infinite; }
	.sp_menu_button.is-open { background:#fff; animation:sp-close-pop 0.52s cubic-bezier(0.34,1.56,0.64,1) both; }
	.sp_menu_button.is-open span { width:var(--sp-close-line-width); background:#0750a6; }
	.sp_menu_button.is-open span:nth-child(1) { transform:translate(-50%,-50%) rotate(45deg); }
	.sp_menu_button.is-open span:nth-child(2) { opacity:0; transform:translate(-50%,-50%) scaleX(0); }
	.sp_menu_button.is-open span:nth-child(3) { transform:translate(-50%,-50%) rotate(-45deg); }
	.sp_nav { position:fixed; z-index:40; top:0; left:50%; display:block; width:min(100%,var(--contents-width)); height:100dvh; overflow:hidden; visibility:hidden; background:#000; opacity:0; pointer-events:none; transform:translate3d(-50%,105%,0) scale(0.985); transform-origin:center bottom; transition:transform 0.55s cubic-bezier(0.76,0,0.24,1),opacity 0.22s ease,visibility 0s linear 0.55s; }
	.sp_nav.is-open { visibility:visible; opacity:1; pointer-events:auto; transform:translate3d(-50%,0,0) scale(1); transition:transform 0.78s cubic-bezier(0.16,1.18,0.3,1),opacity 0.16s ease,visibility 0s; }
	.sp_nav__scroll { width:100%; height:100%; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
	.sp_nav__main { padding:43px var(--sp-nav-inline) 0; background:#0750a6; color:#fff; }
	.sp_nav__title { width:clamp(145.778px,45.556vw,246px); margin:0 auto clamp(20.741px,6.481vw,35px); }
	.sp_nav__title img { width:100%; }
	.sp_language { display:flex; align-items:center; justify-content:center; margin-bottom:0; padding-bottom:clamp(22.519px,7.037vw,38px); border-bottom:2px solid rgba(255,255,255,0.95); font-family:"M PLUS Rounded 1c",sans-serif; font-size:clamp(16.593px,5.185vw,28px); font-weight:500; line-height:1; white-space:nowrap; }
	.sp_language__label { display:block; color:#fff; opacity:0.78; cursor:pointer; transition:opacity 0.25s ease; }
	.sp_language__label:hover,.sp_language__label.is-current { opacity:1; }
	html[lang="en"] .sp_language__label--ja { opacity:0.78; }
	html[lang="en"] .sp_language__label--en { opacity:1; }
	.sp_language__switch { position:relative; display:block; flex:0 0 auto; width:clamp(46px,9.63vw,52px); height:clamp(25px,5.185vw,28px); margin:0 clamp(6px,1.481vw,8px); border-radius:999px; background:#fff; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.08); }
	.sp_language__switch i { position:absolute; top:50%; left:4px; width:clamp(18px,3.704vw,20px); height:clamp(18px,3.704vw,20px); border-radius:50%; background:#0750a6; transform:translateY(-50%); transition:transform 0.36s cubic-bezier(0.34,1.56,0.64,1); }
	html[lang="en"] .sp_language__switch i { transform:translate(calc(clamp(46px,9.63vw,52px) - clamp(18px,3.704vw,20px) - 8px),-50%); }

	.sp_menu__icon_link{ width: 25px; margin-left: 10px;}
@media screen and (max-width:540px) {
	.sp_menu__icon_link{ width: 4.6vw; margin-left: 1.9vw;}
}

	.sp_menu__item { border-bottom:2px solid rgba(255,255,255,0.9); opacity:0; transform:translate3d(34px,0,0) skewX(-2deg); transition:opacity 0.38s ease,transform 0.52s cubic-bezier(0.16,1,0.3,1); }
	.sp_menu__item:nth-child(even) { transform:translate3d(-34px,0,0) skewX(2deg); }
	.sp_nav.is-open .sp_menu__item { opacity:1; transform:translate3d(0,0,0) skewX(0); }
	.sp_nav.is-open .sp_menu__item:nth-child(1) { transition-delay:0.22s; }
	.sp_nav.is-open .sp_menu__item:nth-child(2) { transition-delay:0.28s; }
	.sp_nav.is-open .sp_menu__item:nth-child(3) { transition-delay:0.34s; }
	.sp_nav.is-open .sp_menu__item:nth-child(4) { transition-delay:0.40s; }
	.sp_menu__link,.sp_menu__label { display:flex; align-items:baseline; width:100%; min-height:clamp(52.148px,16.296vw,88px); padding:clamp(14.222px,4.444vw,24px) 0 0; font-family:"LINE Seed JP",sans-serif; line-height:1; }
	.sp_menu__item:nth-child(2) .sp_menu__link { min-height:clamp(53.333px,16.667vw,90px); }
	.sp_menu__item:nth-child(3) .sp_menu__link { min-height:clamp(55.704px,17.407vw,94px); padding-top:clamp(16.593px,5.185vw,28px); }
	.sp_menu__link b,.sp_menu__label b { font-size:clamp(22.074px,7.5vw,40px); font-weight:700; letter-spacing:-0.035em; white-space:nowrap; }
	.sp_menu__link span,.sp_menu__label span { margin-left:clamp(11.037px,3.9vw,20px); font-family:"M PLUS Rounded 1c",sans-serif; font-size:clamp(14.815px,4.63vw,25px); font-weight:500; letter-spacing:0; white-space:nowrap; }
	.sp_menu__map-text { display:inline-block; margin-right:clamp(-26px,-5.4vw,-14.593px);letter-spacing:-0.07em !important; transform:scaleX(0.94); transform-origin:left center; }
	.sp_menu__item--access { margin-top: 30px; padding-bottom:clamp(19.556px,6.111vw,33px); border-bottom:0; }
	.sp_menu__item--access .sp_menu__label { min-height:clamp(67.556px,21.111vw,114px); padding:clamp(17.778px,5.556vw,30px) 0 clamp(4.741px,1.481vw,8px); }
	.sp_menu__button { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:clamp(36.741px,11.481vw,62px); margin:0 0 clamp(11.852px,3.704vw,20px); padding:0 clamp(28.444px,8.889vw,48px) 2px clamp(11.852px,3.704vw,20px); border-radius:999px; background:#fff; color:#0750a6; font-family:"M PLUS Rounded 1c",sans-serif; font-size:clamp(16.593px,5.185vw,28px); font-weight:500; letter-spacing:0.04em; line-height:1; white-space:nowrap; }
	.sp_menu__button::after { position:absolute; top:50%; right:clamp(16px,4.074vw,22px); width:0; height:0; border-top:clamp(6px,1.481vw,8px) solid transparent; border-bottom:clamp(6px,1.481vw,8px) solid transparent; border-left:clamp(8px,2.037vw,11px) solid currentColor; content:""; transform:translateY(-50%); }
	.sp_menu__item--access .sp_menu__button:last-child { margin-bottom:0; }
	.sp_nav__tickets { padding:clamp(8.296px,2.593vw,14px) var(--sp-nav-inline) clamp(18.37px,5.741vw,31px); background:#f5008b; color:#fff; }
	.sp_nav__tickets .sp_menu__label { min-height:clamp(49.778px,15.556vw,84px); padding:clamp(5.926px,1.852vw,10px) 0 clamp(4.148px,1.296vw,7px); }
	.sp_nav__tickets .sp_menu__button { margin-bottom:clamp(15px,3.704vw,20px); color:#fff; }
	.sp_nav__tickets .sp_menu__button:last-child { margin-bottom:0; }
	.sp_menu__button--business { background:#ff7a00; }
	.sp_menu__button--user { background:#57c900; }
	.sp_nav__banners { display:flex; flex-direction:column;   background:#000;  padding: 40px 0; }
	.sp_nav__banner { max-width: 458px; width: 80%; margin: 10px auto ; display:block;  }
	.sp_nav__banner img { width:100%; }
	.sp_nav__banner1{ padding: 15px 20px; box-sizing: border-box; border: solid #000 4px; background: #ff142c; color: #fff; display: flex; align-items: center; justify-content: space-between;}
	.sp_nav__banner1 img{ max-width: 50px; width: 80%;}
	.sp_nav__banner1 p{ font-size: 26px; line-height: 1;}
@media screen and (max-width:540px) {
	.sp_nav__banners { padding: 5vw 0 10vw; }
	.sp_nav__banner { max-width: 458px; width: 80%; margin: 2vw auto ; display:block;  }
	.sp_nav__banner1{ padding: 3vw 4vw; box-sizing: border-box; border: solid #000 1vw; background: #ff142c; color: #fff; display: flex; align-items: center; justify-content: space-between;}
	.sp_nav__banner1 img{ max-width: 50px; width: 15%;}
	.sp_nav__banner1 p{ font-size: 4.9vw; line-height: 1;}
	.sp_menu__item--access { margin-top: 5.8vw; padding-bottom:clamp(19.556px,6.111vw,33px); border-bottom:0; }

}
	.sp_nav__reveal { opacity:0; transform:translate3d(0,24px,0) rotate(-1deg); transition:opacity 0.4s ease,transform 0.58s cubic-bezier(0.16,1,0.3,1); }
	.sp_nav.is-open .sp_nav__reveal { opacity:1; transform:translate3d(0,0,0) rotate(0); }
	.sp_nav.is-open .sp_nav__title { transition-delay:0.10s; }
	.sp_nav.is-open .sp_language { transition-delay:0.16s; }
	.sp_nav.is-open .sp_nav__tickets .sp_menu__label { transition-delay:0.44s; }
	.sp_nav.is-open .sp_nav__tickets .sp_menu__button:nth-child(2) { transition-delay:0.49s; }
	.sp_nav.is-open .sp_nav__tickets .sp_menu__button:nth-child(3) { transition-delay:0.54s; }
	.sp_nav.is-open .sp_nav__banner:nth-child(1) { transition-delay:0.59s; }
	.sp_nav.is-open .sp_nav__banner:nth-child(2) { transition-delay:0.65s; }
	.sp_bottom_nav { position:fixed; z-index:35; bottom:0; left:50%; display:grid; grid-template-columns:1fr 1fr 1.02fr; width:min(100%,var(--contents-width)); min-height:var(--sp-bottom-nav-height); padding-bottom:env(safe-area-inset-bottom); border-top:2px solid #000; background:#000; opacity:0; pointer-events:none; transform:translate3d(-50%,calc(100% + 24px),0); transition:opacity 0.28s ease,transform 0.78s cubic-bezier(0.34,1.56,0.64,1); }
	.sp_bottom_nav.is-visible { opacity:1; pointer-events:auto; transform:translate3d(-50%,0,0); }
	html.is-sp-menu-open .sp_bottom_nav { opacity:0; pointer-events:none; transform:translate3d(-50%,calc(100% + 24px),0); transition-duration:0.3s; transition-timing-function:ease; }
	.sp_bottom_nav__item { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:var(--sp-bottom-nav-height); padding:8px 4px 9px; border-right:2px solid #000; color:#fff; font-family:"M PLUS Rounded 1c",sans-serif; line-height:1.2; text-align:center; }
	.sp_bottom_nav__item strong { font-size:clamp(16px,4.074vw,22px); font-weight:500; white-space:nowrap; }
	.sp_bottom_nav__item span { margin-top:4px; font-size:clamp(14px,3.333vw,18px); font-weight:700; white-space:nowrap; }
	.sp_bottom_nav__item--business { background:#ff7a00; }
	.sp_bottom_nav__item--user { background:#57c900; }
	.sp_bottom_nav__item--x { flex-direction:row; gap:10px; border-right:0; background:#0b0b0b; }
	.sp_bottom_nav__item--x span { margin-top:0; font-size:clamp(18px,4.074vw,22px); font-weight:500; }
	.sp_bottom_nav__item--x img { width:clamp(32px,8.148vw,44px); }
}




@media screen and (min-width:541px) and (max-width:1200px) {
	.sp_nav,.sp_bottom_nav { width:calc(var(--contents-width) - 4px); }
}
@media screen and (max-width:540px) {
	:root { --sp-bottom-nav-height:15.1852vw; }
	.contents { max-width:none; border-right:0; border-left:0; }
	.site_footer__main { padding:4.2593vw 4.6296vw 3.7037vw; }
	.site_footer__contact { min-height:7.7778vw; font-size:2.963vw; }
	.site_footer__organization { margin-top:3.1481vw; font-size:2.5926vw; }
	.site_footer__email { margin-top:0.3704vw; font-size:2.5926vw; }
	.site_footer__copyright { min-height:8.7037vw; padding:2vw 0 8vw; font-size:2.2vw; }
	.contents_page_top { --contents-page-top-gap:2.5926vw; right:2.5926vw; width:clamp(44px,12.963vw,70px); height:clamp(44px,12.963vw,70px); bottom:calc(var(--sp-bottom-nav-height) + env(safe-area-inset-bottom) + 2.5926vw); padding:1.2963vw 0 1.1111vw; }
	.contents_page_top.is-docked { right:2.5926vw; bottom:calc(var(--site-footer-offset,0px) + var(--contents-page-top-gap)); }
	.contents_page_top__arrow { width:3.7037vw; height:3.7037vw; margin:0.9259vw 0 0.5556vw; border-width:0.3704vw 0 0 0.3704vw; }
	.contents_page_top__text { font-size:3.3333vw; }
	.sp_menu_button { top:4.63vw; right:4.63vw; width:12.963vw; height:12.963vw; }
	.sp_bottom_nav { min-height:var(--sp-bottom-nav-height); border-top-width:0.3704vw; }
	.sp_bottom_nav__item { min-height:var(--sp-bottom-nav-height); padding:1.4815vw 0.7407vw 1.6667vw; border-right-width:0.3704vw; }
	.sp_bottom_nav__item strong { font-size:4.0741vw; }
	.sp_bottom_nav__item span { margin-top:0.7407vw; font-size:3.3333vw; }
	.sp_bottom_nav__item--x { gap:1.8519vw; }
	.sp_bottom_nav__item--x span { margin-top:0; font-size:4.0741vw; }
	.sp_bottom_nav__item--x img { width:8.1481vw; }
	.sp_language__switch { width:9.6296vw; height:5.1852vw; margin:0 1.4815vw; box-shadow:inset 0 0 0 0.3704vw rgba(0,0,0,0.08); }
	.sp_language__switch i { left:0.7407vw; width:3.7037vw; height:3.7037vw; }
	html[lang="en"] .sp_language__switch i { transform:translate(4.4444vw,-50%); }
}


@media screen and (max-height:760px) and (min-width:1201px) {
	.side_nav { transform:scale(0.9); transform-origin:top left; }
	.right_character { transform-origin:50% 8%; }
	.side_page_top { width:calc(var(--nav-width) * 0.9); font-size:10px; }
}
@media screen and (max-height:700px) and (min-width:1201px) {
	.side_nav { transform:scale(0.8); }
	.side_page_top { width:calc(var(--nav-width) * 0.8); font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
	html { scroll-behavior:auto; }
	.bg__layer,.bg_character01,.right_character { animation:none; }
	.sp_menu_button,.sp_menu_button span,.sp_nav,.sp_nav__reveal,.sp_menu__item,.sp_language__switch i,.sp_bottom_nav { animation:none; transition:none; }
	.language a,.menu__link,.menu__button,.side_nav_banner,.side_page_top,.contents_page_top { transition:none; }
}





/*------------------------------
    [top] top_head
-------------------------------*/
#top_head { display:none; }
@media screen and (max-width:1200px) {
	#top_head { --top-head-obi-thickness:14px; --top-head-obi-gap:51px; --top-head-obi-shift-y:25px; --top-head-obi-pitch:calc(var(--top-head-obi-thickness) + var(--top-head-obi-gap)); --top-head-obi-offset-02:var(--top-head-obi-pitch); --top-head-obi-offset-03:calc(var(--top-head-obi-pitch) * 2); --top-head-obi-offset-04:calc(var(--top-head-obi-pitch) * 3); --top-head-obi-offset-05:calc(var(--top-head-obi-pitch) * 4); --top-head-obi-cycle:calc(var(--top-head-obi-pitch) * 5); --top-head-obi-end-02:calc(var(--top-head-obi-offset-02) + var(--top-head-obi-thickness)); --top-head-obi-end-03:calc(var(--top-head-obi-offset-03) + var(--top-head-obi-thickness)); --top-head-obi-end-04:calc(var(--top-head-obi-offset-04) + var(--top-head-obi-thickness)); --top-head-obi-end-05:calc(var(--top-head-obi-offset-05) + var(--top-head-obi-thickness)); --top-head-obi-image-width:calc(var(--top-head-obi-thickness) * 157.8947); --top-head-obi-layer-size:900px; position:relative; display:block; width:100%; aspect-ratio:1000 / 426; overflow:hidden; border-bottom:1px solid #222; background:#fff; }
	.top-head__obi { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; }
	.top-head__obi-layer { --obi-image-width:var(--top-head-obi-image-width); position:absolute; top:calc(50% + var(--top-head-obi-shift-y)); left:50%; width:var(--top-head-obi-layer-size); height:var(--top-head-obi-layer-size); background-image:url("../img/obi.gif"); background-repeat:repeat; background-size:var(--top-head-obi-image-width) var(--top-head-obi-thickness); transform:translate(-50%,-50%) rotate(-18.5deg); transform-origin:center; animation-timing-function:linear; animation-iteration-count:infinite; will-change:background-position; }
	.top-head__obi-layer--01 { -webkit-mask-image:repeating-linear-gradient(to bottom,#000 0,#000 var(--top-head-obi-thickness),transparent var(--top-head-obi-thickness),transparent var(--top-head-obi-cycle)); mask-image:repeating-linear-gradient(to bottom,#000 0,#000 var(--top-head-obi-thickness),transparent var(--top-head-obi-thickness),transparent var(--top-head-obi-cycle)); animation-name:obi-move-left; animation-duration:70s; }
	.top-head__obi-layer--02 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-02),#000 var(--top-head-obi-offset-02),#000 var(--top-head-obi-end-02),transparent var(--top-head-obi-end-02),transparent var(--top-head-obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-02),#000 var(--top-head-obi-offset-02),#000 var(--top-head-obi-end-02),transparent var(--top-head-obi-end-02),transparent var(--top-head-obi-cycle)); animation-name:obi-move-right; animation-duration:90s; }
	.top-head__obi-layer--03 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-03),#000 var(--top-head-obi-offset-03),#000 var(--top-head-obi-end-03),transparent var(--top-head-obi-end-03),transparent var(--top-head-obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-03),#000 var(--top-head-obi-offset-03),#000 var(--top-head-obi-end-03),transparent var(--top-head-obi-end-03),transparent var(--top-head-obi-cycle)); animation-name:obi-move-left; animation-duration:100s; }
	.top-head__obi-layer--04 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-04),#000 var(--top-head-obi-offset-04),#000 var(--top-head-obi-end-04),transparent var(--top-head-obi-end-04),transparent var(--top-head-obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-04),#000 var(--top-head-obi-offset-04),#000 var(--top-head-obi-end-04),transparent var(--top-head-obi-end-04),transparent var(--top-head-obi-cycle)); animation-name:obi-move-right; animation-duration:80s; }
	.top-head__obi-layer--05 { -webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-05),#000 var(--top-head-obi-offset-05),#000 var(--top-head-obi-end-05),transparent var(--top-head-obi-end-05),transparent var(--top-head-obi-cycle)); mask-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--top-head-obi-offset-05),#000 var(--top-head-obi-offset-05),#000 var(--top-head-obi-end-05),transparent var(--top-head-obi-end-05),transparent var(--top-head-obi-cycle)); animation-name:obi-move-left; animation-duration:80s; }
	.top-head__title { position:absolute; z-index:2; inset:0; overflow:hidden; }
	.top-head__suge { position:absolute; top:0%; left:0%; width:35%; }
	.top-head__copy { position:absolute; top:25.5%; left:16%; width:61%; }
	.top-head__sen { position:absolute; top:40%; right:0%; width:32.5%; }
	.top-head__suge img,.top-head__copy img,.top-head__sen img { width:100%; }
}
@media screen and (max-width:540px) {
	#top_head {  --top-head-obi-thickness:2.5926vw; --top-head-obi-gap:9.4444vw; --top-head-obi-shift-y:4.6296vw; --top-head-obi-layer-size:166.6667vw; }
}
@media (prefers-reduced-motion:reduce) {
	.top-head__obi-layer { animation:none; }
}


/*------------------------------
    [top] top_main
-------------------------------*/
#top_main{ padding:27px 0 0 0;}
#top_main .top_main_logo{ width: 90.8%; margin: 0 auto;}
#top_main .top_main_date{ width: 72.2%; margin: 21px auto 0;}
#top_main .txt_box{text-align: center; }
#top_main .txt_box .top_main_txt1{ margin-top: 18px; font-size: 19.3px; font-weight: 600; }
#top_main .txt_box .top_main_txt2{ margin-top: 5px; font-size: 16px; font-weight: 400; }
#top_main .top_main_img { position: relative;}
#top_main .top_main_img .top_main_img2{ position: absolute; left: 0; top: 0;}
@media screen and (max-width:540px) {
#top_main{ padding:5vw 0 0 0;}
.top_main_date{ margin: 4vw auto 0;}
#top_main .txt_box .top_main_txt1 { margin-top:3.3333vw; font-size:3.5741vw; font-weight:600; }
#top_main .txt_box .top_main_txt2 { margin-top:0.9259vw; font-size:2.9630vw; font-weight:400; }
}
/*top_main_bottom*/
.top_main_bottom{ background: #0097f2; padding: 0 0 30px;}
.top_main_bottom p.top_main_bottom_txt{ padding: 20px 0; font-size: 15.5px; text-align: center; color: #fff; }
@media screen and (max-width:540px) {
.top_main_bottom {padding:0 0 5.5556vw; }
.top_main_bottom p.top_main_bottom_txt { padding:3.7037vw 0; font-size:2.8704vw; }
}
/*banner*/
.top_event_banner{ margin: 0 auto; width: 90.8%;}
.top_event_banner a{ position: relative; display: block; transition: 0.2s;color: #000; }
.top_event_banner a:hover{ transform: translateY(3px); }
.top_event_banner a .banner_txt_box{ position: absolute; left: 18px; top: 0; text-align: left; }
.top_event_banner a .banner_txt_box .banner_txt1{ margin-top: 18px; font-size: 15px; font-weight: 600; line-height: 1;}
.top_event_banner a .banner_txt_box .banner_txt2{ margin-top: 11px; font-size: 23px; font-weight: 600; line-height: 1;}
.top_event_banner a .banner_txt_box .banner_txt3{ margin-top: 0px; font-size: 40px; font-weight: 600; line-height: 1;}
@media screen and (max-width:540px) {
.top_event_banner a .banner_txt_box { position:absolute; top:0; left:3.3333vw; }
.top_event_banner a .banner_txt_box .banner_txt1 { margin-top:3.3333vw; font-size:2.7778vw; }
.top_event_banner a .banner_txt_box .banner_txt2 { margin-top:2.0370vw; font-size:4.2593vw; }
.top_event_banner a .banner_txt_box .banner_txt3 { margin-top:0; font-size:7.4074vw;  }
}


/*------------------------------
    [common] content button
-------------------------------*/
.btn { position:relative; display:flex; align-items:center; justify-content:center; height:50px; padding:0 20px 1px 20px; border:1px solid #000; border-radius:999px; box-shadow:0 3px 0 #000; font-size:15px; font-weight:500; letter-spacing:0.04em; line-height:1; transition:box-shadow 0.18s ease,transform 0.18s ease,filter 0.18s ease; }
.btn::after { position:absolute; top:50%; right:20px; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid currentColor; content:""; transform:translateY(-50%); }
.btn:hover { box-shadow:0 1px 0 #000; filter:brightness(0.96); transform:translateY(3px); }
.btn_comingsoon{ position:relative; display:flex; align-items:center; justify-content:center; height:50px; width: 47%; padding:0 20px 1px 20px; background: #767676; color: #fff; font-style: italic; border:1px solid #000; border-radius:999px; box-shadow:0 3px 0 #000; font-size:15px; font-weight:500; letter-spacing:0.04em; line-height:1; transition:box-shadow 0.18s ease,transform 0.18s ease,filter 0.18s ease; }
@media screen and (max-width:540px) {
.btn { height:9.2593vw; padding:0 3.7037vw 0.1852vw 3.7037vw; border-width:0.1852vw; box-shadow:0 0.5556vw 0 #000; font-size:2.7778vw; }
.btn::after { right:3.7037vw; border-top-width:0.7407vw; border-bottom-width:0.7407vw; border-left-width:1.1111vw; }
.btn:hover { box-shadow:0 0.1852vw 0 #000; transform:translateY(0.5556vw); }
.btn_comingsoon{ height:9.2593vw; padding:0 3.7037vw 0.1852vw 3.7037vw; border-width:0.1852vw; box-shadow:0 0.5556vw 0 #000; font-size:2.7778vw; }
}

.business_tickets_section .btn_comingsoon{ margin: 20px auto 0;}


/*------------------------------
    [top] top_ticket
-------------------------------*/
#top_ticket { padding:29px 25px 29px; background:#ff0084; color:#fff; text-align:center; }
#top_ticket h2 { font-family:"LINE Seed JP",sans-serif; font-size:34px; font-weight:600; letter-spacing:.05em; line-height:1; }
#top_ticket .top_ticket__lead { margin-top:17px; font-size:17px; font-weight:500; letter-spacing:.2em; line-height:1; }
#top_ticket .top_ticket__list { display:flex; gap:18px; margin-top:28px; }
#top_ticket .top_ticket__item { position:relative; width:calc((100% - 18px) / 2); height:175px; border:1px solid #000; text-align:left; }
#top_ticket .top_ticket__item--business { background:#ff7f00; }
#top_ticket .top_ticket__item--user { background:#6bc100; }
#top_ticket .top_ticket__item h3 { position:relative; z-index:2; margin:13px 0 0 12px; font-family:"LINE Seed JP",sans-serif; font-size:23px; font-weight:600; letter-spacing:0.01em; line-height:1.2; }
#top_ticket .top_ticket__item > p { position:relative; z-index:2; margin:10px 0 0 12px; font-size:14px; font-weight:500; line-height:1; }
#top_ticket .top_ticket__character { position:absolute; z-index:1; pointer-events:none; }
#top_ticket .top_ticket__character--business { top:-12px; right:-7px; width:99px; }
#top_ticket .top_ticket__character--user { top:-15px; right:-5px; width:142px; }
#top_ticket .btn { position:absolute; z-index:3; right:11px; bottom:17px; left:11px; background:#fff; color:#000; }
@media screen and (max-width:540px) {
#top_ticket { padding:5.3704vw 4.6296vw; }
#top_ticket h2 { font-size:6.2963vw; }
#top_ticket .top_ticket__lead { margin-top:3.1481vw; font-size:3.1481vw; }
#top_ticket .top_ticket__list { gap:3.3333vw; margin-top:5.1852vw; }
#top_ticket .top_ticket__item { width:calc((100% - 3.3333vw) / 2); height:32.4074vw; border-width:0.1852vw; }
#top_ticket .top_ticket__item h3 { margin:2.4074vw 0 0 2.2222vw; font-size:4.2593vw; }
#top_ticket .top_ticket__item > p { margin:1.8519vw 0 0 2.2222vw; font-size:2.5926vw; }
#top_ticket .top_ticket__character--business { top:-2.2222vw; right:-1.2963vw; width:18.3333vw; }
#top_ticket .top_ticket__character--user { top:-2.7778vw; right:-0.9259vw; width:26.2963vw; }
#top_ticket .btn { right:2.0370vw; bottom:3.1481vw; left:2.0370vw; }
}

/*------------------------------
    [top] top_overview
-------------------------------*/
#top_overview { position:relative; padding:30px 0; overflow:hidden; background:#fff; }
#top_overview .top_overview__head { text-align:center; }
#top_overview .top_overview__head h2 { font-family:"LINE Seed JP",sans-serif; font-size:34px; font-weight:600; letter-spacing:0.05em; line-height:1; }
#top_overview .top_overview__head p { margin-top:15px; font-size:17px; font-weight:500; letter-spacing:0.28em; line-height:1; }
#top_overview .top_overview__inner { position:relative; z-index:2; width:90.8%; margin:25px auto 0; }
#top_overview .top_overview__summary { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; height:102px; border:1px solid #000; font-size:14px; line-height:1.9; text-align:center; }
#top_overview .top_overview__character { position:absolute; z-index:3; pointer-events:none; }
#top_overview .top_overview__character--01 { top:-38px; right:19px; width:58px; }
#top_overview .top_overview__box { position:relative; margin-top:19px; border:1px solid #000; background:#fff; }
#top_overview .top_overview__box h3 { display:flex; align-items:center; justify-content:center; height:40px; color:#fff; font-family:"LINE Seed JP",sans-serif; font-size:16px; font-weight:400; letter-spacing:0.05em; line-height:1; }
#top_overview .top_overview__box-body { position:relative; padding:15px 16px 25px; font-size:14px; line-height:1.85; text-align:center; }
#top_overview .top_overview__box-body p.sub { margin-top: 15px;  }
#top_overview .top_overview__button-row { display:flex; gap:20px; margin:17px 9px 0; }
#top_overview .top_overview__button-row .btn { width:calc((100% - 20px) / 2); color:#fff; }
#top_overview .business h3 { background:#ff7e00; }
#top_overview .business .btn { background:#ff7e00; }
#top_overview .top_overview__character--02 { top:-35px; left:12px; width:76px; }
#top_overview .user_day h3 { background:#6cc200; }
#top_overview .user_day .btn { background:#6cc200; }
#top_overview .venue { z-index:2; margin-top:19px; }
#top_overview .venue h3 { background:#ff0090; }
#top_overview .venue .top_overview__box-body { min-height:135px; padding:14px 16px 22px; }
#top_overview .venue .btn { width:294px; margin:20px auto 0; background:#ff0090; color:#fff; }
#top_overview .top_overview__character--03 { right:17px; bottom:17px; width:67px; }
@media screen and (max-width:540px) {
	#top_overview { padding:5.5556vw 0; }
	#top_overview .top_overview__head h2 { font-size:6.2963vw; }
	#top_overview .top_overview__head p { margin-top:2.7778vw; font-size:3.1481vw; }
	#top_overview .top_overview__inner { margin-top:4.6296vw; }
	#top_overview .top_overview__summary { height:18.8889vw; border-width:0.1852vw; font-size:2.5926vw; }
	#top_overview .top_overview__character--01 { top:-7.0370vw; right:3.5185vw; width:10.7407vw; }
	#top_overview .top_overview__box { margin-top:3.5185vw; border-width:0.1852vw; }
	#top_overview .top_overview__box h3 { height:7.4074vw; font-size:2.9630vw; }
	#top_overview .top_overview__box-body { padding:2.7778vw 2.9630vw 4.6296vw; font-size:2.5926vw; }
	#top_overview .top_overview__button-row { gap:3.7037vw; margin:3.1481vw 1.6667vw 0; }
	#top_overview .top_overview__button-row .btn { width:calc((100% - 3.7037vw) / 2); }
	#top_overview .top_overview__character--02 { top:-6.4815vw; left:2.2222vw; width:14.0741vw; }
	#top_overview .venue { margin-top:3.5185vw; }
	#top_overview .venue .top_overview__box-body { min-height:25vw; padding:2.5926vw 2.9630vw 4.0741vw; }
	#top_overview .venue .btn { width:54.4444vw; margin-top:3.7037vw; }
	#top_overview .top_overview__character--03 { right:3.1481vw; bottom:3.1481vw; width:12.4074vw; }
}



/*------------------------------
    [common] site loading
-------------------------------*/
html.is-site-loading,html.is-site-loading body { overflow:hidden; }
html.is-site-page-reveal .site_loader__content { display:none; }

.site_loader { position:fixed; z-index:100000; inset:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:100svh; padding:40px; overflow:hidden; background:#fff; opacity:1; visibility:visible; transition:opacity 1.5s ease,visibility 0s linear 1.5s; }
.site_loader.is-page-reveal { pointer-events:none; transition:opacity 0.75s ease,visibility 0s linear 0.75s; }
.site_loader__content { width:min(70vw,520px); transform:scale(1); transform-origin:center; opacity:1; transition:transform 1.5s cubic-bezier(.22,.7,.28,1),opacity 1.3s ease; }
.site_loader__logo { position:relative; width:100%; aspect-ratio:907 / 404; }
.site_loader__logo-reveal { position:absolute; inset:0; width:0%; overflow:hidden; will-change:width; }
.site_loader__logo-reveal img { display:block; width:min(70vw,520px); max-width:none; height:auto; }
.site_loader__status { display:flex; align-items:baseline; justify-content:center; gap:8px; margin:22px 0 0; color:#000; font-family:"LINE Seed JP",sans-serif; font-weight:800; line-height:1; letter-spacing:0.02em; white-space:nowrap; }
.site_loader__status span { font-size:18px; }
.site_loader__status strong { min-width:3ch; font-size:31px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:0.03em; text-align:right; }
.site_loader__status i { font-size:18px; font-style:normal; }
.site_loader.is-complete .site_loader__content { transform:scale(0.88); opacity:0; }
.site_loader.is-leaving { opacity:0; visibility:hidden; pointer-events:none; }
@media screen and (max-width:540px) {
.site_loader { padding:7.4074vw; }
.site_loader__content { width:78vw; }
.site_loader__logo-reveal img { width:78vw; }
.site_loader__status { gap:1.4815vw; margin-top:4.0741vw; }
.site_loader__status span { font-size:3.3333vw; }
.site_loader__status strong { font-size:5.7407vw; }
.site_loader__status i { font-size:3.3333vw; }
}
@media (prefers-reduced-motion:reduce) {
.site_loader,.site_loader__content { transition-duration:0.01ms !important; transition-delay:0ms !important; }
}

/*------------------------------
    [common] lower page
-------------------------------*/
.co_page { background:#fff; }
.co_page_header{ display: none;}
.co_page_hero { position:relative; z-index:2; background:var(--page-color); color:#fff; }
.co_page_hero__title { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding-bottom:0px; text-align:center; }
.co_page_hero__title h1 { height: 125px; width: 100%; display:flex; align-items:center; justify-content:center; font-family:"LINE Seed JP",sans-serif; font-size:45px; font-weight:700; letter-spacing:0.01em; line-height:1.1; }
.co_page_hero__title h1 small{  font-size:27px; font-weight:700; letter-spacing:0.01em; line-height:1.1; display: block; }
.co_page_hero__title p { position:relative; display:flex; align-items:center; justify-content:center; height:35px; width: 100%; background:#000; color:#fff; font-size:18px; font-weight:400; letter-spacing:0.04em; line-height:1; }
.co_page_hero__character { position:absolute; z-index:3; top:0; pointer-events:none; }
.co_page_hero__character--left { left:0; }
.co_page_hero__character--right { right:0; }

.co_page_body { position:relative; padding:28px 25px 32px; background:var(--page-color); }
.co_section_title { display:flex; align-items:center; justify-content:center; height:58px; background:#000; color:#fff; font-family:"LINE Seed JP",sans-serif; font-size:25px; font-weight:400; letter-spacing:0.04em; line-height:1; }
.co_outline_btn { position:relative; display:flex; align-items:center; justify-content:center; width:310px; height:54px; margin:22px auto 0; border:1px solid #000; border-radius:999px; box-shadow:0 3px 0 #000; background:#fff; color:#000; font-size:16px; font-weight:500; letter-spacing:0.05em; line-height:1; transition:box-shadow .18s ease,transform .18s ease; }
.co_outline_btn:hover { box-shadow:0 1px 0 #000; transform:translateY(3px); }
.co_outline_btn img { position:absolute; top:50%; right:18px; width:24px; transform:translateY(-50%); }

.co_color_btn { position:relative; display:flex; align-items:center; justify-content:center; width:290px; height:auto; padding: 15px 0; margin:21px auto 0; border:1px solid #000; border-radius:999px; box-shadow:0 3px 0 #000; background:#ff008c; color:#fff; font-size:14px; font-weight:600; letter-spacing:0.04em; line-height:1; transition:box-shadow .18s ease,transform .18s ease; }
.co_color_btn::after { position:absolute; top:50%; right:18px; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid currentColor; content:""; transform:translateY(-50%); }
.co_color_btn:hover { box-shadow:0 1px 0 #000; transform:translateY(3px); }

.co_color_btn.icon_blank::after { position:absolute; top:48%; right:20px; width:15px; height:15px;  background: url(../img/icon_link.webp) no-repeat center center; background-size: contain; border: none; content:""; transform:translateY(-50%); }
.co_color_btn.icon_blank_b::after { position:absolute; top:48%; right:20px; width:15px; height:15px;  background: url(../img/icon_link_b.webp) no-repeat center center; background-size: contain; border: none; content:""; transform:translateY(-50%); }
@media screen and (max-width:540px) {
.co_color_btn { position:relative; display:flex; align-items:center; justify-content:center; width:290px; height:auto; padding: 3vw 0; margin:21px auto 0; border:1px solid #000; border-radius:999px; box-shadow:0 3px 0 #000; background:#ff008c; color:#fff; font-size:14px; font-weight:600; letter-spacing:0.04em; line-height:1; transition:box-shadow .18s ease,transform .18s ease; }
.co_color_btn.icon_blank::after { position:absolute; top:48%; right:7%; width:3vw; height:15px;  background: url(../img/icon_link.webp) no-repeat center center; background-size: contain; border: none; content:""; transform:translateY(-50%); }
.co_color_btn.icon_blank_b::after { position:absolute; top:48%; right:7%; width:3vw; height:15px;  background: url(../img/icon_link_b.webp) no-repeat center center; background-size: contain; border: none; content:""; transform:translateY(-50%); }
}



.btn_2set{ display: flex;}
.btn_2set .co_color_btn { width: 45%; }
@media screen and (max-width:1200px) {
.co_page_body { position:relative; padding:28px 25px 110px; background:var(--page-color); }
.co_page_header { position:relative; z-index:10; display:flex; align-items:center; width:100%; height:116px; padding:24px 90px 29px 25px; background:#fff; }
.co_page_header__logo { display:block; width:400px; max-width:100%; }
.co_page_header__logo img { width:100%; }
}
@media screen and (max-width:540px) {
.co_page_header { height:21.4815vw; padding:4.4444vw 16.6667vw 5.3704vw 4.6296vw; }
.co_page_header__logo { width:74.0741vw; }

.co_page_hero__title { padding-bottom:0vw; }
.co_page_hero__title h1 { height:23.1481vw; font-size:8.3333vw; }
.co_page_hero__title h1 small{ font-size:5vw; }

.co_page_hero__title p { height:6.4815vw; font-size:3.3333vw; }
.co_page_hero--map .co_page_hero__character--left { top:0; left:2.7778vw; width:17.0370vw; }
.co_page_hero--map .co_page_hero__character--right { right:0; width:24.0741vw; }
.co_page_hero--press .co_page_hero__character--left { left:0; width:30.4630vw; }
.co_page_hero--press .co_page_hero__character--right { right:0.5556vw; width:33.7037vw; }
.co_page_hero--guidelines .co_page_hero__character--left { left:0.9259vw; width:24.0741vw; }
.co_page_hero--guidelines .co_page_hero__character--right { right:0; width:24.6296vw; }
.co_page_body { padding:5.1852vw 4.6296vw 19vw; }
.co_section_title { height:10.7407vw; font-size:4.6296vw; }
.co_outline_btn { width:57.4074vw; height:10vw; margin-top:4.0741vw; border-width:0.1852vw; box-shadow:0 0.5556vw 0 #000; font-size:2.9630vw; }
.co_outline_btn:hover { box-shadow:0 0.1852vw 0 #000; transform:translateY(0.5556vw); }
.co_outline_btn img { right:3.3333vw; width:4.4444vw; }
.co_color_btn { width:53.7037vw;  margin-top:3.8889vw; border-width:0.1852vw; box-shadow:0 0.5556vw 0 #000; font-size:2.5926vw; }
.co_color_btn::after { right:3.3333vw; border-top-width:0.7407vw; border-bottom-width:0.7407vw; border-left-width:1.1111vw; }
.co_color_btn:hover { box-shadow:0 0.1852vw 0 #000; transform:translateY(0.5556vw); }
}




/*------------------------------
    [ MAP / EXHIBITOR ] map page
-------------------------------*/
.page-map { --page-color:#ff008c; }
.map_section { background:#fff; }
.map_section + .map_section { margin-top:31px; }
.map_section__body { padding:25px 20px 28px; }
.map_section__image { width:100%; }

/*map キャラ位置*/
.co_page_hero--map .co_page_hero__character--left { top:0; left:15px; width:17%; }
.co_page_hero--map .co_page_hero__character--right { right:0px; width:24%; }

/*map Coming soon!*/
.comingsoon{ height: 200px; display: flex; align-items: center; justify-content: center; border: solid 1px #000;}
.comingsoon p{ font-size: 20px; letter-spacing: 1px; font-style: italic;}
/*会場マップ*/


/*出展者一覧 table*/
.exhibitor_table { width:100%; table-layout:fixed; font-family:"LINE Seed JP",sans-serif; }
.exhibitor_table th {  border:1px solid #000; background:#ffbcc5; font-size:14px; font-weight:400; letter-spacing:0.03em; text-align:center; }
.exhibitor_table th:first-child { width:76%; }
.exhibitor_table td.head { padding:20px 0px 10px; border-bottom:2px solid #777; font-size:14px; line-height:1.45; vertical-align:middle; }

.exhibitor_table td { padding:18px 12px; border-bottom:1px solid #777; font-size:14px; line-height:1.45; vertical-align:middle; }
.exhibitor_table td:last-child { width:24%; text-align:center; }
.exhibitor_table td span { display:block; color:#ff008c; }

.exhibitor_table td  a:hover span{ text-decoration: underline;color:#ff008c; }

/*
.exhibitor_table tbody tr:last-child td { border-bottom:0; }
*/
@media screen and (max-width:540px) {
.map_section + .map_section { margin-top:5.7407vw; }
.map_section__body { padding:4.6296vw 3.7037vw 5.1852vw; }
.exhibitor_table th { border-width:0.1852vw; font-size:2.5926vw; }
.exhibitor_table td { padding:3.4vw 2.4vw; border-bottom-width:0.2vw; font-size:2.5926vw; }

.exhibitor_table td.head { padding:4vw 0px 2vw; border-bottom:2px solid #777; font-size:2.6vw; line-height:1.45; vertical-align:middle; }

}




/*------------------------------
    [ PRESS ] press page
-------------------------------*/
.page-press { --page-color:#0097f2; }
/*press  キャラ位置*/
.co_page_hero--press .co_page_hero__character--left { left:0; width:30.8%; }
.co_page_hero--press .co_page_hero__character--right { right:3px; width:34%; }

.press_card { padding:19px 16px 18px; border:1px solid #000; background:#fff; }
.press_section + .press_section { margin-top:22px; }
.press_section h2 { display:flex; align-items:center; min-height:38px; padding:7px 12px; border:1px solid #000; background:#a9dde5; font-size:15px; font-weight:500; letter-spacing:0.03em; line-height:1.4; }
.press_section p { margin-top:13px; font-size:13.5px; line-height:1.8; }
.press_section p + p { margin-top:13px; }
.press_section a { color:#ff008c; text-decoration:underline; text-underline-offset:2px; }
.press_schedule { padding:13px 0 16px; border-bottom:1px solid #777; }
.press_schedule:last-child { padding-bottom:0; border-bottom:0; }
.press_schedule h3 { font-size:15px; font-weight:600; line-height:1; }
.press_schedule p { margin-top:8px; }
.press_schedule--business h3 { color:#ef7c0a; }
.press_schedule--user h3 { color:#56b900; }
.press_section .co_color_btn { color:#fff; text-decoration:none; }
@media screen and (max-width:540px) {
.press_card { padding:3.5185vw 2.9630vw 3.3333vw; border-width:0.1852vw; }
.press_section + .press_section { margin-top:4.0741vw; }
.press_section h2 { min-height:7.0370vw; padding:1.2963vw 2.2222vw; border-width:0.1852vw; font-size:2.7778vw; }
.press_section p { margin-top:2.4074vw; font-size:2.5vw; }
.press_section p + p { margin-top:2.4074vw; }
.press_schedule { padding:2.4074vw 0 2.9630vw; border-bottom-width:0.1852vw; }
.press_schedule h3 { font-size:2.7778vw; }
.press_schedule p { margin-top:1.4815vw; }
}



/*------------------------------
    [ GUIDELINES ] guidelines page
-------------------------------*/
.page-guidelines { --page-color:#f9a4ad; }/* GUIDELINES co_col */
/*guidelines キャラ位置*/
.co_page_hero--guidelines .co_page_hero__character--left { left:5px; width:26%; }
.co_page_hero--guidelines .co_page_hero__character--right { right:0px; width:26.5%; }

.guidelines_card { border:1px solid #000; background:#fff; }
.guidelines_section { padding:17px 17px 14px; }
.guidelines_section--shade { background:#f1f1f1; }
.guidelines_section h2 { padding:8px 10px; border:1px solid #000; background:#ffe500; font-size:16px; font-weight:500; letter-spacing:0.02em; line-height:1.4; }
.guidelines_section p { margin-top:13px; font-size:16px; line-height:1.8; }
.guidelines_section ul { margin-top:13px; }
.guidelines_section li { position:relative; padding-left:1em; font-size:16px; line-height:1.75; }
.guidelines_section li::before { position:absolute; top:0; left:0; content:"・"; }
@media screen and (max-width:540px) {
.guidelines_card { border-width:0.1852vw; }
.guidelines_section { padding:3.1481vw 3.1481vw 2.5926vw; }
.guidelines_section h2 { padding:1.4815vw 1.8519vw; border-width:0.1852vw; font-size:2.9630vw; }
.guidelines_section p { margin-top:2.4074vw; font-size:2.9630vw; }
.guidelines_section ul { margin-top:2.4074vw; }
.guidelines_section li { font-size:2.9630vw; }
}




/*------------------------------
    [ BUSINESS TICKETS ] business_tickets page
-------------------------------*/
.page-business_tickets { --page-color:#ff7e00; }
/*business_tickets  キャラ位置*/
.co_page_hero--business_tickets .co_page_hero__character--left { left:0; width:26%; }
.co_page_hero--business_tickets .co_page_hero__character--right { right:0px; width:28%; }

.business_tickets_card { padding:19px 16px 0px; border:1px solid #000; background:#fff; }

.business_tickets_section{ margin-bottom: 35px; }
.business_tickets_section h2 { display: block; text-align: center; min-height:38px; padding:7px 12px; border:1px solid #000; background:#000; color: #fff; font-size:15px; font-weight:500; letter-spacing:0.03em; line-height:1.4; }
.business_tickets_section p { margin-top:13px; font-size:15.5px; line-height:1.8; }
.business_tickets_section p + p { margin-top:13px; }
.business_tickets_section a { color:#ff008c; text-decoration:underline; text-underline-offset:2px; }
.business_tickets_schedule { padding:13px 0 16px; border-bottom:1px solid #777; }
.business_tickets_schedule:last-child { padding-bottom:0; border-bottom:0; }
.business_tickets_schedule h3 { font-size:15px; font-weight:600; line-height:1; }
.business_tickets_schedule p { margin-top:8px; }
.business_tickets_schedule--business h3 { color:#ef7c0a; }
.business_tickets_schedule--user h3 { color:#56b900; }
.business_tickets_section .co_color_btn { color:#fff; text-decoration:none; }
@media screen and (max-width:540px) {
.business_tickets_card { padding:3.5185vw 2.9630vw 0vw; border-width:0.1852vw; }
.business_tickets_section h2 { min-height:7.0370vw; padding:1.2963vw 2.2222vw; border-width:0.1852vw; font-size:2.7778vw; }
.business_tickets_section p { margin-top:2.4074vw; font-size:2.9vw; }
.business_tickets_section p + p { margin-top:2.4074vw; }
.business_tickets_schedule { padding:2.4074vw 0 2.9630vw; border-bottom-width:0.1852vw; }
.business_tickets_schedule h3 { font-size:2.7778vw; }
.business_tickets_schedule p { margin-top:1.4815vw; }
}

.business_tickets_card .co_color_btn{ background: #ff7e00;}

.co_section{ margin-top:31px; background: #fff; border: solid 1px #000; }
.co_section h2{padding: 8px 10px; text-align: center; border: initial; border-bottom: solid 1px #000;}
.co_section .co_inner{ padding: 14px 0 25px; width: 94%; margin: 0 auto;}
@media screen and (max-width:540px) {
.co_section{ margin-top:5.7407vw; }
}
.h2_green{ color: #fff; background: #6dc200 !important; }

.cn{ text-align: center;}





/*------------------------------
    [ USER DAY TICKETS ] user_tickets page
-------------------------------*/
.page-user_tickets { --page-color:#6dc200; }
/*user_tickets  キャラ位置*/
.co_page_hero--user_tickets .co_page_hero__character--left { left:20px; width:25%; }
.co_page_hero--user_tickets .co_page_hero__character--right { top: 15px; right:0px; width:25%; }



.user_tickets h2 { text-align: center; background: #000; color: #fff; line-height: 1.4; padding: 10px 0;}
.user_tickets h2 small{ font-size: 18px; display: block;}
.user_tickets h2 span{ font-size: 25px;}
@media screen and (max-width:540px){
.user_tickets h2 { padding:1.8519vw 0; }
.user_tickets h2 small{ font-size:3.3333vw; }
.user_tickets h2 span{ font-size:4.6296vw; }
}

.user_tickets_card { padding:19px 16px 0px; border:1px solid #000; background:#fff; }
.user_tickets_section{ margin-bottom: 0px; background: #fff; border: solid 1px #000; }

.co_wrap2{ padding: 17px 0 40px; width: 93%; margin: 0 auto; }

.co_wrap_bg{ background:#f4f4f4;padding: 20px 0 0px; }

.title_h3 {  padding: 7px 15px; font-size: 15px; font-weight: 600; color: #333; border: solid 1px #000; }

@media screen and (max-width:540px) {
.co_wrap2{ padding: 17px 0 7.5vw; width: 91%; margin: 0 auto; }

.title_h3{ font-size:2.7778vw; }
}







/*------------------------------
    [ USER DAY TICKETS ] events_user page
-------------------------------*/
.page-events_user { --page-color:#0044a0; }
/*events_user  キャラ位置*/
.co_page_hero--events_user .co_page_hero__character--left { left:15px; width:26%; }
.co_page_hero--events_user .co_page_hero__character--right { top: 15px; right:5px; width:25%; }

.events_user h2 { text-align: center; background: #000; color: #fff; line-height: 1.4; padding: 10px 0;}
.events_user h2 small{ font-size: 18px; display: block;}
.events_user h2 span{ font-size: 25px;}
@media screen and (max-width:540px){
.events_user h2 { padding:1.8519vw 0; }
.events_user h2 small{ font-size:3.3333vw; }
.events_user h2 span{ font-size:4.6296vw; }
}
.events_user_card { padding:19px 16px 0px; border:1px solid #000; background:#fff; }
.events_user_section{ margin-bottom: 0px; background: #fff; border: solid 1px #000; }

.co_wrap_bg{ background:#f4f4f4;padding: 20px 0 0px; }

.user_event_img_box{ margin-top: 20px; position: relative; width: 110%;}
.user_event_img_l{  margin:0 0 0 -9%;} 
.user_event_img_r{  margin:0 -9% 0 0 ;} 

.events_user_section table th,
.events_user_section table td{ vertical-align: top; padding-bottom: 5px;}





/*------------------------------
    [ BANNER ] banner page
-------------------------------*/
.page-banner { --page-color:#7cc4d0; }
/*banner  キャラ位置*/
.co_page_hero--banner .co_page_hero__character--left { top: 7px; left:5px; width:30%; }
.co_page_hero--banner .co_page_hero__character--right { top: 4px; right:5px; width:22%; }

.banner_list{ padding-bottom: 14px;}
.banner_list li{ display: flex; align-items: center; justify-content: space-between; padding-top: 30px; }
.banner_list li .img_box{ width: 48%;}
.banner_list li .img_box img{ border: solid 1px #ccc;}
.banner_list li .txt_box{ width: 50%; display: flex; align-items: center; justify-content: center; text-align: center; }
.banner_list li .txt_box p{ text-align: center; display: inline-block;}




.page-banner .banner_list .co_color_btn { width:auto; height:auto; padding: 15px 55px 15px 45px; }
@media screen and (max-width:540px){
.page-banner .banner_list .co_color_btn { padding:2.7778vw 10.1852vw 2.7778vw 8.3333vw; }
}




/*----------------------------------------------
    [ COMMON ] 共通指定
-----------------------------------------------*/
.yellow{ background: #fee500; }
.pnk{ background: #ffbcc5; }
.pnk2{ background: #ff008e; }

.blue{ background: #b9e1e8; }
.green{ background: #a3e154; }
.black{ background: #000; color: #fff;}
.orange{ background: #ff7e00;}


.txt_pnk{ color: #ff008e; }

.txt_black{ color: #000 !important; }

.red{ background: #ff142c; color: #fff; }



.txt_w{ color: #fff;}

/* btn_col */

.light_blue2{ background: #b9e1e8; color: #000; }

.light_blue{ background: #0095d6; }
.blue2{ background: #0044a0; }
.green2{ background: #6dc200; }
.purple{ background: #6f279d; }

.col_led{ color: #ff142c;}
.col_orange{ color: #ef7c0a;}
.col_green{ color: #56b900;}

.txt_link{  color: #ff008e; text-decoration: underline;}

.bold{ font-weight: 600;}

hr{ width: 100%; height: 1px; display: block; background: #333;}



.mt50{ margin-top:50px; }
.mt45{ margin-top:45px; }
.mt40{ margin-top:40px; }
.mt35{ margin-top:35px; }
.mt30{ margin-top:30px; }
.mt25{ margin-top:25px; }
.mt20{ margin-top:20px; }
.mt15{ margin-top:15px; }
.mt10{ margin-top:10px; }
.mt5{ margin-top:5px; }
@media screen and (max-width:540px){
.mt50{ margin-top:9.2593vw; }
.mt45{ margin-top:8.3333vw; }
.mt40{ margin-top:7.4074vw; }
.mt35{ margin-top:6.4815vw; }
.mt30{ margin-top:5.5556vw; }
.mt25{ margin-top:4.6296vw; }
.mt20{ margin-top:3.7037vw; }
.mt15{ margin-top:2.7778vw; }
.mt10{ margin-top:1.8519vw; }
.mt5{ margin-top:0.9259vw; }
}






.txt35{ font-size: 35px;}
.txt30{ font-size: 30px;}
.txt25{ font-size: 25px;}
.txt20{ font-size: 20px;}
.txt19{ font-size: 19px;}
.txt18{ font-size: 18px;}
.txt17{ font-size: 17px;}
.txt16{ font-size: 16px;}
.txt15{ font-size: 15px;}
.txt14{ font-size: 14px;}
.txt13{ font-size: 13px;}
.txt12{ font-size: 12px;}
.txt11{ font-size: 11px;}
@media screen and (max-width:540px){
.txt35{ font-size:6.4815vw; }
.txt30{ font-size:5.5556vw; }
.txt25{ font-size:4.6296vw; }
.txt20{ font-size:3.7037vw; }
.txt19{ font-size:3.5185vw; }
.txt18{ font-size:3.3333vw; }
.txt17{ font-size:3.1481vw; }
.txt16{ font-size:2.9630vw; }
.txt15{ font-size:2.7778vw; }
.txt14{ font-size:2.5926vw; }
.txt13{ font-size:2.4074vw; }
.txt12{ font-size:2.2222vw; }
.txt11{ font-size:2.0370vw; }
}


.lh2{line-height: 2;}
.lh18{line-height: 1.8;}
.lh16{line-height: 1.6;}
.lh14{line-height: 1.4;}
.lh12{line-height: 1.2;}
.lh1{line-height: 1;}

ul.list_kome li{ text-indent: -15px; padding-left: 15px; }
.bg_bry{ position: relative; padding: 5px 0;}
.bg_bry .inner{ position: relative; z-index: 2;}
.bg_bry::after{ position: absolute; left: -20%; top: 0; width: 140%; height: 100%; background: #ccc; content: ''; display: block; z-index: -0;}

/* co_tab_inner */
.co_tab_inner{ display: block; margin: 0; background: #000; color: #fff;}
.co_tab_inner ul{ padding: 10px 0 0; display: flex; flex-wrap: wrap; width: 94%; margin: 0 auto;}
.co_tab_inner ul li{ width: 50%; padding: 0px 0 0px;}
.co_tab_inner ul li a{ margin: 0 ; }
.co_tab_inner ul li a.co_tab { width: 94%; margin: 0 auto; }

/* co_tab */
.co_tab { position:relative; display: flex; align-items: center; justify-content: center; width:100%; height:60px; margin:21px auto 0; border-radius:8px 8px 0 0 ; background:#fff; color:#000; font-size:15px; font-weight:500; line-height:1.4; transition:box-shadow .18s ease,transform .18s ease; text-align: center;}
.co_tab.off { background: #767676; color: #fff; pointer-events:none;}
.co_tab span{ display: block;}
.co_tab.icon_blank::after { position:absolute; top:48%; right:18px; width:15px; height:15px;  background: url(../img/icon_link.webp) no-repeat; background-size: cover; border: none; content:""; transform:translateY(-50%); }
@media screen and (max-width:540px) {
.co_tab { width:53.7037vw; height:12vw; margin-top:3.8889vw; border-width:0.1852vw; font-size:3vw; }
.co_tab:hover { box-shadow:0 0.2vw 0 #000; transform:translateY(0.5556vw); }
}

.italic{ font-style: italic;}
.bold{ font-weight: bold;}

/* co_sub_inner */
.co_sub_inner{ display: block; margin: 0; background: #fff; color: #000;}
.co_sub_inner ul{ padding: 19px 0 ; display: flex; flex-wrap: wrap; width: 94%; margin: 0 auto;}
.co_sub_inner ul li{ width: 50%; padding: 5px 0 10px;}
.co_sub_inner ul li a{ margin: 0 ; }
.co_sub_inner ul li a.co_color_btn2 { width: 94%; margin: 0 auto; }

@media screen and (max-width:540px) {
.co_sub_inner ul{ padding: 3vw 0 ; }
.co_sub_inner ul li{ width: 50%; padding: 1vw 0 1.5vw;}
}

/* co_color_btn2 */
.co_color_btn2 { position:relative; display:flex; align-items:center; width:100%; height:60px; margin:21px auto 0; border:1px solid #000; border-radius:8px; box-shadow:0 3px 0 #000; background:#fcef00; color:#000; font-size:14px; font-weight:500; line-height:1.4; transition:box-shadow .18s ease,transform .18s ease; }
.co_color_btn2::after { position:absolute; top:50%; right:15px; width:0; height:0;border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid currentColor; content:""; transform:translateY(-50%); }
.co_color_btn2:hover { box-shadow:0 1px 0 #000; transform:translateY(3px); }
.co_color_btn2 span{ width: 95%; text-align: center;}
.co_color_btn2.icon_blank::after { position:absolute; top:48%; right:18px; width:15px; height:15px;  background: url(../img/icon_link.webp) no-repeat; background-size: cover; border: none; content:""; transform:translateY(-50%); }
@media screen and (max-width:540px) {
.co_color_btn2 { width:53.7037vw; height:11vw; margin-top:3.8889vw; border-width:0.1852vw; border-radius:1.3vw; box-shadow:0 0.5556vw 0 #000; font-size:2.5926vw; }
.co_color_btn2::after { right:3.3333vw; border-top-width:0.7407vw; border-bottom-width:0.7407vw; border-left-width:1.1111vw; }
.co_color_btn2:hover { box-shadow:0 0.1852vw 0 #000; transform:translateY(0.5556vw); }
}