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

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

/* レイアウト調整 */
.dp-inline-b {
  display: inline-block;
}

.fs-1em {
  font-size: 1em !important;
}
.fs-11em {
  font-size: 1.1em !important;
}
.fs-12em {
  font-size: 1.2em !important;
}
.fs-115em {
  font-size: 1.15em !important;
}
.fs-2em {
  font-size: 2em !important;
}
.fs-3em {
  font-size: 3em !important;
}

.fw--normal {
  font-weight: normal;
}
.fw-bold {
  font-weight: bold;
}

.pt-16 {
  padding-top: 16px;
}
.pt-225 {
  padding-top: 22.5px;
}
.mt-05em {
  margin-top: 0.5em;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-1em {
  margin-top: 1em;
}
.mt-15em {
  margin-top: 1.5em;
}
.mt-18em {
  margin-top: 1.8em;
}
.mt-2em {
  margin-top: 2em !important;
}
.mt-3em {
  margin-top: 3em !important;
}
.mt-4em {
  margin-top: 4em !important;
}
.mt-5em {
  margin-top: 5em !important;
}
.mt-60 {
  margin-top: 60px;
}
.mt--20 {
  margin-top: -20px;
}
.mt--25 {
  margin-top: -25px;
}
.mt--30 {
  margin-top: -30px;
}

.mb-1em {
  margin-bottom: 1em;
}
.mb-15em {
  margin-bottom: 1.5em;
}
.mb-2em {
  margin-bottom: 2em;
}
.mb-3em {
  margin-bottom: 3em;
}

.ta--center {
  text-align: center;
}

.ta--left {
  text-align: left;
}

.ta--right {
  text-align: right;
}

.txid--1em {
  text-indent: 1em;
}
.txid--15em {
  text-indent: 1.5em;
}
.txid--2em {
  text-indent: 2em;
}

.fs--small {
  font-size: small;
}

.bd-t-none {
  border-top: none !important;
}

.bd-b-none {
  border-bottom: none !important;
}

/* スムーススクロール */
html {
  scroll-behavior: smooth;
}

.heading-back-red {
  padding: 5px 15px;
  background-color: red;
  color: white;
}

/* 固定ページの表題を非表示 */
/* .entry-title {
  display: none;
} */

/* 固定ページの更新日付を非表示 */
/* .page-id-943 .date-tags, */
/* .page-id-717 .date-tags, */
.page .date-tags {
  display: none;
}

/* 固定ページのシェアボタン・フォローボタンを消す方法 */
.page-id-717 .sns-share,
.page-id-717 .sns-follow {
    display: none;
}

/* 固定ページの目次を非表示にする */
/* .page-id-717 .tnt-number {
  display: none;
} */

/******************************************************
** トップページのロゴまわり
******************************************************/
.logo-text {
  padding: 2px 0 0px;
}

/*834px以下*/
@media screen and (max-width: 834px){
  .logo-text {
    margin-bottom: 2px;
  }
}

/******************************************************
** 投稿ページの下部、コメント・SNSシェアなどの表示位置の変更
******************************************************/
/* コメントエリアの調整 */
.comment-area {
  margin-bottom: 60px;
}

/* コメント欄のタイトルの表示調整 */
.comment-area .comment-title {
  background-color: transparent;
    padding: 0;
    margin-bottom: 22px;
    margin-top: 50px;
}

/* コメントの表示位置を上に */
/* .under-entry-content {
  display: flex;
  flex-direction: column;
} */
/* .comment-area {
  order: 1 !important;
} */

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

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

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