/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}


/* ===== gear-tex Sticky CTA v1 ===== */
.gt-sticky-cta { display: none; }
@media (max-width: 768px) {
  .gt-sticky-cta {
    display: flex;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 9998;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-top: 1px solid #ddd;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
    gap: 8px;
  }
  .gt-sticky-cta a {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 700;
    font-size: 0.9em;
    text-decoration: none !important;
    line-height: 1.2;
  }
  .gt-sticky-cta .amzn { background: #FF9900; }
  .gt-sticky-cta .rakt { background: #BF0000; }
  .single body { padding-bottom: 70px; }
}

/* ===== gear-tex Typography v2 ===== */
:root {
  --gt-font-body: "Noto Sans JP","Yu Gothic UI","Hiragino Sans","Segoe UI",sans-serif;
  --gt-text: #1f2a24;
  --gt-link: #2F4A3A;
  --gt-link-hover: #E86A2C;
  --gt-bg-light: #F7F3EA;
}
body, .entry-content {
  font-family: var(--gt-font-body) !important;
  font-size: 17px;
  line-height: 1.85;
  color: var(--gt-text);
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.entry-content h2 {
  font-size: 24px;
  font-weight: 800;
  border-left: 6px solid var(--gt-link);
  padding: 6px 14px;
  background: var(--gt-bg-light);
  margin: 48px 0 20px;
}
.entry-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--gt-link-hover);
  border-bottom: 2px solid var(--gt-link-hover);
  padding-bottom: 6px;
  margin: 32px 0 12px;
}
.entry-content a { color: var(--gt-link); }
.entry-content a:hover { color: var(--gt-link-hover); }
@media (max-width: 768px) {
  body, .entry-content { font-size: 16px; }
  .entry-content h2 { font-size: 21px; }
  .entry-content h3 { font-size: 18px; }
}