/** Shopify CDN: Minification failed

Line 28:0 Unexpected "$"
Line 40:2 Comments in CSS use "/* ... */" instead of "//"
Line 43:2 Comments in CSS use "/* ... */" instead of "//"
Line 63:6 Comments in CSS use "/* ... */" instead of "//"
Line 66:6 Comments in CSS use "/* ... */" instead of "//"

**/

body,html {
  height: 100%;
  padding: 0;
  margin: 0
}

#header {
  background: url(/cdn/shop/files/special-aw18_v3-main_pc.jpg) center top no-repeat;
  background-size: cover;
  position: fixed;
  height: 100%;
  bottom: 10%;
  right: 0;
  left: 0;
  top: 140px
}

$pageTopDecrease: 20px; $hrBoxBorderLength: 40px; $hrBgColor: #48CFAD; $hrColor: #FFFFFF; $hrSize: 5px; #pageHr {
  background: 0 0;
  position: relative;
  height: $hrSize;
  display: block;
  right: 0;
  left: 0;
  top: 90%;
  z-index: 1
}

#page {
  //border-top: $pageTopDecrease solid $hrColor;
  background: #fff;
  position: relative;
  //margin-top: -($pageTopDecrease);
  height: 1000%;
  margin-top: 44%;
  text-align: center
}

@media screen and (max-width: 768px) {
  #header {
      width:100%;
      background: url(/cdn/shop/files/special-aw18_v3-main_sp.jpg) center top no-repeat;
      background-size: 100%;
      position: fixed;
      height: 100%;
      bottom: 10%;
      right: 0;
      left: 0;
      top: 0
  }

  #page {
      //border-top: $pageTopDecrease solid $hrColor;
      background: #fff;
      position: relative;
      //margin-top: -($pageTopDecrease);
      height: 6000%;
      margin-top: 0;
      top: 270vh;
      text-align: center
  }
}

.p,.position,.producer_area,.producer_box,.producer_box p,.producer_tit {
  position: relative
}

body {
  opacity: 1;
  transition: .7s;
  margin-top: 60px
}

body.fadeInUp {
  opacity: 1;
  margin-top: 0
}

#header,#page {
  font-family: Futura,'Century Gothic',游ゴシック体,YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',游ゴシック,'Yu Gothic',メイリオ,Meiryo,sans-serif
}

.sp_on {
  display: none!important;
}

.mainContents {
  min-width: 100%
}

h1 {
  padding: 20% 0 38px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  letter-spacing: .1em;
  line-height: 1.6
}

h1+span>img {
  width: 136px
}

.tracking-in-expand {
  -webkit-animation: tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) 1s both;
  animation: tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) 1s both
}

@-webkit-keyframes tracking-in-expand {
  0% {
      letter-spacing: -.5em;
      opacity: 0
  }

  40% {
      opacity: .6
  }

  100% {
      opacity: 1
  }
}

@keyframes tracking-in-expand {
  0% {
      letter-spacing: -.5em;
      opacity: 0
  }

  40% {
      opacity: .6
  }

  100% {
      opacity: 1
  }
}

.text-focus-in {
  -webkit-animation: text-focus-in 1s cubic-bezier(.55,.085,.68,.53) 1.6s both;
  animation: text-focus-in 1s cubic-bezier(.55,.085,.68,.53) 1.6s both
}

@-webkit-keyframes text-focus-in {
  0% {
      -webkit-filter: blur(12px);
      filter: blur(12px);
      opacity: 0
  }

  100% {
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1
  }
}

@keyframes text-focus-in {
  0% {
      -webkit-filter: blur(12px);
      filter: blur(12px);
      opacity: 0
  }

  100% {
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1
  }
}

.poem {
  background-color: #ebf0f4;
  padding: 3% 0;
  letter-spacing: .1em
}

.poem p {
  width: 100%;
  font-size: 13px;
  line-height: 2.4;
  word-break: break-all
}

.poem span {
  font-size: 20px;
  display: block;
  padding-bottom: .5em
}

.yakuhanjps {
  font-family: YakuHanJPs,"Hiragino Sans",Meiryo,"Yu Gothic Medium",sans-serif
}

.overlay-trigger ul {
    list-style: none;
    width: 1180px;
    margin: 90px auto 0;
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
}

.overlay-trigger ul.style li,.overlay-trigger ul.style li img,.overlay-trigger ul.style_2 li,.overlay-trigger ul.style_2 li img {
  width: 470px
}
/*
.overlay-trigger ul.style li:nth-child(odd),.overlay-trigger ul.style_2 li:nth-child(odd) {
  padding-right: 240px
}
*/
.overlay-trigger ul.style_2 li:nth-child(13),.overlay-trigger ul.style_2 li:nth-child(17),.overlay-trigger ul.style_2 li:nth-child(3),.overlay-trigger ul.style_2 li:nth-child(5) {
  width: 512px;
  /*padding-right: 156px*/
}

.overlay-trigger ul.style_2 li:nth-child(13) img,.overlay-trigger ul.style_2 li:nth-child(14),.overlay-trigger ul.style_2 li:nth-child(14) img,.overlay-trigger ul.style_2 li:nth-child(17) img,.overlay-trigger ul.style_2 li:nth-child(18),.overlay-trigger ul.style_2 li:nth-child(18) img,.overlay-trigger ul.style_2 li:nth-child(3) img,.overlay-trigger ul.style_2 li:nth-child(4),.overlay-trigger ul.style_2 li:nth-child(4) img,.overlay-trigger ul.style_2 li:nth-child(5) img,.overlay-trigger ul.style_2 li:nth-child(6),.overlay-trigger ul.style_2 li:nth-child(6) img {
  width: 512px
}

.style a,.style_2 a,.style_men a {
  text-decoration-line: none;
  transition: .3s
}

.style a:hover,.style_2 a:hover,.style_men a:hover {
  opacity: .6
}

.style p,.style_2 p,.style_men p {
  float: left;
  text-align: left;
  line-height: 2;
  padding: 20px 30px 140px 0
}

.style p.sp_on {
  display: none!important;
}

.style span,.style_2 span,.style_men span {
  font-weight: 600;
  padding-bottom: 3px;
  border-bottom: 1px solid #222
}

.style_men {
  width: 1180px;
  margin: 0 auto
}

.style_men div {
  overflow:hidden;
  width: 690px;
  margin: 0 auto
}

.position {
  min-height: 1300px;
  margin:0!important;
  margin-top: 170px!important;
}

.producer_area {
  width: 100%;
  height: 950px;
  text-align: left;
  font-size: 15px;
  line-height: 1.8
}

.producer_area .pc_on img {
  z-index: 1;
  width: 16px;
  position: relative;
  top: -110px;
  margin-left: 16%
}

.producer_box {
  width: 100%;
  margin: 0;
  z-index: 0;
  top: -365px
}

.producer_box img {
  width: 100%
}

.producer_box img:nth-child(3) {
  width: 20%;
  height: 100%
}

.producer_box p {
  padding: 50px 0 0;
  font-size: 16px;
  margin-left: 44%;
  top: -260px;
  letter-spacing: .08em;
  width: 45%;
  line-height: 2
}

.producer_tit {
  width: 1em;
  font-size: 24px;
  line-height: 1.4em;
  z-index: 1;
  top: -210px;
  margin-left: 19%;
  font-weight: 700
}

.producer_area span {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: .1em
}

.producer_area span.sub_tit {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em
}

.btn a,.btn_aw1 a,.btn_aw2 a {
  font-weight: 700;
  text-decoration: none
}

.btn a,.btn_tit {
  letter-spacing: .08em
}

.p {
  z-index: 2;
  margin-top: -70px!important;
  margin-left: 16%
}

@media screen and (min-width: 1400px) {
  .producer_box p {
      position:relative;
      padding: 50px 0 0;
      font-size: 16px;
      margin-top: -80px!important;
      margin-left: 43%;
      letter-spacing: .08em;
      width: 39%;
      line-height: 2
  }
}

@media screen and (min-width: 1650px) {
  .producer_box p {
      position:relative;
      padding: 50px 0 0;
      font-size: 16px;
      margin-top: -180px!important;
      margin-left: 43%;
      letter-spacing: .08em;
      width: 39%;
      line-height: 2
  }
}

.btn a,.btn a:hover {
  width: 50%;
  height: 100%
}

.btn {
  text-align: center;
  margin-top: 14%
}

.btn a {
  background: #222!important;
  margin: 0 auto 16%;
  display: block;
  padding: 3% 0;
  font-size: 18px;
  color: #fff
}

.btn a:hover {
  opacity: .7;
  transition: .3s
}

.btn_aw1 {
  margin-right: 2%
}

.btn_aw2 {
  margin-top:0!important;
  margin-left: 2%
}

.btn_aw1 p,.btn_aw2 p {
  padding-right: 2%
}

.btn_aw1 a,.btn_aw2 a {
  width: 240px;
  background: #fff!important;
  margin: 20% auto 12%!important;
  display: inline-block;
  padding: 10% 2%;
  font-size: 17px;
  color: #222;
  height: 100%;
  line-height: 1.6;
  border: 3px solid #222;
  border-radius: 50px
}

.btn_aw1 a:hover,.btn_aw2 a:hover {
  transition: .3s;
  color: #c1cfca;
  border-color: #c1cfca!important;
  border-radius: 50px
}

.btn_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 24% -5px;
  padding: 0 0 24%
}

.btn_tit {
  font-size: 20px;
  margin-top: 16%
}

:root .overlay-trigger ul,_:-ms-input-placeholder {
  width: 1180px;
  margin: 90px 0 0;
  display: flex;
  flex-wrap: wrap
}

:root .producer_box p,_:-ms-input-placeholder {
  padding: 50px 0 0;
  font-size: 16px;
  margin-left: 41%;
  margin-top: -90px;
  letter-spacing: .08em;
  width: 39%;
  line-height: 2
}

:root .style_men,_:-ms-input-placeholder {
  width: 1180px;
  margin: 0
}

.style_2 a,.style_men a,:root .style a,_:-ms-input-placeholder {
  text-decoration: none;
  transition: .3s
}

@-moz-document url-prefix() {
  .position {
      min-height: 1200px;
      margin-top: 170px
  }

  .producer_area .pc_on img {
      z-index: 1;
      width: 16px;
      position: relative;
      top: -100px;
      margin-left: 15%
  }

  .producer_tit {
      width: 1em;
      font-size: 24px;
      line-height: 1.4em;
      z-index: 1;
      top: -210px;
      margin-left: 19%;
      font-weight: 700
  }

  .p {
      z-index: 2;
      margin-top: -70px;
      margin-left: 15%
  }

  .producer_box p {
      padding: 50px 0 0;
      font-size: 16px;
      margin-left: 43%;
      margin-top: -70px;
      letter-spacing: .08em;
      width: 48%;
      line-height: 2
  }
}

@media screen and (max-width: 768px) {
  body {
      height:100%;
      min-width: 1200px;
      margin: 140% 0 0;
      padding: 0;
      opacity: 0;
      transition: .7s
  }

  body.fadeInUp {
      opacity: 1;
      margin-top: 0
  }

  #header,#page {
      font-family: Futura,'Century Gothic',游ゴシック体,YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',游ゴシック,'Yu Gothic',メイリオ,Meiryo,sans-serif
  }

  img {
      display: block
  }

  hr {
      border: none!important;
  }

  .pc_on {
      display: none!important;
  }

  .sp_on {
      display: block!important;
  }

  .siteHeader,.topFooter {
      display: none
  }

  .mainContents {
      margin-top: 0;
      width: 1200px;
      overflow: visible
  }

  .siteWrap-lp {
      margin-top: -50px
  }

  h1 {
      padding: 16.5em 0 1.2em;
      font-size: 45px;
      font-weight: 600;
      text-align: center;
      letter-spacing: .1em;
      line-height: 1.6;
      filter: drop-shadow(0 0 .75rem rgb(209, 214, 201, 1))
  }

  h1+span>img {
      width: 193px;
      margin: auto
  }

  .tracking-in-expand {
      -webkit-animation: tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) 1.4s both;
      animation: tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) 1.4s both
  }

  @-webkit-keyframes tracking-in-expand {
      0% {
          letter-spacing: -.5em;
          opacity: 0
      }

      40% {
          opacity: .6
      }

      100% {
          opacity: 1
      }
  }

  @keyframes tracking-in-expand {
      0% {
          letter-spacing: -.5em;
          opacity: 0
      }

      40% {
          opacity: .6
      }

      100% {
          opacity: 1
      }
  }

  .text-focus-in {
      -webkit-animation: text-focus-in 1s cubic-bezier(.55,.085,.68,.53) 1.8s both;
      animation: text-focus-in 1s cubic-bezier(.55,.085,.68,.53) 1.8s both
  }

  @-webkit-keyframes text-focus-in {
      0% {
          -webkit-filter: blur(12px);
          filter: blur(12px);
          opacity: 0
      }

      100% {
          -webkit-filter: blur(0);
          filter: blur(0);
          opacity: 1
      }
  }

  @keyframes text-focus-in {
      0% {
          -webkit-filter: blur(12px);
          filter: blur(12px);
          opacity: 0
      }

      100% {
          -webkit-filter: blur(0);
          filter: blur(0);
          opacity: 1
      }
  }

  .poem {
      background-color: #ebf0f4;
      padding: 6% 6% 8%
  }

  .overlay-trigger ul.style li:nth-child(odd),.overlay-trigger ul.style_2 li:nth-child(odd) {
      padding-right: 0
  }

  .poem p {
      width: 100%;
      font-size: 27px;
      line-height: 2.4;
      word-break: break-all;
      letter-spacing: .06em
  }

  .poem span {
      font-size: 52px;
      display: block;
      padding-bottom: .5em;
      letter-spacing: .1em
  }

  .yakuhanjps {
      font-family: YakuHanJPs,"Hiragino Sans",Meiryo,"Yu Gothic Medium",sans-serif
  }

  .overlay01,.overlay02,.overlay03,.overlay04,.overlay_01,.overlay_btm01,.overlay_btm02,.overlay_btm03,.overlay_btm04,.overlay_btm05,.overlay_btm06,.overlay_btm07,.overlay_btm08,.overlay_btm09,.overlay_btm10,.overlay_btm11,.overlay_btm12,.overlay_btm13,.overlay_btm14,.overlay_btm15,.overlay_btm16,.overlay_btm17,.overlay_btm18 {
      font-size: 30px;
      color: #222;
      text-align: center;
      font-weight: 200;
      line-height: 4;
      letter-spacing: .1em;
      padding-top: 60vh
  }

  .overlay-trigger ul {
      width: 88%;
      margin: 12% 6% 0;
      display: block;
      flex-wrap: nowrap
  }

  .overlay-trigger ul.style_2 {
      width: 100%;
      margin: 12% 0 0;
      display: block;
      flex-wrap: nowrap
  }

  .overlay-trigger ul.style li img {
      width: 100%
  }

  .overlay-trigger ul.style li {
      width: 100%;
      text-align: center
  }

  .overlay-trigger ul.style_2 li:nth-child(1),.overlay-trigger ul.style_2 li:nth-child(10),.overlay-trigger ul.style_2 li:nth-child(11),.overlay-trigger ul.style_2 li:nth-child(12),.overlay-trigger ul.style_2 li:nth-child(15),.overlay-trigger ul.style_2 li:nth-child(16),.overlay-trigger ul.style_2 li:nth-child(2),.overlay-trigger ul.style_2 li:nth-child(7),.overlay-trigger ul.style_2 li:nth-child(8),.overlay-trigger ul.style_2 li:nth-child(9) {
      width: 88%;
      margin: 12% 6% 0;
      text-align: center
  }

  .overlay-trigger ul.style li img,.overlay-trigger ul.style_2 li img {
      width: 100%
  }

  .overlay-trigger ul.style_2 li:nth-child(13),.overlay-trigger ul.style_2 li:nth-child(17),.overlay-trigger ul.style_2 li:nth-child(3),.overlay-trigger ul.style_2 li:nth-child(5) {
      width: 100%;
      padding-right: 0
  }

  .overlay-trigger ul.style_2 li:nth-child(13) img,.overlay-trigger ul.style_2 li:nth-child(14),.overlay-trigger ul.style_2 li:nth-child(14) img,.overlay-trigger ul.style_2 li:nth-child(17) img,.overlay-trigger ul.style_2 li:nth-child(18),.overlay-trigger ul.style_2 li:nth-child(18) img,.overlay-trigger ul.style_2 li:nth-child(3) img,.overlay-trigger ul.style_2 li:nth-child(4),.overlay-trigger ul.style_2 li:nth-child(4) img,.overlay-trigger ul.style_2 li:nth-child(5) img,.overlay-trigger ul.style_2 li:nth-child(6),.overlay-trigger ul.style_2 li:nth-child(6) img {
      width: 100%
  }

  .style li:hover {
      cursor: auto
  }

  .style img,.style_2 img {
      width: 100%;
      height: 100%
  }

  .style p.sp_on,.style_2 p.sp_on,.style_men p.sp_on {
      display: block!important;;
      font-size: 40px;
      font-weight: 300;
      letter-spacing: .06em
  }

  .style a.pc_on,.style p.pc_on,.style_2 a.pc_on,.style_2 p.pc_on {
      display: none!important;
  }

  .style p,.style_2 p,.style_men p {
      float: none;
      text-align: center;
      line-height: 2;
      padding: 3% 0 .2%;
      border-bottom: 1px solid #000;
      margin: 0 auto 16%;
      width: 4em
  }

  .style_men,.style_men div,.style_men img {
      width: 100%
  }

  .position {
      position: static;
      margin-top: 17%;
      min-height: 1800px
  }

  .producer_box {
      width: 100%;
      margin: 0;
      z-index: 0;
      position: static
  }

  .producer_area {
      width: 100%;
      text-align: left;
      margin: -12% 0 10%
  }

  .producer_area p {
      position: static;
      line-height: 1.8;
      padding: 4% 5.2% 5%;
      text-align: left;
      font-size: 38px;
      letter-spacing: .1em;
      margin: 0;
      width: 89%
  }

  .producer_area img {
      width: 100%;
      margin: auto
  }

  .producer_area .sp_on img {
      width: 18%;
      margin: 0 0 0 5.8%
  }

  .producer_area p.producer_tit {
      font-size: 50px;
      font-weight: 700;
      letter-spacing: .28em;
      padding: 1% 5.5% 5%
  }

  .producer_area span {
      font-size: 50px;
      font-weight: 700;
      letter-spacing: .14em
  }

  .producer_area span.sub_tit {
      font-size: 33px;
      font-weight: 600;
      letter-spacing: .1em
  }

  .btn a,.btn_aw1 a,.btn_aw2 a {
      font-weight: 700;
      text-decoration: none;
      height: 100%;
      line-height: 1.6
  }

  .btn a {
      width: 60%;
      background: #222;
      margin: 9% auto 16%;
      display: block;
      padding: 3% 6%;
      font-size: 36px;
      color: #fff
  }

  .btn a:hover {
      opacity: .7;
      width: 60%;
      height: 100%
  }

  .btn_wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      margin: 0 0 28% -3em;
    padding:0 0 28%;
  }

  .btn_tit {
      font-size: 40px;
      margin-top: 15%
  }

  .btn_aw1 {
      margin-right: 4%
  }

  .btn_aw2 {
      margin-left: 4%
  }

  .btn_aw1 p,.btn_aw2 p {
      padding-right: 0
  }

  .btn_aw1 a,.btn_aw2 a {
      width: 100%;
      background: #fff!important;
      margin: 17% 2% 8%!important;
      display: inline-block;
      padding: 7% 5% 7% 8%;
      font-size: 36px;
      color: #222;
      border: 6px solid #222;
      border-radius: 100px
  }

  .btn_aw1 a:hover,.btn_aw2 a:hover {
      width: 100%;
      transition: none;
      color: #222;
      border-color: #222!important;
      border-radius: 100px
  }

  .siteWrap-1 .sp_on {
      font-size: 26px;
      margin-bottom: 36%
  }

  .siteWrap-1 img {
      width: 20%;
      margin: 0 auto 4%
  }
}

footer{
    position: relative;
    height: 1000%;
}

.section-spacing--tight{
  padding:0!important;
}

  .page .siteWrap-1 .center a{
        background: #222;
  }


@media screen and (max-width: 767px) {
  body{
    min-width:auto;
  }
  h1{
    padding: 50vh 0 0;
    font-size: 24px;
  }
  #main .shopify-section .container{
    width: 100%;
    --container-max-width: auto;
  }
  .mainContents{
    width:100%;
  }
  #page{
    margin: 120vh 0 0;
    top: auto;
  }
  .poem span{
    font-size: 24px;
  }
  .poem p{
    font-size:14px;
  }
  .overlay-trigger ul{
    display: block !important;
  }
  .style p.sp_on, .style_2 p.sp_on, .style_men p.sp_on{
    font-size:20px;
  }
  .overlay-trigger ul.style_2{
    flex-wrap:wrap;
  }
  .overlay01, .overlay02, .overlay03, .overlay04, .overlay_01, .overlay_btm01, .overlay_btm02, .overlay_btm03, .overlay_btm04, .overlay_btm05, .overlay_btm06, .overlay_btm07, .overlay_btm08, .overlay_btm09, .overlay_btm10, .overlay_btm11, .overlay_btm12, .overlay_btm13, .overlay_btm14, .overlay_btm15, .overlay_btm16, .overlay_btm17, .overlay_btm18{
    display: none !important;
  }
  .position{
    min-height: auto;
    margin: 0 !important;
  }
  .producer_area p{
    font-size: 16px;
  }
  .producer_area p span{
    font-size: 24px;
  }
  .producer_area p.producer_tit{
    font-size: 24px;
  }
  .producer_area span.sub_tit{
    font-size: 20px;
  }
  .overlay-trigger ul.style li img, .overlay-trigger ul.style_2 li img{
    height:auto;
  }
  .btn_tit{
     font-size:16px; 
  }
  .btn a{
    width:300px;
    font-size: 16px;
  }
  .btn_wrap{
    margin:30px 0;
    justify-content: space-evenly;
  }
  .btn_aw1,
  .btn_aw2{
    width:40%;
    margin:0;
  }
  .btn_aw1 a,
  .btn_aw2 a{
    font-size: 16px;
    border: 2px solid #222;
  }
  .shopify-section--announcement-bar{
    position: relative;
    z-index: 1;
  }
}