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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.appeal-content {
	display: none;
}

/* デフォルトの見出しデザインをオフ */
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

/* 見出しデザイン */
.article h2 {
color: #304529;
padding: .5em 1em;
margin-top: 20px;
font-family: YuGothic,'Yu Gothic','Osaka','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
font-size: 1.8em;
text-align: center;
	color: #333333;
}

.article h4 {
  color: #fff;/*文字色*/
  border: solid 3px #d6d6d6;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.4em;
	background: #44948B;/*背景色*/
}

.article h3 {
    color: #333333;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #72AABF;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	font-size: 1.7em;
}
.article h5 {
    color: #3C77A8;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #3C77A8;
	font-weight:400; 
	padding-bottom: 2px;
}
.article h6 {
  color: #12344B;/*文字色*/
  border: solid 2px #12344B;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.2em;
}

header.article-header.entry-header {
text-align:center;
}
.article-header h1 {
position: static;
font-size: 2.0em;
color: #333333;
background-color:#fff;
line-height:1.8em;
text-shadow: none;
margin:0;
padding: 1.5em .95em 1.1em;
font-family:'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
/************************************
**　　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
.sidebar h3{/*サイドバーのタイトル表記と緑の点線*/
color:#2361AD;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#2361AD;
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {/* widgetsの中身*/
background-color:#fff;
color:#afafb0!important;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{/* widgetsの中身　hover */
background-color:#fff;
color:#fffff4!important;
}
.tagcloud a{/*tag cloud*/
background-color:#fff;
color:#afafb0!important;
}
.tagcloud a:hover{
background-color:#90C31F;
color:#fffff4!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {/*おすすめカード*/
margin: 0 0 1em;
width: 90%;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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