@charset "utf-8";

/* Extracted from tres.co.jp pages.css (ambassador rules). rem converted to px (old root was 62.5%). */

/* resets the old common.css provided */
[id^="ambassador"] ul, [id^="ambassador"] ol { list-style: none; margin: 0; padding: 0; }
[id^="ambassador"] h2, [id^="ambassador"] h3, [id^="ambassador"] h4, [id^="ambassador"] p { margin: 0; }
[id^="ambassador"] img { vertical-align: bottom; }

#ambassador_list { padding: 120px 0px; }

#ambassador_list .ambassador_wrap { max-width: 1720px; padding: 0px 10px; margin: 0px auto; }

#ambassador_list h2 { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 90px; }

#ambassador_list h2 span { display: none; }

#ambassador_list .hidden_ico { display: none; }

#ambassador_list .lead { max-width: 840px; font-size: 15px; line-height: 180%; margin: 0px auto 35px; }

#ambassador_list nav { margin-bottom: 100px; }

#ambassador_list nav ul { display: flex; border-left: 1px solid rgb(68, 68, 68); max-width: 805px; width: 100%; margin: 0px auto; }

#ambassador_list nav ul li { border-right: 1px solid rgb(68, 68, 68); max-width: 200px; width: 100%; text-align: center; padding: 10px 0px 5px; position: relative; cursor: pointer; }

#ambassador_list nav ul li a { font-size: 20px; line-height: 100%; font-weight: bold; }

#ambassador_list nav ul li a span { display: block; font-size: 12px; font-weight: 500; }

#ambassador_list .box { padding-top: 10px; margin-bottom: 160px; }

#ambassador_list .box h3 { font-size: 20px; margin-bottom: 40px; }

#ambassador_list .box .more_btn { display: none; text-align: center; font-size: 16px; border: 1px solid rgb(68, 68, 68); padding: 10px; font-weight: bold; margin-bottom: 40px; }

#ambassador_list .box .indivisual { display: flex; flex-wrap: wrap; }

#ambassador_list .box .indivisual li { max-width: 17.6%; margin-right: 3%; width: 100%; margin-bottom: 50px; }

#ambassador_list .box .indivisual li:nth-child(5n) { margin-right: 0px; }

#ambassador_list .box .indivisual li a { display: block; }

#ambassador_list .box .indivisual li a .image { margin-bottom: 15px; position: relative; }

#ambassador_list .box .indivisual li a .image::before { content: ""; display: block; position: absolute; inset: 0px; background: rgb(0, 0, 0); opacity: 0; transition: 0.2s; }

#ambassador_list .box .indivisual li a .image::after { content: "VIEW MORE"; font-size: 15px; color: rgb(255, 255, 255); font-weight: bold; position: absolute; width: 100%; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }

#ambassador_list .box .indivisual li a:hover .image::before { opacity: 0.5; }

#ambassador_list .box .indivisual li a:hover .image::after { display: block; }

#ambassador_list .box .indivisual li a .sport { font-size: 12px; }

#ambassador_list .box .indivisual li a .info { display: flex; justify-content: space-between; align-items: center; }

#ambassador_list .box .indivisual li a .info h4 { font-size: 15px; font-weight: 500; }

#ambassador_list .box .indivisual li a .info h4 span { display: block; font-size: 12px; font-weight: 500; }

#ambassador_list .box .indivisual li a .info .ico { margin-right: -15px; }

#ambassador_list .box .indivisual li a .info .ico g, #ambassador_list .box .indivisual li a .info .ico path, #ambassador_list .box .indivisual li a .info .ico rect { transition: 0.2s; }

#ambassador_list .box .indivisual li a .info .ico .arrow { transform: translate(-277px, 2379px); }

#ambassador_list .box .indivisual li a:hover .info .ico .arrow { position: relative; right: -10px; transform: translate(-241px, 2379px); }

#ambassador_list .box .team { padding-top: 50px; border-top: 1px solid rgb(68, 68, 68); display: flex; flex-wrap: wrap; }

#ambassador_list .box .team li { max-width: 17.6%; margin-right: 3%; width: 100%; margin-bottom: 40px; }

#ambassador_list .box .team li:nth-child(5n) { margin-right: 0px; }

#ambassador_list .box .team li a { display: flex; align-items: flex-start; }

#ambassador_list .box .team li a .image { max-width: 50%; width: 100%; position: relative; border: 1px solid rgb(0, 0, 0); }

#ambassador_list .box .team li a .image::before { content: ""; display: block; position: absolute; inset: 0px; background: rgb(0, 0, 0); opacity: 0; transition: 0.2s; }

#ambassador_list .box .team li a .image::after { content: "VIEW MORE"; font-size: 15px; color: rgb(255, 255, 255); font-weight: bold; position: absolute; width: 100%; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }

#ambassador_list .box .team li a:hover .image::before { opacity: 0.5; }

#ambassador_list .box .team li a:hover .image::after { display: block; }

#ambassador_list .box .team li a .image img { width: 100%; }

#ambassador_list .box .team li a .txt { max-width: 50%; width: 100%; padding-left: 10px; padding-bottom: 40px; position: relative; }

#ambassador_list .box .team li a .txt .info { margin-bottom: 5px; display: flex; align-items: center; }

#ambassador_list .box .team li a .txt .info .sport { margin-right: auto; font-size: 12px; line-height: 140%; }

#ambassador_list .box .team li a .txt .info .link { line-height: 140%; }

#ambassador_list .box .team li a .txt h4 { font-size: 15px; font-weight: bold; min-height: 5.55em; word-break: break-all; overflow: hidden; }

#ambassador_list .box .team li a .txt h4 p { overflow: hidden; }

#ambassador_list .box .team li a .txt h4 span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

#ambassador_list .box .team li a .txt h4 .tit_en { font-weight: 500; font-size: 12px; word-break: keep-all; line-height: 160%; margin-top: 3px; }

#ambassador_list .box .team li a .txt .ico { position: absolute; right: 0px; bottom: 0px; margin-right: -15px; }

#ambassador_list .box .team li a .txt .ico g, #ambassador_list .box .team li a .txt .ico path, #ambassador_list .box .team li a .txt .ico rect { transition: 0.2s; }

#ambassador_list .box .team li a .txt .ico .arrow { transform: translate(-277px, 2379px); }

#ambassador_list .box .team li a:hover .txt .ico .arrow { position: relative; right: -10px; transform: translate(-241px, 2379px); }

#ambassador_single { min-height: 100vh; }

#ambassador_single .firstvisual { display: flex; position: relative; }

#ambassador_single .firstvisual .image { max-width: 38%; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 100vh; image-rendering: pixelated; }

#ambassador_single .firstvisual .image p { display: none; }

#ambassador_single .firstvisual .info { width: 100%; max-width: 62%; margin: 0px auto; padding: 6% 0px 5%; max-height: calc(-60px + 100vh); overflow-y: auto; }

#ambassador_single .firstvisual .info .info_wrap { padding: 0px 16.09%; }

#ambassador_single .firstvisual .info .title { border-bottom: 1px solid rgb(68, 68, 68); padding-bottom: 20px; margin-bottom: 40px; }

#ambassador_single .firstvisual .info .title .box { display: flex; justify-content: space-between; align-items: flex-start; }

#ambassador_single .firstvisual .info .title .box .name { margin-right: auto; min-height: 85px; }

#ambassador_single .firstvisual .info .title .box .name p { font-size: 15px; font-weight: bold; }

#ambassador_single .firstvisual .info .title .box .name h2 { font-size: 50px; font-weight: bold; line-height: 100%; }

#ambassador_single .firstvisual .info .title .box .ico { max-width: 85px; width: 100%; }

#ambassador_single .firstvisual .info .title .sns { display: flex; align-items: center; margin-top: 5px; }

#ambassador_single .firstvisual .info .title .sns > li { margin-right: 10px; line-height: 120%; }

#ambassador_single .firstvisual .info .title .sns > li:last-child { margin-right: 0px; }

#ambassador_single .firstvisual .info .title .sns > li.ankers { display: flex; align-items: center; }

#ambassador_single .firstvisual .info .title .sns > li.ankers span { display: block; line-height: 120%; }

#ambassador_single .firstvisual .info .title .sns > li.ankers .sub { display: flex; align-items: center; }

#ambassador_single .firstvisual .info .title .sns > li.ankers .sub li { padding: 0px 10px; border-right: 1px solid rgb(51, 51, 51); line-height: 120%; }

#ambassador_single .firstvisual .info .title .sns > li.ankers .sub li:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

#ambassador_single .firstvisual .info .ambassador_content h3 { font-size: 15px; color: rgb(255, 255, 255); font-weight: 700; line-height: 120%; margin-top: 30px; font-family: gotham, sans-serif; }

#ambassador_single .firstvisual .info .ambassador_content h3 span { display: inline-block; text-align: center; max-width: 80px; width: 100%; padding: 2px 5px; background: rgb(68, 68, 68); border-radius: 2px; }

#ambassador_single .firstvisual .info .ambassador_content ul { border-bottom: 1px dotted rgb(204, 204, 204); padding: 8px 0px; display: flex; width: 100%; }

#ambassador_single .firstvisual .info .ambassador_content ul li { width: 100%; display: flex; align-items: flex-start; font-size: 15px; }

#ambassador_single .firstvisual .info .ambassador_content ul.four li, #ambassador_single .firstvisual .info .ambassador_content ul.two li { width: 25%; flex-wrap: wrap; }

#ambassador_single .firstvisual .info .ambassador_content ul.two li:last-child { width: 75%; }

#ambassador_single .firstvisual .info .ambassador_content ul li h4 { font-weight: bold; line-height: 160%; white-space: nowrap; }

#ambassador_single .firstvisual .info .ambassador_content ul li h4::after { content: ":"; padding: 0px 5px; font-weight: 500; line-height: 160%; }

#ambassador_single .firstvisual .info .ambassador_content ul li p { font-weight: 400; line-height: 160%; letter-spacing: 0.01em; }

#ambassador_single .firstvisual .info .ambassador_content ul li p a { text-decoration: underline; }

#ambassador_single .firstvisual .bars { position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); display: flex; align-items: center; padding: 0px 8%; }

#ambassador_single .firstvisual .bars h3 { font-size: 28px; line-height: 60px; font-weight: bold; margin-right: auto; }

#ambassador_single .firstvisual .bars ul { display: flex; align-items: center; font-size: 15px; font-weight: bold; line-height: 60px; }

#ambassador_single .firstvisual .bars ul li { margin-left: 50px; }

#ambassador_single .firstvisual .bars ul li:first-child { margin-left: 0px; }

#ambassador_single .photogallery { padding: 60px 0px; }

#ambassador_single .photogallery h2 { font-size: 28px; font-weight: bold; text-align: center; line-height: 140%; margin-bottom: 25px; }

#ambassador_single .photogallery .image { text-align: center; max-width: 840px; margin: 0px auto; }

#ambassador_single .photogallery .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 45px; }

#ambassador_single .photogallery .owl-carousel .owl-nav.disabled { display: none !important; }

#ambassador_single .photogallery .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 3px; background: rgb(255, 255, 255); border: 1px solid rgb(68, 68, 68); border-radius: 30px; }

#ambassador_single .photogallery .owl-theme .owl-dots .owl-dot.active span, #ambassador_single .photogallery .owl-theme .owl-dots .owl-dot:hover span { background: rgb(68, 68, 68); }

@media screen and (max-width: 1560px) {
  #ambassador_list .box .team li a .txt h4.tit { display: none; }
  #ambassador_list .box .team li a .txt h4.cuff { display: block; }
  #ambassador_list .box .team li a .txt { padding-bottom: 0px; }
  #ambassador_list .box .team li a .txt .ico { display: none; }
}

@media screen and (max-width: 1040px) {
  #ambassador_list .box .indivisual li a .info .ico { display: none; }
}

@media screen and (max-width: 1500px) {
  #ambassador_list .box .team li a .txt .info .sport { display: none; }
  #ambassador_list .box .team li a .txt .ico { max-width: 50%; }
}

@media screen and (max-width: 768px) {
  #ambassador_list { padding: 30px 0px 60px; }
  #ambassador_list .ambassador_wrap { padding: 0px 5%; }
  #ambassador_list h2 { font-size: 22px; font-family: gotham, noto-sans-cjk-jp, sans-serif; margin-bottom: 15px; }
  #ambassador_list h2 span { display: block; font-family: gotham, noto-sans-cjk-jp, sans-serif; font-size: 15px; }
  #ambassador_list .hidden_wrap { position: relative; margin-bottom: 20px; }
  #ambassador_list .hidden_ico { display: block; text-align: center; }
  #ambassador_list .hidden_box { position: absolute; top: 40px; left: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 10; display: none; }
  #ambassador_list .hidden_box .lead { font-size: 14px; margin: 0px auto 20px; }
  #ambassador_list .hidden_box nav { margin-bottom: 0px; }
  #ambassador_list .hidden_box nav ul { flex-wrap: wrap; margin-bottom: 0px; max-width: 100%; padding: 0px; background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
  #ambassador_list .hidden_box nav ul li { max-width: 50%; border-bottom: 1px solid rgb(68, 68, 68); }
  #ambassador_list .hidden_box nav ul li:nth-child(2n+1) { border-left: 1px solid rgb(68, 68, 68); }
  #ambassador_list .hidden_box nav ul li:nth-child(-n+2) { border-top: 1px solid rgb(68, 68, 68); }
  #ambassador_list .hidden_box nav ul li.active::before, #ambassador_list .hidden_box nav ul li.active::after { display: none; }
  #ambassador_list .hidden_box nav ul li a { font-size: 16px; }
  #ambassador_list .hidden_box nav ul li a span { font-size: 11px; }
  #ambassador_list .box { margin-bottom: 40px; }
  #ambassador_list .box h3 { text-align: center; font-size: 18px; font-family: gotham, noto-sans-cjk-jp, sans-serif; margin-bottom: 20px; }
  #ambassador_list .box .more_btn { display: block; }
  #ambassador_list .box .indivisual li { max-width: 48%; margin-right: 4%; margin-bottom: 40px; }
  #ambassador_list .box .indivisual li:nth-child(n+5) { display: none; }
  #ambassador_list .box .indivisual li:nth-child(5n) { margin-right: 4%; }
  #ambassador_list .box .indivisual li:nth-child(2n) { margin-right: 0px; }
  #ambassador_list .box .indivisual li a .image { margin-bottom: 10px; }
  #ambassador_list .box .indivisual li a .image::before, #ambassador_list .box .indivisual li a .image::after, #ambassador_list .box .indivisual li a:hover .image::before, #ambassador_list .box .indivisual li a:hover .image::after { display: none; }
  #ambassador_list .box .indivisual li a .sport { font-size: 10px; line-height: 180%; }
  #ambassador_list .box .indivisual li a .info { display: block; }
  #ambassador_list .box .indivisual li a .info h4 { line-height: 120%; font-weight: bold; }
  #ambassador_list .box .indivisual li a .info h4 span { font-size: 10px; }
  #ambassador_list .box .indivisual li a .info .ico { display: none; }
  #ambassador_list .box .team { padding-top: 40px; }
  #ambassador_list .box .team li { max-width: 48%; margin-right: 4%; }
  #ambassador_list .box .team li:nth-child(n+5) { display: none; }
  #ambassador_list .box .team li:nth-child(5n) { margin-right: 4%; }
  #ambassador_list .box .team li:nth-child(2n) { margin-right: 0px; }
  #ambassador_list .box .team li a { display: block; }
  #ambassador_list .box .team li a .image { max-width: 100%; margin-bottom: 10px; }
  #ambassador_list .box .team li a .image::before, #ambassador_list .box .team li a .image::after, #ambassador_list .box .team li a:hover .image::before, #ambassador_list .box .team li a:hover .image::after { display: none; }
  #ambassador_list .box .team li a .txt { max-width: 100%; padding: 0px; }
  #ambassador_list .box .team li a .txt .info { margin-bottom: 0px; }
  #ambassador_list .box .team li a .txt .info .sport { display: block; font-size: 10px; line-height: 140%; }
  #ambassador_list .box .team li a .txt .info .link { line-height: 140%; }
  #ambassador_list .box .team li a .txt h4 { line-height: 120%; min-height: auto; }
  #ambassador_list .box .team li a .txt h4 .tit_en { font-size: 10px; }
  #ambassador_list .box .team li a .txt .ico { display: none; }
  #ambassador_single { position: relative; padding-bottom: 100px; }
  #ambassador_single .firstvisual { display: block; position: static; }
  #ambassador_single .firstvisual .image { max-width: 100%; min-height: auto; margin-bottom: 45px; background: none; }
  #ambassador_single .firstvisual .image p { display: block; }
  #ambassador_single .firstvisual .info { padding: 0px 5%; max-width: 100%; max-height: none; overflow-y: visible; }
  #ambassador_single .firstvisual .info .info_wrap { padding: 0px; }
  #ambassador_single .firstvisual .info .title { padding-bottom: 15px; }
  #ambassador_single .firstvisual .info .title .box { align-items: flex-end; }
  #ambassador_single .firstvisual .info .title .box .name { min-height: auto; }
  #ambassador_single .firstvisual .info .title .box .name p { font-size: 12px; margin-bottom: 5px; }
  #ambassador_single .firstvisual .info .title .box .name h2 { font-size: 30px; font-family: gotham, noto-sans-cjk-jp, sans-serif; }
  #ambassador_single .firstvisual .info .title .box .ico { max-width: 75px; }
  #ambassador_single .firstvisual .info .title .sns { margin-top: 15px; flex-wrap: wrap; }
  #ambassador_single .firstvisual .info .title .sns > li { max-width: 22px; line-height: 120%; }
  #ambassador_single .firstvisual .info .title .sns > li.ankers { max-width: 100%; width: 100%; margin-bottom: 10px; font-size: 13px; }
  #ambassador_single .firstvisual .info .title .sns > li.ankers span { max-width: 22px; width: 100%; }
  #ambassador_single .firstvisual .info .title .sns > li.ankers:last-child { margin-bottom: 0px; }
  #ambassador_single .firstvisual .info .title .sns > li.ankers .sub li { padding: 0px 10px; }
  #ambassador_single .firstvisual .info .ambassador_content h3 { font-size: 14px; line-height: 140%; margin-top: 40px; }
  #ambassador_single .firstvisual .info .ambassador_content ul { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; }
  #ambassador_single .firstvisual .info .ambassador_content ul li { display: block; padding: 10px 0px; border-bottom: 1px dotted rgb(204, 204, 204); }
  #ambassador_single .firstvisual .info .ambassador_content ul.four li, #ambassador_single .firstvisual .info .ambassador_content ul.two li, #ambassador_single .firstvisual .info .ambassador_content ul.two li:last-child { width: 100%; }
  #ambassador_single .firstvisual .info .ambassador_content ul li h4 { font-size: 16px; white-space: normal; margin-bottom: 10px; }
  #ambassador_single .firstvisual .info .ambassador_content ul li h4::after { display: none; }
  #ambassador_single .firstvisual .info .ambassador_content ul li p { font-size: 14px; letter-spacing: 0px; line-height: 180%; }
  #ambassador_single .firstvisual .bars { background: rgba(0, 0, 0, 0.6); padding: 0px 10%; display: block; }
  #ambassador_single .firstvisual .bars h3 { font-size: 20px; line-height: 30px; margin-top: 15px; margin-bottom: 10px; text-align: center; }
  #ambassador_single .firstvisual .bars ul { font-size: 14px; line-height: 25px; margin-bottom: 20px; }
  #ambassador_single .firstvisual .bars ul li { margin: 0px; text-align: center; width: calc(33.3333%); }
  #ambassador_single .firstvisual .bars ul li:first-child { margin: 0px; }
  #ambassador_single .photogallery { padding: 40px 0px; }
  #ambassador_single .photogallery h2 { font-size: 24px; margin-bottom: 25px; }
  #ambassador_single .photogallery .image { max-width: 400px; }
  #ambassador_single .photogallery .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 25px; }
  #ambassador_single .photogallery .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 5px; }
}

/* photo gallery (was owl-carousel on the old site) */
#ambassador_single .photogallery .amb-gallery { padding-bottom: 40px; }
#ambassador_single .photogallery .amb-gallery .swiper-slide { width: 560px; max-width: 80vw; }
#ambassador_single .photogallery .amb-gallery img { width: 100%; height: auto; display: block; }
#ambassador_single .photogallery .amb-gallery .swiper-pagination-bullet { width: 10px; height: 10px; background: #d6d6d6; opacity: 1; }
#ambassador_single .photogallery .amb-gallery .swiper-pagination-bullet-active { background: #869791; }