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

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

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/*アピールエリアの高さ設定　スマホ*/
@media (max-width: 767px){
#appeal {
height: 120vw; 
}

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

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

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

/* CONTACT PILL (Cocoon) */
#header nav#navi #navi-in ul.menu li#menu-item-28 .caption-wrap{overflow:visible!important}
#header nav#navi #navi-in ul.menu li#menu-item-28 .caption-wrap>div{width:auto!important}
#header nav#navi #navi-in ul.menu li#menu-item-28 .item-label{
  display:inline-block!important;background:#000!important;color:#fff!important;
  border-radius:9999px!important;padding:6px 16px!important;line-height:1.2!important;overflow:visible!important
}
#header nav#navi #navi-in ul.menu li#menu-item-28:hover .item-label{background:#333!important}

	
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
	
	
/* =====================================================
   お問い合わせだけ黒丸＋白文字（Cocoon header nav対応）
===================================================== */
#header nav#navi #navi-in ul.menu li#menu-item-28 .caption-wrap {
  overflow: visible !important;
}
#header nav#navi #navi-in ul.menu li#menu-item-28 .caption-wrap > div {
  width: auto !important;
}
#header nav#navi #navi-in ul.menu li#menu-item-28 .item-label {
  display: inline-block !important;
  background: #000 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  padding: 6px 16px !important;
  line-height: 1.2 !important;
  overflow: visible !important;
  transition: background .3s ease !important;
}
#header nav#navi #navi-in ul.menu li#menu-item-28:hover .item-label {
  background: #333 !important;
  color: #fff !important;
}