@charset "UTF-8";
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* vw
================================================*/
/* vh
================================================*/
/* animation
=================================================================== */
.taittinger {
  /*================================================================================================================= top */
  /*ーーーーーーーーーーーーーーーーーーーー top */
  /*ーーーーーーーーーーーーーーーーーーーー detail */ }
  .taittinger.t_meetsTop .t_meets--article {
    padding: 60px 0 0; }
  .taittinger.t_meetsTop .t__contents--h2 {
    margin-bottom: 40px; }
    .taittinger.t_meetsTop .t__contents--h2 span {
      background-image: url("../img/contents/top/meets--title.svg"); }
  .taittinger.t_meetsTop .t__contents--h2--leader {
    max-width: 535px;
    margin: 0 auto 60px; }
  .taittinger.t_meetsTop .meets__banner {
    margin-bottom: 2px; }
  .taittinger.t_meets {
    /*ーーーーーーーーーーーーーーーーーーーー common */
    /*ーーーーーーーーーーーーーーーーーーーー kv */ }
    .taittinger.t_meets a[target="_blank"]:not(.m-no-icon)::after {
      display: none; }
    .taittinger.t_meets .t__wrapper .t__wrapper--contents {
      margin-left: 0; }
    .taittinger.t_meets .t_meets--grid {
      max-width: 776px;
      margin: 0 auto; }
    .taittinger.t_meets .t_meets--gridRight {
      padding-right: 155px; }
    .taittinger.t_meets .t_meets--gridLeft {
      padding-left: 155px; }
    .taittinger.t_meets .t_headerActive--grid section {
      padding-bottom: 55px; }
      .taittinger.t_meets .t_headerActive--grid section.t_meets--nav, .taittinger.t_meets .t_headerActive--grid section.t_meets--food, .taittinger.t_meets .t_headerActive--grid section.t_meets--info {
        padding-bottom: 100px; }
    .taittinger.t_meets .t_meets--text {
      columns: 2;
      column-gap: 50px; }
      .taittinger.t_meets .t_meets--text > span {
        display: block;
        font-size: 11px;
        line-height: 1.5;
        opacity: .4;
        padding-left: 0.5em;
        text-indent: -0.5em;
        margin-top: 0.5em; }
    .taittinger.t_meets .text--link {
      display: inline;
      text-decoration: underline; }
      .taittinger.t_meets .text--link:hover, .taittinger.t_meets .text--link:active {
        text-decoration: none; }
    .taittinger.t_meets .t_meets--textLeader {
      line-height: 1.5;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 35px; }
    .taittinger.t_meets .t_meets--imgBlock > img {
      margin-bottom: 20px; }
    .taittinger.t_meets .t_meets--imgBlock > p {
      font-size: 12px;
      line-height: 1.5;
      padding: 0 40px;
      opacity: .4; }
    .taittinger.t_meets .t_meets--column {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      .taittinger.t_meets .t_meets--column > li {
        width: 50%;
        margin-bottom: 40px; }
        .taittinger.t_meets .t_meets--column > li .t_meets--imgBlock > p {
          padding: 0 30px; }
    .taittinger.t_meets .t_meets--gridCenter > img {
      margin-bottom: 25px; }
    .taittinger.t_meets .t_meets--food {
      margin-top: 100px; }
      .taittinger.t_meets .t_meets--food > dl {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start; }
        .taittinger.t_meets .t_meets--food > dl > dt, .taittinger.t_meets .t_meets--food > dl > dd {
          align-self: center; }
        .taittinger.t_meets .t_meets--food > dl > dt {
          width: calc(100% - 385px); }
        .taittinger.t_meets .t_meets--food > dl > dd {
          width: 385px;
          padding-left: 45px;
          font-size: 13px; }
          .taittinger.t_meets .t_meets--food > dl > dd > p {
            font-size: 23px;
            margin-bottom: 10px; }
    .taittinger.t_meets .t_meets--info {
      padding: 0 75px; }
      .taittinger.t_meets .t_meets--info .t_meets--info--contents {
        background-color: #fff;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left {
          width: calc(100% - 345px);
          border-right: 1px solid #ebedef; }
          .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding {
            padding: 45px 55px;
            border-bottom: 1px solid #ebedef; }
            .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > h3 {
              font-size: 15px;
              line-height: 1;
              margin-bottom: 12px; }
            .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > p {
              font-size: 12px; }
            .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > ul > li {
              display: flex;
              flex-wrap: nowrap;
              justify-content: flex-start;
              margin-bottom: 9px; }
              .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > ul > li > span, .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > ul > li > p {
                font-size: 12px;
                line-height: 1.6; }
              .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > ul > li > span {
                display: block;
                width: 105px; }
              .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > ul > li > p {
                width: calc(100% - 105px); }
              .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > ul > li:last-child {
                margin-bottom: 0; }
            .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding:last-child {
              border-bottom: none; }
        .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--right {
          width: 345px;
          text-align: center;
          align-self: center; }
          .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .lineup__product .lineup__product--img {
            width: 95px; }
    .taittinger.t_meets .t_meets--nav .t_meets--nav--list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-bottom: 20px; }
      .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div {
        width: calc(100% / 3);
        margin-bottom: 40px; }
        .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div dl > dt {
          position: relative;
          margin-bottom: 20px;
          overflow: hidden; }
          .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div dl > dt:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0;
            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); }
          .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div dl > dt span {
            display: block;
            padding-top: calc(506 / 724 * 100%);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            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); }
        .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div dl > dd {
          padding: 0 20px;
          display: flex;
          flex-wrap: nowrap;
          justify-content: flex-start; }
          .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div dl > dd .meetsNum {
            position: relative;
            width: 40px;
            top: 4px;
            margin-right: 20px; }
          .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div dl > dd > p {
            position: relative;
            top: 7px;
            font-size: 13px;
            line-height: 1.6;
            width: calc(100% - 110px); }
          .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div dl > dd .btn__circle {
            margin-left: auto; }
        .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div:hover dl > dt:after {
          opacity: .2; }
        .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div:hover dl > dt span {
          transform: scale(1.05); }
        .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div:hover dl > dd > p {
          text-decoration: underline; }
        .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div:hover dl > dd .btn__circle span {
          border: 1px solid black;
          background-color: black; }
          .taittinger.t_meets .t_meets--nav .t_meets--nav--list > div:hover dl > dd .btn__circle span:after {
            opacity: 1;
            border-color: #fff #fff transparent transparent; }
    .taittinger.t_meets .t__wrapper--contents--main--contents {
      height: 100%; }
      .taittinger.t_meets .t__wrapper--contents--main--contents .meets__banner {
        padding-top: 0;
        height: 100%; }
        .taittinger.t_meets .t__wrapper--contents--main--contents .meets__banner .meets__banner--text .meets__banner--text--title {
          margin-bottom: 15px;
          padding-bottom: 15px; }
        .taittinger.t_meets .t__wrapper--contents--main--contents .meets__banner .meets__banner--text .t_meets--title {
          font-size: 35px;
          margin-bottom: 20px;
          line-height: 1.6; }
        .taittinger.t_meets .t__wrapper--contents--main--contents .meets__banner .meets__banner--text > dl {
          margin-bottom: 0;
          line-height: 1.5; }
          .taittinger.t_meets .t__wrapper--contents--main--contents .meets__banner .meets__banner--text > dl > dt {
            font-size: 12px;
            margin-bottom: 8px; }
          .taittinger.t_meets .t__wrapper--contents--main--contents .meets__banner .meets__banner--text > dl > dd {
            font-size: 10px; }
        .taittinger.t_meets .t__wrapper--contents--main--contents .meets__banner.meets__banner--large {
          padding-top: 0; }

/*================================================================================================================= edit 2021/07/27 */
.taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .btn {
  max-width: 220px;
  margin: 0 auto; }
  .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .btn > a {
    height: 50px;
    line-height: 50px; }
    .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .btn > a:before {
      left: 30px; }
    .taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .btn > a > span {
      padding-left: 30px; }

.taittinger.t_meets .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > aside {
  font-size: 11px;
  line-height: 1;
  margin-top: -10px;
  margin-bottom: 17px; }

/* ================================================================================================================= add 2022/04/ meets no.17 */
.taittinger.t_meets.t_meets-17 .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .lineup__product .lineup__product--img, .taittinger.t_meets.t_meets-new .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .lineup__product .lineup__product--img {
  width: 120px; }
.taittinger.t_meets.t_meets-17 .lineup__product .lineup__product--text > dt > p a br.brSp, .taittinger.t_meets.t_meets-new .lineup__product .lineup__product--text > dt > p a br.brSp {
  display: none; }
.taittinger.t_meets.t_meets-17 .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding.infoPadding__profile, .taittinger.t_meets.t_meets-new .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding.infoPadding__profile {
  position: relative;
  padding-left: 250px;
  min-height: 270px; }
  .taittinger.t_meets.t_meets-17 .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding.infoPadding__profile .infoPadding__profile--img, .taittinger.t_meets.t_meets-new .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding.infoPadding__profile .infoPadding__profile--img {
    position: absolute;
    width: 175px;
    left: 45px;
    top: 55px; }

/* ================================================================================================================= add 2022/12/ meets no.20 */
.taittinger.t_meets.t_meets-20 .t_meets--info .t_meets--info--contents .t_meets--info--contents--left, .taittinger.t_meets.t_meets-21 .t_meets--info .t_meets--info--contents .t_meets--info--contents--left {
  width: calc(100% - 560px); }
  .taittinger.t_meets.t_meets-20 .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > h3, .taittinger.t_meets.t_meets-21 .t_meets--info .t_meets--info--contents .t_meets--info--contents--left .infoPadding > h3 {
    margin-bottom: 25px; }
.taittinger.t_meets.t_meets-20 .t_meets--info .t_meets--info--contents .t_meets--info--contents--right, .taittinger.t_meets.t_meets-21 .t_meets--info .t_meets--info--contents .t_meets--info--contents--right {
  width: 500px;
  padding-top: 50px;
  padding-bottom: 70px; }
  .taittinger.t_meets.t_meets-20 .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .lineup__product, .taittinger.t_meets.t_meets-21 .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .lineup__product {
    position: relative;
    padding-left: 120px; }
    .taittinger.t_meets.t_meets-20 .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .lineup__product .lineup__product--img, .taittinger.t_meets.t_meets-21 .t_meets--info .t_meets--info--contents .t_meets--info--contents--right .lineup__product .lineup__product--img {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }