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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* sub-menuを常に表示できるようにするコード */
.skin-grayish .navi-in[data-active=ture]>ul>li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
}
.search-box {
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/* モバイル時に表示したい画像のURLを設定する */
 .skin-grayish.front-top-page .container .header-container .header {
 	background-image: url(https://kawaiistreetpiano.com/wp-content/uploads/2026/07/629c18926d8715ea66cef52d0c7b8476-scaled.png);
	background-position: center center;
 }	
	/* モバイル時に非表示にしたい設定 */
	.wp-image-361 { display: none !important; }
}
/* pcのみ非表示設定 */
@media screen and (min-width: 834px) {
  .pc-hidden {
    display: none !important;
  }
	/*kawaiistreetpianoとはの背景の表示設定*/
	.wp-block-cover__image-background wp-image-1100 size-full {display:none;}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	  

}

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


/* カラム全体 */
/* 前後のカラムとの間隔などを設定 */
.my-timeline-block {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0;
    margin-bottom: 0;
    border-left: solid 5px #e0ffff;
}

/* 日付のテキスト */
/* 日付の左横に青色の丸アイコンを表示 */
.my-timeline-block .wp-block-column:first-child p::before {
    content: "●";
    color: #0000ff;
    position: relative;
    top: 0;
    left: -13px;
}

/* 右側（出来事）のカラム */
/* 吹き出しの色などを設定 */
.my-timeline-block .wp-block-column:last-child {
    border-radius: 10px;
    box-shadow: 0px 0px 80px -30px rgba(102, 141, 186, .5);
    padding: 20px;
    background-color: #f1f5f7;
}

/* スマートフォンのとき */
@media (max-width: 980px) {
    /* 日付のテキスト */
    /* 青色の丸アイコンの位置を調整 */
    .my-timeline-block .wp-block-column:first-child p::before {
        left: -11px;
    }

    /* 右側（出来事）のカラム */
    /* 吹き出しの位置を調整 */
    .my-timeline-block .wp-block-column:last-child {
        margin-left: 20px;
    }
	
	
}