@charset "UTF-8";
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  /*================================================================================================================= modal */
  .taittinger .modal.topModal .modal__contents .modal__contents--main {
    width: 325px;
    height: 430px;
    padding: 25px 25px 20px; }
    .taittinger .modal.topModal .modal__contents .modal__contents--main .topModal__text {
      width: calc(100% - 30px);
      padding: 35px 20px; }
      .taittinger .modal.topModal .modal__contents .modal__contents--main .topModal__text > dt {
        font-size: 15px;
        padding-top: 40px; }
        .taittinger .modal.topModal .modal__contents .modal__contents--main .topModal__text > dt:after {
          width: 30px;
          height: 30px; }
      .taittinger .modal.topModal .modal__contents .modal__contents--main .topModal__text > dd {
        font-size: 13px; }
        .taittinger .modal.topModal .modal__contents .modal__contents--main .topModal__text > dd br {
          display: none; }
    .taittinger .modal.topModal .modal__contents .modal__contents--main .btn--close {
      top: 5px;
      right: 10px; }
      .taittinger .modal.topModal .modal__contents .modal__contents--main .btn--close:before, .taittinger .modal.topModal .modal__contents .modal__contents--main .btn--close:after {
        width: 30px; } }
/* 768px
=================================================================== */
@media only screen and (max-width: 768px) {
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* animation
  =================================================================== */
  .taittinger {
    /*================================================================================================================= top */
    /*ーーーーーーーーーーーーーーーーーーーー kv title*/
    /*ーーーーーーーーーーーーーーーーーーーー kv*/
    /*ーーーーーーーーーーーーーーーーーーーー section*/ }
    .taittinger.top .t__wrapper .t__wrapper--contents {
      overflow: hidden; }
    .taittinger .t__wrapper--contents--main--title {
      width: 168px;
      top: 35px; }
    .taittinger .t__wrapper--splash > span {
      background-image: url("../img/contents/top/splash--sp.jpg"); }
    .taittinger .t__wrapper--contents--main {
      overflow: initial; }
      .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--img li:nth-child(1) span {
        background-image: url("../img/contents/top/kv--img--1--sp.jpg"); }
      .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--text {
        width: 335px;
        bottom: 60px; }
        .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--text dt {
          font-size: 14px;
          margin-bottom: 12px; }
        .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--text dd {
          font-size: 10px; }
      .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--count {
        width: 11px;
        right: 18px; }
        .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--count > p {
          font-size: 10px;
          transform: scale(0.8);
          -webkit-transform: scale(0.8); }
        .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--count > ul {
          margin: 10px 0; }
          .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--count > ul > li {
            position: relative;
            width: 100%;
            height: 16px;
            margin: 3px 0;
            cursor: pointer; }
      .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup {
        max-width: 150px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        top: 396px; }
        .active .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup {
          transform: translate3d(-50%, 0, 0);
          -webkit-transform: translate3d(-50%, 0, 0); }
        .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup .t__wrapper--contents--main--picku--img {
          width: 65px;
          height: 65px;
          margin: 0 auto 6px; }
        .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup dl dd > p:nth-child(1) {
          transform: scale(0.8);
          -webkit-transform: scale(0.8);
          padding-bottom: 5px;
          margin-bottom: 1px; }
        .taittinger .t__wrapper--contents--main .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup dl dd > p:nth-child(2) {
          font-size: 10px;
          transform: scale(0.9);
          -webkit-transform: scale(0.9);
          transform-origin: center top; }
      .taittinger .t__wrapper--contents--main.white .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup dl .meetsNum, .taittinger .t__wrapper--contents--main.white .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup dl dd {
        color: #000; }
      .taittinger .t__wrapper--contents--main.white .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup dl .meetsNum span:nth-child(2)::after {
        background-color: #000; }
      .taittinger .t__wrapper--contents--main.white .t__wrapper--contents--main--contents .t__wrapper--contents--main--pickup dl dd > p:nth-child(1)::after {
        background-color: #000; }
    .taittinger .topArticle {
      padding-top: 170px; }
    .taittinger .topSection {
      padding-bottom: 70px;
      /*ーーーーーーーーーーーーーーーーーーーー Lineup*/
      /*ーーーーーーーーーーーーーーーーーーーー meets*/
      /*ーーーーーーーーーーーーーーーーーーーー Gift*/ }
      .taittinger .topSection .top__h2 {
        margin-bottom: 22px; }
        .taittinger .topSection .top__h2 span {
          height: 18px; }
      .taittinger .topSection .top__h2--leader {
        font-size: 11px;
        padding: 0 55px;
        margin: 0 auto 40px; }
      .taittinger .topSection.topLineup .lineup__slick {
        padding: 0 20px; }
      .taittinger .topSection.topMeets .meets__banner {
        margin-bottom: 1px; }
      .taittinger .topSection.topMeets .btn.btn--frame {
        margin-top: 35px; }
      .taittinger .topSection.topGift img {
        padding: 0 20px; } }
/* 360px
=================================================================== */
@media only screen and (max-width: 360px) {
  /*================================================================================================================= modal */
  .taittinger .modal.topModal .modal__contents .modal__contents--main {
    width: 300px; }
    .taittinger .modal.topModal .modal__contents .modal__contents--main .topModal__text > dt {
      font-size: 14px; }
    .taittinger .modal.topModal .modal__contents .modal__contents--main .topModal__text > dd {
      font-size: 12px; } }
/*================================================================================================================= 1400px */
@media only screen and (max-width: 1400px) {
  /* vw
  ================================================*/
  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp {
    width: 4.1428571429vw;
    height: 7.1428571429vw;
    top: -4.2857142857vw; }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(1) {
      top: calc(50% - 1.0714285714vw);
      left: calc(50% + 0.3571428571vw); }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(2) {
      top: calc(50% + 1.0714285714vw);
      left: calc(50% - 0.3571428571vw); }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(3) {
      left: calc(50% - 0.7857142857vw); }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(4) {
      left: calc(50% + 0.7857142857vw); }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail {
    padding-left: 6.0714285714vw; }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--mainCopy {
    margin-bottom: 2.5vw; }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--mainCopy > p > span {
      font-size: 45px;
      font-size: 3.2142857143vw; }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--mainCopy > p:nth-child(1) {
      margin-bottom: 1.4285714286vw; }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText {
    margin-bottom: 1.7857142857vw; }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p > span {
      font-size: 25px;
      font-size: 1.7857142857vw; }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p:nth-child(1) {
      margin-bottom: 0.8571428571vw; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p:nth-child(1) > span {
        font-size: 16px;
        font-size: 1.1428571429vw; }

  .taittinger.t_topAnniv .t_topAnniv--copy {
    padding-left: 6.0714285714vw;
    bottom: 9.2857142857vw; }
    .taittinger.t_topAnniv .t_topAnniv--copy > dt {
      margin-bottom: 0; }
      .taittinger.t_topAnniv .t_topAnniv--copy > dt .t_topAnniv--copy--logo {
        width: 8.5714285714vw;
        height: 4.5714285714vw;
        margin-right: 1.0714285714vw; }
    .taittinger.t_topAnniv .t_topAnniv--copy > dd > p.t_topAnniv--copy--text {
      margin-bottom: 0; }
      .taittinger.t_topAnniv .t_topAnniv--copy > dd > p.t_topAnniv--copy--text > span {
        font-size: 24px;
        font-size: 1.7142857143vw; }
    .taittinger.t_topAnniv .t_topAnniv--copy > dd > p.t_topAnniv--copy--subtext > span {
      font-size: 26px;
      font-size: 1.8571428571vw; }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--sign {
    width: 12.2857142857vw; }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--paddingTop > a.t_topAnnivMain--campaign .t_topAnniv--detail .t_topAnniv--subText > p > span {
    font-size: 1.7857142857vw !important; } }
/*================================================================================================================= 768px */
@media only screen and (max-width: 768px) {
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--paddingTop {
    padding-top: calc(780 / 750 * 100%); }
  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--kvImg.pc {
    display: none; }
  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--kvImg.sp {
    display: block; }
  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail {
    width: calc(100% - 5.3333333333vw);
    padding-left: 9.3333333333vw;
    top: 13.3333333333vw; }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp {
      width: 8.5333333333vw;
      height: 13.3333333333vw;
      top: -11vw;
      left: 1.54vw; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(1), .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(2) {
        height: 1px; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(3), .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(4) {
        width: 1px; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(1) {
        top: calc(50% - 2vw);
        left: calc(50% + 0.6vw); }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(2) {
        top: calc(50% + 2vw);
        left: calc(50% - 0.6vw); }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(3) {
        left: calc(50% - 1.55vw); }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .sharp > span:nth-child(4) {
        left: calc(50% + 1.55vw); }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--mainCopy {
      margin-bottom: 5.3333333333vw; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--mainCopy > p > span {
        font-size: 22px;
        font-size: 5.8666666667vw;
        letter-spacing: 0.1em; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--mainCopy > p:nth-child(1) {
        margin-bottom: 3.4666666667vw; }
    .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText {
      margin-bottom: 5.3333333333vw; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p > span {
        font-size: 14px;
        font-size: 3.7333333333vw; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p:nth-child(1) > span {
        font-size: 10px;
        font-size: 2.6666666667vw; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p:nth-child(1), .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p:last-child {
        margin-bottom: 0; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p.pc {
        display: none; }
      .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p.sp {
        display: block;
        margin-bottom: 2.6666666667vw; }
  .taittinger.t_topAnniv .topArticle {
    padding-top: 70px; }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--subText > p:nth-child(1) {
    margin-bottom: 1.8666666667vw; }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--detail .t_topAnniv--sign {
    width: 28vw; }

  .taittinger.t_topAnniv .t_topAnniv--copy {
    display: block;
    width: calc(100% - 5.3333333333vw);
    bottom: 10.6666666667vw;
    padding-left: 9.3333333333vw; }
    .taittinger.t_topAnniv .t_topAnniv--copy > dt {
      margin-bottom: 0;
      margin-right: 3.2vw;
      white-space: inherit; }
      .taittinger.t_topAnniv .t_topAnniv--copy > dt .t_topAnniv--copy--logo {
        width: 20vw;
        height: 10.6666666667vw;
        margin-right: 0; }
      .taittinger.t_topAnniv .t_topAnniv--copy > dt > p {
        display: block; }
        .taittinger.t_topAnniv .t_topAnniv--copy > dt > p > span {
          font-size: 10px;
          font-size: 2.6666666667vw; }
    .taittinger.t_topAnniv .t_topAnniv--copy > dd {
      align-self: flex-end;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start; }
      .taittinger.t_topAnniv .t_topAnniv--copy > dd > p.t_topAnniv--copy--text {
        margin-bottom: 0; }
        .taittinger.t_topAnniv .t_topAnniv--copy > dd > p.t_topAnniv--copy--text > span {
          font-size: 10px;
          font-size: 2.6666666667vw; }
      .taittinger.t_topAnniv .t_topAnniv--copy > dd > p.t_topAnniv--copy--subtext {
        position: relative;
        margin-left: 2.1333333333vw;
        top: -1.0666666667vw; }
        .taittinger.t_topAnniv .t_topAnniv--copy > dd > p.t_topAnniv--copy--subtext > span {
          font-size: 14px;
          font-size: 3.7333333333vw; }

  .taittinger.t_topAnniv .t_topAnniv--wrapper .t_topAnniv--paddingTop > a.t_topAnnivMain--campaign .t_topAnniv--detail .t_topAnniv--subText > p > span {
    font-size: 3.7333333333vw !important; } }
/*================================================================================================================= 1400 */
@media only screen and (max-width: 1400px) {
  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--bg {
    padding-top: calc(525 / 1120 * 100%);
    height: 0; }
  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--title {
    width: calc(666 / 1120 * 100%); } }
/*================================================================================================================= 768 */
@media only screen and (max-width: 768px) {
  /*.taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets {
      .t_topAnnivMain--meets--bg {
          padding-top: calc(525 / 750 * 100%);
          height: 0;
      }
      .t_topAnnivMain--meets--title {
          width: calc(301 / 375 * 100%);
          bottom: 4%;
          > span {
              padding-top: calc(654 / 1204 * 100%);
              background-image: url("../img/contents/top/meets/title--sp.png?v=1220");
          }
      }
  }*/
  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--bg {
    padding-top: calc(555 / 750 * 100%); }

  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--title {
    width: 210px !important; }
    .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--title > span {
      padding-top: calc(42 / 678 * 100%); }
    .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--title.top {
      bottom: auto;
      top: 23px; }
    .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--title.bottom {
      bottom: 23px; }

  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--bottle {
    width: 50px;
    bottom: 10px;
    right: 12px; } }
/*=========================================================================== 2023 07 */
@media only screen and (max-width: 768px) {
  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--bg {
    padding-top: calc(390 / 375 * 100%) !important; }

  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .t_topAnnivMain--meets--title.top {
    top: 22%;
    left: 50%; }

  /*=========================================================================== 2023 12 */
  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle {
    display: none;
    width: 40px;
    height: 50px; }
    .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle a, .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle span {
      width: 30px;
      height: 30px; }
  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow--left {
    left: 0;
    transform: translateY(-50%) rotate(180deg); }
  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow--right {
    right: 0;
    transform: translateY(-50%); }

  .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle a:hover, .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle a:active, .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle span:hover, .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle span:active {
    background-color: rgba(255, 255, 255, 0); }
    .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle a:hover:after, .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle a:active:after, .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle span:hover:after, .taittinger.t_topAnniv .t_topAnnivMain .t_topAnnivMain--meets .arrow.btn__circle span:active:after {
      border-color: #fff #fff transparent transparent; } }