@charset "UTF-8";
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* vw
================================================*/
/* vh
================================================*/
.taittinger {
  /* animation
  =================================================================== */
  /* スライド
  =================================================================== */
  /*================================================================================================================= top */
  /*ーーーーーーーーーーーーーーーーーーーー */ }
@keyframes slideAnime2 {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-1308px, 0, 0); } }
@-webkit-keyframes slideAnime2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-1308px, 0, 0); } }
  .taittinger.t_brandStory {
    /*ーーーーーーーーーーーーーーーーーーーー common */
    /*ーーーーーーーーーーーーーーーーーーーー kv */
    /*ーーーーーーーーーーーーーーーーーーーー section */
    /*ーーーーーーーーーーーーーーーーーーーー modal */ }
    .taittinger.t_brandStory .t__wrapper .t__wrapper--contents {
      margin-left: 0; }
    .taittinger.t_brandStory .t_brandStory--title {
      position: relative;
      margin-bottom: 40px;
      z-index: 2; }
      .taittinger.t_brandStory .t_brandStory--title span {
        display: block;
        text-indent: -9999px;
        height: 22px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100%; }
    .taittinger.t_brandStory .t_brandStory--dlText {
      position: relative;
      max-width: 535px;
      margin: 0 auto;
      z-index: 2; }
      .taittinger.t_brandStory .t_brandStory--dlText > dt {
        font-size: 22px;
        line-height: 1.6;
        text-align: center;
        margin-bottom: 15px; }
      .taittinger.t_brandStory .t_brandStory--dlText > dd {
        font-size: 14px; }
        .taittinger.t_brandStory .t_brandStory--dlText > dd > aside {
          font-size: 12px; }
    .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents {
      position: relative;
      height: 100%; }
      .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--video {
        position: relative;
        overflow: hidden;
        height: 100%;
        z-index: 1; }
        .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--video:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #000;
          opacity: .5; }
        .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--video video {
          position: absolute;
          min-height: 100%;
          min-width: 100%;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%); }
      .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 2; }
        .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .t_brandStory__main--text {
          color: #fff;
          margin-bottom: 25px;
          text-align: center; }
          .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .t_brandStory__main--text dt {
            width: 337px;
            margin-bottom: 30px; }
            .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .t_brandStory__main--text dt span {
              display: block;
              text-indent: -9999px;
              height: 0;
              padding-top: calc(31 / 337 * 100%);
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100% auto;
              background-image: url("../img/contents/brandstory/title.svg"); }
          .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .t_brandStory__main--text dd {
            font-size: 18px;
            line-height: 1.6; }
        .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .btn.btn--frame.btn--play {
          border: 1px solid #fff; }
          .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .btn.btn--frame.btn--play:before {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            left: 17px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-image: url("../img/contents/brandstory/kv__btn--icon.svg");
            background-size: 5px auto;
            background-color: #fff;
            pointer-events: none; }
          .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .btn.btn--frame.btn--play:after {
            background: rgba(255, 255, 255, 0.2); }
          .taittinger.t_brandStory .t__wrapper .t__wrapper--contents .t__wrapper--contents--main--contents .t_brandStory__main--contents .btn.btn--frame.btn--play > span {
            font-size: 12px;
            height: 50px;
            line-height: 50px;
            color: #fff;
            padding-left: 12px; }
    .taittinger.t_brandStory .t_brandStory--section {
      padding-bottom: 110px;
      /*ーーーーーーーーーーーーーーーーーーーー concept */
      /*ーーーーーーーーーーーーーーーーーーーー comtes */
      /*ーーーーーーーーーーーーーーーーーーーー family */
      /*ーーーーーーーーーーーーーーーーーーーー history */
      /*ーーーーーーーーーーーーーーーーーーーー vineyard */
      /*ーーーーーーーーーーーーーーーーーーーー history */
      /*ーーーーーーーーーーーーーーーーーーーー art */
      /*ーーーーーーーーーーーーーーーーーーーー art */ }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family, .taittinger.t_brandStory .t_brandStory--section.t_brandStory--history, .taittinger.t_brandStory .t_brandStory--section.t_brandStory--gastronomes {
        padding-left: 95px;
        padding-right: 95px; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--concept .t_brandStory--title span {
        background-image: url("../img/contents/brandstory/concept--title.svg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--concept .t_brandStory--concept--slide {
        overflow: hidden;
        margin-bottom: 50px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--concept .t_brandStory--concept--slide .t_brandStory--concept--slide--contents {
          position: relative;
          white-space: nowrap;
          font-size: 0; }
          .taittinger.t_brandStory .t_brandStory--section.t_brandStory--concept .t_brandStory--concept--slide .t_brandStory--concept--slide--contents > ul {
            display: inline-block;
            width: 1308px;
            white-space: nowrap;
            font-size: 0;
            -webkit-animation: slideAnime2 20s linear infinite;
            animation: slideAnime2 20s linear infinite; }
            .taittinger.t_brandStory .t_brandStory--section.t_brandStory--concept .t_brandStory--concept--slide .t_brandStory--concept--slide--contents > ul > li {
              position: relative;
              display: inline-block;
              width: 370px;
              margin-right: 66px; }
              .taittinger.t_brandStory .t_brandStory--section.t_brandStory--concept .t_brandStory--concept--slide .t_brandStory--concept--slide--contents > ul > li span {
                display: block;
                padding-top: calc(488 / 744 * 100%);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 100% auto; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--comtes {
        position: relative;
        padding-top: 70px;
        padding-bottom: 420px;
        margin-bottom: 110px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--comtes .t_brandStory--title span {
          background-image: url("../img/contents/brandstory/comtes--title.svg"); }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--comtes .t_brandStory--comtes--text {
          position: relative;
          max-width: 535px;
          margin: 0 auto;
          z-index: 2; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--comtes .t_brandStory--comtes--bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("../img/contents/brandstory/comtes--bg.jpg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family .t_brandStory--title span {
        background-image: url("../img/contents/brandstory/family--title.svg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family .t_youtube {
        margin-bottom: 65px; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family .t_brandStory--family--main {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family .t_brandStory--family--main > img {
          width: 50%;
          align-self: flex-start; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family .t_brandStory--family--main .t_brandStory--dlText {
          width: calc(50% - 45px);
          max-width: inherit;
          margin: 0; }
          .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family .t_brandStory--family--main .t_brandStory--dlText > dt {
            text-align: left;
            font-size: 19px; }
          .taittinger.t_brandStory .t_brandStory--section.t_brandStory--family .t_brandStory--family--main .t_brandStory--dlText > dd {
            font-size: 12px; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--history .t_brandStory--title span {
        background-image: url("../img/contents/brandstory/history--title.svg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--history > dl {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 40px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--history > dl > dt {
          width: 155px;
          font-size: 16px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--history > dl > dd {
          width: calc(100% - 155px); }
          .taittinger.t_brandStory .t_brandStory--section.t_brandStory--history > dl > dd > div {
            width: 146px;
            float: left;
            margin-right: 35px; }
            .taittinger.t_brandStory .t_brandStory--section.t_brandStory--history > dl > dd > div img {
              margin-bottom: 20px; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--vineyard .t_brandStory--title span {
        background-image: url("../img/contents/brandstory/vineyard--title.svg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--chardnnay {
        position: relative;
        padding-top: 105px;
        padding-bottom: 105px;
        margin-bottom: 110px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--chardnnay .t_brandStory--title span {
          background-image: url("../img/contents/brandstory/chardnnay--title.svg"); }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--chardnnay .t_brandStory--dlText {
          color: #fff; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--chardnnay .t_brandStory--chardnnay--bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
          .taittinger.t_brandStory .t_brandStory--section.t_brandStory--chardnnay .t_brandStory--chardnnay--bg:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: .5; }
          .taittinger.t_brandStory .t_brandStory--section.t_brandStory--chardnnay .t_brandStory--chardnnay--bg span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("../img/contents/brandstory/chardnnay--img.jpg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--title span {
        background-image: url("../img/contents/brandstory/art--title.svg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--slide {
        margin-bottom: 60px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--slide .slick-prev, .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--slide .slick-next {
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%); }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--slide .slick-prev {
          left: 38%; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--slide .slick-next {
          left: 62%; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--product > dl > dt {
        width: calc(135 / 220 * 100%);
        margin: 0 auto 10px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--product > dl > dt > span {
          display: block;
          padding-top: calc(504 / 294 * 100%);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--art .t_brandStory--art--product > dl > dd {
        font-size: 12px;
        text-align: center;
        line-height: 1.6; }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--gastronomes .t_brandStory--title span {
        background-image: url("../img/contents/brandstory/gastronomes--title.svg"); }
      .taittinger.t_brandStory .t_brandStory--section.t_brandStory--gastronomes .t_brandStory--gastronomes--img {
        position: relative;
        max-width: 535px;
        margin: 75px auto 90px; }
        .taittinger.t_brandStory .t_brandStory--section.t_brandStory--gastronomes .t_brandStory--gastronomes--img span {
          display: block;
          text-indent: -9999px;
          height: 0;
          padding-top: calc(190 / 434 * 100%);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-image: url("../img/contents/brandstory/gastronomes--img.svg?v=1005"); }
    .taittinger.t_brandStory .modal--bg {
      background-color: rgba(0, 0, 0, 0.9); }
    .taittinger.t_brandStory .btn--close {
      top: 15px;
      right: 20px;
      z-index: 52; }
      .taittinger.t_brandStory .btn--close:before, .taittinger.t_brandStory .btn--close:after {
        height: 2px;
        width: 30px;
        background-color: #909090;
        opacity: 1; }
      .taittinger.t_brandStory .btn--close:hover:before, .taittinger.t_brandStory .btn--close:hover:after, .taittinger.t_brandStory .btn--close:active:before, .taittinger.t_brandStory .btn--close:active:after {
        background-color: #fff; }
    .taittinger.t_brandStory .modal {
      opacity: 0;
      visibility: hidden;
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　-moz-transition-duration: 0.5s;
      -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
      .t_modalOpen .taittinger.t_brandStory .modal {
        opacity: 1;
        visibility: visible; }
      .taittinger.t_brandStory .modal .modal__contents {
        min-height: 650px; }
        .taittinger.t_brandStory .modal .modal__contents .modal__contents--main {
          width: 77vw;
          padding: 0;
          background-color: transparent; }

.layout-header {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  .t_modalOpen .layout-header {
    z-index: 1; }

.layout-footer_return-top {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  .t_modalOpen .layout-footer_return-top {
    opacity: 0; }