@charset "UTF-8";
body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: auto;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
  color: #222222;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  line-height: 1.5;
}

a {
  color: #222222;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  outline: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}

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

.pc-only {
  display: none !important;
}

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

/*
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;
  max-width: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
}

h1 {
  margin-top: 10px;
}

body {
  line-height: 1;
}

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

/* 共通 */
body {
  color: #222222;
  background: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
}

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

input[type=text],
input[type=password],
textarea,
select {
  border: 1px solid #CBCBCB;
  min-height: 40px;
  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 {
  border: 1px solid #283D79;
  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;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  box-shadow: 1px 1px 1px #DEDEDE;
  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;
}

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

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

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

input[type=radio]:checked:before {
  position: absolute;
  left: 50%;
  top: 50%;
  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;
  -webkit-box-sizing: border-box;
  width: 20px;
  height: 20px;
}

a,
a:link,
a:visited {
  text-decoration: none;
}

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

/**/
/* 文字サイズ */
.xlarge_ {
  font-size: 144%;
}

.small_ {
  font-size: 80%;
}

.xsmall_ {
  font-size: 64%;
}

/**/
/* 特定メッセージ（インライン） */
#err_score,
#err_title,
#err_comment {
  color: #CC0000 !important;
}

.notice_ {
  color: #993300;
}

.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 #e61d50;
  padding: 4px;
  margin: 4px 0;
}

div.notice_,
table.notice_ {
  background-color: #ffffff;
  border: solid 1px #996666;
  padding: 4px;
  margin: 4px 10px;
}

div.info_,
table.info_ {
  background-color: #ffffff;
  border: solid 1px #666666;
  padding: 4px;
  margin: 4px 10px;
}

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

/**/
div.message_ {
  color: #283D79;
  background-color: #ffffff;
  border: solid 1px #283D79;
  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_ {
  background: #F8F8F8;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px 10px;
  font-weight: 700;
}

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

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

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[name=nickname] {
  margin-bottom: 0;
}

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

.formdetail_.customer_ {
  margin-bottom: 0;
}

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

input[name=tel],
input[name=mail] {
  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: #222222;
}

.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: #283D79;
  border: none;
  color: #fff;
}

input[name="cart.x"] {
  background: #577CC6;
}

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

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

.blue_button_ {
  background-color: #283D79;
  border: none;
  color: #fff;
  margin-top: 5px;
}

input.delete-btn {
  background: #f8f8f8;
  color: #222222;
}

.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, #dedede, #999);
  background: -webkit-gradient(linear, left top, left bottom, from(#dedede), 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;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  box-shadow: 1px 1px 1px #DEDEDE;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #222222;
  display: inline-block;
  position: relative;
}

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

.button_mini_:active {
  top: 1px;
}

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

/**/
.common_headline1_ {
  background: transparent;
  margin: 0;
  padding: 0;
  text-align: left;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-size: 20px;
  color: #222222;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
}

.common_headline1_::before {
  content: none;
}

h2.common_headline2_,
div.common_headline2_ {
  font-size: 15px;
  padding: 7px 15px;
  padding-left: 15px;
  position: relative;
  background: #F8F8F8;
  white-space: normal;
  z-index: 1;
  margin: 20px 0 10px;
  font-weight: bold;
  display: block;
  color: #222222;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
}
h2.common_headline2_::before,
div.common_headline2_::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 100%;
  background: #283D79;
  display: block;
  left: 0;
  top: 0;
  transform: none;
}

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

.price_ {
  color: #e61d50;
  font-weight: bold;
  font-size: 4vw;
}

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

.g_price_ {
  position: relative;
}

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

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

.header_ {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 47.66vw;
  background: #606060;
  box-sizing: border-box;
}

.header_ .logo_area_ {
  color: #fff;
  padding-left: 4.8vw;
  padding-top: 2.933vw;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.footer_ .footer_btns_ li a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 6.13vw;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #656565;
}

div.footer_ #copyright {
  font-size: 11px;
  width: 300px;
  text-align: center;
  margin: 0 auto;
}

div.change_mode_ {
  width: 81.86vw;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

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

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

div.change_mode_ .change_pc_ {
  background: #283D79;
  color: #fff;
  padding: 2.133vw 0;
}

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

form.search_form_ input.keyword_ {
  width: 74.4vw;
  font-size: 3.2vw;
  padding: 2vw 0 2vw 3vw;
  background: #F6F6F6;
  outline: none;
  margin-top: 0;
  border: none;
}

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

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

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

form.search_form_ .to_searchdetail a span {
  color: #283D79;
  text-decoration: underline;
}

.search_box_.leftfloat_ {
  margin-top: 20px;
  margin-left: 0;
  margin-bottom: 20px;
  float: none;
  clear: both;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
}
.mv {
  margin-bottom: 20px;
}

table.formlist_ {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  font-size: 13px;
  border: 1px solid #DEDEDE;
  margin-top: 10px;
}
table.formlist_ a {
  text-decoration: underline;
}

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

table.formlist_ th {
  width: 40%;
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  background-color: #F8F8F8;
  padding: 3px;
  padding: 10px 10px;
}

table.formlist_ td {
  padding: 10px 10px;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}

table.formlist_ td.red_change_ {
  color:red;
}

table.formlist_ td span.red_change_ {
  color:red;
}

table.formlist_.company_ td,
table.formlist_.request_ td {
  word-break: break-all;
}

table.formlist_.brand_file_upload_ th {
  width: auto;
  min-width: 80px;
}

table.formlist_.brand_status_ th {
  width: auto;
  min-width: 80px;
}

.precart_nickname_ {
  background-color: transparent !important;
}

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

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

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

/* 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: #F8F8F8;
  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_ {
  background: #676767;
  color: #fff;
  font-size: 4.266vw;
  font-weight: 300;
  text-align: center;
  padding: 3.2vw 0;
  margin-top: 20px;
}

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

.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: 100%;
  background: #283D79;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 14px;
}

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

div.login_ div.loginform_ div.form_text_ + form > ul {
  padding: 3.46vw;
  padding-left: 10px;
  padding-right: 10px;
}

div.login_ div.loginform_ .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: #283D79;
  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: #283D79;
}

.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: 100%;
  background: #283D79;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 14px;
}

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: 40px;
  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: #283D79;
}

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

/* ログアウト */
.customer_ > p strong a {
  color: #283D79;
  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 #DEDEDE;
  font-size: 12px;
}

div.customer_ table.customer_ th,
div.customer_ table.customerconfirm_ th {
  width: 40%;
  background-color: #F8F8F8;
  border-bottom: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  padding: 3px;
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
}

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

/* --------------------------------------------------------------------
	マイページ
-------------------------------------------------------------------- */
div.customer_status_ {
  padding: 5px 10px;
  border: 1px solid #283D79;
  font-size: 14px;
  border-radius: 4px;
  margin: 0;
  margin-bottom: 10px;
}

.questionnaire_ div.customer_status_ {
  margin: 10px 0;
}

div.mymenu_main_list_ {
  display: none;
  font-size: 14px;
  margin-bottom: 13px;
  border: 0;
  border-radius: 4px;
  background-color: #F8F8F8;
  margin: 15px 10px;
  margin: 15px 0;
  overflow: hidden;
}

div.mymenu_main_list_ div.mymenu_main_list_head_ {
  overflow: hidden;
  padding: 10px 10px;
  background-color: #283D79;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
}

div.mymenu_main_list_ h4 {
  padding: 0;
  height: auto;
  position: relative;
  color: #fff;
}

div.mymenu_main_list_ h4::before {
  content: none;
}

div.mymenu_main_list_ h4::after {
  content: none;
}

div.mymenu_main_list_ div.mymenu_main_list_body_ {
  padding: 10px 10px;
}

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

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

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

div.mymenu_main_list_ h5 {
  padding: 0;
  margin-top: 10px;
  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 #DEDEDE;
  background-color: #ffffff;
  padding: 4px;
  font-size: 12px;
}

/* トピック一覧 */
div.mymenu_topic_ {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 4px;
  background-color: #F8F8F8;
  margin: 15px 10px;
  margin: 15px 0;
}

div.mymenu_topic_ {
  padding: 16px 16px;
  margin: 0px;
  margin-bottom: 16px;
}
div.mymenu_topic_ .topiclist_head_ h2 {
  float: none;
  display: block;
  line-height: 1.5;
  font-weight: normal;
  font-size: 14px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.2;
  padding: 0;
  margin-bottom: 16px;
}
div.mymenu_topic_ .topiclist_body_ {
  position: relative;
  z-index: 1;
  padding: 0;
  background: none;
}
div.mymenu_topic_ ul.topicline_ li {
  padding: 12px 12px 12px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  background: #fff;
  font-size: 12px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
}
div.mymenu_topic_ ul.topicline_ li:nth-of-type(n+2) {
  border-top: 1px solid #DEDEDE;
}
div.mymenu_topic_ ul.topicline_ li a {
  color: #222222;
  margin: 0px;
}
div.mymenu_topic_ ul.topicline_ li dl dt {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  font-size: 13px;
}
div.mymenu_topic_ ul.topicline_ li dl dd {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: 400;
}
div.mymenu_topic_ ul.topicline_ li img {
  display: block;
  width: auto;
  height: 19px;
  margin: 0;
  margin-left: 12px;
  vertical-align: middle;
}
div.mymenu_topic_ .topiclist_body_ .topicline_detaillist_ {
  margin-top: 12px;
}
div.mymenu_topic_ .topiclist_body_ .topicline_detaillist_ a {
  padding: 0px 0 18px;
}
div.mymenu_topic_.is-active .topiclist_body_ .topicline_detaillist_ a {
  padding: 18px 0 0px;
}

.customer_ {
  margin-bottom: 10px;
}

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

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

.submit_ input {
  width: auto;
  background: none;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 14px;
  margin: 10px 0px;
}

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

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

input[name="submit.x"] {
  background: #577CC6;
  order: -2;
}

input.withdrawal-btn {
  background: #000;
}

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

input.go-back-btn,
input.back-to-home,
input.back-to-list,
input.disagree-btn,
input[name="back.x"] {
  background: #f8f8f8;
  color: #222222;
  order: 2;
}

input[name="check_approval_all_ok.x"],
input[name="check_approval_ok.x"],
input[name="approval_ok.x"] {
  background: #577cc6;
}

input[name="check_approval_all_ng.x"],
input[name="check_approval_ng.x"],
input[name="approval_ng.x"] {
  background: #767676;
}

input.approval-inquiry {
  color: #283D79;
  background: transparent;
  width: auto;
  margin: 0 auto 10px;
}

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

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

div.spandual_ table {
  width: 100%;
}

/* トピック詳細 */
.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: 3.46vw;
  padding-left: 10px;
  padding-right: 10px;
  padding: 10px 0;
}

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

div.customer_ table.bizuserlist_ th,
div.customer_ table.cardlist_ th {
  width: 40%;
  background-color: #F8F8F8;
  border-bottom: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-weight: 700;
}

div.customer_ table.bizuserlist_ td,
div.customer_ table.cardlist_ td {
  border-bottom: 1px solid #DEDEDE;
  padding: 10px;
}

div.customer_ table.bizuserlist_ td.user_status1_ {
  background-color: #F8F8F8;
}

div.customer_ table.bizuserlist_ td.user_status2_ {
  background-color: #F8F8F8;
}

div.customer_ table.bizuserlist_ td.user_statusL_ {
  background-color: #F8F8F8;
}

div.customer_ table.bizuserlist_ td.user_status9_ {
  background-color: #F8F8F8;
}

/* --------------------------------------------------------------------
マイページ　購入履歴、見積履歴、法人別購入履歴、法人別見積履歴、承認、法人別承認
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
  padding: 3px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  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 #DEDEDE;
  background-color: #F8F8F8;
  width: 40%;
  font-weight: 700;
  padding: 3px;
  padding: 10px 10px;
}

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 #DEDEDE;
  border-left: none;
  padding: 3px;
  padding: 10px 10px;
}

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 #DEDEDE;
  border-bottom: none;
  margin: 5px auto;
  width: 95%;
  width: 100%;
}

table.history_ td {
  padding: 10px 5px;
  border-bottom: 1px solid #DEDEDE;
}

table.history_ th {
  background-color: #F8F8F8;
  vertical-align: middle;
  width: 40%;
  font-weight: 700;
  text-align: left;
  padding: 10px 5px;
  border-bottom: 1px solid #DEDEDE;
  white-space: nowrap;
  font-size: 14px;
}

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

table.history_ td.order_detail_ p.order_again_ span {
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  padding: 2px 5px;
}

table.history_ td.total_ {
  font-size: 14px;
  color: #e61d50;
}

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

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

td.return_ {
  background-color: #FFEBD8;
}

table.cancel_ tr td,
tr.cancel_ td,
td.cancel_,
td.grey_change_ {
  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: #577cc6;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 5px;
  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 #DEDEDE;
}

table.approval_purchase_ th,
table.approval_date_ th,
table.approval_approval_ th,
table.approval_ap_user_ th {
  width: 40%;
  white-space: nowrap;
  background-color: #F8F8F8;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  padding: 3px;
  font-weight: 700;
  text-align: left;
  padding: 10px 10px;
}

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 #DEDEDE;
  padding: 3px;
  text-align: left;
  padding: 10px 10px;
}

table.approval_cart_ th {
  white-space: nowrap;
  background-color: #F8F8F8;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  padding: 3px;
  font-weight: 700;
  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: #9B0000;
  font-weight: bold;
  text-align: right;
}

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

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

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

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: 700;
  border-bottom: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  background-color: #e5f3ff;
  padding: 3px;
}

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

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

div.customer_ li.bookmark_item_ {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
}

li.bookmark_item_ div.cartgoods_ {
  float: none;
  display: block;
  margin-top: 0;
  margin-left: 0px;
}

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_ {
  flex: 0 0 50%;
  max-width: 50%;
  float: none;
  clear: both;
}

li.bookmark_item_ div.name_ {
  display: inline;
}
li.bookmark_item_ div.name_ a {
  text-decoration: underline;
}

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;
  text-decoration: underline;
}

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

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

li.bookmark_item_ div.del_ {
  flex: 0 0 80px;
  float: none;
  display: block;
  margin: 0px;
  margin-left: auto;
}
li.bookmark_item_ div.del_ img {
  height: auto;
  width: 100%;
}

li.bookmark_item_ .comment_ input {
  width: auto;
  margin: 5px 0px;
  margin-left: 10px;
  padding: 0px 10px;
}
li.bookmark_item_ .comment_ input.cancel-btn {
  border: 1px solid #f8f8f8;
  background-color: #f8f8f8;
  color: #222222;
}

li.bookmark_item_ .comment_ textarea {
  width: calc(100% - 10px);
  margin: 0;
  margin-left: 10px;
  margin-top: 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 #DEDEDE;
  border-bottom: none;
  margin: 5px 0;
}

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

table.bookmark_ input.delete-btn_group {
	width: 100px;
  text-align: center;
}

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

table.bookmark_ td.form_ {
  text-align: left;
  border-bottom: 1px solid #cbcbcb;
  background-color: #F8F8F8;
}

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

table.bookmark_ td.img_ {
  padding: 5px;
  width: 60px;
  border-bottom: 1px solid #DEDEDE;
}

table.bookmark_ td.name_ {
  padding: 5px;
  border-bottom: 1px solid #DEDEDE;
  vertical-align: top;
}

table.bookmark_ td.name_ .goods_name_ {
  font-size: 14px;
}

/* --------------------------------------------------------------------
マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
  margin-top: 5px;
  border-top: 1px solid #dedede;
}

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

div.contact_ ul.contactlist_ li a {
  display: block;
  color: #222222;
  background: none;
  position: relative;
}
div.contact_ ul.contactlist_ li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #283D79;
  border-right: 1px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

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

div.contact_ ul.contactlist_ .subject_ {
  color: #283D79;
}

/* お問合せ詳細 */
.contactdetail_title_ {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #dedede;
  border-left: none;
  border-right: none;
  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;
}

div.contactlist_ .contactlist_goods_ {
  margin: 0;
}

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

div.contactlist_line_ .contactlist_head_ {
  width: 100%;
  overflow: hidden;
  background: #F8F8F8;
  border-bottom: 1px solid #DEDEDE;
}

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

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

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 #DEDEDE;
  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: #9B0000;
}

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

/* --------------------------------------------------------------------
ご注文方法の指定
-------------------------------------------------------------------- */
div.order_ .massage_ {
  padding: 10px;
}

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

input[name="address.x"] {
  text-decoration: none !important;
  color: #283D79 !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: #283D79;
  border: none;
  padding: 5px 0;
  background: none;
}

div.method_host_ address {
  font-style: normal;
  padding: 2px 4px;
  border: 1px solid #283D79;
}

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 #DEDEDE;
  width: auto;
}

#sender_form {
  padding: 0 10px;
}

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

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

div.address_item_ {
  padding: 10px 0px;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #DEDEDE;
}

div.address_title_ {
  font-size: 16px;
  color: #222222;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 5px;
}

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: 0px;
}
div.address_item_ .address_change_ > a {
  margin: 0 !important;
}

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: #F8F8F8;
  border: 1px solid #DEDEDE;
}

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 #283D79;
  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: 0;
  padding: 0;
  border: none;
}

/* 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: 5px auto 5px;
}

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: 95vw;
}

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 {
  width: 60px;
  border: 1px solid #283D79;
  padding: 5px;
}

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

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

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

div.method_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: 100% !important;
  margin-top: 5px;
}

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

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

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

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

.top_comment_ {
  margin-bottom: 10px;
}

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

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

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

table.estimate_.sales_ th,
table.estimate_method_ th {
  width: 40%;
  text-align: left;
  border-bottom: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  white-space: normal;
  background-color: #e5f3ff;
  padding: 3px;
  padding: 10px 10px;
}

table.estimate_.sales_ td,
table.estimate_method_ td {
  width: 60%;
  padding: 3px;
  padding: 10px 10px;
  border-bottom: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
}

table.estimate_method_ td.total_ {
  font-size: 14px;
  color: #e61d50;
  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 #DEDEDE;
}

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

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 #DEDEDE;
  border-right: 1px solid #DEDEDE;
  background-color: #F8F8F8;
  padding: 3px;
  padding: 10px 10px;
}

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

table.host_ th,
table.sender_ th,
table.dest_ th {
  border-bottom: 1px solid #DEDEDE;
  background-color: #F8F8F8;
  padding: 3px;
  font-weight: 700;
  text-align: left;
  font-size: 13px;
  padding: 10px 10px;
}

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

table.dest_ td.red_change_ {
  color:red;
}

div.order_ .method_addr_ {
  padding: 3px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  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: 40%;
  text-align: left;
  background-color: #F8F8F8;
  font-size: 13px;
}

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

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

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

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

#card_form {
  text-align: left;
}

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

table.destgoodslist_ {
  width: 100%;
  font-size: 13px;
}

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

table.destgoodslist_ th {
  width: 40%;
  border-top: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  background-color: #F8F8F8;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  padding: 10px 10px;
}

table.destgoodslist_ td {
  border-top: 1px solid #DEDEDE;
  vertical-align: top;
  padding: 3px;
  padding: 10px 10px;
}

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

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

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

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

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.method_gift_ li {
  padding: 3px;
}

ul.method_gift_ li.title_ {
  background-color: #F8F8F8;
}

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

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

ul.formlist_.estimate_.card_ li.title_ {
  font-size: 13px;
  background-color: #F8F8F8;
}

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

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

table.approval_purchase_ th {
  border-right-style: none;
  background-color: #F8F8F8;
  font-weight: 700;
  text-align: left;
}

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

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

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

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

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

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

div.order_ table.order_ th {
  width: 40%;
  background-color: #F8F8F8;
  font-weight: 700;
  text-align: left;
  font-size: 13px;
}

input.search-btn {
  padding: 3px 10px;
  background: #f8f8f8;
  border: none;
  cursor: pointer;
  color: #222222;
  border-radius: 4px;
  height: 40px;
}

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

div.order_ table.formdetailcard_ th {
  width: 12em;
  background-color: #e5f3ff;
  font-weight: 700;
  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 #DEDEDE;
  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: #DEDEDE;
}

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

h1.category_name_ {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #222222;
}

h1.event_name_ {
  margin-bottom: 10px;
  font-weight: bold;
  color: #222222;
  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: #222222;
  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: 2.4vw 0 10px 2.933vw;
  margin-left: 0;
  font-size: 2.66vw;
  line-height: 1.5;
  text-align: left;
}

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

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

.navitopicpath_ li {
  display: inline;
}

.navitopicpath_ li:last-of-type a {
  text-decoration: underline;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navipage_ a {
  white-space: nowrap;
  margin: 0 1px;
  padding: 6px 6px;
  line-height: 30px;
  background-color: #FFF;
  border: 1px solid #283D79;
}

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

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

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

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

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

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

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

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

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

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

/* 表示切替 */
.navistyle_ {
  margin: 2px 0;
}

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

.goods_filter_ {
  margin-bottom: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

#goods_class_filter_ form {
    display: flex;
    flex-wrap: wrap;
}

#goods_class_filter_ .search_goods_class_filter_ {
  flex-basis: 100%;
  margin-top: 10px;
  order: 999;
}

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

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

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

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

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

#suggestZipArea .itemLine {
  padding: 0 4px;
  height: 20px;
  line-height: 20px;
  list-style: none;
  white-space: nowrap;
  color: #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: 42px;
}

div.topiclist_ .topiclist_head_ {
  overflow: hidden;
  background: #F6F6F6;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  position: relative;
  margin: 20px 0 10px;
}

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

div.topiclist_ .topiclist_head_ h2::before {
  content: "";
  width: 6px;
  height: 30px;
  background: #283D79;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

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

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

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

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

div.topiclist_ ul.topicline_ li a {
  color: #606060;
  margin-right: 10px;
  color: #283D79;
}

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

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

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

table.goodsproductdetail_ {
  width: 100%;
}

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

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

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

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

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

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

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

/**/
/* 商品画像バリエーション */
/**/
/* 商品スペック */
div.goodsspec_ {
  margin-bottom: 0;
}

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 0 1.6vw 4.266vw;
  color: #222222;
  border-left: 5px solid #676767;
  width: 32vw;
  box-sizing: border-box;
  margin-bottom: 5px;
}

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

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

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

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

div.goodsspec_ div.togetherlist_ .title_decoration_.title_block_ {
  background: #F6F6F6 !important;
  color: #fff;
  margin-bottom: 0;
}

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

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

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

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

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

dl.goodsset_ {
  margin: 0 10px;
}

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

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

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

dl.goodsset_ dt:first-child {
  border-radius: 4px 4px 0 0;
}

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

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

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

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

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

div.cartvariation_ ul.cartvariation_ .msg_ .name_ a {
  color: #222222;
  font-size: 3.466vw;
  margin-top: 6px;
  margin-bottom: 6px;
  display: block;
}

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

div.cartvariation_ ul.cartvariation_ li {
  width: 100%;
  border-bottom: 1px solid #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_ ul.cartvariation_ li .block_ {
  display: block;
  padding-left: 110px;
  padding-top: 4px;
  padding-right: 10px;
  min-height: 110px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
  background-size: 100px auto;
  font-size: 13px;
}

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

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

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

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

/**/
div.goodscomment1_ {
  margin-bottom: 10px;
  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_ {
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.option_buttons_ li {
  width: 100%;
  max-width: 335px;
  margin: 0 auto;
  margin-bottom: 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
}
.option_buttons_ li input {
  margin: 0px;
}
.option_buttons_ li:nth-of-type(n+2) {
  display: none;
}

.option_buttons_ li:first-child:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: static;
  /*background: url("../img/usr/common/icon_btn_favorite.png") no-repeat center center/contain;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-95px, -50%, 0) rotate(0deg);
}

div.bookmark_detail_ {
  width: 335px;
}

.option_buttons_ li:last-child:before {
  content: none;
}

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

.option_buttons_ li input {
  font-size: 16px;
  box-sizing: border-box;
  background: #fff !important;
  border: 1px solid #71A9C1 !important;
  color: #71A9C1 !important;
}
.option_buttons_ li input:hover {
  background: #fff !important;
  border: 1px solid #71A9C1 !important;
  color: #71A9C1 !important;
}

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

ul.goods_p_ {
  overflow: hidden;
  text-align: left;
  background-color: #ffffff;
  border-radius: 4px;
}

.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: block;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding-left: 35vw;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ {
  padding-left: 21.33vw;
  padding-left: 29.33vw;
}

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

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

ul.goods_p_ li .block_ .name_ {
  font-size: 3.466vw;
  color: #222222;
  margin-top: 1.6vw;
  margin-bottom: 1.6vw;
  display: block;
  font-weight: normal;
  width: 52.66vw;
  white-space: break-all;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
}

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

.event_ ul.goods_p_ li .block_ .name_ {
  margin-top: 1.6vw;
  margin-bottom: 1.6vw;
  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: #222222;
}

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

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_ .name_ {
  color: #222222;
  display: block;
}

/* --------------------------------------------------------------------
商品検索
--------------------------------------------------------------------- */
dl.goodssearch_ dt,
dl.goodssearch_ dd {
  display: block;
  white-space: nowrap;
}

dl.goodssearch_ dt {
  padding: 10px;
  color: #222222;
  background: #F8F8F8;
  font-weight: 700;
  margin: 0px;
  margin-bottom: 10px;
  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_ {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 5.333vw;
  font-size: 3.466vw;
}

div.CategoryStyleG_ div.name_ {
  margin: 0;
  padding: 2px 10px 2px 0;
  line-height: 28px;
  border-top: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  color: #000;
  font-weight: bold;
}

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

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

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

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

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

div.CategoryStyleG_ .img_show_::before,
div.CategoryStyleG_ .img_show_::after,
div.CategoryStyleG_ .img_hidden_::before,
div.CategoryStyleG_ .img_hidden_::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 11px;
  height: 2px;
  border: 0;
  margin: 0;
  transition: all 0.3s;
  background-color: #283D79;
}

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

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

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

div.CategoryStyleG_ div.category_list_block1_ > div.name_ {
  background: #F6F6F6;
  position: relative;
  padding: 4.267vw 0 4.267vw 40px;
  border-right: none;
  border-left: none;
}

div.CategoryStyleG_ div.category_list_block2_ > div.name_ {
  padding: 4.267vw 0 4.267vw 60px;
  position: relative;
  background: #F6F6F6;
  border-right: none;
  border-left: none;
}

div.CategoryStyleG_ div.category_list_block3_ > div.name_ {
  padding: 4.267vw 0 4.267vw 80px;
  position: relative;
  background: #F6F6F6;
  border-right: none;
  border-left: none;
}

div.CategoryStyleG_ .comment_ {
  display: none;
}

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

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

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

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

/* --------------------------------------------------------------------
ジャンル
-------------------------------------------------------------------- */
/* ジャンル一覧 */
div.GenreStyle_ {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 5.333vw;
  font-size: 3.466vw;
}

div.GenreStyle_ div.name_ {
  margin: 0;
  padding: 2px 10px 2px 0;
  line-height: 28px;
  border-top: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  color: #000;
  font-weight: bold;
}

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

div.GenreStyle_ .img_ {
  float: left;
  left: 0;
  top: 0;
  margin: 0;
  margin-right: 2px;
  width: 30px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #283D79;
  position: absolute;
  top: 50%;
  left: 92vw;
  left: 86.66vw;
}

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

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

div.GenreStyle_ .img_show_::before,
div.GenreStyle_ .img_show_::after,
div.GenreStyle_ .img_hidden_::before,
div.GenreStyle_ .img_hidden_::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 11px;
  height: 2px;
  border: 0;
  margin: 0;
  transition: all 0.3s;
  background-color: #283D79;
}

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

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

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

div.GenreStyle_ div.genre_list_block1_ > div.name_ {
  background: #F6F6F6;
  position: relative;
  padding: 4.267vw 0 4.267vw 40px;
  border-right: none;
  border-left: none;
}

div.GenreStyle_ div.genre_list_block2_ > div.name_ {
  padding: 4.267vw 0 4.267vw 60px;
  position: relative;
  background: #F6F6F6;
  border-right: none;
  border-left: none;
}

div.GenreStyle_ div.genre_list_block3_ > div.name_ {
  padding: 4.267vw 0 4.267vw 80px;
  position: relative;
  background: #F6F6F6;
  border-right: none;
  border-left: none;
}

div.GenreStyle_ .comment_ {
  display: none;
}

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

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

div.event_ h1.event_title_ + div.goods_ ul.goods_p_ li .block_ {
  padding-left: 22.66vw;
}

h1.event_title_::before {
  content: "";
  width: 6px;
  height: 30px;
  background: #283D79;
  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: #283D79;
  text-decoration: underline;
}

div.review_count_summary_ {
  padding: 6px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 19px;
  border-bottom: 1px solid #283D79;
}

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;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.review_line_ .moderate_other_ {
  display: none;
}

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

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

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

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

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

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

div.review_ .common_headline1_ {
  margin-bottom: 0;
  padding-left: 3.733vw;
  font-weight: bold;
  color: #222222;
  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: #222222;
  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_ .orange_button_ {
  background: #000;
}

.review_ .blue_button_ {
  background: #f8f8f8;
}

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

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

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

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

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

div.quickorder_ div.add_order_block_ {
  margin-top: 10px;
  padding: 10px 0;
  text-align: center;
  color: #283D79;
  background-color: #f8f8f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

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

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

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

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

div.quickorder_ table .del_ {
  text-align: right;
  width: 80px;
  text-align: right;
}
div.quickorder_ table .del_ input {
  width: 80px;
  margin-left: auto;
  display: inline-block;
}

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

div.quickorder_ table .goods_ input {
  width: calc(100% - 5px);
}

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 #DEDEDE;
  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: 75px;
  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: #e61d50;
  font-weight: bold;
  text-align: right;
}

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

div.quickorder_ table .del_ input {
  background: #f8f8f8;
  color: #283D79;
  border: none;
  margin: 10px 0px;
}

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: 10px 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}

.navigation_ a {
  color: #283D79;
}

div.questionnaire_ div.questionnaire_name_ {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 0;
}

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

div.questionnaire_ .must_ {
  border-left: none;
}

div.questionnaire_ .title_ {
  padding: 10px;
  background: #F8F8F8;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 10px 10px;
  font-weight: 700;
}

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

/* 入力画面 */
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 #DEDEDE;
  border-bottom: none;
  margin: 5px 0;
  margin: 5px 0;
}

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

table.coupon_ th {
  background-color: #F8F8F8;
  vertical-align: middle;
  width: 40%;
  font-weight: 700;
}

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

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

td.updatebtn_ > div {
  color: #283D79;
  margin: 8px 0;
  text-align: center;
}

table.approvallist_ th {
  background-color: #F8F8F8;
  vertical-align: middle;
  width: 40%;
  font-weight: 700;
  padding: 4px 5px;
  padding: 10px 10px;
}

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: #283D79;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.accessory_list_ ul.goods_p_ {
  display: block;
}

.accessory_list_ ul.goods_p_ li {
  border-bottom: none;
}

.accessory_list_ ul.goods_p_ div.block_ {
  padding-left: 0 !important;
  width: 100%;
  background-size: contain;
}

.accessory_list_ ul.goods_p_ div.block_ .name_ {
  width: 100%;
  padding-top: 0;
}

.accessory_list_ ul.goods_p_ div.block_ .price_ {
  font-weight: bold;
  padding-top: 9px;
  display: inline-block;
}

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

div.supplier_info_tab_ {
  display: none;
}

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

.supplier_event_ {
  margin-bottom: 10px;
}

div.supplier_info_tab_ h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px 2px 2px 7px;
  display: block;
  border-left: 5px solid #283D79;
  text-align: left;
  font-size: 16px;
}

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

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

dl.supplier_info_law_ {
  width: 100%;
}

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

dl.supplier_info_law_ dt {
  font-size: 13px;
  padding: 2px 2px 2px 6px;
  background: #F8F8F8;
  color: #30485f;
  padding: 10px 10px;
}

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

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

div.order_ table.formsublist_ th {
  border-top: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  width: 40%;
  font-weight: 700;
  padding: 5px;
  background-color: #F8F8F8;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  padding: 10px 10px 8px;
}

div.order_ table.formsublist_ td {
  border-top: 1px solid #DEDEDE;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
  padding: 10px 10px 8px;
}

/** precart **/
table.formlist_.precart_ th {
  width: 70px;
}

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: 5px;
  max-width: 50px;
}

.precart_goodsname_ .goods_thumbnail_img_ {
  max-width: 100%;
}

.precart_goodsname_ .goods_title_wrap_ {
  display: inline-block;
  width: 66%;
}

.precart_ .precart_button_ {
  margin-left: 0px !important;
  text-decoration: none;
}
.order_.precart_ .precart_button_:nth-of-type(2),
.order_.precart_ .precart_button_ {
  text-decoration: none;
}
.precart_detail_ .goods_content_ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  margin-top: 10px;
}
.precart_detail_ .goods_thumbnail_ {
  flex: 0 0 50px;
  max-width: 50px;
  margin-right: 10px;
}
.precart_detail_ .goods_title_wrap_ {
  flex: 1 1 auto;
}
.precart_detail_ .memo_ {
  padding-top: 5px;
}

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: #283D79;
  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: #283D79;
  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 #DEDEDE;
  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 #DEDEDE;
  padding-top: 10px;
}

/* --------------------------------------------------------------------
js cart
--------------------------------------------------------------------- */
#contentArea {
  width: 100%;
  max-width: 640px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: auto;
}

#contentArea .btn-cart-info_ {
  padding-right: 110px;
  font-size: 11px;
  text-align: right;
  color: #222222;
  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: #283D79;
  -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: #283D79;
}

#cartHeader {
  width: 89%;
  margin: 0 auto;
  position: relative;
  z-index: 12;
  background: #283D79;
  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: #222222;
  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 #222222;
  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: #283D79;
}

#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 #283D79;
  color: #222222;
  background: #F8F8F8 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;
  top: auto !important;
  bottom: 100% !important;
  margin-bottom: 5px;
}

.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: #283D79;
  color: #ffffff;
  display: inline-block;
  padding: 7px 12px;
}

input[name="withdrawal.x"].move_button_ {
  background: #fff;
  color: #222222;
  box-shadow: 1px 1px 1px #DEDEDE;
  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: #283D79;
  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;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  box-shadow: 1px 1px 1px #DEDEDE;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #222222;
  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;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  box-shadow: 1px 1px 1px #DEDEDE;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #222222;
  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 #DEDEDE;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  box-shadow: 1px 1px 1px #DEDEDE;
  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: #f8f8f8;
  color: #222222;
  box-shadow: none;
  border: none;
  height: 35px;
}

/*****************************************************/
div.order_ table.order_cart_list_ {
  border-bottom: solid 1px #DEDEDE;
}

div.order_ table.order_cart_list_ td {
  border-top: solid 1px #DEDEDE;
  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;
}

div.order_ table.order_cart_list_ td.image_ img {
  width: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

div.order_ table.order_cart_list_ input.order_cart_qty_ {
  width: 60px;
  border: 1px solid #283D79;
  text-align: right;
}

div.order_ table.order_cart_list_total_ {
  width: 96%;
}

div.order_ table.order_cart_list_total_ th {
  width: auto;
  text-align: right;
}

div.order_ table.order_cart_list_total_ td.price_ {
  text-align: right;
  padding-right: 4px;
}

div.order_ table.order_cart_list_total_ td.postage_comment_ {
  text-align: right;
  padding-right: 4px;
}

/* 軽減税率対応 */
div.order_ table.order_cart_list_total_ tr.tax_sum_ th {
  font-weight: 700;
}

div.order_ table.order_cart_list_total_ tr.tax_sum_ td {
  font-weight: normal;
}

div.order_ .order_cart_list_all_total_ {
  border: 1px solid #283D79;
  background-color: #F8F8F8;
  padding: 10px;
  margin-top: 10px;
}

div.order_ .order_cart_list_sub_total_ {
  border: 1px solid #283D79;
  padding: 10px;
}

div.order_ .total_title_ {
  font-weight: bold;
}

div.order_ table.order_cart_list_ tr.cart_detail_change_ td {
  background: #F8F8F8;
}

div.order_ table.order_cart_list_ tr.cart_detail_zero_ td {
  background: transparent;
}

div.order_ table.order_cart_list_ td.goods_detail_ > table {
  width: 100%;
  margin: 10px 0;
  box-sizing: border-box;
}

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;
  padding-bottom: 5px;
}

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

div.order_ .order_cart_delete_ {
  margin: 0px !important;
}

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 #283D79;
  padding: 4px 10px;
  text-decoration: none;
  background-color: #283D79;
  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: #f8f8f8;
  border: none;
  color: #222222;
  padding: 10px;
}

div.address_box_2_ .common_headline2_ {
  margin-bottom: 5.333vw;
  padding-left: 3.733vw;
  font-size: 5.333vw;
  font-weight: bold;
  color: #222222;
  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: #283D79;
  padding-left: 0;
  text-shadow: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px;
  margin-left: 0;
  color: #222222;
}

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 #283D79;
  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: 95vw;
}

div.order_ .order_cart_sublist_ .item_ a {
  display: block;
  overflow: hidden;
  border: 1px solid #283D79;
  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: #283D79;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #222222;
  background-color: #fff;
}

div.order_ .order_cart_sublist_ .now_ a .title_ {
  color: #ffffff;
  background-color: #283D79;
  color: #222222;
  background-color: #F8F8F8;
}

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

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

.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: #283D79;
  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: #222222;
  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 #283D79;
  border-right: solid 2px #283D79;
  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: #F8F8F8;
  color: #283D79;
  border: 1px solid #283D79;
  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: 10px 10px;
  font-weight: 700;
  width: 15%;
  color: #fff;
}

div.order_ table.agencyapprovallist_ td {
  border: 1px solid #af8ad1;
  padding: 10px 10px;
}

/* --------------------------------------------------------------------
発注先、代理店一覧
-------------------------------------------------------------------- */
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: 10px 10px;
}

div.agency_ table.agency_approvallist_ th {
  border: 1px solid #af8ad1;
  background: #af8ad1;
  padding: 10px 10px;
  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 #DEDEDE;
}

div.order_ .delivery_date_ {
  font-weight: bold;
  padding-right: 5px;
}

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: #F8F8F8;
  padding: 5px;
}

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

div.order_ table.method_destlist_ th.spec_ {
  border-bottom: 1px solid #DEDEDE;
}

div.order_ table.method_destlist_ td.spec_ {
  border-bottom: 1px solid #DEDEDE;
}

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

div.order_ table.method_destlist_ td.qty_ {
  padding: 0;
}

div.order_ table.method_destlist_ td.amt_ {
  padding: 0 4px 0 0;
}

div.order_ table.method_destlist_ td.detail_option_ {
  padding-top: 0;
}

div.order_ table.method_destlist_ td.detail_option_ table {
  width: 100%;
}

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

div.order_ table.method_destlist_ td.detail_option_ .gift_spec_title_ {
  font-weight: bold;
}

div.order_ table.method_destlist_ td.detail_option_ .gift_spec_ {
  padding-bottom: 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: 5px;
  border: none;
}

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

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

/* 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 #DEDEDE;
  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%, #dedede);
  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(#dedede));
}

.agency_ div.goods_img_ input[type=submit]:active {
  background: #f8f8f8;
  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%, #dedede);
  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(#dedede));
  -moz-box-shadow: 1px 1px 2px #E7E7E7;
  -webkit-box-shadow: 1px 1px 2px #E7E7E7;
}

.agency_ div.catalog_img_ input[type=submit]:hover {
  background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #dedede);
  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(#dedede));
}

.agency_ div.catalog_img_ input[type=submit]:active {
  background: #f8f8f8;
  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 #DEDEDE;
  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 #DEDEDE;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  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 #283D79;
  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 #DEDEDE;
  background-color: #F8F8F8;
  padding: 10px 10px;
}

.catalog-img-content,
.goods-img-content {
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  padding: 10px 10px;
  margin-bottom: 10px;
}

.catalog-sub-title,
.goods-img-sub-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.goods-img-sub-title + div + div {
  margin-top: 5px;
}

.catalog-size-wrapper,
.goods-size-wrapper {
  display: flex;
  margin-bottom: 5px;
}

.catalog-img-result,
.goods-img-result {
  margin: 10px 0;
}

/* --------------------------------------------------------------------
軽減税率対応
-------------------------------------------------------------------- */
div.order_ div.estimate_footer_total_ {
  border: 2px solid #283D79;
  padding: 10px 10px;
  text-align: right;
  margin: 0 auto;
  font-size: 3.2vw;
  box-sizing: border-box;
  margin-bottom: 2.666vw;
}

div.order_ div.estimate_footer_total_ h2 {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

div.order_ div.estimate_footer_total_ table {
  width: 100%;
}

div.order_ div.estimate_footer_total_ table th {
  padding: 2px 1em;
  font-weight: 700;
}

div.order_ div.estimate_footer_total_ table td {
  padding: 2px 0;
  font-weight: bold;
}

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

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th {
  width: 120px;
  text-align: right;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th.price_title_ {
  width: 100px;
  padding-right: 0;
}

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ th.tax_title_ {
  width: 100px;
  padding-right: 0;
}

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

div.order_ div.estimate_footer_total_ table.estimate_total_list_ th {
  width: 120px;
  text-align: right;
}

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

div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ tr.subtotal_ th,
div.order_ div.estimate_footer_total_ table.estimate_total_breakdown_list_ tr.subtotal_ td {
  border-top: 1px solid #DEDEDE;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.subtotal_ th,
div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.subtotal_ td {
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.estimate_total_ th,
div.order_ div.estimate_footer_total_ table.estimate_total_list_ tr.estimate_total_ td {
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}

div.order_ div.estimate_footer_total_ table.estimate_total_list_ td.total_ {
  font-size: 14px;
  color: #e61d50;
  font-weight: bold;
}

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

/* 軽減税率対応時に追加 */
div.order_ table.formsublist_ td {
  border-right: 1px solid #DEDEDE;
}

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

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.qty_.red_change_ {
  color:red;
}

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

div.order_ table.formsublist_.breakdown_list_ th.tax_ {
  border-top: 1px solid #DEDEDE;
  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 #DEDEDE;
  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 #283D79;
}

#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 #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  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 #283D79;
}

#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: #283D79;
  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 #283D79;
  font-size: 14px;
}

#block_of_contact_ h2 {
  margin: 2px;
  padding: 10px 4px 10px 8px;
  clear: both !important;
  background: #283D79;
  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 #DEDEDE;
}

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

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

.customer_ p {
  margin: 0px;
}

/* お客様情報変更 */
.customer_ p.message_ a {
  color: #283D79;
}

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

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

.noticelist_ ul li {
  color: #283D79;
}

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

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

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

#gmobillpayment_dialog_msg {
  margin-top: 10px;
}

/* --------------------------------------------------------------------
商品追加、変更モーダル
-------------------------------------------------------------------- */
/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
}

.modalWrapper {
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1000px;
  padding: 10px 30px;
  background-color: #fff;
  overflow: scroll;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

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

#contentArea > div.wrapper_ {
  min-height: calc(100dvh - 740px);
}

#container {
  max-width: 100%;
}

body > #container {
  margin-bottom: 60px;
  overflow: hidden;
}

#contentArea {
  max-width: 100%;
  position: relative;
}

.header_ {
  display: block;
  height: auto;
  background: none;
  box-sizing: border-box;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}

.p-header {
  position: relative;
  z-index: 10000;
  padding-top: 160px;
}

.p-header-fix {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}

.p-header-main {
  position: relative;
  z-index: 3;
  background-color: #ffffff;
  height: 100px;
  padding: 5px 0 0 0;
}

.p-header-main-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  padding: 0px 20px;
  padding-right: 80px;
  position: relative;
  height: 100px;
}

.p-header-drawer-btn {
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
  width: 80px;
  height: 60px;
}

.move_button_mini_{
  font-size: 11px;
}

.p-header-drawer-btn-bar {
  display: block;
  width: 35px;
  height: 2px;
  margin: 0 auto;
  background-color: #283D79;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 2;
  transform: translate3d(0, -50%, 0) rotate(0deg);
  transition: all 100ms ease-out 0ms;
}
.p-header-drawer-btn-bar.bar1 {
  margin-top: -10px;
}
.is-drawer-active .p-header-drawer-btn-bar.bar1 {
  margin-top: 0px;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.p-header-drawer-btn-bar.bar2 {
  margin-top: 0px;
}
.is-drawer-active .p-header-drawer-btn-bar.bar2 {
  opacity: 0;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.p-header-drawer-btn-bar.bar3 {
  margin-top: 10px;
}
.is-drawer-active .p-header-drawer-btn-bar.bar3 {
  margin-top: 0px;
  transform: translate3d(0, -50%, 0) rotate(135deg);
}

.p-header-main-logo {
  flex: 0 0 68px;
  max-width: 68px;
  margin-right: 16px;
}

.p-header-main-names {
  line-height: 1.25;
}

.p-header-main-names-org {
  font-size: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.p-header-main-names-name {
  font-size: 12px;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.p-header-main-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  flex-flow: row nowrap;
  margin-left: auto;
}

.p-header-main-menu-item {
  margin-left: 7px;
}
.p-header-main-menu-item > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
}
.p-header-main-menu-item img {
  flex: 0 0 14px;
  max-width: 14px;
  width: 14px;
  height: 14px;
  object-fit: contain;
  font-family: "object-fit: contain;";
  margin-left: 4px;
}

.p-header-main-menu-item-txt {
  font-size: 12px;
  color: #222222;
  font-weight: 500;
  white-space: nowrap;
}

.p-header-menu {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  background: #fff;
}

.p-header-menu-list {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-content: center;
  flex-flow: row nowrap;
  padding: 0 20px;
  height: 60px;
}

.p-header-menu-item {
  flex: 1 1 auto;
  padding: 0 10px;
  border-right: 1px solid #E1E4EB;
}
.p-header-menu-item:first-child {
  padding-left: 0px;
}
.p-header-menu-item:last-child {
  border-right: none;
  padding-right: 0px;
}
.p-header-menu-item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  height: 35px;
}

.p-header-menu-item-txt {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.2;
  white-space: nowrap;
}

.p-header-menu-cart {
  flex: 0 0 80px;
  max-width: 80px;
  position: relative;
}
.p-header-menu-cart > a {
  flex: 1;
  height: 100%;
  background-color: #283D79;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
}
.p-header-menu-cart .p-header-main-cart-btn-icon {
  flex: 0 0 28px;
  max-width: 28px;
}
.p-header-menu-cart .js-cart-count {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  background-color: #9B0000;
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.05em;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  transform: translate3d(15px, -15px, 0) rotate(0deg);
}

.p-header-search {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
  background-color: #ffffff;
  height: 68px;
  padding: 0px 20px;
  padding-right: 80px;
}

form.search_form_ {
  flex: 1;
  padding: 0px;
  margin: 0px;
  display: block;
  background: none;
}

form.search_form_ .p-header-search-form {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  position: relative;
  height: 43px;
  width: 100%;
}
form.search_form_ .p-header-search-form input.keyword_ {
  flex: 1 1 100%;
  width: auto;
  padding: 0px 8px;
  padding-right: 70px;
  margin: 0px;
  border: 2px solid #283D79 !important;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: none;
  height: 100%;
  font-size: 16px;
}
form.search_form_ .p-header-search-form .search_button_ {
  background-color: #283D79;
  position: absolute;
  z-index: 2;
  padding: 0px;
  margin: 0px;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 100%;
  border: none;
  transform: translate3d(0, 0, 0) rotate(0deg);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
}
form.search_form_ .p-header-search-form .search_button_ img {
  width: 28px;
  position: relative;
  top: -1px;
}

.p-header-main-cart__weight {
  position: fixed;
  z-index: 1000;
  top: 133px;
  right: 5px;
  width: 70px;
}
.p-header-main-cart__weight::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0px;
  height: 0px;
  border: 0px solid transparent;
  border-width: 6px 6px 6px 6px;
  border-bottom-color: #283D79;
}

.p-header-main-cart__weight-tit {
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  background-color: #283D79;
  height: 20px;
  line-height: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.p-header-main-cart__weight-content {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  height: 23px;
  font-size: 11px;
  font-weight: 500;
  font-feature-settings: "palt";
  white-space: nowrap;
  background-color: #EFF7FA;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.p-header-main-cart__weight-content-num {
  font-size: 11px;
}

.p-header-drawer {
  position: fixed;
  z-index: 2000;
  top: 160px;
  left: 0;
  z-index: 2000;
  background-color: #fff;
  height: calc(100dvh - 160px);
  width: 100%;
  pointer-events: none;
  display: none;
  animation: anim-p-header-drawer 200ms ease-out 0ms 1 normal forwards;
}
.is-drawer-active .p-header-drawer {
  display: block;
  pointer-events: auto;
}
@keyframes anim-p-header-drawer {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-header-drawer::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
}

.p-header-drawer-inner {
  position: relative;
  background-color: #ffffff;
  z-index: 2;
  padding: 0;
  height: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-header-drawer-inner:-webkit-scrollbar {
  display: none;
}

.p-header-drawer-menu-item {
  border-top: 1px solid #E1E4EB;
}
.p-header-drawer-menu-item:nth-last-child(1) {
  border-bottom: 1px solid #E1E4EB;
}
.p-header-drawer-menu-item > a {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
  position: relative;
  padding: 0px 30px;
  padding-right: 40px;
}
.p-header-drawer-menu-item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #283D79;
  border-right: 2px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.p-header-drawer-link-btns {
  margin-top: 24px;
  padding: 0px 36px;
}

.p-header-drawer-link-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  border: 1px solid #283D79;
  height: 60px;
  border-radius: 6px;
  position: relative;
  font-size: 16px;
  color: #283D79;
  font-weight: 500;
}
.p-header-drawer-link-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #283D79;
  border-right: 2px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.p-header-drawer-link-btn img {
  flex: 0 0 20px;
  max-width: 20px;
  margin-right: 10px;
}
.p-fixed-banner {
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  animation: anim-p-fixed-banner 300ms ease-out 0ms 1 normal forwards;
}
.p-fixed-banner > a {
  height: 60px;
  background-color: #9B0000;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
}
@keyframes anim-p-fixed-banner {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.p-fixed-banner-label {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 1;
}

.p-fixed-banner-icon {
  flex: 0 0 20px;
  max-width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
  margin-left: 10px;
  margin-top: 1px;
}
.p-fixed-banner-icon::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #9B0000;
  border-right: 2px solid #9B0000;
  transform: translate3d(-1px, -50%, 0) rotate(45deg);
}
.saleschange-banner {
  display: dlock;
  position: fixed;
  right: 0;
  bottom: 60px;
  left: 0;
  background-color: #156082;
  font-family: Arial, sans-serif;
  z-index: 100;
  animation: anim-p-fixed-banner 300ms ease-out 0ms 1 normal forwards;
  border: 0.5px solid black;
}

.change-banner {
  font-weight: bold;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: white;
}

a.sales_change_button {
  border: 2px solid white;
}
a.sales_change_button:hover {
  border: 2px solid white;
}

div.footer_ {
  background: none;
  padding: 0;
  margin: 0;
}

.p-footer {
  margin-top: 46px;
}

.p-footer-totop {
  position: fixed;
  z-index: 10;
  bottom: 76px;
  right: 16px;
  width: 40px;
  height: 40px;
}
.p-footer-totop > a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.p-footer-totop > a::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid #283D79;
  border-left: 2px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

div.change_mode_ {
  display: none;
}

.p-footer-change-mode {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  margin-bottom: 15px;
  display: none;
}

.p-footer-change-mode-item {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1;
  border-right: 1px solid #101010;
  padding-left: 20px;
  padding-right: 20px;
  color: #333;
}
.p-footer-change-mode-item:first-child {
  border-left: 1px solid #101010;
}
.p-footer-main {
  background-color: #283D79;
}

.p-footer-main-inner {
  text-align: center;
  padding: 40px 20px 50px;
}

.p-footer-main-logo {
  width: 170px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.p-footer-main-menu {
  text-align: center;
  text-align: left;
  padding: 0px 40px;
}
@media only screen and (max-width: 374px) {
  .p-footer-main-menu {
    padding: 0px 20px;
  }
}

.p-footer-main-menu-item > a {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  position: relative;
  padding: 10px 0px;
  padding-right: 20px;
  display: block;
  box-sizing: border-box;
}
.p-footer-main-menu-item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.p-footer-bottom-inner {
  padding: 26px 3.125% 20px;
}

.p-footer-bottom-corp {
  width: 190px;
  margin: 0 auto;
  margin-bottom: 14px;
}

div.footer_ #copyright {
  text-align: center;
  width: auto;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1;
}

.notice_ {
  color: #222222;
}

div.notice_, table.notice_ {
  background-color: #ffffff;
  border: solid 1px #DEDEDE;
  padding: 15px 15px;
  margin: 15px auto;
  text-align: left;
  max-width: 680px;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 1.75;
}

div.info_, table.info_ {
  background-color: #ffffff;
  border: solid 1px #DEDEDE;
  padding: 15px 15px;
  margin: 15px auto;
  text-align: left;
  max-width: 680px;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 1.75;
}

.error_ {
  color: #9B0000;
  margin-left: 0px;
}

div.error_, table.error_ {
  color: #9B0000;
  background-color: #ffffff;
  border: solid 1px #9B0000;
  padding: 15px 15px;
  margin: 15px auto;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 1.75;
}

div.saleschangestop_ {
  color: #9B0000;
  background-color: #ffffff;
  border: solid 1px #9B0000;
  padding: 15px 15px;
  margin: 15px auto;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 1.75;
  font-weight: bold;
}


ul.goods_p_ li .block_ .g_price_ .price_,
span.price_ {
  font-size: 13px;
  color: #222222;
  font-weight: 700;
  font-feature-settings: "palt";
}
ul.goods_p_ li .block_ .g_price_ .price_ .large_,
span.price_ .large_ {
  font-size: 18px;
}
ul.goods_p_ li .block_ .g_price_ .price_ .small_,
span.price_ .small_ {
  font-size: 13px;
}

ul.goods_p_ li .block_ .g_price_ .price_pop_ + .price_,
#spec_price .price_pop_ + span.price_,
.price_pop_ + span.price_ {
  color: #9B0000;
}

.g_price_ > .small_,
.g_price_ > br {
  display: none;
}

ul.goods_p_ .cart_ {
  display: none;
}

.autopagerize_page_element_ ul.goods_p_ .cart_ {
  display: block;
  margin-top: 8px;
}
.autopagerize_page_element_ img.btn_cart_ {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 180px;
}

/* ページジャンプ */
.navipage_range_ {
  display: none;
}

.navipage_.bottom_,
.navipage_.top_,
.navipage_ {
  text-align: center;
  padding: 0;
  margin: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
}

.navipage_sum_ {
  line-height: 1.5;
  font-size: 13px;
  text-align: right;
  display: block;
}
.navipage_sum_ strong {
  font-size: 18px;
  margin-right: 4px;
}

.navipage_ a {
  flex: 0 0 26px;
  height: 26px;
  width: 26px;
  line-height: 26px;
  font-size: 16px;
  margin: 0 2px;
  padding: 0;
  background-color: #FFF;
  border: none;
}

.navipage_ a:hover {
  text-decoration: none;
  background-color: #fff;
  border: none;
}

.navipage_ .navipage_next_ a,
.navipage_ .navipage_prev_ a {
  margin: 0px 2px;
  padding: 0 10px;
  background: none;
  position: relative;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
}
.navipage_ .navipage_next_ a::after,
.navipage_ .navipage_prev_ a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  margin-top: 1px;
}

.navipage_ .navipage_prev_ a::after {
  right: auto;
  left: 0;
  transform: translate3d(0, -50%, 0) rotate(225deg);
}

.navipage_ .navipage_last_ a,
.navipage_ .navipage_first_ a {
  margin: 0px 5px;
  padding: 0 15px;
  background: none;
  position: relative;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
}
.navipage_ .navipage_last_ a::before,
.navipage_ .navipage_first_ a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  margin-top: 1px;
}
.navipage_ .navipage_last_ a::after,
.navipage_ .navipage_first_ a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  margin-top: 1px;
}

.navipage_ .navipage_first_ a::before {
  right: auto;
  left: 0;
  transform: translate3d(0, -50%, 0) rotate(225deg);
}
.navipage_ .navipage_first_ a::after {
  right: auto;
  left: 5px;
  transform: translate3d(0, -50%, 0) rotate(225deg);
}

.navipage_now_ {
  flex: 0 0 26px;
  height: 26px;
  width: 26px;
  line-height: 26px;
  margin: 0 5px;
  padding: 0;
  font-size: 20px;
  color: #222222;
  font-weight: bold;
  text-decoration: none;
  border: none;
  background: #EFF7FA;
  border-radius: 50%;
}

.navipage_ .navipage_reverse_ {
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  white-space: nowrap;
}

.navipage_ .navipage_forward_ {
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  white-space: nowrap;
}

.questionnaire_ .navitopicpath_,
.navitopicpath_ {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #222222;
  line-height: 2;
  white-space: nowrap;
  background-position: relative;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  padding-bottom: 10px;
  margin-bottom: 14px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.questionnaire_ .navitopicpath_:-webkit-scrollbar,
.navitopicpath_:-webkit-scrollbar {
  display: none;
}
.questionnaire_ .navitopicpath_ > ul,
.navitopicpath_ > ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
}
.questionnaire_ .navitopicpath_ li,
.navitopicpath_ li {
  margin-right: 0px;
}
.questionnaire_ .navitopicpath_ li:first-child a,
.navitopicpath_ li:first-child a {
  padding-left: 0px;
}

.questionnaire_ .navitopicpath_ a,
.navitopicpath_ a {
  margin: 0;
  padding: 0px;
  margin-right: 10px;
  color: #222222;
  font-weight: 400;
  display: inline-block;
}

.questionnaire_ .navitopicpath_ a:first-child {
  margin-right: 10px;
}

.navitopicpath_ span.current_ {
  margin: 0;
  font-weight: 400;
}

.navitopicpath_ li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
}

.navitopicpath_sep_ {
  flex: 0 0 8px;
  position: relative;
  width: 10px;
  height: auto;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
.navitopicpath_sep_::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.navitopicpath_ li:last-of-type a {
  text-decoration: none;
}

.p-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  padding: 20px 0 1px;
}

.c-btn, input[name="back.x"], input[name="check_approval_ng.x"],
input[name="check_approval_all_ng.x"],
input[name="delete.x"],
input[name="approval_ng.x"], input.cancel-btn, .order_.spandual_ input.order-cancel, .order_.spandual_ input.order-inquiry, .order_.spandual_ input.precart-register, .order_.spandual_ input.repeat-order-btn, input.order_gift_,
.order_gift_, a.diversion_order_gift_, a.order_gift_, input.order_gift_back_,
a.order_gift_back_, .notice_ .centertext_ > a, dl.goodssearch_ + input.button_, input.button_, .c-btn--small, .bookmarkgroup_item_ input, .address_select_ input[type=submit], div.order_ a.order_cart_navi_, input[name="delete_cart.x"], input.move_button_,
.move_button_, input[name="save_pre.x"],
.move_button_orange_, .search_box_.leftfloat_ input.search-btn, div.address_item_ .address_change_ > a, .precart_ .precart_button_, .order_.precart_ .precart_button_:nth-of-type(2),
.order_.precart_ .precart_button_, div.order_ .order_cart_delete_, input.update-btn,
a.c-btn,
input[type=submit].c-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  box-sizing: border-box;
  box-shadow: none;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  transition: opacity 300ms ease-out 0ms;
  color: #fff;
  border: 1px solid #283D79;
  background-color: #283D79;
  margin-bottom: 20px;
}
.c-btn:focus, input[name="back.x"]:focus, input[name="check_approval_ng.x"]:focus,
input[name="check_approval_all_ng.x"]:focus,
input[name="delete.x"]:focus,
input[name="approval_ng.x"]:focus, input.cancel-btn:focus, .order_.spandual_ input.order-cancel:focus, .order_.spandual_ input.order-inquiry:focus, .order_.spandual_ input.precart-register:focus, .order_.spandual_ input.repeat-order-btn:focus,
.order_gift_:focus, a.diversion_order_gift_:focus, input.order_gift_back_:focus,
a.order_gift_back_:focus, .notice_ .centertext_ > a:focus, dl.goodssearch_ + input.button_:focus, input.button_:focus, .c-btn--small:focus, .bookmarkgroup_item_ input:focus, .address_select_ input[type=submit]:focus, div.order_ a.order_cart_navi_:focus, input[name="delete_cart.x"]:focus,
.move_button_:focus, input[name="save_pre.x"]:focus,
.move_button_orange_:focus, .search_box_.leftfloat_ input.search-btn:focus, div.address_item_ .address_change_ > a:focus, .precart_ .precart_button_:focus, .order_.precart_ .precart_button_:focus:nth-of-type(2), div.order_ .order_cart_delete_:focus, input.update-btn:focus,
a.c-btn:focus,
input[type=submit].c-btn:focus {
  opacity: 1;
}
.c-btn:hover, input[name="back.x"]:hover, input[name="check_approval_ng.x"]:hover,
input[name="check_approval_all_ng.x"]:hover,
input[name="delete.x"]:hover,
input[name="approval_ng.x"]:hover, input.cancel-btn:hover, .order_.spandual_ input.order-cancel:hover, .order_.spandual_ input.order-inquiry:hover, .order_.spandual_ input.precart-register:hover, .order_.spandual_ input.repeat-order-btn:hover,
.order_gift_:hover, a.diversion_order_gift_:hover, input.order_gift_back_:hover,
a.order_gift_back_:hover, .notice_ .centertext_ > a:hover, dl.goodssearch_ + input.button_:hover, input.button_:hover, .c-btn--small:hover, .bookmarkgroup_item_ input:hover, .address_select_ input[type=submit]:hover, div.order_ a.order_cart_navi_:hover, input[name="delete_cart.x"]:hover,
.move_button_:hover, input[name="save_pre.x"]:hover,
.move_button_orange_:hover, .search_box_.leftfloat_ input.search-btn:hover, div.address_item_ .address_change_ > a:hover, .precart_ .precart_button_:hover, .order_.precart_ .precart_button_:hover:nth-of-type(2), div.order_ .order_cart_delete_:hover, input.update-btn:hover,
a.c-btn:hover,
input[type=submit].c-btn:hover {
  opacity: 1;
}
.c-btn:disabled, input[name="back.x"]:disabled, input[name="check_approval_ng.x"]:disabled,
input[name="check_approval_all_ng.x"]:disabled,
input[name="delete.x"]:disabled,
input[name="approval_ng.x"]:disabled, input.cancel-btn:disabled, .order_.spandual_ input.order-cancel:disabled, .order_.spandual_ input.order-inquiry:disabled, .order_.spandual_ input.precart-register:disabled, .order_.spandual_ input.repeat-order-btn:disabled,
.order_gift_:disabled, a.diversion_order_gift_:disabled, input.order_gift_back_:disabled,
a.order_gift_back_:disabled, .notice_ .centertext_ > a:disabled, dl.goodssearch_ + input.button_:disabled, input.button_:disabled, .c-btn--small:disabled, .bookmarkgroup_item_ input:disabled, .address_select_ input[type=submit]:disabled, div.order_ a.order_cart_navi_:disabled, input[name="delete_cart.x"]:disabled,
.move_button_:disabled, input[name="save_pre.x"]:disabled,
.move_button_orange_:disabled, .search_box_.leftfloat_ input.search-btn:disabled, div.address_item_ .address_change_ > a:disabled, .precart_ .precart_button_:disabled, .order_.precart_ .precart_button_:disabled:nth-of-type(2), div.order_ .order_cart_delete_:disabled, input.update-btn:disabled,
a.c-btn:disabled,
input[type=submit].c-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.c-btn--small, .bookmarkgroup_item_ input, .address_select_ input[type=submit], div.order_ a.order_cart_navi_, input[name="delete_cart.x"], input.move_button_,
.move_button_, input[name="save_pre.x"],
.move_button_orange_, .search_box_.leftfloat_ input.search-btn, div.address_item_ .address_change_ > a, .precart_ .precart_button_, .order_.precart_ .precart_button_:nth-of-type(2),
.order_.precart_ .precart_button_, div.order_ .order_cart_delete_ {
  font-size: 14px;
  display: inline-flex;
  width: auto;
  max-width: none;
  height: 34px;
  padding: 0 15px;
  margin: 5px;
}

.c-btn--color-next, .order_.spandual_ input.precart-register, .order_.spandual_ input.repeat-order-btn, input.order_gift_,
.order_gift_, a.diversion_order_gift_, a.order_gift_, input[name="save_pre.x"],
.move_button_orange_, input.search-btn, input.blue_button_, input.large_button_, .search_box_.leftfloat_ input.search-btn, .precart_ .precart_button_, .order_.precart_ .precart_button_:nth-of-type(2),
.order_.precart_ .precart_button_ {
  color: #fff;
  background-color: #283D79;
  border: 1px solid #283D79;
}
.c-btn--color-next:hover, .order_.spandual_ input.precart-register:hover, .order_.spandual_ input.repeat-order-btn:hover,
.order_gift_:hover, a.diversion_order_gift_:hover, input[name="save_pre.x"]:hover,
.move_button_orange_:hover, input.search-btn:hover, input.blue_button_:hover, input.large_button_:hover, .search_box_.leftfloat_ input.search-btn:hover, .precart_ .precart_button_:hover, .order_.precart_ .precart_button_:hover:nth-of-type(2) {
  color: #fff;
  background-color: #283D79;
  border: 1px solid #283D79;
}

.c-btn--color-next-arrow {
  position: relative;
}
.c-btn--color-next-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.c-btn--color-next2 {
  color: #283D79;
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8;
}
.c-btn--color-next2:hover {
  color: #283D79;
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8;
}

.c-btn--color-back, .bookmarkgroup_item_ input.delete-btn, input[name="back.x"], input.cancel-btn, input.order_gift_back_,
a.order_gift_back_, input.go-back-btn,
input.large_button_.go-back-btn {
  color: #283D79;
  background-color: #fff;
  border: 1px solid #283D79;
}
.c-btn--color-back:hover, .bookmarkgroup_item_ input.delete-btn:hover, input[name="back.x"]:hover, input.cancel-btn:hover, input.order_gift_back_:hover,
a.order_gift_back_:hover, input.go-back-btn:hover {
  color: #283D79;
  background-color: #fff;
  border: 1px solid #283D79;
}

.c-btn--color-normal, .address_select_ input[type=submit], .order_.spandual_ input.order-inquiry, div.order_ a.order_cart_navi_, input.move_button_,
.move_button_, input.update-btn, div.address_item_ .address_change_ > a {
  color: #283D79;
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8;
}
.c-btn--color-normal:hover, .address_select_ input[type=submit]:hover, .order_.spandual_ input.order-inquiry:hover, div.order_ a.order_cart_navi_:hover,
.move_button_:hover, input.update-btn:hover, div.address_item_ .address_change_ > a:hover {
  color: #283D79;
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8;
}

.c-btn--color-delete, input[name="check_approval_ng.x"],
input[name="check_approval_all_ng.x"],
input[name="delete.x"],
input[name="approval_ng.x"], .order_.spandual_ input.order-cancel, input.disagree-btn, input[name="delete_cart.x"], .precart_ .precart_button_.cancel-btn, .precart_ .precart_button_.precart_button_delete_, .order_.precart_ .precart_button_:nth-of-type(2).cancel-btn,
.order_.precart_ .precart_button_.cancel-btn, .order_.precart_ .precart_button_:nth-of-type(2).precart_button_delete_,
.order_.precart_ .precart_button_.precart_button_delete_, div.order_ .order_cart_delete_ {
  color: #7c7c7c;
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8;
}
.c-btn--color-delete:hover, input[name="check_approval_ng.x"]:hover,
input[name="check_approval_all_ng.x"]:hover,
input[name="delete.x"]:hover,
input[name="approval_ng.x"]:hover, .order_.spandual_ input.order-cancel:hover, input.disagree-btn:hover, input[name="delete_cart.x"]:hover, .precart_ .precart_button_.cancel-btn:hover, .precart_ .precart_button_.precart_button_delete_:hover,
.order_.precart_ .precart_button_.cancel-btn:hover,
.order_.precart_ .precart_button_.precart_button_delete_:hover, div.order_ .order_cart_delete_:hover {
  color: #7c7c7c;
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8;
}

h2.p-guide-faq-heading,
.contact_ .common_headline1_,
div.order_header_ h1.common_headline1_,
h1.common_headline1_,
h1.topic_head_,
h1 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
  font-size: 24px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}

h2.topic_title_,
h2 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
  font-size: 17px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}

.article_ {
  line-height: 1.78;
  letter-spacing: 0em;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  font-feature-settings: "palt";
  padding-top: 0px;
}
.article_ p {
  font-size: 14px;
  line-height: 1.78;
  letter-spacing: 0em;
  color: #222222;
  font-weight: 400;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-feature-settings: "palt";
  padding: 1px 0;
}
.article_ a {
  text-decoration: underline;
  color: #283D79;
}
.article_ a:hover {
  text-decoration: underline;
}
.article_ h1, .article_ h2, .article_ h3, .article_ h4, .article_ h5, .article_ h6 {
  margin: 0;
  padding: 0;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.article_ h1 {
  position: relative;
}
.article_ h2 {
  font-size: 18px;
}
.article_ h3 {
  font-weight: 700;
  font-size: 1.06em;
}
.article_ h4 {
  font-weight: 700;
  font-size: 1em;
}
.article_ h5 {
  font-weight: 700;
  font-size: 0.83em;
}
.article_ h6 {
  font-weight: 700;
  font-size: 0.67em;
}
.article_ dt {
  line-height: 1.78;
}
.article_ dd {
  line-height: 1.78;
}
.article_ ul {
  line-height: 1.78;
  list-style: none;
}
.article_ li > ul {
  margin-top: 4px;
  padding-bottom: 4px;
}
.article_ li {
  line-height: 1.78;
}
.article_ li + li {
  margin-top: 6px;
}
.article_ ul li {
  list-style: none;
  padding-left: 1em;
  position: relative;
}
.article_ ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.5em;
  left: 0;
  vertical-align: baseline;
  width: 0.6em;
  height: 0.6em;
  background-color: #283D79;
  border-radius: 0;
  border-radius: 50%;
  transform: translate3d(0, 0, 0) rotate(0deg);
  margin-top: -1px;
}
.article_ li > ul > li::before {
  border-radius: 0;
}
.article_ li > ul > li > ul > li::before {
  background-color: transparent;
  border: 1px solid #DEDEDE;
}
.article_ ol > li > ol > li {
  list-style: lower-roman;
}
.article_ img {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  margin: 0;
}
.article_ figcaption {
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 8px;
  font-weight: 700;
}
.article_ video {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  margin: 0;
}
.article_ blockquote {
  display: block;
  color: #666;
  padding-left: 10px;
  border-left: 1px solid #c8c8c8;
}
.article_ table {
  width: 100%;
  border: 1px solid #dcdcdc;
}
.article_ table th {
  background-color: #f1f1f1;
  border: 1px solid #dcdcdc;
  padding: 10px 10px 8px 20px;
  min-width: auto;
  font-weight: 700;
  vertical-align: top;
}
.article_ table td {
  border: 1px solid #dcdcdc;
  padding: 20px 30px;
  padding: 10px 15px 6px 15px;
  min-width: auto;
  vertical-align: top;
}
.article_ table td p:first-child {
  margin-top: 0;
}
.article_ table td p:last-child {
  margin-bottom: 0;
}
.article_ table {
  display: block;
  border: none;
}
.article_ table .sm-only {
  display: none !important;
}
.article_ table tbody {
  display: block;
}
.article_ table thead {
  display: block;
}
.article_ table tr {
  display: block;
}
.article_ table th {
  text-align: left;
  margin-top: -1px;
  display: block;
  width: 100%;
}
.article_ table td {
  margin-top: -1px;
  display: block;
  width: 100%;
}
.article_ table.table_program td,
.article_ table.table_program th,
.article_ table.table_program tr,
.article_ table.table_parted td,
.article_ table.table_parted th,
.article_ table.table_parted tr {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}
.article_ table.table_program > tr > td:nth-child(1),
.article_ table.table_parted > tr > td:nth-child(1) {
  margin-top: 10px;
}
.article_ table.table_program table,
.article_ table.table_parted table {
  padding: 0;
  margin: 0;
  border: none !important;
}
.article_ table.table_program table td,
.article_ table.table_program table th,
.article_ table.table_parted table td,
.article_ table.table_parted table th {
  border: 1px solid #dcdcdc;
  padding: 10px 10px 6px 20px;
  margin-top: -1px;
}
.article_ hr {
  display: block;
  height: 1px;
  padding: 0;
  border: 0;
  margin: 0;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  padding: 0;
  background: #dcdcdc;
}
.article_ h2 + hr {
  display: none;
}
.article_ .cols {
  display: block;
}
.article_ .cols-inverse {
  display: block;
}
.article_ .row {
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
.article_ .cols-inverse .row {
  margin: 0;
}
.article_ .article-sec {
  margin-bottom: 30px;
}
.article_ .article__images {
  margin-bottom: 12px;
}
.article_ .article__images-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
}
.article_ .article__images-list .article__images-list-item {
  flex: 0 0 100%;
  max-width: 100%;
  margin-right: 0;
}
.article_ .article__images-list.article__images-list--two .article__images-list-item {
  flex: 0 0 49.2%;
  max-width: 49.2%;
  margin-right: 1.6%;
}
.article_ .article__images-list.article__images-list--two .article__images-list-item:nth-child(2n) {
  margin-right: 0;
}
.article_ .article__images-list.article__images-list--three .article__images-list-item {
  flex: 0 0 32.26%;
  max-width: 32.26%;
  margin-right: 1.6%;
}
.article_ .article__images-list.article__images-list--three .article__images-list-item:nth-child(3n) {
  margin-right: 0px;
}
.article_ .article__images-list.article__images-list--four .article__images-list-item {
  flex: 0 0 23.8%;
  max-width: 23.8%;
  margin-right: 1.6%;
}
.article_ .article__images-list.article__images-list--four .article__images-list-item:nth-child(4n) {
  margin-right: 0px;
}

.my-swiper-wrapper {
  margin-bottom: 40px;
}

.swiper-pagination {
  position: absolute;
  z-index: 2;
  left: 0px;
  right: 0px;
  bottom: -40px;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  width: 100%;
  bottom: 0px;
}

.swiper-pagination-bullet {
  display: inline-block;
  border-radius: 100%;
  opacity: 1;
  height: 8px;
  width: 8px;
  border-radius: 0;
  background: none;
  border: 1px solid #ADADAD;
  background: #ADADAD;
  margin: 0 6px;
  border-radius: 50%;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #283D79;
  border: 1px solid #283D79;
}

.swiper-buttons {
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  height: 0px;
}

.swiper-buttons {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 0px;
  width: 100%;
  margin: 0 auto;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  margin: 0;
  background: transparent;
  border-radius: 0;
  width: 40px;
  height: 80px;
  outline: none;
  transition: all 300ms ease-out 0ms;
  transform: translate3d(0, -50%, 0) rotate(0deg);
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: none;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 16px;
  height: 16px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translate3d(0, -50%, 0) rotate(-135deg);
}

.swiper-button-prev {
  left: 10px;
  right: auto;
}
.swiper-button-prev::after {
  right: 10px;
  transform: translate3d(0, -50%, 0) rotate(-135deg);
}

.swiper-button-next {
  left: auto;
  right: 10px;
}
.swiper-button-next::after {
  right: auto;
  left: 10px;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.lg-only {
  display: none !important;
}

.price_ {
  font-size: 14px;
}

#itemHistory ul.goods_p_ {
  overflow: visible;
  text-align: left;
  background-color: #ffffff;
  border-radius: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  gap: 15px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#itemHistory ul.goods_p_:-webkit-scrollbar {
  display: none;
}
#itemHistory ul.goods_p_ li {
  flex: 0 0 150px;
  max-width: 150px;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0px;
}
#itemHistory .supplier_event_goods_list_ ul.goods_p_ li {
  width: unset;
}
#itemHistory ul.goods_p_ li .block_ div.goods_img_ {
  width: 100%;
  margin-bottom: 8px;
}
#itemHistory ul.goods_p_ li .block_ img.goods_img_ {
  width: 100%;
  height: 150px;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
#itemHistory ul.goods_p_ li .block_ {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0px;
  font-size: 13px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}
#itemHistory ul.goods_p_ li .block_ div.goods_detail_ {
  padding: 0px;
}
#itemHistory ul.goods_p_ li .block_ div.goods_detail_ br,
#itemHistory ul.goods_p_ li .block_ div.goods_detail_ span {
  display: none;
}
#itemHistory ul.goods_p_ li .block_ div.goods_detail_ span.name_ {
  display: block;
}
#itemHistory .autopagerize_page_element_ ul.goods_p_ li .block_ {
  padding-left: 21.33vw;
  padding-left: 29.33vw;
}
#itemHistory .page-category ul.goods_p_ li .block_ {
  background-size: 110px;
}
#itemHistory ul.goods_p_ li .block_ a {
  color: #222222;
}
#itemHistory ul.goods_p_ li .block_ .name_ {
  font-size: 13px;
  color: #222222;
  margin: 0px;
  display: block;
  font-weight: 500;
  width: 100%;
  height: auto;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
#itemHistory ul.goods_p_ li .btn_cart_,
#itemHistory ul.goods_p_ li .block_ .g_price_,
#itemHistory ul.goods_p_ li .block_ .maker_price_ {
  display: none;
}

.item_history_link_ {
  padding: 0;
  padding-left: 20px;
  margin: 15px 0;
  display: inline-block;
  font-size: 14px;
  color: #283D79;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  position: relative;
}
.item_history_link_:hover {
  color: #283D79;
}
.item_history_link_::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #283D79;
  border-right: 1px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

.p-process-image {
  border-radius: 4px;
  border: 2px solid #283D79;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  box-sizing: border-box;
  max-width: 515px;
  margin-bottom: 20px;
  margin-top: 20px;
  /* order 10% */
  /* erequest 20% */
  /* screative 30% */
  /* ecreative 40% */
  /* approval 60% */
  /* verify 80% */
  /* updelivery 90% */
  /* edelivery  100% */
}
.p-process-image.order .p-process-image-bottom-bar::after {
  width: 10%;
}
.p-process-image.erequest .p-process-image-bottom-bar::after {
  width: 20%;
}
.p-process-image.screative .p-process-image-bottom-bar::after {
  width: 30%;
}
.p-process-image.ecreative .p-process-image-bottom-bar::after {
  width: 40%;
}
.p-process-image.approval .p-process-image-bottom-bar::after {
  width: 50%;
}
.p-process-image.verify .p-process-image-bottom-bar::after {
  width: 80%;
}
.p-process-image.updelivery .p-process-image-bottom-bar::after {
  width: 90%;
}
.p-process-image.edelivery .p-process-image-bottom-bar::after {
  width: 100%;
}

.p-process-image-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  padding: 10px 10px;
  font-weight: 700;
}

.p-process-image-top-text {
  flex: 1 1 auto;
}

.p-process-image-top-percent {
  flex: 0 1 auto;
  padding-left: 10px;
  margin-left: auto;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  align-content: baseline;
  flex-flow: row nowrap;
  white-space: nowrap;
}

.p-process-image-top-percent-num {
  font-size: 28px;
  color: #283D79;
  font-weight: 700;
}

.p-process-image-top-percent-unit {
  font-size: 15px;
}

.p-process-image-bottom {
  padding: 0px 10px 10px;
}

.p-process-image-bottom-bar {
  display: block;
  height: 10px;
  border-radius: 4px;
  position: relative;
}
.p-process-image-bottom-bar::before, .p-process-image-bottom-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 4px;
}
.p-process-image-bottom-bar::before {
  background-color: #F8F8F8;
  width: 100%;
}
.p-process-image-bottom-bar::after {
  background-color: #283D79;
  transition: all 300ms ease-out 0ms;
}

div.order_header_ div.order_flow_ {
  margin-bottom: 15px;
}

div.order_ div.order_flow_ ul li {
  height: auto;
}

div.order_ div.order_flow_.order_flow_4 ul li {
  width: auto;
}

div.order_ div.order_flow_ ul li span {
  margin: 0px;
}

div.order_ div.order_flow_ {
  margin-bottom: 15px;
}
div.order_ div.order_flow_ div.order_ div.order_flow_ ul.for_estimate_ li.now_ > ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: row nowrap;
}
div.order_ div.order_flow_ > ul > li {
  flex: 1 1 auto;
  width: auto;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  text-align: center;
  background-color: #F8F8F8;
  font-size: 10px;
  color: #222222;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.25 !important;
  padding: 5px 5px;
  white-space: nowrap;
  margin-right: 20px;
  position: relative;
}
div.order_ div.order_flow_ > ul > li:last-child {
  margin-right: 0px;
}
div.order_ div.order_flow_ > ul > li:last-child::after {
  content: none;
}
div.order_ div.order_flow_ > ul > li.now_ {
  border: none;
  background-color: #283D79 !important;
  color: #fff !important;
  padding: 5px 5px;
}
div.order_ div.order_flow_ > ul > li.now_ span.txt-name {
  display: block;
}
div.order_ div.order_flow_ > ul > li::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 50%;
  right: -12px;
  width: 7px;
  height: 7px;
  margin: 0px;
  border-top: 2px solid #283D79;
  border-right: 2px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
div.order_ div.order_flow_ ul li span {
  font-size: 10px;
}
div.order_ div.order_flow_ ul li span.txt-step {
  flex: 0 0 100%;
  max-width: 100%;
}
div.order_ div.order_flow_ ul li span.txt-step-num {
  font-size: 12px;
  margin-left: 2px;
}
div.order_ div.order_flow_ ul li span.txt-name {
  flex: 0 0 100%;
  max-width: 100%;
  display: none;
  font-size: 11px;
}
input[type=submit],
input[type=button],
input[type=search],
input[type=number],
button {
  appearance: none;
  -webkit-appearance: none;
}

button {
  cursor: pointer;
}

input[type=file] {
  margin-bottom: 10px;
  margin-right: 10px;
}

input[type=password],
input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=password],
input[type=url],
input[type=number],
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  padding: 7px 10px;
  background-color: #fff;
  border: 1px solid #A0A0A0;
  transition: all 300ms ease-out 0ms;
  font-size: 14px;
  border-radius: 0px;
  color: #222222;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
}
input[type=password].is_error,
input[type=text].is_error,
input[type=tel].is_error,
input[type=email].is_error,
input[type=search].is_error,
input[type=password].is_error,
input[type=url].is_error,
input[type=number].is_error,
select.is_error,
textarea.is_error {
  background-color: #FDE0E5;
}
input[type=password]::placeholder,
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
input[type=number]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #b4b4b4;
}
input[type=password]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b4b4b4;
}
input[type=password]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #b4b4b4;
}
input[type=password]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  outline: none;
}
input[type=password]:hover:not(:read-only),
input[type=text]:hover:not(:read-only),
input[type=tel]:hover:not(:read-only),
input[type=email]:hover:not(:read-only),
input[type=search]:hover:not(:read-only),
input[type=password]:hover:not(:read-only),
input[type=url]:hover:not(:read-only),
input[type=number]:hover:not(:read-only),
select:hover:not(:read-only),
textarea:hover:not(:read-only) {
  opacity: 0.7;
}
input[type=password]:focus:not(:read-only),
input[type=text]:focus:not(:read-only),
input[type=tel]:focus:not(:read-only),
input[type=email]:focus:not(:read-only),
input[type=search]:focus:not(:read-only),
input[type=password]:focus:not(:read-only),
input[type=url]:focus:not(:read-only),
input[type=number]:focus:not(:read-only),
select:focus:not(:read-only),
textarea:focus:not(:read-only) {
  background-color: #ffffff;
  border: 1px solid #283D79;
  box-shadow: 0px 0px 4px 2px rgba(40, 61, 121, 0.25);
}
input[type=password][name=approval_r_dt], input[type=password][name=approval_f_dt], input[type=password][name=order_s_dt], input[type=password][name=order_f_dt],
input[type=text][name=approval_r_dt],
input[type=text][name=approval_f_dt],
input[type=text][name=order_s_dt],
input[type=text][name=order_f_dt],
input[type=tel][name=approval_r_dt],
input[type=tel][name=approval_f_dt],
input[type=tel][name=order_s_dt],
input[type=tel][name=order_f_dt],
input[type=email][name=approval_r_dt],
input[type=email][name=approval_f_dt],
input[type=email][name=order_s_dt],
input[type=email][name=order_f_dt],
input[type=search][name=approval_r_dt],
input[type=search][name=approval_f_dt],
input[type=search][name=order_s_dt],
input[type=search][name=order_f_dt],
input[type=password][name=approval_r_dt],
input[type=password][name=approval_f_dt],
input[type=password][name=order_s_dt],
input[type=password][name=order_f_dt],
input[type=url][name=approval_r_dt],
input[type=url][name=approval_f_dt],
input[type=url][name=order_s_dt],
input[type=url][name=order_f_dt],
input[type=number][name=approval_r_dt],
input[type=number][name=approval_f_dt],
input[type=number][name=order_s_dt],
input[type=number][name=order_f_dt],
select[name=approval_r_dt],
select[name=approval_f_dt],
select[name=order_s_dt],
select[name=order_f_dt],
textarea[name=approval_r_dt],
textarea[name=approval_f_dt],
textarea[name=order_s_dt],
textarea[name=order_f_dt] {
  width: 42%;
  margin: 0;
  margin-right: 5px;
  margin-left: 5px;
}
input[type=password][name=approval_r_dt]:first-child, input[type=password][name=approval_f_dt]:first-child, input[type=password][name=order_s_dt]:first-child, input[type=password][name=order_f_dt]:first-child,
input[type=text][name=approval_r_dt]:first-child,
input[type=text][name=approval_f_dt]:first-child,
input[type=text][name=order_s_dt]:first-child,
input[type=text][name=order_f_dt]:first-child,
input[type=tel][name=approval_r_dt]:first-child,
input[type=tel][name=approval_f_dt]:first-child,
input[type=tel][name=order_s_dt]:first-child,
input[type=tel][name=order_f_dt]:first-child,
input[type=email][name=approval_r_dt]:first-child,
input[type=email][name=approval_f_dt]:first-child,
input[type=email][name=order_s_dt]:first-child,
input[type=email][name=order_f_dt]:first-child,
input[type=search][name=approval_r_dt]:first-child,
input[type=search][name=approval_f_dt]:first-child,
input[type=search][name=order_s_dt]:first-child,
input[type=search][name=order_f_dt]:first-child,
input[type=password][name=approval_r_dt]:first-child,
input[type=password][name=approval_f_dt]:first-child,
input[type=password][name=order_s_dt]:first-child,
input[type=password][name=order_f_dt]:first-child,
input[type=url][name=approval_r_dt]:first-child,
input[type=url][name=approval_f_dt]:first-child,
input[type=url][name=order_s_dt]:first-child,
input[type=url][name=order_f_dt]:first-child,
input[type=number][name=approval_r_dt]:first-child,
input[type=number][name=approval_f_dt]:first-child,
input[type=number][name=order_s_dt]:first-child,
input[type=number][name=order_f_dt]:first-child,
select[name=approval_r_dt]:first-child,
select[name=approval_f_dt]:first-child,
select[name=order_s_dt]:first-child,
select[name=order_f_dt]:first-child,
textarea[name=approval_r_dt]:first-child,
textarea[name=approval_f_dt]:first-child,
textarea[name=order_s_dt]:first-child,
textarea[name=order_f_dt]:first-child {
  margin-left: px;
}
input[type=password][name=max_price], input[type=password][name=min_price],
input[type=text][name=max_price],
input[type=text][name=min_price],
input[type=tel][name=max_price],
input[type=tel][name=min_price],
input[type=email][name=max_price],
input[type=email][name=min_price],
input[type=search][name=max_price],
input[type=search][name=min_price],
input[type=password][name=max_price],
input[type=password][name=min_price],
input[type=url][name=max_price],
input[type=url][name=min_price],
input[type=number][name=max_price],
input[type=number][name=min_price],
select[name=max_price],
select[name=min_price],
textarea[name=max_price],
textarea[name=min_price] {
  width: calc(50% - 40px) !important;
  min-width: calc(50% - 40px) !important;
  max-width: calc(50% - 40px) !important;
  margin-right: 5px;
}
input[type=password][name=last_sdt],
input[type=text][name=last_sdt],
input[type=tel][name=last_sdt],
input[type=email][name=last_sdt],
input[type=search][name=last_sdt],
input[type=password][name=last_sdt],
input[type=url][name=last_sdt],
input[type=number][name=last_sdt],
select[name=last_sdt],
textarea[name=last_sdt] {
  width: calc(50% - 40px) !important;
  min-width: calc(50% - 40px) !important;
  max-width: calc(50% - 40px) !important;
  margin-right: 5px;
}
input[type=password][name^=qty-],
input[type=text][name^=qty-],
input[type=tel][name^=qty-],
input[type=email][name^=qty-],
input[type=search][name^=qty-],
input[type=password][name^=qty-],
input[type=url][name^=qty-],
input[type=number][name^=qty-],
select[name^=qty-],
textarea[name^=qty-] {
  width: 60px !important;
  margin-right: 5px;
}
input[type=password][name=handout_way_input_str], input[type=password][name=notice_media_input_str],
input[type=text][name=handout_way_input_str],
input[type=text][name=notice_media_input_str],
input[type=tel][name=handout_way_input_str],
input[type=tel][name=notice_media_input_str],
input[type=email][name=handout_way_input_str],
input[type=email][name=notice_media_input_str],
input[type=search][name=handout_way_input_str],
input[type=search][name=notice_media_input_str],
input[type=password][name=handout_way_input_str],
input[type=password][name=notice_media_input_str],
input[type=url][name=handout_way_input_str],
input[type=url][name=notice_media_input_str],
input[type=number][name=handout_way_input_str],
input[type=number][name=notice_media_input_str],
select[name=handout_way_input_str],
select[name=notice_media_input_str],
textarea[name=handout_way_input_str],
textarea[name=notice_media_input_str] {
  margin-top: 5px;
}
input[type=password][type=text][name^=kana2_], input[type=password][type=text][name^=kana_], input[type=password][type=text][name^=name2_], input[type=password][type=text][name^=name_], input[type=password][type=text][name=kana2], input[type=password][type=text][name=kana], input[type=password][type=text][name=name2], input[type=password][type=text][name=name],
input[type=text][type=text][name^=kana2_],
input[type=text][type=text][name^=kana_],
input[type=text][type=text][name^=name2_],
input[type=text][type=text][name^=name_],
input[type=text][type=text][name=kana2],
input[type=text][type=text][name=kana],
input[type=text][type=text][name=name2],
input[type=text][type=text][name=name],
input[type=tel][type=text][name^=kana2_],
input[type=tel][type=text][name^=kana_],
input[type=tel][type=text][name^=name2_],
input[type=tel][type=text][name^=name_],
input[type=tel][type=text][name=kana2],
input[type=tel][type=text][name=kana],
input[type=tel][type=text][name=name2],
input[type=tel][type=text][name=name],
input[type=email][type=text][name^=kana2_],
input[type=email][type=text][name^=kana_],
input[type=email][type=text][name^=name2_],
input[type=email][type=text][name^=name_],
input[type=email][type=text][name=kana2],
input[type=email][type=text][name=kana],
input[type=email][type=text][name=name2],
input[type=email][type=text][name=name],
input[type=search][type=text][name^=kana2_],
input[type=search][type=text][name^=kana_],
input[type=search][type=text][name^=name2_],
input[type=search][type=text][name^=name_],
input[type=search][type=text][name=kana2],
input[type=search][type=text][name=kana],
input[type=search][type=text][name=name2],
input[type=search][type=text][name=name],
input[type=password][type=text][name^=kana2_],
input[type=password][type=text][name^=kana_],
input[type=password][type=text][name^=name2_],
input[type=password][type=text][name^=name_],
input[type=password][type=text][name=kana2],
input[type=password][type=text][name=kana],
input[type=password][type=text][name=name2],
input[type=password][type=text][name=name],
input[type=url][type=text][name^=kana2_],
input[type=url][type=text][name^=kana_],
input[type=url][type=text][name^=name2_],
input[type=url][type=text][name^=name_],
input[type=url][type=text][name=kana2],
input[type=url][type=text][name=kana],
input[type=url][type=text][name=name2],
input[type=url][type=text][name=name],
input[type=number][type=text][name^=kana2_],
input[type=number][type=text][name^=kana_],
input[type=number][type=text][name^=name2_],
input[type=number][type=text][name^=name_],
input[type=number][type=text][name=kana2],
input[type=number][type=text][name=kana],
input[type=number][type=text][name=name2],
input[type=number][type=text][name=name],
select[type=text][name^=kana2_],
select[type=text][name^=kana_],
select[type=text][name^=name2_],
select[type=text][name^=name_],
select[type=text][name=kana2],
select[type=text][name=kana],
select[type=text][name=name2],
select[type=text][name=name],
textarea[type=text][name^=kana2_],
textarea[type=text][name^=kana_],
textarea[type=text][name^=name2_],
textarea[type=text][name^=name_],
textarea[type=text][name=kana2],
textarea[type=text][name=kana],
textarea[type=text][name=name2],
textarea[type=text][name=name] {
  width: 100%;
  margin: 5px 0;
}
input[type=password][type=text][name^=req_delivery_day_],
input[type=text][type=text][name^=req_delivery_day_],
input[type=tel][type=text][name^=req_delivery_day_],
input[type=email][type=text][name^=req_delivery_day_],
input[type=search][type=text][name^=req_delivery_day_],
input[type=password][type=text][name^=req_delivery_day_],
input[type=url][type=text][name^=req_delivery_day_],
input[type=number][type=text][name^=req_delivery_day_],
select[type=text][name^=req_delivery_day_],
textarea[type=text][name^=req_delivery_day_] {
  width: 160px;
}

select {
  width: 100%;
  min-width: 0;
  padding: 0px 10px;
  padding-right: 40px;
  height: 40px;
  font-weight: 400;
  appearance: none;
  -webkit-appearance: none;
  background: #fff url("../img/usr/common/select_bg.jpg") no-repeat right center/auto 100%;
  border: 1px solid #A0A0A0;
  cursor: pointer;
}
select:focus {
  background-color: #ffffff;
  border: 1px solid #283D79;
  box-shadow: 0px 0px 4px 2px rgba(40, 61, 121, 0.25);
}
select[name^=dd_], select[name^=mm_], select[name^=yy_] {
  margin-right: 5px;
  margin-left: 5px;
  width: calc(30% - 30px) !important;
}
select[name^=yy_] {
  margin-left: 0px;
  width: calc(36% - 30px) !important;
}

select::-ms-expand {
  display: none;
}

input[type=radio] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 5px;
  margin-left: 0px;
  border: 1px solid #A0A0A0;
  cursor: pointer;
}

input[type=radio] + label {
  cursor: pointer;
  margin: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 15px;
  display: inline-block;
  width: calc(100% - 50px);
}

input[type=checkbox] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 5px;
  margin-left: 0px;
  border: 1px solid #A0A0A0;
  cursor: pointer;
}

input[type=checkbox] + label {
  cursor: pointer;
  margin: 5px;
  margin-left: 0px;
  margin-right: 15px;
  display: inline-block;
  width: calc(100% - 50px);
}

input.large_button_ {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

dl.goodssearch_ + input.button_ {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  width: 100%;
}

.submit_ {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  padding: 20px 0;
  margin: 0px;
  width: 100%;
}
.submit_ > a {
  display: inline-block;
  text-align: center;
  min-width: 51%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.submit_ > a > img {
  height: 40px;
  width: auto;
  margin: 0 auto;
}
.submit_ > input[type=image] {
  height: 40px;
  width: auto;
  transition: all 300ms ease-out 0ms;
  margin: 10px 10px;
}

img[src$="/img/sys/check.gif"],
img.must_ {
  height: 20px;
  width: auto;
  padding: 0;
  margin: 0px 5px;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.must_ img {
  float: right;
  display: inline;
  margin-top: 2px;
}

.formdetail_ {
  line-height: 1.75;
}

img.ui-datepicker-trigger {
  vertical-align: middle;
  cursor: pointer;
}

div.ui-widget-header {
  border: 1px solid #283D79;
  background-color: #283D79;
}

html .ui-widget.ui-widget-content {
  border: 1px solid #dedede;
}

html .ui-datepicker-calendar .ui-state-default,
html .ui-datepicker-calendar .ui-widget-content .ui-state-default,
html .ui-datepicker-calendar .ui-widget-header .ui-state-default,
html .ui-datepicker-calendar .ui-button,
html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover,
html .ui-datepicker-calendar .ui-button.ui-state-disabled:active {
  background-color: #F8F8F8;
  border: 1px solid #dedede;
}

.formlist_ p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.notice_ .centertext_ > a {
  margin: 0px auto;
  margin-top: 20px;
}

.p-top-heading {
  text-align: center;
  padding-top: 0px;
}

.p-top-heading-logo {
  width: 192px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.p-top-heading-tit {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 30px;
}

.p-top-heading-txt {
  font-size: 13px;
  margin-bottom: 40px;
}

.p-login-agree {
  text-align: center;
  margin-bottom: 50px;
}
.p-login-agree a {
  display: inline-block;
  padding-right: 15px;
  font-size: 18px;
  color: #283D79;
  font-weight: 700;
  position: relative;
}
.p-login-agree a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #283D79;
  border-right: 1px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  margin-top: 1px;
}

.p-login-form {
  background-color: #F0F3F7;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 40px;
  padding: 25px 0px 30px;
  max-width: 680px;
}
.p-login-form input[type=submit].c-btn, .p-login-form input[type=submit][name="back.x"], .p-login-form input[type=submit][name="check_approval_ng.x"],
.p-login-form input[type=submit][name="check_approval_all_ng.x"],
.p-login-form input[type=submit][name="delete.x"],
.p-login-form input[type=submit][name="approval_ng.x"], .p-login-form input[type=submit].cancel-btn, .p-login-form .order_.spandual_ input[type=submit].order-cancel, .order_.spandual_ .p-login-form input[type=submit].order-cancel, .p-login-form .order_.spandual_ input[type=submit].order-inquiry, .order_.spandual_ .p-login-form input[type=submit].order-inquiry, .p-login-form .order_.spandual_ input[type=submit].precart-register, .order_.spandual_ .p-login-form input[type=submit].precart-register, .p-login-form .order_.spandual_ input[type=submit].repeat-order-btn, .order_.spandual_ .p-login-form input[type=submit].repeat-order-btn, .p-login-form input[type=submit].order_gift_, .p-login-form input[type=submit].order_gift_back_, .p-login-form input[type=submit].update-btn, .p-login-form input[type=submit].c-btn--small, .p-login-form .bookmarkgroup_item_ input[type=submit], .bookmarkgroup_item_ .p-login-form input[type=submit], .p-login-form .address_select_ input[type=submit], .address_select_ .p-login-form input[type=submit], .p-login-form input[type=submit][name="delete_cart.x"], .p-login-form input[type=submit].move_button_, .p-login-form input[type=submit][name="save_pre.x"],
.p-login-form input[type=submit].move_button_orange_, .p-login-form .search_box_.leftfloat_ input[type=submit].search-btn, .search_box_.leftfloat_ .p-login-form input[type=submit].search-btn, .p-login-form .precart_ input[type=submit].precart_button_, .precart_ .p-login-form input[type=submit].precart_button_, .p-login-form div.order_ input[type=submit].order_cart_delete_, div.order_ .p-login-form input[type=submit].order_cart_delete_, .p-login-form input[type=submit].button_ {
  max-width: 220px;
  font-size: 16px;
  height: 50px;
}

.p-login-form-inner {
  width: 300px;
  margin: 0 auto;
}

.p-login-form-heading {
  text-align: center;
  font-size: 18px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 20px;
}

.p-login-form-form-row {
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 14px;
}
.p-login-form-form-row > dt {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
}
.p-login-form-form-row input[type=text],
.p-login-form-form-row input[type=email],
.p-login-form-form-row input[type=password] {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  border: 1px solid #283D79;
  border-radius: 2px;
  height: 35px;
  padding: 0 10px;
  outline: none;
}
.p-login-form-form-row input[type=text]::placeholder,
.p-login-form-form-row input[type=email]::placeholder,
.p-login-form-form-row input[type=password]::placeholder {
  color: #AFAFAF;
}
.p-login-form-form-row input[type=text]:focus,
.p-login-form-form-row input[type=email]:focus,
.p-login-form-form-row input[type=password]:focus {
  box-shadow: 0px 0px 4px 2px rgba(0, 94, 173, 0.25);
}

div.login_ {
  padding-bottom: 30px;
}

.p-login-form-fogotpass {
  position: relative;
  z-index: 2;
  text-align: right;
  margin-top: -10px;
  margin-bottom: 15px;
}
.p-login-form-fogotpass a {
  font-size: 12px;
  color: #283D79;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  position: relative;
  padding-right: 10px;
}
.p-login-form-fogotpass a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #283D79;
  border-right: 1px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  margin-top: 1px;
}

h2.genre_list_title_,
h2.category_list_title_,
div.event_ h1.event_title_rightmenu_,
div.event_ h1.event_title_,
.p-top-tit {
  text-align: center !important;
  font-size: 17px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 0;
  margin: 0px;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
  z-index: 1;
  background: none;
  border: none;
}
h2.genre_list_title_ a,
h2.category_list_title_ a,
div.event_ h1.event_title_rightmenu_ a,
div.event_ h1.event_title_ a,
.p-top-tit a {
  font-size: 17px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
}

.page-top div.event_ {
  position: relative;
  overflow: visible;
  z-index: 1;
  padding: 40px 20px 50px;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 50px;
  width: 100vw;
  max-width: none;
}
.page-top div.event_::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background: url("../img/usr/common/top_pickup_bg_sp.png") no-repeat center center/cover;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
.page-top div.event_ .swiper-container {
  overflow: visible;
}
.page-top div.event_ .my-swiper-wrapper {
  position: relative;
}
.page-top div.event_::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #F0F3F7;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
.page-top div.event_ ul.goods_p_ {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: row nowrap;
  padding: 0px;
  overflow: visible;
}
.page-top div.event_ ul.goods_p_.swiper-wrapper {
  justify-content: flex-start;
}
.page-top div.event_ ul.goods_p_ li {
  flex: 0 0 240px;
  max-width: 240px;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 4px solid #82C8E6;
}
.page-top div.event_ ul.goods_p_ li:nth-of-type(1) {
  border: 6px solid #82C8E6;
}
.page-top div.event_ ul.goods_p_ li:nth-of-type(2) {
  border: 6px solid #A4DCD4;
}
.page-top div.event_ ul.goods_p_ li:nth-of-type(3) {
  border: 6px solid #71A9C1;
}
.page-top div.event_ ul.goods_p_ li .block_ {
  display: block;
  padding: 0px;
}
.page-top div.event_ ul.goods_p_ li .block_ div.goods_img_ {
  max-width: 100%;
  width: 100%;
}
.page-top div.event_ ul.goods_p_ li .block_ img.goods_img_ {
  max-width: 100%;
  width: 100%;
}
.page-top div.event_ ul.goods_p_ li .block_ div.goods_detail_ {
  display: none;
}
.page-top div.event_ .swiper-buttons {
  display: none;
}
.page-top .p-item-cart-wrapper {
  display: none !important;
}

#contentArea > div > div > h1.event_title_ {
  text-align: center;
}

.p-top-category-links {
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
.p-top-category-links::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #F0F3F7;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}

h2.ttl_history_,
h2.p-top-category-links-tit,
.p-top-category-links-tit {
  font-size: 17px;
  color: #283D79;
  padding: 0;
  background: none;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  margin-bottom: 15px;
  border: none;
  text-align: center;
  text-align: center;
}

.p-top-category-links-box {
  background-color: #ffffff;
  margin-bottom: 16px;
}

h3.p-top-category-links-box-tit,
.p-top-category-links-box-tit {
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  background-color: #283D79;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 6px 0;
  text-align: center;
}

.p-top-category-links-box-list {
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  padding: 15px 10vw 5px;
}

.p-top-category-links-box-list-item {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  padding-right: 30px;
}
.p-top-category-links-box-list-item:nth-child(2n) {
  padding-right: 0px;
}
.p-top-category-links-box--price .p-top-category-links-box-list-item {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  padding-right: 0px;
}
.p-top-category-links-box--price .p-top-category-links-box-list-item:nth-child(2n) {
  padding-right: 0px;
}
.p-top-category-links-box-list-item > a {
  display: block;
  font-size: 15px;
  color: #283D79;
  font-weight: 500;
  position: relative;
  padding: 5px 0px;
  margin-bottom: 10px;
  padding-right: 15px;
  box-sizing: border-box;
}
.p-top-category-links-box-list-item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #283D79;
  border-right: 1px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

div.topiclist_ {
  padding-top: 30px;
  margin-bottom: 60px;
}
div.topiclist_ .topiclist_head_ {
  font-size: 17px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
  background: none;
}
div.topiclist_ .topiclist_head_ h2 {
  font-size: 17px;
  color: #283D79;
  margin: 0px;
  padding: 0px;
  float: none;
  text-align: center;
  display: block;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  background: none;
}
div.topiclist_ .topiclist_head_ h2::before {
  content: none;
}
div.topiclist_ .topiclist_body_ {
  position: relative;
  z-index: 1;
  padding: 30px 0px 24px;
}
div.topiclist_ .topiclist_body_::before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #F8F8F8;
  transform: translate3d(-50vw, 0, 0) rotate(0deg);
}
div.topiclist_ ul.topicline_ li {
  padding: 12px 0 12px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  border-bottom: 1px solid #fff;
  font-size: 12px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
}
div.topiclist_ ul.topicline_ li:nth-of-type(1) {
  padding-top: 0px;
}
div.topiclist_ ul.topicline_ li a {
  color: #222222;
  margin: 0px;
}
div.topiclist_ ul.topicline_ li dl dt {
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  font-size: 13px;
}
div.topiclist_ ul.topicline_ li dl dd {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: 400;
}
div.topiclist_ ul.topicline_ li img {
  display: block;
  width: auto;
  height: 19px;
  margin: 0;
  margin-left: 12px;
  vertical-align: middle;
}
.topiclist_body_ .topicline_detaillist_ {
  text-align: center;
  padding: 0px;
  margin-top: 24px;
}
.topiclist_body_ .topicline_detaillist_ a {
  display: inline-block;
  position: relative;
  font-size: 13px;
  color: #283D79;
  font-weight: 700;
  padding: 0px 0 18px;
}
.topiclist_body_ .topicline_detaillist_ a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  margin-top: 1px;
  transform: translate3d(0, -50%, 0) rotate(135deg);
}
.is-active .topiclist_body_ .topicline_detaillist_ a {
  padding: 18px 0 0px;
}
.is-active .topiclist_body_ .topicline_detaillist_ a::after {
  transform: translate3d(0, -50%, 0) rotate(315deg);
  bottom: auto;
  top: 10px;
}

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

h1.goods_name_ {
  text-align: left;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
  font-size: 20px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}

.top_comment_ {
  text-align: left;
  margin-bottom: 20px;
  display: none;
}
.top_comment_ img {
  margin-top: 10px;
  margin-right: 5px;
}

div.goods_ {
  clear: both;
}

div.goodsproductdetail_ {
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 0px;
}
div.goodsproductdetail_ > .icon_ {
  margin-bottom: 10px;
}
div.goodsproductdetail_ > .icon_:empty {
  display: none;
  min-height: 0;
}

table.goodsproductdetail_ {
  width: 100%;
}

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

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

div.goodsimg_ .img_L_ {
  text-align: center;
  max-width: 240px;
  margin: 0 auto;
}

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

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

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

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

/* 商品スペック */
div.goodsspec_ {
  margin-bottom: 0px;
}
div.goodsspec_ .p-item-cart-qty {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  white-space: nowrap;
  margin-bottom: 20px;
}
div.goodsspec_ .p-item-cart-qty span {
  flex: 0 0 auto;
  font-size: 16px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  text-align: right;
  margin-right: 16px;
}
div.goodsspec_ .p-item-cart-qty input {
  flex: 0 0 80px;
  max-width: 80px;
  height: 40px;
  margin: 0px;
  padding: 0px 10px;
  border-radius: 4px;
  border: 1px solid #A0A0A0;
}

dl.goodsspec_ {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  margin-bottom: 20px;
}

dl.goodsspec_ dt,
dl.goodsspec_ dd {
  display: block;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 0;
  width: auto;
  border: none;
}
dl.goodsspec_ dt:last-child,
dl.goodsspec_ dd:last-child {
  border: none;
}

dl.goodsspec_ dt {
  flex: 0 0 30%;
  max-width: 30%;
  background: none;
  border: none;
  padding: 0px;
}
dl.goodsspec_ dt::after {
  content: "：";
}

dl.goodsspec_ dd {
  flex: 0 0 70%;
  max-width: 70%;
  background: none;
  padding: 0px;
}
dl.goodsspec_ dd.spec_attr1, dl.goodsspec_ dd.spec_goodscomment2_ {
  flex: 0 0 100%;
  max-width: 100%;
}
dl.goodsspec_ dd.spec_attr1 .goodscomment2_, dl.goodsspec_ dd.spec_goodscomment2_ .goodscomment2_ {
  margin: 0px;
}

.togetherlist_ div.title_block_ {
  font-size: 16px;
  color: #fff !important;
  margin: 0;
  margin-bottom: 15px;
  padding: 10px 15px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 15px;
  background: #283D79 !important;
}
.togetherlist_ div.title_block_::before {
  content: none;
}

div.goodsspec_ div.togetherlist_ {
  margin-top: 30px;
  margin-bottom: 30px;
}

div.goodsspec_ div.togetherlist_ ul.goods_p_ {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  margin-bottom: 0px;
}

div.goodsspec_ div.togetherlist_ ul.goods_p_ li {
  border-bottom: none;
  font-size: 12px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
}

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

div.goodsspec_ div.togetherlist_ .title_decoration_.title_block_ {
  background: #283D79 !important;
  color: #fff !important;
  margin: 0;
  margin-bottom: 10px;
  font-size: 15px;
}
div.goodsspec_ div.togetherlist_ .title_decoration_.title_block_::before {
  content: none;
}

div.goodsspec_ div.togetherlist_ .title_decoration_.title_block_ + div {
  background: none !important;
}

div.goodsspec_ ul.goods_p_ li .block_ .comment_ {
  display: block;
  font-size: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

div.goodsspec_ div.togetherlist_ ul.goods_p_ div.block_ .name_ {
  padding: 0;
  margin: 0px;
  width: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.togetherlist_ {
  display: none !important;
}

div.goodsspec_ div.to_detaillink_ {
  text-align: center;
}
div.goodsspec_ div.to_detaillink_ a {
  font-size: 15px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  text-decoration: underline;
}

div.cartbox_ {
  margin-top: 20px;
  text-align: center;
  max-width: 335px;
  margin: 0 auto;
  margin-bottom: 12px;
  position: relative;
}
div.cartbox_ a {
  position: relative;
}

.btn_cart_ {
  width: auto;
  margin: 0 auto;
}

.goodsspec_ .btn_cart_ {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.goodsspec_ .btn_cart_ a {
  display: block;
}

.title_decoration_.title_block_,
div.title_block_ {
  font-size: 16px;
  color: #283D79 !important;
  margin: 0;
  padding: 0;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 15px;
  background: none !important;
}
.title_decoration_.title_block_::before,
div.title_block_::before {
  content: none;
}

h2.p-goods-comment-tit {
  font-size: 16px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 15px;
}

div.goodscomment1_,
div.goodscomment2_,
div.goodscomment3_,
div.goodscomment4_,
div.goodscomment5_ {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 30px;
  padding: 0;
}
div.goodscomment1_ h2,
div.goodscomment2_ h2,
div.goodscomment3_ h2,
div.goodscomment4_ h2,
div.goodscomment5_ h2 {
  font-size: 16px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 15px;
}
div.goodscomment1_ p,
div.goodscomment2_ p,
div.goodscomment3_ p,
div.goodscomment4_ p,
div.goodscomment5_ p {
  margin-bottom: 0.5em;
}
div.goodscomment1_ li,
div.goodscomment2_ li,
div.goodscomment3_ li,
div.goodscomment4_ li,
div.goodscomment5_ li {
  position: relative;
  font-size: 12px;
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 0.5em;
}
div.goodscomment1_ li::before,
div.goodscomment2_ li::before,
div.goodscomment3_ li::before,
div.goodscomment4_ li::before,
div.goodscomment5_ li::before {
  content: "・";
}

#spec_price .price_ {
  font-size: 15px;
  color: #222222;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
}
#spec_price .large_ {
  font-size: 22px;
}
#spec_price .small_,
#spec_price .small_ .large_ {
  font-size: 15px;
}

/* カートボタン関係 */
div.cartvariation_ {
  border-radius: 0px;
  background: none;
  border: none;
  margin-bottom: 20px;
}

div.cartvariation_ ul.cartvariation_ {
  border-radius: 0px;
  background: #ffffff;
  padding: 0;
  margin: 0;
}

div.cartvariation_ ul.cartvariation_ li {
  width: 100%;
  border-bottom: 1px solid #dedede;
  position: relative;
}

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

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

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

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

div.cartvariation_ div.variation_ {
  font-size: 13px;
  font-weight: normal;
}

.accessory_list_ {
  margin-top: 30px;
}
.accessory_list_ > div {
  background: none !important;
}

.accessory_list_ .title_decoration_.title_block_::before {
  content: none;
}

.accessory_list_ ul.goods_p_ div.block_ {
  padding: 0 !important;
  width: 100%;
}

.p-detail-pdf-link a {
  font-size: 14px;
  color: #283D79;
  font-weight: 700;
  text-decoration: underline;
  letter-spacing: 0em;
  line-height: 1.5;
  font-feature-settings: "palt";
}

.p-detail-pdf-link + .p-detail-pdf-link {
  margin-top: 15px;
}

div.goods-affix-list {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0px;
  margin: 0px 0px 28px;
  border: none;
  text-align: center;
}

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

div.goods-affix-list--item--name {
  display: inline-block;
  padding: 0px;
  padding-left: 26px;
  margin: 0px;
  border: none;
  background: none;
  position: relative;
}
div.goods-affix-list--item--name::before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../img/usr/common/icon_item_pdf.png") no-repeat center center/contain;
  transform: translate3d(0, -50%, 0) rotate(0deg);
}
div.goods-affix-list--item--name a {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
}

.p-header-drawer-link-btns.p-header-drawer-link-btns--bottom {
  margin-top: 70px;
  margin-bottom: 60px;
}

.navisort_ {
  margin-bottom: 30px;
  padding: 10px 0;
  font-size: 13px;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  padding-left: 20px;
  overflow: visible;
  display: none;
}
.navisort_ dt {
  float: none;
  text-align: left;
  font-weight: bold;
  width: auto;
  position: relative;
  padding-left: 25px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #e0e0e0;
}
.navisort_ dt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../img/usr/common/icon_sort.png") no-repeat center center/contain;
  transform: translate3d(0, -50%, 0) rotate(0deg);
}
.navisort_ dd {
  margin: 0;
}
.navisort_ .navisort_now_,
.navisort_ a {
  margin: 0px 10px;
  white-space: nowrap;
  color: #222222;
}
.navisort_ .navisort_now_ {
  color: #283D79;
  font-weight: 700;
}

.p-navi-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
  border: none;
  margin-bottom: 20px;
}
.p-navi-wrapper .navisort_.is-active dt::after {
  transform: translate3d(0, -50%, 0) rotate(135deg);
  margin-top: 0px;
}
.p-navi-wrapper .navisort_.is-active dd {
  display: block;
  animation: anim-navisort 300ms ease-out 0ms 1 normal forwards;
}
@keyframes anim-navisort {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-navi-wrapper .navisort_ {
  flex: 0 0 120px;
  max-width: 120px;
  width: 120px;
  border: none;
  margin-bottom: 0px;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 100;
  display: block;
  overflow: visible;
  cursor: pointer;
}
.p-navi-wrapper .navisort_ dt {
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  background: #ffffff;
  border: 1px solid #283D79;
  border-radius: 4px;
  text-align: center;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  position: relative;
}
.p-navi-wrapper .navisort_ dt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 15px;
  height: 15px;
  background: url("../img/usr/common/icon_navi_sort.png") no-repeat center center/contain;
}
.p-navi-wrapper .navisort_ dt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  transform: translate3d(0, -50%, 0) rotate(-45deg);
  margin-top: 3px;
  transition: all 300ms ease-out 0ms;
}
.p-navi-wrapper .navisort_ dd {
  font-size: 13px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.25;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0px;
  right: 0px;
  background: #ffffff;
  border: 1px solid #283D79;
  border-radius: 4px;
  padding: 0px;
  margin: 0px;
  margin-top: -1px;
  overflow: hidden;
  opacity: 0;
  display: none;
}
.p-navi-wrapper .navisort_ dd .navisort_now_,
.p-navi-wrapper .navisort_ dd a {
  margin: 0px;
  white-space: nowrap;
  color: #222222;
  display: block;
  margin: 0px;
  padding: 6px 12px;
}
.p-navi-wrapper .navisort_ dd .navisort_now_ {
  color: #283D79;
  font-weight: 700;
  cursor: default;
}
.p-navi-wrapper .navisort_ dd a:hover {
  opacity: 1;
  background: #EFF7FA;
}
.p-navi-wrapper .navipage_sum_ {
  white-space: nowrap;
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
}
.p-navi-wrapper .navipage_sum_ strong {
  font-size: 18px;
  font-weight: 500;
  margin-right: 3px;
}
.p-navi-wrapper .navistyle_ {
  flex: 0 0 100%;
  border: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  float: none;
}
.p-navi-wrapper .navistyle_ dt {
  flex: 0 0 auto;
  float: none;
  text-align: left;
  width: auto;
  font-size: 14px;
  font-weight: 400;
}
.p-navi-wrapper .navistyle_ dd {
  float: none;
  font-size: 14px;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}
.p-navi-wrapper .navistyle_ a {
  margin: 0px;
  margin-left: 24px;
  padding: 0px;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
}
.p-navi-wrapper .navistyle_ .navistyle_now_ {
  margin: 0px;
  margin-left: 24px;
  padding: 0px;
  font-size: 14px;
  color: #283D79;
  font-weight: 700;
}

h1.genre_name_,
h1.category_name_ {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #222222;
}

.comment_middle_ {
  margin-bottom: 20px;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
}

div.GenreStyle_,
div.CategoryStyleG_ {
  margin: 0px;
  margin-bottom: 30px;
  font-size: 10px;
  font-weight: 500;
  border: none;
  text-align: center;
}

div.GenreStyle_ div.genre_list_block0_,
div.CategoryStyleG_ div.category_list_block0_ {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 0;
}

div.category_list_block1_ {
  display: none !important;
}

div.GenreStyle_ div.genre_list_block0_ > div.name_,
div.CategoryStyleG_ div.category_list_block0_ > div.name_ {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  padding: 5px 5px;
  border-right: none;
  border-left: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  flex-flow: column wrap;
  width: 100%;
  height: auto;
  padding: 0 0px;
  border-radius: 0px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  transition: opacity 300ms ease-out 0ms;
  color: #222222;
  border: none;
  background: none;
  margin-bottom: 12px;
}
div.GenreStyle_ div.genre_list_block0_ > div.name_ img,
div.CategoryStyleG_ div.category_list_block0_ > div.name_ img {
  order: -1;
}
div.GenreStyle_ div.genre_list_block0_ > div.name_::after,
div.CategoryStyleG_ div.category_list_block0_ > div.name_::after {
  content: none;
}

div.GenreStyle_ .img_,
div.CategoryStyleG_ .img_ {
  display: none !important;
}

div.GenreStyle_ img,
div.CategoryStyleG_ img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  font-family: "object-fit: contain;";
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}

div.GenreStyle_ .img_hidden_,
div.CategoryStyleG_ .img_hidden_ {
  display: none !important;
}

.p-category-freespace {
  margin-bottom: 20px;
}

.p-category-banner {
  margin-bottom: 20px;
}
.p-category-banner img {
  width: 100%;
}

.p-navisort_dd_wrap {
  position: absolute;
  z-index: 200;
  top: 100%;
  left: 0;
  min-width: 100%;
  background-color: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  padding: 5px 5px;
  display: none;
}
.navisort_.is-active .p-navisort_dd_wrap {
  display: block;
  animation: anim-p-navisort_dd_wrap 200ms ease-out 0ms 1 normal forwards;
}
@keyframes anim-p-navisort_dd_wrap {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-navisort_dd_wrap .navisort_now_,
.p-navisort_dd_wrap a {
  display: block;
  position: relative;
  z-index: 2;
  padding: 3px 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.p-navisort_dd_wrap .navisort_now_ {
  font-weight: 700;
}

.p-navisort_dd_current {
  font-size: 14px;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  padding: 5px 7px;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.p-navisort_dd_current::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translate3d(0, -50%, 0) rotate(135deg);
  margin-top: -1px;
}

.navistyle_ {
  display: none;
}

/* --------------------------------------------------------------------
	商品一覧
-------------------------------------------------------------------- */
div.goods_ {
  background: none;
}

ul.goods_p_ {
  overflow: hidden;
  text-align: left;
  background: none;
  border-radius: 0;
}

.supplier_event_goods_list_ ul.goods_p_ {
  margin: 0px;
  display: block;
}

ul.goods_p_ li {
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
  padding: 28px 0 28px;
}
ul.goods_p_ li:nth-of-type(1) {
  padding-top: 0px;
}
ul.goods_p_ li:nth-last-child(1) {
  border-bottom: 1px solid #e0e0e0;
}

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

#block_of_history {
  margin-top: 60px;
}
#block_of_history ul.goods_p_ li .block_ .goods_img_ {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}
#block_of_history ul.goods_p_ li .block_ div.goods_detail_ {
  margin: 0px;
}
#block_of_history ul.goods_p_ li .block_ .goodscomment2_ {
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
#block_of_history .icon_ {
  min-height: 29px;
}

ul.goods_p_ li .block_ {
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
}

ul.goods_p_ li .block_ .goods_img_ {
  flex: 0 0 120px;
  max-width: 120px;
  width: 100%;
}
ul.goods_p_ li .block_ .goods_img_ img {
  width: 100%;
}

.autopagerize_page_element_ {
  margin-top: 40px;
}

.autopagerize_page_element_ ul.goods_p_ li .block_ {
  padding: 0px;
}

ul.goods_p_ li .block_ div.goods_detail_ {
  flex: 1 1 auto;
  font-size: 13px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.75;
  padding: 0px;
  margin-left: 22px;
}

ul.goods_p_ li .block_ a {
  color: #222222;
}

ul.goods_p_ li .block_ .name_ {
  font-size: 16px;
  color: #222222;
  margin-top: 6px;
  margin-bottom: 4px;
  display: block;
  font-weight: normal;
  width: 100%;
  white-space: normal;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
}

.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_ .goodscomment2_ {
  font-size: 13px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  margin: 0px;
}

ul.goods_p_ li .block_ .g_price_ .price_ {
  color: #222222;
}

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

.p-item-attr1 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.p-item-attr1 label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
  cursor: pointer;
  line-height: 1.5;
  margin: 0px;
}
.p-item-attr1 input[type=checkbox] {
  margin: 0px;
  position: absolute;
  pointer-events: none;
  visibility: hidden;
}
.p-item-attr1 span {
  position: relative;
  padding-right: 20px;
}
.p-item-attr1 span::before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  top: 50%;
  right: 0;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 1px solid #A0A0A0;
  border-radius: 2px;
  transform: translate3d(0, -50%, 0) rotate(0deg);
  transition: all 200ms ease-out 0ms;
  margin-top: 1px;
}
.p-item-attr1 span::after {
  content: "";
  z-index: 3;
  position: absolute;
  top: 50%;
  right: 2px;
  width: 10px;
  height: 5px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: translate3d(0, -50%, 0) rotate(-50deg);
  transition: all 200ms ease-out 0ms;
  margin-top: 1px;
}
.p-item-attr1 input[type=checkbox]:checked + span::after {
  border-color: #283D79;
}

.p-item-cart-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
  margin-top: 20px;
}
.p-item-cart-wrapper .p-item-cart-qty {
  flex: 0 0 120px;
  max-width: 120px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
}
.p-item-cart-wrapper .p-item-cart-qty span {
  flex: 0 0 40px;
  max-width: 40px;
  text-align: right;
  padding-right: 10px;
  white-space: nowrap;
}
.p-item-cart-wrapper .p-item-cart-qty input {
  flex: 1;
  height: 50px;
  width: 100%;
  margin: 0px;
  padding: 0px 10px;
}
.p-item-cart-wrapper .p-item-cart {
  position: relative;
  flex: 1 1 auto;
  margin-left: 22px;
  max-width: 184px;
}
.p-item-cart-wrapper .p-item-cart a {
  display: block;
}
.p-item-cart-wrapper .p-item-cart img {
  max-width: 100%;
  width: auto;
  height: 50px;
  display: block;
  margin: 0;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.icon_ {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  min-height: 0;
}
.icon_ img {
  height: 21px;
  width: auto;
  margin-right: 8px;
  margin-bottom: 8px;
}

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

.goodssearch_ {
  margin-bottom: 30px;
}
.goodssearch_ input[type=text],
.goodssearch_ input[type=number] {
  width: 100%;
}
.goodssearch_ select {
  min-width: 100%;
}
.goodssearch_ .search_gerne_ label {
  cursor: pointer;
  margin: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  display: inline-block;
}

h2.topic_title_ img {
  height: 20px;
  margin-left: 5px;
}

.order_cart_sublist_single_ .move_button_orange_ {
  margin-right: 0px;
}

div.order_ a.order_cart_navi_ {
  margin-left: 0px;
  margin-right: 0px;
}

input.order_gift_back_,
a.order_gift_back_ {
  order: 2;
}

a.diversion_order_gift_,
a.order_gift_ {
  height: 40px;
  line-height: 40px;
}

.p-submit-links-item {
  margin-bottom: 10px;
}
.p-submit-links-item > a {
  color: #283D79;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
}

div.order_ table.order_cart_list_ td.goods_detail_ > table td {
  text-align: left;
}
div.order_ table.order_cart_list_ td.goods_detail_ > table td.item_code2_ {
  text-align: right;
}
div.order_ table.order_cart_list_ td.goods_detail_ > table td.amt_ {
  text-align: right;
}
div.order_ table.order_cart_list_ td.goods_detail_ > table td.price_ {
  text-align: right;
}

.customer_ > p strong a {
  color: #283D79;
  text-decoration: underline;
}

div.customer_ .agreebody_ {
  margin: 10px 0px;
  padding: 12px 12px;
  font-size: 12px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  border-radius: 0px;
}

div.order_ table.order_ {
  width: 100%;
}
div.order_ table.order_ a {
  text-decoration: underline;
}

.questionnaire_name_ {
  margin-top: 20px;
  margin-bottom: 10px;
}

div.questionnaire_ .must_ {
  border: none;
}

.complete-message {
  border: 1px solid #283D79;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
}

p.message_ {
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.customer_ p.message_ a {
  text-decoration: underline;
  color: #283D79;
}

.formdetail_ a {
  text-decoration: underline;
}

.terms_of_service_wrapper {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.terms_of_service_wrapper label {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  text-align: center;
  cursor: pointer;
}
.terms_of_service_wrapper a {
  text-decoration: underline;
  color: #283D79;
}
.terms_of_service_wrapper a:hover {
  text-decoration: underline;
}

.order_.spandual_ input.order-inquiry {
  margin: 0px auto !important;
}

.p-order-agree-tit {
  font-size: 16px;
  color: #283D79;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 12px;
  margin-top: 12px;
}

.p-order-agree-txt {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.75;
}

input.order_gift_back_,
a.order_gift_back_ {
  line-height: 40px;
  height: 40px;
  padding: 0;
}

.address_select_ input[type=submit] {
  border: none !important;
}

.bookmarkgroup_item_ input {
  margin: 0px;
  margin-right: 10px;
}

.customer_biz_userlist .bizsearch_ {
  margin-bottom: 30px;
}
.customer_biz_userlist .submit_ {
  padding: 0;
}

.cluetip_trigger_m_ {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
  vertical-align: middle;
}

div.mymenu_main_list_ div.mymenu_main_list_body_ li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
  padding: 8px 10px;
  height: auto;
  line-height: 1.5;
  background: #fff;
  color: #222222;
  border: 1px solid #222222;
  border-radius: 4px;
  position: relative;
}
div.mymenu_main_list_ div.mymenu_main_list_body_ li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #283D79;
  border-right: 1px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

table.formlist_ td.move_ a {
  background: none;
  position: relative;
}
table.formlist_ td.move_ a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #283D79;
  border-right: 1px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

div.order_ .order_cart_sublist_ .item_ {
  float: none;
  width: 100%;
}

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

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

table.formlist_ td.move_ a {
  background: none;
  position: relative;
}
table.formlist_ td.move_ a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

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

table.history_ td.order_detail_ ul li {
  border-bottom: none;
  padding: 0px;
}

table.history_ td.order_detail_ p.order_again_ a {
  display: inline-block;
  margin-top: 5px;
}

table.history_ td.order_detail_ p.order_again_ span {
  border: none;
  padding: 0;
  display: inline-block;
  text-decoration: underline;
}

.passchange_ a,
.idchange_ a {
  text-decoration: underline;
  font-weight: 500;
}

.bookmarkgroup_item_ .comment_ input {
  margin: 0px;
  margin-right: 10px;
}

table.approvallist_ select {
  margin: 5px 0px;
}

.search_box_ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row wrap;
}
.search_box_ input.keyword_ {
  width: calc(100% - 70px);
  margin-right: 10px;
}
.search_box_ input.search-btn {
  width: 60px;
}

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

div.order_ table.method_destlist_ th {
  padding: 10px;
}

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

.bt_normal_ a.bt_default_, .bt_normal_ input.bt_default_ {
  background: #283D79;
  border: #283D79;
  border-radius: 4px;
  color: #ffffff !important;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 700;
}

table.formlist_.approval_comment_ th {
  padding: 10px;
}
table.formlist_.approval_comment_ td {
  padding: 10px;
}
table.formlist_.approval_comment_ textarea {
  display: block;
  margin: 0px;
}

input[name="withdrawal.x"].move_button_ {
  box-shadow: none;
}

div.contact_ ul.contactlist_ {
  margin-top: 20px;
}

.contactdetail_title_ {
  margin-top: 20px;
}

.p-guide-docs {
  padding: 0px 16px;
  padding-bottom: 12px;
  margin-bottom: 28px;
  border-bottom: 1px solid #DEDEDE;
}

.p-guide-docs-item {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  padding-left: 0.7em;
  position: relative;
  margin-bottom: 16px;
}
.p-guide-docs-item::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 0.3em;
  height: 0.3em;
  background-color: #000000;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0) rotate(0deg);
}

.p-ext-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-flow: row nowrap;
}
.p-ext-link::after {
  content: "";
  display: inline-block;
  flex: 0 0 18px;
  max-width: 18px;
  width: 18px;
  height: 18px;
  background: url("../img/usr/common/icon_item_pdf.png") no-repeat center center/contain;
  margin-left: 6px;
}

.p-guide-faq-content-item {
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: 8px;
}

.p-guide-faq-content-item-q {
  font-size: 15px;
  background-color: #EFF7FA;
  padding: 14px 20px;
  padding-right: 40px;
  position: relative;
  cursor: pointer;
}
.p-guide-faq-content-item-q::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #283D79;
  border-right: 2px solid #283D79;
  transform: translate3d(0, -50%, 0) rotate(135deg);
  transition: all 200ms ease-out 0ms;
}
.p-guide-faq-content-item.is-active .p-guide-faq-content-item-q::after {
  transform: translate3d(0, -50%, 0) rotate(315deg);
  margin-top: 6px;
}

.p-guide-faq-content-item-a {
  padding: 20px 20px 20px;
  display: none;
  line-height: 1.9;
  opacity: 0;
  transform: translate3d(0, -5px, 0) rotate(0deg);
}
.p-guide-faq-content-item.is-active .p-guide-faq-content-item-a {
  display: block;
  animation: anim-p-guide-faq-content-item-a 300ms ease-out 0ms 1 normal forwards;
}
@keyframes anim-p-guide-faq-content-item-a {
  0% {
    opacity: 0;
    transform: translate3d(0, -5px, 0) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0) rotate(0deg);
  }
}

.p-law-tbl table {
  margin: 0 auto;
  width: 100%;
  font-size: 12px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}
.p-law-tbl th, .p-law-tbl td {
  border: 1px solid #DEDEDE;
  padding: 12px 12px;
  word-break: break-all;
  text-align: left;
}
.p-law-tbl th {
  background-color: #f8f8f8;
  width: 30%;
}
.ordersheetlist_line_ {
  width: 100%;
  margin-bottom: 10px;
}

.ordersheetlist_line_ a {
  background-color: #283D79;
  color: #fff;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  overflow: hidden;
}

.p-page--ordersheet .p-ordersheet-accessory {
  margin-bottom: 30px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  gap: 6px;
}

.p-page--ordersheet .p-ordersheet-accessory .p-ordersheet-accessory--item {
  flex: 0 0 calc(25% - 5px);
  max-width: calc(25% - 5px);
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  border: 1px solid #283D79;
  border-radius: 4px;
  height: 45px;
  padding: 0 5px;
  cursor: pointer;
  background: #283D79;
  color: #fff;
}

.p-page--ordersheet .p-ordersheet-accessory .p-ordersheet-accessory--item a {
  flex: 1;
  background: #283D79;
  color: #fff;
  font-weight: 500;
  overflow: hidden;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

h1 + .p-page-heading-desc {
  margin-top: -4px;
}

.p-page-heading-desc {
  margin-bottom: 30px;
}

.p-ordersheet {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #E1E4EB;
}

.p-ordersheet-fix {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 300ms ease-out 0ms;
}

.p-ordersheet-fix-weight {
  width: 156px;
  margin-left: auto;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  margin-bottom: 15px;
}

.p-ordersheet-fix-weight-tit {
  width: 100%;
  background-color: #283D79;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.2;
  text-align: center;
  padding: 6px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
}

.p-ordersheet-fix-weight-content {
  width: 100%;
  background-color: #EFF7FA;
  word-break: break-all;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  padding: 6px 6px;
  font-size: 12px;
  color: #222222;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.2;
  font-feature-settings: "palt";
}

.p-ordersheet-fix-weight-content-num {
  font-size: 14px;
}

.p-ordersheet-fix-weight-content-unit {
  white-space: nowrap;
}

.p-ordersheet-fix-cart {
  width: 100%;
  position: relative;
}

.p-ordersheet-fix-cart input {
  background: #71A9C1;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  height: auto;
  width: 100%;
}

.p-ordersheet-col-item {
  margin-bottom: 1px;
}
.p-ordersheet-col-item.is-active {
  margin-bottom: 0px;
}

h2.p-ordersheet-col-item-category,
.p-ordersheet-col-item-category {
  background-color: #283D79;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  padding: 12px 40px;
  margin: 0px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
h2.p-ordersheet-col-item-category::after, h2.p-ordersheet-col-item-category::before,
.p-ordersheet-col-item-category::after,
.p-ordersheet-col-item-category::before {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 12px;
  height: 1px;
  background-color: #fff;
  transition: all 200ms ease-out 0ms;
}
h2.p-ordersheet-col-item-category::before,
.p-ordersheet-col-item-category::before {
  transform: translate3d(0, -50%, 0) rotate(0deg);
}
h2.p-ordersheet-col-item-category::after,
.p-ordersheet-col-item-category::after {
  transform: translate3d(0, -50%, 0) rotate(90deg);
}
.p-ordersheet-col-item.is-active h2.p-ordersheet-col-item-category::after,
.p-ordersheet-col-item.is-active .p-ordersheet-col-item-category::after {
  transform: translate3d(0, -50%, 0) rotate(0deg);
  opacity: 0;
}

.p-ordersheet-col-item-head {
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
  background-color: #f8f8f8;
  text-align: center;
  font-size: 13px;
  color: #222222;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5;
  border: 1px solid #DEDEDE;
  display: none;
  opacity: 0;
}
.p-ordersheet-col-item.is-active .p-ordersheet-col-item-head {
  display: flex;
  animation: anim-p-ordersheet-col-item 300ms ease-out 0ms 1 normal forwards;
}
@keyframes anim-p-ordersheet-col-item {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.p-ordersheet-col-item-head-name {
  flex: 1;
  padding: 6px 0;
}

.p-ordersheet-col-item-head-qty {
  font-size: 12px;
  flex: 0 0 60px;
  border-left: 1px solid #DEDEDE;
  padding: 6px 0;
}

.p-ordersheet-col-item-goods {
  display: none;
  opacity: 0;
}
.p-ordersheet-col-item.is-active .p-ordersheet-col-item-goods {
  display: block;
  animation: anim-p-ordersheet-col-item 300ms ease-out 0ms 1 normal forwards;
}

.p-ordersheet-col-item-goods-tr {
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
}
.p-ordersheet-col-item-goods-tr:nth-last-child(1) {
  border-bottom: none;
}

.p-ordersheet-col-item-goods-tr-name {
  flex: 1;
  padding: 8px 10px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  flex-flow: row nowrap;
}
.p-ordersheet-col-item-goods-tr-name .p-item-attr1 {
  margin: 0px;
}
.p-ordersheet-col-item-goods-tr-name-info {
  flex: 1;
  padding-right: 4px;
  font-size: 11px;
}
.p-ordersheet-col-item-goods-tr-name-info .name {
  font-size: 12px;
}

.p-ordersheet-col-item-goods-tr-name-weight {
  flex: 0 0 33%;
  max-width: 33%;
  text-align: right;
  font-size: 11px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  align-content: flex-end;
  flex-flow: row wrap;
}

.p-ordersheet-col-item-goods-tr-qty {
  flex: 0 0 60px;
  max-width: 60px;
  border-left: 1px solid #DEDEDE;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
}
.p-ordersheet-col-item-goods-tr-qty input {
  width: 100%;
  min-width: 0;
  margin: 0px;
  padding: 0px;
  text-align: right;
  height: 30px;
  font-size: 11px;
}

.order_cart_list_ input[name^=attr] {
  margin-top: 10px;
  margin-bottom: 10px;
}

table.formlist_ input[name=receiver_name],
table.formlist_ input[name=receiver_name2],
table.formlist_ input[name=receiver_name_second],
table.formlist_ input[name=receiver_name_second2],
table.formlist_ input[name=receiver_name_third],
table.formlist_ input[name=receiver_name_third2] {
  width: calc(100% - 60px);
  margin: 5px;
}
table.formlist_ input[name=number],
table.formlist_ input[name=number1],
table.formlist_ input[name=number2],
table.formlist_ input[name=number3] {
  width: 55%;
  margin: 5px 0px;
}
table.formlist_ .receiver_name_,
table.formlist_ .receiver_name_second_,
table.formlist_ .receiver_name_third_,
table.formlist_ .dest_nickname_,
table.formlist_ .dest_zip_,
table.formlist_ .dest_addr_ {
  margin-bottom: 10px;
}
table.formlist_ input[name=arrived_dt],
table.formlist_ input[name=arrived_dt2] {
  width: 100%;
}
table.formlist_ input[name=loadingdt_from],
table.formlist_ input[name=loadingdt_to] {
  width: calc(50% - 15px);
}
table.formlist_ input[name=loadingdt_from] {
  margin-right: 2px;
}
table.formlist_ input[name=loadingdt_to] {
  margin-left: 2px;
}
table.formlist_ [name=arrived_time_minutes],
table.formlist_ [name=arrived_time_hour],
table.formlist_ [name=arrived_time_hour_today],
table.formlist_ [name=arrived_time_minutes_today_last],
table.formlist_ [name=arrived_time2_hour],
table.formlist_ [name=arrived_time2_minutes],
table.formlist_ [name=arrived_time_minutes_to],
table.formlist_ [name=arrived_time_hour_to],
table.formlist_ [name=arrived_time2_hour_to],
table.formlist_ [name=arrived_time2_minutes_to] {
  width: calc(50% - 30px);
  margin-right: 5px;
}
table.formlist_ [name=arrived_time_minutes],
table.formlist_ [name=arrived_time_minutes_today_last],
table.formlist_ [name=arrived_time2_minutes],
table.formlist_ [name=arrived_time_minutes_to],
table.formlist_ [name=arrived_time2_minutes_to] {
  margin-left: 10px;
}

table.method_destlist_ th {
  width: 30%;
}

div.order_ table.formlist_.method_destlist_item_ {
  border: none;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
div.order_ table.formlist_.method_destlist_item_ tr {
  border-bottom: 1px solid #DEDEDE;
}

td#htmlupload input[type=file] {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 10px;
}
td#htmlupload small {
  white-space: normal;
}

table.formlist_.add_goods_ th {
  width: auto;
}
table.formlist_.add_goods_ .add_goods_qty_ {
  width: 120px;
}
table.formlist_.add_goods_ .add_goods_qty_ input {
  width: calc(100% - 25px);
  margin-right: 5px;
}

table.bookmark_ input[name="cart.x"] {
  width: 80px;
  font-size: 11px;
  letter-spacing: -0.05em;
}

span.estimate_qty_ {
  display: block;
  text-align: right !important;
}

td.estimate_qty_ {
  text-align: right !important;
}

.add_goods_name_label_,
.add_mail_addr_label_ {
  display: inline-block;
  min-width: 30px;
  text-align: center;
}

.add_goods_name_label_ + input[type=text] ,
.add_mail_addr_label_ + input[type=text] {
  display: inline-block;
  width: calc(100% - 40px) !important;
  max-width: calc(100% - 40px) !important;
}

.td_qty_right_ {
  text-align: right;
}

.qty_block_right_ {
  text-align: right;
}

.p-header-tab-links {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-content: flex-start;
  flex-flow: row wrap;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 10px;
}

.customer_operation_link_ {
  flex: 1 0 auto;
  max-width: auto;
}
.customer_operation_link_:nth-of-type(1) {
  border-right: none;
}
.customer_operation_link_ a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: row wrap;
  height: 100%;
  padding: 0px;
  height: 40px;
  background-color: #ffffff;
  color: #283D79;
  border: 1px solid #283D79;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}
.customer_operation_link_.is-active {
  pointer-events: none;
}
.customer_operation_link_.is-active a {
  background-color: #283D79;
  border-color: #283D79;
  color: #fff;
}

.p-kiyaku-lead {
  margin-bottom: 30px;
}

.p-kiyaku-list {
  line-height: 1.75;
}

.p-kiyaku-list-item + .p-kiyaku-list-item {
  margin-top: 30px;
}

h2.p-kiyaku-list-item-tit,
.p-kiyaku-list-item-tit {
  font-size: 16px;
  color: #222222;
  font-weight: 700;
  letter-spacing: 0em;
}

.p-kiyaku-list-item-block {
  margin-bottom: 10px;
}

ul.p-kiyaku-list {
  margin-top: 5px;
  margin-bottom: 5px;
}
ul.p-kiyaku-list li {
  padding-left: 1.25em;
  text-indent: -1.25em;
}

div.customer_ div.bookmark_links {
  text-align: center;
  margin: 20px;
}

div.customer_ div.history_links {
  text-align: center;
  margin: 20px;
}

input.goods_bookmark_P {
  margin: 10px 0;
  width: 183px;
  color: #65BBE9;
  border: 1px solid #65BBE9;
}

.p-item-bookmark-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  flex-flow: row nowrap;
}

.ex_bookmarkgroup_ {
    font-size: 13px;
}

table.bookmark_ input.delete-btn_goods {
  width: 160px;
  text-align: center;
}

.bookmarkgroup_item_ input[type="checkbox"] {
	appearance: auto;
}

div.individually_list_ .individually_ a.goods_bookmark_B, a.goods_bookmark_B {
  color: #65BBE9;
}

span.bookmark_, div.bookmark_, dt.bookmark_, td.bookmark_ {
  position: relative;
}

span.heartmark_ {
  font-size: 23px;
}

table.order_cart_list_ a.goods_bookmark_B {
  font-size: 23px;
}

/* --------------------------------------------------------------------
	商品一覧　セットばら売り商品
--------------------------------------------------------------------- */
div.individually_list_ {
  margin-top: 4px;
  margin-bottom: 4px;
}

dl.individually_ {
  margin: 0 10px;
}

div.individually_list_ dl.individually_ dt,
div.individually_list_ dl.individually_ dl dd {
  display: block;
  /*white-space: nowrap;*/
}

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

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

div.individually_list_ dl.individually_ dt:first-child {
  border-radius: 4px 4px 0 0;
}

div.individually_list_ dl.individually_ dd:last-child {
  border-radius: 0 0 4px 4px;
}

.individually_list_ .accordion_parent_ {
  position: relative;
  user-select: none;
  padding: 4px 0;
}

.individually_list_ span.accordion_ {
  width: 24px;
  height: 100%;
  display: inline-block;
  position: static;
}

.individually_list_ span.accordion_::before,
.individually_list_ span.accordion_::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 10px;
  height: 1px;
  background-color: #222222;
  transition: all 0.3s;
}

.individually_list_ span.accordion_::before {
  transform: rotate(-90deg);
}

.individually_list_ span.accordion_.active::before {
  transform: rotate(0deg);
}

.previous_back_ground td {
  background-color: #fff352;
}

input.bookmark_margin {
  margin-top: 40px;
}

.order_.spandual_ input.color_red_ {
  color: red;
  font-size: 17px;
}

.imp_cart_file input[type="file"]{
	display: none;
}

.imp_cart_file{
	display: block;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	width: 270px;
	padding: 5px;
	color: inherit;
	background-color: #dedede;
	cursor: pointer;
	transition: opacity 0.3s ease;
	border: double 1px #000000;
	margin: 0;
}

table.impcartlist_{
    table-layout: fixed;
}

.other_mark {
    color: #65BBE9;
}

.p-ordersheet-col-item-goods-tr-name-info .name .other_mark::before {
    content: "\00A0";
}

td.order_num_ a.link {
    text-decoration: underline;
}

.p-header-menu-item:has(.p-header-approval-count) {
    position: relative;
}

.p-header-menu-item a:has(.p-header-approval-count) {
    position: absolute;
    left: 40%;
    transform: translate(-50%, -5px); 
    height: auto;
    display: block;
}

.p-header-approval-count {
    color: #cc0000;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}

/* 承認者検索（スマートフォン用） */
.ap_user_1st_,
.ap_user_2nd_,
.search_ap_user_1st_,
.search_ap_user_2nd_ {
  position: relative;
}

.ap_user_1st_ .approver_input_,
.ap_user_2nd_ .approver_input_,
.search_ap_user_1st_ .approver_input_,
.search_ap_user_2nd_ .approver_input_ {
  width: 100%;
  min-width: 0;
  padding: 0px 10px;
  padding-right: 40px;
  height: 40px;
  font-weight: 400;
  margin-bottom: 5px;
  appearance: none;
  -webkit-appearance: none;
  background: #fff url("../img/usr/common/select_bg.jpg") no-repeat right center/auto 100%;
  border: 1px solid #A0A0A0;
  cursor: pointer;
}

/* サジェストの配置 */
.suggestion_item_ {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.ap_user_1st_ .suggestion_item_:active,
.ap_user_1st_ .suggestion_item_.focused_,
.ap_user_2nd_ .suggestion_item_:active,
.ap_user_2nd_ .suggestion_item_.focused_,
.search_ap_user_1st_ .suggestion_item_:active,
.search_ap_user_1st_ .suggestion_item_.focused_,
.search_ap_user_2nd_ .suggestion_item_:active,
.search_ap_user_2nd_ .suggestion_item_.focused_ {
  background-color: #283D79;
  color: #fff;
}

.ap_user_1st_ .approver_suggestions_,
.ap_user_2nd_ .approver_suggestions_,
.search_ap_user_1st_ .approver_suggestions_,
.search_ap_user_2nd_ .approver_suggestions_ {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #CBCBCB;
  border-top: none;
  z-index: 1000;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.ap_user_1st_ .suggestion_item_ .name_,
.ap_user_2nd_ .suggestion_item_ .name_,
.search_ap_user_1st_ .suggestion_item_ .name_,
.search_ap_user_2nd_ .suggestion_item_ .name_ {
    font-weight: normal;
    font-size: 14px;
}

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

div.order_ .order_cart_top_actions_ > * {
  margin-left: 4px;
}