@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

/*固定ページの日時を非表示・ページ指定*/
.post-2 .date-tags,
.post-82 .date-tags,
.post-80 .date-tags,
.post-86 .date-tags,
.post-84 .date-tags,
.post-88 .date-tags,
.post-17 .date-tags,
.post-56 .date-tags,
.post-58 .date-tags,
.post-452 .date-tags,
.post-521 .date-tags,
.post-648 .date-tags,
.post-855 .date-tags,
.post-980 .date-tags,
.post-1554 .date-tags,
.post-1614 .date-tags,
.post-1776 .date-tags,
.post-1906 .date-tags,
.post-2034 .date-tags,
.post-2099 .date-tags,
.post-2162 .date-tags,
.post-2284 .date-tags,
.post-2590 .date-tags,
.post-2600 .date-tags,
.post-2634 .date-tags,
.post-3016 .date-tags,
.post-3063 .date-tags,
.post-3088 .date-tags,
.post-3385 .date-tags,
.post-3605 .date-tags,
.post-3644 .date-tags,
.post-3823 .date-tags,
.post-3848 .date-tags,
.post-4452 .date-tags,
.post-4545 .date-tags,
.post-4743 .date-tags,
.post-4785 .date-tags,
.post-4813 .date-tags,
.post-4820 .date-tags,
.post-5372 .date-tags,
.post-5379 .date-tags,
.post-5708 .date-tags,
.post-5726 .date-tags,
.post-6163 .date-tags,
.post-6364 .date-tags,
.post-6415 .date-tags,
.post-7146 .date-tags,
.post-7281 .date-tags,
.post-7371 .date-tags,
.post-7433 .date-tags,
.post-7466 .date-tags,
.post-7177 .date-tags,
.post-9109 .date-tags,
.post-9677 .date-tags,
.post-9719 .date-tags,
.post-9513 .date-tags,
.post-10608 .date-tags,
.post-10854 .date-tags,
.post-60 .date-tags {
  display: none;
}

/*固定ページのタイトルを非表示*/
.post-80 .entry-title,
.post-82 .entry-title,
.post-86 .entry-title,
.post-855 .entry-title,
.post-1554 .entry-title,
.post-1776 .entry-title,
.post-1906 .entry-title,
.post-2034 .entry-title,
.post-2162 .entry-title,
.post-2284 .entry-title,
.post-2600 .entry-title,
.post-2634 .entry-title,
.post-3016 .entry-title,
.post-3063 .entry-title,
.post-3088 .entry-title,
.post-3385 .entry-title,
.post-3823 .entry-title,
.post-4452 .entry-title,
.post-4545 .entry-title,
.post-4743 .entry-title,
.post-4785 .entry-title,
.post-4813 .entry-title,
.post-4820 .entry-title,
.post-5372 .entry-title,
.post-5379 .entry-title,
.post-5708 .entry-title,
.post-5726 .entry-title,
.post-6163 .entry-title,
.post-6364 .entry-title,
.post-6415 .entry-title,
.post-7281 .entry-title,
.post-7371 .entry-title,
.post-7433 .entry-title,
.post-7466 .entry-title,
.post-7177 .entry-title,
.post-9109 .entry-title,
.post-9677 .entry-title,
.post-9719 .entry-title,
.post-10608 .entry-title,
.post-9513 .entry-title,
.post-10854 .entry-title,
.post-17 .entry-title{
display: none;
}

/*固定ページのシェアボタン・フォローボタンを非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/*SNSシェアボタン*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}


/*印刷設定*/
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />

/************************************
** 入力フォーム（Form）
************************************/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  width: auto;
}

/* 確認画面のフィールド背景色や枠線を消す */
.wpcf7c-conf, .wpcf7c-conf:focus {
  background-color: transparent;
  border: none;
}


/*---------------------------------
ボックス（白抜き）の枠の色を変える
--------------------------------*/
.blank-box {border-color: #CCCCCC;} /* 灰色 */

.blank-box.bb-yellow {border-color: #FAB162;} /* 黄色 */

.blank-box.bb-red {border-color: #FD8FA3;} /* 赤色 */

.blank-box.bb-blue {border-color: #5FB3F5;} /* 青色 */

.blank-box.bb-green {border-color: #95CE4B;} /* 緑色 */




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

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

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

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

div.embed-vimeo {
  position: relative;
  width: 100%;
  max-width: 650px;
  padding-top: 56.25%;
}

div.embed-vimeo iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*タイトルカラー*/
h1.entry-title {
  color: #4169e1;/*文字色*/
}

/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{
border-bottom: 2px solid #4169e1; /*下線色・太さ*/
background: #fff; /*背景色*/
color: #4169e1;} /*文字色*/

/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:1em !important;/* ボタン内の余白 */
margin:2em 0em !important;/* ボタンの上下の余白 */
background-color: #2527C0 !important;/* 背景の色 */
border-radius: 5px !important;/* 角を丸く*/
color: #fff !important;/* 文字の色*/
font-size: 18px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 100%;/* ボタンの横幅*/
transition:0.5s;/* 背景色が変わるまでの時間*/
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

input.wpcf7-submit:hover {
background-color:#f2d500 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}

.btn-submit {
    width: 100%;
    text-align: center;
}