@charset "utf-8";
@import url("custom-pages.css");
@import url("custom-pc.css");

/************************************************
 import css
************************************************ */
:root {
    --main-color: #3f352e;
    --char-color: #ffffff;
    --base-back-color: #f5f3f0;
    --base-line-color: #dddddd;
    --base-char-color: #111111;
    --accent-color: #c8161d;
    --ms-back-color: #fff6e9;
    --ms-line-color: #f7e2c8;
    --ms-char-color: #111111;
    --flow-back-color: #c8161d;
    --flow-char-color: #ffffff;
    --body-font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

   --sub-color-b: #718cc7;
   --sub-color-g: #abba11;
}

/* メインコンテンツ最大幅1200px */
#container {
  max-width: 1200px !important;
  width: 100%;
  min-width: 980px;
}
/* レビュー機能　使用しない */
.raku2_review,
#customervoice_area {
  display: none !important;
}

.slick-slide img {
  width: 980px;
}

/*---------------------------------------
headerエリア
---------------------------------------*/

.raku2_theme01 #header_wrap {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}
.raku2_theme01 #header_wrap #site_description {
  max-width: 1500px;
  margin: 8px auto;
}
.raku2_theme01 #header_wrap #header {
  max-width: 1500px;
  display: flex;
  align-items: end;
  justify-content: space-around;
  margin-bottom: 20px;
}
.raku2_theme01 .-flex0 {
  flex-grow: 0;
}
.raku2_theme01 .-flex1 {
  flex-grow: 1;
}
.raku2_theme01 .-flex2 {
  flex-grow: 2;
}
.raku2_theme01 .-flex3 {
  flex-grow: 3;
}
.raku2_theme01 .-box {
  width: 100%;
}
.raku2_theme01 .logo_area {
  margin: 0;
  width: auto;
  text-align: left;
}
.raku2_theme01 .logo_area img {
  max-height: 40px;
}

.raku2_theme01 #header_wrap #header {
  justify-content: space-between;
  gap:80px;
  align-items: center;
  margin-bottom: 0px;
}
.raku2_theme01 #header_wrap #header {
  max-width:1200px;
}
.raku2_theme01 #header_wrap {
 border-bottom: none;
}
.raku2_theme01 .logo_area {
 position: relative;
 top: -6px;
}
.raku2_theme01 .logo_area img {
  max-height: 80px;
}


/* ------------検索ボックス------------ */

.raku2_theme01 #header_wrap #header .block_outer #search_area {
  padding: 0 0 3px 0;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area form#search_form {
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 0 0 0 4%;
  background-color: #eeeeee;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #search_area
  form#search_form
  select {
  width: 100px;
  border: none;
  background-color: #eeeeee;
  outline: 0;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #search_area
  form#search_form
  input[type="text"],
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #search_area
  form#search_form
  input[type="password"] {
  width: 95%;
  border: none;
  padding: 2px;
  background-color: #eeeeee;
  outline: 0;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area .submit_btn {
  background-image: url("../img/common/submit-img.png");
  background-repeat: no-repeat;
  background-color: #aaaaaa;
  background-size: 38%;
  background-position: center;
  border: none;
  width: 80px;
  height: 38px;
  cursor: pointer;
  transition: background 1s, color 1s;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #search_area
  .submit_btn:hover {
  background-color: #ccc;
}



/* -------------カートエリア------------- */

.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea {
  display: flex;
  align-items: end;
  justify-content: right;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_name {
  text-align: right;
  margin: 0 10px 0 20px;
  font-size: 90%;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_cart_btn,
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_new_btn,
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_mypage_btn,
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_login_btn {
  position: relative;
  font-size: 78%;
  margin-left: 2px;
  width: 62px;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_cart_btn
  img {
  position: absolute;
  left: 20px;
  top: -19px;
  width: 27px;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_cart_btn
  .quantity {
  position: absolute;
  top: -36px;
  left: 10px;
  background: var(--accent-color);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center !important;
  line-height: 20px;
  z-index: 9;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_new_btn
  img {
  position: absolute;
  left: 17px;
  top: -25px;
  width: 30px;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_mypage_btn
  img {
  position: absolute;
  left: 18px;
  top: -25px;
  width: 25px;
}
.raku2_theme01
  #header_wrap
  #header
  .block_outer
  #header_login_area
  #header_userarea
  .userarea_login_btn
  img {
  position: absolute;
  left: 14px;
  top: -23px;
  width: 28px;
}

/* -------------特典------------- 

.raku2_theme01 #header_wrap #header_benefits a {
  background-color: #efe56e;
  margin: 0 auto;
  border-radius: 8px;
  color: #1d1d1d;
  width: 98%;
  max-width: 1500px;
}
.raku2_theme01 #header_wrap #header_benefits a h2 {
  background-color: var(--accent-color);
  text-align: right;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 8px 2vw;
  margin-right: 2vw;
}
.raku2_theme01 #header_wrap #header_benefits a,
.raku2_theme01 #header_wrap #header_benefits a ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.raku2_theme01 #header_wrap #header_benefits a ul {
  display: flex;
  align-items: center;
}
.raku2_theme01 #header_wrap #header_benefits a ul li {
  font-weight: 600;
  font-size: 0.8rem;
  margin: 5px 0;
}
.raku2_theme01 #header_wrap #header_benefits a ul li span {
  margin: 0 0.5vw;
  background-color: #fff;
  border-radius: 5px;
  padding: 8px 4px;
  width: 30px;
  text-align: center;
}
.raku2_theme01 #header_wrap #header_benefits a ul li span img {
  max-width: 22px;
}
*/

/* -------------headerナビ------------- */

.raku2_theme01 #header_wrap #gloval_navi {
  border-bottom: none;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1500px;
  margin: 18px auto;
  font-size: 90%;
  width: 98%;
}
.raku2_theme01 #header_wrap #gloval_navi > ul {
  width: auto;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.raku2_theme01 #header_wrap #gloval_navi .shoppingt_btn > li > a,
.raku2_theme01 #footer_wrap #footer #info_area .shoppingt_btn a {
  background-color: var(--main-color);
  border-radius: 30px;
  color: #fff !important;
  padding: 12px 1.5vw;
  margin: 0 5px;
  min-width: 7vw;
  display: block;
}
.raku2_theme01
  #header_wrap
  #gloval_navi
  .shoppingt_btn
  li.header_cat_btn
  a:after {
  color: #fff;
}
.raku2_theme01 #header_wrap #gloval_navi .use_btn > li > a {
  position: relative;
  padding: 0 0 0 1em;
  margin: 0 0 0 1.5vw;
}
.raku2_theme01 #header_wrap #gloval_navi .use_btn > li > a::before {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border: 0.3em solid transparent;
  border-left: 0.4em solid var(--main-color);
  content: "";
}
#gloval_navi .header_catwrap ul.tree1-outer {
  top: 40px;
  left: 42%;
}

/*---------------------------------------
mainエリア
---------------------------------------*/
.LC_Page_Index #container {
  max-width: 1500px;
  margin: 0 auto;
}
#main_column {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
#main_column.colnum1 #mypagecolumn,
.custom_page #faqarea {
  width: 100%;
}
#main_column.colnum2 {
  float: none !important;
  width: auto !important;
  padding-left: 270px !important;
}
/*// ベースフォント*/
#main_column { font-size: 16px; }
.attention { color:var(--accent-color); }

/* -------------商品一覧------------- */
#main_column form[name^="product_"] {
    width: 22%;
    padding: 1.28%;
}
.pricebox.sale_price > * {
    display: contents;
}
.price .price_label { display:none; }
.listrightbloc .cart_area {
  border: none;
  background-color: var(--ms-back-color);
}
/* 商品一覧・クイックオーダー*/
.raku2_list_product_name a {
  font-weight: bold;
}
/*説明文上*/
.layout_uppertext { /*margin-bottom:2em; */}

/* -------------商品詳細------------- */
/* 商品画像 */
#detailarea .photo, 
#detailarea .sub_photo {
  width: auto;
  left: 0;
  margin-right: 20px;
}

/* 商品詳細 商品名 */
#detailarea h2 { color:#111; }

/*  商品詳細　キャッチコピー */
#detailarea .main_comment {
  font-size:100%;
}
.price02_notax_default,
.price02_inctax_default,
#detailarea .sell_kikan { font-weight:bold; }
#detailarea .deliv_fee .not_include,
#detailarea .deliv_fee .include { font-weight:normal; }
#detailarea .deliv_fee .include { background:#999999; }
#unit_price02_inctax_default { color: #888;}
#detailarea .product_stock { color:var(--accent-color); }
#detailarea .review_link_bloc { display:none; }
#detailarea .deliv_date { border-bottom: 1px #ccc dotted; }

/* カートボタン　cart_area  */
#detail_type_a .detaildescriptionbloc .cart_area {
  border: none;
  /*display: grid;
  place-content: center;
  padding: 10px 10px 15px;
  width: calc(100% - 20px);*/

  padding: 2em;
  width: auto;
  min-width: 150px;

}
.cart_area_col01 { width:auto!important; }
.cart_area_col01 .attention {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}
#detailarea .quantity {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  place-content: center;
  margin: 0;
  width:auto;
}
#detailarea .cartin {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
#detailarea .cart_area_col01 .stock_notify_btn {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
}
#detailarea .cart_area_col01 .favorite_btn {
  grid-column: 1 / 3;
  grid-row: 3 / 4;
  margin: 0 auto;
}
#cartbtn_default .fa-shopping-cart { padding-left:0!important; }
#cartbtn_default .btn_add_cart, 
#cartbtn_default .btn_add_cart_estimate {
  margin-bottom:10px;
}
#detailarea .cartin_btn a #cart {
  background-color:var(--accent-color);
}
#detailarea .cartin_btn #cart a {
  font-weight: bold;
  color: var(--accent-color);
}
#detailarea .quantity input[name='quantity'] { padding:.5em; }


/*12.8xp →　0.85em0.85em*/
#main_column .raku2_theme01 #main_category_area h2 span,
#main_column .raku2_theme01 .recommend_list h2 span,
#main_column .history_list h2 span,
#main_column .raku2_theme01 .block_outer #news_area h2 span {
  font-size: 0.85em;
}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info dl dt,
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info dl dd {
  font-size: 0.85em;
}

.LC_Page_Index div#main_column > div {
  margin-top: 15px;
}
/* ------------- 見出し H2 ------------- */
#leftcolumn .raku2_theme01 .block_outer #category_area h2,
#main_column .raku2_theme01 #main_category_area h2,
#main_column .raku2_theme01 .recommend_list h2,
#main_column .history_list h2,
#main_column .raku2_theme01 .block_outer #news_area h2,
.raku2_theme01 #footer_wrap #footer #footer_category_area h2,
.raku2_theme01 #footer_wrap #footer #use_area h2,
.raku2_theme01 #footer_wrap #footer #info_area h2,
#exclusive_benefits_area h2,
.raku2_theme01 .block_outer #choose_area h2 {
  background-color: transparent;
  color: var(--main-color);
  font-size: 140%;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  padding: 10px;
  margin: 0;
  border: none;
}
.raku2_theme01 #footer_wrap #footer #footer_category_area h2,
.raku2_theme01 #footer_wrap #footer #info_area h2,
.raku2_theme01 #footer_wrap #footer #use_area h2 {
  font-size: 115%;
}
#main_column h2.title {
  font-size: 140%;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  border: none;
  margin-bottom: 20px;
  padding: 10px 0 0;
}
/* 会員登録ページ */
#exclusive_benefits_area h2 {
  margin: 0;
  border: none;
  text-align:center;
}
#undercolumn_entry h2.title {
  padding: .5em;
  margin: 2em auto 0;
  width: 50%;
  text-align: center;
}
/* 掛け払い*/
#kuronekokakebarai #undercolumn_entry h2.title { 
  text-align: left!important; 
  margin:0 0 20px!important;
  padding: 10px 0 0!important;
  width:100%!important;
}
/***/
#leftcolumn .raku2_theme01 .block_outer #category_area h2 span,
#main_column .raku2_theme01 #main_category_area h2 span,
#main_column .raku2_theme01 .recommend_list h2 span,
#main_column .history_list h2 span,
#main_column .raku2_theme01 .block_outer #news_area h2 span,
.raku2_theme01 #footer_wrap #footer #footer_category_area h2 span,
.raku2_theme01 .block_outer #exclusive_benefits_area p,
.raku2_theme01 .block_outer #choose_area p {
  font-size: 80%;
  margin: 0 15px;
  font-weight: 600;
}
/* --カートの中 タイトル・見出し-- */
.LC_Page_Cart #main_column h2.title,
.LC_Page_Shopping_Deliv #main_column h2.title,
.LC_Page_Shopping_Payment #main_column h2.title,
.LC_Page_Shopping_Confirm #main_column h2.title,
.LC_Page_Shopping_Complete #main_column h2.title {
  text-align: center !important;
}
/* お問い合わせ / マイページ見出し */
#mypagecolumn h2.title { display: none; }

/* h3 */
.plg_Raku2_LC_Page_Products_List .layout_uppertext h3,
.LC_Page_AbstractMypage .layout_uppertext h3,
#mycontents_area h3 {
  margin-bottom: 20px;
  padding: 5px 0 0;
  font-size: 140%;
  font-weight: 600;
  border: none;
  text-align: left;
}
.LC_Page_Cart #main_column .form_area h3 {
  color: #3f352e;
  font-size: 170%;
}


#exclusive_benefits_area p { text-align:center; }

#main_column .raku2_theme01 .recommend_list {
  margin-bottom: 0;
}
#main_column .raku2_theme01 .recommend_list .block_body {
  padding: 0 0 10px;
}
#main_column .raku2_theme01 .block_outer #news_area dl.newslist {
    display: grid;
    grid-template-columns: 23% 1fr;
}
#main_column #news_area dl.newslist time {
    padding-bottom: 5px;
}
#main_column .raku2_theme01 .block_outer #news_area .news_contents {
  overflow-y: hidden;
}

#main_column .raku2_theme01 #main_category_area ul {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  text-align: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#main_column .raku2_theme01 #main_category_area ul li {
  margin-bottom: 30px;
}
#main_column .raku2_theme01 #main_category_area ul img {
  max-width: 185px;
  margin: 10px;
}
#main_slide_image .bxslider li img {
  width: 980px;
}


/* -------------カート・会員登録　progree bar ------------- */
.LC_Page_Entry .rstep { margin-bottom:30px; }
.rstep div,
.rstep .is_current {
  position: relative;
  padding: 0.5em 2em;
}
.rstep .is_current {
  background:var(--accent-color);
}
.rstep div::after {
  width: 30px;
  height: 2px;
  border-bottom: 2px solid #e5e5e5;
  content: "";
  position: absolute;
  right: -30px;
  top: 47%;
}
.rstep div:last-child:after,
.rstep_boder,
.rstep_boder_csv {
  display: none;
}
.LC_Page_Shopping_Complete #complete_area { text-align:center; }


/*---------------------------------------
leftエリア
---------------------------------------*/

#leftcolumn
  .raku2_theme01
  .block_outer
  #category_area
  li.level1:nth-child(odd) {
  background: none;
}
.side_column .block_body {
  border: none;
}

#leftcolumn .raku2_theme01 .block_outer,
#container .side_column .block_outer {
  padding-bottom: 20px;
}

#leftcolumn .raku2_theme01 .block_outer #nav_guide_area h2,
#leftcolumn .block_outer h2 {
  background-color: transparent;
  color: var(--main-color);
  font-size: 140%;
  font-weight: 600;
  text-align: left;
  padding: 10px;
  margin: 0;
  border: none;
}
#leftcolumn .raku2_theme01 .block_outer #nav_guide_area h2,
#leftcolumn .raku2_theme01 .block_outer #category_area h2,
#leftcolumn .block_outer h2 {
  padding-left: 0px;
  padding-bottom: 20px;
}

/* -------------カテゴリ------------- */
#leftcolumn .raku2_theme01 .block_outer ul {
  border-top: dotted 1px var(--base-line-color);
  border-bottom: dotted 1px var(--base-line-color);
}
#leftcolumn .raku2_theme01 .block_outer #category_area li.level1 p a {
  position: relative;
  display: block;
  padding: 12px 10px;
  color: var(--main-color);
  text-decoration: none;
}
#leftcolumn .raku2_theme01 .block_outer #category_area li.level1 p a:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #847563;
  border-right: solid 2px #847563;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}
#leftcolumn .raku2_theme01 .block_outer #category_area li.onmark p a.onlink:before {
  margin-right: 0px;
}


/* -------------マイページ共通ナビ------------- */
#leftcolumn .nav_mypage_list,
#leftcolumn .nav_mypage_list ul {
  border-top: dotted 1px var(--base-line-color);
}
#leftcolumn .nav_mypage_list a {
  position: relative;
  display: block;
  padding: 12px 10px;
  color: var(--main-color);
  border-bottom: dotted 1px var(--base-line-color);
}
#leftcolumn .nav_mypage_list a:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #847563;
  border-right: solid 2px #847563;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}
.nav_mypage_list h3 {
  margin: 1.4em 0 0.6em;
  font-size: 100%;
}

/*---------------------------------------
fooderエリア
---------------------------------------*/

.raku2_theme01 #footer_wrap {
  border-top: none;
  background-color: #e4dfda;
  padding: 0;
}
.raku2_theme01 #footer_wrap #footer {
  max-width: 1500px;
  width: 98%;
  display: flex;
  align-items: flex-start;
  margin: 40px auto;
}

/* -------------バナーエリア------------- */

.raku2_theme01 #footer_wrap #footer_banner {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
}
.raku2_theme01 #footer_wrap #footer_banner #banner_area {
  max-width: 1500px;
  margin: 0 auto;
}
.raku2_theme01 #footer_wrap #footer_banner #banner_area div {
  margin: 10px;
}
.raku2_theme01 #footer_wrap #footer_banner #banner_area div img {
  width: 100%;
}
.raku2_theme01 #footer_wrap #copyright #company_area .logo_area {
  margin: 0 30px 0 0;
}

/* -------------fooderナビ------------- */

.raku2_theme01 #footer_wrap #footer #category_area,
.raku2_theme01 #footer_wrap #footer #use_area {
  padding: 0 4vw 0 0;
}
.raku2_theme01 #footer_wrap #footer #info_area {
  margin-left: auto;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  padding: 18px;
}
.raku2_theme01 #footer_wrap #footer #info_area h2 {
  text-align: center;
}
.raku2_theme01 #footer_wrap #footer #info_area .tel {
  font-size: 210%;
  font-weight: 600;
  margin-top: -12px;
}
.raku2_theme01 #footer_wrap #footer #info_area p {
  font-size: 90%;
  margin-bottom: 20px;
}

.raku2_theme01 #footer_wrap #footer ul {
  display: flex;
  flex-direction: column;
  background: none;
  text-align: left;
}
.raku2_theme01 #footer_wrap #footer ul li,
.raku2_theme01 #footer_wrap #footer ul li:first-child {
  border: none;
  margin: 0;
  padding: 0;
}
.raku2_theme01 #footer_wrap #footer ul li a {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
}

.raku2_theme01 #footer_wrap #copyright {
  padding-bottom: 30px;
}

.raku2_theme01 #footer_wrap #copyright #company_area,
.raku2_theme01 #footer_wrap #footer_banner #banner_area {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  justify-content: center;
  text-align: left;
}

.raku2_theme01 #footer_wrap #footer {
  max-width:1200px;
  gap: 80px;
}
.raku2_theme01 #footer_wrap {
  background-color: #EDEAE7;
  margin-top: 60px;
}
.raku2_theme01 #footer_wrap #footer #footer_category_area h2,
.raku2_theme01 #footer_wrap #footer #use_area h2,
.raku2_theme01 #footer_wrap #footer #info_area h2 {
}

.raku2_theme01 #footer_wrap #footer #footer_category_area ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  padding: 0;
  margin: 0;
}
.raku2_theme01 #footer_wrap #footer #footer_category_area ul li a {
  display: block;
}

.raku2_theme01 #footer_wrap #footer #info_area {
  border-radius: 10px;
  padding: 30px;
}
.raku2_theme01 #footer_wrap #footer #info_area .shoppingt_btn a {
  border-radius: 6px;
  background-color:var(--accent-color);
  padding: 12px 65px;
  font-size: 115%;
}
.raku2_theme01 #footer_wrap #copyright {
  background: #EDEAE7;
}


/*---------------------------------------
加盟店ページ
---------------------------------------*/
/*
#main_column #undercolumn #undercolumn_entry .progressbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
  margin: 30px auto;
}
#main_column #undercolumn #undercolumn_entry .progressbar li {
  position: relative;
}
#main_column #undercolumn #undercolumn_entry .progressbar li:after {
  position: absolute;
  z-index: -1;
  top: 50px;
  left: 0;
  width: 360px;
  height: 1px;
  content: "";
  background-color: #857663;
}
#main_column #undercolumn #undercolumn_entry .progressbar li.active {
  background-color: #847563 !important;
  color: #ffffff !important;
}
#main_column #undercolumn #undercolumn_entry .progressbar li:last-child:after {
  content: none;
}
#main_column #undercolumn #undercolumn_entry .progressbar li.item {
  background-color: #f0ebe6;
  text-align: center;
  color: #847563;
  font-weight: 600;
  padding: 15px 20px;
  border-radius: 8px;
  width: 60px;
}
#main_column #undercolumn #undercolumn_entry .progressbar li.item span {
  display: block;
}
*/


/* ------------- ポイント ------------- */
#point_list p.kbn_icon.grant_kbn_use {
  background: var(--sub-color-b); 
}
#point_list p.point_use, 
#point_list p.point_loss {
  color: var(--sub-color-b); 
}

/* ------------- クーポン ------------- */
.plg_Raku2_LC_Page_Get_Coupon #main_column { padding-left:0!important; }
.plg_Raku2_LC_Page_Get_Coupon #main_column h2.title,
.plg_Raku2_LC_Page_Get_Coupon #message_pc_coupon_complete_upper { text-align:center!important; }
.plg_Raku2_LC_Page_Get_Coupon #coupon_list { margin: 30px auto; display: block; }
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info p#coupon_name { color:var(--accent-color); }
/* ご利用可能クーポン */
#coupon_list  {
  display: inline-block;
  padding-bottom: 20px;
}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info p#coupon_name {
  color:var(--accent-color);
  background: var(--ms-back-color);
}

/* クイックオーダー不要なスペース削除 */
.upload_order .tab_content {
  clear: none;
}

/* 外枠の影を削除 */
.upload_order .tabs {
  box-shadow: none;
}


/* マイページ表のcss統一//クイックオーダー */
.raku2_quick_order tbody td:last-child {
  border-right: none;
}
.upload_order .tab_content {
  padding-inline: 0;
  width: 100%;
}

/* マイページ表のcss統一//見積履歴・購入履歴一覧 */
.order_history_list,
.estimate_history_list {
  margin: 10px auto;
}
.estimate_history_list .estimate_detail_info .estimate_item .item_bloc {
  margin: 10px auto;
  display: inline-block;
  width: 100%;
}


/* マイページ 表 */
.LC_Page_AbstractMypage #main_column table {
  border-collapse: unset;
  border-radius: 4px;
  border-bottom:none!important;
  border-right:none!important;
}
.LC_Page_AbstractMypage #main_column table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.LC_Page_AbstractMypage #main_column table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.LC_Page_AbstractMypage #main_column th,
.LC_Page_AbstractMypage #main_column td {
  font-weight: normal;
  padding: 1em!important;
  border-left: none; border-top: none;
}
/* 掛払い利用状況 */
#kuronekokakebarai #undercolumn_entry th { width:30%; }
.LC_Page_AbstractMypage #main_column table.delivname  td  { width:72%; }
table.list.sortable_mf.ui-sortable th { min-width: 4em; }



/* /お気に入りページ*/
.LC_Page_AbstractMypage #main_column table.favoriteitems {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: solid 1px var(--base-line-color)!important;
}
.LC_Page_AbstractMypage #main_column table.favoriteitems .updown {
  display: block;
  width: 20px;
  margin: 0 auto;
  cursor: pointer;
}


/* 商品一覧ページ画像 */
#main_column .list_area .listphoto img {
  aspect-ratio: 1;
  object-fit: contain;
}
/* 商品一覧ページ  ページ送り・表示順*/
#page_navi_top .pagenumber_area .navi {
  display: none;
}
#page_navi_bottom .pagenumber_area .change {
  display: none;
}
#page_navi_bottom .pagenumber_area .navi {
  text-align: center;
}


/* ------------- 新規会員登録ページ  -------------*/
/* validate_box*/
.raku2_validate_box { border-radius: 8px; }
.raku2_validate_box div { border-radius: 4px 4px 0 0; }

.LC_Page_Entry #undercolumn {
  display:block;
  width: 900px;
  margin: 0 auto;
}
/* kiyaku_text  */
#undercolumn_entry .kiyaku_text {
  height: 500px;
  font-size: 0.85em;
}
#raku2_kiyaku_text { margin-top: 20px; }
#raku2_kiyaku_text p,
#undercolumn_entry p { text-align: center; }
#kuronekokakebarai #undercolumn_entry p,
#undercolumn_entry td p { text-align:left; }

/* フォーム table 罫線 */
#main_column #undercolumn #undercolumn_entry table {
  border-top: solid 1px var(--base-line-color);
  border-left: solid 1px var(--base-line-color);
  border-radius: 4px;
  border-collapse: unset;
  margin-bottom:60px;
}
#undercolumn_entry table#entry_input th,
#undercolumn_entry table#entry_input td {
  border-bottom: solid 1px var(--base-line-color);
  padding: 2%;
}
#undercolumn_entry table#entry_input th {
  background-color: var(--base-back-color);
}

/* input / textarea */
#main_column input[type='text'] { padding: 0.5em; height: auto; }
#main_column select { padding: 0.5em; margin-right:.5em; }
.raku2_validate_focus {
  background-color: rgb(200 21 29 / 10%) !important;
  border: var(--base-line-color) 1px solid !important;
  outline:1px solid var(--sub-color-b)!important;
}
#undercolumn_entry #entry_input input[type="text"],
#undercolumn_entry #entry_input input[type="password"],
#undercolumn_entry #entry_input select {
  height: auto;
  padding: 0.5em;
  border: solid 1px var(--base-line-color);
  background-color: transparent;
}
#main_column #undercolumn #undercolumn_entry table#entry_input select {
  height: auto;
  background-color: transparent;
}
#main_column #entry_input td textarea {
  width: 96%;
  background-color: #fff;
  padding: 0.5em;
  border: solid 1px var(--base-line-color);
}
#undercolumn_entry table#entry_input td .box300 {
  width: 96%;
}
#main_column #undercolumn #undercolumn_entry table#entry_input td .box30,
#main_column #undercolumn #undercolumn_entry table#entry_input td .box150 {
  width: 50%;
}
#main_column input.box10,
#main_column input.box20,
#main_column input.box90,
#main_column input.box120 {
  width: 25%!important;
  margin-right:1em;
}
#entry_input input[type="text"]:focus-visible,
#entry_input input[type="password"]:focus-visible,
#entry_input select:focus-visible,
#entry_input td textarea:focus-visible,
#window_area tr.deliv_area input:focus-visible {
  outline:1px solid var(--sub-color-b); 
}
#undercolumn_entry input[name="member_trade_company_code"],
#undercolumn_entry input[name="member_trade_president_name01"],
#undercolumn_entry input[name="member_trade_president_name02"],
#undercolumn_entry input[name="member_trade_president_kana01"],
#undercolumn_entry input[name="member_trade_president_kana02"],
#undercolumn_entry textarea[name="member_trade_service"] {
  background-color: #ffffe7!important;
}

input[name="coupon_check"] { 
    background: var(--main-color);
    padding: .5em 1em;
    border-radius: 4px;
    color: #fff;
}


/* ------------- 人気ランキング商品一覧ページ ------------- */
#main_column .ranking_list .product_item {
  padding-bottom: 70px;
}
/* ------------- ランキング ------------- */
/* 20250709無効化
#main_column .ranking_list {
  overflow: visible;
}
*/
#main_column .ranking_list .slick-list {
 overflow: visible;
}
#main_column .ranking_list h2 {
  color: #3f352e;
  font-size: 140%;
  font-weight: 600;
  padding: 10px 0;
  border-bottom: none;
  margin-bottom: 0;
}
#main_column .ranking_list p[class^="icon_rank-"]::after {
  content: "";
  position: absolute;
  top: -15px;
  left: -9px;
  width: 43px;
  height: 41px;
  background: url("../img/common/a-icon-ranking2.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
}

#main_column .ranking_list p[class^="icon_rank-"] {
  position: absolute;
  background: none;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  width: 25px;
  text-align: center;
  z-index: 1;
  margin-left: 12px; /* 20250709追記 */
}

#main_column .ranking_list p.icon_rank-1::after {
  background: url("../img/common/a-icon-ranking.png") no-repeat center center;
  background-size: contain;
}
#main_column .ranking_list p.icon_rank-2::after {
  background: url("../img/common/a-icon-ranking.png") no-repeat center center;
  background-size: contain;
}
#main_column .ranking_list p.icon_rank-3::after {
  background: url("../img/common/a-icon-ranking.png") no-repeat center center;
  background-size: contain;
}


/* ------------- お問い合わせページ / ------------- */
.LC_Page_Contact table td {
  padding: 2%;
}
#raku2_contact_form input,
#raku2_contact_form textarea,
#mycontents_area textarea {
  width: 96%;
  padding: 0.5em;
  border: solid 1px #ccc;
}
#raku2_contact_form input:focus-visible,
#raku2_contact_form textarea:focus-visible,
#mycontents_area textarea:focus-visible {
  outline:1px solid var(--sub-color-b);
} 
#raku2_contact_product {
  display: none;
}

/* ------------- 会員登録内容変更(入力ページ) ------------- */
.LC_Page_AbstractMypage table td {
  padding: 2%;
}
.LC_Page_AbstractMypage input[type="text"],
.LC_Page_AbstractMypage input[type="password"] {
  width: 96%;
  padding: 0.5em;
}
.LC_Page_AbstractMypage input[type="text"]:focus-visible ,
.LC_Page_AbstractMypage input[type="password"]:focus-visible {
  outline:1px solid var(--sub-color-b); 
}


/* ------------- スタッフ登録・変更 ------------- */
#mycontents_area[class^="member_"] #search_keyword_top input#btn_kwd_search {
  background: #3f352e;
  color: #fff;
  display: inline-block;
  padding: 0.5em;
  border: 1px solid var(--main-color);
}
#mycontents_area input[name="name01"],
#mycontents_area input[name="name02"],
#mycontents_area input[name="kana01"],
#mycontents_area input[name="kana02"],
#mycontents_area input[name="email"],
#mycontents_area input[type="password"] {
  background: #ffffe7 !important;
}
#mycontents_area[class^="member_"] input:focus-visible {
  outline:1px solid var(--sub-color-b);
}
#mycontents_area input[type="password"] {
  padding: 0.5em;
}
.LC_Page_AbstractMypage #mycontents_area #member_contents_area a.ins_btn {
  float: none;
}
.LC_Page_AbstractMypage #mycontents_area #search_keyword_area {
  padding: 15px;
  background: var(--base-back-color);
}
.LC_Page_AbstractMypage #mycontents_area #search_keyword_top input#search_kw {
  width: 80%;
  height:auto;
  float: none;
  outline:none;
}
.LC_Page_AbstractMypage #mycontents_area #member_contents_area {
  padding: 0;
  border: none;
  background: none;
}


/* -------------  お届け先追加変更 -------------  */
#mycontents_area #search_keyword_top input#btn_kwd_search {
  float: right;
  border: 1px solid var(--main-color);
  width: 15%;
  height: auto;
  margin-left: 20px;
  border-radius: 3px;
  background: var(--main-color);
  color: #fff;
  display: inline-block;
  padding: 0.5em;
}

/* -------------  見積履歴 -------------  */
#mycontents_area[class^="customer_"]
  #search_keyword_top
  input#btn_sales_search {
  background: var(--main-color);
  color: #fff;
  display: inline-block;
  padding: 0.5em;
  border: 1px solid var(--main-color);
}
#mycontents_area input#search_estimate_sdate.box120,
#mycontents_area input#search_estimate_edate.box120 {
  width: 120px;
}
#mycontents_area #search_estimate_date {
  margin-bottom: 10px;
}
/* 見積履歴一覧 */
.estimate_history_list
  .estimate_info
  .estimate_shipping_wrap
  .estimate_shipping {
  border-top: solid 1px var(--base-line-color);
}

/* ------------- 購入履歴 ------------- */
div#mycontents_area div.mycondition_area {
  display:inline-block;
}
.order_history_list .order_info .order_shipping_wrap .order_shipping {
  border-top: solid 1px var(--base-line-color);
}
#mycontents_area input#search_order_sdate.box120,
#mycontents_area input#search_order_edate.box120 {
  width: 120px;
}

/* ------------- お届け先の指定 ------------- */
#undercolumn #undercolumn_shopping #search_keyword_area {
  padding: 15px;
  background: var(--base-back-color);
}
#undercolumn #undercolumn_shopping #search_keyword_top {
  height: 42px;
}
#undercolumn #undercolumn_shopping #search_keyword_top input#search_kw {
  float: left;
  width: 80%;
  padding: 0.5em;
  outline:none;
}
#undercolumn #undercolumn_shopping #search_keyword_top input#btn_kwd_search {
  float: right;
  border: 1px solid var(--main-color);
  width: 15%;
  height: auto;
  margin-left: 20px;
  border-radius: 3px;
  background: var(--main-color);
  color: #fff;
  display: inline-block;
  padding: 0.5em;
}

/* ------------- キーワード検索- クイックオーダー／商品検索  ------------- */
#search_form {
  background:var(--base-back-color);
}
form#search_form #search_keyword_area {
  background: none !important;
}
form#search_form #search_status_area .checkbox,
form#search_form #refine_area .checkbox {
  background: none !important;
  border: none !important;
  transition: none !important;
}
form#search_form #search_status_area .checkbox:after,
form#search_form #search_status_area .checkbox:before {
  transition: none !important;
}
/* 検索 */
#search_keyword_area .initial_display {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  display:block!important;
}
#search_price_area {
  font-size: 100%;
  border-bottom: 15px solid #fff;
  display:block!important;
}
form#search_form input:focus-visible {
  outline:none; /*1px solid var(--sub-color-b);*/
}

/＊ -------------ステータス ------------- */ 
#search_status_area {}
#search_form #search_status_area,
#search_form #refine_area {
  font-size: 0.85em !important;
}
#search_form #search_price_area {
  padding: 0 15px 15px !important;
}
#refine_area {
  padding-bottom: 1em !important;
}

#search_status_area::before {
  content: "絞り込む";
  display: block;
  margin: 1em;
  font-weight: bold;
  padding: 4px 10px 3px;
}
#search_status_area::before,
#search_keyword_area h3 {
  font-size: 16px !important;
  color: var(--main-color) !important;
  border-left: 1em solid;
  line-height: 0.6em;
}
#search_keyword_area h3 {
  background: none !important;
}
#initial_display_toggle:before {
  display: none;
}
#initial_display_toggle span {
  margin: 0 !important;
}
/* icon */
div.listrightbloc ul.status_icon {
  display: flex;
  flex-wrap: wrap;
}
div.listrightbloc ul.status_icon li {
  float: none;
  min-width: 60px;
}


/* ------------- カレンダー ------------- */
#leftcolumn .raku2_theme01 .block_outer #calender_area table {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ,
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 0px;
  width: 100%;
  margin: 0 auto 20px;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area h2 {
  padding-bottom: 10px;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area table .month {
  padding: 5px 0px;
  margin: 5px 0;
  font-size: 120%;
  font-weight: 600;
  background: var(--base-back-color);
  color: #3f352e;
  border-radius: 0px;
  line-height: 1;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area .off {
  background-color: #fedfdf !important;
  color: #808080;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area th {
  padding: 3px;
  background-color: transparent !important;
  border-bottom: 1px solid var(--base-char-color) !important;
  font-weight: 600;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area table td {
  padding: 6px;
  border-right: none !important;
  border-bottom: 1px solid var(--base-line-color) !important;
  color: #808080;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area table td:not(:last-child) {
  border-right: 1px solid var(--base-line-color) !important;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area table tr:last-child td {
  border-bottom: 1px solid var(--base-char-color) !important;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area table tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area table tr:last-child td:first-child {
  border-bottom-left-radius: 0px;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area .c_calender-status {
  display: flex;
  align-items: center;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area .c_calender-status-indicator {
  width: 16px;
  height: 16px;
  background-color: #fedfdf;
  margin-right: 8px;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area .today {
  font-weight: bold;
  color: #111;
  background: unset;
}

/* ------------- 検索結果／マイページ　オーダーシート ------------- */
form#search_form #search_keyword_top input#search_kw {
  padding: 0.5em;
  width: 63%;
}
form#search_form #search_keyword_top select {
  height: 42px;
  padding: 0.5em;
  margin-left: 8px;
}
form#search_form #search_keyword_bottom {
  font-size: 0.85em !important;
}
form#search_form #search_keyword_bottom input#search_deselect_kw {
  padding: 0.5em;
}
form#search_form #search_keyword_top input#btn_kwd_search {
  padding: 0.5em;
  background: var(--main-color);
  height: 42px;
  border-radius: 3px;
}
form#search_form #search_price_area {
  background:unset;
  font-size:.85em;
}
form#search_form #search_price_area input {
  padding: 0.5em;
  height: auto;
}
form#search_form #search_price_area input#btn_price_search {
  height: auto;
  background: var(--main-color);
  border:none;
  color: #fff;
}
.plg_raku2_product_count #detailarea .cartchange_btn a #orderlist_change0 {
  background:var(--accent-color);
  border-radius: 4px;
  line-height: 1.6em;
  padding: 10px 20px;
  min-width: 220px;
  font-size: 133%;
  margin-top: 10px;
}
.btn_area.btn_type_def li a {
  min-width: 220px !important;
}
#order_list_btn a {
  display: inline-block;
  min-width: 163px;
  background: #3f352e;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
}
/* ------------- クイックオーダー ------------- */
.upload_order .tabs input:checked + .tab_item {
  background-color: #3f352e;
}
.upload_order .tab_item {
  border-bottom-color: #3f352e;
}
#quick_order_content .raku2_quick_order input[type="text"],
#quick_order_content .raku2_quick_order select {
  margin: 0;
}
#quick_order_content .raku2_quick_order select {
  height: 42px;
  width: 98%;
}
#quick_order_content table.raku2_quick_order td {
  padding: 1%;
}
#quick_order_content table.raku2_quick_order input.raku2_quick_order_input2 {
  width: 69%;
}

#quick_order_content .raku2_quick_order_addbtn .pluralBtn {
  display: inline-block;
  padding: 6px 0;
  border-radius: 2px;
  background: #fff;
  border: 1px solid var(--base-line-color);
  text-align: center;
  min-width: 200px;
  font-size: 13px;
  color: #2d2d2e;
}


/* ------------- ページ上部へボタン ------------- */
ul#fixed_link li a.c-top {
  padding: 10px 30px;
}

/* ------------- ページナビベーション ------------- */
.pagenumber_area {
    margin: 30px 0 0;
}
.pagenumber_area .navi a {
 padding: 4px 10px;
 background: #fff;
 border: 1px solid #D9D6D6;
 border-radius: 0;
}
.pagenumber_area .navi strong {
 color: #fff;
 padding: 4px 10px;
 background: #3F352E;
 border: 1px solid #3F352E;
 border-radius: 0;
}
.pagenumber_area .navi a:first-child, 
.pagenumber_area .navi a:last-child {
  border: 0;
  background: none;
  color: transparent;
}
.pagenumber_area .navi a:first-child {
  background: url("../img/common/a-icon-pagenavi-prev.png") no-repeat center right 15px;
  background-size: 10px;
}
.pagenumber_area .navi a:last-child  {
  background: url("../img/common/a-icon-pagenavi-next.png") no-repeat center left 15px;
  background-size: 10px;
}

/* 検索バー調整 */
.raku2_theme01 #header_wrap #header .block_outer #search_area {
  padding: 0;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area form#search_form {
  padding: 0 0 0 2%;
  border-radius: 4px;
  background-color: rgba(63, 53, 46, 0.1);
  border: 1px solid #3f352e;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area form#search_form dl {
  margin-block-start: 0;
  margin-block-end: 0;
/*  border-inline-end: 1px solid #3f352e; */
}
.raku2_theme01 #header_wrap #header .block_outer #search_area form#search_form dl:first-of-type {
  padding-right: 8px;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area form#search_form dl dd {
  width: 100%;
  background-color: #fff;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area form#search_form input[type='text'] {
  padding: 0;
  width: 95%;
  height: 44px;
  background-color: #fff;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area form#search_form select {
  width: 150px;
  height: 44px;
  background-color:  rgba(63, 53, 46, 0.1);
}
.raku2_theme01 #header_wrap #header .block_outer #search_area .submit_btn {
  background-color: #3f352e;
  width: 52px;
  height: 44px;
}
.raku2_theme01 #header_wrap #header .block_outer #search_area .submit_btn:hover {
  opacity: .8;
}

.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea {
  gap:10px;
}
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_new_btn img {
  width:27px;
  top: -30px;
}
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_cart_btn img {
  width:27px;
  top: -27px;
}
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_cart_btn .quantity {
  color:#fff;
}

/*---------------------------------------
  トップページ　
---------------------------------------*/

#main_column .raku2_theme01 .recommend_list .c_recommend_list-header h2,
#main_column .raku2_theme01 .history_list h2,
#main_column .raku2_theme01 .block_outer #news_area .c_news_area-header h2 {
  padding: 10px 0;
}
#main_column .c_recommend_list-header,
#main_column .c_ranking_list-header,
#main_column .history_list h2,
#main_column .c_news_area-header {
  padding: 6px 0 14px;
  border-top: 1px solid #e9e9e9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:2em;
}
#main_column .history_list h2 {
  padding: 16px 0 24px;
}
#main_column .c_more-link {
  text-align: right;
  margin-top: 2em;
}
#main_column .c_more-link a span {
  display: inline-block;
  vertical-align: text-top;
}
#main_column .c_arrow-icon {
  display: inline-block;
  width: 8px;
  height: auto;
  margin-left: 16px;
  vertical-align: middle;
}
#main_column .raku2_theme01 .recommend_list .sale_price .normal,
#main_column .ranking_list .block_body div.sale_price .normal,
#main_column .history_list .block_body div.sale_price .normal {
  font-size: 0.85em;
}

#main_column .ranking_list h3 a,
#main_column .recommend_list h3 a,
#main_column .history_list h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.6em;
  font-size: 1rem;
}

/* スライダー */
#main_column .bx-wrapper img {
  aspect-ratio: 1;
  object-fit: contain;
}
#main_column .slick-slide img {
  aspect-ratio: 1;
  object-fit: contain;
}
#main_column .item-slider-custom, #main_column .item-slider-custom2, #main_column .item-slider-custom3, #main_column .item-slider-custom4, #main_column .item-slider-custom5, #main_column .item-slider-custom6 {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

#main_column .slick-slider .slick-slide {
  margin-right: 20px;
}
#main_column .slick-slider .slick-slide:first-child {
  margin-left: 0;
}
#main_column .slick-slider .slick-slide:last-child {
  margin-right: 0;
}

#main_column .slick-slider .slick-track {
  margin-left: unset;
}

.bnr-slider .slick-slide {
  width: 465px;
  border-radius: 10px;
}
.bnr-slider .slick-slide img {
  width: 465px;
  border-radius: 10px;
}
.bnr-slider .slick-dots {
  bottom: -40px;
}
.bnr-slider .slick-dots li button::before {
  font-size:16px;
}
.bnr-slider .slick-dots li.slick-active button:before {
  color:var(--accent-color);
 opacity: 1;
}
#main_column .bx-wrapper .bx-pager {
  display: none;
}
.bx-wrapper img {
  border-radius: 8px;
}
#header_login_area {
  height: auto;
  padding-top: 30px;
}
/* バナー */
.LC_Page_Index div#main_column .c_top_banner_area {
  margin-block-start: 80px;
  margin-block-end: 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.LC_Page_Index div#main_column .c_top_banner_area img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* 商品説明文表デザイン Start*/
.c-spec-biiino table {
  border-collapse: separate !important;
  border-spacing: 1px !important;
  background-color: #bfb7b5 !important;
  border: none !important;
  width: 100% !important;
}

.c-spec-biiino th {
  background-color: #F3F3F3 !important;
  width: 30% !important;
  padding: 8px !important;
  vertical-align: top !important;
  text-align: left !important;
}

.c-spec-biiino td {
  background-color: #FFFFFF !important;
  padding: 8px !important;
  vertical-align: top !important;
}

.c-spec-biiino b {
  font-weight: bold !important;
}

/*  .red {
  color: red;
  font-size: small;
} */
/* 商品説明文表デザイン End*/

/* 商品詳細ページ画像ボーダー削除 Start*/
.photo img, .sub_photo img {
    border: none !important;
}
/* 商品説明文表デザイン End*/

.recommend_list ul.slick-dots {
    display: none !important; /* おすすめ商品のスライダーのドット非表示化 */
}