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

/* =================================================
	=version 3.3=
	=Index=
	Default settings
		Reset
		Element
		color
		Hyper text
		Headline
		pager
	Layout
	Maintenance
		container
	Header
	primary
		main
			side_navi
			Topic path (pankuzu)
			side_l
				side_login
				side_menu
				side_category
				side_custompage-open
			center
				top_page
					news
					custom_top_open
					newItem
					itemlist
					recommend
					hotitem
				sub_page
					topic_path
					shopinfo_page
					custom_page
					specific_transaction_page
					inquiry_page
					itemlist_page
					newitem_page
					recommend_page
					hotitem_page
					itemdetail_page
					subscription
					pwreissue_page
					membersinfo_page
					login
					members_withdraw
					members_signup
					historylist
					history
					reviewform
					review_finish
					reviewlist
					paymentoptions
					stockout_page
					cart_page
				side_r
					side_search
					side_cartIn
					side_inquiry
					side_calendar
				footer
================================================= */

/* =================================================
	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;
	/* for Fx */
	/**/
}

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,
textarea {
	height: 24px;
	box-sizing: border-box;
	border: 1px solid var(--border-main);
	border-radius: 3px;
}

input,
select {
	padding: 2px 4px;
}

textarea {
	padding: 8px;
}

fieldset {
	border: none;
}

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

/*1.4remが1.4remと同等*/
body {
	font-size: 1.4rem;
	font-family: '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-main);
}

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

/* =================================================
	color変数 色の調整をまとめて行うことができます
================================================= */
:root {
	--color-main: #333333;
	/* 本文用 サイト内側の文字の主要な色*/
	--color-secondary: #8D8D8D;
	/* 薄い文字色  注意書きや控えめに魅せたい文字に使用　*/
	--color-white: #ffffff;
	/* 白抜き用・白い文字色　*/
	--color-accent: #FF8717;
	/* 目を引くような部分に使う色　*/
	--color-point: var(--color-accent);
	/* 薄い文字色 リンク色や目立たせたい文字に使用　*/
	--color-sale: var(--color-accent);
	/*  セール料金の配色に使用　*/
	--color-soldOut: #8D8D8D;
	/*  売り切れ表示の配色に使用　*/
	--color-link: #1D54A7;
	/* 薄い文字色 リンク色や目立たせたい文字に使用　*/
	--color-error: #dc4242;
	/* エラー用文字色 */
	--color-sunday: #dA0000;
	/*　カレンダーの日曜日の色　*/
	--color-saturday: #67A6CA;
	/*　カレンダーの日曜日の色　*/
    --color-disabled: #8D8D8D;
    /* disabledの時の文字色*/

	--border-main: #A0A0A0;
	/* サイト全体で一番使わられる枠線色 */
	--border-light: #E3DFDB;
	/* 薄目の枠線色 */
	--border-box: var(--border-main);
	/* input,select,textereaなど */
	--border-soft: #f7f7f7;
	/* 一番薄い枠線 */

	--btn-main-bg: #3E3E3E;
	/* メインボタンの背景色 */
	--btn-main-color: #ffffff;
	/* メインボタンの文字 */
	--btn-white-soft: rgba(255, 255, 255, 0.15);
	/*　ドロワーメニューボタンの文字 */
	--btn-sub: var(--color-accent);
	/* サブボタンの背景色 */
	--btn-sub-color: var(--color-white);
	/* サブボタンの文字 */
	--btn-primary: var(--bg-white);
	/* プライマリーボタンの背景色 */
	--btn-primary-color: var(--color-link);
	/* プライマリーボタンの文字 */
	--btn-primary-border: var(--border-light);
	/* サブボタンの文字 */
	--btn-bg-light: rgba(255, 255, 255, 0.7);
	/* 薄めになるボタン背景色 */
	--btn-point: var(--color-accent);
	/* 薄めになるボタンの文字やicon */

	--bg-white: #ffffff;
	/*背景色を白にしたいとき*/
	--bg-main: #EDEDED;
	/* 画面全体の背景色 */
	--bg-primary: #E3DFDB;
	/* アイコンの背景色など */
	--bg-light: #f2f2f2;
	/* アイコンの背景色など */
	--bg-content: var(--bg-white);
	/* contentsの背景色 */
	--bg-order: var(--border-light);
	/* カート屋注文履歴の重要部分の背景色 */
	--bg-input: var(--bg-white);
	/* inputの背景色 */
	--bg-soft: rgba(255, 255, 255, 0.75);
	/* やや透過される白い背景色 */
	--bg-soft-dark: rgba(51, 51, 51, 0.95);
	/* やや透過される黒い背景色 */
	--bg-item_gallery: #3330;
	/* 商品詳細の選択されていない商品にかかる色 */
    /* accent用文字色 */
    --bg-accent: #dc4242;

	--border-color-sale: #dc9b9b;
	/* セール・SOLD OUT価格の枠線 */
	--border-color-member: #dc4242;
	/* 会員限定商品の枠線 */
	--border-color-error: #dc6464;
	/* エラー用枠線色 */
	--border-color-white: #fff;
	/*白背景*/
	--border-color-dark: #121212;
	/*hover時の枠線など、一番濃い色*/

	--btn-color-setting: #878282;
	/* 設定・ページャー用背景色 */

	--cart-check-on: var(--color-accent);
	/* カート内ステップバーの濃い部分の配色 */
	--cart-check-off: var(--bg-primary);
	/* カート内ステップバーの薄い部分の配色 */
	--cartCheck-mark: #fff;
	/* カート内ステップバーのチェックマークの色 */
}

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

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

.hover-border:hover {
	border-radius: 3px;
	box-sizing: border-box;
}

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

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

.hover-input:hover {
	border: 1px solid var(--border-color-dark);
	transition: 0.2s;
}

/*カーソルポインターを出したいところ*/
.btn_main input,
button.btn_main,
select[name="order_su"],
.drawermenu-btn,
.search-sp,
.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=1.4rem
	1.3rem=13px
*/

h1 {
	position: relative;
	width: 35%;
	max-width: 65%;
	padding: 0 0 0 32px;
	font-size: 2.4rem;
	color: var(--color-main);
	display: flex;
	align-items: center;
}

h1::before {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	background: var(--color-accent);
	left: 0;
}

h2 {
	padding: 0 0 0 24px;
	font-size: 2.2rem;
	font-weight: bold;
	color: var(--color-main);
	position: relative;
}

h2::before {
	position: absolute;
	top: 8px;
	left: 0;
	content: "";
	margin: auto;
	width: 15px;
	height: 15px;
	background: var(--color-accent);
}

h3 {
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--color-main);
	margin: 0 0 10px 0;
}

.top_page h3 {
	border-bottom: 1px solid var(--border-light);
	padding: 0 0 8px;
}

h4 {
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--color-main);
}

h1 a {
	display: flex;
	align-items: center;
	height: 100%;
	overflow-wrap: anywhere;
}

input,
textarea {
	font-size: 1.6rem;
}

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

select {
	background-image: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_arrow-down.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-color: var(--color-white);
	color: var(--color-main);
	font-size: 1.6rem;
}

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

.common_margin_bottom_24 {
	margin-bottom: 24px
}

.common_margin_bottom_32 {
	margin-bottom: 32px
}

.common_margin_bottom_40 {
	margin-bottom: 40px
}

.common_margin_bottom_48 {
	margin-bottom: 48px
}

.common_margin_bottom_56 {
	margin-bottom: 56px
}

.common_margin_bottom_80 {
	margin-bottom: 80px;
}

/*ボタンや注釈など*/
.point_red {
	color: var(--color-point);
}

.btn_main {
	background: var(--btn-main-bg);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	font-weight: 300;
	font-size: 1.4rem;
}

.btn_main_wrap_lg {
	max-width: 550px;
	font-size: 1.4rem;
}

.btn_sub {
	width: 100%;
	height: 48px;
	margin: 0 0 48px;
	display: block;
	color: var(--color-white);
	font-weight: normal;
	font-size: 1.4rem;
	background: var(--color-accent);
	border: none;
	border-radius: 3px;
}

.btn_sub a {
	color: var(--color-white);
}

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

.btn_primary,
input.btn_primary,
a.btn_primary {
	width: 100%;
	color: var(--color-link);
	background: var(--btn-primary);
	border: 1px solid var(--btn-primary-border);
	border-radius: 3px;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 1.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn_primary a,
.btn_primary input {
	color: var(--color-link) !important;
	background: none;
	height: 100%;
	width: 100%;
}

.system_message {
	color: var(--color-point);
	background: var(--bg-color-member);
	padding: 10px;
	line-height: 2;
	display: block;
}

.errormessage {
	padding: 24px;
	margin: 16px auto;
	box-sizing: border-box;
	border: 1px solid var(--border-color-error);
	color: var(--color-error);
	font-weight: bold;
	display: block;
}

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

.common_message:empty {
	display: none;
}

/*icon-オレンジ三角箇所*/
.header_nav ul li a,
.side_menu_itemList li a,
.category_tabs a {
	color: var(--color-link);
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 0 0 0 10px;
}

.infoall a {
	color: var(--color-link);
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 0 0 0 10px;
	justify-content: flex-end;
	text-align: end
}

.infoall a::before {
	right: 60px;
}

.header_nav ul li a::before,
.side_menu_itemList li a::before,
.category_tabs a::before,
.infoall a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ff8717;
	border-right: 0;
	top: 5px;
}

.header_nav ul li a::before,
.side_menu_itemList li a::before {
	left: 0;
}

.category_tabs a::before {
	left: 0;
}

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

.finish_header_icon {
	margin: 40px auto 40px;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 3px solid orange;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
}

.finish_header_icon::before {
	content: '';
	position: absolute;
	top: 45%;
	left: 50%;
	width: 16px;
	height: 10px;
	border: solid orange;
	border-width: 0 0 3px 3px;
	transform: translate(-50%, -50%) rotate(-45deg);
	box-sizing: border-box;
}

/*画面サイズに併せた領域のスタイル*/
.common_area-550 {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

/*フォーム内の統一スタイル*/
.form_title {
	margin: 0 0 4px;
}

.form_input {
	width: 100%;
}

/* =================================================
	pager
================================================= */

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

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

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

.pager_number span,
.pager_number a {
	width: 22px;
	height: 22px;
	margin: 4px;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	color: var(--color-white);
}

.pager_number a {
	background: var(--btn-main-bg);
}

.pager_number span {
	color: var(--color-white);
	background-color: var(--color-accent);
}

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

.pager_back a,
.pager_next a {
	width: 64px;
	height: 22px;
	margin: 4px;
	border-radius: 3px;
	border: none;
	color: var(--color-white);
	background: var(--btn-main-bg);
	display: flex;
	justify-content: center;
	align-items: center;
}

.pager_total {
	font-size: 1.2rem;
	color: var(--color-secondary);
	margin: 0 auto;
}

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

	.pager_number span,
	.pager_number a {
		width: 42px;
		height: 42px;
	}

	.pager_next a {
		height: 42px;
	}
}

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

#container {
	max-width: 1220px;
	margin: 0 auto;
}

#container:nth-child(2) {
	/*メンテナンス時非表示のための設定*/
	display: none;
}

#main {
	max-width: 1220px;
	display: flex;
}

#main_nav {
	margin: 0 0 32px;
	border-bottom: 1px solid var(--border-light);
}

#main_nav ul {
	display: flex;
	justify-content: space-evenly;
	margin: 0 0 16px;
}

#main_nav a {
	padding: 16px;
	display: block;
}

#main_wrap {
	display: flex;
	justify-content: space-between;
}

.center {
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
	padding: 0 16px;
}

.side_l,
.side_r {
	width: calc((100% - 770px) / 2);
}

.sidemenu-sp {
	display: none;
}

.side_inner {
	background: var(--bg-white);
	margin: 0 0 8px;
	box-sizing: border-box;
}

.side_inner:first-child {
    margin: 0;
}

.side_menu_itemList li {
	padding: 0 0 16px 0;
}

.list_wrap {
	display: flex;
}

.list_title {
	color: var(--color-main);
	font-weight: bold;
	font-size: 1.4rem;
}

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

.side_menu-sp {
	display: none;
}

.cart_header_image {
	max-width: 500px;
	text-align: center;
	margin: 0 auto 40px;
	width: 90px;
	height: 90px;
}

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

#main_contents {
	width: 900px;
	margin: 0 auto 0;
}

.login_error_message {
	display: none;
}

.user_page {
	margin: 0 0 80px;
}

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

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

.footerWrap_title h1 {
	font-weight: normal;
}

.footerWrap .footerWrap_link {
	text-align: center;
	margin: 0 auto 80px;
	color: var(--color-secondary);
}

@media screen and (max-width: 1220px) {
	#container {
		padding: 0 8px;
	}

	#main {
		padding: 0;
	}

	#main_contents {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}

	.side_r {
		display: none;
	}

	.side_l {
		width: 220px;
	}

	.center {
		width: calc(100% - 220px);
		max-width: 80%;
		padding: 0 0 0 16px;
	}

	h1 {
		position: relative;
		width: calc(100% - 633px);
		color: var(--color-main);
		padding: 0 0 0 24px;
		font-size: 2.4rem;
		color: var(--color-main);
	}

	h2.contents_title {
		text-align: left;
	}

	.area_center,
	.area_center_sm,
	.area_center_xs {
		padding: 0;
		border: none;
		border-radius: 10px;
		box-shadow: none;
	}
}

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

	/*画面サイズ899px以下*/
	#main {
		padding: 0;
	}

	#main_contents {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}

	#main_nav {
		display: none;
	}

	.side_l {
		display: none;
	}

	.center {
		padding: 0;
	}

	#footer {
		padding: 0 24px;
		margin: 0;
	}

	.footerWrap .footerWrap_link {
		margin: 0;
	}

	.footerWrap {
		flex-wrap: wrap;
		flex-direction: column;
		padding: 32px 0;
	}

	.footerWrap_link {
		margin: 0;
	}

	.footer_copy {
		text-align: center;
	}
}

/* =================================================
	Maintenance メンテナンス時の表示
================================================= */
.maintenance {
	max-width: 900px;
	margin: 40px auto 0;
	padding: 0 16px 0;
	height: 50vh;
}

.maintenance h1 {
	width: 100%;
	margin: 0 0 40px;
}

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

.maintenance_wrap_body_usermessage:empty {
	display: none;
}

.maintenance_footer {
	margin: 56px 0 0;
	max-width: 900px;
}

@media screen and (max-width:599px) {
	.maintenance_wrap_body {
		padding: 16px;
	}
}

/* =================================================
	Header
================================================= */

.header {
	margin: 16px auto;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.header_nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
}

.header_nav ul {
	display: flex;
	align-items: center;
	min-height: 32px;
}

.header_nav ul li {
	margin: 0 0 0 32px;
	padding: 0 0 0 8px;
}

/*search 検索*/
.search {
	min-height: 32px;
	display: flex;
	align-items: center;
}

.side_menu_search form {
	margin: 0 0 16px;
}

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

.search_box_category {
	height: 30px;
}

.search form input[type="text"] {
	width: calc(100% - 52px);
	background-color: var(--bg-input);
	border-radius: 3px 0px 0px 3px;
}

.search .submit {
	box-sizing: border-box;
	width: 52px;
	height: 24px;
	color: var(--color-white);
	background-color: var(--btn-main-bg);
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 0px 3px 3px 0;
	border: none;
	cursor: pointer;
}

.icon_cart {
	/*カートアイコンを表示*/
	width: 25px;
	height: 25px;
	position: absolute;
	top: 15px;
	left: 10px;
}

.cartcheck {
	background: var(--border-color-white);
	border-radius: 3px;
	position: relative;
}

.cartcheck a {
	height: 48px;
	min-width: 178px;
	box-sizing: border-box;
	padding: 0 8px 0 40px;
	display: flex;
	align-items: center;
	border: 1px solid var(--border-light);
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: 8px 50%;
}

@media screen and (max-width: 899px) {
	.header {
		margin: 4px auto 8px;
		position: relative;
		display: flex;
		justify-content: space-between;
	}

	.header_nav {
		display: none;
	}

	.header h1 {
		position: relative;
		max-width: 100%;
		margin: 0 0 0 16px;
		padding: 0px 0 0 24px;
		width: 100%;
		font-size: 1.8rem;
		display: flex;
		align-items: center;
	}

	h1::before {
		position: absolute;
		content: "";
		width: 13px;
		height: 13px;
		background: var(--color-accent);
		left: 1px;
	}

	.center {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	/* ハンバーガーメニュー */

	.drawermenu-btn {
		width: 40px;
		height: 38px;
		margin: 8px 0 0;
		position: relative;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.drawermenu-btn p {
		font-size: 1.2rem;
		font-weight: bold;
		position: absolute;
		bottom: 0;
		color: var(--color-main);
	}

	/* ハンバーガーアイコンの線の基本スタイル */
	.drawermenu-btn::before,
	.drawermenu-btn::after,
	.drawermenu-btn div {
		content: '';
		display: block;
		width: 20px;
		height: 2px;
		background-color: var(--color-main);
		border-radius: 2px;
		transition: all 0.3s ease;
	}

	/* ハンバーガーアイコンの上線と下線の位置 */
	.drawermenu-btn::before {
		position: absolute;
		top: 0px;
		/* 上端からの距離 */
	}

	.drawermenu-btn::after {
		position: absolute;
		bottom: 17px;
	}

	/* 中央の線 */
	.drawermenu-btn div {
		height: 2px;
		/* 線の太さ */
		position: absolute;
		top: 10px;
	}

	/* 線の太さを変更するためのクラス */
	.thick-lines .drawermenu-btn::before,
	.thick-lines .drawermenu-btn::after,
	.thick-lines .drawermenu-btn div {
		height: 6px;
		/* 太い線 */
	}

	/* 線の色を変更するためのクラス */
	.white-lines .drawermenu-btn::before,
	.white-lines .drawermenu-btn::after,
	.white-lines .drawermenu-btn div {
		background-color: var(--bg-white);
		/* 白い線 */
	}

	/* 線の太さと色を変更するためのクラス */
	.white-thick-lines .drawermenu-btn::before,
	.white-thick-lines .drawermenu-btn::after,
	.white-thick-lines .drawermenu-btn div {
		height: 6px;
		/* 太い線 */
		background-color: var(--bg-white);
		/* 白い線 */
	}
}

/* =================================================
	side_menu －共通設定
================================================= */
.side_inner h3,
.side_menu_itemList,
.side_search_wrap,
.side_login .login_off,
.side_cartIn_warp {
	margin: 0 0 8px;
	padding: 8px 8px 0;
	height: auto;
}

.is_hidden{
	display:none;
}

/* =================================================
	side_menu －Left
================================================= */

/*menu メニュー*/
.side_menu_menu li {
	width: fit-content;
	border-bottom: 1px solid transparent;
}

.side_menu_menu li a {
	width: fit-content;
	padding: 15px 0;
	display: flex;
	align-items: center;
}

/*Category カテゴリ*/
.category_tabs {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 8px;
}

.category_tabs a {
	padding: 0 0 16px 10px;
	align-items: center;
	border-bottom: 1px solid transparent;
	box-sizing: border-box;
}

.category_sub {
	position: relative;
	margin: 0 0 0 16px;
	padding-left: 16px;
}

.category_sub::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 1px;
	top: 10px;
	left: 0;
}

/*calendar カレンダー*/
.side_calendar_wrap {
	padding: 0 8px 16px;
}

.side_calendar_wrapTitle {
	font-size: 1.2rem;
	font-weight: bold;
}

.side_calendar_wrap table {
	width: 100%;
}

.side_calendar_wrap th {
	font-weight: bold;
	padding: 0 0 6px;
	font-size: 1.1rem;
	text-align: center;
}

.side_calendar_wrap table td {
	font-size: 1.1rem;
	padding: 4px 0;
	border-radius: 2px;
	text-align: center;
}

.side_calendar_wrap_note {
	margin: 0 8px;
	padding: 0 0 16px;
}

.calendar_header {
	font-size: 1.4rem;
	margin: 0 0 8px;
}

.other_month {
	opacity: 0.3;
}

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

#calender-l{
	display:none;
}

/*サイドメニュー-sp*/
@media screen and (max-width:1220px){
	#calender-l{
		display: block;
	}
	#calender-r{
		display: none;
	}
}
@media screen and (max-width:899px) {
	.sidemenu-sp {
		position: fixed;
		z-index: 1001;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100%;
		overflow: auto;
	}

	.category_tabs a,
	.sidemenu_menu li {
		border-bottom: 1px solid var(--border-color-gray-light);
	}

	.side_menu_itemList li {
		margin: 0 0 16px 0;
	}

	.login_error_message {
		display: block;
	}

	.user_cntent img {
		width: 100%;
	}

	.list_wrap {
		flex-wrap: wrap;
	}

	.list_title {
		width: 100%;
		margin: 0 0 4px;
	}

	.list_content {
		width: 100%;
	}

	.is-open {
		display: block;
	}

	.drawer-nav-body {
		position: fixed;
		top: 0;
		left: 0;
		padding: 80px 15px;
		background: var(--bg-soft-dark);
		color: var(--color-white);
		width: 85%;
		max-width: 320px;
		height: 100%;
		overflow: scroll;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	.drawer-nav-body input,
	.drawer-nav-body button {
		/*ドロワーメニュー内のボタンインプットの高さ*/
		height: 40px;
	}

	.side_navi.drawer-nav-body a {
		color: var(--color-white);
	}

	.drawer-nav-body ul h3 {
		margin: 0 0 16px;
		color: var(--color-white);
		font-size: 1.6rem;
	}

	.search {
		min-height: inherit;
		display: block;
	}

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

	.drawer-nav-body .login_on_list {
		padding: 0 8px;
		margin: 0 0 64px;
	}

	.login_on_list_userinfo {
		margin: 0 0 24px;
		border: 1px solid var(--border-main);
		padding: 16px;
		border-radius: 3px;
	}

	.side_navi .login_on form input {
		margin: 16px 0 0;
		height: 48px;
		background: none;
		color: var(--color-white);
		background: var(--btn-white-soft);
	}

	.side_navi .login_on .userName {
		margin: 8px 0;
	}

	.side_navi .login_on .userName:last-child,
	.side_navi .login_on .userName:only-child {
		margin-bottom: 0;
	}

	.side_navi .login_on span,
	.side_navi.login_on span {
		font-size: 1.8rem;
		font-weight: bold;
		color: var(--color-white);
	}

	.drawer-nav-body .login_on_list_item{
		display: flex;
		align-items: center;
		border-bottom: 1px solid transparent;
		height: 40px;
	}

	.drawer-nav-body .login_on_list_item a {
		padding: 0 8px 0 10px;
		margin: 8px 0;
		position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
	}

	.drawer-nav-body .login_on_list_item a::before {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #ff8717;
		border-right: 0;
		left: 0;
	}

	.drawer-nav-body .search_box_category {
		margin: 8px 0 0;
	}

	.drawer-nav-body .side_menu_itemList,
	.drawer-nav-body .side_search_wrap,
	.drawer-nav-body .login_on_list,
	.drawer-nav-body .side_login .login_off,
	.drawer-nav-body .side_cartIn_warp,
	.drawer-nav-body .category_tabs {
		padding: 0;
	}

	.drawer-nav-body .search form input {
		border-radius: 0;
		box-sizing: border-box;
	}

	.side_menu-sp .login_box ul li input {
		width: 100%;
	}

	.drawer-nav-body .search form .submit {
		box-sizing: border-box;
		width: 52px;
		height: 40px;
		background-color: var(--btn-sub);
		background-repeat: no-repeat;
		background-position: 50%;
		border-radius: 0px 3px 3px 0;
		border: none;
		cursor: pointer;
	}

	.drawer-nav-body .search_box_category input[type="checkbox"] {
		width: 32px;
		height: 32px;
		margin: 0 8px 0 0;
		border: 1px solid var(--border-soft);
		background: var(--bg-input);
		border-radius: 2px;
	}

	.drawer-nav-body .pw_reisue {
		margin: 8px 0 32px;
		width: 100%;
		text-align: right;
	}

	.drawer-nav-body .login_form_btn input,
	.drawer-nav-body .sidemenu_inquiry {
		color: var(--color-white);
		background: var(--btn-sub);
		height: 40px;
		width: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
		border-radius: 3px;
		box-sizing: border-box;
		padding: 0;
	}

	.drawer-nav-body .search_box_category {
		margin: 8px 0 0;
	}

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

	.sidemenu_inquiry {
		padding: 0;
	}

	.login_form_wrap {
		margin: 0 0 40px;
	}

	.pw_reisue .sidemenu_signup {
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--btn--bg-light);
	}

	.sidemenu_signup {
		width: 100%;
		height: 40px;
		border: 1px solid var(--color-white);
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		border-radius: 3px;
	}

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

	.side_menu_itemList li {
		padding: 0;
        margin: 0 0 16px 0;
        height: 40px;
        display: block;
        width: 100%;
	}

	.side_menu_itemList li a {
		display: inline-grid;
        align-items: center;
        width: 100%;
        height: 40px;
	}

	.side_menu_itemList li a::before {
		left: 0;
		top: 15px;
	}

	.side_menu_itemList a:last-child {
		margin: 0;
	}
}

/* =================================================
	center センターコンテンツ
================================================= */
.center_content {
	background: var(--bg-white);
	padding: 16px 8px;
	margin: 0 0 8px;
}

.top_page .center_content.empty{
	display: none;
}

/*top - お知らせ*/
.news_istItem {
	display: flex;
	align-items: center;
}

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

.news_istItem_wrapDate {
	min-width: 85px;
	margin: 0 16px 0 0;
}

.news_istItem_wrapTitle {
	color: var(--color-link);
}

.infoall {
	text-align: end;
}

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

/*top -カスタムページ*/
.custom_top_openWrap {
	margin: 0 0 40px;
}

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

.custom_top_openWrap_cntent {
	line-height: 1.7;
}

/*top - 新着商品*/
.newItem_listItem {
	display: flex;
	overflow-x: auto;
}

.newItem_listItem_card {
	margin: 0 16px 0 0;
	max-width: 120px;
}

.newItem_listItem_card_image {
	height: auto;
	aspect-ratio: 4 / 3;
	min-width: 120px;
	max-width: 120px;
	border: 1px solid var(--border-soft);
}

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

@media screen and (max-width:599px) {
	.center_content {
		padding: 16px 8px;
	}
}

/* =================================================
	topic_path パン屑リスト
================================================= */
#topic_path {
	background: var(--bg-content);
	margin: 0 0 8px;
	padding: 8px;
}

#topic_path a {
	color: var(--color-link);
}

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

/* =================================================
	comment_header comment_footer
================================================= */
.comment_header {
	margin: 0 0 16px;
	font-size: 1.4rem;
}

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

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

/* =================================================
	shopinfo_page_top お知らせ＿TOP
================================================= */
.shopinfo_page_top {
	margin: 0 0 80px;
}

.shopinfo_page_top h3 {
	margin: 0 0 16px;
}

.shopinfo_page_listItem {
	margin: 0 0 16px;
}

.shopinfo_page_listItem a {
	width: auto;
	display: inline-block;
}

.shopinfo_page_listItem_wrap {
	display: flex;
}

.shopinfo_date {
	min-width: 80px;
	display: inline-flex;
	margin: 0 16px 0 0;
	color: var(--color-secondary);
}


/* =================================================
	shopinfo_page お知らせページ
================================================= */
.shopinfo_page_date {
	margin: 0 0 16px;
	color: var(--color-secondary);
}

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

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

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

.shopinfo_page_wrap h4 {
	margin: 0 0 16px;
}

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

.news_comment a {
	text-decoration: underline;
	color: var(--color-link);
}

/* =================================================
	itemlist_page 商品一覧ページ
================================================= */
.itemlist_page {
	margin: 0 0 80px;
}

.itemlist_header {
	margin: 0 0 16px;
	color: var(--color-main);
}

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

.itemlist_headerWrap h2,
.itemlist_headerWrap h3 {
	margin: 0;
}

.itemlist_header_sortbox_list {
	display: flex;
}

.itemlist_header_sortbox_listItem {
	margin: 0 0 0 40px;
}

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

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

/*商品一覧*/
.itemlist_notItem {
	padding: 40px 24px;
}

/*商品一覧‐レイアウト*/
.itemlist_main_card {
	list-style: none;
	padding: 0;
	margin: 0 0 40px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* 4列 */
	gap: 24px;
	/* アイテム間のギャップ */
}

.itemlist_main_card_item {
	box-sizing: border-box;
	margin-bottom: 16px;
	position: relative;
}

@media screen and (max-width: 1220px) {
	.itemlist_main_card {
		grid-template-columns: repeat(3, 1fr);
		/* 3列 */
	}
}

@media screen and (max-width: 599px) {
	.itemlist_header_sort {
		display: block;
		width: 100%;
	}

	.itemlist_header_sortbox_list {
		display: flex;
		justify-content: center;
		margin: 24px 0;
	}

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

	.itemlist_main_card {
		grid-template-columns: repeat(2, 1fr);
		/* 3列 */
	}

	.itemlist_page {
		margin: 0;
	}

	.itemlist_header_sortbox_listItem {
		margin: 0 24px;
	}
}

/*商品一覧‐商品画像*/
.itemlist_main_cardItem_image {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	margin: 0 0 4px;
	border: 1px solid var(--border-soft);
	box-sizing: border-box;
}

.itemlist_main_cardItem_image::before {
	content: "";
	display: block;
}

.itemlist_main_cardItem_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.itemlist_main_cardItem_detail_status {
	/*会員限定商品*/
	position: absolute;
	bottom: 0px;
}

.limited_icon {
	color: var(--color-point);
	background: var(--bg-soft);
	height: 20px;
	padding: 0 5px;
	margin: 4px 0 0;
	font-size: 1.3rem;
	display: inline-block;
}

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

/*商品一覧‐商品情報*/
.itemlist_main_cardItem_detail_name {
	margin: 0 0 4px;
	min-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--color-link);
}

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

.itemlist_main_cardItem_detail_price_member_price {
	display: flex;
	flex-direction: column;
}

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

.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.2rem;
	background: var(--bg-color-member);
	color: var(--color-sale);
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 20px;
	padding: 0 5px;
}

.itemlist_main_cardItem_detail_select {
	margin: 8px 0 0;
	font-size: 1.2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 112px;
}

.itemlist_main_cardItem_detail_select .select_type,
.itemlist_main_cardItem_detail_select .stock,
.itemlist_main_cardItem_detail_select .count {
	height: 32px;
	display: flex;
	margin: 0 0 8px;
	align-items: center;
}

.itemlist_main_cardItem_detail_select .select_type {
	display: flex;
	align-items: center;
}

.itemlist_main_cardItem_detail_select .select_type span {
	max-width: 50px;
	display: inline-block;
	padding: 0 1.4rem 0 0;
}

.itemlist_main_cardItem_detail_select select {
	width: calc(100% - 51px);
	height: 32px;
	font-size: 1.4rem;
	padding: 4px 27px 4px 4px;
	border-radius: 2px;
}

.itemlist_main_cardItem_detail_select input.btn_submit_cart {
	margin: 0;
	padding: 0;
	height: 28px;
	border: 1px solid var(--btn-primary-border);
	border-radius: 3px;
	background: none;
	font-size: 1.4rem;
	color: var(--color-main);
}

.itemlist_main_cardItem_detail_select .stock {
	font-size: 1.2rem;
	color: var(--color-secondary);
	height: 32px;
	display: flex;
	align-items: center;
}

.sale_discount_mode {
	margin: 0 4px 0 0;
}

.item_soldout_label_text,
.item_price_member_text {
	font-size: 1.3rem;
	height: 24px;
	display: flex;
	align-items: center;
}

.item_price_member_text {
	color: var(--color-sale);
}

.item_soldout_label_text {
	color: var(--color-soldOut);
}

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

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

.itemlist_main_cardItem_detail_select input {
	height: 32px;
	width: 100%;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*sortとページャー*/
.itemlist_footer form {
	width: 770px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	position: relative;
}

.itemlist_footer .pagerbox {
	box-sizing: border-box;
}

.pagelink {
	width: 212px;
	position: absolute;
	right: 0;
	margin: 4px 0 0;
	box-sizing: border-box;
}

.pagelink select {
	width: 60px;
	height: 24px;
	font-size: 1.4rem;
	border-radius: 3px 0 0 3px;
	border: 1px solid var(--border-main);
	color: var(--color-main);
}

.pagelink input[type="submit"] {
	width: 64px;
	height: 24px;
	font-size: 1.4rem;
	border: none;
	border-radius: 0 3px 3px 0;
	color: var(--color-white);
	background: var(--btn-main-bg);
	margin: -3px;
}

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

.pagerboxr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (max-width: 1220px) {
	.itemlist_footer form {
		width: 100%;
		margin: 0 0 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.itemlist_footer .pagerbox {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 0 24px;
		width: 100%;
		padding: 0 16px;
	}

	.pagelink {
		width: auto;
		position: inherit;
	}
}

/* =================================================
	user_page カスタムページ
================================================= */
.user_page h3 {
	margin: 0 0 16px;
}

.user_page a {
	text-decoration: underline;
}

.user_cntent {
	line-height: 1.8;
}

/* =================================================
	newitem_page 新着商品
================================================= */
.newitem_page {
	margin: 0 0 40px;
	padding: 40px 0 0;
	border-top: 1px solid var(--border-light);
}

.newitem_page h3 {
	margin: 0 0 16px;
}

@media screen and (max-width:1220px) {
	.newitem_page {
		margin: 0 0 40px;
		padding: 40px 0 0;
	}
}

/* =================================================
	recommend_page おすすめ商品
================================================= */
.recommend_page {
	margin: 0 0 40px;
	padding: 40px 0 0;
	border-top: 1px solid var(--border-light);
}

.recommend_page h3 {
	margin: 0 0 16px;
}


/* =================================================
	hotitem_page 売れ筋商品
================================================= */
.hotitem_page {
	margin: 0 0 40px;
	padding: 40px 0 0;
	border-top: 1px solid var(--border-light);
}

.hotitem_page h3 {
	margin: 0 0 16px;
}

/*新着商品・おすすめ・売れ筋共通 */
.newitem_list_card,
.recommenditem_list_card,
.hotitem_list_card {
	display: flex;
	overflow: auto;
	height: auto;
}

.newItem_buyers_boughtistItem_card,
.recommenditem_list_cardItem,
.hotitem_list_cardItem {
	margin: 0 16px 0 0;
}

.newitem_list_cardItem_image,
.recommenditem_list_cardItem_image,
.hotitem_list_cardItem_image {
	position: relative;
	height: auto;
	min-width: 120px;
	max-width: 120px;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--border-soft);
}

.newitem_list_cardItem_image img,
.recommenditem_list_cardItem_image img,
.hotitem_list_cardItem_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid var(--border-soft);
	box-sizing: border-box;
}

.newItem_listItem_card_detail_name,
.newitem_list_cardItem_detail_name,
.recommenditem_list_cardItem_detail_name,
.hotitem_list_cardItem_detail_name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: var(--color-link);
}

.newItem_listItem_card_detail_price,
.newitem_list_cardItem_detail_price,
.recommenditem_list_cardItem_detail_price,
.hotitem_list_cardItem_detail_price {
	font-weight: bold;
}

/*商品カードを横にスライドするsliderの設定*/
.slider-container {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
}

.custom-slider {
	display: flex;
	overflow-x: scroll;
	scroll-behavior: smooth;
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: var(--btn-bg-light);
	color: var(--color-accent);
	padding: 8px 4px;
	cursor: pointer;
	z-index: 10;
}

.left-arrow {
	left: 0px;
	opacity: 0;
	transition: left 0.3s, opacity 0.3s;
}

.right-arrow {
	right: 0px;
}

.left-arrow.show {
	left: 0px;
	opacity: 1;
}

.right-arrow.hide {
	display: none;
}

/* スクロールバーのカスタマイズ (Webkit) */
.custom-slider::-webkit-scrollbar {
	height: 8px;
}

.custom-slider::-webkit-scrollbar-track {
	background: var(--bg-main);
	border-radius: 10px;
}

.custom-slider::-webkit-scrollbar-thumb {
	background-color: var(--border-main);
	border-radius: 10px;
	border: 2px solid var(--border-main);
}


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

	.newitem_list_card,
	.recommenditem_list_card,
	.hotitem_list_card {
		height: auto;
		flex-wrap: initial;
	}
}


/* =================================================
	side_menu －right
================================================= */

/*商品検索*/
.side_search_wrap .btn_main {
	height: 24px;
	width: 100%;
}

.side_search_wrap .search_box_word {
	flex-direction: column;
}

.side_search_wrap .input {
	margin: 0 0 16px;
}

/* side-right */
/*login signup ログイン・新規登録*/
.login_form input {
	width: 100%;
}

.login_form li {
	margin: 0 0 12px;
}

.login_message {
	margin: 0 0 16px;
}

.login_message span {
	font-weight: bold;
}

.side_menu_signup {
	width: 100%;
}

.side_menu_signup a {
	width: 100%;
	height: 48px;
	border: 1px solid var(--btn-primary-border);
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.pw_reisue {
	margin: 8px 0 16px;
}

.pw_reisue a {
	color: var(--color-link);
	font-size: 1.2rem;
	border-bottom: 1px solid transparent;
}

/*ログイン済*/
.login_on span {
	font-weight: bold;
	color: var(--color-main);
}

.login_on_list_userinfo {
	margin: 0 0 16px;
}

.login_on_list_item {
	padding: 0 0 8px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid transparent;
    height: 40px;
}

.login_on_list_item a {
	width: 100%;
	align-items: center;
	display: flex;
	padding: 15px 0;
}

.login_on_list_item form {
	width: 100%;
}

.login_on form input {
	height: 24px;
	color: var(--color-link);
	font-size: 1.4rem;
	font-weight: normal;
	background: var(--bg-white);
	border: 1px solid var(--btn-primary-border);
	width: 100%;
	display: inline-block;
}

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

/*inquiry お問い合わせ*/
.sidemenu_inquiry {
	padding: 0 8px 16px;
}

.sidemenu_inquiry a.btn_main {
	display: block;
	color: var(--color-white);
	height: 24px;
	text-align: center;
}

.inquiry_btn_previous .btn_primary,
.history_order_link .btn_primary,
.historylist_order_link .btn_primary,
.reviewform_header .btn_primary,
.formbutton .btn_primary,
.review_finish_button .btn_primary,
.goto_cart .btn_primary,
.login_page .btn_primary,
.login .btn_primary,
.withdrawbutton .btn_primary,
.checkout_page .btn_primary,
#auction_login .btn_primary {
	height: 48px;
}

@media screen and (max-width: 899px) {
	.sidemenu_inquiry a.btn_main {
		color: var(--color-white);
		text-align: center;
		background: none;
		height: 40px;
		display: flex;
		cursor: pointer;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
}

/*ログイン・会員登録*/
.login_offwrap {
	padding: 0 0 8px;
}

.login_offwrap_message {
	font-weight: bold;
	color: var(--color-point);
}

.sidemenu_signup {
	margin: 0 0 16px;
}

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

/*カートの中身*/
.side_cartIn_warp_itemList_content {
	margin: 0 0 8px 0;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--border-light);
}

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

.side_cartIn_warp_itemList_content_box_count {
	display: inline-block;
}

.side_cartIn_warp_itemList_content_box_price {
	font-weight: bold;
	text-align: right;
	display: inline-block;
}

.side_cartIn_warp_total {
	display: flex;
	justify-content: space-between;
	padding: 0 0 24px;
	flex-wrap: wrap;
	font-weight: bold;
}

.side_cartIn_warp_noItem {
	padding: 0 0 24px;
}

/* =================================================
	itemdetail_page 商品詳細
================================================= */
.item_detail_wrap {
	display: flex;
	justify-content: space-between;
	margin: 0 0 80px;
	align-items: flex-start;
}

/*シークレット商品ｐｗ入力表示画面*/
.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_contetnts {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 330px;
	align-items: start;
	margin: 0 auto;
}

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

.itemdetail_secret_contetnts input[type="password"] {
	width: 100%;
	height: 48px;
	margin: 0 0 24px;
	border-radius: 3px;
}

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

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

.itemdetail_page_notlogin a {
	text-decoration: underline;
}

@media screen and (max-width:599px) {
	.itemdetail_secret form {
		padding: 16px;
	}
}

/*商品画像*/
/*==================
スライダーのためのcss
====================*/
.item_detail_wrap_gallery {
	width: calc(100% - 440px);
}

.gallery_img.slick-slide.slick-current.slick-active {
	aspect-ratio: 4 / 3;
	height: 236px;
}

.no_photo {
	width: 100%;
}

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

.gallery_img img {
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.gallery li {
	list-style: none;
}

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

.gallery_choice-btn li {
	cursor: pointer;
	outline: none;
	background: var(--bg-item_gallery);
	list-style: none;
	width: calc(100% / 5) !important;
	aspect-ratio: 4 / 3;
}

.gallery_choice-btn li img {
	opacity: 0.4;
	/*選択されていないものは透過40%*/
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

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

/*商品画像に枠線を付ける*/
.item_detail_wrap_gallery .slick-slide img {
	display: block;
	border: 1px solid var(--border-soft);
	box-sizing: border-box;
	aspect-ratio: 4 / 3;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-image-prev,
.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);
}

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

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

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

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

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

.gallery img {
	cursor: pointer;
	transition: transform 0.3s;
}

.gallery img:hover {
	transform: scale(1.04);
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.overlay img {
	max-width: 90%;
	max-height: 90%;
}

.overlay .close {
	position: absolute;
	top: 20px;
	right: 40px;
	color: #fff;
	font-size: 40px;
	cursor: pointer;
}

.overlay .next,
.overlay .prev {
	position: absolute;
	top: 50%;
	color: var(--color-white);
	font-size: 40px;
	cursor: pointer;
	user-select: none;
}

.overlay .next {
	right: 20px;
}

.overlay .prev {
	left: 20px;
}

/*商品説明*/
.item_detail_wrap_content {
	width: calc(100% - 333px);
}

.item_detail_wrap_content h2 {
	color: var(--color-main);
	margin: 0 0 16px;
	text-align: left;
}

.item_detail_wrap_content_price {
	margin: 0 0 32px;
	font-size: 2.0rem;
	font-weight: bold;
}

.item_detail_wrap_content_price .item_soldout_label_text,
.item_detail_wrap_content_price .item_price_member_text {
	font-size: 2rem;
	margin: 8px 0 0;
}

.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;
	color: var(--color-icon);
	text-decoration: line-through;
}

.item_price_sale_price,
.item_price_member_price {
	color: var(--color-sale);
}

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

.item_detail_wrap_content_product_stock b {
	font-weight: normal;
}

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

.item_detail_wrap_content_product_select_type select,
.item_detail_wrap_content_product_count select {
	width: 100%;
	height: 48px;
	border-radius: 3px;
}

.item_detail_wrap_content_product_count {
	margin: 0 0 32px;
}

.item_detail_wrap_content_product_submit {
	margin: 0 0 40px;
}

.item_detail_wrap_content_product_arrival_notice {
	margin: 0 0 40px;
}

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

/*再入荷のおしらせ*/
#soldout .soldout_form {
	color: var(--color-secondary);
}

#arrival_notice_request_wrap {
	display: none;
}

#arrival_notice_request_content input {
	height: 48px;
}

.btn_request {
	width: 100%;
	height: 48px;
	margin: 0 0 24px;
	background: var(--btn-sub);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--btn-sub-color) !important;
	border-radius: 3px;
}

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

.social {
	margin: 0 0 40px;
}

.social_buttons {
	display: flex;
	justify-content: flex-end;
}

.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;
	color: var(--color-link);
}

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

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

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

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

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

.review_average_score {
	display: flex;
	align-items: end;
}

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

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

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

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

/*定期購入＿サブスクリプション*/
.itemdetail_subscription {
	margin: 0 0 32px;
	padding: 8px 8px 24px;
	border: 1px solid var(--btn-primary-border);
}

.itemdetail_subscription h3 {
	margin: 0 0 16px;
	color: var(--color-main);
}

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

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

.itemdetail_subscription_text li {
	display: flex;
}

.total_subtitle {
	min-width: 80px;
}

.itemdetail_subscription_title {
	text-align: left;
	background: var(--border-soft);
	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 {
	background: var(--btn-sub);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	font-weight: 300;
	font-size: 1.4rem;
	width: 100%;
}

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

.itemdetail_subscription .item_submit .btn_sub {
	margin: 0;
}

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

.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;
	border: 1px solid var(--border-light);
	color: var(--color-link);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	padding: 0 10px 0;
}

@media screen and (max-width: 1220px) {
	.item_detail_wrap_content {
		width: 80%;
		padding: 0 8px;
	}

	.item_detail_wrap_gallery {
		width: 500px;
		max-width: 500px;
		aspect-ratio: 4 / 3;
		margin: 0 0 40px;
	}

	.gallery_choice-btn {
		max-width: 100%;
	}

	.item_detail_wrap_content_product_select_type select {
		height: 48px;
	}

	.item_detail_wrap_content_product_count select {
		width: 40%;
		border-radius: 3px;
		height: 48px;
	}

	.gallery_img.slick-slide.slick-current.slick-active {
		height: auto;
	}

	.review_average_score {
		display: block;
	}
}

@media screen and (max-width:599px) {
	.item_detail_wrap_gallery {
		width: 100%;
		max-width: calc(100% - 16px);
	}

	.item_detail_wrap_content {
		width: 100%;
		padding: 0;
	}

	.review_average {
		flex-wrap: wrap;
	}

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

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

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

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

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

/*buyers_bought この商品を勝った人はこんな商品も買っています
buyers_checked この商品チェックした人はこんな商品チェックしています 共通*/

.buyers_bought_list_cardItem,
.buyers_checked_list_cardItem {
	margin: 0 16px 0 0;
	max-width: 120px;
}

.buyers_bought_list_cardItem_image,
.buyers_checked_list_cardItem_image {
	position: relative;
	height: auto;
	min-width: 120px;
	max-width: 120px;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--border-soft);
}

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

.buyers_bought_list_cardItem_detail_name,
.buyers_checked_list_cardItem_detail_name {
	overflow: hidden;
	color: var(--color-link);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.buyers_bought_list_cardItem_detail_price,
.buyers_checked_list_cardItem_detail_price {
	font-weight: bold;
}

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

@media screen and (max-width:1220px) {
	.item_detail_wrap {
		flex-wrap: wrap;
		justify-content: center;
	}

	.review_average {
		flex-wrap: wrap;
	}

	.score_title {
		width: 100%;
	}

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

/* =================================================
	subscription_page 定期購入
================================================= */
#subscription {
	margin: 0 0 80px;
	padding: 40px 24px;
	background: var(--bg-content);
}

.subscription_page a {
	text-decoration: underline;
}

.content_section {
	margin: 16px 0;
}

.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-order);
	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 {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 24px 0;
}

.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;
	display: flex;
	flex-wrap: wrap;
}

.subscription_itemList .list_title {
	width: 23%;
	margin: 0 16px 0 0;
}

.subscription_itemList .form_input {
	width: 74%;
}

@media screen and (max-width:899px) {
	#subscription {
		padding: 40px 16px;
	}

	.subscription_itemList .form_input {
		width: 100%;
	}

	.subscription_itemList .list_title{
		width: 100%;
        margin: 0 0 4px;
	}
}

@media screen and (max-width:599px) {
	#subscription{
		padding: 16px 8px;
	}

	.subscription_item_header {
		display: none;
	}

	.subscription_item_contents_list {
		display: block;
	}

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

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

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

	.subscription_item_contents dl {
		display: flex;
	}


	.total_subtitle {
		min-width: 80px;
	}

}

/* =================================================
	specific_transaction_page 特定商取引法
================================================= */
.laws_list {
	margin: 0 0 16px;
	padding: 0 0 16px;
	border-bottom: 1px solid var(--border-light);
}

.laws_list:first-child {
	margin-top: 24px;
}

/* =================================================
	inquiry_page お問い合わせ
================================================= */
.inquiry_page {
	margin: 0 auto 80px;
}

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

.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,
.info_content select {
	width: 100%;
	height: 48px;
	padding: 8px;
	margin: 4px 0 0;
	border: 1px solid var(--border-main);
}

.info_content select {
	width: 40%;
}

.inquiry_wrap_listData textarea {
	height: 240px;
}

.inquiry_btn {
	margin: 0 auto 56px;
}

.inquiry_btn_next input {
	width: 100%;
	margin: 0 0 56px;
}

@media screen and (max-width:599px) {
	.inquiry_wrap {
		margin: 0 0 40px;
	}

}

/*確認ページ*/
.inquiry_confirmation {
	margin: 0 0 80px;
}

input.btn_sub {
	width: 100%;
}

.inquiry_btn input.btn_main_lg {
	margin: 0 0 56px;
}

.inquiry_btn .btn_primary {
	height: 48px;
}

/*完了ページ*/
.finish_message {
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 0 16px;
	margin: 0 0 40px;
}

.inquiry_finish .btn_primary {
	height: 48px;
}

@media screen and (max-width:599px) {
	.finish_message {
		font-size: 2.0rem;
	}
}

/* =================================================
	login_page 会員ログイン
================================================= */
.login_page h2 {
	padding: 14px 0 0 32px;
}

.login_page h2::before {
	position: absolute;
	top: 22px;
	left: 8px;
}

.login_page .errormessage {
	margin: 24px auto 0;
	width: calc(100% - 24px);
}

.login_page_wrap {
	display: flex;
	justify-content: space-between;
	margin: 24px 0 0;
	padding: 0 0 24px;
}

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

.login_page_wrap form,
.login_page_wrap_registCard {
	width: 50%;
	height: 100%;
	border-radius: 10px;
	box-sizing: border-box;
}

.login_page_wrap_registCard {
	padding: 0 16px;
}

.login_page_wrap_loginCard {
	border-right: 1px solid var(--border-light);
	padding: 0 16px 56px 16px;
}

.login_page_wrap_loginCard_message,
.login_page_wrap_registCard_message {
	margin: 0 0 28px;
}

.login_page_wrap_loginCard_form_input {
	width: 100%;
	height: 48px;
	border: 1px solid var(--border-main);
	background-color: var(--bg-white);
}

.login_page_wrap_loginCard_form .btn_primary {
	margin: 32px 0 0;
}

.login_page_wrap_registCard_registerbutton a {
	display: block;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--btn-sub);
	color: var(--color-white);
	border-radius: 3px;
}

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

	.login_page_wrap {
		flex-wrap: wrap;
	}

	.login_page_wrap form,
	.login_page_wrap_registCard {
		width: 100%;
		border: none;
		box-shadow: none;
		margin: 0 0 32px;
		border-radius: 0;
	}

	.login_page form {
		border-bottom: 1px solid var(--border-light);
	}

	.login_page_wrap_loginCard {
		border: none;
	}

	.login_page_wrap_registCard {
		padding: 32px 16px;
	}
}

/* =================================================
	pwreissue_page パスワード再発行
================================================= */
.pwreissu_info {
	max-width: 550px;
	margin: 0 auto 32px;
	line-height: 1.8;
}

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

.pwreissue_page input[type="submit"] {
	width: 100%;
	height: 48px;
	background: var(--btn-sub);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 80px;
}

.pwreissue_page input[type="email"] {
	width: 100%;
	height: 48px;
	display: block;
	border: 1px solid var(--border-light);
	background-color: var(--bg-white);
	margin: 0 0 40px;
}

/* =================================================
	membersinfo_page 会員情報
================================================= */

.membersinfo_page_wrap h3 {
	margin: 0 0 16px;
}

.membersinfo_formWrap_list,
.membersinfo_formWithdraw li {
	margin: 0 0 16px;
	padding: 0 0 16px;
}

.membersinfo_formWrap_list a.membersinfo_formWrap_list_content_btn {
	display: none;
}

.membersinfo_formWrap_list_content input {
	background-color: var(--bg-white);
}

.membersinfo_formWrap_list_content input[name="SubmitPedit"] {
	width: 550px;
	height: 48px;
	max-width: 550px;
	margin: 32px 0 48px;
	background: var(--btn-sub);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	font-weight: 300;
	font-size: 1.4rem;
}

.membersinfo_formWrap_list_content input[name="SubmitPedit"]:hover {
	opacity: 0.85;
	transition: 0.2s;
}

.membersinfo_formWrap_list_content input[name="Cancel"] {
	width: 550px;
	height: 48px;
	background: none;
	border: none;
	color: var(--color-link);
	border: 1px solid var(--btn-primary-border);
	box-sizing: border-box;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}

.membersinfo_formWithdraw {
	margin: 0 0 48px;
	border-top: 1px solid var(--border-light);
	padding: 24px 0;
	border-bottom: 1px solid var(--border-light);
}

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

.membersinfo_formWrap_list {
	border-bottom: 1px solid var(--border-light);
	align-items: center;
}

.membersinfo_formWrap_list:last-child {
	border: none;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	margin: 40px 0 0 0;
}

.membersinfo_userWrap>li {
	width: calc((100% - 32px)/3);
}

.membersinfo_userWrap_card {
	border: 1px solid var(--border-light);
	text-align: center;
	padding: 32px;
	box-sizing: border-box;
	border-radius: 3px;
}

.membersinfo_userWrap_card_img {
	border: 1px solid var(--border-light);
	height: 50px;
	width: 50px;
	border-radius: 25px;
	margin: 0 auto 16px;
	position: relative;
}

.icon_info,
.icon_history,
.icon_pw{
    fill: var(--btn-main-bg);
    background: var(--btn-main-color);
    width: 20px;
    position: absolute;
    font-size: 20px;
    top: 15px;
    left: 16px;
}


.membersinfo_userWrap_card h5 {
	margin: 0 0 4px;
	font-size: 1.4rem;
}

.members_withdraw {
	padding: 16px 8px 80px;
}

@media screen and (max-width:1220px) {
	.membersinfo_userWrap_card {
		padding: 32px 16px;
	}
}

@media screen and (max-width:599px) {
	.membersinfo_formWrap_list .membersinfo_formWrap_list:last-child{
	    display: none;
	}
}

/*会員情報変更*/

.info_content input[type="radio"] {
	margin: 0 8px 0 0;
	height: 14px;
	width: 14px;
}

.info_content label {
	margin: 0 40px 0 0;
	height: auto;
}

.info_content input[name="SubmitEdit"] {
	width: 100%;
	height: 48px;
	min-width: 550px;
	margin: 40px 0 46px;
	border: none;
	background: var(--btn-sub);
	color: var(--color-white);
	border-radius: 3px;
}

.info_content input[name="Cancel"] {
	width: 100%;
}

.info_content input[name="SubmitEdit"]:hover {
	opacity: 0.85;
}

.info_content input[name="Cancel"]:hover {
	border: 1px solid var(--border-main);
	border-radius: 3px;
	transition: 0.2s;
}

/*会員情報変更内容確認*/
.edit_wrap {
	max-width: 550px;
	margin: 0 auto 40px;
}

.edit_wrap_text {
	text-align: center;
	margin: 0 0 88px;
}

.membersinfo_page .btn_primary {
	height: 48px;
}

/*パスワードの変更*/
.info_content input[type="password"] {
	width: 50%;
	height: 48px;
	border: 1px solid var(--border-main);
}

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

	.membersinfo_page_wrap-sp {
		display: flex;
		flex-direction: column;
	}

	.membersinfo_userWrap {
		order: 1;
		margin: 0 0 32px;
	}

	.membersinfo_formWrap {
		order: 2;
	}

	.membersinfo_formWithdraw {
		order: 3;
	}

	.membersinfo_formWrap_list_content {
		width: 100%;
	}

	.membersinfo_formWrap_list_content input[name="SubmitPedit"] {
		max-width: initial;
		width: 100%;
	}

	.info_content input[name="SubmitEdit"] {
		min-width: initial;
	}
}

@media screen and (max-width:599px) {
	.info_content input[name="SubmitEdit"] {
		min-width: auto;
	}

	.membersinfo_userWrap {
		display: block;
	}

	.membersinfo_userWrap>li {
		width: 100%;
	}

	.membersinfo_userWrap_card {
		padding: 16px;
		margin: 0 0 16px;
		display: flex;
		text-align: left;
		align-items: center;
	}

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

	.membersinfo_formWrap_list {
		border-bottom: none;
	}

	.membersinfo_formWrap_list,
	.membersinfo_formWithdraw li {
		margin: 16px 0 0;
		border-bottom: 1px solid var(--border-color-area-gray);
	}

}

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

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

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

.withdraw_header_imgIcon{
    fill: var(--color-accent);
    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;
}

.withdrawbutton.btn_main_wrap_lg .btn_primary {
	height: 48px;
	border: 1px solid var(--btn-primary-border);
	color: var(--color-link);
}

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

/*退会完了ページ*/
.withdraw_finish {
	max-width: 550px;
	margin: 0 auto;
}

h3.withdraw_finish_header {
	text-align: center;
	margin: 0 0 88px;
}

/* =================================================
	members_signup 会員登録
================================================= */
.members_signup_wrap_header {
	margin: 16px 0 24px;
	line-height: 1.8;
	padding: 0;
}

form.members_signup_wrap_form {
	max-width: 500px;
	margin: 0 auto 40px;
}

form.members_signup_wrap_form input {
	margin: 0;
	height: 48px;
}

.members_signup_wrap_form_list {
	margin: 0 0 32px;
}

.members_signup_wrap_form_listData input {
	width: 100%;
	border: 1px solid var(--border-light);
	background-color: var(--bg-white);
}

/*新規登録入力フォーム*/
.members_signup_wrap_form_list {
	margin: 0 0 24px;
}

.members_signup_wrap_form_list p.hint {
	color: var(--color-secondary);
	font-size: 1.4rem;
}

.members_signup_wrap_form_list input,
.members_signup_wrap_form_list select,
.members_signup_wrap_form_list textarea {
	border: 1px solid var(--border-main);
}

.members_signup_wrap_form_list input.email,
.members_signup_wrap_form_list textarea {
	width: 100%;
	height: 48px;
}

.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_form_list select {
	width: 50%;
	min-width: 250px;
	height: 48px;
}

.signupbutton {
	margin: 56px 0 24px;
}

/*会員登録入力内容確認画面*/
.members_signup_wrap_header_title,
.members_signup_wrap_header_text {
	text-align: center;
	margin: 0 0 32px;
}

.members_signup_wrap_main,
form.form_signup {
	max-width: 500px;
	margin: 0 auto;
}

.members_signup_wrap ul {
	margin: 0 0 32px;
}

.members_signup_wrap input.btn_main_lg {
	margin: 0 0 56px;
}

.form_signup .btn_primary {
	border: 1px solid var(--border-light);
	height: 48px;
	color: var(--color-link);
}

.members_signup_finish {
	margin: 56px auto 40px;
	max-width: 500px;
}

/* =================================================
	checkcart_page カートの中身
================================================= */
.checkcart_page {
	padding: 16px 24px;
}

.cart_page {
	background: var(--bg-content);
}

.checkcart_wrap {
	margin: 0 auto;
}

.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 {
	height: 90px;
    margin: 0 16px 0 0;
    aspect-ratio: 4 / 3;
    min-width: 120px;
    box-sizing: border-box;
}

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

.checkcart_wrap_itemContetnt {
	width: 100%;
}

ul.checkcart_wrap_itemContetnt .edit {
	text-align: start;
}

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

.checkcart_wrap_itemContetnt_image {
    display: flex;
    flex-direction: column;
    align-items: start;
}

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

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

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

.btn_submit_quantity {
	width: 80px;
	height: 24px;
	background: var(--btn-main-bg);
	border-radius: 3px;
	color: var(--btn-main-color);
}

.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: 56px 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(--color-white);
	text-align: center;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
}

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

@media screen and (max-width:1220px) {
	.checkcart_wrap {
		max-width: 550px;
	}
}

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

	.cart_page .checkcart_page {
		padding: 16px 8px;
	}

	.checkcart_wrap_itemContetnt {
		width: 100%;
	}

	.checkcart_wrap_itemContetnt>div:last-child {
		margin: 0;
	}

	.checkcart_wrap_itemContetnt .count {
		flex-direction: column;
	}

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

	.checkcart_wrap_itemContetnt .count select,
	input.btn_submit_quantity {
		width: 100%;
		height: 48px;
	}

	.btn_submit_quantity {
		width: 100%;
	}

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

/* =================================================
	checkout_page ご注文情報の入力
================================================= */
.checkout_page {
	margin: 0 0 80px;
	padding: 40px 24px;
	background: var(--bg-content);
}

.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: 25px;
	height: 25px;
	border-radius: 25px;
	margin: 0 0 8px;
	position: relative;
	box-sizing: border-box;
}

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

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

.check_title_on {
	color: var(--cartCheck-on);
	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);
}

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

.checkout_page h2 {
	margin: 0 0 16px 0;
}

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

.checkout_cartInput_wrap {
	margin: 0;
	padding: 0 16px 0 0;
	width: calc(100% - 230px);
	box-sizing: border-box;
}

.checkout_formWrap {
	margin: 0 0 40px;
}

.checkout_formWrap_header {
	margin: 0 0 16px;
}

.checkout_formWrap_header h3 {
	margin: 0;
}

.checkout_cartInput_wrap form :last-child {
	margin: 0;
}

.checkout_formWrap_header p.point {
	font-size: 1.4rem;
	color: var(--color-secondary);
}

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

.checkout_formWrap_another label {
	margin: 0 8px 0 0;
	display: block;
}

.checkout_formWrap_another label input {
	height: auto;
	margin: 0 8px 0 0 !important;
}

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

.checkout_formWrap_contentsList_input.form_input>.checkout_info {
	background: var(--bg-color-attention);
}

.checkout_formWrap_contentsList_title br {
	display: none;
}

.checkout_formWrap_contentsList_input {
	color: var(--color-main);
	font-size: 1.4rem;
}

.coupon_input input[type="text"] {
	background: var(--bg-white);
}

.checkout_formWrap_contentsList_input input[type="checkbox"] {
	height: auto;
	margin: 0 8px 0 0;
}

.checkout_formWrap_contentsList_input input,
.checkout_formWrap_contentsList_input select,
.checkout_formWrap_contentsList_input textarea {
	border: 1px solid var(--border-light);
	background-color: var(--bg-white);
	height: 48px;
}

.checkout_formWrap_contentsList_input input[type="text"],
.checkout_formWrap_contentsList_input input[type="email"],
.checkout_formWrap_contentsList_input textarea {
	width: 100%;
	height: auto;
	min-height: 48px;
}

.checkout_formWrap_contentsList_input input:disabled,
.checkout_formWrap_contentsList_input select:disabled,
.checkout_formWrap_contentsList_input textarea:disabled {
	background-color: var(--bg-primary);
    opacity: 1;
    color: var(--color-disabled);
}

.checkout_formWrap_contentsList_input select {
	width: 70%;
	height: 48px;
}

.checkout_formWrap_contentsList_input textarea#in_biko {
	height: 150px;
}

.checkout_formWrap_contentsList_point_input select {
	width: 50%;
	height: 48px;
	margin: 0 8px 0 0;
	border: 1px solid var(--border-light);
}

.registerbutton {
	padding: 0 0 56px;
}

.registerbutton input {
	border: none;
	height: 48px;
	width: 100%;
	border-radius: 3px;
	background: var(--btn-sub);
	color: var(--color-white);
}

/*カートの中身 pcのみ*/
.checkout_cartInput_wrap_cart {
	width: 230px;
	height: 100%;
	padding: 8px;
	background: var(--bg-light);
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents {
	margin: 0 0 8px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid var(--border-main);
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents_title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--color-main);
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents_order,
.checkout_cartInput_wrap_cart_list_itemdetail_contents_price {
	color: var(--color-primary);
	text-align: end;
	text-align: end;
	font-size: 1.4rem;
	margin: 4px 0 0 0;
}

.itemdetail_contents_price span {
	margin: 0 16px 0 0;
}

.checkout_cartInput_wrap_cart_total {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

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

/*ご注文情報の確認-*/
.checkout_cartConfirm_header {
	margin: 0 0 32px;
}

.checkout_cartConfirm_main {
	margin: 0 auto 56px;
}

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

.checkout_cartConfirm_main_wrap {
	border: 1px solid var(--border-light);
}

.checkout_cartConfirm_main_wrap_header {
	border-bottom: 1px solid var(--border-light);
	background-color: var(--bg-order);
	padding: 8px;
	display: flex;
	text-align: center;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(1) {
	width: 50%;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(2) {
	width: 10%;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(3) {
	width: 20%;
}

.checkout_cartConfirm_main_wrap_headerTitle:nth-child(4) {
	width: 20%;
}

.checkout_cartConfirm_main_wrap_contents {
	display: flex;
    justify-content: space-between;
	padding: 16px;
}

.checkout_cartConfirm_main_wrap_contents_itemImage {
	height: 60px;
	aspect-ratio: 4 / 3;
	margin: 0 8px 0 0;
	border: 1px solid var(--border-soft);
	box-sizing: border-box;
}

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

.checkout_cartConfirm_main_wrap_contents_name {
	width: calc(50% - 92px);
}

.checkout_cartConfirm_main_wrap_contents_limited_item {
	border: 1px solid var(--border-light);
	padding: 8px;
	margin: 4px 0 0;
	color: var(--color-secondary);
	font-size: 1.2rem;
	display: inline-block;
}

.checkout_cartConfirm_main_wrap_contents_card {
	display: flex;
	align-items: center;
	width: calc(50% - 4px);
}

.checkout_cartConfirm_main_wrap_contents_card_orde {
	width: 20%;
	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_total,
.checkout_cartConfirm_main_wrap_option {
	border-top: 1px solid var(--border-light);
	margin: 0 16px;
	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_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_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;
	flex-wrap: wrap;
}

.checkout_cartConfirm_userinfo_contentsList_title {
	width: 25%;
	margin: 0 0 4px 0;
}

.checkout_cartConfirm_userinfo_contentsList_title br {
	display: none;
}

/*ボタン*/
p.registerbutton1 {
	max-width: 550px;
	margin: 32px auto;
}

.checkout_page .btn_primary form {
    width: 100%;
    height: 100%;
    display: block;
}

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

	.checkout_cartConfirm_main_wrap_total {
		padding: 16px 0;
	}

	.checkout_cartConfirm_main_wrap_option_list_title {
		width: 75%;
	}
}

@media screen and (max-width:899px) {
	.regi_header {
		margin: 8px 0 16px;
	}

	.checkout_page {
		padding: 40px 8px;
	}

	.content_section {
		margin: 0 0 56px;
	}

	.checkout_cartInput {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

    .checkout_cartInput_wrap {
        padding: 0;
        width: 100%;
    }

	.checkout_cartInput_wrap_cart{
		width: 100%;
		padding: 16px;
		box-sizing: border-box;
	}

	.checkout_formWrap_contentsList {
		margin: 0 0 40px;
		padding: 0;
	}

    .checkout_formWrap_contentsList_input select{
        width: 100%;
    }

	.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;
		padding: 16px 0;
	}

	.checkout_cartConfirm_main_wrap_contents_name {
		width: calc(100% - 88px);
	}

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

	.checkout_formWrap {
		margin: 0 0 56px;
	}

	.checkout_cartConfirm_main_wrap_total_contents {
		text-align: end;
	}
}

@media screen and (max-width:599px) {
	.checkout_page {
		padding: 40px 8px;
	}

	.checkout_cartInput_wrap_cart{
		padding: 8px;
	}

	.checkout_formWrap_contentsList {
		margin: 0 0 24px;
	}

	.checkout_cartConfirm_userinfo_contentsList_title {
		width: 100%;
	}

	.checkout_cartConfirm_main_wrap_option_list_title {
		width: auto;
	}

	.checkout_cartConfirm_main_wrap_contents_limited_item {
		margin: 12px 0 0;
		display: block;
	}

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

/* =================================================
	complete_order ご注文の完了
================================================= */
.checkout_page.cart_header_step {
	margin: 0;
}

.complete_order_finmessage{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

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

.complete_order_wrap h3 {
	text-align: center;
}

.complete_order_wrap .registerbutton {
	text-align: center;
	margin: 40px 0 56px;
}

.complete_order_page_message {
	margin: 0 0 40px
}

/*クレカやその他の決済方法の表記のスタイル*/
.payment_incomplete {
	color: var(--color-point);
	background: var(--bg-color-member);
	padding: 10px;
	line-height: 2;
	display: block;
}

.second_payment {
	text-align: center;
	padding: 16px;
	margin: 0 0 40px;
	border: 1px solid var(--border-soft);
}

.payment_begin {
	color: var(--color-error);
	padding: 8px 0;
	display: block;
}

#id_beginpayment input {
	background: var(--btn-sub);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	font-weight: 300;
	font-size: 1.4rem;
	width: 100%;
	margin: 0 0 42px;
}

/* =================================================
	historylist ご注文履歴一覧
================================================= */
.historylist input[type="submit"] {
	width: 64px;
	height: 24px;
	font-size: 1.4rem;
	border: none;
	border-radius: 0 3px 3px 0;
	color: var(--color-white);
	background: var(--btn-main-bg);
}

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

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

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

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

.historylist_order {
	padding: 0 0 36px 0;
}

.historylist_order_header {
	padding: 16px 8px;
	border: 1px solid var(--border-light);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 16px;
}

.historylist_order_header_date,
.historylist_order_header_total {
	font-weight: bold;
}

.historylist_order_header_detail a {
	width: 150px;
	height: 24px;
	color: var(--color-white);
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
}

.historylist_order dl {
	/*商品情報*/
	display: flex;
	justify-content: space-between;
	padding: 0 8px;
	margin: 0 0 24px;
}

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

.historylist_order dt {
	/*商品タイトル*/
	order: 2;
	margin: 0 24px 0 0;
	width: calc(100% - 120px);
	animation-fill-mode: forwards;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.historylist_order .item_image {
	/*商品画像*/
    height: auto;
    margin: 0 16px 0 0;
    aspect-ratio: 4 / 3;
    min-width: 120px;
    box-sizing: border-box;
}

.historylist_order .item_image img {
	/*商品画像*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid var(--border-soft);
	box-sizing: border-box;
}

.historylist_order .item_comment {
	order: 3;
	display: flex;
	flex-direction: column;
}

.historylist_order .item_comment p:nth-child(1) {
	margin: 0 0 8px;
}

.historylist_order .item_comment a {
	width: 150px;
	border: 1px solid var(--btn-primary-border);
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	color: var(--btn-primary-color);
}

.historylist_order a.review_url {
	margin: 16px 0 0;
	background: var(--btn-sub);
	color: var(--btn-sub-color);
	border: none;
}

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

.historylist_order_link div {
	margin: 32px auto 48px;
}

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

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

	.historylist h2 {
		margin: 0 0 16px;
	}

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

	.historylist_sortbox {
		justify-content: left;
	}

	.historylist_sortbox select {
		height: 42px;
	}

	.historylist input[type="submit"] {
		height: 42px;
		width: 60px;
	}

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

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

	.historylist_order_header_date,
	.historylist_order_header_total {
		display: flex;
		flex-direction: column;
	}

	.historylist_order_header_detail a {
		width: auto;
		padding: 0 16px;
	}

	.historylist_order dl {
		padding: 0 0 16px;
		flex-wrap: wrap;
	}

	.historylist_order dl:last-child {
		padding: 0 0 16px;
	}

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

	.historylist_order .item_image {
		max-width: 120px;
	}

	.historylist_order .item_comment {
		width: 100%;
		margin: 8px 0 0 auto;
	}

	.historylist_order_header_detail a {
		height: 48px;
	}

	.historylist_order .item_comment p:nth-child(1){
		margin: 0;
	}
	.historylist_order .item_comment a {
		width: 100%;
		height: 48px;
	}

	.historylist_order .item_comment a:nth-child(1){
		margin: 0;
	}

	.historylist_order a.review_url.button_style {
		margin: 32px 0 0;
	}

}

/* =================================================
	history ご注文履歴詳細
================================================= */

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

.history_order_header {
	padding: 8px;
	background-color: var(--bg-order);
	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;
	vertical-align: initial;
}

.history_order_detail_title {
	display: flex;
	justify-content: space-between;
	padding: 8px;
	font-size: 1.4rem;
	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 24px;
	padding: 24px 8px 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 {
	width: 90px;
	height: 100%;
	aspect-ratio: 4 / 3;
	margin: 0 8px 0 0;
	border: 1px solid var(--border-soft);
	box-sizing: border-box;
}

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

.history_order_detail_item_headerWrap_name {
	width: 100%;
	height: 60px;
	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 8px;
	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: 150px;
	text-align: left;
	display: flex;
	justify-content: end;
}

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

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

.history_order_info a {
	text-decoration: underline;
}

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

.history_order_info_list {
	display: flex;
	border-bottom: 1px solid var(--border-light);
	height: 48px;
	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-color-attention);
	color: var(--color-error);
}

/*ホームボタン*/
.history_order_link {
	padding: 40px 0;
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
}

.history_order_link .btn_back a {
	color: var(--color-link);
	margin: 32px 0 0;
}


/*899px以下*/
@media screen and (max-width:899px) {
	.history h2 {
		text-align: left;
	}

	.history_order {
		border: none;
	}

	.history_order_header {
		margin: 0 0 24px;
		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 {
		padding: 32px 0 0;
		margin: 32px 0 0;
		flex-wrap: wrap;
		justify-content: end;
		align-items: center;
	}

	.history_order_detail_item_header {
		width: 100%;
	}

	.history_order_detail_item_headerWrap_name {
		width: calc(100% - 90px);
		margin: 0 0 16px 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;
		color: var(--color-secondary);
	}

	.history_order_detail_item_info_count,
	.history_order_detail_item_info_price,
	.history_order_detail_item_info_price_subtotal {
		display: flex;
		margin: 0px 0 0 16px;
		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:599px) {
	.history_order_detail_option_list_price {
		width: 192px;
	}
}

/* =================================================
	login 会員ログインページ
================================================= */
.login .errormessage {
	margin: 0 0 24px;
}

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

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

.login_wrap form,
.login_wrap_registCard {
	width: calc((100% - 24px)/2);
	height: 100%;
	padding: 48px 48px;
	border: 1px solid var(--border-light);
	border-radius: 10px;
	box-sizing: border-box;
}

.login_wrap_loginCard_message,
.login_wrap_registCard_message {
	margin: 0 0 40px;
}

.login_wrap_loginCard_form_input {
	width: 100%;
	border: 1px solid var(--border-light);
	background-color: var(--bg-white);
}

.login_wrap_loginCard_form_button {
	margin: 34px 0 8px;
}

.login_wrap_registCard_registerbutton a {
	display: block;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--btn-sub);
	color: var(--color-white);
	border-radius: 3px;
}

.login .formbutton a {
	height: 48px;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border: 1px solid var(--border-light);
	border-radius: 3px;
	background-position: 8px 50%;
	justify-content: center;
}

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

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

.reviewform_item_image {
	height: auto;
	aspect-ratio: 4 / 3;
	min-width: 120px;
	max-width: 120px;
	border: 1px solid var(--border-soft);
}

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

.reviewform_main {
	margin: 0 0 80px;
}

.reviewform_mainWrap {
	margin: 0 0 24px;
}

.reviewform_mainWrap .list_title span {
	color: var(--color-error);
}

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

.reviewform_mainWrap_input textarea {
	height: 200px;
}

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

.formbutton input.btn_main {
	margin: 0 0 46px;
	height: 48px;
	width: 100%;
}

/* =================================================
	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_sub,
.review_finish_wrap_btn_back {
	margin: 0 0 56px;
}

.review_finish_button {
	padding: 0 0 48px;
}

@media screen and (max-width:599px){
	.review_finish_wrap_message {
		margin: 0 0 40px;
	}
}
/* =================================================
	reviewlist レビュー一覧(みんなのレビュー)
================================================= */

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

.reviewlist_itemWrap_item_image {
	height: 90px;
	aspect-ratio: 4 / 3;
	margin: 0 16px 0 0;
}

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

.reviewlist_itemWrap_item_info {
	width: calc(100% - 140px);
	display: flex;
	justify-content: space-between;
}

.reviewlist_itemWrap_item_info_contents {
	width: 70%;
	margin: 0 24px 0 0;
}

.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_selectcart {
	min-width: 200px;
}

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

.reviewlist_itemWrap_item_info_contents_option_stock b {
	font-weight: initial;
}

.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: 2.4px;
	border: 1px solid var(--border-main);
	border-radius: 3px;
}

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

.reviewlist_itemWrap_item_info_contents_option_type select {
	width: 100%;
	height: 48px;
	padding: 0 40px 0 8px;
}

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

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

.reviewlist_itemWrap_item_info_contents_option {
	margin: 0 0 24px;
}

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

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

.reviewlist_main_card_header_wrap {
	width: calc(100% - 210px);
}

.reviewlist_main_card_header_wrap_title {
	font-weight: bold;
}

.reviewlist_main_card_header_info {
	display: flex;
	justify-content: flex-end;
}

.reviewlist_main_card_header_info li {
	color: var(--color-secondary);
	font-size: 1.2rem;
}

.reviewlist_main_card_header_info li:first-child {
	margin: 0 16px 0 0;
}

.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_primary {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

@media screen and (max-width:899px) {
	.reviewlist h2 {
		text-align: left;
	}

	.reviewlist_itemWrap_item_info {
		display: block;
	}

	.reviewlist_itemWrap_item_info_contents {
		width: 100%;
	}

	.reviewlist_itemWrap_item_info_contents_option {
		margin: 0 0 24px;
	}

	.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_main_card_header {
		flex-wrap: wrap;
	}

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

@media screen and (max-width:599px) {
	.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;
		display: block;
	}
}

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

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

.stockout_page_wrap_img {
	margin: 0 0 16px;
}

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

/* =================================================
	pagetop トップへのボタン
================================================= */
.pagetop {
	height: 50px;
	width: 50px;
	position: fixed;
	right: 0;
	bottom: 254px;
	background: var(--bg-main);
	border: solid 1px var(--border-soft);
	display: none;
	box-shadow: 0px 5px 5px 0px rgb(244 244 244 / 33%);
	justify-content: center;
	align-items: center;
	z-index: 2;
	cursor: pointer;
	background-image: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_arrow-top.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
	opacity: 0.85;
}

@media screen and (max-width: 899px) {
	.pagetop {
		bottom: 30px;
	}
}


/* =================================================
	auction　オークション関係のぺージ
================================================= */
/*商品一覧　－　オークション商品*/
.current_price {
    font-weight: bold;
}

.item_list_auction_priceAbout p{
    font-size: 16px;
    display: inline;
}

.item_list_auction_wrap {
    margin: 8px 0 0;
    border-top: 1px solid var(--btn-main-bg);
    border-bottom: 1px solid var(--btn-main-bg);
    padding: 0 0 4px;
}

.item_list_auction_priceTitle {
    background: var(--btn-main-bg);
    display: inline-block;
    padding: 2px;
    font-size: 1.1rem;
    color: var(--color-white);
}

.is_ongoing_auction {
    padding: 8px 0 0;
}

.is_ongoing_auction p {
    color:var(--color-secondary);
    font-size: 1.2rem;
}

.auction_item_submit .btn_submit_cart{
    margin: 32px 0 0;
}

/*商品詳細　－　オークション商品*/
.auction_item_comment .item_price,
.item_price_priority {
    display: flex;
	align-items: center;
}

.auction_item_submit {
    margin: 0 0 48px;
}

.auction_item_submit .content_attention{
	margin: 24px 0 0 0;
}

.is_off_auction.errormessage{
    margin: 0 auto 16px;
}

.auction_item_submit .errormessage a {
    color: var(--color-main);
    text-decoration: underline;
}

.item_price_priority {
    padding: 12px 0;
    margin: 0 0 24px;
}

.auction_item_comment dl.item_price {
    width: 100%;
}

.auction_item_comment .item_price dd {
    font-size: 20px;
}

.auction_item_comment .item_price dt,
.item_price_priority_title {
    min-width: 90px;
}

.auction_item_comment .item_delivery {
    padding: 24px 0;
    display: flex;
    margin: 0;
}

.auction_item_comment .item_price_priority_title{
    margin: 0 !important;
    padding: 8px 0;
}

.item_top_bidder{
    margin: 0 0 24px;
    font-weight: bold;
    position: relative;
    padding: 24px 36px 24px 56px;
    border: 1px solid var(--color-point);
}

.item_top_bidder:before{
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-point);
}

.item_top_bidder:after{
    content: '';
    position: absolute;
    left: 25px;
    top: calc(50% - 1px);
    transform: translateY(-50%) rotate(45deg);
    width: 5px;
    height: 9px;
    border: 1px solid var(--border-color-white);
    border-width: 0px 2px 2px 0;
}

.item_price_priority_about {
    font-weight: bold;
}

.bin_price {
    font-weight: normal;
}

.is_canceled_title{
	margin: 0 0 8px;
}
.auction_item_submit form {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.auction_item_submit input[type="number"] {
	height: 52px;
    width: calc(100% - 28px);
    padding: 4px;
    margin: 0 10px 0 0;
	box-sizing: border-box;
    background: var(--bg-color-input_texterea);
}

.auction_item_submit span{
    font-size: 16px;
}

.is_off_auction p{
	font-size: 13px;
}

#itemdetail_category {
    margin: 40px 0 16px;
}


@media screen and (max-width:1040px) {
	.item_detail_wrap_content{
		max-width: 100%;
	}
	.item_detail_wrap_gallery {
		width: 100%;
		margin: 0 0 8px 0;
	}

	.gallery_choice-btn {
		display: none !important;
	}

	.review_average_score {
		display: block;
	}

    .is_off_auction{
        margin: 24px 0 0 auto;
    }
}

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

	/*画面サイズ580px以下*/
	.review_average {
		flex-wrap: wrap;
	}

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

/* オークション - 入札確認 */
.auction_bid_wrap {
    display: flex;
	justify-content: space-between;
}

.auction_bid_wrap_itemName {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 16px;
    padding: 0 16px 0 0;
}

.auction_bid_wrap_itemImage {
    height: 236px;
    max-width: 100%;
    margin: 0 auto 24px;
    border: 1px solid var(--bg-item_gallery);
    aspect-ratio: 4 / 3;
}

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

.auction_bid_about {
    width: 50%;
}

.auction_bid_price {
    width: 50%;
    max-width: calc(100% - 270px);
    padding: 0 0 0 16px;
    margin: 0 0 0 16px;
    box-sizing: border-box;
}

.auction_bid_price dl dt:first-child {
    margin: 0;
}

.auction_bid_price dt {
    margin: 16px 0 0;
}

.auction_bid_price dd {
    text-align: right;
    border-bottom: 1px solid #ccc;
    padding: 0 0 16px 0;
    font-size: 24px;
}

.auction_bid_price dd span {
    font-size: 14px;
}

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

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

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

@media screen and (max-width:580px){
	.auction_bid_wrap {
        display: block;
    }
    .auction_bid_price,
    .auction_bid_about {
        width: 100%;
    }
    .auction_bid_wrap_itemImage{
        margin: 0 auto 40px;
    }
    .auction_bid_price {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 0 80px;
    }
    .auction_bid_about_back {
        text-align: center;
        margin: 0 0 32px;
    }
}

/*オークション - 入札完了*/
.auction_bid_comp {
    padding: 40px 0;
    text-align: center;
}

.auction_bid_comp_text {
    margin: 0 0 80px;
}

.auction_bid_comp_title,
.sended_comp_title {
    font-size: 24px;
    margin: 48px 0 40px 0;
    padding: 40px 0 0 0;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.auction_bid_comp_title::before,
.sended_comp_title::before{
    content: '';
    position: absolute;
    left: calc(50% - 20px);
    top: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color-accent);
}

.auction_bid_comp_title::after,
.sended_comp_title::after{
    content: '';
    position: absolute;
    left: calc(50% - 4px);
    top: -2px;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 16px;
    border: 1px solid #ffffff;
    border-width: 0px 2px 2px 0;
}

.payment_incomplete {
    line-height: 2;
}

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

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

.auction_bid_comp_text span{
	font-weight: bold;
}


/*オークション - 落札完了*/
.auction_successful_img {
    width: 40px;
    height: 40px;
    background: var(--bg-accent);
    border-radius: 25px;
    margin: 0 auto 40px;
    position: relative;
}

.icon_auction_successful_img-l svg{
position: absolute;
    width: 46px;
    height: 46px;
    right: 66px;
    top: -4px;
}

.icon_auction_successful_img-r svg{
    position: absolute;
    width: 56px;
    height: 56px;
    left: 64px;
    top: -9px;
}

.icon_auc_ful {
    fill: var(--bg-accent);
}

.auction_successful_img::before {
    content: '';
    position: absolute;
    left: calc(50% - 4px);
    top: 16px;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 16px;
    border: 2px solid #ffffff;
    border-width: 0px 2px 2px 0;
}

.auction_successful_title {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 8px;
    text-align: center;
}

.auction_successful_text {
    text-align: center;
}

.auction_bid_comp_btn {
    text-align: center;
    margin: 0 auto 24px;
    max-width: 550px;
    width: 100%;
    height: 52px;
    margin: 40px auto 0;
    background: var(--btn-modify-bg);
    border-radius: 3px;
    border: none;
}

.auction_bid_comp_btn a {
    font-size: 1.4rem;
    color: var(--btn-sub-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/*オークション - ログイン（落札者認証）*/

#auction_login .list {
    width: 100%;
    margin: 0 0 16px;
}

#auction_login tr {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px;
}

#auction_login th {
    width: auto;
    display: inline-flex;
    font-weight: bold;
    margin: 0 0 4px;
}

#auction_login input {
    width: 100%;
}

#auction_login .pw_reisue a {
    display: inline;
    font-size: 1.4rem;
    text-decoration: underline;
}

#auction_login td input {
    border: 1px solid var(--border-main);
    background-color: var(--bg-white);
    height: 48px;
}

/*落札者情報入力*/
#regi_auction .goto_cart .goto_cart_next{
    margin: 0;
}
#regi_auction_checkout .checkout_cartConfirm_userinfo_contentsList_title,
#regi_auction_checkout .list_content {
    display: flex;
    align-items: center;
}
#regi_auction_checkout .checkout_cartConfirm_userinfo_contentsList_title{
    margin: 0;
}


#regi_auction_checkout .checkout_cartConfirm_main_wrap {
    border: 1px solid var(--border-color-gray-light);
    margin: 0 0 56px;
}
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents {
    padding: 16px 0;
}

#regi_auction_checkout .checkout_cartConfirm_main_wrap_total,
#regi_auction_checkout .checkout_cartConfirm_main_wrap_option {
    margin: 0;
    padding: 24px 0;
}

#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_name {
    width: 50%;
    padding: 0px 8px 0 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card {
    width: 50%;
    justify-content: space-between;
}

#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_orde {
    width: 20%;
    padding: 8px;
    text-align: center;
}

#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_price {
    width: 20%;
    padding: 0;
    text-align: right;
}

#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_subtotal {
    width: 40%;
    text-align: end;
}

@media screen and (max-width:899px){
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents{
        display: block;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_name {
        width: 100%;
        padding: 0;
        display: block;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_name,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card {
        justify-content: space-between;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card{
        width: 100%;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_orde {
        width: auto;
        padding: 8px 0;
        text-align: center;
    }
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_subtotal{
        width: auto;
    }
}

@media screen and (max-width:750px){
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_name {
        width: 100%;
        margin: 0 0 16px;
        padding: 0;
    }
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card{
        width: 50%;
        justify-content: end;
    }
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_orde {
        width: auto;
        padding: 0;
    }
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_orde{
        padding: 8px 0;
    }
}

@media screen and (max-width:599px){
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_option,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_total{
        padding: 16px 0;
    }
    .checkout_cartConfirm_main_wrap_contents_card_subtotal {
        width: auto;
    }
}

/*auction共通*/
#auction_bid .errormessage,
#auction_login .errormessage{
    max-width: 100%;
    width: 100%;
}

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