@charset "UTF-8";
/************************************************
 ブラウザリセット
************************************************ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}

table,
caption,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  text-align: left;
  font-weight: normal;
}

a img,
iframe {
  border: none;
}

ol,
ul,
li {
  list-style: none;
}

input,
textarea,
select,
button {
  font-size: 100%;
  font-family: inherit;
}

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
#main_image {
  margin-bottom: 10px;
  text-align: center;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
/* 特定商取引法
----------------------------------------------- */
/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
  margin: 0 auto;
  width: 100%;
}

div#undercolumn_contact .inquiry_about {
  font-weight: bold;
  margin-bottom: 8px;
}

div#undercolumn_contact #contact_type2 .inquiry_about_detail img {
  float: left;
}

div#undercolumn_contact #contact_type2 .inquiry_about_detail p {
  float: left;
  display: block;
  margin-left: 20px;
}

div#undercolumn_contact .inquiry_about_detail {
  margin-bottom: 20px;
}

div#undercolumn_contact .inquiry_about_detail dl {
  float: left;
  margin-left: 16px;
  width: 200px;
}

div#undercolumn_contact .inquiry_about_detail dd {
  margin-top: 20px;
}

.zipimg img {
  vertical-align: middle;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
  width: 100%;
  /*width:880px;
    margin:0 auto;*/
}

div#undercolumn_entry table th {
  color: #3c3431;
}

#undercolumn_entry input[type=text],
#undercolumn_entry input[type=password] {
  border: solid 1px #ccc !important;
  float: none !important;
}

div#undercolumn_entry .kiyaku_text {
  margin: 20px auto;
  padding: 10px;
  border: solid 1px #ccc;
  width: 94%;
  background: #fff;
}

div.kiyaku_text_window {
  margin: 15px auto;
  overflow-x: hidden;
  border: #a5a5a5 solid 1px;
  overflow-y: scroll;
  width: 94%;
  height: 180px;
  padding: 10px;
  color: #6d5644;
  text-align: left;
}

.kiyaku_doui_btn {
  margin: 0 auto;
}

.kiyaku_not_doui_btn {
  margin: 0 auto;
}

.kiyaku_doui_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  appearance: none;
  background: #f60;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  width: 280px;
  letter-spacing: 0.1em;
}

.kiyaku_not_doui_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  appearance: none;
  background: #f60;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  width: 280px;
  opacity: 0.5;
  letter-spacing: 0.1em;
}

.register_btn_area_disable a {
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration: none;
}

.register_btn_area_disable a:hover {
  text-decoration: none;
}

#undercolumn_contact #form1 .btn_area .kiyaku_doui_btn {
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration: none;
}

#undercolumn_contact #form1 .btn_area .kiyaku_not_doui_btn {
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration: none;
}

#undercolumn_contact #form1 .register_btn_area a {
  color: #fff;
}

#undercolumn_contact #form1 .register_btn_area_disable a {
  color: #fff;
}

#undercolumn_contact #form1 .register_btn_area a:hover {
  text-decoration: none;
}

#undercolumn_entry #form1 .register_btn_area a {
  color: #fff;
}

#undercolumn_entry #form1 .register_btn_area_disable a {
  color: #fff;
}

#undercolumn_entry #form1 .register_btn_area a:hover {
  text-decoration: none;
}

#undercolumn_entry #form1 .register_btn_area_disable a:hover {
  text-decoration: none;
}

#undercolumn_entry #form1 .deliv_btn_wrapper a {
  color: #666;
}

.btn_area register_btn_area .register_btn_area a {
  color: #fff;
}

.btn_area .register_btn_area_disable a {
  color: #fff;
}

.btn_area .register_btn_area a:hover {
  text-decoration: none;
}

.btn_area .register_btn_area_disable a:hover {
  text-decoration: none;
}

.doui-check input {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  margin: 0;
  margin-right: 5px;
}

/* 非会員購入フォーム
----------------------------------------------- */
div#undercolumn_customer .message_area {
  margin: 30px auto;
  padding: 30px;
  border: 1px solid #f9f9f9;
  text-align: center;
}

div#undercolumn_customer .message_area p {
  margin-bottom: 20px;
}

#undercolumn_customer .mycontents_area_notice {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 11px;
}

#undercolumn_customer .mycontents_area_notice.confirm {
  line-height: inherit;
}

#undercolumn_customer table.delivname {
  width: 100%;
  margin: 0;
  font-size: 14px;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

#undercolumn_customer table.delivname th .attention {
  color: #FF6600;
}

#undercolumn_customer table.delivname th {
  padding-left: 32px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

#undercolumn_customer table.delivname td {
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  padding: 7px 13px 7px 17px;
}

#undercolumn_customer table.delivname td .attention {
  font-size: 13px;
}

#undercolumn_customer table.delivname td.zip p {
  margin-left: 0;
}

#undercolumn_customer table.delivname td.zip .zip-link {
  color: #FF6600;
  text-decoration: underline;
}

#undercolumn_customer table.delivname td.zip .top {
  margin-bottom: 10px;
}

#undercolumn_customer table.delivname td.zip .zipimg {
  display: flex;
  align-items: center;
}

#undercolumn_customer table.delivname td.zip .attention {
  font-size: 12px;
}

#undercolumn_customer table.delivname td.zip .auto-address {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #CCCCCC;
  border-radius: 3px;
  width: 100px;
  height: 25px;
  line-height: 25px;
  display: block;
  text-align: center;
  margin-right: 10px;
}

#undercolumn_customer table.delivname td.zip .auto-address:hover {
  text-decoration: none;
}

#undercolumn_customer table.delivname td .address p {
  margin: 5px 0 7px 0;
  font-size: 13px;
}

#undercolumn_customer table.delivname td.tel .attention {
  margin-top: 7px;
}

#undercolumn_customer table.delivname td.pw input:nth-child(4) {
  margin-top: 7px;
}

#undercolumn_customer table.delivname td.mailmaga p {
  font-size: 13px;
  letter-spacing: 0.65px;
  margin: 0 0 14px 0;
}

#undercolumn_customer table.delivname td.mailmaga label {
  display: block;
}

#undercolumn_customer table.delivname td.mailmaga label:nth-child(2) {
  margin: 12px 0 0 0;
}

#undercolumn_customer .btn_area {
  margin-top: 50px;
}

#undercolumn_customer.mypage input[type=submit].submit-btn {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  width: 280px;
  height: 50px;
  line-height: 50px;
  background: #FF6600;
  border-radius: 3px;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* radio */
input[type=radio].form-radio {
  position: absolute;
  opacity: 0;
  appearance: none;
  z-index: -1;
  transform: scale(0.1);
}

input[type=radio].form-radio:checked {
  position: absolute;
  top: 0px;
  left: 0px;
  appearance: none;
}

input[type=radio].form-radio + span {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 32px;
  margin: 0;
  position: relative;
}

input[type=radio].form-radio + span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid #707070;
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}

input[type=radio].form-radio + span::after {
  -webkit-transform: translateY(-50%);
  background: #FF6600;
  border-radius: 50%;
  content: "";
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  width: 12px;
  height: 12px;
}

input[type=radio].form-radio:checked + span::after {
  opacity: 1;
}

input[type=radio].form-radio:focus-visible + span {
  border: 2px solid rgb(0, 95, 204);
  border-radius: 3px;
}

.radio-wrapper {
  margin: 13px 0 16px 0;
  display: block;
}

.radio-wrapper > label:nth-child(2) {
  margin-left: 24px;
}

/* text */
#undercolumn_customer table.delivname input[type=text] {
  padding: 8px 10px;
  border: 1px solid #E0E0E0;
  margin-left: 0;
}

input[type=text].form-name {
  width: 173px;
}

#undercolumn_customer table.delivname td.name label {
  margin-right: 15px;
}

#undercolumn_customer table.delivname td.name > label:nth-child(3) {
  margin-left: 20px;
}

input[type=text].form-zip {
  width: 78px;
}

input[type=text].form-company {
  width: calc(100% - 22px);
  margin-bottom: 5px;
}

input[type=text].form-address {
  width: 478px;
}

input[type=text].form-tel {
  width: 78px;
}

input[type=text].form-email {
  width: 478px;
}

input[type=password].form-pw {
  width: 478px;
  padding: 8px 10px;
  border: 1px solid #E0E0E0;
  margin-left: 0;
}

input[type=text].form-coupon {
  margin-top: 7px;
  width: 478px;
}

/* select */
#undercolumn_customer table.delivname select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #E0E0E0;
  padding: 8px 10px;
  background: transparent url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='7.41'%20viewBox='0%200%2012%207.41'%3e%3cpath%20id='パス_2340'%20data-name='パス%202340'%20d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z'%20transform='translate(18%20-8.59)%20rotate(90)'%20fill='%233c3431'/%3e%3c/svg%3e") no-repeat center right 14px;
}

select.select-job {
  margin-bottom: 0;
}

select.select-pref {
  width: 150px;
  margin-bottom: 10px;
}

select.select-year {
  width: 80px;
}

select.select-month,
select.select-day {
  width: 60px;
}

/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
  margin: 0 auto;
  width: 960px;
}

div#undercolumn_login h2 {
  font-size: 24px;
  letter-spacing: 0.6px;
  line-height: 1;
}

.login_area_wrapper {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-top: 40px;
}

div#undercolumn_login .login_area {
  width: 460px;
  padding: 40px 0;
  border: 1px solid #E0E0E0;
}

div#undercolumn_login .login_area h3 {
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 1;
}

div#undercolumn_login .login_area p {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
}

.login_area_input_wrapper {
  width: 350px;
  margin: 0 auto;
}

.login_area_input dt {
  text-align: left;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
}

.login_area_input dd input {
  width: 330px;
  border: 2px solid #E0E0E0;
  border-radius: 2px;
  height: 30px;
  margin: 0;
  padding: 3px 8px;
}

.login_area_input a.forgot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #666666;
  font-size: 12px;
  margin: 11px 0;
  letter-spacing: 0;
}

.log_in_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  appearance: none;
  background: #f60;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  width: 100%;
  margin-top: 33px;
}

a.log_in_btn {
  color: #fff;
  width: 350px;
  margin: 20px auto 64px;
}

a.log_in_btn:hover {
  text-decoration: none;
}

.login_benefit {
  padding: 32px 20px;
  background: #FFFAD2;
  width: 372px;
  margin: 0 auto;
}

.login_benefit_title {
  color: #FF6600;
  font-size: 16px;
  margin-bottom: 32px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}

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

.login_benefit_content {
  width: 120px;
}

div#undercolumn_login .login_area .login_benefit_content p {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 12px;
}

a.login_register_btn {
  cursor: pointer;
  padding: 0;
  appearance: none;
  background: #fff;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  color: #f60;
  display: block;
  height: 56px;
  text-align: center;
  line-height: 56px;
  width: 346px;
  margin: 20px auto;
  border: 2px solid #f60;
}

a.login_register_btn:hover {
  text-decoration: none;
}

.not-register {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.not-register input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  color: #666;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.amazon_login_wrapper {
  margin-top: 40px;
}

div#undercolumn_login .login_area .amazon_login_wrapper p.title {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

div#undercolumn_login .login_area .amazon_login_wrapper p.attention {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1;
  color: #3C3431;
  letter-spacing: 0;
}

.amazon_login_wrapper #AmazonLoginButton {
  width: 350px !important;
  margin: 0 auto;
}

/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
  width: 80%;
  margin: 30px auto;
  padding: 30px;
  border: 1px solid #ccc;
  text-align: center;
}

div#undercolumn_error .message_area .error {
  padding: 120px 0;
}

/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
  padding-bottom: 10px;
  background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom;
}

.pagenumber_area ul li {
  float: left;
  margin-right: 5px;
}

.pagecond_area {
  margin-bottom: 20px;
  padding: 10px;
}

.pagenumber_area {
  margin: 20px 0;
}

.pagecond_area {
  border: 1px solid #ccc;
}

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

.pagenumber_area .navi li {
  display: inline;
}

.pagenumber_area .change {
  float: right;
  text-align: right;
  white-space: nowrap;
}

/* レイアウト
----------------------------------------------- */
div.list_area {
  width: 160px;
  float: left;
}

/* メインカラム用 1カラム時*/
#one_maincolumn div.listrightbloc {
  float: right;
  width: 74%;
}

/* メインカラム用 2カラム時*/
/* メインカラム用 3カラム時*/
#three_maincolumn div.listrightbloc {
  float: right;
  width: 74%;
}

/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {
  margin-bottom: 10px;
  width: 100%;
}

div.listrightbloc ul.status_icon li {
  margin-right: 5px;
  float: left;
}

/* 商品名 */
div.listrightbloc h3 {
  font-weight: bold;
  font-size: 120%;
}

/* コメント */
div.listrightbloc .listcomment {
  margin: 0 0 10px 0;
  text-align: left;
}

/* 商品詳細を見る */
div.listrightbloc .detail_btn {
  margin-bottom: 20px;
}

/* 価格 */
div.listrightbloc .pricebox {
  margin: 0 0 10px 0;
}

/* 買い物かご */
div.listrightbloc .cart_area {
  padding: 10px;
  border: 1px solid #cef0f4;
  background-color: #ecf5ff;
  width: 94%;
}

/* 規格 */
div.listrightbloc .classlist {
  margin-bottom: 10px;
  padding-bottom: 10px;
  background: url("data:image/gif;base64,R0lGODlhBAACAJEAAM7g9P////X19QAAACH5BAAHAP8ALAAAAAAEAAIAAAIEBCQRWAA7") repeat-x bottom;
}

div.listrightbloc dl {
  width: 100%;
}

div.listrightbloc dt {
  display: inline-block;
  vertical-align: top;
}

div.listrightbloc dd {
  padding-bottom: 10px;
  display: inline-block;
}

div.listrightbloc dd p.attention {
  margin-top: 5px;
}

/* カゴに入れる */
div.listrightbloc .cartin {
  margin: 0;
  float: right;
}

div.listrightbloc .cartin .quantity {
  padding: 3px 10px 0 0;
  width: 150px;
  float: left;
  text-align: right;
}

div.listrightbloc .cartin .quantity .box {
  width: 70px;
}

div.listrightbloc .cartin_btn {
  width: 160px;
  float: left;
}

/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
    *1カラム時 [one_maincolumn]
    *2カラム時 [two_maincolumn_left]
               [two_maincolumn_right]
    *3カラム時 [three_maincolumn]

----------------------------------------------- */
#detailarea,
.sub_area {
  margin-bottom: 20px;
  width: 100%;
}

#detailphotobloc .thumblist {
  float: left;
}

#detailphotobloc #large_photo {
  float: left;
}

#one_maincolumn div#detailphotobloc {
  width: 60%;
  float: left;
}

#one_maincolumn div#detail_main {
  width: 60%;
  float: left;
}

#one_maincolumn #detailrightbloc {
  width: 40%;
  float: right;
}

/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#one_maincolumn div.subtext {
  margin-bottom: 20px;
  float: left;
  width: 69%;
}

#one_maincolumn div.subphotoimg {
  float: right;
  width: 25%;
  text-align: right;
}

#one_maincolumn p.subtext {
  margin-bottom: 20px;
}

/* 2カラム用 */
#two_maincolumn_left div#detailphotobloc,
#two_maincolumn_right div#detailphotobloc {
  float: left;
  width: 37%;
}

#two_maincolumn_left #detailrightbloc,
#two_maincolumn_right #detailrightbloc {
  float: right;
  width: 63%;
}

#two_maincolumn_left div.subtext,
#two_maincolumn_right div.subtext {
  margin-bottom: 20px;
  float: left;
  width: 73%;
}

#two_maincolumn_left p.subtext,
#two_maincolumn_right p.subtext {
  margin-bottom: 20px;
}

#two_maincolumn_left div.subphotoimg,
#two_maincolumn_right div.subphotoimg {
  float: right;
  width: 25%;
  text-align: right;
}

/* 3カラム用 */
#three_maincolumn div#detailphotobloc {
  float: left;
  width: 49%;
}

#three_maincolumn #detailrightbloc {
  float: right;
  width: 50%;
}

#three_maincolumn div.subtext {
  margin-bottom: 20px;
  float: left;
  width: 63%;
}

#three_maincolumn p.subtext {
  margin-bottom: 20px;
}

#three_maincolumn div.subphotoimg {
  float: right;
  width: 35%;
  text-align: right;
}

/* 商品情報 各種設定
----------------------------------------------- */
#detailrightbloc h2 {
  margin: 0 0 10px 0;
  padding: 0 0 15px 0;
  color: #666;
  background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom;
  font-weight: bold;
  font-size: 160%;
}

#detailrightbloc .point,
#detailrightbloc .relative_cat {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom;
}

#detailrightbloc .main_comment {
  margin-bottom: 20px;
}

/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
  display: inline;
}

/* 商品ステータス */
#detailrightbloc ul.status_icon {
  margin-bottom: 10px;
  width: 100%;
}

#detailrightbloc ul.status_icon li {
  margin-right: 5px;
  margin-bottom: 3px;
  float: left;
}

/* 通常価格 */
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
  display: inline;
}

/* 販売価格 */
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
  display: inline;
}

/* ポイント */
#detailrightbloc .point dt,
#detailrightbloc .point dd {
  display: inline;
}

/* 規格 */
#detailrightbloc div.classlist {
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
  background: url("data:image/gif;base64,R0lGODlhBAACAJEAAM7g9P////X19QAAACH5BAAHAP8ALAAAAAAEAAIAAAIEBCQRWAA7") repeat-x bottom;
}

#detailrightbloc .classlist {
  margin-bottom: 5px;
}

#detailrightbloc ul {
  margin-bottom: 10px;
  width: 100%;
}

#detailrightbloc ul li {
  vertical-align: top;
  float: left;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
  display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
  display: inline;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat dd {
  margin-left: 1em;
}

/* 買い物かご */
#detailrightbloc .cart_area {
  padding: 10px;
}

#detailrightbloc .quantity dt,
#detailrightbloc .quantity dd {
  display: inline;
}

#detailrightbloc .favorite_btn {
  text-align: center;
  margin-top: 10px;
}

/* お客様の声
----------------------------------------------- */
div#customervoice_area {
  clear: both;
  padding: 35px 0 0 0;
}

div#customervoice_area h2 {
  margin-bottom: 20px;
  padding: 6px 0 8px 10px;
  border-top: solid 1px #f90;
  background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAApAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGRABAQADAQAAAAAAAAAAAAAAABICBBRT/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAdEQEAAgAHAAAAAAAAAAAAAAAAERIBAgMUFVGh/9oADAMBAAIRAxEAPwDS1JNjcAstZuAWXsJAaLWEhfBveOQ/Ha/XuAe4yAdUmP/Z") repeat-x left bottom;
}

div#customervoice_area .review_bloc {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
  padding-top: 3px;
  margin-right: 10px;
  float: left;
}

div#customervoice_area review_bloc .review_btn {
  float: right;
  width: 160px;
}

div#customervoice_area ul li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom;
}

div#customervoice_area .voicetitle {
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
}

div#customervoice_area .voicedate {
  margin-bottom: 10px;
}

/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
div#whobought_area {
  clear: both;
  padding: 35px 0 0 0;
}

div#whobought_area h2 {
  border-top: solid 1px #f90;
  background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAApAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGRABAQADAQAAAAAAAAAAAAAAABICBBRT/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAdEQEAAgAHAAAAAAAAAAAAAAAAERIBAgMUFVGh/9oADAMBAAIRAxEAPwDS1JNjcAstZuAWXsJAaLWEhfBveOQ/Ha/XuAe4yAdUmP/Z") repeat-x left bottom;
  padding: 5px 0 8px 10px;
  font-size: 14px;
}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
  padding: 15px;
  margin-bottom: 20px;
  background: #fffaf0;
  font-size: 100%;
  line-height: 140%;
}

div#undercolumn_cart .totalmoney_area p {
  border-bottom: 1px solid #f9f9f9;
  padding: 10px;
}

div#undercolumn_cart p {
  margin: 5px;
}

div#undercolumn ul#quantity_level li {
  padding: 3px;
  display: inline;
}

div#undercolumn .empty {
  text-align: left;
}

div.form_area {
  margin-bottom: 30px;
}

/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer input[type=text],
input[type=password],
.select {
  float: none;
}

div#undercolumn_customer table th,
div#undercolumn_customer table td {
  color: #3c3431;
}

.flow_area {
  margin: 0 0 20px 0;
  text-align: center;
}

div#undercolumn_customer th em {
  color: #000;
  font-weight: bold;
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
  margin: 0 auto;
  width: 100%;
}

div#undercolumn_shopping .pay_area02 {
  margin: 0 auto;
}

div#undercolumn_shopping .pay_area02 .txtarea {
  padding: 10px;
  border: 1px solid #E0E0E0;
  width: calc(100% - 22px);
  height: 78px;
  border-radius: 3px;
}

div#undercolumn_shopping .pay_area02 .select-msg {
  margin-bottom: 10px;
}

div#undercolumn_shopping .point_area .point_announce {
  padding: 24px;
  border: 1px solid #E0E0E0;
}

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

.point_announce_inner .use {
  margin-right: 114px;
  position: relative;
  padding-left: 25px;
}

.point_announce_inner .not-use {
  position: relative;
  padding-left: 25px;
}

div#undercolumn_shopping .point_area .point_announce p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1;
}

div#undercolumn_shopping .point_area .point_announce p .point {
  color: #FF6600;
  font-weight: 600;
}

div#undercolumn_shopping .point_area .point_announce p.point_announce_notice {
  font-size: 11px;
  margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce input[type=radio] {
  appearance: none;
  margin: 0;
}

div#undercolumn_shopping .point_area .point_announce .radio::before {
  content: "";
  background-color: #f60;
  margin-top: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 0;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

div#undercolumn_shopping .point_area .point_announce .radio::after {
  content: "";
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

div#undercolumn_shopping .point_area .point_announce input[type=radio]:checked + .radio:before {
  opacity: 1;
}

div#undercolumn_shopping .point_area .point_announce .use_point {
  font-size: 12px;
  font-weight: 600;
  margin-right: 15px;
}

div#undercolumn_shopping .point_area .point_announce .point-input {
  width: 126px;
  padding: 8px 10px;
  border-radius: 3px;
  margin: 0 20px 0 0;
}

div#undercolumn_shopping .point_area .point_announce.coupon p {
  margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce.coupon .point-input {
  margin-right: 0;
  width: 198px;
}

.payment_method_wrapper:first-of-type {
  margin-top: 40px;
}

.payment_method_wrapper:not(:last-of-type) {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.payment-select-wrapper {
  border: 1px solid #E0E0E0;
}

.payment-select {
  position: relative;
  display: block;
  padding: 18px 38px 18px 20px;
}

.payment-select:not(:last-of-type) {
  border-bottom: 1px solid #E0E0E0;
}

.payment-select input[type=radio] {
  appearance: none;
  margin: 0;
}

.payment-select .radio::before {
  content: "";
  background-color: #f60;
  margin-top: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 0;
  top: 27.5px;
  left: 25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.payment-select .radio::after {
  content: "";
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 27.5px;
  left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.payment-select input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.payment-select .explain {
  padding-left: 32px;
}

.payment-select .explain label {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}

.payment-select .cards-image {
  float: right;
  margin-top: -2px;
}

.payment-explain-attention {
  position: absolute;
  left: 250px;
  letter-spacing: 0px;
  color: #FF0000;
  font-size: 11px;
}

.payment_method_wrapper h4 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 12px;
  line-height: 1;
}

.payment_method_wrapper h4.time {
  margin-bottom: 5px;
}

div#undercolumn_shopping .pay_area02.select_deliv_time {
  margin-bottom: 32px;
}

.select_deliv_type_text {
  font-size: 11px;
  margin-bottom: 20px;
  line-height: 1;
}

.delivdate_select_text {
  font-weight: 600;
  font-size: 12px;
  margin-right: 18px;
}

#area_shipping_time {
  display: flex;
  align-items: center;
}

#area_shipping_time select {
  background: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  padding: 6px 8px;
  width: 150px;
  font-size: 12px;
  margin: 0;
  vertical-align: top;
}

p.select_deliv_message {
  font-size: 12px;
  line-height: 1.5;
}

.payment_method_wrapper .other_text {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.payment_method_wrapper .max-length {
  font-size: 12px;
  color: #666666;
  margin-top: 5px;
}

.cart_sidemenu.confirm .cart_sidemenu_price {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.cart_sidemenu.confirm .cart_sidemenu_point {
  border-bottom: 1px solid #E0E0E0;
  font-weight: 600;
  margin-bottom: 16px;
}

.cart_sidemenu.confirm .cart_sidemenu_point div {
  justify-content: flex-end;
  margin-bottom: 11px;
}

.cart_sidemenu.confirm .cart_sidemenu_items div {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.14;
}

.cart_sidemenu.confirm .cart_sidemenu_items div.coupon {
  color: #f60;
}

.cart_sidemenu.confirm .cart_sidemenu_items div.coupon span.price {
  font-weight: 600;
}

.cart_sidemenu.confirm .cart_sidemenu_items div:not(:last-of-type) {
  margin-bottom: 12px;
}

/* お届け先の指定
----------------------------------------------- */
#undercolumn_shopping h3.deliv-title {
  margin: 32px 0 12px 0;
  color: #3C3431;
  font-size: 16px;
  letter-spacing: 0.05em;
  border-bottom: none;
  font-weight: 600;
  padding: 0;
}

#undercolumn_shopping h3.deliv-title a {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  margin-left: 20px;
}

#undercolumn_shopping h3.deliv-title.shop {
  display: flex;
}

#undercolumn_shopping h3.deliv-title.shop p {
  font-size: 12px;
  font-weight: normal;
  margin-left: 9px;
}

#undercolumn_shopping h3.deliv-title.shop p a {
  margin-left: 0;
  color: #FF6600;
  text-decoration: underline;
  font-size: 12px;
}

#address_area {
  margin-bottom: 10px;
  width: 100%;
}

#address_area .information {
  width: 70%;
  float: left;
}

#undercolumn_shopping .information {
  margin-bottom: 32px;
}

#undercolumn_shopping .information p {
  font-size: 14px;
  line-height: 1;
}

#undercolumn_shopping .information p:not(:last-of-type) {
  margin-bottom: 8px;
}

#address_area .add_multiple {
  padding: 15px 10px;
  border: 1px solid #ffcc62;
  float: right;
  width: 30%;
  color: #555;
  background: #fffaf0;
  text-align: center;
  font-weight: bold;
}

#address_area .add_multiple p {
  margin-bottom: 10px;
}

.address-select {
  display: block;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  padding: 20px;
  position: relative;
}

.address-select:not(:first-of-type) {
  margin-top: 10px;
}

.address-select.is-active {
  background: #FFFAD2;
}

.address-select input[type=radio] {
  appearance: none;
  margin: 0;
}

.address-select .radio::before {
  content: "";
  background-color: #f60;
  margin-top: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 0;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.address-select .radio::after {
  content: "";
  border: 2px solid #E0E0E0;
  border-radius: 50%;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.address-select input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.address-select .address {
  padding-left: 44px;
}

.address-select .address p {
  line-height: 1.6;
  font-size: 12px;
  letter-spacing: 0.05em;
}

.address-select .address p:not(:last-of-type) {
  margin-bottom: 12px;
}

.address-select .address p.name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.address-select .address p.name span {
  font-size: 12px;
  font-weight: normal;
}

.address-select .address p.name span a {
  text-decoration: underline;
}

.address-select .address p.tel {
  line-height: 1;
}

.address-select .edit-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
}

.address-select .edit-btn .edit {
  color: #FF6600;
  margin-right: 14px;
}

.deliv_btn_wrapper ul {
  display: flex;
  justify-content: center;
}

.deliv_btn_wrapper .cart-back-btn {
  width: 346px;
  height: 56px;
  line-height: 56px;
  margin-right: 24px;
}

.register_btn_area {
  position: relative;
}

.register_btn_area::after {
  content: "";
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
}

.register_btn_area .arrow-btn {
  width: 346px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background-color: #f60;
  font-size: 18px;
  font-weight: 600;
  border-radius: 3px;
  letter-spacing: 0.9px;
  border: none;
  padding: 0;
}

.add_addresses {
  font-size: 14px;
  color: #666;
  font-weight: normal;
  margin-top: 10px;
  display: inline-block;
}

/* ご注文内容のご確認
----------------------------------------------- */
.cart_detail.confirm h2 {
  margin-bottom: 40px;
}

#undercolumn_shopping .cart_detail.confirm h3 {
  color: #FF6600;
  margin-bottom: 10px;
  padding: 0;
  border-bottom: 0;
}

.cart_detail.confirm .cart-table {
  border-top: 1px solid #999999;
}

.cart_detail.confirm .cart-option:last-of-type {
  margin-bottom: 0;
}

div#undercolumn_shopping .cart-option p.title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 0 10px 0;
}

div#undercolumn_shopping .cart-option p.detail {
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
}

.cart_detail.confirm .option-item {
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

.cart_detail.confirm .option-item .option-name {
  line-height: 1.6;
  margin-bottom: 2px;
  font-weight: bold;
}

.cart_detail.confirm .option-item .option-info {
  line-height: 1.4;
  color: #666;
  margin-top: 0;
}

.cart_detail.confirm table.cart-table td.num {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
}

.cart_detail.confirm table.cart-table td.num span {
  font-size: 12px;
  line-height: 1.6;
}

.cart_detail.confirm .cart-table .color_circle_wrapper {
  margin-top: -5px;
}

.cart_detail_edit {
  margin-top: 10px;
  text-align: right;
  font-size: 14px;
  line-height: 1;
}

.shopping_confirm_wrapper {
  border: 1px solid #999999;
  border-radius: 3px;
  padding: 24px;
  margin-top: 40px;
}

#undercolumn_shopping .cart_detail.confirm .shopping_confirm_wrapper h3 {
  margin-bottom: 24px;
}

.shopping_confirm_table dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1;
}

.shopping_confirm_table dt {
  width: 20.7%;
  font-weight: 600;
}

.shopping_confirm_table dd {
  width: 79.3%;
  margin-bottom: 20px;
}

.shopping_confirm_table dd p.address {
  line-height: 1.6;
}

.shopping_confirm_table dd:last-of-type {
  margin-bottom: 0;
}

.shopping_confirm_table dd p:not(:last-of-type) {
  margin-bottom: 12px;
}

.quote-btn {
  width: 346px;
  height: 56px;
  line-height: 56px;
  margin-right: 24px;
  display: block;
  text-align: center;
  color: #FF6600;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  border-radius: 3px;
  border: 2px solid #FF6600;
  text-decoration: none;
}

/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
  margin: 0 auto;
  padding: 5px;
  border: solid 1px #333;
  width: 566px;
}

/* ==============================================
▼ポップアップ
=============================================== */
.popupView {
  width: 600px;
  margin-left: -320px;
  text-align: center;
  position: absolute;
  top: 10%;
  left: 50%;
  background-color: #fff;
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: #fa9534 solid 5px;
  display: none;
  z-index: 202;
}

.areaPopupView {
  width: 930px !important;
  margin-left: -490px;
}

#cartAddedView {
  border: #fa9534 solid 2px;
  width: 400px;
  margin-left: -222px;
}

#cartAddedView h2 {
  font-size: 16px;
}

#cartAddedView p {
  padding: 10px;
}

#cartAddedView .g_btn_m {
  padding-bottom: 5px;
}

#cartAddedView .g_btn_m a {
  width: 200px;
  padding: 12px 50px;
}

#cartAddedView .g_btn_m.btn-gray a {
  background-color: #c6bb9b;
  text-shadow: 0px 0px 0px;
}

/* ==============================================
▼配送料確認ボタン
=============================================== */
.detail_delifee_button_area {
  float: right;
  margin: 10px 0;
}

/* ==============================================
▼トップページへボタン
=============================================== */
.btn_area .to_toppage_btn {
  margin: 0 auto;
  display: block;
  width: 300px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background: #f60;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.btn_area .to_toppage_btn:hover {
  text-decoration: none;
}

/* ==============================================
▼カタログ請求ボタン
=============================================== */
.btn_area .catalog_seikyuu_btn {
  margin: 0 auto;
  display: block;
  width: 300px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background: #2ab069;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.btn_area .catalog_seikyuu_btn:hover {
  text-decoration: none;
}

/* 閉じるボタン
----------------------------------------------- */
.btn_area .toziru {
  display: block;
  margin: 0 auto;
  line-height: 50px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  width: 260px;
  height: 50px;
  color: #666;
}

.btn_area .toziru:hover {
  text-decoration: none;
}

/* 郵便番号
----------------------------------------------- */
.auto-address-area p {
  margin-left: 0;
}

.auto-address-area .zip-link {
  color: #FF6600;
  text-decoration: underline;
}

.auto-address-area .top {
  margin-bottom: 10px;
}

.auto-address-area .zipimg {
  display: flex;
  align-items: center;
}

.auto-address-area .attention {
  font-size: 12px;
}

.auto-address-area .auto-address {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #CCCCCC;
  border-radius: 3px;
  width: 100px;
  height: 25px;
  line-height: 25px;
  display: block;
  text-align: center;
  margin-right: 10px;
}

.auto-address-area .auto-address:hover {
  text-decoration: none;
}

/* 非会員時購入完了画面の登録案内
----------------------------------------------- */
.hikaiin_touroku_area {
  margin: 0 auto;
  width: 920px;
  border: 1px solid #E0E0E0;
  background: #FFFAD2;
  padding: 20px 40px;
}

/************************************************
 共通設定
************************************************ */
html {
  min-width: 1200px;
}

@media screen and (max-width: 450px) {
  html {
    min-width: auto;
  }
}
body {
  color: #3C3431;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  /*font-size: 72.5%;*/
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.1em;
}

select {
  border: solid 1px #eee;
}

/*写真*/
/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

/* コンテンツ */
#container {
  margin: 0px auto 65px;
  width: 1200px;
  background: #fff;
  text-align: left;
}

.container {
  width: auto;
}

/* ==============================================
 カラム指定
=============================================== */
/* ヘッダーとフッターの上下 [注意]ブロック移動時はbloc.css内で調整が必要 */
#topcolumn,
#footerbottomcolumn {
  margin: 0 auto;
  padding: 15px;
  width: 950px;
  background: #fff;
  text-align: left;
}

#bottomcolumn {
  margin: 0 auto;
  background: #fff;
  text-align: left;
}

/* 中央カラム */
.main_column {
  /*padding: 10px 0 20px;*/
  /*width:740px;*/
}

/* サイドカラム */
#leftcolumn {
  float: left;
  width: 20%;
}

#rightcolumn {
  float: right;
  margin-right: 10px;
}

#rightcolumn.cart_side_column {
  margin-right: 0;
  position: absolute;
  right: calc((100vw - 1200px) / 2);
}

.cart_detail_wrapper.multiple-cart #rightcolumn.cart_side_column {
  position: inherit;
}

/* 1カラム設定 */
#one_maincolumn {
  margin: 0 auto;
}

/* 2カラム設定 (メイン部が左) */
#two_maincolumn_left {
  float: left;
}

/* 2カラム設定 (メイン部が右) */
#two_maincolumn_right {
  width: 920px;
  float: right;
}

/* 3カラム設定 */
#three_maincolumn {
  padding-left: 0.5%;
  width: 59%;
  float: left;
}

/* 下層コンテンツ */
#undercolumn {
  width: 100%;
  margin: 0 0 30px 0;
}

/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}

.clearfix {
  display: block; /* for IE8 */
}

.clear {
  clear: both;
}

.clickable {
  cursor: pointer;
}

/* リンク指定
----------------------------------------------- */
a {
  /*color: #39c;*/
  color: #3C3431;
  text-decoration: none;
}

a:hover {
  /*color: #f60;*/
  text-decoration: underline;
}

img.hover_link:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/* フォント
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
  font-size: 100%;
  line-height: 150%;
}

.sale_price {
  color: #f00;
}

.normal_price {
  text-align: left;
  text-decoration: line-through;
  color: #3C3431;
  font-weight: normal;
  margin-bottom: 0.8rem;
}

.item__card .normal_price {
  font-size: 90%;
}

.point {
  color: #f00;
  font-weight: bold;
}

.user_name {
  font-weight: bold;
}

.recommend_level {
  color: #ecbd00;
}

.attention {
  color: #f00;
  display: block !important;
  white-space: pre-line;
}

th .attention,
label .attention,
td .attention:empty {
  display: inline !important;
}

.attention.blue {
  color: #3070B7;
}

.attentionSt {
  color: #f00;
  font-weight: bold;
  font-size: 14px;
  padding: 20px;
}

.st {
  font-weight: bold;
}

.mini {
  font-size: 90%;
}

/* 行揃え
----------------------------------------------- */
.alignC {
  text-align: center;
}

.alignR {
  text-align: right;
}

.alignL {
  text-align: left;
}

.pricetd em {
  font-weight: bold;
}

/* フォーム
----------------------------------------------- */
input[type=text],
input[type=password],
.select {
  border: medium none;
  padding: 3px;
  /*width:165px;
  float:left;*/
  margin-left: 2px;
  outline: 0;
  background: none;
  border: 1px solid #C1C1C1;
}

input.search {
  background: none;
  cursor: pointer;
  float: right;
  border: 0;
  height: 0;
  text-indent: -9999px;
  width: 72px;
  color: #fff;
}

.box40 {
  width: 40px;
}

.box60 {
  width: 60px;
}

.box100 {
  width: 100px;
}

.box120 {
  width: 120px;
}

.box140 {
  width: 140px;
}

.box145 {
  width: 145px;
}

.box150 {
  width: 150px;
}

.box240 {
  width: 240px;
}

.box300 {
  width: 380px;
}

.box320 {
  width: 320px;
}

.box350 {
  width: 350px;
}

.box380 {
  width: 380px;
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top {
  margin-bottom: 5px;
}

.ng_top {
  margin-bottom: 0 !important;
}

/* タイトル
----------------------------------------------- */
h2.title {
  font-size: 20px;
}

#one_maincolumn .sub_area h3,
#two_maincolumn_right .sub_area h3,
#two_maincolumn_left .sub_area h3,
#three_maincolumn .sub_area h3,
#undercolumn_shopping h3,
#undercolumn_cart h3 {
  margin: 0 0 10px 0;
  padding: 5px 0 5px;
  color: #444444;
  font-size: 130%;
  border-bottom: 1px solid #F0F0F0;
}

#undercolumn_shopping.payment_method h3 {
  letter-spacing: 0px;
  color: #FF6600;
  font-size: 16px;
  padding: 0;
  border-bottom: none;
}

/* #mypagecolumn h3{
    margin: 10px 0 10px 0;
    padding: 5px 0 5px 10px;
    color: #666;
    background:#FAFAF2;
    font-size: 120%;
    border-bottom:#F2F2EA;
} */
.specific_item_area h3 {
  margin: 10px 0 10px 0;
  padding: 5px 0 5px 10px;
  color: #666;
  background: #FAFAF2;
  font-size: 120%;
  border-bottom: #F2F2EA;
}

#mypagecolumn form table {
  /* float:left; */
}

#mypagecolumn #form1 {
  /* width:710px; */
  margin: 0 auto;
}

#undercolumn_shopping {
  margin-top: 40px;
}

div#undercolumn_login .login_area h4 {
  padding-left: 15px;
  background: url("/user_data/packages/default/img/icon/ico_arrow_05.gif") no-repeat left;
}

#mypagecolumn .order_list_table {
  margin: 5px 0px;
}

#mypagecolumn .order_sub_area {
  clear: both;
  padding-left: 20px;
}

#mypagecolumn .order_sub_area .order_sub_table {
  float: none;
}

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    *メインカラム用 1カラム時 [one_maincolumn]
    *メインカラム用 2カラム時 [two_maincolumn_left]
                              [two_maincolumn_right]
    *メインカラム用 3カラム時 [three_maincolumn]
    *サイドカラム用           [side_column]
    *商品詳細のオススメ商品   [whobought_area]
 */
/* ==============================================
ブロック共通
/* ============================================= */
#container .block_body {
  background-color: #fff;
}

.side_column {
  /*overflow-x: hidden;*/ /* IE6 表示乱れ防止 */
}

.side_column .block_outer {
  margin: 10px 7%;
}

.side_column .block_body,
.main_column .block_body {
  border: solid 1px #ccc;
  border-top: none;
}

.side_column .block_body .box {
  border: solid 1px #ccc;
  width: 145px;
}

.main_column .block_outer {
  margin-bottom: 20px;
}

/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
  margin-bottom: 8px;
}

#container .block_outer .block_body dl.formlist dd {
  margin-bottom: 5px;
}

#container .block_outer .block_body dl.formlist dt {
  margin-bottom: 3px;
  padding-left: 15px;
  background: url("/user_data/packages/default/img/icon/ico_arrow_03.gif") no-repeat left;
  font-size: 90%;
}

#container .block_outer .block_body dl.formlist span {
  vertical-align: top;
}

/* バナーリスト */
.common-banner-lists {
  display: flex;
  flex-wrap: wrap;
}

.common-banner-lists > li {
  margin-bottom: 23px;
}

.common-banner-lists > li.col-1 {
  width: 1200px;
}

.common-banner-lists > li.col-2 {
  width: 590px;
}

.common-banner-lists > li.col-2 + li {
  margin-left: 15px;
}

.common-banner-lists > li.col-2:nth-child(2n+1) {
  /* 2カラム時 3,5,7,~ 番目の右余白無し */
  margin-left: 0;
}

.common-banner-lists > li.col-3 {
  width: 390px;
}

.common-banner-lists > li.col-3.no-gap {
  width: 400px;
}

.common-banner-lists > li.col-3 + li {
  margin-left: 15px;
}

.common-banner-lists > li.col-3.no-gap + li {
  margin-left: 0px;
}

.common-banner-lists > li.col-3:nth-child(3n+1) {
  /* 3カラム時 4,7,10,~ 番目の右余白無し */
  margin-left: 0;
}

.common-banner-lists > li.col-4 {
  width: 280px;
}

.common-banner-lists > li.col-4.no-gap {
  width: 300px;
}

.common-banner-lists > li.col-4 + li {
  margin-left: 26.666px;
}

.common-banner-lists > li.col-4.no-gap + li {
  margin-left: 0px;
}

.common-banner-lists > li.col-4:nth-child(4n+1) {
  /* 4カラム時 5,9,13,~~ 番目の右余白無し */
  margin-left: 0;
}

.common-banner-lists > li a {
  display: block;
}

.common-banner-lists img {
  width: 100%;
}

/* タイトル
----------------------------------------------- */
/* 共通Title */
.corner-ttl {
  color: #000;
  font-size: 24px;
  border-bottom: 1px solid #3c3431;
  padding-bottom: 5px;
  padding-top: 30px;
  margin-bottom: 50px;
  font-weight: normal;
}

/* タイトルの背景 白 */
#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
  font-size: 14px;
}

#category_area h2 {
  border-top: solid 1px #f90;
  background: url("/user_data/packages/default/img/background/bg_tit_bloc_01.jpg") repeat-x left bottom;
  padding: 5px 0 8px 10px;
  font-size: 14px;
}

/* タイトルの背景 オレンジ */
#recommend_area h2,
#news_area h2 {
  padding: 5px 0 8px 10px;
  border-style: solid;
  border-color: #f90 #ccc #ccc;
  border-width: 1px 1px 0;
  background: url("/user_data/packages/default/img/background/bg_btn_bloc_02.jpg") repeat-x left bottom #fef3d8;
}

/* ==============================================
▼ヘッダー上、フッター下のブロックエリア
=============================================== */
div#topcolumn {
  margin: 0px;
  clear: both;
}

div#bottomcolumn {
  margin: 0px;
  clear: both;
}

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */
/* ===============================================
▼新着情報
=============================================== */
#news_area .block_body {
  padding: 10px;
}

#news_area .news_contents {
  padding-right: 10px;
  max-height: 260px;
  height: auto !important;
  height: 260px;
  overflow: auto;
  overflow-y: scroll;
}

#news_area dl.newslist {
  background: url("/user_data/packages/default/img/background/line_dot_01.gif") repeat-x bottom;
}

#news_area dl.newslist dt {
  margin-bottom: 5px;
}

#news_area dl.newslist dd {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#news_area dl.end {
  padding: 10px 0;
  background: url("") no-repeat bottom;
}

.top-breaking-news {
  border: 2px solid #ff6600;
  margin-top: 60px;
}

.top-breaking-news__title {
  font-size: 24px;
  color: #fff;
  text-align: center;
  background-color: #ff6600;
  padding: 2px 0;
}

.top-breaking-news__content {
  font-size: 18px;
  padding: 8px 0px;
}

.top-breaking-news__content > li {
  padding: 10px 20px;
}

.top-breaking-news__time {
  color: #3c3431;
  margin-right: 15px;
}

/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
  padding: 10px;
}

#cart_area .postage {
  margin-top: 10px;
  padding-top: 10px;
  background: url("/user_data/packages/default/img/background/line_dot_01.gif") repeat-x top;
}

#cart_area .postage .point_announce {
  padding: 2px 0 2px 20px;
  background: url("/user_data/packages/default/img/icon/ico_price.gif") no-repeat left top;
}

#cart_area .btn {
  padding: 10px 0;
  background: url("/user_data/packages/default/img/background/line_dot_01.gif") repeat-x top #f7f7e6;
  text-align: center;
}

/* ===============================================
▼カテゴリ
=============================================== */
#category_area .block_body {
  background-color: #fffaf0;
}

#category_area li {
  padding-left: 5px;
}

#category_area li.level1 {
  border-bottom: solid 1px #ccc;
}

#category_area li.level1 p {
  padding-left: 20px;
  margin: 7px 3px;
}

#category_area li.level1 p {
  background: url("/user_data/packages/default/img/icon/ico_arrow_01.gif") 2px 3px no-repeat;
}

#category_area li.level1 li p {
  background: url("/user_data/packages/default/img/icon/ico_level.gif") 7px 7px no-repeat;
}

#category_area li a {
  display: block;
  padding: 0;
}

a.onlink:link {
  color: #f00;
  text-decoration: underline;
}

a.onlink:visited {
  color: #f00;
}

a.onlink:hover {
  color: #f00;
}

/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
  margin-top: 1em;
  border: none;
}

#guide_area li {
  margin-bottom: 5px;
  letter-spacing: -0.05em;
}

ul.button_like li {
  margin: 0;
  padding: 0 0 1px 0;
  background: url("/user_data/packages/default/img/background/bg_btn_list.jpg") bottom repeat-x;
}

ul.button_like li a {
  margin: 0;
  padding: 10px 15px 10px 10px;
  border: 1px solid;
  border-bottom: none;
  border-color: #ccc;
  display: block;
  background: url("/user_data/packages/default/img/icon/ico_arrow_02.gif") no-repeat right;
  text-decoration: none;
  outline: none;
}

/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
  padding: 10px;
}

#container div#login_area .block_body p {
  margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
  text-align: center;
}

#container .login_area dl.formlist {
  margin-bottom: 8px;
  width: 530px;
  margin: 20px auto 0;
}

#container .login_area dl.formlist dt {
  margin-bottom: 3px;
  color: #333;
  width: 90px;
  float: left;
  font-size: 90%;
}

#container .login_area dl.formlist dd {
  margin-bottom: 5px;
  float: left;
  width: 300px;
  vertical-align: bottom;
  text-align: left;
}

#container div#login_area .block_body .mini {
  margin-top: 5px;
  letter-spacing: -0.01em;
}

/* ===============================================
▼検索
=============================================== */
div#search_area .block_body {
  padding: 10px;
}

div#search_area .block_body .btn {
  text-align: center;
}

/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
  background-color: transparent;
  border: none;
}

#calender_area .block_body {
  padding: 10px 0;
  background-color: #f1f9fc;
}

#calender_area table {
  background: #fff;
  border: none;
  width: 150px;
  margin: 0 auto 5px;
  font-size: 90%;
}

#calender_area table td {
  padding: 1px 3px;
  border-top: 1px solid #ccc;
  border-right: none;
  text-align: center;
}

#calender_area th {
  padding: 1px 3px;
  background: #fff;
  border: none;
  text-align: center;
}

#calender_area table .month {
  margin-bottom: 5px;
  padding-left: 12px;
  background: url("/user_data/packages/default/img/icon/ico_arrow_04.gif") no-repeat left;
  font-size: 120%;
}

#calender_area .off {
  color: #f00;
}

#calender_area .today {
  background-color: #fff99d;
  font-weight: bold;
}

#calender_area .information {
  margin-left: 10px;
  font-size: 90%;
}

/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用 2カラム時 [two_maincolumn_left]
                            [two_maincolumn_right]
   メインカラム用 3カラム時 [three_maincolumn]
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recommend_area .block_body,
#whobought_area .product_item {
  margin-bottom: 10px;
  padding: 10px 0 10px;
  border: none;
  background: url("/user_data/packages/default/img/background/line_dot_01.gif") repeat-x bottom;
}

#recommend_area .block_body p,
#whobought_area .product_item p {
  margin: 0 0 5px 0;
}

#recommend_area .block_body img,
#whobought_area .product_item img {
  margin: 0 5px 0 0;
}

#recommend_area .block_body h3,
#whobought_area .product_item h3 {
  font-size: 100%;
  font-weight: normal;
}

/* サイドカラム用 */
.side_column #recommend_area .product_item {
  margin-bottom: 10px;
}

/* 画像
----------------------------------------------- */
/* メインカラム用 */
.main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
  margin-bottom: 10px;
  float: left;
  width: 90px;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
  float: none;
  text-align: center;
  width: auto;
}

/* 左右の振り分け
----------------------------------------------- */
.main_column #recommend_area .product_item,
#whobought_area .product_item {
  float: left;
  width: 47.5%;
  padding-left: 1%;
  padding-right: 1%;
}

/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#one_maincolumn #recommend_area .block_body .productContents {
  float: right;
  width: 74%;
}

/* メインカラム用 2カラム時*/
#two_maincolumn_right #recommend_area .block_body .productContents,
#two_maincolumn_left #recommend_area .block_body .productContents,
#two_maincolumn_right #whobought_area .productContents,
#two_maincolumn_left #whobought_area .productContents {
  float: right;
  width: 74%;
}

/* メインカラム用 3カラム時*/
#three_maincolumn #recommend_area .block_body .productContents,
#three_maincolumn #whobought_area .productContents {
  float: right;
  width: 67%;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
  clear: both;
}

.side_column .sidemenu_wrapper {
  width: 240px;
  height: auto;
}

.side_column .sidemenu_wrapper .sidemenu_wrapper_in {
  width: 100%;
  height: auto;
  padding-bottom: 12px;
}

.side_column .sidemenu_wrapper_sub_contents {
  margin-top: 16px;
}

.side_column .sidemenu_wrapper_sub_contents ul li {
  border-bottom: 1px solid #e0e0e0;
}

#leftcolumn.side_column .sidemenu_wrapper .sidemenu_list {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.side_column .sidemenu_wrapper .sidemenu_list:first-child {
  border-top: 1px solid #e0e0e0;
}

.side_column .sidemenu_list .genre {
  width: 100%;
}

.side_column .sidemenu_list .genre::before {
  content: "";
  position: absolute;
  top: 0;
  width: 16px;
  height: 40px;
  background: #ffef6c;
}

.side_column .sidemenu_list .genre.border_none {
  background: none;
}

.side_column .sidemenu_list div.genre.last {
  background: none;
}

.side_column .sidemenu_list .genre h5 {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 27px;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.7px;
  font-weight: normal;
}

.side_column .sidemenu_list .genre h5::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 8px;
  background-color: #ff6600;
  right: 17px;
  bottom: 0;
  top: 0;
  margin: auto;
  transition: 0.3s ease-out;
}

.side_column .sidemenu_list .genre h5::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background-color: #ff6600;
  right: 14px;
  bottom: 0;
  top: 0;
  margin: auto;
  transition: 0.3s ease-out;
}

.side_column .sidemenu_list .genre h5:hover {
  color: #ff6600;
}

.side_column .sidemenu_list .genre.is-active h5::after {
  opacity: 0;
}

.side_column .sidemenu_list .genre ul li label span {
  width: 120px;
  display: inline-block;
}

.side_column .sidemenu_list .genre ul li label input[type=checkbox] {
  vertical-align: top;
}

.side_column .sidemenu_list li a {
  display: block;
  color: #3c3431;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  padding-left: 27px;
  font-size: 12px;
  border-bottom: 1px solid #e0e0e0;
}

.side_column .sidemenu_list li a.design_list,
.side_column .sidemenu_list li a.ideanote {
  display: block;
  color: #3c3431;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-decoration: none;
  padding-left: 84px;
  position: relative;
}

.side_column .sidemenu_list li a.design_list::before {
  content: "";
  position: absolute;
  background: url(/user_data/packages/default/img/sidebar/icon-design-list.svg);
  width: 28px;
  height: 28px;
  top: 11px;
  left: 47px;
}

.side_column .sidemenu_list li a.ideanote::before {
  content: "";
  position: absolute;
  top: 0;
  background: url(/user_data/packages/default/img/sidebar/icon-idea.svg);
  width: 24px;
  height: 24px;
  top: 12px;
  left: 49px;
}

.side_column .sidemenu_list .genre ul li a:first-child {
  color: #3c3431;
}

.side_column .sidemenu_list .genre ul li a:hover {
  color: #ff6600;
}

.side_column .sidemenu_list .genre ul li a span {
  display: inline-block;
}

.side_column .sidemenu_list .genre ul li a.side_sub_item_title {
  width: 295px;
}

.side_column .sidemenu_list .genre ul li a.long {
  padding: 10px 0 0 55px;
  height: 45px;
}

.side_column .sidemenu_list .genre ul li h6 a,
.side_column .sidemenu_list .genre ul li h6 a:hover {
  background: none;
  height: 0;
  padding: 0 0 15px 0;
  display: inline-block;
  line-height: 2;
}

.side_column .sidemenu_list .genre ul.side_category_sub_list li a,
.side_column .sidemenu_list .genre ul.side_category_sub_list li a:hover {
  background: none;
  height: 14px;
  padding: 0;
  display: inline-block;
  line-height: 2;
  border: none;
  transition: 0.3s all;
}

.side_column .sidemenu_list .genre ul.side_category_sub_list li a:hover {
  color: #ff6600;
}

.side_category_sub_inner li,
.side_category_sub_inner li:hover {
  background: none;
}

.side_column .sidemenu_list .genre a.more {
  color: #ff6622;
  font-size: 10px;
  text-decoration: underline;
  display: block;
  float: right;
  padding-bottom: 20px;
  padding-left: 10px;
}

.side_column .sidemenu_list .genre {
  clear: both;
  position: relative;
}

.side_column .sidemenu_list .genre.atta_comic {
  text-align: center;
  padding-top: 0;
  /*background-color:#FFC828;*/
}

.side_column .sidemenu_list .atta_comic h5 {
  text-align: left;
}

.side_column .sidemenu_list .atta_comic a:hover {
  opacity: 0.6;
}

.side_column .sidemenu_list .side_narrowdown {
  padding: 15px 0;
  text-align: center;
  width: 100%;
}

.side_column .sidemenu_list .side_narrowdown input[type=button] {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cacece;
  border-radius: 3px 3px 3px 3px;
  padding: 2px 20px;
  text-align: center;
}

.side_column .service {
  margin-top: 5px;
}

.side_column .sns a.tw {
  position: absolute;
  left: 17px;
  top: 3px;
  background: url(/user_data/packages/default/img/icon/sns_banner_tw.png) no-repeat;
  background-size: 42px 42px;
  width: 42px;
  padding-top: 42px;
  height: 0;
  overflow: hidden;
}

.side_column .sns a.fb {
  position: absolute;
  left: 84px;
  top: 5px;
  background: url(/user_data/packages/default/img/icon/sns_banner_fb.png) no-repeat;
  background-size: 38px 38px;
  width: 38px;
  padding-top: 38px;
  height: 0;
  overflow: hidden;
}

.side_column .sns a.is {
  position: absolute;
  left: 150px;
  top: 5px;
  background: url(/user_data/packages/default/img/icon/sns_banner_is.png) no-repeat;
  background-size: 40px 40px;
  width: 40px;
  padding-top: 40px;
  height: 0;
  overflow: hidden;
}

.side_column .sns a.tw:hover,
.side_column .sns a.is:hover,
.side_column .sns a.fb:hover {
  opacity: 0.6;
}

.side_column .side_banner {
  margin: 5px 0px;
}

.side_column .side_category {
  position: relative;
}

.side_column .side_category > a {
  padding-left: 27px;
  position: relative;
}

.side_column .side_category > a::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ddd;
  border-right: 2px solid #ddd;
  transform: rotate(45deg);
}

.side_column .side_category_sub_inner {
  display: none;
  position: absolute;
  background-color: #fff;
  top: -1px;
  left: 212px;
  z-index: 102;
  border: solid 1px #e0e0e0;
  font-size: 13px;
  padding: 10px 20px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  width: 100%;
}

.side_column .side_category_sub_inner ul.side_category_sub_list {
  float: left;
}

.side_column .side_category_sub_inner div.side_category_sub_image {
  float: left;
  width: 190px;
  height: 140px;
  background-color: #fff;
}

.side_column .side_category_sub_inner div.side_category_sub_image img {
  position: absolute;
  top: 10px;
  background-color: #fff;
}

.side_column .side_category_sub_list li {
  margin: 10px 5px;
}

.side_column .side_product_piture {
  float: left;
  height: 120px;
  overflow: hidden;
  margin: 10px;
}

.side_column .side_product_piture a {
  width: 120px;
}

.side_column .sidemenu_wrapper_second {
  margin-top: 10px;
}

.side_column .sidemenu_title {
  padding: 10px 0;
}

.side_column .sidemenu_title h3 {
  font-size: 12px;
}

.side_column .vanfu_banner {
  margin: 11px 0px;
}

.side_category .side_category_sub_inner h6 {
  color: #3c3431;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 18px;
}

.side_column .banners {
  text-align: center;
  padding: 10px;
  margin: 11px 0px;
  box-shadow: 0px 0px 3px 0px rgb(204, 204, 204);
  -webkit-box-shadow: 0px 0px 3px 0px rgb(204, 204, 204);
  -o-box-shadow: 0px 0px 3px 0px rgb(204, 204, 204);
  -ms-box-shadow: 0px 0px 3px 0px rgb(204, 204, 204);
  width: 210px;
  box-sizing: border-box;
}

.side_column .banners p {
  margin-top: 8px;
  text-align: left;
}

/* 電光掲示板 */
#ticker {
  margin: 0 auto;
  padding: 10px;
  width: 98%;
  text-align: left;
  position: absolute;
  overflow: hidden;
}

#ticker ul {
  width: 100%;
  position: relative;
}

#ticker ul li {
  width: 100%;
  display: none;
}

/* 小サイズスライダー */
#slideshow {
  width: 740px;
  margin: 5px 0 0 0;
  visibility: hidden;
}

#slideshow .main {
  width: 740px;
  height: 324px;
  overflow: hidden;
  position: relative;
}

#slideshow .sumb {
  display: inline-block;
  float: right;
  margin-top: 5px;
  position: relative;
}

#slideshow .sumb_inner {
  top: -100px;
  position: absolute;
}

#slideshow .main div {
  top: 0;
  left: 0;
  position: absolute;
}

#slideshow .sumb a {
  background: none repeat scroll 0 0 #ccc;
  border-radius: 10px;
  display: inline-block;
  height: 8px;
  margin: 0 3px;
  overflow: hidden;
  width: 8px;
}

#slideshow .sumb a.active {
  background: none repeat scroll 0 0 #fe6f0f;
  opacity: 1 !important;
}

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

/* attaのコンテンツ */
.confirm_mailmaga_outer {
  position: relative;
  margin-left: 10px;
}

#confirm_mailmaga {
  padding: 15px 10px;
  position: absolute;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  background: #f4f1de;
  z-index: 202;
  text-align: center;
  top: -77px;
  left: -1px;
  width: 480px;
  height: 66px;
}

#registMailmagaAttention {
  display: none;
}

.atta_tayori {
  margin: 30px 0;
}

.atta_tayori input[type=text] {
  border: 3px solid #eee;
  background: #fff;
  padding: 8px;
  font-size: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
}

.atta_tayori input#send[type=button] {
  border: none;
  background: url(/user_data/packages/default/img/button/btn_mailmagazine.png) no-repeat;
  width: 96px;
  height: 44px;
}

.atta_omoi_text {
  background: url(/user_data/packages/default/img/top/about.png) no-repeat right center;
}

/************************************************
 tables
************************************************ */
/* デフォルトテーブル
----------------------------------------------- */
table {
  margin: 15px auto 20px auto;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

html:not([lang*=""]) table { /* Firefox用 */
  border-collapse: separate;
}

table th {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #333;
  background-color: #F8F8F8;
  font-weight: normal;
}

table td {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table#important {
  /*background-color: #FA8211;*/
  border-top: 1px solid #ADADAD;
  border-left: 1px solid #ADADAD;
}

table#important th {
  border-right: 1px solid #ADADAD;
  border-bottom: 1px solid #ADADAD;
}

table#important td {
  border-right: 1px solid #ADADAD;
  border-bottom: 1px solid #ADADAD;
}

.shop_input table th {
  background-color: #FFE6AD;
}

/* 見出し
----------------------------------------------- */
div#undercolumn_shopping table th[scope=col] {
  text-align: center;
}

div#undercolumn_shopping table.delivname th {
  width: 155px;
}

/* MYページ */
div#mycontents_area table th {
  text-align: left;
}

div#mycontents_area table th.alignR {
  text-align: right;
}

div#mycontents_area table th.alignL {
  text-align: left;
}

div#mycontents_area table th.alignC {
  text-align: center;
}

div#mycontents_area table th.resulttd {
  text-align: right;
}

div#mycontents_area table caption {
  padding: 8px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  color: #000;
  background-color: #f0f0f0;
  text-align: left;
  font-weight: bold;
}

/* その他
----------------------------------------------- */
table select {
  margin-bottom: 7px;
  border: solid 1px #ccc;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

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

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hov-opacity {
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
}

.hov-opacity:hover {
  opacity: 0.8;
}

.block-center-1200 {
  width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 旧デザイン対応用 */
.block-center-980 {
  width: 980px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/************************************************
 インヘッダーブロック
************************************************ */
#headerInternalColumn {
  /*padding-top: 5px;
    height: 26px;
    float: right;
    width: 520px;
    height: 35px;*/
}

/* ログイン（ヘッダー用）
----------------------------------------------- */
#header_login_area_outer {
  height: 40px;
  background: #ff6600;
}

#header_login_area ul.formlist {
  /* margin-top: 5px; */
}

#header_login_area ul.formlist li {
  float: left;
  position: relative;
}

#header_login_area p.btn input[type=image] {
  vertical-align: middle;
}

#header_login_area ul.formlist li.mainmenu div.submenu {
  display: none;
  padding: 2px;
  background-color: #fff;
  position: absolute;
  left: -2px;
  top: 40px;
  box-shadow: 1px 1px #e6e6e6;
  border: 1px solid #e6e6e6;
  z-index: 100;
  width: 250px;
  text-align: left;
}

#header_login_area ul.formlist li.mainmenu div.submenu li {
  border: none;
  margin: 8px 8px;
  float: none;
}

#header_login_area ul.formlist li.mainmenu div.submenu li.ttl {
  border: none;
  margin-left: 0px;
  margin-top: 14px;
  font-weight: bold;
  font-size: 105%;
}

#header_login_area ul.formlist li.mainmenu div.submenu .header_navi_logout {
  margin: 16px 8px 8px 8px;
  padding: 2px;
  padding-top: 16px;
  border-top: dotted #e6e6e6;
}

.header_buttons .mypage_submenu {
  display: none;
  position: absolute;
  top: 80px;
  right: -38px;
  z-index: 101;
  padding-top: 20px;
  background: transparent;
}

.header_buttons #mypage {
  position: relative;
}

.header_buttons .mypage_submenu__inner {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 15px 15px 17px;
}

.header_buttons .mypage_submenu__inner ul {
  text-align: left;
}

.header_buttons .mypage_submenu__inner ul li:not(.ttl) {
  font-size: 11px;
  text-indent: 10px;
}

.header_buttons .mypage_submenu__inner ul .ttl {
  font-size: 13px;
  margin-bottom: 3px;
  margin-top: 9px;
}

.header_buttons .mypage_submenu__inner ul .ttl:first-of-type {
  margin-top: 0;
}

.header_buttons .mypage_submenu__inner .logout {
  display: block;
  font-size: 11px;
  width: auto;
  height: 12px;
  text-align: left;
  text-indent: 10px;
}

/* ***********************************************
追加ブロック
************************************************ */
/* 共通
----------------------------------------------- */
#container .block_outer #banner_area .block_body {
  border: none;
}

/* 【メイン】バナーエリア_02
----------------------------------------------- */
.main_column .block_outer #banner_area .block_body ul {
  width: 100%;
}

.main_column .block_outer #banner_area .block_body ul li {
  float: left;
}

.main_column .block_outer #banner_area .block_body ul li.sub_01 {
  padding-right: 8px;
}

/* 【サイド】バナーエリア_01
----------------------------------------------- */
/* 【サイド】バナーエリア_02
----------------------------------------------- */
#leftcolumn .block_outer #banner_area .block_body ul li,
#rightcolumn .block_outer #banner_area .block_body ul li {
  margin-bottom: 8px;
}

/************************************************
 商品一覧全般

 ・汎用商品一覧 (タグお気に入り無しver.)
 ・汎用商品一覧 (タグお気に入り有りver.)

************************************************ */
/*  汎用商品一覧 (タグお気に入り無しver.) 
----------------------------------------------- */
.common-products-list {
  display: flex;
  flex-wrap: wrap;
}

.common-products-list.ranking_list {
  margin-bottom: 100px;
}

.common-products-list > li {
  width: 210px;
}

.common-products-list > li._col-4 + li {
  margin-left: 26.6px;
}

.common-products-list > li._col-5 + li {
  margin-left: 37.5px;
}

.common-products-list > li._col-4:nth-child(4n+1) {
  margin-left: 0;
}

.common-products-list > li._col-5:nth-child(5n+1) {
  margin-left: 0;
}

.common-products-list .common-products-list__serial {
  margin-bottom: 2px;
}

.common-products-list .common-products-list__image {
  width: 210px;
  margin-bottom: 10px;
  position: relative;
}

.common-products-list .common-products-list__image a {
  display: flex;
  justify-content: center;
}

.common-products-list .common-products-list__image a img {
  width: 100%;
  max-height: 210px;
}

.common-products-list .common-products-list__about {
  font-size: 14px;
}

.common-products-list .common-products-list__about a {
  display: block;
  margin-bottom: 5px;
}

.common-products-list .common-products-list__name {
  height: 51px;
  overflow: hidden;
  font-weight: normal;
  margin-bottom: 7px;
  line-height: 1.28;
}

.common-products-list .common-products-list__price {
  font-weight: bold;
}

.common-products-list .rank1 .common-products-list__image::after {
  background: url("/user_data/packages/default/img/top/ranking/1.png") no-repeat;
}

.common-products-list .rank2 .common-products-list__image::after {
  background: url("/user_data/packages/default/img/top/ranking/2.png") no-repeat;
}

.common-products-list .rank3 .common-products-list__image::after {
  background: url("/user_data/packages/default/img/top/ranking/3.png") no-repeat;
}

.common-products-list .rank4 .common-products-list__image::after {
  background: url("/user_data/packages/default/img/top/ranking/4.png") no-repeat;
}

.common-products-list .rank5 .common-products-list__image::after {
  background: url("/user_data/packages/default/img/top/ranking/5.png") no-repeat;
}

.common-products-list .rank6 .common-products-list__image::after {
  background: url("/user_data/packages/default/img/top/ranking/6.png") no-repeat;
}

.common-products-list .rank1 .common-products-list__image::after,
.common-products-list .rank2 .common-products-list__image::after,
.common-products-list .rank3 .common-products-list__image::after,
.common-products-list .rank4 .common-products-list__image::after,
.common-products-list .rank5 .common-products-list__image::after,
.common-products-list .rank6 .common-products-list__image::after {
  content: "";
  width: 42px;
  height: 39px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}

/*  汎用商品一覧 (タグお気に入り有りver.) 
----------------------------------------------- */
/*
 * 特集ページ用CSS
 */
.special h3.special_caption {
  font-size: 20px;
  border-bottom: 1px solid #999;
  font-weight: normal;
}

.special h3.special_caption .sml {
  font-size: 15px;
}

.special .lead_text {
  margin: 30px 0px;
  line-height: 190%;
}

#main .special .item_list {
  margin-top: 20px;
}

#main .special .item_list ul {
  clear: both;
}

#main .special .item_list div.special_items {
  margin: 25px 0 40px;
  line-height: 190%;
}

#main .special .item_list ul li {
  margin-left: 44px;
}

#main .special img.img-twocolumns {
  width: 50%;
}

/* bloc */
#main section.special .lead_text .two-infobloc,
#main section.special .special_items .two-infobloc {
  width: 46%;
  float: left;
  margin: 15px 15px 30px;
  height: 230px;
}

#main section.special .lead_text .two-infobloc {
  height: 330px;
}

#main section.special .lead_text .two-infobloc .infobloc-comment,
#main section.special .special_items .two-infobloc .infobloc-comment {
  width: 47%;
  margin-right: 10px;
  float: left;
}

#main section.special .lead_text .two-infobloc .infobloc-picture,
#main section.special .special_items .two-infobloc .infobloc-picture {
  width: 50%;
  float: left;
}

#main section.special .lead_text .two-infobloc .infobloc-comment h4,
#main section.special .special_items .two-infobloc .infobloc-comment h4 {
  font-weight: bold;
  font-size: 17px;
  border-bottom: 2px solid #999;
  margin-bottom: 10px;
}

#main section.special .lead_text .two-infobloc .infobloc-comment p,
#main section.special .special_items .two-infobloc .infobloc-comment p {
  line-height: 1.4em;
}

#main section.special .lead_text .two-infobloc .infobloc-comment a.infobloc-btn,
#main section.special .special_items .two-infobloc .infobloc-comment a.infobloc-btn {
  background-color: #f39d0c;
  color: #fff;
  display: table;
  margin: 10px auto;
  padding: 8px 16px;
  text-align: center;
}

#main section.special .lead_text .two-infobloc .infobloc-comment a.infobloc-btn:hover,
#main section.special .special_items .two-infobloc .infobloc-comment a.infobloc-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

#main section.special .lead_text .two-infobloc .infobloc-picture img,
#main section.special .special_items .two-infobloc .infobloc-picture img {
  width: 100%;
}

/* 特集一覧ページ */
section.special_list ul li {
  width: 43%;
  padding: 30px;
  float: left;
}

section.special_list ul li img {
  width: 100%;
}

.special_items_card {
  position: relative;
}

.special_items_card .immediately_deliv {
  font-size: 12px;
  line-height: 14px;
  border-bottom: 2px solid #EB5E1E;
  color: #EB5E1E;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -20px;
}

.special_items_card .immediately_deliv::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url("/user_data/packages/default/img/icon/icon-delivery.svg");
  vertical-align: text-top;
  margin-right: 4px;
}

.special_items_card img.toplist_item {
  width: 100%;
}

#main div.about_item .number {
  color: #3C3431;
  font-size: 11px;
}

div.about_item h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  height: 49px;
  margin-bottom: 16px;
}

#main div.about_item p.price {
  text-align: left;
  color: #3C3431;
  height: auto;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}

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

.special_items_card .tag {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/************************************************
 ポップアップウィンドウ
************************************************ */
/* 共通
----------------------------------------------- */
div#windowcolumn {
  border-top: solid 3px #f90;
  width: 560px;
  height: 100%;
  margin: 15px 15px 0 15px;
  background: #fff;
}

div#windowcolumn h2 {
  margin-bottom: 10px;
  padding: 8px;
  /*border-top: solid 1px #ebeced;
  color: #f60;
  background: url("/user_data/packages/default/img/background/bg_tit_sub_01.jpg") repeat-x left bottom;
  background-color: #fef3d8;*/
  color: #000;
  font-size: 170%;
}

div#window_area {
  margin: 15px auto 0 auto;
  padding-bottom: 20px;
  width: 540px;
  min-height: 300px;
  height: auto !important;
}

div#window_area p.information {
  margin-bottom: 20px;
}

div#window_area .message {
  margin-bottom: 20px;
  color: #f60;
  line-height: 150%;
  font-weight: bold;
  font-size: 140%;
}

div#window_area table {
  width: 526px;
}

/* お客様の声の書き込み、新しいお届け先の追加・変更
----------------------------------------------- */
div#window_area #forgot {
  margin: 0 auto;
  padding: 20px;
  width: 440px;
  border: 1px solid #ccc;
  text-align: left;
}

div#window_area #forgot .mailaddres {
  margin-bottom: 10px;
}

div#window_area #forgot p {
  text-align: center;
}

/* 商品詳細拡大写真、カート拡大写真
----------------------------------------------- */
div#bigimage,
div#cartimage {
  margin-top: 15px;
  background-color: #fff;
  text-align: center;
}

div#bigimage img,
div#cartimage img {
  padding: 10px;
  background-color: #fff;
}

/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {
  margin: 15px auto 0 auto;
  border-top: 5px solid #ffa85c;
  border-bottom: 5px solid #ffa85c;
  width: 460px;
  background-color: #fff;
}

div#zipsearchcolumn h2 {
  margin: 0 0 15px 0;
  width: 460px;
}

div#zipsearch_area {
  margin: 15px auto 0 auto;
  width: 460px;
}

div#zipsearchcolumn .btn {
  margin: 15px 0 30px 0;
  text-align: center;
}

div#zipsearch_area #completebox p {
  padding: 60px 5px;
  text-align: center;
}

/* shop_route
----------------------------------------------- */
.route_section {
  /*border: 5px solid #F9F9F9;
  padding: 20px;
  width:500px;*/
  margin: 10px 0;
  line-height: 180%;
}

.route_section h2 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 18px;
}

.route_section .map_navi {
  margin-left: 10px;
}

.route_section .map_navi li {
  float: left;
  width: 182px;
  margin-left: 30px;
  margin-bottom: 15px;
}

.route_section .map_navi li:first-child {
  margin-left: 0;
}

.route_section .map_navi li img {
  border: 1px solid #ccc;
}

.route_section .map_navi li p {
  display: block;
  margin-top: 10px;
}

.route_section .map_navi li p span.nm {
  font-weight: bold;
  font-size: 13px;
  color: #000;
}

.route_section h3 {
  background: #fafaf2;
  padding: 5px 0 5px 10px;
  margin: 10px 0 10px 0;
  color: #666;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

.route_section h4 {
  color: #848484;
  border-bottom: 1px solid #f9f9f9;
  padding: 5px 0 5px 5px;
  margin: 20px 0 15px;
  font-size: 14px;
}

.route_section .google_map {
  width: 515px;
  margin-left: 10px;
}

.route_section #maproute .route li {
  margin: 15px 0;
}

.route_section #maproute .route a {
  color: #ff4e00;
}

.route_section #maproute .route a span.arrow_r {
  background: url(/user_data/packages/default/img/icon/ico_arrow_03.gif) center left no-repeat;
  display: inline-block;
  padding-left: 15px;
}

.route_section .map_navi table {
  width: 490px;
}

/* for SP */
.google_map iframe {
  width: 520px;
  height: 410px;
}

@media screen and (max-width: 450px) {
  div#windowcolumn {
    width: 100%;
    margin: 15px 0;
  }
  div#window_area {
    width: 100%;
  }
  .route_section .google_map {
    width: 95%;
  }
  .google_map iframe {
    width: 100%;
  }
  .route_section .map_navi li {
    width: 99%;
    float: none;
    padding: 10px 20px 10px;
    box-sizing: border-box;
    margin: 10px 0 0 0;
  }
  div#window_area table {
    width: 96%;
  }
  .add_address_sp .box300 {
    width: 90%;
  }
  .add_address_sp .box120 {
    width: 30%;
  }
  .add_address_sp .box60 {
    width: 20%;
  }
}
/************************************************
 atta用CSS
************************************************ */
/* 商品表示
----------------------------------------------- */
#arrProducts {
  margin-bottom: 10px;
  height: 155px;
}

#arrProducts ul li {
  float: left;
  width: 115px;
  margin: 10px;
}

#arrProducts ul li p.item_image {
  text-align: center;
}

#arrProducts ul li p.price {
  font-size: 90%;
}

#arrProducts ul li p.price em {
  color: #FF0000;
}

#loading {
  text-align: center;
  height: 50px;
  vertical-align: middle;
  padding: 60px;
}

#paging {
  float: right;
}

#arrRecommendItems h2 {
  padding: 5px 0 8px 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-color: #f90 #ccc #ccc;
  border-width: 1px 1px 0;
  background: url("\3c !--{$TPL_URLPATH}-->img/background/bg_btn_bloc_02.jpg") repeat-x left bottom #fef3d8;
}

#arrRecommendItems {
  margin-bottom: 10px;
}

#arrRecommendItems ul li {
  float: left;
  width: 115px;
  margin: 10px;
}

#arrRecommendItems ul li p.item_image {
  text-align: center;
}

#arrRecommendItems ul li p.price {
  font-size: 90%;
}

#arrRecommendItems ul li p.price em {
  color: #FF0000;
}

/* ==============================================
 メンテナンス用
=============================================== */
#site_maintenance_message {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  color: #F90000;
}

/* ===============================================
▼デザイン一覧
=============================================== */
#design_select ul#tabs {
  list-style: none outside none;
  margin: 0;
  width: 100%;
  background: #f7f7f7;
  margin-top: 10px;
}

#design_select ul#tabs li {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  float: left;
  padding: 10px 0;
  text-align: center;
  color: #999999;
  width: 162px;
}

#design_select ul#tabs li:first-child {
  border-left: 1px solid #ccc;
}

#design_select ul#tabs li.last {
  border-right: 0 none;
}

#design_select ul#tabs li.open {
  color: #ff6600;
  border-bottom: 1px solid #fff;
}

#design_select div.box {
  /*border: 1px solid #333;*/
  height: 150px;
  padding: 10px;
  width: 280px;
}

#design_select div.tabbox {
  width: 977px;
  padding: 30px 0 40px 0px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#design_select div.tabbox ul {
  margin-left: 35px;
}

#design_select div.tabbox ul li {
  float: left;
  padding-right: 35px;
  color: #000;
}

#design_select div.tabbox ul li a,
#design_select div.genrebox ul li a {
  color: #555555;
  display: block;
}

#design_select div.tabbox ul li a.active,
#design_select div.genrebox ul li.active,
#design_select div.genrebox ul li a.active {
  color: #ff6600;
}

#design_select div.tabbox ul li a:hover,
#design_select div.genrebox ul li a:hover {
  text-decoration: none;
}

#design_select div.genrebox {
  clear: both;
  width: 977px;
  padding: 20px 0;
  background: #f7f7f7;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#design_select div.genrebox ul {
  margin-bottom: 15px;
}

#design_select div.genrebox ul li {
  float: left;
  padding-right: 20px;
  color: #666;
}

#design_select div.genrebox ul li img {
  padding-left: 5px;
}

#design_select div.genrebox .h_layout, #design_select div.genrebox .h_genre {
  clear: both;
  font-weight: bold;
  display: inline-block;
  float: left;
  margin-left: 20px;
  padding: 3px 0;
}

#design_select div.genrebox .select_layout {
  padding: 3px 0;
}

#design_select div.genrebox li .z {
  padding: 2px 1px;
}

#design_select div.genrebox li .x {
  background: url(/user_data/packages/default/img/sub/design_list/x_off.png) no-repeat scroll 55px 1px;
  padding: 2px 25px;
}

#design_select div.genrebox li .x.active {
  background: url(/user_data/packages/default/img/sub/design_list/x.png) no-repeat scroll 55px 1px;
  padding: 2px 25px;
}

#design_select div.genrebox li .y {
  background: url("/user_data/packages/default/img/sub/design_list/y_off.png") no-repeat scroll 60px 1px;
  padding: 2px 25px;
}

#design_select div.genrebox li .y.active {
  background: url(/user_data/packages/default/img/sub/design_list/y.png) no-repeat scroll 60px 1px;
  padding: 2px 25px;
}

#design_select div.genrebox .current, div.tabbox .current {
  color: #ff6600;
}

#design_select div.design_key {
  width: 980px;
  border: 1px solid #ccc;
  height: 245px;
  overflow: hidden;
  /*border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;*/
}

#design_select div.design_key .l {
  float: left;
  width: 350px;
}

#design_select div.design_key .l h2 {
  margin: 60px 0 10px 60px;
}

#design_select div.design_key .l p {
  margin-left: 60px;
  font-size: 12px;
}

#design_select div.design_key .r {
  float: right;
}

#design_select #design_products_area ul {
  margin-left: -40px;
  margin-top: 20px;
}

#design_select #design_products_area ul li {
  width: 163px;
  margin-left: 40px;
  margin-bottom: 50px;
  float: left;
}

/* ===============================================
▼メニューブック一覧
=============================================== */
#menubook_select ul#tabs_title {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px dashed #ccc;
  margin-top: 5px;
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  margin-left: -1px;
}

#menubook_select ul#tabs {
  list-style: none outside none;
  margin: 0;
  width: 100%;
}

#menubook_select ul#tabs li {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  cursor: pointer;
  float: left;
  padding: 0px 10px 0px 0px;
  color: #999999;
  width: 237px;
  height: 62px;
  margin-left: -1px;
}

#menubook_select ul#tabs li:first-child {
  border-left: 1px solid #ccc;
}

#menubook_select ul#tabs li.last {
  border-right: 0 none;
}

#menubook_select ul#tabs li.open {
  background-color: #FFA93F;
  color: #fff;
  font-weight: bold;
}

#menubook_select div.box {
  /*border: 1px solid #333;*/
  height: 150px;
  padding: 10px;
  width: 280px;
}

#menubook_select div.tabbox {
  padding: 30px 0 40px 0px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#menubook_select div.tabbox ul {
  margin-left: 35px;
}

#menubook_select div.tabbox ul li {
  float: left;
  padding-right: 35px;
  color: #000;
}

#menubook_select div.tabbox ul li a,
#menubook_select div.genrebox ul li a {
  color: #666666;
  display: block;
}

#menubook_select div.tabbox ul li a.active,
#menubook_select div.genrebox ul li.active,
#menubook_select div.genrebox ul li a.active {
  color: #ff6600;
}

#menubook_select div.tabbox ul li a:hover,
#menubook_select div.genrebox ul li a:hover {
  text-decoration: none;
}

#menubook_select div.genrebox {
  clear: both;
  padding: 16px 24px;
  margin-bottom: 24px;
  background: #F8F8F8;
}

#menubook_select div.item_info_box {
  margin-bottom: 40px;
}

#menubook_select div.genrebox ul {
  display: flex;
}

#menubook_select div.genrebox ul li {
  padding-right: 20px;
  color: #666;
}

#menubook_select div.genrebox ul li img {
  padding-left: 5px;
}

#menubook_select div.genrebox .h_layout, div.genrebox .h_genre {
  clear: both;
  font-weight: bold;
  float: left;
  margin-left: 0;
  margin-right: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

#menubook_select div.genrebox .h_layout {
  margin-bottom: 12px;
}

#menubook_select div.genrebox .menubook_select_title {
  color: #666666;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

#menubook_select div.genrebox .select_layout {
  margin-bottom: 12px;
}

#menubook_select div.genrebox .current, div.tabbox .current {
  color: #ff6600;
}

#menubook_select #design_products_area ul {
  margin-left: -40px;
  margin-top: 20px;
}

#menubook_select #design_products_area ul li {
  width: 155px;
  margin-left: 40px;
  margin-bottom: 50px;
  float: left;
}

#menubook_select span.item_order {
  cursor: pointer;
}

#menubook_select span.item_order.active_order {
  color: #EB6112;
}

/************************************************
 印刷用
************************************************ */
@media print {
  body {
    zoom: 75%;
  }
}
/* 非会員帳票ダウンロード関連ページ
----------------------------------------------- */
#order-report,
#order-report-login {
  width: 100%;
}

/* common */
#order-report-contents {
  width: 920px;
  margin: 0 auto;
}

#order-report-login .order-report-contents__wrap {
  width: 850px;
  margin: 30px auto;
}

#order-report-contents h2 {
  font-size: 24px;
  font-weight: normal;
  color: #3C3431;
  padding-bottom: 10px;
  border-bottom: 1px solid #999999;
  margin: 50px 0px 34px 0px;
}

#order-report-contents h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #3C3431;
}

#order-report-contents .subtitle {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #3C3431;
}

#order-report-contents li {
  font-size: 0.8rem;
  font-weight: normal;
  color: #3C3431;
  line-height: 1.5rem;
  list-style: decimal;
}

/* Login Page*/
#order-report-contents .form-ctl {
  display: block;
  width: 90%;
  padding: 0.375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#order-report-contents .url-generate-area {
  margin: 20px 20px;
}

#order-report-contents .info {
  font-size: 0.8rem;
  font-weight: normal;
  color: #3C3431;
  line-height: 1.3rem;
}

#order-report-contents table {
  width: 75%;
  margin: 50px auto;
  font-size: 0.8rem;
  font-weight: normal;
  color: #3C3431;
}

/* Email Sending Completion Page */
#order-report-contents .notice {
  margin-top: 35px;
}

/* order_detail_summary */
#order-report-contents .order_detail_summary.sent {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  background: #FFFAD2;
}

#order-report-contents .order_detail_summary {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  background: #FFFAD2;
}

#order-report-contents .order_detail_summary.sent {
  background: #F8F8F8;
}

#order-report-contents .order_detail_summary_detail p {
  margin-left: 0;
}

#order-report-contents .order_detail_summary_detail p {
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.7px;
  line-height: 1;
}

#order-report-contents .order_detail_summary_btn {
  width: 170px;
}

#order-report-contents .order_detail_summary_btn a {
  width: 166px;
  height: 36px;
  display: flex;
  line-height: 36px;
  justify-content: center;
  align-items: center;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #666666;
}

#order-report-contents .order_detail_summary_btn a:not(:last-of-type) {
  margin-bottom: 15px;
}

#order-report-contents .order_detail_summary_btn a img {
  margin-right: 11px;
}

#order-report-contents .order_detail_summary_btn a:hover {
  text-decoration: none;
}

#order-report-contents .order_detail_summary_btn .disabled {
  width: 166px;
  height: 36px;
  display: flex;
  line-height: 36px;
  justify-content: center;
  align-items: center;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #ddd;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #666666;
  margin: 15px 0;
  background: #fff;
  opacity: 0.5;
}

#order-report-contents .order_detail_summary_btn .message {
  display: none;
}

#order-report-contents .order_detail_summary_btn .disabled img {
  margin-right: 11px;
}

#order-report-contents .order_detail_summary_btn .disabled:hover + .message {
  position: absolute;
  display: inline-block;
  margin-top: 1em;
  margin-left: -50px;
  padding: 10px;
  min-width: 120px;
  max-width: 300px;
  color: #555;
  font-size: 12px;
  background: #FFFAD2;
  border-radius: 3px;
}

#order-report-contents .order_detail_summary_btn .disabled:hover + .message:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 10%;
  margin-left: 80px;
  border: 15px solid transparent;
  border-bottom: 15px solid #FFFAD2;
}

#order-report-contents .order_detail_summary_detail .cancel {
  color: #FF0000;
  font-weight: 600;
}

#order-report-contents .order_detail_summary_detail p span {
  font-weight: 600;
  color: #3C3431;
}

#order-report-contents .order_detail_summary_detail p.status {
  color: #FF6600;
}

#order-report-contents .order_detail_summary.sent .order_detail_summary_detail p.status {
  color: #3C3431;
}

#order-report-contents .order_detail_summary_message {
  width: 230px;
  height: 120px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px dashed #C0C0C0;
  margin-left: 250px;
}

#order-report-contents .order_detail_summary_message h5 {
  color: #555;
  margin-left: 0;
  padding: 10px 15px 10px 15px;
  font-weight: 600;
  font-size: 12px;
}

#order-report-contents .order_detail_summary_message p {
  color: #555;
  margin-left: 0;
  padding: 0px 15px 0px 15px;
}

#order-report-contents .order_detail_line {
  width: 100%;
  height: 1px;
  background: #999;
  margin: 32px 0;
}

#order-report-contents .order_detail_price_line {
  width: 100%;
  height: 2px;
  background: #E0E0E0;
  margin: 32px 0 60px;
}

#order-report-contents .order_detail_price_table,
#order-report-contents .order_detail_address_table {
  width: 800px;
  margin: 0 auto;
  border-color: #E0E0E0;
  font-size: 14px;
  line-height: 1;
}

#order-report-contents .order_detail_price_table th,
#order-report-contents .order_detail_address_table th {
  border-color: #E0E0E0;
  padding: 12px 0 12px 32px;
  width: 33.8%;
}

#order-report-contents .order_detail_price_table td,
#order-report-contents .order_detail_address_table td {
  border-color: #E0E0E0;
  padding-right: 32px;
}

#order-report-contents .order_detail_price_table tr.sum th,
#order-report-contents .order_detail_price_table tr.sum td {
  font-size: 16px;
  font-weight: bold;
}

#order-report-contents .order_detail_point_table {
  width: 800px;
  margin: 0 auto 24px;
  border: none;
  font-size: 14px;
  line-height: 1;
}

#order-report-contents .order_detail_point_table th {
  border-right: none;
  background: #fff;
  border-bottom: 2px solid #E0E0E0;
  padding-top: 32px;
  padding-left: 32px;
}

#order-report-contents .order_detail_point_table td {
  border-right: none;
  border-bottom: 2px solid #E0E0E0;
  padding-top: 32px;
  padding-right: 32px;
}

#order-report-contents .order_detail_point_text {
  font-size: 12px;
  line-height: 1;
  width: 800px;
  margin: 0 auto;
}

#order-report-contents .order_detail_back {
  margin-top: 40px;
}

#order-report-contents .order_detail_back a {
  display: block;
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  width: 256px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}

#order-report-contents .order_detail_back a:hover {
  text-decoration: none;
}

#order-report-contents .order_detail_back a::before {
  content: "";
  display: inline-block;
  background-image: url("/user_data/packages/default/img/mypage/icon-back.svg");
  background-size: contain;
  width: 14px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/**
 * mypage common
 * Layout PC
 */
.mailmag_image_area {
  margin-top: 40px;
}

.mailmag_image_area img {
  margin: 0 auto;
  display: block;
}

/* #mypagecolumn
----------------------------------*/
#mypagecolumn {
  width: 100%;
}

#mypagecolumn .mypage_title {
  font-size: 24px;
  font-weight: normal;
  color: #3C3431;
  padding-bottom: 10px;
  border-bottom: 1px solid #999999;
  margin-bottom: 32px;
}

#mypagecolumn .mypage_subtitle {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #3C3431;
}

#mypagecolumn .mypage_subtitle.address {
  margin-top: 62px;
}

/* #mynavi_area_all
----------------------------------*/
#mynavi_area_all {
  width: 240px;
  float: left;
  margin-bottom: 100px;
  color: #3C3431;
}

#mynavi_area_all .mypage_navi_line {
  border-top: 1px solid #E0E0E0;
  margin: 20px 0;
}

/* #mynavi_area
----------------------------------*/
#mynavi_area {
  height: auto;
  border: 1px solid #E0E0E0;
  padding: 24px;
  margin-bottom: 10px;
}

#mynavi_area .mypage_navi_title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  line-height: 1;
  margin-bottom: 20px;
}

#mynavi_area .mypage_navi_title.selected,
#mynavi_area .mypage_navi_title a.selected {
  color: #FF6600;
}

#mynavi_area .mynavi_list li {
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 1;
  position: relative;
  padding-left: 14px;
}

#mynavi_area .mynavi_list li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  background: #FF6600;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#mynavi_area .mynavi_list li:not(:last-of-type) {
  margin-bottom: 16px;
}

#mynavi_area a:hover {
  color: #ff6600;
  text-decoration: none;
}

#mynavi_area .point_announce {
  margin-bottom: 30px;
  padding: 10px;
  background-color: #fffaf0;
}

/* #mynavi_customer
----------------------------------*/
#mynavi_customer {
  border: 1px solid #E0E0E0;
  padding: 24px;
}

#mynavi_customer .mynavi_name {
  font-size: 16px;
  letter-spacing: 0.4px;
  margin-bottom: 20px;
}

#mynavi_customer .mynavi_address {
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 1.7;
  margin-bottom: 20px;
}

#mynavi_customer .mynavi_tel {
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 1;
  margin-bottom: 20px;
}

#mynavi_customer .mynavi_change {
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 1;
}

#mynavi_customer .mynavi_point {
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 1;
}

#mynavi_customer .mynavi_logout a {
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #666666;
  font-weight: 600;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  text-align: center;
  display: block;
  line-height: 36px;
}

#mynavi_customer .mynavi_logout a:hover {
  text-decoration: none;
}

/* #mycontents_area
----------------------------------*/
#mycontents_area {
  width: 920px;
  float: right;
}

#mycontents_area.mypage p {
  margin-left: 10px;
}

#mycontents_area.mypage table td .fav_visual {
  height: 100%;
}

#mycontents_area.mypage table td .fav_image {
  float: left;
}

#mycontents_area.mypage table td .fav_name {
  float: right;
  margin-left: 5px;
  width: 68px;
  display: block;
  word-wrap: break-word;
}

#mycontents_area.mypage .inforamtion {
  margin-bottom: 20px;
  clear: both;
}

#mycontents_area.mypage h4 {
  margin: 10px auto;
  border-bottom: 1px solid #999;
  text-align: left;
  font-size: 120%;
}

.mypage_form_btn_area {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.mypage_form_btn_area a {
  display: block;
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  width: 276px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  margin-right: 20px;
}

#mycontents_area.mypage .mypage_form_btn_area a:hover {
  text-decoration: none;
}

#mycontents_area.mypage .mypage_form_btn_area .back::before {
  content: "";
  display: inline-block;
  background-image: url("/user_data/packages/default/img/mypage/icon-back.svg");
  background-size: contain;
  width: 14px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#mycontents_area.mypage .mypage_form_btn_area input[type=submit] {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  width: 280px;
  height: 50px;
  line-height: 50px;
  background: #FF6600;
  border-radius: 3px;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* order all tab */
#mycontents_area.mypage .order_all_tabs {
  display: flex;
  justify-content: center;
  border-bottom: solid 2px #E0E0E0;
}

#mycontents_area.mypage .order_all_tab {
  flex-grow: 1;
  padding: 30px 0 20px;
  list-style: none;
  border: solid 2px #E0E0E0;
  border-radius: 3px 3px 0 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  position: relative;
  border-bottom: none;
  width: 100%;
}

#mycontents_area.mypage .order_all_tab::before {
  content: "";
  width: 459px;
  height: 10px;
  border-radius: 2px 2px 0 0;
  position: absolute;
  top: -2px;
  left: -2px;
}

#mycontents_area.mypage .order_all_tab.active {
  color: #FF6600;
  margin-right: 2px;
}

#mycontents_area.mypage .order_all_tab.inactive {
  background: #F8F8F8;
  color: #666;
}

#mycontents_area.mypage .order_all_tabs.cancel .order_all_tab.active {
  margin-right: 0;
}

#mycontents_area.mypage .order_all_tabs.cancel .order_all_tab.inactive {
  margin-right: 2px;
}

#mycontents_area.mypage .order_all_tab.active::before {
  background: #FF6600;
}

#mycontents_area.mypage .order_all_tab.active::after {
  content: "";
  width: 455px;
  height: 5px;
  position: absolute;
  top: 66px;
  background: #FFF;
  left: 0px;
}

#mycontents_area.mypage .order_all_tab.inactive::before {
  background: #E0E0E0;
}

#mycontents_area.mypage .order_all_tab.inactive:hover {
  text-decoration: none;
}

/* order_all_detail_modifyBtn */
#mycontents_area .order_all_detail_comment {
  font-size: 13px;
  font-weight: 600;
  margin-top: 20px;
}

#mycontents_area .order_all_detail_modifyBtn {
  display: flex;
  margin-top: 10px;
  margin-bottom: 8px;
}

#mycontents_area .order_all_detail_modifyBtn .modify {
  display: block;
  font-size: 13px;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  font-weight: 600;
  text-align: center;
  line-height: 30px;
  width: 116px;
  height: 30px;
  letter-spacing: 0em;
  margin-right: 10px;
}

/*
#mycontents_area .order_all_detail_modifyBtn .modify:first-of-type {
    margin-right: 16px;
}
*/
#mycontents_area .order_all_detail_modifyBtn .modify:hover {
  text-decoration: none;
}

#mycontents_area .order_all_detail_modifyBtn .modify.is-active {
  color: #FF6600;
  border-color: #FF6600;
}

#mycontents_area .order_all_detail_contentBtn input[type=submit].order {
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  height: 30px;
  line-height: 30px;
  background: #FF6600;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  margin-right: 12px;
  padding: 0;
  border: none;
  cursor: pointer;
}

#mycontents_area .order_all_detail_contentBtn a.order:hover {
  text-decoration: none;
}

#mycontents_area .order_all_detail_contentLink {
  margin-top: 20px;
}

#mycontents_area .order_all_detail_contentLink .link {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 0;
}

#mycontents_area .order_all_detail_contentLink .link.name {
  color: #3BAD7D;
}

#mycontents_area .order_all_detail_contentLink .link.webpost {
  color: #D03360;
}

#mycontents_area .order_all_detail_contentLink .link.omakase {
  color: #9D50AD;
}

#mycontents_area .order_all_detail_contentLink .link.already {
  margin-left: 0;
  font-size: 14px;
  color: #666666;
}

#mycontents_area.mypage .order_all_wrapper {
  border: 2px solid #E0E0E0;
  border-top: none;
  padding: 40px 58px;
}

#mycontents_area .order_all_wrapper .line {
  margin: 40px 0;
  height: 2px;
  width: 100%;
  background: #E0E0E0;
}

#mycontents_area .cancel_list_table {
  margin: 0;
  border-top: 1px solid #E0E0E0;
  border-left: none;
  line-height: 1;
  padding-bottom: 43px;
  border-bottom: 2px solid #E0E0E0;
  margin-bottom: 40px;
}

#mycontents_area .cancel_list_table tr {
  border-left: 1px solid #E0E0E0;
}

#mycontents_area .cancel_list_table th {
  font-size: 14px;
  padding: 12px 0;
}

#mycontents_area .cancel_list_table th:first-of-type {
  border-left: 1px solid #E0E0E0;
}

#mycontents_area .cancel_list_table .order_id {
  font-size: 14px;
  padding: 13px 0;
  border-left: 1px solid #E0E0E0;
}

/* shipping table */
#mycontents_area.mypage .mypage_shipping_table_wrapper:first-of-type {
  margin-bottom: 50px;
}

#mycontents_area.mypage .mypage_shipping_table {
  color: #3C3431;
  margin: 0 0 32px;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

#mycontents_area.mypage .mypage_shipping_table th {
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  line-height: 1;
  padding: 13px 0;
}

#mycontents_area.mypage .mypage_shipping_table td {
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  padding: 20px 0;
  font-size: 12px;
}

#mycontents_area.mypage .mypage_shipping_table .order_id {
  font-size: 14px;
  line-height: 1;
}

#mycontents_area.mypage .mypage_shipping_table .date {
  padding: 17px;
}

#mycontents_area.mypage .mypage_shipping_table .price {
  padding-right: 20px;
  font-weight: normal;
  line-height: 1;
}

#mycontents_area.mypage .mypage_shipping_table .detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  line-height: 1;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags a:hover {
  text-decoration: none;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags .line {
  width: 20px;
  height: 1px;
  background: #666666;
  margin: 15px 0 14px 37px;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags .tag {
  width: 96px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  border: 2px solid;
  border-radius: 3px;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags .tag:not(:last-child) {
  margin-bottom: 10px;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags .data {
  color: #D03360;
  border-color: #D03360;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags .data-submitted {
  color: #666666;
  border-color: #666666;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags .omakase {
  color: #9D50AD;
  border-color: #9D50AD;
}

#mycontents_area.mypage .mypage_shipping_table .detail .tags .name {
  color: #3BAD7D;
  border-color: #3BAD7D;
}

#mycontents_area.mypage .mypage_shipping_table .detail a {
  display: block;
}

#mycontents_area.mypage .mypage_shipping_table_wrapper .more {
  font-size: 14px;
  line-height: 1;
}

/* mypage_link */
#mycontents_area.mypage .mypage_link {
  max-width: 707px;
  margin: 66px auto 0;
}

#mycontents_area.mypage .mypage_link ul {
  display: flex;
  align-items: baseline;
}

#mycontents_area.mypage .mypage_link ul li a {
  display: block;
  text-align: center;
  transition: all 0.3s;
  position: relative;
}

#mycontents_area.mypage .mypage_link ul li a:hover {
  text-decoration: none;
  color: #FF6600;
}

#mycontents_area.mypage .mypage_link ul li a img:hover {
  opacity: 1;
}

#mycontents_area.mypage .mypage_link ul li a:hover .icon-default {
  opacity: 0;
}

#mycontents_area.mypage .mypage_link ul li a p {
  margin: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  margin-top: 22px;
}

#mycontents_area.mypage .mypage_link .icon-default {
  position: absolute;
}

#mycontents_area.mypage .mypage_link ul .history {
  margin-right: 50px;
}

#mycontents_area.mypage .mypage_link ul .omakase {
  margin-right: 50px;
}

#mycontents_area.mypage .mypage_link ul .sub {
  margin-right: 58px;
}

#mycontents_area.mypage .mypage_link ul .list {
  margin-right: 50px;
}

#mycontents_area.mypage .mypage_link ul .favorite {
  margin-right: 74px;
}

/* 退会確認ページ */
#mypagecolumn #mycontents_area.refusal .refusal_btn_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}

#mypagecolumn #mycontents_area.refusal .refusal_btn_orange {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  width: 280px;
  height: 50px;
  line-height: 50px;
  background: #FF6600;
  border-radius: 3px;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

#mypagecolumn #mycontents_area.refusal .refusal_btn {
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  width: 200px;
  height: 36px;
  color: #666;
  font-weight: 600;
  cursor: pointer;
}

/**
 * URL /mypage
 * Layout PC
 */
#mycontents_area.home {
  padding: 0;
}

#mycontents_area.home .mypage_topContent {
  background: #FFFAD2;
  padding: 32px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

#mycontents_area.home .mypage_topContent .mypage_topContent_name {
  font-size: 24px;
  letter-spacing: 1.2px;
  line-height: 1;
}

#mycontents_area.home .mypage_topContent p {
  margin-left: 0;
}

#mycontents_area.home .mypage_topContent .mypage_topContent_point {
  text-align: right;
}

#mycontents_area.home .mypage_topContent .point_detail {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 14px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px;
}

#mycontents_area.home .mypage_topContent .point_detail P {
  margin-right: 20px;
  font-size: 16px;
}

#mycontents_area.home .mypage_topContent .point_detail .point {
  color: #3C3431;
  font-size: 26px;
  letter-spacing: 0.65px;
}

#mycontents_area.home .mypage_topContent .expiry {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 12px;
}

#mycontents_area.home .mypage_topContent .attention {
  font-size: 10px;
  line-height: 1;
  color: #3C3431;
}

/* mypage_topNnotice */
#mycontents_area.home .mypage_topNnotice {
  margin-bottom: 60px;
  border: 2px solid #FF0000;
  padding: 24px 30px;
  color: #FF0000;
}

#mycontents_area.home .mypage_topNnotice_title {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 1;
  margin-bottom: 10px;
}

#mycontents_area.home .mypage_topNnotice_content {
  font-size: 14px;
}

/* 重要なお知らせ追加 2023-08-22.atta */
#mycontents_area.home .mypage-breaking-news {
  border: 2px solid #ff6600;
  margin: 15px 0px 30px 0px;
}

#mycontents_area.home .mypage-breaking-news__title {
  font-size: 19px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #ff6600;
  padding: 1px 24px;
}

#mycontents_area.home .mypage-breaking-news__content {
  font-size: 14px;
  padding: 6px 0px;
}

#mycontents_area.home .mypage-breaking-news__content > li {
  padding: 6px 20px;
}

#mycontents_area.home .mypage-breaking-news__time {
  color: #3c3431;
  margin-right: 10px;
}

#mycontents_area.home .point_announce {
  background: #FFFAD2;
  padding: 24px 18px;
  margin: 0 10px 12px;
}

#mycontents_area.home .point_announce.mypage_top {
  margin: 0 10px 36px;
}

#mycontents_area.home .point_announce_point {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #999999;
  margin-bottom: 16px;
}

#mycontents_area.home .point_announce_point p {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  padding-bottom: 7px;
}

#mycontents_area.home .point_announce_point .point {
  font-size: 24px;
  letter-spacing: 0.06em;
}

#mycontents_area.home .point_announce_limit {
  margin-bottom: 8px;
}

#mycontents_area.home .point_announce_attention {
  font-size: 10px;
}

#mycontents_area.home .point_announce .limit {
  font-size: 14px;
}

/* マイページTOP */
#mycontents_area.home .information {
  font-size: 12px;
  padding: 10px 10px 0 10px;
  border-bottom: 0;
  font-weight: normal;
}

#mycontents_area.home .information p:first-child {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}

#mycontents_area.home .important {
  padding: 0 10px;
  font-size: 80%;
}

/**
 * URI mypage/order-all
 * Layout PC
 */
#mycontents_area.order_all .order_all_wrapper {
  border: 2px solid #E0E0E0;
  border-top: none;
  padding: 40px 58px;
}

#mycontents_area.order_all .order_all_summary {
  background: #FFFAD2;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

#mycontents_area.order_all .order_all_summary.sent {
  background: #F8F8F8;
}

#mycontents_area.order_all .order_all_summary_detail p {
  margin-left: 0;
}

#mycontents_area.order_all .order_all_summary_detail p {
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.7px;
  line-height: 1;
}

#mycontents_area.order_all .order_all_summary_detail p span {
  font-weight: 600;
  color: #3C3431;
}

#mycontents_area.order_all .order_all_summary_detail p.status {
  color: #FF6600;
}

#mycontents_area.order_all .order_all_summary.sent .order_all_summary_detail p.status {
  color: #3C3431;
}

#mycontents_area.order_all .order_all_summary_orderBtn {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
}

#mycontents_area.order_all .order_all_summary_orderBtn input[type=submit].order {
  cursor: pointer;
  width: 192px;
  height: 40px;
  border-radius: 3px;
  background: #FF6600;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #fff;
  margin-right: 16px;
}

#mycontents_area.order_all .order_all_summary_orderBtn .detail {
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  width: 188px;
  height: 36px;
  line-height: 36px;
  color: #666666;
  text-decoration: none;
}

#mycontents_area.order_all .order_all_summary_orderBtn a.detail:hover {
  text-decoration: none;
}

#mycontents_area.order_all .order_all_summary_btn {
  width: 170px;
}

#mycontents_area.order_all .order_all_summary_btn a {
  width: 166px;
  height: 36px;
  display: flex;
  line-height: 36px;
  justify-content: center;
  align-items: center;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #666666;
}

#mycontents_area.order_all .order_all_summary_btn a:not(:last-of-type) {
  margin-bottom: 15px;
}

#mycontents_area.order_all .order_all_summary_btn a img {
  margin-right: 11px;
}

#mycontents_area.order_all .order_all_summary_btn a:hover {
  text-decoration: none;
}

#mycontents_area.order_all .order_all_summary_btn .disabled {
  width: 166px;
  height: 36px;
  display: flex;
  line-height: 36px;
  justify-content: center;
  align-items: center;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #666666;
  margin: 15px 0;
  background: #fff;
  opacity: 0.5;
}

#mycontents_area.order_all .order_all_summary_message {
  width: 230px;
  height: 120px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px dashed #C0C0C0;
  margin-left: 130px;
}

#mycontents_area.order_all .order_all_summary_message h5 {
  color: #555;
  margin-left: 0;
  padding: 10px 15px 10px 15px;
  font-weight: 600;
  font-size: 12px;
}

#mycontents_area.order_all .order_all_summary_message p {
  color: #555;
  margin-left: 0;
  padding: 0px 15px 0px 15px;
}

#mycontents_area.order_all .order_all_summary_btn .message {
  display: none;
}

#mycontents_area.order_all .order_all_summary_btn .disabled img {
  margin-right: 11px;
}

#mycontents_area.order_all .order_all_summary_btn .disabled:hover + .message {
  position: absolute;
  display: inline-block;
  margin-top: 1em;
  margin-left: -50px;
  padding: 10px;
  min-width: 120px;
  max-width: 300px;
  color: #555;
  font-size: 12px;
  background: #FFFAD2;
  border-radius: 3px;
}

#mycontents_area.order_all .order_all_summary_btn .disabled:hover + .message:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 10%;
  margin-left: 80px;
  border: 15px solid transparent;
  border-bottom: 15px solid #FFFAD2;
}

#mycontents_area.order_all .order_all_detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

#mycontents_area.order_all .order_all_detail_image {
  width: 140px;
  height: 140px;
}

#mycontents_area.order_all .order_all_detail_image img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

#mycontents_area.order_all .order_all_detail_content {
  width: 630px;
}

#mycontents_area.order_all .order_all_detail_content .name {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.66;
  letter-spacing: 0;
  margin-bottom: 10px;
  display: inline-block;
}

#mycontents_area.order_all .order_all_detail_content .color_circle {
  margin-top: 10px;
}

#mycontents_area.order_all .order_all_detail_content .serial {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 19px;
  margin-left: 0;
}

#mycontents_area.order_all .order_all_detail_content .price {
  font-size: 14px;
  line-height: 1;
  margin-left: 0;
}

#mycontents_area.order_all .order_all_detail_content .option-title {
  margin: 20px 0 10px 0;
  font-size: 12px;
  line-height: 1;
}

#mycontents_area.order_all .order_all_detail_content .option {
  font-size: 12px;
  margin-left: 0;
}

#mycontents_area.order_all .order_all_detail_contentBtn {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

/**
 * URI /mypage/order_list.php
 * Layout PC
 */
/* 未発送のご注文商品（テーブル）*/
#mycontents_area.mypage.order_list p {
  margin: 0 0 10px 0;
  font-size: 14px;
}

#mycontents_area.mypage.order_list .pager_area {
  margin-bottom: 20px;
}

/**
 * mypage/history
 * pc layout
 * cSS
 */
/* history */
#mycontents_area.history .mypage_detail_title {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.7px;
  font-weight: 600;
  margin: 20px 0 10px 0;
  border-bottom: none;
}

#mycontents_area.history .order_detail_summary {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  background: #FFFAD2;
}

#mycontents_area.history .order_detail_summary.sent {
  background: #F8F8F8;
}

#mycontents_area.history .order_detail_summary_detail p {
  margin-left: 0;
}

#mycontents_area.history .order_detail_summary_detail p {
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.7px;
  line-height: 1;
}

#mycontents_area.history .order_detail_summary_detail .cancel {
  color: #FF0000;
  font-weight: 600;
}

#mycontents_area.history .order_detail_summary_detail p span {
  font-weight: 600;
  color: #3C3431;
}

#mycontents_area.history .order_detail_summary_detail p.status {
  color: #FF6600;
}

#mycontents_area.history .order_detail_summary.sent .order_detail_summary_detail p.status {
  color: #3C3431;
}

#mycontents_area.history .order_detail_summary_message {
  width: 230px;
  height: 120px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px dashed #C0C0C0;
  margin-left: 250px;
}

#mycontents_area.mypage .order_detail_summary_message h5 {
  color: #555;
  margin-left: 0;
  padding: 10px 15px 10px 15px;
  font-weight: 600;
  font-size: 12px;
}

#mycontents_area.mypage .order_detail_summary_message p {
  color: #555;
  margin-left: 0;
  padding: 0px 15px 0px 15px;
}

#mycontents_area.history .order_detail_summary_orderBtn {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
}

#mypagecolumn #mycontents_area .order_detail_summary_orderBtn input[type=submit].order {
  cursor: pointer;
  width: 192px;
  height: 40px;
  border-radius: 3px;
  background: #FF6600;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #fff;
  margin-right: 16px;
}

#mypagecolumn #mycontents_area .order_detail_product_detailBtn input[type=submit].order {
  cursor: pointer;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  height: 30px;
  line-height: 30px;
  background: #FF6600;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  margin-right: 24px;
}

#mycontents_area.history .order_detail_summary_btn {
  width: 170px;
}

#mycontents_area.history .order_detail_summary_btn a {
  width: 166px;
  height: 36px;
  display: flex;
  line-height: 36px;
  justify-content: center;
  align-items: center;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #666666;
}

#mycontents_area.history .order_detail_summary_btn a:not(:last-of-type) {
  margin-bottom: 15px;
}

#mycontents_area.history .order_detail_summary_btn a img {
  margin-right: 11px;
}

#mycontents_area.history .order_detail_summary_btn a:hover {
  text-decoration: none;
}

#mycontents_area.history .order_detail_summary_btn .disabled {
  width: 166px;
  height: 36px;
  display: flex;
  line-height: 36px;
  justify-content: center;
  align-items: center;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #ddd;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #666666;
  margin: 15px 0;
  background: #fff;
  opacity: 0.5;
}

#mycontents_area.history .order_detail_summary_btn .message {
  display: none;
}

#mycontents_area.history .order_detail_summary_btn .disabled img {
  margin-right: 11px;
}

#mycontents_area.history .order_detail_summary_btn .disabled:hover + .message {
  position: absolute;
  display: inline-block;
  margin-top: 1em;
  margin-left: -50px;
  padding: 10px;
  min-width: 120px;
  max-width: 300px;
  color: #555;
  font-size: 12px;
  background: #FFFAD2;
  border-radius: 3px;
}

#mycontents_area.history .order_detail_summary_btn .disabled:hover + .message:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 10%;
  margin-left: 80px;
  border: 15px solid transparent;
  border-bottom: 15px solid #FFFAD2;
}

#mycontents_area.history .order_detail_product {
  display: flex;
  justify-content: space-between;
}

#mycontents_area.history .order_detail_product_image {
  width: 212px;
  height: 212px;
}

#mycontents_area.history .order_detail_product_image img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

#mycontents_area.history .order_detail_product_detail {
  width: 670px;
}

#mycontents_area.history .order_detail_product_detail p {
  margin-left: 0;
  font-size: 12px;
  line-height: 1;
}

#mycontents_area.history .order_detail_product_detail p:not(:last-of-type) {
  margin-bottom: 8px;
}

#mycontents_area.history .order_detail_product_detail .name {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 600;
  margin-bottom: 10px;
}

#mycontents_area.history .order_detail_product_detail p.price {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  margin-top: 20px;
}

#mycontents_area.history .order_detail_product_detail .price span {
  font-size: 12px;
}

#mycontents_area.history .order_detail_product_detailBtn {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

#mycontents_area.history .order_detail_product_detailBtn a.order {
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  height: 30px;
  line-height: 30px;
  background: #FF6600;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  margin-right: 24px;
}

#mycontents_area.history .order_detail_product_detailBtn a.order:hover {
  text-decoration: none;
}

#mycontents_area.history .order_detail_product_detailLink {
  margin-top: 20px;
}

#mycontents_area.history .order_detail_product_detailLink .link {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 0;
}

#mycontents_area.history .order_detail_product_detailLink .link.name {
  color: #3BAD7D;
}

#mycontents_area.history .order_detail_product_detailLink .link.webpost {
  color: #D03360;
}

#mycontents_area.history .order_detail_product_detailLink .link.omakase {
  color: #9D50AD;
}

#mycontents_area.history .order_detail_product_detail .link.already {
  font-size: 14px;
  color: #666666;
}

#mycontents_area.history .order_detail_line {
  width: 100%;
  height: 1px;
  background: #999;
  margin: 32px 0;
}

#mycontents_area.history .order_detail_price_line {
  width: 100%;
  height: 2px;
  background: #E0E0E0;
  margin: 32px 0 60px;
}

#mycontents_area.history .order_detail_price_table,
#mycontents_area.history .order_detail_address_table {
  width: 800px;
  margin: 0 auto;
  border-color: #E0E0E0;
  font-size: 14px;
  line-height: 1;
}

#mycontents_area.history .order_detail_price_table th,
#mycontents_area.history .order_detail_address_table th {
  border-color: #E0E0E0;
  padding: 12px 0 12px 32px;
  width: 33.8%;
}

#mycontents_area.history .order_detail_price_table td,
#mycontents_area.history .order_detail_address_table td {
  border-color: #E0E0E0;
  padding-right: 32px;
}

#mycontents_area.history .order_detail_price_table tr.sum th,
#mycontents_area.history .order_detail_price_table tr.sum td,
#mycontents_area.history .order_detail_address_table tr.sum th,
#mycontents_area.history .order_detail_address_table tr.sum td {
  font-size: 16px;
  font-weight: bold;
}

#mycontents_area.history .order_detail_point_table {
  width: 800px;
  margin: 0 auto 24px;
  border: none;
  font-size: 14px;
  line-height: 1;
}

#mycontents_area.history .order_detail_point_table th {
  border-right: none;
  background: #fff;
  border-bottom: 2px solid #E0E0E0;
  padding-top: 32px;
  padding-left: 32px;
}

#mycontents_area.history .order_detail_point_table td {
  border-right: none;
  border-bottom: 2px solid #E0E0E0;
  padding-top: 32px;
  padding-right: 32px;
}

#mycontents_area.history .order_detail_point_text {
  font-size: 12px;
  line-height: 1;
  width: 800px;
  margin: 0 auto;
}

#mycontents_area.history .order_detail_back {
  margin-top: 40px;
}

#mycontents_area.history .order_detail_back a {
  display: block;
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  width: 256px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}

#mycontents_area.history .order_detail_back a:hover {
  text-decoration: none;
}

#mycontents_area.history .order_detail_back a::before {
  content: "";
  display: inline-block;
  background-image: url("/user_data/packages/default/img/mypage/icon-back.svg");
  background-size: contain;
  width: 14px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/**
 * mypage/order_omakase
 * pc layout
 * cSS
 */
#mycontents_area .omakase_wrapper {
  border-bottom: 1px solid #999999;
  margin-bottom: 40px;
}

#mycontents_area .omakase_title {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1;
  margin: 40px 0 24px;
}

#mycontents_area .omakase_title p {
  margin-left: 0;
}

#mycontents_area .omakase_title p:not(:last-of-type) {
  margin-bottom: 10px;
}

#mycontents_area .omakase_title span {
  font-weight: 600;
}

#mycontents_area .omakase_detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

#mycontents_area .omakase_detail_image {
  width: 212px;
  height: 212px;
}

#mycontents_area .omakase_detail_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#mycontents_area .omakase_detail_content {
  width: 670px;
  font-size: 14px;
}

#mycontents_area .omakase_detail_name {
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 10px;
  display: block;
}

#mycontents_area .omakase_detail_serial {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 24px;
}

#mycontents_area .omakase_form_link {
  color: #9D50AD;
  font-weight: 600;
  line-height: 1;
}

#mycontents_area .omakase_form_title {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  cursor: pointer;
}

#mycontents_area .omakase_form_title img {
  margin-left: 6px;
  transition: all 0.3s;
}

#mycontents_area .omakase_form_title.open img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#mycontents_area .omakase_form_detail {
  width: 360px;
  border-top: 1px solid #3C3431;
  border-bottom: 1px solid #3C3431;
  padding: 10px 0;
  font-size: 12px;
  line-height: 1.7;
  display: none;
}

/**
 * URI /mypage/point
 * Layout PC
 */
#mycontents_area.point {
  color: #3C3431;
  font-weight: normal;
}

#mycontents_area.point .point_announce {
  margin-bottom: 30px;
  background: #FFFAD2;
  padding: 24px 32px 25px 30px;
  display: flex;
  justify-content: space-between;
  line-height: 1;
  font-weight: 600;
}

#mycontents_area.point .point_announce_title {
  font-size: 24px;
  letter-spacing: 0.6px;
}

#mycontents_area.point .point_announce_point {
  margin-top: 24px;
  display: flex;
  align-items: center;
}

#mycontents_area.point .point_announce_point p {
  margin: 0;
  font-size: 16px;
}

#mycontents_area.point .point_announce_point .point {
  font-size: 30px;
  margin-left: 30px;
  color: #3C3431;
}

#mycontents_area.point .point_expiry {
  padding-left: 30px;
  margin-bottom: 30px;
}

#mycontents_area.point .point_expiry .point_expiry_date {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 30px;
}

#mycontents_area.point .point_expiry .point_expiry_text {
  font-size: 14px;
}

#mycontents_area.point .mypage_point_table {
  margin: 0 0 40px;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

#mycontents_area.point .mypage_point_table th {
  background: #FFFAD2;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 0;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

#mycontents_area.point .mypage_point_table td {
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
}

/**
 * mypage/tmpcart
 * pc layout
 * cSS
 */
#mycontents_area.tmpcart .tmpcart_wrapper {
  border: 2px solid #E0E0E0;
  padding: 32px;
  margin-bottom: 20px;
}

#mycontents_area.tmpcart .tmpcart_wrapper p {
  margin-left: 0;
}

#mycontents_area.tmpcart .tmpcart_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#mycontents_area.tmpcart .tmpcart_title_text p {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1;
}

#mycontents_area.tmpcart .tmpcart_title_text .name {
  margin-bottom: 12px;
}

#mycontents_area.tmpcart .tmpcart_title_text p span {
  font-weight: 600;
}

#mycontents_area.tmpcart .tmpcart_title_btn {
  display: flex;
}

#mycontents_area.tmpcart .tmpcart_title_btn .add {
  background: #FF6600;
  display: flex;
  align-items: center;
  width: 190px;
  height: 40px;
  justify-content: center;
  border-radius: 3px;
  position: relative;
  margin-right: 10px;
}

#mycontents_area.tmpcart .tmpcart_title_btn .add::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("/user_data/packages/default/img/mypage/icon-cart.svg");
  background-size: contain;
  position: absolute;
  left: 26px;
}

#mycontents_area.mypage .tmpcart_title_btn .add input[type=submit] {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  background: #FF6600;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  padding-left: 25px;
}

#mycontents_area.tmpcart .tmpcart_line {
  width: 100%;
  height: 1px;
  background: #999;
  margin: 24px 0 32px;
}

#mycontents_area.tmpcart .tmpcart_detail {
  display: flex;
  justify-content: space-between;
}

#mycontents_area.tmpcart .tmpcart_detail:not(:last-of-type) {
  margin-bottom: 33px;
}

#mycontents_area.tmpcart .tmpcart_detail_image {
  width: 90px;
}

#mycontents_area.tmpcart .tmpcart_detail_image img {
  width: 100%;
}

#mycontents_area.tmpcart .tmpcart_detail_content {
  width: 736px;
}

#mycontents_area.tmpcart .tmpcart_detail_name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 10px;
}

#mycontents_area.tmpcart .tmpcart_detail_serial {
  font-size: 12px;
  line-height: 1;
}

#mycontents_area.tmpcart .tmpcart_detail_title {
  margin: 20px 0 10px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}

#mycontents_area.tmpcart .tmpcart_detail_price {
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  line-height: 1;
}

#mycontents_area.tmpcart .tmpcart_detail_number span {
  font-weight: 600;
}

#mycontents_area.tmpcart .tmpcart_detail_color span {
  font-weight: 600;
}

#mycontents_area.tmpcart .tmpcart_detail_price span {
  font-size: 12px;
}

#mycontents_area.tmpcart .tmpcart_detail_content .color_circle {
  margin-top: 10px;
}

#mycontents_area.tmpcart .pager {
  justify-content: flex-end;
}

/**
   * URI /mypage/favorite
   * Layout PC
   */
#mycontents_area.favorite .favorite_list {
  display: flex;
  flex-wrap: wrap;
}

#mycontents_area.favorite .favorite_list li {
  width: 212px;
  margin-bottom: 60px;
  position: relative;
}

#mycontents_area.favorite .favorite_list li:not(:nth-of-type(4n)) {
  margin-right: 24px;
}

#mycontents_area.favorite .favorite_list li .favorite_list_image {
  width: 212px;
  height: 212px;
  margin-bottom: 8px;
}

#mycontents_area.favorite .favorite_list li .favorite_list_image img {
  width: 100%;
  display: block;
}

#mycontents_area.favorite .favorite_list li .favorite_list_image {
  width: 212px;
  height: 212px;
}

#mycontents_area.favorite .favorite_list li .favorite_list_remove {
  position: absolute;
  top: 0;
  right: 0;
}

#mycontents_area.favorite .favorite_list li .favorite_list_serial {
  font-size: 11px;
  line-height: 1;
  margin-bottom: 8px;
}

#mycontents_area.favorite .favorite_list li .favorite_list_name {
  font-size: 14px;
  letter-spacing: -0.35px;
  margin-bottom: 16px;
}

#mycontents_area.favorite .favorite_list li .favorite_list_price {
  font-size: 14px;
  font-weight: 600;
}

#mycontents_area.favorite .favorite_list a:hover {
  text-decoration: none;
  opacity: 0.8;
}

#mycontents_area.favorite .favorite_list a:hover .favorite_list_serial,
#mycontents_area.favorite .favorite_list a:hover .favorite_list_name,
#mycontents_area.favorite .favorite_list a:hover .favorite_list_price {
  opacity: 0.8;
}

#mycontents_area.favorite .favorite_list a:hover img {
  opacity: 0.8;
}

#mycontents_area.favorite .pager_area {
  margin-bottom: 32px;
}

#mycontents_area.favorite .pager {
  justify-content: flex-end;
}

/**
 * mypage/change
 * pc layout
 * cSS
 */
#mycontents_area.change .message_area {
  margin: 30px auto;
  padding: 30px;
  border: 1px solid #f9f9f9;
  text-align: center;
}

#mycontents_area.change .message_area p {
  margin-bottom: 20px;
}

#mycontents_area.change .mycontents_area_notice {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 11px;
}

#mycontents_area.change .mycontents_area_notice.confirm {
  line-height: inherit;
}

#mycontents_area.change table.delivname {
  width: 100%;
  margin: 0;
  font-size: 14px;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

#mycontents_area.change table.delivname th .attention {
  color: #FF6600;
}

#mycontents_area.change table.delivname th {
  padding-left: 32px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

#mycontents_area.change table.delivname td {
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  padding: 7px 13px 7px 17px;
}

#mycontents_area.change table.delivname td .attention {
  font-size: 13px;
}

#mycontents_area.change table.delivname td.zip p {
  margin-left: 0;
}

#mycontents_area.change table.delivname td.zip .zip-link {
  color: #FF6600;
  text-decoration: underline;
}

#mycontents_area.change table.delivname td.zip .top {
  margin-bottom: 10px;
}

#mycontents_area.change table.delivname td.zip .zipimg {
  display: flex;
  align-items: center;
}

#mycontents_area.change table.delivname td.zip .attention {
  font-size: 12px;
}

#mycontents_area.change table.delivname td.zip .auto-address {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: #CCCCCC;
  border-radius: 3px;
  width: 100px;
  height: 25px;
  line-height: 25px;
  display: block;
  text-align: center;
  margin-right: 10px;
}

#mycontents_area.change table.delivname .zip .auto-address:hover {
  text-decoration: none;
}

#mycontents_area.change table.delivname .address p {
  margin: 5px 0 7px 0;
  font-size: 13px;
}

#mycontents_area.change table.delivname .tel .attention {
  margin-top: 7px;
}

#mycontents_area.change table.delivname .pw input:nth-child(4) {
  margin-top: 7px;
}

#mycontents_area.change table.delivname .mailmaga p {
  font-size: 13px;
  letter-spacing: 0.65px;
  margin: 0 0 14px 0;
}

#mycontents_area.change table.delivname td.mailmaga label {
  display: block;
}

#mycontents_area.change table.delivname td.mailmaga label:nth-child(2) {
  margin: 12px 0 0 0;
}

#mycontents_area.change .btn_area {
  margin-top: 50px;
}

/* これだけcommon.cssとConflictしているため, #mypagecolumnから指定が必要 */
#mypagecolumn #mycontents_area.change .submit-btn {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  width: 280px;
  height: 50px;
  line-height: 50px;
  background: #FF6600;
  border-radius: 3px;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* radio */
#mycontents_area.form-radio {
  position: absolute;
  opacity: 0;
  appearance: none;
  z-index: -1;
  transform: scale(0.1);
}

#mycontents_area.change .form-radio:checked {
  position: absolute;
  top: 0px;
  left: 0px;
  appearance: none;
}

#mycontents_area.change .form-radio + span {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 32px;
  margin: 0;
  position: relative;
}

#mycontents_area.change .form-radio + span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid #707070;
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}

#mycontents_area.change .form-radio + span::after {
  -webkit-transform: translateY(-50%);
  background: #FF6600;
  border-radius: 50%;
  content: "";
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  width: 12px;
  height: 12px;
}

#mycontents_area.change .form-radio:checked + span::after {
  opacity: 1;
}

#mycontents_area.change .form-radio:focus-visible + span {
  border: 2px solid rgb(0, 95, 204);
  border-radius: 3px;
}

#mycontents_area.change .radio-wrapper {
  margin: 13px 0 16px 0;
  display: block;
}

#mycontents_area.change .radio-wrapper > label:nth-child(2) {
  margin-left: 24px;
}

/* text */
#mycontents_area.change table.delivname input[type=text] {
  padding: 8px 10px;
  border: 1px solid #E0E0E0;
  margin-left: 0;
}

#mycontents_area.change .form-name {
  width: 173px;
}

#mycontents_area.change table.delivname td.name label {
  margin-right: 15px;
}

#mycontents_area.change table.delivname td.name > label:nth-child(3) {
  margin-left: 20px;
}

#mycontents_area.change .form-zip {
  width: 78px;
}

#mycontents_area.change .form-company {
  width: calc(100% - 22px);
  margin-bottom: 5px;
}

#mycontents_area.change .form-address {
  width: 478px;
}

#mycontents_area.change .form-tel {
  width: 78px;
}

#mycontents_area.change .form-email {
  width: 478px;
}

#mycontents_area.change .form-pw {
  width: 478px;
  padding: 8px 10px;
  border: 1px solid #E0E0E0;
  margin-left: 0;
}

#mycontents_area.change .form-coupon {
  margin-top: 7px;
  width: 478px;
}

/* select */
#mycontents_area.change table.delivname select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #E0E0E0;
  padding: 8px 10px;
  background: transparent url("/user_data/packages/default/img/mypage/icon-select.svg") no-repeat center right 14px;
}

#mycontents_area.change .select-job {
  margin-bottom: 0;
}

#mycontents_area.change .select-pref {
  width: 150px;
  margin-bottom: 10px;
}

#mycontents_area.change .select-year {
  width: 80px;
}

#mycontents_area.change .select-month,
#mycontents_area.change .select-day {
  width: 60px;
}

#mypagecolumn #complete_area.mypage_change_withdrawal {
  width: calc(100% - 40px);
}

#mycontents_area.change .mypage_change_withdrawal {
  margin: 0 10px;
  padding: 20px;
  background: #F8F8F8;
}

#mycontents_area.change .mypage_change_withdrawal p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 24px;
  margin-left: 0;
  text-align: center;
}

#mycontents_area.change .mypage_change_withdrawal input {
  width: 260px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #E0E0E0;
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.08em;
  background: #fff;
  padding: 0;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

/**
 * mypage/delivery
 * pc layout
 * cSS
 */
#mycontents_area.mypage_delivery p {
  margin: 0;
}

#mycontents_area.mypage_delivery .mypage_delivery_atteniton {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1.5;
  margin-bottom: 20px;
}

#mycontents_area.mypage_delivery .mypage_delivery_atteniton span {
  color: #FF6600;
}

#mycontents_area.mypage_delivery .mypage_delivery_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #E0E0E0;
  padding: 20px 30px;
  font-size: 14px;
  letter-spacing: 0.7px;
}

#mycontents_area.mypage_delivery .mypage_delivery_wrapper:not(:last-of-type) {
  margin-bottom: 20px;
}

#mycontents_area.mypage_delivery .mypage_delivery_name {
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1;
}

#mycontents_area.mypage_delivery .mypage_delivery_address {
  margin-bottom: 12px;
  line-height: 1.5;
}

#mycontents_area.mypage_delivery .mypage_delivery_tel {
  line-height: 1;
}

#mycontents_area.mypage_delivery .mypage_delivery_btn a {
  display: block;
  width: 146px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 3px;
  text-align: center;
}

#mycontents_area.mypage_delivery .mypage_delivery_btn .change {
  margin-bottom: 10px;
  border: 2px solid #FF6600;
  color: #FF6600;
}

#mycontents_area.mypage_delivery .mypage_delivery_btn .delete {
  color: #666666;
  border: 2px solid #E0E0E0;
  background: #F8F8F8;
}

#mycontents_area.mypage_delivery .mypage_delivery_btn a:hover,
#mycontents_area.mypage_delivery .mypage_delivery_btn a.delete:hover {
  text-decoration: none;
}

#mycontents_area.mypage_delivery .add_address {
  margin-top: 50px;
  text-align: center;
}

#mycontents_area.mypage_delivery .add_address .add_address_btn {
  font-size: 16px;
  font-weight: 600;
  width: 280px;
  height: 50px;
  background: #FF6600;
  border-radius: 3px;
  color: #fff;
  border: none;
  cursor: pointer;
}

/**
 * mypage/mailmaga
 * pc layout
 * cSS
 */
#mycontents_area.mypage_mailmaga p {
  margin-left: 0;
  font-size: 14px;
}

#mycontents_area.mypage_mailmaga .mypage_mailmaga_register {
  text-align: center;
  margin: 32px 0 60px;
  font-size: 14px;
}

#mycontents_area.mypage_mailmaga .mypage_mailmaga_register p {
  letter-spacing: 0.7px;
  margin-bottom: 16px;
}

#mycontents_area.mypage_mailmaga .mypage_mailmaga_register_form {
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  margin: 0 0 24px 0;
  padding: 7px 10px;
  width: 376px;
}

#mycontents_area.mypage_mailmaga .mypage_mailmaga_register_btn {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 260px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  background: #FF6600;
  margin: 0 auto;
  text-align: center;
}

#mycontents_area.mypage_mailmaga .mypage_mailmaga_register_btn:hover,
#mycontents_area.mypage_mailmaga .mypage_mailmaga_unsubscribe_btn:hover {
  text-decoration: none;
}

#mycontents_area.mypage_mailmaga .mypage_mailmaga_unsubscribe {
  background: #F8F8F8;
  padding: 32px 0;
  text-align: center;
}

#mycontents_area.mypage_mailmaga .mypage_mailmaga_unsubscribe p {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin-bottom: 16px;
}

#mycontents_area .mypage_mailmaga_unsubscribe_btn {
  display: block;
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  width: 256px;
  height: 46px;
  line-height: 46px;
  border-radius: 3px;
  background: #FFFFFF;
  margin: 0 auto;
  border: 2px solid #E0E0E0;
}

/**
 * mypage/change_card
 * pc layout
 * cSS
 */
#mycontents_area.mypage.econ_card #complete_area .message {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 24px;
  letter-spacing: 0;
}

#mycontents_area.mypage.econ_card #complete_area .message_area {
  background: #F8F8F8;
  padding: 32px 80px;
  margin: 0;
  border: none;
  text-align: left;
}

#mycontents_area.mypage.econ_card #complete_area .message_area p {
  margin: 0 0 24px 0;
  font-size: 14px;
  letter-spacing: 0.7px;
}

#mycontents_area.mypage.econ_card input[type=submit] {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 260px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  background: #FF6600;
  margin: 0 auto;
  cursor: pointer;
  border: none;
  padding: 0;
}

#mycontents_area.mypage.change_card #complete_area .message {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 24px;
  letter-spacing: 0;
}

#mycontents_area.mypage.change_card #complete_area .message_area {
  background: #F8F8F8;
  padding: 32px 80px;
  margin: 0;
  border: none;
  text-align: left;
}

#mycontents_area.mypage.change_card #complete_area .message_area p {
  margin: 0 0 24px 0;
  font-size: 14px;
  letter-spacing: 0.7px;
}

#mycontents_area.mypage.change_card input[type=submit] {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 260px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  background: #FF6600;
  margin: 0 auto;
  cursor: pointer;
  border: none;
  padding: 0;
}

/**
 * URI /mypage/order_sub.php
 * Layout PC
 */
#mycontents_area.order_sub {
  padding: 0 5px;
  line-height: 1.2;
}

/* scss */
/* ==============================================
オーダーメイドメニューブック商品詳細ページ
=============================================== */
.mtomb-container {
  width: 100%;
}
.mtomb-container__wrapper {
  width: 1200px;
  margin-top: 50px;
  display: flex;
}

.mtomb-main {
  width: 800px;
}
.mtomb-main__wrapper {
  margin: 0 auto;
}
.mtomb-main__main-image {
  width: 100%;
}
.mtomb-main__main-image img {
  width: 100%;
  margin-bottom: 30px;
}
.mtomb-main__sub-image {
  width: 100%;
}
.mtomb-main__sub-image img {
  width: 100%;
  margin-bottom: 30px;
}
.mtomb-main__heading {
  font-size: 30px;
  font-weight: 600;
  margin: 35px auto;
  text-align: center;
}
.mtomb-main__description {
  font-size: 14px;
  margin: 50px auto;
  text-align: center;
  line-height: 20px;
}

.mtomb-main .section-spec {
  margin: 20px 0px 80px 0px;
}
.mtomb-main .section-spec__title {
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #574C48;
  border-bottom: solid 2px #CCC2BE;
  margin: 80px auto 30px auto;
}
.mtomb-main .section-spec__heading {
  display: block;
  font-size: 24px;
  color: #4C403C;
  width: max-content;
  margin: 80px auto 20px auto;
}
.mtomb-main .section-spec__description--center {
  font-size: 16px;
  margin: 15px;
  text-align: center;
}
.mtomb-main .section-spec__description--left {
  margin: 15px;
  text-align: left;
}
.mtomb-main .section-spec__wrapper {
  width: 100%;
}
.mtomb-main .section-spec__group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  width: 100%;
}
.mtomb-main .section-spec__img {
  display: block;
  margin: 0 auto;
}
.mtomb-main .section-spec__img .img {
  display: block;
  margin: 0 auto;
}
.mtomb-main .section-spec__img .img-2 {
  display: block;
  margin: 0 auto 30px auto;
}
.mtomb-main .section-spec__info {
  display: block;
  margin: 0 auto;
}
.mtomb-main .section-spec__info-col-1 {
  width: 800px;
}
.mtomb-main .section-spec__info-col-2 {
  width: 400px;
}
.mtomb-main .section-spec__info-col-2 .frame {
  width: 350px;
  margin: 0 auto;
  padding: 10px 0px;
  border: 1px #CCCCCC solid;
  border-radius: 3px;
}
.mtomb-main .section-spec__info-col-2 .frame.checked {
  font-weight: 600;
  border: 1px #EE6600 solid;
  background-color: #ffffe2;
}
.mtomb-main .section-spec__info-col-2-pad {
  width: 400px;
}
.mtomb-main .section-spec__info-col-2-pad .frame {
  width: 350px;
  margin: 0 auto;
  padding: 10px 0px;
  border: 1px #CCCCCC solid;
  border-radius: 3px;
}
.mtomb-main .section-spec__info-col-2-pad .frame.checked {
  font-weight: 600;
  border: 1px #EE6600 solid;
  background-color: #ffffe2;
}
.mtomb-main .section-spec__info-col-3-size {
  width: 266px;
  margin-top: 10px;
}
.mtomb-main .section-spec__info-col-3-size .frame {
  width: 252px;
  height: 260px;
  border: 1px #CCCCCC solid;
  border-radius: 3px;
}
.mtomb-main .section-spec__info-col-3-size .frame.checked {
  border: 1px #EE6600 solid;
  background-color: #ffffe2;
}
.mtomb-main .section-spec__info-col-3-size .frame.checked .section-spec__btn-size {
  font-weight: 600;
}
.mtomb-main .section-spec__info-col-3-type {
  width: 266px;
  margin-top: 10px;
}
.mtomb-main .section-spec__info-col-3-type .frame {
  width: 250px;
  height: 380px;
  margin: 0 auto;
  padding: 15px 0px;
  border: 1px #CCCCCC solid;
  border-radius: 3px;
}
.mtomb-main .section-spec__info-col-3-type .frame.checked {
  border: 1px #EE6600 solid;
  background-color: #ffffe2;
}
.mtomb-main .section-spec__info-col-3-type .frame.checked .section-spec__btn-type {
  font-weight: 600;
}
.mtomb-main .section-spec__info-col-3-print-type {
  width: 266px;
  margin-top: 10px;
}
.mtomb-main .section-spec__info-col-3-print-type .frame {
  width: 250px;
  height: 280px;
  margin: 0 auto;
  padding: 15px 0px;
  border: 1px #CCCCCC solid;
  border-radius: 3px;
}
.mtomb-main .section-spec__info-col-3-print-type .frame .section-spec__btn-print-type {
  margin-top: 20px;
}
.mtomb-main .section-spec__info-col-3-print-type .frame.checked {
  border: 1px #EE6600 solid;
  background-color: #ffffe2;
}
.mtomb-main .section-spec__info-col-3-print-type .frame.checked .section-spec__btn-print-type {
  margin-top: 20px;
  font-weight: 600;
}
.mtomb-main .section-spec__info-col-5 {
  width: 160px;
}
.mtomb-main .section-spec__info-col-5 .frame {
  width: 140px;
  margin: 10px auto;
  padding: 15px 0px 0px 0px;
  border: 1px #CCCCCC solid;
  border-radius: 3px;
}
.mtomb-main .section-spec__info-col-5 .frame.checked {
  font-weight: 600;
  border: 1px #EE6600 solid;
  border-radius: 3px;
  background-color: #ffffe2;
}
.mtomb-main .section-spec__desc {
  padding: 10px 40px;
  font-size: 14px;
}
.mtomb-main .section-spec__desc--left {
  text-align: left;
}
.mtomb-main .section-spec__desc--center {
  text-align: center;
}
.mtomb-main .section-spec__btn {
  padding: 0px;
  text-align: center;
  font-size: 18px;
}
.mtomb-main .section-spec__btn input[type=radio] {
  position: absolute;
  opacity: 0;
}
.mtomb-main .section-spec__btn-size {
  display: none;
}
.mtomb-main .section-spec__btn-size input[type=radio] {
  opacity: 0;
}
.mtomb-main .section-spec__btn-type {
  padding: 0px;
  text-align: center;
  font-size: 18px;
}
.mtomb-main .section-spec__btn-type input[type=radio] {
  position: absolute;
  opacity: 0;
}
.mtomb-main .section-spec__btn-pad {
  padding: 0px;
  text-align: center;
  font-size: 18px;
}
.mtomb-main .section-spec__btn-pad input[type=radio] {
  position: absolute;
  opacity: 0;
}
.mtomb-main .section-spec__btn-print-type {
  padding: 0px;
  text-align: center;
  font-size: 18px;
}
.mtomb-main .section-spec__btn-print-type input[type=radio] {
  position: absolute;
  opacity: 0;
}
.mtomb-main .section-spec__btn.material {
  padding-top: 0px;
  font-size: 14px;
  margin: 10px auto 0px auto;
}
.mtomb-main .section-spec__btn.material span {
  vertical-align: super;
}
.mtomb-main .section-spec__btn.material img {
  width: 20px;
  height: 25px;
  text-align: center;
}

/*rightcolumn  */
.mtomb-right-column {
  float: right;
  margin-right: 0;
}
.mtomb-right-column.js-cart-side {
  position: absolute;
  right: calc((100vw - 1200px) / 2);
}
.mtomb-right-column.js-cart-side.fixed {
  position: fixed;
  top: 0px;
  right: calc((100vw - 1200px) / 2);
  height: auto;
}
.mtomb-right-column.js-cart-side.fixed-2 {
  top: 7157px;
  right: calc((100vw - 1200px) / 2);
  height: auto;
}

.mtomb-right-column .side-column {
  width: 302px;
  background-color: #F8F8F8;
  padding: 12px 24px;
}
.mtomb-right-column .side-column__item-name h3 {
  font-size: 16px;
  margin-bottom: 20px;
}
.mtomb-right-column .side-column__item-img {
  width: 145px;
  margin: 0 auto;
}
.mtomb-right-column .side-column__number-area {
  margin: 20px 0px 28px 0px;
  display: flex;
  align-items: flex-end;
}
.mtomb-right-column .side-column .number-area {
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
}
.mtomb-right-column .side-column .number-area h3 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
  margin: 0px 10px 0px 0px;
}
.mtomb-right-column .side-column .number-area select {
  background: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  padding: 5px 8px;
  min-width: 72px;
  font-size: 14px;
  margin: 0;
  vertical-align: top;
}
.mtomb-right-column .side-column .amount__to-pricelist {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 12px;
  margin-left: 10px;
  padding-left: 9px;
  background: #FF6600;
  border-radius: 3px;
  letter-spacing: 0.6px;
  width: 116px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.mtomb-right-column .side-column .amount__to-pricelist .yen {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.mtomb-right-column .side-column__quotation {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  color: #FF6600;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
}
.mtomb-right-column .side-column__quotation .description {
  float: left;
  font-size: 12px;
  font-weight: 600;
}
.mtomb-right-column .side-column__quotation .price {
  float: right;
  font-size: 24px;
  font-weight: 600;
}
.mtomb-right-column .side-column__item-spec {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 16px;
}
.mtomb-right-column .side-column__item-spec div {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.14;
  margin-bottom: 10px;
}
.mtomb-right-column .side-column__item-spec h3 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
  margin-bottom: 10px;
}
.mtomb-right-column .side-column__options {
  margin-bottom: 16px;
}
.mtomb-right-column .side-column__options div {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.14;
  margin-bottom: 10px;
}
.mtomb-right-column .side-column__options h3 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
  margin-bottom: 10px;
}
.mtomb-right-column .side-column__add-cart a {
  display: block;
  background: #FF6600;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  margin: 30px 0px 20px 0px;
  text-decoration: none;
  color: #FFF;
}

/* action-tray */
.mtomb-action-tray {
  border-top: 1px solid #d6d6d6;
  padding: 10px 15px;
  background: #F8F8F8;
  color: #3C3431;
  z-index: 99;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  position: fixed;
  display: none;
}
.mtomb-action-tray__wrapper {
  width: 1200px;
  margin: 0 auto;
  display: block;
  clear: both;
}
.mtomb-action-tray__item-name {
  width: 230px;
  margin-left: 0;
  float: left;
}
.mtomb-action-tray__item-name h3 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
  margin-bottom: 10px;
}
.mtomb-action-tray__item-img {
  width: 180px;
  float: left;
}
.mtomb-action-tray__item-img img {
  display: block;
  width: 110px;
  margin: 0 auto;
}
.mtomb-action-tray__item-options {
  width: 250px;
  float: left;
}
.mtomb-action-tray__item-options div {
  width: 210px;
  font-size: 12px;
  margin-bottom: 2px;
}
.mtomb-action-tray__item-options h3 {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
  margin-bottom: 2px;
}
.mtomb-action-tray__item-spec {
  width: 250px;
  float: left;
}
.mtomb-action-tray__item-spec div {
  width: 210px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 1.14;
  margin-bottom: 1.5px;
}
.mtomb-action-tray__item-spec h3 {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
  margin-bottom: 2px;
}
.mtomb-action-tray__quotation {
  width: 250px;
  margin-right: 30px;
  float: left;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  color: #FF6600;
  justify-content: space-between;
}
.mtomb-action-tray__quotation .number-area {
  height: 32px;
  margin-bottom: 10px;
  vertical-align: bottom;
}
.mtomb-action-tray__quotation .number-area span {
  float: left;
  padding-top: 10px;
}
.mtomb-action-tray__quotation .number-area select {
  background: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  padding: 5px 8px;
  min-width: 72px;
  font-size: 14px;
  float: right;
}
.mtomb-action-tray__quotation .price {
  float: right;
  font-size: 24px;
  font-weight: 600;
  vertical-align: bottom;
}
.mtomb-action-tray__quotation .cart-in a {
  display: block;
  background: #FF6600;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  display: block;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin-top: 10px;
  color: #fff;
  text-decoration: none;
}

.about-price__info-title {
  text-align: center;
  color: #574C48;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.about-price__info-title h5::after {
  content: "";
  display: block;
  border-bottom: 6px solid #CCC2BE;
  margin: -7px auto 0;
  width: 190px;
}
.about-price__info-description {
  text-align: center;
  color: #4C403C;
  font-size: 16px;
  font-weight: 600;
  margin-top: 40px;
  text-align: center;
}

.about-price__image {
  margin-top: 40px;
}
.about-price__image img {
  display: block;
  margin: 0 auto;
  width: 980px;
}

/* window height 800px以下 */
@media (max-height: 800px) {
  /* rightcolumn  */
  .mtomb-main {
    width: 800px;
    margin: 0 auto;
  }
  .mtomb-right-column {
    display: none;
  }
}
/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
.band {
  border-top: 1px solid #ddd6b9;
  border-bottom: 1px solid #ddd6b9;
}

.band.first {
  border-bottom: 0;
}

.gmanu {
  background: #F8F8F8;
}

#logo_area {
  clear: both;
  text-align: left;
  margin: 0 auto;
  width: 1200px;
  height: 100px;
  position: relative;
}

#logo_area a.q_mail {
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  margin: 5px 0;
  width: 207px;
  height: 18px;
  background: url(/user_data/packages/default/img/common/header/mail.gif) no-repeat;
}

#logo_area > .cashless {
  clear: both;
  padding-top: 5px;
}

#logo_title {
  float: left;
  margin-top: 25px;
}

#logo_title .main {
  float: left;
}

#logo_title h1 {
  float: left;
  font-size: 20px;
  margin-left: 18px;
  text-align: center;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0px;
}

#logo_title h1 .logo_title_description {
  font-size: 12px;
  display: inline-block;
}

#logo_title h1 .logo_title_en {
  font-size: 24px;
}

#logo_title .logo_area {
  float: left;
  font-size: 20px;
  margin-left: 18px;
  text-align: center;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0px;
}

#logo_title .logo_area .logo_title_description {
  font-size: 12px;
  display: inline-block;
}

#logo_title .logo_area .logo_title_en {
  font-size: 24px;
}

.header_contact {
  float: right;
  /*width:206px;*/
}

.header_contact .new_to_atta,
.header_contact .help,
.header_contact .inq_mail {
  margin-right: 12px;
}

.header_contact .new_to_atta a {
  display: inline-block;
  background: url(/user_data/packages/default/img/common/header/new.png) no-repeat;
  width: 90px;
  height: 78px;
}

.header_contact .new_to_atta a:hover {
  background: url(/user_data/packages/default/img/common/header/new_on.png) no-repeat;
}

.header_contact .inq_mail a {
  display: inline-block;
  background: url(/user_data/packages/default/img/common/header/mail.png) no-repeat;
  width: 90px;
  height: 78px;
}

.header_contact .inq_mail a:hover {
  background: url(/user_data/packages/default/img/common/header/mail_on.png) no-repeat;
}

.header_contact .help a {
  display: inline-block;
  background: url(/user_data/packages/default/img/common/header/help.png) no-repeat;
  width: 56px;
  height: 78px;
}

.header_contact .help a:hover {
  background: url(/user_data/packages/default/img/common/header/help_on.png) no-repeat;
}

.header_contact .new_to_atta,
.header_contact .help,
.header_contact .phones_mails,
.header_contact .inq_mail {
  float: left;
}

.phones_mails {
  width: 206px;
}

#customer_service {
  /*float:right;*/
  width: 205px;
  padding-top: 78px;
  height: 0;
  overflow: hidden;
  background: url(/user_data/packages/default/img/common/header/customer_num.png) no-repeat;
  position: relative;
}

p.notice, div.notice, span.notice {
  font-size: 13px !important;
  line-height: 1.5;
}

#header_utility {
  text-align: right;
  margin: 0 auto;
}

.inner {
  width: 980px;
  margin: 0 auto;
}

#header_login_area .inner {
  width: 1200px;
}

#header_sns {
  text-align: right;
  padding: 10px 0 20px;
}

#atta_news {
  text-align: left;
  margin: 0 auto;
  width: 980px;
  height: 35px;
}

#atta_news span.title,
#atta_news p {
  float: left;
}

#atta_news p {
  margin-left: 10px;
  font-size: 11px;
}

#atta_news span.title {
  color: #ff6600;
}

#errorHeader {
  color: #F00;
  font-weight: bold;
  font-size: 12px;
  background-color: #FEB;
  text-align: center;
  padding: 5px;
}

.header_wrap .inner {
  width: 980px;
  margin: 0 auto;
}

.header_wrap .inner ul li {
  float: left;
}

#ticker {
  height: 18px;
}

/* ロゴ
----------------------------------------------- */
#site_description {
  font-size: 90%;
}

#logo_area .main {
  width: 78px;
  height: 43px;
  background: url(/user_data/packages/default/img/common/header/header_logo.gif) no-repeat;
  background-size: 78px 43px;
}

#logo_area .main a {
  display: block;
  height: 0;
  padding-top: 63px;
  overflow: hidden;
}

/* グローバルメニュー
----------------------------------------------- */
#g_menu {
  width: 1200px;
  margin: 0 auto;
  height: 50px;
}

#g_menu > ul {
  display: flex;
  position: relative;
}

#g_menu > ul > li {
  width: 200px;
}

#g_menu > ul > li > a {
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 50px;
  color: #000;
  font-size: 16px;
  letter-spacing: 0.2px;
}

#g_menu ul li a:hover {
  text-decoration: none;
  opacity: 0.8;
}

#g_menu ul li a.g_menu__title {
  display: flex;
  align-items: center;
  justify-content: center;
}

#g_menu ul li a.g_menu__title:hover,
#g_menu ul li a.g_menu__title-all:hover {
  background: #FFEF6C;
  opacity: 1;
  transition: all 0.3s;
}

#g_menu ul li a.g_menu__title.is-active {
  background: #FFEF6C;
}

#g_menu ul li a.g_menu__title span {
  content: "";
  transition: all 0.3s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #FF6600;
  border-right: solid 3px #FF6600;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: 8px;
  margin-bottom: 5px;
}

#g_menu ul li a.g_menu__title.is-active span {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform-origin: 11px 9px;
}

#g_menu ul li .menu_genre {
  display: none;
  position: absolute;
  z-index: 101;
  height: auto;
  background: #fff;
  left: 0;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) -2px 20px 25px -5px, rgba(0, 0, 0, 0.04) -2px 10px 10px -5px;
}

#g_menu .g_menu__child-category__banner-list {
  display: flex;
  flex-wrap: wrap;
}

#g_menu .g_menu__child-category__banner-list a {
  display: block;
}

#g_menu .g_menu__child-category__banner-list.col-3 > li {
  margin-left: 15px;
  margin-bottom: 14px;
}

#g_menu .g_menu__child-category__banner-list.col-3 > li:nth-child(3n+1) {
  margin-left: 0;
}

#g_menu .g_menu__child-category__banner-list.col-4 > li {
  margin-left: 23px;
  margin-bottom: 14px;
}

#g_menu .g_menu__child-category__banner-list.col-4 > li:nth-child(4n+1) {
  margin-left: 0;
}

#g_menu .g_menu__child-category__link {
  display: inline-block;
  color: #FF6600;
  font-size: 15px;
  letter-spacing: 0px;
  position: relative;
  padding-right: 15px;
}

#g_menu .g_menu__child-category__link::after {
  position: absolute;
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #ff6600;
  border-right: 1px solid #ff6600;
  transform: rotate(315deg) skew(12.5deg, 12.5deg);
  top: -1px;
  bottom: 0px;
  margin: auto 0;
  right: 6px;
}

#g_menu .menu_genre li a:hover {
  text-decoration: none;
  opacity: 1;
}

#g_menu .g_menu__header-title {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 15px;
  background-color: #FFEF6C;
  text-align: left;
  display: flex;
  justify-content: space-between;
}

#g_menu .g_menu__close_btn {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: url("/user_data/packages/default/img/icon/close.svg") no-repeat;
  background-size: 23px;
  background-position: center;
}

#g_menu .g_menu__parent-category > li {
  height: 55px;
  transition: all 0.3s;
  background-color: #F8F8F8;
}

#g_menu .g_menu__parent-category > li + li {
  border-top: 1px solid #E0E0E0;
}

#g_menu .g_menu__parent-category > li:last-of-type {
  border-bottom: 1px solid #E0E0E0;
}

#g_menu .g_menu__parent-category > li.is-active {
  background-color: #FFEF6C;
}

#g_menu .g_menu__parent-category > li.is-active .g_menu__child-category {
  display: block;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-name {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-name a {
  color: #FF6600;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-name {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-name::after,
.g_menu__parent-category .g_menu__child-category__p-small-name::after {
  content: "";
  position: absolute;
  margin: auto 0;
  margin-left: 10px;
  margin-top: 2px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #ff6600;
  border-right: 3px solid #ff6600;
  transform: rotate(45deg);
}

.g_menu__parent-category .g_menu__child-category__p-small-name.teiban::after {
  display: none;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-small-name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-small-name a {
  color: #FF6600;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  margin: auto 0;
  width: 250px;
  height: 250px;
  pointer-events: none;
  z-index: -1;
}

#g_menu .g_menu__parent-category .g_menu__child-category__p-image img {
  width: 100%;
}

#g_menu .g_menu__parent-category .g_menu__parent-category__link {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 30px 0 15px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

#g_menu .g_menu__parent-category .g_menu__parent-category__link.is-active {
  background-color: #FFEF6C;
}

#g_menu .g_menu__parent-category .g_menu__parent-category__link::after {
  /*
      content: '';
      position: absolute;
      right: 15px;
      top: 0;
      bottom: 0;
      margin: auto 0;
      width: 6px;
      height: 6px;
      border-top: 2px solid #E0E0E0;
      border-right: 2px solid #E0E0E0;
      transform: rotate(45deg);
  */
}

#g_menu .g_menu__child-category {
  display: none;
  position: absolute;
  top: 50px;
  left: 260px;
  width: 940px;
  height: 380px;
  padding: 30px 35px 15px;
  box-sizing: border-box;
}

#g_menu .g_menu__child-category.is-active {
  display: block;
}

#g_menu .g_menu__child-category__list {
  display: flex;
  flex-wrap: wrap;
  width: 640px;
}

#g_menu .g_menu__child-category__list > li {
  width: 320px;
  font-size: 14px;
}

#g_menu .g_menu__child-category__list > li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 95%;
  display: block;
  line-height: 1.95em;
}

#g_menu .g_menu__child-category__list > li a:hover {
  color: #ff6600;
  opacity: 1;
}

#g_menu ul li#mainmenu_atta_item_category {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat;
}

#g_menu ul li#mainmenu_narrow_search {
  background: url(/user_data/packages/default/img/common/header/gnavi.png) no-repeat;
}

#g_menu ul li#mainmenu_narrow_search:hover {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat;
}

#g_menu ul li#mainmenu_atta_item_category span {
  display: block;
  padding-top: 52px;
  height: 0;
  overflow: hidden;
}

#g_menu ul li#mainmenu_name .menu_genre {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px dotted #e6e6e6;
  background: #fff;
}

#g_menu .menu_genre > ul {
  width: 260px;
  height: 380px;
  position: static;
  box-sizing: border-box;
  text-align: left;
  overflow-y: scroll;
  border-right: 1px solid #E0E0E0;
  overflow: overlay;
}

#g_menu .menu_genre > ul::-webkit-scrollbar {
  width: 7px;
}

#g_menu .menu_genre > ul::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
}

#g_menu .menu_genre > ul::-webkit-scrollbar-thumb {
  background-color: #E0E0E0;
  border-radius: 5px;
}

#g_menu ul li#mainmenu_item .menu_genre li {
  width: 134px;
}

#g_menu ul li#mainmenu_tpl {
  background: url(/user_data/packages/default/img/common/header/gnavi.png) no-repeat -378px;
  width: 166px;
  position: relative;
  height: 52px;
}

#g_menu ul li#mainmenu_tpl:hover {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -378px;
  width: 166px;
}

#g_menu ul li#mainmenu_tpl.active {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -378px;
  width: 166px;
}

#g_menu ul li#mainmenu_alcohol {
  background: url(/user_data/packages/default/img/common/header/gnavi.png) no-repeat -544px;
  width: 66px;
  position: relative;
  height: 52px;
}

#g_menu ul li#mainmenu_alcohol:hover {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -544px;
  width: 66px;
}

#g_menu ul li#mainmenu_alcohol.active {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -544px;
  width: 66px;
}

#g_menu ul li#mainmenu_design {
  background: url(/user_data/packages/default/img/common/header/gnavi.png) no-repeat -610px;
  width: 128px;
  position: relative;
  height: 52px;
}

#g_menu ul li#mainmenu_design:hover {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -610px;
  width: 128px;
}

#g_menu ul li#mainmenu_design.active {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -610px;
  width: 128px;
}

#g_menu ul li#mainmenu_design .menu_genre ul {
  width: 166px;
  /*border-top:1px dotted #e6e6e6;*/
}

#g_menu ul li#mainmenu_design .menu_genre li {
  width: 166px;
}

#g_menu ul li#mainmenu_service {
  background: url(/user_data/packages/default/img/common/header/gnavi.png) no-repeat -738px;
  width: 115px;
  position: relative;
  height: 52px;
}

#g_menu ul li#mainmenu_service:hover {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -738px;
  width: 115px;
}

#g_menu ul li#mainmenu_service.active {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -738px;
  width: 115px;
}

#g_menu ul li#mainmenu_service .menu_genre li {
  width: 160px;
}

#g_menu ul li#mainmenu_hospitality {
  background: url(/user_data/packages/default/img/common/header/gnavi.png) no-repeat -853px;
  width: 125px;
  position: relative;
  height: 52px;
}

#g_menu ul li#mainmenu_hospitality:hover {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -853px;
  width: 125px;
}

#g_menu ul li#mainmenu_hospitality.active {
  background: url(/user_data/packages/default/img/common/header/gnavi_on.png) no-repeat -853px;
  width: 125px;
}

#g_menu ul li#mainmenu_hospitality .menu_genre li {
  width: 125px;
}

.four_scene img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: none !important;
}

/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
  height: 40px;
  display: flex;
  justify-content: flex-end;
  color: #fff;
}

div#header_navi ul li {
  display: block;
  line-height: 40px;
  margin-right: 53px;
  letter-spacing: 0px;
}

div#header_navi ul li a {
  font-size: 14px;
  color: #fff;
}

div#header_navi ul li.mypage,
div#header_navi ul li.entry {
  margin-top: 6px;
}

div#header_navi ul li a#cartin {
  background: url(/user_data/packages/default/img/icon/icon_cart.png) no-repeat 0 1px;
  padding-left: 17px;
}

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

div#header_navi .header_tel {
  font-size: 24px;
  letter-spacing: 2.6px;
  line-height: 40px;
  font-weight: bold;
}

.header_freedial {
  width: 24px;
  height: 24px;
  margin-right: 11px;
}

/* div#search_total{
    background:#f7f7f7;
    padding:8px;
    width: 520px;
} */
div#search_total .pickup_word, div#search_total .pickup_word a {
  color: #444;
  font-size: 11px;
}

div#search_total .pickup_word a {
  text-decoration: underline;
}

.green span {
  color: #55b532;
}

div#search_area .item_ctg_select {
  width: 117px;
  height: 39px;
  font-size: 10px;
  text-align: center;
  float: left;
  cursor: pointer;
  position: relative;
}

div#search_area .item_ctg_select select {
  cursor: pointer;
  width: 117px;
  height: 39px;
  text-align: left;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha( opacity=0 )";
  font-size: 10px;
  position: absolute;
  z-index: 10;
  left: 0;
}

div#search_area .item_ctg_select .illusion_box {
  position: absolute;
  width: 100px;
  height: 39px;
  text-align: center;
  font-size: 10px;
  padding-left: 5px;
  display: table;
  line-hieght: 1.1;
  top: 0;
}

div#search_area .item_ctg_select .illusion_box span {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.1;
}

div#search_area form {
  text-align: left;
}

div#search_area input {
  float: left;
}

div#search_area .search {
  padding: 0;
  border: 0;
  width: 43px;
  height: 43px;
  background: #FF6600;
  cursor: pointer;
}

div#search_area .search img {
  width: 21px;
  height: 21px;
}

div#search_area input[type=text] {
  padding: 14px 18px 13px;
  font-size: 16px;
  margin: 0;
  border: 2px solid #FF6600;
}

div#search_area input::placeholder {
  color: #9A9A9A;
  font-size: 16px;
}

#atta_custom_search_detail h2 {
  background: url(/user_data/packages/default/img/common/header/arrow.gif) no-repeat left;
  padding-left: 15px;
  font-size: 12px;
  color: #ff6600;
}

.atta_global_search_area_button_area {
  background: url(/user_data/packages/default/img/common/header/line.jpg) no-repeat top;
}

/* ==============================================
 ヘッダー（ボタン群・カートポップ）
=============================================== */
p.global_title1 {
  background: url("/user_data/packages/default/img/common/header/arrow.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
  color: #FF6600;
  font-size: 12px;
  padding-left: 15px;
  font-weight: bold;
}

p.global_title2 {
  margin-bottom: 5px;
  font-size: 100%;
  line-height: 150%;
  font-weight: bold;
}

.header_contact_inner {
  float: left;
  display: flex;
  margin-top: 25px;
}

.member_free {
  float: left;
}

.header_buttons {
  display: flex;
  justify-content: space-between;
  width: 224px;
  text-align: center;
  margin-left: 30px;
}

.header_buttons img {
  width: 45px;
  height: 45px;
}

.header_buttons #cartin img {
  width: 35px;
  height: 35px;
  margin-bottom: 6px;
  padding: 0 6px 0 0px;
}

.header_buttons #favorite img {
  width: 32px;
  height: 28px;
  margin-top: 4px;
  margin-bottom: 9px;
}

.header_buttons #order_history img {
  width: 32px;
  height: 31px;
  margin-top: 2px;
  margin-bottom: 8px;
}

.header_buttons #login img,
.header_buttons #mypage img {
  width: 25px;
  height: 34px;
  margin-top: 1px;
  margin-bottom: 6px;
}

.header_buttons p {
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0;
}

.header_contact .header_buttons div a {
  background-size: 52px 52px;
  width: 52px;
  height: 52px;
}

.header_contact .header_buttons div a:hover {
  background-size: 52px 52px;
}

.header_contact .header_buttons .new_to_atta,
.header_contact .header_buttons .help {
  margin-right: 20px;
}

a#cartin:hover {
  text-decoration: none;
}

a#order_history:hover {
  text-decoration: none;
}

a#favorite:hover {
  text-decoration: none;
}

a#login:hover {
  text-decoration: none;
}

a#mypage:hover {
  text-decoration: none;
}

#cart_item_box {
  left: -76px;
  position: absolute;
  top: 45px;
  width: 300px;
  z-index: 1000;
  display: none;
  background-color: transparent;
  padding-top: 30px;
}

#cart_item_box .cart_item_box__inner {
  background-color: #fff;
  font-size: 13px;
  padding: 10px 15px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

#cart_item_box .cart_item_box__inner .items {
  margin-bottom: 10px;
}

#cart_item_box .cart_item_box__inner .cart_products {
  display: flex;
}

#cart_item_box h3 {
  padding: 10px;
  color: #ff6600;
  margin-bottom: 10px;
}

#cart_item_box ul li.items div.cart_item_box-img {
  width: 60px;
  padding: 4px 4px;
}

#cart_item_box ul li.items div.cart_item_box-img img {
  width: 100%;
  height: auto;
}

#cart_item_box ul li.items div.cart_item_box-name {
  padding: 4px;
  width: 190px;
  font-size: 11px;
  text-align: left;
  line-height: 1.6;
}

#cart_item_box ul li.items div.cart_item_box-name p.cart_item_box-price {
  text-align: right;
  letter-spacing: unset;
  margin-top: 2px;
  font-size: 12px;
}

#cart_item_box ul li.buttons {
  text-align: center;
  padding: 10px;
}

#cart_item_box ul li.buttons img {
  width: 144px;
}

#cart_item_box ul li.text {
  text-align: center;
}

#cart_item_box ul li.text table {
  margin: 0 auto;
  border-top: 1px solid #f0f0f0;
  border-left: none;
  padding-top: 10px;
  font-size: 12px;
}

#cart_item_box ul li.text table tr,
#cart_item_box ul li.text table td {
  border: none;
}

#cart_item_box ul li.text table td {
  padding: 3px;
  width: 50%;
  text-align: left;
}

#cart_item_box ul li.text table td._td {
  text-align: right;
}

/* #cart_item_box:after, #cart_item_box:before {
	bottom: 100%;
	left: 80px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
} */
#cart_item_box .cart_item_box_cart_button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#cart_item_box button.cart_item_box_cart_button {
  background-color: #FF6600;
  color: #fff;
  padding: 9px 51px;
  border-radius: 4px;
}

#cart_item_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FFF;
  border-width: 10px;
  margin-left: -30px;
}

#cart_item_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #ddd6b9;
  border-width: 12px;
  margin-left: -32px;
}

.header_buttons #cartin {
  position: relative;
}

.header_buttons #cartin .header_cart_count {
  background-color: #fe7048;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  padding: 1px 1px 2px 2px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: -2px;
  width: 16px;
  line-height: 17px;
  letter-spacing: 0;
}

/* ==============================================
 フッター
=============================================== */
#footer_wrap {
  width: 100%;
  text-align: left;
}

#bottomcolumn {
  margin-top: 40px;
  clear: both;
}

#bottomcolumn .fav_zone {
  /*margin-top:100px;*/
}

#bottomcolumn .my_lineup .suggestion,
#bottomcolumn .my_lineup .recently_checked,
#bottomcolumn .my_lineup .my_favorite,
.my_lineup .same_kind {
  border-top: 1px dotted #999999;
}

#bottomcolumn .my_lineup li,
.my_lineup .same_kind li {
  float: left;
  margin-left: 34px;
  width: 120px;
  height: 120px;
}

#bottomcolumn .my_lineup li:first-child,
.my_lineup .same_kind li:first-child {
  margin-left: 0;
}

#bottomcolumn .my_lineup .my_favorite,
#bottomcolumn .my_lineup .suggestion,
#bottomcolumn .my_lineup .recently_checked,
.my_lineup .same_kind {
  width: 1200px;
  margin: 0 auto;
  padding: 22px 0 60px;
}

.my_lineup .same_kind {
  margin-top: 42px;
}

#bottomcolumn .my_lineup .my_favorite #my_favorite_products .star {
  margin-top: 6px;
}

#bottomcolumn .my_lineup .my_favorite h3,
#bottomcolumn .my_lineup .suggestion h3,
.my_lineup .same_kind h3 {
  font-size: 24px;
  letter-spacing: 1.2px;
  font-weight: normal;
  margin-bottom: 32px;
}

#bottomcolumn .my_lineup .my_favorite ul li .star,
#bottomcolumn .my_lineup .suggestion ul li .star {
  float: right;
}

#bottomcolumn .my_lineup .recently_checked h3 {
  font-size: 24px;
  letter-spacing: 1.2px;
  font-weight: normal;
  margin-bottom: 32px;
}

#bottomcolumn .my_lineup a.lineup_photo {
  display: block;
  text-align: center;
  overflow: hidden;
}

#bottomcolumn .my_lineup a.lineup_photo img,
.my_lineup .same_kind img {
  height: 120px;
  width: 120px;
}

.eighty {
  padding: 10px;
  text-align: center;
}

.eighty a {
  font-weight: bold;
}

.eighty span, .eighty span a {
  color: #000;
  font-weight: normal;
}

#footer {
  width: 100%;
}

#footer .footer_menu {
  background-color: #F8F8F8;
  width: 100%;
}

#footer .footer_menu .menu_line {
  height: 77px;
  border-bottom: 1px dotted #d5d4ce;
}

#footer .footer_menu .menu_line ul {
  width: 980px;
  margin: 0 auto;
  /*padding-top:36px;*/
}

#footer .footer_menu .menu_line ul li {
  float: left;
}

#footer .footer_menu .menu_line ul li {
  height: 77px;
}

#footer .footer_menu .menu_line ul li a {
  display: block;
  height: 0;
  padding-top: 77px;
  overflow: hidden;
}

#footer .footer_menu .menu_line ul li.mailmagazine {
  width: 314px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat;
}

#footer .footer_menu .menu_line .mailmagazine {
  position: relative;
}

input.join2 {
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 5px;
}

#footer .footer_menu .menu_line .mailmagazine .mailmagazine_reg {
  position: absolute;
  top: 38px;
  left: 26px;
}

#footer .footer_menu .menu_line .mailmagazine .mailmagazine_reg input.reg_button {
  background: url(/user_data/packages/default/img/common/footer/footer_register.png) no-repeat scroll 0 0 transparent;
  height: 22px;
  width: 47px;
  border: 0 none;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 217px;
}

#footer .footer_menu .menu_line .mailmagazine .mailmagazine_reg input#regist_mailmaga {
  width: 204px;
  border: none;
  padding-top: 2px;
}

#footer .footer_menu .menu_line ul li.scene_list {
  width: 203px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -314px 0;
}

#footer .footer_menu .menu_line ul li.scene_list:hover {
  width: 203px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat -314px 0;
}

#footer .footer_menu .menu_line ul li.choose_design {
  width: 201px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -517px 0px;
}

#footer .footer_menu .menu_line ul li.choose_design:hover {
  width: 201px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat -517px 0px;
}

#footer .footer_menu .menu_line ul li.item_list {
  width: 201px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -718px 0px;
}

#footer .footer_menu .menu_line ul li.item_list:hover {
  width: 201px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat -718px 0px;
}

#footer .footer_menu .menu_line ul li#pagetop {
  width: 58px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -920px 0px;
}

#footer .footer_menu .menu_line ul li#pagetop:hover {
  width: 58px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat -920px 0px;
}

#footer .footer_menu .menu_line ul li.service_list {
  width: 187px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat 0px -78px;
}

#footer .footer_menu .menu_line ul li.service_list:hover {
  width: 187px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat 0px -78px;
}

#footer .footer_menu .menu_line ul li.hospitality_pedia {
  width: 186px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -187px -78px;
}

#footer .footer_menu .menu_line ul li.hospitality_pedia:hover {
  width: 186px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat -187px -78px;
}

#footer .footer_menu .menu_line ul li.help {
  width: 185px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -374px -78px;
}

#footer .footer_menu .menu_line ul li.help:hover {
  width: 185px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat -374px -78px;
}

#footer .footer_menu .menu_line ul li.register {
  width: 187px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -561px -78px;
}

#footer .footer_menu .menu_line ul li.register:hover {
  width: 187px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu_on.png) no-repeat -561px -78px;
}

#footer .footer_menu .menu_line ul li.customer_service {
  width: 233px;
  background: url(/user_data/packages/default/img/common/footer/footer_menu.png) no-repeat -746px -78px;
}

#footer .category {
  clear: both;
}

#footer .menu ul li {
  float: left;
}

#footer .copyright {
  clear: both;
}

#footer_liquor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1064px;
  margin: 0 auto;
}

#footer_liquor p {
  width: 604px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.6;
  color: #3C3431;
  margin-left: -80px;
}

#footer_liquor .liquor img {
  width: 40px;
}

#footer_liquor .privacy img {
  width: 70px;
}

#footer_liquor .secure img {
  width: 122px;
}

#footer_liquor .globalsign img {
  width: 142px;
}

/* ==============================================
 フッター（リンク・コピーライト）
=============================================== */
/* footer */
#footer .footer_menu {
  height: auto;
}

#footer .footer_menu #pagetop a {
  display: inline-block;
  margin-bottom: 20px;
  background: url(/user_data/packages/default/img/common/pagetop.svg) no-repeat;
  text-indent: -9999px;
  width: 57px;
  height: 69px;
}

#footer .footer_links {
  padding: 71px 0 21px;
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

#pagetop.position_one {
  position: fixed;
  right: 150px;
  bottom: -4px;
  display: none;
  z-index: 100;
}

#footer .footer_links .id {
  float: left;
}

#footer .footer_links .id a.footer_logo {
  float: left;
  background: url(/user_data/packages/default/img/common/footer/footerlist_atta.png) no-repeat;
  width: 70px;
  height: 38px;
  text-indent: -9999px;
}

#footer .footer_links .list {
  float: left;
  margin-left: 45px;
}

#footer .footer_links .list p {
  margin-bottom: 15px;
  font-size: 13px;
  color: #3C3431;
  line-height: 150%;
  font-weight: bold;
}

#footer .footer_links .list li {
  margin: 0 0 7px 0;
  padding-left: 10px;
  background: url(/user_data/packages/default/img/icon/icon_more.png) no-repeat 0 4px;
}

#footer .footer_links .list li.prd {
  margin: 0 0 7px 0;
  padding-left: 0;
  background: none;
  padding-bottom: 2px;
}

#footer .footer_links .list li ul {
  margin: 5px 0 5px 15px;
}

#footer .footer_links .list li ul li {
  margin: 0 0 7px 0;
  padding-left: 10px;
}

#footer .footer_links .list li a {
  color: #3C3431;
}

#footer .footer_links .list li ul li a {
  font-size: 11px;
}

#footer .footer_links .list .footer_vanfu_online {
  margin-top: 30px;
}

#footer #footer_meta {
  height: 40px;
}

#footer .footer_list_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
}

#footer .footer_list_top .menu_list {
  width: 365px;
}

#footer .footer_list_top .menu_list .menu_list_img.cash {
  margin-bottom: 12px;
}

#footer .footer_list_top .menu_list .menu_list_img.np {
  margin-bottom: 19px;
}

#footer .footer_list_top .menu_list .menu_list_img.amazonpay {
  width: 191px;
}

#footer .footer_list_top .menu_list .menu_list_img.shipping {
  margin-bottom: 26px;
}

#footer .footer_list_top .menu_list .menu_list_img img {
  width: 100%;
}

#footer .footer_list_bottom {
  display: flex;
  justify-content: space-between;
  margin-bottom: 66px;
  margin-top: 95px;
}

#footer .footer_list_bottom .menu_list {
  width: 265px;
}

#footer .menu_list_title {
  font-size: 24px;
  position: relative;
  margin-bottom: 19px;
  padding-bottom: 9px;
  border-bottom: 4px solid #E0E0E0;
}

#footer .footer_list_bottom .menu_list_title {
  margin-bottom: 25px;
}

#footer .menu_list_title::after {
  content: "";
  right: 0;
  position: absolute;
}

#footer .menu_list_title.payment::after {
  background: url("/user_data/packages/default/img/common/footer/cart.svg");
  background-size: 27px 30px;
  width: 27px;
  height: 30px;
  bottom: 6px;
}

#footer .menu_list_title.delivery::after {
  background: url("/user_data/packages/default/img/common/footer/delivery.svg");
  background-size: 39px 22px;
  width: 39px;
  height: 22px;
  bottom: 6px;
}

#footer .menu_list_title.contact::after {
  background: url(/user_data/packages/default/img/common/footer/contact.svg);
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  bottom: 5px;
}

#footer .menu_list_title.atta::after {
  background: url("/user_data/packages/default/img/common/footer/atta_logo.svg");
  background-size: 45px 25px;
  width: 45px;
  height: 25px;
  bottom: 5px;
}

#footer .menu_list_title.category::after {
  background: url("/user_data/packages/default/img/common/footer/category.svg");
  background-size: 24px 30px;
  width: 24px;
  height: 30px;
  bottom: 5px;
}

#footer .menu_list_title.service::after {
  background: url("/user_data/packages/default/img/common/footer/service.svg");
  background-size: 25px 30px;
  width: 25px;
  height: 30px;
  bottom: 5px;
}

#footer .menu_list_title.information::after {
  background: url("/user_data/packages/default/img/common/footer/information.svg");
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  bottom: 5px;
}

#footer .menu_list .tel_text {
  font-size: 16px;
  color: #FF6600;
  font-weight: 600;
  margin-bottom: 2px;
  letter-spacing: 0.2em;
}

#footer .menu_list .tel_number {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

#footer .menu_list .tel_number p {
  font-size: 34px;
  color: #FF6600;
  margin-left: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

#footer .menu_list_link {
  color: #FF6600;
  text-decoration: underline;
  display: block;
  margin-top: 29px;
  font-size: 14px;
  letter-spacing: 0;
  top: 300px;
  position: absolute;
}

#footer .menu_list_link::before {
  content: "＞";
}

#footer .menu_list_link:hover {
  opacity: 0.7;
}

#footer .menu_list ul li {
  margin-bottom: 13px;
  font-size: 14px;
  letter-spacing: 0;
}

#footer .menu_list ul li:last-of-type {
  margin-bottom: 0;
}

#footer .menu_list ul li::before {
  content: "＞";
}

#footer .footer_copy_wrapper {
  background: #FF6600;
}

#footer .footer_copy {
  width: 1200px;
  margin: 0 auto;
  padding: 32px 0 21px;
}

#footer .footer_copy_menu {
  margin-bottom: 35px;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#footer .footer_copy_menu ul {
  display: flex;
  justify-content: space-between;
  color: #fff;
}

#footer .footer_copy_menu ul li a {
  font-size: 16px;
  font-size: 14px;
  color: #fff;
}

#footer .footer_copyright {
  text-align: center;
  color: #fff;
  font-size: 13px;
}

/* -----------------------------------------------
 ideanote.html
----------------------------------------------- */
.idea_area_wrapper {
  /*width:980px;*/
  width: 1200px;
  height: auto;
  padding-bottom: 5px;
}

.idea_list {
  width: 700px;
  padding: 10px 70px 25px;
}

.idea_list.clearfix ul li .pic_frame img {
  width: 300px;
}

.idea_search_result_title {
  font-size: 22px;
  font-weight: bold;
  padding-left: 10px;
}

.idea_area {
  /*width:980px;*/
  height: auto;
  overflow: hidden;
}

.idea_area .main_idea {
  /*
  padding-bottom:32767px;
  margin-bottom:-32767px;
  */
}

.idea_area .side_idea {
  /*
  padding-bottom:32767px;
  margin-bottom:-32767px;
  */
  padding-top: 0 !important;
}

.main_idea {
  width: 710px;
}

.idea_area #rightcolumn {
  float: right;
  margin-right: 0;
}

.idea_list_card {
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
  width: 47%;
  height: 415px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 8px, rgba(0, 0, 0, 0.1) 0px 4px 4px -4px;
  transition: box-shadow 0.3s, transform 0.3s;
}

.idea_list_card:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.24);
  transform: translate(0, -2px);
}

.idea_list_card .pic_frame img {
  width: 100%;
}

ul.idea_basic_list li {
  padding: 15px 15px;
}

ul.idea_basic_list li:first-child {
  /*padding:10px 0 38px;*/
}

ul.idea_basic_list li .title span.colortag {
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  padding: 5px 7px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

ul.idea_basic_list li .title span.colortag:hover {
  text-decoration: none;
  opacity: 0.6;
  transition: 0.3s;
}

.idea_detail .title_area span.colortag {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding: 7px 10px;
  line-height: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-right: 12px;
}

ul.idea_basic_list li span.visit,
.idea_detail .title_area span.visit {
  background-color: #82d29c;
}

ul.idea_basic_list li span.campaign,
.idea_detail .title_area span.campaign {
  background-color: #8dd1e0;
}

ul.idea_basic_list li span.hospitality,
.idea_detail .title_area span.hospitality {
  background-color: #fba72e;
}

ul.idea_basic_list li span.design,
.idea_detail .title_area span.design {
  background-color: #a9d26e;
}

ul.idea_basic_list li span.item,
.idea_detail .title_area span.item {
  background-color: #fb806e;
}

ul.idea_basic_list li span.first,
.idea_detail .title_area span.first {
  background-color: #ffdd68;
}

ul.idea_basic_list li span.blog,
.idea_detail .title_area span.blog {
  background-color: #cd853f;
}

ul.idea_basic_list li span.oshirase,
.idea_detail .title_area span.oshirase {
  background-color: #fba72e;
}

.idea_detail .title_area .colortag:hover {
  opacity: 0.6;
  transition: 0.3s;
}

ul.idea_basic_list li .title h3 {
  /*float:left;*/
  margin-top: 8px;
}

ul.idea_basic_list li .title h3 a {
  font-size: 14px;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

ul.idea_basic_list li .title h3 a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #3c3431;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.3s;
}

ul.idea_basic_list li .title h3 a:hover::after {
  transform: scale(1, 1);
}

ul.idea_basic_list li .detail_area {
  margin-top: 10px;
}

ul.idea_basic_list li .detail_area .pic_frame {
  /*float:left;*/
  /*margin-right:20px;*/
  /*height:274px;*/
  /*width:398px;*/
  background: url(/user_data/packages/default/img/sub/ideanote/idea_genrebg.png) no-repeat;
}

ul.idea_basic_list li .detail_area .pic_frame a {
  display: block;
  /*height:274px;*/
  /*width:398px;*/
  overflow: hidden;
  padding: 6px 0 0 0;
}

ul.idea_basic_list li .detail_area .pic_frame a .pic_set {
  display: block;
  text-align: center;
  /*width:398px;*/
}

ul.idea_basic_list li .detail_area .pic_frame a .pic_set img.idea_listphoto {
  /*height:258px;*/
}

ul.idea_basic_list li .detail_area .about_item {
  float: left;
  width: 256px;
  margin-right: 10px;
}

ul.idea_basic_list li .detail_area a.genre_detail {
  float: left;
  display: block;
  width: 26px;
  height: 271px;
  background: url(/user_data/packages/default/img/sub/ideanote/idea_genre_next.jpg) no-repeat;
}

ul.idea_basic_list li .detail_area a.genre_detail:hover {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_genre_next_on.jpg) no-repeat;
}

ul.idea_basic_list li .detail_area .about_item p {
  line-height: 1.7;
  font-size: 14px;
}

div.detail_area.clearfix div.about_item p.date {
  color: #777;
  font-size: 11px;
  margin-bottom: 11px;
}

.idea_detail .title_area .date {
  color: #777;
  font-size: 12px;
}

.idea_detail .title_area .date {
  color: #777;
  font-size: 12px;
}

.idea_about_item {
  color: #777;
  margin-top: 10px;
}

.idea_about_item .date_block {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  justify-content: right;
}

.fas_sns_circlecolor {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  position: absolute;
  right: 5px;
}

.fas_sns_circlecolor li {
  list-style: none;
  margin: 0 10px 0 0;
}

.fas_sns_circlecolor li a {
  text-decoration: none !important;
  display: inline-block;
  background: #333;
  border-radius: 25px;
}

.fas_sns_circlecolor li a i {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 16px;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fas_sns_circlecolor li:nth-child(1) a {
  background: #55ACEE;
}

.fas_sns_circlecolor li:nth-child(2) a {
  background: #3B5998;
}

.fas_sns_circlecolor li:nth-child(3) a {
  background: #06C755;
}

.fas_sns_circlecolor li:nth-child(4) a {
  background: #EF4056;
}

/* idea side_menu
----------------------------------------------- */
.side_idea {
  /*width:241px;*/
  width: 300px;
}

.side_column .sidemenu_idea {
  /*width:241px;*/
  height: 100%;
}

.side_column .sidemenu_idea .sidemenu_idea_in {
  width: 100%;
  height: auto;
  /*
  padding-bottom:32767px;
  margin-bottom:-32767px;
  */
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog {
  /*width:241px;*/
  width: 300px;
  height: 100%;
  /*
  padding-bottom:32767px;
  margin-bottom:-32767px;
  */
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button {
  /*width:207px;*/
  padding: 4px 10px 4px 10px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li {
  width: 207px;
  height: 46px;
  margin-bottom: 10px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li a {
  display: block;
  height: 0;
  padding-top: 46px;
  overflow: hidden;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_season a {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu.png) no-repeat;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_season_on {
  background: url(/user_data/packages/default/img/sub/ideanote/omotenashi_idea.png) no-repeat;
  width: 207px;
  height: 204px;
  margin-bottom: 12px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_first a {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu.png) no-repeat 0px -52px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_first_on {
  background: url(/user_data/packages/default/img/sub/ideanote/omise_idea.png) no-repeat;
  width: 207px;
  height: 204px;
  margin-bottom: 12px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_design a {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu.png) no-repeat 0px -106px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_design_on {
  background: url(/user_data/packages/default/img/sub/ideanote/design_idea.png) no-repeat;
  width: 207px;
  height: 204px;
  margin-bottom: 12px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_campaign a {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu.png) no-repeat 0px -158px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_campaign_on {
  background: url(/user_data/packages/default/img/sub/ideanote/atta_campaign.png) no-repeat;
  width: 207px;
  height: 204px;
  margin-bottom: 12px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_item a {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu.png) no-repeat 0px -210px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_item_on {
  background: url(/user_data/packages/default/img/sub/ideanote/item_info.png) no-repeat;
  width: 207px;
  height: 204px;
  margin-bottom: 12px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_blog a {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu.png) no-repeat 0px -265px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_blog_on {
  background: url(/user_data/packages/default/img/sub/ideanote/blog.png) no-repeat;
  width: 207px;
  height: 204px;
  margin-bottom: 12px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_season a:hover {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu_on.png) no-repeat;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_first a:hover {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu_on.png) no-repeat 0px -52px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_design a:hover {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu_on.png) no-repeat 0px -106px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_campaign a:hover {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu_on.png) no-repeat 0px -158px;
}

.side_column .sidemenu_idea .sidemenu_idea_in .sidemenu_idea_catalog ul.idea_genre_button li.btn_item a:hover {
  background: url(/user_data/packages/default/img/sub/ideanote/idea_sidemenu_on.png) no-repeat 0px -210px;
}

.idea_genre_category {
  position: relative;
  margin-bottom: 40px;
}

.idea_genre_category li {
  font-size: 13px;
  font-weight: bold;
  padding: 18px 18px;
  border-bottom: 2px solid #efefef;
}

.idea_genre_category li a:hover {
  color: #ff6600;
  text-decoration: none;
}

.category_season,
.category_first,
.category_design,
.category_item,
.category_campaign,
.category_blog,
.category_oshirase {
  position: relative;
}

.category_season::after,
.category_first::after,
.category_design::after,
.category_item::after,
.category_campaign::after,
.category_blog::after,
.category_oshirase::after {
  position: absolute;
  top: 50%;
  right: 2em;
  width: 0.5em;
  height: 0.5em;
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  content: "";
  border-color: #ff6600;
}

.category_season::after {
  /*border-color: #FBA72E;*/
  border-color: #8DD1E0;
}

.category_first::after {
  border-color: #FFDD68;
}

.category_design::after {
  border-color: #A9D26E;
}

.category_item::after {
  border-color: #FB806E;
}

/*
.category_campaign::after{
    border-color: #8DD1E0;
}
*/
.category_blog::after {
  border-color: #CD853F;
}

.category_oshirase::after {
  border-color: #FBA72E;
}

.category_season:hover::after,
.category_first:hover::after,
.category_design:hover::after,
.category_item:hover::after,
.category_campaign:hover::after,
.category_blog:hover::after,
.category_oshirase:hover::after {
  animation: arrow 0.4s;
}

@keyframes arrow {
  50% {
    right: 1.5em;
  }
  100% {
    right: 2em;
  }
}
.sidemenu_idea_catalog .idea_tag {
  /*width:223px;*/
  /*padding:24px 10px 24px 20px;*/
  margin-bottom: 40px;
}

.sidemenu_idea_catalog .idea_category h4 {
  font-size: 14px;
  padding: 8px 18px;
  background-color: #ff6600;
  color: #fff;
}

.sidemenu_idea_catalog .idea_tag h4,
.sidemenu_idea_catalog .idea_backnumber h4 {
  font-size: 14px;
  margin-bottom: 15px;
  padding: 8px 18px;
  background-color: #ff6600;
  color: #fff;
}

.sidemenu_idea_catalog .idea_tag ul {
  /*width:212px;*/
}

.sidemenu_idea_catalog .idea_tag ul li {
  padding: 2px;
  float: left;
}

.sidemenu_idea_catalog .idea_tag ul li a {
  display: flex;
  font-size: 11px;
  font-weight: nomal;
  background-color: #ffffff;
  border: 1px solid #ff6600;
  color: #ff6600;
  padding: 3px 8px;
  margin-top: 3px;
  line-height: 1.4;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}

.sidemenu_idea_catalog .idea_tag ul li a:hover,
.sidemenu_idea_catalog .idea_tag ul li a.active {
  background-color: #ff6600;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.sidemenu_idea_catalog .idea_backnumber {
  /*width:223px;*/
  /*padding:24px 10px 24px 10px;*/
}

.sidemenu_idea_catalog .idea_backnumber ul {
  /*width:170px;*/
}

.sidemenu_idea_catalog .idea_backnumber ul li {
  /*height:190px;*/
  margin-bottom: 20px;
}

.sidemenu_idea_catalog .idea_backnumber ul li .pic_frame {
  /*height:110px;*/
}

.sidemenu_idea_catalog .idea_backnumber ul li .pic_frame a {
  display: block;
  /*height:99px;*/
  overflow: hidden;
  padding: 5px 0 0 2px;
}

.sidemenu_idea_catalog .idea_backnumber ul li .pic_frame a .pic_set {
  /*text-align:center;*/
  /*width:157px;*/
  display: block;
}

.sidemenu_idea_catalog .idea_backnumber ul li .pic_frame a .pic_set img.side_idea_backnumber {
  width: 300px;
  /*height:99px;*/
}

.sidemenu_idea_catalog .idea_backnumber ul li .about_item .date {
  color: #777;
  font-size: 12px;
  margin-bottom: 2px;
}

.sidemenu_idea_catalog .idea_backnumber ul li .about_item .title a {
  font-size: 14px;
}

.sidemenu_idea_catalog .idea_backnumber ul li .about_item .title a:hover {
  color: #ff6600;
  text-decoration: none;
  transition: 0.3s;
}

.sidemenu_idea_catalog .idea_backnumber ul li .about_item p {
  font-size: 11px;
}

.sidemenu_idea_catalog .idea_backnumber ul li .about_item .title {
  font-weight: bold;
}

li .about_item {
  position: relative;
}

li .about_item .star {
  position: absolute;
  top: 89px;
  right: 0;
}

/* idea detail
----------------------------------------------- */
.contents-detail {
  font-size: 14px;
  line-height: 25px;
}

.contents-detail a {
  text-decoration: underline;
}

.contents-detail a:hover {
  color: #ff6600;
}

.contents-detail ul,
.contents-detail ol {
  padding-left: 1em;
  margin-left: 1em;
}

.contents-detail ul li {
  list-style-type: disc;
  margin-bottom: -20px;
}

.contents-detail ol li {
  list-style-type: decimal;
  margin-bottom: -20px;
}

.contents-detail .p-contents ul li {
  list-style: none;
}

.contents-detail .p-contents ul,
.contents-detail .p-contents ol {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: auto;
}

.contents-detail h2 {
  font-size: 150%;
  padding: 0.6em; /*文字周りの余白*/
  color: #ff6600; /*文字色*/
  background: #fafafa; /*背景色*/
  border-left: solid 9px #ff6600; /*左線（実線 太さ 色）*/
}

.contents-detail h3 {
  font-size: 140%;
  color: #ff6600;
  padding-bottom: 5px;
  border-bottom: solid 3px #efefef;
  position: relative;
}

.contents-detail h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ff6600;
  bottom: -3px;
  width: 30%;
}

.contents-detail h4 {
  font-size: 120%;
  background: #FFFAD2;
  padding: 0.7em 1em; /*文字周りの余白*/
  border-radius: 0.5em; /*角丸*/
  color: #ff6600;
}

/* 注意に使う見出し */
.contents-detail h5 {
  position: relative;
  background: #ffa2a2;
  padding: 7px 5px 7px 50px;
  border-radius: 10px;
  border-radius: 10px;
  margin-left: 5px;
  font-size: 140%;
  line-height: 30px;
}

.contents-detail h5:before {
  font-family: FontAwesome;
  content: "\f071";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #ff5d47;
  font-weight: normal;
  width: 45px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  left: -6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
  border-bottom: solid 2px #9a6969;
}

.contents-detail h6 {
  font-size: 120%;
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

.contents-detail h6:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

.contents-detail .dekamozi {
  font-size: 28px;
  font-weight: bold;
}

.contents-detail .about_item h3 {
  font-size: 14px;
  border: none;
  background: none;
  padding: 0;
}

.kanren-block h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  text-align: center;
  color: #3c3431;
  margin-top: 110px;
  margin-bottom: 32px;
}

.kanren-block h4::before,
.kanren-block h4::after {
  content: "";
  width: calc(50% - 71px);
  height: 2px;
  background-color: #ccc;
}

.kanren-block h4::before {
  margin-right: 18px;
}

.kanren-block h4::after {
  margin-left: 18px;
}

.kanren-itiran li {
  color: #3c3431;
  margin-bottom: 32px;
  display: flex;
}

.kanren-itiran img {
  max-width: 190px;
  margin-right: 20px;
}

.kanren-itiran .date {
  color: #777;
  font-size: 13px;
  margin-bottom: 6px;
}

.kanren-itiran .title {
  color: #3c3431;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 12px;
}

.kanren-itiran .title a:hover {
  color: #ff6600;
  text-decoration: none;
  transition: 0.3s;
}

.kanren-itiran .bassui {
  color: #777;
  font-size: 13px;
  line-height: 22px;
}

.idea_detail {
  width: 700px;
  padding: 60px 70px 25px;
  border: 1px solid #e0e0e0;
}

.idea_detail .title_area {
  position: relative;
  width: 100%;
}

.idea_detail .title_area .title {
  /*
  float:left;
  width:70%;
  */
}

.idea_detail .title_area .title h2 {
  font-size: 14px;
  color: #000000;
}

.idea_detail .title_area .date {
  /*
  float:right;
  */
}

.idea_detail .visual {
  width: 100%;
  margin-top: 10px;
}

.idea_detail .visual .main {
  height: 397px;
  width: 700px;
}

.idea_detail .visual .main .pic_set {
  display: block;
  text-align: center;
}

.idea_detail .visual .main .pic_set img.episode_main {
  height: 397px;
}

.idea_detail .visual .thumb li {
  height: 98px;
  width: 170px;
}

.idea_detail .visual .thumb .pic_set {
  display: block;
  text-align: center;
}

.idea_detail .visual .thumb .pic_set img.episode_thumb {
  height: 98px;
}

.idea_detail .visual .thumb {
  margin-top: 6px;
}

.idea_detail .visual .thumb li {
  float: left;
  margin-left: 6px;
}

.idea_detail .visual .thumb li:first-child {
  margin-left: 0;
}

.idea_detail .visual .thumb li:last-child {
  margin-left: 7px;
}

.idea_detail .episode {
  margin: 34px auto 0;
  width: 680px;
}

.idea_detail .episode p {
  padding-bottom: 80px;
  font-size: 14px;
  line-height: 1.5;
}

.idea_detail .related_tag {
  margin-top: 5px;
  width: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
}

.related_tag.clearfix p {
  font-size: 12px;
  color: #777;
}

.idea_detail .related_tag ul {
  display: flex;
}

.idea_detail .related_tag ul li {
  padding: 2px;
}

.idea_detail .related_tag ul li:not(:last-child)::after {
  content: "/";
  color: #777;
}

.idea_detail .related_tag ul li a {
  font-size: 12px;
  border: 0px solid #777;
  color: #777;
  margin-right: 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.idea_detail .detail_pager {
  clear: both;
  margin-top: 25px;
  position: relative;
  height: 60px;
}

.idea_detail .detail_pager span a:hover {
  color: #ff6600;
  transition: 0.3s;
}

.idea_detail .detail_pager .p_detail {
  font-size: 16px;
  font-weight: bold;
  width: 79px; /* 前の記事がない時でも幅を確保することで、レイアウト崩れを防ぐ */
}

.idea_detail .detail_pager .n_detail {
  font-size: 16px;
  font-weight: bold;
  width: 79px; /* 次の記事がない時でも幅を確保することで、レイアウト崩れを防ぐ */
}

.p_detail a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.p_detail a:hover {
  color: #3c3431 !important;
  text-decoration: none;
}

.p_detail a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #3c3431;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.3s;
}

.p_detail a:hover::after {
  transform: scale(1, 1);
}

.n_detail a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.n_detail a:hover {
  color: #3c3431 !important;
  text-decoration: none;
}

.n_detail a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #3c3431;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.3s;
}

.n_detail a:hover::after {
  transform: scale(1, 1);
}

.to_list {
  margin: 0 auto;
}

a.to_list_button {
  width: 200px;
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  margin: auto;
  padding: 16px 60px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 3px;
  border: 2px solid #ff6600;
  color: #ff6600;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: all 0.2s ease-in;
}

a.to_list_button:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.4s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

a.to_list_button:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #ff6600;
  border-radius: 50%;
  display: block;
  transition: all 0.4s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

a.to_list_button:hover {
  color: #ffffff !important;
  border: 2px solid #ff6600;
  text-decoration: none;
}

a.to_list_button:hover:before {
  top: -35%;
  background-color: #ff6600;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

a.to_list_button:hover:after {
  top: -45%;
  background-color: #ff6600;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

/* -----------------------------------------------
 item_detail.html
----------------------------------------------- */
div#container.item_detail {
  margin-top: 21px;
  margin-bottom: 0;
}

div#container.item_detail .both_column #two_maincolumn_left {
  width: 708px;
}

div#container.item_detail {
  width: 100%;
}

.item_detail #one_maincolumn {
  margin: 0 auto;
  width: 1200px;
}

.item_detail #rightcolumn .sidemenu_wrapper .cost.bottom {
  border-top: 1px dotted #D8D7D1;
  border-bottom: 1px dotted #D8D7D1;
}

.item_detail #rightcolumn .sidemenu_wrapper .cost .close {
  display: inline-block;
  clear: both;
  float: right;
  font-size: 10px;
  color: #666;
}

.item_detail .cost .amount .to_pricelist {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 12px;
  margin-left: 17px;
  padding-left: 9px;
  background: #FF6600;
  border-radius: 3px;
  letter-spacing: 0.6px;
  width: 116px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  display: flex;
  align-items: center;
}

.item_detail .cost .amount .to_pricelist .yen {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.item_detail .cost .amount .to_pricelist:hover {
  text-decoration: none;
}

.item_detail .item_title .related_tags span {
  margin-right: 2px;
}

.item_detail .item_title h2, .item_detail .item_title h1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 24px;
}

.item_detail .item_title .item_type {
  padding-bottom: 10px;
}

.item_detail .item_title .item_type .item_info {
  color: #999966;
}

.item_detail #item_detail_main .item_image {
  height: 600px;
  width: 600px;
  margin: 0 auto;
}

.item_detail #item_detail_main .item_serial {
  color: #3C3431;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 12px;
}

.item_detail #item_detail_main .item_image .large {
  display: block;
  text-align: center;
  height: 600px;
  width: 600px;
  position: relative;
}

.item_detail #item_detail_main .item_image .large .prev {
  position: absolute;
  top: 50%;
  left: -54px;
  background: #F8F8F8;
  width: 46px;
  height: 46px;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}

.item_detail #item_detail_main .item_image .large .next {
  position: absolute;
  top: 50%;
  right: -54px;
  background: #F8F8F8;
  width: 46px;
  height: 46px;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}

.item_detail #item_detail_main .item_image .large img.large_image {
  height: 450px;
  text-align: center;
  margin: 0 auto;
}

.item_detail #item_detail_main .item_image .small {
  margin: 0 calc(51% - 360px);
  width: 720px;
  margin-top: 20px;
}

.item_detail #item_detail_main .item_image .small ul li {
  margin-bottom: 12px;
  float: left;
  margin-right: 12px;
}

.item_detail #item_detail_main .item_image .small ul li a {
  display: block;
  text-align: center;
  height: 78px;
  width: 78px;
  position: relative;
}

.item_detail #item_detail_main .item_image .small ul li a.current::before {
  content: "";
  position: absolute;
  border: 2px solid #FF6600;
  width: 78px;
  height: 78px;
  left: -2px;
  top: -2px;
}

.item_detail #item_detail_main .item_image .small ul li a img.small_image {
  height: 78px;
  width: 78px;
  text-align: center;
  margin: 0 auto;
}

.item_detail #item_detail_main .caption_space .message {
  float: left;
  width: 600px;
  font-size: 14px;
  line-height: 1.5;
  margin: 10px 0;
}

.item_detail #item_detail_main .caption_space .sns {
  float: right;
}

.item_detail #item_detail_main .caption_space .sns a {
  padding-left: 20px;
  display: block;
  font-color: #666666;
  line-height: 11px;
}

.item_detail #item_detail_main .caption_space .sns a.fb {
  background: url(/user_data/packages/default/img/sub/item_detail/icon_fb.png) no-repeat;
  margin-top: 5px;
}

.item_detail #item_detail_main .caption_space .sns a.tw {
  background: url(/user_data/packages/default/img/sub/item_detail/icon_tw.png) no-repeat;
}

.item_detail #item_detail_main .item_information .item_delivery {
  width: 100%;
}

.item_detail #item_detail_main .item_information .item_standard h4,
.item_detail #item_detail_main .item_information .item_delivery h4 {
  border-bottom: 1px dotted #CCCCCC;
  font-size: 14px;
  margin-bottom: 10px;
}

.item_detail #item_detail_main .item_information .item_standard p,
.item_detail #item_detail_main .item_information .item_delivery p {
  padding-left: 5px;
  line-height: 1.5;
}

.item_detail #item_detail_main .item_information h3 {
  border-bottom: 1px dotted #CCCCCC;
  font-size: 16px;
  margin-bottom: 10px;
}

.item_detail #item_detail_main .item_information p {
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 20px;
}

.item_detail #item_detail_main .advice {
  background-color: #fdfdfa;
  padding: 15px;
  font-size: 12px;
}

.item_detail #item_detail_main div.others {
  clear: both;
  padding-top: 70px;
}

.item_detail #item_detail_main .others ul li a {
  display: block;
  height: 115px;
  width: 115px;
  overflow: hidden;
}

.item_detail #item_detail_main .others ul li a img.others {
  height: 115px;
  text-align: center;
  margin: 0 auto;
}

.item_detail #item_detail_main .others .same_kind,
.item_detail #item_detail_main .others .recommend {
  margin-bottom: 40px;
  width: 500px;
  height: 230px;
  overflow: hidden;
  position: relative;
}

.item_detail #item_detail_main .others .slide_btn_left {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 30px;
  height: 200px;
  width: 15px;
  background: #fff;
  z-index: 10;
  text-indent: -9999px;
  background: url("/user_data/packages/default/img/sub/item_detail/arrow_l.gif") no-repeat center 50px #fff;
}

.item_detail #item_detail_main .others .slide_btn_right {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 30px;
  height: 200px;
  width: 15px;
  background: #fff;
  z-index: 10;
  text-indent: -9999px;
  background: url("/user_data/packages/default/img/sub/item_detail/arrow_r.gif") no-repeat center 50px #fff;
}

.item_detail #item_detail_main .others .same_kind h4,
.item_detail #item_detail_main .others .recommend h4,
.recently_checked .inner h4 {
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

.item_detail #item_detail_main .others .same_kind ul,
.item_detail #item_detail_main .others .recommend ul {
  margin-left: 15px;
  width: 2400px;
}

.item_detail #item_detail_main .others .same_kind ul li,
.item_detail #item_detail_main .others .recommend ul li {
  float: left;
  margin-left: 2px;
  margin-bottom: 5px;
  width: 135px;
}

#item_detail_main form#template_form input[type=submit],
#item_detail_main form#template_form input[type=button] {
  border: 1px solid #CACECE;
  background: #fff;
  padding: 2px 20px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.for_uploaded_data .template {
  float: left;
}

.for_uploaded_data .flow {
  float: right;
}

.item_detail #rightcolumn {
  float: right;
  width: 432px;
  margin-right: 0;
  margin-left: 20px;
}

.item_detail #rightcolumn .sidemenu_wrapper {
  width: 432px;
  position: relative;
  margin-top: 5px;
}

.item_detail #rightcolumn .sidemenu_wrapper .sidemenu_wrapper_in {
  margin: 0 auto;
  background: none;
}

.item_detail #rightcolumn .sidemenu_wrapper .sidemenu_wrapper_in .sidemenu_catalog {
  background: none;
  width: auto;
  padding: 0;
}

.item_detail #rightcolumn .sidemenu_wrapper .sidemenu_wrapper_in .sidemenu_catalog .sidemenu_list {
  width: auto;
}

.item_detail #rightcolumn .sidemenu_wrapper #select_course table {
  border-left: 0;
  border-top: 0;
  text-align: left;
  width: 100%;
}

.item_detail #rightcolumn .sidemenu_wrapper #select_course table tr {
  display: grid;
}

.item_detail #rightcolumn .sidemenu_wrapper #select_course table th {
  background: none;
  border-bottom: 0;
  border-right: 0;
  color: #333333;
  font-weight: normal;
  padding: 0;
}

.item_detail #rightcolumn .sidemenu_wrapper #select_course table td {
  border-bottom: 0;
  border-right: 0;
  padding: 8px 0;
}

.item_detail #rightcolumn .sidemenu_wrapper .sidemenu_wrapper_in .sidemenu_catalog .sidemenu_list .amount table,
.item_detail #rightcolumn .sidemenu_wrapper .sidemenu_wrapper_in .sidemenu_catalog .sidemenu_list .amount table td {
  border: none;
}

.item_detail #rightcolumn .sidemenu_wrapper .sidemenu_wrapper_in .sidemenu_catalog .sidemenu_list .amount input[type=text] {
  background-color: #ffffff;
  border: solid 1px #ccc;
  width: 50px;
}

.item_detail #selectNumberArea .number_input_area {
  text-align: left;
  /*margin-right:10px;*/
}

.item_detail #selectNumberArea .number_input_area .btn_plus {
  margin-left: 16px;
}

.item_detail .item_page .side_column .sidemenu_wrapper .sidemenu_list {
  box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border: none;
  width: 100%;
}

.item_detail .item_page .side_column .sidemenu_wrapper .item_information .nameprint_other_option {
  text-align: center;
  padding: 10px;
}

.recently_checked {
  border-top: 1px dotted #cccccc;
  background-color: #ffffff;
  padding: 40px 0;
}

.recently_checked .inner {
  width: 980px;
  margin: 0 auto;
}

.recently_checked .inner ul {
  margin-left: -11px;
}

.recently_checked .inner ul li {
  float: left;
  margin-left: 12px;
  width: 70px;
  height: 70px;
}

.recently_checked .inner ul li a {
  display: block;
  text-align: center;
}

.recently_checked .inner ul li a img.checked {
  height: 70px;
  text-align: center;
  margin: 0 auto;
}

p.memo {
  font-size: 12px;
  text-align: left;
  display: block;
  width: 100%;
  margin: 10px 0 56px;
}

.amount div a {
  display: block;
  background-position: left;
  padding-left: 5px;
}

div.color_type ul li span,
div.color_type ul li a {
  float: left;
}

.color_circle {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  border: 3px solid #E0E0E0;
  margin-bottom: 8px;
}

.sidemenu_list .recommending_membership {
  margin: 20px 0px;
  font-size: 11px;
}

.sidemenu_list .recommending_membership div span {
  float: left;
}

.sidemenu_list .recommending_membership a {
  display: block;
  background: url(/user_data/packages/default/img/icon/ico_arrow_03.gif) no-repeat;
  background-position: left;
  padding-left: 12px;
}

.sidemenu_list .recommending_membership .attention {
  font-size: 12px;
}

.sidemenu_list .recommending_membership p, .sidemenu_list .recommending_membership a {
  font-size: 12px;
  display: block;
}

div.color_type ul, .paper_type ul, .amount ul {
  margin-top: 10px;
}

div.color_type ul {
  display: flex;
  flex-wrap: wrap;
}

div.color_type ul li:not(:nth-child(10n)) {
  margin-right: 8px;
}

.color_type h3.name,
.design_type h3.name {
  float: left;
  display: inline-block;
  padding-right: 5px;
}

.color_type h3 .type_q,
.design_type h3 .type_q {
  float: right;
}

.color_type h3 .type_q:link span.q_icon,
.design_type h3 .type_q:link span.q_icon {
  display: block;
  background: url(/user_data/packages/default/img/sub/item_detail/type_question.jpg) no-repeat;
  width: 22px;
  height: 22px;
}

.color_type h3 .type_q:link span.texts,
.design_type h3 .type_q:link span.texts {
  display: none;
}

div.color_type ul li a:hover,
.paper_type ul li a:hover,
div.color_type ul li a.selected_color span {
  border-color: #FF6600;
}

div.color_type ul li a:visited {
  color: #000;
}

div.color_type ul li.green {
  background: url(/user_data/packages/default/img/sub/item_detail/color-type.png) no-repeat;
}

div.color_type ul li.red {
  background: url(/user_data/packages/default/img/sub/item_detail/color-type.png) no-repeat 0px -25px;
}

div.color_type ul li.blue {
  background: url(/user_data/packages/default/img/sub/item_detail/color-type.png) no-repeat 0px -49px;
}

div.paper_type ul li.lumine {
  background: url(/user_data/packages/default/img/sub/item_detail/paper-type.png) no-repeat;
}

div.paper_type ul li.aravel {
  background: url(/user_data/packages/default/img/sub/item_detail/paper-type.png) no-repeat 0px -24px;
}

div.paper_type ul li.kenaf {
  background: url(/user_data/packages/default/img/sub/item_detail/paper-type.png) no-repeat 0 -47px;
}

#online_edit h3 {
  padding-bottom: 10px;
}

#online_edit .name, #online_edit span {
  float: left;
}

div.amount div {
  text-align: right;
}

div.amount a {
  font-size: 12px;
  display: inline-block;
}

div.amount a:hover, div.amount a:visited {
  color: #ff4e00;
}

.item_detail #rightcolumn a.preview {
  background: #FF6600;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
}

.item_detail #rightcolumn a.preview:hover {
  text-decoration: none;
}

.item_detail #rightcolumn a.custom {
  background: #FF6600;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
}

.item_detail #rightcolumn a.custom:hover {
  text-decoration: none;
}

.item_detail #rightcolumn a.start {
  background: #FF6600;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  margin-bottom: 12px;
}

.sidemenu_list .nextstep_area {
  padding-top: 12px;
}

.sidemenu_list .nextstep_area span {
  display: block;
  font-size: 11px;
}

.sidemenu_list .option {
  margin-top: 20px;
}

.sidemenu_list .option h3 {
  margin-bottom: 10px;
  text-align: center;
}

.item_detail #rightcolumn .product_explanation .icon {
  margin-right: 4px;
}

.item_detail #rightcolumn .product_explanation p {
  letter-spacing: 0.7px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.item_detail #rightcolumn .product_explanation.data {
  margin-bottom: 12px;
}

.item_detail #rightcolumn .product_explanation .web {
  color: #3070B7;
}

.item_detail #rightcolumn .product_explanation .data-entry {
  color: #D03360;
}

.item_detail #rightcolumn .product_explanation .omakase {
  color: #9D50AD;
}

.item_detail #rightcolumn .product_explanation a {
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #3C3431;
  text-indent: 34px;
  display: block;
}

.item_detail #rightcolumn a.favorite {
  display: block;
  background: url(/user_data/packages/default/img/icon/icon-heart-off.svg) no-repeat;
  background-position: 146px;
  text-indent: 172px;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  padding: 9px 0;
}

.item_detail #rightcolumn a.favorite:hover {
  text-decoration: none;
}

.item_detail #rightcolumn a.favorite::after {
  content: "お気に入りに追加";
  font-size: 14px;
  color: #3C3431;
  letter-spacing: 0px;
}

.item_detail #rightcolumn a.favorite.on {
  background: url(/user_data/packages/default/img/icon/icon-heart-on.svg) no-repeat;
  background-position: 146px;
  text-indent: 172px;
}

.item_detail #rightcolumn a.favorite.on::after {
  content: "お気に入りから外す";
}

.item_detail #rightcolumn .option {
  margin-top: 25px;
}

.item_detail #rightcolumn .option a {
  margin-top: 20px;
  display: block;
  background: url(/user_data/packages/default/img/button/btn_designit2.png) no-repeat;
  padding-top: 44px;
  height: 0;
  width: 234px;
  overflow: hidden;
}

.item_detail #rightcolumn .option a:hover {
  background: url(/user_data/packages/default/img/button/btn_designit2_on.png) no-repeat;
}

.item_detail #rightcolumn .option p {
  margin-top: 10px;
  text-align: right;
  font-size: 11px;
}

.sidemenu_list .other_links {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.sidemenu_list a:hover,
.sidemenu_list a:visited {
  color: #ff4e00;
}

.sidemenu_list .other_links span {
  float: left;
  display: block;
}

.sidemenu_list .other_links a {
  display: block;
  color: #3C3431;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
  font-size: 12px;
}

.sidemenu_list .other_links a:not(:nth-child(3)) {
  margin-right: 35px;
}

.sidemenu_list .other_links a:hover,
.sidemenu_list .other_links a:visited {
  color: #333;
}

.sidemenu_list a {
  text-decoration: none;
}

.sidemenu_list a:hover {
  text-decoration: underline;
}

.sidemenu_list .attention a {
  text-decoration: underline;
}

#product_cost .special,
#product_cost .special .total_cost {
  color: #F00;
}

#product_cost {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 32px;
}

#product_cost,
#product_cost_inctax,
#product_cost_tax {
  color: #3C3431;
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
  padding-bottom: 11px;
}

#product_cost span,
#product_cost_inctax span,
#product_cost_tax span {
  font-size: 16px;
}

#product_cost .total_cost,
#product_cost_inctax .total_cost,
#product_cost_tax .total_cost {
  font-size: 20px;
  padding-left: 6px;
  color: #3C3431;
}

#product_cost .cost_title,
#product_cost_inctax .cost_title,
#product_cost_tax .cost_title {
  font-size: 14px;
  font-weight: bold;
  float: left;
}

/* product customize */
#undercolumn_contact div#product_cost,
#undercolumn_contact div#product_cost_inctax,
#undercolumn_contact div#product_cost_tax {
  float: left;
  padding: 4px 0;
}

#undercolumn_contact div#product_cost .cost_title,
#undercolumn_contact div#product_cost_tax .cost_title {
  font-size: 11px;
  font-weight: normal;
  float: left;
  width: 175px;
}

#undercolumn_contact div#product_cost_inctax .cost_title {
  width: 175px;
}

#undercolumn_contact #product_cost .total_cost,
#undercolumn_contact #product_cost_tax .total_cost {
  font-size: 14px;
  padding-left: 6px;
  color: #3C3431;
  width: 95px;
  text-align: right;
}

#undercolumn_contact div#product_cost_inctax .total_cost {
  width: 95px;
  text-align: right;
}

.no_stock_area {
  text-align: center;
  margin: 10px 20px;
  padding: 15px 5px;
  background-color: #FFF;
  font-size: 13px;
  border: solid 1px #ccc;
  color: #FF6600;
}

.star {
  position: relative;
  z-index: 20;
}

.star a {
  display: block;
  width: 22px;
  padding-top: 24px;
  height: 0;
  overflow: hidden;
  background: url(/user_data/packages/default/img/icon/icon-heart-off.svg) no-repeat;
}

.star a.on {
  background: url(/user_data/packages/default/img/icon/icon-heart-on.svg) no-repeat;
}

.star .add_fav {
  font-size: 11px;
  line-height: 1.5;
  display: none;
  position: absolute;
  top: 0;
  left: 20px;
  background-color: #f8f8f8;
  width: 124px;
  padding-left: 8px;
  border: 2px solid #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px #ccc;
  -webkit-box-shadow: 1px 1px 3px #ccc;
}

.star:hover .add_fav {
  display: block;
}

.star div {
  position: absolute;
  width: 150px;
}

.question_box_outer {
  position: relative;
  display: none;
}

.question_box_inner, .t_question_box_inner {
  font-size: 11px;
  z-index: 100;
  color: #666666;
  position: absolute;
  border: 1px solid #ccc;
  /*left:-171px;*/
  width: 350px;
  background-color: #FFF;
  padding: 10px;
  font-weight: normal;
  top: -6px;
}

.t_question_box_outer {
  position: relative;
  display: none;
}

.t_question_box_inner {
  left: -355px;
}

.question_box_inner a {
  color: #FF4E00;
}

.t_question_box_inner a {
  color: #FF4E00;
}

.item_page .sidemenu_wrapper #selectNumberArea h3,
.item_page .sidemenu_wrapper .class_select h3 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #3C3431;
  margin-bottom: 12px;
}

.item_page .sidemenu_wrapper #selectOptionArea div:not(:last-of-type) {
  margin-bottom: 32px;
}

.item_page .sidemenu_wrapper .class_select .color_type {
  margin-bottom: 32px;
}

.item_page .sidemenu_wrapper .class_select .color_type h3 .name span {
  margin-left: 9px;
}

.item_page .sidemenu_wrapper #online_edit .online_edit_explain {
  padding-bottom: 20px;
  font-weight: bold;
}

.item_page .sidemenu_wrapper a.entry_btn {
  color: #FF6600;
  border-bottom: solid 1px #FF6600;
  font-size: 13px;
  letter-spacing: 0px;
  margin-top: 12px;
  display: inline-block;
}

.item_page .sidemenu_wrapper a.entry_btn:hover {
  text-decoration: none;
}

.item_detail #item_detail_main .tag {
  display: flex;
  flex-wrap: wrap;
  /* margin-bottom: 32px; */
}

.item_detail #item_detail_main .tag .immediately_deliv {
  font-size: 12px;
  line-height: 14px;
  border-bottom: 2px solid #EB5E1E;
  color: #EB5E1E;
  font-weight: 600;
  display: inline-block;
  z-index: 1;
}

.item_detail #item_detail_main .tag .immediately_deliv::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url("/user_data/packages/default/img/icon/icon-delivery.svg");
  vertical-align: text-top;
  margin-right: 4px;
}

.item_detail #item_detail_main .tag .not_deliv_cash {
  font-size: 12px;
  line-height: 14px;
  border-bottom: 2px solid #ED0000;
  color: #ED0000;
  font-weight: 600;
  display: inline-block;
  z-index: 1;
}

.item_detail #item_detail_main .tag .not_deliv_cash::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url("/user_data/packages/default/img/icon/icon-deliv_cash.svg");
  vertical-align: text-top;
}

.item_detail #item_detail_main .tag .webpost_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #DD3360;
  width: 104px;
  height: 12px;
}

.item_detail #item_detail_main .tag .customize_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #3070B7;
  width: 104px;
  height: 12px;
}

.item_detail #item_detail_main .tag .omakase_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #9D50AD;
  width: 104px;
  height: 12px;
}

.item_detail #item_detail_main .tag .speedprint_product {
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  font-size: 10px;
  line-height: 1;
  margin-right: 10px;
  padding: 3px;
  text-align: center;
  background-color: #8dd1e0;
}

.item_detail #item_detail_main .tag .nameprint_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #41AA7E;
  width: 104px;
  height: 12px;
}

.item_detail #item_detail_main .tag .sample_rental_product {
  border-radius: 3px;
  color: #8B4B38;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 3px 0;
  text-align: center;
  border: 1px solid #8B4B38;
  width: 102px;
}

.item_detail #item_detail_main .tag .nextday_deliv {
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  font-size: 10px;
  line-height: 1;
  margin-right: 10px;
  padding: 3px;
  text-align: center;
  background-color: #247bbd;
}

.item_detail #item_detail_main .tag div {
  margin-bottom: 6px;
}

.item_detail #item_detail_main .tag div:not(:last-of-type) {
  margin-right: 16px;
}

.item_detail #item_detail_main .link {
  margin: 9px 0px 32px 0px;
}

.item_page .sidemenu_wrapper input[type=text],
.item_page .sidemenu_wrapper input[type=password],
.item_page .sidemenu_wrapper select {
  background: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  padding: 5px 8px;
  min-width: 72px;
  font-size: 14px;
  margin: 0;
  vertical-align: top;
}

.item_page .sidemenu_wrapper select {
  padding-right: 17px;
}

.item_page .sidemenu_wrapper .design_type label .option_input_wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.item_page .sidemenu_wrapper .design_type label .option_name {
  font-size: 12px;
  margin-bottom: 10px;
}

.item_page .sidemenu_wrapper .design_type label .option_price {
  font-size: 14px;
}

.item_page .sidemenu_wrapper .design_type span.name_attention {
  margin-left: 9px;
  color: #FF6600;
  font-size: 12px;
}

.item_page .sidemenu_wrapper .design_type span.name_attention.data_attention {
  color: #FF6600;
  font-size: 11px;
}

.item_page .sidemenu_wrapper .nextstep_area .cart_in_btn {
  background: #FF6600;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  margin-bottom: 12px;
  text-decoration: none;
}

.item_page .sidemenu_wrapper .nextstep_area .cart_in_btn.arrival_notice_btn {
  background: #FFEF6C;
  color: #3C3431;
}

.item_page .sidemenu_wrapper .sidemenu_wrapper_in {
  padding-bottom: 24px !important;
}

.item_page .sidemenu_wrapper .item_delivery_wrapper {
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  padding-top: 12px;
}

.item_page .sidemenu_wrapper .item_delivery_wrapper .item_delivery {
  display: flex;
  font-size: 12px;
}

.item_page .sidemenu_wrapper .item_delivery_wrapper .item_delivery h4 {
  letter-spacing: 0.6px;
  margin-right: 33px;
}

.item_page .sidemenu_wrapper .name_print_btn {
  display: flex;
  margin-bottom: 9px;
}

.item_page .sidemenu_wrapper .name_print_btn .name_print {
  display: block;
  color: #666666;
  font-size: 14px;
  padding: 11px 45px;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  font-weight: 600;
}

.item_page .sidemenu_wrapper .name_print_btn .name_print:first-of-type {
  margin-right: 12px;
}

.item_page .sidemenu_wrapper .name_print_btn .name_print:hover {
  text-decoration: none;
}

.item_page .sidemenu_wrapper .name_print_btn .name_print.is-active {
  color: #FF6600;
  border-color: #FF6600;
}

.item_page .sidemenu_wrapper .name_print_btn .name_print.data_btn {
  text-align: center;
  padding: 11px 20px;
  width: calc((100% - 12px) / 2);
}

.item_page .sidemenu_wrapper .name_print_btn .name_print.data_btn.is-active {
  color: #FF6600;
  border-color: #FF6600;
}

.item_page .sidemenu_wrapper .name_print_btn .name_print.data_btn span {
  font-size: 0.5em;
}

.product_list_tab__wrapper {
  margin-top: 60px;
}

.product_list_tab__wrapper .product_list_tabs {
  display: flex;
  justify-content: center;
}

.product_list_tab__wrapper .product_list_tab {
  flex-grow: 1;
  padding: 30px 0 20px;
  list-style: none;
  border: solid 2px #E0E0E0;
  border-radius: 3px 3px 0 0;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  position: relative;
  color: #3C3431;
  width: 398px;
  background: #F8F8F8;
  border-bottom: none;
}

.product_list_tab__wrapper .product_list_tab::before {
  content: "";
  /* width: 398px; */
  width: 598.5px;
  height: 10px;
  border-radius: 3px 3px 0 0;
  position: absolute;
  top: -2px;
  background: #E0E0E0;
  left: -2px;
}

.product_list_tab__wrapper .product_list_tab:not(:last-of-type) {
  margin-right: 3px;
}

.product_list_tab__wrapper .product_list_content {
  display: none;
}

.product_list_tab__wrapper .product_list_tab.is-active {
  color: #FF6600;
  background: #FFF;
}

.product_list_tab__wrapper .product_list_tab.is-active::before {
  background: #FF6600;
}

.product_list_tab__wrapper .product_list_tab.is-active::after {
  content: "";
  /* width: 394px; */
  width: 594.5px;
  height: 2px;
  position: absolute;
  top: 68px;
  background: #FFF;
  left: 0px;
}

.product_list_tab__wrapper .product_list_content__banner {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.product_list_tab__wrapper .product_list_content__banner a + a {
  margin-left: 20px;
}

.product_list_tab__wrapper .product_list_content.is-show {
  display: block;
}

.product_list_tab__wrapper .product_list_contents {
  height: auto;
  border: solid 2px #E0E0E0;
  padding: 65px 80px 60px;
}

.product_list_tab__wrapper .product_list_contents .product_list_table {
  border: none;
  margin: 0;
}

.product_list_tab__wrapper .product_list_contents .product_list_th {
  border: none;
  background-color: #FFF;
  vertical-align: initial;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #3C3431;
  width: 340px;
  border-top: 1px solid #E0E0E0;
  padding: 32px 0 0 0;
}

.product_list_tab__wrapper .product_list_contents .product_list_td {
  border: none;
  width: 700px;
  border-top: 1px solid #E0E0E0;
  padding: 32px 0;
  font-size: 14px;
  color: #3C3431;
  line-height: 1.7;
  letter-spacing: 0.7px;
}

.product_list_tab__wrapper .product_list_contents .product_list_td h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.8px;
  margin-bottom: 16px;
}

.product_list_tab__wrapper .product_list_contents .product_list_td .print_type {
  font-size: 12px;
  letter-spacing: 0.6px;
  display: block;
}

.product_list_tab__wrapper .product_list_contents .product_list_td .print_type + .print_type {
  margin-top: 14px;
}

#online_edit .nextstep_area .cart_step .template_dl_block .template_dl_btn {
  background: #FF6600;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  margin-bottom: 12px;
  text-decoration: none;
}

.item_page .sidemenu_wrapper .nextstep_area .template_dl_block {
  border: 2px solid #D03360;
  padding: 10px;
  margin-bottom: 20px;
}

.item_page .sidemenu_wrapper .nextstep_area .template_dl_btn {
  background: #D03360;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  padding: 0;
  display: block;
  width: 320px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  /* margin:0 auto; */
  margin-top: 6px;
  text-decoration: none;
}

.item_page .sidemenu_wrapper .nextstep_area .template_dl_block2 {
  background: #f8f8f8;
  padding: 10px;
  margin-bottom: 12px;
}

.template_dl_block2 p {
  color: red;
}

.item_page .sidemenu_wrapper .nextstep_area .template_dl_btn2 {
  /*background: #D03360;*/
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  color: #FF6600;
  border: 2px solid #ff6600;
  padding: 0;
  display: block;
  width: 400px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  margin: 0 auto;
  margin-top: 6px;
  text-decoration: none;
}

.item_page .sidemenu_wrapper .nextstep_area .template_dl_btn2:hover {
  background: #FF6600;
  color: #FFF;
  transition: 0.3s;
}

.item_page .sidemenu_wrapper .nextstep_area .template_dl_block3 {
  border: 2px solid #D03360;
  background: #f8f8f8;
  padding: 5px 10px;
  margin-bottom: 20px;
}

.item_page .sidemenu_wrapper .nextstep_area .template_dl_block3 .template_dl_midashi3 {
  color: #D03360;
  font-size: 14px;
  margin-bottom: 10px;
}

/* -----------------------------------------------
 product detail action tray
----------------------------------------------- */
.action-tray {
  border-top: 1px solid #d6d6d6;
  padding: 24px 15px;
  background: #F8F8F8;
  color: #3C3431;
  z-index: 99;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 86px;
  position: fixed;
  display: none;
}

.action-tray__wrapper {
  width: 1200px;
  margin: 0 auto;
  display: block;
  clear: both;
}

.active-tary__item-name {
  width: 700px;
  margin-left: 0;
  float: left;
}

.active-tary__item-name h3 {
  font-size: 16px;
  text-align: left;
}

.action-tray__quotation {
  width: 212px;
  margin-left: 50px;
  float: left;
}

.action-tray__quotation li {
  line-height: 24px;
  padding-bottom: 5px;
}

.quotation__description {
  float: left;
  font-size: 12px;
}

.quotation__description-total {
  float: left;
  font-size: 12px;
  font-weight: 600;
}

.quotation__price {
  float: right;
  font-size: 18px;
}

.quotation__price-total {
  float: right;
  font-size: 24px;
  font-weight: 600;
}

.action-tray__cart-in {
  width: 190px;
  margin-right: 22px;
  float: right;
}

#action-tray .action-tray__cart-in a {
  background: #FF6600;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  margin-bottom: 12px;
  text-decoration: none;
}

#action-tray .action-tray__cart-in a.arrival_notice_btn {
  background: #FFEF6C;
  color: #3C3431;
}

#arrival_notice_popup {
  display: none;
  position: fixed;
  top: 215px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border: 1px solid #d6d6d6;
  padding: 24px;
  background: #F8F8F8;
  color: #3C3431;
  z-index: 101;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}

#arrival_notice_popup a {
  background: #FF6600;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  text-decoration: none;
  width: 250px;
  margin: 20px auto 0;
}

/* -----------------------------------------------
 preview
----------------------------------------------- */
.explain_form {
  font-size: 13px;
  line-height: 1.5;
}

.specific_item_area .title_area h3 {
  float: left;
  margin-right: 10px;
}

.specific_item_area div span {
  margin-left: 10px;
  font-size: 13px;
}

.preview_area {
  width: 800px;
  margin: 0 auto;
  background: #fcfcfc;
}

.preview_topmenu li, .preview_bottommenu li {
  float: left;
  width: 210px;
  text-align: center;
  height: 70px;
}

.preview_bottommenu {
  width: 710px;
}

.preview_bottommenu li {
  margin-right: 26px;
}

.preview_bottommenu li:first-child {
  margin-left: 0px;
}

.preview_topmenu {
  width: 610px;
  margin: 0 auto;
}

.preview_area .preview_monitor {
  width: 700px;
  height: 540px;
  overflow: hidden;
  margin: 20px auto 0;
  text-align: center;
  padding: 40px 0 30px;
}

.preview_area .preview_monitor img {
  height: 540px;
  border: 1px solid;
}

.preview_area .preview_bottommenu {
  margin: 20px auto;
  padding-top: 20px;
  dispaly: inline-block;
  margin-left: 60px;
}

.preview_area .preview_bottommenu .btn_area {
  margin: 0;
}

.preview_area p {
  margin: 20px 20px 40px;
  padding: 20px;
  background: #fff;
  border: 5px solid #f9f9f9;
  display: block;
  line-height: 2;
  font-size: 14px;
}

.side_narrowdown .clickable {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CACECE;
  border-radius: 3px 3px 3px 3px;
  padding: 1px;
  text-align: center;
  display: block;
  text-decoration: none;
}

/* editor
----------------------------------------------- */
.editor_area {
  padding-top: 25px;
}

.editor_area span.attention {
  display: block;
  font-size: 13px;
  margin-bottom: 15px;
}

/* shopping カスタマイズ
----------------------------------------------- */
table td.receive_shop_title {
  background-color: #eee;
  line-height: 5px;
  text-align: center;
  padding: 12px;
}

.alertPopup {
  font-size: 14px;
  position: fixed;
  width: 344px;
  z-index: 100;
  background-color: #FFF;
  border: 1px solid #FF6600;
  border-radius: 2px;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding: 36px 38px;
}

.alertPopup.save-form h3 {
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0;
  color: #3C3431;
  font-size: 16px;
  line-height: 1;
  border-bottom: none;
  letter-spacing: 0.7px;
}

.undercolumn_shopping_inner {
  width: 800px;
  margin: 0 auto;
}

h2.shopping-title {
  font-size: 24px;
  font-weight: normal;
  color: #3C3431;
  padding-bottom: 10px;
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
}

/* オーバーレイ
----------------------------------------------- */
.overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: #000;
  opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=50); /* IE lt 8 */
  -ms-filter: "alpha(opacity=50)"; /* IE 8 */
  -khtml-opacity: 0.5; /* Safari 1.x */
  -moz-opacity: 0.5; /* FF lt 1.5, Netscape */
  z-index: 100;
}

/* edition flex */
#item_detail_main .ef_loading {
  padding: 60px 0px;
  text-align: center;
}

#item_detail_main .ef_loading img.loading {
  margin: 40px;
}

.ef_button {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #cacece;
  border-radius: 3px;
  padding: 1px 10px;
  text-align: center;
  margin: 10px;
}

#mycontents_area .ef_re-edit .ef_re-edit__button {
  display: block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  background: #3BAD7D;
  border: none;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin: 10px 0px;
}

#mycontents_area .ef_re-edit .ef_re-edit__completed {
  width: 120px;
  height: 30px;
  line-height: 30px;
  background: #eee;
  border: none;
  border-radius: 3px;
  color: #3C3431;
  text-align: center;
  font-size: 14px;
  margin: 10px 0px;
}

#mycontents_area .ef_re-edit .ef_re-edit__attention {
  color: #f00;
  margin: 10px 0px;
}

#mycontents_area .ef_re-edit a {
  text-decoration: underline;
  color: #f00;
  margin: 10px 0px;
}

/* -----------------------------------------------
 cart
----------------------------------------------- */
#undercolumn_cart {
  /* width:800px;
  float:left; */
}

.cart_step_image {
  margin: 0 auto 40px;
  display: block;
}

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

.cart_detail_wrapper {
  margin-bottom: 70px;
}

.cart_detail {
  /* clear:both; */
  width: 800px;
}

.cart_detail h2 {
  font-size: 24px;
  padding-bottom: 10px;
  font-weight: normal;
  letter-spacing: 0.025em;
  line-height: 1;
  border-bottom: 1px solid #999999;
}

.cart_detail h2 span {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.cart_detail td input[type=button].ef_edit_btn {
  border: 2px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  color: #666666;
  font-size: 12px;
  letter-spacing: 0.05em;
  font-weight: 600;
  padding: 0;
  width: 64px;
  height: 32px;
}

.ef_edit_wrapper {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.cart-option {
  margin-bottom: 24px;
}

div#undercolumn_cart .cart-option p.title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 0 5px 0;
}

.cart-option select {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  padding: 7px 8px;
  font-size: 12px;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.cart-option {
  position: relative;
}

.cart-class-discription {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.6em;
  color: #555555;
  border-radius: 5px;
  background: #FFFAD2;
  width: 255px;
}

.cart-class-discription:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 10px solid transparent;
  border-top: 10px solid #FFFAD2;
  margin-left: -10px;
}

.cart-option:hover .cart-class-discription {
  display: inline-block;
  top: -65px;
  left: -30px;
}

.cart-option label.select-option {
  display: block;
  margin-bottom: 5px;
}

div#undercolumn_cart .cart-option label.select-option p {
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.025em;
  margin: 0 0 5px 0;
}

.cart-option input[type=text].select_option {
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  padding: 7px 8px;
  font-size: 12px;
  margin: 0;
  width: 100px;
}

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

.cart-option .color_circle {
  margin: 0 10px 0 0;
  border: 1px solid #E0E0E0;
}

table.cart-table td.number {
  text-align: center;
}

table.cart-table td.number .number_select {
  width: 82px;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  padding: 7px 8px;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px 0;
  background: #fff;
}

table.cart-table td.number select.number_select {
  width: 100px;
}

.cart-delete {
  border: none;
  background: transparent;
  color: #666666;
  text-decoration: underline;
  font-size: 12px;
  line-height: 1;
  padding: 0;
}

table.cart-table td.price {
  padding-right: 19px;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.cart_summary h3.title,
.cart_detail h3.title {
  color: #000 !important;
  font-size: 16px !important;
}

.form_area th.alignC, .form_area th.alignR {
  background-color: #faf9f2 !important;
}

#rightcolumn.cart_side_column.js-cart-side.fixed {
  position: fixed;
  top: 50px;
  right: calc((100vw - 1200px) / 2);
  height: auto;
}

#rightcolumn.cart_side_column.js-cart-side.inherit {
  position: inherit;
}

.cart_sidemenu {
  width: 302px;
  background-color: #F8F8F8;
  padding: 32px 24px;
}

.cart_sidemenu_price {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  color: #FF6600;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
}

.cart_sidemenu_price .tax {
  font-weight: normal;
}

.cart_sidemenu_price .price {
  font-size: 20px;
  letter-spacing: 0.025em;
}

.cart_sidemenu_price .yen {
  font-size: 14px;
}

.cart_sidemenu_point div {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 16px;
}

.cart_sidemenu_shipping {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 24px;
}

.cart_sidemenu_description span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

div#undercolumn_cart .cart_sidemenu_description p {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin: 0 0 10px 0;
}

div#undercolumn_cart .cart_sidemenu_description p:last-of-type {
  margin-bottom: 0;
}

.cart_sidemenu_btn.btn_area {
  margin: 24px 0 0 0;
}

.cart_sidemenu_btn.btn_area li {
  display: block;
  margin-bottom: 10px;
}

.arrow-btn-wrapper {
  position: relative;
}

.cart_sidemenu_btn .arrow-btn {
  width: 100%;
  height: 60px;
  color: #fff;
  background-color: #f60;
  font-size: 18px;
  font-weight: 600;
  border-radius: 3px;
  letter-spacing: 0.9px;
  border: none;
  line-height: 58px;
}

.cart_sidemenu_btn .arrow-btn-wrapper::after {
  content: "";
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
}

.cart_sidemenu_btn .arrow-btn.disabled {
  line-height: 60px;
  opacity: 0.5;
}

.cart_sidemenu .check-title {
  font-size: 14px;
  font-weight: 600;
  color: #f60;
  margin-bottom: 12px;
}

.cart_sidemenu.kashoku label,
.cart_sidemenu.editor label,
.cart_sidemenu.datain label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.cart_sidemenu.editor label,
.cart_sidemenu.datain label {
  margin-bottom: 5px;
}

div#undercolumn_cart .cart_sidemenu.kashoku p,
div#undercolumn_cart .cart_sidemenu.editor p,
div#undercolumn_cart .cart_sidemenu.datain p {
  margin: 0;
}

.cart_sidemenu.kashoku input:checked + p,
.cart_sidemenu.editor input:checked + p,
.cart_sidemenu.datain input:checked + p {
  color: #f60;
}

.cart-save {
  width: 350px;
  border: 2px solid #FF6600;
  border-radius: 3px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.8px;
  color: #FF6600;
  padding: 12px 0 9px;
  line-height: 1;
}

.cart-save span {
  display: block;
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-top: 9px;
}

a.cart-back-btn {
  display: block;
  text-align: center;
  width: 350px;
  height: 46px;
  color: #666;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 46px;
  border-radius: 3px;
  border: 2px solid #E0E0E0;
  position: relative;
}

a.cart-back-btn:hover {
  text-decoration: none;
}

.cart-back-btn::before {
  content: "";
  border: 0;
  border-left: solid 4px #E0E0E0;
  border-bottom: solid 4px #E0E0E0;
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%) rotate(45deg);
}

.form_area .alignC a.expansion {
  display: block;
  height: 71px;
  width: 71px;
  overflow: hidden;
  margin: 0 auto;
}

.form_area .alignC a.expansion img {
  height: 71px;
}

td .item_name a {
  /*font-size:14px;*/
  font-weight: bold;
}

td .item_name a:hover {
  text-decoration: underline;
  color: #ff6f10;
}

td.price {
  font-weight: bold;
}

td .item_info .item_visual span.own_data {
  color: #fff;
  display: block;
  background-color: #eb6112;
  margin-bottom: 15px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 10px;
}

td .item_info .item_name {
  float: right;
  margin-left: 6px;
  text-align: left;
}

td .item_colorname span {
  float: left;
}

td .item_info .item_name a {
  display: block;
  text-align: left;
}

td .item_info .item_name span {
  display: block;
  font-size: 11px;
}

div.form_area p.total_sum {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: absolute;
}

.cart_summary {
  border: 2px solid #E0E0E0;
  padding: 32px 36px;
  margin-bottom: 12px;
}

.cart_summary span.small_attention {
  padding-left: 15px;
}

.cart_detail span.small_attention {
  padding-left: 5px;
}

.totalmoney_area {
  font-size: 14px;
  font-weight: 600;
}

.totalmoney_area span {
  display: inline-block;
  margin-left: 60px;
  font-weight: normal;
}

.totalmoney_area p:first-of-type {
  margin-bottom: 20px;
}

.attention-tax {
  color: #FF0000;
  font-size: 14px;
  padding: 24px 0;
  border: 2px solid #FF0000;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.attention-tax img {
  margin-right: 6px;
}

.cart_summary p span.td {
  font-weight: normal;
  padding-left: 20px;
  color: #333;
  width: 80%;
  float: right;
}

.cart_summary .shipping p {
  border-bottom: 1px solid #F0F0F0;
  padding: 10px;
}

.cart_detail .item {
  margin-bottom: 100px;
}

.cart_detail .item input[type=submit] {
  background: url(/user_data/packages/default/img/button/btn_save_cart.jpg) no-repeat;
  width: 162px;
  height: 28px;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
  margin-top: -2px;
  margin-left: 5px;
}

.cart_detail .item p, .cart_detail .item input {
  float: left;
}

.cart_summary input[type=text] {
  border: 1px solid #ccc;
}

span.small_attention {
  font-size: 12px;
  clear: both;
  float: none;
  display: block;
  padding: 5px 0;
}

span.small_notice {
  font-size: 12px;
  clear: both;
  float: none;
  padding: 3px;
}

.cart_detail td {
  line-height: 1.6;
}

.edge {
  margin: 10px 0 10px 0;
}

.edge .left {
  float: left;
  display: block;
}

.edge .right {
  float: right;
  display: block;
}

.edge .right a {
  display: block;
  background: url(/user_data/packages/default/img/icon/ico_arrow_03.gif) no-repeat;
  background-position: left;
  padding-left: 12px;
}

.cartStockErr {
  margin-bottom: 20px;
  padding: 5px;
  background-color: #faf9f2;
  border: 1px solid #f00;
}

.cartStockErr p {
  font-weight: bold;
  color: #f00;
  margin: 10px 0px;
}

table.cart-table {
  margin: 0;
  border-top: none;
  border-left: none;
}

table.cart-table th {
  border-right: none;
  border-bottom: 1px solid #999999;
  background-color: #fff;
  font-size: 14px;
  padding: 9px 0;
}

table.cart-table th.image {
  width: 130px;
  padding-left: 10px;
}

table.cart-table th.detail {
  width: 390px;
}

table.cart-table th.num {
  width: 100px;
  text-align: center;
}

table.cart-table th.price {
  width: 170px;
  text-align: center;
}

table.cart-table td {
  border: none;
  border-bottom: 1px solid #999999;
  padding: 40px 0;
}

table.cart-table td.image {
  vertical-align: top;
}

table.cart-table td .item_visual {
  width: 140px;
  height: 140px;
}

table.cart-table td .item_visual img {
  width: 140px;
  height: auto;
}

table.cart-table td.detail {
  padding: 40px 40px 40px 30px;
}

table.cart-table td .item_name a {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  display: inline-block;
  margin-bottom: 10px;
}

div#undercolumn_cart table.cart-table td p.serial,
div#undercolumn_shopping table.cart-table td p.serial {
  font-size: 11px;
  line-height: 1.2;
  margin: 0 0 8px 0;
}

table.cart-table td .shipping {
  padding: 7px 1px;
  background: #F8F8F8;
  font-size: 11px;
  line-height: 1.2;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 24px;
}

.save-form,
#cartAddedView.save-form {
  display: none;
  position: absolute;
  z-index: 301;
  background-color: #FFF;
  border: 1px solid #FF6600;
  border-radius: 2px;
  top: -350px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 344px;
  padding: 36px 38px;
  margin-left: auto !important;
}

#undercolumn_cart .save-form h3,
#cartAddedView.save-form h3,
#arrivalNoticeView.save-form h2,
#arrivalNoticeUnsubscribeView.save-form h2 {
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0;
  color: #3C3431;
  font-size: 16px;
  line-height: 1;
  border-bottom: none;
}

.cart-save-text {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 15px;
  letter-spacing: -0.13px;
}

input[type=text].cart-save-input {
  width: calc(100% - 22px);
  padding: 9px 10px;
  border: 2px solid #E0E0E0;
  border-radius: 2px;
  margin: 0 0 24px 0;
}

.cart-save-btn {
  display: block;
  width: 120px;
  height: 40px;
  background-color: #f60;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.7px;
  margin: 0 auto;
  border: none;
}

.cart-save-close {
  text-align: center;
  margin-top: 25px;
}

.cart-save-close a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1;
}

.cart-save-close a:hover {
  text-decoration: none;
}

.cart-save-close a::before,
.cart-save-close a::after {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background: #666666;
  position: absolute;
  top: 6px;
  right: 50px;
}

.cart-save-close a::before {
  transform: rotate(45deg);
}

.cart-save-close a::after {
  transform: rotate(-45deg);
}

.information-set-product {
  margin-bottom: 40px;
  border: 2px solid #E0E0E0;
  border-radius: 2px;
  padding: 15px 10px;
}

.information-set-title {
  font-weight: 600;
  font-size: 14px;
  color: #666666;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.information-set-title img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.information-set-text {
  font-size: 10px;
  letter-spacing: -0.5px;
  line-height: 1.6;
}

.information-set-text a {
  color: #FF6600;
}

/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
  margin: 32px 0;
  width: 100%;
  text-align: center;
  /* clear:both; */
}

.btn_area li {
  /*padding-right: 10px;*/
  display: inline;
}

.g_btn_m {
  text-align: center;
  padding: 5px 0 40px;
  margin: 10px;
}

.g_btn_m a {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  text-shadow: 1px 1px 3px #000;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #000;
  font-weight: bold;
  text-decoration: none;
  padding: 7px 30px;
  font-size: 14px;
}

.g_btn_m.btn-orange a {
  background: #ff6600;
  text-shadow: 0 0;
  padding: 12px 50px;
}

.g_btn_m.btn-orange a:hover {
  background: #ff6600;
  opacity: 0.8;
  text-decoration: none;
}

.fax_btn_area .g_btn_m {
  padding-bottom: 5px;
}

.fax_btn_area .g_btn_m a {
  width: 250px;
}

.g_btn_m.btn-gray a {
  background: #7f7f7f;
  text-shadow: 0 0;
  padding: 12px 50px;
}

.g_btn_m.btn-gray a:hover {
  background: #7f7f7f;
  opacity: 0.8;
  text-decoration: none;
}

/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
  margin: 20px 0;
  font-size: 13px;
  line-height: 1.5;
}

div#mycontents_area.mypage.complete p {
  margin-left: 0px;
}

#mypagecolumn #complete_area {
  width: 920px;
}

div#undercolumn_entry .list_title .entry_steps {
  float: right;
  line-height: 2;
  font-size: 14px;
}

div#undercolumn_entry .list_title .entry_steps span {
  margin-left: 16px;
  color: #999999;
}

div#undercolumn_customer .list_title .entry_steps {
  float: right;
  line-height: 2;
  font-size: 14px;
}

div#undercolumn_customer .list_title .entry_steps span {
  margin-left: 16px;
  color: #999999;
}

div#complete_area .message,
div#undercolumn_entry .message {
  margin-bottom: 20px;
  line-height: 150%;
  font-weight: bold;
  font-size: 120%;
}

div#undercolumn_entry #complete_area {
  text-align: center;
}

div#undercolumn_entry .join {
  background: url(/user_data/packages/default/img/sub/welcome/comp.jpg) no-repeat;
  width: 397px;
  height: 95px;
  margin: 0 auto;
  text-indent: -9999px;
}

div#complete_area .shop_information {
  margin-top: 40px;
  padding: 20px 0 0 0;
  border-top: solid 1px #ccc;
}

div#complete_area .shop_information .name {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 140%;
}

/* Tipsy
----------------------------------------------- */
.tipsy {
  padding: 5px;
  font-size: 10px;
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tipsy-arrow {
  position: absolute;
  background: url("data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==") no-repeat top left;
  width: 9px;
  height: 5px;
}

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

/* -----------------------------------------------
top instagram and facebook
----------------------------------------------- */
.instagram_total {
  width: 352px;
  height: 341px;
  padding: 0 3px;
}

.fb-likebox {
  margin-top: 60px;
  width: 362px;
  height: 341px;
  text-align: center;
}

.instagram_total, .fb-likebox {
  margin: 20px 5px;
  float: left;
  border: 1px solid #eee;
}

.instagram {
  overflow: hidden;
  width: 350px;
  margin-left: 5px;
}

.instagram .h {
  background: #f8f7f0;
}

.instagram .image {
  padding: 1px;
  border: 1px solid #eee;
  margin: 10px 0px;
  float: left;
}

.instagram .image img {
  width: 110px;
}

.fb-likebox .title {
  margin-bottom: 10px;
}

/* Amazon pay */
/* cart */
.amazonpay-button-parent-container {
  width: 170px !important;
  height: 58px !important;
  top: 19px !important;
}

.cart_detail_wrapper .btn_area #AmazonPayButton1,
.cart_detail_wrapper .btn_area #AmazonPayButton4 {
  width: 350px !important;
  height: 77px !important;
  margin-bottom: 14px !important;
}

/* shopping */
.amazon_buy_button {
  position: relative !important;
  top: -16px !important;
  height: 39px !important;
  margin-left: 10px !important;
  width: 216px !important;
}

/* login */
.first_time .login_area {
  display: none;
}

/* flash-message */
.f-message-red {
  font-size: 14px;
  color: #662900;
  background-color: #fff0e6;
  border: 1px solid #ffe0cc;
  border-radius: 3px;
  margin-bottom: 20px;
  width: 780px;
  padding: 10px;
}

.f-message-green {
  font-size: 14px;
  color: #0f5132;
  background-color: #d7eee5;
  border: 1px solid #c4e6d8;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px;
}

.bg-overlay {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0.7;
}

.form_check_text {
  display: inline-block;
  font-size: 13px;
  padding-left: 30px;
  position: relative;
}

.form_check {
  opacity: 0;
  position: absolute;
}

.form_check + .form_check_text::before {
  content: "";
  border: 1px solid #999999;
  border-radius: 3px;
  background: #fff;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 1px;
  left: 0;
}

.form_check + .form_check_text::after {
  content: "";
  border-right: 2px solid #f60;
  border-bottom: 2px solid #f60;
  position: absolute;
  opacity: 0;
  transform: rotate(45deg);
  transition: all 0.3s;
  width: 5px;
  height: 10px;
  top: 2px;
  left: 5px;
  z-index: 1;
}

.form_check:focus + .form_check_text::before,
.form_check:checked + .form_check_text::before {
  border: 1px solid #f60;
}

.form_check:checked + .form_check_text::after {
  opacity: 1;
}

/* -----------------------------------------------
 index.htm
----------------------------------------------- */
/* slideshow
----------------------------------------------- */
#topcolumn_ex .pagination {
  /*
  border-bottom:1px solid #f9f9f9;
  padding-bottom:9px;
  */
}

#key_slide {
  text-align: center;
  border-top: 1px solid #f9f9f9;
  border-bottom: 1px solid #f9f9f9;
  margin: 0 auto;
  height: 347px;
  background-color: #ccffff;
}

.key_visual {
  margin-bottom: 35px;
}

ul.slide_thumb {
  width: 902px;
  clear: both;
  margin: 10px auto;
}

ul.slide_thumb li {
  float: left;
}

ul.slide_thumb img {
  height: 78px;
}

/* main list
----------------------------------------------- */
#two_maincolumn_right #main {
  width: 920px;
}

#main .top_list .list_title,
#two_maincolumn_right .top_list .list_title {
  /*background:url(/user_data/packages/default/img/title/ttl_doubleline.png) no-repeat bottom;*/
  border-bottom: 1px solid #999;
  width: 100%;
}

#main .top_list ul,
#two_maincolumn_right .top_list ul {
  display: flex;
  flex-wrap: wrap;
}

#main .top_list ul li,
#two_maincolumn_right .top_list ul li {
  width: 16.6667%;
}

#main .season ul,
#main .design_style ul {
  width: 750px;
  height: 210px;
}

#two_maincolumn_right .season ul {
  width: auto;
  height: 228px;
}

#main .season ul li,
#main .recommendation ul li,
#main .design_style ul li,
#main .item_list ul li {
  float: left;
  margin-left: 53px;
}

#two_maincolumn_right .top_list ul li {
  float: left;
}

#main .season ul li:first-child,
#main .design_style ul li:first-child {
  margin-left: 14px;
}

#main .recommendation ul li.none,
#main .item_list ul li.none {
  margin-left: 14px;
}

#main .season ul li,
#main .recommendation ul li,
#main .item_list ul li {
  width: 212px;
  /* height:265px; */
  height: auto;
  margin-bottom: 60px;
}

#main .list_title h3,
#main .list_title p,
#two_maincolumn_right .list_title h3,
#two_maincolumn_right .list_title p {
  float: left;
}

#main .top_list .list_title p,
#two_maincolumn_right .top_list .list_title p {
  margin-left: 16px;
  color: #797979;
  font-size: 12px;
  line-height: 2;
  padding-top: 2px;
}

#main a.more_info {
  float: right;
  display: block;
  padding-left: 7px;
  background: url(/user_data/packages/default/img/icon/icon_more.png) no-repeat 0 6px;
  width: 68px;
  color: #666666;
  margin-top: 4px;
}

#main .list_title a.more_info:hover {
  color: #ff6600;
}

div.about_item h3,
div.about_item h4 {
  height: 54px;
  margin-top: 7px;
  overflow: hidden;
}

div.idea_suggestion div.about_item p {
  height: 18px;
  margin-top: 7px;
  overflow: hidden;
  font-weight: bold;
}

div.about_item .tag-item {
  margin-bottom: 4px;
}

div.about_item .webpost_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #DD3360;
  width: 104px;
  height: 12px;
}

div.about_item .customize_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #3070B7;
  width: 104px;
  height: 12px;
}

div.about_item .omakase_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #9D50AD;
  width: 104px;
  height: 12px;
}

div.about_item .speedprint_product {
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  font-size: 10px;
  line-height: 1;
  margin-right: 10px;
  padding: 3px;
  text-align: center;
  background-color: #8dd1e0;
}

div.about_item .nameprint_product {
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  background-color: #41AA7E;
  width: 104px;
  height: 12px;
}

div.about_item .sample_rental_product {
  border-radius: 3px;
  color: #8B4B38;
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  padding: 3px 0;
  text-align: center;
  border: 1px solid #8B4B38;
  width: 102px;
}

div.about_item .nextday_deliv {
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  font-size: 10px;
  line-height: 1;
  margin-right: 10px;
  padding: 3px;
  text-align: center;
  background-color: #247bbd;
}

#main .top_list .about_item .item_name,
#two_maincolumn_right .top_list .about_item .item_name,
#main .second_list .about_item .item_name,
#two_maincolumn_right .second_list .about_item .item_name {
  height: 34px;
  padding-top: 2px;
}

#main div.about_item .item_name a,
.main_column .second_list .about_item h4 a,
.main_column .top_list .about_item .item_name a {
  font-weight: normal;
}

#main div.about_item p.price,
.main_column .second_list .about_item p.price,
.main_column .top_list .about_item p.price {
  text-align: right;
  color: #777;
  display: block;
  width: 100%;
  height: 38px;
  font-size: 10px;
}

#main div.about_item p.price span.normal_price,
.main_column .second_list .about_item p.price span.normal_price,
.main_column .top_list .about_item p.price span.normal_price {
  text-decoration: line-through;
}

#main div.about_item p.price span.special_price,
.main_column .second_list .about_item p.price span.special_price,
.main_column .top_list .about_item p.price span.special_price {
  color: #f00;
  font-weight: bold;
}

#main div.about_item .star,
.second_list .about_item .star,
.top_list .about_item .star {
  float: right;
}

.second_list p.price span.unit,
.top_list p.price span.unit {
  font-size: 10px;
}

#main div.top_list,
#two_maincolumn_right div.top_list {
  clear: both;
}

.four_scene {
  margin-top: 12px;
}

#two_maincolumn_right .idea_note .idea_suggestion {
  padding-top: 12px;
}

#main .idea_note .idea_suggestion .main_idea,
#two_maincolumn_right .idea_note .idea_suggestion .main_idea {
  float: left;
  width: 380px;
}

.idea_note .idea_suggestion .main_idea .pic_frame a,
.idea_note .idea_suggestion ul li .pic_frame a {
  display: block;
}

.idea_note .idea_suggestion .main_idea .pic_frame img.idea_main {
  height: 246px;
}

.idea_note .idea_suggestion ul li .pic_frame img.idea_sub {
  height: 99px;
}

#main .idea_note .idea_suggestion .main_idea .pic_frame,
#two_maincolumn_right .idea_note .idea_suggestion .main_idea .pic_frame {
  background: url(/user_data/packages/default/img/top/box_ideanote_main.png) no-repeat;
  width: 380px;
  height: 262px;
}

#main .idea_note .idea_suggestion ul li .pic_frame,
#two_maincolumn_right .idea_note .idea_suggestion ul li .pic_frame {
  background: url(/user_data/packages/default/img/top/box_ideanote_sub.png) no-repeat;
  width: 160px;
  height: 110px;
}

.idea_note .idea_suggestion .main_idea .pic_frame a {
  display: block;
  height: 262px;
  overflow: hidden;
  padding: 3px 0 0 0px;
}

.idea_note .idea_suggestion ul li .pic_frame a {
  display: block;
  height: 99px;
  overflow: hidden;
  padding: 3px 0 0 0px;
}

.idea_note .idea_suggestion .main_idea .pic_frame a .pic_set {
  text-align: center;
  width: 380px;
}

.idea_note .idea_suggestion ul li .pic_frame a .pic_set {
  text-align: center;
  width: 157px;
}

.idea_note .idea_suggestion .main_idea span img,
.idea_note .idea_suggestion ul li span img {
  padding: 4px 0 0 6px;
}

#main .idea_note .idea_suggestion ul {
  float: right;
  width: 572px;
  margin-left: -24px;
  padding-top: 0;
}

#two_maincolumn_right .idea_note .idea_suggestion ul {
  float: right;
  width: 340px;
  margin-left: 0;
  padding-top: 0;
}

#main .idea_note .idea_suggestion ul li {
  float: left;
  margin-left: 22px;
  height: 164px;
  width: 159px;
}

#two_maincolumn_right .idea_note .idea_suggestion ul li {
  float: left;
  margin-left: 22px;
  height: 174px;
  width: 159px;
}

.idea_note .idea_suggestion p.series {
  color: #777;
  font-size: 10px;
}

.idea_note .idea_suggestion .main_idea .about_item .item_name {
  padding: 5px 0;
  font-size: 14px;
}

.idea_note .idea_suggestion .about_item .item_name a:hover {
  color: #ff6600;
}

#main .top_list.foodnews .news_text {
  margin-left: 5px;
  margin-bottom: 3px;
}

#main .pickup_news a {
  color: #007CC9;
}

#main .service ul li {
  float: left;
  margin-left: 14px;
}

#main .service ul li a {
  display: block;
}

.service ul li a img {
  border: 1px solid #e8e8e8;
}

div.top_list ul li .pic_set,
div.second_list ul li .pic_set {
  text-align: center;
}

div.top_list ul li .pic_set a,
div.second_list ul li .pic_set a {
  display: block;
  overflow: hidden;
}

div.top_list ul li .pic_set a img.toplist_item,
div.second_list ul li .pic_set a img.toplist_item,
div.top_list ul li .pic_set a img.list_item,
div.second_list ul li .pic_set a img.list_item {
  height: 145px;
}

div.item_list_category_info {
  margin-bottom: 60px;
  padding: 24px 28px;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
}

div.item_list_category_info div.category_info_image {
  width: 159px;
  height: 159px;
  box-sizing: border-box;
}

div.item_list_category_info div.category_info_image img {
  width: 100%;
  height: 100%;
}

div.item_list_category_info div.category_info_comment {
  width: 660px;
  box-sizing: border-box;
  margin-left: 40px;
  font-size: 13px;
  line-height: 1.7;
}

div.item_list_category_info div.category_info_comment h3 font {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
}

div.item_list_category_info div.category_info_comment strong {
  font-weight: normal;
}

/* トップページ 全体
----------------------------------------------- */
#container.top_page {
  width: initial;
}

/* トップページ用　カテゴリーリスト
----------------------------------------------- */
.toppage-bg-margin {
  margin-top: 20px;
  margin-bottom: 70px;
}

.gray-bg-area {
  padding: 20px 0 70px;
  background-color: #f8f8f8;
}

.gray-bg-area__inner {
  width: 1200px;
  margin: 0 auto;
}

.toppage-category-menu-list {
  display: flex;
  flex-wrap: wrap;
}

.toppage-category-menu-list > li {
  box-sizing: border-box;
  width: 300px;
  height: 180px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}

.toppage-category-menu-list .toppage-category-menu-list__header {
  width: 100%;
  position: relative;
  transition: all 0.2s;
}

.toppage-category-menu-list .toppage-category-menu-list__header::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 4px solid #ff6600;
  border-right: 4px solid #ff6600;
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 20px;
}

.toppage-category-menu-list .toppage-category-menu-list__header:hover {
  opacity: 0.8;
}

.toppage-category-menu-list .toppage-category-menu-list__category-image {
  position: absolute;
  display: block;
  width: 65px;
  height: 65px;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  overflow: hidden;
}

.toppage-category-menu-list .toppage-category-menu-list__main-link {
  padding: 10px 10px 0 10px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  position: relative;
}

.toppage-category-menu-list .toppage-category-menu-list__footer {
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  padding: 12px 9px;
}

.toppage-category-menu-list .toppage-category-menu-list__title {
  font-size: 16px;
  margin-top: -11px;
  font-weight: bold;
  line-height: 1.4;
}

.toppage-category-menu-list .toppage-category-menu-list__dotline {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  padding-left: 78px;
  box-sizing: border-box;
  padding-right: 25px;
  align-items: center;
}

.toppage-category-menu-list .toppage-category-menu-list__dotline::before {
  content: "";
  background-image: linear-gradient(to right, #c6c6c6, #c6c6c6 3px, transparent 3px, transparent 8px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.toppage-category-menu-list .toppage-category-menu-list__child-menu {
  margin-bottom: 7px;
  min-height: 44px;
}

.toppage-category-menu-list .toppage-category-menu-list__child-menu > li {
  position: relative;
  padding-left: 19px;
  height: 22px;
}

.toppage-category-menu-list .toppage-category-menu-list__child-menu > li a {
  color: #3c3431;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  line-height: 22px;
}

.toppage-category-menu-list .toppage-category-menu-list__child-menu > li::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ddd;
  border-right: 2px solid #ddd;
  transform: rotate(45deg);
}

.toppage-category-menu-list .toppage-category-menu-list__child-menu-link {
  height: 22px;
  display: inline-flex;
  align-items: center;
}

.toppage-category-menu-list__read-more {
  text-align: right;
}

.toppage-category-menu-list__read-more > a {
  position: relative;
  color: #ff6600;
  font-weight: bold;
}

.toppage-category-menu-list__read-more > a::after {
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #ff6600;
  border-right: 2px solid #ff6600;
  transform: rotate(315deg) skew(12.5deg, 12.5deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -12px;
}

/* トップページ 新規会員登録4つのメリット
----------------------------------------------- */
.new-member-pros {
  padding-top: 50px;
  margin-bottom: 70px;
}

.new-member-pros .new-member-pros__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
}

.new-member-pros .new-member-pros__list > li {
  text-align: center;
}

.new-member-pros .new-member-pros__list > li + li {
  margin-left: 40px;
}

.new-member-pros .new-member-pros__list p {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.9em;
}

.new-member-pros .new-member-pros__list p span {
  color: #ff6600;
}

.new-member-pros .new-member-pros__list p ._middle {
  font-size: 15px;
}

.new-member-pros .new-member-pros__list p ._high-middle {
  font-size: 18px;
}

.new-member-pros .new-member-pros__list p ._large {
  font-size: 20px;
}

.new-member-pros .new-member-pros__image {
  height: 50px;
  display: flex;
  margin-bottom: 12px;
  justify-content: center;
}

.new-member-pros .new-member-pros__list p ._margin-l {
  margin-right: 7px;
}

.new-member-pros .new-member-pros__button {
  display: flex;
  justify-content: center;
}

.new-member-pros .new-member-pros__button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 60px;
  border-radius: 6px;
  background-color: #ff6600;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}

.new-member-pros .new-member-pros__button a span {
  font-size: 28px;
  margin-left: 14px;
}

/* トップページ アイデアノート
----------------------------------------------- */
.toppage-idea-note {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.toppage-idea-note ._link {
  display: block;
}

.toppage-idea-note ._link:hover {
  text-decoration: none;
}

.toppage-idea-note ._title {
  font-size: 16px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin-bottom: 8px;
  overflow: hidden;
  /* text-overflow: ellipsis;
  white-space: nowrap; */
}

.toppage-idea-note ._tag {
  font-size: 14px;
  color: #a89542;
  margin-bottom: 8px;
  font-weight: bold;
}

.toppage-idea-note .toppage-idea-note__main-block {
  width: 620px;
}

.toppage-idea-note .toppage-idea-note__main-block__image {
  margin-bottom: 8px;
}

.toppage-idea-note .toppage-idea-note__main-block__image img {
  max-width: 100%;
  width: 100%;
}

.toppage-idea-note .toppage-idea-note__sub-block {
  width: 540px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.toppage-idea-note .toppage-idea-note__sub-block > li {
  width: 250px;
  margin-bottom: 16px;
}

.toppage-idea-note .toppage-idea-note__sub-block__image {
  margin-bottom: 8px;
}

.toppage-idea-note .toppage-idea-note__sub-block__image img {
  max-width: 100%;
  width: 100%;
}

/* トップページ ショップインフォメーション
----------------------------------------------- */
.top-shop-info {
  margin-top: -35px;
}

.top-shop-info img._img {
  width: auto;
  display: block;
}

.top-shop-info li:nth-child(3) ._img {
  margin-left: -90px;
}

.top-shop-info ._thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 260px;
}

.top-shop-info ._link {
  transition: all 0.3s ease;
}

.top-shop-info ._link:hover {
  text-decoration: none;
  opacity: 0.7;
}

.top-shop-info ._ttl {
  font-size: 24px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 16px;
}

.top-shop-info ._text {
  padding: 0 45px;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 25px;
}

.top-shop-info ._link-text {
  text-align: center;
  font-size: 20px;
  color: #ff6600;
}

/* トップページ atta相談窓口のご案内
----------------------------------------------- */
.atta-helpdesk-info .atta-helpdesk-info__content {
  display: flex;
  background-color: #f8f8f8;
  padding: 60px 0;
}

.atta-helpdesk-info .atta-helpdesk-info__image {
  width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.atta-helpdesk-info .atta-helpdesk-info__image img {
  height: 138px;
}

.atta-helpdesk-info .atta-helpdesk-info__about {
  width: 800px;
}

.atta-helpdesk-info .atta-helpdesk-info__about ._ttl {
  color: #ff6600;
  font-size: 22px;
  margin-bottom: 19px;
}

.atta-helpdesk-info .atta-helpdesk-info__about ._p {
  font-size: 18px;
  line-height: 1.6em;
}

/* トップページ コーナー下部の詳細リンクボタン
----------------------------------------------- */
.large-readmore-button-link {
  display: flex;
  justify-content: center;
}

.large-readmore-button-link a {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 70px;
  font-size: 24px;
  color: #767676;
  border: 1px solid #707070;
  box-sizing: border-box;
}

.large-readmore-button-link a:hover {
  text-decoration: none;
}

.large-readmore-button-link a::after {
  position: absolute;
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-bottom: 2px solid #ff6600;
  border-right: 2px solid #ff6600;
  transform: rotate(315deg) skew(15deg, 15deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 23px;
}

/* トップページ atta NEWS
----------------------------------------------- */
.toppage-atta-news .toppage-atta-news__list > li:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}

.toppage-atta-news .toppage-atta-news__detail {
  display: none;
  padding-left: 200px;
  font-size: 14px;
  line-height: 1.6;
  padding-top: 15px;
  padding-bottom: 35px;
}

.toppage-atta-news .toppage-atta-news__header {
  display: flex;
  padding: 0px 25px;
  font-size: 17px;
  border-top: 1px solid #e0e0e0;
}

.toppage-atta-news .toppage-atta-news__header:hover {
  text-decoration: none;
}

.toppage-atta-news .toppage-atta-news__header ._date {
  color: #a8a8a8;
  padding: 32px 0;
}

.toppage-atta-news .toppage-atta-news__header ._title {
  color: #00baff;
  padding: 32px 0;
  margin-left: 77px;
}

/* トップページ SNSリンクエリア
----------------------------------------------- */
.toppage-sns-link .toppage-sns-link__list {
  display: flex;
  justify-content: center;
}

.toppage-sns-link .toppage-sns-link__list > li {
  width: 60px;
  height: 60px;
}

.toppage-sns-link .toppage-sns-link__list > li + li {
  margin-left: 34px;
}

.toppage-sns-link .toppage-sns-link__list > li img {
  max-width: 100%;
}

.toppage-sns-link ._link {
  display: block;
}

/* -----------------------------------------------
 sub.htm
----------------------------------------------- */
.breadcrumbs {
  margin: 0 auto !important;
  width: 1200px;
  line-height: 1.7;
  text-align: left;
  color: #707070;
  padding: 10px 0 30px;
  font-size: 10px;
  letter-spacing: 0;
}

.breadcrumbs.multibreads {
  padding: 0;
  line-height: 1.5;
}

.breadcrumbs a {
  color: #777;
}

#container .list_title {
  border-bottom: 1px solid #999;
  width: 100%;
  padding: 23px 0 13px;
}

#container .list_title h2 {
  font-size: 20px;
  font-weight: normal;
  padding-left: 2px;
}

#container .list_title.noline {
  border-bottom: none;
  margin-bottom: 15px;
}

.second_menu {
  margin: 0 auto;
  text-align: center;
  padding: 15px 0 35px 40px;
}

.second_menu ul {
  width: auto;
  margin: 0 auto;
}

.second_menu ul li {
  float: left;
  margin-right: 14px;
}

.second_menu ul li:last-child {
  margin-right: 0;
}

.second_menu ul li a {
  display: block;
  background: url(/user_data/packages/default/img/icon/icon_secondmenu.png) no-repeat;
  background-position: left;
  padding-left: 14px;
  text-decoration: none;
  line-height: 1.5;
}

.second_menu ul li a:hover {
  background: url(/user_data/packages/default/img/icon/icon_secondmenu_on.png) no-repeat;
  background-position: left;
  padding-left: 14px;
  text-decoration: underline;
  color: #ff6600;
}

.main_column .list_title h3 {
  font-size: 20px;
  font-weight: normal;
  padding-left: 2px;
  float: none !important;
}

.main_column .list_title h3,
.main_column .list_title p {
  float: left;
}

.four_scene {
  padding-top: 15px;
}

#container .main_column .list_title {
  padding: 30px 0 10px;
  margin-bottom: 10px;
}

#container #two_maincolumn_right .list_title {
  margin-bottom: 10px;
  padding: 0;
}

#container .main_column #undercolumn_cart .list_title {
  padding: 0px 0 10px;
  margin-bottom: 20px;
}

.main_column .top_list .list_title p {
  margin-left: 16px;
  color: #797979;
  font-size: 11px;
  line-height: 2;
}

.main_column .deta_div {
  border: 5px solid #F0F0F0;
  padding: 26px 20px;
  margin: 30px 0;
}

.main_column .deta_cap {
  background: url(/user_data/packages/default/img/background/footer_howtobg.jpg);
  padding: 20px;
}

.main_column .deta_cap h4 {
  padding-bottom: 10px;
}

.main_column .deta_cap ul li {
  background: url(/user_data/packages/default/img/icon/icon_submenu.png) no-repeat 0 3px;
  padding-left: 15px;
}

.main_column h3.deta {
  font-size: 20px;
  color: #FF4E00;
  padding-bottom: 10px;
}

.main_column ul.deta.one li {
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: 14px;
  background: url(/user_data/packages/default/img/icon/icon_submenu.gif) no-repeat 0 3px;
}

.main_column ul.deta.one li a {
  color: #FF4E00;
}

.main_column .deta_note {
  color: #FF4E00;
}

.main_column .deta_check {
  text-align: center;
  padding: 40px 0;
}

.main_column .scr {
  overflow: scroll; /* スクロール表示 */
  width: 940px;
  height: 100px;
  border: 1px solid #fcfcfc;
  margin: 30px 0;
  padding: 20px;
}

.main_column .list_title a.more_info {
  float: right;
  display: block;
  padding-left: 7px;
  background: url(/user_data/packages/default/img/icon/icon_more.png) no-repeat 0 6px;
  width: 35px;
  color: #999999;
}

.main_column .list_title a.more_info:hover {
  color: #ff6600;
}

.main_column .block_outer .title_message {
  background: url(/user_data/packages/default/img/background/footer_howtobg.jpg) repeat;
  height: 51px;
  width: 740px;
}

.main_column .block_outer .title_message p {
  color: #666666;
  padding: 7px 0 0 15px;
}

.second_list {
  width: 980px;
}

.main_column .second_list ul {
  width: auto;
  padding-top: 12px;
}

.main_column .second_list ul li,
#scene .top_list ul li,
#two_maincolumn_right .top_list ul li {
  float: left;
  margin-left: 24px;
  margin-bottom: 0;
  width: 212px;
  position: relative;
}

#two_maincolumn_right .design_style ul li {
  float: left;
  margin-left: 53px;
  height: 200px;
  width: 145px;
}

.top_list .related_items ul li {
  margin-left: 30px !important;
}

.top_list .related_items ul li:first-child {
  margin-left: 0 !important;
}

#two_maincolumn_right .atta_service ul li {
  height: 115px;
  width: auto;
  margin-left: 13px;
  margin-bottom: 10px;
}

#two_maincolumn_right .top_list ul li .badge {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 41px;
  height: 38px;
  text-indent: -9999px;
}

#two_maincolumn_right .top_list ul li.rank1 .badge {
  background: url(/user_data/packages/default/img/top/ranking/1.png) no-repeat;
  z-index: 1;
}

#two_maincolumn_right .top_list ul li.rank2 .badge {
  background: url(/user_data/packages/default/img/top/ranking/2.png) no-repeat;
  z-index: 1;
}

#two_maincolumn_right .top_list ul li.rank3 .badge {
  background: url(/user_data/packages/default/img/top/ranking/3.png) no-repeat;
  z-index: 1;
}

#two_maincolumn_right .top_list ul li.rank4 .badge {
  background: url(/user_data/packages/default/img/top/ranking/4.png) no-repeat;
  z-index: 1;
}

#two_maincolumn_right .top_list ul li.rank5 .badge {
  background: url(/user_data/packages/default/img/top/ranking/5.png) no-repeat;
  z-index: 1;
}

#two_maincolumn_right .atta_service .secondline {
  height: 180px;
}

#two_maincolumn_right .atta_service ul li .pic_set {
  width: auto;
}

#two_maincolumn_right .top_list ul li:first-child {
  margin-left: 0;
}

.main_column .second_list ul li.none,
#two_maincolumn_right .top_list ul li.none {
  margin-left: 0;
}

.ranking_title h2, .ranking_title h3 {
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 10px;
  margin-bottom: 48px;
  border-bottom: 1px solid #999999;
  font-weight: normal;
}

.ranking_list .about_item h3 {
  line-height: 1.4;
  height: 54px;
  margin-top: 12px;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
}

.ranking_list .about_item .ranking_price {
  line-height: 1.4;
  font-size: 14px;
  font-weight: 600;
  margin-top: 16px;
}

/*  pager
----------------------------------------------- */
.under_column {
  width: 100%;
  height: 40px;
}

.sort_area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  font-size: 14px;
  align-items: baseline;
}

.sort_area .case_result {
  color: #666666;
}

.sort_area .case_result span {
  color: #FF6600;
}

.pager_area ol.pager {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}

.pager_area ol.pager li {
  width: 22px;
  height: 22px;
  text-align: center;
  background-color: #f2f4f6;
  margin-left: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.pager_area ol.pager li.current,
.pager_area ol.pager li a:hover {
  background-color: #cccccc;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#mycontents_area .pager_area ol.pager li.current a,
#mycontents_area .pager_area ol.pager li a:hover {
  color: #ffffff;
  text-decoration: none;
}

.pager_area ol.pager li.arrow {
  height: 12px;
  background: none;
}

.pager_area ol.pager li.arrow a:hover {
  background: #ffffff;
}

.pager_area ol.pager li a {
  width: 22px;
  height: 22px;
  display: block;
  line-height: 22px;
  color: #bfbfbf;
  text-decoration: none;
}

.idea_pager_area {
  display: block;
}

.idea_list .pager_area .clearfix {
  margin-top: 20px;
}

.related_items {
  margin: 50px 0;
}

#two_maincolumn_right .list .pager_area ol.pager {
  justify-content: flex-end;
}

/*  ctg_select_area パレット
----------------------------------------------- */
#ctg_select_area {
  border: 1px solid #e0e0e0;
  padding: 10px 20px 15px;
  width: 705px;
}

#ctg_select_area h2 {
  font-weight: normal;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
  padding-bottom: 8px;
}

#ctg_select_area ul li {
  float: left;
  margin-bottom: 5px;
  width: 170px;
  margin-right: 5px;
}

#ctg_select_area ul li a {
  border-radius: 3px;
  display: block;
  height: 20px;
  line-height: 20px;
  padding-left: 8px;
  background: #fff;
  text-decoration: none;
  margin-left: 0px;
}

#ctg_select_area ul li a.active, #ctg_select_area ul li a:hover {
  border-radius: 3px;
  display: block;
  height: 20px;
  line-height: 20px;
  padding-left: 8px;
  background: #ffc467;
  text-decoration: none;
  margin-left: 0px;
}

/*  subnavi
----------------------------------------------- */
div.submenu_area {
  position: relative;
  margin-bottom: 35px;
}

div.submenu_area div.passive {
  display: hidden;
}

div.subnavi {
  width: 100%;
  height: 42px;
  border-left: 1px solid #f9f9f9;
  border-right: 1px solid #f9f9f9;
  border-top: 1px solid #f9f9f9;
  background-color: #ffffff;
}

div.subnavi ul li {
  float: left;
}

div.subnavi ul li a {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 43px;
  overflow: hidden;
}

div.subnavi ul li.search {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_search.jpg) no-repeat;
  width: 117px;
  height: 44px;
  position: absolute;
  left: 410px;
  top: 2px;
}

div.subnavi ul li.search:hover,
div.subnavi ul li.search.active {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_search_on.jpg) no-repeat 0 1px;
  height: 44px;
  margin-top: -1px;
  position: absolute;
  top: 1px;
  left: 410px;
  z-index: 2;
}

div.subnavi ul li.design {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_design.jpg) no-repeat;
  width: 180px;
  height: 43px;
  position: absolute;
  top: 2px;
  left: 526px;
}

div.subnavi ul li.design:hover,
div.subnavi ul li.design.active {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_design_on.jpg) no-repeat;
  height: 44px;
  margin-top: -1px;
  position: absolute;
  top: 2px;
  left: 526px;
  z-index: 2;
}

div.subnavi ul li.narrowdown {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_narrowdown.jpg) no-repeat 0 1px;
  width: 136px;
  height: 42px;
  position: absolute;
  top: 0px;
  left: 467px;
}

div.subnavi ul li.narrowdown:hover,
div.subnavi ul li.narrowdown.active {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_narrowdown_on.jpg) no-repeat 0 1px;
  height: 43px;
  position: absolute;
  top: 0px;
  left: 467px;
  z-index: 10;
}

div.subnavi ul li.changerow {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_changerow.jpg) no-repeat 0 -1px;
  width: 143px;
  height: 42px;
  position: absolute;
  left: 603px;
  border-right: 1px solid #f9f9f9;
}

div.subnavi ul li.changerow:hover,
div.subnavi ul li.changerow.active {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_changerow_on.jpg) no-repeat 0 0px;
  width: 143px;
  height: 43px;
  position: absolute;
  top: 1px;
  left: 603px;
  z-index: 2;
}

.pulldown_search {
  height: 37px;
  width: 100%;
  background-color: #f9f9f9;
  border: 1px solid #ececec;
  padding-top: 5px;
  position: relative;
  top: -2px;
  z-index: 1;
  display: block;
}

.pulldown_search .searchbox {
  width: 964px;
  height: 31px;
  margin: 0 auto;
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_searchbox.jpg) no-repeat center center;
}

.pulldown_search .searchbox form {
  padding-top: 2px;
  display: block;
}

.pulldown_search .searchbox input.text {
  width: 94%;
}

.pulldown_search .searchbox input.submit {
  border: 0 none;
  width: 50px;
  height: 27px;
  cursor: pointer;
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_searchbox.jpg) no-repeat 4px 4px;
}

.pulldown_narrowdown {
  width: 745px;
  background-color: #fcfcfc;
  border: 1px solid #ececec;
  position: relative;
  top: -2px;
  z-index: 0;
  padding: 20px 0;
}

.pulldown_narrowdown input[type=button] {
  border: 1px solid #CACECE;
  background: #fff;
  padding: 2px 20px;
  text-align: center;
  border-radius: 3px; /* CSS3 */
  　　-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
  　　-moz-border-radius: 3px; /* Firefox用 */
}

.pulldown_narrowdown img {
  float: left;
}

.pulldown_narrowdown ul {
  text-align: left;
  margin-left: 25px;
}

.pulldown_narrowdown ul li {
  margin-bottom: 5px;
}

.pulldown_narrowdown ul li.none {
  background: none;
  width: 40px;
  height: 14px;
  margin: 20px auto 0;
}

.pulldown_narrowdown .by_scene,
.pulldown_narrowdown .by_material {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_verticaldot.png) repeat-y right top;
  width: 170px;
}

.pulldown_narrowdown .by_item {
  float: left;
}

.pulldown_narrowdown .by_item ul {
  float: left;
  margin-bottom: 20px;
}

.pulldown_narrowdown .by_item.design_ver ul li {
  float: left;
  margin-right: 5px;
}

.pulldown_narrowdown .by_item.item_ver ul li {
  float: left;
  width: 230px;
}

.pulldown_narrowdown .by_item ul li.left {
  clear: both;
}

.pulldown_narrowdown div span.title {
  font-size: 14px;
  margin-bottom: 5px;
  width: 135px;
  display: block;
  height: 20px;
  color: #6f6f6f;
  padding-left: 22px;
}

.pulldown_narrowdown ul li {
  line-height: 1.5;
  display: block;
  color: #999999;
}

.pulldown_narrowdown ul li a:hover {
  text-decoration: none;
}

.choose_type {
  clear: both;
  margin-top: 10px;
  padding-left: 20px;
}

.choose_type ul li {
  position: relative;
  margin: 0 20px 6px 0;
  width: 164px;
}

.plain_line {
  height: 1px;
  width: 745px;
  position: absolute;
  top: 42px;
  background-color: #f9f9f9;
  z-index: 5;
}

.narrowdown_checkbox + label:active, .narrowdown_checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.pulldown_changerow {
  width: 141px;
  height: 85px;
  background-color: #fcfcfc;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  position: relative;
  top: -1px;
  left: 603px;
  z-index: 1;
  display: block;
}

#pulldown_changerow.passive {
  position: none;
}

.submenu_wrapper {
  width: 920px;
}

.submenu_area {
  position: relative;
  z-index: 1;
  width: 745px;
}

#header_login_area ul.formlist li.mainmenu div.submenu li a {
  color: #3C3431;
}

.pulldown_changerow ul li {
  height: 40px;
}

.pulldown_changerow ul li a {
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_horizontaldot.png) repeat-x top;
  width: 128px;
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 45px;
  font-size: 13px;
  color: #cacaca;
}

.pulldown_changerow ul li a:hover {
  text-decoration: none;
  color: #6f6f6f;
}

/*JSの挙動用*/
.active {
  z-index: 3;
  display: block;
}

.passive {
  display: none;
}

.pulldown_design {
  height: 246px;
  width: 920px;
  background-color: #f9f9f9;
  border: 1px solid #ececec;
  position: relative;
  top: -2px;
  z-index: 1;
  padding: 20px 0 0 60px;
}

.pulldown_design dl {
  float: left;
  margin-left: 45px;
}

.pulldown_design dl.none {
  margin: 0;
}

.pulldown_design dl dt {
  font-size: 14px;
  margin-bottom: 10px;
}

.pulldown_design dl dd {
  margin-bottom: 10px;
  position: relative;
}

.pulldown_design dl dd a {
  display: block;
}

.pulldown_design dl dd span.afloat {
  position: absolute;
  top: 38px;
  left: 75px;
  display: block;
  width: 73px;
  height: 28px;
  font-size: 10px;
  line-height: 3;
  text-align: center;
  background: url(/user_data/packages/default/img/common/subnavi/subnavi_hoverbox.png) no-repeat;
}

/* 絞り込み検索 */
#atta_custom_search_area_outer {
  margin: 0 auto;
  position: relative;
  width: 960px;
  display: none;
  font-size: smaller;
}

#atta_custom_search_area {
  display: none;
  margin: 0 auto;
  text-align: left;
  background-color: #FFF;
  z-index: 1000;
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 202;
  border: #A5A5A5 solid 1px;
  box-shadow: 5px 5px 5px rgb(165, 165, 165);
  -webkit-box-shadow: 5px 5px 5px rgb(165, 165, 165);
  -moz-box-shadow: 5px 5px 5px rgb(165, 165, 165);
}

#atta_custom_search_detail {
  display: none;
  width: 950px;
  margin: 10px;
}

.atta_global_search_menu {
  list-style: none;
}

.atta_global_search_menu li {
  float: left;
  margin: 10px;
}

.atta_global_search_menu li h3 {
  margin-bottom: 5px;
}

.atta_global_search_menu li.first {
  width: 150px;
}

.atta_global_search_menu li div.first {
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.atta_global_search_menu li.second {
  width: 150px;
}

.atta_global_search_menu li div.second {
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.atta_global_search_menu li.third {
  width: 150px;
}

.atta_global_search_menu li div.third {
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.atta_global_search_menu li.fourth {
  width: 110px;
}

.atta_global_search_menu li.fifth {
  width: 150px;
}

.atta_global_search_menu li.sixth {
  width: 90px;
}

.atta_global_search_menu li div label span {
  float: left;
  display: block;
  width: 108px;
}

.atta_global_search_menu li div label span.precise {
  width: 65px;
}

.atta_global_search_area_button_area {
  clear: both;
  float: right;
  width: 100%;
  padding-top: 20px;
}

.atta_global_search_area_button_area input {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  padding: 0 5px;
}

.global_product_number {
  font-size: 24px;
  color: #ff4e00;
}

/* アイテム一覧 */
.orderby_area a {
  color: #666666;
}

.orderby_area span.selected {
  color: #FF6600;
}

.immediately_deliv_area {
  text-align: right;
  float: right;
  color: #666666;
  margin-bottom: 14px;
}

.immediately_deliv_area input {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  margin: 0;
}

.immediately_deliv_label,
.nextday_deliv_label {
  font-size: 14px;
  font-weight: 600;
}

.immediately_deliv_label {
  margin-right: 27px;
}

.product_list {
  margin-top: 32px;
}

#two_maincolumn_right .product_list ul li,
#scene .product_list ul li {
  margin-bottom: 60px;
  height: auto;
}

.product_list .immediately_deliv {
  font-size: 12px;
  line-height: 14px;
  border-bottom: 2px solid #EB5E1E;
  color: #EB5E1E;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -20px;
}

.product_list .immediately_deliv::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url("/user_data/packages/default/img/icon/icon-delivery.svg");
  vertical-align: text-top;
  margin-right: 4px;
}

div.product_list ul li .pic_set a img.toplist_item {
  width: 212px;
  height: 212px;
}

li .about_item {
  margin-top: 8px;
}

div.product_list ul li .about_item .number {
  color: #3C3431;
  font-size: 11px;
}

div.product_list ul li .about_item h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  height: 49px;
  margin-bottom: 16px;
}

#main div.product_list ul li .about_item .price {
  text-align: left;
  color: #3C3431;
  height: auto;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}

div.product_list ul li .tag {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

div.product_list ul li .tag .tag-item {
  margin-bottom: 4px;
}

.atta_item_list {
  clear: both;
  /* background: url("/user_data/packages/default/img/sub/item_list/bg.gif") repeat-y; */
  padding-bottom: 20px;
}

.atta_item_list h3 {
  font-size: 20px;
  font-weight: 400;
  color: #3C3431;
  background: #FFEF6C;
  width: 1190px;
  height: 30px;
  line-height: 27px;
  padding-left: 10px;
  padding-top: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.atta_item_list .box {
  clear: both;
  width: 1200px;
  padding-top: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #999999;
  /* background: url("/user_data/packages/default/img/sub/item_list/line.gif") repeat-x scroll center bottom; */
}

.atta_item_list .bg {
  float: left;
}

.atta_item_list .bg img {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.atta_item_list .list {
  float: left;
  width: 1060px;
  margin-left: 40px;
}

.atta_item_list .list h4 {
  font-size: 16px;
  padding-bottom: 15px;
}

.atta_item_list ul {
  padding-bottom: 25px;
}

.atta_item_list ul li {
  width: 255px;
  margin-right: 10px;
  padding-bottom: 10px;
  float: left;
}

/* メニューブック */
.atta_item_list .list_389 .bg {
  background-position: 0 0;
}

/* 飛沫感染対策商品 */
.atta_item_list .list_873 .bg {
  background-position: 0 -1790px;
}

/* テーブル用品 */
.atta_item_list .list_82 .bg {
  background-position: 0 -190px;
}

/* バー＆ワイン用品 */
.atta_item_list .list_522 .bg {
  background-position: 0 -2620px;
}

/* 荷物置き・バッグケース */
.atta_item_list .list_738 .bg {
  background-position: 0 -1880px;
}

/* 看板・黒板 */
.atta_item_list .list_543 .bg {
  background-position: 0 -2320px;
}

/* 店頭用品 */
.atta_item_list .list_544 .bg {
  background-position: 0 -2425px;
}

/* テイクアウト・デリバリー容器 */
.atta_item_list .list_691 .bg {
  background-position: 0 -1970px;
}

/* 紙コップ */
.atta_item_list .list_739 .bg {
  background-position: 0 -2240px;
}

/* プラスチックカップ */
.atta_item_list .list_841 .bg {
  background-position: 0 -2060px;
}

/* 消耗品・テイクアウト用品 */
.atta_item_list .list_85 .bg {
  background-position: 0 -410px;
}

/* 会計用品・フロント用品 */
.atta_item_list .list_84 .bg {
  background-position: 0 -500px;
}

/* 厨房用品 */
.atta_item_list .list_740 .bg {
  background-position: 0 -3700px;
}

/* 清掃・衛生用品 */
.atta_item_list .list_831 .bg {
  background-position: 0 -3790px;
}

/* キッチン雑貨 */
.atta_item_list .list_521 .bg {
  background-position: 0 -2140px;
}

/* 可食プリント */
.atta_item_list .list_806 .bg {
  background-position: 0 -3600px;
}

/* アメニティ */
.atta_item_list .list_83 .bg {
  background-position: 0 -295px;
}

/* 事務用品 */
.atta_item_list .list_87 .bg {
  background-position: 0 -580px;
}

/* ライフスタイル雑貨 */
.atta_item_list .list_529 .bg {
  background-position: 0 -2525px;
}

/* 名入れ消耗品 */
.atta_item_list .list_393 .bg {
  background-position: 0 -850px;
}

/* オリジナルプリントウェア */
.atta_item_list .list_89 .bg {
  background-position: 0 -670px;
}

/* ギフト・ノベルティ */
.atta_item_list .list_91 .bg {
  background-position: 0 -760px;
}

/* ネームプレート */
.atta_item_list .list_788 .bg {
  background-position: 0 -3880px;
}

/* カード */
.atta_item_list .list_79 .bg {
  background-position: 0 -940px;
}

/* メニュー類 */
.atta_item_list .list_80 .bg {
  background-position: 0 -1025px;
}

/* チラシ・ポスター類 */
.atta_item_list .list_81 .bg {
  background-position: 0 -1115px;
}

/* オリジナルのぼり類 */
.atta_item_list .list_392 .bg {
  background-position: 0 -1200px;
}

/* 名刺・封筒類 */
.atta_item_list .list_86 .bg {
  background-position: 0 -1290px;
}

/* 季節商材 */
.atta_item_list .list_90 .bg {
  background-position: 0 -1385px;
}

/* フロント */
.atta_item_list .list_660 .bg {
  background-position: 0 -3183px;
}

/* 客室 */
.atta_item_list .list_661 .bg {
  background-position: 0 -3518px;
}

/* 帆前掛け */
.atta_item_list .list_914 .bg {
  background-position: 0 -3970px;
}

/* エプロン */
.atta_item_list .list_663 .bg {
  background-position: 0 -2797px;
}

/* コックコート・白衣・作務衣 */
.atta_item_list .list_662 .bg {
  background-position: 0 -3350px;
}

/* アクセサリ・衛生用品 */
.atta_item_list .list_664 .bg {
  background-position: 0 -3105px;
}

/* Tシャツ */
.atta_item_list .list_665 .bg {
  background-position: 0 -2880px;
}

/* ポロシャツ */
.atta_item_list .list_666 .bg {
  background-position: 0 -3030px;
}

/* パンツ */
.atta_item_list .list_668 .bg {
  background-position: 0 -3444px;
}

/* アウター */
.atta_item_list .list_669 .bg {
  background-position: 0 -2715px;
}

/* シャンパン・スパークリング */
.atta_item_list .list_325 .bg {
  background-position: 0 -1485px;
}

/* 白ワイン・赤ワイン */
.atta_item_list .list_390 .bg {
  background-position: 0 -1585px;
}

/* 焼酎・日本酒 */
.atta_item_list .list_391 .bg {
  background-position: 0 -1690px;
}

/* 食品 */
.atta_item_list .list_659 .bg {
  background-position: 0 -3600px;
}

/* banner */
.banner_list {
  margin: 40px 0px;
}

.banner_list .banner_image {
  margin: 10px 0px;
}

.banner_image.banner_column_1 img {
  width: 99.8%;
  padding-bottom: 5px;
}

.banner_image.banner_column_2 img {
  width: 49.6%;
}

.banner_image.banner_column_3 img {
  width: 32.8%;
}

.banner_image.banner_column_3 img.column_3_1 {
  width: 32.9%;
}

/* -----------------------------------------------
 about.htm
----------------------------------------------- */
h3.about_topvisual {
  margin: 0 auto;
  height: 337px;
  padding-top: 80px;
  background: url(/user_data/packages/default/img/sub/about/about_topbg.jpg) no-repeat center;
  text-align: center;
}

h3.about_topvisual img {
  width: 610px;
  height: 259px;
}

li.about_section {
  background: url(/user_data/packages/default/img/common/line/section_line.png) repeat-x bottom;
}

li.about_section .sectionbox {
  width: 940px;
  margin: 0 auto;
  height: 100%;
  padding: 41px 0;
}

li.about_section .left {
  float: left;
}

li.about_section .right {
  float: right;
}

li.about_section .text1 {
  background: url(/user_data/packages/default/img/sub/about/about_text1.png) no-repeat;
  width: 509px;
  height: 0;
  padding-top: 297px;
  margin-top: 34px;
  position: relative;
}

li.about_section .text2 {
  background: url(/user_data/packages/default/img/sub/about/about_text2.png) no-repeat;
  width: 529px;
  height: 0;
  padding-top: 275px;
  margin-top: 33px;
  position: relative;
}

li.about_section .text3 {
  background: url(/user_data/packages/default/img/sub/about/about_text3.png) no-repeat;
  width: 505px;
  height: 0;
  padding-top: 307px;
  position: relative;
  margin-top: 26px;
}

li.about_section .text4 {
  background: url(/user_data/packages/default/img/sub/about/about_text4.png) no-repeat;
  width: 529px;
  height: 0;
  padding-top: 274px;
  margin-top: 35px;
  position: relative;
}

li.about_section .text5 {
  background: url(/user_data/packages/default/img/sub/about/about_text5.png) no-repeat;
  width: 532px;
  height: 0;
  padding-top: 266px;
  position: relative;
}

li.about_section .text6 {
  background: url(/user_data/packages/default/img/sub/about/about_text6.png) no-repeat;
  width: 519px;
  height: 0;
  padding-top: 337px;
  position: relative;
}

li.about_section .text9 {
  background: url(/user_data/packages/default/img/sub/about/about_text9.png) no-repeat;
  width: 576px;
  height: 0;
  padding-top: 264px;
  position: relative;
}

li.about_section .text1 a.about_button {
  position: absolute;
  top: 276px;
  left: 0px;
  display: block;
}

li.about_section .text2 a.about_button {
  position: absolute;
  top: 252px;
  left: 0px;
  display: block;
}

li.about_section .text3 a.about_button {
  position: absolute;
  top: 252px;
  left: 0px;
  display: block;
}

li.about_section .text4 a.about_button {
  position: absolute;
  top: 252px;
  left: 0px;
  display: block;
}

li.about_section .text5 a.about_button {
  position: absolute;
  top: 225px;
  left: 0px;
  display: block;
}

li.about_section .text6 a.about_button {
  position: absolute;
  top: 247px;
  left: 0px;
  display: block;
}

li.about_section .text7 a.about_button {
  position: absolute;
  top: 244px;
  left: 0px;
  display: block;
}

li.about_section .text7 {
  background: url(/user_data/packages/default/img/sub/about/about_text7.png) no-repeat;
  width: 553px;
  height: 0;
  padding-top: 265px;
  margin-top: 40px;
  position: relative;
}

li.about_section .about_photo {
  position: relative;
}

li.about_section .about_photo img.map_mask {
  position: absolute;
  top: 0px;
  left: 0px;
}

li.about_section .about_photo span {
  display: block;
  width: 100%;
  text-align: right;
}

li.about_section .about_photo span a {
  font-size: 11px;
}

li.about_section .about_photo span a:hover {
  color: #ff6600;
}

li.about_section .before_after span a.on {
  color: #ff6600;
}

li.about_section .text8 {
  background: url(/user_data/packages/default/img/sub/about/about_text8.png) no-repeat;
  width: 526px;
  height: 0;
  padding-top: 270px;
  position: relative;
  margin-top: 30px;
}

li.about_section .text8 a.about_button {
  position: absolute;
  top: 247px;
  left: 0px;
  display: block;
}

li.about_section .text {
  overflow: hidden;
}

li.about_section:last-child {
  background: none;
}

.about_register {
  width: 100%;
  padding-top: 100px;
  text-align: center;
}

.about_register a {
  display: block;
  margin: 0 auto;
}

/* -----------------------------------------------
 service.html
----------------------------------------------- */
.service_topvisual {
  margin: 15px auto 0;
  height: 396px;
  background: url(/user_data/packages/default/img/sub/service/key.jpg) no-repeat center;
  text-align: center;
}

.service_topvisual .kanban_area {
  background: url(/user_data/packages/default/img/sub/service/kanban.png) no-repeat;
  height: 235px;
  width: 380px;
  margin-top: 40px;
  float: right;
  margin-right: 63px;
}

.service_topvisual table.kanban ul {
  margin: 50px 0 0 0;
}

.service_topvisual table.kanban ul li {
  padding-bottom: 8px;
}

.service_topvisual table.kanban a {
  background: url("/user_data/packages/default/img/icon/ico_arrow_01.gif") no-repeat scroll 5px 3px;
  padding-left: 20px;
  text-align: left;
}

.service_topvisual table.kanban a:hover {
  color: #FF9900;
}

.service_topvisual table.kanban {
  border-bottom: none;
  border-right: none;
  border-top: none;
  border-left: none;
}

.service_topvisual table.kanban td {
  vertical-align: top;
  border-bottom: none;
  border-right: none;
}

li.service_section {
  background: url(/user_data/packages/default/img/common/line/section_line.png) repeat-x bottom;
}

li#mail.service_section {
  background: none;
}

li.service_section .sectionbox {
  width: 940px;
  margin: 0 auto;
  height: 100%;
  padding: 10px 0 61px 0;
}

li.service_section .left {
  float: left;
}

li.service_section .right {
  float: right;
  padding-top: 30px;
}

li.service_section .text {
  width: 509px;
  margin-top: 34px;
  text-align: left;
  font-size: 14px;
  line-height: 180%;
}

li.service_section .text .mailmagazine_reg {
  position: relative;
}

li.service_section .text .mailmagazine_reg input#regist_mailmaga {
  width: 204px;
  border: none;
  padding-top: 2px;
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #EFEFEF;
  margin-left: 2px;
  outline: 0 none;
  padding: 1px;
}

li.service_section .text .mailmagazine_reg input.reg_button {
  background: url("/user_data/packages/default/img/common/footer/footer_register.png") no-repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  top: 2px;
  width: 47px;
  position: absolute;
  margin-left: 5px;
}

li.service_section .text p {
  margin-bottom: 15px;
  font-family: "Hiragino Mincho Pro";
  line-height: 2;
}

li.service_section .text h3 {
  margin-bottom: 20px;
}

li.service_section .text h4 {
  font-size: 16px;
  padding-bottom: 10px;
}

.about_button img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: none !important;
}

/* -----------------------------------------------
privacy
----------------------------------------------- */
.privacy_section {
  border: 5px solid #F0F0F0;
  padding: 40px;
  margin: 40px auto 0;
  line-height: 180%;
  width: 890px;
}

.privacy_section h2.title {
  margin-bottom: 30px;
}

.privacy_section p {
  line-height: 2;
  font-size: 14px;
}

.privacy_section p.message {
  font-size: 15px;
}

.privacy_section p.message_detail {
  margin-left: 30px;
}

/* -----------------------------------------------
terms
----------------------------------------------- */
.terms_section {
  border: 5px solid #F0F0F0;
  padding: 40px;
  margin: 10px auto;
  line-height: 180%;
  width: 890px;
  font-size: 14px;
}

/* -----------------------------------------------
order
----------------------------------------------- */
.order_section {
  border: 5px solid #F0F0F0;
  padding: 40px;
  margin: 40px auto 0px;
  line-height: 180%;
  width: 890px;
}

.order_section h2.title {
  margin-bottom: 30px;
}

.order_section dl {
  width: 100%;
  margin-bottom: 30px;
  border-bottom: 1px solid #f9f9f9;
}

.order_section dl dt {
  font-weight: bold;
  font-size: 15px;
  float: left;
  width: 200px;
}

.order_section dl dd {
  float: left;
  margin-left: 20px;
  font-size: 14px;
}

.order_section p {
  margin-top: 20px;
}

/* -----------------------------------------------
company
----------------------------------------------- */
.company_section {
  border: 5px solid #F0F0F0;
  padding: 40px;
  margin: 10px auto;
  line-height: 180%;
  width: 890px;
}

.company_section h2.title {
  margin-bottom: 30px;
}

.company_section dl {
  width: 100%;
  margin-bottom: 30px;
  border-bottom: 1px solid #f9f9f9;
}

.company_section dl dt {
  font-weight: bold;
  width: 200px;
  font-size: 15px;
  float: left;
}

.company_section dl dd {
  margin-left: 20px;
  float: left;
  line-height: 2;
  font-size: 14px;
}

.company_section p {
  margin-top: 20px;
}

/* -----------------------------------------------
inquiry
----------------------------------------------- */
#about_contact {
  font-size: 14px;
}

/* -----------------------------------------------
contact
----------------------------------------------- */
.map_extra h3 {
  margin: 15px 10px 15px 0px;
  font-size: 13px;
  border-bottom: 1px dotted #ccc;
}

.map_extra h3 span {
  color: #ff6600;
  font-size: 18px;
}

.map_extra .select_map_type {
  float: left;
  margin-right: 20px;
}

.map_extra .select_radio_type {
  float: left;
  margin-right: 20px;
}

.map_extra .map_extra_content {
  margin: 10px 0px 40px 20px;
  line-height: 2em;
}

.map_extra .map_extra_content div.step_inner {
  margin: 10px 0px;
}

.map_extra .map_extra_content div.step_inner .ttl_sub {
  margin: 5px;
  font-weight: bold;
}

.map_extra .map_extra_content a.download {
  padding: 5px;
  background-color: #ff6600;
  color: #FFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.logo_extra h3 {
  margin: 15px 10px 15px 0px;
  font-size: 13px;
  border-bottom: 1px dotted #ccc;
}

.logo_extra h3 span {
  color: #ff6600;
  font-size: 18px;
}

.logo_extra .select_plan {
  float: left;
  margin-right: 20px;
}

.logo_extra .select_radio_type {
  float: left;
  margin-right: 20px;
}

.logo_extra .logo_extra_content {
  margin: 10px 0px 40px 20px;
  line-height: 2em;
}

.logo_extra .map_extra_content div.step_inner {
  margin: 10px 0px;
}

.logo_extra .map_extra_content div.step_inner .ttl_sub {
  margin: 5px;
  font-weight: bold;
}

/* -----------------------------------------------
sitemap
----------------------------------------------- */
.sitemap_section {
  border: 5px solid #F0F0F0;
  padding: 40px;
  margin: 10px 0;
  line-height: 180%;
}

.sitemap_section h2.title {
  margin-bottom: 30px;
}

.sitemap_section .sitemap_contents {
  margin-bottom: 10px;
}

.sitemap_section dl {
  margin-bottom: 40px;
  float: left;
  width: 248px;
  margin-left: 40px;
}

.sitemap_section dl.first {
  margin-left: 0;
}

.sitemap_section dt {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f9f9f9;
  color: #666;
}

.sitemap_section dt a {
  color: #666666;
}

.sitemap_section dd {
  margin-left: 7px;
  line-height: 3;
  font-size: 13px;
}

.sitemap_section dd a {
  display: block;
  background: url(/user_data/packages/default/img/icon/ico_arrow_03.gif) no-repeat;
  background-position: left;
  padding-left: 12px;
}

/* -----------------------------------------------
404
----------------------------------------------- */
.error_section {
  border: 5px solid #F0F0F0;
  padding: 20px;
  margin: 10px 0;
  line-height: 180%;
}

/* -----------------------------------------------
inquiry
----------------------------------------------- */
.inq_section {
  border: 5px solid #F0F0F0;
  padding: 20px;
  margin: 10px 0;
  line-height: 160%;
}

.inq {
  font-size: 13px;
  color: #3C3431;
}

.inq_section .inq_inner {
  padding: 30px 0;
  margin-left: 20px;
  width: 880px;
}

.inq_section table {
  border: 0 !important;
  width: 880px;
}

.inq_section table tr.inq_inner th {
  width: 90px;
  background-color: #fff !important;
  text-align: center;
}

.inq_section table tr.inq_inner th .icon_block {
  width: 90px;
}

.inq_section table tr.inq_inner th,
.inq_section table tr.inq_inner td {
  border-bottom: 1px dotted #ccc;
  border-right: 0;
}

.inq_section .inq_inner .desc_block {
  float: left;
  width: 700px;
  margin-left: 20px;
  padding: 20px 0;
}

.inq_section .inq_inner .desc_block span.notice_bold,
.inq_section .inq_inner .desc_block a {
  font-weight: bold;
  margin: 5px 0;
}

.inq_section .inq_inner .desc_block a {
  display: inline-block;
}

.inq_section .inq_inner .desc_block span.notice_smaller {
  font-size: 12px;
}

.inq_section h3 {
  padding-bottom: 5px;
  color: #3C3431;
  font-size: 14px;
}

.inq_section a {
  text-decoration: underline;
}

.inq_section a:hover {
  color: #ff6600;
}

.inq_section img {
  margin: 10px 0;
}

.inq_section img:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha( opacity=90 )";
  background: none !important;
}

.inq_section .tel {
  font-weight: bold;
  font-size: x-large;
  color: #000;
  background: url(/user_data/packages/default/img/icon/inq.jpg) no-repeat left;
  padding-left: 35px;
}

/* -----------------------------------------------
 entry
----------------------------------------------- */
#undercolumn_entry #form1 {
  color: #3c3431;
}

#undercolumn_entry #form1 a {
  color: #ff6600;
}

#undercolumn_entry form h2.title {
  width: 100%;
  background-color: #fcfcfc;
  font-size: 15px;
  line-height: 1.5;
  font-weight: normal;
  padding: 5px 0 5px 5px;
}

#undercolumn_entry form p {
  font-size: 12px;
  line-height: 1.5;
}

#undercolumn_entry .skip_step {
  border-bottom: 1px solid #f9f9f9;
  padding: 20px 0;
  margin-bottom: 20px;
  text-align: right;
}

#undercolumn_entry .skip_step a {
  color: #ff660;
  text-decoration: underline;
  display: block;
  text-align: right;
}

#undercolumn_entry .skip_step a input {
  border: 1px solid #CACECE;
  background: #fff;
  padding: 2px 20px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #ff6600;
  font-size: 13px;
}

#undercolumn_entry h3.title {
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: normal;
}

#undercolumn_entry input[type=text] {
  border: solid 1px #ccc !important;
  float: none !important;
}

#undercolumn_entry input.box300 {
  width: 300px;
}

#undercolumn_entry input.box60 {
  width: 60px;
}

.unlogged_area .willing_login {
  margin-top: 30px;
}

.unlogged_area .willing_login .btn_area {
  text-align: left;
}

.unlogged_area .willing_login .login_area {
  margin: 30px 0;
}

.unlogged_area .willing_login .login_area h3 {
  font-size: 14px;
}

.login_area p a {
  color: #ff6f10;
}

.login_area p a:hover, .login_area p a:visited {
  text-decoration: underline;
}

div#undercolumn_login .willing_login p {
  font-size: 13px;
  line-height: 1.5;
}

/* -----------------------------------------------
 entry_landing
----------------------------------------------- */
.landing_login {
  text-align: center;
  margin: 40px 0;
}

.landing_login h2 {
  font-size: 15px;
  margin-bottom: 20px;
}

.landing_login .landing_title {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 20px;
}

.landing_login .message p {
  line-height: 1.5;
}

.landing_login .message p.invite {
  color: #952192;
}

#entryLandingArea {
  width: 980px;
  margin: 0 auto;
  text-align: center;
}

#entryLandingArea .list_title {
  border-bottom: 1px solid #F0F0F0;
  margin: 0 auto 20px;
  padding: 30px 0 10px;
  text-align: left;
  width: 980px;
  height: 20px;
}

#entryLandingArea .list_title h2 {
  float: left;
}

#entryLandingArea .top_message img {
  padding-bottom: 50px;
  margin-top: 40px;
}

#entryLandingArea .bottom_message {
  width: 980px;
  margin: 140px auto 0;
  height: 320px;
}

#entryLandingArea .bottom_message .message {
  float: left;
}

#entryLandingArea .bottom_message img.welcome_subimage {
  float: right;
}

#mycontents_area textarea {
  width: 80%;
}

#mycontents_area.mypage input[type=submit],
#mycontents_area.mypage input[type=button] {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CACECE;
  border-radius: 3px 3px 3px 3px;
  padding: 1px 10px;
  text-align: center;
}

#mycontents_area.mypage input[type=submit]#submit_questionnaire,
#mycontents_area.mypage input[type=button]#submit_questionnaire {
  background: -webkit-linear-gradient(top, rgb(255, 152, 43) 0%, rgb(246, 124, 2) 98%, rgb(246, 124, 1) 100%);
  background: -o-linear-gradient(top, rgb(255, 152, 43) 0%, rgb(246, 124, 2) 98%, rgb(246, 124, 1) 100%);
  background: -ms-linear-gradient(top, rgb(255, 152, 43) 0%, rgb(246, 124, 2) 98%, rgb(246, 124, 1) 100%);
  background: -moz-linear-gradient(top, rgb(255, 152, 43) 0%, rgb(246, 124, 2) 98%, rgb(246, 124, 1) 100%);
  background: linear-gradient(to bottom, rgb(255, 152, 43) 0%, rgb(246, 124, 2) 98%, rgb(246, 124, 1) 100%);
  border: 1px solid #CACECE;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 80px;
  text-align: center;
}

#mycontents_area.mypage input[type=submit]#submit_questionnaire:hover,
#mycontents_area.mypage input[type=button]#submit_questionnaire:hover {
  background: -webkit-linear-gradient(top, rgb(255, 175, 50) 0%, rgb(252, 144, 2) 98%, rgb(252, 144, 1) 100%);
  background: -o-linear-gradient(top, rgb(255, 175, 50) 0%, rgb(252, 144, 2) 98%, rgb(252, 144, 1) 100%);
  background: -ms-linear-gradient(top, rgb(255, 175, 50) 0%, rgb(252, 144, 2) 98%, rgb(252, 144, 1) 100%);
  background: -moz-linear-gradient(top, rgb(255, 175, 50) 0%, rgb(252, 144, 2) 98%, rgb(252, 144, 1) 100%);
  background: linear-gradient(to bottom, rgb(255, 175, 50) 0%, rgb(252, 144, 2) 98%, rgb(252, 144, 1) 100%);
}

a.white_box {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CACECE;
  border-radius: 3px 3px 3px 3px;
  padding: 1px;
  text-align: center;
  display: block;
  cursor: pointer;
  text-decoration: none;
}

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

#entry_webpost a {
  text-decoration: underline;
}

.entry_webpost .btn_area {
  height: 40px;
}

.entry_webpost .btn_area ul {
  height: 40px;
  width: 446px;
  margin: 0 auto;
}

.entry_webpost .btn_area ul li {
  float: left;
}

#mycontents_area #form_search {
  text-align: right;
}

#mycontents_area td #form_add_cart,
#mycontents_area td #form_delete {
  float: left;
}

/* scene_list
----------------------------------------------- */
#scene .scene_list {
  float: left;
}

#scene .second_line ul li {
  float: left;
  margin-left: 13px;
  margin-bottom: 15px;
}

#scene .second_line ul li.left {
  margin-left: 0;
}

#scene .second_line ul li img:hover, #scene .third_line ul li img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: none !important;
}

#scene .second_line .category, #scene .third_line .category {
  margin-top: 7px;
}

#scene .second_line .category a, #scene .third_line .category a {
  color: #fff;
  line-height: 29px;
  display: inline-block;
  font-size: 12px;
  padding-left: 7px;
  padding-right: 30px;
  background: url(/user_data/packages/default/img/sub/item_scene/list/btn.jpg) no-repeat right;
  height: 28px;
  float: right;
}

#scene .second_line .category a:hover, #scene .third_line .category a:hover {
  background: url(/user_data/packages/default/img/sub/item_scene/list/btn_on.jpg) no-repeat right;
}

#scene .second_line .category, #scene .second_line .category a:hover,
#scene .second_line .category, #scene .third_line .category a:hover {
  text-decoration: none;
}

#scene div.more-button {
  text-align: center;
}

#scene div.more-button a {
  background: #FF8533 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 7px 30px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 3px #000;
}

#scene div.more-button a:hover {
  opacity: 0.8;
}

#scene a.more_info {
  color: #FF8533;
}

/* scene_detail
----------------------------------------------- */
#scene .about_scene_cat {
  margin-top: 37px;
}

#scene .scene_prm .description_area {
  width: 450px;
  float: left;
}

#scene .scene_prm .description_area h2 {
  font-size: 22px;
  margin-top: 18px;
}

#scene .scene_prm .description_area .text {
  font-size: 14px;
  display: inline-block;
  margin: 16px 0 30px 0;
  width: 450px;
  line-height: 2;
}

#scene .scene_prm .description_area .category {
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
  padding: 0 7px;
  background-color: #EF5F2A;
}

#scene .scene_prm .description_area .products_scene {
  width: 450px;
  background-color: #faf9f2;
  padding: 10px 15px;
}

#scene .scene_prm .description_area .products_scene .title {
  font-size: 14px;
  font-weight: bold;
}

#scene .scene_prm .description_area .products_scene dl {
  margin-top: 10px;
}

#scene .scene_prm .description_area .products_scene dl dt {
  float: left;
}

#scene .scene_prm .description_area .products_scene dl dd {
  float: right;
  color: #eb6112;
}

#scene .scene_prm .image_area {
  float: right;
  position: relative;
}

#scene .scene_prm .image_area a.baloon {
  position: absolute;
  padding: 3px 8px;
  display: inline-block;
  font-size: 10px;
}

#scene .scene_prm .image_area a.baloon:hover {
  text-decoration: none;
}

.surprise .image_area a.one {
  top: 60px;
  left: 250px;
}

.surprise .image_area a.two {
  top: 108px;
  left: 153px;
}

.surprise .image_area a.three {
  top: 215px;
  left: 305px;
}

.surprise .image_area a.four {
  top: 275px;
  left: 80px;
}

.surprise .image_area a.five {
  top: 280px;
  left: 410px;
}

.table .image_area a.one {
  top: 188px;
  left: 410px;
}

.table .image_area a.two {
  top: 210px;
  left: 515px;
}

.table .image_area a.three {
  top: 222px;
  left: 227px;
}

.table .image_area a.four {
  top: 290px;
  left: 24px;
}

.table .image_area a.five {
  top: 320px;
  left: 456px;
}

.table .image_area a.six {
  top: 150px;
  left: 280px;
}

.opening .image_area a.one {
  top: 132px;
  left: 172px;
}

.opening .image_area a.two {
  top: 170px;
  left: 465px;
}

.takeout .image_area a.one {
  top: 80px;
  left: 470px;
}

.takeout .image_area a.two {
  top: 200px;
  left: 222px;
}

.takeout .image_area a.three {
  top: 280px;
  left: 335px;
}

.takeout .image_area a.four {
  top: 188px;
  left: 500px;
}

.reg .image_area a.one {
  top: 160px;
  left: 318px;
}

.reg .image_area a.two {
  top: 212px;
  left: 122px;
}

.reg .image_area a.three {
  top: 155px;
  left: 2px;
}

.reg .image_area a.four {
  top: 200px;
  left: 13px;
}

.reg .image_area a.five {
  top: 78px;
  left: 70px;
}

.reg .image_area a.six {
  top: 132px;
  left: 142px;
}

.reg .image_area a.seven {
  top: 190px;
  left: 510px;
}

.reg .image_area a.eight {
  top: 127px;
  left: -6px;
}

.reg .image_area a.nine {
  top: 85px;
  left: 174px;
}

.reg .image_area a.ten {
  top: 164px;
  left: 545px;
}

.reg .image_area a.eleven {
  top: 226px;
  left: 440px;
}

.reg .image_area a.twelve {
  top: 165px;
  left: 173px;
}

.amenity .image_area a.one {
  top: 150px;
  left: 293px;
}

.amenity .image_area a.two {
  top: 160px;
  left: 438px;
}

.amenity .image_area a.three {
  top: 128px;
  left: 100px;
}

#scene .scene_prm .image_area a.baloon div {
  position: relative;
  background: url(/user_data/packages/default/img/sub/item_scene/baloon_start.png) no-repeat 85% 17px;
  z-index: 2;
  height: 30px;
}

#scene .scene_prm .image_area a.baloon div:hover {
  background: url(/user_data/packages/default/img/sub/item_scene/baloon_start_hover.png) no-repeat 85% 17px;
}

#scene .scene_prm .image_area a.baloon div span {
  background-color: #fff;
  padding: 4px;
}

#scene .scene_prm .image_area a.baloon div:hover span {
  text-decoration: none !important;
  background-color: #ff6600;
  color: #fff;
}

#scene .scene_prm ul {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

#scene .scene_prm ul li {
  margin-left: 6px;
}

#scene .scene_prm ul li:first-child {
  margin-left: 0;
}

#main #scene .scene_prm ul li p {
  margin-top: 5px;
  font-size: 10px;
}

#main #scene .other_scene_menu {
  margin-bottom: 30px;
  margin-left: 10px;
  text-align: left;
  margin-top: 5px;
}

#main #scene .other_scene_menu ul {
  float: left;
  margin-right: 60px;
}

#main #scene .other_scene_menu ul li a {
  text-decoration: underline;
  line-height: 2;
}

#main #scene .other_scene_menu .back_to_all_scene a:link {
  text-decoration: underline !important;
}

/*scene_special */
#scene_special {
  background: url(/user_data/packages/default/img/sub/scene_lp/shopitem_key.jpg) no-repeat;
  position: relative;
  width: 980px;
  height: 380px;
}

#scene_special img {
  position: absolute;
  top: 97px;
}

#scene_special img.a {
  left: 52px;
}

#scene_special img.b {
  left: 355px;
}

#scene_special img.c {
  left: 668px;
}

/* トップ おすすめ商品 */
.top_list ul.pick_five li {
  margin-left: 23px !important;
  width: 130px !important;
  height: 240px !important;
}

.top_list ul.pick_five li.none {
  margin-left: 0 !important;
}

.top_list ul.pick_five li .pic_set {
  width: 130px !important;
}

.top_list ul.pick_five li .pic_set a {
  height: 130px !important;
}

.top_list ul.pick_five li .pic_set a img {
  height: 130px !important;
}

.top_list ul.pick_five li .about_item h3 {
  height: 37px !important;
}

/** 酒類確認ページ */
.liquor_confirm_outer {
  border: black;
}

.liquor_confirm_main {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  padding-bottom: 30px;
  width: 700px;
  text-align: center;
}

.liquor_confirm_main .title {
  margin-bottom: 20px;
  background-color: #EF5F2A;
  color: #FFF;
}

.liquor_confirm_main .confirm {
  margin: 20px 0px;
}

.liquor_confirm_main .buttons {
  line-height: 3em;
}

.liquor_confirm_main2 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 600px;
  border: 1px solid #CCCCCC;
  text-align: left;
  line-height: 1.8em;
}

.liquor_confirm_main2 .product_name {
  font-size: 1.2em;
}

.liquor_confirm_main2 .sub_title {
  text-align: center;
  background-color: #E80000;
  color: #FFF;
  font-size: 20px;
  padding: 10px;
}

.liquor_confirm_main2 .detail {
  margin: 40px 20px;
}

/* メインタイトル */
.page_title {
  text-align: left;
  width: 980px;
  padding: 30px 0 10px;
  margin: 0 auto 100px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f9f9f9;
}

.webpost_sns_area {
  margin-top: 15px;
}

.webpost_class_area {
  border: 1px solid #CCCCCC;
  padding: 15px 0px 0px 15px;
}

.webpost_detail_main_title {
  background: url("/user_data/packages/default/img/common/line/ttl_iteminfo_line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
  height: 24px;
}

.webpost_detail_sub_title {
  background-color: #F4E6C0;
  color: #6C5A02;
  padding-left: 5px;
  margin-top: 15px;
}

/* chat */
#footer_chat_area {
  z-index: 10000;
  width: 220px;
  position: fixed;
  bottom: 0px;
  right: 20px;
}

#footer_chat_header {
  background-color: #EB6112;
  height: 30px;
  display: none;
}

#footer_chat_detail {
  background-color: #EB6112;
  height: 160px;
  display: none;
}

.radius-top {
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

/* shopping complete register */
#complete_register {
  padding: 25px;
  position: absolute;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  background: #FFFFFF;
  z-index: 202;
  text-align: center;
  width: 800px;
  left: 50%;
  top: 495px;
  margin-left: -400px;
}

.complete_register_btn_area {
  clear: both;
  text-align: center;
  font-size: 13px;
  line-height: 2.5;
}

.complete_register_btn_area li {
  display: inline;
  padding-right: 10px;
}

#complete_join_form .complete_join_submit_btn input[type=button] {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #ff6600;
  color: #fff;
  border: none;
  padding: 5px 20px;
  cursor: pointer;
}

#complete_join_form .complete_join_cancel_btn input[type=button] {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #ccc;
  color: #fff;
  border: none;
  padding: 5px 20px;
  cursor: pointer;
}

/* pallet */
table.pallet_table {
  border-left: 0;
  border-top: 0;
  margin: 0;
}

table.pallet_table td {
  border-bottom: 0;
  border-right: 0;
  padding: 0;
}

.pallet_box {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.pallet_table a {
  display: inline-block;
  width: 228px;
  height: 70px;
}

.pallet_table a:hover {
  background-color: #FFEF6C;
  text-decoration: none;
}

.pallet_table a.current {
  font-weight: bold;
  width: 100%;
}

.pallet_items {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #E0E0E0;
  width: 916px;
}

.pallet_items li {
  width: 228px;
  height: 70px;
  line-height: 1.2;
  border-bottom: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}

.pallet_items li:nth-of-type(-n+4) {
  border-top: 1px solid #E0E0E0;
}

.pallet_items li.current {
  background-color: #FFEF6C;
  color: #3C3431;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.pallet_items li.current img {
  width: 56px;
  height: 56px;
  margin-left: 8px;
  margin-right: 10px;
}

.pallet_items li a {
  display: flex;
  align-items: center;
}

.pallet_items li a img {
  width: 56px;
  height: 56px;
  margin-left: 8px;
}

.pallet_items li a span {
  display: inline-block;
  margin: 0 10px;
  width: 146px;
  font-size: 14px;
}

.pallet_title h1, pallet_title h2, .pallet_title h3 {
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 10px;
  margin-bottom: 32px;
  border-bottom: 1px solid #999999;
  font-weight: normal;
}

#menubook_select .pallet_title {
  font-size: 19px;
  background: url("/user_data/packages/default/img/sub/item_list/h.jpg") no-repeat;
  height: 30px;
  padding: 15px 10px 0;
}

.pallet_select {
  position: relative;
}

.pallet_select select {
  position: absolute;
  zoom: 1.1;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 275px;
  height: 35px;
  cursor: pointer;
  top: 0;
  left: 0;
  text-align: left;
}

.pallet_select .illusion_box {
  border: 1px solid #e5d9c3;
  padding: 0px 15px 0 3px;
  position: relative;
  width: 235px;
  height: 35px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 10px;
  color: #222;
  line-height: 3;
}

.pallet_select .illusion_box:before {
  content: "";
  display: block;
  width: 40px;
  height: 35px;
  position: absolute;
  background: url("/user_data/packages/default/img/button/selectbox.jpg") no-repeat center right;
  right: 0px;
  top: 0px;
  border-bottom: 1px solid #b2b1ae;
}

.pallet_select .illusion_box:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 6px;
  top: 9px;
  left: 7px;
  z-index: 100;
}