@charset "UTF-8";

/*プレイ内容*/
.play_contents {}
.play_introduction {
    position: relative;
    z-index: 1;
}
.play_introduction_image {
    position: relative;
    z-index: 2;
}
.play_introduction_image img {
    display: block;
    width: 100%;
}
.play_introduction_inner {
    padding: 120px 40px 40px;
    background: #111;
    background: url(../img/play/play_introduction_inner.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    margin: -70px 0 0 0;
    position: relative;
    z-index: 1;
}
.play_introduction_inner h3 {
    font-size: 42px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
    line-height: 1.4;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #8C6F11;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 1);
}
.play_introduction_inner h3 br {
    display: block;
}
.play_introduction_inner p {
    margin: 5px 0;
    color: #8C6F11;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.play_introduction_movie {
    margin: 60px 0 40px;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
}
.play_introduction_movie video {
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.play_introduction_movie_frame {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 760px;
}
.play_introduction_movie_frame img {
    display: block;
    width: 100%;
}
.play_introduction_movie_object {
    position: absolute;
    z-index: 3;
    bottom: -20px;
    right: -40px;
}
.play_introduction_movie_object img {
    display: block;
    width: 100%;
    max-width: 260px;
}
@media screen and (max-width: 768px) {
    .play_introduction_inner {
        padding: 100px 10px 20px;
    }
    .play_introduction_inner h3 {
        font-size: 24px;
        text-align: left;
    }
    .play_introduction_inner h3 br {
        display: none;
    }
    .play_introduction_inner p {
        text-align: left;
        font-size: 16px;
    }
    .play_introduction_movie {
        margin: 30px 0 20px;
    }
    .play_introduction_movie video {
        width: 94%;
    }
    .play_introduction_movie_object {
        bottom: -10px;
        right: -10px;
    }
    .play_introduction_movie_object img {
        max-width: 100px;
    }
}
.play_introduction_text {
    padding: 10px 40px 100px;
    background: #b9ac8c;
    background: -ms-linear-gradient(-45deg, #b9ac8c, #e9dec4, #b9ac8c);
    background: -moz-linear-gradient(-45deg, #b9ac8c, #e9dec4, #b9ac8c);
    background: linear-gradient(-45deg, #b9ac8c, #e9dec4, #b9ac8c);
    background-size: auto;
}
.play_introduction_text h4 {
    font-size: 26px;
    font-weight: bold;
    color: #b70000;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-shadow: 0 0 3px rgba(255, 255, 255, 1);
    margin: 30px 0 10px;
    line-height: 1.2;
    border-left: 5px solid #b70000;
    /*border-bottom: 1px dotted #875f5f;*/
    padding: 0 0 0 15px;
}
.play_introduction_text p {
    font-size: 17px;
}
@media screen and (max-width: 768px) {
    .play_introduction_text {
        padding: 10px 10px 60px;
    }
    .play_introduction_text h4 {
        font-size: 20px;
        margin: 10px 0 10px;
        padding: 0 0 0 10px;
    }
    .play_introduction_text p {
        font-size: 15px;
    }
}
.play_introduction_end {
    padding: 30px 10px 30px 20px;
    background: #edead7;
    border: 1px solid #fff;
    margin: 40px 0 0;
    text-shadow: none;
    border-radius: 16px;
}
.play_introduction_end h5 {
    font-size: 42px;
    font-weight: bold;
    margin: 20px 0 0;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.4;
    text-align: center;
    color: #8C6F11;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 1);
}
.play_introduction_end h5 br {
    display: block;
}
.play_introduction_end ul {
    text-align: center;
}
.play_introduction_end ul li {
    font-size: 16px;
    font-weight: bold;
    color: #a70404;
    position: relative;
    margin: 10px 20px 10px 30px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    display: inline-block;
    max-width: 420px;
    vertical-align: top;
    text-align: left;
}
.play_introduction_end ul li:before {
    content: "";
    position: absolute;
    left: -32px;
    width: 8px;
    height: 8px;
    bottom: 0;
    background: #fff;
    border-radius: 50%;
    opacity: .7;
}
.play_introduction_end ul li:after {
    content: "";
    position: absolute;
    left: -20px;
    width: 12px;
    height: 12px;
    bottom: 3px;
    background: #fff;
    border-radius: 50%;
    opacity: .8;
}
.play_introduction_end ul li p {
    text-shadow: none;
    color: #654333;
    font-size: 18px;
    font-weight: bold;
    font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
    .play_introduction_end {
        padding: 10px 0 20px 10px;
        margin: 20px 0 0;
    }
    .play_introduction_end h5 {
        font-size: 26px;
        text-align: left;
    }
    .play_introduction_end h5 br {
        display: none;
    }
    .play_introduction_end ul {
        text-align: center;
    }
    .play_introduction_end ul li {
        font-size: 15px;
        margin: 5px 10px 5px 30px;
        padding: 10px;
    }
    .play_introduction_end ul li p {
        font-size: 15px;
    }
}
.play_introduction_end_text {
    padding: 40px;
    background: url(../img/play/play_introduction_end_text.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.play_introduction_end_text h5 {
    font-size: 32px;
    font-weight: bold;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #C51601;
    text-shadow: 0 1px 12px rgba(255, 255, 255, 1);
    margin: 10px 0;
    line-height: 1.2;
    color: #b70000;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 1);
}
.play_introduction_end_text p {
    margin: 10px 0;
    font-size: 17px;
}
.play_introduction_end_text h6 {
    font-size: 32px;
    font-weight: bold;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-shadow: 0 1px 12px rgba(255, 255, 255, 1);
    margin: 30px 0 10px;
    line-height: 1.4;
    color: #b70000;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 1);
}
.play_introduction_end_text img {
    display: block;
    width: 100%;
    max-width: 1080px;
    margin: 20px auto;
}
@media screen and (max-width: 768px) {
    .play_introduction_end_text {
        padding: 20px 10px;
    }
    .play_introduction_end_text h5 {
        font-size: 20px;
    }
    .play_introduction_end_text p {
        font-size: 15px;
    }
    .play_introduction_end_text h6 {
        font-size: 20px;
        margin: 20px 0 10px;
    }
    .play_introduction_end_text img {
        margin: 10px auto;
    }
}
.play_comic_link {
    margin: 40px 0 20px;
}
.play_comic_link a {
    display: block;
    margin: 0 auto;
    background: #ededed;
    width: 100%;
    max-width: 520px;
    transition: all .3s;
}
.play_comic_link a:hover {
    opacity: .75;
}
.play_comic_link a img {
    display: block;
    width: 100%;
    border: 1px solid #ff9fe1;
}
.play_comic_link p {
    text-align: center;
    font-size: 20px;
    margin: 0 0 10px 0;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .play_comic_link {
        margin: 20px 0 20px;
    }
    .play_comic_link a {
        max-width: 320px;
    }
    .play_comic_link p {
        font-size: 14px;
    }
}
.play_point_contents_outer {
    padding: 40px 40px 100px;
    background: #b9ac8c;
    background: -ms-linear-gradient(-45deg, #b9ac8c, #e9dec4, #b9ac8c);
    background: -moz-linear-gradient(-45deg, #b9ac8c, #e9dec4, #b9ac8c);
    background: linear-gradient(-45deg, #b9ac8c, #e9dec4, #b9ac8c);
    background-size: auto;
}
.play_point_contents {
    padding: 20px 0 40px;
}
.play_point_contents h3 {
    font-size: 26px;
    font-weight: bold;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.2;
    background: -ms-linear-gradient(top, #2E2210, #18130A);
    background: -moz-linear-gradient(top, #2E2210, #18130A);
    background: -webkit-gradient(linear, left top, left bottom, from(#2E2210), to(#18130A));
    padding: 10px 10px 10px 15px;
    color: #CBB15A;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.play_point_contents h3 span {
    font-size: 14px;
    position: relative;
    display: inline-block;
    background: #CBB15A;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    top: -4px;
    border-radius: 6px;
    color: #2E2210;
    text-shadow: 0 0 2px rgba(255, 255, 255, 1);
}
.play_point_inner {
    margin: 30px 0 0;
    font-size: 17px;
}
.play_point_image {
    margin: 10px auto;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
}
.play_point_image video {
    display: block;
    width: 96%;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 5px;
}
.play_point_image_frame {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 500px;
}
.play_point_image_frame img {
    display: block;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .play_point_contents_outer {
        padding: 20px 10px 40px;
    }
    .play_point_contents {
        padding: 10px 0 20px;
    }
    .play_point_contents h3 {
        font-size: 20px;
        padding: 10px 10px 10px 15px;
    }
    .play_point_contents h3 span {
        margin: 0 5px 0 0;
        font-size: 12px;
        padding: 3px 6px;
    }
    .play_point_inner {
        margin: 10px 0 0;
        font-size: 15px;
    }
    .play_point_image {
        margin: 10px auto 20px;
    }
}
.play_inquiry {
    background: url(../img/play/play_inquiry.png) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 320px;
    padding: 60px 20px 20px;
    position: relative;
    z-index: 2;
    margin: -60px 0 0 0;
}
.play_inquiry h4 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin: 30px auto 0;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .8);
}
.play_inquiry_inner {
    text-align: center;
    padding: 30px 0 20px;
}
.play_inquiry_inner a {
    transition: all .3s;
}
.play_inquiry_inner a:hover {
    opacity: .75;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    color: #fff;
    border: 1px solid #f7f7f7;
}
.play_inquiry_cast {
    display: inline-block;
    width: 35%;
    height: 80px;
    background: -ms-linear-gradient(top, #2E2210, #18130A);
    background: -moz-linear-gradient(top, #2E2210, #18130A);
    background: -webkit-gradient(linear, left top, left bottom, from(#2E2210), to(#18130A));
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 80px;
    border-radius: 300px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    font-feature-settings: "palt";
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    margin: 0 0.5%;
    max-width: 360px;
    border: 1px solid #f7f7f7;
}
.play_inquiry_schedule {
    display: inline-block;
    width: 35%;
    height: 80px;
    background: -ms-linear-gradient(top, #2E2210, #18130A);
    background: -moz-linear-gradient(top, #2E2210, #18130A);
    background: -webkit-gradient(linear, left top, left bottom, from(#2E2210), to(#18130A));
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 80px;
    border-radius: 300px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    font-feature-settings: "palt";
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    margin: 0 0.5%;
    max-width: 360px;
    border: 1px solid #f7f7f7;
}
.play_inquiry_button {
    text-align: center;
    margin: 30px 0 0;
}
.play_inquiry_tel_pc {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 20px;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #fff;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .8);
}
.play_inquiry_tel {
    display: none;
}
.play_inquiry_line {
    display: inline-block;
    width: 45%;
    height: 100px;
    background: #43d32b;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    line-height: 100px;
    border-radius: 300px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    background: -ms-linear-gradient(top, #19BC03, #159105);
    background: -moz-linear-gradient(top, #19BC03, #159105);
    background: -webkit-gradient(linear, left top, left bottom, from(#19BC03), to(#159105));
    font-feature-settings: "palt";
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    margin: 0 0.5%;
    max-width: 480px;
    border: 1px solid #f7f7f7;
}
.play_inquiry_web {
    display: inline-block;
    width: 45%;
    height: 100px;
    background: -ms-linear-gradient(top, #cf4747, #9c1515);
    background: -moz-linear-gradient(top, #cf4747, #9c1515);
    background: -webkit-gradient(linear, left top, left bottom, from(#cf4747), to(#9c1515));
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    line-height: 100px;
    border-radius: 300px;
    font-feature-settings: "palt";
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    margin: 0 0.5%;
    max-width: 480px;
    border: 1px solid #f7f7f7;
}
@media screen and (max-width: 768px) {
    .play_inquiry {
        padding: 40px 10px 10px;
        margin: -60px 0 0 0;
    }
    .play_inquiry h4 {
        font-size: 18px;
    }
    .play_inquiry_inner {
        padding: 20px 0 20px;
    }
    .play_inquiry_inner a:hover {
        opacity: 1;
    }
    .play_inquiry_cast {
        width: 48%;
        height: 60px;
        font-size: 16px;
        line-height: 60px;
    }
    .play_inquiry_schedule {
        width: 48%;
        height: 60px;
        font-size: 16px;
        line-height: 60px;
    }
    .play_inquiry_button {
        margin: 20px 0 0;
    }
    .play_inquiry_tel_pc {
        display: none;
    }
    .play_inquiry_tel {
        width: 100%;
        height: 60px;
        font-size: 18px;
        line-height: 60px;
        margin: 5px auto;
        display: block;
        background: #f56110;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        border-radius: 300px;
        box-shadow: 0 1px 12px rgba(0, 0, 0, .4);
        box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
        /*border: 1px solid #ffebcc;*/
        background: -ms-linear-gradient(top, #fca422, #d98200);
        background: -moz-linear-gradient(top, #fca422, #d98200);
        background: -webkit-gradient(linear, left top, left bottom, from(#fca422), to(#d98200));
        font-feature-settings: "palt";
        text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
        max-width: 480px;
        border: 1px solid #f7f7f7;
    }
    .play_inquiry_line {
        width: 100%;
        height: 60px;
        font-size: 18px;
        line-height: 60px;
        margin: 5px auto;
    }
    .play_inquiry_web {
        width: 100%;
        height: 60px;
        font-size: 18px;
        line-height: 60px;
        margin: 5px auto;
    }
}
.play_guide {
    background: url(../img/play/play_guide_outer.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 40px;
}
.play_guide h3 {
    font-size: 26px;
    font-weight: bold;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #b70000;
    text-shadow: 0 1px 12px rgba(255, 255, 255, 1);
    margin: 10px 0;
    line-height: 1.2;
}
.play_guide_inner {
}
.play_guide p {
    margin: 10px 0;
    font-size: 17px;
}
.play_guide_inner img {
    display: block;
    width: 100%;
    max-width: 1080px;
    margin: 20px auto;
}
@media screen and (max-width: 768px) {
    .play_guide {
        padding: 20px 10px;
    }
    .play_guide h3 {
        font-size: 20px;
    }
    .play_guide p {
        margin: 5px 0;
        font-size: 15px;
    }
    .play_guide_inner img {
        margin: 10px auto;
    }
}
.play_table {
    padding: 10px 0 10px;
    text-align: center;
}
.play_table h3 {
    font-size: 24px;
    font-weight: bold;
    background: #C51601;
    padding: 10px 40px;
    margin: 0 10px 0 0;
    border-radius: 6px;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, .3);
    display: inline-block;
}
.play_table_inner {
    margin: 20px 0 0;
}
.play_table table {
    width: 100%;
    margin: 20px 0;
    background: #FCFAF7;
}
.play_table table th, .play_table table td {
    padding: 20px 10px;
    border: 1px solid #b2a694;
    text-align: center;
    font-feature-settings: "palt";
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.play_table table th {
    background: #f4f4f4;
    width: 25%;
    font-weight: bold;
    background: -ms-linear-gradient(top, #2E2210, #18130A);
    background: -moz-linear-gradient(top, #2E2210, #18130A);
    background: -webkit-gradient(linear, left top, left bottom, from(#2E2210), to(#18130A));
    color: #fff;
}
.play_table table td {
    text-align: center;
    font-size: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.play_table table td:first-child {
    font-size: 16px;
    font-weight: bold;
}
.play_table table td:last-child {
    font-size: 26px;
    font-weight: bold;
    background: #fffadf;
    color: #b70000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 768px) {
    .play_table {
        padding: 0 0 10px;
    }
    .play_table h3 {
        font-size: 16px;
        padding: 5px 10px;
    }
    .play_table table {
        margin: 10px 0 0;
    }
    .play_table table th, .play_table table td {
        padding: 15px 5px;
    }
    .play_table table th {
        font-size: 13px;
    }
    .play_table table td:first-child {
        font-size: 13px;
    }
    .play_table table td:last-child {
        font-size: 22px;
    }
}
.play_description_contents_outer {
    background: url(../img/play/play_introduction_end_text.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 0 40px 80px;
}
.play_description_contents {
    padding: 20px 0 30px;
}
.play_description_inner {
    margin: 0;
    border: 3px solid #e3dbd0;
    text-align: center;
    padding: 0 20px 20px;
    background: #FCFAF7;
    box-shadow: 0 1px 12px rgba(255, 255, 255, 1);
}
.play_description_inner h3 {
    font-size: 22px;
    font-weight: bold;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.2;
    background: #FCFAF7;
    padding: 10px 40px;
    display: inline-block;
    position: relative;
    top: -25px;
    border-radius: 6px;
    border: 3px solid #e3dbd0;
    color: #C51601;
}
.play_description_inner p {
    text-align: left;
    font-size: 17px;
}
.play_description_image img {
    display: block;
    margin: 0 auto;
    background: #ededed;
    width: 100%;
    max-width: 480px;
    border: 3px solid #e3dbd0;
}
@media screen and (max-width: 768px) {
    .play_description_contents_outer {
        padding: 0 10px 40px;
    }
    .play_description_contents {
        padding: 20px 0 10px;
    }
    .play_description_inner {
        margin: 0;
        text-align: center;
        padding: 0 10px 10px;
        background: #FCFAF7;
        box-shadow: 0 1px 12px rgba(255, 255, 255, 1);
    }
    .play_description_inner h3 {
        font-size: 16px;
        padding: 10px 10px;
        margin: 0 0 -10px;
        top: -25px;
    }
    .play_description_inner p {
        font-size: 15px;
    }
    .play_description_image img {
        margin: 0 auto 10px;
    }
}
.play_end {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin: 20px 0 0;
    font-feature-settings: "palt";
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.4;
    text-align: center;
    color: #8C6F11;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 1);
}
.play_end p {
    margin: 20px 0;
}
@media screen and (max-width: 768px) {
    .play_end {
        text-align: left;
        font-size: 20px;
    }
    .play_end p {
        margin: 20px 0;
    }
}





/*料金*/
.system_banner {
    /*background: #E6E5E3;
    padding: 5px 0;
    border-radius: 4px;*/
}
.system_merit_pc{
    display: block;
    width: 100%;
}
.system_merit_sp{
    display: none;
}

.system_section_title {
    position: relative;
    color: #654333;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 0 0;
    font-size: 28px;
    letter-spacing: 0em;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.system_section_title:before {
    content: "";
    display: block;
    border-top: solid 1px #654333;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.system_section_title span {
    background: #F3F0ED;
    padding: 0 10px;
    position: relative;
    font-size: 28px;
    letter-spacing: 0em;
    z-index: 5;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
}
.system_section_title span small{
    display: inline-block;
    background: #b3a774;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0em;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 6px 12px;
    color: #fff;
    border-radius: 60px;
    position: relative;
    top: -3px;
    margin: 0 0 0 4px;
}
@media screen and (max-width: 1040px) {
    .system_section_title {
        position: relative;
        color: #654333;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    .system_section_title span {
        background: #F3F0ED;
        padding: 0 5px;
        position: relative;
        font-size: 20px;
        z-index: 5;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-weight: bold;
    }
}
@media screen and (max-width: 768px) {
    .system_merit_pc{
        display: none;
    }
    .system_merit_sp{
        display: block;
        width: 100%;
    }

    .system_section_title {
        position: relative;
        color: #654333;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0em;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    .system_section_title span {
        background: #F3F0ED;
        padding: 0 5px;
        position: relative;
        font-size: 16px;
        letter-spacing: 0em;
        z-index: 5;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraM,2inProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-weight: bold;
    }
}
.system_content {
    margin: 20px 0 0;
}
.system_content_inner {
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #dedede;
    margin: 20px 0 0 0;
}
.system_content ul {
    padding: 10px 0;
}
.system_content ul li {
    margin: 5px 0;
    text-align: center;
    background: #fff;
    padding: 10px;
}
.system_content ul li h4 {
    font-weight: bold;
    font-size: 18px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


.system_content ul li p {
    display: inline-block;
    margin: 5px;
    font-size: 20px;
    background: #b9ac8c;
    color: #fff;
    border-radius: 40px;
    padding: 6px 20px;
    font-weight: bold;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 10px 5px;
}

.system_content ul li p.delivery_price {
    display: inline-block;
    margin: 5px 5px 0;
    font-size: 20px;
    background: none;
    color: #654333; 
    font-weight: bold;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 6px 0;
}

.delivery_map{
    display: block;
    width: 100%;
    margin: 20px auto 0;
    border-radius: 8px;
    overflow: hidden;
}

.delivery_flow{
    display: table;
    table-layout: auto;
    width: 100%;
    padding: 20px 0 0;
}
.delivery_flow_list{
    display: table-cell;
    vertical-align: middle;
}
.delivery_flow_list p{
    padding: 10px;
    border: 1px solid #99947f;
    background: #fff;
}
.delivery_flow_list img{
    display: block;
    width: auto;
    height: 100%;
    max-height: 140px;
    margin: 10px auto;
}
.delivery_flow_list_headline{
    background: #b3a774;
    text-shadow: 0 0 2px rgba(0,0,0, .1);
    color: #fff;
    font-size: 13px; 
    font-weight: bold;
    padding: 2px 0;
    display: block;
    width: 120px;
    margin: 0 auto 10px;
    text-align: center;
    border-radius: 40px; 
}
.delivery_flow_list_bold{
    font-weight: bold;
}
.delivery_flow_list i.fa-caret-right{
    display: inline-block;
    padding: 0 5px;
    font-size: 20px;
}
.delivery_flow_list i.fa-caret-down{
    display: none;
}
@media screen and (max-width: 1840px) {
    .delivery_flow_list img{
        display: block;
        width: auto;
        height: 100%;
        max-height: 100px;
        margin: 10px auto;
    }
}
@media screen and (max-width: 1400px) {
    .delivery_flow_list img{
        display: block;
        width: auto;
        height: 100%;
        max-height: 80px;
        margin: 10px auto;
    }
}
@media screen and (max-width: 1280px) {
    .delivery_flow{
        display: block;
        table-layout: auto;
        width: 100%;
        padding: 10px 0;
    }
    .delivery_flow_list{
        display: block;
        width: 100%;
        vertical-align: middle;
    }
    .delivery_flow_list img{
        display: block;
        width: auto;
        height: 100%;
        max-height: 80px;
        margin: 5px 10px 10px 0;
        float: left;
    }
    .delivery_flow_list i.fa-caret-right{
        display: none;
    }
    .delivery_flow_list i.fa-caret-down{
        display: block;
        text-align: center;
        padding: 3px 0;
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .delivery_flow{
        display: block;
        table-layout: auto;
        width: 100%;
        padding: 10px 0;
    }
    .delivery_flow_list{
        display: block;
        width: 100%;
        vertical-align: middle;
    }
    .delivery_flow_list i.fa-caret-right{
        display: none;
    }
    .delivery_flow_list i.fa-caret-down{
        display: block;
        text-align: center;
        padding: 3px 0;
        font-size: 20px;
    }
}

.system_content ul li p span {
    font-size: 14px;
}
.system_course {
    text-align: center;
    margin: 40px 0 10px;
    padding: 0 20px 20px;
    border: 1px solid #99947f;
    background: #fff;
}
.system_course h4 {
    border: 1px solid #99947f;
    background: #fff;
    /*color: #968B72;*/
    padding: 6px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -15px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.system_course p {
    display: inline-block;
    margin: 5px;
    font-size: 20px;
    background: #b9ac8c;
    color: #fff;
    border-radius: 40px;
    padding: 6px 20px;
    font-weight: bold;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/*.system_course p.system_course_special {
    display: block;
    margin: 5px;
    font-size: 20px;
    background: #b9ac8c;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}*/
.system_course p.system_course_special span {
    font-size: 16px;
    font-weight: normal;
}
.system_section_subtitle {
    color: #3e3301;
    margin: 40px 0 20px;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    display: block;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.system_section_subtitle span{
    display: block;
    font-size: 14px;
    letter-spacing: 0em;
    padding: 2px 0 0 0;
}

.delivery_table{
    width:100%;
    border-left:1px solid #99947f;
    border-right:none;
    font-size:20px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 10px 0;
    display: table;
    table-layout: fixed;
    background: #fff;
}
.delivery_table tr{
    /*width: 25%;*/
    display: table-cell;
    /*float: left;*/
    vertical-align: top;
    border-right:1px solid #99947f;
    border-bottom: 1px solid #99947f;
}
.delivery_table th{
    border-bottom:1px solid #99947f;
    background: -ms-linear-gradient(top, #2E2210, #18130A);
    background: -moz-linear-gradient(top, #2E2210, #18130A);
    background: -webkit-gradient(linear, left top, left bottom, from(#2E2210), to(#18130A));
    color:#FFF;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    display: block;
    padding: 20px 10px;
}
.delivery_table td{
    background-color:#fff;
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    font-weight: bold;
    display: block;
    padding: 20px 10px;
}
/*.delivery_table th.corse_th{
    border-right:1px solid #99947f;
}*/

.option_table{
    width:100%;
    max-width: 100%;
    border-left:1px solid #b9ac8c;
    border-right:none;
    font-size:20px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 10px 0;
    display: table;
    background: #fff;
}
.option_table tr{
    /*width: 25%;*/
    display: table-cell;
    /*float: left;*/
    vertical-align: top;
    border-right:1px solid #b9ac8c;
    border-bottom: 1px solid #b9ac8c;
}
.option_table tr.first_option{
    max-width: 320px;
}
.option_table tr.third_option{
    max-width: 320px;
}
.option_table th{
    border-bottom:1px solid #b9ac8c;
    background: -ms-linear-gradient(top, #2E2210, #18130A);
    background: -moz-linear-gradient(top, #2E2210, #18130A);
    background: -webkit-gradient(linear, left top, left bottom, from(#2E2210), to(#18130A));
    color:#FFF;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    display: block;
    padding: 20px 10px;
}
.option_table td{
    background-color:#fff;
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    font-weight: bold;
    display: block;
    padding: 20px;
}
.option_table td ul {
    padding: 0;
    margin: 0 auto;
    max-width: 480px;
}
.option_table td ul li {
    display: inline-block;
    padding: 0;
    margin: 0 2px 10px;
}
.option_table td img {
    display: block;
    width: 100%;
    max-width: 232px;
    min-width: 232px;
    margin: 0 auto 5px;
    background: #e4d6b6;
    padding: 6px;
    border: 1px solid #D0C9B2;
}
.option_table td small {
    display: block;
    font-size: 13px;
    letter-spacing: 0em;
    margin: -2px 0 0 0;
}
.allamanda_course_option {
    display: block;
    width: 100%;
    max-width: 232px;
    min-width: 232px;
    margin: 20px 10px 10px 0;
    background: #e4d6b6;
    padding: 6px;
    border: 1px solid #D0C9B2;
    float: left;
}
@media screen and (max-width: 1700px) {
    .option_table td img {
        max-width: 180px;
        min-width: 180px;
    }
}
@media screen and (max-width: 1400px) {
    .option_table td img {
        max-width: 120px;
        min-width: 120px;
    }
}
@media screen and (max-width: 1400px) {
    .allamanda_course_option {
        margin: 20px auto 0;
        float: none;
    }
}
.allamanda_course_option_text {
    display: block;
    text-align: left;
    font-size: 15px;
    padding: 15px 0 0 0;
}
.allamanda_course_option_text span {
    font-size: 13px;
    line-height: 1.3;
    display: block;
    padding: 10px 0 0 0;
}

.costume_table{
    width:100%;
    font-size:16px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0;
    display: table;
    background: #fff;
    border: none;
}
.costume_table tr{
    vertical-align: top;
    border: none;
}
.costume_table td{
    background-color:#fff;
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    font-weight: bold;
    display: block;
    padding: 0px;
}
.costume_table td ul {
    padding: 0;
    margin: 0 auto;
}
.costume_table td ul li {
    display: inline-block;
    max-width: 45%;
    padding: 0;
    margin: 0 2px 10px;
}
.costume_table td img {
    display: block;
    width: 100%;
    max-width: 48%;
    margin: 0 auto 5px;
    background: #e4d6b6;
    padding: 6px;
    border: 1px solid #D0C9B2;
}

.date_text_small{
    font-size: 16px;
    display: inline-block;
    letter-spacing: 0em;
}
.date_text_small br{
    display: none;
}
.date_text_large{
    color: #aa8c42;
    display: inline-block;
    letter-spacing: 0em;
}

.system_service {
    text-align: center;
    margin: 20px 0 10px;
}
.system_service p {
    display: inline-block;
    margin: 5px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #99947f;
    padding: 6px 20px;
    font-weight: bold;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.system_service_attention {
    font-size: 14px;
    text-align: center;
}
.system_delivery_attention {
    border: 6px solid #ededed;
    background: #fff;
    padding: 20px 20px 10px;
    margin: 20px 0 10px 0;
}
.system_delivery_attention h5 {
    font-weight: bold;
}
.system_delivery_attention ul {
}
.system_delivery_attention ul li {
    margin: 0;
    text-align: left;
    padding: 1px 0;
    border-radius: none;
    font-size: 14px;
}
.system_delivery_attention ul li span {
    font-size: 14px;
}

.system_barker {
    margin: 0 0 10px;
    font-size: 14px; 
}
.system_barker_title {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px;
}
.system_barker span {
    display: inline;
    border-bottom: 1px solid #E22;
    font-weight: bold;
    color: #E22;
}
@media screen and (max-width: 768px) {
    .system_barker {
        margin: 0 0 20px;
        font-size: 14px;
    }
    .system_barker_title {
        font-size: 16px;
        font-weight: bold;
    }
}

.credit{
    margin: 20px auto 10px;
    text-align: center;
}
.credit_image{
    display: inline-block;
    max-width: 200px;
}
.credit_image img{
    display: block;
    width: 100%;
    border: 1px solid #99947f; 
}
.credit_text{
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
    .credit_image{
        max-width: 480px;
    }
    .credit_text{
        padding: 0;
        font-size: 16px;
        letter-spacing: 0em;
    }
}


.member{
    margin: 10px auto;
    text-align: center;
}
.member_image{
    display: inline-block;
    max-width: 440px;
    margin: 0 5px; 
}
.member_image img{
    display: block;
    width: 100%;
    border: 1px solid #99947f; 
}
.member_image p{
    letter-spacing: 0em;
    padding: 5px 0;
}
.member_guide{
    margin: 10px 0;
}
.member_guide p{
    text-align: center;
    font-size: 15px;
    letter-spacing: 0em;
    padding: 5px 0;
}
@media screen and (max-width: 768px) {
    .member{
        margin: 10px auto 0;
    }
    .member_image{
        max-width: 480px;
        margin: 0;
    }
    .member_guide p{
        text-align: left;
        font-size: 14px;
    }
}


/*予約ボタン*/
.system_course h4.reserve_title {
    border: 1px solid #99947f;
    background: #fff;
    /*color: #968B72;*/
    padding: 6px 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -15px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.system_content ul.reserve_list {
    padding: 20px 0 0;
}
.system_content ul.reserve_list li {
    margin: 10px 0;
    text-align: center;
    background: #fff;
    padding: 0 10px;
}
.reserve_text{
    font-size: 15px;
    margin: 10px 5px;
    text-align: left;
    letter-spacing: 0em;
}
.reserve_attention{
    font-size: 16px;
    margin: 20px 5px 10px;
    text-align: center;
    font-weight: bold;
}
.system_content ul.reserve_list li h4 {
    font-weight: bold;
    font-size: 24px;
    background: #b9ac8c;
    color: #fff;
}

.system_reserve_line{
    max-width: 640px;
    text-align: center;
    -webkit-transform: translateZ(0);
    box-shadow: 0 4px 12px rgba(0,0,0, .5);
    display: block;
    transition: all .3s;
    background: -ms-linear-gradient(top, #19BC03, #159105);
    background: -moz-linear-gradient(top, #19BC03, #159105);
    background: -webkit-gradient(linear, left top, left bottom, from(#19BC03), to(#159105));
}
.system_reserve_twitter{
    max-width: 640px;
    text-align: center;
    -webkit-transform: translateZ(0);
    box-shadow: 0 4px 12px rgba(0,0,0, .5);
    display: block;
    transition: all .3s;
    background: -ms-linear-gradient(top, #3d3d3d, #0e0e0f);
    background: -moz-linear-gradient(top, #3d3d3d, #0e0e0f);
    background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#0e0e0f));
}
.system_reserve_line img{
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    padding: 20px 0;
}
.system_reserve_twitter img{
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px 0;
}
.system_reserve_twitter:hover , .system_reserve_line:hover{
    opacity: .75;
}

@media screen and (max-width: 768px) {
    .system_content {
        margin: 10px 0 0;
    }
    .system_content_inner {
        padding: 0 10px;
        background: #fff;
        border: 1px solid #dedede;
        }
    .system_content ul {
        padding: 5px 0;
    }
    .system_content ul li {
        margin: 5px 0;
        text-align: center;
        background: #fff;
        padding: 5px;
        }
    .system_content ul li h4 {
        font-weight: bold;
        font-size: 16px;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        line-height: 1.4;
        letter-spacing: 0em;
    }
    .system_content ul li h4 span{
        padding: 0 0 5px 0;
        letter-spacing: 0em;
        font-size: 16px;
    }
    .system_content ul li p {
        display: block;
        margin: 5px 0;
        font-size: 16px;
        background: #b9ac8c;
        color: #fff;
            padding: 8px 14px;
        font-weight: bold;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        line-height: 1.2;
        text-align: left;
    }

    .system_content ul li p.delivery_price {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
        text-align: center;
    }
    .delivery_map{
        max-width: 640px;
        margin: 0 auto;
    }
    .system_content ul li p span {
        font-size: 12px;
    }
    .system_course {
        text-align: center;
        margin: 20px 0 40px;
        padding: 0 10px 10px;
        border: 1px solid #99947f;
            background: #fff;
    }
    .system_course p {
        display: inline-block;
        margin: 5px;
        font-size: 16px;
        background: #b9ac8c;
        color: #fff;
        border-radius: 40px;
        padding: 6px 14px;
        line-height: 100%;
        font-weight: bold;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    .system_course p.system_course_special {
        display: block;
        margin: 5px;
        font-size: 16px;
        background: #b9ac8c;
        color: #fff;
            padding: 10px 10px;
        font-weight: bold;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        text-align: left;
        line-height: 140%;
    }
    .system_course p.system_course_special span {
        font-size: 12px;
        font-weight: normal;
        line-height: 120%;
        display: inline-block;
    }
    .system_section_subtitle {
        padding: 10px 10px;
        margin: 20px 0 10px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        display: block;
        }
    .system_section_subtitle span{
        font-size: 12px;
    }

    .delivery_table{
        width:100%;
        border-top:1px solid #99947f;
        border-left:1px solid #99947f;
        border-right:1px solid #99947f;
        border-bottom:none;
        border-right:none;
        font-size:18px;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        margin: 0 0 10px;
    }
    .delivery_table tr{
        width: 100%;
        display: table;
        border-bottom:1px solid #b9ac8c;
    }
    .delivery_table th{
        border-bottom:none;
        border-right:1px solid #99947f;
        color:#FFF;
        text-align:center;
        vertical-align:middle;
        font-weight: bold;
        display: table-cell;
        width: 40%;
        height: auto;
        line-height: auto;
        padding: 0;
    }
    .delivery_table td{
        border-right:1px solid #99947f;
        background-color:#fff;
        text-align:center;
        font-weight:bold;
        vertical-align:middle;
        font-weight: bold;
        display: table-cell;
        width: 60%;
        height: auto;
        line-height: 1.2;
        padding: 10px;
        font-size: 20px;
    }
    /*.delivery_table th.corse_th{
        border-right:1px solid #99947f;
    }*/

    /*.date_price_text{
        text-align: left !important;
    }*/

    .option_table{
        width:100%;
        border-top:1px solid #b9ac8c;
        border-left:1px solid #b9ac8c;
        border-right:1px solid #b9ac8c;
        border-bottom:none;
        border-right:none;
        font-size:18px;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        margin: 0 0 10px;
    }
    .option_table_bottom {
        margin-top: -15px;
    }
    .option_table tr{
        min-width: 100%;
        display: table;
        /*border-bottom:1px solid #b9ac8c;*/
    }
    .option_table th{
        border-bottom:none;
        border-right:1px solid #b9ac8c;
        color:#FFF;
        text-align:center;
        vertical-align:middle;
        font-weight: bold;
        display: block;
        width: 100%;
        height: auto;
        line-height: auto;
        padding: 0;
    }
    .option_table td{
        /*border-right:1px solid #b9ac8c;*/
        background-color:#fff;
        text-align:center;
        font-weight:bold;
        vertical-align:middle;
        font-weight: bold;
        display: block;
        width: 100%;
        height: auto;
        line-height: 1.2;
        padding: 10px;
        font-size: 20px;
    }

    .option_table td ul li {
        display: inline-block;
        padding: 0;
        margin: 5px 0;
        font-size: 16px;
        line-height: 1.4;
    }
    .option_table td img {
        max-width: 180px;
        min-width: 180px;
        margin: 0 auto 5px;
    }
    .option_table td small {
        margin: 2px 0 0 0;
    }

    .option_table td .costume_table td img {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto 5px;
    }

    .allamanda_course_option {
        max-width: 180px;
        min-width: 180px;
        margin: 10px auto 0;
        float: none;
    }
    .allamanda_course_option_text {
        padding: 10px 0 0 0;
    }

    .date_text_small{
        font-size: 15px !important;
        letter-spacing: 0em !important;
        opacity: .75;
        line-height: 1.4;
        text-align: left;
        display: inline;
    }
    .date_text_small br{
        display: block;
    }
    .date_text_large{
        color: #aa8c42;
        font-size: 20px !important;
        line-height: 1.4;
        text-align: left;
        display: inline;
    }

    .system_service {
        text-align: center;
        margin: 10px 0 10px;
    }
    .system_service p {
        margin: 5px 0;
        font-size: 16px;
        padding: 6px 14px;
    }

    .system_delivery_attention {
        border: 3px solid #ededed;
        background: #fff;
        padding: 10px;
        margin: 0 0 10px 0;
    }
    .system_delivery_attention h5 {
        padding: 10px 0 0;
    }
    .system_delivery_attention ul {}
    .system_delivery_attention ul li {
        margin: 0;
        text-align: left;
        padding: 2px 0;
        border-radius: none;
    }
    .system_delivery_attention ul li span {
        font-size: 13px;
    }


    .system_course h4.reserve_title {
        font-size: 18px;
    }
    .reserve_text{
        margin: 0 5px;
        font-size: 14px;
        letter-spacing: 0em;
    }
    .reserve_attention{
        font-size: 14px;
    }
    .system_content ul.reserve_list li h4 {
        font-weight: bold;
        font-size: 18px;
        background: #b9ac8c;
        color: #fff;
    }

    .system_reserve_line{
        max-width: 640px;
        text-align: center;
        -webkit-transform: translateZ(0);
        box-shadow: 0 4px 12px rgba(0,0,0, .5);
        display: block;
        transition: all .3s;
        background: -moz-linear-gradient(top, #19BC03, #159105);
        background: -webkit-gradient(linear, left top, left bottom, from(#19BC03), to(#159105));
        margin: 10px auto 0;
    }
    .system_reserve_twitter{
        max-width: 640px;
        text-align: center;
        -webkit-transform: translateZ(0);
        box-shadow: 0 4px 12px rgba(0,0,0, .5);
        display: block;
        transition: all .3s;
        background: -moz-linear-gradient(top, #3d3d3d, #0e0e0f);
        background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#0e0e0f));
    }
    .system_reserve_line img{
        max-width: 190px;
    }
    .system_reserve_twitter img{
        max-width: 220px;
    }
}



/*外国人向け料金表*/
.price_accordion *, .price_accordion *:before, .price_accordion *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.price_accordion {
    position: relative;
    margin: 60px 0 50px;
}
.price_accordion label {
    position: absolute;
    cursor: pointer;
    text-align: center;

    z-index: 2;
    bottom: -40px;
    left: 50%;
    width: 100%;
    max-width: 640px;
    margin: 0 0 0 -320px;
    color: #ffffff;
    padding: 12px 0;
    font-size: 20px;
    background: #201a00;
    background: -ms-linear-gradient(top, #3e3301, #201a00);
    background: -moz-linear-gradient(top, #3e3301, #201a00);
    background: -webkit-gradient(linear, left top, left bottom, from(#3e3301), to(#201a00));
    background-size: 200% 100%;
    border: 1px solid #382d2d;
    text-shadow: 0 1px 8px rgba(0,0,0, .5);
}
.price_accordion label span{
    display: block;
    font-size: 13px;
    letter-spacing: 0em;
}
.price_accordion input {
    display: none;
}
.price_accordion .price_accordion_container {
    overflow: hidden;
    height: 0;
    margin: 40px 0 0 0;
}
.price_accordion input:checked + label {
     display: none;
}
.price_accordion input:checked ~ .price_accordion_container {
    height: auto;
    padding-bottom: 0;
    margin: -30px 0 -40px;
}
@media screen and (max-width: 768px) {
    .price_accordion {
        position: relative;
        margin: 50px 0 60px;
    }
    .price_accordion label {
        position: absolute;
        cursor: pointer;
        text-align: center;

        z-index: 2;
        bottom: -40px;
        left: 0;
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
        color: #ffffff;
        padding: 12px 0;
        font-size: 18px;
        letter-spacing: 0em;
        }
    .price_accordion label span{
        font-size: 12px;
        font-weight: normal;
    }
}



.course_table{
    width:100%;
    border-top: 1px solid #99947f;
    border-left: 1px solid #99947f;
    border-right: 1px solid #99947f;
    border-bottom: none;
    border-right:none;
    font-size:18px;
    margin: 20px 0 10px;
    /*display: table;*/
    background:#fff;
}
.course_table tr{
    display: table;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
    border-right:1px solid #99947f;
    border-bottom: 1px solid #99947f;
}
/*.course_table tr.c_course_table{
    width: 33.33333%;
    display: block;
    float: left;
}*/
.course_table th{
    color:#FFF;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    display: table-cell;
    width: 30%;
    padding: 20px 10px;
    /*text-shadow: 0 1px 8px rgba(0,0,0, .5);*/
    word-break: break-all;
    line-height: 1.2;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

    background: #201a00;
    background: -ms-linear-gradient(top, #3e3301, #201a00);
    background: -moz-linear-gradient(top, #3e3301, #201a00);
    background: -webkit-gradient(linear, left top, left bottom, from(#3e3301), to(#201a00));
    background-size: 200% 100%;
}
.price_accordion .course_table th{
    border-bottom: 1px solid #99947f;
    color:#FFF;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    display: table-cell;
    width: 30%;
    padding: 20px 10px;
    /*text-shadow: 0 1px 8px rgba(0,0,0, .5);*/
    word-break: break-all;
    line-height: 1.2;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

    background: #503506;
    background: -ms-linear-gradient(top, #7e6c51, #503506);
    background: -moz-linear-gradient(top, #7e6c51, #503506);
    background: -webkit-gradient(linear, left top, left bottom, from(#7e6c51), to(#503506));
    background-size: 200% 100%;
}
.course_table td{
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    font-weight: bold;
    display: table-cell;
    width: 70%;
    padding: 20px 10px;
    /*text-shadow: 0 1px 8px rgba(0,0,0, .5);*/
    font-size: 20px;
    word-break: break-all;
    line-height: 1.2;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.course_table.delivery_table td{
    text-align: left
}
.course_table.date_table  th{
    width: 60%;
    padding: 10px 5px; 
}
.course_table.date_table td{
    width: 40%;
    padding: 10px 5px; 
}
.course_table p{
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.4;
    margin: 4px 0 0 0;
}
.price_text_large{
    font-size: 24px;
    font-weight: bold;
}
.price_text_middle{
    font-size: 20px;
    font-weight: bold;
}
.price_text_middle small{
    font-size: 13px;
    display: block;
    margin: -5px 0 0 0;
}
.price_text_attention{
    font-size: 14px;
    letter-spacing: 0em;
}

@media screen and (max-width: 768px) {
    .course_table{
        width:100%;
        border-top: 1px solid #99947f;
        border-left: 1px solid #99947f;
        border-right: 1px solid #99947f;
        border-bottom: none;
        border-right:none;
        font-size:18px;
        margin: 10px 0 10px;
        /*display: table;*/
        background:#fff;
    }
    .course_table tr{
        display: table;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        vertical-align: top;
        text-align: center;
        border-right:1px solid #99947f;
        border-bottom: 1px solid #99947f;
    }
    .course_table th{
        color:#FFF;
        text-align:center;
        vertical-align:middle;
        font-weight: bold;
        display: table-cell;
        width: 40%;
        padding: 10px 10px;
        /*text-shadow: 0 1px 8px rgba(0,0,0, .5);*/
        word-break: break-all;
        line-height: 1.2;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    .price_accordion .course_table th{
        border-bottom: 1px solid #99947f;
        color:#FFF;
        text-align:center;
        vertical-align:middle;
        font-weight: bold;
        display: table-cell;
        width: 40%;
        padding: 10px 10px;
        /*text-shadow: 0 1px 8px rgba(0,0,0, .5);*/
        word-break: break-all;
        line-height: 1.2;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    .course_table td{
        text-align:center;
        font-weight:bold;
        vertical-align:middle;
        font-weight: bold;
        display: table-cell;
        width: 60%;
        padding: 10px 10px;
        /*text-shadow: 0 1px 8px rgba(0,0,0, .5);*/
        font-size: 16px;
        word-break: break-all;
        line-height: 1.2;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    .course_table.delivery_table td span.price_text_large{
        font-size: 18px;
        line-height: 1.4;
    }

    .course_table.date_table  th{
        width: 65%;
        font-size: 15px;
        letter-spacing: 0em;
        padding: 10px 5px; 
    }
    .course_table.date_table td{
        padding: 10px 5px; 
    }
    .course_table.date_table td.price_text_large{
        width: 35%;
        font-size: 15px;
        letter-spacing: 0em;
    }

    .price_list_subtitle{
        font-size: 28px;
        margin: 20px auto 0;
        letter-spacing: 0em;

    }   
    .price_list_subtitle span{
        font-size: 16px;
    }

    .price_text_large{
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0em;
    }
    .price_text_middle{
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0em;
    }
    .price_text_middle small{
        font-size: 12px;
        display: block;
        margin: 0;
    }
    .price_text_attention{
        font-size: 12px;
        text-align: left;
    }
}

/*接待、デート、お泊まりコース*/
.reception_content_inner {
    padding: 10px 20px 20px;
    background: #fff;
    border: 1px solid #dedede;
    margin: 20px 0 0 0;
}
.reception_guide_text{
    font-size: 18px;
    padding: 10px 0;
    font-weight: bold;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.reception_content_inner a{
    display: block;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.reception_content_inner a.section_link{
    max-width: 640px;
    margin: 0 auto;
    padding: 15px;
    font-size: 20px;
}
.reception_intro_text01 {
    font-size: 15px;
    margin: 20px 0 0 0;
}
.reception_intro_text02 {
    text-align: center;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.reception_content {
    margin: -20px 0 0;
}
.reception_content .system_section_title span.system01_number {
    background: #b9ac8c;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -4px;
    margin: 0 4px 0 0;
}
#system_date, #system_hotel {
    margin-top: -50px;
    padding-top: 50px;
}
.reception_intro_pc {
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 20px auto 0;
}
.reception_intro_sp {
    display: none;
}
.system01_content {
    margin: 20px 0 40px;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #dedede;
}
.system01_content img {
    display: block;
    width: 100%;
}
.system01_text {
    font-size: 16px;
}
.system01_text h4{
    background: #b9ac8c;
    border-radius: 60px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 8px;
    margin: 0 0 10px 0;
    text-align: center;
}
.reception_inquiry_pc {
    display: block;
    width: 100%;
}
.reception_inquiry_sp {
    display: none;
}
.system_banner_link {
    padding: 10px 0 0;
}
.system_banner_link h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 10px;
    letter-spacing: 0em;
    line-height: 1.4;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.system_banner_link a {
    display: block;
    margin: 10px auto;
}
.system_banner_link a img {
    width: 100%;
}
.system_banner_pc {
    display: block;
}
.system_banner_sp {
    display: none;
}
.system_image_pc {
    display: block;
    width: 100%;
    margin: 20px 0 0;
}
.system_image_sp {
    display: none;
}
.system_course_content {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #dedede;
    padding: 20px;
}
.system_course_content img {
    display: block;
    width: 100%;
}
.system_course_content h4 {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    background: linear-gradient(transparent 60%, #b9ac8c 0%);
    padding: 0 3px 3px;
    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
}
.system_course_content_list {
    padding: 20px 0;
    font-weight: bold;
    font-size: 18px;
    color: #968251;
}
.system_course_content_text {
    margin: 0 0 20px 0;
}
.system_course_content_section {
    margin: 10px 0 0;
    padding: 20px;
    background: #f2efe7;
    font-size: 13px;
}
.system_course_content_section h5 {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
    border-bottom: 1px dashed #968251;
    padding: 0 0 4px 0;
    margin: 0 0 10px 0;
}
.system_course_content_text_bold {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px dashed #968251;
    padding: 0 0 4px 0;
    margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
    .reception_content {
        margin: -10px 0 0;
    }
    .reception_content_inner a.section_link{
        padding: 10px 5px;
        font-size: 16px;
        letter-spacing: 0em;
    }
    .reception_intro_text01 {
        font-size: 13px;
        margin: 10px 0 0 0;
    }
    .reception_intro_text02 {
        font-size: 14px;
        margin: 0 0 10px 0;
    }
    .reception_guide_text{
        font-size: 14px;
        padding: 5px 0;
    }
    .reception_content_inner {
        padding: 0 10px 10px;
    }
    .reception_content .system_section_title {
        font-size: 18px;
        text-align: left;
    }
    .reception_content .system_section_title::before {
        border-top: none;
    }
    .reception_content .system_section_title span.system01_number {
        font-size: 14px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        display: inline-block;
        position: relative;
        top: -1px;
        margin: 0 4px 0 0;
    }
    .system01_content {
        margin: 10px 0 20px;
        padding: 20px 10px;
    }
    .system01_text {
        font-size: 14px;
        line-height: 1.4;
        margin: 20px 0 0 0;
    }
    .system01_text h4{
        font-size: 13px;
        padding: 5px;
    }
    .reception_intro_pc {
        display: none;
    }
    .reception_intro_sp {
        display: block;
        width: 100%;
        margin: 20px 0 0 0;
    }
    .reception_inquiry_pc {
        display: none;
    }
    .reception_inquiry_sp {
        display: block;
        width: 100%;
    }
    .system_banner_pc {
        display: none;
    }
    .system_banner_sp {
        display: block;
    }
    .system_image_pc {
        display: none;
    }
    .system_image_sp {
        display: block;
        width: 100%;
        margin: 20px 0 0;
    }
    .system_course_content {
        padding: 0 10px 10px;
        margin: 0 0 10px 0;
    }
    .system_course_content img {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
    .system_course_content h4 {
        font-size: 18px;
        margin: 10px 0 0 0;
    }
    .system_course_content_list {
        padding: 10px 0 0;
        font-size: 15px;
        letter-spacing: 0em;
    }
    .system_course_content_text {
        margin: 10px 0 10px 0;
        font-size: 15px;
    }
    .system_course_content_section {
        margin: 10px 0 0;
        padding: 10px;
        text-align: center;
    }
    .system_course_content_section p {
        text-align: left;
    }
    .system_course_content_section h5 {
        font-size: 16px;
    }
    .system_course_content_text_bold {
        font-size: 18px;
    }
    .system_banner_link h3 {
        font-size: 15px;
        text-align: left;
        margin: 10px 0 10px;
        line-height: 1.3;
    }
}

.special_coupon_img {
  display: block;
  width: 100%;
}
.special_coupon_text {
  text-align: left;
}
.special_coupon_price {
  margin: 10px 0;
}
.special_coupon_price li span {
  display: inline-block;
  font-weight: bold;
  padding: 0 2px;
}
.special_coupon_buy {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
    .special_coupon_img {
      max-width: 280px;
      margin: 10px auto;
    }
    .special_coupon_text {
      font-size: 14px;
    }
    .special_coupon_buy {
      font-size: 13px;
      padding: 0 0 10px;
    }
}






/*---------------------------------------------------------
お問い合わせメールフォーム
---------------------------------------------------------*/
.reserve_form_text{
    font-size: 13px;
    margin: 20px 0;
}
.reserve_info{
    margin: 10px 0;
}
.reserve_info_list{
    display: inline-block;
    margin: 0 20px 0 0;
}
.reserve_info_list span.reserve_info_label{
    display: inline-block;
    background: #b3a774;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 6px 0 0;
    color: #fff;
    font-weight: bold;
    position: relative
    top: -2px;
}
.reserve_info_list span{
    font-size: 16px;
}
form#mail_form{
    margin: 0 auto 20px;
    background: #fff;
    border: 1px solid #efebd8;
    padding: 20px;
}

form#mail_form dl{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

form#mail_form dl dt{
    clear: both;
    width: 22%;
    float: left;
    border-top: 1px solid #dedede;
    padding: 28px 0;
    text-align: right;
    overflow: hidden;
    letter-spacing: 0em;
}

form#mail_form dl dd{
    width: 78%;
    float: right;
    border-top: 1px solid #dedede;
    padding: 15px 0 15px 5%;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{
    border: none;
}



form#mail_form dl dt span.required,
form#mail_form dl dt span.optional{
    display: inline-block;
    float: right;
    color: #ffffff;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    margin: 0 0 0 10px;
}

form#mail_form dl dt span.required{
    background: #d9534f;
    border: 1px solid #d43f3a;
}

form#mail_form dl dt span.optional{
    background: #92c038;
    border: 1px solid #72bc22;
}

form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match{
    display: block;
    color: #ff0000;
    margin-top: 3px;
}


span.loading{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top: 5px solid rgba( 255, 255, 255, 0.2 );
    border-right: 5px solid rgba( 255, 255, 255, 0.2 );
    border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
    border-left: 5px solid #ffffff;
    -webkit-transform: translateZ( 0 );
    -ms-transform: translateZ( 0 );
    transform: translateZ( 0 );
    -webkit-animation: load-circle 1.0s linear infinite;
    animation: load-circle 1.0s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

@-webkit-keyframes load-circle{
    0%{
        -webkit-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
    100%{
        -webkit-transform: rotate( 360deg );
        transform: rotate( 360deg );
    }
}

@keyframes load-circle{
    0%{
        -webkit-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
    100%{
        -webkit-transform: rotate( 360deg );
        transform: rotate( 360deg );
    }
}




form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"]{
    width: 100%;
    height: 50px;
    padding: 2px 8px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-appearance: none;
    font-size: 16px;
    font-family: inherit;
}

form#mail_form input[type="text"]:focus,
form#mail_form input[type="email"]:focus,
form#mail_form input[type="tel"]:focus,
form#mail_form textarea:focus{
    box-shadow: 0px 0px 5px #55ccff;
    border: 1px solid #55ccff;
    background: #ffffff;
    outline: none !important;
}

form#mail_form ul li input[type="radio"],
form#mail_form ul li input[type="checkbox"]{
    margin-right: 10px;
    margin-top: 20px;
}


form#mail_form select{
    font-size: 16px;
    font-family: inherit;
    padding: 12px 20px 12px 5px;
    height: 50px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 100%;
    background: #fff;
}

form#mail_form textarea{
    display: block;
    width: 100%;
    max-width: 100%;
    height: 200px;
    padding: 12px 8px;
    resize: vertical;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-appearance: none;
    font-size: 16px;
    font-family: inherit;
}


form#mail_form ul{
    list-style-type: none;
}

form#mail_form ul li label:hover{
    cursor: pointer;
}

form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#postal,
form#mail_form input#phone,
form#mail_form input#schedule{
    width: 100%;
}

form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm{
    width: 100%;
}

form#mail_form input#postal+a{
    display: inline-block;
    padding: 9px 15px;
    vertical-align: middle;
    line-height: 1;
    background: #5bc0de;
    border: 1px solid #46b8da;
    border-radius: 3px;
    color: #ffffff;
    font-family: inherit;
    text-decoration: none;
    position: relative;
    top: -1px;
}

form#mail_form input#postal+a:hover{
    cursor: pointer;
    background: #31b0d5;
    border: 1px solid #269abc;
}

form#mail_form p#form_submit{
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    padding: 15px 0;
    border-top: none;
}

form#mail_form input[type="button"]{
    background: -ms-linear-gradient(top, #3e3301, #201a00);
    background: -moz-linear-gradient(top, #3e3301, #201a00);
    background: -webkit-gradient(linear, left top, left bottom, from(#3e3301), to(#201a00));
    text-align: center;
    display: block;
    width: 100%;
    padding: 24px 0;
    color: #fff;
    transition: all .3s;
    font-size: 20px;
    font-weight: bold;
    border: none;
    margin: 20px 0;
    border-radius: 6px;
}

form#mail_form input[type="button"]:hover{
    color: #fff;
    opacity: .75;
}

.reserve_form_list li{
    float: left;
    width: 30%;
    margin: 0 10px 0 0;
}
.reserve_form_list_check li{
    float: left;
    margin: 0 30px 0 0;
}
.reserve_member{
    display: inline-block;
    margin: 0 0 0 10px;
}

.reserve_form_attention{
    font-size: 13px;
    padding: 3px 0;
}
.reserve_customer1,.reserve_customer2{
    letter-spacing: 0em;
}


@media screen and (max-width:768px){
    .reserve_form_text{
        font-size: 12px;
        margin: 10px 0;
        letter-spacing: 0em;
    }
    .reserve_info{
        margin: 5px 0;
    }
    .reserve_info_list{
        display: block;
        margin: 3px 0;
    }
    .reserve_info_list span.reserve_info_label{
        font-size: 11px;
        padding: 2px 6px;
    }

    form#mail_form{
        padding: 10px;
    }

    form#mail_form dl{
        width: 100%;
    }

    form#mail_form dl dt{
        clear: both;
        width: 30%;
        float: left;
        border-top: 1px solid #dedede;
        padding: 20px 0;
        text-align: left;
        overflow: hidden;
        font-size: 12px;
        letter-spacing: -0.04em;
    }

    form#mail_form dl dd{
        width: 70%;
        float: right;
        border-top: 1px solid #dedede;
        padding: 15px 0 15px 3%;
    }

    form#mail_form dl dt span.required,
    form#mail_form dl dt span.optional{
        display: inline-block;
        float: none;
        color: #ffffff;
        line-height: 100%;
        padding: 3px 0;
        border-radius: 3px;
        font-size: 9px;
        margin: 0 100% 3px 0;
        width: 30px;
        text-align: center;
    }

    form#mail_form ul li input[type="radio"],
    form#mail_form ul li input[type="checkbox"]{
        margin-right: 10px;
        margin-top: 10px;
    }

    form#mail_form input[type="button"]{
        text-align: center;
        display: block;
        width: 100%;
        padding: 20px 0;
        color: #fff;
            transition: all .3s;
        font-size: 18px;
        font-weight: bold;
        border: none;
        margin: 20px 0;
    }


    .reserve_form_list li{
        float: left;
        width: 100%;
        margin: 0 10px 0 0;
    }

    .reserve_form_attention{
        font-size: 12px;
        padding: 3px 0;
    }


}




.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border: none !important;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
    border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
    color: inherit  !important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.xdsoft_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
    background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}



.thanks_text{
    margin: 20px 0;
    text-align: center;
    background: #fffef9;
    border: 1px solid #efebd8;
    padding: 20px;
    font-weight: bold;
}
@media screen and (max-width:768px){
    .thanks_text{
        text-align: left;
        padding: 10px;
    }
}


.reserve_customer {
    display: none;
    position: relative;
    top: -15px;
}
.reserve_customer_show {
    display: block;
}



/*---------------------------------------------------------
ホテルマップ
---------------------------------------------------------*/
.hotel_map_content{
    margin: 0 0 20px 0;
}
.hotel_map_content_inner{
    padding: 10px 20px;
    background: #F9F8F6;
    border: 1px solid #dedede;
}
/*.hotel_map_content_inner img{
    display: block;
    width: 100%;
}*/

.hotel_map_image_pc{
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}
.hotel_map_image_sp{
    display: none;
}

.hotel_map_content_inner ul{
    margin: 0 -5px; 
  counter-reset: wpp-ranking;
}
.hotel_map_content_inner ul li{
    margin: 0;
    padding: 5px;
}
.hotel_map_list_inner{
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 20px;
}
.hotel_map_list_inner:before{
    list-style-type: none;
    background: #e75a6b;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    line-height: 36px;
    float: left;
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.hotel_map_list_inner h3{
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 10px 0;
    padding: 8px 0 0 0; 
}
.hotel_map_content_inner ul li img{
    display: block;
    width: 100%;
    margin: 20px auto 10px;
    border: 6px solid #e9e4ce;
}
.hotel_map_content_inner ul li p{
    margin: 6px 0;
    word-wrap: break-word;
}
.hotel_map_label{
    display: inline-block;
    background: #ededed;
    color: #6b5545;
    font-size: 12px;
    padding: 2px 8px;
    margin: 0 10px 0 0;
    border-radius: 2px;
    position: relative;
    top: -2px;
}
.hotel_map_review{
    display: inline-block;
    color: #c0a826;
    font-weight: bold;
    letter-spacing: 0em;
    font-size: 22px;
    margin: -6px 0 0 0;
}

.hotel_map_content_inner ul li a{
    text-decoration: underline;
    transition: all .3s;
}
.hotel_map_content_inner ul li a:hover{
    opacity: .75;
}
@media screen and (max-width:768px){
    .hotel_map_content_inner{
        padding: 0 10px;
    }

    .hotel_map_image_pc{
        display: none;
    }
    .hotel_map_image_sp{
        display: block;
        width: 100%;
        margin: 0 0 20px 0; 
    }
    .hotel_map_content_inner ul{
        margin: 10px 0; 
    }
    .hotel_map_content_inner ul li{
        margin: 0 -5px;
        padding: 5px; 
    }
    .hotel_map_list_inner{
        background: #fff;
        border-radius: 8px;
        border: 1px solid #ededed;
        padding: 10px;
    }
    .hotel_map_list_inner:before{
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }
    .hotel_map_list_inner h3{
        font-size: 20px;
        margin: 0 0 5px 0;
        padding: 6px 0 0 0; 
    }
    .hotel_map_content_inner ul li img{
        margin: 15px auto 10px;
        border: 3px solid #e9e4ce;
    }
    .hotel_map_content_inner ul li p{
        font-size: 16px;
        letter-spacing: 0em;
    }
}

/*健康になるセックスライフ*/
.health_contents{
    margin: 0 0 20px 0;
    padding: 0 0 20px;
}
.health {
  margin: 0 auto;
  text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
}
.health_mainvisual img {
  display: block;
  width: 100%;
}
.health h3 {
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  padding: 10px 0;
  margin: 10px 0;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  font-feature-settings: "palt";
  background: #6fd5ff;
}
.health_title {
  text-align: center;
  padding: 0 0 15px;
}
.health_title h4 {
  font-weight: bold;
  font-size: 32px;
  display: inline-block;
  text-align: center;
  line-height: 1.4;
  text-shadow: none;
  font-feature-settings: "palt";
  color: #3bc6ff;
}
.health_point {
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  margin: 0 10px 0 0;
  color: #fff;
  font-feature-settings: "palt";
  line-height: 1.2;
  background: -ms-linear-gradient(-45deg, #6fd5ff, #3bc6ff);
  background: -moz-linear-gradient(-45deg, #6fd5ff, #3bc6ff);
  background: -webkit-gradient(linear, -45deg, left bottom, from(#6fd5ff), to(#3bc6ff));
  padding: 3px 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  position: relative;
  top: -4px;
}
.health_intro {
  font-size: 18px;
  padding: 10px 0 0;
  line-height: 1.6;
}
.health_five {
  padding: 20px 0;
}
.health_five_inner {}
.health_content {
  position: relative;
  z-index: 1;
  padding: 20px;
  margin: 20px 0 10px;
  background: #fff;
  border: 8px solid #f1fbff;
}
.health_content_inner {}
.health_image {
  float: left;
  width: 40%;
  padding: 0 2% 0 0;
}
.health_image img {
  display: block;
  width: 100%;
  border: 6px solid #f1fbff;
  border-radius: 6px;
}
.health_text {
  float: right;
  width: 60%;
  font-size: 18px;
  line-height: 1.6;
  position: relative;
  padding: 5px 10px 10px;
  overflow: hidden;
}
.health_text_inner {
  padding: 0 10px;
  background: linear-gradient(#b5e9ff 1px, transparent 1px) rgba(255, 255, 255, 1);
  background-size: auto 2.5em;
  line-height: 2.5em;
  border-bottom: 1px solid #b5e9ff;
  overflow: hidden;
}
.health_four {
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
    .health_contents{
        margin: 0 0 20px 0;
    }

    .health h3 {
      font-size: 26px;
      padding: 10px 15px 5px;
    }
    .health_title {
      padding: 0 0 15px;
    }
    .health_title h4 {
      font-size: 22px;
      display: block;
    }
    .health_point {
      display: block;
      font-size: 15px;
      margin: 0 auto 5px;
      padding: 5px 0;
      max-width: 100px;
    }
    .health_intro {
      font-size: 16px;
      padding: 10px 0 10px;
    }
    .health_five {
      padding: 15px 0;
    }
    .health_five_inner {}
    .health_content {
      padding: 25px 15px 10px;
      margin: 10px auto;
    }
    .health_content_inner {}
    .health_image {
      float: none;
      width: 100%;
      max-width: 80%;
      padding: 0;
      margin: 0 auto;
    }
    .health_image img {
      display: block;
      width: 100%;
    }
    .health_text {
        margin: 20px 0 10px;
    }
    .health_text {
      float: none;
      width: 100%;
      font-size: 16px;
      padding: 5px 5px 10px;
    }
    .health_text_inner {
      padding: 0 5px;
      background-size: auto 2em;
      line-height: 2em;
    }
    .health_four {
      padding: 0;
    }
}

/*自宅派遣キャバクラ・ガールズバーコース*/

.cabaret_contents {
    margin: 0 0 20px 0;
    padding: 0 0 20px;
}
.cabaret {
    margin: 0 auto;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
}
.cabaret_mainvisual_outer {
    position: relative;
}
.cabaret_mainvisual {
    display: block;
    width: 100%;
    margin: 0 auto -2px;
    position: relative;
    z-index: 2;
}
.cabaret_content01_outer {
    background: url(../img/cabaret/cabaret_background01.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 20px;
    position: relative;
    z-index: 1;
}
.cabaret_content01 {
    width: 100%;
    display: table;
}
.cabaret_content01_left01 {
    display: table-cell;
    width: 70%;
    vertical-align: middle;
}
.cabaret_content01_right01 {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.cabaret_content01_right01 img {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.cabaret_content01_right02 {
    display: table-cell;
    width: 70%;
    vertical-align: middle;
}
.cabaret_content01_left02 {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.cabaret_content01_left02 img {
    display: block;
    width: 95%;
    margin: 0 auto;
}
.cabaret_image02 {
    display: block;
}
.cabaret_image02_sp {
    display: none;
}

.cabaret_movie video {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.cabaret_content02_outer {
    background: url(../img/cabaret/cabaret_background02.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 20px;
    position: relative;
    z-index: 2;
    top: -2px;
}
.cabaret_price {
    display: block;
    width: 96%;
    margin: 10px auto 0;
}
.cabaret_price_text {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0em;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
    padding: 20px 0 0 0;
    color: #654333;
    font-feature-settings: "palt";
}
.cabaret_title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0em;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
    padding: 10px 0 0;
    text-align: center;
    color: #654333;
    font-feature-settings: "palt";
}
.cabaret_font01 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0em;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
    padding: 5px 0;
    color: #654333;
    font-feature-settings: "palt";
}
.cabaret_font02 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0em;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
    padding: 8px 0;
    color: #654333;
    font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
    .cabaret_contents {
        padding: 0;
    }
    .cabaret_content01_outer {
        padding: 20px 10px;
    }

    .cabaret_content01 {
        display: block;
    }
    .cabaret_content01_left01 {
        display: block;
        width: 100%;
    }
    .cabaret_content01_right01 {
        display: block;
        width: 100%;
    }
    .cabaret_content01_right01 img {
        width: 100%;
        max-width: 220px;
    }
    .cabaret_content01_right02 {
        display: block;
        width: 100%;
    }
    .cabaret_content01_left02 {
        display: block;
        width: 100%;
    }
    .cabaret_content01_left02 img {
        display: none;
    }
    .cabaret_image02 {
        display: none;
    }
    .cabaret_image02_sp {
        display: block;
        width: 100%;
        max-width: 220px;
        margin: 0 auto;
    }

    .cabaret_content02_outer {
        padding: 20px 10px 30px;
        margin: 0;
    }
    .cabaret_price {
        display: block;
        width: 100%;
        margin: 10px auto 0;
    }
    .cabaret_price_text {
        text-align: left;
        font-size: 14px;
        line-height: 1.4;
        padding: 20px 0 0 0;
    }

    .cabaret_title {
        font-size: 22px;
        line-height: 1.4;
        padding: 10px 0;
    }
    .cabaret_font01 {
        font-size: 18px;
    }
    .cabaret_font02 {
        font-size: 16px;
        font-weight: normal;
    }
}


/*---------------------------------------------------------
デリSPAページ
---------------------------------------------------------*/
.spa_contents {
    margin: 0 0 40px 0;
    background: #0c0705;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.spa {
    margin: 0 auto;
}
.spa_mainvisual {
    background: url(../img/spa/spa_mainvisual.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 1;
    padding: 100px 0 200px;
}
.spa_title {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.spa_service {
    background: url(../img/spa/spa_service.png) no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 160px 60px 400px;
    position: relative;
    z-index: 2;
    margin: -120px 0 0 0;
}
.spa_service_title {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.spa_service_text {
    margin: 40px 0;
}
.spa_service_text p {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
    /*max-width: 770px;*/
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.08em;
    text-shadow: -1px -1px 1px #111, 1px -1px 1px #111, -1px 1px 1px #111, 1px 1px 1px #111;
    padding: 8px 0;
    color: #fff;
}
.spa_service_merit {
    margin: 40px 0 0;
}
.spa_service_merit li {
    background: #39a100;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    padding: 4px 10px;
    margin: 4px 2px;
    border-radius: 3px;
    border: 1px solid #54c716;
    box-shadow: 0 0 4px rgba(0,0,0, .6);
    text-shadow: -1px -1px 1px #215d00, 1px -1px 1px #215d00, -1px 1px 1px #215d00, 1px 1px 1px #215d00;
}
.spa_flow {
    background: url(../img/spa/spa_flow.png) no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 160px 60px 100px;
    position: relative;
    z-index: 3;
    margin: -220px 0 0 0;
}
.spa_flow_title {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
.spa_flow_text {
    margin: 40px 0;
}
.spa_flow_list {
}
.spa_flow_list li {
    margin: 20px 0 40px;
}
.spa_flow_list h4 span {
    display: inline-block;
    font-size: 15px;
    background: #39a100;
    text-shadow: none;
    padding: 2px 8px;
    border-radius: 3px;
    color: #fff;
    position: relative;
    top: -4px;
    margin: 0 8px 0 0;
    border: 1px solid #54c716;
    box-shadow: 0 0 4px rgba(0,0,0, .6);
    text-shadow: -1px -1px 1px #215d00, 1px -1px 1px #215d00, -1px 1px 1px #215d00, 1px 1px 1px #215d00;
}
.spa_flow_list img {
    display: block;
    width: 100%;
}
.spa_flow_list p {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.08em;
    text-shadow: -1px -1px 1px #111, 1px -1px 1px #111, -1px 1px 1px #111, 1px 1px 1px #111;
    padding: 8px 0;
    color: #fff;
}
.spa_price {
    background: url(../img/spa/spa_price.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 60px;
}
.spa_price_title {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
.spa_price h5 {
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}
.spa_price_list {
    margin: 0 0 40px;
    text-align: center;
}
.spa_price_list li {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-shadow: -1px -1px 1px #111, 1px -1px 1px #111, -1px 1px 1px #111, 1px 1px 1px #111;
    padding: 4px 0;
    color: #fff;
    font-style: italic;
}
.spa_price_list li span {
    display: inline-block;
    font-size: 26px;
}
.spa h4 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0em;
    text-shadow: -1px -1px 1px #111, 1px -1px 1px #111, -1px 1px 1px #111, 1px 1px 1px #111;
    padding: 4px 0;
    color: #fff;
}
.spa h5 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0em;
    text-shadow: -1px -1px 1px #111, 1px -1px 1px #111, -1px 1px 1px #111, 1px 1px 1px #111;
    padding: 4px 0;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .spa_contents {
        margin: 0 0 20px 0;
    }
    .spa_mainvisual {
        padding: 100px 0 200px;
    }
    .spa_title {
        max-width: 96%;
    }
    .spa_service {
        padding: 120px 15px 200px;
        margin: -80px 0 0 0;
    }
    .spa_service_title {
        max-width: 200px;
    }
    .spa_service_merit li {
        font-size: 18px;
    }
    .spa_service_text p {
        font-size: 15px;
    }
    .spa_flow {
        padding: 140px 0 40px;
        margin: -140px 0 0 0;
    }
    .spa_flow_title {
        max-width: 140px;
    }
    .spa_flow_list li {
        margin: 10px 0 20px;
    }
    .spa_flow_list h4 {
        text-align: center;
    }
    .spa_flow_list img {
        max-width: 300px;
        margin: 0 auto 10px;
    }
    .spa_flow_list p {
        font-size: 15px;
    }
    .spa_price {
        padding: 60px 0;
    }
    .spa_price_title {
        max-width: 140px;
    }
    .spa_price_list {
        text-align: center;
    }
    .spa_price_list li {
        font-size: 34px;
    }
    .spa_price_list li span {
        font-size: 22px;
    }
    .spa h4 {
        font-size: 24px;
    }
    .spa h5 {
        font-size: 20px;
    }
}

/*人気の理由*/
.reason_content{
    margin: 0 0 20px 0;
}
.reason_content_inner{
    padding: 10px 20px;
    background: #fffef9;
    border: 1px solid #efebd8;
}

.reason_sub_title{
    font-size: 28px;
    font-weight: bold;
    color: #3e3301;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    margin: 30px 0;
}
.reason_content_inner h5{
    background: -ms-linear-gradient(top, #3B0E0B, #220301);
    background: -moz-linear-gradient(top, #3B0E0B, #220301);
    background: -webkit-gradient(linear, left top, left bottom, from(#3B0E0B), to(#220301));
    color: #fff;
    padding: 10px 10px;
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.reason_content_inner p{
    font-size: 16px;
    margin: 20px 0;
}
.reason_content_inner img{
    display: block;
    width: 100%;
    margin: 20px 0;
}
@media screen and (max-width: 768px) {
    .reason_content_inner{
        padding: 10px 10px;
        }

    .reason_sub_title{
        font-size: 20px;
        font-weight: bold;
        color: #3e3301;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        text-align: center;
        margin: 20px 0;
    }
    .reason_content_inner h5{
        background: -moz-linear-gradient(top, #3B0E0B, #220301);
        background: -webkit-gradient(linear, left top, left bottom, from(#3B0E0B), to(#220301));
        color: #fff;
        padding: 10px 10px;
        margin: 10px 0 0;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        display: block;
            font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        line-height: 1.4;
    }
    .reason_content_inner p{
        font-size: 14px;
        margin: 20px 0;
    }
}



/*イベント*/
.event_content{
}
.event_content li{
    margin: 0 0 20px 0;
    padding: 20px;
    background: #fffef9;
    border: 1px solid #efebd8;
    text-align: center;
}
.event_content li img{
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 0 auto 20px;
    text-align: center;
}
.event_content li span,.event_content li strong,.event_content li font{
    font-size: 110% !important;
    font-weight: bold !important;
    line-height: 1.6 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif !important;
}
@media screen and (max-width: 768px) {
    .event_content li{
        margin: 0 0 10px 0;
        padding: 20px 10px;
            text-align: left !important;
    }
    .event_content li img{
        display: block;
        width: 100%;
        max-width: 720px;
        margin: 0 auto 20px;
            text-align: center;
    }
    .event_content li span,.event_content li strong,.event_content li font{
        font-size: 100% !important;
        font-weight: bold !important;
        line-height: 1.6 !important;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif !important;
        letter-spacing: 0em !important;
    }
}


/*体験マンガ*/
.comic_content{
    margin: 0 0 20px 0;
    background: #fffef9;
    border: 1px solid #efebd8;
    padding: 40px;
}
.comic_content img{
    display: block;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .comic_content{
        margin: 0 0 10px 0;
            padding: 20px;
    }
}


/*サイトマップ*/
.sitemap_contents{
    margin: 0 0 20px 0;
    padding: 10px 20px 20px;
    background: #fffef9;
    border: 1px solid #efebd8;
    color: #3B0E0B;
}
.sitemap_contents h3{
    color: #3B0E0B;
    font-size: 22px;
    margin: 14px 0;
    font-weight: bold;
}
.sitemap_contents h4{
    color: #3B0E0B;
    font-size: 18px;
    margin: 14px 0;
    font-weight: bold;
}
.sitemap_contents h5{
    color: #3B0E0B;
    font-size: 16px;
    margin: 14px 0 6px;
}
.sitemap_contents ul{
    background: #f7f7f7;
    padding: 10px 20px;
}
.sitemap_contents ul li a{
    color: #3B0E0B;
    font-size: 16px;
    margin: 3px 5px 3px 0;
    background: #fff;
    border: 1px solid #dedede;
    display: inline-block;
    float: left;
    padding: 4px 10px;
}
.sitemap_contents a{
    color: #3B0E0B;
}
.sitemap_contents a:hover{
    color: #3B0E0B;
    text-decoration: underline;
}
.sitemap_contents a i{
    color: #3B0E0B;
    display: inline-block;
    padding: 3px 3px 0 0;
    font-size: 80%;
    vertical-align: top;
}
.sitemap_contents ul li a i{
    color: #3B0E0B;
    display: inline-block;
    padding: 7px 3px 0 0;
    font-size: 80%;
    vertical-align: top;
}
@media screen and (max-width: 768px) {
    .sitemap_contents{
        margin: 0 0 20px 0;
        padding: 10px 10px;
    }
    .sitemap_contents h3{
        font-size: 18px;
        margin: 10px 0;
    }
    .sitemap_contents h4{
        font-size: 16px;
        margin: 10px 0;
    }
    .sitemap_contents h5{
        font-size: 12px;
        margin: 14px 0 6px;
    }
    .sitemap_contents ul{
        padding: 10px 10px;
    }
    .sitemap_contents ul li a{
        color: #3B0E0B;
        font-size: 14px;
        margin: 3px 3px 3px 0;
        background: #fff;
            border: 1px solid #dedede;
        display: inline-block;
        float: left;
        padding: 4px 10px;
    }

    .sitemap_contents ul li a i{
        color: #3B0E0B;
        display: inline-block;
        padding: 6px 3px 0 0;
        font-size: 80%;
        vertical-align: top;
    }
}

/*体験漫画、イベント画像用*/
.contents_img {
    margin-top: 5px;
    width: 600px;
    text-align: center;
    margin: 5px auto;
}
#movies {
    background-color: #000;
    display: block;
}
#movies li {
    float: left;
    width: 300px;
    height: 190px;
    display: block;
}
#movies li object {
    margin: 0;
    padding: 0;
}

/*動画用*/
#movie_error_contents {
    background-color: #F2EFE6;
    border: 1px solid #C1982E;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
}

.system_content ul li p.special-massage {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #3e3301;
    background: none;
    font-weight: bold;
    text-align: left;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.system_content ul li p.special-massage span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
@media screen and (max-width: 768px) {
    .system_content ul li p.special-massage {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #3e3301;
        background: none;
        font-weight: bold;
        text-align: left;
        font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        line-height: 1.4;
        margin-top: 5px;
    }
    .system_content ul li p.special-massage span {
        display: block;
        font-size: 12px;
        font-weight: normal;
    }
}