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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*見出しのリセット*/
/* 見出しのデザインリセット */

/*H1 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/*見出し*/
.article h1 {
    color: #444d53;
    padding: .4em 1em;
    margin-top: 100px;
	border-bottom: solid 1px #ff0099;
	width: 300px;
	margin-left: auto; /* 中央寄せにするため */
	margin-right: auto; /* 中央寄せにするため */
}
.article h2 {
    color: #444d53;
    padding: .4em 1em;
    margin-top: 100px;
	border-bottom: solid 1px #ff0099;
}
.article h3 {
    color: #444d53;
    padding: .5em 0;
    margin-top: 40px;
    border-top: 3px solid #444d53;
    border-bottom: 3px solid #444d53;
}
.article h4 {
    color: #444d53;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #444d53;
}
.article h5 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 2px #444d53;
}
.article h6 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 1px #444d53;
}

/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
background-color: #ffeff7;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}

/************************************
**ボタン色
************************************/
.btn-red { background-color: #ff7f7f; } /* レッド */
.btn-pink { background-color: #ffeff7; } /* ピンク */
.btn-purple { background-color: #bf7fff; } /* パープル */
.btn-deep { background-color: #ba55d3; } /* ディープパープル */
.btn-indigo { background-color: #191970; } /* インディゴ(紺色) */
.btn-blue { background-color: #7f7fff; } /* ブルー */
.btn-light-blue { background-color: #7fbfff; } /* ライトブルー */
.btn-cyan { background-color: #84ffff; } /* シアン */
.btn-teal { background-color: #7fffbf;} /* ティール(緑色がかった青) */
.btn-green { background-color: #7fff7f; } /* グリーン */
.btn-light-green { background-color: #98fb98; } /* ライトグリーン */
.btn-lime { background-color: #bfff7f; } /* ライム */
.btn-yellow { background-color: #ffff7f; } /* イエロー */
.btn-amber { background-color: #ffd700; } /* アンバー(琥珀色) */
.btn-orange { background-color: #ffbf7f; } /* オレンジ */
.btn-deep-orange { background-color: #d2691e; } /* ディープオレンジ */
.btn-brown { background-color: #8b4513; } /* ブラウン */
.btn-grey { background-color: #9e9e9e; } /* グレー */

/************************************
** SNSのボタン
************************************/
/* ボタン全体 */
.flowbtn{
font-family:'Arial',sans-serif;/* 好きなフォントを指定してね */
border-radius:4px;
position:relative;
display:inline-block;
width:66px;
height:58px;
font-size:30px;
color:#fff!important;
transition:.5s;
text-decoration:none;
box-shadow:0 1px 2px #999;
}
.flowbtn i{
position:relative;
bottom:5px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* はてブ */
.fl_hb1{
background:#1ba5dc;
}
/* Pocket */
.fl_pk1{
background:#ef3f56;
}
/* Feedly */
.fl_fd1{
background:#6cc655;
}
/* YouTube */
.fl_yu1{
background:#fc0d1c;
}
/* LINE */
.fl_li1{
background:#00c300;
}
/* 問い合わせ */
.fl_ma1{
background:#f3981d;	
}
/* Instagram紫グラデ背景 */
.insta_btn1{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景 */
.insta_btn1:before{
content: '';
position:absolute;
top:33px;
left:-20px;
width:80px;
height:50px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
/* ボタン内テキスト調整 */
.flowbtn div{
font-size:11px;	
font-weight:bold;
letter-spacing:0;
position:relative;
bottom:22px;
}
/* ボタンマウスホバー時 */
.flowbtn:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン全体の位置調整 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白調整 */
.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
}

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

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

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

/************************************
** 固定ページの更新日_非表示
************************************/
.post-429 .date-tags,
.post-428 .date-tags {
display: none;
}