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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/************************************
** ブログロール
************************************/
.blogroll-category-name {
display:none;
}

.blogroll-channel {
padding: 0 !important;
background: #fff; 
font-size: 14px;
}

.kajou .blogroll-channel {
padding: 0;
background: #fff; 
font-size: 20px;
}

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

.blogroll-channel .blogroll-list-wrap li {
list-style-type: none;
}

.blogroll-channel .blogroll-list {
padding:2px 3px;
border-bottom: 1px dashed #c0c0c0;
font-weight: bold;
}
.blogroll-channel .blogroll-list a {
 color: #0000c0;
 text-decoration: none;
}

.blogroll-channel .blogroll-list a:hover {
 color: #AA0000;
 background:#D6FFF8;
}
.blogroll-channel .blogroll-link-time {
margin: 0 0 0 3px;
color: #666;
font-size: 10px;
}

.blogroll-icon {
padding:0 3px;
}

#d-contents {
  box-sizing: border-box;
  padding:2px;
  background-color:#fff;
  margin:10px auto;
  z-index:100;
}

.d-contents0 {
  width:1200px;
  box-sizing: border-box;
  border: 1px solid transparent;
  padding: 0;
  border-radius: 4px;
  margin:20px auto 1px;
  z-index:100;
}

#d-contents2 {
  width:1200px;
  box-sizing: border-box;
  border: 1px solid transparent;
  padding: 10px;
  border-radius: 4px;
  background-color:#fff;
  margin:20px auto 1px;
  z-index:100;
}
.d-contents3 {
  box-sizing: border-box;
  padding:0 0 2px 2px;
  margin: 0 0 15px 0;
}
.rss04{
height:610px;
overflow: auto;
z-index: 300;
background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 15px;
}
.comment_c{
background: #e7e7e7!important;
margin: 10px 0 15px;
padding: 10px 7px 10px;
border-radius: 5px;
}
.rss04 a{
font-size: 16px;
}
.osusume .c_img div{
padding-top:15px !important;
padding-bottom:15px !important;
}
.cindexpc .c_img > div > a >div{
 line-height:1.4 !important;
}

.cindexpc .c_img > div > a >img{
 width:320px !important;
}

.fixed_after .c_img {
    font-weight: bold;
    font-family: Arial;
}

.fixed_after .c_img img {
    box-shadow: 0px 1px 2px rgb(0 0 0 / 20%);
}

.fixed_after .c_img > div {
    border: solid 1px black;
    border-radius: 4px;
    margin-bottom: 10px !important;
    padding: 5px;
    height: auto !important;
}

.fixed_after .c_img > div > a >div{
    background: url(https://parts.blog.livedoor.jp/img/lite2/icon_new.png) no-repeat left 2px;
    background-size: 22px 15px;
    padding: 0 10px 0 20px;
    height: auto !important;
    top: 3px;
    margin-left: 58px !important;
}

.fixed_after .c_img > div > a >div:after{
    content: "";
    color: #666666;
    font-size: 12px;
}

/************************************
** 箇条書きリンク
************************************/
.kajou ul,.kajou  ol {
  padding: 0;
  position: relative;
}

.kajou ul li,.kajou ol li {
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 10px!important;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
  font-size:20px!important;
}
.kajou .blogroll-ad-img a,.kajou .blogroll-ad-default a{
display:none!important;
	}

/************************************
 固定リンク
************************************/
.kotei{
  font-size:17px;
  font-weight:bold;
  margin: 0 0 10px 0;
  padding:0 7px 0 0;
  line-height: 2.5;
  margin-top: 0 !important;
}

.kotei a{
  font-size:17px;
  line-height: 2.5;
  color:#004d99;
}

.kotei ul {
  margin-top: 0 !important;
}

.kotei li {
list-style-type: none;
border-bottom: 1px dashed #c0c0c0;
}

.kotei .pick-up{
color: #ff0033;
}

#email-notes{
display:none;
}
/* ▼　記事直下RSS ▼ */
.rss_hd{
margin: 10px 4px 0 4px;
 padding: 4px 8px;
 border-radius: 3px;
 background: #07a951;
 color: #FFFFFF;
 font-size:15px;
 font-weight:bold;
 clear:both;
 text-align: left;
}
.sprss01{
height:600px;
overflow: hidden;
background-color: #fff;
margin: 0 4px 15px 4px;
border: 1px solid #666;
}

.sprss01 a{
text-decoration: none;
font-size: 14px;
}
.rss-hd{
 margin: 10px 0 0 0;
 padding: 4px 8px;
 border-radius: 3px;
 background: #07a951;
 color: #FFFFFF;
 font-size:15px;
 clear:both;
}

.rss-hd2{
 padding: 4px 8px;
 margin: 10px 7px 0 7px;
 background: #4682b4;
 color: #FFFFFF;
 font-size:15px;
 font-weight:bold;
 clear:both;
text-align: center;
border: 1px solid #ccc;
border-bottom: none;
}
.kajou2 {
background: white;
overflow: auto;
margin-bottom: 10px;
padding: 5px 0;
overflow: hidden;
}

.kajou2 ul,.kajou2 ol {
  padding: 0;
  position: relative;
}

.kajou2 li a{
font-size: 18px;
font-weight: bold;
line-height:1.5;
}

.kajou2 .blogroll-ad-img a,.kajou2 .blogroll-ad-default a{
display:none!important;
	}

/*recaptureバッジを非表示に*/
.grecaptcha-badge {
visibility: hidden;
}

.sp-ad{
 margin-top:20px;
 margin-bottom:20px;
 text-align:center !important;
}
.sp-ad div{
 display:inline-block;
 text-align:center !important;
}
/* サイドナビゲーション(PC)
----------------------------------------------- */
div.sidenavi {
	margin-top:10px;
}
div.sidenavi ul{
	margin:0;padding:0;
	list-style:none;
	text-align:center;
}
div.sidenavi ul li{
	margin:0;padding:0;
	display:inline-block;
	width:90px;
	height:90px;
	font-size:61px !important;
	line-height:90px;
	color:#ffffff;
	text-decoration:none;
	background:#07a951;
	border:solid #f0f0f0;
	border-width:0 1px 1px 1px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
div.sidenavi ul li a{
	vertical-align: middle;
	color:#ffffff;
}
div.sidenavi ul li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	color:#ffffff !important;
}
#sidebar .recent-comments{
  background-color:#e0e0e0;
  border-radius: 6px;
  padding:4px 6px;
  margin:10px 0 15px;
  font-size:14px;
}
#sidebar .recent-comment-author{
  color:#008800;
  text-align: left;
  font-size:14px;
}

#sidebar .recent-comment-date{
  display:none;
}
#sidebar .recent-comment-content{
  color:#0000c0;
  font-size:14px;
  margin: 6px 0;
}
#sidebar .recent-comment-article{
  font-size:14px;
}
/************************************
** コメント
************************************/
.st-comment-meta{
 font-weight:bold;
}
.comment-author{
 color:#008800;
}
.commets-list {
	padding: 7px 0 0 0;
	margin: 0;
	list-style: none;
}

/* 偶数番目のコメントのスタイル */
.comment.even {background: #FFF !important; /* 背景色 */
}
/* 奇数番目のコメントのスタイル */
.comment.odd {background: #FFF;}
.commets-list ol{ counter-reset : item ;}
.commets-list .children {
  list-style: none;
  padding-left: 0px;
}
.commets-list > li {
    counter-increment: number;
	padding: 7px 0 0 0;
}
.commets-list > li::before {
    content: counter(number)".";
	float: left;
}
.st-comment-content p{
	padding-left:2em !important;
	line-height:1.6;
	}	
.commets-list ul li {
    counter-increment: renumber;
}
.commets-list ul li::before {content:"RE" counter(renumber)".";	float: left;}
.commets-list ul li::before {
  line-height: 1.5;
  text-indent: 0;
  text-align: center;
  display: inline-block;
  height: 1.5rem;
  margin-right: .2em;
  background: #ff7b7b;
  color: #fff;
  border-radius: 10%;
  transform: scale(.8);
}
.commets-list ul ul li{
    counter-increment: rerenumber;
}
.commets-list ul ul li::before {content:"RE" counter(rerenumber)".";float: left;}
.commets-list ul ul li::before {
  line-height: 1.5;
  text-indent: 0;
  text-align: center;
  display: inline-block;
  height: 1.5rem;
  margin-right: .2em;
  background: #7bbfff;
  color: #fff;
  border-radius: 10%;
  transform: scale(.8);
}

.commets-list .comment{
	background:#e7e7e7 !important;
	margin:10px 0 15px;
	padding:20px 7px 10px;
}
.commets-list li .comment{
margin:10px 0;
}

.commets-list ul{
 background: #ffe0e0;
 margin-left:35px;
 position: relative;
}
.commets-list ul .comment{background:#ffe0e0 !important;}
.commets-list ul:after {
content: '';
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #ffe0e0;
top: -10px;
left: 12px;
}
.commets-list ul ul{
 background: #e0f0ff;
 margin-left:35px;
 margin-right:20px;
 position: relative;
}
.commets-list ul ul .comment{background:#e0f0ff !important;}
.commets-list ul ul:after {
content: '';
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #e0f0ff;
top: -10px;
left: 31px;
}

.comment-reply-link {
  color: #fff;
  border: none;
  border-radius: 20px;
  background: #AA0000;
  padding: 1px 12px;
  margin-right:30px;
  transition: 0.5s;
}
.comment-reply-link:hover {
  color: #fff;
  background: #c34c4c;
  transition: 0.5s;
}
.commets-list .st-comment-body {
  margin-bottom: 0;
}

/************************************
** カルーセル
************************************/
.carousel-in {
  background: transparent;
}

.carousel-entry-card {
  border-radius: 10px;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
  background: white;
  padding: 5%;
}

.carousel-entry-card:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
  transition: all .3s ease;
}

.carousel .slick-track {
  padding: 10px 0;
}

.carousel .slick-arrow:before {
  color: #ba7373;
  font-size: 28px;
}

.card-title {
  color: #ba7373;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
    .pc{
        display: none !important;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.kotei{
  font-size:16px;
  font-weight:bold;
  padding:0 !important;
  line-height: 1.5;
  margin: 0 0 30px 0!important;
	}
.kotei a{
  font-size:16px;
  line-height: 1.5;
  color:#122a80;
	}
.kotei ul {
  margin-top: 0 !important;
  padding:0 !important;
	}
.kotei li {
list-style-type: none;
border-bottom: 1px dashed #c0c0c0;
padding:7px 0;
	}
.kotei .pick-up{
color: #ff0033;
	}
	.commets-list ul{
 background: #ffe0e0;
 margin-left:15px;
 position: relative;
	}
	.commets-list ul ul{
 background: #e0f0ff;
 margin-left:15px;
 margin-right:10px;
 position: relative;
	}
.st-commentmeta, .st-commentmetadata{
	font-size:11px !important;
	font-weight: normal !important;
	line-height: 24px;
	padding-bottom:10px;
	}
.st-comment-content{
	font-size:14px !important;
	}
.st-comment-content p{
	padding-left:1em !important;
	}	
.commets-list > li::before {
	font-size:11px !important;
}
.commets-list ul li::before {
	font-size:11px !important;
	}
.commets-list ul ul li::before {
	font-size:11px !important;
}
.commets-list .reply {
    text-align: left;
    font-size: var(--cocoon-text-size-s);
}
.comment-reply-link{
	font-size:12px !important;
	margin-left:35px;
}
.related-entry-heading,.comment-title {
  font-size: 20px;
}
.t_h {
  font-size: 12px;
	}
.t_i{
margin:0 0 0 10px;
}
#container {
	}
  .information-box,
  .question-box,
  .alert-box,
  .information,
  .question,
  .alert,
  .memo-box,
  .comment-box,
  .common-icon-box {
	font-size:14px;
    padding: 28px 12px 12px;
  }
.comment-information-messag {
  padding: 5px 10px 5px 10px;
  margin:0 0 7px 0;
	border-radius: 4px;
  position: relative;
  display: block;
  font-size:10px;
  background: #fdf2f2;
  border: 1px solid #f6b9b9;
	}
}