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

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

/*更新時間や投稿者情報の非表示*/
.entry-title,
.page .date-tags,
.page .author-info {
    display: none;
} 


/*メニューデザインをマテリアル風にする*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
}
.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 {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}

/*グローバルメニューマウスオーバー*/
.caption-wrap:hover {
    font-weight: bold;
    color: #ffaf00;
    border-bottom: 3px solid #ffaf00;
}

/*ヘッダー右に電話番号表示、スタイル調整*/
#header .alignleft{
      float:left;
}

#header .head-right{
float:right;
margin:-130px 50px 0 0;
}

#header .address{
font-size:13px; 
} 

#header .cm1{
font-size:13px; 
} 

#header .tel1 .tel2{
font-size:22px; 
margin-left:5px;
color:#fdd835;
} 

.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.article h2 {
  padding: .6em 1em;
  background-color:#004d22;
  border-right: 10px solid #d3d6db;
  border-left: 30px double #d3d6db;
  border-radius: 7px;
  color: #FFF100;
  position: relative;
}

.article h2:after {
  position: absolute;
  left: -10px;
  bottom: 0;
  content: '';
  height: 100%;
  border-left: 10px solid #fbfcfe;
}


.article h3 {
  padding: .4em 3em;
  border:1px solid #d3d6db;
  border-radius: 4px;
  background-image: repeating-linear-gradient(
    45deg,

  #004d22 0%,
  #004d22 7%,
  #fbfcfe 7%,
  #fbfcfe 8%,
  #004d22 8%,
  #004d22 9%,
  #d3d6db 9%,

  #d3d6db 91%,
  #004d22 91%,
  #004d22 92%,
    #fbfcfe 92%,
    #fbfcfe 93%,
    #004d22 93%,
    #004d22
  );
}

#container .sns-buttons a{
  background-color: #004d22;
  color: #fff;
  border: 0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
  /*ヘッダー電話番号の場所を右上にずらす*/
  #header .head-right{
    margin:-130px 50px 0 0;
  }
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  /*ヘッダー電話番号の場所を下にずらす*/
  #header .head-right{
    margin:-5px 50px 10px 0;
  }
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /*スマホでフッターウィジェット表示*/
  .footer-widgets {
    display: block;
  }
}