@charset "UTF-8";

/*------------------------------------------------------------------------------------------
*
*
    common.css
*
*
------------------------------------------------------------------------------------------ */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */.modaal-noscroll{overflow:hidden!important}.modaal-accessible-hide{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0}.modaal-wrapper{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:auto;opacity:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.modaal-wrapper *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}.modaal-wrapper .modaal-close{border:none;background:0 0;padding:0;-webkit-appearance:none}.modaal-wrapper.modaal-start_none{display:none;opacity:1}.modaal-wrapper.modaal-start_fade{opacity:0}.modaal-wrapper [tabindex="0"]{outline:0!important}.modaal-wrapper.modaal-fullscreen{overflow:hidden}.modaal-outer-wrapper{display:table;position:relative;width:100%;height:100%}.modaal-fullscreen .modaal-outer-wrapper{display:block}.modaal-inner-wrapper{display:table-cell;width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;padding:80px 25px}.modaal-fullscreen .modaal-inner-wrapper{padding:0;display:block;vertical-align:top}.modaal-container{position:relative;display:inline-block;width:100%;margin:auto;text-align:left;color:#000;max-width:1000px;border-radius:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:auto}.modaal-container.is_loading{height:100px;width:100px;overflow:hidden}.modaal-fullscreen .modaal-container{max-width:none;height:100%;overflow:auto}.modaal-close{position:fixed;right:20px;top:20px;color:#fff;cursor:pointer;opacity:1;width:50px;height:50px;background:rgba(0,0,0,0);border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-close:focus,.modaal-close:hover{outline:0;background:#fff}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#b93d0c}.modaal-close span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-close:after,.modaal-close:before{display:block;content:" ";position:absolute;top:14px;left:23px;width:4px;height:22px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-close:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-fullscreen .modaal-close{background:#afb7bc;right:10px;top:10px}.modaal-content-container{padding:30px}.modaal-confirm-wrap{padding:30px 0 0;text-align:center;font-size:0}.modaal-confirm-btn{font-size:14px;display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;border:none;background:0 0}.modaal-confirm-btn.modaal-ok{padding:10px 15px;color:#fff;background:#555;border-radius:3px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-confirm-btn.modaal-ok:hover{background:#2f2f2f}.modaal-confirm-btn.modaal-cancel{text-decoration:underline}.modaal-confirm-btn.modaal-cancel:hover{text-decoration:none;color:#2f2f2f}.modaal-instagram .modaal-container{width:auto;background:0 0;box-shadow:none!important}.modaal-instagram .modaal-content-container{padding:0;background:0 0}.modaal-instagram .modaal-content-container>blockquote{width:1px!important;height:1px!important;opacity:0!important}.modaal-instagram iframe{opacity:0;margin:-6px!important;border-radius:0!important;width:1000px!important;max-width:800px!important;box-shadow:none!important;-webkit-animation:instaReveal 1s linear forwards;animation:instaReveal 1s linear forwards}.modaal-image .modaal-inner-wrapper{padding-left:140px;padding-right:140px}.modaal-image .modaal-container{width:auto;max-width:100%}.modaal-gallery-wrap{position:relative;color:#fff}.modaal-gallery-item{display:none}.modaal-gallery-item img{display:block}.modaal-gallery-item.is_active{display:block}.modaal-gallery-label{position:absolute;left:0;width:100%;margin:20px 0 0;font-size:18px;text-align:center;color:#fff}.modaal-gallery-label:focus{outline:0}.modaal-gallery-control{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;cursor:pointer;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0);border:none;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-gallery-control.is_hidden{opacity:0;cursor:default}.modaal-gallery-control:focus,.modaal-gallery-control:hover{outline:0;background:#fff}.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before{background:#afb7bc}.modaal-gallery-control span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-gallery-control:after,.modaal-gallery-control:before{display:block;content:" ";position:absolute;top:16px;left:25px;width:4px;height:18px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-gallery-control:before{margin:-5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-control:after{margin:5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-next-inner{left:100%;margin-left:40px}.modaal-gallery-next-outer{right:45px}.modaal-gallery-prev:after,.modaal-gallery-prev:before{left:22px}.modaal-gallery-prev:before{margin:5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-prev:after{margin:-5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-prev-inner{right:100%;margin-right:40px}.modaal-gallery-prev-outer{left:45px}.modaal-video-wrap{margin:auto 50px;position:relative}.modaal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,.3);background:#000;max-width:1300px;margin-left:auto;margin-right:auto}.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.modaal-iframe .modaal-content{width:100%;height:100%}.modaal-iframe-elem{width:100%;height:100%;display:block}.modaal-loading-spinner{background:0 0;position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;-webkit-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25)}.modaal-loading-spinner>div{width:24px;height:24px;margin-left:4px;margin-top:4px;position:absolute}.modaal-loading-spinner>div>div{width:100%;height:100%;border-radius:15px;background:#fff}.modaal-loading-spinner>div:nth-of-type(1)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(1){-ms-transform:translate(84px,84px) rotate(45deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(45deg) translate(70px,0);transform:translate(84px,84px) rotate(45deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(2)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.12s;animation-delay:.12s}.modaal-loading-spinner>div:nth-of-type(2){-ms-transform:translate(84px,84px) rotate(90deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px,0);transform:translate(84px,84px) rotate(90deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(3)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(3){-ms-transform:translate(84px,84px) rotate(135deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(135deg) translate(70px,0);transform:translate(84px,84px) rotate(135deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(4)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.37s;animation-delay:.37s}.modaal-loading-spinner>div:nth-of-type(4){-ms-transform:translate(84px,84px) rotate(180deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(180deg) translate(70px,0);transform:translate(84px,84px) rotate(180deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(5)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(5){-ms-transform:translate(84px,84px) rotate(225deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(225deg) translate(70px,0);transform:translate(84px,84px) rotate(225deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(6)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.62s;animation-delay:.62s}.modaal-loading-spinner>div:nth-of-type(6){-ms-transform:translate(84px,84px) rotate(270deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(270deg) translate(70px,0);transform:translate(84px,84px) rotate(270deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(7)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.modaal-loading-spinner>div:nth-of-type(7){-ms-transform:translate(84px,84px) rotate(315deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(315deg) translate(70px,0);transform:translate(84px,84px) rotate(315deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(8)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.87s;animation-delay:.87s}.modaal-loading-spinner>div:nth-of-type(8){-ms-transform:translate(84px,84px) rotate(360deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(360deg) translate(70px,0);transform:translate(84px,84px) rotate(360deg) translate(70px,0)}@media only screen and (min-width:1400px){.modaal-video-container{padding-bottom:0;height:731px}}@media only screen and (max-width:1140px){.modaal-image .modaal-inner-wrapper{padding-left:25px;padding-right:25px}.modaal-gallery-control{top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,.7)}.modaal-gallery-control:after,.modaal-gallery-control:before{background:#fff}.modaal-gallery-next{left:auto;right:20px}.modaal-gallery-prev{left:20px;right:auto}}@media screen and (max-width:900px){.modaal-instagram iframe{width:500px!important}}@media only screen and (max-width:600px){.modaal-instagram iframe{width:280px!important}}@media screen and (max-height:1100px){.modaal-instagram iframe{width:700px!important}}@media screen and (max-height:1000px){.modaal-inner-wrapper{padding-top:60px;padding-bottom:60px}.modaal-instagram iframe{width:600px!important}}@media screen and (max-height:900px){.modaal-instagram iframe{width:500px!important}.modaal-video-container{max-width:900px;max-height:510px}}@media only screen and (max-height:820px){.modaal-gallery-label{display:none}}@keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}

/*------------------------------------------------------------------------------------------
*
*
    index.css
*
*
------------------------------------------------------------------------------------------ */
body {
  position: relative;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 400;
  color: #000;
  font-size : 15px;
  letter-spacing: .075em;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  position: relative;
  z-index: 1;
}
body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background: url(../images/bg.jpg) top center;
  background-size: cover;
}
body, html{
  width: 100%;
  height: 100%;
}
a, li, p, div, button{ outline: none !important;}
a{ color: #000; text-decoration: none;}
a.hover-op:hover{
  opacity: .6;
  transition: opacity .15s ease .1s;
}
a[target="_blank"]::after{
  margin: 0 3px 0 1px;
  font-family:'Hobonichi-Icons'!important;
  content: "\e914";
  font-size: 85%;
  position: relative;
  top: -3px;
}
a.ico_none[target="_blank"]::after{
  display: none;
}
br.sp{ display: none;}

.ff_w6 {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 700;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
    background: #5668c4;
}
@media screen and (min-width: 641px) {
  a img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
  }
}
@media screen and (max-width: 640px) {
  body{
    z-index: 10;
    overflow-x: hidden;
    font-size: 15px;
    background: none;
  }
  body, html{
      width: 100%;
      min-width: 100%;
  }
  br{ display: none;}
  br.sp{ display: inherit;}
  img {
    width: 100%;
    height: auto;
  }
  #wrap{
    overflow: hidden;
  }
  .modaal-inner-wrapper {
    padding: 0 5vw;
  }
  .modaal-video-wrap {
    margin: auto;
  }
}
/* --------------------------------------------------
*
    #mv
*
-------------------------------------------------- */
.mv {
  margin: 0 0 50px 0;
  position: relative;
}

.mv img {
  width: 100%;
}

.mv h1 {
  content: '';
  display: block;
  text-indent: -1000vw;
  position: absolute;
  background: url(../images/top/logo_2022aw.svg) no-repeat;
  background-size: contain;
  width: 26.8399%;
  height: 40.716%;
  top: 13.541%;
  right: 6.944%;
}
.fadeIn{
  animation-name:fadeInAnime;
  animation-duration:1.5s;
  animation-delay:.8s;
  animation-fill-mode:forwards;
  opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@media screen and (max-width: 640px) {
  .mv {
    margin: 0 0 30px 0;
  }
  .mv h1 {
    width: 37.87%;
    height: 25.534%;
    top: 12.444%;
    right: 4%;
  }
}
/* --------------------------------------------------
*
    #header
*
-------------------------------------------------- */
.title {
  text-align: center;
}

@media screen and (max-width: 840px) {
  .title div {
    width: 90%;
    margin: 0 auto;
  }
}

/* --------------------------------------------------
*
    #sec_yodogawa
*
-------------------------------------------------- */
#sec_yodogawa {
  margin: 40px 0 60px 0;
  text-align: center;
}

#sec_yodogawa p {
  font-size: 14px;
  color: #636262;
  line-height: 2.17;
  letter-spacing: .12em;
  max-width: 515px;
  width: 90%;
  margin: 0 auto 30px;
  text-align: left;
}

#sec_yodogawa p.last {
  margin-bottom: 40px;
}

#sec_yodogawa .video {
  max-width: 510px;
  display: inline-block;
  line-height: 0;
}
@media screen and (max-width: 840px) {
  #sec_yodogawa {
    margin: 30px 0 0 0;
  }
  #sec_yodogawa p {
    margin: 0 auto 25px;
    font-size: 14px;
  }
  #sec_yodogawa p.last {
    margin-bottom: 25px;
  }
  #sec_yodogawa .video {
    width: 90%;
    margin: 0 auto 45px;
  }
}

/* --------------------------------------------------
*
    .sec_lineup
*
-------------------------------------------------- */
/* .sec_lineup {
  background-color: #f3fffe;
}
 */
.cart_stock a {
  text-decoration: none;
  line-height: 0;
}

.sec_lineup h2 {
  background: url(../images/top/bg_title.jpg) no-repeat;
  background-size: cover;
  padding: 33px 0 6px;
  text-align: center;
  position: relative; 
}
/* .sec_lineup h2::after {
  width: calc(100% - 30px);
  content: '';
  display: block;
  border-top: 1px dashed #5668c4;
  position: absolute;
  bottom: 16px;
  left: 15px;
} */
.sec_lineup h2 img {
  z-index: 1;
  position: relative;
}
.sec_lineup ul {
  display: flex;
  flex-wrap: wrap;
}
.sec_lineup ul li {
  position: relative;
}
.sec_lineup .img img {
  width: 100%;
}
.sec_lineup .half {
  width: 50%;
}
.sec_lineup .name, .sec_lineup .number, .sec_lineup .btn_link{
  position: absolute;
  color: #ffffff;
}
.sec_lineup li .note {
  display: none;
  position: absolute;
  top: 44.5%;
  left: 23.611%;
  color: #ff8469;
  font-family: "A1 Gothic M",sans-serif;
  font-size: 1.18vw;
  letter-spacing: .12em;
}
.sec_lineup li.sold .note {
  display: block;
}
.sec_lineup li.coat2 .note {
  top: 88.5%;
  left: 6.1%;
}
.sec_lineup li.coat3 .note {
  top: 51%;
  left: 66%;
}
.sec_lineup li.blouse1 .note {
  top: 46%;
  left: 62.8%;
}
.sec_lineup li.blouse2 .note {
  top: 75%;
  left: 6.3%;
}
.sec_lineup li.merinowool1 .note {
  top: 62%;
  left: 10.8%;
}
.sec_lineup li.merinowool2 .note {
  top: 94.5%;
  left: 5.2%;
}
.sec_lineup li.merinowool3 .note {
  top: 58.8%;
  left: 65.8%;
}
.sec_lineup .name h3 {
  font-family: "A1 Gothic M",sans-serif;
  font-size: 17px;
  line-height: 1.23;
  padding-bottom: 0.5em;
}
.sec_lineup .name .price {
  font-family: "A1 Gothic R",sans-serif;
  font-size: 17px;
}
.sec_lineup .name .price span {
  font-size: 72%;
}
.sec_lineup .name .color {
  margin-top: .5em;
}
.sec_lineup .name .color span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: .5px solid #ffffff;
  display: inline-block;
}
.sec_lineup .name .color span:nth-of-type(n + 2) {
  margin-left: .5em;
}
.sec_lineup ul li.coat .number {
  top: 15.61%;
  left: 23.19%;
}
.sec_lineup ul li.coat .name {
  top: 30.61%;
  left: 23.19%;
}
.sec_lineup .name .color span:nth-of-type(1) {
  background-color: #cab8ab;
}
.sec_lineup .name .color span:nth-of-type(2) {
  background-color: #09151e;
}
.sec_lineup .btn_link img {
  width: 100%;
  position: relative;
}
.sec_lineup .btn_link {
  width: 4.93%;
  right: 2.777%;
  bottom: 5.479%;
  transition: all .3s ease-out;
  transform: translateX(-10px);
  opacity: 0;
}
.sec_lineup .half .btn_link {
  width: 9.861%;
  right: 5.555%;
  bottom: 6.25%;
}
.sec_lineup .btn_link.delighter.started {
  transform: none;
  opacity: 1;
}
@media screen and (min-width: 641px) {
  /* .sec_lineup a .img, #sec_yodogawa .video {
    background-color: #000;
    mix-blend-mode: multiply;
  }   */
  .video:hover img, #sec_banner a:hover {
    opacity: .8;
  }  
  /* .sec_lineup a:hover .img img, #sec_yodogawa .video:hover img {
    opacity: .8;
  }  
  .sec_lineup a:hover .btn_link img {
    filter: grayscale(40%) opacity(0.6);
  } */
}
@media screen and (max-width: 640px) {
  .sec_lineup h2 {
    padding: 20px 0 5px 2.66vw;
    text-align: left;
  }
  /* .sec_lineup h2::after {
    width: calc(100% - 15px);
    bottom: 10px;
  } */
  .sec_lineup h2 img {
    width: auto;
    height: 20px;
  }
  .sec_lineup .half {
    width: 100%;
  }
  .sec_lineup .btn_link, .sec_lineup .half .btn_link {
    width: 44px;
    right: 17px;
    bottom: 20px;
  }
  .sec_lineup .btn_link::before {
    width: 44px;
  }  
  .sec_lineup .btn_link.right_sp {
    right: auto;
    left: 12px;
  }
  .sec_lineup li .note {
    font-size: 3.2vw;
    top: 33.8%;
    left: 67.611%;
  }
  .sec_lineup li.coat2 .note {
    top: 78.5%;
    left: 5%;
  }
  .sec_lineup li.coat3 .note {
    top: 58.5%;
    left: 70%;
  }
  .sec_lineup li.blouse1 .note {
    top: 39%;
  } 
  .sec_lineup li.blouse2 .note {
    top: 74%;
    left: 4%;
  }
  .sec_lineup li.merinowool1 .note {
    top: 86%;
    left: 5.3%;
  }
  .sec_lineup li.merinowool2 .note {
    top: 89.5%;
  }
  .sec_lineup li.merinowool3 .note {
    top: 81%;
    left: 4.8%;
  }
}
/* --------------------------------------------------
*
    #sec_information
*
-------------------------------------------------- */
#sec_information {
  color: #3a3838;
  background-color: rgba(255, 252, 245, 0.7);
  padding: 50px 0 0 0;
  overflow: hidden;
}
#sec_information a {
  color: #5668c4;
  text-decoration: none;
}
#sec_information h3 {
  font-size: 15px;
}
#sec_information div {
  max-width: 420px;
  margin: 0 auto;
  font-size: 14px;
  letter-spacing: .18em;
  line-height: 1.89;
}

#sec_information p {
  margin-bottom: 50px;
}

#sec_information h4.ti {
  text-indent: -.5em;
}

#sec_information .section {
  margin: 0 0 70px 0;
  letter-spacing: .075em;
}

#sec_information .section:last-child {
  margin: 0;
}

#sec_information .section p {
  margin: 0 0 25px 0;
  font-size: 14px;
  line-height: 1.857em;
}

#sec_information .section p .ti {
  margin-left: -.5em;
}
/* --------------------------------------------------
*
    #sec_banner
*
-------------------------------------------------- */
#sec_banner {
  background-color: rgba(255, 252, 245, 0.7);
  margin-top: 60px;
  padding: 60px 0 50px 0;
  text-align: center;
}
#sec_banner a img {
  max-width: 515px;
  width: 93.6%;
  margin: 0 auto;
}
span.capture {
  font-size: 14px;
  line-height: 3;
  letter-spacing: .18em;
  color: #3a3838;
  display: block;
}
@media screen and (max-width: 640px) {
  #sec_banner {
    padding: 40px 0 20px 0;
  }
  span.capture {
    font-size: 13px;
  }  
}
/* --------------------------------------------------
*
    .footer
*
-------------------------------------------------- */
.footer{
  margin: 40px 0 90px 0;
  padding-bottom: 90px;
}
.footer a {
  text-decoration: none;
  color: #808080;
}
.footer .inner {
  max-width: 890px;
  padding: 0 50px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
.footer .share {
  display: flex;
}
.footer .share li {
  margin: 0 50px 0 0;
  line-height: 0;
}
.footer .share li img{
  width: 45px;
}
.footer .share_title {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  font-size: 12px;
  font-weight: bold;
  color: #808080;
}
.footer .share_title span {
  display: block;
  line-height: 1em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.footer li span {
  display: block;
  vertical-align: middle;
}
.footer .hobo {
  display: flex;
  position: absolute;
  top: 10px;
  right: 50px;
}
.footer .hobo li {
  margin: 0 0 0 35px;
}
.footer .email {
  margin: 3px 0 0 0;
  font-size: 13px;
  font-weight: bold;
  color: #0a1464;
}
.footer .email span {
  display: inline-block;
  margin: 0 10px 0 0;
}
.footer .email span img{
  width: 31px;
}

.footer .ico_home span {
  margin: -8px 0 0 0;
  display: block;
  font-size: 53px;
}
.footer .store {
  display: flex;
  justify-content: center;
  margin: 45px auto 30px;
}

.footer .store li {
  margin: 0 0 0 30px;
}
.footer .store li:first-of-type {
  margin: 0;
}
.footer .store a{
  color: #666666;
  font-size: 14px;
}
.footer .copyright {
  text-align: center;
  font-size: 11px;
  color: #666666;
}

ul.beforeDot li {
  position: relative;
  padding: 0 0 25px 0;
}
ul.beforeDot li::before {
  position: absolute;
  left: -14px;
  top: 0;
  content: '・';
}
@media (max-width: 768px) {
  .footer {
      width: 100%;
      margin: 50px auto;
  }
  .footer .inner {
      padding: 0 25px;
  }
  .footer .share {
      display: flex;
      justify-content: space-between;
      margin: 0 auto 40px auto;
  }
  .footer .share li{
      margin: 0;
  }
  .footer .hobo {
      display: block;
      max-width: 300px;
      position: relative;
      margin: 0 auto;
      top: 0;
      right: 0;
      text-align: center;
  }
  .footer .hobo li {
      margin: 0 0 40px 0;
  }
  .footer .hobo li.ico_home img{
      width: 50%;
  }
  .footer .store {
      display: block;
      text-align: center;
  }
  .footer .store li {
      margin: 0 0 .5em 0 !important;
  }

}
@media screen and (max-width: 840px) {
  #sec_information {
    padding: 45px 10px 0;
  }
  #sec_information div {
    font-size: 14px;
  }
}