@charset "UTF-8";

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

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


/* 全固定ページでタイトル非表示------------------- */
.page .entry-title {
    display: none;
}
/* 全投稿ページでタイトル非表示-------------------- */
.single.entry-title {
    display: none;
}
/* 全ページで日付非表示-------------------- */
.date-tags {
  display: none;
}

/* ヘッダー背景-------------------- */
/* ------相対relative絶対absolute固定fixed------------- */
.headbg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;


* 見出し-------------------- */
h3 {
	margin-left: 50px;
}

span {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


/* リストデザイン 目次2--------------------

.toc-content a {
  display: block;
  position: relative;
  text-decoration: none;
}
.toc-content a::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #78BBE6;
  transition: all 0.3s ease 0s;
}
.toc-content a:hover {
  cursor: pointer;
  text-decoration: none;
}
.toc-content a:hover::after {
  width: 100%;
}
 */

/* リストデザイン コンテンツ--------------------
.entry-content ul {
  margin: 1em;
  padding: 1em 1em 1em 2em;
  background: #D5EEFF;
  border-radius :8px;/*角の丸み*/

/*  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合
}

.entry-content ul li, ol li {
  margin-left: 2em;
  padding:0.3px;


  line-height: 1.1;
}
*/


/* リンク-------------------- */

a {
  display:inline;
	position: relative;
  text-decoration: none;
}
 a::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #78BBE6;
  transition: all 0.3s ease 0s;
}
 a:hover {
  cursor: pointer;
  text-decoration: none;
}
 a:hover::after {
  width: 100%;
}

/*******************************
* コンタクトフォームバッジの色
********************************/
/* 必須マーク */
.must {
	background: #FF1A00;
}

/* 任意マーク */
.free {
	background: #999;
}

.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

/*******************************
* フォームの設定
********************************/
/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}

/* 送信ボタン */
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #F90;  
}

/* 送信ボタン中央寄せ */
.center {
	text-align:center;
}	

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

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

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