/* ===== ヘッダー：全幅の色帯 =====
   余白や影ではなく背景色で本文と区切る（色は style.css の --ecbase-color-header-bg / -text）。
   以前は幅90%の白いカードを浮かせる形で、トップのヒーローを下に潜り込ませていた。 */
.site-header {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: none;
  border-radius: 0;
  box-shadow: none;
}
.site-header .ast-primary-header-bar {
  background-color: var(--ecbase-color-header-bg) !important;
  border-bottom: 0 !important;
}
.site-header .site-title,
.site-header .site-title a,
.site-header .site-title a:hover,
.site-header .site-title a:focus {
  color: var(--ecbase-color-header-text) !important;
  text-decoration: none;
}

/* PC：高さ64px・メニュー文字は帯の上の白 */
@media (min-width: 922px) {
  .ast-desktop .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 64px;
  }
  .ast-desktop .site-header .main-header-menu > .menu-item {
    line-height: 64px;
  }
  .ast-desktop .site-header .main-header-menu > .menu-item > .menu-link {
    color: var(--ecbase-color-header-text) !important;
    font-size: 14px;
  }
  .ast-desktop .site-header .main-header-menu > .menu-item > .menu-link:hover,
  .ast-desktop .site-header .main-header-menu > .current-menu-item > .menu-link {
    color: var(--ecbase-color-header-text) !important;
    text-decoration: underline;
    text-underline-offset: 6px;
  }
}

/* スマホ：高さ52px・≡は帯の上の白、開いたメニューは白地で読みやすく */
@media (max-width: 921px) {
  /* Astraは1つの要素に .ast-primary-header-bar と .site-primary-header-wrap の両方を付けている。
     高さ80px・左右20pxを #masthead 付きの詳細度で指定しているので同じ詳細度で上書きする */
  .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
    min-height: 52px;
    padding-left: 14px;
    padding-right: 14px;
  }
  #ast-mobile-header .site-title {
    font-size: 19px;
  }
  .site-header .menu-toggle,
  .site-header .menu-toggle:hover,
  .site-header .menu-toggle:focus {
    color: var(--ecbase-color-header-text) !important;
    background: transparent !important;
  }
  .site-header .menu-toggle .ast-mobile-svg {
    fill: var(--ecbase-color-header-text) !important;
  }
  .ast-mobile-header-content,
  .ast-mobile-header-content .main-header-menu {
    background: #fff !important;
  }
  .ast-mobile-header-content .menu-link {
    color: var(--ecbase-color-text-strong) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* トップページの本文だけ全幅（カルーセル・各セクションの背景色を画面端まで出すため）。
   以前は全ページに効いていて特商法ページや商品説明が画面の端に張り付き、
   また .site-content を付けないとヘッダー内の .ast-container まで余白0になりロゴが端に付く。 */
body.home .site-content .ast-container {
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0 !important;
}

/* 運営者情報ページ
*/
table.table-company th {
  white-space: nowrap;
}

/* 「必須」バッジ：購入手続きとお問い合わせフォーム（CF7）で同じ見た目にする */
.woocommerce-billing-fields span.required,
.wpcf7 span.required {
	margin: 0 0 0 20px;
	padding: 3px;
    color: var(--ecbase-color-danger-strong);
	font-size: 13px;
	border: 1px solid var(--ecbase-color-danger-strong);
}

span.any{
	margin: 0 0 0 20px;
	padding: 3px;
	color: var(--ecbase-color-text-strong);
	font-size: 13px;
	border: 1px solid  var(--ecbase-color-text-strong);
}

/*@media="only screen and (max-width: 921px)" {
.woocommerce table.cart td.actions .coupon .input-text, 
.woocommerce table.cart td.actions .coupon input, 
.woocommerce-page #content table.cart td.actions .coupon .input-text, 
.woocommerce-page #content table.cart td.actions .coupon input, 
.woocommerce-page table.cart td.actions .coupon .input-text, 
.woocommerce-page table.cart td.actions .coupon input {
        width: 100% !important;
        box-sizing: border-box;
        margin: 0 0 10px !important;
    }
}*/

/*スマホ　クーポンコード部分修正*/
@media (max-width: 544px) {
    .woocommerce-page #content table.cart td.actions .coupon {
        float: none;
        display: block !important;
    }
	p#coupon-error-notice {
    margin: 10px 0 0;
    display: inline-block;
    text-align: left;
    width: 100%;
}
}
/* ライブ配信 */
#money-content label {
	color:#fff !important;
}
/* アーカイブ動画 */
.myec-product-video-archive {
	max-width:360px;
}