@charset "UTF-8";
/*
Theme Name: d-web
*/

.gray-frame {
	border: solid 2px #efefef;
	margin-bottom: 30px;
}

.font-large {
	font-size:21px;
}

#dogfoodRank {
	padding-bottom: 10px;
	margin-top: -35px;
}

@media (min-width: 48em){

.entry .foodRank {
    margin-bottom: 30px;
}
}

.PR {
	margin-top: 0px !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em; 
	margin: 8px 0px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.required-contactform7{
	padding: 1px 5px;
	background: #DE8686;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	margin-right: 3px;
}

.container_row_col.container_row_col-main {
    max-width: 760px;
}

table img.symbol {
    width: 30px;
}

.btn-small {
    font-size: 10px;
    max-width: 190px;
    padding: 8px;
}

table .btn-small:before,
table .btn-small:after {
    display: none;
}

table .btn+.btn {
    margin-top: 5px;
}

.swiper-wrapper > p {
    display: none;
}


/*

カスタマイズ用CSS

*/

.entry .cusTable td ul,
.entry .cusTable td ol {
    margin-bottom: 0;
}

/************************************
** 横長テーブル
************************************/

.p-sticky-table{
    white-space: nowrap;
    line-height:1.6;
}
.p-sticky-table table{
    border:none;
    border: 1px solid #dedede;
    border-bottom: none;
    border-collapse: collapse;
    word-break: break-all;
    table-layout: fixed;
    display:block;
    overflow:scroll;
    /*max-height: 80vh;*/
}
.p-sticky-table thead th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
}
.p-sticky-table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    text-align:center;
}
.p-sticky-table tbody th:first-child{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    border:none;
    white-space: normal;
    min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
    min-width: 50px;
    text-align: left;
    font-size: 15px !important;
    position: relative;
    padding: 13px !important;
    color: #333;
    border: none !important;
    z-index: 0;
    vertical-align:middle !important;
    background:#fff;
}
.p-sticky-table tr{
    border-bottom:none !important;
}
.p-sticky-table img{
    margin: 10px auto;
    display: block;
    padding: 0;
    max-width: 80% !important;
}

.entry .p-sticky-table .rate {
    max-width: 70px !important;
}


.p-sticky-table table th::before, .p-sticky-table table td::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
    .p-sticky-table table {
        /*max-height: 60vh;*/
    }
    .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }
    .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
        padding: 7px !important;
    }
}

.entry .cusTable th.color-td {
    background: #f4f9e8;
	color: #333333;
	font-weight: normal;
}

/* 中央寄せ */
.pst-center td {
    text-align: center;
}

/* テーブルスクロール用 */
@media (min-width: 48em){
.pageContentWrapper_row_col-main {
    max-width: 700px;
}
}

/* ボックス下の空間を消す */
.entry .mb_0 {
	margin-bottom: -30px !important;
}

/* ラベル */
.label {
    background: #ff1717;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 2px 4px;
	margin-right: 3px;
    text-align: center;
    top: 3px;
}

.side_ct_banar {
	background: #fff;
	border-color: #fdd8db;
    border-radius: 6px;
    border-style: solid;
    border-width: 4px;
	margin-bottom: 30px;
}

.side_ct_banar img{
    border-radius: 1px;
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
.side_ct_banar:hover img{
    opacity: 0.8;
    transition-duration: 0.3s;
}

/* 箱テーブルの背景 */
.entry .Table-bg td {
    background: rgba(143, 195, 31, 0.1);
}

/* 区切り線 */
hr {
	margin-bottom: 30px;
}

.entry .mb-0 {
	margin-bottom: 0 !important;
}

.entry .mb-0 .textwidget p {
	margin-bottom: 0px !important;
}

/*

注釈ボックス

*/

@media (min-width: 768px){
    .annotation {
        background-color: #f7f7f7;
        font-size: 11px;
        border-radius: 4px;
        margin-top: 24px;
        padding: 8px 12px;
    }
}

@media (max-width: 768px) {
    .annotation {
        background-color: #f7f7f7;
        font-size: 11px;
        border-radius: 4px;
        margin-top: 16px;
        padding: 8px 12px;
    }
}

@media (min-width: 768px){
    .article_annotation {
        background-color: #f7f7f7;
        font-size: 11px;
        border-radius: 4px;
        margin: 30px 0;
        padding: 8px 12px;
    }
}

@media (max-width: 768px) {
    .article_annotation {
        background-color: #f7f7f7;
        font-size: 11px;
        border-radius: 4px;
        margin: 30px 0;
        padding: 8px 12px;
    }
}

/* ------------------------------

2022.1 カスタマイズ追加

------------------------------ */

/*

目次インデント上書き

*/
ul.toc_list > li > a {
    padding-left: 15px;
    display: inline-block;
    position: relative;
    text-decoration: none;
}
span.toc_number.toc_depth_1 {
    position: absolute;
    top: 0px;
    right: calc(100% - 8px);
}
ul.toc_list > li > ul > li > a {
    padding-left: 13px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size:14px;

}
@media (min-width: 48em){
    ul.toc_list > li > ul > li > a {
        font-size:13px;
        padding-left: 15px;
    }
}

span.toc_number.toc_depth_2 {
    position: absolute;
    top: 0px;
    right: calc(100% - 18px);
}

/*

数字→アイコン用

*/
#toc_container ul.toc_list > li:before{
    color: #2eabd7;
    /*left: -5px;*/
    /*content: "\f144";*/
    left: 2px;
    content: "\f0da";
    /*font-size: 1.05em;*/
}
#toc_container ul.toc_list > li > ul > li:before{
    left: 20px;
    top: 4px;
    color: #2eabd7;
    border-left: 1px solid #2eabd7;
    border-bottom: 1px solid #2eabd7;
    width: 4px;
    height: 8px;
}
@media (min-width: 48em){
    #toc_container ul.toc_list > li > ul > li:before{
        top: 4px;
        width: 4.5px;
        height: 9px;
    }
}


/*

目次アコーディオン用

*/
@media (min-width: 48em){
    ul.toc_list > li > a {
        padding-right: 30px;
    }
}

.toc-has-child{
    position: relative;
}

.toc-has-child > ul{
    display: none;
    padding-top: 4px;
}
.toc-has-child > a{
    padding-right:30px;
}
.toc-trigger{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    cursor: pointer;
}
.toc-trigger:after{
    color: #26ae39;
    content: "\f055";
    font-family: 'FontAwesome';
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: 20px;
}
ul.toc_list a{
    padding-right: 30px;
}

/*目次h2点線用*/
#toc_container ul.toc_list > li{
    padding-bottom: 4px;
    border-bottom: 1px dashed #f3e4b8;
}
#toc_container ul.toc_list > li:not(:last-child) {
    margin-bottom: 4px;
}



/*

サイドバーサムネイル

*/
.sideList_item_thumb .trimThumbnail:before{
    padding-top: 75%;
}

/*

記事サムネイル

*/
.postList_item_thumbnail:before {
    padding-top: 75%;
}
@media (min-width: 48em){
    .postList_item_thumbnail:before {
        padding-top: 75%;
    }
}



/*

ランキングh3化上書き

*/
.rank_header_title {
    background-image: url(./images/koushi-beige.png);
    background-repeat: repeat;
    border: 1px solid #f5ebcf !important;
    color: #6a3906;
    font-size: 19px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    padding: 12px 15px 10px !important;
    padding-left: 50px !important;
    position: relative !important;
    margin: 0 !important;
}
.rank_header_title:before {
    background-image: url(./images/rank01.png);
    background-size: contain;
    content: '' !important;
    display: block;
    left: 8px !important;
    position: absolute !important;
    top: 10px !important;
    transform: translateY(0) !important;
}

@media (min-width: 48em){
    .rank_header_title {
        font-size: 22px !important;
        padding: 14px 20px 12px !important;
        padding-left: 70px !important;
    }
    .rank_header_title:before {
        left: 12px !important;
        top: 10px !important;
    }
}


/*

ランキング20まで追加

*/
.rank_header_title.rank11:before {
    background-image: url('images/rank11.png');
    height: 24.8px;
    width: 36.8px;
}

.rank_header_title.rank12:before {
    background-image: url('images/rank12.png');
    height: 24.8px;
    width: 36.8px;
}

.rank_header_title.rank13:before {
    background-image: url('images/rank13.png');
    height: 25.2px;
    width: 36.8px;
}

.rank_header_title.rank14:before {
    background-image: url('images/rank14.png');
    height: 24.8px;
    width: 36.8px;
}

.rank_header_title.rank15:before {
    background-image: url('images/rank15.png');
    height: 25.2px;
    width: 36.8px;
}

.rank_header_title.rank16:before {
    background-image: url('images/rank16.png');
    height: 25.2px;
    width: 36.8px;
}

.rank_header_title.rank17:before {
    background-image: url('images/rank17.png');
    height: 24.8px;
    width: 36.8px;
}

.rank_header_title.rank18:before {
    background-image: url('images/rank18.png');
    height: 25.2px;
    width: 36.8px;
}

.rank_header_title.rank19:before {
    background-image: url('images/rank19.png');
    height: 25.2px;
    width: 36.8px;
}

.rank_header_title.rank20:before {
    background-image: url('images/rank20.png');
    height: 25.2px;
    width: 36.8px;
}

@media (min-width: 48em) {
    .rank_header_title.rank11:before {
        height: 31px;
        width: 46px;
    }
    .rank_header_title.rank12:before {
        height: 31px;
        width: 46px;
    }
    .rank_header_title.rank13:before {
        height: 31.5px;
        width: 46px;
    }
    .rank_header_title.rank14:before {
        height: 31px;
        width: 46px;
    }
    .rank_header_title.rank15:before {
        height: 31.5px;
        width: 46px;
    }
    .rank_header_title.rank16:before {
        height: 31.5px;
        width: 46px;
    }
    .rank_header_title.rank17:before {
        height: 31px;
        width: 46px;
    }
    .rank_header_title.rank18:before {
        height: 31.5px;
        width: 46px;
    }
    .rank_header_title.rank19:before {
        height: 31.5px;
        width: 46px;
    }
    .rank_header_title.rank20:before {
        height: 31.5px;
        width: 46px;
    }
}


/*

そのタイトル追加

*/

.entry .sonoTitle01 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle01:before {
    background-image: url('images/sono01.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle02 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle02:before {
    background-image: url('images/sono02.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle03 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle03:before {
    background-image: url('images/sono03.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle04 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle04:before {
    background-image: url('images/sono04.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle05 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle05:before {
    background-image: url('images/sono05.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle06 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle06:before {
    background-image: url('images/sono06.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle07 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle07:before {
    background-image: url('images/sono07.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle08 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle08:before {
    background-image: url('images/sono08.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle09 {
    padding-left: calc(58.4615px + 12px) !important;
}

.entry .sonoTitle09:before {
    background-image: url('images/sono09.png');
    height: 24.6154px;
    width: 58.4615px;
}

.entry .sonoTitle10 {
    padding-left: calc(69.2308px + 12px) !important;
}

.entry .sonoTitle10:before {
    background-image: url('images/sono10.png');
    height: 24.6154px;
    width: 69.2308px;
}

.entry .sonoTitle10 {
    padding-left: calc(69.2308px + 12px) !important;
}

.entry .sonoTitle10:before {
    background-image: url('images/sono10.png');
    height: 24.6154px;
    width: 69.2308px;
}

.entry .sonoTitle11 {
    padding-left: calc(69.2308px + 12px) !important;
}

.entry .sonoTitle11:before {
    background-image: url('images/sono11.png');
    height: 24.6154px;
    width: 69.2308px;
}

.entry .sonoTitle12 {
    padding-left: calc(69.2308px + 12px) !important;
}

.entry .sonoTitle12:before {
    background-image: url('images/sono12.png');
    height: 24.6154px;
    width: 69.2308px;
}

.entry .sonoTitle13 {
    padding-left: calc(69.2308px + 12px) !important;
}

.entry .sonoTitle13:before {
    background-image: url('images/sono13.png');
    height: 24.6154px;
    width: 69.2308px;
}

.entry .sonoTitle14 {
    padding-left: calc(69.2308px + 12px) !important;
}

.entry .sonoTitle14:before {
    background-image: url('images/sono14.png');
    height: 24.6154px;
    width: 69.2308px;
}

.entry .sonoTitle15 {
    padding-left: calc(69.2308px + 12px) !important;
}

.entry .sonoTitle15:before {
    background-image: url('images/sono15.png');
    height: 24.6154px;
    width: 69.2308px;
}

@media (min-width: 48em) {
    .entry .sonoTitle01 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle01:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle02 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle02:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle03 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle03:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle04 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle04:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle05 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle05:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle06 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle06:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle07 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle07:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle08 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle08:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle09 {
        padding-left: calc(76px + 20px) !important;
    }
    .entry .sonoTitle09:before {
        height: 32px;
        width: 76px;
    }
    .entry .sonoTitle10 {
        padding-left: calc(90px + 20px) !important;
    }
    .entry .sonoTitle10:before {
        height: 32px;
        width: 90px;
    }
	.entry .sonoTitle11 {
        padding-left: calc(90px + 20px) !important;
    }
    .entry .sonoTitle11:before {
        height: 32px;
        width: 90px;
    }
	 .entry .sonoTitle12 {
        padding-left: calc(90px + 20px) !important;
    }
    .entry .sonoTitle12:before {
        height: 32px;
        width: 90px;
    }
	 .entry .sonoTitle13 {
        padding-left: calc(90px + 20px) !important;
    }
    .entry .sonoTitle13:before {
        height: 32px;
        width: 90px;
    }
	 .entry .sonoTitle14 {
        padding-left: calc(90px + 20px) !important;
    }
    .entry .sonoTitle14:before {
        height: 32px;
        width: 90px;
    }
	 .entry .sonoTitle15 {
        padding-left: calc(90px + 20px) !important;
    }
    .entry .sonoTitle15:before {
        height: 32px;
        width: 90px;
    }
}


/*

監修者追加

*/
/*

  profileBox

*/
.profileBox {
    border: 1px solid #e1e1e1;
    padding: 15px 25px;
    position: relative;
    margin-bottom:25px;
    line-height: 1.6;
}

.profile_thumb {
    border-radius: 50%;
    overflow: hidden;
}

.profile_thumb img{
    border-radius: 50%;
}

.profile_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.profile_subtitle {
    font-size: 12px;
    margin-bottom: 2px;

}
.profile_text {
    font-size: 12px;
}

.profile_link {
    color: #555555;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    position: relative;
    text-decoration: underline;
}

.profile_link:visited {
    color: #555555;
}

.profile_link:focus {
    color: #666666;
}

.profile_link:hover {
    color: #666666;
}

.profile_link:active {
    color: #666666;
}

.profile_link:before {
    border-color: transparent transparent transparent #8fc31f;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: '';
    display: inline-block;
    height: 0;
    margin-right: 5px;
    width: 0;
}

@media screen and (min-width:769px){

    .profileBox {
        padding: 15px 25px;
    }
    .profile {
        display: flex;
    }
    .profile_image {
        flex: 0 0 90px;
        margin-right: 30px;
    }
    .profile_body {
        flex: 1;
    }
    .profile_subtitle {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 2px;
    }
    .profile_link {
        font-size: 12px;
    }
}
@media screen and (max-width:768px){
    .profileBox {
        padding: 12px 12px;
    }
    .profile {
        display: flex;
    }
    .profile_image {
        flex: 0 0 80px;
        margin-right: 12px;
    }
    .profile_body {
        flex: 1;
    }

    /*
        .profile_image {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 200px;
      }
      */
    .profile_title {
        font-size: 16px;
        /*text-align: center;*/
    }
    .profile_subtitle {
        /*text-align: center;*/
    }
    .profile_text {
        font-size: 12px;
    }
}

.profile_thumbWrap{
    position: relative;
}

.profile_label{
    margin-top: -20px;
    text-align: center;
    position: relative;
    font-weight: bold;
}
.profile_label:before,
.profile_label:after{
    content: '';
    display: block;
    position: absolute;
    height: 29px;
    width: 18px;
    border-radius: 56%;
    background: white;
    top: calc(50% + 0.5px);
    transform: translateY(-50%);
    z-index: 1;
}
.profile_label:before {
    left: -10px;
}
.profile_label:after {
    right: -10px;
}

.profile_label span{
    display: inline-block;
    position: relative;
    height: 24px;
    max-width: 90px;
    width: calc(100% - 16px);
    position: relative;
    color: #fff;
    background: #0e0e0e;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 0px;
}

.profile_label span::before,
.profile_label span::after {
    position: absolute;
    top: 50%;
    width: 0px;
    height: 0px;
    border-color: #0e0e0e transparent;
    border-style: solid;
    content: '';
    transform:translateY(-50%);
}
.profile_label span::before {
    left: -6px;
    border-width: 12px 0px 12px 6px;
}
.profile_label span::after {
    right: -6px;
    border-width: 12px 6px 12px 0px;
}

.profile_label span i {
    display: inline-block;
    width: calc(100% + 8px);
    height: 2px;
    background: #72aee6;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}
.profile_label span i.-blue{
    background: #2eabd7;
}
.profile_label span i.-green{
    background: #8fc31f;
}
.profile_label span i.-image{
    background-image: url(./images/table-head-bg.png);
    background-repeat: repeat;
}

.readmore-wrap {
    position: relative;
}
.readmore-btn {
    position: absolute;
    right: 0px;
    bottom: 1px;
    width: 80px;
    padding: 1px 1px;
    background-color: #fff;
    color: #999;
    border: 0px solid #aaa;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index:10;
}
.readmore-text {
    position: relative;
    overflow: hidden;
    height: 60px;
}
.readmore-check {
    display: none;
}
.readmore-check:checked + .readmore-btn{
    display: none;
}
.readmore-check:checked ~ .readmore-text {
    height: auto;
}

/*dog ini p*/
.profile_thumb img{
    vertical-align: initial;
}
.readmore-wrap > p,
.readmore-wrap > br,
.readmore-text > p,
.profile_body > p,
.profile_body_in > p,
.profile > p{
    display: none;
}

/*

widgets_on_pageカスタマイズ（平均点画像）

*/
.widgets_on_page:has(img.average-img){
    display: inline-block;
}
.widgets_on_page .average-img{
    width: 44px !important;
    position: relative;
    top: -1px;
    margin-left: 8px;
}
@media screen and (min-width:769px){
    .widgets_on_page .average-img{
        width: 46px !important;
        top: -1px;
    }
}

/*

関連記事調整

*/
.shortKanren_thumbnail .trimThumbnail:before{
    padding-top: 75%;
}

/*

ブログカード

*/
.shortKanren.shortKanren-small{
    padding-top: 0 !important;
}
.shortKanren.shortKanren-small .shortKanren_row{
    align-items: center;
}
.shortKanren.shortKanren-small .shortKanren_row_col-thumb{
    flex: 0 0 60px;
}
@media screen and (min-width:769px){
    .shortKanren.shortKanren-small .shortKanren_row_col-thumb{
        flex: 0 0 80px;
    }
}
.shortKanren.shortKanren-small .shortKanren_row_col-text{
    padding-right: 0px;
    padding-left: 10px;
    padding-top:0;
}
@media screen and (min-width:769px){
    .shortKanren.shortKanren-small .shortKanren_row_col-text{
        padding-right: 0px;
        padding-left: 15px;
        padding-top:0;
    }
}
.shortKanren.shortKanren-small .shortKanren_title{
    font-size: 12px;
}
@media screen and (min-width:769px){
    .shortKanren.shortKanren-small .shortKanren_title{
        font-size: 14px;
    }
}
.shortKanren.shortKanren-small .shortKanren_link{
    padding: 5px;
}
@media screen and (min-width:769px){
    .shortKanren.shortKanren-small .shortKanren_link{
        padding: 8px;
    }
}
.shortKanren.shortKanren-small .shortKanren_thumbnail .trimThumbnail:before{
    padding-top: 75%;
}

/*

スマホサイドリスト型関連記事調整

*/
@media (max-width: 768px) {
    .pcOnly{
        display: none;
    }
}
@media screen and (min-width:769px){
    .spOnly{
        display: none;
    }
}
.sideList.sideList-spRelative{

}
.sideList-spRelative_cateSpan:not(:last-child):after {
    content: ', ';
}
@media screen and (min-width:769px){
    .relatedList li:nth-child(n + 6) {
        display: none;
    }
}

/*

スマホフォントサイズ変更用

*/
@media (max-width: 47.99em){
    .entry{
        font-size: 15px;
    }
}
.entry{
    color:#332726;
}
.entry .text-size-large {
    font-size: 17px;
}



/*

ランキングテーブル用

*/
.rankTbl{
    overflow-x: auto;
    margin-bottom: 30px;
    margin-top:30px;
}
.entry .cusTable.cusTable-rank{
    font-size: 12px;
    counter-reset: number 0;
    margin-bottom: 0;
    margin-top:0;
}
.entry .cusTable.cusTable-rank th{
    font-size: 10px;

}
.cusTable-rank .rankTbl_1st {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 60px !important;
}
.entry .cusTable.cusTable-rank td:first-child{
    background: rgb(244, 249, 235);
}
.cusTable-rank th:not(:first-child) {
    min-width: 60px;
}

.rankTbl_1st img{
    width: 25px;
}

.cusTable.cusTable-rank tr:nth-child(2) .rankingThumbnail:before {
    background: rgba(240, 202, 0, 0.9);
}
.cusTable.cusTable-rank tr:nth-child(3) .rankingThumbnail:before {
    background: rgba(179, 179, 179, 0.9);
}
.cusTable.cusTable-rank tr:nth-child(4) .rankingThumbnail:before {
    background: rgba(161, 41, 41, 0.9);
}

.rankingThumbnail.rankingThumbnail-rank:before{
    font-size: 10px;
    height: 15px;
    width: 15px;
    line-height: 15px;
}

/*個別調整*/

/*
.rankTbl_name {
    min-width: 150px !important;
}
.rankTbl_cb {
    min-width: 100px !important;
}
*/

.rankTbl_cb a small{
    display: block;
    font-size:10px;
    line-height: 1;
    margin-bottom: 5px;
}
.btn-rank{
    padding: 5px 10px;
    font-size: 12px;
}
.btn-rank.btn-blue{
    box-shadow: #0f74e2 0 -4px 0 inset;
}
@media (min-width: 48em){
    .btn-rank.btn-blue{
        box-shadow: #0f74e2 0 -5px 0 inset;
    }
}

.rankTbl_name{
    text-align:left !important;
}
.rankTbl_name span{
    display: block;
    font-size: 10px;
    color:#999;
}

/*
.rankTbl_ingredients{
    min-width: 180px !important;
}
.rankTbl_support{
    min-width: 280px !important;
}
.rankTbl_feature{
    min-width: 180px !important;
}

 */

.rankBatch{
    display: inline-block;
    padding: 1px 5px;
    color: #fff;
    background: #eac72e;
    font-size: 10px;
    border-radius: 2px;
}
.rankTbl_other{
    display: none;
}
.rankTbl_btn{
    border: 1px solid #8fc31f;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin: 30px auto 0;
    max-width: 360px;
    opacity: 1.0;
    padding: 10px 20px;
    text-align: center;
    transition-duration: .2s;
    transition-timing-function: ease-in;
    width: 100%;
}
.rankTbl_btn span{
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.rankTbl_btn span:before{
    content: "\f055";
    font-family: 'FontAwesome';
    font-size: 15px;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.rankTbl_btn.open{
    opacity: 0.8;
}
.rankTbl_btn.open span:before{
    content: "\f056";
}


/*
    plugin scroll-hint
*/
.scroll-hint-text{
    /*line-height:1 !important;*/
}
.scroll-hint-icon{
    height: 90px !important;
	z-index: 2;
}

/*
    snsShare
*/
@media (min-width: 48em){
    .snsShare_item{
        flex: 0 0 50%;
    }
}

.text-size-very-small {
	display: inherit;
	font-size: 0.9em;
}


/*

PR用

*/
.home .entry_meta,
.single .entry_meta{
    position: relative;
    padding-right: 30px;
}

.home .entry_meta:before,
.single .entry_meta:before {
    content: 'PR';
    position: absolute;
    right: 0;
    bottom: 1px;
    font-size: 10px;
    display: inline-block;
    border: 1px solid #666;
    line-height: 1;
    padding: 2px 3px;
}

/************************************
** 追加アコーディオン用
************************************/
.c-acc{
    border:1px solid #f5ebcf;
}
.c-acc + .c-acc{
    border-top:none;
}
.c-acc_t{
    background:#fffbef;
    /*background-image: url(./images/koushi-beige.png);
    background-repeat: repeat;*/
    padding:15px;
    /*font-size:16px;*/
    font-weight:bold;
    line-height: 1.5;
    padding-right: 40px;
    position:relative;
    cursor: pointer;
    /*font-size: 0.9em;*/
}
.c-acc_t p{
    margin-bottom: 0;
}
.c-acc_t:before{
    position:absolute;
    content: "\f078";
    font-family: fontAwesome;
    top:50%;
    transform: translateY(-50%);
    right: 15px;
    color:#6a3906;
}
.c-acc_t.open:before{
    content: "\f077";
}

.c-acc_t span{
    display:inline-block;
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 1.5;
    color: #6a3906;
	/*
	background: #f5ebcf;
	border: 1px solid #f5ebcf;
   padding: 2px 6px;
	border-radius: 2px;
	*/
	padding: 0 2px 2px;
	border-bottom: 1px dotted #6a3906;
}
.c-acc_d{
    padding:15px;
    display:none;
    /*font-size: 0.8em;*/
}
.c-acc_t.open + .c-acc_d{
    /*display:block;*/
}

/************************************
** 追加スモールアコーディオン用
************************************/
.cs-acc + .cs-acc{
    margin-top: 5px;
}
.cs-acc_t{
    font-weight:bold;
    position:relative;
    cursor: pointer;
    padding-left: 25px;
    font-size: 0.9em;
}
.cs-acc_t:before{
    position:absolute;
    content: "\f055";
    font-family: fontAwesome;
    top:50%;
    transform: translateY(-50%);
    left: 5px;
    color:#6a3906;
}
.cs-acc_t.open:before{
    content: "\f056";
}
.cs-acc_d{
    display:none;
    font-size: 0.8em;
    padding: 10px 0;
}

/************************************
** 追加テーブル開閉用
************************************/
.cusTable_other{
    display: none;
}
.cusTable_btn{
    border: 1px solid #8fc31f;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin: 20px auto 0;
    max-width: 360px;
    opacity: 1.0;
    padding: 10px 20px;
    text-align: center;
    transition-duration: .2s;
    transition-timing-function: ease-in;
    width: 100%;
}
@media (max-width: 47.99em) {
    .cusTable_btn{
        max-width: 200px;
        font-size: 13px;
    }
}
.cusTable_btn span{
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.cusTable_btn span:before{
    content: "\f055";
    font-family: 'FontAwesome';
    font-size: 15px;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cusTable_btn.open{
    opacity: 0.8;
}
.cusTable_btn.open span:before{
    content: "\f056";
}


/*

c-slider

*/
@media (max-width: 47.99em) {
    .c-sliderWrap {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.c-slider{
	padding-bottom:0px !important;
	padding-left:30px !important;
	padding-right:30px !important;
}
@media (min-width: 48em){
.c-slider{
	padding-bottom:0px !important;
	padding-left:90px !important;
	padding-right:90px !important;
}
}
.cvp{
	border:1px solid #e1e1e1;
	text-align:center;
}
.swiper-slide p{
	margin-bottom:0;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.swiper-button-next,
.swiper-button-prev{
/*background: #ccae7c;*/
    /*padding: 10px;*/
	/*top:50%;*/
	
	top: 0%;
    margin-top: 0;
    height: 100%;
    width: 34px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
	right:5px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
	left:5px;
}
.swiper-button-next:after, .swiper-button-prev:after{
	color: #26ae39;
	font-family: 'FontAwesome';
	font-size:30px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: "\f138";
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	content: "\f137";
}
.swiper-pagination.swiper-pagination-fraction {
    position: absolute;
    top: 10px;
    bottom: auto;
    left: auto;
    right: 60px;
    width: auto;
    background: #f5ebcf;
    color: #6a3906;
    line-height: 1;
    padding: 5px;
    font-size: 11px;
}
@media (min-width: 48em){
	.swiper-button-next, .swiper-button-prev{
		width: 50px;
	}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
	right:30px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
	left:30px;
}
	.swiper-button-next:after, .swiper-button-prev:after{
		font-size:40px;
	}
	.swiper-pagination.swiper-pagination-fraction {
		right: 100px;
	}
}


/*

rank-blue btn

*/
.btn.btn-blue {
    box-shadow: #0f74e2 0 -4px 0 inset;
}
@media (min-width: 48em){
.btn.btn-blue {
    box-shadow: #0f74e2 0 -5px 0 inset;
}
}

/*

text color

*/
.color0{
    color:#A1A1A1;
}
.color1{
    color:#969595;
}
.color2{
    color:#8B8988;
}
.color3{
    color:#807C7C;
}
.color4{
    color:#757070;
}
.color5{
    color:#6A6464;
}
.color6{
    color:#5F5857;
}
.color7{
    color:#544C4B;
}
.color8{
    color:#493F3F;
}
.color9{
    color:#3E3332;
}
.color10{
    color:#332726;
}

/*

text size

*/
.size6{
    font-size:6px !important;
}
.size7{
    font-size:7px !important;
}
.size8{
    font-size:8px !important;
}
.size9{
    font-size:9px !important;
}
.size10{
    font-size:10px !important;
}
.size11{
    font-size:11px !important;
}
.size12{
    font-size:12px !important;
}
.size13{
    font-size:13px !important;
}
.size14{
    font-size:14px !important;
}
.size15{
    font-size:15px !important;
}
.size16{
    font-size:16px !important;
}
.size17{
    font-size:17px !important;
}
.size18{
    font-size:18px !important;
}
.size19{
    font-size:19px !important;
}
.size20{
    font-size:20px !important;
}
.size21{
    font-size:21px !important;
}
.size22{
    font-size:22px !important;
}


/*

body

*/
body{
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}



/*

calcFeed

*/
.calcFeed_container {
   /* 
	background: #f2f2f2;
    border: 1px solid #e1e1e1;
    padding: 15px;
	*/
}
.calcFeed_container_rslt {
   /* 
	background: #fffbef;
    border: 1px solid #f5ebcf;
    padding: 15px;
	*/
}
.calcFeed_container + p, .calcFeed_container_rslt + p{
	margin-bottom:0;
}
.calcFeed_input{
    background: #fff;
    border:2px solid #666;
	max-width: 60px;
    padding: 5px;
}
.calcFeed_selectWrapper {
    position: relative;
}
.calcFeed_selectWrapper:before {
    color: #333;
    content: "\f0d7";
    font-family: 'FontAwesome';
    right: 10px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 10;
    font-size: 16px;
}
.calcFeed_select{
    background: #fff;
    border:2px solid #666;
	padding: 5px;
	width:100%;
}
.calcFeed_input_rslt{
	/*
    background: #ffdada;
    color:red;
	*/
	display:inline-block;
	min-width:60px;
	text-align: center;
    font-weight: bold;
	font-size:1.3em;
}
.calcFeed_divisionRslt{
    background: #ffdada;
    /*color: red;*/
    min-width: 40px;
    padding: 1px 5px;
	display:inline-block;
	text-align: center;
    font-weight: bold;

}
@media (min-width: 48em){
	.calcFeed_divisionRslt{
		margin-left: 10px;
	}
}
.calcFeed_division {
    font-size: 0.85em;
}
@media (min-width: 48em){
	.calcFeed_division {
		display: flex;
	align-items: center;
	}
}
.calcFeed_division-end{
	margin-top:5px;
}
.calcFeed_divisionWrapper{
	margin-left:20px;
}
.calcFeed_bottom{
	text-align:right;
}
.calcFeed_inputGroup {
    display: flex;
	align-items: center;
    margin-bottom: 15px;
}
div.calcFeed_inputGroup:last-child{
	margin-bottom:0;
}
.calcFeed_inputGroup p{
	display:none;
}
@media (max-width: 47.99em) {
	.calcFeed_inputGroup {
	}
}
.inputGroup_ttl{
	margin-right: 15px;
}
@media (max-width: 47.99em) {
	.inputGroup_ttl{
		max-width:160px;
	}
}
.inputGroup_body{
	
}

.calcFeed_label {
    font-weight: bold;
    
}
.calcFeed_container_rslt .calcFeed_label{
	margin-bottom:5px;
}
.calcFeed_label:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background: #333;
}


.rsltGroup_ttl {
    padding: 10px;
    background: #ffdada;
    font-size: 1em;
}


/*

calcCost

*/
.calcCost p{
	display:none;
}
.calcCost_label {
    font-weight: bold;
    
}
.calcCost_label:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background: #333;
	display:none;
}
.calcCost_rslt .calcCost_label:before {
	display:none;
}

.calcCostForm_inputGroup {
    display: flex;
	align-items: center;
    margin-bottom: 15px;
}
.calcCostForm_inputGroup.calcCostForm_inputGroup-age .inputGroup_ttl {
    min-width: 110px;
}
.calcCostForm_inputGroup p{
	display:none;
}
.calcCostForm_input{
    background: #fff;
    border:2px solid #666;
	max-width: 60px;
    padding: 5px;
}
.calcCostForm_selectWrapper {
    position: relative;
}
.calcCostForm_selectWrapper:before {
    color: #333;
    content: "\f0d7";
    font-family: 'FontAwesome';
    right: 10px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 10;
    font-size: 16px;
}
.calcCostForm_select{
    background: #fff;
    border:2px solid #666;
	padding: 5px;
	width:100%;
}
.calcCost_tri{
    width:0;
height:0;
border-style:solid;
border-width: 30px 100px 0 100px;
border-color: #FFDADA transparent transparent transparent;
	margin: 20px auto 15px;
}
@media (max-width: 47.99em) {
	.calcCost_tri{
		border-width: 25px 70px 0 70px;
	}
}
.calcCost_rslt{
	padding: 20px;
    background: #ffdada;
}
.calcCost_rslt p{
	display:none;
}
.calcCost_rslt_value{
	/*
    padding: 10px;
    background: #ffdada;
	*/
    font-size: 1.2em;	
	text-align:center;
	font-weight:bold;
}
.calcCost_rslt .calcCost_label{
	margin-bottom:5px;
	/**/
	text-align:center;
}
/*
.calcCost_label span {
    background: #ec0012;
    display: inline-block;
    color: #fff;
    padding: 3px 15px;
    border-radius: 30px;
    margin-bottom: 7px;
    font-size: 0.85em;
}
*/

.calcCostForm_input_rslt{
		display:inline-block;
	/*min-width:60px;*/
	text-align: center;
    font-weight: bold;
	font-size:1.5em;
	margin-right:5px;
	line-height:1;
}
.calcCost_day{
	text-align:center;
}
.calcCost_day_price {
	margin:0 3px;
}
.calcCost_rslt_row{
	
}
@media (min-width: 48em){
	.calcCost_rslt_row {
		display: flex;
	align-items: center;
	}
	.calcCost_rslt_row_col{
		flex:1;
	}
	.calcCost_rslt_row_col-m{
		padding-right:10px;
	}
	.calcCost_rslt_row_col-d{
		padding-left:10px;
	}
}
@media (max-width: 47.99em) {
	.calcCost_rslt_row_col-m{
		margin-bottom:20px;
	}
}

/*
 * 
 * リンクカラー調整
 * 
 * */

.entry ul.toc_list li a{
	color:#1d9fcd;
}

/*
 * 
 * まとめタイトル調整
 * 
 * */
.entry h2.matomeTitle{
	background: none;
    color: inherit;
    border-bottom: 2px solid #8fc31f;
    border-radius: 0;
	padding-left: calc(53px + 12px) !important;
	font-size:19px;
}
@media (min-width: 48em){
.entry h2.matomeTitle{
	padding-left: calc(64px + 20px) !important;
	font-size:22px;
}
}
.entry h2.matomeTitle:before {
    background-image: url(images/illust-matome.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    left: 2px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
	/*
	height: 41.6667px;
    width: 43.75px;
	*/
	height:48px;
	width:53px;
    background-image: url(images/illust-matome-all.png);
    height:60px;
}
.entry h2.matomeTitle:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left:0px;
    background: #fff;
    width: 100%;
    height: 15px;
    border-top: 2px solid #8fc31f;
}
@media (min-width: 48em){
.entry h2.matomeTitle:before {
	/*
    height: 50px;
    width: 52.5px;
	*/
	left: 5px;
	height: 57px;
    height: 72px;
    width: 64px;
}
}
.entry h2.matomeTitle:after {
	/*display:none;*/
}


/* ソーシャルプラグイン */
.snsShare{
	display:none;
}
.pcHeader .socialList, .footer .socialList{
	display: none;
}




/************************************
** 追加FAQアコーディオン用
************************************/
.faq-acc{
    
}
.faq-acc + .faq-acc{
    
}
.faq-acc_t{
    
    padding-right: 25px  !important;
    position:relative !important;
    cursor: pointer !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	border:none !important;
}
.faq-acc_t p{
    margin-bottom: 0;
}
.faq-acc_t:before{
position: absolute !important;
    content: "\f078" !important;
    font-family: fontAwesome !important;
    top: 0% !important;
    transform: translateY(0%) !important;
    right: 0px;
    color: #6a3906 !important;
    left: auto !important;
}
.faq-acc_t.open{
	padding-bottom:10px !important;
	margin-bottom:15px !important;
	border-bottom: 1px dotted #e1e1e1 !important;
}
.faq-acc_t.open:before{
    content: "\f077" !important;
}

.faq-acc_t span{
}
.faq-acc_d{
    display:none;
	/*
	border-top: 1px dotted #e1e1e1;
	margin-top: 10px !Important;
	padding-top: 15px !Important;*/
}
.faq-acc_t.open + .faq-acc_d{
    /*display:block;*/
}


/************************************
** ブロックディスプレイ用
************************************/
.blockDisplay_data{
    /*display: none;*/
}
.blockDisplay_btn{
    border: 1px solid #8fc31f;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin: 30px auto;
    max-width: 360px;
    opacity: 1.0;
    padding: 10px 20px;
    text-align: center;
    transition-duration: .2s;
    transition-timing-function: ease-in;
    width: 100%;

}
.blockDisplay_btn span{
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.blockDisplay_btn span:before{
    content: "\f055";
    font-family: 'FontAwesome';
    font-size: 15px;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.blockDisplay_btn.open{
    opacity: 0.8;
}
.blockDisplay_btn.open span:before{
    content: "\f056";
}

/************************************
** ボックス下 margin30px
************************************/
.mb_30 {
	margin-bottom: 30px;
}

/************************************
** 3つボタン用
************************************/
.btnArea_row .btn{
    font-weight: bold;
}
@media (max-width: 47.99em) {
	.btnArea_row.btnArea_row-3{
		display:block;
	}
}
.btnArea_row.btnArea_row-3 .btnArea_row_col{
	flex: 0 0 31%;
}
@media (max-width: 47.99em) {
	.btnArea_row.btnArea_row-3 .btnArea_row_col:not(:last-child){
		margin-bottom:10px;
	}
}
.btn-orange{
	background: #f3a70d;
	box-shadow: #e39905 0 -4px 0 inset;
}
.btn-orange:hover{
	background: #f9af1b;
	box-shadow: #eda007 0 -4px 0 inset;
}

@media (min-width: 48em){
	.btn-orange{
		box-shadow: #e39905 0 -5px 0 inset;
	}
}


/************************************
** 計算機（数値設定バージョン）用
************************************/
.v2_calcFeed_container + p, .v2_calcFeed_container_rslt + p {
    margin-bottom: 0;
}


/************************************
** fadeMore用
************************************/
.fadeMore{
    position: relative;
    padding-bottom: 70px;
}
.fadeMore_content {
    position: relative;
    /*height: 200px;*/
    transition: all .4s;
    overflow: hidden;
}

.fadeMore_content::before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all .4s;
    z-index: 1;
	height: 140px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .95) 90%);
}

.fadeMore_content.is_open:before{
    display: none;
}

.fadeMore_btn{
    position: absolute;
    display: table;
    left: 50%;
    bottom: 0px;
    margin: 0 auto;
    width: 100%;
    line-height: 80px;
    font-size: 0.9em;
    text-align: center;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 2;
    transition: all .4s;
	color:#999;
}
.fadeMore_btn span:after{
	content: "\f078";
    font-family: 'FontAwesome';
	margin-left:10px;
	font-size: 0.8em;
    position: relative;
    top: -1px;
}
.fadeMore_content.is_open + .fadeMore_btn span:after{
	content: "\f077";
}

.fadeMore_content *:first-child{
	margin-top:0;
}
.fadeMore_content.is_open {
    margin-bottom: -20px;
}

/************************************
** 2カラム画像テキストセットボックス用
************************************/
.cbw{
    background: #fff !important;
    border: 1px solid #eee !important;
    line-height: 1.5;
    font-size: 14px;
}
.cbw_ttl{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 15px;
    position: relative;
    /*padding-left: 10px;*/
}
.cbw_ttl:before{
    /*content: '';*/
    display: block;
    position: absolute;
    width: 3px;
    background: #aaa;
    height: calc(100% - 6px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
}
.cbw_txt{
    margin-bottom: 20px;
}
.colbox{
    display: flex;
}
.colbox + .colbox{
    margin-top: 20px;
}
.colbox_img{
    flex: 0 0 120px;
    margin-right: 12px;
}
.colbox_img img {
    border-radius: 3px;
}
.colbox_txt{
    flex: 1;
}
.colbox_txt_ttl{
    font-weight: bold;
    font-size:14px;
    display: flex;
    align-items: center;
    line-height: 1.5;
    margin-bottom: 10px;
}
.colbox_txt_ttl i{
    /*background: #8fc31f;*/
    /*color: #fff;*/
    background: #f9f9f9;
    display: inline-block;
    height: 1.5em;
    /*line-height: 1.5em;*/
    text-align: center;
    margin-right: 5px;
    padding: 0 5px;
    border-radius: 2px;
    /*font-weight: normal;*/
    font-size: 0.95em;
}
.colbox_txt_data{
    font-size: 12px;
    color:#999999;
}
@media (min-width: 48em){
    .cbw_ttl{
        font-size: 18px;
        /*padding-left: 15px;*/
    }
    .colbox + .colbox{
        margin-top: 30px;
    }
    .colbox_img{
        flex: 0 0 120px;
        margin-right: 20px;
    }
    .colbox_txt_ttl{
        font-size:15px;
    }
    .colbox_txt_data{
        font-size: 12px;
    }
}

/************************************
** アコーディオン調整用
************************************/
.entry .accordionBox_head .toggle_trigger:before {
    color: #2eabd7;
}

/************************************
** 開閉テーブルバージョン2用
************************************/
.table_other{
    display: none;
}
.table_btn{
    cursor: pointer;
	font-size: 0.9em;
	color:#999;
    line-height: 1.4;
    margin: 30px auto;
    text-align: center;
	position:relative;
}
@media (max-width: 47.99em) {
    .table_btn{
        font-size: 13px;
    }
}
.table_btn span{
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.table_btn span:after{
    content: "\f078";
    font-family: 'FontAwesome';
    font-weight: normal;
    margin-left:10px;
	font-size: 0.8em;
    position: relative;
    top: -1px;
}
.table_btn.open span:after{
    content: "\f077";
}
.table_btn::before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    bottom: 100%;
    width: 100%;
    transition: all .4s;
    z-index: 1;
    height: 150px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 100%);
}
.table_btn.open::before {
	display: none;	
}

/************************************
** テーブルthリンクカラー
************************************/
.entry .cusTable th a {
    color: #fff;
}

/************************************
** カスタムれビュー
************************************/
.cusReview {
    margin-bottom: 30px;
}
.cusReview + .cusReview{
    margin-bottom: 20px;
}
.cusReview_head {
    display: flex;
    align-items: center;
}
.cusReview_thumb {
    flex: 0 0 70px;
}
.cusReview_thumb img {
    border-radius: 50%;
}
.cusReview_prof {
    flex: 1;
    margin-left: 10px;
    font-size: 15px;
}
.cusReview_txt {
    background: #f5f5f5;/*fffbef*/
    padding: 20px 20px 20px 20px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px;
}
@media (max-width: 47.99em) {
    .cusReview_thumb {
        flex: 0 0 50px;
    }
    .cusReview_prof {
        font-size: 14px;
        margin-left: 8px;
    }
    .cusReview_txt {
        padding: 15px;
        margin-top: 8px;
        font-size: 13px;
        border-radius: 5px;
    }
}
.cusReview.-red .cusReview_txt {
    background: #ffebeb;
}
.cusReview.-blue .cusReview_txt {
    background: #ecf9ff;
}