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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* Heading */
.article h3 {
  padding: 0.5em;
  color: #494949;
  background: #fffaf4;
  border-left: solid 5px #ffaf58;
}

.article h4 {
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #ffaf58;
}

.article h5 {
border-bottom: 3px solid #ffaf58;
}


/*テーブル*/
.wp-block-table.is-style-stripes {
    border-bottom: none !important;
}

.wp-block-table thead {
    border-bottom: 2px solid #f0f0f0 !important;
}

.wp-block-table.is-style-stripes tbody td {
  border-bottom: 1px solid #f0f0f0 !important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: transparent !important;
}

/*グローバルメニュー*/
#navi {
	border: 1px solid #ddd;
    padding: 8px;
}

.navi-in > ul .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
  text-align: center !important;
}

.navi-in > ul li.menu-item-has-children {
  position: relative;
}

.navi-in > ul li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    min-height: 220px;
    min-width: 200px;
}

.navi-in > ul .sub-menu li {
    width: 224px;
}

.navi-in > ul .sub-menu a {
    padding: 16px !important;
}

.navi-in > ul li:hover > ul {
    display: flex !important;
}

.navi-in > ul .menu-item-has-description > a > .caption-wrap {
	display: block;
}

.menu-image-title-after.menu-image-title {
    padding-left: 0 !important;
}

img.menu-image.menu-image-title-after {
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin-bottom: 8px;
}

@media screen and (max-width: 1023px){
	#navi {
	  border: none;
	  padding: 0;
	}
}

/* スクロール量でハンバーガーメニューに変更、テスト中 */
@media screen and (min-width: 768px) {
  .hamburger-menu {
    display: none;
  }

  body.scrolled .hamburger-menu {
    display: block;
  }

  body.scrolled .navi {
    display: none;
  }
}


/*メインビジュアル*/
.metaslider {
    margin: 40px auto 0;
}

.metaslider .slides li {
  text-align: center; 
}

.metaslider .slides li img {
  width: 80%;
  height: 600px;
  margin: 0 auto;
  object-fit: cover;
  display: inline-block;
}

/* お問い合わせページ */
.page-id-563 .entry-title {
	text-align: center;
}

.wpcf7-form {
  width: 60%;
  max-width: 1200px; 
  margin: 0 auto;     
  padding: 1em;   
  box-sizing: border-box;
}

/*834px以下*/
@media screen and (max-width: 834px){
	.wpcf7-form {
	  width: 80%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.wpcf7-form {
	  width: 95%;
	}
}

/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge { 
	visibility: hidden; 
}

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}

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

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

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