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

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

/************************************
** カスタマイズ
************************************/
#navi .navi-in > ul li{
	height: 50px;
	line-height: 50px;
}

#navi .navi-in > .menu-header .item-label{
	font-size: 17px;
}

#navi .navi-in a:hover{
	color: #fffdf5!important;
	background: #e0e0e0;
	transition: all 0.5s ease;
　　border:1px solid #BCB3B2;
	border-radius:12px;
	box-shadow:0 2px 5px #eee
}

.front-top-page .list-new-entries-title.list-title {
   display: none;
}

.list-new-entries .list-more-button-wrap {
    display: none;
}


/*固定ページのタイトル非表示*/
.entry-title {
display: none;
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  #navi .navi-in > .menu-mobile li{
    width: 90%;
  }	
}

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

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

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

/************************************
****　お問い合わせフォーム contact form7
************************************/
.haveto{
font-size:9px;
padding:2px 5px;
background:#dfb7b3;/*必須 色の変更はこちら*/
color:#fff;
border-radius:20px;
margin-right:5px;
position:relative;
bottom:2px;
}
#formbtn{
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#545454;
font-size:17px;
border:none;
border-radius:50px;
margin:25px auto 0;
transition:0.3s;
}
#formbtn:hover{
background:#dfb7b3;/*送信 色の変更はこちら*/
color:#fff;
border-radius:50px;
box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.wpcf7 p{
margin-bottom: 1em;
}

/*ヘッダーの余白をなくす*/
.header-in {

    flex-direction: initial;

}

.tagline {

    margin: 0;

}


h1.logo-image{
padding: 0;
}

/*ヘッダーの画像から影を消す*/
.logo-header img{
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

/* ギャラリー */
.gallery { /** ギャラリーを囲むボックス **/
    width: 101%;
    overflow: hidden;
}

.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/

.gallery-item { /** 画像共通のスタイル **/
    margin-bottom: 5px!important;
}

.gallery-icon img {
    width: 100%;
    height: auto;
}

.gallery-caption { /** キャプション **/
    color: #505050!important;
    font-size: 14px!important;
    margin-top: -5px!important;
    margin-bottom: 5px!important;
}

.gallery-columns-2 .gallery-item { /** 2カラム **/
    width: 48%;
    margin: 0 5px;
}

.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.8%;
    margin: 0 5px;
}

.gallery-columns-8 .gallery-item { /** 8カラム **/
    width: 120px;
    margin: 0 1.5px;
}

.gallery-columns-8 .gallery-caption { /** 8カラム キャプション **/
    color: #505050!important;
    font-size: 13px!important;
    margin-top: -5px!important;
}

@media screen and (max-width: 640px) { /* 640px以下用の記述 */
.gallery-columns-3 .gallery-item {
    width: 48%;
    margin: 0 5px;
}