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

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


/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-51 .date-tags,
.post-24 .date-tags,
.post-116 .date-tags,
.post-10 .date-tags,
.post-17 .date-tags {
  display: none;
}

.post-10 .entry-title,
.post-24 .entry-title,
.post-51.entry-title,
.post-17 .entry-title,
.post-116 .entry-title {
    display: none;
}


.post-51 .entry-title {
 display: none;
} 

.post-51 .author-info {
 display: none;
} 

.eye-catch {
display: none;
}

.sidebar h3{
  background-color:#D3E6D9;/
  padding:16px 10px;
  margin:16px 0;
}

.wp-block-image img {
    box-shadow: none;
}




/* 見出しカスタマイズ */

/* H2 */
.article h2{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}



.biz-hour {
  display: block;
  border-collapse: collapse;
  /* overflow-x: scroll;で、
  スマホ画面幅に表が入りきらない場合は
  横スクロールしてくれます */
}
.biz-hour th, .biz-hour td {
  padding: 10px;
  text-align: center;
  /* 枠線。色を変えたい時は#ff6680というところをお好みで */
  border: 1px solid #fafad2;
}

/* 最上段の表の見出し。background-colorを書き換えれば背景色が変わります。 */
.biz-hour th {
  background-color: #fafad2;
  font-weight: normal;
}

/* 「土」の文字色 */
.biz-hour th.sat {
  color: #3db2da;
}

/* 「日」の文字色 */
.biz-hour th.sun {
  color: #e66a6a;
}




.article h2 { 
  border-bottom: solid 3px black;
}



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

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

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





/************************************
全体のバランス
************************************/
.entry-content {
padding:1em;
padding-top:0;
margin: 0 auto;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}



.wp-block-image img {
    box-shadow: none;
}

.wp-block-image img {
    box-shadow: none;
}