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

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

/* コード修正中 */

.wrap {
	width: auto;
    margin: 0 0vw 0 0vw;
}

/* サイドバーの長さ */
.no-scrollable-sidebar .sidebar {
  height: auto;
}

/* メインカラムとサイドバーの間の余白を中央に寄せる */
.content-in {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* ヘッダーが横幅広めの PC サイトで崩れていたのを修正 */

  .entry-title,
  .article h2 {
    font-size: 20px;
    padding: 0 0.4em;
  }

wp-block-image{
	max-width:100%;
	margin-bottom: 0em;
	margin-left:0;margin-right:0;
}

table {
    margin-bottom: 5px;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.article-footer, .entry-footer {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #bfbab2;
}

.wp-block-image {
     margin-bottom: 1px;
}

.wp-block-columns {
    display: flex;
     margin-bottom: 5px;
    flex-wrap: wrap;
}

hr {
    color: #D9D3C9;
}



/************************************
** 投稿・固定ページで使うHTML要素
************************************/
p {
	margin: 0.5em 0;
}

.article h3,
.article h4,
.article h5,
.article h6 {
	margin-top: 15px;
	margin-bottom: 10px;
}

.article h2 {
	margin-bottom: 15px;
	padding: 0.625em;
	border-bottom: 1px solid #d6d3ce;
	background: #f4f3f2;
	font-size: 22px;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    margin: 1em 0;
}

/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-9038 .date-tags,
.post-9196 .date-tags,
.post-6950 .date-tags,
.post-10763 .date-tags,
.post-9071 .date-tags,
.post-9073 .date-tags,
.post-9040 .date-tags,
.post-10766 .date-tags,
.post-10767 .date-tags,
.post-9225 .date-tags,
.post-9227 .date-tags,
.post-9229 .date-tags,
.post-9232 .date-tags,
.post-9209 .date-tags,
.post-9134 .date-tags,
.post-9067 .date-tags,
.post-10764 .date-tags,
.post-9199 .date-tags,
.post-9065 .date-tags,
.post-10761 .date-tags,
.post-9065 .date-tags,
.post-10762 .date-tags,
.post-9069 .date-tags,
.post-10765 .date-tags,
.post-7378 .date-tags,
.post-10280 .date-tags,
.post-11085 .date-tags,
.post-11235 .date-tags,
.post-11580 .date-tags,
.post-13678 .date-tags,
.post-14690 .date-tags,
.post-14775 .date-tags,
.post-14984 .date-tags,
.post-15858 .date-tags,
.post-16062 .date-tags,
.post-16143 .date-tags,
.post-17612 .date-tags,
.post-18030 .date-tags,
.post-18098 .date-tags,
.post-18180 .date-tags,
.post-18145 .date-tags,
.post-18868 .date-tags,
.post-19846 .date-tags,
.post-20025 .date-tags,
.post-6950 .date-tags{
  display: none;
}

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

wp-block-image{
	max-width:100%;
	margin-bottom: 0;
	margin-left:0;margin-right:0;
}

.article h3,
.article h4,
.article h5,
.article h6 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.entry-content>*, .demo .entry-content p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

  main.main,
  div.sidebar {
    padding: 1px 16px;
    margin: 10px 0;
    border-width: 0;
  }

.footer-bottom {
    margin-top: 5px;
    padding: 8px;
    position: relative;
    font-size: 14px;
}
}

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

wp-block-image{
	max-width:100%;
	margin-bottom: 0;
	margin-left:0;margin-right:0;
}

.article h3,
.article h4,
.article h5,
.article h6 {
	margin-top: 8px;
	margin-bottom: 5px;
}

  main.main,
  div.sidebar {
    padding: 1px 16px;
    margin: 10px 0;
    border-width: 0;
  }

.footer-bottom {
    margin-top: 5px;
    padding: 8px;
    position: relative;
    font-size: 14px;
}
}

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

.wrap {
	margin: 0 auto;
}

wp-block-image{
	max-width:100%;
	margin-bottom: 0;
	margin-left:0;margin-right:0;
}

.article h3,
.article h4,
.article h5,
.article h6 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.footer-bottom {
    margin-top: 5px;
    padding: 8px;
    position: relative;
    font-size: 14px;
}
}