@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/****************************
アピールエリア余白変更
*****************************/
#appeal-in {
	padding: 5px 5px;
}

/*******************************
ヘッダーメニュとコンテンツの隙間変更
********************************/
.content{
	margin-top:5px
}

/**********************************
 * トップページのみヘッダーロゴを変更 *
 ********************************/
/* 元のロゴ画像を非表示 
.home .logo > a img {
	visibility:hidden;
}
/* 元の背景画像を消す
.home .header {
	background-image: none;
}
/* 新たなヘッダーロゴを入れる
.home .logo > a .site-name-text {
	display: inline-block;
	width: 1200px;
	max-width: 100%;
	height: 36vw;
	max-height: 500px;
	background: url("https://grandio.co.jp/sano/wp-content/uploads/2019/07/top_sano.jpg") no-repeat;
	background-size: 100% auto;
} */

/************************************
ナビゲーションメニューカスタマイズ
************************************/
/*ナビゲーションの上下の線*/
#navi {
	border-top:solid 1px #8ec6ff;
	border-bottom:solid 1px #8ec6ff;
}

/*ナビゲーションの背景色グラデーション*/
#navi .navi-in > ul { 
   background: linear-gradient(to bottom, #eff7ff, #99ccff); 
}

/*ナビゲーションメニューロールオーバー*/
#navi .navi-in a:hover {
	background: linear-gradient(to bottom, #ffffef, #ffd); 
	font-weight: 600
		/*background-color: #FFD;*/
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
	border-bottom: 3px solid #1E90FF;
}

/* サイドバーのhoverを変更 */
.widget-sidebar a:hover {
	text-decoration : underline;
	font-weight: 600
}

/* サイドバー見出し装飾 */
  h3.widget-sidebar-title {
    color: #333333;                      /* 文字色 */
    background: #ffffff;                 /* 背景色 */
    padding: 0.25em 0.25em;              /* [上下][左右]の余白 */
    border: none ;                       /* 全枠 */
  }
  h3.widget-sidebar-title::after {
    content: "";                         /* 語尾付加文字列 */
    display: block;                      /* Block表示 */
    height: 7px;                         /* 高さ */
    background: linear-gradient(to right, #99ccff, transparent);  /* 背景 グラデーション*/
 }

/*スクロール追従モバイル非表示*/
@media screen and (max-width:768px){
 .sidebar-scroll{
    display:none;
}
}

/*----------------------------------*/
/* 投稿日付を非表示                 */
/*----------------------------------*/
.post-date {
    display:none;
}

/*投稿者名を非表示*/
.author-info{
  display: none;
}

/*トップページと図書館のタイトルを非表示*/
.home.page .entry-title,.page-id-79 .entry-title{
  display: none;
}

/*図書館のみアピールエリア非表示
.page-id-79 div.appeal-in{
  display: none;
}*/

/*キャッチフレーズの文字サイズ*/
.tagline{
	color:#000000;
	font-size: 16px;	
}
/*端末幅が1023px以下のときはキャッチフレーズ非表示*/
@media screen and (max-width: 1023px){
  #header .tagline{
   display: none;
  }
}

/*コンタクトフォーム　カスタマイズ*/
input.wpcf7c-conf,
textarea.wpcf7c-conf {
  padding: 2;
  background: #fff;
  border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 */
}

.wpcf7-text:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
} 

/*画像のキャプションセンタリング*/
.wp-block-image figcaption {
	margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #000000;
    text-align: center;
	 font-size: 1em;
}

/*画像の影けす
.kagekesu {
	box-shadow: none !important;
}*/
	
/*ぷち読み影消す*/
.wp-image-6137 {
	box-shadow: none !important;
}

/*ぷちスポ影消す*/
.wp-image-6136 {
	box-shadow: none !important;
}

/*ぷちプログラム影消す*/
.wp-image-6135 {
	box-shadow: none !important;
}

/*ぷちカル影消す*/
.wp-image-6134 {
	box-shadow: none !important;
}

/*pdf画像影消す*/
.wp-image-3756{
	box-shadow: none !important;
}

/*わーくわーく大画像影消す*/
.wp-image-6038{
	box-shadow: none !important;
}

/*ワークワーク小画像影消す*/
.wp-image-6037{
	box-shadow: none !important;
}

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

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

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

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