@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************
* 詳細ページ
************************/
/*font はんなり*/
@font-face {
  font-family: "Hannari";
  src: url("/wp-content/themes/cocoon-child-master/fonts/Hannari.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

/*はんなり明朝設定*/
body, .post-body, .entry-content {
  font-family: "Hannari", serif;
}

/*バックグラウンド色*/
:root{
  --nono-background-color1: #FEFAF4;
  --nono-background-color2: #fFF3ED;
  --nono-background-color :var(--nono-background-color2);
  --cocoon-white-color:    var(--nono-background-color);
  --nono-font-color: #573729;
 }


/*タイトルのフォント*/
 #header .site-name-text {
  font-size: 22px;
}


/* タイトル */
body .article h1.entry-title {
	padding: .5em 0;
	border-top: 0px solid !important;
	border-bottom: 0px solid;
}

/*--------ヘッダー、header-container追従するように-----------------------*/
/* サイトタイトルとナビゲーションを含むヘッダー全体を固定 */
#header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

/*headre-containerをクリックできるように*/
/* ナビゲーションメニューとリンクに高いz-indexを設定 */
.navi-menu-content, #navi, .navi-in a {
  position: relative; /* z-indexを有効にするため */
  z-index: 100;
}

/*bodyはずらさない*/
body {
  padding-top: 0px; /* bodyはずらさない */
 }
 
 /* 子要素であるヘッダーコンテナは、親要素内で余白をとる */
 .header-container {
   /* 親要素がfixedなので、ここも相対的な位置で動く */
   margin-top: 0px; /* ここで内側の余白をとる */
   width: 100%; /* 親要素に合わせて幅を確保 */
   height: auto;
 }
 
 /* header.header.cfを通常の位置に戻す */
 .header.header.cf {
   position: static !important;
   width: auto !important;
   height: auto !important;
 
 }



/*バックグラウンド色 指定　紙背景と競合*/

 body{
/*	background-color: var(--nono-background-color); */
}
.container, .sidebar-menu-content, .navi-menu-content, .mobile-menu-buttons, #navi .navi-in>.menu-mobile li {
/*  background-color: var(--nono-background-color); */
}
/*worksページのホバーの設定*/
.a-wrap:hover {
/*  background-color: var(--nono-background-color); */
}

/*マウスホバー時の色*/
.navi-in a:hover {
/*  background-color: var(--nono-background-color); */
  font-weight:1000;
}

/******************************************************************************************
-----------------背景を紙に nono-background-color,cocoon-white-colorと競合してるので-----
*******************************************************************************************/
body, .navi-in > ul, .main , .entry-card-wrap, .navi, .header-container  {
    background-image: url('https://test-site.nono-architects.com/wp-content/uploads/2025/09/paper1.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed;
}

.container, .sidebar-menu-content, .navi-menu-content, .mobile-menu-buttons, #navi .navi-in>.menu-mobile li {
  background-image: url('https://test-site.nono-architects.com/wp-content/uploads/2025/09/paper1.jpg');
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
}

.header, .header .site-name-text, #navi .navi-in a, #navi .navi-in a:hover, .appeal-content .appeal-button, .article h2, .sidebar h2, .sidebar h3, .cat-link, .cat-label, .blogcard-type .blogcard::before, #footer, #footer a:not(.sns-button) {
    background-image: url('https://test-site.nono-architects.com/wp-content/uploads/2025/09/paper1.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed;
}



/*メニューのクリック幅を調整*/
/* メニュー項目の固定幅を無効化 */
.navi-in > ul li {
  width: auto;
  height: auto;
}

/* ナビゲーションメニューのリンクにスタイルを適用 */
.navi-in a {
  /* 親要素の幅に合わせていた設定を無効化 */
  width: auto;
  height: auto;
  
  /* 文字列の周りに適切なパディングを追加してクリックエリアを調整 */
  padding: 0px 0px; /* ここで上下左右の余白を調整 */
}

/* 文字列間の余白を調整 */
.navi-in > ul li {
  margin: 0 40px; /* ここで左右の余白を調整 */
}

#navi .navi-in > .menu-mobile li a {
  font-size: 16px;
}






/*フッター　タイトルとロゴ距離、ロゴの大きさ*/
.footer-title {
  font-size: 18px;
}
.footer-bottom {
  display: grid;
  grid-template-columns: 1fr auto 1fr; /* 3つの列を作成 */
  align-items: center;
}
.footer-logo {
  grid-column: 2; /* 2列目（中央）に配置 */
}
.copyright {
  margin-left: 60px; /* 左側に余白を追加して右にずらす */
}
.footer-title {
  margin-left: 60px; /* 右側に余白を追加して右にずらす */
}
.footer-logo img {
  width: auto;
  height: 60px;
}


/*色定義一般*/
:root {
  --primary-color: 247, 247, 246;
  --secondary-color: 255, 255, 246;
  --back-color: 247, 247, 247;
  --black-color: 69, 36, 15;
  --white-color: 247, 247, 246;
  --gray-color: 247, 247, 246;
  --gray-light-color: 247, 247, 246;
  --black-color: 69, 36, 15;

/*h1の上線下線無*/

.entry-title, .archive-title {
  font-size: 18px;
  margin: 16px 0;
  line-height: 1.3;
}

}

/*h1 文字太さ*/
.article h1, .article h3, .article h4, .article h5, .article h6 {
  font-weight: 100;
}


/*h2バックグラウンド色*/
.article h2 {
/*  background-color: var(--nono-background-color); */
  padding: 5px 0;
  font-size:17px; 
  font-weight:100;
}



/*文字下部の装飾*/
.logo-text .site-name-text, .mobile-menu-buttons .logo-menu-button > a {
  text-emphasis-style: dot;
-webkit-text-emphasis-style: none;
}


/*文字色*/
.header, .header .site-name-text, #navi .navi-in a, #navi .navi-in a:hover, .appeal-content .appeal-button, .article h2, .sidebar h2, .sidebar h3, .cat-link, .cat-label, .blogcard-type .blogcard::before, #footer, #footer a:not(.sns-button) {
/*  color: #45240f; */
  color: var(--nono-font-color);
}


body.public-page {
  --cocoon-text-color: var(--nono-font-color);
}

/*お問い合わせ*/

.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select, input[type="submit"] {
  border: 0.1px solid rgba(var(--black-color), .1);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, .3);
}

.entry-content>*, .demo .entry-content p {
  line-height: 1.2;
}

.fz-18px {
  font-size: 14px;
}

/*送信ボタン*/
input[type="submit"] {
  text-align: center;
  font-size: 13px;
  letter-spacing: .1em;
}

input[type=submit], #bbp_reply_submit, .bp-login-widget-register-link a {
  width: 20%;
}
/*front*/
#top_img.random {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/*works*/
/*画像とタイトル縦並び*/
.entry-card {
  display: flex;
  flex-direction: column;
}
/*月週日のアクセス数表示しない*/
.admin-pv, .entry-card-meta {
  display: none;
}

/*各投稿タイトルフォント*/
.related-entry-card-title, .entry-card-title {
    font-size: 12px;
    font-weight: 100;

}

/*画像のpadding*/
.main {
    padding: 36px 120px;
 
}

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

   /* フッターの要素を縦並びにする */
    .footer-bottom {
      display: flex; /* flexboxに変更 */
      flex-direction: column; /* 縦方向に配置 */
      align-items: center; /* 中央揃え */
      text-align: center; /* テキストも中央揃え */
    }
  
    /* ロゴの下に余白を追加 */
    .footer-logo {
      margin: 20px 0;
    }
  
    /* 著作権表記とタイトルの余白をリセット */
    .copyright,
    .footer-title {
      margin-left: 0;
    }
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

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