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

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

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

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

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


/************************************
** サイトタイトル非表示
************************************/

.site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}

/* 新着記事表示 */

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 33.333%;
}

/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}

/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

/*フォント  */

.fz-36px{
font-size: 38px;
font-family: 'Josefin Sans', sans-serif;
}

.fz-40px{
font-size: 38px;
font-family: 'Spartan', sans-serif;
letter-spacing: 4px;
}


/* ヘッダーフォント  */
.navi-in a{/*ヘッダーメニューのフォントサイズ*/
font-size:15px;
font-family: 'Spartan', sans-serif;
letter-spacing: 0px;
}

.footer {/*フッターメニュー*/
  margin-top: 0px; /*フッターとコンテンツの間に余白追加*/
  background: #f2f2f2; /*フッター背景色*/
}
.footer-bottom {
  margin: 10px 0px 20px 0; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 300px; /*ロゴ画像を少し大きく*/
  margin: 0 auto;
}
.footer-bottom-logo img {
	height: auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #000000; /*メニューの文字色*/
  font-family: 'Spartan', sans-serif;
}

/* PC・SP表示 */

.PcOnly{
  display:block;
}

.PhoneOnly{
  display:none;
}

@media screen and (max-width: 768px){
  .PcOnly{
    display:none;
  }
  .PhoneOnly{
    display:block;
  }
}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#F8F5E3; border:0px solid #ddd; padding:0px; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:14px; }
div.wpcf7 input, .wpcf7 textarea { border:0px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:100%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5),}

div.wpcf7 input.wpcf7-submit:hover { background:#808080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:0px solid #808080; }
.wpcf7-captchac { border:0px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/* フロントページ日付非表示 */
.post-10 .date-tags {
display: none;
}

/* エントリーカードラベル非表示 */
.entry-card .cat-label{
  display: none;
}

/* カテゴリーアイコン非表示 */
.archive-title .fa-folder-open:before {
display: none;
}

.home main#main {
	padding-top: 0;
}

.home .column-wrap.column-2 {
	margin-top: 0;
}

.home .container .column-wrap > div {
	padding-top: 0;
}