/*================================================================

    追加CSS記述用

================================================================*/
/*
 *
 * 既存のCSS（特にminifyされたもの）に追加・上書きする用のファイル。
 * ページ個別CSSとの詳細度の関係について要注意！
 * 既存パーツのバリエーションを作る際は、
 * モディファイアを使ったマルチクラスセレクタ推奨（.block.-modifier など）。
 * !importantは極力使用しないこと。
 *
 */

/* ↓コピペ用区切り↓ */
/*------------------------------------------------------------
    ページ名
------------------------------------------------------------*/
/* セクション名
----------------------------------------------*/
/* ↑コピペ用区切り↑ */


/*------------------------------------------------------------
    サイト全体
------------------------------------------------------------*/
/* 商品棚アイコン箇所（アイコンなしの場合でも高さを持たせる）
----------------------------------------------*/
.item-list-item-icon-list {
  min-height: 27px;
}

/*------------------------------------------------------------
    トップ
------------------------------------------------------------*/

/* タブランキングボタン
----------------------------------------------*/
.top-ranking .top-ranking-btn {
  display: flex;
  justify-content: center;
  margin-right: -21px;
}

@media screen and (max-width: 767px) {
  .top-ranking .top-ranking-btn {
    margin-right: initial;
  }
}

.top-ranking .top-ranking-btn .btn {
  min-width: 250px;
  width: 250px;
}

/* 重要なお知らせ（スライドバナー下）
----------------------------------------------*/
.important-info.-inMain {
  width: 100%;
  margin-top: 37px;
  padding: 20px 40px;
  border: solid 1px #c20a0a;
  background: none;
}
.important-info.-inMain .important-info-content {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .important-info.-inMain {
  padding: 18px 18px;
  }
}
.important-info.-inMain .important-info-title {
  margin-bottom: 10px;
  color: #c20a0a;
  font-size: 17px;
}

@media screen and (max-width: 767px) {
.important-info.-inMain .important-info-title {
    font-size: 13px;
  }
}
.important-info.-inMain .important-info-item:not(:first-child) {
    border-top: none;
}
.important-info.-inMain a > .important-info-description {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .important-info.-inMain .important-info-inner {
    padding: 0;
  }
}
/*------------------------------------------------------------
    法人トップ　SPのみ
------------------------------------------------------------*/
/* RANKING  PICK UP　右ズレ修正(※全体トップと同じcss使用のため）
----------------------------------------------*/
@media screen and (max-width: 767px) {
    .biz .section-header {
        margin: 0;
    }
    .biz .top-ranking .section-header svg {
      width: 160px;
    }
    .biz .top-section .section-header svg {
    height: 33px;
}
}

/*------------------------------------------------------------
    カートフロー
------------------------------------------------------------*/

/* テキスト
----------------------------------------------*/
.p-confirm-caution{
  font-size: 20px;
  color: #e60012;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-confirm-caution{
    font-size: 16px;
  }
}

.certification-code{
  padding: 15px 12px 0;
}

.certification-code + .cart-total-btns{
  padding-top: 15px;
}

.certification-code .form-text{
  font-size: 14px;
}
.certification-code input {
  width: 100%;
  margin-top: 8px;
  border-color: #999;
}
@media screen and (max-width: 767px) {
  .certification-code{
    padding: 0;
  }
}