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

	Date: 2024-10-24
	CSS Document ： 渡辺満里奈さんと考えた 大人な私にちょうどいい服

=============================================================*/
/*------------------------------------
仮想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;
}
#wrapper {
		width: 100%;
		color: #000000;
		line-height: 1.7;
		letter-spacing: 0.04em;
		text-align: left;
		background: #f5f5f5;
		opacity: 0;
		animation: fadeIn_ct 1s 0.2s both;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-feature-settings: "chws"1;
}
#wrapper-inner {
		/* max-width: 1400px; */
		margin: 0 auto;
}
#wrapper img {
		height: auto;
		max-width: 100%;
		width: 100%;
}
/* hover */
#wrapper a:hover {
		text-decoration: none;
}
@media (hover: hover) {
		#wrapper a {
				transition: all 0.3s;
		}
		#wrapper a:hover {
				opacity: 0.8;
		}
}


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

ルビ

==================================*/
[data-ruby] {
		position: relative;
		margin-top: 0.2em;
		display: inline-block;
}
[data-ruby]::before {
		content: attr(data-ruby);
		position: absolute;
		text-align: center;
		top: -0.9em;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 0.35em;
		letter-spacing: 0.1em;
		white-space: nowrap;
}

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

タイトル

------------------------------------*/
#title {
		text-align: center;
		position: relative;
		width: 100%;
		background: #eaebed;
		border-bottom: 18px solid #FFF;
}
#title .titleinner {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 1000px;
		position: relative;
		margin: 0 auto;
}
#title .titleinner img {

}
#title .titleinner .title-photo {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
}
#title .titleinner .title-photo img {
	max-width: none;
    width: 2000px;
}

#title .title-txt {
		position: absolute;
		top: 21%;
		left: 19.5%;
		width: 20%;
		/* width: 194px; */
}
#title .title-txt .ttl-01 {
		width: 95%;
		display: block;
		margin: 0 auto 1.5em;
}
#title .title-txt .ttl-02 {}
#title .ttl-point {
		position: absolute;
		top: 16.5%;
		left: 13%;
		width: 102px;
		animation: fadeInBottom_ct 1s 1.8s both;
		mix-blend-mode: multiply;
}
/*===================================

スマホコンテンツ

===================================*/
#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: "中ゴシックBBB";
}
#sp-contents {
		background-color: #FFF;
		width: 650px;
		/* width: 65%; */
		/* min-width: 700px; */
		text-align: center;
		padding-bottom: 2em;
}
#sp-contents p {
		font-family: "太ゴB101";
		line-break: strict;
}
/*------------------------------------

カテゴリナビ PC表示

------------------------------------*/
#category-nav-pc {
		position: absolute;
		top: 0;
		left: 145px;
		max-width: 310px;
		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: 1.5em;
}
/*------------------------------------

アイテムナビ

------------------------------------*/
#item-nav {
		background: #fff;
		padding: 1.2em 0.3em 0.9em;
		position: relative;
}
#item-nav::after {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		border: 2px solid #FFF;
		position: absolute;
		top: 8px;
		left: 8px;
}
#item-nav h2.category-midashi {
		/* width: 64%; */
		margin: 0 auto 0.8em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.3em;
		font-family: "リュウミン M-KL", serif;
		font-size: 170%;
		transform: skewX(-10deg);
}
#item-nav h2.category-midashi::before, #item-nav h2.category-midashi::after {
		display: block;
		width: 0.6em;
		height: 1px;
		content: '';
		background: #000;
}
#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;
		position: relative;
		z-index: 1;
}
#item-nav .item-nav-list a {
		width: 22%;
		text-align: center;
		position: relative;
		margin: 0em 0 1em;
}
#item-nav .item-nav-list a.double-item {
    width: 43%;
}

#item-nav .item-nav-list a::after {
		display: block;
		width: 100%;
		height: 0.5em;
		margin: 0.5em auto 0;
		content: '';
		background: url(../images/arrow_bottom.png) 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-size: 75%;
		line-height: 1.2;
		/* display: block; */
		font-family: "リュウミン B-KL", serif;
		font-weight: bold;
		display: flex;
		justify-content: center;
		margin: 0.5em 0;
		align-items: center;
		letter-spacing: 0;
}
/* 現在地 */
#item-nav .item-nav-list a .item-name span {
		/* display: inline-block; */
		/* line-height: 1; */
}
#item-nav .item-nav-list a.current .item-name span {
		background: linear-gradient(transparent 60%, #faed00 60%);
}
/*------------------------------------

追尾ボタン

------------------------------------*/
.fixed-btn {
		position: fixed;
		bottom: 50px;
		right: 30px;
		width: 135px;
		z-index: 1;
		/* display: none; */
		opacity: 0;
		animation: fadeInBottom_ct 1s 2.2s both;
}
.fixed-btn a {}
.fixed-btn a picture {}
.fixed-btn a picture img {}
/*------------------------------------

リード

------------------------------------*/
#lead {
		margin: 2.2em auto 0.9em;
}
#lead p {
		line-height: 1.9;
		text-align: center;
		font-size: 113%;
		/* letter-spacing: 0.1em; */
		margin-bottom: 2em;
		font-family: "中ゴシックBBB";
}
.link-btn {
		/* color: #FFF; */
		position: relative;
		background: #95cab0;
		padding: 0.7em 2.2em 0.5em;
		border: 1px solid #000;
		border-radius: 3em;
		display: inline-block;
		font-size: 160%;
		transition: all 0.3s;
		line-height: 1.2;
		font-family: "太ゴB101";
}
.link-btn .link-name {}
.link-btn .link-more {
		font-size: 79%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.3em;
		font-family: "リュウミン B-KL", serif;
}
.link-btn .link-more::after {
		display: block;
		width: 0.7em;
		height: 1em;
		content: '';
		background-image: url(../images/arrow_bottom.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		/* a:hover .spec_btn {
	background: #444;
}
a:hover .spec_btn::after {
	right: 0.9em;
}
	*/
}
/*------------------------------------

アイテム紹介

------------------------------------*/
.h3-ttl {
		font-size: 334%;
}
.h3-ttl::after {
		display: block;
		width: 100%;
		height: 0.5em;
		content: '';
		background-image: url(../images/lineup_line.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin: 0.25em 0 0;
}
.h3-ttl .main-ttl {
		/* color: #e2536b; */
		font-size: 76%;
		margin-bottom: 0.15em;
		display: block;
		font-family: "リュウミン M-KL", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		letter-spacing: 0.08em;
		font-style: normal;
		transform: skewX(-10deg);
}
.h3-ttl .sub-ttl {
		/* color: #6b4733; */
		font-size: 39%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.3em;
}
.h3-ttl .sub-ttl span {
		font-family: "太ゴB101";
}
.h3-ttl .sub-ttl::before, .h3-ttl .sub-ttl::after {
		display: block;
		width: 1.0em;
		height: 1.2em;
		content: '';
		background-size: contain;
}
#item-wrap {
		/* background: #f2f2f2; */
		padding: 1.3em 0 0;
}
#item-wrap .item-box {
		position: relative;
		margin: 5em auto;
}
#item-wrap .item-box:not(#item01):not(#item05)::before {
		display: block;
		width: 100%;
		height: 9px;
		content: '';
		border-top: 2px solid #000000;
		border-bottom: 1px solid #000000;
}
/* アイテムボックス */
#item-wrap .item-box .item-ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.6em;
		margin: 2.5em 0 1.2em;
}
#item-wrap .item-box .item-ttl h3 {
		font-weight: bold;
		font-size: 282%;
		margin: 0;
		font-family: "リュウミン M-KL", serif;
		letter-spacing: 0.07em;
		line-height: 1;
		background: linear-gradient(transparent 60%, #faed00 60%);
}
#item-wrap .item-box .item-link.item-photo-link {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
}
#item-wrap .item-box .item-link.item-photo-link .item-photo {
		width: 35%;
}
#item-wrap .item-box .item-link.item-photo-link .link-wrap {
		width: 51%;
}
#item-wrap .min-link-wrap {
		margin: 3em 0 1.5em;
}
#item-wrap .min-link-wrap .color-list a {
	display:block;
}
#item-wrap .min-link-wrap .color-list a .link-wrap .spec-wrap .item-spec {
	margin:0;
}

#item-wrap .sub-ttl {}
#item-wrap .sub-ttl h4 {
		font-family: "リュウミン B-KL", serif;
		font-weight: bold;
		font-size: 200%;
		margin-bottom: 0.9em;
		letter-spacing: 0.07em;
		line-height: 1.3;
		font-feature-settings: 'palt'1;
}
/* 写真 */
#item-wrap .item-main {
		/* aspect-ratio: 100/130.8; */
		position: relative;
		/* margin-bottom: 1.8em; */
		transition: all 0.3s;
		overflow: hidden;
}
#item-wrap .item-main .item-main-photo {}

#item-wrap .item-main .item-sub-txt {
		mix-blend-mode: multiply;
		position: absolute;
}
#item-wrap .check {
		position: absolute;
		bottom: 1.5%;
		right: 3%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.4em;
		font-size: 112%;
}
#item-wrap .check span {
		font-family: "リュウミン B-KL", serif;
		letter-spacing: 0.08em;
		font-weight: bold;
		color: #000;
}
#item-wrap .check::after {
		display: block;
		width: 1em;
		height: 1em;
		content: '';
		background: url("../images/check_arrow.png") no-repeat center;
		background-size: contain;
		/* position: absolute; */
		/* top: 0; */
		/* right: 1.2em; */
		transition: all 0.3s;
}
#item-wrap .item-lead {
		position: relative;
		z-index: 1;
		margin: 1em auto 0;
}
#item-wrap .item-lead p {
		line-height: 1.9;
		font-size: 128%;
		letter-spacing: 0;
}

/* ページネーション */
#item-wrap .swiper-pagination {
  position: static;
  margin: 1em auto 0;
  width: max-content;
}
#item-wrap .swiper-pagination-bullet {
  background: #000000;
  /*border: 1px solid #24b50b;*/
  width: 0.9em;
  aspect-ratio: 1/1;
  height: auto;
  margin: 0 0.4em;
}
#item-wrap swiper-pagination-bullet-active {
  background: #000000;
}

.image-area {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.image-area div {
    width: 48%;
    margin-bottom: 1.3em;
}
.image-area div:nth-child(2n - 1) {
	margin-top:2.4em;
}
.image-area div p {
	width: 90%;
	text-align: left;
	word-break: break-all;
	text-justify: inter-character;
	margin:0.5em 6% 0;
	font-size: 116%;
	letter-spacing: 0;
}
.image-area div:nth-child(2n - 1) p {
}


.image-area.fade_ct .image-area01 {
		animation: fadeInBottom_ct 1.0s 0.1s both;
}
.image-area.fade_ct .image-area02 {
		animation: fadeInBottom_ct 1.0s 0.4s both;
}
.image-area.fade_ct .image-area03 {
		animation: fadeInBottom_ct 1.0s 0.7s both;
}
.image-area.fade_ct .image-area04 {
		animation: fadeInBottom_ct 1.0s 1s both;
}
/* 個別 */

#item-wrap .check.outline span {
		color: #000;
		text-shadow:
				1px 1px 0px #e3e3e3, -1px 1px 0px #e3e3e3, 1px -1px 0px #e3e3e3, -1px -1px 0px #e3e3e3, 1px 0px 0px #e3e3e3, 0px 1px 0px #e3e3e3, -1px 0px 0px #e3e3e3, 0px -1px 0px #e3e3e3; /* 文字の影 */
}

#item-wrap #item01 {
		margin-top: 1.3em;
}
#item01 .item-point-photo {}

#item03 .main-list .item-icon {
		position: absolute;
		top: 3%;
		right: 4%;
		width: 25%;
		z-index: 1;
		}
#item-wrap #item06.item-box .item-ttl h3 {
	font-size:250%;
	letter-spacing:0;
}
#item-wrap #item08.item-box .item-ttl h3 {
	font-size:250%;
	letter-spacing:0;
}
/* ポイント個別 */

#item01 .item-point-wrap .item-point-list {
		top: 21%;
		left: 66%;
}
#item01 .item-point-wrap .item-point-list .item-point:nth-child(1) {}
#item01 .item-point-wrap .item-point-list .item-point:nth-child(2) {margin-top: 1.9em;}
#item01 .item-point-wrap .item-point-list .item-point:nth-child(3) {margin-top: 2.5em;}

#item02 .item-point-wrap .item-point-list {
		top: 22%;
		left: 57%;
}
#item02 .item-point-wrap .item-point-list .item-point:nth-child(1) {}
#item02 .item-point-wrap .item-point-list .item-point:nth-child(2) {margin-top: 4.4em;}
#item02 .item-point-wrap .item-point-list .item-point:nth-child(3) {margin-top: 5.3em;}

#item04 .item-point-wrap .item-point-list {
		top: 22.9%;
		left: 58%;
}
#item04 .item-point-wrap .item-point-list .item-point:nth-child(1) {}
#item04 .item-point-wrap .item-point-list .item-point:nth-child(2) {margin-top: 3em;}
#item04 .item-point-wrap .item-point-list .item-point:nth-child(3) {margin-top: 3.5em;}

#item05 .item-point-wrap .item-point-list {
		top: 24.5%;
		left: 57.5%;
}
#item05 .item-point-wrap .item-point-list .item-point:nth-child(1) {}
#item05 .item-point-wrap .item-point-list .item-point:nth-child(2) {margin-top: 2.4em;}
#item05 .item-point-wrap .item-point-list .item-point:nth-child(3) {margin-top: 4.1em;}

#item06 .item-point-wrap .item-point-list {
		top: 32%;
		left: 62%;
}
#item06 .item-point-wrap .item-point-list .item-point:nth-child(1) {}
#item06 .item-point-wrap .item-point-list .item-point:nth-child(2) {margin-top: 3.6em;}
#item06 .item-point-wrap .item-point-list .item-point:nth-child(3) { margin-top: 3.5em;}

#item06 .item-point-wrap .item-icon {
		position: absolute;
		top: 12%;
		left: 2%;
		width: 19%;
		z-index: 1;
}

#item07 .item-point-wrap .item-point-list {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
#item07 .item-point-wrap .item-point-list .item-point:nth-child(1) {
    position: absolute;
    top: 21%;
    right: 43%;
}
#item07 .item-point-wrap .item-point-list .item-point:nth-child(2) {
    position: absolute;
    top: 77%;
    left: 70%;
    }

#item07 .item-point-wrap .item-icon {
		position: absolute;
		top: 13%;
		left: 4%;
		width: 21%;
		z-index: 1;
}


#item08 .item-point-wrap .item-point-list {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
#item08 .item-point-wrap .item-point-list .item-point:nth-child(1) {
    position: absolute;
    top: 83%;
    left: 6%;
}
#item08 .item-point-wrap .item-point-list .item-point:nth-child(2) {
    position: absolute;
    top: 67%;
    left: 65%;
    }
#item08 .item-point-wrap .item-icon {
		position: absolute;
		top: 16%;
		left: 4%;
		width: 34%;
		z-index: 1;
}


/* hover */
@media (hover: hover) {
		#item05 a.link-btn::after {
				right: 0.7em;
		}
}

/* ポイント */
#item-wrap .item-point-wrap {
		margin: 4em 0 3em;
		position: relative;
}
#item-wrap .item-point-wrap::before {
		display: block;
		width: 69%;
		aspect-ratio: 100/15;
		content: '';
		background: url("../images/point_ttl.svg") no-repeat center;
		background-size: contain;
		/* position: absolute; */
		/* top: 0; */
		/* right: 1.2em; */
		transition: all 0.3s;
		margin: 0 auto -2em;
		position: relative;
		z-index: 1;
}

#item-wrap .item-point-wrap .item-point-photo {
}
#item-wrap .item-point-wrap .item-point-list {
		position: absolute;
		mix-blend-mode: multiply;
		z-index: 1;
}
#item-wrap .item-point-wrap .item-point-list .item-point-box {

}

#item-wrap .item-point-wrap .item-point-list .item-point {
		text-align: left;
		line-height: 1.43;
		font-size: 120%;
		letter-spacing: 0em;
		white-space: nowrap;
		gap: 0.3em;
		opacity: 0;
}

#item-wrap .item-point-wrap .item-point-list .item-point span.marker {
	background:linear-gradient(transparent 60%, #fff000 60%);
}

#item-wrap .item-point-list.fade_ct .item-point:nth-child(1) {
		animation: fadeInLeft_ct 1.0s 0.1s both;
}
#item-wrap .item-point-list.fade_ct .item-point:nth-child(2) {
		animation: fadeInLeft_ct 1.0s 0.4s both;
}
#item-wrap .item-point-list.fade_ct .item-point:nth-child(3) {
		animation: fadeInLeft_ct 1.0s 0.7s both;
}
/* リンク */
.link-wrap {}
.link-wrap .spec-wrap {
		transition: all 0.3s;
}
.link-wrap .spec-wrap .item-spec {
		font-size: 146%;
		margin: 1em auto 1em;
		display: block;
}
.link-wrap .spec-wrap .item-name {
		text-decoration: underline;
		display: block;
		margin: 0.2em 0;
		letter-spacing: 0;
}
.link-wrap .spec-wrap .price {
		display: block;
		font-size: 122%;
		line-height: 1.3;
}
.link-wrap .spec-wrap .tanyi {
		font-size: 70%;
		margin-right: 0.3em;
}
.link-wrap .spec-wrap .num {
		font-family: "リュウミン B-KL", serif;
		letter-spacing: 0.05em;
		font-size: 115%;
}
.link-wrap .spec-wrap .tax {
		font-size: 70%;
}
.link-wrap .spec-wrap .price.red-price {
		color: #e50002;
		display: block;
		font-size: 125%;
		line-height: 1.3;
		letter-spacing: -0.1em;
}
.spec-btn {
		position: relative;
		display: inline-block;
		margin: 1em 0 2em;
}
.spec-btn span {
		color: #FFF;
		position: relative;
		background: #000;
		padding: 0.5em 3.2em;
		border: 1px solid #FFF;
		border-radius: 3em;
		display: inline-block;
		font-size: 165%;
		transition: all 0.3s;
		font-family: "A1 Gothic M";
		letter-spacing: 0;
}
.spec-btn::before {
		display: block;
		width: calc(100% + 8px);
		height: calc(100% + 8px);
		border-radius: 3em;
		content: '';
		background: #000;
		position: absolute;
		top: -4px;
		left: -4px;
		transition: all 0.3s;
}
.spec-btn::after {
		display: block;
		width: 0.9em;
		height: 100%;
		content: '';
		background: url("../images/arrow_white.png") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 1.5em;
		transition: all 0.3s;
}
/* 色別リンク */
.link-wrap.sub-link .spec-btn {
		margin: 1.6em auto 2em;
		font-size: 115%;
}
.link-wrap.sub-link .spec-btn span {
		/* color: #000000; */
		/* background: #FFF; */
}
.link-wrap.sub-link .spec-btn::after {
		background-size: contain;
}
/* hover */
@media (hover: hover) {
		#item-wrap .link-wrap:hover .spec-btn::after {
				right: 1.3em;
		}
}
/*------------------------------------

ABOUT

------------------------------------*/
#about {
		background: #e4f2eb;
		padding: 0 0 4em;
}
#about .about-ttl-wrap {
		background: #a0cfb8;
		padding: 2.4em 0 2.2em;
}
#about .about-ttl-wrap .about-ttl {
		width: 86%;
		display: block;
		margin: 0 auto;
}
#about .about-ttl-wrap .about-photo {
		width: 85%;
		display: block;
		margin: 1em auto;
}
#about .about-ttl-wrap .insta-link {
		margin: 0.7em 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.8em;
}
#about .about-ttl-wrap .insta-link img {
		width: 1.5em;
}
#about .about-ttl-wrap .insta-link span {
		text-decoration: underline;
		font-family: "リュウミン B-KL", serif;
		font-size: 125%;
}
#about .about-lead {
		margin: 2.5em 0;
		font-size: 110%;
}
#about .about-lead p {
		line-height: 2;
}
#about .link-btn {}
#about .link-btn .link-name {}
#about .link-btn .link-sub {
		display: block;
		font-size: 80%;
}
#about .link-btn::after {
		display: block;
		width: 0.5em;
		height: 100%;
		content: '';
		background: url("../images/arrow_right.png") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0.9em;
		transition: all 0.3s;
}
/* hover */
@media (hover: hover) {
		#about a.link-btn::after {
				right: 0.7em;
		}
}
/*------------------------------------

FAQ

------------------------------------*/
#faq {
		padding: 5em 0;
}
#faq .faq-box {
		width: 90%;
		margin: 0 auto 2em;
}
#faq .faq-wrap {
		margin-top: 1em;
}
#faq .faq-box .faq-q, #faq .faq-box .faq-a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 0.8em;
		padding: 0.6em 1em 0.5em;
		font-size: 135%;
		background: #f2f2f2;
		font-family: "太ゴB101";
		position: relative;
}
#faq .faq-box .faq-q::before, #faq .faq-box .faq-a::before {
		display: block;
		width: 1.8em;
		height: 1.8em;
		content: '';
		background-image: url(../images/faq_icon.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}
#faq .faq-box .faq-a::before {
		background-image: url(../images/answer_icon.svg);
}
#faq .faq-box .faq-q::after {
		background: #000;
		display: block;
		width: 1px;
		height: 0.65em;
		content: '';
		position: absolute;
		top: 2.65em;
		left: 1.9em;
		opacity: 0.5;
		z-index: 2;
}
#faq .faq-box p {
		margin: 1em 1em 0;
		text-align: justify;
		font-size: 115%;
}
#faq .faq-box p a {
		font-size: 120%;
		font-weight: bold;
		text-decoration: underline;
}
#sp-contents .list-ttl {
		/* color: #e2536b; */
		font-family: "太ゴB101";
		font-size: 170%;
		margin: 0;
		letter-spacing: 0;
}
.store-link {
		width: 90%;
		max-width: 640px;
		margin: 3em auto;
}
.store-link a {
		display: block;
		transition: all 0.3s;
		margin-bottom: 2.2em;
}
.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: 2.75vw;
		}
		#wrapper-inner {}
		#wrapper img {}
		#sp-contents {
				width: 100%;
		}
	#item-wrap {margin-top:1.4em;}
		/*------------------------------------

タイトル

------------------------------------*/
		#title {
				background: #FFF;
				padding: 1em 0 0;
				border: none;
		}
		#title .titleinner {
				display: block;
		}
		#title .titleinner img {}
		#title .titleinner .title-photo {}
	#title .titleinner .title-photo img{
		width:100%;
	}
		#title .title-txt {
				/* position: static; */
				width: 17%;
				top: 12.5%;
				left: 7.5%;
		}
		#title .title-txt .ttl-01 {
				width: 102%;
				margin: 0 -1% 1.5em;
		}
		#title .title-txt .ttl-02 {
				width: 90%;
				display: block;
				margin: 0 auto 1.6em;
		}
		#title .ttl-point {
				top: 22.5%;
				left: 8%;
				width: 18.4%;
		}
		/*------------------------------------

リード

------------------------------------*/
		#lead {
				margin: 1.9em auto 0.9em;
		}
		/*------------------------------------

追従ボタン

------------------------------------*/
		.fixed-btn {
				width: 26vw;
				right: 4vw;
				bottom: 4vw;
		}
}