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

/************************************
全体のバランス
************************************/
.entry-content {
padding:1em;
padding-top:0;
margin: 0 auto;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}

/************************************
**　ヘッダーメニュー（グローバルメニュー）
************************************/
.navi-in>ul li {/*ヘッダーメニューの高さ*/
line-height: 30px;
height: 30px;
}
.navi-in a{/*ヘッダーメニューのフォントサイズ*/
font-size:13px;
}
#navi li a:after {
content: '';
position: absolute;
left: 0;
bottom: -5px;
width:0;
transition: all 0.3s ease;
border-bottom: 3px solid #eded9e; /*下線の太さ・色*/
}
#navi .navi-in a:hover:after {
width: 100%;
}
#navi .navi-in a:hover {
background-color: #ffffff;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.sub-menu{/*サブメニュー*/
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {/*サブメニューを仕切る点線*/
color:#333;
border-top: dotted #dddddd;
background:#fff;
padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {/*ヘッダー下の影非表示*/
box-shadow: none;
}
div.item-label{
font-weight:bold;
}

/*スマホメニューを横スクロール*/
#header-container #navi a{
   color:#666666; /* 文字色 */
   padding:0.8em 1em;
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
@media screen and (max-width: 1030px){
  #header-container .menu-mobile{
    display:none;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:0.8em;
    padding: 1em 1.2em;
  }
  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}

/************************************
****　アピールエリア
************************************/
.appeal{
position: relative;
top: 15px;
padding:0 0 .1em;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1);
}
div#appeal-in.appeal-in.wrap{
padding:0;
min-height:0px;
max-height:30px;
}
.appeal-content{
background-color:#b0e0e6; /*エリア背景色・ボタン色と同じカラーコードを入力*/
margin:auto;
padding:0;
max-width:100%;
opacity:1;
line-height:1.6;
}
a.appeal-button {
color: #7b7b7b!important;/*文字色はこちらで変更できます*/
font-size:.85em;
padding:0 23em 0;
margin:0;
max-width:100%;
white-space: nowrap;
box-shadow: none;
}
@media screen and (max-width: 1023px){
a.appeal-button {
padding:0 18em 0 ;
}}
@media screen and (max-width: 834px){
a.appeal-button {
padding:0 13em 0 ;
}
.appeal{
padding:.1em 0 .25em;
}}
@media screen and (max-width: 652px){
a.appeal-button {
padding:0 8em 0 ;
}}
@media screen and (max-width: 500px){
a.appeal-button {
padding:0 6em 0 ;
}}
@media screen and (max-width: 420px){
a.appeal-button {
padding:0 3em 0 ;
}}
.appeal-button:hover {
transform:none;
box-shadow: none;
}

/************************************
**　トップページ（カテゴリごと）
************************************/
.list-title{
	background-color:#eded9e;
	color:#7b7b7b;
	padding:10px;
	font-size:18px;
	font-weight:700;
}
.list-title-in:before,
.list-title-in:after{
	background-color:#7b7b7b;
}

/************************************
**　タブ一覧
************************************/
/* カテゴリ別インデックス */
.index-tab-buttons .index-tab-button {
	color:#7b7b7b;
	font-weight: bold; /* 太字*/
   background:#f7f7f7;
	border-color: #f7f7f7; /* 枠線の色 */
	border: 3px dotted #eded9e;
}

#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"], #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"], #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
	color:#7b7b7b;
	background: none #eded9e; /* 選択中の背景色 */
   border: 1px solid #eded9e; /* 選択中の枠線の色 */
}

/************************************
** contact form7(お問合せフォーム) 
************************************/
/*必須の調整*/
.haveto{
font-size:9px;
padding:2px 5px;
background:#eded9e;
color:#333333;
border-radius:20px;
margin-right:5px;
position:relative;
bottom:2px;
}

/* 送信ボタンのデザイン変更 */
.wpcf7-submit {
    background-color: #f7f7f7 !important; /* 反映されない場合は !important を付加 */
    color: #7b7b7b !important;
    border: none;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    width: 100%;
    padding: 15px;
    font-size: 17px;
    margin: 25px auto 0;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    -webkit-appearance: none; /* iOS等のデフォルトスタイル解除 */
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover {
    background-color: #eded9e !important;
    color: #7b7b7b;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    transform: translateY(-1px);
}



/************************************
**　　サイドバー
************************************/
.sidebar{
	background:transparent;
	font-size: 14px;
}
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
.sidebar h3{/*サイドバーのタイトル表記と緑の点線*/
color:#7b7b7b;
border-radius: 0%;
border-bottom:5px dotted;
border-color:#eded9e;
padding-bottom:0.3em;
margin-top:0.5em;
margin-bottom:1em;
text-align: center;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {/* widgetsの中身*/
background-color:#f7f7f7;
color:#7b7b7b!important;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{/* widgetsの中身　hover */
background-color:#eded9e;;
color:#7b7b7b!important;
}

.tagcloud a{/*tag cloud*/
background-color:#f7f7f7;
color:#7b7b7b!important;
border-radius:20px;
}
.tagcloud a:hover{
background-color:#eded9e;
color:#7b7b7b!important;
transition: 0.4s ;
}

/************************************
**　　プロフィール
************************************/
.nwa .author-box {
	border: none;
	padding: 0 20px;
}

/* アイコン */
.nwa .author-box .author-thumb{
	width: 110px;
}
.nwa .author-box .author-thumb img{
	box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

/* 下側 */
.nwa .author-box .author-content {
	padding: 1em 0;
}


/* 名前 */
.author-box .author-name {
	margin-bottom: 1em;
}
.author-box .author-content .author-name a{
	color: #333333; /* リンク色にしない */
	font-size: 1.2em;
	font-weight: normal; /* 太字にしない */
	text-decoration: none; /* 下線をなくす */
	letter-spacing: 0.2em; /* 字間を広く */
}

/* プロフィール文 */
.author-description{
	margin-bottom: 16px;
}
.author-description p{
	margin: 0 0 0.5em 0;
	text-align: center;
	line-height: 1.5;
}

/* SNSボタン */
.author-follows{
	padding: 12px 0;
	background-color: #eded9e;
}
.author-follows::before{
	content: '＼ Follow Me ／';
	color: #7b7b7b;
	/*font-family: お好きなフォント(設定する場合);*/
	letter-spacing: 0.2em; /* 字間を広く */
}
.author-box .sns-follow-buttons a.follow-button{
	width: 40px;
	height: 40px;
	margin: 6px 10px 2px 2px;
	border-radius: 20px;
	color: #7b7b7b;
	border-color: #7b7b7b;
	font-size: 24px;
	line-height: 1.6;
}
.author-box a.follow-button span::before {
	font-size: 22px;
}

/* SNSボタン マウスオーバーしたとき */
.author-box .sns-follow-buttons a.follow-button:hover{
	background-color: transparent;
	opacity: 0.6; /* 薄く */
	transform: scale(1.1); /* 1.1倍の大きさに */
}

/* FEEDとRSSを削除*/
a.follow-button.feedly-button.feedly-follow-button-sq{
display:none;
}
a.follow-button.rss-button.rss-follow-button-sq{
display:none;
}

/************************************
** 検索ボックス
************************************/
.search-box .search-edit {
	padding: 8px;
	padding-right: 68px;
	border-color: #999;
	font-size: 14px;
}

/*検索ボタン*/
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #7b7b7b;
	border-radius: 0 4px 4px 0;
}

.search-box .fa-search {
	display: block;
	margin-top: 3px;
}

/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}

/************************************
** SNSシェアボタン
***********************************/
#main .button-caption {
	display: none; /*キャプション非表示*/
}
/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #7b7b7b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
	margin-top: 3px;
  margin-bottom: 20px;
}

/************************************
** 人気記事ランキング表示のカスタマイズ
************************************/
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*順位数表示のカスタマイズ*/
	 border-radius: 50%; /*丸にする*/
	 top: -4px;  /*丸の位置上に*/
	 left: -4px;  /*丸の位置左に*/
	 width: 14px;  /*丸のサイズを小さく*/
	 height: 14px;  /*丸のサイズを小さく*/
	 font-family: 'Lato', sans-serif;  /*数字をグーグルフォントに変更*/
	 font-size: 12px;  /*数字のフォントサイズを小さく*/
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {/*1位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {/*2位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*3位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {/*4位の数字を上にし背景色変更*/
	background: #d0d0d1;
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {/*5位の数字を上にし背景色変更*/
   　　　　 background: #d0d0d1;
	line-height: 14px;
}

.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content{/*タイトル*/
   padding: 0.2em 0 0 0.8em !important;  /*タイトル周りの余白を調整*/
	letter-spacing: 0.8px;  /*字間を広げる*/
	font-size: 14px;  
}

.sidebar a.popular-entry-card-link.a-wrap{/*miniブログカード*/
        margin-bottom: 8px;  /*カード間の余白を広げる*/
}

/************************************
** カテゴリーラベル
***********************************/
.cat-label {
	padding: 1px 10px;
	background-color: #7b7b7b;
	color: #fff;
	border: 0;
	border-radius: 30px;
}

/************************************
** 関連記事
***********************************/
.related-entry-heading{
  color: #7b7b7b;
  border-bottom: 5px dotted #eded9e; /*アンダーラインの太さとカラー*/
  text-align:center;
}

/************************************
** コメント欄
***********************************/
.comment-title{
color:#7b7b7b;
/*border-radius: 0%;*/
border-bottom:5px dotted;
border-color:#eded9e;
/*padding-bottom:0.3em;
margin-top:-1.5em;
margin-bottom:1em;*/
text-align: center;
}
.comment-btn {  
	background-color: #eded9e;  
	color: #7b7b7b;  
	border: none;  
	font-size: 20px;  
	transition: 0.5s;
}
.comment-btn:hover {  
	background-color: #49add1;  
	color: #7b7b7b;  
	transition: 0.5s;
}
.comment-btn {  
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#7b7b7b;
font-size:17px;
border: none;
border-radius:50px;
margin:25px auto 0;
transition:0.4s;
}
.comment-btn:hover {  
	background-color: #eded9e;  
	color: #7b7b7b;  
	transition: 0.5s;
}

#commentform .form-submit input[type='submit']{
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#7b7b7b;
font-size:17px;
border: none;
border-radius:50px;
margin:25px auto 0;
transition:0.4s;
}
#commentform .form-submit input[type='submit']:hover{
	background-color: #eded9e;  
	color: #7b7b7b;  
	transition: 0.5s;
}

/************************************
** インデックス
***********************************/
a.entry-card-wrap.a-wrap:hover {
transform: translateY(-1px);
transition: all .3s;
background-color: #f7f7f7;
}
.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/
font-size:14px;
color:#7b7b7b;
text-align:center;
border-top:5px dotted #eded9e;
}

/**************************************
カテゴリーのもっと見るボタン
************************************/
/*カテゴリーごと表示の「もっと見る」ボタン*/
.list-more-button{
	background-color: #f7f7f7;  
	color: #7b7b7b;  
	border: none;  
	border-radius: 30px;  
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); /*「次のページ」部分の影*/
	width: 50%;
	padding:10px;
	font-size:17px;
　　　　margin:25px auto 0;
}

.list-more-button:hover{
	background-color: #eded9e;  
	transition: all 0.5s ease;  
	color: #7b7b7b;
}

/************************************
** 次ページボタン
***********************************/
.pagination-next-link {
	background-color: #f7f7f7;  
	color: #7b7b7b;  
	border: none;  
	border-radius: 30px;  
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); /*「次のページ」部分の影*/
	width: 100%;
	padding:10px;
	font-size:17px;
　　　　margin:25px auto 0;
}
.pagination-next-link:hover {  
	background-color: #eded9e;  
	transition: all 0.5s ease;  
	color: #7b7b7b;
}
.page-numbers {  
	color: #eded9e;  
	border: 1px solid #eded9e;  
	border-radius: 50%;  
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}
.pagination .current {  
	background-color: #eded9e;  
	color: #fff;
}
.page-numbers.dots {  
	opacity: 1;  
	background: none;
}
.pagination a:hover {  
	background-color: #eded9e;  
	color: #fff;
}
a.prev, a.next {  
	display: none;
}
@media screen and (max-width: 480px) {
	.page-numbers {  
		width: 48px;  
		height: 48px;  
		line-height: 48px;
	}
}

/************************************
** 見出しh2,h3,h4
************************************/
.article h2  {
  background: #eded9e;
  box-shadow: 0px 0px 0px 5px #eded9e;
  border: dashed 2px white;
  padding: 0.4em 0.6em;
  color:#333333;
  font-size:20px;
  margin-top: 3em;
  margin-bottom: 2em;
}

.article h3 {
  /*padding: 0.25em 0.5em;*//*上下 左右の余白*/
  color: #333333;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left:10px solid #eded9e;/*左線*/
  font-size:20px;
  margin-top: 3em;
  margin-bottom: 2em;
}

.article h4 {
  color: #505050;/*文字色*/
  padding: 0.8em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.1;/*行高*/
  background: #eded9e;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-size:17px;
  margin-top: 3em;
  margin-bottom: 2em;
}

.article h4:before {
  content: '●';
  color: white;
  margin-right: 8px;
  font-size:15px;
}

.article h5 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}

.article h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
  font-weight: 900;
  margin-top: 3em;
  margin-bottom: 2em;
}

@media (max-width:480px){
 .article h2{
  font-size:18px;
  /*padding:1.5em 1em 1.5em 0.5em;*/
 }
 .article h3{
  font-weight:bold;
  font-size:16px!important;
 }
 .article h4,.article h5{
  font-size:16px!important;
 }
}

/************************************
** 目次
************************************/
/* 目次全体デザイン */
.toc {
  display: block;
  padding: 0px;
  max-width: 550px;
  border: 5.0px #eded9e solid !important;
  margin-top: 3em;
  margin-bottom: 3em;
}
.toc-title {
  position: relative;
  padding: 10px 0;
  background: #eded9e;
  color: #333333;
  font-weight: bold;
  text-align: center;
  font-size: 1.3em;
 }
.toc-title::before {
    font-family: FontAwesome;
    content: '\f0ca'; /*目次タイトルのアイコン*/
    margin-right: 0.5em;
}
.toc .toc-content {
  padding: 15px 20px;
}
.toc-list > li a {
  font-weight: bold;
  font-size: 1.1em;;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #333333;
  margin-left: -10px;
}
.toc-list > li li ::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #333333;
  position: relative;
  margin-bottom: 2px;
}
.article .toc-list > li li {
  list-style: none;
}

/************************************
** 投稿日、更新日
************************************/
.post-date, .post-update{
  font-size: 14px; /*フォントサイズ*/
}

/************************************
** カテゴリー・タグ表示
************************************/
.cat-link {
 background-color: #f6f6f6;
 color: #7b7b7b;
 border-radius: 20px;
 padding: 8px 15px;
 margin-top: 0.5em;
}
.cat-link:hover {  
	background-color: #eded9e;  
	transition: all 0.5s ease;  
	color: #7b7b7b;
}

.tag-link{
 background-color: #f6f6f6;
 color: #7b7b7b;
 border-radius: 20px;
 padding: 8px 15px;
}
.tag-link:hover {  
	background-color: #eded9e;  
	transition: all 0.5s ease;  
	color: #7b7b7b;
}

/************************************
** 関連記事
************************************/
.related-list .a-wrap:hover {
	background-color: #f7f7f7;
	transition: all 0.5s ease;  
}

/************************************
**　引用
************************************/
blockquote {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
}

blockquote::before, 
blockquote::after {
    color: #C8C8C8;
} 

/************************************
** ブログカード（本文挿入）
***********************************/
.blogcard {
border: 0px solid whitesmoke;
border-radius:4px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
position: relative;
padding-top:15px;
padding-bottom:40px;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover{
background-color: #fafafa;
box-shadow:none;
transform: none;
transition: all 200ms;
}
.internal-blogcard::after{
background-color:#eded9e!important;
}
.blogcard:before {
display:none;
}
.internal-blogcard::after{
content: "続きを読む \00bb"; 
position: absolute;
bottom: 0.5rem;
right: 0.7rem;
font-size: 70%;
background-color: #eded9e;
padding: .4em 3em;
font-weight: bold;
color: #333333;
border-radius: 2px;
}
.blogcard-date{
display:none;
}
.blogcard-title {
font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet {
padding:0em .5em;
color:#7b7b7b;
text-align: justify;
}
.blogcard-content.internal-blogcard-content{
max-height:20em;
}
@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}

/*ファビコンとURL削除*/
.internal-blogcard-footer{
	display: none
}

@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer{
margin-top:1em;
}
}

.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-check .blogcard-label,/*チェック*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
display: inline !important;
background-color: #eded9e;
color: #333333;
margin-left:.5em;
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}

/************************************
** フッター
***********************************/
.footer-bottom{
	margin-top:14px;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #333333; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #333333; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
  border-color:#333333;
}
.copyright {
  color: #333333; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.5em 0;
  }
}

/*--------------------------------------------------
  カエレバ・ヨメレバ・トマレバ　WordPressの場合
---------------------------------------------------*/

.cstmreba {
width: 98%;
height:auto;
margin:36px 0;
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: #fff;  /* 全体の背景カラー */
overflow: hidden;
border:double #d2d7e6;
border-radius: 5px;
box-sizing: border-box;
padding: 12px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.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 auto;
padding: 0;
text-align:center;
}
.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;	
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
font-size:16px;
}
/* タイトル下に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%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1,.cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
float:left;
width:31%;
min-width:125px;
margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a, 
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a, 
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a , 
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a, 
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.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: 95%;
margin: 0 auto 8px auto;
float:none;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}

/*--------------------------------------------------
  ボタンの背景色をRinker風にカスタマイズ
---------------------------------------------------*/

.cstmreba .kaerebalink-link1 .shoplinkrakuten a, .cstmreba .booklink-link2 .shoplinkrakuten a {
    color: #fff;
    background: #cf4944 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkamazon a, .cstmreba .booklink-link2 .shoplinkamazon a {
    color: #fff;
    background: #f6a306 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {
    color: #fff;
    background: #51a7e8 !important;
}