@charset "UTF-8";

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

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


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

/*1030px以下*/
@media screen and (min-width: 1030px){
  /*必要ならばここにコードを書く*/
	
	.popular-entry-cards {
	display: flex;
		flex-wrap: wrap;
}
#popular_entries-3 .popular-entry-cards a{
	width:252px !important;
	background-color:#FAF3EA;
	margin:2px;
	border:1px solid #bbbbbb;
	border-radius: 10px;	
}
	#popular_entries-3 .popular-entry-cards a:hover{
		opacity:0.7;
	}
#popular_entries-3 .popular-entry-card.widget-entry-card.e-card.cf{
		padding:10px;
	}
#popular_entries-3 .popular-entry-card-thumb {
	width:100% !important;
	object-fit: cover;
}
#popular_entries-3 .popular-entry-card-content {
	clear:both;
	margin-left:0px !important;
	
	 overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	
}
	.entry-card-title {
   
        border-bottom: 3px dashed pink;
	
    
}
	
	
}

@media screen and (max-width: 1030px){
	.popular-entry-cards a{
		border-bottom:2px dashed pink;
	}
}

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

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


 


	
	


}


.main-widget-label {
	padding: 13px;
    background: #ff5683;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.2;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#121212',GradientType=0 );
    box-shadow: 0px 0px 0px 5px #ff5683;
    border: dashed 1px white;
	margin-bottom: 5px;
}

.sidebar-left .main {
	margin-left:0px;
}
.ue-rss {
    width: 100%;
    height: 350px;
}
.widget-entry-cards.large-thumb-on .card-title{
	font-size:14px;
	font-weight:bold;
}
.widget-entry-cards.large-thumb-on .card-title {
	max-height: 35%;
}

.popular-entry-card-pv, .widget-entry-card-pv ,.widget-entry-cards , .widget-entry-card-pv{
	font-style: normal !important; 
	
}

.kiji-naka-sp {
	display:none;
}
/******** icon *************************/
div.item-label:before{
	top:2px;
	margin-right:5px;
	 position: relative;
}

#menu-item-9 div.item-label:before{
   
	content: url(http://k-pop-newsch.com/wp-content/uploads/2018/10/12.png);
	
    
}
#menu-item-8 div.item-label:before{
    
	content: url(http://k-pop-newsch.com/wp-content/uploads/2018/10/RSSのアイコン.png);
	
    
}
#menu-item-15 div.item-label:before{
   
	content: url(http://k-pop-newsch.com/wp-content/uploads/2018/10/クエスチョンマーク.png);
	
    
}
#menu-item-18 div.item-label:before{
   
	content: url(http://k-pop-newsch.com/wp-content/uploads/2018/10/メールの無料アイコン.png);
	
}
.widget-sidebar-title:before,.widget-above-single-content-title-title:before {
	content: url(http://desuwayo.info/wp-content/uploads/ロマンスアイコン1.png);
	margin-right:15px;
}
/************************************/
/*************************************/
/*img**/
.eye-catch img {
  width: 70vw;
  height: 20vw;
  object-fit: cover;
}
/* タイトル*/
.entry-card-wrap:hover  .entry-card-title {
    
    color:#ff87c9;
}
	.entry-card-title, .related-entry-card-title {
    font-size: 18px;
    padding-bottom: .5em;
    margin-bottom: .5em;
    background: none;
    
}
.entry-card-title {
    font-size: 23px;
    padding-bottom: .5em;
    margin-bottom: .5em;
        
	
    
}

.entry-card-wrap:hover {
	background-color: #ffcce8;
}
.article h1{
	padding: 15px;
	background: #ff5683;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#121212',GradientType=0 ); /* IE6-9 */

    box-shadow: 0px 0px 0px 5px #ff5683;
    border: dashed 1px white;
}

.logo-text {
	padding: 5px 0 10px;
    font-size: 1em;
}

.related-entry-heading, .comment-title {
	    border-left: 6px solid #777;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    padding: 6px 20px;
	    border-color: #ff5683;
	
}

/*****rss size*********/
a.ps_8e4a8e576ddb0c57cc6f8ef9b2f308f7_caption {
	height: 40px !important;
	width:249px !important;
}

a.ps_9c580fc34c702f2a81105360ba3bc267_caption {
	height: 35px !important;
	width: 310px !important;
}

a.ps_bd7b565c96b38ed4d038f6b6e4fe4cdb_caption  {
	height:41px !important;
	width:350px !important;
}

a.ps_bd7b565c96b38ed4d038f6b6e4fe4cdb_figure:hover,a.ps_8e4a8e576ddb0c57cc6f8ef9b2f308f7_figure:hover,a.ps_a789fe84aed1a473edfb695034704fa2_figure:hover   {
	opacity:0.7;
	
}
.yomare2 img {
	margin-left: 10px !important;
}
.ninja-recommend-article-title {
	font-weight:bold;
}
/***********************/
.sidebar h3 {
	padding: 13px;
	background: #ff5683;
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	line-height: 1.2;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#121212',GradientType=0 ); /* IE6-9 */

    box-shadow: 0px 0px 0px 5px #ff5683;
    border: dashed 1px white;
}

/* rss きじなか*/
@media screen and (min-width: 640px){
.kiji-naka-sp{
display:none;

}
}

.blogroll-list {
padding-left: 5px;
}

.kaomoji-aa {
padding: 10px;
}

.rss-kotira {
    background-color: #fffcf2;
    border: 1px dashed #AAA;
    font-size: 14px;
    margin: 10px;
    padding: 10px;
}

.rss-kotira p,.rss-kotira a {
font-weight:bold;
text-decoration: none !important;
}

#blog-title {
display: none;

}

.kiji-naka-kote {
max-width:100%;

}
.kiji-naka,h3.rss-yoku{
	display:none;
}
.kiji-naka2 a,.kiji-naka2 p, .kiji-naka-sita a ,.kiji-naka-sita p{
	font-weight:bold;
text-decoration: none !important;
	line-height:1.2;
}

.yomare {
	display:none;
	 
}
.rss-yoku2 {

border-left: 5px solid #000000;
    color: #333333;
    font-weight: bold;
padding-left: 10px !important;
}

.sidewrapper .blogroll-channel{
    padding: 0px;
    border: 0px !important;
    max-height: 500px;
overflow: hidden;
}
/*全体の設定*/
.rss-blogroll:after{
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     content: ".";
}

.rss-blogroll{
	margin-top: 10px;
	padding: 3px 0;
	border: 2px solid #b0b0b0;
    zoom: 100%;
overflow: hidden;
height:250px
}


/* 分割rss記事上*/
.ue-rss {
margin: auto 0;
width: 100%;
    height: 300px;
    border: 0px solid black;
    text-align: center;
    background: white;
    margin-bottom: 20px;
}

.rss-1,.rss-2 {
    width:50%;
    height:93%;
    border:0px solid red;
    float:left;
    margin-left:0px;
    display:inline-block;
    padding:0px 10px;
    
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}



.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel, .blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

element.style {
}
a.blogroll-link {
	text-decoration: none !important;
}


.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.7;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
border-bottom: 1px dashed #c7c7c7;
    font-weight: bold;
}

.kiji-rss-kotira {
  width: 99%;
 height:150px;
	object-fit: cover;
}
.kotira-kiji-rss {
	max-width:47%;
	margin:2px;
	position: relative;
}
.kotira-kiji-rss:hover{
	opacity:0.7;
}
.kotira-kiji-matome {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	width:100%;
	flex-wrap: wrap;
	
}

.kotira-kiji-rss p {
	margin:0px !important;
	padding:0px !important;
	font-size: 12px;
	color:white;
	position: absolute;
	bottom: 0.7em;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	width:99%;
	 line-height:350%;
	font-weight:bold;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*******************/

/*チャンネル単位の設定*/
.rss-blogroll .blogroll-channel{
	float: left;
	
	margin-bottom: 0;
	margin-left: 5px;
	padding: 0;
	width: 49% !important;;
	height: 180px !important;
	font-size: 12px;


}

/*リストの設定*/
.rss-blogroll .blogroll-channel .blogroll-list {
	padding: 3px 0;
	padding-top: 0;
	border-bottom: 1px dashed #c2c2c2;
	list-style-type: none;
	font-size: 14.7px;
	line-height: 1.4;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


}

/*テキスト部分の設定*/
.rss-blogroll .blogroll-channel .blogroll-list a{
	padding-left: 5px;
	text-decoration: none;

}

.rss-blogroll .blogroll-channel .blogroll-list a:hover{
	text-decoration: underline;
}

/*NEWの文字の設定*/
.rss-blogroll .blogroll-new-entry{
	color: #ff0a00;
	font-weight: bold;
	font-size: 11px;
}


.rss-blogroll2 {
	background-color:#fcedee;
    zoom: 100%;
overflow: hidden;
height:100%;
margin-bottm: 2px;
}

.rss-blogroll2 .blogroll-channel .blogroll-list {
	padding: 3px 0;
	padding-top: 0;
	border-bottom: 1px dashed #c2c2c2;
	list-style-type: none;
	font-size: 14px;
	line-height: 1.25;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


}
.rss-blogroll2 .blogroll-channel .blogroll-list a{
	padding-left: 2px;
	text-decoration: none;

}

.rss-blogroll2 .blogroll-channel .blogroll-list a:hover{
	text-decoration: underline;
}

/* 記事した*/
.kiji-sita-rss{
	padding: 3px 0 ;
	padding-top: 5px ;
	list-style-type: none;
	margin-bottom: 10px;
	line-height: 1.3 ;
background-color: #fffcf2;
width: 100%;
box-shadow: 0 0 8px gray;
overflow:hidden;
height:325px;
    font-weight: bold;
}
.kiji-sita-rss2{
	padding: 3px 0 ;
	padding-top: 5px ;
	list-style-type: none;
	margin-bottom: 10px;
	line-height: 1.3 ;
background-color: #fffcf2;
width: 100%;
box-shadow: 0 0 8px gray;
overflow:hidden;
height:325px;
    font-weight: bold;
}



/*テキスト部分の設定*/
.kiji-sita-rss a,.kiji-sita-rss2 a{
	padding-left: 5px;
	text-decoration: none;
font-size: 16px !important;


overflow: hidden;
}

.kiji-sita-rss li,.kiji-sita-rss2 li{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


overflow: hidden;
}

.kiji-sita-rss a:hover,.kiji-sita-rss2 a:hover{
	text-decoration: underline;
}
.side-rss {
	max-height:416px;
	overflow: hidden;
	 font-size: 10px !important;
}
.side-rss li {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	    border-bottom: 1px dashed gray;
	line-height:27px !important;
	   


overflow: hidden;
}
.side-rss a{
	padding-left: 5px;
	text-decoration: none;
font-size: 14.5px !important;


overflow: hidden;
}

/* BlogRoll
----------------------------------------------- */
/*広告*/
.main-container-ads{
	margin-bottom: 10px;
}

/* フッター　*/
.footer-link {
	font-size:14px;
}
.footer-title {
	font-weight: bold;
}
.footer-link a, .footer-link p {
	font-weight: bold;
text-decoration: none;
	line-height: 1.2;
}
/* コメント*/
.comment-author .fn {
    color: green;
    font-weight: bold;
	font-style: normal; 
}
.commets-list .comment-body, .commets-list .st-comment-body {
    border-bottom: 1px dashed #c7c7c7;
	font-size: 15px;
}

.commets-list p {
    margin: 0.5em 0;
}

.widget-entry-cards.large-thumb-on .card-title {
	bottom:5px;
}

.comment-notes {
	display:none;
}
/************************************/

.ps_8e4a8e576ddb0c57cc6f8ef9b2f308f7_caption {
	height: 35px;
}
#PERMALINK_SYSTEM_a789fe84aed1a473edfb695034704fa2 {
	width:100% !important;
}



@media screen and (max-width: 768px){
	
	.ninja-recommend-article-title {
	font-size: 9px !important;
	line-height:1em;
	margin:0px !important;
		
}
	.ninja-recommend-article-text-box {
		padding: 1px !important;
	}
	
  /*必要ならばここにコードを書く*/
	.kiji-naka-pc {
		display:none;
	}
	 .rss-1 {
    width: 100%;
      height: 295px;
      padding:10px 0px;
		 background-color:#fffcfc;
	  
	  overflow:hidden;
  }
	.rss-2{
		width: 100%;
      height: 295px;
      padding:10px 0px;
	   background-color:#fffcfc;
	  overflow:hidden;
		
	}
	
	.article h1 {
		font-size: 17px;	
	}
	
	
	
	.ue-rss {
		height:auto;
		overflow:hidden;
	}
	.rss-1 a, .rss-2 a, .rss-1 li, .rss-2 li{
    font-size: 13px;
    text-decoration: none;
		
}
	li.blogroll-list {
		padding-left: 0px !important;
	}
	a.blogroll-link {
		padding-left: 0px !important;
	}
	.entry-card-title, .related-entry-card-title {
    font-size: 16px;
    padding-bottom: .5em;
    margin-bottom: .5em;
    background: none;
    
}
	.comment-entry {
 	position: relative;
	display: inline-block;
 	margin: 0.1em 0em 0.1em 0.5em;
	padding: 4px 7px;
	min-width: 70px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
	border-radius: 15px;
    font-size: 13px;
    font-weight:bold;
    text-decoration: none;
}

.comment-entry:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 13px solid transparent;
	border-top: 7px solid #e0edff;
}
.cat-label {
    font-size: 14px;
}
	.aa-kao {
	font-size:15px;
	
}
	
	#recent-comments-2,#custom_html-4 {
		display:none;
	}
	
	.widget_new_entries,#custom_html-8 {
		display:none;
	}
	
	/**********************/
	.kiji-rss-kotira {
  width: 99%;
 height:150px;
	object-fit: cover;
}
.kotira-kiji-rss {
	max-width:98%;
	margin:2px;
	position: relative;
}
.kotira-kiji-matome {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	width:100%;
	flex-wrap: wrap;
	
}

.kotira-kiji-rss p {
	margin:0px !important;
	padding:0px !important;
	font-size: 12px;
	color:white;
	position: absolute;
	bottom: 0.7em;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	width:99%;
	 line-height:350%;
	font-weight:bold;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
	/*********************/
	
	.kiji-sita-rss a, .kiji-sita-rss2 a {
		padding-left: 0px !important;
		margin-left: 0px !important;
		font-size:14px !important;
	}
	.kiji-sita-rss2 {
		    height: 290px;
	}
	.kiji-sita-rss {
		height: 285px;
	}
	.rss-kotira {
		margin:0px !important;
	}
}

.recentcomments {
	font-size: 12px;
}


.comment-ue {
	width:100px;
	margin:10px;
	
	color:#ff5683;
	
}
.comment-ue a{
	color:#ff5683;
	text-decoration:none;
	font-weight: bold;
}
.comment-ue a:hover {
	text-decoration:underline;
	color:black;
}

.commets-list{
  counter-reset: counter-comment;
}

.commets-list .comment-author{
  counter-increment: counter-comment;
}

.commets-list .comment-author::before{
  content: counter(counter-comment)".";
} 
#commentform #submit{
    
	background-color: #ff5683; /* 送信ボタンの背景色 */
	color: white;
	font-weight:bold;
	border-radius: 15px;
	height: 40px;
	border: none;
	padding: 0;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	transition: all .2s ease;
}

#commentform #submit:hover {
	color:#ff8caa;
}
input[type='submit'] {
	width:50%;
}
.pager-post-navi a {
	border:1px solid pink;
}
.pager-post-navi a.prev-post {
	margin-bottom:5px;
}
/***************************/

.widget_recent_comments li {
    padding: 3px 0;
}

.ninja-recommend-article-title {
	font-size: 13px;
	line-height:1em;
	margin:0px !important;
}
.widget-index-top-title {
	display:none;
}
.date-tags{
	margin-top:1px !important;
	padding-top: 5px !important;
	padding-bottom:10px;
	border-bottom:5px dashed #ff5683;
}


/****/

/*****/