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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*リンクの下線を消す*/
a {text-decoration: none;}

/*インフォメーション*/
.news dl{margin:0 0 1em 0;}
.news dt{float:left; font-weight:normal; line-height:1.9;}
.news dd{margin:0 0 5px 0; padding:0 0px 0 7em; line-height:1.9;border-bottom: dashed 1px #aeab92;}
.news a{color:#252525;}

/* ヘッダー背景と画像 */
#header-img img { margin: 0 auto;  width:100%; height:100%;  display: block;}

/* サイドバータイトル */
.sidebar h3  {color: #333333;}

/*フォローボタン大きさ */
.author-box .sns-follow-buttons a.follow-button { font-size: 38px; width: 48px; height: 48px;}

/* Cocoon風タブボックス */
.box-simple1 {position: relative;border-radius: 0 5px 5px;padding: 1.5em 1em 0.5em;margin: 4em 0 2em;box-shadow: 2px 3px 3px #ddd;border: 3px solid #aeab92; /* 枠 */background: #ffffff; /* 背景色 */}
.title-simple1 {position: absolute;top: -2em;left: -2.9px;font-size: 1.1em;font-weight: bold;display: inline-block;padding: 0.2em 1em 0;border-radius: 5px 5px 0 0;color: #fff;background: #aeab92; /* 背景グレー*/}

/*ロゴ表示下*/
.add-header-contents 
{ display: flex; flex-direction: row; justify-content: center; padding-top: 0.8em; padding-bottom: 0.9em; line-height: 20px; font-size: 12.6px; flex-wrap: wrap; text-align:center;}
.add-header-contents span{margin-right: .9em;}
.add-header-contents a {color: #81d8d0}
.add-header-contents a:hover {color: #ff0000;border-bottom: dashed 1px #81d8d0;}

.border-partition a:first-of-type { border-top: dashed 1px #aeab92;}
.border-partition a {border-bottom: dashed 1px #aeab92;}

.tagcloud a { color: #333; border-radius: 20px; background-color: #81d8d0;}

.read-time { border-top: 4px double #d08080; border-bottom: 4px double #d08080;}

.navi-footer-in>.menu-footer li:last-child { border-right: 1px solid #333;}
.navi-footer-in>.menu-footer li { border-left: 1px solid #333;}

.cat-label {background-color: #206055;border: 1px solid #206055;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*ヘッダー画像*/
#header-img img { margin: 0 auto; width:100%; height: 100%; display: block;}

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


/*スマホロゴ表示調整*/	
.site-logo-image.header-site-logo-image{width:90%;padding-top:18px;}
}

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

	}