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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.header-in .tagline {
  text-align:left;
  margin-top:0px;
}

.header-in .logo {
  text-align: left;
}
.body {
  font-family: "Hannari","Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,sans-serif;
}
/*全てをまとめて非表示*/
/*フロント固定ページのタイトルを非表示*/
/*フロント固定ページのシェアボタンを非表示*/
/*フロント固定ページのフォローボタンを非表示*/
/*フロント固定ページの投稿日を非表示*/
/*フロント固定ページの更新日を非表示*/
/*フロント固定ページの投稿者名を非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/* TOPページ見出しカスタマイズ */
.topmidashi {
	margin: 0;
    font-size: 24px;
	font-weight:bold;
	text-align:center;
}

/*-------------------------------------------------
 * Contact Form 7 カスタマイズ
 * -----------------------------------------------*/
.form__wrap {
  width: 100%;
  max-width: 900px;/*フォームの最大幅*/
  margin-right: auto;
  margin-left: auto;
}
.wpcf7 .template02 {
  color: #666;
  font-size: 16px;
}
.wpcf7 .template02 a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: inherit;
  transition: opacity .25s;
}
.wpcf7 .template02 a:hover {
  opacity: .5;
  transition: opacity .25s;
}
.wpcf7 .template02 div.form__row {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #efe8e5;
}
.wpcf7 .template02 div.form__row.row-privacy,
.wpcf7 .template02 div.form__row.row-submit {
  display: block;
  border-top: 0;
  margin-top: 1em;
  text-align: center;
}
.wpcf7 .template02 p.form__label,
.wpcf7 .template02 p.form__body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__captchar {
  width: 40%;
  padding: 0.5em 1em;
}
.wpcf7 .template02 p.form__label {
  width: 36%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 p.form__body {
  width: 64%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 div.form__row.row-privacy .form__body,
.wpcf7 .template02 div.form__row.row-submit .form__body {
  width: 100%;
}
.wpcf7 .template02 p.form__label label {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 44px; 
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label label::after {
  content: "任意";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  margin: 0;
  padding: 0 5px;
  border-radius: 2px;
  background-color: #f1f1f1;
  color: #929292;
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label.is-required label {
  position: relative;
}
.wpcf7 .template02 p.form__label.is-required label::after {
  content: "必須";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  padding: 0 5px;
  background-color: #6c5c2f;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
/* テキストフィールド */
.wpcf7 .template02 input[type=text],
.wpcf7 .template02 input[type=tel],
.wpcf7 .template02 input[type=email],
.wpcf7 .template02 input[type=captchar],
.wpcf7 .template02 textarea {
  width: 100%;
  margin: 0;
  padding: .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* テキストフィールド placeholder */
.wpcf7 .template01 input[type=text]::placeholder,
.wpcf7 .template01 input[type=tel]::placeholder,
.wpcf7 .template01 input[type=email]::placeholder,
.wpcf7 .template01 input[type=url]::placeholder,
.wpcf7 .template01 input[type=date]::placeholder,
.wpcf7 .template01 input[type=number]::placeholder,
.wpcf7 .template01 textarea::placeholder {
  color: #ccc;
}
.wpcf7 .template01 input[type=text]:-ms-input-placeholder,
.wpcf7 .template01 input[type=tel]:-ms-input-placeholder,
.wpcf7 .template01 input[type=email]:-ms-input-placeholder,
.wpcf7 .template01 input[type=url]:-ms-input-placeholder,
.wpcf7 .template01 input[type=date]:-ms-input-placeholder,
.wpcf7 .template01 input[type=number]:-ms-input-placeholder,
.wpcf7 .template01 textarea:-ms-input-placeholder {
  color: #ccc;
}
.wpcf7 .template01 input[type=text]::-ms-input-placeholder,
.wpcf7 .template01 input[type=tel]::-ms-input-placeholder,
.wpcf7 .template01 input[type=email]::-ms-input-placeholder,
.wpcf7 .template01 input[type=url]::-ms-input-placeholder,
.wpcf7 .template01 input[type=date]::-ms-input-placeholder,
.wpcf7 .template01 input[type=number]::-ms-input-placeholder,
.wpcf7 .template01 textarea::-ms-input-placeholder {
  color: #ccc;
}
/* テキストフィールド フォーカス時 */
.wpcf7 .template01 input[type=text]:focus,
.wpcf7 .template01 input[type=tel]:focus,
.wpcf7 .template01 input[type=email]:focus,
.wpcf7 .template01 input[type=url]:focus,
.wpcf7 .template01 input[type=date]:focus,
.wpcf7 .template01 input[type=number]:focus,
.wpcf7 .template01 textarea:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
/* チェックボックス */
.wpcf7 .template02 input[type=checkbox] {
  display: none;
}
.wpcf7 .template02 input[type=checkbox] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.24em;
  height: 1.24em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  background-color: #fefefe;
  box-sizing: border-box;
}
.wpcf7 .template02 input[type=checkbox] + span::after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 0.15em;
  left: 0.44em;
  width: 0.4em;
  height: .8em;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  box-sizing: border-box;
  transform: rotate(40deg);
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span {
  color: #6c5d2f;
  transition: all .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::before {
  opacity: 1;
  border: 1px solid #6c5d2f;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
  background-color: #6c5d2f;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::after {
  opacity: 1;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: opacity .25s ease;
}
/* ラジオボタン */
.wpcf7 .template02 input[type=radio] {
  display: none;
}
.wpcf7 .template02 input[type=radio] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #c4bbb8;
  border-radius: 50%;
  background-color: #fefefe;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio]:checked + span {
  color: #6c5d2f;
}
.wpcf7 .template02 input[type=radio]:checked + span::before {
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 input[type=radio]:checked + span::after {
  opacity: 1;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #6c5d2f;
  border-radius: 50%;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
/* セレクト */
.wpcf7 .template02 span.select-wrap {
  position: relative;
  width: 250px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select {
  cursor: pointer;
  width: 250px;
  max-width: 100%;
  margin: 0;
  padding: .5em 3.5em .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  background-image: linear-gradient(90deg, #d4cbb2, #d4cbb2);
  background-position: 100% 0;
  background-size: 2em 3.5em;
  background-repeat: no-repeat;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  box-sizing: border-box;
  transition: border-color 0.2s ease, outline 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 select::-ms-expand {
  display: none;
}
.wpcf7 .template02 span.select-wrap::after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  width: .6em;
  height: .6em;
  top: 50%;
  right: .8em;
  margin-top: -3px;
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 span.select-wrap:focus-within::after {
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
}
/* 送信ボタン */
.wpcf7 .template02 .submit-btn {
  position: relative;
  width: 320px;
  height: 65px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7 .template02 input[type="submit"] {
  cursor: pointer;
  width: 320px;
  max-width: 100%;
  padding: 18px;
  box-shadow: none;
  border: 1px #6c5d2f solid;
  border-radius: 8px;
  background-color: #6c5d2f;
  color: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  transition: all .25s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 input[type="submit"]:disabled {
  cursor: not-allowed;
  box-shadow: none!important;
  border: 1px solid #f8f8f8!important;
  background-color: #f8f8f8!important;
  color: #929292!important;
}
.wpcf7 .template02 input[type="submit"]:hover {
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
  background-color: #fff;
  color: #6c5d2f;
  transition: all .25s;
}
.wpcf7 .template02 input[type="submit"]:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
@media only screen and (max-width: 768px) {
  .wpcf7 .template02 div.form__row {
    display: block;
  }
  .wpcf7 .template02 p.form__label {
    width: 100%;
    padding: 1.5em 1em 0;
  }
  .wpcf7 .template02 p.form__body {
    width: 100%;
    padding: 1em 1em 1.5em;
  }
}

/*-------------------------------------------------
 * 投稿ページでヘッダー背景消す
 * ------------------------------------------------*/
/*トップページ*/
.home .header{
  background-image: url('https://yomii-piano.com/wp-content/uploads/2021/04/top04.png');/*もしくはテーマ設定で設定したもの*/
}
.home .header-in{
  height: 565px;/*好みの高さ*/
}

/*固定ページ・投稿ページ*/
.single .header, .page-id-43 .header, .page-id-45 .header, .page-id-47 .header, .page-id-49 .header, .page-id-51 .header, .page-id-53 .header, .page-id-55 .header, .page-id-589 .header, .page-id-1589 .header, .page-id-2763 .header, .tag-7 .header, .tag-9 .header, .tag-11 .header, .tag-12 .header, .tag-13 .header, .tag-14 .header, .tag-15 .header, .tag-16 .header, .tag-17 .header, .tag-18 .header, .tag-19 .header, .tag-20 .header, .tag-21 .header, .tag-22 .header, .tag-23 .header, .tag-24 .header, .tag-25 .header, .tag-26 .header, .tag-27 .header, .tag-28 .header, .tag-29 .header, .tag-30 .header, .tag-31 .header, .tag-32 .header, .tag-33 .header {
	background-image: none;
	height: 90px; /*ヘッダーロゴに合わせて90pxに*/
}
@media screen and (min-width: 769px) {
	.single .header-in, .page-id-43 .header-in, .page-id-45 .header-in, .page-id-47 .header-in, .page-id-49 .header-in, .page-id-51 .header-in, .page-id-53 .header-in, .page-id-55 .header-in, .page-id-589 .header-in, .page-id-1589 .header-in, .page-id-2763 .header-in, .tag-7 .header-in, .tag-9 .header-in, .tag-11 .header-in, .tag-12 .header-in, .tag-13 .header-in, .tag-14 .header-in, .tag-15 .header-in, .tag-16 .header-in, .tag-17 .header-in, .tag-18 .header-in, .tag-19 .header-in, .tag-20 .header-in, .tag-21 .header-in, .tag-22 .header-in, .tag-23 .header-in, .tag-24 .header-in, .tag-25 .header-in, .tag-26 .header-in, .tag-27 .header-in, .tag-28 .header-in, .tag-29 .header-in, .tag-30 .header-in, .tag-31 .header-in, .tag-32 .header-in, .tag-33 .header-in {
		min-height: 90px; /*hederに合わせて同じ位の数値で調整*/
	}
}
@media screen and (max-width: 420px) {
	.single .header, .page-id-43 .header, .page-id-45 .header, .page-id-47 .header, .page-id-49 .header, .page-id-51 .header, .page-id-53 .header, .page-id-55 .header, .page-id-589 .header, .page-id-1589 .header, .page-id-2763 .header, .tag-7 .header, .tag-9 .header, .tag-11 .header, .tag-12 .header, .tag-13 .header, .tag-14 .header, .tag-15 .header, .tag-16 .header, .tag-17 .header, .tag-18 .header, .tag-19 .header, .tag-20 .header, .tag-21 .header, .tag-22 .header, .tag-23 .header, .tag-24 .header, .tag-25 .header, .tag-26 .header, .tag-27 .header, .tag-28 .header, .tag-29 .header, .tag-30 .header, .tag-31 .header, .tag-32 .header, .tag-33 .header {
		height: 22vw;
	}
}

/* タグライン */
.single .header .tagline, .page-id-43 .header .tagline, .page-id-45 .header .tagline, .page-id-47 .header .tagline, .page-id-49 .header .tagline, .page-id-51 .header .tagline, .page-id-53 .header .tagline, .page-id-55 .header .tagline, .page-id-589 .header .tagline, .page-id-1589 .header .tagline, .page-id-2763 .header .tagline, .tag-7 .header .tagline, .tag-9 .header .tagline, .tag-11 .header .tagline, .tag-12 .header .tagline, .tag-13 .header .tagline, .tag-14 .header .tagline, .tag-15 .header .tagline, .tag-16 .header .tagline, .tag-17 .header .tagline, .tag-18 .header .tagline, .tag-19 .header .tagline, .tag-20 .header .tagline, .tag-21 .header .tagline, .tag-22 .header .tagline, .tag-23 .header .tagline, .tag-24 .header .tagline, .tag-25 .header .tagline, .tag-26 .header .tagline, .tag-27 .header .tagline, .tag-28 .header .tagline, .tag-29 .header .tagline, .tag-30 .header .tagline, .tag-31 .header .tagline, .tag-32 .header .tagline, .tag-33 .header .tagline {
	display: none;
}
@media screen and (min-width: 769px) {
	.single .header-in .tagline, .page-id-43 .header-in .tagline, .page-id-45 .header-in .tagline, .page-id-47 .header-in .tagline, .page-id-49 .header-in .tagline, .page-id-51 .header-in .tagline, .page-id-53 .header-in .tagline, .page-id-55 .header-in .tagline, .page-id-589 .header-in .tagline, .page-id-1589 .header-in .tagline, .page-id-2763 .header-in .tagline, .tag-7 .header-in .tagline, .tag-9 .header-in .tagline, .tag-11 .header-in .tagline, .tag-12 .header-in .tagline, .tag-13 .header-in .tagline, .tag-14 .header-in .tagline, .tag-15 .header-in .tagline, .tag-16 .header-in .tagline, .tag-17 .header-in .tagline, .tag-18 .header-in .tagline, .tag-19 .header-in .tagline, .tag-20 .header-in .tagline, .tag-21 .header-in .tagline, .tag-22 .header-in .tagline, .tag-23 .header-in .tagline, .tag-24 .header-in .tagline, .tag-25 .header-in .tagline, .tag-26 .header-in .tagline, .tag-27 .header-in .tagline, .tag-28 .header-in .tagline, .tag-29 .header-in .tagline, .tag-30 .header-in .tagline, .tag-31 .header-in .tagline, .tag-32 .header-in .tagline, .tag-33 .header-in .tagline {
		display: none;
	}
}
@media screen and (max-width: 420px) {
	.single .header .tagline, .page-id-43 .header .tagline, .page-id-45 .header .tagline, .page-id-47 .header .tagline, .page-id-49 .header .tagline, .page-id-51 .header .tagline, .page-id-53 .header .tagline, .page-id-55 .header .tagline, .page-id-589 .header .tagline, .page-id-1589 .header .tagline, .page-id-2763 .header .tagline, .tag-7 .header .tagline, .tag-9 .header .tagline, .tag-11 .header .tagline, .tag-12 .header .tagline, .tag-13 .header .tagline, .tag-14 .header .tagline, .tag-15 .header .tagline, .tag-16 .header .tagline, .tag-17 .header .tagline, .tag-18 .header .tagline, .tag-19 .header .tagline, .tag-20 .header .tagline, .tag-21 .header .tagline, .tag-22 .header .tagline, .tag-23.header .tagline, .tag-24 .header .tagline, .tag-25 .header .tagline, .tag-26 .header .tagline, .tag-27 .header .tagline, .tag-28 .header .tagline, .tag-29 .header .tagline, .tag-30 .header .tagline, .tag-31 .header .tagline, .tag-32 .header .tagline, .tag-33 .header .tagline {
		display: none;
	}
}

/* ロゴ画像 */
.single .header .logo.logo-header.logo-image, .page-id-43 .header .logo.logo-header.logo-image, .page-id-45 .header .logo.logo-header.logo-image, .page-id-47 .header .logo.logo-header.logo-image, .page-id-49 .header .logo.logo-header.logo-image, .page-id-51 .header .logo.logo-header.logo-image, .page-id-53 .header .logo.logo-header.logo-image, .page-id-55 .header .logo.logo-header.logo-image, .page-id-589 .header .logo.logo-header.logo-image, .page-id-1589 .header .logo.logo-header.logo-image, .page-id-2763 .header .logo.logo-header.logo-image {
	margin-left:20px;
	height: auto;
}
@media screen and (min-width: 769px) {
	.single .header-in .logo.logo-header.logo-image, .page-id-43 .header-in .logo.logo-header.logo-image, .page-id-45 .header-in .logo.logo-header.logo-image, .page-id-47 .header-in .logo.logo-header.logo-image, .page-id-49 .header-in .logo.logo-header.logo-image, .page-id-51 .header-in .logo.logo-header.logo-image, .page-id-53 .header-in .logo.logo-header.logo-image, .page-id-55 .header-in .logo.logo-header.logo-image, .page-id-589 .header-in .logo.logo-header.logo-image, .page-id-1589 .header-in .logo.logo-header.logo-image, .page-id-2763 .header-in .logo.logo-header.logo-image {
		height: auto;
	}
}
@media screen and (max-width: 420px) {
	.single .header .logo.logo-header.logo-image, .page-id-43 .header .logo.logo-header.logo-image, .page-id-45 .header .logo.logo-header.logo-image, .page-id-47 .header .logo.logo-header.logo-image, .page-id-49 .header .logo.logo-header.logo-image, .page-id-51 .header .logo.logo-header.logo-image, .page-id-53 .header .logo.logo-header.logo-image, .page-id-55 .header .logo.logo-header.logo-image, .page-id-589 .header .logo.logo-header.logo-image, .page-id-1589 .header .logo.logo-header.logo-image, .page-id-2763 .header .logo.logo-header.logo-image {
		height: auto;
	}
}

/************************************
** SANGO風ふわっとエントリーカード
************************************/
/*entry card*/
.ect-vertical-card .entry-card-wrap {
margin-bottom: 24px;
}
.entry-card-wrap {
border:1px #d2d6d6;
box-shadow: 3px 3px 3px 3px #d2d6d6
}
.entry-card-wrap a {
transition: color .3s, background.3s, box-shadow .3s, transform .3s;
}
.entry-card-wrap:hover {
background: #fff;/*カードの色*/
box-shadow: 0 3px 0 #d2d6d6, 0 6px 0 rgba(0,0,0,.2);
transform: translateY(3px);
}
.entry-card-wrap a:active {
transition-duration: .1s;
}
.entry-card .cat-label{
display: none;
}
.eye-catch .cat-label {
border-radius: 5px;
}
.entry-card-snippet, .related-entry-card-snippet {
    padding: 3%;
}

/************************************
** ■記事一覧（インデックス）のカスタマイズ
************************************/
.entry-card-content, .related-entry-card-content {
  padding-bottom: 0em;
}


/************************************
** エントリーカードタイプ
************************************/
.ect-3-columns .entry-card-snippet {
  max-height: 20em;
  overflow: hidden;
}

/************************************
 * WP Show Posts のCSSカスタム
 ***********************************/
p.wp-show-posts-entry-title {
font-weight: bold;
font-size: 20px;
line-height: 1em;
}

.wp-show-posts-entry-summary {
font-size: 16px;
line-height: 1.3em;
}

.wp-show-posts-inner {
padding: 10px;
box-shadow: 0 4px 8px 0 rgba(38,153,251,.2);
border: 1px solid #dfdfdf;
}

.wp-show-posts-read-more {
	bottom:0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1261px以上*/
@media screen and (min-width: 1261px){
  /*必要ならばここにコードを書く*/
  .home .header-in .tagline {
    margin-left:20%;
  }

  .home .header-in .logo {
    margin-left:15%;
  }

}

/*1260px以下*/
@media screen and (max-width: 1260px){
  /*必要ならばここにコードを書く*/
  .home .header-in .tagline {
    margin-left:20%;
  }

  .home .header-in .logo {
    margin-left:15%;
  }

}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .home .header-in .tagline {
    margin-left:20%;
  }

  .header-in .logo {
    margin-left:20%;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .home .header {
    background-image: none;
    height: 90px; /*ヘッダーロゴに合わせて90pxに*/
  }
	
  .home .header-in .tagline {
    margin-left:20px;
  }

  .home .header-in .logo {
    margin-left:20px;
  }
}

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

/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-37 .date-tags,
.post-43 .date-tags,
.post-45 .date-tags,
.post-47 .date-tags,
.post-49 .date-tags,
.post-51 .date-tags,
.post-53 .date-tags,
.post-55 .date-tags,
.post-2529 .date-tags,
.post-2497 .date-tags,
.post-2763 .date-tags,
.post-589 .date-tags {
  display: none;
}

/*------------------------------------------------
 * 特定のカテゴリはアイキャッチ画像を非表示にする
-------------------------------------------------*/
.categoryid-8 .eye-catch img {
  display: none;
}

/************************************
** プロフィール-サイドバー
************************************/
.sidebar .widget_author_box {
  background: #fff;
  padding-top: 1.2em;
  border-radius: 3px 3px 0 0;
  max-width: 360px;
  margin: 0 auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.sidebar .author-box {
  padding: 120px 0 0;
  border: none;
  position: relative;
  margin: 0 0 3em;
  max-width: 100%;
  overflow:hidden;
}
.sidebar .author-content {
  background: -webkit-linear-gradient(0deg, rgba(28, 189, 255, 1) 0%, rgba(55, 219, 255, 1) 51.39%, rgba(70, 205, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(28, 189, 255, 1) 0%, rgba(55, 219, 255, 1) 51.39%, rgba(70, 205, 255, 1) 100%);
  border-radius: 200px 200px 0px 0px / 100px 100px 0px 0px;
  color: #fff;
  padding: 20px;
  width:110%;
  margin-left:-5% !important;
}
.sidebar .author-box .author-name a {
  color: #42ace7;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 18px;
}
.sidebar .author-box .author-description {
  padding: 45px 25px 0px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.sidebar .author-box p {
  line-height: 1.8;
  font-size: 14px;
}
.sidebar .author-box .author-thumb {
  width: 120px;
  margin: 0 auto;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  bottom: 0;
}
.sidebar .author-box .author-name {
  font-size: 1.1em;
  font-weight: bold;
  position: absolute;
  margin-bottom: 0.4em;
  top: 23px;
  bottom: 0;
  right: 0;
  left: 0;
}
.sidebar .author-box .author-widget-name {
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 0.7em;
  color: #bbb;
}
.sidebar .author-box .sns-follow {
  padding: 15px 10px;
}
.sidebar .author-box .sns-follow-buttons {
  display: flex;
  justify-content: space-evenly;
}
.sidebar .author-box .sns-follow-buttons a {
  border-radius: 50%;
  border: none;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 30px;
  box-shadow: 0 0 10px rgba(66, 172, 231, .5), 0 0 5px -5px rgba(66, 172, 231);
  background:#fff;
}
.sidebar .author-box .sns-follow-buttons a:hover {
  box-shadow: 0 10px 20px -2px rgba(0, 0, 0, .2);
  opacity: 1;
}
.sidebar .author-box .sns-follow-buttons .follow-button span:before {
  color: #46CDFF;
}
.sidebar .icon-instagram-new:before {
  content: "\ea92";
  font-size: 24px;
}
.sidebar .author-box .to-profile {
  position: absolute;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  color: #46CDFF;
  box-shadow: 0 0 10px rgba(66, 172, 231, .5), 0 0 5px -5px rgba(66, 172, 231);
  top: 105px;
  right: 45px;
  font-size: 0.9em;
  font-weight: bold;
}
.sidebar .author-box .to-profile:hover {
  box-shadow: 0 10px 20px -2px rgba(0, 0, 0, .2);
}
.sidebar .author-box .sns-follow-message {
  margin-bottom: 10px;
  font-size: 13px;
}
.sidebar .author-box .sns-follow-message:before {
  content: "＼";
  margin-right: 5px;
}
.sidebar .author-box .sns-follow-message:after {
  content: "／";
  margin-left: 5px;
}
.sidebar .icon-twitter-logo:before {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
}
.sidebar .icon-facebook-logo:before {
  position: absolute;
  top: 6px;
  bottom: 0;
  right: 8px;
  left: 0;
}
.sidebar .icon-hatebu-logo:before {
  position: absolute;
  top: 8px;
  bottom: 0;
  right: 0;
  left: 0;
}
.sidebar .icon-feedly-logo:before {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
}
.sidebar .icon-rss-logo:before {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
}

/*-------------------------------------
 * サイドバーをいかなる時も表示する
 * ------------------------------------*/
@media screen and (max-width: 1023px){
  #content #sidebar{
    display: block;
  }
}

/*-------------------------------------
 * おしゃれなリスト
 * ------------------------------------*/
.list-4{
  list-style: none;
  padding:0;
  margin:0;
}
.list-4 li { 
  border-bottom:2px dashed;
  border-color:#cdcdcd; /* 線の色 */
  position: relative;
  margin:0.5em 0 !important;
  max-width:500px; /* 横幅 */
  padding: 0 0 0.5em 1.4em;
}
.list-4 li:last-child{ 
  border:none;
}
.list-4 li:before {
  font-family: FontAwesome;
  content: "\f27a"; /*アイコン*/
  color:  #ffa952; /* 点の色 */
  position: absolute;
  left:0;
}

/*-------------------------------------
 * おしゃれな矢印
 * ------------------------------------*/
.yajibase{
    height:60px;
	text-align:center;
    position:relative;
}
.yajiarrow{
width:0;
height:0;
border-style:solid;
border-width:60px 70px 0 70px;
border-color:#007bff transparent transparent transparent;
position:absolute;
top:0;
left:43.5%;
}
.yajiarrow_bg{
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
width:140px;
height:60px;
display:block;
position:absolute;
top:0;
left:43.5%;
}

.new-entry-cards .cat-label {
  display: inline;
}
/*-----------------------------------------
 * フッターログ補正
 * ---------------------------------------*/
.footer-bottom-logo .logo-image {
	max-width: 100%;
}

/*---------------------------------------------
 * コメント欄でメール欄を非表示にする
 * --------------------------------------------*/
.comment-form-email,.comment-form-url,.comment-notes{ display:none; }


/*---------------------------------------------
 * タブボックスラベル表記を一部変更（暫定対応）
 * --------------------------------------------*/
.bb-break .bb-label::after{
  content: "iTunes";
}

/*---------------------------------------------
 * reCAPTCHAバッジをCSS追記で非表示にする
 * --------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }


/*---------------------------------------------
 * ページャーの調整
 * 2021.11.16 yamaguchi
 * --------------------------------------------*/
.page-numbers {
  color: #333;
  text-decoration: none;
  display: inline-block;
  height: 46px;
  width: 66px;
  border: 1px solid #ddd;
  margin: 0 2px;
  line-height: 44px;
  text-align: center;
  border-radius: 4px;
}
.page-numbers.next,
.page-numbers.prev {
    line-height: 44px;
}
@media screen and (max-width: 480px) {
    .page-numbers {
        line-height: 32.5px;
    }
    .page-numbers.next, .page-numbers.prev {
        line-height: 31px;
    }

}
/* 横並び 2023.4.22 Add */

@media screen and (min-width: 1024px) {
	.flex {
	  display: flex; /*横並び*/
	}
	.flex .image {
	  width:10vw; /*画像サイズ指定*/
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  position: relative;
	}
	.flex .text {
	  margin: 0 0 0 20px;
	  padding: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.flex {
	  display: flex; /*横並び*/
	}
	.flex .image {
	  width:18vw; /*画像サイズ指定*/
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  position: relative;
	}
	.flex .text {
	  margin: 0 0 0 20px;
	  padding: 0;
	}
}
@media screen and (max-width: 767px) {
	.flex {
	  display: flex; /*横並び*/
	}
	.flex .image {
	  width:0; /*画像サイズ指定*/
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  position: relative;
	}
	.flex .text {
	  margin: 0 0 0 0;
	  padding: 0;
	}
}
@media screen and (min-width: 835px) {
    .navi-in .menu-pc {
        display: flex;
    }
}
@media screen and (max-width: 767px) {
    .navi-in .menu-pc {
        display: none;
    }
}
/*---------------------------------------------
 * しましまラインの実装
 * --------------------------------------------*/
.flex .stripe {
  padding: 10px;
  background-size: 10px 10px;
  background-color: #f8845d;
  background-image: linear-gradient(45deg,#f8b55d 25%,transparent 25%,transparent 50%,#f8b55d 50%,#f8b55d 75%,transparent 75%,transparent);
}
.flex .stripe-inner {
  background: #fff;
  padding: 20px;
}
/*------------------------------------------------
 * ゴールド文字
 * ------------------------------------------------*/
.gold_font_a {
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #DAAF08 0.2em, #B67B03 0.5em); 
	-webkit-background-clip: text;
}
/* --------------------------------------------
 * アイコンボックス（★）のカスタマイズ　新規
 * --------------------------------------------*/
.star-box {
  background:rgba(0,0,0,0);  /*背景色の変更（※RGBA形式で透明度を設定）*/
  border: solid 1px #f3aca9;  /*線の種類、太さ、色を変更*/
  border-radius: 0px;  /*角の丸みをなくす*/
　padding:1em;
}
.star-box:before {
  content: "☆";
  color: #FFA500;
}
/* --------------------------------------------
 * アイコンボックス（★）　新規
 * --------------------------------------------*/
.sicon-box {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid #fcd3d2;       /* 薄いピンクのボーダー */
  border-radius: 6px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  max-width: 600px;                 /* お好みで幅を調整 */
}

.sicon-box .icon {
  font-size: 24px;      /* アイコンのサイズ */
  color: #f3aca9;       /* ここでオレンジに変更 */
}

.sicon-box .separator {
  /* 中身は空にしておく */
  content: "";
  display: inline-block;
  width: 0;                 /* 横幅は border のみ */
  height: 32px;             /* 好きな長さに */
  border-left: 1px solid #FFA500;  /* 線の太さ・色を指定 */
  margin: 0 8px;            /* 前後の余白 */
}

.sicon-box .message {
  margin: 0;
  line-height: 1.4;
}