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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*インデックスのリスト内広告装飾*/
.ad-index-middle {
	border: 1px solid #ededed;
	padding: 8px;
	background-color: #fefcfd;
	margin-bottom: 12px;
}
.img.lozad.lozad-img img {
    margin-top: 0px;
}
/*ボックスメニュー*/
.box-menu-icon {
    color: #894537;
}
.box-menu-label {
    color: #894537;
}
.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 rgba(246,219,228,.9), 2px 2px 0 0 rgba(246,219,228,.9), 2px 0 0 0 rgba(246,219,228,.9), 0 2px 0 0 rgba(246,219,228,.9);
}
.box-menus {
    margin: 0.06em 0 3em;
}
.btn btn-light-blue btn-l {
	
}
/* もっと見るボタン */
.btn-light-blue, .btn-wrap.btn-wrap-light-blue a {
    background-color: rgba(246,219,228,.9);
    color: #894537;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    margin: 3px 0px 5px;
}
.btn-l::after, .ranking-item-link-buttons a::after, .btn-wrap.btn-wrap-l>a::after {
    display: none;
}
/*投稿日を先頭に*/
.date-tags {
  display: flex;
  flex-direction: row-reverse;
}
/*マイクロコピー？*/
.dfont {
    font-family: 'Karla',YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.sousyoku__title {
    display: inline-block;
    position: relative;
    padding: 0 25px;
    color: #b7bac1;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
	margin-top: 20px;
}
.sousyoku__title:before {
    left: 0;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}
.sousyoku__title:after {
    right: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.sousyoku__title:before, .sousyoku__title:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background-color: #d8dae1;
	color: #b7bac1;
    content: "";
}
/*ロゴ調整（PC）*/
.logo-header img {
    width: 65%;
    height: auto;
}
/*4コマに影*/
.entry-content img {
    box-shadow: 0 0px 0px rgba(0,0,0,.0);
}
/* ブログ村 */
 .blog-mura-img {
	 opacity: 0.5;
}
/* ホーム画面の画像の高さ調整 */
 .entry-card-thumb img {
     width: 100%;
     max-height: 230px;
     object-fit: cover;
}
/* 商品リンクの影を削除 */
 table td img {
	box-shadow: none !important;
}
/* ホーム画面 記事日付 */
 .rect-vertical-card, .entry-card-wrap, .post-date {
     color: #894537;
}
 .fa-calendar:before {
    content: "\f073";
}
/* ホーム画面 記事タイトル */
 .entry-card-title, .card-title, .e-card-title{
     color: #894537;
     line-height: 26px;
     margin: 3px 0;
     padding: 5px 10px;
}
 .entry-card-content {
     padding-bottom: 1.5em;
}
 .entry-card-wrap, .a-wrap cf {
	 background-color: #fefcfd;
     box-shadow: 0 0 0 rgba(0,0,0,.0);
}
 .ecb-entry-border .entry-card-wrap {
	 border-color: #ededed;
}
/* ホーム画面 記事スニペット */
 .entry-card-snippet, .card-snippet, .e-card-snippet {
     font-size: 0.86em;
	 padding: 0 10px;
	 color: #894537;
}
/* ホーム画面 ページネーション */
.pagination-next-link {
  background-color: #fefcfd;
  color: #894537;
  font-size: 20px;
  margin-top: 20px;
}
.page-numbers { /*通常時*/
  color: #894537;
  background-color: #fefcfd;
}
.pagination .current { /*現在のページ*/
  background-color: #f8e9f0;
  color: #894537;
}
.page-numbers.dots { /*ドット「…」の部分*/
  color: #894537;
  background-color: #fefcfd;
}
.page-numbers {
  color: #894537;
}
/* 記事タイトル */
 .entry-title {
     color: #894537;
     line-height: 26px;
     margin: 10px 0;
     padding: 10px 5px;
	 background: #f9e5eb;
	 background-color: rgba(251,239,243,0.9);
}
 .article-header {
     color: #894537;
}
/* ロゴ調整（PC） */
 .logo-image {
     padding: 0px;
     width: 65%;
     margin: 0 auto;
}
/* 背景画像のリピート表示 */
 body{
     background: url("http://cocoon.azudaipapan.com/wp-content/uploads/2018/03/haikei_washi-1.png");
     background-repeat: repeat;
}
/* 背景の透明化 */
 #main,#sidebar{
     background-color:transparent;
     padding-top: 5px;
}
 .post-meta {
     background-color:transparent;
}
/* インデックスのカテゴリー削除 */
 .cat-label {
     display:none;
}
 .fa.fa-folder-open {
    display:none;
}
 .category-page-content {
	margin-top: -1em;
    margin-bottom: 0.5em;
	font-size: 16px;
}
.tagcloud a {
	color: #894537;
	font-size: 16px;
	border: 1px solid #894537;
}
.tagcloud a .tag-caption::before {
	display: none;
}

/* font-family */
 .ff-meiryo {
     font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
 .sub-caption {
     font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
/************************************ ** コメント ************************************/
/* コメント欄 */
 .comment-area {
	font-size: 14px;
}
 .comment-title {
	font-size: 1.45em;
    margin: 2 0 10px 0;
    padding: 6px 10px;
	background-color: rgba(251,239,243,0.9);
    color: #894537;
}
 .comment-title::before {
     font-family: FontAwesome;
     content: "\f075";
     padding-right: 3px;
}
 .comment-notes, .comment-form-email, .form-allowed-tags{
     display:none;
}
 .submit{
     font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
     font-size: 16px;
}
 .comment-form-url label{
     font-size:0;
}
 .comment-form-url label:before {
     font-size: 16px;
     content: "URL or SNSアカウント(任意)"
}
 .comment-form-comment label{
     font-size:0;
}
 .comment-form-comment label:before {
     font-size: 16px;
     content: "内容";
}
 .comment-form-author label{
     font-size:0;
}
 .comment-form-author label:before {
     font-size: 16px;
     content: "ニックネーム";
}
 .comment-btn {
     margin: 20px 0;
     font-size: 0.95em;
     font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
     font-weight: bold;
     background-color: #faecf0;
     padding: 10px 0;
}
 .comment-btn::after {
     content: '?';
}
/* コメントの文字を削除 */
 .comment-form-cookies-consent {
     display: none;
}
/* コメントリスト */
 .commets-list {
     font-size: 16px;
}
 .avatar-default,.avatar-48 {
     display: none;
}
 .comment-content {
     margin: -0.9em 0 -1em 0;
}
 .commets-list {
     margin-bottom: 0em;
     line-height: 22px;
     font-size: 16px;
     border-bottom: dashed 1px #89373e;
}
 .st-comment-content {
     color: #89373e;
	 margin-top: 8px;
}
 .commets-list .children {
     padding-left: 0px;
}
.comment-author {
	 background-color: rgba(251,239,243,.9);
}
 ol.commets-list {
     list-style-type: decimal;
     padding-left: 20px;
}
 .comment-reply-link {
     margin-left: 0px;
     font-size: 12px;
     border: none;
     background-color: rgba(251,239,243,.9);
}
.comment-reply-link::before {
  font-family: FontAwesome;
  content: "\f040";
  padding-right: 0px;
  display: none;
}
 .comment-arigato {
     font-size: 1.15em;
     font-weight: 700;
     line-height: 26px;
     margin: 15px 0;
     padding: 6px 10px;
	 background-color: rgba(251,239,243,0.9);
     color: #894537;
}
 .comment-arigato::before {
     font-family: FontAwesome;
     content:"\f075";
     padding-right: 5px;
}
/* こちらもどうぞ */
 .related-entry-heading {
     font-size: 1.15em;
     font-weight: 700;
     line-height: 26px;
     margin: 15px 0;
     padding: 6px 10px;
	 background-color: rgba(251,239,243,0.9);
     color: #894537;
}
 .related-entry-heading::before {
     font-family: FontAwesome;
     content:"\f024";
     padding-right: 1px;
}
/* 最近の4コマ（画像付き）関連記事風 */
.newentry {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
}
.newentry-title a{
     color: #894537;	
     font-weight: 600;
     font-size: 14px;
}
.newentry-title {
     font-size: 14px;
     background: 0 0;
     margin: -4px 2px 12px 2px;
     line-height: 1.4;
     padding: 0px 0px 0 0px;
     font-weight: 700;
     height: 4.5em;
}
.newentry-date {
     padding: 0 3px;
	 font-size: 12px;
}
.newentry-thumbnail img {
     width: 100%;
     max-height: 100px;
     object-fit: cover;
}
.newentry-date::before {
     font-family: FontAwesome;
     content: "\f040";
     padding-right: 3px;
}
.newentry-box {
     color: #894537;	
     font-weight: 500;
     font-size: 1.46em;
	 margin-bottom: 8px;
	 padding: 1px;
	 background-color: #fff;
     flex: 0 0 24.3%;
     max-width: 24.8%;
   	 box-shadow: 0 0px 0px rgba(0,0,0,.0);
	 height: 190px;
}
ul {
    list-style: none;
	padding-left: 0;
}
/* 関連記事 sango */
 .rect-vertical-card .related-entry-card-content {
    padding: 0;
}
 .related-entry-card-snippet {
     display:none;
}
 .rect-vertical-card .related-entry-card-title {
     font-size: 14px;
     background: 0 0;
     margin: 2px 2px 12px 2px;
     line-height: 1.4;
	 padding: 0px 3px 0 2px;
     font-weight: 700;
     height: 3.5em;
}
 .related-list img {
     box-shadow: none;
     width: 100%;
     height: 101px;
     object-fit: cover;
}
.related-entry-card-wrap, .a-wrap cf {
         box-shadow: 0 0 0 rgba(0,0,0,0);
         background: #fefcfd;
         overflow: hidden;
         transition: .3s;
}
 .recb-entry-border .related-entry-card-wrap {
     padding: 0px;
	 border-color: rgba(0,0,255,0) ;
}
/*最近の４コマ*/
.saikin-4koma {
     font-size: 1.15em;
     font-weight: 700;
     line-height: 26px;
     margin: 15px 0;
     padding: 6px 10px;
	 background-color: rgba(251,239,243,0.9);
     color: #894537;
}
.saikin-4koma::before {
     font-family: FontAwesome;
     content:"\f14a";
     padding-right: 5px;
}
.saikin-4koma-list {
     font-size: 18px;
     line-height: 24px;
     color: #894537;
     padding: 5px 0;
	 background-color: rgba(251,239,243,0.9);
	 text-decoration: none;
}
 .saikin-4koma-list-title::before {
     font-family: FontAwesome;
     content:"\f14a";
     padding: 0px 8px 0px 5px;
}
 #execphp-30,widget,widget-single-content-bottom,widget_execphp{
     margin-bottom: 10px;    
}
 #execphp-31,widget,widget-single-content-bottom,widget_execphp{
     margin-bottom: 15px;    
}
/*ランダム*/
.widget-entry-cards {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
}
.widget-entry-card-title a{
     color: #894537;	

     font-size: 14px;
}
.widget-entry-card-thumb img{
     width: 100%;
     max-height: 230px;
     object-fit: cover;
}
.widget-entry-card  {
     color: #894537;	
     font-weight: 500;
     font-size: 1.46em;
	 margin-bottom: 8px;
	 padding: 1px;
	 background-color: #fff;
     flex: 0 0 24.3%;
     max-width: 100%;
   	 box-shadow: 0 0px 0px rgba(0,0,0,.0);
	 height: 310px;
	 font-weight: 600;
}
ul {
    list-style: none;
	padding-left: 0;
}
/* フッター(footer) */
 #footer {
     background-color: rgba(251,239,243,0.9);
     clear: both;
     padding: 0px;
}
 .footer-meta {
     font-size: 14px;
     overflow: auto;
}
.footer-bottom-logo .logo-image {
    padding: 0;
    max-width: 300px;
	margin: auto;
	width: 100%;
}
.footer-bottom-logo img {
    height: 89px!important;
    width: 300px;
}
/*タグ非表示*/
 .entry-tags {
	 text-align: left;
	 line-height: 0.7em;
	 margin-top: 0.5em;
}
.tag-link, .comment-reply-link {
    color: #894537;
    border: none;
}
.tag-page-content {
	margin-top: -1em;
    margin-bottom: 0.5em;
	font-size: 16px;
}
.archive-title {
	color: #894537;
	font-size: 20px;
}
/*投稿者*/
 .author-link{
     text-decoration: none;
}
 .author-info{
     float: right;
	 color: #894537;
}
.author-name {
	 color: #894537;
}
/*パンくずリスト*/
.breadcrumb,.breadcrumb a {
      color: #894537;
}
/*hover*/
a {
  color: #894537;
}
a:hover {
  color: #eac0bc;
}
.navi-in a:hover,
.navi-footer-in a:hover,
.tagcloud a:hover,
.pagination a:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover,
.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 {
     background-color: rgba(251,239,243,0.5);
	 color: #eac0bc;
}
.pagination-next-link:hover, 
.comment-btn:hover,
.a-wrap:hover,
.tag-link:hover,
.comment-reply-link:hover,
.mobile-menu-buttons:hover,
.menu-button:hover {
     background-color: rgba(251,239,243,0.5);
	 color: #eac0bc;
}
.pager-links a:hover span  {
     background-color: rgba(251,239,243,0.5);
	 color:  #eac0bc;
}
/*ブログカード*/
 .blogcard {
     padding: 0.8rem 0.8rem 0.3rem 0.8rem;
     color: #666;
     position: relative;
}
 .blogcard-thumbnail {
     line-height: 0;
     margin-right: 1rem;
     overflow: hidden;
     width: 200px;
}
 .blogcard-thumbnail img {
     max-height: 120px;
     object-fit: cover;
}
 .blogcard-title{
     margin-bottom: .5rem;
}
 .blogcard-snipet{
     font-size: 85%;
     line-height: 1.7;
}
 .blogcard-wrap, .external-blogcard-wrap, .a-wrap cf {
     margin-left : 0;
	 font-family: Arial, san-serif;
}
 .blogcard {
	 color: #894537;	
}
 .internal-blogcard::after{
     content: 'つづきを読む \00bb'; /* 内部リンク右下枠の文言 */
     position: absolute;
     bottom: 0.6rem;
     left: 300px;
     font-size: 75%;
     background-color: #b6c2a2; /* 内部リンク右下枠の背景色 */
     padding: 0.3em 1.5em;
     font-weight: bold;
     color: #fff; /* 内部リンク右下枠の文字色 */
     border-radius: 2px;
}
.internal-blogcard-thumbnail {
	  width: 200px;
}
 .internal-blogcard-content {
     margin-left: 0;
     color: #894537;
}
/* ブログカードラベル */
.blogcard-type .blogcard::before {
     font-family: FontAwesome;
     position: absolute;
     top: -1.1em;
     left: 2%;
     font-size: 0.7em;
     padding: 2px 0.6em 3px;
     background-color: #f9e5eb;
     color: #894537;
     border-radius: 2px;
     white-space: pre;
     letter-spacing: 0.06em;
}
.bct-related .blogcard::before {
     content: " 関連記事";
}
.bct-reference .blogcard::before {
     content: " 参考記事";
}
.bct-popular .blogcard::before {
     content: " 人気記事";
}
.bct-pickup .blogcard::before {
     content: " つづきはコチラ♪";
}
.bct-check .blogcard::before {
     content: " 前回の4コマ";
}
.bct-together .blogcard::before {
     content: " これも見てね♪";
}
.bct-detail .blogcard::before {
     content: " 詳細はこちら";
}
.bct-official .blogcard::before {
     content: " 公式サイト";
}
/*ブログ紹介*/
.blog-shoukai-list {
     font-size: 1.15em;
     font-weight: 700;
     line-height: 26px;
     margin: 15px 0 5px 0;
     padding: 6px 10px;
	 background-color: rgba(251,239,243,0.9);
     color: #894537;
}
.blog-shoukai-list::before {
     font-family: FontAwesome;
     content:"\f2bb";
     padding-right: 5px;
}
.blog-shoukai-pc {
    background-color: #fff;
    padding: 12px 12px 6px 12px;
	font-size :15px;
	font-weight: normal;
    line-height: 150%;
	color: #894537;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
.blog-shoukai-bun {
	font-size :15px;
	font-weight: 600;
    line-height: 150%;
	color: #894537;
	text-align: left;
    margin: 5px 5px 0px 5px;
}
.blog-shoukai {
    margin: 0px auto;
	text-align: center;	
}
 .follow-me-pc {
    background-color: #f9e5eb;
    padding: 8px;
	font-size :14px;
	font-weight: normal;
    line-height: 150%;
	color: #894537;
	text-align: center;
}
.blog-syoukai-index {
    font-weight: bold;
	color: #894537;
	font-size: 0.95em !important;
	margin-top:0.3em;
}
 #pc_text-37,widget,widget-above-single-content,widget_execphp{
     margin-bottom: 10px;
     line-height: 1.4em;
     padding: 5px 15px;
     background: #fff;
     box-shadow: 0 0px 0px rgba(0,0,0,.0);
}
 #mobile_text-39,widget,widget-above-single-content,widget_execphp{
     margin-bottom: 10px;
     padding: 5px 10px;
     background-color: #fff;
     box-shadow: 0px 0px 0px rgba(0,0,0,.0);
}
/* リンクの下線削除 */
 a {
     text-decoration: none;
}
/************************************ ** ウィジェット調整 ************************************/
/*adsense記事下*/
 #pc_text-56,widget,widget-above-single-content-bottom,widget_pc_text{
     margin: 10px 0 15px 0;
     width: 100%;
}
/*登場人物*/
 #execphp-26,widget,widget-above-single-content,widget_execphp{
     margin: 5px 0 3px 0;
     width: 100%;
}
/*PETomorrow（モバイル）*/
#mobile_text-52,widget,widget-above-single-content,widget_execphp{
     margin: 25px 0 25px 0;
	 text-align: center;
}
/*adsense記事下（モバイル）*/
#mobile_text-54,widget,widget-above-single-content,widget_execphp{
     margin: 25px 0 25px 0;
	 text-align: center;
}
/*関連記事（モバイル）*/
#execphp-31, widget, widget-single-content-bottom, widget_execphp {
    margin-bottom: 15px;
}
/*関連記事（モバイル）*/
#execphp-32, widget, widget-single-content-bottom, widget_execphp {
    margin: 25px 0 25px 0;
}
/*広告記事下（モバイル）*/
 #mobile_text-21,widget,widget-single-content-bottom,widget_mobile_text{
     margin: 3px 0 50px 0;
}
/*マグネットステッカー（モバイル）*/
 #mobile_text-49,widget,widget-above-single-content,widget_execphp {
     text-align: center;
     margin: 0px 0px 50px 0px;
}
/*広告記事下（固定ページ）（モバイル）*/
 #mobile_text-33,widget,widget-single-content-bottom,widget_mobile_text{
     margin-bottom: 5px;
}
/*コメントフォーム下（モバイル）*/
 #mobile_text-43,widget,widget-single-content-bottom,widget_mobile_text{
     margin: 50px 0px 25px 0px;
	 text-align: center;
}
/*広告記事下（固定ページ）（PC）*/
 #pc_text-57,widget,widget-above-single-content-bottom,widget_pc_text{
     margin: 10px 0 15px 0;
     width: 100%;
}
/*グローバルナビ下*/
 #content,content cf{
     margin-top: 3px;
}
/*投稿ナビ*/
 .pager-post-navi {
     margin: 0px 0;
     display: block;
	 border-top: 3px solid #fff;
     border-bottom: 3px solid #fff;
	 margin-bottom: 5px;
}
 .post-navi-square.post-navi-border a {
     border: 0;
}
 .pager-post-navi a.prev-post::before {
     font-family: FontAwesome;
     content: "\f0a8";
     color: #894537;
}
 .pager-post-navi a.next-post::before {
     font-family: FontAwesome;
     content: "\f0a9";
     color: #894537;
}
 .pager-post-navi a::before {
     font-size: 2.1em;
}
 .pager-post-navi a {
     font-size: 0.95em;
     display: flex;
}
 .pager-post-navi.post-navi-square a {
     width: 100%;
}
 .pager-post-navi a.prev-post {
     padding: 3px 8px;
	 background-color: #fcf4f7;
     color: #894537;
}
 .pager-post-navi a.next-post {
     flex-direction: row;
     padding: 3px 8px;
	 background-color: #fcf4f7;
     color: #894537;	 
}
 .pager-post-navi a.next-post::before {
	 margin-right: 5px;
     margin-left: 0;
}
 .pager-post-navi a.next-post .next-post-title {
     margin-left: 10px;
	 margin-right: 0;
}
.next-post-title, .prev-post-title {
     letter-spacing: -0.08em;
}
 .pager-post-navi a.prev-next-home {
    display: none;
}
/*「次のページ」ページネーション*/
 .pagination-next-link {
     font-size: 1.0em;
     padding: 5px 0;
}
.pager-post-navi a figure {
    display: none;
}
/* スマホ グローバルナビ */
 #post-6685 .widgets{
     display: none;
}
 #post-22 .widgets{
     display: none;
}
 #sm_nav {
     width: 100%;
     display: table;
     table-layout: fixed;
     margin-top: 10px;
     font-size: 90%;
}
 #sm_nav .category{
     padding: 1px;
     display: table-cell;
     background-color: #f9e5eb;
     text-align: center;
}
 #sm_nav .category:not(:last-child){
     border-right:2px solid #ffffff;
}
 #sm_nav a {
     color: #894537;
}
 .table th,table td {
     border: 0px;
     padding: 2px;
     background: none;
}
/* フォローボタン文字 */
 .button-caption {
     font-size: 0.65em;
     padding-left: 3px;
     margin-left: 3px;
}
/* はてなシェアボタン */
.hatebu-share-count {
     display: none;
}
/*グローバルメニュー*/
 .navi-in > ul li {
     display: block;
     width: 176px;
     height: 40px;
     line-height: 40px;
}
/* 見出し（H1-6）色変更 */
 h1, h2, h3, h4, h5, h6{
     line-height:130%;
     color:#000000;
}
.h2 {
	letter-spacing: 10em;
}
/* サイドバータイトル非表示 */
 h3.widget-sidebar-title,widget-title{
     display:none;
}
 #sidebar.sidebar.nwa.cf {
     text-align: center;
}
/* go to top ボタン */
 .go-to-top-button {
     width: 60px;
     height: 60px;
     font-size: 50px;
	 background-color: rgba(246,219,228,.5);
}
/*SNSフォローボタン*/
 .sns-share, .sns-follow {
     margin: 8px 0;
}
 .sns-follow .bc-brand-color .fbc-show {
     flex-wrap: nowrap;
     justify-content: space-around;
     align-content: center;
}
 .follow-button.facebook-button.facebook-follow-button-sq{
     margin: 4px 3px 0 3px;
}
 .follow-button.twitter-button.twitter-follow-button-sq{
     margin: 4px 3px 0 3px;
}
 .follow-button.instagram-button.instagram-button{
     margin: 4px 3px 0 3px;
}
 .bc-brand-color.sns-share.ss-top .instagram-button, .bc-brand-color.sns-share.ss-bottom .instagram-button, .bc-brand-color.sns-follow .instagram-follow-button-sq {
     background-color: #F56040;
}
 .ss-top .sns-share-buttons a, .ss-bottom .sns-share-buttons a {
        font-size: 1.7em;
   }

 ul.zenkiji-list li {
     list-style:none;
     border-bottom: 1px dotted #000000;
     padding-top: 3px;
     padding-bottom: 3px;
     font-size: 18px;
}
 ul.zenkiji-list li div {
     margin:-1.6em 0 0 6em;
}
 .article ul {
     padding: 0;
}
/*最近のコメントウィジェット*/
 #recent_comments-2 {
     text-align: left;
}
 .recent-comment-avatar {
     display: none;
}
 .recent-comment-content {
     position: static;
     border: none;
     font-size: 16px;
	 color: #894537;
}
 .recent-comment-info, .recent-comment-article {
     font-size: 16px;
     padding-left: 6px;
	 color: #894537;
}
/*about me プロフィール*/
 .widget-sidebar-scroll-title, .widget-title, .widget-below-comment-form-title, .main-widget-label {
     display: none;
}
 .aboutme {
     line-height: 1.1em;
     margin: 5px;
     padding: 10px 12px 10px 14px;
     background-color: #fff;
     background: rgba(255,255,255,0.99);
}
/*インスタフォローボタンカラー*/
 .instagram-button,.instagram-follow-button-sq, .instagram-button {
     background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat !important;
}
/*引用*/
 blockquote {
     background-color: #fcf5f7;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}
#new_entries .new-entry-cards .large-thumb-on  {
	display: flex;
	width: 25%;
}
/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 70px;
	margin-right: 10px;
}
/*個別記事のページナビ*/
.navigation {
  text-align: center;
  font-size: 1.0em;
  font-weight: 600;	
  line-height: 2em;
  margin-top: 50px;
  background-color: rgba(251,239,243,0.9);
}
.navitop {
  padding: 0.3em 0.5em;
}
.navileft {
  padding-left: 0.2em;
}
.naviright {
  padding-right: 0.2em;
}

/************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/
/*1240px以下*/
 @media screen and (max-width: 1240px){
    /*必要ならばここにコードを書く*/
	 .sidebar-scroll {
		 display: none;
	 } 
    /* フッター(footer) */
     #footer {
         background-color:#fcf5f7;
         clear: both;
         padding: 2px 10px 5px 10px;
    }
     .footer-bottom {
         margin-top: 8px;
         padding: 4px;
    }
	 .logo-footer {
		 opacity: 1;
	 }
	 .footer-bottom-logo .logo-image {
		 max-width: 200px;
		 margin-bottom: 5px;
	 }
	 .footer-bottom-logo img {
		 width: 200px;
		 height: 59px!important;
	 }
}
/*1030px以下*/
 @media screen and (max-width: 1030px){
    /*必要ならばここにコードを書く*/
.rect-vertical-card-4 .related-entry-card-wrap {
    width: 24.5%;
}
	/*ブログ紹介*/
     .blog-shoukai-mobile {
         background-color: #fff;
         padding: 8px;
		 margin: 15px 0;
		 color: #894537;
    }
	 .blog-shoukai-mb {
         text-align: center;
         margin: 5px auto;
    }
     .blog-shoukai-bun {
         font-size: 15px;
         line-height: 1.5;
    }
	  #main .sns-follow a {
	     width: 2.9em;
	     height: 1.0em;
	     margin-left: 0.05em;
    }
	   #main .sns-follow a {
		 width: 48%;
	     height: 1.4em;
	     margin-left: 0.05em;
    }
     .sns-follow-buttons {
	     justify-content: center;
    }
	 /*タブレットでサイドバー*/
	 .container.column-wrap{
       flex-direction: row;
   }
	  .mobile-header-menu-buttons {
       box-shadow: none;
	   background-color: rgba(251,239,243,0.9);
  }
}
  
/*768以下*/
@media screen and (max-width: 768px){
    /*必要ならばここにコードを書く*/
	 /*ロゴ固定*/
     #container {
        padding-top: 51px;
   }
     .site-logo-image{
       display: none;
   }
    .logo-menu-button img {
       max-height: 100px;
       display: block;
       margin: 0 auto;
   }
   .logo-menu-button {
       min-width: 260px;
       overflow: hidden;
  }
   .mobile-header-menu-buttons {
       box-shadow: none;
	   background-color: rgba(251,239,243,0.9);
  }
   .mobile-menu-buttons .menu-caption {
      font-size: 0.5em;
      text-align: center;
	  color: #894537;
      font-weight: 700;
	  font-family: 'Karla',YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  }
   .mobile-menu-buttons .menu-icon::before {
      font-size: 1.25em;
	  color: #894537;
  }  
   .navi-menu-content {
	  background-color: rgba(255,255,255,0.9);
  }
   .menu-drawer a {
	  color: #894537;
	  padding: 15px 0 0 20px;
	  font-weight: 600;
	  font-size: 1.1em;
  }
   .menu-close-button::before {
	  color: #894537;
  }
   .menu-content {
      max-width: 100%;
  }
	#sm_nav .category{
      padding: 1px;
      display: table-cell;
      background-color: rgba(251,239,243,0.9);
      text-align: center;
  }
		 /*タブレットでサイドバー*/
	.container.column-wrap{
       flex-direction: row;
    }
}
/*480px以下*/
 @media screen and (max-width: 480px){
    /*必要ならばここにコードを書く*/
    .rect-vertical-card-4 .related-entry-card-wrap {
        width: 49%;
    }
	 /* 関連記事 sango */
     .related-list img {
         box-shadow: none;
	     width: 100%;
         height: 115px;
         object-fit: cover;
     }
     .related-entry-card-wrap, .a-wrap cf {
         box-shadow: 0 0 0 rgba(0,0,0,0);
         background: #fefcfd;
         overflow: hidden;
         transition: .3s;
     }
     .recb-entry-border .related-entry-card-wrap {
         border: none;
	     padding: 0px;
     }
     .rect-vertical-card .related-entry-card-title {
         font-size: 14px;
	     background: 0 0;
         margin: 5px 0 5px 0;
	     line-height: 1.4em;
         font-weight: 700;
		 height: 4em;
		 padding: 0px 5px;
	 }
	 .a-wrap {
         margin-bottom: 5px;
     }
     /* 最近の4コマ（画像付き） */
      .newentry-box {
         margin-bottom: 7px;
		 padding: 0px;
	     flex: 0 0 49%;
         max-width: 49%;
	  }
      .newentry-title a {
         color: #894537;
         font-weight: 700;
         font-size: 14px;
      }
 	 .newentry-title {
	     background: 0 0;
         margin: -5px 0 5px 0;
	     line-height: 1.4em;
		 height: 4em;
		 padding: 0px 5px;
     }
      .newentry-date {
	     padding: 0 3px;
     }
	  .newentry-thumbnail img {
         width: 100%;
         max-height: 115px;
         object-fit: cover;
     }
       .newentry-date::before {
         font-family: FontAwesome;
         content: "\f040";
         padding-right: 3px;
     }
	 /* ホーム画面 記事日付 */

    /* ホーム画面 記事タイトル */
     .entry-card-title, .card-title, .e-card-title {
         line-height: 1.4em;
         margin: 3px 0;
         font-size: 0.95em;
         padding: 5px 3px;
    }
    /* ホーム画面 記事スニペット */
     .entry-card-snippet, .card-snippet, .e-card-snippet {
         font-size: 0.85em;
         padding: 0 3px;
		 font-weight: 400;
	 }
    /* ホーム画面　画像 */
	 .entry-card-thumb img {
	     width: 100%; /*画像の高さ調整*/
	     max-height: 220px;
	     object-fit: cover;
	}
      .entry-card-wrap, .a-wrap cf {
        background-color: #fefcfd;
        box-shadow: 0 0px 0px rgba(0,0,0,.0);
    }
	  .entry-title {
        color: #894537;
        line-height: 26px;
        margin: 10px 0;
        padding: 10px 5px;
	    background: #f9e5eb;
	    background: linear-gradient(60deg,#fbeff3,#fcf5f7,#fefbfc);
		font-size: 20px;
    }
	  .ecb-entry-border .entry-card-wrap {
        border: 1px solid #ededed;
    }
	/*ホーム画面　ページネーション*/
	 .pagination {
		 margin: 10px 0;			 
	}
	 .page-numbers, .current{
		 font-size: 16px;
	}
	 .pagination-next-link {
		 font-size: 16px;
		 padding: 3px;
	}
    /*商品リンク */
      .booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
         width: 96%;
         margin: 0;
		   letter-spacing: 0.1em
	 }
　　　.a product-item-title {
         text-align: left;
	     letter-spacing: 0.2em
     }
	/*ブログカード*/
     .blogcard {
         padding: 0.7rem 0.7rem 0.1rem 0.8rem;
         color: #894537;
         position: relative;
    }
     .blogcard-thumbnail {
         line-height: 0;
         margin-right: 0.6rem;
         overflow: hidden;
    }
	 .blogcard-snippet {
         font-size: 1em;
		 color: #894537;
         line-height: 1.2;
    }
     .blogcard-thumbnail{
         width: 40%;
    }
     .blogcard-wrap, .external-blogcard-wrap, .a-wrap cf {
         padding: 0;
         margin-left : 0;
    }
    .internal-blogcard::after {
         content: '続きを読む \00bb';
         position: absolute;
         bottom: 0.8rem;
         right: 1rem;
         font-size: 75%;
         background-color: #b6c2a2;
         padding: 0.5em 1.5em;
         font-weight: bold;
         color: #fff;
         border-radius: 2px;
    }
     .commets-list {
         font-size: 14px;
    }
	 /*タブレットでサイドバー*/
	.container.column-wrap{
       flex-direction: column;
    }
}