@charset "shift_jis";

/* ■■■■■ 共通定義 ■■■■■ */
/* 編集NG ▼ここから▼*/

/*フォント設定*/

/* 
240701 修正
Webフォントからデバイス（システム）フォントに変更
*/
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('/font/MaterialIcons.woff2') format('woff2');
	font-display: swap;
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'Material Icons Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(/font/MaterialIconsOutlined.woff2) format('woff2');
	font-display: swap;
}
.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

/*plazaiconサイズ調整*/
[class^="plazaicon-"], [class*=" plazaicon-"] {
	font-size: 24px;
}
/*plazaiconサイズ調整ここまで*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{overflow:auto;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button;}
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
img{vertical-align: bottom;}
*{margin:0;padding:0;}
li{list-style:none;}

:root {
	--main-clr-lightgray: #c9c9c8;
	--main-clr-lightbeige: #cbc1ae;

	--main-clr-white: #f4f5f0;
	--main-clr-gray: #7f7c7a;
	--main-clr-red: #d07157;

	--clr-ss-black: #48413b;
	--clr-sale: #cc0000;
}

body *,
body{
	font-family:	"Avenir Next", /* macOS, iOS*/
					"Arial",  /* windows, macOS */
					"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  /* macOS, iOS*/
					"游ゴシック", "Yu Gothic", /* windows8.1以降 */
					"メイリオ", Meiryo,  /* windows8.1以前 */
					sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.714em;
}
body {
	background-color: #fff;
}

button,input,optgroup,select,textarea{
	font-family:inherit;
	font-size:13px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.385em;
	margin:0;
}

h1{
	font-size:28px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.5em;
}
.h1-sub{
	font-size:13px;
	letter-spacing: normal;
	line-height: 1.385em;
}
h2{
	font-size:24px;
	letter-spacing: normal;
	line-height: 1.5em;
}
h3{
	font-size:20px;
	letter-spacing: normal;
	line-height: 1.5em;
}
h4{
	/* color: var(--clr-sale); */
	font-size:18px;
	letter-spacing: normal;
	line-height: 1.5em;
}
h5{
	font-size:16px;
	letter-spacing: normal;
	line-height: 1.5em;
}

a,
a:visited,
a:link{
	color:inherit;
	text-decoration: none;
	transition: 0.2s;
}
a:hover {
	color: var(--main-clr-red);
	text-decoration-line: none;
	border-bottom: none;
}

.p-txt-red{
	color:#e08a79;
}
.p-txt-grays{
	color:#383838;
	font-size:9px;
}
.p-txt-blue{
	color:#34377b;
	font-weight:500;
}
.p-back-red{
	background-color:#e08a79;
	color:#ffffff;
}
.red{
	color:#e08a79;
}
.bold{
	font-weight:bold;
}
.pc-none{
	display: none;
}

.clearfix:after{content:"";width:100%;display:block;clear:both;}

header .information,
header .header,
footer .footer-inner,
nav .category_nav,
main#wrapper,
main{
	max-width: 1200px;
	/* max-width: 1000px; */
	margin:0 auto;
	padding: 0 90px;
	overflow:unset;
	color: var(--clr-ss-black);
	/*max-width: 1000px;
	box-sizing:border-box;*/
}
main{
	margin-top: 140px;/*20230112 KOMATUBARA ADD*/
}
header,
header a,
nav,
nav a,
aside,
aside a{
	text-decoration:none;
}

aside a,
aside a:visited,
aside a:link,
header a,
header a:visited,
header a:link,
footer a,
footer a:visited,
footer a:link {color:inherit;}

#wrapper {
	width:100%;
	text-align:left;
	clear:both;
}

/* 編集NG ▲ここまで▲*/

.btn-black{
	text-align: center;
	margin: auto;
	margin: 40px 0;
}
.btn-black input,
.btn-black a {
	text-decoration: none;
	display: inline-block;
	padding: 15px 100px;
	background-color: var(--clr-ss-black);
	color: #ffffff;
	border: 1px solid var(--clr-ss-black);
	text-decoration: none !important;
}
.btn-black input:hover,
.btn-black a:hover{
	color: var(--clr-ss-black) !important;
	background-color: #ffffff;
}

.btn-white{
	text-align: center;
	margin: auto;
	margin: 40px 0;
}
.btn-white input,
.btn-white a{
	text-decoration: none;
	display: inline-block;
	padding: 15px 100px;
	background-color: transparent;
	color: var(--clr-ss-black);
	font-size: 20px;
	border: 1px solid var(--clr-ss-black);
}
.btn-white input:hover,
.btn-white a:hover{
	color: #ffffff !important;
	background-color: var(--clr-ss-black);
}



/********************************
ヘッダー
********************************/
header {
	background-color: #fff;
	width: 100%;
	text-align: left;
	z-index: 990;
	position: fixed;
	margin: auto;
	top:0;
	left: 0;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}

header a:hover,
header a{
	text-decoration: none;
}
header * {
	box-sizing: border-box;
}

header .header-inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 90px;
	box-sizing: content-box;
}

header .header-inner div {
	vertical-align: bottom;
}

header .header-main {
	position: relative;
	z-index: 99999;
	text-align: center;
}

/* ▼▼▼ 2024.02.13追加 ▼▼▼ */
header .header-soryo {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	color: var(--clr-ss-black);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--main-clr-white);
	padding: 5px 0;
}
header .header-soryo > span {
	font-size: inherit;
	font-weight: 700;
	line-height: 1;
}
header .header-soryo > span.txt_r { color: var(--main-clr-red); }
/* ▲▲▲ 2024.02.13追加 ▲▲▲ */

header .header-info {
	background: var(--clr-ss-black);
}

header .header-link {
	background-color: #c1b8a9;
}

header .header-main .header-inner {
	position: relative;
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*並び*/
header .header-main .header-logo {
	width: calc(100% - 290px*2);
	order: 2;
}
header .header-main .header-logo img {
	image-rendering: -webkit-optimize-contrast;
}
header .header-main .header-search {
	width: 290px;
	order: 1;
}
header .header-main .header-link-areas {
	width: 290px;
	order: 3;
	/**/
	display: flex;
	justify-content: flex-end;
}
/*ロゴ*/
header .header-main .header-logo {
	margin: 0 auto;
}
header .header-main .header-logo span,
header .header-main .header-logo a{
	display: flex;
	align-items: center; 
	justify-content: center;
	height: 100%;
}
header .header-main .header-logo img {
	/* width: 162px; */
	width: auto;
	height: 40px;
}
header .header-main .header-logo img.newlogo {
	width: auto;
	height: 28px;
}

/*検索*/
header .header-main .header-search form {
	display: flex;
	justify-content: space-between;
	height: 100%;
}

header .header-main .header-search {
	border: none;
}

header .header-main .header-search select,
header .header-main .header-search input {
	border: none;
	padding: 1em;
	height: 100%;
}

header .header-main .header-search .input-box:hover,
header .header-main .header-search select:focus,
header .header-main .header-search input:hover,
header .header-main .header-search input:focus {
	border: none;
	outline: none;
	background-color: #F5F5F5;
}

/*カテゴリ Selectbox*/
header .header-main .header-search .select-box:focus-visible,
header .header-main .header-search .select-box *:focus-visible {
	outline: none;
}

header .header-main .header-search .select-box {
	border-right: 1px solid var(--clr-ss-black);
	width: 165px;
	display: none;
	transition: all .5s ease;
	position: relative;
	font-size: 14px;
	height: 100%;
	text-align: left;
}

header .header-main .header-search .select-box .select {
	cursor: pointer;
	display: block;
	padding: 10px;
	height: 100%;
	display: flex;
	align-items: center;
}

header .header-main .header-search .select-box .select span {
	display: inline;
}

header .header-main .header-search .select-box .select:after {
	font-family: 'Material Icons';
	font-size: 1.5em;
	position: absolute;
	right: 0;
	content: "expand_more";
	transition: 0.2s;
	transform: rotate(0deg);
}

header .header-main .header-search .select-box.active .select:after {
	transform: rotate(180deg);
}

header .header-main .select-box:hover {
	box-shadow: 0 0 4px rgb(204, 204, 204)
}

header .header-main .select-box:active {
	background-color: #F5F5F5
}

header .header-main .select-box.active:hover,
header .header-main .select-box.active {
	background-color: #f5f5f5
}

header .header-main .select-box.active .select>i {
	transform: rotate(-90deg)
}

header .header-main .select-box .dropdown-menu {
	display: none;
	position: absolute;
	background-color: #f5f5f5;
	width: 100%;
	left: 0;
	overflow: hidden;
	max-height: 70vh;
	overflow-y: auto;
	outline: 1px solid var(--clr-ss-black);
	z-index: 9;
}

header .header-main .select-box .dropdown-menu::-webkit-scrollbar {
	width: 3px;
}

header .header-main .select-box .dropdown-menu::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

header .header-main .select-box .dropdown-menu::-webkit-scrollbar-thumb {
	background-color: #b4b4b4;
}

header .header-main .select-box .dropdown-menu li {
	padding: 12px;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

header .header-main .select-box .dropdown-menu li+li {
	border-top: 1px solid var(--clr-ss-black);
}

header .header-main .select-box .dropdown-menu {
	padding: 0;
	list-style: none;
}

header .header-main .select-box .dropdown-menu li:hover {
	background-color: #d1d1d1;
}

header .header-main .select-box .dropdown-menu li:active {
	background-color: #e2e2e2;
}

/*検索ワード入力*/
header .header-main .header-search .input-box {
	position: relative;
	background-color: transparent;
	display: flex;
	align-items: center;
	pointer-events: none;
	flex-grow: 1;
}
header .header-main .header-search .input-box * {
	pointer-events: auto;
}
header .header-main .header-search .input-box input[type=text] {
	width: 100%;
	height: 32px;
	background-color: #f5f5f5;
	border: solid 1px #ccc;
	padding: 0 0.75em;
}
header .header-main .header-search .input-box input[type=text]::placeholder {
	color: #666666;
}
header .header-main .button {
	height: 100%;
	width: 72px;
	border: none;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	cursor: pointer;
}

/*ボタン共通*/
header .header-main .button i,
header .header-main .button span {
	display: flex;
}

header .header-main a.button:hover {
	color: #B10E1B !important;
}

header .header-main .button i,
header .header-main .header-search .input-box input:focus~button i {
	flex-basis: 60%;
	font-size: 28px;
	font-weight: 300;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

header .header-main .button span,
header .header-main .header-search .input-box input:focus~button span {
	flex-basis: 40%;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
header .header-main .button span {
	font-size: 12px;
}

header .header-main .button span.en {
	/* font-family: 'Jost',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; */
	color: var(--main-clr-gray);
	font-size: 10px;
	flex-basis:auto;
}

/*検索ボタン*/
header .header-main .header-search .input-box button {
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	width: 32px;
	margin: 0;
}
header .header-main .header-search .input-box button img {
	width: 24px;
	height: auto;
}

/*ボタンエリア*/
header .header-main .header-link-areas>div{
	display: flex;
	align-items: center;
	height: 100%;
}

header .header-main .header-link-area {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
}

header .header-main .header-link-area > a {
	position: relative;
	/*width: 72px;
	height: 72px;*/
	width: 50px;
	height: 50px;
	color: #fff;
}
header .header-main .header-link-area > a.button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/*header .header-main .header-link-area > a.btn_login { background-color: #fff;}
header .header-main .header-link-area > a.btn_favo,
header .header-main .header-link-area > a.btn_kaiin { background-color: #c1b8a9;}
header .header-main .header-link-area > a.btn_cart { background-color: var(--main-clr-red);}*/

header .header-main .header-link-area span._icon[data-count="0"],
header .header-main .header-link-area span._icon[data-count=""]{
	display: none;
}
header .header-main .header-link-area span._icon {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 1px;
	right: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	background-color: var(--main-clr-red);
	/*
	display: inline-block;
	top: 6px;
	right: 6px;
	background-color: var(--clr-sale);
	margin-left: 25px;*/
}

header .header-main .header-link-area > a img {
	width: 32px;
	height: auto;
}
header .header-main .header-link-area > a p {
	font-size: 10px;
}

/* ▼▼▼ 2024.02.15 ヘッダーメニュー改修 ▼▼▼ */
header .header-link-list {
	position: relative;
	width: auto;
	display: flex;
	margin-right: 8px;
}
header .header-link-list > li {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .header-link-list > li > a {
	display: block;
	text-align: center;
}
header .header-link-list > li > a > img {
	width: 60%;
	height: auto;
}
header .header-link-list > li:hover > a {
	opacity: 0.7;
}
/* ▲▲▲ 2024.02.15 ヘッダーメニュー改修 ▲▲▲ */



#head_global_nav {
	position: relative;
}
#head_global_nav .toggle_gn {
	position: relative;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #fff;
	cursor: pointer;
	transition: background-color 0.2s;
	/*width: 72px;
	height: 72px;
	background-color: var(--main-clr-gray);*/
}
#head_global_nav .toggle_gn:hover {
	background-color: var(--main-clr-white);
	transition: background-color 0.2s;
}
#head_global_nav .toggle_gn > span {
	position: absolute;
	left: calc(50% - 10px);
	display: inline-block;
	content: "";
	width: 20px;
	height: 1px;
	background-color: var(--clr-ss-black);
}
#head_global_nav .toggle_gn > span:nth-of-type(1) { top: calc(50% + 5px); }
#head_global_nav .toggle_gn > span:nth-of-type(2) { top: calc(50% - 1px); }
#head_global_nav .toggle_gn > span:nth-of-type(3) { top: calc(50% - 7px); }

#head_global_nav .toggle_gn.active { background-color: var(--main-clr-white); }
#head_global_nav .toggle_gn.active > span:nth-of-type(1) { top: calc(50% - 1px); transform: rotate(45deg); }
#head_global_nav .toggle_gn.active > span:nth-of-type(2) { display: none; }
#head_global_nav .toggle_gn.active > span:nth-of-type(3) { top: calc(50% - 1px); transform: rotate(-45deg); }

#head_global_nav .toggle_gn > p {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	color: #fff;
	/* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif!important; */
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
}

#hgn_wrap {
	position: fixed;
	z-index: 998;
	top: 84px;
	left: 0;
	width: 100%;
	border-top: solid 1px var(--clr-ss-black);
	background: rgba(255,255,255,0.95);
	transition: all 0.3s;
	height: 0;
	visibility: hidden;
	opacity: 0;
	/*top: 72px;
	border-top: solid 1px var(--main-clr-gray);
	background: rgba(236,235,232,0.90);*/
}

#hgn_wrap.panelactive {
	opacity: 1;
	height: calc(100vh - 84px);
	visibility: visible;
	/*height: 100%;
	height: calc(100vh - 72px);*/
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
#hgn_wrap.panelactive > #hgn_inner {
	position: relative;
	/*overflow: auto;
	height: calc(100vh - 280px);*/
	z-index: 999;
	min-width: 1000px;
	margin: 0 auto;
	padding: 1.3vw 4.7vw;/*24px 90px*/
	text-align: left;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	gap: 2.5vw;/*48px*/
}

#hgn_wrap .hgn_left,
#hgn_wrap .hgn_right {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.3vw;/*24px*/
}
#hgn_wrap .hgn_left { flex: 1; }
#hgn_wrap .hgn_right { flex: 2; }

#hgn_wrap .hgn_block {
	display: none;
}
#hgn_wrap.panelactive .hgn_block {
	position: relative;
	display: block;
}

/*#hgn_wrap.panelactive .hgn_title {
	width: 200px;
}
#hgn_wrap.panelactive .hgn_block_inr {
	width: calc(100% - 200px);
}*/

#hgn_wrap.panelactive .hgn_block h2 {
	color: var(--clr-ss-black);
	font-size: 0.9vw;/*18px*/
	font-weight: 700;
	margin-bottom: 0.5em;
}

/* リストボタン：共通設定 */
#hgn_wrap ul.hgn_list {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0.6vw;/*12px*/
}
#hgn_wrap ul.hgn_list > li {
	position: relative;
}
#hgn_wrap ul.hgn_list > li > a {
	position: relative;
	/*display: block;*/
	display: flex;
	align-items: center;
	font-size: 0.8vw;/*16px*/
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
	padding: 0.6vw;/*12px*/
}
#hgn_wrap ul.hgn_list > li > a::after {
	position: absolute;
	top: calc(50% - 3px);
	right: 0.8vw;/*16px*/
	display: inline-block;
	content: "";
	width: 0.3vw;/*6px*/
	height: 0.3vw;/*6px*/
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	transform: rotate(45deg);
}
#hgn_wrap ul.hgn_list > li:hover > a {
	color: var(--main-clr-red);
	opacity: 0.8;
}

#hgn_wrap ul.hgn_list .hgn_icon {
	width: 1.7vw;/*32px*/
	height: auto;
	margin-right: 0.6vw;/*12px*/
	vertical-align: middle;
}

#hgn_wrap .btn_bgw { background-color: var(--main-clr-white); }
#hgn_wrap .btn_shinki { color: #fff; background-color: var(--main-clr-red); }
#hgn_wrap ul.hgn_list > li.btn_shinki > a::after { border-color: #fff; }
#hgn_wrap .btn_dot { background: transparent; border-bottom: dotted 1px #333; }
#hgn_wrap ul.hgn_list.hgn_list_kaiin > li.btn_dot > a { font-size: 0.7vw!important;/*14px*/ }

/* リストボタン：1カラムのもの */
#hgn_wrap .hgn_list_news { flex-direction: column; gap: 0!important; }
#hgn_wrap .hgn_list_news > li { width: 100%; }

/* リストボタン：2カラムのもの */
#hgn_wrap .hgn_list_kaiin > li,
#hgn_wrap .hgn_list_other > li { width: calc((100% - 0.6vw*1)/2);/*12px*/ }
#hgn_wrap .hgn_list_other > li.clm1 { width: 100% }

/* リストボタン：3カラムのもの */
#hgn_wrap .hgn_list_taste > li { width: calc((100% - 0.6vw*2)/3);/*12px*/ }

/* リストボタン：お知らせ */
#hgn_wrap .hgn_list_news > li > a > dl {
	position: relative;
	width: 100%;
	display: flex;
	/* align-items: center; */
	align-items: flex-start;
	gap: 1.3vw;/*24px*/
}
#hgn_wrap .hgn_list_news > li > a { padding: 0.6vw 0.8vw 0.6vw 0!important;/*12px 16px 12px 0*/ }
#hgn_wrap .hgn_list_news > li > a > dl dt {
	font-weight: 700;
}
#hgn_wrap .hgn_list_news > li > a > dl dt,
#hgn_wrap .hgn_list_news > li > a > dl dd {
	font-size: 0.7vw;/*14px*/
}

/* ログアウト */
#hgn_wrap .btn_logout {
	position: relative;
	width: auto!important;
	margin-left: auto;
}
#hgn_wrap .btn_logout a {
	position: relative;
	font-size: 0.7vw!important;/*14px*/
	font-weight: bold!important;
	padding: 0.5em 0!important;
}
#hgn_wrap ul.hgn_list > li.btn_logout > a::after { display: none!important; }

/* 20241007追加 クーポン */
.hgn_block#head_coupon {
	width: 50%;
}
.hgn_block#head_coupon a {
	display: block;
}
.hgn_block#head_coupon a img {
	width: 100%;
	height: auto;
	transition: all 0.2s;
}
.hgn_block#head_coupon a:hover img {
	opacity: 0.8;
	transition: all 0.2s;
}

/* 2024.02.14 改修 */
/* ログイン状況 */
#hgn_wrap .info_kaiin_point {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.8vw;/*16px*/
	background-color: var(--main-clr-white);
	padding: 0.8vw;/*16px*/
	box-sizing: border-box;
}
#hgn_wrap .info_kaiin_point > dl {
	position: relative;
	width: calc((100% - 0.6vw*1)/2);/*12px*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0;
}
#hgn_wrap .info_kaiin_point > dl dt,
#hgn_wrap .info_kaiin_point > dl dd {
	width: 100%;
	text-align: center;
}
#hgn_wrap .info_kaiin_point > dl dt {
	font-size: 0.7vw;/*14px*/
}
#hgn_wrap .info_kaiin_point > dl dd {
	font-size: 0.9vw;/*18px*/
	font-weight: 700;
	border-bottom: solid 1px #333;
}


/*-----2段目------------------*/
header .header-info .header-inner {
	display: flex;
	justify-content: center;
}
header .header-info p {
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	padding: 0.25em;
	width: 100%;
}
header .header-info p a {
	font-size: 11px;
}

header .toiawasechien {
	display: flex;
	justify-content: center;
}

header .header-info p.point *{
	font-size: 12px;
}
header .header-info p.point {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: space-around;
	gap: 5px;
}
header .header-info p.point i{
	font-size: 15px;
}
.header-info-red {
	background: #9a3024!important;
}








/*-----3段目------------------*/

/* header_category 2023.06 */
header .header_category {
	max-width: 1000px;
	margin: auto;
	text-align: left;
}

header .header-category-list {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px 24px;
}
header .header-category-list > li {
	position: relative;
	width: calc((100% - 24px*5)/6);
}
header .header-category-list > li > a {
	display: block;
	text-align: center;
}
header .header-category-list > li > a > img {
	width: 100%;
	height: auto;
	border: solid 3px #fff;
	border-radius: 4px;
}
header .header-category-list > li > a > span {
	font-size: 12px;
	font-weight: 700;
	margin-top: 1em;
}



/* ヘッダー : 1180px以下の環境用*/
@media screen and (max-width: 1180px){
	header .header-inner {
		width: 100%;
		max-width: initial;
		max-width: auto;
		padding: 0;
		box-sizing: border-box;
	}
}





/********************************
フッター　footer
********************************/
footer,
footer .footer,
footer .content,
footer .information{
	width:100%;
}
footer *{
	box-sizing:border-box;
}
footer .footer-title{
	margin-bottom:30px;
}
.information .footer-title { color: #fff; }
footer h2 {
	text-align: center;
	padding: 0;
	margin: 0;
}
/* ▼▼▼ 2024.02.13 改修 ▼▼▼ */
.footer-title h2 {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0 auto;
	padding: 0;
}
.footer-title h2 > span {
	display: block;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1;
	/*margin-bottom: 4px;*/
}
.footer-title h2.title_l > span { text-align: left; }

/* ▲▲▲ 2024.02.13 改修 ▲▲▲ */
/*
footer .h2-sub{
	font-size:12px;
	letter-spacing: normal;
	line-height: 1.5em;
	font-weight: 400;
}*/
footer .footer-inner {
	max-width: 1000px;
	padding: 60px 0;
}
footer .information .footer-inner {
	padding-bottom: 0;
}
footer .bottom .footer-inner {
	padding-top: 40px;
	padding-bottom :80px;
}

footer .activity a,
footer .footer a.logo{
	border-color:rgba(51,51,51,0);
	opacity:1;
}
footer img{
	max-width:100%;
}


/*20240202 R.SUGAWARA ADD STA*/
/*============================
CATEGORY
============================*/
footer #top-category{
	position: relative;
	border-image: linear-gradient(var(--main-clr-lightbeige),var(--main-clr-lightbeige)) fill 0//0 100vw 0 100vw;
}

footer #top-category .title {
	margin-bottom: 20px;
}
/* ▼▼▼ 2024.02.13 改修 ▼▼▼ */
footer #top-category .title h2 {
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0 auto;
	padding: 0;
}
footer #top-category .title h2 > span {
	display: block;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1;
	/*margin-bottom: 4px;*/
}
/* ▲▲▲ 2024.02.13 改修 ▲▲▲ */
footer #top-category .category-menu ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 24px 0;
}

footer #top-category .category-menu li {
	position: relative;
	width: calc(100% / 8);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: center;
}

footer #top-category .category-menu li:nth-child(n+8) { margin-top: 0; }
footer #top-category .category-menu .category-list-title {
	position: relative;
	width: 100%;
}
footer #top-category .category-menu li .category-list-title a {
	color: #fff;
	text-align: center;
	/*font-size: 16px;
	line-height: 1;
	font-weight: 500;*/
}
footer #top-category .category-menu li .category-list-title a h3 {
	font-size: 14px;
	line-height: 1.25;
	font-weight: 500;
}
footer #top-category .category-menu .category-list-title span.cate_icon {
	position: relative;
	display: block;
}
footer #top-category .category-menu .category-list-title span.cate_icon img {
	width: 80%;
	height: auto;
	transition: all 0.2s;
}
footer #top-category .category-menu .category-list-title a:hover span.cate_icon img {
	opacity: 0.6;
	transition: all 0.2s;
}
footer #top-category .category-menu .category-list-title a:hover {
	color: var(--main-clr-red);
}

footer #top-category .category-menu .category-list-more {
	display: inline-block;
}
footer #top-category .category-menu .category-list-more li{
	width: 100%;
	border: none;
	margin-bottom: 0px;
	padding: 3px 0;
	margin-right: 0;
	display:block;
}
footer #top-category .category-menu .category-list-more li.is-hidden {
	display:none;
}
footer #top-category .category-menu .category-list-more .list-btn.is-btn-hidden{
	display:none;
}
footer #top-category .category-menu .category-list-more .list-btn button {
	color: #959595;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}
footer #top-category .category-menu .category-list-more .list-btn button::before {
	font-size: 1.5em;
	margin-right: 5px;
	content: "..";
}


footer #top-category .category-menu .category-list-more li a{
	font-size: 13px;
}
footer #top-category .category-menu .category-list-more li::before {
	font-size: 1.5em;
	content: "-";
	margin-right: 5px;
}

/*20240202 R.SUGAWARA ADD END*/

/*============================
SERVICE
============================*/
footer .footer-service-list {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
footer .footer-service-list li dd.txt{
	font-size:14px;
	line-height: 21px;
}
@media screen and (max-width: 1279px) {
	footer .service .smp-none{
		display: none;
	}
}

footer .service{
	/*background-color: transparent;*/
	background-color: #fff;
}
footer .service .footer-service-list {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}
footer .service .footer-service-list li {
	width: calc((100% - 20px*3) / 4);
	overflow: hidden;
	display: flex;
	aspect-ratio: 1 / 1;
	border-radius: 10px;
	transition: all 0.2s;
}
footer .service .footer-service-list li a,
footer .service .footer-service-list li span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--main-clr-white);
}
footer .service .footer-service-list li a::after {
	position: absolute;
	right: -16px;
	bottom: -16px;
	display: inline-block;
	content: "";
	background-color: var(--clr-ss-black);
	width: 32px;
	height: 32px;
	transform: rotate(45deg);
}
footer .service .footer-service-list li:hover a {
	opacity: 0.8;
	transition: all 0.2s;
}


footer .service .footer-service-list li dl{
	text-align:center;
}
footer .service .footer-service-list li dt i{
	font-size: 6em;
}
footer .service .footer-service-list li dt img,
footer .service .footer-service-list li dt svg,
footer .service .footer-service-list li dt i{
	width: 65%;
	height:auto;
}
footer .service .footer-service-list li dd.name{
	font-size: 1em;
	font-weight: 700;
}
footer .service .footer-service-list li dd.txt{
	margin:0 auto;
	padding: 10px 0;
	display: none;
}
footer .service .footer-service-list li dd .font-s{
	font-size:10px;
}

/*============================
INFORMATION
============================*/
footer .information {
	background-color:var(--main-clr-gray);
}

/* 20230214 追加 */
.information_wrap {
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

footer .information .information-cal {
	width: 40%;
	max-width: 400px;
	padding: 0;
}
footer .information .information-news {
	text-align: left;
	width: 50%;
}

/* 20230214 追加 */
footer .information .information-news .foot_menu {
	width: 100%;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
}
footer .information .information-news .foot_menu > li {
	border-bottom: solid 2px #fff;
}
footer .information .information-news .foot_menu > li:last-child {
	border-bottom: none;
}
footer .information .information-news .foot_menu > li > a {
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 0.5em 0;
}



@media screen and (max-width: 979px) {
	footer .information .footer-inner {
		text-align: center;
	}
	footer .information .information-cal { 
		width: 100%;
		max-width: 300px;
		display: inline-block;
		padding: 0 20px;
	}
	footer .information .information-news {
		margin-top: 30px;
		display: block;
		max-width: unset;
		text-align: center;
	}
	footer .information .footer-inner .information-news .rss dd {
		padding-left: 130px;
		text-align: left;
		margin-left: 10px;
	}
}

/* カレンダー */
footer .information .information-cal .cal_wrapper3 {
	padding: 0 14px !important;
}
footer .information .information-cal .cal_wrapper3 .inner{
	padding:14px !important;
	padding:0 10px !important;
}
footer .information .information-cal .cal_wrapper3 p{
	text-align:center !important;
	padding: 0 !important;
	font-size:16px !important;
	line-height: 1.5 !important;
	color: #fff !important;
	border-bottom: solid 2px #fff !important;
	margin-bottom: 10px!important;
}
footer .information .information-cal .cal_wrapper3 p.info{
	font-size: 14px !important;
	border-bottom: none !important;
	padding: 6px 0 !important;
	margin-bottom: 0!important;
}
footer .information .information-cal .cal_wrapper3 table{
	border-collapse: collapse !important;
}
footer .information .information-cal .cal_wrapper3 td {
	border:1px #fff solid !important;
	font-size:12px !important;
	text-align:center !important;
}
footer .information .information-cal .cal_wrapper3 table{
	width:100% !important;
}
footer .information .information-cal .cal_wrapper3 .headline td{
	background-color:#c1b8a9 !important;
	font-size: 1.2em!important;
}
footer .information .information-cal .cal_wrapper3 td div{
	font-size: 1.6em;
}
footer .information .information-cal .cal_wrapper3 .headline td,
footer .information .information-cal .cal_wrapper3 td div{
	padding:5px 0 !important;
	color: #fff!important;
}
footer .information .information-cal .cal_wrapper3 td div.Holyday,
footer .information .information-cal .cal_wrapper3 td div.Sat,
footer .information .information-cal .cal_wrapper3 td div.Sun{
	background-color:#e08a79 !important;
}
footer .information .information-cal .cal_wrapper3 .cal_ui{
	padding:5px 0 !important;
	font-size:11px !important;
	text-align: center !important;
	display: flex!important;
	justify-content: space-between!important;
}
footer .information .information-cal .cal_wrapper3 .cal_ui input[type=button]{
	background-color: #fff !important;
	border: none !important;
	padding: 0 10px !important;
	color: var(--main-clr-gray);
	cursor: pointer;
}
footer .information .information-cal .cal_wrapper3 .cal_ui input[type=button]:nth-of-type(1) { 	border-radius: 100px 0 0 100px;}
footer .information .information-cal .cal_wrapper3 .cal_ui input[type=button]:nth-of-type(2) { border-radius: 100px;}
footer .information .information-cal .cal_wrapper3 .cal_ui input[type=button]:nth-of-type(3) { border-radius: 0 100px 100px 0;}
footer .information .information-cal .cal_wrapper3 .cal_ui input[type=button]:disabled{
	color: #c1b8a9;
}
footer .information .information-cal .cal_wrapper3 .cal_ui input+input{
	margin-left:5px !important;
}
footer .information .information-cal .cal_wrapper3 .info{
	padding-top:10px !important;
	font-size:10px !important;
	text-align:left !important;
}
footer .information .information-cal .cal_wrapper3 .info .holyday{
	color:#e08a79 !important;
}

/* お知らせ */
footer .information .footer-inner .information-news .rss{
	background-color:#fff;
	padding: 0 0 0 50px;
	border:none;
}
footer .information .footer-inner .information-news .rss dl + dl{
	padding:25px 5px 0;
}
footer .information .footer-inner .information-news .rss dl{
	padding:0 5px;
}
footer .information .footer-inner .information-news .rss dl:nth-child(n + 6){
	display:none;
}
footer .information .footer-inner .information-news .rss dt{
	float:left;
	clear:left;
	width:130px;
}
footer .information .footer-inner .information-news .rss dt span{padding:0 5px;}
footer .information .footer-inner .information-news .rss dd{padding-left:130px;}
footer .information .footer-inner .information-news .rss dd a:hover{
	text-decoration:none;
}
footer .information .footer-inner .information-news .rss2 {
	margin: 40px 50px;
	text-align: center;
}
footer .information .footer-inner .information-news .rss2 .more{
	padding: 15px 100px;
	background: var(--clr-ss-black);
	border-radius: 5px;
	color: #fff;
	transition: 0.2s;
}
footer .information .footer-inner .information-news .rss2 .more:hover{
	background: #fff;
	color: var(--clr-ss-black);
	border: solid 1px var(--clr-ss-black);
}

/* その他サービス ※SS削除 */
footer .information-more .footer-service-list li{
	width: calc(100% / 4);
} 
footer .information-more .footer-service-list li dl{
	text-align:center;
}
footer .information-more .footer-service-list li dt{
	padding:10px;
}
footer .information-more .footer-service-list li dt i{
	color: var(--clr-sale);
	font-size: 3em;
}
footer .information-more .footer-service-list li dt img,
footer .information-more .footer-service-list li dt svg,
footer .information-more .footer-service-list li dt i{
	width:auto;
	height:100%;
	fill : var(--clr-ss-black);
}
footer .information-more .footer-service-list li dd.name{
	font-size: 1em;
	font-weight: 700;
}
footer .information-more .footer-service-list li dd.txt{
	margin:0 auto;
	padding: 10px 1.5em;
	font-size:90%;
}
footer .information-more .footer-service-list li dd .font-s{
	font-size:10px;
	font-weight:300;
}

/*============================
BOTTOM
============================*/
footer .bottom{
	background-color:var(--main-clr-gray);
	text-align: center;
}
footer .bottom .iris-sns{
	width: 30%;
	margin: 30px auto;
	min-width: 300px;
}
footer .bottom .iris-sns i {
	font-size: 2.5em;
}
footer .bottom .information-sns,
footer .bottom .footer-menu {
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: center;
}
footer .bottom .information-sns li{
	width: calc(100% / 6);
} 
footer .bottom .information-sns li p{
	display: none;
}
footer .bottom .footer-menu li + li{
	padding-left: 10px;
	border-left: solid 1px;
}
footer .bottom .footer-menu li{
	padding-right: 10px;
}
footer .bottom .corporate{
	margin: 50px;
}
footer .bottom .corporate .more{
	padding: 10px 30px;
	border-radius: 5px;
	transition: 0.2s;
	color: var(--clr-ss-black);
	border: solid 1px var(--clr-ss-black);
}
footer .bottom .corporate .more i{
	font-size: 0.9em;
	padding-left: 5px;
}
footer .bottom .corporate .more:hover{
	background: var(--clr-ss-black);
	color: #fff;
}
footer .bottom .copyright{
	color: #fff;
	font-weight: 700;
	margin: 30px auto 0;
}
footer .bottom .plaza-logo img {
	width: 240px;
}

/* 20230222 追加 */
.footer-menu_wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 30px auto;
}
.footer-menu01,
.footer-menu02 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px auto;
}
.footer-menu01 li,
.footer-menu02 li {
	position: relative;
	display: flex;
	align-items: center;
}
.footer-menu01 li::after,
.footer-menu02 li::after {
	content: "|";
	color: #fff;
	margin: 0 1em;
}
.footer-menu01 li:last-child:after,
.footer-menu02 li:last-child:after { display: none; }
.footer-menu01 li a,
.footer-menu02 li a {
	color: #fff;
	white-space: nowrap;
}

/* 2023.10.10 AmazonPayプログラムバナー */
.foot_bnr_ap {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.foot_bnr_ap img {
	max-width: 728px;
	height: auto;
}


/********************************
MORE
********************************/

header .header-service-list li.header-category-more:hover .category-more {
	display: block;
}
header .category-more {
	position: absolute;
	left: 0;
	top: 44px;
	background: rgba(236, 235, 232, 0.9);
	width: 1000px;
	display: none;
	text-align: left;
}
header .category-more .category-more-inner {
	position: relative;
	margin: 40px;
}
header .header-category-more .category-more-inner li,
header .header-category-more .category-more-inner li a,
header .header-category-more:hover .category-more-inner li,
header .header-category-more:hover .category-more-inner li a,
header .header-category-more:hover .category-more-inner li a span {
	color: var(--clr-ss-black);
}
header .category-more a:hover {
	color: var(--main-clr-red);
}

/* ボタン群 */
.category-more-inner ul {
	display: flex;
	flex-wrap: wrap;
}
.category-more-inner ul li {
	width: calc((100% - 10px*5)/6);
}
.category-more-inner ul li:hover {
	color: var(--clr-ss-black);
	background-color: transparent;
}
.category-more-inner ul li > a {
	display: block;
	text-align: center;
	color: var(--clr-ss-black);
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 10px;
}
.category-more-inner ul li > a span {
	font-weight: 700;
}
.category-more-inner ul li > a img {
	width: 70%;
}

.category-more-inner ul li:hover > a {
	opacity: 0.8;
}
.category-more-inner ul li:hover > a span {
	color: var(--main-clr-red)!important;
}

/********************************
お気に入り追加
********************************/
.wish{
	width: 24px;
	height: 24px;
}
.wish-circle{/*●背景ver*/
	background-color: rgb(0, 0, 0,0.2);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	transform: scale(0.8,0.8);
}
.action-wish{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.action-wish:before,
.action-wish:after{
	display: flex;
	align-content: center;
	align-items: center;
	text-align: center;
	line-height: 24px;
	content:"favorite";
	font-family: 'Material Icons Outlined';
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	font-size: 24px;
	animation-direction: reverse;
	color: var(--clr-ss-black);
}
.wish-circle .action-wish:before,
.wish-circle .action-wish:after{/*●背景ver*/
	line-height: 32px;
	color: #fff;
	font-weight: 200;
}
.action-wish:before:hover,
.action-wish:after:hover{
	color: var(--clr-ss-black) !important;
}
.action-wish:after{
	font-family: 'Material Icons';
	content:"favorite";
	opacity: 0;
	transform: scale(0.5,0.5);
	transform-origin: center center;
	color:var(--clr-sale) !important;
}

.action-wish.already:before,
.action-wish.action:before,
.action-wish.already:after,
.action-wish.action:after{
	animation-duration: .15s;
	animation-delay: 0s;
	transition-timing-function: ease-in;
	animation-direction: normal;
	animation-iteration-count: 1;
}
.action-wish.already:before,
.action-wish.action:before{
	opacity: 0;
	animation-name: heart_anime_before;
}
.action-wish.already:after,
.action-wish.action:after{
	opacity: 1;
	transform: scale(1.05,1.05);
	animation-name: heart_anime_after;
}
.action-wish.already:after{
	animation: none;
}
@keyframes heart_anime_before{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes heart_anime_after{
	0%{
		transform: scale(0.5,0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		transform: scale(1.15,1.15);
		opacity: 1;
	}
}

/********************************
ログイン用ポップアップ
********************************/
.login-popup-window *{
	box-sizing:border-box;
}
.login-popup-window {
	text-align:center;
	font-size:16px;
}
.login-popup-window .login-popup-txt{
	line-height:2em;
	vertical-align:bottom;
}

.login-popup-window #login-popup {
	display: none; /* label でコントロールするので input は非表示に */
}
.login-popup-window .overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
.login-popup-window #login-popup:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.login-popup-window .window {
	padding:20px;
	width: auto;
	height: auto;
	background-color: #ffffff;
	border-radius: 6px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: auto;
	max-height:95vh;
}
@media screen and (max-width: 1000px) {
	.login-popup-window .window {
		min-width:60%;
	}
}
@media screen and (max-width: 700px) {
	.login-popup-window .window {
		min-width:90%;
	}
}
.login-popup-window p {
	padding:1em 0;
}
.login-popup-window form input[type="text"],
.login-popup-window form input[type="email"],
.login-popup-window form input[type="password"] {
	width: 100%;
	text-align: left;
	display: inline-block;
	padding: 0.5em;
	margin: 0.5em 0;
}
.login-popup-window form input[type="submit"]{
	border: 1px solid var(--clr-ss-black);
	outline: none;
	background-color: var(--clr-ss-black);
	color:#ffffff;
	padding: 0.5em;
	width: 50%;
	margin: 0.5em auto;
	border-radius: 3px;
	cursor: pointer;
	transition: 0.2s;
}
.login-popup-window form input[type="submit"]:hover{
	background-color: #ffffff;
	color: var(--clr-ss-black);
}
.login-popup-window .kaiin_create{
	padding: 0.5em;
}



/************************************
メインコンテンツ構成
************************************/

article#contents{
	width: 100%;
	float: initial;
	box-sizing:border-box;
	padding-bottom:30px;
}
article#contents .inner_content{
	padding-top: 30px;
}
main:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}

/************************************
パンくず
************************************/

#topicPath{
	margin:1em 0;
	padding: 1em 0;
}
#topicPath2 li ,
#topicPath li{
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
	background:none;
	font-size:13px;
	display:inline-block;
	background:none !important;
}
#topicPath2 li+li:before,
#topicPath li+li:before{
	content:">";
	padding:0 0.5em;
}
#topicPath a, #topicPath2 a {
	text-decoration: none;
	outline: none;
	color: #e08a79;
}
/*****************************
価格プロ
******************************/
.buy_price>ol,
.buy_price>ul{
	display: -webkit-flex;
	display: inline-flex;
	-webkit-align-items: end;
	align-items: end; 
	margin: 5px auto;
}
.buy_price>ol *,
.buy_price>ul *{
	line-height: 1;
}
.buy_price>ol .price,
.buy_price>ul .price{
	font-weight: 700;
	font-size: 1.5em;
	flex-flow: column;
	display: inline-flex;
	align-items: start;
}
.buy_price>ol .spesicalprice,
.buy_price>ul .spesicalprice {
	font-weight: normal;
	display: block;
	line-height: 1em;
	padding: 3px 0.5em;
	font-size: 10px;
	color: #ffffff !important;
	text-align: center;
	margin-bottom: 0.25em;
	font-weight: 200;
}
.buy_price>ul .intax{
	font-size: 50%;
	padding-left: 0.25em;
	padding-bottom: 2px;
}

/* 2024.01 価格色変更
 
 価格文字色：赤に統一
 アイコン：通常 → グレー／セール → 赤
================================================== */

/* 販売価格アイコン */
.buy_price>ol .spesicalprice,
.buy_price>ul .spesicalprice {
	background-color: var(--main-clr-gray);
}

/* セット割引／セール価格アイコン */
.buy_price>ul .price[data-price-type="セット割引"] .spesicalprice,
.buy_price>ul .price[data-price-type="セール価格"] .spesicalprice,
.buy_price>ul .price.set .spesicalprice,
.buy_price>ul .price.sale .spesicalprice {
	background-color: var(--clr-sale)!important;
}

/* 価格文字：通常 */
.buy_price > ul .price {
	color: var(--main-clr-red)!important;
}
.buy_price > ul .price+.intax {
	color: var(--clr-ss-black)!important;
}

/* 価格文字：セール・セット割 */
.buy_price>ul .price[data-price-type="セール価格"],
.buy_price>ul .price[data-price-type="セット割引"],
.buy_price>ul .price.set,
.buy_price>ul .price.sale {
	color: var(--clr-sale)!important;
}
.buy_price>ul .price[data-price-type="セール価格"]+.intax,
.buy_price>ul .price[data-price-type="セット割引"]+.intax,
.buy_price>ul .price.sale+.intax,
.buy_price>ul .price.sale+.intax {
	color: var(--clr-sale)!important;
}

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

.star_rating{
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC; 
}

.star_rating:before, .star_rating:after{
	content: '★★★★★';
}

.star_rating:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: var(--main-clr-red); 
}

.star_rating[data-rate="50"]:after{ width: 100%; } /* 星5 */
.star_rating[data-rate="45"]:after{ width: 90%; } /* 星4.5 */
.star_rating[data-rate="40"]:after{ width: 80%; } /* 星4 */
.star_rating[data-rate="35"]:after{ width: 70%; } /* 星3.5 */
.star_rating[data-rate="30"]:after{ width: 60%; } /* 星3 */
.star_rating[data-rate="25"]:after{ width: 50%; } /* 星2.5 */
.star_rating[data-rate="20"]:after{ width: 40%; } /* 星2 */
.star_rating[data-rate="15"]:after{ width: 30%; } /* 星1.5 */
.star_rating[data-rate="10"]:after{ width: 20%; } /* 星1 */

/*旧*/
.item_review_get{
	line-height: 0;
}
.item_review_get *{
	vertical-align:baseline;
}
.item_review_get .star{
	color:#dcdcdc !important;
	position: relative !important;
}
.item_review_get .star:after{
	content:"★★★★★";
	color:var(--main-clr-red) !important;
	position:absolute !important;
	left:0 !important;
	width:100% !important;
	white-space:nowrap !important;
	overflow:hidden !important;
}
.item_review_get .star10:after{width:20% !important;}
.item_review_get .star15:after{width:30% !important;}
.item_review_get .star20:after{width:40% !important;}
.item_review_get .star25:after{width:50% !important;}
.item_review_get .star30:after{width:60% !important;}
.item_review_get .star35:after{width:70% !important;}
.item_review_get .star40:after{width:80% !important;}
.item_review_get .star45:after{width:90% !important;}
.item_review_get .star50:after{width:100% !important;}

.item_review_get .count{
	font-size:70%!important;
}

/************************************
スライダー(swiper)
************************************/
.swiper-container {
	position: relative;
}

.swiper-wrapper {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.swiper-slide {
	height: auto;
}

/*pagination*/
.swiper-wrapper ~ .swiper-pagination-bullets{
	text-align: left;
}

.swiper-wrapper ~ .swiper-pagination-bullets .swiper-pagination-bullet {
	border-radius: unset;
	width: 15px;
	height: 3px;
	margin: 0 4px;
	background-color: var(--clr-ss-black);
	opacity: 0.2;
}
.swiper-wrapper ~ .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: var(--clr-ss-black);
	opacity: 1;
}


/************************
レコメンド(サイジニア)
**************************/
#deqwas_recommend .smp-recommend-scroll{
	margin: 0;
	overflow: unset;
}
#deqwas_recommend .smp-recommend-scroll .swiper-slide{
	width: calc(100%/6 - 25px) !important;
	min-width: 150px;
	vertical-align: top;
	margin-right: 30px !important;
}
#deqwas_recommend .smp-recommend-scroll dl{
	text-align: left;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch; 
	-webkit-justify-content: space-between;
	justify-content:space-between;
	flex-flow: column;
}
#deqwas_recommend .smp-recommend-scroll .img img{
	border-radius: 10px;
}
#deqwas_recommend .smp-recommend-scroll .name{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: normal;
	letter-spacing: normal;
	word-break: break-all;
}
#deqwas_recommend .smp-recommend-scroll .spesicalprice,
#deqwas_recommend .smp-recommend-scroll .count_num{
	display: none;
}
#deqwas_recommend .smp-recommend-scroll .wish {
	float: right;
}
#deqwas_recommend li:nth-child(n + 11) {
	display: none;
}

#deqwas_recommend .title{
	padding: 30px 0;
}
#deqwas_recommend .title h2{
	font-size:28px;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.25em;
	background-color: rgba(0,0,0,0);
	padding: 0;
	margin: 0;
}
#deqwas_recommend .title .h2-sub{
	font-size:12px;
	letter-spacing: normal;
	line-height: 1.5em;
	font-weight: 400;
}
#content_member .content_box{
	padding: 50px 0;
}

#deqwas_recommend{
	overflow: hidden;
	margin: 0 calc(50% - 50vw);
	width: calc(100vw - 10px);
}
#deqwas_recommend>div{
	max-width:1384px;
	margin:0 auto;
	padding:0 5vw;
	box-sizing: border-box;
}


/************************
閲覧履歴
**************************/
#history .smp-recommend-scroll{
	margin: 0;
	overflow: unset;
}
#history .smp-recommend-scroll .swiper-slide{
	width: calc(100%/6 - 25px) !important;
	min-width: 150px;
	vertical-align: top;
	margin-right: 30px !important;
}
#history .smp-recommend-scroll dl{
	text-align: left;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch; 
	-webkit-justify-content: space-between;
	justify-content:space-between;
	flex-flow: column;
}
#history .smp-recommend-scroll .img img{
	border-radius: 10px;
}
#history .smp-recommend-scroll .name{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: normal;
	letter-spacing: normal;
	word-break: break-all;
}
#history .smp-recommend-scroll .spesicalprice,
#history .smp-recommend-scroll .count_num{
	display: none;
}
#history .smp-recommend-scroll .wish {
	float: right;
}
#history li:nth-child(n + 11) {
	display: none;
}

#history .title{
	padding: 30px 0;
}
#history .title h2{
	font-size:28px;
	letter-spacing: 0.06em;
	line-height: 1.25em;
	background-color: rgba(0,0,0,0);
	padding: 0;
	margin: 0;
	font-weight: 700;
}
#history .title .h2-sub{
	font-size:12px;
	letter-spacing: 0.06em;
	line-height: 1.5em;
	font-weight: 400;
}

#history{
	overflow: hidden;
	margin: 0 calc(50% - 50vw);
	width: calc(100vw - 10px);
}
#history>div{
	max-width:1384px;
	margin:0 auto;
	padding:0 5vw;
	box-sizing: border-box;
}


/************************
UGC
**************************/

.ownlyUgcWidget_block {
	text-align: center;
}
.ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost {
	padding: 0 0.5vw 2vw 0.5vw !important;
	zoom: 0.9;
}
img.ownlyPostImage {
	border-radius: 10px;
}






























/************************************
 共通ランキング部分
************************************/
p#c-ranking-title{
	width:100%;
	margin:10px 0;
	margin-bottom:0;
	padding:5px;
	color:#fff;
	background: url(../../img/bs2012/categori_rank_back.jpg) 0 0 no-repeat;
	background-size:751px auto;
	font-weight:bold;
	box-sizing: border-box;
}
div#c-ranking p.upd_date{
	width:100%;
	text-align:right;
	font-size:10px;
	box-sizing: border-box;
	padding-right:10px;
	padding-bottom:5px;
	color:#6f6f6f;
}
div#c-ranking{
	border:1px solid #867f71;
	width:100%;
	margin:0;
	padding:10px 0;
	overflow:hidden;
	box-sizing: border-box;
}
div#c-ranking dl{
	float: left;
	width: calc(100%/5);
	padding: 0 3px;
	text-align: center;
	box-sizing: border-box;
}
div#c-ranking dl dt{
	text-align:center;
	font-size:12px;
}

div#c-ranking dl dt.rankicon_1{
	background-image:url(/img/bs2013/top_ranking_orange.gif);
	background-position-x:95%;
	background-position-y: 3%;
	background-repeat:no-repeat;
}
div#c-ranking dl dt.rankicon_2{
	background-image:url(/img/bs2013/top_ranking_green.gif);
	background-position-x:95%;
	background-position-y: 3%;
	background-repeat:no-repeat;
}
div#c-ranking dl dt.rankicon_3{
	background-image:url(/img/bs2013/top_ranking_blue.gif);
	background-position-x:95%;
	background-position-y: 3%;
	background-repeat:no-repeat;
}

div#c-ranking dl dt img{
	margin-bottom:8px;
}

div#c-ranking dl dd{
	font-size:12px;
}
div#c-ranking .buy_price{
	margin:0 auto;
	display:inline-block;
}
div#c-ranking .buy_price li{
	display:inline-block;
}
div#c-ranking li.price {
	display: inline;
	font-size: 20px;
}
div#c-ranking .intax {
	font-size:11px;
}
div#c-ranking .spesicalprice {
	font-weight: 700;
	color:#5b5b5b;
	font-size: 14px;
	display:none;
	text-align:left;
}
div#c-ranking a{
	color:var(--clr-ss-black);
	text-decoration:none;
}



/****************************************
マガジンRSS
****************************************/

.magazin_rss{
	background-color:#f6f6f6;
	position:relative;
	padding:20px;
	font-size:0;
}

.magazin_rss li{
	width:calc(100%/2);
	display:inline-block;
	margin:0;
	padding:14px;
	font-size:12px;
	box-sizing:border-box;
}
.magazin_rss dl{
	position:relative;
	min-height:150px;
}
.magazin_rss dt{
	float:left;
	clear:left;
	width: 40%;
	position:relative;
}
.magazin_rss dt:before{
	display: block;
	content: '';
	padding-top: 100%;
}
.magazin_rss dt div{
	border-radius: 50%;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-position: center center;
	background-size: cover;
}
.magazin_rss dd{
	padding-left:42%;
}
.magazin_rss dd.name{
	padding-top:0.5em;
	padding-bottom:6px;
	font-size:15px;
	font-weight:500;
}

.magazin_rss dd.btn{
	width:55%;
	position:absolute;
	bottom:0;
	right:0;
	padding-right:1.2em;
	font-size:14px;
	text-align:right;
}

.magazin_rss dd.btn a:after{
	position:absolute;
	content:"keyboard_arrow_right";
	font-family: "Material Icons";
	pointer-events: none;
	font-size:1.4em;
	height:1em;
	top: 0;
	bottom:0;
	right:0;
	margin:auto;
}

.magazin_rss li{border-right:solid 1px #dbdbdb;}
.magazin_rss li:nth-child(2n){border-right:none;}
.magazin_rss li:nth-child(n + 3){border-top:solid 1px #dbdbdb;}






/****************************
中バナー
****************************/
.kaiso_midashi{
	font-size:20px;
	font-weight:500;
	text-align:left;
	margin-top:1.5em;
}
.kaiso_osusume_tk{
	display: flex;
	flex-wrap: wrap;
	padding:20px 5px;
	align-items: center;
	justify-content:space-between;
}
.kaiso_osusume_tk li{
	display:inline-block;
	width:49.4%;
	text-align:center;
}
.kaiso_osusume_tk li img{
	max-width:100%;
}
.inner_content{
	margin:0 auto;
}








.inner_content_c_4065{
	width:100%;
}
#shop_common{
	width: 95%;
	margin:10px auto;
	text-align:center;
}
#shop_common .info{
	border: solid 1px #f00;
	color: #f00;
	padding:20px 50px !important;
}
#shop_common .info a{
	text-decoration:underline;
}




/*カート*/
.cart1_banner{
	text-align:right;
}
.cart1_banner li{
	margin-bottom:10px;
}



/* 20220331 KOMATUBARA ADD [レコメンド追加] STR */
#silveregg_recommend{
	margin-top:1.5em;
}

#silveregg_recommend .item-list dd.price{
	font-size:1rem;
}
#silveregg_recommend .item-list dd.price li{
	display:inline-block;
}
#silveregg_recommend .item-list dd.price ul{
	font-size:initial;
}

.inner_content_recommend #silveregg_recommend .item-list{
	flex-wrap:wrap
}
.inner_content_recommend #silveregg_recommend .item-list>li{
	margin-bottom:3em;
}
/* 20220331 KOMATUBARA ADD [レコメンド追加] END */

/* トップページメニュー */
.ajax-box {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.ajax-box::-webkit-scrollbar {
	display:none;
}

ul.tab-list {
	display: flex;
	list-style-type: none;
	padding: 0;
	text-align: center;
}
.tab-list li{
	display: flex;
	list-style-type: none;
	text-align: center;
}

.tab-listli a{
	width: 80px;
	padding:15px 10px 15px 10px;
	color: #333333;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	background-color: #F6F6F6;
	border-top: 1px solid #eb0007;
	border-left: 1px solid #E8E8E8;
}

@media (min-width: 600px) {
	.tab-list li{
		width: 100%;
		list-style-type: none;
		text-align: center;
	}
	.tab-listli a{
		width: 100%;
	}
}


.tab-listli a:hover,
.tab-listli.on a{
	color: #333333;
	background-color: #F6F6F6;
	border-bottom: 6px solid #eb0007;
}

.ajax-box .inner-box .loading-box{
	background-image: url("ajax-loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100px auto;
}

.under-block-s .section-other{
	padding-bottom:5vw;
	border-bottom:1px solid #dbdbdb;
}
.under-block-s{
	color:#333;
	padding:3vw;
	padding-bottom:0;
}
.under-block-s *{
	box-sizing:border-box;
}
.under-block-s .category-list-side li,
.under-block-s .banner-list p{
	font-size:3vw;
}

.under-block-s.side-title,
.under-block-s h2{
	text-align:center;
	border-bottom:2px solid #333 ;
	padding:1vw 0;
	margin-top:5vw;
	font-weight:500;
	font-size:4vw;
	margin-bottom:16px;
	text-align:left;
	color:#333;
}
.under-block-s .section-category .side-title,
.under-block-s .section-category h2{
	font-size:5.5vw;
	font-weight:500;
	margin-bottom:3vw;
	text-align:left;
	border:none;
	background-color:rgba(0,0,0,0);
	color:#333;
}

.under-block-s img{
	max-width:100%;
}


/*youtubeリンク　20220510 KOMATUBARA ADD STR*/
._youtube_link{
	max-width:100%;
	display:block;
	text-align:center;
}
._youtube_link img{
	max-width:100%;
}
._youtube_link a{
	position:relative;
	display:inline-block;
}
._youtube_link a:after{
	content:"";
	display:block;
	position: absolute;
	background-image:url("/img/bs2013/play.png");
	background-repeat:no-repeat;
	background-position:center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
/*youtubeリンク　20220510 KOMATUBARA ADD END*/



/*UGC調整*/
html div#ownlyUgcModalBlind{
	z-index: 997;
}
html .ownlyUgcCarouselMarker,
html .ownlyCarouselBtn{
	z-index: 900;
}
/*UGC調整*/


/* -------▼カテゴリランキング▼-------*/
/*最小幅*/
@media (max-width: 1279px) {
	#top-ranking .ranking-list{
		min-width: 950px;
	}
}
#top-ranking .ranklist-title{
	padding: 0 0 30px 0 !important ;
}
#top-ranking h3{
	padding: 10px 0;
	border-bottom: dashed 1px #707070;
	margin: 50px 0 30px;
}
/*アンカーリンク位置調整*/
#top-ranking .item-area{
	padding-top: 180px;
	margin-top: -180px;
}
#top-ranking .item-area_list-only{
	padding-top: 100px;
	margin-top: -100px;
}
#top-ranking .item-area_list-only h3 i{
	margin-right: 5px;
}
/* -------▼ランキング_カテゴリ選択タブ▼-------*/
#top-ranking .ranking-list-title{
	display: grid; 
	grid-template-rows: 50% 50%;
	grid-template-columns: 10% 1fr 1fr 1fr 1fr 1fr 1fr;
	height: 80px;
}
#top-ranking ._list-only{
	/*カテゴリ選択タブ固定*/
	position:sticky; 
	top:141px;
	background-color: #f8f8f8;
	z-index: 100;
	padding:10px;
}
#top-ranking .ranking-list-title a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 12px;
	line-height: 11px;
}
#top-ranking .ranking-list-title .title-all{
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	background: var(--clr-ss-black);
	border-radius:5px; 
}
#top-ranking .ranking-list-title .title-all a{
	color: #ffffff;
}
#top-ranking .ranking-list-title li{
	background: #ffffff;
	color: #383838;
	border-radius:5px; 
	border: 1px solid;
	margin: 3px;
	text-align: center;
}
#top-ranking .title-child a:hover {
	color: #fff !important;
	background-color: var(--clr-ss-black);
}
/* -------▲ランキング_カテゴリ選択タブ▲-------*/

/* -------▼ランキング_アイテム▼-------*/
#top-ranking .ranking-list-item{
	display: grid; 
	grid-template-rows: 50% 50%;
	grid-template-columns: 26% 1fr 1fr 1fr 1fr;
}
#top-ranking .ranking-list-item{
	display: none; 
}
#top-ranking #all .ranking-list-item {
	display: grid; 
}
#top-ranking #all .ranking-list-item .item {
	width: auto;
}

#top-ranking #all .ranking-list-item .item dl {
	text-align: left;
}
#top-ranking .ranking-list-item dt.img {
	position: relative;
}
#top-ranking .ranking-list-item a{
	display: block;
	line-height: 1.1em;
	font-size: 90%;
}
#top-ranking .ranking-list-item .item-1 a{
	font-size: 1em;
}
#top-ranking .ranking-list-item .item-1{
	grid-row: 1 / 3;
	grid-column: 1 / 3;
	border-radius:5px; 
}
#top-ranking .ranking-list-item img {
	width: 100%;
	border-radius: 10px;
	transition: all 0.2s;
}
#top-ranking .ranking-list-item a:hover img{
	opacity: 0.8;
	transition: all 0.2s;
}

#top-ranking .ranking-list-item .price{
	font-size:1.2em !important;
}
#top-ranking .ranking-list-item .item-1 .price{
	font-size:1.5em !important;
}

#top-ranking .ranking-list-item .name{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: normal;
	letter-spacing: normal;
	word-break: break-all;
}
#top-ranking .ranking-list-item .name a{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#top-ranking .ranking-list-item .item {
	position: relative;
	margin: 8px 10px 0 10px;
	min-width: 0;
}
#top-ranking .ranking-list-item .rank-num-1,
#top-ranking .ranking-list-item .rank-num {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	text-align: center;
	background: rgb(0,0,0);
	background: linear-gradient(225deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	color: #fff;
	line-height: 1;
	width: 32px;
	height: 32px;
	font-size: 16px;
	padding: 0px 0 4px 4px;
}
#top-ranking .ranking-list-item .rank-num-1 {
	width: 48px;
	height: 48px;
	font-size: 24px;
	padding: 0 0 6px 8px;
}
/*お気に入り*/
#top-ranking .p_wish .wish {
	display: inline-block;
}
#top-ranking .p_wish {
	text-align: right;
	line-height: 0;
}
/* -------▲ランキング_アイテム▲-------*/

/* -------▲カテゴリランキング▲-------*/

/* -------▼閲覧履歴▼-------*/
@media (max-width: 1279px) {
	#history-all{
		min-width: 760px;
	}
}
#history-all div.havent{
	margin-top: 30px;
}
#history-all .item-list{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	display: inline-block;
	justify-content: space-between;
	align-items:flex-start;
}
#history-all .item-list>li{
	width: calc(100%/5 - 25px);
	margin: 10px;
	padding: 0;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: inline-table; 
	margin: 10px 10px 50px;
}

#history-all .right_link{
	text-align:right;
	padding:1em;
}
#history-all .right_link a{
	font-size:14px;
}
#history-all .right_link a:after{
	content: "";
	display: inline-block;
	background: right bottom url(/IMAGE/common/icon/yazirushi.png) no-repeat;
	background-position:center;
	background-size: 5px 9px;
	width: 1em;
	height: 1em;
}
#history-all .item-list li img{
	width:100%;
	border-radius: 10px;
}
#history-all .item-list dl.cm{
	position:relative;
}
#history-all .item-list dl.cm:after{
	content:"";
	background-image:url("/image/common/icon/cm.png");
	color:#fff;
	display:block;
	position:absolute;
	width:69px;
	height:69px;
	top:-10px;
	left:-10px;
}
#history-all .item-list dd{
	padding:0 2px;
}
#history-all .item-list dd.name{
	font-size:13px;
	font-weight:normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: normal;
	letter-spacing: normal;
	word-break: break-all;
}
#history-all .item-list dd.txt{
	font-size:12px;
}
#history-all .item-list dd.price{
	display:inline-block;
}
#history-all .item-list dd.price .spesicalprice{
	width:100%;
	display:none;
	font-size:70%;
	padding-right:0.2em;
	color:#333;
}
#history-all .item-list dd.price .intax{
	font-size:11px;
	padding-left:3px;
	font-weight:400;
}

#history-all .myitem .content_box{
	border-top:solid 1px #ddd;
}
/*お気に入り*/
#history-all .p_wish {
	text-align: right;
	line-height: 0;
	height: 25px;
}
#history-all .p_wish .wish {
	display: inline-block;
}
/* -------▲閲覧履歴▲-------*/

/* エラーページ　*/
#shosai-er {
	position: relative;
	width: 100%;
	text-align: center;
}
#shosai-er h3 {
	text-align: left;
}
#shosai-er br.pc_none {
	display: none;
}
#foot_top {
	margin-top: 10px;
}

/* 2023.07.21追加：常設ヘッダーバナー */
.header_banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background-color: var(--clr-ss-black);
}
.header_banner a {
	display: block;
}
.header_banner a img {
	width: 100%;
	max-width: 900px;
	vertical-align: bottom;
	transition: all 0.2s;
}
/* 20231017 A.TAHARA [クーポン額/率の連動] ADD STA */
.header_banner a:hover {
	transform: scale(1.05);
	transition: all 0.2s;
}
.header_banner span.small{
	/* position: absolute;
	left: 230px;
	text-align: right;
	width: 7%; */
	/* 20240717 修正 */
	color: #fff;
	font-size: 38px;
	position: absolute;
	top: 0;
	left: 42.5%;
	display: flex;
	justify-content: flex-end;
	width: 120px;
	height: 50px;
	line-height: 1;
	box-sizing: border-box;
	padding-top: 8px;
}
@media screen and (max-width: 900px) {
	.header_banner span.small{
		/*color: #fff;
		font-size: 4vw;
		position: absolute;
		left: 25vw;
		top: -0.5vw;
		text-align: right;*/
		/* 20240717 修正 */
		font-size: 4.2vw;/*38px*/
		width: 13.3vw;/*120px*/
		padding-top: 0.8vw;/*8px*/
	}
}
/*.header_banner.header_yen_2 span.small{
	color: #fff;
	font-size: 52px;
	position: absolute;
	left: 222px;
	text-align: center;
	width: 10%;
	top: -17px;
}
@media screen and (max-width: 900px) {
	.header_banner.header_yen_2 span.small{
		color: #fff;
		font-size: 5.8vw;
		position: absolute;
		left: 24.5vw;
		text-align: center;
		top: -2vw;
	}
}
.header_banner.header_yen_3 span.small{
	color: #fff;
	font-size: 42px;
	position: absolute;
	left: 222px;
	text-align: center;
	width: 10%;
	top: -10px;
}
@media screen and (max-width: 900px) {
	.header_banner.header_yen_3 span.small{
		color: #fff;
		font-size: 4.8vw;
		position: absolute;
		left: 24.5vw;
		text-align: center;
	}
}
.header_banner.header_yen_4 span.small{
	color: #fff;
	font-size: 35px;
	position: absolute;
	left: 222px;
	text-align: center;
	width: 10%;
	top: -3px;
}
@media screen and (max-width: 900px) {
	.header_banner.header_yen_4 span.small{
		color: #fff;
		font-size: 3.8vw;
		position: absolute;
		left: 24.5vw;
		text-align: center;
	}
}*/
.header_banner a {
	display: inline-block;
	position: relative;
}
/* 20231017 A.TAHARA [クーポン額/率の連動] ADD END */




/* 2024.02 制作T 改修 ADD START */
/********************************
共通ヘッダー用カテゴリ
********************************/

.category_header {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.category_header * {
	box-sizing: border-box;
}

.ch_menu_layer01 {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.8vw;/*16px*/
}
.ch_menu_layer01 > li {
	position: relative;
	width: calc((100% - 0.8vw*2)/3);/*16px*/
}
.ch_menu_layer01 > li > p {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 0.8vw;/*16px*/
	font-weight: 700;
	line-height: 1;
	padding: 0.4vw;/*8px*/
	cursor: pointer;
	border-bottom: dotted 1px var(--clr-ss-black);
}
.ch_menu_layer01 > li > p::after {
	position: absolute;
	top: calc(50% - 6px);
	right: 1.3vw;/*24px*/
	display: inline-block;
	content: "";
	width: 0.3vw;/*6px*/
	height: 0.3vw;/*6px*/
	border-right: solid 2px var(--clr-ss-black);
	border-bottom: solid 2px var(--clr-ss-black);
	transform: rotate(45deg);
}
.ch_menu_layer01 > li > p > img {
	width: 2.1vw;/*40px*/
	height: auto;
	margin-right: 0.8vw;/*16px*/
}
.ch_menu_layer02 {
	display: none;
	position: absolute;
	z-index: 5;
	top: 100%;
	left: 0;
	width: 100%;
	background: var(--main-clr-white);
}
.ch_menu_layer01 > li:hover > p {
	background-color: var(--main-clr-white);
}
.ch_menu_layer01 > li:hover > .ch_menu_layer02 {
	background: var(--main-clr-white);
	display: flex;
	flex-wrap: wrap;
	width: calc(300% + 0.8vw*2);/*16px*/
}

.ch_menu_layer01 > li:nth-of-type(3n-1) > .ch_menu_layer02{ left: calc(-100% - 0.8vw*1);/*16px*/ }
.ch_menu_layer01 > li:nth-of-type(3n) > .ch_menu_layer02 { left: calc(-200% - 0.8vw*2);/*16px*/ }


.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li {
	width: calc(100% / 3);
	background: var(--main-clr-white);
	display: flex;
}
.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li > a {
	position: relative;
	display: block;
	width: 100%;
	font-size: 0.6vw;/*12px*/
	padding: 1em;
	border-bottom: dotted 1px #ccc;
}
.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li > a::after {
	position: absolute;
	top: calc(50% - 2px);
	right: 0.6vw;/*12px*/
	display: inline-block;
	content: "";
	width: 0.2vw;/*4px*/
	height: 0.2vw;/*4px*/
	border-top: solid 1px var(--clr-ss-black);
	border-right: solid 1px var(--clr-ss-black);
	transform: rotate(45deg);
}
.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li:hover > a {
	color: var(--main-clr-red);
}

.ch_menu_layer01,
.ch_menu_layer01 > li,
.ch_menu_layer01 > li p,
.ch_menu_layer01 > li > .ch_menu_layer02,
.ch_menu_layer01 > li > .ch_menu_layer02 > li,
.ch_menu_layer01 > li > .ch_menu_layer02 > li > a,
.ch_menu_layer01 > li:hover > p,
.ch_menu_layer01 > li:hover > .ch_menu_layer02,
.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li,
.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li > a {
	transition: none!important;
}

br.br_adjust { display: none; }

/* 2024.03.29 PCのみ追従バナー */
.floating-bnr {
	/*display: none;*/
    position: fixed;
    z-index: 99998;
    bottom: 20px;
    left: 20px;
}
.floating-bnr a {
    text-decoration: none;
}
.floating-bnr a > img {
    width: 240px;
	height: auto;
}

.fb-close {
    font-weight: 700;
    position: absolute;
    top: -2px;
    right: -4px;
    z-index: 99999;
    padding: 4px 8px;
    border: none;
    background-color: #f8f8f8;
    border-radius: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}



@media (max-width: 1400px) {
	br.br_adjust { display: block; }

	/*#hgn_wrap {}
	#hgn_wrap.panelactive {}*/
	#hgn_wrap.panelactive > #hgn_inner { padding: 1.7vw 4.6vw; gap: 2.3vw;}

	#hgn_wrap .hgn_left,
	#hgn_wrap .hgn_right { gap: 1.7vw; }

	#hgn_wrap.panelactive .hgn_block h2 { font-size: 1.1vw; }

	/* リストボタン：共通設定 */
	#hgn_wrap ul.hgn_list { gap: 0.6vw; }
	#hgn_wrap ul.hgn_list > li > a { font-size: 1.0vw; padding: 0.9vw; }
	#hgn_wrap ul.hgn_list > li > a::after { right: 1.1vw; width: 0.4vw; height: 0.4vw; }

	#hgn_wrap ul.hgn_list .hgn_icon { width: 2.0vw; margin-right: 0.6vw; }

	#hgn_wrap ul.hgn_list.hgn_list_kaiin > li.btn_dot > a { font-size: 0.9vw!important; }

	/* リストボタン：2カラムのもの */
	#hgn_wrap .hgn_list_kaiin > li,
	#hgn_wrap .hgn_list_other > li { width: calc((100% - 0.6vw*1)/2); }

	/* リストボタン：3カラムのもの */
	#hgn_wrap .hgn_list_taste > li { width: calc((100% - 0.6vw*2)/3); }

	/* リストボタン：お知らせ */
	#hgn_wrap .hgn_list_news > li > a > dl { gap: 0.9vw; }
	#hgn_wrap .hgn_list_news > li > a { padding: 0.6vw 0.9vw 0.6vw 0!important; }
	#hgn_wrap .hgn_list_news > li > a > dl dt,
	#hgn_wrap .hgn_list_news > li > a > dl dd { font-size: 0.9vw; }

	/* ログアウト */
	#hgn_wrap .btn_logout a { font-size: 13px!important; }

	/* ログイン状況 */
	#hgn_wrap .info_kaiin_point { gap: 1.1vw; padding: 1.1vw; }
	#hgn_wrap .info_kaiin_point > dl { width: calc((100% - 0.9vw*1)/2); }
	#hgn_wrap .info_kaiin_point > dl dt { font-size: 0.9vw; }
	#hgn_wrap .info_kaiin_point > dl dd { font-size: 1.1vw; }

	/********************************
	共通ヘッダー用カテゴリ
	********************************/

	.ch_menu_layer01 { gap: 0 0.6vw; }
	.ch_menu_layer01 > li { width: calc((100% - 0.6vw*2)/3); }
	.ch_menu_layer01 > li > p { font-size: 1.0vw; padding: 0.6vw; }
	.ch_menu_layer01 > li > p::after { right: 1.3vw; width: 0.4vw; height: 0.4vw; }
	.ch_menu_layer01 > li > p > img { width: 2.3vw; margin-right: 0.9vw; }
	.ch_menu_layer01 > li:hover > .ch_menu_layer02 { width: calc(300% + 0.6vw*2); }

	.ch_menu_layer01 > li:nth-of-type(3n-1) > .ch_menu_layer02{ left: calc(-100% - 0.6vw*1); }
	.ch_menu_layer01 > li:nth-of-type(3n) > .ch_menu_layer02 { left: calc(-200% - 0.6vw*2); }

	.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li > a { font-size: 0.9vw;}
	.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li > a::after { right: 0.9vw; width: 0.3vw; height: 0.3vw; }

}

/* フォントサイズ調整 */
@media (max-width: 1280px) {
	br.br_adjust { display: block; }

	/*#hgn_wrap {}
	#hgn_wrap.panelactive {}*/
	#hgn_wrap.panelactive > #hgn_inner { padding: 1.9vw 3.8vw; gap: 1.9vw;}

	#hgn_wrap .hgn_left,
	#hgn_wrap .hgn_right { gap: 1.6vw; }

	#hgn_wrap.panelactive .hgn_block h2 { font-size: 1.3vw; }

	/* リストボタン：共通設定 */
	#hgn_wrap ul.hgn_list { gap: 0.6vw; }
	#hgn_wrap ul.hgn_list > li > a { font-size: 1.0vw; padding: 0.8vw; }
	#hgn_wrap ul.hgn_list > li > a::after { right: 0.9vw; width: 0.5vw; height: 0.5vw; }

	#hgn_wrap ul.hgn_list .hgn_icon { width: 1.9vw; margin-right: 0.5vw; }

	#hgn_wrap ul.hgn_list.hgn_list_kaiin > li.btn_dot > a { font-size: 0.9vw!important; }

	/* リストボタン：2カラムのもの */
	#hgn_wrap .hgn_list_kaiin > li,
	#hgn_wrap .hgn_list_other > li { width: calc((100% - 0.6vw*1)/2); }

	/* リストボタン：3カラムのもの */
	#hgn_wrap .hgn_list_taste > li { width: calc((100% - 0.6vw*2)/3); }

	/* リストボタン：お知らせ */
	#hgn_wrap .hgn_list_news > li > a > dl { gap: 0.9vw; }
	#hgn_wrap .hgn_list_news > li > a { padding: 0.6vw 0.9vw 0.6vw 0!important; }
	#hgn_wrap .hgn_list_news > li > a > dl dt,
	#hgn_wrap .hgn_list_news > li > a > dl dd { font-size: 0.9vw; }

	/* ログアウト */
	#hgn_wrap .btn_logout a { font-size: 0.9vw!important; }

	/* ログイン状況 */
	#hgn_wrap .info_kaiin_point { gap: 0.9vw; padding: 1.3vw; }
	#hgn_wrap .info_kaiin_point > dl { width: calc((100% - 0.9vw*1)/2); }
	#hgn_wrap .info_kaiin_point > dl dt { font-size: 0.9vw; }
	#hgn_wrap .info_kaiin_point > dl dd { font-size: 1.3vw; }

	/********************************
	共通ヘッダー用カテゴリ
	********************************/

	.ch_menu_layer01 { gap: 0 0.6vw; }
	.ch_menu_layer01 > li { width: calc((100% - 0.6vw*2)/3); }
	.ch_menu_layer01 > li > p { font-size: 1.0vw; padding: 0.6vw; }
	.ch_menu_layer01 > li > p::after { right: 0.9vw; width: 0.3vw; height: 0.3vw; }
	.ch_menu_layer01 > li > p > img { width: 2.2vw; margin-right: 0.6vw; }
	.ch_menu_layer01 > li:hover > .ch_menu_layer02 { width: calc(300% + 0.6vw*2); }

	.ch_menu_layer01 > li:nth-of-type(3n-1) > .ch_menu_layer02{ left: calc(-100% - 0.6vw*1); }
	.ch_menu_layer01 > li:nth-of-type(3n) > .ch_menu_layer02 { left: calc(-200% - 0.6vw*2); }

	.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li > a { font-size: 0.9vw;}
	.ch_menu_layer01 > li:hover > .ch_menu_layer02 > li > a::after { right: 0.6vw; width: 0.3vw; height: 0.3vw; }

}

/* 2024.02 制作T 改修 ADD END */

/* 2025.06 制作T 改修 ADD START */
div[class^="bnr_shinki_"] {
	position: relative;
}
div[class^="bnr_shinki_"] > a {
	display: block;
}
div[class^="bnr_shinki_"] > a > img,
div[class^="bnr_shinki_"] > img {
	width: 100%;
	height: auto;
}
div[class^="bnr_shinki_"] > a:hover {
	opacity: 0.8;
}

.bnr_shinki_top {
	width: 50%;
	margin: 64px auto 0;
}
.bnr_shinki_bottom {
	width: 50%;
	margin: 0 auto;
}

.bnr_shinki_add {
	width: 75%;
	margin: 0 auto 24px;
}
.bnr_shinki_add .midashi {
	position: relative;
	width: 50%;
	text-align: center;
    background: #d07157;
    color: #fff;
    padding: 0.25em 0;
    margin:0 auto 0.75em;
    border-radius: 4px;
}
.bnr_shinki_add .midashi::after {
	position: absolute;
	top: calc(100% - 4px);
	left: calc(50% - 4px);
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
    background: #d07157;
	transform: rotate(45deg);
}

a.box_baloon {
	position: relative;
	z-index: 5;
	width: 90%;
	display: block;
	margin: 4px auto 0;
	text-align: center;
	color: #fff;
	background-color: var(--main-clr-red);
	border-radius: 12px;
	padding: 12px 0;
}
a.box_baloon::before {
	position: absolute;
	z-index: 4;
	top: -24px;
	left: 50%;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px;
	border-color: transparent transparent var(--main-clr-red) transparent;
	transform: translateX(-50%);
}
/* アプリからのアクセス時クリック無効 */
a.box_baloon.disable {
	pointer-events: none;
}

a.box_baloon p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
a.box_baloon p strong {
	font-size: 135%;
	font-weight: 700;
	line-height: 1;
}
a.box_baloon div.btn {
	position: relative;
	width: 60%;
	color: var(--main-clr-red);
	font-size: 18px;
	font-weight: 700;
	background-color: #fff;
	border-radius: 8px;
	margin: 8px auto 0;
}
a.box_baloon div.btn::after {
	position: absolute;
	top: 50%;
	right: 6%;
	display: inline-block;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px var(--main-clr-red);
	border-right: solid 2px var(--main-clr-red);
	transform: rotate(45deg) translateY(-50%);
}

/* hover */
a.box_baloon:hover div.btn {
	color: #fff;
	background-color: var(--main-clr-lightbeige);
}
a.box_baloon:hover div.btn::after {
	border-color: #fff;
}

/* 2025.06 制作T 改修 ADD END */

/* 2025.03.24 制作T 改修 ADD START */
/* スマホかつアプリのみ アプリダウンロードバナー */
/* PCは非表示 */
.bn_cmn_yappli {
	display: none!important;
}
/* 2025.03.24 制作T 改修 ADD END */