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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
img {
    border-radius: 5px;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.smlet {
    font-size: 12px;
    font-weight: normal;
}

/*-------------------- ヘッダーメニュー・トップ --------------------*/
/*-- 管理画面「Max Mega Menu」plugin設定画面で設定できない部分を記載 --*/
/*
#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item {
    background-image: url("img/h16-ccc-border.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    opacity: 1;
}
*/

/*
#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item > a:first-child {
    background-image: none !important;
}
*/

/*
#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item > a:hover {
    background-image: url("img/gnav-bottom-hover-6.png") !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    opacity: 1;
}
*/

#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 100%;
    max-width: 1236px;
    text-align: center !important;
}

#carousel,
#carousel-in {
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07) 1px, transparent 1px, transparent 4px);
    background-size: 6px 6px;
}

/*-------------------- パンくずリスト --------------------*/
.breadcrumb {
    margin-top: 0;
}

/*-------------------- 投稿・固定ページ --------------------*/
.eye-catch {
    position: relative;
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07) 1px, transparent 1px, transparent 4px);
    background-size: 6px 6px;
    background-color: #fff;
    text-align: center;
    /*カテゴリページにも適用*/
}

.eye-catch:after {
    /*基本的に画像に疑似要素は付けられないので包括するボックスに加える。*/
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.56;
    /*下に配置する画像が見えるよう、疑似要素は透過しておく*/
}

.eye-catch:after {
    /*グラデーションを作成して画像の上に配置*/
    background: linear-gradient(to bottom, transparent 60%, #000);
    background-size: cover;
    border-radius: 5px;
}

.eye-catch .entry-categories-tags {
    /*アイキャッチ左上にカテゴリー表示*/
    position: absolute;
    /*     top: 5px; */
    left: 20px;
    bottom: -10px;
    z-index: 30;
}

.eye-catch .entry-categories-tags .entry-categories .cat-link {
    border: 1px solid #fff;
}

.entry-title {
    font-size: 32px;
    color: #fff;
    text-shadow: 0 0 5px #000;
}

.single .date-tags,
.page .date-tags {
    color: #fff;
    text-shadow: 0 0 3px #000;
}

/*-- 投稿タイトル --*/
.article-header.entry-header {
    position: relative;
}

.h1_wrapper.on_eyecatch {
    position: absolute;
    width: 100%;
    bottom: 70px;
    left: 0;
    padding: 0 20px;
}

.h1_wrapper.off_eyecatch {
    margin: -12px 0 15px;
    padding: 40px 15px 10px;
    background-image:
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07) 1px, transparent 1px, transparent 4px);
    background-size: 6px 6px;
    background-color: #aaa;
}

/*-- 目次 --*/
.toc {
    position: relative;
    border-left: 2px solid #02386b;
    border-right: 2px solid #51b5d6;
    border-top: none;
    border-bottom: none;
}

.toc:before,
.toc:after {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: -webkit-gradient(linear, left top, right bottom, from(#02386b), to(#51b5d6));
    background: -moz-linear-gradient(left, #02386b, #51b5d6);
    background: linear-gradient(left, #02386b, #51b5d6);
}

.toc:before {
    top: 0;
}

.toc:after {
    bottom: 0;
}

.toc-title {
    margin-top: 0.2em;
}

.article .toc-content ol {
    padding: 0;
    padding-left: 10px;
    background: none;
}

/*-- ヘッドライン --*/
.article h2 {
    padding: 30px 25px 23px 12px;
    border-bottom: 6px solid #aaa;
    background-size: 6px 6px;
}

.article h3 {
    padding: 18px 20px;
    border-top: 1px solid #666;
    border-right: none;
    border-bottom: 1px solid #666;
    border-left: none;
}

.article h4 {
    padding: 17px 20px;
    border: none;
    background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07) 1px, transparent 1px, transparent 4px);
    background-size: 2px 2px;
}

.article h5 {
    border-left: 13px solid #aaaaaa;
    border-bottom: none;
}

/*-- リスト --*/

ol,
ul {
    list-style: none;
}

.article_ul,
.article_ol {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    background: #fff;
}

.article_ul li,
.article_ol li {
    font-weight: bold;
}

.article_ul li {
    list-style-type: none;
    position: relative;
}

.article_ul li:before {
    position: absolute;
    display: block;
    top: 0;
    left: -20px;
    font-family: FontAwesome;
    content: "\f00c";
    color: #e82701;
}

.circle_ul {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    background: #fff;
}

.circle_ul li {
    list-style-type: none;
    position: relative;
    font-weight: normal;
}

.circle_ul li:before {
    position: absolute;
    display: block;
    top: 0;
    left: -20px;
    font-family: "Font Awesome\ 5 Free";
    content: "\f111";
    color: #e82701;
}

.article_ol {
    counter-reset: number;
}

.article_ol li {
    margin-bottom: 20px;
    padding-left: 5px;
    position: relative;
    font-weight: normal;
}

.article_ol li::before {
    counter-increment: number;
    content: counter(number);
    color: #fff;
    position: absolute;
    top: 3px;
    left: -20px;
    width: 19px;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    background: #333;
    line-height: 1.8;
}

/*-- コンテンツ内ボタン --*/

/** ボタンデザイン **/
#main .btn {
/*    margin: .5em .5em .5em 0;*/
    padding: 1.3em 4em;
    text-decoration: none;
/*    border-color: #fff;*/
    border-radius: 6px;
	-webkit-box-shadow: 0px 6px 0px #888;
    -moz-box-shadow: 0px 6px 0px #888;
    box-shadow: 0px 6px 0px #888;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#main a.btn:hover {
    text-decoration: none;
	opacity: 1;
	-webkit-box-shadow: 0px 2px 0px #888;
    -moz-box-shadow: 0px 2px 0px #888;
    box-shadow: 0px 2px 0px #888;
    -webkit-transform: translate(0, 3px);
    -moz-transform: translate(0, 3px);
    transform: translate(0, 3px);
}

.blue_bc {
    background-image: linear-gradient(to right, #48c6ef 0%, #6f86d6 100%)
}

.blue_b:hover {
    background-position: right center;
}

.orange_bc {
    background-image: linear-gradient(to right, #c471f5 0%, #fa71cd 100%);
}

.orange_bc:hover {
    background-position: right center;
}

/* ボタン横並び */
.left {
    float: left;
}

.clear {
    clear: both;
}

.square_btn_wrap {
    margin: 20px 0;
    text-align: center;
}

.square_btn_orange,
.square_btn_blue,
.square_btn_green,
.square_btn_black {
    width: 80%;
}

.square_btn_orange {
    display: inline-block;
    padding: 0.7em 1.2em;
    font-size: 18px;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #ff7c5c;
    color: #ff7c5c;
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.square_btn_blue {
    display: inline-block;
    padding: 0.7em 1.2em;
    font-size: 18px;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #3796f3;
    color: #3796f3;
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.square_btn_green {
    display: inline-block;
    padding: 0.7em 1.2em;
    font-size: 18px;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #2fbd16;
    color: #2fbd16;
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.square_btn_black {
    display: inline-block;
    padding: 0.7em 1.2em;
    font-size: 18px;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #666;
    color: #666;
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

a.square_btn_blue:hover {
    color: #1d5bde;
}

a.square_btn_green:hover {
    color: #2f9116;
}

a.square_btn_black:hover {
    color: #000;
}

.square_btn_orange:active,
.square_btn_green:active,
.square_btn_blue:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

/*-- ボックス --*/
.att_box01 {
    border: 3px solid #e82701;
    padding: 25px;
    margin: 20px 10px 35px 10px;
    line-height: 1.8;
    border-radius: 5px;
}

.att_box01 p {
    margin: 0;
}

.att_box02 {
    border: 3px solid #e82701;
    border-radius: 5px;
    padding: 15px 15px 15px 20px;
    margin: 55px 10px 35px 10px;
    line-height: 1.7;
}

.att_box02 p {
    margin: 0;
}

.att_box02 .box_tit {
    position: relative;
    top: -30px;
    font-size: 17px;
    line-height: 1.5;
    font-weight: bold;
    padding: 0px 15px 0px 15px;
    display: inline-block;
    background: #fff;
    color: #e82701;
}

/* メリット・デメリット */
table.merit_demerit {
    border: none;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;

}

/* メリットふきだし */
table.merit_demerit th.tit_merit {
    padding: 5px 0 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: solid 1px #d9d9d9;
    background-color: #aaaaaa;
    border-radius: 0;
    position: relative;
    font-size: 17px;
}

/* メリットふきだしの三角 */
table.merit_demerit th.tit_merit::after {
    border: 8px solid transparent;
    border-top-color: #aaaaaa;
    content: '';
    height: 0;
    left: 49%;
    position: absolute;
    top: 100%;
    width: 0;
}

table.merit_demerit td.tit_merit {
    padding: 20px 10px 10px 10px;
    border: solid none solid solid 1px #d9d9d9;
    vertical-align: top;
    /*background-color: #f3f4f5; */
    background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 1px, transparent 4px);
    border-radius: 0;
    font-size: 15px;
}


/* デメリットふきだし */
table.merit_demerit th.tit_demerit {
    padding: 5px 0 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: solid 1px #d9d9d9;
    border-left: solid 1px #fff;
    background-color: #aaaaaa;
    border-radius: 0;
    position: relative;
    font-size: 17px;
}

/* デメリットふきだしの三角 */
table.merit_demerit th.tit_demerit::after {
    border: 8px solid transparent;
    border-top-color: #aaaaaa;
    content: '';
    height: 0;
    left: 49%;
    position: absolute;
    top: 100%;
    width: 0;
}

table.merit_demerit td.tit_demerit {
    padding: 20px 10px 10px 10px;
    border: solid 1px #d9d9d9;
    vertical-align: top;
    /*background-color: #f3f4f5; */
    background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 1px, transparent 4px);
    border-radius: 0 0 0 0;
    font-size: 15px;
}

table.merit_demerit ul {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
}

table.merit_demerit ul li {
    margin-bottom: 7px;
}

/*-- ブログカード --*/
.blogcard {
    padding: 1.4% 2% 1%;
}

.blogcard-title {
    padding: 1% 0;
    border-bottom: 1px dotted #aaa;
}

.blogcard-snipet {
    padding: 1.4% 0;
    line-height: 1.5;
}

.blogcard {
    padding: 1rem;
    color: #666;
    position: relative;
    border-color: #aaa !important;
    /* 枠線の色を変更 */
}

a.blogcard-wrap:hover {
    background-color: transparent !important;
    opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image {
    transform: scale(1.1);
    transition: .3s;
}

.blogcard-thumbnail {
    line-height: 0;
    margin-right: 1rem;
    overflow: hidden;
}

.blogcard-title {
    margin-bottom: .5rem;
}

.blogcard-snipet {
    font-size: 70%;
    line-height: 1.7;
    padding-right: 10%;
}

.internal-blogcard-footer {
    display: none;
    /* 内部ブログカードのアイコンとURLを非表示 */
}

.blogcard::before {
    content: 'あわせて読みたい';
    /* タイトルの文言 */
    position: absolute;
    top: -.8rem;
    left: 15px;
    font-size: 60%;
    background-color: #e82701;
    /* タイトルの背景色 */
    padding: .6em 1em;
    font-weight: bold;
    color: #fff;
    /* タイトルの文字色 */
    border-radius: 2px;
}

.internal-blogcard::after {
    content: '続きを読む \00bb';
    /* 内部リンク右下枠の文言 */
    position: absolute;
    bottom: .5rem;
    right: 1rem;
    font-size: 70%;
    background-color: #fff;
    /* 内部リンク右下枠の背景色 */
    padding: .4em 3em;
    font-weight: bold;
    color: #aaa;
    /* 内部リンク右下枠の文字色 */
    border-radius: 2px;
    border: dashed #aaa 1px !important;
    /* 枠線の色を変更 */
}

a.blogcard-wrap:hover .internal-blogcard::after {
    background-color: #aaa;
    /* 内部リンク右下枠の背景色 */
    color: #fff;
    /* 内部リンク右下枠の文字色 */
    border: none;
    /* 枠線の色を変更 */
}

/*-- コンテンツ下部　おすすめ記事 --*/
#related-entries .related-entry-heading {
    position: relative;
    margin-bottom: 10px;
    height: 1.3;
    text-align: center;
}

#related-entries .related-entry-heading:before {
    border-top: 1px solid #221815;
    position: absolute;
    top: .8em;
    left: 0;
    height: 0;
    width: 100%;
    content: "";
}

.related-entry-main-heading {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    background: #fff;
}

.related-entry-sub-heading {
    display: block;
    font-size: 12px;
}

.rect-vartical-card .related-entry-card-title {
    font-size: 14px;
    line-height: 1.3;
}

.entry-card-meta,
.related-entry-card-meta {
    color: #aaa;
}

.related-list img {
    border-radius: 0px;
}

/*-- ページネーション --*/
.pager-post-navi {
    position: relative;
    flex-direction: row;
    align-items: stretch;
    border-top: 1px solid #ccc;
    border-left: 25px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 25px solid #ccc;
    border-radius: 5px;
}

.pager-post-navi::before {
    content: "";
    width: 1px;
    border-left: 1px solid #ccc;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
}

.post-navi-square.post-navi-border a,
.post-navi-default.post-navi-border a {
    position: relative;
    border-top: none;
    border-bottom: none;
}

.post-navi-square.post-navi-border a.prev-post,
.post-navi-default.post-navi-border a.prev-post {
    padding-left: 10px;
    border-right: none;
    border-left: none;
}

.post-navi-square.post-navi-border a.next-post,
.post-navi-default.post-navi-border a.next-post {
    padding-right: 10px;
    border-right: none;
    border-left: none;
}

.post-navi-default.post-navi-border a.next-post {
    border-top-width: 1px;
}

.pager-post-navi.post-navi-square a,
.pager-post-navi.post-navi-default a {
    width: 50%;
    align-self: center;
}

.pager-post-navi a::before {
    position: absolute;
    font-size: 1.5em;
    color: #fff;
    top: 39%;
}

.pager-post-navi a.prev-post::before {
    left: -20px;
}

.pager-post-navi a.next-post::before {
    right: -20px;
}

/*-------------------- fontawesome矢印20210831 --------------------*/

.pager-post-navi a.prev-post::before{
font-family: "Font Awesome 5 Free";
  content: '\f053';
  font-weight: 900;
      padding-right: 3px;
    margin-right: 5px;
    padding-right: 0;
	}

.pager-post-navi a.next-post::before {
	font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
	padding-right: 3px;
    margin-left: 5px;
    padding-right: 0;
}

/*-------------------- アーカイブページなど --------------------*/
h1#archive-title {
    margin: 0 0 20px;
    padding: 10px 15px;
    /*     border-bottom: 2px solid #333; */
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07) 1px, transparent 1px, transparent 4px);
    background-size: 6px 6px;
}

h1#archive-title .fa {
    margin-right: 0;
}

#list {
    margin-bottom: 20px;
}

#list .a-wrap {
    margin-bottom: 0;
}

.entry-card-title,
.related-entry-card-title {
    padding-bottom: 5px;
    /*     border-bottom: 1px dotted #ccc; */
    text-align: left;
}

.entry-card-snippet,
.related-entry-card-snippet {
    margin-top: 10px;
    text-align: left;
}

.entry-card-meta .entry-card-categorys {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

#list .entry-category,
#list .post-date,
#list .post-update,
#list .post-author,
#list .amp-back {
    padding: 5px;
    color: #fff;
    border-radius: 3px;
}

#list .entry-category {
    background: #ffac12;
}

#list .post-date {
    background: #bcc;
}


#list .entry-category:before,
#list .post-date:before,
#list .post-update:before,
#list .post-author:before,
#list .amp-back:before {
    content: none;
}

#list .entry-card-info .entry-card-categorys {
    padding: 0;
}

#list .entry-card-info .entry-category {
    margin-right: 4px;
    font-size: 1em;
}

.widget-entry-card-title {
    text-align: left;
}


/*-------------------- フッター上方訴求欄ボックス --------------------*/
/*
.afb-box {
    display: flex;
    margin: 0;
    padding: 0 1em;
    color: #fff;
    background-color: #ececec;
    background-position: center center;
    background-image: url(https://offisuke.com/media/wp-content/uploads/2020/02/pc465124364.png);
    background-size: cover;
    width: 100vw;
}

.afb-box img {
    border-radius: 0;
    width: 95%;
}
*/


/* .afb-content {
    display: block;
} */

/*
.afb-heading {
    font-size: 26px;
    padding-top: 12px;
    margin: 1em 0 1em;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}


.afb-thumb {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.afb-thumb img {
    display: block;
}

.afb-left-and-right .afb-content,
.afb-right-and-left .afb-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    color: #333;
}

.afb-left-and-right .afb-content .afb-text-button-wrap {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
}

.afb-right-and-left .afb-content .afb-text-button-wrap {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
}

.afb-left-and-right .afb-content .afb-text-button-wrap .afb-heading,
.afb-left-and-right .afb-content .afb-text-button-wrap .afb-message,
.afb-right-and-left .afb-content .afb-text-button-wrap .afb-heading,
.afb-right-and-left .afb-content .afb-text-button-wrap .afb-message {
    width: 100%
}

.afb-left-and-right .afb-content .afb-message p:first-child,
.afb-right-and-left .afb-content .afb-message p:first-child {
    margin-top: 0;
}

.afb-right-and-left .afb-content {
    flex-direction: row-reverse;
}

.afb-button {
    display: flex;
    justify-content: center;
    height: auto;
    margin: 1em auto;
    width: 85%;
}

.afb-button .btn-l {
    display: block;
    width: 100%;
    margin: 20px 0;
    font-size: 18px;
    background-color: #00bb00;
}

.afb-button .btn-l:active {
    margin: 22px 0 18px;
    box-shadow: none;
}

.sidebar .afb-box {
    font-size: 0.8em;
}

.sidebar .afb-heading {
    font-size: 20px;
    padding: 8px;
}

.sidebar .afb-left-and-right .afb-content,
.sidebar .afb-right-and-left .afb-content {
    display: block;
}

.sidebar .afb-left-and-right .afb-content div,
.sidebar .afb-right-and-left .afb-content div {
    width: 100%;
}

.sidebar .afb-message {
    margin-top: 1em;
}

.sidebar .afb-button .btn-l,
.sidebar .afb-button .ranking-item-link-buttons a,
.ranking-item-link-buttons .sidebar .afb-button a {
    padding: 1em;
    font-size: 16px;
}
*/

/*-------------------- サイドバー --------------------*/
.sidebar h3 {
    /*    padding: 0;*/
    margin: 8px 0;
    font-size: 16px;
    text-align: center;
    background: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, #02386b 0%, #17518e 40%, #3173b6 65%, #51b5d6 100%);
    color: #fff;
    /*
    border-left: 1px solid #f00;
    border-right: 1px solid #00f;
*/
}

.sidebar h3:before,
.sidebar h3:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    /*
    background: -webkit-gradient(linear, left top, right bottom, from(#f00), to(#00f));
    background: -moz-linear-gradient(left, #f00, #00f);
    background: linear-gradient(left, #f00, #00f);
*/
}

.widget-entry-cards .a-wrap {
    margin: 2px 0;
    border-bottom: 1px dotted #ccc;
}

/*-- 人気記事 --*/
/*-- NEWS --*/
/*-- 関連記事 --*/
.entry-card-thumb,
.author-thumb,
.blogcard-thumbnail,
.related-entry-card-thumb,
.popular-entry-card-thumb,
.new-entry-card-thumb {
    margin-right: 4%;
}

.popular-entry-card-content {
    padding-top: 3px;
}

.popular-entry-card-date.display-none,
.new-entry-card-date.display-none,
.widget-related-entry-card-date.display-none {
    display: block;
    color: #aaa;
    text-align: right;
}

.popular-entry-card-date.display-none .popular-entry-card-update-date,
.new-entry-card-date.display-none .new-entry-card-update-date,
.widget-related-entry-card-date.display-none .widget-related-entry-card-update-date {
    display: none;
}

/* お客様の声 */
.sidebar a.cat-post-everything-is-link {
    padding: 0;
    line-height: 1;
    text-decoration: none;
}

.cat-post-everything-is-link > div {
    display: flex;
    padding: 5px 0;
}

.cat-post-thumbnail {
    margin-top: 3px;
    margin-right: 2%;
}

#category-posts-2-internal .cat-post-title {
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 0.8em !important;
    color: #333;
    line-height: 1 !important;
}

#category-posts-2-internal .cat-post-text-box > p {
    margin: 0.6em 0;
}

#category-posts-2-internal .cat-post-text-box > p,
#category-posts-2-internal .cat-post-text-box .cat-post-except-more {
    color: #aaa;
    font-size: 0.95em
}

/* ランキング */
.ranking-item,
.timeline-box {
    border: 1px dotted #ccc;
}

.nwa .ranking-item-name-text,
.nwa .widget_item_ranking .main-widget-label {
    font-size: 18px;
}

.ranking-item-img-desc > div {
    padding: 10px 0;
}

.nwa .ranking-item-description p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
}

.btn-l,
.ranking-item-link-buttons a,
.btn-wrap.btn-wrap-l > a {
    font-size: 16px;
}

.btn-l::after,
.ranking-item-link-buttons a::after,
.btn-wrap.btn-wrap-l > a::after {
    font-size: 26px;
}

/*-- カテゴリー等 --*/
.sidebar li {
    border-bottom: 1px dotted #ccc;
}

.sidebar li a {
    padding: 5px;
}

/*-------------------- フッター --------------------*/
/*
#footer {
    margin-top: -38px;
}
*/

/********** リスト（・）表用 **********/

table ul {
    margin: 0;
}

table ul li {
    position: relative;
    left: -2em;
    padding-left: 15px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
}

table ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: 0em;
    width: 6px;
    height: 6px;
    background-color: #333333;
    border-radius: 100%;
    margin: 0;
}

/********** サイドバー　ウィジェット（カテゴリ） **********/

.widget_categories ul li a {
    /*親カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-bottom: none;
    font-size: 16px;
}

/*
.widget_categories ul li a::before {
    font-family: FontAwesome;
    content: "\f1cb";
    padding-right: 10px;
}
*/


.widget_categories ul li a .post-count {
    /*記事数用のコード*/
    display: block;
    float: right;
    background: #ededed;
    padding: 0 1em;
    font-size: 14px;
    margin-top: .2em;
    border-radius: 4px;
}

.widget_categories ul li a:hover {
    /*親子共通マウスホバー時*/
    background: none;
    transition: 0.5s;
    color: #ff0000;
}

.widget_categories ul li a:hover .post-count {
    /*記事数のマウスホバー時*/
    background: #ff0000;
    color: #fff;
    transition: 0.5s;
}

.widget_categories ul li ul li a {
    /*子カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 0 4px 4px 4px;
    display: block;
    border-bottom: none;
}

.widget_categories ul li ul li a::before {
    /*子カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "・";
    padding: 0;
}

.widget_categories ul li ul li ul li a {
    border-bottom: none;
}

/********** スマホ表示　テーブル　スクロール **********/

/* 会話ふきだし枠 */
.comment_ico {
    width: 15%;
    float: left;
    padding: 14px 0 0 0;
    margin: 0;
}

.comment_ico image {
    width: 100%;
}

.comment_ico img {
    max-width: 75px;
    margin-top: 7px;
}

.comment_box {
    width: 83%;
    position: relative;
    display: inline-block;
    padding: 20px 20px 20px 20px;
    min-width: 120px;
    max-width: 100%;
    font-size: 1em;
    background: #FFF;
    border: solid 2px #e5e5e5;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 1.4em 0 1.4em 0;
}

.comment_box:before {
    content: "";
    position: absolute;
    top: 30%;
    left: -14px;
    margin-top: -8px;
    border: 8px solid transparent;
    border-right: 8px solid #FFF;
    z-index: 2;
}

.comment_box:after {
    content: "";
    position: absolute;
    top: 30%;
    left: -20px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 10px solid #e5e5e5;
    z-index: 1;
}

.comment_box .comment_head {
    font-weight: bold;
}

/*add_210619*/

body {
    background: #fff !important;
}

.container {
    padding-top: 0 !important;
}

.entry-card-thumb .cat-label {
    display: none;
}

.carousel-in {
    padding: 40px 0;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px) {}

/*1030px以下*/
@media screen and (max-width: 1030px) {
    .entry-card-wrap.a-wrap {
        padding: 10px 7px;
        border-bottom: 1px dotted #ccc;
    }

    .entry-card-title,
    .related-entry-card-title {
        padding-bottom: 5px;
        border-bottom: none;
        text-align: left;
    }

    .entry-card-snippet,
    .related-entry-card-snippet {
        margin: 5px 0;
    }
}

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

/*899px以下*/
@media screen and (max-width: 899px) {

    /*必要ならばここにコードを書く*/
    .eye-catch img {
        border-radius: 0px;
    }

    .eye-catch:after {
        /*グラデーションを作成して画像の上に配置*/
        background: linear-gradient(to bottom, transparent 60%, #000);
        background-size: cover;
        border-radius: 0px;
    }

    .entry-title {
        font-size: 30px;
    }
}

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

/*800px以下*/
@media screen and (max-width: 800px) {

    /*必要ならばここにコードを書く*/
    .afb-box img {
        width: 40%;
    }

    .afb-button .btn-l {
        font-size: 16px;
    }
}

/*768px以下*/
@media screen and (max-width: 768px) {
    body {
        position: relative;
    }

    /*    #header-in {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    } */

    /*
    #navi {
        margin-top: -83px;
    }
*/

    #mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item {
        background-image: none !important;
    }

    #mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item > a:hover {
        background-image: none !important;
    }

    /*-- 投稿タイトル --*/
    .article-header.entry-header {
        margin-top: -20px;
        margin-left: -10px;
        width: calc(100% + 20px);
    }

    .h1_wrapper.on_eyecatch,
    .h1_wrapper.off_eyecatch {
        position: relative;
    }

    .h1_wrapper.on_eyecatch {
        margin: 0 0 10px;
        bottom: 0;
        left: 0;
    }

    .h1_wrapper.on_eyecatch .entry-title,
    .h1_wrapper.on_eyecatch .date-tags {
        color: #333;
        text-shadow: none;
        padding-right: 0;
        padding-left: 0;
    }

    .h1_wrapper.off_eyecatch {
        margin-top: -25px;
    }

    .article-header.entry-header .sns-share {
        margin-left: 10px;
        width: calc(100% - 20px);
    }

    /*-- ページネーション --*/
    .pager-post-navi.post-navi-square a,
    .pager-post-navi.post-navi-default a {
        display: flex;
        flex-direction: column;
        align-content: center;
        /*     align-self: flex-start; */
    }

    .pager-post-navi.post-navi-square a figure,
    .pager-post-navi.post-navi-default a figure {
        margin-bottom: 8px;
    }

    .pager-post-navi a.prev-post .prev-post-title {
        margin-left: 0;
    }

    .pager-post-navi a.next-post .next-post-title {
        margin-right: 0;
    }

    /*-- フッター上方訴求欄ボックス --*/
    .afb-box {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center align-items: center;
        ;
    }

    .afb-left-and-right .afb-content,
    .afb-right-and-left .afb-content {
        display: block;
        color: #333;
    }

    .afb-left-and-right .afb-content .afb-text-button-wrap,
    .afb-left-and-right .afb-content .afb-text-button-wrap {
        margin-left: 0;
    }

    .afb-heading {
        margin-top: 1em;
    }

    .afb-thumb {
        display: block;
        text-align: center;
    }

    .afb-thumb img {
        display: inline-block;
    }
}

@media (max-width:767px) {
    table ul li {
        font-size: 100%;
        line-height: 1.7;
    }

    table ul li::after {
        top: 10px;
    }
}


/*640px以下*/
@media screen and (max-width: 640px) {

    /*必要ならばここにコードを書く*/
    table.merit_demerit th.tit_merit {
        font-size: 15px;
    }

    table.merit_demerit th.tit_demerit {
        font-size: 15px;
    }

    .blogcard {
        font-size: 100%;
        padding-right：1px;
    }

    .blogcard-title {
        padding: 1% 0;
        border-bottom: none;
    }

    .internal-blogcard::after {
        bottom: 1.5rem;
        right: 1.5rem;
    }

    /*スクロール*/
    .scroll {
        overflow: auto;
        /*tableをスクロールさせる*/
        white-space: nowrap;
        /*tableのセル内にある文字の折り返しを禁止*/
        max-width: 700px;
        overflow-x: auto;
    }

    .scroll::-webkit-scrollbar {
        height: 5px;
    }

    .scroll::-webkit-scrollbar-track {
        border-radius: 5px;
        background: #eee;
    }

    .scroll::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #666;
    }

    .scroll table {
        max-width: 1000px;
        min-width: 640px;
    }

    /*    コメント*/
    .comment_ico img {
        max-width: 60px;
    }

    .comment_box {
        width: 77%;
        position: relative;
        display: inline-block;
        padding: 10px;
        min-width: 120px;
        max-width: 100%;
        font-size: 1em;
        background: #FFF;
        border: solid 2px #e5e5e5;
        box-sizing: border-box;
        border-radius: 4px;
        margin: 1.4em 0 1.4em 1em;
    }
}

/*480px以下*/
@media screen and (max-width: 480px) {

    /*必要ならばここにコードを書く*/
    .blogcard-thumbnail {
        width: 40%;
    }

    .blogcard-snipet {
        display: none;
    }

    .entry-card-wrap.a-wrap {
        padding: 10px 7px;
    }
}