@charset 'UTF-8';
.web.cyclerace{ font-family: 'Noto Sans JP', 'sans-serif'}
a:hover {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
a:hover img {opacity:0.75;filter: alpha(opacity=75)}


.web.cyclerace main .cyclerace__row{ display: table; width: 100%;}
.web.cyclerace main .cyclerace__col{ display: table-cell;}
.web.cyclerace main .cyclerace__jred a {color: #ffffff; background-color: rgba(210,0,0,1.00);}
.web.cyclerace main .cyclerace__jblue a {color: #ffffff; background-color: rgba(51,54,90,1.00);}
.web.cyclerace main .cyclerace__jred a:hover {color: #ffffff; background-color: rgba(105,0,0,1.00);}
.web.cyclerace main .cyclerace__jblue a:hover {color: #ffffff; background-color: rgba(25,27,45,1.00);}
.web.cyclerace main .twitter-tweet{margin-top: 0 !important; margin-bottom: 0 !important;}
.web.cyclerace main img{ max-width: 100%;}
.web.cyclerace main section > section{padding: 40px 20px;}
.web.cyclerace main section > section:nth-child(odd){position: relative; background-color: rgba(255,255,255,1.00);}
.web.cyclerace main > section > section > .cyclerace__container > h1{margin: 0 0 2.0em; font-size: 2.0em; text-align: center;}
.web.cyclerace main > section > section > .cyclerace__container > h1 b{display: inline-block; position: relative;}
.web.cyclerace main > section > section > .cyclerace__container > h1 b:before{display: block; content: ""; position: absolute; bottom: calc(50% - 5px); left: -150px; width: 100px; height: 10px; background-color: rgba(210,0,0,1); transform: skewX(15deg); z-index: 0;}
.web.cyclerace main > section > section > .cyclerace__container > h1 b:after{display: block; content: ""; position: absolute; bottom: calc(50% - 5px); right: -150px; width: 100px; height: 10px; background-color: rgba(51,54,90,1); transform: skewX(15deg);  z-index: 0;}
.web.cyclerace main > section > section > .cyclerace__container > h1 b span:before{display: block; content: ""; position: absolute; bottom: calc(50% - 20px); left: -50px; width: 1px; height: 40px; background-color: rgba(210,0,0,0.5); transform: skewX(15deg); z-index: 0;}
.web.cyclerace main > section > section > .cyclerace__container > h1 b span:after{display: block; content: ""; position: absolute; bottom: calc(50% - 20px); right: -50px; width: 1px; height: 40px; background-color: rgba(51,54,90,0.5); transform: skewX(15deg);  z-index: 0;}
.web.cyclerace main > section > section > .cyclerace__container > h1 + p{margin-bottom: 20px; text-align: center;}
.web.cyclerace main section section.cyclerace__racemovie h1 + p{position: relative;}
.web.cyclerace main section section.cyclerace__racemovie h1 + p:before{display: block; content: ""; position: absolute; top: 20px; left: 0; width: 100%; height: 5px; background-color: rgba(210,0,0,1);}
.web.cyclerace main section section.cyclerace__racemovie h1 + p b{display: inline-block; position: relative;height: 45px; line-height: 45px; margin-bottom: 20px; padding: 0 20px; color: #ffffff; background-color: rgba(210,0,0,1); border-radius: 25px; font-family: 'Poppins', sans-serif; font-size: 1.5em;}
.web.cyclerace main section section.cyclerace__racemovie h1 + p b + span{display: block;}
.web.cyclerace main section section.cyclerace__racemovie h1 + p + .cyclerace__scroll{margin-bottom: 40px; padding-bottom: 20px; border-bottom: 5px solid rgba(210,0,0,1);}
.web.cyclerace main > section > section > section > .cyclerace__container > h1{margin: 0 0 2.0em; font-size: 2.0em; text-align: center;}
.web.cyclerace main > section > section > section > .cyclerace__container > h1 b{position: relative; padding: 0 20px;}
.web.cyclerace main > section > section > section > .cyclerace__container > h1 b:before{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; background-color: rgba(210,0,0,0.15); transform: skewX(15deg);}

.web.cyclerace main .cyclerace__toggle-button{text-align: center;}
.web.cyclerace main .cyclerace__toggle-button span{display: inline-block; position: relative; width: 40%; margin-top: 20px; padding: 10px 0; background-color: #ffffff; border: 1px solid #c7c7c7; border-radius: 50px; font-size: 0.85em; text-align: center;}
.web.cyclerace main .cyclerace__toggle-button span:after{display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; margin-top: -5px;; background:url(/img/icon/arrowDown--black.svg) no-repeat center/auto 50%}


.cyclerace__heading-outer{display: flex; align-items: center; justify-content: center; position: relative; background: transparent url("../cycle/race/theuaetour/img/kv.jpg") no-repeat center center; background-size: cover; text-align: center;}
.cyclerace__heading-inner{width: 50vw; margin: 0 auto;  padding: 2.0em; background-color: rgba(255,255,255,1.00)}
.cyclerace__heading nav{background-color: rgba(210,0,0,1.00);}
.cyclerace__heading nav ul{margin: 0 auto; font-size: 0;}
.cyclerace__heading nav ul li{display: inline-block; font-size: 14px; font-weight: bold; vertical-align: top;}
.cyclerace__heading nav ul li a, .cyclerace__heading nav ul li span{display: flex; align-items: center; height: 40px; line-height: 40px; padding: 0 1.0em; color: #ffffff; background-color: rgba(210,0,0,1.00); box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.25);}
.cyclerace__heading nav ul li span{color: rgba(255,255,255,0.5);}
.cyclerace__heading nav ul li.lf a, .cyclerace__heading nav ul li.lf span{line-height: 1.2;}
.cyclerace__item-button{ display: block; padding: 1.0em 0; color: #ffffff; background-color: rgba(51,54,90,1.00); border-radius: 5px; font-size: 0.85em; text-align: center; line-height: 1.0;}
a:hover .cyclerace__item-button{background-color: rgba(25,27,45,1.00);}

.cyclerace__cyclist .cyclerace__toggle-content{display: none;}
.cyclerace__cyclist .cyclerace__toggle-content.open{display: block;}
.cyclerace__ps > em{ color: #cccccc; background-color: rgba(0,0,0,0.5); font-size: 1.25em; font-style: normal;}
.cyclerace__ps > a{ background-color: rgba(210,0,0,1.00); font-size: 1.25em;}
.cyclerace__ps > a:hover{ background-color: rgba(105,0,0,1.00); font-size: 1.25em;}
.cyclerace__ps.cyclerace__startlist > em, .cyclerace__ps.cyclerace__startlist > a{ padding: 2.0em 0;}
.cyclerace__ps > p{ margin-top: 1.0em; line-height: 1.4;}
.cyclerace__result .cyclerace__ps{ margin-top: 20px;}
.cyclerace__root .cyclerace__ps{ margin-top: 20px;}

.cyclerace__cyclist ul{/*padding: 0 1.953%;*/ font-size: 0;}
.cyclerace__cyclist ul li{display: inline-block; width: 49.023%; margin: 1.953% 0 0 1.953%; font-size: 16px; vertical-align: top;}
.cyclerace__cyclist ul li a{display: block; position: relative; color: #444444; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.5); z-index: 0;}
.cyclerace__cyclist ul li a:hover{box-shadow: 0px 0px 0 0 rgba(0,0,0,0.5);}
.cyclerace__cyclist ul li a .cyclerace__photo{display: block; overflow: hidden;}
.cyclerace__cyclist ul li a .cyclerace__photo img{ transition-duration: 0.25s;}
.cyclerace__cyclist ul li a:hover .cyclerace__photo img{transform: scale(1.1); transition-duration: 0.25s;}
.cyclerace__cyclist ul li p{min-height: 8.0em; padding: 1.0em 1.5em;}
.cyclerace__cyclist ul li p b{display: block; margin-bottom: 0.5em; line-height: 1.4;}
.cyclerace__cyclist ul li p em{font-family: 'Poppins', sans-serif; font-size: 0.85em; font-style: normal;font-weight: 400;}
.cyclerace__cyclist ul li a .cyclerace__item-button{ display: block; margin: 0 1.5em 1.5em;}
.cyclerace__cyclist .cyclerace__ps{ margin: 2.0em auto; padding-top: 2.0em; border-top: 1px solid rgba(0,0,0,0.5);}

.cyclerace__highlights .cyclerace__field .cyclerace__figure .cyclerace__embed{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.cyclerace__highlights .cyclerace__field .cyclerace__figure .cyclerace__embed iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.cyclerace__highlights .cyclerace__field .cyclerace__figure iframe{ margin-bottom: 0!important;}
.cyclerace__highlights .cyclerace__field .cyclerace__figure p{ display: inline-block; margin-top: 20px; padding: 1.0em; color: #ffffff; background-color: rgba(51,54,90,1.00); font-size: 0.85em; line-height: 1.4;}
.cyclerace__highlights .cyclerace__field .cyclerace__text p{line-height: 1.8;}
.cyclerace__root ol{margin-bottom:30px;}
.cyclerace__root .cyclerace__stage{display: table; width: 100%; border-bottom: 2px solid rgba(51,54,90,0.75);}
.cyclerace__root .cyclerace__stage > *{display: table-cell; vertical-align: middle;}
.cyclerace__root .cyclerace__stage b{width: 20%; padding: 20px; color: #ffffff; background-color: rgba(51,54,90,1); font-family: 'Poppins', sans-serif; font-size: 1.5em; font-weight: 800; text-align: center;box-sizing: border-box;}
.cyclerace__root .cyclerace__stage p{padding-left: 1.0em; box-sizing: border-box;}
.cyclerace__root .cyclerace__info{background-color: #ffffff; border-bottom: 2px solid rgba(51,54,90,0.75);}
.cyclerace__root .cyclerace__info .cyclerace__col{padding: 10px 0; vertical-align: middle;}
.cyclerace__root .cyclerace__info .cyclerace__col:first-child{width: 20%; border-right: 2px solid rgba(51,54,90,0.75); font-family: 'Poppins', sans-serif; font-size: 1.5em; font-weight: 800; text-align: center;}
.cyclerace__root .cyclerace__info .cyclerace__col:nth-of-type(2) ul li{position: relative; margin-left: 1.0em; padding: 0.5em 0.5em 0.5em 40px; font-size: 1.25em; font-weight: 800;}
.cyclerace__root .cyclerace__info .cyclerace__col ul li .cyclerace__icon{display: block; position: absolute; top: 0.25em; left: 0; width: 30px; height: 30px; line-height: 30px; color: #ffffff; border-radius: 15px; text-align: center;}
.cyclerace__root .cyclerace__info .cyclerace__col ul li .cyclerace__icon.cyclerace__start{background-color: rgba(210,0,0,1.0);}
.cyclerace__root .cyclerace__info .cyclerace__col ul li .cyclerace__icon.cyclerace__goal{background-color: rgba(51,54,90,1.0);}
.cyclerace__root .cyclerace__info .cyclerace__col:last-child ul li a{display: block; padding: 0.75em; border-radius: 50px; font-size:0.75em; text-align: center;}
.cyclerace__root .cyclerace__map{margin-top: 1.5em;}
.cyclerace__root .cyclerace__map ul li a{display: block; position: relative; border-radius: 5px; overflow: hidden;}
.cyclerace__root .cyclerace__map ul li a:after{display: block; content: ""; position: absolute; bottom: 10px; right: 10px; width: 30px; height:30px; background: #ffffff url(/img/icon/icon--magnifyBlack.svg) no-repeat center/auto 50%; border-radius: 15px;}
.cyclerace__root .cyclerace__map ul li p, .cyclerace__movie ul li p, .cyclerace__result ul.cyclerace__movie li p, .cyclerace__sns ul li p{margin-top: 0.5em; font-size: 0.85em;}
.cyclerace__movie ul li a, .cyclerace__result ul.cyclerace__movie li a{display: block; position: relative;}
.cyclerace__movie ul li a:after, .cyclerace__result ul.cyclerace__movie li a:after{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: transparent url(/img/icon/icon--play.png) no-repeat center/auto 50%;}
.cyclerace__result  dt, .cyclerace__racemovie  dt{ position: relative; padding: 20px; color: #ffffff;  background-color: rgba(0,0,0,1.00); font-weight: 800;}
.cyclerace__racemovie  dd{ margin-top: 20px;}
.cyclerace__result  dt:not(:first-child), .cyclerace__racemovie  dt{ margin-top: 20px;}
.cyclerace__result  dt:after, .cyclerace__racemovie  dt:after{ display: block; content: "　"; position: absolute; top: 0; right: 0; width: auto; height: 100%; padding: 0 20px; background: rgba(51,54,90,1.00)  url(/img/icon/arrow-down.svg) no-repeat center/auto 20%; border-left: 5px solid #f3f2f2;}
.cyclerace__result  dt.open:after, .cyclerace__racemovie  dt.open:after{ background: #999999 url(/img/icon/arrow-up.svg) no-repeat center/auto 20%; }
.cyclerace__result  dd{ display: none;}
.cyclerace__result dt.open +  dd{ display: block;}
.cyclerace__result  dd, .cyclerace__racemovie  dd{ display: none;}
.web.cyclerace main dt.open +  dd{ display: block !important;}.cyclerace__result ul.cyclerace__ranking li{ border-top: 5px solid #f3f2f2;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col{ background-color: rgba(255,255,255,1.00); font-size: 0.85em; vertical-align: middle;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:not(:first-child){ border-left: 5px solid #f3f2f2;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child{width: 5%; text-align: center;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child.rank1{ background-color: rgba(219,180,0,0.5);} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child.rank2{ background-color: rgba(159,160,160,0.5);} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child.rank3{ background-color: rgba(192,141,94,0.5)} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col{padding: 20px; vertical-align: middle;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col:first-child > .cyclerace__row > .cyclerace__col:first-child{ font-size: 1.15em; font-weight: 800;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col:nth-of-type(2){  width: 20%;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col:last-child{ width: 40%;} 
.cyclerace__result ul.cyclerace__movie{ margin-top: 20px;}
.cyclerace__column ul li a{display: block; color: #333333; background-color: #ffffff; box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.5);}
.cyclerace__column ul li p{padding: 20px; white-space: normal;}
.cyclerace__howto{position: relative; background: rgb(210,0,0);background: linear-gradient(45deg, rgba(210,0,0,1) 0%, rgba(51,54,90,1) 100%);}
.cyclerace__howto:before{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: transparent url("../cycle/race/theuaetour/img/kv.jpg") no-repeat center center; background-size: cover;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.25;}
.cyclerace__howto *{position: relative; z-index: 1;}
.web.cyclerace main > section > section.cyclerace__howto > .cyclerace__container > h1{display: flex; align-items: baseline; color: #ffffff; font-size: 1.5em; text-align: left; white-space: nowrap;}
.cyclerace__howto h1 em{display: inline-block; margin-right: 0.15em; font-family: 'Poppins', sans-serif; font-size: 2.0em; font-style: normal;}
.cyclerace__howto h1 span{display: inline-block; margin-right: 20px;}
.cyclerace__howto h1:after{display: block; content: ""; width: 100%; height: 15px; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff;}
.cyclerace__howto .cyclerace__howtoBlock{background-color: rgba(255,255,255,0.9); text-align: center;}
.cyclerace__howto .cyclerace__howtoBlock strong{display: block; height: 40px; line-height: 40px; color: #ffffff; background-color: #000000;}
.cyclerace__howto .cyclerace__howtoBlock b{display: block; margin-top: 20px;;}
.cyclerace__howto .cyclerace__howtoBlock picture{display: block; height: 50px; margin: 20px 0;}
.cyclerace__howto .cyclerace__howtoBlock .cyclerace__note{padding: 15px 20px 20px; font-size: 0.75em; text-align: left; line-height: 1.4;}



@media only screen and (max-width: 1023px) {
.web.cyclerace main, .cyclerace__cyclist ul li{font-size: 3.5vw;}
.web.cyclerace main > section > section > .cyclerace__container > h1{font-size: 1.25em;}
.web.cyclerace main > section > section > .cyclerace__container > h1 b:before{bottom: calc(50% - 10px); height: 20px;}
.web.cyclerace main > section > section > .cyclerace__container > h1 b:after{bottom: calc(50% - 10px); height: 20px;}
.web.cyclerace main .cyclerace__scroll{overflow: scroll}
.web.cyclerace main .cyclerace__scroll ul{white-space: nowrap;}
.cyclerace__heading-inner{width: 80%; margin: 20px auto;  padding: 2.0em; background-color: rgba(255,255,255,0.85);}
.cyclerace__title-logo{width: 60%; margin: 0 auto 10px;}
.cyclerace__title-text h1{margin-bottom: 0.25em; font-size: 1.75em; line-height: 1.4;}
.cyclerace__heading-link{padding-top: 10px;}
.cyclerace__heading-link li{margin-top: 10px;}
.cyclerace__heading-link li a{display: block; padding: 10px 0; border-radius: 50px; font-size: 1.0em;}
.cyclerace__heading nav ul{padding: 0 0 1px 1px; background-color: rgba(0,0,0,1.00);}
.cyclerace__heading nav ul li{width: calc(50% - 1px); margin: 1px 0 0 1px;}
.cyclerace__heading nav ul li a{background-color: rgba(210,0,0,1);justify-content: center; font-size: 0.85em;}
.cyclerace__heading nav ul li span{color: #666666; background-color: #aaaaaa;justify-content: center; font-size: 0.85em;}
.cyclerace__heading nav ul li:nth-child(odd), .cyclerace__cyclist ul li:nth-child(odd){margin-left: 0;}
.web.cyclerace main section > section.cyclerace__highlights{padding-right: 0; padding-bottom: 0; padding-left: 0;}
.cyclerace__highlights .cyclerace__field{position: relative}
.cyclerace__highlights .cyclerace__field:before{display: block; content: ""; position: absolute; top: 50px; right: 0; bottom: 0; left: 0;background-color: rgba(206,188,129,0.25);}
.cyclerace__highlights .cyclerace__field *{position: relative; z-index: 0;}
.cyclerace__highlights .cyclerace__field .cyclerace__figure{ padding: 0 20px;}
.cyclerace__highlights .cyclerace__field .cyclerace__text{position: relative; height: 10.0em; padding: 20px; overflow: hidden;}
.cyclerace__highlights .cyclerace__field .cyclerace__text .cyclerace__toggle-button{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; padding-bottom: 20px; background: rgb(243,238,223); background: linear-gradient(0deg, rgba(243,238,223,1) 50%, rgba(243,238,223,0) 100%);}
.cyclerace__highlights .cyclerace__field .cyclerace__text.open{height: auto; overflow: visible;}
.cyclerace__root{font-size: 3.0vw;}
.cyclerace__root ol{margin-bottom:20px;}
.cyclerace__root .cyclerace__stage b{padding: 10px 0; font-size: 1.0em; box-sizing: border-box;}
.cyclerace__root .cyclerace__info .cyclerace__row{position: relative; padding-bottom: 98px;}
.cyclerace__root .cyclerace__info .cyclerace__col:nth-of-type(2) ul li{margin-left: 0.25em; padding: 5px 0 5px 25px;}
.cyclerace__root .cyclerace__info .cyclerace__col ul li .cyclerace__icon{top: 0.25em; width: 20px; height: 20px; line-height: 20px; font-size: 0.75em;}
.cyclerace__root .cyclerace__info .cyclerace__col:last-child{display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(51,54,90,0.25);}
.cyclerace__root .cyclerace__info .cyclerace__col:last-child ul li:not(:first-child){margin-top: 10px;}
.cyclerace__root .cyclerace__info .cyclerace__col:last-child ul li a{height: 34px; line-height: 34px; margin: 0 10px; padding: 0; font-size: 1.15em;}
.cyclerace__root .cyclerace__map ul, .cyclerace__movie ul, .cyclerace__result ul.cyclerace__movie{font-size: 0;}
.cyclerace__root .cyclerace__map ul li, .cyclerace__movie ul li, .cyclerace__result ul.cyclerace__movie li{display: inline-block; width: 50%; margin-top: 10px;}
.cyclerace__root .cyclerace__map ul li:nth-of-type(-n+2), .cyclerace__movie ul li:nth-of-type(-n+2), .cyclerace__result ul.cyclerace__movie li:nth-of-type(-n+2){margin-top: 0;}
.cyclerace__root .cyclerace__map ul li:nth-child(odd), .cyclerace__movie ul li:nth-child(odd), .cyclerace__result ul.cyclerace__movie li:nth-child(odd) {padding-right: 5px; vertical-align: top;}
.cyclerace__root .cyclerace__map ul li:nth-child(even), .cyclerace__movie ul li:nth-child(even), .cyclerace__result ul.cyclerace__movie li:nth-child(even){padding-left: 5px;}
.cyclerace__movie.cyclerace__racemovie li:nth-child(even){padding-left: 0;}
.cyclerace__movie.cyclerace__racemovie li:nth-child(odd){padding-right: 0;}
.cyclerace__root .cyclerace__map ul li p, .cyclerace__movie ul li p, .cyclerace__column ul li p, .cyclerace__result ul.cyclerace__movie li p{font-size: 2.5vw;}
div.cyclerace__movie{margin: 0 20px;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child{width: 10%; text-align: center;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col{padding: 10px;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col{ display: block;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col:last-child{ width: 100%;} 
.cyclerace__result ul.cyclerace__movie{ margin-top: 20px;}
.cyclerace__scroll ul li{ display: inline-block; width: 80%; margin-left: 10px; padding: 0; vertical-align: top;}
.cyclerace__scroll ul li:first-child{margin-left: 0;}
.cyclerace__scroll ul li iframe{max-width: 100% !important; min-width: initial !important;}
.cyclerace__howto .cyclerace__howtobody > .cyclerace__howtoBlock:first-child{margin-bottom: 20px;}
.cyclerace__howto .cyclerace__howtobody > .cyclerace__howtoBlock:last-child ul li:last-child{margin-top: 20px; border-top: 1px solid #999999;}

/*--230419追加 --*/
.campaign-overview-top {margin-top: 20px;}
.cycle-wrap .campaign-overview .c-tag { padding: 0px 0 20px 0;}
.cycle-wrap .cycle-about .campaign-overview h3 { display: inline-block; padding: 8px 12px; color: #fff; background: #fff100;}
/*.racetype .cp_lead { margin-top: -7px; background-color: #ffc0cb4a;}
.racetype .cp_lead p {font-weight: 700; padding: 40px 30px 20px 30px; margin: 0 auto; line-height: 29px;}*/
.campaign-overview .cp_lead { margin-top: -7px; background-color: #f6fc484a;}
.campaign-overview .cp_lead a{ color:#002cff; }
.campaign-overview .cp_lead p {font-weight: 700; padding: 40px 30px 20px 30px; margin: 0 auto; line-height: 29px;}
.cp_kp_img img{width:100%; margin-top: 30px;}
.cyclerace__sns .cyclerace__scroll{overflow: scroll}
.cyclerace__sns .cyclerace__scroll ul{white-space: nowrap; margin-bottom: 60px;}
.cycle-wrap .cycle-about .cyclerace__sns h3{display: block; width: 100%; margin: 10px 0px; padding: 15px 12px; color: #fff; background: #fac;}
.present-img img {margin-top:10px; width: 100%;}
.tour2019 .rowWrap {padding: 10px; margin-top: -40px;}
.instagram_btn {margin-top: 10px;}
.twitter_btn {margin-top: 10px;}
.ap_img {width: 100%}
.ap_img img {display: block; width: 45%; margin: 0 auto 10px auto; }
.ap_text a {color: #002cff;}
.caution a {color: #002cff;}
.campaign-overview-top a{color: #002cff;}


.btn-social-long-twitter {
  color: #000;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 50px;/*高さ*/
  width: 100%;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 53px;/*高さと合わせる*/
  background: #e2e2e2;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

/*.btn-social-long-twitter .fa-twitter {
  text-shadow: 2px 2px 0px #4287d6;
  font-size: 30px;
}

.btn-social-long-twitter span {
  display:inline-block;
  transition: .5s;
}

.btn-social-long-twitter:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}*/

.btn-social-long-insta {
  /*ボタンの下地*/
  color: #000;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 100%;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 53px;/*高さと合わせる*/
  background: #e2e2e2;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

/*.btn-social-long-insta:before {
  グラデーション②
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;全体を覆う
  height: 100%;全体を覆う
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}*/

/*.btn-social-long-insta .fa-instagram {
  アイコン
  font-size: 35px;
  position: relative;
  top: 4px;
}*/

/*.btn-social-long-insta span {
  テキスト
  display:inline-block;
  position: relative;
  transition: .5s}*/

/*.btn-social-long-insta:hover span {
  ホバーで一周回転
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}*/

.rowWrap img {width: 100%;}

.announcement {
   padding: 0 15px;
   margin: 30px auto;
   /*width: 100%;
   margin: auto;*/
}

.announcement .grandprix{
	margin-top: 10px;
}

.announcement .specialprize_a{
	margin-top: 10px;
}

.announcement .specialprize_b{
	margin-top: 10px;
}

.announcement .specialprize_c{
	margin-top: 10px;
}

.announcement .grandprix img{
	width: 100%;
	margin-top: 10px;
}

.announcement .specialprize_a img{
	width: 100%;
	margin-top: 10px;
}

.announcement .specialprize_b img{
	width: 100%;
	margin-top: 10px;
}

.announcement .specialprize_c img{
	width: 100%;
	margin-top: 10px;
}


a.btn_12 {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 60px;
    margin: -3px auto auto auto;
    /*padding: 1rem 26rem 1rem 22rem;*/
    font-weight: bold;
    background: #1c1e21;
    color: #fff;
    /* border-radius: 1vh; */
    /* position: relative; */
    transition: 0.5s;
}
/*a.btn_12::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}*/
a.btn_12:hover {
	background: #44c6f2;
	color: #fff;
}

/*.userpost{
	position: absolute;
    top: 510px;
    left: 275px;
}*/


}



@media only screen and (max-width: 340px) {
 .cyclerace__scroll ul li{width: 90%;}
}



@media only screen and (min-width: 1024px) {
.cyclerace__container{width: 1100px; margin-right: auto; margin-left: auto;}
.web.cyclerace main section > section{padding: 4.0em;}
.web.cyclerace main section section.cyclerace__racemovie h1 + p + .cyclerace__scroll{padding-bottom: 40px;}
.cyclerace__heading-outer{min-height: 50vh;}
.cyclerace__title{display: flex; align-items: center; justify-content: center;}
.cyclerace__title-logo{width: 100px;}
.cyclerace__title-text{padding-left: 20px; text-align: left;}
.cyclerace__title-text h1{margin-bottom: 0.25em; font-size: 1.75em; line-height: 1.4;}
.cyclerace__heading-link{display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.cyclerace__heading-link li{width: 50%;}
.cyclerace__heading-link li a{display: block; margin-left: 5px; padding: 10px 0; border-radius: 50px; font-size: 0.85em;}
.cyclerace__heading-link li:nth-child(odd) a{margin: 0 5px 0 0 ;}
.cyclerace__heading nav{height: 80px;}
.cyclerace__heading nav ul, .cyclerace__heading nav ul li a, .cyclerace__heading nav ul li span{height: 80px; line-height: 80px; text-align: center;}
.cyclerace__heading nav ul li a, .cyclerace__heading nav ul li span{position: relative;}
.cyclerace__heading nav ul li a:after{display: block; content: "▼"; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; line-height: 1.0; color: rgba(51,54,90,1); background-color: rgba(51,54,90,1); opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; vertical-align: top;}
.cyclerace__heading nav ul li a:hover:after{opacity: 1;}
.cyclerace__heading nav ul li:not(:first-child) a:before, .cyclerace__heading nav ul li:not(:first-child) span:before{display: block; content: ""; position: absolute; top: 20px; left: 0; width: 1px; height: calc(100% - 40px); background-color: rgba(0,0,0,0.25);}
.cyclerace__ps > em, .cyclerace__ps > a, .cyclerace__ps > p{ width: calc(50% - 1.953%); margin-right: auto; margin-left: auto;}
.cyclerace__root .cyclerace__ps{ margin-top: 40px;}
.cyclerace__cyclist ul{padding: 0;}
.cyclerace__cyclist ul li{display: inline-block; width: 23.525%; margin: 1.953% 0 0 1.953%;}
.cyclerace__cyclist ul li:nth-of-type(4n+1){margin-left: 0;}
.cyclerace__cyclist .cyclerace__toggle-content{display: block;}
.cyclerace__cyclist .cyclerace__toggle-button{display: none;}
.cyclerace__highlights .cyclerace__field{display: table; position: relative;table-layout: fixed;}
.cyclerace__highlights .cyclerace__field:before{display: block; content: ""; position: absolute; top: 50px; right: 0; bottom: 0; left: 450px; background-color: rgba(206,188,129,0.25); border-radius: 10px;}
 .cyclerace__highlights .cyclerace__field > div{display: table-cell; position: relative;vertical-align: top; z-index: 0;}
.cyclerace__highlights .cyclerace__field .cyclerace__figure{ padding-bottom: 40px; }
.cyclerace__highlights .cyclerace__field .cyclerace__text{width: 50%; padding: 90px 40px 40px 40px; box-sizing: border-box;}
.cyclerace__highlights .cyclerace__field .cyclerace__text .cyclerace__toggle-button{display: none;}
.cyclerace__root ol{margin-bottom:20px;}
.cyclerace__root .cyclerace__stage p{font-size: 2,0em;}
.cyclerace__root .cyclerace__info .cyclerace__col:last-child{width: 200px; padding-right: 20px; box-sizing: border-box;}
.cyclerace__root .cyclerace__info .cyclerace__col:last-child ul li:not(:first-child){margin-top: 10px}
.cyclerace__root .cyclerace__map ul li, .cyclerace__result ul.cyclerace__movie li{display: inline-block; width: 19.140%; margin-left: 1.074%;}
.cyclerace__root .cyclerace__map ul li:nth-of-type(4n+1), .cyclerace__result ul.cyclerace__movie li:nth-of-type(4n+1){margin-left: 0;}
.cyclerace__movie ul{font-size: 0;}
.cyclerace__movie ul li{display: inline-block; width: 32.031%; margin: 1.953% 0 0 1.953%; font-size: 16px; vertical-align: top;}
.cyclerace__movie ul li:nth-of-type(-n+3){margin-top: 0;}
.cyclerace__movie ul li:nth-of-type(3n+1){margin-left: 0;}
.cyclerace__movie ul li p{margin-top: 0.5em;} .cyclerace__result ul li > .cyclerace__row{width: 100%;}
.cyclerace__result  dt{ position: relative; padding: 20px; color: #ffffff;  background-color: rgba(0,0,0,1.00); font-weight: 800;}
.cyclerace__result  dt:not(:first-child){ margin-top: 20px;}
.cyclerace__result  dt:after{ display: block; content: "　"; position: absolute; top: 0; right: 0; width: auto; height: 100%; padding: 0 20px; background: rgba(51,54,90,1.00) url(/img/icon/arrow-down.svg) no-repeat center/auto 20%;  border-left: 5px solid #f3f2f2;}
.cyclerace__result  dt.open:after{ background: #999999 url(/img/icon/arrow-up.svg) no-repeat center/auto 20%; }
.cyclerace__result ul.cyclerace__ranking li{ border-top: 5px solid #f3f2f2;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col{ background-color: rgba(255,255,255,1.00); font-size: 0.85em; vertical-align: middle;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:not(:first-child){ border-left: 5px solid #f3f2f2;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child{width: 5%; text-align: center;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child.rank1{ background-color: rgba(219,180,0,0.5);} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child.rank2{ background-color: rgba(159,160,160,0.5);} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col:first-child.rank3{ background-color: rgba(192,141,94,0.5)} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col{padding: 20px; vertical-align: middle;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col:first-child > .cyclerace__row > .cyclerace__col:first-child{ font-size: 1.15em; font-weight: 800;} 
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col:nth-of-type(2){  width: 20%;}
.cyclerace__result ul li > .cyclerace__row > .cyclerace__col > .cyclerace__row > .cyclerace__col:last-child{ width: 40%;} 
.cyclerace__result ul.cyclerace__movie{ margin-top: 20px;}
.cyclerace__movie.cyclerace__racemovie ul{display: flex; align-items: center; justify-content: left; flex-wrap: wrap;}
.cyclerace__movie.cyclerace__racemovie ul li:first-child{position: relative;}
.cyclerace__column ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.cyclerace__column ul li{background-color: #ffffff;}
.cyclerace__column ul li a{display: block; color: #333333; box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.5);}
.cyclerace__column ul li a:hover{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.cyclerace__column ul li p{padding: 20px;}
.cyclerace__sns ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.cyclerace__howto .cyclerace__howtobody {display: flex;}
.cyclerace__howto .cyclerace__howtoBlock{display: inline-block; width: 32.031%; vertical-align: top; }
.cyclerace__howto .cyclerace__howtoBlock:last-child{display: inline-block; width: 64.062%; margin-left:3.906%;}
.cyclerace__howto .cyclerace__howtoBlock:last-child ul{display: flex;}
.cyclerace__howto .cyclerace__howtoBlock:last-child ul li{position: relative; width: 50%;}
.cyclerace__howto .cyclerace__howtoBlock:last-child ul li:last-child:after{display: block; content: ""; position: absolute; top: 20px; left: 0; width: 1px; height: calc(100% - 20px); background-color: #999999;}

/*--230419追加 --*/
.campaign-overview-top {margin-top: 10px;}
.cycle-wrap .campaign-overview .c-tag { padding: 0px 0 20px 0;}
.cycle-wrap .cycle-about .campaign-overview h3 { display: inline-block; padding: 8px 12px; color: #000; background: #fff100;}
/*.racetype .cp_lead { margin-top: -7px; background-color: #ffc0cb4a;}
.racetype .cp_lead p {font-weight: 700; width: 860px; padding: 40px 0 15px 0; margin: 0 auto; line-height: 29px;}*/
.campaign-overview .cp_lead { margin-top: -7px; background-color: #f6fc484a;}
.campaign-overview .cp_lead a{ color:#002cff; }
.campaign-overview .cp_lead p {font-weight: 700; font-size: large; width: 860px; padding: 40px 0 15px 0; margin: 0 auto; line-height: 29px;}
.cp_kp_img img{width:100%; margin-top: 30px;}
.cycle-wrap .cycle-about .cyclerace__sns h3{display: block; width: 100%; margin: 10px 0px; padding: 15px 12px; color: #fff; background: #fac;}
.present-img img {margin-top:10px;}
.tour2019 .textBlock {margin:50px 0 30px 0;}
.tour2019 .rowWrap {padding: 10px; margin-top: -40px;}
.instagram_btn {margin-top: 10px;}
.twitter_btn {margin-top: 10px;}
.cyclevillage_btn {margin-top: 10px;}
.application {height: 280px;}
.ap_img { position: relative; top: -57px; left: 740px;}
.ap_img img {width: 178px;}
.ap_text { width: 725px; position: relative; top: -173px;}
.ap_text a {color: #002cff;}
.caution a {color: #002cff;}
.campaign-overview-top a{color: #002cff;}

.btn-social-long-twitter {
  color: #000;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 50px;/*高さ*/
  width: 330px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 53px;/*高さと合わせる*/
  background: #e2e2e2;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

/*.btn-social-long-twitter .fa-twitter {
  text-shadow: 2px 2px 0px #4287d6;
  font-size: 30px;
}*/

/*.btn-social-long-twitter span {
  display:inline-block;
  transition: .5s;
}

.btn-social-long-twitter:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}*/

.btn-social-long-insta {
  /*ボタンの下地*/
  color: #000;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 330px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 53px;/*高さと合わせる*/
  background: #e2e2e2;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

/*.btn-social-long-insta:before {
  グラデーション②
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;全体を覆う
  height: 100%;全体を覆う
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}*/

/*.btn-social-long-insta .fa-instagram {
  アイコン
  font-size: 35px;アイコンサイズ
  position: relative;
  top: 4px;アイコン位置の微調整
}*/

/*.btn-social-long-insta span {
  テキスト
  display:inline-block;
  position: relative;
  transition: .5s}*/

/*.btn-social-long-insta:hover span {
  ホバーで一周回転
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}*/

.announcement {
   max-width: 1100px;
   margin: 30px auto;
}

.announcement .grandprix{
	margin-top: 10px;
}

.announcement .specialprize_a{
	margin-top: 10px;
}

.announcement .specialprize_b{
	margin-top: 10px;
}

.announcement .specialprize_c{
	margin-top: 10px;
}


a.btn_12 {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 60px;
    margin: -3px auto auto auto;
    /*padding: 1rem 26rem 1rem 22rem;*/
    font-weight: bold;
    background: #1c1e21;
    color: #fff;
    /* border-radius: 1vh; */
    /* position: relative; */
    transition: 0.5s;
}
/*a.btn_12::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}*/
a.btn_12:hover {
	background: #44c6f2;
	color: #fff;
}

/*.userpost{
	position: absolute;
    top: 510px;
    left: 275px;
}*/

}