:root {
  --cl-main: #000000;
  --cl-bl: #004ea2;
  --cl-lbl: #e3f5ff;
  --cl-or: #e8330b;
  --cl-gy-1: #f8f8f8;
  --cl-gy-2: #f4f4f4;
  --cl-gy-3: #fafafa;
  --cl-bdr: #d9d9d9;
  --sl-arw: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC44NTQiIGhlaWdodD0iMjAuNzA3Ij48cGF0aCBkPSJtMTAuNS4zNTQtMTAgMTAgMTAgMTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ2NDc0OCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
}

/*
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;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1 {
  margin-top: 10px;
  padding: 0;
}

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

ul {
  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: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  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 var(--cl-bdr);
  margin: 0.5em 0;
  padding: 0;
  display: none;
}

input,
select {
  vertical-align: middle;
}

select {
  padding: 8px;
}

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

/** ** **/

#container {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 0 0;
  position: relative;
}

/* 共通 */

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  color: var(--cl-main);
  font-size: 1.4rem;
  font-family: "Lato", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

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

input[type="text"],
input[type="password"],
textarea,
select {
  border: 1px solid var(--cl-bdr);
  border-radius: 4px;
  min-height: 25px;
  line-height: 1.2;
  background-color: #fff;
}

input[name="rep_name"],
input[name="rep_name2"],
input[name="rep_kana"],
input[name="rep_kana2"] {
  width: 129px;
}

input.keyword_ {
  margin-left: 0;
}

input[type="text"]:focus,
textarea:focus,
select:focus,
input[type="password"]:focus {
  outline: 0;
}

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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #909090;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #333333;
  display: inline-block;
  position: relative;
  margin-bottom: 10px !important;
}

input.memo-update {
  margin-right: 0;
}

select {
  padding: 0 23px 0 10px;
  border: 1px solid var(--cl-bdr);
  border-radius: 4px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjUiPjxwYXRoIGQ9Ik0zIDUgMCAwaDZaIi8+PC9zdmc+");
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-size: 1.3rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

/* firefox用 */
@-moz-document url-prefix() {
  select {
    background: #fff;
    border: 1px solid #858585;
  }
}

th,
td {
  vertical-align: middle;
}

/* ラジオボタンデザイン */
input[type="radio"] {
  appearance: none;
  position: relative;
  margin-right: 2px;
  margin-bottom: 6px;
  border-radius: 14px;
  border: 1px solid #4c4c4c;
  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%;
  display: block;
  margin: -4px 0 0 -4px;
  content: "";
  border-radius: 5px;
  width: 8px;
  height: 8px;
  background-color: #333333;
}

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

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

/* ----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: 100%;
}

.small_ {
  font-size: 100%;
}

.xsmall_ {
  font-size: 100%;
}

/**/

/* 特定メッセージ（インライン） */
.error_ {
  color: #cc0000;
  font-size: 14px;
  margin-left: 10px;
}

.method_error_ {
  color: #cc0000;
  font-size: 14px;
  margin: 10px -15px 10px 10px;
}

#err_score,
#err_title,
#err_comment {
  color: #cc0000 !important;
}

.info_ {
  font-weight: bold;
}

/**/

/* 特定メッセージ（ブロック） */
div.block_message_ {
  font-size: 14px;
  background-color: #ffffff;
  border: solid 1px #666666;
  padding: 4px;
  margin: 4px 0;
}

div.error_,
table.error_ {
  background-color: #ffffff;
  border: solid 1px var(--cl-or);
  padding: 4px;
  margin: 4px 0;
}

div.notice_,
table.notice_ {
  margin: 10px 0;
}

div.info_,
table.info_ {
  background-color: #ffffff;
  margin: 4px 0;
}

ul.error_ {
  margin-left: 16px;
}

/**/

div.message_ {
  color: var(--cl-main);
  background-color: #ffffff;
  border: solid 1px var(--cl-bdr);
  padding: 8px;
  margin: 10px 0;
  text-align: left;
}

p.message_ {
  padding-top: 2px;
  margin: 5px 0;
}

#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_,
dl.formdetail_ dt.title_ {
  padding: 8px 0 8px 8px;
  background: var(--cl-gy-2);
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 8px 0 8px 10px;
}

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

.input_must_ input,
.input_must_ textarea,
.input_must_ select {
  margin-right: 50vw;
}

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_ {
  padding: 0;
  margin-bottom: 0;
}

.formdetail_.customer_ + p.message_ {
  margin-top: 0;
}

input[name="tel"],
input[name="mail"],
input[name="cmail"],
input.mail_,
input.cmail_,
input.dept_ {
  margin-bottom: 0 !important;
}

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

/**/

/* ボタン */
.button_ {
  color: #333;
}

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

.large_button_ {
  width: 100%;
  height: 35px;
  font-size: 16px;
  text-align: center;
  margin: 5px 0;
  border-radius: 2px;
}

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: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.auto_small_button_ {
  font-size: 12px;
  text-align: center;
  margin: 0;
  padding: 10px 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

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

input[name="cart.x"] {
  background: var(--cl-bl);
}

input[name="bookmarkgroup.x"] {
  background: #333333;
}

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

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

input.delete-btn {
  background: #cccccc;
  color: #333;
}

.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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #909090;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #333333;
  display: inline-block;
  position: relative;
}

.button_mini_:hover {
  border: 1px solid #333333;
  color: #000000;
}

.button_mini_:active {
  top: 1px;
}

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

/**/

.common_headline1_ {
  margin-bottom: 5.333vw;
  padding-left: 3.733vw;
  font-size: 5.333vw;
  font-weight: bold;
  color: #333333;
  font-size: 4.266vw;
  background: transparent;
  margin-top: 10px;
  font-size: 5.5vw;
  padding-left: 10px;
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 20px;
}

.common_headline1_::before {
  content: none;
}

.common_headline2_ {
  font-size: 16px;
  padding: 10px 0 10px 21px;
  position: relative;
  background: #f6f6f6;
  white-space: nowrap;
  z-index: -1;
  margin: 10px 0;
  padding-left: 10px;
  margin: 20px 0 10px;
  font-weight: bold;
}

.common_headline2_::before {
  content: "";
  width: 6px;
  height: 30px;
  background: var(--cl-bl);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

div.common_headline2_::before {
  content: "";
  width: 6px;
  height: 30px;
  background: var(--cl-bl);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* 共通クラス(その他) */
.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(--cl-or);
  font-size: 80%;
  display: none;
}

.price_ {
  color: var(--cl-or);
  font-weight: bold;
  font-size: 4vw;
}

.exclude_price_ {
  color: #333333;
  font-weight: bold;
  font-size: 4vw;
}

div.g_price_ > span.small_ {
  font-size: 100%;
  color: #333;
}

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

table.formlist_ {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  font-size: 12px;
  border: 1px solid var(--cl-bdr);
  margin-top: 10px;
}

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

table.formlist_ th {
  width: 30%;
  text-align: left;
  font-weight: normal;
  border-bottom: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  background-color: var(--cl-gy-2);
  padding: 3px;
  padding: 8px 8px 6px;
}

table.formlist_ td {
  padding: 3px;
  padding: 8px 8px 6px;
  border-right: 1px solid var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
  word-break: break-all;
}

.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: #333;
  background: transparent;
  border: 1px solid #333;
  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(--cl-gy-2);
  margin: 10px 0;
}

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_,
.genre_list_title_ {
  display: flex;
  align-items: center;
  width: 100vw;
  height: 56px;
  margin: 0 -16px;
  padding: 0 16px;
  background-color: var(--cl-bl);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  box-sizing: border-box;
}

.category_list_title_ {
  margin: 40px -16px 0;
}

.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_ .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 {
  width: 48vw;
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: 3.2vw;
}

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 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.46vw;
  padding-left: 10px;
  padding-right: 10px;
}

div.login_ div.loginform_ div.form_text_ + form > ul li {
  width: 70%;
}

div.login_ div.loginform_ div.form_text_ + form > ul li input {
  width: 100%;
  box-sizing: border-box;
}

div.login_ div.loginform_ .common_headline2_ {
  margin: 20px 0 10px;
  white-space: normal;
  padding-right: 5px;
  font-weight: bold;
}

div.login_ div.loginform_ .common_headline2_::before {
  content: "";
  width: 6px;
  height: 30px;
  background: var(--cl-bl);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

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

.forgotpass_ a {
  color: var(--cl-bl);
}

.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.loginform_ li.inputimage_ input {
  width: 48vw;
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: 3.2vw;
}

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

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

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

/* ログアウト */
.customer_ > p strong a {
  color: var(--cl-bl);
  text-decoration: underline;
}

/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
.agreebody_ {
  margin: 5px 10px;
  padding: 4px;
  border: 1px solid #999999;
  font-size: 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  height: 200px;
  overflow: auto;
}

div.customer_ table.customer_,
div.customer_ table.customerconfirm_ {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid var(--cl-bdr);
  font-size: 12px;
}

div.customer_ table.customer_ th,
div.customer_ table.customerconfirm_ th {
  width: 30%;
  background-color: var(--cl-gy-2);
  border-bottom: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  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 var(--cl-bdr);
  padding: 3px;
  padding: 8px 8px 6px;
}

/* --------------------------------------------------------------------
	マイページ
-------------------------------------------------------------------- */

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

.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(--cl-gy-2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: var(--cl-gy-2);
  margin: 15px 10px;
  margin: 15px 0;
}

div.mymenu_main_list_ div.mymenu_main_list_head_ {
  overflow: hidden;
  padding: 6px 4px 2px 4px;
}

div.mymenu_main_list_ div.mymenu_main_list_body_ {
  padding: 3px 1px 3px 1px;
}

div.mymenu_main_list_ div.mymenu_main_list_body_ li a {
  display: block;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
  background: #ffffff url(../img/usr/sp/menu_arrow.png) 98% 50% no-repeat;
  color: #333333;
  border: 1px solid #333;
}

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 2px 22px;
  height: 20px;
  position: relative;
}

div.mymenu_main_list_ h4::before {
  content: "";
  width: 18px;
  height: 18px;
  background: var(--cl-bl);
  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: 2px;
  margin-top: -5px;
  transform: rotate(45deg);
}

div.mymenu_main_list_ li {
  padding: 3px;
}

div.mymenu_main_list_ p {
  font-size: 13px;
  margin: 0;
  padding: 2px;
}

div.mymenu_main_list_ h5 {
  padding: 2px 2px 1px 5px;
  font-weight: normal;
}

/* 担当者情報 */
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 var(--cl-bdr);
  background-color: #ffffff;
  padding: 4px;
  font-size: 12px;
}

/* トピック一覧 */
div.mymenu_topic_ {
  margin-bottom: 10px;
  padding: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: var(--cl-gy-2);
  margin: 15px 10px;
  margin: 15px 0;
}

div.mymenu_topic_ .topiclist_head_ {
  overflow: hidden;
}

div.mymenu_topic_ .topiclist_head_ h2 {
  float: left;
  display: inline;
  line-height: 1.1;
  font-weight: normal;
  padding-left: 4px;
  padding-bottom: 4px;
}

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

div.mymenu_topic_ .topiclist_body_ {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 2px;
}

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

div.mymenu_topic_ ul.topicline_ li {
  border-bottom: 1px dotted var(--cl-bdr);
  background: url(../img/usr/sp/topiclist.png) 5px 9px no-repeat;
  font-size: 12px;
  padding: 4px 2px 4px 15px;
}

div.mymenu_topic_ ul.topicline_ li a {
  color: #333;
  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;
}

.customer_ {
  margin-bottom: 10px;
  padding: 0;
}

.customer_ p {
  margin: 10px 0;
}

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

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

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

.submit_ input {
  width: 54vw;
  margin: 0 25vw 10px;
  background: var(--cl-bl);
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: 3.2vw;
  margin: 0 auto 10px;
}

.submit_ input[type="image"] {
  width: 160px;
}

input.back-to-index-product,
input.back-to-index-catalog {
  background: #cccccc;
  color: #222;
}

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

input[name="submit.x"] {
  background: var(--cl-bl);
}

input[name="delete.x"] {
  background: #cccccc;
  color: #222;
}

input.go-back-btn,
input.back-to-home,
input.back-to-list,
input.disagree-btn,
input[name="back.x"] {
  border: 1px solid var(--cl-bl);
  background: #ffffff;
  color: var(--cl-bl);
}

input[name="check_approval_all_ok.x"],
input[name="check_approval_ok.x"],
input[name="approval_ok.x"] {
  background: var(--cl-bl);
}

input[name="check_approval_all_ng.x"],
input[name="check_approval_ng.x"],
input[name="approval_ng.x"] {
  border: 1px solid var(--cl-bl);
  background: #ffffff;
  color: var(--cl-bl);
}

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

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

/* トピック詳細 */
.topic_head_ {
  font-size: 20px;
}

.topic_head_::before {
  content: "";
}

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

h2.topic_title_ .new-icon {
  margin-left: 10px;
}

.topiclist_body_ {
  padding: 0;
}

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

div.customer_ table.bizuserlist_ th,
div.customer_ table.cardlist_ th {
  width: 30%;
  background-color: var(--cl-gy-2);
  border-bottom: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  padding: 3px;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
}

div.customer_ table.bizuserlist_ td,
div.customer_ table.cardlist_ td {
  border-bottom: 1px solid var(--cl-bdr);
  padding: 3px;
}

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

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

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

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

/* --------------------------------------------------------------------
	マイページ　購入履歴、見積履歴、法人別購入履歴、法人別見積履歴、承認、法人別承認
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
  padding: 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid var(--cl-bdr);
  font-size: 12px;
  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 {
  font-size: 12px;
  text-align: left;
  border: 1px solid var(--cl-bdr);
  background-color: var(--cl-gy-2);
  width: 40%;
  font-weight: normal;
  padding: 3px;
  white-space: nowrap;
  padding: 8px 8px 6px;
}

table.order_ td,
table.sales_ td,
table.method_ td,
table.purchase_ td,
table.ship_ td,
table.approval_ap_user_ td,
table.historydetail_ td {
  font-size: 12px;
  border: 1px solid var(--cl-bdr);
  border-left: none;
  padding: 3px;
  padding: 8px 8px 6px;
}

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: 22%;
}

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

table.history_ {
  width: 90%;
  border: 1px solid var(--cl-bdr);
  border-bottom: none;
  margin: 5px auto;
  width: 95%;
  width: 100%;
}

table.history_ td {
  padding: 10px 5px;
  border-bottom: 1px solid var(--cl-bdr);
}
table.history_ th {
  background-color: var(--cl-gy-2);
  vertical-align: middle;
  width: 35%;
  font-weight: normal;
  text-align: left;
  padding: 10px 5px;
  border-bottom: 1px solid var(--cl-bdr);
  white-space: nowrap;
  font-size: 3.2vw;
}
table.history_ td.order_id_ {
  font-size: 14px;
}
table.history_ td.order_detail_ {
  padding: 0px;
}
table.history_ td.order_detail_ ul {
  width: 100%;
  font-size: 12px;
}
table.history_ td.order_detail_ ul li {
  padding-left: 5px;
  list-style: none;
  border-bottom: 1px dotted var(--cl-bdr);
}
table.history_ td.order_detail_ p.order_again_ span {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid var(--cl-bdr);
  padding: 2px 5px;
}
table.history_ td.total_ {
  font-size: 14px;
  color: var(--cl-or);
}
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_ td.cancel_dt_ {
  color: #cc0000;
}

table.history_ th {
  background-color: var(--cl-gy-2);
  vertical-align: middle;
  width: 35%;
  font-weight: normal;
  text-align: left;
  padding: 10px 5px;
  border-bottom: 1px solid var(--cl-bdr);
  white-space: nowrap;
  font-size: 3.2vw;
}

table.history_ td.order_id_ {
  font-size: 14px;
}

table.history_ td.order_detail_ {
  padding: 0px;
}

table.history_ td.order_detail_ ul {
  width: 100%;
  font-size: 12px;
}

table.history_ td.order_detail_ ul li {
  padding-left: 5px;
  list-style: none;
  border-bottom: 1px dotted var(--cl-bdr);
}

table.history_ td.order_detail_ p.order_again_ span {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid var(--cl-bdr);
  padding: 2px 5px;
}

table.history_ td.total_ {
  font-size: 14px;
  color: var(--cl-or);
}

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_ td.cancel_dt_ {
  color: #cc0000;
}

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(--cl-bl);
  color: #fff;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 3.733vw;
}

.order_.spandual_ input.precart-register {
  width: 74vw;
  background: var(--cl-bl);
  margin-bottom: 5px;
  font-size: 3.733vw;
  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(--cl-bl);
  margin-bottom: 5px;
  font-size: 3.733vw;
}

.order_.spandual_ input.order-cancel {
  background: #ccc;
  width: 74vw;
  color: #333;
  margin-bottom: 20px;
  font-size: 3.733vw;
}

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_1st_ok_ td {
  background-color: #fffff0;
}

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

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 var(--cl-bdr);
}

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(--cl-gy-2);
  border-right: 1px solid var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
  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 var(--cl-bdr);
  padding: 3px;
  text-align: left;
  padding: 8px 8px 6px;
}

table.approval_cart_ th {
  white-space: nowrap;
  background-color: var(--cl-gy-2);
  border-right: 1px solid var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
  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;
}

div.quickorder_ table td.exclude_price_ {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}

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

table.approval_ {
  border: 1px solid var(--cl-bdr);
}

table.approval_ td {
  padding: 3px;
  border-right: 1px solid var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
}

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

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 var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  background-color: #e5f3ff;
  padding: 3px;
}

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

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

div.customer_ li.bookmark_item_ {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px dotted var(--cl-bdr);
  padding-bottom: 10px;
  padding-top: 10px;
}

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_ {
  font-size: 12px;
  margin-bottom: 5px;
}

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

li.bookmark_item_ .comment_ {
  float: left;
  width: 100%;
}

li.bookmark_item_ .comment_ > a {
  margin-left: 10px;
}

li.bookmark_item_ .comment_ > span {
  margin-left: 10px;
}

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%;
  margin: 0 10px;
}

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 var(--cl-bdr);
  border-bottom: none;
  margin: 5px 0;
}

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

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

table.bookmark_ td.form_ {
  text-align: left;
  border-bottom: 1px solid #cbcbcb;
  background-color: var(--cl-gy-2);
}

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

table.bookmark_ td.img_ {
  padding: 5px;
  width: 60px;
  border-bottom: 1px solid var(--cl-bdr);
}

table.bookmark_ td.name_ {
  padding: 5px;
  border-bottom: 1px solid var(--cl-bdr);
  vertical-align: top;
}

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

/* --------------------------------------------------------------------
	マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
  margin-top: 5px;
  border-top: 1px dotted var(--cl-bdr);
}

div.contact_ ul.contactlist_ li {
  padding: 5px;
  border-bottom: 1px dotted var(--cl-bdr);
}

div.contact_ ul.contactlist_ li a {
  display: block;
  color: #333;
  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(--cl-bl);
}

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

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

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

/* スレッド */

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 var(--cl-bdr);
}

div.contactlist_line_ .contactlist_head_ {
  width: 100%;
  overflow: hidden;
  background: var(--cl-gy-2);
  border-bottom: 1px solid var(--cl-bdr);
}

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 var(--cl-bdr);
  font-size: 14px;
  font-weight: bold;
}

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

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

/* ご注文主（ログイン時） */
div.method_host_ {
  margin-bottom: 10px;
  clear: both;
}

input[name="address.x"] {
  text-decoration: none !important;
  color: var(--cl-bl) !important;
}

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

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

input.change-address {
  text-decoration: none;
  color: var(--cl-bl);
  border: none;
  padding: 5px 0;
  background: none;
}

div.method_host_ address {
  font-style: normal;
  padding: 2px 4px;
  border: 1px solid var(--cl-bl);
}

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

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

div.sender_change_ {
  padding: 2px;
  margin: 0 0 3px 0;
  background: #e5f3ff;
  border: 1px solid var(--cl-bdr);
  width: auto;
}

#sender_form {
  padding: 0 10px;
}

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

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

div.address_item_ {
  padding: 2px 5px;
  width: 100%;
  overflow: hidden;
  padding: 2px 0;
}

div.address_item_ address {
  font-style: normal;
  margin: 2px 0;
  padding: 4px 6px;
  padding: 0;
  width: auto;
}

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

div.address_bottom_ {
  padding: 0;
  text-align: right;
}

.address_select_ {
  text-align: right;
}

/**/

/* 送り主（ログイン時） */
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.sender_change_ {
  padding: 6px 10px;
  background: var(--cl-gy-2);
  border: 1px solid var(--cl-bdr);
}

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(--cl-bl);
  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;
}

/* Safari (ただし、iOSのChromeにも適用される) */
_::-webkit-full-page-media,
_:future,
:root div.order_ div.estimate_block_ {
  margin: 15px 0;
}

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

table.formlist_.host_ {
  margin-bottom: 10px;
}

.formlist_.historydetail_.destgoodslist_ {
  width: 95vw;
}

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

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

#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_ .must_ {
  margin-left: 10px;
}

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_ textarea {
  width: 98%;
  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 var(--cl-bdr);
}

/**/

/* --------------------------------------------------------------------
	ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
  margin-bottom: 10px;
  width: 100%;
  padding: 0;
  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: 10px 0 0;
  font-size: 1.5rem;
  line-height: 1.666;
  letter-spacing: 0.04em;
}

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

#contentArea > div > div > h1 {
  text-align: left;
}

/* ご注文の商品 */
table.estimate_.sales_,
table.estimate_method_ {
  border-top: 1px solid var(--cl-bdr);
}

table.estimate_.sales_ th,
table.estimate_method_ th {
  width: 40%;
  text-align: left;
  border-bottom: 1px solid var(--cl-bdr);
  border-left: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  white-space: nowrap;
  background-color: #e5f3ff;
  padding: 3px;
  padding: 8px 8px 6px;
}

table.estimate_.sales_ td,
table.estimate_method_ td {
  width: 60%;
  padding: 3px;
  padding: 8px 8px 6px;
  border-bottom: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
}

table.estimate_method_ td.total_ {
  font-size: 14px;
  color: var(--cl-or);
  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 var(--cl-bdr);
}

table.goodslist_ td {
  padding: 3px;
  border-right: 1px solid var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
}

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 var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  background-color: var(--cl-gy-2);
  padding: 3px;
  padding: 8px 8px 6px;
}

/* 配送情報 */
table.host_,
table.sender_,
table.dest_ {
  border: 1px solid var(--cl-bdr);
  margin-bottom: 10px;
  font-size: 12px;
}

table.host_ th,
table.sender_ th,
table.dest_ th {
  border-bottom: 1px solid var(--cl-bdr);
  background-color: var(--cl-gy-2);
  padding: 3px;
  font-weight: normal;
  text-align: left;
  font-size: 13px;
  padding: 8px 8px 6px;
}

table.host_ td,
table.sender_ td,
table.dest_ td {
  padding: 3px;
  font-size: 13px;
  word-break: break-all;
  padding: 8px 8px 6px;
}

div.order_ .method_addr_ {
  padding: 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid var(--cl-bdr);
  font-size: 12px;
}

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

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

table.convinience_ th {
  width: 16em;
}

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

div.order_ table.estimate_method_ th {
  width: 30%;
  text-align: left;
  background-color: var(--cl-gy-2);
  font-weight: normal;
  font-size: 13px;
}

div.order_ table.estimate_method_ td {
  width: 70%;
  font-size: 13px;
  text-align: right;
}

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

#card_form {
  text-align: left;
}

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

table.destgoodslist_ {
  width: 90%;
  font-size: 3.2vw;
}

table.destgoodslist_ {
  margin-bottom: 10px;
  border-bottom: 1px solid var(--cl-bdr);
  border-left: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
}

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

table.destgoodslist_ td {
  border-top: 1px solid var(--cl-bdr);
  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.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.sublist_ {
  margin: 0;
  padding: 0;
}

.destgoodslist_ textarea {
  width: 98%;
}

.destspeclist_ textarea {
  width: 98%;
}

/* Safari (ただし、iOSのChromeにも適用される) */
_::-webkit-full-page-media,
_:future,
:root .destspeclist_ textarea {
  width: 95%;
}

.salesspeclist_ textarea {
  width: 98%;
}

.salesspeclist_ {
  font-size: 13px;
}

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

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

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

table.approval_purchase_ th {
  border-right-style: none;
  background-color: var(--cl-gy-2);
  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_ {
  margin: 0 auto 10px auto;
  padding: 3px;
  border-top: 1px solid var(--cl-bdr);
  border-left: 1px solid var(--cl-bdr);
  width: 100%;
}

div.order_ table.order_ td {
  border-right: 1px solid var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
  font-size: 13px;
  text-align: left;
}

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

div.order_ table.order_ th {
  width: 30%;
  background-color: var(--cl-gy-2);
  font-weight: normal;
  text-align: left;
  font-size: 13px;
}

input.search-btn {
  padding: 3px 10px;
  background: #cccccc;
  border: solid 1px #999;
  cursor: pointer;
  color: #332b2c;
}

/* カードで支払う */
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);
}

/* カード情報確認 */

.cardedit_info_ p {
  margin: 10px 0;
}

/* 明細オプション */
div.order_ table.destgoodslist_ table.estimate_comments_ {
  border-width: 0;
  padding: 0;
  font-size: 12px;
  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 var(--cl-bdr);
  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: 10px 0 0;
  padding: 0;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  word-wrap: break-word;
}

h1.category_name_ {
  margin: 23px 0;
  padding: 0;
  font-size: 2.2rem;
  font-weight: 700;
}

h1.event_name_ {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333333;
  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: #333333;
  background: transparent;
}

h1.event_title_ {
  font-size: 4.266vw;
  color: #606060;
  position: relative;
  padding-left: 20px;
  font-size: 4.266vw;
  color: #606060;
  position: relative;
  padding-left: 20px;
  background: #f6f6f6;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  position: relative;
  margin: 20px 0 10px;
}

h1.event_title_ a {
  color: #606060;
}

/* --------------------------------------------------------------------
	common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
  margin: 10px 0 0;
  padding: 0;
  margin-left: 0;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  color: #999999;
}

.navitopicpath_ a {
  margin: 0 0.5em;
  color: #999999;
}

.navitopicpath_ li:first-child a,
.navitopicpath_ > a:first-child {
  margin-left: 0;
}

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

.navitopicpath_ li {
  display: inline;
  color: #999999;
}

/* ページジャンプ */
.navipage_,
.navipage_::before,
.navipage_::after,
.navipage_ *,
.navipage_ *::before,
.navipage_ *::after {
  box-sizing: border-box;
}

.navipage_ {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100vw;
}

.navipage_.top_ {
  margin: 16px -16px 24px;
}

.navipage_.bottom_ {
  margin: 24px -16px 40px;
}

.navipage_ .navipage_sum_ {
  margin-bottom: 16px;
  padding: 0 16px;
  display: block;
}

.navipage_ .navipage_sum_ {
  width: 100%;
  text-align: center;
}

.navipage_.has_sort_ .navipage_sum_ {
  width: calc(100% - 175px);
  text-align-last: left;
}

.navipage_ .navipage_sum_ strong {
  font-size: 2rem;
  font-weight: 500;
  margin-right: 4px;
}

.navipage_ .navisort_ {
  width: 175px;
  margin-bottom: 16px;
  padding-right: 16px;
}

.navipage_ .navisort_ select {
  width: 100%;
  height: 44px;
  color: #666666;
}

.navipage_reverse_,
.navipage_forward_ {
  display: flex;
  align-items: center;
}

.navipage_reverse_ {
  margin-right: 7px;
}

.navipage_forward_ {
  margin-left: 7px;
}

.navipage_ > a,
.navipage_reverse_ a,
.navipage_forward_ a,
.navipage_ .navipage_now_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 500;
}

.navipage_ > a,
.navipage_reverse_ a,
.navipage_forward_ a {
  border: 1px solid var(--cl-bdr);
  background-color: #ffffff;
}

.navipage_reverse_ a,
.navipage_forward_ a {
  position: relative;
  text-indent: -999999px;
}

.navipage_ .navipage_now_ {
  background-color: var(--cl-bl);
  color: #ffffff;
}

.navipage_first_ a,
.navipage_last_ a {
  width: 50px;
}

.navipage_reverse_ a::before,
.navipage_forward_ a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 16px;
}

.navipage_first_ a::before,
.navipage_last_ a::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0zMSA3MTdoMjB2MTZIMzF6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxIC03MTcpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Im00MCA3MzAtNS01IDUtNU00OCA3MzBsLTUtNSA1LTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFkMWQxYiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9zdmc+");
}

.navipage_prev_ a::before,
.navipage_next_ a::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik04NCA3MTdoMjB2MTZIODR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg0IC03MTcpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Im05NyA3MzAtNS01IDUtNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWQxZDFiIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvZz48L3N2Zz4=");
}

.navipage_last_ a::before,
.navipage_next_ a::before {
  transform: rotate(180deg);
}

/* 並び替え */
.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_ {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -16px 0;
  padding: 24px 16px 10px;
  background-color: #f8f8f8;
  font-size: 1.3rem;
  text-align: left;
}

.goods_filter_ .navistyle_,
.navistyle_#goods_class_filter_ {
  margin: 0 -16px;
  padding: 0 16px 10px;
}

.navistyle_#goods_class_filter_ {
  padding-bottom: 24px;
}

.navistyle_ dt {
  position: relative;
  width: 104px;
  font-weight: 700;
}

.navistyle_ dt::after {
  content: "：";
  display: block;
  position: absolute;
  top: 0;
  right: 7px;
}

.navistyle_ dd {
  width: calc(100% - 104px);
}

.navistyle_#goods_class_filter_ dd {
  width: 100%;
  margin-top: 8px;
}

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

.navistyle_now_ {
  margin: 0 1em 0 0;
  color: var(--cl-bl);
  text-decoration: none;
  white-space: nowrap;
}

.navistyle_ a {
  margin: 0 1em 0 0;
  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_ {
  margin: 0 1em 0 0;
  color: var(--cl-bl);
  text-decoration: none;
  white-space: nowrap;
}

.maker_name_ a {
  margin: 0 1em 0 0;
  white-space: nowrap;
}

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

#goods_class_filter_ .class_filter_ {
  width: calc((100% - 8px) / 2);
}

#goods_class_filter_ .class_filter_:not(:nth-child(2n)) {
  margin-right: 8px;
}

#goods_class_filter_ .class_filter_:not(:nth-child(-n + 2)) {
  margin-top: 8px;
}

#goods_class_filter_ .class_filter_ select {
  width: 100%;
  height: 35px;
  color: #666666;
  font-size: 1.3rem;
}

#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: #000000;
  font-size: 12px;
}

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

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

/* --------------------------------------------------------------------
	トピックス
-------------------------------------------------------------------- */
/* トピック詳細 */

/* トピック一覧 */
div.topiclist_ {
  margin-bottom: 0;
}

div.topiclist_,
div.topiclist_::before,
div.topiclist_::after,
div.topiclist_ *,
div.topiclist_ *::before,
div.topiclist_ *::after {
  box-sizing: border-box;
}

div.topiclist_ .topiclist_head_ {
  margin: 40px 0 0;
}

div.topiclist_ .topiclist_head_ .rss_ {
  display: none;
}

div.topiclist_ .topiclist_body_ {
  margin-top: 0;
}

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

div.topiclist_ ul.topicline_ li {
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid var(--cl-bdr);
}

div.topiclist_ ul.topicline_ li dl dt {
  display: flex;
  align-items: center;
  padding: 0;
  font-weight: 500;
  letter-spacing: 0.04em;
}

div.topiclist_ ul.topicline_ li dl dt img {
  max-height: 18px;
  margin-left: 10px;
}

div.topiclist_ ul.topicline_ li dl dd {
  margin-top: 8px;
  line-height: 1.571;
}

/* --------------------------------------------------------------------
	商品系共通
--------------------------------------------------------------------- */

/* セミクローズドサイト時ログインボタン */
.btn_login {
  background-color: #577cc6;
  color: white;
  border: none;
  border-radius: 3px;
}
.btn_login_s {
  font-size: 11px;
  height: 30px;
  width: 60px;
}
.btn_login_m {
  font-size: 14px;
  height: 40px;
  width: 160px;
}
.btn_login_l {
  font-size: 15px;
  height: 50px;
  width: 220px;
}
.btn_login_0 {
  font-size: 14px;
  height: 40px;
  width: 200px;
}

/* トピック詳細一覧 */
div.topicdetaillist_ {
  margin: 0 10px 10px;
  border: 1px solid #e0e0e0;
}
div.topicdetaillist_ .topicdetaillist_body_ {
  margin: 0 5px 5px;
  padding: 0 10px;
}
div.topicdetaillist_ .topicdetaillist_body_ li {
  border-bottom: 1px dotted var(--cl-bdr);
}
div.topicdetaillist_ .topicdetaillist_body_ li:last-child {
  border-bottom: none;
}
div.topicdetaillist_ .topicdetaillist_body_ li a,
div.topicdetaillist_ .topicdetaillist_body_ li span.nolink_ {
  padding: 5px;
  display: block;
}
div.topicdetaillist_ .topicdetaillist_body_ li dl dd a {
  padding-right: 20px;
  background: url(../img/usr/sp/menu_arrow.png) right center no-repeat;
}
.topiclist_body_ .topicline_detaillist_ {
  text-align: right;
  font-size: 12px;
  padding: 5px 5px 0px 5px;
}

div.topicdetaillist_ ul.topicdetailline_ li dl dt {
  padding: 4px 0 2px 0;
  display: flex;
  align-items: center;
}

div.topicdetaillist_ ul.topicdetailline_ li dl dt img {
  max-height: 18px;
  margin-left: 10px;
}

/* --------------------------------------------------------------------
	商品詳細
--------------------------------------------------------------------- */
div.goods_ {
  clear: both;
}

div.goodsproductdetail_,
div.goodsproductdetail_::before,
div.goodsproductdetail_::after,
div.goodsproductdetail_ *,
div.goodsproductdetail_ *::before,
div.goodsproductdetail_ *::after {
  box-sizing: border-box;
}

div.goodsproductdetail_ {
  width: 100vw;
  margin: 15px -16px 0;
  padding: 0 16px;
  overflow: hidden;
}

table.goodsproductdetail_ {
  width: 100%;
}

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

/* 商品画像 */

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

/**/

/* 商品画像バリエーション */

/* 品番 アイコン */

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

.goods_code {
  flex-shrink: 0;
  margin-right: 10px;
  color: #000000;
  font-size: 2rem;
  letter-spacing: 0.04em;
}

.goods_code span {
  margin-left: 2rem;
  font-size: 2rem;
}

.goods_icon_ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: -5px -5px 0 0;
}

.goods_icon_ img {
  display: block;
  height: 20px;
  margin: 5px 5px 0 0;
}

/* メーカー名 */

.goods_maker_ {
  margin-top: 10px;
  color: #000000;
  font-size: 2rem;
  letter-spacing: 0.04em;
}

/* 商品添付ファイル */
div.goods-affix-list {
  display: flex;
  flex-wrap: wrap;
  margin: 6px -30px 0 0;
  word-break: break-word;
}

div.goods-affix-list--item {
  margin: 10px 30px 0 0;
}

div.goods-affix-list--item--name a {
  display: flex;
  align-items: center;
  position: relative;
  height: 24px;
  font-size: 1.4rem;
  text-decoration: underline;
  letter-spacing: 0.04em;
}

div.goods-affix-list--item--name a::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  width: 22px;
  height: 24px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

div.goods-affix-list--item--name a.icon_pdf_::before {
  background-image: url(../img/usr/icon/icon_pdf.png);
}

div.goods-affix-list--item--name a.icon_xls_::before {
  background-image: url(../img/usr/icon/icon_xls.png);
}

div.goods-affix-list--item--comment {
  padding: 0 0 0 10px;
}

.goods_price_wrapper_ {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.goods_stock {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
}

.goods_price_caonteiner_ {
  display: table;
}

.goods_price_caonteiner_ dl {
  display: table-row;
}

.goods_price_caonteiner_ .price_sale_ {
  color: var(--cl-or);
}

.goods_price_caonteiner_ dt,
.goods_price_caonteiner_ dd {
  display: table-cell;
}

.goods_price_caonteiner_ dt {
  padding-right: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: right;
}

.goods_price_caonteiner_ .price_sale_ dt span {
  font-weight: 700;
}

.goods_price_caonteiner_ dd {
  font-size: 2rem;
  font-weight: 700;
}

.goods_price_caonteiner_ dd .open_ {
  font-size: 1.6rem;
  font-weight: 500;
}

.goods_price_caonteiner_ dd .tax_ {
  margin-left: -3px;
  font-size: 1.2rem;
  font-weight: 500;
}

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

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

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

dl.goodsspec_ dt {
  font-size: 3.733vw;
  padding: 1.33vw 1.33vw 1.6vw 4.266vw;
  color: #333;
  border-left: 5px solid #676767;
  width: 32vw;
  box-sizing: border-box;
  margin-bottom: 5px;
  word-wrap: break-word;
}

dl.goodsspec_ dd {
  font-size: 3.733vw;
  padding: 1.066vw 4.266vw 1.33vw 4.266vw;
  width: 61.33vw;
  box-sizing: border-box;
  background: #f6f6f6;
  margin-bottom: 2.133vw;
  word-break: break-all;
}

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 {
  border-radius: 8px 8px 0 0;
}

dl.goodsset_ dd:last-child {
  border-radius: 0 0 8px 8px;
}

/**/

/* カートボタン関係 */

.goods_cart_btn_ {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.goods_qty_ {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.goods_cart_qty_ select {
  width: 70px;
  height: 40px;
  padding-left: 15px;
  color: var(--cl-main);
}

.cartbox_ {
  margin-left: 10px;
}

.cartbox_ img {
  display: block;
}

.cartvariation_,
.cartvariation_::before,
.cartvariation_::after,
.cartvariation_ *,
.cartvariation_ *::before,
.cartvariation_ *::after {
  box-sizing: border-box;
}

div.cartvariation_ {
  padding: 0;
}

div.cartvariation_ ul.cartvariation_ li {
  padding: 16px 0;
  border-bottom: 1px solid var(--cl-bdr);
}

div.cartvariation_ ul.cartvariation_ .msg_ .name_ a {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.666;
  letter-spacing: 0.04em;
}

div.cartvariation_ ul.cartvariation_ .cartbox_ {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 10px 0 0;
}

div.cartvariation_ ul.cartvariation_ .g_price_ {
  display: table;
}

div.cartvariation_ ul.cartvariation_ .g_price_ dl {
  display: table-row;
}

div.cartvariation_ ul.cartvariation_ .g_price_ dt,
div.cartvariation_ ul.cartvariation_ .g_price_ dd {
  display: table-cell;
}

div.cartvariation_ ul.cartvariation_ .g_price_ dt {
  padding-right: 5px;
  font-size: 1.3rem;
  font-weight: 500;
}

div.cartvariation_ ul.cartvariation_ .g_price_ .price_sale_ dt {
  color: var(--cl-or);
}

div.cartvariation_ ul.cartvariation_ .g_price_ .price_sale_ dt span {
  font-weight: 700;
}

div.cartvariation_ ul.cartvariation_ .g_price_ dd {
  font-size: 1.6rem;
  font-weight: 700;
}

div.cartvariation_ ul.cartvariation_ .g_price_ dd .open_ {
  font-size: 1.4rem;
}

div.cartvariation_ ul.cartvariation_ .g_price_ dd .tax_ {
  margin-left: -3px;
  font-size: 1.2rem;
  font-weight: 500;
}

div.cartvariation_ ul.cartvariation_ li {
  width: 100%;
  border-bottom: 1px solid #cbcbcb;
  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_ .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;
  padding: 0 3.46vw;
}

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_ {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
}

.option_buttons_ li + li {
  position: relative;
  margin-left: 1.2em;
}

.option_buttons_ li + li::before {
  content: "/";
  position: absolute;
  top: 0;
  left: calc(-0.6em - 1px);
}

.option_buttons_ li a {
  text-decoration: underline;
}

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

ul.goods_p_ {
  text-align: left;
  background-color: #ffffff;
}

.supplier_event_goods_list_ ul.goods_p_ {
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.goods_p_ li {
  width: 100%;
  border-bottom: 1px solid #cbcbcb;
  padding: 9px 0 9px 10px;
}

.supplier_event_goods_list_ ul.goods_p_ li {
  width: unset;
}

ul.goods_p_ li .block_ {
  display: flex;
}

ul.goods_p_ li .block_ .goods_img_ {
  width: 29.33vw;
  flex-shrink: 0;
}

ul.goods_p_ li .block_ div.goods_detail_ {
  flex-grow: 1;
  padding: 0 10px 0;
}

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

ul.goods_p_ li .block_ .name_ {
  font-size: 3.466vw;
  color: #333333;
  margin-top: 1.6vw;
  margin-bottom: 1.6vw;
  font-weight: normal;
  width: 52.66vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  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;
  width: 52.66vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
}

ul.goods_p_ li .block_ .comment_ {
  display: none;
}

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

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

ul.goods_p_ li .block_ .semiclosed_value_,
ul.goods_p_ li .block_ .maker_price_ {
  color: var(--cl-main);
}

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

ul.goods_l_ {
  overflow: hidden;
  text-align: left;
  background-color: #ffffff;
}

ul.goods_l_ li {
  width: 100%;
  border-bottom: 1px solid #cbcbcb;
}

ul.goods_l_ li .block_ {
  padding: 4px 20px 4px 4px;
  padding: 4px 10px 4px 10px;
}

ul.goods_l_ li .block_ a {
  color: #000000;
}

ul.goods_l_ li .block_ .goods_detail_ {
  overflow: hidden;
}

ul.goods_l_ li .block_ .left_ {
  display: inline-block;
  min-width: 40%;
}

ul.goods_l_ li .block_ .semiclosed_value_,
ul.goods_l_ li .block_ .maker_price_ {
  color: #333;
}

ul.goods_l_ li .block_ .comment_ {
  display: inline-block;
  width: 60%;
  color: #333;
  text-align: right;
}

ul.goods_l_ .name_ {
  color: #333;
  display: block;
}

.semiclosed_value_ {
  word-break: break-all;
}

/* --------------------------------------------------------------------
	商品検索
--------------------------------------------------------------------- */

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

dl.goodssearch_ dt {
  margin-left: 5px;
  padding: 8px 0 8px 8px;
  background: var(--cl-gy-2);
  margin-bottom: 6px;
  margin-left: 0;
}

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

dl.goodssearch_ + input {
  width: 48vw;
  margin: 0 25vw 10px;
  background: #000;
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: 3.2vw;
}

#search_suggest_area_ {
  width: 80%;
}

/**/

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

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

/* カテゴリー一覧 */

div.CategoryStyleG_ {
  margin: 0 -16px;
}

div.CategoryStyleG_,
div.CategoryStyleG_::before,
div.CategoryStyleG_::after,
div.CategoryStyleG_ *,
div.CategoryStyleG_ *::before,
div.CategoryStyleG_ *::after {
  box-sizing: border-box;
}

div.CategoryStyleG_ div.name_ {
  border-bottom: 1px solid var(--cl-bdr);
  font-weight: 500;
}

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

div.CategoryStyleG_ div.name_ img {
  display: block;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  object-fit: cover;
}

div.CategoryStyleG_ .img_ {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  width: 9px;
  height: 15px;
  margin-top: -7px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzcwNzA3MCIgZD0iTTI5NzYgMTg4MGg5djE1aC05eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTc2IC0xODgwKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJtMjk3Ny40OTkgMTg5My41IDYtNi02LTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNGVhMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

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

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

div.CategoryStyleG_ .img_show_::before,
div.CategoryStyleG_ .img_show_::after,
div.CategoryStyleG_ .img_hidden_::before,
div.CategoryStyleG_ .img_hidden_::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 12px;
  height: 2px;
  border: 0;
  margin: 0;
  transition: all 0.3s;
  background-color: var(--cl-bl);
}

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

div.CategoryStyleG_ div.category_list_block0_ > div.link_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px;
}

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

div.CategoryStyleG_ div.category_list_block1_ {
  display: none;
}

div.CategoryStyleG_ div.category_list_block1_ > div.name_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px;
}

div.CategoryStyleG_ div.category_list_block2_ {
  display: none;
}

div.CategoryStyleG_ div.category_list_block2_ > div.name_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px 10px 26px;
}

div.CategoryStyleG_ div.category_list_block3_ {
  display: none;
}

div.CategoryStyleG_ div.category_list_block3_ > div.name_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px 10px 36px;
}

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_ {
  margin-top: 20px;
  padding: 0;
  line-height: 1.714;
  word-break: break-all;
}

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

div.GenreStyle_ {
  margin: 0 -16px;
}

div.GenreStyle_,
div.GenreStyle_::before,
div.GenreStyle_::after,
div.GenreStyle_ *,
div.GenreStyle_ *::before,
div.GenreStyle_ *::after {
  box-sizing: border-box;
}

div.GenreStyle_ div.name_ {
  border-bottom: 1px solid var(--cl-bdr);
  font-weight: 500;
}

div.genre_list_ div.GenreStyle_ div.name_ {
  background-color: #ffffff;
}

div.genre_list_ div.GenreStyle_ div.name_ img {
  display: block;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  object-fit: cover;
}

div.GenreStyle_ .img_ {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  width: 9px;
  height: 15px;
  margin-top: -7px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzcwNzA3MCIgZD0iTTI5NzYgMTg4MGg5djE1aC05eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTc2IC0xODgwKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJtMjk3Ny40OTkgMTg5My41IDYtNi02LTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNGVhMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

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

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

div.GenreStyle_ .img_show_::before,
div.GenreStyle_ .img_show_::after,
div.GenreStyle_ .img_hidden_::before,
div.GenreStyle_ .img_hidden_::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 12px;
  height: 2px;
  border: 0;
  margin: 0;
  transition: all 0.3s;
  background-color: var(--cl-bl);
}

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

div.GenreStyle_ div.genre_list_block0_ > div.link_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px;
}

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

div.GenreStyle_ div.genre_list_block1_ {
  display: none;
}

div.GenreStyle_ div.genre_list_block1_ > div.name_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px;
}

div.GenreStyle_ div.genre_list_block2_ {
  display: none;
}

div.GenreStyle_ div.genre_list_block2_ > div.name_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px 10px 26px;
}

div.GenreStyle_ div.genre_list_block3_ {
  display: none;
}

div.GenreStyle_ div.genre_list_block3_ > div.name_ {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 55px;
  padding: 10px 16px 10px 36px;
}

div.GenreStyle_ .comment_ {
  display: none;
}

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

/* イベント一覧 */
div.event_ {
  margin: 40px 0 0;
}

div.event_ h1.event_title_ {
  background: #f6f6f6;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  position: relative;
  margin: 20px 0 10px;
}

h1.event_title_::before {
  content: "";
  width: 6px;
  height: 30px;
  background: var(--cl-bl);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  left: 0;
}

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

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

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

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

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

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

div.review_ .common_headline1_ {
  margin-bottom: 0;
  padding-left: 3.733vw;
  font-weight: bold;
  color: #333333;
  font-size: 4.266vw;
  overflow: hidden;
  padding: 0;
  position: relative;
  font-size: 5.5vw;
}

div.review_ .common_headline2_ {
  padding-left: 0;
  font-weight: bold;
  color: #333333;
  font-size: 3.266vw;
  background: transparent;
}

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

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_ .blue_button_ {
  border: 1px solid var(--cl-bl);
  background: #ffffff;
  color: var(--cl-bl);
}

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

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

div.quickorder_ ul.quickorder_list_ li {
  padding: 4px 0 10px;
  border-bottom: 1px dashed #cbcbcb;
}

div.quickorder_ ul.quickorder_list_ li:first-child {
  border-top: 1px dashed #cbcbcb;
}

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

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 div.gname_ {
  padding: 0 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-height: 18px;
  border: 1px solid var(--cl-bdr);
  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: 50px;
  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(--cl-or);
  font-weight: bold;
  text-align: right;
}

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

div.quickorder_ table .del_ input {
  border: 1px solid var(--cl-bl);
  background-color: #ffffff;
  color: var(--cl-bl);
}

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

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

div.questionnaire_ .must_ {
  border-left: 0.4em solid var(--cl-bl);
}

div.questionnaire_ .title_ {
  padding: 8px 0 8px 8px;
  background: var(--cl-gy-2);
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 10px;
  margin-top: 5px;
  margin-left: 10px;
  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 {
  padding: 0 4px;
  padding: 0 10px;
}

/* 入力画面 */

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

/**/

/* 確認画面 */
ul.questionnaire_confirm_ {
  padding-left: 8px;
  padding-left: 10px;
}

ul.questionnaire_confirm_ .title_ {
  margin-left: 0;
}

/**/
div.thanks_comment {
  margin-left: 8px;
}

/* --------------------------------------------------------------------
	マイページ　クーポン一覧
-------------------------------------------------------------------- */

table.coupon_ {
  width: 100%;
  border: 1px solid var(--cl-bdr);
  border-bottom: none;
  margin: 5px 0;
  margin: 5px 0;
}

table.coupon_ th,
table.coupon_ td {
  padding: 1px 5px;
  border-bottom: 1px solid var(--cl-bdr);
  text-align: left;
}

table.coupon_ th {
  background-color: var(--cl-gy-2);
  vertical-align: middle;
  width: 35%;
  font-weight: normal;
}

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

table.approvallist_ th,
table.approvallist_ td {
  padding: 1px 5px;
  padding: 8px 8px 6px;
  border-bottom: 1px solid var(--cl-bdr);
  text-align: left;
}

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

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

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

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: #f6f6f6 !important;
  margin: 10px;
}

.title_decoration_.title_block_::before {
  content: "";
  width: 6px;
  height: 30px;
  background: var(--cl-bl);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

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

/* --------------------------------------------------------------------
	サプライヤ
-------------------------------------------------------------------- */
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_ {
  padding-bottom: 20px;
  overflow: hidden;
}

div.supplier_info_ {
  margin: 0 auto;
}

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

.supplier_event_ {
  margin-bottom: 10px;
}

div.supplierlist_ div.Style_Item_ {
  margin: 0 0 5px 0;
  padding: 5px 0 5px 5px;
  overflow: hidden;
  border: 1px solid var(--cl-bdr);
  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 var(--cl-bdr);
  border-left: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  font-size: 12px;
}

div.order_ table.formsublist_ th {
  border-top: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  width: 30%;
  padding: 3px;
  background-color: var(--cl-gy-2);
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  padding: 8px 8px 6px 8px;
}

div.order_ table.formsublist_.append_ th {
  white-space: normal;
  word-break: break-all;
}

div.order_ table.formsublist_ td {
  border-top: 1px solid var(--cl-bdr);
  padding: 3px;
  text-align: left;
  vertical-align: middle;
  padding: 8px 8px 6px 8px;
}

/** precart **/

table.formlist_.precart_ th {
  width: 4em;
}

table.formlist_.precart_ table.formlist_.precart_list_detaillist_ {
  margin: 0;
  width: 100%;
}

table.formlist_.precart_ .memo_ textarea {
  margin-top: 2px;
}

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

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

.order_.precart_ .precart_button_ {
  width: 48vw;
  margin: 0 25vw 10px;
  background: var(--cl-bl);
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: 3.2vw;
  width: 160px;
  margin: 0 auto 10px;
  display: inline-block;
  padding: 9px 0 8px;
}

.order_.precart_ .precart_button_:nth-of-type(2) {
  background: #ccc;
  color: #333;
}

h1.supplier_event_name_ {
  margin: 0 0 6px 0;
  padding: 10px 0px 10px;
  font-size: 13px;
  overflow: hidden;
  background: #f6f6f6;
  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(--cl-bl);
  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(--cl-bl);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.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 var(--cl-bdr);
  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 var(--cl-bdr);
  padding-top: 10px;
}

/* サプライヤ詳細 */

dl.supplierinfodetail_ {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

dl.supplierinfodetail_ dt,
dl.supplierinfodetail_ dd,
.supplier_info_ .comment_,
.supplier_info_comment_ {
  word-wrap: break-word;
}

dl.supplierinfodetail_ dt {
  font-size: 3.733vw;
  padding: 1.33vw 0 1.6vw 2.266vw;
  color: #333;
  border-left: 5px solid #676767;
  width: 32vw;
  box-sizing: border-box;
  margin-bottom: 5px;
}

dl.supplierinfodetail_ dd {
  font-size: 3.733vw;
  padding: 1.066vw 0 1.33vw 4.266vw;
  width: 61.33vw;
  box-sizing: border-box;
  background: #f6f6f6;
  margin-bottom: 2.133vw;
}

span.supplier_info_title_ {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px 2px 2px 7px;
  display: block;
  border-left: 5px solid var(--cl-bl);
  text-align: left;
  font-size: 16px;
}

div.supplier_introduction_ span {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px 2px 2px 7px;
  display: block;
  border-left: 5px solid var(--cl-bl);
  text-align: left;
  font-size: 16px;
}

div.supplier_introduction_ .img_ img {
  width: 150px;
  margin: 7px 0;
}

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

div.supplier_event_list_ {
  margin-bottom: 42px;
}

div.supplier_event_list_ .supplier_event_list_head_ {
  overflow: hidden;
  background: #f6f6f6;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  position: relative;
  margin: 20px 0 10px;
}

div.supplier_event_list_ .supplier_event_list_head_ h2 {
  float: left;
  font-weight: 600;
  color: #606060;
}

div.supplier_event_list_ .supplier_event_list_head_ h2::before {
  content: "";
  width: 6px;
  height: 30px;
  background: var(--cl-bl);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

div.supplier_event_list_ .supplier_event_list_body_ {
  padding-top: 0;
}

div.supplier_event_list_ div.supplier_event_list_ ul.supplier_event_line_ {
  margin: 0;
  padding: 0;
}

div.supplier_event_list_ ul.supplier_event_line_ li {
  border-bottom: 1px dashed #cbcbcb;
  font-size: 3.2vw;
  padding: 10px 0 12px 12px;
  display: flex;
  align-items: center;
}

div.supplier_event_list_ ul.supplier_event_line__ li a {
  color: #606060;
  margin-right: 10px;
  color: var(--cl-bl);
}

/* --------------------------------------------------------------------
	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: #333;
  padding: 2px;
  width: auto;
  max-width: 220px;
  padding-right: 110px;
  background-color: #f6f6f6;
}

#contentArea .btn-cart_ {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 87px;
  padding: 10px;
  z-index: 12;
  background-color: var(--cl-bl);
  -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(--cl-bl);
}

#cartHeader {
  width: 89%;
  margin: 0 auto;
  position: relative;
  z-index: 12;
  background: var(--cl-bl);
  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: #333;
  background-color: #f6f6f6;
}

#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 #333333;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

#cartWrapper .item_ {
  background-color: #f6f6f6;
  padding: 5px 0;
}

#cartWrapper .item_ label.add_ {
  padding: 4px 10px;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  color: var(--cl-bl);
}

#cartWrapper .item_ label.to_cart_ {
  padding: 4px 10px;
  background: transparent url(../img/usr/sp/arrow_white.png) right center no-repeat;
  background-color: #577cc6;
  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(--cl-bl);
  color: #333333;
  background: var(--cl-gy-2) 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 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: 3.2vw;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  padding: 6px 12px;
  text-decoration: none;
  background-color: var(--cl-bl);
  color: #ffffff;
  display: inline-block;
  padding: 7px 12px;
}

input[name="withdrawal.x"].move_button_ {
  background: #fff;
  color: #333;
  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(--cl-bl);
  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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #909090;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #333333;
  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;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #909090;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #333333;
  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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  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: #333;
  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: 0;
  padding: 10px 0 10px 10px;
}

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_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.exclude_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(--cl-bl);
  background-color: #eef9f5;
  padding: 8px 8px 6px;
  margin-top: 10px;
}

div.order_ .order_cart_list_sub_total_ {
  border: 1px solid var(--cl-bl);
  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.name_ {
  text-align: left;
}

div.order_ table.order_cart_list_ td.goods_detail_ > table td.amt_ {
  width: 80px;
}

div.order_ .order_cart_delete_ {
  width: 25px;
  font-size: 12px;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  padding: 4px 10px;
  margin: 4px 0 4px auto;
  text-decoration: none;
  background-color: #dddddd;
  color: #333;
  display: block;
}

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(--cl-bl);
  padding: 4px 10px;
  text-decoration: none;
  background-color: var(--cl-bl);
  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: #332b2c;
  padding: 10px;
}

div.address_box_2_ .common_headline2_ {
  margin-bottom: 5.333vw;
  padding-left: 3.733vw;
  font-size: 5.333vw;
  font-weight: bold;
  color: #333333;
  font-size: 4.266vw;
  background: transparent;
  margin-top: 10px;
  font-size: 5.5vw;
  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(--cl-bl);
  padding-left: 0;
  text-shadow: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px;
  margin-left: 0;
  color: #333;
}

div.order_ .order_cart_message_ {
  font-size: 12px;
  clear: both;
}

div.order_ .order_cart_sublist_ {
  float: left;
  margin: 0 0 10px 0;
  padding: 2px;
  border: 1px solid var(--cl-bl);
  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: 95vw;
}

div.order_ .order_cart_sublist_ .item_ a {
  display: block;
  overflow: hidden;
  border: 1px solid var(--cl-bl);
  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(--cl-bl);
  border-radius: 4px 4px 0 0;
  color: #333;
  background-color: #fff;
}

div.order_ .order_cart_sublist_ .now_ a .title_ {
  color: #ffffff;
  background-color: var(--cl-bl);
  color: #333;
  background-color: var(--cl-gy-2);
}

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: #000000;
  background-color: var(--cl-gy-2);
}

div.order_ .order_cart_sublist_ .item_add_ input {
  float: left;
  margin: 3px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--cl-bl);
  position: relative;
  background-color: var(--cl-bl);
  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(--cl-bl);
}

.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(--cl-bl);
  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: #fffff0;
  width: 99%;
}

/* --------------------------------------------------------------------
	注文フロー　ヘッダー
-------------------------------------------------------------------- */
div.order_ div.order_flow_ {
  padding-bottom: 12px;
}

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: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18%;
  box-sizing: border-box;
  background: #f6f6f6;
  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(--cl-bl);
  border-right: solid 2px var(--cl-bl);
  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: var(--cl-lbl);
  color: var(--cl-bl);
  border: 1px solid var(--cl-bl);
  width: 25%;
  padding-top: 0;
}

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 li:first-child {
  background-image: none;
}

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(--cl-gy-2);
  padding: 5px;
}

div.order_ table.method_destlist_ td {
  border-width: 0px;
  padding: 5px;
}

div.order_ table.method_destlist_ th.spec_ {
  border-bottom: 1px solid var(--cl-bdr);
}

div.order_ table.method_destlist_ td.spec_ {
  border-bottom: 1px solid var(--cl-bdr);
}

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 th {
  word-break: break-all;
}

div.order_ table.method_destlist_ td.detail_option_ table td {
  padding: 5px;
}

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 var(--cl-bdr);
}

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 var(--cl-bdr);
}

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_ td {
  border-right: 1px solid #ccc;
}

/* goods */

#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"]: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));
}

.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_ 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: #000;
  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(--cl-bl);
  position: absolute;
  top: 50%;
  left: 86.66vw;
}

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 var(--cl-bdr);
  background-color: var(--cl-gy-2);
  padding: 8px 8px 6px;
}

.catalog-img-content,
.goods-img-content {
  border-left: 1px solid var(--cl-bdr);
  border-right: 1px solid var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
  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_ h2.estimate_subtotal_title_ {
  text-align: left;
}

div.order_ table.estimate_subtotal_breakdown_list_ {
  margin: 0;
  width: 100%;
  border: 3px double var(--cl-bdr);
  margin-bottom: 10px;
}

div.order_ table.estimate_subtotal_breakdown_list_ th {
  font-weight: normal;
}

div.order_ table.estimate_subtotal_breakdown_list_ th {
  text-align: right;
}

div.order_ table.estimate_subtotal_breakdown_list_ td {
  width: 29%;
  text-align: left;
  padding-left: 12px;
}

div.order_ table.estimate_subtotal_breakdown_list_ th.subtotal_ {
  width: 29%;
  padding-left: 8px;
}

div.order_ table.estimate_subtotal_breakdown_list_ th.tax_ {
  width: 13%;
}

div.order_ div.estimate_footer_total_ {
  border: 2px solid var(--cl-bl);
  padding: 8px 8px 6px;
  text-align: left;
  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 {
  font-weight: bold;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ {
  width: 95vw;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ th {
  border: 1px solid var(--cl-bdr);
  width: 30%;
  padding: 3px;
  background-color: var(--cl-gy-2);
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  padding: 8px 8px 6px 8px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ td {
  border: 1px solid var(--cl-bdr);
  padding: 3px;
  text-align: left;
  vertical-align: middle;
  padding: 8px 8px 6px 8px;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ td.total_ {
  font-size: 14px;
  color: var(--cl-or);
  font-weight: bold;
}

div.order_ div.estimate_footer_total_ td.estimate_subtotal_sum_ {
  display: none;
}

/* 軽減税率対応時に追加 */

div.order_ table.formsublist_ td {
  border-right: 1px solid var(--cl-bdr);
}

.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_ 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 var(--cl-bdr);
}

div.order_ table.formsublist_.breakdown_list_ th.tax_ {
  border-top: 1px solid var(--cl-bdr);
  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 var(--cl-bdr);
  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_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(--cl-bl);
}

#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 var(--cl-bdr);
  border-bottom: 1px solid var(--cl-bdr);
  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(--cl-bl);
}

#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(--cl-bl);
  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(--cl-bl);
  font-size: 14px;
}

#block_of_contact_ h2 {
  margin: 2px;
  padding: 10px 4px 10px 8px;
  clear: both !important;
  background: var(--cl-bl);
  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 var(--cl-bdr);
}

#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: #333333;
  font-size: 4.266vw;
  background: transparent;
  font-size: 5.5vw;
}

.contact_ .common_headline1_::before {
  content: none;
}

/* お客様情報変更 */
.customer_ p.message_ a {
  color: var(--cl-bl);
}

.customer_ p.message_ a strong {
  text-decoration: underline;
}

.customer_ .common_headline2_ {
  font-size: 15px;
}

.noticelist_ ul li {
  color: var(--cl-bl);
}

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 #cbcbcb;
  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: #000000;
}

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

ul.pagelist_frame_ .name_,
ul.pagelist_frame_ .comment_ {
  font-size: 3.466vw;
  color: #333333;
}

ul.pagelist_frame_ li a > div {
  max-height: 65px;
  min-height: 65px;
}

/* --------------------------------------------------------------------
	購入履歴詳細画面
-------------------------------------------------------------------- */
/* キャンセルダイアログ */
#gmobillpayment_dialog {
  text-align: center;
}

#gmobillpayment_dialog_msg {
  margin-top: 10px;
}

/* 注文拡張情報 */
dl.salesappend_ dd span {
  display: block;
}

dl.salesappend_ dt {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.method_box_ div.method_box_content_ dl.salesappend_ dd.salesappend_textbox input {
  margin-top: 0px;
}

dl.salesappend_ dd.salesappend_radio input,
dl.salesappend_ dd.salesappend_checkbox input {
  display: block;
  float: left;
  clear: left;
  margin-top: 0px;
  margin-bottom: 5px;
}

dl.salesappend_ dd.salesappend_radio label,
dl.salesappend_ dd.salesappend_checkbox label {
  display: block;
  clear: none;
  margin-bottom: 5px;
  margin-left: 20px;
}

/* --------------------------------------------------------------------
	共通ヘッダー 共通フッター
-------------------------------------------------------------------- */

div.wrapper_ {
  padding: 0;
}

.block-header-notice,
.block-header-notice * {
  box-sizing: border-box;
}

.block-header-notice {
  padding: 0 10px;
  background-color: var(--cl-gy-3);
  overflow: hidden;
}

.block-header-notice ul {
  display: flex;
  align-items: center;
  height: 28px;
  margin: -3px -16px 0 0;
}

.block-header-notice li {
  margin: 3px 16px 0 0;
  color: var(--cl-bl);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
}

.block-header-notice a {
  color: var(--cl-bl);
}

.block-header,
.block-header::before,
.block-header::after,
.block-header *,
.block-header *::before,
.block-header *::after {
  box-sizing: border-box;
}

.block-header {
  display: flex;
  align-items: center;
  width: 100vw;
  height: 59px;
  padding: 0 10px;
  border-bottom: 1px solid var(--cl-bdr);
  background-color: #ffffff;
  z-index: 999;
}

.header-logo a,
.header-logo img {
  display: block;
  height: 30px;
}

.block-header-nav {
  margin-left: auto;
}

.block-header-nav ul {
  display: flex;
  align-items: center;
}

.block-header-nav a {
  display: block;
  position: relative;
  width: 34px;
  height: 31px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999999px;
}

.block-header-nav a.icon-mypage {
  background-image: url(../img/usr/common/sp/nav_mypage.png);
}

.block-header-nav a.icon-login {
  background-image: url(../img/usr/common/sp/nav_login.png);
}

.block-header-nav a.icon-favorite {
  background-image: url(../img/usr/common/sp/nav_favorite.png);
}

.block-header-nav a.icon-history {
  background-image: url(../img/usr/common/sp/nav_history.png);
}

.block-header-nav a.icon-cart {
  background-image: url(../img/usr/common/sp/nav_cart.png);
}

.block-header-nav a .js-cart-count {
  display: none;
  position: absolute;
  top: -8px;
  left: 17px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: var(--cl-or);
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  text-indent: 0;
  line-height: 20px;
}

.block-header-quickorder {
  margin-left: 10px;
}

.block-header-quickorder a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 65px;
  height: 36px;
  padding-right: 9px;
  border: 1px solid var(--cl-bl);
  border-radius: 4px;
  background-color: #ffffff;
  color: var(--cl-bl);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.block-header-quickorder a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 5px;
  height: 7px;
  background-color: var(--cl-bl);
  clip-path: polygon(5px 50%, 0% 0%, 0% 7px);
  margin-top: -3px;
}

.block-header-menu_btn {
  display: block;
  position: relative;
  margin-left: 10px;
  width: 16px;
  height: 20px;
  cursor: pointer;
}

.block-header-menu_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 2px;
  background-color: var(--cl-bl);
}

.block-header-menu_btn span:nth-child(1) {
  top: 4px;
  transition: transform 0.16s;
}

.block-header-menu_btn span:nth-child(2) {
  top: 50%;
  margin-top: -1px;
  transition: opacity 0.1s;
}

.block-header-menu_btn span:nth-child(3) {
  bottom: 4px;
  transition: transform 0.16s;
}

.block-header-menu_btn.is-open span:nth-child(2) {
  opacity: 0;
}

.block-header-menu_btn.is-open span:nth-child(1) {
  top: 9px;
  transform: rotate(45deg);
}

.block-header-menu_btn.is-open span:nth-child(3) {
  bottom: 9px;
  transform: rotate(-45deg);
}

.block-menu,
.block-menu::before,
.block-menu::after,
.block-menu *,
.block-menu *::before,
.block-menu *::after {
  box-sizing: border-box;
}

.block-menu {
  display: none;
  position: fixed;
  top: 87px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 87px);
  height: calc(100dvh - 87px);
  background-color: #ffffff;
  z-index: 9999;
}

.block-menu-body {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.block-menu-search {
  padding: 10px 16px;
}

.block-menu-search > form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  background-color: #f1f1f1;
}

.block-menu-search > form input[name="keyword"] {
  width: calc(100% - 38px);
  height: 100%;
  margin: 0;
  padding: 0 0 0 16px;
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
}

.block-menu-search > form input[name="keyword"]::placeholder {
  color: #677179;
}

.block-menu-search > form button {
  width: 38px;
  height: 100%;
  border: none;
  background-color: transparent;
  background-image: url(../img/usr/common/sp/icon_search.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 38px 42px;
  text-indent: -999999px;
  cursor: pointer;
}

.block-menu-ttl {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 12px 16px;
  background-color: var(--cl-bl);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
}

.block-menu-nav + .block-menu-nav {
  margin-top: 40px;
}

.block-menu-nav .item-ttl {
  position: relative;
  border-bottom: 1px solid var(--cl-bdr);
}

.block-menu-nav .item-ttl a {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 55px;
  padding: 10px 44px 10px 16px;
  line-height: 1.571;
}

.block-menu-nav .layer-3-item .item-ttl a {
  padding-left: 26px;
}

.block-menu-nav .layer-4-item .item-ttl a {
  padding-left: 36px;
}

.block-menu-nav .item-ttl:not(.js-nav-parent) a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  width: 9px;
  height: 15px;
  margin-top: -7px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzcwNzA3MCIgZD0iTTI5NzYgMTg4MGg5djE1aC05eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTc2IC0xODgwKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJtMjk3Ny40OTkgMTg5My41IDYtNi02LTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNGVhMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-menu-nav .item-ttl img {
  display: block;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  object-fit: cover;
}

.block-menu-nav .item-ttl .icon-plus {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  cursor: pointer;
  z-index: 9;
}

.block-menu-nav .item-ttl .icon-plus::before,
.block-menu-nav .item-ttl .icon-plus::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  background-color: var(--cl-bl);
}

.block-menu-nav .item-ttl .icon-plus::after {
  transform: rotate(90deg);
  transition: 0.16s;
}

.block-menu-nav .item-ttl .icon-plus.is-open::after {
  transform: rotate(0);
}

.block-menu-nav .js-nav-target {
  display: none;
}

.block-menu-btns {
  padding: 40px 16px;
}

.block-menu-btns li + li {
  margin-top: 16px;
}

.block-menu-btns a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 0 0 24px;
  border-radius: 4px;
  background-color: var(--cl-bl);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0.04em;
}

.block-menu-btns a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 54px;
  height: 68px;
  margin-top: -34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-menu-btns a.icon-tel::before {
  background-image: url(../img/usr/common/sp/icon_tel_m.png);
}

.block-menu-btns a.icon-mail::before {
  background-image: url(../img/usr/common/sp/icon_mail_m.png);
}

.block-header-search {
  padding: 10px 16px;
}

.block-header-search > form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  border: 1px solid var(--cl-bdr);
  border-radius: 4px;
  background-color: #ffffff;
}

.block-header-search > form input[name="keyword"] {
  width: calc(100% - 38px);
  height: 100%;
  margin: 0;
  padding: 0 0 0 16px;
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
}

.block-header-search > form input[name="keyword"]::placeholder {
  color: #677179;
}

.block-header-search > form button {
  width: 38px;
  height: 100%;
  border: none;
  background-color: transparent;
  background-image: url(../img/usr/common/sp/icon_search.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 38px 42px;
  text-indent: -999999px;
  cursor: pointer;
}

.block-header-news,
.block-header-news::before,
.block-header-news::after,
.block-header-news *,
.block-header-news *::before,
.block-header-news *::after {
  box-sizing: border-box;
}

.block-header-news {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  min-height: 35px;
  padding: 7px 10px;
  background-color: var(--cl-lbl);
  color: var(--cl-bl);
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0.1em;
}

.block-header-news a {
  color: var(--cl-bl);
}

/* トップページ */

.block-top-mv {
  display: flex;
  position: relative;
  margin: 0 -16px 26px;
  overflow: hidden;
}

.block-top-mv.slick-initialized {
  display: block;
  overflow: visible;
}

.block-top-mv-item {
  flex-shrink: 0;
  width: 100vw;
}

.block-top-mv-item a,
.block-top-mv-item img {
  display: block;
  width: 100%;
  height: auto;
}

.block-top-mv .slick-arrow {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  padding: 0;
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  text-indent: -999999px;
  cursor: pointer;
  z-index: 9;
}

.block-top-mv .slick-prev {
  left: 0;
}

.block-top-mv .slick-next {
  right: 0;
}

.block-top-mv .slick-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: var(--sl-arw);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 20px;
}

.block-top-mv .slick-next::before {
  transform: rotate(180deg);
}

.block-top-mv .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 100%;
}

.block-top-mv .slick-dots li + li {
  margin-left: 20px;
}

.block-top-mv .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 10px;
  background-color: #f1f1f1;
  text-indent: -999999px;
  cursor: pointer;
  transition: 0.15s;
}

.block-top-mv .slick-dots .slick-active button {
  background-color: var(--cl-bl);
}

.block-top-bnr {
  margin-top: 50px;
}

.block-top-bnr ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.block-top-bnr li {
  width: calc((100% - 10px) / 2);
}

.block-top-bnr li:not(:nth-child(-n + 2)) {
  margin-top: 10px;
}

.block-top-bnr a,
.block-top-bnr img {
  display: block;
}

/* フッター */

.change_mode_ {
  display: none !important;
}

footer,
footer::before,
footer::after,
footer *,
footer *::before,
footer *::after {
  box-sizing: border-box;
}

footer {
  margin-top: 50px;
  padding: 60px 16px 40px;
  background-color: var(--cl-bl);
  color: #ffffff;
}

footer a {
  color: #ffffff;
}

.block-page_top {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.block-page_top a {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(../img/usr/common/pc/btn_page_top.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -999999px;
}

.block-footer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-footer-logo a,
.block-footer-logo img {
  display: block;
}

.block-footer-btns {
  margin-top: 40px;
}

.block-footer-btns li + li {
  margin-top: 16px;
}

.block-footer-btns a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 0 0 24px;
  border-radius: 4px;
  background-color: #ffffff;
  color: var(--cl-bl);
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0.04em;
}

.block-footer-btns a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 54px;
  height: 68px;
  margin-top: -34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-footer-btns a.icon-tel::before {
  background-image: url(../img/usr/common/sp/icon_tel_f.png);
}

.block-footer-btns a.icon-mail::before {
  background-image: url(../img/usr/common/sp/icon_mail_f.png);
}

.block-footer-nav {
  margin-top: 40px;
}

.block-footer-nav ul {
  display: flex;
  flex-wrap: wrap;
}

.block-footer-nav li {
  width: 50%;
}

.block-footer-nav li:not(:nth-child(-n + 2)) {
  margin-top: 14px;
}

.block-footer-copyright {
  margin-top: 40px;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 0.04em;
}

/* TOP */

.ttl-h2,
.ttl-h2::before,
.ttl-h2::after,
.ttl-h2 *,
.ttl-h2 *::before,
.ttl-h2 *::after,
.event_,
.event_::before,
.event_::after,
.event_ *,
.event_ *::before,
.event_ *::after {
  box-sizing: border-box;
}

.ttl-h2 {
  margin: 0 0 24px;
  padding: 0;
  font-size: 2rem;
  font-weight: 700;
}

.ttl-h2 + .goods_ ul.goods_p_ {
  display: flex;
  width: 100vw;
  margin: 0 -16px;
  padding: 0 16px 21px;
  border-radius: 0;
  overflow: auto;
}

.ttl-h2 + .goods_ ul.goods_p_::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.ttl-h2 + .goods_ ul.goods_p_::-webkit-scrollbar-track {
  background-color: transparent;
}

.ttl-h2 + .goods_ ul.goods_p_::-webkit-scrollbar-thumb {
  background-color: #677179;
  border-radius: 5px;
}

.ttl-h2 + .goods_ ul.goods_p_ li {
  flex-shrink: 0;
  width: 150px;
  border-bottom: none;
  padding: 0;
}

.ttl-h2 + .goods_ ul.goods_p_ li + li {
  margin-left: 20px;
}

.ttl-h2 + .goods_ ul.goods_p_ li .block_ {
  display: block;
}

.ttl-h2 + .goods_ ul.goods_p_ li .block_ .goods_img_ {
  display: block;
  width: 100%;
}

.ttl-h2 + .goods_ ul.goods_p_ li .block_ div.goods_detail_ {
  margin-top: 16px;
  padding: 0;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ li .block_ .name_ {
  display: -webkit-box;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_wrapper_ {
  margin-top: 9px;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ {
  display: table;
  margin: 0;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ > dl {
  display: table-row;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ > dl.price_sale_ {
  color: var(--cl-or);
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ > dl > dt,
.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ > dl > dd {
  display: table-cell;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ > dl > dt {
  padding-right: 5px;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: right;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ > dl > dd {
  font-size: 1.5rem;
  font-weight: 700;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .g_price_ > dl > dd .tax_ {
  margin-left: -3px;
  font-size: 0.8rem;
  font-weight: 500;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .btn_ {
  margin-top: 9px;
}

.event_ .ttl-h2 + .goods_ ul.goods_p_ .btn_ a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: 1px solid var(--cl-bl);
  border-radius: 4px;
  background-color: #ffffff;
  color: var(--cl-bl);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.04em;
}

.block-top-category {
  margin-top: 40px;
}

.block-top-category-list-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.block-top-category-list-item {
  width: calc((100% - 16px) / 2);
  padding: 10px 0;
  border-bottom: 1px solid var(--cl-bdr);
}

.block-top-category-list-item:nth-child(-n + 2) {
  border-top: 1px solid var(--cl-bdr);
}

.block-top-category-list-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block-top-category-list-item .list-img {
  width: 50px;
}

.block-top-category-list-item .list-img img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.block-top-category-list-item .list-name {
  width: calc(100% - 60px);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.333;
}

/* 一覧 */

.autopagerize_page_element_ ul.goods_p_,
.autopagerize_page_element_ ul.goods_p_::before,
.autopagerize_page_element_ ul.goods_p_::after,
.autopagerize_page_element_ ul.goods_p_ *,
.autopagerize_page_element_ ul.goods_p_ *::before,
.autopagerize_page_element_ ul.goods_p_ *::after {
  box-sizing: border-box;
}

.autopagerize_page_element_ ul.goods_p_ {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

.autopagerize_page_element_ ul.goods_p_ li {
  width: 50%;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--cl-bdr);
}

.autopagerize_page_element_ ul.goods_p_ li:not(:nth-child(-n + 2)) {
  margin-top: 24px;
}

.autopagerize_page_element_ ul.goods_p_ li:nth-child(odd) {
  padding-right: 8px;
}

.autopagerize_page_element_ ul.goods_p_ li:nth-child(even) {
  padding-left: 8px;
}

.autopagerize_page_element_ ul.goods_p_ a {
  display: block;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ {
  display: block;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ .goods_img_ {
  width: 100%;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ .goods_img_ img {
  display: block;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ div.goods_detail_ {
  margin: 10px 0 0;
  padding: 0;
  letter-spacing: 0.04em;
}

.autopagerize_page_element_ ul.goods_p_ .icon_ {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -5px 0 0;
}

.autopagerize_page_element_ ul.goods_p_ .icon_ img {
  display: block;
  width: auto;
  height: 20px;
  margin: 5px 5px 0 0;
}

.autopagerize_page_element_ ul.goods_p_ .code2_ {
  margin-top: 10px;
  color: #000000;
  font-size: 2rem;
}

.autopagerize_page_element_ ul.goods_p_ .code2_ span {
  margin-left: 3px;
  font-size: 2rem;
  word-break: break-all;


}

.autopagerize_page_element_ ul.goods_p_ .maker_ {
  margin-top: 5px;
  font-size: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;



}

.autopagerize_page_element_ ul.goods_p_ li .block_ .name_ {
  width: 100%;
  margin: 8px 0 0 0;
  color: var(--cl-main);
  font-size: 1.5rem;
  font-weight: 700;
  white-space: wrap;
  text-overflow: ellipsis;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ .name_ p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ .comment_ {
  display: block;
  margin-top: 9px;
  font-size: 1.3rem;
  line-height: 1.692;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ .comment_ p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.autopagerize_page_element_ ul.goods_p_ .stock_ {
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: right;
  font-weight: bold;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ {
  margin-top: 8px;
  text-align: right;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ dl {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  letter-spacing: 0;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ dl + dl {
  margin-top: 0;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ .price_sale_ {
  color: var(--cl-or);
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ dt {
  margin-right: 5px;
  font-size: 1.2rem;
  font-weight: 500;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ .price_sale_ dt span {
  font-weight: 700;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ dd {
  font-size: 1.6rem;
  font-weight: 700;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ dd .open_ {
  font-size: 1.4rem;
}

.autopagerize_page_element_ ul.goods_p_ .g_price_ dd .tax_ {
  margin-left: -3px;
  font-size: 1rem;
  font-weight: 500;
}

.autopagerize_page_element_ {
  position: relative;
}

.goods_variation_list_,
.ttl_h2_ {
  display: flex;
  align-items: center;
  height: 56px;
  margin: 24px -16px 0;
  padding: 0 16px;
  background-color: var(--cl-gy-2);
  font-size: 2rem;
  font-weight: 700;
  box-sizing: border-box;
}

.ttl_h3_ {
  margin: 40px 0 16px;
  padding: 0 0 9px;
  border-bottom: 1px solid var(--cl-bdr);
  font-size: 1.8rem;
  font-weight: 700;
}

.goodscomment2_ .ttl_h2_ {
  margin: 40px -16px 16px;
}

.goodscomment2_,
.goodscomment2_::before,
.goodscomment2_::after,
.goodscomment2_ *,
.goodscomment2_ *::before,
.goodscomment2_ *::after,
.goodscomment3_,
.goodscomment3_::before,
.goodscomment3_::after,
.goodscomment3_ *,
.goodscomment3_ *::before,
.goodscomment3_ *::after,
.goodscomment4_,
.goodscomment4_::before,
.goodscomment4_::after,
.goodscomment4_ *,
.goodscomment4_ *::before,
.goodscomment4_ *::after,
.goodscomment5_,
.goodscomment5_::before,
.goodscomment5_::after,
.goodscomment5_ *,
.goodscomment5_ *::before,
.goodscomment5_ *::after,
.goodscomment6_,
.goodscomment6_::before,
.goodscomment6_::after,
.goodscomment6_ *,
.goodscomment6_ *::before,
.goodscomment6_ *::after {
  box-sizing: border-box;
}

.common_article_ {
  padding: 0;
  line-height: 1.714;
}

.common_article_img_hor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 24px;
  padding: 0;
}

.common_article_img_hor .item_img_ {
  width: 160px;
}

.common_article_img_hor .common_article_ {
  width: calc(100% - 176px);
  padding: 0;
}

.common_article_img_l {
  padding: 0;
}

.common_article_img_l img {
  display: block;
}

div.wrapper_ {
  padding: 0 16px;
  overflow: hidden;
}

.formdetail_.contact_ {
  padding: 0;
}

.customer_ .navitopicpath_ {
  padding: 0;
}

.title_.must_ img {
  position: relative;
  top: 2px;
  margin-left: 8px;
}