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

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

.main,.content-in
{
	background: rosybrown;
}

.content {
    margin-top: 0px;
/*     background: gainsboro; */
}

.category-uncategorized-post
{
	background: lightgrey;
    padding: 30px;
}

.sidebar
{
	background: cadetblue;
}

.article h1
{
	font-size:40px;	
}

/* 最近のコメント 　名前消去*/
.recent-comment-author
{display:none;}

/* 最近のコメント*/
.recent-comments{
	border:2px solid black;
	border-radius:3px;
	background:brown;
}

.a-wrap:hover
{
	background:none;
/* 	color:whitesmoke; */
	transform: translateY(0px);
}

.recent-comments:hover
{
	color:whitesmoke; 
	background:crimson;
}

.recent-comment-date,.recent-comment-article{
	color:whitesmoke;
}

.recent-comment-content{
	color: saddlebrown;
    font-weight: bold;
}

/* ホームインデックスカード */
.entry-card-wrap.a-wrap.border-element.cf
{
	border:2px black solid;
	background:darkgray;
}

.e-card-info > span {
    font-size: x-large;
}
/* インデックス　カテゴリラベル */
.cat-label {
display: none;
}

/* サイトネーム */
.site-name-text
{
    color: white;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: -webkit-xxx-large;
    font-family: inherit;
	
}
/* ヘッダーの下線 */
.header
{
/* 	border-bottom: 4px black solid; */
}

/* サイドバーh3 */
.widget-sidebar-title.widget-title
{
	background:black;
	color:white;
}

.recent-comment-date{display:none;}

/* 縁取り */
h1 {
  color: #000;
	text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
}

/* コメント欄 */

.wpd_comment_level-1
{
	background: indianred;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap
{
	background:none;
	padding: 0px 0px 0px 17px;
	margin:0px;
	border:none;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-post_author,#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-administrator
{
	border:none;
}

#wpdcom .wpd-comment-footer 
{
	flex-direction: row-reverse;
}

#wpdcom .wpd-comment-footer .wpd-reply-button,#wpdcom .wpd-comment-footer .wpd-reply-button svg,#wpdcom .wpd-comment-footer .wpd-vote-result
{
	color:black;
	fill:black;
	    text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
}

#wpdcom .wpd-comment-footer .wpd-vote-up svg, #wpdcom .wpd-comment-footer .wpd-vote-down svg
{
	fill: #432929;
	
}

#wpdcom .wpd-comment-footer .wpd-reply-button
{
	margin-right: 40px;
	
}

.wpd-comment-right{
	padding:10px 20px 10px 20px;
	border:2px black solid;
	border-bottom:none;
	
}

.wpd-comment-right p{
	font-size:18px;
   color: black;
	text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
/* 	text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff; */
	
}

.wpd-comment-date,.wpd-comment-text p,.wpd-comment-footer p
{
	color: whitesmoke;
}

#wpdcom .wpd-down,#wpdcom .wpd-up
{
	font-weight:800;
}

.wpd-reply-to{display:none;}

/* １階層目 */
.wpd-comment-wrap.wpd-blog-guest
{
	background:#bcc7d7;
}

/* ２階層目 */
.wpd_comment_level-2 .wpd-comment-right
{
	background:#e3adc1;
}
/* ３階層目 */
.wpd_comment_level-3 .wpd-comment-right
{
	background:#a2c2e6;
}
/* ４階層目 */
.wpd_comment_level-4 .wpd-comment-right
{
	background:#a4d5bd;
}
/* ５階層目 */
.wpd_comment_level-5 .wpd-comment-right
{
	background:#a688bd;
}

.wpd_comment_level-5  .wpd-reply-button
{
	display:none;
}

/* 書き込みフォーム */
.wpd-form-col-left{display:none;}

/* ヘッダー */
.hlt-tm-right .navi-in > ul
{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: nowrap;
	text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
}

/* 検索窓 */
.header-search{width:200px !important;}
.header-search .search-box{margin:0;}
.header-search input[type="text"]{
	padding:8px 14px;
	font-size:14px;
	border-radius:14px 14px 14px 14px / 50% 50% 50% 50%;
}
.header-search ,search-submit{color:#378cb0;}

.fa-chain:before, .fa-link:before {
    content: "\f044";
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	
#header .site-name-text {
        font-size: 27px;
}
	
.header-container-in.hlt-top-menu .logo-header .site-name {
    margin-top: 10px;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/* ２階層目 */
.wpd_comment_level-2 .wpd-comment-right
{
/* 	transform: scale(0.97); */
		width:100%;
	margin-top:0px;
	margin-left: 0px;
}
/* ３階層目 */
.wpd_comment_level-3 .wpd-comment-right
{
/* 	transform: scale(0.94); */
		max-width:95%;
	margin-left: 18px;
		margin-top:0px;
}
/* ４階層目 */
.wpd_comment_level-4 .wpd-comment-right
{
/* 	transform: scale(0.9); */
		max-width:90%;
	margin-left: 36px;
	margin-bottom:4px;
	margin-top:0px;
}
/* ５階層目 */
.wpd_comment_level-5 .wpd-comment-right
{
/* 	transform: scale(0.87); */
	max-width:85%;
	margin-left: 55px;
	margin-top: -4px;
	margin-bottom:-1px;
}