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

/************************************
** 子テーマ用のスタイルを書く
************************************/
body {
  overflow-x: clip;
}

/* カバーブロック用：インナーブロックの中央寄せを追加 */
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/* 画像ブロックは以下で画面幅に */
.cstm-blk-fullwide {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

/*参考 画像ブロックの高さ調整 */
.cstm-blk-fullwide.cstm-blk-img-height img{
  height: 50vmin;
}

/*必要ならばここにコードを書く*/
#navi .navi-in > ul li{
	height: 140px;
	line-height: 140px;
}

/*グローバルメニューの画像サイズ*/
#navi .navi-in > .menu-header .item-label img{
height: 130px;
width: 40px;
margin: 0 auto
}

/*グローバルメニューの画像にマウスカーソルを合わせると拡大する*/
#navi .navi-in > .menu-header .item-label img:hover{
transform:scale(1.1);transition-duration:0.2s;}

/*固定ページの日付非表示*/
.page .date-tags {
display: none;
}

/*携帯でのロゴのサイズ*/
@media screen and (max-width: 480px){
	.logo img {
		height: 120px !important;
		margin: .5em auto;
	}
}

/*ヘッダーfixメニューロゴサイズ*/
#header .logo logo-header logo-image img.site-fixed-logo-image header-site-logo-image {
height: 100px;
width: auto;
}

/* サイドバーのプロフィール欄に背景色をつける */
#sidebar .widget_author_box .author-box{
background: #dddcd6;
border: none; /* 外枠線を消す */
}

/* サイドバーのプロフィール欄のリンク色を変える */
#sidebar .widget_author_box .author-box a{
color: #824880;
}
#sidebar .widget_author_box .author-box a:hover { /*リンクテキストホバー時アンダーライン表示*/
color: #555555;
text-decoration: underline;
}
.author-box p {
font-size: 15px;
line-height: 1.5em;
}
.author-box .author-name {
  font-size: 20px;
}
.nwa .author-box .author-description {
  text-align: center;
}

/* 見出しデザインのカスタマイズ */
.article h2 {
padding: 24px 10px 24px 20px;
color: #824880;
font-size: 25px;
background-color: transparent;
background-image: linear-gradient(45deg, #f4eaff 25%, transparent 25%, transparent 75%, #f4eaff 75%, #f4eaff),
linear-gradient(45deg, #f4eaff 25%, transparent 25%, transparent 75%, #f4eaff 75%, #f4eaff);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
}
.article h3 {
color: #824880;
border-left: 7px solid #824880;
border-right: 1px solid #824880;
border-top: 1px solid #824880;
border-bottom: 1px solid #824880;
font-size: 22px;
padding: 12px 20px;
}
.article h4 {
color: #824880;
border-top: 2px solid #824880;
border-bottom: 2px solid #824880;
padding: 9px 1px;
}
.article h5 {
color: #824880;
border-bottom: 2px solid #824880;
padding: 9px 1px;
}
.article h6 {
color: #824880;
border-bottom: 1px solid #824880;
padding: 7px 1px;
}

/************************************
** ■リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
text-decoration: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
color: #555555;
text-decoration: underline;
}
.share-button{ /*シェアボタン装飾無し*/
text-decoration: none!important;
}
.follow-button{ /*フォローボタン装飾無し*/
text-decoration: none!important;
}
.cat-link{ /*カテゴリーラベル装飾無し*/
text-decoration: none!important;
}
.tag-link{ /*タグラベル装飾無し*/
text-decoration: none!important;
}


/************************************
** コンテンツの上下余白
************************************/
.entry-content {
  margin-top: 0;
}

.date-tags {
  margin-bottom: 0;
}

#main {
  border-top: none;
  padding: 0px 29px;
}


/************************************
** フッターカスタマイズ
************************************/

/* フッターの背景に模様を入れる */
#footer {
 margin-top: 0px !important;
 padding: 15px 3px 10px 3px !important;
 background-image: url(http://genjiogikubo.xsrv.jp/web/wp-content/uploads/2025/05/bg_purple2.png)!important; /*背景*/
 background-repeat: repeat !important;
}

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
 padding: 0;
 max-width: 100px;
}

.footer-bottom-logo img {
 height: 100px;
 width: auto;
}

/* フッター見出しデザイン */
.footer h3 {
text-align: center; /* テキストの位置を真ん中にする */
margin: 0px 0px 10px 0px; /* 周囲の余白 */
border-bottom: double 3px black; /* 下部に2pxの波線を表示する */
color: black; /* 色の変更 */
}
#footer .widget_nav_menu ul li {
background-color: none;
transition: none;
}
#footer .widget_nav_menu ul li a {
color: black;
background-color: none;
padding: 5px 0;
}
#footer .widget_nav_menu ul li a:hover {
color: white;
transform:scale(1.1);transition-duration:0.2s;
}


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

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

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