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

	Date: 2025-06-16
	CSS Document ： フェリシモが提案する低身長さん向けショップ
    「felissimo PETIT」

=============================================================*/
/*------------------------------------

ベース

------------------------------------*/
#footercontent .fsc_gfooter__breadcrumb {
		display: none;
}
.fsc_gfooter__breadcrumb {
		margin-top: 0;
}
.pc {
		display: block;
}
.sp {
		display: none;
}
.bold_ct {
		font-weight: bold;
}
#wrapper {
		width: 100%;
		color: #000000;
		line-height: 1.7;
		letter-spacing: 0.07em;
		text-align: left;
		background-color: #f0f5fa;
		opacity: 0;
		animation: fadeIn_ct 1s 0.8s both;
}
#wrapper ul{
    list-style: none;
    padding: 0;
}
#wrapper-inner {
		max-width: 1400px;
		margin: 0 auto;
}
#wrapper img {
		height: auto;
		max-width: 100%;
}
.splide__slide img {
		width: 100%;
}
/* hover */
#wrapper a:hover {
		text-decoration: none;
}
@media (hover: hover) {
		#wrapper a {
				transition: all 0.3s;
		}
		#wrapper a:hover,
    .category-nav .category-nav-item:hover{
				opacity: 0.8;
		}
}
/*------------------------------------

ヘッダー

------------------------------------*/
#header_fn {
		max-width: 1190px;
		margin: 0 auto;
}
#header_fn h1 {
		font-size: 0.80em;
		color: #888;
		letter-spacing: 0.05em;
		margin: 0.8em;
}
/*------------------------------------

タイトル

------------------------------------*/
#title {
		text-align: center;
		position: relative;
		width: 100%;
}
#title .titleinner {}
#title .titleinner .title-logo {
		position: absolute;
		top: 34%;
		left: 20%;
		width: 32%;
		max-width: 330px;
}
#title .titleinner .title-logo .title-sub {
		display: block;
		margin: 0 auto 6%;
		width: 81%;
}
#title .titleinner .title-logo .title-main {
		width: 100%;
}
/* タイトルスライダー */
#title .splide {}
#title .splide .splide__slide {
		display: flex;
		justify-content: center;
		align-items: center;
}
#title .splide .splide__slide img {
		max-width: none;
		width: 1400px;
}
/*===================================

スマホコンテンツ

===================================*/
#sp-contents-wrapper {
		background-color: #FFF;
		background-image: url(../images/bg_image.jpg);
		background-size: 608px 100vh;
		background-position: top 0 left calc(-708px + 50vw);
		background-repeat: no-repeat;
		background-attachment: fixed;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		border-top: 18px solid #FFF;
		position: relative;
}
#sp-contents {
		background-color: #FFF;
		max-width: 880px;
		width: 65%;
		min-width: 700px;
		text-align: center;
}
#sp-contents p {
		font-family: "A1 Gothic 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;
		line-break: strict;
}
/*------------------------------------

リード

------------------------------------*/
#lead {
		margin: 1.5em auto 3em;
}
#lead p {
		line-height: 1.9;
		text-align: center;
		font-size: 114%;
		letter-spacing: 0.1em;
}
/*------------------------------------

「Pサイズ」って？

------------------------------------*/
#about {
		margin: 0 0 4em;
}
/* ボタン */
#about .about-btn {
		cursor: pointer;
		color: #FFF;
		font-size: 150%;
		position: relative;
		transition: all 0.3s;
		width: 90%;
		margin: 0 auto;
}
@media (hover: hover) {
		#about .about-btn:hover {
				opacity: 0.8;
		}
}
#about .about-btn > span {
		display: flex;
		justify-content: center;
		align-items: center;
		display: block;
		padding: 0.5em 0 0.8em;
		background: #a8a3cc;
		font-family: "A1 Gothic M";
		position: relative;
		z-index: 1;
		border-radius: 1em;
}
#about .about-btn .big-txt {
		font-size: 136%;
}
#about .about-btn::before {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		border: 1px solid #5c5044;
		border-radius: 1em;
		background-size: contain;
		position: absolute;
		top: 0.2em;
		left: 0.2em;
}
#about .about-btn::after {
		display: block;
		width: 100%;
		height: 0.3em;
		content: '';
		background: url(../images/about_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 0.5em;
		left: 0;
		z-index: 1;
}
#about .about-btn.open::after {
		background: url(../images/about_arrow_open.svg) no-repeat center;
}
/* 中身 */
#about .about-box {
		display: none;
}
#about .about-box > p {
		margin: 3em 0 1em;
		font-size: 110%;
}
#about .about-box .about-fitting {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4%;
}
#about .about-box .about-fitting .fitting-box {
		position: relative;
}
#about .about-box .about-fitting .fitting-box p {
		font-family: "A1 Gothic M";
		font-size: 135%;
		letter-spacing: 0.1em;
}
#about .about-box .about-fitting .fitting-box.just p {
		color: #a8a3cc;
}
#about .about-box .about-fitting .fitting-box img {}
#about .about-box .about-fitting .fitting-box img.point {
		position: absolute;
		top: 65%;
		left: -8%;
		width: 30%;
}
/*------------------------------------

カテゴリナビ

------------------------------------*/
/* SP ID */
#category-nav-sp {
		width: 70%;
		max-width: 391px;
		margin: 5em auto;
}
/* PC/SP 共通 */
.category-nav {}
.category-nav .category-nav-item {
		display: block;
		position: relative;
		margin: 0 auto 1.5em;
		cursor: pointer;
		transition: all 0.3s;
}
.category-nav .category-nav-item > span {
		background: #d3d1e5;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-radius: 0.5em;
		overflow: hidden;
}
.category-nav .category-nav-item img {
		width: 37%;
}
.category-nav .category-nav-item::after {
		display: block;
		width: 100%;
		height: 0.5em;
		content: '';
		background: url(../images/about_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 0.5em;
		left: 0;
}
.category-nav .category-nav-item .category-nav-txt {
		/* font-size: 80%; */
		width: 100%;
		/* position: relative; */
		display: block;
		margin: 0 6% 0.3em 0;
}
.category-nav .category-nav-item .category-nav-txt .sub-ttl {
		font-size: 90%;
		display: block;
		font-family: "A1 Gothic 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;
		white-space: nowrap;
}
.category-nav .category-nav-item .category-nav-txt .brand-ttl {
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
}
.category-nav .category-nav-item .category-nav-txt .main-ttl {
		font-size: 117%;
		line-height: 1.1;
		font-family: "A1 Gothic M";
		display: inline-block;
		position: relative;
		margin: 0.1em 0 0 0;
}
/* NEWアイコン */
.category-nav .category-nav-item.new .category-nav-txt::after {
		display: block;
		width: 15%;
		height: 2em;
		content: '';
		background: url(../images/category_new_icon.svg) no-repeat center top;
		background-size: contain;
		position: absolute;
		top: -6%;
		left: 35%;
}
/* 個別 */
.category-nav .category-nav-item.category01 {}
.category-nav .category-nav-item.category01 .category-nav-txt .brand-ttl {
		display: block;
		line-height: 1;
}
.category-nav .category-nav-item.category01 .category-nav-txt .main-ttl {
		background: #FFF;
		padding: 0.1em 0.4em;
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		letter-spacing: 0.1em;
		font-size: 133%;
		margin: 0.2em 0 0 0;
		white-space: nowrap;
}
.category-nav .category-nav-item.category02 > span {
		background: #e4e2e0;
}
.category-nav .category-nav-item.category03 {}
.category-nav .category-nav-item.category03 .category-nav-txt img {
		width: 1.5em;
		bottom: -0.4em;
		right: -1.9em;
		position: absolute;
}
/*------------------------------------

カテゴリナビ PC表示

------------------------------------*/
#category-nav-pc {
		position: absolute;
		top: 0;
		left: 100px;
		width: 360px;
		font-size: 91%;
		text-align: center;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
}
#category-nav-pc .side-inner {}
#category-nav-pc a {
		cursor: pointer;
}
#category-nav-pc.fixed {
		position: fixed;
		left: calc(-600px + 50vw);
}
.win #category-nav-pc.fixed {
		left: calc(-608px + 50vw);
}
#category-nav-pc .side-logo {
		width: 44%;
		margin-bottom: 2.9em;
}
/*------------------------------------

カテゴリ共通

------------------------------------*/
h2.category-midashi {
		margin: 0 0 1em;
}
h2.category-midashi .sub-ttl {
		display: block;
		font-family: "A1 Gothic M";
		font-size: 80%;
}
h2.category-midashi .brand-ttl {}
h2.category-midashi .main-ttl {
		font-family: "A1 Gothic M";
		font-size: 120%;
		line-height: 1.3;
}
/*------------------------------------

アイテムナビ

------------------------------------*/
#item-nav {
		background: linear-gradient(-12deg, #dcdaeb 0%, #dcdaeb 49%, #b1acd1 49%, #b1acd1 100%);
		padding: 3em 0;
}
#item-nav h2.category-midashi {
		margin-bottom: 0.3em;
}
#item-nav h2.category-midashi .sub-ttl {}
#item-nav h2.category-midashi .brand-ttl {
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		display: block;
		margin: 0.3em 0 0;
}
#item-nav h2.category-midashi .main-ttl {
		background: #FFF;
		padding: 0.1em 0.4em;
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		letter-spacing: 0.12em;
		font-size: 133%;
		line-height: 1;
		display: inline-block;
		margin: 0.2em 0 0 0;
	position:relative;
}
#item-nav h2.category-midashi .main-ttl::after {
		display: block;
		width: 15%;
		height: 2em;
		content: '';
		background: url(../images/category_new_icon.svg) no-repeat center top;
		background-size: contain;
		position: absolute;
		top: -38%;
		left: -5%;
}


#item-nav .item-size-list {
		color: #FFF;
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 137%;
		letter-spacing: 0.13em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		margin-bottom: 0.4em;
}
#item-nav .item-size-list .min-txt {
		font-size: 80%;
}
#item-nav .item-nav-list {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 2%;
		width: 80%;
		max-width: 520px;
		margin: 0 auto;
}
#item-nav .item-nav-list a {
		width: 30%;
		text-align: center;
		position: relative;
}
#item-nav .item-nav-list a::after {
		display: block;
		width: 100%;
		height: 0.4em;
		margin: 0.4em auto 0;
		content: '';
		background: url(../images/item_arrow.svg) no-repeat center;
		background-size: contain;
		transition: all 0.3s;
}
#item-nav .item-nav-list a:hover::after {
		transform: translateY(5px);
}
#item-nav .item-nav-list a img {
		display: inline-block;
}
#item-nav .item-nav-list a .item-name {
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 120%;
		line-height: 1.19;
		display: block;
}
/*------------------------------------

#item-wrap

------------------------------------*/
#item-wrap {}
#item-wrap .item-box {
		position: relative;
		margin: 9em 0;
}
/*------------------------------------

アイテム紹介

------------------------------------*/
#item-wrap .item-ttl {
		mix-blend-mode: multiply;
		text-align: center;
		position: absolute;
		top: 4em;
		right: 5.5em;
		z-index: 1;
}
#item-wrap .item-ttl .ttl-num {
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 285%;
		line-height: 1.2;
		letter-spacing: 0.1em;
}
#item-wrap .item-ttl h3 {}
#item-wrap .item-ttl h3 .sub-ttl {
		font-family: "A1 Gothic M";
		font-size: 58%;
		display: block;
		letter-spacing: 0.1em;
		margin: 0.3em 0 0.3em;
}
#item-wrap .item-ttl h3 .main-ttl {
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 174%;
		letter-spacing: 0.12em;
		line-height: 1;
		position: relative;
		min-width: 8em;
		display: inline-block;
}
#item-wrap .item-ttl h3 .main-ttl span {
		position: relative;
}
#item-wrap .item-ttl h3 .main-ttl::before {
		display: block;
		width: 8em;
		height: 1.6em;
		content: '';
		background: url(../images/item_ttl_line.webp) no-repeat center;
		background-size: 8em;
		position: absolute;
		bottom: -0.7em;
		left: auto;
		clip-path: inset(0 100% 0 0);
}
#item-wrap .item-box.fade_ct .main-ttl::before {
		animation: clip-100 1s both .3s;
}
@keyframes clip-100 {
		0% {
				clip-path: inset(0 100% 0 0);
		}
		100% {
				clip-path: inset(0);
		}
}
#item-wrap .item-ttl p {
		width: 337px;
		text-align: justify;
		display: inline-block;
		margin: 0.9em 0;
		font-size: 103%;
		line-height: 1.9;
}
#item-wrap .item-main {
		display: flex;
		justify-content: flex-start;
		align-items: center;
}
#item-wrap .item-main .item-main-photo {
		width: 60%;
}
#item-wrap .item-sub {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin: -12em 5% 4em 0;
		position: relative;
}
#item-wrap .item-sub .item-sub-photo {
		width: 347px;
		order: 1;
		box-shadow: -0.9em 0.9em 0px #d3d1e5;
}
#item-wrap .item-sub p {
		text-align: justify;
		font-size: 95%;
		position: relative;
		z-index: 1;
}
#item-wrap .item-sub p.item-txt01 {
		width: 260px;
		margin: 8em 5% 0 0;
}
#item-wrap .item-sub p.item-txt02 {
    margin: 0 0 0 -2.5em;
}
#item-wrap .link-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 2em;
}
#item-wrap .link-wrap a {}
#item-wrap .link-wrap .spec-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1em;
		margin: 0 0 1.4em;
}
#item-wrap .link-wrap .spec-wrap img {
    width: 110px;
}
#item-wrap .link-wrap .spec-wrap .item-spec {
		text-align: left;
		font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
}
#item-wrap .link-wrap .spec-wrap .item-spec .item-name {
		display: block;
		line-height: 1.4;
		font-size: 97%;
}
#item-wrap .link-wrap .spec-wrap .item-spec .price {}
#item-wrap .link-wrap .spec-wrap .item-spec .price .num {
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 125%;
}
#item-wrap .link-wrap .spec-wrap .item-spec .price .tax {
		font-size: 85%;
}
.spec-btn {
		position: relative;
		display: inline-block;
}
.spec-btn span {
		color: #FFF;
		position: relative;
		background: #a8a3cc;
		padding: 0.6em 2.9em;
		/* border: 1px solid #000; */
		border-radius: 1em;
		display: inline-block;
		font-size: 110%;
		transition: all 0.3s;
		font-family: "A1 Gothic R";
}
.spec-btn::after {
		display: block;
		width: 0.4em;
		height: 100%;
		content: '';
		background: url("../images/bnr_arrow_w.png") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 1.2em;
		transition: all 0.3s;
}
.spec-btn::before {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		border: 1px solid #5c5044;
		border-radius: 1em;
		background-size: contain;
		position: absolute;
		top: 0.2em;
		left: 0.2em;
}
/* hover */
@media (hover: hover) {
		a:hover .spec-btn span {
				/* background: #53a1ba; */
		}
		a:hover .spec-btn::after {
				right: 0.9em;
				background-size: contain;
		}
}
/* 左右 */
.item-box.right_id {}
#item-wrap .item-box.right_id .item-main {
		justify-content: flex-end;
}
#item-wrap .item-box.right_id .item-ttl {
		right: auto;
		left: 5.5em;
}
#item-wrap .item-box.right_id .item-sub {
		justify-content: flex-start;
		margin-left: 5%;
}
#item-wrap .item-box.right_id .item-sub .item-sub-photo {
		box-shadow: 0.9em 0.9em 0px #d3d1e5;
		margin-right: 0;
}
/* 個別 */
#item01 {}
#item-wrap #item01 .item-sub {
}
#item-wrap #item01 .item-sub p.item-txt01 {
}
#item-wrap #item01 .item-sub02 {justify-content: flex-start;margin: -1em 5% 4em 16%;}
#item-wrap #item01 .item-sub02 p.item-txt02 {order: 1;width: 200px;}
#item-wrap #item01 .item-sub02 .item-sub-photo {
    width: 447px;
    box-shadow: 0.9em 0.9em 0px #d3d1e5;
}


#item-wrap #item02 .item-sub {
}
#item-wrap #item02 .item-sub p.item-txt01 {order: 1;width: 196px;margin: 2em 5% 0 5%;}
#item-wrap #item02 .item-sub02 {margin: 0em 5% 4em 0;}
#item-wrap #item02 .item-sub02 p.item-txt02 {width: 202px;margin: 0 -4.5em 0 5.5em;}
#item-wrap #item02 .item-sub02 .item-sub-photo {
    width: 447px;
    box-shadow: 0.9em 0.9em 0px #d3d1e5;
}


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

着用イメージを見る

------------------------------------*/
#style {
		background: linear-gradient(-12deg, #e4e2e0 0%, #e4e2e0 55%, #bfbab4 55%, #bfbab4 100%);
		padding: 3em 0;
}
#style h2.category-midashi {}
#style h2.category-midashi .sub-ttl, #search h2.category-midashi .sub-ttl {
		border-bottom: 1px solid #FFF;
		display: inline-block;
		padding: 0 0 0.3em;
		margin: 0 0 0.5em;
}
#style h2.category-midashi .main-ttl {
		display: block;
}
.splide {overflow: hidden;}
#style #style-slide {}
#style #style-slide .splide__track {width: 35%;}

#style #style-slide img {}
/* スライダー用 矢印 */
#wrapper .splide__arrow {
		box-sizing: initial;
		width: 2.5em;
		height: 2.5em;
		transition: all .3s;
		opacity: 1;
		outline: none;
		background: none;
}
#wrapper .splide__arrow img {
		width: 100%;
}
#wrapper .splide__arrow--prev {
		left: 0;
		padding-right: 2.5em;
}
#wrapper .splide__arrow--next {
		right: 0;
		padding-left: 2.5em;
}
/* hover */
@media (hover: hover) and (min-width: 769px) {
		#style .staple-links_lv a:hover {
				opacity: .7;
		}
		#wrapper .splide__arrow--prev:hover {
				padding-right: 2.5em;
		}
		#wrapper .splide__arrow--next:hover {
				padding-left: 2.5em;
		}
}
.more-btn {
		position: relative;
		display: inline-block;
		margin: 2em 0 0;
		font-size: 123%;
}
.more-btn span {
		color: #FFF;
		position: relative;
		background: #948c82;
		padding: 0.7em 1.9em;
		/* border: 1px solid #000; */
		border-radius: 1em;
		display: inline-block;
		transition: all 0.3s;
		font-family: "A1 Gothic R";
}
.more-btn::after {
		display: block;
		width: 0.4em;
		height: 100%;
		content: '';
		background: url("../images/bnr_arrow_w.png") no-repeat center;
		background-size: 0.4em;
		position: absolute;
		top: 0;
		right: 1.2em;
		transition: all 0.3s;
}
.more-btn::before {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		border: 1px solid #5c5044;
		border-radius: 1em;
		background-size: contain;
		position: absolute;
		top: 0.2em;
		left: 0.2em;
}
/* hover */
@media (hover: hover) {
		.more-btn:hover span {
				/* background: #53a1ba; */
		}
		.more-btn:hover::after {
				right: 0.9em;
				background-size: contain;
		}
		.search-tab div:hover {
				opacity: 0.8;
		}
}

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

オリジナルアイテム一覧

------------------------------------*/
#all-items {margin: 0 0 6em;}

#all-items .category-midashi {
}

#all-items .category-midashi .main-ttl {
									   display: block;
									   position:relative;
									   margin-bottom: 0.4em;
									   }
#all-items .category-midashi .main-ttl::before {
display: block;
width: 100%;
height: 1px;
content: '';
background:#dddfe1;
position: absolute;
top: 70%;
left: 0;
}
#all-items .category-midashi .main-ttl img {
	position:relative;
	background:#FFF;
	padding:0 1em;
	box-sizing:initial;
}

#all-items .category-midashi .sub-ttl {font-size: 59%;}

/* == スライド == */
#all-items-slide {
}

#all-items-slide .splide__track {width: 31%;}

#all-items-slide .splide__track .splide__list {
}

/* 繰り返し start */
#all-items-slide .splide__track .splide__list li {
}

#all-items-slide .splide__track .splide__list li figure {
}

#all-items-slide .splide__track .splide__list li figure a {
}

#all-items-slide .splide__track .splide__list li figure a img {
}

/* 繰り返し end */
/* 繰り返し start */
/* 繰り返し end */
/* 繰り返し start */
/* 繰り返し end */
/* スライダー用 矢印 */
#all-items-slide .splide__arrows {
}

#all-items-slide .splide__arrows .splide__arrow.splide__arrow--prev {
}

#all-items-slide .splide__arrows .splide__arrow.splide__arrow--prev img {
}

#all-items-slide .splide__arrows .splide__arrow.splide__arrow--next {
}

#all-items-slide .splide__arrows .splide__arrow.splide__arrow--next img {
}

#all-items .more-btn {
}

#all-items .more-btn span {background: #a8a3cc;}







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

Pサイズのアイテムを探す

------------------------------------*/
#search {
		background: linear-gradient(-12deg, #dcdaeb 0%, #dcdaeb 35%, #b1acd1 35%, #b1acd1 100%);
		padding: 3em 0;
		margin: 6em 0;
}
#search h2.category-midashi {
		position: relative;
}
#search h2.category-midashi .main-ttl {
		position: relative;
		display: inline-block;
}
#search h2.category-midashi .main-ttl img {
		width: 1.1em;
		bottom: 0.0em;
		right: -1.4em;
		position: absolute;
}
#search h2.category-midashi::before, #search h2.category-midashi::after {
		display: block;
		width: 77px;
		height: 116px;
		content: '';
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
}
#search h2.category-midashi::before {
		background-image: url("../images/search_ashirai01.webp");
		top: 0;
		left: 17%;
}
#search h2.category-midashi::after {
		background-image: url("../images/search_ashirai02.webp");
		top: 0;
		right: 17%;
}
.search-wrap {
		width: 75%;
		margin: 1em auto;
}
/* サイズ選択 */
.search-tab {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1%;
		margin: 1em 0;
		border-bottom: 2px solid #FFF;
}
.search-tab div {
		font-family: "Jost", system-ui;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 210%;
		width: 17%;
		color: #FFF;
		transition: all 0.3s;
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: contain;
		margin-bottom: -1px;
		cursor: pointer;
}
.search-tab div.active {
		background-image: url(../images/search_tab.svg);
		color: #a8a3cc;
}
/* 検索カテゴリー */
#search-category {}
#search-category .search-box {
		opacity: 0;
		display: none;
}
#search-category .search-box.show {
		animation: fadeIn_ct 0.5s 0s both;
		display: block;
}
#search-category .search-box.show .search-list {}
#search-category .search-box .search-list {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #FFF;
		flex-wrap: wrap;
}
#search-category .search-box .search-list a {
		position: relative;
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 3em;
		font-size: 145%;
		border-right: 1px dotted #666666;
		border-bottom: 1px solid #cccccc;
		font-family: "A1 Gothic R";
}
#search-category .search-box .search-list a:nth-child(2n) {
	border-right:none;
}
#search-category .search-box .search-list a::after {
		display: block;
		width: 0.4em;
		height: 100%;
		content: '';
		background: url("../images/bnr_arrow_b.png") no-repeat center;
		background-size: 0.4em;
		position: absolute;
		top: 0;
		right: 1.2em;
		transition: all 0.3s;
}
#search-category .search-box .search-list a:hover::after {
		right: 1.0em;
}
#search-category .search-box .search-list a:nth-child(n + 5) {
		border-bottom: none;
}
/*------------------------------------

#recommend

------------------------------------*/
#recommend {
		margin: 0em auto 5em;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 4%;
		width: 90%;
}
#recommend a {
		width: 41%;
		margin: 0 0 2em;
}
#recommend a img {}
/*------------------------------------

アニメーション

------------------------------------*/
.fade_item {opacity: 0;}
.fade_ct {
		animation: fadeInBottom_ct 1.0s 0.0s both;
		opacity: 0;
}
@keyframes fadeIn_ct {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes fadeInBottom_ct {
		0% {
				transform: translateY(1em);
				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(-20px);
				opacity: 0;
		}
		100% {
				transform: translateX(0px);
				opacity: 1;
		}
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
		display: none;
		position: relative;
		height: 0;
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
		z-index: 10000;
}
.pageTop a {
		position: fixed;
		bottom: 20px;
		right: 25px;
		left: auto;
		display: block;
		width: 80px;
		height: 80px;
		background: url(../images/pagetop.svg);
		background-repeat: no-repeat;
		background-size: 99%;
		z-index: 10000;
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		.pageTop a:hover {
				bottom: 30px;
		}
}
/*===================================

PCのみ

===================================*/
#category-nav-sp {
		display: none;
}
/*===================================

1400px以下

===================================*/
@media (max-width: 1400px) {
		#wrapper {
				font-size: 1.15vw;
		}
		#category-nav-pc {
				width: 25vw;
				left: 5vw !important;
		}
		#item-wrap .item-sub .item-sub-photo {
				width: 32vw;
		}
}
/*===================================

1000px以下

===================================*/
@media (max-width: 1100px) {
		#wrapper {
				font-size: 0.9rem;
		}
		#sp-contents {
				width: 880px;
		}
		#category-nav-pc { /* display: none !important; */ left: -100vw !important;
		}
		#category-nav-sp {
				display: block;
				margin: 4em auto 5em;
		}
		#item-wrap .item-sub .item-sub-photo {
				width: 426px;
		}
		#title .titleinner .title-logo {
				position: absolute;
				top: 34%;
				left: 13%;
				width: 42%;
				max-width: 330px;
		}
}
/*===================================

880px以下

===================================*/
@media (max-width: 880px) {
		#wrapper {
				font-size: 0.9rem;
				overflow: hidden;
		}
		#sp-contents {
				min-width: auto;
				width: 100%;
		}
}
/*===================================

スマホ

===================================*/
@media (max-width: 768px) {
		.pc {
				display: none;
		}
		.sp {
				display: block;
		}
		/*------------------------------------

ページトップへ戻る

------------------------------------*/
		.pageTop a {
				right: 3vw;
				bottom: 3vw;
				width: 15vw;
				height: 15vw;
				/* background-size: contain; */
		}
		#wrapper {
				font-size: 3.2vw;
		}
		#wrapper-inner {}
		#wrapper img {}
		.splide__slide img {}
		/* hover */
		/*------------------------------------

ヘッダー

------------------------------------*/
		#header_fn {}
		#header_fn h1 {
				font-size: 69%;
		}
		/*------------------------------------

タイトル

------------------------------------*/
		#title {}
		#title .titleinner {}
		#title .titleinner .title-logo {
				width: 50%;
				top: 34%;
				left: 6%;
		}
		#title .titleinner .title-logo .title-sub {}
		#title .titleinner .title-logo .title-main {}
		/* タイトルスライダー */
		#title .splide {}
		#title .splide .splide__slide {}
		#title .splide .splide__slide img {
				/* max-width: none; */
				width: 100%;
				margin: 0 36% 0 0;
		}
		/*===================================

スマホコンテンツ

===================================*/
		#sp-contents-wrapper {}
		#sp-contents {}
		#sp-contents p {}
		/*------------------------------------

リード

------------------------------------*/
		#lead {
				margin-top: 0.5em;
		}
		#lead p {}
		/*------------------------------------

「Pサイズ」って？

------------------------------------*/
		#about {}
		/* ボタン */
		#about .about-btn {
				font-size: 120%;
		}
		#about .about-btn > span {
				padding: 1.0em 0 1.3em;
		}
		#about .about-btn:hover {}
		#about .about-btn .big-txt {
				display: block;
				line-height: 1;
		}
		#about .about-btn::before {}
		#about .about-btn::after {
				height: 0.4em;
		}
		#about .about-btn.open::after {}
		/* 中身 */
		#about .about-box {}
		#about .about-box > p {
				margin: 1.5em 0 1.5em;
		}
		#about .about-box .about-fitting {
				width: 90%;
				margin: 0 auto;
		}
		#about .about-box .about-fitting .fitting-box {}
		#about .about-box .about-fitting .fitting-box p {
				font-size: 113%;
				margin-bottom: 0.3em;
		}
		#about .about-box .about-fitting .fitting-box.just p {}
		#about .about-box .about-fitting .fitting-box img {}
		#about .about-box .about-fitting .fitting-box img.point {}
		/*------------------------------------

カテゴリナビ

------------------------------------*/
		/* SP ID */
		#category-nav-sp {
				width: 90%;
				max-width: none;
				font-size: 117%;
		}
		/* PC/SP 共通 */
		.category-nav {}
		.category-nav .category-nav-item {}
		.category-nav .category-nav-item > span {}
		.category-nav .category-nav-item img {
				width: 34%;
		}
		.category-nav .category-nav-item::after {}
		.category-nav .category-nav-item .category-nav-txt {}
		.category-nav .category-nav-item .category-nav-txt .sub-ttl {}
		.category-nav .category-nav-item .category-nav-txt .brand-ttl {}
		.category-nav .category-nav-item .category-nav-txt .main-ttl {}
		/* NEWアイコン */
		.category-nav .category-nav-item.new .category-nav-txt::after {}
		/* 個別 */
		.category-nav .category-nav-item.category01 {}
		.category-nav .category-nav-item.category01 .category-nav-txt .brand-ttl {}
		.category-nav .category-nav-item.category01 .category-nav-txt .main-ttl {}
		.category-nav .category-nav-item.category02 {}
		.category-nav .category-nav-item.category03 {}
		.category-nav .category-nav-item.category03 .category-nav-txt img {}
		/*------------------------------------

カテゴリナビ PC表示

------------------------------------*/
		#category-nav-pc {}
		#category-nav-pc.fixed {}
		#category-nav-pc.fixed-stop {}
		/*------------------------------------

カテゴリ共通

------------------------------------*/
		h2.category-midashi {
				font-size: 158%;
		}
		h2.category-midashi .sub-ttl {}
		h2.category-midashi .brand-ttl {}
		h2.category-midashi .main-ttl {}
		/*------------------------------------

アイテムナビ

------------------------------------*/
		#item-nav {}
		#item-nav h2.category-midashi {
				margin: 0 0 0.4em;
		}
		#item-nav h2.category-midashi .sub-ttl {}
		#item-nav h2.category-midashi .brand-ttl {}
		#item-nav h2.category-midashi .main-ttl {}
		#item-nav .item-nav-list {
				gap: 3%;
				width: 83%;
		}
		#item-nav .item-nav-list a {}
		#item-nav .item-nav-list a::after {}
		#item-nav .item-nav-list a:hover::after {}
		#item-nav .item-nav-list a img {}
		#item-nav .item-nav-list a .item-name {
				font-size: 100%;
				white-space: nowrap;
		}
		/*------------------------------------

#item-wrap

------------------------------------*/
		#item-wrap {}
		#item-wrap .item-box {
				margin: 7em 0;
		}
		/*------------------------------------

アイテム紹介

------------------------------------*/
		#wrapper #item-wrap .item-ttl {
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				margin-bottom: -3.9em;
		}
		#item-wrap .item-ttl .ttl-num {
				font-size: 355%;
		}
		#item-wrap .item-ttl h3 {}
		#item-wrap .item-ttl h3 .sub-ttl {
				font-size: 48%;
		}
		#item-wrap .item-ttl h3 .main-ttl {
				font-size: 137%;
		}
		#item-wrap .item-ttl h3 .main-ttl span {}
		#item-wrap .item-ttl h3 .main-ttl::before {}
		#item-wrap .item-ttl p {
				font-size: 106%;
				width: 80%;
		}
		#item-wrap .item-main {}
		#item-wrap .item-main .item-main-photo {
				width: 92%;
				/* margin-left: -3%; */
		}
		#wrapper #item-wrap .item-sub {
				margin: 9vw 0 3.5em;
				flex-wrap: wrap;
		}
		#item-wrap .item-sub .item-sub-photo {
				width: 65%;
		}
		#item-wrap .item-sub p {}
		#item-wrap .item-sub p.item-txt01 {
				width: 30vw;
				margin: 2em -6% 0 0;
		}
		#item-wrap .item-sub p.item-txt02 {}
		#item-wrap .link-wrap {}
		#item-wrap .link-wrap a {}
		#item-wrap .link-wrap .spec-wrap {}
		#item-wrap .link-wrap .spec-wrap img {
				width: 22vw;
		}
		#item-wrap .link-wrap .spec-wrap .item-spec {
				font-size: 115%;
		}
		#item-wrap .link-wrap .spec-wrap .item-spec .item-name {}
		#item-wrap .link-wrap .spec-wrap .item-spec .price {}
		#item-wrap .link-wrap .spec-wrap .item-spec .price .num {}
		#item-wrap .link-wrap .spec-wrap .item-spec .price .tax {}
		.spec-btn {
				font-size: 130%;
		}
		.spec-btn span {}
		.spec-btn::after {}
		.spec-btn::before {}
		/* 左右 */
		.item-box.right_id {}
		#item-wrap .item-box.right_id .item-main {}
		#item-wrap .item-box.right_id .item-ttl {}
		#item-wrap .item-box.right_id .item-sub {}
		#item-wrap .item-box.right_id .item-sub .item-sub-photo {}
		/* 個別 */
		#item01 {}
		#item02 .item-sub p.item-txt01 {
				position: absolute;
				left: 57%;
				width: 32vw;
				top: 7vw;
		}
		#item-wrap #item02 .item-sub {}
		#item-wrap #item02 .item-sub .item-sub-photo {
				margin-left: -5vw;
				box-shadow: -0.9em 0.9em 0px #d3d1e5;
		}

    
#item01 {}
#item-wrap #item01 .item-sub {
}
#item-wrap #item01 .item-sub p.item-txt01 {
}
#item-wrap #item01 .item-sub02 {}
#item-wrap #item01 .item-sub02 p.item-txt02 {
				position: absolute;
				left: 68%;
				width: 32vw;
				top: 16vw;
				}
#item-wrap #item01 .item-sub02 .item-sub-photo {
   width: 70vw;
   margin-left: -5vw;
   box-shadow: -0.9em 0.9em 0px #d3d1e5;
}


#item-wrap #item02 .item-sub {
}
#item-wrap #item02 .item-sub p.item-txt01 {width: 32vw;margin: 6em 0% 0 1%;}
#item-wrap #item02 .item-sub02 {
    flex-wrap: nowrap;
}
#item-wrap #item02 .item-sub02 p.item-txt02 {
    width: 39vw;
    margin: 0 -8vw 0 7vw;
}
#item-wrap #item02 .item-sub02 .item-sub-photo {
 width: 70vw;
 margin: 0;
}
    
    
    
		/*------------------------------------

着用イメージを見る

------------------------------------*/
		#style {
				padding: 2.5em 0 4em;
				background: linear-gradient(-12deg, #e4e2e0 0%, #e4e2e0 62%, #bfbab4 62%, #bfbab4 100%);
		}
		#style h2.category-midashi {}
		#style h2.category-midashi .sub-ttl, #search h2.category-midashi .sub-ttl {}
		#style h2.category-midashi .main-ttl {}
		#style #style-slide {}
		#style #style-slide img {}
			#style #style-slide .splide__track {
		width:55%;
	}
		/* スライダー用 矢印 */
		#wrapper .splide__arrow {}
		#wrapper .splide__arrow img {}
		#wrapper .splide__arrow--prev {}
		#wrapper .splide__arrow--next {}
		.more-btn {
				font-size: 125%;
				margin: 1.5em 0 0;
		}
		.more-btn span {}
		.more-btn::after {}
		.more-btn::before {}

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

オリジナルアイテム一覧

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

	#all-items .category-midashi .main-ttl img {width:50vw;}

#all-items .category-midashi .sub-ttl {font-size: 65%;}
	#all-items-slide .splide__track {
		width:50%;
	}

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

Pサイズのアイテムを探す

------------------------------------*/
		#search {
				background: linear-gradient(-12deg, #d3d1e5 0%, #d3d1e5 35%, #a8a3cc 35%, #a8a3cc 100%);
		}
		#search h2.category-midashi {}
		#search h2.category-midashi .main-ttl {}
		#search h2.category-midashi .main-ttl img {}
		#search h2.category-midashi::before, #search h2.category-midashi::after {
				width: 13vw;
				top: 2vw;
		}
		#search h2.category-midashi::before {
				left: 6%;
		}
		#search h2.category-midashi::after {
				right: 6%;
				top: 4vw;
		}
		.search-wrap {
				width: 90%;
				font-size: 74%;
		}
		/* サイズ選択 */
		.search-tab {}
		.search-tab div {}
		.search-tab div.active {}
		/* 検索カテゴリー */
		#search-category {}
		#search-category .search-box {}
		#search-category .search-box.show {}
		#search-category .search-box .search-list {}
		#search-category .search-box .search-list a {
				height: 3.7em;
		}
		#search-category .search-box .search-list a::after {}
		#search-category .search-box .search-list a:nth-child(n + 5) {}
		/*------------------------------------

#recommend

------------------------------------*/
		#recommend {}
		#recommend a {
				width: 48%;
		}
		#recommend a img {}
}