@charset "UTF-8";
/*-- DEVIATION --*/
.mv::after { content: ''; position: absolute; bottom: -46px; left: 0; width: 100%; height: 134px; background: url(../images/mv-curve.png) no-repeat center top; background-size: cover;}
.heading-admission02 .heading-subtext img { height: 38px; }

/*-- BOX TITLE --*/
.wrapBoxTtl{ width: 100%; position: relative; text-align: center; line-height: 1; margin: 40px auto 60px;}
.wrapBoxTtl::after{ content: ""; display: block; height: 1px; width: 100%; background: #D5D5D5; position: absolute; top: 50%; left: 0;}
.wrapBoxTtl p{ display: inline-block; position: relative; z-index: 2; min-width: 500px; margin: 0 auto; background: #00A040; padding: 3px; box-sizing: border-box; border-radius: 6px;}
.wrapBoxTtl p span{ display: inline-block;min-width: calc(500px - 6px); border: 2px solid #fff; border-radius: 6px; text-align: center; padding: 15px 0; box-sizing: border-box; color: #fff; font-size: 17px; font-weight: bold;}
.wrapBoxTtl a{ color:#fff; }
.wrapBoxTtl a:hover{ text-decoration: underline;}

.wrapBoxTtl-special{ width: 100%; position: relative; text-align: center; line-height: 1; margin: 40px auto 60px;}
.wrapBoxTtl-special::after{ content: ""; display: block; height: 1px; width: 100%; background: #D5D5D5; position: absolute; top: 50%; left: 0;}
.wrapBoxTtl-special p{ display: inline-block; position: relative; z-index: 2; min-width: 500px; margin: 0 auto; background: #FF8B7B; padding: 3px; box-sizing: border-box; border-radius: 6px;}
.wrapBoxTtl-special p span{ display: inline-block;min-width: calc(500px - 6px); border: 2px solid #fff; border-radius: 6px; text-align: center; padding: 15px 0; box-sizing: border-box; color: #fff; font-size: 17px; font-weight: bold;}


/*-- TICKET ADVISABILITY --*/
.okBox{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 auto 10px;}
.okBox .okList{ width: 45%; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.okBox .okList li{ background: #ACACAC; line-height: 1; padding: 15px 20px; border-radius: 25px; font-size: 16px; font-weight: bold; color: #fff; display: flex; justify-content: space-between; font-feature-settings: "palt" 1; margin-right: 8px;}
.okBox .okList li:last-child{ margin-right: 0;}
.okBox .okList li::after{ content: "\2715"; font-weight: bold; margin-left: 10px;}
.okBox .okList li.ok{ background: #4CB732;}
.okBox .okList li.ok::after{ content: "\25CB";}
.okBox .okList li.ng{ background: #ccc;}
.okBox .okList li.ng::after{ content: "\2715";}

.okBox .okList li.ok-pink{ background: #FF8B7B;}
.okBox .okList li.ok-pink::after{ content: "\25CB";}

.page-fee .table-container .okBox > .media-title{ margin-bottom: 0; font-size: 26px;}
.page-fee .table-container .okBox > .media-title span{ background-size: 50px 50px;}
.page-fee .table-container .ngBox > .media-title{ margin-bottom: 0; font-size: 26px;}
.page-fee .table-container .ngBox > .media-title span{ background-size: 50px 50px;}

.page-fee .table-container .okBox > .media-title-asoview { margin-bottom: 0; font-size: 26px;}
.page-fee .table-container .okBox > .media-title-asoview span{ background-size: 50px 50px;}
.page-fee .table-container .ngBox > .media-title-asoview{ margin-bottom: 0; font-size: 26px;}
.page-fee .table-container .ngBox > .media-title-asoview span{ background-size: 50px 50px;}

/*-- EVENT DISCOUNT --*/
.event-discount{ margin: 40px auto 0;}
.event-discount-text{ font-size: 15px; margin-bottom: 10px; font-weight: bold; color: #1E1E98;}
.event-discount-link{ text-align: right; margin: 10px auto 0; }
.event-discount-link a{ font-size: 13px; color: #656565; text-decoration: underline;}

/*-- table追加 --*/
.table-green .table-col.w25per,
.table-blue .table-col.w25per{ width: 25%;}
.table-pink .table-col.w20per{ width: 20%;}
.table-green,
.table-blue,
.table-pink { height: 100%;}
.table-col.bold{ font-weight: bold;}
.table-green.table-solid td.blank { width: 25%; background: #fff; border: 1px solid #00a040;}
.table-green.table-solid .table-head:first-child{ border-left: 1px solid #00a040; border-right: 1px solid #00a040;}
.table-green .weight-green th.table-col{ background: #00A040; color: #fff; font-weight: bold; font-size: 18px!important;}
.table-green .weight-green th.table-col span{ font-size: 16px;}
.table-green .weight-green td.table-col{ padding: 0;}
.table-green .weight-green td.table-col span.price_original{ border-bottom: none!important; border-top: 6px solid #00A040;height: 100%; width: 100%; display: block; padding: 25px 3px 0; font-size: 14px;}
.table-green .weight-green td.table-col span.price_debut{ border-top: none!important; border-bottom: 6px solid #00A040; height: 100%; width: 100%; display: block; padding:0 3px 25px; font-size: 18px;}
.table-green .weight-green td.table-col span{ border-top: 6px solid #00A040; border-bottom: 6px solid #00A040; height: 100%; width: 100%; display: block; padding: 26px 20px; font-size: 18px;}
.table-green .weight-green td.table-col:last-child span{ border-right: 6px solid #00A040; }
.table-green .table-head { border-top-width: 0px; border-bottom: 1px solid #00a040; text-align: center; border-right: 1px solid #00a040; vertical-align: middle; background-color: transparent;}
.table-green .table-col { border-width: 0px; text-align: center; border-right: 1px solid #00a040; vertical-align: middle; padding-left: 5px; padding-right: 5px; background-color: transparent;}
.table-green .weight-lblue th.table-col{ background: #68B4AD; color: #fff; font-weight: bold; font-size: 18px!important;}
.table-green .weight-lblue th.table-col span{ font-size: 16px;}
.table-green .weight-lblue td.table-col{ padding: 0; background: #fff; vertical-align: middle!important;}
.table-green .weight-lblue td.table-col span{ border-top: 6px solid #68B4AD; border-bottom: 6px solid #68B4AD; height: 100%; width: 100%; display: block; padding: 26px 20px; font-size: 18px;}
.table-green .weight-lblue td.table-col:last-child span{ border-right: 6px solid #68B4AD; }


.img_card { margin: 0 0 20px auto; width:100%; text-align: center;}
.img_card p.b-button { width: 400px;  display: block; padding: 20px 20px 20px 30px;margin: 30px auto 70px ; background: #fff; color: #60472C;  font-size: 18px; font-weight: bold; box-sizing: border-box; border-radius: 50px; position: relative; }
.img_card p.b-button a{ text-decoration: none;　transition: all 0.5s; }
.img_card p.b-button a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 2px  solid #60472C; border-right: 2px solid #60472C; right: 30px; top: calc(50% - 6px); transition: all 0.5s;}
.img_card p.b-button a:hover::after{ right: 20px; border-top: 2px  solid #60472C; border-right: 2px solid #60472C; }



.table-blue .table-head { border-top-width: 0px; border-bottom: 1px solid #1E1E98; text-align: center; border-right: 1px solid #1E1E98; vertical-align: middle; background-color: transparent;}
.table-blue .table-col { border-width: 0px; text-align: center; border-right: 1px solid #1E1E98; vertical-align: middle; padding-left: 5px; padding-right: 5px; background-color: transparent;}

.table-blue .weight-blue th.table-col{ background: #1E1E98; color: #fff; font-weight: bold; font-size: 20px;}
.table-blue .weight-blue th.table-col span{ font-size: 16px;}
.table-blue .weight-blue td.table-col{ padding: 0; background: #fff;}
.table-blue .weight-blue td.table-col span{ border-top: 6px solid #1E1E98; border-bottom: 6px solid #1E1E98; height: 100%; width: 100%; display: block; padding: 17px 20px; font-size: 18px;}
.table-blue .weight-blue td.table-col:last-child span{ border-right: 6px solid #1E1E98; }
.table-blue .weight-lblue th.table-col{ background: #68B4AD; color: #fff; font-weight: bold; font-size: 18px!important;}
.table-blue .weight-lblue th.table-col span{ font-size: 14px;}
.table-blue .weight-lblue td.table-col{ padding: 0; background: #fff;}
.table-blue .weight-lblue td.table-col span{ border-top: 6px solid #68B4AD; border-bottom: 6px solid #68B4AD; height: 100%; width: 100%; display: block; padding: 17px 20px; font-size: 18px;}
.table-blue .weight-lblue td.table-col:last-child span{ border-right: 6px solid #68B4AD; }


.table-pink { border: 6px solid #FF8B7B; background-color: #fff; border-collapse: collapse;}
.table-pink .table-row:first-child { background-color: #FFF7F7;}
.table-pink .table-row:not(:first-child) { background-color: #fff;}
.table-pink .table-head { border-top-width: 0px; border-bottom: 1px solid #FF8B7B; text-align: center; border-right: 1px solid #FF8B7B; vertical-align: middle; background-color: transparent;}
.table-pink.table-solid td.blank { width: 20%; background: #FF8B7B; border: 1px solid #FF8B7B;}
.table-pink.table-solid .table-head:first-child{ border-left: 1px solid #FF8B7B; border-right: 1px solid #FF8B7B; background: #FF8B7B; color: #fff; font-weight: bold; font-size:20px;}
.table-pink .table-col { border-width: 0px; text-align: center; border-right: 1px solid #FF8B7B; vertical-align: middle; padding-left: 20px; padding-right: 20px; background-color: transparent;}

.table-pink .weight-pink th.table-col{ background: #FF8B7B; color: #fff; font-weight: bold; font-size: 20px;}
.table-pink .weight-pink th.table-col span{ font-size: 16px;}
.table-pink .weight-pink td.table-col{ padding: 0;}
.table-pink .weight-pink td.table-col span{height: 100%; width: 100%; display: block; padding: 17px 20px; font-size: 18px;}
.table-pink .weight-pink td.table-col span.race {height: 100%; width: 100%; display: block; padding: 17px 10px; font-size: 18px;}
.table-pink .weight-pink td.table-col span.race2 { vertical-align: middle; height: 100%; width: 100%; display: block; padding: 29px 10px; font-size: 18px;}
.table-pink .weight-pink td.table-col:last-child span{ border-right: 0; }



/*-- 特別料金ボタン --*/
.fee-ticket{  display: flex;}
.fee-ticket-caution{ text-align:center; font-size:16px; font-weight:bold;}
.fee-ticket .btn-ticket{ cursor: pointer; margin:20px 20px 20px 10px; transition: all 0.5s; width:1020px;}
.fee-ticket .btn-ticket a{ display: block; padding: 20px 20px 20px 30px; width: 100%; text-decoration: none; font-size: 18px; box-sizing: border-box; border-radius: 50px; position: relative; transition: all 0.5s; background: #FF8B7B; color: #fff; font-weight: bold;}
.fee-ticket .btn-ticket a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 2px  solid #fff; border-right: 2px solid #fff; right: 30px; top: calc(50% - 6px); transition: all 0.5s;}
.fee-ticket .btn-ticket a:hover::after{ right: 20px; border-top: 2px  solid #fff; border-right: 2px solid #fff; }


.fee-event{  display: flex;}
.fee-event-caution{ text-align:center; font-size:16px; font-weight:bold;}
.fee-event .btn-event{ cursor: pointer; margin:20px 20px 40px 10px; transition: all 0.5s; width:1020px;}
.fee-event .btn-event a{ display: block; padding: 20px 20px 20px 30px; width: 100%; text-decoration: none; font-size: 18px; box-sizing: border-box; border-radius: 50px; position: relative; transition: all 0.5s; background: #68B4AD; color: #fff; font-weight: bold;}
.fee-event .btn-event a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 2px  solid #fff; border-right: 2px solid #fff; right: 30px; top: calc(50% - 6px); transition: all 0.5s;}
.fee-event .btn-event a:hover::after{ right: 20px; border-top: 2px  solid #fff; border-right: 2px solid #fff; }


.fee-ticket-asoview {  display: flex; width: 800px; margin:10px auto; }
.fee-ticket-asoview .btn-ticket{ cursor: pointer; transition: all 0.5s; width:395px;}
.fee-ticket-asoview .btn-ticket a{ display: block; padding: 20px 10px 20px 20px; text-align: left; width: 100%; text-decoration: none; font-size: 14px; box-sizing: border-box; position: relative; transition: all 0.5s; background: #e2fbe8; color: #4c4e4d; font-weight: bold;}
.fee-ticket-asoview .btn-ticket a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 2px  solid #4c4e4d; border-right: 2px solid #4c4e4d; right: 30px; top: calc(50% - 6px); transition: all 0.5s;}
.fee-ticket-asoview .btn-ticket a:hover::after{ right: 20px; border-top: 2px  solid #C9F0DA; border-right: 2px solid #C9F0DA; }



/*-- FEE CAUTION BOX --*/
.fee-caution-box{ border-top: 2px solid #D5D5D5; padding: 80px 0 120px; margin-top: 140px;}
.fee-caution{ font-size: 15px; line-height: 2; }
.fee-caution .red{ color: #FF0000; } 
.fee-caution a{ color:#65BF99;}
.fee-caution a:hover{ text-decoration:underline;}
.fee-caution-dpoint{ margin: 50px auto 0;text-align: center;}
.fee-caution-dpoint .dpoint_span { display: block; width: 492px; margin: 0 auto;}
.fee-caution-dpoint .dpoint_span p{ font-size: 15px; line-height: 2; margin-top: 10px;}
.fee-caution-dpoint p.end{ font-size: 15px; line-height: 2; margin: 10px 0; font-weight: bold;}

/*-- FEE ONLINE BANNER --*/
.fee-online{ width: 670px; margin: 10px auto 80px; text-align: center;}
.fee-online img { width:100%;}
.fee-online a { text-decoration: none;position: relative; transition: all 0.5s; color: #fff; font-weight: bold;}
.fee-online a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 2px  solid #fff; border-right: 2px solid #fff; right: 30px; top: calc(50% - 4px); transition: all 0.5s;}
.fee-online a:hover::after{ right: 20px; border-top: 2px  solid #fff; border-right: 2px solid #fff; }

/*-- GW NAVI --*/
.gw-navi{ width:1020px; margin:0 auto; text-align: center;}
.gw-navi ul{display: flex;}
.gw-navi li.ticket-navi{width:33%;list-style: none; background-color: #00A040; padding: 20px 40px; margin-left:30px; color: #fff; font-weight: bold;}
.gw-navi li.ticket-navi p{ font-size: 28px; }
.gw-navi li.ticket-navi span{ display: block; font-size: 18px;margin-top: 10px; }
.gw-navi li.ticket-navi:first-child {padding: 40px; margin-left:0; color: #fff; font-weight: bold;}
.gw-navi li.ticket-navi a{color: #FFF; font-weight: bold;}

.note_gw {display: block; color: #FF8B7B; margin: 30px auto; font-size: 16pt; font-weight: bold; }
.important {color: #FF8B7B;}
.hr{ border-top: 2px solid #D5D5D5;}
.bnr_gw{width: 100%; margin: 30px auto 50px; text-align: center;}


/*--activityLink--*/
.activityLink{ width: 1021px; list-style: none; margin: 80px auto 40px;}
.activityLink.mb{ margin-bottom: 120px}
.activityLink.mt{ margin-top: 40px;}
.activityLink a{ width: 800px; margin: 0 auto; display: block; text-align: center; padding: 50px 80px 50px 50px; box-sizing: border-box; background: -webkit-gradient(linear, left top, right top, from(#027cc3), to(#09a046)); background: linear-gradient(to right, #027cc3 0%, #09a046 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; border: 1px solid #c21500;  border-image: linear-gradient(to right, #027cc3 0%, #09a046 100%);  border-image-slice: 1; transition: opacity 0.8s; position: relative;}
.activityLink.wide a{ width: 980px; }
.activityLink.w100 a{ width: 980px; }
.activityLink a:hover{ opacity: 0.8; }
.activityLink a::after{ content: ""; width: 42px; height: 21px; background: url("../images/fee_m/arrow-green.svg") no-repeat center center; background-size: cover; position: absolute; right: 30px; top: calc(50% - 10px);}
.activityLink a .main{ display: block; font-size: 28px; margin-bottom: 15px;}
.activityLink a .sub{ display: block; font-size: 20px;}


@media screen and (min-width: 750.1px) {
#container{ min-width: 1280px;} 
}

@media screen and (max-width: 750px) {
    
/*-- DEVIATION --*/
.mv::after { content: ''; position: absolute; bottom: -10vw; left: 0; width: 100%; height: 20vw; background: url(../images/mv-curve.png) no-repeat left top; background-size: 110% 100%;}
.heading-admission02 .heading-subtext img { width: auto; height: 24px;}

/*-- BOX TITLE --*/
.wrapBoxTtl{ width: 100%; position: relative; text-align: center; line-height: 1; margin: 20px auto 20px;}
.wrapBoxTtl::after{ content: ""; display: block; height: 1px; width: 100%; background: #D5D5D5; position: absolute; top: 50%; left: 0;}
.wrapBoxTtl p{ display: inline-block; position: relative; z-index: 2; min-width: 90%; margin: 0 auto; background: #00A040; padding: 3px; box-sizing: border-box; border-radius: 6px;}
.wrapBoxTtl p span{ display: inline-block;min-width: 100%; border: 1px solid #fff; border-radius: 6px; text-align: center; padding: 15px 10px; box-sizing: border-box; color: #fff; font-size: 12px; font-weight: bold;}
	
.wrapBoxTtl-special{ width: 100%; position: relative; text-align: center; line-height: 1; margin: 20px auto 20px;}
.wrapBoxTtl-special::after{ content: ""; display: block; height: 1px; width: 100%; background: #D5D5D5; position: absolute; top: 50%; left: 0;}
.wrapBoxTtl-special p{ display: inline-block; position: relative; z-index: 2; min-width: 90%; margin: 0 auto; background: #FF8B7B; padding: 3px; box-sizing: border-box; border-radius: 6px;}
.wrapBoxTtl-special p span{ display: inline-block;min-width: 100%; border: 1px solid #fff; border-radius: 6px; text-align: center; padding: 15px 10px; box-sizing: border-box; color: #fff; font-size: 12px; font-weight: bold;}

/*-- TICKET ADVISABILITY --*/
.okBox{ display: block; margin: 0 auto 15px;}
.okBox .okList{ width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.okBox .okList li{ background: #ACACAC; line-height: 1; padding: 10px 15px; border-radius: 25px; font-size: 12px; font-weight: bold; color: #fff; display: flex; justify-content: space-between; font-feature-settings: "palt" 1; margin-right: 8px;}
.okBox .okList li:last-child{ margin-right: 0;}
.okBox .okList li::after{ content: "\2715"; font-weight: bold; margin-left: 10px;}
.okBox .okList li::after{ content: "\2715"; font-weight: bold;}
.okBox .okList li.ok{ background: #4CB732;}
.okBox .okList li.ok::after{ content: "\25CB";}
.okBox .okList li.ok-pink{ background: #FF8B7B;}
.okBox .okList li.ok-pink::after{ content: "\25CB";}
.page-fee .table-container .okBox > .media-title{ margin-bottom: 15px; font-size: 17px;}
.page-fee .table-container .okBox > .media-title span{ background-size: 32px 32px;}

/*-- EVENT DISCOUNT --*/
.event-discount{ margin: 40px auto 0;}
.event-discount-text{ font-size: 15px; margin-bottom: 10px; font-weight: bold; color: #1E1E98;}
.event-discount-link{ text-align: right; margin: 10px auto 0; }
.event-discount-link a{ font-size: 13px; color: #656565; text-decoration: underline;}

/*-- table追加 --*/
.table-green .table-col.w25per,
.table-blue .table-col.w25per{ width: 25%;}
.table-pink .table-col.w20per{ width: 20%;}
.table-green,
.table-blue,
.table-pink{ height: 100%;}
.table-col.bold{ font-weight: bold;}
.table-green.table-solid td.blank { width: 25%; background: #fff; border: 1px solid #00a040;}
.table-green.table-solid .table-head:first-child{ border-left: 1px solid #00a040;}
.table-green .weight-green th.table-col{ background: #00A040; color: #fff; font-weight: bold; font-size: 9px!important; padding: 10px 2px;}
.table-green .weight-green th.table-col span{ font-size: 14px;}
.table-green .weight-green td.table-col{padding: 0;}
.table-green .weight-green td.table-col span.price_original{ border-top: none!important; border-top: 4px solid #00A040;height: 100%; width: 100%; display: block; padding: 25px 3px 0; font-size: 11px; }
.table-green .weight-green td.table-col span.price_debut{ border-bottom: none!important;border-bottom: 4px solid #00A040; height: 100%; width: 100%; display: block; padding: 0 3px 25px; font-size: 12px;}
.table-green .weight-green td.table-col span{ border-top: 4px solid #00A040; border-bottom: 4px solid #00A040; height: 100%; width: 100%; display: block; padding: 25px 3px; font-size: 14px;}
.table-green .weight-green td.table-col:last-child span{ border-right: 4px solid #00A040; }
.table-green .weight-lblue th.table-col{ background: #68B4AD; color: #fff; font-weight: bold; font-size: 9px!important; padding: 10px 2px}
.table-green .weight-lblue th.table-col span{ font-size: 14px;}
.table-green .weight-lblue td.table-col{padding: 0; vertical-align: middle;}
.table-green .weight-lblue td.table-col span{ border-top: 4px solid #68B4AD; border-bottom: 4px solid #68B4AD; height: 100%; width: 100%; display: block; padding: 25px 5px; font-size: 14px;}
.table-green .weight-lblue td.table-col:last-child span{ border-right: 4px solid #68B4AD; }
.img_card { margin: 10px auto; width:100%; text-align: center;}
	
.table-blue .table-head { border-top-width: 0px; border-bottom: 1px solid #1E1E98; text-align: center; border-right: 1px solid #1E1E98; vertical-align: middle; background-color: transparent;}
.table-blue .table-col { border-width: 0px; text-align: center; border-right: 1px solid #1E1E98; vertical-align: middle; padding-left: 20px; padding-right: 20px; background-color: transparent;}
.table-blue .weight-blue th.table-col{ background: #1E1E98; color: #fff; font-weight: bold; font-size: 15px;}
.table-blue .weight-blue th.table-col span{ font-size: 14px;}
.table-blue .weight-blue td.table-col{ padding: 0; background: #fff;}
.table-blue .weight-blue td.table-col span{ border-top: 4px solid #1E1E98; border-bottom: 4px solid #1E1E98; height: 100%; width: 100%; display: block; padding: 10px 5px; font-size: 14px;}
.table-blue .weight-blue td.table-col:last-child span{ border-right: 4px solid #1E1E98; }
.table-blue .weight-lblue th.table-col{ background: #68B4AD; color: #fff; font-weight: bold; font-size: 13px; padding: 10px 2px}
.table-blue .weight-lblue th.table-col span{ font-size: 14px;}
.table-blue .weight-lblue td.table-col{padding: 0; vertical-align: middle;}
.table-blue .weight-lblue td.table-col span{ border-top: 4px solid #68B4AD; border-bottom: 4px solid #68B4AD; height: 100%; width: 100%; display: block; padding: 15px 5px; font-size: 14px;}
.table-blue .weight-lblue td.table-col:last-child span{ border-right: 4px solid #68B4AD; }

	
.table-pink { border: 4px solid #FF8B7B; background-color: #fff; border-collapse: collapse;}
.table-pink .table-head { border-top-width: 0px; border-bottom: 1px solid #FF8B7B; text-align: center; border-right: 1px solid #FF8B7B; vertical-align: middle; background-color: transparent;}
.table-pink .table-col { border-width: 0px; text-align: center; border-right: 1px solid #FF8B7B; vertical-align: middle; padding-left: 0; padding-right: 0; background-color: transparent;}
.table-pink.table-solid td.blank { width: 25%; background: #FF8B7B; border: 1px solid #FF8B7B;}
.table-pink.table-solid .table-head:first-child{ border-left: 0; font-size: 15px; font-weight: bold;padding: 0 1px}
.table-pink .weight-pink th.table-col{ background: #FF8B7B; color: #fff; font-weight: bold; font-size: 15px; padding: 10px 0;}
.table-pink .weight-pink th.table-col span{ font-size: 14px;}
.table-pink .weight-pink td.table-col{ padding: 0;}
.table-pink .weight-pink td.table-col span{height: 100%; width: 100%; display: block; padding: 10px 5px; font-size: 14px;}
.table-pink .weight-pink td.table-col span.race{height: 100%; width: 100%; display: block; padding: 10px 3px; font-size: 14px;}
.table-pink .weight-pink td.table-col span.race2{height: 100%; width: 100%; display: block; padding: 10px 0; font-size: 14px;}
.table-pink .weight-pink td.table-col:last-child span{ border-right:0; }

.img_card { margin: 0 0 20px auto; width:100%; text-align: center;}
.img_card p.b-button { width: 100%;  display: block; padding: 20px 20px 20px 30px;margin: 30px auto ; background: #fff; color: #60472C;  font-size: 18px; font-weight: bold; box-sizing: border-box; border-radius: 50px; position: relative; }
.img_card p.b-button a{ text-decoration: none; font-size: 16px; }
.img_card p.b-button a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 2px  solid #60472C; border-right: 2px solid #60472C; right: 30px; top: calc(50% - 6px); }
.img_card p.b-button a:hover::after{ right: 20px; border-top: 2px  solid #60472C; border-right: 2px solid #60472C; }
	
/*-- 特別料金ボタン --*/
.fee-ticket{ display:block;}
.fee-ticket-caution{ text-align:center; font-size:12px; font-weight:bold;}
.fee-ticket .btn-race{ width:100%; margin: 0 0 15px 0;}	
.fee-ticket .btn-race:last-child {margin-bottom:30px;}	
.fee-ticket .btn-race a{ font-size: 14px; padding: 10px 10px 10px 20px; }
.fee-ticket .btn-ticket{ width:100%; margin:0 0 20px 0;}
.fee-ticket .btn-ticket a{ font-size: 14px; padding: 10px 10px 10px 20px; }

    
.fee-event{ display:block;}
.fee-event-caution{ text-align:center; font-size:12px; font-weight:bold;}
.fee-event .btn-event{ width:100%; margin: 0 0 15px 0;}	
.fee-event .btn-event:last-child {margin-bottom:30px;}	
.fee-event .btn-event a{ font-size: 14px; padding: 10px 10px 10px 20px; }



.fee-ticket-asoview {  display:contents; width: 100%; margin:10px auto 30px!important; }
.fee-ticket-asoview .btn-ticket{ cursor: pointer; transition: all 0.5s; width:100%;}
.fee-ticket-asoview .btn-ticket a{ display: block; padding: 10px 10px 10px 20px; text-align: left; width: 100%; text-decoration: none; font-size: 12px; box-sizing: border-box; position: relative; transition: all 0.5s; background: #e2fbe8; color: #4c4e4d; font-weight: bold;}
.fee-ticket-asoview .btn-ticket a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 2px  solid #4c4e4d; border-right: 2px solid #4c4e4d; right: 30px; top: calc(50% - 6px); transition: all 0.5s;}
.fee-ticket-asoview .btn-ticket a:hover::after{ right: 20px; border-top: 2px  solid #C9F0DA; border-right: 2px solid #C9F0DA; }
	
	
    
/*-- FEE CAUTION BOX --*/
.fee-caution-box{ border-top: 1px solid #D5D5D5; padding: 50px 0 50px; margin-top: 50px;}
.fee-caution{ font-size: 12px; line-height: 2; }
.fee-caution .red{ color: #FF0000; } 
.fee-caution-dpoint{ margin: 50px 0 0;}
.fee-caution-dpoint .dpoint_span a{ display: block; width: 100%; margin: 0;}
.fee-caution-dpoint .dpoint_span p{ font-size: 12px; line-height: 2; margin-top: 10px;}

/*-- FEE ONLINE BANNER --*/
.fee-online{ width: auto;margin: 10px auto 80px; text-align: center;}
.fee-online img  { width:100%;}
.fee-online a {text-decoration: none;position: relative; transition: all 0.5s; color: #fff; font-weight: bold;}
.fee-online a::after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; transform: rotate(45deg); border-top: 1px  solid #fff; border-right: 1px solid #fff; right: 30px; top: calc(50% - 4px); transition: all 0.5s;}
.fee-online a:hover::after{ right: 20px; border-top: 2px  solid #fff; border-right: 2px solid #fff; }

/*-- GW NAVI --*/
.gw-navi{ width:98%;}
.gw-navi ul{display:block;}
.gw-navi li.ticket-navi{width:100%;list-style: none; background-color: #00A040; padding: 10px 40px; margin:10px 0; color: #fff; font-weight: bold;}
.gw-navi li.ticket-navi p{ font-size: 20px; }
.gw-navi li.ticket-navi span{ display: block; font-size: 18px;margin-top: 5px; }
.gw-navi li.ticket-navi:first-child {padding: 28px; margin-left:0; color: #fff; font-weight: bold;}
.gw-navi li.ticket-navi a{color: #FFF; font-weight: bold;}    


/*--activityLink--*/
.activityLink{ width: 80%; list-style: none; margin: 0 auto 15px; max-width: 320px;}
.activityLink.mb{ margin-bottom: 50px;}
.activityLink.mt{ margin-top: 10px;}
.activityLink.wide{ margin-left: 40px; margin-right: 40px; width: calc(100% - 80px); max-width: 100%;}
.activityLink.wide a{ width: 100%; }
.activityLink.w100{ margin-left: 0; margin-right: 0; width: 100%; max-width: 100%;}
.activityLink.w100 a{ width: 100%; }
.activityLink a{ width: 100%; margin: 0 auto; display: block; text-align: center; padding: 3vw 5vw 3vw 3vw; box-sizing: border-box; background: -webkit-gradient(linear, left top, right top, from(#027cc3), to(#09a046)); background: linear-gradient(to right, #027cc3 0%, #09a046 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; border: 1px solid #c21500;  border-image: linear-gradient(to right, #027cc3 0%, #09a046 100%);  border-image-slice: 1; transition: opacity 0.8s; position: relative;}
.activityLink a:hover{ opacity: 0.8; }
.activityLink a::after{ content: ""; width: 3.5vw; height: 1.4vw; background: url("../images/fee_m/arrow-green.svg") no-repeat center center; background-size: cover; position: absolute; right: min(4vw, 15px); top: calc(50% - 0.7vw);}
.activityLink a .main{ display: block; font-size: 13px; margin-bottom: 1%;}
.activityLink a .sub{ display: block; font-size: 11px;}
}

.birthday { background: #68B4AD !important;}
.birthday-text { color: #FFFFFF !important; text-decoration: none !important; }

.asoview { background: #18497a!important;}
.asoview-text, .asoview-text a { color: #FFFFFF !important;}

.bnr { border: solid 1px #ccc;}



/*20240529　画像化*/
 p.heading-subtext  {
  display: inline-block;
  position: relative;
	font-size:28pt;
	margin: 10px auto 25px;
	letter-spacing: 0.15em;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
p.heading-subtext   {
    display: block;
	font-size:20pt;
	margin: 5px auto 30px;
	letter-spacing: 0;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
}