@charset "UTF-8";
/*elegant_wide*/

/* =================================================
	=elegant_wide 3.2=
	=Index=
	Default settings
		color
		Reset
		Element
		Hyper text
		Headline
		common
		btn
		error
		list
		form
		maintenance
		topic_path
		pager
	Layout
	Header
	Topic path (pankuzu)
	Main
	Side menu (Plugin)
	Multilingual
	Footer
================================================= */

/* =================================================
	color 変数 色の調整をまとめて行うことができます
================================================= */
:root {
	/*==== 文字色 ====*/
	/* 本文用 通常文章の文字色として使用 */
	--color-main: #161414;
	/* primary タイトルや目立たせたい文字に使用*/
	--color-primary: #222222;
	/* 薄い文字色 */
	--color-tertiary: #8a8a8a;
	/*リンク色や目立たせたい文字に使用*/
	--color-link: #8a8a8a;
	/* 矢印などアイコンに使用*/
	--color-icon: #c2b6b6;
	/* 料金に使用*/
	--color-price: #4c4c4c;
	/* 白抜き用・白い文字色*/
	--color-white: #ffffff;
	/* sold outの文字色 */
	--color-soldout: #8a8a8a;

	/* セール価格の文字色 */
	--color-sale: #d73c3c;
	/* エラー用文字色 */
	--color-error: #d73c3c;
	/* ※印や、注釈等の文字色*/
	--color-point: #dc6464;

	/*==== 背景色 ====*/
	/* ページ全体の背景色 */
	--bg-area-main: #ffffff;
	/* コンテンツの背景色 */
	--bg-area-primary: #f4f4f4;
	/* パーツごとの背景色 */
	--bg-area-content: #ffffff;
	/* sub薄い背景色 */
	--bg-light: #f4f4f4;
	/* 売り切れ商品の背景色 */
	--bg-soldout: #b1b1b1;

	/*SALE・会員限定用背景色 */
	--bg-notice: #FFECEC;
	/* エラー用枠線色 */
	--bg-attention: #ffe5e5;
	/* 商品詳細画像の選択されていない商品にかかる色 */
	--bg-item_gallery: #3330;
	/*白指定背景*/
	--bg-white: #ffffff;
	/* disabledの配色 */
	--bg-disabled: #e4e4e4;

	/*==== アイコン・ボタンの色 ====*/

	/* primary 主要なボタンの色 進んでほしいボタン等*/
	--btn-modify-color: #ffffff;
	--btn-modify-bg: #222222;

	/*btn_main 一般的なボタンの色 */
	--btn-main-color: var(--color-main);
	--btn-main-bg: var(--bg-white);
	--btn-main-border: #b6b9bc;

	/* secondary サイトで二番目に目立たせたいボタンの色 */
	--btn-secondary-color: var(--color-main);
	--btn-secondary-bg: #ffffff;
	--btn-secondary-border: var(--border-light);

	/* stertiary サイトで三番目に目立たせたいボタンの色 */
	--btn-tertiary-border: var(--border-light);
	--btn-tertiary-color: var(--color-main);

	/* select */
	--select-color: var(--color-main);
	--select-bg: #ffffff;
	--select-border: var(--form-border-dark);

	/*textarea,inputの配色*/
	--form-color: var(--color-main);
	--form-bg: #ffffff;
	/* textarea,inputの配色＿はっきりした枠線 */
	--form-border-dark: var(--border-gray-dark);
	/* textarea,inputの配色＿うっすらとした枠線 */
	--form-border-light: #d9d9d9;

	/*drawerドロワーメニュー*/
	--drawer-color: var(--color-main);
	--drawer-bg: #ffffff;
	--drawer-overlay-bg: rgba(61, 61, 61, 0.401);

	/*==== 枠線 ====*/
	/* エラー用枠線色 */
	--border-error: #dc6464;
	/*main背景色と連動する枠線*/
	--border-main: var(--bg-area-main);
	/*プライマー背景色と連動する枠線*/
	--border-primary: var(--bg-area-primary);
	/* 薄いグレーの枠線色 */
	--border-light: #e2e5e8;
	/* 大きなエリアを囲う薄いグレーの枠線色 */
	--border-area: #d9d9d9;
	/* 濃いグレーの枠線色 */
	--border-gray-dark: #b6b9bc;

	/* カート内ステップバーの薄い部分の配色 */
	--cart-check-off: var(--form-border-dark);
	/* カート内ステップバーのチェックマークの色 */
	--cartCheck-mark: var(--color-white);
	/* アイコンの配色 */
	--icon-primary: var(--color-primary);

}

/* =================================================
	Reset
================================================= */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td,
p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	overflow: hidden;
}

img,
a img {
	border: none;
}

ul,
ol,
li,
dl,
dt,
dd {
	list-style: none;
}

table {
	border: 0;
}

th,
td {
	padding: 0;
}

th {
	font-weight: normal;
}

input,
select {
	padding: 8px;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	border: 1px solid var(--form-border-dark);
	border-radius: 0px;
}

input[type="text"] {
	width: calc(100% - 10px);
	justify-content: center;
	align-items: center;
}

textarea {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid var(--form-border-dark);
	border-radius: 0;
}

fieldset {
	border: none;
}

/* =================================================
	Element
================================================= */
/* 全体のfont-sizeが10pxになるように計算して設定 */
html {
	font-size: 62.5%;
}

/*1.4remが14pxと同等*/
body {
	font-size: 1.4rem;
	font-family: "Noto Sans JP",
		'Lato',
		"Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	-webkit-text-size-adjust: 100%;
	overflow-wrap: anywhere;
	color: var(--color-main);
	background-color: var(--bg-area-main);
}

select,
textarea,
input[type="submit"] {
	-webkit-appearance: none;
	appearance: none;
}

/* =================================================
	Hyper text
================================================= */
a:link,
a:visited {
	color: var(--color-main);
	text-decoration: none;
}

/*hover時の設定*/
a:hover {
	opacity: 0.85;
	transition: 0.2s;
}

.hover-opacity:hover {
	/*inputのボタンなど*/
	opacity: 0.85;
	transition: 0.2s;
}

.hover-input:hover {
	transition: 0.2s;
}

/*カーソルポインターを出したいところ*/
select[name="order_su"],
.drawermenu-btn,
.login_form_btn input,
.inquiry_btn input,
.registerbutton input,
.info_content input[name="SubmitEdit"],
.info_content input[name="Cancel"],
input[type="submit"],
input.btn_submit_quantity {
	cursor: pointer;
}

/* =================================================
	Headline 見出し
================================================= */
/*font-size一覧
	3.2rem=32px
	2.4rem=24px
	1.8rem=18px
	1.6rem=16px
	1.4rem=14px
	1.3rem=13px
*/

h1 {
	font-size: 1.6rem;
	color: var(--color-main);
	margin: 0 80px 0 90px;
	padding: 0 16px 0 0;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

h1 a {
	font-weight: bold;
	color: var(--color-primary);
	overflow-wrap: anywhere;
	justify-content: center;
}

h2 {
	font-family: 'Lato';
	font-size: 3.4rem;
	font-weight: bold;
	color: var(--color-main);
}

h3 {
	margin-bottom: 24px;
	font-family:'Noto Serif JP';
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
	color: var(--color-primary);
}

h4 {
	font-size: 1.8rem;
	color: var(--color-primary);
	margin: 0 0 16px 0;
}

h5 {
	font-size: 1.6rem;
	font-weight: normal;
	color: var(--color-primary);
}

h6 {
	font-size: 1.4rem;
	font-weight: bold;
}

@media screen and (max-width:960px) {
	h1 {
		margin: 0 87px 0 65px;
	}
}

@media screen and (max-width:580px) {
	h1 {
		margin: 0 48px;
	}
}

/* =================================================
	common 共通設定
================================================= */
input,
textarea {
	font-size: 1.6rem;
}

input[type="submit"] {
	font-size: 1.4rem;
}

select {
	width: 300px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI4LjU3NiIgdmlld0JveD0iMCAwIDE1IDguNTc2Ij4NCiAgPHBhdGggaWQ9Ikljb25faW9uaWMtaW9zLWFycm93LWRvd24iIGRhdGEtbmFtZT0iSWNvbiBpb25pYy1pb3MtYXJyb3ctZG93biIgZD0iTTEzLjY5LDE3LjIzOGw1LjY3Mi01LjY3NmExLjA2NywxLjA2NywwLDAsMSwxLjUxNCwwLDEuMDgxLDEuMDgxLDAsMCwxLDAsMS41MThMMTQuNDUsMTkuNTExYTEuMDcsMS4wNywwLDAsMS0xLjQ3OC4wMzFMNi41LDEzLjA4NGExLjA3MiwxLjA3MiwwLDAsMSwxLjUxNC0xLjUxOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjE4OCAtMTEuMjQ2KSIgZmlsbD0iIzg3ODI4MiIvPg0KPC9zdmc+DQo=);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-color: var(--form-bg);
	color: var(--select-color);
	border: 1px solid var(--form-border-light);
	font-size: 1.6rem;
	position: relative;
}

/*要素の下に余白を付けるスタイル*/
.common_margin_bottom_16 {
	margin-bottom: 16px;
}

.common_margin_bottom_32 {
	margin: 16px 0 32px;
}

.common_margin_bottom_56 {
	margin: 0 0 56px;
}

.common_margin_bottom_80 {
	margin-bottom: 80px;
}

.common_margin_bottom_120 {
	margin-bottom: 120px;
}

.common_margin_bottom_160 {
	margin-bottom: 160px;
}

.common_message:empty {
	display: none;
}

.goto_cart .goto_cart_back a:visited {
	color: var(--btn-main-color);
}

.icon_image {
	margin: 40px auto 40px;
	height: 80px;
	width: 80px;
}

.icon_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.icon_check {
	position: relative;
	height: 80px;
	margin: 0 0 24px;
}

.icon_check:before {
	content: '';
	display: block;
	position: absolute;
	top: 35%;
	left: calc(50% - 15px);
	width: 30px;
	height: 16px;
	border-radius: 1px;
	border-left: 5px solid var(--icon-primary);
	border-bottom: 5px solid var(--icon-primary);
	transform: rotate(-45deg);
}

/*カート内のフォント設定*/
#checkcart_page {
	font-family: 'Lato'
}

/*画面サイズに併せた領域のスタイル*/

.common_area-550 {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.area_border {
	padding: 80px;
	border: 1px solid var(--border-area);
	border-radius: 5px;
	box-shadow: var(--boxshadow-area);
	box-sizing: border-box;
	background: var(--bg-area-content);
}

.area_border .icon_check {
	margin: 0 0 24px;
}

.area_border .edit_wrap_btn,
.area_border h4 {
	margin: 0 0 40px;
}

.area_border_xs {
	margin: 0 auto;
	padding: 24px;
	border: 1px solid var(--border-area);
	border-radius: 5px;
	box-shadow: var(--boxshadow-area);
	background-color: var(--bg-area-content);
}

.area_border_sm {
	max-width: 900px;
	margin: 0 auto;
	padding: 40px;
	border: 1px solid var(--border-area);
	border-radius: 5px;
	box-shadow: var(--boxshadow-area);
	background-color: var(--bg-area-content);
}

.contents_title {
	margin: 0 0 28px;
}

.contents_title_sub {
	color: var(--color-tertiary);
	margin: 4px 0 0 0;
}

.finish_title {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 34px;
}

/* =================================================
	btn ボタンの設定
================================================= */

.btn_main {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--btn-main-color);
	border: 1px solid var(--btn-main-border);
	background: var(--btn-main-bg);
	box-sizing: border-box;
	font-family: 'Lato';
	height: 50px;
}

.btn_main input,
.btn_modify input {
	width: 100%;
	height: 100%;
	display: block;
	color: var(--color-main);
}

.btn_modify {
	width: 100%;
	height: 50px;
	border: none;
	background: var(--btn-modify-bg);
	color: var(--btn-modify-color) !important;
	box-sizing: border-box;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn_modify input {
	background: var(--btn-modify-bg);
	color: var(--btn-modify-color);
}

.btn_modify a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-white);
}

/* =================================================
error	注釈・エラー
================================================= */
.system_message {
	color: var(--color-point);
	background: var(--bg-notice);
	padding: 10px;
	line-height: 2;
	display: block;
}

b.system_message {
	text-decoration: none !important;
}

.errormessage {
	padding: 24px;
	margin: 24px 0;
	box-sizing: border-box;
	border: 1px solid var(--border-error);
	color: var(--color-error);
	background: var(--bg-area-main);
	font-weight: bold;
	display: block;
}

.errormessage:empty {
	display: none;
}

/* =================================================
list リストの統一スタイル
================================================= */
.list_wrap {
	margin: 0 0 24px;
	padding: 0 0 24px;
	border-bottom: 1px solid var(--bg-light);
}

.list_title {
	margin-bottom: 4px;
	font-weight: bold;
}

/* =================================================
form フォーム内の統一スタイル
================================================= */

.form_title {
	margin: 0 0 4px;
	font-weight: bold;
}

.form_input {
	width: 100%;
}

.form_input input:disabled,
.form_input select:disabled,
.form_input textarea:disabled {
	color: var(--color-tertiary);
	background: var(--bg-disabled);
}

input[type="radio"]:disabled:after {
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #cc0000;
}

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

	/*画面サイズ960px以下*/
	.regi_header.errormessage {
		background-color: var(--bg-area-main);
	}

	.header_main .side_navi {
		text-align: left;
	}

	.itemlist_page {
		width: auto;
		padding: 0 16px;
	}

	h2.contents_title {
		text-align: left;
	}

	.common_width_550 {
		max-width: 550px;
		margin: 0 auto;
	}

	.area_border,
	.area_border_sm,
	.area_border_xs {
		padding: 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
}

@media screen and (max-width:580px) {
	h2 {
		margin: 0;
	}

	.area_border,
	.area_border_sm,
	.area_border_xs {
		border-radius: 0;
	}

	.sub_contents {
		padding: 0 0 56px;
	}

	.sub_contents_wrap {
		padding: 0 0 24px;
	}
}

/* =================================================
	maintenance メンテナンス時の表示
================================================= */

.maintenance {
	position: absolute;
	width: 100%;
	padding: 0 120px;
	box-sizing: border-box;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.maintenance_wrap_body {
	color: var(--color-error);
	border: 1px solid var(--color-error);
	padding: 40px 20px;
}

.maintenance_wrap_body_usermessage:empty {
	display: none;
}

.header_mentenance {
	min-height: 40px;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid var(--border-light);
	padding: 20px 0;
}

.header_mentenance h1 {
	max-width: 900px;
}

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

	/*画面サイズ960px以下*/
	.maintenance {
		padding: 0 64px;
	}

	.maintenance_wrap_body {
		border: 1px solid var(--border-error);
		padding: 24px;
		color: var(--color-error);
	}
}

/* =================================================
	topic_path パン屑リスト
================================================= */
#topic_path {
	max-width: 100%;
	padding: 0 40px;
	height: 90px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
}

#topic_path .home {
	margin: 0 8px 0 0;
}

.topic_path-900 {
	max-width: 900px;
}

.topic_path-1200 {
	max-width: 1200px;
}

#topic_path ul li {
	display: inline;
	line-height: 2;
}

#topic_path ul li span {
	margin: 0 10px 0 0;
}

#topic_path ul li a {
	margin: 0 10px 0 0;
}

@media screen and (max-width:960px) {
	#topic_path {
		padding: 8px 16px 40px;
		height: auto;
	}

	#topic_path ul {
		padding: 0;
	}
}

/* =================================================
	pager
================================================= */
.pagerbox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 24px;
}

.pagerbox_pager {
	margin: 0 0 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.pagerbox_pager li {
	margin: 0 8px;
}

.pager_number {
	display: flex;
}

.pager_number span {
	color: var(--color-tertiary);
	margin: 0 8px 0;
}

.pager_number a {
	border-radius: 50%;
	margin: 0 8px 8px;
	color: var(--btn-main-color);
}

.pager_number span,
.pager_number a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.pager_back:empty,
.pager_next:empty {
	display: none;
}

.pager_back a,
.pager_next a {
	width: 64px;
	height: 40px;
	border: none;
	color: var(--icon-primary);
	display: flex;
	justify-content: center;
	align-items: center;
}

.pager_total {
	font-size: 1.2rem;
	color: var(--color-tertiary);
	text-align: center;
}

@media screen and (max-width:580px) {
	.pagerbox {
		display: flex;
		justify-content: center;
	}
}

/* =================================================
	Layout
================================================= */
#wrap {
	width: 100%;
	background: var(--bg-area-main);
}

#primary {
	padding: 60px 0 0;
}

#mainImage {
	/*TOPページでストア名の後ろに背景画像を使用した場合の設定*/
	width: 100%;
	height: 60vh;
	margin: 0 0 32px;
}

#mainImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main {
	margin: 0 auto;
	box-sizing: border-box;
	background: var(--bg-area-main);
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 60px);
}

/* =================================================
	header
================================================= */

.header {
	position: -webkit-fixed;
	position: fixed;
	margin: 0 auto;
	width: 100%;
	border-bottom: 1px solid var(--border-light);
	display: flex;
	align-items: center;
	background: var(--bg-white);
	box-sizing: border-box;
	z-index: 1000;
}

.header_main {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

.header_top {
	margin: 0 auto;
	padding: 16px 40px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.header h1 img {
	/*ショップ名が画像だった場合*/
	height: 52px;
}

/*  ハンバーガーメニュー  */
.header_main .drawermenu-btn {
	position: absolute;
	top: 16px;
    width: 16px;
    height: 30px;
    left: 40px;
}

.header_main .drawermenu-btn span,
.header_main .drawermenu-btn span:before,
.header_main .drawermenu-btn span:after {
	position: absolute;
	height: 2px;
	width: 16px;
	border-radius: 3px;
	background: var(--icon-primary);
	/*線の太さ*/
	display: block;
	content: '';
	cursor: pointer;
}

.header_main .drawermenu-btn span {
	top: 7px;
}

.header_main .drawermenu-btn span:before {
	bottom: -7px;
}

.header_main .drawermenu-btn span:after {
	bottom: -14px;
}

#topPage_wrap {
	padding: 0 40px;
}

#mainImage {
	/*TOPページでストア名の後ろに背景画像を使用した場合の設定*/
	width: 100%;
	height: 60vh;
	margin: 0 0 32px;
}

#mainImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main {
	margin: 0 auto;
	box-sizing: border-box;
	background: var(--bg-area-main);
}

.toppage_contents {
	padding: 80px 0 0;
	background: var(--bg-area-primary);
}

.sub_contents {
	padding: 0;
}

.sub_contents:nth-child(2) {
	padding: 0 0 40px;
}

.toppage_contents_wrap {
	background-color: var(--bg-area-primary);
	padding: 0 40px 40px;
	max-width: 1200px;
	margin: 0 auto;
}

.sub_contents_wrap {
	padding: 0 0 40px;
}

.sub_contents_itemdetail,
.sub_contents_wrap {
	margin: 0 auto;
}

.sub_contents_itemdetail {
	max-width: 1200px;
}

.sub_contents_wrap {
	max-width: 900px;
}

.sub_contents_itemdetail {
	padding: 40px 16px;
	box-sizing: border-box;
}

.sub_contents_wrap_bottom {
	padding: 0 0 40px;
}

.login_error_message {
	display: none;
}

.header_main .sidemenu,
.header_subpage .sidemenu {
	position: fixed;
	z-index: 2000;
	top: 0px;
	left: 0;
	width: 100% !important;
	height: 100%;
	overflow: auto;
	background: rgb(61 61 61 / 40%);
}

.sidemenu_search {
	text-align: left;
}

.header_subpage h1 {
	margin: 0 auto 0 0;
}

.header_mentenance {
	min-height: 40px;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid var(--border-light);
	padding: 20px 0;
}

.header_mentenance h1 {
	max-width: 900px;
}

.sidemenu {
	display: none;
}

@media screen and (max-width:960px) {
	.header_main .drawermenu-btn span {
		left: 7px;
	}

	.sub_contents_itemdetail {
		max-width: 550px;
	}

	.sub_contents_wrap {
		padding: 0 16px;
		margin: 0px auto 80px;
	}

	.toppage_contents_wrap {
		padding: 0 32px 40px;
	}

	.toppage_contents_wrap .contents {
		padding: 0;
	}
}

/*said nav*/
.is-open {
	display: block;
}

.drawer-nav-body {
	position: fixed;
	top: 0;
	left: 0;
	padding: 32px 16px 160px;
	color: var(--drawer-color);
	background: var(--drawer-bg);
	width: 85%;
	max-width: 350px;
	height: 100%;
	overflow: scroll;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	z-index: 100;
	text-align: left;
}

.sidemenu .login_box ul li input {
	width: 100%;
}

.drawer-nav-body .search form input {
	border-radius: 0 3px 3px 0;
	box-sizing: border-box;
	border: 1px solid var(--form-border-light);
	background-color: var(--form-bg);
}

.drawer-nav-body .search form .submit {
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	background: unset;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 20px;
	border-radius: 0px 3px 3px 0;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 0px;
}

.drawer-nav-body .search_box_category {
	margin: 8px 0 0;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	font-weight: normal;
}

.search_box_category input {
	height: auto;
}

.drawer-nav-body .search_box_category input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
	border: 1px solid var(--form-border-dark);
	border-radius: 3px;
}


ul.sidemenu_list>li {
    font-size: 1.4rem;
    font-weight: bold;
}

.sidemenu_listItem{
    margin: 12px 0;
}
.sidemenu_listItem_category {
	margin: 8px 0;
}
.sidemenu_listItem a{
    padding: 12px 0;
    display: inline-block;
}

.sidemenu_listItem_category a{
	padding: 8px 0;
}
ul.sidemenu_listItem_category_tabs {
	margin: 0 0 0 16px;
}

ul.sidemenu_listItem_category_tabs>li a {
	font-weight: normal;
}

li.sidemenu_listItem_category_tabsItem a {
	display: inline-block;
}

.category_sub {
	font-size: 1.6rem;
	padding: 0 0 0 24px;
	position: relative;
}

.category_sub:before {
	position: absolute;
	content: "";
	width: 16px;
	height: 1px;
	background: var(--border-gray-dark);
	top: 50%;
	left: 0px;
}

.sidemenu_listItem_category_tabsSubItem {
    display: flex;
}

.sidemenu_listItem_category_tabsSubItem div {
    margin: 0 24px;
}

.sidemenu_listItem_category_tabsSubItem a {
    font-size: 1.4rem;
}

/*会員ページボタン*/
.btn_membersinfo {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn_membersinfo a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.btn_membersinfo span {
    position: absolute;
    top: 22px;
    left: 24px;
	fill: var(--icon-primary);/*アイコンの色*/
}
.btn_membersinfo svg {
    width: 15px;
    height: 15px;
}

/*検索ボタン*/
.serach_btn{
	display: flex;
	justify-content: center;
	z-index: 3;
	right: 60px;
	top: 0;
	width: 60px;
	height: 60px;
	margin: 0 4px 0 0;
	cursor: pointer;
	text-align: center;
	align-items: center;
}

.serach_btn_form {
	position: absolute;
	background: var(--btn-modify-bg);
	width: 50px;
	height: 50px;
	border-radius: 2px;
	align-items: center;
	box-sizing: border-box;
}

.serach_btn_form span.icon_search {
	display: flex;
    fill: var(--btn-modify-color);
    justify-content: center;
    align-items: center;
    height: 100%;
}

.header_subpage .serach_btn {
	right: 92px;
	top: 24px;
}

.globalMenu .serach_btn_form,
.sidemenu_search .serach_btn_form {
	right: 0;
	top: 0;
}

span.icon_search,
span.icon_cart {
	font-size: 16px;
	display: contents;
}

span.icon_search {
	fill: var(--icon-primary);
}

span.icon_cart {
	fill: var(--btn-modify-color);
}

.fc2paymentshop_head+#wrap .globalMenu {
	top: 35px;
}

.open-btn.btnactive {
	background-image: url(happy.svg);
	background: url("../img/icon_close.svg") no-repeat 15px center;
	/*閉じるアイコンを背景に表示*/
	background-size: 18px 18px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top: 16px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.globalMenu {
	width: 100%;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	color: var(--color-primary);
	background: var(--bg-area-content);
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	border-bottom: 1px solid var(--border-area);
	z-index: 100;
}

.globalMenu_search {
	margin: 0;
}

.globalMenu_search .search .search_form {
	width: 300px;
}

.search_box_word {
	position: relative;
	margin: 0 0 4px;
}

.search_box_word input {
	width: 100%;
}

.globalMenu_search .search form .submit {
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 50%;
	background: unset;
	border-radius: 0px 3px 3px 0;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 0;
}

.globalMenu_search .search_box_category {
	display: flex;
	align-items: center;
}

.globalMenu_search .search_box_category input[type="checkbox"] {
	width: 14px;
	margin: 0;
}

.header_subpage .globalMenu {
	height: 144px;
}

/* このクラスを、jQueryで付与・削除する */
.globalMenu.active {
	transform: translateY(0%);
}

/* cart */
.cartcheck {
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: 4;
}

.cartcheck a {
	background: var(--btn-modify-bg);
	height: 100%;
	box-sizing: border-box;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*  comment_header comment_footer  */

.comment_header {
	max-width: 1200px;
	margin: 24px auto;
	padding: 0 40px;
	font-size: 1.4rem;
}

.common-1200 .comment_header {
	max-width: 1200px;
}

.comment_footer {
	margin: 0 0 80px;
	font-size: 1.4rem;
}

.comment_header:empty,
.comment_footer:empty {
	display: none;
}

@media screen and (max-width:960px) {
	.header {
		height: 62px;
	}

	.header_main .drawermenu-btn {
		left: 16px;
	}

	.comment_header {
		padding: 0 16px;
	}

	.serach_btn {
		right: 62px;
		width: 62px;
		height: 62px;
	}

	.cartcheck {
		width: 62px;
		height: 62px;
	}
}

@media screen and (max-width:580px) {
	#primary{
		padding: 50px 0 0;
	}
	.header {
		height: 50px;
	}
	.header_main .drawermenu-btn {
		left: 16px;
	}
	h1 {
		margin: 0px 0 0 50px;
	}
	.toppage_contents_wrap {
		padding: 0 16px 80px;
	}
	.header_main .drawermenu-btn{
		top: 10px;
	}
	.header_main .drawermenu-btn span{
		left: 0px;
	}
	.header_main .drawermenu-btn span,
	.header_main .drawermenu-btn span:before,
	.header_main .drawermenu-btn span:after {
		width: 16px;
	}
	.cartcheck {
		width: 50px;
		height: 50px;
	}
	.btn_membersinfo {
		width: 50px;
		height: 50px;
	}
	.btn_membersinfo span {
		top: 18px;
		left: 16px;
	}
	.btn_membersinfo svg {
    width: 16px;
    height: 16px;
}
	.comment_footer {
		margin: 0 0 40px;
	}

	.serach_btn {
		display: none;
	}
}

/* =================================================
	footer
================================================= */

#footer {
	width: 100%;
	padding: 80px 32px;
	box-sizing: border-box;
	margin-top: auto;
}

.footerWrap {
	max-width: 1200px;
	margin: 0 auto;
}

.footerWrap div:last-child {
	margin: 0 0 auto;
}

.footerWrap_title h1 {
	margin: 0 0 40px;
}

.footerWrap_title h1 a {
	color: var(--color-primary);
}

.footerWrap .footerWrap_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footerWrap_linkList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

.footerWrap_linkList_contents {
	display: flex;
	flex-wrap: wrap;
	margin: 0 40px 16px 0;
}

.footer_copy {
	font-size: 1.2rem;
	color: var(--color-tertiary);
}

@media screen and (max-width: 960px) {
	#footer {
		padding: 0 16px;
	}

	.footerWrap {
		padding: 40px 0;
	}

}

/* =====  toppage_main_visual===== */

/* main_visual */
.main_visual {
	height: calc(100vh - 60px);
	display: flex;
	align-items: center;
}

.main_visualWrap {
	width: 100%;
	max-width: 100%;
	height: 100vh;
}

.main_visualWrap_item {
	height: 100vh !important;
}

.main_visualWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* main_visual_catchcopy */
.main_visual_catchcopy {
	margin: 0 0 0 4%;
	text-shadow: 1px 1px 1px rgba(134,134,134,0.64);
	z-index: 999;
	position: absolute;
	top: 50%;
}

.main_visual_catchcopy_main {
	font-family:'Noto Serif JP';
	font-size: 3.2rem;
	margin: 0 0 8px 0;
}

.main_visual_catchcopy_sub {
	color: var(--color-white);
}

/* ===== toppage_contents ===== */

.topPage_contents {
	max-width: 1200px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

.contents_copy {
	font-family:'Noto Serif JP';
	font-size: 2.4rem;
	margin: 0 0 28px;
}

.contents_content {
	line-height: 2;
	margin: 0 0 80px;
}


/*=====  toppage_ABOUT  =====*/
.topPage_contents_aboutWrap {
	display: flex;
	justify-content: space-between;
}

.topPage_contents_aboutInfo {
	max-width: 500px;
	padding: 80px 40px 0 0;
}

.topPage_contents_aboutImg {
	width: 770px;
	height: auto;
	max-height: 453px;
	border-radius: 5px;
	background: var(--border-gray-dark);
}

.topPage_contents_aboutImg img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
}

@media screen and (max-width: 960px) {
	.topPage_contents_aboutInfo .contents_content {
		margin: 0 0 40px;
	}
	.main_visual_catchcopy_sub{
		color: var(--color-tertiary);
	}
}


/*=====  toppage_CONCEPT  =====*/

.concept_title {
	max-width: 1600px;
	margin-left: auto;
}

.contents_concept_wrap {
	max-width: 1600px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.concept_wrap_section {
	max-width: 413px;
}

.concept_wrap-l {
	margin-left: auto;
}

.concept_wrap-l .concept_wrap_section {
	padding: 0 200px 0 0;
}

.concept_wrap-r {
	margin-right: auto;
}

.concept_wrap-r .concept_wrap_section {
	padding: 0 0 0 200px;
}

.concept_wrap_section_noTitle {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}

.concept_wrap_section_noTitle_sub {
	font-size: 1.3rem;
	font-weight: bold;
	font-family: 'Lato';
}

.concept_wrap_section_noTitle_main {
	font-size: 4.0rem;
	font-weight: bold;
	font-family: 'Lato';
	margin: 0 0 24px;
}

.concept_wrap_section_noTitle:before {
	/*numberの後ろの線*/
	position: absolute;
	height: 1px;
	background: var(--border-gray-dark);
	content: "";
	top: auto;
	bottom: 58%;
}

.concept_wrap-l .concept_wrap_section_noTitle:before {
	width: 580px;
	left: 56px;
}

.concept_wrap-r .concept_wrap_section_noTitle:before {
	right: 58px;
	width: 250px;
}

.concept_wrap_section_img {
	width: 965px;
	height: 565px;
	border-radius: 5px;
	z-index: 100;
}

.concept_wrap_section_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

@media screen and (max-width: 960px) {
	.main_visual {
		display: inline;
	}

	.main_visualWrap {
		height: 40vh;
	}

	.main_visualWrap_item {
		min-height: 40vh;
		height: 40vh !important;
	}

	.main_visualWrap img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.main_visual_catchcopy {
		text-shadow: none;
		position: initial;
		text-align: center;
		margin: 40px 0 80px;
	}

	.main_visual_catchcopy_main {
		font-family:'Noto Serif JP';
		font-size: 2.4rem;
		margin: 40px 0 16px;
	}

	#topPage_wrap {
		padding: 0 16px;
		text-align: center;
	}

	.topPage_contents {
		margin-bottom: 80px;
	}

	.topPage_contents_aboutWrap {
		display: flex;
		flex-direction: column-reverse;
	}

	.topPage_contents_aboutInfo {
		max-width: 500px;
		padding: 40px 0;
		margin: 0 auto;
	}

	.topPage_contents_aboutImg {
		width: 100%;
		height: 40vh;
	}

	.topPage_contents_aboutInfo {
		max-width: 500px;
		padding: 40px 0;
	}

	.top_comcept {
		margin: 0 0 80px 0;
	}

	.contents_content {
		margin: 0;
	}

	.contents_concept_wrap {
		padding: 0;
		flex-direction: column-reverse;
		margin: 0 0 56px;
	}

	.concept_wrap-l .concept_wrap_section {
		max-width: 500px;
		padding: 40px 0;
	}

	.concept_wrap-l .concept_wrap_section_noTitle:before,
	.concept_wrap-r .concept_wrap_section_noTitle:before {
		display: none;
	}

	.concept_wrap_section_img {
		width: 100%;
		height: 30vh;
	}

	.concept_wrap-r {
		margin-right: auto;
		display: flex;
		flex-direction: column;
	}

	.concept_wrap-r .concept_wrap_section {
		padding: 40px 0;
	}
}



/*=====  toppage_CATEGORY  =====*/

.top_category_list {
	background: var(--bg-light);
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.top_category_list_item {
	width: calc(28% + 20px);
	margin: 8px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 5px;
	background-size: cover;
}

.top_category_list_item a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* カテゴリの裏に画像を付ける場合-カテゴリの順番 */
.top_category_list_item {
	background: var(--bg-area-content);
	/*1番目*/
	/*後ろに画像を挿入する場合はこちら*/
	/*background-image: url();*/
}
/*2番目*/
/*後ろに画像を挿入する場合はこちら
.top_category_list :nth-child(2) {
background-image: url();
}*/

/*3番目*/
/*後ろに画像を挿入する場合はこちら
.top_category_list :nth-child(3) {
background-image: url();
}*/

/*4番目*/
/*後ろに画像を挿入する場合はこちら
.top_category_list :nth-child(4) {
background-image: url();
}*/

/*5番目*/
/*後ろに画像を挿入する場合はこちら
.top_category_list :nth-child(5) {
background-image: url();
}*/

/*6番目*/
/*後ろに画像を挿入する場合はこちら
.top_category_list :nth-child(6) {
background-image: url();
}*/

/*7番目*/
/*後ろに画像を挿入する場合はこちら
.top_category_list :nth-child(7) {
background-image: url();
}*/

.top_category_list_item_title {
	background-color: rgba(255, 255, 255, 0.76);
	padding: 2px 32px;
}

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

	.top_category_list {
		justify-content: space-between;
		padding: 16px;
	}

	.top_category_list_item {
		width: calc((100% - 40px)/2);
	}
}

@media screen and (max-width: 580px) {
	.top_category_list_item {
		width: 100%;
	}
}


/*=====  top_pickup  =====*/

.top_pickup_card {
	display: flex;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.top_pickup_card .slick-prev,
.top_pickup_card .slick-next {
	position: absolute;
	z-index: 3;
	top: calc(50% - 15px);
	cursor: pointer;
	outline: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
}

.top_pickup_card .slick-prev {
	/*戻る矢印の位置と形状*/
	left: 0;
}

.top_pickup_card .slick-next {
	/*次へ矢印の位置と形状*/
	right: 0;
}

.top_pickup_card .slick-next::before {
	right: calc(50% - 3px);
	transform: rotate(45deg);
}

.top_pickup_card .slick-prev::before {
	transform: rotate(-135deg);
	left: calc(50% - 3px);
}

.top_pickup_card .slick-prev::before,
.top_pickup_card .slick-next::before {
	position: absolute;
	content: "";
	height: 7px;
	width: 7px;
	top: calc(50% - 5px);
	border-top: 2px solid var(--color-white);
	border-right: 2px solid var(--color-white);
}

.top_pickup_card .slick-next:focus,
.top_pickup_card .slick-next:hover,
.top_pickup_card .slick-prev:focus,
.top_pickup_card .slick-prev:hover {
	background: rgba(0, 0, 0, 0.2);
}

.slick-list.draggable {
    border-radius: 3px;
}
.top_pickup_card_item {
	box-sizing: border-box;
	display: block;
	text-align: left;
}

.top_pickup_card_item_wrap {
	padding: 0 40px;
}

.top_pickup_card_item a {
	width: 100%;
	height: 100%;
}

.top_pickup_card_item_img {
	height: 180px;
	border-radius: 5px;
	margin: 0 0 16px 0;
}

.top_pickup_card_item_img img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	border: 1px solid var(--border-light);
	box-sizing: border-box;
}

.top_pickup_card_item_name {
	margin: 0 0 8px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top_pickup_card_item_price {
	margin: 0 0 16px;
	color: var(--color-price);
	font-family: 'Lato';
}

@media screen and (max-width: 960px) {
	.top_pickupWrap {
		padding: 0 16px;
	}
	.top_pickup_card_item_wrap{
		padding: 0 18px;
	}
	.top_pickup_card_item_img {
		height: 160px;
	}

}

@media screen and (max-width: 580px) {
	.top_pickupWrap {
		padding: 0;
	}

	.top_pickup_card_item_img {
		height: 30vh;
	}
}


/*=====  toppage_ITEM LIST （top_商品一覧） =====*/

/*ソート*/
.itemlist_header {
	margin: 0 0 16px;
	color: var(--color-main);
}

.itemlist_headerWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 0 24px;
}

.itemlist_headerWrap h3 {
	margin: 0;
}

.itemlist_header_sortbox_list {
	display: flex;
}

.itemlist_header_sortbox_listItem {
	margin: 0 0 0 32px;
	background: var(--btn-tertiary-bg);
}

.itemlist_header_sortbox_listItem a {
	color: var(--btn-tertiary-color);
	background: var(--btn-tertiary-bg);
	border: 1px solid var(--btn-tertiary-border);
	display: flex;
	padding: 8px;
	width: 80px;
	align-items: center;
	justify-content: center;
}

.itemlist_header_sortbox_listItem span {
	color: var(--color-icon);
	font-size: 1.1rem;
	margin: 0 0 0 4px;
}

.contents_header_wrap {
	display: flex;
	justify-content: space-between;
}

.contents_header_comment {
	margin: 0 0 40px;
}

/* 商品一覧 */
.top_itemlist .list_wrap {
	display: grid;
	gap: 80px 32px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.top_itemlist .list_title {
	color: var(--color-main);
	font-weight: bold;
	font-size: 1.4rem;
	margin: 0 0 4px 0;
}

.top_itemlist .list_content {
	width: 75%;
	color: var(--color-main);
}

.top_itemlist .itemlist_main_card {
	display: flex;
	flex-wrap: wrap;
}

.top_itemlist .itemlist_main_cardItem_image_wrap {
	position: relative;
}

.top_itemlist .itemlist_main_cardItem_image {
	width: 100%;
	height: 57%;
	max-height: 180px;
	margin: 0 0 16px;
}

.top_itemlist .limited_icon {
	/*会員限定商品*/
	color: var(--color-white);
	background: var(--color-primary);
	border: none;
	height: 20px;
	font-size: 1.3rem;
	display: inline-flex;
	border-radius: 0;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
}

.topPage_contents .itemlist_main_card_item {
	width: calc((100% - 60px)/4);
	margin: 0 20px 80px 0;
	position: relative;
}

.topPage_contents .itemlist_main_card_item:nth-child(3n) {
	margin: 0 20px 0 0;
}

.topPage_contents .itemlist_main_card_item:nth-child(4n) {
	margin: 0 0 80px;
}

.top_itemlist .itemlist_main_card_itemWrap {
	width: 100%;
	position: relative;
}

.top_itemlist .itemlist_main_cardItem_image>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item_icon {
	/*新着・注目など商品設定で設定できるアイコン*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.itemlist_main_cardItem_content {
	text-align: left;
}

.itemlist_main_cardItem_content_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 0 8px;
}

.itemlist_main_cardItem_member_price,
.itemlist_main_cardItem_member_sale_price{
	font-weight: bold;
}
.itemlist_main_cardItem_member_sale_price{
	color:var(--color-sale);
}
.itemlist_main_cardItem_content_info_price {
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	justify-content: space-between;
}


.itemlist_main_cardItem_content_info_priceWrap {
	width: calc(100% - 76px);
	display: flex;
	flex-wrap: wrap;
}

.price{
	font-family: 'Lato';
}

.itemlist_main_cardItem_sale_price {
	/*SALE時の値段*/
	font-family: 'Lato';
	font-weight: bold;
	color: var(--color-sale);
	margin: 0 16px 0 0;
}

.item_label_sale {
	/*SALE時のラベル*/
	font-family: 'Lato';
	font-size: 1rem;
	display: flex;
	align-items: center;
	border-bottom: 1px solid red;
	padding: 0 2px;
	color: red;
}

.itemlist_label_soldout {
	/*soldout時の表示*/
	color: var(--color-soldout);
	padding: 2px;
	margin: 0 0 0 4px;
	border: none;
	height: 20px;
	width: auto;
	display: inline-block;
	font-family: 'Lato';
	font-size: 1.3rem;
}

.pagerbox input {
	width: 90px;
	height: 40px;
	color: var(--btn-modify-color);
	background: var(--btn-modify-bg);
	border-radius: 0;
}

.itemlist_more {
    margin: 0 auto;
    max-width: 550px
}
.itemlist_more a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 960px) {
	.contents_header_wrap {
		display: block;
	}

	.itemlist_header_sort.sort {
		width: 500px;
		margin: auto;
	}

	.topPage_contents .itemlist_main_card {
		padding: 0 16px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.topPage_contents .itemlist_main_card_item {
		margin: 0 20px 40px 0;
		width: calc(100% /2);
		max-width: 46%;
		text-align: left;
	}

	.topPage_contents .itemlist_main_card_item:nth-child(3n) {
		margin: 0 20px 56px 0;
	}

	.topPage_contents .itemlist_main_card_item:nth-child(even) {
		margin: 0;
	}

}

@media screen and (max-width: 580px) {
	.itemlist_header_sort.sort {
		width: initial;
	}

	.topPage_contents .itemlist_main_card {
		padding: 0;
	}

	.topPage_contents .itemlist_main_card_item {
		margin: 0 20px 20px 0;
	}

	.topPage_contents .itemlist_main_card_item:nth-child(3n) {
		margin: 0 0 20px 0;
	}

	.top_itemlist .itemlist_main_cardItem_image {
		max-height: 140px;
	}

	.itemlist_main_cardItem_content_info_priceWrap {
		width: 100%;
	}
}

/*=====  toppage_NEWS （top_最新情報） =====*/

.top_news {
	display: flex;
}

.top_news .contents_title {
	width: 45%;
}

.top_news_content {
	width: 55%;
	padding: 80px 160px;
	background: var(--bg-area-primary);
}

.top_news_content_listItem {
	margin: 0 0 40px;
}

.shopinfo_news {
    text-align: left;
	line-height: 1.7;
    width: calc(100% - 120px);
}

.shopinfo_page_listItem_wrap {
	display: flex;
	flex-wrap: wrap;
}

.shopinfo_date {
	color: var(--color-tertiary);
	margin: 0 40px 0 0;
	font-family: 'Lato';
}

@media screen and (max-width: 960px) {
	.topPage_contents {
		flex-wrap: wrap;
	}

	.top_news .contents_title {
		margin: 0 auto 40px;
	}

	.top_news_content {
		width: 100%;
		padding: 40px 16px;
	}

	.top_news_content_list,
	.infoall {
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 580px) {
	.shopinfo_page_listItem_wrap {
		display: flex;
		flex-direction: column;
		text-align: left;
	}
	.shopinfo_news {
    text-align: left;
    width: 100%;
}
	.shopinfo_date {
		margin: 0 0 4px 0;
	}
}

/*=====  toppage_user_page（top_カスタムページ） =====*/

.user_page h3 {
	margin: 0 0 40px;
}

.user_page a {
	text-decoration: underline;
}

.user_content {
	line-height: 1.8;
}

@media screen and (max-width: 960px) {
	.plg_calendar h3 {
		margin: 0;
	}

	.plg_calendar {
		margin-bottom: 80px;
	}

	.user_content {
		padding: 0;
	}
}

/*=====  toppage_calendar（top_カレンダー） =====*/

.calender_wrap {
	min-width: 284px;
	margin: 0px 24px 16px 0;
	width: calc((100% - 8%)/3);
}

.calender_wrap:nth-child(3n) {
	margin: 0 0 16px;
}

.calender_main {
	display: flex;
	flex-wrap: wrap;
	background: var(--bg-white);
	padding: 80px;
}

.calender_title {
	font-weight: bold;
	margin: 0px 0 4px;
}

.calender_contents table {
	width: 100%;
}

.calendar_footer {
	margin: 8px 0 16px;
	width: 100%;
}

.plg_calendar th,
.plg_calendar td {
	padding: 0;
	text-align: center;
	font-size: 11px;
	padding: 8px 0;
	border-radius: 2px;
}

.other_month {
	opacity: 0.4;
}

@media screen and (max-width: 960px) {
	.calender_main {
		padding: 24px;
	}

	.calender_wrap {
		width: calc((100% - 8%)/2);
		margin: 0px 24px 16px 0;
		min-width: initial;
	}

	.calender_wrap:nth-child(2n) {
		margin: 0 0 16px;
	}
}

@media screen and (max-width: 580px) {
	.calender_wrap {
		width: 100%;
		padding: 0 0 32px;
		margin: 0;
	}
}

/*=====  toppage_plg_externalrssd -ブログ連携 新着記事） =====*/

.plg_externalrssd {
	padding: 80px;
	background: var(--bg-white);
}

.plg_externalrssd_title_wrap {
	border-bottom: 1px solid var(--border-gray-dark);
	padding: 0 0 16px;
	margin: 0 0 16px;
	font-weight: bold;
}

.plg_externalrssd_dateLink {
	line-height: 2.74;
}

@media screen and (max-width: 960px) {
	.plg_externalrssd {
		padding: 40px;
	}
}

@media screen and (max-width: 580px) {
	.plg_externalrssd {
		padding: 40px 16px;
	}
}

/* =================================================
	shopinfo_page お知らせページ
================================================= */

.shopinfo_page_wrap:first-child {
	margin: 0 0 32px;
}

.shopinfo_page_wrap {
	margin: 0 0 80px 0;
}

.shopinfo_page_wrap:last-child {
	border-bottom: none;
	margin: 0;
}

.shopinfo_page_wrap_header {
	display: flex;
	background: var(--bg-light);
	padding: 16px;
	align-items: center;
	justify-content: space-between;
}

.shopinfo_page_date {
	font-size: 1.2rem;
	margin: 0px 0px 0 0;
	color: var(--color-tertiary);
}

.shopinfo_page h3 {
	margin: 0 0 40px;
}

.shopinfo_page_wrap_header h5 {
    width: calc(100% - 100px);
	font-weight: bold;
}

.news_comment {
	padding: 24px 8px;
}

.news_comment span {
	font-size: 1.4rem !important;
	line-height: 1.8;
}

.news_comment a {
	text-decoration: underline;
}

@media screen and (max-width:960px) {
	.shopinfo_page_wrap_header {
		flex-direction: column-reverse;
		align-items: inherit;
	}

	.shopinfo_page_list a {
		display: block;
	}

	.shopinfo_page_date {
		width: 100%;
		margin: 0 0 8px 0;
	}

	.news_comment {
		padding: 24px 0;
		width: 100%;
		box-sizing: border-box;
	}

	.shopinfo_page_wrap_header h5 {
		width: 100%;
	}
}

/* =================================================
	shopinfo_page お知らせページ
================================================= */
#userpage_page h3 {
	width: 100%;
	background: var(--bg-light);
	padding: 4px 8px;
	margin: 0 0 32px;
	box-sizing: border-box;
}

@media screen and (max-width:580px) {
	.user_content {
		padding: 0px
	}
}

/* =================================================
	specific_transaction_page 特定商取引法
================================================= */

/* =================================================
	inquiry_page お問い合わせ
================================================= */
/*  お問い合わせ - 入力ページ  */
.inquiry_header {
	margin: 0 0 32px;
}

.inquiry_page h2 {
	margin: 0 auto 40px;
}

.inquiry_wrap {
	margin: 0 0 80px;
}

.inquiry_wrap h3 {
	margin: 0 0 4px;
}

.inquiry_wrap p {
	font-size: 1.2rem;
	margin: 0 0 32px;
	color: var(--color-tertiary);
}

.inquiry_wrap_list {
	margin: 0 0 24px;
}

.inquiry_wrap_listTitle {
	margin: 0 0 4px;
}

.inquiry_wrap_listData input,
.inquiry_wrap_listData textarea,
.info_content input[type="text"],
.info_content input[type="email"],
.info_content textarea {
	width: calc(100% - 10px);
	border: 1px solid var(--form-border-light);
	background-color: var(--form-bg);
}

.inquiry_wrap_listData textarea {
	height: 240px;
}

.inquiry_btn_next {
	margin: 0 0 56px;
}

.inquiry_btn .btn_main input {
	background: none;
	border: none;
	font-size: 1.4rem;
}

/*  お問い合わせ - 確認ページ */
.inquiry_confirmation {
	margin: 0 0 80px;
}

.inquiry_confirmation .list_title {
	font-weight: bold;
}

.inquiry_finish_title,
.inquiry_finish {
	text-align: center;
}

.inquiry_confirmationList {
	margin: 0 0 16px;
	padding: 0px 0 16px;
	border-bottom: 1px solid var(--border-light);
}

.inquiry_btn .btn_modify {
	margin: 0 0 56px;
}

.inquiry_btn .btn_modify input {
	background: none;
	border: none;
	font-size: 1.4rem;
	color: var(--color-white);
}

/*  お問い合わせ - 完了ページ */
.inquiry_finish_wrap {
	background: var(--bg-light);
	padding: 40px;
	margin: 0 auto 80px;
	text-align: center;
}
.inquiry_button a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* =================================================
	checkcart_page カートの中身
================================================= */
/*  商品が入っていない場合  */
.no_order {
	padding: 40px;
	background: var(--bg-light);
	margin: 0 0 40px;
}

/*  カートに商品がある場合  */
.checkcart_wrap_item {
	/*商品表示の設定*/
	display: flex;
	border-bottom: 1px solid var(--border-light);
	margin: 0 0 16px;
	padding: 0 0 16px;
}

.checkcart_wrap_item:last-child {
	margin: 0 0 24px;
}

.checkcart_wrap_itemImage {
	min-width: 180px;
	min-height: 116px;
	width: 120px;
	height: 116px;
	margin: 0 16px 0 0;
	border-radius: 5px;
}

.checkcart_wrap_itemImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.checkcart_wrap_itemContetnt {
	width: calc(100% - 196px);
}

.checkcart_wrap_itemContetnt>div {
	margin: 0 0 16px;
}

.checkcart_wrap_itemContetnt .name {
	font-weight: bold;
}

.checkcart_wrap_itemContetnt .count {
	display: flex;
	align-items: end;
}

.checkcart_wrap_itemContetnt_countorder {
	margin: 0 16px 0 0;
}

.checkcart_wrap_itemContetnt .count input[type="submit"] {
	height: 40px;
}

.checkcart_wrap_itemContetnt .count select {
	height: 40px;
	width: 80px;
	border-radius: 3px;
	border: 1px solid var(--form-border-dark);
}

.btn_submit_quantity {
	width: 80px;
	height: 50px;
	color: var(--btn-secondary-color);
	background: var(--btn-secondary-bg);
	border: 1px solid var(--btn-secondary-border);
}

.edit {
	text-align: end;
}

.edit a {
	color: var(--color-link);
	font-size: 1.4rem;
}

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

.checkcart_wrap_totalWrap_title {
	font-weight: bold;
	margin: 0 24px 0 0;
}

.checkcart_wrap_totalWrap_totla {
	font-size: 2.4rem;
	font-weight: bold;
}

.checkcart_wrap .importantmessage {
	text-align: end;
}

.checkcart_wrap .goto_cart {
	max-width: 550px;
	margin: 80px auto 0;
	padding: 0 0 8px;
}


.goto_cart .btn_modify {
	margin: 0 0 56px;
}

.goto_cart .btn_modify a {
	color: var(--btn-modify-color) !important;
}

.checkcart_wrap .regi_header {
	text-align: end;
	margin: 0 0 32px;
}

/* =================================================
	login_page 会員ログイン
    login 会員ログイン・新規登録ページ
================================================= */
.login_page_wrap {
	margin: 40px 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.login_page_wrap form,
.login_page_wrap_registCard {
	width: calc(50% - 24px);
}

/* 会員ログイン - 会員IDをお持ちの方*/
.login_page_wrap form {
	border: 1px solid var(--border-light);
	border-radius: 5px;
}

.login_page_wrap_loginCard h4 {
	background: var(--bg-light);
	border-radius: 5px 5px 0 0;
	padding: 8px 16px;
}

.login_page_wrap_registCard h4 {
	background: var(--bg-light);
	padding: 8px 16px;
}

.login_page_wrap_loginCard_message {
	padding: 0 16px 32px;
}

.login_page_wrap_loginCard_form {
	padding: 0 16px 40px;
}

.login_page_wrap_loginCard_form input[type="text"] {
	width: 100%;
}

.login_page_wrap_loginCard_form .password_forget{
    margin: 8px 0 0;
}

@media screen and (max-width:960px) {
	.login_page_wrap {
		display: block;
	}

	.login_page_wrap form,
	.login_page_wrap_registCard {
		width: 100%;
		margin: 0 0 60px;
	}
}


/* =================================================
	membersinfo_page 会員情報
================================================= */
.membersinfo_userWrap {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
}

.membersinfo_page_wrap h4 {
	background: var(--bg-light);
	padding: 8px;
}

.membersinfo_pointWrap {
	padding: 40px;
	margin: 0 0 40px;
	background: var(--bg-light);
}

.membersinfo_userWrap li {
	width: calc((100% - 80px)/3);
	height: 60px;
	border: 1px solid var(--border-light);
	border-radius: 5px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.membersinfo_userWrap li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.membersinfo_userWrap_card {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.membersinfo_userWrap_card span {
	position: absolute;
    left: 25px;
    top: 20px;
}

.membersinfo_userWrap_card svg {
	height: 2rem;
}

.login_on_list_item input {
	width: auto;
	border: none;
	background: none;
	text-align: left;
	font-family: 'Noto Serif JP';
	padding: 0;
	color: var(--color-main);
	font-weight: normal;
}

.membersinfo_page h4 {
	text-align: center;
	margin: 0 0 80px;
}

.membersinfo_page .edit_wrap_btn {
	margin: 0 0 40px;
}

.edit_wrap .btn_main a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*  会員情報 - 会員情報変更  */
.info_content input[name="SubmitEdit"],
.membersinfo_formWrap_list_content input[name="SubmitPedit"] {
	width: 100%;
	height: 52px;
	margin: 40px 0px;
	border: none;
	color: var(--btn-modify-color);
	background-color: var(--btn-modify-bg);
}

.membersinfo_formWrap_list_content input[name="Cancel"] {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--btn-main-color);
	border: 1px solid var(--border-light);
	background: var(--bg-white);
	height: 52px;
	box-sizing: border-box;
}

.membersinfo_formWrap li:nth-last-child(2) .membersinfo_formWrap_list_content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.membersinfo_formWrap_list_content.info_content input#id_denied_melmaga_01,
.membersinfo_formWrap_list_content.info_content input#id_denied_melmaga_02 {
	height: auto;
	width: auto;
	display: inline-flex;
	align-items: center;
}

.membersinfo_formWrap_list_content.info_content input#id_denied_melmaga_02 {
	margin: 0 0 0 40px;
}

.membersinfo_formWrap_list_content_btn {/*使用しない退会・変更ボタンを非表示*/
    display: none;
}

.delete_account{
	margin: 0 0 80px;
}

.logout input {
    color: var(--btn-secondary-color);
    background: var(--btn-secondary-bg);
    border: 1px solid var(--btn-secondary-border);
}

@media screen and (max-width:940px) {
	.membersinfo_userWrap {
		flex-wrap: wrap;
		margin: 0;
	}

	.membersinfo_userWrap li {
		width: calc((100% - 40px)/2);
		margin: 0 0 16px;
	}
}

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

	.membersinfo_pointWrap {
		padding: 16px;
		margin: 0 0 40px;
	}

	.membersinfo_userWrap li {
		width: 100%;
	}
}

/* =================================================
	members_withdraw 会員退会ページ
================================================= */

.withdraw_header_wrap {
	padding: 80px;
	border: 1px solid var(--border-light);
	border-radius: 5px;
}

.withdraw_header {
	margin: 0 0 80px;
	padding: 80px;
	box-sizing: border-box;
	background: var(--bg-attention);
}

.withdraw_header_img {
	text-align: center;
	margin: 0 0 40px;
}

.withdraw_header_imgIcon {
	fill: var(--color-error);
	font-size: 50px;
}

.withdraw_header_text {
	text-align: center;
}

.withdraw_header_text:last-child {
	margin: 40px 0 0;
}

.withdraw_header_text span {
	font-size: 1.6rem;
	font-weight: bold;
}

.form_withdraw {
	max-width: 550px;
	margin: 0 auto;
}

.withdrawbutton input {
	margin: 0 0 56px;
}

/*退会完了ページ*/
.withdraw_finish {
	padding: 80px;
	margin: 0 auto;
	border: 1px solid var(--border-light);
	border-radius: 5px;
}

.withdrawbutton {
	max-width: 550px;
	margin: 0 auto;
}

@media screen and (max-width:580px) {
	.withdraw_header {
		padding: 24px 24px 56px;
	}
}

/* =================================================
	members_signup 会員登録
================================================= */
/* 会員登録 - 仮申し込み */
.members_signup_wrap {
	border: 1px solid var(--border-light);
	padding: 80px;
	border-radius: 5px;
}

.members_signup_wrap_message {
	margin: 0 0 32px;
}

.members_signup_wrap_header {
	background: var(--bg-light);
	padding: 24px;
}

.form_signup_info {
	margin: 0 0 24px;
}

/* 会員登録 - 会員情報入力 */
.members_signup_wrap_form_listData {
	margin: 0 0 24px;
}

/* 会員登録 - 独自ドメインストアの */
.members_signup_wrap_form_listData div>label {
	display: flex;
	align-items: center;
}

.members_signup_wrap_form_listData div>label input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
}


/* 会員登録 - 会員情報登録完了 */
.members_signup_wrap_header_text {
	text-align: center;
}

@media screen and (max-width: 580px) {
	.members_signup_wrap_header {
		padding: 24px 16px 40px;
	}

	.members_signup_wrap_header_text {
		text-align: left;
	}
}


/* =================================================
	history ご注文履歴一覧
================================================= */

.historylist .area_border {
	padding: 40px 80px;
}

.historylist_sort {
	margin: 32px 0 40px;
}

.historylist input[type="submit"] {
	width: 80px;
	height: 40px;
	font-size: 1.4rem;
}

.historylist .pagerbox {
	margin: 0 0 80px;
}

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

.historylist_sortbox select {
	border-radius: 3px;
	width: 250px;
	height: 40px;
	margin: 0 8px 0 0;
}

.historylist_sortbox input {
	width: 80px;
	height: 40px;
	border: none;
}

.historylist_order {
	border-radius: 3px;
	margin: 0 0 40px;
}

.historylist_order_header {
	padding: 16px;
	margin: 0 0 16px;
	background: var(--bg-area-primary);
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 3px 3px 0 0;
}

.historylist_order_header_total {
	font-weight: bold;
}

.historylist_order_header_detail a {
	width: 150px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--btn-main-border);
}

.historylist_order dl {
	/*商品情報*/
	display: flex;
    padding: 0 0px 32px;
    margin: 0 0 32px;
    position: relative;
    border-bottom: 1px solid var(--btn-secondary-border);
}

.historylist_order dl:last-child {
	margin: 0;
	border-bottom: none;
}

/*商品タイトル*/
.historylist_order dt {
	order: 2;
	width: calc(100% - 360px);
	padding: 0 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 45px;
	line-height: 1.7;
}

/*商品画像*/
.historylist_order .item_image {
	order: 1;
	margin: 0;
	width: 170px;
	height: 100px;
	border-radius: 5px;
}

.historylist_order .item_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	border: 1px solid var(--border-light);
	box-sizing: border-box;
}

.historylist_order .item_comment {
	order: 3;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.historylist_order .item_comment p:first-child {
	width: max-content;
	border-bottom: 1px solid var(--border-light);
	border-radius: 0;
	display: -webkit-inline-box;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 40px;
	left: 187px;
}

.historylist_order .item_comment p:first-child a {
	color: var(--color-link);
	border: none;
}

.historylist_order .item_comment a {
	color: var(--btn-tertiary-color);
	background-color: var(--btn-tertiary-bg);
	border: 1px solid var(--btn-secondary-border);
	display: flex;
	justify-content: center;
	align-items: center;
}

dd.item_comment :nth-child(2) {
	display: flex;
	flex-direction: column;
	margin: 0 16px 0 0;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.review_url {
	border: 2px solid var(--color-primary);
	height: 40px;
	display: flex;
	align-items: center;
	width: 150px;
	justify-content: center;
}

.historylist_order_link,
.history_order_link {
	/*リンクボタン*/
	max-width: 550px;
	margin: 0 auto;
}

.historylist_order_link .btn_back a {
	color: var(--color-link);
	display: flex;
	height: 50px;
	justify-content: center;
	align-items: center;
}


/*580px 以下*/
@media screen and (max-width:580px) {

	.historylist {
		padding: 16px 0;
	}

	.historylist h3 {
		margin: 0;
	}

	.historylist .pagerbox {
		margin: 0 0 80px;
	}

	.historylist_order {
		border: none;
		padding: 0;
		margin: 0 0 40px 0;
	}

	.history_order_link .btn_modify {
		margin-bottom: 56px;
	}

	.historylist_order_header {
		padding: 16px;
		border-bottom: none;
		border-top: 1px solid var(--border-light);
		background-color: var(--bg-light);
	}

	.historylist_order_header_date,
	.historylist_order_header_total {
		display: flex;
		flex-wrap: wrap;
	}

	.historylist_order_header_detail a {
		width: 86px;
		padding: 0 8px;
	}

	.historylist_order dl {
		padding: 0 0 40px;
		margin: 0 0 16px;
		flex-wrap: wrap;
		border-bottom: 1px solid var(--bg-area-primary);
	}

	.historylist_order dl:last-child {
		padding: 0 ;
		border-bottom: none;
	}

	.historylist_order .item_image {
		width: 100px;
		height: 60px;
	}

	.historylist_order dt {
		width: calc(100% - 140px);
		box-sizing: border-box;
		padding: 0 0 0 16px;
	}

	.historylist_order .item_comment {
		width: calc(100% - 120px);
		margin: 8px 0 0 auto;
	}

	.historylist_order .item_comment p:first-child {
		top: 68px;
		left: 0px;
		padding: 0;
		display: inline-table;
	}
	dd.item_comment :nth-child(2) {
		margin: 0;
	}
	a.review_url.button_style {
		width: 100%;
		margin: 16px 0 0;
	}
}

/* =================================================
	history ご注文履歴詳細
================================================= */
.history h3 {
	margin: 0 0 40px;
}

.history_order {
	border: 1px solid var(--border-light);
	border-radius: 3px;
	margin: 0 auto 48px;
	box-sizing: border-box;
}

.history_order_header {
	padding: 8px 24px;
	background-color: var(--bg-light);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.item_date,
.item_price_total {
	font-size: 1.4rem;
}

.item_price_total span {
	font-size: 2.4rem;
	font-weight: bold;
}

.history_order_detail_title {
	display: flex;
	justify-content: space-between;
	padding: 8px 24px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

.history_order_detail_title .name {
	width: 50%;
}

.history_order_detail_title .count {
	width: 10%;
}

.history_order_detail_title .price,
.history_order_detail_title .price_subtotal {
	width: 20%;
}

/*  ご注文履歴詳細商品詳細  */
.history_order_detail_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 32px;
	padding: 24px 24px 0;
	border-top: 1px solid var(--border-light);
}

.history_order_detail_item_header {
	width: 50%;
}

.history_order_detail_item_headerWrap {
	display: flex;
}

.history_order_detail_item_headerWrap_name {
	display: flex;
}

.history_order_detail_item_headerWrap_image {
	min-width: 90px;
	min-height: 60px;
	width: 90px;
	height: 60px;
	margin: 0 16px 0 0;
}

.history_order_detail_item_headerWrap_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.history_order_detail_item_headerWrap_name {
	width: calc(100% - 76px);
	margin: 0 16px 0 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.history_order_detail_item_info {
	width: 50%;
	display: flex;
}

.history_order_detail_item_info span {
	display: none;
}

.history_order_detail_item_info_count {
	width: 20%;
	text-align: center;
}

.history_order_detail_item_info_price {
	width: 40%;
	text-align: center;
}

.history_order_detail_item_info_price_subtotal {
	width: 40%;
	text-align: end;
}

.history_order_detail_option {
	border-top: 1px solid var(--border-light);
	padding: 24px 0;
	margin: 0 24px;
	text-align: end;
}

.history_order_detail_option_list {
	display: flex;
	justify-content: end;
	align-items: center;
	margin: 0 0 8px;
}

.history_order_detail_option_list:last-child {
	margin: 0;
}

.history_order_detail_total {
	border-top: 1px solid var(--border-light);
	padding: 24px 0;
	margin: 0 24px 40px 24px;
	display: flex;
	justify-content: flex-end;
}

.history_order_detail_option_list_title {
	width: 180px;
	padding: 0 16px 0 0;
	text-align: left;
	display: flex;
	justify-content: end;
}

.history_order_detail_option_list_price {
	width: 200px;
	text-align: end;
}

/*  お届け先・配送関係など  */
.history_order_info {
	margin: 0 auto 48px;
	max-width: 100%;
}

.history_order_info a {
	text-decoration: underline;
}

.history_order_info h3 {
	margin: 0 0 8px;
}

.history_order_info h4 {
	background: var(--bg-light);
	padding: 8px;
}

.history_order_info_list {
	display: flex;
	border-bottom: 1px solid var(--border-light);
	height: 40px;
	align-items: center;
}

.history_order_info_list_title {
	width: 20%;
	margin: 0;
}

.history_order_info_message {
	margin: 8px 0;
	padding: 8px;
	display: inline-block;
	width: auto;
	background: var(--bg-attention);
	color: var(--color-error);
}

.history_order_info_last {
	margin: 0 0 80px;
}

/*768px以下*/
@media screen and (max-width:960px) {

	/*画面横幅768px 以下　タブレットサイズ*/
	.history h2 {
		text-align: left;
	}

	.history_order {
		border: none;
	}

	.history_order_header {
		border-top: 1px solid var(--border-light);
		flex-wrap: wrap;
	}

	.history_order_detail {
		padding: 0;
	}

	.history_order_detail_title {
		display: none;
	}

	.history_order_detail_item {
		flex-wrap: wrap;
		padding: 24px 0 0;
		justify-content: end;
		align-items: center;
		border-top: none;
	}

	.history_order_detail_item_header {
		width: 100%;
	}

	.history_order_detail_item_headerWrap_image {
		width: 140px;
		border-radius: 3px;
		height: 90px;
	}

	.history_order_detail_item_headerWrap_name {
		width: calc(100% - 164px);
		margin: 0;
	}

	.history_order_detail_item_info {
		width: calc(100% - 80px);
		text-align: left;
		display: flex;
		justify-content: end;
		margin: 0 0 8px;
	}

	.history_order_detail_item_info span {
		display: block;
	}

	.history_order_detail_item_info_count,
	.history_order_detail_item_info_price,
	.history_order_detail_item_info_price_subtotal {
		display: flex;
		margin: 0 0 0 32px;
		width: auto;
	}

	.history_order_detail_option {
		margin: 0;
	}

	.history_order_detail_total {
		margin: 0 0 40px;
	}

	.history_order_info_list {
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	.history_order_info_list_title {
		width: 100%;
		margin: 0;
		padding: 16px 0 0 0;
	}

	.history_order_info_list_data {
		padding: 0 0 16px 0;
	}

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

		/*画面サイズ580px以下*/
		.history_order_header {
			border-top: none;
			padding: 16px 8px;
		}

		.history_order_detail_option {
			padding: 24px 0;
		}

		.history_order_detail_item {
			padding: 16px 0 0;
		}

		.history_order_detail_item_info {
			flex-direction: column;
			width: calc(100% - 100px);
		}

		.history_order_detail_item_headerWrap_image {
			margin: 0 8px 0 0;
			width: 100px;
			height: 60px;
			border-radius: 3px;
		}

		.history_order_detail_item_headerWrap_name {
			width: 100%;
			margin: 0;
		}

		.history_order_detail_item_info_count,
		.history_order_detail_item_info_price,
		.history_order_detail_item_info_price_subtotal {
			margin: 0 0 0 8px;
		}
	}
}


/* =================================================
	レビューを書く reviewform
================================================= */
.reviewform_header {
	margin: 0 0 48px;
}

.reviewform_item {
	display: flex;
	margin: 0 0 32px;
}

.reviewform_item_image {
	min-width: 90px;
	min-height: 90px;
	width: 170px;
	height: 100px;
	margin: 0 24px 0 0;
	border-radius: 5px;
}

.reviewform_item_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.reviewform_main {
	margin: 0 0 80px;
}

.reviewform_mainWrap {
	margin: 0 0 24px;
}

.reviewform_mainWrap_input input,
.reviewform_mainWrap_input textarea,
.reviewform_mainWrap_input select {
	width: calc(100% - 16px);
	border: 1px solid var(--form-border-light);
	background-color: var(--form-bg);
}

.reviewform_mainWrap_input textarea {
	height: 200px;
}

.formbutton {
	max-width: 550px;
	margin: 0 auto 56px;
	text-align: center;
}

.formbutton .btn_modify {
	margin: 0 0 56px;
}

@media screen and (max-width:580px) {
	.reviewform {
		padding: 0;
	}
}

/* =================================================
	review_finish レビュー完了
================================================= */
.review_finish_wrap {
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
}

.review_finish_wrap_message {
	margin: 0 0 80px;
}

.review_finish_wrap_btn_home,
.review_finish_wrap_btn_back {
	margin: 0 0 56px;
	height: 40px;
}

.review_finish_wrap_btn_modify {
	display: flex;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.review_finish_wrap_btn_modify:hover {
	border-radius: 3px;
}


/* =================================================
	itemdetail_page 商品詳細
================================================= */
.itemdetail_page_main {
	margin: 56px 0 0;
	padding: 0 40px;
}

.itemdetail_sale_discount_mode_percent,
.itemdetail_sale_discount_mode_amount{
	background: var(--color-sale);
	color: var(--color-white);
    text-decoration: none;
    padding: 0 5px;
}
.item_detail_wrap {
	max-width: 1200px;
	margin: 0 auto 80px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	box-sizing: border-box;
	position: relative;
}

.item_detail_saleWrap{
	display: flex;
	flex-wrap: wrap;
}

.item_detail_saleWrap .sale_discount_mode{
    background: var(--color-sale);
    margin: 0 16px 0 0;
}

.item_detail_saleWrap .sale_discount_mode_amount,
.item_detail_saleWrap .sale_discount_mode_percent {
    color:var(--color-white);
    text-decoration: none;
    padding: 0 5px;
}
.itemlist_main_cardItem_content_price_membe_text{
	color:var(--color-white);
	background: var(--color-sale);
	padding: 0 5px;
	display: inline;
	margin: 0 0 16px;
}

/*シークレット商品ｐｗ入力表示画面*/
.itemdetail_secret {
	max-width: 900px;
	margin: 80px auto;
}

.itemdetail_secret_message {
	padding: 24px 24px 0;
	box-sizing: border-box;
}

.itemdetail_secret form {
	padding: 40px;
	box-sizing: border-box;
}

p.itemdetail_secret_text {
	margin: 0 0 16px;
	text-align: left;
	margin: 0 auto 16px;
}

.itemdetail_secret_formTitle {
	max-width: 300px;
	margin: 0 auto 8px;
	font-weight: bold;
}

.itemdetail_secret_contetnts {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 300px;
	align-items: center;
	margin: 0 auto;
}

.before_sale_wrap {
	/*販売期間の表示*/
	margin: 0 0 40px;
	padding: 16px;
	border: 1px solid var(--border-light);
}

.before_sale_wrap_comment {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 16px;
}

.itemdetail_secret_contetnts input[type="password"] {
	width: 100%;
	margin: 0 0 24px;
	max-width: 300px;
	background-color: var(--form-bg);
	border: 1px solid var(--form-border-light);
	border-radius: 3px;
}

.itemdetail_secret_contetnts input[type="submit"] {
	width: 100%;
}

@media screen and (max-width: 960px) {
	.itemdetail_page_main {
		padding: 0 16px;
	}

	.itemdetail_secret {
		margin: 40px 0;
	}

	.itemdetail_secret form {
		padding: 0 16px;
		box-sizing: border-box;
	}

	p.itemdetail_secret_text,
	.itemdetail_secret_formTitle,
	.itemdetail_secret_contetnts,
	.itemdetail_secret_contetnts input[type="password"] {
		width: 100%;
		max-width: inherit;
	}
}

/*会員限定商品未ログインで商品ページを開いた際の表示*/
.itemdetail_page_notlogin {
	max-width: 600px;
	background: var(--bg-attention);
	padding: 40px;
	line-height: 2;
	margin: 60px auto;
}

.itemdetail_page_notlogin a {
	text-decoration: underline;
}


/* 商品詳細 - 商品画像  */

.item_detail_wrap_gallery {
	width: 45%;
}

.no_photo {
	width: 100%;
}

ul.gallery.slick-initialized.slick-slider {
    border: 1px solid var(--border-light);
    border-radius: 5px;
}


/*メイン画像下に余白をつける*/
.gallery {
	margin: 0 0 5px 0;
}

.gallery_img img {
	width: 100%;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	object-fit: cover;
	border-radius: 5px;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.gallery li {
	list-style: none;
}

/*  選択するサムネイル画像の設定  */
.gallery_choice-btn {
	max-width: 550px;
}

.gallery_choice-btn li {
	height: 40px;
	cursor: pointer;
	outline: none;
	background: var(--bg-item_gallery);
	list-style: none;
	width: calc(93%/10) !important;
	margin: 0 4px 0 0;
	border-radius: 3px;
}

.gallery_choice-btn li img {
	opacity: 0.4;
	/*選択されていないものは透過40%*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.gallery_choice-btn li.slick-current img {
	opacity: 1;
	/*選択されているものは透過しない*/
}

.gallery_choice-btn .slick-track {
	transform: unset !important;
	/*画面幅サイズ変更に伴うサムネイル固定*/
	width: auto !important;
}

.gallery .slick-track{
	display: flex;
    align-items: center;
	max-height: 360px;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.gallery .slick-image-prev,
.gallery .slick-image-next {
	position: absolute;
	z-index: 3;
	top: calc(50% - 15px);
	cursor: pointer;
	outline: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
}

.gallery .slick-image-prev {
	/*戻る矢印の位置と形状*/
	left: 2.5%;
}

.gallery .slick-image-next {
	/*次へ矢印の位置と形状*/
	right: 2.5%;
}

.gallery .slick-image-next::before {
	right: calc(50% - 3px);
	transform: rotate(45deg);
}

.gallery .slick-image-prev::before {
	transform: rotate(-135deg);
	left: calc(50% - 3px);
}

.gallery .slick-image-prev::before,
.gallery .slick-image-next::before {
	position: absolute;
	content: "";
	height: 7px;
	width: 7px;
	top: calc(50% - 5px);
	border-top: 2px solid var(--btn-modify-color);
	border-right: 2px solid var(--btn-modify-color);
}

/*商品説明*/
.item_detail_wrap_content {
    max-width: 600px;
    width: 50%;
}

.item_detail_wrap_content_product {
	max-width: 100%;
	margin: 0 0 80px;
}

.item_detail_wrap_content_name {
	color: var(--color-main);
	margin: 0 0 32px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
}

.item_detail_wrap_content_limited,
.item_detail_wrap_content_price {
	margin: 0 0 32px;
}

.item_detail_wrap_content_price .item_soldout_label_text,
.item_detail_wrap_content_price .item_price_member_text {
	font-size: 1.3rem;
	color: var(--color-white);
	background: var(--bg-soldout);
	padding: 0 5px;
	margin: 0 8px 4px 0;
	border: none;
	height: 20px;
	font-size: 1.3rem;
	display: inline-flex;
	align-items: center;
}

.item_detail_wrap .sale_discount_mode_amount,
.item_detail_wrap .itemlist_main_cardItem_detail_price_membe_text {
	font-size: 1.4rem;
}

.item_price_naturalprice {
	font-size: 1.4rem;
	font-weight: normal;
	color: var(--color-icon);
	text-decoration: line-through;
}

.sale_price,
.item_price_member_price,
.item_price_member_sale_price{
	color: var(--color-sale);
	font-weight: bold;
}

.item_price_sale_price{
	color: var(--color-sale);
	margin: 16px 0 0;
	font-size: 1.4rem;
	font-weight: bold;
    width: 100%;
}


.item_detail_wrap_content_product_stock {
	margin: 0 0 32px;
	color: var(--color-tertiary);
}

.item_detail_wrap_content_price .sale_discount {
	margin: 0 0 16px;
}

.item_detail_wrap_content_product_stock b {
	font-weight: normal;
}

.item_detail_wrap_content_product_select_type {
	width: 100%;
	margin: 0 0 24px;
}

.item_detail_wrap_content_product_select_type select {
	width: 100%;
	border-radius: 3px;
}

.item_detail_wrap_content_product_count {
	margin: 0 0 32px;
}

.item_detail_wrap_content_product_count select {
	width: 100%;
	border-radius: 3px;
	margin: 4px 0 0;
}

.item_detail_wrap_content_product_submit {
	margin: 0 0 80px;
}

.item_detail_wrap_content_product_submit input {
	width: 100%;
	font-weight: bold;
}

.item_detail_wrap_content_product_arrival_notice {
	margin: 0 0 16px;
}

.btn_arrival_notice {
	width: 100%;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--btn-tertiary-border);
	box-sizing: border-box;
	margin: 0 0 16px;
}
.sale_discount_mode_sale{
	font-size: 1.1rem;
    color: var(--color-white);
	background: var(--color-sale);
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 20px;
    text-decoration: underline;

}

/*= arrival_notice_request_wrap =*/
#arrival_notice_request_wrap {
	display: none;
}

.btn_submit_cart {
	width: 100%;
	border: none;
	margin: 0 0 16px;
}

.social {
	margin: 0 0 24px;
}

.social_buttons {
	display: flex;
}

.comment1 {
	margin: 0 0 16px;
}

.comment1 span,
.comment2 span {
	font-size: 1.4rem !important;
	line-height: 1.8;
}

.comment1 a,
.comment2 a {
	text-decoration: underline;
}

.item_delivery {
	margin: 32px 0 32px;
	display: flex;
}

.item_delivery_attention {
	font-size: 1.2rem;
	color: var(--color-tertiary);
}

/*レビュー*/
.itemdetail_review {
	margin: 0 0 48px;
}

.itemdetail_review h3 {
	margin: 0 0 40px;
}

.itemdetail_review_average {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.review_average_score {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.score_title {
	margin: 0 16px 0 0;
}

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

.reviw_total {
	margin: 0 8px 0 0;
	font-size: 1.4rem;
	color: var(--color-tertiary);
}

.review_average_all a {
	color: var(--color-link);
}

/*定期購入＿サブスクリプション*/
.itemdetail_subscription {
	margin: 80px 0 32px;
	padding: 16px 8px 24px;
	border: 1px solid var(--border-light);
	background-color: var(--bg-area-content);
}

.itemdetail_subscription_title {
	margin: 0 0 16px;
	color: var(--color-main);
	font-size: 1.8rem;
	font-weight: bold;
}

.itemdetail_subscription_text {
	margin: 0 0 24px;
	display: block;
	width: 100%;
}

.itemdetail_subscription_text li {
	display: flex;
}

.total_subtitle {
	min-width: 80px;
}

.itemdetail_subscription_listTitle {
	text-align: left;
	background: var(--bg-light);
	margin: 0 0 8px;
	padding: 8px;
	display: block;
	box-sizing: border-box;
	font-weight: bold;
}

.itemdetail_subscription a {
	text-decoration: underline;
}

.itemdetail_subscription input.cartbutton_style {
	width: 100%;
	font-weight: bold;
	font-size: 1.4rem;
	color: var(--btn-modify-color);
	background-color: var(--btn-modify-bg);
	border: 2px solid var(--btn-primary-border);
}

.itemdetail_subscription input.cartbutton_style:hover {
	opacity: 0.85;
	transition: 0.2s;
}

/*カテゴリ一覧*/
.itemdetail_category {
	margin: 0 0 48px;
}

.itemdetail_category h3 {
	margin: 0 0 40px;
}

.itemdetail_category_list {
	display: flex;
	flex-wrap: wrap;
}

.itemdetail_category_listItem {
	display: inline-block;
	margin: 0 8px 8px 0;
}

.itemdetail_category_listItem a {
	height: 32px;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--btn-secondary-color);
	background: var(--btn-secondary-bg);
	border: 1px solid var(--btn-secondary-border);
	padding: 0 10px 0;
}

@media screen and (max-width:960px) {
	.item_detail_wrap{
		max-width: 520px;
	}
	.item_detail_wrap_content {
		width: 100%;
		max-width: 100%
	}

	.item_detail_wrap_gallery {
		margin: 0 0 24px;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	.item_detail_wrap_gallery .gallery_img{
		height: 300px;
	}
	.item_detail_wrap .thumb.slick-slide.slick-current.slick-active{
		max-height: 300px;
		display: flex;
		align-items: center;
	}

	.thumb.slick-slide.slick-current.slick-active img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}


	.gallery_img img{
		width: 100%;
		height: 100%;
	}

	.item_detail_wrap_content_product {
		max-width: 100%;
	}

	.item_detail_wrap_content_product_submit {
		margin: 0 0 24px;
	}

	.review_average_score {
		align-items: center;
		width: calc(100% - 56px);
	}

	.score_contents {
		width: 100%;
	}
}

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

	/*画面サイズ580px以下*/
	.score_contents {
		width: auto;
	}

	.review_average {
		flex-wrap: wrap;
	}

	.review_average_score {
		flex-wrap: wrap;
		margin: 0 0 16px;
	}

	.gallery .slick-track{

	}
}


/* =================================================
	reviewlist レビュー一覧(みんなのレビュー)
================================================= */
.reviewlist h2 {
	text-align: left;
}

.reviewlist_itemWrap_item {
	display: flex;
	justify-content: space-between;
	padding: 0 0 32px 0;
	margin: 0 0 32px;
	border-bottom: 1px solid var(--border-light);
}

.reviewlist_itemWrap_item_image {
	width: 200px;
	height: 120px;
	border-radius: 5px;
}

.reviewlist_itemWrap_item_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.reviewlist_itemWrap_item_info {
	width: calc(100% - 130px);
	justify-content: space-between;
	margin: 0 0 0 16px;
}

.reviewlist_itemWrap_item_info_submit input[type="submit"] {
	height: 50px;
}

.reviewlist_itemWrap_item_info_contents {
	margin: 0 0 24px;
	text-align: left;
}

.reviewlist_itemWrap_item_info_contents_name {
	margin: 0 0 8px;
}

.reviewlist_itemWrap_item_info_contents_tortalaverage {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 8px;
}

.reviewlist_itemWrap_item_info_contents_price,
.reviewlist_itemWrap_item_info_contents_option_stock {
	margin: 0 0 16px;
}

.reviewlist_itemWrap_item_info_contents_option_stock b {
	font-weight: initial;
}

.reviewlist_itemWrap_item_info_contents_option {
	margin: 0 0 34px;
}

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

.reviewlist_itemWrap_item_info_contents_option_type select,
.reviewlist_itemWrap_item_info_contents_option_stock select,
.reviewlist_itemWrap_item_info_contents_option_count select {
	height: 50px;
	border: 1px solid var(--form-border-dark);
	border-radius: 3px;
}

.reviewlist_itemWrap_item_info_contents_option_type,
.reviewlist_itemWrap_item_info_contents_option_stock {
	margin: 0 0 24px;
}

.reviewlist_itemWrap_item_info_contents_option_type select {
	width: 100%;
}

.reviewlist_itemWrap_item_info_contents_option_count span {
	min-width: 60px;
}

.reviewlist_itemWrap_item_info_contents_option_count select {
	width: calc(100% - 60px);
}

.reviewlist_main {
	text-align: left;
}

.reviewlist_main_card {
	margin: 0 0 32px;
	padding: 0 0 32px;
	border-bottom: 1px solid var(--border-light);
}

.reviewlist_main_card_header {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 0 8px;
}

.reviewlist_main_card_header_wrap {
	margin: 0 0 8px;
}

.reviewlist_main_card_header_wrap_title {
	font-weight: bold;
	margin: 0 0 8px;
}

.reviewlist_main_card_fooder_info {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

.reviewlist_main_card_fooder_info li,
.reviewlist_main_card_opinion {
	color: var(--color-tertiary);
	font-size: 1.2rem;
}

.reviewlist_main_card_fooder_info li {
	margin: 0 24px 0 0;
}

.reviewlist_main_card_opinion {
	border: 1px solid var(--border-light);
	padding: 4px;
}

.reviewlist_main_card_opinion:empty {
	display: none;
}

.reviewlist_itemWrap_item_info_cart {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.reviewlist_main_card_main {
	margin: 0 0 16px;
}

.reviewlist_btn_wrap {
	max-width: 550px;
	margin: 0 auto 40px;
	text-align: center;
}

.reviewlist_btn_wrap .btn_modify {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

input.button_style {
	width: 100%;
	border: none;
	color: var(--btn-modify-color);
	background-color: var(--btn-modify-bg);
}

@media screen and (max-width:960px) {
	.reviewlist_itemWrap_item_info {
		flex-wrap: wrap;
	}

	.reviewlist_itemWrap_item_info_contents {
		width: auto;
		min-width: 350px;
	}

	.reviewlist_itemWrap_item_info_contents_option {
		margin: 0 0 34px;
	}

	.reviewlist_itemWrap_item_info_contents_option_count span {
		min-width: 56px;
	}

	.reviewlist_itemWrap_item_info_contents_option_type select,
	.reviewlist_itemWrap_item_info_contents_option_count select {
		width: 100%;
	}

	.reviewlist_itemWrap_item_info_cart {
		width: auto;
	}

	.reviewlist_main_card_header {
		flex-wrap: wrap;
	}

	.reviewlist_main_card_header_title {
		width: 100%;
		margin: 0 0 16px;
	}

	.reviewlist input.button_style {
		width: 100%;
	}

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

		/*画面サイズ740px以下*/
		.reviewlist_main_card_header {
			display: block;
			margin: 0 0 8px;
		}

		.reviewlist_main_card_header_wrap {
			width: 100%;
		}

		.reviewlist_main_card_header_info {
			width: 100%;
			margin: 16px 0 0;
		}

		.reviewlist_itemWrap_item_info {
			width: calc(100% - 200px);
		}

		.reviewlist_itemWrap_item_info_contents {
			min-width: inherit;
		}

		.reviewlist_itemWrap_item_info_cart {
			width: 100%;
		}
	}
}

@media screen and (max-width:580px) {
	#reviewlist {
		padding: 0;
	}

	.reviewlist_itemWrap_item {
		display: block;
	}

	.reviewlist_itemWrap_item_image {
		max-width: inherit;
		max-height: initial;
		width: 100%;
		height: 240px;
		border-radius: 5px;
		margin: 0 0 40px;
	}

	.reviewlist_itemWrap_item_info {
		width: 100%;
		justify-content: space-between;
		margin: 0 0 40px;
	}
}

/* =================================================
	在庫数オーバー
================================================= */

.stockout_page h3 {
	text-align: center;
}

.stockout_page h3 {
	text-align: center;
	display: block;
	margin: 0 0 24px;
}

.stockout_page_wrap {
	max-width: 550px;
	margin: 0 auto 40px;
	text-align: center;
	padding: 32px;
	box-sizing: border-box;
	background: var(--bg-attention);
}

.stockout_page_wrap_img {
	margin: 0 0 16px;
}

.stockout_page_wrap_title {
	margin: 0 0 16px;
	font-weight: bold;
	font-size: 1.6rem;
}

.stockout_page_wrap_text {
	text-align: left;
}


/* =================================================
	itemlist_page 商品一覧ページ
================================================= */
#itemlist_page {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

.itemlist_headerWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 0 24px;
}

/*商品一覧*/
.itemlist_notItem {
	padding: 40px 24px;
	background: var(--bg-light);
}

#itemlist_page .itemlist_main_card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.itemlist_main_card_item {
	width: calc((100% - 120px)/3);
	margin: 0 0 80px;
	position: relative;
}

.itemlist_main_card:after {
	content: "";
	display: block;
	width: calc((100% - 120px)/3);
	height: 0;
}

.itemlist_main_card_itemWrap {
	background: var(--bg-area-content);
	box-shadow: var(--boxshadow-item-card);
}

.itemlist_main_card_item:nth-child(3n) {
	margin: 0 0 80px;
}

@media screen and (max-width:580px) {
	#itemlist_page {
		padding: 0 16px;
	}
}

/*商品画像*/
.itemlist_main_cardItem_image {
	position: relative;
	width: 100%;
	margin: 0 0 8px;
}

.itemlist_main_cardItem_image::before {
	content: "";
	display: block;
	padding-bottom: 180px;
}

.itemlist_main_cardItem_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	border-radius: 5px;
	border: 1px solid var(--border-light);
	box-sizing: border-box;
}

/*  itemのaccentマーク  */
.itemlist_main_card_item .item_icon {
	position: absolute;
	top: 0;
}

/*  商品情報  */
.itemlist_main_cardItem_detail_label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.itemlist_main_cardItem_detail_name {
	margin: 0 0 4px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--color-main);
}

.itemlist_main_cardItem_detail_price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 4px 0;
}

.itemlist_main_cardItem_detail_price_member_price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.itemlist_main_cardItem_detail_member_price,
.itemlist_main_cardItem_detail_sale_price,
.itemlist_main_cardItem_detail_price .price {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0 8px 0 0;
	color: var(--color-price);
}

.itemlist_main_cardItem_detail_price .sale_icon {
	font-size: 1.2rem;
}

/*会員価格・SALE時の価格*/
.itemlist_main_cardItem_detail_member_price,
.itemlist_main_cardItem_detail_sale_price {
	color: var(--color-sale);
	margin: 0 8px 0 0;
	display: flex;
}

.sale_discount_mode_percent,
.sale_discount_mode_amount,
.itemlist_main_cardItem_detail_price_membe_text {
	font-size: 1.1rem;
	color: var(--color-sale);
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 20px;
	text-decoration: underline;
	vertical-align: bottom;
}

.item_soldout_label_text,
.item_price_member_text {
	font-size: 1.3rem;
	color: var(--color-white);
	background: var(--bg-soldout);
	padding: 0 5px;
	margin: 0 8px 4px 0;
	border: none;
	height: 20px;
	font-size: 1.3rem;
	display: flex;
	align-items: center;
}

.itemlist_main .item_icon img{
	position: absolute;
}

.limited_icon {
	/*会員限定商品*/
	color: var(--color-white);
	background: var(--color-primary);
	border: none;
	height: 20px;
	padding: 0 5px;
	font-size: 1.3rem;
	display: inline-flex;
	border-radius: 0;
	align-items: center;
	position: absolute;
	bottom: 0;
}
.item_detail_wrap_content .item_detail_wrap_content_limited_icon{
	margin: 0 0 16px;
}
.item_detail_wrap_content_limited_icon{
	color: var(--color-white);
	background: var(--color-primary);
	border: none;
	height: 20px;
	padding: 0 5px;
	font-size: 1.3rem;
	display: inline-flex;
	border-radius: 0;
}
.sale_text {
	display: inline-block;
	background: var(--color-sale);
	padding: 2px 4px;
	color: var(--color-white);
}

.sale_discount_mode_amount:empty {
	border: none;
	display: none;
}

/*sortとページャー*/
.pagelink {
	display: flex;
	justify-content: flex-end;
}

.pagelink span {
	margin: 0 16px 0 0;
	font-weight: bold;
}

.pagelink{
	justify-content: center;
	margin: 0 0 24px;
}

.pager_number a {
	border: 1px solid var(--btn-secondary-border);
}

.pagelink select {
	width: 80px;
	height: 40px;
	margin: 0 8px 0 0;
	font-size: 1.4rem;
	color: var(--btn-secondary-color);
	background-color: var(--btn-secondary-bg);
	border: 1px solid var(--border-gray-dark);
	border-radius: 3px;
}

.pagelink input[type="submit"] {
	width: 64px;
	height: 40px;
	font-size: 1.4rem;
	color: var(--btn-modify-color);
	background: var(--btn-modify-bg);
	border: none;
}

.itemlist_footer .pagerbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 24px;
}

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

	/*画面サイズ960px以下*/
	.pagelink select {
		height: 40px;
	}

	.itemlist_headerWrap {
		display: block;
	}

	.itemlist_headerWrap h3 {
		margin: 0 0 40px;
	}

	.itemlist_header {
		text-align: center;
	}

	.itemlist_header_sortbox {
		display: flex;
		justify-content: center;
		margin: 0 0 34px;
	}

	.itemlist_header_sortbox_list {
		display: flex;
		justify-content: space-around;
		width: 100%;
	}

	.itemlist_header_sortbox_listItem {
		margin: 0;
	}

	.itemlist_main_card_item {
		width: calc((100% - 60px)/3);
		margin: 0px 30px 30px 0;
	}

	.itemlist_main_card_item:nth-child(3n) {
		margin: 0px 0 56px 0;
	}

	.itemlist_main_card_itemWrap {
		margin: 0;
		min-height: 242px;
	}

	.itemlist_main_cardItem_image {
		height: 150px;
	}

	.itemlist_footer {
		padding: 0 16px;
	}

}

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

	/*画面サイズ580px以下*/
	.itemlist_headerWrap {
		flex-wrap: wrap;
		justify-content: start;
	}

	.itemlist_headerWrap h3 {
		margin: 0 0 40px;
	}

	.itemlist_header_sort {
		width: 100%;
	}

	.itemlist_header_sortbox_listItem>a {
		margin: 0;
		background-position: right 0px center;
		background-repeat: no-repeat;
		background-size: 10px 10px;
	}

	.itemlist_main_card {
		justify-content: space-between;
	}

	.itemlist_main_card_item {
		width: calc((100% - 16px)/2);
		margin: 0 0 24px 0;
	}

	.itemlist_main_card_item:nth-child(2n) {
		margin:0;
	}
	.itemlist_main_card_item:nth-child(3n) {
		margin: 0px 0 16px 0;
	}
	.itemlist_main_card_itemWrap {
		border: none;
		box-shadow: none;
		padding: 0;
	}

	.itemlist_main_cardItem_detail {
		padding: 0 ;
	}

	.itemlist_main_cardItem_detail_name {
		box-sizing: border-box;
	}

	.itemlist_main_cardItem_detail_price_member_price {
		flex-direction: column;
		justify-content: right;
		display: list-item;
	}

	.itemlist_label_soldout{
		margin: 0;
	}

}


/*buyers_bought この商品を勝った人はこんな商品も買っています*/
.buyers_bought {
	margin: 0 0 52px;
}

.buyers_bought:last-child {
	margin: 0;
}

.buyers_bought h3 {
	margin: 0 0 16px;
	padding: 40px 0 0;
}

/*buyers_bought この商品チェックした人はこんな商品チェックしています*/
.buyers_checked {
	margin: 0 0 52px;
}

.buyers_checked:last-child {
	margin: 0;
}

.buyers_checked h3 {
	margin: 0 0 40px;
}

/*buyers_bought この商品を勝った人はこんな商品も買っています
buyers_checked この商品チェックした人はこんな商品チェックしています 共通*/
.buyers_bought_list_card,
.buyers_checked_list_card {
	display: flex;
	margin: 0 0 24px;
	overflow: hidden;
	overflow-x: auto;
}

.scroll_content::-webkit-scrollbar-thumb {
	background: #aaa;
	/* ツマミの色 */
	border-radius: 6px;
	/* ツマミ両端の丸み */
}

.scroll_content::-webkit-scrollbar-track {
	background: #ddd;
	/* トラックの色 */
	border-radius: 6px;
	/* トラック両端の丸み */
}

.buyers_bought_list_cardItem,
.buyers_checked_list_cardItem {
	width: 250px;
	min-width: 250px;
	box-sizing: border-box;
	margin: 0px 24px 0 0;
	background: var(--bg-area-content);
}

.buyers_bought_list_cardItem_image,
.buyers_checked_list_cardItem_image {
	position: relative;
	width: 100%;
	margin: 0 0 8px;
	height: 120px;
	border-radius: 3px;
	border: 1px solid var(--border-light);
}

.buyers_bought_list_cardItem_image::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.buyers_checked_list_cardItem_image::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.buyers_bought_list_cardItem_image img,
.buyers_checked_list_cardItem_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}

.buyers_bought_list_cardItem_detail_name,
.buyers_checked_list_cardItem_detail_name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.buyers_bought_list_cardItem_detail_price,
.buyers_checked_list_cardItem_detail_price {
	color: var(--color-price);
}

/*みんなのレビューコメント*/
.itemdetail_reviewList h3 {
	margin: 0 0 32px 0;
}

/*960px以下*/
@media screen and (max-width:960px) {
	.item_detail_wrap {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
	}

	.review_average {
		flex-wrap: wrap;
	}

	.score_title {
		width: 16%;
		min-width: 70px;
	}

	.score_contents {
		width: 80%;
	}

	.buyers_bought_list_card,
	.buyers_checked_list_card {
		height: auto;
		flex-wrap: initial;
	}

	.buyers_bought_list_cardItem,
	.buyers_checked_list_cardItem {
		width: 40%;
		min-width: 40%;
	}
}

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

	/*画面サイズ768pxタブレット用*/
	.buyers_bought h3,
	.buyers_checked h3,
	.itemdetail_reviewList h3 {
		margin: 0 0 32px;
	}
}

/* =================================================
	subscription_page 定期購入
================================================= */
.subscription_page a {
	text-decoration: underline;
}

.subscription_page h2 {
	text-align: center;
}

.content_section {
	margin: 0 0 16px;
}

.content_section：empty {
	display: none;
}

.subscription_item {
	border: 1px solid var(--border-light);
	margin: 0 0 24px;
}

.subscription_item_header {
	border-bottom: 1px solid var(--border-light);
	background-color: var(--bg-light);
	display: flex;
	justify-content: space-around;
	text-align: center;
}

.subscription_item_contents {
	padding: 0;
}

.subscription_item_contents dl {
	display: flex;
	flex-wrap: wrap;
}

.subscription_item_contents dl:first-child {
	margin: 0 0 8px;
}

.subscription_item_contents dt.total_subtitle {
	min-width: 80px;
}

.subscription_item_contents dd {
	font-weight: bold;
}

.subscription_wrap {
	margin: 0 0 88px;
}

.subscription_item_contents_list {
	align-items: center;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.subscription_item_title_sp {
	display: none;
}

.subscription_item_header li,
.subscription_item_contents_list li {
	padding: 8px;
	box-sizing: border-box;
}

.subscription_item_header li:first-child,
.subscription_item_name {
	width: 50%;
}

.subscription_item_header li:nth-child(2),
.subscription_item_orde {
	text-align: center;
	width: 10%;
}

.subscription_item_header li:nth-child(3),
.subscription_item_shipping {
	width: 10%;
	text-align: center;
}

.subscription_item_header li:nth-child(4),
.subscription_item_price {
	width: 20%;
}

.subscription_itemList {
	margin: 0 0 16px;
	padding: 0 0 16px;
}

@media screen and (max-width:580px) {
	.subscription_item_header {
		display: none;
	}

	.subscription_item_contents_list {
		display: block;
	}

	.subscription_item_contents_list_card {
		width: 100%;
		text-align: left;
	}

	.subscription_item_title_sp {
		display: block;
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
		background: var(--bg-light);
		font-weight: bold;
	}

	.subscription_item_contents {
		padding: 8px 8px 0;
	}

	.subscription_item_contents dl {
		display: flex;
	}

	.total_subtitle {
		min-width: 80px;
	}
}

/* =================================================
	checkcart_page カートの中身
================================================= */
#checkout_page {
	font-family: 'Lato';
}

.checkcart_wrap h3 {
	margin: 0 0 40px;
}

.checkcart_wrap_item {
	display: flex;
	border-bottom: 1px solid var(--border-light);
	margin: 0 0 16px;
	padding: 0 0 16px;
}

.checkcart_wrap_item:last-child {
	margin: 0 0 24px;
}

.checkcart_wrap_itemImage {
	min-width: 180px;
	min-height: 116px;
	width: 120px;
	height: 116px;
	margin: 0 16px 0 0;
}

.checkcart_wrap_itemImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.checkcart_wrap_itemContetnt {
	width: calc(100% - 135px);
}

.checkcart_wrap_itemContetnt>div {
	margin: 0 0 16px;
}

.checkcart_wrap_itemContetnt .name {
	font-weight: bold;
}

.checkcart_wrap_itemContetnt .count {
	display: flex;
	align-items: end;
}

.checkcart_wrap_itemContetnt_countorder {
	margin: 0 16px 0 0;
}

.checkcart_wrap_itemContetnt .count input[type="submit"] {
	height: 40px;
}

.checkcart_wrap_itemContetnt .count select {
	height: 40px;
	width: 80px;
	border-radius: 3px;
	border: 1px solid var(--form-border-dark);
}

.btn_submit_quantity {
	width: 80px;
	height: 50px;
	color: var(--btn-secondary-color);
	background: var(--btn-secondary-bg);
	border: 1px solid var(--btn-secondary-border);
	border-radius: 3px;
}

.edit {
	text-align: end;
}

.edit a {
	color: var(--color-link);
	font-size: 1.4rem;
}

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

.checkcart_wrap_totalWrap_title {
	font-weight: bold;
	margin: 0 24px 0 0;
}

.checkcart_wrap_totalWrap_totla {
	font-size: 2.4rem;
	font-weight: bold;
}

.checkcart_wrap .importantmessage {
	text-align: end;
}

.checkcart_wrap .goto_cart {
	max-width: 550px;
	margin: 80px auto 0;
	padding: 0 0 8px;
}

.checkcart_wrap .regi_header {
	text-align: end;
	margin: 0 0 32px;
}

.goto_cart .goto_cart_next {
	margin: 0 0 46px;
}

.goto_cart .goto_cart_next a {
	color: var(--btn-main-color);
	font-weight: bold;
	text-align: center;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
}

.goto_cart .goto_cart_back {
	text-align: center;
	margin: 0 0 8px;
}

/*カートの中身がない場合*/
#checkcart_page .no_order {
	text-align: center;
	margin: 0 0 80px;
	font-size: 1.6rem;
}

.checkcart_page_wrap {
	margin: 0 0 80px;
}

/*画面サイズ580px以下*/
@media screen and (max-width:580px) {

	.checkcart_wrap_itemContetnt {
		width: calc(100% - 96px);
	}

	.checkcart_wrap_itemImage {
		min-width: 120px;
		min-height: 80px;
		width: 120px;
		height: 80px;
	}

	.checkcart_wrap_itemContetnt .count {
		display: flex;
		align-items: end;
	}

	.checkcart_wrap_itemContetnt .count div {
		width: 50%;
		margin: 0 16px 16px 0;
	}

	.checkcart_wrap_itemContetnt .count input[type="submit"] {
		height: 40px;
		width: 50%;
	}

	.btn_submit_quantity {
		width: 100%;
		margin: 0 0 16px;
	}

	.checkcart_wrap .goto_cart {
		margin: 40px 0 0;
	}
}

/* =================================================
	checkout_page ご注文情報の入力
================================================= */
.checkout_page {
	margin: 0 0 80px;
	padding: 16px 0;
}

.cart_header_step {
	margin: 0 0 40px;
}

.cart_header_step_list {
	max-width: 550px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.cart_header_step_listItem {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 100px;
	position: relative;
}

.cart_step_border {
	width: 100%;
	position: relative;
}

.cart_step_border:before {
	content: "";
	height: 1px;
	background: var(--cart-check-off);
	top: 25%;
	width: 100%;
	position: absolute;
}

.cart_header_step_listItem_check {
	width: 30px;
	height: 30px;
	border-radius: 25px;
	margin: 0 0 8px;
	position: relative;
	box-sizing: border-box;
}

.check_on {
	background: var(--color-primary);
	border: 1px solid var(--color-primary);
}

.check_off {
	background: var(--cart-check-off);
	border: 1px solid var(--cart-check-off);
}

.check_title_on {
	color: var(--icon-primary);
	font-weight: bold;
	font-size: 1.2rem;
}

.check_title_off {
	color: var(--cart-check-off);
	font-size: 1.2rem;
}

.check_empty {
	background: var(--cart-check-off);
	border: 1px solid var(--cart-check-off);
}

.check_on:before,
.check_off:before {
	/*チェックマーク*/
	position: absolute;
	content: "";
	left: 7px;
	top: 7px;
	width: 12px;
	height: 7px;
	border-left: 3px solid var(--cartCheck-mark);
	border-bottom: 3px solid var(--cartCheck-mark);
	transform: rotate(-45deg);
	z-index: 1000;
}

.checkout_cartInput {
	display: flex;
	justify-content: space-between;
}

.checkout_cartInput_wrap {
	margin: 0;
	box-sizing: border-box;
	background-color: var(--bg-area-content);
}

.checkout_cartInput_wrap h3 {
	margin: 0 0 40px;
}

.regi_header {
	margin: 0 0 16px;
}

.checkout_formWrap :last-child {
	margin: 0;
}

.checkout_formWrap {
	margin: 0 0 80px;
}

.checkout_formWrap.common_last_contents {
	margin: 0 0 80px;
}

.checkout_form_point h4,
.checkout_form_coupon h4 {
	margin: 0px 0 12px;
}

.checkout_formWrap_header {
	margin: 0 0 24px;
}

.checkout_formWrap_header h3 {
	margin: 0;
}

.checkout_formWrap_header p.point {
	margin: 16px 0 0;
	font-size: 1.4rem;
	color: var(--color-tertiary);
}

.checkout_formWrap_option {
	padding: 16px;
	background-color: var(--bg-light);
}

.checkout_formWrap_option input {
	background: var(--color-white);
	margin: 0 0 4px;
}

.checkout_formWrap_another li.form_title {
	margin: 0 0 16px;
	font-weight: bold;
}

.form_title span{
	color: var(--color-point);
}

.checkout_formWrap_another label {
	margin: 0 8px 0 0;
	display: block;
}

.checkout_formWrap_another label input {
	height: auto;
	width: auto;
	margin: 0 8px 0 0 !important;
}

.checkout_formWrap_contentsList {
	margin: 0 0 16px;
}

.checkout_formWrap_contentsList_input.form_input>.checkout_info {
	background: var(--bg-attention);
}

.checkout_formWrap_contentsList_title br {
	display: none;
}

textarea#in_address,
textarea#for_address {
    resize: vertical;
    width: calc(100% - 10px);
    vertical-align: text-top;
    padding: 16px 8px 8px 8px;
    height: 50px !important;
    display: flex;
    align-items: center;
}

.checkout_formWrap_contentsList_input {
	color: var(--color-main);
	font-size: 1.4rem;
}

.coupon_input input[type="text"] {
	background: var(--bg-area-content);
}

.checkout_formWrap_contentsList_input input[type="checkbox"] {
	width: auto;
	height: auto;
	margin: 0 8px 0 0;
}

.checkout_formWrap_contentsList_input input,
.checkout_formWrap_contentsList_input select,
.checkout_formWrap_contentsList_input textarea {
	color: var(--form-color);
	background-color: var(--form-bg);
	border: 1px solid var(--form-border-light);
}

.checkout_formWrap_contentsList_input input[type="text"],
.checkout_formWrap_contentsList_input input[type="email"],
.checkout_formWrap_contentsList_input textarea {
	width: 100%;
}

.checkout_formWrap_contentsList_input select {
	width: 70%;
}

.checkout_formWrap_contentsList_input select {
	width: 70%;
}

.checkout_formWrap_contentsList_input textarea#in_biko {
	height: 150px;
}

.checkout_formWrap_contentsList_point_input select {
	width: 50%;
	margin: 0 8px 0 0;
	border: 1px solid var(--form-border-light);
}

.registerbutton {
	padding: 0 0 56px;
	text-align: center;
}

.registerbutton input {
	border: none;
	width: 100%;
	max-width: 550px;
	height: 52px;
	background: var(--btn-modify-bg);
	color: var(--btn-modify-color);
}

/*カートの中身*/
.checkout_cartInput_wrap_cart {
	width: 300px;
	height: 100%;
	margin: 0 0 16px;
	padding: 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--color-primary);
	background-color: var(--bg-area-content);
	border-radius: 5px;
}

.checkout_cartInput_wrap_cart_area {
	padding: 0 8px 16px;
}

.checkout_cartInput_wrap_cart_title {
	margin: 0 0 16px;
	height: 100%;
	font-size: 1.6rem;
	padding: 8px;
	background: var(--bg-light);
	border-radius: 5px 5px 0 0;
}

.checkout_cartInput_wrap_cart_list {
	margin: 0 0 8px;
	padding: 0 0 8px;
}

.checkout_cartInput_wrap_cart_list_itemdetail {
	display: flex;
	justify-content: space-between;
}

.checkout_cartInput_wrap_cart_list_itemdetail_itemImage {
	width: 100px;
	height: 60px;
	margin: 0 8px 0 0;
	border-radius: 3px;
}

.checkout_cartInput_wrap_cart_list_itemdetail_itemImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents {
	width: calc(100% - 68px);
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents_title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--color-primary);
	font-size: 1.2rem;
	font-weight: normal;
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents_order,
.checkout_cartInput_wrap_cart_list_itemdetail_contents_price {
	text-align: end;
	margin: 4px 0 0 0;
	font-size: 1.2rem;
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents_order {
	color: var(--border-gray-dark);
	font-weight: normal;
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents_price {
	color: var(--color-primary);
	font-size: 1.2rem;
	font-weight: bold;
}

.itemdetail_contents_price span {
	margin: 0 16px 0 0;
}

.checkout_cartInput_wrap_cart_total {
	border-top: 1px solid var(--border-light);
	padding: 8px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-weight: normal;
	font-size: 1.4rem;
}

.checkout_cartInput_wrap_cart_totalPrice {
	font-size: 1.6rem;
	font-weight: bold;
}

@media screen and (max-width:950px) {
	.checkout_cartInput_wrap {
		padding: 24px 0;
	}

	.checkout_cartInput_wrap_cart {
		width: 100%;
	}

	.registerbutton {
		padding: 0 0 80px;
	}

	.checkout_cartInput_wrap_cart_list_itemdetail_contents_title,
	.checkout_cartInput_wrap_cart_list_itemdetail_contents_price,
	.checkout_cartInput_wrap_cart_list_itemdetail_contents_order {
		font-size: 1.4rem;
	}
}


/*ご注文情報の確認-*/
.checkout_cartConfirm {
	margin: 0 0 80px;
	border: 1px solid var(--border-light);
	border-radius: 5px;
}

.checkout_cartConfirm h4 {
	padding: 8px 16px;
	margin: 0;
	background: var(--bg-light);
}

.checkout_cartConfirm_header {
	margin: 0 0 32px;
}

.checkout_cartConfirm_header h3 {
	margin: 0 0 40px;
}

.checkout_cartConfirm_main h4 {
	margin: 0 0 8px;
}

.checkout_cartConfirm_main_wrap_header {
	border-bottom: 1px solid var(--border-light);
	padding: 8px 0;
	font-weight: bold;
	display: flex;
	text-align: center;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(1) {
	width: 54%;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(2) {
	width: 10%;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(3) {
	width: 18%;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(4) {
	width: 18%;
}

.checkout_cartConfirm_main_wrap_contents {
	display: flex;
	padding: 16px 8px;
}

.checkout_cartConfirm_main_wrap_contents_itemImage {
	width: 100px;
	height: 60px;
	margin: 0 8px 0 0;
	border-radius: 5px;
}

.checkout_cartConfirm_main_wrap_contents_itemImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	border: 1px solid var(--border-light);
    box-sizing: border-box;
}

.checkout_cartConfirm_main_wrap_contents_name {
	width: calc(50% - 70px);
}

.checkout_cartConfirm_main_wrap_contents_limited_item {
	border: 1px solid var(--border-light);
	padding: 8px;
	margin: 4px 0 0;
	color: var(--color-primary);
	font-size: 1.2rem;
	display: inline-block;
}

.checkout_cartConfirm_main_wrap_contents_card {
	display: flex;
	align-items: center;
	width: 45%;
}

.checkout_cartConfirm_main_wrap_contents_card_orde {
	width: 17%;
	padding: 8px;
	text-align: center;
}

.checkout_cartConfirm_main_wrap_contents_card_price {
	width: 40%;
	padding: 8px;
	text-align: center;
}

.checkout_cartConfirm_main_wrap_contents_card_subtotal {
	width: 40%;
	text-align: end;
}

.checkout_cartConfirm_main_wrap_contents_card_orde span,
.checkout_cartConfirm_main_wrap_contents_card_subtotal span {
	display: none;
}

/*送料*/
.checkout_cartConfirm_main_wrap_option {
	border-top: 1px solid var(--border-light);
	padding: 24px 8px;
	text-align: end;
}

.checkout_cartConfirm_main_wrap_option_list,
.checkout_cartConfirm_main_wrap_total_list {
	display: flex;
	justify-content: end;
	align-items: center;
}

.checkout_cartConfirm_main_wrap_option_list {
	margin: 0 0 16px;
}

.checkout_cartConfirm_main_wrap_option_list:last-child {
	margin: 0;
}

.checkout_cartConfirm_main_wrap_option_list_title {
	text-align: end;
	width: 75%;
	font-weight: bold;
}

.checkout_cartConfirm_main_wrap_option_list_contents {
	width: 25%;
}

.checkout_shipping_no_later:empty,
.scheckout_shipping_later:empty,
.checkout_shipping_sw:empty {
	display: none;
}

/*合計料金*/
.checkout_cartConfirm_main_wrap_total {
	border-top: 1px solid var(--border-light);
	padding: 24px 8px;
	text-align: end;
}

.checkout_cartConfirm_main_wrap_total_title {
	width: 75%;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
}

.checkout_cartConfirm_main_wrap_total_contents {
	width: 25%;
	font-size: 1.8rem;
	font-weight: bold;
}

.checkout_cartConfirm_main_wrap_total_info {
	color: var(--color-point);
	font-weight: bold;
}

.checkout_cartConfirm_main_wrap_total_info:empty {
	display: none;
}

/*お客様情報の確認*/
.checkout_cartConfirm form {
	margin: 0 auto;
}

.checkout_cartConfirm_userinfo {
	margin: 0 0 56px;
}

.checkout_cartConfirm_userinfo h4 {
	background: var(--bg-light);
	padding: 8px;
}

.checkout_cartConfirm_userinfo_header {
	margin: 0 0 24px;
}

.checkout_cartConfirm_userinfo_contentsList {
	margin: 0 0 16px;
	padding: 0 0 16px;
	border-bottom: 1px solid var(--border-light);
	display: flex;
}

.checkout_cartConfirm_userinfo_contentsList_title {
	width: 25%;
	margin: 0 0 4px 0;
}

.checkout_cartConfirm_userinfo_contentsList_title br {
	display: none;
}

.paypal-card-form-sendbtn-check {
	margin-bottom: 32px;
	display: flex;
	align-items: center;
}

/*ボタン*/
p.registerbutton1 {
	max-width: 550px;
	margin: 32px auto 56px;
}

/*横幅960px以下*/

@media screen and (max-width:960px) {
	.checkout_page {
		padding: 0;
	}

	.checkout_cartInput_wrap {
		width: 100%;
		padding: 24px;
	}

	.checkout_cartInput {
		display: block;
	}

	.checkout_cartInput_wrap {
		padding: 0;
	}

	.checkout_cartConfirm_main_wrap_total {
		padding: 16px 0;
	}

	.checkout_cartConfirm_userinfo_contentsList {
		display: block;
	}

	.checkout_cartConfirm_userinfo_contentsList .list_wrap {
		margin: 0 10px 0 auto;
	}

	.checkout_cartConfirm_main_wrap_option_list_title {
		width: 30%;
	}

	.checkout_cartConfirm_main_wrap_contents_name {
		width: calc(100% - 160px);
		padding: 0;
	}

	.checkout_cartConfirm {
		padding: 0;
		border: none;
		border-radius: 0;
	}

	.regi_header {
		background-color: var(--bg-light);
		padding: 8px;
	}

	.cart_header_step_listItem_check {
		width: 25px;
		height: 25px;
	}

	.check_on:before,
	.check_off:before {
		left: 6px;
		top: 6px;
		width: 10px;
		height: 5px;
		border-left: 2px solid var(--cartCheck-mark);
		border-bottom: 2px solid var(--cartCheck-mark);
	}

	.checkout_cartConfirm_main_wrap {
		border: none;
	}

	.checkout_cartConfirm_main_wrap_header {
		display: none;
	}

	.checkout_cartConfirm_main_wrap_contents {
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 16px 0;
	}

	.checkout_cartConfirm_main_wrap_contents_itemImage {
		width: 140px;
		height: 84px;
		margin: 0 16px 0 0;
	}

	.checkout_cartConfirm_main_wrap_contents_card {
		width: calc(100% - 108px);
		margin: 0 0 0 auto;
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	.checkout_cartConfirm_main_wrap_contents_card_orde span,
	.checkout_cartConfirm_main_wrap_contents_card_subtotal span {
		display: inline;
		font-weight: normal;
	}

	.checkout_cartConfirm_main_wrap_contents_card_orde {
		width: auto;
	}

	.checkout_cartConfirm_main_wrap_contents_card_price {
		display: none;
	}

	.checkout_cartConfirm_main_wrap_contents_card_subtotal {
		width: auto;
		margin: 0 0 0 16px;
		font-weight: bold;
	}

	/*送料・option*/
	.checkout_cartConfirm_main_wrap_option {
		margin: 0;
	}

	.checkout_cartConfirm_main_wrap_option_list {
		justify-content: space-between;
		margin: 0 0 8px auto;
	}

	.checkout_cartConfirm_main_wrap_option_list_title {
		width: 75%;
	}

	.checkout_cartConfirm_main_wrap_option_list_contents {
		width: 25%;
	}

	.checkout_cartConfirm_main_wrap_option_list_contents:empty {
		width: 25%;
		display: block;
	}

	.checkout_cartConfirm_main_wrap_total {
		margin: 0;
	}

	.list_title {
		width: 100%;
	}

	.checkout_cartConfirm_main_wrap_total_contents {
		width: 100%;
		text-align: end;
	}
}

@media screen and (max-width:580px) {
	.checkout_page {
		margin: 0;
		padding: 0;
	}

	.checkout_cartInput_wrap {
		padding: 0;
	}

	.checkout_cartConfirm {
		border-radius: 0;
	}

	.checkout_cartConfirm_userinfo_contentsList_title {
		width: 100%;
	}

	.checkout_cartConfirm_main_wrap_contents_limited_item {
		margin: 12px 0 0;
		display: block;
	}

	.checkout_cartConfirm_main_wrap_option_list_title {
		width: auto;
	}

	.checkout_cartConfirm_main_wrap_option_list_contents {
		width: auto;
	}

	.checkout_cartConfirm_main_wrap_total_list {
		justify-content: space-between;
	}

	.checkout_cartConfirm_main_wrap_total_title {
		justify-content: start;
	}

	.cart_header_step {
		margin: 0 0 24px;
	}
}

/* =================================================
	complete_order ご注文の完了
================================================= */
.complete_order_wrap {
	max-width: 550px;
	margin: 80px auto;
}

.complete_order_wrap .registerbutton {
	text-align: center;
	margin: 40px 0 56px;
}

.complete_order_wrap h3 {
	width: 100%;
	text-align: center;
	margin: 0 auto 60px;
}

.complete_order_page_message {
	margin: 0 0 40px
}

.second_paymen {
	text-align: center;
}

.registerbutton2 {
	margin: 0 auto 48px;
}

/*クレカやその他の決済方法の表記のスタイル*/
.payment_incomplete {
	color: var(--color-point);
	background: var(--bg-notice);
	padding: 10px;
	line-height: 2;
	display: block;
}

.second_payment {
	text-align: center;
	padding: 16px;
	border: 1px solid var(--border-soft);
}

.payment_begin {
	color: var(--color-error);
	padding: 8px 0;
	display: block;
}

#id_beginpayment input {
	background: var(--btn-modify-color);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	font-weight: 300;
	font-size: 1.4rem;
	width: 100%;
	margin: 0 0 42px;
}

@media screen and (max-width:580px) {
	.complete_order_wrap {
		margin: 24px auto;
	}
}

/* =================================================
	pwreissue_page パスワードの変更画面
================================================= */

.pwreissu_info {
	margin: 0 0 32px;
	text-align: left;
}

.pwreissue_page {
	margin: 0 0 32px;
	text-align: left;
}

.pwreissue_page .form_title {
	margin: 0 0 8px;
	text-align: left;
}

.pwreissue_page input[type="submit"] {
	width: 100%;
	height: 50px;
	border: none;
	background: var(--btn-modify-bg);
	color: var(--btn-modify-color) !important;
	box-sizing: border-box;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* このクラスを、jQueryで付与・削除する */
.globalMenu.active {
	transform: translateY(0%);
}

.close {
	position: absolute;
	top: 18px;
    right: 82px;
    background-size: 18px 18px;
    background-position: 10px;
    transition: 0.2s;
    width: 30px;
    height: 25px;
	cursor: pointer;
}

.close-btn {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
}

.close-btn::before,
.close-btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	border-radius: 25px;
	background: var(--border-gray-dark);
	transform: rotate(45deg);
	transform-origin: 0% 50%;
	position: absolute;
	left: 15%;
}

.close-btn::after {
	transform: rotate(-45deg);
	transform-origin: 100% 50%;
	left: auto;
	right: 14%;
}

.header_subpage_wrap .globalMenu_search {
	position: relative;
}

.header_subpage_wrap .close {
	top: 10px;
	left: 500px;
}


/* =================================================
	トップへのボタン
================================================= */
.pagetop {
	height: 50px;
	width: 50px;
	position: fixed;
	right: 0;
	bottom: 254px;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	cursor: pointer;
	background: var(--bg-area-main);
	box-shadow: var(--boxshadow-subarea);
	border: 1px solid var(--border-soft);
	background-position: right 10px center;
	background-repeat: no-repeat;
	opacity: 0.85;
}

.icon_top {
	fill: var(--btn-primary-color);
	position: absolute;
	font-size: 24px;
	top: 12px;
	left: 12px;
}

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

	/*画面サイズ960px以下*/
	.pagetop {
		bottom: 30px;
	}
}

/*年齢確認*/

#age_confirm .form_button .button{
	color: var(--color-main) !important;
	-webkit-appearance: none;
}