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

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


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

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

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

/************************************
** 固定ページ関連のスタイル
************************************/
.front-top-page #main .entry-title,
.page .date-tags {
    display: none;
}

/************************************
** グローバルメニューのデザイン調整
************************************/
.navi-in > ul li {
    height: 80px;
    line-height: 80px;
}
.navi-in .menu-header .item-label {
    font-size: 20px;
}

/************************************
** Googleカレンダーの埋め込みスタイル
************************************/
/* Googleカレンダーの中央配置 */
.g-calendar {
    display: flex;
    justify-content: center;
}

/* Googleカレンダーの埋め込みサイズ設定 */
.g-calendar iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    height: 400px;
}

/* 768px以上の画面では高さを拡大 */
@media (min-width: 768px) {
    .g-calendar iframe {
        height: 600px;
    }
}

/************************************
** ContactFormのスタイル
************************************/
/* ContactFormの送信ボタンのスタイル */
.wpcf7 input[type="submit"] {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: none;
    box-shadow: 0 3px 0 #ddd;
    background: #d8855e;
    transition: 0.3s;
}

.wpcf7 input[type="submit"]:hover {
    background: #a4dd6c;
    transform: translateY(3px);
}

/************************************
** 固定ページ関連のスタイル
************************************/
.front-top-page #main .entry-title,
.page .date-tags {
    display: none;
}

/************************************
** ブログカード関連のスタイル
************************************/

/*ブログカードの抜粋文を非表示にする*/ 
.blogcard-snippet{
   display: none;
}

.blogcard-title{
	color: #D8855E
}

/* ブログカードの影を消す */
.blogcard-wrap {
    box-shadow: none !important;
}


/* Cocoonのリンクアイコンを強制非表示 */
a svg,
a img.icon,
a span.icon,
a i.icon {
  display: none !important;
}