@charset "utf-8";
/*--------------------------------------------------
 * pc　768px以上
 *--------------------------------------------------*/

@media only screen and (min-width: 768px), print {
    .sp_table {
        display: none!important;
    }
    /*上のテーブル*/
    .shopReview {
        width: 780px;
        border-collapse: collapse;
        margin-bottom: 40px;
    }
    /* 口コミレビュー */
    .shopEvaluation {
        font-size: 14px;
        background-color: #f3f3f3;
        color: #555;
        border-bottom: #ddd solid 1px;
        padding: 5px 20px 4px 5px;
        font-weight: normal;
        margin-bottom: 10px;
    }
    .shopReviewBox {
        width: 778px;
        margin-bottom: 40px;
        border: #e1dfd9 solid 1px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        overflow: hidden;
    }
    .shopReviewBox>table {
        margin: -1px;
    }
    .shopReview td {
        border: #e1dfd9 solid 1px;
    }
    .shoselectRank>td {
        padding-top: 10px;
        padding-bottom: 7px;
    }
    .serect1 {
        background: url(../img/topIcon.png) no-repeat 4px 10px;
        padding-left: 35px !important;
        padding-right: 5px;
        font-size: 18px;
        color: #b8a000;
        font-weight: bold;
    }
    .selectPOINT1, .selectPOINT1 a {
        font-size: 18px;
        color: #b8a000;
        padding-left: 10px;
        padding-right: 10px;
    }
    .selectNumber {
        font-size: 11px;
        margin-left: 5px;
    }
    .serect2 {
        background: url(../img/secondIcon.png) no-repeat 4px 10px;
        padding-left: 35px !important;
        padding-right: 5px;
        font-size: 14px;
        color: #999;
        font-weight: bold;
    }
    .selectPOINT2 {
        font-size: 14px;
        color: #999;
        padding-left: 10px;
        padding-right: 10px;
    }
    .serect3 {
        background: url(../img/thirdIcon.png) no-repeat 4px 10px;
        padding-left: 35px !important;
        padding-right: 5px;
        font-size: 14px;
        color: #621e15;
        font-weight: bold;
    }
    .selectPOINT3 {
        font-size: 13px;
        color: #621e15;
        padding-left: 10px;
        padding-right: 10px;
    }
    .selectPOINT4 {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .selectBold {
        font-weight: bold;
    }
    .serectDate {
        padding-left: 10px;
        padding-right: 10px;
        background-color: #621e15;
        font-size: 12px;
        color: #fff;
    }
    /* ツールチップ */
    #reviewToolChip .onTip {
        position: relative;
        cursor: pointer;
    }
    .review-tooltips {
        display: none;
        position: absolute;
        bottom: 25px;
        z-index: 9999;
        padding: 10px 15px;
        color: #333;
        background: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        opacity: 0.9;
        width: 150px;
        box-shadow: 0 0 10px #999;
        -moz-box-shadow: 0 0 10px #999;
        -webkit-box-shadow: 0 0 10px #999;
    }
    #reviewToolChip .titleTool:hover~.review-tooltips {
        display: block;
    }
    .reviewLEFT {
        border-right: #FFFFFF solid 1px;
    }
    /* レビュー投稿画面 */
    .reviewContribution {
        margin-bottom: 30px;
        padding: 15px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: #ddd solid 1px;
    }
    .contributionInfo {
        font-size: 12px;
        margin-bottom: 15px;
        line-height: 18px;
    }
    .contributionBUTTOM a {
        display: block;
        padding: 5px 20px;
        background-color: #999;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-size: 13px;
        letter-spacing: 0.1em;
        box-shadow: 0 3px 0px #666;
        -moz-box-shadow: 0 3px 0px #666;
        -webkit-box-shadow: 0 3px 0px #666;
    }
    .contributionBUTTOM a:hover {
        background-color: #B7B7B7;
        position: relative;
        top: 2px;
        box-shadow: 0 1px 0px #666;
        -moz-box-shadow: 0 1px 0px #666;
        -webkit-box-shadow: 0 1px 0px #666;
    }
    .reviewVisitor {
        font-size: 13px;
        font-weight: bold;
        border-left: #333 solid 2px;
        color: #333;
        padding-left: 10px;
        display: block;
        margin-bottom: 5px;
        letter-spacing: 0.1em;
    }
    /* レビュー一覧 */
    .reviewblockArea {
        overflow: hidden;
        border-bottom: #ddd solid 1px;
        padding-bottom: 20px;
    }
    .reviewH3 {
        font-size: 13px;
        font-weight: normal;
        float: left;
        position: relative;
        top: 10px;
    }
    .reviewDisplay {
        float: right;
        padding-bottom: 5px;
    }
    .reviewCom {
        float: left;
        font-size: 11px;
        margin-right: 10px;
        color: #666;
        position: relative;
        top: 12px;
    }
    .reviewSEARCH {
        float: left;
    }
    /* レビュー ページネーション追加 */
    .reviewNaition {
        background-color: #f9f9f9;
        border-bottom: #eee solid 2px;
        padding: 20px 0;
        margin: 0 5px 30px 5px;
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
    }
    .reviewNaition_under {
        border-top: #ddd solid 1px;
    }
    /* 口コミレビュー部分 */
    .reviewArea {
        overflow: hidden;
        border-bottom: 50px;
        clear: both;
    }
    .reviewLEFTarea {
        float: left;
        width: 270px;
        margin-right: 10px;
        margin-bottom: 40px;
    }
    .reviewRIGHTarea {
        float: left;
        width: 450px;
        margin-bottom: 40px;
    }
    /* 口コミレビュー【左側情報】*/
    .ALLevaluationArea {
        border: #681f14 solid 4px;
        text-align: center;
        font-size: 15px;
        color: #333;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .ALLevaluationArea>div:first-child {
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin: 10px 18px 8px 20px;
        line-height: 17px;
    }
    .ALLevaluationArea>div:last-child {
        float: left;
        font-size: 22px;
        font-weight: bold;
        margin-top: 8px;
        color: #681f14;
    }
    .visitorINFO {
        padding: 0 10px 5px 10px;
        overflow: hidden;
    }
    .visitorLEFT {
        float: left;
        width: 170px;
        margin-top: 5px;
    }
    .visitorRIGHT {
        float: right;
    }
    .dayDate {
        display: block;
        font-size: 12px;
    }
    .nameDate {
        display: block;
        font-size: 15px;
        margin: 2px 0;
    }
    .nameCity {
        font-size: 12px;
        margin: 2px 0;
    }
    .oldDate>li {
        display: inline-block;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border: solid 1px #00366F;
    }
    .sex_1 {
        background-color: #fff;
        margin-right: 1px;
    }
    .age_1 {
        background-color: #fff;
        border: none !important;
    }
    .sex_2 {
        background-color: #fff;
        margin-right: 1px;
        border: solid 1px #E8898A !important;
    }
    .age_2 {
        background-color: #fff;
        border: none !important;
    }
    .constructionINFO {
        border-left: #ddd solid 1px;
        border-right: #ddd solid 1px;
        border-top: #ddd solid 1px;
    }
    .constructionTTL {
        display: block;
        background-color: #eee;
        text-align: center;
        font-size: 12px;
        padding: 3px 0;
        border-bottom: #ddd solid 1px;
    }
    .constructionWORK {
        display: block;
        font-size: 14px;
        text-align: center;
        padding: 5px 0;
    }
    .estimateINFO {
        border: #333 solid 1px;
        text-align: center;
        padding: 5px 0;
        font-size: 13px;
        color: #333;
    }
    .estimateCount {
        font-size: 16px;
        font-weight: bold;
        color: #681f14;
        margin-left: 10px;
    }
    .evaluationLIST {
        border-left: #ddd solid 1px;
        border-right: #ddd solid 1px;
    }
    .evaluationLIST>li {
        padding: 5px 20px 3px 20px;
        border-bottom: #ddd dotted 1px;
        font-size: 13px;
        overflow: hidden;
    }
    .evaluationLIST>li:last-child {
        border-bottom: #ddd solid 1px;
    }
    .satisLIST {
        display: block;
        width: 115px;
        float: left;
    }
    .starLIST img {
        position: relative;
        top: 2px;
    }
    .starCount {
        margin-left: 10px;
        font-size: 15px;
    }
    /* 口コミレビュー【右側情報】*/
    .selectReason {
        border: #681f14 solid 1px;
        margin-bottom: 10px;
    }
    .reasonTTL {
        display: block;
        padding: 2px 0;
        text-align: center;
        background-color: #681f14;
        color: #fff;
        font-size: 12px;
    }
    .reasonAREA {
        text-align: center;
        overflow: hidden;
        padding: 7px 10px;
    }
    .reasonLIST {
        display: block;
        float: left;
        background-color: #EDEAD8;
        font-size: 12px;
        padding: 2px 11px;
        margin-right: 5px;
        color: #333;
    }
    .commentBOX {
        position: relative;
        background: #fff;
        border: 1px solid #ddd;
        width: 408px;
        padding: 20px 20px 30px 20px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        min-height: 220px;
    }
    .commentBOX:after, .commentBOX:before {
        right: 100%;
        top: 40px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .commentBOX:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 7px;
        margin-top: -7px;
    }
    .commentBOX:before {
        border-color: rgba(51, 51, 51, 0);
        border-right-color: #ccc;
        border-width: 8px;
        margin-top: -8px;
    }
    .commentKeyWord {
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #666;
        position: absolute;
        bottom: 0px;
        margin-left: -20px;
    }
    .commentTTL {
        font-size: 18px;
        margin-bottom: 10px;
        color: #333;
    }
    .commentTEXT {
        font-size: 14px;
        line-height: 30px;
        padding: 3px 0;
        border-bottom: #aaa dotted 1px;
    }
    .popTTLreview {
        font-size: 18px;
        text-align: center;
        margin: 20px 0;
        font-weight: bold;
    }
    .reviewLINKpop {
        margin: 10px 50px;
    }
    .reviewLINKpop a {
        display: block;
        background: #daedd0;
        /* Old browsers */
        background: -moz-linear-gradient(top, #daedd0 0%, #7dbc25 4%, #467c00 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daedd0), color-stop(4%, #7dbc25), color-stop(100%, #467c00));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #daedd0 0%, #7dbc25 4%, #467c00 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #daedd0 0%, #7dbc25 4%, #467c00 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #daedd0 0%, #7dbc25 4%, #467c00 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #daedd0 0%, #7dbc25 4%, #467c00 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daedd0', endColorstr='#467c00', GradientType=0);
        /* IE6-9 */
        color: #fff;
        text-align: center;
        padding: 15px 0;
        letter-spacing: 0.2em;
        border-radius: 10px;
        font-size: 16px;
        border: #2c9c20 solid 1px;
        box-shadow: 0 0 3px #aaa;
    }
    .reviewLINKpop a:hover {
        -webkit-transition: 0.5s linear;
        -moz-transition: 0.5s linear;
        -ms-transition: 0.5s linear;
        -o-transition: 0.5s linear;
        transition: 0.5s linear;
        opacity: 0.6;
    }
    .search-box {
        padding: 10px 20px;
        width: 750px;
        background-color: #eee;
        margin-bottom: 30px;
    }
    .search-table {
        display: table;
        font-size: 14px;
        margin: 10px 0px;
    }
    .search-table div {
        display: table-cell;
        padding: 10px;
        vertical-align: middle;
    }
    .area-search {
        width: 92%;
    }
    .area-search dd {
        float: left;
        border-right: #bbb dotted 1px;
        color: #ccc;
        font-size: 12px;
        padding: 5px 10px;
    }
    .area-search dd a {
        color: #345AD5;
    }
    .select-box {
        background-color: #fff;
        border: solid 1px #ddd;
        color: #000;
        padding: 10px 20px;
        position: relative;
    }
    .page-box {
        padding: 3px 20px;
        width: 750px;
        background-color: #eee;
        margin: 30px auto;
    }
    .page-table {
        display: table;
        font-size: 14px;
        width: 100%;
    }
    .page-table div {
        display: table-cell;
        text-align: center;
        padding: 5px;
        cursor: pointer;
        width: 33.33%;
    }
    .pagenationArea {
        display: table;
        width: 80%;
    }
    /*個別ページ*/
    .review_pc_780 {
        width: 780px;
        margin: 0 auto;
    }
    .review_pc_1220 {
        display: table;
        width: 1220px;
    }
}

/*--------------------------------------------------
 * スマホ 767px以下
 *--------------------------------------------------*/

@media only screen and (max-width: 767px) {
    /* 左サイドエリアリンク tachi */
    .left-links {
        display: none;
    }
    /*全体的に*/
    .reviewTd3 img, .reviewTd4 img {
        width: initial;
    }
    /*上のテーブル*/
    .shopReview {
        border-collapse: collapse;
        margin-bottom: 40px;
    }
    /*全体的に*/
    .boxWrapper_responsive {
        overflow: hidden;
    }
    .reviewTd3 img, .reviewTd4 img {
        width: initial;
    }
    /*レビュー投稿案内文字*/
    .contributionInfo {
        color: #666;
        font-size: 12px;
        padding: 10px;
    }
    /*評価一覧の上*/
    .shopEvaluation {
        font-size: 12px;
        background-color: #f3f3f3;
        color: #555;
        border-bottom: #ddd solid 1px;
        padding: 10px 20px 10px 5px;
        font-weight: normal;
        margin-bottom: 10px;
        text-align: center;
        font-size: 16px;
    }
    /*Reviewの下部分*/
    .reviewTd7 {
        display: none;
    }
    .shopReviewBox {
        margin-bottom: 20px;
    }
    .shopReview {
        border-collapse: collapse;
        margin-bottom: 10px;
        width: 100%;
    }
    .shopReview td {
        border: #e1dfd9 solid 1px;
    }
    .shoselectRank>td {
        padding-top: 10px;
        padding-bottom: 7px;
    }
    /*ランキングタイトル*/
    .titleTool {
        word-break: keep-all;
    }
    .respondents {
        background-color: #f5f5f5;
        font-size: 14px;
        text-align: center;
        width: 100%;
        padding: 5px;
        color: #000;
    }
    /*ランキングテーブル*/
    #reviewToolChip {
        width: 100%;
    }
    sp_table {
        display: table;
    }
    /*ランキング4位以下*/
    .shoselectRank {
        color: #666;
        font-size: 11px;
        text-align: center;
    }
    /*ランキング1位*/
    .serect1 {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
        color: #b8a000;
        font-weight: bold;
    }
    .selectPOINT1, .selectPOINT1 a{
        font-size: 16px;
        color: #b8a000;
        padding-left: 10px;
        padding-right: 10px;
    }
    .serect1::before {
        font-family: 'FontAwesome';
        content: "\f091";
    }
    /*ランキング2位*/
    .serect2 {
        padding-left: 5px;
        font-size: 14px;
        color: #999;
        font-weight: bold;
    }
    .serect2::before {
        font-family: 'FontAwesome';
        content: "\f091";
    }
    .selectPOINT2 {
        font-size: 14px;
        color: #999;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*ランキング3位*/
    .serect3 {
        padding-left: 5px;
        font-size: 13px;
        color: #621e15;
        font-weight: bold;
    }
    .serect3::before {
        font-family: 'FontAwesome';
        content: "\f091";
    }
    .selectPOINT3 {
        font-size: 13px;
        color: #621e15;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*レビュー投稿*/
    .reviewVisitor {
        font-size: 13px;
        font-weight: bold;
        border-left: #333 solid 2px;
        color: #333;
        padding-left: 10px;
        display: block;
        margin-bottom: 5px;
        letter-spacing: 0.1em;
    }
    .reviewContribution {
        margin: 10px;
        padding: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: #ddd solid 1px;
    }
    .contributionBUTTOM a {
        display: block;
        padding: 5px 20px;
        background-color: #999;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-size: 13px;
        letter-spacing: 0.1em;
        box-shadow: 0 3px 0px #666;
        -moz-box-shadow: 0 3px 0px #666;
        -webkit-box-shadow: 0 3px 0px #666;
        margin-bottom: 20px
    }
    /*都道府県リストをスマホ用に書き換えるここから*/
    .side-search {
        left: initial !important;
        z-index: 9999;
        display: initial;
        position: initial;
        top: initial;
        left: initial;
        background-color: initial;
        width: initial;
        padding: initial;
        border: initial;
        z-index: initial;
        box-shadow: initial;
        -moz-box-shadow: initial;
        -webkit-box-shadow: initial;
        position: fixed;
        z-index: 9999;
        background-color: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll;
    }
    .side-search h2 {
        padding: 10px 0 10px 0;
    }
    /*絞り込み*/
    .build-box {
        display: block;
    }
    /*地域とかの選択するところ*/
    .build-box {
        /*ここも違うよ。*/
        background-color: #fff;
        color: #000;
        padding: 10px;
        font-size: 12px;
        text-align: center;
    }
    .side-search dl {
        margin: 0;
    }
    .side-search dt {
        float: initial;
        border-right: initial;
        color: initial;
        font-size: initial;
        width: initial;
        text-align: initial;
        border-top: 2px solid #748992;
        background: #F2F2F2;
        padding: 10px;
        color: #000;
    }
    .side-search dd {
        float: initial;
        border-right: initial;
        color: initial;
        font-size: initial;
        padding: initial;
        display: none;
        background: #ffffff;
        padding: 15px 0px 10px 30px;
        color: #222;
    }
    .side-search dt:first-child {
        border-top: none;
    }
    .side-search dt::before {
        font-family: FontAwesome;
        content: "\f078";
        margin-right: 20px;
    }
    .side-search dd::before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 1.0em;
        color: #04B404;
        position: absolute;
        right: 30px;
    }
    .search-table .title_sp {
        /*ここも違うよ。*/
        font-size: 1.5em;
        margin: 10px 20px 10px 5px;
    }
    .search-table .sub_title_sp {
        background-color: #fff;
        border: solid 1px #ddd;
        color: #000;
        padding: 10px!important;
    }
    .side-search dd a {
        color: #000;
    }
    .accordion_open_sp {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .accordion_open_sp dd {
        display: block !important;
        width: 30%;
        padding: 10px 0px 10px 0px;
        border: solid 0.5px #ddd;
        text-align: center;
        font-size: 12px;
    }
    .accordion_open_sp dd::before {
        font-family: initial;
        content: initial;
        font-size: initial;
        color: initial;
        position: initial;
        right: initial;
    }
    /*検索ボックス*/
    .search-box {
        padding: 10px 20px;
        background-color: #eee;
        margin-bottom: 30px;
    }
    /*reviewの星を消す*/
    .review_star img {
        width: initial !important;
    }
    .evaluationLIST img {
        width: initial !important;
    }
    /*レビューエリア*/
    .reviewArea {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 10px 5px 40px 10px;
    }
    /*お客様総合満足度*/
    .ALLevaluationArea>div:first-child {
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin: 10px 18px 8px 20px;
        line-height: 17px;
    }
    .ALLevaluationArea>div:last-child {
        font-size: 22px;
        font-weight: bold;
        margin-top: 12px;
        color: #681f14;
    }
    .reviewLEFTarea {
        display: flex;
        width: 95%;
        flex-direction: column;
    }
    .constructionINFO {
        order: 3;
        border: #d9d9d9 solid 1px;
        text-align: center;
        padding: 5px 0 5px 0;
    }
    .estimateINFO {
        order: 4;
        /* width: 100%; */
    }
    .evaluationLIST {
        order: 5;
        width: 100%;
        display: flex;
    }
    /*星を小さく*/
    .ALLevaluationArea img {
        width: initial !important;
    }
    .ALLevaluationArea {
        border: #d9d9d9 solid 1px;
        text-align: center;
        font-size: 15px;
        color: #333;
        overflow: hidden;
        order: 2;
        /* width: 100%; */
        font-size: 14px;
        font-weight: bold;
        line-height: 17px;
        background-color: #e9e9e9;
    }
    .visitorINFO {
        padding: 0 20% 5px 20%;
        overflow: hidden;
        display: flex;
        order: 1;
        border: #d9d9d9 solid 1px;
        text-align: center;
    }
    .visitorLEFT {
        float: left;
        width: 170px;
        margin-top: 5px;
    }
    .dayDate {
        display: block;
        font-size: 12px;
    }
    .nameDate {
        display: block;
        font-size: 15px;
        margin: 2px 0;
    }
    .oldDate>li {
        display: inline-block;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border: solid 1px #00366F;
    }
    .sex_1 {
        background-color: #3871E3;
        color: #fff;
        font-size: 11px;
        padding: 2px 10px;
    }
    .age_1 {
        background-color: #60BFD3;
        color: #fff;
        font-size: 11px;
        padding: 2px 10px;
    }
    .sex_2 {
        background-color: #FF679F;
        color: #fff;
        font-size: 11px;
        padding: 2px 10px;
    }
    .age_2 {
        background: #FFA3CE;
        color: #fff;
        font-size: 11px;
        padding: 2px 10px;
    }
    li {
        list-style-type: none;
        flex: 1;
    }
    /*今回の相見積もりの件数*/
    .estimateINFO {
        border: #d9d9d9 solid 1px;
        text-align: center;
        padding: 5px 0 5px 0;
    }
    .evaluationLIST li {
        list-style-type: none;
        flex: 1;
        text-align: center;
        border: #d9d9d9 solid 1px;
        /* display: table; */
    }
    .reviewRIGHTarea {
        border: #d9d9d9 solid 1px;
        width: 94.5%;
        padding: 5px 0 5px 0;
    }
    .reasonLIST {
        padding: 5px;
        background-color: #f9f9f9;
        font-size: 12px;
        border: #ccc solid 1px;
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
        /* text-align:  center; */
    }
    .commentTTL {
        background-color: #e9e9e9;
        padding: 5px 10px 5px 10px;
        clear: both;
        margin-left: 10p;
    }
    .commentBOX {
        clear: both;
        /* padding: 20px 0 0 0; */
        /* margin: 20px 0px 0px 0px; */
    }
    .commentBOX {
        clear: both;
    }
    .respondents span {
        color: ffffff;
    }
    .reviewArea {
        margin-left: 10px;
        margin-right: 10px
    }
    /*ペイントホームズを選んだ理由*/
    .reasonTTL {
        padding: 0px 10px 0px;
    }
    /*次へと戻るボタン*/
    .next_box {
        background-color: #292b37;
        color: #fff;
        display: table-cell;
        /* float: right; */
        padding: 10px 0px;
        width: 50%;
    }
    .prev_box {
        background-color: #eee;
        display: table-cell;
        padding: 10px 20px;
        width: 50%;
    }
    a.next:after {
        font-family: 'FontAwesome';
        content: "　　\f105";
        font-size: 24px;
        color: #fff;
        position: relative;
        top: 3px;
    }
    a.prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 24px;
        color: #333;
        position: relative;
        top: 3px;
        left: -60px;
    }
    .next_box a.next {
        color: #fff;
    }
    .pagenationArea {
        display: table;
        width: 100%;
    }
    .next_box a.next {
        color: #fff;
    }
    span.satisLIST:after {
        content: "\A";
        white-space: pre;
    }
    .reasonAREA {
        text-align: center;
        margin: 5px;
    }
    /*個別ページ*/
    .review_pc_780 {
        width: 100%;
    }
    .review_pc_1220 {
        width: 100%;
    }
    .page-box {
        padding: 3px 0px;
        width: 100%;
        /* background-color: #eee; */
        margin: 30px auto;
    }
    .page-table {
        display: table;
        font-size: 14px;
        width: 100%;
    }
    .page-table div {
        display: table-cell;
        text-align: center;
        padding: 5px;
        cursor: pointer;
        width: 33.33%;
        border: solid 1px #cecece;
        background-color: #eee;
    }
    .review_pc_780 .contentsTitle_h2{
        display: none;
    }
}

/*--------------------------------------------------
 * PCとスマホの共通
 *--------------------------------------------------*/

.clear-both.margin-bottom20.contentsTitle {
    clear: initial!important;
}

/*--------------------------------------------------
 * メニューの下のH2をスマホ向けに変更ここから
 *--------------------------------------------------*/

@media only screen and (max-width: 767px) {
    .borderTitle {
        display: block;
        font-size: 1.5em;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        text-align: center;
    }
    .knowlegeTab_under {
        display: none !important;
    }
    .contentsTitle_h2 {
        font-size: initial;
        font-weight: initial;
        color: initial;
        border-bottom: initial;
        margin-bottom: initial;
        color: initial;
    }
    .groundworkArea {
        padding: initial;
    }
    .groundworkDetail {
        margin: initial;
        padding: initial;
    }
    .typepage p {
        font-size: 16px;
        padding: 20px;
        padding-bottom: 1em !important;
        line-height: 1.6;
        color: #666;
    }
    .paintknowlegeVisual {
        color: #292b37 !important;
        text-align: center !important;
        font-size: 18px !important;
        padding: 30px !important;
    }
    .knowlegeContents {
        margin: 0;
    }
}

/*--------------------------------------------------
 * メニューの下のH2をスマホ向けに変更ここまで
 *--------------------------------------------------*/