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

	Date: 2026-07-21
	CSS Document ： mensha! Gauze dress

=============================================================*/
/*
<div class="dummy">
    <img src="/liveincomfort/list/uraboapants/images/uraboa_pc02.png?$staticlink$" alt="ダミー" width="" height="" fetchpriority="high"> 
</div> 
*/
.dummy {
  position: absolute;
  top: -289px;
  left: 0;
  width: 100%;
  opacity: 0.3;
  pointer-events: none;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  text-align: center;
  z-index: 10000;
  filter: grayscale(90%);
}
.dummy img {
  width: 600px;
  /* width: 100%; */
  display: block;
  margin: 0 auto;
  max-width: max-content;
}


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

キーカラー指定
color: var(--mensha-gauze-color);	
font-family: var(--font-gauze-M);
font-family: var(--font-gauze-en);


font-family: var(--font-gauze-head);


font-family: "Pistilli Pro";

  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;

  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;

--------------------------------- */ 
:root {
  --mensha-gauze-color: #005F28; /* キーカラー指定 */
  --bg-color: #ded8ce; /* 背景カラー指定 */
  --font-gauze-R: "あおとゴシック R", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
  --font-gauze-M: "あおとゴシック M", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
  --font-gauze-DB: "あおとゴシック DB", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
    
    --font-gauze-head: "Pistilli Pro", serif;
  --font-gauze-en: "Poppins", sans-serif;
}
/*------------------------------------
仮想LP用ベース
------------------------------------*/
.fca_cat-hero, .sr_page-shopping-result__free {
  overflow: visible !important;
}
.fca_cat-hero .sr_page-shopping-result__free .fca_container__in {
  max-width: 100%;
}
.fca_cat-hero .sr_page-shopping-result__free .fca_container {
  padding: 0;
}
.fca_page-shop-category__body {
  margin-top: 0;
}
/*==================================

ルビ

==================================*/
[data-ruby] {
  position: relative;
  /* margin-top: 0.2em; */
  display: inline-block;
}
[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  text-align: center;
  top: -0.5em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.4em;
  letter-spacing: 0.0em;
  white-space: nowrap;
  font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
  font-weight: bold;
}



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

ベース

------------------------------------*/
#outer {
  opacity: 1;
}

.pc {
  display: block;
}
.sp {
  display: none;
}
.bold_ct {
  font-weight: bold;
}
.wrapper_me {
  width: 100%;
  color: #333333;
  font-size: 1.125rem;
  line-height: 2;
  text-align: justify;
  background: #f2f2f2;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "chws"1;
  letter-spacing: 0.03em;
  /* word-break: break-all; */
  text-justify: inter-character;
  /* transition: background-color 1.5s ease; */
}
#hanyou-me {
    background: #dedad3;
}
.wrapper_me p {
  font-family: var(--font-gauze-M);
}
.wrapper_me-inner {
  margin: 0 auto;
	
  opacity: 0;
  animation: fadeIn_ct 1.5s 0.0s both;
}
.wrapper_me img {
  height: auto;
  max-width: 100%;
  /* width: 100%; */
}
/* hover */

.wrapper_me a:hover {
  text-decoration: none;
}
.wrapper_me a {
  transition: all 0.3s;
}
/*
@media (hover: hover) {
  .wrapper_me a:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .wrapper_me a:active {
    opacity: 0.7;
  }
}
*/
#contents-wrapper {display: flex;justify-content: center;align-items: flex-start;/* gap: 5vw; */}


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

PCサイド表示

------------------------------------*/
.side-contents {
  width: calc((100% - 600px)/2);
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  position: sticky;
  top: 0;
  left: 0;
  /* font-family: var(--font-gauze-en); */
  /* font-weight: 600; */
  /* letter-spacing: 0.1em; */
  /* color: var(--mensha-gauze-color); */
  container-type: inline-size;
  /* max-width: 300px; */
  background-image: url(../images/side_bg01.webp);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 800px;
}
/* 左サイド */
.side-contents.side-left {}
.side-contents.side-left img {}
/* 右サイド */
.side-contents.side-right {
  order: 1;
	background-image: url(../images/side_bg02.webp);
	background-position: left center;
}

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

SP表示：メインコンテンツ

------------------------------------*/
.contents-main {
	width:100%;
	max-width: 600px;
	flex-shrink: 0;
	background: #FFF;
	/* margin: 0 auto; */
}

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

背景色

==================================*/
.contents-main{
  /* background:#c28a8a; *//*前回b0cfcf*/
}

/* FV */
.contents-main.bg-fv{
  background:#b2cfcf;
}

/* Styling */
.contents-main.bg-styling{
  background:#dedad3;
}

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

FVエリア

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

.fv-wrap {
}

.fv-wrap .contents-inner {
}

/* FV画像 */
#fv-image {position: relative;background-image: url(../images/fv_bg.webp);background-repeat: no-repeat;background-position: center;background-size:contain;overflow: hidden;margin-bottom: 2em;}

/* タイトル */
#title {position: absolute;top: 22cqw;width: 100%;text-align: center;z-index: 1;}

#title img {width: 77%;filter: drop-shadow(0px 0px 0.6em rgba(0,0,0,0.2));}

#fv-image .fv-icon {position: absolute;top: 2.8%;right: 1%;width: 23.2%;z-index: 1;}

#fv-image .fv-item {position: absolute;top: 0;left: 0;}

#fv-image .fv-model {position: relative;z-index: 1;}

/* リード */
#lead-wrap {display: flex;justify-content: center;align-items: center;/* flex-wrap: wrap; */flex-direction: column;}

#lead-wrap .lead-image {width: 60%;position: relative;order: 1;margin-bottom: 2em;}

#lead-wrap p {font-size: 112%;margin: 0em 0 2em;line-height: 1.9em;font-family: var(--font-gauze-R);text-align: center;}
#lead-wrap p span {
    display: block;
    
}
#lead-wrap p span:nth-child(1){margin-bottom: 0.7em;}
.pc_mns{display: none;}

@media (orientation: landscape) and (max-height: 900px) {
.pc_mns{display: block;}
#lead-wrap {display: flex;justify-content: center;align-items: center;margin: 11cqw auto 0;gap: 6%;flex-direction: row-reverse;}
#lead-wrap .lead-image {width: 40%;position: relative;margin-bottom: 0em;}
#lead-wrap p{
	text-align:left;
	margin: 0 0;
}
}


#lead-wrap .lead-image img {width: 100%;}
#lead-wrap .lead-image img:nth-child(n + 2) {
	position:absolute;
	top:0;
	left:0;
}





.contents-item-wrapper {margin-top: 15cqw;}

/* ==== CREW NECK ==== */
.contents-item-wrapper .contents-item {margin: 3.4em 0 7em;}

.contents-item-wrapper .contents-item .contents-inner {
}

.contents-item-wrapper .contents-item .contents-inner .item-title {width: 80%;margin: 0 auto 1.7em;font-size: 100%;}

.contents-item-wrapper .contents-item .contents-inner .item-title .main {font-family: var(--font-gauze-en);font-weight: 600;font-size: 10.2cqw;display: block;line-height: 1.0;margin-bottom: 0.1em;}

.contents-item-wrapper .contents-item .contents-inner .item-title .sub {font-size: 115%;font-family: var(--font-gauze-M);color: #999999;}

/* swiper */
.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider {
}

.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider .swiper-wrapper {
}

.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide {
}

.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide img {width: 80%;margin: 0 10%;border-radius: 1.3em;}

.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider .swiper-pagination-wrap {gap: 0.3em;display: flex;justify-content: center;align-items: center;position: absolute;top: 5cqw;right: 14%;}

.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-prev {
}

.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-pagination {position: static;font-family: var(--font-gauze-en);font-weight: 600;font-size: 142%;display: flex;justify-content: center;align-items: center;gap: 0.5em;line-height: 1;}

.contents-item-wrapper .contents-item .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-next {
}

/* 前へ次への矢印カスタマイズ */
.main-slider .swiper-button-prev, .main-slider .swiper-button-next {
  height: auto;
  aspect-ratio: 1/1;
  width: 1.4em;
  background: no-repeat;
  position: static;
  margin: 0;
  transition: all 0.2s;
}
.main-slider .swiper-button-prev::after, .main-slider .swiper-button-next::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  height: 100%;
  margin: auto;
  width: 100%;
  font-size: 0;
  display: block;
  background-color: var(--frauglatt-keycolor);
}
/* 前への矢印カスタマイズ */
.main-slider .swiper-button-prev::after {
background-image: url('../images/slide_prev.svg');
}
/* 次への矢印カスタマイズ */
.main-slider .swiper-button-next::after {
background-image: url('../images/slide_next.svg');
}
@media (hover: hover) {
  .main-slider .swiper-button-prev:hover {
    transform: translateX(-0.3em);
  }
  .main-slider .swiper-button-next:hover {
    transform: translateX(0.3em);
  }
}
.pagination-current {
	transform:translateY(-0.3em);
	width:0.6em;
}
.pagination-total {	transform:translateY(0.3em);}
/* スラッシュ */
.main-slider .pagination-slash {
  display: block;
	position:absolute;
	top:-0.4em;
	left:0.8em;
  width: 1px;
  height: 1.8em;

  background: #000;

  transform: rotate(45deg);
}


/* 商撮 */
.contents-item-wrapper .contents-item .contents-inner .main-item {margin-top: -22cqw;position: relative;z-index: 2;}

.contents-item-wrapper .contents-item .contents-inner .main-item img {
}

/* 商品リンク */
.contents-item-wrapper .contents-item .contents-inner .item-spec {width: 85%;/* display: block; */margin: 1.0em auto;display: flex;gap: 0.5em 1.1em;justify-content: center;align-items: center;flex-wrap: wrap;}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-icon {width: 28%;}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-icon img {width: 100%;}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-text {width: auto;font-size: 100%;font-family: var(--font-gauze-M);}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-text .name {display: block;line-height: 1.3;}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-text .price {display: inline-block;}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-text  .num {
	font-family: var(--font-gauze-en);
	font-weight:500;
	line-height: 1;
}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-text .special-price {display: inline-block;line-height: 1.3;color: #d7006f;}

.contents-item-wrapper .contents-item .contents-inner .item-spec .spec-text .special-price .num {
}

.contents-item-wrapper .contents-item .contents-inner .item-spec .buy {
 width: 100%;
 display: block;
 background: #e8de35;
 text-align: center;
 margin: 0.5em auto;
 line-height: 1;
 border: 1px solid #000;
 padding: 0.55em 0 0.45em;
 font-size: 190%;
 letter-spacing: 0.15em;
 font-family: var(--font-gauze-head);
 font-weight: 500;
 transition: all 0.3s;
}

@media (hover: hover) {
    .contents-item-wrapper .contents-item .contents-inner .item-spec:hover .buy {
        background: #efabc9;
    }

}


/* ==== CARDIGAN ==== */
#cardigan {
}

#cardigan .contents-inner {
}

#cardigan .contents-inner .item-title {
}

#cardigan .contents-inner .item-title .main {
}

#cardigan .contents-inner .item-title .sub {
}

/* swiper */
#cardigan .contents-inner .swiper.main-slider {
}

#cardigan .contents-inner .swiper.main-slider .swiper-wrapper {
}

#cardigan .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide {
}

#cardigan .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide img {
}

#cardigan .contents-inner .swiper.main-slider .swiper-pagination-wrap {
}

#cardigan .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-prev {
}

#cardigan .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-pagination {
}

#cardigan .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-next {
}

/* 商撮 */
#cardigan .contents-inner .main-item {
}

#cardigan .contents-inner .main-item img {
}

/* 商品リンク */
#cardigan .contents-inner .item-spec {
}

#cardigan .contents-inner .item-spec .spec-icon {
}

#cardigan .contents-inner .item-spec .spec-icon img {
}

#cardigan .contents-inner .item-spec .spec-text {
}

#cardigan .contents-inner .item-spec .spec-text .name {
}

#cardigan .contents-inner .item-spec .spec-text .price {
}

#cardigan .contents-inner .item-spec .spec-text .price .num {
}

#cardigan .contents-inner .item-spec .spec-text .special-price {
}

#cardigan .contents-inner .item-spec .spec-text .special-price .num {
}

#cardigan .contents-inner .item-spec .buy {
}

/* ==== TURTLENECK ==== */
#turtleneck {
}

#turtleneck .contents-inner {
}

#turtleneck .contents-inner .item-title {
}

#turtleneck .contents-inner .item-title .main {
}

#turtleneck .contents-inner .item-title .sub {
}

/* swiper */
#turtleneck .contents-inner .swiper.main-slider {
}

#turtleneck .contents-inner .swiper.main-slider .swiper-wrapper {
}

#turtleneck .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide {
}

#turtleneck .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide img {
}

#turtleneck .contents-inner .swiper.main-slider .swiper-pagination-wrap {
}

#turtleneck .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-prev {
}

#turtleneck .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-pagination {
}

#turtleneck .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-next {
}

/* 商撮 */
#turtleneck .contents-inner .main-item {
}

#turtleneck .contents-inner .main-item img {
}

/* 商品リンク */
#turtleneck .contents-inner .item-spec {
}

#turtleneck .contents-inner .item-spec .spec-icon {
}

#turtleneck .contents-inner .item-spec .spec-icon img {
}

#turtleneck .contents-inner .item-spec .spec-text {
}

#turtleneck .contents-inner .item-spec .spec-text .name {
}

#turtleneck .contents-inner .item-spec .spec-text .price {
}

#turtleneck .contents-inner .item-spec .spec-text .price .num {
}

#turtleneck .contents-inner .item-spec .spec-text .special-price {
}

#turtleneck .contents-inner .item-spec .spec-text .special-price .num {
}

#turtleneck .contents-inner .item-spec .buy {
}

/* ==== SKIRT ==== */
#skirt {margin-bottom: 5.5em;}

#skirt .contents-inner {
}

#skirt .contents-inner .item-title {
}

#skirt .contents-inner .item-title .main {
}

#skirt .contents-inner .item-title .sub {
}

/* swiper */
#skirt .contents-inner .swiper.main-slider {width: 62%;margin-left: 27%;}

#skirt .contents-inner .swiper.main-slider .swiper-wrapper {
}

#skirt .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide {
}

#skirt .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide img {width: 100%;margin: 0;}

#skirt .contents-inner .swiper.main-slider .swiper-pagination-wrap {right: 4%;}

#skirt .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-prev {
}

#skirt .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-pagination {
}

#skirt .contents-inner .swiper.main-slider .swiper-pagination-wrap .swiper-button-next {
}

/* 商撮 */
#skirt .contents-inner .main-item {width: 46%;margin-top: -103cqw;}

#skirt .contents-inner .main-item img {
}

/* 商品リンク */
#skirt .contents-inner .item-spec {
}

#skirt .contents-inner .item-spec .spec-icon {
}

#skirt .contents-inner .item-spec .spec-icon img {
}

#skirt .contents-inner .item-spec .spec-text {
}

#skirt .contents-inner .item-spec .spec-text .name {
}

#skirt .contents-inner .item-spec .spec-text .price {
}

#skirt .contents-inner .item-spec .spec-text .price .num {
}

#skirt .contents-inner .item-spec .spec-text .special-price {
}

#skirt .contents-inner .item-spec .spec-text .special-price .num {
}

#skirt .contents-inner .item-spec .buy {
}

#coordinate {
	position:relative;
}

#coordinate .contents-inner {
}

#coordinate .contents-inner .item-title {text-align: center;position: relative;z-index: 2;font-size: 180%;}

#coordinate .contents-inner .item-title .sub {display: block;font-size: 85%;font-family: var(--font-gauze-M);}

#coordinate .contents-inner .item-title .main {font-family: var(--font-gauze-en);
											   font-weight: 600;font-size: 175%;color: #ffffff;
											   -webkit-text-stroke: 0.018em #000;
											  text-stroke: 0.018em #000;}

/* swiper */
#coordinate .contents-inner .swiper.coordinate-slider {width: 80%;margin: 1.9em 0;}

#coordinate .contents-inner .swiper.coordinate-slider .swiper-wrapper {
}

#coordinate .contents-inner .swiper.coordinate-slider .swiper-wrapper .swiper-slide {
}

#coordinate .contents-inner .swiper.coordinate-slider .swiper-wrapper .swiper-slide img {
}

/* swiper */
#coordinate .contents-inner .swiper.coordinate-slider.coordinate02 {margin-left: 20%;}

#coordinate .contents-inner .swiper.coordinate-slider.coordinate02 .swiper-wrapper {
}

#coordinate .contents-inner .swiper.coordinate-slider.coordinate02 .swiper-wrapper .swiper-slide {
}

#coordinate .contents-inner .swiper.coordinate-slider.coordinate02 .swiper-wrapper .swiper-slide img {
}
#coordinate .contents-inner .coordinate-ashirai{
	position:absolute;
	width: 46%;
	z-index: 1;
}
#coordinate .contents-inner .coordinate-ashirai.ashirai01 {
	top: -1cqw;
	right:0;
}

#coordinate .contents-inner .coordinate-ashirai.ashirai02 {
	top: 141cqw;
	left:0;
}

.about-issyogai {width: 90%;margin: 2em auto 3em;display: block;}

/* == FVエリア== */







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

アニメーション

------------------------------------*/
.scroll-anime {
  /* opacity: 0;*/
}
.scroll-anime.is-active {
 /*  animation: fadeInBottom_ct 0.7s 0.2s both;*/
}

@keyframes fadeIn_ct {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInBottom_ct {
  0% {
    transform: translateY(0.5em);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}


@keyframes fadeInLeft_ct {
  0% {
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes fadeInRight_ct {
  0% {
    transform: translateX(-30cqw);
  }
  100% {
    transform: translateX(0px);
  }
}

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

スマホ
@media screen and (orientation: portrait) {
===================================*/

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .wrapper_me {
    font-size: 3.3vw;
  }
  #fixed-bg {
    display: none;
  }
  .contents-main {
    width: 100%;
}

}



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

PC

==================================*/
@media screen and (min-width: 769px) {
	.contents-main .contents-inner{
		/* max-width: 450px; */
		margin-left:auto;
		margin-right:auto;
		container-type: inline-size;
	}
.contents-main .fv-wrap .contents-inner{
	/* max-width: 700px; */
	width: 100%;
}/*
	.contents-main .contents-item .contents-inner .swiper.main-slider .swiper-wrapper .swiper-slide .main-item {position: absolute;width: 62cqw;top: 8cqw;left: -1cqw;}
*/
}