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

/* =================================================
	=version 3.3=
	=Index=
	Default settings
		Reset
		Element
		color
		Hyper text
		Headline
		pager
	Layout
	Maintenance
	Header
	sidemenu
	Topic path (pankuzu)
	main
		comment_header comment_footer
		shopinfo_page_top
		shopinfo_page
		itemlist_page
		user_page
		newitem_page
		recommend_page
		hotitem_page
		itemdetail_page
		subscription_page
		specific_transaction_page
		inquiry_page
		login_page
		pwreissue_page
		membersinfo_page
		members_withdraw
		members_signup
		checkcart_page
		checkout_page
		complete_order
		historylist
		history
		login
		reviewform
		review_finish
		reviewlist
		stockout_page
================================================= */

/* =================================================
	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 {
	padding: 8px;
	height: 52px;
	box-sizing: border-box;
	border: 1px solid var(--border-form-color-gray);
	border-radius: 0;
}

fieldset {
	border: none;
}

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

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

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

/* =================================================
	color変数 色の調整をまとめて行うことができます
================================================= */
:root {
	--color-main: #483c3c;
	/* 本文用 通常文章の文字色として使用 */
	--color-primary: #212020;
	/* 濃い目の文字色 タイトルや目立たせたい文字に使用*/
	--color-secondary: #878282;
	/* 薄い文字色  注意書きや控えめに魅せたい文字に使用*/
	--color-link: #878282;
	/* 薄い文字色 リンク色や目立たせたい文字に使用*/
	--color-icon: #c2b6b6;
	/* 薄い文字色 リンク色や目立たせたい文字に使用*/
	--color-sale: #d73c3c;
	/* セール・SOLD OUT価格の文字色 */
	--color-error: #dc4242;
	/* エラー用文字色 */
	--color-point: #dc6464;
	/* ※印や、注釈等の文字色*/
	--color-white: #fff;
	/* 白抜き用・白い文字色*/

	--bg-color-main: #fff;
	/* 画面全体の背景色 */
	--bg-color-mainwrap: #fff;
	/* contentsの背景色 */
	--bg-color-mainVisual: #f7f7f7;
	/* TOPページショップ名の背景色 */
	--bg-color-dark: #333;
	/* 濃い部分の背景色 */
	--bg-color-gray: #f7f7f7;
	/* 薄い背景色 */
	--bg-color-member: #FFECEC;
	/* エラー用枠線色 */
	--bg-color-input_texterea: #f7f7f7;
	/* インプット内の背景色 */
	--bg-color-attention: #ffe5e5;
	/* エラー用枠線色 */
	--bg-item_gallery: #3330;
	/* 商品詳細の選択されていない商品にかかる色 */
    --bg-accent: #dc4242;
	/* accent用文字色 */
    --bg-disabled: #bababa;
	/* disabled用文字色 */

	--border-color-sale: #dc9b9b;
	/* セール・SOLD OUT価格の枠線 */
	--border-color-member: #dc4242;
	/* 会員限定商品の枠線 */
	--border-color-error: #dc6464;
	/* エラー用枠線色 */
	--border-color-white: #fff;
	/*白背景*/
	--border-color-dark: #121212;
	/*hover時の枠線など、一番濃い色*/
	--border-color-soft: #f7f7f7;
	/* 柔らかく薄い枠線色 */
	--border-color-gray-dark: #878282;
	/* 濃いグレーの枠線色 */
	--border-color-gray-light: #d9d9d9;
	/* 薄いグレーの枠線色 */
	--border-color-area-gray: #d9d9d9;
	/* 大きなエリアを囲う薄いグレーの枠線色 */
	--border-form-color-gray: #878282;
	/* textarea用濃いグレーの枠線色 */
	--border-form-color-gray-light: #d9d9d9;
	/* textarea用明るいグレーの枠線色 */

	--btn-color-main: #483c3c;
	/* 濃いボタンの色 */
	--btn-color-sub: #878282;
	/* 薄いボタンの色 */
	--btn-border-color-main: #878282;
	/* 濃い枠線ボタンの色 */
	--btn-border-color-sub: #d9d9d9;
	/* 薄い枠線ボタンの色 */
	--btn-color-setting: #878282;
	/* 設定・ページャー用背景色 */

	--cart-check-on: #483c3c;
	/* カート内ステップバーの濃い部分の配色 */
	--cart-check-off: #d9d9d9;
	/* カート内ステップバーの薄い部分の配色 */
	--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: 1px solid var(--border-form-color-gray);
	border-radius: 3px;
	box-sizing: border-box;
}

.hover-border_bottom:hover {
	border-bottom: 1px solid var(--border-form-color-gray);
	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;
}

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

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

h1 {
	font-size: 3.2rem;
}

h2 {
	font-size: 2.4rem;
	font-weight: bold;
	color: var(--color-primary);
	margin: 0 0 40px;
}

/* 太文字 */
h3 {
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--color-primary);
}

h4 {
	font-size: 1.6rem;
	color: var(--color-main);
}

h5 {
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--color-primary);
}

h6 {
	font-size: 1.3rem;
	font-weight: normal;
}

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

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-color-main);
	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_main_lg {
	width: 100%;
	display: block;
	background: var(--btn-color-main);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	font-weight: normal;
	font-size: 1.4rem;
}

.btn_modify {
	width: 100%;
	height: 52px;
	background: none;
	border: none;
	color: var(--color-secondary) !important;
	box-sizing: border-box;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
}

.btn_previous,
.btn_border {
	width: 100%;
	background: none;
	border: 1px solid var(--border-color-gray-light);
	border-radius: 3px;
	color: var(--color-main);
	font-size: 1.4rem;
	box-sizing: border-box;
	text-align: center;
}

.btn_border {
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn_previous:hover,
.btn_border:hover {
	opacity: 0.85;
}

.btn_setting{
	width: 64px;
    height: 40px;
    font-size: 1.4rem;
    border: none;
    border-radius: 3px;
    color: var(--color-white);
    background: var(--btn-color-setting);
}

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

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

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

.common_message {
	padding: 24px 16px;
	background: var(--bg-color-gray);
	box-sizing: border-box;
}

.common_message:empty {
	display: none;
}

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

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

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

.area_border {
	padding: 56px 40px;
	border: 1px solid var(--border-color-area-gray);
	border-radius: 10px;
	box-shadow: 0px 0px 10px 2px rgb(135 130 130 / 11%);
	box-sizing: border-box;
}

.area_border_xs {
	margin: 0 auto;
	padding: 40px 24px;
	border: 1px solid var(--border-color-area-gray);
	border-radius: 10px;
	box-shadow: 0px 0px 10px 2px rgb(135 130 130 / 11%);
}

.area_border_sm {
	max-width: 750px;
	margin: 0 auto;
	padding: 40px;
	border: 1px solid var(--border-color-area-gray);
	border-radius: 10px;
	box-shadow: 0px 0px 10px 2px rgb(135 130 130 / 11%);
}

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

.form_input {
	width: 100%;
}

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

	/*画面サイズ1040px以下*/
	.header h1 {
		width: 100%;
		font-size: 1.8rem;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 0 0 60px;
	}

	.header .header_main_title h1 {
		/*topページのみ*/
		margin: 0;
		justify-content: center;
		padding: 0;
	}

	.header_subpage h1 a {
		height: initial;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		line-height: 1.1;
		overflow-wrap: anywhere;
		font-weight: bold;
	}

	h2.contents_title {
		text-align: left;
	}

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

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

@media screen and (max-width:750px) {
	/*画面横幅750px 以下　タブレットサイズ*/
	.header_subpage h1 {
		font-size: 1.4rem;
		font-weight: normal;
		width: 100%;
	}
}

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

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

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

.pager_number :last-child {
	border-left: none;
}

.pager_number :first-child {
	border: 1px solid var(--border-color-gray-dark);
}

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

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

.pager_number span,
.pager_number a {
	width: 50px;
	height: 50px;
	border-top: 1px solid var(--border-color-gray-dark);
	border-bottom: 1px solid var(--border-color-gray-dark);
	border-right: 1px solid var(--border-color-gray-dark);
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

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

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

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

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

.header {
	margin: 0 auto;
}

.drawermenu-btn {
	display: none;
}

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

.header_subpage {
	max-width: 1176px;
	margin: 0 auto 48px;
	padding: 24px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

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

.is-open {
	display: none;
}

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

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

#main {
	max-width: 1176px;
	margin: 0 auto 16px;
    box-sizing: border-box;
    padding: 16px 32px;
    background: var(--bg-color-mainwrap);
}

#main_nav {
	margin: 0 0 32px;
	border-bottom: 1px solid var(--border-color-gray-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;
}

.sidemenu {
	max-width: 232px;
	min-width: 232px;
	padding: 0 48px 0 0;
}

.list_wrap {
	display: flex;
}

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

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

.sidemenu-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: calc(100% - 280px);
	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;
	border-top: 1px solid var(--border-color-gray-light);
}

.footerWrap {
	max-width: 1176px;
	margin: 0 auto;
	padding: 80px 0 40px;
	display: flex;
	justify-content: space-between;
}

.footerWrap_title {
    max-width: 50%;
}

.footerWrap_title h1{
	font-weight: normal;
}

.footerWrap .footerWrap_link {
    text-align: end;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

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

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

	/*画面サイズ1040px以下*/
	#main {
		padding: 0;
	}
	#main_contents {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}
	.header .drawermenu-btn {
		position: absolute;
		display: block;
		left: 8px;
		width: 40px;
		height: 52px;
		background: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_drawer-sp.svg") no-repeat center center;
	}
	.header_subpage {
		padding: 0;
		border-bottom: 1px solid var(--border-color-gray-light);
		box-shadow: 0px 5px 5px 0px rgb(244 244 244 / 33%);
	}
	.sidemenu {
		display: none;
	}
	.sidemenu-sp {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100%;
		overflow: auto;
		background: rgba(0, 0, 0, 0.2588235294);
	}

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

	#mainImage {
		width: 100%;
		height: 40vh;
	}

	.login_error_message{
		display:block;
	}

	.user_cntent img {
		width: 100%;
	}

	.list_wrap {
		flex-wrap: wrap;
	}

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

	.list_content {
		width: 100%;
		;
	}

	.is-open {
		display: block;
	}

	.drawer-nav-body {
		position: fixed;
		top: 0;
		left: 0;
		padding: 40px 15px 80px;
		background: var(--border-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 ul h3 {
		margin: 0 0 16px;
	}

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

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

	.drawer-nav-body .search form .submit {
	box-sizing: border-box;
	width: 52px;
	height: 52px;
	background-color: var(--btn-color-main);
	background-image: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_search.svg");
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 0px 3px 3px 0;
	border: none;
	cursor: pointer;
	}

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

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

	#main_nav {
		display: none;
	}

	#footer {
		padding: 0 16px;
	}

	.footerWrap {
		flex-wrap: wrap;
		flex-direction: column;
		padding: 24px 0;
	}
    .footerWrap_title{
        max-width: 100%;
    }

	.footerWrap h1 {
		padding: 0;
		margin: 0 0 16px;
		width: auto;
		display: inline-block;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.footerWrap_link {
		margin: 0;
	}

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

	.footerWrap_linkList_contents {
		width: 100%;
		text-align: left;
		display: flex;
		align-items: center;
		height: 52px;
		margin: 0;
	}

	.footer_copy {
		text-align: center;
	}
}

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

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

.maintenance_wrap_body_usermessage:empty {
	display: none;
}

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

	/*画面サイズ1040px以下*/
	.maintenance {
		padding: 0 24px;
		margin: 0px auto 180px;
		height: 10vh;
	}

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

/* =================================================
	Header
================================================= */
/*メインビジュアルなしでストア名前が中心*/
.header_cart {
	max-width: 1176px;
	margin: 0 auto;
	padding: 24px;
	display: flex;
	justify-content: flex-end;
	position: relative;
}

.header_main_title {
	width: 100%;
	height: auto;
	min-height: 30vh;
	padding: 40px 20px;
	text-align: center;
	display: flex;
	align-items: center;
	background: var(--bg-color-mainVisual);
	box-sizing: border-box;
}

.header_main_title h1 {
	font-size: 4rem;
}

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

.header h1 {
	font-weight: normal;
	margin: 0 auto;
}

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

.header .header_toppage .search-sp {
	display: none;
}

.header_subpage h1 {
	margin: 0 32px 0 0;
}

.header_subpage_menu {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 0 32px 0 0;
	align-items: center;
	min-width: 320px;
}

.header_subpage_menulist {
	margin: 0 0 0 32px;
}

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

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

.path01 {/*カートアイコンの色*/
    fill: var(--color-primary);
}
.cartcheck{
	background: var(--border-color-white);
	border-radius: 3px;
	position: relative;
}
.cartcheck a {
	height: 52px;
	min-width: 178px;
	box-sizing: border-box;
	padding: 0 8px 0 40px;
	display: flex;
	align-items: center;
	border: 1px solid var(--border-color-gray-light);
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: 8px 50%;
}

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

	/*画面サイズ1040px以下*/
	.header_cart {
		padding: 0;
	}
	.header_main_title{
		margin: 0 0 32px;
	}
	.header_main_title h1 {
		min-width: auto;
	}

	.header_subpage h1 {
		margin: 0 auto;
		width: 500px;
	}

	.header_subpage_menu {
		display: none;
	}

	.header_wrap {
		display: flex;
		justify-content: flex-end;
		min-width: auto;
	}

	.cartcheck {
		min-width: auto;
	}

	.cartcheck a {
		height: 52px;
		width: 52px;
		border: none;
		min-width: 52px;
		padding: 0;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}

	.cartcheck span {
		display: none;
	}
}

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

	/*画面横幅750px 以下 タブレットサイズ*/
	.header h1 img {
		/*ショップ名が画像だった場合*/
		height: 24px;
	}
}

/* =================================================
	sidemenu
================================================= */
.sidemenu h3 {
	margin: 0 0 16px;
}

/*search 検索*/
.sidemenu_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-color-input_texterea);
}

.search .submit {
	box-sizing: border-box;
	width: 52px;
	height: 52px;
	background-color: var(--btn-color-main);
	background-image: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_search.svg");
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 0px 3px 3px 0;
	border: none;
	cursor: pointer;
}

/*login signup ログイン・新規登録*/
.login_form input {
	width: 100%;
	border: 1px solid var(--border-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

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

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

.login_message {
	margin: 0 0 16px;
}

.login_message span {
	font-weight: bold;
}

.sidemenu_signup {
	width: 100%;
}

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

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

.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_massage {
	margin-bottom: 8px;
}

.login_on_point {
	padding: 16px;
	background-color: var(--bg-color-gray);
	color: var(--color-secondary);
}

.login_on_list_userinfo {
	margin: 0 0 16px;
}

.login_on_list_item {
	width: fit-content;
	display: flex;
	border-bottom: 1px solid transparent;
}

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

.login_on form input {
	border: none;
	background: none;
	text-align: left;
	padding: 0;
	height: 52px;
	color: var(--color-secondary);
	font-size: 1.4rem;
	font-weight: normal;
	border-bottom: 1px solid transparent;
}

/*calendar カレンダー*/
.plg_calendar {
    display: flex;
    flex-wrap: wrap;
}
.calender_wrap {
    min-width: 100%;
    margin: 0 24px 16px 0;
}
.calendar_header {
    font-size: 14px;
    margin: 0 0 8px;
}
.calender_title {
    font-weight: bold;
    margin: 0px 0 4px;
}
.calender_contents table {
    width: 100%;
}
.calender_contents th {
    font-weight: bold;
    padding: 0 0 6px;
	font-size: 11px;
}
.calender_contents table td {
    font-size: 11px;
    padding: 8px 0;
	border-radius: 2px;
}
.other_month {
    opacity: 0.3;
}
.calendar_footer {
    margin: 0 0 16px;
    width: 100%;
}
.plg_calendar th,
.plg_calendar td {
    padding: 0;
    text-align: center;
}

/*Category カテゴリ*/
.category_tabs a {
	width: fit-content;
	display: flex;
	padding-bottom: 16px;
	align-items: center;
	border-bottom: 1px solid transparent;
	box-sizing: border-box;
}
a.category_main {
	padding-top: 16px;
}
.category_sub {
	position: relative;
	margin: 0 0 0 16px;
	padding-left: 16px;
}
.category_sub:before {
	position: absolute;
	content: "";
	width: 16px;
	background: var(--border-color-gray-dark);
	height: 1px;
	top: 10px;
	left: 0;
}


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

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

/*plg_externalrssd -ブログ連携 新着記事*/

.plg_externalrssd h3 {
    margin: 0 0 8px;
}
.plg_externalrssd_warp {
    padding: 16px 8px;
    border: 1px solid #e6e6e6;
}
.plg_externalrssd_title_wrap {
    margin: 0px 0 8px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 8px;
    background: #fff;
}
.plg_externalrssd_title a {
    text-decoration: none;
    font-weight: bold;
}
.plg_externalrssd_dateLink {
    margin: 0 0 24px;
}
.plg_externalrssd_dateLink:last-child {
    margin: 0;
}

/*inquiry お問い合わせ*/
.sidemenu_inquiry {
	width: 100%;
}

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

@media screen and (max-width:1040px) {
	.pw_reisue {
		margin: 24px 0 32px 0;
	}

	.pw_reisue a {
		color: var(--color-link);
		font-size: 1.4rem;
		width: 100%;
		display: block;
		border-bottom: 1px solid transparent;
	}

	.login_on_list_item,
	.category_tabs a,
	.sidemenu_menu li,
	.sidemenu_menu li a {
		width: 100%;
	}

	.login_on_list_item a,
	.login_on form input {
		display: flex;
		align-items: center;
		width: 100%;
	}
}

@media screen and (max-width:580px) {
	.shopinfo_page_list a {
		display: block;
	}
}

/* =================================================
	topic_path パン屑リスト
================================================= */
#topic_path {
	margin: 0 0 48px;
}

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

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

#topic_path ul li a {
	margin: 0 10px 0 0;
}
@media screen and (max-width:1040px) {
	#topic_path {
		margin: 0 0 24px;
	}
}

/* =================================================
	ain contents
================================================= */
/* =================================================
	comment_header comment_footer
================================================= */
.comment_header {
	margin: 0 0 40px;
	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);
}

.infoall {
	text-align: end;
	font-size: 1.2rem;
}

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

/* =================================================
	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-form-color-gray-light);
}

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

.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;
}
/* =================================================
	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;
	margin: 0 0 24px;
}

.itemlist_headerWrap h3 {
	margin: 0;
}

.itemlist_header_sortbox_list {
	display: flex;
}

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

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

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

.itemlist_main_card {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 40px;
}

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

.itemlist_main_card_item {
	width: calc((100% - 60px)/4);
	margin: 0 20px 40px 0;
	box-sizing: border-box;
	position: relative;
}

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

/*商品画像*/
.itemlist_main_cardItem_image {
	position: relative;
	width: 100%;
	margin: 0 0 8px;
	border: 1px solid var(--border-color-soft);
    box-sizing: border-box;
}

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

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

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


/*商品情報*/
.itemlist_main_cardItem_detail_name {
	margin: 0 0 4px 0;
	height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

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

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

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

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

.item_soldout_label_text,
.item_price_member_text {
	color: var(--color-sale);
	font-size: 1.3rem;
}

.sale_text {
	display: inline-block;
	background: var(--color-sale);
	padding: 2px 4px;
	color: var(--color-white);
}

.limited_icon{/*会員限定商品*/
	color: var(--color-sale);
    border: 1px solid var(--border-color-member);
	height: 20px;
    padding: 0 5px;
    margin: 4px 0 0;
    font-size: 1.3rem;
    display: inline-block;
    border-radius: 25px;
}

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

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

/*オークション商品*/
.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-color-main);
    border-bottom: 1px solid var(--btn-color-main);
    padding: 0 0 4px;
}

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

.is_ongoing_auction {
    padding: 8px 0 0;
}

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

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

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

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

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

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

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

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

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

	.itemlist_header_sort {
		width: 100%;
	}

	.itemlist_header_sortbox_list {
		border-bottom: 1px solid var(--border-color-gray-light);
		padding: 0 0 8px;
		display: flex;
		justify-content: space-around;
		width: 100%;
	}

	.itemlist_header_sortbox_listItem {
		margin: 0;
	}

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

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

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

	.itemlist_main_card_item:nth-child(2n) {
		margin: 0;
	}
}

/* =================================================
	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-color-gray-light);
}

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

@media screen and (max-width:1040px) {
	.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-color-gray-light);
}

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

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

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

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

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

.newitem_list_cardItem,
.recommenditem_list_cardItem,
.hotitem_list_cardItem {
	min-width: calc((100% - 80px)/6);
	width: calc((100% - 80px)/6);
	box-sizing: border-box;
	margin: 0px 16px 0 0;
}

.newitem_list_cardItem:nth-child(6n) {
	margin: 0;
}

.recommenditem_list_cardItem:nth-child(6n) {
	margin: 0;
}

.hotitem_list_cardItem:nth-child(6n) {
	margin: 0;
}

.newitem_list_cardItem:after {
	content: "";
	display: block;
	width: calc((100% - 225px)/6);
	height: 0;
}

.recommenditem_list_cardItem:after {
	content: "";
	display: block;
	width: calc((100% - 225px)/6);
	height: 0;
}

.hotitem_list_cardItem:after {
	content: "";
	display: block;
	width: calc((100% - 225px)/6);
	height: 0;
}

.newitem_list_cardItem_image,
.recommenditem_list_cardItem_image,
.hotitem_list_cardItem_image {
	position: relative;
	width: 100%;
	margin: 0 0 8px;
	border: 1px solid var(--border-color-soft);
    box-sizing: border-box;
}

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

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

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

.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-color-soft);
    box-sizing: border-box;
}

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

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

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

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

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

	/*画面サイズ750pxタブレット用*/
	#newitem_page h3,
	#recommend_page h3,
	#hotitem_page h3 {
		text-align: center;
		margin: 0 0 32px;
	}

	.newitem_list_card,
	.recommenditem_list_card,
	.hotitem_list_card {
		display: flex;
		flex-wrap: wrap;
	}

	.newitem_list_cardItem,
	.recommenditem_list_cardItem,
	.hotitem_list_cardItem {
		width: calc((100% - 32px)/3);
		margin: 0px 16px 16px 0;
	}

	.newitem_list_cardItem:nth-child(3n) {
		margin-right: 0;
	}

	.recommenditem_list_cardItem:nth-child(3n) {
		margin-right: 0;
	}

	.hotitem_list_cardItem:nth-child(3n) {
		margin-right: 0;
	}
}

/* =================================================
	itemdetail_page 商品詳細
================================================= */

.item_detail_wrap {
	display: flex;
	justify-content: space-between;
	margin: 0 0 80px;
	align-items: flex-start;
}

/*シークレット商品ｐｗ入力表示画面*/
.itemdetail_secret {
    border: 1px solid #ccc;
}
.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%;
    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:580px){
	.itemdetail_secret form {
		padding: 16px;
	}
}

/*商品画像*/
/*==================
スライダーのためのcss
====================*/
.item_detail_wrap_gallery {
	min-width: 400px;
    margin: 0 40px 0 0;
	border: 1px solid var(--border-color-soft);
    box-sizing: border-box;
}

.no_photo {
	width: 100%;
}

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

.gallery_img img {
	height: 50vh;
	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;
	height: 80px;
}

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

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

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

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

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

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

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

/*商品説明*/
.item_detail_wrap_content {
    min-width: 340px;
	max-width: 450px;
	width: 100%;
}

.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: 3.2rem;
}

.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 {
	width: 100%;
	border-radius: 3px;
}

.item_detail_wrap_content_product_count {
	margin: 0 0 32px;
}

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

.item_detail_wrap_content_product_submit {
	margin: 0 0 16px;
}

.item_detail_wrap_content_product_arrival_notice {
	margin: 0 0 16px;
}

.before_sale_wrap {/*販売期間の表示*/
    margin: 0 0 40px;
    padding: 16px;
    border: 1px solid var(--border-color-gray-light);
}
.before_sale_wrap_comment {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 16px;
}

.btn_arrival_notice {
	width: 100%;
	display: flex;
	height: 52px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-color-area-gray);
	border-radius: 3px;
	box-sizing: border-box;
	margin: 0 0 16px;
}

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

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

.social {
	margin: 0 0 24px;
}

.social_buttons {
	display: flex;
}

.comment1 {
	margin: 0 0 16px;
}

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

.comment1 a,
.comment2 a {
	text-decoration: underline;
}
.item_delivery{
	margin: 32px 0 32px;
    display: flex;
}
.item_delivery_attention{
	font-size: 1.2rem;
    color: var(--color-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: 16px 16px 24px;
    border: 1px solid #ccc;
}

.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 li{
	display: flex;
}
.total_subtitle {
    min-width: 80px;
}
.itemdetail_subscription_title{
    text-align: left;
    background: var(--border-color-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-color-main);
    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_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-color-gray-light);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	padding: 0 10px 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;
}

.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 .itemdetail_category{
    margin: 40px 0 16px;
}

.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_price_priority_about {
    font-weight: bold;
}

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

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

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

/*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_card,
.buyers_checked_list_card {
	display: flex;
	margin: 0 0 24px;
	overflow: hidden;
	height: auto;
}

.buyers_bought_list_cardItem,
.buyers_checked_list_cardItem {
	min-width: calc((100% - 80px)/6);
	width: calc((100% - 80px)/6);
	box-sizing: border-box;
	margin: 0px 16px 0 0;
}

.buyers_bought_list_cardItem :nth-child(n6) {
	margin-right: 0;
}

.buyers_checked_list_cardItem :nth-child(n6) {
	margin-right: 0;
}

.buyers_bought_list_card:after {
	content: "";
	display: block;
	width: calc((100% - 225px)/6);
	height: 0;
}

.buyers_checked_list_card:after {
	content: "";
	display: block;
	width: calc((100% - 225px)/6);
	height: 0;
}

.buyers_bought_list_cardItem_image,
.buyers_checked_list_cardItem_image {
	position: relative;
	width: 100%;
	margin: 0 0 8px;
	border: 1px solid var(--border-color-soft);
    box-sizing: border-box;
}

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

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

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

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

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

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

/*1040px以下*/
@media screen and (max-width:1040px) {
	.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;
	}
}

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

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

	.buyers_bought_list_card,
	.buyers_checked_list_card {
		display: flex;
		flex-wrap: wrap;
	}

	.buyers_bought_list_cardItem,
	.buyers_checked_list_cardItem {
		width: calc((100% - 32px)/3);
		margin: 0px 16px 16px 0;
	}

	.buyers_bought_list_cardItem:nth-child(3n) {
		margin-right: 0;
	}

	.buyers_checked_list_cardItem:nth-child(3n) {
		margin-right: 0;
	}
}

/* =================================================
	subscription_page 定期購入
================================================= */
.subscription_page a {
    text-decoration: underline;
}
.subscription_page h2{
	text-align: center;
}
.content_section{
	margin: 0 0 16px;
}
.content_section：empty{
	display: none;
}
.subscription_item{
    border: 1px solid var(--border-color-gray-light);
	margin: 0 0 24px;
}
.subscription_item_header{
    border-bottom: 1px solid var(--border-color-gray-light);
    background-color: var(--bg-color-gray);
    display: flex;
	justify-content: space-around;
	text-align: center;
}
.subscription_item_contents {
    padding: 0;
}
.subscription_item_contents dl {
    display: flex;
    flex-wrap: wrap;
}
.subscription_item_contents dl:first-child {
    margin: 0 0 8px;
}
.subscription_item_contents dt.total_subtitle {
    min-width: 80px;
}
.subscription_item_contents dd {
    font-weight: bold;
}
.subscription_wrap{
	margin: 0 0 88px;
}

.subscription_item_contents_list {
    align-items: center;
    display: flex;
	justify-content: space-around;
	align-items: center;
}
.subscription_item_title_sp {
    display: none;
}
.subscription_item_header li,
.subscription_item_contents_list li{
    padding: 8px;
	box-sizing: border-box;
}
.subscription_item_header li:first-child,
.subscription_item_name {
    width: 50%;
}
.subscription_item_header li:nth-child(2),
.subscription_item_orde {
    text-align: center;
    width: 10%;
}
.subscription_item_header li:nth-child(3),
.subscription_item_shipping {
    width: 10%;
    text-align: center;
}
.subscription_item_header li:nth-child(4),
.subscription_item_price {
    width: 20%;
}
.subscription_itemList{
	margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--border-color-gray-light);
}

@media screen and (max-width:580px) {
	.subscription_item_header {
		display: none;
	}
	.subscription_item_contents_list {
		display: block;
	}
	.subscription_item_contents_list_card {
		width: 100%;
		text-align: left;
	}
	.subscription_item_title_sp {
		display: block;
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
		background: var(--bg-color-gray);
		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 24px;
	padding: 0 0 24px;
	border-bottom: 1px solid var(--border-color-gray-light);
	align-items: center;
}

.laws_list_title {
	margin: 0 0 8px;
}

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

.inquiry_page h2 {
	text-align: center;
}

.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 {
	width: 100%;
	border: 1px solid var(--border-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

.inquiry_wrap_listData textarea {
	height: 240px;
}

.inquiry_btn {
	margin: 0 auto 56px;
}

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

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

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

/*問い合わせページ共通*/


/* =================================================
	login_page 会員ログイン
================================================= */
.login_page .errormessage {
	margin: 0 0 24px;
}

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

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

.login_page_wrap form,
.login_page_wrap_registCard {
	width: calc((100% - 24px)/2);
	height: 100%;
	padding: 48px 48px;
	border: 1px solid var(--border-color-gray-light);
	border-radius: 10px;
	box-shadow: 0px 0px 4px 2px rgb(212 204 204 / 12%);
	box-sizing: border-box;
}

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

.login_page_wrap_loginCard_form_input {
	width: 100%;
	border: 1px solid var(--border-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

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

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

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

	/*画面横幅750px 以下　タブレットサイズ*/
	.login_page h2 {
		margin: 0;
	}

	.login_page_wrap {
		flex-wrap: wrap;
	}

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

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

/* =================================================
	pwreissue_page パスワード再発行
================================================= */
.pwreissue_page h2 {
	text-align: center;
}

.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: 52px;
	background: var(--btn-color-main);
	border: 1px solid var(--border-form-color-gray);
	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%;
	display: block;
	margin: 0 auto;
	border: 1px solid var(--border-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
	margin: 0 0 40px;
}

/* =================================================
	membersinfo_page 会員情報
================================================= */
.membersinfo_page h2 {
	text-align: center;
}

.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 {
	border: 1px solid var(--border-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

.membersinfo_formWrap_list_content input[name="SubmitPedit"] {
	width: 550px;
	max-width: 550px;
	margin: 32px 0 48px;
	background: var(--btn-color-main);
	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: 52px;
	background: none;
	border: none;
	color: var(--color-secondary);
	box-sizing: border-box;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
}

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

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

.membersinfo_formWrap_list {
	border-bottom: 1px solid var(--border-color-gray-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-color-gray-light);
	text-align: center;
	padding: 32px;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0px 0px 4px 2px rgb(212 204 204 / 12%);
}

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

.user_info {
	background: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_user_info.svg") no-repeat 50% 50%;
}

.user_history {
	background: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_user_history.svg") no-repeat 50% 50%;
}

.user_pw {
	background: url("https://cart.fc2img.com/template/natural_base/image/icon/icon_user_pw.svg") no-repeat 50% 50%;
}

.membersinfo_userWrap_card h5 {
	margin: 0 0 4px;
}

/*会員情報変更*/
.info_content select {
	border: 1px solid var(--border-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

.info_content input[type="radio"] {
	margin: 0 24px 0 0;
	height: auto;
}

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

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

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

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

.info_content input[name="Cancel"]:hover {
	border: 1px solid var(--border-form-color-gray);
	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;
}

.edit_wrap_btn {
	text-align: center;
	margin: 0 0 56px;
}

/*パスワードの変更*/
.info_content input {
	border: 1px solid var(--border-form-color-gray-light);
}

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

	/*画面サイズ1040px以下*/
	.membersinfo_page h2 {
		display: none;
	}

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

@media screen and (max-width:750px) {
	.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 会員退会ページ
================================================= */
.members_withdraw h2 {
	text-align: center;
}

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

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

.withdraw_header_text {
	text-align: center;
}

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

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

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

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

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

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

/* =================================================
	members_signup 会員登録
================================================= */
.members_signup_wrap {
	max-width: 550px;
	margin: 0 auto 40px;
}

.members_signup_wrap h2 {
	text-align: center;
}

.members_signup_wrap_header {
	margin: 0 0 48px;
	line-height: 1.8;
}

.members_signup_wrap_form_list {
	margin: 0 0 32px;
}

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


.members_signup_wrap_form_btn input[type="submit"] {
	width: 100%;
	background: var(--btn-color-main);
	border: none;
	border-radius: 3px;
	color: var(--color-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-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

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

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

.signupbutton {
	margin: 80px 0;
}

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

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

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

.members_signup_finish {
	margin: 88px 0 40px;
}

@media screen and (max-width:580px){
    .members_signup_wrap{
        margin: 0;
    }
}
/* =================================================
	checkcart_page カートの中身
================================================= */
.checkcart_wrap {
	margin: 0 auto;
}

.checkcart_wrap h2 {
	text-align: center;
}

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

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

.checkcart_wrap_itemImage {
	min-width: 120px;
	min-height: 120px;
	width: 120px;
	height: 120px;
	margin: 0 16px 0 0;
	border: 1px solid var(--border-color-soft);
    box-sizing: border-box;
}

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

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

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

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

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

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

.btn_submit_quantity {
	width: 80px;
	height: 36px;
	border: 1px solid var(--border-color-gray-light);
	background: var(--bg-color-main);
	border-radius: 3px;
	color: var(--color-main);
}

.edit {
	text-align: end;
}

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

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

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

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

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

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

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

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

.goto_cart .goto_cart_next a {
	color: var(--color-white);
	text-align: center;
	height: 52px;
	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:1040px) {
	.checkcart_wrap {
		max-width: 550px;
	}
}

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

	/*画面サイズ580px以下*/
	.checkcart_wrap_itemContetnt .count {
		flex-direction: column;
	}

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

	.checkcart_wrap_itemContetnt .count select {
		width: 100%;
	}

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

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

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

.cart_header_step {
	margin: 0 0 40px;
}

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

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

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

.cart_header_step_listItem_check {
	width: 30px;
	height: 30px;
	border-radius: 25px;
	margin: 0 0 8px;
	position: relative;
	box-sizing: border-box;
}
.check_on{
	background: var(--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(--cartCheck-mark);
	border: 1px solid var(--cart-check-off);
}
.check_on:before,
.check_off:before{/*チェックマーク*/
	position: absolute;
	content: "";
	left: 7px;
	top: 7px;
	width: 12px;
	height: 7px;
	border-left: 3px solid var(--cartCheck-mark);
	border-bottom: 3px solid var(--cartCheck-mark);
	transform: rotate(-45deg);
	z-index: 1000;
}

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

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

.checkout_cartInput_wrap h2 {
	text-align: center;
}

.regi_header {
	margin: 0 0 40px;
}

.checkout_formWrap {
	margin: 0 0 40px;
	padding: 0 0 32px;
}

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

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

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

.checkout_formWrap_contentsList_input.form_input label {
    padding: 8px;
}

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

.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-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

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

.checkout_formWrap_contentsList_input input[type="text"],
.checkout_formWrap_contentsList_input input[type="email"],
.checkout_formWrap_contentsList_input textarea {
	width: 100%;
}

.checkout_formWrap_contentsList_input select {
	width: 70%;
}

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

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

.registerbutton {
	padding: 0 0 56px;
}

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

/*カートの中身 pcのみ*/
.checkout_cartInput_wrap_cart {
	margin: 0 0 16px;
	width: 230px;
	height: 100%;
}

.checkout_cartInput_wrap_cart h3 {
	margin: 0 0 16px;
	width: 230px;
	height: 100%;
}

.checkout_cartInput_wrap_cart_list {
	margin: 0 0 8px;
}

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

.checkout_cartInput_wrap_cart_list_itemdetail_itemImage {
	width: 60px;
	height: 60px;
	margin: 0 8px 0 0;
	border: 1px solid var(--border-color-soft);
    box-sizing: border-box;
}

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

.checkout_cartInput_wrap_cart_list_itemdetail_contents {
	width: calc(100% - 68px);
}

.checkout_cartInput_wrap_cart_list_itemdetail_contents_title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--color-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 {
	border-top: 1px solid var(--border-color-gray-light);
	padding: 8px 0 0;
	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 {
	text-align: center;
	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-color-gray-light);
}

.checkout_cartConfirm_main_wrap_header {
	border-bottom: 1px solid var(--border-color-gray-light);
	background-color: var(--bg-color-gray);
	padding: 8px 24px;
	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;
	padding: 16px 0;
}

.checkout_cartConfirm_main_wrap_contents_itemImage {
	width: 60px;
	height: 60px;
	margin: 0 16px 0 24px;
	border: 1px solid var(--border-color-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% - 100px);
}
.checkout_cartConfirm_main_wrap_contents_limited_item{
	border: 1px solid var(--border-color-gray-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% - 24px);
}

.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_option {
	border-top: 1px solid var(--border-color-gray-light);
	margin: 0 24px;
	padding: 24px 0;
	text-align: end;
}

.checkout_cartConfirm_main_wrap_option_list,
.checkout_cartConfirm_main_wrap_total_list {
	display: flex;
	justify-content: end;
	align-items: center;
}

.checkout_cartConfirm_main_wrap_option_list {
	margin: 0 0 16px;
}

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

.checkout_cartConfirm_main_wrap_option_list_title {
	text-align: end;
	width: 75%;
	font-weight: bold;
}

.checkout_cartConfirm_main_wrap_option_list_contents {
	width: 25%;
}

.checkout_shipping_no_later:empty,
.scheckout_shipping_later:empty,
.checkout_shipping_sw:empty {
	display: none;
}

/*合計料金*/
.checkout_cartConfirm_main_wrap_total {
	border-top: 1px solid var(--border-color-gray-light);
	margin: 0 24px;
	padding: 24px 0;
	text-align: end;
}

.checkout_cartConfirm_main_wrap_total_title {
	width: 75%;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
}

.checkout_cartConfirm_main_wrap_total_contents {
	width: 25%;
	font-size: 1.8rem;
	font-weight: bold;
}

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

.checkout_cartConfirm_main_wrap_total_info:empty {
	display: none;
}

/*お客様情報の確認*/
.checkout_cartConfirm form {
	margin: 0 auto;
}

.checkout_cartConfirm_userinfo {
	margin: 0 0 56px;
}

.checkout_cartConfirm_userinfo_header {
	margin: 0 0 24px;
}

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

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

/*横幅1040px以下*/

@media screen and (max-width:1040px) {
	.checkout_cartInput_wrap {
		width: 100%;
		padding: 0;
	}

	.checkout_cartInput {
		display: block;
	}

	.checkout_cartInput_wrap_cart {
		display: none;
	}

	.checkout_cartConfirm_main_wrap_total {
		padding: 16px 0;
	}

	.checkout_cartConfirm_main_wrap_option_list_title {
		width: 75%;
	}
}

@media screen and (max-width:750px) {
	/*画面横幅750px 以下 タブレットサイズ*/
	.regi_header {
		background-color: var(--bg-color-gray);
		padding: 24px;
	}

	.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_itemImage {
		width: 92px;
		height: 92px;
		margin: 0 16px 0 0;
	}

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

	.checkout_cartConfirm_main_wrap_contents_card {
		width: calc(100% - 108px);
		margin: 0 0 0 auto;
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	.checkout_cartConfirm_main_wrap_contents_card_orde span,
	.checkout_cartConfirm_main_wrap_contents_card_subtotal span {
		display: inline;
		font-weight: normal;
	}

	.checkout_cartConfirm_main_wrap_contents_card_orde {
		width: auto;
	}

	.checkout_cartConfirm_main_wrap_contents_card_price {
		display: none;
	}

	.checkout_cartConfirm_main_wrap_contents_card_subtotal {
		width: auto;
		margin: 0 0 0 16px;
		font-weight: bold;
	}

	/*送料・option*/
	.checkout_cartConfirm_main_wrap_option {
		margin: 0;
	}

	.checkout_cartConfirm_main_wrap_option_list {
		justify-content: space-between;
		margin: 0 0 8px auto;
	}

	.checkout_cartConfirm_main_wrap_option_list_title {
		width: 75%;
	}

	.checkout_cartConfirm_main_wrap_option_list_contents {
		width: 25%;
	}

	.checkout_cartConfirm_main_wrap_option_list_contents:empty {
		width: 25%;
		display: block;
	}

	.checkout_cartConfirm_main_wrap_total {
		margin: 0;
	}

	.list_title {
		width: 100%;
	}

	.checkout_cartConfirm_main_wrap_total_contents {
		text-align: end;
	}
}

@media screen and (max-width:580px) {
	/*画面サイズ580px以下*/
	.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_formWrap_contentsList_input select {
        width: 100%;
    }
	.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 ご注文の完了
================================================= */
.complete_order_wrap {
	max-width: 550px;
	margin: 80px auto;
}

.complete_order_wrap h2 {
	text-align: center;
}

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

.complete_order_page_message {
	margin: 0 0 40px
}

.second_paymen{
	text-align: center;
}

.registerbutton2 {
	margin: 0 auto 48px;
}

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

.second_payment{
	text-align: center;
    padding: 16px;
    border: 1px solid var(--border-color-soft);
}
.payment_begin {
	color: var(--color-error);
	padding: 8px 0;
	display: block;
}

#id_beginpayment input {
	background: var(--btn-color-main);
	border: none;
	border-radius: 3px;
	color: var(--color-white);
	font-weight: 300;
	font-size: 1.4rem;
	width: 100%;
	margin: 0 0 42px;
}
/* =================================================
	historylist ご注文履歴一覧
================================================= */
.historylist h2 {
	text-align: center;
}

.historylist input[type="submit"] {
    width: 64px;
    height: 40px;
    font-size: 1.4rem;
    border: none;
    border-radius: 3px;
    color: var(--color-white);
    background: var(--btn-color-setting);
}
.historylist .pagerbox {
	margin: 0 0 80px;
}

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

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

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

.historylist_order {
	border: 1px solid var(--border-color-gray-light);
	border-radius: 3px;
	padding: 16px 0;
	margin: 0 0 24px;
}

.historylist_order_header {
	padding: 0 16px 16px;
	border-bottom: 1px solid var(--border-color-gray-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: 40px;
	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 16px;
	margin: 0 0 32px
}

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

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

.historylist_order .item_image {
	/*商品画像*/
	order: 1;
	margin: 0 23px 0 0;
	width: 90px;
	height: 90px;
}

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

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

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

.historylist_order .item_comment a {
	width: 150px;
	border: 1px solid var(--border-color-gray-light);
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 34px;
}
.review_url{
	background: var(--border-color-gray-light);
}
.historylist_order_link {
	/*リンクボタン*/
	max-width: 550px;
	margin: 0 auto;
}

.historylist_order_link div {
	margin: 32px auto;
}

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

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

	/*画面サイズ580px以下*/
	.historylist .pagerbox {
		margin: 0 0 80px;
	}

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

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

	.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;
		border-bottom: 1px solid var(--border-color-gray-light);
	}

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

	.historylist_order dt {
		width: calc(100% - 116px);
	}

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

	.historylist_order .item_comment a {
		width: 100%;
	}

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

/* =================================================
	history ご注文履歴詳細
================================================= */
.history h2 {
	text-align: center;
}

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

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

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

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

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

.history_order_detail_title .name {
	width: 50%;
}

.history_order_detail_title .count {
	width: 10%;
}

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

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

.history_order_detail_item_header {
	width: 50%;
}

.history_order_detail_item_headerWrap {
	display: flex;
}

.history_order_detail_item_headerWrap_name {
	display: flex;
}

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

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

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

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

.history_order_detail_item_info span {
	display: none;
}

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

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

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

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

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

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

.history_order_detail_total {
	border-top: 1px solid var(--border-color-gray-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: 200px;
	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-color-gray-light);
	height: 40px;
	align-items: center;
}

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

.history_order_info_message {
	margin: 8px 0;
    padding: 8px;
    display: inline-block;
    width: auto;
	background: var(--bg-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;
}


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

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

	.history_order {
		border: none;
	}

	.history_order_header {
		margin: 0 0 24px;
		border-top: 1px solid var(--border-color-gray-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_image {
		min-width: 92px;
		min-height: 92px;
		width: 92px;
		height: 92px;
	}

	.history_order_detail_item_headerWrap_name {
		width: calc(100% - 116px);
	}

	.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: 0 0 0 32px;
		width: auto;
	}

	.history_order_detail_option {
		margin: 0;
	}

	.history_order_detail_total {
		margin: 0 0 40px;
	}

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

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

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

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

		/*画面サイズ580px以下*/
		.history_order_detail_item_info {
			flex-direction: column;
		}
	}
}
/* =================================================
	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-color-gray-light);
	border-radius: 10px;
	box-shadow: 0px 0px 4px 2px rgb(212 204 204 / 12%);
	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-form-color-gray-light);
	background-color: var(--bg-color-input_texterea);
}

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

.login_wrap_registCard_registerbutton a {
	display: block;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--btn-color-main);
	color: var(--color-white);
	border-radius: 3px;
}
.login .formbutton a{
	height: 52px;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border: 1px solid var(--border-color-gray-light);
	border-radius: 3px;
	background-position: 8px 50%;
	justify-content: center;
}
@media screen and (max-width:750px) {

	/*画面横幅750px 以下　タブレットサイズ*/
	.login_page h2 {
		margin: 0;
	}

	.login_wrap {
		flex-wrap: wrap;
	}

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

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


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

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

.reviewform_item_image {
	min-width: 90px;
	min-height: 90px;
	width: 90px;
	height: 90px;
	margin: 0 24px 0 0;
}

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

.reviewform_main {
	margin: 0 0 80px;
}

.reviewform_mainWrap {
	margin: 0 0 24px;
}

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

.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: 52px;
	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_home,
.review_finish_wrap_btn_back {
	margin: 0 0 56px;
	height: 52px;
}

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

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

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

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

.reviewlist_itemWrap_item_image {
	width: 120px;
	height: 120px;
	margin: 0 16px 0 0;
}

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

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

.reviewlist_itemWrap_item_info_contents {
	width: 100%;
	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_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: 36px;
	border: 1px solid var(--border-form-color-gray);
	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%;
}

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

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

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

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

.reviewlist_main_card_header_wrap_title {
	font-weight: bold;
}

.reviewlist_main_card_header_info {
	width: 210px;
}

.reviewlist_main_card_header_info li {
	color: var(--color-secondary);
	text-align: left;
	margin: 0 0 0 auto;
	font-size: 1.2rem;
}

.reviewlist_main_card_main {
	margin: 0 0 16px;
}

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

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

input.button_style {
	width: 160px;
	border-radius: 3px;
	border: none;
	background: var(--btn-color-main);
	color: var(--color-white);
}

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

	.reviewlist_itemWrap_item_image {
		width: 90px;
		height: 90px;
		max-width: 120px;
		max-height: 120px;
		margin: 0 16px 0 0;
	}

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

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

	@media screen and (max-width:580px) {
		/*画面サイズ580px以下*/
		.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;
		}
	}
}
/* =================================================
	stockout_page 在庫数オーバー
================================================= */
.stockout_page h2 {
	text-align: center;
}

.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-color-main);
	border: solid 1px var(--border-color-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: 1040px) {

	/*画面サイズ1040px以下*/
	.pagetop {
		bottom: 30px;
	}
}

/* =================================================
	auction　オークション関係のぺージ
================================================= */
/* オークション - 入札確認 */
.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 {
    width: 250px;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 auto 24px;
    border: 1px solid #f2f2f2;
}

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

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

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

.auction_bid_comp_text {
    margin: 0 0 80px;
}

.auction_bid_comp_title,
.sended_comp_title {
    font-size: 24px;
    margin: 8px 0 24px;
    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(--bg-color-dark);
}

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

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

.auction_bid_comp_btn a {
    font-size: 1.6rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/*オークション - ログイン（落札者認証）*/
.auction_login_text{
    margin: 0 0 40px;
}

#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-form-color-gray-light);
    background-color: var(--bg-color-input_texterea);
}

/*落札者情報入力*/
#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: 24px;
}
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_name {
    width: 50%;
    padding: 0px 8px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card {
    width: 50%;
}
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_orde {
    width: 20%;
    padding: 0;
    text-align: center;
}
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_price {
    width: 40%;
    padding: 0;
    text-align: center;
}
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_subtotal {
    width: 40%;
    padding: 0;
    text-align: end;
}

@media screen and (max-width:750px){
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents {
		flex-wrap: wrap;
		padding: 16px;
	}
    #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_subtotal{
        width: 45%;
    }
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_orde {
        width: 120px;
        padding: 0;
        text-align: end;
    }
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_option,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_total{
        margin: 0;
        padding: 16px;
    }
}
@media screen and (max-width:580px){
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_orde,
#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_subtotal{
    width: 100%;
}

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


/*メインボタン*/
.auction_item_submit input[type="submit"],
.auction_bid_price input[type="submit"] {
    width: 100%;
    height: 52px;
    font-size: 154%;
    font-weight: bold;
    margin: 40px 0 0;
    color: var(--color-white);
    background: var(--btn-color-main);
    border-radius: 3px;
    border: none;
}

#regi_auction_checkout .registerbutton {
    text-align: center;
}

#regi_auction_checkout .registerbutton input,
#regi_auction_checkout .registerbutton1 {
    width: 100%;
	max-width: 550px;
    margin: 0 auto;
}

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