@charset "Shift_JIS";
/* Common */
.item_{
  opacity: 0;
}
.item_:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 0.5s 1 forwards;
}
.item_:nth-child(2) {
  -webkit-animation: example 0.5s ease 1s 1 forwards;
  animation: example 0.5s ease 1s 1 forwards;
}
.item_:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;
}
.item_:nth-child(4) {
  -webkit-animation: example 0.5s ease 2s 1 forwards;
  animation: example 0.5s ease 2s 1 forwards;
}
.item_:nth-child(5) {
  -webkit-animation: example 0.5s ease 2.5s 1 forwards;
  animation: example 0.5s ease 2.5s 1 forwards;
}
.item_:nth-child(6) {
  -webkit-animation: example 0.5s ease 3s 1 forwards;
  animation: example 0.5s ease 3s 1 forwards;
}
.item_:nth-child(7) {
  -webkit-animation: example 0.5s ease 3.5s 1 forwards;
  animation: example 0.5s ease 3.5s 1 forwards;
}
@-webkit-keyframes example {
  100% {
  opacity: 1;
  }
}
@keyframes example {
  100% {
  opacity: 1;
  }
}
@media only print, only screen and (max-width: 767px){
.tab,
.pc,
.pc_tab{
  display:none !important;
}
.sp,
.tab_sp{
  display:block !important;
}
.inner_{
  width: 85%;
  margin: 5% auto 0;
}
.contentinner_{
  width: 75%;
  margin: 0 auto;
}
h2{
  margin: 10% auto;
  padding: 10% 0 0 0;
}
/* Left */
#obi {
  position: fixed;
  bottom: 35%;
  left: 2%;
  z-index: 1;
}
/* Top Image */
svg.mainLogo_{
  width: 80%;
}
#thumblist{
  position: relative;
  max-height: 100%;
  /*padding: 69.5% 0 0;*/
  z-index: 1;
  }
.item_ img{
  width: 55%
}
.test:before {
  content: "";
  display: block;
  padding-top: 200%; /* 1:1 */
}
.i1{
  position: absolute;
  top: 2%;
  left: -5%;
}
.i2{
  position: absolute;
  top: 8%;
  right: -6%;
  text-align: right;
}
.i3{
  position: absolute;
  top: 47%;
  left: -13%;
  text-align: left;
}
.i4{
  position: absolute;
  top: 54%;
  right: 1%;
  text-align: right;
}
.logo{
  position: absolute;
  top: 24%;
  right: -40%;
}
.logo svg#logo{
  width: 45%;
}
svg.concept,svg.shoppress{
  width: 55%;
}
svg.pin_tucK_blouse{
  width: 65%;
}
svg.sheer_hood_parka{
  width: 65%;
}
svg.back_cross_camisole{
  width: 80%;
  }
svg.one_shoulder_pants{
  width: 70%;
}

/* Concept */
#concept{
  background: #ebebeb;
  padding: 10% 5% 15%;
  text-align: center;
  margin: -32% 0 0 0;
  opacity: 1;
  z-index: -99;
}
.leadText_{
  margin: 0 0 25% 0;
}
.leadText_:after{
  position: absolute;
  content: "";
  height: 1px;
  width: 40px;
  background: #3f3a39;
  display: inline-block;
  text-align: center;
  margin-top: 60px;
  left: 50%;
  margin-left: -20px;
}
.move_ {
  -webkit-animation: move 0.5s ease 3s 1 forwards;
  animation: move 0.5s ease 3s 1 forwards;
}
@-webkit-keyframes move {
  100% {
  opacity: 1;
  }
}
@keyframes move {
  100% {
  opacity: 1;
  }
}
/* Item */
.other_{
  margin: 0;
}
.other_ p{
  letter-spacing: 5px;
}
.sub1-2{
  margin:  10% 15% 0 20%;
}
.sub2-2{
  margin: 10% 0 10% -22%;
}
.sub2-4{
  margin: 10% -20% 0 10%;
}
.sub3-1{
  margin: 15% -10% 0 25%;
}
.sub3-2{
  margin: 5% 10%;
}
.sub3-3{
  margin: 15% 0 0 0;
}
.sub4-2{
  margin: 10%;
}
.sub4-3{
  margin: 15% 0 0 0;
}
.sub-5-1{
  margin: 10% 15% 0 0;
}
.sub-5-2{
  margin: 15% 10% 0;
}
.cap-1{
  margin: 10% 0;
}
.cap-2{
  margin: 10% -5%;
  text-align: right;
}
.cap-3{
  margin: 10% 0;
}
.cap-4{
  margin: 0 0 0 7%;
}
.cap-5{
  margin: 10% 0 0 5%;
}
.iteminner_{
  width: 100%;
  margin: 0 auto;
}
.itemArea_ {
  padding: 10%;
  background: #ebebeb;
  margin: 5% auto;
}
.itemArea_ .model_ {
  width: 90%;
  vertical-align: middle;
}
.itemArea_ .text_ {
  width: 90%;
  text-align: left;
  vertical-align: middle;
  margin: 5% 0;
}
.itemArea_ p {
  padding: 3% 0;
}
.area {
  width: 30px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.marquee {
  width: 30px;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border-bottom: 1px solid #3f3a39
}
@keyframes marquee {
  from  { transform: translate(-100%); }
  100%,to { transform: translate(0%); }
}
.btn_{
  margin: 20px 0 0 0;
}
/*Shop Press */
.name_{
  line-height: 1.5;
  margin: 10px 0 0 0;
}
.sp_{
  display: inline-block;
  width: 122%;
  text-align: left;
  margin: 0 0 15% 0;
  position: relative;
}
.sp_img{
  width: 36%;
  margin: 0 10px 0;
}
.sp_:after{
  position: absolute;
  content: "";
  height: 120px;
  width: 100%;
  background: #ebebeb;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  left: 0;
  margin-left: 10px;
  z-index: -99;
  top: 0;
}
.sp_ img{
  margin: 0 10px 0 0;
}
.sp_ span{
  letter-spacing: 1px;
}
.spinner_{
  padding: 5% 10% 0;
}
svg.instaLogo_{
  width: 90%;
}
}
@media only print, only screen and (min-width: 768px){
.sp,
.tab,
.tab_sp,
.pc{
  display:none !important;
}
.pc_tab,
.tab_pc{
  display:block !important;
}
.inner_{
  width: 90%;
  margin: 0 auto;
}
h2{
  margin: 120px auto 5%;
}
/* Left */
#obi {
  position: fixed;
  bottom: 350px;
  left: 2%;
}
/* Top Image */
  #thumblist{
  position: relative;
  max-height: 100%;
  /*padding: 69.5% 0 0;*/
  z-index: 1;
  }
  .item_ img{
  width: 90%
  }
  .test:before {
  content: "";
  display: block;
  padding-top: 100%; /* 1:1 */
  }
  .i1{
    position: absolute;
    top: 6%;
    left: 4%;
  }
  .i2-1{
    position: absolute;
    top: 52%;
    left: 25%;
  }
  .i2-2{
    position: absolute;
    top: 69%;
    left: 4%;
  }
  .i3{
    position: absolute;
    top: 8%;
    left: 68%;
  }
  .i4{
    position: absolute;
    top: 50%;
    left: 63%;
  }
  .logo{
    position: absolute;
        top: 11%;
        left: 37%;
  }

/* Concept */
#concept{
  background: #ebebeb;
  padding: 5% 0;
  text-align: center;
  margin: -150px 0 0 0;
  opacity: 0;
  z-index: -99;
}
.leadText_{
  margin: 0 0 8% 0;
  line-height: 2.5;
}
.leadText_:after{
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background: #3f3a39
  display: inline-block;
  text-align: center;
  margin-top: 80px;
  left: 50%;
  margin-left: -40px;
}
.move_ {
  -webkit-animation: move 0.5s ease 5s 1 forwards;
  animation: move 0.5s ease 5s 1 forwards;
}
@-webkit-keyframes move {
  100% {
  opacity: 1;
  }
}
@keyframes move {
  100% {
  opacity: 1;
  }
}
/* Item */
.other_{
  margin: 100px 0;
}
.other_ p{
  letter-spacing: 8px;
}
.sub1-2{
  margin: 50px 100px 0 200px;
}
.sub2-2{
  margin: 50px 0 50px 200px;
}
.sub2-4{
  margin: 50px 0 0 250px;
}
.sub3-1{
  margin: 100px 0 0 0;
}
.sub3-2{
  margin: 100px 50px;
}
.sub3-3{
  margin: 100px 0 0 0;
}
.sub4-2{
  margin: 150px 50px 100px;
}
.sub4-3{
  margin: 100px 0 0 0;
}
.sub-5-1{
  margin: 50px 100px 0 0;
}
.sub-5-2{
  margin: 100px 50px 0;
}
.cap-1{
  margin: 50px;
}
.cap-3{
  margin: 50px 0 0 50px;
}
.cap-4{
  margin: 0 0 0 150px;
}
.cap-5{
  margin: -50px 0 0 200px
}
.iteminner_{
  width: 100%;
  margin: 0 auto;
}
.itemArea_ {
  padding: 5%;
  background: #ebebeb;
  margin: 5% auto;
}
.itemArea_ .model_ {
  width: 54%;
  vertical-align: middle;
}
.itemArea_ .text_ {
  width: 40%;
  text-align: left;
  vertical-align: middle;
}
.itemArea_ p {
  padding: 3% 0;
}
.area {
  width: 50px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.marquee {
  width: 50px;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border-bottom: 1px solid #3f3a39
}
@keyframes marquee {
  from  { transform: translate(-100%); }
  100%,to { transform: translate(0%); }
}
/*Shop Press */
.name_{
  line-height: 1.5;
  margin: 20px 0 0 0;
}
.sp_{
  display: inline-block;
  width: 48%;
  text-align: left;
  margin: 0 0 5% 0;
  position: relative;
}
.sp_:after{
  position: absolute;
  content: "";
  height: 120px;
  width: 350px;
  background: #ebebeb;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  left: 0;
  margin-left: -15px;
  z-index: -99;
}
.sp_ img{
  margin: 0 10px 0 0;
}
.sp_ span{
  letter-spacing: 1px;
}
}

@media only print, only screen and (min-width: 1200px){
.sp,
.tab,
.tab_sp,
.pc_tab{
  display:none !important;
}
.pc,
.tab_pc{
  display:block !important;
}
.inner_{
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
h2{
  margin: 5% auto 3%;
  padding: 5% 0 0 0;
}
/* Left */
#obi {
  position: fixed;
  bottom: 350px;
  left: 2%;
}
/* Top Image */
#thumblist{
  position: relative;
  max-height: 100%;
  /*padding: 69.5% 0 0;*/
  z-index: 1;
}
.item_ img{
  width: 90%
}
.test:before {
  content: "";
  display: block;
  padding-top: 75%; /* 1:1 */
}
.i1{
  position: absolute;
  top: 6%;
  left: 4%;
}
.i2-1{
  position: absolute;
  top: 52%;
  left: 25%;
}
.i2-2{
  position: absolute;
  top: 69%;
  left: 4%;
}
.i3{
  position: absolute;
  top: 8%;
  left: 68%;
}
.i4{
  position: absolute;
  top: 50%;
  left: 63%;
}
.logo{
  position: absolute;
      top: 11%;
      left: 37%;
}
/* Concept */
#concept {
  background: #ebebeb;
  padding: 5% 0 10% 0;
  text-align: center;
  margin: -150px 0 0 0;
  opacity: 0;
  z-index: -99;
}
.leadText_{
  margin: 0 0 8% 0;
  line-height: 2.5;
}
.leadText_:after{
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background: #3f3a39
  display: inline-block;
  text-align: center;
  margin-top: 80px;
  left: 50%;
  margin-left: -40px;
}
.move_ {
  -webkit-animation: move 0.5s ease 5s 1 forwards;
  animation: move 0.5s ease 5s 1 forwards;
}
@-webkit-keyframes move {
  100% {
  opacity: 1;
  }
}
@keyframes move {
  100% {
  opacity: 1;
  }
}
.section_{
  margin: 10% 0;
}
/* Item */
.other_{
  margin: 100px 0;
}
.other_ p{
  letter-spacing: 8px;
}
.sub1-2{
  margin: 50px 100px 0 200px;
}
.sub2-2{
  margin: 50px 0 0 200px;
}
.sub2-4{
  margin: 50px 0 0 250px;
}
.sub3-1{
  margin: 100px 0 0 0;
}
.sub3-2{
  margin: 100px 50px;
}
.sub3-3{
  margin: 200px 0 0 0;
}
.sub4-2{
  margin: 250px 50px 0;
}
.sub4-3{
  margin: 100px 0 0 0;
}
.sub-5-1{
  margin: 50px 100px 0 0;
}
.sub-5-2{
  margin: 100px 50px 0;
}
.cap-1{
  margin: 70px 50px 120px -150px;
}
.cap-2{
  margin: 0 0 0 150px;
}
.cap-3{
  margin: 50px 0 0 50px;
}
.cap-4{
  margin: 0 0 0 -50px;
}
.cap-5{
  margin: 0 0 0 100px;
}
.iteminner_{
  width: 1000px;
  margin: 0 auto;
}
.itemArea_ {
  padding: 5%;
  background: #ebebeb;
  margin: 5% auto;
}
.itemArea_ .model_ {
  width: 45%;
  vertical-align: middle;
}
.itemArea_ .text_ {
  width: 36%;
  text-align: left;
  vertical-align: middle;
  line-height: 1.5;
}
.itemArea_ p {
  padding: 3% 0;
}
.area {
  width: 50px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.marquee {
  width: 50px;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border-bottom: 2px solid #3f3a39
}
.btn_{
  margin: 20px 0 0 0;
}
@keyframes marquee {
  from  { transform: translate(-100%); }
  100%,to { transform: translate(0%); }
}
/*Shop Press */
.spinner_{
  width: 1100px;
  margin: 0 auto;
}
.name_{
  line-height: 1.5;
  margin: 20px 0 0 0;
}
.sp_{
  display: inline-block;
  width: 38%;
  text-align: left;
  margin: 0 0 5% 0;
  position: relative;
}
.sp_:after{
  position: absolute;
  content: "";
  height: 120px;
  width: 400px;
  background: #ebebeb;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  left: 0;
  margin-left: -15px;
  z-index: -99;
}
.sp_ img{
  margin: 0 10px 0 0;
}
.sp_ span{
  letter-spacing: 1px;
}
}