@import url(phone.min.css)screen and (max-width:767px);@import url(tablet.min.css)screen and (min-width:768px) and (max-width:1024px);@import url(pc.min.css)screen and (min-width:1025px);@keyframes keyGradientAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes gradientAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes buttonAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes statusIconAnimation{0%{background-position:0 100%}to{background-position:0 0}}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:2em}40%{box-shadow:0-1rem;height:2.5rem}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:2rem}40%{box-shadow:0-2rem;height:2.5rem}}section>form{display:flex;flex-wrap:wrap;width:100%}section>form input[type=submit]{background:#000;color:#fff;font-weight:700}section .hotelList{list-style:none;width:100%}section .hotelList>li{opacity:0;position:relative;border:1px solid gray}section .hotelList>li>h3{width:100%;padding:.5rem 0;border-image:linear-gradient(45deg,#b67b03 0,#daaf08 45%,#fee9a0 70%,#daaf08 85%,#b67b03 90% 100%);border-image-slice:1;border-width:1px;border-style:solid;border-image-repeat:round;background:#000;border-top:none;border-left:none;border-right:none;color:#fff;text-decoration:none}section .hotelList>li i{color:#fde88d}section .hotelList>li a{color:#fff}section .hotelList>li>.address{display:flex;margin-right:1rem}section .hotelList>li>.price>span:first-child{font-size:1.4rem;font-weight:700}section .hotelList>li>.price>span:first-child::after{content:":"}section .hotelList>li>.price>span:last-child{font-family:"europa",sans-serif;font-size:1.6rem}section .hotelList>li:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:#000}.page-load-status{width:100%;display:none}.loadingArea{min-height:100px}.loadingArea .loader,.loadingArea .loader:after,.loadingArea .loader:before{background:#fff;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:.5rem;height:2rem}.loadingArea .loader{color:#fff;text-indent:-9999rem;margin:44px auto;position:relative;font-size:.6rem;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loadingArea .loader:after,.loadingArea .loader:before{position:absolute;top:0;content:""}.loadingArea .loader:before{left:-1rem;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loadingArea .loader:after{left:1rem}@media screen and (max-width:767px){section{width:100%;padding-top:4rem}section>.contentsTitle{width:96%!important;margin:auto}section>form{width:96%;margin:auto}section>form>div{width:80%}section>form>div>.input{margin:1rem 0}section>form>.submit{width:20%}section>form>.submit>input{width:100%;height:100%}section>.hotelList,section>.hotelList>li{box-sizing:border-box;display:flex;flex-wrap:wrap}section>.hotelList{margin-top:1rem;justify-content:center;gap:1rem;padding:1rem}section>.hotelList>li{width:100%;padding:.5rem;row-gap:1rem;column-gap:1rem}section>.hotelList>li>h3{font-size:1.6rem;width:100%}section>.hotelList>li>.address,section>.hotelList>li>.phoneNumber,section>.hotelList>li>.web{display:flex;column-gap:.2rem;align-items:center}section>.hotelList>li>.address>i,section>.hotelList>li>.phoneNumber>i,section>.hotelList>li>.web>i{font-size:1.8rem}section>.hotelList>li>.address>a,section>.hotelList>li>.phoneNumber>a,section>.hotelList>li>.web>a,section>form{font-size:1.4rem}section>.hotelList>li>.phoneNumber{width:100%}section>.hotelList>li>.price{width:calc(100% - 130px);font-size:1.8rem;display:flex;align-items:center;margin-top:1rem}section>.hotelList>li .buttonWrapper{margin-top:1rem;width:100%}section>.hotelList>li .buttonWrapper .button1{width:100%;padding:0}}@media screen and (min-width:768px) and (max-width:1024px){section{width:100%;padding-top:4rem}section>.contentsTitle{width:96%!important;margin:auto;margin-top:4rem}section>form{width:96%;margin:auto;padding:0;box-sizing:border-box;column-gap:2rem;justify-content:center;margin-top:2rem}section>form>div{column-gap:1rem;display:flex}section>form input[type=submit]{font-size:1.8rem;padding:.1rem 2rem}section>.hotelList,section>.hotelList>li{box-sizing:border-box;display:flex;flex-wrap:wrap}section>.hotelList{margin-top:1rem;justify-content:space-between;gap:1rem;padding:1rem}section>.hotelList>li{width:calc(50% - .5rem);padding:.5rem;row-gap:1rem;column-gap:1rem;position:relative}section>.hotelList>li>h3{font-size:1.6rem;width:100%}section>.hotelList>li>.address,section>.hotelList>li>.phoneNumber,section>.hotelList>li>.web{display:flex;column-gap:.2rem;align-items:center}section>.hotelList>li>.address>i,section>.hotelList>li>.phoneNumber>i,section>.hotelList>li>.web>i{font-size:1.8rem}section>.hotelList>li>.address>a,section>.hotelList>li>.phoneNumber>a,section>.hotelList>li>.web>a{font-size:1.4rem}section>.hotelList>li .buttonWrapper .button1,section>.hotelList>li>.phoneNumber{width:100%}section>.hotelList>li>.price{width:calc(100% - 130px);font-size:1.8rem;display:flex;align-items:center;margin-top:1rem}section>.hotelList>li .buttonWrapper{margin-top:1rem;width:100%}}@media screen and (min-width:1025px){section{min-width:1025px;max-width:1680px;width:96%;margin:auto}section>form{padding:1rem;box-sizing:border-box;column-gap:2rem;justify-content:center;margin-top:2rem}section>form>div{column-gap:1rem;display:flex}section>form input[type=submit]{font-size:1.4rem;padding:.1rem 2rem}section>.hotelList,section>.hotelList>li{box-sizing:border-box;display:flex;flex-wrap:wrap}section>.hotelList{margin-top:1rem;justify-content:space-between;gap:1rem;padding:1rem}section>.hotelList>li{width:calc(50% - .5rem);padding:.5rem;row-gap:1rem;column-gap:1rem}section>.hotelList>li>h3{font-size:1.6rem}section>.hotelList>li>.address,section>.hotelList>li>.phoneNumber,section>.hotelList>li>.web{display:flex;column-gap:.2rem;align-items:center}section>.hotelList>li>.address>i,section>.hotelList>li>.phoneNumber>i,section>.hotelList>li>.web>i{font-size:1.8rem}section>.hotelList>li>.address>a,section>.hotelList>li>.phoneNumber>a,section>.hotelList>li>.web>a{font-size:1.4rem;word-wrap:break-word}section>.hotelList>li>.phoneNumber{width:100%}section>.hotelList>li>.price{width:calc(100% - 160px);font-size:1.8rem;display:flex;align-items:center}section>.hotelList>li .buttonWrapper{margin-top:1rem;width:100%;display:flex;justify-content:flex-end}section>.hotelList>li .buttonWrapper .button1{width:150px}}