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

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

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

/*600px以下*/
@media screen and (max-width: 600px) {
/*-------------------------------------------
  Mainvisual
-------------------------------------------*/
#mainvisual img {
   height: calc(100vh - 60px);
}
}

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

/*---------------------------------
ひとつの固定ページの日付を非表示にしたいとき
--------------------------------*/
.post-11 .date-tags {
  display: none;
}

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* --------------------
  RESET
  --------------------- */
/*———————————
トップページのヘッダーフッター非表示
——————————–*/
.home #header{
  display:none;
}
.home #footer{
  display:none;
}

/*———————————
トップページのタイトル非表示
——————————–*/
.home h1.entry-title{
  display:none;
}

/*———————————
日付・snsボタン非表示
——————————–*/
.ss-top,
.date-tags {
  display: none;
}

/*———————————
メニューバー非表示
——————————–*/
#navi{
  display:none;
}

/*———————————
投稿者の表示非表示
——————————–*/
.article-footer{
  display: none;
}



body {
  margin: 0;
  background: #fff;
  font-size: 16px !important;
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, arial, helvetica, sans-serif;
  color: #383e45;
  font-size: 0.9rem;
}
.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 4%;
  text-align: center;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
}
.main {
  width: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  border-radius: 0;
  position: relative;
}

/*-------------------------------------------
header-m
-------------------------------------------*/
#header-m .site-title {
    width: 120px;
    line-height: 1px;
    padding: 10px 0;
 }
#header-m .site-title a {
   display: block;
}

/*-------------------------------------------
ヘッダー
-------------------------------------------*/


/*-------------------------------------------
  Mainvisual
-------------------------------------------*/
#mainvisual {
  margin-bottom: 80px;
}
#mainvisual img {
  width: 100%;
  max-width: 1920px;
  height: 600px;
  object-fit: cover;
}