/*
Theme Name: ManabitreeV2
Theme URI: https://www.manabitree.jp/
Author: Sunmark Publishing
Author URI: https://www.sunmark.co.jp/
Description: マナビTREE のトップページ用カスタムテーマ（design-ver3）。動的API連携版。
Version: 2.0.4
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: Proprietary
Text Domain: manabitreev2
*/

/* ==========================================================
   このファイルは WordPress がテーマを認識するためのメタ情報のみ。
   実際のサイトCSSは assets/css/style.css にあり、functions.php から
   エンキューしている。下のリセットは、WP/ブラウザのデフォルト余白が
   index.html の設計と衝突しないようにするための最小限の上書き。

   注意: body のリセットはしない。
         メイン CSS 側で `body { max-width: 375px; margin: 0 auto; }` と
         指定してコンテンツを中央配置しているため、ここで margin を潰すと
         全体が左寄せになる。
   ========================================================== */

/* html のみリセット（body は触らない） */
html {
  margin: 0 !important;
  padding: 0 !important;
}

/* デスクトップで左右に余白が出るので、その背景を body 外側まで塗る。
   design-ver3 では薄い緑（#DFF0D8）。 */
html {
  background: #DFF0D8;
}

/* 管理バーが出ているときに site-header (position:sticky) が隠れないよう調整 */
html[lang] body.admin-bar .site-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  html[lang] body.admin-bar .site-header {
    top: 46px;
  }
}

/* WP が自動出力する .alignwide / .alignfull 等と衝突しないよう
   ブロックエディタ系クラスのデフォルト余白を無効化。
   ※ body の子要素にも影響しないよう、対象クラスに限定する。 */
.wp-site-blocks,
.is-layout-constrained,
.is-layout-flow {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* manabi 旧デザイン */

main {
	padding: 25px 16px 20px !important;
}

.c-page-sub__content {
	padding: 0px 0px 20px !important;
}

main article header {
    background: url(/wp-content/themes/manabitreeV2/assets/img/bg-titlepage.jpg) no-repeat top/cover;
    font-size: 1.6rem;
    margin: 0 0 50px;
    padding: 35px 30px
}

main article header h1 {
    color: #463d18;
    font-size: 22px !important;
    line-height: 1.4;
    margin: 0
}

.c-title-page {
    background: url(/wp-content/themes/manabitreeV2/assets/img/bg-titlepage.jpg) no-repeat top/cover;
    font-size: 1.6rem;
    margin: 0px 0 0px;
    padding: 35px 30px
}

.c-title-page h1 {
    color: #463d18;
    font-size: 22px !important;
    line-height: 1.4;
    margin: 0
}


.c-page-sub__main, {
	background-color: white;
    border-radius: 15px;
}

.c-page-sub__content-main {
	background-color: white;
	padding: 20px;
    border-radius: 15px;
}

.c-page-sub__content-main a {
	color: #2b92cc;
}

.c-page-other__block-head {
	font-size: 20px;
	background-color: #FFEEEE;
	border-left: solid 2px #FD5573;
	padding: 5px;
	margin: 15px 0;
}


.c-page-other__block-list,
.c-page-other__list {
    list-style: none;
    margin: 0 0 50px;
    padding: 0
}

.c-page-other__block-list li,
.c-page-other__list li {
    line-height: 1.7;
    margin: 0 0 12px;
    padding: 0 0 0 19px;
    position: relative
}

.c-page-other__block-list li:last-child,
.c-page-other__list li:last-child {
    margin-bottom: 0
}

.c-page-other__block-list li:before,
.c-page-other__list li:before {
    background: #ff5874;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 6px;
    position: absolute;
    top: .75em;
    width: 6px
}

.c-page-other__block-list li a,
.c-page-other__list li a {
    font-weight: 700
}

.c-page-other__block-list {
    margin: 0
}

.c-page-other__block-list li a {
    font-weight: 500
}

.c-page-other__note {
    background: #fee;
    border: 1px solid #ff5874;
    border-radius: 5px;
    margin: 20px 0 20px;
    padding: 13px 15px
}

.c-page-other__note-head {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 14px
}

.c-page-other__note-element {
    font-size: 16px;
    font-weight: 500
}

.c-page-other__note-caption {
    font-size: 16px
}

.c-page-other__dl {
    border: 1px solid #d7d7d7;
    font-weight: 500
}

.c-page-other__dl dt {
    background: #f3f3f3;
    line-height: 1.4
}

.c-page-other__dl dd,
.c-page-other__dl dt {
    border-bottom: 1px solid #d7d7d7;
    padding: 9px 15px
}

.c-page-other__dl dd {
    margin: 0
}

.c-page-other__dl dd:last-child {
    border: 0
}