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

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

/*日付のカスタマイズ　→反映されずよくわからん　保留
.post-date, .post-update {
  font-size: 14px;
｝
*/
/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #111111;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

/* アイコンボックス */ 
.information-box::before, .information::before { border-right: 1px solid #bde4fc; } 
.question-box::before, .question::before { border-right: 1px solid #ffe766; } 
.alert-box::before, .alert::before { border-right: 1px solid #f6b9b9; } 
.memo-box::before { border-right: 1px solid #8dd7c1; } 
.comment-box::before { border-right: 1px solid #ccd; }
.ok-box::before { border-right: 1px solid #3cb2cc; }
.ng-box::before { border-right: 1px solid #dd5454; }
.good-box::before { border-right: 1px solid #98e093; }
.bad-box::before { border-right: 1px solid #eb6980; }
.profile-box::before { border-right: 1px solid #ccd; }

.information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before, .ok-box::before, .ng-box::before, .good-box::before, .bad-box::before, .profile-box::before{ font-size: 30px; }
@media screen and (max-width: 480px){ .information-box, .common-icon-box { padding: 1em 1em 1em 4.25em; line-height: 1.6; }
.information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before, .ok-box::before, .ng-box::before, .good-box::before, .bad-box::before, .profile-box::before { font-family: "FontAwesome"; position: absolute; line-height: 1em; top: 50%; left: 1em; padding-right: .45em; display: inline-block; font-size: 30px; } }

/* 埋め込み中央寄せ */ 
.video-container, 
.instagram-container, 
.facebook-container,
.twitter-tweet,
.instagram-media {
    margin: 30px auto !important;
} 

/* カスタムテキスト */ 
.cocoon-custom-text-1{
	text-decoration: underline;
}

/*グローバルナビメニュー 左寄せ　保留
.navi-in > ul {
	justify-content: flex-start;
}
*/
#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){
  /*必要ならばここにコードを書く*/
}