@charset "UTF-8";
/* CSS Document */
/*
 Theme Name:   welcart_waon-white Child
 Template:     welcart_waon-white
*/
/* Google Fonts（例：Noto Sans JP）を読み込む場合 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/* 本文に適用 */
body {
  font-family: 'Noto Sans JP', sans-serif;
}
h1.page-title {
	font-size: 1.5rem;
}
.custom-html-widget h2.wp-block-heading {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 2.2rem;
	font-weight: 700;
	color:#333333;
	margin-top: 75px;
}
.description h2.wp-block-heading {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 2.2rem;
	font-weight: 700;
	color:#333333;
	margin-top: 75px;
}
/* 見出しに適用 */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 00;
}
/* ナビゲーションメニュー全体 */
li.menu-item, .notice {
  font-family: "Helvetica Neue", Arial, sans-serif;
}
/* 記事・商品一覧などの抜粋部分 */
p span.description {
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
	color:#417042;
}
/* トップ画面・縦書き部分 */
.hero-heading {
	font-family: 'Noto Sans JP', sans-serif!important;
	font-weight: 500;
}
.hero-lead {
	font-family: 'Noto Sans JP', sans-serif!important;
	font-weight: 400;
}
/* ここまで */
.zaikostatus {
	font-weight:bold;
}
span.tag {
	color: #FFF!important;
}
.wp-image-214 {
	margin-top: -5px;
}
#delivery-info .header_explanation {
	color: #18890E;
	text-align: left!important;
	line-height: 1.5em;
}
#delivery-info .header_explanation span.bold-moji {
	font-weight: bold!important;
	color: #000!important;
}
.reason {
	font-size: 0.88rem;
	color: #454545;
}
p.item-code {
	display:none;
}
h1.item-name {
  	font-family: "Helvetica Neue", Arial, sans-serif!important;
	margin-bottom: 24px!important;
}
.hero-visual-container {
	margin-bottom: 0;
}
span.unit {
	display: none;
}
.footer-nav li {
	font-size: 0.8rem;
	margin: 0!important;
}
#ico-instagram path {
    fill:#417042 !important;
}
#block-47 {
	 margin-top: -50px;
	margin-bottom: -60px;
}
/* 画面幅が767px以下のモバイル端末にのみ適用 */
@media screen and (max-width: 767px) {
  h2.wp-block-heading {
    font-size: 20px!important;
	font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
details.has-medium-font-size {
	font-size: 16px!important;
	padding-right: 1rem!important;
	padding-left: 1.2rem!important;
 }
}
@media (max-width: 767px) {
  .wp-block-columns.alignwide.is-style-waon-columns-style-2 {
    display: flex;
    flex-direction: column-reverse;
  }
	.widget_welcart_waon_item_list {
	margin-top: -1rem!important;
}
}
.card-body p.item-excerpt {
	display: none;
}
.skuform .skuname {
	font-family: sans-serif; 
	font-size: 1.1em;
	font-weight: 700;
}
/* 画面幅が 1025px 以上（＝PC画面）のときだけ適用 */
@media screen and (min-width: 1025px) {
/* ここにPC専用のCSSを記述します */
.item-full-description {
	margin: 8rem;
 }
.item-full-description h3 {
	color: #a31313;
	text-align: center;
	margin-top: -4rem;
}　
.category_common_page {
		padding-right: 14rem;
		padding-left: 14rem;
	}
	p.t-lead {
		color:#555;
		font-size: 0.9rem;
		text-align: center;
		margin-top: -3rem;
		margin-right: 6rem;
		margin-bottom: 1rem;
		margin-left: 6rem;
	}
	p.t-lead-2 {
	color:#222;
	font-size: 1rem!important;
	margin-top: 1rem;
	margin-right: 2.6rem;
	margin-left:2.6rem;
	margin-bottom: 0;
	}
	p.t-lead-0 {
	color:#222;
	font-size: 1rem!important;
	letter-spacing: 0.05em;
	margin-top: -1rem;
	margin-right: 13.5rem;
	margin-left: 13.5rem;
	margin-bottom: 2rem;
	}
	.widget_welcart_waon_item_list {
	margin-top: -1rem!important;
	margin-bottom: -2rem!important;
}
	img.hamapic {
	margin-right: 1rem;
}
h3.widgettitle {
	font-family: Arial, sans-serif!important;
	font-size: 0.88rem;
 }
}

span.s-des {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 0.85rem!important;
	line-height: 1.5rem!important;
}
span.s-des-r {
	color: #A80002;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 0.85rem!important;
	line-height: 1.5px!important;
}
.item-option {
	font-family: 'Noto Sans JP', sans-serif!important;
}
.page-header .description {
	font-family: 'Noto Sans JP', sans-serif!important;
	margin-top: -2rem;
}

/* スマホ画面（767px以下）での縦書き上揃え強制 */
@media screen and (max-width: 767px) {
  /* 1. 親ブロックの上端揃え指定 */
  .hero-content .hero-heading.vertical-rl {
    display: block !important; /* flexの干渉を避けるため block にリセット */
    writing-mode: vertical-rl !important;
    -webkit-writing-mode: vertical-rl !important;
    text-align: start !important; /* 縦書き時の先頭（＝上端）に揃える */
    vertical-align: top !important;
  }

  /* 2. 各 span 行の個別上端揃え */
  .hero-content .hero-heading.vertical-rl span {
    display: inline-block !important;
    vertical-align: top !important; /* 文字行の開始位置を上に固定 */
    margin-bottom: 0 !important; /* 下部の不要な余白をカット */
    padding-bottom: 0 !important;
  }
.item-full-description h3 {
	color: #a31313;
	font-weight: bold;
	text-align: center;
	margin-top: 3rem;
}　

p span.variety {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 0.9rem!important;
	position: relative; 
	top: 10px;
}
.item-price {
	font-size: 1.5rem!important;
}
.member-icon li.is-logged-in a {
    position: relative;
 }
}
/* ログインインジケーター */
/* ログイン時のメンバーアイコンのリンク枠を基準にする */
.member-icon li.is-logged-in a {
    position: relative !important;
    display: inline-block; /* 位置計算を安定させるため記述 */
}

/* 緑の丸（インジケーター）の位置設定 */
.member-icon li.is-logged-in .status-dot {
    position: absolute;
    top: 38px;      /* ★ここを「-5px」や「2px」など自由に調整できます */
    right: 46px;    /* ★ここを「-3px」や「5px」など自由に調整できます */
    width: 8px;
    height: 8px;
    background-color: #23fc03;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(40, 167, 69, 0.8);
    z-index: 10;   /* アイコンより前面に出す */
}
h3.widgettitle {
	font-family: Arial, sans-serif!important;
	font-size: 0.88rem;
}

/* 1. 左側の見出し・ボタン領域（空のブロック）を非表示 */
.wp-block-group.alignfull > .wp-block-group.anim-reveal {
    display: none !important;
}

/* 2. 親ブロックのFlex横並び指定を解除し、幅100%のブロック要素に変更 */
.wp-block-group.alignfull.is-content-justification-center.is-nowrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 3. ウィジェット全体の幅を100%にして中央寄せ */
.widget_welcart_waon_item_list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4. 商品カードグリッドの横幅を固定枠へ拡大し中央配置（横4列表示を維持） */
.widget_welcart_waon_item_list .card-grid,
.widget_welcart_waon_item_list .card-grid-items {
    width: 100% !important;
    max-width: 1200px !important; /* サイト幅に合わせて広げる */
    margin-left: auto !important;
    margin-right: auto !important;
}
	
img.hamapic {
	margin-top: 1rem;
}


#text-2 h2.widget_title {
	font-size: 1.25rem!important;
	}
p.organic {
	font-size: 1.25rem;
	text-align: center;
	color: #008000;
}
#reviews {
	display: none!important;
}