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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
//　cocoon関連記事を更新日順に並べる
add_filter( 'get_related_wp_query_args', function( $args ) {
  $args['orderby'] = 'date';
  return $args;
});
img.w {
border:1px solid #c7c7c7c7;
}

.entry-content h2 
{
    font-size: 24px;
    line-height: 1.4em;
    font-weight: bold;
    margin: 30px 0px;
    padding: 15px 20px;
    background-color: #F7F7F7;
    border-left: #ff4e00 solid 5px;
} 
.entry-content h3
{
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
    margin: 30px 0px;
    padding: 8px 15px;
    border-left: #ff4e00 solid 3px;
} 


/* font ------- */
span.red_font {
    color: #D80000 !important;
}
span.blue_font {
    color: #0693e3 !important;
}
/* line ------- */
span.blue_line {
    background: linear-gradient(transparent 70%, #3399FF 0%);
}
span.yellow_line {
	background: linear-gradient(transparent 70%, #FFCC33 0%);
}
span.red_line {
	background: linear-gradient(transparent 70%, #ff3860 0%);
}

/* back ------- */
span.yellow_back {
    background-color: #ffffaf !important;
}

span.blue_back {
    background-color: #E0E0F0 !important;
}

span.red_back {
    background-color: #ffe9e9 !important;
}

/* box ------- */
div .yellow_box{
    background-color: #fff7cc;
}
div .red_box{
    background-color: #ffe9e9;
}
div .gray_box{
	background-color: #E6E6E6;
}
div .blue_box{
	background-color: #f1f8ff;
}
div .green_box{
	background-color: #ebf8f4;
}

/* box dot ------- */
div .red_box_dot{
  background: #fdf2f2;
  box-shadow: 0px 0px 0px 10px #fdf2f2;/*線の外側*/
  border: dashed 2px #e60033;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

div .yellow_box_dot{
  background: #fffdeb;
  box-shadow: 0px 0px 0px 10px #fffdeb;/*線の外側*/
  border: dashed 2px #fcb900;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

div .green_box_dot{
  background: #ebf8f4;
  box-shadow: 0px 0px 0px 10px #ebf8f4;/*線の外側*/
  border: dashed 2px #3eb370;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

div .blue_box_dot{
  background: #f1f8ff;
  box-shadow: 0px 0px 0px 10px #f1f8ff;/*線の外側*/
  border: dashed 2px #668ad8;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

div .gray_box_dot{
  background: #E6E6E6;
  box-shadow: 0px 0px 0px 10px #E6E6E6;/*線の外側*/
  border: dashed 2px #949495;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

/* ここからtabito追加*/
img.w {
border:1px solid #c7c7c7c7;
}

.entry-content h2 
{
    font-size: 24px;
    line-height: 1.4em;
    font-weight: bold;
    margin: 30px 0px;
    padding: 15px 20px;
    background-color: #F7F7F7;
    border-left: #ff4e00 solid 5px;
} 
.entry-content h3
{
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
    margin: 30px 0px;
    padding: 8px 15px;
    border-left: #ff4e00 solid 3px;
} 




.entry-content ul{
  background: #f1f8ff;
  box-shadow: 0px 0px 0px 10px #f1f8ff;/*線の外側*/
  border: dashed 2px #668ad8;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}
/*
*/
article .toggle-content br {
	display: block;
	content: "";
	height: 10px;
}
article .toggle-content p {
  margin-top: 0;
  margin-bottom: 1.5em;
  line-height: 150%;
}
/*

*/
/************************************
** ■ウィジェット[C]おすすめカードのカスタマイズ
************************************/
.recommended.cf.rcs-large-thumb-on {
  border: solid 1px #fe619a; /*枠線*/
  background-color: #ffddee; /*背景色*/
}
.widget-entry-cards.large-thumb-on .card-content {
  font-weight: 600; /*フォント太さ*/
  font-size: 15px; /*フォントサイズ*/
}