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

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

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

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

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

/*グローバルナビのホバーブルー*/
.caption-wrap:hover {
    font-weight: bold;
    color: #0000ff;
    border-bottom: 0px solid #ffaf00;
}
/*スマホメニューを横スクロール*/
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi a{
   color:#666666; /* 文字色 */
   padding:1em 1em;
}
#header-container #navi a:hover{
   color:#0000ff; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
@media screen and (max-width: 1030px){
  #header-container .menu-mobile{
    display:none;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:1em;
    padding: 0.5em 0.5em;
  }

  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: 1.8;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}


/* ボックスメニューの設定 */
.box-menu-icon {
color:#0000FF;/* アイコンの色 */
}
.box-menu:hover{
	box-shadow: inset 2px 2px 0 0 #0000ff,
	2px 2px 0 0 #0000ff,
	2px 0 0 0 #ff0000ff,
	0 2px 0 0 #0000ff;
}


/* ボックスメニューの設定モバイル3列 */
@media screen and (max-width: 599px){
.wwa .box-menu {
	width: 33.33%;
}
}

/*ボックスメニュー*/
.box-menu{
  width:calc(100%/4)!important;
  padding: 1em 2px 5px 2px;
  min-height:80px !important;
}
.box-menu-icon{
  font-size: 25px;
  margin:0;
  padding-bottom: 2px;
  height:60px;
}
.box-menu-label{
  font-size: 11px;
  color:gray;
}
.box-menu-description{
  color: gray;
  background: skyblue;
}




/************************************
** ボックス タイトル
************************************/
.box-menu_title  {
font-size: 10px;
}

/*サイドバーカテゴリー*/
.sidebar h3 {
    background-color: #d2b48c;
    padding: 7px 20px;
    margin: 40px 0 20px;
color: #fff;
 border-radius: 7px ;
	font-size: 1em;
}

/************************************
** モバイル版（フッターメニュー表示時）ナビゲーションメニュー
************************************/

/* ↓↓ナビゲーションメニュー、サイドバーの×ボタン */
.menu-close-button {
  margin-right: 8%;
  text-align: right;
  color: #d2b48c;
  opacity: 0.7;
}
/* ↑↑ ナビゲーションメニュー、サイドバーの×ボタン */

/* ↓↓ナビゲーションメニュー、サイドバーの背景色 */
.menu-content {
  background-color: #000000;
}
/* ↑↑ナビゲーションメニュー、サイドバーの背景色 */

/*  ↓↓主項目 */
.menu-drawer > li {
  padding: 15px 0;
  line-height: 2;
  text-align: center;
  font-weight: bold;
}

.menu-drawer > li > a {
  border-radius: 10px;
   : 0 0 10px -5px rgba(0, 0, 0, 0.5);
  background: linear-gradient(10deg, #d2b48c, #d2b48c);
  margin: 6px 0;
  padding: 4px 1em;
  border: 0px solid white;
  color: white;
}

.menu-drawer > li > a:hover {
  color: white;
  opacity: 0.6;
}
/*  ↑↑主項目 */

/*  ↓↓副項目 */
.menu-drawer .sub-menu li {
  text-align: left;
}

.menu-drawer .sub-menu li a {
  position: relative;
  padding: 0 25px;
  color: black;
}

.menu-drawer .sub-menu li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 11px solid #d2b48c;
  border-bottom: 8px solid transparent;
}

.menu-drawer .sub-menu li a:hover {
  opacity: 0.6;
}
/*  ↑↑副項目 */

/*アイキャッチ画像のタグ非表示*/
.cat-label {display:none
}

/*カテゴリーからnewsを非表示*/
.cat-item.cat-item-22{display:none;}
cat-item-22