/*
 Theme Name: Spacious Child
 Template: spacious
*/

/*==============================
 共通設定 20250808
==============================*/

/* PC・モバイル切り替え用 */
.pc { display: initial !important; }
.mb { display: none !important; }

@media (max-width: 768px) {
  .pc { display: none !important; }
	.mb { display: inline !important; }}


/* 大見出しあしらい */
.service-heading {
  border-left: 4px solid #FA8072;
  padding-left: 12px;
  margin-bottom: 8px;
}
.service-sub {
  font-size: 0.8rem;
  color: #999;
  margin-top: -8px;
}
/* 小見出しあしらい */
.sub-section-heading {
  border-bottom: 1px solid #FA8072;
  padding-bottom: 5px;
  margin-bottom: 16px;
}
/* 小小見出しあしらい */
.sub-sub-heading {
  font-size: 1rem;
  font-weight: bold;
  background-color: #FFE4E1;
  padding: 6px 10px;
  border-left: 3px solid #FBC5B0;
  margin-bottom: 12px;
  color: #333;
}

/*ダウンロードボタン色変更*/
.wp-block-file__button {
  background-color: #ffa094 !important; /* 背景色 */
  color: #FFFFFF !important;            /* 文字色 */
  border: 1px solid #ffa094 !important; /* 枠線の色 */
  padding: 0.5em 1em;

  text-decoration: none;
  display: inline-block;
}



/*==============================
 フッターの色・センタリング設定
==============================*/

.footer-widgets-area {
  color: #5c5249;
  background-color: #fbdac8;
}

.footer-widgets-area a:link,
.footer-widgets-area a:visited {
  color: #5c5249 !important;
}

.footer-widgets-area a:hover {
  color: #cc8076 !important;
}

.footer-widgets-wrapper {
  background-color: #fcd5cf;
}

.copyright,
.footer-socket-wrapper {
  background-color: #faa796;
  color: #5c5249 !important;
}

.copyright a:link,
.copyright a:visited {
  color: #5c5249 !important;
}

.copyright a:hover {
  color: #cc8076 !important;
}

.footer-socket-wrapper .footer-socket-area {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.footer-socket-wrapper .footer-socket-area .site-info {
    float: none !important;
    text-align: center !important;
    margin: 0 !important;
}



/*==============================
 ヘッダー（small-menu）調整
==============================*/

#header-meta {
  background-color: #fcd5cf;
  border-bottom: 1px solid #fcd5cf;
}

#header-meta a:link,
#header-meta a:visited {
  color: #5c5249 !important;
}

#header-meta a:hover {
  color: #cc8076 !important;
}

/*==============================
 モバイルメニューのデザイン（サーモンピンク系）
==============================*/

/* ハンバーガーメニューのサイズと太さを調整 */
.menu-toggle:before {
  font-size: 50px !important;
	color: #6b4f3a !important;
/* アイコンの大きさ */
  line-height: 1;
}

@media (max-width: 768px) {
  /* ハンバーガーメニュー */
  .menu-toggle {
    background-color: #FFFFFF !important;
    color: #6e6e6e !important;
  }

  /* メニュー背景 */
  .main-small-navigation,
  .menu-primary-container,
  .main-navigation ul {
    background-color: #FFFFFF !important;
  }

  /* メニュー項目 */
  .menu-primary-container ul,
  .menu-primary-container li,
  .menu-primary-container a {
    background-color: #fcd5cf !important;
    color: #000 !important;
  }

  .menu-primary-container a:hover {
    background-color: #ffb3a7!important;
    color: #000 !important;
  }

  /* ▶サブメニューアイコン色 */
  .menu-primary-container .sub-toggle {
    color:	#f26c6d !important;
    background-color: transparent !important;
  }

  .menu-primary-container .sub-toggle:hover {
    background-color: 	#f26c6d!important;
    color: #000 !important;
  }

  .menu-primary-container .menu-item-has-children.open > .sub-toggle,
  .menu-primary-container .menu-item-has-children.focus > .sub-toggle,
  .menu-primary-container .menu-item-has-children.current-menu-ancestor > .sub-toggle {
    color: #fbdac8 !important;
  }

/* メニュー項目の下線 */
  .menu-primary-container ul li {
    border-bottom: 1px solid #cfa5a0;
  }
  .menu-primary-container ul li:last-child {
    border-bottom: none;
  }
}

/*==============================
 PC表示時メニュー（白背景）
==============================*/

@media (min-width: 768px) {
  nav#site-navigation,
  .menu-primary-container,
  .menu-primary-container ul,
  .menu-primary-container li,
  .menu-primary-container a {
    background-color: #ffffff !important;
    color: #000 !important;
  }

  .menu-primary-container a:hover {
    background-color: #f0f0f0 !important;
    color: #000 !important;
  }
}


/*==============================
 投稿者名を非表示にする
==============================*/
span.by-author.author.vcard {
    display: none !important;
    visibility: hidden !important;
}

/*==============================
あしらいフォント設定
==============================*/
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

body .hikkitai {
  font-family: 'Great Vibes', cursive !important;
  color: #c9c7c7 !important;
}