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

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


/*白抜きボックス線の太さと破線ここから*/
.blank-box{
 border-width: 1px;
border: 1px dashed;
padding-top: 0px;
}

/* −−ボタンを浮かして影をつける−−*/
 .btn{
 box-shadow: 0 7px 0px #808080;
 }
/*−−−ボタンが重なったときに沈む−−−*/
 .btn:hover{
 box-shadow: 0 1px 0 #808080 ;
 transform: translateY(6px);
 -webkit-transform: translateY(6px);
 }
/*−−−カーソルを外したときに元に戻す−−−*/
 .btn{
 transition:.5s ease-in-out;
 }


/*ここまで*/





/************************************
** フッター設定
************************************/


.navi-footer-in a {
  font-size: 12px; /*メニューの文字サイズ*/
}

.navi-footer-in a:hover { 
  background: #97968b; /*メニューのマウスホバー時の背景色*/
}

.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1.5; /*メニューの区切りボーダーの高さ*/
}




/* トップメニューフワッと上から表示 */
#header-container {
animation: Down 1.5s ease-out 0s 1 normal;
}

@keyframes Down {
from {transform: translateY(-10%); opacity: 0;}
100% {transform: translateY(0%); opacity: 1;}
}


/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 8px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: RED;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.5s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}







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

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

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

/* フッター余白調整 */
.footer {
	margin-top: -3em;
	padding-top: -3em;
}

#custom_html-8,
.footer-bottom {
	margin-top: 0;
	padding-top:0;
}



.home main#main {
	padding-top: 0;
    padding-bottom: 0;

}

.home .column-wrap.column-2 {
	margin-top: 0;
	margin-bottom: 0;

}

.home .container .column-wrap > div {
	padding-top: 0;
	padding-bottom: 0;
}




/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}


/* 見出し3 */
.article h3{
padding: 4px;
margin: 20px 0px;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}


/*見出しカスタム*/
.article h2 {
  font-size: 25px !important;/*文字のサイズ*/
  border-top: 2px solid #ffffff;/*上線*/
  border-bottom: 2px solid #ffffff;/*下線*/
  color: #323232;
  padding: .3em 0;
  margin-bottom: 15px;
}



/*固定ページタイトル削除（トップページ用）*/
.post-46 .entry-title {
    display: none;
}

.post-46 header {
   margin-top :-5em;
   margin-bottom :-5em;