@charset "UTF-8";
/*! Yaku Han JP v3.3.1 (OFL-1.1 AND MIT) by Qrac */
/*! Type: YakuHanJP - Based on Noto Sans CJK JP */
@font-face {
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/YakuHanJP/YakuHanJP-Thin.eot);
  src: url(../fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/YakuHanJP/YakuHanJP-Light.eot);
  src: url(../fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/YakuHanJP/YakuHanJP-DemiLight.eot);
  src: url(../fonts/YakuHanJP/YakuHanJP-DemiLight.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-DemiLight.woff) format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/YakuHanJP/YakuHanJP-Regular.eot);
  src: url(../fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/YakuHanJP/YakuHanJP-Medium.eot);
  src: url(../fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/YakuHanJP/YakuHanJP-Bold.eot);
  src: url(../fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/YakuHanJP/YakuHanJP-Black.eot);
  src: url(../fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: Effra;
  src: local(Effra_Std_Lt), url(../fonts/Effra/Effra_Std_Lt.eot), url(../fonts/Effra/Effra_Std_Lt.woff) format("woff"), url(../fonts/Effra/Effra_Std_Lt.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "Effra med";
  src: local(Effra_Std_Md), url(../fonts/Effra/Effra_Std_Md.eot) format("embedded-opentype"), url(../fonts/Effra/Effra_Std_Md.woff) format("woff"), url(../fonts/Effra/Effra_Std_Md.ttf) format("truetype");
}
@font-face {
  font-family: "Effra bold";
  src: local(Effra_Std_Bd), url(../fonts/Effra/Effra_Std_Bd.eot) format("embedded-opentype"), url(../fonts/Effra/Effra_Std_Bd.woff) format("woff"), url(../fonts/Effra/Effra_Std_Bd.ttf) format("truetype");
}
@font-face {
  font-family: "Effra heavy";
  src: local(Effra_Std_He), url(../fonts/Effra/Effra_Std_He.eot) format("embedded-opentype"), url(../fonts/Effra/Effra_Std_He.woff) format("woff"), url(../fonts/Effra/Effra_Std_He.ttf) format("truetype");
}
@font-face {
  font-family: "Effra reg";
  src: local(Effra_Std_Rg), url(../fonts/Effra/Effra_Std_Rg.eot) format("embedded-opentype"), url(../fonts/Effra/Effra_Std_Rg.woff) format("woff"), url(../fonts/Effra/Effra_Std_Rg.ttf) format("truetype");
}
/* -----------------------------------------
 Reset
------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /* vertical-align: baseline; */
  background: transparent;
}
body {
  line-height: 1.5;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ul, ol {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
em {
  font-style: normal;
}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
  margin: .8rem 0;
  padding: 0;
}
input, select {
  width: auto;
  vertical-align: middle;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: #fff;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
}
select::-ms-expand {
  display: none;
}
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: inherit;
}
button:active {
  color: inherit;
}
label {
  cursor: pointer;
}
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}
/* -----------------------------------------
 基本
------------------------------------------- */
html {
  font-size: 62.5%;
  font-size: calc(1em*.625);
}
body {
  color: #2B2D32;
  font-size: 1.6rem;
  font-family: "Helvetica Neue", Arial, YakuHanJP, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
}
img {
  max-width: 100%;
  vertical-align: top;
}
*, *::before, *::after {
  box-sizing: border-box;
}
.sp__only {
  display: none;
}
/* -----------------------------------------
 共通
------------------------------------------- */
a:link {
  color: inherit;
  text-decoration: none;
}
a:hover {
  opacity: .7;
}
a:visited {
  color: inherit;
  text-decoration: none;
}
a:active {
  color: inherit;
  text-decoration: none;
}
button:hover {
  opacity: .7;
}
/* -----------------------------------------
 レイアウト
------------------------------------------- */
.wrap {
  max-width: 128rem;
  margin-left: auto;
  margin-right: auto;
}
.contents {
  max-width: 160rem;
  margin: 0 auto;
}
/* -----------------------------------------
 Header
------------------------------------------- */
.header {
  /* padding: 2.1rem 0; */
  /* text-align: center; */
  /* background-color: #fff; */
}
.header img {
  width: 20rem;
}
.kv {
  position: relative;
  min-height: 57.6rem;
  background: url("/wp-content/themes/wcjapan/img/kv.jpg") 50% 50% no-repeat;
  background-size: contain;
}
.kv::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  /*! bottom: 6px; */
  left: 0;
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .7) 100%);
}
.kv-caption {
  position: absolute;
  bottom: 7rem;
  right: 0;
  left: 0;
  color: #fff;
  font-family: "Effra heavy";
  font-size: 4.8rem;
  font-weight: normal;
  text-align: center;
  text-shadow:0 1px 2px rgba(0, 0, 0, .6);
  opacity: 0;
}
.kv-caption.load {
  animation: fade-up 1s forwards;
}
.down-arrow-icon {
  background: #B0A37A;
  position: absolute;
  height: 4rem;
  width: 4rem;
  margin-left: -20px;
  bottom: -20px;
  left: 50%;
  border-radius: 50%
}
.down-arrow-icon:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0;
  border-color: #fff transparent transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -1px;
  animation: up-down 1.5s infinite;
}
@keyframes up-down {
  0%, 100% {
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
  }
  50% {
    transform: translateY(2px);
    -webkit-transform: translateY(2px);
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

/* -----------------------------------------
 Footer
------------------------------------------- */
.footer {
  background: #2B2D32;
  color: #9B9B9B;
  padding: 5rem 0 4rem;
  font-size: 1.4rem;
}
.footer-top {
  display: flex;
  align-items: center;
  margin-bottom: 6rem;
}
.footer-top .wc-logo {
  width: 20rem;
  margin-right: 3rem;
}
.footer-top .wc-logo p a {
  display: block;
  margin-top: 1.5rem;
  padding: .5rem 0;
  font-size: 1.2rem;
  text-align: center;
  background-color: #414246;
}
.footer-top .footer-text {
  width: 34rem;
  /* margin-top: 3rem; */
  margin-right: 10rem;
  font-size: 1.2rem;
}
.footer-top .sns {
  /* margin-top: 3rem; */
}
.footer-top .sns ul {
  display: flex;
}
.footer-top .sns li {
  width: 4.2rem;
}
.footer-top .sns li:not(:first-child) {
  margin-left: 3rem;
}
.footer-top .sns p {
  font-size: 1.0rem;
  text-align: center;
  white-space: nowrap;
}
.footer-top .footer-diageo {
  width: 14rem;
  /* margin-top: 3rem; */
  margin-left: auto;
  padding-left: 2rem;
}
.footer-list {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.footer-list li {
  display: inline-block;
  margin-right: 1.2rem;
  margin-bottom: 1.8rem;
}
.footer-bottom {
  padding-top: 2rem;
  border-top: 1px solid #414246;
}
.footer-bottom p {
  font-size: 1.2rem;
}
.footer-bottom p:not(:first-child) {
  margin-top: .5em;
}

/* page__top */
.page__top {
  display: block;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 99;
  width: 4rem;
  height: 4rem;
  background-color: #858585;
}
.page__top::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 0 .6rem .6rem .6rem;
  border-color: transparent transparent #fff transparent;
}
/* -----------------------------------------
 intro
------------------------------------------- */
.intro {
  padding: 3.5rem 0;
  text-align: center;
  background-color: #F3F3F4;
}
.intro .wrap {
  max-width: 96rem;
}
.intro .wrap .section-title {
  margin-bottom: 1em;
  font-size: 2.4rem;
  font-weight: bold;
  color:#2B2D32
}
.intro p {
  max-width: 96rem;
  margin: 0 auto;
  line-height: 1.75;
  text-align: left;
}
.sub {
  position: relative;
  font-size: 60%;
}
.intro .sub {
  margin-left: 1em;
}
.brands-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.5rem;
}
.brands-list li {
  width: 12rem;
  text-align: center;
}
.brands-list li:not(:first-child) {
  margin-left: 6rem;
}
.brands-list li:nth-child(4) {
  /* width: 11rem; */
}
.brands-list li:nth-child(7) {
  /* width: 11rem; */
}

/* -----------------------------------------
 stories
------------------------------------------- */
.section {
  padding-top: 6rem;
  background-color: #F4F4F5;
}
.section .section-title {
  margin-bottom: .5em;
  color: #B0A37A;
  line-height: 1.2;
  font-family: "Effra bold";
  font-size: 4.8rem;
  font-weight: normal;
  text-align: center;
}
.section .section-title.mb0 {
  margin-bottom: 0;
}
.section .section-title + p {
  line-height: 1.75;
  font-size: 1.8rem;
  /* text-align: center; */
}
.section .section-title sub {
  display:block;
  font-size:1.5rem;
  text-align: center;
  color:#2b2d32
}
.champions-index {
  display: flex;
  flex-wrap: wrap;
}
.champions-index .champions-index-item {
  display: block;
  width: 31.71%;
  width: calc((100% - 6rem) / 3);
  margin-top: 3rem;
  margin-right: 3rem;
}
.champions-index .champions-index-item.large {
  width: 48.82%;
  width: calc((100% - 3rem) / 2);
}
.champions-index .champions-index-item.item2,
.champions-index .champions-index-item.item4,
.champions-index .champions-index-item.item7,
.champions-index .champions-index-item.item10 {
  margin-right: 0;
}
.champions-index .champions-index-item.sp {
  display:none;
}
.champions-index .champions-index-item a {
  display: block;
  position: relative;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.champions-index .champions-index-item a::before {
  content: "";
  display: block;
  padding-top: 82.75%;
}
.champions-index .champions-index-item.large a::before {
  padding-top: 53.76%;
}
.champions-index .champions-index-item.current a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 0 1.2rem 1.2rem 1.2rem;
  border-color: transparent transparent #F3F3F4 transparent;
}
.champions-index .champions-index-item .block-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.6rem 2rem;
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 80%);
}
.champions-index .champions-index-item .block-container .block-container-title {
  color: #fff;
  font-family: "Effra bold";
  font-weight: normal;
  font-size: 2.4rem;
}
.champions-index .champions-index-item .block-container .block-container-text {
  color: #B0A37A;
}
/* stories-detail */
.stories-detail {
  display: none;
  position: relative;
  background-color: #F3F3F4;
}
.stories-detail-main {
  display: flex;
  position: relative;
  padding: 4rem;
}
.stories-detail .left-side {
  width: 59.5%;
  margin-right: 3%;
}
.stories-detail .left-side .detail-title {
  margin-bottom: .7em;
  color: #B0A37A;
  font-size: 2.4rem;
  font-weight: bold;
}
.stories-detail .left-side p {
  position: relative;
  line-height: 1.6;
}
.stories-detail .left-side .indent {
  text-indent: 1.8em;
}
.stories-detail .left-side .indent::before {
  content: "";
  display: block;
  position: absolute;
  top: .3em;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #B0A37A;
}
.stories-detail .left-side .line1::after,
.stories-detail .left-side .line2::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 3rem auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.stories-detail .left-side .line1::after {
  background-image: url("/wp-content/themes/wcjapan/img/stories_line1.png");
}
.stories-detail .left-side .line2::after {
  background-image: url("/wp-content/themes/wcjapan/img/stories_line2.png");
}
.stories-detail .right-side {
  width: 37.5%;
}
.stories-detail .right-side .profile-name {
  margin-top: 1rem;
  font-weight: bold;
}
.stories-detail .right-side .profile-text {
  margin-top: 1rem;
  font-size: 1.4rem;
}
.stories-detail .close-btn {
  display: inline-block;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  background-color: #B0A37A;
}
.stories-detail .close-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2rem;
  height: .2rem;
  background-color: #fff;
  transform: rotate(45deg);
}
.stories-detail .close-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2rem;
  height: .2rem;
  background-color: #fff;
  transform: rotate(-45deg);
}
/* schedule-block */
.schedule-block {
  padding: 6rem 0;
  border-bottom: 1px solid #AFA27A;
}
.schedule-block:last-child {
  border-bottom: none;
}
.section-title + .schedule-block {
  padding-top: 4rem;
}
.schedule-info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.schedule-info > p {
  width: 8em;
  margin-right: 4rem;
  color: #B0A37A;
  text-align: center;
  font-weight: normal;
  font-size: 2.4rem;
  font-family: "Effra med";
}
.schedule-info > p .end-period {
  display: block;
  position: relative;
  padding-top: 3rem;
}
.schedule-info > p .end-period::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 2rem;
  height: 2rem;
  border-right: 1px solid #AFA27A;
  border-bottom: 1px solid #AFA27A;
  transform: rotate(45deg);
}
.schedule-info .schedule-detail {
  width: 74rem;
}
.schedule-info .schedule-detail h3 {
  font-weight: bold;
  font-size: 2.4rem;
}
.schedule-info .schedule-detail h3 .en {
  font-size: 3.2rem;
  font-family: "Effra med";
}
.schedule-info .schedule-detail h3 .color-beige {
  color: #B0A37A;
}
.schedule-info .schedule-detail h3 .sub-text {
  display: block;
  font-size: 1.6rem;
}
.schedule-info .schedule-detail .info-text {
  margin-top: 1em;
}
.schedule-info .schedule-detail .info-text-a {
  margin-top: 1em;
  font-size: 1.8rem;
  font-weight: bold;
}
.schedule-info .schedule-detail .info-text-b {
  margin-top: .3em;
  font-size: 2.4rem;
  font-weight: bold;
}
.schedule-info .schedule-detail .btn-flex {
  margin-top: .8em;
  color: #B0A37A;
  font-size: 2.4rem;
  line-height: 4rem;
}
.schedule-info .schedule-detail .btn-flex img {
  display: inline-block;
  /* width:  6rem; */
  margin-right: .6em;
}
.schedule-info .comment {
  color: #9B9B9B;
  font-size: 1.2rem;
}
.schedule-block.madrid {
  /* background: url("/wp-content/themes/wcjapan/img/madrid.jpg") 100% 0% no-repeat; */
  /* background-size: contain; */
}
.schedule-info.madrid p.pc__only.date {
  color: #fff;
  width: 8em;
  margin-right: 4rem;
  background-color: #da5698;
}
.schedule-info.madrid p.sp__only.date {
  color:#fff;
  font-weight: normal;
  font-size: 2.4rem;
  font-family: "Effra med";
  width:fit-content;
  padding:0 1em;
  text-align:center;
  margin:1em auto;
  background-color: #da5698;
}
.btn{
  display: inline-block;
  position: relative;
  margin-right: 1em;
  padding: .6em 1em;
  color: #fff;
  font-size: 1.8rem;
  background-color: #B0A37A;
  overflow: hidden;
  z-index: 1;
}
.btn::after {
  opacity: unset;
  background-color:#2B2D32;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.btn:hover {
  color: #B0A37A;
  opacity:1
}
.btn:hover::after {
  transform: scale(1, 1);
}
a.btn {
  color: #fff;
}
a.btn img {
  height:40px;
  filter: brightness(0) invert(1);
}
a.btn.active {
  background-color:#2B2D32;
  color: #B0A37A;
}
a.btn:hover img {
  filter: none;
}
.btn.disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none;
}
.btn-flex {
  /* display: flex; */
  align-items: center;
  margin-top: 2rem;
}
.btn-flex .comment {
  /* margin-left: 2rem; */
}
.kv div.btn-flex {
  margin-top: 0;
}
.kv div.btn-flex a {
  display: block;
  position: absolute;
  left: 0;
  padding: .09em .6em;
  right: 0;
  text-align: center;
  width: fit-content;
  bottom: 14rem;
  margin: 0 auto;
  font-family: 'Effra bold';
  font-size: 2em;
  text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
  transition:.4s;
}
.kv div.btn-flex a:hover {
  opacity: unset;
  color: #B0A37A;
  background-color:#2B2D32;
  transition:.4s;
}
#snav .btn {
  font-weight:
  bold;
}
#snav .btn-flex {
  display:block;
  text-align:center;
}
/* -----------------------------------------
snav（TOP 50, Finalist, Japan Final Reportに設置）
------------------------------------------- */
#snav {max-width: 96rem;margin: 0 auto;padding-top: 4rem;}
#snav ul {display:block;position:relative;width:960px;margin:0 auto;font-size:0;padding: 40px 0 0 0;}
#snav ul li {display:inline-block;width:24%;text-align:center;font-size: 14px;background-color:#fff;margin:0 0.4% 0.6%;border:solid 3px #B0A37A;box-sizing:border-box;}
#snav ul li:hover {background-color:#dfdcd2;-webkit-transition:.4s;transition:.4s;}
#snav ul li a {display:block;height:40px;line-height:3em;text-decoration:none;color:#B0A37A;}
#snav ul li.on {background-color:#B0A37A;}
#snav ul li.on a{color:#fff;}
#snav ul li.off{background-color: #F4F4F5;border:dotted 3px #B0A37A;}
#snav ul li.off a{color:#B0A37A;line-height:0.7em;padding-top:7px;box-sizing:border-box;}
#snav ul li.off a::after{content:"COMING SOON";display:block;position:relative;top:8px;color:#B0A37A;}
@media screen and (max-width:980px) {
#snav ul{width: 100%;}
#snav ul li {width: 48%;margin:0.8%;}
}
@media screen and (max-width:640px) {
#snav ul{padding-top:8px;}
#snav ul li a{font-size:12px; height:32px;line-height:2.8em}
}

/* -----------------------------------------
Japan Final Report
------------------------------------------- */
#page_j_finalreport {width:100%;/* padding-bottom: 60px; */}
.wrap.jf {
	position: relative;
	max-width: 100%;
	width: auto;
	height: 40rem;
	margin: 0 auto;
	}

.wrap h1 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2rem;
	text-align: center;
	letter-spacing: 0.05em;
	line-height:1.2em;
	color: #fff;
	font-size: 3em;
	font-family: "Effra bold";
	text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
	-webkit-text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
	}

#page_j_finalreport h2 {font-size: 1.5em;font-weight: 600;color: #B0A37A;text-align:center;padding: 30px 0;}

#page_j_finalreport .list {width: 100%;max-width: 96rem;margin: 0px auto;background-color: #fff;box-sizing: border-box;}
#page_j_finalreport .top3 {position:relative;margin:0 auto;height: 360px;overflow:hidden;}
#page_j_finalreport .top3 img {margin:0 auto;}

#page_j_finalreport .prize img{margin: 0 auto;display: block;height: 58px;}
#page_j_finalreport .prize h1 {font-size: 2em;font-family: "Effra med";color: #B0A37A;text-align:center;line-height: 1.2em;letter-spacing: 0.04em;}
#page_j_finalreport .prize h2 {font-size: 1.1em;text-align:center;padding:0;}
#page_j_finalreport .prize h3 {font-size: 1.5em;/* text-align: right; *//* margin-right: 4%; */color: #B0A37A;/* width: 44%; *//* display: inline-block; *//* vertical-align: top; */}
#page_j_finalreport .prize h3::after{display:none;}
#page_j_finalreport .prize .victory {/* display: inline-block; */width: 100%;padding-top:30px;vertical-align: middle;/* align-items: center; */}
#page_j_finalreport .prize dl {display: inline-block;/* max-width: 34rem; *//* min-width: 30rem; */}
#page_j_finalreport .prize .victory dl dt.name{font-size: 1.5em;display:inline-block;width:70%;text-align:left;}
#page_j_finalreport .prize .victory dl dt.name-non-pref{font-size: 1.5em;}
#page_j_finalreport .prize .victory dl dd.pref{font-size: 1em;color:#666;display:inline-block;width:30%;text-align:right;}
#page_j_finalreport .prize .victory dl dd.bar{font-size: 1em;display:block;color: #B0A37A;border-top:solid 1px #B0A37A;}
#page_j_finalreport .list .prize .win h4 {font-size: 1.2em;font-weight:normal;color: #B0A37A;/* width: 30rem; */margin-right: 4%;text-align:right;display:inline-block;vertical-align:top;}
#page_j_finalreport .prize .win {display: inline-block;width: 100%;padding-top:30px;vertical-align: middle;/* align-items: center; */}
#page_j_finalreport .prize .win dl dt.name{font-size: 1.2em;display:inline-block;width:70%;text-align:left;}
#page_j_finalreport .prize .win dl dt.name-non-pref{font-size: 1.2em;}
#page_j_finalreport .prize .win dl dd.pref{font-size: 0.8em;color:#666;display:inline-block;width:30%;text-align:right;}
#page_j_finalreport .prize .win dl dd.bar{font-size: 0.8em;display:block;color: #B0A37A;border-top:solid 1px #B0A37A;}
#page_j_finalreport .category{width: 80%;margin:0 auto;padding-bottom: 40px;}
#page_j_finalreport .category h2 {font-size: 1.2em;text-align:center;padding: 30px 0 0 0;}
#page_j_finalreport .category h3 {font-size: 0.9em;color: #B0A37A;border-bottom: solid 1px #B0A37A;text-align:center;margin-bottom: 16px;padding-top: 20px;}
#page_j_finalreport .category h3::after{display:none;}
#page_j_finalreport .category dl {padding: 0;width: 44%;margin:0 2.5%;vertical-align: middle;display:inline-block;}
#page_j_finalreport .category dl dt.ch_en {font-size: 1.2em;color:#B0A37A;line-height:1.2em;padding-bottom:8px;}
#page_j_finalreport .category dl dd.ch_name{font-size: 0.8em;line-height:1.4em;}
#page_j_finalreport .category dl dt.name {font-size: 1em;color:#000;display:inline-block;width: 68%;text-align:left;}
#page_j_finalreport .category dl dt.name-non-pref {font-size: 1em;}
#page_j_finalreport .category dl dd.pref {font-size: 0.9em;color:#666;display:inline-block;width:30%;text-align:right;}
#page_j_finalreport .category dl dd.bar {font-size: 0.9em;display:block;color: #B0A37A;border-top:dashed 1px #B0A37A;}

#page_j_finalreport .copy {width: 100%;max-width: 960px;margin: 0 auto;text-align:center;}
#page_j_finalreport .copy h2 {font-size:32px;text-align:center;color:#B0A37A;padding: 0;margin-bottom:  20px;}
#page_j_finalreport .copy h3 {font-size:18px;text-align:center;color:#B0A37A;margin-top: 40px;}
#page_j_finalreport .copy span{font-size:18px;margin-bottom:20px;}
#page_j_finalreport .lead {padding: 0 0 20px;margin: 3% 3% 6%;line-height: 1.5em;font-size: 1em;text-align: left;color: #666;}
#page_j_finalreport .lead span{display: block;font-size:12px;text-align: right;margin-bottom: 0;}

#page_j_finalreport .list .block {background-color:#fff;margin: 0 auto;padding-top: 0;border-top: solid 2px #B0A37A;}
#page_j_finalreport .list .challenge{height: 58px;margin-top: -29px;}
#page_j_finalreport .list .challenge img{margin: 0 auto;display: block;height: 58px;}
#page_j_finalreport .list .block h4 {margin: 16px 32px;text-align:center;position:relative;font-size:32px;font-weight:600;color:#B0A37A;line-height: 1.1em;letter-spacing: 0.05em;}
#page_j_finalreport .list h4 span{font-size:16px;font-weight:400;letter-spacing:0;color:#B0A37A;display:block;line-height: 1.4em;margin-top: 8px;}
#page_j_finalreport .list .info {display: inline-block;font-size: 1em;color: #666;margin-bottom: 2em;padding: 3%;text-align:left;}
#page_j_finalreport .menu {display:inline-block;width: 320px;padding-top:1em;margin-right: 1em;vertical-align: top;}
#page_j_finalreport .list .info-2024 {display: inline-block;font-size: 1em;color: #666;/* margin-bottom: 2em; */padding: 3%;text-align:left;}
#page_j_finalreport .cocktails-2024 h5{/* margin-top:1.5em; */font-weight:600;}

/* -----------------------------------------
Finalists
------------------------------------------- */
#results {
  /* padding-bottom:60px; */
}
#results h2.section-title {
  margin-bottom: .5em;
  color: #B0A37A;
  line-height: 1.2;
  font-family: "Effra bold";
  font-size: 4.8rem;
  font-weight: normal;
  text-align: center;
  letter-spacing:0.08em;
}
#results h3 span {font-size: 0.75em;}
#results .section .list {
  max-width: 96rem;
  margin:0 auto;
}
.list {
  padding: 3.5rem 0;
  text-align: center;
  background-color: #FFF;
}
.finalist {display:inline-block;margin: 1em 1em;max-width: 42rem;min-width: 35rem;}
.finalist dl {/* height: 128px; */padding: 8px 0;margin: 0 auto;box-sizing:border-box;text-align:center;box-shadow: 0px 0px 4px rgba(0,0,0,0.4);}
.finalist .name {padding-bottom:.8em;}
.list .en {color:#B0A37A;font-size: 1.25em;letter-spacing: 0.1em;}
.list .pref {font-size: 0.875em;text-align:right;display:inline-block;color:#666;display: none;}
.list .bar {border-top:solid 1px #B0A37A;font-size: 0.875em;color:#B0A37A;margin-top: 4px;line-height: 2.2em;}
.finalist .bar::before{
    content:"";
    display: block;
    background: url(/wp-content/themes/wcjapan/img/cocktail.svg) 50% 50% no-repeat #fff;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
    position: relative;
    left: 50%;
    border-radius: 50%;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    }

/* -----------------------------------------
 TOP 50
------------------------------------------- */
.top50 h3 {
    display: table;
    text-align: center;
    white-space: nowrap;
    font-size: 28px;
    font-weight: 600;
    color: #B0A37A;
    margin-top: 32px;
}
.top50 h3::before,.top50 h3::after {
	content: "";
    display: table-cell;
    width: 50%;
	background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
}
.top50 h3::before {border-right: 0.5em solid transparent;}
.top50 h3::after {border-left: 0.5em solid transparent;}
.top50 h3 span {font-size:0.75em;}
.top50 .list dl {display:inline-block;max-width: 44rem;min-width: 33rem;/* height: 6em; */background-color: #fff;padding: 0.875em;margin: 0.875em;vertical-align:top;box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}

/* contents-footer */
.contents-footer {
  padding: 10rem 0;
  background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("/wp-content/themes/wcjapan/img/bottom_bg.jpg") 50% 50% no-repeat;
  background-size: cover;
  min-height: 48rem;
}
.contents-footer .sp-period {
  display: none;
}
.contents-footer .wc-logo {
  width: 44.6rem;
  margin: 0 auto;
}
.contents-footer dl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
}
.contents-footer dl dt {
  color: #fff;
  font-weight: normal;
  font-size: 2.8rem;
  font-family: "Effra med";
}
.contents-footer dl dd {
  margin-left: 3em;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
}
.contents-footer .info-text-a {
  font-size: 1.8rem;
  font-weight: bold;
}
/* -----------------------------------------
Trends
------------------------------------------- */
.grid.wrap .grid-item {
  display:flex;
  flex-wrap:wrap;
  margin-inline-end: 0;
}
.grid-item .post {
  display: block;
  position: relative;
  width: calc((100% - 6rem) / 3);
  margin-top: 3rem;
  margin-right: 2rem;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.grid-item .post-info {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.6rem 2rem;
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 80%);
}
.grid-item .vol-number {
  color: #fff;
  font-family: "Effra bold";
  font-weight: normal;
  font-size: 2.4em;
}
.grid-item .post-theme {
  color: #B0A37A;
  font-family: "Effra bold";
  font-weight: normal;
  font-size: 1.2em;
}
.grid-item .post-date {
  color:#fff;
  font-size:0.8em;
}
.wrap {
  max-width:96rem;
}
@media screen and (min-width: 960px) and (max-width: 1399px) {
.wrap {
  padding-right: 2rem;
  padding-left: 2rem;
}
}
.trends .vol {
  width:10rem;
  margin:0 auto -1px;
  font-family:Effra bold;
  color:#fff;
  background-color:#2B2D32;
  padding: 1em .5em 0;
}
.trends .number {
  width:10rem;
  margin:0 auto -1px;
  line-height:.8em;
  font-family:Effra bold;
  color:#fff;
  background-color:#2B2D32;
  padding: 0em .5em .5em;
}
.trends .sp__only .number {
  margin-bottom:.5em;
}
.trends .detail-title {
  color: #B0A37A;
  font-size: 2.4rem;
  font-weight: bold;
}
.trends .sp__only .detail-title {
  margin-bottom: .7em;
}
.influencer.sp__only {
  padding:1em;
  color:#fff;
  font-size:0.8em;
  background-color:RGB(0,0,0,0.5)
}
.influencer.sp__only h3 {
  font-size:1.2em;
  font-weight:600;
  padding-top:0.5em;
}
.trends .wrap .wp-block-media-text__content {
  padding: 0 2em;
}
.trends .wrap .line1.right-side .wp-block-media-text__content,
.trends .wrap .line2.right-side .wp-block-media-text__content {
  padding-right:0;
}
.trends .wrap .line1.left-side .wp-block-media-text__content {
  padding-left:0;
}
.trends p {
  position: relative;
  line-height: 1.6;
  letter-spacing: .1em;
}
.trends .indent {
  text-indent: 1.8em;
}
.trends .indent::before {
  content: "";
  display: block;
  position: absolute;
  top: .3em;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #B0A37A;
}
.trends .line1::after,
.trends .line2::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 3rem auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.trends .line1::after {
  background-image: url("/wp-content/themes/wcjapan/img/stories_line1.png");
}
.trends .line2::after {
  background-image: url("/wp-content/themes/wcjapan/img/stories_line2.png");
}
.trends .batch {
  padding:1em;
}
.bar.list {
  width:100%;
  margin: 3.5rem auto;
  align-items: unset;
}
.bar.list .block {
  width: 100%;
  padding:2rem 4rem;
  display: inline-block;
}
@media screen and (min-width: 960px) {
  .bar.list {
    width:96rem;
    margin: 3.5rem auto;
    align-items: unset;
    }
  .bar.list .block {
    width: 48%;
    padding:0 0 2rem 3rem;
    display: inline-block;
    }
}
.bar.list h2 {
  height: 72px;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 12px;
}
.bar.list figure {
  padding-top: 8px;
}
.bar-info td {
  padding: .4em 0;
}
.handring th {
  padding-bottom:.4em;
  border-bottom:#2B2D32 solid 1px
}
.handring td {
  padding-top: .2em;
}
.gMap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .gMap {
    padding-bottom: 100%;
  }
}
.gMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* dg_footer customize */
.footer #dg_footer_wrapper {
  background: transparent;
}
.footer #dg_footer_wrapper_inner .dg_footer_row_0 {
  font: initial;
  padding-top: 0;
  letter-spacing: normal;
}
.footer #dg_footer_wrapper_inner [class^=dg_footer_row_] {
  padding: 0;
}
.footer #dg_footer_wrapper_inner {
  width: auto;
  text-align: left;
  font: initial;
}
.footer #dg_footer_wrapper_inner ul {
  padding-top: 2rem;
  border-top: 1px solid #414246;
}
.footer #dg_footer_wrapper_inner ul li {
  margin-right: 1.2rem;
  margin-bottom: 1.8rem;
}
.footer #dg_footer_wrapper_inner .dg_footer_item_last {
  float: none;
  width: 100%;
  margin-top: .6rem;
  margin-right: 0;
  margin-bottom: 0;
}
.footer #dg_footer_wrapper_inner .dg_footer_item_last > img {
  display: none;
}
.footer #dg_footer_wrapper_inner .dg_footer_item_8 {
  float: none;
  width: 100%;
  margin-top: 2rem;
  margin-right: 0;
  margin-bottom: 0;
}
.footer #dg_footer_wrapper_inner ul li:after {
  display: none;
}
.footer #dg_footer_wrapper_inner .dg_footer_row_0 a,
.footer #dg_footer_wrapper_inner .dg_footer_row_0 a:hover {
  padding: 0;
  color: #9B9B9B;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.footer #dg_footer_wrapper_inner ul li span {
  padding: 0;
  color: #9B9B9B;
  font-size: 1.2rem;
}
/* -----------------------------------------
2025 JAPAN FINAL 告知
------------------------------------------- */
.event_info {
	gap:0
}
.event_detail {
	padding:.8em;
}
.timetable tbody tr:nth-child(odd) {
	background-color:#B0A27A;
}
.wp-block-table.timetable td,.wp-block-table.timetable th {
	border:2px solid #000
}
.timetable figcaption {
	color:#B0A27A;
}
.event_info .en {
	font-family:Effra bold;
}
.en.challenge {
	margin-bottom: .8em;
	line-height: 1.0em;
}