@charset "UTF-8";

/*--------------------------------------------------------
　ユーザー独自性の強いカスタマイズ内容はここに記述
　※主にカスタマイズで更新するスタイルシート
--------------------------------------------------------*/

/* =======================================
　基本設定
======================================= */

/*----- フォント -----*/
:root {
  /*基準フォント*/
  --type-primary-font: "M PLUS Rounded 1c", sans-serif;
}


/*----- カラー -----*/
:root {
  /*サイトメインカラー*/
  --color-primary01: #03967B;
  /*サイトメインカラー*/
  --color-primary02: #007a64;

  /*メイン基準フォント色*/
  --color-font: #373434;
  /*基準リンク色*/
  --color-link: #03967B;

  /*ゴールド*/
  --color-gold: #AA8B4F;

  /*基本グレー*/
  --color-gray01: #838383;
  /*ベースとなるやや薄いグレー*/
  --color-gray02: #E8E8E8;




  --color-gray00:
    /*ベースとなるもっとも薄いグレー*/
    #F9F9F9;
  --color-gray03:
    /*ベースとなる薄いグレー*/
    #CCC;

  --color-gray05:
    /*ベースとなる中間グレー*/
    #666;
  --color-primary-font-footer:
    /*フッター基準フォント色*/
    #FFF;
  --color-primary-font-footerbottom:
    /*フッターボトムフォント色*/
    #AAA;
}


/*----- サイズ/行間  -----*/
:root {
  --lh-primary-font:
    /*基準フォント行間*/
    1.75;
  --lh-primary-heading:
    /*基準見出し行間*/
    1.35;
  --ls-h1:
    /*h1字間*/
    .2rem;
  --ls-h2:
    /*h2字間*/
    .1rem;
  --ls-h3:
    /*h3字間*/
    .1rem;
  --size-h1:
    /*PC-h1フォントサイズ*/
    32px;
  --size-h1-SP:
    /*SP-h1フォントサイズ*/
    3rem;
  --size-h2:
    /*PC-h2フォントサイズ*/
    28px;
  --size-h2-SP:
    /*SP-h2フォントサイズ*/
    24px;
  --size-h3:
    /*PC-h3フォントサイズ*/
    20px;
  --size-h3-SP:
    /*SP-h3フォントサイズ*/
    18px;
  --size-h4:
    /*PC-h4フォントサイズ*/
    2.1rem;
  --size-h4-SP:
    /*SP-h4フォントサイズ*/
    1.8rem;
  --size-h5:
    /*PC-h5フォントサイズ*/
    1.85rem;
  --size-h5-SP:
    /*SP-h5フォントサイズ*/
    1.6rem;
  --size-h6:
    /*PC-h6フォントサイズ*/
    1.6rem;
  --size-h6-SP:
    /*SP-h6フォントサイズ*/
    1.5rem;
  --size-primary-font:
    /*基準フォントサイズ*/
    16px;
  --size-primary-fontsmall:
    /*基準フォント小さめサイズ*/
    1.3rem;
}


/*----- マージン -----*/
:root {
  --main-h1-margin:
    /*（メイン）h1見出しマージン*/
    4rem;
  --main-h2-margin:
    /*（メイン）h2見出しマージン*/
    2rem;
  --main-h3-margin:
    /*（メイン）h3見出しマージン*/
    2rem;
  --main-heading-margin:
    /*（メイン）見出し基本マージン*/
    1rem;
  --main-text-margin:
    /*（メイン）段落マージン*/
    2.7rem;
}


/* =======================================
　フォントスタイル指定
======================================= */
/*------ 明朝スタイル -----*/
p.mincho {
  font-family: 'Noto Serif JP', serif !important;
}

/*------ 見出し用サブタイトル -----*/
p.sub-title {
  margin-top: -32px;
}


/* 電話アイコン付きテキスト */
p.style-tel::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/co-icon-tel-wh.png) no-repeat 0 center;
  background-size: contain;
  vertical-align: -5px;
  margin-right: 8px;
}




/* =======================================
　見出しスタイル指定
======================================= */

/*------ 明朝スタイル -----*/
h2.mincho,
h3.mincho,
h4.mincho,
h5.mincho,
h6.mincho {
  font-family: 'Noto Serif JP', serif !important;
}


/*------ 明朝スタイルスマホ時のフォント -----*/
/* 28px */
h2.sp28 span,h3.sp28 span,h4.sp28 span {
  font-size: 28px !important;
}


/*------ 飾り見出し -----*/
/* グレー */
h2.kazari-heading::before {
  content: '';
  display: block;
  width: 63px;
  height: 129px;
  background: url(../images/common/co-heading-decoration-h2-gr.png) no-repeat 0 center;
  background-size: contain;
  margin: 0 auto 16px;
}

/* ホワイト */
h2.kazari-heading.wh::before {
  content: '';
  display: block;
  width: 63px;
  height: 129px;
  background: url(../images/common/co-heading-decoration-h2-wh.png) no-repeat 0 center;
  background-size: contain;
  margin: 0 auto 16px;
}



/*------ サブタイトル付き見出しグループ -----*/
.wp-block-group.heading-group.with-subtitle h2 {
  margin: 0;
}

.wp-block-group.heading-group.with-subtitle p {
  color: var(--color-gray01) !important;

}


/* =======================================
　画像スタイル指定
======================================= */

/*------ 角丸 -----*/
/* 8px */
.round8-image img {
  border-radius: 8px;
}


/* 16px */
.round16-image img {
  border-radius: 16px;
}

/* 24px */
.round24-image img {
  border-radius: 24px;
}

/* 32px */
.round32-image img {
  border-radius: 32px;
}



/* =======================================
　カラムスタイル指定
======================================= */
.wp-block-snow-monkey-blocks-box.smb-box .wp-block-columns:last-child {
  margin-bottom: 0;
}


/* =======================================
　リンクスタイル指定
======================================= */

/*----- 拡大 -----*/
.hover-scale a:hover {
  transition: 0.3s;
}

.hover-scale a:hover {
  transform: scale(1.2);
}





/* =======================================
　商品アイテムポップアップ
======================================= */

/*----- 項目バナー -----*/

/* 個別アイテム枠 */
.item-basic-style .smb-items__banner {
  border-radius: 24px 24px 0 0;
  cursor: pointer;
  background: transparent;
}

.item-basic-style .smb-items__banner {
  border-radius: 24px;
}

.item-basic-style.org .smb-items__banner {
  border-radius: 24px 24px 0 0;
}

.item-basic-style .smb-items__banner--standard:before {
  padding: 100% 0 0;
}

.item-basic-style.sp .smb-items__banner--standard:before {
  padding: 50% 0 0;
}

/* 個別アイテム画像 */
.item-basic-style .smb-items__banner__figure {
  margin-bottom: -8px;
  opacity: 1;
  filter: brightness(100%) !important;
}

.item-basic-style .smb-items__banner__body {
  background: rgba(0, 0, 0, .4) !important;
  transition: .5s;
}

.item-basic-style .smb-items__banner__body:hover {
  background: rgba(0, 0, 0, .1) !important;
}

/* 個別アイテム内テキスト */
.item-basic-style .smb-items__banner__title {
background: #FFCD4B;
display: inline-block;
padding: 4px 16px;
border-radius: 9999rem;
color: var(--color-font);
margin-bottom: 16px;
}

.item-basic-style .smb-items__banner__lede{
  font-size: 24px;
}

.item-basic-style .smb-items__banner__lede::after {
  content: '';
  display: block;
  width: 168px;
  height: 38px;
  background: url(../images/common/item-more-btn.png) no-repeat 0 center;
  background-size: contain;
  margin: 16px auto 0;
}

.sp .item-basic-style .smb-items__banner__lede::after {
  content: none;
}


/* 購入するリンク */
.item-link.org p.buy-link {
  border-radius: 0 0 24px 24px;
  color: #FFF !important;
}

p.buy-link {
  text-align: center;
  padding: 8px;
  transition: .5s;
}

p.buy-link.gld {
  background: var(--color-gold);
}

p.buy-link.gld:hover {
  background: #c8a155;
}

p.buy-link.grn {
  background: var(--color-primary01);
}

p.buy-link.grn:hover {
  background: #27b198;
}

p.buy-link a {
  text-decoration: none !important;
  color: #FFF !important;
  display: block;
  padding: 8px;
  font-size: 18px;
}

p.buy-link a::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/co-icon-cart-wh.png) no-repeat 0 center;
  background-size: contain;
  vertical-align: -5px;
  margin-right: 8px;
}

.wp-block-group.item-link figure {
  margin: 0;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
.item-container {
  padding: 0 56px !important;
}


.wp-block-group.item-link.org.sp .item-basic-style .smb-items__banner__body:hover {
  background: rgba(0, 0, 0, .4) !important;
}


.wp-block-group.item-link.org.sp .item-basic-style.org .smb-items__banner {
  border-radius: 24px;
}

.wp-block-group.item-link.org.sp .item-basic-style .smb-items__banner__lede {
  font-size: 18px;
}



/*
.wp-block-group.item-link.org.sp .wp-block-group__inner-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
*/

.wp-block-group.item-link.org.sp p.buy-link {
  display: inline-block !important;
  border-radius: 9999rem;
  padding: 4px 16px;
  color: #FFF !important;
  width: 100% !important;
  margin: 8px auto;
} 
}



/* =======================================
　コメッセージ（旧ブログ文字調整）
======================================= */

/* .single .article_body p, .single .article_body span {
  font-size: 16px;
  line-height: 1.875 !important;
} */