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

	Date: 2024-09-26
	CSS Document ： frauglatt かるホカシリーズ 2024

=============================================================*/
/*------------------------------------
仮想LP用ベース
------------------------------------*/
.fca_cat-hero {
		z-index: 1;
}
.sr_page-shopping-result__free .fca_container__in {
		max-width: 100%;
}
.sr_page-shopping-result__free .fca_container {
		padding: 0;
}
.fca_page-shop-category__body {
		margin-top: 0;
}
/*------------------------------------

ベース

------------------------------------*/
.pc {
		display: block;
}
.sp {
		display: none;
}
.bold_ct {
		font-weight: bold;
}
body.fixed-body {
		overflow: hidden;
}
#wrapper {
		width: 100%;
		color: #000000;
		line-height: 1.7;
		letter-spacing: 0.07em;
		text-align: left;
		background-color: #fdf1f3;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		animation: fadeIn_ct 1s 0.8s both;
}
#wrapper-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 408px;
		height: 100vh;
		background-image: url(../images/bg_kiji.jpg);
		background-size: 408px;
		background-position: top -17% left 0;
		background-repeat: no-repeat;
		/* background-attachment: fixed; */
}
#wrapper-bg.fixed {
		position: fixed;
}
#wrapper-inner {
		/* max-width: 1400px; */
		margin: 0 auto;
}
#wrapper img {
		height: auto;
		max-width: 100%;
		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 {
				opacity: 0.8;
		}
}
/*------------------------------------

タイトル

------------------------------------*/
#title {
		text-align: center;
		position: relative;
		width: 100%;
		background: #f2f4f7;
		border-bottom: 18px solid #FFF;
}
#title .titleinner {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
}
#title .titleinner img {
		width: 500px;
}
#title .titleinner img.pc-image {}
#title .title-txt {
		position: absolute;
		top: 30%;
		left: auto;
		width: 33%;
		width: 530px;
}
#title .title-txt .ttl-logo {
		width: 61%;
}
#title .title-txt .ttl-point {
		position: absolute;
		top: -45%;
		left: 0;
		width: 20%;
}
#title .title-txt .ttl-icon {
		position: absolute;
		top: -43%;
		right: -9%;
		width: 31%;
		animation: fadeInBottom_ct 1s 1.8s both;
}
/*===================================

スマホコンテンツ

===================================*/
#sp-contents-wrapper {
		/* background-color: #fdf1f3; */
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		font-family: "A1 Gothic M";
}
#sp-contents {
		background-color: #FFF;
		width: 650px;
		/* width: 65%; */
		/* min-width: 700px; */
		text-align: center;
		padding-bottom: 2em;
}
#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.2em auto 4.9em;
}
#lead p {
		line-height: 1.9;
		text-align: center;
		font-size: 118%;
		letter-spacing: 0.1em;
		font-family: "A1 Gothic M";
}
#lead p .red-txt {
		color: #e2536b;
}
/*------------------------------------

カテゴリナビ

------------------------------------*/
.side-nav-wrap {
		background: #FFF;
		border-radius: 2em;
		padding: 2em 2em 1em;
}
.category-nav {}
.category-nav a {
		display: block;
		position: relative;
		margin: 0 auto 1.5em;
		text-align: left;
}
.category-nav a > span {}
.category-nav a > span .main-ttl-wrap {
		position: relative;
		display: block;
		line-height: 1.4;
}
.category-nav a > span .main-ttl-wrap .main-ttl {
		color: #e2536b;
		font-size: 181%;
		background: #FFF;
		position: relative;
		padding-right: 0.4em;
		font-family: "Outfit", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		letter-spacing: 0.08em;
		font-style: normal;
}
.category-nav a > span .sub-ttl {
		font-size: 100%;
		color: #6b4733;
		letter-spacing: 0.05em;
}
.category-nav a > span .main-ttl-wrap::after {
		display: block;
		width: 0.6em;
		height: 100%;
		content: '';
		background: url("../images/fixd_nav_arrow.svg") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 1px;
		right: -1px;
		transition: all 0.2s;
}
.category-nav a > span .main-ttl-wrap::before {
		display: block;
		width: 100%;
		height: 2px;
		content: '';
		background: #e2536b;
		border-radius: 1em;
		background-size: contain;
		position: absolute;
		top: 50%;
		left: 0;
		transition: all 0.2s;
}
.category-nav a:hover > span .main-ttl-wrap::after {
		transform: translateX(6px);
}
.category-nav a:hover > span .main-ttl-wrap::before {
		transform: translateX(6px);
}
/*------------------------------------

カテゴリナビ PC表示

------------------------------------*/
#category-nav-pc {
		position: absolute;
		top: 0;
		left: 145px;
		max-width: 270px;
		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(-455px + 50vw);
}
.win #category-nav-pc.fixed {
		left: calc(-455px + 50vw - 7px);
}
#category-nav-pc .side-logo {
		width: 63%;
		margin-bottom: 2.3em;
}
/*------------------------------------

追尾ボタン

------------------------------------*/
.fixed-btn {
		position: fixed;
		bottom: 50px;
		right: 30px;
		width: 156px;
		z-index: 1;
		display: none;
}
.fixed-btn a {}
.fixed-btn a picture {}
.fixed-btn a picture img {}
/*------------------------------------

アイテムナビ

------------------------------------*/
#item-nav {
		background: #f2f2f2;
		padding: 0em 0 2.5em;
}
#item-nav h2.category-midashi {
		width: 64%;
		margin: 0 auto -0.1em;
}
#item-nav h2.category-midashi img {
		margin-top: -2.0em;
}
#item-nav .item-nav-list {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 4%;
		width: 90%;
		/* max-width: 520px; */
		margin: 0 auto;
}
#item-nav .item-nav-list a {
		width: 21%;
		text-align: center;
		position: relative;
		margin-bottom: 0.5em;
}
#item-nav .item-nav-list a::after {
		display: block;
		width: 100%;
		height: 1.25em;
		margin: 0.5em auto 0;
		content: '';
		background: url(../images/nav_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-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 90%;
		line-height: 1.2;
		color: #6b4733;
		min-height: 2.2em;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 0;
		white-space: nowrap;
}
/*------------------------------------

キャンペーンバナー

------------------------------------*/
.campaign-bnr {
		display: block;
		margin: 2em auto 0;
}
/*------------------------------------

かるホカポイント

------------------------------------*/
#point-nav {
		margin: 4em 0 1em;
}
#point-nav .point-ttl {
		color: #6b4733;
		font-size: 204%;
		line-height: 1.4;
}
#point-nav .point-list {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 4%;
		margin: 3em auto 0;
}
#point-nav .point-list .point-box {
		transition: all 0.3s;
		border: 3px solid #e2536b;
		border-radius: 2em;
		width: 40%;
		margin-bottom: 4.5em;
}
#point-nav .point-list .point-box.point-box-modal {
		cursor: pointer;
		transition: all 0.3s;
}
#point-nav .point-list .point-box .point-head {
		width: 73%;
		margin: -2.3em auto 0;
}
#point-nav .point-list .point-box p {
		font-size: 123%;
		font-family: "A1 Gothic M";
		line-height: 1.5;
		margin: 0.4em auto 0.9em;
}
.detail-btn {
		position: relative;
		display: inline-block;
		margin: 0 0 1em;
		font-size: 123%;
}
.detail-btn span {
		color: #FFF;
		position: relative;
		background: #e2536b;
		padding: 0.1em 2.2em 0.1em 1.4em;
		letter-spacing: 0.1em;
		/* border: 1px solid #000; */
		border-radius: 3em;
		display: inline-block;
		transition: all 0.3s;
		font-family: "A1 Gothic R";
		font-size: 84%;
}
.detail-btn::after {
		display: block;
		width: 0.8em;
		height: 100%;
		content: '';
		background: url("../images/point_detail_arrow.png") no-repeat center;
		background-size: 0.8em;
		position: absolute;
		top: 0;
		right: 0.8em;
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		.point-box-modal:hover {
				opacity: 0.7;
		}
		.point-box-modal:hover .detail-btn::after {
				right: 0.6em;
				background-size: contain;
		}
}
#point-nav .point-list .point-box#point01 {}
#point-nav .point-list .point-box#point02 {
		margin-top: 3em;
}
#point-nav .point-list .point-box#point03 {}
#point-nav .point-list .point-box#point04 {
		margin-top: 3em;
}
#point-nav .point-list .point-box#point05 {}
#point-nav .ashirai {
		position: absolute;
		pointer-events: none;
}
#point-nav .ashirai.ashirai01 {
		top: 25%;
		left: -11%;
		width: 40%;
}
#point-nav .ashirai.ashirai02 {
		top: 35%;
		right: -5%;
		width: 25%;
}
#point-nav .ashirai.ashirai03 {
		top: 65%;
		left: 3%;
		width: 16%;
}
/*------------------------------------

かるホカポイント ポップアップ

------------------------------------*/
#item-popup {
		position: relative;
		z-index: 3;
}
#item-popup .modal {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100vw;
		height: 100vh;
		opacity: 0;
		pointer-events: none;
		transition: 0.4s;
}
#item-popup .modal.is-active {
		opacity: 1;
		pointer-events: auto;
}
#item-popup .modal .close {
		position: absolute;
		top: 0vw;
		right: 0vw;
		width: 100%;
		height: 100%;
		z-index: 1;
		border: none;
		background-color: transparent;
		cursor: pointer;
}
/* #item-popup .modal::before {
		content: '×';
		font-size: 3rem;
} */
#item-popup .background {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		border: none;
		background-color: #000;
		opacity: 0.3;
		cursor: pointer;
}
#item-popup .modal-body {
		width: 80%;
		height: 100%;
		max-width: 550px;
		overflow: inherit;
}
#item-popup .modal-body .splide {
		width: 100%;
		height: 100%;
}
#item-popup .modal-body .splide__track {
		width: 100%;
		height: 100%;
		overflow: inherit;
}
#item-popup .modal-body .splide__list {}
#item-popup .modal-body .splide__slide {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
}
#item-popup .popup-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		background-color: #fff;
		border-radius: 2em;
		border: 3px solid #6b4733;
		position: relative
}
#item-popup .popup-wrap::after {
		display: block;
		width: 1.5em;
		height: 1.5em;
		content: '';
		background: url(../images/close.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 1.3em;
		right: 1.3em;
		cursor: pointer;
}
#item-popup .popup-wrap .popup-ttl {
		/* width: 51%; */
		white-space: nowrap;
		font-size: 163%;
		margin: 1em 0 0.5em;
}
#item-popup .popup-wrap .popup-ttl .popup-head {
		width: 6em;
}
#item-popup .popup-wrap .popup-ttl p {
		color: #e2536b;
		font-family: "A1 Gothic M";
		text-align: left;
		line-height: 1.4;
		margin: 0.3em 0 0;
}
#item-popup .popup-wrap .popup-photo {
		width: 34%;
}
#item-popup .popup-wrap .popup-photo img {}
#item-popup .popup-wrap .popup-txt {
		text-align: justify;
		font-size: 104%;
		width: 80%;
		margin: 0 0 2.0em;
}
/* 個別 */
#item-popup .popup-wrap.popup01 .popup-photo {}
#item-popup .popup-wrap.popup01 .popup-photo img {
		margin-right: -48%;
		width: 152%;
		max-width: inherit;
}
#item-popup .popup-wrap.popup02 .popup-photo {
		order: -1;
}
#item-popup .popup-wrap.popup02 .popup-photo img {
		margin-left: -47%;
		margin-right: -30%;
		margin-top: -44%;
		margin-bottom: 1em;
}
#item-popup .popup-wrap.popup03 .popup-photo {}
#item-popup .popup-wrap.popup03 .popup-photo img {
		margin-right: -43%;
		margin-left: -9%;
		margin-top: -44%;
		margin-bottom: 1em;
}
#item-popup .popup-wrap.popup04 .popup-photo {
		order: -1;
}
#item-popup .popup-wrap.popup04 .popup-photo img {
		margin-left: -33%;
		margin-top: -44%;
		margin-bottom: 1em;
}
/* スライダー用 矢印 */
#item-popup .splide__arrow {
		box-sizing: initial;
		width: 2.5em;
		height: 2.5em;
		transition: all .3s;
		opacity: 1;
		outline: none;
		top: 49%;
		background: none;
}
#item-popup .splide__arrow img {
		width: 100%;
}
#item-popup .splide__arrow--prev {
		left: -0.6em;
		padding-right: 2.5em;
}
#item-popup .splide__arrow--next {
		right: -0.6em;
		padding-left: 2.5em;
}
/* hover */
@media (hover: hover) and (min-width: 769px) {
		#item-popup .splide__arrow:hover {
				opacity: .7;
		}
		#item-popup .splide__arrow--prev:hover {
				left: -0.8em;
				padding-right: 2.5em;
		}
		#item-popup .splide__arrow--next:hover {
				right: -0.8em;
				padding-left: 2.5em;
		}
}
/*------------------------------------

#item-wrap

------------------------------------*/
#item-wrap .item-box {
		position: relative;
		margin: 5em auto 2em;
		padding-top: 2em;
		width: 90%;
}
/*------------------------------------

アイテム紹介

------------------------------------*/
.h3-ttl {}
.h3-ttl .main-ttl {
		color: #e2536b;
		font-size: 180%;
		margin-bottom: 0.3em;
		display: block;
		font-family: "Outfit", system-ui;
		font-optical-sizing: auto;
		font-weight: 600;
		letter-spacing: 0.08em;
		font-style: normal;
}
.h3-ttl .sub-ttl {
		color: #6b4733;
		font-size: 80%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.3em;
}
.h3-ttl .sub-ttl span {
		font-family: "A1 Gothic M";
}
.h3-ttl .sub-ttl::before, .h3-ttl .sub-ttl::after {
		display: block;
		width: 1.0em;
		height: 1.2em;
		content: '';
		background-size: contain;
}
.h3-ttl .sub-ttl::before {
		background: url(../images/sub_ttl_l.svg) no-repeat center;
}
.h3-ttl .sub-ttl::after {
		background: url(../images/sub_ttl_r.svg) no-repeat center;
}
#item-wrap {
		background: #f2f2f2;
		padding: 4em 0;
}
/* アイテムボックス */
#item-wrap .item-box .item-ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.6em;
		margin: 0 0 0.3em;
}
#item-wrap .item-box .item-ttl .ttl-num {
		height: 5em;
		width: auto;
		margin: -0.5em 0 0;
}
#item-wrap .item-box .item-ttl h3 {
		color: #e2536b;
		font-weight: bold;
		font-size: 260%;
		margin: 0;
		font-family: "A1 Gothic M";
		letter-spacing: 0;
}
#item-wrap .item-box .item-link {
		background: #FFF;
		/* padding: 3px; */
		border: 4px solid #FFF;
		display: block;
		border-radius: 2em;
		overflow: hidden;
}
/* 写真 */
#item-wrap .item-main {
		aspect-ratio: 100/130.8;
		position: relative;
		margin-bottom: 1.3em;
		transition: all 0.3s;
}
#item-wrap .item-main .item-main-photo {}
#item-wrap .item-main .item-lead {
		position: absolute;
		width: 19%;
		right: 7%;
		top: 6%;
}
#item-wrap .item-box.item-left .item-main .item-lead {
		right: auto;
		left: 8%;
}
#item-wrap .check {
		position: absolute;
		bottom: 1.5%;
		left: 5%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.4em;
		font-size: 120%;
}
#item-wrap .item-box.item-left .check {
		left: auto;
		right: 3%;
}
#item-wrap .check span {
		font-family: "Outfit", system-ui;
		font-optical-sizing: auto;
		font-weight: 500;
		letter-spacing: 0.08em;
		font-style: normal;
}
#item-wrap .check::after {
		display: block;
		width: 1em;
		height: 1em;
		content: '';
		background: url("../images/check.svg") no-repeat center;
		background-size: contain;
		/* position: absolute; */
		/* top: 0; */
		/* right: 1.2em; */
		transition: all 0.3s;
}
#item-wrap .check.right {}
/* 個別 */
#item-wrap #item01 {
		margin-top: 2em;
}
#item01 .item-main .item-lead {}
#item01 .check {
		color: #FFF;
}
/* サブ */
#item-wrap .item-sub-box {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 6%;
		margin: 1.6em auto 0.2em;
}
#item-wrap .item-sub-box .item-sub {
		width: 42%;
}
#item-wrap .item-sub-box .item-sub .item-sub-photo {}
#item-wrap .item-sub-box .item-sub .item-point {
		color: #7a533c;
		font-family: "A1 Gothic M";
		margin: 0.5em 0 0;
		font-size: 110%;
		line-height: 1.5;
}
#item-wrap .item-sub-box .item-sub .item-txt {
		font-size: 94%;
		text-align: justify;
		letter-spacing: 0;
		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;
		margin: 0.3em 0 0;
}
#item-wrap .item-color {
		width: 75%;
		margin: 0.5em auto;
}
/* リンク */
.link-wrap {}
.link-wrap .spec-wrap {
		transition: all 0.3s;
}
.link-wrap .spec-wrap .item-spec {}
.link-wrap .spec-wrap .item-name {
		text-decoration: underline;
		display: block;
		margin: 0.2em 0;
}
.link-wrap .spec-wrap .price {
		display: block;
		font-size: 110%;
}
.link-wrap .spec-wrap .tanyi {
		font-size: 70%;
		margin-right: 0.3em;
}
.link-wrap .spec-wrap .num {}
.link-wrap .spec-wrap .tax {
		font-size: 70%;
}
.link-wrap .spec-wrap .price.red-price {
		color: #e50002;
		display: block;
		font-size: 130%;
		line-height: 1.3;
}
.spec-btn {
		position: relative;
		display: inline-block;
		margin: 0.8em 0 2em;
}
.spec-btn span {
		color: #FFF;
		position: relative;
		background: #e2536b;
		padding: 0.4em 2.9em;
		/* border: 1px solid #000; */
		border-radius: 2em;
		display: inline-block;
		font-size: 100%;
		transition: all 0.3s;
		font-family: "A1 Gothic M";
}
.spec-btn::after {
		display: block;
		width: 1.5em;
		height: 100%;
		content: '';
		background: url("../images/spec_arrow.png") no-repeat center;
		background-size: 1.5em;
		position: absolute;
		top: 0;
		right: 0.7em;
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		#item-wrap .item-box .item-link:hover {
				opacity: 1;
		}
		#item-wrap .item-box .item-main:hover {
				opacity: 0.7;
		}
		#item-wrap .item-box .spec-wrap:hover {
				opacity: 0.7;
		}
		a:hover .spec-btn::after {
				right: 0.5em;
		}
}
/*------------------------------------

着用イメージを見る

------------------------------------*/
#voice {
		padding: 5em 0 0;
		position: relative;
}
#voice .ashirai {
		position: absolute;
		top: -110px;
		right: -22%;
		width: 56%;
}
.voice-wrap {
		border: solid 2px #6b4733;
		border-radius: 2em;
		position: relative;
}
.voice-wrap .voice-inner {
		border-radius: 2em;
		background: #fceef0;
		border: 6px solid#FFF;
		padding: 1em 2em;
		text-align: justify;
		letter-spacing: 0;
}
.voice-wrap .voice-main {}
.voice-wrap .voice-user {
		text-align: right;
		font-size: 86%;
}
.voice-wrap .voice-inner::before {
		background: #FFF;
		display: block;
		width: 1.5em;
		height: 5px;
		content: '';
		position: absolute;
		top: -3px;
		left: 2em;
}
.voice-wrap .voice-inner::after {
		background: #FFF;
		display: block;
		width: 1.5em;
		height: 5px;
		content: '';
		position: absolute;
		bottom: -3px;
		right: 2em;
}
.voice-wrap::after {
		display: block;
		width: 1px;
		height: 1em;
		content: '';
		border-right: solid 2px #6b4733;
		position: absolute;
		top: calc(100% - 2px);
		right: 3.1em;
		transform: rotate(-45deg)
}
/* スライダー用 矢印 */
.voice-waku {
		overflow: hidden;
		margin: 2em 0;
		padding-bottom: 3em;
}
#voice-slide {
		/* overflow: hidden; */
		width: 50%;
		margin: 0 auto;
}
#voice .splide__track {
		overflow: inherit;
}
#voice .splide__arrow {
		box-sizing: initial;
		width: 2.0em;
		height: 2.0em;
		transition: all .3s;
		opacity: 1;
		outline: none;
		background: none;
}
#voice .splide__arrow img {
		width: 100%;
}
#voice .splide__arrow--prev {
		left: -1em;
		padding-right: 2.5em;
}
#voice .splide__arrow--next {
		right: -1em;
		padding-left: 2.5em;
}
/* hover */
@media (hover: hover) and (min-width: 769px) {
		#voice .splide__arrow--prev:hover {
				left: -1.2em;
				padding-right: 2.5em;
		}
		#voice .splide__arrow--next:hover {
				right: -1.2em;
				padding-left: 2.5em;
		}
}
/*------------------------------------

FAQ

------------------------------------*/
#faq {
		padding: 5em 0;
}
#faq .faq-box {
		width: 90%;
		margin: 0 auto 2em;
}
#faq .faq-wrap {
		margin-top: 4em;
}
#faq .faq-box .faq-q {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		color: #6b4733;
		border: 2px solid #6b4733;
		border-radius: 0.5em;
		gap: 0.8em;
		padding: 0.6em 1em;
		font-size: 130%;
}
#faq .faq-box .faq-q::before {
		display: block;
		width: 1.8em;
		height: 1.8em;
		content: '';
		background: url("../images/faq_icon.svg") no-repeat center;
		background-size: contain;
		/* position: absolute; */
		/* top: 0; */
		/* right: 1.2em; */
		transition: all 0.3s;
}
#faq .faq-box p {
		margin: 1em 1em 0;
		text-align: justify;
}
#faq .faq-box p a {
		font-size: 120%;
		font-weight: bold;
		text-decoration: underline;
}
#sp-contents .list-ttl {
		color: #e2536b;
		font-family: "A1 Gothic M";
		font-size: 160%;
		margin: 0;
		letter-spacing: 0;
}
.store-link {
		width: 90%;
		max-width: 640px;
		margin: 3em auto;
}
.store-link a {
		display: block;
		transition: all 0.3s;
}
.store-link img {
		max-width: 100%;
}
@media (hover: hover) {
		.store-link a:hover {
				opacity: 0.7;
		}
}
/*------------------------------------

アニメーション

------------------------------------*/
.fade_item {
		opacity: 0;
}
.fade_ct {
		animation: fadeInBottom_ct 1.0s 0.0s both;
}
@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: 1200px) {
		#wrapper {}
		#category-nav-pc {
				width: 26vw;
				left: calc(-465px + 50vw);
		}
}
/*===================================

1000px以下

===================================*/
@media (max-width: 1000px) {
		#wrapper {}
		#category-nav-pc, #category-nav-pc.fixed {
				left: -100vw;
		}
		#category-nav-sp {
				display: block;
				margin: 4em auto 5em;
		}
}
/*===================================

880px以下

===================================*/
@media (max-width: 880px) {
		#wrapper {
				overflow: hidden;
		}
}
/*===================================

スマホ

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

ページトップへ戻る

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

タイトル

------------------------------------*/
		#title {}
		#title .titleinner {}
		#title .titleinner img {
				max-width: none;
				width: 103%;
				margin-left: -8%;
		}
		#title .titleinner img.pc-image {
				display: none;
		}
		#title .title-txt {
				width: 100%;
				top: 32%;
		}
		#title .title-txt .ttl-logo {}
		#title .title-txt .ttl-point {
				top: -64%;
				left: 13%;
				width: 19%;
		}
		#title .title-txt .ttl-icon {
				top: -50%;
				right: 2%;
				width: 29%;
		}
		/*===================================

スマホコンテンツ

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

リード

------------------------------------*/
		#lead {}
		#lead p {}
		#lead p .red-txt {}
		/*------------------------------------

カテゴリナビ

------------------------------------*/
		.side-nav-wrap {}
		.category-nav {}
		.category-nav a {}
		.category-nav a > span {}
		.category-nav a > span .main-ttl-wrap {}
		.category-nav a > span .main-ttl-wrap .main-ttl {}
		.category-nav a > span .sub-ttl {}
		.category-nav a > span .main-ttl-wrap::after {}
		.category-nav a > span .main-ttl-wrap::before {}
		/*------------------------------------

カテゴリナビ PC表示

------------------------------------*/
		#category-nav-pc {}
		#category-nav-pc .side-inner {}
		#category-nav-pc a {}
		#category-nav-pc.fixed {}
		.win #category-nav-pc.fixed {}
		#category-nav-pc .side-logo {}
		/*------------------------------------

追尾ボタン

------------------------------------*/
		.fixed-btn {
				right: 0;
				bottom: 7vw;
				width: 50%;
				display: none;
		}
		.fixed-btn a {}
		.fixed-btn a picture {}
		.fixed-btn a picture img {}
		/*------------------------------------

アイテムナビ

------------------------------------*/
		#item-nav {}
		#item-nav h2.category-midashi {
				width: 64%;
		}
		#item-nav h2.category-midashi img {
				margin-top: -1.7em;
		}
		#item-nav .item-nav-list {}
		#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 {}
		/*------------------------------------

かるホカポイント

------------------------------------*/
		#point-nav {}
		#point-nav .point-ttl {}
		#point-nav .point-list {}
		#point-nav .point-list .point-box {
				width: 43%;
				border-width: 2px;
		}
		#point-nav .point-list .point-box .point-box-modal {}
		#point-nav .point-list .point-box .point-head {}
		#point-nav .point-list .point-box p {}
		.detail-btn {}
		.detail-btn span {}
		.detail-btn::after {}
		#point-nav .point-list .point-box#point01 {}
		#point-nav .point-list .point-box#point02 {}
		#point-nav .point-list .point-box#point03 {}
		#point-nav .point-list .point-box#point04 {}
		#point-nav .point-list .point-box#point05 {}
		#point-nav .ashirai {}
		#point-nav .ashirai.ashirai01 {
				top: 28%;
				left: -9%;
				width: 40%;
		}
		#point-nav .ashirai.ashirai02 {}
		#point-nav .ashirai.ashirai03 {}
		/*------------------------------------

かるホカポイント ポップアップ

------------------------------------*/
		#item-popup .modal {}
		#item-popup .modal.is-active {}
		#item-popup .modal .close {}
		/* #item-popup .modal::before { } */
		#item-popup .background {}
		#item-popup .modal-body {
				width: 95%;
		}
		#item-popup .modal-body .splide {}
		#item-popup .modal-body .splide__track {}
		#item-popup .modal-body .splide__list {}
		#item-popup .modal-body .splide__slide {}
		#item-popup .popup-wrap {}
		#item-popup .popup-wrap::after {}
		#item-popup .popup-wrap .popup-ttl {}
		#item-popup .popup-wrap .popup-ttl .popup-head {}
		#item-popup .popup-wrap .popup-ttl p {}
		#item-popup .popup-wrap .popup-photo {}
		#item-popup .popup-wrap .popup-photo img {}
		#item-popup .popup-wrap .popup-txt {}
		/* 個別 */
		#item-popup .popup-wrap.popup01 .popup-photo {}
		#item-popup .popup-wrap.popup01 .popup-photo img {}
		#item-popup .popup-wrap.popup02 .popup-photo {}
		#item-popup .popup-wrap.popup02 .popup-photo img {}
		#item-popup .popup-wrap.popup03 .popup-photo {}
		#item-popup .popup-wrap.popup03 .popup-photo img {}
		#item-popup .popup-wrap.popup04 .popup-photo {}
		#item-popup .popup-wrap.popup04 .popup-photo img {}
		/* スライダー用 矢印 */
		#item-popup .splide__arrow {}
		#item-popup .splide__arrow img {}
		#item-popup .splide__arrow--prev {}
		#item-popup .splide__arrow--next {}
		/*------------------------------------

#item-wrap

------------------------------------*/
		#item-wrap .item-box {}
		/*------------------------------------

アイテム紹介

------------------------------------*/
		.h3-ttl {}
		.h3-ttl .main-ttl {
				font-size: 154%;
		}
		.h3-ttl .sub-ttl {
				font-size: 65%;
		}
		.h3-ttl .sub-ttl span {}
		.h3-ttl .sub-ttl::before, .h3-ttl .sub-ttl::after {}
		.h3-ttl .sub-ttl::before {}
		.h3-ttl .sub-ttl::after {}
		#item-wrap {}
		/* アイテムボックス */
		#item-wrap .item-box .item-ttl {}
		#item-wrap .item-box .item-ttl .ttl-num {}
		#item-wrap .item-box .item-ttl h3 {}
		#item-wrap .item-box .item-link {}
		/* 写真 */
		#item-wrap .item-main {}
		#item-wrap .item-main .item-main-photo {}
		#item-wrap .item-main .item-lead {}
		#item-wrap .item-box.item-left .item-main .item-lead {}
		#item-wrap .check {}
		#item-wrap .item-box.item-left .check {}
		#item-wrap .check span {}
		#item-wrap .check::after {}
		#item-wrap .check.right {}
		/* 個別 */
		#item-wrap #item01 {}
		#item01 .item-main .item-lead {}
		#item01 .check {}
		/* サブ */
		#item-wrap .item-sub-box {}
		#item-wrap .item-sub-box .item-sub {}
		#item-wrap .item-sub-box .item-sub .item-sub-photo {}
		#item-wrap .item-sub-box .item-sub .item-point {}
		#item-wrap .item-sub-box .item-sub .item-txt {}
		#item-wrap .item-color {
				width: 81%;
		}
		/* リンク */
		.link-wrap {
				font-size: 120%;
		}
		.link-wrap .spec-wrap {}
		.link-wrap .spec-wrap .item-spec {}
		.link-wrap .spec-wrap .item-name {}
		.link-wrap .spec-wrap .price {}
		.link-wrap .spec-wrap .tanyi {}
		.link-wrap .spec-wrap .num {}
		.link-wrap .spec-wrap .tax {}
		.link-wrap .spec-wrap .price.red-price {}
		.spec-btn {}
		.spec-btn span {
				font-size: 110%;
		}
		.spec-btn::after {}
		/*------------------------------------

着用イメージを見る

------------------------------------*/
		#voice {}
		#voice .ashirai {}
		.voice-wrap {
				border-width: 0.13em;
				font-size: 114%;
		}
		.voice-wrap .voice-inner {}
		.voice-wrap .voice-main {}
		.voice-wrap .voice-user {}
		.voice-wrap .voice-inner::before {}
		.voice-wrap .voice-inner::after {}
		.voice-wrap::after {
				top: calc(100% - 1px);
		}
		/* スライダー用 矢印 */
		.voice-waku {}
		#voice-slide {}
		#voice .splide__track {}
		#voice .splide__arrow {}
		#voice .splide__arrow img {}
		#voice .splide__arrow--prev {}
		#voice .splide__arrow--next {}
		/*------------------------------------

FAQ

------------------------------------*/
		#faq {}
		#faq .faq-box {}
		#faq .faq-wrap {}
		#faq .faq-box .faq-q {}
		#faq .faq-box .faq-q::before {}
		#faq .faq-box p {}
		#faq .faq-box p a {}
		#sp-contents .list-ttl {}
		.store-link {}