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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* スクロール位置調整 */
html {
	scroll-padding-top: 55px;
}

/* 「デザインリセット用のコード」 */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/*見出し2のカスタマイズ*/
.entry-content h2 {
  position: relative;
  padding: .5em .75em;
  background-color: #954e2a;
  border-radius: 6px;
  color:#FFFF;
}
.entry-content h2::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #954e2a;
}


/*スマホ横並び維持*/
.wp-block-columns {
flex-wrap: nowrap;
}
.entry-title {
display: none;
}

/*メイン固定とサイドバー背景画像 */
.main{
	background-image: url('https://ounodoukutsu.jp/wp-content/uploads/2025/07/background-rockskin8.jpg');/* メニューの背景色 */
    background-size: 1000px;
}
.sidebar{
	background-image: url('https://ounodoukutsu.jp/wp-content/uploads/2025/07/background-rockskin8.jpg');/* メニューの背景色 */
	background-size: 1000px;
}

/*アコーディオン内のタイトル表示を左へ*/
.toggle-button {
    display: flex;
 }

/*グローバルメニューの文字サイズ*/
#navi .navi-in > .menu-header .item-label{
	font-size: 15px;
}

/*目次のカスタマイズ*/
.toc-title {
    font-weight: bold;
	color: #0693cd;
}
.toc {
	background: #f4f5f7;
	border: 5px double #0693cd!important;}

/*マウスオーバー時にリンクを凹ませる*/
a:hover{ position:relative;top:3px ;left:3px; }

/*マウスオーバー時にリンクを半透明に光らせる*/
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}

/*ヘッダーの表示調整*/
.tagline {
    margin: 0;
}
.logo-image{
	padding: 0;	
}
a.site-name.site-name-text-link {
    padding: 0;
	pointer-events: none;
}
#navi .navi-in > ul li {
    height: 50px;
    line-height: 40px;
}
.fixed-header > .item-label {
    color: black;
}
/*コンテンツの上マージン削除*/
.content {
    margin-top: 0;
}

/* モバイル用ヒーロー画像 */
img.mobile-logo { display: none; }
img.site-fixed-logo-image { display: none!important; }
@media screen and (max-width: 1023px) {
	img.mobile-logo { display: inline; }
	img.site-fixed-logo-image{ display: inline!important; }
}

/*スマホ用デフォルトサイトネームを消す*/
#header .site-name-text {
    font-size: 0px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
**********
**************************/