/*
================================================================================================================
決勝ラウンド 概要
================================================================================================================
*/

.center_info{
text-align:center;
font-family: 'Noto Sans JP', sans-serif;
font-size: 24px;
font-weight: 700;
line-height:1.6;
margin: 0 auto 20px;
}
.center_info br.sp{display:none;}

#about {}
#about dl {
    width:100%;
    max-width:500px;
    display: flex;
    background: #cce6ff;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px;
    margin: 0 auto 20px;
    flex-wrap: wrap;
}
#about dl > * {
    margin: 10px 0;
}
#about dl dt {
    width: 100px;
}
#about dl dt p {
    color: #fff;
    background: #0088d5;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
}
#about dl dd {
    width: calc(100% - 100px);
    padding-left:10px;
}
#about dl dd span{font-size: 14px;}


#about .map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 55%;
    margin: 30px auto;
}
#about .map::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10;
}
#about .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#about dl#access{max-width: 660px;}
#about dl#access dt {width: 150px;}
#about dl#access dd {width: calc(100% - 150px);}

@media screen and (max-width:639px){#about .center_info{font-size: 18px;}}

@media screen and (max-width:460px){
.center_info{font-size: 16px;}
.center_info br.sp{display:block;}
#about dl#access dd {width:100%;font-size: 14px;}
#about dl#access > * {margin:0 0 10px ;}

.btn-link#f-ticket{width:100%;}
.btn-link#f-ticket p{font-size: 14px;}
}


/*
================================================================================================================
出場連絡フォーム
================================================================================================================
*/

.main-inner#final_form{margin:0 auto;padding-bottom:1px !important;}/*最下段marginはみだし対策*/

#final_form h3{margin:0 auto 30px;}
/*
================================================================================================================
セレクト
================================================================================================================
*/
#id_model{
display:block;
width:80%;
max-width:640px;
color:#090033;
font-family:'Noto Sans JP', sans-serif;
font-weight:700;
font-size:16px;
border:1px solid;
border-radius:30px;
padding:10px;
margin:0 auto;}
@media screen and (max-width:640px){#id_model{width:90%; font-size:13px;}}


.box.head {
    border-bottom: 1px dashed rgba(9, 0, 51, .3);
}

/*
================================================================================================================
フォーム
================================================================================================================
*/
#final_form #form {
    width: 100%;
    max-width: 640px;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 0 20px;
    margin: 30px auto 0;
}

#final_form #form{width:100%; max-width:640px; font-family:'Noto Sans JP', sans-serif; padding:0 20px; margin:30px auto 0;}
#final_form #form > .item{background:#fff; padding:0; border:2px solid #090033;}
#final_form #form > .item + .item{margin-top:20px;}
#final_form #form > .item > *{padding:10px;}
#final_form #form > .item > *:first-child{position:relative; color:#fff; background:#0088d5; border-bottom:1px solid rgba(9,0,51,.3); padding-left:45px;}
#final_form #form > .item > *:first-child > strong{display:block; position:absolute; top:10px; left:10px; font-size:18px; font-weight:700;}

/*決勝ラウンド 現地観戦抽選*/
#final_form #form.ticket > .item > *:first-child {padding: 10px;text-align:center;font-size:18px;font-weight:bold;}
#final_form ul.dot.ticket > li:not(:nth-child(1)){color:#FF0000;}
#final_form ul.dot.ticket > li:not(:first-child)::before{background:#FF0000;}

#final_form #form > p.item{background: #cce6ff; font-size:14px; padding:10px; border-radius:10px; border:1px solid #0088d5;}
#final_form #form > p.item.limit{color:#ff0054; text-align:center; font-weight:700; border:1px solid #ff0054;}

#final_form #form .btn-back.pink,
#final_form #form .btn-back.orange{max-width:200px; font-size:14px; padding:5px 0; margin:10px auto 0;}
#final_form #form .btn-back.pink:hover,
#final_form #form .btn-back.orange:hover{box-shadow:none;}

#final_form #form .btn-link.blunt{margin-top:30px; padding:10px 0;}
#final_form #form .btn-link.blunt:hover{background:#090033;}

#final_form #form .btn_area{margin:30px auto;}

/*
=============================
チェックボックス
=============================
*/
#final_form #form input[type="radio"]{display:none !important; border:0 !important; margin:0 !important;} 
#final_form #form label{display:block; cursor:pointer;}
#final_form #formlabel p{position:relative; font-weight:700; margin:0 auto; transition:all .2s ease;}
#final_form #form label p::before{transition:all .2s ease;}
@media screen and (max-width:480px){#form{font-size:13px;}}

#final_form .radio{display:flex; justify-content:space-between; margin:10px auto 0;}
#final_form .radio > *{width:calc(50% - 5px); text-align:center;}
#final_form .radio label{position:relative; display:block; cursor:pointer;}
#final_form .radio p{
border:1px solid;
border-radius:30px;
text-align:center;
padding:5px 0;
transition:all .2s ease;}
#final_form .radio input[type="radio"]:checked + p{color:#fff; background:#090033;}

#final_form .radio.three{flex-wrap:wrap;}
#final_form .radio.three > *{width:100%;}
#final_form .radio.three > * + *{margin-top:10px;}
#final_form .radio.three > * span{font-size:11px; font-weight:normal;}
@media screen and (max-width:460px){.radio.three > * span{display:block; font-size:10px;}}

/*
=============================
テキストエリア
=============================
*/
#final_form #form textarea{width:100%; border:1px solid rgba(9,0,51,.4); padding:10px; transition:all .2s ease;}
#final_form #form textarea:focus {background:rgba(255,192,0,.1); border:1px solid rgba(9,0,51,1); outline:none;}

/*
================================================================================================================
お知らせ無し&エラー表示
================================================================================================================
*/
.main-inner#final_form_none,
.main-inner#error_messege{margin:0 auto;}
.main-inner#error_messege span{color:#ff1493;}

/*
=============================
送信時メッセージ欄
=============================
*/

#main .box#id_message {
text-align:center;color:#FFF;font-size: 20px;font-family: 'Noto Sans JP', sans-serif;font-weight: 700;
background:#ff1493;margin:0 auto 20px;padding:20px;border-radius:10px;}

@media screen and (max-width:460px){#main .box#id_message {font-size: 16px;}}