@charset "UTF-8";
/* --------------------------------------------------------------------
	SP共通変数
--------------------------------------------------------------------- */
:root{
	--text-color-primary:#1a1a1a;
	--text-color-secondary:#063c81;
	--text-color-tertiary:#59656d;
	--text-color-danger:#a94442;
	--text-color-alert:#DD000B;
	--theme-color-primary:#000000;
	--theme-color-secondary:#063c81;
	--theme-color-tertiary:#59656d;
	--theme-color-quaternary:#eeeeee;
	--theme-color-quinary:#99a5ac;
	--theme-color-alert:#F2DEDE;
	--font-family-base:'Mulish',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	--font-family-alpha: 'Mulish', sans-serif;
	--font-family-kana: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	--font-weight-alpha-head:200;
	--table-border-color:#d4deea;
	--mypage-table-border-color:#cccccc;
	--table-background-color-primary:#e6ebf2;
	--table-background-color-secondary:#fbfbfb;
	--customer-table-background-color:#EEF8F5;
	--input-border-color:#999999;
	--goods-border-color:#cccccc;
	--form-border-color:#d4deea;
	--goods-scomment-text-color:#e61d50;
	--goods-price-text-color:#e61d50;
	--form-help-text-color:#848484;
	--overlay-background-color:rgba(0,0,0,0.6);
	--goods-background-color:#cccccc;

	--btn-box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.1);
	--btn-border-radius:3px;
	--btn-black-color:#333333;
	--btn-gray-color:#cccccc;

	--header-height:72px;
	--padding-x:calc(30 / 828 * 100vw);

	--font-size-alpha-head-main:3.5625rem;
	--font-weight-alpha-head-main:200;
	--color-alpha-head-main:var(--text-color-secondary);
	--line-height-alpha-head-main:calc(120 / 114);

	--font-size-kana-head-sub:1.625rem;
	--font-weight-kana-head-sub:bold;
	--color-kana-head-sub:var(--text-color-primary);
	--line-height-kana-head-sub:calc(86 / 52);

	--g-tab-content-padding-top:35px;

	--td-padding-x:8px;
	--td-padding-y:5px;
	--th-width:35%;
}
/*
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
*/
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

li {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: var(--text-color-primary);
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: var(--text-color-primary);
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted inherit;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 0.5em 0;
	padding: 0;
	display: none;
}

input,
select {
	vertical-align: middle;
}

select {
	padding: 8px;
}

img {
	max-width: 100%;
	vertical-align: top;
}


/** ** **/

#container {
	width: 100%;
	max-width: 640px;
	margin: 0 auto 0 0;
	position: relative;
}
::placeholder{
	font-size: 0.875rem;
	line-height: 1;
	font-weight: bold;
	color: #cccccc;
	font-family: var(--font-family-kana)!important;
}
/*--- override uikit begin ---*/
p, ul, ol, dl, pre, address, fieldset, figure{
	margin: 0;
	padding: 0;
}
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge,pre,input{
	margin: 0;
	color: var(--text-color-primary);
	font-family: var(--font-family-base);
}
h3, .uk-h3{
	line-height: normal;
}
dt{
	font-weight: normal;
}
  :focus:not([tabindex^='-']),
  :focus-visible{
	outline:none;
}
.uk-tab{
	margin-left: 0;
}
.uk-tab > *{
	padding-left: 0;
}
.uk-tab > * > a{
	text-transform: none;
}
.uk-tab > .uk-active > a{
	border: none;
}
.uk-tab::before{
	border-bottom: none;
}
.uk-slider-items{
	align-items: stretch;
}
.uk-offcanvas-overlay::before{
	background-color: var(--overlay-background-color);
}
.uk-sticky{
	z-index: 1;
}
.uk-modal-dialog{
	transition: none;
	padding-left: 0;
	padding-right: 0;
}
.uk-modal{
	padding: 0;
	background:rgba(0,0,0,0.3);
}
[class*=uk-modal-close-]{
	top: 25px;
	right: 25px;
	padding: 0;
}
[class*=uk-modal-close-] svg{
	color: var(--text-color-primary);
}
.uk-subnav-pill>*>:first-child{
	background: #fff;
	color: inherit;
	padding: 0;
}
.uk-overlay-primary{
	background-color: rgba(0,0,0,0.3);
}
*+.uk-hr, *+hr{
	margin:0;
}
/* --------------------------------------------------------------------
	common　共通エレメント
-------------------------------------------------------------------- */
*,
*:before,
*:after {
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-break: break-word;
}
html{
	scroll-behavior: smooth;
	scroll-padding-top: var(--header-height);
	-webkit-text-size-adjust: none!important;
}
.pc-only{
	display: none!important;
}
.sp-only{
	display: block!important;
}
span.sp-only{
	display: inline!important;
}

/* 共通 */

body {
	margin: 0;
	color: var(--text-color-primary);
	font-family: var(--font-family-base);
	font-size: 16px;
	line-height: calc(24 / 16);
	background: #FFF;
}

input[type=text],
input[type=password]{
	max-width: 98%;
}

textarea,
select,
input[type="checkbox"],
input[type="radio"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"]{
	padding: 6.5px;
	font-size: 1rem;
	border-radius: 4px;
	background-color: #fff;
	border:1px solid var(--input-border-color);
	color: var(--text-color-primary);
	font-family: var(--font-family-kana);
	max-width: 100%;
}
textarea{
	padding: 10px;
}
select{
	height: 39px;
}
input[name="rep_name"],
input[name="rep_name2"],
input[name="rep_kana"],
input[name="rep_kana2"] {
	width: 129px;
}

input[type=text],
input[type=password],
textarea {
	max-width: 100%;
}


.rightfloat_>input[name="otherdest.x"] {}

input[type="text"]:focus,
textarea:focus,
select:focus,
input[type=password]:focus {
	border: 1px solid var(--theme-color-secondary)!important;
	outline: 0;
}
.memo-edit-link{
	text-decoration: underline;
}
input.precart_button_,
input.name-update,
input.cancel-btn,
input.memo-update {
	overflow: visible;
	cursor: pointer;
	margin: 4px 8px 4px 0;
	font-size: 12px;
	line-height: 13px;
	height: auto;
	font-weight: normal;
	border-radius: var(--btn-border-radius);
	border: 1px solid #909090;
	box-shadow: var(--btn-box-shadow);
	padding: 8px 12px;
	text-decoration: none;
	background-color: #ffffff;
	color: var(--text-color-primary);
	display: inline-block;
	position: relative;
	margin-bottom: 10px !important;
}
a {
	text-decoration: none;
	color: var(--text-color-primary);
}
input.memo-update {
	margin-right: 0;
}
select[name*="yy"],
select[name*="mm"],
select[name*="dd"]{
	margin-right:4px;
}
select[name*="mm"],
select[name*="dd"]{
	margin-left:4px;
}


th,
td {
	vertical-align: middle;
}

/* ラジオボタンデザイン */
input[type="radio"] {
	-webkit-appearance: none;
	position: relative;
	margin-right: 6px;
	margin-bottom: 6px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	vertical-align: bottom;
}

input[name="pointpay"],
input[name="method"] {
	vertical-align: middle;
}

input[type="radio"]:checked:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	content: "";
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #4c4c4c;
}

/* チェックボックスデザイン */
input[type="checkbox"] {
	position: relative;
	margin-right: 5px;
	border-radius: 3px;
	border: 1px solid #4c4c4c;
	-webkit-box-sizing: border-box;
	width: 20px;
	height: 20px;
}


/* ----clearfix---- */
.clearfix_:before,
.clearfix_:after {
	content: "";
	display: table;
}

.clearfix_:after {
	clear: both;
}

.clearfix_ {
	zoom: 1;
}

/* フロート */
.leftfloat_ {
	float: left;
	display: inline;
}

.rightfloat_ {
	float: right;
	display: inline;
}

img.leftfloat_ {
	margin: 0 10px 10px 0;
}

img.rightfloat_ {
	margin: 0 0 10px 10px;
}

/**/

/* 文字サイズ */
.large_ {}

.xlarge_ {
	font-size: 144%;
}

.small_ {
	font-size: 80%;
}

.xsmall_ {
	font-size: 64%;
}

/**/

/* 特定メッセージ（インライン） */
.error_ {
	color: var(--text-color-alert);
	font-size: 0.875rem;
}

#err_score,
#err_title,
#err_comment {
	color: var(--text-color-alert)!important;
}

.notice_ {
	color: var(--text-color-alert);
}

.info_ {
	font-weight: bold;
}

/**/

/* 特定メッセージ（ブロック） */
div.block_message_ {
	background-color: #ffffff;
	border: solid 1px #666666;
	padding:var(--td-padding-y) var(--td-padding-x);
	margin: 4px 0 10px;
	font-size: 0.9375rem;
}

div.error_,
table.error_ {
	background-color: #ffffff;
	border: solid 1px var(--text-color-alert);
	padding:var(--td-padding-y) var(--td-padding-x);
	margin: 4px 0 10px;
	font-size: 0.9375rem;
}

div.notice_,
table.notice_ {
	background-color: #ffffff;
	border: solid 1px #996666;
	padding:var(--td-padding-y) var(--td-padding-x);
	margin: 4px 0 10px;
	font-size: 0.9375rem;
}

div.info_,
table.info_ {
	background-color: #ffffff;
	border: solid 1px #666666;
	padding:var(--td-padding-y) var(--td-padding-x);
	margin: 4px 0 10px;
	font-size: 0.9375rem;
}
.error_ a,
.message_ a,
.notice_ a,
.info_ a{
	text-decoration: underline;
}
ul.error_ {
	/*margin-left: 16px;*/
}

/**/

div.message_ {
	color: var(--text-color-secondary);
	background-color: #ffffff;
	border: solid 1px var(--theme-color-secondary);
	padding: var(--td-padding-y) var(--td-padding-x);
	margin: 10px 0 20px;
	text-align: left;
	font-size: 0.9375rem;
}

p.message_ {
	/*font-size: 0.875rem;*/
    font-size: 1.0rem;
	margin: 10px 0;
}

#contentArea .message_ {}

#contentArea div.contact_ div.contact_reform_ .message_ {
	padding-left: 0;
}

/* 入力フォーム */
ul.formdetail_ li {
	padding: 1px 1em;
	padding: 0;
}

ul.formdetail_.confirm_ li {
	padding: 1px 1em;
}

li.input_must_ {
	margin: 6px 0;
}

ul.formdetail_ li.title_ {
	background: var(--table-background-color-primary);
	margin-bottom: 10px;
	margin-top: 10px;
	padding: var(--td-padding-y) var(--td-padding-x);
}


.input_must_ input,
.input_must_ textarea,
.input_must_ select {
	/*margin-right: 45vw;
	margin-right: 44vw;*/
}

input[name="card"] {
	margin-right: 0;
	vertical-align: middle;
}

.input_must_ input[name="card"]:first-child {
	margin-bottom: 6px;
}

.input_must_ input[name="card_num"]:first-child,
.input_must_ input[name="security_code"]:first-child {
	margin-bottom: 0;
	margin-right: 0;
}

.input_must_ select[name="card_m"],
.input_must_ select[name="card_y"],
.input_must_ select[name="card_method"],
.input_must_ select[name="savecard"] {
	margin-right: 0;
}

/* safari用 */
_:lang(x)+_:-webkit-full-screen-document,
.input_must_ input,
.input_must_ textarea,
.input_must_ select {
	margin-right: 55vw;
}

.input_must_ input:first-child {
	margin-bottom: 15px;
}

.input_must_ input[name="nickname"] {
	margin-bottom: 0;
}

.input_must_ input[name="uid"] {
	margin-bottom: 0;
}

.formdetail_.customer_ {
	margin-bottom: 0;
}
.order_ table,
.customer_ table{
	font-size: 0.875rem;
	width: 100%;
}


input[name="tel"],
input[name="mail"] {
	margin-bottom: 0 !important;
}

ul.formdetail_ li.must_ {}

ul.formdetail_ span.must_ {
	color: #ffc0cb;
	background-color: #ffc0cb;
	padding: 0 2px;
}

#use_spoofing_protection_1,
#use_spoofing_protection_0 {
	margin-right: 5px;
	margin-bottom: 0;
}

.hiddenEnter_ {
	width: 0;
	height: 0;
	display: none;
}

.formdetail_.bizconfirm_ {
	text-align: left;
	margin: 0 auto;
}

.formdetail_.customer_ .title_.must_ {
	margin-bottom: 8px;
}
img[src*="check.gif"]{
	position: relative;
	top: 4px;
	margin: 0 6px;
}
#sender_form img[src*="check.gif"]{
	top: 2px;
}
/**/

/* ボタン */
.button_ {
	color: var(--text-color-primary);
}

.button_:disabled {
	color: #cfcfcf;
	opacity: 0.8;
}

.large_button_ {
	width: 100%;
	height: 40px;
	font-size: 0.875rem;
	text-align: center;
	margin: 10px 0;
	border-radius:  var(--btn-border-radius);
	font-weight: bold;
}

input.add-to-cart-checked,
input.make-group-checked {
	font-size: 14px;
}


.small_button_ {
	width: 60px;
	font-size: 12px;
	text-align: center;
	padding: 2px 4px;
	border-radius:  var(--btn-border-radius);
}

.auto_small_button_ {
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 10px 4px;
	border-radius:  var(--btn-border-radius);
}

.orange_button_ {
	background-color: var(--theme-color-secondary);
	border: none;
	color: #fff;
}

input[name="cart.x"] {
	background: var(--theme-color-secondary);
}

input[name="bookmarkgroup.x"] {
	background: var(--theme-color-primary);
}
.bookmarkgroup-link-wrapper{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}
.bookmarkgroup-link-wrapper a{
	text-decoration: underline;
}

input[name="updt.x"] {
	width: 165px;
	margin: 0 auto;
	display: block;
}

.blue_button_ {
	background-color: var(--theme-color-secondary);
	border: none;
	color: #fff;
	margin-top: 5px;
}

input.delete-btn {
	background: var(--btn-gray-color);
	color: var(--text-color-primary);
}

.green_button_ {
	background-color: #40a956;
	background: -moz-linear-gradient(top, #9ce2a9, #40a956);
	background: -webkit-gradient(linear, left top, left bottom, from(#9ce2a9), to(#40a956));
}

.gray_button_ {
	background-color: #999;
	background: -moz-linear-gradient(top, #ccc, #999);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
}

.black_button_ {
	background-color: #000;
	background: -moz-linear-gradient(top, #999, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
}


.button_mini_ {
	overflow: visible;
	cursor: pointer;
	margin: 4px 8px 4px 0;
	font-size: 12px;
	line-height: 13px;
	height: auto;
	font-weight: normal;
	border-radius:  var(--btn-border-radius);
	border: 1px solid #909090;
	box-shadow: var(--btn-box-shadow);
	padding: 8px 12px;
	text-decoration: none;
	background-color: #ffffff;
	color: var(--text-color-primary);
	display: inline-block;
	position: relative;
}

.button_mini_:hover {
	border: 1px solid var(--theme-color-primary);
	color: var(--text-color-primary);
}

.button_mini_:active {
	top: 1px;
}

.button_mini_:disabled {
	color: #cfcfcf;
	opacity: 0.8;
}

/**/
h1{
	font-size: 1.625rem;
}
h2{
	font-size: 1.125rem;
}
h3{
	font-size: 1rem;
}
.common_headline1_ {
	font-weight: bold;
	color: var(--text-color-primary);
	background: transparent;
	font-size: 1.625rem;
	padding: 0;
	margin: 20px 0 40px;
	text-align: left;
}

.common_headline1_::before {
	content: none;
}
.event_title_,
.common_headline2_ {
	font-size: 1rem;
	padding: 10px 0 10px 20px;
	position: relative;
	background: var(--theme-color-quaternary);
	margin: 20px 0 10px;
	font-weight: bold;
}
.event_title_::before,
.common_headline2_::before {
	content: "";
	width: 6px;
	height: 100%;
	background: var(--theme-color-secondary);
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.customer_ .common_headline1_ {}

/* 共通クラス(その他) */
.disp_none_ {
	display: none;
}

.hidden_ {
	visibility: hidden;
	clear: both;
}

.nocell_ {
	border: none !important;
	background-color: transparent !important;
}

.hiddenEnter_ {
	width: 0;
	height: 0;
}

/* 価格表示 */
.price_pop_ {
	color: var(--goods-price-text-color);
	font-size: 80%;
	display: none;
}

.price_ {
	color:var(--goods-price-text-color);
	font-weight: bold;
	font-size: 4vw;
}

div.g_price_>span.small_ {
	font-size: 100%;
	color: var(--text-color-primary);
}

.g_price_ {
	position: relative;
}

.g_price_::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0;
	border-top: solid 2px #676767;
	border-right: solid 2px #676767;
	top: -25%;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	right: 6.133vw;
	content: none;
}

/* --------------------------------------------------------------------
	共通ヘッダー 共通フッター
-------------------------------------------------------------------- */
/*
div.wrapper_ {
	padding: 0 10px;
}

header {}

.header_ {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 18.66vw;
	background: #606060;
	box-sizing: border-box;
}
*/
.header_ .logo_area_ {
	color: #fff;
	padding-left: 4.8vw;
	padding-top: 2.933vw;
}

.header_ .logo_area_ .catch2 {
	font-size: 2.93vw;
}

.header_ .logo_area_ .catch {
	font-size: 3.2vw;
}

div.header_ .welcomemessage_ {
	background-color: white;
	color: #333;
	text-align: left;
	padding: 4px 10px;
	width: 100%;
	font-size: 3.2vw;
}

div.header_ .welcomemessage_.assistlogin_ {
	background-color: #f00;
}

div.header_ .welcomemessage_ span {
	padding-right: 4px;
	font-weight: bold;
	display: inline-block;
	margin-top: 2.666vw;
}

div.header_ p {
	clear: both;
	padding: 0;
}

div.header_ img {}

div.header_ div.logo_ {
	padding-right: 10px;
}

div.header_ div.logo_ img {
	width: 39.46vw !important;
	height: auto !important;
	margin-top: 0 !important;
}

div.header_ div.icon_ {
	text-align: center;
	display: flex;
}

div.header_ div.icon_#gnav_quick {
	margin-left: auto;
	display: flex;
	align-items: center;
	position: relative;
}

div#gnav_quick::before {
	content: "";
	background: #8B8B8B;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 50px;
	left: -1.6vw;
}

div.header_ div.icon_#gnav_quick a {
	width: 15.2vw;
	background: transparent;
}

div.header_ div.icon_#gnav_quick a img {
	width: 12.26vw;
}

div.header_ div.icon_#gnav_cart {
	width: 10.2vw;
	background: transparent;
	margin-right: 3.466vw;
}

div.header_ div.icon_ p {
	font-size: 10px;
	line-height: 1.1;
	text-align: center;
}

div.header_ ul.exp_btns_ {
	display: flex;
	background: #fff;
	padding: 2.667vw 0;
}

div.header_ ul.exp_btns_ li {
	position: relative;
	width: 30vw;
}

div.header_ ul.exp_btns_ li:last-child {
	width: 40vw;
}

div.header_ ul.exp_btns_ li:first-child {}

div.header_ ul.exp_btns_ li:last-child {}

div.header_ ul.exp_btns_ li::after {
	content: "";
	width: 1px;
	height: 20px;
	background: #333;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

div.header_ ul.exp_btns_ li:first-child:after {
	content: none;
}

div.header_ ul.exp_btns_ li a {
	color: #606060;
	background: #fff;
	font-size: 3.46vw;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 6.66vw;
	font-weight: bold;
}

div.header_ ul.exp_btns_ li a::before {
	content: "";
	background: url(../img/usr/header/sp/icon_mypage.png);
	width: 4.8vw;
	height: 5.6vw;
	background-size: contain;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	top: 50%;
	transform: translateY(-50%);
	left: 3vw;
}

div.header_ ul.exp_btns_ li:nth-of-type(2) a::before {
	background: url(../img/usr/header/sp/icon_history.png);
	background-size: contain;
	background-repeat: no-repeat;
}

div.header_ ul.exp_btns_ li:nth-of-type(3) a::before {
	background: url(../img/usr/header/sp/icon_precart.png);
	background-size: contain;
	background-repeat: no-repeat;
}

div.header_ ul.exp_btns_ li:last-child a::before {
	left: 5vw;
}

div.header_ #gnav_cart a {
	position: relative;
	width: 10.2vw;
	background: transparent;
}

div.header_ #gnav_cart a img {
	margin-top: 8.66vw;
	width: 8vw;
}

div.header_ #gnav_cart .js-cart-count {
	position: absolute;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: normal;
	background-color: #e61d50;
	color: #fff;
	border-radius: 9px;
	top: 5.2vw;
	right: -1.2vw;
	z-index: 2;

}

div.footer_ {
	background: #E9E9E9;
	padding-top: 20px;
	/*padding-bottom: 8px;*/
	margin-top: 10px;
}

div.footer_ .footer_btns_ {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5.6vw;
	margin-bottom: 2.4vw;
}

div.footer_ .footer_btns_ li {
	font-size: 3.2vw;
	border: 1px solid #CBCBCB;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

div.footer_ .footer_btns_ li:nth-of-type(1),
div.footer_ .footer_btns_ li:nth-of-type(2),
div.footer_ .footer_btns_ li:nth-of-type(3),
div.footer_ .footer_btns_ li:nth-of-type(4) {
	width: 50%;
	display: flex;
	align-items: center;
}

div.footer_ .footer_btns_ li:first-child {
	border-right: none;
	border-left: none;
}

div.footer_ .footer_btns_ li:nth-of-type(2) {
	border-right: none;
}

div.footer_ .footer_btns_ li:nth-of-type(3) {
	border-top: none;
	border-left: none;
	border-right: none;
}

div.footer_ .footer_btns_ li:last-child {
	border-top: none;
	border-right: none;
}

div.footer_ .footer_btns_ li a {
	display: block;
	font-size: 3.2vw;
	color: #333333;
	padding: 2.933vw 0 2.933vw 9.333vw;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0;
	padding-left: 9.333vw;
	padding-right: 2.933vw;
	min-height: 42px;
}

div.footer_ .footer_btns_ li a::before {
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	border: 1px solid #656565;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 4.8vw;
	margin: auto;
	content: "";
	vertical-align: middle;
}

div.footer_ .footer_btns_ li a::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 6.13vw;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #656565;
}
/*
div.footer_ #copyright {
	font-size: 11px;
	width: 300px;
	text-align: center;
	margin: 0 auto;
}
*/
div.change_mode_ {
	width: 81.86vw;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

div.change_mode_ span,
div.change_mode_ a {
	font-weight: bold;
	text-decoration: none;
	width: 50%;
}

div.change_mode_ .change_sp_ {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2.133vw 0;
	color: #AAAAAA;
}

div.change_mode_ .change_pc_ {
	background: var(--theme-color-secondary);
	color: #fff;
	padding: 2.133vw 0;
}


form.search_form_ {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 2.333vw 1.6vw;
	padding: 2.333vw 0;
	padding-top: 2.333vw;
	padding-top: 0;
	background: #fff;
}

form.search_form_ input.keyword_ {
	width: 74.4vw;
	font-size: 3.2vw;
	padding: 2vw 0 2vw 3vw;
	background: var(--theme-color-quaternary);
	outline: none;
	margin-top: 0;
	border: none;
}

form.search_form_ .search_button_ {
	position: absolute;
	right: 20.06vw;
	top: 44%;
	transform: translateY(-50%);
	width: 4.8vw;
}

form.search_form_ .to_searchdetail {
	margin-top: 2.73vw;
	margin-left: 2.667vw;
}

form.search_form_ .to_searchdetail a {
	font-size: 2.933vw;
}

form.search_form_ .to_searchdetail a span {
	color: var(--text-color-secondary);
	text-decoration: underline;
}

.search_box_ {
	margin-top: 2.133vw;
	margin-left: 0.533vw;
	margin-bottom: 10px;
}


table.formlist_ {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
}

.agency_ table.formlist_.catalogpage_info_+.inner_button_ input.move_button_ {
	margin: 0;
}

table.formlist_ th {
	width: var(--th-width);
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: var(--table-background-color-primary);
	padding: var(--td-padding-y) var(--td-padding-x);
}

table.formlist_ td {
	padding: var(--td-padding-y) var(--td-padding-x);
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.default_method_{
	padding-top: calc(2 * var(--td-padding-y))!important;
}
.precart_nickname_ {
	background-color: transparent !important;
}

table.formlist_ td input {
	margin-bottom: 0;
}

table.formlist_ td input[name="updttarget"] {
	margin-bottom: 3px;
}

input.update-btn {
	color: var(--text-color-primary);
	background: transparent;
	border: 1px solid var(--theme-color-primary);
	margin: 8px 0 !important;
}

table.formlist_ input[type=text],
table.formlist_ input[type=password] {
	width: 100%;
	max-width: 92%;
	max-width: 98%;
}

/* Safari (ただし、iOSのChromeにも適用される) */
_::-webkit-full-page-media,
_:future,
:root table.formlist_ input[type=text] {
	max-width: 95%;
}

div.customer_ table.formlist_.bizsearch_ select[name="search_status"] {
	width: 100%;
}

div.customer_ table.formlist_.bizsearch_ select[name="search_auth"] {
	width: 100%;
}

table.formlist_ textarea {
	width: 90%;
}

dl.formlist_ dt,
dl.formlist_ dd {
	display: block;
	white-space: nowrap;
	padding: 3px;
}

dl.formlist_ dt {
	background-color: var(--table-background-color-primary);
	margin: 10px 0;
}

dl.formlist_ dd {}

table.formlist_ td.move_ a {
	display: block;
	padding-right: 16px;
	background: url(../img/usr/sp/link_arrow.png) no-repeat right center;
}



table.formlist_ img.must_ {
	float: right;
}


/* --------------------------------------------------------------------
	トップページ
-------------------------------------------------------------------- */
div.flash_ctrl_ {
	white-space: nowrap;
	text-align: right;
	float: right;
	/* */
}

div.search_ {
	white-space: nowrap;
}

.category_list_title_ {
	background: #676767;
	color: #fff;
	font-size: 4.266vw;
	font-weight: 300;
	text-align: center;
	padding: 3.2vw 0;
	margin-top: 20px;
}

.genre_list_title_ {
	background: #676767;
	color: #fff;
	font-size: 4.266vw;
	font-weight: 300;
	text-align: center;
	padding: 3.2vw 0;
	margin-top: 20px;
}

.genre_list_ {}

.catalog_list_title_ {
	background: #676767;
	color: #fff;
	font-size: 4.266vw;
	font-weight: 300;
	text-align: center;
	padding: 3.2vw 0;
	margin-top: 20px;
}

/* --------------------------------------------------------------------
	ログイン
-------------------------------------------------------------------- */
div.login_ {}

div.login_ .common_headline1_ {
	margin-top: 20px;
}

div.login_ div.loginform_ {
	margin-bottom: 10px;
	margin: 0 0 10px;
}

div.login_ div.loginform_ .inputimage_ {
	text-align: center;
}

div.login_ div.loginform_ .inputimage_ input {
	background: var(--btn-black-color);
	width: 160px;
}

div.login_ div.loginform_ div.form_text_ {
	margin: 5px 0 0;
	padding: 3.46vw;
	padding-left: 10px;
	padding-right: 10px;
}

div.login_ div.loginform_ div.form_text_+form>ul {
	padding: 3.46vw;
	padding-left: 10px;
	padding-right: 10px;
}
div.login_ div.loginform_ div.form_text_+form>ul input:not([type="submit"]){
	width: 100%;
}

div.login_ div.loginform_ .forgotpass_ {
	padding: 0 3.46vw;
	padding-left: 10px;
	padding-right: 10px;
	padding: 0;
}

.forgotpass_ a {
	text-decoration: underline;
}

.forgotpass_ a::before {}

.forgotpass_ a strong {
	text-decoration: underline;
}

div.login_ div.loginform_ li {
	line-height: 2em;
}

div.login_ div.loginform_ li.inputimage_ {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}


div.login_ div.askpass_ {
	margin: 10px auto;
}

.login-list {
	overflow: hidden;
	text-align: left;
	border-top: 1px solid #9fb7d4;
	margin-bottom: 10px;
}

.login-list li.inputimage_ {
	width: 100%;
}

.login-list li.inputimage_ a {
	display: block;
	padding-left: 50px;
	height: 43px;
	line-height: 43px;
	border-bottom: 1px solid #9fb7d4;
	color: var(--text-color-primary);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

div.login_ div.goto_loginb_ {
	padding: 0 3.46vw;
	padding-left: 10px;
	padding-right: 10px;
	padding: 0;
}

.goto_loginb_::before {}

div.login_ div.goto_loginb_ a {
	font-weight: bold;
	text-decoration: underline;
	color: var(--text-color-secondary);
}

div.loginform_ input[type=submit].certify_cancel_button_ {
	margin: 20px 0px;
	border: none;
	background-color: transparent;
	font-weight: bold;
	color: #00009f;
	color: var(--text-color-secondary);
	text-decoration: underline;
}


.customer_>p strong::before {}

/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
.agreebody_ {
	margin: 10px 0;
	padding: var(--td-padding-y) var(--td-padding-x);
	border: 1px solid var(--input-border-color);
	border-radius:  var(--btn-border-radius);
	white-space: pre-wrap;
	word-wrap: break-word;
	height: 300px;
	overflow: auto;
}

div.customer_ table.customer_,
div.customer_ table.customerconfirm_ {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	font-size: 12px;
}

div.customer_ table.customer_ th,
div.customer_ table.customerconfirm_ th {
	width: 30%;
	background-color: var(--table-background-color-primary);
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 3px;
	padding: 8px 8px 6px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

div.customer_ table.customer_ td,
div.customer_ table.customerconfirm_ td {
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	padding: 8px 8px 6px;
}

.customer-change-link{
	text-decoration: underline;
}
.default_method_ label:after{
	content:'';
	display: block;
	margin-bottom: 8px;
}
/* --------------------------------------------------------------------
	マイページ
-------------------------------------------------------------------- */

div.customer_status_ {
	font-size: 1rem;
	margin: 0 0 20px;
	font-weight: bold;
}

.questionnaire_ div.customer_status_ {
	margin: 6px 10px 6px 8px;
}

.questionnaire_ .navitopicpath_ a:first-child {
	margin: 0;
}

div.mymenu_main_list_ {
	display: none;
	font-size: 14px;
	margin-bottom: 13px;
	border: 2px solid  var(--table-background-color-primary);
	border-radius: 8px;
	background-color:  var(--table-background-color-primary);
	margin: 15px 10px;
	margin: 15px 0;
}

div.mymenu_main_list_ div.mymenu_main_list_head_ {
	overflow: hidden;
	padding: 10px var(--td-padding-x) 0;
}
div.mymenu_main_list_ div.mymenu_main_list_head_ > *{
	display: flex;
	align-items: center;
	font-size: 1rem;
}
div.mymenu_main_list_ div.mymenu_main_list_body_ {
	padding: 10px 0 10px;
}

div.mymenu_main_list_ div.mymenu_main_list_body_ li {}

div.mymenu_main_list_ div.mymenu_main_list_body_ li a {
	display: flex;
	align-items: center;
	padding-left: 10px;
	height: 40px;
	background: #ffffff url(../img/usr/sp/menu_arrow.png) 98% 50% no-repeat;
	color: var(--text-color-primary);
}

div.mymenu_main_list_ div.mymenu_main_list_sublist_ {
	margin-left: 20px;
}

div.mymenu_main_list_ div.mymenu_main_list_sublist_ li a {
	background-color: #fffff0;
}

div.mymenu_main_list_ h4 {
	padding: 0 0 0 30px;
	height: 20px;
	position: relative;
}

div.mymenu_main_list_ h4::before {
	content: '';
	width: 18px;
	height: 18px;
	background: var(--theme-color-secondary);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -2px;
	margin-top: -10px;
}

div.mymenu_main_list_ h4::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-right-color: currentcolor;
	border-right-style: none;
	border-right-width: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -5px;
	transform: rotate(45deg);
}

div.mymenu_main_list_ li {
	padding: 0 var(--td-padding-x) 2px;
}

div.mymenu_main_list_ h5 {
	padding: 6px var(--td-padding-x);
	font-weight: normal;
	font-size: 1rem;
}

/* 担当者情報 */
div.staff_ {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
}

div.staff_ div.staff_head_ {
	width: 100%;
	overflow: hidden;
}

div.staff_ div.staff_head_ h2 {
	float: left;
	display: inline;
	padding: 2px;
}

div.staff_ div.staff_info_ {
	border: 2px solid #cccccc;
	background-color: #ffffff;
	padding: 4px;
	font-size: 12px;
}

/* トピック一覧 */
div.mymenu_topic_ {
	margin-bottom: 10px;
	padding: 15px var(--td-padding-x);
	border-radius: 8px;
	background-color:  var(--table-background-color-primary);
	margin: 15px 0;
	font-size: 0.875rem;
}

div.mymenu_topic_ .topiclist_head_ {
	overflow: hidden;
}

div.mymenu_topic_ .topiclist_head_ h2 {
	float: left;
	display: inline;
	font-weight: normal;
	padding-left: 4px;
	padding-bottom: 4px;
	font-size: 1.125rem;
}

div.mymenu_topic_ .topiclist_head_ .rss_ {
	float: right;
	display: inline;
	text-align: right;
}

div.mymenu_topic_ .topiclist_body_ {
	border-radius: 8px;
	background-color: #ffffff;
	padding: 2px;
	margin-top: 10px;
}

div.mymenu_topic_ div.topiclist_ ul.topicline_ {
	margin: 0;
	padding: 0;
}

div.mymenu_topic_ ul.topicline_ li {
	border-bottom: 1px dotted #cccccc;
	padding: 10px 5px;
}

div.mymenu_topic_ ul.topicline_ li a {
	color: var(--text-color-primary);
	display: flex;
	align-items: center;
}

div.mymenu_topic_ ul.topicline_ li a img {
	margin-left: 10px;
}

div.mymenu_topic_ ul.topicline_ li:last-child {
	border-bottom-style: none
}

div.mymenu_topic_ ul.topicline_ li.img_ {
	padding: 5px 0;
	background: none;
}

.custdestlist-nodata-text {
	padding: 50px 0;
	margin: 10px 0;
}

.submit_ {
	text-align: center;
	margin-top: 40px;
}

.biz_detail_+.submit_ {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column-reverse;
	margin-bottom: 30px;
}

dl.goodssearch_+input,
.submit_ input {
	background: var(--btn-black-color);
	border-radius: var(--btn-border-radius);
	border: none;
	color: #fff;
	font-size: 0.875rem;
	width: 160px;
	margin: 0 auto 10px;
}
dl.goodssearch_+input{
	margin-top: 40px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

input.back-to-index-product,
input.back-to-index-catalog {
	background: var(--btn-gray-color);
	color: var(--text-color-primary);
}

input[name="add.x"] {
	margin-bottom: 0;
}

input[name="submit.x"] {
	background: var(--theme-color-secondary);
}

input.withdrawal-btn {
	background: var(--btn-black-color);
}

input[name="delete.x"] {
	background: #CCCCCC;
	color: var(--text-color-primary);
}

input.go-back-btn,
input.back-to-home,
input.back-to-list,
input.disagree-btn,
input[name="back.x"] {
	background: var(--btn-gray-color);
	color: var(--text-color-primary);
	border-radius: var(--btn-border-radius);
}

input[name="check_approval_all_ok.x"],
input[name="check_approval_ok.x"],
input[name="approval_ok.x"] {
	background: var(--theme-color-secondary);
	border-radius: var(--btn-border-radius);
}

input[name="check_approval_all_ng.x"],
input[name="check_approval_ng.x"],
input[name="approval_ng.x"] {
	background: #767676;
	border-radius: var(--btn-border-radius);
}

input.approval-inquiry {
	color: var(--text-color-secondary);
	background: transparent;
	width: auto;
	margin: 0 auto 10px;
}

input.submit_ input.btn_cart_ {
	margin: 0;
}

div.spandual_ {
	width: 100%;
	overflow: hidden;
}

div.spandual_ table {
	width: 100%;
}

/* --------------------------------------------------------------------
	マイページ　法人会員一覧
-------------------------------------------------------------------- */
div.customer_ table.bizuserlist_,
div.customer_ table.cardlist_ {
	width: 100%;
	margin: 5px 0;
	border: 1px solid #cccccc;
	font-size: 12px;
}

div.customer_ table.bizuserlist_ th,
div.customer_ table.cardlist_ th {
	width: var(--th-width);
	background-color:  var(--table-background-color-primary);
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: var(--td-padding-y) var(--td-padding-x);
	vertical-align: middle;
}

div.customer_ table.bizuserlist_ td,
div.customer_ table.cardlist_ td {
	border-bottom: 1px solid #cccccc;
	padding: var(--td-padding-y) var(--td-padding-x);
}

div.customer_ table.bizuserlist_ td.user_status1_ {
	background-color:  var(--table-background-color-primary);
}

div.customer_ table.bizuserlist_ td.user_status2_ {
	background-color:  var(--table-background-color-primary);
}

div.customer_ table.bizuserlist_ td.user_statusL_ {
	background-color:  var(--table-background-color-primary);
}

div.customer_ table.bizuserlist_ td.user_status9_ {
	background-color:  var(--table-background-color-primary);
}


/* --------------------------------------------------------------------
	マイページ　購入履歴、見積履歴、法人別購入履歴、法人別見積履歴、承認、法人別承認
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
	padding: 3px;
	border-radius: 8px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

div.customer_ .destgoodslist_ {
	margin-bottom: 10px;
}

div.sales_info_ {
	margin-bottom: 10px;
}

table.order_ th,
table.sales_ th,
table.method_ th,
table.purchase_ th,
table.ship_ th,
table.approval_ap_user_ th,
table.historydetail_ th {
	border: 1px solid #CCCCCC;
	background-color: var(--table-background-color-primary);
	width: var(--th-width);
	padding: var(--td-padding-y) var(--td-padding-x);
}

table.order_ td,
table.sales_ td,
table.method_ td,
table.purchase_ td,
table.ship_ td,
table.approval_ap_user_ td,
table.historydetail_ td {
	border: 1px solid #CCCCCC;
	border-left: none;
	padding: var(--td-padding-y) var(--td-padding-x);
}

table.order_ td.nocell_,
table.sales_ td.nocell_,
table.method_ td.nocell_,
table.purchase_ td.nocell_,
table.ship_ td.nocell_,
table.approval_ap_user_ td.nocell_ {
	border: none !important;
}

table.order_ {
	margin-bottom: 10px;
}

table.sales_,
table.method_ {
	margin-bottom: 10px;
}

table.sales_ td,
table.method_ td {
	text-align: right;
}

table.purchase_ {
	margin-bottom: 10px;
	width: 100%;
}

table.purchase_ th {
	width: var(--th-width);
}

table.ship_ {
	padding-bottom: 10px;
	width: 100%;
}

table.ship_ th {}

table.history_ {
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin: 10px auto;
	width: 100%;
}
table.history_ a{
	text-decoration: underline;
}
table.history_ [src*="/status"]{
	width: 100%;
}
table.history_ td {
	padding: 10px var(--td-padding-x);
	border-bottom: 1px solid #CCCCCC;
}

table.history_ th {
	background-color:  var(--table-background-color-primary);
	vertical-align: middle;
	width: var(--th-width);
	font-weight: normal;
	text-align: left;
	padding: var(--td-padding-y) var(--td-padding-x);
	border-bottom: 1px solid #CCCCCC;
	white-space: nowrap;
}

table.history_ td.order_detail_ {
	padding: 0px 0 var(--td-padding-y) 0;
}

table.history_ td.order_detail_ ul {
	width: 100%;
}

table.history_ td.order_detail_ ul li {
	padding: var(--td-padding-y) var(--td-padding-x);
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
}

table.history_ td.order_detail_ p.order_again_ a{
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 6px;
	border: 1px solid #CCCCCC;
	display: inline-block;
	margin: 5px var(--td-padding-x) 0;
	text-decoration: none;
}

table.history_ td.total_ {
	color: var(--goods-price-text-color);
}

div.historydetail_ {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}

div.estimate_box_content_ {
	margin-left: 10px;
	margin-bottom: 10px;
}

table.cancel_ tr td,
tr.cancel_ td,
td.cancel_ {
	background-color: #f6f6f6;
}

table.destgoodslist_ {
	width: 100%;
	margin-bottom: 10px;
}

table.destgoodslist_ th.name_,
table.destgoodslist_ td.name_ {}

table.destgoodslist_ th.qty_,
table.destgoodslist_ td.qty_ {}

table.destgoodslist_ th.gift_spec_,
table.destgoodslist_ td.gift_spec_ {}

table.destgoodslist_ th.cancel_dt_,
table.destgoodslist_ td.cancel_dt_ {}

table.destgoodslist_ td.cancel_dt_ {
	color: var(--text-color-danger);
}

div.processimage_ {
	text-align: center;
}

div.processimage_ img {
	margin: 10px auto;
}

td.dest_status_ img {
	width: 100%;
}

.order_.spandual_ input.repeat-order-btn {
	width: 74vw;
	background: var(--theme-color-secondary);
	color: #fff;
	margin-top: 20px;
	margin-bottom: 5px;
}

.order_.spandual_ input.precart-register {
	width: 74vw;
	background: var(--theme-color-primary);
	margin: 5px 0 5px;
	height: auto;
	color: #fff;
	border: none;
	box-shadow: none;
	padding: 10px 4px;
	line-height: unset;
}

.order_.spandual_ input.order-inquiry {
	width: 74vw;
	background: var(--theme-color-primary);
	margin-bottom: 5px;
}

.order_.spandual_ input.order-cancel {
	background: var(--btn-gray-color);
	width: 74vw;
	color: var(--text-color-primary);
	margin-bottom: 20px;
}

table.formsublist_.destgoodslist_.historydetail_ .status_ {
	display: block;
	text-align: center;
}


/* 法人購入履歴検索 法人承認検索 */
dl.bizsearch_,
dl.bizapproval_,
dl.doapproval_ {
	margin: 0 10px;
	margin: 10px 0;
}

div[align="right"] {
	margin-left: 10px;
	margin-right: 10px;
}

dl.bizsearch_ dt,
dl.bizsearch_ dd,
dl.bizapproval_ dt,
dl.bizapproval_ dd,
dl.doapproval_ dt,
dl.doapproval_ dd {
	display: block;
	white-space: nowrap;
}

dl.bizsearch_ dt,
dl.bizapproval_ dt,
dl.doapproval_ dt {
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 8px;
}

dl.bizsearch_ dd,
dl.bizapproval_ dd,
dl.doapproval_ dd {
	margin-left: 5px;
	margin-bottom: 10px;
	margin-left: 0;
}

dl.bizapproval_ dd,
dl.bizsearch_ dd,
dl.doapproval_ dd {
	padding-left: 0;
}

/**/

/* 承認 */
div.approval_ table th {
	white-space: nowrap;
}

div.approval_ table.approvallist_.approval_r_ td {
	background-color: #fffff0;
}

div.approval_ table.approvallist_.approval_target_ td {}

div.approval_ table.approvallist_.approval_1st_ok_ td {
	background-color: #fffff0;
}

div.approval_ table.approvallist_.approval_ng_ td {
	background-color: #ffefec;
}

div.approval_ table.approvallist_.approval_sales_ok_ td {}

div.approval_ table.approvallist_.approval_sales_ng_ td {
	background-color: #f3f3f3;
}

table.approval_cart_ {
	width: 100%;
}

table.approval_cart_ tr.linespace_ {
	border-style: none;
}

table.approval_cart_ tr.linespace_ td {
	border-style: none;
	height: 10px;
}

table.approval_cart_ .goods_name_ {
	width: auto;
}

table.approval_cart_ td.money_ {
	text-align: right;
	width: 80px;
}

table.approval_cart_ td.money_ ul {
	width: 100%;
}

table.approval_cart_ li.money_ {
	white-space: nowrap;
	text-align: right;
	width: 80px;
}

table.approval_cart_ li.qty_ {
	white-space: nowrap;
	text-align: right;
	width: 80px;
}

table.approval_cart_ td.button_ {
	text-align: center;
	width: 66px;
}

table.approval_cart_ td.cancel_dt_ {
	color: #cc0000;
	font-weight: bold;
	width: 66px;
}

.reapproval_ td.reapproval_mod_ {
	background-color: #ffffe0;
}

td.doapproval_ {
	background-color: #ffffe0;
}

table.approval_comment_ {
	width: 100%;
}

table.approval_comment_ td {
	border-style: none;
	padding: 3px;
}

table.approval_comment_ th {
	padding: 3px;
	text-align: left;
}

table.approval_purchase_,
table.approval_date_,
table.approval_approval_,
table.approval_ap_user_,
table.approval_cart_ {
	margin-bottom: 10px;
	width: 100%;
	font-size: 12px;
	border: 1px solid #CCCCCC;
}

table.approval_purchase_ th,
table.approval_date_ th,
table.approval_approval_ th,
table.approval_ap_user_ th {
	width: 30%;
	white-space: nowrap;
	background-color:  var(--table-background-color-primary);
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
	font-weight: normal;
	text-align: left;
	padding: 8px 8px 6px;
}

table.approval_purchase_ td,
table.approval_date_ td,
table.approval_approval_ td,
table.approval_ap_user_ td,
table.approval_cart_ td {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
	text-align: left;
	padding: 8px 8px 6px;
}

table.approval_cart_ th {
	white-space: nowrap;
	background-color:  var(--table-background-color-primary);
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
	font-weight: normal;
	text-align: left;
}

table.approvallist_ input[type=text],
table.approvallist_ textarea,
table.approval_comment_ input[type=text],
table.approval_comment_ textarea {
	width: 100%;
}

.approval_cart_ td.price_,
div.quickorder_ table td.amt_ {
	color: #CC3300;
	font-weight: bold;
	text-align: right;
}

/* 商品一覧 */
table.approval_ {
	text-align: left;
	margin-bottom: 10px;
	font-size: 12px;
}

table.approval_ {
	border: 1px solid #CCCCCC;
}

table.approval_ td {
	padding: 3px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

table.approval_ .goods_ {
	width: 20%;
}

table.approval_ .name_ {}

table.approval_ .qty_ {
	width: 16%;
	text-align: right;
}

table.approval_ .amt_ {
	width: 20%;
	text-align: right;
}

table.approval_ .money_ {
	width: 20%;
	text-align: right;
}

table.approval_ th {
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #e5f3ff;
	padding: 3px;
}

/* --------------------------------------------------------------------
	マイページ　お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
	margin-bottom: 40px;
}

div.customer_ .bookmark_frame_+div {
	margin: 0 10px;
}

div.customer_ li.bookmark_item_ {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size:0.875rem;
}
div.customer_ li.bookmark_item_ a{
	text-decoration: underline;
}
li.bookmark_item_ div.cartgoods_ {
	float: left;
	display: inline;
	margin-top: 45px;
	margin-left: 10px;
}

li.bookmark_item_ div.cartgoods_ input[type="checkbox"] {
	margin: 3px 0 0;
}

li.bookmark_item_ div.img_ {
	padding: 5px;
	float: left;
	display: inline;
	overflow: hidden;
	width: 100px;
	margin-right: 15px;
	margin-left: 5px;
}

li.bookmark_item_ div.img_ img {
	width: 100px;
}

li.bookmark_item_ div.desc_ {
	float: left;
	width: 52vw;
}

li.bookmark_item_ div.name_ {
	display: inline;
}

li.bookmark_item_ div.spec_ >*{
	margin:10px 0;
}

li.bookmark_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}

li.bookmark_item_ .comment_ {
	float: left;
	width: 100%;
}
li.bookmark_item_ .comment_ [id*="comment_"]{
	display: block;
	margin-bottom: 10px;
}
li.bookmark_item_ .comment_>a {
	text-decoration: underline;
	font-size: 0.875rem;
}

li.bookmark_item_ .comment_>span {
}

li.bookmark_item_ .memo_ {
	float: left;
	display: inline;
}

li.bookmark_item_ div.del_ {
	float: right;
	display: inline;
	margin-right: 10px;
}

li.bookmark_item_ .comment_ input {
	margin-bottom: 5px;
	margin-left: 10px;
}

li.bookmark_item_ .comment_ textarea {
	width: 92%;
}

li.bookmark_item_ .comment_ div[id^="comment_label"] {
	margin-left: 10px;
}

div.bookmark_buy_ {
	margin-bottom: 20px;
}

div.bookmark_buy_updt_ {
	float: right;
}

div.bookmark_ {
	width: 100%;
}

table.bookmark_ {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	border-bottom: none;
	margin: 5px 0;
}

table.bookmark_ input[name="cart.x"],
table.bookmark_ input.delete-btn {
	width: 47px;
	padding: 5px 0;
	margin: 10px 5px 10px 0;
}

table.bookmark_ .blue_button_ {
	margin-top: 0;
}

table.bookmark_ td.form_ {
	text-align: left;
	border-bottom: 1px solid var(--mypage-table-border-color);
	background-color:  var(--table-background-color-primary);
}

table.bookmark_ td.form_ p.input_title_ input {
	width: 98%;
}

table.bookmark_ td.img_ {
	padding: var(--td-padding-y) var(--td-padding-x);
	width: 60px;
	border-bottom: 1px solid #cccccc;
}

table.bookmark_ td.img_ img {}

table.bookmark_ td.name_ {
	padding: var(--td-padding-y) var(--td-padding-x);
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}

table.bookmark_ td.name_ .goods_name_ {
	font-size: 3.466vw;
}

/* --------------------------------------------------------------------
	マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
.input-name-wrapper{
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 10px;
}
.input-name-wrapper .input-name-title{
	font-size: 0.875rem;
	flex-shrink: 0;
}
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
	margin-top: 5px;
	border-top: 1px dotted #CCC;
}

div.contact_ ul.contactlist_ li {
	padding: 5px;
	border-bottom: 1px dotted #CCC;
}

div.contact_ ul.contactlist_ li a {
	display: block;
	color: var(--text-color-primary);
	background: url(../img/usr/sp/contact_arrow.png) 100% 50% no-repeat;
}

div.contact_ table.detaillistline_ {
	border: dotted 1px;
	margin: 2px auto;
}

div.contact_ ul.contactlist_ .subject_ {
	color: var(--text-color-secondary);
}

/* お問合せ詳細 */
.contactdetail_title_ {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 14px;
	border: 1px dotted #CCC;
	box-sizing: border-box;
}

.contactdetail_title_ .subject_ {
	font-weight: bold;
}

.contactdetail_title_ .id_ {
	padding-left: 20px;
	font-size: 11px;
}

.contact_reform_ {}

/* スレッド */
div.contactlist_ {}

div.contactlist_ .contactlist_order_id_ {
	margin: 0 0 0 20px;
}

div.contactlist_ .contactlist_goods_ {
	margin: 0 0 0 20px;
}

div.contactlist_line_ {
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #CCC;
}

div.contactlist_line_ .contactlist_head_ {
	width: 100%;
	overflow: hidden;
	background:  var(--table-background-color-primary);
	border-bottom: 1px solid #CCC;
}

div.contactlist_line_ .contactlist_head_ .name_ {
	padding: 5px;
	float: left;
	display: inline;
	font-weight: bold;
	width: 40%;
	padding: 8px 8px 6px;
}

div.contactlist_line_ .contactlist_head_ .updt_ {
	padding: 5px;
	float: right;
	display: inline;
	text-align: right;
	width: 40%;
	padding: 8px 8px 6px;
}

div.contactlist_line_ .comment_ {
	padding: 10px;
}

/* --------------------------------------------------------------------
	カート画面
-------------------------------------------------------------------- */
div.cartlist_ .cart_detail_ {
	border: 1px solid #cfcfcf;
	margin-bottom: 10px;
}

div.cartlist_ .cart_detail_ .supplier_name_ {
	margin: 4px 10px 0 10px;
	padding: 2px;
	border-bottom: 1px dotted #cccccc;
	font-size: 14px;
	font-weight: bold;
}

table.cartlist_ {
	margin: 0 auto;
	width: 100%;
}

table.cartlist_ tr.list_ {}

table.cartlist_ td {
	padding: 2px;
}

table.cartlist_ td.img_ {
	width: 52px;
}

table.cartlist_ td.img_ img {
	width: 48px;
}

table.cartlist_ td.name_ {
	width: 80%;
	vertical-align: top;
}

table.cartlist_ td.price_box_ {
	vertical-align: top;
	text-align: right;
	width: 90px;
}

table.cartlist_ td.money_ {
	width: 90px;
	text-align: right;
}

table.cartlist_ .price_box_ li.money_ {
	width: 90px;
	text-align: right;
	padding: 2px;
}

table.cartlist_ .price_box_ li.qty_ {
	text-align: right;
	width: 90px;
	padding: 2px;
}

table.cartlist_ td.button_ {
	vertical-align: bottom;
	text-align: center;
	width: 64px;
}

table.cartlist_ td.total_ {
	text-align: right;
}

table.cartlist_ .qty_ input {}

table.cartlist_ span.cart_supplier_name_ {
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #36c135;
}

table.cartlist_ span.cart_agency_name_ {
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-left: 5px solid #3635c1;
}

input.calc_ {
	width: 0px;
	height: 0px;
}

div.postage_comment_ {
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 auto;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #CC3300;
}

div.postage_comment2_ {
	padding: 0 5px 0 5px;
	margin: 0 0 0 auto;
	text-align: right;
	font-size: 13px;
	color: #CC3300;
}


/* --------------------------------------------------------------------
	ご注文方法の指定
-------------------------------------------------------------------- */

div.order_ .massage_ {
	padding: 10px;
}

/* ご注文主（ログイン時） */
.order-submit-wrapper-top{
	display: flex;
	align-items: center;
	justify-content: center;
}
div.method_host_ {
	margin-bottom: 10px;
	clear: both;
}

input[name="address.x"] {
	text-decoration: none !important;
	padding: 0;
}

div.method_host_ div.host_info_ {
	margin-bottom: 5px;
}

div.method_host_ div.host_info_+input {
	/*margin-left: 10px;*/
}

input.change-address {
	color: var(--text-color-secondary);
	border: none;
	text-decoration: underline!important;
	background: none;
}
input.require-address {
	color: var(--text-color-primary);
	border: none;
	text-decoration: underline!important;
	background: none;
	font-weight: bold;
}
div.method_host_ address {
	font-size: 0.875rem;
	padding: var(--td-padding-y) var(--td-padding-x);
	border: 1px solid var(--theme-color-secondary);
	margin: 10px 0;
}

table.method_host_ {
	margin-bottom: 20px;
	width: 100%;
}

tr#host_mail input,
tr#host_cmail input,
tr#host_addr input,
tr#host_addr2 input,
tr#host_addr3 input,
tr#host_comp input,
tr#host_dept input {
	width: 300px;
}

/**/
/* 送り主（ログイン時） */
div.method_sender_ {
	margin-bottom: 10px;
	font-size: 0.875rem;
}

div.method_sender_ div.sender_info_ {
	margin-bottom: 5px;
}

div.sender_change_ {
	padding: 2px;
	margin: 0 0 3px 0;
	background: #e5f3ff;
	border: 1px solid #CCC;
	width: auto;
	display: flex;
	align-items: center;
}
div.sender_change_ input{
	flex-shrink: 0;
}
div.sender_change_ label{
	flex-grow: 1;
}
div.method_sender_ ul.method_sender_ {}

#sender_form {
	padding: 0 var(--td-padding-x);
}

/**/
/* 宛て先（ログイン時） */
div.method_address_ {
	margin-bottom: 10px;
}

div.addresslist_ {
	margin-bottom: 10px;
}

div.address_item_ {
	padding: var(--td-padding-y) var(--td-padding-x);
	width: 100%;
	overflow: hidden;
	border-top: 1px solid var(--table-border-color);
	border-bottom: 1px solid var(--table-border-color);
}
div.address_item_ + div.address_item_{
	border-top: none;
}

div.address_title_ {}

div.address_item_ address {
	width: auto;
	font-size: 0.875rem;
}

div.address_item_ .address_change_ {
	float: right;
	display: inline;
	text-align: right;
	margin-left: 10px;
}

div.address_item_ .address_change_  a{
	text-decoration: underline;
}
div.address_bottom_ {
	padding: 0;
	text-align: right;
}

.address_select_ {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-right: 10px;
	margin-bottom: 5px;
}

/**/


/* 送り主（ログイン時） */
div.method_sender_ {
	padding-bottom: 10px;
}

div.method_sender_+div {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
}

div.method_box_+br+div {
	text-align: center !important;
}

div.method_box_+br+div input:nth-of-type(2) {
	margin-bottom: 2px;
}

div.method_box_+br+div input:nth-of-type(2)[name="submit.x"] {
	margin-bottom: 10px;
}

div.method_sender_+div>input[name="next.x"],
div.method_sender_+div>input[name="prev.x"] {
	margin: 0;
}

input[name="prev.x"],
.method_sender_+div input.move_button_bk_ {
	margin-right: 8px !important;
}

div.method_sender_ div.sender_info_ {}

div.sender_change_ {
	padding: var(--td-padding-y) var(--td-padding-x);
	background:  var(--table-background-color-primary);
	border: 1px solid #CCC;
	font-weight: bold;
}

div.method_sender_ table.method_ {}

table.method_sender_ {
	margin-top: 10px;
	margin-left: 10px;
	width: 815px;
}

tr#sender_addr input,
tr#sender_addr2 input,
tr#sender_addr3 input,
tr#sender_comp input,
tr#sender_dept input {
	width: 300px;
}

/**/

/* 請求先（ログイン時） */
div.method_bill_biz_ {
	padding-bottom: 10px;
}

div.method_bill_biz_ div.bill_biz_ {
	margin-left: 10px;
}

/**/


div.order_ span.method_supplier_name_ {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	border-left: 5px solid var(--theme-color-secondary);
	text-align: left;
	font-size: 16px;
}

div.order_ span.method_agency_name_ {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	border-left: 5px solid #af8ad1;
	text-align: left;
	font-size: 16px;
}

div.order_ div.estimate_block_ {
	margin: 10px 0;
	padding: 10px;
	padding: 0;
}
.estimate_block_,
.estimate-message{
	font-size: 0.875rem;
	margin-bottom: 10px;
}
.estimate_subtotal_title_{
	font-weight: bold;
	margin: 40px 0 10px;
	text-align: left;
	font-size: 0.875rem;
}
.estimate_listframe_ div.estimate_block_,
.store_frame_ div.estimate_block_,
.supplier_frame_ div.estimate_block_ {
	margin: 0 !important;
}

div.order_ div.estimate_block_>div {
	float: none !important;
}

div.order_ div.estimate_block_ table {
	margin: 0 auto 10px;
}

div.order_ div.estimate_block_ h2 {
	margin: 4px 0;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-top: 1px solid #dfdfdf;
	border-left: 5px solid #dfdfdf;
}

div.order_ div.dest_block_ {
	margin: 4px 0;
}

div.order_ div.dest_block_ table {
	margin: 10px auto;
	width: 100%;
}

.formlist_.historydetail_.destgoodslist_ {
	width: 100%;
}

div.order_ div.dest_block_ h2 {
	margin: 4px 0;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-top: 1px solid #dfdfdf;
	border-left: 5px solid #dfdfdf;
}

div.order_ div.agency_block_ {
	border: none;
	margin: 4px 0;
	padding: 0;
}

div.order_ div.agency_block_ table {
	margin: 10px 0;
}

div.order_ div.agency_block_ h2 {
	margin: 4px 0;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-top: 1px solid #dfdfdf;
	border-left: 5px solid #dfdfdf;
}

div.order_ div.cart_agency_block_ {
	margin: 4px 0 20px 0;
	padding: 0;
}

div.order_ div.cart_agency_block_ table {
	margin: 2px 0;
}

div.order_ div.cart_agency_block_ h2 {
	margin: 4px 0;
	padding: 2px 2px 2px 7px;
	display: block;
	font-weight: bold;
	border-top: 1px solid #dfdfdf;
	border-left: 5px solid #dfdfdf;
}


/**/
/* お届け先（クイックオーダー） */
div.quickorder_clear_ {
	clear: both;
	height: 5px;
}

div.quickorder_left_ {
	float: left;
}

div.quickorder_right_ {
	float: right;
}

div.quickorder_cart_ {}

tr.quickorder_listdetail_ {
	display: none;
	border-top-width: 0;
}

tr.quickorder_listdetail_ th {}

tr.quickorder_listdetail_ td {}

#wkArea {
	background-color: white;
	border: 1px solid black;
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 8pt;
	position: absolute;
	top: 50px;
	left: 5px;
	color: black;
}

div.option_view_ {
	width: auto;
	padding: 5px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	background-color: #EAF2F7;
	border: 1px solid #ABC9CC;
}

div.quickorder_option_ {
	padding: 5px;
	border: 1px solid #ABC9CC;
	border-top-width: 0;
}

#pointpay_num {
	background-color: #dedede;
	width: 40px;
	padding: 2px;
}

/**/

/* 配送方法 */
div.method_box_ {
	text-align: left;
}

div.method_box_ .common_headline2_ {
	text-align: left;
	display: flex;
	align-items: center;
}

div.method_box_ .common_headline2_ .must_ {
	margin-left: 10px;
}

div.method_host_ .common_headline2_ {}

div.method_box_ select {}

div.method_box_ h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}

div.method_box_ div.method_box_content_ {
	font-size: 0.875rem;
}

div.method_box_ div.method_box_content_ textarea {
	margin-top: 2.666vw;
}

div.method_box_ div.method_box_content_ input[type=text] {
	margin-top: 2.666vw;
}

div.method_box_ div.line_contents_ {
	float: left;
}

/**/
/* 配送希望日時指定 */
#method_date dl {
	margin: 0 0 10px 0;
}

#method_date dl dt {
	float: left;
	display: inline;
	font-weight: bold;
}

#method_date dl dd {
	margin-left: 8em;
}

/**/
/* ポイント */
.currentpoint_ {
	margin-bottom: 10px;
	margin-top: 10px;
}

div.point_use_ {
	margin-bottom: 10px;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}

/**/

/* --------------------------------------------------------------------
	ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

div.order_.spandual_ .common_headline2_ {
	text-align: left;
}

div.spandual_ table {
	margin: 0 auto;
	width: 100%;
	margin-bottom: 10px;
}

.top_comment_ {
	margin-bottom: 10px;
}

div.supplier_event_ .top_comment_ {
	margin-top: 10px;
}


/* ご注文の商品 */
table.estimate_.sales_,
table.estimate_method_ {
	border-top: 1px solid #CCCCCC;
}

table.estimate_.sales_ th,
table.estimate_method_ th {
	width: var(--th-width);
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	white-space: nowrap;
	padding: var(--td-padding-y) var(--td-padding-x);
}

table.estimate_.sales_ td,
table.estimate_method_ td {
	padding: var(--td-padding-y) var(--td-padding-x);
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

table.estimate_method_ td.total_ {
	font-size: 14px;
	color: var(--goods-price-text-color);
	font-weight: bold;
}

table.estimate_.sales_ td.nocell_ {
	border: none !important;
}

/* 商品一覧 */
table.goodslist_ {
	text-align: left;
	margin-bottom: 10px;
	font-size: 12px;
}

table.goodslist_ {
	border: 1px solid #CCCCCC;
}

table.goodslist_ td {
	padding: 3px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

table.goodslist_ .goods_ {
	width: 20%;
}

table.goodslist_ .item_code_ {
	width: 20%;
}

table.goodslist_ .name_ {
	width: 35%;
}

table.goodslist_ .qty_ {
	width: 16%;
	text-align: right;
}

table.goodslist_ .amt_ {
	width: 20%;
	text-align: right;
}

table.goodslist_ .money_ {
	width: 20%;
	text-align: right;
}

table.goodslist_ th,
table.goodslist_ .title_ {
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color:  var(--table-background-color-primary);
	padding: 3px;
	padding: 8px 8px 6px;
}

/* 配送情報 */
table.host_,
table.sender_,
table.dest_ {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

table.host_ th,
table.sender_ th,
table.dest_ th {
	border-bottom: 1px solid #CCCCCC;
	background-color:  var(--table-background-color-primary);
	padding: var(--td-padding-y) var(--td-padding-x);
}

table.host_ td,
table.sender_ td,
table.dest_ td {
	word-break: break-all;
	padding: var(--td-padding-y) var(--td-padding-x);
}

div.order_ .method_addr_ {
	border-radius: 8px;
	border: 1px solid #CCCCCC;
}

table.card_,
table.convinience_ {
	width: 100%;
}

table.card_ label {
	margin: 0 20px 0 5px;
}

table.convinience_ th {
	width: 16em;
}

/* お支払い方法 */
div.order_ table.estimate_method_ {
	margin-bottom: 10px;
}

div.order_ table.estimate_method_ th {
	width: var(--th-width);
	text-align: left;
	background-color:  var(--table-background-color-primary);
	font-weight: normal;
}

div.order_ table.estimate_method_ td {
	text-align: right;
}

div.order_ table.method_gift_ {
	border: none;
}

div.order_ table.method_gift_ td {
	border: none;
}

div.estimate_card_form_ {
	border: none;
	background-color: #ffffff;
	padding: 10px;
}

#card_form {
	text-align: left;
}

/* お届け先 */
div.order_ table.dest_ {
	width: 100%;
}

table.destgoodslist_ {
	width: 90%;
}

table.destgoodslist_ {
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

table.destgoodslist_ th {
	width: 30%;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 3px;
	background-color:  var(--table-background-color-primary);
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	padding: 8px 8px 6px;
}

table.destgoodslist_ td {
	border-top: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 3px;
	padding: 8px 8px 6px;
}

table.destgoodslist_ span.img_s_ {
	float: left;
}

table.destgoodslist_ span.img_s_ img {
	width: 46px;
}

table.destgoodslist_ span.name_ {
	float: left;
}

table.destgoodslist_ th.method_gift_,
table.destgoodslist_ th.dest_comment_ {
	text-align: left;
	background-color: #e5f3ff;
}

table.destgoodslist_ td.method_comment_detail_ input,
table.destgoodslist_ td.method_comment_detail_ textarea {
	width: 100%;
}

table.destgoodslist_ td.method_qty_,
td.dest_qty_ {}

table.destgoodslist_ td.sublist_ {
	margin: 0;
	padding: 0;
}

.destgoodslist_ textarea {
	width: 98%;
}

.destspeclist_ textarea {
	width: 98%;
}

.salesspeclist_ textarea {
	width: 98%;
}

.salesspeclist_ {
	font-size: 13px;
}

ul.method_gift_ li {
	padding: 3px;
}

ul.method_gift_ li.title_ {
	background-color:  var(--table-background-color-primary);
}

ul.method_gift_ li.title_.must_ {
	border-left: 0.4em solid #ff6666;
}

ul.formlist_.estimate_.card_ li {
	padding: 2px;
}

ul.formlist_.estimate_.card_ li.title_ {
	font-size: 13px;
	background-color:  var(--table-background-color-primary);
}

ul.formlist_.estimate_.card_ li.title_.must_ {}

ul.method_gift_ input[type=text],
ul.method_gift_ textarea {
	width: auto;
}

ul.method_gift_ label {
	margin: 2px 6px 2px 2px;
}

table.approval_purchase_ th {
	border-right-style: none;
	background-color:  var(--table-background-color-primary);
	font-weight: normal;
	text-align: left;
}

div.order_ ul.card_ {
	padding: 3px;
}

/* order method.aspx */
div.order_ table.method_ {
	width: 100%;
}

/* 配送先 */
div.order_ .method_method_ {
	text-align: left;
}

div.order_ table.order_ {
	width: 90%;
	margin: 0 auto 10px auto;
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 100%;
}

div.order_ table.order_ td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

div.order_ table.order_ td.order_id_,
div.order_ table.order_ td.order_dt_ {
	text-align: left;
	text-align: right;
}

div.order_ table.order_ th {
	width: var(--th-width);
	background-color:  var(--table-background-color-primary);
	font-weight: normal;
	text-align: left;
}

input.search-btn {
	padding: 10px;
	background: #cccccc;
	border-radius: var(--btn-border-radius);
	border: none;
	cursor: pointer;
	color: var(--text-color-primary);
}


/* カードで支払う */
div.order_ table.formdetailcard_ {
	margin-bottom: 10px;
	padding: 3px;
}

div.order_ table.formdetailcard_ th {
	width: 12em;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
}

.block-order-estimate--commit-btn-include-loading {
	height: 150px;
	width: 65px;
	position: absolute;
	transform: scale(0.5);
}

/* カード情報確認 */
.formdetail_.cardlist_ {}

.formdetailcard_.cardedit_auth_ {}

.cardedit_info_ p {
	margin: 10px 0;
}

/* 明細オプション */
div.order_ table.destgoodslist_ table.estimate_comments_ {
	border-width: 0;
	padding: 0;
	margin-left: 1em;
	margin: 0 0 0 8px;
}

div.order_ table.destgoodslist_ table.estimate_comments_ th {
	border-width: 0;
	padding: 0;
	background-color: #ffffff;
}

div.order_ table.destgoodslist_ table.estimate_comments_ td {
	border-width: 0;
	padding: 0;
	background-color: #ffffff;
}

div.order_ table.destgoodslist_ table.estimate_comments_ th,
div.order_ table.destgoodslist_ table.estimate_comments_ td {
	vertical-align: top;
	word-break: break-all;
	text-align: left;
}

/* --------------------------------------------------------------------
	商品紹介ページ
-------------------------------------------------------------------- */
div.intro_box_ {
	margin-bottom: 10px;
}

div.intro_box_ table {
	width: 100%;
}

div.intro_box_ table.intro_address_ {
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}

div.intro_box_ table th {
	font-weight: normal;
	text-align: left;
	background-color: #e5f3ff;
	padding: 3px;
}

div.intro_box_ table td {
	padding: 3px;
}

div.intro_box_ table td.title_ {
	width: 24%;
}

div.intro_box_ table.intro_address_ .even td {
	background-color: #ffffe0;
}

.mail_ input {
	width: 84vw;
	margin: 0;
	margin-bottom: 10px;
}

.mail_ input[name="cancel.x"] {
	background-color: #ccc;
}

/* --------------------------------------------------------------------
	common　ヘッドライン
-------------------------------------------------------------------- */
h1.goods_name_ {
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
	color: var(--text-color-primary);
	font-size: 20px;
}

h1.category_name_ {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
	color: var(--text-color-primary);
}

h1.event_name_ {}

h1.event_name_ {
	margin-bottom: 10px;
	font-weight: bold;
	color: var(--text-color-primary);
	font-size: 4.266vw;
	background: transparent;
	margin-top: 10px;
	font-size: 20px;
}

h1.event_name_::before {
	content: none;
}

h1.supplier_name_ {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: var(--text-color-primary);
	background: transparent;
}


h1.event_title_ a {
	color: #606060;
}

/* --------------------------------------------------------------------
	common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
	margin: 2.4vw 0 77px var(--padding-x);
	margin-left: 0;
	font-size: 0.75rem;
	line-height: calc(36 / 24);
	text-align: left;
	max-width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
}
.navitopicpath_.bottom{
	margin-bottom: 0;
}
.const-home:after{
	content:'TOP';
}
.navitopicpath_ a {
	margin-right: 6px;
	color: var(--text-color-primary);
	font-size: 0.75rem;
	line-height: calc(36 / 24);
}
.navitopicpath_ a:nth-of-type(n+2){
	margin-left: 6px;
}

.navitopicpath_ span.current_ {
	margin: 0 0.5em;
}

.navitopicpath_ li {
	display: inline;
}

/* ページジャンプ */
.navipage_ {
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	align-items: center;
	margin: 20px 0;
}

.navipage_.top_ {
	/* ページジャンプ上部 */
	width: 100%;
}

.navipage_.bottom_ {
	/* ページジャンプ下部 */
	margin-top: 5px;
}

.navipage_ .navipage_sum_ {
	margin-bottom: 5px;
	display: block;
	width: 100%;
}

.navipage_ .navipage_first_ a {
	padding-left: 14px;
	background: url(../img/usr/sp/navifirst.gif) left center no-repeat;
}

.ui-widget.ui-widget-content .navipage_ .navipage_first_ a {
	padding-top: 9px !important;
	padding-bottom: 8px !important;
}

.navipage_ .navipage_prev_ a {
	padding-left: 10px;
	background: url(../img/usr/sp/naviprev.gif) left center no-repeat;
}

.ui-widget.ui-widget-content .navipage_ .navipage_prev_ a {
	padding-top: 9px !important;
	padding-bottom: 8px !important;
}

.navipage_ .navipage_next_ a {
	padding-right: 10px;
	background: url(../img/usr/sp/navinext.gif) right center no-repeat;
}

.supplier_info_tab_ .navipage_ .navipage_next_ a {
	padding: 8px 10px 9px;
}

.ui-widget.ui-widget-content .navipage_ .navipage_next_ a {
	padding: 8px 10px 9px !important;
	top: 0 !important;
}

.navipage_ .navipage_last_ a {
	padding-right: 14px;
	background: url(../img/usr/sp/navilast.gif) right center no-repeat;
}

.supplier_info_tab_ .navipage_ .navipage_last_ a {
	padding: 8px 14px 9px 6px;
}

.ui-widget.ui-widget-content .navipage_ .navipage_last_ a {
	padding: 8px 14px 9px 6px !important;
	top: 0 !important;
}

.navipage_ a {
	white-space: nowrap;
	margin: 0 1px;
	padding: 6px 6px;
	line-height: 30px;
	background-color: #FFF;
	border: 1px solid var(--theme-color-secondary);
}

.navipage_>a {
	padding: 2px 6px 1px;
}

.navipage_now_ {
	margin: 0 1px;
	padding: 2px 6px 1px;
	line-height: 30px;
	color: #C00;
	font-weight: bold;
	text-decoration: none;
	background: #FEE;
	border: 1px solid #F99;
}

.navipage_ .navipage_reverse_ {
	margin-right: 1px;
}

.navipage_ .navipage_forward_ {
	margin-left: 1px;
	margin-top: 1px;
}

.supplier_info_tab_ .navipage_ .navipage_forward_ {
	margin-top: -1px;
}

/* 並び替え */
.navisort_ {
	margin: 2px 0;
	font-size: 13px;
	overflow: hidden;
}

.navisort_ dt {
	float: left;
	text-align: right;
	font-weight: bold;
	width: 8em;
}

.navisort_ dd {
	margin-left: 8em;
}

.navisort_now_ {
	color: #CC0000;
	text-decoration: none;
	margin: 2px 5px;
	white-space: nowrap;
}

.navisort_ a {
	margin: 2px 5px;
	white-space: nowrap;
}

/* 表示切替 */
.navistyle_ {

}

.goods_filter_ .navistyle_ {
	text-align: left;
}

.goods_filter_ {
	margin-bottom: 10px;
}

.navistyle_ dt {
	display: inline-block;
	text-align: right;
	font-weight: normal;
	font-size: 13px;
}

.navistyle_ dd {
	display: inline-block;
	font-size: 13px;
}

.navistyle_#goods_class_filter_ dd {
	display: flex;
	flex-wrap: wrap;
}

.navistyle_now_ {
	color: #CC0000;
	text-decoration: none;
	margin: 2px 5px;
	white-space: nowrap;
	font-weight: bold;
}

.navistyle_ a {
	margin: 2px 5px;
	white-space: nowrap;
}

/* ブランド絞込 */
.brand_name_ {
	width: 100%;
	overflow: hidden;
}

.brand_name_now_ {
	color: #CC3300;
	text-decoration: none;
	margin: 2px 5px;
	white-space: nowrap;
	font-weight: bold;
}

.brand_name_ a {
	margin: 2px 5px;
	white-space: nowrap;
}

/* メーカー絞込 */
.maker_name_ {
	width: 100%;
	overflow: hidden;
}

.maker_name_now_ {
	color: #CC3300;
	text-decoration: none;
	margin: 2px 2px 2px 2px;
	white-space: nowrap;
	font-weight: bold;
}

.maker_name_ a {
	margin: 2px 2px 2px 2px;
	white-space: nowrap;
}

/* 商品分類絞込 */
#goods_class_filter_ {
	padding-bottom: 3px;
	text-align: left;
}

#goods_class_filter_ dd {}

#goods_class_filter_ .class_filter_ {
	margin-right: 2px;
	margin-bottom: 5px;
}

#goods_class_filter_ .class_filter_ select {
	padding: 8px 0;
	font-size: 13px;
}

#goods_class_filter_ .class_filter_ .selected_ {
	background-color: #ffeeff;
}

/* --------------------------------------------------------------------
	Ajax　Zip
-------------------------------------------------------------------- */
#suggestZipArea {
	background-color: #ffffff;
	border: 1px solid #999999;
	display: none;
	padding: 2px 0;
	font-size: 12px;
	position: absolute;
	z-index: 9999;
}

#suggestZipArea .itemNotFound {
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #999999;
	font-style: italic;
}

#suggestZipArea .itemLine {
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	list-style: none;
	white-space: nowrap;
	color: var(--text-color-primary);
	font-size: 12px;
}

#suggestZipArea .selected {
	background-color: #ffdddd;
	color: #c00000;
}

#suggestZipArea .itemLine .itemCode {
	float: left;
	font-weight: bold;
	margin-right: 4px;
	font-size: 11px;
}

#suggestZipArea .itemLine .itemName {}

/* --------------------------------------------------------------------
	トピックス
-------------------------------------------------------------------- */
/* トピック詳細 */
div.topic_ {}

h2.topic_title_ {
	font-weight: bold;
	margin-bottom: 20px;
}

h2.topic_title_::before {}

div.topic_ div.comment_ {}

div.topic_ div.contents_ {}

/* トピック一覧 */
div.topiclist_ {
	margin-bottom: 40px;
}
[data-page-id="top"] div.topiclist_ {
	padding-left: var(--padding-x);
	padding-right: var(--padding-x);
	margin-bottom: 97px;
}
div.topiclist_ .topiclist_head_{
	text-align: center;
	margin-bottom: 69px;
}
div.topiclist_ .topiclist_head_ .main {
	font-size:var(--font-size-alpha-head-main);
	font-weight: var(--font-weight-alpha-head-main);
	color: var(--color-alpha-head-main);
	line-height: var(--line-height-alpha-head-main);
	font-family: var(--font-family-alpha);
}
div.topiclist_ .topiclist_head_ .sub {
	font-size:var(--font-size-kana-head-sub);
	font-weight: var(--font-weight-kana-head-sub);
	color: var(--color-kana-head-sub);
	line-height: var(--line-height-kana-head-sub);
	text-align: center;
	margin-top: 17px;
	display: block;
	font-family: var(--font-family-kana);
}
div.topiclist_ .topiclist_head_ .rss_ {
	float: right;
	display: inline;
	text-align: right;
	display: none;
}

div.topiclist_ .topiclist_body_ {
	margin: 0 auto;
}

div.topiclist_ div.topiclist_ ul.topicline_ {
	margin: 0;
	padding: 0;
}

div.topiclist_ ul.topicline_ li {
	display: flex;
	align-items: stretch;
	border-top: 1px solid var(--form-border-color);
	padding: 17px 0 15px 0;
	gap: 0 calc(10 / 375 * 100vw);
}
div.topiclist_ ul.topicline_ li:last-of-type{
	border-bottom: 1px solid var(--form-border-color);
}
div.topiclist_ ul.topicline_ li .link{
	order: 3;
	font-size: 1rem;
	line-height: calc(24 / 16);
	font-weight: 500;
	display: block;
}
div.topiclist_ ul.topicline_ li .link:after{
	content:'';
	background-image: url(../img/usr/common/arrow-link-indigo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	top: -8px;
	right: 0;
}
div.topiclist_ ul.topicline_ li .right-wrapper{
	order: 2;
	display: flex;
	flex-direction: column;
	position: relative;
}
div.topiclist_ ul.topicline_ li .icon-wrapper{
	order: 1;
	text-align: center;
	flex-shrink: 0;
	width: calc(186 / 828 * 100vw);
}
div.topiclist_ ul.topicline_ li .icon-wrapper img{
	height: 22px;
	width: auto;
}
div.topiclist_ ul.topicline_ li .yyyymmdd{
	font-size: 1rem;
	line-height: calc(24 / 16);
	font-weight: 500;
	font-family: var(--font-family-kana);
}
div.topiclist_ .topiclist_body_ .topicline_detaillist_{
	text-align: center;
}
div.topiclist_ .topiclist_body_ .btn-more{
	margin: 40px auto;
}
/* トピック詳細 */

.topicdetaillist_head_:after{
	content:'News\4e00\89a7';
}
.topic_head_::before {
	content: "";
}

h2.topic_title_ {
	display: flex;
	align-items: center;
}

h2.topic_title_ .new-icon {
	margin-left: 10px;
}
.topicdetailline_{
	display: flex;
	flex-direction: column;
}
.topicdetailline_ > li:first-of-type{
	border-top: 1px solid var(--table-border-color);
}
.topicdetailline_ > li{
	padding: 10px 0;
	border-bottom: 1px solid var(--table-border-color);
}
.topicdetailline_ > li .link{
	font-size: 1rem;
	line-height: calc(24 / 16);
	font-weight: 500;
	position: relative;
	display: block;
	width: 100%;
	padding-right: 33px;
	padding-left: 10px;
}
.topicdetailline_ > li .link:after{
	content:'';
	background-image: url(../img/usr/common/arrow-link-indigo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	top: -8px;
	right: 10px;
}
.topicdetailline_ .line-inner-2{
	display: flex;
	gap:20px;
	padding: 4px 10px;
}
.topicdetailline_ .line-inner-2 .icon-comment-wrapper{
	order: 2;
}
.topicdetailline_ .line-inner-2 .yyyymmdd{
	order:1;
	flex-shrink: 0;
}
/* --------------------------------------------------------------------
	商品詳細
--------------------------------------------------------------------- */
div.goods_ {
	clear: both;
}

#spec_goods_comment.top_comment_ {}

div.goodsproductdetail_ {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}

table.goodsproductdetail_ {
	width: 100%;
}

table.goodsproductdetail_ td {
	vertical-align: top;
}

/* 商品画像 */
div.goodsimg_ {
	margin-bottom: 5.333vw;
}

div.goodsimg_ .img_L_ {
	text-align: center;
}

div.goodsimg_ .img_L_ img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

div.goodsimg_ .img_L_ .comment_ {
	text-align: left;
	margin-top: 5px;
}

div.goodsimg_ .img_c_ {
	margin-bottom: 10px;
}

div.goodsimg_ .img_c_ .comment_ {
	margin-top: 5px;
}

/**/

/* 商品画像バリエーション */
div.etc_goodsimg_ {}

div.etc_goodsimg_line_ {}

div.etc_goodsimg_item_ {}

div.etc_goodsimg_item_ img {}

/**/

/* 商品スペック */
div.goodsspec_ {
	margin-bottom: 8vw;
}

dl.goodsspec_ {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
}

dl.goodsspec_ dt,
dl.goodsspec_ dd {
	display: inline-block;
}

dl.goodsspec_ dt {
	font-size: 1rem;
	padding: var(--td-padding-y) var(--td-padding-x);
	color: var(--text-color-primary);
	width: 30%;
	border-top: 1px solid #ccc;
	background-color: var(--table-background-color-primary);
}

dl.goodsspec_ dd {
	font-size: 0.875rem;
	padding: var(--td-padding-y) var(--td-padding-x);
	width: 70%;
	border-top: 1px solid #ccc;
}
dl.goodsspec_ > *:nth-last-child(2),
dl.goodsspec_ > *:nth-last-child(1){
	border-bottom: 1px solid #ccc;
}

dl.goodsspec_ dd#spec_goods_name {}

div.goodsspec_ div.togetherlist_ ul.goods_p_ {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

div.goodsspec_ div.togetherlist_ ul.goods_p_ li {
	border-bottom: none;
}

div.goodsspec_ div.togetherlist_ ul.goods_p_ div.block_ {
	padding-left: 0 !important;
	width: 46vw;
	background-size: auto 46vw;
}

div.goodsspec_ div.togetherlist_ .title_decoration_.title_block_ {
	background: var(--theme-color-quaternary)!important;
	color: #fff;
	margin-bottom: 0;
}

div.goodsspec_ div.togetherlist_ ul.goods_p_ div.block_ .name_ {
	padding-top: 45vw;
	margin-bottom: 6px;
	width: 45vw;
}

div.goodsspec_ div.to_detaillink_ {
	text-align: right;
}

.togetherlist_ .g_price_::after {
	content: none;
}

/**/

/* セット商品 */
div.goodsset_ {
	margin-bottom: 10px;
}

h2.goodsset_title_ {
	margin: 0;
	padding: 4px 0;
	font-size: 13px;
	font-weight: bold;
}

dl.goodsset_ {
	margin: 0 10px;
}

dl.goodsset_ dt,
dl.goodsset_ dd {
	display: block;
	white-space: nowrap;
}

dl.goodsset_ dt {
	font-size: 13px;
	padding: 1px 2px 1px 12px;
	background-color: #ffe6e0;
	border: 1px solid #ffe6e0;
}

dl.goodsset_ dd {
	font-size: 13px;
	padding: 2px 2px 2px 12px;
	border: 1px solid #ffe6e0;
}

dl.goodsset_ dt:first-child {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

dl.goodsset_ dd:last-child {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

/**/

/* カートボタン関係 */
div.cartbox_ {
	text-align: center;
	vertical-align: middle;
	margin-bottom: 5.333vw;
}

div.cartvariation_ {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 4vw;
}

div.cartvariation_ ul.cartvariation_ {
	overflow: hidden;
	text-align: left;
	background-color: #FFF;
	padding-top: 5.866vw;
	padding-left: 2.66vw;
	padding-right: 2.66vw;
}

div.cartvariation_ ul.cartvariation_ .msg_ {
	margin-left: 5.6vw;
}

div.cartvariation_ ul.cartvariation_ .msg_ .name_ a {
	color: var(--text-color-primary);
	font-size: 3.466vw;
	margin-top: 6px;
	margin-bottom: 6px;
	display: block;
}

div.cartvariation_ ul.cartvariation_ .msg_ .g_price_ .price_ {
	font-size: 4.266vw;
}

div.cartvariation_ ul.cartvariation_ li {
	width: 100%;
	border-bottom: 1px solid var(--mypage-table-border-color);
	position: relative;
}

div.cartvariation_ ul.cartvariation_ li .link_ {
	position: absolute;
	left: 5px;
	top: 5px;
	min-width: 110px;
	min-height: 110px;
	font-size: 0;
	color: transparent;
}

div.cartvariation_ ul.cartvariation_ li .block_ {
	display: block;
	padding-left: 110px;
	padding-top: 4px;
	padding-right: 10px;
	min-height: 110px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 100px auto;
	font-size: 13px;
}

div.cartvariation_ ul.cartvariation_ li .block_ a {}

div.cartvariation_ ul.cartvariation_ li:last-child {
	border-bottom-style: none
}

div.cartvariation_ .original_price_ {
	display: block;
	font-size: 12px;
}

div.cartvariation_ div.variation_ {
	font-size: 3.733vw;
	font-weight: 600;
	text-align: right;
}

div.cartvariation_ ul.cartvariation_ .cartbutton_ {
	text-align: right;
	margin-top: 1.866vw;
}

/**/

div.goodscomment1_ {
	margin-bottom: 10px;
}

div.goodscomment2_ {
	margin-bottom: 6.66vw;
}

div.goodscomment3_ {
	margin-bottom: 10px;
}

div.goodscomment4_ {
	margin-bottom: 10px;
}

div.goodscomment5_ {
	margin-bottom: 10px;
}

div.goods_ div.accessory_list_ {
	margin: 10px 0px;
}

.option_buttons_ {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.option_buttons_ li {
	width: 66.66vw;
	margin: 0 auto;
	position: relative;
}

.option_buttons_ li:last-child:before {
	content: "";
	background: url(../img/usr/sp/icon_mail.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 4vw;
}

.option_buttons_ li:first-child:before {
	content: "";
	background: url(../img/usr/sp/icon_fav.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	background-size: contain;
	position: absolute;
	left: 12.53vw;
	top: 50%;
	transform: translateY(-50%);
}

.option_buttons_ li:last-child {
	order: -1;
}

.option_buttons_ li input {
	background: #fff;
	font-size: 3.2vw;
	border: 1px solid #333;
	box-sizing: border-box;
	color: var(--text-color-primary);
}

/* --------------------------------------------------------------------
	商品一覧
-------------------------------------------------------------------- */
div.goods_ {
	background-color: #ffffff;
}

ul.goods_p_ {
}

.supplier_event_goods_list_ ul.goods_p_ {
	margin-top: 10px;
	margin-bottom: 10px;
}
.supplier_event_goods_list_ ul.goods_p_ li {
	width: unset;
}
ul.goods_p_{
	display: flex;
	flex-wrap: wrap;
	gap: 50px calc(30 / 828 * 100vw);
}
ul.goods_p_ > li{
	width: calc((100% - calc(30 / 828 * 100vw)) / 2);
}
ul.goods_p_ > li a{
	display: block;
}
.autopagerize_page_element_ ul.goods_p_ li .block_ {
}

.page-category ul.goods_p_ li .block_ {
	background-size: 110px;
}

ul.goods_p_ li .block_ a {
	color: var(--text-color-primary);
}

ul.goods_p_ li .block_ .name_ {
	font-size: 3.466vw;
	color: var(--text-color-primary);
	margin-top: 1.6vw;
	margin-bottom: 1.6vw;
	display: block;
	font-weight: normal;
	/*white-space: nowrap;ttc削除*/
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
}

.page-category ul.goods_p_ li .block_ .name_ {
	padding-bottom: 70px;
}

.event_ ul.goods_p_ li .block_ .name_ {
	margin-top: 1.6vw;
	margin-bottom: 1.6vw;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
}
ul.goods_p_ > li .goods_img_:not(div){
	width: 100%;
	margin-bottom: 8px;
    border: 1px solid #eee;/*ttc追記*/
}
ul.goods_p_ .goods_detail_{
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}
ul.goods_p_ [href*="cart.aspx"]{
	display: flex;
	justify-content: flex-end;
}
ul.goods_p_ li .block_ .comment_ {
	display: none;
}

ul.goods_p_ li .block_ .g_price_ .price_ {
	color: var(--text-color-primary);
}

ul.goods_p_ li .block_ .g_price_ .price_ .large_ {
	font-size: inherit;
}

ul.goods_p_ li:last-child {
	border-bottom-style: none
}

.autopagerize_page_element_ .goods_ {}

ul.goods_l_ {
	display: flex;
	flex-direction: column;
	text-align: left;
	background-color: #ffffff;
	margin: 0 0 40px 0;
}

ul.goods_l_ li {
	width: 100%;
	border-bottom: 1px solid var(--mypage-table-border-color);
}

ul.goods_l_ li .block_ {
	padding: 10px 10px;
}
ul.goods_l_ .g_price_{
	text-align: right;
}

ul.goods_l_ .name_ {
	color: var(--text-color-primary);
	display: block;

}

/* --------------------------------------------------------------------
	商品検索
--------------------------------------------------------------------- */
dl.goodssearch_ {}

dl.goodssearch_ dt,
dl.goodssearch_ dd {
	display: block;
	white-space: nowrap;
}

dl.goodssearch_ dt {
	margin-left: 5px;
	padding: 8px 0 8px 8px;
	background:  var(--table-background-color-primary);
	margin-bottom: 6px;
	margin-left: 0;
}

dl.goodssearch_ dd {
	margin-bottom: 10px;
}



#search_suggest_area_ {
	width: 80%;
}

/**/

/* --------------------------------------------------------------------
	カテゴリー
-------------------------------------------------------------------- */
/* カテゴリー詳細 */

div.sub_category_ {
	margin-top: 40px;
}

/* カテゴリー一覧 */

div.CategoryStyleG_ {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5.333vw;
	font-size: 3.466vw;
}

div.CategoryStyleG_ div.name_ {
	margin: 0;
	padding: 2px 10px 2px 0;
	line-height: 28px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: var(--text-color-primary);
	font-weight: bold;
}

div.category_list_ div.CategoryStyleG_ div.name_ {
	background-color: #ffffff;
}

div.CategoryStyleG_ div.link_ {
	background: url(../img/usr/sp/menu_arrow2.png) 50% right no-repeat;
}

div.CategoryStyleG_ .img_ {
	float: left;
	left: 0;
	top: 0;
	margin: 0;
	margin-right: 2px;
	width: 30px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent var(--theme-color-secondary);
	position: absolute;
	top: 50%;
	left: 92vw;
	left: 86.66vw;
}

div.CategoryStyleG_ .img_show_ {
	content: none;
	border: none;
	width: 60px;
	height: 61px;
	right: 0;
	left: unset;
}

div.CategoryStyleG_ .img_hidden_ {
	content: none;
	border: none;
	width: 60px;
	height: 61px;
	right: 0;
	left: unset;
}

div.CategoryStyleG_ .img_show_::before,
div.CategoryStyleG_ .img_show_::after,
div.CategoryStyleG_ .img_hidden_::before,
div.CategoryStyleG_ .img_hidden_::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 11px;
	height: 2px;
	border: 0;
	margin: 0;
	transition: all .3s;
	background-color: var(--theme-color-secondary);
}

div.CategoryStyleG_ .img_hidden_::after {
	transform: rotate(-90deg);
}

div.CategoryStyleG_ div.category_list_block0_ {}

div.CategoryStyleG_ div.category_list_block0_>div.name_ {}

div.CategoryStyleG_ div.category_list_block0_>div.link_ {
	position: relative;
	padding: 4.267vw 0 4.267vw 20px;
	border-right: none;
	border-left: none;
}

div.category_list_ div.CategoryStyleG_ div.category_list_block0_>div.link_ {
	position: relative;
}

div.CategoryStyleG_ div.category_list_block1_ {}

div.CategoryStyleG_ div.category_list_block1_>div.name_ {
	background: var(--theme-color-quaternary);
	position: relative;
	padding: 4.267vw 0 4.267vw 40px;
	border-right: none;
	border-left: none;
}

div.CategoryStyleG_ div.category_list_block2_ {}

div.CategoryStyleG_ div.category_list_block2_>div.name_ {
	padding: 4.267vw 0 4.267vw 60px;
	position: relative;
	background: var(--theme-color-quaternary);
	border-right: none;
	border-left: none;
}

div.CategoryStyleG_ div.category_list_block3_ {}

div.CategoryStyleG_ div.category_list_block3_>div.name_ {
	padding: 4.267vw 0 4.267vw 80px;
	position: relative;
	background: var(--theme-color-quaternary);
	border-right: none;
	border-left: none;
}

div.CategoryStyleG_ .comment_ {
	display: none;
}

div.CategoryStyleL_ div.name_ {
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #eae5e3;
	border-left: 1px solid #eae5e3;
	border-right: 1px solid #eae5e3;
	background: #ffffff url(../img/usr/sp/menu_arrow2.png) 50% right no-repeat;
}

div.CategoryStyleL_ div.name_ {
	border-bottom: 1px solid #eae5e3;
	margin-bottom: 2px;
}

div.CategoryStyleL_ div.comment_ {
	padding: 2px 2px 4px 10px;
}

.comment_middle_ {
	word-break: break-all;
	margin-bottom: 40px;
}

/* --------------------------------------------------------------------
	ジャンル
-------------------------------------------------------------------- */
/* ジャンル一覧 */

div.GenreStyle_ {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5.333vw;
	font-size: 3.466vw;
}

div.GenreStyle_ div.name_ {
	margin: 0;
	padding: 2px 10px 2px 0;
	line-height: 28px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: var(--text-color-primary);
	font-weight: bold;
}

div.genre_list_ div.GenreStyle_ div.name_ {
	background-color: #ffffff;
}
div.GenreStyle_ .img_ {
	float: left;
	left: 0;
	top: 0;
	margin: 0;
	margin-right: 2px;
	width: 30px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent var(--theme-color-secondary);
	position: absolute;
	top: 50%;
	left: 92vw;
	left: 86.66vw;
}

div.GenreStyle_ .img_show_ {
	content: none;
	border: none;
	width: 60px;
	height: 61px;
	right: 0;
	left: unset;
}

div.GenreStyle_ .img_hidden_ {
	content: none;
	border: none;
	width: 60px;
	height: 61px;
	right: 0;
	left: unset;
}

div.GenreStyle_ .img_show_::before,
div.GenreStyle_ .img_show_::after,
div.GenreStyle_ .img_hidden_::before,
div.GenreStyle_ .img_hidden_::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 11px;
	height: 2px;
	border: 0;
	margin: 0;
	transition: all .3s;
	background-color: var(--theme-color-secondary);
}

div.GenreStyle_ .img_hidden_::after {
	transform: rotate(-90deg);
}

div.GenreStyle_ div.genre_list_block0_ {}

div.GenreStyle_ div.genre_list_block0_>div.name_ {}

div.GenreStyle_ div.genre_list_block0_>div.link_ {
	position: relative;
	padding: 4.267vw 0 4.267vw 20px;
	border-right: none;
	border-left: none;
}

div.genre_list_ div.GenreStyle_ div.genre_list_block0_>div.link_ {
	position: relative;
}

div.GenreStyle_ div.genre_list_block1_ {}

div.GenreStyle_ div.genre_list_block1_>div.name_ {
	background: var(--theme-color-quaternary);
	position: relative;
	padding: 4.267vw 0 4.267vw 40px;
	border-right: none;
	border-left: none;
}

div.GenreStyle_ div.genre_list_block2_ {}

div.GenreStyle_ div.genre_list_block2_>div.name_ {
	padding: 4.267vw 0 4.267vw 60px;
	position: relative;
	background: var(--theme-color-quaternary);
	border-right: none;
	border-left: none;
}

div.GenreStyle_ div.genre_list_block3_ {}

div.GenreStyle_ div.genre_list_block3_>div.name_ {
	padding: 4.267vw 0 4.267vw 80px;
	position: relative;
	background: var(--theme-color-quaternary);
	border-right: none;
	border-left: none;
}

div.GenreStyle_ .comment_ {
	display: none;
}


/* --------------------------------------------------------------------
	イベント
-------------------------------------------------------------------- */
/* イベント詳細 */

/* イベント一覧 */
div.event_ {
	margin-bottom: 10px;
}

div.event_ h1.event_title_ a {
	color: #606060;
}

.event_ ul.goods_p_ li .block_ {
	position: relative;
}

.event_ ul.goods_p_ li .block_::after {}

/* --------------------------------------------------------------------
	カスタマーレビュー一覧
--------------------------------------------------------------------- */
/* レビュー情報 */
div.review_info_ {
	overflow: hidden;
}

div.review_info_ p a {
	color: var(--text-color-secondary);
	text-decoration: underline;
}

div.review_count_summary_ {
	padding: 6px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 19px;
	border-bottom: 1px solid var(--theme-color-secondary);
}

div.review_count_summary_ dl dt,
div.review_count_summary_ dl dd {
	display: inline;
}

div.review_count_summary_ dl.review_score_ {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

div.review_count_summary_ dl.review_score_ dt {
	font-weight: bold;
	width: 100%;
}

div.review_count_summary_ dl.review_count_ {}

div.review_count_summary_ dl.review_count_ dt {
	font-weight: bold;
}

div.review_count_summary_ dl.review_count_ dd {
	padding-left: 4px;
}

div.review_desc_ {
	float: right;
	display: inline;
}

div.review_desc_ .btn_review_ {
	text-align: right;
}

.review_pagenav_ {
	margin: 0 0 10px 0;
	clear: both;
	background: #F0F0F0;
	padding: 5px;
}

/**/
/* レビュー ページ切換 */
div#page_changer_top {}

div#page_changer_top .pager_ref_ {
	margin: 2px 5px;
	color: #003780;
	text-decoration: underline;
	font-weight: bold;
	white-space: nowrap;
}

div#page_changer_top .pager_now_ {
	margin: 2px 5px;
	color: #CC0000;
	font-weight: bold;
	white-space: nowrap;
}

/**/
/* レビュー記事 */
.review_line_ {
	margin-bottom: 5px;
}

.review_line_title_ {
	padding: 2px 6px;
	font-size: 14px;
	font-weight: bold;
	background-color: #a9dfff;
	border: 1px solid #a9dfff;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	display: none;
}

.review_line_body_ {
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 20px;
}

div.review_line_summary_ {
	display: flex;
	border-bottom: 1px solid #B9B9B9;
	padding-bottom: 11px;
	margin-bottom: 16px;
}

div.review_line_summary_ dl dt,
div.review_line_summary_ dl dd {
	display: inline;
}

div.review_line_summary_ dl.review_line_name_ {
	font-weight: bold;
}

div.review_line_summary_ dl.review_line_name_ dt {
	font-weight: bold;
	display: none;
}

div.review_line_summary_ dl.review_line_name_ dd {
	padding-left: 4px;
	margin-right: 10px;
}

div.review_line_summary_ dl.review_line_score_ {}

div.review_line_summary_ dl.review_line_score_ dt {
	font-weight: bold;
	display: none;
}

.review_line_comment_ {
	margin-bottom: 5px;
	padding: 2px;
	word-break: break-all;
}

.review_line_ .moderate_vote_ {
	padding: 5px;
	background: #F0F0F0;
}

.review_line_ .mode_lay_ {
	position: absolute;
	display: none;
	z-index: 1;
	padding: 0;
	background-color: #ffffff;
	border: solid 1px #ffcc33;
}

.review_line_ .mode_lay_ .mode_select_line_top_ {
	text-align: right;
	padding: 0 2px;
	font-size: 13px;
	background-color: #ffcc33;
}

.review_line_ .mode_lay_ .mode_select_line_ {
	padding: 0 4px;
	border-top: solid 1px #ffcc33;
}

.review_line_ .moderate_info1_ {
	margin-top: 5px;
}

.review_line_ .moderate_info2_ {
	margin-top: 5px;
}

.review_line_ .moderate_info2_ span {
	text-decoration: underline !important;
}

.review_line_ .moderate_other_ {
	display: none;
}

.review_line_ .moderate_other_ dl dt,
.review_line_ .moderate_other_ dl dd {
	display: inline;
}

.review_line_ .moderate_other_ dl {
	padding-left: 10px;
}

.review_line_ .moderate_other_ dl dd {
	padding-left: 4px;
}


#review_form {
	margin-bottom: 20px;
	text-align: center;
}

#review_form input {
	width: 48vw;
	margin: 0 auto;
	background: #000;
	border-radius: 2px;
	border: none;
	color: #fff;
	font-size: 3.2vw;
}

/**/
/* --------------------------------------------------------------------
	カスタマーレビュー投稿画面
--------------------------------------------------------------------- */
/* 入力画面 */
div.review_ {
	padding: 10px;
}

.topic_head_,
div.review_ .common_headline1_ {
	margin:20px 0 40px;
	padding-left: 3.733vw;
	font-weight: bold;
	color: var(--text-color-primary);
	font-size: 4.266vw;
	overflow: hidden;
	padding: 0;
	position: relative;
	font-size: 5.5vw;
}

div.review_ .common_headline1_::before {}

div.review_ .common_headline2_ {
	padding-left: 0;
	font-weight: bold;
	color: var(--text-color-primary);
	font-size: 3.266vw;
	background: transparent;
}

div.review_ .common_headline2_::before {
	content: none;
}

ul.review_list_ {}

ul.review_list_ li {}

ul.review_list_ .title_ {
	margin-top: 15px;
	margin-bottom: 0;
}

div.review_ input[type=text],
div.review_ textarea {
	display: block;
}

ul.review_list_ li .count_msg_ {
	font-size: 11px;
	color: #404040 !important;
}

ul.review_list_ .input_must_ {
	margin-top: 0;
}

.review_ .orange_button_ {
	background: #000;
}

.review_ .blue_button_ {
	background: #ccc;
}

.review_list_ textarea[name="comment"] {
	/*font-family: Meiryo;*/
}

.review_ .confirm_layer_frame_ .submit_ {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}

.review_list_ .input_must_ input:first-child {
	margin-bottom: 0;
}

/**/

/* 確認画面 */
div.confirm_layer_frame_ {
	margin-top: 5px;
}

/**/

/* --------------------------------------------------------------------
	クイックオーダー
-------------------------------------------------------------------- */
div.quickorder_ {
	padding: 10px;
}

div.quickorder_ div.add_order_block_ {
	margin-top: 4px;
	padding: 2px 0;
	text-align: center;
	color: #404040;
	background-color:  var(--table-background-color-primary);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.quickorder_ ul.quickorder_list_ {}

div.quickorder_ ul.quickorder_list_ li {
	padding: 4px 0 10px;
	border-bottom: 1px dashed var(--mypage-table-border-color);
}

div.quickorder_ ul.quickorder_list_ li:first-child {
	border-top: 1px dashed var(--mypage-table-border-color);
}

div.quickorder_ ul.quickorder_list_ li:nth-child(odd) {
	background-color: #ffffff;
}

div.quickorder_ ul.quickorder_list_ li:nth-child(even) {}

div.quickorder_ table {
	width: 100%;
}

div.quickorder_ table th {
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
}

div.quickorder_ table td {
	text-align: left;
	vertical-align: middle;
}

div.quickorder_ table .del_ {
	text-align: right;
	width: 18.4vw;
}

div.quickorder_ table .goods_ {
	width: 110px;
}

div.quickorder_ table .goods_ input {
	width: 100px;
}

div.quickorder_ table .name_ {}

div.quickorder_ table td.name_ {}

div.quickorder_ table div.gname_ {
	padding: 0 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 18px;
	border: 1px solid #cccccc;
	font-size: 14px;
	line-height: 1.3;
}

div.quickorder_ table .qty_ {
	width: 75px;
	white-space: nowrap;
}

div.quickorder_ table td.amt_ {
	width: 75px;
}

div.quickorder_ table .qty_ input {
	width: 25px;
	text-align: right;
}

div.quickorder_ table .price_,
div.quickorder_ table .amt_ {
	width: 60px;
	color: #404040;
	width: 70px;
}

div.quickorder_ table td.price_,
div.quickorder_ table td.amt_ {
	color: var(--goods-price-text-color);
	font-weight: bold;
	text-align: right;
}

div.quickorder_ table .msg_ {
	font-size: 13px;
	padding: 0 2px;
}

div.quickorder_ table .del_ input {
	background: #CCCCCC;
	color: #404040;
}

div.quickorder_ .onProcess_ {
	background-image: url(../img/usr/sp/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.quickorder_ .selected {
	color: #00dd00;
	background-color: #FFF;
}

div.quickorder_ span.unit_ {
	margin: 5px;
}

#suggestArea {
	background-color: white;
	border: 1px solid black;
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
	position: absolute;
	top: 50px;
	left: 5px;
	color: black;
}

.itemNotFound {
	text-align: center;
	color: #777777;
	font-size: 10pt;
	padding: 0 5px;
	height: 18px;
	line-height: 18px;
}

.itemLine {
	padding: 0px 5px 0px 5px;
	height: 20px;
	line-height: 20px;
	list-style: none;
	white-space: nowrap;
}

.itemLine .itemCode {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

.itemLine .itemName {}

.delButton {}

#quickorder_form input.btn_cart_ {
	width: auto;
}

/* --------------------------------------------------------------------
	アンケート
-------------------------------------------------------------------- */
.navigation_ {
	margin: 2.4vw 0 0 2.933vw;
	font-size: 2.66vw;
	line-height: 1.5;
	text-align: left;
}

.navigation_ a {
	color: #404040;
}

div.questionnaire_ div.questionnaire_name_ {
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 8px;
}

div.questionnaire_ h3 {
	font-weight: bold;
	margin-top: 10px;
}


div.questionnaire_ .title_ {
	border-left: 0.4em solid var(--theme-color-secondary);
	background:  var(--table-background-color-primary);
	padding: 8px 0 8px 10px;
}

div.questionnaire_ .submit_ {
	margin-top: 6px;
}

div.questionnaire_ .title_.must_ {
	margin-bottom: 6px;
}

div.questionnaire_ input[name="radio1"] {
	margin-bottom: 3px;
}
div.questionnaire_ li.description_{
	margin: 10px 0 0 0;
}
div.questionnaire_ li.type {
	padding-top: 10px;
	padding-bottom: 20px;
}
div.questionnaire_ li.li-cmail-1{
	padding-bottom:0;
}
div.questionnaire_ li.li-cmail-2{
	padding-top: 0;
}
div.questionnaire_ [type="radio"] + label:after,
div.questionnaire_ [type="checkbox"] + label:after{
	content:'';
	display: block;
	margin-bottom: 4px;
}
/* 入力画面 */
ul.questionnaire_input_ {}

ul.questionnaire_input_ input[type="radio"] {
	vertical-align: middle;
}

/**/

/* 確認画面 */


ul.questionnaire_confirm_ .title_ {
	margin-left: 0;
}
ul.questionnaire_confirm_ .value-line{
	padding-top: 20px;
	padding-bottom: 20px;
}
ul.questionnaire_confirm_ .value-line .v{
	display: block;
}
.questionnaire-complete{
	padding: 20px 0;
}
/* --------------------------------------------------------------------
	マイページ　クーポン一覧
-------------------------------------------------------------------- */

table.coupon_ {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin: 5px 0;
	margin: 5px 0;
}

table.coupon_ th,
table.coupon_ td {
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

table.coupon_ th {
	background-color:  var(--table-background-color-primary);
	vertical-align: middle;
	width: var(--th-width);
	font-weight: normal;
}

/* --------------------------------------------------------------------
	マイページ　承認設定
-------------------------------------------------------------------- */
table.approvallist_ {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin: 5px 0;
}

table.approvallist_ th,
table.approvallist_ td {
	padding: 1px 5px;
	padding: 8px 8px 6px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

td.updatebtn_>div {
	color: var(--text-color-secondary);
	margin: 8px 0;
}

table.approvallist_ th {
	background-color:  var(--table-background-color-primary);
	vertical-align: middle;
	width: var(--th-width);
	font-weight: normal;
	padding: 4px 5px;
	padding: 8px 8px 6px;
}

table.approvallist_ td.sys_msg_ {
	color: #cc0000;
	font-size: 13px;
}

dl.formdetail_.search_ {}

dl.formdetail_.search_ dt {
	margin-bottom: 4px;
}

dl.formdetail_.search_ dd {
	margin-bottom: 8px;
}

/* --------------------------------------------------------------------
	関連商品
--------------------------------------------------------------------- */
div.title_block_ {
	color: #404040 !important;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 0 10px 10px;
	position: relative;
	background: var(--theme-color-quaternary)!important;
	margin: 10px;
}

.title_decoration_.title_block_::before {
	content: "";
	width: 6px;
	height: 30px;
	background: var(--theme-color-secondary);
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.accessory_list_{
	margin: 40px 0;
}
.goods-accessory-title{
    margin:0 0 40px 0;
    background-color:var(--theme-color-secondary);
    padding:6px 10px;
    color:#fff;
}

/* --------------------------------------------------------------------
	サプライヤ
-------------------------------------------------------------------- */
a.supplier_name_ {
	font-size: 13px;
	font-weight: bold;
}

div.supplier_img_ {
	margin: 0 auto;
	padding: 0;
	width: 300px;
}

div.supplier_img_ img {
	vertical-align: top;
}

div.supplier_img_ .img_L_ {
	padding-bottom: 10px;
	width: 300px;
}

div.supplier_img_ .img_L_ img {
	width: 300px;
}

div.supplier_img_ .etc_img_line_ {
	padding-bottom: 5px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

div.supplier_img_ .etc_img_item_ {
	padding-right: 10px;
	margin-bottom: 10px;
	width: 144px;
	float: left;
}

div.supplier_img_ .etc_img_item_:nth-of-type(2n) {
	padding-right: 0;
}

div.supplier_img_ .etc_img_item_ img {}

div.supplier_img_ .etc_img_ {
	padding-bottom: 20px;
	overflow: hidden;
}

div.supplier_info_ {
	margin: 0 auto;
}

div.supplier_info_ .comment_ {
	padding-bottom: 20px;
}

div.supplier_info_tab_ {
	display: none;
}

div.supplier_info_tab_>ul li {
	font-size: 12px;
	line-height: 1.3;
	height: 40px;
}

.supplier_event_ {
	margin-bottom: 10px;
}

div.supplier_info_tab_ h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px 2px 2px 7px;
	display: block;
	border-left: 5px solid var(--theme-color-secondary);
	text-align: left;
	font-size: 16px;
}

div.supplier_info_tab_ .tabimg_ {}

div.supplier_info_tab_ .tabimg_ img {
	width: 150px;
	margin: 7px 0;
}

div.supplier_info_tab_ .supplier_info_comment_ {
	margin-bottom: 10px;
}

dl.supplier_info_law_ {
	width: 100%;
}

dl.supplier_info_law_ dt,
dl.supplier_info_law_ dd {
	display: block;
}

dl.supplier_info_law_ dt {
	font-size: 13px;
	padding: 2px 2px 2px 6px;
	background:  var(--table-background-color-primary);
	color: #30485f;
	padding: 8px 8px 6px;
}

dl.supplier_info_law_ dd {
	font-size: 14px;
	padding: 2px 2px 2px 12px;
	padding: 8px 8px 6px;
}

div.supplierlist_ div.Style_Item_ {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 5px;
	overflow: hidden;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.supplierlist_ div.Style_Item_ div.img_ {
	float: left;
	display: inline;
	width: 100px;
}

div.supplierlist_ div.Style_Item_ div.img_ img {
	width: 100px;
}

div.supplierlist_ div.Style_Item_ div.desc_ {
	margin: 0 0 0 5px;
	float: left;
	display: inline;
	width: 480px;
	overflow: hidden;
}

div.supplierlist_ div.Style_Item_ .supplier_information2_ {
	margin-top: 10px;
}

div.top_agency_ select {
	width: 100%;
}

div.order_ table.formsublist_ {
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

div.order_ table.formsublist_ th {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: var(--th-width);
	background-color: var(--table-background-color-primary);
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: var(--td-padding-y) var(--td-padding-x);
}

div.order_ table.formsublist_ td {
	border-top: 1px solid #CCCCCC;
	padding: var(--td-padding-y) var(--td-padding-x);
	text-align: left;
	vertical-align: middle;
}




/** precart **/

table.formlist_.precart_ th {
	width: 25%;
}

table.formlist_.precart_ table.formlist_.precart_list_detaillist_ {
	margin: 0;
	width: 100%;
}
.formlist_.precart_ a{
	margin: 5px 0;
	display: block;
	text-decoration: underline;
}
table.formlist_.precart_ .memo_ textarea {
	margin:15px 0 10px;
}

.precart_list_goods_ .goods_content_ {
	display: flex;
	margin-bottom: 4px;
}

.precart_list_goods_ .goods_thumbnail_ {
	margin-right: 4px;
	max-width: 20%;
}

.precart_list_goods_ .goods_thumbnail_img_ {
	max-width: 100%;
}

.precart_list_goods_ .goods_title_wrap_ {
	width: 80%;
}

.precart_list_goods_ .goods_title_ {}

div.precart_ table.formsublist_ th.precart_goodsname_ {
	width: 60%;
}

div.precart_ table.formsublist_ th.precart_price_ {
	width: 20%;
	text-align: right;
}

div.precart_ table.formsublist_ th.precart_qty_ {
	width: 20%;
	text-align: right;
}

div.precart_ table.formsublist_ td.precart_price_ {
	text-align: right;
}

div.precart_ table.formsublist_ td.precart_qty_ {
	text-align: right;
}

.precart_goodsname_ .goods_thumbnail_ {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	max-width: 30%;
}

.precart_goodsname_ .goods_thumbnail_img_ {
	max-width: 100%;
}

.precart_goodsname_ .goods_title_wrap_ {
	display: inline-block;
	width: 66%;
}
.customer_ .precart_button_,
.order_.precart_ .precart_button_ {
	background: var(--theme-color-secondary);
	border-radius:  var(--btn-border-radius);
	border: none;
	color: #fff;
	font-size: 3.2vw;
	margin: 10px 5px 10px 0!important;
	display: inline-flex!important;
	justify-content: center;
	padding: 6px 10px;
	text-decoration: none!important;
}
.customer_ .precart-delete,
.order_.precart_ .precart-delete {
	background: #ccc;
	width: auto;
	padding: 6px 10px;
	color: var(--text-color-primary);
	text-decoration: none!important;
	display: inline-block!important;
}
h1.supplier_event_name_ {
	margin: 0 0 6px 0;
	padding: 10px 0px 10px;
	font-size: 13px;
	overflow: hidden;
	background: var(--theme-color-quaternary);
	font-size: 16px;
	padding: 10px 0 10px 10px;
	position: relative;
	margin: 20px 0 10px;
}

h1.supplier_event_name_::before {
	content: "";
	width: 6px;
	height: 30px;
	background: var(--theme-color-secondary);
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	left: 0;
}

.top_supplier_event_ h1.supplier_event_name_ {
	margin: 0 0 6px 0;
	padding: 10px 0px 10px;
	font-size: 13px;
	overflow: hidden;
	background: none;
}

.top_supplier_event_ h1.supplier_event_name_::before {
	content: none;
}

h1.supplier_event_name_::before {
	/* content: ""; */
	width: 6px;
	height: 30px;
	background: var(--theme-color-secondary);
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

h1.supplier_event_name_ a {}

.top_supplier_event_ {}

.top_supplier_event_ h1.supplier_event_name_ {
	border-top-width: 0;
	padding-top: 0;
	margin-bottom: 10px;
	font-weight: normal;
	padding-bottom: 0;
}

.top_supplier_event_ h1.supplier_event_name_:nth-of-type(2n) {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}

.top_supplier_event_ div.supplier_name_ {
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	padding-top: 10px;
}


/* --------------------------------------------------------------------
	js cart
--------------------------------------------------------------------- */
#contentArea {
	width: 100%;
	max-width: 640px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: auto;
}

#contentArea .btn-cart-info_ {
	padding-right: 110px;
	font-size: 11px;
	text-align: right;
	color: var(--text-color-primary);
	padding: 2px;
	width: auto;
	max-width: 220px;
	padding-right: 110px;
	background-color: var(--theme-color-quaternary);
}

#contentArea .btn-cart_ {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 87px;
	padding: 10px;
	z-index: 12;
	background-color: var(--theme-color-secondary);
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottom-left: 10px;
	border-bottom-left-radius: 10px;
}

#contentArea .header_border_ {
	margin-top: 60px
}

#cartArea {
	position: absolute;
	top: 0;
	left: 100%;
	width: 87%;
	max-width: 550px;
	position: relative;
	z-index: 1;
	left: 100%;
	background-color: var(--theme-color-secondary);
}

#cartHeader {
	width: 89%;
	margin: 0 auto;
	position: relative;
	z-index: 12;
	background: var(--theme-color-secondary);
	height: 41px;
}

#cartHeader .ttl {
	padding: 4% 0 3%;
	margin: 0 auto;
	width: 30%;
}

#cartHeader .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 3% 0 3% 3%;
	width: 8%;
}

#cartWrapper {
	overflow: auto;
	color: var(--text-color-primary);
	background-color: var(--theme-color-quaternary);
}

#cartWrapper .to_cart_info_ {
	padding-left: 8px;
	font-size: 12px;
}

#cartWrapper .item_ input {
	display: none;
}

#cartWrapper .item_ label {
	display: block;
	overflow: hidden;
	border: 2px solid var(--theme-color-primary);
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#cartWrapper .item_ {
	background-color: var(--theme-color-quaternary);
	padding: 5px 0;
}

#cartWrapper .item_ label.add_ {
	padding: 4px 10px;
	background-color: transparent;
	border: none;
	text-decoration: underline;
	color: var(--text-color-secondary);
}

#cartWrapper .item_ label.to_cart_ {
	padding: 4px 10px;
	background: transparent url(../img/usr/sp/arrow_white.png) right center no-repeat;
	background-color: var(--theme-color-secondary);
	color: #fff;
	width: 50%;
	margin: 0 auto;
	border: none;
	width: 200px;
	border-radius: 2px;
}

#cartWrapper .item_ label.icon_cart_ {
	color: #666666;
	background: #f0f0f0 url(../img/usr/sp/icon_cart_off.png) left center no-repeat;
	padding-top: 3px;
	padding-left: 33px;
	padding-bottom: 2px;
	line-height: 1.2;
	border-width: 1px;
	background: #f0f0f0 url(../img/usr/sp/icon_cart_off.png) 5px center no-repeat;
	background-size: 20px;
}

#cartWrapper .item_ label.icon_cart_ .cart_info_ {
	font-size: 12px;
}

#cartWrapper .item_ label.checked_ {
	border: 1px solid var(--theme-color-secondary);
	color: var(--text-color-primary);
	background:  var(--table-background-color-primary) url(../img/usr/sp/icon_cart_on.png) 4px center no-repeat;
	background-size: 24px;
}

/* --------------------------------------------------------------------
	cart button
--------------------------------------------------------------------- */
div.cart_btn_overlay_ {
	position: absolute;
	text-align: center;
	z-index: 9999;
}

div.add_cart_btn_overlay_ {
	position: absolute;
	display: none;
	z-index: 9999;
}

.jquery-ui-dialog-alert {}

.jquery-ui-dialog-alert div.ui-dialog-titlebar {
	border-color: red;
	background-color: #f74e74;
	background-image: url(ui-lightness/images/ui-bg_gloss-wave_35_f74e74_500x100.png);
	border: none;
	background-color: #606060;
	background-image: url(images/ui-bg_gloss-wave_35_f74e74_500x100.png);
	background-image: none;
}


/*****************************************************/
.move_button_ {
	margin: 4px 4px 10px;
	font-size: 0.875rem;
	font-weight: normal;
	border-radius: var(--btn-border-radius);
	border: none;
	text-decoration: none;
	background-color: var(--theme-color-secondary);
	color: #ffffff;
	display: inline-block;
	padding: 7px 12px;
}

input[name="withdrawal.x"].move_button_ {
	background: #fff;
	color: var(--text-color-primary);
	box-shadow: var(--btn-box-shadow);
	border: 1px solid #909090;
}

.move_button_bk_ {
	margin: 4px 4px 10px;
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	padding: 6px 12px;
	text-decoration: none;
	background-color: #ededed;
	color: #aaaaaa;
	display: inline-block;
}

.move_button_orange_ {
	margin: 4px 4px 10px;
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: none;
	padding: 7px 12px;
	text-decoration: none;
	background-color: var(--theme-color-secondary);
	color: #ffffff;
	display: inline-block;
}

input[name="save_pre.x"],
input[name="delete_cart.x"],
input[name="copy.x"] {
	overflow: visible;
	cursor: pointer;
	margin: 4px;
	font-size: 12px;
	line-height: 13px;
	height: 32px;
	font-weight: normal;
	border-radius: 12px;
	border: 1px solid #909090;
	box-shadow: var(--btn-box-shadow);
	padding: 8px 12px;
	text-decoration: none;
	background-color: #ffffff;
	color: var(--text-color-primary);
	display: inline-block;
	position: relative;
}

input.move_button_ {
	overflow: visible;
	cursor: pointer;
	margin: 4px;
	font-size: 12px;
	line-height: 13px;
	height: 32px;
	font-weight: normal;
	border-radius: 12px;
	border: 1px solid #909090;
	box-shadow: var(--btn-box-shadow);
	padding: 8px 12px;
	text-decoration: none;
	background-color: #ffffff;
	color: var(--text-color-primary);
	display: inline-block;
	position: relative;
}

input.move_button_bk_ {
	overflow: visible;
	margin: 4px;
	margin: 0;
	font-size: 12px;
	line-height: 13px;
	height: 32px;
	font-weight: normal;
	border-radius: 12px;
	border: 1px solid #cccccc;
	box-shadow: var(--btn-box-shadow);
	padding: 8px 12px;
	text-decoration: none;
	background-color: #ededed;
	color: #aaaaaa;
	display: inline-block;
	text-shadow: 1px 1px 0px #ffffff;
	position: relative;
}

input.current-shipping-order-delete-list,
input.current-shipping-order-delete {
	margin-right: 0;
	margin-left: 0;
}

.move_button_.back-to-accessory-setting {
	background: #ccc;
	color: var(--text-color-primary);
	box-shadow: none;
	border: none;
	height: 35px;
}


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

div.order_ table.order_cart_list_ {
	border-bottom: solid 1px #ccc;
}

div.order_ table.order_cart_list_ td {
	border-top: solid 1px #ccc;
	vertical-align: top;
}

div.order_ table.order_cart_list_ {
	width: 100%;
}

div.order_ table.order_cart_list_ td.image_ {
	width: 70px;
	padding: 10px 10px 0 0;
}

div.order_ table.order_cart_list_ td.image_ img {
	width: 60px;
}

div.order_ table.order_cart_list_ input.order_cart_qty_ {
	width: 40px;
}

div.order_ table.order_cart_list_ td {}

div.order_ table.order_cart_list_total_ {
	width: 96%;
}

div.order_ table.order_cart_list_total_ th {
	width: auto;
	text-align: right;
}

div.order_ table.order_cart_list_total_ td.price_ {
	text-align: right;
	padding-right: 4px;
}

div.order_ table.order_cart_list_total_ td.postage_comment_ {
	text-align: right;
	padding-right: 4px;
}

/* 軽減税率対応 */
div.order_ table.order_cart_list_total_ tr.tax_sum_ th {
	font-weight: normal;
}

div.order_ table.order_cart_list_total_ tr.tax_sum_ td {
	font-weight: normal;
}

div.order_ .order_cart_list_all_total_ {
	border: 1px solid var(--theme-color-secondary);
	background-color: #eef9f5;
	padding: 8px 8px 6px;
	margin-top: 10px;
}

div.order_ .order_cart_list_sub_total_ {
	border: 1px solid var(--theme-color-secondary);
	padding: 8px 8px 6px;
}

div.order_ .total_title_ {
	font-weight: bold;
}

div.order_ table.order_cart_list_ tr.cart_detail_change_ td {
	background: #e3ffff;
}

div.order_ table.order_cart_list_ tr.cart_detail_zero_ td {
	background: transparent;
}

div.order_ table.order_cart_list_ td.goods_detail_>table {
	width: 99%;
	width: 92%;
	margin: 10px;
}

div.order_ table.order_cart_list_ td.goods_detail_>table td {
	border-width: 0;
	text-align: right;
}
div.order_ table.order_cart_list_ td.goods_detail_>table td a{
	text-decoration: underline;
	margin-bottom: 10px;
	display: inline-block;
}
div.order_ table.order_cart_list_ td.goods_detail_>table td.name_ {
	text-align: left;
}
div.order_ table.order_cart_list_ td.goods_detail_>table td .tax_class_name_{
	margin-left: 4px;
}

div.order_ table.order_cart_list_ td.goods_detail_>table td.amt_ {
	width: 100px;
	padding: 3px 0;
}

div.order_ .order_cart_delete_ {
	width: 60px;
	font-size: 0.75rem;
	font-weight: normal;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	padding: 4px 10px;
	margin: 4px 0 4px auto;
	text-decoration: none;
	background-color: #cccccc;
	color: var(--text-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

div.order_ .order_cart_reload_ {
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid var(--theme-color-secondary);
	padding: 4px 10px;
	text-decoration: none;
	background-color: var(--theme-color-secondary);
	color: #ffffff;
	display: inline-block;
}

div.order_ .order_cart_reload_ {
	margin-top: 2px;
	display: none;
}

div.order_ .order_cart_reload_.show_ {
	display: inline-block;
	margin-bottom: 10px;
}

div.address_box_2_ .address_change_ input {
	background: none;
	text-decoration: underline;
	border: none;
	color: #332b2c;
	padding: 5px 0;
}

div.address_box_2_ .address_select_ input {
	background: #cccccc;
	border: solid 1px #ccc;
	color: var(--text-color-primary);
	padding: 10px;
	border-radius: var(--btn-border-radius);
}

div.address_box_2_ .common_headline2_ {
	font-weight: bold;
	color: var(--text-color-primary);
	background: transparent;
	margin: 10px 0;
	font-size: 1.125rem;
	padding-left: 10px;
	padding-left: 0;
}

div.address_box_2_ .common_headline2_::before {
	content: none;
}

/** header list start **/

div.order_ h2.dest_list_ {
	background: url(../img/usr/sp/ico_title.png) left top no-repeat;
	padding-left: 20px;
	text-shadow: 1px 1px #f0f0cc;
	color: #f0b000;
	min-height: 23px;
	font-weight: bold;
	float: left;
	background: none;
	color: var(--text-color-secondary);
	padding-left: 0;
	text-shadow: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 10px;
	margin-left: 0;
	color: var(--text-color-primary);
}

div.order_ .order_cart_message_ {
	font-size: 12px;
	clear: both;
}

#dest_list {}

div.order_ .order_cart_sublist_ {
	float: left;
	margin: 0 0 10px 0;
	padding: 2px;
	border: 1px solid var(--theme-color-secondary);
	border: none;
}

div.order_ .order_cart_sublist_bottom_ {
	clear: both;
	margin: 0 10px;
}

.order-cart-address-del-copy-wrapper input.current-shipping-order-delete-list+input.current-shipping-order-copy-list,
.order-cart-address-del-copy-wrapper input.current-shipping-order-delete+input.current-shipping-order-copy {
	margin-right: 0;
}

.order-cart-address-del-copy-wrapper {
	text-align: right;
}

div.order_ table.order_cart_sublist_total_ {
	margin-left: auto;
	margin-right: 0;
}

div.order_ table.order_cart_sublist_total_ th {
	text-align: right;
}

div.order_ table.order_cart_sublist_total_ td {
	text-align: right;
}

div.order_ .order_cart_sublist_ .item_ {
	float: left;
	width: 178px;
	width: 100%;
}

div.order_ .order_cart_sublist_ .item_ a {
	display: block;
	overflow: hidden;
	border: 1px solid var(--theme-color-secondary);
	position: relative;
	text-decoration: none;
	margin: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.order_ .order_cart_sublist_ .now_ a {
	border-width: 1px;
	margin: 1px;
}

div.order_ .order_cart_sublist_ .item_ a .title_ {
	display: block;
	padding: 4px 4px 3px 2px;
	margin: 0;
	font-size: 12px;
	line-height: 1.1;
	color: #fff;
	background-color: var(--theme-color-secondary);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	color: var(--text-color-primary);
	background-color: #fff;
}

div.order_ .order_cart_sublist_ .now_ a .title_ {
	color: #ffffff;
	background-color: var(--theme-color-secondary);
	color: var(--text-color-primary);
	background-color:  var(--table-background-color-primary);
}

div.order_ .order_cart_sublist_ .ng_ a .title_ {
	color: #cc0000;
}

div.order_ .order_cart_sublist_ a .ng_ {
	color: #cc0000;
}

div.order_ .order_cart_sublist_ .item_ a .info_ {
	display: block;
	padding: 3px 2px 2px 2px;
	font-size: 12px;
	line-height: 1.1;
	color: #777777;
	font-weight: normal;
	text-align: right;
	background: #ffffff url(../img/usr/sp/order_cart_icon_cart.gif) left top no-repeat;
	margin: 0;
	padding: 4px 2px 2px 19px;
	background: #ffffff url(../img/usr/icon_side_cart.png) 2px 2px no-repeat;
	background-size: 14px;
}

div.order_ .order_cart_sublist_ .now_ a .info_ {
	color: var(--text-color-primary);
	background-color:  var(--table-background-color-primary);
}

div.order_ .order_cart_sublist_ .item_add_ input {
	float: left;
	margin: 3px;
	display: block;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid var(--theme-color-secondary);
	position: relative;
	background-color: var(--theme-color-secondary);
	width: 176px;
	height: 40px;
	color: #fff;
	width: 156px;
	float: right;
	margin-right: 0;
}

div.order_ #order_cart_sublist_new {
	position: absolute;
	display: none;
}

div.order_ a.order_cart_navi_ {
	font-size: 13px;
	background: none;
	text-decoration: underline;
	border: none;
	color: #3333cc;
	padding: 5px 0;
	text-shadow: none;
	float: right;
	text-decoration: none;
	color: var(--text-color-secondary);
}

.dest_list_>a.order_cart_navi_ {
	margin-left: -83px !important;
	margin-top: 20px;
}

div.order_ input.order_cart_navi_ {
	font-size: 14px;
	background: none;
	text-decoration: none;
	border: none;
	color: var(--text-color-secondary);
	padding: 5px 0;
}

/** header list end **/

div.order_ table.destgoodslist_ th.method_goodsname_ {
	width: 70%;
}

div.order_ table.destgoodslist_ th.method_qty_ {
	width: 30%;
}

/* --------------------------------------------------------------------
	マイページ　買い物かご台帳
-------------------------------------------------------------------- */

div.customer_ div.memo_ textarea {
	background-color: var(--customer-table-background-color);
	width: 99%;
}


/* --------------------------------------------------------------------
	注文フロー　ヘッダー
-------------------------------------------------------------------- */
div.order_ div.order_flow_ {
	margin-bottom: 40px;
}

div.order_ div.order_flow_ ul {
	clear: both;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

div.order_ div.order_flow_ ul li {
	display: block;
	height: 60px;
	line-height: 16px;
	width: 25%;
	/* for step4 */
	text-align: center;
	font-size: 10px;
	font-style: normal;
	color: var(--text-color-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 18%;
	box-sizing: border-box;
	background: var(--theme-color-quaternary);
	flex-wrap: wrap;
	padding-top: 7px;
	position: relative;
	font-weight: bold;
	width: 11%;
}

div.order_ div.order_flow_.order_flow_4 ul li {
	width: 18%;
}

div.order_ div.order_flow_ ul li::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0;
	border-top: solid 2px var(--theme-color-secondary);
	border-right: solid 2px var(--theme-color-secondary);
	position: absolute;
	top: 50%;
	right: -17px;
	margin-top: -4px;
	transform: rotate(45deg);
}

div.order_ div.order_flow_ ul li span {
	width: 100%;
	margin-top: -25px;
	font-size: 12px;
}

div.order_ div.order_flow_ ul li.now_ {
	background-color: #eef9f5;
	color: var(--text-color-secondary);
	border: 1px solid var(--theme-color-secondary);
	width: 25%;
	padding-top: 0;

}

div.order_ div.order_flow_ ul li.next_ {}

div.order_ div.order_flow_ ul.for_estimate_ {}



div.order_ div.order_flow_ ul.for_estimate_ li {}

div.order_ div.order_flow_ ul.for_estimate_ li.now_ {
	background: #e9f1ff;
	color: #567cc5;
	border-color: #567cc5;
}

div.order_ div.order_flow_ ul.for_estimate_ li::after {
	border-color: #567cc5;
}

div.order_ div.order_flow_ ul.for_estimate_ li.next_ {}

div.order_ div.order_flow_ ul li:first-child {
	background-image: none;
}

div.order_ div.order_flow_ ul li:last-child {}

div.order_ div.order_flow_ ul li:last-child::after {
	content: none;
}

div.order_ table.agencyapprovallist_ {
	width: 99%;
}

div.order_ table.agencyapprovallist_ th {
	border: 1px solid #af8ad1;
	background: #af8ad1;
	padding: 8px 8px 6px;
	font-weight: normal;
	width: 15%;
	color: #fff;
}

div.order_ table.agencyapprovallist_ td {
	border: 1px solid #af8ad1;
	padding: 8px 8px 6px;
}


/* --------------------------------------------------------------------
	発注先、代理店一覧
-------------------------------------------------------------------- */

div.agency_ table.agency_approvallist_ th {
	border: 1px solid #af8ad1;
	background: #af8ad1;
	padding: 4px;
	width: 140px;
}

div.agency_ table.agency_approvallist_ td {
	border: 1px solid #af8ad1;
	padding: 8px 8px 6px;
}

div.agency_ table.agency_approvallist_ th {
	border: 1px solid #af8ad1;
	background: #af8ad1;
	padding: 8px 8px 6px;
	width: 20%;
	color: #fff;
}

/* 支払方法の指定画面の配送一覧 */
div.order_ div.method_destlist_frame_ {
	margin-bottom: 8px;
}

div.order_ div.method_destlist_frame_ .method_destlist_:nth-of-type(2) {
	border-bottom: 1px solid #CCC;
}

div.order_ div.method_destlist_frame_ .delivery_date_ {
	color: #cc0000;
	font-weight: bold;
}

div.order_ table.method_destlist_ {
	margin-top: 0;
	margin-bottom: 0;
	border-bottom-width: 0px;
}

div.order_ table.method_destlist_ th {
	border-width: 0px;
	background:  var(--table-background-color-primary);
	padding: var(--td-padding-y) var(--td-padding-x);
}

div.order_ table.method_destlist_ td {
	border-width: 0px;
	padding: var(--td-padding-y) var(--td-padding-x);
}

div.order_ table.method_destlist_ th.spec_ {
	border-bottom: 1px solid #cccccc;
}

div.order_ table.method_destlist_ td.spec_ {
	border-bottom: 1px solid #cccccc;
}

div.order_ table.method_destlist_ td.goodsname_ {
	padding: 0 0 0 4px;
}

div.order_ table.method_destlist_ td.qty_ {
	padding: 0;
}

div.order_ table.method_destlist_ td.amt_ {
	padding: 0 4px 0 0;
}

div.order_ table.method_destlist_ td.detail_option_ {
	padding-top: 0;
}

div.order_ table.method_destlist_ td.detail_option_ table {
	width: 100%;
}

div.order_ table.method_destlist_ td.detail_option_ table td {
	padding: 0;
}

div.order_ table.method_destlist_ td.detail_option_ .gift_spec_title_ {
	font-weight: bold;
}

div.order_ table.method_destlist_ td.detail_option_ .gift_spec_ {
	padding-bottom: 3px;
}

div.order_ table.method_destlist_ td.goodsname_ div,
div.order_ table.method_destlist_ td.qty_ div,
div.order_ table.method_destlist_ td.amt_ div {
	background: #ffffff;
	padding: 2px;
	border-top: 1px dashed #cccccc;
}

div.order_ table.method_destlist_ td.goodsname_ span,
div.order_ table.method_destlist_ td.qty_ span,
div.order_ table.method_destlist_ td.amt_ span {
	font-weight: bold;
}

div.order_ table.method_destlist_ td.method_destlist_supplier_ {
	border-top: 1px dashed #cccccc;
}

div.order_ table.method_destlist_ td.method_destlist_supplier_ span.method_supplier_name_ {
	margin-bottom: 2px;
}

/* 代理店カタログ */
.formlist_.catalogsearch_ {
	margin-bottom: 10px;
}

/* 代理店オンライン商談 */
.formlist_.search_ {
	margin: 0 0 10px;
}

.agency_login_button_ input {
	margin: 0;
}

/**/



/* --------------------------------------------------------------------
	インポート
-------------------------------------------------------------------- */
table.importlist_ {}

table.importlist_ td {
	border-right: 1px solid #CCC;
}

table.importlist_ td.imp_checkbox_ {}

table.importlist_ td.imp_seq_ {}

table.importlist_ td.imp_process_ {}

table.importlist_ td.imp_err_info_ {}

/* goods */
#importlist_goods_ {}

#importlist_goods_ td.su_comment1_,
#importlist_goods_ td.su_comment2_,
#importlist_goods_ td.su_comment3_,
#importlist_goods_ td.su_agree_ {}

#importlist_goods_ td.su_comment1_ div,
#importlist_goods_ td.su_comment2_ div,
#importlist_goods_ td.su_comment3_ div,
#importlist_goods_ td.su_agree_ div {
	overflow: auto;
	width: 200px;
	height: 80px;
}

/* --------------------------------------------------------------------
	scrolllayer
-------------------------------------------------------------------- */

div.scrolllayer_ {
	position: relative;
	height: 43px;
	left: 0px;
	top: 0px;
	margin: 0 0 5px 0;
	border: solid 1px #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #DCBBF7;
	background: -moz-linear-gradient(top, #F0E5F9, #DCBBF7);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0E5F9), to(#DCBBF7));
	background-image: url(../img/usr/supplier/scroll_bg.gif);
	font-size: 90%;
}

div.scrolllayer_message_ {
	padding: 5px;
	width: 180px;
	float: left;
}

div.scrolllayer_submit_ {
	float: right;
	width: 100px;
}

/* --------------------------------------------------------------------
	agency
-------------------------------------------------------------------- */

.agency_ div.goods_img_ input[type=text] {
	width: auto;
	display: inline;
}

.agency_ div.goods_img_ input.comment_ {
	width: 98%;
}

.agency_ div.goods_img_ input[type=submit] {}

.agency_ div.goods_img_ input[type=submit]:hover {
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}

.agency_ div.goods_img_ input[type=submit]:active {
	background: #ccc;
	padding: 3px 3px 1px 5px;
}

.agency_ div.goods_img_ table {
	width: 100%;
}

.agency_ div.goods_img_ table.goods_img_comment_ {
	margin: 0;
	margin-top: 3px;
}

.agency_ div.goods_img_ table.goods_img_comment_ th {
	padding: 3px;
	border-width: 0;
	width: 80px;
}

.agency_ div.goods_img_ table.goods_img_comment_ td {
	padding: 3px;
	border-width: 0;
}



.agency_ div.catalog_img_ input[type=text] {
	width: auto;
	display: inline;
}

.agency_ div.catalog_img_ input[type=submit] {
	background-color: #F1F1F1;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 2px 4px 2px 4px;
	height: 30px;
	font-size: 1em;

	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-moz-box-shadow: 1px 1px 2px #E7E7E7;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}

.agency_ div.catalog_img_ input[type=submit]:hover {
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}

.agency_ div.catalog_img_ input[type=submit]:active {
	background: #ccc;
	padding: 3px 3px 1px 5px;
}

.agency_ div.catalog_img_ table {
	width: 100%;
	table-layout: fixed;
}

.agency_ div.catalog_img_ .formlist_.catalog_img_ {}


.agency_ table.catalogpage_goodsedit_ .catalog_seq_ {
	width: 5em;
}

.agency_ table.catalogpage_goodsedit_ td.catalog_seq_ input[type=text] {
	width: 3em;
}

.agency_ .inner_button_ {
	display: block;
	text-align: right;
}

.agency_ table.accessory_group_ {
	margin-top: 20px;
}

.agency_ table.accessory_group_ th {
	width: 110px;
}

.agency_ table.accessory_goods_list_ {
	width: auto;
}

.agency_ table.accessory_goods_list_ th.goods_check_ {
	width: 30px;
}

.agency_ table.accessory_goods_list_ th.item_code_ {
	width: 120px;
}

.agency_ table.accessory_goods_list_ th.goods_name_ {
	width: 500px;
}

.agency_ table.accessory_goods_list_ th.goods_seq_ {
	width: 40px;
}

.agency_ table.accessory_goods_list_ td.goods_seq_ input {
	width: 36px;
}

.agency_ table.catalogbizlist_ .catalog_biz_ {
	width: 30%;
}

.agency_ table.catalogbizlist_ .catalog_biz_name_ {
	width: 70%;
}

.agency_ table.catalogpagelist_ .page_title_ {
	width: 50%;
}

.agency_ table.catalogpagelist_ .page_ {
	width: 20%;
}

.agency_ table.catalogpagelist_ .page_seq_ {
	width: 15%;
}

.agency_ table.catalogpagelist_ .page_goods_cnt_ {
	width: 15%;
}

.agency_ table.catalogpagelist_ td.page_seq_,
.agency_ table.catalogpagelist_ td.page_goods_cnt_ {
	text-align: right;
}

.agency_ table.catalog_bizedit_ .agency_biz_select_ {
	width: 5%;
}

.agency_ table.catalog_bizedit_ .agency_biz_ {
	width: 30%;
}

.agency_ table.catalog_bizedit_ .agency_biz_name_ {
	width: 65%;
}

.agency_ table.catalog_bizedit_ td.agency_biz_select_ {
	text-align: center;
}

.agency_ table.catalogpage_goodslist_ .item_code_ {
	width: 20%;
}

.agency_ table.catalogpage_goodslist_ .name_ {
	width: 70%;
}

.agency_ table.catalogpage_goodslist_ .seq_ {
	width: 10%;
}

.agency_ table.catalogpage_goodslist_ td.seq_ {
	text-align: right;
}


/* --------------------------------------------------------------------
	カタログ
-------------------------------------------------------------------- */
/* カタログメニューリスト */

div.CatalogStyle_ {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5.333vw;
	font-size: 3.466vw;
}

div.CatalogStyle_ div.name_ {
	margin: 0;
	padding: 2px 10px 2px 0;
	line-height: 28px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: var(--text-color-primary);
	font-weight: bold;
	background-color: #ffffff;
}

div.CatalogStyle_ .img_ {
	float: left;
	left: 0;
	top: 0;
	margin: 0;
	margin-right: 2px;
	width: 30px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent var(--theme-color-secondary);
	position: absolute;
	top: 50%;
	left: 86.66vw;
}

div.CatalogStyle_ div.catalog_list_block_ {}

div.CatalogStyle_ div.catalog_list_block_>div.name_ {}

div.CatalogStyle_ div.catalog_list_block_>div.link_ {
	position: relative;
	padding: 4.267vw 0 4.267vw 20px;
	border-right: none;
	border-left: none;
}

/* カタログ索引画像・商品画像登録画面 */
.catalog-img-title,
.goods-img-title {
	border: 1px solid #CCCCCC;
	background-color:  var(--table-background-color-primary);
	padding: 8px 8px 6px;
}

.catalog-img-content,
.goods-img-content {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 8px 6px;
	margin-bottom: 10px;
}

.catalog-sub-title,
.goods-img-sub-title {
	font-weight: bold;
	margin-bottom: 5px;
}

.goods-img-sub-title+div+div {
	margin-top: 5px;
}

.catalog-size-wrapper,
.goods-size-wrapper {
	display: flex;
	margin-bottom: 5px;
}

.catalog-img-result,
.goods-img-result {
	margin: 10px 0;
}

/* --------------------------------------------------------------------
	軽減税率対応
-------------------------------------------------------------------- */
div.order_ div.estimate_footer_total_ {
	border: 2px solid var(--theme-color-secondary);
	padding: 8px 8px 6px;
	text-align: right;
	margin: 0 auto;
	font-size: 3.2vw;
	box-sizing: border-box;
	margin-bottom: 2.666vw;
}

div.order_ div.estimate_footer_total_ h2 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

div.order_ div.estimate_footer_total_ table {
	width: 100%;
}

div.order_ div.estimate_footer_total_ table th {
	padding: 2px 1em;
	font-weight: normal;
}

div.order_ div.estimate_footer_total_ table td {
	padding: 2px 0;
	font-weight: bold;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ {
	margin-bottom: 10px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ {}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th {
	width: 120px;
	text-align: right;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th.price_title_ {
	width: 100px;
	padding-right: 0;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th.tax_title_ {
	width: 100px;
	padding-right: 0;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ td {
	text-align: right;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ th {
	width: 120px;
	text-align: right;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ td {
	text-align: right;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ tr.subtotal_ th,
div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ tr.subtotal_ td {
	border-top: 1px solid #CCC;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.subtotal_ th,
div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.subtotal_ td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.estimate_total_ th,
div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.estimate_total_ td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ td.total_ {
	font-size: 14px;
	color: var(--goods-price-text-color);
	font-weight: bold;
}

div.order_ div.estimate_footer_total_ td.estimate_subtotal_sum_ {
	display: none;
}

/* 軽減税率対応時に追加 */
div.order_ .large_ {}

div.order_ table.formsublist_ td {
	border-right: 1px solid #CCCCCC;
}

div.order_ table.destgoodslist_ td {}

.estimate_block_ table.formsublist_.destgoodslist_.historydetail_ td.estimate_goods_ {
	text-align: left;
}

div.order_ table.destgoodslist_ {
	margin: 0;
}

div.order_ table.destgoodslist_ table.estimate_comments_ {
	width: auto;
	border-collapse: separate;
	margin-top: 8px;
	margin-left: 0;
}

div.order_ table.destgoodslist_ table.estimate_comments_ select {
	margin-bottom: 5px;
}

div.order_ table.destgoodslist_ table.estimate_comments_ textarea[name="comment_1"] {}

div.order_ table.destgoodslist_ span.estimate_name_ {
	font-weight: bold;
}

div.order_ table.destgoodslist_ span.estimate_qty_,
div.order_ table.destgoodslist_ span.estimate_amt_,
div.order_ table.destgoodslist_ span.estimate_amt_tax_,
div.order_ table.destgoodslist_ span.estimate_amt_tax_biz_,
div.order_ table.destgoodslist_ span.period_ {
	margin-left: 1em;
}

div.order_ table.destgoodslist_ span.amt_tax_,
div.order_ table.destgoodslist_ span.amt_tax_biz_ {
	margin-right: 4px;
}

div.order_ table.destgoodslist_ span.qty_ {
	margin-right: 4px;
	font-weight: bold;
}

div.order_ table.destgoodslist_ span.amt_,
div.order_ table.destgoodslist_ span.amt_tax_biz_ {
	font-weight: bold;
}

div.order_ table.destgoodslist_ td.price_ {
	text-align: right;
	border-right: 1px solid #CCCCCC;
}

div.order_ table.formsublist_.breakdown_list_ {}

div.order_ table.formsublist_.breakdown_list_ th.tax_ {
	border-top: 1px solid #CCCCCC;
	border-right-style: none;
	width: auto;
	padding: 3px;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

div.order_ table.formsublist_.breakdown_list_ td {
	border-top: 1px solid #CCCCCC;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

/* --------------------------------------------------------------------
	ユーザー定義　営業支援　担当者情報
--------------------------------------------------------------------- */
#block_of_assistinfo_ {
	margin: 10px auto;
	border: solid 2px #0099cc;
	font-size: 14px;
}

#block_of_assistinfo_ h2 {
	padding: 10px 4px 10px 20px;
	font-size: 15px;
	font-weight: normal;
	clear: both !important;
	padding-left: 8px;
	background: #0099cc;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

#block_of_assistinfo_ .top_assist_info_body_ {}

#block_of_assistinfo_ .top_assist_info_line_ {
	margin: 0;
	padding: 10px;
}

#block_of_assistinfo_ dt {
	float: left;
	width: 80px;
}

#block_of_assistinfo_ dd {
	margin-left: 80px;
}

#block_of_assistinfo_ dd:after {
	display: block;
	content: "";
	clear: both;
}

/** カート モーダル **/

#inline-content .cart_data_ {
	margin-top: 12px;
	padding: 8px;
	border: 2px solid var(--theme-color-secondary);
}

#inline-content .title_ {
	font-weight: bold;
}

#inline-content .cart_data_ table {
	width: 100%;
}

#inline-content .cart_data_ table td {
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 80%;
}

#inline-content .cart_data_ table td.image_ {
	width: 60px;
}

#inline-content .cart_data_ table td.image_ img {
	width: 50px;
	height: 50px;
	margin: 5px;
}

#inline-content .cart_data_ table th.qty_,
#inline-content .cart_data_ table td.qty_ {
	text-align: center;
}

/* --------------------------------------------------------------------
	ユーザー定義　トップページ　現在の配送先
--------------------------------------------------------------------- */
#block_of_cart_dest_ {
	margin: 10px 0;
	border: solid 2px var(--theme-color-secondary);
}

#block_of_cart_dest_ input {
	color: #fff !important;
}

#block_of_cart_dest_ h2 {
	padding: 0 8px;
	font-size: 15px;
	font-weight: normal;
	clear: both !important;
	background: var(--theme-color-secondary);
	color: #ffffff;
	font-weight: bold;
}

#block_of_cart_dest_ .block_of_cart_dest_inner_ {
	padding: 10px;
	font-size: 13px;
}

/* --------------------------------------------------------------------
	プロフィールの設定
-------------------------------------------------------------------- */

div.customer_ ul.customer_profile_ {
	margin-bottom: 20px;
}

div.customer_ ul.customer_profile_ input[type="text"],
div.customer_ ul.customer_profile_ textarea {
	width: 100%;
	display: block;
}


/* --------------------------------------------------------------------
	ユーザー定義　トップページお問い合わせ一覧
--------------------------------------------------------------------- */
#block_of_contact_ {
	margin: 10px 0;
	border: solid 2px var(--theme-color-secondary);
	font-size: 14px;
}

#block_of_contact_ h2 {
	margin: 2px;
	padding: 10px 4px 10px 8px;
	clear: both !important;
	background: var(--theme-color-secondary);
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

#block_of_contact_ .top_contact_most_recent_ {
	padding: 10px;
}

#block_of_contact_ .top_contact_most_recent_ .submit_ input {
	margin: 0;
}

#block_of_contact_ .top_contact_most_recent_ {
	padding: 10px;
}

#block_of_contact_ ul li {
	border-bottom: 1px dotted #CCC;
}

#block_of_contact_ ul li .subject_ {
	font-weight: bold;
	font-size: 97%;
}

#block_of_contact_ .top_contact_most_recent_ ul {
	margin-bottom: 20px;
}

#block_of_contact_ .top_contact_most_recent_ textarea {
	width: 100%;
}

#block_of_contact_ div.top_contact_list_footer_ {
	text-align: right;
}

#block_of_contact_ div.top_contact_list_footer_ a {
	display: inline-block;
	margin: 4px 10px 0 10px;
}

#block_of_contact_ div.top_contact_list_ {
	padding: 10px;
}

#block_of_contact_ div.contactlist_line_ {
	margin: 0;
	margin-bottom: 10px;
}

div.page_ {
	clear: both;
}

.contact_ .common_headline1_ {
	margin-bottom: 5.333vw;
	font-size: 5.333vw;
	font-weight: bold;
	color: var(--text-color-primary);
	font-size: 4.266vw;
	background: transparent;
	font-size: 5.5vw;
}

.contact_ .common_headline1_::before {
	content: none;
}

/* お客様情報変更 */

.customer_ p.message_ a::before {}

.customer_ p.message_ a strong {
	text-decoration: underline;
}

.customer_ .common_headline2_ {
	font-size: 15px;
}

.noticelist_ ul li {
	color: var(--text-color-secondary);
}

input[name="zip"],
input[name="addr"],
input[name="addr2"] {
	margin-bottom: 0 !important;
}

div.page_ {
	background-color: #ffffff;
}

ul.pagelist_frame_ {
	overflow: hidden;
	text-align: left;
	background-color: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

ul.pagelist_frame_ li {
	width: 100%;
	border-bottom: 1px solid var(--mypage-table-border-color);
	padding: 9px 0 9px 10px;
}

ul.pagelist_frame_ li .block_ {
	display: block;
	padding-left: 110px;
	padding-top: 4px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 100px auto;
	background-size: contain;
}

ul.pagelist_frame_ li .block_ a {
	color: var(--text-color-primary);
}

ul.pagelist_frame_ li:last-child {
	border-bottom-style: none
}

ul.pagelist_frame_ .name_,
ul.pagelist_frame_ .comment_ {
	font-size: 3.466vw;
	color: var(--text-color-primary);
}

ul.pagelist_frame_ li a>div {
	max-height: 65px;
	min-height: 65px;
}

/* --------------------------------------------------------------------
	購入履歴詳細画面
-------------------------------------------------------------------- */
/* キャンセルダイアログ */
#gmobillpayment_dialog {
	text-align: center;
}

#gmobillpayment_dialog_msg {
	margin-top: 10px;
}
.customer-table-bg{
	background-color: var(--customer-table-background-color);
}
[id*="count_msg"]{
	font-size: 0.75rem!important;
	margin: 10px 0 10px 10px;
	display: block!important;
}

.block-login--display-password input{
	width: 10% !important;
}