@charset "UTF-8";

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

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



.article h1{
background:none;
padding: 0;
}

.article h2{
background:none;  
  border-top:none;
  border-bottom:none;
  border-left:none;
  border-right:none;
  padding: 0;
	
}

.sidebar h3 {

  background:none;  
  border-top:none;
  border-bottom:none;
  border-left:none;
  border-right:none;
  padding: 0;
 
}


.article h1{

border-bottom: double 5px #6091d3;
}


.article h2{
	
 padding: 1rem 3rem;
	font-size: 25px;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}





.sidebar h3  {
  background: #279df7;/*背景色*/
  color:#fff;
  padding: 0.2em;/*文字まわり（上下左右）の余白*/
	border-bottom:ridge 4px #fff; /*下の線(種類 太さ 色)*/
	box-shadow:5px 5px 10px -5px rgba(0,0,0,1);
}


.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;


  padding: 1rem 2rem;
  color: #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
  background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}


h3{
    border-left: 7px solid #279df7;
    border-right: 1px solid #279df7;
    border-top: 1px solid #279df7;
    border-bottom: 1px solid #279df7;
	padding: 0.3em;
    margin: 1.0em 0 0.8em;
}






.entry-card-title, 
.related-entry-card-title,
.e-card-info > span{
  color: #4169e1;
}


/************************************
** RSSの日付の位置
.entry-card-meta {
	display: flex;

}
************************************/


.no-thumbnail .entry-card-meta {
  position: static;
  background-color: transparent;
  margin-top: 0.4em;
}


.entry-card-content, .related-entry-card-content {
 padding-bottom: 0.1em;
}


.comment-notes,
.comment-form-email,
.comment-form-url{
  display:none;
}


/* 最近のコメント欄カスタマイズ */

.recent-comment-article {
	font-weight: bold;
	border-bottom: 3px dotted;
    border-color: #279df7;
    padding-bottom: 10px;
}
	
.recent-comment-content{
border: 5px solid pink;

}


/* エントリーカードラベル非表示 */
.entry-card .cat-label{
  display: none;
}

.carousel .cat-label {
	display: none;
}







/*全体の文字サイズ */
p, .paragraph {
    
    font-size: 18px;
}


/*ブログタイトルの高さ */
.logo-text {
    padding: 2px 0 3px;
    font-size: 1em;
	
}

/*■ グローバルナビの上下枠線
——————————————-*/
#navi {
border-top:ridge 2px #fff; /*上の線(種類 太さ 色)*/
border-bottom:ridge 4px #fff; /*下の線(種類 太さ 色)*/
}

/*■ グローバルナビの影
——————————————-*/
#navi {
box-shadow:5px 5px 10px -5px rgba(0,0,0,1); /*水平方向 垂直方向 ぼかしの距離 広がりの距離 色*/
}

/*■ グローバルナビのフォント
——————————————-*/
.navi-in a {
    
    font-size: 18px;
    font-weight: bold;

}


/*■ 忍者の広告非表示
——————————————-*/

.ninja-recommend .trademark img, .ninja-recommend .trademark-sp img 
{
	display:none;
	
}




/*■ 忍者の広告非表示2

.message a{
display:none!important;
}
——————————————-*/

.ninja-recommend .ninja-recommend-articles.nr-article-bgcolor>li, .ninja-recommend .ninja-recommend-articles.nr-border-color>li {
    padding: 1px 1px!important;
}


/*----------------------------------------*/
/* livedoorのRSS設定関係
/*----------------------------------------*/


/* トップページのRSS中み左寄り */
.ol,ul{
	padding-left: 2px;
}

/* PC版のRSSの枠関係 */
.blogroll_wrapper {
		width: 100%;
    border:5px solid pink;
	
	overflow-x:hidden;
		overflow-y:hidden;
		background-color: #F7F7F7;
	}

.blogroll_innner {
		width: 50%;
	overflow-y:scroll;
	overflow-x:hidden;
		height: 300px;
		float: left;
	}

/*----------------------------------------*/
/* RSSをカスタム
/*----------------------------------------*/

/* スタイルを初期化 */
.blogroll-channel {
    margin: 0;
    padding: 0;
}

.blogroll-channel .blogroll-list-wrap {
    margin: 0;
}

.blogroll-channel .blogroll-list {
    margin: 0;
}


.blogroll-list-wrap li {
	 list-style-type: none;
    margin: 0;
    padding: 1px 1px 6px 1px;
	
	border: none;
    background: none;
	white-space: nowrap;
	overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
	
	
	
}


/* RSSリンクの色を青 */
.blogroll-list-wrap a {
    color: blue;
	font-weight: bold;
}

/* powed by livedoor広告を消す */
	div.blogroll-ad-default a {
	display: none !important;
	
}


/*RSS内のテキスト広告を消す */
li.blogroll-ad-text a{
	  display:none;
	
}




/* 2ちゃん自動取得
 * 
.reply_link{
    display:none!important;
}

——————————————-*/


.chlink{
    text-align: right;
}

.number {
    display: inline-block;
    float: left;
}



.message {
    padding-bottom: 50px;
    font-weight: bold;
}

.entry-content > div.message:nth-child(16n){
    font-size: 19px;
    color: #00b9eb;
}

.entry-content > div.message:nth-child(20n){
    font-size: 19px;
    color: #CC0000;
}


.message:nth-child(13n){
    font-size: 19px;
    color: #bb11dd;
}

.message:nth-child(16n){
    font-size: 19px;
    color: #00b9eb;
}


.message:nth-child(20n){
    font-size: 19px;
    color: #CC0000;
}



/************************************
** モバイルフッターボタンの色変更
************************************/

/*フッターモバイルメニュー変更*/
.mobile-menu-buttons {
	background:rgba(80,140,250,0.9);/*フッターメニューの背景を半透明化*/
	
}

/* ボタンhover時の文字・背景変更 */
.mobile-menu-buttons .menu-button:hover {
	background:rgba(80,140,250,0.9); /* 背景色 */
	
}

/* 本文中のボタン */
.btn-square-shadow {
  display: inline-block;
  padding: 1em 1em;
	font-size: 20px;
    font-weight: bold;
  text-decoration: none;
  background: #279df7;/*ボタン色*/
  color: #FFF;
 
}



/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f114"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}


.logo-image {
    padding: 2px 0px;
}




/*コメントフォームの装飾*/

#commentform label{
display: inline-block;
}

#commentform textarea, #commentform input{
border-radius: 5px; /*コメント欄の枠の角丸さ*/
border:solid 2px #007fff; /*コメント欄の枠線太さと色*/
font-size: 16px; /*コメントの文字サイズ*/   
}

#commentform textarea:focus, #commentform input:focus{
outline: none;
border: 3px solid #0000ff; /* コメント入力時の枠線の太さと色 */
}

/*送信ボタンの装飾*/

#commentform #submit{
box-shadow: 0 10px 20px -5px rgba(0,0,0,0.5); /*送信ボタンの影*/
font-size:20px; /*送信ボタン文字の大きさ*/
background-color: #007fff; /* 送信ボタンの背景色 */
color: #333; /*送信ボタンの文字色*/
border-radius: 5px; /*送信ボタンの角の丸さ*/
height: 50px; /*送信ボタンの縦幅*/
border: none;
margin-top:30px; /*送信ボタンとコメント欄の隙間（縦幅）*/
}

#commentform #submit:hover{
background-color: #0000ff; /*送信ボタンにマウスを乗せたときの背景色 */
color: #fff; /*送信ボタンにマウスを乗せたときの文字色 */
transition: all .2s ease; /*ボタンの色が変化する時間（0.2秒*/
}

/* 送信ボタンココまで */



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

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

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

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

	
	
	.blogroll-channel .blogroll-list-wrap {
    margin: 0;
		height: auto;
		overflow-y:scroll;
		border: solid 3px pink;
		
}
	
.blogroll-list-wrap li{
	
    font-size: 15px;
   
}
	

.mobile-menu-buttons .menu-caption{
		font-size: 15px;
	   font-weight: bold;
	}
	
/*----------------------------------------*/
/* スマホ版のトップ以外のRSS左寄り
/*----------------------------------------*/
	.article ul, .article ol {
		padding-left: 2px;
		
	}
	
/*----------------------------------------*/
/* スマホ版の下メニュー位置
/*----------------------------------------*/
	.mobile-menu-buttons .menu-caption  {
margin-bottom: 60px;

}
	
	
	
	

}