@charset "utf-8";

#breadcrumb.sp_b{display:none!important;}


main{color:#000;font-family: YakuHanJP_Noto,'Noto Sans JP', sans-serif;font-weight: 400;}
main a{transition:opacity 0.2s;}
main a:hover{opacity:0.8;}
.wfull{width:100%;padding:0;}/**/
.w950{max-width:980px;padding:0 15px;margin:0 auto;}
.pcview{display:block;}
.spview{display:none;}

@media screen and (max-width: 750px) {
.wfull{min-width: unset;}
.w950{width:100%;padding:0 3vw;}
.pcview{display:none;}
.spview{display:block;}
}



.head_area{position:relative;background-image: url(../images/header_img5.jpg);background-repeat:no-repeat;background-position: top center;background-size: cover;z-index: 1;height:1100px;}
.head_area .header_blue{position: absolute;bottom:-60px;left:0;width:100%;background-image: linear-gradient(0deg, rgba(11, 62, 131, 1) 62%, rgba(67, 137, 140, 0));padding:100px 0 40px;z-index: 5;}
.head_area .head_logo{max-width: 1030px;margin:0 auto 35px;padding:0 15px;transform: translateX(-20px);}

.head_area .cycletrain_msg{background:#F8BD12;padding:25px 30px 25px;}
.head_area .cycletrain_msg p:nth-of-type(1){font-size:38px;font-weight: 700;text-align: center;letter-spacing: 0.2ch;margin-bottom: 15px;}
.head_area .cycletrain_msg p:nth-of-type(1)::before{content:"";display: inline-block;width: 40px;background-image: url(../images/caution.svg);height:35px;background-repeat:no-repeat;background-position: top center;background-size: contain;vertical-align: -3px;margin-right: 10px;}
.head_area .cycletrain_msg ul{font-size: 15px;}
.head_area .cycletrain_msg ul li{text-indent:-1.2em;padding-left:1.2em;line-height: 1.5;margin-bottom: 5px;text-align: justify;}
.head_area .cycletrain_msg ul li::before{content:"・";margin-right:0.2em;font-family:'Noto Sans JP', sans-serif;}
.head_area .cycletrain_msg p:nth-of-type(2){font-size:24px;font-weight: 700;text-align: center;}
@media screen and (max-width: 750px) {
.head_area{height:120vw;}
.head_area .header_blue{padding:5vw 0 4vw;bottom:-60vw;}
.head_area .head_logo{margin:0 auto 6vw;padding:0 3vw;filter: drop-shadow(0 0 3px rgba(255,255,255,0.2));transform: unset;}
.head_area .cycletrain_msg{padding:3vw 3vw 3vw 1vw;}
.head_area .cycletrain_msg p:nth-of-type(1){font-size:5vw;margin-bottom: 1.8vw;}
.head_area .cycletrain_msg p:nth-of-type(1)::before{width: 1.2em;height:1em;vertical-align: -0.1ch;margin-right: 0.2ch;}
.head_area .cycletrain_msg ul{font-size: 3.1vw;}
.head_area .cycletrain_msg ul li{line-height: 1.5;margin-bottom: 0.2ch;text-indent:-1em;padding-left:1em;}
.head_area .cycletrain_msg ul li::before{margin-right:0;}
.head_area .cycletrain_msg p:nth-of-type(2){font-size:3.4vw;}
}


.cycletrain_sec{padding-top:100px;}
.cycletrain_sec h2{width: 690px;margin:0 auto;}
.cycletrain_sec h2+p{text-align: center;font-size: 24px;font-weight: 700;color:#071952;margin:20px 0 45px;}
.cycletrain_sec h2 span{display: none;}
@media screen and (max-width: 750px) {
.cycletrain_sec{padding-top:68vw;}
.cycletrain_sec h2{width: 100%;}
.cycletrain_sec h2+p{font-size: 4.5vw;margin:0.7em 0 1.5em;}
}



.cycletrain_use{position:relative;padding-bottom:75px;color: #0B666A;font-weight: 700;line-height: 1.7;}
.cycletrain_use::after{position:absolute;content:"";display: block;top:30px;left:0;width: 100%;height:100%;background:#F1F1F1;z-index:-1;}
.cycletrain_use h3{text-align: center;color:#fff;font-weight: 700;font-size: 38px;background:#0B666A;line-height: 1;padding:0.3em 0 0.4em;}
.cycletrain_use dl{padding:30px 0 0 15px;text-align: justify;}
.cycletrain_use dl dt{font-size: 24px;width: 200px;flex-shrink: 0;}
.cycletrain_use dl dd:first-of-type{font-size:24px;}
.cycletrain_use dd{font-size: 16px;}
.cycletrain_use dl>div{display: flex;margin-bottom:25px;}
.cycletrain_use div>dt::before{content:"■";}
.cycletrain_use dl dl{padding:0;margin-bottom:5px;}
.cycletrain_use dl dl dt{width: 100%;}
.cycletrain_use dl dl dd:first-of-type{font-size:16px;}
.cycletrain_use dl dl dd{padding-left: 24px;}
.cycletrain_use .kome::before{content:"※";}
.cycletrain_use .indent{text-indent: -1em;padding-left: 1em;}
.cycletrain_use .indent2{text-indent: -1em;padding-left: 2.5em;}
.red{color:#E60012;}
.cycletrain_use a{color:#35A19E;}
@media screen and (max-width: 750px) {
.cycletrain_use{padding-bottom:9vw;line-height: 1.6;}
.cycletrain_use::after{top:5vw;}
.cycletrain_use h3{font-size: 5.5vw;width:85%;margin:0 auto;padding:0.4em 0 0.5em;}
.cycletrain_use dl{padding:6vw 0 0 0;}
.cycletrain_use dl dt{font-size: 4.5vw;font-weight: 700;text-align:center;background:#fff;width:75%;margin:0 auto;border:1px solid #85B2B4;}
.cycletrain_use dl dd:first-of-type{font-size:5.5vw;font-weight: 700;text-align: center;line-height: 1.4;margin-bottom: 0.5em;}
.cycletrain_use dd{font-size: 3.2vw;margin-bottom:0.2ch;font-weight: 500;}
.cycletrain_use dl>div{display: block;margin-bottom:0;}
.cycletrain_use dl>div:not(:last-of-type){border-bottom: 1px dotted #ddd;margin-bottom:5vw;padding-bottom:3.5vw;}
.cycletrain_use div>dt{margin-bottom: 0.8em;}
.cycletrain_use div>dt::before{content:none;}
.cycletrain_use dl dl{padding:0;margin-bottom:0.5em;}
.cycletrain_use dl dl dt{font-size: 4.2vw;text-align: left;background:none;width:100%;border:none;}
.cycletrain_use dl dl dd:first-of-type{font-size:3.2vw;font-weight: 500;margin-bottom: unset;line-height: 1.6;}
.cycletrain_use dl dl dd{padding-left: 4.5vw;text-align: justify!important;}
}


.cycletrain_howto{padding-bottom:95px;}
.cycletrain_howto h3{text-align: center;color:#fff;font-weight: 700;font-size: 38px;background:#071952;line-height: 1;padding:0.3em 0 0.4em;}
.cycletrain_howto .flow{display: flex;justify-content: space-between;margin-top:35px;}
.cycletrain_howto .flow>div>div{display: flex;justify-content: space-between;}
.cycletrain_howto .situation{width: 26%;display:flex;flex-direction: column;justify-content: space-between;padding:40px 4.5% 0;flex-shrink: 0;}
.cycletrain_howto .situation.sp{display:none;}
.cycletrain_howto .train{padding-left:40px;padding-right:40px;width: 74%;}
.cycletrain_howto .flow>div:nth-of-type(1)>div{border-right:2px dashed #0B666A;}
.cycletrain_howto .flow>div:nth-of-type(2)>div{margin-right:-40px;}
.cycletrain_howto .flow>div:nth-of-type(1){width: 60%;}
.cycletrain_howto .flow>div:nth-of-type(2){width: 40%;}
.cycletrain_howto .flow>div:nth-of-type(2) .train{width: 100%;}
.cycletrain_howto .route{font-size:25px;text-align: center;font-weight: 700;color:#0B666A;line-height: 1;border:3px solid #0B666A;padding:0.15em 1em 0.2em;border-radius: 6px;width: max-content;margin:0 auto;}
.cycletrain_howto .current{}
.cycletrain_howto .current img{border:4px solid #0B666A;border-radius: 4px;margin-bottom:8px;}
.cycletrain_howto .current figcaption{font-size:39px;text-align: center;font-weight: 700;color:#0B666A;line-height: 1;margin: 0.75em 0 0.5em;}
.cycletrain_howto .current figcaption.space{letter-spacing: 0.3em;margin-right:-0.3em;}
.cycletrain_howto .current:not(:last-of-type)::after{content:"";display: block;background-image: url(../images/arrow.svg);background-repeat: no-repeat;width: 36px;height:18px;background-size: contain;margin:30px auto 0;}
.cycletrain_howto .txt{color:#0B666A;font-size:16px;font-weight: 500;line-height: 1.4;text-align: justify;}

@media screen and (max-width: 750px) {
.cycletrain_howto{padding-bottom:9vw;}
.cycletrain_howto h3{font-size: 5.5vw;width:85%;margin:0 auto;padding:0.4em 0 0.5em;}
.cycletrain_howto .flow{display: block;margin-top:6vw;}
.cycletrain_howto .situation{width: 25vw;padding:6vw 3vw 6px 7vw;}
.cycletrain_howto .situation.sp{display:flex;}
.cycletrain_howto .train{padding-left:0;padding-right:5vw;width:65vw;}
.cycletrain_howto .flow>div:nth-of-type(1){margin-bottom:11vw;}
.cycletrain_howto .flow>div:nth-of-type(1)>div{border-right:none;}
.cycletrain_howto .flow>div:nth-of-type(2)>div{margin-right:0;}
.cycletrain_howto .flow>div:nth-of-type(1){width: 100%;}
.cycletrain_howto .flow>div:nth-of-type(2){width: 100%;}
.cycletrain_howto .flow>div:nth-of-type(2) .train{width:65vw;}
.cycletrain_howto .route{font-size:5vw;margin-bottom:1vw;width: 96%;color:#fff;background:#0B666A;padding:0.2em 1em 0.25em;}
.cycletrain_howto .current img{margin-bottom:2vw;border-width: 3px;}
.cycletrain_howto .current figcaption{font-size:6.5vw;margin: 0.7em 0 0.5em;}
.cycletrain_howto .current:not(:last-of-type)::after{width: 6vw;height:3vw;margin:5vw auto 0;}
.cycletrain_howto .txt{font-size:3.5vw;line-height: 1.5;}
}


.cycletrain_info{padding-bottom:85px;}
.cycletrain_info{position:relative;}
.cycletrain_info::after{position:absolute;content:"";display: block;top:30px;left:0;width: 100%;height:100%;background:#F1F1F1;z-index:-1;}
.cycletrain_info h3{text-align: center;color:#fff;font-weight: 700;font-size: 38px;background:#071952;line-height: 1;padding:0.3em 0 0.4em;}
.cycletrain_info h4{font-size:24px;color:#071952;margin-bottom:0.5em;}
.cycletrain_info h4::before{content:"■";}

.cycletrain_info .ueno_map{margin:40px 0 50px;}
.cycletrain_info .ueno_map .map{padding:40px 80px;background:#fff;margin-bottom:40px;}
.cycletrain_info .ueno_map .map img{width: 100%;}
.cycletrain_info .stepflow{display:flex;justify-content: space-between;flex-wrap: wrap;}
.cycletrain_info .stepflow li{width:32%;background:#fff;border-radius: 6px;margin-bottom:20px;overflow: hidden;box-shadow: 0 0 4px rgba(11, 62, 131, 0.4);}
.cycletrain_info .stepflow li .img{width:100%;height:200px;}
.cycletrain_info .stepflow li .img img{width: 100%;height:100%;object-fit: cover;}
.cycletrain_info .stepflow li .img+p{font-weight: 600;font-size: 1.15em;text-align: justify;text-indent:-1.2em;padding:0.8em 1em 1em 2.2em;line-height:1.5;}
.cycletrain_info .stepflow li .img+p::before{margin-right:0.2em;color:#071952;}
.cycletrain_info .stepflow li:nth-child(1) .img+p::before{content:"\02776";}
.cycletrain_info .stepflow li:nth-child(2) .img+p::before{content:"\02777";}
.cycletrain_info .stepflow li:nth-child(3) .img+p::before{content:"\02778";}
.cycletrain_info .stepflow li:nth-child(4) .img+p::before{content:"\02779";}
.cycletrain_info .stepflow li:nth-child(5) .img+p::before{content:"\0277a";}
.cycletrain_info .stepflow li:nth-child(6) .img+p::before{content:"\0277b";}
.cycletrain_info .ueno_seat {position:relative;}
.cycletrain_info .ueno_seat .seat{padding:10px 40px;background:#fff;}
.cycletrain_info .ueno_seat .seat img{width: 100%;}
.cycletrain_info .ueno_seat h4+p{font-weight: 600;font-size: 1.25em;margin-bottom:25px;}
.cycletrain_info .ueno_seat h4+p span:nth-of-type(2){color:#b5b5b6;}
.cycletrain_info .ueno_seat h4+p span:nth-of-type(1){font-weight: 900!important;color:#f00;}
.cycletrain_info .ueno_seat .seat_caution{position:absolute;top:5px;right:0;}
.cycletrain_info .ueno_seat .seat_caution p{font-weight: 600;font-size: 1.05em;}
.cycletrain_info .ueno_seat .seat_caution li{line-height: 1.4;}
.cycletrain_info .ueno_seat .seat_caution li::before{content:"※";}
@media screen and (max-width: 880px) {
.cycletrain_info .ueno_seat .seat_caution{position: static;margin-bottom:1em;}
.cycletrain_info .ueno_seat h4+p br{display:none;}
}
@media screen and (max-width: 750px) {
.cycletrain_info{padding-bottom:9vw;}
.cycletrain_info::after{top:5vw;}
.cycletrain_info h3{font-size: 5.5vw;width:85%;margin:0 auto;padding:0.4em 0 0.5em;}
.cycletrain_info h4{font-size: 4vw;font-weight: 700;text-align:center;background:#fff;width:75%;margin:0 auto 0.8em;border:1px solid #071952;}
.cycletrain_info h4::before{content:none;}

.cycletrain_info .ueno_map{margin:6vw 0 9vw;}
.cycletrain_info .ueno_map .map{padding:4vw 2vw;margin-bottom:4vw;}
.cycletrain_info .stepflow{display:block;}
.cycletrain_info .stepflow li{width:100%;margin-bottom:2vw;display: flex;align-items: center;justify-content: space-between;}
.cycletrain_info .stepflow li .img{width:37%;height:auto;flex-shrink: 0;margin-right: 3vw;align-self: stretch;}
.cycletrain_info .stepflow li .img+p{font-size: 3.2vw;flex:1;padding:0.7em 1em 0.7em 1.2em;line-height: 1.4;font-weight: 500;}
.cycletrain_info .ueno_seat .seat{padding:2vw 1vw;}
.cycletrain_info .ueno_seat h4+p{font-size: 3.2vw;margin-bottom:0.7em;text-align: center;}
.cycletrain_info .ueno_seat h4+p br{display:block;}
.cycletrain_info .ueno_seat .seat_caution{margin-top:1em;position: static;}
.cycletrain_info .ueno_seat .seat_caution p{font-size:3vw;}
.cycletrain_info .ueno_seat .seat_caution li{font-size:2.9vw;}
}


.cycletrain_about{padding:100px 0 60px;}
.cycletrain_about h3{width: 467px;margin:0 auto 40px;}
.cycletrain_about h3 span{display:none;}
.cycletrain_about .txt{color:#071952;font-size: 15px;text-indent: 1em;line-height: 1.9;text-align: justify;}
.cycletrain_about .playatre{text-align: center;margin-top: 50px;}
.cycletrain_about .playatre a{display: inline-block;background:#000;border-radius: 28px;padding:20px 60px;}
.cycletrain_about .playatre a img{width: 280px;}
@media screen and (max-width: 750px) {
.cycletrain_about{padding:14vw 0 9vw;}
.cycletrain_about h3{width: 80%;margin:0 auto 5vw;}
.cycletrain_about .txt{font-size: 3.5vw;line-height: 1.6;}
.cycletrain_about .playatre{margin-top: 5vw;}
.cycletrain_about .playatre a{border-radius: 3.5vw;padding:3vw 6vw;width: 65%;}
.cycletrain_about .playatre a img{width: 100%;}
}



.cycletrain_rule{background:#0B666A;padding:50px 0;}
.cycletrain_rule .rule_outer{background:#fff;padding:45px 30px;}
.cycletrain_rule h4{width: 470px;margin:0 auto 30px;}
.cycletrain_rule h4 span{display:none;}
.cycletrain_rule .rule_lead{color:#071952;font-size: 15px;line-height: 1.8;text-align: justify;font-weight: 500;}
.cycletrain_rule .rule_inner{border:3px solid #071952;margin:25px 0;height:320px;overflow-y: scroll;padding:25px;color:#071952;font-size: 15px;line-height: 1.8;font-weight: 500;position:relative;}
.cycletrain_rule .rule_check{text-align: center;}
.cycletrain_rule .rule_check label{font-size: 30px;font-weight: 700;color:#071952;cursor: pointer;position: relative;padding-left: 1.6em;}
.cycletrain_rule .rule_check input{display: none;}
.cycletrain_rule .rule_check label::before{content:"";display: block;position: absolute;width: 0.65em;height:0.65em;border:2px solid #071952;top:0.4em;left:0;}
.cycletrain_rule .rule_check input:checked + label::after{
content:"";display: block;position: absolute;width: 0.4em;height:0.75em;border-bottom:5px solid #E60012;border-right:5px solid #E60012;top:0.1em;left:0.15em;transform: rotate(45deg);filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);}
.cycletrain_rule .rule_check+p{text-align: center;font-weight: 600;color:#071952;}

.rule_inner section{margin-top:30px;}
.rule_inner p{text-align: justify;}
.rule_inner p.indent{text-indent:1em;}
.rule_inner .head{font-weight: 700;}
.rule_inner li{text-align: justify;}
.rule_inner .dot li{text-indent: -1em;padding-left: 1em;}
.rule_inner .dot li::before{content:"・";font-family:'Noto Sans JP', sans-serif;}
.rule_inner .kome::before{content:"※"!important;}
.rule_inner .num>li{counter-increment: cnt;text-indent: -1.5em;padding-left: 1.5em;}
.rule_inner .num>li::before {content: counter(cnt);font-family:'Noto Sans JP', sans-serif;margin-right:1em;}
.rule_inner .num2>li{counter-increment: cnt2;text-indent: -2.5em;padding-left: 2.5em;}
.rule_inner .num2>li::before {content: "（"counter(cnt2)"）";font-family:'Noto Sans JP', sans-serif;}
.rule_inner .num3{}
.rule_inner .num3 li{text-indent: -1.2em;padding-left:1.2em;}
.rule_inner .num3 li::before{margin-right:0.2em;}
.rule_inner .num3 li:nth-child(1)::before {content: "\2460";}
.rule_inner .num3 li:nth-child(2)::before {content: "\2461";}
.rule_inner .num3 li:nth-child(3)::before {content: "\2462";}
.rule_inner .num3 li:nth-child(4)::before {content: "\2463";}
.rule_inner .num3 li:nth-child(5)::before {content: "\2464";}
.rule_inner .num3 li:nth-child(6)::before {content: "\2465";}
.rule_inner .num3 li:nth-child(7)::before {content: "\2466";}

.rule_inner .overview{}
.rule_inner .overview h5{}
.rule_inner .overview h5::before{content:"＜";}
.rule_inner .overview h5::after{content:"＞";}
.rule_inner .overview .flex{display:flex;flex-wrap: wrap;}
.rule_inner .overview dl>div:not(.flex){margin-top:30px;}
.rule_inner .overview dl>div:not(.flex) dd{margin-left:20px;}
.rule_inner .overview dt{font-size: 18px;}
.rule_inner .overview .flex dt{width: 7.5em;}
.rule_inner .overview .flex dt+dd:not(.table):not(.img)::before{content:"：";font-family:'Noto Sans JP', sans-serif;}
.rule_inner .overview dd{font-size: 18px;}
.rule_inner .overview dd.txt{font-size: 15px;}
.rule_inner .overview dd:not(.table)+dd.kome{margin-left:1em;}
.rule_inner .overview .img{width:300px;margin-left:80px;margin-top:20px;}

.rule_inner .overview dt::before{margin-right: 0.8em;}
.rule_inner .overview dl>div:nth-of-type(1) dt::before{content:"1";}
.rule_inner .overview dl>div:nth-of-type(2) dt::before{content:"2";}
.rule_inner .overview dl>div:nth-of-type(3) dt::before{content:"3";}
.rule_inner .overview dl>div:nth-of-type(4) dt::before{content:"4";}
.rule_inner .overview table{font-size: 17px;font-family:'Noto Sans JP', sans-serif;margin-top:10px;}
.rule_inner .overview table.date{margin-bottom: 10px;}
.rule_inner .overview table.time{font-size: 16px;}
.rule_inner .overview table caption{font-size: 15px;text-align: left;margin-bottom:10px;}
.rule_inner .overview table caption::before{content:"【";}
.rule_inner .overview table caption::after{content:"】";}
.rule_inner .overview table tr:nth-of-type(2n){background:#CADEEA;}
.rule_inner .overview table tr:nth-of-type(2n-1){background:#E5EFF5;}
.rule_inner .overview table.time tr:nth-of-type(2n){background:#E5EFF5;}
.rule_inner .overview table.time tr:nth-of-type(2n+1){background:#CADEEA;}
.rule_inner .overview table.time tr:nth-of-type(1){background:none;}
.rule_inner .overview table.date th{font-weight: 500;border-right:1px solid #071952;}
.rule_inner .overview table.time th{font-weight: 500;border-right:1px solid #071952;}
.rule_inner .overview table.time td:nth-of-type(2n){border-right:1px solid #071952;}
.rule_inner .overview table.time tr:nth-of-type(1) th{font-weight: 700;}
.rule_inner .overview table.date th{padding:0.2em 1em;}
.rule_inner .overview table.date td{padding:0.2em 1em;}
.rule_inner .overview table.time th{padding:0.2em 1em;}
.rule_inner .overview table.time td{padding:0.2em 1em;text-align: center;}
.rule_inner .overview table .space2{display: inline-block;width:2em;}
.rule_inner .overview table .space1{display: inline-block;width:1em;}
.rule_inner .overview ul{color:#071952;font-size: 15px;line-height: 1.6;text-align: justify;margin-top:20px;margin-left: 20px;}
.rule_inner .overview ul li{text-indent: -1em;padding-left:1em;}
.rule_inner .overview ul li::before{content:"※";}


@media screen and (max-width: 750px) {
.cycletrain_rule{padding:9vw 0;}
.cycletrain_rule .rule_outer{padding:5vw 3vw;}
.cycletrain_rule h4{width: 80%;margin:0 auto 3vw;}
.cycletrain_rule .rule_lead{font-size: 3vw;line-height: 1.6;}
.cycletrain_rule .rule_inner{margin:3vw 0;height:70vw;padding:3vw;border-width: 2px;font-size: 2.8vw;line-height: 1.6;font-weight: 400;}
.cycletrain_rule .rule_check label{font-size: 5vw;}
.cycletrain_rule .rule_check input:checked + label::after{border-width:4px;left:0.25em;}
.cycletrain_rule .rule_check+p{font-weight: 500;font-size: 2.8vw;}
.rule_inner section{margin-top:4vw;}

.rule_inner .overview dl>div:not(.flex){margin-top:6vw;}
.rule_inner .overview dl>div:not(.flex) dd{margin-left:0;}
.rule_inner .overview dt{font-size: 3.2vw;font-weight: 500;}
.rule_inner .overview .flex dt{width: 7.5em;}
.rule_inner .overview dd{font-size: 3.2vw;}
.rule_inner .overview dd.txt{font-size: 2.8vw;}
.rule_inner .overview dd:not(.table)+dd.kome{margin-left:1.3em;}
.rule_inner .overview .img{width:80%;margin-left:auto;margin-top:3vw;margin-right: auto;}
.rule_inner .overview table{font-size: 3.2vw;margin-top:2vw;width: 100%;}
.rule_inner .overview table.time{font-size: 2.5vw;}
.rule_inner .overview table caption{font-size: 2.8vw;margin-bottom:2vw;text-align: center;}
.rule_inner .overview table.date{margin-bottom: 2vw;}
.rule_inner .overview table.date th{padding:0.4em 0.5em;}
.rule_inner .overview table.date td{padding:0.4em 0.5em;}
.rule_inner .overview table.time th{padding:0.5em 0.2em;}
.rule_inner .overview table.time td{padding:0.5em 0.2em;}
.rule_inner .overview ul{font-size: 2.8vw;line-height: 1.5;margin-top:3vw;margin-left: 0;}

}


.cycletrain_action{padding:50px 0 60px;}

.cycletrain_link p{text-align: center;}
.cycletrain_link .linkbtn{margin-bottom:15px;}
.cycletrain_link .linkbtn a{color: #fff;background:#F8BD12;display: inline-block;width: 500px;border-radius: 60px;font-size: 22px;font-weight: 700;padding:0.9em 0.5em 0.9em 0;position: relative;pointer-events: auto;transition: background 0.1s,opacity 0.2s;}
.cycletrain_link .linkbtn a::after{content:"";display:inline-block;background-image: url(../images/arrow_wh.svg);background-repeat: no-repeat;width: 26px;height:18px;background-size: contain;position: absolute;top:55%;right:60px;transition: right 0.2s;transform: translateY(-50%);}
.cycletrain_link .linkbtn a:hover::after{right: 55px;}
.cycletrain_link .linkbtn a:hover{text-decoration: none;}
.cycletrain_link .linkbtn+p{color:#071952;font-size: 18px;margin-bottom:25px;font-weight: 500;}
.cycletrain_link .linkbtn+p::before{content:"※";}
.cycletrain_link .linkbtn.disabled a{background:#ccc;pointer-events: none;}
.cycletrain_link .linkbtn.pdf span{display:block;font-size:0.75em;}
.cycletrain_link .linkbtn.pdf a{padding:0.4em 0.5em 0.4em 0;line-height: 1.4;}

.cycletrain_caution{}
.cycletrain_caution h3{color:#071952;font-size: 15px;font-weight: 400;line-height: 1.8;}
.cycletrain_caution h3::before{content:"■";}
.cycletrain_caution ul{color:#071952;font-size: 15px;line-height: 1.8;text-align: justify;}
.cycletrain_caution ul li{display: inline;}
.cycletrain_caution ul li::before{content:"※";}

@media screen and (max-width: 750px) {
.cycletrain_action{padding:9vw 0 12vw;}
.cycletrain_link .linkbtn{margin-bottom:2.5vw;}
.cycletrain_link .linkbtn a{font-size: 5vw;width: 100%;padding:0.7em 0.8em 0.7em 0;}
.cycletrain_link .linkbtn a::after{width: 5vw;height:3vw;top:53%;right:9vw;}
.cycletrain_link .linkbtn a:hover::after{right: 8vw;}
.cycletrain_link .linkbtn+p{font-size: 3.7vw;margin-bottom:6vw;}
.cycletrain_caution{margin-top:7vw;}
.cycletrain_caution h3{font-size: 3.2vw;line-height: 1.6;}
.cycletrain_caution ul{font-size: 3.2vw;line-height: 1.6;}
}


.popup{position: fixed;top:50%;left:50%;width: 750px;max-height:80vh;background:#fff;z-index: 99999;transform: translate(-50%,-50%);border-radius: 6px;box-shadow:0 0 0 7px #0B666A, 0 0 18px 5px rgba(0,0,0,1);padding:20px;border:2px solid #0B666A;outline: 4px solid #fff;overflow-y: scroll;display: none;}
.popup .bring_ok{background:#CADEEA;border-radius: 10px;padding:15px;width: 65%;}
.popup .bring_ng{background:#CADEEA;border-radius: 10px;padding:15px;width: 33%;}
.popup .msg{font-size: 1.4em;font-weight: 600;text-align: center;line-height: 1.3;}
.popup .popup_title{font-size: 1.3em;font-weight: 600;text-align: center;margin-bottom:0.6em;}
.popup .popup_title::before{content:"〈";margin-right:0.2em;}
.popup .popup_title::after{content:"〉";margin-left:0.2em;}
.popup .popup_flex{display:flex;justify-content: space-between;align-items: stretch;margin:15px 0 25px;}
.popup .popup_flex .img{width: 100%;margin-bottom:5px;}
.popup .popup_flex .img img{width: 100%;}
.popup .popup_flex .txt{text-align: center;font-weight: 600;font-size: 1.1em;line-height: 1.3;}
.popup .bring_ng div div:not(:first-of-type) .img{margin-top: 10px;}
.popup .caution{background: #fff;margin-top: 25px;padding:10px 15px;border-radius: 4px;}
.popup .caution p:nth-of-type(1){font-weight: 600;font-size: 0.95em;text-align: center;border-bottom: 1px solid #85B2B4;margin-bottom:5px;padding-bottom: 2px;}
.popup .caution p:nth-of-type(2){font-size: 0.9em;text-align: justify;font-weight: 600;}
.popup .popup_check{text-align: center;}
.popup .popup_check label{font-size: 1.5em;font-weight: 700;cursor: pointer;position: relative;padding-left: 1.4em;}
.popup .popup_check input{display: none;}
.popup .popup_check label::before{content:"";display: block;position: absolute;width: 0.8em;height:0.8em;border:2px solid #000;top:0.25em;left:0;}
.popup .popup_check input:checked + label::after{
content:"";display: block;position: absolute;width: 0.4em;height:0.75em;border-bottom:5px solid #E60012;border-right:5px solid #E60012;top:0em;left:0.25em;transform: rotate(45deg);filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);}
.popup .popup_btn{color: #fff;background:#F8BD12;width: 300px;border-radius: 60px;font-size: 20px;font-weight: 700;padding:0.5em 0 0.5em 0;transition: background 0.1s,opacity 0.2s;text-align: center;margin: 15px auto 0;cursor: pointer;}
.popup .popup_btn.disabled{background:#ccc;pointer-events: none;}
.popup .popup_btn:hover{opacity:0.8;}
.popup .close_txt{text-align: center;margin-top:15px;font-weight: 500;}
.popup .close_txt span{cursor: pointer;text-decoration: underline;transition: opacity 0.2s;}
.popup .close_txt span:hover{opacity:0.8;}

@media screen and (max-width: 750px) {
.popup{width: 85vw;transform: translate(-50%,-50%);padding:4vw;max-height:75vh;}
.popup .bring_ok{padding:3vw;width: 100%;}
.popup .bring_ng{padding:3vw;width: 100%;margin-top:3vw;}
.popup .msg{font-size: 3.2vw;}
.popup .popup_title{font-size: 3.2vw;margin-bottom: 0.8em;}
.popup .popup_flex{display:block;margin:2vw 0 4vw;}
.popup .popup_flex .img{margin-bottom:1vw;}
.popup .popup_flex .txt{font-size: 2.6vw;}
.popup .bring_ng div div:not(:first-of-type) .img{margin-top: 0;}
.popup .bring_ng div div:last-of-type .img{margin-top:1em;}
.popup .bring_ng>div{display:flex;justify-content: space-between;flex-wrap: wrap;}
.popup .bring_ng>div div{width: 48%;}
.popup .caution{margin-top: 2vw;padding:1.5vw 2vw;}
.popup .caution p:nth-of-type(1){font-size: 2.7vw;}
.popup .caution p:nth-of-type(2){font-size: 2.6vw;font-weight: 500;}

.popup .popup_check label{font-size: 4vw;}
.popup .popup_check input:checked + label::after{border-width:4px;left:0.25em;}
.popup .popup_btn{font-size: 5vw;width: 100%;}

.popup .close_txt{margin-top:1.1em;font-size: 3.2vw;}
}

.screen{position: fixed;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,0.3);z-index: 9999;display: none;}