@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------
 sub.css
------------------------------------------------*/
.sub_top_box {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--font_color);
  min-height: 250px;
  padding: 35px 0;
  margin-bottom: 45px;
  z-index: 10;
}
.sub_top_box .boot{
  width: 100%;
}
.sub_top_box h1{
  overflow: hidden;
}
.sub_top_box h1 span {
  display: block;
  color: #ffffff;
  font-size: 0.35rem;
  font-weight: 500;
  transform: translateY(100%);
  transition: transform .7s .1s cubic-bezier(0.85, 0, 0.15, 1);
}
.sub_top_box h1.__enable span{
  transform: translateY(0%);
}
.sub_top_box::before {
  content: "";
  position: absolute;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  background-color: #101010;
  width: 80%;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -10;
}
/* 見出し */
h1.ec-pageHeader{
  display: none;
}
h2.heading_lg, .ec-rectHeading h2{
  border-radius: 6px;
  background-color: var(--font_color);
  color: #fff;
  font-size: 0.27rem;
  font-weight: 400;
  font-family: var(--sans);
  padding: 7px 18px;
  margin: 45px 0 15px;
}
h3.heading_md{
  position: relative;
  text-align: start;
  max-width: unset;
  line-height: 1.4;
  font-size: 0.24rem;
  font-weight: 400;
  padding: 8px 0;
  padding-left: 20px;
  margin: 35px 0 15px;
}
h3.heading_md::before{
  content: "";
  position: absolute;
  background-color: var(--font_color);
  height: 40px;
  width: 7px;
  left: 0;
  top: 6px;
}
h4.heading_sm{
  line-height: 1.4;
  font-size: 0.2rem;
  font-weight: 500;
  margin: 30px 0 15px;
}
/* 直下のPに間隔を持たせる */
.ec-layoutRole__main p:not(:empty){
  line-height: 2;
  margin-bottom: 15px;
}
.ec-layoutRole__main a{
  color: #0092C4;
}
.ec-layoutRole__main .impact{
  text-decoration: underline;
  font-weight: 500;
  color: red;
}
/* 頻出デフォルトボタン */
.ec-inlineBtn{
  background-color: #222 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 1000px;
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
  padding: 7px 21px;
}
.ec-inlineBtn:hover{
  background-color: #aaa !important;
  opacity: 1;
}
.ec-inlineBtn--action{
  color: #fff !important;
}

/* アイコン */
.ec-icon{
  text-align: center;
}
.ec-icon img{
  margin: 0 auto 20px;
}


/*------------------------------------------------
 商品詳細ページ
------------------------------------------------*/
/* 外枠 */
.ec-productRole .ec-productRole__profile{
  margin-left: 45px;
}
/* 商品スライダー */
.ec-sliderItemRole{
  padding: 0;
}
.item_visual{
  margin-bottom: 15px;
}
.item_nav .slideThumb{
  width: 15%;
}
.item_nav .slideThumb img{
  width: 100%;
}
/* 商品タグ */
.ec-productRole .ec-productRole__tags {
  border-bottom: 0;
  padding: 0 0 10px;
  margin-top: 0;
}
/* 商品タイトル */
.ec-headingTitle{
  color: var(--font_color);
  font-family: var(--sans);
  font-weight: 500;
}
/* 通常価格 */
.ec-productRole .ec-productRole__priceRegular{
  padding-top: 25px;
}
.ec-productRole .ec-productRole__priceRegular .ec-productRole__priceRegularPrice,
.ec-productRole .ec-productRole__priceRegular .ec-productRole__priceRegularPrice .price01-default,
.ec-productRole .ec-productRole__priceRegular .ec-productRole__priceRegularTax{
  text-decoration: line-through;
  color: #a3a3a3;
}
/* 金額価格 */
.ec-productRole .ec-productRole__price{
  border-bottom: 0;
  padding: 0;
  margin-bottom: 25px;
}
.ec-price .ec-price__price{
  color: red;
  font-size: 0.3rem;
  padding: 0;
}
.ec-price .ec-price__tax{
  vertical-align: 1px;
  color: var(--font_color);
  font-size: 0.18rem;
  margin-left: 5px;
}
/* 商品説明文 */
.ec-productRole .ec-productRole__description {
  margin-bottom: 33px;
  line-height: 2.1;
  font-weight: 500;
}
/* 商品カテゴリ */
.ec-productRole .ec-productRole__category {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 32px;
}
.ec-productRole__category div{
  display: none;
}
.ec-productRole__category a {
  display: block;
  text-align: center;
  background-color: var(--site_color_blend);
  color: var(--font_color) !important;
  max-width: max-content;
  border-radius: 100px;
  font-weight: 500;
  font-size: 0.14rem;
  padding: 6px 16px;
}
/* 数量指定 */
.ec-numberInput span{
  font-weight: 500;
}
.ec-numberInput input {
  text-align: center !important;
  border-radius: 4px;
  color: var(--font_color);
  font-weight: 500;
  line-height: 1;
  width: 70px !important;
  height: auto;
  padding: 9px 6px;
  margin-left: 10px;
}
/* ボタン */
.ec-blockBtn--action:hover, .ec-blockBtn--cancel:hover, .ec-blockBtn:hover{
  opacity: 1;
  background-color: #aaa;
}
.ec-blockBtn--action, .ec-blockBtn--cancel, .ec-blockBtn{
  border: 0;
  border-radius: 8px;
  background: #222;
  text-align: center;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal;
  color: #fff !important;
  width: 100%;
  height: auto;
  max-width: 420px;
  padding: 13px 15px;
  margin: 0 auto;
}
.ec-blockBtn--action{
  background-color: #d33828;
}
/* SNSアイコン */
.mg_socialbutton_1, .mg_socialbutton_2,
.mg_socialbutton_3, .mg_socialbutton_4{
  display: none !important;
}
/* 商品レビュー */
.product_page #product_review_area{
  display: none;
}


/*------------------------------------------------
 ブログ一覧ページ
------------------------------------------------*/
/* 外枠 */
#page_cm_blog_page_list .ec-shelfRole{
  padding-left: 0;
  padding-right: 0;
}
/* 上部カテゴリ横並びボックス */
#page_cm_blog_page_list .ec-topicpath.list_blog_cat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 0;
  gap: 10px 15px;
  padding: 0;
  margin-bottom: 15px;
}
#page_cm_blog_page_list .ec-topicpath.list_blog_cat li{
  letter-spacing: normal;
  border: 0;
}
#page_cm_blog_page_list .ec-topicpath.list_blog_cat a{
  display: block;
  letter-spacing: normal;
  border-radius: 4px;
  background-color: var(--site_color_blend);
  color: var(--font_color) !important;
  padding: 6px 20px;
}
/* カテゴリ */
#page_cm_blog_page_list .pluginCMBblog .blog_category:not(:has(li)){
  display: none;
}
#page_cm_blog_page_list .pluginCMBblog .blog_category{
  gap: 10px;
  margin-top: 12px;
}
#page_cm_blog_page_list .pluginCMBblog .blog_category a{
  font-size: 0.12rem;
  border-radius: 3px;
  padding: 3px 12px;
}
/* タイトル */
.pluginCMBblog .blog_title_h3 a{
  color: var(--font_color);
}


/*------------------------------------------------
 ブログ詳細ページ
------------------------------------------------*/
/* 外枠 */
.ec-off1Grid__cell{
  width: 100% !important;
  margin: 0 !important;
}
.ec-pageHeader{
  display: none;
}
/* サムネイル */
.pluginCMBblog .main_image_blog {
  padding: 25px 0 45px;
}
/* メタ情報 */
.pluginCMBblog .post_meta {
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 45px;
}
.pluginCMBblog .post_meta .post_meta_list{
  padding-right: 0;
  max-width: max-content;
  margin-left: auto;
}
.pluginCMBblog .tag_dl {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pluginCMBblog .blog_category {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.pluginCMBblog .blog_category li{
  border: 0;
}
.pluginCMBblog .blog_category a{
  display: block;
  border-radius: 4px;
  background-color: var(--site_color_blend);
  color: var(--font_color) !important;
  padding: 6px 20px;
}
/* 記事パーツ */
#page_cm_blog_page_detail .ec-productRole__description p{
  font-family: var(--sans);
  line-height: 1.7;
}
#page_cm_blog_page_detail .ec-productRole__description h1{
  border-radius: 6px;
  background-color: #222;
  color: #fff;
  font-size: 0.27rem;
  font-weight: 400;
  font-family: var(--sans);
  padding: 13px 18px;
  margin: 45px 0 15px;
}
#page_cm_blog_page_detail .ec-productRole__description h2 {
  position: relative;
  text-align: start;
  max-width: unset;
  font-size: 0.24rem;
  font-weight: 400;
  padding: 8px 0;
  padding-left: 20px;
  margin: 35px 0 15px;
}
#page_cm_blog_page_detail .ec-productRole__description h2::before {
  content: "";
  position: absolute;
  background-color: #222;
  height: 40px;
  width: 7px;
  left: 0;
  top: 6px;
}
#page_cm_blog_page_detail .ec-productRole__description h3 {
  font-size: 0.2rem;
  font-weight: 500;
  margin: 30px 0 15px;
}
#page_cm_blog_page_detail .ec-productRole__description h1:nth-child(1){
  margin-top: 0;
}
#page_cm_blog_page_detail .ec-productRole__description ul,
#page_cm_blog_page_detail .ec-productRole__description ol{
  padding-left: 25px;
  margin: 25px 0;
}
#page_cm_blog_page_detail .ec-productRole__description ul li,
#page_cm_blog_page_detail .ec-productRole__description ol li{
  margin-bottom: 5px;
}


/*------------------------------------------------
 現在のカゴの中
------------------------------------------------*/
.ec-progress .ec-progress__label{
  text-align: center;
}
.ec-cartRole{
  padding: 0;
  margin-bottom: 25px;
}
.ec-cartRole .ec-cartRole__cart{
  margin: 120px 0 0;
}
.ec-cartRole .ec-cartRole__cart:first-of-type{
  margin-top: 25px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP{
  text-align: center;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown{
  max-width: max-content;
  margin: 0 auto;
}
.ec-cartRow__sutbtotal {
  text-align: center;
}
.ec-cartRole .ec-cartRole__totalText{
  display: none !important;
}
.ec-cartRole .ec-cartRole__actions{
  width: 100%;
  margin: 0;
}
.ec-cartRole .ec-cartRole__total{
  max-width: max-content;
  margin-left: auto;
}
.ec-cartRow .ec-cartRow__delColumn img{
  margin: 0 auto;
}


/*------------------------------------------------
 お問い合わせページ
------------------------------------------------*/
/* 入力フォーム */
.ec-contactRole{
  max-width: unset;
  padding: 0;
}
.ec-borderedDefs dt{
  padding-top: 8px;
}
.ec-zipInputHelp .ec-zipInputHelp__icon{
  top: 0;
  margin-top: 0;
}
.ec-borderedDefs{
  margin-top: 25px;
  margin-bottom: 40px;
}
/* 確認フォーム */
.ec-contactConfirmRole .ec-borderedDefs dl{
  padding: 19px 0 21px;
}
.ec-contactConfirmRole .ec-borderedDefs dd{
  line-height: 2;
}
.ec-contactConfirmRole .ec-borderedDefs dt{
  padding-top: 2px;
}


/*------------------------------------------------
 マイページ
------------------------------------------------*/
/* 会員登録内容変更 */
.ec-welcomeMsg p{
  margin-bottom: 0 !important;
}
.ec-welcomeMsg, .ec-mypageRole{
  padding-left: 0;
  padding-right: 0;
}
/* お届け先一覧 */
.ec-addressRole .ec-addressRole__actions{
  text-align: end;
  margin-top: 0;
}
.ec-addressList .ec-addressList__item{
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto;
}
.ec-addressList .ec-addressList__address{
  width: 100%;
  margin: 0;
}
.ec-addressList .ec-addressList__action{
  top: unset;
}
.ec-addressList .ec-addressList__action a{
  border-radius: 50px;
  padding: 8px 20px;
}
/* お気に入り一覧 */
.cmd_list .ec-closeBtn--circle{
  position: absolute;
  background-color: #DE5D50;
  opacity: 1 !important;
  right: -10px;
  top: -10px;
  z-index: 100;
}
.cmd_list .ec-closeBtn--circle:hover{
  background-color: #838383;
}
/* 退会手続き(入力ページ) */
#page_mypage_withdraw .ec-withdrawRole__title{
  text-align: center;
  line-height: 1.7 !important;
}
/* 注文履歴 */
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle{
  line-height: 30px;
  font-size: 20px;
  margin-bottom: 4px;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice{
  line-height: 30px;
  font-size: 18px;
}


/*------------------------------------------------
 会員登録
------------------------------------------------*/
/* 入力 */
#page_entry .ec-checkbox {
  text-align: center;
  margin-bottom: 15px;
}
/* 完了 */
.ec-reportHeading{
  border: 0;
}
.ec-reportHeading h2{
  text-align: center;
}


/*------------------------------------------------
 パスワード再発行
------------------------------------------------*/
.ec-forgotRole__intro{
  margin-bottom: 45px;
}
.ec-para-normal {
  margin-bottom: 0 !important;
}


/*------------------------------------------------
 商品購入
------------------------------------------------*/
#page_shopping p, #page_shopping_confirm p{
  margin-bottom: 0 !important;
}
.ec-orderAccount h2{
  margin-top: 0;
}
.ec-orderRole {
  max-width: unset;
  padding: 0;
  gap: 40px;
}
.ec-orderRole::after{
  display: none;
}
.ec-orderRole__detail, .ec-orderRole__summary{
  padding: 0 !important;
}
/* ご注文手続き */
.ec-orderDelivery .ec-orderDelivery__title{
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
}
.ec-orderDelivery .ec-orderDelivery__change{
  position: static;
}
.ec-alert-warning{
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: auto auto;
  max-width: 100%;
  gap: 0 5px;
  margin: 5px auto 0;
}
.ec-alert-warning .ec-alert-warning__icon{
  margin: 0;
}
.ec-alert-warning .ec-alert-warning__icon img{
  display: block;
}
.ec-orderDelivery__edit{
  display: none;
}
.ec-orderDelivery__item > p{
  display: none;
}

.ec-shelfRole, .ec-searchnavRole__infos, .ec-role.pluginCMBblog{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ec-searchnavRole__infos{
  margin-top: 10px !important;
}
.ec-orderAccount .customer-edit.customer-company_name{
  display: none;
}

.ncmodal-header > h3 {
  padding: 15px 20px 0;
}
.ec-orderAccount{
  display: none;
}


/*------------------------------------------------
 レスポンシブ　　　max-width:1199px
------------------------------------------------*/
@media screen and (max-width:1199px) {

}

/*------------------------------------------------
 レスポンシブ　　　max-width:991px
------------------------------------------------*/
@media screen and (max-width:991px) {
}

/*------------------------------------------------
 レスポンシブ　　　max-width:767px
------------------------------------------------*/
@media screen and (max-width:767px) {
  .sub_top_box {
    min-height: 190px;
    margin-bottom: 35px;
  }
  .sub_top_box h1 span {
    font-size: 0.25rem;
  }
  h2.heading_lg, .ec-rectHeading h2{
    font-size: 0.21rem;
    padding: 10px 15px;
  }
  h3.heading_md{
    font-size: 0.21rem;
    margin-top: 30px;
  }
  h3.heading_md::before{
    height: 35px;
    top: 5px;
  }

  .ec-productRole .ec-productRole__profile{
    margin-left: 0;
  }
  .pluginCMBblog .post_meta {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .pluginCMBblog .post_meta .post_meta_list.time{
    margin-right: auto;
    margin-left: 0;
  }
  #page_cm_blog_page_detail .ec-productRole__description h1 {
    font-size: 0.21rem;
    padding: 10px 15px;
  }
  #page_cm_blog_page_detail .ec-productRole__description h2 {
    font-size: 0.21rem;
    margin-top: 30px;
  }
  #page_cm_blog_page_detail .ec-productRole__description h2::before {
    height: 35px;
    top: 5px;
  }
  .pluginCMBblog .blog_category {
    gap: 9px 11px;
  }
  .pluginCMBblog .blog_category a {
    font-size: 0.14rem;
    padding: 4px 17px;
  }
  #page_cm_blog_page_list .ec-topicpath.list_blog_cat a {
    padding: 4px 17px;
  }
  .ec-borderedDefs dd{
    padding-bottom: 15px;
  }
  .ec-contactConfirmRole .ec-borderedDefs dl {
    padding: 16px 0 4px;
  }
  .mypage .ec-login .ec-login__actions{
    margin-bottom: 15px;
  }
  .ec-addressList .ec-addressList__remove,
  .ec-addressList .ec-addressList__address{
    padding: 10px;
  }
}

/*------------------------------------------------
 レスポンシブ　　　max-width:480px
------------------------------------------------*/
@media screen and (max-width:480px) {

}