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

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

/************************************
** 共通
************************************/

a img:hover { opacity: .8; }

.main { padding-left: 0; padding-right: 0; }

/************************************
** ヘッダー＆グローバルメニュー
************************************/

.search-menu-button.menu-button label#search-menu-open {
	display: none;
}

@media screen and (max-width: 1023px) {
.header {
  display: none;
}
.logo-menu-button img {
  max-height: 35px;
  margin-top: 3px;
}
.page .entry-title {
  font-size: 26px;		
}
}

.tagline { font-size: .74rem; margin: 6px 0 6px 0; }
.logo { text-align: left; }
.logo .site-name { padding: 0; }
.navi { background-color: #f9afc6; }
.navi .item-label { color: #ffffff; }

#navi .navi-in ul {
	border-right: 1px solid #fff;
}

#navi .navi-in > ul li{
	height: 40px;
	line-height: 40px;
}

#navi .navi-in li {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #cc104b;
  background: #f7a1bc;
  background: linear-gradient(to bottom, #f7a1bc 0%, #f4729b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f492b4', endColorstr='#f07197',GradientType=0 );
}

#navi .navi-in li.current-menu-item {
  background: #f15183;
  background: linear-gradient(to bottom, #f36994 0%, #ef3972 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25d8d', endColorstr='#ef4777',GradientType=0 );
}

#navi .navi-in li a:hover,
#navi .navi-in li a:active {
  background: #ef3972;
  background: linear-gradient(to bottom, #f36994 0%, #ef3972 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25d8d', endColorstr='#ef4777',GradientType=0 );
}

/************************************
** フッター
************************************/

.footer-widgets-mobile { margin: 0; }
.widget-footer-mobile { margin-bottom: 0 !important; }

/************************************
** 電話番号の画像リンクホバー解除
************************************/

.contact a img:hover { opacity: 1; }

#media_image-3 a img:hover { opacity: 1; }

/************************************
** トップページ
************************************/

.home .main { padding-top: 5px; padding-bottom: 0; }
.home .article { margin-bottom: 0; }
.home .content-top { margin: 0 0; text-align: center; }
.home .content.cf { margin-top: 0; }
.home .entry-content.cf { margin-top: 0; margin-bottom: 0; }
.home .widget-content-top { margin-bottom: 0 !important; }

.home .wp-image-21 {margin-bottom: 20px;}
.home .wp-image-358 {display:none;}

@media screen and (max-width: 1023px) {
.tagline, .logo-header {padding-left: 16px; padding-right: 16px;}
.logo-header {text-align: center;}
p.contact { float: unset !important; margin: 20px 0 10px; }
main.main, div.sidebar {
  padding: 16px;
}

.home.body .is-layout-flex.wp-container-3 .wp-block-column {vertical-align: middle;}

}

@media screen and (max-width: 480px){
p.contact { margin-bottom: 0; }
.home .wp-image-21 {display:none;}
.home .wp-image-358 {display:block; margin-bottom: 20px;}
}

/************************************
** 固定ページ
************************************/

.entry-title, .archive-title { font-size: 32px; margin-top: 0; margin-bottom: 30px; text-align: center; }

.page .date-tags { display: none; }

@media screen and (max-width: 480px) {
.entry-title, .article h2 {
  padding: 0 0.5em;
}
}

@media screen and (max-width: 600px) {
.single-post .entry-title,
.single-post .article h2 {
  font-size: 1.2em;
}
}


/************************************
** コンテントボトム
************************************/

#content-bottom { text-align: center; background-color: #fde8ef; margin: 0 0; padding: 25px 0 15px; }
#media_image-3 { margin-bottom: 0 !important; }


/************************************
** フッター
************************************/

.footer { margin-top: 0; }
.footer-bottom { margin-top: 0; }
.copyright { margin-top: 0; }
.img-footer {margin-bottom: 10px; padding-right: 15px; padding-left: 15px;}
#media_image-4 {margin-bottom:0;}

/************************************
** 404ページ
************************************/
.error404 img.not-found { display: none; }
.error404 .post.article p { text-align: center; }

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

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

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