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

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

#header 
{
  background-size: contain;
}

body 
{
  margin-top: 0px !important;
}

#pc_header {
  display: block;
}

#sp_header {
  display: none;
}

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

header .site-name-text {
  display: none;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  body 
  {
    margin-top: 50px !important;
  }
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  .header {
    background-image: initial !important;
    padding-top: initial !important;
    min-height: initial !important;
  }

  .header .header-in {
    min-height: initial !important;
  }

  header span.site-name-text 
  {
    display: inline-block !important;
  }

  body {
    margin-top:50px !important;
  }

  #pc_header {
    display: none;
  }

  #sp_header {
    display: block;
  }
}

/* toc====================== */
ol.toc-list {
    max-height: 500px;
    overflow-y: auto;
    width: 260px;
}

/* h1 */
.toc-list li a.current {
    background-color: #E3F3FE !important;
}

/* h2 */
.toc-list ol > li:has(a.current)  {
    background-color: #E3F3FE !important;
}

.toc-list li a:not(.current) {
    color: #666666
}


.toc-list li a:hover {
    background-color: #E3F3FE;
    color: #208848;
}

.toc-center {
    margin: 1em 0px;
    width: 100%;
}

.toc-center ol.toc-list{
	 width : 100%;
}

.toc .toc-list {
    padding-left: 2em;
}

.home #main h1:before, .home #main h1:after {
    background: initial !important;
}

.home #main .widget-entry-cards figure img{
	 object-fit: contain !important;
}

.column-wrap
{
	width:100%;
}

.scroll-area{
  height:250px;
  max-height:250px;
}
.scroll-area {
  height: 250px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scroll-area::-webkit-scrollbar {
  display: none;
}
.simplebar-track {
    background: #E5E5E5;
    border-radius: 10px;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible::before{
  opacity:1; /* デフォルトだと薄くなっています。*/
}

.simplebar-track .simplebar-scrollbar::before{
  background: #F7C934;
}

.simplebar-vertical {
    visibility: visible !important;
}

.size_300_250 img
{
	width:300px !important;
	height:250px !important;
}

header h1 span.site-name-text 
{
  display: none;
}

.header {
  padding-top: initial !important;
}

/*————————————
リンカーフリーリンクボタンカラー変更
————————————*/
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a{
background: #2dab0e;
border: 2px solid #2dab0e;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a{
background: #e63225;
border: 2px solid #e63225;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 a{
background: #2b3878;
border: 2px solid #2b3878;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a{
background: #F5989D;
border: 2px solid #F5989D;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 a {
    background: #ff5800;
    border: 2px solid #ff5800;
}
img {
pointer-events: none;
}

header h1 span.site-name-text 
{
  display: none;
}

header span.site-name-text {
  display: none;
}

/* -------------------------------------------------------
   掲示板トピック作成フォームの注意書き＆検索ボックス用スタイル
   （bbp-notice-custom 用）
-------------------------------------------------------- */

.bbp-notice-custom {
  background: #fff; /* 白背景に変更 */
  border: 2px dashed #ffa500;  /* オレンジの点線枠 */
  padding: 16px;
  margin-bottom: 24px;
  border-radius: 6px;
}

.bbp-notice-custom p {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.6;
}

.bbp-notice-custom input[type="text"] {
  padding: 10px;
  width: 70%;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.bbp-notice-custom button {
  padding: 12px 24px;
  background-color: #ff8c00; /* オレンジ */
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 8px;
}

.bbp-notice-custom button:hover {
  background-color: #e67600;
}

/* -------------------------------------------------------
   bbPressの「このトピックは空です。」通知のテキストのみ非表示にする
   （ボックスは残して整列崩れ防止）
-------------------------------------------------------- */
.bbp-template-notice.info {
  visibility: hidden;
  height: 1.5em; /* 高さ調整、必要に応じて調整可 */
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}