@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* --------------------------------------------------------------------------------
	body
-------------------------------------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 31vw 0 0;
	max-width: 800px;
	line-height: 1.5;
	font-weight: 400;
	font-size: 3.2vw;
	text-size-adjust: 100%;
	font-family:'Noto Sans', sans-serif;
	font-family:'Noto Sans JP', sans-serif;
}
img {
	max-width: 100%;
}
/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */
.common * {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
.common h1, .common h2, .common h3, .common h4, .common h5, .common h6 {
	font-size: 1em;
}
.common ol, .common ul {
	list-style: none;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
.common a, .common a:link, .common a:visited {
	text-decoration: none;
	color: #8a8989;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	tap-highlight-color: rgba(0, 0, 0, 0.8);
}
.common a:hover, .common a:active {
	text-decoration: none;
}
/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
br.clear {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
	border: none;
	visibility: hidden;
	font-size: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
	/*\*/ /*/
	height:auto;
	overflow:hidden;
	/**/
}
/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp {
	display: block;
}
.device-sp-inline {
	display: inline;
}
.device-pc {
	display: none;
}
.device-pc-inline {
	display: none;
}

/********** font-Barlow **********/
.font-Barlow {
	font-weight: 400;
	font-family: 'Barlow Semi Condensed', sans-serif;
}
.font-Barlow * {
	font-family: 'Barlow Semi Condensed', sans-serif !important;
}

/* --------------------------------------------------------------------------------
	header-sp
-------------------------------------------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	border-bottom: solid 0.45vw #dcdcdc;
	background: #fff;
	z-index: 9997;
}

/********** headline **********/
#header .headline {
	padding: 2.1vw 0;
	text-align: center;
	font-size: 2.646vw;
	background: #f0f0f0;
	font-weight: 500;
}


/* ヘッダー 
---------------------------------------------------- */
#header a, #header a:link, #header a:visited {
	text-decoration: none;
	color: #8a8989;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	tap-highlight-color: rgba(0, 0, 0, 0.8);
}
#header ul li.h-first-menu-btn-brand:active,
#header ul li.h-first-menu-btn-category:active {
	background: rgba(0, 0, 0, 0.1);
}

/********** ヘッダーの固定 *********
#header .h-fix{
	width: 100%;
	position: fixed;*/
/*top: 0;*/
/*	z-index: 10;
}*/
/*  ----------------------------------------------------------
	ヘッダー　上部
 ----------------------------------------------------------- */
#header .h-contents {
	width: 100%;
	height: 14vw;
	position: relative;
}
/* アイコン 
------------------------------------- */
#header .icon {
	margin: 0 3vw 0 1vw;
}
#header .icon_wishlist img, #header .icon_cart img {
	display: block;
	width: 5vw;
}
#header .icon_cart {
	position: relative;
}
#header span.fs-client-cart-count {
	position: absolute;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 3.5vw;
	height: 3.5vw;
	padding: 0.1vw;
	text-align: center;
	background-color: #000;
	border-radius: 100%;
	font-size: 2vw;
	color: #FFF;
	right: -0.5vw;
	bottom: 2.7vw;
}
/*  MENUボタン 
-----------------------------------*/
#header .h-btn-menu {
	position: absolute;
	top: 4.5vw;
	left: 6vw;
}
#header .h-btn-menu img {
	display: block;
	width: 7vw;
}
/* 検索  
-----------------------------------*/
#header .icon_search {
	position: relative;
}
#header .icon_search img {
	position: absolute;
	display: block;
	top: 6vw;
	left: 17.5vw;
	width: 4.5vw;
	cursor: pointer;
}

/********** 検索 **********/
#header .h-search-area {
	visibility: hidden;
	height: 0;
	opacity: 0;
	transition: 200ms linear;
}
#header #search_open:checked + .h-search-area {
	visibility: visible;
	height: auto;
	opacity: 1;
}
#header .h-search-area form {
	padding: 2.5vw 6vw;
	background: #f0f0f0;
}
#header .h-search-area form .search-box {
	display: flex;
	justify-content: space-between;
	margin: 0 0 0 auto;
	padding: 1vw;
	background: #fff;
}
#header .h-search-area form .search-box input[type="text"] {
	display: block;
	width: 100%;
	border-radius: 0;
	padding: 0 2vw;
	line-height: 1;
	font-size: 2vw;
	font-weight: bold;
	color: #000000 !important;
	border: none;
	margin: 0 auto;
}
#header .h-search-area form .search-box input[type="image"] {
	display: block;
	width: 4.5vw;
	height: auto;
	border-radius: 0;
}

/* ロゴ、アイコン
-----------------------------------*/
#header .header_logo {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	top: 4.55vw;
	right: 5.5vw;
}
/* ロゴ 
-----------------------------------*/
#header .h-logo h1 {
	width: 29.4vw;
	margin: 0 auto;
	padding: 4vw 0 0 0;
}
#header .h-logo h1 img {
	display: block;
	width: 29.4vw;
}
/*  ----------------------------------------------------------
	ナビゲーション 
 ---------------------------------------------------------- */
/* ヘッダー季節装飾 */
#header .h-nav {
	padding: 0 0 0;
}
/* ヘッダー通常
#header .h-nav {
	background: #ff4f03;
	color: #fff;
} */
#header .h-nav > nav > ul.h-nav-list {
	display: flex;
	align-items: center;
	font-size: 3vw;
	list-style: none;
	margin: 0;
	height: 8.5vw;
	width: 100%;
}
#header .h-nav nav .h-nav-list > li {
	position: relative;
	flex: 1;
	text-align: center;
}
#header .h-nav nav .h-nav-list > li a {
	display: block;
	font-size: 2.646vw;
}
#header .h-nav nav .h-nav-list > li:nth-of-type(1) a {
	letter-spacing: -0.06em;
	font-size: 3.234vw;
	font-weight: 400;
}
#header .h-nav nav .h-nav-list > li::after {
	content: '';
	
	position: absolute;
	top: 1.5vw;
	right: 0;
	
	display: block;
	width: 1px;
	height: 2.8vw;
	
	background: #000;
}
#header .h-nav nav .h-nav-list > li:nth-of-type(2)::after,
#header .h-nav nav .h-nav-list > li:nth-of-type(3)::after,
#header .h-nav nav .h-nav-list > li:nth-of-type(4)::after {
	top: 1vw;
}
#header .h-nav nav .h-nav-list > li:last-child::after {
	display: none;
}
#header .h-nav nav .h-nav-list > li a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: #000;
	font-weight: 500;
}
.h-nav-holic, .h-nav-best, .h-nav-new-item, .h-nav-sale, .h-nav-event {
	padding: 0 4vw;
}
.h-nav-sale {
	/*display: none;*/
}
.h-nav-holic img {
	display: block;
	width: 17vw;
}
/* ----------------------------------------------------------
	ドロワーメニュー　オープン　menu
-------------------------------------------------------------- */
/* checkbox */
.open_checkbox {
	position: absolute;
	visibility: hidden;
	top: 0;
}

/* open/close：まとめ */
/* 第1層 */
#header .menu {
	position: fixed;
	overflow: auto;
	left: -100%;
	top: 0;
	width: 100%;
	height: auto;
	background: #fff;
	transition: 200ms linear;
	z-index: 9999;
	-webkit-overflow-scrolling: touch;
}
#header #burger_open:checked ~ .menu {
	left: 0;
}
#header .menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9998;
}
#header #burger_open:checked + .menu-overlay {
	display: block;
}
/* 第2層 */
#header .h-menu-brand ,
#header .h-menu-category {
	position: fixed;
	overflow: auto;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100vh;
	background: #fff;
	transition: 200ms linear;
	z-index: 20;
}
#header #brand_open:checked + .h-menu-brand ,
#header #category_open:checked + .h-menu-category {
	left: 0;
}
/* 第3層 */
#header .h-menu-skincare ,
#header .h-menu-face ,
#header .h-menu-eye ,
#header .h-menu-lip ,
#header .h-menu-cleansing ,
#header .h-menu-body_hair ,
#header .h-menu-onayami {
	position: fixed;
	overflow: auto;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100vh;
	background: #fff;
	transition: 200ms linear;
	z-index: 30;
}
#header #cate_skincare_open:checked + .h-menu-skincare ,
#header #cate_face_open:checked + .h-menu-face ,
#header  #cate_eye_open:checked + .h-menu-eye ,
#header  #cate_lip_open:checked + .h-menu-lip ,
#header  #cate_cleansing_open:checked + .h-menu-cleansing ,
#header  #cate_body_hair_open:checked + .h-menu-body_hair,
#header  #cate_onayami_open:checked + .h-menu-onayami{
	left: 0;
}


/* fixed エリア [dead???かも??] 
----------------------------------------------- */
#header .h-menu-brand .fixed-area ,
#header .h-menu-category .fixed-area ,
#header .h-menu-skincare .fixed-area ,
#header .h-menu-face .fixed-area ,
#header .h-menu-eye .fixed-area ,
#header .h-menu-lip .fixed-area ,
#header .h-menu-cleansing .fixed-area ,
#header .h-menu-body_hair .fixed-area,
#header .h-menu-onayami .fixed-area{
	position: fixed;
	top: 0;
	left: -100.2vw;
	right: auto;
	
	width: 100vw;
	transition: 200ms linear;
	z-index: 9999;
	color: #fff;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#header .h-menu-eye.h-menu-eye-active .fixed-area ,
#header .h-menu-lip.h-menu-lip-active .fixed-area ,
#header .h-menu-body_hair.h-menu-body_hair-active .fixed-area,
#header .h-menu-onayami.h-menu-onayami-active .fixed-area
{
	left: 0;
	transition: 200ms linear;
}


/* クローズボタン 
----------------------------------------------- */
#header .h-btn-close {
	position: absolute;
	top: 4.4vw;
	right: 5.2vw;
	
	z-index: 10;
}
#header .h-btn-close img {
	display: block;
	width: 6.8vw;
}

/* ログイン時・ログアウト時（ハンバーガーメニュー・ブランド・を開いた時：すべて共通）
---------------------------------------------------- */
/********** ログインボタン **********/
#header .h-btn-login {
	padding: 8vw 0 8vw 22vw;
	font-size: 4.116vw;
	background: url("../images/common-device/h-icon-my-2024.png") no-repeat 4.5vw 50%;
	background-size: 12.5vw auto;
}

/********** ログイン時：お客様情報表示エリア **********/
#header .login-info-area .login-info-area-box {
	padding: 1vw 38vw 0 4vw;
}
#header .login-info-area .login-info-area-box a {
	display: block;
	padding: 2.8vw 0 6vw 17vw;
	font-size: 4vw;
	letter-spacing: 0.04em;
	line-height: 1.2;
	color: #fff;
	background: url("../images/common-device/h-icon-my-2024.png") no-repeat 0 3.5vw;
	background-size: 12.5vw auto;
}

/* お客様名 */
#header .login-info-area .customer-name {
	padding: 0 0 1vw;
}

/* 会員ステージ */
#header .login-info-area .memberstage-txt {
	padding: 0 0 0.5vw;
	font-size: 3.6vw;
}

/* 会員ステージ */
#header .login-info-area .point {
}

/********** バーコード **********/
#header .fs-membershipCard__number {
	display: none;
}
#header .fs-c-membershipCard__image-outer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50%;
	margin: -6vw auto 0;
}
#header .fs-c-membershipCard__image {
	padding: 1.5vw;
	transform: rotate(90deg);
}

/********** Logout **********/
#header .h-btn-logout {
	position: absolute;
	padding: 0 5vw 2vw 0;
	font-size: 3.5vw;
	bottom: 0;
	right: 0;
}


/* 1. ハンバーガー開いた時　メニュー
---------------------------------------------------- */

#header .h-menu-first .first-menu {
	position: relative;
	padding: 9vw 9vw;
	font-size: 3.528vw;
	z-index: 11;
}
#header .h-menu-first .first-menu ul li {
	margin: 0 0 3.7vw;
}
#header .h-menu-first .first-menu ul li:last-child {
	margin: 0;
}
#header .h-menu-first .first-menu a {
	display: block;
	color: #000;
}
#header .h-menu-first .first-menu ul li label {
	display: block;
}
#header .h-menu-first .first-menu a .mark-1 {
	padding: 0 0 0 3vw;
}
#header .h-menu-first .first-menu a.font-Barlow {
	font-size: 4.116vw;
}


/* BRAND LIST
---------------------------------------------------- */
#header .h-menu-brand .h-menu-brand-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	color: #000;
	background: #fff;
}
#header .h-menu-brand .h-menu-brand-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .h-menu-brand .brand-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 0 4vw;
	background: #fff;
}
#header .h-menu-brand .brand-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-brand .brand-back .h-btn-brand-close {
	width: 17.8vw;
}

/********** PICKUPBRAND **********/
#header .h-menu-brand .h-brand-pickup {
}
#header .h-menu-brand .h-brand-pickup .sheading {
	font-size: 4.41vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-brand .h-brand-pickup ul {
	padding: 0 0 3vw;
}
#header .h-menu-brand .h-brand-pickup ul li {
	padding: 0 0 1.3vw;
}
#header .h-menu-brand .h-brand-pickup ul li a {
	display: block;
}
#header .h-menu-brand .h-brand-pickup ul li img {
	display: block;
}


/********** BRAND LIST **********/
#header .h-menu-brand .brand-list .sheading {
	border-bottom: solid 0.2vw #000000;
	font-size: 4.41vw;
	font-weight: 500;
}
#header .h-menu-brand .brand-list ul li {
	border-bottom: solid 0.2vw #dcdcdc;
	font-size: 4.41vw;
	font-weight: 500;
}

/********** brand-list-group **********/
#header .h-menu-brand .brand-list-group {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	border-bottom: solid 0.2vw #000000;
}
#header .h-menu-brand .brand-list-group .b-initial {
	width: 8vw;
}
#header .h-menu-brand .brand-list-group .b-initial {
	padding: 1.5vw 0;
	font-size: 5.29vw;
}
#header .h-menu-brand .brand-list-group .b-list {
	width: calc(100% - 8vw);
}
#header .h-menu-brand .brand-list-group .b-list ul li {
	border-bottom: solid 1px #dcdcdc;
}
#header .h-menu-brand .brand-list-group .b-list ul li:last-child {
	border-bottom: none;
}
#header .h-menu-brand .brand-list-group .b-list ul li a {
	display: block;
	padding: 1.75vw 1.75vw;
	font-size: 4.16vw;
	font-weight: 400;
	color: #000;
}


/* CATEGORY LIST
---------------------------------------------------- */

#header .h-menu-category .h-menu-category-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-category .h-menu-category-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .category-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 4vw;
	background: #fff;
}
#header .category-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .category-back .h-btn-category-close {
	width: 17.8vw;
}

/********** サブカテゴリー：見出し・back **********/
#header .sub-category-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 3vw;
	background: #fff;
}
#header .sub-category-back .h-sub-cat-heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .sub-category-back .h-btn-sub-category-close {
	width: 17.8vw;
}


/********** CATEGORY LIST **********/
#header .h-menu-category .category-list {
	border-top: solid 0.2vw #000000;
}
#header .h-menu-category .category-list .sheading {
	border-bottom: solid 0.2vw #000000;
	font-size: 3.522vw;
	font-weight: 500;
}
#header .h-menu-category .category-list ul li{
	display: block;
	border-bottom: solid 0.2vw #000000;
	padding: 1.75vw 0.2vw;
	color: #000;
	letter-spacing: -0.1em;
	font-size: 3.528vw;
	font-weight: 400;
}
#header .h-menu-category .category-list ul li a {
	display: block;
	padding: 1.75vw 0.2vw;
	color: #000;
}
#header .h-menu-category .category-list ul li label {
	display: block;
	padding: .5em 0;
}
#header .h-menu-category .category-list ul li .mark-1 {
	padding: 0 0 0 3.5vw;
}

/********** リストを隠しておく：タップで展開 **********/
#header .h-menu-category .cat-list {
	display: none;
}



/* スキンケア
---------------------------------------------------- */

#header .h-menu-skincare .h-menu-skincare-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	color: #000;
	background: #fff;
}
#header .h-menu-skincare .h-menu-skincare-box {
	padding: 6vw 7.5vw 4.5vw;
}


/********** 見出し・back **********/
#header .h-menu-skincare .skincare-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 7.5vw 6vw;
	background: #fff;
}
#header .h-menu-skincare .skincare-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-skincare .skincare-back .h-btn-skincare-close {
	width: 17.8vw;
}


/* フェイス
---------------------------------------------------- */

#header .h-menu-face .h-menu-face-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;	
	color: #000;
}
#header .h-menu-face .h-menu-face-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .h-menu-face .face-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 7.5vw 6vw;
	background: #fff;
}
#header .h-menu-face .face-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-face .face-back .h-btn-face-close {
	width: 17.8vw;
}


/* アイ
---------------------------------------------------- */

#header .h-menu-eye .h-menu-eye-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-eye .h-menu-eye-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .h-menu-eye .eye-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 7.5vw 6vw;
	background: #fff;
}
#header .h-menu-eye .eye-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-eye .eye-back .h-btn-eye-close {
	width: 17.8vw;
}


/* リップ
---------------------------------------------------- */

#header .h-menu-lip .h-menu-lip-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
}
#header .h-menu-lip .h-menu-lip-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .h-menu-lip .lip-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 7.5vw 6vw;
	background: #fff;
}
#header .h-menu-lip .lip-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-lip .lip-back .h-btn-lip-close {
	width: 17.8vw;
}


/* クレンジング
---------------------------------------------------- */

#header .h-menu-cleansing .h-menu-cleansing-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
}
#header .h-menu-cleansing .h-menu-cleansing-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .h-menu-cleansing .cleansing-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 7.5vw 6vw;
	background: #fff;
}
#header .h-menu-cleansing .cleansing-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-cleansing .cleansing-back .h-btn-cleansing-close {
	width: 17.8vw;
}


/* ボディ／ヘア
---------------------------------------------------- */

#header .h-menu-body_hair .h-menu-body_hair-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
}
#header .h-menu-body_hair .h-menu-body_hair-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .h-menu-body_hair .body_hair-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 7.5vw 6vw;
	background: #fff;
}
#header .h-menu-body_hair .body_hair-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-body_hair .body_hair-back .h-btn-body_hair-close {
	width: 17.8vw;
}


/* お悩み別
---------------------------------------------------- */

#header .h-menu-onayami .h-menu-onayami-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 100vw;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
}
#header .h-menu-onayami .h-menu-onayami-box {
	padding: 6vw 7.5vw 4.5vw;
}

/********** 見出し・back **********/
#header .h-menu-onayami .onayami-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 4.5vw 7.5vw 6vw;
	background: #fff;
}
#header .h-menu-onayami .onayami-back .heading {
	font-size: 5.3vw;
	font-weight: 500;
	color: #000;
}
#header .h-menu-onayami .onayami-back .h-btn-onayami-close {
	width: 17.8vw;
}





/********** h-second-menu-category CATEGORY LIST **********/
#header .h-second-menu-category .category-list {
	border-top: solid 0.2vw #000000;
}
#header .h-second-menu-category .category-list .sheading {
	border-bottom: solid 0.2vw #000000;
	font-size: 3.522vw;
	font-weight: 500;
}
#header .h-second-menu-category .category-list ul li .cat-m {
	display: block;
	border-bottom: solid 0.2vw #000000;
	padding: 1.75vw 0.2vw;
	font-size: 3.522vw;
	font-weight: 400;
	color: #000;
}
#header .h-second-menu-category .category-list ul li .cat-list ul li {
	border-bottom: solid 0.2vw #dcdcdc;
	font-size: 3.528vw;
	font-weight: 500;
}
#header .h-second-menu-category .category-list ul li .cat-list ul li a {
	display: block;
	padding: 1.75vw 2.3vw;
	font-size: 3.528vw;
	font-weight: 400;
	color: #000;
}
#header .h-second-menu-category .category-list ul li .cat-list ul li .mark-1 {
	padding: 0 0 0 3.5vw;
}


/* ログイン　ログアウト
---------------------------------------------------- */

#header .login_box {
	font-size: 2.7vw;
}
#header .logout_box a, #header .login_box a {
	color: #fff !important;
	font-weight: 600;
}
#header .mypage_icon {
	padding-right: 2vw;
}
#header .mypage_icon img {
	display: block;
	width: 6vw;
}
#header .memberstage-txt {
	font-size: 3vw;
}

/* ログイン時：お客様情報系を表示して、ログインボタンを隠す */
#header .login_block .login.my-true {
	display: block;
}
#header .login_block .logout.my-true {
	display: none;
}
#header .login_name .fs-l-header__welcomeMsg {
	display: block !important;
}

/* ログアウト時： ログイン側を表示して、お客様情報系を隠す */
#header .login_block .logout.my-false {
	display: block;
}
#header .login_block .login.my-false {
	display: none;
}

/* login block box */
#header .login_block .login_block-box {
	background: #ff4f03;
	color: #fff;
	width: 100%;
	font-size: 3vw;
	position: relative;
}

/* ログイン時の高さ:指定しちゃダメゼッタイ */

/* ログアウト  */
#header .logout_box .flexBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .logout_box .flexBox:first-of-type {
	margin-bottom: 1vh;
}
#header .login_name {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
#header .verticalbar {
	padding: 0 1.3vw;
}
#header .mypage_box {
	background: #FFF;
	color: #ff4f03;
	margin-left: 6.5vw;
	padding: 1vw 2vw;
	border-radius: 50vw;
}
#header .mypage_box a {
	color: #ff4f03 !important;
}
#header .logout_box .flexBox div:nth-of-type(2) {
	margin-right: 6.5vw;
	padding: 1vw 2vw;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50vw;
}
#header .logout_box .flexBox .login_name {
	width: 100%!important;
	margin-right: 0!important;
	padding: 0!important;
	text-align: left!important;
	border: none!important;
}


/* WP ログイン　ログアウト
----------------------------------------*/
#header .login_block_wp {
	background: #ff4f03;
	width: 80%;
	padding: 3.5vw 0;
	font-size: 3vw;
}
#header .login_box_wp {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 2.7vw;
}
#header .login_box_wp a {
	color: #fff !important;
}
#header .mypage_icon_wp {
	padding-right: 2vw;
}
#header .mypage_icon_wp img {
	display: block;
	width: 6vw;
}
#header .verticalbar_wp {
	padding: 0 1.3vw;
}
#header .mypage_box_wp {
	background: #FFF;
	color: #ff4f03;
	padding: 1vw 2vw;
	border-radius: 50vw;
	margin-left: 15vw;
}
#header .mypage_box_wp a {
	color: #ff4f03 !important;
}

/* -----------------------------------------------
	タブ  
----------------------------------------------- */
#header .tab-wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
}
#header .tab-wrap:after {
	content: '';
	width: 100%;
	height: 0.7vw;
	background: #fff;
	display: block;
	order: -1;
}
#header .tab-label {
	font-size: 3vw;
	color: #fff;
	border-top: 0.2vw solid #ff4f03;
	border-bottom: 0.2vw solid #FF5000;
	background-color: #ff4f03;
	white-space: nowrap;
	text-align: center;
	padding: 1vw 2vw;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
}
#header .tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/* アクティブなタブ */
#header .tab-switch:checked + .tab-label {
	background-color: #fff;
	color: #333;
	border-top: 0.2vw solid #ff4f03;
	border-bottom: 0.2vw solid #bababa;
	border-right: none;
	border-left: none;
}
#header .tab-switch:checked + .tab-label + .tab-content {
	height: auto;
	overflow: auto;
	opacity: 1;
	transition: .5s opacity;
}
/* ラジオボタン非表示 */
#header .tab-switch {
	display: none;
}
/* タブ　カテゴリ 
---------------------------------------------------- */
#header .tab_category {
	background: #FFF;
	color: #6f6f6f;
	font-size: 2.8vw;
}
#header .tab_category ul.tab_category_list {
	padding: 3.5vw 0 8vw 0;
}
#header .tab_category ul.tab_category_list li {
	margin-top: 0.5em;
	font-size: 1.2em;
	line-height: 1.2;
}
#header .tab_category ul.tab_category_list li a {
	display: block;
	padding: 2vw 0;
	letter-spacing: -0.01em;
	color: #333;
}
/* 展開 */
#header .open-close .contents-open-close {
	padding: 0 0 0 1vw;
	display: none;
}
#header .open-close.menu-active .contents-open-close {
	display: block;
	background: #eeeeee;
}
#header .open-close.menu-active .contents-open-close ul {
	padding: 1vw 0 1vw 10vw;
}
#header .open-close.menu-active .contents-open-close ul li {
	padding: 0 0 1vw 0;
	font-size: 90%;
}
/* + - ボタン*/
#header .tab_category ul.tab_category_list li.open-close .btn-open-close a {
	display: block;
	padding: 2vw 8vw;
	background: url(//skinholic.itembox.design/item/images/common-device/h-menu-icon-plus.png) no-repeat calc(100% - 3vw) 2.5vw;
	background-size: 4vw auto;
}
#header .tab_category ul.tab_category_list li.open-close.menu-active .btn-open-close a {
	background: url(//skinholic.itembox.design/item/images/common-device/h-menu-icon-minus.png) no-repeat calc(100% - 3vw) 2.5vw;
	background-size: 4vw auto;
}
/* 第二階層 */
#header .tab_category ul.tab_category_list .sub-cat a {
	display: block;
	background: none;
}
/* タブ　ブランド
---------------------------------------------------- */
#header .tab_brand {
	width: 85%;
	margin: 6vw auto 3.5vw auto;
}
#header .tab_brand ul.tab_brand_list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#header .tab_brand ul.tab_brand_list li {
	padding: 0;
	width: 31vw;
}
#header .tab_brand ul.tab_brand_list li a {
	display: block;
	padding: 0 !important;
	margin: 1vw;
}
#header .tab_brand ul.tab_brand_list li a img {
	display: block;
	width: 100%;
}
/* アバウトサイト
---------------------------------------------------- */
#header .aboutsite_block {
	width: 80%;
	margin: 0 auto 8vw 8vw;
	font-size: 2.5vw;
}
#header .aboutsite_block ul {
	list-style: none;
}
#header .aboutsite_block ul li {
	padding: 1vw 0;
}
#header .aboutsite_block ul li.career {
	/*font-size: 125%;*/
}
#header .aboutsite_block ul li a {
	display: block;
	color: #ff4f03;
	padding: 0 !important;
}
#header .aboutsite_block ul li.career a {
	color: #333;
	font-weight: bold;
}
#header .aboutsite_block ul li a:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 2vw;
	margin-left: 0.5vw;
	border: transparent solid 0.8vw;
	border-left-color: #ff4f03;
	vertical-align: 0.1vw;
}
#header .aboutsite_block ul li.career a:before {
	border-left-color: #333;
}


/* --------------------------------------------------------------------------------
	footer-sp
-------------------------------------------------------------------------------- */

#footer {
	width: 100%;
}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	tap-highlight-color: rgba(0, 0, 0, 0.8);
}
/* フッターコンテンツ
------------------------------------ */
#footer .footer-contents {
	padding: 10.5vw 0 0 0;
	color: #000;
	background: #fff;
}
/* ナビゲーション 
------------------------------------------------ */
#footer .footer_nav {
	font-size: 2.4vw;
}
#footer .footer_nav nav {
	display: flex;
}
#footer .footer_nav ul.about_site {
	display: flex;
	width: 100%;
	justify-content: space-between;
	border-top: solid 0.2vw #dcdcdc;
	border-bottom: solid 0.2vw #dcdcdc;
}
#footer .footer_nav ul.about_site li {
	width: 25%;
	border-right: solid 0.2vw #dcdcdc;
	text-align: center;
}
#footer .footer_nav ul.about_site li:nth-child(2) {
	font-size: 2.8vw;
}
#footer .footer_nav ul.about_site li:last-child {
	border-right: none;
}
#footer .footer_nav ul.about_site li a {
	display: block;
	padding: 1vw;
}
/* Family Site
------------------------------------------------ */
#footer .family_site_box .btn_family {
	position: relative;
	font-size: 2.4vw;
	z-index: 100;
	display: block;
}
#footer .family_site_box .btn_family:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 2vw;
	right: 3vw;
	border: 1vw solid transparent;
	border-top: 1.5vw solid #000;
}
#footer .family_site_box .btn_family.open {
	background: #ff4f03;
}
#footer .family_site_box .btn_family.open:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 1vw;
	right: 3vw;
	border: 1vw solid transparent;
	border-bottom: 1.5vw solid #fff;
}
/* 　open close
---------------------------------------------------- */
#footer .family_site_box {
	position: relative;
	width: 100%;
	background-color: #fff;
	z-index: 1;
}
#footer .family_site_box ul.family_site_inner > li {
	display: inline-block;
	width: 100% !important;
	border-right: none !important;
	padding: 0 !important;
}
/*#footer .family_site_box ul.family_site_inner > li > a{
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	}*/
#footer .family_site_box ul.family_site_inner > li > span.btn_family {
	text-align: left;
	color: #000;
	padding: 1vw 1vw 1vw 5vw;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
	font-size: 2.6vw;
}
#footer .family_site_box ul.family_site_inner > li > span.btn_family.open {
	background-color: #000;
	color: #FFF !important;
	padding: 1vw 1vw 1vw 5vw;
}
/*サブメニュー */
#footer .family_site_box ul.family_site_inner li ul.family_site_list {
	position: absolute;
	top: 5.7vw;
	left: 0;
	width: 99%;
	z-index: 200;
}
#footer .family_site_box ul.family_site_inner li ul.family_site_list li {
	display: block;
	width: 100% !important;
	border-right: none !important;
	text-align: left !important;
}
#footer .family_site_box ul.family_site_inner li ul.family_site_list li a {
	font-size: 2.6vw;
	background-color: #fff;
	color: #000;
	border-bottom: 0.2vw solid #787878;
	padding: 1vw !important;
}
/*#footer .family_site_box ul.family_site_inner li ul.family_site_list li a:hover{
	background-color: #fff!important;
	}

#footer .family_site_box ul.family_site_inner li ul.family_site_list{
	display: none!important;
	}
#footer .family_site_box ul.family_site_inner li:hover ul.family_site_list{
	display: block!important;
	}
*/
/* フッター　ブロック
------------------------------------ */
#footer .footer_block {
	background: #f0f0f0;
	padding: 2vw 0;
}
/* Follow us
------------------------------------ */
#footer .col_sns {
	width: 29vw;
	margin: 0 auto;
}
#footer .btn_sns {
	font-size: 3.45vw;
	text-align: center;
	margin-bottom: 1vw;
	color: #000;
}
#footer .follow_list-menu ul {
	display: flex;
	justify-content: space-between;
}
#footer .follow_list-menu ul li img {
	display: block;
	width: 7vw;
}
/* インフォメーション
------------------------------------ */
#footer .info_block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1vw 2vw 0 2vw;
}
/* ロゴ */
.f-logo {
	width: 24vw;
}
.f-logo img {
	display: block;
	width: 100%;
}
/* 住所 */
.info_box {
	font-size: 2.1vw;
	padding: 0 1vw;
	letter-spacing: 0.05em;
}
.info_box .b-hours{
	font-weight: 700;
}
.info_box .tel,
.info_box .add{
	font-weight: 500;
}
.pad_l {
	padding-left: 2vw;
}
/* お問い合わせ */
#footer .btn_contact {
	width: 17vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border: 0.1vw solid #000;
	padding: 1vw 0;
}
#footer .btn_contact_i {
	width: 5vw;
	margin: 0 auto;
}
#footer .btn_contact_i img {
	display: block;
	width: 100%;
}
#footer .btn_contact_t {
	color: #000;
	font-size: 2vw;
	text-align: center;
	font-weight: 500;
}


/* コピーライト 
------------------------------------ */
#footer .copyright {
	text-align: center;
	color: #000;
	font-size: 2.3vw;
	padding: 1.5vw 0 5vw;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
/* ページトップ
------------------------------------ */
#footer .f-btn-pagetop {
	display: flex;
	flex-direction: column;
	position: fixed;
	bottom: 49vw;
	right: 3vw;
	z-index: 9;
}
#footer .f-btn-pagetop #f-icon-pagetop img, #footer .f-btn-pagetop .f-icon-mail img {
	display: block;
	width: 6vw;
	/*border: 0.2vw solid #fff;*/
}
#footer #f-icon-pagetop {
	margin-bottom: 1vw;
}