/* カスタマイズ用CSS */
.ec-layoutRole .ec-layoutRole__contents{
  max-width: 1300px;
}
.ec-layoutRole .ec-layoutRole__left{
  font-family: Arial, Sans-Serif;
  width: 293px;
  margin-top: 10px;
}
.ec-itemNav__nav {
  width: 100%;
}
.menu_title {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #e8e8f4;
  background: #1C2087;
  padding: 7px 0px;
  border-radius: 10px 10px 0 0;
}
.ec-itemNav__nav li {
  float: none;
}
.ec-itemNav__nav li a{
  text-align:left;
  padding: 5px 10px;
  height: auto;
  font-size: 12px;
  border-bottom: 1px dotted #ccc;
  font-weight: normal;
}
.ec-itemNav__nav > li:hover > a {
  background: #e8e8f4;
}
.ec-itemNav__nav li ul{
  margin: -2rem 0 0 100%;
  padding-left: 2%;
  width: 120%;
  opacity: 0.95;
  box-shadow: -2px -2px 10px rgba(0, 0, 0,0.075), 2px 2px 10px rgba(0,0,0,0.075);
}
.ec-itemNav__nav li ul li a {
  padding: 5px 10px;
  background: #fff;
  color: #000;
  font-size: 12px;
  border-bottom: 1px dotted #ccc;
  font-weight: normal;
}
.ec-itemNav__nav li ul li:first-child a {
  border-top: 1px dotted #ccc;
}
.ec-itemNav__nav  li:hover > ul > li {
  height: auto;
  color: #333;
}
.ec-itemNav__nav  li:hover > ul > li:hover > a {
  background: #e8e8f4;
  color: #333;
}
.ec-itemNav__nav li ul li ul::before {
  top: 7px;
}
.ec-shelfRole img {
  height: 200px;
  object-fit: contain;
}
/* ボタン色をメルカートに合わせた水色(#197fcd)に設定 */
.ec-blockBtn--action{
  background-color: #197fcd;
  border-color: #197fcd;
}
/* マウスオーバー時に少し透明感を出す */
.ec-blockBtn--action:hover {
  background-color: rgba(25, 127, 205, 0.5);
  border-color: #197fcd;
  background-image: none;
}
/* カート追加時ポップアップのボタン設定 */
.ec-inlineBtn--action{
  background-color: #197fcd;
  border-color: #197fcd;
}
/* カート追加時ポップアップボタン(マウスオーバー)設定 */
.ec-inlineBtn--action:hover{
  background-color: rgba(25, 127, 205, 0.5);
  border-color: #197fcd;
  background-image: none;
}
/* 注文ステップ色を山野カラー(#1C2087)に設定 */
.ec-progress .is-complete .ec-progress__number{
    background:#1C2087;
}
.ec-progress .is-complete .ec-progress__label{
    color:#1C2087;
}

/* TOPメニュー(右上)のカート0件でアイコンをクリックした際のメッセージ色(現在カート内に商品はございません。) */
.ec-cartNaviNull.is-active .ec-cartNaviNull__message{
  background-color:#197fcd; /* 20251114 追記(元カラー：#DE5D50) */
}
/* TOPメニュー(右上)のカートの商品件数色 */
.ec-cartNavi .ec-cartNavi__badge{
  background-color:#197fcd; /* 20251114 追記(元カラー：#DE5D50) */
}
/* マイページのメニュー アクティブ時の文字色 */
.ec-navlistRole .active a{
  color:#197fcd; /* 20251114 追記(元カラー：#DE5D50) */
}
/* 20251114 ボタン色を統一 */
.ec-blockBtn,
.ec-blockBtn--action,
.ec-blockBtn:active,
.ec-blockBtn--action:active,
.ec-blockBtn:focus,
.ec-blockBtn--action:focus,
.ec-blockBtn:hover,
.ec-blockBtn--action:hover {
    background-color: #197fcd;
    border-color: #197fcd;
    transition: background-color 0.2s ease; /* 滑らかに変化 */
    outline: none;
}





/* 20251112 ラジオボタン表示が崩れていた為、修正 */
.ec-radio label {
    display: inline;        /* block → inline に変更 */
    margin-left: 0;         /* ラジオボタンと文字の間隔は狭く */
    margin-right: 25px;     /* ラベル間の間隔を広げる */
    padding: 0;
}
/* 20251114 商品詳細ページの商品名が中央揃えだった為、左上表示に修正 */
/* 商品タイトルを左上へ */
.ec-productRole__title h2.ec-headingTitle {
    text-align: left;
    margin: 0;
    padding: 0;
}