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

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

/*サイドバー設定*/
.sidebar h3{
  color: white;/*文字の色を変える*/
}

/*モバイルヘッダーメニューの配色設定*/
.mobile-menu-buttons {
background: #ffffff;
color: black;
}

.mobile-menu-buttons .menu-button > a {
color: white;
}

/*mobile スライドインナビメニュー色*/
div.navi-menu-content {
    background: rgba(0, 0, 0, 0.8);/* 背景色：黒*/  
}
 
.menu-drawer a:hover {
    background-color: transparent;/*背景透明 */
    color: #808000; /* 文字色:オリーブ→ここを変更 */
}
 
/*mobile スライドインナビ文字色.枠線*/
 
.navi-menu-content ul li a{
  border-bottom: 1px dashed #fff; /* 下線の種類:白 */
  color: #fff;　/* 文字色:白 */
}

/*イノセンス背景画像OFF*/
body {
    background-image: none;
}

/*イノセンスグローバルナビメニュー設定*/
#navi .caption-wrap .item-label {
    font-size: 15px;
    /*line-height: 62px;*/
    color: white;/*文字の色を変える*/
    letter-spacing: .07em;
}

/************************************
全体のバランス
************************************/
.entry-content {
padding:1em;
padding-top:0;
margin: 0 auto;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}
img{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}

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

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

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