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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-title{
	display:none;
}
/*.article h2{
background-color:unset;
border-bottom:solid 3px #2ac291;
padding:5px;
}*/
.article h3 {
    border: unset;
    margin: 10px;
    text-align: left;
    border-bottom: 3px solid lightseagreen;
    width: fit-content;
    padding: 0 5px;
}
.article h2,h2.wp-block-heading {
    margin: 10px auto;
    text-align: center;
    background-color: lightseagreen;
    padding: 0 5px;
    color: white;
}
h3.wp-block-heading {
    margin: 10px;
    text-align: left;
    border-bottom: 3px solid lightseagreen;
    width: fit-content;
    padding: 0 5px;
}
.footer-bottom,.footer,.entry-content{
	margin-top:0;
}
.breadcrumb{
	margin:0;
}
.content{
	margin-top:0;
	margin-bottom:0;
}
main#main {
    padding: 0;
}
.logo-image{
	padding:0;
}
.top-banner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.entry-content.cf {
    padding-left: 20px;
    padding-right: 20px;
}
.entry-content {
    margin: auto 10px;
}
.author-description {
    margin-bottom: 0;
}
.fab.fa-shopify {
    background-image: url(https://bizmatcha.website/wp-content/uploads/2024/11/shopify_glyph_black.png);
    display: inline-block; /* アイコンとして表示 */
    width: 19px; /* アイコンの幅 */
    height: 19px; /* アイコンの高さ */
    background-size: contain; /* 画像をコンテナに合わせて表示 */
    background-repeat: no-repeat; /* 繰り返しを防ぐ */
    text-indent: -9999px; /* テキストを非表示に */
    vertical-align: middle; /* 縦の位置を中央に */
}
.tagline{
	margin: .6em;
}
.navi {
    background-color: #CCE7D3;
}
.item-label {
    color: forestgreen;
}
/*.top-banner {
  position: relative;
  width: 100%;
}

.banner-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
text-align: center;
font-size: 24px;
line-height: 1.5;
width: 100%;
padding: 10px;
text-shadow: 2px 2px #000;
}*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
.content{
	margin-top:15px;
}
.entry-content.cf {
    padding-left: 20px;
    padding-right: 20px;
	padding-bottom: 20px;
    margin-bottom: 0;
}

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