@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/tourdeFranceFemmes/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.75em; font-size: 0.85em; line-height: 1.4; white-space: normal;}
.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/tourdeFranceFemmes/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;}
.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: 3.5vw; line-height: 1.4;}
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;}
}



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



@media only screen and (min-width: 1024px) {
.cyclerace__container{width: 1024px; 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; ;line-height: 1.4;}
.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;}
}