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

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

#archive-title {display:none;}

/*.entry-title {display:none;}*/
.page-id-7 h1.entry-title
{display:none;}
/*.date-tags {display:none;}*/
.page-id-7 .date-tags{
	display:none;}
.author-info{display:none;}

#media_image-2 {text-align:center;}
#media_image-3 {text-align:center;}
.logo-header{display:none;}
.sns-follow-buttons {display:none;}

.pc_none {display:none;}
.sp_none {display:block;}

table th, table td {
border: 1px solid #ccc!important;
}

p {margin-bottom:0.8rem!important;}
.title_midashi {padding:0rem 1rem; border: 1px solid #66CC00; border-radius:1rem;}
/*.mb-5 {margin-bottom:5rem!important;}*/
.page_item {text-align:center; margin-bottom:1rem; border: 1px solid #ccc!important;}
.widget_pages .widget-sidebar-title {display:none;}
.widget_archive .widget-sidebar-title {background-color:#99CC66; padding:0rem 1rem;}
/* .entry-title {font-size:2rem; padding:0.5rem 1rem; border: 1px solid #fff; color: #009900; border-radius:1rem;} */
.cat-label {color:#000;}

.author-box {
border: 5px #8FC31F dotted;
border-radius:1rem;
}

.author-box p{
font-size:1rem;
color:#7b7b7b;
line-height:1.6em!important;
margin:0rem;
}

.entry-title {
    font-family: WebLTGothicFont;
    border: none;
    position: relative;
    padding: .5em 1em;
    background-color: #E8ED9F;/*背景色*/
    box-shadow: 0 0 0 7px #E8ED9F;/*背景色*/
    border: 2px dashed #fff;/*線の太さ、種類、色*/
    border-radius: 8px;/*角の丸み*/
	text-align:center;
}

aside {text-align:center;
margin-bottom:0!important;
}

.pt-cv-content-item {

}

.jikofoot {background:#FFFFCC;
padding:1rem;
	color:#777;
	text-align:;
	margin-bottom:1rem;
}
.disable-auto-tel a[href^="tel:"] {
  
  text-decoration: none;
  pointer-events: none;
}
.cta-box a {
    color: #777;
}

.e-card{border: 1px solid #ccc; /*枠線の太さ、形状、色*/
border-radius: 10px;padding: 8px;} /*角の丸み*/


.internal-blogcard::after{
content: ‘続きを読む \00bb’; /* 右下枠の文字 */
position: absolute;
bottom: .5rem; right: 1rem;
font-size: 70%;
background-color: #dd9933; /* 右下枠の背景色 */
padding: .4em 3em;
font-weight: bold; color: #fff; /* 右下枠の文字色 */
border-radius: 2px;
}
.ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update　{margin:0 1rem 1rem auto!important;}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.pc_none {display:block;}
.sp_none {display:none;}
.css_none{display:none;}
}

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


/*　追記　*/


/* PC：4列 */
.combined-posts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

/* アイキャッチ画像 */
.combined-post-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

/* タブレット：2列 */
@media (max-width: 1024px) {
    .combined-posts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* スマホ：1列 */
@media (max-width: 767px) {
    .combined-posts {
        grid-template-columns: 1fr;
    }
}

/* カード全体：角丸の罫線 */
.combined-post-item {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 12px;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

/* アイキャッチ画像：角丸 */
.combined-post-image {
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.combined-post-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

/* タイトル：中央揃え */
.combined-post-content h3 {
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    margin: 12px 0;
}

/* 説明文 */
.combined-post-content {
    padding: 0;
}

.combined-post-content p {
    font-size: 13px;
    line-height: 1.8;
    color: #666;
    text-align: left;
}