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

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

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

/* 見出し */
h1 { display: none;}


/*  ヘッダー　サイト名　文字の大きさ */

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

/*  ヘッダー　キャッチフレーズ　文字の大きさ */

.tagline {
    display: none;
}


/*　メニューのバックグランドカラー変更　*/

#navi {
    background-color: #0f8eed78;
}

/*メニューの枠線 */

#header-container .navi, #navi .navi-in>.menu-header .sub-menu {
    border-bottom: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
}

/*メニュー高さの変更・メニュー右寄せ */

/*ホバー設定*/
#navi .navi-in  a:hover{
	color: #0000ff;
	background: #ffffff;
	transition: all 0.5s ease;
}


.navi-in > .sub-menu a:hover {
	color: #afeeee;
	background: #ffffff;
	transition: all 0.5s ease;
}

.navi-in > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


/*1番左と2番目の仕切り線*/
.navi-in > ul li{
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

/*左から3番目以降の仕切り線*/
.navi-in > ul li + li{
	border-right: 1px solid #ffffff;
	border-left: none;
}


/* topメニュー　追従時の　フォントサイズ変更　*/
.header-container-in.hlt-top-menu .site-name-text {
    font-size: 18px;
}


/* ウィジェット　コンテンツ下 */
.content-bottom {
    margin-top: 10px;
    background-color: #afeeee;
	color: #afeeee;
    text-align: center;
	font-size: 14px;
}


/*グローバルナビメニュー説明
.sub-caption{
	font-size:14px;
	color: #ffffff;
}
*/


/* 本体・サイドバー 背景色の変更 */
.main, .sidebar {
    background-color: #ffffff;
}


/* topメニュー　追従時の　サブメニュー表示　*/




/************************************************
 トップへ戻るボタン
*************************************************/
.go-to-top {
    position: fixed;
    display: none;
    right: 280px;
    bottom: 120px;
    z-index: 99999;
}

.go-to-top-button {
	border-radius: 50%; /*丸くする*/
  	width: 60px; /*横幅*/
  	height: 60px; /*高さ*/
  	font-size: 30px; /*アイコンフォントのサイズ*/
  	opacity:0.9; /*透明度*/
 	box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
	background-color: #00bfff;
	color: #000000;
}

/*ホバー時*/
.go-to-top-button:hover {
  color: #00bfff; /*アイコンフォントの色*/
  background-color:#afeeee; /*背景色*/
}


/*サイドバー　見出し　*/
.sidebar h3 {
	background-color: #0f8eed78;
    color: #000000;
   /* width: 247.63px;  */
    height: 36.06px;
    margin: 15px;
    padding: 2px 16px;
    text-align: center;
    font-size: 1.1em;
    font-weight: normal;
	border:none;
}


/* メニュー サイドバーメニュー */

.widget_nav_menu ul li a {
    color: #000000;
    text-decoration: none;
    padding: 10px 14px;
    display: block;
	text-align: center;
    /* padding-right: 4px; */
    /* padding-left: 4px; */
    font-size: 20px;
    border: solid thin #000000;
    margin: 20px 10px;
    background-color: #0f8eed78;
} 

.widget_nav_menu ul li a:hover {
	background-color: #00bfff;
	color : #ffffff;
}



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

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

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