/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
@import url("//fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@400;500&family=Noto+Sans+JP:wght@500&display=swap");
#shipsany.lookbook.lbRenewal.coffeetime .jourCredit > li > h4 .jourCredit__name, #shipsany.lookbook.lbRenewal.coffeetime .jourCredit > li > h4 .jourCredit__link {
  font-family: 'Barlow Condensed', sans-serif;
  font-style: normal;
  font-weight: 400; }

#shipsany.lookbook.lbRenewal.coffeetime .jourCredit > li .jourCredit__brand {
  font-family: 'Barlow Condensed', sans-serif;
  font-style: normal;
  font-weight: 400; }

#shipsany {
  /* =================================================================== coffeetime */ }
  #shipsany.coffeetime {
    /* ================================================ common */
    /* ================================================ contents main */
    /* ---------------------- leader */
    /* ---------------------- title */
    /* ---------------------- desc */
    /* ---------------------- main */
    /* ---------------------- section */
    /* ---------------------- jourCredit */
    /* ---------------------- jourCredit leader */
    /* ----------------------------------- main 01 */
    /* ----------------------------------- main 02 */
    /* ----------------------------------- main 03 */
    /* ----------------------------------- main 04 */
    /* ================================================ howto */
    /* ---------------------- goodTools */
    /* ---------------------- title */
    /* ---------------------- title sub */
    /* ---------------------- h3 */
    /* ---------------------- h3 subText */
    /* ---------------------- goodTools img */
    /* ================================================ stepSection */
    /* ---------------------- title */
    /* ---------------------- list */
    /* ================================================ ct stuff */
    /* ================================================ ct shop */ }
    #shipsany.coffeetime .font-Anton {
      font-family: 'Anton', sans-serif; }
    #shipsany.coffeetime .font-Barlow {
      font-family: 'Barlow Condensed', sans-serif; }
    #shipsany.coffeetime .font-noto {
      font-family: 'Noto Sans JP', sans-serif; }
    #shipsany.coffeetime .coffeetime__leader {
      font-size: 18px;
      line-height: 2.1;
      text-align: center;
      margin-bottom: 130px; }
    #shipsany.coffeetime .ct__main--title {
      width: 455px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 80px; }
    #shipsany.coffeetime .ct__main--desc {
      font-size: 17px;
      color: #403327;
      margin-top: 25px;
      margin-bottom: 10px; }
    #shipsany.coffeetime .ct__main {
      margin-bottom: 110px; }
    #shipsany.coffeetime .ct__main--section {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      #shipsany.coffeetime .ct__main--section > div {
        width: 50%; }
    #shipsany.coffeetime .jourCredit__column {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      #shipsany.coffeetime .jourCredit__column .jourCredit {
        width: calc(50% - 10px);
        align-self: flex-start; }
    #shipsany.coffeetime .jourCredit__leader {
      margin-bottom: 20px; }
      #shipsany.coffeetime .jourCredit__leader > span {
        display: inline-block;
        line-height: 1;
        font-size: 19px;
        letter-spacing: 0;
        font-family: 'Barlow Condensed', sans-serif;
        border-bottom: 1px solid #000; }
    #shipsany.coffeetime .ct__main--01 .ct__main--section > div:nth-child(1) {
      width: calc(50% - 100px); }
    #shipsany.coffeetime .ct__main--01 .ct__main--section > div:nth-child(2) {
      padding-top: 270px; }
    #shipsany.coffeetime .ct__main--02 .ct__main--section > div:nth-child(1) {
      padding-top: 320px; }
    #shipsany.coffeetime .ct__main--02 .ct__main--section > div:nth-child(2) {
      width: calc(50% - 60px); }
    #shipsany.coffeetime .ct__main--03 .ct__main--section {
      position: relative;
      justify-content: center; }
      #shipsany.coffeetime .ct__main--03 .ct__main--section > div:nth-child(1) {
        position: relative;
        width: calc(50% - 50px);
        padding-top: 550px;
        z-index: 2; }
      #shipsany.coffeetime .ct__main--03 .ct__main--section > div:nth-child(2) {
        position: absolute;
        width: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        z-index: 1; }
    #shipsany.coffeetime .ct__main--04 {
      margin-bottom: 0; }
      #shipsany.coffeetime .ct__main--04 .ct__main--section > div:nth-child(1) {
        position: relative;
        width: calc(50% - 130px);
        top: -235px; }
    #shipsany.coffeetime .ct__howto {
      background-color: #f1f1f1;
      border-left: 1px solid #403327;
      border-right: 1px solid #403327;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 12px;
      margin-bottom: 170px;
      color: #403327; }
    #shipsany.coffeetime .ct__howto--goodTools {
      padding-bottom: 55px; }
    #shipsany.coffeetime .ct__howto--title {
      position: relative;
      font-size: 55px;
      line-height: 1;
      text-align: center;
      padding-top: 32px;
      padding-bottom: 32px;
      border-top: 1px solid #403327;
      border-bottom: 1px solid #403327;
      margin-bottom: 20px; }
      #shipsany.coffeetime .ct__howto--title:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 1px;
        top: -12px;
        background-color: #403327; }
    #shipsany.coffeetime .ct__howto--title--sub {
      padding: 10px 0;
      background-color: #403327;
      margin-bottom: 95px; }
      #shipsany.coffeetime .ct__howto--title--sub img {
        height: 16px;
        width: auto;
        margin: 0 auto; }
    #shipsany.coffeetime .ct__h3 {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      flex-wrap: wrap;
      padding-bottom: 15px;
      margin-bottom: 20px;
      border-bottom: 1px dashed #403327; }
      #shipsany.coffeetime .ct__h3 > p {
        line-height: 1;
        text-align: center;
        align-self: flex-end;
        white-space: nowrap; }
        #shipsany.coffeetime .ct__h3 > p.font-Anton {
          font-size: 34px;
          letter-spacing: 0.1em; }
        #shipsany.coffeetime .ct__h3 > p.font-noto {
          font-size: 19px;
          font-weight: 700;
          padding-bottom: 0.2em;
          margin-left: 0.3em; }
    #shipsany.coffeetime .ct__h3--subText {
      font-size: 18px;
      text-align: center;
      margin-bottom: 30px; }
    #shipsany.coffeetime .goodTools__img {
      max-width: 624px;
      margin: 0 auto; }
    #shipsany.coffeetime .stepSection {
      padding-left: 270px;
      padding-right: 270px;
      margin-top: 110px; }
    #shipsany.coffeetime .stepSection__title {
      position: relative;
      left: -40px;
      margin-bottom: 80px; }
    #shipsany.coffeetime .stepSection__list > li {
      position: relative;
      margin-bottom: 50px; }
      #shipsany.coffeetime .stepSection__list > li h4 {
        margin-bottom: 10px; }
        #shipsany.coffeetime .stepSection__list > li h4 img {
          width: 56px; }
      #shipsany.coffeetime .stepSection__list > li p {
        font-size: 15px;
        font-weight: 500; }
        #shipsany.coffeetime .stepSection__list > li p span {
          background: linear-gradient(transparent 95%, #403327 0%);
          padding-bottom: 0.2em; }
      #shipsany.coffeetime .stepSection__list > li .stepSection__list--img {
        position: relative;
        width: calc(100% + 220px);
        left: -100px;
        margin: 0 auto 20px; }
      #shipsany.coffeetime .stepSection__list > li:nth-child(1) .stepSection__list--img.absolute {
        position: absolute;
        width: 445px;
        left: 100%;
        bottom: 0;
        margin: 0; }
    #shipsany.coffeetime .ct__stuff {
      padding-left: 270px;
      padding-right: 270px;
      padding-top: 45px;
      padding-bottom: 50px;
      border-top: 1px dashed #403327;
      border-bottom: 1px dashed #403327; }
      #shipsany.coffeetime .ct__stuff .ct__h3 {
        border-bottom: none; }
      #shipsany.coffeetime .ct__stuff .ct__stuff--info {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center; }
        #shipsany.coffeetime .ct__stuff .ct__stuff--info > dt {
          width: 185px;
          margin-right: 25px; }
        #shipsany.coffeetime .ct__stuff .ct__stuff--info > dd {
          align-self: flex-end;
          width: calc(100% - 210px); }
          #shipsany.coffeetime .ct__stuff .ct__stuff--info > dd span {
            font-size: 14px;
            background: linear-gradient(transparent 95%, #403327 0%);
            padding-bottom: 0.2em; }
    #shipsany.coffeetime .ct__shop {
      position: relative;
      padding-top: 45px;
      padding-bottom: 50px;
      border-bottom: 1px solid #403327; }
      #shipsany.coffeetime .ct__shop:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 1px;
        top: auto;
        bottom: 10px;
        background-color: #403327; }
      #shipsany.coffeetime .ct__shop .ct__h3 {
        border-bottom: none; }
      #shipsany.coffeetime .ct__shop .ct__shop--list {
        display: flex;
        flex-wrap: wrap; }
        #shipsany.coffeetime .ct__shop .ct__shop--list > li {
          position: relative;
          width: calc((100% - 60px) / 3);
          margin-bottom: 95px;
          margin-right: 30px; }
          #shipsany.coffeetime .ct__shop .ct__shop--list > li .ct__shop--info {
            margin-top: 15px; }
            #shipsany.coffeetime .ct__shop .ct__shop--list > li .ct__shop--info > li {
              font-size: 15px;
              line-height: 1.4;
              margin-bottom: 3px;
              text-align: left; }
              #shipsany.coffeetime .ct__shop .ct__shop--list > li .ct__shop--info > li a {
                display: inline-block;
                color: #403327; }
                #shipsany.coffeetime .ct__shop .ct__shop--list > li .ct__shop--info > li a:hover {
                  text-decoration: underline; }
          #shipsany.coffeetime .ct__shop .ct__shop--list > li:nth-child(3n) {
            margin-right: 0; }
          #shipsany.coffeetime .ct__shop .ct__shop--list > li.ct__shop--new:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            width: 126px;
            height: 121px;
            top: auto;
            left: auto;
            bottom: 86%;
            right: 0;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-image: url("../../images/pc/contents/coffeetime/shop--new.png"); }
          #shipsany.coffeetime .ct__shop .ct__shop--list > li:nth-child(4), #shipsany.coffeetime .ct__shop .ct__shop--list > li:nth-child(5) {
            margin-bottom: 55px; }
      #shipsany.coffeetime .ct__shop .ct__shop--contact {
        text-align: center;
        line-height: 1;
        font-size: 15px;
        margin-bottom: 20px; }

#shipsany .fixed__btn, #shipsany .shipsany__menu, #shipsany .shipsany__menu--bg, #shipsany .GoodCoffeeTime--delete {
  display: none; }