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

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

#admin-panel{display:none;}
body{background: #fff;}
.article-footer{}
.content {
    margin-top: 20px;
}

.org-header-container{
width: 100%; height: auto; background: #fff; position: relative; z-index: 20; top: 0;
}
.org-header-container a{
display: block; width: 380px; margin: 0 auto;
}
.org-header-logo{
background:url(https://www.korecow.jp/blog/wp-content/uploads/2025/07/korecow_mag_main@2x.png) no-repeat;
background-size:contain;
width: 380px; height: 65px; margin: 40px auto 0 auto;
}

.list {
 display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;
}
.entry-card-thumb {
	width: 100%; float: none; margin:0 0 10px 0; --card-ratio: 200 / 112;
}
.entry-card-content { margin-left: 0;}
.no-sidebar .content .main{
max-width: 1100px; margin: 0 auto; padding: 50px 0;
}
.thumb-wide {
    --card-ratio: 1280 / 670;
}
.card-thumb img{border-radius:5px;}
.related-entry-card-title, .entry-card-title{font-size:15px;}
.entry-card .admin-pv{display:none;}
.related-entry-card-snippet, .entry-card-snippet{ font-size:14px;}
.org-list-wrap{
	position:relative; width:33%; margin:0;
}
.org-list-wrap .a-wrap{width:auto; margin:0; padding:0 10px;}
.related-entry-card-meta, .entry-card-meta {
    bottom: 0;
    right: auto;
    text-align: left;
	width: 100%;
}
.e-card-info{justify-content:flex-start; padding: 0 0 7px 0;}
.related-entry-card-content, .entry-card-content {
    padding-bottom: 46px;
}
.post-date{
 display: block; text-align: right; margin: 0;
}
.btn-like {position: relative; bottom: 32px; left: 0%; height: 40px; }

.wpulike .wp_ulike_general_class{transform: scale(0.7);}
.widget-entry-card{font-size:13px;}
.list-item-caption{font-size:13px;}
.sidebar {
	padding: 30px 0 0 0;
}
.footer-bottom-logo{display:none;}

.menu-close-button{opacity:0;}
.article-footer .sns-share-buttons{display:none;}
.article-footer .bc-brand-color{display:none;}
.mobile-menu-buttons .menu-content {
    cursor: default;
    padding: 20px 15px 0px 15px;
}

.footer-contact-btn{
	border-top: 1px solid #ccc; padding: 90px 0 0 0; text-align: center; margin: 0px 0 60px 0;
}
.footer-contact-btn a{
 text-decoration: none; color: #222; font-weight: bold; border: 1px solid #222; border-radius: 100px; padding: 24px 50px; font-size: 17px; transition:0.2s;
}
.footer-contact-btn a:hover{
background:#222; color:#fff;
}
.footer-korecow-link{
	padding: 30px 0 0 0;
}
.footer-kore-logo{
	max-width: 160px; width: 100%; margin: 0 auto 15px auto;
}
.footer-kore-info{font-size:14px; text-align:center;}
.footer-kore-info a{color:#222;}
.post-update{display:none !important;}

.toc-content{
	visibility: hidden;
}
.pagination-next{
	display:none;
}

.k-writer-boshu{
	margin: 0 auto 60px auto;
	max-width: 720px;
	padding: 0 20px;
}
.grecaptcha-badge { visibility: hidden; }




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

.footer-contact-btn{
	padding:60px 0 0 0;
}
.footer-contact-btn a{
font-size: 14px; padding: 24px 24px;
}

.org-header-logo {
width: 220px; height: 39px; margin: 38px auto 0 auto;
}
.org-header-container{
	height:50px;
}
.org-list-wrap{
width:50%;
}
.btn-like {
	position: relative; bottom: 29px; left: 0%; height: 40px;
}
.wpulike .wp_ulike_general_class{
	transform: scale(0.7); position: relative; left: 0px;
	}
.related-entry-card-snippet, .entry-card-snippet{font-size:13px;}
.related-entry-card-title, .entry-card-title {
    font-size: 14px;
}

.sidebar-menu-content{padding:20px 0 0 15px;}

.footer-bottom {
    margin-top: 0px;
    padding: 0 0 60px 0;
}
	
main.main, div.sidebar {
	padding: 0px 16px 32px 16px;
	margin: 12px 0;
	border-width: 0;
}



}

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


.no-sp-snippet .entry-card-snippet {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}



}