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

/*　タブレット表示　width: 768px～1199px;　*/



/*******************************************************************************
　　リセット【タブレット表示】
*******************************************************************************/


body {
	font-size: 1.6rem;
}



/*******************************************************************************
　　オリジナルスタイル【タブレット表示】
*******************************************************************************/


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





/*******************************************************************************
　　共通パーツ【タブレット表示】
*******************************************************************************/



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


.header_notice br {
	display: none;
}



/*******************************************************************************
　　ヘッダー【タブレット表示】
*******************************************************************************/


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


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



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


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


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

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


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

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

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

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

.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: 12px;
}



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


.mobile_drawerMenu_wrapper {
	max-width: 600px;
	margin: 0 auto;
}



/*******************************************************************************
　　フッター【タブレット表示】
*******************************************************************************/


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





/*******************************************************************************
　　トップページ【タブレット表示】
*******************************************************************************/


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

.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;
}



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


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


/*　商品一覧　*/

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


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


/*　在庫なし表示　*/

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




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


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


/*　カテゴリリスト　*/

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: 120px;
}


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


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

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


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

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

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


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

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;
}



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


/*　高さ調整　*/

.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.4em;
}

.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.4em;
}

.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;
}



/*******************************************************************************
　　告知ページ【タブレット表示】
*******************************************************************************/


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


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



/*******************************************************************************
　　フリーページ【タブレット表示】
*******************************************************************************/


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


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

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


/*　メニュー　*/

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

ul.guide_menu li {
	width: 32%;
}


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

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;
}



/*******************************************************************************
　　【タブレット表示】
*******************************************************************************/


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





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