@charset "UTF-8";

/*
■ リセット

■ テキスト・フォント設定

■ 変数設定

■ カラー設定

■ 横幅最大値・左右余白設定

■ ヘッダー
■ 検索

■ グローバルナビ
■ ドロワー

■ Stage

■ SNS
■ フッター

■ メインバナー
■ ランキング
■ ランキング（関連特集マスタ）
■ 最近見た商品
■ おすすめ商品（プラグイン）


■ 下層ページレイアウト

■ パン屑リスト

■ コンテンツ領域
■ サイドナビ（ご利用ガイドに使用）

■ 見出し

■ リード・画像

■ 商品情報

■ セクション
■ 関連情報

■ カラム

■ リスト
■ 記述リスト
■ 表組み
■ 囲み
■ よくある質問（旧class）

■ タブメニュー
■ CSSスライダー

■ テキストリンクアイコン
■ リンクアイコン

■ ボタン

■ シェア

■ アイコン

■ 動画埋め込み
■ マップ埋め込み

■ ページネーション

■ モーダル

■ ニュースティッカー

■ ステッパー

■ 検索窓

■ フォーム


■ TOPページ
■ 商品一覧・ジャンル
■ 商品詳細
■ カート

■ その他

■ おすすめ特集

■ バナー

■ フローティングバナー

■ AIチャット

■ パーツ（旧class）
■ ClearFix

■ 個別調整

■ 印刷用設定

■ JSライブラリ
*/



/* ■ リセット（#Beta） ==================================================================================== */

* { margin: 0; padding: 0; }
*,*:before,*:after,*::before,*::after { box-sizing: border-box; }
body { -webkit-text-size-adjust: none; }
*:focus { outline: none; }
figure,img,picture,video,canvas,svg { max-width: 100%; height: auto; border: none; vertical-align: bottom; }
form { margin: 0; padding: 0; }
li { list-style-type: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
strong, em { font-style: normal; }
input, select, textarea, button { border-style: none; font-size: inherit; }
button { cursor: pointer; }

pre {
max-height: 300px;
margin-top: 1rem;
padding: 0 2rem;
border: 1px solid #ededed;
font-size: 1.4rem;
line-height: 1.6em;
background-color: #f8f8f8;
overflow: scroll;
}



/* ■ テキスト・フォント設定 ==================================================================================== */

body {
font-size: 1.6rem;
line-height: 1.7;
font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",Sans-Serif;
}

/* フォームにもフォントを指定する場合（#Beta） */
input, select, textarea {
font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",Sans-Serif;
}

.WF1 {
font-family: "Albert Sans",Sans-Serif;
}

.WF2 {
}

h1,h2,h3,h4,h5,h6,th,dt,strong,em {
font-weight: 700;
}

small {
font-size: calc(1.6rem * 0.9);
}

html {
font-size: calc(10 / 16 * 100%);
}



/* ■ 変数設定 ==================================================================================== */

/*
横幅
フォントサイズ
カラー
gap（余白）
border-radius
*/


/* 横幅 --------------------------------------------------- */

:root {
/* 商品詳細ページ調整用 */
--item-detail-width: 600px;
}


/* フォントサイズ --------------------------------------------------- */

:root {
--fontsize-int: 1.6rem;
}


/* カラー --------------------------------------------------- */

:root {

--primary: #0068B6;
--primary-pale: #B2D2E9;

--base: #231815;
--base-deep: #999;
--base-middle: #E6E6E6;
--base-pale: #F4F3F1;
--bace-light: #FAFAFA;

--background-1: #FFF;
--background-2: #FFFBEF;
--background-3: #FCF2D7;
--background-4: #F2FFF5;
--background-footer: #F1F2EF;

--attention-attention-1: #B51124;
--attention-attention-2: #F53C3C;
--attention-attention-3: #EB6D8E;
--attention-attention-4: #F7AF00;
--attention-attention-5: #88C85E;

--color-overlay: rgba(0,0,0,0.3);

--color-link: #0068B6;
--color-alert: #e90000;

}


/* gap（余白） --------------------------------------------------- */

/* パーツ初期値 */
:root {
--gap-int: 2rem;
}


/* border-radius --------------------------------------------------- */

:root {
--border-r1: 100vh;
}



/* ■ カラー設定 ==================================================================================== */

/*
bodyテキスト色・背景色
リンク色
アラート色
テキスト色
ボーダー色
背景色
*/


/* bodyテキスト色・背景色 --------------------------------------------------- */

body {
color: var(--base);
background-color: #fff;
}


/* リンク色 --------------------------------------------------- */

a:link {
color: var(--color-link);
text-decoration: none;
}

a:active {
color: var(--color-link);
text-decoration: none;
}

a:visited {
color: var(--color-link);
text-decoration: none;
}

a:hover {
color: var(--color-link);
text-decoration: none;
}

@media print, screen and (min-width: 1110px) {

	a:link {
	transition: color 0.2s ease 0.01s, background-color 0.2s ease 0.01s, opacity 0.2s ease 0.01s;
	}

	a:hover {
	opacity: 0.8;
	}

}


/* アラート色 --------------------------------------------------- */

.Alert {
color: var(--attention-attention-2) !important;
}

.Box.Alert {
border-color: var(--attention-attention-2) !important;
}

.ListDisc.Alert li:before,
.ListDiscS.Alert li:before {
background-color: var(--attention-attention-2) !important;
}


/* テキスト色 --------------------------------------------------- */

.TxtColorWhite {
color: #fff !important;
}

.TxtColor1 {
color: #fff !important;
}

.TxtColor2 {
color: #b8b8b8 !important;
}

.TxtColor3 {
color: #b8b8b8 !important;
}


/* ボーダー色 --------------------------------------------------- */

.BorderColor1 {
border-color: #ccc !important;
}

.BorderColor2 {
border-color: #ccc !important;
}

.BorderColor3 {
border-color: #ccc !important;
}


/* 背景色 --------------------------------------------------- */

.BgColor1 {
background-color: var(--color-sub1) !important;
}

.BgColor2 {
background-color: var(--color-sub2) !important;
}

.BgColor3 {
background-color: var(--color-sub5) !important;
}



/* ■ 横幅最大値・左右余白設定 ==================================================================================== */

body {
min-width: 1200px;
}

#Wrapper {
max-width: 200rem;
margin: 0 auto;
}

#Stage {
overflow: hidden;
}

#FooterNavUnit,
#RankingUnit,
#HistoryUnit,
#FooterUnit,
#Layout1,
#Layout2,
.Width1 {
max-width: 118rem;
margin: 0 auto;
padding: 0 3rem;
}

#Layout3 {
}

.Width2 {
}

.Width3 {
}



/* ■ ヘッダー ==================================================================================== */

/*
サブメニュー
メインメニュー
ヘッダー上バナー
ヘッダー下バナー
*/

#Header {
background-color: #fff;
}

#HeaderUnit {
display: flex;
position: relative;
}

.Header_Logo a {
display: flex;
align-items: center;
}

/* ロゴ */
.Header_ServiceName {
display: inline-block;
}

.Header_TagLine {
color: var(--primary);
}

.Header_TagLine_1 {
display: inline-block;
font-size: 1rem;
font-weight: 500;
transform: scale(0.8);
transform-origin: left;
white-space: nowrap;
}

.Header_TagLine_2 {
font-size: 1.8rem;
font-weight: 700;
}

/* メニュー */
.Header_Menu {
}

.Header_Menu a {
position: relative;
color: var(--base);
}

.Header_Menu a::before {
position: absolute;
content: '';
}

.Header_Menu_Search::before {
background: url(../images_rev2/common/icon/Icon_Search.png) no-repeat;
}

.Header_Menu_Login::before {
background: url(../images_rev2/common/icon/Icon_Login.png) no-repeat;
}


/* サブメニュー --------------------------------------------------- */

#HeaderSub {
padding: 0 4rem;
border-bottom: 1px solid var(--base-middle);
}

#HeaderSubUnit {
display: flex;
align-items: center;
height: 4.8rem;
}

.HeaderSub_Menu {
display: flex;
margin-left: auto;
}

.HeaderSub_Menu a {
display: flex;
align-items: center;
position: relative;
height: 4.8rem;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
color: var(--base);
}

.HeaderSub_Login {
margin-left: 2.8rem;
}

.HeaderSub_Bookmark {
margin-left: 2.8rem;
}

.HeaderSub_Cart {
margin-left: 2.8rem;
}

.HeaderSub_Logout {
margin-left: 4rem;
}

.HeaderSub_Guide::before,
.HeaderSub_Login::before,
.HeaderSub_Bookmark::before,
.HeaderSub_Cart::before,
.HeaderSub_Logout::before {
background-repeat: no-repeat;
background-size: contain;
content: '';
}

.HeaderSub_Guide::before {
width: 2.4rem;
height: 2.4rem;
padding-left: 3.4rem;
background-image: url(../images_rev2/common/icon/Icon_Guide.png);
}

.HeaderSub_Login::before {
width: 2.4rem;
height: 2.4rem;
padding-left: 3.4rem;
background-image: url(../images_rev2/common/icon/Icon_Login.png);
}

.HeaderSub_Bookmark::before {
width: 2.2rem;
height: 2rem;
padding-left: 3rem;
background-image: url(../images_rev2/common/icon/Icon_Bookmark.png);
}

.HeaderSub_Cart::before {
width: 2.2rem;
height: 2rem;
padding-left: 3rem;
background-image: url(../images_rev2/common/icon/Icon_Cart.png);
}

.HeaderSub_Logout::before {
width: 0.1rem;
height: 1.6rem;
background-color: var(--base-deep);
transform: translate(-2rem)
}


/* メインメニュー --------------------------------------------------- */

#HeaderMain {
position: sticky;
top: 0;
z-index: 1001;
width: 100%;
padding: 0 4rem;
border-bottom: 1px solid var(--base-middle);
background-color: #fff;
}

#HeaderMainUnit {
display: flex;
align-items: center;
height: 8.8rem;
}

/* ロゴ */
.Header_Logo {
margin-right: auto;
}

.Header_ServiceName {
width: 5.6rem;
}

.Header_TagLine {
padding-left: 1.5rem;
padding-bottom: 0.2rem;
line-height: 1.7rem;
}

/* SmartMenus：初期設定 */
.sm { position: relative; z-index: 9999; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.sm,.sm ul,.sm li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; }
.sm-rtl,.sm-rtl ul,.sm-rtl li { direction: rtl; text-align: right; }
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6 { margin: 0; padding: 0; }
.sm ul { display: none; }
.sm li,.sm a { position: relative; }
.sm a.disabled { cursor: default; }
.sm::after { content: ""; display: block; height: 0; font: 0px/0 serif; clear: both; overflow: hidden; }
.sm *,.sm *::before,.sm *::after { box-sizing: inherit; }

/* 親メニュー */
.HeaderMain_Menu {
display: flex;
line-height: 1;
}

a.HeaderMain_Menu_Level1 {
display: flex;
align-items: center;
position: relative;
height: 8.8rem;
margin-left: 3.2rem;
font-size: 1.6rem;
font-weight: 500;
color: var(--base);
}

a.HeaderMain_Menu_Level1.has-submenu::after {
display: inline-block;
margin-left: 0.7rem;
width: 0.8rem;
height: 0.8rem;
border-top: 2px solid var(--base);
border-right: 2px solid var(--base);
transform: rotate(135deg);
content: '';
}

a.HeaderMain_Menu_Level1.highlighted {
color: var(--primary);
}

a.HeaderMain_Menu_Level1.has-submenu.highlighted::after {
border-top: 2px solid var(--primary);
border-right: 2px solid var(--primary);
}

a.HeaderMain_Menu_Level1 {
display: flex;
align-items: center;
position: relative;
height: 8.8rem;
margin-left: 2.4rem;
font-size: 1.6rem;
font-weight: 500;
color: var(--base);
}

/* 子メニュー */
.HeaderMain_Menu_Level2_Wrap {
position: absolute;
z-index: 1000;
min-width: 29rem !important;
margin-top: -1rem !important;
padding: 1.8rem 2.4rem !important;
border: 1px solid var(--base-middle);
border-radius: 8px;
background-color: #fff;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.HeaderMain_Menu_Level2_Wrap::after,
.HeaderMain_Menu_Level2_Wrap::before {
position:absolute;
left: 27%;
bottom:100%;
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
content:'';
}

.HeaderMain_Menu_Level2_Wrap::after {
margin-left: -10px;
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 10px;
border-right-width: 10px;
border-bottom-color: #fff;
}

.HeaderMain_Menu_Level2_Wrap::before {
margin-left: -11px;
margin-bottom: 1px;
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 11px;
border-right-width: 11px;
border-bottom-color:var(--base-middle);
}

.HeaderMain_Menu_Level2_Wrap li {
display: block;
float: none;
width: 100%;
border: none;
text-align: left;
}

a.HeaderMain_Menu_Level2 {
display: block;
padding: 1rem 0 1rem 1.8rem;
font-size: 1.5rem;
line-height: 1;
color: var(--base);
background: url(../images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
background-size: 10.25px 10px;
background-position: 0 1.3rem;
}

/* 追加メニュー */
.HeaderMain_Additional {
display: none;
}

.HeaderMain_Additional.HeaderMain_Additional_Added {
display: flex;
margin-left: 1.6rem;
}

.HeaderMain_Additional a {
display: flex;
justify-content: center;
align-items: flex-end;
position: relative;
height: 3.8rem;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
color: var(--base);
}

.HeaderMain_Additional a::before {
position: absolute;
left: 50%;
width: 2.2rem;
height: 2rem;
margin-left: -1.2rem;
background-repeat: no-repeat;
background-size: contain;
content: '';
}

.HeaderMain_Additional_Cart {
margin-left: 2rem;
}

.HeaderMain_Additional_BookMark::before {
top: 0;
background-image: url(../images_rev2/common/icon/Icon_Bookmark.png);
}

.HeaderMain_Additional_Cart::before {
top: 0;
background-image: url(../images_rev2/common/icon/Icon_Cart.png);
}

/* カート：バッジ */
.Cart_Badge {
display: inline-block;
position: relative;
}

.Cart_Badge::after {
display: inline-block;
position: absolute;
top: -0.7rem;
left: -1.1rem;
width: 1rem;
height: 1rem;
border-radius: 100vh;
background-color: var(--attention-attention-2);
content: '';
}

.HeaderMain_Additional_Cart .Cart_Badge::after {
top: -2.7rem;
left: 2.6rem;
}

/* ヘッダー2 */
#HeaderMain.HeaderMain2 {
position: inherit;
padding: 0;
}

#HeaderMain.HeaderMain2 #HeaderMainUnit {
width: 94rem;
margin: 0 auto;
}

.Body_Page_Cart_ #HeaderMain.HeaderMain2 #HeaderMainUnit {
width: 118rem;
padding-left: 3rem;
padding-right: 3rem;
}

@media print, screen and (min-width: 1300px) {

	/* メインメニュー */
	a.HeaderMain_Menu_Level1 {
	margin-left: 3.2rem;
	}

	/* 追加メニュー */
	.HeaderMain_Additional.HeaderMain_Additional_Added {
	margin-left: 2rem;
	}

	.HeaderMain_Additional_Cart {
	margin-left: 3rem;
	}

}

@media (hover: hover) {

	a.HeaderMain_Menu_Level1:hover,
	a.HeaderMain_Menu_Level2:hover,
	.HeaderSub_Menu a:hover,
	.HeaderMain_Additional a:hover {
	color: var(--primary);
	opacity: 1;
	}

}


/* ヘッダー上バナー --------------------------------------------------- */

#Header_Banner a {
display: inline-block;
padding-bottom: 1.2rem;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
}

@media (hover: hover) {

	#Header_Banner a:hover {
	color: var(--primary);
	opacity: 1;
	}

}


/* ヘッダー上バナー --------------------------------------------------- */

#Header_Banner_Special a {
display: inline-block;
padding: 2rem 0 2rem 2.4rem;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
background-image: url(/images_rev2/common/icon/Icon_XmasTree_Blue.png);
background-repeat: no-repeat;
background-position: top 48% left 0;
background-size: 2rem 2rem;
}

@media (hover: hover) {

	#Header_Banner_Special a:hover {
	color: var(--primary);
	opacity: 1;
	}

}


/* ヘッダー下バナー --------------------------------------------------- */

#Header_BannerUnder {
display: flex;
align-items: center;
justify-content: center;
}

#Header_BannerUnder a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
color: #f1e7d6;
background-color: #23487d;
}

#Header_BannerUnder .Header_BannerUnder_LeadUnit {
display: flex;
align-items: center;
padding: 1.2rem 2.2rem 1.2rem 2.8rem;
background-image: url(/images_rev2/common/icon/Icon_Arrow_White.png), url(/images_rev2/common/icon/Icon_XmasTree.png);
background-repeat: no-repeat, no-repeat;
background-position: top 50% right 0, top 48% left 0;
background-size: 1.1rem 1.1rem, 2.2rem 2.2rem;
}

#Header_BannerUnder .Header_BannerUnder_Lead1 {
font-size: 1.4rem;
line-height: 1;
}

#Header_BannerUnder .Header_BannerUnder_Lead2 {
margin-left: 0.4rem;
font-size: 1.4rem;
line-height: 1;
}



/* ■ SNS ==================================================================================== */

.OfficalSNS_Menu {
display: flex;
justify-content: center;
}

.OfficalSNS_Menu a {
display: inline-block;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}

.OfficalSNS_Instagram {
background-image: url(../images_rev2/common/icon/Icon_SNS_Instagram.png);
}

.OfficalSNS_LINE {
background-image: url(../images_rev2/common/icon/Icon_SNS_Line.png);
}

.OfficalSNS_YouTube {
background-image: url(../images_rev2/common/icon/Icon_SNS_YouTube.png);
}

.OfficalSNS_Facebook {
background-image: url(../images_rev2/common/icon/Icon_SNS_Facebook.png);
}

.OfficalSNS_Mail {
background-image: url(../images_rev2/common/icon/Icon_SNS_Mail.png);
}

.OfficalSNS {
padding: 10rem 3.2rem 8rem;
}

.OfficalSNS_Menu {
gap: 5rem;
}

.OfficalSNS_Menu a {
width: 5.6rem;
height: 5.6rem;
}



/* ■ フッター ==================================================================================== */

#FooterWrap {
overflow: hidden;
}

#Footer {
position: relative;
background-color: var(--background-footer);
}

#Footer a {
display: inline-block;
color: var(--base);
}

/* ご利用ガイド */
.Footer_Guide_Menu {
position: relative;
}

.Footer_Guide_Menu a {
font-weight: 700;
background: url(../images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
}

/* ユーティリティ */
.Footer_Utility {
border-top: 1px solid #dfe0de;
}

/* 装飾 */
#Footer::after {
position: absolute;
background: url(../images_rev2/common/pict/Pict_Gear.png) no-repeat;
background-size: contain;
content: "";
}

.Footer_Guide_Menu::after {
position: absolute;
background: url(../images_rev2/common/pict/Pict_Fish.png) no-repeat;
background-size: contain;
content: '';
}

#Footer {
padding: 5rem 0 8rem;
}

/* ご利用ガイド */
.Footer_Guide {
position: relative;
z-index: 2;
}

.Footer_Guide_Mds {
font-size: 2.6rem !important;
line-height: 1;
}

.Footer_Guide_Menu {
display: grid;
grid-template-rows: repeat(4, 1fr);
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: column;
margin-top: 1rem;
line-height: 1;
}

.Footer_Guide_Menu li {
margin-top: 2rem;
}

.Footer_Guide_Menu a {
padding-left: 2.5rem;
font-size: 1.6rem;
line-height: 1.5;
background-size: 10.25px 10px;
background-position: 0 0.7rem;
}

/* ユーティリティ */
.Footer_Utility {
display: flex;
align-items: center;
margin-top: 5rem;
padding-top: 3rem;
}

.Footer_Utility_Menu li {
display: inline-block;
margin-right: 2rem;
}

.Footer_Utility_Menu a {
font-size: 1.2rem;
line-height: 1.5;
}

.Footer_Copyright {
margin-left: auto;
font-size: 1.2rem;
line-height: 1;
}

/* 装飾 */
#Footer::after {
left: -2.3rem;
top: -20.5rem;
width: 23.1rem;
height: 29.5rem;
}

/* 装飾 */
.Footer_Guide_Menu::after {
right: -9rem;
bottom: -3rem;
width: 30.9rem;
height: 24rem;
}

/* フッター2 */
#Footer.Footer2 {
margin-top: 10rem;
padding: 4.2rem 0 4.2rem;
}

#Footer.Footer2::after {
display: none;
}

#Footer.Footer2 #FooterUnit {
width: 94rem;
padding: 0;
}

.Body_Page_Cart_ #Footer.Footer2 #FooterUnit {
width: 118rem;
padding-left: 3rem;
padding-right: 3rem;
}

#Footer.Footer2 .Footer_Utility {
margin-top: 0;
padding-top: 0;
border-top: none;
}



/* ■ メインバナー ==================================================================================== */

.BannerMain {
position: relative;
z-index: 100;
margin-bottom: 6rem;
opacity: 0.8;
}



/* ■ ランキング ==================================================================================== */

.Ranking_Contents {
display: none;
}

.Ranking_Contents.Current {
display: block;
}

.Ranking_Each,
.ItemList_List_Ranking {
counter-reset: listnum;
}

.Ranking_Each li,
.ItemList_List_Ranking li {
position: relative;
}

.Ranking_Each li::before,
.ItemList_List_Ranking li::before {
position: absolute;
left: 0;
top: 0;
z-index: 2;
font-size: 1.2rem;
font-weight: 700;
text-align: center;
counter-increment: listnum;
content: counter(listnum) "";
font-family: "Albert Sans",Sans-Serif;
}

.Ranking_Each li:nth-child(1)::before,
.Ranking_Each li:nth-child(2)::before,
.Ranking_Each li:nth-child(3)::before,
.ItemList_List_Ranking li:nth-child(1)::before,
.ItemList_List_Ranking li:nth-child(2)::before,
.ItemList_List_Ranking li:nth-child(3)::before {
left: -1rem;
top: -1rem;
width: 3.3rem;
height: 2.9rem;
line-height: 3.5rem;
color: #fff;
background-repeat: no-repeat;
background-size: contain;
}

.Ranking_Each li:nth-child(1)::before,
.ItemList_List_Ranking li:nth-child(1)::before {
background-image: url(../images_rev2/common/icon/Icon_Ranking_1.png);
}

.Ranking_Each li:nth-child(2)::before,
.ItemList_List_Ranking li:nth-child(2)::before {
background-image: url(../images_rev2/common/icon/Icon_Ranking_2.png);
}

.Ranking_Each li:nth-child(3)::before,
.ItemList_List_Ranking li:nth-child(3)::before {
background-image: url(../images_rev2/common/icon/Icon_Ranking_3.png);
}

.Ranking_Each li:nth-child(n+4)::before,
.ItemList_List_Ranking li:nth-child(n+4)::before {
left: -1rem;
top: -1rem;
width: 2.8rem;
height: 2.8rem;
border-radius: 100vh;
line-height: 2.8rem;
background: var(--base-middle);
}

#Ranking {
margin-top: 15rem;
}

#Ranking .MdsUnit_Sub::before {
top: -5.7rem;
width: 4.2rem;
height: 3.8rem;
margin-left: -2.1rem;
background-image: url(../images_rev2/common/icon/Icon_Ranking_Gold.png);
}

.Ranking_Tab {
display: flex;
gap: 0.1rem;
margin-top: 4.8rem;
}

.Ranking_Tab_Genre {
margin-top: 7rem;
}

.Ranking_Tab li {
flex: 1;
}

.Ranking_Tab a {
display: flex;
align-items: center;
justify-content: center;
height: 4.8rem;
font-size: 1.4rem;
line-height: 1;
font-weight: 500;
text-align: center;
color: var(--base);
background: var(--base-pale);
}

.Ranking_Tab_Genre a {
line-height: 1.2;
}

.Ranking_Tab a.Current {
color: #fff;
background: var(--primary);
}

.Ranking_Tab li:first-child a {
border-radius: 0.8rem 0 0 0;
}

.Ranking_Tab li:last-child a {
border-radius:  0 0.8rem 0 0;
}

.Ranking_Contents {
margin-top: 3.2rem;
}

#Page_Home_ .Ranking_Contents {
margin-top: 1rem;
}

.Ranking_Each {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 3rem;
}

.Ranking_Each li {
width: 100%;
}

.Ranking_More {
display: flex;
justify-content: center;
margin-top: 3rem;
}

/* ページ下部バナー */
#BannerRanking_Common {
margin-top: 10rem;
}



/* ■ ランキング（関連特集マスタ） ==================================================================================== */

#Ranking2 {
position: relative;
margin-bottom: 12rem;
padding: 10rem 0 10rem;
background-color: var(--background-2);
}

#Ranking2Unit {
max-width: 118rem;
margin: 0 auto;
padding: 0 3rem;
}

.Ranking2_Mds {
position: relative;
font-size: 2.6rem !important;
line-height: 1;
font-weight: 700;
}

.Ranking2_Mds::after {
position: absolute;
top: 50%;
right: 0;
width: 82%;
height: 0.1rem;
background: var(--base-pale);
content: '';
}

#Ranking2 .Ranking_Each {
margin-top: 3.8em;
}

/* 装飾 */
#Ranking2::before {
position: absolute;
left: -15rem;
top: -19rem;
width: 34.1rem;
height: 32.5rem;
background: url(../images_rev2/common/pict/Pict_Trees.png) no-repeat;
background-size: contain;
content: "";
}

#Ranking2::after {
position: absolute;
right: -28rem;
bottom: -14rem;
width: 77.2rem;
height: 25.2rem;
background: url(../images_rev2/common/pict/Pict_Sea.png) no-repeat;
background-size: contain;
content: '';
}

.Ranking2_More {
display: flex;
justify-content: center;
margin-top: 5rem;
}



/* ■ 最近見た商品 ==================================================================================== */

#History {
margin-top: 8rem;
}

#History.History__Adjusted {
margin-top: 1rem;
}

.Slider_History {
margin: 3.8rem -1.5rem 0;
}

.History_Mds {
position: relative;
font-size: 2.6rem !important;
line-height: 1;
}

.History_Mds::after {
position: absolute;
top: 50%;
left: 18rem;
width: 70%;
height: 0.1rem;
background: var(--base-pale);
content: '';
}



/* ■ おすすめ商品（プラグイン） ==================================================================================== */

#ItemRecommend {
position: relative;
margin-bottom: 12rem;
padding: 10rem 0 10rem;
background-color: var(--background-2);
}

#ItemRecommendUnit {
max-width: 118rem;
margin: 0 auto;
padding: 0 3rem;
}

.ItemRecommend_Mds {
position: relative;
font-size: 2.6rem !important;
line-height: 1;
font-weight: 700;
}

/*
.ItemRecommend_Mds::after {
position: absolute;
top: 50%;
left: 44rem;
width: 47%;
height: 0.1rem;
background: var(--base-pale);
content: '';
}
*/

.ItemRecommend_List {
position: relative;
z-index: 500;
margin: 3.8rem -1.5rem 0;
}

/* 装飾 */
#ItemRecommend::before {
position: absolute;
left: -15rem;
top: -19rem;
width: 34.1rem;
height: 32.5rem;
background: url(../images_rev2/common/pict/Pict_Trees.png) no-repeat;
background-size: contain;
content: "";
}

#ItemRecommend::after {
position: absolute;
right: -28rem;
bottom: -14rem;
width: 77.2rem;
height: 25.2rem;
background: url(../images_rev2/common/pict/Pict_Sea.png) no-repeat;
background-size: contain;
content: '';
}



/* ■ パン屑リスト ==================================================================================== */

/*
旧class
*/

.BreadCrumb_Wrap {
max-width: 118rem;
margin: 14rem auto 0;
padding: 0 3rem;
}

.BreadCrumb_Unit {
padding-bottom: 2.4rem;
border-bottom: 1px solid var(--base-middle);
}

.BreadCrumb {
margin-top: 1rem;
}

.BreadCrumb_List {
display: flex;
align-items: center;
gap: 0.8rem;
}

.BreadCrumb_List li {
display: flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
position: relative;
font-size: 1.4rem;
line-height: 1;
}

.BreadCrumb_List li::after {
width: 6px;
height: 6px;
border-top: solid 1px var(--base-deep);
border-right: solid 1px var(--base-deep);
transform: rotate(45deg);
content: '';
}

.BreadCrumb_List li:last-child {
padding-right: 3.2rem;
}

.BreadCrumb_List li:last-child::after {
display: none;
}

.BreadCrumb_List li a {
color: var(--base-deep);
}

.BreadCrumb_List li:last-child a {
color: var(--base);
}


/* 旧class（フリーページに使用） --------------------------------------------------- */

.TopicPath {
max-width: 94rem;
margin: 1.6rem auto;
}

.TopicPath li {
display: inline;
padding: 0 0 0 1px;
font-size: 79%;
line-height: 1.5em;
}

.TopicPath li:first-child {
padding: 0 0 0 13px;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_PathHome.png) no-repeat left center;
}

.TopicPath li.Current {
padding: 0 0 0 1px;
}

.TopicPath li a {
padding: 0 12px 0 0;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_PathAllow.png) no-repeat right center;
}



/* ■ コンテンツ領域 ==================================================================================== */

#Contents {
padding-top: 2.5rem;
}

/* 左カラム無し */
#ContentsNoSide {
width: 94rem;
margin: 6rem auto 0;
}



/* ■ サイドナビ（ご利用ガイドに使用）==================================================================================== */

#SideNav {
float: left;
width: 200px;
margin: 15px 0 0 0;
}

/* カテゴリメニュー */
#SideNav .CategoryMenu {
margin: 0 0 11px 0;
padding: 0 0 5px 0;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/sidenav/Texture_SideNavBg.png) no-repeat left bottom;
}

#SideNav .CategoryMenuWrap {
padding: 6px 0 0 0;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/sidenav/Texture_MdsNoneBg.png) no-repeat left top;
}

#SideNav .CategoryMenu h2 img {
width: 200px;
height: auto;
}

#SideNav .CategoryMenu ul {
width: 190px;
margin: 0 auto;
}

#SideNav .CategoryMenu ul li {
border-top: 1px solid #e6e6e6;
}

#SideNav .CategoryMenu li:first-child {
border-top: none;
}

#SideNav .CategoryMenu li a {
display: block;
padding: 10px 15px 10px 11px;
font-size: 93%;
line-height: 1.5em;
font-weight: bold;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_LinkAllowLR.png) no-repeat;
background-position: 178px 50%;
}

#SideNav .CategoryMenu li a:link {
color: #000;
text-decoration: none;
}

#SideNav .CategoryMenu li a:active {
color: #000;
text-decoration: none;
}

#SideNav .CategoryMenu li a:visited {
color: #000;
text-decoration: none;
}

#SideNav .CategoryMenu li a:hover {
color: #0059b5;
text-decoration: none;
}

/* サブカテゴリメニュー */
#SideNav .SubCategoryMenu {
margin: 0 0 11px 0;
}

#SideNav .SubCategoryMenu h2 {
margin: 0 0 8px 0;
}

#SideNav .SubCategoryMenu h2 img {
width: 200px;
height: auto;
}

#SideNav .SubCategoryMenu ul {
margin: 0 0 0 5px;
}

#SideNav .SubCategoryMenu ul li {
border-top: 1px solid #e6e6e6;
}

#SideNav .SubCategoryMenu li:first-child {
border-top: none;
}

#SideNav .SubCategoryMenu li a {
display: block;
padding: 8px 0 8px 12px;
font-size: 86%;
line-height: 1.5em;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_LinkAllowSS.png) no-repeat;
background-position: 0 50%;
}

#SideNav .SubCategoryMenu li.Current a {
font-weight: bold;
}

#SideNav .SubCategoryMenu li a:link,
#SideNav .SubCategoryMenu li a:active,
#SideNav .SubCategoryMenu li a:visited {
color: #000;
text-decoration: none;
}

#SideNav .SubCategoryMenu li a:hover {
color: #0059b5;
text-decoration: none;
}

/* サブメニュー */
#SideNav .SubMenu {
margin: 0 0 12px 0;
}

#SideNav .SubMenu li a {
display: block;
width: 200px;
height: 50px;
text-indent: -9999px;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/sidenav/Menu_SideMenu.png) no-repeat;
overflow: hidden;
}

#SideNav .SubMenu li.Menu1 a {
background-position: 0 0;
}

#SideNav .SubMenu li.Menu2 a {
background-position: 0 -50px;
}

#SideNav .SubMenu li.Menu3 a {
background-position: 0 -100px;
}

#SideNav .SubMenu li.Menu4 a {
background-position: 0 -150px;
}

#SideNav .SubMenu li.Menu1 a:hover {
background-position: -200px 0;
}

#SideNav .SubMenu li.Menu2 a:hover {
background-position: -200px -50px;
}

#SideNav .SubMenu li.Menu3 a:hover {
background-position: -200px -100px;
}

#SideNav .SubMenu li.Menu4 a:hover {
background-position: -200px -150px;
}

/* ご利用ガイド */
#SideNav .Guide {
margin: 0 0 30px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #e1e1e1;
}

#SideNav .Guide h2 {
padding: 0 0 10px 0;
}

#SideNav .Guide h2 img {
width: 200px;
height: auto;
}

#SideNav .Guide ul {
padding: 0 0 0 10px;
}

#SideNav .Guide li a {
display: block;
margin: 8px 0;
padding: 0 0 0 12px;
font-size: 79%;
line-height: 1.5em;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_LinkAllowSS.png) no-repeat;
background-position: 2px 50%;
}

#SideNav .Guide li.ToList {
text-align: right;
}

#SideNav .Guide li.ToList a {
display: inline-block;
margin: 15px 0 0 0;
padding: 0 0 0 18px;
font-size: 12px;
font-weight: bold;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_LinkAllowCircleM.png) no-repeat;
background-position: 0 50%;
}

#SideNav .Guide li a:link {
color: #000;
text-decoration: none;
}

#SideNav .Guide li a:active {
color: #000;
text-decoration: none;
}

#SideNav .Guide li a:visited {
color: #000;
text-decoration: none;
}

#SideNav .Guide li a:hover {
color: #0059b5;
text-decoration: none;
}

/* バナー */
#SideNav .BnrUnit1 li,
#SideNav .BnrUnit2 li {
margin: 0 0 10px 0;
}

#SideNav .BnrUnit1 li img,
#SideNav .BnrUnit2 li img {
width: 200px;
height: auto;
}



/* ■ 見出し ==================================================================================== */


/* 見出しユニット --------------------------------------------------- */

.MdsUnit_Sub,
.MdsUnit_Main {
font-weight: 700;
text-align: center;
}

.MdsUnit_Sub {
position: relative;
font-size: 4.8rem;
line-height: 1;
}

.MdsUnit_Sub::before {
position: absolute;
left: 50%;
background-repeat: no-repeat;
background-size: contain;
content: '';
}

.MdsUnit_Main {
margin-top: 1.2rem;
font-size: 1.6rem !important;
line-height: 1;
}

/* old class */
.BorderL {
position: relative;
}

.BorderL::before {
content: "";
display: block;
width: 100%;
height: 3px;
margin: 0 0 0 0;
border-radius: 50px;
background: var(--primary);
}



/* ■ 商品情報 ==================================================================================== */

.Item_ a {
color: var(--base);
}

.Item_Photo img {
border: 1px solid var(--base-middle);
}

.Item_Name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.Item_Price {
font-weight: 700;
}

.Item_Name {
margin-top: 1rem;
font-size: 1.4rem;
line-height: 1.5;
}

.Item_Price {
margin-top: 0.5rem;
font-size: 2.4rem;
}

.Item_Price_Yen {
margin-right: 0.4rem;
font-size: 1.4rem;
}



/* ■ セクション ==================================================================================== */

/*
旧class
*/


/* 旧class --------------------------------------------------- */

.SectionBasic:not(:first-of-type) {
margin-top: 3rem;
}


.SectionSub {
margin-top: 2rem;
}



/* ■ カラム ==================================================================================== */

/*
成り行き
固定
*/


.Cols {
display: grid;
gap: 2rem;
margin-top: var(--gap-int);
}


/* 成り行き --------------------------------------------------- */

.ColAuto3 {
grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}

.ColAuto4 {
grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
}


/* 固定 --------------------------------------------------- */

.Col2 {
grid-template-columns: repeat(2, 1fr);
}

.Col3 {
grid-template-columns: repeat(3, 1fr);
}

.Col4 {
grid-template-columns: repeat(4, 1fr);
}

.Col5 {
grid-template-columns: repeat(5, 1fr);
}

.Col6 {
grid-template-columns: repeat(6, 1fr);
}


@media only screen and (max-width: 767px) {

	.Col2_SP {
	grid-template-columns: repeat(2, 1fr);
	}

	.Col3_SP {
	grid-template-columns: repeat(3, 1fr);
	}

	.Col4_SP {
	grid-template-columns: repeat(4, 1fr);
	}

	.Col5_SP {
	grid-template-columns: repeat(5, 1fr);
	}

	.Col6_SP {
	grid-template-columns: repeat(6, 1fr);
	}

	/* 2対1 */
	.Col2v1 {
	grid-template-columns: 1fr;
	}

	/* 1対2 */
	.Col1v2 {
	grid-template-columns: 1fr;
	}

}

@media print, screen and (min-width: 768px) {

	.Col2_PC {
	grid-template-columns: repeat(2, 1fr);
	}

	.Col3_PC {
	grid-template-columns: repeat(3, 1fr);
	}

	.Col4_PC {
	grid-template-columns: repeat(4, 1fr);
	}

	.Col5_PC {
	grid-template-columns: repeat(5, 1fr);
	}

	.Col6_PC {
	grid-template-columns: repeat(6, 1fr);
	}

	/* 2対1 */
	.Col2v1 {
	grid-template-columns: 2fr 1fr;
	}

	/* 1対2 */
	.Col1v2 {
	grid-template-columns: 1fr 2fr;
	}

}



/* ■ リスト各種 ==================================================================================== */

/*
マーカーなし（ListNoMarker）
ディスク：中（ListDisc）
ディスク：小（ListDiscS）
米印：中（ListKome）
米印：小（ListKomeS）
連番：中（ListNum）
連番：小（ListNumS）
連番米印：小（ListKomeNumS）
入れ子調整
*/

.List li {
position: relative;
}

.List li::before {
display: inline-block;
position: absolute;
}

/* ディスク：中（ListDisc） */
.ListDisc li::before {
border-radius: 100%;
background-color: var(--base);
content: '';
}

/* ディスク：小（ListDiscS） */
.ListDiscS li::before {
border-radius: 100%;
background-color: var(--base);
content: '';
}

/* 米印：中（ListKome） */
.ListKome li::before {
content: '※';
}

/* 米印：小（ListKomeS） */
.ListKomeS li::before {
content: '※';
}

/* 連番：中（ListNum） */
.ListNum {
counter-reset: ListNum;
}

.ListNum li::before {
counter-increment: ListNum;
content: counter(ListNum)".";
}

/* 連番：小（ListNumS） */
.ListNumS {
counter-reset: ListNumS;
}

.ListNumS li::before {
counter-increment: ListNumS;
content: counter(ListNumS)".";
}

/* 連番米印：小（ListKomeNumS） */
.ListKomeNumS {
counter-reset: ListKomeNumS;
}

.ListKomeNumS li::before {
counter-increment: ListKomeNumS;
content: "※"counter(ListKomeNumS);
}

.ListNoMarker li,
.ListDisc li,
.ListKome li,
.ListNum li {
margin-top: 0.8rem;
font-size: 1.4rem;
line-height: 1.5;
}

.ListDiscS li,
.ListKomeS li,
.ListNumS li,
.ListKomeNumS li {
margin-top: 0.4rem;
font-size: 1.2rem;
line-height: 1.5;
}


/* マーカーなし（ListNoMarker） --------------------------------------------------- */


/* ディスク：中（ListDisc） --------------------------------------------------- */

.ListDisc li > .ListDisc li::before {
width: 0.8rem;
height: 0.1rem;
border-radius: 0;
}

.ListDisc li {
padding-left: 1.8rem;
}

.ListDisc li::before {
left: 0.2rem;
top: 0.65rem;
width: 0.8rem;
height: 0.8rem;
}

.Mac .ListDisc li::before {
top: 0.65rem;
}

/* 入れ子時 */
.ListDisc li > .ListDisc li {
padding-left: 2rem;
}

.ListDisc li > .ListDisc li::before {
left: 0.3rem;
top: 1.3rem;
}

/* Firefox */
@-moz-document url-prefix() {

	.ListDisc li::before {
	top: 1rem;
	}

	.Mac .ListDisc li::before {
	top: 1.1rem;
	}

	/* 入れ子時 */
	.ListDisc li > .ListDisc li::before {
	top: 1.4rem;
	}

}


/* ディスク：小（ListDiscS） --------------------------------------------------- */

.ListDiscS li {
padding-left: 1.6rem;
}

.ListDiscS li::before {
left: 0.4rem;
top: 0.6rem;
width: 0.6rem;
height: 0.6rem;
}

.Mac .ListDiscS li::before {
top: 0.6rem;
}

/* Safari */
_::-webkit-full-page-media,
_:future, :root .ListDiscS li::before {
top: 0.6rem;
}


/* 米印：中（ListKome） --------------------------------------------------- */

.ListKome li:before {
left: 0.2rem;
}

.ListKome li {
padding-left: 2.2rem;
}

.Mac .ListKome li {
padding-left: 1.8rem;
}

.ListKome li::before {
top: 0;
}


/* 米印：小（ListKomeS） --------------------------------------------------- */

.ListKomeS li::before {
left: 0.2rem;
}

.ListKomeS li {
padding-left: 2rem;
}

.Mac .ListKomeS li {
padding-left: 1.5rem;
}

.ListKomeS li::before {
top: 0;
}


/* 連番：中（ListNum） --------------------------------------------------- */

.ListNum {
padding-left: 1.2rem;
}

.ListNum li {
padding-left: 1rem;
}

.ListNum li::before {
left: -0.8rem;
top: 0;
}

.ListNum li:nth-child(n+10)::before {
left: -1.6rem;
}


/* 連番：小（ListNumS） --------------------------------------------------- */

.ListNumS {
padding-left: 0.4rem;
}

.ListNumS li {
padding-left: 1.7rem;
}

.ListNumS li::before {
left: 0.1rem;
top: 0;
}

.ListNumS li:nth-child(n+10)::before {
left: -0.45rem;
}


/* 連番米印：小（ListKomeNumS） --------------------------------------------------- */

.ListKomeNumS {
padding-left: 0.4rem;
}

.ListKomeNumS li::before {
letter-spacing: 0.1em;
}

.ListKomeNumS li {
padding-left: 3rem;
}

.Mac .ListKomeNumS li {
padding-left: 2.4rem;
}

.ListKomeNumS li::before {
left: 0.1rem;
top: 0;
}

.ListKomeNumS li:nth-child(n+10)::before {
left: -0.45rem;
}


/* インライン表示 --------------------------------------------------- */

.List.ListInline_PC li {
display: inline-block;
margin-right: 1rem;
}


/* 入れ子調整 --------------------------------------------------- */

.List li > .List {
margin-top: 0;
}


/* 旧class --------------------------------------------------- */

/* 米印：小（ListKomeS） */
.ListKomeAlertS li {
position: relative;
padding-left: 1.3rem;
padding-left: 1.3rem;
font-size: 1.2rem;
line-height: 1.5;
color: var(--attention-attention-2);
}

.ListKomeAlertS li::before {
position: absolute;
left: 0.2rem;
top: -0.15rem;
content: '※';
}

/* 米印：小（非liタグ） */
.KomeS {
display: inline-block;
position: relative;
padding-left: 1.6rem;
font-size: 1.2rem !important;
line-height: 1.5 !important;
}

.KomeS::before {
display: inline-block;
position: absolute;
left: 0.2rem;
top: 0;
content: '※';
}

/* 米印アラート：小（非liタグ） */
.KomeAlertS {
display: inline-block;
position: relative;
padding-left: 1.6rem;
font-size: 1.2rem !important;
line-height: 1.5 !important;
color: var(--attention-attention-2);
}

.KomeAlertS::before {
display: inline-block;
position: absolute;
left: 0.2rem;
top: 0;
content: '※';
}



/* ■ 記述リスト（DLHori、DLVert、DLTable） ==================================================================================== */

/*
左右（dlh）
上下（dlv）
テーブルスタイル（dlt）
*/


/* 左右（dlh） --------------------------------------------------- */

.DLHori dl {
display: flex;
}


/* 上下（dlv） --------------------------------------------------- */

.DLVert dl {
line-height: 1.6;
}


/* テーブルスタイル（dlt） --------------------------------------------------- */

.DLTable {
margin-top: var(--gap-int);
border-top: 1px solid var(--background-4);
}

.DLTable dl {
display: flex;
line-height: 1.6;
border-left: 1px solid var(--background-4);
}

.DLTable dt,
.DLTable dd {
padding: 0.75rem 1.5rem;
border-right: 1px solid var(--background-4);
border-bottom: 1px solid var(--background-4);
}

.DLTable dt {
background: var(--color-sub5);
}

.DLTable dd {
flex: 1;
}

.DLTable dt {
width: 30%;
}



/* ■ 表組み（Table1、Table2） ==================================================================================== */

/*
旧class
*/

.Table1_,
.Table2_ {
border-top: 1px solid var(--base-middle);
}

.Table1_ th,
.Table2_ th,
.Table1_ td,
.Table2_ td {
padding: 1.2rem 1.6rem;
border-bottom: 1px solid var(--base-middle);
border-radius: 4px;
line-height: 1.5;
vertical-align: top;
}

.Table1_ th,
.Table2_ th {
font-weight: 700;
color: var(--base-deep);
background: var(--bace-light);
}

.Table1_ td,
.Table2_ td {
background-color: #fff;
}

.Table1_ th {
border-right: 1px solid var(--base-middle);
text-align: left;
}

.Table1_ th,
.Table2_ th,
.Table1_ td,
.Table2_ td {
font-size: 1.4rem;
}

.Table1_ th {
width: 30%;
}


/* 旧class --------------------------------------------------- */

/* Table1（項目：左） */
.Table1 {
border-left: solid 1px var(--primary-pale);
border-top: solid 1px var(--primary-pale);
}

.Table1 th {
padding: 8px 10px;
border-bottom: solid 1px var(--primary-pale);
font-size: 1.4rem;
text-align: left;
background: var(--base-pale);
}

.Table1 td {
padding: 8px 10px;
border-right: solid 1px var(--primary-pale);
border-bottom: solid 1px var(--primary-pale);
font-size: 1.4rem;
background: #ffffff;
}

/* Table2（項目：上） */
.Table2 {
border-left: solid 1px var(--primary-pale);
border-top: solid 1px var(--primary-pale);
}

.Table2 th {
padding: 1.6rem 2rem;
border-right: solid 1px var(--primary-pale);
font-size: 1.4rem;
background: var(--base-pale);
}

.Table2 td {
padding: 15px 20px;
border-right: solid 1px var(--primary-pale);
border-bottom: solid 1px var(--primary-pale);
font-size: 1.4rem;
text-align: center;
background: #ffffff;
}



/* ■ 囲み（Box） ==================================================================================== */

.Box {
margin-top: var(--gap-int);
border: 1px solid var(--background-4);
}

.Box {
padding: 1.5em 1.5em;
}



/* ■ よくある質問（旧class）--------------------------------------------------- */

.FaqUnit dl {
margin: 15px 0 0 0;
}

.FaqUnit dt, .FaqUnit dd {
margin: 0 0 10px 0;
line-height: 1.6em;
}

.FaqUnit dt {
padding: 6px 0 6px 50px;
font-size: 108%;
font-weight: bold;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_FaqQ.png) no-repeat left center;
}

.FaqUnit dd {
padding: 0 0 14px 50px;
background: url(https://d2130aokgzcx3l.cloudfront.net/images/common/icon/Icon_FaqA.png) no-repeat left top;
}



/* ■ タブメニュー ==================================================================================== */

.TabMenu {
display: flex;
gap: 0.2rem;
}

.TabMenu a {
display: block;
padding: 1.8rem 2.4rem;
font-size: 1.4rem;
line-height: 1;
font-weight: 500;
text-align: center;
color: var(--base);
background: var(--base-pale);
}

.TabMenu a.Current {
color: #fff;
background: var(--primary);
}

.TabMenu li:first-child a {
border-radius: 0.8rem 0 0 0;
}

.TabMenu li:last-child a {
border-radius:  0 0.8rem 0 0;
}

@media (hover: hover) {

}



/* ■ CSSスライダー ==================================================================================== */

.SliderCSS {
margin-top: 3.2rem;
white-space: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
}

.SliderCSS li {
display: inline-block;
width: 17% !important;
margin-right: 2.4rem !important;
margin-bottom: 6rem !important;
vertical-align: top;
white-space: normal;
scroll-snap-align: center;
}



/* ■ テキストリンクアイコン ==================================================================================== */

/*
旧class
*/

/* .LinkFwd, */
.LinkBack,
.LinkDown,
.LinkNewWin,
.LinkPDF {
display: flex;
align-items: center;
justify-content: flex-end;
}

/* .LinkFwd::after, */
.LinkBack::after,
.LinkDown::after,
.LinkNewWin::after,
.LinkPDF::after {
display: inline-block;
margin-left: 0.7rem;
content: '';
}

/* .LinkFwd::after, */
.LinkBack::after,
.LinkDown::after {
width: 0.8rem;
height: 0.8rem;
border-top: 2px solid var(--primary);
border-right: 2px solid var(--primary);
}

/* 進む（LinkFwd） */
.LinkFwd::after {
transform: rotate(45deg);
}

/* 戻る（LinkBack） */
.LinkBack::after {
left: 0.2rem;
transform: rotate(225deg);
}

/* 下へ（LinkDown） */
.LinkDown::after {
margin-top: -0.5rem;
transform: rotate(135deg);
}

/* 別ウインドウ（LinkNewWin） */
.LinkNewWin::after {
width: 1.2rem;
height: 1rem;
background: url(../../images_rev2/common/icon/Icon_NewWin.png) no-repeat;
background-size: contain;
}

/* PDF（LinkPDF） */


/* 旧class --------------------------------------------------- */

.LinkFwdR {
text-align: right;
}



/* ■ リンクアイコン ==================================================================================== */

/*
矢印1
プラス・マイナス
*/


/* 矢印1 --------------------------------------------------- */

.LinkIcon1 {
display: block;
position: relative;
}

.LinkIcon1::before {
display: block;
position: absolute;
border-top: solid 1px #000;
border-right: solid 1px #000;
transform: rotate(45deg);
content: '';
}

.LinkIcon1 {
padding-left: 1.3rem;
padding-left: 1.3rem;
line-height: 1.5;
}

.LinkIcon1::before {
left: 0;
top: 0.8rem;
width: 0.6rem;
height: 0.6rem;
}


/* プラス・マイナス --------------------------------------------------- */

.LinkIconPlus {
display: block;
position: relative;
}

.LinkIconPlus::before,
.LinkIconPlus::after {
display: block;
position: absolute;
top: 50%;
right: 1.5rem;
width: 1.5rem;
height: 0.1rem;
background-color: #000;
content: "";
}

.LinkIconPlus::after {
transform: rotate(90deg);
}

.LinkIconPlus.Current::after {
display: none;
}

.LinkIconPlus {
padding-right: 8rem;
}



/* ■ ボタン ==================================================================================== */

/*
通常
フォーム系
設定系
*/


/* 通常 --------------------------------------------------- */

.BtnS,
.BtnM,
.BtnL,
.BtnForm_M {
display: inline-block;
position: relative;
border: 1px solid;
border-radius: var(--border-r1);
line-height: 1;
font-weight: 700;
text-align: center;
}

/* 文字サイズ */
.BtnS {
font-size: calc(1.6rem * 0.9);
}

.BtnM {
font-size: calc(1.6rem * 1);
}

.BtnL {
font-size: calc(1.6rem * 1.2);
}

/* 矢印 */
.BtnAllowRight::after {
display: block;
position: absolute;
top: 50%;
width: 1.6rem;
height: 1.6rem;
margin-top: -0.8rem;
content: '';
}

/* 矢印：右 */
.BtnAllowRight::after {
right: 2rem;
background: url(../images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
background-size: contain;
transition: transform 0.2s ease 0.01s;
}

/* カラー：1 */
.BtnColor1,
a.BtnColor1 {
color: var(--base);
border-color: var(--primary);
background-color: #fff;
}

.BtnColor1::after {
border-color: var(--primary);
}

/* カラー：2 */
.BtnColor2,
a.BtnColor2 {
color: #fff;
border-color: var(--primary);
background-color: var(--primary);
}

.BtnColor2::after {
border-color: var(--primary);
}

/* カラー：3 */
.BtnColor3,
a.BtnColor3 {
color: var(--base);
border-color: var(--base-middle);
background-color: #fff;
}

.BtnColor2::after {
border-color: var(--base-middle);
}

/* 開く・閉じる */
.BtnOpenClose,
a.BtnOpenClose {
display: inline-block;
position: relative;
border-radius: 4px;
border: 1px solid var(--base-middle);
font-weight: 500;
color: var(--base);
background: #fff;
}

.BtnOpenClose::before,
.BtnOpenClose::after {
display: block;
position: absolute;
top: 50%;
right: 1.6rem;
width: 1.6rem;
height: 0.1rem;
background-color: var(--base);
content: "";
}

.BtnOpenClose::after {
transform: rotate(90deg);
}

.BtnOpenClose.BtnClose::after {
display: none;
}

.BtnS,
.BtnM,
.BtnL {
display: flex;
align-items: center;
justify-content: center;
}

.BtnS {
padding: 0.8rem 3rem;
}

.BtnM {
width: 40rem;
height: 5.6rem;
}

.BtnL {
padding: 1.8rem 3rem;
}

/* 開く・閉じる */
.BtnOpenClose {
width: 32rem;
padding: 1rem 3rem;
font-size: 1.4rem;
}

@media (hover: hover) {

	/* 矢印：右 */
/*
	.BtnAllowRight:hover::after {
	transform: translate(0.4rem);
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	}
*/

	/* カラー：1 */
/*
	.BtnColor1:hover,
	a.BtnColor1:hover {
	color: #fff;
	background-color: var(--primary);
	opacity: 1;
	}
*/

}


/* フォーム系 --------------------------------------------------- */

.BtnForm_M {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 8rem;
border-radius: 4px;
font-size: 2rem;
line-height: 1;
font-weight: 700;
}


/* 設定系 --------------------------------------------------- */

.BtnSet1,
a.BtnSet1 {
display: inline-block;
padding: 0.6rem 1.6rem;
border-radius: 4px;
font-size: 1.4rem;
line-height: 1;
font-weight: 500;
color: #fff;
background: var(--primary);
}



/* ■ シェア ==================================================================================== */

.Share {
display: flex;
align-items: center;
gap: 0.6rem;
}

.Share_Mds {
margin-right: 1rem;
font-weight: 500;
}

.Share_Twitter,
.Share_Line {
display: inline-block;
width: 4rem;
height: 4rem;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}

.Share_Twitter {
background-image: url(../images_rev2/common/icon/Icon_SNS_X.png);
}

.Share_Line {
background-image: url(../images_rev2/common/icon/Icon_SNS_Line.png?ver=2);
}

.Share_Copy {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
position: relative;
height: 4rem;
margin-left: auto;
border: 1px solid var(--base-middle);
border-radius: 100vh;
font-size: 1.2rem;
font-weight: 500;
color: var(--base) !important;
}

.Share_Copy em {
display: flex;
align-items: center;
justify-content: center;
height: 4rem;
padding-left: 2.4rem;
background: url(../images_rev2/common/icon/Icon_Copy.png) no-repeat;
background-position: 0 50%;
background-size: 1.8rem 1.8rem;
}

#CopyURL_Done {
position: absolute;
background: #fff;
}

.Share_Mds {
font-size: 1.4rem;
}



/* ■ アイコン ==================================================================================== */

/*
ステータスアイコン
対象年齢
送料無料
レビュー
閉じる
はてなマーク
*/


/* ステータスアイコン --------------------------------------------------- */

	.ItemIcon,
	.IconStatus {
	display: flex;
	flex-wrap: wrap;
	}

	.IconStatus img {
	width: auto;
	height: 2.2rem;
	margin-right: 0.8rem;
	}

	.ItemIcon img,
	.IconStatus.IconStatus_S img {
	height: 1.7rem;
	margin-right: 0.4rem;
	}


/* 対象年齢 --------------------------------------------------- */

.IconAge {
display: inline-block;
padding: 0.6rem 1.2rem;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
color: var(--base);
border: 1px solid var(--base-middle);
}


/* 送料無料 --------------------------------------------------- */

.IconFreeShipping {
display: inline-block;
padding: 0.6rem 0.6rem;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
color: #fff;
background: var(--attention-attention-5);
}


/* レビュー --------------------------------------------------- */

.IconReview {
display: inline-block;
width: 10rem;
height: 1.6rem;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
}

.IconReview_0 {
background-image: url(../images_rev2/common/icon/Icon_Review0.png);
}

.IconReview0_5 {
background-image: url(../images_rev2/common/icon/Icon_Review0_5.png);
}

.IconReview1 {
background-image: url(../images_rev2/common/icon/Icon_Review1.png);
}

.IconReview1_5 {
background-image: url(../images_rev2/common/icon/Icon_Review1_5.png);
}

.IconReview2 {
background-image: url(../images_rev2/common/icon/Icon_Review2.png);
}

.IconReview2_5 {
background-image: url(../images_rev2/common/icon/Icon_Review2_5.png);
}

.IconReview3 {
background-image: url(../images_rev2/common/icon/Icon_Review3.png);
}

.IconReview3_5 {
background-image: url(../images_rev2/common/icon/Icon_Review3_5.png);
}

.IconReview4 {
background-image: url(../images_rev2/common/icon/Icon_Review4.png);
}

.IconReview4_5 {
background-image: url(../images_rev2/common/icon/Icon_Review4_5.png);
}

.IconReview5 {
background-image: url(../images_rev2/common/icon/Icon_Review5.png);
}


/* 閉じる --------------------------------------------------- */

.IconClose {
display: inline-block;
position: relative;
width: 5.6rem;
height: 5.6rem;
cursor: pointer;
}

.IconClose_Item {
position: absolute;
display: block;
width: 1.8rem;
height: 0.2rem;
top: 2.53rem;
left: 0;
right: 0;
margin: auto;
background-color: var(--primary);
}

.IconClose_Item:nth-child(1) {
transform: translateY(0px) rotate(45deg);
}

.IconClose_Item:nth-child(2) {
transform: translateY(0px) rotate(-45deg);
}

.IconClose_White .IconClose_Item {
background-color: #fff;
}


/* はてなマーク --------------------------------------------------- */

.IconHatena {
position: relative;
padding-right: 1.8rem;
}

.IconHatena::after {
display: block;
position: absolute;
right: 0;
top: 50%;
width: 1.5rem;
height: 1.5rem;
margin-top: -0.75rem;
font-size: 1rem;
line-height: 1.4;
transform: scale(0.8);
transform-origin: left;
white-space: nowrap;
border-radius: 100vh;
text-align: center;
color: #fff;
background: var(--primary);
content: '?';
}

.IconHatena_Alert::after {
background: var(--attention-attention-2);
}



/* ■ 動画埋め込み ==================================================================================== */

/* video */
video {
margin-top: var(--gap-int);
}

/* iframe */
.MovieWrap,
.Movie {
position: relative;
width: 100%;
margin-top: var(--gap-int);
padding-bottom: 56.25%;
overflow: hidden;
}

.MovieWrap iframe,
.Movie iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}



/* ■ マップ埋め込み ==================================================================================== */

.MapWrap {
position: relative;
width: 100%;
/* aspect-ratio: 16 / 9; */
margin-top: var(--gap-int);
padding-top: 56.25%;
overflow: hidden;
}

.MapWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* ■ ページネーション ==================================================================================== */

/*
旧class
*/

.PageNation_Menu {
display: flex;
align-items: center;
justify-content: center;
}

.PageNation_Menu a,
.PageNation_Menu span {
display: flex;
align-items: center;
justify-content: center;
width: 4.8rem;
height: 4.8rem;
border-radius: 100vh;
font-size: 1.4rem;
font-weight: 500;
color: var(--base);
}

.PageNation_Prev a,
.PageNation_Next a {
position: relative;
}

.PageNation_Prev a em,
.PageNation_Next a em {
text-indent: -9999px;
}

.PageNation_Prev a:before,
.PageNation_Next a:before {
width: 1.3rem;
height: 1.3rem;
border-top: solid 2px var(--primary);
border-right: solid 2px var(--primary);
content: '';
}

.PageNation_Prev a:before {
transform: rotate(225deg);
}

.PageNation_Next a:before {
transform: rotate(45deg);
}

.PageNation_Current a {
color: #fff;
background: var(--primary);
}

.PageNation_Disabled a {
opacity: 0.2;
pointer-events: none;
}

@media (hover: hover) {

	.PageNation_Num:not(.PageNation_Current) a:hover {
	text-decoration: underline;
	color: var(--primary);
	opacity: 1;
	}

}


/* 旧class --------------------------------------------------- */

.PageNation {
margin-top: 3.2rem;
text-align: center;
}

.PageNation .Num {
font-size: 1.2rem;
line-height: 1;
}

.PageNation ul {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.6rem;
padding: 0 1.6rem;
}

.PageNation li a {
display: flex;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
	/* 商品詳細レビュー用：暫定設定 */
	width: 3.8rem;
	height: 3.8rem;
border-radius: 100vh;
font-size: 1.2rem;
font-weight: 500;
color: var(--base);
}

.PageNation li a.Current {
border: 1px solid #337bc6;
font-weight: bold;
color: #fff;
background: #337bc6;
}

.PageNation li.Prev a,
.PageNation li.Next a {
position: relative;
text-indent: -9999px;
}

.PageNation li.Prev a:before,
.PageNation li.Next a:before {
width: 1.3rem;
height: 1.3rem;
border-top: solid 2px var(--primary);
border-right: solid 2px var(--primary);
content: '';
}

.PageNation li.Prev a:before {
transform: rotate(225deg);
}

.PageNation li.Next a:before {
transform: rotate(45deg);
}



/* ■ モーダル ==================================================================================== */

/*
汎用
*/


/* 汎用 --------------------------------------------------- */

.ModalWindow_ {
position: relative;
max-width: 80rem;
margin: 0 auto;
padding: 0 6rem 6rem;
border-radius: 8px;
background: #fff;
}

.ModalWindow_Mds {
display: flex;
align-items: center;
justify-content: center;
height: 6.8rem;
margin: 0 -6rem 0;
padding-top: 0.4rem;
border-bottom: 1px solid var(--base-middle);
font-size: 1.4rem !important;
}

.ModalWindow_Unit {
margin-top: 6rem;
}

/* 閉じるボタン */
.ModalWindow_Close {
position: absolute;
z-index: 10000;
right: 0;
top: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.4;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.2s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}


/* ■ ニュースティッカー ==================================================================================== */

.NewsTicker {
position: relative;
z-index: 1;
background-color: #fff;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.NewsTickerUnit {
width: 100%;
padding: 0 1.6rem;
overflow: hidden;
}

.NewsTicker_List {
position: relative;
}

.NewsTicker_Each {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}

.NewsTicker_Each a {
display: inline-block;
width: auto;
white-space: nowrap;
transition: transform 5s linear;
}

.NewsTicker_Date {
position: relative;
color: var(--base-deep);
}

.NewsTicker_Date::after {
position: absolute;
top: 50%;
right: -0.7rem;
width: 0.1rem;
height: 1.2rem;
margin-top: -0.6rem;
background: var(--base-pale);
content: '';
}

.fadeInDown {
opacity: 0;
}

.fadeInDown.run {
animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.fadeOutDown {
opacity: 1;
}

.fadeOutDown.run {
animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-30px);
	}
}

.NewsTicker {
position: relative;
max-width: 112rem;
margin: -4rem auto 0 auto;
height: 8rem;
}

.NewsTickerUnit {
height: 8rem;
margin-left: 15rem;
}

.NewsTicker_Each {
padding-top: 3rem;
line-height: 1;
}

.NewsTicker_Date {
margin-right: 1rem;
font-size: 1.4rem;
}

.NewsTicker_Txt {
font-size: 1.4rem;
text-decoration: underline;
color: var(--base);
}

.NewsTicker::before {
position: absolute;
left: 4rem;
top: 3rem;
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
font-family: Albert Sans;
color: var(--base, #231815);
content: 'NEWS';
}



/* ■ ステッパー ==================================================================================== */

.Stepper {
display: flex;
align-items: center;
gap: 0.8rem;
}

.Stepper_Mds {
margin-right: 0.8rem;
font-size: 1.2rem;
}

.Stepper button,
.Stepper input {
border-radius: 4px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}

	input[type="number"] {
	-moz-appearance:textfield;
	}

.Stepper button {
width: 4rem;
height: 4rem;
background:  var(--base-middle);
}

.Stepper input {
width: 6.4rem;
height: 4rem;
border: 1px solid var(--base-middle);
text-align: center;
}



/* ■ 検索窓 ==================================================================================== */

.Search {
display: flex;
flex-flow: column;
margin-left: 3rem;
padding-top: 0.9rem;
}

.SearchBox {
display: flex;
}

.SearchBox_Txt {
width: 18rem;
height: 3.8rem;
padding-left: 1rem;
padding-right: 2rem;
border-radius: 0 100vh 100vh 0;
background: var(--base-pale);
font-size: 1.4rem;
line-height: 1.9;
}

.SearchBox_Txt::placeholder {
padding-right: 0.4rem;
text-align: center;
}

.SearchBox_Txt:-webkit-autofill {
box-shadow: 0 0 0 1000px var(--base-pale) inset;
}

.SearchBox_Btn {
width: 4rem;
height: 3.8rem;
border-radius: 100vh 0 0 100vh;
line-height: 1.9;
text-indent: -9999px;
background-color: var(--base-pale);
background-image: url(../images_rev2/common/icon/Icon_Search.png);
background-repeat: no-repeat;
background-position: 2rem 50%;
background-size: 1.6rem 1.6rem;
cursor: pointer;
}


/* 詳細検索・おすすめのキーワード --------------------------------------------------- */

.SearchOptions {
position: relative;
z-index: 999;
display: flex;
justify-content: center;
margin-left: 1rem;
}

/* 詳細検索 */
.SearchDetail li {
text-align: center;
line-height: 1;
}

a.SearchOptions_Level1 {
display: inline-block;
margin: 0 0.6rem;
padding: 1rem 0 0.8rem 0;
font-size: 1.1rem;
color: #666;
}

a.SearchOptions_Level1.highlighted {
color: var(--primary);
}

.SearchOptions_Fliter {
position: absolute;
left: -12rem !important;
z-index: 1000;
min-width: 30rem !important;
max-width: 30rem !important;
margin-top: 1.2rem !important;
padding: 3.2rem 0 3.2rem !important;
border: 1px solid var(--base-middle);
border-radius: 8px;
background-color: #fff;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.SearchOptions_Fliter::after,
.SearchOptions_Fliter::before {
position:absolute;
left: 50%;
bottom: 100%;
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
content:'';
}

.SearchOptions_Fliter::after {
margin-left: -10px;
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 10px;
border-right-width: 10px;
border-bottom-color: #fff;
}

.SearchOptions_Fliter::before {
margin-left: -11px;
margin-bottom: 1px;
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 11px;
border-right-width: 11px;
border-bottom-color:var(--base-middle);
}

.SearchOptions_Fliter li {
display: inline-block;
float: none;
width: 100%;
padding: 0 1.6rem;
border: none;
text-align: left;
}

.SearchBox_Txt.SearchBox_Txt_Header {
width: 100%;
padding-left: 2rem;
border-radius: 100vh;
}

.SearchBox_Txt.SearchBox_Txt_Header::placeholder {
padding-left: 0.8rem;
padding-right: 0;
}

.Filter_Unit_Header{
margin-top: 2rem;
}

.Filter_Unit_Header .Filter_SelectBox {
margin-top: 1rem;
}

.Filter_Unit_Header .Filter_Action {
width: 100%;
margin-top: 2rem;
}

.Filter_Unit_Header .Filter_Action_Submit {
width: 100%;
cursor: pointer;
}

/* おすすめのキーワード */
.SearchOptions_Keywords_List {
position: absolute;
left: -4rem !important;
z-index: 1000;
min-width: 20rem !important;
max-width: 20rem !important;
margin-top: 1.2rem !important;
padding: 1rem 0 !important;
border: 1px solid var(--base-middle);
border-radius: 8px;
background-color: #fff;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.SearchOptions_Keywords_List::after,
.SearchOptions_Keywords_List::before {
position:absolute;
left: 50%;
bottom: 100%;
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
content:'';
}

.SearchOptions_Keywords_List::after {
margin-left: -10px;
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 10px;
border-right-width: 10px;
border-bottom-color: #fff;
}

.SearchOptions_Keywords_List::before {
margin-left: -11px;
margin-bottom: 1px;
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 11px;
border-right-width: 11px;
border-bottom-color:var(--base-middle);
}

.SearchOptions_Keywords_List li {
display: inline-block;
float: none;
width: 100%;
padding: 0 1.6rem;
border: none;
text-align: left;
}

.SearchOptions_Keywords_List a {
display: block;
padding: 0.2rem 0;
font-size: 1.2rem;
line-height: 1.6;
color: #666;
}

@media print, screen and (min-width: 1300px) {

	.Search {
	margin-left: 4rem;
	}

	.SearchBox_Txt {
	width: 22rem;
	}

}

@media (hover: hover) {

	a.SearchOptions_Level1:hover,
	.SearchOptions_Keywords_List a:hover {
	color: var(--primary);
	opacity: 1;
	}

}



/* ■ TOPページ ==================================================================================== */



/* ■ 商品一覧・ジャンル ==================================================================================== */

/*
レイアウト
TitleUnit
絞り込み
商品一覧
追従絞り込みボタン
絞り込み（モーダル）
ジャンル一覧
年齢別ランキングリンク
エラー表示
バナー
*/


/* レイアウト --------------------------------------------------- */

.ItemList_Wrap {
max-width: 112rem;
margin: 0 auto;
padding-top: 10rem;
padding-bottom: 10rem;
}


/* TitleUnit --------------------------------------------------- */

.ItemList_TitleUnit {
padding: 0 0 3rem;
padding-bottom: 2rem;
border-bottom: 1px solid var(--base-middle);
}

.ItemList_TitleUnit_Mds {
font-size: 3.2rem !important;
line-height: 1.4;
font-weight: 700;
}

.ItemList_TitleUnit_Lead {
margin-top: 1rem;
line-height: 1.8;
}


/* 絞り込み --------------------------------------------------- */

.ItemList_Filter {
display: flex;
align-items: center;
margin-top: 10rem;
}

.ItemList_Filter_Unit {
display: flex;
align-items: center;
margin-left: auto;
}

.ItemList_Filter_Num {
display: flex;
align-items: center;
font-size: 2.4rem;
line-height: 1;
font-weight: 700;
}

.ItemList_Filter_Num span {
margin-left: 0.4rem;
font-size: 1.6rem;
}

.ItemList_Filter_SelectBox {
position: relative;
}

.ItemList_Filter_SelectBox select {
width: 100%;
height: 2.2rem;
padding-left: 3rem;
font-size: 1.4rem;
line-height: 1;
font-weight: 700;
color: var(--base);
background: url(../images_rev2/common/icon/Icon_Filter1.png) no-repeat;
background-position: 0 0.3rem;
background-size: 2.4rem 1.8rem;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

a.ItemList_Filter_Btn {
display: flex;
align-items: center;
position: relative;
height: 2.2rem;
margin-left: 4rem;
padding-left: 2.8rem;
font-size: 1.4rem;
line-height: 1;
font-weight: 700;
color: var(--base);
background: url(../images_rev2/common/icon/Icon_Filter2.png) no-repeat;
background-position: 0 0.1rem;
background-size: 2.1rem 2rem;
}

a.ItemList_Filter_Btn::before {
position: absolute;
left: -2.2rem;
top: 50%;
width: 0.1rem;
height: 2rem;
margin-top: -1rem;
background: var(--base-middle);
content: '';
}


/* 商品一覧 --------------------------------------------------- */

.ItemList_List_Wrap {
margin-top: 4rem;
}

.ItemList_List {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 3rem;
}

.ItemList_List li {
margin-top: 1.6rem;
padding-bottom: 1.2rem;
border-bottom: 1px solid var(--base-middle);
}

.ItemList_List .Item_Icon img {
margin-top: 1.2rem;
}

.ItemList_List .Item_Name_Wrap {
margin-top: 0.8rem;
}

.ItemList_List .Item_Name {
margin-top: 0;
color: var(--base);
}

.ItemList_List .Item_Age {
margin-top: 1.2rem;
}

.ItemList_List_Price {
display: flex;
align-items: center;
margin-top: 1rem;
}

.ItemList_List_Price .Item_Price {
margin-top: 0;
}

.ItemList_List_Price .Item_Bookmark {
position: relative;
width: 3.2rem;
height: 3.2rem;
margin-left: auto;
border: 1px solid var(--base-middle);
border-radius: 50%;
text-indent: -9999px;
}

.ItemList_List_Price .Item_Bookmark::before {
position: absolute;
width: 1.8em;
height: 1.7rem;
left: 50%;
top: 50%;
margin-left: -0.9rem;
margin-top: -0.75rem;
background: url(../images_rev2/common/icon/Icon_Bookmark_Grey.png) no-repeat;
background-size: contain;
content: '';
}

/* ページネーション */
.ItemList_PageNation {
margin-top: 6.4rem;
}


/* 追従絞り込みボタン --------------------------------------------------- */

.ItemList_FilterBtn_Unit {
display: none;
position: fixed;
right: 8rem;
bottom: 8rem;
z-index: 200;
}

#ItemList_FilterBtn_Btn {
display: flex;
align-items: center;
width: 24rem;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

#ItemList_FilterBtn_Btn span {
display: inline-block;
padding: 1rem 0 1rem 3rem;
background: url(../images_rev2/common/icon/Icon_Filter2.png) no-repeat;
background-position: 0 0.8rem;
background-size: 2.1rem 2rem;
}


/* 絞り込み（モーダル） --------------------------------------------------- */

.FormUnit.Filter_Unit {
margin-bottom: 0;
border-bottom: none;
}

.Filter_CheckBox_Unit {
display: flex;
align-items: center;
gap: 4rem;
}

.Filter_SelectBox_Unit {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.8rem;
margin-top: 3rem;
}

.Filter_SelectBox {
width: 100%;
}

.Filter_SelectBox select {
width: 100%;
}

.Filter_Action {
display: flex;
align-items: center;
gap: 0.8rem;
width: 40.8rem;
margin: 6.4rem auto 0;
}

.Filter_Action .Filter_Action_Reset,
.Filter_Action .Filter_Action_Submit {
height: 4.8rem;
}


/* ジャンル一覧 --------------------------------------------------- */

.GenreList_Wrap {
margin-top: 5rem;
}

.GenreList_List {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 4rem 3rem;
}

.Genre_Photo img {
border-radius: 8px;
border: 1px solid var(--primary);
}

.Genre_Name {
margin-top: 0.8rem;
font-size: 1.4rem;
line-height: 1.3;
font-weight: 500;
color: var(--base);
}


/* 年齢別ランキングリンク --------------------------------------------------- */

.RankingAge_List {
margin-top: 6rem;
}

.RankingAge_List {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 1rem;
}

.RankingAge_List a {
display: block;
padding: 1.6rem 0;
border: 1px solid var(--primary);
border-radius: 8px;
font-size: 1.5rem;
line-height: 1;
text-align: center;
color: var(--base);
}


/* 年齢別ランキングバナー --------------------------------------------------- */

.RankingBannerWrap {
max-width: 54rem;
margin: 6rem auto 0;
}


/* エラー表示 --------------------------------------------------- */

#Page_ItemList_ .AlertBox {
margin-top: 3rem;
}



/* ■ 商品詳細 ==================================================================================== */

/*
MainUnit
SubUnit
レビュー
関連記事
ギフト包装
追従カートボタン
*/


/* MainUnit --------------------------------------------------- */

.ItemDetail_MainUnit {
display: flex;
max-width: 118rem;
margin: 0 auto;
padding: 10rem 3rem 0;
}

/* 商品画像 */
.ItemDetail_Photo_List {
width: 64rem;
}

.ItemDetail_Photo_List li {
width: 64rem;
min-height: 64rem;
border: 1px solid var(--base-middle);
}

.ItemDetail_Photo_Thumb {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap: 1rem;
width: 64rem;
margin-top: 1.6rem;
}

.ItemDetail_Photo_Thumb a img {
border: 1px solid var(--base-middle);
}

.ItemDetail_Photo_Thumb a:hover img {
border: 1px solid var(--primary);
}

/* カートユニット */
.ItemDetail_Cart {
margin-left: 8rem;
flex: 1;
}

/* ステータスアイコン */
.ItemDetail_Cart_IconStatus {
margin-bottom: 4rem;
}

/* 対象年齢 */
.ItemDetail_Cart_Age {
}

/* 商品名 */
.ItemDetail_Cart_ItemName {
margin-top: 1rem;
font-size: 2.4rem !important;
font-weight: 700;
line-height: 1.5 !important;
}

/* レビュー */
.ItemDetail_Cart_Review {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 1.6rem;
}

.ItemDetail_Cart_Review_Starts {
width: 12.4rem;
height: 2rem;
}

.ItemDetail_Cart_Review_Num {
font-size: 1.4rem;
line-height: 1;
}

.ItemDetail_Cart_Review_Link {
font-size: 1.4rem;
line-height: 1;
}

/* 価格 */
.ItemDetail_Cart_Price {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 4rem;
}

.ItemDetail_Cart_Price_Num {
display: flex;
align-items: center;
font-size: 4rem;
line-height: 1;
font-weight: 700;
}

.ItemDetail_Cart_Price_Num span {
margin-right: 0.3rem;
padding-top: 1rem;
font-size: 1.4rem;
}

.ItemDetail_Cart_Price_Notice {
padding-top: 0.4rem;
font-size: 1.1rem;
}

/* 数量 */
.ItemDetail_Cart_Quantity {
margin-top: 2.5rem;
}

/* 注意書き */
.ItemDetail_Cart_Notice {
margin-top: 2.5rem;
}

/* 特典案内 */
.ItemDetail_Cart_Privilege {
margin-top: 2.5rem;
}

.ItemDetail_Cart_Privilege li {
display: flex;
align-items: center;
margin-top: 1.2rem;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
}

.ItemDetail_Cart_Privilege li::before {
margin-top: 0.1rem;
margin-right: 0.5rem;
}

.ItemDetail_Cart_Privilege li:nth-child(1)::before {
width: 1.6rem;
height: 1.23rem;
background: url(/images_rev2/common/icon/Icon_Privilege_Wrapping_Base.png) no-repeat;
background-size: contain;
content: '';
}

.ItemDetail_Cart_Privilege li:nth-child(2)::before {
width: 1.6rem;
height: 1.23rem;
background: url(/images_rev2/common/icon/Icon_Privilege_Shipping_Base.png) no-repeat;
background-size: contain;
content: '';
}

.ItemDetail_Cart_Privilege_Link {
margin-left: 0.6rem;
font-weight: 400;
}

/* CTA */
.ItemDetail_Cart_CTA {
margin-top: 2.5rem;
}

.ItemDetail_Cart_CTA_Main {
display: flex;
align-items: center;
gap: 0.8rem;
}

.ItemDetail_Cart_CTA_Cart {
width: inherit;
height: 4.8rem;
flex-grow: 1;
}

.ItemDetail_Cart_CTA_SoldOut {
color: var(--attention-attention-1);
}

.ItemDetail_Cart_CTA_Bookmark {
position: relative;
width: 4.8rem;
height: 4.8rem;
border-radius: 50%;
border: 1px solid var(--base-middle);
text-indent: -9999px;
}

.ItemDetail_Cart_CTA_Bookmark::before {
position: absolute;
width: 2.4rem;
height: 2.3rem;
left: 50%;
top: 50%;
margin-left: -1.2rem;
margin-top: -1.15rem;
background-repeat: no-repeat;
background-size: contain;
content: '';
}

.ItemDetail_Cart_CTA_Bookmark.Bookmark_Off::before {
background-image: url(../images_rev2/common/icon/Icon_Bookmark_Grey.png);
}

.ItemDetail_Cart_CTA_Bookmark.Bookmark_On::before {
background-image: url(../images_rev2/common/icon/Icon_Bookmark_Pink.png);
}

.ItemDetail_Cart_CTA_Restock {
margin-top: 1.6rem;
}

.ItemDetail_Cart_CTA_Restock_Btn {
width: 100%;
}

.ItemDetail_Cart_CTA_Sub {
display: flex;
align-items: center;
gap: 0.8rem;
margin-top: 1.6rem;
}

.ItemDetail_Cart_CTA_Sub a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 4.8rem;
border: 1px solid var(--base-middle);
border-radius: 100vh;
font-size: 1.2rem;
font-weight: 500;
color: var(--base);
}

.ItemDetail_Cart_CTA_Shop.ItemDetail_Cart_CTA_Shop_Highlight {
border-color: var(--primary);
background-color: var(--primary);
color: #fff;
}

.ItemDetail_Cart_CTA_Refund {
margin-top: 1.2rem;
text-align: right;
}

.ItemDetail_Cart_CTA_Refund a {
font-size: 1.2rem;
line-height: 1;
}

/* eGiftボタン */
.ItemDetail_Cart_CTA_eGift {
display: flex;
align-items: center;
gap: 0.8rem;
margin-top: 1.6rem;
}

.ItemDetail_Cart_CTA_eGift::after {
width: 4.8rem;
content: "";
}

a.ItemDetail_Cart_CTA_eGift_Btn {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
flex-grow: 1;
width: inherit;
height: 4.8rem;
padding-bottom: 0.2rem;
border: 1px solid var(--base);
border-radius: var(--border-r1);
line-height: 1;
font-weight: 500;
color: var(--base);
background-color: #fff;
}

.ItemDetail_Cart_CTA_eGift_Btn_Catch {
margin-bottom: 0.4rem;
font-size: 1.2rem;
font-weight: 400;
}

.ItemDetail_Cart_CTA_eGift_Link {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.4rem;
font-size: 1.2rem;
}

/* AmazonPay バナー */
.ItemDetail_Cart_CTA_AmazonPay_Banner {
margin-top: 1.6rem;
}

/* 注意事項 */
.ItemDetail_Cart_CTA_Notice {
margin-top: 1.6rem;
padding: 1.8rem 1.6rem;
border: 1px solid var(--base-middle);
border-radius: 4px;
color: var(--attention-attention-2);
}

.ItemDetail_Cart_CTA_Notice_Mds {
font-size: 1.6rem !important;
line-height: 1.3;
}

.ItemDetail_Cart_CTA_Notice_Lead {
margin-top: 1rem;
font-size: 1.4rem;
line-height: 1.7;
}

/* シェア */
.ItemDetail_Cart_Share {
margin-top: 2rem;
padding-top: 2.3rem;
border-top: 1px solid var(--base-middle);
}

/* リンクをコピー */
#CopyURL_Done {
display: none;
}

/* バリエーション */
.ItemDetail_Cart_Variation {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid var(--base-middle);
}

.ItemDetail_Cart_Variation_Mds {
font-size: 1.6rem;
}

.ItemDetail_Cart_Variation_Lead {
margin-top: 0.3rem;
font-size: 1.2rem;
}

.ItemDetail_Cart_Variation_Unit {
margin-top: 2rem;
}

.ItemDetail_Cart_Variation_List {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.2rem;
margin-top: 1.4rem;
}

.ItemDetail_Cart_Variation_Each {
display: flex;
align-items: center;
height: 6.2rem;
border: 1px solid var(--base-middle);
}

.ItemDetail_Cart_Variation_Each.Current {
border: 1px solid var(--primary);
color: var(--base);
pointer-events: none;
}

.ItemDetail_Cart_Variation_Unit_Mds {
position: relative;
padding-left: 1.6rem;
font-size: 1.4rem;
line-height: 1;
}

.ItemDetail_Cart_Variation_Unit_Mds::before {
position: absolute;
left: 0.1rem;
top: 50%;
width: 1rem;
height: 1rem;
margin-top: -0.4rem;
background-color: var(--base);
content: "";
}

.ItemDetail_Cart_Variation_Photo {
width: 6rem;
}

.ItemDetail_Cart_Variation_Name {
font-size: 1.4rem;
line-height: 1.2;
letter-spacing: 0.01em;
font-feature-settings: "palt";
}

#ItemDetail_Cart_Variation_Unit_1 .ItemDetail_Cart_Variation_Name {
flex: 1;
padding-left: 0.4rem;
}

#ItemDetail_Cart_Variation_Unit_2 .ItemDetail_Cart_Variation_Name {
padding-left: 1.2rem;
}

@media (hover: hover) {

	.ItemDetail_Cart_Variation_Each {
	transition: all 0.2s ease 0.01s !important;
	}

	.ItemDetail_Cart_Variation_Each:hover {
	border: 1px solid var(--primary);
	opacity: 1;
	}

}


/* SubUnit --------------------------------------------------- */

.ItemDetail_SubUnit {
max-width: 118rem;
margin: 0 auto;
padding: 10rem 3rem 0;
}

/* タブメニュー */
.ItemDetail_TabMenuUnit {
border-bottom: 1px solid var(--base-middle)
}

.ItemDetail_TabMenu a {
width: 15rem;
}

/* 商品情報 */
.ItemDetail_ItemInfoUnit {
margin-top: 4.8rem;
}

.ItemDetail_ItemInfo {
line-height: 1.9;
}

/* もっと見る */
#ItemDetail_ItemInfo_More_Wrap {
display: none;
}

#ItemDetail_ItemInfo_1 {
position: relative;
}

.ItemDetail_ItemInfo_More {
display: flex;
align-items: flex-end;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 15rem;
text-align: center;
background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,5));
}

/* 商品情報2 */
#ItemDetail_ItemInfo_2 {
display: none;
}

/* 閉じる */
.ItemDetail_ItemInfo_Close_Wrap {
margin-top: 4rem;
text-align: center;
}

/* ダウンロード */
.ItemDetail_ItemInfo_Download {
margin-top: 6rem;
padding-top: 2rem;
border-top: 1px solid var(--base-middle);
}

.ItemDetail_ItemInfo_Download_Menu li {
margin: 0.4rem 0;
}

.ItemDetail_ItemInfo_Download_Menu a {
display: inline-block;
position: relative;
font-size: 1.4rem;
line-height: 1.5;
padding-left: 3rem;
}

.ItemDetail_ItemInfo_Download_Menu a::before {
position: absolute;
left: 0;
top: -0.2rem;
width: 2.4rem;
height: 2.4rem;
background: url(../images_rev2/common/icon/Icon_File_File.png) no-repeat;
background-size: contain;
content: "";
}

.ItemDetail_ItemInfo_Download_Menu a[href$='.pdf']::before {
position: absolute;
left: 0;
top: -0.2rem;
width: 2.4rem;
height: 2.4rem;
background: url(../images_rev2/common/icon/Icon_File_PDF.png) no-repeat;
background-size: contain;
content: "";
}

/* サイズ・素材 */
.ItemDetail_SpecUnit {
margin-top: 4.8rem;
}

.ItemDetail_SpecUnit_Mds {
font-size: 2rem;
font-weight: 700;
}

.ItemDetail_SpecUnit_Table {
margin-top: 4rem;
}

.ItemDetail_SpecUnit_Table_Wrap {
display: flex;
gap: 8rem;
}

/* 注意事項 */
.ItemDetail_NoticeUnit {
margin-top: 4.8rem;
}

.ItemDetail_NoticeUnit_Mds {
font-size: 2rem;
font-weight: 700;
}

.ItemDetail_NoticeUnit_Table {
margin-top: 4rem;
}


/* レビュー --------------------------------------------------- */

.ItemDetail_Review {
margin-top: 10rem;
padding: 6rem 0 10rem;
border-top: 1px solid var(--base-middle);
border-radius: 4px;
}

.ItemDetail_ReviewUnit {
max-width: 118rem;
margin: 0 auto;
padding: 4rem 3rem 0;
}

.ItemDetail_Review_Rating_Wrap {
padding-top: 0.4rem;
}

.ItemDetail_Review_Mds {
font-size: 2.4rem !important;
line-height: 1;
font-weight: 700;
}

.ItemDetail_ReviewUnit_Wrap {
display: flex;
}

.ItemDetail_Review_Rating {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 28rem;
margin-top: 1.8rem;
margin-right: 8rem;
padding-bottom: 4rem;
border-radius: 4px;
border-bottom: 1px solid var(--base-middle);
}

.ItemDetail_Review_Rating_Starts {
width: 12.4rem;
height: 2rem;
}

.ItemDetail_Review_Rating_Num {
margin-left: 1.2rem;
font-size: 1.6rem;
line-height: 1;
}

.ItemDetail_Review_Rating_Write {
margin-top: 2rem;
font-size: 1.6rem;
line-height: 1;
}

.ItemDetail_Review_Each:not(:first-of-type) {
margin-top: 3.2rem;
}

.ItemDetail_Review_Each {
padding-bottom: 2.4rem;
background-image : linear-gradient(to right, #999 1px, transparent 1px);
background-repeat: repeat-x;
background-size: 6px 1px;
background-position: left bottom;
}

.ItemDetail_Review_Each_Mds {
font-size: 1.6rem;
line-height: 1.6;
font-weight: 700;
}

.ItemDetail_Review_Each_Rating {
display: flex;
align-items: center;
margin-top: 2rem;
}

.ItemDetail_Review_Each_Date {
margin-left: 1.8rem;
font-size: 1.2rem;
color: var(--base);
opacity: 0.5;
}

.ItemDetail_Review_Each_Lead {
margin-top: 1.6rem;
font-size: 1.6rem;
line-height: 1.9;
}

.ItemDetail_Review_PageNation {
margin-top: 6rem;
}

/* レビュー無し */
.ItemDetail_Review_NoReview_Mds {
font-size: 2.4rem !important;
line-height: 1;
font-weight: 700;
}

.ItemDetail_Review_NoReview_Lead {
margin-top: 2rem;
font-size: 1.4rem;
line-height: 1.4;
}

.ItemDetail_Review_NoReview_Write {
margin-top: 1.6rem;
font-size: 1.6rem;
line-height: 1;
}

/* 臨時案内 */
.ItemDetail_Review_Notice {
margin-top: -2rem;
margin-bottom: 4rem;
padding: 2.4rem;
border: 1px solid var(--base-middle);
font-size: 1.4rem;
line-height: 1.8;
color: #333;
}


/* 関連記事 --------------------------------------------------- */

.ItemDetail_Related {
padding: 10rem 0 10rem;
background-color: var(--background-2);
background-image: url(../images_rev2/common/pict/Pict_Town1.png);
background-repeat: no-repeat;
background-size: 38.3rem 20rem;
background-position: right -3rem bottom 0;
}

.ItemDetail_Related_Unit {
max-width: 118rem;
margin: 0 auto;
padding: 0 3rem;
}

.ItemDetail_Related_Mds {
position: relative;
font-size: 2.6rem !important;
line-height: 1;
font-weight: 700;
}

.ItemDetail_Related_Mds::after {
position: absolute;
top: 50%;
left: 32rem;
width: 58%;
height: 0.1rem;
background: var(--base-pale);
content: '';
}

.ItemDetail_Related_List {
margin: 3.8rem -1.5rem 0;
}

.ItemDetail_Related_Lead1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-top: 1.6rem;
font-size: 1.2rem;
line-height: 1;
color: var(--base-deep);
overflow: hidden;
}

.ItemDetail_Related_Lead2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-top: 0.8rem;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
color: var(--base);
overflow: hidden;
}


/* ギフト包装 --------------------------------------------------- */

.ItemDetail_WrappingInfo_Wrap {
position: relative;
max-width: 70rem;
margin: 0 auto;
padding: 3rem 0 4rem;
border-radius: 8px;
background: #fff;
}

.ItemDetail_WrappingInfo {
max-width: 64rem;
margin: 0 auto;
}

.ItemDetail_WrappingInfo_Header {
height: 3.6rem;
border-bottom: 3px solid var(--primary);
}

.ItemDetail_WrappingInfo_Inner {
height: 40rem;
overflow-y: scroll;
}

.ItemDetail_WrappingInfo #Page_Guide {
margin-left: 0;
}

.ItemDetail_WrappingInfo #Page_Guide .SectionBasic:nth-of-type(1) {
margin-top: 2.4rem;
}

.ItemDetail_WrappingInfo #Page_Guide .SectionBasic:nth-of-type(1) h2 {
padding-top: 0;
border-top: none;
}


/* ■ カート ==================================================================================== */

/*
TitleUnit
レイアウト
MainUnit
SubUnit
最近見た商品
おすすめ商品
追従注文ボタン
カート空
*/


/* TitleUnit --------------------------------------------------- */

.Cart_TitleUnit {
max-width: 118rem;
margin: 0 auto;
padding: 10rem 3rem 4rem;
}

.Cart_MdsUnit {
display: flex;
align-items: center;
}

.Cart_MdsUnit_Mds {
font-size: 3.2rem !important;
line-height: 1;
font-weight: 700;
}

.Cart_MdsUnit_Notice {
margin-left: auto;
}

.Cart_MdsUnit_Notice a {
display: block;
padding: 0.3rem 0.2rem 0.3rem 0.7rem;
border: 1px solid var(--attention-attention-2);
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
color: var(--attention-attention-2);
}


/* レイアウト --------------------------------------------------- */

.Cart_Wrap {
display: flex;
max-width: 118rem;
margin: 0 auto;
padding: 0 3rem 10rem;
}

.Cart_MainUnit {
flex: 1;
margin-right: 8rem;
}

.Cart_SubUnit {
width: 40rem;
margin-left: auto;
overflow: hidden;
}

/* アラート */
#Page_Cart_ .AlertBox {
max-width: 112rem;
margin: 0 auto 4rem;
}


/* MainUnit --------------------------------------------------- */

.Cart_MainUnit {
}

/* Promotion */
.Cart_Promotion {
margin-bottom: 4rem;
}

.Cart_Promotion_Lead {
display: flex;
align-items: center;
margin-top: 1.6rem;
}

.Cart_Promotion_Lead1 {
margin-right: 1rem;
font-size: 1.8rem;
line-height: 1.5rem;
font-weight: 700;
}

.Cart_Promotion_Lead2 {
font-size: 1.2rem;
line-height: 1.5rem;
}

/* ItemList */
.Cart_ItemList_Wrap {
border-top: 1px solid var(--base-middle);
border-bottom: 1px solid var(--base-middle);
}

.Cart_ItemList {
display: flex;
align-items: flex-start;
padding: 3rem 0;
background-image: linear-gradient(to right, #999 1px, transparent 1px);
background-repeat: repeat-x;
background-size: 6px 1px;
background-position: left top;
}

.Cart_ItemList:first-of-type {
background-image: none;
}

.Cart_ItemList_Item {
display: flex;
flex: 1;
}

.Cart_ItemList_Item_Photo {
width: 16rem;
margin-right: 2rem;
}

.Cart_ItemList_Item_Photo img {
border: 1px solid var(--base-middle);
}

.Cart_ItemList_Item_Unit {
flex: 1;
margin-left: auto;
}

.Cart_ItemList_Item_Name {
font-size: 1.6rem;
line-height: 1.5;
font-weight: 700;
}

.Cart_ItemList_Item_Price {
margin-top: 0.8rem;
font-size: 1.2rem;
}

.Cart_ItemList_Item_Price .Mark_Tax {
font-size: 1rem;
font-feature-settings: "palt";
}

.Cart_ItemList_Item_Notice {
margin-top: 0.8rem;
font-size: 1rem;
}

.Cart_ItemList_Subtotal_Quantity {
display: flex;
align-items: center;
margin-top: 1.6rem;
}

.Cart_ItemList_Subtotal_Quantity_Stepper {
margin-right: 2rem;
}

.Cart_ItemList_Subtotal {
display: flex;
align-items: center;
width: 18rem;
}

.Cart_ItemList_Subtotal_Price {
display: flex;
align-items: center;
margin-left: auto;
font-size: 2rem;
font-weight: 700;
}

.Cart_ItemList_Subtotal_Price .Mark_Yen {
margin-right: 0.3rem;
padding-top: 0.5rem;
font-size: 1.4rem;
}

.Cart_ItemList_Subtotal_Price .Mark_Tax {
padding-top: 0.2rem;
font-size: 1.2rem;
font-weight: 500;
font-feature-settings: "palt";
}

.Cart_ItemList_Delete {
font-size: 1.4rem;
}


/* SubUnit --------------------------------------------------- */

.Cart_SubUnit_Wrap {
padding: 2.4rem;
background: var(--background-2);
}

.Cart_SubUnit_MdsUnit {
display: flex;
align-items: center;
padding-bottom: 1.1rem;
border-radius: 4px;
border-bottom: 1px solid var(--base-middle);
}

.Cart_SubUnit_MdsUnit_Mds {
font-size: 1.8rem !important;
line-height: 1;
font-weight: 700;
}

.Cart_SubUnit_MdsUnit_Icon {
margin-left: 1.2rem;
}

.Cart_SubUnit_Total_Mds {
margin-top: 3.2rem;
font-size: 1.8rem !important;
line-height: 1;
font-weight: 700;
}

.Cart_SubUnit_Total {
display: flex;
align-items: center;
margin-top: 1rem;
}

.Cart_SubUnit_Total_Price {
display: flex;
align-items: center;
font-size: 3.2rem;
line-height: 1;
font-weight: 700;
}

.Cart_SubUnit_Total_Price .Mark_Yen {
margin-right: 0.2rem;
padding-top: 1.2rem;
font-size: 1.4rem;
}

.Cart_SubUnit_Total_Price .Mark_Tax {
padding-top: 0.8rem;
font-size: 1.4rem;
font-feature-settings: "palt";
}

.Cart_SubUnit_Total_Recalc {
margin-left: auto;
}

.Cart_SubUnit_CTA_Buy {
margin-top: 2.4rem;
}

.Cart_SubUnit_CTA_Buy a span {
display: inline-block;
padding: 1rem 0 1rem 3rem;
background: url(../images_rev2/common/icon/Icon_Cart_White.png) no-repeat;
background-position: 0 0.9rem;
background-size: 2.2rem 2rem;
}

.Cart_SubUnit_CTA_Back {
margin-top: 2.4rem;
font-size: 1.4rem;
line-height: 1;
font-weight: 500;
text-align: center;
}

/* AmazonPay */
.Cart_SubUnit_CTA_AmazonPay {
margin-top: 2.2rem;
}

/* AmazonPay バナー */
.Cart_SubUnit_CTA_AmazonPay_Banner {
margin-top: 1.6rem;
}

/* ノベルティ */
.Cart_SubUnit_Novelty {
margin-top: 4rem;
border: 1px solid var(--attention-attention-3);
}

.Cart_SubUnit_Novelty_Mds {
padding: 1.6rem 1.6rem;
font-size: 1.5rem;
line-height: 1.6;
font-weight: 700;
font-feature-settings: "palt";
color: #fff;
background: var(--attention-attention-3);
}

.Cart_SubUnit_Novelty_Wrap {
padding: 2rem 1.6rem;
background: #fff;
}

.Cart_SubUnit_Novelty_Catch {
margin-bottom: 1.6rem;
font-size: 1.4rem;
line-height: 1.4;
font-weight: 700;
}

.Cart_SubUnit_Novelty_Catch span {
color: var(--attention-attention-3);
}

.Cart_SubUnit_Novelty_Lead {
margin-bottom: 1.6rem;
font-size: 1.4rem;
line-height: 1.4;
}

.Cart_SubUnit_Novelty_Item {
display: flex;
flex-flow: column;
margin-top: 2rem;
}

.Cart_SubUnit_Novelty_Item_Photo img {
border: 1px solid var(--base-middle);
}

.Cart_SubUnit_Novelty_Item_Unit {
margin-top: 1rem;
}

.Cart_SubUnit_Novelty_Item_Lead1 {
font-size: 1.4rem;
line-height: 1.6;
}

.Cart_SubUnit_Novelty_Item_Lead2 {
margin-top: 0.5rem;
font-size: 1.2rem;
line-height: 1.2;
}

.Cart_SubUnit_Novelty_Notice {
margin-top: 1.8rem;
}


/* 最近見た商品 --------------------------------------------------- */

#Page_Cart_ #History {
position: relative;
margin-top: 0;
margin-bottom: 12rem;
padding: 10rem 0 10rem;
background-color: var(--background-2);
}

/* 装飾 */
#Page_Cart_ #History::after {
position: absolute;
right: -28rem;
bottom: -14rem;
width: 77.2rem;
height: 25.2rem;
background: url(../images_rev2/common/pict/Pict_Sea.png) no-repeat;
background-size: contain;
content: '';
}


/* おすすめ商品 --------------------------------------------------- */

#Page_Cart_ #ItemRecommend {
margin-bottom: 4rem;
padding: 0 0 0;
background-color: #fff;
}

#Page_Cart_ #ItemRecommend::before,
#Page_Cart_ #ItemRecommend::after {
display: none;
}


/* カート空 --------------------------------------------------- */

.Cart_Empty_Unit {
padding: 6rem 0 12rem;
text-align: center;
}

.Cart_Empty_Unit_Lead {
font-size: 3.2rem;
font-weight: 700;
}

.Cart_Empty_Unit_Back {
margin-top: 4rem;
font-size: 1.4rem;
font-weight: 500;
}


/* バナー --------------------------------------------------- */

.Cart_Banners_ {
max-width: 54rem;
margin: 0 auto;
padding: 0 0 10rem;
}



/* ■ マイページ ==================================================================================== */

/*
バナー
*/

/* バナー --------------------------------------------------- */

.MyPageTop_Banners_ {
padding: 0 3.2rem 4rem;
}

.MyPageTop_Banners_List {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 2rem;
}


/* ■ その他 ==================================================================================== */

/*
エクストラ ボタン
法人向け案内
店舗案内
*/


/* エクストラ ボタン --------------------------------------------------- */

.BtnExtra_ {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.8rem;
margin-top: 6rem;
}

.BtnExtra_Lead1 {
padding: 1.6rem 0;
border: 1px solid var(--primary);
border-radius: 8px;
font-size: 1.4rem;
line-height: 1;
text-align: center;
color: var(--base);
}

.BtnExtra_Lead2 {
margin-top: 0.5rem;
font-size: 1.2rem;
text-align: center;
color: var(--base);
}


/* 法人向け案内 --------------------------------------------------- */

.NoticeForCorp_ {
margin-top: 4.2rem;
}

.NoticeForCorp_Link {
margin-left: 0.2rem;
margin-top: 0.6rem;
font-size: 1.4rem;
}

.NoticeForCorp_Link a {
padding-left: 1.6rem;
background: url(/images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
background-size: 10.25px 10px;
background-position: 0 0.6rem;
}


/* 店舗案内 --------------------------------------------------- */

.ShopAppeal_ {
display: flex;
align-items: center;
background: var(--background-2) url(/images_rev2/common/pict/Pict_Gate.png) no-repeat;
background-position: top 0 right 0;
background-size: 30rem 46rem;
}

.ShopAppeal_Photo {
width: 50%;
}

.ShopAppeal_Wrap {
flex: 1;
width: 50%;
padding: 4.2rem 2.4rem;
}

.ShopAppeal_Mds {
font-size: 2.6rem;
line-height: 1.5;
text-align: center;
}

.ShopAppeal_Info_Lead {
margin-top: 1.6rem;
font-size: 1.6rem;
text-align: center;
}

.ShopAppeal_Info_Link {
display: flex;
justify-content: center;
margin-top: 2.4rem;
}

.ShopAppeal_Info_Link a {
width: 32rem;
}

.ShopAppeal_Online {
margin-top: 4rem;
padding: 0 8rem;
}

.ShopAppeal_Online_Mds {
padding-top: 3.2rem;
font-size: 1.6rem;
line-height: 1.5;
text-align: center;
background-image: linear-gradient(to right, var(--base) 1px, transparent 1px);
background-repeat: repeat-x;
background-size: 6px 1px;
background-position: left top;
}

.ShopAppeal_Online_Lead {
margin-top: 1rem;
font-size: 1.4rem;
text-align: center;
}

.ShopAppeal_Online_Link {
margin-top: 1rem;
text-align: center;
}

.ShopAppeal_Online_Link a {
padding-left: 1.6rem;
font-size: 1.4rem;
font-weight: 500;
background: url(/images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
background-size: 10.25px 10px;
background-position: 0 0.6rem;
}



/* ■ おすすめ特集 ==================================================================================== */

.RecCamp_ {
max-width: 96rem;
margin: 10rem auto 0;
border-top: 3px solid var(--primary);
}

.RecCamp_Mds {
padding: 2rem 0;
font-size: 2.3rem;
}

.RecCamp_List {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.4rem;
}

.RecCamp_List a {
display: flex;
align-items: center;
}

.RecCamp_List_Photo {
width: 15.4rem;
}

.RecCamp_List_Photo img {
border: 1px solid var(--base-middle);
}

.RecCamp_List_Lead {
flex: 1;
padding-left: 1.5rem;
font-size: 1.8rem;
line-height: 1.6;
font-weight: 700;
}

.RecCamp_List_Lead span {
display: block;
font-weight: 400;
}



/* ■ バナー ==================================================================================== */

/*
汎用
ランキング
ジャンル
*/


/* 汎用 --------------------------------------------------- */

.BannerList_Wrap {
margin-top: 4rem;
}

.BannerList_ {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.4rem;
max-width: 96rem;
margin: 0 auto;
}

.BannerList_Col1 {
grid-template-columns: repeat(1, 1fr);
max-width: 54rem;
margin: 0 auto;
}

.BannerList_Col3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
}


/* ランキング --------------------------------------------------- */

.BannerRanking_ {
margin-top: 10rem;
}


/* ジャンル --------------------------------------------------- */

.BannerGenre_ {
margin-top: 8rem;
}



/* ■ フローティングバナー ==================================================================================== */

#FloatingBanner {
position: fixed;
right: 0;
top: 20rem;
z-index: 1000;
}

#FloatingBanner img {
width: 5rem;
/* width: 5.75rem; */
}



/* ■ AIチャット ==================================================================================== */

/*
フレーム
ヘッダー
チャット
フッター
*/


/* フレーム --------------------------------------------------- */

.chatbot-container {
z-index: 5000 !important;
}

.Body_Page_Cart_ .chatbot-container {
display: none !important;
}

/* ヘッダー --------------------------------------------------- */

.chatbot-container .chatbot-header {
padding-top: 21px !important;
padding-bottom: 21px !important;
}

.chatbot-container.is-open .chatbot-header {
padding-top: 12px !important;
padding-bottom: 16px !important;
}

/* AIアイコン */
.chatbot-header {
background-image: url('/images_rev2/common/icon/Icon_Chat_Header.png') !important;
}

/* 背景色 */
.chatbot-header {
background-color: var(--primary) !important;
}

/* タイトル */
.chatbot-title, .chatbot-title * {
color: #fff !important;
}

/* 注意文 */
.chatbot-disclaimer {
display: none;
padding-left: 0 !important;
color: #fff !important;
}

/* 注意文の下（JSで挿入） */
#ChatBot_Disclaimer_Lead {
display: none;
margin-top: 0.4rem;
font-size: 10px;
line-height: 2;
color: #fff;
}

.chatbot-container.is-open #ChatBot_Disclaimer_Lead {
display: block;
}

#ChatBot_Disclaimer_Lead a {
color: #fff;
border-bottom: 1px solid #fff;
}


/* チャット --------------------------------------------------- */

/* AIアイコン */
.chatbot-message-bot-icon {
background-image: url('/images_rev2/common/icon/Icon_Chat_Operator.png') !important;
}

/* AIのメッセージ：背景色 */
.chatbot-message-bot {
background-color: var(--primary-pale) !important;
}

/* 参考URL */
.chatbot-answer-reference-url a {
color: var(--primary) !important;
}


/* フッター --------------------------------------------------- */

/* マイクアイコン */
.mic-chat {
background: url('https://chatbot.ecbeing.io/data/design/chatbot-mic-white.png') center center / 20px auto no-repeat !important;
}

/* 送信アイコン */
.send-chat {
background-image: url('/images_rev2/common/icon/Icon_Chat_Send.png') !important;
}

/* 背景色 */
.chatbot-footer {
background-color: var(--primary) !important;
}



/* ■ パーツ（旧class）==================================================================================== */

/*
汎用
回り込み
左右ボックス
リスト型メニュー
*/


/* 汎用 --------------------------------------------------- */

.LeadMain {
margin-bottom: 1.6rem;
font-size: 1.4rem;
}

.Lead_Notice,
.message_ {
margin-bottom: 1.6rem;
font-size: 1.4rem;
}


/* 回り込み --------------------------------------------------- */

/* 左 */
.FloatL, .PhotoL {
float: left;
margin: 0 15px 10px 0;
}

/* 右 */
.FloatR, .PhotoR {
float: right;
margin: 0 0 10px 15px;
}


/* 左右ボックス --------------------------------------------------- */

.LRBox .LBox {
float: left;
}

.LRBox .RBox {
float: Right;
}


/* リスト型メニュー --------------------------------------------------- */

/* IndexMenu1 */
.IndexMenu li,
.IndexMenu1 li {
float: left;
}

.IndexMenu li.EndSide,
.IndexMenu1 li.EndSide {
margin-right: 0 !important;
}

/* IndexMenu2 */
.IndexMenu2 li {
float: left;
}

.IndexMenu2 li a {
display: block;
/* float: left; */
}

.IndexMenu2 li.EndSide {
margin-right: 0 !important;
}



/* ■ ClearFix ==================================================================================== */

.ClearFix {
zoom: 1;
}

.ClearFix:after {
content: "";
display: block;
clear: both;
}

.SubNav2 .SubNav3 .SubNav4 .IndexMenu, .IndexMenu1, .IndexMenu2, .TabMenu, .LRBox, .PageNation {
zoom: 1;
}

.SubNav2:after, .SubNav3:after, .SubNav4:after, .IndexMenu:after, .IndexMenu1:after, .IndexMenu2:after, .TabMenu:after, .LRBox:after, .PageNation:after {
content: "";
display: block;
clear: both;
}



/* ■ 個別調整 ==================================================================================== */

/*
汎用
左・右・中央 寄せ
マージントップ
マージンボトム
横幅「%」指定
フォントサイズ
非推奨
旧class
*/


/* 汎用 --------------------------------------------------- */

/* ボーダー無し */
.NoBorder {
border: none !important;
}

/* パディング無し */
.NoPadding {
padding: 0 !important;
}

/* 横幅「Inherit」 */
.WidthInherit {
width: inherit !important;
}

/* opacity:1 */
.Opacity1 {
opacity: 1 !important;
}

/* 太字にしない */
.FontWN {
font-weight: normal !important;
}

/* 文字詰め「palt」 */
.TxtPalt {
font-feature-settings: "palt" !important;
}

/* 箱組「TxtJustify」 */
.TxtJustify {
text-align: justify !important;
}

/* 改行なし */
.NoWrap {
white-space: nowrap !important;
}

/* 非アクティブ */
.Disabled {
opacity: 0.3;
pointer-events: none;
}

.Disabled:hover {
opacity: 0.3;
}

@media only screen and (max-width: 767px) {

	.PC {
	display: none !important;
	}

}

@media print, screen and (min-width: 768px) {

	.SP {
	display: none !important;
	}

}


/* 左・右・中央 寄せ --------------------------------------------------- */

.AlignL {
text-align: left !important;
}

.AlignC {
text-align: center !important;
}

.AlignR {
text-align: right !important;
}

@media only screen and (max-width: 767px) {

	.AlignL_SP {
	text-align: left !important;
	}

	.AlignC_SP {
	text-align: center !important;
	}

	.AlignR_SP {
	text-align: right !important;
	}

}

@media print, screen and (min-width: 768px) {

	.AlignL_PC {
	text-align: left !important;
	}

	.AlignC_PC {
	text-align: center !important;
	}

	.AlignR_PC {
	text-align: right !important;
	}

}


/* マージントップ --------------------------------------------------- */

.MT0 {
margin-top: 0 !important;
}

.MT5 {
margin-top: 0.5rem !important;
}

.MT10 {
margin-top: 1rem !important;
}

.MT15 {
margin-top: 1.5rem !important;
}

.MT20 {
margin-top: 2rem !important;
}

.MT25 {
margin-top: 2.5rem !important;
}

.MT30 {
margin-top: 3rem !important;
}

.MT35 {
margin-top: 3.5rem !important;
}

.MT40 {
margin-top: 4rem !important;
}

.MT45 {
margin-top: 4.5rem !important;
}

.MT50 {
margin-top: 5rem !important;
}

.MT60 {
margin-top: 6rem !important;
}

.MT70 {
margin-top: 7rem !important;
}

.MT80 {
margin-top: 8rem !important;
}

.MT90 {
margin-top: 9rem !important;
}

.MT100 {
margin-top: 10rem !important;
}

@media only screen and (max-width: 767px) {

	.MT0_SP {
	margin-top: 0 !important;
	}

	.MT5_SP {
	margin-top: 0.5rem !important;
	}

	.MT10_SP {
	margin-top: 1rem !important;
	}

	.MT15_SP {
	margin-top: 1.5rem !important;
	}

	.MT20_SP {
	margin-top: 2rem !important;
	}

	.MT25_SP {
	margin-top: 2.5rem !important;
	}

	.MT30_SP {
	margin-top: 3rem !important;
	}

	.MT35_SP {
	margin-top: 3.5rem !important;
	}

	.MT40_SP {
	margin-top: 4rem !important;
	}

	.MT45_SP {
	margin-top: 4.5rem !important;
	}

	.MT50_SP {
	margin-top: 5rem !important;
	}

	.MT60_SP {
	margin-top: 6rem !important;
	}

	.MT70_SP {
	margin-top: 7rem !important;
	}

	.MT80_SP {
	margin-top: 8rem !important;
	}

	.MT90_SP {
	margin-top: 9rem !important;
	}

	.MT100_SP {
	margin-top: 10rem !important;
	}

}

@media print, screen and (min-width: 768px) {

	.MT0_PC {
	margin-top: 0rem !important;
	}

	.MT5_PC {
	margin-top: 0.5rem !important;
	}

	.MT10_PC {
	margin-top: 1rem !important;
	}

	.MT15_PC {
	margin-top: 1.5rem !important;
	}

	.MT20_PC {
	margin-top: 2rem !important;
	}

	.MT25_PC {
	margin-top: 2.5rem !important;
	}

	.MT30_PC {
	margin-top: 3rem !important;
	}

	.MT35_PC {
	margin-top: 3.5rem !important;
	}

	.MT40_PC {
	margin-top: 4rem !important;
	}

	.MT45_PC {
	margin-top: 4.5rem !important;
	}

	.MT50_PC {
	margin-top: 5rem !important;
	}

	.MT60_PC {
	margin-top: 6rem !important;
	}

	.MT70_PC {
	margin-top: 7rem !important;
	}

	.MT80_PC {
	margin-top: 8rem !important;
	}

	.MT90_PC {
	margin-top: 9rem !important;
	}

	.MT100_PC {
	margin-top: 10rem !important;
	}

}


/* マージンボトム --------------------------------------------------- */

.MB0 {
margin-bottom: 0 !important;
}

.MB5 {
margin-bottom: 0.5rem !important;
}

.MB10 {
margin-bottom: 1rem !important;
}

.MB15 {
margin-bottom: 1.5rem !important;
}

.MB20 {
margin-bottom: 2rem !important;
}

.MB25 {
margin-bottom: 2.5rem !important;
}

.MB30 {
margin-bottom: 3rem !important;
}

.MB35 {
margin-bottom: 3.5rem !important;
}

.MB40 {
margin-bottom: 4rem !important;
}

.MB45 {
margin-bottom: 4.5rem !important;
}

.MB50 {
margin-bottom: 5rem !important;
}

@media only screen and (max-width: 767px) {

	.MB0_SP {
	margin-bottom: 0 !important;
	}

	.MB5_SP {
	margin-bottom: 0.5rem !important;
	}

	.MB10_SP {
	margin-bottom: 1rem !important;
	}

	.MB15_SP {
	margin-bottom: 1.5rem !important;
	}

	.MB20_SP {
	margin-bottom: 2rem !important;
	}

	.MB25_SP {
	margin-bottom: 2.5rem !important;
	}

	.MB30_SP {
	margin-bottom: 3rem !important;
	}

	.MB35_SP {
	margin-bottom: 3.5rem !important;
	}

	.MB40_SP {
	margin-bottom: 4rem !important;
	}

	.MB45_SP {
	margin-bottom: 4.5rem !important;
	}

	.MB50_SP {
	margin-bottom: 5rem !important;
	}

}

@media print, screen and (min-width: 768px) {

	.MB0_PC {
	margin-bottom: 0rem !important;
	}

	.MB5_PC {
	margin-bottom: 0.5rem !important;
	}

	.MB10_PC {
	margin-bottom: 1rem !important;
	}

	.MB15_PC {
	margin-bottom: 1.5rem !important;
	}

	.MB20_PC {
	margin-bottom: 2rem !important;
	}

	.MB25_PC {
	margin-bottom: 2.5rem !important;
	}

	.MB30_PC {
	margin-bottom: 3rem !important;
	}

	.MB35_PC {
	margin-bottom: 3.5rem !important;
	}

	.MB40_PC {
	margin-bottom: 4rem !important;
	}

	.MB45_PC {
	margin-bottom: 4.5rem !important;
	}

	.MB50_PC {
	margin-bottom: 5rem !important;
	}

}


/* 横幅「%」指定 --------------------------------------------------- */

.W5 {
width: 5% !important;
}

.W10 {
width: 10% !important;
}

.W15 {
width: 15% !important;
}

.W20 {
width: 20% !important;
}

.W25 {
width: 25% !important;
}

.W30 {
width: 30% !important;
}

.W35 {
width: 35% !important;
}

.W40 {
width: 40% !important;
}

.W45 {
width: 45% !important;
}

.W50 {
width: 50% !important;
}

.W55 {
width: 55% !important;
}

.W60 {
width: 60% !important;
}

.W65 {
width: 65% !important;
}

.W70 {
width: 70% !important;
}

.W75 {
width: 75% !important;
}

.W80 {
width: 80% !important;
}

.W85 {
width: 85% !important;
}

.W90 {
width: 90% !important;
}

.W95 {
width: 95% !important;
}

.W100 {
width: 100% !important;
}

@media only screen and (max-width: 767px) {

	.W5_SP {
	width: 5% !important;
	}

	.W10_SP {
	width: 10% !important;
	}

	.W15_SP {
	width: 15% !important;
	}

	.W20_SP {
	width: 20% !important;
	}

	.W25_SP {
	width: 25% !important;
	}

	.W30_SP {
	width: 30% !important;
	}

	.W35_SP {
	width: 35% !important;
	}

	.W40_SP {
	width: 40% !important;
	}

	.W45_SP {
	width: 45% !important;
	}

	.W50_SP {
	width: 50% !important;
	}

	.W55_SP {
	width: 55% !important;
	}

	.W60_SP {
	width: 60% !important;
	}

	.W65_SP {
	width: 65% !important;
	}

	.W70_SP {
	width: 70% !important;
	}

	.W75_SP {
	width: 75% !important;
	}

	.W80_SP {
	width: 80% !important;
	}

	.W85_SP {
	width: 85% !important;
	}

	.W90_SP {
	width: 90% !important;
	}

	.W95_SP {
	width: 95% !important;
	}

	.W100_SP {
	width: 100% !important;
	}

}

@media print, screen and (min-width: 768px) {

	.W5_PC {
	width: 5% !important;
	}

	.W10_PC {
	width: 10% !important;
	}

	.W15_PC {
	width: 15% !important;
	}

	.W20_PC {
	width: 20% !important;
	}

	.W25_PC {
	width: 25% !important;
	}

	.W30_PC {
	width: 30% !important;
	}

	.W35_PC {
	width: 35% !important;
	}

	.W40_PC {
	width: 40% !important;
	}

	.W45_PC {
	width: 45% !important;
	}

	.W50_PC {
	width: 50% !important;
	}

	.W55_PC {
	width: 55% !important;
	}

	.W60_PC {
	width: 60% !important;
	}

	.W65_PC {
	width: 65% !important;
	}

	.W70_PC {
	width: 70% !important;
	}

	.W75_PC {
	width: 75% !important;
	}

	.W80_PC {
	width: 80% !important;
	}

	.W85_PC {
	width: 85% !important;
	}

	.W90_PC {
	width: 90% !important;
	}

	.W95_PC {
	width: 95% !important;
	}

	.W100_PC {
	width: 100% !important;
	}

}


/* テキストサイズ（#Beta） --------------------------------------------------- */

.FontSizeSSS {
font-size: calc(var(--fontsize-int) * 0.7) !important;
}

.FontSizeSS {
font-size: calc(var(--fontsize-int) * 0.8) !important;
}

.FontSizeS {
font-size: calc(var(--fontsize-int) * 0.95) !important;
}

.FontSizeM {
font-size: var(--fontsize-int) !important;
}

.FontSizeL {
font-size: calc(var(--fontsize-int) * 1.25) !important;
}

.FontSizeLL {
font-size: calc(var(--fontsize-int) * 1.5) !important;
}

.FontSizeLLL {
font-size: calc(var(--fontsize-int) * 2) !important;
}

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}


/* 非推奨 --------------------------------------------------- */

/* フロート */
.FloatL {
float: left;
margin: 3rem 3rem 1rem 0;
}

.FloatR {
float: right;
}

/* ClearFix */
.CF::after { display: block; clear: both; content: ""; }

@media only screen and (max-width: 767px) {

	/* フロート */
	.FloatL {
	margin: 2rem 2rem 1rem 0;
	}

	.FloatR {
	margin: 2rem 0 1rem 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	/* フロート */
	.FloatL {
	margin: 3.5rem 3rem 1rem 0;
	}

	.FloatR {
	margin: 3.5rem 0 1rem 3rem;
	}

}


/* 旧class --------------------------------------------------- */

/* 太字初期化 */
.FWN {
font-weight: normal !important;
}

/* マージントップ調整 */
.M0 {
margin-top: 0 !important;
}

.M5 {
margin-top: 5px !important;
}

.M10 {
margin-top: 10px !important;
}

.M15 {
margin-top: 15px !important;
}

.M20 {
margin-top: 20px !important;
}

.M25 {
margin-top: 25px !important;
}

.M30 {
margin-top: 30px !important;
}

.M35 {
margin-top: 35px !important;
}

.M40 {
margin-top: 40px !important;
}

.M45 {
margin-top: 45px !important;
}

.M50 {
margin-top: 50px !important;
}

.M55 {
margin-top: 55px !important;
}

.M60 {
margin-top: 60px !important;
}

.M65 {
margin-top: 65px !important;
}

.M70 {
margin-top: 70px !important;
}

.M75 {
margin-top: 75px !important;
}

.M80 {
margin-top: 80px !important;
}

.M85 {
margin-top: 85px !important;
}

.M90 {
margin-top: 90px !important;
}

.M95 {
margin-top: 95px !important;
}

.M100 {
margin-top: 100px !important;
}

/* マージンボトム調整 */
.MB0 {
margin-bottom: 0 !important;
}

.MB5 {
margin-bottom: 5px !important;
}

.MB10 {
margin-bottom: 10px !important;
}

.MB15 {
margin-bottom: 15px !important;
}

.MB20 {
margin-bottom: 20px !important;
}

.MB25 {
margin-bottom: 25px !important;
}

.MB30 {
margin-bottom: 30px !important;
}

.MB35 {
margin-bottom: 35px !important;
}

.MB40 {
margin-bottom: 40px !important;
}

.MB45 {
margin-bottom: 45px !important;
}

.MB50 {
margin-bottom: 50px !important;
}

.MB55 {
margin-bottom: 55px !important;
}

.MB60 {
margin-bottom: 60px !important;
}

.MB65 {
margin-bottom: 65px !important;
}

.MB70 {
margin-bottom: 70px !important;
}

.MB75 {
margin-bottom: 75px !important;
}

.MB80 {
margin-bottom: 80px !important;
}

.MB85 {
margin-bottom: 85px !important;
}

.MB90 {
margin-bottom: 90px !important;
}

.MB95 {
margin-bottom: 95px !important;
}

.MB100 {
margin-bottom: 100px !important;
}



/* ■ 印刷用設定 ==================================================================================== */

@media print {

	.Header_TagLine,
	.Header_Menu,
	.BreadCrumb,
	#GlobalNav,
	#LocalNav,
	#FooterNav,
	#Footer {
	display: none !important;
	}

	#Layout1,
	#Layout2,
	#Layout3,
	#Layout4,
	#Layout5 {
	padding-bottom: 0 !important;
	}

	#Contents {
	width: 100% !important;
	padding-left: 0 !important;
	}

	/* メインセクションで改ページさせない場合は以下をコメントアウト */
	.SectionMain:not(:first-of-type) {
	page-break-before: always;
	}

}



/* ■ JSライブラリ ==================================================================================== */

/*
アコーディオンメニュー
タブメニュー
slick
Magnific Popup
*/


/* アコーディオンメニュー：初期設定 --------------------------------------------------- */

.AccoTarget {
display: none;
}


/* タブメニュー：初期設定 --------------------------------------------------- */

.TabContent {
display: none;
}

.TabContent.Current {
display: block;
}


/* slick 初期設定 --------------------------------------------------- */

.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}

.slick-track:before,
.slick-track:after {
display: table;
content: '';
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}

[dir='rtl'] .slick-slide {
float: right;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
display: none;
}


/* slick カスタマイズ --------------------------------------------------- */

/* 読み込み時のレイアウトずれ対策 */
.Slider > li:not(:first-child) {
display: none;
}

/* 前後ボタン */
.slick-prev,
.slick-next {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 10;
text-indent: -9999px;
cursor: pointer;
transition: color 0.2s ease 0.01s, background-color 0.2s ease 0.01s, opacity 0.2s ease 0.01s;
}

.slick-prev-arrow,
.slick-next-arrow {
display: block;
background-repeat: no-repeat;
background-size: contain;
}

.slick-prev-arrow {
background-image: url(../images_rev2/common/icon/Icon_Arrows_Prev.png);
}

.slick-next-arrow {
background-image: url(../images_rev2/common/icon/Icon_Arrows_Next.png);
}

.slick-disabled {
opacity: 0.2;
cursor: default;
}

/* ページネーション */
.slick-dots {
display: block;
position: absolute;
width: 100%;
line-height: 1;
text-align: center;
}

.slick-dots li {
display: inline-block;
position: relative;
border-radius: 100vh;
background-color: var(--base-middle);
text-indent: -9999px;
cursor: pointer;
}

.slick-dots .slick-active {
background-color: var(--primary);
}

/* 最近見た商品 */
#Slider_History .slick-track {
margin-left: inherit;
margin-right: inherit;
}

#Slider_History .slick-slide {
margin: 0 1.5rem;
}

#Slider_History .slick-prev,
#Slider_History .slick-next {
top: -8.5rem;
width: 5.6rem;
height: 5.6rem;
}

#Slider_History .slick-prev {
right: 8rem;
}

#Slider_History .slick-next {
right: 1.5rem;
}

#Slider_History .slick-prev-arrow,
#Slider_History .slick-next-arrow {
width: 5.6rem;
height: 5.6rem;
}

/* カルーセルバナー */
#BannerCarousel_List .slick-list {
padding-left: 9% !important;
padding-right: 9% !important;
}

#BannerCarousel_List .slick-slide {
margin-left: 2rem;
margin-right: 2rem;
}

#BannerCarousel_List .slick-prev,
#BannerCarousel_List .slick-next {
top: 50%;
width: 5.6rem;
height: 5.6rem;
margin-top: -3rem;
}

#BannerCarousel_List .slick-prev {
left: 5.5%;
}

#BannerCarousel_List .slick-next {
right: 5.5%;
}

#BannerCarousel_List .slick-prev-arrow,
#BannerCarousel_List .slick-next-arrow {
width: 5.6rem;
height: 5.6rem;
}

/* スタッフのこぼれ話 */
#NavRec_Unit_List .slick-track {
display: flex;
}

#NavRec_Unit_List .slick-slide {
margin: 0 1.5rem;
}

#NavRec_Unit_List .slick-prev,
#NavRec_Unit_List .slick-next {
top: 9.6rem;
width: 5.6rem;
height: 5.6rem;
}

#NavRec_Unit_List .slick-prev {
left: -7rem;
}

#NavRec_Unit_List .slick-next {
right: -7rem;
}

#NavRec_Unit_List .slick-prev-arrow,
#NavRec_Unit_List .slick-next-arrow {
width: 5.6rem;
height: 5.6rem;
}

/* レビュー */
#NavReview_List .slick-track {
display: flex;
}

#NavReview_List .slick-slide {
margin: 0 1.5rem;
}

#NavReview_List .slick-prev,
#NavReview_List .slick-next {
top: -7.8rem;
width: 5.6rem;
height: 5.6rem;
}

#NavReview_List .slick-prev {
right: 8rem;
}

#NavReview_List .slick-next {
right: 1.5rem;
}

#NavReview_List .slick-prev-arrow,
#NavReview_List .slick-next-arrow {
width: 5.6rem;
height: 5.6rem;
}

/* 商品詳細：関連記事 */
#ItemDetail_Related_List .slick-track {
margin-left: inherit;
margin-right: inherit;
}

#ItemDetail_Related_List .slick-slide {
margin: 0 1.5rem;
}

#ItemDetail_Related_List .slick-prev,
#ItemDetail_Related_List .slick-next {
top: -8.5rem;
width: 5.6rem;
height: 5.6rem;
}

#ItemDetail_Related_List .slick-prev {
right: 8rem;
}

#ItemDetail_Related_List .slick-next {
right: 1.5rem;
}

#ItemDetail_Related_List .slick-prev-arrow,
#ItemDetail_Related_List .slick-next-arrow {
width: 5.6rem;
height: 5.6rem;
}

/* おすすめ商品（プラグイン） */
#ItemRecommend_List .slick-slide {
margin: 0 1.5rem;
}

#ItemRecommend_List .slick-prev,
#ItemRecommend_List .slick-next {
top: -8.5rem;
width: 5.6rem;
height: 5.6rem;
}

#ItemRecommend_List .slick-prev {
right: 8rem;
}

#ItemRecommend_List .slick-next {
right: 1.5rem;
}

#ItemRecommend_List .slick-prev-arrow,
#ItemRecommend_List .slick-next-arrow {
width: 5.6rem;
height: 5.6rem;
}

/* ページネーション */
.slick-dots {
bottom: -4rem;
}

.slick-dots li {
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem;
}

@media (hover: hover) {

	/* 前後ボタン */
	.slick-prev:not(.slick-disabled):hover,
	.slick-next:not(.slick-disabled):hover {
	opacity: 0.6;
	}

}


/* Magnific Popup 初期設定 --------------------------------------------------- */

.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 300000;
overflow: hidden;
position: fixed;
background-color: var(--color-overlay);
/* opacity: 0.8; */
}

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 300001;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 1.6rem;
box-sizing: border-box;
}

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
display: none;
}

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}

.mfp-ajax-cur {
cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.mfp-loading.mfp-figure {
display: none;
}

.mfp-hide {
display: none !important;
}

.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}

.mfp-preloader a {
color: #ccc;
}

.mfp-preloader a:hover {
color: #fff;
}

.mfp-s-ready .mfp-preloader {
display: none;
}

.mfp-s-error .mfp-content {
display: none;
}

button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}

button::-moz-focus-inner {
padding: 0;
border: 0;
}

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}

.mfp-close:active {
top: 1px;
}

.mfp-close-btn-in .mfp-close {
color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}

.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}

.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}

.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}

.mfp-arrow-left {
left: 0;
}

.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}

.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
right: 0;
}

.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}

.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
top: -40px;
}

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}

.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}

.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}

.mfp-figure figure {
margin: 0;
}

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}

.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}

.mfp-image-holder .mfp-content {
max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

	/* Remove all paddings around the image on small screen */

	.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img {
	padding: 0;
	}

	.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
	}

	.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
	}

	.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
	}

	.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
	}

	.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
	}

}

@media all and (max-width: 900px) {

	.mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	}

	.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
	}

	.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
	}

	.mfp-container {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	}

}

#lean_overlay {
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}