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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*サイトタイトル*/
.site-name-text{
font-size: 50px;
}

/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
}
#navi .navi-in > .menu-header .item-label{
	font-size: 18px;
}
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
}


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

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

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

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

.gallery-item{
vertical-align: initial;
}

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

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

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

.page .date-tags {
display: none;
}

.logo{
	text-align:left;
}

#navi .navi-in > ul > li{
  border-left: 1px dashed #ffffff;
}

#navi .navi-in > ul > li:last-child{
  border-right: 1px dashed #ffffff;
}

.navi-in > ul > .menu-item-has-children > a::after{ 
  right: 10px; 
}

@media screen and (max-width: 480px) {

        /* 元のロゴ画像を非表示 */

        .logo > a img {

                visibility: hidden;

        }

        /* ページ毎にロゴ画像を指定 */

        .logo > a .site-name-text {

                display: inline-block;

                width: 1236px;

                max-width: 100%;

                height: 60vw;

                max-height: 650px;

                background: url("http://kyo-yuu.net/wp/wp-content/uploads/2025/08/title12.png") no-repeat;

                background-size: contain;

                background-position: center;

        }

}