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

/************************************
** 子テーマ用のスタイルを書く
************************************/
body, .header, .appeal {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.sidebar h2,
.sidebar h3 {
  background-color: #4b412f;
  color : #ffffff;
  font-size : 17px;
  padding: 12px;
  margin: 16px 0;
  border-radius: 2px;
}
.footer {
  margin-top: 20px;
  padding: 8px;
  background : #df6511;
  color : #ffffff;
}
.footer a {
  color : #ffffff;
}
.navi-in > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  background : #f95212!important;
}

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

}

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

/*480px以下*/
@media screen and (max-width: 480px){
  #navi .navi-in > .menu-mobile li {
    width: 50%;
    height: 40px;
    line-height: 40px;
    background : #f95212;
    margin: 0 0 -1px;
    border : 1px solid #c0c0c0;
  }
}