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

 .single-post.postid-example-post .blog-card .blog-card-image {
      display: none;
    }

.toppage_contents{background:#faf7f1 ;padding:10px;margin:10px;border-radius:10px;}
.toppage_contents p{line-height:250%;}

.page .date-tags {display: none;}

.site-name-text{display: none;}

.article .entry-categories-tags {
    margin: 0;
}
.article h1 {
    margin: 0 !important;padding:0 !important;
}

@media screen and (max-width: 767px){
.copyright{font-size:10px;}
}

@media screen and (min-width: 768px){
#navi{display:none;}
}

@media screen and (min-width: 768px) {
p, li{margin:0 10px;}
.indented-list li {padding-left: 5em !important;/* 全体の左余白を確保して */}
}

@media screen and (max-width: 767px) {
p{margin:0 10px;}
.toppage_contents p{margin:0 !important;}
}

strong{color:#d2042d;}
.ctr{text-align:center;margin-left:auto;margin-right:auto;}
.cherry{color:#d2042d;}

.indented-list {
  list-style: none;         /* ●や数字を消す */
  padding: 0;
  margin: 0;
}

.indented-list li {
  text-indent: -4em;        /* 1行目を左に引っ込めて */
  padding-left: 3em;        /* 全体の左余白を確保して */
  line-height: 250%;         /* 行間を少し調整（好みに応じて） */
}

.sidebar a:hover, .mobile-menu-buttons a:hover, .new-entry-cards a:hover, .front-page-type-index a:hover, .related-list a:hover, .pager-post-navi a:hover, .next-post a:hover
{opacity:0.7;background:#faf7f1 !important;text-decoration:underline #d2042d;}

a:hover {color: #1e73be;background:transparent !important;}

.main{margin:0 !important;padding:10px 0 0 0 !important;}

@media screen and (max-width: 767px){
.main{padding:0 !important;}	
}


/* Meta Sliderを全幅表示する */
.metaslider {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
box-sizing: border-box;
}

@media screen and (max-width: 767px){
header{padding-top:0px;}
h1.archive-title {padding-top:27px;}
}

@media screen and (max-width: 767px) {
.mobile-header-menu-buttons label {color: #216624 !important;}
.logo-menu-button img {/* SMP上下余白とh1の上下余白設定 */
display: block;
margin: 13px auto;
}
h1.entry-title {
margin-top: 32px !important;
}
}

@media screen and (max-width: 767px) {
.content .main, .content .sidebar {
padding:30px 0;}}

@media screen and (min-width: 768px) {
.content .main, .content .sidebar {
padding:0;}
}

/* Meta Sliderを上下余白消す */
@media screen and (min-width: 768px) {
.content-top {
margin: 0px;
padding: 0px;
}
.metaslider .slides {
padding: 0;
margin: 0;
}
.sliderpc{
margin-top:-30px !important;padding-top:0 !important;
}

}

/*.metaslider .slides img {
  border-radius: 16px;
}*/

h1{text-align:center !important;}
/*color*/
h1.entry-title, h1.archive-title{color:#184932;}

h2{background:#216624 !important;color:#fff;text-align:center !important;border-radius:10px !important;}
h3{background:#34a16e !important;color:#fff;text-align:center !important;border-radius:10px !important; /*width:80%;*/ margin-left:auto;margin-right:auto;display:block;padding:0;}

.sidebar h3, .sidebar h2{padding:0 !important;margin-left:auto;margin-right:auto;}

.entry-content h2{background:#216624 !important;padding:10px;}

.sidebar a:hover, .mobile-menu-buttons a:hover, .new-entry-cards a:hover, .front-page-type-index a:hover, .related-list a:hover, .pager-post-navi a:hover, .next-post a:hover
{opacity:0.7;background:#faf7f1 !important;}

a:hover {color: #1e73be;background:transparent !important;}

.border-element, .next-post{border:1px solid #d2042d !important;border-radius:10px !important;}

/* SMP menu */
@media screen and (max-width: 767px){
.navi-menu-content{background: rgba(250, 247, 241,0.8);}
li.menu-item a{border-bottom:1px dotted #666;}
li.menu-item a:hover{background: none !important;text-decoration:none;}
li.menu-item-home a:hover{color:#111 !important;}
}

@media screen and (max-width:767px) {
h1.archive-title{font-size:20px;padding-top:25px !important;}
}

/* 運営者情報のテーブル */
@media screen and (min-width:768px) {
.aboutus .table {font-size:16px;color:#111;display: flex;flex-direction: column;}
.aboutus .row {display: flex;justify-content: space-between;margin-bottom: 10px;}
.aboutus .row2 {display: flex;justify-content: space-between;margin-bottom: 25px;}
.aboutus .row3 {display: flex;justify-content: space-between;margin-bottom: 45px;}
.aboutus .row4 {display: flex;justify-content: space-between;margin-bottom: 215px;}
.aboutus .cell {width: 50%;padding: 10px;}
.aboutus .table .no1{width:18%;height:2.0em;}
.aboutus .table .no2{width:82%;height:2.0em;}
.aboutus .table .no3{width:82%;height:10.0em;}
}

@media screen and (max-width:768px){
.aboutus .table {font-size:13px;color:#111;}
.aboutus .row, .aboutus .row2, .aboutus .row3, .aboutus .row4{margin-bottom: 10px;}
}

h3.widget-title{display:none;}
ul li.cat-item-6{margin-top:-30px;}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

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