#main {
    /*padding-top: 181px;*/
    /*padding-top: 81px;*/
    padding-top: 80px;
}

@media only screen and (max-width: 1250px) {
    #main {
        /*padding-top: 120px;*/
        padding-top: 80px;
    }
}

@media only screen and (max-width: 750px) {
    #main {
        /*padding-top: 100px;*/
        padding-top: 0px;
    }
}

#bath .pc {
    display: block !important;
}

#bath .sp {
    display: none !important;
}

#bath .caption0 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#bath section {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#bath section .secin {
    font-family: 'Noto Serif JP', serif;
    color: #002538;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 60px;
}

#bath section .secin figure {
    position: relative;
    box-sizing: border-box;
}

#bath section .secin figure img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

#bath section .secin figure .flrico {
    width: 120px;
    position: absolute;
    background-color: #002538;
    text-align: center;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    left: -20px;
    top: 10%;
}

@media only screen and (max-width: 750px) {
    #bath section .secin figure .flrico {
        width: 70px;
        padding: 6px;
        font-size: 14px;
        top: 6%;
    }
}

#bath section .secin h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 60px;
}

#bath section .secin h3 span {
    color: rgba(0, 37, 56, 0.5);
    font-family: trajan-pro-3, serif;
    font-size: 18px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 750px) {
    #bath section .secin h3 {
        font-size: 4.6vw;
        margin-bottom: 30px;
    }

    #bath section .secin h3 span {
        font-size: 2.3vw;
    }
}

#bath section .secin h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
    #bath section .secin h4 {
        font-size: 4vw;
    }
}


@media only screen and (max-width: 750px) {
    #bath section .secin {
        padding: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #bath section.sec1 .secin {
        padding-bottom: 0;
    }
}

#bath section.ptit {
    background-size: cover;
    background-position: center center;
    background-image: url("../img/onsenspa/main_01.jpg");

}

#bath section.ptit .secin {
    padding-top: 160px;
    padding-left: 20px;
}

#bath section.ptit .secin h2 {
    text-align: left;
    font-size: 42px;
    color: #989188;
    line-height: 1.2em;
    color: #fff;
    margin-bottom: 30px;
}

#bath section.ptit .secin p.lead {
    font-size: 1.4em;
    color: #fff;
    text-align: left;
}

@media only screen and (max-width: 750px) {
    #bath section.ptit {
        /*height: 62vh;*/
        background-image: url("../img/onsenspa/main_01@sp.jpg");
    }

    #bath section.ptit .secin {
        padding-top: 120px;
    }

    #bath section.ptit .secin h2 {
        text-align: center;
        font-size: 6.7vw;
    }

    #bath section.ptit .secin p.lead {
        font-size: 4vw;
        text-align: center;
    }
}

#bath section.sec1 {
background-color: #fff;
}

#bath section.sec1 .secin .sec1a {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec1 .secin .sec1a {
        max-width: 200px;
        margin-bottom: 20px;
    }
}
#bath section.sec1 .secin .sec1c {
    position: relative;
    text-align: center;
    width: 800px;
    height: 450px;
    	margin-left: auto;
    		margin-right: auto;
    margin-top: 60px;
}
#bath section.sec1 .secin .sec1c .mainc {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    width: 100%;
    max-width: 500px;
}
@media screen and (max-width: 584px){
    #bath section.sec1 .secin .sec1c {
        margin-top: 20px;
        width: 100%;
        height: 33vh;
    }
    #bath section.sec1 .secin .sec1c .mainc  {
        width: 80%;
        max-width: 140px;
    }
}
#bath section.sec1 .secin .sec1c iframe{
    width: 100%;
    left: 0%;
    top: 0%;

}
#bath section.sec1 .secin .sec1b {
    position: relative;
    text-align: center;
}

#bath section.sec1 .secin .sec1b li {
    width: 30%;
    display: inline-block;
    float: none !important;
    margin-right: 1%;
    margin-left: 1%;
    background-color: #fff;
    padding-bottom: 10px;
    vertical-align: top;
}

#bath section.sec1 .secin .sec1b li h3 {
    color: #002538;
    border-bottom: 2px solid #002538;
    margin-bottom: 10px;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#bath section.sec1 .secin .sec1b li p {
    color: #002538;
    min-height: 80px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec1 .secin .sec1b li {
        width: 90%;
        margin: 0;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    #bath section.sec1 .secin .sec1b li:last-child {
        margin-bottom: 0;
    }
}

#bath section.sec2 {
    background-color: #002538;
    padding-bottom: 40px;
}

#bath section.sec2 .bg {
    position: relative;
    display: block;
    vertical-align: bottom;
    width: 100%;
}

#bath section.sec2 .mainimg {
    position: relative;
    margin-bottom: 40px;
}

#bath section.sec2 .mainimg .mimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

#bath section.sec2 .mainimg .mimg li {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    opacity: 0;
    z-index: 4;
}

#bath section.sec2 .mainimg .mimg li img {
    display: block;
    vertical-align: bottom;
    width: 100%;
    z-index: 12;
}

#bath section.sec2 .mainimg .mimg li .note {
    font-weight: 500;
    position: absolute;
    right: 10px;
    bottom: 45px;
    font-size: 12px;
    z-index: 12;
    line-height: 1.4em;
    color: #fff;
    font-feature-settings: "pwid";
    letter-spacing: 0px;
    text-align: right;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 4px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.5), 0px 0px 6px rgba(0, 0, 0, 0.5), 0px 0px 12px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 750px) {
    #bath section.sec2 .mainimg .mimg li .note {
        bottom: 15px;
    }
}

#bath section.sec2 .mainimg .mainsldt {
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 322;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#bath section.sec2 .mainimg .mainsldt li {
    display: inline-block;
    width: 40px;
    margin-right: 4px;
    margin-left: 4px;
    height: 4px;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    float: none !important;
}

@media only screen and (max-width: 750px) {
    #bath section.sec2 .mainimg .mainsldt {
        width: 100%;
        bottom: 10px;
    }

    #bath section.sec2 .mainimg .mainsldt li {
        height: 2px;
    }
}

@media only screen and (max-width: 750px) {
    #bath section.sec2 .mainimg {
        margin-bottom: 10px;
    }
}
#bath section.sec2.act7 .mainimg .mimg li.s7,
#bath section.sec2.act2 .mainimg .mimg li.s2, #bath section.sec2.act3 .mainimg .mimg li.s3, #bath section.sec2.act4 .mainimg .mimg li.s4, #bath section.sec2.act5 .mainimg .mimg li.s5, #bath section.sec2.act6 .mainimg .mimg li.s6, #bath section.sec2.act1 .mainimg .mimg li.s1 {
    opacity: 1;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    z-index: 8;
}
#bath section.sec2.act7 .mainimg .mainsldt li.s7,
#bath section.sec2.act2 .mainimg .mainsldt li.s2, #bath section.sec2.act3 .mainimg .mainsldt li.s3, #bath section.sec2.act4 .mainimg .mainsldt li.s4, #bath section.sec2.act5 .mainimg .mainsldt li.s5, #bath section.sec2.act6 .mainimg .mainsldt li.s6, #bath section.sec2.act1 .mainimg .mainsldt li.s1 {
    background-color: #002538;
}

#bath section.sec2 #thumb {
    position: relative;
    width: 100%;
    text-align: center;
}

#bath section.sec2 #thumb li {
    display: inline-block;
    width: 13%;
    max-width: 180px;
    height: auto;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    margin-right: 0.5%;
    margin-left: 0.5%;
    float: none !important;
}

#bath section.sec2 #thumb li img {
    display: block;
    vertical-align: bottom;
    width: 100%;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#bath section.sec2 #thumb li:hover img, #bath section.sec2 #thumb li.thumbnail-current img {
    opacity: 1;
}

@media only screen and (max-width: 750px) {
    #bath section.sec2 #thumb li {
        width: 22%;
    }
}

@media only screen and (max-width: 750px) {
    #bath section.sec2 #thumb {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

p.caption {
padding-right: 0;
    padding-left: 0;
        }
    .caption0 p.caption {
        padding-right:10px;
        padding-left: 10px;

    }

}

#bath section.sec3 {
    background-color: #EDF7F7;
}

#bath section .sec3a {
    width: 100%;
    max-width: 840px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    font-family: sans-serif;

}

#bath section .sec3at {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    font-family: sans-serif;
}
@media screen and (max-width: 584px) {
    #bath section .sec3a {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    #bath section .sec3at {
        padding: 0px;
    }
}
#bath section .sec3a table {
    text-align: center;
    width: 100%;
    position: relative;
    background-color: #fff;
}

#bath section .sec3a table tr th {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    background-color: #002538;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

#bath section .sec3a table tr th.sty2 {
    background-color: #fff;
    color: #002538;
    font-size: 16px;
    border-top: 1px solid #808080;
}

#bath section .sec3a table tr th.sty3 {
    border-left: 1px solid rgba(128, 128, 128, 0.5);
    font-size: 30px;
}

#bath section .sec3a table tr th.sty3 span {
    font-size: 18px;
}

@media only screen and (max-width: 750px) {
    #bath section .sec3a table tr th {
        font-size: 12px;
    }

    #bath section .sec3a table tr th.sty2 {
        font-size: 12px;
    }

    #bath section .sec3a table tr th.sty3 {
        width: 50%;
        font-size: 14px;
    }

    #bath section .sec3a table tr th.sty3 span {
        font-size: 12px;
    }
}

#bath section .sec3a table tr td {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}

#bath section .sec3a table tr td:first-child {
    border-right: 1px solid rgba(128, 128, 128, 0.5);
}

#bath section .sec3a table tr td span {
    font-size: 12px;
}

@media only screen and (max-width: 750px) {
    #bath section .sec3a table tr td {
        font-size: 12px;
    }
}

#bath section.sec4 {
    background-color: #fff;
}

#bath section.sec4 ul.spec {
    position: relative;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

#bath section.sec4 ul.spec li {
    float: none !important;
    display: inline-block;
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    background-color: #425F6C;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec4 ul.spec {
        margin-bottom: 20px;
    }
}

#bath section.sec4 ul.sec4a {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
}

#bath section.sec4 ul.sec4a li {
    display: inline-block;
    float: none !important;
    width: 48%;
    margin-right: 4%;
    text-align: left;
    margin-bottom: 40px;
}

#bath section.sec4 ul.sec4a li:nth-child(2n) {
    margin-right: 0;
}

#bath section.sec4 ul.sec4a li h5 {
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec4 ul.sec4a li h5 {
        font-size: 4vw;
    }
}

#bath section.sec4 ul.sec4a li p {
    font-size: 16px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec4 ul.sec4a li p {
        font-size: 3.5vw;
        text-align: left;
    }
}

#bath section.sec4 ul.sec4a li .note {
    background-color: #002538;
    color: #fff;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 6px;
}

#bath section.sec4 ul.sec4a li figure.bdr {
    border: 1px solid #A9A9A9;
}

@media only screen and (max-width: 750px) {
    #bath section.sec4 ul.sec4a {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    #bath section.sec4 ul.sec4a li {
        width: 100%;
        margin-right: 0%;
    }
}

#bath section.sec5 {
    background-color: #002538;
}

#bath section.sec5 .sec5a {
    margin-bottom: 40px;
}

#bath section.sec5 .sec5a figure {
    float: right;
    width: 48%;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5a figure {
        width: 90%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
}

#bath section.sec5 .sec5a .info {
    float: left;
    width: 48%;
    color: #fff;
    text-align: right;
}

#bath section.sec5 .sec5a .info .dtime {
    display: inline-block;
    background-color: #847E71;
    width: 100%;
    max-width: 200px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5a .info .dtime {
        font-size: 14px;
    }
}

#bath section.sec5 .sec5a .info p {
    text-align: left;
    font-size: 18px;
}

#bath section.sec5 .sec5a .info p.sty2 {
    margin-top: 20px;
    border: 1px solid #ccc;
    padding: 12px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5a .info p {
        font-size: 14px;
    }
}

#bath section.sec5 .sec5a .info h4 {
    text-align: right;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 10px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5a .info h4 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5a .info {
        width: 90%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

#bath section.sec5 .sec5b {
    margin-bottom: 40px;
}

#bath section.sec5 .sec5b figure {
    float: left;
    width: 48%;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5b figure {
        width: 90%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
}

#bath section.sec5 .sec5b .info {
    float: right;
    width: 48%;
    color: #fff;
}

#bath section.sec5 .sec5b .info .dtime {
    background-color: #847E71;
    width: 100%;
    max-width: 200px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5b .info .dtime {
        font-size: 14px;
    }
}

#bath section.sec5 .sec5b .info p {
    text-align: left;
    font-size: 18px;
}

#bath section.sec5 .sec5b .info p.sty2 {
    margin-top: 20px;
    border: 1px solid #ccc;
    padding: 12px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5b .info p {
        font-size: 14px;
    }
}

#bath section.sec5 .sec5b .info h4 {
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5b .info h4 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .sec5b .info {
        width: 90%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

#bath section.sec5 .moreb {
    margin-top: 30px;
    background-color: #FFFFFF;
    height: 50px;
}

#bath section.sec5 .moreb a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

#bath section.sec5 .moreb a p {
    position: absolute;
    width: 100%;
    max-width: 200px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px;
}

#bath section.sec5 .moreb a p::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 1;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: #002538 solid 2px;
    border-right: #002538 solid 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#bath section.sec5 .moreb a p::before {
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-image: url("../img/onsenspa/ico_01.png");
    content: "";
    z-index: 3;
    right: 0;
    top: 4px;
}

#bath section.sec5 .moreb:hover {
    opacity: 0.7;
}

@media only screen and (max-width: 750px) {
    #bath section.sec5 .moreb {
        margin-top: 20px;
        background-color: #FFFFFF;
        height: 40px;
    }
}

#bath section.sec6 .moreb {
    margin-top: 30px;
    background-color: #002538;
    height: 50px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

#bath section.sec6 .moreb a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

#bath section.sec6 .moreb a p {
    color: #fff;
    position: absolute;
    width: 100%;
    max-width: 200px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px;
}

#bath section.sec6 .moreb a p::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 1;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#bath section.sec6 .moreb a p::before {
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-image: url("../img/onsenspa/ico_01.png");
    content: "";
    z-index: 3;
    right: 0;
    top: 4px;
}

#bath section.sec6 .moreb:hover {
    opacity: 0.7;
}

@media only screen and (max-width: 750px) {
    #bath section.sec6 .moreb {
        margin-top: 20px;
        height: 40px;
    }
}

#bath section.sec6 .sec6c {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#bath section.sec6 .sec6c a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

#bath section.sec6 .sec6c img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

#bath section.sec6 .sec6c:hover {
    opacity: 0.7;
}

#bath section.sec6 .sec6a {
    width: 100%;
    max-width: 840px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

#bath section.sec6 .sec6a .sec6at {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
}

#bath section.sec6 .sec6a table {
    text-align: center;
    width: 100%;
    position: relative;
    background-color: #fff;
}

#bath section.sec6 .sec6a table tr th {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    background-color: #002538;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

#bath section.sec6 .sec6a table tr th.sty2 {
    background-color: #fff;
    color: #002538;
    font-size: 16px;
    border-top: 1px solid #808080;
}

#bath section.sec6 .sec6a table tr th.sty3 {
    border-left: 1px solid rgba(128, 128, 128, 0.5);
    font-size: 30px;
}

#bath section.sec6 .sec6a table tr th.sty3 span {
    font-size: 18px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec6 .sec6a table tr th {
        font-size: 12px;
    }

    #bath section.sec6 .sec6a table tr th.sty2 {
        font-size: 12px;
    }

    #bath section.sec6 .sec6a table tr th.sty3 {
        width: 50%;
        font-size: 14px;
    }

    #bath section.sec6 .sec6a table tr th.sty3 span {
        font-size: 12px;
    }
}

#bath section.sec6 .sec6a table tr td {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}

#bath section.sec6 .sec6a table tr td:first-child {
    border-right: 1px solid rgba(128, 128, 128, 0.5);
}

#bath section.sec6 .sec6a table tr td span {
    font-size: 12px;
}

@media only screen and (max-width: 750px) {
    #bath section.sec6 .sec6a table tr td {
        font-size: 12px;
    }
}

#bath section.sec6 .sec6b {
    position: relative;
    width: 100%;
}

#bath section.sec6 .sec6b li {
    position: relative;
    width: 64%;
    float: none !important;
}

#bath section.sec6 .sec6b li img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

#bath section.sec6 .sec6b li:nth-child(2) {
    position: absolute;
    width: 34%;
    height: 48%;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
    background-image: url("../img/onsenspa/img_10.jpg");
}

#bath section.sec6 .sec6b li:nth-child(3) {
    position: absolute;
    width: 34%;
    height: 48%;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-image: url("../img/onsenspa/img_11.jpg");
}

@media only screen and (max-width: 750px) {
    #bath section.sec6 .sec6b li {
        width: 100%;
        margin-bottom: 10px;
    }

    #bath section.sec6 .sec6b li:nth-child(2) {
        position: relative;
        width: 48%;
        height: 120px;
        right: auto;
        top: auto;
        float: left !important;
    }

    #bath section.sec6 .sec6b li:nth-child(3) {
        position: relative;
        width: 48%;
        height: 120px;
        right: auto;
        bottom: auto;
        float: right !important;
    }
}

@media only screen and (max-width: 750px) {
    #bath section.sec6 .sec6b {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 750px) {
    #bath p.note {
        font-size: 12px;
    }

    #bath .pc {
        display: none !important;
    }

    #bath .sp {
        display: block !important;
    }
}

#bath section.ptit {
    margin-bottom: 100px;
}

/*#bath section.ptit {
  padding: 70px 0;
  height: auto;
  background: #333;
}

#bath section.ptit .secin {
  padding: 0;
  width: 94%;
}*/

#bath section.sec2 .sec2b,
#bath section.sec3 .sec3b {
    margin-bottom: 20px;
}

#bath section.sec2 .sec2b + .lead,
#bath section.sec3 .sec3b + .lead {
    padding: 0 3% 40px;
    line-height: 1.7;
    font-size: 20px;
}

#bath section.sec2 .sec2a li figure {
    margin-bottom: 20px;
}

#bath section.sec2 .sec2c li figure {
    margin-bottom: 20px;
}

/*#bath section.sec1 .secin .sec1b li:nth-child(3) {*/
    /*position: relative;*/
    /*top: -11px;*/
    /*padding-bottom: 21px;*/
/*}*/

/*#bath section.sec1 .secin .sec1b li:nth-child(3) p {*/
    /*padding-top: 11px;*/
/*}*/

#bath section .sec3a table tr th.sty3 span.emphasis {
    font-size: 120%;
}

@media only screen and (min-width: 751px) {
    #bath section .sec3a table tr th.sty3 span.spSpace {
        display: none;
    }
}

@media only screen and (max-width: 750px) {
    #bath section.ptit {
        margin-bottom: 60px;
    }

    /*#bath section.ptit {
      padding: 50px 0;
      height: auto;
      background-image: none;
    }*/
    #bath section.sec1 .secin .sec1b li {
        width: 80%;
        max-width: 360px;
    }

    #bath section.sec1 .secin .sec1b li h3 {
        padding: 5px 0;
        font-size: 18px;
    }

    #bath section.sec1 .secin .sec1b li p {
        font-size: 12px;
    }

    #bath section.sec1 .secin .sec1b li:nth-child(3) {
        top: 0;
        padding-bottom: 10px;
    }

    #bath section.sec1 .secin .sec1b li:nth-child(3) p {
        padding-top: 0;
    }

    #bath section .sec3a table tr th.sty3 span.slash {
        display: none;
    }

    #bath section.sec5 .sec5a .info,
    #bath section.sec5 .sec5b .info {
        position: relative;
    }

    #bath section.sec5 .sec5a .info h4,
    #bath section.sec5 .sec5b .info h4 {
        text-align: left;
        font-size: 16px;
    }

    #bath section.sec5 .sec5a .info .dtime,
    #bath section.sec5 .sec5b .info .dtime {
        position: absolute;
        top: 2px;
        right: 0;
        margin-bottom: 0;
        padding: 3px 5px;
        width: auto;
        font-size: 10px;
    }
}
#bath section .sec3a table{
    /*border-spacing: 5px;*/
    /*border-collapse: separate;*/
}


#bath section .sec3a table tr th{
    background-color: #4ab7c1;
    border: none;
    color: #fff;
    border-bottom: 1px solid #4ab7c1;
    box-sizing: border-box;
    margin-bottom: 4px;
}
#bath section .sec3a table tr th.w160{
    width: 200px;
}

#bath section .sec3a table tr td dl {
    border-bottom: 1px solid #4ab7c1;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 6px;
    margin-left: 20px;
}

#bath section .sec3a table tr td dl {
font-size: 14px;

}
@media screen and (max-width: 584px) {
    #bath section .sec3a table tr th.w160{
        width: 80px;
    }
    #bath section .sec3a table tr td dl {
        font-size: 12px;
        padding: 0px;
        margin-left: 10px;

        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    #bath section .sec3a table tr td dl dt{
        width: 100%;
        background-color: #4ab7c1;
        color: #fff;
        margin-bottom: 6px;
    }
    #bath section .sec3a table tr td dl dd{
        width: 100%;
    }
}
#bath section .sec3a table.sty2{
    margin-bottom: 4px;
}
#bath section .sec3a table.sty2 tr td{
    border-bottom: 1px solid #FFFFFF;
}

#bath section .sec3c{
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 40px;
    border: 3px double #4AB7C1;
}

#bath section .sec3c h4{
    background-color: #4AB7C1;
    color: #fff;
}
#bath section .sec3c p{
    font-size: 18px;
    color: #4AB7C1;
    text-align: center;
}


#bath section .btnset {
    position: relative;
    width: 100%;
    height: 50px;
    /*border-top: 1px solid #002538;*/
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 400px;
    	margin-left: auto;
    		margin-right: auto;
    box-sizing: border-box;
}


#bath section .btnset a {
	display: block;
		width: 100%;
		height: 100%;
		position: relative;
    margin-right: 2%;


    background-color: #fff;
    border: 1px solid #4AB7C1;
    box-sizing: border-box;
}

#bath section .btnset a p {
    font-size: 16px;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 750px) {
    #bath section .btnset a p {
        font-size: 3.5vw;
    }
}

#bath section .btnset a.rsv {
    margin-right: 0%;
    background-color: #4AB7C1;
}

#bath section .btnset a.rsv p {
    color: #fff;
}

#bath section .btnset a:hover {
    opacity: 0.7;
    background-color: #4AB7C1;
}

#bath section .btnset a:hover p {
    color: #fff;
}

@media only screen and (max-width: 750px) {
    #bath section .btnset {
        padding-left: 0;
        padding-right: 0;
    }
}




#bath section .btnset2 {
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    font-family: sans-serif;
}


#bath section .btnset2 a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin-right: 2%;

    background-color: #002538;

    border: 1px solid #002538;
    box-sizing: border-box;
}

#bath section .btnset2 a p {
    font-size: 16px;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 750px) {
    #bath section .btnset2 a p {
        font-size: 3.5vw;
    }
}

#bath section .btnset2 a.rsv {
    margin-right: 0%;
    background-color: #002538;
}

#bath section .btnset2 a.rsv p {
    color: #fff;
}

#bath section .btnset2 a:hover {
    opacity: 0.7;
    background-color: #002538;
}

#bath section .btnset2 a:hover p {
    color: #fff;
}

@media only screen and (max-width: 750px) {
    #bath section .btnset2 {
        padding-left: 0;
        padding-right: 0;
    }
}


.bslist {

    justify-content: space-between;

    margin-top: 40px;

    position: relative;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bslist li {
    float: none;
    width: 32%;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 10px;

}

.bslist li.cl1 {
    float: none;
    width: 64%;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 10px;
    	margin-left: auto;
    		margin-right: auto;

}
.bslist li figure {
    /*border: 1px solid #ccc;*/
}

.bslist li h5 {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bslist li p {
    font-size: 13px;
    line-height: 1.6em !important;
    /*font-family: sans-serif;*/
}

.bslist li p.note {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.4em !important;
}

@media screen and (max-width: 584px) {
    .bslist li {
        padding: 0;
        width: 49%;
    }
    .bslist li h5 {
        font-size: 16px;
    }
    .bslist li p {
        font-size: 12px;
    }
    #bath section .secin{
        width: 90%;
        padding-left: 0px;
        padding-right: 0px;
    }
}



#bath section .sec3a table tr td{
    font-size: 14px;
}
#bath section .sec3a table tr td table tr th{
    border-right: 1px solid #FFFFFF;
    font-size: 14px;
}
#bath section .sec3a table tr td table tr th.th4{
    text-align: center;
    background-color: #92d3d9;
}
#bath section .sec3a table tr td table tr th.th2{
    text-align: center;
}
#bath section .sec3a table tr td table tr th.th3{
    text-align: center;
    background-color: #92d3d9;
}
#bath section .sec3a table tr td table{
    margin-left: 10px;
}
#bath section .sec3a table tr td table tr td.td2{
    text-align: center;
    border-bottom: 1px solid #4AB7C1;
    border-right: none;
}
#bath section .sec3a table tr td table.sty2 td {
    font-size: 14px;
}
#bath section .sec3a table tr td sup{
    vertical-align: middle;
}
@media screen and (max-width: 584px) {
    #bath section .sec3a table tr td table{
        margin-left: 0px;
    }
    #bath section .sec3a table tr td table tr th.th2{
        width: 100px;
        padding: 10px 3px;
    }
    #bath section .sec3a table tr td table tr td,
    #bath section .sec3a table tr td table tr th.th4,
    #bath section .sec3a table tr td table tr th.th2,
    #bath section .sec3a table tr td table tr th.th3 {
        width: auto;
        display: table-cell;
    }
    #bath section .sec3a table tr td.sty4,
    #bath section .sec3a table tr th.sty4{
        width: 100%;
        display: block;
    }
}