@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.wpcf7-form .wpcf7-number{width: 120px !important;} /*コンタクト7　数値エリア*/

/*投稿日・更新日*著者情報を消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*見出し１（タイトル）カスタマイズ*/
.article h1 {
  position: relative;
  padding: 0.3em 0.5em;
  background: -webkit-linear-gradient(to top, rgb(51, 143, 255), #ddffff);
  background: linear-gradient(to top, rgb(51, 143, 255), #ddffff);
  color: #3333ff;
border-bottom: solid 3px #3333ff;/*下線*/
}
/* □■-----------------------------------------------------
/ 『見出しのリセット』
-----------------------------------------------------■□ */
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}

/* □■-----------------------------------------------------
/ 『見出し（h3）』
-----------------------------------------------------■□ */
/* ----- ベースのボーダー ----- */
.article h3 {
  margin-top: 40px;
  padding: 6px 10px;
  border: none;
  border-bottom: solid 3px #3261ab;
  position: relative;
}

/* ----- 2色目のボーダー ----- */
.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ff2391;
  bottom: -3px;
  left: 0px;
  width: 5%;
}

/* □■-----------------------------------------------------
/ 『見出し（h4）』
-----------------------------------------------------■□ */
.article h4 {
  position: relative;
  padding: 0 0 10px 32px;
  border-bottom: 1.5px solid #3261ab;
}

/* ----- ワンポイント ----- */
.article h4:before {
    border: none;
    padding: 0;
}
.article h4:after {
  position: absolute;
  top: -4px;
  left: 4px;
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #3261ab;
  transform: rotate(45deg);
}

/* □■-----------------------------------------------------
/ 『見出し（h5）』
-----------------------------------------------------■□ */
.article h5 {
  position: relative;
  padding: 0 0 2px 32px;
}

/* ----- ワンポイント ----- */
.article h5:after {
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #3261ab;
  transform: rotate(45deg);
}
/* □■-----------------------------------------------------
/*ヘッダー、メインカラム、サイドバー、フッターの背景色
-----------------------------------------------------■□ */
.header-container, 
.main, 
.sidebar {
background: #ddffff; 
}
/* サイドバーウィジェットタイトル */
.sidebar h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ff2391;
    bottom: -3px;
    left: 0px;
    width: 10%;
}
/* トップへ戻るボタン */
.go-to-top-button {
    background-color: #3261ab;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.go-to-top-button:hover {
    background-color: #3261ab;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* 内部リンク右下枠の文言 */
.entry-card:after{
	content: 'タッチして続きを読む'; 
	font-size: 90%;
/* 内部リンク右下枠の背景色 */
	background-color: #0099cc; 
	padding: .1em 1em;
	font-weight: bold;
/* 内部リンク右下枠の文字色 */
	color: #fff; 
	border-radius: 2px;
text-align: center;
}

.repeat{
    background-color: #0000ff;
}
/* □■-----------------------------------------------------
/*水平ライン「hr」
-----------------------------------------------------■□ */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}