@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet');

.btn_wrap {
margin: 0 0 30px;
display: flex;
width: 100%;
}

.map_btn {
text-align: center;
font-size: 0.8em;
letter-spacing: 1px;
line-height: 30px;
max-width: 110px;
height: 30px;
margin: 0 10px 0 0;
padding: 0 0.5em 0;
border-radius: 20px;
position: relative;
background-color: #515355;
transition: background-color 0.5s ease-in;
-webkit-transition: background-color 0.5s ease-in;
font-weight: 400;
width: 50%;
}

.map_btn a {
color: #ccc !important;
text-decoration: none;
display: block;
}

.map_btn:hover {
text-decoration: none;
}

.map_btn a:hover {
color: #e85935 !important; /* リンクのテキスト色を変更 */
}



/* 会場リンクボタン */
.place_btn {
color: #FFF !important;
text-align: center;
font-size: 0.95em;
line-height: 55px;
max-width: 300px;
height: 55px;
transition: background-color 0.5s ease-in;
-webkit-transition: background-color 0.5s ease-in;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
width: 100%;
border-radius: 4px;
letter-spacing: 1px;
position: relative;
padding-right: 1em;
padding-left: 1em;
border: 1px solid #babcbf;
}

.place_btn a {
color: #ccc !important;
text-decoration: none;
display: block;
}

.place_btn:hover {
color: #fff !important;
text-decoration: none;
border-color: #d28507;
}


/* グッズ会場別ボタン */
/* 通常のボタンスタイル（選択されていない状態） */
.goods_btn {
text-align: center;
font-size: 0.9em;
line-height: 40px;
height: 40px;
transition: background-color 0.5s ease-in;
-webkit-transition: background-color 0.5s ease-in;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
width: 95%;
border-radius: 4px;
letter-spacing: 1px;
position: relative;
padding-right: 1em;
padding-left: 1em;
border: 1px solid #f04b4c;
background-color: #fff;
}

.goods_btn a {
color: #f04b4c !important;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}

/* 選択されている状態（currentクラス） */
.goods_btn.current {
background-color: #f04b4c;
}

.goods_btn.current a {
color: #fff !important;
}

/* ホバー効果 */
.goods_btn:hover {
background-color: #f04b4c;
}

.goods_btn:hover a {
color: #fff !important;
}

/* 現在選択されているボタンのホバー効果は変化させない */
.goods_btn.current:hover {
background-color: #f04b4c;
}

/* チケット申し込みボタン */
.apply_btn {
font-size: 1.1em;
line-height: 1;
text-align: center;
font-weight: 600;
margin: 40px auto;
display: inline-block;
background-color: #fff;
border-radius: 50px;
border: 4px solid #e85935;
display: flex;
justify-content: center;
width: 100%;
max-width: 270px;
}

.apply_btn a {
display: block;
color: #fd4415;
text-decoration: none;
padding: 0.9em 2.5em 0.7em;
border-radius: 20px;
width: 100%;
}

.apply_btn a:hover {
color: #fff;
background-color: #e85935;
}

.apply2_btn {
font-size: 1.1em;
line-height: 1;
text-align: center;
font-weight: 600;
margin: 40px auto;
display: inline-block;
background-color: #fa6b47;
border-radius: 50px;
border: 4px solid #fa6b47;
display: flex;
justify-content: center;
width: 100%;
max-width: 270px;
}

.apply2_btn a {
display: block;
color: #fff;
text-decoration: none;
padding: 0.9em 2.5em 0.7em;
border-radius: 20px;
width: 100%;
}

.apply2_btn a:hover {
color: #fa6b47;
background-color: rgba(255, 255, 255, 0.8);
}

/* チケット終了ボタン */
.end_btn {
color: #fff;
font-size: 0.95em;
line-height: 1;
text-align: center;
font-weight: 600;
margin: 40px auto 0;
display: inline-block;
background-color: #999;
border-radius: 50px;
border: 3px solid #fff;
padding: 0.7em 2.5em 0.5em;
display: flex;
justify-content: center;
width: 100%;
max-width: 250px;
}


@media screen and (max-width: 768px) {
.goods_btn {
text-align: center;
font-size: 0.9em;
line-height: 36px;
height: 36px;
margin-top: 10px;
padding-right: 0;
padding-left: 0;
}
}


@media screen and (max-width: 640px) {
.place_btn {
line-height: 45px;
height:45px;
}

.goods_btn {
text-align: center;
font-size: 0.9em;
line-height: 34px;
height: 34px;
margin-top: 8px;
padding-right: 0;
padding-left: 0;
}
}