@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: 297px 0 0;
	max-width: 1000px;
	line-height: 1.5;
	font-weight: 400;
	text-size-adjust: 100%;
	font-family:'Noto Sans', sans-serif;
	font-family:'Noto Sans JP', sans-serif;
}
img {
	max-width: 100%;
}

/* --------------------------------------------------------------------------------
	タグ1px
-------------------------------------------------------------------------------- */
.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;
	tont-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-pc {
	display: block;
}
.device-pc-inline {
	display: inline;
}
.device-sp {
	display: none;
}
.device-sp-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-pc
-------------------------------------------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	right: auto;
	left: auto;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	border-bottom: solid 4.5px #dcdcdc;
	background: #fff;
	font-size: 32px;
	z-index: 9997;
}

/********** headline **********/
#header .headline {
	padding: 28px 0 20px 4px;
	text-align: center;
	font-size: 26.46px;
	background: #f0f0f0;
}

/* ヘッダー 
---------------------------------------------------- */
#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 .h-contents {
	width: 100%;
	height: 140px;
	padding: 0;
	position: relative;
}
/* アイコン 
------------------------------------- */
#header .icon {
	position: relative;
	margin: 12px 10px 0 11px;
}
#header .icon_wishlist img{
	display: block;
	width: 50px;
}
#header .icon_cart img {
	display: block;
	width: 51px;
}
#header .icon_cart {
	position: relative;
	width: 72px;
	height: 37px;
	margin: 0 0 0 16px;
}
#header .icon_cart .icon img {
	position: relative;
	margin-top: -3px;
}
#header .icon_cart a {
	display: block;
	position: absolute;
	top: -3px;
	left: 1px;
}
#header span.fs-client-cart-count {
	position: absolute;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 35px;
	height: 35px;
	padding: 1px;
	text-align: center;
	background-color: #000;
	border-radius: 100%;
	font-size: 20px;
	color: #FFF;
	right: -35px;
	bottom: 25px;
}
/*  MENUボタン 
-----------------------------------*/
#header .h-btn-menu {
	position: absolute;
	top: 45px;
	left: 62px;
}
#header .h-btn-menu img {
	display: block;
	width: 70px;
}

/* 検索 
-----------------------------------*/
#header .icon_search {
	position: relative;
}
#header .icon_search img {
	position: absolute;
	display: block;
	top: 57px;
	left: 167px;
	width: 45px;
	cursor: pointer;
}
#header .icon_search div.ac1 {
	padding: 20px 0 0 170px;
}

/********** 検索 **********/
#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: 25px 60px;
	background: #f0f0f0;
}
#header .h-search-area form .search-box {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background: #fff;
}
#header .h-search-area form .search-box input[type="text"] {
	display: block;
	width: 100%;
	border-radius: 0;
	padding: 0 20px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	color: #000000 !important;
	border: none;
	margin: 0 auto;
}
#header .h-search-area form .search-box input[type="image"] {
	display: block;
	width: 45px;
	height: auto;
	border-radius: 0;
}

/* ロゴ、アイコン
-----------------------------------*/
#header .header_logo {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	top: 45.5px;
	right: 55px;
}
/* ロゴ 
-----------------------------------*/
#header .h-logo h1 {
	width: 294px;
	margin:40px auto 0 auto;
	/*padding: 0 100px 0 0;*/
}
#header .h-logo h1 img {
	display: block;
	width: 294px;
}
/*  ----------------------------------------------------------
	ナビゲーション 
 ---------------------------------------------------------- */
/* ヘッダー季節装飾 */
#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: 30px;
	padding-left: 0;
	list-style: none;
	margin: 0;
	height: 83px;
	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;
	white-space: nowrap;
	text-decoration: none;
	color: #000;
	font-size: 26.46px;
	font-weight:500;
}
#header .h-nav nav .h-nav-list > li:nth-of-type(1) a {
	font-size: 32.34px;
	font-weight: 400;
}
#header .h-nav nav .h-nav-list > li::after {
	content: '';
	
	position: absolute;
	top: 16px;
	right: 0;
	
	display: block;
	width: 1px;
	height: 26px;
	
	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: 10px;
}
#header .h-nav nav .h-nav-list > li:last-child::after {
	display: none;
}
.h-nav-holic, .h-nav-best, .h-nav-new-item, .h-nav-sale, .h-nav-event {
	padding: 0 40px;
}
.h-nav-sale {
	/*display: none;*/
}
.h-nav-holic img {
	display: block;
	width: 170px;
}
/* ----------------------------------------------------------
	ドロワーメニュー　オープン　menu
-------------------------------------------------------------- */
/* checkbox */
.open_checkbox {
	position: absolute;
	visibility: hidden;
	top: 0;
}

/* open/close：まとめ */
/* 第1層 */
#header .menu {
	position: fixed;
	overflow: auto;
	left: -200vw;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
	transition: 200ms linear;
	z-index: 9999;
	-webkit-overflow-scrolling: touch;
}
#header #burger_open:checked ~ .menu {
	position: absolute;
	left: 0;
}
.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9998;
}
#burger_open:checked + .menu-overlay {
	display: block;
}

/* 第2層 */
#header .h-menu-brand ,
#header .h-menu-category {
	position: fixed;
	overflow: auto;
	top: 0;
	left: -200vw;
	width: 1000px;
	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: calc(50% - 500px);
}
/* 第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: -200vw;
	width: 1000px;
	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: calc(50% - 500px);
}

/* クローズボタン 
----------------------------------------------- */
#header .h-btn-close {
	position: absolute;
	top: 44px;
	right: 52px;
	
	z-index: 10;
}
#header .h-btn-close img {
	display: block;
	width: 68px;
}

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

/********** ログイン時：お客様情報表示エリア **********/
#header .login-info-area .login-info-area-box {
	padding: 10px 380px 0 40px;
}
#header .login-info-area .login-info-area-box a {
	display: block;
	padding: 28px 0 60px 170px;
	font-size: 40px;
	letter-spacing: 0.04em;
	line-height: 1.2;
	color: #fff;
	background: url("../images/common-device/h-icon-my-2024.png") no-repeat 0 35px;
	background-size: 125px auto;
}

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

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

/* 会員ステージ */
#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: -35px auto 30px;
}
#header .fs-c-membershipCard__image {
	padding: 15px;
}

/********** Logout **********/
#header .h-btn-logout {
	position: absolute;
	padding: 0 50px 20px 0;
	font-size: 42px;
	bottom: 0;
	right: 0;
}


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

#header .h-menu-first .first-menu {
	position: relative;
	padding: 40px 90px;
	font-size: 35.28px;
	z-index: 11;
}
#header .h-menu-first .first-menu ul li {
	padding: 0 0 37px;
}
#header .h-menu-first .first-menu ul li:last-child {
	padding: 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.font-Barlow {
}
#header .h-menu-first .first-menu a .mark-1 {
	padding: 0 0 0 30px;
}


/* BRAND LIST
---------------------------------------------------- */

#header .h-menu-brand .h-menu-brand-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 820px;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-brand .h-menu-brand-box {
	padding: 60px 75px 45px;
}


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

/********** PICKUPBRAND **********/
#header .h-menu-brand .h-brand-pickup {
}
#header .h-menu-brand .h-brand-pickup .sheading {
	font-size: 44px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-brand .h-brand-pickup ul {
	padding: 0 0 30px;
}
#header .h-menu-brand .h-brand-pickup ul li {
	padding: 0 0 13px;
}
#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 2px #000000;
	font-size: 44px;
	font-weight: 500;
}
#header .h-menu-brand .brand-list ul li {
	border-bottom: solid 2px #dcdcdc;
	font-size: 44px;
	font-weight: 500;
}

/********** brand-list-group **********/
#header .h-menu-brand .brand-list-group {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	border-bottom: solid 2px #000000;
}
#header .h-menu-brand .brand-list-group .b-initial {
	width: 80px;
}
#header .h-menu-brand .brand-list-group .b-initial {
	padding: 15px 0;
	font-size: 53px;
}
#header .h-menu-brand .brand-list-group .b-list {
	width: calc(100% - 80px);
}
#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: 17.5px 17.5px;
	font-size: 41px;
	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: 820px;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-category .h-menu-category-box {
	padding: 60px 75px 45px;
}

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

/********** CATEGORY LIST **********/
#header .h-menu-category .category-list {
	border-top: solid 2px #000000;
}
#header .h-menu-category .category-list .sheading {
	border-bottom: solid 2px #000000;
	font-size: 35px;
	font-weight: 500;
}
#header .h-menu-category .category-list ul li{
	display: block;
	border-bottom: solid 2px #000000;
	padding: 17.5px 2px;
	color: #000;
	font-size: 35px;
	font-weight: 500;
}
#header .h-menu-category .category-list ul li a {
	display: block;
	padding: 17.5px 2px;
	font-size: 35px;
	font-weight: 400;
	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 35px;
}

/********** リストを隠しておく：タップで展開 **********/
#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: 820px;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-skincare .h-menu-skincare-box {
	padding: 60px 75px 45px;
}


/********** 見出し・back **********/
#header .h-menu-skincare .skincare-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 45px 75px 60px;
	background: #fff;
}
#header .h-menu-skincare .skincare-back .heading {
	font-size: 53px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-skincare .skincare-back .h-btn-skincare-close {
	width: 178px;
}


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

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

/********** 見出し・back **********/
#header .h-menu-face .face-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 45px 75px 60px;
	background: #fff;
}
#header .h-menu-face .face-back .heading {
	font-size: 53px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-face .face-back .h-btn-face-close {
	width: 178px;
}


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

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

/********** 見出し・back **********/
#header .h-menu-eye .eye-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 45px 75px 60px;
	background: #fff;
}
#header .h-menu-eye .eye-back .heading {
	font-size: 53px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-eye .eye-back .h-btn-eye-close {
	width: 178px;
}


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

#header .h-menu-lip .h-menu-lip-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 820px;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-lip .h-menu-lip-box {
	padding: 60px 75px 45px;
}

/********** 見出し・back **********/
#header .h-menu-lip .lip-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 45px 75px 60px;
	background: #fff;
}
#header .h-menu-lip .lip-back .heading {
	font-size: 53px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-lip .lip-back .h-btn-lip-close {
	width: 178px;
}


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

#header .h-menu-cleansing .h-menu-cleansing-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 820px;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-cleansing .h-menu-cleansing-box {
	padding: 60px 75px 45px;
}

/********** 見出し・back **********/
#header .h-menu-cleansing .cleansing-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 45px 75px 60px;
	background: #fff;
}
#header .h-menu-cleansing .cleansing-back .heading {
	font-size: 53px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-cleansing .cleansing-back .h-btn-cleansing-close {
	width: 178px;
}


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

#header .h-menu-body_hair .h-menu-body_hair-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 820px;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-body_hair .h-menu-body_hair-box {
	padding: 60px 75px 45px;
}

/********** 見出し・back **********/
#header .h-menu-body_hair .body_hair-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 45px 75px 60px;
	background: #fff;
}
#header .h-menu-body_hair .body_hair-back .heading {
	font-size: 53px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-body_hair .body_hair-back .h-btn-body_hair-close {
	width: 178px;
}


/* お悩み別
---------------------------------------------------- */
#header .h-menu-onayami .h-menu-onayami-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	width: 100%;
	min-height: 820px;
	max-height: 100vh;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background: #fff;
	color: #000;
}
#header .h-menu-onayami .h-menu-onayami-box {
	padding: 60px 75px 45px;
}

/********** 見出し・back **********/
#header .h-menu-onayami .onayami-back {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 45px 75px 60px;
	background: #fff;
}
#header .h-menu-onayami .onayami-back .heading {
	font-size: 53px;
	font-weight: 500;
	color: #000;
}
#header .h-menu-onayami .onayami-back .h-btn-onayami-close {
	width: 178px;
}




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

/********** h-second-menu-category CATEGORY LIST **********/
#header .h-second-menu-category .category-list {
	border-top: solid 2px #000000;
}
#header .h-second-menu-category .category-list .sheading {
	border-bottom: solid 2px #000000;
	font-size: 35.28px;
	font-weight: 500;
}
#header .h-second-menu-category .category-list ul li .cat-m {
	display: block;
	border-bottom: solid 2px #000000;
	padding: 17.5px 2px;
	font-size: 35.28px;
	font-weight: 400;
	color: #000;
}
#header .h-second-menu-category .category-list ul li .cat-list {
}
#header .h-second-menu-category .category-list ul li .cat-list ul li {
	border-bottom: solid 2px #dcdcdc;
	font-size: 35.28px;
	font-weight: 500;
}
#header .h-second-menu-category .category-list ul li .cat-list ul li a {
	display: block;
	padding: 17.5px 23px;
	font-size: 35.28px;
	font-weight: 400;
	color: #000;
}
#header .h-second-menu-category .category-list ul li .cat-list ul li .mark-1 {
	padding: 0 0 0 35px;
}



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

#header .login_box {
	font-size: 27px;
}
#header .logout_box a, #header .login_box a {
	color: #fff !important;
	font-weight: 600;
}
#header .mypage_icon {
	padding-right: 20px;
}
#header .mypage_icon img {
	display: block;
	width: 60px;
}

#header .memberstage-txt {
	font-size: 30px;
}

/* ログイン時：お客様情報系を表示して、ログインボタンを隠す */
#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: flex;
}
#header .login_block .login.my-false {
	display: none;
}

/* login block box */
#header .login_block .login_block-box {
	width: 100%;
	font-size: 30px;
	position: relative;
	background: #ff4f03;
}

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

/* ログアウト  */
#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 13px;
}
#header .mypage_box {
	background: #FFF;
	color: #ff4f03;
	margin-left: 65px;
	padding: 10px 20px;
	border-radius: 500px;
}
#header .mypage_box a {
	color: #ff4f03 !important;
}
#header .logout_box .flexBox div:nth-of-type(2) {
	margin-right: 65px;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 500px;
}
#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: 35px 0;
	font-size: 30px;
}
#header .login_box_wp {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 27px;
}
#header .login_box_wp a {
	color: #fff !important;
}
#header .mypage_icon_wp {
	padding-right: 20px;
}
#header .mypage_icon_wp img {
	display: block;
	width: 60px;
}
#header .verticalbar_wp {
	padding: 0 13px;
}
#header .mypage_box_wp {
	background: #FFF;
	color: #ff4f03;
	padding: 10px 20px;
	border-radius: 500px;
	margin-left: 150px;
}
#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: 7px;
	background: #fff;
	display: block;
	order: -1;
}
#header .tab-label {
	font-size: 30px;
	color: #fff;
	border-top: 2px solid #ff4f03;
	border-bottom: 2px solid #FF5000;
	background-color: #ff4f03;
	white-space: nowrap;
	text-align: center;
	padding: 10px 20px;
	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: 2px solid #ff4f03;
	border-bottom: 2px 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: 28px;
}
#header .tab_category ul.tab_category_list {
	padding: 35px 0 80px 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: 20px 0;
	letter-spacing: -0.01em;
	color: #333;
}
/* 展開 */
#header .open-close .contents-open-close {
	padding: 0 0 0 10px;
	display: none;
}
#header .open-close.menu-active .contents-open-close {
	display: block;
	background: #eeeeee;
}
#header .open-close.menu-active .contents-open-close ul {
	padding: 10px 0 10px 100px;
}
#header .open-close.menu-active .contents-open-close ul li {
	padding: 0 0 10px 0;
	font-size: 90%;
}
/* + - ボタン*/
#header .tab_category ul.tab_category_list li.open-close .btn-open-close a {
	display: block;
	padding: 20px 80px;
	background: url(//skinholic.itembox.design/item/images/common-device/h-menu-icon-plus.png) no-repeat calc(100% - 30px) 25px;
	background-size: 40px 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% - 30px) 25px;
	background-size: 40px auto;
}
/* 第二階層 */
#header .tab_category ul.tab_category_list .sub-cat a {
	display: block;
	background: none;
}
/* タブ　ブランド
---------------------------------------------------- */
#header .tab_brand {
	width: 85%;
	margin: 60px auto 35px 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: 310px;
}
#header .tab_brand ul.tab_brand_list li a {
	display: block;
	padding: 0 !important;
	margin: 10px;
}
#header .tab_brand ul.tab_brand_list li a img {
	display: block;
	width: 100%;
}
/* アバウトサイト
---------------------------------------------------- */
#header .aboutsite_block {
	width: 80%;
	margin: 0 auto 80px 80px;
	font-size: 25px;
}
#header .aboutsite_block ul {
	list-style: none;
}
#header .aboutsite_block ul li {
	padding: 10px 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: 20px;
	margin-left: 5px;
	border: transparent solid 8px;
	border-left-color: #ff4f03;
	vertical-align: 1px;
}
#header .aboutsite_block ul li.career a:before {
	border-left-color: #333;
}

/********** オーバーレイ **********/
.menu-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	
	display: none;
	
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
/* ハンバーガーメニューがアクティブなときに表示する */
body.menu-active .menu-overlay {
	display: block;
}

/* --------------------------------------------------------------------------------
	footer-pc
-------------------------------------------------------------------------------- */

#footer {
	width: 100%;
	font-size: 32px;
}
#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: 15px 0 0 0;
	color: #000;
	background: #fff;
}
/* ナビゲーション 
------------------------------------------------ */
#footer .footer_nav {
	font-size: 26px;
}
#footer .footer_nav nav {
	display: flex;
}
#footer .footer_nav ul.about_site {
	display: flex;
	width: 100%;
	justify-content: space-between;
	border-top: solid 2px #dcdcdc;
	border-bottom: solid 2px #dcdcdc;
}
#footer .footer_nav ul.about_site li {
	width: 25%;
	border-right: solid 2px #dcdcdc;
	text-align: center;
}
#footer .footer_nav ul.about_site li:nth-child(2) {
	font-size: 30px;
}
#footer .footer_nav ul.about_site li:last-child {
	border-right: none;
}
#footer .footer_nav ul.about_site li a {
	display: block;
	padding: 8px;	
}
#footer .footer_nav ul.about_site li:nth-child(2) a{
	display: block;
	padding: 5px;	
}

/* Family Site
------------------------------------------------ */
#footer .family_site_box .btn_family {
	position: relative;
	z-index: 1;
	display: block;
}
#footer .family_site_box .btn_family:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 20px;
	right: 30px;
	border: 10px solid transparent;
	border-top: 15px 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: 10px;
	right: 30px;
	border: 10px solid transparent;
	border-bottom: 15px 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;
	font-size: 31px;
	padding: 5px 10px 5px 40px;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
#footer .family_site_box ul.family_site_inner > li > span.btn_family.open {
	background-color: #000;
	color: #FFF !important;
	padding: 5px 10px 5px 40px;
}
/*サブメニュー */
#footer .family_site_box ul.family_site_inner li ul.family_site_list {
	position: absolute;
	top: 57px;
	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: 26px;
	background-color: #fff;
	color: #000;
	border-bottom: 2px solid #787878;
	padding: 10px !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: 15px 0 20px 0;
}
/* Follow us
------------------------------------ */
#footer .col_sns {
	width: 290px;
	margin: 0 auto;
}
#footer .btn_sns {
	font-size: 35px;
	text-align: center;
	margin-bottom: 5px;
	color: #000;
}
#footer .follow_list-menu ul {
	display: flex;
	justify-content: space-between;
}
#footer .follow_list-menu ul li img {
	display: block;
	width: 70px;
}
/* インフォメーション
------------------------------------ */
#footer .info_block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px 0 20px;
}
/* ロゴ */
.f-logo {
	width: 240px;
}
.f-logo img {
	display: block;
	width: 100%;
}
/* 住所 */
.info_box {
	font-size: 21px;
	padding: 0 10px;
	letter-spacing: 0.05em;
}
.info_box .b-hours{
	font-weight: 700;
}
.info_box .tel,
.info_box .add{
	font-weight: 500;
}
.pad_l {
	padding-left: 20px;
}
/* お問い合わせ */
#footer .btn_contact {
	width: 170px;
	margin: 0 auto 10px auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border: 1px solid #000;
	padding: 4px 0;
}
#footer .btn_contact_i {
	width: 50px;
	margin: 0 auto;
}
#footer .btn_contact_i img {
	display: block;
	width: 100%;
}
#footer .btn_contact_t {
	color: #000;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
}
/* コピーライト 
------------------------------------ */
#footer .copyright {
	text-align: center;
	color: #000;
	font-size: 23px;
	padding: 15px 0 50px;
	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: 30px;
	right: 30px;
	z-index: 9;
}
#footer .f-btn-pagetop #f-icon-pagetop img, #footer .f-btn-pagetop .f-icon-mail img {
	display: block;
	width: 60px;
	/*border: 2px solid #fff;*/
}
#footer #f-icon-pagetop {
	margin-bottom: 10px;
}