@charset "utf-8";

/*PCSP共通設定*/
/*section:nth-of-type(odd){background-color:#f0f0f0;}
section:nth-of-type(even){background-color:#fff;}*/
html {scroll-behavior: smooth;}/*smooth scroll*/
main * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
/*h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px dotted #111;
	margin: 0 auto 3%;
	padding-bottom: 5px;
	width: 94%;
	clear: both;
}*/
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
	
	/*font-size: 14px;追加*/
}

/*title*/
img#mainphoto {
	width: 100%;
	margin-bottom: 5%;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
	max-width:970px;
	min-width:760px;
    margin: 0 auto 5px;
}
/*h2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px dotted #111;
	margin-bottom: 3%;
	padding-bottom: 5px;
	clear: both;
}*/
.inner{
	width: 96%;
	max-width:970px;
	min-width:760px;
	margin: 0 auto;
	padding:50px 0;
	display: block;
	
	/*font-size: 15px;追加*/
}

/*title*/
img#mainphoto {
	width: 100%;
	max-width:970px;
	margin:0 auto 2%;
	display:block;
}
}



main img{ border-radius: 2px; width: 100%; }



/* ナビゲーション 
----------------------------------------*/
.cp_nav { background: #fff; }
.cp_nav .inner{ padding: 1.7em 0 1.5em; }

.cp_nav ul{
	flex-wrap: wrap;
    display: flex;
	justify-content: space-between;
}
.cp_nav li{
	width: 48%;
}
.cp_nav li .btnbox{
	background: #9f0146;
    font-size: 14px;
	color: #fff;
	text-align: center;
    font-weight: bold;
    padding: 1em;
	margin-bottom: 5px;
	transition-duration: 1s;
}
.cp_nav li .btnbox a{ color: #fff; }
.cp_nav li .btnbox:hover {
	background: #b0762b;
	transform: scale(0.5.0.5);
}
@media screen and (min-width: 760px) {
	
.cp_nav ul{
    display:flex;
	justify-content: space-around;
}
.cp_nav li{
	width: 18%;
}
}


/* section 
---------------------------------*/
#about,
#plan,
#schedule,
#seat,
#tickets,
#venue,
#hotel,
#guide,
#guidance{
	font-size: 14px;
	line-height: 1.6;
	color: #21345a;
	overflow: hidden;
}
@media screen and (min-width: 760px) {
#about,
#plan,
#schedule,
#seat,
#tickets
#venue,
#hotel,
#guide,
#guidance{
	font-size: 16px;
}
}




/* about 
----------------------------------------*/
#about{
	background: url("../images/bg_about_sp.webp") no-repeat center center;
    background-size: cover;
    height: 60vh;
    margin: 0;
	position: relative;
    overflow: hidden;
}
#about .about_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#about .about_wrap .about_detail{
	width: 220px;
	background: #fff;
	padding: 2em;
}
#about .about_wrap .about_detail h2.ti_about img{
    width: 50%;
    margin: 0 auto 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#about .credit{
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
	height: 100%;
}
#about .credit p{ color: #fff; font-size: 12px; }
@media screen and (min-width: 760px) {
	
#about{
	background: url("../images/bg_about_pc.webp") no-repeat center center;
    background-size: cover;
    height: 64vh;
    margin: 0;
	position: relative;
    overflow: hidden;
}
#about .about_wrap{ }
#about .about_wrap .about_detail{ width: 450px; }
#about .about_wrap .about_detail h2.ti_about img{
    width: 50%;
    margin: 0 auto 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
}
@media only screen and (min-device-width: 759px) and (max-device-width: 1024px) {
#about{
	background: url("../images/bg_about_pc02.webp") no-repeat center center;
    background-size: cover;
    height: 64vh;
    margin: 0;
	position: relative;
    overflow: hidden;
}
}



@keyframes scroll-left {
from {
	transform: translateX(0);
}
to {
	transform: translateX(-100%);
}
}
.slide_wrap {
	display: flex;
	overflow: hidden;
}
.slide_list {
	display: flex;
	list-style: none;
	padding: 2em;
}
.slide_list--left {
	animation: scroll-left 80s infinite linear 0.5s both;
}
.slide_item {
	width: calc(100vw / 1);
	margin-right: 2em;
}
.slide_item>img {
	width: 100%;
}
@media screen and (min-width: 760px) {
.slide_item {
	margin-right: 8em;
}
}



/*title_bar
--------------------------------------*/
.title_bar{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
	border-bottom: 3px solid;
	z-index: 0;
	background: #fff;
}
.title_bar .en_ttl{
  	background-color: #1a2347;
  	flex-grow: 1;
	width: 60%;
	height: 60px;
	position: relative;
}	
.title_bar .jp_ttl{
  	background-color: #dbe4f5;
  	flex-grow: 1;
	width: 40%;
	height: 60px;
	position: relative;
}	
.title_bar .en_ttl h2.ti_schedule{
	width: 90%;
	position: absolute;
	top: 8%;
	right: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}
.title_bar .en_ttl h2.ti_seat{
	width: 90%;
	position: absolute;
	top: 15%;
	right: 0;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
}
.title_bar .en_ttl h2.ti_venue{
	width: 90%;
	position: absolute;
	top: 8%;
	right: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}
.title_bar .en_ttl h2.ti_hotel{
	width: 90%;
	position: absolute;
	top: 8%;
	right: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}
.title_bar .en_ttl h2.ti_guide{
	width: 85%;
	position: absolute;
	top: 8%;
	right: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}

.title_bar .jp_ttl h3{
	width: 80%;
	position: absolute;
	top: 37%;
	left: 0;
	color: #21345a;
    font-size: 0.8rem;
	font-weight: bold;
    text-align: right;
}
@media screen and (min-width: 760px) {
	
.title_bar{ }
.title_bar .en_ttl{ height: 88px; }	
.title_bar .jp_ttl{ height: 77px; }	
.title_bar .en_ttl h2.ti_schedule,
.title_bar .en_ttl h2.ti_seat,
.title_bar .en_ttl h2.ti_venue,
.title_bar .en_ttl h2.ti_hotel,
.title_bar .en_ttl h2.ti_guide {
	width: 640px;
	top: 0;
	right: 0;
	font-size: 3.3rem;
	letter-spacing: 5px;
}

.title_bar .jp_ttl h3{
	width: 330px;
	top: 30%;
	left: 0;
    font-size: 1.2rem;
	letter-spacing: 5px;
    text-align: right;
}
}
@media only screen and (min-device-width: 759px) and (max-device-width: 1024px) {

.title_bar .en_ttl h2.ti_schedule,
.title_bar .en_ttl h2.ti_seat,
.title_bar .en_ttl h2.ti_venue,
.title_bar .en_ttl h2.ti_hotel,
.title_bar .en_ttl h2.ti_guide {
	width: 420px;
    top: 14%;
    right: 0;
    font-size: 2.5rem;
    letter-spacing: 5px;
}
	
.title_bar .jp_ttl h3{
	width: 260px;
}
}



/*スケジュール
----------------------------------------*/
#schedule {
	background: url("../images/bg_velca.png") repeat center center;
    background-size: cover;
    margin: 0;
	position: relative;
    overflow: hidden;
	padding-bottom: 3em;
}
#schedule p.attention { 
	text-align: center; 
	color: #DB0003;
	margin-bottom: 2em;
}

/*アコーディオン*/
.schedule_accordion2025,.schedule_accordion2026 {
    max-width: 100%;
}
.schedule_accordion2025:not([open]) ,.schedule_accordion2026:not([open]) {
    margin-bottom: 7px;
}
.schedule_accordion2025 summary,.schedule_accordion2026 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    color: #fff;
	font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 1em;
}
	.schedule_accordion2025 summary { background-color: #203764; }
	.schedule_accordion2026 summary { background-color: #461e64; }

.schedule_accordion2025 summary::-webkit-details-marker,.schedule_accordion2026 summary::-webkit-details-marker {
    display: none;
}
.schedule_accordion2025 summary::after,.schedule_accordion2026 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}
.schedule_accordion2025[open] summary::after,.schedule_accordion2026[open] summary::after {
    transform: rotate(225deg);
}
.schedule_accordion2025 p,.schedule_accordion2026 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.schedule_accordion2025[open] p,.schedule_accordion2026[open] p {
    transform: none;
    opacity: 1;
}


/*table_レスポンシブ*/
.responsive_table {
	overflow-x: auto;
	width: 100%;
	margin-bottom: 2em;
	font-size: 13px;
}
.responsive_table table {
  min-width: 600px; /* 表全体の最小幅 */
}

.schedule_tb-wrap{
	width:100%;
	/*overflow-x:scroll;*/
}
table{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 0.7em;
}
.tb2025 th,.tb2026 th,
.tb2025 td,.tb2026 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align:center;
	box-sizing:border-box;
}
	.tb2025 td,.tb2026 td{ background: #fff; }

.tb2025 th,.tb2026 th,
.tb2025 tr.month,.tb2026 tr.month {
	background: #203764;
	color: #fff;
    width: 75px;
}
	.tb2025 th,.tb2025 tr.month td { background: #203764; }
	.tb2026 th,.tb2026 tr.month td { background: #461e64; }

.tb2025 td span.sat,.tb2026 td span.sat{ color: #007de3; font-weight: bold; }
.tb2025 td span.sun,.tb2026 td span.sun{ color: #DB0003; font-weight: bold; }

@media screen and (min-width: 760px) {
#schedule {
	padding-bottom: 5em;
}
.tb2025 th,.tb2026 th,
.tb2025 tr.month,.tb2026 tr.month {
    width: 100px;
}
}


/*座席
----------------------------------------*/
#seat{	
	background: url("../images/bg_seat_sp.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
	position: relative;
    overflow: hidden;
}
#seat .seat_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#seat .seat_wrap .seat_detail{
	position: relative;
	width: 290px;
	background: rgba(255,255,255,0.8);
	padding: 2em;
    margin-top: 4em;
    border-radius: 2px;
}
#seat .seat_wrap .seat_detail .il_seat{	position: relative; }
#seat .seat_wrap .seat_detail .ph_seat{ }
#seat .seat_wrap .seat_detail .il_seat:before{
	position: absolute;
    content: '';
    background: url("../images/ti_seat_sp.png") ;
    width: 100px;
    height: 68px;
	left: -14%;
    top: -18%;
}
#seat .seat_wrap .seat_detail .mt01{ margin-top: 1em; } 
@media screen and (min-width: 760px) {
	
#seat{
	background: url("../images/bg_seat_pc.webp") no-repeat center center;
    height: 100vh;
}
#seat .seat_wrap{ }
#seat .seat_wrap .seat_detail{ 
	width: 970px;
	padding: 3em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
}
#seat .seat_wrap .seat_detail .il_seat{ width: 50%; }
#seat .seat_wrap .seat_detail .ph_seat{ width: 46%; }
#seat .seat_wrap .seat_detail .il_seat:before{ 
    background: url("../images/ti_seat.png") ;
    width: 197px;
    height: 135px;
    left: -25%;
    top: -15%;
}
#seat .seat_wrap .seat_detail .mt01{ margin-top: 1em; } 
}

@media only screen and (min-device-width: 759px) and (max-device-width: 1024px) {
#seat{ height: 60vh; }
#seat .seat_wrap .seat_detail{ width: 620px; }
}


/*チケット
----------------------------------------*/
#tickets{
	background: url("../images/bg_velca.png") repeat center center;
    background-size: cover;
    margin: 0;
    overflow: hidden;
	padding: 0em 0 4em;
}
#tickets h3.ti_tickets{
	font-size: 1.5rem;
    text-align: center;
    letter-spacing: -1px;
    font-weight: 900;
    color: #9f0146;
    margin-bottom: 1em;
    line-height: 1.3;
}
#tickets ul.col2Box{
	display: block;
    width: 90%;
    margin: auto;
}
#tickets ul.col2Box li:nth-child(odd) { width: 100%; margin-bottom: 4em; }
#tickets ul.col2Box li:nth-child(even) { width: 100%; position: relative; }
#tickets ul.col2Box p{ 
	margin: 0.5em 1em 2em 0.5em;
	font-size: 0.9rem;
	font-weight: bold;
}
#tickets ul.col2Box li:nth-child(even) :before{
    position: absolute;
	content: '';
    background: url("../images/img_ticket_sp.png") ;
    width: 147px;
    height: 84px;
    top: -25px;
    right: -20px;
}
@media screen and (min-width: 760px) {

#tickets{ padding: 3em 0 5em; }
#tickets h3.ti_tickets{ font-size: 2.5rem; }
#tickets ul.col2Box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    width: 100%;
}
#tickets ul.col2Box li:nth-child(odd) { width: 46%; }
#tickets ul.col2Box li:nth-child(even) { width: 46%; }
#tickets ul.col2Box p{ 
	margin: 1em; 
	font-size: 1rem;
}
#tickets ul.col2Box li:nth-child(even) :before{
    background: url("../images/img_ticket.png") ;
    width: 202px;
    height: 115px;
    top: -35px;
    right: -25px;
}
}


/*会場
----------------------------------------*/
#venue{
	background: #2c4473;
	margin-top: 1px;
}
#venue ul.col2Box{
	position: relative;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: space-between;
	color: #fff;
}
#venue ul.col2Box li:nth-child(odd) { width: 100%; }
#venue ul.col2Box li:nth-child(even) { width: 90%;	margin: 0 auto 2em; }

#venue .arena h3{
	font-size: 2rem;
    font-weight: bold;
	margin-top: 1em;
}
#venue .arena p{
	font-size: 1.2rem;
    font-weight: bold;
}
#venue p.access{
    font-size: 0.9rem;
    margin: 1em 0;
}
@media screen and (min-width: 760px) {
	
#venue{ padding: 0 0 4em; 	}
#venue ul.col2Box{ }
#venue ul.col2Box li:nth-child(odd) { width: 45%; }
#venue ul.col2Box li:nth-child(even) { width: 52%; margin: 0; }

#venue .arena h3{ font-size: 3rem; margin-top: 0; }
#venue .arena p{ font-size: 1.5rem; }
#venue p.access{ 
	font-size: 1rem;
     margin: 1em 0;
}
}
@media only screen and (min-device-width: 759px) and (max-device-width: 1024px) {
#venue .arena h3{ font-size: 2rem; margin-top: 0; }
}


/*ホテル
----------------------------------------*/
#hotel{ margin-bottom: 5em; }
#hotel ul.col2Box{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#hotel ul.col2Box li:nth-child(odd) { width: 100%; }
#hotel ul.col2Box li:nth-child(even) { width: 90%; margin: 0 auto 2em; }
#hotel h3.ti_hotelname {
	font-size: 1.6rem;
    text-align: center;
    font-weight: 800;
    border-bottom: 1px #21345a solid;
    margin: 0.7em 0;	
}
#hotel h4.ti_otherhotel {
	font-size: 1.2rem;
    font-weight: 900;
    margin-bottom: 0.7em;
    padding-left: 0.3em;
    text-align: center;
    color: #9f0146;
}

#hotel .note{
	background: #f2eef4;
	padding: 1em;
	margin-top: 1em;
}
#hotel .note dl {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1em;
}
#hotel .note dt {
	width: 100%;
	padding: 7px;
	background-color: #61466f;
	color: #fff;
	font-weight: bold;
	margin: 0 0 7px 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#hotel .note dd{
	width: 100%;
    padding: 7px 7px 7px 30px;
	background-color: #fff;
	margin: 0 0 7px 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
#hotel .note span{ color: #f70003; }

#hotel ul.col3Box{
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2em 0;
}
#hotel ul.col3Box li{
	width: 100%;
}
#hotel .note p{
	text-align: center;
	font-size: 0.9rem;
	margin-top: 0.5em;
}
#hotel .btn_wrap{
	margin: 2em 0;
}
@media screen and (min-width: 760px) {
	
#hotel{ }
#hotel ul.col2Box{ }
#hotel ul.col2Box li:nth-child(odd) { width: 45%; }
#hotel ul.col2Box li:nth-child(even) { width: 52%; margin: 0; }
#hotel h3.ti_hotelname {
	font-size: 2.3rem;
    font-weight: 900;
    border-bottom: 1px #21345a solid;
    margin-bottom: 0.7em;
    /*padding-left: 0.3em;*/
}
#hotel h4.ti_otherhotel { font-size: 1.5rem; }
	
#hotel .note{ padding: 1.5em 1.5em 1.5em 2.5em; }
#hotel .note dl { }
#hotel .note dt { width: 22%; }
#hotel .note dd{ width: 70%; }
#hotel .note span{ }

#hotel ul.col3Box{
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2em 0;
}
#hotel ul.col3Box li{
	width: 30%;
	padding-left: 1em;
}
#hotel .note p{ }
#hotel .btn_wrap{ 
}
}
@media only screen and (min-device-width: 759px) and (max-device-width: 1024px) {
#hotel h3.ti_hotelname {
	font-size: 1.7rem;
}
}


/*観戦ガイド
----------------------------------------*/
#guide{
	margin-bottom: 5em;
}
#guide .inner div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #21345a;
    color: #fff;
    font-weight: 600;
}
#guide .dot_list {
	padding-left: 20px;
	font-size: 0.9rem;
    padding: 1em 1em 1em 2.5em;
}    
#guide .dot_list li {
    list-style: disc; /* 黒丸を表示 */
}



/*案内
----------------------------------------*/
#guidance{
	background: #dbe4f5;
}
#guidance h2.ti_guidance {
    position: relative;
    /*padding: .5em 1em;*/
    color: #21345a;
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 10px;
}
#guidance .guidance_wrap {
    border: 2px solid #21345a;
    margin-top: 2em;
}
#guidance .guidance_wrap div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #21345a;
    color: #fff;
    font-weight: 600;
}
#guidance .guidance_wrap .dot_list {
	padding-left: 20px;
	font-size: 0.9rem;
    padding: 1em 1em 1em 2.5em;
}    
#guidance .guidance_wrap .dot_list li {
    list-style: disc;
    padding: 0.2em;
}


/* ボタン 
----------------------------------------*/
.button,.button_hotel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
	margin: 0.5em auto;
    padding: 1.5em;
    border: 1px solid #461e64;
    border-radius: 5px;
    background-color: #9f0146;
    color: #fff!important;
	font-size: 1em;
    font-weight: bold;
}
.button:hover,.button_hotel:hover {
    background-color: #b0762b;
	border: 1px solid #21345a;
    color: #fff;
    font-weight: 600;
}
.button::after,.button_hotel::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}
.button a:link,.button_hotel a:link {
    color: #fff!important;
    text-decoration: none;
}
@media screen and (min-width: 760px) {
	
/*ボタン*/
.button,.button_hotel {
	/*width: 440px;*/
    width: 100%;
	font-size: 1.2em;
    margin: 0 auto;
    padding: 1em;
}
	.button_hotel{ 
		color: #fff!important;
		font-size: 1em;
	}
.button:hover,.button_hotel:hover {  }
.button::after,.button_hotel::after { }
.button a:link,.button_hotel a:link { }
}






@media only screen and (max-width: 759px) {
	.for_pc{ display: none; }	
}
@media only screen and (min-width: 760px) {
	.for_sp{ display: none; }
}







/* gadget
----------------------------------------*/
#gadget h2.ti_plan {
    font-size: 25px;
    letter-spacing: 3px;
    font-weight: bold;
    color: #231816;
    text-align: center;
    margin-bottom: 0.5em;
}
#gadget h2.ti_plan span{
    color: #fff;
}
@media screen and (min-width: 760px) {
#gadget h2.ti_plan {
    font-size: 28px;
    letter-spacing: 5px;
}
}

/* ↓↓gadget color↓↓ */
:root {
	--gadget-accent-color: #383838;
	--gadget-noactive-color: #fff;
	--gadget-botton-color: #ffa41d;
}
.search_kokunaiBar .fw-top .fw-checkbox__label:before {border-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fw-checkbox__input:checked + .fw-checkbox__label:before {
    background-color: var(--gadget-accent-color);
    border-color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list {border-bottom-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li.fw-is-active {background: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-btn-clear {
    border-color: var(--gadget-accent-color);
    color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li {background-color: var(--gadget-noactive-color);}
.search_kokunaiBar .fw-top .fw-btn-detail-01, .fw-top .fw-btn-fix-01 {background-color: var(--gadget-botton-color);}
.search_kokunaiBar .fw-top .fwnta-btn-search{background-color: var(--gadget-botton-color);}
/*↑↑gadget color↑↑*/