@charset "UTF-8"; body {color: #000000; background-color: rgba(255,245,0,1);} header{background-color: rgba(255,245,0,1);border-bottom: 1px solid #000000; box-sizing: border-box;} /*header:before{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(0,0,0,1); z-index: 5; }*/ .button-sns ul{display: flex; align-items: center; justify-content: flex-end; position: relative; z-index: 2;} header nav > ul > li a + button + ul{display: none;} .button-sns ul li{width: 30px; height: 30px; overflow: hidden;} .button-sns ul li a{display: block; color: #333333;} .button-sns ul li a:before{display: block; width: 30px; height: 30px; line-height: 30px; font-family: fontAwesome; font-size: 2.0rem;} .button-sns ul li.icon-facebook a:before{content: "\f082";} .button-sns ul li.icon-twitter a:before{content: "\e61b";} .button-sns ul li.icon-youtube a:before{content: "\f16a";} .button-sns ul li.icon-instagram a:before{content: "\f16d";} .button-sns ul li.icon-line a:before{content: "\f3c0";} .button-sns ul li.icon-eng{height: 30px; line-height: 28px; font-family: 'Roboto Condensed', sans-serif;} footer{color: #000000; background-color: rgba(255,245,0,1);} footer nav{background-color: #000000;} main section.field{padding: 70px 0;} main section.field h1{margin-bottom: 1.5em; font-size: 2.0rem; text-align: center; line-height: 1.2;} main section.field.news h1, main section.field.overview h1, main section.field.gallery h1, main section.field.event h1, main section.field.archive h1{color: #ffffff;} main section.field h1 b{display: inline-block; } main section.field h1 em{display: block; position: relative; margin-bottom: 0.25em; font-family: 'Roboto Condensed', sans-serif; font-size: 5.0rem;} /*main section.field h1 em:before{display: block; content: ""; position: absolute; top: -10px; left: -90px; width: 120px; height: 30px;} main section.field.overview h1 em:before, main section.field.event h1 em:before{background: transparent url("../../img/2022/teaser/ttl-obj-yellow.png") no-repeat center center;} main section.field.course h1 em:before{background: transparent url("../img/2022/teaser/ttl-obj-black.png") no-repeat center center;}*/ main section.field.news h1 em, main section.field.overview h1 em, main section.field.archive h1 em{color: rgba(255,245,0,1.00);} .intro {position: relative; padding: 50px 0; background: transparent url("../img/bg-intro.jpg") no-repeat center bottom; background-size: cover; text-align: center; z-index: 1;} .intro h1 {font-family: 'Roboto Condensed', sans-serif; font-size: 7.0rem; text-align: center; line-height: 1.0;} .intro h1 em {display: inline-block; padding: 0 5px; color: rgba(255,245,0,1.00); background-color: #000000;} .intro p {font-size: 1.25em; font-weight: 700;} .intro h1 sup {line-height: 1.0; vertical-align: text-bottom;} .overview{background-color: rgba(0,0,0,0.85);} .overview table{width: 100%;} .overview table th, .overview table td{padding: 20px; box-sizing: border-box;} .overview table th{background-color: rgba(255,245,0,1.00);} .overview table td{background-color: #ffffff;} .course{position: relative; background-color: rgba(255,245,0,0.85);} .sns .col{vertical-align: top;} .sns .col strong{display: block; height: 1.0em; margin-bottom: 0.5em; color: #000000; font-size: 3.0em; overflow: hidden; line-height: 1.0;} /* .dir-top main > section:nth-child(even).sns .col strong{background-color: rgba(0,0,0,1);} */ .sns .col.tl-twitter strong:before{display: inline-block; content: "\f099"; margin-right: 0.25em; font-family: fontAwesome;} .sns .col.tl-x strong:before{display: block; content: "\e61b"; margin-right: 0.25em; font-family: fontAwesome; font-weight: normal;} .sns .col.tl-instagram strong:before{display: block; content: "\f16d"; margin-right: 0.25em; font-family: fontAwesome; font-weight: normal;} .sns .col.tl-instagram ul{font-size: 0;} .sns .col.tl-instagram ul li{display: inline-block; width: 49%; vertical-align: top;} .sns .col.tl-instagram ul li:nth-child(odd){margin-right: 1%;} .sns .col.tl-instagram ul li:nth-child(even){margin-left: 1%;} .sns .col.tl-instagram ul li:not(:nth-child(-n+2)){margin-top: 2%;} .sns .col.tl-instagram ul li img{object-fit: cover; width: 100%; height: 255px;} .event{position: relative; background-color: #000000;} .event:before{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent url("../img/bg-event.jpg") no-repeat center center; background-size: cover;} .event > *{position: relative; z-index: 1;} .event ul li .field{background-color: rgba(255,245,0,0.15);} .event ul li .field strong{display: block; background-color: rgba(255,245,0,1.00); text-align: center;} .event ul li table{margin: 20px;} .event ul li table th{padding: 10px; color: rgba(255,245,0,1); text-align: center;vertical-align: top; white-space: nowrap;} .event ul li table td{padding: 10px; color: #ffffff;} .event ul li table td a{color: #ffffff!important;} .key-visual{background-color: #000000;} .key-visual{background-color: #000000;} .key-visual .text{color: #ffffff; text-align: left;} .key-visual .text h1{color: rgba(255,245,0,1.00); text-align: left;} .key-visual2{background-color: rgba(255,245,0,0.7);} .key-visual2 .text{color: #000000; text-align: left;} .key-visual2 .text h1{color: #000000; text-align: left;} /*.key-visual3{background-color: rgba(255,245,0,0.7);}*/ .key-visual3 .text{color: #000000; text-align: left;} .key-visual3 .text h1{color: #000000; text-align: left;} .logo-10th{background-color: rgba(255,245,0,0.85); text-align: center} .logo-10th .photo{margin-top: 40px;} .logo-10th .text h1, .course .text-center strong{display: block; line-height: 1.4;} .ambassador{background-color: rgba(255,245,0,0.85);} .archive{position: relative; background-color: #000000;} .archive:before{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent url("../img/bg-archive.png") no-repeat center center;} .archive > *{position: relative; z-index: 1;} .archive .text-center p{color: #ffffff;} .archive .unit-5-lg{margin-top: 20px;} .archive .unit-5-lg li a{display: block; padding: 10px 0; color: #000000; background-color: rgba(255,245,0,1.00); font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-align: center;} .archive .unit-5-lg li a:hover{opacity: 0.75;} .related-link, .sponsor{padding: 40px 0; background-color: #ffffff;} .related-link{border-bottom: 1px solid #c7c7c7;} .related-link ul li a{display: block; border: 1px solid #c7c7c7;} .item-kv-slider .swiper{/*background-color: #000000; */overflow: hidden;} .swiper-slide img{-webkit-backface-visibility:hidden; backface-visibility:hidden;} .item-kv-slider .swiper .swiper-slide{overflow: hidden;background-color: #000000;} .item-kv-slider .swiper .swiper-slide a img{transition: all 0.25s; } .item-kv-slider .swiper .swiper-slide a:hover img{opacity: 0.75;} .swiper-pagination{position: static; height: 25px; margin: 0; padding: 10px 0;box-sizing: border-box;} .item-kv-slider .swiper-pagination{background-color: #000000;} .swiper-pagination-bullet{width: 50px; height: 5px; margin: 0; background: #ffffff; border-radius: 0; opacity: 1; vertical-align: top;} .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(255,245,0,1);} .swiper-button-next, .swiper-button-prev {color: #ffffff;} .swiper-slide p {position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 20px 10px 10px; color: #ffffff; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%); font-size: 1.5em; font-weight: bold; line-height: 1.4; box-sizing: border-box; z-index: 1;} .fixed-banner{position: fixed; z-index: 7;} article{color: #333333;} .news .unit-3-lg{margin-bottom: 30px;} .news .unit-3-lg li{position: relative;border-radius: 10px; overflow: hidden; z-index: 1;} .news .unit-3-lg li a{display: block; color: #333333; background-color: #ffffff; } .news .unit-3-lg li a p{margin: 0; padding: 1.0em; line-height: 1.4;} .news .unit-3-lg li a p span{display: block; color: #666666; font-size: 0.85em;} /*body.dir-top main .news {background-color: rgba(255, 245, 0, 0.85);}*/ body.dir-top main .news, body.dir-top main .gallery {background-color: rgba(0, 0, 0, 0.85);} body:not(.dir-top) main > section{background-color: #ffffff;} body:not(.dir-top) main > section > h1{margin: 0 0 0.5em; border-top: 1px solid #ffffff;} body:not(.dir-top) main > section > h1 a{display: block; position: relative; color: #ffffff; background-color: rgba(0,0,0,1); overflow: hidden;} body:not(.dir-top) main > section > h1 a:before{display: block; content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: rgba(255,245,0,1); z-index: 0;} body:not(.dir-top) main > section > h1 a:link, body:not(.dir-top) main > section > h1 a:visited{color: #ffffff;} body:not(.dir-top) main > section > h1 a:hover, body:not(.dir-top) main > section > h1 a:active{text-decoration: none;} body:not(.dir-top) main > section > h1 a span.container{display: table; position: relative;} body:not(.dir-top) main > section > h1 b{display: table-cell; width: 1%; white-space: nowrap; position: relative; padding: 0.25em 0 0.25em 0; color: rgba(255,245,0,1); background-color: rgba(0,0,0,1); font-family: 'Roboto Condensed', sans-serif; font-size: 2.5em; line-height: 1.0; text-align: right; vertical-align: middle; box-sizing: border-box;} body:not(.dir-top) main > section > h1 b:after{display: block; content: ""; position: absolute; top: 0; right: -20px; width: 0; height: 0; border-style: solid; border-width: 200px 50px 0 0; border-color: rgba(0,0,0,1) transparent transparent transparent; z-index: 2;} body:not(.dir-top) main > section > h1 b em{position: relative; padding-right: 0.25em; font-style: italic; z-index: 3} body:not(.dir-top) main > section > h1 span > span{display: table-cell; position: relative;padding-left: 20px; color: rgba(0,0,0,1); background-color: rgba(255,245,0,1); vertical-align: middle; line-height: 1.0; box-sizing: border-box;} .ui-news ul li{position: relative; margin-bottom: 10px;} .ui-news ul li a{width: 100%; color: #333333; text-decoration: none;} .ui-news ul li a .col:last-child{padding-left: 20px; vertical-align: middle} .ui-news ul li a .col:last-child span{display: block; font-size: 0.85em;} .ui-news ul li:nth-child(odd) a{background-color: #f7f7f7;} .ui-news ul li em{display: block; position: absolute; bottom: 0; right: 0; width: auto; height: 24px;z-index: 6;} .ui-news ul li em a, .heading-article .row .col em a, .ui-gallery ul li > em a{display: block; min-width: 110px; height: 24px; line-height: 24px; padding: 0; background-color: rgba(255,245,0,1) !important; font-size: 0.75em; text-align: center; box-sizing: border-box;} aside dl.reset{padding: 0 5px 5px; background-color: rgba(0,0,0,1);} aside dl.reset dt{display: block; padding: 0.75em; color: rgba(255,245,0,1);background-color: rgba(0,0,0,1);} aside dl dd a{display: block; padding: 0.25em; color: rgba(0,0,0,1); background-color: rgba(255,245,0,1);} aside dl dd span{display: block; padding: 0.25em; color: #444444; background-color: #999999;} aside .related strong{display: block; margin-top: 1.5em; padding-bottom: 0.25em; color: #444444;} aside .related ul li a{display: block; position: relative; padding: 0.5em 0.5em 0.5em 1.5em; color: #444444; border-top: 1px dotted #c7c7c7; font-size: 0.85em; line-height: 1.4;} aside .related ul li a:before{display: block; content: "\f105"; position: absolute; top: 0; left: 0; padding: 0.5em; font-family: fontAwesome;} body:not(.dir-formedia) aside dl dd a, body:not(.dir-formedia) aside dl dd span{position: relative; padding-left: 1.5em;} body:not(.dir-formedia) aside dl dd a:before, body:not(.dir-formedia) aside dl dd span:before{display: block; content: "\f138"; position: absolute; top: 0.75em; left: 0.25em;font-family: fontAwesome; line-height: 1.0;} body:not(.dir-formedia) aside dl dd a:hover{background-color: #ffffff;} aside dl dd > ul > li a, aside dl dd > ul > li ul > li:not(:first-child) span, aside dl dd > ul > li ul li:not(:first-child) a{border-top: 1px solid rgba(0,0,0,1);} .heading-article .row{width: 100%;} .heading-article .row > .col:first-child{width: 4.0em;} .heading-article .row .col em a{margin-left: 1.0em;} .ui-gallery ul{font-size: 0px;} .ui-gallery ul li{display: inline-block;} .ui-gallery ul li{position: relative;} .ui-gallery ul li > a{display: block;} .ui-gallery ul li > a p{position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 20px 10px 10px; color: #ffffff; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%);font-weight: bold; line-height: 1.4; box-sizing: border-box; z-index: 1;} .ui-gallery ul li > a p b{display: block; line-height: 1.4;} .ui-gallery ul li > a p span{display: block; margin-top: 0.25em; font-size: 0.75em; font-weight: normal;} .ui-gallery ul li > em{display: block; position: absolute; bottom: 0; right: 0; width: 110px; z-index: 1;} .dir-photo .ui-tab ul{display: flex; margin-bottom: 1.0em;} .dir-photo .ui-tab ul li b{display: block; padding: 1.0em 0; color: #000000; background-color: rgba(255,245,0,1);} .dir-photo .ui-tab ul li a{display: block; padding: 1.0em 0; color: rgba(255,245,0,1); background-color: rgba(0,0,0,1);} .dir-photo .ui-tab ul li a:hover{color: #000000; background-color: rgba(255,245,0,1);} .dir-photo .ui-tab ul li{width: 100%; text-align: center; line-height: 1.0;} .dir-photo .media{margin-bottom: 1.0em; text-align: center} .dir-about.page-outline article table.table{width: 100%;} .dir-about article table.table th{width: 25%; background-color: rgba(255,245,0,1); border-bottom: 5px solid #ffffff;} .dir-about article table.table td{ background-color: #eeeeee; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff} .page-view-guide article ol {margin: 0; padding: 0; counter-reset: count 0; list-style-type: none;} .page-view-guide article ol > li {position: relative; padding: 1.0em; background-color: #f1f1f1;} .page-view-guide article ol > li b:before {display: block; content: counter(count); counter-increment: count 1; position: absolute; top: 5px; left: 0; width: 30px; height: 30px; line-height: 30px; color: #ffffff; background-color: #000000; font-family: 'Roboto Condensed', sans-serif; text-align: center;} .page-view-guide article ol > li:last-child b:before {content: "PV";} .page-view-guide article ol > li:not(:first-child) {margin-top: 1.5em;} .page-view-guide article ol li b{ display: block; position: relative; height: 40px; line-height: 38px; margin-bottom: 0.5em; padding-left: 35px; border-bottom: 1px solid #000000;} .page-view-guide article ol li p{ margin: 0; padding: 0;} .page-archive article ul li a{display: block; color: #444444;} .page-archive article ul li a b{font-family: 'Roboto Condensed', sans-serif; font-size: 2.0em; line-height: 1.0;} .page-result article ul li b{display: block; font-size: 1.5em;} .page-result article ul li b + span{display: inline-block; padding: 0 1.0em; background:linear-gradient(transparent 60%, rgba(255,245,0,1) 60%);} .page-result article ul li p em{display: block; font-family: 'Roboto Condensed', sans-serif;} .dir-rcrt.page-top article table{table-layout: fixed; font-size: 0.85em;} .dir-rcrt.page-top article table th, .dir-rcrt.page-top article table td{padding: 0.5em; box-sizing: border-box;} .dir-rcrt.page-top article table thead th{width: 20%; min-width: 150px; padding: 2.0em 1.0em;} .dir-rcrt.page-top article table tbody td{width: 30vw !important;} /*.dir-rcrt.page-top article table thead tr:first-child th.arena{width: auto;}*/ .dir-rcrt.page-top article table thead th, .dir-rcrt.page-top article table tbody th{background-color: #fffcbf; border-bottom: 5px solid #ffffff;} .dir-rcrt.page-top article table tbody th{text-align: center} .dir-rcrt.page-top article table tbody td{height: 4.0em; background-color: #eeeeee; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff;} .dir-rcrt.page-top article table tbody tr:nth-of-type(n+5) td{text-align: center} .dir-rcrt.page-top article table tbody tr:not(:first-child) td{text-align: center} .dir-rcrt.page-top article table thead th:not(:first-child){color: #ffffff; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff;} .dir-rcrt.page-top article table thead th.cyclist, .dir-rcrt.page-top article table tbody tr.entry td.cyclist a{background-color: rgba(205,86,56,1.00)} .dir-rcrt.page-top article table thead th.race, .dir-rcrt.page-top article table tbody tr.entry td.race a{background-color: rgba(218,140,18,1.00)} .dir-rcrt.page-top article table thead th.riders, .dir-rcrt.page-top article table tbody tr.entry td.riders a{background-color: rgba(158,89,154,1.00)} .dir-rcrt.page-top article table thead th.arena, .dir-rcrt.page-top article table tbody tr.entry td.arena a{color: #ffffff; background-color: rgba(0,144,216,1.00)} .dir-rcrt.page-top article table thead th.start{ color: #ffffff; background-color: rgba(0,144,216,1.00) } .dir-rcrt.page-top article table thead th.start, .dir-rcrt.page-top article table tbody tr.entry td.start a{ color: #ffffff; background-color: rgba(0,144,216,1.00) } .dir-rcrt.page-top article table thead th.balcony, .dir-rcrt.page-top article table tbody tr.entry td.balcony a, .dir-rcrt.page-top article table thead th.roadside-group, .dir-rcrt.page-top article table tbody tr.entry td.roadside-group a{ color: #ffffff; background-color: rgba(53,74,153,1.00) } .dir-rcrt.page-top article table thead th.stand, .dir-rcrt.page-top article table tbody tr.entry td.stand a{color: #ffffff; background-color: rgba(83,169,133,1.00)} .dir-rcrt.page-top article table thead th.stand, .dir-rcrt.page-top article table thead th.arena-ss, .dir-rcrt.page-top article table thead th.arena-s, .dir-rcrt.page-top article table thead th.arena-a, .dir-rcrt.page-top article table thead th.arena-b, .dir-rcrt.page-top article table tbody tr.entry td.stand a, .dir-rcrt.page-top article table tbody tr.entry td.arena-ss a, .dir-rcrt.page-top article table tbody tr.entry td.arena-s a, .dir-rcrt.page-top article table tbody tr.entry td.arena-a a, .dir-rcrt.page-top article table tbody tr.entry td.arena-b a{ color: #ffffff; background-color: rgba(83,169,133,1.00) } .dir-rcrt.page-top article table thead th.arena-c{ background-color: rgba(233, 150, 122, 1.00); } .dir-rcrt.page-top article table tbody tr.entry td.arena-c a { background-color: rgba(233, 150, 122, 1.00); } .dir-rcrt.page-top article table thead th.roadside, .dir-rcrt.page-top article table tbody tr.entry td.roadside a{background-color: rgba(180,207,112,1.00)} .dir-rcrt.page-top article table thead th.corporation, .dir-rcrt.page-top article table tbody tr.entry td.corporation a{background-color: rgba(95,152,157,1.00)} .dir-rcrt.page-top article table thead th.corporation-vip, .dir-rcrt.page-top article table tbody tr.entry td.corporation-vip a{background-color: rgba(226,153,195,1.00)} .dir-rcrt.page-top article table thead th.ale, .dir-rcrt.page-top article table tbody tr.entry td.ale a{background-color: rgba(21,96,130,1.00)} .dir-rcrt.page-top article table thead th em{display: inline-block; margin-top: 0.5em; padding: 0.5em 1.0em; color: #000000; background-color: rgba(255,245,0,1); border-radius: 30px; font-size: 0.85em; line-height: 0.8;} .dir-rcrt.page-top article table tbody tr.entry td a{display: block; width: 90%;/* min-width: 150px;*/ margin: 0 auto; padding: 1.0em 0; color: #ffffff; border-radius: 5px; line-height: 1.0;} .dir-rcrt.page-top article table tbody tr.entry td a:hover, .dir-rcrt article .course-list li a:hover .button-entry{opacity: 0.75} .dir-rcrt article section > .heading{display: flex; align-items: center; justify-content: space-between; padding-right: 0.5em;} .dir-rcrt article .heading h1{padding: 0.5em 0.75em; color: #ffffff;} .dir-rcrt article .heading h1 em{display: inline-block; margin-left: 0.5em; padding: 0.5em 0.75em; color: #000000; background-color: rgba(255,245,0,1); border-radius: 30px; font-size: 0.75em; line-height: 0.8; vertical-align: 2px;} .dir-rcrt.page-special article .heading, .dir-rcrt.page-special article .entry .button-entry a{background-color: rgba(200,176,42,1.00)} .dir-rcrt.page-cyclist article .heading, .dir-rcrt.page-cyclist article .entry .button-entry a{background-color: rgba(205,86,56,1.00)} .dir-rcrt.page-race article .heading, .dir-rcrt.page-race article .entry .button-entry a{background-color: rgba(218,140,18,1.00)} .dir-rcrt.page-riders article .heading, .dir-rcrt.page-riders article .entry .button-entry a{background-color: rgba(158,89,154,1.00)} .dir-rcrt.page-arena article .heading, .dir-rcrt.page-arena article .entry .button-entry a{background-color: rgba(0,144,216,1.00)} .dir-rcrt.page-balcony article .heading, .dir-rcrt.page-balcony article .entry .button-entry a{background-color: rgba(53,74,153,1.00)} .dir-rcrt.page-stand article .heading, .dir-rcrt.page-stand article .entry .button-entry a{background-color: rgba(83,169,133,1.00)} .dir-rcrt.page-roadside article .heading, .dir-rcrt.page-roadside article .entry .button-entry a{background-color: rgba(180,207,112,1.00)} .dir-rcrt.page-corporation article .heading, .dir-rcrt.page-corporation article .entry .button-entry a{background-color: rgba(95,152,157,1.00)} .dir-rcrt.page-corporation-vip article .heading, .dir-rcrt.page-corporation-vip article .entry .button-entry a{background-color: rgba(226,153,195,1.00)} .dir-rcrt.page-ale article .heading, .dir-rcrt.page-ale article .entry .button-entry a{background-color: rgba(21,96,130,1.00)} .dir-rcrt article .heading span{padding: 0.5em; background-color: rgba(255,245,0,1); font-size: 0.85em; line-height: 1.0;} .dir-rcrt article table.spec th, .dir-rcrt article table.spec td{/*width: 25%;*/ padding: 0.5em; border-top: 5px solid #ffffff;} .dir-rcrt article table.spec th, .dir-rcrt:not(.page-special) article table.spec td{width: 25%;} /*.dir-rcrt article table.spec tr:last-child th, .dir-rcrt article table.spec tr:last-child td{text-align: center;}*/ .dir-rcrt article table.spec th, .dir-rcrt:not(.page-special) article table.spec tr:last-child td/*, .dir-rcrt.page-special article table.spec tr:nth-of-type(3) td*/{text-align: center;} .dir-rcrt article table.spec tr:last-child td:nth-of-type(1){border-right: 5px solid #ffffff;} .dir-rcrt.page-special article table.spec th{background-color: rgba(200,176,42,0.25)} .dir-rcrt.page-cyclist article table.spec th{background-color: rgba(205,86,56,0.25)} .dir-rcrt.page-race article table.spec th{background-color: rgba(218,140,18,0.25)} .dir-rcrt.page-riders article table.spec th{background-color: rgba(158,89,154,0.25)} .dir-rcrt.page-arena article table.spec th{background-color: rgba(0,144,216,0.25)} .dir-rcrt.page-balcony article table.spec th{background-color: rgba(53,74,153,0.25)} .dir-rcrt.page-stand article table.spec th{background-color: rgba(83,169,133,0.25)} .dir-rcrt.page-roadside article table.spec th{background-color: rgba(180,207,112,0.25)} .dir-rcrt.page-corporation article table.spec th{background-color: rgba(95,152,157,0.25)} .dir-rcrt.page-corporation-vip article table.spec th{background-color: rgba(226,153,195,0.25)} .dir-rcrt.page-ale article table.spec th{background-color: rgba(21,96,130,0.25)} .dir-rcrt article table.spec td{background-color: #eeeeee; border-left: 5px solid #ffffff;} .dir-rcrt article table.spec td + th{border-left: 5px solid #ffffff;} .dir-rcrt article table.spec td ul.note li{ font-size: 0.75em; line-height: 1.6;} .dir-rcrt article table.spec td ul.note li, .dir-rcrt article #map ul li, .dir-rcrt .modaal-container ul li{ position: relative; padding-left: 1.0em;} .dir-rcrt article table.spec td ul.note li:before, .dir-rcrt article #map ul li:before, .dir-rcrt .modaal-container ul li:before{ display: block; content: "※"; position: absolute; top: 0; left: 0;} .dir-rcrt article .entry{ padding: 20px; background-color: #eeeeee; text-align: center;} .dir-rcrt article .entry .button-entry a, .dir-rcrt article .entry .button-entry span{ display: block; width: 60%; margin: 0 auto; padding: 1.5em 0; color: #ffffff; border-radius: 5px; line-height: 1.0; font-weight: bold;} .dir-rcrt.page-top article .entry .button-entry a{color: #333333; background-color: rgba(255,245,0,1);} .dir-rcrt article .entry .button-entry span{ background-color: #a7a7a7;} .dir-rcrt article .entry.sold{ border: 2px solid #ee0000;;} .dir-rcrt article .entry.sold strong{ display: block; color: #ee0000; padding-bottom: 0.25em; font-size: 1.25em; } .dir-rcrt article .entry em{ display: block; margin-top: 1.0em; line-height: 1.0;} .dir-rcrt article .entry em a:before{display: inline-block; content: "\f05a"; font-family: fontAwesome;} .dir-rcrt.page-top article .entry em{ display: none} .dir-rcrt.page-cyclist article .ttl-bold{background-color: rgba(205,86,56, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(218,140,18, 0.35) 4px, rgba(205,86,56, 0.35) 6px);} .dir-rcrt.page-race article .ttl-bold{background-color: rgba(218,140,18, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(218,140,18, 0.35) 4px, rgba(218,140,18, 0.35) 6px);} .dir-rcrt.page-riders article .ttl-bold{background-color: rgba(158,89,154, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(158,89,154, 0.35) 4px, rgba(158,89,154, 0.35) 6px);} .dir-rcrt.page-arena article .ttl-bold{background-color: rgba(0,144,216, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(0,144,216, 0.35) 4px, rgba(0,144,216, 0.35) 6px);} .dir-rcrt.page-balcony article .ttl-bold{background-color: rgba(53,74,153, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(53,74,153, 0.35) 4px, rgba(53,74,153, 0.35) 6px);} .dir-rcrt.page-stand article .ttl-bold{background-color: rgba(83,169,133, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(83,169,133, 0.35) 4px, rgba(83,169,133, 0.35) 6px);} .dir-rcrt.page-roadside article .ttl-bold{background-color: rgba(180,207,112, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(180,207,112, 0.35) 4px, rgba(180,207,112, 0.35) 6px);} .dir-rcrt.page-corporation article .ttl-bold{background-color: rgba(95,152,157, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(95,152,157, 0.35) 4px, rgba(95,152,157, 0.35) 6px);} .dir-rcrt.page-corporation-vip article .ttl-bold{background-color: rgba(226,153,195, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(226,153,195, 0.35) 4px, rgba(226,153,195, 0.35) 6px);} .dir-rcrt.page-ale article .ttl-bold{background-color: rgba(21,96,130, 0.15); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(21,96,130, 0.35) 4px, rgba(21,96,130, 0.35) 6px);} .dir-rcrt article .benefits ul + p {font-size: 0.85em;} .dir-rcrt/*:not(.page-race)*/ article .benefits ul + p {margin-top: 2.0em;} .dir-rcrt article .benefits ul li {opacity: 0;transform: translateY(20px);transition: all 1.5s} .dir-rcrt article .benefits ul li .field{position: relative; } .dir-rcrt article .benefits ul li .field *{position: relative; z-index: 1;} .dir-rcrt article .benefits ul li .field + *{margin-top: 20px;} .dir-rcrt article .benefits ul li:not(:first-child){margin-top: 40px; padding-top: 40px; border-top: 1px dashed #a7a7a7;} .dir-rcrt article .benefits ul li .text{position: absolute; bottom: 0; left: 0;} .dir-rcrt article .benefits ul li .field:before{display: block; content: ""; position: absolute; top: 15px; left: 15px; width: 100%; height: 100%; z-index: 0;} .dir-rcrt.page-cyclist article .benefits ul li .field:before{background-color: rgba(218,140,18, 0.15); z-index: 0;} .dir-rcrt.page-race article .benefits ul li .field:before{background-color: rgba(218,140,18, 0.15); z-index: 0;} .dir-rcrt.page-riders article .benefits ul li .field:before{background-color: rgba(158,89,154, 0.15); z-index: 0;} .dir-rcrt.page-arena article .benefits ul li .field:before{background-color: rgba(0,144,216, 0.15); z-index: 0;} .dir-rcrt.page-balcony article .benefits ul li .field:before{background-color: rgba(53,74,153, 0.15); z-index: 0;} .dir-rcrt.page-stand article .benefits ul li .field:before{background-color: rgba(83,169,133, 0.15); z-index: 0;} .dir-rcrt.page-roadside article .benefits ul li .field:before{background-color: rgba(180,207,112, 0.15); z-index: 0;} .dir-rcrt.page-corporation article .benefits ul li .field:before{background-color: rgba(95,152,157, 0.15); z-index: 0;} .dir-rcrt.page-corporation-vip article .benefits ul li .field:before{background-color: rgba(226,153,195, 0.15); z-index: 0;} .dir-rcrt.page-ale article .benefits ul li .field:before{display: block; content: ""; position: absolute; top: 15px; left: 15px; width: 100%; height: 100%; background-color: rgba(21,96,130, 0.15); z-index: 0;} .dir-rcrt article .benefits ul li .text p{margin: 0;} .dir-rcrt article .benefits ul li .text p:last-child{margin: -0.5em 0 0 1.0em; z-index: 0;} .dir-rcrt article .benefits ul li .text p *{display: inline-block; position: relative; padding: 0.5em; color: #ffffff; line-height: 1.2; transform: skewX(-25deg) rotate(-2deg)} .dir-rcrt article .benefits ul li .text p b{ padding: 0.25em 0.5em;font-size: 1.5em; line-height: 1.0; z-index: 1;} .dir-rcrt.page-cyclist article .benefits ul li .text p b{background-color: rgba(205,86,56, 0.85);} .dir-rcrt.page-race article .benefits ul li .text p b{background-color: rgba(218,140,18, 0.85);} .dir-rcrt.page-riders article .benefits ul li .text p b{background-color: rgba(158,89,154, 0.85);} .dir-rcrt.page-arena article .benefits ul li .text p b{background-color: rgba(0,144,216, 0.85);} .dir-rcrt.page-balcony article .benefits ul li .text p b{background-color: rgba(53,74,153, 0.85);} .dir-rcrt.page-stand article .benefits ul li .text p b{background-color: rgba(83,169,133, 0.85);} .dir-rcrt.page-roadside article .benefits ul li .text p b{background-color: rgba(180,207,112, 0.85);} .dir-rcrt.page-corporation article .benefits ul li .text p b{background-color: rgba(95,152,157, 0.85);} .dir-rcrt.page-corporation-vip article .benefits ul li .text p b{background-color: rgba(226,153,195, 0.85);} .dir-rcrt.page-ale article .benefits ul li .text p b{background-color: rgba(21,96,130, 0.85);} .dir-rcrt article .benefits ul li .text p em{background-color: rgba(0,0,0, 0.85)} .dir-rcrt article .benefits ul li .text p span{transform: skewX(25deg)} .dir-rcrt article .benefits ul li.kittel .unit-2-lg > .col{margin-top: 20px; vertical-align: top; background-color: rgba(255,245,0,0.25);} .dir-rcrt article .benefits ul li.kittel .unit-2-lg .row > .col{ background-color: rgba(255,245,0,1.00); vertical-align: middle;} .dir-rcrt article .benefits ul li.kittel .unit-2-lg .row > .col:first-child{width: 100px; padding-right: 20px; box-sizing: border-box;} .dir-rcrt article .benefits ul li.kittel .unit-2-lg .row > .col:last-child{line-height: 1.4;} .dir-rcrt article .benefits ul li.kittel .unit-2-lg .row + p{ margin: 0; padding: 1.0em;} .dir-rcrt article .benefits ul li.sweets .row-lg{border: 1px solid #c7c7c7;} .dir-rcrt article .benefits ul li.sweets .row-lg .col{padding: 1.0em; font-size: 0.85em; line-height: 1.6;} .dir-rcrt article .benefits ul li.sweets .row-lg .col p{ text-align: right;} .dir-rcrt article .benefits ul li.sweets .row-lg .col p img{ display: inline-block; margin-right: 20px; vertical-align: middle;} .dir-rcrt article .benefits ul li .profile .row-lg > .col:last-child{padding: 20px;} .dir-rcrt article .lnav ul{display: flex; align-items: stretch; margin-bottom: 20px;} .dir-rcrt article .lnav ul li a{display: flex; align-items: center; justify-content: center; position: relative; height: 100%; padding: 0.5em 0; color: #ffffff; border-width: 3px; border-style: solid; font-weight: bold; text-align: center; line-height: 1.4; box-sizing: border-box;} .dir-rcrt article .lnav ul li a:hover{opacity: 0.75;} .dir-rcrt article .lnav ul li a:before{display: block; content: ""; position: absolute; bottom: 0; left: calc(50% - 5px); width: 20px; height: 8px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);} .dir-rcrt article .lnav ul li.nav-special a, .dir-rcrt article .lnav ul li.nav-special a:before{background-color: rgba(200,176,42,1.00); border-color: rgba(200,176,42,1.00)} .dir-rcrt.page-special article .lnav ul li.nav-special a{color: rgba(200,176,42,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-cyclist a, .dir-rcrt article .lnav ul li.nav-cyclist a:before{background-color: rgba(205,86,56,1.00); border-color: rgba(205,86,56,1.00)} .dir-rcrt.page-cyclist article .lnav ul li.nav-cyclist a{color: rgba(205,86,56,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-race a, .dir-rcrt article .lnav ul li.nav-race a:before{background-color: rgba(218,140,18,1.00); border-color: rgba(218,140,18,1.00)} .dir-rcrt.page-race article .lnav ul li.nav-race a{color: rgba(218,140,18,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-riders a, .dir-rcrt article .lnav ul li.nav-riders a:before{background-color: rgba(158,89,154,1.00); border-color: rgba(158,89,154,1.00)} .dir-rcrt.page-riders article .lnav ul li.nav-riders a{color: rgba(158,89,154,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-arena a, .dir-rcrt article .lnav ul li.nav-arena a:before{background-color: rgba(0,144,216,1.00); border-color: rgba(0,144,216,1.00)} .dir-rcrt.page-arena article .lnav ul li.nav-arena a{color: rgba(0,144,216,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-balcony a, .dir-rcrt article .lnav ul li.nav-balcony a:before{background-color: rgba(53,74,153,1.00); border-color: rgba(53,74,153,1.00)} .dir-rcrt.page-balcony article .lnav ul li.nav-balcony a{color: rgba(53,74,153,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-stand a, .dir-rcrt article .lnav ul li.nav-stand a:before{background-color: rgba(83,169,133,1.00); border-color: rgba(83,169,133,1.00)} .dir-rcrt.page-stand article .lnav ul li.nav-stand a{color: rgba(83,169,133,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-roadside a, .dir-rcrt article .lnav ul li.nav-roadside a:before{background-color: rgba(180,207,112,1.00); border-color: rgba(180,207,112,1.00)} .dir-rcrt.page-roadside article .lnav ul li.nav-roadside a{color: rgba(180,207,112,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-corporation a, .dir-rcrt article .lnav ul li.nav-corporation a:before{background-color: rgba(95,152,157,1.00); border-color: rgba(95,152,157,1.00)} .dir-rcrt.page-corporation article .lnav ul li.nav-corporation a{color: rgba(95,152,157,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-corporation-vip a, .dir-rcrt article .lnav ul li.nav-corporation-vip a:before{background-color: rgba(226,153,195,1.00); border-color: rgba(226,153,195,1.00)} .dir-rcrt.page-corporation-vip article .lnav ul li.nav-corporation-vip a{color: rgba(226,153,195,1.00); background-color: transparent;} .dir-rcrt article .lnav ul li.nav-ale a, .dir-rcrt article .lnav ul li.nav-ale a:before{background-color: rgba(21,96,130,1.00); border-color: rgba(21,96,130,1.00)} .dir-rcrt.page-ale article .lnav ul li.nav-ale a{color: rgba(21,96,130,1.00); background-color: transparent;} .dir-rcrt article .heading.spec{flex-wrap: wrap; text-align: center;} .dir-rcrt article .heading.spec strong{display: block; width: 100%; padding: 1.0em 0 calc(1.0em + 10px); color: #000000; background-color: rgba(255,245,0,1); font-size: 2.0em; transform: skewX(-25deg); line-height: 1.0;} .dir-rcrt article .heading.spec strong em{display: block; transform: skewX(25deg)} .dir-rcrt article .heading.spec .field{position: relative; margin: -10px auto 0; padding: 0.5em 2.0em; color: #ffffff; background-color: #000000; transform: skewX(-25deg); z-index: 1;} .dir-rcrt article .heading.spec .field p{transform: skewX(25deg)} .dir-rcrt article .course-list li > *{display: block; color: #444444; border-width: 2px; border-style: solid; border-radius: 5px; box-sizing: border-box;} .dir-rcrt article .course-list li .heading{position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center;height: 60px; padding-left: 1.0em; color: #ffff} /*.dir-rcrt article .course-list li a .heading{padding-left: 3.0em;} .dir-rcrt article .course-list li a .heading:before{display: block; content: "\f138";position: absolute; top: calc(50% - 1.0em); left: 1.0em; font-family: fontAwesome;}*/ .dir-rcrt article .course-list li .heading strong{display: block; width: 100%; margin-bottom: 0.25em; font-size: 1.25em; line-height: 1.0; /*flex-grow: 1;*/} .dir-rcrt article .course-list li.special > *{border-color: rgba(200,176,42,1.00);} .dir-rcrt article .course-list li.special .heading{/*color: #333333;*/ background-color: rgba(200,176,42,1.00); border-color: rgba(200,176,42,1.00);} .dir-rcrt article .course-list li.cyclist > *{border-color: rgba(205,86,56,1.00);} .dir-rcrt article .course-list li.cyclist .heading{background-color: rgba(205,86,56,1.00); border-color: rgba(205,86,56,1.00);} .dir-rcrt article .course-list li.race > *{border-color: rgba(218,140,18,1.00)} .dir-rcrt article .course-list li.race .heading{background-color: rgba(218,140,18,1.00); border-color: rgba(218,140,18,1.00)} .dir-rcrt article .course-list li.riders > *{border-color: rgba(158,89,154,1.00)} .dir-rcrt article .course-list li.riders .heading{background-color: rgba(158,89,154,1.00); border-color: rgba(158,89,154,1.00)} .dir-rcrt article .course-list li.arena > *{border-color: rgba(0,144,216,1.00)} .dir-rcrt article .course-list li.arena .heading{background-color: rgba(0,144,216,1.00); border-color: rgba(0,144,216,1.00)} .dir-rcrt article .course-list li.balcony > *{border-color: rgba(53,74,153,1.00)} .dir-rcrt article .course-list li.balcony .heading{background-color: rgba(53,74,153,1.00); border-color: rgba(53,74,153,1.00)} .dir-rcrt article .course-list li.stand > *{border-color: rgba(83,169,133,1.00)} .dir-rcrt article .course-list li.stand .heading{background-color: rgba(83,169,133,1.00); border-color: rgba(83,169,133,1.00)} .dir-rcrt article .course-list li.roadside > *{border-color: rgba(180,207,112,1.00)} .dir-rcrt article .course-list li.roadside .heading{background-color: rgba(180,207,112,1.00); border-color: rgba(180,207,112,1.00)} .dir-rcrt article .course-list li.corporation > *{border-color: rgba(95,152,157,1.00)} .dir-rcrt article .course-list li.corporation .heading{background-color: rgba(95,152,157,1.00); border-color: rgba(95,152,157,1.00)} .dir-rcrt article .course-list li.corporation-vip > *{border-color: rgba(226,153,195,1.00)} .dir-rcrt article .course-list li.corporation-vip .heading{background-color: rgba(226,153,195,1.00); border-color: rgba(226,153,195,1.00)} .dir-rcrt article .course-list li.ale > *{border-color: rgba(21,96,130,1.00)} .dir-rcrt article .course-list li.ale .heading{background-color: rgba(21,96,130,1.00); border-color: rgba(21,96,130,1.00)} .dir-rcrt article .course-list li .heading em{/*padding: 0.5em; background-color: rgba(255,255,255,0.25); */font-size: 0.85em; line-height: 1.0;} .dir-rcrt article .course-list li .heading strong em{display: inline-block; margin-left: 0.5em; padding: 0.5em 0.75em; color: #000000; background-color: rgba(255,245,0,1); border-radius: 30px; vertical-align: 1px;} .dir-rcrt article .course-list li .heading small{display: inline-block; margin-left: 1.0em; line-height: 1.2; font-weight: normal;} .dir-rcrt article .course-list li p{position: relative; margin: 0; padding: 1.0em; font-size: 13px; line-height: 1.6;} .dir-rcrt article .course-list li p span{display: flex; align-items: center; position: absolute; top: -3.0em; right: 0; height: 3.0em; padding: 0 1.0em; color: #ffffff; text-align: center; line-height: 1.4;} .dir-rcrt article .course-list li .button-entry{display: block; width: 60%; margin: 0.25em auto 1.0em; padding: 1.0em 0; color: #ffffff; border-radius: 5px; text-align: center; line-height: 1.0;} .dir-rcrt article .course-list li.special .button-entry, .dir-rcrt article .course-list li.special p span{/*color: #333333;*/ background-color: rgba(200,176,42,1.00);} .dir-rcrt article .course-list li.cyclist .button-entry, .dir-rcrt article .course-list li.cyclist p span{background-color: rgba(205,86,56,1.00);} .dir-rcrt article .course-list li.race .button-entry, .dir-rcrt article .course-list li.race p span{background-color: rgba(218,140,18,1.00);} .dir-rcrt article .course-list li.riders .button-entry, .dir-rcrt article .course-list li.riders p span{background-color: rgba(158,89,154,1.00);} .dir-rcrt article .course-list li.arena .button-entry, .dir-rcrt article .course-list li.arena p span{background-color: rgba(0,144,216,1.00);} .dir-rcrt article .course-list li.balcony .button-entry, .dir-rcrt article .course-list li.balcony p span{background-color: rgba(53,74,153,1.00);} .dir-rcrt article .course-list li.stand .button-entry, .dir-rcrt article .course-list li.stand p span{background-color: rgba(83,169,133,1.00);} .dir-rcrt article .course-list li.roadside .button-entry, .dir-rcrt article .course-list li.roadside p span{background-color: rgba(180,207,112,1.00);} .dir-rcrt article .course-list li.corporation .button-entry, .dir-rcrt article .course-list li.corporation p span{background-color: rgba(95,152,157,1.00);} .dir-rcrt article .course-list li.corporation-vip .button-entry, .dir-rcrt article .course-list li.corporation-vip p span{background-color: rgba(226,153,195,1.00);} .dir-rcrt article .course-list li.ale .button-entry, .dir-rcrt article .course-list li.ale p span{background-color: rgba(21,96,130,1.00);} .dir-rcrt.page-top article table thead tr th:first-child:not(.arena), .dir-rcrt.page-top article table tbody tr th:first-child{position: sticky; top: 0; left: 0; min-width: 100px !important; white-space: normal; box-sizing: border-box; text-align: center;} .dir-rcrt.page-top article .entry .item-button a, .dir-rcrt.page-top article .entry .item-button span{font-size: 1.25em; font-weight: bold;} .dir-rcrt.page-volunteer article table.tile td table{border-top: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; font-size: 0.85em;} .dir-rcrt.page-volunteer article table.tile td table th{padding: 0.5em; color: #ffffff; background-color: #666666; border-bottom: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; } .dir-rcrt.page-volunteer article table.tile td table td{padding: 0.5em; background-color: #ffffff; border-bottom: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7;} .dir-rcrt.page-volunteer article table.tile td .entry-flow dt, .dir-rcrt.page-invitation-ess article table.tile td .entry-flow dt{display: block; } .dir-rcrt.page-volunteer article table.tile td .entry-flow dt:not(:first-child):before, .dir-rcrt.page-invitation-ess article table.tile td .entry-flow dt:not(:first-child):before{display: block; content: "\f078"; width: 100%; height: 30px; background-color: #eeeeee; font-family: fontAwesome; text-align: center;} .dir-rcrt.page-volunteer article table.tile td .entry-flow dt b, .dir-rcrt.page-invitation-ess article table.tile td .entry-flow dt b{display: block; padding: 0.25em 0.5em; color: #ffffff; background-color: #666666; border-top-right-radius: 5px; border-top-left-radius: 5px;} .dir-rcrt.page-volunteer article table.tile td .entry-flow dd, .dir-rcrt.page-invitation-ess article table.tile td .entry-flow dd{display: block; padding: 0.25em 0.5em; background-color: #ffffff;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .dir-rcrt.page-volunteer article table.tile td .entry-flow dd p, .dir-rcrt.page-invitation-ess article table.tile td .entry-flow dd p{font-size: 0.85em;} .dir-rcrt.page-special article .premium{padding: 1.5em; background-color: rgba(200,176,42,0.15); border: 2px solid rgba(200,176,42,0.5);} .dir-rcrt.page-special article .premium > b{display: block; font-size: 2.0em; text-align: center;} .dir-rcrt.page-special article .premium > b em{display: inline-block; padding: 0 1.0em; color: rgba(200,176,42,1.0);; border-top: 1px solid rgba(200,176,42,1.0); border-bottom: 1px solid rgba(200,176,42,1.0); font-family: 'Roboto Condensed', sans-serif; font-size: 0.85em;} .dir-rcrt.page-special article .premium .field{background-color: #ffffff; border: 2px solid #000000; border-radius: 6px; text-align: center; overflow: hidden;box-sizing: border-box;} .dir-rcrt.page-special article .premium .field .item-button a{margin-bottom: 1.5em; padding-right: 4.0em; padding-left: 4.0em; color: #ffffff; background-color: rgba(200,176,42,1.00); border-radius: 5.0em; font-weight: bold;} .dir-rcrt.page-special article .premium .field .item-button a:hover{opacity: 0.75;} /*.dir-rcrt.page-special article .premium .field > .unit-2-lg{padding: 1.0rem;}*/ .dir-rcrt.page-special article .premium strong{display: flex; align-items: center; color: #ffffff; background-color: #000000; border-bottom: 2px solid #000000; font-size: 1.25em; text-align: left; line-height: 1.4;} .dir-rcrt.page-special article .premium strong b{margin-right: 0.5em; padding: 0.75em 0.5em;color: #333333; background-color: rgba(200,176,42,1.00); line-height: 1.0; text-align: center; white-space: nowrap;} .dir-rcrt.page-special article .premium strong b em{font-family: 'Roboto Condensed', sans-serif; font-size: 2.0em;} .dir-rcrt.page-special article .premium .col p{/*display: inline-block; width: auto; margin: 0 auto; font-size: 1.15em; */font-weight: bold; text-align: left; line-height: 1.4;} .dir-rcrt.page-special article .premium .col .price em{display: inline-block;margin: 0.25em 0; color: rgba(200,176,42,1.00); font-family: 'Roboto Condensed', sans-serif; font-size: 3.0em; font-weight: bold; line-height: 1.0;} .dir-rcrt.page-special article .premium .field .flex-lg > .col a{display: block; position: relative;} .dir-rcrt.page-special article .premium .field .flex-lg > .col a:after{display: flex; align-items: center; justify-content: center; content: "\f00e"; position: absolute; right: 5px; bottom: 5px; width: 30px; height: 30px;color: #ffffff; background-color: rgba(0,0,0,0.75); border-radius: 15px; font-family: fontAwesome;} .dir-rcrt.page-special .modaal-content-container strong{display: block; padding: 0.5em; color: #ffffff; background-color: rgba(200,176,42,1.00);} .dir-rcrt.page-special .modaal-content-container .section > b{display: block; margin: 1.0em 0 0.5em; padding-bottom: 0.5em; border-bottom: 2px solid rgba(200,176,42,1.00);} .dir-rcrt.page-special article .ui-tab ul, .dir-about.page-schedule article .ui-tab ul{display: flex; margin-bottom: 1.0em; border: 2px solid #000000; border-radius: 5.0em; overflow: hidden;} .dir-rcrt.page-special article .ui-tab ul li, .dir-about.page-schedule article .ui-tab ul li{display: block; padding: 1.5em 0; color: #000000; background-color: #ffffff; cursor: pointer;} .dir-rcrt.page-special article .ui-tab ul li:hover, .dir-about.page-schedule article .ui-tab ul li:hover{color: #ffffff; background-color: #000000;} .dir-rcrt.page-special article .ui-tab ul li.active, .dir-about.page-schedule article .ui-tab ul li.active{color: #000000; background-color: rgba(255,245,0,1); font-weight: bold;} .dir-rcrt.page-special article .ui-tab ul li:first-child, .dir-about.page-schedule article .ui-tab ul li:first-child{border-right: 1px solid #000000;} .dir-rcrt.page-special article .ui-tab ul li:last-child, .dir-about.page-schedule article .ui-tab ul li:last-child{border-left: 1px solid #000000;} .dir-rcrt.page-special article .ui-tab ul li, .dir-about.page-schedule article .ui-tab ul li{width: 100%; text-align: center; line-height: 1.0;} .dir-rcrt.page-special article .heading-schedule .col{width: 100%; font-weight: bold; font-size: 1.25em; text-align: center;} .dir-access.page-kisei article table{width: 100%; border-top: 1px solid #c7c7c7;} .dir-access.page-kisei article table th, .dir-access.page-kisei article table td{border-bottom: 1px solid #c7c7c7;} .item-guide{padding: 1.0em 0;} .item-guide ul li{background-color: #ffffff;} .item-guide ul li a.row{width: 100%; color: #444444; background-color: #ffffff; border: 1px solid #ffffff; box-shadow: 0px 0px 5px -3px rgba(0,0,0,1);} .item-guide ul li a.row:hover{background-color: rgba(255,245,0,0.25);box-shadow: 0px 0px 0 -0 rgba(0,0,0,0); opacity: 1;} .item-guide ul li a.row > .col{vertical-align: middle;} .item-guide ul li a.row > .col:first-child{width: 80px;} .item-guide ul li a.row > .col:last-child{padding-left: 1.0em; font-weight: bold;} .item-pickup{position: relative; padding: 40px 0; color: #ffffff; background-color: rgba(0,0,0,1.00); border-top: 1px solid rgba(255,245,0,0.5); border-bottom: 1px solid rgba(255,245,0,0.5); overflow: hidden;} .item-pickup:before{display: block; content: ""; position: absolute; top: 0; left: -25%; width: 100%; height: 200%; background: rgb(255,245,0); background: linear-gradient(135deg, rgba(255,245,0,0.35) 0%, rgba(255,245,0,0.1) 100%); transform: rotate(45deg);} .item-pickup .row-lg{position: relative; z-index: 0;} .item-pickup .row-lg > .col:first-child img{border-radius: 10px; overflow: hidden;} .item-pickup .row-lg > .col:last-child p b{display: block; color: rgba(255,245,0,1); font-size: 1.5em; line-height: 1.4;} header .item-sponsor .field:before{display: block; content: "Partner"; height: 10px; margin-top: 20px; color: #ffffff; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; line-height: 1.0;} .dir-top header .item-sponsor .field:before{margin-top: 10px;} .content :not(header) .item-sponsor .presenting{width: 95%; max-width: 490px; margin: 0 auto;} body:not(.dir-top) .content :not(header) .item-sponsor .presenting{margin: 20px auto;} header .item-sponsor .col span{display: none;} .content :not(header) .item-sponsor .col{display: flex; flex-wrap: wrap; align-items: flex-end;} .content :not(header) .item-sponsor .col > *{width: 100%;} .content :not(header) .item-sponsor .col span{font-size: 0.75em; line-height: 1.4;} .content :not(header) .item-sponsor ul.reset{margin-top: 20px; padding-top: 20px; border-top: 1px solid #c7c7c7;} .content :not(header) .item-sponsor ul li .header{display: none;} article .ui-media ul li a {width: 100%; color: #444444;} article .ui-media ul li:nth-child(odd) a {background-color: #f7f7f7;} article .ui-media ul li a:hover {background-color: rgba(255,252,191,1);} article .ui-media ul li a .col {padding: 1.0em 0; vertical-align: middle; line-height: 1.4;} article .ui-media ul li a .col:first-child {width: 7.0em; font-size: 0.75em; text-align: center;} article .ui-media ul li a .col.pdf:before {display: block; content: "\f1c1"; font-family: fontAwesome; font-size: 3.0em;} article .ui-media ul li a .col b + em {display: block; margin-top: 0.25em; font-size: 0.85em;} article .ui-media ul li a .col:last-child {padding: 1.0em;} article .ui-media ul li a .col:last-child {padding: 1.0em;} .dir-formedia aside dd button {display: block; position: relative; width: 100%; padding: 0.5em; background-color: rgba(255,245,0,1); border: none; outline: none; box-sizing: border-box; text-align: left;} .dir-formedia aside dd button:after {display: block; content: "\f107"; position: absolute; top: 50%; right: 1.0em; margin-top: -0.5em; font-family: fontAwesome;} .dir-formedia aside dd button.open:after {content: "\f106";} .dir-formedia aside dl> dd:not(:first-child) button {border-top: 1px solid #000000;} .dir-formedia aside dd button + ul {display: none;} .dir-formedia aside dd button.open + ul {display: block;} .dir-formedia aside dd ul li {background-color: #ffffff; font-size: 0.85em;} .dir-formedia aside dd ul li a {display: block; position: relative;padding: 0.5em 0.25em 0.5em 2.0em; background-color: #ffffff; line-height: 1.4;} .dir-formedia aside dd ul li a:before {display: block; content: "\f105"; position: absolute; top: 1,.0em; left: 0.5em; padding: 0.25em; color: #444444; font-family: fontAwesome; text-indent: 0;} .dir-goods article section .unit-4-lg > .col{position: relative; background-color: rgba(255,255,255,1.00); vertical-align: top; box-sizing: border-box;} /*.dir-goods article section .unit-4-lg > .col:before{display: block; content: ""; position: absolute; top: 5px; left: 5px; width: 100%; height: 100%;background-color: rgba(255,245,0,0.25); z-index: 0;}*/ .dir-goods article section .unit-4-lg > .col figure{position: relative; overflow: hidden; border: 1px solid #c7c7c7;} .dir-goods article section .unit-4-lg > .col figure a{display: block; position: relative; color: rgba(0,0,0,0.75); overflow: hidden;} .dir-goods article section .unit-4-lg > .col figure a:hover{color: rgba(0,0,0,1);} .dir-goods article section .unit-4-lg > .col figure a:before{display: block; content: "\f00e"; position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; line-height: 24px; font-family: fontAwesome; text-align: center; z-index: 1;} .dir-goods article section .unit-4-lg > .col.soldout figure a:after{display: block; content: "SOLD OUT "; position: absolute; bottom: 0; left: 0; width: 80px; height: 24px; line-height: 24px; background-color: #eeeeee; font-family: 'Roboto Condensed', sans-serif; text-align: center; z-index: 1;} .dir-goods article section .unit-4-lg > .col figure a img{transition: all 0.25s; vertical-align: top;} .dir-goods article section .unit-4-lg > .col figure a:hover img{transform: scale(1.1); opacity: 1;} .dir-goods article section .unit-4-lg > .col figcaption {position: relative; padding: 0.5em 0; /*background-color: rgba(255,245,0,0.25);*/ font-size: 0.85em;} .dir-goods article section .unit-4-lg > .col figcaption p {margin: 0.25em 0 0; padding: 0; font-weight: normal;} /*.dir-partner article */.item-sponsor ul {display: flex; flex-wrap: wrap; justify-content: center;} /*.dir-partner article */.item-sponsor ul li {text-align: center;} .dir-partner article .item-sponsor ul.bronze li {width: 25%;} .dir-partner article .item-sponsor ul.local li {width: 20%; padding: 0 1.25%; text-align: center; box-sizing: border-box;} .dir-partner.page-supporter article ul.reset {display: flex; align-items: flex-start; flex-wrap: wrap;} .dir-partner.page-supporter article ul.reset li {width: 50%; line-height: 1.4;} .dir-partner.page-supporter article ul.reset li:nth-child(n+3) {margin-top: 0.5em;} .dir-weeks article .modal-list {display: none;} /*.dir-goods article section .unit-4-lg > .col figcaption strong {display: inline; padding: 0.25em; color: #ffffff; background-color: rgba(0,0,0,1.00); line-height: 2.5; box-decoration-break: clone; -webkit-box-decoration-break: clone; } .dir-goods article section .unit-4-lg > .col figcaption b {display: inline-block; margin: 0 auto; padding: 0.25em 0.5em; color: rgba(0,0,0,1); background-color: rgba(255,245,0,1); font-size: 0.85em; transform: skewX(-15deg);} .dir-goods article section .unit-4-lg > .col figcaption span {display: block; transform: skewX(15deg);} .dir-goods article section .unit-4-lg > .col figcaption p {margin: 0; padding: 0; text-align: right;}*/ .dir-weeks.details article section h1 {margin-bottom: 1.5em;} .dir-weeks.details article section h1 + ul.reset {margin-bottom: 1.5em;} .dir-weeks.details article section .field {padding: 0 0 2.0em} .dir-weeks.details article section .field table {width: 100%;} .dir-weeks.details article section .field table th, .dir-weeks.details article section .field table td {padding: 0.5em; font-size: 0.85em; line-height: 1.6;} .dir-weeks.details article section .field table th {background-color: #fffcbf; text-align: center;} .dir-weeks.details article section .field table td {background-color: #eeeeee;} .dir-weeks.details article section .field .marche-info {position: relative; margin: 1.0em 0; padding: 2.0em; font-size: 0.85em;} .dir-weeks.details article section .field .marche-info:before {display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-size: auto auto; background-color: rgba(255, 245, 0, 0.25); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(255, 245, 0, 1) 4px, rgba(255, 245, 0, 1) 6px); } .dir-weeks.details article section .field .marche-info:after {display: block; content: ""; position: absolute; top: 10px; right: 10px; bottom: 0; width: calc(100% - 20px); height: calc(100% - 20px); background-color: rgba(255,255,255,1);} .dir-weeks.details article section .field .marche-info p {position: relative; z-index: 1;} .dir-weeks.details article section .field .marche-list strong {display: block; padding: 1.0em 0; color: #333333; background-color: rgba(255,245,0,1.00); text-align: center; line-height: 1.4;} .dir-weeks.details article section .field .marche-list .photo {display: flex; align-items: center; justify-content: center; background-color: #eeeeee;} .dir-weeks.details article section .field .marche-list p {font-size: 0.85em;} .dir-weeks.details article section .field .store-nav {display: flex; flex-wrap: wrap; justify-content: space-between; counter-reset: count 0;} .dir-weeks.details article section .field .store-nav li a {display: flex; align-items: center; position: relative; padding-left: 30px; line-height: 1.4;} .dir-weeks.details article section .field .store-nav li a:after {display: block; content: "\f107"; position: absolute; top: calc(50% - 0.5em); right: 1.0em; font-family: fontAwesome;} .dir-weeks.details article section .field .store-list {margin: 0; padding: 0; counter-reset: count 0; list-style-type: none;} .dir-weeks.details article section .field .store-list li {margin-top: 2.0em} .dir-weeks.details article section .field .store-list h1 {position: relative; margin-bottom: 0.25em; padding-left: 45px;} .dir-weeks.details article section .field .store-list h1:before {display: block; content: counter(count); counter-increment: count 1; position: absolute; top: calc(50% - 15px); left: 5px; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; color: #ffffff; background-color: rgba(0,0,0,0.75); font-family: 'Roboto Condensed', sans-serif; text-align: center;} .dir-weeks.details article section .field .store-list li .marche {display: flex; align-items: center; justify-content: space-between;} .dir-weeks.details article section .field .store-list li .marche a,.dir-weeks.details article section .field .marche-info b {display: inline-block; padding: 0.5em 0.75em; border-radius: 5px; font-size: 0.75em; font-weight: normal; line-height: 0.8;} .dir-weeks.details article section .field .marche-info b {margin-right: 0.25em; line-height: 1.0;} .dir-weeks.details article section .field .store-list li .marche a:after,.dir-weeks.details article section .field .marche-info b:after {display: inline-block; content: "\f13a"; margin-left: 0.25em; font-family: fontAwesome;} .dir-weeks.details article section .field .store-list table td .item-embed iframe {width: 100%; margin-top: 0.5em;} .dir-weeks.details article section .field .store-list table td .photo {text-align: center;} .dir-weeks.details article section .field .store-list table td .photo img {border-radius: 10px;} .dir-weeks.details article section .field .store-list table td .photo p {margin: 0.5em 0 0; text-align: center;} .dir-weeks.details article section .field .sdgs {display: flex; align-items: center; justify-content: center; margin: 1.5em 0 0;} .dir-race.page-team article .tab-team ul li b{display: block; margin-top: 0.5em;} .dir-race.page-team article .tab-content-team:not(.active){display: none;} .dir-race.page-team article .tab-content-team > h1{margin-top: 2.0em; padding-bottom: 0.5em; border-bottom: 2px solid #222222;} .dir-race.page-team article .tab-content-team > h1 .row, .dir-race.page-team article .tab-content-team ul li h1 + .row{width: 100%} .dir-race.page-team article .tab-content-team ul li h1 + .row{margin-bottom: 1.0em;} .dir-race.page-team article .tab-content-team > h1 .col{vertical-align: top;} .dir-race.page-team article .tab-content-team > h1 .col:last-child, .dir-race.page-team article .tab-content-team ul li h1 + .row .col:last-child{width: 40px; font-size: 0.75em; font-weight: 400; white-space: nowrap; text-align: center;} .dir-race.page-team article .tab-content-team > h1 .col:last-child img, .dir-race.page-team article .tab-content-team ul li h1 + .row .col:last-child img{display: block; margin: 0 auto; border: 1px solid #c7c7c7; box-sizing: border-box;} .dir-race.page-team article .tab-content-team > h1 em{display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 2.0em; line-height: 1.0;} .dir-race.page-team article .tab-content-team > ul.reset > li{margin-top: 2.0em;} .dir-race.page-team article .tab-content-team ul li h1{position: relative; padding: 0.5em; color: #ffffff; background-color: #333333; line-height: 1.4;} .dir-race.page-team article .tab-content-team ul li h1 em{display: block; font-size: 0.75em;} .dir-race.page-team article .tab-content-team ul li h1 span{display: flex; align-items: center; position: absolute; top: 50%; right: 0; padding: 0 1.0em; color: #ffffff; border-left: 1px solid #aaaaaa; font-size: 0.75em; font-weight: 400; text-align: center; line-height: 1.4;} .dir-race.page-team article .tab-content-team .field .profile table{width: 100%;} .dir-race.page-team article .tab-content-team .field .profile table th{padding: 0.5em; background-color: #fffcbf; vertical-align: top; white-space: nowrap;} .dir-race.page-team article .tab-content-team .field .profile table td{padding: 0.5em; background-color: #eeeeee; border-left: 5px solid #ffffff;} .dir-race.page-team article .tab-content-team .field .profile table tr:not(:first-child) > *{border-top: 5px solid #ffffff;} .dir-race.page-start-list article .tab{position: relative; padding-right: 60px;} .dir-race.page-start-list article .tab .pdf{position: absolute; top: 0; right: 0; width: 50px;} .dir-race.page-start-list article .tab .pdf a{display: block; height: 50px; color: #ffffff; background-color: rgba(30,35,128,1.00); border-radius: 5px; text-align: center; overflow: hidden;} .dir-race.page-start-list article .tab .pdf a:before{display: block; content: "\f1c1"; height: 50px; line-height: 50px; font-family: fontAwesome; font-size: 1.5em;} .dir-race.page-start-list article .tab ul{display: flex; width: calc(100% + 10px); margin-bottom: 10px; transform: translate(-10px);} .dir-race.page-start-list article .tab ul li{width: calc(100% - 10px); height: 50px; line-height: 44px; margin-left: 10px; color: #000000; border: 2px solid #000000; text-align: center; box-sizing: border-box;} .dir-race.page-start-list article .tab ul li.active{color: #000000; background-color: rgba(255,245,0,1.00); border-color: rgba(255,245,0,1.00); font-weight: 700;} .dir-race.page-start-list article table.table{width: 100%;} .dir-race.page-start-list article .tab-content > table.table{margin-top: 1.25em;} .dir-race.page-start-list article table.table th, .dir-race.page-start-list article table.table td{padding: 0.5em; line-height: 1.4; box-sizing: border-box;} .dir-race.page-start-list article table.table thead tr th{padding: 0.5em 0; color: #ffffff; background-color: #000000;} .dir-race.page-start-list article table.table tr > *:first-child{width: 10%; border-bottom: 5px solid #ffffff;} .dir-race.page-start-list article table.table tbody tr td:first-child{background-color: rgba(255,245,0,1);} .dir-race.page-start-list article table.table tr > *:not(:first-child){ width: 40%; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff} .dir-race.page-start-list article table.table tbody tr td:not(:first-child){background-color: #eeeeee;} .dir-race.page-start-list article .tab-content[data-tab="tab-tt"] table.table tr > *:nth-of-type(2){width: 12%;} .dir-race.page-start-list article table.table tbody tr td em{font-family: 'Roboto Condensed', sans-serif; font-size: 1.0em; font-weight: 400; line-height: 1.0;} .dir-race.page-result-2024 article table.table{width: 100%;} .dir-race.page-result-2024 article table.table th, .dir-race.page-result-2024 article table.table td{padding: 0.5em; line-height: 1.4; box-sizing: border-box;} .dir-race.page-result-2024 article table.table thead tr th{padding: 0.5em 0; color: #ffffff; background-color: #000000;} .dir-race.page-result-2024 article table.table tbody td{width: 10%; border-top: 5px solid #ffffff;} .dir-race.page-result-2024 article table.table tbody tr td:first-child{background-color: rgba(255,245,0,1);} .dir-race.page-result-2024 article table.table tr > *:not(:first-child){ border-left: 5px solid #ffffff} .dir-race.page-result-2024 article table.table tbody tr td:not(:first-child){background-color: #eeeeee;} .dir-race.page-result-2024 article :not(.tt-race) table.table tr > td:nth-of-type(3) {width: auto;} .dir-race.page-result-2024 article .tt-race table.table tr > td:nth-of-type(2) {width: auto;} .dir-race.page-result-2024 article .tt-race table.table tr > td:nth-of-type(3) {width: 10%;} .dir-race.page-result-2024 article table.table tbody td .g-font{display: inline-block; margin-left: 1.0em; font-size: 0.75em;} .dir-race.page-result-2024 article table.table tbody td p{margin: 0.25em 0 0; padding: 0; font-size: 0.75em;} .dir-race.page-result-2024 article table.table caption{margin-top: 1.5em; padding: 0.5em; border-bottom: 5px solid #ffffff;} .dir-race.page-result-2024 article .ttl-unit + table.table caption{margin-top: 0;} .dir-race.page-result-2024 article .winner{position: relative; padding: 1.5em; color: #ffffff; background-color: #000000; overflow: hidden; } .dir-race.page-result-2024 article .winner:before{display: block; content: ""; position: absolute; bottom: -200%; right: -50%; width: 75%; height: 300%; background: rgb(255,245,0); background: linear-gradient(-45deg, rgba(255,245,0,0.75) 0%, rgba(255,245,0,0) 100%); transform: rotate(-135deg); z-index: 0;} .dir-race.page-result-2024 article .winner:after{display: block; content: ""; position: absolute; bottom: -25%; right: -20%; width: 50%; height: 300%; background: rgb(255,245,0); background: linear-gradient(-45deg, rgba(255,245,0,0.75) 0%, rgba(255,245,0,0) 100%); transform: rotate(-25deg); z-index: 0;} .dir-race.page-result-2024 article .winner > *{position: relative; z-index: 1} .dir-race.page-result-2024 article section section:not(.splint-race) .winner{margin-bottom: 1.5em;} .dir-race.page-result-2024 article .winner > .col:first-child{position: relative;} .dir-race.page-result-2024 article .main-race .winner > .col:first-child:after{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 20%;background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);} .dir-race.page-result-2024 article .winner .heading strong{display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 3.0em; line-height: 1.0;} .dir-race.page-result-2024 article .winner .heading strong + span{font-weight: 700;} .dir-race.page-result-2024 article .winner p{font-size: 0.75em;} .dir-race.page-result-2024 article .winner p img{width: 30px; margin-right: 0.5em;} .dir-race.page-result-2024 article .unit-3-lg .col p.caption + p{color: #444444; line-height: 1.4} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child{display: flex; align-items: center; padding-bottom: 0.25em; border-bottom: 2px solid #000000;} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child .fs-16{line-height: 1.4} @media screen and (max-width:834px){ h1 {font-size: 4vw;} body.dir-top{position: relative;} body.dir-top:before{display: block; content: ""; position: fixed; width: 100%; height: 100%; background: transparent url("../../common/2026/img/top/bg-top.jpg") no-repeat center center; background-size: cover; z-index: 0;} body.open{position: fixed;} body.dir-top .content{position: relative; z-index: 1;} header{position: relative; width: 100%; height: 70px; box-sizing: border-box;} header h1.reset{position: relative; width: 178px; height: 0px;;} header h1 a{display: block; position: absolute; top: /*10px*/15px; left: 10px; width: /*121px*/213px; height: /*50px*/40px; background: transparent url("../img/logotype-jcom.png") no-repeat left top; background-size: cover; text-indent: -999em; z-index: 3;} /*header h1 a{display: block; position: absolute; top: 10px; left: 10px; width: 178px; height: 50px; background: transparent url("../img/logotype.png") no-repeat left top; background-size: cover; text-indent: -999em; z-index: 3;}*/ header > button{position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; padding: 0; background-color: transparent; border: none; outline: none; overflow: hidden;} header > button > span:before{display: block; content: ""; position: absolute; top: 17px; left: 15px; width: 20px; height: 2px; background-color: #000000;transition: all 0.25s;} header > button > span:after{display: block; content: ""; position: absolute; top: 31px; left: 15px; width: 20px; height: 2px; background-color: #000000;transition: all 0.25s;} header > button span span{display: block; position: absolute; top: 24px; left: 15px; width: 20px; height: 2px; background-color: #000000; text-indent: -999em;} .open header > button > span:before{transform: translateX(3px) rotate(45deg); transform-origin: top left;} .open header > button > span:after{transform: translate(3px, -1px) rotate(-45deg); transform-origin: bottom left;} .open header > button span span{display: none;} header nav{display: none;} .open header nav{display: flex; justify-content: space-around; flex-wrap: wrap; position: fixed; top: 70px; bottom: 0; width: 100%; height: 100; background-color: rgba(0,0,0,1); z-index: 10; overflow: scroll;} .open header nav > ul{display: block; width: 90%; margin: 20px auto 0; padding: 0;} .open header nav ul li{position: relative;} .open header nav > ul > li button{position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; background-color: rgba(255,245,0,0.5); border: none; outline: none; overflow: hidden; text-indent: -999em;} .open header nav > ul > li.open button{color: #ffffff; background-color: rgba(255,245,0,1);} .open header nav > ul > li button:before{display: block; content: "\f107"; width: 40px; height: 40px; line-height: 40px; color: #ffffff; font-family: fontAwesome; text-indent: 0;transition: all 0.25s;} .open header nav > ul > li.open button:before{ color: #000000; transform: rotate(-180deg);} .open header nav ul > li.open button + ul{display: block;} .open header nav ul li ul{width: 100%;} .open header nav > ul li a, .open header nav > ul li span{display: block; padding: 10px; color: rgba(255,245,0,1);border-bottom: 1px solid rgba(255,245,0,1);} .open header nav > ul li span{color: #cccccc;} .open header nav > ul > li > a, .open header nav > ul > li > ul li a{height: 40px; line-height: 40px; padding: 0 1.0em;} .open header nav > ul > li a + button + ul li a{position: relative; padding-left: 1.5em; background-color: rgba(255,245,0,0.15);} .open header nav > ul > li a + button + ul li a:before{display: block; content: "\f105"; position: absolute; top: 0; left: 0.5em; font-family: fontAwesome;} .open header nav > ul > li a + button + ul li span{ padding-left: 1.5em; color: rgba(255,245,0,0.50);} header nav > ul > li:last-child span{display: none;} header .item-sponsor{display: none;} .button-sns{width: 100%; margin: 20px 0; text-align: center;} header .button-sns ul{justify-content: center;} header .button-sns ul li a{color: rgba(255,245,0,1); font-size: 3vw;} .button-sns ul li a:before{font-size: 5vw;} header .button-sns ul li a:before{color: rgba(255,245,0,1);} footer nav{padding: 10px 10px 10px 0;} footer nav ul{display: flex; flex-wrap: wrap; justify-content: center; } footer nav ul li{width: 50%; padding: 0; box-sizing: border-box;} footer nav ul li a{display: flex; align-items: center; justify-content: center; width: calc(100% - 10px); min-height: 3.0em; margin: 10px 10px 0; padding: 0 3.0vw; color: rgba(255,245,0,1); background-color: #333333; font-size: 0.85em; line-height: 1.4; box-sizing: border-box;} footer nav ul li:nth-of-type(-n+2) a{margin-top: 0;} footer .copy{padding: 20px 0; font-size: 0.,85em; text-align: center;} footer .copy p img{width: 20%; margin-right: 0.5em; vertical-align: middle;} footer .copy small{display: block; margin-top: 20px; font-size: 0.75em; line-height: 1.4;} .dir-top main section.field{padding: 2.0vh 3.0vw;} main section.field h1{font-size: 4.0vw;} main section.field h1 em{font-size: 7.5vw;} .dir-top main .news .unit-3-lg .col:not(:first-child) a{display: table; width: 100%;} .dir-top main .news .unit-3-lg .col:not(:first-child) a .field{display: table-cell; width: 30%; padding-left: 1.0em; vertical-align: middle; box-sizing: border-box;} .dir-top main .news .unit-3-lg .col:not(:first-child) a p{display: table-cell; width: 70%;} .intro h1 {font-size: 7.5vw;} .intro h1 em {display: inline-block; padding: 0 5px; color: rgba(255,245,0,1.00); background-color: #000000;} .intro p {padding: 0 3.0vw; font-size: 3.5vw;} .overview table th, .overview table td{display: block; width: 100%;} .overview table tr:not(:first-child) th{border-top: 10px solid #000000;;} .sns .col strong{height: 2.0em; color:rgba(255,245,0,1.00); background-color: rgba(0,0,0,0.75);} .sns .col strong:before{padding-top: 0.5em; padding-bottom: 0.5em; box-sizing: content-box;} .sns .col:last-child{margin-top: 4vh;} .sns .col:first-child{margin-top: 2vh;} .sns .col.tl-instagram ul li img{height: 25vh;} .event ul li .field strong{padding: 0.5em 0; font-size: 4.5vw;} .event:before, .key-visual{background-size: cover;} .event:before, .key-visual2{background-size: cover;} .event:before, .key-visual3{background-size: cover;} .ambassador{padding:40px 0;} .ambassador.kittel{background: #000000 url("../2023/img/bg-ambassador.jpg") no-repeat center top; background-size: contain; border-bottom: 1px solid rgba(255,245,0,1.00);} .ambassador .container .photo{width:60%;margin:0 auto 20px;border-radius:500px;overflow:hidden} .ambassador .container .text{padding:0 3vw;} .ambassador.kittel .container .text{color: #ffffff;} .ambassador .container .text strong{display:block; width: 100%; line-height:1.2;text-align:center} .ambassador .container .text strong em{display:block;font-family:'Roboto Condensed',sans-serif;font-size:2rem} .key-visual .photo, .logo-10th .photo{padding: 0 5.0vw;} .key-visual .text h1{margin-top: 2.0em; font-size: 4.5vw; text-align: center;} .key-visual2 .photo, .logo-10th .photo{padding: 0 5.0vw;} .key-visual2 .text h1{margin-top: 2.0em; font-size: 4.5vw; text-align: center;} .key-visual3 .photo, .logo-10th .photo{padding: 0 5.0vw;} .key-visual3 .text h1{margin-top: 2.0em; font-size: 4.5vw; text-align: center;} .logo-10th .text h1, .course .text-center strong{font-size: 4.5vw;} .related-link, .sponsor{padding: 40px 3.0vw; background-color: #ffffff;} body:not(.dir-top) main > section > h1 b{padding-left: 10px; font-size: 1.5em;} body:not(.dir-top) main > section > h1 strong{display: block; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; margin-top: -15px; background-color: #000000; font-size: 0.85em; text-align: center; text-indent: -999em;} body:not(.dir-top) main > section > h1 strong:before{display: block; content: "\f104"; width: 30px; height: 30px; line-height: 30px; font-family: fontAwesome; text-indent: 0;} main > section article{padding: 0 4vw 40px;} main > section .clearfix article{padding: 0 4vw 40px;} aside dl.reset{margin: 0 3.0vw 40px;} aside .related{margin: 0 3.0vw 40px;} .ui-gallery ul li{width: 48.113%; margin: 3.773% 0 0 3.773%; font-size: 3.5vw;} /*.unit-2-lg > .col {width: 49.056%;} .unit-2-lg.narrow > .col {width: 48.113%; margin: 3.773% 0 0 3.773%; }*/ .ui-gallery ul li:nth-child(odd) {margin-left: 0;} .ui-gallery ul li:nth-child(-n+2) {margin-top: 0;} .ui-gallery ul li{padding-bottom: 24px; background-color: #000000;} .ui-gallery ul li > a p{padding-bottom: 0;} .ui-gallery ul li > a p b{display: block; margin-bottom: 0.5em; font-size: 3.0vw;} .ui-gallery ul li > a p span{height: 24px; line-height: 24px;} .dir-photo .media{width: calc(100% + 8vw); transform: translate(-4vw)} .dir-info.page-about-logo article table tr,.dir-info.page-about-logo article table th, .dir-info.page-about-logo article table td{display: block;} .dir-info.page-about-logo article table th{background-color: rgba(255,245,0,1);} .page-archive article ul li a{text-align: center;} .page-archive article ul li a .row-lg > .col.thum-l-300, .page-result article ul li .row-lg > .col.thum-l-300{margin-bottom: 0.5em;} .page-archive article ul li:not(:last-child) a, .page-result article ul li:not(:last-child){margin-bottom: 1.0em; padding-bottom: 1.0em; border-bottom: 1px solid #000000;} .page-archive article ul li a p{text-align: left;} .page-schedule article section h1{padding: 0.25em 0.5em; border-radius: 5px; font-size: 4.0vw;} .page-schedule article .race h1{background-color:rgba(255,245,0,0.25); border-bottom: 2px solid rgba(255,245,0,1);} .page-schedule article .arena h1{background-color:rgba(233,56,23,0.25); border-bottom: 2px solid rgba(233,56,23,1);} .page-schedule article .marche h1{background-color:rgba(76,185,79,0.25); border-bottom: 2px solid rgba(76,185,79,1);} .page-schedule article .festa h1{background-color:rgba(76,130,185,0.25); border-bottom: 2px solid rgba(76,130,185,1);} .page-schedule article table th, .page-schedule article table td{padding: 0.25em; font-size: 3.5vw;} .page-schedule article table th{width: 7.5em; vertical-align: top; box-sizing: border-box;} .page-schedule article .race table th{background-color:rgba(255,245,0,0.5)} .page-schedule article .arena table th{background-color:rgba(233,56,23,0.5)} .page-schedule article .marche table th{background-color:rgba(76,185,79,0.5)} .page-schedule article .festa table th{background-color:rgba(76,130,185,0.5)} .page-schedule article table td{background-color: #eeeeee; border-left: 5px solid #ffffff;} .page-schedule article table tr:not(:first-child) th, .page-schedule article table tr:not(:first-child) td{border-top: 5px solid #ffffff;} .dir-rcrt.page-top article table tbody td{white-space: normal} .dir-rcrt.page-top article table tbody tr.entry td a{ min-width: 150px;} .dir-rcrt article .benefits ul li:not(:first-child){margin-top: 30px; padding-top: 30px;} .dir-rcrt article .benefits ul li .field{padding-bottom: 40px;} .dir-rcrt article .benefits ul li .text p b{ padding: 0.25em 0.5em;font-size: 3.5vw;;} .dir-rcrt.page-race article{overflow: hidden;} .dir-rcrt.page-race article .benefits ul li.sweets .row-lg .col p{ text-align: center;} .dir-rcrt article .lnav ul{flex-wrap: wrap; width: calc(100% + 5px); margin-bottom: 10px; transform: translate(-5px)} .dir-rcrt article .lnav ul li{width: calc(50% - 5px); margin-left: 5px; font-size: 3.0vw; box-sizing: border-box;} .dir-rcrt article .lnav ul li:nth-child(n+3){margin-top: 5px;} .dir-rcrt article .lnav ul li a{border-width: 2px; } .dir-rcrt article .heading.spec strong{font-size: 4vw;} .dir-rcrt article .heading.spec .field p{font-size: 3.0vw;} .dir-rcrt article .course-list li:not(:first-child), .dir-rcrt article .course-list li.special{margin-top: 20px;} .dir-rcrt article .course-list li.special{margin-bottom: 20px;} .dir-rcrt article .course-list li .heading strong{font-size: 3.75vw;} .dir-rcrt article .course-list li p{padding: 0.5em; font-size: 2.75vw; box-sizing: border-box;} .dir-rcrt article .course-list li p span{top: -26px; height: 26px; line-height: 26px;} .dir-rcrt article .course-list li.special p span{width: 150px} .dir-rcrt article .entry .button-entry a, .dir-rcrt article .entry .button-entry span{ width: 80%;} .dir-rcrt.page-corporation article .entry .button-entry a, .dir-rcrt.page-corporation article .entry .button-entry span{ width: 100%;} .dir-rcrt.page-top article .entry p.membership{font-size: 3vw;} .dir-rcrt.page-top article .entry .item-button a, .dir-rcrt.page-top article .entry .item-button span{font-size: 4vw;} .dir-rcrt.page-special article .heading-schedule{display: none;} .dir-rcrt.page-special article .tab-content ul{position: relative; } .dir-rcrt.page-special article .tab-content ul:before{display: block; content: ""; position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 100%; background-color: #000000;} .dir-rcrt.page-special article .tab-content ul .field{position: relative; width: 100%;} .dir-rcrt.page-special article .tab-content ul .field strong{display: block; width: 80px; margin: 20px auto; font-size: 14px; text-align: center; z-index: 1;} .dir-rcrt.page-special article .tab-content ul .field strong img{border-radius: 40px;background-color: #000000;} .dir-rcrt.page-special article .tab-content ul .field strong em{display: inline-block; width: 6.0em; padding: 0.5em 0; color: #ffffff; background-color: #000000; line-height: 1.0;} .dir-rcrt.page-special article .tab-content ul .field > .col{position: relative; padding: 20px; box-sizing: border-box; vertical-align: top;} .dir-rcrt.page-special article .tab-content ul .field > .col:empty{display: none;} .dir-rcrt.page-special article .tab-content ul .field > .col:before{display: block; width: 12.0em; margin: 0 auto 1.0em; border: 2px solid #000000; border-radius: 5.0em; font-size: 0.85em; font-weight: bold; text-align: center;} .dir-rcrt.page-special article .tab-content ul .field > .col:nth-of-type(1){background-color: #eeeeee;} .dir-rcrt.page-special article .tab-content ul .field > .col:nth-of-type(1):before{content: "大会スケジュール";} .dir-rcrt.page-special article .tab-content ul .field > .col:nth-of-type(1) b{display: block; margin-bottom: 0.5em; text-align: center;} .dir-rcrt.page-special article .tab-content ul .field > .col:nth-of-type(1) p{text-align: center;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child{background-color: #faf3cc;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child:before{content: "チーム帯同スケジュール";} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child b{display: block; position: relative; padding: 0.5em; color: #ffffff; background-color: rgba(200,176,42,1.0); text-align: center;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p{display: flex; flex-grow: 1;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p:before{display: block; content: ""; width: 50px; height: 50px; background: rgba(255,245,0,1)url("../img/logo.png") no-repeat center center; background-size: 30px; border-radius: 25px; border: 1px solid #000000; box-sizing: border-box;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p span{display: flex; align-items: center; position: relative; width: calc(100% - 70px); margin-left: 10px; padding: 0.5em; color: #ffffff; background-color: #000000; border-radius: 5px;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p span:before{display: block; content: ""; position: absolute; top: 1.0em; left: -10px; width: 0; height: 0; border-style: solid; border-width: 8px 10px 8px 0; border-color: transparent #000000 transparent transparent;} .dir-rcrt.page-special article .premium strong{font-size: 3.5vw} .dir-rcrt.page-special article .premium strong b{padding-top: 1.5em; padding-bottom: 1.5em;} .dir-rcrt.page-special article .premium .field .flex-lg > .col:first-child{margin-bottom: 1.5em;} .dir-partner article .item-sponsor .unit-3-sm li{width: 33.333%; margin-left: 0!important; padding: 4px; box-sizing: border-box;} .dir-partner article .item-sponsor .unit-4 li{width: 25%; margin-left: 0!important; padding: 3px; box-sizing: border-box;} .dir-partner article .item-sponsor .unit-5 li{width: 20%; margin-left: 0!important; padding: 4px; box-sizing: border-box;} .dir-top .sponsor .item-sponsor .presenting{width: 65%;} .dir-top .sponsor .item-sponsor .unit-2-lg{text-align: center;} .dir-top .sponsor .item-sponsor .unit-2-lg li{width: 25%; padding: 5px; box-sizing: border-box;} .dir-partner article .item-sponsor ul li {padding: 3px; box-sizing: border-box;} .dir-partner article .item-sponsor ul.local li:nth-child(n+6) {margin-top: 10px;} .content :not(header) .item-sponsor .col span{font-size: 2.25vw;} .dir-partner.page-supporter article ul.reset li {font-size: 3.0vw;} .scroll-hint-icon{ top: calc(20% - 25px) !important;} .item-gallery-slider .swiper{width: calc(100% + 6vw); transform: translate(-3.0vw);} .swiper-slide p{font-size: 3.5vw;} .item-guide{padding: 1.0em;} .item-guide ul li a.row > .col:first-child{width: 20%;} .item-pickup{padding: 4.0vh 3.0vw;} .item-pickup:before{top: -50vh; height: 200vh;transform: rotate(-45deg);} .item-pickup .row-lg .item-button{margin-top: 20px;} .fixed-banner{width: calc(100% - 20px); right: 10px; bottom: 10px;} .fixed-banner + footer{padding-bottom: 15vh;} .swiper-pagination-bullet{width: 20px;} .dir-weeks article .event-list li {padding: 2px; border: 1px solid #aaaaaa; border-radius: 5px; overflow: hidden;} .dir-weeks article .event-list li:not(:first-child) {margin-top: 1.0em;} .dir-weeks article .event-list li > * {display: block; color: #333333;} .dir-weeks article .event-list li a b:after {display: block; content: "\f138"; position: absolute; top: 50%; right: 5px; width: 24px; height: 24px; line-height: 24px; margin-top: -12px; color: rgba(218,140,18,1.00); font-family: fontAwesome; font-size: 0.85em; text-align: center;} .dir-weeks article .event-list li > * .col {padding: 0.5em 0.75em;} .dir-weeks article .event-list li > * b.col {display: block; position: relative; padding: 0.75em 30px 0.75em 0.75em; background-color: #fffcbf;} .dir-weeks article .event-list li > * span.col {display: block; border-top: 1px solid #aaaaaa;} .dir-weeks article .event-list li > * span.col:nth-of-type(1) {background-color: rgba(255,245,0,0.15);} .dir-weeks.details article section .field {padding: 0 0 2.0em} .dir-weeks.details article section .field table tr:not(:first-child) th {border-top: 5px solid #ffffff;} .dir-weeks.details article section .field table th, .dir-weeks.details article section .field table td {display: block; width: 100%; text-align: left; box-sizing: border-box;} .dir-weeks.details article section .field table td.text-center-sm {text-align: center;} .dir-weeks.details article section .field .marche-list strong {display: flex; align-items: center; justify-content: center; min-height: 4.0em; padding: 0; line-height: 1.4;} .dir-weeks.details article section .field .store-nav li {width: calc(50% - 5px); margin-top: 10px; font-size: 2.75vw;} .dir-weeks.details article section .field .store-nav li a {height: 36px; padding-left: 0.5em; color: #222222; background-color: rgba(255,245,0,1.00); border-radius: 5px;} .dir-weeks.details article section .field .store-list h1 {display: flex; align-items: center; min-height: 40px; line-height: 1.4;} .dir-weeks.details article section .field .store-list li .marche a,.dir-weeks.details article section .field .marche-info b {background-color: rgba(255,245,0,1.00);} .dir-weeks.details article section .field .store-list table th {background-color: #eeeeee;} .dir-weeks.details article section .field .store-list table tr:not(:first-child) th {border-top: none} .dir-weeks.details article section .field .store-list table td {background-color: #ffffff;} .dir-weeks.details article section .field .sdgs {justify-content: space-between;} .dir-weeks.details article section .field .sdgs > * {width: calc(33.333% - 5px);} .dir-race.page-team article button.toggle{display: block; width: 60%; margin: 0 auto; padding: 0.5em 0; color: #333333; background-color: transparent; border: 1px solid #333333; border-radius: 5px; box-sizing: border-box;} .dir-race.page-team article button.toggle:before{display: inline-block; content: "\f206"; margin-right: 0.5em; font-family: fontAwesome;} .dir-race.page-team.team-select-open{position: fixed;} .dir-race.page-team.team-select-open article button.toggle{position: fixed; top: 0; right: 0; width: 40px; height: 40px; padding: 0; border: none; text-indent: -999em; z-index: 5;} .dir-race.page-team.team-select-open article button.toggle:before{display: block; content: "\f00d"; height: 40px; line-height: 40px; color: #ffffff; font-family: fontAwesome; font-size: 6vw; text-indent: 0;} .dir-race.page-team article .tab-team{display: none;} .dir-race.page-team.team-select-open article .tab-team{display: flex; flex-wrap: wrap; align-items: center;position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.85); z-index: 4} .dir-race.page-team article .tab-team ul:not(.only-sm){display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; height: 60vh;} .dir-race.page-team article .tab-team ul:not(.only-sm) li{width: 33.333%; padding: 0 3.0em; color: #ffffff; font-size: 2.5vw; text-align: center; line-height: 1.4; box-sizing: border-box;} .dir-race.page-team article .tab-team ul.only-sm{display: block; width: 90%; margin: 0 auto;} .dir-race.page-team article .tab-team ul + ul.only-sm{margin-top: -10vh;} .dir-race.page-team article .tab-team ul.only-sm li:not(:first-child){margin-top: 1px} .dir-race.page-team article .tab-team ul.only-sm li a{display: block; position: relative; padding: 0.5em; color: #333333; background-color: rgba(255,245,0,0.75); font-weight: 700;} .dir-race.page-team article .tab-team ul.only-sm li a:after{display: block; content: "\f054"; position: absolute; top: 50%; right: 10px; margin-top: -0.5em; font-family: fontAwesome; font-weight: 400; line-height: 1.0;} .dir-race.page-team article .tab-content-team > h1{font-size: 3vw;} .dir-race.page-team article .tab-content-team > h1 em{font-size: 4.5vw; line-height: 1.2;} .dir-race.page-team article .tab-content-team > h1 .col:last-child, .dir-race.page-team article .tab-content-team ul li h1 + .row .col:last-child{text-align: center; vertical-align: middle} .dir-race.page-team article .tab-content-team ul li h1 span{height: 40px; margin: -20px 0 0 0;} .dir-race.page-team article .tab-content-team .field .photo{width: 60%; margin: 0 auto 1.0em;} .dir-race.page-start-list article .tab{margin-bottom: 10px; padding: 0 0 40px;} .dir-race.page-start-list article .tab .pdf{top: auto; bottom: 0; right: 30%; width: 40%;} .dir-race.page-start-list article .tab .pdf a{height: 40px; line-height: 38px; font-size: 3.0vw; overflow: auto;} .dir-race.page-start-list article .tab .pdf a:before{display: inline-block; width: auto; height: auto; line-height: 1.0; margin-right: 0.5em; vertical-align: middle;} .dir-race.page-start-list article .tab ul{width: calc(100% + 5px); transform: translate(-5px)} .dir-race.page-start-list article .tab ul li{display: flex; align-items: center; justify-content: center; height: 50px; line-height: 1.4; margin-left: 5px; border-width: 1px; font-size: 3.0vw;} .dir-race.page-start-list article table.table th, .dir-race.page-start-list article table.table td{font-size: 3.0vw;} .dir-race.page-start-list article table.table thead tr th{padding-top: 1.0em; padding-bottom: 1.0em; font-size: 2.5vw;} .dir-race.page-start-list article table.table tr > *:first-child{width: 14%; border-bottom: 2px solid #ffffff;} .dir-race.page-start-list article table.table tbody tr > td:last-child{font-size: 2.75vw;} .dir-race.page-start-list article .tab-content[data-tab="tab-tt"] table.table tr > *:nth-of-type(2){width: 12%;} .dir-race.page-start-list article .tab-content[data-tab="tab-tt"] table.table tr > *:nth-of-type(2){width: 16%;} .dir-race.page-result-2024 article .winner:before{top: -50%; right: -50%;} .dir-race.page-result-2024 article .winner:after{bottom: -175%; right: -15%; transform: rotate(-145deg);} .dir-race.page-result-2024 article table.table tr > *{font-size: 3.0vw} .dir-race.page-result-2024 article .winner > .col:first-child{ width: 60%; margin: 0 20%;} .dir-race.page-result-2024 article .winner > .col .heading{ display: flex; align-items: center; margin-top: 1.0em;} .dir-race.page-result-2024 article .main-race .winner > .col .heading:before{ display: block; content: ""; width: 60px; height: 90px; margin-right: 20px; background: transparent url("../img/race/winners-jaune.png") no-repeat center center; background-size: 90px;} .dir-race.page-result-2024 article .winner > .col .heading > div{flex-grow: 2;} .dir-race.page-result-2024 article .winner .heading strong{font-size: 6vw;} .dir-race.page-result-2024 article .winner > .col .heading strong:before{ display: block; content: "優勝"; width: 100%; color: rgba(255,245,0,1.00);margin-bottom: 0.75em; padding-bottom: 0.25em; border-bottom: 1px solid rgba(255,245,0,1.00); font-size: 3.5vw;} .dir-race.page-result-2024 article .unit-3-lg .col{margin-top: 1.5em;} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child{margin-bottom: 1.0em;} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child .fs-16{font-size: 5vw;} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child img{margin-right: 10px;} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child span{display: block; font-weight: 400;} .dir-race.page-result-2024 article .unit-3-lg .col .clearfix .photo{float: right; width: 30%; margin-left: 10px;} .dir-race.page-result-2024 article .unit-3-lg .col p.caption{line-height: 1.4;} .dir-race.page-result-2024 article .unit-3-lg .col p.caption b{font-size: 1.15em;} .dir-race.page-result-2024 article .ttl-unit{position: relative} .dir-race.page-result-2024 article .ttl-unit h1 + span{position: absolute; top: 0; right: 0; bottom: 0;} .dir-race.page-result-2024 article .ttl-unit h1 + span a{display: flex; flex-wrap: wrap; align-items: center; height: 100%; color: rgba(255,245,0,1.00); background-color: #000000; line-height: 1.0;} .dir-race.page-result-2024 article .ttl-unit h1 + span a:before{display: block; content: "\f1c1"; width: 100%;font-family: fontAwesome; font-size: 1.5em; text-align: center; } .dir-race.page-result-2024 article .ttl-unit h1 + span a:after{display: block; content: "RESULT"; width: 100%; margin-top: -1.5em; font-size: 2.5vw; text-align: center;} .dir-race.page-result-2024 article .ttl-unit h1 + span a b{display: none;} .dir-race.page-result-2024 article .ttl-unit h1 + span a em{display: block; margin-top: 0.25em; font-size: 1.2rem; font-weight: 400;} .dir-race.page-result-2024 article table.table thead th{padding-top: 2.0em; padding-bottom: 2.0em; font-size: 2.0vw} .dir-race.page-result-2024 article table.table tbody td, .dir-race.page-result-2024 article table.table tr > *:not(:first-child), .dir-race.page-result-2024 article table.table caption{border-width: 2px} .dir-goods article section .js-scrollable table.table tr.reset-h th {padding-right: 10px; padding-left: 10px;} .dir-goods article section .js-scrollable table.table tr > *:first-child {position: sticky; top: 0; left: 0; background-color: #ffffff;} .dir-goods article section .js-scrollable table.table tr > *:first-child:after {display: block; content: ""; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background-color: #c7c7c7;} } @media screen and (min-width:835px){ body.dir-top{background: transparent url("../../../common/2026/img/top/bg-top.jpg") no-repeat center center / cover fixed} header{position: relative; width: 100%; height: 100px; box-sizing: border-box;} .dir-top header{margin-bottom: 135px;/*height: 200px;*/} header h1.reset{position: relative; width: 1060px; height: 0px; margin: 0 auto; z-index: 5;} header h1 a{display: block; position: absolute; top: /*15px*/26px; left: 0; width: /*170px*/255px; height: /*70px*/48px; background: transparent url("../img/logotype-jcom.png") no-repeat left top; background-size: cover; text-indent: -999em; z-index: 3;} /*header h1 a{display: block; position: absolute; top: 15px; left: 0; width: 248px; height: 70px; background: transparent url("../img/logotype.png") no-repeat left top; background-size: cover; text-indent: -999em; z-index: 3;}*/ header h1 a:hover{opacity: 0.75;} header button{display: none;} header nav{position: relative; width: 100%; height: 40px; border-top: 60px solid rgba(255,245,0,1); z-index: 4;} header nav > ul.reset{width: 1200px; margin: 0 auto; padding-left: 277px; box-sizing: border-box; font-size: 0; /*background-color: rgba(255,245,0,1);*/} header nav > ul.reset > li{display: inline-block; position: relative; width: 120px; padding: 0; background-color: #000000; font-size: 1.5rem; vertical-align: top;} header nav > ul.reset.flex{display: flex;} header nav > ul.reset.flex > li:not(:last-child){ /* flex-grow: 1; width: auto;*/ width: 245px; } /* ver1 募集のご案内 / ver 2クリテリウムWEEK / ver3 オフィシャルサポーターズ */ header nav > ul.reset.ver1 > li:not(:last-child){width: 135px;} header nav > ul.reset.ver1 > li:nth-of-type(2), header nav > ul.reset.ver1 > li:nth-of-type(4){width: 90px;} header nav > ul.reset.ver2 > li:nth-of-type(3){width: 200px;} header nav > ul.reset.ver3 > li:not(:last-child){width: 110px;} header nav > ul.reset.ver3 > li:nth-of-type(2), header nav > ul.reset.ver3 > li:nth-of-type(4){width: 80px;} header nav > ul.reset.ver3 > li:nth-of-type(3){width: 230px;} header nav > ul li a, header nav > ul li span{display: block; position: relative; height: 40px; line-height: 40px; color: rgba(255,245,0,1); font-weight: bold; text-align: center; z-index: 10;} header nav > ul li > ul li a, header nav > ul li > ul li span{height: 50px; line-height: 50px;} header nav > ul li span{color: #cccccc;} header nav > ul li.lf a{line-height: 1.4;} header nav > ul li.lf a:before{display: block; content: ""; height: 0.1em;} header nav > ul > li:not(:first-child) > a:before, header nav > ul > li:not(:last-child) > span:before{display: block; content: ""; position: absolute; top: 12px; left: 0; width: 1px; height: 16px; background-color: rgba(255,245,0,1);} header nav > ul > li:first-child { border-top-left-radius: 10px;/* overflow: hidden;*/} header nav > ul > li:last-child { /*width: 63px;*/ width: 234px; } header nav > ul > li:last-child span{display: block; height: 40px; line-height: 40px; color: rgba(255,245,0,1); border-left: 1px solid rgba(255,245,0,1); font-weight: bold; text-align: center; overflow: hidden; cursor: pointer;} header nav > ul > li:last-child span:before{display: block; content: "\f0c9"; height: 40px; line-height: 40px; font-family: fontAwesome;} header nav > ul > li:last-child span + ul{display: none;} /*header nav > ul > li:last-child span:hover + ul, header nav > ul > li:last-child span + ul:hover{display: block; position: absolute; top: 60px; left: 0; width: 120px; z-index: 10;} header nav > ul > li a + button + ul:before{display: block; content: ""; position: absolute; top: -5px; left: 0; width: 100%; height: 10px; background-color: #f30; z-index: 10;}*/ header nav > ul > li a:hover + button + ul, header nav > ul > li a + button + ul:hover, header nav > ul > li:last-child span:hover + ul, header nav > ul > li:last-child span + ul:hover{display: block; position: absolute; top: 40px; left: /*-60px*/calc(50% - 120px); width: 240px; border-right: 1px solid rgba(255,245,0,1); border-bottom: 1px solid rgba(255,245,0,1); border-left: 1px solid rgba(255,245,0,1); box-sizing: border-box; z-index: 10;} /*header nav > ul > li:nth-of-type(2) a:hover + button + ul, header nav > ul > li:nth-of-type(2) a + button + ul:hover, header nav > ul > li:last-child span:hover + ul, header nav > ul > li:last-child span + ul:hover{left: -80px;} クリテWEEK用 */ header nav > ul > li a + button + ul li a, header nav > ul > li:last-child span + ul li a{background-color: #000000; border-top: 1px solid rgba(255,245,0,1); z-index: 10} header nav > ul > li a + button + ul li span{color: #444444; background-color: #999999; border-top: 1px solid rgba(255,245,0,1); z-index: 10} header .button-sns{position: absolute; top: -50px; left: 0; width: 100%; height: 100px; overflow: hidden; z-index: -1;} header .button-sns ul{width: 1060px; margin: 5px auto 0;} header .button-sns:before{ display: block; content: ""; position: absolute; top: 50px; /*left: 50%; */ width: 100%; height: 40px; background-color: #000000; z-index: 0; } body:not(.dir-top) header .item-sponsor{position: absolute; top: 5px; left: 0; width: 100%; height: 0px; z-index: 5;} .dir-top header .item-sponsor{position: absolute; bottom: 0px; left: 0; width: 100%; height: 0px; z-index: 0;} .dir-top header .item-sponsor .field:before{width: 1060px; margin-right: auto; margin-left: auto; text-align: right;} body:not(.dir-top) header .item-sponsor .field:before{display: inline-block; color: #000000;} header .item-sponsor .field{width: 1060px; height: 0px; margin: 0 auto; padding-left: 277px; font-size: 0; box-sizing: border-box;} .dir-top header .item-sponsor .field{width: 100%; height: 120px; padding-left: 0; background-color: rgba(0,0,0,0.5); border-top: 1px solid #000000; box-sizing: border-box;} body:not(.dir-top) header .item-sponsor .field{display: flex;} body:not(.dir-top) header .item-sponsor .inner{width: 540px; padding-left: 10px; box-sizing: border-box;} .dir-top header .item-sponsor .inner{width: 1060px; margin-right: auto; margin-left: auto; text-align: right;} header .item-sponsor .field .presenting{display: inline-block; width: 125px; vertical-align: top;} .dir-top header .item-sponsor .field .presenting{width: 200px; margin-top: 10px;} header .item-sponsor .field ul{display: inline-block; width: max-content/*255px*/;} body.dir-top header .item-sponsor .field ul{width: 100%;/* margin-top: 20px;*/} body.dir-top header .item-sponsor .field ul li{width: 148px;} body.dir-top header .item-sponsor .field ul li:not(:first-child){margin-left: 4px;} body.dir-top header .item-sponsor .field ul li:first-child:last-child{margin-top: 1.886%;} body.dir-top header .item-sponsor .field ul li .header + img{display: none;} body:not(.dir-top) header .item-sponsor .field ul li{width: 70px; margin-top: 12px;} body:not(.dir-top) header .item-sponsor .field ul li:not(:first-child){margin-left: 5px;} body:not(.dir-top) header .item-sponsor .field ul li .header{display: inline-block;} body:not(.dir-top) header .item-sponsor .field ul li .header + img{display: none;} body:not(.dir-top) header .item-sponsor .field img{ vertical-align: top;} footer nav{padding: 40px 0;} footer nav ul{display: flex; justify-content: center;} footer nav ul li{padding: 0 40px;} footer nav ul li:not(:first-child){border-left: 1px solid rgba(255,245,0,1);} footer nav ul li a{display: block; margin: 0 20px; padding: 0; color: rgba(255,245,0,1); line-height: 1.0;} footer .copy{padding: 20px 0; font-size: 1.4rem; text-align: center;} footer .copy p img{width: 80px; margin-right: 0.5em; vertical-align: middle;} footer .copy small{display: inline-block;line-height: 1.4;} h1 {font-size: 2.0rem;} .dir-top main section.field{padding: 70px 0;} .overview table th{width: 200px;} .overview table td{border-left: 10px solid #000000;;} .overview table tr:not(:first-child) th, .overview table tr:not(:first-child) td{border-top: 10px solid #000000;;} /*.course{background-color: rgba(0,0,0,1.00) !important;}*/ .course:before{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent url("../img/top/bg-course.png") no-repeat center center;} .course > *{position: relative; z-index: 1;} .course .inner{width: 900px; margin: 0 auto;} .sns{position: relative; overflow: hidden;} .sns:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,245,0,0.85); clip-path: polygon(0 0, 100% 0, 100% 70%, 0 30%); z-index: -1;} .sns:after{display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); clip-path: polygon(0 30%, 100% 70%, 100% 100%, 0 100%); z-index: -1;} .event ul li{display: flex; justify-content: space-between; margin-top: 60px; border-radius: 0 0 0 30px; overflow: hidden;} .event ul li:last-child{flex-direction: row-reverse; border-radius: 0 0 30px 0;} .event ul li .photo{position: relative; width: 530px;} .event ul li .field{width: 530px;} .event ul li .field strong{position: relative; height: 90px; line-height: 90px; font-size: 3.0rem;} .event ul li:first-child .field strong:before{display: block; content: ""; position: absolute; top: 0; left: -89px; width: 90px; height: 90px; background-color: rgba(255,245,0,1.00); clip-path: polygon(100% 0, 0 0, 100% 100%);} .event ul li:last-child .field strong:before{display: block; content: ""; position: absolute; top: 0; right: -90px; width: 90px; height: 90px; background-color: rgba(255,245,0,1.00); clip-path: polygon(100% 0, 0 0, 0 100%);} .event ul li table{width: 490px;} .event ul li table th{width: 100px;} .key-visual .field{display: flex; justify-content: space-between;} .key-visual .photo{width: 400px;} .key-visual .text{width: 640px; } .key-visual .text h1{font-size: 2.0em;} .key-visual2 .field{display: flex; justify-content: space-between;} .key-visual2 .photo{width: 400px;} .key-visual2 .text{width: 640px; } .key-visual2 .text h1{font-size: 2.0em;} .key-visual3 .field{display: flex; justify-content: space-between;} .key-visual3 .photo{width: 400px;} .key-visual3 .text{width: 640px; } .key-visual3 .text h1{font-size: 2.0em;} body:not(.dir-top) main > section > h1 b:after{right: -40px;} body:not(.dir-top) main > section > h1 span > span{padding-left: 50px;} .ambassador{padding: 40px 0; /*background: transparent url("./img/bg-ambassador.jpg") no-repeat center top;*/} .ambassador.kittel{background: transparent url("../2023/img/bg-ambassador.jpg") no-repeat center top;} .ambassador .container{display: flex; align-items: center;justify-content: space-between} .ambassador .container .photo{width: 500px; border-radius: 250px; overflow: hidden;} .ambassador .container .text{width: 500px; /*color: #ffffff; text-shadow: 2px 2px #000000;*/} .ambassador.kittel .container .text{color: #ffffff; text-shadow: 2px 2px #000000;} .ambassador .container .text strong{width: 500px; font-size: 2.4rem; line-height: 1.2;} .ambassador .container .text strong em{display: block;font-family: 'Roboto Condensed', sans-serif; font-size: 8.0rem;} .key-visual .field{display: flex; align-items: center;justify-content: space-between;} .key-visual .photo{width: 400px;} .key-visual .text{width: 610px; } .key-visual .text h1{margin-top: 0; font-size: 2.0em;} .key-visual2 .field{display: flex; align-items: center;justify-content: space-between;} .key-visual2 .photo{width: 400px;} .key-visual2 .text{width: 610px; } .key-visual2 .text h1{margin-top: 0; font-size: 2.0em;} .key-visual3{display: flex; align-items: center;justify-content: space-between;} .key-visual3 .photo{width: 400px;} .key-visual3 .text{width: 610px; } .key-visual3 .text h1{margin-top: 0; font-size: 2.0em;} .logo-10th .text h1, .course .text-center strong{font-size: 2.0em;} .archive .unit-5-lg li a{font-size: 2.0rem;} .item-kv-slider{width: 100%; /*margin-top: 20px; */overflow: hidden;} .item-kv-slider .swiper{width:100%;max-width: 1060px !important; /*overflow: visible !important;*/ text-align: center;} .item-pickup .row-lg > .col:last-child{position: relative;} .item-pickup .row-lg > .col:last-child p{font-size: 1.25em;} .item-pickup .row-lg > .col:last-child p b{font-size: 1.5em;} .item-pickup .row-lg > .col:last-child .item-button{position: absolute; bottom: 0; right: 0;} body:not(.dir-top) main > section{padding-bottom: 0.5em; background: transparent url("../img/bg.jpg?220617") repeat-y center 76px; background-size: 100%;} body:not(.dir-top) main > section > .container{padding: 30px 30px 0; background-color: rgba(255,255,255,1);} body:not(.dir-top) main > section .clearfix article{float: left; width: 800px; margin-bottom: 0.5em; padding: 0 0 40px; box-sizing: border-box;} body:not(.dir-top) main > section article{padding-bottom: 40px;} body:not(.dir-top) main > section .clearfix aside{float: right; width:230px; padding: 0 0 40px;} body:not(.dir-top) main > section > h1 strong{display: block; position: absolute; top: 50%; right: 0; width: 60px; height: 30px; margin-top: -15px; background-color: #000000; font-size: 0.85em; text-align: center;} .heading-article .row .col:not(:last-child){width: 1%; white-space: nowrap;} .news .unit-3-lg li a .field{overflow: hidden;} .news .unit-3-lg li a .field img{transition: all 0.25s; vertical-align: top;} .news .unit-3-lg li a:hover .field img{transform: scale(1.2); opacity: 1;} .ui-gallery ul li {width: 31.132%; margin: 3.301% 0 0 3.301%;} .ui-gallery ul li:nth-of-type(3n+1) {margin-left: 0;} .ui-gallery ul li:nth-child(-n+3) {margin-top: 0;} .ui-gallery ul li{font-size: 1.4rem;} .ui-news ul li em a, .heading-article .row .col em a, .ui-gallery ul li > em a{min-width: 120px;} .ui-gallery ul li > em{width: 120px;} .swiper-slide {-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} .fixed-banner{width: 400px; right: 20px; bottom: 20px;} .fixed-banner + footer{padding-bottom: 127px;} .page-about article .text{position: relative; margin: -5.0em 3% 0 10%; padding: calc(3% + 2.0em) 0 2.0em calc(3% + 2.0em); background-color: rgba(255,245,0,0.75); z-index: 0;} .page-about article .text:before{display: block; content: ""; position: absolute; bottom: -10%; right: -5%; width: 100%; height: 100%; background-color: rgba(255,255,255,1); z-index: -1;} .page-about article .text.left{margin: -5.0em 10% 0 3%; padding: calc(3% + 2.0em) calc(3% + 2.0em) 2.0em 0;} .page-about article .text.left:before{right: auto; left: -5%;} .page-about article .text > p:first-child{margin-top: 0;} .page-about article .text p{margin-bottom: 0;} .page-archive article ul li:not(:first-child){margin-top: 1.0em;} .page-archive article ul li:nth-child(odd) a{background-color: #f7f7f7;} .page-result article ul li .row-lg .col{vertical-align: middle;} .page-schedule article table{border-collapse: collapse;} .page-schedule article table thead th{color: #ffffff; background-color: #000000; font-size: 0.85em; line-height: 1.4;} .page-schedule article table thead tr th{height: 40px; border-left: 5px solid #ffffff; } .page-schedule article table thead tr:first-child th:first-child{height: 80px; border-left: none; } .page-schedule article table thead tr:first-child th:not(:first-child){border-bottom: 5px solid #ffffff;} .page-schedule article table thead tr:nth-of-type(2) th:nth-of-type(1){color: #333333; background-color: rgba(255,245,0,0.5);} .page-schedule article table thead tr:nth-of-type(2) th:nth-of-type(2){color: #333333; background-color: rgba(233,56,23,0.5);} .page-schedule article table thead tr:nth-of-type(2) th:nth-of-type(3){color: #333333; background-color: rgba(220,169,220,0.5);} .page-schedule article table thead tr:nth-of-type(2) th:nth-of-type(4){color: #333333; background-color: rgba(76,185,79,0.5);} .page-schedule article table thead tr:nth-of-type(2) th:nth-of-type(5){color: #333333; background-color: rgba(76,130,185,0.5);} .page-schedule article table tbody td{position: relative; width: 185px; background-color: #f1f1f1; border-left: 5px solid #ffffff; box-sizing: border-box;} .page-schedule article table tbody tr:first-child td{border-top: 5px solid #ffffff;} .page-schedule article table tbody td:first-child{width: 60px; border-left: none; font-size: 0.85em; text-align: right;} .page-schedule article table tbody td:first-child dt, .page-schedule article table tbody td:first-child dd{height: 60px; padding: 0 0.5em; border-top: 1px solid #c7c7c7; box-sizing: border-box;} .page-schedule article table tbody td:first-child dt{font-size: 1.15em; font-weight: bold;} .page-schedule article table tbody dl dt:first-child{border-top: none;} .page-schedule article table tbody td .field{position: absolute; left: 0; width: 100%; padding: 10px; line-height: 1.4; box-sizing: border-box;} .page-schedule article table tbody td:nth-of-type(2) .field{top: 480px; height: calc(100% - 480px); background-color: rgba(255,245,0,0.25);} .page-schedule article table tbody td:nth-of-type(3) .field{top: 600px; height: calc(100% - 600px); background-color: rgba(233,56,23,0.25);} .page-schedule article table tbody td:nth-of-type(4) .field{top: 0px; height: calc(100% - 60px); background-color: rgba(220,169,220,0.25);} .page-schedule article table tbody td:nth-of-type(5) .field{top: 240px; height: calc(100% - 300px); background-color: rgba(76,185,79,0.25);} .page-schedule article table tbody td:nth-of-type(6) .field{top: 240px; height: calc(100% - 300px); background-color: rgba(76,130,185,0.25);} .page-schedule article table tbody td ul li{position: absolute; left: 0; width: calc(200% + 5px); padding: 5px 10px; color: #ffffff; background-color: #000000; font-size: 0.85em; line-height: 1.6; box-sizing: border-box; z-index: 1;} .page-schedule article table tbody td ul li b{color: rgba(255,245,0,1);} .page-schedule article table tbody td ul li p{margin: 0; padding: 0; font-size: 0.85em;} /*.dir-rcrt.page-race article .benefits ul li.sweets .row-lg .col:last-child{width: 30%;}*/ .dir-rcrt article .lnav ul{flex-wrap: wrap; width: calc(100% + 10px); transform: translate(-10px)} .dir-rcrt article .lnav ul li{width: calc(33.333% - 5px);/*100%*/; margin-left: 5px; font-size: 1.2rem} .dir-rcrt article .lnav ul li:nth-of-type(n+4){margin-top: 5px;} .dir-rcrt.page-special article .lnav ul li .alt{display: none;} .dir-rcrt article .course-list li.special{margin-bottom: 1.886%;} .dir-rcrt article .course-list li.special p{font-size: 2.0rem; text-align: center;} .dir-rcrt article .course-list li.special p span{width: 200px; font-size: 1.4rem; line-height: 40px;} .dir-rcrt article .course-list li.special .button-entry{width: 30%;} .dir-rcrt article .course-list li a:hover{margin-top: -10px} /*.dir-rcrt article .course-list li p span:before{display: block; content: ""; width: 100%; height: 10px;}*/ .dir-rcrt article section .js-scrollable table {width: 1900px; table-layout: fixed;} .js-scrollable table th{white-space:nowrap} /*.dir-rcrt.page-top article .js-scrollable table thead tr > th:not(:last-child){width: 15%;}*/ /*.js-scrollable table thead tr:first-child th.arena{width: auto;}*/ .dir-rcrt article .benefits ul li .profile .row-lg > .col:first-child{width: 350px;} .dir-rcrt article .benefits ul li.kittel .unit-2-lg .row > .col:first-child{width: 150px;} .dir-rcrt article .benefits ul li.sweets .row-lg .col:last-child{width: 200px;} .dir-rcrt.page-volunteer article table.tile td .entry-flow dd p, .dir-rcrt.page-invitation-ess article table.tile td .entry-flow dd p{display: inline-block; margin-left: 1.0em;} /*.dir-rcrt.page-special article .premium .field > .unit-2-lg{padding: 2.0rem 1.5rem;}*/ .dir-rcrt.page-special article .premium .field .flex-lg{display: flex; justify-content: space-between;} .dir-rcrt.page-special article .premium .field .flex-lg > .col:first-child{margin-right: 20px;;} .dir-rcrt.page-special article .heading-schedule{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;} .dir-rcrt.page-special article .tab-content ul .field{display: table; position: relative; width: 100%; border-top: 1px dotted #000000;} .dir-rcrt.page-special article .tab-content ul .field strong{position: absolute; top: 20px; left: calc(50% - 40px); width: 80px; font-size: 14px; text-align: center; z-index: 1;} .dir-rcrt.page-special article .tab-content ul .field strong img{border-radius: 40px;background-color: #000000;} .dir-rcrt.page-special article .tab-content ul .field strong em{display: inline-block; width: 6.0em; padding: 0.5em 0; color: #ffffff; background-color: #000000; line-height: 1.0;} .dir-rcrt.page-special article .tab-content ul .field > .col{display: table-cell; width: 50%; box-sizing: border-box; vertical-align: top;} .dir-rcrt.page-special article .tab-content ul .field > .col:nth-of-type(1){position: relative; padding: 20px 80px 20px 20px; background-color: #eeeeee;} .dir-rcrt.page-special article .tab-content ul .field > .col:nth-of-type(1) b{display: block; margin-bottom: 0.5em;} .dir-rcrt.page-special article .tab-content ul .field > .col:nth-of-type(1):before{display: block; content: ""; position: absolute; top: 0; right: -1px; width: 2px; height: 100%; background-color: #000000;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child{padding: 20px 20px 20px 80px; background-color: rgba(200,176,42,0.25);} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child b{display: block; position: relative; margin-top: 20px; padding: 0.5em; color: #ffffff; background-color: rgba(200,176,42,1.0);} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child b:before{display: block; content: ""; position: absolute; top: 1.25em; left: -30px; width: 30px; height: 2px; background-color: #000000;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p{display: flex; flex-grow: 1;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p:before{display: block; content: ""; width: 50px; height: 50px; background: rgba(255,245,0,1)url("../img/logo.png") no-repeat center center; background-size: 30px; border-radius: 25px; border: 1px solid #000000; box-sizing: border-box;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p span{display: flex; align-items: center; position: relative; width: calc(100% - 70px); margin-left: 10px; padding: 0.5em; color: #ffffff; background-color: #000000; border-radius: 5px;} .dir-rcrt.page-special article .tab-content ul .field > .col:last-child p span:before{display: block; content: ""; position: absolute; top: 1.0em; left: -10px; width: 0; height: 0; border-style: solid; border-width: 8px 10px 8px 0; border-color: transparent #000000 transparent transparent;} .dir-top .sponsor .item-sponsor .unit-3-lg{width: 800px; padding-right: 130px; padding-left: 130px; text-align: center;} .dir-partner article .item-sponsor ul.bronze li:nth-child(n+5) {margin-top: 10px;} .dir-partner article .item-sponsor ul.local li:nth-child(n+6) {margin-top: 10px;} .content :not(header) .item-sponsor .col span.lf{font-size: 0.85em;} .dir-weeks article .event-list {width: 100%; padding: 2px;} .dir-weeks article .event-list li {font-size: 0.85em;} .dir-weeks article .event-list li:not(:first-child) { border-top: 5px solid #ffffff;} .dir-weeks article .event-list li > * {display: table; position: relative; width: 100%; color: #333333; outline: none;} .dir-weeks article .event-list li a:after {display: block; content: "\f138"; position: absolute; top: 50%;; right: 10px; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; color: rgba(218,140,18,1.00); font-family: fontAwesome; font-size: 1.6rem; text-align: center;} .dir-weeks article .event-list li .col {display: table-cell; padding: 1.0em; vertical-align: middle;} .dir-weeks article .event-list li b.col {width: 35%; background-color: #fffcbf;} .dir-weeks article .event-list li > * span.col, .dir-weeks article .event-list li a span.col {background-color: #eeeeee; border-left: 5px solid #ffffff;} .dir-weeks article .event-list li a:hover span.col { background-color: rgba(255,245,0,0.15); transition: all 0.25s;} .dir-weeks article .event-list li span.col:nth-of-type(1) {width: 23%;} .dir-weeks article .event-list li span.col:nth-of-type(2) {padding-right: 40px;} .dir-weeks.details article section .ttl-regular + div.text-center {width: 640px; margin-right: auto; margin-left: auto;} .dir-weeks.details article section .ttl-regular + .unit-3 + p.text-right {width: 528px; margin-right: auto; margin-left: auto;} .dir-weeks.details article section .field table th {width: 8.0em; white-space: nowrap;} .dir-weeks.details article section .field table td {height: 40px; border-left: 5px solid #ffffff;} .dir-weeks.details article section .field table tr:not(:first-child) th, .dir-weeks.details article section .field table tr:not(:first-child) td {border-top: 5px solid #ffffff;} .dir-weeks.details article section .field .store-nav li {width: calc(33.333% - 5px); margin-top: 10px; font-size: 1.2rem;} .dir-weeks.details article section .field .store-nav li a {height: 40px; color: #222222; background-color: rgba(255,245,0,1.00); border-radius: 5px;} .dir-weeks.details article section .field .store-nav li.lf a {line-height: 1.4;} .dir-weeks.details article section .field .store-nav li a:before {display: block; content: counter(count); counter-increment: count 1; position: absolute; top: calc(50% - 10px); left: 5px; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; color: #ffffff; background-color: rgba(0,0,0,0.75); font-family: 'Roboto Condensed', sans-serif; text-align: center;} .dir-weeks.details article section .field .store-list li .marche a,.dir-weeks.details article section .field .marche-info b {color: rgba(255,245,0,1.00); background-color: #000000;} .dir-weeks.details article section .field .store-list table {border: 1px solid #c7c7c7;} .dir-weeks.details article section .field .store-list table th {background-color: #eeeeee;} .dir-weeks.details article section .field .store-list table td {background-color: #ffffff; border-left: 1px solid #c7c7c7;} .dir-weeks.details article section .field .store-list table tr:not(:first-child) th, .dir-weeks.details article section .field .store-list table tr:not(:first-child) td{ border-top: 1px solid #c7c7c7;} .dir-weeks.details article section .flex-lg {display: flex; align-items: stretch;} .dir-weeks.details article section .field .sdgs > * {margin: 0 5px;} .dir-race.page-team article button.toggle{display: none;} .dir-race.page-team article .tab-team ul{display: flex;} .dir-race.page-team article .tab-team ul li{position: relative; width: 100%; padding: 10px; text-align: center; cursor: pointer;} .dir-race.page-team article .tab-team ul li:not(:first-child){border-left: 1px solid #aaa;} .dir-race.page-team article .tab-team ul li:hover, .dir-race.page-team article .tab-team ul li.active{background-color: rgba(255,244,0,0.15)} .dir-race.page-team article .tab-team ul li.active:after{display: block; content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 5px; background-color: rgba(255,244,0,1)} .dir-race.page-team article .tab-team ul li b{display: block; font-size: 1.2rem; line-height: 1.2;} .dir-race.page-team article .tab-content-team > h1 .col:last-child, .dir-race.page-team article .tab-content-team ul li h1 + .row .col:last-child{width: 80px; font-size: 1.2rem;} .dir-race.page-team article .tab-content-team > h1 .col:last-child img, .dir-race.page-team article .tab-content-team ul li h1 + .row .col:last-child img{width: 80px; margin-right: 10px; vertical-align: middle;} .dir-race.page-team article .tab-content-team ul li h1 span{height: 50px; margin: -25px 0 0 0;} .dir-race.page-team article .tab-content-team .field{display: table; width: 100%; font-size: 1.4rem;} .dir-race.page-team article .tab-content-team .field .photo, .dir-race.page-team article .tab-content-team .field .profile{display: table-cell; vertical-align: top;} .dir-race.page-team article .tab-content-team .field .photo{width: 300px; padding-right: 30px;} .dir-race.page-result-2024 article .winner{ width: 100%; box-sizing: border-box;} .dir-race.page-result-2024 article .winner > .col{ vertical-align: middle;} .dir-race.page-result-2024 article .winner > .col:first-child{ width: 250px; padding-right: 20px;} .dir-race.page-result-2024 article .winner > .col .heading{ display: flex; align-content: flex-end} .dir-race.page-result-2024 article .main-race .winner > .col .heading:before{ display: block; content: ""; width: 90px; height: 110px; margin-right: 20px; background: transparent url("../img/race/winners-jaune.png") no-repeat center center; background-size: 130px;} .dir-race.page-result-2024 article .winner > .col .heading > div{flex-grow: 2;} .dir-race.page-result-2024 article .winner > .col .heading strong:before{ display: block; content: "優勝"; width: 100%; color: rgba(255,245,0,1.00);margin-bottom: 1.0em; padding-bottom: 0.25em; border-bottom: 1px solid rgba(255,245,0,1.00); font-size: 1.6rem;} .dir-race.page-result-2024 article .unit-3-lg .col{margin-top: 1.5em; vertical-align: top;} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child img{margin-right: 10px;} .dir-race.page-result-2024 article .unit-3-lg .col > p:first-child span{display: block; font-weight: 400;} .dir-race.page-result-2024 article .unit-3-lg .col p.caption{margin-bottom: 0;} .dir-race.page-result-2024 article .unit-3-lg .col .clearfix{margin-top: 1.0em; text-align: center;} .dir-race.page-result-2024 article .unit-3-lg .col .clearfix .photo{display: flex; align-items: center;} .dir-race.page-result-2024 article .ttl-unit h1 + span{top: calc(50% - 25px);} .dir-race.page-result-2024 article .ttl-unit h1 + span a{display: flex; align-items: center; height: 50px; color: #ffffff; background-color: #000000;} .dir-race.page-result-2024 article .ttl-unit h1 + span a:before{display: block; content: "\f1c1"; width: 50px; height: 50px; color: #000000; background-color: rgba(255,245,0,1.00); font-family: fontAwesome; font-size: 1.75em; text-align: center;} .dir-race.page-result-2024 article .ttl-unit h1 + span a:hover{color: #000000; background-color: rgba(255,245,0,1.00);} .dir-race.page-result-2024 article .ttl-unit h1 + span a b{padding: 0 1.0em; font-size: 1.4rem; line-height: 1.0;} .dir-race.page-result-2024 article .ttl-unit h1 + span a em{display: block; margin-top: 0.25em; font-size: 1.2rem; font-weight: 400;} .dir-race.page-result-2024 article .unit-3-lg .col p.caption{margin-bottom: 0;} .dir-race.page-result-2024 article .unit-3-lg .col p.caption + p{font-size: 1.1rem;} .dir-goods article section .js-scrollable table {width: 100%;} .modaal-container{max-width: 1120px; box-sizing: border-box;} .modaal-container .field{display: flex;} .modaal-container .field > p{width: 59%; padding-right: 2%;} .modaal-container .field > div{width: 41%;} .modaal-container .field > div p{margin-top: 0;} } @media screen and (min-width:1460px){ /*header{width: 1460px; margin: 0 auto;} header ul{left: 0; width: 100%;}*/ } .intro2 { position: relative; padding: 100px 0; background: transparent url(../img/teaser/bg-intro.jpg) no-repeat center bottom; background-size: cover; text-align: center; z-index: 1; } .ambassador2 { background-color: rgba(255, 245, 0, 0.85)!important; } @media screen and (min-width: 835px) { .ambassador2 .container { display: flex; align-items: center; justify-content: space-between; } } @media screen and (min-width: 835px) { .ambassador2 .container .photo { width: 500px; border-radius: 250px; overflow: hidden; } } @media screen and (min-width: 835px) { .ambassador2 .container .text { width: 500px; } } @media screen and (min-width: 835px) { .ambassador2 .container .text strong { width: 500px; font-size: 2.4rem; line-height: 1.2; } } @media screen and (min-width: 835px) { .ambassador2 .container .text strong em { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 8.0rem; } } @media screen and (min-width: 835px) { .ambassador2 { padding: 40px 0; /* background: transparent url(../img/bg-ambassador.jpg) no-repeat center top; */ } } @media screen and (max-width: 834px) { .ambassador2 { padding: 40px 0; } } @media screen and (max-width: 834px) { .ambassador2 .container .photo { width: 60%; margin: 0 auto 20px; border-radius: 500px; overflow: hidden; } } @media screen and (max-width: 834px) { .ambassador2 .container .text { padding: 0 3vw; } } @media screen and (max-width: 834px) { .ambassador2 .container .text strong { display: block; width: 100%; line-height: 1.2; text-align: center; } } @media screen and (max-width: 834px) { .ambassador2 .container .text strong em { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 2rem; } } .color-black{ color: #000000!important; } .mt-50{ margin-top: 50px; } .logo-area{ position: relative; width: 1060px; height: 0px; margin: 0 auto; z-index: 5; } .logo-area img{ /*margin-top:26px; width: 255px;*/ margin-top:7px; width: 200px; } @media(max-width:767px){ .logo-area img { margin-top: 4px; width: 235px; margin-left: 10px; } .logo-area{ width: 100%; } } footer ul.reset { display: flex; align-items: center; justify-content: center; width: 100%; gap: 15px; padding: 0; margin: 0; } .reset, .reset > li, .reset > dt, .reset > dd { margin: 0; padding: 0; list-style-type: none; } footer > ul { background-color: rgba(0, 0, 0, 1.00); } footer ul.reset li { margin: 0 8px; } .reset, .reset > li, .reset > dt, .reset > dd { margin: 0; padding: 0; list-style-type: none; } footer ul li { display: inline-block; width: 40px; height: 40px; overflow: hidden; } footer ul li a { display: block; color: /*#333333*/ rgba(255, 245, 0, 1.00); } footer ul li.icon-facebook a:before { content: "\f230"; } footer ul li a:before { display: block; width: 40px; height: 40px; line-height: 40px; font-family: fontAwesome; font-size: 3.0rem; } footer ul li a { display: block; color: /*#333333*/ rgba(255, 245, 0, 1.00); } footer ul li.icon-x a:before { content: ""; width: 40px; height: 40px; background: transparent url(../img/icon-x.png) no-repeat left center; background-size: 25px; } footer ul li.icon-youtube a:before { content: "\f16a"; } footer ul li.icon-instagram a:before { content: "\f16d"; } @media screen and (max-width: 480px) { footer ul.reset { gap: 10px; } } @media screen and (max-width: 834px) { footer ul.reset li { margin: 0; } } @media screen and (max-width: 480px) { footer ul.reset li a:before { font-size: 24px; } } @media screen and (max-width: 480px) { footer ul.reset li.icon-x a:before { background-size: 20px; } } @media screen and (max-width: 480px) { footer ul.reset li a:before { font-size: 24px; } } @media screen and (max-width: 480px) { footer ul.reset li a:before { font-size: 24px; } } .logo-area { position: relative; max-width: 1060px; height: 0px; margin: 0 auto; z-index: 5; width: 100%; } @media screen and (min-width: 835px) { header nav > ul.reset { max-width: 1440px; width: 100%; margin: 0 auto; padding-left: 0; box-sizing: border-box; font-size: 0; /* background-color: rgba(255,245,0,1); */ /* border: #fff solid 1px;; */ } header .button-sns ul { /* max-width: 1px; */ /* width: 100%; */ margin: 5px auto 0; } header nav > ul > li:last-child { width: 63px; } }