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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*親カテゴリーだけ表示*/
.children{
	display:none;
}

/*フッター文字カスタマイズ*/
 .navi-footer-in a { 
  color: #696969 !important; /*メニューの文字色*/
}

.navi-footer-in a:hover {
  color: #696969; /*文字色を通常時と同じに*/
  background: none !important; /*背景色をなしに*/
}

/*ブログ全体*/
body{
	font-family:游ゴシック;
	font-size:16px !important;
}


/*記事下背景色を白に*/
.entry-footer {
    margin-right: -30px;
    margin-left: -30px;
    padding: 20px 30px;
	background:#fff;
}

/*記事下関連記事背景色を白に*/
.pager-post-navi {
    margin-right: -30px;
    margin-left: -30px;
    padding: 20px 30px;
    background: #fff !important;
}

/*ブログカードのスニペットを非表示にする*/

.entry-card-snippet {
  display: none;
}

/*サイドバー文字サイズ*/
.widget-entry-card {
    font-size: 14px;
}

/*エントリーカードタイトルの位置調整*/
.entry-card-content, .related-entry-card-content {
    padding-bottom: 1.2em;
	padding-top:1.5em;
}

/*メインカラムコンテンツ幅*/
.main{
	padding:60px
}

/*見出し3カスタマイズ*/
.article h3  {
  background: #494a41;
  box-shadow: 0px 0px 0px 5px #494a41;
  padding: 0.2em 0.5em;
  color:#fff;
}
/*見出し4カスタマイズ*/
.article h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #808080;/*左線*/
}
/*見出し5カスタマイズ*/
.article h5 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px #a9a9a9;
}
/*引用背景色カスタマイズ*/
blockquote{
  background: #fffafa;/*背景色を少し濃いめの灰色に*/
  border-radius: 5px; /*角を丸める*/
}
blockquote:before{ /*上の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10d';
  top: 10px;/*上からの距離*/
  left: 10px;/*左からの距離*/
  color: silver;
  font-size: 1.5em;
}
blockquote:after{ /*下の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10e';
  bottom: 20px;/*下からの距離*/
  right: 10px;/*右からの距離*/
  color: silver;
  font-size: 1.5em;
}

/*個別記事タイトルまわり余白*/
.entry-title {
padding-bottom: 20px;
padding-top: 20px;
padding-left : 20px;	
}

/*タイトルの行間*/
.article h1{
	line-height:1.5;
}

/*内部リンクのスニペットを非表示に*/
.blogcard-snippet {
 display: none;
}

/*ブログカード背景色カスタマイズ*/
.blogcard{
	background: #fffff9;
	border: 3px solid #e6eae6 !important;
}

.blogcard:hover{
	background: #fff9f5;
}

.blogcard-type .blogcard-label{
  background-color:#696969;
}

/*記事内強調用文字色変更*/
.bold-red{
	color:#aa455b;
}
.bold-blue{
	color:#5b9ea6;
}
.bold-green{
	color:#90926f;
}
.marker{
	background-color:#e8ece6;
}
.marker-under{
	background:linear-gradient(transparent 60%, #e8ece6 60%);
}

.marker-under-red {
    background: linear-gradient(transparent 60%, #efdcd8 60%);
}



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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* h2 */
.article h2{
color:#fff;	
background-color: #d4acad;
border-top-color: #d4acad;
border-bottom-color: #d4acad;
}

.article h2::before {
border-top: none;
}
.article h2::after {
border-bottom: none;
}

/*=================================================================================
カエレバ・ヨメレバ・トマレバ
=================================================================================*/
.cstmreba {
width:90%;
height:auto;
margin:36px auto;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
width: 100%;
background-color: #f9f9f9; /* 全体の背景カラー */
overflow: hidden;
border-radius: 0px;
box-sizing: border-box;
padding: 50px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
background: #f9f9f9;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
margin:0 ;
padding: 0;
text-align:center;
background: #f9f9f9;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;
}
.kaerebalink-name,.booklink-name,.tomarebalink-name {
	text-align:center;
	padding: 10px 0;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
font-size:18px;
color: #666;
font-weight: 800;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
color: #ccc;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
color:#ccc;
border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#bbb;
border-bottom: 1px solid #bbb ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
text-align:center;
margin-bottom: 15px;
color:#777;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin: 0 auto;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
float:left;
width:24%;
min-width:128px;
margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
margin: 1px 0;
padding:3% 0.5%;
border-radius: 8px;
font-size: 13px;
font-weight: bold;
line-height: 180%;
color: #fff;
box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background:#a25768; border: 2px solid#a25768; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #2a83a2; border: 2px solid #2a83a2;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #8A9086; border: 2px solid #8A9086;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background:#cbb994; border: 2px solid #cbb994;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #15333d; border: 2px solid #15333d;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #7a8c98; border: 2px solid #7a8c98;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
background:#FF9901;
border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
background: #bf0000;
border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
background:#225496;
border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/
/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #d76371; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #edc58a; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color:  #389ebb; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #a1c445; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #244e7d; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #6D8CA0; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
clear:both;
}
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
.cstmreba .booklink-link2 a, .cstmreba .kaerebalink-link1 a, .cstmreba .tomarebalink-link1 a {
margin-bottom: 3px;
}
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
width: 32.33%;
margin: 0.5%;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 50%;
margin: 0 auto;
}
}

/* === 景品表示法対応 === */
/* Cocoon設定本文上のPR表記 */
.pr-label-l {
    border-top: 1px dotted #333; /* 上の点線 */
    border-bottom: 1px dotted #333; /* テキスト下の点線 */
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 14px; /* 文字サイズ */
    color: #696969; /* 文字の色 */
    text-align: center; /* テキスト中央揃え */
    background: #fff;
    padding: 3px 0;
    margin-bottom: 2em;
}

.bold-red{
	color:#aa455b;
}
.bold-blue{
	color:#4097aa;
}

/*記事内強調用文字色変更*/
.bold-red{
	color:#aa455b;
}
.bold-blue{
	color:#5b9ea6;
}
.bold-green{
	color:#90926f;
}
.marker{
	background-color:#e8ece6;
}
.marker-under{
	background:linear-gradient(transparent 60%, #e8ece6 60%);
}

.marker-under-red {
    background: linear-gradient(transparent 60%, #f0cec3 60%);
}

/*トップページブログカードタイトル色*/
h2.entry-card-title.card-title.e-card-title{
color:#696969;
}

/* カスタマイズされたリストの点 https://turicco.com/list/ */
.ullist {
    list-style: none; /* デフォルトの点を消す */
    line-height: 1.8; /* 行間を広げる */
}

.ullist > li { 
    position: relative; /* 点の配置基準 */
}

.ullist > li:before {
    content: ''; /* 点の内容を空に */
    background-color: #ede4e1; /* 点の色 */
    position: absolute; /* 点の位置 */
    top: 6px; /* 垂直位置の調整 */
    left: -1.5em; /* 水平位置の調整 */
    width: 20px; /* 点の幅 */
    height: 20px; /* 点の高さ */
    border-radius: 50%; /* 点を丸くする */
}

/*テーブルの枠線*/
table:not(.has-border-color) th, table:not(.has-border-color) td,table:not(.has-border-color) thead{
	border: 1px solid #dcdcdc!important;
}
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
width: 49%;
margin: 0.5%;
}
}
/* マウスオーバーのリンク色 */
a:hover {
  color: #c07b74 !important;
}

/*見出しボックス見出しの文字中央寄せ*/
.caption-box-label {
justify-content: center;
}	

/*吹き出しアイコンのサイズカスタマイズ- https://web-ashibi.net/archives/3136 */
.sb-id-19 .speech-person {
  width: 70px;
  min-width: 70px;
}
@media screen and (max-width: 480px){
  .sb-id-19 .speech-person {
    width: 70px;
    min-width: 70px;
  }
}
.sb-id-20 .speech-person {
  width: 80px;
  min-width: 80px;
}
@media screen and (max-width: 480px){
  .sb-id-20 .speech-person {
    width: 70px;
    min-width: 70px;
  }
}
.sb-id-17 .speech-person {
  width: 80px;
  min-width: 80px;
}
@media screen and (max-width: 480px){
  .sb-id-17 .speech-person {
    width: 70px;
    min-width: 70px;
  }
}
.sb-id-16 .speech-person {
  width: 80px;
  min-width: 80px;
}
@media screen and (max-width: 480px){
  .sb-id-16 .speech-person {
    width: 70px;
    min-width: 70px;
  }
}.sb-id-15 .speech-person {
  width: 80px;
  min-width: 80px;
}
@media screen and (max-width: 480px){
  .sb-id-15 .speech-person {
    width: 70px;
    min-width: 70px;
  }
}

/*見出しH2の文字色*/
element.style {
    color: #ffffff;
}