/*-----デフォルト------------------------------*/
 @charset "UTF-8";

  html {
    font-size: 62.5%;
  }

  body {
    width: 100%;
  }

  img,
  video,
  svg {
    width: 100%;
    height: auto;
  }
/*---//デフォルト-------------------------------*/

/* パンくず 追加スタイル PC */
@media only screen and (min-width: 768px) {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}
/* //パンくず 追加スタイル PC */
#miffy_ROOMWEAR a{
  display: inline;
}

#miffy_ROOMWEAR .price span {
  display: inline;
}

#miffy_ROOMWEAR * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*==========================
      共通
=========================*/

.main-area{
  background-color: #ffffff;
}

/*
.back_pc{
    background: url(../img/LP_pc.jpg); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: 136.6rem;
    background-position-y: -11.1rem;
}
*/

#miffy_ROOMWEAR {
  margin: auto;
  padding-bottom: 12rem;
  font-size: 1.8rem;
  letter-spacing: 0.125em;
  line-height: 1.77778;
  font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
}


h3.ttl{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 4.2rem;
  letter-spacing: 0.125em;
  line-height: 1;
  margin-bottom: 2.6rem;
  font-weight: 800;
}

.text-box{
  font-size: 1.5rem;
  letter-spacing: 0.125em;
  line-height: 2.1333;
  font-family: 'BIZ UDPGothic', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #413b3b;
}

.price {
  font-size: 1.5rem;
  font-family: 'BIZ UDPGothic', sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: 0.125em;
  color: #4c4242;
  margin-top: 1rem;
}

.credit{
  font-size: 1.4rem;
  font-weight: 400;
}


.price span a{
  text-decoration: underline;
}

.SP_flex-column{
  display: flex;
  justify-content: space-between;
}

.ta_c{
  text-align: center;
}

/*==========================
          top
=========================*/
.top{
  width: 160rem;
  margin: 0 auto;
  margin-bottom: 8.9rem;
}

.top-img{
  width: 100%;
  margin-bottom: 9.5rem;
}

.TOP_text-box{
  font-size: 1.5rem;
  letter-spacing: 0.125em;
  line-height: 2;
  font-family: 'BIZ UDPGothic', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #413b3b;
  margin-bottom: 2.45rem;
}

.top .prod_list{
  width: 120rem;
  margin: 0 auto;
}

.top .prod_box{
  width: 37rem;
}

.top .prod_img{
  width: 100%;
}
/*=======//top==============================================*/


/*==========================
      section01
=========================*/
.sect01{
  margin: 0 auto;
  margin-bottom: 9.5rem;
  padding-top: 10rem;
  padding-bottom: 10.2rem;
  background-color: #fff3f3;
}

.sect01 .SP_flex-column{
  width: 98.2rem;
  margin: 0 auto;
  padding-right: 0.5rem;
}

.img04{
  width: 44rem;
}

.img05{
  width: 39rem;
}

.sect01 .description{
  width: 44.8rem;
  margin-bottom: 3.4rem;
  margin-top: -0.5rem;
}

.sect01 .description .text-box{
  width: 43.5rem;
}

.sect01 h3.ttl{
  color: #dd9290;
  margin-bottom: 2.5rem;
}

.model_box02{
  width: 43.5rem;
}

/*=======//section01==============================================*/


/*==========================
      section02
=========================*/ 
.sect02{
  width: 97.7rem;
  margin: 0 auto;
  margin-bottom: 11.3rem;
}

.sect02 .SP_flex-column{
  width: 100%;
}

.sect02 .description{
  width: 42.1rem;
  margin-top: 10.5rem;
}

.sect02 h3.ttl{
  color: #4c4242;
}

.img-box{
  width: 49rem;
  height: 58rem;
  position: relative;
}

.img06{
  width: 100%;
}

.model03_sub{
  width: 21rem;
  position: absolute;
  bottom: -3.8rem;
  left: -15.5rem;
}

.sect02 .text-box{
  line-height: 2.0333;
}
/*=======//section02==============================================*/


/*==========================
      section03
=========================*/  
.sect03{
  width: 130rem;
  margin: 0 auto;
  margin-bottom: 4.8rem;
}

.sect03 h4{
  width: 18rem;
  margin: 0 auto;
  margin-bottom: 3rem;
}

.BOX_A{
  width: 97.6rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}

.BOX_B.SP_flex-wrap{
  width: 119rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.BOX_A-img{
  width: 46.7rem;
}

.BOX_B-img{
  width: 37rem;
}

.Copywriter_box{
  width: 119rem;
  margin: 0 auto;
  z-index: -1;
  margin-top: -0.3rem;
}

.Copywriter{
  width: 37.5rem;
  margin-left: auto;
}
/*=======//section03==============================================*/

/*==========================
      ボタン
=========================*/
.button-box{
  width: 28rem;
  margin: 0 auto;
}

.button{
  width: 100%;
  /*height: 5rem;*/
}


.button-A{
  margin-bottom: 1.5rem;
}





/*=======//ボタン==============================================*/


/*=====PCのみ==============================*/
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }

  .pc-order01 {
    order: 1;
  }

  .pc-order02 {
    order: 2;
  }



.button-A a:hover{
  opacity: 0.6;
}

.button-B a:hover{
  opacity: 0.6;
}



}

/*=====//PCのみ==============================*/

/*=====タブレットのみ==============================*/
@media screen and (min-width: 768px) and (max-width: 1600px) {
  html {
    font-size: calc(10*(100vw/1600)) !important;
  }

}

/*=====//タブレットのみ==============================*/

/*=====SPのみ==============================*/
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }


  /*==========================
      共通
=========================*/

/*  .back_sp {
    background: url(../img/LP_sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: -56px;
    background-size: 100%;
  }*/

#miffy_ROOMWEAR {
  margin: auto;
  padding-bottom: calc(160*(100vw/750));
  font-size: calc(28*(100vw/750));
  letter-spacing: 0.125em;
  line-height: 1.77778;
  font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
}


h3.ttl{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: calc(54*(100vw/750));
  letter-spacing: 0.125em;
  line-height: 1;
  margin-bottom: calc(30*(100vw/750));
  font-weight: 800;
}

.text-box{
  font-size: calc(28*(100vw/750));
  letter-spacing: 0.125em;
  line-height: 1.71425;
  font-family: 'BIZ UDPGothic', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #413b3b;
}

.price {
  font-size: calc(28*(100vw/750));
  font-family: 'BIZ UDPGothic', sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: 0.125em;
  color: #4c4242;
  margin-top: calc(-18*(100vw/750));
}

.credit{
  font-size: calc(26*(100vw/750));
}

.price span a{
  text-decoration: underline;
}

.SP_flex-column{
  display: flex;
  justify-content: start;
  flex-direction: column;
}

.ta_c{
  text-align: center;
}

/*==========================
          top
=========================*/
.top{
  width: calc(750*(100vw/750));
  margin: 0 auto;
  margin-bottom: calc(103*(100vw/750));
}

.top-img{
  width: 100%;
  margin-bottom: calc(75*(100vw/750));
}

.TOP_text-box{
  font-size: calc(28*(100vw/750));
  letter-spacing: 0.125em;
  line-height: 1.71425;
  font-family: 'BIZ UDPGothic', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #413b3b;
  margin: 0 auto;
  margin-bottom: calc(55*(100vw/750));
  width: calc(695*(100vw/750));
}

.top .prod_list{
  width: calc(750*(100vw/750));
  margin: 0 auto;
}

.top .prod_box{
  width: calc(750*(100vw/750));
}

.top .prod_img{
  width: calc(560*(100vw/750));
  margin: 0 auto;
}

.prod_box02{
  margin-top: calc(44*(100vw/750));
}

.prod_box02 .price{
  margin-top: calc(12*(100vw/750));
}

.prod_box03{
  margin-top: calc(44*(100vw/750));
}

.prod_box03 .price{
  margin-top: calc(12*(100vw/750));
}
/*=======//top==============================================*/


/*==========================
      section01
=========================*/
.sect01{
  margin: 0 auto;
  margin-bottom: calc(95*(100vw/750));
  padding-top: calc(114*(100vw/750));
  padding-bottom: calc(120*(100vw/750));
  background-color: #fff3f3;
}

.sect01 .SP_flex-column{
  width: calc(710*(100vw/750));
  margin: 0 auto;
  padding-right: 0;
}

.img04{
  width: calc(550*(100vw/750));
  margin-bottom: calc(75*(100vw/750));
}

.img05{
  width: calc(550*(100vw/750));
}

.sect01 .description{
  width: calc(710*(100vw/750));
  margin-bottom: calc(69*(100vw/750));
  margin-top: 0;
}

.sect01 .description .text-box{
  width: calc(710*(100vw/750));
}

.sect01 h3.ttl{
  color: #dd9290;
  margin-bottom: calc(42*(100vw/750));
}

.model_box02{
  width: calc(550*(100vw/750));
  margin-left: auto;
}

/*=======//section01==============================================*/


/*==========================
      section02
=========================*/ 
.sect02{
  width: calc(724*(100vw/750));
  margin: 0 auto;
  margin-bottom: calc(140*(100vw/750));
}

.sect02 .SP_flex-column{
  width: 100%;
}

.sect02 .description{
  width: calc(724*(100vw/750));
  margin-top: 0;
}

.sect02 h3.ttl{
  color: #4c4242;
}

.img-box{
  width: calc(715*(100vw/750));
  height: calc(640*(100vw/750));
  position: relative;
  margin-top: calc(60*(100vw/750));
}

.img06{
  width: calc(540*(100vw/750));
  margin-left: auto;
}

.model03_sub{
  width: calc(232*(100vw/750));
  position: absolute;
  bottom: calc(-42*(100vw/750));
  left: calc(5*(100vw/750));
}

.sect02 .text-box{
  line-height: 1.71428;
}
/*=======//section02==============================================*/


/*==========================
      section03
=========================*/  
.sect03{
  width: calc(750*(100vw/750));
  margin: 0 auto;
  margin-bottom: calc(62*(100vw/750));
}

.sect03 h4{
  width: calc(247*(100vw/750));
  margin: 0 auto;
  margin-bottom: calc(43*(100vw/750));
}

.BOX_A{
  width: calc(750*(100vw/750));
  margin: 0 auto;
  margin-bottom: calc(90*(100vw/750));
}

.BOX_B.SP_flex-wrap{
  width: calc(710*(100vw/750));
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.BOX_A-img{
  width: calc(516*(100vw/750));
}

.model_B{
  margin-top: calc(-40*(100vw/750));
  margin-left: auto;
}

.BOX_B-img{
  width: calc(345*(100vw/750));
}

.model_C{
  width: calc(710*(100vw/750));
  margin-bottom: calc(20*(100vw/750));
}

.Copywriter_box{
  width: calc(710*(100vw/750));
  z-index: -1;
  margin-top: calc(-23*(100vw/750));
}

.Copywriter{
  width: calc(450*(100vw/750));
  margin-left: auto;
}
/*=======//section03==============================================*/

/*==========================
      ボタン
=========================*/
.button-box{
  width: calc(580*(100vw/750));
  margin: 0 auto;
}

.button{
  width: 100%;
  /*height: 5rem;*/
}


.button-A{
  margin-bottom: calc(30*(100vw/750));
}




}
/*=====//SPのみ==============================