@charset "UTF-8";
/* MODE-1C */
/* =================================================
	=version 3.3=
	=Index=
	Default settings
		Reset
		Element
		color
		Hyper text
		Headline
		pager
	Layout
	Maintenance
	Header
	sidenav
	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;
}

fieldset {
	border: none;
}

img,
table,
fieldset,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    border: none;
}

/*============================================================
	Element
============================================================*/
*, *:before, *:after {
    box-sizing: border-box;
}

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


body {
    color: var(--color-main);
    font-size: 1.4rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    line-height: 1.4;
    text-align: center;
    word-break: break-all;
}

/*= IE11 游ゴシックなし =*/
@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, body {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    }
}

/*= IE10 游ゴシックなし =*/
@media all and (-ms-high-contrast: none) {
    body {
        font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
        }
}

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

a:focus,
a:hover,
a:active {
    opacity: 0.8;
    transition: 0.18s;
}

th {
    font-weight: bold;
}

img {
    max-width: 100%;
}

.required {
    color: var(--color-required);
}

.number {
    text-align: right;
}

.error {
    color: var(--error-color);
    border: 1px solid var(--error-border);
    text-align: center;
    margin: 0 0 24px;
    padding: 20px;
    display: block;
    text-decoration: none !important;
}

.message {
    margin: 0 0 8px;
}

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

.content_header {
    margin: 0 0 8px;
}

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

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

@media screen and (max-width:840px){
    .formbutton input.btn_main{
        height: 52px;
    }
}

/* =================================================
	common_style　共通style
================================================= */
.common_area_600{
    max-width: 600px;
    margin: 0 auto;
}

.common_infomessage{
    margin: 0 0 32px;
}

.common_hover:hover{
    opacity: 0.8;
    transition: 0.18s;
}

.list_header,
.wrap_header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: var(--bg-content);
    margin: 0 0 16px;
}

.list_header{
    padding: 8px 16px;
}

.wrap_header{
    padding: 16px;
}

.list_title,
.wrap_title{
    font-weight: bold;
}

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

.wrap_content{
    margin: 0 0 56px;
    padding: 0 16px;
}


/*完了時のチェックマーク*/
.icon_check {
	position: relative;
	height: 80px;
	margin: 0 0 24px;
}

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

.list_content select {
    height: 40px;
    border: 1px solid var(--border-main);
    border-radius: 3px;
}

@media screen and (max-width:840px){
    .list_header {
        padding: 8px;
    }
}

/* =================================================
	color変数 色の調整をまとめて行うことができます
================================================= */
:root {
    /*　=== color - 文字色 ===　*/
    /* 本文用 通常文章の文字色として文字色 */
	--color-main: #2a2a2a;
    /* ショップの名前など重要で一番濃い色 */
	--color-primary: #151515;
    /* 背景が黒い部分の基本文字色 */
    --color-primary-hover: #666666;
    /* 背景が黒い部分の基本文字色 */
    --color-sub: #d0d0d0;
    /* 背景が黒い部分の基本文字色 */
    --color-sub-hover: #dddddd;
	/* 補足説明などのコメントの文字色 */
	--color-info: #999999;
	/* 白抜き用・白い文字色 */
	--color-white: #ffffff;
	/* リンク文字hover時の配色 */
	--color-link: #0d4167;
	/* リンク文字hover時の配色 */
	--color-link-hover: #166cab;
    /* 必須項目の文字色　*/
    --color-required: #ff0000;


    /*　=== background-color - 背景色 ===　*/
    /* 画面全体の背景色 */
	--bg-main: #ffffff;
	/* 下層ページなどの背景色 */
	--bg-sub: #f9f9f9;
	/* headerやfooterなどの背景色 */
	--bg-primary: #151515;
    /* 小さな項目や表のタイトルの背景色 */
    --bg-content: #f0f0f0;
    /* 小さな項目や表のタイトルの背景色 */
    --bg-auction-icon: rgba(13,66,104,0.84);
    /* 小さな項目や表のタイトルの背景色 */
    --bg-overlay: rgba(27,28,29,0.5);

    /*　=== button- 各種ボタンの配色 ===　*/
    /* メインボタン */
    --btn-main-color: var(--color-white);
    --btn-main-bg: var(--color-link);
    --btn-main-color-hover: var(--color-sub-hover);
    --btn-main-bg-hover: var(--color-link-hover);

    /* サブボタン */
    --btn-sub-color:#0d4167;
    --btn-sub-bg: var(--bg-main);
    --btn-sub-border: var(--btn-sub-color);
    --btn-sub-bg-hover: var(--btn-sub-border);

    /* アクセントボタン（カート等）*/
    --btn-accent-bg: #36a00b;
    --btn-accent-color: var(--color-white);
    --btn-accent-bg-hover: #2e8809;

    --icon-accent: var(--btn-accent-bg);

    /* タグ用のボタン */
    --btn-tag-color: var(--color-main);
    --btn-tag-border: var(--border-main);
    --btn-tag-bg: var(--bg-main);
    --btn-tag-bg-hover: var(--border-main);

    /* タグ用のボタン */
    --btn-subtag-bg: var(--bg-content);

    /*　=== border - 枠線色 ===　*/
    /* 基本的なborderの枠線色 */
    --border-main: #e0e0e0;
    /* 薄めのborderの枠線色 */
    --border-soft: #ebebeb;

    /*　inputの各配色　*/
    --input-area-color: var(--color_main);
    --input-area-border: var(--border-main);
    --input-area-bg: var(--bg-main);

    /* disabledの各配色*/
    --disabled-color: ;
    --disabled-bg: #a9a9a9;
    --disabled-border: var(--disabled-color);

    /*　=== その他特徴色 ===　*/
	/* 会員限定アイコンの配色 */
    --icon-limted-bg:rgba(249,86,58,0.8);

    /*セール価格のアイコンの配色*/
    --icon-sale-bg: #f9563a;

    /*アイコン白抜き*/
    --icon-white: #ffffff;

	/* エラー用配色 */
	--error-color: #ff0000;
    --error-border: #ff0000;

	/* カート内アイコン用配色 */
	--cart-check-on: var(--btn-sub-color);
	/* カート内ステップバーの濃い部分の配色 */
	--cart-check-off: #d9d9d9;
	/* カート内ステップバーの薄い部分の配色 */
	--cartCheck-mark: #ffffff;
	/* カート内ステップバーのチェックマークの色 */
}

/*============================================================
	layout
============================================================*/
#wrap {
    background-color: var(--bg-main);
    width: 100%;
    position: relative;
}

.toppage_contents_area,
.subpage_contents {
    background-color: var(--bg-sub);
}

.contents_wrap:nth-child(even) {
    background-color: var(--bg-main);
}

.contents_wrap {
    margin: 0 auto;
}

.subpage_contents {
    padding: 24px 24px 160px;
}

.subpage_contents_wrap{
    max-width: 1024px;
    margin: auto;
}

/*ハンバーガーメニュー*/
.header_main {
    padding: 0 0 0 16px;
    display: block;
    position: absolute;
    left: 0;
}

.header_main .drawermenu-btn{
    width: 24px;
    height: 40px;
    display: block;
    cursor: pointer;
}

.drawermenu-btn {
    top: 31px;
    left: 24px;
}

.header_main .drawermenu-btn span,
.header_main .drawermenu-btn span:before,
.header_main .drawermenu-btn span:after{
	position: absolute;
	height: 1px;/*線の太さ*/
	width: 24px;
	border-radius: 3px;
	background: var(--border-main);/*線の太さ*/
	display: block;
	content: '';
}

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

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

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

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

.header_subpage .sidenav {
    display: none;
}

.header_main .sidenav-sp,
.header_subpage .sidenav-sp {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    overflow: auto;
    background:var(--bg-overlay);
}

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

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

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

.is-open {
    display: none;
}

/*list-style リストの基本設定*/
.list_wrap {
    display: flex;
}

.list_header .list_title {
    margin: 0;
}

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

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

.sidenav-sp {
    display: none;
}

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

.drawer-nav-body {
    max-width: 350px;
    height: 100%;
    padding: 40px 15px 160px;
    color: var(--color-main);
    background: var(--bg-main);
    overflow: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

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

/*search 検索窓*/
.search_box_word {
    position: relative;
}

.drawer-nav-body .search form .submit {
    position: absolute;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    background: var(--btn-main-bg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px;
    border: none;
    border-radius: 0px 3px 3px 0;
    right: 0px;
}

.drawer-nav-body .search form .submit svg {
    fill: var(--icon-white);
    height: 2rem;
}

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

.drawer-nav-body .search_box_category {
    margin: 8px 0 0;
    display: flex;
    align-items: center;
}

#main_nav {
    display: none;
}

@media screen and (max-width:840px){
    .drawer-nav-body{
        max-width: 85%;
    }
    .header_main .drawermenu-btn{
        height: 68px;
    }

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

    .subpage_contents{
        padding: 24px 16px 80px;
    }
}

.sub_contents {
    padding: 0;
}

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

.sub_contents_itemdetail,
.sub_contents_wrap {
    margin: 0 auto;
    max-width: 900px;
}

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

.sub_contents_wrap_bottom {
    padding: 0 0 40px;
}

.login_error_message {
    display: none;
}

.userpage_page {
    margin: 0 0 80px;
    line-height: 1.8;
}

#container {
    text-align: left;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.contents_wrap_inner {
    max-width: 1024px;
}

.contents_inner{
    max-width: 1024px;
    margin: 0 auto;
}

.contents_wrap_inner{
    padding: 40px 24px;
}

.contents_inner:last-child,
.contents_wrap_inner:last-child {
    margin: 0 auto;
}

#primary {
    flex: 1;
    background-color: var(--bg-sub);
}

@media screen and (max-width:840px){
    .contents_wrap_inner {
        padding: 40px 16px;
    }
    .sub_contents_itemdetail{
        padding: 0;
    }
}

/* =================================================
	Common - headline & title style
================================================= */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 3rem;
}

h2{
    font-size: 2.4rem;
    margin: 0 0 40px;
    text-align: center;
}

h3{
    font-size: 1.6rem;
    font-weight: bold;
}

h4,
h5,
h6 {
    font-size: 1.4rem;
}

.contents_title {
    font-size: 2.4rem;
    text-align: center;
    margin: 0 0 24px;
}

.contents_subtitle {
background-color: var(--bg-content);
font-size: 1.6rem;
margin: 0 0 24px;
padding: 8px;
}

.errormessage,
.itemlist_notItem,
.history_order_info_message {
    color: var(--error-color);
    font-weight: bold;
    display: block;
    padding: 24px;
    width: 100%;
    border: 1px solid var(--error-border);
    margin: 0 0 40px;
}

/*============================================================
	Common - table style
============================================================*/
table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background-color: var(--bg-content);
    text-align: center;
}

table.list th {
    width: 300px;
}

/* =================================================
	Common - formparts style
================================================= */
/*= 基本設定 =*/
select,
textarea,
input,
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	appearance: none;
    padding: 0 4px;
    color: var(--color-main);
}

input[type="number"]{
    padding: 4px;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 0 4px 0 0;
    appearance: auto;
    height: auto;
}

textarea {
    border: none;
    font-size: 1.4rem;
    border-radius: 3px;
}

/*= 入力フィールド スタイル =*/

input,
textarea {
    height: 40px;
    color: var(--color-main);
    background-color: var(--input-area-bg);
    border: 1px solid var(--input-area-border);
    padding: 4px;
}

input[type="password"]{
    width: 100%;
    margin: 0 0 8px;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="search"]:disabled,
select:disabled,
textarea:disabled,
.checkout_formWrap_contentsList_input select:disabled,
.checkout_formWrap_contentsList_input textarea:disabled{
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    cursor: not-allowed;
    opacity: 0.5;
}

textarea {
    width: 85%;
    background: var(--bg-main);
}

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


/*= セレクトボックス スタイル =*/
select {
    max-width: 100%;
    border-radius: 3px;
    background: var(--bg-main);
    border: 1px solid var(--border-main);
    background-image: url("https://cart.fc2img.com/template/MODE_1C/image/icon_arrow-down.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
    font-size: 1.6rem;
}

@media screen and (max-width:840px){
    /*= 入力フィールド スタイル =*/
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="search"],
    textarea {
        height: 52px;
    }
}

/* =================================================
	Common -  button style
================================================= */
/*= input button style =*/
input[type="submit"],
input[type="button"],
input[type="image"],
.btn_main{
    color: var(--btn-main-color);
    background-color: var(--btn-main-bg);
    text-align: center;
    width: 100%;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="image"]:hover {
    opacity: 0.8;
    transition: 0.18s;
    border-radius: 3px;
}

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

.btn_main:hover{
    opacity: 0.8;
    transition: 0.18s;
}

.btn_sub input[type="reset"],
.btn_sub input[type="submit"],
.btn_sub a,
input[type="submit"].btn_sub{
    width: 100%;
    height: 40px;
    color: var(--btn-sub-color);
    background-color: var(--btn-sub-bg);
    border: 1px solid var(--btn-sub-border);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

.btn_sub:hover {
    color: var(--btn-main-color-hover);
    background-color: var(--btn-main-bg-hover);
}

.btn_style.next,
input[type="submit"].btn_style.next {
    font-size: 1.8rem;
    width: 40%;
    margin: 0 auto;
    padding: 16px;
    display: block;
}

.btn_signup{
    color: var(--btn-sub-color);
    background-color: var(--btn-sub-bg);
    border: 1px solid var(--btn-sub-border);
    border-radius: 3px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

input[type="submit"].btn_accent,
.btn_accent a{
    color: var(--btn-accent-color);
    background-color: var(--btn-accent-bg);
}

@media screen and (max-width:840px){
    input[type="submit"],
    input[type="button"],
    input[type="image"],
    .btn_main,
    .btn_sub input[type="reset"],
    .btn_sub input[type="submit"],
    input[type="submit"].btn_sub,
    .btn_sub a,
    .btn_style.next,
    input[type="submit"].btn_style.next {
        height: 52px;
    }

    input,
    textarea,
    select,
    .btn_main a,
    .btn_sub a{
        font-size:1.6rem;
        border-radius: 3px;
    }
}

/* =================================================
	Common - pager style
================================================= */
.pagelink {
    text-align: right;
    justify-content: center;
    margin: 0 0 24px;
}

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

.pagelink select {
    height: 40px;
    border: 1px solid var(--border-main);
    width: 80px;
    border-radius: 3px 0 0 3px;
    padding: 0;
    box-sizing: border-box;
}

.pagelink input {
	width: 60px;
	height: 40px;
    border-radius: 0 3px 3px 0;
}

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

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

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

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

.pager_number span,
.pager_number a,
.pager_next a,
.pager_back a{
    height: 40px;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    border-radius: 3px;
}

.pager_number a:hover,
.pager_next a:hover,
.pager_back a:hover{
    opacity: 0.8;
    transition: 0.18s;
}

.pager_number span,
.pager_number a {
    width: 40px;
    background: var(--btn-main-bg);
}

.pager_next a,
.pager_back a{
    width: 60px;
    background: var(--btn-main-bg);
}

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

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

.pager_total {
    color: var(--color-info);
}

@media screen and (max-weight: 840px){
    .itemlist {
        margin: 0 0 40px;
    }
    .itemlist_footer form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/**********************************************************

        Section Style Setting

***********************************************************/

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

.maintenance {
    max-width: 900px;
    margin: 80px auto;
    height: 35vh;
}

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

.maintenance_wrap_body_usermessage:empty {
    display: none;
}

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

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

    .maintenance_wrap_body {
        padding: 24px;
    }
}

/* =================================================
	Section - header navi
================================================= */
.header_wrap {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background-color: var(--bg-primary);
    font-size: 1.4rem;
}

.header_wrap:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.header_nav {
    max-width: 1056px;
    padding: 0 16px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

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

.header_navlist li {
    display: inline-block;
    padding: 8px 4px;
}

.header_navlist a,
.header_navlist input[type="submit"] {
    color: var(--color-sub);
}

.header_navlist a:hover,
.header_navlist input[type="submit"]:hover {
    color: var(--color-sub-hover);
    text-decoration: none;
}

.header_navlist input[type="submit"] {
    background: none;
    padding: 0;
    margin: 0;
}

.header_navlist .header_search {
    text-align: left;
    float: right;
    width: 210px;
    height: 24px;
    position: relative;
}

#header .header_search input[type="search"],
#header .header_search input[type="text"] {
    font-size: 1.4rem;
    padding: 2px;
    width: 180px;
}

#header .header_search input[type="submit"].search_icon {
    background-color: transparent;
    background-image: url("https://cart.fc2img.com/template/MODE_1C/image/search_icon.png");
    width: 28px;
    height: 21px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#header .userpage,
#header .cartcheck{
    position: fixed;
    top: 48px;
    z-index: 50;
}

#header .userpage {
    right: 88px;
}

#header .cartcheck {
    right: 16px;
}

.fc2paymentshop_head ~ #wrap #header .header_icon {/*決済バナーがあるページに対応*/
    top: 75px;
}

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

#header .userpage a,
#header .cartcheck a {
    width: 55px;
    height: 55px;
    border-radius: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon_info svg{
    height: 19px;
    fill: var(--color-white);
}

.icon_cart svg {
    padding: 4px 0 0 0;
    height: 22px;
    fill: var(--color-white);
}

#header .userpage a {
    background-color: var(--btn-main-bg);
}

#header .cartcheck a {
    background-color: var(--btn-accent-bg);
}

#header .cartcheck a:hover {
    background-color: var(--btn-accent-bg-hover);
}

.header_contents{
    padding: 0 24px 24px;
    background: var(--bg-main);
    height: auto;
}

.header_navlist input {
    height: 24px;
}

@media screen and (max-width:840px){
    .header_wrap{
        height: 64px;
        position: fixed;
        top: 0;
        z-index: 2000;
        background-color: rgba(21,21,21,0.89);
    }

    .header_contents{
        padding: 0 16px 24px;
    }

    .header_nav {
        height: 68px;
    }

    .header_navlist {
        display: none;
    }

    #header .userpage,
    #header .cartcheck{
        top: 6px;
    }

    #header .userpage a,
    #header .cartcheck a{
        width: 52px;
        height: 52px;
        border-radius: 26px;
    }

}

/*============================================================
	Section - logo
============================================================*/
#logo {
    text-align: center;
    width: 100%;
    margin: 0 0 24px;
}

#logo h1 a {
    color: var(--color-primary);
    word-break: normal;
    max-width: 1024px;
    margin: 32px 0 0 0;
    display: inline-block;
}

#logo h1 a:hover{
    color: var(--color-primary-hover);
}

#logo h1 a.logo_image {
    max-width: none;
    margin: 8px 0 0 0;
}

@media screen and (max-width:840px){
    #logo{
        margin: 69px 0 24px;
    }

    #logo h1{
        border-bottom: 1px solid var(--border-main);
    }

    #logo h1 a {
        margin: 8px 0 0;
    }
}

/*============================================================
	Section - footer
============================================================*/
#footer {
    color: var(--color-sub);
    background-color: var(--bg-primary);
    font-size: 1.4rem;
    text-align: center;
    width: 100%;
    padding: 32px 0 16px;
}

#footer a {
    color: var(--color-sub);
}

#footer a:hover {
    color: var(--color-sub-hover);
    text-decoration: none;
}

#footer .footer_inner {
    max-width: 1024px;
    margin: 0 auto
}

#footer h2 {
    font-size: 2.4rem;
    margin: 0 0 32px;
}

#footer .footer_shopinfo {
    text-align: center;
    margin: 0 0 56px;
}

#footer .footer_shopinfo:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#footer .footer_shopinfo ul {
    width: 70%;
    margin: 0 auto
}

#footer .footer_shopinfo li {
    margin: 0 16px 24px 0px;
    display: inline-block;
}

.copyright {
    padding: 0 0 40px;
}

@media screen and (max-width:840px){
    #footer .footer_shopinfo ul{
        width: calc(100% - 32px);
        margin: 0 auto;
    }

    #footer .footer_shopinfo li {
        margin: 0 0 24px;
        display: flex;
        text-align: left;
    }
}

/* =================================================
	pagetop トップへのボタン
================================================= */
.pagetop {
	height: 30px;
	width: 55px;
    position: fixed;
    right: 24px;
    bottom: 0;
	background: var(--btn-accent-bg);
    border-radius: 3px 3px 0 0 ;
	display: none;
	box-shadow: 0px 5px 5px 0px rgba(244,244,244,0.33);
    border: none;
	justify-content: center;
	align-items: center;
	z-index: 2;
	cursor: pointer;
	background-image: url("https://cart.fc2img.com/template/MODE_1C/image/pagetop.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	opacity: 0.8;
}

/* =================================================
	side_navi TOP/Subpage共通
================================================= */
@media screen and (max-width:960px) {
    .header_btn .search_btn {
        display: none;
    }

    .cart_btn {
		position: absolute;
		top: 0;
		left: 0px;
		width: 40px;
		height: 40px;
    }

	span.icon_cart{
		top: 9px;
        left: 0;
	}

}

/* =================================================
	side_navi
================================================= */
/*PC表示*/
.side_navi h3 {
    color:var(--color-main);
    font-size: 1.8rem;
    margin: 0px 0 8px 0;
}

.side_navi h3:after {
    background: none;
}

.side_navi .login_on_list {
    width: 100%;
}

.side_navi>ul>li {
    margin: 0 0 56px;
}

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

.sidenav_signup>div {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: calc(100% - 40px);
    box-sizing: border-box;
}

.search_box_word input {
    height: 40px;
    width: 100%;
}

/*login signup サイドナビログイン・新規登録*/
.sidenav_login_off .login_form_input {
    margin: 0 0 8px;
}

.sidenav_login_off .login_form_input input{
    width: 100%;
    height: 40px;
    background-color: var(--bg-main);
    border: 1px solid var(--border-main);
    border-radius: 3px;
    margin: 0px 0 16px;
    display: flex;
    align-items: center;
}

.sidenav_login_off .login_form_btn input {
    height: 40px;
    color: var(--btn-main-color);
    background: var(--btn-main-bg);
    border: none;
    font-weight: bold;
    font-size: 1.4rem;
}

.sidenav_login_off .login_form {
    margin: 0 0 24px;
}

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

.sidenav_login_off .login_message {
    margin: 0 0 16px;
}

.sidenav_login_off .login_message span {
    font-weight: bold;
}

.sidenav_login_off .login_on_list_userinfo {
    width: 100%;
}

.sidenav_login_off .login_on_point {
    background-color: var(--bg-area-primary);
    margin: 0 0 24px 0;
}

.sidenav_login_off .login_on_point span {
    font-weight: bold;
    font-size: 1.8rem;
}

.sidenav_signup {
    width: 100%;
}

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

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

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

/*sidenav - ログイン済*/
.side_navi .login_on h3 {
    margin: 0 0 16px;
}

.side_navi .login_on_list_userinfo {
    background: var(--bg-content);
    padding: 8px;
    margin: 0 0 16px;
    width: 100%;
}

.side_navi .login_on_list_item {
    margin: 0 0 24px;
}

/*sidenav_Category カテゴリ*/
.side_navi .category_tabs {
	width: 100%;
    display: flex;
	flex-wrap: wrap;
}

.side_navi .category_tabs .category_tabsWrap{
	width: auto;
}

.side_navi .category_tabs a,
.side_navi .sidenav_menu li a {
    width: 100%;
    display: flex;
    padding: 16px 0;
    align-items: center;
    border-bottom: 1px solid var(--border-main);
    box-sizing: border-box;
}

/*sidenav-calendar カレンダー*/
.sidenav_calendar {
    font-size: 1.2rem;
}

.sidenav_calendar_wrap {
    margin: 0 0 16px;
}

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

.side_navi .calender_main {
    display: flex;
    flex-wrap: wrap;
}

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

.side_navi .other_month {
    opacity: 0.4;
}

.side_navi .calender_contents table {
    width: 100%;
}

.sidenav_calendar th,
.sidenav_calendar td {
    padding: 8px;
    text-align: center;
}

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

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

.sidenav_inquiry a {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    color: var(--btn-main-color);
    justify-content: center;
}

@media screen and (max-width:860px) {
    .pw_reisue {
        margin: 24px 0 40px 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,
    .sidenav_menu li,
    .sidenav_menu li a {
        width: 100%;
    }

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

/**********************************************************

        Top page Section

***********************************************************/

/*============================================================
	Section - category_tabs
============================================================*/
#category_tabs {
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#category_tabs a {
    color: var(--btn-tag-color);
    border: 1px solid var(--btn-tag-border);
    margin: 0 8px 8px 0;
    padding: 8px 16px;
    display: inline-block;
    border-radius: 3px;
}

#category_tabs a.category_sub {
    background-color: var(--btn-subtag-bg);
    font-size: 1.2rem;
    padding: 8px;
}

#category_tabs a:hover {
    background-color: var(--btn-tag-bg-hover);
}

@media screen and (max-width:840px){
    #category_tabs{
        display: none;
    }
}

/*============================================================
	Section - topic_path (パンくず)
============================================================*/
#topic_path {
    margin: 0 auto;
    font-size: 1.2rem;
}

#topic_path li {
    display: inline-block;
    margin: 8px 8px 0 0;
}

#topic_path li span {
    margin-right: 8px;
}

#topic_path a:hover {
    text-decoration: underline;
}

/* =================================================
	Section - comment (コメント)
================================================= */
.comment_header,
.comment_footer {
    color: var(--color-info);
    font-size: 1.2rem;
    margin: 0 0 24px;
}

.comment_header:empty {
    display: none;
}

/*===============================================
	Section - shopinfo top（お知らせトップページ）
================================================= */
.shopinfo_page_wrap{
    display: flex;
    flex-direction: column;
}

.shopinfo_page_list {
    width: 100%;
}

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

.shopinfo_date {
    min-width: 80px;
    margin: 0 18px 0 0;
    color: var(--color-main);
}

.shopinfo_comment {
    margin: 0 0 56px;
    line-height: 1.7;
}

.infoall {
    width: 80px;
    margin: 0 0 0 auto;
}

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

    .shopinfo_date{
        min-width: 80px;
        margin: 0 0 4px;
    }
}

/*===============================================
	Section - menu top（メニュートップページ）
================================================= */
.menu_page_top ul {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    justify-content: space-between;
}

.menu_page_top li{
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--border-main);
    height: auto;
}

@media screen and (max-width:840px){
    .menu_page_top ul {
        display: block;
    }
}

/*===============================================
	Section - login_page_top（ログイントップページ）
================================================= */
.login_page_top .login_off_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.login_page_top .login_off_card {
    width: 49%;
    padding: 24px;
    background: var(--bg-main);
    border-radius: 3px;
}

.login_page_top .login_off_card h3{
    margin: 0 0 16px;
}

.login_page_top .login_off_member {
    border: 1px solid var(--border-main);
    border-radius: 3px;
}

.login_page_top .login_form_input {
    display: block;
    width: 100%;
    border-radius: 3px;
    margin: 0 0 16px;
}

.login_page_top .login_form_wrap input {
    width: 100%;
}

#header .header_main .pw_reisue a {
    justify-content: left;
}

.pw_reisue,
.pw_reisue a{
    text-align: left;
    margin: 8px 0 0;
}

/*ログインしている状態*/
.login_on_wrap {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.login_on_list_userinfo,
.login_on_list{
    width: 48%;
}

.login_on_list_userinfo {
    background: var(--bg-main);
    padding: 24px;
}

.login_on_message {
    margin: 0 0 24px;
}

.userName {
    font-weight: bold;
}

.userPoint{
    margin: 8px 0 0 ;
}

.userPoint {
    font-size: 1.6rem;
    background: var(--bg-content);
    padding: 24px;
}

.login_on_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.login_on_list li a,
.login_on_list li input{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--btn-sub-border);
    border-radius: 3px;
    background: var(--btn-sub-bg);
    color: var(--btn-sub-color);
    text-align: center;
}

.login_on_list li a:hover,
.login_on_list li input:hover{
    background: var(--color-sub-hover);
}

.login_on_list_item_btn{
    margin: 0 0 24px;
}

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

@media screen and (max-width:840px){
    .login_page_top .login_off_wrap,
    .login_on_wrap {
        width: 100%;
        display: block;
    }

    .login_page_top .login_off_member{
        margin: 0 0 24px;
    }

    .login_page_top .login_off_card {
        width: 100%;
        display: block;
    }

    .login_page_top .login_off_card_text {
        margin: 0 0 16px;
    }

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

    .login_on_list_userinfo, .login_on_list {
        width: 100%;
    }

    .login_on_list_item_btn {
        margin: 0 0 24px;
        width: 100%;
    }
}
@media screen and (max-width:560px){
    .login_page_top .login_off_card {
        padding: 16px;
    }
}

/*===============================================
	Section - calender_page_top（カレンダートップページ）
================================================= */
.calender_main {
    margin: 0 0 16px;
    font-size: 1.2rem;
    display: grid;
    grid-template-columns: repeat(3, 30%);
    justify-content: space-between;
}

.calender_title {
    font-weight: bold;
}

.calender_contents th,
.calender_contents td{
    padding: 8px;
    text-align: center;
    background: none;
}

.other_month {
    color: var(--color-info);
}

@media screen and (max-width:840px){
    .calender_main {
        grid-template-columns: repeat(2, 48%);
    }

    .calender_wrap {
        margin: 0 0 24px;
    }

    .calender_contents th,
    .calender_contents td {
        padding: 12px;
    }
}

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

/* =================================================
	Section - newitem_page_top　新着商品
================================================= */

/*新着商品*/
.itemCard.slider-item {
    margin: 0 16px 0 0;
}

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

.newitem_list_cardItem_image {
	position: relative;
    margin: 0 0 8px 0;
    min-width: 120px;
	height: auto;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--border-main);
}

.newitem_list_cardItem_image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
}

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

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

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

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

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

.right-arrow {
	right: 0px;
}

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

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

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

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

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

/* =================================================
	Section - recommend_page_top　おすすめ商品
    Section - hotitem_page_top　売れ筋商品
================================================= */
.recommenditem_list_card,
.hotitem_list_card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recommenditem_list_cardItem,
.hotitem_list_cardItem {
    width: 49%;
    padding: 16px 0 0;
    border-bottom: 1px solid var(--border-main);
}

.recommenditem_list_cardItem > a > div,
.hotitem_list_cardItem > a > div  {
    display: flex;
    margin: 0 0 16px;
}

.recommenditem_list_cardItem_detail,
.hotitem_list_cardItem_detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recommenditem_list_cardItem_image,
.hotitem_list_cardItem_image  {
    min-width: 88px;
    max-width: 88px;
    aspect-ratio: 4 / 3;
    margin: 0 16px 0 0;
}

.recommenditem_list_cardItem_image img,
.hotitem_list_cardItem_image img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

@media screen and (max-width:840px) {
	.recommenditem_list_cardItem,
    .hotitem_list_cardItem {
        width: 100%;
    }
}

/* =================================================
	Section - inquiry_top TOPコンテンツ　問い合わせ
================================================= */
.inquiry_top .inquiry_wrap {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 0 80px;
}

.inquiry_top .inquiry_wrap a{
    width: 100%;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inquiry_top .inquiry_wrap a:hover{
    background-color: var(--btn-main-bg-hover);
}
/**********************************************************

        Each page Setting

***********************************************************/
/*===============================================
	商品一覧 - itemlist_page
================================================= */
.itemlist {
    margin: 0 0 80px;
}

.itemlist_page {
    padding: 0 24px 24px;
    background: var(--bg-main);
}

.itemlist_page .contents_title span {
    font-size: 1.4rem;
    margin: 0px 8px;
}

.itemlist_page .sort {
text-align: center;
margin: 0 0 8px;
}

.itemlist_page .sort ul {
    display: flex;
    justify-content: center;
    margin: 0 0 24px 0;
}

.itemlist_page .sort li {
display: inline;
}

/*商品一覧*/
.itemlist_card {
    justify-content: space-between;
    grid-template-columns: repeat(3, max(200px, 30.8270676692%));
    display: grid;
    grid-row-gap: 40px;
    row-gap: 40px;
}

.itemlist_card_item {
    display: grid;
    grid-template-rows: auto auto auto 1fr;
}

.itemlist_cardItem_detail_name{
    width: 100%;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.is_ongoing_auction {
    color: var(--color-info);
    font-size: 1.2rem;
    margin: 0 0 4px;
}

/*商品画像*/
.itemlist_card_item_wrap {
	width: 100%;
	position: relative;
}

.itemlist_card_item_wrap_image {
    aspect-ratio: 4 / 3;
    position: relative;
}

.itemlist_card_item_wrap_image img {
    width: 100%;
    height: 100%;
    border: 1px solid var(--input-area-border);
    object-fit: cover;
}

.itemlist_card_item_wrap_image img:hover{
    opacity: 0.8;
    transition: 0.18s;
}

/*オークション開催中のマーク・会員限定*/
.item_list_auction_priceTitle,
.limited_icon {
    width: calc(100% - 2px);
    padding: 2px 2px 2px 4px;
    bottom: 5px;
    left: 1px;
    color: var(--color-white);
    border-radius: 0;
    font-size: 1.2rem;
}

.item_list_auction_priceTitle,
.itemlist_card .limited_icon {
    position: absolute;
}

/*会員限定のアクセント*/
.limited_icon{
    background-color: var(--icon-limted-bg);
}

.item_list_auction_priceTitle{
    background-color: var(--bg-auction-icon);
}

.current_price,
.bin_price{
    display: flex;
}

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

/*itemの表記*/
.itemlist_card_item .item_icon {
    position: absolute;
    top: 0;
}

.sale_discount_mode_amount{
    color: var(--icon-sale-bg);
    width: 100%;
    display: block;
}

/*在庫がないときの表記*/
.item_soldout_label_text {
    color: var(--color-info);
    font-size: 1.2rem;
}

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

@media screen and (max-width:840px){
    .itemlist_page{
        padding: 0 16px 40px;
    }

    .itemlist_card{
        grid-template-columns:repeat(2, 48%);
    }
}

/* =================================================
	itemdetail_page 商品詳細
================================================= */
.itemdetail_sale_discount_mode_percent,
.itemdetail_sale_discount_mode_amount{
	background: var(--color-sale);
	color: var(--color-white);
    text-decoration: none;
    padding: 0 5px;
}

.item_detail_wrap {
	max-width: 1024px;
	margin: 0 auto 80px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	box-sizing: border-box;
	position: relative;
}

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

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

.item_detail_saleWrap .sale_discount_mode_amount,
.item_detail_saleWrap .sale_discount_mode_percent {
    color:var(--color-white);
    text-decoration: none;
    padding: 0 5px;
}

.itemlist_main_cardItem_content_price_member_text{
	color:var(--color-white);
	background: var(--color-sale);
	padding: 0 5px;
	display: inline;
	margin: 0 0 16px;
}

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

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

.itemdetail_secret form {
    padding: 40px;
    max-width: 600px;
    box-sizing: border-box;
    background: var(--bg-main);
    margin: 0 auto;
}

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

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

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

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

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

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

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

/*オークション商品*/
.is_canceled_title div input {
    width: 100%;
    height: 40px;
}

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

	.itemdetail_secret {
		margin: 40px 0;
	}

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

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

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

.itemdetail_page_nologin a {
	text-decoration: underline;
}

/* 商品詳細 - 商品画像  */
.item_detail_wrap_gallery {
	width: 45%;
    position: relative;
}

.no_photo {
	width: 100%;
}

#soldout .soldout_form {
    width: 355px !important;
}

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

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

.gallery li {
	list-style: none;
}

/*  選択するサムネイル画像の設定  */
.gallery_choice-btn li {
	height: 40px;
	cursor: pointer;
	outline: none;
	background: var(--bg-item_gallery);
	list-style: none;
	width: calc(100%/10) !important;
	border-radius: 3px;
}

.gallery_choice-btn li:last-child {
    margin: 0;
}

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

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

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

.gallery .slick-track{
	display: flex;
    align-items: center;
}

.gallery.slick-initialized.slick-slider {
    aspect-ratio: 4 / 3;
    border: 1px solid var(--border-soft);
}

.item_detail_wrap_gallery .slick-slide img {
	display: block;
	box-sizing: border-box;
	aspect-ratio: 4 / 3;
    object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

.overlay .next {
	right: 20px;
}

.overlay .prev {
	left: 20px;
}

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

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

.item_detail_wrap_content_name,
.item_detail_wrap_content_title {
	color: var(--color-main);
	text-align: left;
	font-size: 1.6rem;
}

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

.item_detail_wrap_content_title {
    background: var(--bg-content);
	margin: 0 0 32px;
    padding: 8px;
}

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

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

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

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

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

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

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

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

.item_detail_wrap_content_product_stock b {
	font-weight: normal;
}

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

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

.item_detail_wrap_content_product_count {
	margin: 0 0 32px;
}

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

.item_detail_wrap_content_product_submit {
	margin: 0 0 56px;
}

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

.item_detail_wrap_content_product_arrival_notice {
	margin: 0 0 16px;
}

.item_detail_wrap_content .comment{
    margin: 0 0 32px;
}

.item_detail_wrap_content .comment_footer {
    margin: 0 0 80px;
}

.sale_discount_mode_sale{
	font-size: 1.1rem;
    color: var(--color-white);
	background: var(--color-sale);
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 20px;
    text-decoration: underline;
}

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

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

.social {
	margin: 0 0 24px;
}

.social_buttons {
	display: flex;
}

.comment1 {
	margin: 0 0 16px;
}

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

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

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

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

@media screen and (max-width:840px){
    .item_detail_wrap{
        margin: 0 auto 40px;
    }

    .item_detail_wrap_content{
        max-width: 100%;
        width: 100%;
    }

    .item_detail_wrap_content_product_select_type {
        margin: 0 0 56px;
    }
}

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

.itemdetail_subscription_title {
    margin: 0 0 16px;
    padding: 8px;
    color: var(--color-main);
    background: var(--bg-content);
    font-size: 1.6rem;
}

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

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

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

.itemdetail_subscription_text li {
	display: flex;
}

.total_subtitle {
	min-width: 80px;
}

.itemdetail_subscription_listTitle {
    text-align: left;
    padding: 8px;
    font-weight: bold;
}

.itemdetail_subscription a {
	text-decoration: underline;
}

.itemdetail_subscription input.cartbtn_style {
	width: 100%;
	font-weight: bold;
	font-size: 1.4rem;
}

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

.itemdetail_subscription_wrap .btn_main{
    width: 100%;
}

.itemdetail_subscription .item_submit {
    padding: 8px 8px 24px;
}

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

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

    .gallery.slick-initialized.slick-slider{
        aspect-ratio: 4 / 3;
        margin: 0 0 16px;
    }

}

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

.subscription_item_header {
    border-bottom: 1px solid var(--border-main);
    background-color: var(--bg-main);
    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 56px;
}

.subscription_wrap_inner {
    background: var(--bg-main);
    margin: 0 0 24px;
}

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


@media screen and (max-width:560px) {
    .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-main);
        font-weight: bold;
    }

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

    .subscription_item_contents dl {
        display: flex;
    }

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

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

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

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

.itemdetail_category_listItem {
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.itemdetail_category_listItem a {
    color: var(--btn-tag-color);
    border: 1px solid var(--btn-tag-border);
    margin: 0 8px 8px 0;
    height: 40px;
    border-radius: 3px;
    padding: 0 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 2.6;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.itemdetail_category_listItem a:hover {
    background: var(--btn-tag-bg-hover);
}

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

.item_price:first-child dd {
    margin: 0 0 16px;
    font-weight: bold;
}

.item_price_priority_title {
    width: 90px;
}

.item_price_priority {
    margin: 24px 0;
}

.is_canceled_form div {
    display: flex;
    align-items: end;
}

.is_canceled_form input {
    width: 100%;
    height: 40px;
}

.is_canceled_form input[type="submit"].btn_accent {
    color: var(--btn-accent-color);
    background-color: var(--btn-accent-bg);
}

/*商品詳細　-　レビュー*/
.itemdetail_review {
	margin: 0 0 24px;
}

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

.itemdetail_review_average {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--border-main);
}

span.average {
    font-size: 2.4rem;
    margin: 0 0 0 8px;
}

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

.review_total {
    height: 25px;
    margin: 0 8px 0 0;
    font-size: 1.4rem;
    color: var(--color-info);
}

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

.review_average_all a {
    min-width: 80px;
}

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

/*レビュー詳細*/
.reviewlist_main_card {
    margin: 0 0 24px;
    border-bottom: 1px solid var(--border-main);
    padding: 0 0 24px;
}

.reviewlist_main_card:last-child {
    border: none;
}

.reviewlist_main_card_header_wrap {
    display: block;
    margin: 0 0 8px;
}

.reviewlist_main_card_header_wrap_point {
    margin: 0 8px 0 0;
}

.reviewlist_main_card_main.comment {
    margin: 0 0 16px;
}

.reviewlist_main_card_footer_info {
    display: flex;
    flex-wrap: wrap;
    color: var(--color-info);
}

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

.reviewlist_main_card_footer_info {
    display: flex;
    flex-wrap: wrap;
    color: var(--color-info);
    font-size: 1.2rem;
    margin: 0 0 16px 0;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:840px) {
	.item_detail_wrap{
		max-width: 620px;
	}

	.item_detail_wrap{
        display: block;
    }

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

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

	.item_detail_wrap_content_product {
		max-width: 100%;
	}

	.item_detail_wrap_content_product_submit {
		margin: 0 0 24px;
	}

    .is_canceled_form input {
        height: 52px;
    }

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

	.score_contents {
		width: 100%;
	}
}

@media screen and (max-width:560px) {
	/*画面サイズ580px以下*/
	.score_contents {
		width: auto;
        flex-wrap: wrap;
	}

	.review_average {
		flex-wrap: wrap;
	}

	.review_average_score {
		flex-wrap: wrap;
	}
}

/* =================================================
	specific_transaction_page 特定商取引に関する法律にもとづく表示
================================================= */
.specific_transaction_page .list_wrap {
    display: flex;
    margin: 0 0 24px;
}

.specific_transaction_page .list_wrap li {
    padding: 8px;
    margin: 0;
}

.specific_transaction_page .list_header {
    max-width: 200px;
    display: flex;
    align-items: center;
}

.specific_transaction_page .list_title{
    margin: 0;
}

.specific_transaction_page .list_content{
    width: 100%;
}

@media screen and (max-width:840px){
    .specific_transaction_page .list_wrap {
        display: block;
        width: 100%;
        margin: 0 0 24px;
    }

    .specific_transaction_page .list_header {
        width: 100%;
        max-width: inherit;
    }
}

/* =================================================
	shopinfo_page お知らせ
================================================= */
.shopinfo_page .list_title {
    width: calc(100% - 90px);
}

/* =================================================
	shopinfo_page 問い合わせ
================================================= */
.inquiry_wrap_list {
    margin: 24px 0 40px;
}

.inquiry_wrap_listData {
    margin: 0 0 24px;
}

.inquiry_wrap_listData input {
    width: calc(100% - 10px);
}

.inquiry_page textarea {
    width: 100%;
    min-height: 80px;
}

.inquiry_btn .btn_main {
    max-width: 600px;
    margin: 0 auto 56px;
}

.inquiry_btn .btn_sub,
.btn_sub input[type="reset"],
.inquiry_btn input[type="submit"]{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.inquiry_wrap{
    margin: 0 0 80px;
}

@media screen and (max-width:560px){
    .inquiry_page textarea {
        min-height: 160px;
    }
}

/* =================================================
	login_page ログインページ
================================================= */
.login_page_wrap {
    display: flex;
    justify-content: space-between;
}

.login_page_wrap form, .login_page_wrap_registCard {
    width: 47%;
}

.login_page_wrap_loginCard {
    background: var(--bg-main);
}

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

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

.login_page_wrap_loginCard_form li:last-child {
    margin: 0;
}

#login input {
    width: 100%;
}

.login_page_wrap_loginCard_form .login_page_btn {
    margin: 32px 0 8px;
}

.login_page_wrap_loginCard_form input,
.login_page_wrap_loginCard_form a{
    width: 100%;
}

.login_page_wrap_registCard .btn_accent a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 3px;
    margin: 32px 0 0;
}

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

@media screen and (max-width:840px){
    .login {
        max-width: 600px;
        margin: 0 auto;
    }

    .login_page_wrap {
        display: block;
    }

    .login_page_wrap form,
    .login_page_wrap_registCard {
        width: 100%;
    }

    .login_page_wrap_loginCard {
        margin: 0 0 34px;
    }

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

    .login_page_wrap_registCard .btn_accent a{
        height: 52px;
    }
}

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

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

.reviewform_item_image {
    min-width: 120px;
    height: auto;
    aspect-ratio: 4 / 3;
    margin: 0 24px 0 0;
}

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

.reviewform_main {
    margin: 0 0 80px;
}

.reviewform_mainWrap {
    margin: 0 0 24px;
}

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

.reviewform_mainWrap_input textarea {
    height: 200px;
}


@media screen and (max-width:840px){
    .reviewform_mainWrap_input input,
    .reviewform_mainWrap_input select{
        height: 52px;
    }
}
/* =================================================
	review_finish レビュー完了
================================================= */
.review_finish_wrap {
    margin: 0 auto;
    text-align: center;
}

.review_finish_wrap_message {
    margin: 0 0 80px;
}

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


@media screen and (max-width:840px){
    .review_finish_wrap_btn_home,
    .review_finish_wrap_btn_back{
        height: 52px;
    }
}

/* =================================================
	checkcart_page カートの中身
================================================= */
/*  商品が入っていない場合  */
.no_order {
	padding: 40px;
	background: var(--bg-main);
	margin: 0 0 40px;
}

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

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

.checkcart_wrap_itemImage {
    aspect-ratio: 4 / 3;
    width: 27%;
    height: 100%;
}

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

.checkcart_wrap_itemContent {
    width: 70%;
}

.checkcart_wrap_itemContent .price {
    display: flex;
}

.checkcart_wrap_itemContent .price .price_subtotal {
    margin: 0 0 0 16px;
}

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

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

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

.checkcart_wrap_itemContent_countorder {
	margin: 0 8px 0 0;
}

.checkcart_wrap_itemContent .count input[type="submit"],
.checkcart_wrap_itemContent .count select  {
	height: 40px;
	width: 80px;
}

.checkcart_wrap_itemContent .count select {
	border-radius: 3px;
	border: 1px solid var(--border-main);
}

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

.edit {
	text-align: end;
}

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

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

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

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

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

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

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

.goto_cart .btn_accent a {
    width: 100%;
    display: flex;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 0 0 56px;
}

@media screen and (max-width:840px){
    .goto_cart .btn_accent a{
        height: 52px;
    }
}

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

    .checkcart_wrap_itemImage{
        width: auto;
        margin: 0 0 24px;
    }

    .checkcart_wrap_itemContent {
        width: 100%;
    }

    .checkcart_wrap_itemContent>div,
    .checkcart_wrap_itemContent .count{
        margin: 0 0 24px;
    }

    .checkcart_wrap .goto_cart{
        margin: 56px auto 0;
    }

}

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

.cart_header_step {
	margin: 0 0 40px;
}

.cart_header_step_list {
	max-width: 600px;
	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);
}

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

.check_title_on {
	color: var(--cart-check-on);
	font-weight: bold;
	font-size: 1.2rem;
}

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

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

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

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

.checkout_cartInput_main {
    width: 65%;
	margin: 0;
	box-sizing: border-box;
}

.checkout_formWrap {
    margin: 0 0 56px;
}

.checkout_formWrap.common_last_contents {
	margin: 0 0 56px;
}

.checkout_form_point h3,
.checkout_form_coupon h3 {
	margin: 0px 0 12px;
}

.checkout_formWrap_header p.point {
	margin: 16px 0;
	font-size: 1.4rem;
	color: var(--color-tertiary);
}

.checkout_formWrap_another li.form_title {
	margin: 0 0 16px;
	font-weight: bold;
}

.form_title span{
	color: var(--color-point);
}

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

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

.checkout_formWrap_contentsList {
	margin: 0 0 16px;
}

.checkout_formWrap_contentsList input,
.checkout_formWrap_contentsList select {
    margin: 0 0 4px;
}

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

.checkout_formWrap_contentsList_input.form_input textarea {
    margin: 0 0 16px;
}

.checkout_formWrap_contentsList_title br {
	display: none;
}

textarea#in_address,
textarea#for_address {
    resize: vertical;
    width: calc(100% - 10px);
    vertical-align: text-top;
    padding: 16px 8px 8px 8px;
    display: flex;
    align-items: center;
}

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

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

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

.checkout_formWrap_contentsList_input input,
.checkout_formWrap_contentsList_input select,
.checkout_formWrap_contentsList_input textarea {
	color: var(--color-main);
	background-color: var(--input-area-bg);
	border: 1px solid var(--input-area-border);
}

.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,
.checkout_form_point select{
	width: 70%;
    height: 40px;
    border-radius: 3px;
}

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

.checkout_formWrap_contentsList_point_input select {
    margin: 0 0 24px;
    border: 1px solid var(--border-main);
}

.checkout_cartInput_sub {
    width: 28%;
}

.checkout_cartInput_subinner_listitem {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0 8px;
}

.checkout_cartInput_subinner_listitem_itemdetail{
    width: 90px;
    aspect-ratio: 4 / 3;
}

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

.checkout_cartInput_subinner_listitem_contents {
    width: calc(100% - 100px);
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.checkout_cartInput_subinner_listitem_contents ul {
    text-align: right;
}

.checkout_cartInput_subinner_cart_total {
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
    border-top: 1px solid var(--border-main);
    padding: 8px 0 0;
}

.checkout_formWrap_header{
    margin: 0 0 16px;
}

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

    .checkout_page .common_infomessage,
    .checkout_cartInput_main {
        max-width: 600px;
        width: 100%;
        margin: 0 auto 56px;
    }

    .checkout_page .common_infomessage {
        margin: 0 auto 24px;
    }

    .checkout_formWrap_contentsList{
        padding: 0;
    }

    .checkout_formWrap_contentsList_input select{
        width: 100%;
    }

    .checkout_formWrap_contentsList_input select,
    .checkout_form_point select{
        height: 52px;
    }

    .checkout_cartInput_sub {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

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

/*ご注文情報の確認-*/
.checkout_cartConfirm {
    background: var(--bg-main);
}

.checkout_cartConfirm_header {
    margin: 0 0 32px;
}

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

.checkout_cartConfirm_main {
    margin: 0 auto 56px;
    padding: 0 24px;
}

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

.checkout_cartConfirm_main_wrap_header {
    border-bottom: 1px solid var(--border-main);
    padding: 8px 0;
    font-weight: bold;
    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: 90px;
    height: auto;
    aspect-ratio: 4 / 3;
    margin: 0 16px 0 0;
}

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

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

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

.checkout_cartConfirm_main_wrap_contents_card {
    display: flex;
    align-items: center;
    width: 50%;
}

.checkout_cartConfirm_main_wrap_contents_card_order {
    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_order span,
.checkout_cartConfirm_main_wrap_contents_card_price span,
.checkout_cartConfirm_main_wrap_contents_card_subtotal span {
    display: none;
}

/*送料*/
.checkout_cartConfirm_main_wrap_option {
    border-top: 1px solid var(--border-main);
    padding: 24px 0;
    text-align: end;
}

.checkout_cartConfirm_main_wrap_total{
    padding: 24px 16px;
}

.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,
.checkout_shipping_later:empty,
.checkout_shipping_sw:empty {
    display: none;
}

/*合計料金*/
.checkout_cartConfirm_main_wrap_total {
    border-top: 1px solid var(--border-main);
    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: 1.6rem;
}

.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 16px 16px;
    border-bottom: 1px solid var(--border-main);
    display: flex;
}

.checkout_cartConfirm_userinfo_contentsList_title {
    min-width: 184px;
    margin: 0;
}

.checkout_cartConfirm_userinfo_contentsList_title br {
    display: none;
}

.paypal-card-form-sendbtn-check {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}

/*ボタン*/
p.registerbutton1 {
    margin: 32px auto 56px;
}

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

    .checkout_cartConfirm_main_wrap_contents{
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .checkout_cartConfirm_userinfo_contentsList_title{
        margin: 0;
    }

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

    p.registerbutton1 {
        margin: 32px auto 56px;
    }
}

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

    .checkout_cartConfirm_main{
        margin: 0 auto 56px;
        padding: 0 8px;
    }

    .checkout_cartConfirm_main_wrap_header{
        display: none;
    }

    .checkout_cartConfirm_userinfo_contentsList{
        display: block;
        width: auto;
        padding: 0 8px 16px;
    }

    .checkout_cartConfirm_userinfo_contentsList_title {
        margin: 0 0 4px;
    }

    .checkout_cartConfirm_main_wrap_contents_card {
        display: block;
        width: auto;
    }

    .checkout_cartConfirm_main_wrap_contents_card_order,
    .checkout_cartConfirm_main_wrap_contents_card_price,
    .checkout_cartConfirm_main_wrap_contents_card_subtotal{
        width: 100%;
        padding: 8px 0;
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }

    .checkout_cartConfirm_main_wrap_contents_card_order span,
    .checkout_cartConfirm_main_wrap_contents_card_price span,
    .checkout_cartConfirm_main_wrap_contents_card_subtotal span {
        display: block;
    }

    .checkout_cartConfirm_main_wrap_option_list,
    .checkout_cartConfirm_main_wrap_total_list{
        justify-content: space-between;
    }

    .checkout_cartConfirm_main_wrap_option_list_title {
        width: auto;
    }

    .checkout_cartConfirm_main_wrap_total_title,
    .checkout_cartConfirm_main_wrap_total_contents {
        width: auto;
    }
}

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

.membersinfo_page_wrap .list_content input,
.membersinfo_page_wrap .list_content select {
    width: 100%;
}

.membersinfo_page_wrap input[type="radio"]{
    width: initial;
}

.membersinfo_page_wrap textarea {
    width: 100%;
    background: var(--bg-main);
    min-height: 80px;
}

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

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

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

.membersinfo_formWrap li :last-child div {
    background: none;
}

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

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

.membersinfo_userWrap_card span {
    position: absolute;
    left: 8px;
    top: 9px;
    height: 1.4rem;
}

.membersinfo_userWrap_card svg {
	height: 1.4rem;
    fill: var(--btn-sub-color);
}

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

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

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

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

.membersinfo_page .list_wrap {
    display: block;
    margin: 0 0 24px;
    padding: 0 0 24px 0;
    border-bottom: 1px solid var(--border-main);
}

.membersinfo_page .list_header{
    padding:0;
    margin: 0;
    display: flex;
    align-items: center;
    background: none;
}

.membersinfo_page .list_content{
    width: 100%;
    margin: 8px 0 0 0 ;
    padding:0;
}

.membersinfo_page .list_wrap:last-child {
    border: none;
}

.membersinfo_page span.list_title {
    margin: 0;
}

.membersinfo_page .btn_main {
    margin: 0 0 56px;
}

@media screen and (max-width:560px){
    .membersinfo_page .list_wrap,
    .membersinfo_page .delete_account {
        display: block;
    }

    .membersinfo_page .list_header,
    .membersinfo_page .list_content{
        max-width: 100%;
    }
}

/*  会員情報 - 会員情報変更  */
input[name="SubmitEdit"],
input[name="SubmitPedit"],
input[name="Cancel"] {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
    box-sizing: border-box;
}

input[name="SubmitEdit"],
input[name="SubmitPedit"]{
    margin: 40px 0px 56px;
	color: var(--btn-main-color);
	background-color: var(--btn-main-bg);
}

input[name="Cancel"] {
	color: var(--btn-sub-color);
	border: 1px solid var(--border-main);
	background: var(--btn-sub-bg);
}

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

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

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

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

.delete_account {
    margin: 0 0 80px;
    padding: 40px 0 0;
}

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

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

@media screen and (max-width:840px) {
	.membersinfo_pointWrap {
		padding: 16px;
		margin: 0 0 40px;
	}

	.membersinfo_userWrap li {
		width: 100%;
        height: 52px;
        margin: 0 0 24px;
	}

    .membersinfo_userWrap_card span{
        left: 16px;
        top: inherit;
    }
}

/* =================================================
	members_signup 会員登録ページ
================================================= */
.members_signup_wrap_form_mail input {
    width: calc(100% - 16px);
    margin: 0 0 56px;
}

.members_signup_wrap_form_list {
    margin: 0 0 24px;
}

.members_signup_wrap_form_list .hint {
    margin: 4px 0 0;
}

.members_signup_wrap_form input,
.members_signup_wrap_form textarea {
    width: calc(100% - 16px);
    height: 40px;
}

.signupbutton input,
.members_signup_wrap_form_btn input {
    width: 100%;
}

.members_signup_wrap_form label {
    height: 24px;
    display: flex;
    align-items: center;
    margin: 0 0 56px;
}

.members_signup_wrap_form input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.members_signup_wrap_form select{
    width: 70%;
    height: 40px;
}

.members_signup_wrap_form input.btn_main {
    width: 100%;
}

.members_signup_confirm {
    margin: 0 0 56px;
}

.members_signup_confirm_list {
    margin: 0 0 24px;
}


.members_signup_confirm_list .list_title {
    background: var(--bg-content);
    padding: 8px;
    margin: 0 0 16px;
}

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

.members_signup_wrap_header_text.common_infomessage {
    margin: 0 0 56px;
}

.signupbutton input.btn_main {
    margin: 0 0 56px;
}

@media screen and (max-width:840px){
    .pwreissue_page .form_input {
        margin: 0 0 16px;
    }
}

/* =================================================
	members_signup 会員登録ページ
================================================= */
.pwreissue_page .form_input input{
    width: 100%;
}

@media screen and (max-width:840px){
    .pwreissue_page .form_input {
        margin: 0 0 16px;
    }
}

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

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

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

.withdraw_header path {
    fill: var(--error-color);
}

.withdraw_header svg {
    height: 56px;
}

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

.withdraw_header_imgIcon {
    display: block;
    height: auto;
}

.withdraw_header_imgIcon svg {
    height: 62px;
    fill: var(--error-color);
}

.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: 600px;
	margin: 0 auto;
}

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

/*退会完了ページ*/
.withdraw_finish h3{
    margin: 0 0 80px;
    text-align: center;
}

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

/* =================================================
	history ご注文履歴一覧
================================================= */
.historylist h2 {
    text-align: center;
}

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

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

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

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

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

.historylist_order {
    border: 1px solid var(--border-main);
    border-radius: 3px;
    margin: 0 0 40px;
}

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

.historylist_order_header_total {
    font-weight: bold;
}

.historylist_order_header_detail a {
    width: 150px;
    height: 40px;
    color: var(--btn-main-color);
    background: var(--btn-main-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: none;
}

.historylist_order dl {
    display: flex;
    padding: 0 16px 16px;
    position: relative;
}

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

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

.historylist_order .item_image {
    order: 1;
    margin: 0;
    min-width: 120px;
    aspect-ratio: 4 / 3;
    height: auto;
}

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


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

.historylist_order .item_comment p:first-child {
    width: max-content;
    border-bottom: 1px solid var(--border-main);
    border-radius: 0;
    position: absolute;
    bottom: 22px;
    left: 152px;
}

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

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

.review_url {
    display: flex;
    align-items: center;
    width: 150px;
    justify-content: center;
}

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

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

.history_order_link .btn_main,
.history_order_link .btn_sub,
.historylist_order_link .btn_main {
    margin: 0 0 56px;
    width: 100%;
}

.historylist_order .item_comment .review_url {
    border: 1px solid var(--btn-sub-border);
    height: 40px;
    border-radius: 3px;
    width: 150px;
}

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

    /*画面サイズ580px以下*/
    .historylist {
        padding: 16px 0;
    }

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

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

    .historylist_order {
        border: none;
        padding: 0;
        margin: 0 0 40px 0;
        background-color: var(--bg-main);
    }

    .historylist_order_header {
        padding: 16px;
        border-bottom: none;
        border-top: 1px solid var(--border-main);
        display: block;
    }

    .historylist_order_header_date,
    .historylist_order_header_total {
        display: flex;
    }

    .historylist_order .item_image{
        width: 90px;
        min-width: 90px;
    }

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

    .historylist_order .item_comment .review_url,
    .historylist_order_header_detail a{
        width: 115px;
    }

    .historylist_order dl {
        padding: 0 16px 16px;
        margin: 0 4px 16px;
        flex-wrap: wrap;
        border-bottom: 1px solid var(--border-main);
    }

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

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

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

    .historylist_order .item_comment p:first-child {
        top: 56px;
        right: 16px;
        bottom: 0;
        left: inherit;
        padding: 0;
        display: inline-table;
    }

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

    a.review_url.button_style {
        margin: 16px 0 0;
    }

    .historylist_order_link div {
        padding: 0 16px;
    }
}

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

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

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

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

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

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

.history_order_detail_title .name {
    width: 50%;
}

.history_order_detail_title .count {
    width: 10%;
}

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

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

.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: 120px;
    height: auto;
    aspect-ratio: 4 / 3;
    margin: 0 16px 0 0;
}

.history_order_detail_item_headerWrap_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid var(--border-main);
    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-main);
    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-main);
    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: 100%;
}

.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-main);
    height: 40px;
    padding: 0 16px;
    align-items: center;
}

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

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

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

.history_order_link .btn_back a {
    color: var(--btn-sub-color);
    background-color: var(--btn-sub-bg);
    margin: 0 0 62px;

}

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

    /*画面横幅768px 以下　タブレットサイズ*/

    .history_order {
        border: none;
    }

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

    .history_order_detail {
        padding: 0;
    }

    .history_order_detail_title {
        display: none;
    }

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

    .history_order_detail_item_header {
        width: 100%;
    }

    .history_order_detail_item_headerWrap_image {
        min-width: 90px;
    width: 90px;
    }

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

    .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:560px) {

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

    .history_order_detail_option {
        padding: 24px;
    }
    .history_order_detail_item{
        padding: 16px 8px 0;
    }
    .history_order_detail_item_info {
        flex-direction: column;
        width: calc(100% - 92px);
    }
    .history_order_detail_item_headerWrap_image{
        margin: 0 8px 0 0;
    }
    .history_order_detail_item_headerWrap_name {
        margin: 0;
    }
    .history_order_detail_item_info_count,
    .history_order_detail_item_info_price,
    .history_order_detail_item_info_price_subtotal{
        margin: 0 0 0 8px;
    }
}

/* =================================================
	reviewlist レビュー一覧(みんなのレビュー)
================================================= */
.reviewlist_itemWrap_item {
    display: flex;
    justify-content: space-between;
    padding: 0 0 32px 0;
    margin: 0 0 32px;
    border-bottom: 1px solid var(--border-main);
}

.reviewlist_itemWrap_item_image a {
    display: block;
    min-width: 120px;
    aspect-ratio: 4 / 3;
}

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

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

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

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

.reviewlist_itemWrap_item_info_contents_name {
    margin: 0 0 8px;
}

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

.reviewlist_itemWrap_item_info_contents_tortalaverage .rateit{
    margin: 0 0 0 16px;
}

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

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

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

.reviewlist_itemWrap_item_info_contents_option_type select {
    width: 100%;
}

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

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

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

.reviewlist_main_card_footer_info {
    display: flex;
	margin: 0 0 8px;
}

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

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

.reviewlist_main_card_footer_info {
    margin: 0 0 16px;
}

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

.reviewlist_main_card_opinion:empty {
    display: none;
}

.reviewlist_itemWrap_item_info_cart {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.reviewlist_main_card_main {
    margin: 0 0 16px;
}

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

@media screen and (max-width:840px) {
    .reviewlist_main_card_header_title {
        width: 100%;
        margin: 0 0 16px;
    }

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

    .reviewlist_main_card_header {
        display: block;
        margin: 0 0 8px;
    }

    .reviewlist_main_card_header_wrap {
        width: 100%;
    }

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

    .reviewlist_itemWrap_item_info_contents {
        min-width: inherit;
    }

    .reviewlist_itemWrap_item_info_cart {
        width: 100%;
    }

    .reviewlist_itemWrap_item_info {
        flex-wrap: wrap;
    }

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

    .reviewlist_itemWrap_item_info_contents_option {
        margin: 0 0 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%;
    }
}

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

    .reviewlist_itemWrap_item_image {
        margin: 0 0 24px
    }

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

    .reviewlist_itemWrap_item_info_contents{
        min-width: 100%;
    }

    .reviewlist_itemWrap_item_info_contents_name,
    .reviewlist_itemWrap_item_info_contents_price,
    .reviewlist_itemWrap_item_info_contents_tortalaverage {
        margin: 0 0 16px;
    }

    .reviewlist_itemWrap_item_info_contents_option_type select,
    .reviewlist_itemWrap_item_info_contents_option_stock select,
    .reviewlist_itemWrap_item_info_contents_option_count select,
    .reviewlist_itemWrap_item_info_submit input[type="submit"]{
        height: 52px;
    }
}

/* =================================================
	在庫数オーバー
================================================= */
.stockout_page h2 {
    text-align: center;
}

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

.stockout_page_wrap_img {
    margin: 0 0 16px;
}

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

.stockout_page_wrap_text {
    text-align: center;
}

@media screen and (max-width:560px){
    .stockout_page_wrap{
        padding: 24px 16px;
    }
}

/* =================================================
	auction　オークション関係のぺージ
================================================= */
/* オークション - 入札確認 */
.auction_bid_inner {
    display: flex;
	justify-content: space-between;
}

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

.auction_bid_wrap_itemImage {
    width: 45%;
    aspect-ratio: 4 / 3;
    margin: 0 16px 0 0;
}

.auction_bid_wrap_itemImage img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid var(--border-main);
    object-fit: cover;
}

.auction_bid_about {
    width: 50%;
}

.is_canceled_form_canceled{
    margin: 0 0 32px;
}

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

.auction_bid_price dd span {
    font-size: 1.4rem;
}

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

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

.auction_bid_price_btn .btn_main,
.auction_bid_price_btn .btn_accent{
    width: 100%;
}

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

    .auction_bid_wrap_itemImage,
    .auction_bid_about {
        width: 100%;
    }

    .auction_bid_about {
        margin: 0 0 40px;
    }

    .auction_bid_wrap .checkcart_wrap_itemImage {
        height: 180px;
        width: 93%;
        margin: 0 auto 40px;
    }

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

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

.auction_bid_comp_text {
    margin: 0 0 80px;
}

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

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

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

.auction_item_top_bidder{
    padding: 24px 24px 24px 56px;
    margin: 0 0 24px;
    color: var(--btn-sub-color);
    border: 1px solid var(--border-main);
    position: relative;
}

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

.auction_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(--color-white);
    border-width: 0px 2px 2px 0;
}

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

.auction_bid_btn a{
    font-size: 1.4rem;
    color: var(--btn-main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.auction_bid_comp_text span{
	font-weight: bold;
}

/*オークション - 落札完了*/
.auction_successful_img {
    width: 40px;
    height: 40px;
    background: var(--icon-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(--icon-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_successful_text {
    text-align: center;
}

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

#auction_successful .auction_bid_comp_btn a {
    font-size: 1.4rem;
    color: var(--btn-accent-color);
    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{
    margin: 8px 0 0;
}

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

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

/*落札者情報入力*/
#regi_auction .checkout_cartInput {
    display: block;
    margin: 0 auto;
}

#regi_auction .form_input {
    width: 100%;
}

#regi_auction select{
    height: 40px;
}

#regi_auction .goto_cart .goto_cart_next{
    margin: 0;
}

#regi_auction_checkout .checkout_cartConfirm_main{
    padding: 0;
}

#regi_auction_checkout .checkout_cartConfirm{
    margin: 0 0 56px;
}

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

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

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

#regi_auction_checkout .checkout_cartConfirm_main_wrap_headerTitle:nth-child(3),
#regi_auction_checkout .checkout_cartConfirm_main_wrap_headerTitle:nth-child(4){
    width: 20%;
}

#regi_auction_checkout .checkout_cartConfirm_userinfo_contentsList{
    padding: 0 16px 16px;
}

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

#regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_name {
    width: 50%;
    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_order {
    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%;
    text-align: end;
}

#regi_auction_checkout .registerbutton{
    margin: 0 auto 56px;
}

@media screen and (max-width:840px){
    #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_order {
        padding: 0;
    }
}

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

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_option,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents,#regi_auction_checkout .checkout_cartConfirm_main_wrap_total {
        padding: 16px;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents{
        display: block;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_order,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_price,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_subtotal{
        width: 100%;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_order,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card_price{
        margin: 0 0 16px;
    }

    #regi_auction_checkout .checkout_cartConfirm_userinfo_contentsList {
        padding: 0 8px 16px;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_option_list_title,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_total_title{
        width: initial;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_name{
        width: 100%;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_contents_card {
        width: 50%;
        margin: 0 0 0 auto;
    }

    #regi_auction_checkout .checkout_cartConfirm_main_wrap_option_list,
    #regi_auction_checkout .checkout_cartConfirm_main_wrap_total_list {
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

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

.second_payment {
    background: var(--bg-main);
    padding: 40px;
    margin: 0 0 54px;
}

/*メインボタン*/
#regi_auction_checkout .registerbutton {
    text-align: center;
}

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

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

@media screen and (max-width:840px){
    .drawer-nav-body .search form input,
    .sidenav_signup a,
    .login_on_list li a,
    .login_on_list li input,
    .item_detail_wrap_content_product_count select,
    .item_detail_wrap_content_product_select_type select,
    input[name="SubmitEdit"],
    input[name="SubmitPedit"],
    input[name="Cancel"],
    .sidenav_login_off .login_form_input input,
    .auction_bid_comp_btn,
    .btn_signup,
    #regi_auction select,
    #regi_auction_checkout .registerbutton input,
    #regi_auction_checkout .registerbutton1,
    .members_signup_wrap_form input,
    .members_signup_wrap_form textarea,
    .members_signup_wrap_form div input,
    .members_signup_wrap_form div select,
    .members_signup_wrap_form textarea{
        height: 52px;
    }

    .login_on_list li a,
    .login_on_list li input{
        font-size: 1.6rem;
    }

    .drawer-nav-body .search form .submit{
        width: 52px;
        height: 52px;
    }
}