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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
h1.entry-title{
line-height:1.3;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
#main .entry-content .wp-caption {
    padding: 0;
    border: none;
}

/* タイトルなしの枠 */

.nomadBox1 {
  padding: 1.5em;
  margin: 15px 0;
  color: #323232;
  border: solid 1px #323232;
}
.nomadBox1 p {
    padding: 0;
    margin: 0;
}
.nomadBox2 {
  padding: 1.5em;
  margin: 15px 0;
  color: #323232;
  border: solid 1px #323232;
  border-radius: 5px;/*角の丸み*/
}
.nomadBox2 p {
    padding: 0;
    margin: 0;
}
.nomadBox3 {
  padding: 1.5em;
  margin: 15px 0;
  color: #323232;
  background:rgba(50,50,50,.07);/*背景色*/
}
.nomadBox3 p {
  padding: 0;
  margin: 0;
}
/*背景色をつける*/
.box1-5 {
	margin: 2em auto;
	padding:2em;/*内側余白*/
	background-color:#f5f5f5;/*背景の色*/
}
.box101 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
	  font-size: 16px;
    border: solid 1px #000000;
    border-radius: 8px;
}

.box101 .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #000000;
    font-weight: normal;
}

.box101 p {
    margin: 0; 
    padding: 10px;
}
/************************************
****　SNSシェアボタン
************************************/
.sns-share{
margin: 0 0 24px ;
}
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
letter-spacing:.3em;
border-radius:20px;
border: 0;
padding: 0;
background-color:#3f5569;/*SHARE 背景色の変更はこちら*/
color:#fff;
display: inline-block;
width: 40%;
}
.sns-share-message, .sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title {
margin:20px 0 10px 0;
}
.sns-share.ss-high-and-low-lc a .button-caption.button-caption{
display:none;
}
.sns-share-buttons {
padding-right:10%;
padding-left:10%;	
}
.sns-share-buttons a {		
transition:0.5s;
}
.sns-share.ss-top.ss-col-4 a, .sns-share.ss-bottom.ss-col-4 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 13%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 25px;
}
@media (max-width:480px){
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
width: 55%;
}
.sns-share-buttons {
padding-right:5%;
padding-left:5%;
}
.sns-share.ss-top.ss-col-4 a, .sns-share.ss-bottom.ss-col-4 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 15%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 20px;
}
}
/*ヘッダーモバイルボタンの高さを変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	height: 65px;
}

.logo-menu-button.menu-button{
	height: 65px;
}
/*1023px以下でキャッチフレーズの位置を変更*/
@media screen and (max-width: 1023px){
.tagline{
	margin-top: 25px ;
}
}

}
/* ---------------------------------------------
ショップ情報の各項目の行間を狭くする調整
・段落の下余白を減らして詰める
・行の高さを少しコンパクトに設定
---------------------------------------------- */
.shop-info p {
  margin-bottom: 3px;  /* 段落の下余白 */
  line-height: 1.0;    /* 行の高さ（行間） */
}
/* ---------------------------------------------
スクロールした下の次のページ、を非表示に
---------------------------------------------- */
.pagination-next-link {
  display: none;
}
/* ------------------------------------
【13. ランキング見出しの背景を削除】
------------------------------------ */
.widget-title,
.main-caption,
.ranking-title {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  display: inline-block;
  color: inherit !important;
}
/* ------------------------------------
【記事ページの全体レイアウト・デザイン】
------------------------------------ */
.single-post .entry-content {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 20px;
  font-family: "Yu Mincho", "游明朝", serif;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
}

/* 段落の余白 */
.single-post .entry-content p {
  margin-bottom: 1.4em;
}

/* アイキャッチ画像を本文画像と同じ幅・中央寄せに */
.single-post .eyecatch {
  text-align: center;
}
.single-post .post-thumbnail img {
  max-width: 700px; /* 記事内の画像と同じ幅に合わせる */
  height: auto;
  margin: 0 auto;
  display: block;
}

/* 本文内画像も中央寄せ */
.single-post .entry-content img {
  display: block;
  margin: 2em auto;
  max-width: 100%;
  height: auto;
}

/* H2見出しのスタイル */
.single-post h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 2.5em;
  margin-bottom: 1em;
  text-transform: uppercase;
  border: none;
  background: none;
  padding: 0;
}

/* H3見出しのスタイル */
.single-post h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 0.8em;
  text-transform: uppercase;
  border: none;
  background: none;
  padding: 0;
}

/* SNSシェアボタンの上下表示（Cocoon設定で有効化している場合） */
.sns-share-buttons {
  max-width: 750px;
  margin: 20px auto;
}

/* タグの表示位置と余白調整 */
.post-tag {
  max-width: 750px;
  margin: 40px auto 0;
  padding: 10px 0;
  text-align: left;
}