@charset "utf-8";
/* CSS Document */

/*　PC表示　width: 1200px～;　*/



/*******************************************************************************
　　リセット【PC表示】
*******************************************************************************/


body {
	font-size: 1.6rem;
}


/*　カラム調整
------------------------------------------------------------------------------*/


/*　メイン　*/

.fs-l-sideArea + .fs-l-pageMain,
.fs-l-pageMain + .fs-l-sideArea {
	max-width: 840px;
}


/*　アサイド　*/

.fs-l-sideArea {
	max-width: initial;
	width: 288px;
}



/*******************************************************************************
　　オリジナルスタイル【PC表示】
*******************************************************************************/


/*　画像レイアウト　*/

.img_Full,
.img_Left,
.img_Right {
	margin: 3.0em 0;
}

.img_Left,
.img_Right {
	display: flex;
	align-items: flex-start;
	gap: 4%;
}

.img_Right {
	flex-direction: row-reverse;
}

.img_Left img,
.img_Right img {
	flex-shrink: 0;
	width: 48%;
}

.img_Left div h2:nth-of-type(1),
.img_Left div p:nth-of-type(1),
.img_Right div h2:nth-of-type(1),
.img_Right div p:nth-of-type(1) {
	margin-top: 0;
}



/*******************************************************************************
　　共通パーツ【PC表示】
*******************************************************************************/


/*　リセット
------------------------------------------------------------------------------*/


/*　ページ見出し　*/

.fs-c-heading--page {
	margin: 30px 0 50px;
	font-size: 2.8rem;
}



/*　重要なお知らせ（ページ上部）
------------------------------------------------------------------------------*/


.header_notice br {
	display: none;
}



/*　汎用パーツ｜送料告知
------------------------------------------------------------------------------*/


/*　カート画面　*/

.fs-body-cart #cartButton_returnTarget {
margin: 0 0 1.0em;
}



/*　汎用パーツ｜ラッピングについて
------------------------------------------------------------------------------*/


dl.about_wrapping {
	margin-bottom: 16px !important;
}




/*******************************************************************************
　　各種ボタン【PC表示】
*******************************************************************************/


/*　ショッピングカート
------------------------------------------------------------------------------*/


.fs-c-cartPayment__button.fs-c-buttonContainer--loginAndPurchase span.fs-c-button__label::after,
.fs-c-cartPayment__button.fs-c-buttonContainer--unregisteredUserPurchase span.fs-c-button__label::after {
	font-size: 1.3rem;
}



/*******************************************************************************
　　ヘッダー【PC表示】
*******************************************************************************/


/*　ヘッダー上部固定
------------------------------------------------------------------------------*/


.fs-l-header:not(.fs-l-header.fs-l-header--min) {
	position: sticky;
	top: 0;
	z-index: 5555;
	background-color: #fff;
}



/*　ヘッダーイントロ
------------------------------------------------------------------------------*/


.header_intro .wrapper p {
	color: inherit;
	font-size: 1.2rem;
}



/*　ヘッダーコンテンツ
------------------------------------------------------------------------------*/


.header_contents .wrapper,
.header_contents_simple .wrapper {
	height: 48px;
}


/*　ストアロゴ　*/

.header_contents .wrapper .storelogo img,
.header_contents_simple .wrapper .storelogo img {
	height: 30px;
}


/*　ユーティリティー　*/

.header_contents .wrapper .utility {
	display: flex;
	gap: 60px;
	margin-bottom: 8px;
}


/*　ユーティリティー ＞ ウェルカムメッセージ（PCタブレット専用）　*/

.header_contents .wrapper .utility .welcomeMessage {
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #4c3737;
	font-size: 1.6rem;
	font-weight: bold;
}

.header_contents .wrapper .utility .welcomeMessage .point {
	font-size: 1.3rem;
}

.header_contents .wrapper .utility .welcomeMessage ul.login {
	display: flex;
	font-size: 1.3rem;
}

.header_contents .wrapper .utility .welcomeMessage ul.login li:first-child::after {
	content: "｜";
	margin: 0 6px;
}

.header_contents .wrapper .utility .welcomeMessage .point.login--false,
.header_contents .wrapper .utility .welcomeMessage .login.login--true  {
	display: none;
}


/*　ユーティリティー ＞ 会員関連ボタン・カートボタン　*/

.header_contents .wrapper .utility ul.button {
	gap: 20px;
}

.header_contents .wrapper .utility ul.button li span:not(.fs-p-cartItemNumber) {
	font-size: 1.2rem;
}



/*　デスクトップ用グローバルナビ
------------------------------------------------------------------------------*/


.desktop_globalNavi {
	border-bottom: 1px solid #dbcece;
	background-color: #f4f0f0;
}

.desktop_globalNavi ul {
	display: flex;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}

.desktop_globalNavi ul li {
	flex: 1;
	position: relative;
	font-size: 1.5rem;
}

.desktop_globalNavi ul li:first-child::before,
.desktop_globalNavi ul li::after {
	content: "";
	width: 1px;
	height: 60%;
	position: absolute;
	top: 20%;
	background-color: #dbcece;
}

.desktop_globalNavi ul li:first-child::before {
	left: 0;
}

.desktop_globalNavi ul li::after {
	right: 0;
}

.desktop_globalNavi ul li a {
	display: block;
	padding: 10px 0;
	color: #4c3737;
	font-weight: bold;
}

.desktop_globalNavi ul li a:hover {
	text-decoration: none;
	opacity: 0.5;
}



/*　モバイル用グローバルナビ
------------------------------------------------------------------------------*/


.mobile_globalNavi {
	display: none;
}



/*　モバイル用ドロワーメニュー
------------------------------------------------------------------------------*/


.mobile_drawerMenu {
	display: none;
}



/*******************************************************************************
　　ドロワーメニュー・サイドエリア【PC表示】
*******************************************************************************/


/*　サイドエリア：リセット
------------------------------------------------------------------------------*/


.fs-l-sideArea {
	font-size: 1.4rem;
	padding: 0;
}


/*　サイドエリア：Amazon Pay バナープログラム
------------------------------------------------------------------------------*/

.fs-l-sideArea .banner_amazonPay {
	height: 90px;
	margin-bottom: 2.0em;
}


/*　サイドエリア：キーワード検索
------------------------------------------------------------------------------*/


.fs-l-sideArea .fs-p-searchForm button::before {
	font-size: 2.6rem;
	line-height: 1.4;
}


/*　サイドエリア：商品一覧
------------------------------------------------------------------------------*/


.fs-l-sideArea dl.productList {
	margin: 2.0em 0;
}

.fs-l-sideArea dl.productList dt {
	position: relative;
	margin-top: 12px;
	padding: 5px 10px;
	font-weight: bold;
	background-color: #ece5e5;
}

.fs-l-sideArea dl.productList dt a {
	display: block;
	color: #4c3737;
}

.fs-l-sideArea dl.productList dd {
	position: relative;
	margin-top: 6px;
	line-height: 1.2;
	background-color: #faf8f8;
}

.fs-l-sideArea dl.productList dt::after,
.fs-l-sideArea dl.productList dd::after {
	position: absolute;
	font: var(--fa-font-solid);
	content: "\f054";
	top: 50%;
	right: 7px;
	margin-top: -0.5em;
	font-size: 1.2rem;
}

.fs-l-sideArea dl.productList dd a {
	display: flex;
	align-items: center;
	padding: 5px 0;
	color: #4c3737;
}

.fs-l-sideArea dl.productList dt a:hover,
.fs-l-sideArea dl.productList dd a:hover {
	text-decoration: none;
	opacity: 0.5;
}

.fs-l-sideArea dl.productList dd img {
	width: auto;
	height: 44px;
	margin-left: 5px;
	margin-right: 15px;
}


/*　サイドエリア：営業カレンダー
------------------------------------------------------------------------------*/


.calendar_wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 40px auto;
	padding: 15px 20px;
	border: 1px solid #dbcece;
}

.calendar_wrapper table caption {
	margin-bottom: 6px;
	padding: 2px 0;
	background-color: #ece5e5;
}



/*******************************************************************************
　　フッター【PC表示】
*******************************************************************************/



/*　モバイル用グローバルナビ（ボトム固定）調整
------------------------------------------------------------------------------*/


footer.display_bottomNavi {
	padding-bottom: 0;
}



/*　フッターナビゲーション
------------------------------------------------------------------------------*/


.footer_navi {
	display: flex;
	justify-content: space-around;
	max-width: 1000px;
	margin: 2.0em auto;
}

.footer_navi dl dt {
	pointer-events: none;
	font-weight: bold;
}

.footer_navi dl dd ul {
	margin-top: 7px;
	font-size: 1.4rem;
}

.footer_navi dl dd ul li {
	margin-top: 3px;
}



/*******************************************************************************
　　トップページ【PC表示】
*******************************************************************************/


/*　カルーセル
------------------------------------------------------------------------------*/

.fs-c-slick .slick-prev,
.fs-c-slick .slick-next {
	top: 47.5%;
}



/*　お知らせ
------------------------------------------------------------------------------*/


ul.top_notice li {
	line-height: inherit;
}

ul.top_notice li time {
	display: inline-block;
	margin-right: 1.5em;
	margin-bottom: 0;
}



/*******************************************************************************
　　商品グループ・商品詳細・レビュー関連　リセット【PC表示】
*******************************************************************************/


/*　商品グループ（リセット）
------------------------------------------------------------------------------*/


/*　商品一覧　*/

.fs-c-productList__list {
	grid-template-columns: calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px);
}


/*　商品詳細（リセット）
------------------------------------------------------------------------------*/


/*　バリエーション選択スライダーパーツ｜レイアウト　*/

.fs-c-variationPanelList__list {
	grid-auto-flow: column;
}


/*　在庫なし表示　*/

.fs-c-productNotice--outOfStock {
	margin-bottom: 25px !important;
}



/*******************************************************************************
　　商品グループ・商品詳細　スタイル調整【PC表示】
*******************************************************************************/


/*　商品グループ（独自コメント）
------------------------------------------------------------------------------*/


/*　カテゴリリスト　*/

ul.categoryList {
	display: flex;
	flex-wrap: wrap;
	gap: 0 30px;
}

ul.categoryList li {
	width: calc((100% - 30px) / 2);
}

ul.categoryList li:nth-of-type(-n+2) {
	border-top: 1px solid #d4cecc;
}

ul.categoryList li img {
	width: 150px;
}


/*　商品詳細｜共通
------------------------------------------------------------------------------*/


/*　再入荷予定情報｜商品独自コメント（3）　*/

.restock_schedule {
	margin: -25px 0 25px !important;
}


/*　フリーパーツ｜商品詳細 レビュー見出し　*/

#review_heading {
	margin-top: -110px;
	padding-top: 110px;
}

#review_heading .headline2 {
	margin-bottom: 1.0em;
}


/*　フリーパーツ｜商品詳細 カートボタンまで戻る　*/

.return_cartButton {
	display: none;
}


/*　商品バリエーション（香り）　*/

ul.variety_scent {
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
}

ul.variety_scent li {
	width: 48%;
}

ul.variety_scent li:nth-of-type(-n+2) {
	border-top: 1px solid #d4cecc;
}

ul.variety_scent li img {
	height: 80px;
}


/*　商品バリエーション（ばすそると3種の香りセット専用）　*/

ul.variety_bathsalt3set {
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
}

ul.variety_bathsalt3set li {
	width: 48%;
}

ul.variety_bathsalt3set li:nth-of-type(-n+2) {
	border-top: 1px solid #d4cecc;
}

ul.variety_bathsalt3set li img {
	height: 80px;
}


/*　サイズ表　*/

#sizechart .caption span {
	display: none;
}


/*　商品の特長　*/

.merit_description {
	margin: 3.0em 0;
}



/*　購入オプション｜ラッピング（化粧箱放送）
------------------------------------------------------------------------------*/


/*　休止時｜独自コメント（1）　*/

body.fs-body-product-900-0001 .wrapping_pause {
	font-size: 1.48rem;
}



/*　オリジナル｜ごろ寝ひのき枕
------------------------------------------------------------------------------*/


/*　高さ調整　*/

.goronehinoki_height ul {
	display: table;
}

.goronehinoki_height ul li {
	display: table-cell;
}


/*　パシーマ 共通（特集ページを含む）
------------------------------------------------------------------------------*/


/*　特長　*/

.merit_description dl.pasima dd {
	display: flex;
	align-items: flex-start;
	column-gap: 45px;
}

.merit_description dl.pasima dd img {
	flex-shrink: 0;
	width: 40%;
	margin: 10px 0 0;
}


/*　エコテックス規格100　*/

.oekotexstandard100 {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	column-gap: 4%;
	margin: 3.0em 0;
}

.oekotexstandard100 h2.caption {
	margin-top: 0;
}

.oekotexstandard100 img {
	flex-shrink: 0;
	width: 38%;
	margin: 0;
}


/*　エコテックス規格100　*/

.celebration_gift {
	display: flex;
	align-items: flex-start;
	column-gap: 4%;
	margin: 3.0em 0;
}

.celebration_gift h2.caption {
	margin-top: 0;
}

.celebration_gift img {
	flex-shrink: 0;
	width: 48%;
	margin: 0;
}



/*　a・sarari（あさらり）共通
------------------------------------------------------------------------------*/


/*　麻の種類　*/

.asarari_materials {
	padding: 20px 30px;
}
.asarari_materials ul {
	display: flex;
	gap: 6%;
}

.asarari_materials ul li {
	width: 47%;
}



/*******************************************************************************
　　特集ページ
*******************************************************************************/


/*　特集ページ｜※共通
------------------------------------------------------------------------------*/


/*　特集ページ用 商品一覧　*/

.feature_variations ul li {
	width: calc((100% - 45px) / 4);
}



/*　特集ページ｜パシーマ
------------------------------------------------------------------------------*/


/*　パシーマ商品ページへ移動（購入）　*/

.pasimaPurchase {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.pasimaPurchase .fs-c-button--secondary {
	flex-direction: row;
	justify-content: center;
}



/*******************************************************************************
　　告知ページ【PC表示】
*******************************************************************************/


/*　メンテナンス中
------------------------------------------------------------------------------*/


#fs_StoreClosed h1 {
	margin: 120px 0 30px;
	font-size: 2.6rem;
}



/*******************************************************************************
　　フリーページ【PC表示】
*******************************************************************************/


/*　ご利用ガイド
------------------------------------------------------------------------------*/


/*　ページ内リンク位置調整　*/

#delivery,
#payment,
#wrapping,
#point,
#receipt,
#telorder,
#cancel,
#return {
	margin-top: -110px;
	padding-top: 110px;
}


/*　メニュー　*/

ul.guide_menu {
	gap: 10px 2%;
}

ul.guide_menu li {
	width: 32%;
}

ul.guide_menu li a:hover {
	opacity: 0.5;
}


/*　配送・送料｜送料　*/

table.postage {
	width: auto;
	min-width: 50%;
}


/*　お支払い｜代引手数料　*/

table.daibiki {
	width: auto;
	min-width: 50%;
}


/*　ストア情報・会社情報
------------------------------------------------------------------------------*/


dl.store_information,
dl.company_information {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #d4cecc;
}

dl.store_information dt,
dl.company_information dt {
	width: 23%;
	margin: 0 !important;
	padding: 1.0em 1.5em;
	line-height: inherit;
}

dl.store_information dd,
dl.company_information dd {
	width: 77%;
	padding: 1.0em 1.5em;
}

dl.store_information dt:nth-of-type(n+2),
dl.store_information dd:nth-of-type(n+2),
dl.company_information dd:nth-of-type(n+2),
dl.company_information dt:nth-of-type(n+2) {
	border-top: 1px solid #d4cecc;
}


/*　Google Map　*/

.google_map {
	padding-top: 56.25%;
}


/*　社屋外観　*/

ul.companyimage {
	display: flex;
	justify-content: space-between;
	column-gap: 3%;
}

ul.companyimage li {
	margin: 0;
}



/*　お問い合わせ
------------------------------------------------------------------------------*/


/*　フォームメーラープラス　*/

.inquiry_form {
	padding: 1.0em 4.0em;
}



/*　各種お知らせ
------------------------------------------------------------------------------*/


/*　日程　*/

ul.scheduled_date {
	flex-direction: row;
	justify-content: center;
	gap: 1.5em;
}


/*　価格改定のお知らせ　*/

.price_revision .caption span {
	display: none;
}

.price_revision table td br {
	display: none;
}



/*******************************************************************************
　　カート・注文【PC表示】
*******************************************************************************/


/*　ショッピングカート
------------------------------------------------------------------------------*/


/*　グリッド幅調整　*/

.fs-body-cart .fs-l-cart__contentsArea {
	grid-template-columns: 1fr 365px;
}


/*　フリーパーツ｜在庫未確保説明　*/

.cart_notSecure {
	margin-bottom: 1.5em;
	padding: 8px 10px;
}



/*　注文手続き
------------------------------------------------------------------------------*/


/*　グリッド幅調整　*/

[class^=fs-body-checkout] .fs-l-checkout__sideColumn {
	flex-basis: 340px;
	min-width: 340px;
}



/*******************************************************************************
　　マイページ【PC表示】
*******************************************************************************/


/*　マイページ｜トップ 
------------------------------------------------------------------------------*/


/*　マイページコンテンツ表示エリア　*/

.fs-body-my-top .fs-p-accountInfo {
	flex-basis: 29%;
}

.fs-body-my-top .fs-c-accountService {
	flex-basis: 70%;
}



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








/*******************************************************************************
　　【PC表示】
*******************************************************************************/


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





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