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

	Date: 2025-03-06
	CSS Document ： 似合う服はコレ！ 気になる体形別で選べる人気服

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

ベース

------------------------------------*/
/* テンプレート内のパンくずを非表示 */
#footercontent .fsc_gfooter__breadcrumb {
		display: none;
}
.fsc_gfooter__breadcrumb {
		margin-top: 0;
}
.pc_ff {
		display: block;
}
.sp_ff {
		display: none;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
}

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

wrapper

------------------------------------*/
#wrapper_ff { /* パンクズを含むwrapper　何もしない */
}
#contents_ff {
		animation: fade_ff 1.0s forwards;
		text-align: center;
		letter-spacing: 0.15em;
		line-height: 1.7;
}
#contents_ff h1, #contents_ff h2, #contents_ff h3 {
		font-family: "A1 Gothic 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;
}
#contents_ff h4 {
		font-family: "A1 Gothic 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;
}
#contents_ff ul {
		list-style: none;
		padding: 0;
}
#contents_ff a {
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		#contents_ff a:hover {
				opacity: 0.7;
				text-decoration: none;
		}
}
span.fontI_ff {
		font-family: '見出ミンMA31 JIS2004', 'Midashi Min MA31 JIS2004', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
}
#wrapper_ff h1 {
		font-size: 13px;
		color: #bbb;
		max-width: 1200px;
		text-align: right;
		margin: 0.5em auto;
}
/*------------------------------------

title

------------------------------------*/
#title-wrap {
		position: relative;
		height: 600px;
		background-image: url(../images/ttl_bg.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-color: #e6f5f4;
		background-size: cover;
		overflow: hidden;
}
#title-wrap .title-inner {
		position: relative;
		max-width: 1170px;
		margin: 0 auto;
		height: 100%;
}
/* PC 1170px 以下 */
@media (max-width: 1170px) {
		#contents_ff {
				font-size: 1.3vw;
		}
		#title-wrap {
				height: 48vw;
		}
}
.title-inner > * {
		position: absolute;
}
.ttl-image01 {
	top: 4.5%;
	left: 14.8%;
	width: 12.4%;
	z-index: 100;
}
.ttl-image02 {
	top: 6.3%;
	left: 33.2%;
	width: 15%;
}
.ttl-image03 {
	top: 7.8%;
	left: 51.7%;
	width: 11.5%;
}
.ttl-image04 {
	top: 3.6%;
	left: 65.8%;
	width: 14.1%;
}
.ttl-image05 {
	top: 30%;
	left: 22.2%;
	width: 11.5%;
}
.ttl-image06 {
	top: 56.3%;
	left: 15.5%;
	width: 15%;
}
.ttl-image07 {
	width: 24%;
	top: 5.7%;
	left: -3.7%;
}
.ttl-image08 {
	top: 34.8%;
	left: 29%;
	width: 21.3%;
	z-index: 1;
}
.ttl-image-main {
	bottom: 0%;
	right: -10.5%;
	z-index: 100;
	width: 38.3%;
}
.ttl-main-ttl {
	top: 38%;
	left: 43.5%;
	width: 34%;
	margin: 0;
	position: relative;
}

.ttl-main-ttl picture img {
		width: 100%;
		animation: fade_ff 1.5s forwards;
		visibility: visible !important;
		opacity: 0;
		animation-delay: 1s;

}
.ttl_icon01 {
	position: absolute;
	top: -0.8%;
	left: 11.5%;
	width: 25%;
	animation: fade_ff 1.5s forwards;
	visibility: visible !important;
	opacity: 0;
	animation-delay: 2s;
}
.ttl_icon02 {
	position: absolute;
	top: -7%;
	left: 40.3%;
	width: 21.5%;
	animation: fade_ff 1.5s forwards;
	visibility: visible !important;
	opacity: 0;
	animation-delay: 2s;
}
.ttl_icon03 {
	position: absolute;
	top: -0.1%;
	left: 65.1%;
	width: 21.7%;
	animation: fade_ff 1.5s forwards;
	visibility: visible !important;
	opacity: 0;
	animation-delay: 2s;
}
/* アニメーション */
@keyframes fade_ff {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
.title-inner > * {
		animation: fade_ff 1.5s forwards;
		visibility: visible !important;
		opacity: 0;
}
/* .title-wrap .title-inner > *:nth-child(1) {
	animation-delay: 1.4s;
}
.title-wrap .title-inner > *:nth-child(2) {
	animation-delay: 1.4s;
}
.title-wrap .title-inner > *:nth-child(3) {
	animation-delay: 1.4s;
}
.title-wrap .title-inner > *:nth-child(4) {
	animation-delay: 1.4s;
}
.title-wrap .title-inner > *:nth-child(5) {
	animation-delay: 1.6s;
}
.title-wrap .title-inner > *:nth-child(6) {
	animation-delay: 1.6s;
}
.title-wrap .title-inner > *:nth-child(7) {
	animation-delay: 1.8s;
}
.title-wrap .title-inner > *:nth-child(8) {
	animation-delay: 1.8s;
}
.title-wrap .title-inner > *:nth-child(9) {
	animation-delay: 2.0s;
}
.title-wrap .title-inner > *:nth-child(10) {
	animation-delay: 2.0s;
} */

.title-inner .ttl-image01 {
		animation-delay: 0.6s;
}
.title-inner .ttl-image02 {
		animation-delay: 1s;
}
.title-inner .ttl-image03 {
		animation-delay: 1.4s;
}
.title-inner .ttl-image04 {
		animation-delay: 1.6s;
}
.title-inner .ttl-image05 {
		animation-delay: 0.9s;
}
.title-inner .ttl-image06 {
		animation-delay: 0.7s;
}
.title-inner .ttl-image07 {
		animation-delay: 0.5s;
}
.title-inner .ttl-image08 {
		animation-delay: 1s;
}
.title-inner .ttl-image-main {
		animation-delay: 1.8s;
}
.title-inner .ttl-main-ttl {
		animation-delay: 1.7s;
}
/*------------------------------------

サイズ説明

------------------------------------*/
.size_txt_ff img {
	max-width: 750px;
	margin: 5em auto;
}

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

ナビゲーション

------------------------------------*/
#nav_ff {
		margin: 4em 0 7em;
		position: relative;
		z-index: 100;
}
#nav_ff ul.nav_ff {
		display: flex;
		justify-content: center;
		align-items: center;
    gap: 0em;
	}
	.nav_wrap_ff {
		display: flex;
		justify-content: center;
		align-items: center;
    width: 870px;
		margin: 1em auto;
	}
	/* #nav_ff ul.nav_ff02 {
		display: flex;
		justify-content: center;
		align-items: center;
    gap: 0em;
    width: 440px;
    margin: 1.5em auto 0;
	} */

#nav_ff ul.nav_ff li {}
/* #nav_ff ul.nav_ff li:not(:last-child) {
		padding-right: 38px;
		background: url(../images/nav_line.gif) no-repeat right;
} */
#nav_ff ul.nav_ff li a {
		display: block;
}
#nav_ff ul.nav_ff li a img {
		display: block;
		margin: 0 auto;
		width: 85%;
}
#nav_ff ul.nav_ff li a img:nth-child(1) {}
#nav_ff ul.nav_ff li a img:nth-child(2) {
		border-radius: 50%;
		transition: all 0.3s;
		margin-top: -8%;
}
@media (hover: hover) {
		#nav_ff .nav_ff li a:hover img:nth-child(2) {
				background: #feedec;
		}
		#nav_ff .nav_ff li:nth-child(2) a:hover img:nth-child(2) {
				background: #fcf3dd;
		}
		#nav_ff .nav_ff li:nth-child(3) a:hover img:nth-child(2) {
				background: #ebf2e8;
		}
}
.line_up {
	width: 14%;
	margin: 0 auto;
}
/*------------------------------------

固定ナビ

------------------------------------*/
#nav_ff .fixed_nav {
		position: fixed;
		z-index: 100;
		top: 0;
		right: 0;
		left: 0;
		display: none;
		width: 100%;
		padding: 0 0 0;
		transition: all 0.3s;
}
#nav_ff .fixed_nav ul {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
		padding-top: 0;
		background: none;
		display: flex;
		gap: 0.3%;
}
.fixed_menu_body_outer {
		width: 100% !important;
}
#nav_ff .fixed_nav ul li {
		padding: 0;
		transition: all 0.3s;
		/* width: 30.4%; */
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
}
#nav_ff .fixed_nav ul li a {
		display: block;
}
#nav_ff .fixed_nav ul li:nth-child(1) {
		background-image: url(../images/nav01_min_on.png);
}
#nav_ff .fixed_nav ul li:nth-child(2) {
		background-image: url(../images/nav02_min_on.png);
}
#nav_ff .fixed_nav ul li:nth-child(3) {
	background-image: url(../images/nav03_min_on.png);
}
#nav_ff .fixed_nav ul li:nth-child(4) {
	background-image: url(../images/nav04_min_on.png);
}

#nav_ff .fixed_nav ul li:nth-child(6) {
		background: none;
		/* width: 11%; */
}
#nav_ff .fixed_nav ul li a img {
		width: 100%;
		transition: all 0.3s;
}
#nav_ff .fixed_nav ul li a:hover img.nav_list_min_ff, #nav_ff .fixed_nav ul li a.current img.nav_list_min_ff {
		opacity: 0;
}
#nav_ff .fixed_nav ul li:last-child a:hover img.nav_list_min_ff, #nav_ff .fixed_nav ul li:last-child a.current img.nav_list_min_ff, .spec_ff a.spec_text_ff:hover {
		opacity: .7;
}
#nav_ff .nav_list_sp_ff {
		display: none;
}
@media (hover: hover) {
		/* hover */
		#fixed_menu_lv .fixed_menu_body li a:hover img, #fixed_menu_lv .fixed_menu_body li a:active img, .nav_ff li a:hover{
				opacity: .7;
				cursor: pointer;
		}
}
@media (max-width: 768px) {
		/*------------------------------------

SP用 固定ナビ

------------------------------------*/
		#fixed_menu_lv .nav_list_min_ff {
				display: none;
		}
		#fixed_menu_lv li a.sp_ff {
				display: block;
		}
		#fixed_menu_lv ul {
				width: 100%;
		}
		#fixed_menu_lv ul.nav_ff {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				width: 96%;
				margin: 2.5em auto 3.5em;
		}
		#fixed_menu_lv ul.nav_ff li {
				display: block;
				width: 32%;
				padding-right: 2%;
				margin: 0;
				background: none;
				background-size: contain;
		}
		#fixed_menu_lv .nav_list_sp_ff {
				display: block;
		}
		#fixed_menu_lv {
				position: fixed;
				z-index: 1000;
				right: 0;
				bottom: 0;
				overflow: visible;
				width: 100% !important;
				height: auto;
				background: #fff;
		}
		#fixed_menu_lv li.nav_list_sp_ff {
				float: left;
				width: 20%;
		}
		#nav_ff .fixed_nav ul li {
				display: block;
				float: left;
				width: 20%;
				background: #fff !important;
		}
		#fixed_menu_lv li a.current {
				background: #ffe880;
		}
		/* #nav_ff .fixed_nav ul li:nth-child(3) {
			width: 26.5%;
		} */
		#fixed_menu_lv li img {
				width: 100%;
				height: auto;
		}
		#fixed_menu_lv .fixed_menu_body_outer {
				overflow: hidden;
				width: 100%;
				height: auto;
		}
		#nav_ff #fixed_menu_lv .fixed_menu_body {
				bottom: 0;
				left: 0;
				display: flex;
				width: 100%;
				height: auto;
				padding: 0 0 0 0;
				background: #fff;
				background-size: contain;
				gap: 0;
		}
		#fixed_menu_lv .fixed_menu_body img {
				vertical-align: bottom;
		}
}
/*------------------------------------

メインカテゴリー

------------------------------------*/
#category_wrap_ff {
		/* max-width: 920px; */
		margin: 0 auto;
		font-family: "A1 Gothic 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;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.category_ff {
		position: relative;
		display: block;
		/* margin-top: -20px; */
		/* padding-top: 42px; */
		background: #fff;
		padding: 0 0 6em;
}
#con01_ff.category_ff {
		background: #f4eaec;
}
#con02_ff.category_ff {
		background: #fdf8ea;
}
#con03_ff.category_ff {
		background: #ecf3e9;
		padding-bottom: 5em;
	}
#con04_ff.category_ff {
	background: #eef7f9;
	padding: 0 0 0em;
}
.category_ff .category-1-ttl {
		font-size: 230%;
		font-weight: bold;
		position: relative;
		z-index: 99;
		padding: 0 0;
		text-align: left;
		color: #fff;
		background-repeat: repeat;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.6em;
		margin: 0;
}
.category_ff .category-1-ttl img {
		position: relative;
		z-index: 100;
		display: inline-block;
		margin: -1em 0 -1em -2em;
		vertical-align: middle;
}
.category_ff .category-1-ttl span {
		margin: 0;
		padding: 0.7em 0;
		line-height: 1.35;
}
.item_numbox_ff {
		width: 100%;
		text-align: center;
		margin-bottom: 0.7em;
}
/* .item_numbox_ff:before {
		content: "";
		background-image: url("../images/item_num_potya.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0 0;
		display: inline-block;
		vertical-align: top;
		height: 30px;
		width: 135px;
} */
#con02_ff .item_numbox_ff:before {
		background-image: url("../images/title_bg_tops.png");
		width: 115px;
}
#con03_ff .item_numbox_ff:before {
		background-image: url("../images/item_num_tall.png");
		width: 120px;
}
/*------------------------------------

カテゴリ別

------------------------------------*/
#con01_ff.category_ff .category-1-ttl {
		background-image: url(../images/title_bg_pocha.jpg);
}
#con02_ff.category_ff .category-1-ttl {
		background-image: url(../images/title_bg_tops.jpg);
}
#con03_ff.category_ff .category-1-ttl {
	background-image: url(../images/title_bg_tall.jpg);
}
#con04_ff.category_ff .category-1-ttl {
	background-image: url(../images/title_bg_setup.jpg);
}
/*------------------------------------

サブカテゴリタイトル 

------------------------------------*/
.sub-category-1-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #583f1c;
		text-align: left;
		gap: 1em;
		margin: 2em auto;
}
.sub-category-1-photo {}
.sub-category-1-photo img {}
.sub-category-1-box {}
.sub-category-1-box .sub-category-1-ttl {
		font-size: 250%;
		border-bottom: 3px solid #FFF;
		padding: 0 0 0.25em;
		margin-bottom: 0.6em;
		line-height: 1.3;
		font-weight: bold;
}
.sub-category-1-detail {}
.sub-category-1-box p {
		font-size: 110%;
		margin: 0 0.1em;
		font-family: "A1 Gothic R";
}
.sub-category-1-images {
		display: flex;
		justify-content: start;
		align-items: flex-start;
		margin-top: 1.2em;
		gap: 2em;
}
.sub-category-1-images img {}
.sub-category-1-images img:nth-child(1) {
		margin-top: 2.2em;
}
.sub-category-1-images img:nth-child(2) {}
/*------------------------------------

商品一覧

------------------------------------*/
ul.items_ff {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 1170px;
		margin: 0 auto;
		gap: 3%;
}
ul.items_ff > li {
		text-align: center;
		width: 31%;
		margin: 0 0 3em;
		position: relative;
}
ul.items_ff li a {
		display: block;
		background-color: #FFF;
		padding: 0.5em 0.5em 0em;
		border-radius: 1em;
		position: relative;
		height: calc(100% - -0.7em);
		background-image: url(../images/spec_arrow.svg);
		background-size: 0.7em;
		background-repeat: no-repeat;
		background-position: right 0.6em bottom 0.6em;
}
ul.items_ff li a .item-inner {}
ul.items_ff li .item_photo_ff {
		/* aspect-ratio: 1 / 1.146; */
		border-radius: 0.6em;
		overflow: hidden;
		position: relative;
}
ul.items_ff li .item_photo_ff img {
		width: 100%;
		height: auto;
}
ul.items_ff li .item_photo_ff .size_icon {
		position: absolute;
		top: 2%;
		left: 2%;
		width: 22%;
}
ul.items_ff li .item_photo_ff .size_icon img {
		margin-bottom: 0.5em;
}
ul.items_ff li .spec_ff {}
ul.items_ff li .spec_ff .name_ff {
		text-decoration: underline;
		font-size: 100%;
		margin: 1em 1em 0;
		line-height: 1.6;
		letter-spacing: 0.1em;
}
ul.items_ff li .spec_ff .price_ff {}
ul.items_ff li .spec_ff .price_ff .tanyi_ff {}
ul.items_ff li .spec_ff .price_ff .num_ff {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 130%;
		font-weight: 400;
		font-style: italic;
		line-height: 1.5;
		letter-spacing: 0.0em;
}
ul.items_ff li .spec_ff .red_ff {
		display: block;
}

@media (max-width: 919px) {
	ul.items_ff.top_item_ff {
			background-size: 54px !important;
	}
	ul.items_ff.top_item_ff li.item_ff {
			margin-right: auto;
			margin-left: auto;
			padding-right: 0;
			padding-left: 0;
			background: none !important;
	}
}

ul.items_ff.top_item_ff .item_numbox_ff {
	background: #fff !important;
}
.item_innerbox {
	position: relative;
}
.item_innerbox:after {
	position: absolute;
	right: 7px;
	bottom: -2px;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border-top: 6px solid transparent;
	border-right: 6px solid #333;
	border-bottom: 6px solid #333;
	border-left: 6px solid transparent;
}

/* 1カラム */
ul.items_ff .item_ff.column01_ff {
	float: none;
	width: 100%;
}
ul.items_ff li.item_ff.column01_ff .item_innerbox {
	display: flex;
	border-radius: 10px;
	background: #fff;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
	align-items: center;
}
ul.items_ff .item_ff.column01_ff .item_photo_ff a {
	border-radius: 10px 0 0 10px;
	background-image: none;
	padding-bottom: 0.5em;
}
ul.items_ff li.column01_ff a {
	background-image: none;

}
ul.items_ff .item_ff.column01_ff h4 {
	font-size: 190%;
	font-weight: bold;
	display: inline-block;
	margin: 1.7em auto 0.8em;
	padding: 12px 0 10px;
	text-align: center;
	letter-spacing: 0.1em;
	font-feature-settings: 'palt'1;
}
ul.items_ff li.column01_ff .item_photo_ff .size_icon {
	position: absolute;
	width: 17%;
    top: 4%;
    left: 4.5%;
}

#con01_ff h4 {
	color: #ca6073;
}
#con02_ff h4 {
	color: #e2b528;
}
#con03_ff h4 {
	color: #629a73;
}
#con04_ff h4 {
	color: #48a0b2;
}

/* ul.items_ff .item_ff.column01_ff .item_photo_ff {
	position: relative;
	z-index: 10;
	float: left;
} */
ul.items_ff li.item_ff.column01_ff .item_innerbox:after {
	bottom: 7px;
}
ul.items_ff li.item_ff .column01_ff img {
	/* position: relative;
	display: block;
	float: left;
	margin: 7px 0 10px 16px; */
}
.spec_ff {
	display: table;
	margin: 0.7em auto 0;
}
.spec_photowrap_ff {
	display: table;
	margin-top: 0.3em;
}
.spec_photowrap_ff a {
	display: table-cell;
	overflow: visible;
}
.item_point_wrap {
	margin: 0 auto;
}
.category_wrap_ff h4 {
	font-size: 170%;
	font-weight: bold;
	display: inline-block;
	margin: 1.5em auto 0.7em;
	padding: 12px 0 10px;
	text-align: center;
	letter-spacing: 0.12em;
	font-feature-settings: 'palt'1;
}
.column01_ff .spec_ff {
	margin: 0.7em auto -0.2em;
}

#category-3-column01 .item_innerbox .item_point_wrap ul:nth-child(3) {
	margin-bottom: -0.7em;
	margin-top: 0.3em;
}
#category-3-column01 .item_innerbox ul.colors-list {
	margin: 1.3em auto 0em;
}
#category-3-column01 .item_point_wrap .item_point_ff img {
	width: 98%;
}
/* #contents_ff #con04_ff ul.items_ff:nth-child(2) {
	margin-top: 2em;
} */
 
/*------------------------------------

カラー一覧

------------------------------------*/
/* メインアイテム */
.item_innerbox ul.colors-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5em;
	margin: 0.3em auto -0.7em;
}
.item_innerbox ul.colors-list li {
	width: 1.1em;
	aspect-ratio: 1 / 1;
	background: #CCC;
	border-radius: 50%;
}

/* その他アイテム */
ul.colors-list {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		margin: 1em auto -0.4em;
}
ul.colors-list li {
		width: 1.3em;
		aspect-ratio: 1 / 1;
		background: #CCC;
		border-radius: 50%;
}
/* カラー個別指定 */
/* カテゴリー01 */
#category-1-04 .color01 {
		background: #000000;
}
#category-1-04 .color02 {
	background: #cbbfa6;
}

/* カテゴリー03 */

#category-3-02 .color01 {
		background: #565753;
}
#category-3-02 .color02 {
	background: #a2c4be;
}
#category-3-02 .color03 {
	background: #818da4;
}

#category-3-03 .color01 {
	background: #efebe1;
	border: 0.5px solid #ccc;
}
#category-3-03 .color02 {
background: #000;
}


/* カテゴリー04 */
#category-4-01 .color01 {
	background: #000;
}
#category-4-01 .color02 {
background: #efebe1;
border: 0.5px solid #ccc;
}

#category-4-05 .color01 {
	background: #2c3d56;
}
#category-4-05 .color02 {
background: #8b8a90;
}
#category-4-05 .color03 {
	background: #000;
}
#category-4-05 .color04 {
background: #256d89;
}

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

アイテムをもっと見るボタン

------------------------------------*/
.category_ff .more_btn {
		margin: 3em auto 0;
		width: 650px;
		display: block;
		border-radius: 0.4em;
		background-color: #c9879c;
}
#con01_ff .more_btn {
	background-color: #c9879c;
}
#con02_ff .more_btn {
	background-color: #ecc95f;
}
#con03_ff .more_btn {
	background-color: #77a787;
}
#con04_ff .more_btn {
	background-color: #87aec4;
}

.more_btn a {
		display: block;
		margin: 1em auto;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.05em;
		font-size: 102%;
		position: relative;
		height: 90px;
}

.more_btn a .more_btn-wrap {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		border-radius: 0.4em;
		padding: 0.5em;
}
.category_ff .more_btn a::after {
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0.25em;
	left: 0.25em;
	border: 1px solid #c9879c;
	border-radius: 0.4em;
}
#con01_ff .more_btn a::after {
	border: 1px solid #c9879c;
}
#con02_ff .more_btn a::after {
	border: 1px solid #ecc95f;
}
#con03_ff .more_btn a::after {
	border: 1px solid #77a787;
}
#con04_ff .more_btn a::after {
	border: 1px solid #87aec4;
}

.category_ff .more_btn-wrap::after {
	display: block;
	width: 2.3em;
	height: 100%;
	content: '';
	background: url(../images/bnr_arrow_c01.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 0%;
	right: 2.5em;
}
#con01_ff .more_btn-wrap::after {
	background: url(../images/bnr_arrow_c01.svg) no-repeat center;
}
#con02_ff .more_btn-wrap::after {
	background: url(../images/bnr_arrow_c02.svg) no-repeat center;
}
#con03_ff .more_btn-wrap::after {
	background: url(../images/bnr_arrow_c03.svg) no-repeat center;
}
#con04_ff .more_btn-wrap::after {
	background: url(../images/bnr_arrow_c04.svg) no-repeat center;
}


.more_btn a .more_btn-wrap .more_btn-main {
	font-size: 200%;
margin-top: 0.3em;
}
.more_btn .more_btn-wrap .more_btn-min {
	font-size: 60%;
}
.more_btn .more_btn-wrap .more_btn-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5em;
position: relative;
}

.more_btn .more_btn-wrap .more_btn-main {
	transform: skewX(-8deg);
	display: block;
	margin-left: 0.2em;
	margin-bottom: -0.2em;
}
.more_btn .more_btn-wrap .more_btn-sub {
	/* transform: skewX(-8deg); */
	display: block;
	font-size: 110%;
	line-height: 1.4em;
	margin-top: 1.3em;
}

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

もっと見るバナー

------------------------------------*/
.more_bnr_all_wrap {
	margin: 7em auto 0;
}
.more_bnr_wrap {
	display: flex;
	width: 750px;
	justify-content: center;
	gap: 1.7em;
	margin: 0 auto;
}
.more-bnr {
		margin: 0em auto 0;
		width: 380px;
		display: block;
}
.more-bnr a {
		display: block;
		margin: 1em auto;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.05em;
		font-size: 102%;
		position: relative;
		height: 148px;
}
.more-bnr a::after {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		top: 0.25em;
		left: 0.25em;
		border: 1px solid #a37e61;
		border-radius: 0.4em;
}
.more-bnr a.bnr-blue::after {
	border: 1px solid #1e2e47;
}

.more-bnr a .more-bnr-wrap {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		background: url(../images/bnr_bg_brown.jpg) repeat center;
		border-radius: 0.4em;
		padding: 0.5em;
}
.more-bnr a.bnr-blue .more-bnr-wrap {
		background: url(../images/bnr_bg_blue.jpg) repeat center;

}
.more-bnr-wrap::after {
	display: block;
	width: 2em;
	height: 100%;
	content: '';
	background: url(../images/bnr_arrow_brown.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 32%;
	right: 0.6em;
}
.more-bnr-wrap_b::after {
	display: block;
	width: 2em;
	height: 100%;
	content: '';
	background: url(../images/bnr_arrow_blue.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 32%;
	right: 0.6em;
}

.more-bnr .sp-flex {
		display: contents;
}
.more-bnr .more-bnr-wrap .more-bnr-box {
		display: block;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
	position: relative;
	padding: 0.2em 0em 0.9em;
}

.more-bnr .more-bnr-wrap .more-bnr-main {
		transform: skewX(-8deg);
		display: block;
		font-size: 230%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 0.2em;
    margin-top: 0.1em;
    margin-bottom: -0.2em;
	}
.more-bnr .more-bnr-wrap .more-bnr-min {
		font-size: 60%;
}
.more-bnr .more-bnr-wrap .more-bnr-sub {
		/* transform: skewX(-8deg); */
		display: block;
		font-size: 110%;
		line-height: 1.4em;
		margin-top: -0.2em;
}
.more-bnr .more-bnr-wrap img {
	width: 27%;
	position: absolute;
	left: 5%;
	top: 11%;
}
.more-bnr_tall .more-bnr-wrap img {
	left: 0.2%;

}
.more-bnr a.bnr-blue .more-bnr-wrap img {
	position: static;
	width: 48%;
}
.more-bnr a.bnr-blue .more-bnr-wrap .more-bnr-main {
	font-size: 200%;
margin-top: -0.2em;
}




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

バナー

------------------------------------*/
.bnrArea_ff {
		margin: 5em auto 3em;
		max-width: 920px;
}
.bnrArea-ttl {
		background: url(../images/recommend_line.png) no-repeat center;
		background-size: 920px;
		text-align: center;
		margin: 0;
		font-size: 150%;
		font-weight: bold;
}
.bnrArea-ttl span {
		background: #FFF;
		display: inline-block;
		padding: 0 1em;
}
.bnrArea_ff ul {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 2em auto;
		flex-wrap: wrap;
		gap: 1.6em;
}
.bnrArea_ff ul li {}
.bnrArea_ff ul li a {
		display: block;
}
.bnrArea_ff ul li a img {}
.bnrArea_ff ul li .long_bnr_ff {}
/*------------------------------------

スモール・トールサイズ

------------------------------------*/
.red_ff {
	color: #d10012;
	font-size: 110%;
	margin: 0em 0 0em;
 }
.tax_ff {
		font-size: 90%;
		margin: 5em auto 0;
		padding: 0 1em 0.5em;
		text-align: right;
		max-width: 790px;
		letter-spacing: 0.05em;
}
ul.items_ff .item_ff .item_point_ff .small_ff {
		font-size: 220%;
}
/*------------------------------------

	SNS

------------------------------------*/
#sns_ff {
		width: 100%;
		text-align: center;
		display: block;
		margin: 0px auto 40px;
}
#sns_ff ul {
		width: 100%;
		text-align: center;
}
#sns_ff li {
		width: 40px;
		display: inline-block;
		margin: 5px;
}
#sns_ff li a {
		width: 100%;
}
#sns_ff li img {
		width: 100%;
		height: auto;
}
/*==================================

ページのトップへ

==================================*/
.pageTop {
		display: none;
		position: relative;
		height: 0;
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
		z-index: 10000;
}
.pageTop a {
		position: fixed;
		bottom: 15px;
		right: 15px;
		left: auto;
		display: block;
		width: 70px;
		height: 70px;
		border-radius: 100px;
		background-image: url("../images/pagetop.svg?$staticlink$");
		background-size: 99%;
		background-repeat: no-repeat;
		z-index: 10000;
		transition: all 0.3s;
}
.pageTop a:hover {
		bottom: 20px;
		background-repeat: no-repeat;
}
/*------------------------------------

アニメーション

------------------------------------*/
.category_ff, .sub-category-1-wrap {
		opacity: 0;
}
.fade_ff {
		animation: fade_ff 1.0s forwards;
		opacity: 1.0;
}
.fadeTitle_ff {
		animation: fade_ff 1s forwards;
		animation-delay: .9s;
		opacity: 0;
}
@keyframes fade_ff {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
.fade01_ff {
		animation: fade01_ff 1.0s forwards;
		animation-delay: 0s;
}
ul.items_ff > li {
		opacity: 0;
}
ul.items_ff > li:nth-child(2n).fade01_ff {
		animation-delay: 0.3s;
}
@keyframes fade01_ff {
		0% {
				transform: translateY(25px);
				opacity: 0;
		}
		100% {
				transform: translateY(0);
				opacity: 1;
		}
}
.fadeInTop_ff {
		/* visibility: visible !important; */
		animation: fadeInTop_ff 2.0s forwards;
}
@keyframes fadeInTop_ff {
		0% {
				opacity: 0;
		}
		60% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
/*------------------------------------

スマホ

------------------------------------*/
@media (max-width: 1170px) {
	.more-bnr a {
		display: block;
		margin: 1em auto;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.05em;
		font-size: 116%;
		position: relative;
		height: 14vw;
		}

		.more-bnr a.bnr-blue .more-bnr-wrap img {
			position: static;
			width: 38%;
	}
	.more_btn a .more_btn-wrap .more_btn-main {
		font-size: 230%;
		margin-top: 2.5%;
	}
.more_btn .more_btn-wrap .more_btn-sub {
	font-size: 140%;
}

}




@media (max-width: 768px) {
		.pc_ff {
				display: none !important;
		}
		.sp_ff {
				display: block;
		}
		/*------------------------------------

wrapper

------------------------------------*/
		#wrapper_ff {
			position: relative;
			z-index: 1;
		}
		#contents_ff {
				font-size: 3.2vw;
		}
		#contents_ff ul {}
		#contents_ff a {}
		#wrapper_ff h1 {
				font-size: 68%;
				color: #bbb;
				max-width: 810px;
				text-align: left;
				margin: 0.5em auto;
				padding-left: 1.8%;
		}
		/*------------------------------------

title

------------------------------------*/
		#title-wrap {
				height: 127vw;
				background: url(../images/ttl_bg_sp.svg) no-repeat center;
				background-size: cover;
		}
		#title-wrap .title-inner {}
		.title-inner > * {}

	.title-inner .ttl-image-main {
		animation-delay: 0.6s;
	}
	.title-inner .ttl-image02 {
    animation-delay: 0.8s;
	}
	.title-inner .ttl-image01 {
		animation-delay:1.2s;
	}
	.title-inner .ttl-image05 {
    animation-delay: 0.8s;
}
.title-inner .ttl-image06 {
	animation-delay: 1.4s;
}
.title-inner .ttl-main-ttl {
	animation-delay: 1.8s;
}
		.ttl-image01 {
			display: none;
			}
		.ttl-image02 {
			top: 2.4%;
			left: 40%;
			width: 27.8%;
			z-index: 107;
		}
		.ttl-image03 {
			top: 5.6%;
			left: 74%;
			width: 22%;
		}
		.ttl-image04 {
			display: none;
	}
		.ttl-image05 {
			width: 26%;
			top: 74.7%;
			left: 39.6%;
			z-index: 105;
	}
	    .ttl-image06 {
			top: 66.3%;
			z-index: 102;
			width: 37%;
			left: 69.5%;
		}
		.ttl-image07 {
				display: none;
		}
		.ttl-image08 {
				display: none;
		}
		.ttl-image-main {
				bottom: 0;
				top: auto;
				width: 49%;
				left: -2%;
		}
    .ttl-main-ttl {
			left: 27.2%;
			right: 0;
			width: 74.2%;
			z-index: 100;
			top: 22.5%;
		}
			.ttl-main-ttl picture img {}
		.ttl_icon01 {
				position: absolute;
				top: 11%;
				left: 15%;
				width: 27%;
		}
		.ttl_icon02 {
				position: absolute;
				top: 1%;
				left: 42.5%;
				width: 25%;
		}
		.ttl_icon03 {
				position: absolute;
				top: 8.6%;
				left: 69%;
				width: 24.5%;
		}

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

リード

------------------------------------*/
		#lead-ff {}
    #lead-ff p {
			font-size: 110%;
			letter-spacing: 0.14em;
	}
		/* size */
		.size_txt_ff img {
			max-width: 88%;
		}
		/*------------------------------------

ナビゲーション

------------------------------------*/
#nav_ff {
	margin: 3em 0 5em;
		}
#nav_ff ul.nav_ff {
width: 100%;
margin: 0.7em auto 0;
}
#nav_ff .nav_wrap_ff {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 1em auto;
	flex-direction: column;
}
#nav_ff ul.nav_ff li {
	width: 38%;
	padding-right: 0;
}
#nav_ff ul.nav_ff li:not(:last-child) {
		padding-right: 0;
		background: no-repeat;
}
#nav_ff li a {}
#nav_ff li a img {
		max-width: 100%;
}
#nav_ff li a img:nth-child(1) {}
#nav_ff li a img:nth-child(2) {
		width: 87%;
}
#nav_ff ul.nav_ff li a img {
	display: block;
	margin: 0 auto;
	width: 90%;
}
#nav_ff ul.nav_ff li a img.nav01_head {
width: 100%;
margin-bottom: 1.1%;
}
.line_up {
	width: 32%;
	margin: 0 auto;
}
		/*------------------------------------

メインカテゴリー

------------------------------------*/
		#category_wrap_ff {}
		.category_ff {
				margin-top: 0;
		}
		#con01_ff.category_ff {}
		#con02_ff.category_ff {}
		#con03_ff.category_ff {}
		.category_ff .category-1-ttl {
				display: inline-block;
				width: 100%;
				text-align: center;
				padding:  0.5em 0; /* margin: 3em 0 0; */
		}
		.category_ff .category-1-ttl img {
				display: block;
				margin: -2em auto 0.2em;
				width: 25vw;
		}
		.category_ff .category-1-ttl span {
				font-size: 85%;
				line-height: 1.2;
		}
		.item_numbox_ff {}
		.item_numbox_ff img {
				width: 11vw;
		}
		.item_numbox_ff:before {
				width: 27vw;
		}
		#con02_ff .item_numbox_ff:before {}
		#con03_ff .item_numbox_ff:before {}

		ul.items_ff .item_ff.column01_ff h4 {
			font-size: 140%;
			line-height: 1.3em;
			margin: 1em 0 0.5em;
		}




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

カテゴリ別

------------------------------------*/
		#con01_ff.category_ff .category-1-ttl {}
		#con02_ff.category_ff .category-1-ttl {}
		#con03_ff.category_ff .category-1-ttl {
				padding-right: 0;
		}
		ul.items_ff li.item_ff.column01_ff .item_innerbox {
			width: 87%;
			flex-direction: column;
			gap: 0.8em
	}
	/* 1カラム */
	.column01_ff .spec_ff {
    margin: 0.7em auto 0em;
}
ul.items_ff li.column01_ff .item_point_ff img {
width: 96%;}
ul.items_ff li.column01_ff .item_photo_ff .size_icon {
	position: absolute;
	width: 17%;
	top: 4%;
}

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

	おすすめアイテム

------------------------------------*/
.osusume_link a {
	width: 100%;
	margin: 0 auto;
	font-size: 98%;
	gap: 0.2em;
}
/* 1カラム */
.osusume_icon_wrap img:nth-child(1) {
	width: 8%;
}
.osusume_icon_wrap img:nth-child(2) {
	width: 42%;
}
.osusume_wrap {
	margin: -16.7% auto 1.8em;
}

/* 2カラム */
.osusume_wrap02 {
	position: relative;
	z-index: 1;
	margin: -1.6em auto 1.8em;
}
/* #con03_ff ul.items_ff li#category-3-04 a {
	height: calc(100% - 5.5em);
} */

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

サブカテゴリタイトル 

------------------------------------*/
		.sub-category-1-wrap {
				flex-wrap: wrap;
				margin: 3em auto;
		}
		.sub-category-1-photo {
				width: 34vw;
		}
		.sub-category-1-photo img {
				width: 100%;
		}
		.sub-category-1-box {
				display: contents;
		}
		.sub-category-1-box .sub-category-1-ttl {
				order: -1;
				margin-bottom: 0.3em;
				min-width: 70%;
				padding: 0 0.4em 0.3em;
				text-align: center;
				font-size: 210%;
				border-bottom: 2px solid #fff;
		}
		.sub-category-1-detail {
				width: 53vw;
		}
		.sub-category-1-box p {
				font-size: 110%;
				letter-spacing: 0.05em;
		}
		.sub-category-1-images {
				width: 100%;
				gap: 5%;
		}
		.sub-category-1-images img {}
		.sub-category-1-images img:nth-child(1) {
				width: 42%;
		}
		.sub-category-1-images img:nth-child(2) {
				width: 52%;
		}
		/*------------------------------------

商品一覧

------------------------------------*/
		ul.items_ff {
				font-size: 3.6vw;
		}
		ul.items_ff > li {
				width: 87%;
		}
		ul.items_ff li a {
				padding: 0.7em 0.7em 1em;
		}
		ul.items_ff li a .item-inner {}
		ul.items_ff li .item_photo_ff {
			width: 100%;
		}
		ul.items_ff li .item_photo_ff img {}
		ul.items_ff li .spec_ff {}
		ul.items_ff li .spec_ff .name_ff {}
		ul.items_ff li .spec_ff .price_ff {}
		ul.items_ff li .spec_ff .price_ff .tanyi_ff {}
		ul.items_ff li .spec_ff .price_ff .num_ff {}
		ul.items_ff li .spec_ff .red_ff {}
		/*------------------------------------

カラー一覧

------------------------------------*/
		ul.colors-list {
				margin: 1.2em auto -0.0em;
		}
		ul.colors-list li {}


		#category-3-column01 .colors-list {
			margin-top: 0em;
	}


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

アイテムをもっと見るボタン

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

.more_btn_ff {
	width: 82%;
	margin: 0 auto;
}
.category_ff .more_btn {
	width: 100%;
}
.more_btn .more_btn-wrap .more_btn-box {
	display: block;
}
.more_btn .more_btn-wrap .more_btn-sub {
	/* transform: skewX(-8deg); */
	display: block;
	font-size: 120%;
	margin-top: 0em;
}
.category_ff .more_btn-wrap::after {
	right: 1em;
}
.more_btn a {
	height: 22vw;
}
.more_btn a .more_btn-wrap .more_btn-main {
	font-size: 190%;
	margin-top: 0.3em;
}
/*------------------------------------

もっと見るバナー

------------------------------------*/
.more_bnr_wrap {
	width: 95%;
	flex-direction: column;
	gap: 0;
}
.more-bnr {
	margin: 0em auto 0;
	width: 85%;
}
.more-bnr a {
	font-size: 100%;
	height: auto;
}
.more-bnr a::after {}
.more-bnr a .more-bnr-wrap {
		padding: 0.5em;
}
.more-bnr a.bnr-blue .more-bnr-wrap {}
.more-bnr-wrap::after {
	right: 0.8em;
	top: -2%;
}
.more-bnr .more-bnr-wrap .more-bnr-box {
		display: block;
		padding: 0em 0em 0.4em;
}
.more-bnr a.bnr-blue .more-bnr-wrap .more-bnr-box {
	padding: 0em 0em 0em;
}

.more-bnr .more-bnr-wrap .more-bnr-main {
		line-height: 1.45;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0.1em;
}
.more-bnr .more-bnr-wrap .more-bnr-min {}
.more-bnr .more-bnr-wrap .more-bnr-sub { 
	line-height: 1.2em;
}
.more-bnr a:not(.bnr-blue) .more-bnr-wrap img {
		display: inline-block;
		width: 20vw;
		margin-left: -0.2em;
		margin-right: 0.5em;
}
.more-bnr a.bnr-blue .more-bnr-wrap .more-bnr-box {
		display: block;
}
.more-bnr a.bnr-blue .more-bnr-wrap {}
.more-bnr a.bnr-blue .more-bnr-wrap img {
	width: 29vw;
}
.more-bnr a.bnr-blue .more-bnr-wrap .more-bnr-sub { /* display: inline-block; */
}
.more-bnr a.bnr-blue .more-bnr-wrap .more-bnr-main { /* display: inline-block; */
}
.more-bnr .sp-flex {
		display: block;
}
.more-bnr a.bnr-blue .sp-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

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

バナー

------------------------------------*/
		.bnrArea_ff {}
		.bnrArea-ttl {
				width: 90%;
				margin: 0 auto;
				background-size: 100vw;
		}
		.bnrArea-ttl span {}
		.bnrArea_ff ul {
				width: 85%;
		}
		.bnrArea_ff ul li {}
		.bnrArea_ff ul li a {}
		.bnrArea_ff ul li a img {
				width: 100%;
		}
		.bnrArea_ff ul li .long_bnr_ff {}
		/*------------------------------------

スモール・トールサイズ

------------------------------------*/
		.attention_ff {
				padding: 1em 1.5em;
		}
		.attention_ff img {
				width: 10vw;
		}
		.attention_ff p {
				font-size: 120%;
		}
		.attention_ff p span.a_min_ff {}
		.attention_ff p span.a_bg_ff {}
		.tax_ff {
			padding-right: 3em;
			margin: 4em auto 0;
		}
		ul.items_ff .item_ff .item_point_ff .small_ff {}
		/*------------------------------------

	SNS

------------------------------------*/
		#sns_ff {}
		#sns_ff ul {}
		#sns_ff li {}
		#sns_ff li a {}
		#sns_ff li img {}
/*------------------------------------

	footer contents 調整

------------------------------------*/
#footercontent {
	padding-bottom: 80px;
}
		/*==================================

ページのトップへ

==================================*/
		.pageTop {}
		.pageTop a {
				width: 10vw;
				height: 10vw;
		}
}