@charset "utf-8";

.slide-info {
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    box-sizing: border-box;
    /* margin: 30px auto 64px; */
    padding: 4%;
    width: 100%;
}

.slide-info .slider .slick-track {
    display: flex;
    align-items: center;
}

.slide-info .slider img {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 auto;
    height: auto;
    width: auto;
    max-height: 400px;
    max-width: 98%;
}

.slide-info .slick-prev,
.slide-info .slick-next {
    width: 30px;
    height: 30px;
    line-height: 1;
    z-index: 2;
    background: #0033669c;
    border-radius: 50%;
}

.slide-info .slick-prev {
    left: -25px;
}

.slide-info .slick-next {
    right: -25px;
}

.slide-info .slick-prev:before,
.slide-info .slick-next:before {
    font-family: inherit !important;
    content: "";
    position: absolute;
    top: 63%;
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: block;
    opacity: 1;
    margin-top: -10px;
    box-sizing: border-box;
}

.slide-info .slick-prev:before {
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 8px;
}

.slide-info .slick-next:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.slide-info span.quote-text {
    width: 100%;
    font-size: 12px;
    display: block;
    line-height: 1.2;
    text-align: center;
    margin: 4px auto;
    word-break: break-all;
    color: #aaa;
}

.boxInner h1,
.boxInner .title {
    font-size: 14px;
    background-size: 90px auto;
}

.boxInner .title {
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 95px;
}

.boxInner h1,
.boxInner .title {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
    line-height: 125%;
    margin: 0 auto 0 0;
    text-align: left;
    background: url(img/img_rogo.png) no-repeat left center;
}

.boxInner .title {
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 95px;
    background-size: 60px auto;
}

p.copy {
    padding: 5px;
}

p.inyo {
    font-size: 12px;
    text-align: center;
}

p.caution {
    font-size: 11px;
    line-height: normal;
}

.btn-web a {
    background: no-repeat 95% 50% url(img/arrow_3.png), linear-gradient(to bottom, #1fab2b 0%, #055f17 100%);

}

@charset "utf-8";

header h1:before,
header .title a:before {
    content: "PR";
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    width: fit-content;
    margin-right: 1rem;
    font-size: 16px;
    padding: 0 1rem;
    line-height: 1.5;
    text-shadow: none;
}

footer p.copy a:before {
    content: "【PR】";
}

/* .official{
    margin:20px 0px;
}
.official li{
text-align:left!important;
}
#category p.btn-web.heisa {
    background: #bbb;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 25px 40px 25px 20px;
    margin: 20px auto;
    width: 400px;
    border-radius: 10px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    display: block;
}
.official .partTtl{
  font-size   : 30px!important;
  border:none !important;
  margin:0px !important;
  font-weight : bold!important;
  color       : #003366!important;
  text-shadow:  2px  2px 10px #e3e3e3,
               -2px  2px 10px #e3e3e3,
                2px -2px 10px #957F79,
               -2px -2px 10px #957F79;
}
.official .partTtl:before{
display:none;
}
.center{
  text-align:center!important;
}
.right{
  text-align:right!important;
}
.heading{
  padding: 0rem 1rem!important;
  border-left: 6px double #000!important;
  font-weight: bold!important;
}

ul.column_record{display:block; margin:auto; max-height:300px;overflow-y: scroll; padding:10px; border:solid 1px #003366; margin-bottom:15px;}
ul.column_record li{display:block; background:none; border-bottom:solid 1px #Ffff7f; margin-bottom:10px; padding:0px 0px 5px 0px;}
ul.column_record li::before{content:none;}
ul.column_record li span.day{font-size:small; display:block; background:none; color:#000;width:120px;margin:0px;} */

.mini {
    font-size: 10px;
}

/*2021.03.17*/

.time_area {
    font-size: .8em;
    padding: .5em;
    text-align: right;
}

/*2021.03.17　END*/


/*2021.06.15*/
.official {
    margin: 0 auto;
    margin-top: 50px;
}

.official ul {
    display: block;
    margin: auto;
    padding: 20px;
    max-height: 300px;
    overflow-y: auto;
    border: 3px double #003366;
    margin-bottom: 15px;
}

.official ul li {
    display: block;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding: 0px 0px 5px 0px;
    text-align: left;
}

.official ul li span {
    font-size: 0.8em;
    display: block;
    background: none;
    color: #000;
    margin: 0px;
    font-weight: bold;
}

.official ul div {
    padding: 0rem 1rem;
    border-left: 6px double #b9651c;
    font-weight: bold;
    color: #b9651c;
}

.official .right {
    text-align: right;
}

/*2021.06.15　END*/

#index .official ul li {
    background: none;
    padding-left: 0;
}


/* oki_20220616 */
.kanren {
    border: 1px solid #000;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
    margin: 2rem auto;
}

.midasi {
    border-bottom: 1px solid #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/* アコーディオンのときに下記追加 */
.readmore-content {
    position: relative;
    overflow: hidden;
    height: 100px;
}

.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label {
    display: table;
    bottom: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 0 10px;
    background-color: rgba(191, 167, 96, 1);
    border-radius: 10px;
    color: #FFF;
}

.readmore-label:before {
    content: '続きを読む';
}

.readmore-check {
    display: none;
}

/*チェック時にボタンを非表示*/
.readmore-check:checked~.readmore-label {
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}

.readmore-check:checked~.readmore-label:before {
    content: '閉じる';
}

/*チェック時に高さを自動に戻す*/
.readmore-check:checked~.readmore-content {
    height: auto;
}

/*チェック時グラデーション等を削除*/
.readmore-check:checked~.readmore-content::before {
    display: none;
}


.select3_parts .btn-internal a{
    width: 100%;
}


/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {
    /*/////////////PC用のCSSをここに作成してください。/////////////*/
    /*/////////////必ず中括弧の中に作成してください。/////////////*/

    header h1,
    header .title a {
        font-size: 29px;
        background-size: 130px auto;
        padding: 25px 0 25px 150px;
    }

    header .description {
        margin-bottom: 10px;
    }

    a {
        text-decoration: underline;
    }

    p.bold {
        font-size: 18px;
        font-weight: 700;
    }

    div.t-cen {
        text-align: center;
    }

    #index,
    #category,
    #page {
        padding-top: 0;
    }

    #index h2,
    #category h1,
    #page h1 {
        margin-top: 70px;
    }

    .table-layout {
        margin: 20px 0 0
    }

    .table-layout table tbody tr th,
    .table-layout table tbody tr td {
        text-align: center;
    }

    .table-layout table.tokucho th {
        width: 50%;
    }

    .tokucho tbody td {
        font-size: 0.9em;
        text-align: center;
    }

    .tokucho tbody td span.marubatsu {
        font-size: 2em;
        font-family: Meiryo, "メイリオ", "MS PGothic", Sans-Serif;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .tokucho tbody td span.marubatsu-1 {
        font-size: 2em;
        font-family: Meiryo, "メイリオ", "MS PGothic", Sans-Serif;
        color: #ff0000;
        display: inline-block;
        width: 100%;
    }

    .svr {
        display: block;
        background-color: #ffffe0;
        margin: 0 auto;
        padding: 10px;
        width: 100%;
        border-radius: 10px;
    }

    p.hosoku {
        font-size: 0.7em;
        text-align: center;
        line-height: 1.4em;
    }

    .box_left_p {
        width: 31%;
        height: auto;
        margin-left: 10px;
        float: left;
    }

    .box_left_p2 {
        width: 47%;
        height: auto;
        margin-left: 10px;
        float: left;
    }

    .box_left_p2_1 {
        width: auto;
        height: auto;
        text-align: center;
    }

    .box_wrap_p {
        width: 100%;
    }

    .clearfix_p:after {
        display: block;
        clear: both;
        content: "";
    }

    img.p3 {
        width: 100%;
    }

    img.p4 {
        width: 72%;
    }

    img.p5 {
        width: 45%;
    }

    .p-center {
        text-align: center;
    }

    #index h6 {
        font-size: 20px;
        font-weight: bold;
        line-height: 140%;
        margin: 20px auto 10px;
        padding: 5px 0;
        position: relative;
        width: 100%;
        padding-bottom: .5em;
        border-bottom: 1px solid #ccc;
    }

    /*--- oki_20180216 ---*/
    #page h1 span {
        display: block;
    }

    p.emp {
        font-weight: bold;
        font-size: 16px;
    }

    span.pcp {
        font-weight: bold;
    }

    .tb_2 table {
        text-align: center;
        width: 100%;
    }

    div#category h1 span {
        display: block;
    }


    /*** 20201028 start ***/

    .select3_box {
        display: flex;
        flex-wrap: wrap;
    }

    .select3_parts {
        float: left;
        width: 32%;
        margin: 0 auto;
        padding: 15px 10px 15px;
        border: 1px solid #003366;
        border-radius: 3px;
    }

    p.select3_catch {
        color: #b32739;
        font-family: "HG明朝B", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        line-height: 1.4;
        font-size: 1.4em;
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    p.select3_catch:before {
        content: "";
        width: 100%;
        height: 5px;
        display: block;
        position: absolute;
        bottom: -11px;
        border-bottom: solid 2px #c3859a;
    }

    p.select3_ttl {
        text-align: center;
        font-family: "HG明朝B", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 1.5em;
        line-height: 1.4;
        margin: 0 0 8px;
        padding: 5px 0px;
    }

    .select3_parts .btn-web a {
        width: auto;
        padding: 25px 15px 25px 10px;
        background: no-repeat 95% 50% url(img/arrow_3.png), rgba(210, 27, 33);
    }

    .select3_parts .table-layout table tbody th,
    .select3_parts .table-layout table tbody td {
        padding: 5px;
    }

    /*** 20201028 end ***/

    /*** 20210615 start ***/
    .official {
        padding: 20px 0;
    }

    /*** 20210615 end ***/


    /*** 20230818 start ***/
    .select3_parts .table-layout table tbody th {
        background-color: #003366;
        color: #fff;
    }

    .select3_parts .table-layout table tbody td {
        color: #333333;
        background-color: #fffdfe;
    }


    .select3_parts .table-layout table tbody td span.cost-upper {
        font-size: 13px;
        color: #b32739;
    }

    .select3_parts .table-layout table tbody td span.cost-lower {
        font-size: 23px;
        color: #b32739;
    }

    .caption a {
        color: #888888;
    }

    /*** 20230818 end ***/

}

.choice3 sp {
    display: none;
}

/*トップページ早見表*/
th.th-com {
    font-size: 16px;
    width: 25%;
    padding: 13px 8px 10px;
    text-align: center;
}

td.c {
    width: 20%;
    font-size: 25px;
}

table.hayami-table {
    margin-bottom: 50px;
    width: 100%;
    margin: 20px 0;
    margin-left: -20px;
}

table tr>th,
table tr>td {
    background-color: #ffffe0;
    /*font-size: 14px;*/
    color: rgb(137, 127, 121);
    line-height: 1.8;
    text-align: center;
    border: 2px solid #734F31;
    padding: 21px 14px 17px;
    font-weight: bold;
}

.wr01_table-scroll,
p.spOnly {
    display: none;
}


.red {
    color: #B91C22
}

.b {
    font-weight: bold;
}


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {

    /*/////////////SP用のCSSをここに作成してください。/////////////*/
    /*/////////////必ず中括弧の中に作成してください。/////////////*/
    a {
        text-decoration: underline;
    }

    #category p.btn-web.heisa {
        width: 84%;
    }

    #index h3,
    #category h2,
    #page h2 {
        font-size: 1.5em;
    }

    #index h4,
    #category h3,
    #page h3 {
        margin-top: 30px;
    }

    div.img {
        display: none;
    }

    div.FV-index {
        display: none;
    }

    div.t-cen {
        text-align: center;
    }

    #index,
    #category,
    #page {
        padding-top: 0;
    }

    #index h2,
    #category h1,
    #page h1 {
        margin: 50px auto;
    }

    .table-layout {
        margin: 20px 0 0;
    }

    .table-layout table thead th,
    .table-layout table tbody th {
        width: 30%;
    }

    .table-layout table.tokucho tbody th {
        text-align: center;
    }

    .tokucho tbody td {
        font-size: 0.8em;
        text-align: center;
    }

    .tokucho tbody td span.marubatsu {
        font-size: 1.8em;
        font-family: Meiryo, "メイリオ", "MS PGothic", Sans-Serif;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .tokucho tbody td span.marubatsu-1 {
        font-family: Meiryo, "メイリオ", "MS PGothic", Sans-Serif;
        color: #ff0000;
        display: inline-block;
        width: auto;
        text-align: center;
    }

    .svr {
        display: block;
        background-color: #ffffe0;
        margin: 0 auto;
        padding: 10px;
        width: 100%;
        border-radius: 10px;
    }

    .btn-internal a,
    .btn-web a,
    .in_link_btn a {
        width: 85%;
        margin-bottom: 20px;
    }

    .btn-link a {
        width: 85%;
        margin: 0 auto;
    }

    p {
        word-wrap: break-word;
    }

    p.bold {
        font-size: 1.1em;
        font-weight: bold;
    }

    p.hosoku {
        font-size: 0.7em;
        text-align: center;
        line-height: 1.4em;
    }

    .boxInner h1 {
        width: 80%;
        padding: 10px 0 10px 100px;
    }

    .boxInner h1,
    .boxInner .title a {
        font-size: 14px;
        background-size: 90px auto;
    }

    #bt-menu {
        top: 40%;
    }

    #index h6 {
        font-size: 16px;
        font-weight: bold;
        line-height: 140%;
        margin: 20px auto 10px;
        padding: 0;
        position: relative;
        width: 100%;
        padding-bottom: .5em;
        border-bottom: 1px solid #ccc;
    }


    /*--- oki_20180216 ---*/
    /*table*/
    .t-box thead {
        display: none;
    }

    .t-box th,
    .t-box td {
        display: block;
        width: 100%;
        padding: 10px 0 10px 0;
    }

    .t-box-list table td::before {
        content: attr(data-label);
        text-align: left;
        font-weight: bold;
        display: block;
        background: #f5f5f5;
        padding: 4px;
    }



    /*ヘッダー3選*/
    .header .choice3 {
        padding: 0;
        position: fixed;
        z-index: 101;
        width: 100%;
    }

    p.httl {
        text-align: center;
    }

    .data_area {
        display: flex;
        border: 1px solid #ccc;
    }

    .data_area div {
        border-right: 1px solid #ccc;
        background: #fff;
        width: 100%;
    }

    .header .data_area div p.ttl {
        background: #B2D362;
        color: #fff;
    }

    .header .data_area img {
        width: 100px;
    }

    .header .data_area .btn {
        width: unset;
        padding: 0;
        background: unset;
    }

    .data_area .btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        width: 85%;
        box-sizing: border-box;
        background: #ff802c;
        padding: 3px;
        text-align: center;
        font-size: 10px;
        text-decoration: none;
        line-height: 1.3;
        border-radius: 5px;
        color: #fff;
        border: 2px outset #b545227a;
        margin-bottom: 5px;
    }

    .data_area p.ttl {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.3;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #ccc;
        background: #88B5E1;
        color: #fff;
    }

    /*トップページ早見表*/
    .hayami-table {
        display: none;
    }

    .wr01_table-scroll {
        display: block;
        margin: 20px 0px;
        width: auto;
        white-space: nowrap;
        padding-bottom: 10px;
        overflow-x: scroll !important;
    }

    .wr01_table-scroll table th {
        font-size: 16px;
        font-weight: bold;
        width: 38%;
    }

    .wr01_table-scroll a {
        color: #1B233B;
    }

    .hayami-table-sp {
        font-size: 20px;
    }

    .spOnly {
        display: block !important;
    }

    /*** 20201028 start ***/

    .select3_box {
        display: flex;
        flex-wrap: wrap;
    }

    .select3_parts {
        width: 100%;
        margin: 10px auto;
        padding: 15px 10px 15px;
        border: 1px solid #003366;
        border-radius: 3px;
    }

    p.select3_catch {
        color: #b32739;
        font-family: "HG明朝B", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
        line-height: 1.4;
        font-size: 1.4em;
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    p.select3_catch:before {
        content: "";
        width: 100%;
        height: 5px;
        display: block;
        position: absolute;
        bottom: -11px;
        border-bottom: solid 2px #c3859a;
    }

    p.select3_ttl {
        text-align: center;
        font-family: "HG明朝B", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 1.5em;
        line-height: 1.4;
        margin: 0 0 8px;
        padding: 5px 0px;
    }

    .select3_parts .btn-web a {
        width: auto;
        padding: 25px 15px 25px 10px;
        background: no-repeat 95% 50% url(img/arrow_3.png), rgb(210, 27, 33);
    }

    .select3_parts .btn-tel a {
        width: auto;
    }

    .select3_parts .table-layout table tbody th,
    .select3_parts .table-layout table tbody td {
        padding: 5px;
    }

    /*** 20201028 end ***/

    /*** 20210615 start ***/
    .official {
        width: 100%;
        padding: 5% 0;
        margin-top: 50px;
    }

    .official ul {
        width: 100%;
        padding: 15px;
    }

    /*** 20210615 end ***/

    .date p {
        font-size: 13px;
    }

    /*** 20230818 start ***/

    .select3_parts .table-layout table tbody th {
        background-color: #003366;
        color: #fff;
    }

    .select3_parts .table-layout table tbody td {
        color: #333333;
        background-color: #fffdfe;
        font-size: 15px;
    }


    .select3_parts .table-layout table tbody td span.cost-upper {
        color: #b32739;
    }

    .select3_parts .table-layout table tbody td span.cost-lower {
        font-size: 25px;
        color: #b32739;
    }

    .caption a {
        color: #888888;
    }

    /*** 20230818 end ***/
    .slide-info {
        margin: 30px auto;
        width: 100%;
        max-width: 425px;
    }

    .slide-info .slick-prev {
        left: -10px;
        width: 30px;
        height: 30px;
        margin-top: -10px;
    }

    .slide-info .slick-prev:before {
        width: 10px;
        height: 10px;
        right: 9px;
        margin-top: -9px;
    }

    .slide-info .slick-next {
        right: -10px;
        width: 30px;
        height: 30px;
        margin-top: -10px;
    }

    .slide-info .slick-next:before {
        width: 10px;
        height: 10px;
        left: 9px;
        margin-top: -9px;
    }

    .btn-tel a {
        background: no-repeat 20px 50% url(img/icon_tel.png),
            no-repeat 95% 50% url(img/arrow_3.png);
        background-color: #2a7abd;
        background-size: 30px auto, 16px auto, cover;
        color: #fff;
        display: block;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 20px 40px 20px 50px;
        margin: 10px auto;
        width: 85%;
        border-radius: 10px;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
}