/*
Theme Name: TwentyTwentyFour_child
Theme URI:
Description: TwentyTwentyFourの子テーマ
Author: ポポデザイン
Author URI:
Template: twentytwentyfour
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour_child
*/
body {
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: <weight>;
   font-style: normal;
}
a img:hover {
   opacity: 0.8;
}
h1, h2, h3, h4, h5, h6 {
   font-family: "M PLUS Rounded 1c", sans-serif;
   font-weight: 400;
   font-style: normal;
}

/* トップページ見出し 装飾
-----------------------------------------*/
.home h3 a {
   color: #000;
   text-decoration: none !important;
}
.home h3 a:hover  {
   text-decoration: underline !important;
   color: #1F9EB5; /* リンクホバーで色変更 */
}

p a {
   color: #1F9EB5;
}

.single-post .entry-content h2, .page h2 {
  /* 左側にアクセントの太線を引く */
  border-left: 8px solid #1F9EB5;
  
  /* 左から右へグラデーション（5%程度の薄さから透明へ） */
  background: linear-gradient(to right, rgba(31, 158, 181, 0.1), transparent);
  
  /* 余白の調整（ワンカラムではゆったりめが綺麗です） */
  padding: 0.3em;
  
  /* 文字色（濃い目の青緑にすると調和します） */
  color: #167182;
  
  /* 下線を薄く入れるとセクションの区切りがより明確になります */
  border-bottom: 1px solid rgba(31, 158, 181, 0.2);
  border-radius: 5px;
}
.single-post .entry-content h3, .page h3 {
   padding: 0.5em; /* 内側余白調整 */
   border-bottom: 2px dashed #1F9EB5; /*太さ・破線・色 */
   color:#333; /* 文字色（黒）*/
}
.single-post .entry-content h4, .page h4 {
   position: relative;
   border-left: 8px solid #eee;
   color:#333; /* 文字色（黒）*/
   padding: 0.3em;
}
.single-post .entry-content h4:after, .page h4:after {
   position: absolute;
   content: '';
   left: -8px;
   bottom: 0;
   width: 8px;
   height: 50%;
   background-color: #1F9EB5;
}

hr {
   border: initial;
   background-color: #fff;
   border: 1px dashed #ccc !important;
}
hr .has-contrast-background-color {
   background-color: initial;
}

/* フッター内のリンク設定 */
/* 通常時：黒系で下線なし */
footer a, 
.wp-block-footer a {
    color: #333333 !important; /* 真っ黒より少しだけ柔らかい黒 */
    text-decoration: none !important;
    transition: all 0.2s ease; /* 変化をなめらかに */
}

/* ホバー時：メインカラーで下線あり */
footer a:hover, 
.wp-block-footer a:hover {
    color: var(--wp--preset--color--main) !important; 
    text-decoration: underline !important;
}

/* コピーライト中央寄せ */
.copy {text-align:center;}

/* メインビジュアル */
h1.back, p.back  {
    text-shadow: 4px 4px 4px #fff, 2px 2px 0px #fff;
}
/* 表デザイン */
.wp-block-table tr, .wp-block-table td {
border-color: #ccc;
}

/*プランページタイトル
-----------------------------------*/
.plan-title {
	position: relative;
	padding: .6em 0 .6em .60em;
	background-color: #1f9eb5;
border-radius: 5px;
    color: #ffffff;
font-size:20px;
line-height:2;
    text-align: left;
    margin-bottom: 25px;
    display: block;
font-weight: 600;
}
.plan-title:after {
	position: absolute;
	top: 100%;
	left: 38px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #1f9eb5;
}
.plan a {
text-decoration: none;
}
.hp {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/hp-title.png);
    background-repeat: no-repeat;
    overflow: visible;
    margin: 0 -20px;
    padding: 30px 42px;
}
.gr {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/gr-title.png);
    background-repeat: no-repeat;
    overflow: visible;
    margin: 0 -20px;
    padding: 30px 42px;
}
.op {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/op-title.png);
    background-repeat: no-repeat;
    overflow: visible;
    margin: 0 -20px;
    padding: 30px 42px;
}
.thd {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/3d-title.png);
    background-repeat: no-repeat;
    overflow: visible;
    margin: 0 -20px;
    padding: 30px 42px;
}
.hp-title {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/hp-title.png);
    background-repeat: no-repeat;
    padding:20px 20px 20px 80px;
    margin-top: 10px;
    
}
.gr-title {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/gr-title.png);
    background-repeat: no-repeat;
    padding:20px 20px 20px 80px;
    margin-top: 10px;
    
}
.op-title {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/op-title.png);
    background-repeat: no-repeat;
    padding:20px 20px 20px 80px;
    margin-top: 10px;
    
}
.thd-title {
    background-image: url(http://popo-design.net/site2512/wp-content/uploads/2026/01/3d-title.png);
    background-repeat: no-repeat;
    padding:20px 20px 20px 80px;
    margin-top: 10px;
    
}
/* ===== フォーム ===== */
input,textarea,select{
  padding: 8px 12px;
  border:1px solid #ccc;
  border-radius: 4px;
  font-family:inherit;
  font-size:1rem;
  width:100%;
  margin-bottom:1rem;
}
textarea{resize:vertical;}
label{display:block;margin-bottom:.25rem;font-weight:500;}

/* チェックボックス/ラジオ */
input[type="checkbox"], input[type="radio"]{
  width:auto;
  margin-right:0.5rem;
}
/*お問い合わせ　個人情報の記載
-----------------------------------*/
.privacy {
    width: 100%;
    height: 200px;
    background-color: #fff;
    overflow: scroll;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 20px;
}

/*ブログ画像の枠線
-----------------------------------*/
.border {
    border: 2px solid #ccc;
}

/* FAQ装飾 */
summary {
    font-family: WebLTGothicFont;
    border: none;
    position: relative;
    padding: .5em 1em;
    background-color: #d2e7e4;/*背景色*/
    box-shadow: 0 0 0 7px #d2e7e4;/*背景色*/
    border: 2px dashed #fff;/*線の太さ、種類、色*/
    border-radius: 8px;/*角の丸み*/
}
/* 制作実績枠 */
.waku {
border: 1px solid #ddd;
padding: 5px;
}

@media screen and (max-width: 768px) {
body {
font-size: 16px;
}
}