@charset "UTF-8";
/*=============================================================

	Date: 2025-10-28
	CSS Document ： IEDIT　ほか綿インナーウェア

  =============================================================*/

/************ PC ************/
.sr_page-shopping-result__free .fca_container__in {
  max-width: 100%;
}
.sr_page-shopping-result__free .fca_container {	
  padding: 0;
}
.pc_id {
  display: block;
 }
 .sp_id {
  display: none !important;
 }

/* html {
 zoom: 1.0;
} */

#wrap_id p {
 font-feature-settings: 'palt'1;
}
#wrap_id img {
 height: auto;
}
#wrap_id a {
 transition: all .3s;
}
#wrap_id a:hover {
 text-decoration: none;
 opacity: .75;
}
#listsItem_fca, #Article_fca, #Content_fca {
 overflow: visible !important;
}
#GlobalNavi_fca.fixed {
 margin: 0 -500%;
 padding: 0 500% 5px;
}
.main_contents_id {
 width: 920px;
 margin: 0 auto;
 font-size: 62.5%;
}


/* title */
.ttl_id {
 position: relative;
 height: 650px;
 background-image: url(../images/main.webp);
 background-position: top center;
 background-repeat: no-repeat;
 text-align: center;
 background-size:auto 100%;
 animation-name: fade;
 animation-duration: 1.0s;
 animation-delay: 0s;
 opacity: 0;
 animation-fill-mode: forwards;

}
.ttl_inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  left: 213px;
}
.ttl_id img.ttl {
  width: 570px;
  position: absolute;
  top: 109px;
  left: 10px;
}
.ttl_id img.icon{
  position: absolute;
  width: 270px;
  top: 410px;
  left: 160px;
}
.ttl_id .ttl_inner .ttl {
  animation-name: fade;
  animation-duration: 1.0s;
  animation-delay: 0.7s;
  opacity: 0;
  animation-fill-mode: forwards;
 }
 .ttl_id .ttl, .ttl_id .icon {
  animation-name: fade;
  animation-duration: 1.2s;
  animation-delay: 0.7s;
  opacity: 0;
  animation-fill-mode: forwards;
 }

 
 .fade_id.fadeIn_id {
  animation-name: fade;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
 }
 @keyframes fade {
  0% {
   transform: translateY(15px);
   opacity: 0;
  }
  100% {
   transform: translateY(0px);
   opacity: 1;
  }
 }

  


/*======= lead =======*/
.lead_id {
 /* margin: 0 -500%;
 padding: 3.5em 500% 0em; */
 text-align: center;
 position: relative;
 z-index: 1;
 margin-top: 4em;
}
.lead_ttl {
 color: #a0805d;
 font-family: "A1 Mincho", serif;
 font-size: 320%;
 line-height: 1.3;
 margin-bottom: 0.4em;
 margin-top: 0.2em;
 letter-spacing: 0.15em;
 font-feature-settings: 'palt'1;
}
.lead_txt {
  margin-bottom: 3.0em;

}
.lead_id p {
 font-family: "A1 Mincho", serif;
 font-size: 150%;
 line-height: 2.0;
 letter-spacing: .2em;
}
.lead_txt p:nth-child(2) {
  font-size: 110%;
  margin-top: -1.5em;
}
/* 見出し */
.h_id {
 font-family: "A1 Mincho", serif;
 color: #FFF;
 font-size: 250%;
 line-height: 1.4;
 background: #231815;
 margin: 0 -500%;
 padding: 0.35em 500%;
 text-align: center;
 letter-spacing: 0.3em;
}
.h_id.em2 {
 padding: 1.1em 500%;
}
.h_id .min_text {
 font-size: 70%;
}
.h_id .text_open {
 letter-spacing: 0.15em;
}
/* point */
.point_id {
 background: #F7F1E9;
 margin: 0 -500%;
 padding: 9em 500% 3em;
 position: relative;
}
.point_list {
 margin: 3em 0 0;
}
.point_list ul {
}
.point_list ul li {
 display: flex;
 align-items: center;
 margin: 3em 0 7em;
 letter-spacing: 0em;
 padding-left: 0.9em;
}
.point_text {
 margin-right: 3em;
}
.point_text .point_head {
 font-family: "Ryumin Bold KL", serif;
 font-size: 200%;
 font-feature-settings: 'palt'1;
 color: #a0805d;
 text-indent: -1.3em;
 padding-left: 1.3em;
 margin-bottom: 0.7em;
 line-height: 1.4;
 letter-spacing: 0.1em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.point_text .point_head::before {
 content: "";
 display: inline-block;
 width: 0.9em;
 height: 1px;
 margin-right: 0.3em;
 background: #a0805d;
 vertical-align: middle;
}
.point_text p {
 line-height: 2.1;
 letter-spacing: 0.1em;
 font-size: 130%;
}
.point_text p.point_text_attend {
  text-align: right;
  font-size: 110%;
}
.point_list ul li:nth-child(2n) .point_text {
 order: 1;
 margin-left: 2em;
 margin-right: 0;
}
.point_list img {
 border: 8px solid #FFF;
}

/* detail */
.detail_id {
 background: #ebedee;
 margin: 0 -500%;
 padding: 0em 500% 3em;
 text-align: center;
}
.detail_id ul {}
.detail_id ul li {
 text-align: center;
 margin-bottom: 7em;
}
.detail_id .h_id {
 margin-bottom: 3em;
}
.detail_id ul li p {
  width: 620px;
  text-align: justify;
  display: inline-block;
  font-size: 140%;
  letter-spacing: 0.15em;
  line-height: 1.8;
  margin: 2em auto 3em;
}
.detail_id ul li p:nth-child(2) {
 margin: 0em auto 3em;
}
/* 商品詳細 */
.item_detail {
 width: 520px;
 position: relative;
 margin: 0;
}
.item_name {
  width: 360px;
  border-bottom: 1px solid #8d8d8d;
  display: inline-block;
  margin-bottom: 0.5em;
  padding-bottom: 0.6em;
  letter-spacing: 0.1em;
}



/* detail01 */
.detail01_id .h_id {
  letter-spacing: 0.2em;
}

.detail01_img_wrap {
  position: relative;
}
.detail01_img_wrap img:last-child {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}
.detail_id ul li p.text_02 {
  width: 330px;
  text-align: justify;
  display: block;
  font-size: 140%;
  letter-spacing: 0.15em;
  line-height: 1.8;
  margin: 2em auto 3em;
}


.item01_wrap_id {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -2em 0 50px
}
.item01_spec_id {
  width: 50%;
}
.campaign_tag_id {
  width: 43%;
  margin-bottom: -1.5em;
}

.btn_img_id {
  width: 40%;
  margin: 20px 0;
}
.spec_id {
 background: #F7F1E9;
 margin: 0 -500%;
 padding: 2em 500%;
 text-align: center;
}

ul.item_price {
 font-family: "A1 Mincho", serif;
 color: #000000;
 font-size: 170%;
 position: relative;
 padding: 0;
}
ul.item_price li {
 display: flex;
 align-items: center;
 justify-content: center;
 margin: 1.8em auto 1em;
 font-size: 120%;
}
ul.item_price .price_wrap span {
  margin-right: 0.3em;
}
ul.item_price .price_wrap .price_name {
  letter-spacing: 0.1em;
  display: inline-block;
  color: #000;
  font-size: 95%;
 }

ul.item_price .price_wrap .tanyi {
 letter-spacing: 0.1em;
 display: inline-block;
 color: #000;
 font-size: 65%;
}
ul.item_price .price_wrap .price {
  letter-spacing: 0.1em;
  display: inline-block;
  color: #000;
  font-size: 90%;
 }
 
ul.item_price .otameshi01 {
  font-size: 90%;
  margin: 0 auto;
  line-height: 1.3;
  font-feature-settings: 'palt'1;
  letter-spacing: 0.05em;
  color: #c22955;
 }
 ul.item_price .otameshi01 .num {
  font-size: 150%;
 }
 ul.item_price .otameshi01 .tax {
  font-size: 70%;
  letter-spacing: 0;
 }
 
 
ul.item_price .num {
 font-family: 'Judson', serif;
 font-style: italic;
 font-weight: 400;
 font-size: 115%;
}
ul.item_price .tax {
 font-size: 40%;
 letter-spacing: 0;
}
/*------------------------------------

「パジャマインナーを買って満足！」 ループエリア

------------------------------------*/

#comment_wrap {
  background-color: #f9f3ea;
  margin: 0 -500%;
  padding: 0em 500% 3em;
text-align: center;
}
#comment_wrap img.comment_wrap_ttl {
  margin-top: -2.7em;
}
#comment_wrap .comment_ttl_sub p {
  color: #896530;
  font-size: 220%;
  letter-spacing: 2px;
  margin: 1.3em auto;
}
#comment_wrap .comm_text_wrap {
  background-color: #fff;
  padding: 1.8em 2em 1.2em 2em;
  border-radius: 1.5em;
  /* margin: 3em auto; */
}
#comment_wrap .comm_text_wrap p {
  font-size: 125%;
}
#comment_wrap .comm_text_wrap p span.comm_main {
  display: block;
  text-align: justify;
  margin-bottom: 0.2em;
  letter-spacing: 1.6px;
  line-height: 1.8em;
}
#comment_wrap .comm_text_wrap p span.comm_name {
  display: block;
text-align: right;
letter-spacing: 1.7px;
color: #896530;
}

#comment_wrap .comm_text_wrap p span.min_text {
  font-size: 75%;
}

#comment_wrap .scroll-infinity__wrap ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 27.5em;
}

/* comment_a */
#comment_wrap .comment_a .comm_text_wrap p.comm_text01 span.comm_main {
height: 7em;
}
#comment_wrap .comment_a .comm_text_wrap p.comm_text02 span.comm_main {
  height: 5em;
  }
/* comment_b */
#comment_wrap .comment_b .comm_text_wrap p.comm_text01 span.comm_main {
  height: 18em;
  }
  /* #comment_wrap .comment_b .comm_text_wrap p.comm_text02 span.comm_main {
    height: 3em;
    } */
/* #comment_wrap .comment_b .comment_b_02 {
  width: 320px;
}
#comment_wrap .swiper-slide.comment_b {
  width: 320px !important;
} */

/* comment_c */
#comment_wrap .comment_c .comm_text_wrap p.comm_text01 span.comm_main {
  height: 6em;
  }
#comment_wrap .comment_c .comm_text_wrap p.comm_text02 span.comm_main {
  height: 10em;
  }
    
/* comment_d */
#comment_wrap .comment_d .comm_text_wrap p.comm_text01 span.comm_main {
  height: 8em;
  }
#comment_wrap .comment_d .comm_text_wrap p.comm_text02 span.comm_main {
  height: 8em;
  }
  
  #comment_wrap .swiper-slide.comment_d {
    width: 230px;
  }

  /* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear;
}
  .scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
    margin-left: -4em;
    margin-bottom: 2em;
  }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0;
    align-items: center;
    }

    .scroll-infinity__comment {
    width: 280px !important;
  }
  .scroll-infinity__comment>img {
    width: 100%;
  }
.scroll-infinity__wrap ul li {
  margin: 0 15px;
}

#comment_wrap .scroll-infinity__comment {
opacity: 0;
}
#comment_wrap.fadeIn_id .scroll-infinity__comment  {
  animation: fadeIn_id 1.0s forwards 0.3s;
  }

/* attend */
#comment_wrap .attend {
  width: 360px;
  margin: 0 0 7em auto;
  text-align: left;
  line-height: 0.3em;
  font-size: 112%;
  
}
 


  /*------------------------------------
アニメーション
------------------------------------*/
.fade_id {
  opacity: 0;
 }
 .fade_id.fadeIn_id {
  animation: fadeIn_id 1.0s forwards 0s;
 }
 @keyframes fade_id {
  0% {
   opacity: 0;
  }
  100% {
   opacity: 1;
  }
 }
 @keyframes fadeIn_id {
  0% {
   transform: translateY(25px);
   opacity: 0;
  }
  100% {
   transform: translateY(0px);
   opacity: 1;
  }
 }
 @keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
  }

/* buyボタン */

.buy_id a {
 color: #A0805D;
 font-family: 'Judson', serif;
 font-style: italic;
 font-weight: 400;
 font-size: 355%;
 display: inline-block;
 line-height: 1;
 background: #FFF;
 border-radius: 2em;
 position: relative;
 padding: 0.3em 1.4em;
 margin: 0.5em 1em 1em;
 letter-spacing: 0.2em;
 transition: all 0.3s;
 border: 1px solid #000;
}
.buy_id a::after {
 position: absolute;
 top: 0.49em;
 right: 0.55em;
 display: block;
 width: 0.3em;
 height: 0.3em;
 content: '';
 transition: all .3s;
 transform: rotate(45deg);
 border-right: 1px solid #A0805D;
 border-bottom: 1px solid #A0805D;
}
.taxin {
 font-family: "A1 Mincho", serif;
 display: block;
 text-align: right;
 font-size: 130%;
 letter-spacing: 0.1em;
 margin: 0em 1em;
}
.buy_id a:hover {
 color: #FFF;
 background: #A0805D;
}
.buy_id a:hover::after {
 border-color: #FFF;
}
.item_detail a {
  transition: all .3s;
}

/* line */
.bg_line {
 width: 101vw;
 margin-left: calc(-50vw + 460px);
 position: relative;
 z-index: 1;
}
.lead_id .bg_line {
 height: 2vw;
}
.lead_id .bg_line img {
 position: absolute;
 top: -1px;
 left: 0;
 width: 100%;
}
.spec_id .bg_line img {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
}
/* pagetop */
.fixed_nav_id {
 position: relative;
 z-index: 10000;
 display: none;
 width: 100%;
 max-width: 1000px;
 height: 0;
 margin: 0 auto;
}
.fixed_nav_id a {
 position: fixed;
 z-index: 10000;
 right: 6vw;
 bottom: 520px;
 left: auto;
 display: block;
 width: 150px;
 height: 150px;
  padding-bottom: 20px;
 background: url(../images/nav_icon.png);
 background-repeat: no-repeat;
 background-size: contain;
}
#Container_fca .fixed_nav_id a.sp_id {
 display: none;
}
#Container_fca .fixed_nav_id a:hover {
 bottom: 10px;
}
/* anime */
.fade_id, .fade_left_id {
 opacity: 0;
}
/* フッターまでくると固定終了 */
#wrap_id .fixed_stop {
  position: absolute !important;
  top: auto !important;
}

/******************** SP ********************/
@media (max-width: 919px) {

.pc_id {
 display: none;
}
.sp_id {
 display: block !important;
}
.content_fsp {
 padding: 0;
 background: #fff;
}
#wrap_id {
 margin: 0;
}
.wrap_inner_id {
 width: 100%;
}
.main_contents_id {
  width: 100%;
  margin: 0 auto;
  font-size: 90%;
}
/* title */
.ttl_id {
	background-image: url(../images/main02_sp.webp);
	background-repeat: no-repeat;
	background-position: top center;
	height: 140vw;
	background-size: cover;
}
.top_bk {
	z-index: 0;
	animation: change-img-anim 8.4s infinite;
}
@keyframes change-img-anim {
	/* 表示中 */
	0%{ opacity: 1;}
	36%{ opacity: 1;}

	/* フェードで消える */
	37%{ opacity: 1;}
	50%{ opacity: 0;}
	86%{ opacity: 0;}
	
	/* フェードで表示 */
	87%{ opacity: 0;}
	100%{ opacity: 1;}
}

.ttl_inner {
 height: 123vw;
 text-align: center;
 width: 100%;
 left: initial;
}
.ttl_id img.top_bk {
  width: 100%;
}

.ttl_id img.ttl {
  width: 90vw;
  margin-top: -3vw;
  position: absolute;
  top: 24px;
  left: 6%;
}
.ttl_id img.icon {
  position: absolute;
  width: 23vw;
  top: 68%;
  right: 3%;
  left: inherit;
}

 .ttl_id .icon {
  animation-delay: 1s;
 }

.ttl_id .icon img {
 display: block;
 width: 100%;
 margin: 0.5em;
}

/* スクロールダウンの位置 */
.scroll {
  position: absolute;
      left: 5%;
      top: 59%;
      writing-mode: vertical-rl;
      color: #fff;
      font-family: 'Judson', serif;
      font-style: normal;
          letter-spacing: 3px;
      font-size: 5vw;
      }
  /* 線のアニメーション部分 */
  .scroll::before {
    animation: scroll 2.5s infinite;
    background-color: #fff;
    bottom: -90px;
    content: "";
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 1.2px;
    }
  /* 線のアニメーション */
  @keyframes scroll {
    0% {
      transform: scale(1, 0);
      transform-origin: 0 0;
    }
    50% {
      transform: scale(1, 1);
      transform-origin: 0 0;
    }
    51% {
      transform: scale(1, 1);
      transform-origin: 0 100%;
    }
    100% {
      transform: scale(1, 0);
      transform-origin: 0 100%;
    }
  }
  



/* lead */
.lead_icon {
  width: 80vw;
  margin: 1em auto 0.5em;
}
.lead_id {
 padding: 2em 0 0;
 margin: 0px;
}
.lead_ttl {
 font-size: 180%;
 text-align: center;
}
.lead_id p {
 font-size: 115%;
 text-align: center;
 line-height: 1.7;
}
.lead_txt p:nth-child(2) {
  font-size: 95%;
  margin-top: -1.1em;
}
/* 見出し */
.h_id {
 font-size: 150%;
}
/* point */
.point_id {
 padding-top: 5em;
}
.point_list {
 width: 90%;
 margin: 0 auto;
}
.point_list ul li {
 display: block;
 padding: 0;
 margin: 3em 0 4em;
}
.point_text {
 margin: 0;
}
.point_text .point_head {
 font-size: 150%;
}
.point_text .point_head::before {}
.point_text p {
 font-size: 92%;
}

.point_list p.point_text_attend {
  text-align: right;
  font-size: 85%;
  margin-top: -2em;
}
.point_list ul li:nth-child(2n) .point_text {
  margin-left: 0em;
}
.point_list img {
 width: 85%;
 margin: 1em auto 0;
 display: block;
}
.point_list img {
  border: 5px solid #FFF;
}
/* item01 */
.item01_wrap_id {
  display: block;
}
.item_imgsp_ig {
  width: 100%;
  margin: 0 auto;
}
.item01_spec_id {
  width: 100%;
  padding-top: 0vw;
}
.campaign_tag_id {
  width: 30vw;
  position: absolute;
  left: 2%;
  top: -4vw;
}
.size_img_id {
  width: 85vw;
}
 
/* detail */
.detail_id ul li {
  margin-bottom: 4.5em
}
.detail_id ul li img.max_img {
 width: 80vw;
}
.detail_id ul li img.max_img02 {
  width: 60vw;
 }
 
.detail_id ul li p {
 width: 80%;
 font-size: 95%;
 margin: 1em auto 2.5em;
}
.detail_id ul li p.text_02 {
  width: 60%;
  font-size: 95%;
  margin: 1em auto 2.5em;
 }
 
.detail_id ul li p:nth-child(2) {
 margin-top: 0;
}
.campaign_tag02_id {
  width: 58vw;
}
.detail_id {
  padding: 0em 500% 1em;
 }

 .detail01_img_wrap img:last-child {
  width: 85%;
}

/* spec */
.spec_id div {
 text-align: center;
}
.campaign_ttl {
 font-size: 130%;
 text-align: center;
 margin-top: 0.5em;
}
.campaign_ttl::before, .campaign_ttl::after {
 margin: 0 0.6em;
}
img.campaign_line {
 width: 85%;
 margin: 1em auto 1.5em;
}
ul {
  padding-left: 0;
}
ul.item_price {
 font-size: 148%;
}
ul.item_price li {
 display: block;
 text-align: center;
 margin: 1em 0 1.5em;
}
ul.item_price .note {
 font-size: 75%;
}
.price img {
 width: 28vw;
}
.item_detail {
 width: 100%;
 font-size: 5vw;
  margin: 1em 0 0;
}
ul.item_price .otameshi01 {
  font-size: 4.5vw;
}
.item_name {
 line-height: 1.4;
 width: 80vw;
 font-size: 5vw;
}
.taxin {
 font-size: 100%;
 margin-bottom: 1em;
}
.spec_id a {
 font-size: 215%;
}



/* 「パジャマインナーを買って満足！」 */
#comment_wrap img.comment_wrap_ttl {
  margin-top: -5.5vw;
  width: 90%;
}
#comment_wrap .comment_ttl_sub p {
  font-size: 4.7vw;
  letter-spacing: 2px;
  margin: 1.3em auto;
}
#comment_wrap .comm_text_wrap p {
  font-size: 3.5vw;
}
.scroll-infinity__comment {
  width: 58vw !important;
}
.scroll-infinity__wrap {
  margin-left: -17em;
  margin-top: 0em;
  margin-bottom: 2em;
}

#comment_wrap .comm_text_wrap {
  /* margin: 2em auto; */
}
#comment_wrap .comment_a .comm_text_wrap p.comm_text01 span.comm_main {
  height: 11em;
}
#comment_wrap .comment_b .comm_text_wrap p.comm_text01 span.comm_main {
  height: 57vw ;
}
/* #comment_wrap .swiper-slide.comment_b {
  width: 70vw !important;
}
#comment_wrap .comment_b .comment_b_02 {
  width: 70vw !important;
} */

/* #comment_wrap .comment_d .comm_text_wrap p.comm_text01 span.comm_main {
  height: 9em;
}
#comment_wrap .comment_d .comm_text_wrap p.comm_text02 span.comm_main {
  height: 9em;
} */
#comment_wrap .scroll-infinity__wrap ul li {
  height: 68vw;
}
/* attend */
#comment_wrap .attend {
  width: 98%;
  margin: 0 0 7em 1em;
  text-align: left;
  line-height: 0.3em;
  font-size: 2.8vw;
}

/* buy btn */
.buy_id a {
  font-size: 238%;
  margin: -0.5em 1em 1em;
}


/* line */
.bg_line {
 margin: 0;
}
.lead_id .bg_line img {
 width: 115%;
 display: block;
 transform: scale(1, 2.5);
 top: 4vw;
}
.detail_id .bg_line img {
 width: 100%;
 display: block;
 transform: scale(1, 2.5);
 top: -11vw;
}
.spec_id .bg_line img {
 width: 100%;
 display: block;
 transform: scale(1, 2.5);
 bottom: 6vw;
}
/* pagetop */
.fixed_nav_id a {
  width: 23vw;
  height: 23vw;
  right: 2vw;
  bottom: 55px;
}
.fixed_nav_id a.pc_id {
 display: none;
}
}


/******************** SP ********************/

@media (max-width: 768px) {
  #comment_wrap .comment_a .comm_text_wrap p.comm_text01 span.comm_main {
    height: 7em;
}
#comment_wrap .comment_a .comm_text_wrap p.comm_text02 span.comm_main {
  height: 5em;
}
  #comment_wrap .comment_b .comm_text_wrap p.comm_text01 span.comm_main {
    height: 63vw;
  }
  /* #comment_wrap .comment_b .comm_text_wrap p.comm_text02 span.comm_main {
    height: 3em;
}
  #comment_wrap .comment_c .comm_text_wrap p.comm_text01 span.comm_main {
    height: 7em;
}
  #comment_wrap .comment_c .comm_text_wrap p.comm_text02 span.comm_main {
    height: 11em;
} */
  #comment_wrap .scroll-infinity__wrap ul li {
    height: 79vw;
    margin: 0 3vw;
}
.detail_id ul li {
  margin-bottom: 4.5em;
}

}