html{font-family: "Helvetica Neue", HelveticaNeue, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", Verdana, メイリオ, Meiryo, sans-serif; font-size:16px;font-weight:400;line-height:1.75;-webkit-text-size-adjust:100%;background:#fff;color:#000000;-webkit-font-smoothing: antialiased; background-color: rgb(54, 53, 53);}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {font-family: "Helvetica Neue", HelveticaNeue, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", Verdana, メイリオ, Meiryo, sans-serif; }
h1 {font-size:1rem;}
a {transition: all .3s; color:#000000;}
.small {font-size:80%;}
* {-moz-box-sizing: border-box; box-sizing: border-box;}
.header_contents h2 img, .header_contents h2 span, .header_contents p {background: #ffffff;}
.links {position:fixed; bottom:0; right:0;}
.fix-menu { position: fixed; bottom: 0; height: auto; z-index: 999; width: 100%; text-align:center; background:#ffffff; border-top:2px solid #000000; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 20px; -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
}
.fix-menu table {max-width:1240px; margin:0 auto;}
.fix-menu table tbody tr td p {font-size: 12px; margin: 0; line-height: 1.25; padding: 0; box-sizing: border-box;}
.fix-menu table tbody tr td p span {font-weight:400;}
.fix-menu table tbody tr td a {margin:0!important; border:1px solid #000000;}

.header_contents .lsize {position:absolute; bottom:10px; right:10px; z-index:100; width:100%;}
.header_contents .lsize p { background:transparent;width: 100%; text-align: right; margin-bottom: 0; color: #ffffff;}
.lsize.small {font-size: 14px; font-weight: 400; text-align: right; line-height: 1; bottom: inherit; margin-right: 24px;}
.wrapper {padding-top: 40px;}
.section h1 {text-align: center;}
.header {position: fixed; top: 40px; left: 40px; width: 87px; padding: 0; padding: 0; z-index: 2;}
.title svg {height: 40px; width: 87px;margin: 0; fill:#ffffff; transition: .3s;}
.bg-is-white .title svg {fill:#000000;} 

#loader-bg { width: 100vw; height: 100vh; background: rgb(54, 53, 53); z-index: 1000; position: absolute; top: 0;}
#loader img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 140px;}

.header_contents { height: 100vh; position: relative; background-image: url(../img/ventrix_top.png); background-size: cover; background-position-x: center; background-position-y: top; margin-top: -20px; background-color:rgb(54, 53, 53);}
.header_contents h1 a {height: 40px; width: 87px; position: fixed; z-index: 1; top: 40px; left: 40px;}
/**.header_contents p { font-size: 14px; line-height: 1.75; max-width: 500px; width: calc(100% - 80px); padding-left: 4px; bottom: 20px; right: 40px; position: absolute;}**/
.header_contents .summit {position:absolute; bottom: 5%; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 84px;}
.header_contents .climber {width: fit-content; max-width:100%;position:absolute;bottom: 50%; left: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.header_contents .climber p {background: transparent; color: #ffffff; text-shadow:0px 0px 6px #4c4c4c;text-align: center; font-size: 56px; font-weight: 900; line-height: 1.25;}
.header_contents .climber p:nth-child(even) {text-align: right; width: 100%; max-width: 910px; font-weight: 400; background: transparent; color: #ffffff; text-shadow:0px 0px 6px #4c4c4c; font-size: 14px; line-height: 1.2;  }

.slick-dotted.slick-slider {padding:0;}
.slick-dots li:nth-child(1) button::before {color:#D6D7D7;}
.slick-dots li:nth-child(2) button::before {color:#CA524B;}
.slick-dots li:nth-child(3) button::before {color:#000000;}
.slick-prev, .slick-next {z-index: 5;}
.slick-next {right: 0;}
.slick-prev {left: 0;}
.slick-next:before {content: url(../img/../img/next.svg);}
.slick-prev:before {content: url(../img/../img/prev.svg);}
.slick-prev:before, .slick-next:before {color:#000000!important;}

.colors li h2 {font-size:32px; margin: 0 0 8px; font-weight:900;}
.colors li p {font-size: 16px; margin-top:0; font-weight:600; text-align:center;}

.subtitle {padding:24px 8px ;border-bottom:2px solid #000000; margin: 0 0 48px;}

.online_store {display: block; font-size: 18px; letter-spacing: .1em; font-weight: 600; padding: 12px; font-weight:600; width:100%; background:#ffffff; color:#000000; -moz-box-sizing: border-box; box-sizing: border-box;}
.ventrix_intro {border: 2px solid #000000; border-radius: 24px; padding:40px 24px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);}
.ventrix_intro .ventrix_logo {max-width:326px; width:80%; margin-bottom:63px;}
.ventrix_intro .details {margin-bottom:56px;}
.ventrix_intro .details:last-child {margin-bottom:0px;}
.ventrix_intro .details p {font-weight:900; font-size:18px; margin:0;}
.ventrix_intro .details p:nth-child(1) {line-height:1; padding-bottom:8px; border-bottom:2px solid #000000;}
.ventrix_intro .details p:nth-child(2) {margin:8px 0 4px;}
.ventrix_intro .details p:last-child {font-size:14px; font-weight:400;}
.uk-dotnav>*>* {width:14px; height:14px; border:none;}
.uk-slideshow-nav li:nth-child(1) a {background:rgb(231, 141, 57);}
.uk-slideshow-nav li:nth-child(2) a {background:#0030ad;}
.uk-slideshow-nav li:nth-child(3) a {background:#000000;}
.uk-slideshow-nav li.uk-active a {border:2px solid #000000;}

.athlete {background: rgb(54, 53, 53); padding-bottom: 88px;}
.athlete h3 {margin-bottom:80px; color:#ffffff; border-color:#ffffff;}
.athlete .wrap .left {margin-bottom:48px; padding-right:40px!important;}
.athlete .wrap .right {margin-bottom: 80px; padding-left:20px!important;}
.athlete .wrap .right p {font-size:24px; font-weight:600; margin: 8px 0;color:#ffffff;}
.athlete .wrap .right p span {font-size:16px; font-weight:400; margin-left:16px;}
.athlete .wrap .right p.intro {font-size:16px; font-weight:400;}
.athlete .wrap .right a, .fix-menu table tbody tr td a, .ventrix a.online_store {font-size: 14px; font-weight: 600; letter-spacing: 0.1em; line-height: 1; float: left; margin-top: 16px; padding: 11px 36px; background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%); background-color:#000000; color:#ffffff;background-position: 0 0; background-size: 200% auto; text-decoration: underline; transition: .3s; text-decoration:none; border:1px solid #ffffff;}
.athlete .wrap .right a:hover, .fix-menu table tbody tr td a:hover, .ventrix a.online_store:hover {background-position: -100% 0; color: #000000;}
.fix-menu table tbody tr td a:hover {border:1px solid #000000;}

.ventrix a.online_store {font-size: 16px; font-weight: 600; letter-spacing: 0.1em; line-height: 1; float: left; margin-top: 16px; padding: 18px 36px; border:1px solid #000000; }

.detail table tr td a {color:#000000; text-decoration: underline;}
.detail table tr td a:hover {opacity:.7;}
.detail .uk-slideshow-items {background-image: url(../img/detail_00.png); background-size: contain; background-repeat: no-repeat; background-position-y: top; background-position-x: left;  min-height: 700px!important;}

ul.introduction li {background-image:url(../img/detail_00.jpg); background-size:cover;}
ul.introduction li {position:relative;}
ul.introduction li .slide_inside {width: 25%; right: 20%; top: 50%; position: absolute; margin-top: -20%; margin-right: -10%;}
ul.introduction li .numbers { font-size: 56px; font-weight: 300; line-height: 1;position:absolute; bottom:0; right:0;}
ul.introduction li .slide_inside img {border-radius: 10px; border: 3.5px solid #000000;}
ul.introduction li .slide_inside p {font-size:14px; color:#000000;}

.detail ul li img{width: 100%!important; height: auto!important;}


.detail .uk-grid .right, .detail .uk-grid .left{border-top: 4px solid #000000; border-bottom: 4px solid #000000;}


.detail table {width: 100%; height:100%;}
.detail table tbody tr th { border-bottom: 2px solid #000000;}
.detail table tbody tr td {padding:8px 8px 16px;}
.detail table tbody tr td.finale {padding:8px;}
.detail table tbody tr th p {text-align:center;}
.detail table tbody tr td p {margin:0 0 0 8px;}
.detail table tbody tr td:first-child p {text-align:right; margin:0 8px 0 0;}
.detail .uk-grid .right table tbody tr td {padding:0;}
.detail td.summit_row {width:20%; padding-top: 24px; padding-bottom: 24px;}
.detail .four_elements td {width:20%; padding:0px 4px;}
.detail table tbody tr td .ventrix_logo {width: 75%;}

.detail .pc .materials p {font-size: 18px; font-weight:600; line-height: 1; padding: 14px;text-align:center; border-top: 4px solid #000000; border-bottom: 2px solid #000000;}

.detail .materials .uk-card { border-bottom: 4px solid #000000; padding:8px 0;}
.detail .materials .table_wrap {height:100%; padding: 32px 0; box-sizing: border-box;}

section {padding:136px 20px; text-align:center; background: #ffffff; max-width: 100%; margin: 0 auto;}
.wrap {max-width:1000px; margin:0 auto;}
h3 {font-size:26px; line-height: 1; font-weight: 600; letter-spacing: .05em; color:#000000; padding-bottom: 24px; margin-bottom: 0; border-bottom: 4px solid #000000;}

p {text-align:left; line-height: 1.75;}
.uk-light .uk-slidenav {margin-left: 0; margin-right: 0;}
polyline {stroke-width:1.4;}

h4 {font-size:32px; font-weight: 300; line-height:1; text-align:left;}
h4 span {font-size:16px;}
h5 {font-size: 24px; text-align:left;}

a.online {float: left; color:#ffffff; background: #000000; padding: 8px 16px;}
a.online:hover {color:#ffffff; text-decoration:none;}

.uk-close {color:#000000;}
.uk-close svg { height: 30px; width: 30px;}
.uk-modal-dialog {opacity: 1; transform: translateY(0);}
.uk-modal-dialog p {margin-bottom:0; }
.uk-modal-dialog p.name {font-size:24px; line-height:1; font-weight:600; margin-top:8px;}
.uk-modal-dialog p.name span {font-size:12px; font-weight:400; margin-left: 8px;}

/**.uk-slideshow { text-align: left;}**/
.uk-slidenav svg {width:30px;}

.last_content {height: 500px; background-image:url(../img/footer_image.jpg); background-position-y: center; background-size: cover; position: relative;}
.last_content img {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:190px; position:absolute;}

footer {margin:20px 0 80px;}
footer p {font-size:10px; color:#ffffff; text-align: center; margin: 0;}

.sp { display:none!important;}
.mid { display:initial!important;}
.mid2 { display:initial!important;}
.pc { display:initial!important;}


@media screen and (max-width: 639px) {
.sp { display:initial!important;}
.pc { display:none!important;}

.header {padding: 0; top:20px; left:20px;}

.header_contents {background-image: url(../img/ventrix_top_sp.png); }
.header_contents h1 a {top: 20px; left: 20px;}
.header_contents h2 { width: calc(100% - 40px); left:20px; top: 96px;}
h3 {line-height:1.4; padding-bottom:16px;}
.header_contents p { width: calc(100% - 40px); right: 20px; margin-bottom: 0;}
h4 { margin-top: 24px;}
.athlete .wrap .right a, .fix-menu table tbody tr td a, .ventrix a.online_store {width: 100%; padding: 16px}

.head_word {width:100%; padding:0 20px 0; -moz-box-sizing: border-box; box-sizing: border-box;}
.head_word p {font-size: 16px; margin:0;}

section {padding-top:80px;padding-bottom: 80px;}

.ventrix_intro { padding: 24px 16px;}
.ventrix_intro .ventrix_logo { margin-bottom: 36px;}
.ventrix_intro .details { margin-bottom: 32px;}
.ventrix_intro .details p {font-size: 18px; margin: 8px 0;}
.ventrix_intro .details p:last-child { font-size: 16px;}

.colors li h2 {font-size:28px; }

.ventrix_image {padding:0!important;}
.ventrix a.online_store  {margin-bottom:60px!important;}
.athlete .wrap .left {margin-bottom:16px; padding-right:0px!important;}
.athlete .wrap .right {margin-bottom: 60px; padding-left:0px!important;}

.detail .materials .uk-card {border-bottom:none; padding: 16px 8px;}
.detail .materials .sp p {font-size: 18px; font-weight:600; line-height: 1; margin-bottom: 0; padding: 14px;text-align:center; border-top: 4px solid #000000; border-bottom: 2px solid #000000;}
.detail .materials .uk-first-column:last-child {margin-top:0;border-bottom: 4px solid #000000;}
.detail td.summit_row {padding-left:0;}
.detail table tbody tr td.finale {padding-bottom:0;}



.detail .slick-slider {padding-left:0;margin-bottom: 48px;}
.detail .materials .table_wrap { padding: 0 0 12px;}
ul.introduction li {background-image:none; text-align:left;}
ul.introduction li .numbers {top:0;}

.detail table tbody tr td:first-child {padding-left:0;}

.fix-menu {width:100%; bottom:0; right:0;}
.fix-menu table {width:100%;}
.fix-menu table tbody tr td a { font-size: 16px; padding: 16px; width: 100%; box-sizing: border-box; margin-top: 0px;}
.fix-menu table tbody tr td {padding:0; margin:0;vertical-align:middle;　-moz-box-sizing: border-box; box-sizing: border-box;}
.fix-menu table tbody tr td {padding: 8px 0 6px;}
.fix-menu table tbody tr td p {margin:0;}

footer {padding: 0; margin:20px 0 90px;}
}

@media screen and (min-width: 640px) {
.fix-menu table {width:100%;}
.fix-menu table tbody tr td {display: table-cell!important; text-decoration:none; color:#000000; padding: 8px 0;}
.fix-menu table tbody tr td:last-child {width: 220px;}
.fix-menu table tbody tr td a {float:right;}
.fix-menu table tbody tr td p {font-size:14px; text-align:center;}
.fix-menu table tbody tr td:nth-child(2) p {font-size:21px; font-weight:700;}
.scene .uk-slideshow ul li img {width:100%!important; left: 50%; transform: none; top: initial; bottom: 0; left: 0;}

.athlete .wrap .right {padding-left:0px!important;}

.ventrix_image {padding-right:30px!important;}
.ventrix_details {padding-left:30px!important;}


.detail .materials .uk-first-column {border-right:4px solid #000000;}
.detail .materials .logos {padding: 8px 8px 8px 16px;}
}


@media screen and (max-width: 859px) {
.fix-menu table tbody tr td.mid2 {display:none!important;}
ul.introduction li .slide_inside {margin-top:-25%;}
}

@media screen and (max-width: 1130px) {
.fix-menu table tbody tr td.mid {display:none!important;}
}