@charset "utf-8";:root{--site-bg-color:#fff6dd;--base-font-color:#777777;--base-font-color-8p:rgba(119,119, 119,.08);--base-font-color-34p:rgba(119,119, 119,.34);}.sidebar{float:right;}.content.two-col{float:left;}body,#top-header,#main　{background-color:#fff6dd;}#main-content,.widget-container-inner{background-color:#ffffff;}body,a,a:active,a:hover,.bx-prev i::before,.bx-next i::before,#hd_slider .loop-title,.magazine .loop-views,.post-meta .loop-share-num a:hover,.post-meta .loop-share-num a:hover span,.post-meta .loop-share-num a:hover i::before,.post-meta.top,.post-meta.top a,.post-meta.under-title .first-r,.post-meta.under-title .first-r a,.post-meta.bottom .third-r,.post-meta.bottom .third-r a,.single-article .note,#searchform #s,#switch_comment_type li::before,#switch_comment_type li:hover,#switch_comment_type .active_tab,.cat-item a .count,.cat-item a:hover .count,.rssSummary,ul.dp_tab_widget_ul li:hover,.commentlist .cmt-post-link a{color:#777777;}.entry a{text-decoration:none;font-weight:bold;}.entry a:hover{text-decoration:underline;}.widget_text a,.dp_custom_text_widget a,.commentlist a,.entry-content a{color:#3ca7bf;}.commentlist a:hover,.widget_text a:hover,.dp_custom_text_widget a:hover,.entry-content a:hover{color:#248cb5;}#header,#header a{color:#7f685b;}#header a:hover{color:#e61673;}#header.mb-theme,#header.header-normal,#header.header-top #header-bar:hover{background-color:#ffeec9;}#header #global_menu_ul .menu-caption{color:rgba(127, 104, 91,.5);}#expand_global_menu.open,.mq-bgcolor,#header #global_menu_ul .sub-menu{background-color:#e5ffdd;}#expand_global_menu.open:before,.mq-bgcolor,.mq-bgcolor #global_menu_ul li a,.mq-bgcolor #global_menu_ul li a:hover,#header #global_menu_ul li .sub-menu li a,#header #global_menu_ul li .sub-menu li a:hover{color:#8a8481;}#header-menu #global_menu_ul li ul.sub-menu::before{border-color:#8a8481;}#header-menu #global_menu_ul li ul.sub-menu::after{border-color:#e5ffdd;}#header-menu #global_menu_ul>li>ul.sub-menu li:hover,#header-menu #global_menu_ul>li>ul.sub-menu li.current-menu-item{background-color:rgba(138,132,129,.16);}#header-menu .mq_submenu_li{background-color:rgba(138,132,129,.3);}#header-search .modal-trigger::before,#expand_global_menu{color:#ffeec9;background-color:#7f685b;}#header.header-top{background: -webkit-linear-gradient(to bottom,  rgba(255,228,196,0.6) 0%,rgba(255,228,196,0) 100%); background: linear-gradient(to bottom,  rgba(255,228,196,0.6) 0%,rgba(255,228,196,0) 100%);}.header-banner-content{color:#ffffff;text-shadow:0 0 28px #000000;}.bx-controls-direction i,#hd_slider .loop-title{background:rgba(255, 255, 255,.8);}.bx-pager-link{color:rgba(119, 119, 119,.8);background-color:rgba(119, 119, 119,.8);}#hd_slider:not(.carousel) .bx-pager-link{color:#ffffff;background-color:#ffffff;}.entry-nav a.page-numbers{color:#777777!important;background:rgba(119, 119, 119,.04);}.entry-nav .page-numbers.current{color:#777777!important;}.entry-nav a.page-numbers:hover{background:rgba(119, 119, 119,.17);}.search-form .submit-area button.search-btn,#footer .gotop a,#footer .gotop a:hover,.nav_to_paged a,.loop-slider .loop-cat a,.author_info .more-entry-link,.readmore a,.magazine.one .loop-date{background-color:#d7a296;color:#ffffff;}.nav_to_paged a:hover{background:rgba(215, 162, 150,.8);}.pager_last_msg{background:rgba(119, 119, 119,.7);}.nav_to_paged a,.nav_to_paged a:hover,.pager_last_msg{color:#ffffff;}.normal .loop-share-num i{background-color:rgba(119, 119, 119,.4);color:#fff;}.normal .share-num,.normal .share-num a,.normal .loop-meta-top,.normal .loop-meta-top a{color:rgba(119, 119, 119,.7);}.readmore a:hover{background-color:rgba(215, 162, 150,.8);}.cover,.cover a,.cover a:hover{color:#fff;}.cover{background-color:rgba(215, 162, 150,.9);}.portfolio .loop-title.bottommost,.portfolio .loop-meta-top a,.portfolio .loop-meta-top{color:rgba(119, 119, 119,.7);border-color:rgba(119, 119, 119,.2);}.portfolio .loop-meta-top.l-date .loop-date:before,.portfolio .loop-meta-top.l-date .loop-date:after{background-color:rgba(119, 119, 119,.7);}.portfolio .loop-meta-mid.l-date .loop-date:before,.portfolio .loop-meta-mid.l-date .loop-date:after{background-color:#ffffff;}.portfolio .loop-share-num i,.portfolio .loop-meta-mid2 .loop-share-num i{background-color:rgba(255,255,255,.3);}.magazine .loop-meta-mid a,.magazine .loop-meta-mid{border-color:rgba(119,119,119,.4);}.magazine .loop-meta-mid.l-date .loop-date:before,.magazine .loop-meta-mid.l-date .loop-date:after{background-color:rgba(119,119,119,.4);}.magazine .loop-share-num i{background-color:rgba(119,119,119,.4);color:#ffffff;}.magazine .share-num,.magazine .share-num a,.magazine.three .loop-meta-mid,.magazine.three .loop-meta-mid a{color:rgba(119,119,119,.6);}.dp_breadcrumb a:hover{color:#248cb5;}.entry{font-size:15px;}address,pre,th,dt,blockquote{background-color:rgba(119, 119, 119,.04);}blockquote:before,blockquote:after{color:#3ca7bf;}.loop-article.news,.new-entry-content li{border-color:rgba(119, 119, 119,.4);}.loop-article.news .loop-date:after,.entrylist-date:after{color:rgba(119, 119, 119,.4);}.author_img img.avatar,.widget_text ul li::before,.dp_custom_text_widget ul li::before,.comment div ul li::before,.entry ul li::before{background-color:#d7a296;}.magazine .loop-views{background-color:rgba(255, 255, 255,.8);}.single-article .post-meta .post_meta_sns_btn.floating .sns_btn_trigger,.single-article .post-meta .loop-share-num.floating .sns_btn_trigger{color:#ffffff;background-color:#d7a296;}.single-article .post-meta .post_meta_sns_btn.floating .sns_btn_div,.single-article .post-meta .loop-share-num.floating .sns_btn_div{color:#777777;background-color:#ffffff;}.single-article .entry h1,.single-article .entry h2,.single-article .entry h3,.single-article .entry h4,.single-article .entry h5,.single-article .entry h6{font-weight:bold;font-style:normal;}.required{color:#d7a296;}#comment_section .comment-avatar{border-color:#ffffff;}#searchform,td.gsc-input {background:#fff;}td.gsc-search-button:before,#searchform:before{background-color:#fff;color:#777777;}.recent_entries .widget-time,.widget_rss li,.widget_rss li cite,.widget_recent_comments li,.widget_recent_entries li,.recent_entries:not(.thumb) a:hover,.widget_archive a:hover,.widget_meta a:hover,.widget_pages a:hover,.widget_nav_menu a:hover,.widget_categories a:hover,.widget_rss li a:hover,.widget_recent_comments a:hover,.widget_recent_entries a:hover,.widget-meta,.widget-meta a,ul.dp_tab_widget_ul .inactive_tab,ul.dp_tab_widget_ul li:after,.loop-article.news a:hover,.new-entry a:hover,.entry .nav a:hover,.entry .nav .current,.nav_to_paged a:hover,.nav .pagenavi-right:hover,.nav .pagenavi-left:hover,.nav .page-numbers:hover,.nav .page-numbers.current,.nav .left a:hover,.nav .right a:hover,.nav-left a:hover,.nav-right a:hover,#hd_slider .sl-date span,.dp_spinner::before,#switch_comment_type .inactive_tab{color:rgba(119, 119, 119,.7);}.rank_label{background-color:rgba(119, 119, 119,.4);color:#ffffff;}.pc .tagcloud a{color:#777777!important;background-color:rgba(119, 119, 119,.07);}.pc .tagcloud a:hover{background-color:rgba(119, 119, 119,.17);}.dp_feed_widget a,.author_info .author_sns a{background-color:#777777;color:#ffffff;}#wp-calendar tbody td a:after{border-color:rgba(119, 119, 119,.07);}.new-entry .more-entry-link,.widget .more-entry-link{color:#3ca7bf;}#footer-widget-content .footer-widget-area{width:100%;}#footer{color:#ffffff;background-color:#564541;}#footer a,#footer a:hover{color:#ffffff;}#footer .widget_text a,#footer .dp_custom_text_widget a{color:#ffffff;}#footer .widget_text a:hover,#footer .dp_custom_text_widget a:hover{color:#fed9c5;}#footer .hatena-bookmark-widget-notheme{background-color:#564541;}#footer .rank_label{background-color:rgba(255,255,255,.6);color:#564541;}#footer-copyright a:hover,#footer_menu_ul a:hover,#footer .recent_entries .widget-time,#footer .widget_rss li,#footer .widget_rss li cite,#footer .widget_recent_comments li,#footer .widget_recent_entries li,#footer .recent_entries:not(.thumb) a:hover,#footer .widget_archive a:hover,#footer .widget_meta a:hover,#footer .widget_pages a:hover,#footer .widget_nav_menu a:hover,#footer .widget_categories a:hover,#footer .widget_rss li a:hover,#footer .widget_recent_comments a:hover,#footer .widget_recent_entries a:hover{ color:rgba(255,255,255,.6);}#footer .widget-meta,#footer .widget-meta a{color:rgba(255,255,255,.6);}#footer .rssSummary{color:#ffffff;}#footer-sns a,#footer .dp_feed_widget a{background-color:rgba(255,255,255,.6);color:#564541;}#footer-sns a:hover,#footer .dp_feed_widget a:hover{background-color:#ffffff;color:#564541;}#footer-copyright a:hover,#footer_menu_ul a:hover,#footer ul.dp_tab_widget_ul li:hover{color:#ffffff;}#footer_menu_mobile,#footer_menu_mobile a,#footer-copyright,#footer-copyright a,#footer_menu_ul,#footer_menu_ul a,#footer ul.dp_tab_widget_ul .inactive_tab,#footer ul.dp_tab_widget_ul li:after{color:rgba(255,255,255,.6);}#footer .widget .more-entry-link{color:#ffffff;}#footer .widget .more-entry-link:hover{color:#fed9c5;}input[type="checkbox"]:checked,input[type="radio"]:checked{background-color:#d7a296;}input[type="submit"]{color:#ffffff;background-color:#d7a296;}select:hover{background-color:rgba(119, 119, 119,.04)}.dp_toc_container{border-color:rgba(215, 162, 150,.2);background-color:#ffffff;}.dp_toc_container::before{background-color:rgba(215, 162, 150,.04);}.dp_toc_container ul.dp_toc_ul{border-color:rgba(215, 162, 150,.24);}.dp_toc_container p.toc_title_block>span::before,.dp_toc_container ul.dp_toc_ul>li::before{background-color:rgba(215, 162, 150,.16);}.dp_toc_container ul.dp_toc_ul li a,.dp_toc_container ul.dp_toc_ul li a:hover{color:#777777;}body:not(.mb-theme) .wow{visibility:hidden}#hd_slider .loop-cat span,.dp_related_posts .loop-cat a{color:#ffffff;background-color:#d7a296;}.post-meta.bottom .meta-cat a.cat-color131,.dp_related_posts .loop-cat a.cat-color131,#hd_slider .loop-cat span.cat-color131{color:#ffffff;background-color:#8d727c;}.post-meta .single-cat a.cat-color131{color:#8d727c;}.post-meta.bottom .meta-cat a.cat-color119,.dp_related_posts .loop-cat a.cat-color119,#hd_slider .loop-cat span.cat-color119{color:#ffffff;background-color:#c5de8f;}.post-meta .single-cat a.cat-color119{color:#c5de8f;}.post-meta.bottom .meta-cat a.cat-color86,.dp_related_posts .loop-cat a.cat-color86,#hd_slider .loop-cat span.cat-color86{color:#ffffff;background-color:#ad9263;}.post-meta .single-cat a.cat-color86{color:#ad9263;}.post-meta.bottom .meta-cat a.cat-color75,.dp_related_posts .loop-cat a.cat-color75,#hd_slider .loop-cat span.cat-color75{color:#ffffff;background-color:#acddd8;}.post-meta .single-cat a.cat-color75{color:#acddd8;}.post-meta.bottom .meta-cat a.cat-color87,.dp_related_posts .loop-cat a.cat-color87,#hd_slider .loop-cat span.cat-color87{color:#ffffff;background-color:#99c946;}.post-meta .single-cat a.cat-color87{color:#99c946;}.post-meta.bottom .meta-cat a.cat-color20,.dp_related_posts .loop-cat a.cat-color20,#hd_slider .loop-cat span.cat-color20{color:#ffffff;background-color:#fe936e;}.post-meta .single-cat a.cat-color20{color:#fe936e;}.post-meta.bottom .meta-cat a.cat-color126,.dp_related_posts .loop-cat a.cat-color126,#hd_slider .loop-cat span.cat-color126{color:#ffffff;background-color:#d4b497;}.post-meta .single-cat a.cat-color126{color:#d4b497;}.btn:not([class*="btn-"]),a.btn:not([class*="btn-"]),.dp-container a.btn:not([class*="btn-"]),.label{background-color:#d7a296;}.label:after{background-color:#ffffff;}#footer .label:after{background-color:#564541;}.mb-theme#wrapper,.mb-theme#main{background-color:#ffffff;}#side-search > div{border-color :rgba(119, 119, 119,.2);}.mb-theme #header a{color:#7f685b;}.mb-theme .portfolio .details{background:rgba(255, 255, 255,.8);}.mb-theme .normal .loop-views,.mb-theme .portfolio .details a,.mb-theme .portfolio .details{color:rgba(119, 119, 119,.7);}.mb-theme .portfolio .loop-share-num i{background: transparent;}.mb-theme .portfolio.loop-title a{color:#777777;}.mb-theme .normal .loop-meta{border-color:rgba(119, 119, 119,.2);}.mb-theme .widget-content.header .widget-title,.mb-theme .widget-content#footer .widget-title{background:#ffffff;color:#777777;border-color:rgba(119, 119, 119,.2);}.footer_bar{background-color:#d7a296;color:#ffffff;}.ftbar_btn,.ftbar_btn a{color:#ffffff;}.modal_wrapper.main_menu{background-color:#fff6dd;color:#777777;}.modal_wrapper.main_menu a{color:#777777;}.menu_sns_links .menu-title::before{background-color:rgba(119, 119, 119,.16);}/* ****** 全般 レイアウトの指定 *********************************************************************************************************** *//* 全体のフォントの設定 -- */body{line-height:2.0;        font-family:Arial,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}.mb-theme #header{background-color: #e7c19a;    margin-bottom: 30px;}.mb-theme #header a{color: #7f5855;}.mb-theme #header a:hover{color: #f5579e;}/* サイトタイトルの指定 */h1.header_title {font-family: 'Ribeye Marrow', cursive;    font-size: 36px !important;    margin-bottom:5px;}   #header h2.header_sub_title{font-family: 'M PLUS 1p', sans-serif;/* 202005 サイトタイトル画像化に伴い変更 */                                font-size:15px;                                margin-top:7px;}   #header.header-top h2.header_sub_title{margin-top:25px;/* 202005 サイトタイトル画像化に伴い追加 */                                font-size:17px;                                color:#dcd2bc;}#header .header_title.txt{margin:-5px auto;}.mb-theme #header .header_title.txt{margin:10px auto;}.mb-theme h1.header_title{font-family: 'Ribeye Marrow', cursive;    font-size: 22px !important;}/* ヘッダー画像上の指定 */h2.hd_banner_txt{display: none;}/* グローバルメニュー(バー）の上（トップヘッダー）の背景色を指定　202005 */#header.header-nomal{background-color:#c9bc9c;}/* グローバルメニュー(バー）の指定 */#header-bar-content{background-color: #fed0b6;width:100%;}/* グローバルメニュー〈トップページ）の指定　色は#fed0b6透過させる 202005 */        #header.header-top #header-bar-content{background-color: rgba(254,208,182,0.1);                            width:100%;}/* グローバルメニューの文字フォント（トップページ以外） 202005 */#header,#header a{font-weight:500;}/* グローバルメニューの文字フォント（トップページ以外） 202005 */#header.header-top,#header.header-top a{font-weight:bold;}/* リンク色の指定 */a.link1{text-decoration: none;color: #9ba8d6;}a.link1:hover{text-decoration: none;color: #7881a2;}/* リンクにアンダーラインをつけるorつけないの指定 */.entry a{text-decoration:underline;}.entry a.nounder{text-decoration: none;}/* リンクを太文字にしない＋アンダーラインをつけないの指定 */.entry a.nounderbold{text-decoration: none;    font-weight:normal;}/* imgをリンクしたときに表示されるシャドウを解除する指定 */a>img.noshadow{box-shadow:none;}/* --コンテンツ下部の余白の調整（テキストバナーが上にくっついてしまうための調整）-- */div #text-18.widget_text{margin:40px 0px 20px 0px;}/* --202005new フッター上のエリアの背景色指定　-- */    div#widget-container-footer div.widget-container-inner.liquid{background-color:#fff6dd;}/* モバイル　メインコンテンツエリアの下マージンを増やす調整 -- */.mb-theme div#wrapper #main{margin-bottom:60px;}/* コンテンツエリアの左余白がないため調整 202005 -- */    .content.two-col .loop-content-frame{margin-left:0px;}/* コンテンツエリア記事一覧の右側に余白がないため調整 202005 */    div.loop-content{margin-right:20px;}    .mb-theme div.loop-content{margin-right:10px;}/* 挿入するウィジェット内の行間調整 202005 */    div p.linehd01{line-height:1.4;}  /* 挿入するウィジェット（画像）のマージントップ調整 202005 */    div img.imgmgtp5{margin-top:5px;}    div img.imgmgtp10{margin-top:10px;}    div img.imgmgtp20{margin-top:20px;}    div img.imgmgtp30{margin-top:30px;}    div img.imgmgtp40{margin-top:40px;}    div img.imgmgtp50{margin-top:50px;}    div img.imgmgtp60{margin-top:60px;}/* 画像に影が入ってしまうのを無効にする　202005 */        a>img.nonshadow[class*="wp-image-"]{-webkit-box-shadow:none;                box-shadow:none;                transition:none;}/* 色んなところに挿入できるオリジナルタグデザイン　202005 */            ul.originaltag{        display: flex;        flex-wrap: wrap;        margin: 0;        padding: 0;        }        ul.originaltag li{        padding: 1px 10px;        margin: 3px 4px;        background-color: rgba(250,245,217,0.3);        border:solid 1px #7f5855;        border-radius: 3px;        }        ul.originaltag li::before{content: none;        width:0;        height:0;        }        ul.originaltag li a{          color: #694f41;          font-weight: normal;          text-decoration: none;        }/* wp show postsの配置変更　elloraさんより　202005 -- */        .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child){/* １つの記事の下マージンの設定 -- */            margin-bottom:50px;}        .mb-theme .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child){/* １つの記事の下マージンの設定 -- */            margin-bottom:20px;}        .single-article .entry h1.wp-show-posts-entry-title{/* 記事タイトルの調整 -- */            margin:3px 1px 5px 10px;            padding:2px 2px 5px 0px;            border-left:1px none #ffffff;            line-height:1.4;            font-size:17px;}        .single-article .entry div.wp-show-posts-entry-meta{/* 投稿日とカテゴリーの行のマージン指定 -- */            margin-left:10px;            margin-top:-5px;}        .single-article .entry div.wp-show-posts-entry-meta a{/* 投稿日とカテゴリーのフォント指定 -- */            font-weight:normal;            color:rgba(119,119,119,0.7)}        .mb-theme .single-article .entry h1.wp-show-posts-entry-title{/* モバイル記事タイトルの調整 -- */            margin-top:1px;            line-height:20px;              font-size:12.5px;}        .single-article .entry .wp-show-posts-entry-header h1::after{/* 記事タイトルの下にボーダーが入るのを非表示にする調整 -- */            border-bottom:1px none #ffffff;}        .wp-show-posts-image {/* 画像を左に配列するための措置 -- */            float: left;            width: 30%;            }        .mb-theme .wp-show-posts-image {/* 画像を左に配列するための措置 -- */            float: left;            width: 33%;            }        .wp-show-posts-entry-header {/* 記事タイトルと投稿日、カテゴリーを右に配列するための措置 -- */            float: right;            width: 70%;            }        .mb-theme .wp-show-posts-entry-header {/* 記事タイトルと投稿日、カテゴリーを右に配列するための措置 -- */            float: right;            width: 67%;            }        .wp-show-posts-entry-header {/* 投稿日とカテゴリーを上、記事タイトルを下に配置するための措置 -- */                display: flex;                flex-wrap: wrap-reverse;                }        .wp-show-posts-entry-header a {/* 記事タイトルのフォント調整 -- */             text-decoration:none;             color:rgba(119,119,119,1);             font-weight:400;}         .mb-theme .wp-show-posts-entry-header a {/* モバイル記事タイトルのフォント調整 -- */             text-decoration:none;             color:rgba(119,119,119,1);             font-weight:bold;}        .wp-show-posts-entry-header a:hover {/* 記事タイトルのフォント調整 -- */             text-decoration:none;}        .wpsp-read-more {/* read moreの配置調整 -- */            clear: both;            display: block;            text-align: right;            }        a.wp-show-posts-read-more,        a.wp-show-posts-read-more:visited{/* read moreを表示しない -- */            display:none;            padding:0px;            border:1px none #ffffff;            font-size:0.1em;}       .wp-show-posts-read-more{margin:0px;}/* read moreを表示しない -- */        .single-article .entry h1.wp-show-posts-entry-title {/*カテゴリーと記事タイトルが文字数によって配列が乱れるため調整 -- */        width: 100%;}        /* ページャー中央寄せ */        .wpsp-load-more {text-align:center;}                /* リンクのデコレーション */        .wpsp-load-more a {        text-decoration:none;        }        .wpsp-load-more a:hover{        text-decoration:none;        }        .wpsp-load-more a:visited{        text-decoration:none;        }        .wpsp-load-more a.page-numbers {        padding:0px 15px;        color:#777777;        font-weight:normal;        }        .wpsp-load-more .page-numbers.current {        color:rgba(119,119,119,0.7);        }        /* 「次へ」を「NEXT」に */        .next.page-numbers {        font-size: 0;        }        .next.page-numbers::before {        content: "＞";        font-size: 15px;        }        /* 「前へ」を「PREV」に */        .prev.page-numbers {        font-size: 0;        }        .prev.page-numbers::before {        content: "＜";        font-size: 15px;        }/* PCコンテンツエリア上部と下部にウィジェットを入れる際の背景色の指定　202005 */        div.widget-container-inner{background-color:#fff6dd;}    /* ウィジェットのタイトルを非表示にして管理上は入力しておくための措置　202005 */        .widget-content div h3.widget-title{display:none;}    /* テキストウィジェットで画像を挿入すると上に余白が入るための措置　202005 */   .textwidget p>img{margin-top:0px;}.widget.widget_text{margin-bottom:0px;}    /* トップページ（pc）の記事一覧がずれるのを修正（Elloraさん）　202110 */          ul.recent_entries {            display: flex;            flex-wrap: wrap;        }        ul.recent_entries li {            float: none;        }/* ****** トップページ レイアウトの指定 *********************************************************************************************************** *//* コンテンツの上の余白を広げる */.header-menu-front-page ul#global_menu_ul ul a{font-weight:bold;}/* コンテンツの上の余白を広げる */.clearfix#main-content{padding-top: 40px;}/* topページの指定 */h1.archive-title{color: #22d8ff;    font-size: 22px;}.mb-theme h1.archive-title{color: #fed0b6;                    background-color: #7a6a56;                    font-size: 15px;                    font-weight: normal;    margin-bottom: 15px;}/* SHOW OLDER POSTSの指定-- */.mb-theme div.nav_to_paged{margin: 40px auto;}/* トップページのマガジン内カテゴリー装飾の指定 */div.loop-meta-mid.l-cat a{background-color: #daf8ff;border: solid 0.5px #dce1ff;border-radius: 8px;font-size: 10px;font-weight: normal;overflow-x: hidden;overflow-y: hidden;padding: 3px 10px;margin: 5px 0px 0px 0px;vertical-align: middle;color: #968577;}div.loop-meta-mid.l-cat a:hover{background-color: #f0fcff;}/* トップページのRECENT ARTICLEのタイトル幅が狭くなってしまったのを直す　2018.1.10のテーマアップデートより */.loop-article .loop-title{width: 100%;}            /* トップページのウィジェットの下に「More >>」リンクボタンをつくりたい  */        .wglink-btn {            display: block;            border: 1px solid #ffffff;            color: #3ca7bf;            font-size: 12px;            padding: 0px 5px 0px 0px;            margin-bottom:15px;            text-align: right;        }/* トップページのウィジェット挿入画像のwidthを100%にする  */        .wgimg100 {            width: 100%;        }/* トップページの新着一覧のタイトルを非表示　202005  */        #main.home h1.archive-title{display:none;}        #main.home .archive-header{border-bottom:1px none #ffffff;        margin-bottom:0px;}    /* 見出しの画像を全面に表示させるためモバイルトップページの両サイドのパディングを削除 202005new  */        .mb-theme .home div#container-bottom-mobile{padding:0px;}        .mb-theme .home div.widget.dp_recent_posts_widget{margin:0px 10px 30px 10px;}    /* モバイルトップページのコンテンツエリアのパディングを0にしたため、画像の両サイドにマージンを追加設定 202005 */        .mb-theme .home div img.imgpdrl10{padding-left:10px;                                            padding-right:10px;}        .mb-theme .home div img.imgpdrl5{padding-left:5px;                                            padding-right:5px;}    /* トップページのウィジェットで表示させる更新順記事のdiv下ののマージンを指定したい 202005 */        .home div.widget.dp_recent_posts_widget{margin-bottom:20px;}    /* トップページのタイトル画像のサイズ変更 202005new  */        #header .header_title.img img        {max-height:62px;        min-height:50px;        }        .mb-theme #header .header_title.img img        {max-height:50px;        min-height:40px;        margin:0px auto 20px;        }        .mb-theme #header{height:80px;}/* ****** 特定のページのレイアウト変更の指定 *********************************************************************************************************** */    /* --　固定ページ（全記事一覧）の設定　-- */#post-32601.single-article #single-header{/* --　非表示にしたタイトル分の余白をなくす　-- */    margin-bottom:0px;}       #post-32601.single-article .post-meta.under-title .first-r{/* --　非表示にしたタイトル分の余白をなくす　-- */    padding:0px;    line-height:0px;    font-size:0px;}#post-32601.single-article .entry h1.original-title01{/* --　オリジナルのタイトル　-- */    margin-top:20px;    border-style: dotted none;    border-width:2px;    border-color:rgba(127,88,85,0.4);/* --　#7f5855　-- */    color:rgba(105,79,65,0.6);/* --　#694f41　-- */    font-size:25px;    letter-spacing:0.75em;    text-align:center;}#post-32601.single-article .entry h1::after{border-bottom:0px none #ffffff;}/* ****** シングルページ レイアウトの指定 *********************************************************************************************************** */    /* --[シングルページ]-- *//* シングルページのタイトル -- */    h1.single-title {      position: relative;      padding: 1em 0;    }    h1.single-title::before,    h1.single-title::after {      position: absolute;      left: 0;      content: '';      width: 100%;      height: 6px;      box-sizing: border-box;    }    h1.single-title::before {      top: 0;      border-top: 2px solid #9bcdd6;      border-bottom: 1px solid #9bcdd6;    }    h1.single-title::after {      bottom: 0;      border-top: 1px solid #9bcdd6;      border-bottom: 2px solid #9bcdd6;    }.mb-theme #article-content h1.single-title{padding:1.5em 0;        margin-bottom: 15px;line-height: 38px;    font-size:24px;}/* シングルページの見出し -- */.single-article .entry div+h1{margin-top:70px;}    .single-article .entry h1 {      position: relative;      margin-bottom:50px;      padding: .5em .25em .5em .5em;      border-left: 15px solid #9bcdd6;      font-weight:500;    }    .single-article .entry h1::after {      position: absolute;      left: 0;      bottom: 0;      content: '';      width: 100%;      height: 0;      border-bottom: 1px solid #9bcdd6;    }    .single-article .entry h2 {      position: relative;      margin-bottom:50px;      padding: .5em .25em .5em .5em;      border-left: 10px solid #9bcdd6;      font-weight:500;    }    .single-article .entry h2::after {      position: absolute;      left: 0;      bottom: 0;      content: '';      width: 100%;      height: 0;      border-bottom: 1px solid #9bcdd6;    }    .single-article .entry h3 {      position: relative;      margin-bottom:50px;      padding: .5em .25em .5em .5em;      border-left: 7px solid #9bcdd6;      font-weight:300;    }    .single-article .entry h3::after {      position: absolute;      left: 0;      bottom: 0;      content: '';      width: 100%;      height: 0;      border-bottom: 1px solid #9bcdd6;    }    .single-article .entry h4 {      position: relative;      margin-bottom:50px;      padding: .5em .25em .5em .5em;      border-left: 5px solid #9bcdd6;      font-weight:300;    }    .single-article .entry h4::after {      position: absolute;      left: 0;      bottom: 0;      content: '';      width: 100%;      height: 0;      border-bottom: 1px solid #9bcdd6;    }/* シングルページの見出しのフォントを無効にして、HTMLで設定できるようにする -- */    .single-article .entry h2.non-h2design {      position: relative;      margin-bottom:0px;      padding: 0px;      border: none;    }    .single-article .entry h2.non-h2design::after {      position: absolute;      left: 0;      bottom: 0;      content: '';      width: 100%;      height: 0;      border: none;    }/* シングルページのタイトル上の日付横にあるカテゴリー */.single-article #single-header .post-meta.top div:before{content: none;}.single-article #single-header div.single-cat a{background-color: #d7a296;border: solid 0.5px #d7a296;border-radius: 1px;                                                font-size: 11px;                                                font-weight: 400;                                                overflow-x: hidden;                                                overflow-y: hidden;                                                padding: 3px 10px 2px 10px;                                                margin: 0px 0px 0px 5px;                                                vertical-align: middle;                                                color: #ffffff;                                                text-decoration: none;}.single-article #single-header div.single-cat a:hover{font-weight:bold;}/* シングルページの特定のページだけ変えたい -- */.entry h3.underline01{border-style:none none double none;/* チンチラの疾病の記事で、下ラインを入れる -- */        border-width:0 0 3px 0;        border-bottom-color: #99bfa3;    padding-left:5px;} /* シングルページのimg クラス設定の特定のもののみマージンをなくす(20190119) -- */  .single-article .entry img.imgbtm0{margin-bottom: 0px;}/* シングルページのP -- */    .single-article .entry p{line-height: 30px;    margin-bottom: 32px;}.mb-theme #article-content .entry p{margin-bottom: 30px;}/* シングルページのP DIGIPRESSのCAPBOXのときはマージンをつけない -- */    .single-article .entry p.ctitle{margin-bottom: 0px;}.mb-theme #article-content .entry p.ctitle{margin-bottom: 0px;}/* シングルページのP divの中のpはマージンを付けない -- */#article-content .entry div.mgbtm0 p{margin-bottom:0px !important;}    /* --英字の改行の行間をつめる-- */.single-article .entry p.photo-height-s{line-height: 1.0; }/* --写真下の説明分の行間をつめる-- */.single-article .entry p.photo-height{line-height: 1.4; }/* --表内の説明文の行間をややつめる-- */.single-article .entry p.photo-height-2{line-height: 1.8; }/* DIGIPRESSのリストマークを無効 */    .single-article .entry ul li:before {content:none;                                        width:0;                                        height:0;}/* シングルページの余白 */#article-content div.entry.entry-content{padding-left: 20px;            padding-right: 20px;}.mb-theme #article-content div.entry.entry-content{padding-left: 5px;            padding-right: 5px;}/* --[フレックスボックス　w680以下で縦並びになるようにする]-- */@media only screen and (min-width: 0) and (max-width:680px) {.dp_sc_fl_box[class*="al_con_"] {    flex-flow: column nowrap;    -ms-flex-flow: column nowrap;    -webkit-flex-flow: column nowrap;}}/* --[フレックスボックス　余白を調整する（photostoryのため]-- */div.dp_sc_fl_item{padding: 2px;}div.dp_sc_fl_box{margin-bottom:0px;}/* --フォトギャラリー（202006）の指定-- */.single-article .entry div.photodiary1{margin-left:10px;margin-right:10px;}.single-article .entry div.photodiary1 img{margin-top:70px;}    p.gallery-title{border-bottom:solid 1px #9bcdd6;    border-top:solid 1px #9bcdd6;    padding:10px;}@media only screen and (max-width: 620px) and (min-width: 0){/* --[フレックスボックス　横並び逆バージョンにしても、モバイルで元に戻るための対策-- */.dp_sc_fl_box[class*="dir_"]{    flex-direction: column-reverse;}}/* --シングルページの下に配置するSNSボタンの調整-- */footer div.post_meta_sns_btn ul{text-align:center;}/* --シングルページ下のSNSアイコンをセンター揃え-- */header div.post_meta_sns_btn ul{text-align:left;}/* --シングルページ タイトル下のSNSアイコンをセンター揃え-- */.mb-theme header div.post_meta_sns_btn ul{text-align:center;}/* --シングルページ　タイトル下のSNSアイコンをセンター揃え-- */div.fb_iframe_widget_fluid{margin-bottom:0px !important;}/* --facebookのマージンが原因で、携帯で見ると改行にスペースが大きく入るのを防ぐ-- */ul.sns_btn_div li{margin-bottom:3px;}/* --facebookのmargin-bottomを0にしたことで近くなりすぎたため調整-- *//* --シングルページの下の you might like のカテゴリー透明度の設定 -- */    .dp_related_posts .loop-cat a.cat-color131{background-color: rgba(141,114,124,0.5);}    .dp_related_posts .loop-cat a.cat-color119{background-color: rgba(197,222,143,0.5);}    .dp_related_posts .loop-cat a.cat-color86{background-color: rgba(173,146,99,0.5);}    .dp_related_posts .loop-cat a.cat-color75{background-color: rgba(172,221,216,0.5);}    .dp_related_posts .loop-cat a.cat-color136{background-color: rgba(255,152,76,0.5);}    .dp_related_posts .loop-cat a.cat-color137{background-color: rgba(0,186,233,0.5);}    .dp_related_posts .loop-cat a.cat-color87{background-color: rgba(153,201,70,0.5);}    .dp_related_posts .loop-cat a.cat-color20{background-color: rgba(254,147,110,0.5);}    .dp_related_posts .loop-cat a.cat-color126{background-color: rgba(212,180,151,0.5);}    .dp_related_posts .loop-cat a.cat-color161{background-color: rgba(254,204,169,0.5);}    .dp_related_posts .loop-cat a.cat-color150{background-color: rgba(204,224,191,0.5);}    .dp_related_posts .loop-cat a.cat-color155{background-color: rgba(205,215,206,0.5);}    .dp_related_posts .loop-cat a.cat-color154{background-color: rgba(208,214,164,0.5);}    .dp_related_posts .loop-cat a.cat-color151{background-color: rgba(254,221,163,0.5);}    .dp_related_posts .loop-cat a.cat-color152{background-color: rgba(237,211,208,0.5);}    .dp_related_posts .loop-cat a.cat-color153{background-color: rgba(225,214,183,0.5);}.dp_related_posts .loop-cat a.cat-color101{background-color: rgba(239,157,157,0.5);}/* --シングルページの下の you might like (モバイル） の設定 -- */.mb-theme #article-content aside.dp_related_posts{padding-bottom:30px;border-bottom:dotted 4px #fed0b6;}.mb-theme #article-content aside.dp_related_posts h3{padding:7px 15px;                            margin-bottom:30px;    color: #fed0b6;        font-size:18px;    font-family: 'Arimo';    background-color:rgba(122,106,86,0.7);border-top:double 3px rgba(254,208,182,1);border-bottom:double 3px rgba(254,208,182,1);}.mb-theme #article-content .dp_related_posts ul{padding-left:5px;}/* --202006 左に余白を設定 -- */.mb-theme #article-content .dp_related_posts .excerpt_div{width: calc(100% - 145px);}/* --202006 タイトルの文字幅が狭いため調整（-159を-145pxに） -- *//* --シングルページの下の ページナビ(モバイル） の設定 -- */.mb-theme #article-content div#single-nav {padding-bottom:10px;border-bottom:dotted 4px #fed0b6;}.mb-theme #article-content div#single-nav ul.nav-ul{background-color:#f9f9f4;}/* --シングルページの下の COMMENT の設定 -- */#article-content #comment_section h3#comments{margin-top:30px;/* --見出し -- */padding:7px 15px;    color: #fed0b6;        font-size:18px;    font-family: 'Arimo';    background-color:rgba(122,106,86,0.5);border-top:double 3px rgba(254,208,182,1);border-bottom:double 3px rgba(254,208,182,1);}#article-content div#com_trb_div div{background-color:rgba(245,255,244,0.5);/* --コメント文の背景色 -- */padding:5px;}#article-content div#com_trb_div div.comment-author{background-color:#e1f1e3;}/* --コメントを入れる人 -- */#article-content div#com_trb_div div.comment-avatar{border-right-color:#e1f1e3;/* --アバターの枠線の調整 -- */padding:0px;}#article-content div#com_trb_div div.comment-meta{background-color:#e1f1e3;/* --コメント日時 -- */padding:0px;margin:5px;}/* --シングルページの下の COMMENTを送信 の設定 -- */#article-content div#respond{margin:50px 5px;/* --全体の囲い -- */border:solid 1px rgba(155,205,214,0.3);padding:15px 10px;background-color:rgba(247,243,241,0.5);}#article-content div#respond h3#reply-title{margin-top:5px;/* --見出し -- */padding:15px 15px;    color: #9bcdd6;        font-size:18px;    font-family: 'Arimo';border-top:double 3px #9bcdd6;border-bottom:double 3px #9bcdd6;}/* --パンくずリスト の設定 -- */.mb-theme #main nav#dp_breadcrumb_nav{background-color:rgba(202,216,216,0.2);}/* ****** カテゴリーページ レイアウトの指定 *********************************************************************************************************** *//* --[カテゴリーページ]-- */.archive-desc{display: none;}/* ****** サイドバー レイアウトの指定 *********************************************************************************************************** *//* --[サイドバー]-- *//* サイドバー タブ タイトルを表示しない　202005 */    #sidebar div h3.sidebar-title{display:none;}/* サイドバーにテキストウィジェットを使って画像を挿入すると上にスペースが空いてしまう対応　202005 */    #sidebar div.widget.widget_text h3.sidebar-title{                                                    padding:0px;                                                    border-width:0px;                                                    margin-bottom:0px;}/* サイドバー サーチの指定　枠内の背景色を変える　202005 */    #sidebar .dp_search_form div.words-area{background-color:rgba(194,224,196,0.3);}/* サイドバー サーチの両サイドのマージンの指定　202005 */    #sidebar div.dp_search_form{margin:0px 5px 30px 5px;}/* サイドバー アーカイブのボックス背景色とテキスト色の指定　202005 */    #sidebar .widget_archive select{background-color:rgba(194,224,196,0.2);                                    color:rgb(119,119,119);}    #sidebar .widget_archive select:hover{background-color:rgba(247,248,248,0.3);}/* ****** フッター レイアウトの指定 *********************************************************************************************************** *//* モバイルフッターのアーカイブの調整　202005 */    #footer div.widget.widget_archive select{border:1px solid #ffffff;    color:rgba(119,119,119,0.7);    padding:15px 10px;    height:50px;}/* モバイルフッターウィジェットのタイトルを非表示　202005 */#footer div.widget h3{display:none;}/* ****** モバイルのウィジェットの指定 *************************************************************************************************** *//* ウィジェットカテゴリーのデザイン変更 202005 */.mb-theme div.widget.widget_categories{margin-top:30px;}.mb-theme div.widget.widget_categories h3{display:none;}.mb-theme div.widget.widget_categories ul{margin-left:10px;                            margin-right:10px;                            border-color:rgba(127,88,85,0.48);}.mb-theme div.widget.widget_categories ul .cat-item-169 a {    border-top: 1px solid rgba(127,88,85,.48);}.mb-theme div.widget.widget_categories ul a{border-bottom-style:solid;                                border-bottom-width:1px;                                border-color:rgba(127,88,85,0.48);                                color:#694f41;}.mb-theme div.widget.widget_categories ul li ul.children{padding-left:10px;                                            margin-right:0px;}.mb-theme div.widget.widget_categories ul li ul.children li:last-child a {    border: none;}.mb-theme div.widget.widget_categories ul li ul.children li a{border-style:dotted;                                                    border-color:rgba(127,88,85,0.48);}/* ウィジェットカテゴリー（フッターの場合）のデザイン変更 202005 */.mb-theme #footer div.widget.widget_categories ul{border-color:rgba(254,208,182,0.4);}/* ＃fed0b6 */.mb-theme #footer div.widget.widget_categories ul a{border-color:rgba(254,208,182,0.4);}.mb-theme #footer div.widget.widget_categories ul li ul.children li a{border-color:rgba(254,208,182,0.4);}/* ウィジェットカテゴリー（フッターの場合）のカテゴリー数の表示欄の調整 */#footer .cat-item .count{background-color:rgba(231,243,231,0.8);/* ＃e7f3e7 */color:#777777;}/* 「チンチラの飼育について」のサブカテゴリ―をテキストウィジェットで挿入する際に上に余白があいてしまうので調整 */.mb-theme div#text-29{margin-top:-15px;}/* ****** フォント設定 **************************************************************************************** *//* テキストフォントの指定 */.f-normal{font-weight: normal;}/* 商品レビュー用の指定 */.rv-star{color: #fdbd03;    font-size: 13px;}.rv-star-s{color: #fdbd03;    font-size: 10px;}.rvtitle{color: #c5a48b;        font-weight: bold;}.rvcrown{color:#ffd700;}/* icon-crown 金・銀・銅の指定 */.crown1{color: #fff100;} /* ビビッドな黄色 */.crown2{color: #d4c9b0;} /* ねずみ色 */.crown3{color: #d99e64;} /* 黄土色 *//* 絵文字代用アイコンカラーの指定 */.tk-icon{color: #cdeaf0;}.tk-icon-ff{color: #ffffff;}.y-icon{color: #fff100;}.vp-icon{color: #e4007f;}.lp-icon{color: #ef8585;}.lp2-icon{color: #e8a28f;}.rv-icon{color: #75c2d1;}.lb-icon{color: #22d8ff;}.lb2-icon{color: #9bcdd6;}.lb3-icon{color: #06bbdd;}.lb4-icon{color: #6da9b4;}/* -- monthly recordの写真説明用-- */.lbr-icon{color: #a48b78;}.lgr-icon{color: #f2f1eb;}/* -- monthly recordの下のナビゲーションでリンクを貼らないもの用アイコン -- */.lgr2-icon{color: #d3d3d0;}/* -- monthly recordの下のナビゲーションでリンクを貼らないもの用説明文字 -- */.grass-1{color: #87ca83;}/* -- monthly record 牧草の献立説明の草種の見出し用 -- */.ranking-1{color: #ec9800;}.ranking-2{color: #cacaca;}.ranking-3{color: #aa7517;}.key{color: #FF9872;    font-weight: bold;}.red-1{color: #d84a4a;}/* 愛用品リストのテーブルの題目用 */  .fvlist1{color: #bdb39f;  font-weight:bold;  font-size:12px;}/* 罫線文字用の薄いカラー */.k-line{color: #dbd1c9;}/* 文字を丸く塗りつぶし */.item-1{background-color: #fefbc2; /* 月ごとの飼育記録　薄い黄色に水色フォント */        padding: 5px 10px 5px 9px;        border-radius: 16px;        border: solid 1px #fee28f;}.item-grass{background-color: #d5f1c2; /* 月ごとの飼育記録　薄い黄緑色に水色フォント */        padding: 2px 6px 2px 6px;        border-radius: 8px;        border: solid 1px #87ca83;    color: #87ca83;    font-weight: bold;}/* 画像を丸くする指定 */.maru{border-radius: 100%;}/*文中の文字を囲む*/.kakomu{padding:2px 8px; /* 枠と文字の空間 */margin:0 5px; /* 枠の外の空間 */background-color::#f9f9f9; /* 枠の背景色 */border:1px solid #777; /* 枠の線の太さ・種類・色 */border-radius:2px; /* 枠の角を丸くする */box-shadow: 1px 2px 2px #ddd; /*影をいれる*/font-family:inherit; /* フォントの種類を継承する */font-size:0.85em;/* フォントの大きさ */}/* 飼育日記（2020.04 準備）の日付デザイン指定  */    p.diary-date{border-left:solid 15px #9bcdd6;        border-bottom:solid 1px #9bcdd6;                font-size:28px;                padding:14px 7px 14px 14px;}/* カテゴリー見出しの説明文  */    .title-color1{color:rgba(105,79,65,0.6);}    .title-color2{color:rgba(105,79,65,0.8);}/* 蛍光マーカー風のアンダーライン  */    .underline-y1{background:linear-gradient(transparent 60%, #faf47d 60%);}/* 太め＆色薄め  */    .underline-p1{background:linear-gradient(transparent 60%, #ffcfcc 60%);}.underline-b1{background:linear-gradient(transparent 60%, #b5f2ff 60%);}    .underline-p2{background:linear-gradient(transparent 80%, #fbb0d0 20%);}/* 細め＆色濃いめ  *//* ******ボックス枠**************************************************************************************** *//* ブロック要素をセンター揃え */.bcenter{margin:0px auto;}/* テーブル要素を右揃え */.single-article .entry table.mg0right{margin-right:0px;    margin-left: auto;}/* 点線を使ったボックスの作成 */.single-article .entry div.dotbox-r{border:dotted 1px #9bcdd6;/* dotbox-lと同じ */        margin:20px auto;        padding:20px;    background-color: #f7fbfc;}.single-article .entry div.dotbox-san{border:dotted 1px #9bcdd6;/* 右に寄せる 参考文献の紹介など */        margin-top: 20px;        margin-bottom:20px;        margin-right:0px;        margin-left:auto;        padding:20px;    background-color: #ffffff;}#article-content .entry div.dotbox-san p{margin-bottom: 0px;}.single-article .entry div.grassranking-box{border:dotted 1px #87ca83;/* 月ごとの飼育観察記録　牧草の献立のランキング */        margin: 20px;        padding: 20px;    background-color: #ebf6fd;}/* 点線を使ったボックスの作成 スクリーンショット付きのリンク用 */.single-article .entry div.ssbox-l{border:dotted 1px #e0cdb5;/* 左に寄せる */        margin: 20px 10px 20px 0px;        padding:20px;    background-color: #fefef9 ;}.single-article .entry div.ssbox-bgnone{border:dotted 1px #9bcdd6;/* 左に寄せる */        margin: 20px 10px 20px 0px;        padding:20px;}/* HTML装飾 ボックス */        .box-double-center {/* ダブルボーダーのシンプルなボックス Naifixより  */            border: 4px double #dcf9ff ;            margin: 2em auto !important ;            padding: 2em !important ;            background-color:#fffafa  !important ;        }        .box-double-no-center {/* ダブルボーダーのシンプルなボックス Naifixより 重要ポイント弱で使用  */            border: 4px double #dcf9ff ;            margin: 2em auto !important ;            padding: 2em !important ;            background-color:#ffffff  !important ;        }        .linkbox-center{border:solid 1px #dcf9ff;            margin: 2em auto !important ;            padding: 2em 2em 0em 2em !important ;            background-color:#ffffff !important ;}div.linkbox-center .dp_sc_fl_box{margin-bottom: 0px !important ;}/* 下のマージンを消したい */        .pointbox-y1 {/* 要点を塗りつぶしボックスで表現するイエロー版 */            background-color: #fcf8b1;            border: 2px solid #fff;            box-shadow: 0 0 0 2px #fcf8b1;            color: #ee5e1f;            margin: 2em 0;            padding: 2em;        }/* オリジナル参考文献紹介 */.entry div.bunken{border-style: dotted;border-color: #fed0b6;border-width: thin;padding:10px 20px;margin:20px auto;}/* div クラス(左側のマージンを広げたい */div.leftup{margin-left: 50px;padding-bottom: 8px;}.mb-theme div.leftup{margin-left: 3px;padding-bottom: 8px;}/* ラベル風の塗りつぶし */.label-coldm1{ background-color: #fef8c6;        border-style: solid;                    border-width: 1px 1px 1px 20px;        border-color : #f19391;       padding: 10px 40px 10px 20px;    color: #f4a9a7;    font-weight: bold;}.lb-coldm1{ color : #f19391;}.label-crean1{ background-color: #fef8c6;        border-style: solid;                    border-width: 1px 1px 1px 20px;        border-color : #7acd88;       padding: 10px 40px 10px 20px;    color: #7dae85;    font-weight: bold;}.lb-crean1{ color : #7acd88;}.label-non1{ background-color: #fffbc0;/* 軟便を引き起こす疾病説明用（非感染性腸疾患） */        border-style: solid;                    border-width: 1px 1px 1px 20px;        border-color : #99bfa3;       padding: 10px 40px 10px 20px;    color: #7dae85;    font-weight: bold;}.label-in1{ background-color: #e1fbe8;/* 軟便を引き起こす疾病説明用（感染症） */        border-style: solid;                    border-width: 1px 1px 1px 20px;        border-color : #99bfa3;       padding: 10px 40px 10px 20px;    color: #7dae85;    font-weight: bold;}/* 自分でcapboxをつくりたい */.capbox-pink{background-color:#fed0b6;    text-shadow: 2px 2px 1px rgba(0,0,0,.3);            color:#ffffff;            font-weight:bold;            margin:0;            padding: 1em;}div.capbox-pinkbox{border: 3px solid #fed0b6;    background-color:#fffcfc;            margin:0 0 30px 0;            padding: 1em;}.capbox-blue{background-color:#c5e2e7;            color:#ffffff;        text-shadow: 2px 2px 1px rgba(0,0,0,.3);            font-weight:bold;            margin:0;            padding: 1em;}div.capbox-bluebox{border: 3px solid #c5e2e7;    background-color:#fcfffd;            margin:0 0 30px 0;            padding: 1em;}/* エローラさんのサイトよりコピー：関連記事を囲む枠 */        .kanren-box {            border: 2px dotted #9bcdd6;            border-radius: 4px;            margin: 4em 0;            padding: 2em 2em 1em 2em;            position: relative;        }        .kanren-box::before {            background-color: #fff;            color: #9bcdd6;            content: "関連記事";            font-weight: bold;            left: 1em;            padding: 0 .5em;            position: absolute;            top: -1em;}/* エローラさんのサイトよりコピー：関連記事を囲む枠 */        .kanrenrecord-box {            border: 2px dotted #9bcdd6;            border-radius: 4px;            margin: 4em 0;            padding: 2em 2em 1em 2em;            position: relative;        }        .kanrenrecord-box::before {            background-color: #fff;            color: #9bcdd6;            content: "関連記録";            font-weight: bold;            left: 1em;            padding: 0 .5em;            position: absolute;            top: -1em;}/* エローラさんのサイトよりコピー：関連日記用に追加 */        .kanrendiary-box {            border: 2px dotted #9bcdd6;            border-radius: 4px;            margin: 4em 0;            padding: 2em 2em 1em 2em;            position: relative;        }        .kanrendiary-box::before {            background-color: #fff;            color: #9bcdd6;            content: "関連日記";            font-weight: bold;            left: 1em;            padding: 0 .5em;            position: absolute;            top: -1em;}.kanrendiary-box div.dp_sc_promobox .promo_title.t_float{padding:0 0 2px 0;} /* タイトル日付の下のpaddingを減らしたい *//* エローラさんより伝授　スクリーン幅681以上で非表示 */@media screen and (min-width:681px){    .mxw680{display:none;}}/* エローラさんより伝授　tableを左一列固定で横スクロール */        .tbl-5hle th:nth-of-type(1) {            position: sticky;            left: 0;            background: #fafafa;        }        .tbl-5hle th:nth-of-type(1)::before {            content: "";            position: absolute;            top: -1px;            left: -1px;            width: 100%;            height: 100%;            border-left: 1px solid #d6d6d6;        }/* エローラさんより伝授いただいたtableのトップ見出しのフォントと行間を変えたい　2022.01.11 */        .table-midasi tr:nth-child(1) th{        color:#808080;            font-weight:bold;            font-size:12px;            line-height:1.5;            padding:12px 10px;}/* ******商品のアフィリエイト用デザイン装飾**************************************************************************************** *//* アフェリエイト買い物用ボタン */.single-article .entry .rakutenb{display: inline-block;        width: 90px;    padding:1px 0px 1px 0px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;        background: linear-gradient(                                    0deg,                                   #bf0000 0%,                                    #d96666 100%    );    }.single-article .entry .amazonb{display: inline-block;        width: 90px;    padding:1px 0px 1px 0px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;        background: linear-gradient(                                    0deg,                                   #232f3e 0%,                                    #5b7ba3 100%    );    }.single-article .entry .shopb{display: inline-block;        min-width: 150px;    padding:2px 10px 2px 10px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;    background: linear-gradient(                                    0deg,                                   #8f623b 0%,                                    #bba299 100%    );    }/* TABLE用アフェリエイト買い物用ボタン (上記のボタンをblocｋにするとレイアウトが崩れるため） */.single-article .entry .rakutenb2{display: block;        width: 90px;    padding:1px 0px 1px 0px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;        background-color:#bf0000;    }.single-article .entry .rakutenb2:hover{background-color:#cc3333;    }    .single-article .entry .rakutenb3{display: block;/* 楽天のみの場合はこちら */        min-width: 150px;    padding:1px 0px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;    background-color:#bf0000;    }.single-article .entry .rakutenb3:hover{background-color:#cc3333;    }.single-article .entry .amazonb2{display: block;        width: 90px;    padding:1px 0px 1px 0px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;        background-color:#232f3e;    }.single-article .entry .amazonb2:hover{background-color:#4f5965;}.single-article .entry .amazonb3{display: block;/* アマゾンのみの場合はこちら */        min-width: 150px;    padding:1px 0px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;    background-color:#232f3e;    }.single-article .entry .amazonb3:hover{background-color:#4f5965;}.single-article .entry .shopb2{display: block;/* ショップのみの場合はこちら */        min-width: 150px;    padding:2px 10px 2px 10px;    margin:10px 10px 0px 0px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;    background-color:#a68a73;    }.single-article .entry .shopb2:hover{background-color:#d9c4b1;}    .single-article .entry .shopb3{display: block;/* ショップと楽天orアマゾンを横並びにするときはこちら */                                    width: 90px;                                    padding:1px 0px 1px 0px;                                    margin:10px 10px 0px 0px;                                    border-radius:10px;                                    color:#ffffff;                                    text-align:center;                                    text-decoration:none;                                    background-color:#a68a73;                                    }    .single-article .entry .shopb3:hover{background-color:#d9c4b1;}    /* 比較表の中に入れるアフィリエイトボタン（2021） */.single-article .entry .rakutenb4{display: block;    padding:1px 0px;        margin:5px 15px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;        background-color:#bf0000;    }.single-article .entry .rakutenb4:hover{background-color:#cc3333;    }    .single-article .entry .amazonb4{display: block;    padding:1px 0px;        margin:5px 15px;    border-radius:10px;    color:#ffffff;        text-align:center;                                    text-decoration:none;        background-color:#232f3e;    }.single-article .entry .amazonb4:hover{background-color:#4f5965;}    .single-article .entry .shopb4{display: block;                                    padding:1px 0px;        margin:5px 15px;                                    border-radius:10px;                                    color:#ffffff;                                    text-align:center;                                    text-decoration:none;                                    background-color:#a68a73;                                    }    .single-article .entry .shopb4:hover{background-color:#d9c4b1;}    /* --[photodiary内にショップボタンのみをのせる場合 */.single-article .entry div.photodiary1 .shopbtn{margin:15px 0px 0px 0px;                                            padding:3px 33px 3px 30px;                                            border-radius:10px;                                            color:#ffffff;                                            text-decoration:none;                                            background-color:#a68a73;                                            }.single-article .entry div.photodiary1 .shopbtn:hover{background-color:#d9c4b1;}                                                                                        /* 楽天のアイコンぽく作成 */.single-article .entry .rakuteni{width:25px;            border: solid 2px #d84a4a;        background-color:#d84a4a;        color:#ffffff;            margin:0px 10px;        padding:2px 3px 1px 3px;        font-size:11px;            font-weight:bold;        border-radius:12px;}    .single-article .entry a:hover .rakuteni{background-color:#bf2e2e;            border: solid 2px #bf2e2e;    text-decoration: none;}/* 楽天のアイコンぽく作成 (photo-diary用） */.single-article .entry .rakuteni2{            border: solid 1px #d84a4a;        background-color:#d84a4a;        color:#ffffff;            margin:0px 1px 2px 1px;        padding:2px 4px;        font-size:9px;            font-weight:bold;        border-radius:12px;}    .single-article .entry a:hover .rakuteni2{background-color:#bf2e2e;            border: solid 1px #bf2e2e;    text-decoration: none;}/* amazonのアイコンぽく作成 */.single-article .entry .amazoni{            border: solid 2px #678aab;        background-color:#678aab;        color:#ffffff;            margin:0px 10px;        padding:2px 1px;        font-size:10px;            font-weight:bold;        border-radius:12px;}    .single-article .entry a:hover .amazoni{background-color:#304968;            border: solid 2px #304968;    text-decoration: none;}/* amazonのアイコンぽく作成 (photo-diary用） */.single-article .entry .amazoni2{            border: solid 1px #678aab;        background-color:#678aab;        color:#ffffff;            margin:0px 1px 2px 1px;        padding:2px 2px;        font-size:9px;            font-weight:bold;        border-radius:12px;}    .single-article .entry a:hover .amazoni2{background-color:#304968;            border: solid 1px #304968;    text-decoration: none;}/* shopのアイコンぽく作成 */.single-article .entry .shopi{            border: solid 2px #d9c4b1;        background-color:#d9c4b1;        color:#ffffff;            margin:0px 2px;        padding:2px 6px;        font-size:10px;            font-weight:bold;        border-radius:12px;}.single-article .entry a:hover .shopi{background-color:#a39383;            border: solid 2px #a39383;    text-decoration: none;}/* shopのアイコンぽく作成 (photo-diary用） */.single-article .entry .shopi2{            border: solid 1px #d9c4b1;        background-color:#d9c4b1;        color:#ffffff;                margin:0px 1px 2px 1px;        padding:2px 4px;        font-size:9px;            font-weight:bold;        border-radius:12px;}        .single-article .entry a:hover .shopi2{background-color:#a39383;            border: solid 1px #a39383;    text-decoration: none;}/* shopのアイコンぽく作成　「ｓ」だけの小さい版 */        .single-article .entry .shopi3{                border: solid 2px #d9c4b1;                background-color:#d9c4b1;                color:#ffffff;                margin:0px 10px;                padding:2px 3px 1px 3px;                font-size:11px;                font-weight:bold;                border-radius:12px;}        .single-article .entry a:hover .shopi3{background-color:#a39383;                                            border: solid 2px #a39383;                                            text-decoration: none;}/* 牧草リストのリンクボタン */.single-article .entry .rakutenlink1{            display: block;            border: 2px solid #d67979;            background-color: #d67979;            color: #fff;            padding: .5em;            margin : 10px;            border-radius: 20px;            text-align: center;            text-decoration:none;        }        .single-article .entry .rakutenlink1:hover {            background-color: #d63a3a;            border: 2px solid #d63a3a;            color: #fff;        }.single-article .entry .amazonlink1{            display: block;            border: 2px solid #8d99a7;            background-color: #8d99a7;            color: #fff;            padding: .5em;            margin: 10px;            border-radius: 20px;            text-align: center;            text-decoration:none;        }        .single-article .entry .amazonlink1:hover {            background-color: #4472a7;            border: 2px solid #4472a7;            color: #fff;        }.single-article .entry .shoplink1{            display: block;            border: 2px solid #d9c4b1;            background-color: #d9c4b1;            color: #fff;            padding: .5em;            margin: 10px;            border-radius: 20px;            text-align: center;            text-decoration:none;        }        .single-article .entry .shoplink1:hover {            border: 2px solid #a68a73;            background-color: #a68a73;            color: #fff;        }/* 牧草リストのリンクボタンを横並びにする */.single-article .entry .linkbutton-wrap {            display: flex;            justify-content: space-between;        }        .single-article .entry .linkbutton-wrap a {            width: 48%;        } /* ****** ＴＯＣ見出し **************************************************************************************** *//*--------------------------------------  TOC+--------------------------------------*/    #toc_container {    width: 100% !important;    background: #fff;    border: 3px dotted #dcf9ff; /* 外枠 */    padding: 1em 2em;    font-size: 95%;    box-sizing: border-box;    line-height: 1.4;    margin: 36px 0;    display: block !important;    }    #toc_container .toc_title {    text-align: center;    }    #toc_container ul a {    display: block;    text-decoration: none;    color: #8ac2cd; /* 大見出しの色 */    border-bottom: 2px dotted #dcf9ff; /* 中見出しの下線 */    }    #toc_container ul ul a {    color: #aaa; /* 中見出しの色 */    font-weight: normal;    }    #toc_container ul {    list-style: none;    max-width: 100%;    margin: 0;    }    #toc_container ul ul {    padding: 1em 0 0.2em 1em;    }    #toc_container li {    margin-bottom: 0.8em;    padding-bottom: 0.2em;    background: none;    padding-left: 0;    }#toc_container li li {margin-bottom: 0;}    #toc_container .toc_list > li > a {    border-bottom: 2px solid #dcf9ff; /* 大見出しの下線 */    font-size: 110%;    }/* TOC 見出し　私の残し */    .single-article .entry #toc_container p.toc_title{  font-weight:normal;                                                        color: #9bcdd6;                                                        font-size: 108% ;                                                        letter-spacing: 1em;}     .single-article .entry #toc_container ul li a:hover{color: #40a6de;}    .single-article .entry #toc_container ul ul li a:hover{color:#B0a1a3;}/* ****** コンタクトフォーム **************************************************************************************** *//* --[コンタクトフォーム]-- */.wpcf7 dl{margin: 30px 0px 30px 30px;}.wpcf7 .wp-cf7-title{font-size: 14px; margin-top: 10px;float:left;}.wpcf7 dt.wp-cf7-title{background-color:#ffffff;border-bottom-color:#ffffff;border-right-color:#ffffff;}.wpcf7 .wp-cf7-text-design{background-color: #fafdff; color: #b2b1ad;border-radius: 0;}.wpcf7 .wp-cf7-button{padding-top: 30px;text-align: center;}.wpcf7 span.wp-cf7-icon{background-color: #ffdcb8; color: #ffffff; border-radius: 3px; font-size: 12px; margin-left: 12px; padding: 2px 4px;}