@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){
  /*必要ならばここにコードを書く*/

}



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



/*-----------共通ここから-----------------------*/

.content {
    margin-top: 36px;
}

.container{

}

.main {
    width: 860px;
    padding: 0;
    border:none;
    border-radius: 4px;
 
}
.entry-content {
    margin-top:0;
    padding: 14px;
	margin-bottom:20px;
}

.widget_text widget widget-index-top widget_custom_html{
	margin-bottom:0;
	padding-bottom:0;
}
	
/*一覧の背後*/
.list{
	background-color: #fffdfd;
}

.cat-label {
	display:none;
}
/*投稿ページ----------------------------------*/

.eye-catch {
    margin-bottom: 0 !important;
	height:300px;
}

/*日付id欄の下*/
.t_h{margin-bottom:0.5em;}

.article h1 {
    margin: 0;
    font-size: 30px;
    background-color: #626161;
    color: white;
}


/*レスとレスの間隔狭める*/
.entry-content > *, .entry-content > p {
    margin:0 0 1em 0;
}

.related-entry-heading, .comment-title {
    margin: 14px 0;
    font-size: 24px;
    background-color: #6f6f6f;
    color: white;
    padding: 8px 6px;
	box-shadow: 0 0 5px #f2d0d0, 0 0 5px #ce4747, 0 0 1px #f2d8d8;
}

/* -----------サイドバー-------------------------- */	
.sidebar {
    width: 376px;
    border:none;
    padding: 0;
    background-color: #f4f1ec;
}
/* 新着記事 */	
.widget-entry-cards.card-large-image figure img{
	height:200px;
}

.widget-entry-cards.large-thumb-on .card-title {
    max-height: 50%;
    overflow: hidden;
    zfont-size: 18px !important;
    padding: 3px;
}

.sidebar h3{
  color:#6a6a6a;
  border: 2px solid #c21500;
  border-image: linear-gradient(to right, #c21500 0%, #ffc500 100%);
  border-image-slice: 1;
  background-color: #fffdfd;
}


/*リンク用オリジナル*/
.antenna{
	text-decoration: none;
	padding-left:12px;
	list-style: none;
}
.antenna a{
	color:#d5933c;
	font-weight:bold;
	font-size:24px;
}
/*----snsボタン間隔+角-----------------------*/
.sns-share.ss-col-4 a {
     width: 25%;
	border-radius:0;
}


/*ライブドア*/
.blogroll-channel a.blogroll-link {
    font-size: 18px;
    zcolor: #1b84d0;
	color:#c97e1f;
    line-height: 1.2;
    font-weight: bolder;
	  margin-bottom:0px;
	  text-decoration:none !important;
	  
}
.blogroll-list {
    list-style-type: none;
    margin-bottom: 0px !important;
    border-bottom:1px dotted !important;   
	  padding:6px !important;
}
.blogroll-channel {
    margin-bottom: 0 !important;
	  padding:0 !important;
	  
 }
z.blogroll-list:nth-child(2n+1) {
  background: #f8f8f8;
}

/*----ライブドア広告消し------------*/
.blogroll-channel .blogroll-ad-text {
    border:none;
    font-size: 0 !important;
	  padding:0 !important;
		margin:0 !important;
}
.blogroll-ad-default{
		font-size:0 !important;
	}

.widget_pc_ad{
	margin:0;
}

.footer {
    border-top: solid #db6565 3px;
    border-bottom: solid #db6565 5px;
    color: white;
	
   background: linear-gradient(135deg,#6e6e6e 25%,transparent 25%,transparent 50%,#232323 50%,#727272 75%,transparent 75%,transparent);
   background-color: #55534e;
   background-size: 6px 6px;
z-index: 10;
}



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

/*エントリーカード----------------------------------*/
.entry-card {
    background-color: white;
	box-shadow: 0px 3px 6px 0px rgba(229, 114, 114, 0.28);
}
.entry-card:hover {
	background-color: #fffdfd;
	color:#f07539;;
	box-shadow:none;
}
.entry-card-thumb {
    width: 270px;
    height:160px;
    margin-top:0px;
}

.card-thumb img {
    width: 270px;
    height: 160px;
	object-fit: cover;
     cursor: pointer;
}
.a-wrap {
    text-decoration: none;
    color: #333;
    padding: 0px;
	margin-top:0px;
    margin-bottom:24px;
}
.entry-card-content {
    margin-left: 38px;
}


.entry-card-title{
		font-size:30px;
	padding:14px;
	}
	
.article h1{
    line-height: 1.25;
    font-weight: bold;
    padding: 18px;
   	font-size:30px;
	}
.entry-title{
	box-shadow:0 0 5px #f2d0d0, 0 0 5px #ce4747, 0 0 1px #f2d8d8;
	}
/*投稿ページアイキャッチ*/
.eye-catch img {
    width: 880px;
    max-height: 300px;
    object-fit: cover;
}
.eye-catch-wrap {
    height: 300px;
}
/*レス文字サイズ*/
.t_b{
    margin-bottom: 0;
    font-size: 26px;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/* スマホはこれが必要 */
.no-scrollable-main .main {
    padding: 0;
}
/* サイトロゴ */	
.logo-image a {
     max-width: 80%;
}
/*レス文字サイズ*/
.t_b{
    margin-bottom: 0;
    font-size: 20px;
}

/*エントリーカード----------------------------------*/
.entry-card {
	height:120px;
    background-color: white;
	box-shadow: 0px 3px 6px 0px rgba(229, 114, 114, 0.28);
}
.entry-card:hover {
	background-color: #fffdfd;
	color:#f07539;;
	box-shadow:none;
}
.entry-card-thumb {
    max-width: 40%;
    height:120px;
    margin-top:0px;
}

.card-thumb img {
    object-fit: cover;
    height: 120px !important;
}
.a-wrap {
    text-decoration: none;
    color: #333;
    padding: 0px;
	margin-top:0px;
    margin-bottom:24px;
}

.entry-card-title, .related-entry-card-title {
    zfont-size: 18px;
    padding: 8px;
}
/* ----------投稿ページ---------------------- */
.article h1 {
		font-size:22px;
	padding:8px;
	}
.entry-title{
	box-shadow:0 0 5px #f2d0d0, 0 0 5px #ce4747, 0 0 1px #f2d8d8;
	}
/*投稿ページアイキャッチ*/
.eye-catch img {
    width: 800px;
    max-height: 200px;
    object-fit: cover;
	margin-bottom:0;
}
.eye-catch-wrap {
     height: 200px;
}
	
/* ライブドア*/
.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 0px;
    padding-left: 3px;
}
.blogroll-channel a.blogroll-link {
    font-size: 14px;
	text-decoration: none;
	zcolor:#3333FF;
	margin-bottom:5px;
	}
.blogroll-channel .blogroll-list {
    margin-bottom: 4px !important;
	border-bottom: solid 1px silver;
	padding-bottom:4px;
	}

.blogroll-channel .blogroll-list-wrap{
		padding-left:0;
	}


/* 外部アイキャッチ利用*/
.card-thumb img {
    object-fit: cover;
    height: 120px;
}
}