﻿.con_intr .box_intr,.con_kusatsu .box_kusatsu,.con_pnav ul,.con_hot .box_hot,.con_over{width:95%;max-width:1200px;margin:auto}@media only screen and (max-width: 1199px){.con_intr .box_intr,.con_kusatsu .box_kusatsu,.con_pnav ul,.con_hot .box_hot,.con_over{width:91.66667%}}.con_hot .box_slider,.con_oth,.wrp_room .con_room{width:95%;margin:auto;max-width:1700px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (min-width: 1200px){.con_hot .box_slider,.con_oth,.wrp_room .con_room{padding:0 50px}}@media print{.con_hot .box_slider,.con_oth,.wrp_room .con_room{padding:0 50px}}@media only screen and (max-width: 1199px){.con_hot .box_slider,.con_oth,.wrp_room .con_room{width:91.66667%}}.con_intr{position:relative;padding:130px 0 300px;margin-top:35px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr{padding:50px 0 180px}}@media only screen and (max-width: 767px){.con_intr{padding:4em 0 2em}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr{margin-top:30px}}@media only screen and (max-width: 767px){.con_intr{margin-top:0}}.con_intr:before{content:'';width:21.82292%;height:85.69343%;background:url(../images/common/ic_intr.png) no-repeat right top;background-size:contain;position:absolute;right:0;top:0}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr:before{right:-1em;width:14em;height:16em;top:-5em;z-index:-1}}@media only screen and (max-width: 767px){.con_intr:before{right:-1em;width:12em;height:15em;top:-3em;z-index:-1}}.con_intr .bg{width:95.83333%;height:180px;background:url(../images/common/bg_gara3.png) repeat left top;position:absolute;right:0;bottom:0;z-index:-1}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .bg{height:30%}}@media only screen and (max-width: 767px){.con_intr .bg{height:30%}}.con_intr .box_intr{display:flex;justify-content:flex-end}.con_intr .box_intr .box_txt{width:550px;position:relative;z-index:1}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .box_intr .box_txt{width:51%;margin-right:3%}}@media only screen and (max-width: 767px){.con_intr .box_intr .box_txt{width:100%}}.con_intr .box_intr .box_txt .st{line-height:2.2;letter-spacing:.08em;font-size:157%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .box_intr .box_txt .st{font-size:138%}}@media only screen and (max-width: 767px){.con_intr .box_intr .box_txt .st{font-size:125%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .box_intr .box_txt .st{line-height:1.6}}@media only screen and (max-width: 767px){.con_intr .box_intr .box_txt .st{line-height:1.8}}.con_intr .box_intr .box_txt .st span{color:#9c8242}.con_intr .box_intr .box_txt .txt{line-height:3;margin-top:1em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .box_intr .box_txt .txt{line-height:2}}@media only screen and (max-width: 767px){.con_intr .box_intr .box_txt .txt{line-height:1.8}}.con_intr .photo{width:46.875%;position:absolute;left:0;top:7.29927%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .photo{width:42%;overflow:hidden}.con_intr .photo img{position:relative;width:130%;max-width:none;margin-left:-15%}}@media only screen and (max-width: 767px){.con_intr .photo{position:static;width:80%;margin-top:1.5em}}.con_intr .photo:after{content:"";width:251px;height:318px;background:url(../images/common/ic_gold.png) no-repeat;background-size:contain;position:absolute;left:26%;bottom:-195px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .photo:after{left:3%;width:20%;height:24%}}@media only screen and (max-width: 767px){.con_intr .photo:after{width:10em;height:12em;left:0;bottom:-7em;margin-left:0}}.con_intr .box_pho{position:absolute;right:4.16667%;bottom:-90px;display:flex;justify-content:space-between;width:620px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_intr .box_pho{width:51%;bottom:-2em}}@media only screen and (max-width: 767px){.con_intr .box_pho{width:70%;margin:-2em 0 0 auto;right:0;bottom:-2em}}.con_intr .box_pho li{width:48.3871%}.con_kusatsu{background:url(../../hotspring/images/bg_kusatsu.jpg) no-repeat center top;background-size:cover;padding:80px 0 50px;margin-top:190px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_kusatsu{margin-top:140px}}@media only screen and (max-width: 767px){.con_kusatsu{margin-top:7em}}@media only screen and (max-width: 767px){.con_kusatsu{padding:3em 0}}.con_kusatsu .box_kusatsu{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.con_kusatsu .box_kusatsu{flex-wrap:wrap}}.con_kusatsu .box_kusatsu .box_txt{color:#fff;width:45.83333%;margin-right:1em}@media only screen and (min-width: 768px){.con_kusatsu .box_kusatsu .box_txt{order:2}}@media only screen and (max-width: 767px){.con_kusatsu .box_kusatsu .box_txt{width:100%}}.con_kusatsu .box_kusatsu .box_txt .st{font-size:138%;letter-spacing:.14em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_kusatsu .box_kusatsu .box_txt .st{font-size:125%}}@media only screen and (max-width: 767px){.con_kusatsu .box_kusatsu .box_txt .st{font-size:113%}}.con_kusatsu .box_kusatsu .box_txt .st span{line-height:1.5;display:block;font-size:150%}.con_kusatsu .box_kusatsu .box_txt .txt{margin-top:.8em}.con_kusatsu .box_kusatsu .photo{width:44.33333%}@media only screen and (min-width: 768px){.con_kusatsu .box_kusatsu .photo{order:1}}@media only screen and (max-width: 767px){.con_kusatsu .box_kusatsu .photo{width:100%;margin-top:1em}}.con_pnav{background:url(../images/common/bg4.jpg) repeat;padding:64px 0}@media only screen and (max-width: 767px){.con_pnav{padding:3em 0}}.con_pnav ul{display:flex;flex-wrap:wrap}.con_pnav ul li{width:20%;border-right:1px solid #1b1b1b;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.con_pnav ul li:first-child{border-left:1px solid #1b1b1b}@media only screen and (max-width: 767px){.con_pnav ul li:first-child{border-left:none}}@media only screen and (max-width: 767px){.con_pnav ul li{width:100%;border-right:none;border-bottom:1px solid #1b1b1b}}.con_pnav ul li a{display:block;padding:15px 15px 10px;text-decoration:none;text-align:center;-moz-transition:background .4s;-o-transition:background .4s;-webkit-transition:background .4s;transition:background .4s}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_pnav ul li a{padding:10px 10px 5px}}@media only screen and (max-width: 767px){.con_pnav ul li a{padding:.5em;text-align:left}}@media only screen and (max-width: 767px){.con_pnav ul li a .photo{display:inline-block;vertical-align:middle;width:35%;overflow:hidden;margin-right:5%}.con_pnav ul li a .photo img{position:relative;width:120%;max-width:none;margin-left:-10%}}.con_pnav ul li a .st{margin-top:.5em;position:relative}.con_pnav ul li a .st:after{content:"";margin-left:.3em;font-family:'Font Awesome 5 Free';font-weight:900;color:#774890;position:absolute;right:0}@media only screen and (max-width: 767px){.con_pnav ul li a .st{display:inline-block;vertical-align:middle;width:58%;margin-top:0}}.con_pnav ul li a:hover{background:rgba(255,255,255,0.5)}.con_hot{margin-top:150px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hot{margin-top:120px}}@media only screen and (max-width: 767px){.con_hot{margin-top:3em}}.con_hot .box_title{width:100%;position:absolute;top:0;left:0;z-index:1;text-align:center}@media only screen and (max-width: 767px){.con_hot .box_title{position:static}}.con_hot .box_title h3{width:300px;padding:20px 0 15px;display:inline-block;background:url(../images/common/bg_base.jpg) no-repeat}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hot .box_title h3{padding:.5em 0 .3em;width:250px}}.con_hot .box_slider .slick-dots{position:absolute;z-index:0;bottom:0;left:0;letter-spacing:-.4em}@media only screen and (max-width: 767px){.con_hot .box_slider .slick-dots{width:100%;bottom:1em;text-align:center}}.con_hot .box_slider .slick-dots li{letter-spacing:normal;vertical-align:middle;font-size:0;padding:0;margin:15px 0;cursor:pointer}@media only screen and (max-width: 767px){.con_hot .box_slider .slick-dots li{display:inline-block;margin:0 8px}}.con_hot .box_slider .slick-dots li button{cursor:pointer;font-size:0;padding:0;margin:0;border:none;background:none}.con_hot .box_slider .slick-dots li button:before{content:'';width:6px;height:6px;border:1px solid #4a3d4f;display:block;-moz-border-radius:200%;-webkit-border-radius:200%;border-radius:200%}@media only screen and (max-width: 767px){.con_hot .box_slider .slick-dots li button:before{width:8px;height:8px}}.con_hot .box_slider .slick-dots li.slick-active button:before{background:#4a3d4f}.con_hot .box_slider .slick-dots{left:1em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hot .box_slider .slick-dots{left:-1em}}@media only screen and (max-width: 767px){.con_hot .box_slider .slick-dots{left:0}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hot .box_slider .photo{overflow:hidden}.con_hot .box_slider .photo img{position:relative;width:120%;max-width:none;margin-left:-10%}}@media only screen and (max-width: 767px){.con_hot .box_slider .photo{overflow:hidden}.con_hot .box_slider .photo img{position:relative;width:140%;max-width:none;margin-left:-20%}}.con_hot .box_hot{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:-1em;padding-top:45px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hot .box_hot{padding-top:30px}}@media only screen and (max-width: 767px){.con_hot .box_hot{padding-top:2em}}.con_hot .box_hot .box_txt{width:48.33333%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hot .box_hot .box_txt{width:53%}}@media only screen and (max-width: 767px){.con_hot .box_hot .box_txt{width:100%}}.con_hot .box_hot .box_txt .st{font-size:138%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hot .box_hot .box_txt .st{font-size:125%}}@media only screen and (max-width: 767px){.con_hot .box_hot .box_txt .st{font-size:113%}}.con_hot .box_hot .box_txt .txt{margin-top:1em}.con_hot .box_hot .box_txt table{width:100%;margin-top:1.5em}.con_hot .box_hot .box_txt table tr th{width:140px}@media only screen and (max-width: 767px){.con_hot .box_hot .box_txt table tr th{width:110px}}.con_hot .box_hot .box_pho{width:42.5%}@media only screen and (max-width: 767px){.con_hot .box_hot .box_pho{width:100%;order:2;margin-top:1.5em}}.con_hot .box_hot .box_pho li{width:88.23529%}.con_hot .box_hot .box_pho li.side{margin-left:auto}.con_hot .box_hot .box_pho li:first-child{margin-bottom:2.94118%}.con_hot .box_hot:before{content:'';width:212px;height:150px;background:url(../images/home/ic_sig.png) no-repeat center bottom;position:absolute;top:0;z-index:-1}@media only screen and (max-width: 767px){.con_hot .box_hot:before{background-size:contain;width:6em;height:6em;top:-2em;right:-1em}}@media only screen and (min-width: 768px){.con_hot#bath .box_hot:before{left:-100px}}@media only screen and (min-width: 768px){.con_hot#roten .box_hot:before{right:-100px}}.con_oth{position:relative;margin-top:120px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_oth{margin-top:100px}}@media only screen and (max-width: 767px){.con_oth{margin-top:5em}}.con_oth:after{content:'';width:103.52941%;background:url(../images/common/bg3.jpg) repeat;z-index:-1;position:absolute;height:280px;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media only screen and (max-width: 767px){.con_oth:after{content:none}}.con_oth .box_oth{max-width:1400px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.con_oth .box_oth .photo{width:64.28571%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_oth .box_oth .photo{width:58%}}@media only screen and (max-width: 767px){.con_oth .box_oth .photo{width:100%}}.con_oth .box_oth .box_txt{width:30.71429%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_oth .box_oth .box_txt{width:37%}}@media only screen and (max-width: 767px){.con_oth .box_oth .box_txt{width:100%;margin-top:1.5em}}.con_oth .box_oth .box_txt .st{font-size:138%;margin-top:.3em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_oth .box_oth .box_txt .st{font-size:125%}}@media only screen and (max-width: 767px){.con_oth .box_oth .box_txt .st{font-size:113%}}.con_oth .box_oth .box_txt .txt{margin-top:1em}.con_oth .box_rock{margin:0 0 80px auto}@media only screen and (max-width: 767px){.con_oth .box_rock{margin-bottom:3em}}@media only screen and (min-width: 768px){.con_oth .box_rock .photo{order:2}}@media only screen and (min-width: 768px){.con_oth .box_rock .box_txt{order:1}}.wrp_room{position:relative;padding-bottom:100px;margin-top:90px}@media only screen and (min-width: 768px) and (max-width: 1199px){.wrp_room{padding-bottom:80px}}@media only screen and (max-width: 767px){.wrp_room{padding-bottom:3em}}@media only screen and (min-width: 768px) and (max-width: 1199px){.wrp_room{margin-top:70px}}@media only screen and (max-width: 767px){.wrp_room{margin-top:4em}}.wrp_room .con_room{max-width:1600px;background:url(../../hotspring/images/img_rooms.jpg) no-repeat right top;background-size:cover;padding:65px 0}@media only screen and (max-width: 767px){.wrp_room .con_room{width:100%;padding:3em 0}}.wrp_room .con_room .box_room{max-width:1200px;margin:0 auto}.wrp_room .con_room .box_room .box_txt{color:#fff;background:url(../images/common/bg_gara4.png) repeat left top;padding:60px 50px;width:385px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1199px){.wrp_room .con_room .box_room .box_txt{padding:2em}}@media only screen and (max-width: 1400px){.wrp_room .con_room .box_room .box_txt{margin-left:3em}}@media only screen and (max-width: 767px){.wrp_room .con_room .box_room .box_txt{padding:2em 1em;width:90%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:5%}}.wrp_room .con_room .box_room .box_txt:after{content:'';width:160px;height:123px;background:url(../images/common/ic_main.png) no-repeat left top;position:absolute;right:0;bottom:0}.wrp_room .con_room .box_room .box_txt:before{content:"";width:168px;height:212px;background:url(../images/common/ic_gold.png) no-repeat;background-size:contain;position:absolute;right:-28%;top:-10%}@media only screen and (min-width: 768px) and (max-width: 1199px){.wrp_room .con_room .box_room .box_txt:before{right:-32%}}@media only screen and (max-width: 767px){.wrp_room .con_room .box_room .box_txt:before{width:8em;height:10em;right:0}}.wrp_room .con_room .box_room .box_txt .st{font-size:138%}@media only screen and (min-width: 768px) and (max-width: 1199px){.wrp_room .con_room .box_room .box_txt .st{font-size:125%}}@media only screen and (max-width: 767px){.wrp_room .con_room .box_room .box_txt .st{font-size:113%}}.wrp_room .con_room .box_room .box_txt .txt{margin-top:1.3em}.wrp_room .con_room .box_room .box_txt .btn_small_w{margin-top:1.3em}.wrp_room .bg{position:absolute;left:0;bottom:0;width:100%;height:53.84615%;background:url(../images/common/bg_gara3.png) repeat left top;z-index:-1}.wrp_over{background:url(../images/common/bg3.jpg) repeat;padding:95px 0}@media only screen and (max-width: 767px){.wrp_over{padding:4em 0}}.con_over .txt{text-align:center;margin-top:1em}.con_over .box_over{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:1.5em}.con_over .box_over .tbl_basic{margin-top:1em;width:52.5%;letter-spacing:.08em}@media only screen and (max-width: 767px){.con_over .box_over .tbl_basic{width:100%}}.con_over .box_over .tbl_basic th{width:190px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_over .box_over .tbl_basic th{width:120px}}@media only screen and (max-width: 767px){.con_over .box_over .tbl_basic th{width:100px}}.con_over .box_over ul{width:42.91667%;display:flex;justify-content:space-between}@media only screen and (max-width: 767px){.con_over .box_over ul{width:100%}}.con_over .box_over ul li{width:48.54369%}@media only screen and (max-width: 767px){.con_over .box_over ul li{margin-top:2em}}@media only screen and (max-width: 767px){.con_over .box_over ul li img{width:100%}}#footer{margin-top:0}
