@charset "utf-8";

/* CSS Document */

@media screen,
print {
    .divBox {
        padding: 15px 15px 15px 15px;
    }
    /* add a class 2021-11-30 R.Uoya  */
    .divBox-new-submit {
        text-align: right;
        margin-bottom: 50px;
    }
    .new-submit-review {
        padding: 5px 20px;
        border: 0.2px solid #0060a8;
        border-radius: 7%;
        background-color: #0060a8;
    }
    .fas {
        padding-left: 5px;
        color: #fff;
    }
    .new-submit-review-letter {
        color: #fff;
    }
    .tblBranchInfo_type01 {
        margin: 15px 5px 15px 5px;
        width: 100%;
    }
    .tblBranchInfo_type01 th,
    .tblBranchInfo_type01 td {
        border: 1px solid #999;
        vertical-align: middle;
        padding: 5px 15px 5px 15px;
        margin: -1px 0px 0px 0px;
    }
    .tblBranchInfo_type01 th {
        xwidth: 150px;
        background-color: #f0f0f0;
    }
    .tblBranchInfo_type01 td {}
    .tblBranchInfo_type01 dt {
        float: left;
    }
    .tblBranchInfo_type01 dd {
        margin: 0px 0px 0px 90px;
    }
    .tblBranchInfo_type01 .showBranchInfo_info {
        width: 80px;
    }
    .tblBranchInfo_type01 .showBranchInfo_info a {
        display: inline-block;
        width: 90px;
        height: 22px;
        background: url("/inc/img/common/bg_btn.gif");
        background-position: 0px -240px;
        color: transparent;
        cursor: pointer;
    }
    /* type 02 */
    h3.showBranchInfo_type02 {
        border-left: 5px solid #0060a8;
        border-top: 1px dotted #eee;
        border-bottom: 1px solid #0060a8;
        margin: 0px 0px 0px 530px;
        padding: 5px 0px 5px 10px;
        background-color: #f9f9f9;
        border-radius: 0px 0px 0px 5px;
    }
    .divInfoWidthMax h3.showBranchInfo_type02,
    .divInfo h3.showBranchInfo_type02 {
        margin: 0px 0px 0px 0px;
    }
    .showBranchInfo_dataList4 {
        width: 530px;
        margin: 15px 5px 15px 530px;
    }
    .divInfoWidthMax .showBranchInfo_dataList4,
    .divInfo .showBranchInfo_dataList4 {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }
    .showBranchInfo_dataList4 th,
    .showBranchInfo_dataList4 td {
        border-bottom: 1px solid #e0e0e0;
        vertical-align: middle;
        padding: 10px 15px 10px 15px;
    }
    .showBranchInfo_dataList4 th {
        width: 100px;
        text-align: left;
        padding: 0px 0px 0px 10px;
    }
    .showBranchInfo_dataList4 dt {
        float: left;
    }
    .showBranchInfo_dataList4 dd {
        margin: 0px 0px 0px 90px;
    }
    .showBranchInfo_dataList4 .showBranchInfo_info {
        width: 80px;
    }
    .showBranchInfo_dataList4 .showBranchInfo_info a {
        display: inline-block;
        width: 90px;
        height: 22px;
        background: url("/inc/img/common/bg_btn.gif");
        background-position: 0px -240px;
        color: transparent;
        cursor: pointer;
    }
    /* RYOWA_WEB_G-996 */
    .tblBranchInfo_type01 .tel {
        font-size: 2.2em;
        font-weight: bold;
        word-break: break-all;
    }
}

@media (max-width: 767px) {
    .tblBranchInfo_type01 {
        width: 89%;
    }
    .tblBranchInfo_type01 th,
    .tblBranchInfo_type01 td {
        border: 1px solid #ccc;
        float: left;
        width: 100%;
        padding: 10px 5% 10px 5%;
    }
    .tblBranchInfo_type01 .showBranchInfo_info {
        width: 100%;
        text-align: center;
    }
    .tblBranchInfo_type01 .showBranchInfo_info a {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        display: block;
        margin: 0px auto 0px auto;
        text-indent: 0;
        width: 150px;
        height: 35px;
        line-height: 35px;
        background-image: none;
        background: linear-gradient(#ccc, #aaa);
        border: 2px groove #aaa;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 2px 2px 2px #eee;
        text-shadow: 1px 1px 1px #666;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        clear: both;
    }
    /* RYOWA_WEB_G-996 */
    .tblBranchInfo_type01 .tel {
        font-size: 1.5em;
        font-weight: bold;
        word-break: break-all;
    }
}

@media (max-width: 568px) {
    .tblBranchInfo_type01 {
        width: 100%;
    }
    .tblBranchInfo_type01 .tel {
        text-align: center;
        font-size: 2rem;
    }
    /* add a class 2021-11-30 R.Uoya  */
    .divBox-new-submit {
        text-align: center;
        max-width: 100%;
        width: 100%;
        margin-bottom: 50px;
    }
    .new-submit-review {
        display: block;
        border: 0.2px solid #0060a8;
        border-radius: 3%;
        background-color: #0060a8;
    }
    .fas {
        padding-left: 5px;
        color: #fff;
    }
}