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

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

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

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

/*480px以下*/

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

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

html, body {
  overflow-x: hidden !important;
}

/*サイトロゴのフォント変更-文字白*/
.logo-header a span{
font-family: 'Avenir','Helvetica Neue';
font-weight: bold;
font-size:36px;
text-shadow:2px 2px 0 #333333, -2px -2px 0 #333333,
              -2px 2px 0 #333333, 2px -2px 0 #333333,
              0px 2px 0 #333333,  0 -2px 0 #333333,
              -2px 0 0 #333333, 2px 0 0 #333333;
}




.widget-entry-card {
  font-size: 15px;
font-weight:bold; 	
  color: #000088 	
}

.carousel-entry-card-title {
  font-size: 14px;
font-weight: bold;
color: #727272 
}


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

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

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

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


/*目次を中央にする*/

.toc-center {
   margin: 1em auto;
}

/*スマホ右側の余白をなくす*/

.wrap_original {
overflow: hidden;
}

/*ロゴの位置*/
.logo{
	text-align:left;
   position: relative;
   top:60px;
  left:50px;	
}
/*メッセージの位置*/
.tagline {
		text-align:left;
   position: relative;
   top: 10px;
  left:60px;	
	   font-size: 20px;
	color: #005582; 
	}
/*記事タイトルの色*/
.entry-title{
	color: #555555;

}
********************************
** ■人気記事ランキング表示のカスタマイズ
************************************/
 /*順位数表示のカスタマイズ*/
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{
  background-color: #ffddee!important; /*ランキング数字の背景色を統一する*/
  color:#f32469; /*ランキング数字のカラー*/
  top: -4px;
  left: -4px;
  border-radius: 6px; /*角丸コーナー*/
  border:solid 2px #f32469; /*ランキング数字の枠のカラー*/
  width: 15px;
  height: 12px;
  line-height: 12px;
  font-weight: bold;
  font-style: oblique;
}
/*タイトル縦中央*/
.popular-entry-card-title.widget-entry-card-title.card-title{
  height: 67px!important; /*メニュー縦幅設定*/
  display: flex;
  align-items: center; /*縦中央寄せ*/
}
/*フォントサイズ*/
.popular-entry-card-title{
  font-size: 13px;
  color:#000088!important;
}
/*モバイル表示のフォントサイズ*/
@media screen and (max-width: 480px){
  .popular-entry-card-title{
    font-size: 17px;
  }
}
/*ランキング間の隔幅調整*/
.popular-entry-card-link.a-wrap{
  padding-top: 0px;
  padding-bottom: 4px;
  margin-top: 0px;
  margin-bottom: px;
}
/*アイキャッチ画像加工*/
.attachment-thumb120.size-thumb120.wp-post-image{
  border-radius: 3px; /*角丸コーナー*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
}@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

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

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

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

}


/************************************
/*　H2見出し表示変更　*/
************************************/

/*　見出しをリセット　*/
.article h2 {
padding: 0;
background: none;
}
/*　見出しH2の変更　*/
.article h2 {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}

/*　目次の幅　*/

.toc {
	width:auto ;　/* 目次の幅 */
	background-color: #f2f2f2; /*--背景色--*/
}

/*---------------------------------
カテゴリの行間を狭くする
--------------------------------*/
.widget_categories ul li a{
	line-height: 1.2;
	font-size: 17px;
	}
/*---------------------------------
カテゴリーに線だけ入れる
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}
.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}
/*---------------------------------
カテゴリーにマークを入れる
--------------------------------*/
.widget_categories ul li a::before{
  font-family: "Font Awesome 5 Free"; /*バージョン指定*/
  content: "\f044"; /* FontAwesomeのユニコード */
  color: #99ccff; /* アイコンの色 */
  padding-right: 20px; /*アイコン右側空間*/
  }

/*---------------------------------
トップページリストのカスタマイズ
--------------------------------*/
.entry-card-title {
	font-size: 20px!important; /* PCは20px */
	.entry-card-snippet
		font-size: 8px;/* PCスニペットサイズ8px */
	}
@media screen and (max-width: 480px) {
	.entry-card-title {
		font-size:17px; /* スマホサイズは17px */
		margin-bottom: 2em;
	.entry-card-snippet {
		font-size: 12px; /* スマホスニペットサイズ12px */
}

@media screen and (max-width: 480px) {
	.entry-card-title {
		font-size:17px; /* スマホサイズは17px */
		margin-bottom: 2em;
	.entry-card-snippet {
		font-size: 12px; /* スマホスニペットサイズ12px */

}



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