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

	Date: 2024-03-28
	CSS Document ： セルフプレジャーアイテム　iroha（イロハ）

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

ベース

------------------------------------*/
.fsc_gfooter__breadcrumb {
	margin-top: 0;
}
#footercontent .fsc_gfooter__breadcrumb {
	display: none;
}

.pc_gk {
	display: block;
}
.sp_gk {
	display: none !important;
}
ruby {
	vertical-align: middle;
}
rt {
	/* font-size: 40%; */
	zoom: 0.8;
}
/*------------------------------------

wrap

------------------------------------*/
#wrap_gk {
	line-height: 2.0;
	overflow-x: hidden;
	margin: 0 auto;
	letter-spacing: .15em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	font-family: "A1ゴシック L";
	color: #333;
	opacity: 0;
	z-index: 1;
}
#wrap_gk.load_gk {
	animation: fade_gk 1.5s ease 0.4s forwards;
}
#wrap_gk img {
	max-width: 100%;
}
#wrap_gk a {
	transition: all .3s;
	text-decoration: none;
}
#wrap_gk a:hover {
	opacity: .7;
}
#wrap_gk ul {
	/* margin: 0; */
	padding: 0;
	list-style: none;
}
.inner_gk {
	max-width: 1070px;
	width: 94%;
	margin: 0 auto;
}
/*------------------------------------

メインタイトル

------------------------------------*/
#wrap_gk #title_gk {
	position: relative;
	padding: 0;
}
#title_gk .title_image {
	background: #F0F5F8;
}
#title_gk .title_image img {
	margin: 0 auto;
}
/*------------------------------------

共通

------------------------------------*/
#wrap_gk section {
	padding: 6em 0;
}
h2.ttl_gk {
	color: #BB8A3C;
	border: 1px solid #BB8A3C;
	border-right: 0;
	border-left: 0;
	font-size: 245%;
	display: block;
	padding: 0.25em;
	letter-spacing: 0.15em;
	width: 600px;
	margin: 0 auto;
	font-family: "A1明朝";
	white-space: nowrap;
}
p.ttl_sub {
	margin: 1em 0;
	font-family: "A1ゴシック R";
	line-height: 1.7;
}
/* あしらい */
.ashirai_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.ashirai_box img {
	position: absolute;
	animation: rotation 35.0s linear 0s infinite;
}
.ashirai_box.fadeIn_gk {
	animation: fadeIn_gk 1.2s forwards 1s;
}
.ashirai_box img.ashirai_01 {
	width: 121px;
	left: 24px;
	top: 18%;
	animation-direction: reverse;
}
.ashirai_box img.ashirai_02 {
	width: 101px;
	right: 13px;
	bottom: 39%;
	animation-direction: reverse;
}
.ashirai_box img.ashirai_03 {
	width: 115px;
	bottom: 8%;
	left: 79px;
	animation-delay: -20s;
}
@keyframes scale-anime {
	50% {
		transform: scale(1.2)
	}
	0%, 100% {
		transform: scale(1.0)
	}
}
@keyframes rotation {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
/*------------------------------------

リード

------------------------------------*/
#wrap_gk #lead_gk {
	margin: 0 auto;
	max-width: 1170px;
	padding: 1em 0 5em;
	position: relative;
}
#lead_gk h2 {
	margin: 1em auto 0.7em;
	color: #808080;
	font-size: 260%;
	line-height: 1.5;
	font-family: "A1明朝";
	position: relative;
	z-index: 1;
	letter-spacing: 0.15em;
}
#lead_gk div.box_gk {
	position: relative;
	z-index: 1;
	animation-delay: 0.7s !important;
}
#lead_gk div.box_gk p {
	font-size: 110%;
	line-height: 2.6;
	margin: 0;
	letter-spacing: 0.1em;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
}
/*------------------------------------

メインコンテンツ

------------------------------------*/
#wrap_gk #main_gk {
	padding: 0;
}
.bg_gk {
	background: #FAEEEE;
}
.bg_gk .inner_gk {
	background: #FFF;
	padding: 0 1em 0;
	border-radius: 2.5em;
}
.bnr_link {}
.bnr_link a {
	background: #F9A3AA;
	color: #FFF;
	border: 2px solid #F9A3AA;
	border-radius: 0.3em;
	font-weight: bold;
	font-size: 155%;
	padding: 0.8em 3.5em;
	display: inline-block;
	margin: 2.8em auto 4.2em;
	font-family: "A1ゴシック M";
	position: relative;
}
.bnr_link a::after {
	background-image: url(../images/bnr_arrow.png);
	background-repeat: no-repeat;
	background-position: center left 55%;
	background-size: 53%;
	border-radius: 50%;
	display: block;
	width: 1.2em;
	height: 2em;
	content: '';
	position: absolute;
	top: calc(50% - 1em);
	right: 1em;
	transition: all 0.3s;
}
.bnr_link a:hover {
 opacity: 1 !important;
	background: #FFF;
	color: #F9A3AA;
}
.bnr_link a:hover::after {
	background-image: url(../images/bnr_arrow_on.png);
	}

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

ナビ

------------------------------------*/
#wrap_gk #nav_gk {
	padding: 0;
	letter-spacing: 0.2em;
}
#nav_gk .nav_wrap {}
#nav_gk ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	max-width: 920px;
	font-size: 130%;
	margin: 0 auto;
	padding: 3em 0;
}
#nav_gk ul li {
	margin: 0.9em 0.5em;
}
#nav_gk ul li a {
	padding: 0.3em 2.6em 0.3em 1.6em;
	display: block;
	position: relative;
	cursor: pointer;
	border-radius: 2em;
	margin: 0 0.5em;
	color: #C9A163;
	background: #FFF;
	font-family: "A1ゴシック M";
	font-weight: bold;
	letter-spacing: 0.1em;
	border:1px solid #FFF;
}
#nav_gk ul li a::after {
	background-color: #EDEDED;
	background-image: url(../images/nav_arrow.svg);
	background-repeat: no-repeat;
	background-position: center left 55%;
	background-size: 33%;
	border-radius: 50%;
	display: block;
	width: 1.0em;
	height: 1.0em;
	content: '';
	position: absolute;
	top: calc(50% - 0.5em);
	right: 1em;
}
#nav_gk ul li a:hover {
	background-color: #FFF;
	opacity: 1;
	border:1px solid #C9A163;
}
/*------------------------------------

固定ナビ

------------------------------------*/
#wrap_gk #fixed_nav_gk {
	font-size: 110%;
	letter-spacing: 0.2em;
	padding: 0;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 11;
	transition: all 0.3s;
}
#fixed_nav_gk .nav_wrap {
	display: none;
	background: #CDEEE6;
}
#fixed_nav_gk ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 920px;
	margin: 0 auto;
	padding: 5px 0;
}
#fixed_nav_gk ul li {
	width: 25%;
}
#fixed_nav_gk ul li a {
	padding: 0.4em 0 0.6em;
	display: block;
	background: url(../images/fixed_nav_arrow.svg) no-repeat center bottom 0.3em;
	background-size: 0.6em;
	position: relative;
	cursor: pointer;
	border-radius: 2.5em;
	/* margin: 0 0.5em; */
	font-size: 100%;
	letter-spacing: 0.1em;
	font-family: "A1ゴシック M";
	color: #736357;
	 transition: all 0.2s;
}
/*
#fixed_nav_gk ul li a::after {
	border-right: 3px solid #FFF;
	display: block;
	width: 0;
	height: 80%;
	content: '';
	position: absolute;
	top: 10%;
	right: -0.5em;
}
#fixed_nav_gk ul li a:hover {
	background-color: #FFF;
	opacity: 1;
}
*/


#fixed_nav_gk ul li a.is-active {
	background-color: #FFF;
	opacity: 1;
}

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

商品一覧

------------------------------------*/
#allitem_gk {	padding: 0 0 7em;}
#wrap_gk #items_gk {
	padding: 4.3em 0 0;
}
#items_gk h2.ttl_gk {}
#items_gk .item_box {
	margin: 0 0;
	padding: 4.5em 0;
	border-bottom: 1px dotted #999;
}
#items_gk .item_box .item_ttl {}
#items_gk .item_box .item_ttl p {
	font-size: 165%;
	margin: 0 0 0.2em;
	line-height: 1.6;
}
#items_gk .item_box .item_ttl h3 {
	color: #BB8A3C;
	font-size: 200%;
	margin: 0 0 0.8em;
	font-family: "A1ゴシック M";
}
#items_gk .item_box .item_bnr {}
#items_gk .item_box .item_bnr img {}
#items_gk .item_box > p {
	max-width: 600px;
	text-align: justify;
	margin: 2em auto;
	font-size: 95%;
	line-height: 2.2;
	font-family: "ヒラギノ角ゴ W3 JIS2004";
	letter-spacing: 0.05em;
}
#items_gk .item_box .item_list {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin: 0 auto;
	max-width: 680px;
}
#items_gk .item_box .item_list a {}
#items_gk .item_box .item_list a img {}
.spec_gk {
	display: block;
	margin: 1em 0 0;
	font-family: "A1ゴシック R";
}
.spec_gk .name_gk {
    display: inline-block;
    position: relative;
}
.spec_gk .price_gk {
	display: inline-block;
	position: relative;
}
.spec_gk .price_gk .num_gk {
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.05em;
	font-size: 130%;
	line-height: 1;
}
.spec_gk .price_gk .tax_gk {}

.item_list a .name_gk::after,
.item_list a .price_gk::after{
	content: "";
	display: block;
	width: 0;
	border-bottom: 1px solid #BB8A3C;
	position: absolute;
	left: 0;
	bottom:0.2em;
	transition: all 0.7s;
}

.item_list a:hover .name_gk::after,
.item_list a:hover .price_gk::after {	width: 100%;}
.item_list a .price_gk::after {transition-delay: 0.15s;}



/* 個別 */
#item01 {}
#item02 {}
#item03 {}
/* OPTION ITEM */
#items_gk #option_item {
	border: none;
}
#option_item .item_ttl {
	margin: 0 0 1em;
}
#option_item .item_ttl img {
	margin: 0 0 2em;
}
#items_gk #option_item .item_ttl p {
	font-family: "A1ゴシック R";
}
#option_item .item_icon {
	margin: 1.3em auto;
}
#items_gk #option_item .item_list {
	max-width: 720px;
}
/*------------------------------------

irohaについて

------------------------------------*/
#wrap_gk #concept_gk {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
	padding: 5em 0 4em;
}
#concept_gk h2.ttl_gk {}
#concept_gk .concept_box {
	margin: 3em auto 0;
}
#concept_gk p {
	line-height: 2.7;
	font-size: 110%;
	letter-spacing: 0.1em;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
	margin-bottom: 1.7em;
}
/*------------------------------------

セルフプレジャーとは

------------------------------------*/
#wrap_gk #explain_gk {
	background: #FFFAEB;
	background: linear-gradient(180deg, #FFFAEB 0%, #FFFAEB 85%, #FFF 85%, #FFF 100%);
	margin-bottom: 3em;
}
#explain_gk h2.ttl_gk {}
#explain_gk p.ttl_sub {}
#explain_gk .explain_box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 2.8em auto 0;
	max-width: 1090px;
}
#explain_gk .explain_box > * {
	width: 50%;
}
#explain_gk .explain_box img {
	order: 1;
	position: relative;
	z-index: 1;
}
#explain_gk .explain_box div {
	background: #E8F3FF;
	width: 560px;
	padding: 3em 5em 3em 3em;
	margin: 2em -2em 0 0;
	animation-delay: 0.6s;
}
#explain_gk .explain_box div p {
	text-align: justify;
	letter-spacing: 0.05em;
	margin: 0;
	font-size: 95%;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
}
/* アンケート */
#explain_gk .enquete_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 3em auto 5em;
}
#explain_gk .enquete_box .enquete_txt {
	margin-right: 3em;
}
#explain_gk .enquete_box .enquete_txt > img {}
#explain_gk .enquete_box .enquete_txt .enquete_ttl {
	font-size: 220%;
	line-height: 1.4;
	margin: 0.5em auto 0.8em;
	letter-spacing: 0.1em;
}
#explain_gk .enquete_box .enquete_txt .enquete_sub {
	/* font-size: 90%; */
	line-height: 1.8;
}
#explain_gk .enquete_box .enquete_txt span {
	font-size: 90%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

#explain_gk .enquete_box .graph_box {}
#explain_gk .enquete_box .graph_box > img {}


#explain_gk .enquete_box .graph_box.fadeIn_gk {
	animation: scale-anime 1.3s forwards 0.6s !important;
}
@keyframes scale-anime {
	0% {
		opacity: 0;
	}
	50% {
		transform: scale(1.06);
		opacity: 1;
	}
	100% {
		transform: scale(1.0);				opacity: 1;
	}
}



/* メリット */
#explain_gk .merit_box {
	border: 3px solid #C1DFCA;
	background: #FFF;
	max-width: 860px;
	width: 90%;
	margin: 4em auto 0;
	padding: 2em 0 1.7em;
}
#explain_gk .merit_box .merit_inner {
	max-width: 650px;
	margin: 0 auto;
}
#explain_gk .merit_box .merit_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 1.4em;
}
#explain_gk .merit_box .merit_ttl img {
	margin: 0 1em 0 -4em;
}
#explain_gk .merit_box .merit_ttl .merit_ttl_txt {}
#explain_gk .merit_box .merit_ttl .merit_ttl_txt .merit_ttl_sub {
	font-family: "A1ゴシック R";
	font-size: 110%;
}
#explain_gk .merit_box .merit_ttl .merit_ttl_txt .merit_ttl_main {
	color: #C9A163;
	font-size: 260%;
	line-height: 1.3;
	font-family: "A1明朝";
	letter-spacing: 0.1em;
}
#explain_gk .merit_box p {
	text-align: justify;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
}
#explain_gk .merit_box p span.marker {
	background: linear-gradient(transparent 50%, #FFF5CA 50%);
}
/*------------------------------------

記事はこちら

------------------------------------*/
#wrap_gk #article_gk {
	background: #EEF1FE;
	padding: 4.2em 0 2em;
}
#article_gk h2.ttl_gk {
	color: #BB8A3C;
}
#article_gk p.ttl_sub {
	font-size: 190%;
	margin: 0;
	color: #BB8A3C;
}
#article_gk .article_list {
	max-width: 880px;
	margin: 3em auto 0;
}
#article_gk .article_list a {
	display: block;
	margin: 0 auto 4.8em;
}
#article_gk .article_list a img {}
#article_gk .article_list a span {
	background: #FFF;
	padding: 0.4em 0.9em;
	margin: 1.5em auto 0;
	display: inline-block;
	font-family: "A1ゴシック R";
	font-size: 110%;
	line-height: 1.5;
}
/*------------------------------------

おすすめ

------------------------------------*/
#wrap_gk #osusume_gk {
	padding: 7em 0 7.5em;
}
#osusume_gk h2.ttl_gk {}
#osusume_gk .osusume_list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 3em auto 0;
}
#osusume_gk .osusume_list a {}
#osusume_gk .osusume_list a img {}
/*------------------------------------

Q＆A

------------------------------------*/
#wrap_gk #faq_gk {
	background: #DFF0E9;
	text-align: center;
}
#faq_gk h2.ttl_gk {
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	font-family: "A1明朝 R JIS2004 AP";
}
#faq_gk .ttl_wrap_gk {
	display: flex;
	justify-content: center;
	align-items: center;
}
#faq_gk .ttl_wrap_gk img {
	margin: 0 -1em;
	position: relative;
}
#faq_gk p.ttl_sub {
	margin: 0 0 2em;
	font-size: 121%;
}
#faq_gk ul.faq_box_gk {
	padding: 0;
	list-style: none;
	width: 90%;
	max-width: 920px;
	margin: 1em auto 0;
}
#faq_gk ul.faq_box_gk li {
	padding: 1.4em 0em 0em;
	text-align: justify;
	/* margin: 1em 0 1em; */
	border-bottom: 1px dotted #999;
}
#faq_gk ul.faq_box_gk li:last-child {
	border: none;
}
/* 質問 */
#faq_gk ul.faq_box_gk li div.question {
	font-size: 115%;
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0.0em 0.5em 0.5em;
	position: relative;
	cursor: pointer;
	line-height: 1.5;
	font-family: "A1ゴシック M";
}
#faq_gk ul.faq_box_gk li div.question::after {
	content: "";
	display: block;
	width: 1.3em;
	height: 100%;
	position: absolute;
	right: 1em;
	top: 0.0em;
	background-image: url("../images/q_arrow.svg");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(0deg);
	transition: all 0.3s;
}
#faq_gk ul.faq_box_gk li div.question:hover {
	opacity: 0.7;
}
#faq_gk ul.faq_box_gk li.open div.question::after {
	transform: rotate(180deg);
}
#faq_gk ul.faq_box_gk li div.answer {
	background: #FFF;
	padding: 1.5em 2em;
	margin: 0 0 3em;
	border-radius: 1.1em;
	display: none;
}
#faq_gk ul.faq_box_gk li p.main_answer {
	margin: 0;
	letter-spacing: 0.1em;
	font-size: 105%;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
}
#faq_gk ul.faq_box_gk li p.main_answer .c_pink {
	color: #E41E79;
}
#faq_gk ul.faq_box_gk li p.main_answer .c_blue {
	color: #29A2D9;
}
/*------------------------------------

安心のお届けサービス

------------------------------------*/
#wrap_gk #otodoke_gk {
	padding-bottom: 0;
}
#otodoke_gk h2.ttl_gk {}
#otodoke_gk .otodoke_box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 3em auto;
}
#otodoke_gk .otodoke_box .otodoke_point {
	max-width: 400px;
	text-align: justify;
	margin: 0 2.5em;
}
#otodoke_gk .otodoke_box .otodoke_point .point_ttl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 161%;
	text-align: left;
	margin: 0 0 0.7em;
}
#otodoke_gk .otodoke_box .otodoke_point .point_ttl span {
	color: #C9A163;
	font-size: 130%;
	line-height: 1.2;
	margin: 0 0.3em 0 0;
	font-family: "A1ゴシック M";
}
#otodoke_gk .otodoke_box .otodoke_point .point_ttl p {
	margin: 0;
	line-height: 1.5;
	color: #666666;
	font-family: "A1ゴシック R";
}
#otodoke_gk .otodoke_box .otodoke_point > p {
	line-height: 2.0;
	letter-spacing: 0.1em;
	margin: 0;
	-moz-osx-font-smoothing: unset;
	-webkit-font-smoothing: subpixel-antialiased;
}
#otodoke_gk img {}
/*------------------------------------

返品や問い合わせについて

------------------------------------*/
#wrap_gk #support_gk {
	padding: 5em 0 3em;
}
#support_gk h2.ttl_gk {}
#support_gk p {
	letter-spacing: 0.05em;
	max-width: 565px;
	width: 85%;
	margin: 2em auto;
	text-align: justify;
	font-family: "A1ゴシック R";
}
#support_gk p a {
	color: #3FA0EC;
	text-decoration: underline;
}
/*------------------------------------

フッター

------------------------------------*/
#wrap_gk #footer_gk {
	margin: 0;
	padding: 0;
}
#footer_gk .link_gk {}
#footer_gk .link_gk a {
	display: block;
	width: 412px;
	margin: 0 auto;
}
#footer_gk .link_gk a img {}
/*------------------------------------

SNS

------------------------------------*/
#wrap_gk #sns_gk {
	margin: 0 auto;
	padding: 5em 0;
}
#sns_gk a {
	display: block;
	width: 55px;
	margin: 0 auto;
}
#sns_gk a img {}
/*------------------------------------
 
 ページトップへ
 
 ------------------------------------*/
.pageTop {
	position: relative;
	z-index: 100;
	display: none;
	width: 100%;
	height: 0;
	margin: 0 auto;
}
.pageTop a {
	position: fixed;
	z-index: 100;
	right: 0;
	bottom: 50px;
	display: block;
	width: 50px;
	height: 150px;
	/* background-color: #FFF; */
	background-image: url("../images/pagetop.svg?=new");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	box-sizing: content-box;
}
@media (min-width: 768px) {
	.pageTop a:hover {
		opacity: 1 !important;
		/* background-color: #ef4045; */
		background-image: url("../images/pagetop_on.svg?=new");
	}
}
@media (max-width: 919px) {
	/* SP */
	.pageTop a {
		right: 0vw;
		bottom: 9vw;
		height: 20.5vw;
		width: 7vw;
	}
}
/*------------------------------------

アニメーション

------------------------------------*/
.fade_gk {
	opacity: 0;
}
.fade_gk.fadeIn_gk {
	animation: fadeIn_gk 1.2s forwards 0s;
}
@keyframes fade_gk {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn_gk {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
/*------------------------------------
 
 フッターまで来たら追尾要素をストップ
 
------------------------------------*/
.fixed_stop_gk {
	top: auto !important;
	position: absolute !important;
}
/*------------------------------------

SP

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

wrap

------------------------------------*/
	#wrap_gk {
		font-size: 3.3vw;
		/* line-height: 1.8em; */
		overflow-x: hidden;
		width: 100%;
		min-width: auto;
	}
	#wrap_gk img {
		/* width: 100%; */
	}
	#wrap_gk a {}
	#wrap_gk ul {}
	#wrap_gk ul li {}
	.inner_gk {
		width: 100%;
	}
	/*------------------------------------

メインタイトル

------------------------------------*/
	#wrap_gk #title_gk {}
	#title_gk .title_image {}
	#title_gk .title_image img {}
	/*------------------------------------

共通

------------------------------------*/
	#wrap_gk section {
		padding: 5em 0;
	}
	h2.ttl_gk {
		width: 90%;
		font-size: 200%;
	}
	p.ttl_sub {}
	/* あしらい */
	.ashirai_box {}
	.ashirai_box img {}
	.ashirai_box img.fadeIn_gk {}
	.ashirai_box img.ashirai_01 {
		width: 20%;
		left: 6%;
		top: 23%;
	}
	.ashirai_box img.ashirai_02 {
		width: 18%;
	}
	.ashirai_box img.ashirai_03 {
		width: 22%;
		left: 7%;
		bottom: 5%;
	}
	/*------------------------------------

リード

------------------------------------*/
	#wrap_gk #lead_gk {}
	#lead_gk h2 {
		font-size: 235%;
		margin: 1.0em auto 1em;
		letter-spacing: 0.1em;
	}
	#lead_gk div.box_gk {
		padding: 1em 0;
	}
	#lead_gk div.box_gk p {
		font-size: 110%;
		letter-spacing: 0.05em;
	}
	/*------------------------------------

メインコンテンツ

------------------------------------*/
	#wrap_gk #main_gk {}
	.bg_gk {}
	.bg_gk .inner_gk {
		width: 94%;
		border-radius: 1.5em;
		padding: 0 5% 0;
	}
	.bnr_link {
		width: 80%;
		margin: 0 auto;
	}
	.bnr_link a {
		font-size: 125%;
		line-height: 1.5;
		padding: 1.0em 3.5em;
	}
	.bnr_link a::after {}
	/*------------------------------------

ナビ

------------------------------------*/
	#wrap_gk #nav_gk {}
	#nav_gk .nav_wrap {}
	#nav_gk ul {
		font-size: 86%;
	}
	#nav_gk ul li {}
	#nav_gk ul li a {
		margin: 0;
	}
	#nav_gk ul li a::after {}
	#nav_gk ul li a:hover {}
	/*------------------------------------

固定ナビ

------------------------------------*/
	#wrap_gk #fixed_nav_gk {}
	#fixed_nav_gk .nav_wrap {}
	#fixed_nav_gk ul {
    align-items: stretch;
    justify-content: center;
}
	#fixed_nav_gk ul li {
    width: 24%;
}
	#fixed_nav_gk ul li a {
		line-height: 1.3;
		font-size: 75%;
		padding: 0.4em 0 0.9em;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		border-radius: 1.5em;
	}
	/*
#fixed_nav_gk ul li a::after { }
*/
	#fixed_nav_gk ul li a:hover {}
	/*------------------------------------

商品一覧

------------------------------------*/
	#allitem_gk {	padding: 0 0 4.3em;}
	#wrap_gk #items_gk {
		padding: 2.8em 0 0;
	}
	#items_gk h2.ttl_gk {}
	#items_gk .item_box {}
	#items_gk .item_box .item_ttl {}
	#items_gk .item_box .item_ttl p {
		font-size: 120%;
		line-height: 1.5;
	}
	#items_gk .item_box .item_ttl h3 {
		font-size: 150%;
	}
	#items_gk .item_box .item_bnr {}
	#items_gk .item_box .item_bnr img {}
	#items_gk .item_box > p {
		width: 90%;
	}
	#items_gk .item_box .item_list {}
	#items_gk .item_box .item_list a {}
	#items_gk .item_box .item_list a img {
		width: 46vw;
	}
	.spec_gk {}
	.spec_gk .name_gk {
		line-height: 1.6;
		display: inline-block;
	}
	.spec_gk .price_gk {}
	.spec_gk .price_gk .num_gk {}
	.spec_gk .price_gk .tax_gk {}
	/* 個別 */
	#item01 {}
	#items_gk #item01.item_box .item_list a {
		width: 36%;
	}
	#item02 {}
	#item03 {}
	#items_gk #item03.item_box .item_list a img {
		width: 36vw;
	}
	/* OPTION ITEM */
	#items_gk #option_item {}
	#option_item .item_ttl {}
	#option_item .item_ttl img {
		width: 84%;
		margin: 0 0 1.5em;
	}
	#items_gk #option_item .item_ttl p {}
	#items_gk #option_item .item_icon {
		width: 75%;
		margin: 0.9em auto;
	}
	#items_gk #option_item .item_list {}
	#items_gk #option_item .item_list a {
		width: 46%;
	}
	/*------------------------------------

irohaについて

------------------------------------*/
	#wrap_gk #concept_gk {}
	#concept_gk h2.ttl_gk {}
	#concept_gk > div:nth-child(2) {
		position: relative;
		z-index: 1;
	}
	#concept_gk p {
		font-size: 105%;
		letter-spacing: 0.05em;
	}
	/*------------------------------------

セルフプレジャーとは

------------------------------------*/
	#wrap_gk #explain_gk {
    margin-bottom: 1em;
}
	#explain_gk h2.ttl_gk {}
	#explain_gk p.ttl_sub {}
	#explain_gk .explain_box {
		display: block;
	}
	#explain_gk .explain_box > * {
		width: 85%;
	}
	#explain_gk .explain_box img {
		margin-left: 15%;
	}
	#explain_gk .explain_box div {
		width: 93%;
		padding: 5em 3em 3em 3em;
		margin: -3em 0em 0 0;
	}
	#explain_gk .explain_box div p {
    font-size: 105%;
}
	/* アンケート */
	#explain_gk .enquete_box {
		display: block;
		margin: 3em auto 4em;
	}
	#explain_gk .enquete_box .enquete_txt {
		margin: 0 auto 2em;
	}
	#explain_gk .enquete_box .enquete_txt > img {
		width: 3.3em;
	}
	#explain_gk .enquete_box .enquete_txt .enquete_ttl {
		font-size: 180%;
	}
	#explain_gk .enquete_box .enquete_txt .enquete_sub {}
	#explain_gk .enquete_box .enquete_txt span {}
	#explain_gk .enquete_box .graph_box {
		width: 65%;
		margin: 0 auto;
	}
	#explain_gk .enquete_box .graph_box > img {}
	/* メリット */
	#explain_gk .merit_box {
		margin: 3em auto 0;
		padding: 1.4em 0 1.2em;
	}
	#explain_gk .merit_box .merit_inner {}
	#explain_gk .merit_box .merit_ttl {}
	#explain_gk .merit_box .merit_ttl img {
		width: 5.7em;
		margin: 0 1em 0 0em;
	}
	#explain_gk .merit_box .merit_ttl .merit_ttl_txt {}
	#explain_gk .merit_box .merit_ttl .merit_ttl_txt .merit_ttl_sub {
		font-size: 100%;
	}
	#explain_gk .merit_box .merit_ttl .merit_ttl_txt .merit_ttl_main {
		font-size: 180%;
		line-height: 1;
	}
	#explain_gk .merit_box p {
		width: 85%;
		margin: 0 auto 1em;
		letter-spacing: 0.05em;
		font-size: 97%;
	}
	#explain_gk .merit_box p span.marker {}
	/*------------------------------------

記事はこちら

------------------------------------*/
	#wrap_gk #article_gk {
    padding: 3.0em 0 2em;
}
	#article_gk h2.ttl_gk {}
	#article_gk p.ttl_sub {
    font-size: 150%;
    margin: 0 auto 0.3em;
}
	#article_gk .article_list {
    width: 90%;
}
	#article_gk .article_list a {
    margin: 0 auto 3.8em;
}
	#article_gk .article_list a img {}
	#article_gk .article_list a span {
    margin: 1.0em auto 0;
    font-size: 100%;
}
	/*------------------------------------

おすすめ

------------------------------------*/
	#wrap_gk #osusume_gk {}
	#osusume_gk h2.ttl_gk {}
	#osusume_gk .osusume_list {
    flex-wrap: wrap;
}
	#osusume_gk .osusume_list a {
    width: 45%;
}
	#osusume_gk .osusume_list a img {}
	/*------------------------------------

Q＆A

------------------------------------*/
	#wrap_gk #faq_gk {
    padding: 3em 0;
}
	#faq_gk h2.ttl_gk {}
	#faq_gk .ttl_wrap_gk {
    width: 85%;
    margin: 0 auto;
}
	#faq_gk .ttl_wrap_gk img {
    width: 21vw;
}
	#faq_gk p.ttl_sub {
    font-size: 105%;
}
	#faq_gk ul.faq_box_gk {}
	#faq_gk ul.faq_box_gk li {}
	#faq_gk ul.faq_box_gk li:last-child {}
	/* 質問 */
	#faq_gk ul.faq_box_gk li div.question {
    font-size: 111%;
    text-indent: -2.7em;
    padding: 0.0em 4em 0.3em 3em;
}
	#faq_gk ul.faq_box_gk li div.question::after {}
	#faq_gk ul.faq_box_gk li div.question:hover {}
	#faq_gk ul.faq_box_gk li.open div.question::after {}
	#faq_gk ul.faq_box_gk li div.answer {}
	#faq_gk ul.faq_box_gk li p.main_answer {
    letter-spacing: 0.02em;
    font-size: 100%;
    line-height: 2.1;
}
	#faq_gk ul.faq_box_gk li p.main_answer .c_pink {}
	#faq_gk ul.faq_box_gk li p.main_answer .c_blue {}
	/*------------------------------------

安心のお届けサービス

------------------------------------*/
	#wrap_gk #otodoke_gk {}
	#otodoke_gk h2.ttl_gk {}
	#otodoke_gk .otodoke_box {
    display: block;
}
	#otodoke_gk .otodoke_box .otodoke_point {
    margin: 0 2.5em 3em;
}
	#otodoke_gk .otodoke_box .otodoke_point .point_ttl {
    font-size: 135%;
}
	#otodoke_gk .otodoke_box .otodoke_point .point_ttl span {}
	#otodoke_gk .otodoke_box .otodoke_point .point_ttl p {}
	#otodoke_gk .otodoke_box .otodoke_point > p {}
	#otodoke_gk img {
    width: 85%;
}
	/*------------------------------------

返品や問い合わせについて

------------------------------------*/
	#wrap_gk #support_gk {}
	#support_gk h2.ttl_gk {}
	#support_gk p {}
	#support_gk p a {}
	/*------------------------------------

フッター

------------------------------------*/
	#wrap_gk #footer_gk {}
	#footer_gk .link_gk {}
	#footer_gk .link_gk a {
    width: 75%;
}
	#footer_gk .link_gk a img {}
	/*------------------------------------

SNS

------------------------------------*/
	#wrap_gk #sns_gk {}
	#sns_gk a {
    width: 11%;
}
	#sns_gk a img {}
}