@charset "utf-8";

/*おすすめ商品*/
#fav_recommend_items {
	width: 680px;
	margin: 0 0 40px;
}

#fav_recommend_items ul {
	width: 680px;
	margin: 0;
	padding: 0;
}

#fav_recommend_items ul li {
	width: 156px;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

#fav_recommend_items ul li:last-child {
	margin-right: 0;
}

#fav_recommend_items ul li img {
	width: 160px;
}

#fav_recommend_items ul li a {
	font-size: 80%;
}

/*おすすめブランド*/
#fav_bland_items {
	width: 680px;
	margin: 0 0 40px;
}

#fav_bland_items ul {
	width: 680px;
	margin: 0;
	padding: 0;
}

#fav_bland_items ul li {
	margin: 0 0 10px;
	padding: 0;
	display: inline-block;
	list-style: none;
}

#fav_bland_items ul li img {
	width: 100%;
}

#fav_bland_items ul li a {
	font-size: 80%;
}

/*ブランドから選ぶ*/
#fav_choice_items {
	width: 680px;
	margin: 0 0 40px;
}

#fav_choice_items ul {
	width: 680px;
	margin: 0;
	padding: 0;
}

#fav_choice_items ul li {
	width: 217px;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

#fav_choice_items ul li:last-child {
	margin: 0 0 0 0;
}

#fav_choice_items ul li img {
	width: 217px;
}

#fav_choice_items ul li a {
	font-size: 80%;
}

#lnk_choice_items {
	width: 680px;
	margin: 10px 0;
	text-align: left;
}

#lnk_choice_items a {
	width: 181px;
	height: 28px;
	margin: 0 12px 0 0;
	background: #e6e6e6;
	padding: 10px;
	display: inline-block;
	font-size: 14px;
}

#lnk_choice_items a:after {
	content: ' >';
}

.btn_readmore {
	width: 680px;
	margin: 10px 0;
	text-align: center;
}

.btn_readmore a {
	width: 680px;
	margin: 10px 0;
	background: #333;
	padding: 20px 0;
	display: block;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;

}

.btn_readmore a:after {
	content: ' >';
}


/* 写真 */
.photo img,
.sub_photo img {
	border: none;
}

/* ＰＣ用商品説明文
----------------------------------------------- */
table#item_spec th {
	width: 25%;
}

#productdetails_text {
	width: 100%;
	margin-top: 40px;
	font-size: 13px;
	font-family: "Noto Sans JP", 'Helvetica Neue', 'Helvetica', 'Arial', "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 1px;
	color: #353535;
	font-weight: 400;
}

#productdetails_text .descriptionarea {
	width: 100%;
	margin: auto;
	text-align: left;
}

#productdetails_text .descriptionarea ul {
	list-style: none;
}

#productdetails_text .descriptionarea ul li {
	border-bottom: 1px solid #A9A9A9;
	padding: 8px 10px;
	vertical-align: top;
	float: none;
}

/*-------------------------- ブランド一覧ページ（ONE＆O用） -----------------------------------*/
#oneobook_vol01 {
	width: 1000px;
	margin: 80px auto 0;
	padding: 0;
	text-align: center;
}

#oneobook_vol01 h4 {
	width: 500px;
	margin: 0 auto 20px;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #a9a9a9;
	padding: 10px 0;
}

#oneobook_vol01 h5 {
	width: 100%;
	margin: 70px auto 30px;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 1px dotted #a9a9a9;
	padding-bottom: 30px;
}

#oneobook_vol01 p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	color: #66bf97;
}

#oneobook_vol01 span {
	font-size: 14px;
	font-weight: 300;
	color: #232323;
}

#oneobook_vol01 a,
#oneobook_vol01 a:link,
#oneobook_vol01 a:visited {
	width: 450px;
	margin: 0 auto 50px;
	padding: 20px 0;
	background: #66bf97 none repeat scroll 0% 0%;
	color: #ffffff;
	border: 2px solid #66bf97;
	border-radius: 10px;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	display: block;
}

#oneobook_vol01 a:hover {
	background: #ffffff none repeat scroll 0% 0%;
	color: #66bf97;
	border: 2px solid #66bf97;
	text-decoration: none;
}

#oneo_brandarea {
	width: 1000px;
	margin: auto;
	padding: 0;
}

#oneo_brandarea img {
	width: 1000px;
	margin: 0 auto 30px;
}

#oneo_brandarea .oneo_brandindex {
	width: 100%;
	margin: 0 auto 80px;
	text-align: center;
}

#oneo_brandarea .oneo_brandindex ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#oneo_brandarea .oneo_brandindex ul li {
	width: 50px;
	display: inline-block;
	font-size: 13px;
	text-align: center;
}

#oneo_brandarea .oneo_brandindex ul li a,
#oneo_brandarea .oneo_brandindex ul li a:link,
#oneo_brandarea .oneo_brandindex ul li a:visited {
	text-decoration: none;
	display: block;
	border: 1px solid #a9a9a9;
	padding: 5px;
	color: #232323;
}

#oneo_brandarea .oneo_brandindex ul li a:hover {
	background-color: #232323;
	border: 1px solid #232323;
	color: #ffffff;
}

#oneo_brandarea .oneo_brandlist {
	width: 100%;
	margin: 0 auto 50px;
}

#oneo_brandarea .oneo_brandlist ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#oneo_brandarea .oneo_brandlist ul li {
	width: 480px;
	height: 500px;
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
}

#oneo_brandarea .oneo_brandlist ul li:nth-of-type(2n) {
	margin-right: 0;
}

#oneo_brandarea .oneo_brandlist ul li img {
	width: 100%;
	margin-bottom: 10px;
}

#oneo_brandarea .oneo_brandlist ul h4 {
	position: relative;
	padding-left: 25px;
	margin-bottom: 40px;
}

#oneo_brandarea .oneo_brandlist ul h4:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #000000;
}

#oneo_brandarea .oneo_brandlist ul h4:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #000000;
}

#oneo_brandarea .oneo_brandlist ul li p {
	width: 90%;
	margin: auto;
	font-size: 13px;
	color: #232323;
	font-weight: 300;
	line-height: 1.8;
	height: 180px;
}

#oneo_brandarea .oneo_brandlist ul li p span.brandcategory {
	font-size: 11px;
	display: block;
	margin-bottom: -10px;
}

#oneo_brandarea .oneo_brandlist ul li p span.brandcomment {
	font-size: 11px;
}

#oneo_brandarea .oneo_brandlist ul li p b.brandname {
	font-size: 15px;
	line-height: 2.5;
	letter-spacing: 1px;
}

#oneo_brandarea .oneo_brandlist ul li p b.brandname span.brandnameja {
	font-size: 70%;
}

#oneo_brandarea .oneo_brandlist ul li div.oneo_branditemmore {
	width: 100%;
	text-align: center;
}

#oneo_brandarea .oneo_brandlist ul li div.oneo_branditemmore a,
#oneo_brandarea .oneo_brandlist ul li div.oneo_branditemmore a:link,
#oneo_brandarea .oneo_brandlist ul li div.oneo_branditemmore a:visited {
	width: 200px;
	margin: 15px auto 0;
	font-size: 14px;
	text-decoration: none;
	display: block;
	background-color: #a9a9a9;
	border: 1px solid #a9a9a9;
	padding: 10px 0 8px;
	color: #ffffff;
}

#oneo_brandarea .oneo_brandlist ul li div.oneo_branditemmore a:hover {
	background-color: #232323;
	border: 1px solid #232323;
	color: #ffffff;
}

#oneo_brandarea .oneo_brandlist ul li div.oneo_authentication {
	width: 100%;
	text-align: center;
}

#oneo_brandarea .oneo_brandlist ul li div.oneo_authentication a,
#oneo_brandarea .oneo_brandlist ul li div.oneo_authentication a:link,
#oneo_brandarea .oneo_brandlist ul li div.oneo_authentication a:visited {
	width: 350px;
	margin: 15px auto 0;
	font-size: 15px;
	text-decoration: none;
	display: block;
	background-color: #aa0000;
	border: 1px solid #aa0000;
	padding: 10px 0 8px;
	color: #ffffff;
}

#oneo_brandarea .oneo_brandlist ul li div.oneo_authentication a:hover {
	background-color: #ffffff;
	border: 1px solid #aa0000;
	color: #aa0000;
}

#oneo_brandarea .oneo_brandlist ul li div.oneo_authentication a.oneo_contact {
	padding: 0;
	margin: -15px auto 0;
	border: none;
	color: #aa0000;
	background: none;
}

#page_topreturn {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	background: #000000;
	opacity: 1.0;
	border-radius: 50%;
}

#page_topreturn a,
#page_topreturn a:link,
#page_topreturn a:visited {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

#page_topreturn a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '¥f106';
	font-size: 25px;
	color: #ffffff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -12px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}


/*-------------------------- ブランド一覧ページ（クリニック・サロンん） -----------------------------------*/
#doctorsBrandArea {}

.brand-directory {
	box-sizing: border-box;
	margin-bottom: 3rem;
}

.brand-directory * {
	box-sizing: border-box;
}

.brand-directory--doctors {}

#main_column h2.brand-directory__title {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 700;
	font-size: 26px;
	text-align: center;
	border: unset;
	margin: 0 0 1rem;
	padding: 0;
	line-height: 1;
	background: unset;
}

.brand-directory__lead {
	display: grid;
	gap: 1rem;
	margin-bottom: 3rem;
}

.brand-directory__lead-image {}

.brand-directory__lead-image-item {
	display: block;
	width: 100%;
}

.brand-directory__lead-text {
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.5;
}

.brand-directory__inner {
	display: grid;
	gap: 2rem;
}

.brand-directory__index {
	display: block;
	position: relative;
	z-index: 1;
}

.brand-directory__index-list {
	font-size: 0.875rem;
	line-height: 1;
	display: flex;
	justify-content: center;
	gap: 0.75em;
	font-weight: 400;
}

.brand-directory__index-item {}

a.brand-directory__index-link {
	color: #333;
	border: 1px solid #a9a9a9;
	padding: 0.5em;
	display: block;
}

.is-disabled a.brand-directory__index-link {
	border-color: #a9a9a9;
	cursor: none;
	pointer-events: none;
	background: #a9a9a9;
}

.brand-directory__sections {
	display: grid;
	gap: 5rem;
	box-sizing: border-box;
}

.brand-directory__sections * {
	box-sizing: border-box;
}

.brand-directory__section {
	display: grid;
	gap: 1.5rem;
	margin-top: -130px;
	padding-top: 130px;
}

.brand-directory__section-header {}

.brand-directory__section-title {
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 2px solid currentColor;
}

.brand-directory__section-body {
	position: relative;
	z-index: 1;
}

.brand-directory__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem 1rem;
}

.brand-directory__item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 1;
}

.brand-directory__item[data-channel="salon"] {
	display: none;
}

body[data-banner-code-cache*='"addSalesChannelToBody_salon":true'] .brand-directory__item[data-channel="salon"] {
	display: grid;
}

.brand-card {
	border: 1px solid #d9d9d9;
	font-size: 0.813rem;
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	padding-bottom: 1em;
}

a.brand-card__image-link {
	display: block;
}

.brand-card__image {
	display: block;
	width: 100%;
	height: auto;
}

.brand-card__content {
	padding: 0 1em;
}

.brand-card__category {
	font-size: 0.846em;
	margin-bottom: 1.5em;
}

.brand-card__name-en {
	font-weight: bold;
	line-height: 1.5;
}

.brand-card__name-ja {
	font-size: 0.846em;
	font-weight: bold;
	margin-bottom: 1em;
	min-height: 1lh;
}

.brand-card__description {
	line-height: 1.75;
}

.brand-card__footer {
	margin-top: auto;
}

a.brand-card__more-link {
	display: block;
	background: #000;
	color: #fff;
	line-height: 1;
	width: fit-content;
	padding: 0.75em 1.5em;
	margin: 0 auto;
}

.brand-card__more-link::after {}




#page_topreturn {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	background: #000000;
	opacity: 1.0;
	border-radius: 50%;
}

#page_topreturn a,
#page_topreturn a:link,
#page_topreturn a:visited {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

#page_topreturn a:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #ffffff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -12px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

/*-------------------------- 動画一覧ページ -----------------------------------*/
#documentarea {
	width: 1200px;
	margin: auto;
	padding: 0;
	color: #232323;
}

#documentarea h3 {
	font-size: 35px;
	margin: 30px 0;
	padding: 20px 0 0;
	text-align: center;
	font-family: "Noto Sans JP", 'Helvetica Neue', 'Helvetica', 'Arial', "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#documentarea p.document_comment {
	text-align: center;
	font-size: 14px;
	line-height: 1.7;
}

#documentarea p.document_subcomment {
	text-align: center;
	font-size: 12px;
	line-height: 1.7;
	margin: 0 auto 100px;
}

#documentarea .document_contact a,
#documentarea .document_contact a:link,
#documentarea .document_contact a:visited {
	width: 250px;
	margin: 30px auto 70px;
	font-size: 15px;
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	border: 1px solid #565656;
	padding: 14px 0 12px;
	color: #565656;
	text-align: center;
}

#documentarea .document_contact a:hover {
	background-color: #232323;
	border: 1px solid #232323;
	color: #ffffff;
}

#documentarea .brandindex {
	width: 100%;
	margin: 0 auto 40px;
	text-align: center;
}

#documentarea .brandindex ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#documentarea .brandindex ul li {
	width: 50px;
	display: inline-block;
	font-size: 13px;
	text-align: center;
}

#documentarea .brandindex ul li a,
#documentarea .brandindex ul li a:link,
#documentarea .brandindex ul li a:visited {
	text-decoration: none;
	display: block;
	border: 1px solid #a9a9a9;
	padding: 5px;
	color: #232323;
}

#documentarea .brandindex ul li a:hover {
	background-color: #232323;
	border: 1px solid #232323;
	color: #ffffff;
}

#documentarea .movie_brandlist {
	width: 100%;
	margin: 0 auto 50px;
}

#documentarea .movie_brandlist ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#documentarea .movie_brandlist ul li {
	width: 375px;
	height: 600px;
	display: inline-block;
	margin-right: 22px;
	vertical-align: top;
}

#documentarea .movie_brandlist ul li img {
	width: 100%;
	margin-bottom: 10px;
}

#documentarea .movie_brandlist ul h4 {
	position: relative;
	padding-left: 25px;
	margin-bottom: 40px;
}

#documentarea .movie_brandlist ul h4:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #000000;
}

#documentarea .movie_brandlist ul h4:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #000000;
}

#documentarea .movie_brandlist ul li p {
	width: 90%;
	margin: auto;
	font-size: 13px;
	color: #232323;
	font-weight: 300;
	line-height: 1.7;
	height: 200px;
}

#documentarea .movie_brandlist ul li p span.brandcategory {
	font-size: 11px;
	display: block;
	margin-bottom: -10px;
}

#documentarea .movie_brandlist ul li p span.brandcomment {
	font-size: 10px;
}

#documentarea .movie_brandlist ul li p b.brandname {
	font-size: 15px;
	line-height: 2.5;
	letter-spacing: 1px;
}

#documentarea .movie_brandlist ul li p b.brandname span.brandnameja {
	font-size: 70%;
	margin: -10px 0 -15px;
	display: block;
}

#documentarea .movie_brandlist ul li div.movie_productitem {
	width: 100%;
	text-align: center;
}

#documentarea .movie_brandlist ul li div.movie_productitem a,
#documentarea .movie_brandlist ul li div.movie_productitem a:link,
#documentarea .movie_brandlist ul li div.movie_productitem a:visited {
	width: 200px;
	margin: 0 auto 0;
	font-size: 14px;
	text-decoration: none;
	display: block;
	background-color: #a9a9a9;
	border: 1px solid #a9a9a9;
	padding: 10px 0 8px;
	color: #ffffff;
}

#documentarea .movie_brandlist ul li div.movie_productitem a:hover {
	background-color: #232323;
	border: 1px solid #232323;
	color: #ffffff;
}

#documentarea .movie_brandlist ul li div.documentdata {
	width: 100%;
	text-align: center;
}

#documentarea .movie_brandlist ul li div.documentdata a,
#documentarea .movie_brandlist ul li div.documentdata a:link,
#documentarea .movie_brandlist ul li div.documentdata a:visited {
	width: 150px;
	margin: 0 auto 15px;
	font-size: 13px;
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	border: 1px solid #565656;
	padding: 10px 0 8px;
	color: #565656;
}

#documentarea .movie_brandlist ul li div.movie_productitem a:hover {
	background-color: #232323;
	border: 1px solid #232323;
	color: #ffffff;
}

#documentarea .movie_brandlist ul li div.oneo_authentication {
	width: 100%;
	text-align: center;
}

#documentarea .movie_brandlist ul li div.oneo_authentication a,
#documentarea .movie_brandlist ul li div.oneo_authentication a:link,
#documentarea .movie_brandlist ul li div.oneo_authentication a:visited {
	width: 350px;
	margin: 15px auto 0;
	font-size: 15px;
	text-decoration: none;
	display: block;
	background-color: #aa0000;
	border: 1px solid #aa0000;
	padding: 10px 0 8px;
	color: #ffffff;
}

#documentarea .movie_brandlist ul li div.oneo_authentication a:hover {
	background-color: #ffffff;
	border: 1px solid #aa0000;
	color: #aa0000;
}

#documentarea .movie_brandlist ul li div.oneo_authentication a.oneo_contact {
	padding: 0;
	margin: -15px auto 0;
	border: none;
	color: #aa0000;
	background: none;
}

p.secretattention {
	width: 500px;
	margin: 0 auto 30px;
	border: 2px solid #dd0000;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: #dd0000;
	font-weight: bold;
}


/* ★注意書き　※ご確認ください */
.attention_ttl {
	border: solid #66bf97;
	border-width: 3px 3px 1px;
	background: #ffffff;
	text-align: center;
	color: #66bf97;
	padding: 5px 0px;
	font-weight: bold;
}

.attention_outer {
	border: solid #66bf97;
	border-width: 0px 3px 3px;
	background: #ffffff;
	text-align: center;
	color: #232323;
	padding: 5px 0px;
}

.attention_outer .attention {
	color: #66bf97;
	/*display: none;*/
}

/* .attention_outer:after {
	content: "\Aこの製品は数に限りがあるため、１施設様（１アカウント）１回限りのご注文となりますため、\A重複でのご注文はできかねます。\A大変恐れ入りますが、ご理解いただけますようよろしくお願い申し上げます。\A\A株式会社ヘッドスプリング \ATEL.03-6709-8183\A\A";
	white-space: pre;
} */

/*-------------------------------------------------------------
 *****ページタイトル
---------------------------------------------------------------*/
#pagetitle {
	width: 300px;
	font-size: 24px;
	text-align: center;
	border-bottom: #221714 solid 2px;
	margin: 10px auto 30px;
	padding: 0 20px 5px;
	letter-spacing: 2px;
}

/*-------------------------------------------------------------
 *****会社概要
---------------------------------------------------------------*/
#page_cn #company_info {
	width: 800px;
	margin: auto;
}

#page_cn #company_info ul {
	width: 100%;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page_cn #company_info ul li {
	font-size: 16px;
	line-height: 1.5;
	border-bottom: 1px solid #A9A9A9;
	padding: 10px 0;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

#page_cn #company_info ul li span {
	color: #70a876;
	font-weight: 600;
}

#page_cn #company_info ul li:nth-child(odd) {
	width: 30%;
	vertical-align: 50%;
}

#page_cn #company_info ul li:nth-child(even) {
	width: 60%;
}

/*-------------------------------------------------------------
 *****FAQページ
---------------------------------------------------------------*/
.faq_area {
	width: 680px;
}

.faq_area h4 {
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	background-color: #232323;
	padding-bottom: 5px;
	padding: 10px 0;
	border-radius: 20px;
	text-indent: 20px;
}

.faq_area .faq_questioncategory {
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0 5px;
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	text-indent: 20px;
}

.faq_area .faq_question {
	font-size: 17px;
	text-indent: 20px;
	font-weight: 600;
	color: #4aa97e;
	margin: 15px 0 5px;
}

.faq_area .faq_answer p {
	font-size: 14px;
	margin-bottom: 30px;
	padding-bottom: 0;
	font-weight: 200;
	border-bottom: none;
	text-indent: -1.2em;
	padding-left: 4.0em;
	line-height: 22px;
}

.faq_area .faq_answer p span {
	font-size: 14px;
	border: 1px solid #333333;
	margin-top: 10px;
	padding: 10px 0;
	display: block;
	border-radius: 10px;
	text-align: center;
	text-indent: -0em;
}

/*.faq_area .faq_answer p span a:link,a:visited {text-decoration: none; color:#ad002c; }
/*.faq_area .faq_answer p span a:hover {text-decoration: none; color:#ad002c; }*/
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 40px;
	bottom: 40px;
	background: #232323;
	opacity: 1.0;
	border-radius: 50%;
}

#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

#page_top a::before {
	font-family: FontAwesome;
	content: ' \f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 38px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

/*-------------------------------------------------------------
 *****ヘッドスプリングTOPページ
---------------------------------------------------------------*/
#headstore_nomember {
	width: 1000px;
	margin: 30px auto 70px;
	text-align: center;
}

#headstore_nomember p {
	font-size: 16px;
	color: #232323;
	line-height: 1.8;
	margin: 0 0 10px;
}

#headstore_nomember p span {
	font-weight: 600;
}

#headstore_nomember a:link,
#headstore_nomember a:visited {
	width: 450px;
	margin: 0 20px;
	padding: 20px 0;
	background-color: #9bc8ab;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	border: 2px solid #9bc8ab;
}

#headstore_nomember a:hover,
#headstore_nomember a:active {
	background-color: #ffffff;
	border: 2px solid #9bc8ab;
	font-size: 18px;
	color: #9bc8ab;
	display: inline-block;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	zoom: 1;
}

#headstore_category {
	width: 100%;
	margin: 50px auto 0;
	padding: 0;
	color: #232323;
	text-align: center;
}

#headstore_category ul {
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 0;
}

#headstore_category ul li.clinic {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	background-color: #f6f3f4;
}

#headstore_category ul li.salon {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	background-color: #f6e5d7;
}

#headstore_category ul li.gym {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	background-color: #dde6e0;
}

#headstore_category ul li div.saleschannel {
	width: 1000px;
	margin: auto;
}

#headstore_category ul li a:link,
#headstore_category ul li a:visited,
#headstore_category ul li a:hover,
#headstore_category ul li a:active {
	text-decoration: none;
	font-size: 15px;
	color: #ffffff;
}

#headstore_category ul li a div.imgWrap {
	overflow: hidden;
	/*拡大時にはみ出た部分を隠す*/
	width: 100%;
	/*画像の幅*/
	height: auto;
	/*画像の高さ*/
	margin: 0 0 0;
}

#headstore_category ul li a div.imgWrap img {
	width: 100%;
	display: block;
	transition-duration: 0.3s;
	/*変化に掛かる時間*/
}

#headstore_category ul li a div.imgWrap img:hover {
	transform: scale(1.1);
	/*画像の拡大率*/
	transition-duration: 0.3s;
	/*変化に掛かる時間*/
}

#headstore_category ul li p.categoryname {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
}

/*#headstore_category {width: 100%; margin: 50px auto 0; color: #ffffff; text-align: center; background-color: #9bc8ab; padding: 60px 0; font-size: 14px;}
#headstore_category ul {width: 1000px; margin: auto; list-style: none; padding: 0;}
#headstore_category ul li {width: 450px; margin: 0 20px; display: inline-block; text-align: right;}
#headstore_category ul li a:link,
#headstore_category ul li a:visited,
#headstore_category ul li a:hover,
#headstore_category ul li a:active {text-decoration: none; font-size: 15px; color: #ffffff;}
#headstore_category ul li a div.imgWrap {overflow: hidden; width: 100%; height: auto; margin: 0 0 8px;}
#headstore_category ul li a div.imgWrap img {width: 100%;display: block; transition-duration: 0.3s;}
#headstore_category ul li a div.imgWrap img:hover {transform: scale(1.1); transition-duration: 0.3s;}
#headstore_category ul li p.categoryname {font-size: 35px; margin: 0; padding: 20px 0 0; text-align: center; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}*/

#headstore_contents01 {
	width: 100%;
	margin: 0;
	text-align: center;
}

.contents_subtitle01 {
	margin-bottom: 1rem;
}

#headstore_contents01 ul {
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 0;
}

#headstore_contents01 ul li:last-child {
	margin: 0 0;
}

#headstore_contents01 ul li img {
	width: 100%;
	margin: 0 0 8px;
}

#headstore_contents01 ul.onecolumn li {
	width: 100%;
	margin: 0 auto 1rem;
	padding: 0;
	list-style: none;
	text-align: right;
}

#headstore_contents01 ul.onecolumn li img {
	width: 100%;
	margin-bottom: 0;
}

#headstore_contents01 .twocolumn {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}

#headstore_contents01 ul.twocolumn li img {
	width: 100%;
	margin-bottom: 8px;
}

#headstore_contents01 ul.threecolumn li {
	width: calc(94.5% / 3);
	padding: 0;
	list-style: none;
	text-align: right;
	display: inline-block;
}

#headstore_contents01 ul.threecolumn li:nth-of-type(1),
#headstore_contents01 ul.threecolumn li:nth-of-type(2),
#headstore_contents01 ul.threecolumn li:nth-of-type(4),
#headstore_contents01 ul.threecolumn li:nth-of-type(5) {
	margin: 0 2% 30px 0;
}

#headstore_contents01 ul.threecolumn li:nth-of-type(3),
#headstore_contents01 ul.threecolumn li:nth-of-type(6) {
	margin: 0 0 30px 0;
}

#headstore_contents01 ul.threecolumn li img {
	width: 100%;
	margin-bottom: 8px;
}

#headstore_contents01 ul li a:link,
#headstore_contents01 ul li a:visited,
#headstore_contents01 ul li a:hover,
#headstore_contents01 ul li a:active {
	text-decoration: none;
	font-size: 0.75rem;
	color: #333;
	display: block;
}

#headstore_contents02 {
	width: 100%;
	margin: 50px auto;
	text-align: center;
}

#headstore_contents02 ul {
	width: 1000px;
	margin: auto;
	list-style: none;
	padding: 0;
}

#headstore_contents02 ul li {
	width: 317px;
	margin: 0 20px 0 0;
	display: inline-block;
	text-align: right;
}

#headstore_contents02 ul li:last-child {
	margin: 0 0 0 0;
}

#headstore_contents02 ul li img {
	width: 100%;
	margin: 0 0 8px;
}

#headstore_contents02 ul li a:link,
#headstore_contents02 ul li a:visited,
#headstore_contents02 ul li a:hover,
#headstore_contents02 ul li a:active {
	text-decoration: none;
	font-size: 13px;
	color: #232323;
}

#new_items {
	width: 100%;
	margin: 60px auto 80px;
	padding: 0;
}

#new_items ul {
	width: 1000px;
	margin: 0 auto 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

#new_items ul li {
	width: 19%;
	margin: 0;
	display: inline-block;
	text-align: center;
}

#new_items ul li b {
	font-size: 14px;
	font-weight: 300;
	color: #000000;
}

#new_items ul li img {
	width: 100%;
	margin-right: 10px;
	margin-top: 5px;
}

#new_items ul li a:link,
#new_items ul li a:visited {
	text-decoration: none;
	color: #232323;
	font-size: 13px;
	font-weight: 300;
}

#new_items ul li a:hover,
#new_items ul li a:active {
	color: #f68b98;
}

#main_column .history_list .block_body .product_item .productContents h3 a:link,
#main_column .history_list .block_body .product_item .productContents h3 a:visited {
	font-size: 11px;
}

#main_column .history_list .block_body .product_item .productImage a img {
	mix-blend-mode: darken;
}

.contents_subtitle01 p {
	margin: 0 auto 10px;
	font-weight: 600;
	font-size: 0.875rem;
	letter-spacing: 0.075em;
	display: flex;
	align-items: center;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.contents_subtitle01 p:before,
.contents_subtitle01 p:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
}

.contents_subtitle01 p:before {
	margin-right: .85em;
}

.contents_subtitle01 p:after {
	margin-left: .85em;
}

.contents_subtitle02 p {
	width: 500px;
	margin: 0 auto 10px;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.contents_subtitle02 p:before,
.contents_subtitle02 p:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #ffffff;
	display: block;
}

.contents_subtitle02 p:before {
	margin-right: .85em;
}

.contents_subtitle02 p:after {
	margin-left: .85em;
}

.contents_subtitle03 p {
	width: 100%;
	margin: 0 auto 20px;
	padding: 10px 0;
	font-weight: 600;
	font-size: 22px;
	background-color: #000000;
	color: #ffffff;
	letter-spacing: 2px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	text-align: center;
}


/*-------------------------------------------------------------
 *****ラブミータッチ
---------------------------------------------------------------*/
.cpcontainer_lmt {
	width: 1000px;
	margin: 0 auto;
}

.cpcontainer_lmt h3.cptitle {
	width: 600px;
	font-size: 30px;
	margin: 80px auto 0;
	padding: 0 0 10px;
	font-weight: 300;
	line-height: 1.7;
	color: #000000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
}

.cpcontainer_lmt p.topcomment {
	width: 600px;
	margin: 0 auto 100px;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 2.2;
	color: #47545e;
	text-align: left;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.cpcontainer_lmt ul.lmtlist {
	width: 1000px;
	margin: 0 auto 80px;
	padding: 0;
	list-style: none;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 60px 0;
}

ul.lmtlist:before {
	content: "";
	width: 45%;
	display: block;
	order: 1;
}

.cpcontainer_lmt ul.lmtlist h3 {
	width: 1000px;
	margin: 70px auto 20px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}

.cpcontainer_lmt ul.lmtlist h3:before,
.cpcontainer_lmt ul.lmtlist h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000000;
	display: block;
}

.cpcontainer_lmt ul.lmtlist h3:before {
	margin-right: .85em;
}

.cpcontainer_lmt ul.lmtlist h3:after {
	margin-left: .85em;
}

.cpcontainer_lmt ul.lmtlist li {
	width: 22%;
	margin: 1% 1% 40px;
	display: inline-block;
	text-align: center;
}

.cpcontainer_lmt ul.lmtlist li.twocol {
	width: 45%;
	margin: 1% 1% 40px;
	display: block;
	text-align: center;
	float: none !important;
}

.cpcontainer_lmt ul.lmtlist li.threecol {
	width: 30%;
	margin: 1% 1% 40px;
	display: flex;
	text-align: center;
	float: none !important;
	flex-direction: column;
	gap: 10px 0;
}

.cpcontainer_lmt ul.lmtlist li.col-4 {
	width: calc(100% / 4);
	display: flex;
	text-align: center;
	float: none !important;
	flex-direction: column;
	gap: 10px 0;
	margin: 0;
}

.cpcontainer_lmt ul.lmtlist li.col-4 .lmtcart {
	padding: 1em 2em;
	line-height: 1;
	width: fit-content;
	font-size: 1rem;
	margin-top: auto;
}

ul.lmtlist.price_card:before {
	content: "";
	display: block;
	width: calc(100% / 4);
	order: 1;
}

ul.lmtlist.price_card:after {
	content: "";
	display: block;
	width: calc(100% / 4);
	order: 2;
}

.cpcontainer_lmt ul.lmtlist li.threecol a.lmtcart {
	margin-top: auto;
}

.cpcontainer_lmt ul.lmtlist li img {
	width: 100%;
	margin-right: 10px;
	margin-top: 5px;
}

.cpcontainer_lmt ul.lmtlist li a.lmtbtn:link,
.cpcontainer_lmt ul.lmtlist li a.lmtbtn:visited {
	display: block;
	width: 80%;
	margin: auto;
	padding: 12px 0;
	border: 2px solid #000000;
	background-color: #000000;
	text-decoration: none;
	color: #ffffff;
	font-size: 15px;
	font-weight: 300;
}

.cpcontainer_lmt ul.lmtlist li a.lmtbtn:hover,
.cpcontainer_lmt ul.lmtlist li a.lmtbtn:active {
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #000000;
}

.cpcontainer_lmt .bnrarea {
	width: 700px;
	margin: 0 auto;
}

.cpcontainer_lmt .bnrarea p {
	width: 98%;
	margin: 0 auto 50px;
	padding: 15px 0;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.7;
	color: #232323;
	text-align: left;
}

.cpcontainer_lmt .bnrarea h3.bnrtitle {
	width: 700px;
	font-size: 18px;
	margin: 80px auto 0;
	padding: 0 0 10px;
	font-weight: 600;
	line-height: 1.7;
	color: #000000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	text-align: center;
}

.cpcontainer_lmt ul.lmtlist h3.newdebut {
	color: #a80027;
	font-weight: 600;
	font-size: 25px;
}

.cpcontainer_lmt ul.lmtlist h3.newdebut:before,
.cpcontainer_lmt ul.lmtlist h3.newdebut:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #a80027;
	display: block;
}

.cpcontainer_lmt ul.lmtlist h3.newdebut:before {
	margin-right: .85em;
}

.cpcontainer_lmt ul.lmtlist h3.newdebut:after {
	margin-left: .85em;
}

.seriesarea {
	width: 100%;
	margin: 60px auto 50px;
	padding: 0;
	text-align: center;
}

.seriesarea img.seriesatitle {
	width: 500px;
	margin: auto;
	padding: 0;
	display: block;
}

.seriesarea ul img.seriescategory {
	width: 400px;
	margin: auto;
	padding: 0;
	display: block;
}

.seriesarea ul {
	width: 100%;
	margin: auto;
	padding: 20px 0;
	list-style: none;
	text-align: center;
}

.seriesarea ul li.series_onecolumn {
	display: inline-block;
	width: 90%;
	margin: 10px auto 30px;
}

.seriesarea ul li.series_onecolumn img {
	width: 100%;
}

li.twocol a {
	display: block;
}

a.lmtcart:link,
a.lmtcart:visited {
	display: block;
	width: 75%;
	margin: 1em auto 0;
	padding: 1em;
	border: 2px solid #111111;
	background-color: #111111;
	text-decoration: none;
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	border-radius: 0;
	box-sizing: border-box;
	line-height: 1;
}

a.lmtcart:hover,
a.lmtcart:active {
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #000000;
}

a.lmtcart.product_30ml {
	margin-bottom: 20px;
}

ul.lmtlist.price_card {
	justify-content: flex-start;
}

ul.lmtlist.price_card li.threecol {
	width: calc(94% / 3);
}

/* レヴェイエプライスカードセクション */
.price-card-section {
	margin-bottom: 80px;
}

.price-card-section .title__h3 {
	width: 1000px;
	margin: 70px auto 20px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}

.price-card-section .title__h3:before,
.price-card-section .title__h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000000;
	display: block;
}

.price-card-section .title__h3:before {
	margin-right: .85em;
}

.price-card-section .title__h3:after {
	margin-left: .85em;
}


/*-------------------------------------------------------------
 *****アップセルクロスセル
---------------------------------------------------------------*/
.upcellcrosscell {
	width: 80%;
	margin: 70px auto;
	padding: 0;
	text-align: center;
}

.upcellcrosscell ul.cell {
	width: 100%;
	margin: auto;
	padding: 0;
	text-align: center;
	list-style: none;
}

.upcellcrosscell ul.cell li.cel_onecol {
	display: block;
	width: 100%;
	margin: 0 auto 30px;
	padding: 0;
	text-align: center;
	list-style: none;
	float: none !important;
}

.upcellcrosscell ul.cell li.cel_twocol {
	display: inline-block;
	width: 45%;
	margin: 0 1% 30px;
	padding: 0;
	text-align: center;
	list-style: none;
	float: none !important;
}

.upcellcrosscell ul.cell li.cel_threecol {
	display: inline-block;
	width: 30%;
	margin: 0 1% 30px;
	padding: 0;
	text-align: center;
	list-style: none;
	float: none !important;
}

img.upcelltitle {
	width: 100%;
	margin: 0 auto 30px;
	padding: 0;
	text-align: center;
	list-style: none;
}

img.upcellproducts {
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
	text-align: center;
	list-style: none;
}

div.listrightbloc h3 {
	text-overflow: clip;
	white-space: unset;
}


/* 商品詳細ページセレクトボックスタイル */
#detailrightbloc .classlist_chkbox .option {
	text-align: center;
}

#detailrightbloc .classlist_chkbox .chk_class_title {
	font-size: 14px;
	font-weight: bold;
	color: #ff5454;
	display: inline-block;
	margin: 0 0 10px;
}

#detailrightbloc .classlist_chkbox {
	box-sizing: border-box;
	border: 1px solid #ff5454;
	padding: 2rem 4rem;
	width: fit-content;
}


#detailrightbloc .chk_class {
	display: flex;
	gap: .5em;
	margin-bottom: .75em;
}

#detailrightbloc .validate\[required\] {
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	width: auto;
	text-align: center;
	flex: 0 1 auto;
}

#detailrightbloc .chk_class .validate\[required\]+label {
	flex: 0 1 auto;
}

#detailrightbloc .classlist_chkbox .option {
	width: fit-content;
	margin: 0 auto;
}

/* br style */
.pcNone {
	display: none;
}

.spNone {
	display: block;
}

/* 詳細ページテーブル */
.sd-iteminfo .empty-value {
	display: none;
}


/* ログインセクション */
.cart_area #cart:has(a[href*="/mypage/login.php"]) {
	text-align: center;
	line-height: 3;
}

.cart_area #cart a {
	display: block;
	background: #29a980;
	border-radius: 4px;
	line-height: 1;
	width: 80%;
	margin: 0 auto;
	padding: 1em 3em;
	color: #fff;
	box-sizing: border-box;
}

.cart_area #cart i {
	padding-left: 0 !important;
}


/* 商品動画セミナー画像非表示 */
img[src="/user_data/packages/raku2pc/img/banner/movie_image_bn.jpg"] {
	display: none;
}

/* 商品詳細ページ掛率表示部分：クリニック専売品サロンユーザーは非表示 */
body:has(.sales-channel--salon)[data-product-channel="clinic"] .sale_price,
body:has(.sales-channel--salon)[data-product-channel="clinic"] .raku2_price02_zero_hide {
	display: none;
}


/* アイテムカテゴリーリスト */
.item-category-list__list {
	font-size: 0.875rem;
	line-height: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	font-weight: bold;
}

a.item-category-list__link {
	color: #333;
	text-align: center;
	display: block;
	border: 1px solid #333;
	border-radius: 999px;
	padding: 1em 0.5em;
}