@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page .sns-share,
.page .sns-follow {
    display: none;
}
.page .date-tags {
display: none;
}
.pr-notice {
  background-color: #fff9e6;
  border: 1px solid #f1c40f;
  padding: 10px 15px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
  border-radius: 5px;
}
/* --- キャッチフレーズ表示 --- */


.header-in .tagline{
  display:block !important;
  font-size:13px;
  line-height:1.6;
  color:#666;
  letter-spacing:.03em;
  margin:5px 15px 4px;      
  text-align:left;
}

#header-in.header-in{
  display:flex;
  flex-direction:column;   
  align-items:flex-start;
  gap:4px;
}


.logo.logo-header{
  margin:0; line-height:1;
}
.logo-header .site-logo-image{ display:block; height:auto; }


#navi .navi-in{ display:flex; justify-content:flex-end; }


@media (max-width: 960px){
  .header-in .tagline{ font-size:12px; }
  .logo-header .site-logo-image{ max-width:180px; }
}
/* ===== Footerブロック ===== */
.footer-about, .footer-links-block, .footer-cta{
  font-size:14px;
  color:#555555;
  line-height:1.8;
}
h3.footer-title {
  font-size:18px;
  font-weight:700;
  color:#333;
  margin-bottom:6px;
}
.footer-links{
  /*list-style:none;*/
  margin:0 0 20px 25px;
  padding:0;
}
.footer-links a{
  color:#333;
  text-decoration:none;
}
.footer-links a:hover{
  text-decoration:underline;
  color:#333;
}
.footer-cta .btn {
  display: inline-block;
  margin: 6px 0 14px;
  padding: 10px 18px;
  background: #ffb6c1; 
  color: #fff !important;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s, transform 0.1s;
}
.footer-cta .btn:hover {
  background: #ffc0cb; 
  transform: translateY(-1px);
}

h2 {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem); 
  line-height: 1.3;
  font-weight: 600;
  color: #222;
  margin: 2.0em 0 1.0em;
}
h3 {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: clamp(1.3rem, 2.2vw, 1.75rem); 
  line-height: 1.35;
  font-weight: 600;
  color: #333; 
  margin: 1.6em 0 0.8em;
}

p {
  font-size: 17px;          
  line-height: 1.6;          
  color: #202123;             
  letter-spacing: 0.02em;    
  margin-bottom: 1.5em;           
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}