/**********************************/
/* スマホ表示対策　　　           */
/**********************************/

/* スマホ文字サイズのみLにする */
@media (max-width: 767.98px) {
  .responsive-textsizeL {
    font-size: 0.8rem !important; /* スマホ：小さめ（14px） */
  }
}

@media (min-width: 768px) {
  .responsive-textsizeL {
    font-size: inherit; /* PC・タブレット：元の設定に従う */
  }
}



/* スマホ文字サイズのみ左寄せする */
@media (max-width: 767.98px) {
  .responsive-left {
    text-align: left !important;
  }
}

@media (min-width: 768px) {
  .responsive-left {
    text-align: center !important;
  }
}

/* スマホ文字サイズ変更 PC1.33rem スマホ1.14rem */
@media (max-width: 767.98px) {
  .responsive-textsizeXLL {
    font-size: 1.14rem !important;
    line-height: 1.2 !important; /* 行間詰める */
  }
}

@media (min-width: 768px) {
  .responsive-textsizeXLL {
    font-size: 1.33rem !important;
    line-height: 1.3 !important; /* PCで少しゆとり */
  }
}




/* 文字サイズ変更 ＆ スマホで左寄せ */
.responsive-textchange {
  font-size: 1rem;        /* スマホ：文字小さめ */
  text-align: left;       /* スマホ：左寄せ */
}

@media (min-width: 768px) {
  .responsive-textchange {
    font-size: 1.15rem;   /* PC・タブレット：文字大きめ */
    text-align: inherit;  /* PC：テーマやブロック設定の位置を維持（必要なら center/right でもOK） */
  }
}

/* 文字サイズ変更 ＆ スマホで左寄せ ＆ PC720px中央*/
.responsive-720 {
  text-align: left;       /* スマホは左寄せ */
}

@media (min-width: 768px) {
  .responsive-720 {
    text-align: inherit;   /* PCの揃え方はそのまま or 必要なら center */
    max-width: 720px;      /* コンテンツ幅制限 */
    margin-left: auto;     /* 中央寄せ */
    margin-right: auto;
  }
}

/**********************************/
/* フッター固定メニュー色         */
/**********************************/
.p-footer-sticky-nav {
  background-color: #f4a8ca; /* 背景色 */
}

.p-footer-sticky-nav .c-navbar__item>a {
    color: white; /* 文字色 */
}


/**********************************/
/* 行間調整　　　　　　           */
/**********************************/
.tight-lines span {
  line-height: 1.2 !important;
  display: block;
}

/**********************************/
/* グローバルナビ背景色           */
/**********************************/
[data-has-global-nav] .p-global-nav {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-color: #f4a8ca;
  color: #fff;
}

[data-has-global-nav] .p-global-nav .c-navbar {
  margin: 0 auto;
}

@media (min-width: 40em) {
  [data-has-global-nav] .p-global-nav .c-navbar {
    padding-right: 1.86957rem;
    padding-left: 1.86957rem;
    max-width: 1280px;
  }
}

/**********************************/
/* グローバルナビ文字色           */
/**********************************/

@media (min-width: 1024px) {
    .p-global-nav .c-navbar__item:hover>a,
    .p-global-nav .c-navbar__item:active>a,
    .p-global-nav .c-navbar__item:focus>a {
        color: yellow;
    }
}

/* カレント表示時 */
    .p-global-nav .c-navbar__item[data-active-menu="true"] > a {
		color: yellow;
}


/**********************************/
/* 最近の投稿 列数                */
/**********************************/

@media {
  .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

/* タブレット用 */
@media (min-width: 40em) {
  .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item {
    flex-basis: 33%;
    max-width: 33%;
  }
}

/* PC用*/
@media (min-width: 64em) {
  .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item {
    flex-basis: 33%;
    max-width: 33%;
  }
}  




/**********************************/
/* ヘッダー背景色                 */
/*********************************

.l-header {
  background-color: #f8f4e6;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__submenu {
  background-color: #f8f4e6;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
  display: none;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__subitem > a {
  color: #9ed130;
}*/

/* ヘッダータイトル下解説テキスト色 
.l-header > div {
  color: #9ed130;
}

.l-header > li {
  color: #9ed130;
}*/

/**********************************/
/* ドロップナビの色               */
/**********************************/

.p-drop-nav {
  background-color: #f4a8ca;
  color: #fff;
}

.p-drop-nav .p-global-nav .c-navbar__submenu {
  background-color: #f4a8ca;
  color: #fff;
}

.l-header__drop-nav .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
  display: none;
}


.l-header__drop-nav .p-global-nav .c-navbar__subitem > a {
  color: #111;
}


/**********************************/
/* 投稿ページの大見出し(h2)       */
/**********************************/


/* 投稿ページの大見出し 太下線}*/
.p-entry-content > h2 {
  background-color: transparent;
  border-left: transparent;
  padding-left: 0;
  border-bottom: 3px solid #f4a8ca
}

/* 投稿ページの大見出し 吹き出し
.p-entry-content > h2 {
  position: relative;
  border-left: none;
  background-color: #D6241D;
}

.p-entry-content > h2::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 1em;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #D6241D;
}*/


/* 投稿ページの大見出し 紙折りメモ風
.p-entry-content > h2 {
  position: relative;
  padding: 0.5em;
  background: #c082ff;
  color: white;
  border-left: none;
}
.p-entry-content > h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
*/

/* 投稿ページの大見出し ベタ塗り
.p-entry-content > h2 {
  border-left: none;
  background-color: #c082ff;
}
*/

/**********************************/
/* サイドバー見出し(h2)           */
/**********************************/

/* サイドバー見出し 塗りつぶし
.c-widget > h2 {
	border-left: none;
	background-color: #D6241D;
	color: white;
	height:50px;
}*/

/* サイドバー見出し 二重線
.c-widget > h2 {
    border-bottom: double 5px #f4a8ca;
}
.c-widget > h2::before {
  position: absolute;
}*/

/* サイドバー見出し 線*/
.c-widget > h2 {
  background-color: transparent;
  border-left: transparent;
  padding-left: 0;
  border-bottom: 1px solid #000
}
.c-widget > h2::before {
  position: absolute;
}

/* サイドバー見出しの横線を消す */
.c-widget__title:before,.c-widget__title:after {
	height:0px!important;
}

/**********************************/
/* 投稿ページの見出し(h3)         */
/**********************************/

.p-entry-content > h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #f4a8ca;/*左線*/
  border-bottom: 0px;
}

/**********************************/
/* 投稿ページの見出し(h4)         */
/**********************************/
.p-entry-content > h4 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 1px #f4a8ca;
}


/**********************************/
/* ヘッダー リンクボタン          */
/**********************************/

 /* 標準時のボタンのスタイル */
.header-button {
    display: inline-block;
    padding: 10px 15px;
    background-color: #F09845; /* 例: #007bff は青色 */
    color: #ffffff; /* テキストの色 */
    text-align: center;
    border-radius: 5px; /* ボタンの角 */
    text-decoration: none;
    font-size: 16px; /* フォントサイズ */
    margin-left: 22px; /* メニューとの間隔（左にメニューがある場合）*/
}
/* ホバー時のボタンのスタイル */
.header-button:hover {
    background-color: #fab275; /* 背景色 */
/*    border: 1px solid #000000; /* 境界線のスタイルと色 */
    color: #ffffff; /* テキストの色 */
    text-decoration: none;
    margin-left: 20px; /* 標準時のボタンのスタイルより2px小さくすると綺麗に仕上がります */
}

/**********************************/
/* フッター周り                   */
/**********************************/

/* コピーライト背景色 
.l-footer .c-copyright {
  background-color: #9ed130;
}*/

/* フッターの上線色と背景色 
.l-footer-widget-area {
	border-top-color:#A692D1;
  background-color: #ffffff;
}*/

/**********************************/
/* その他                         */
/**********************************/

/* ブログカードを白にする */
.wp-oembed-blog-card {
  background-color: #fff;
}


/* reCAPTCHA非表示 */
.grecaptcha-badge { visibility: hidden; }