@media screen and (max-width: 1780px) {ul.reservation {
    width: 65%;}}
@media screen and (max-width: 1440px) {
.index3 .parallax-b5l5 {
    bottom: 10%;
}}
@media screen and (max-width: 1280px) {
body {
	font-size: 17px;
}
.text-20 {
	font-size: 18px;
	line-height: 25px
}
.square {
	font-size: 45px
}ul.poi li i { line-height:18px;
}ul.poi li i.fax {
    width: 21px!important;
   
}
ul.list-type1 li figure {
	width: 50px
}
ul.list-type1 li p {
	width: 95%;
	width: -webkit-calc(95% - 50px);
	width: -moz-calc(95% - 50px);
	width: calc(95% - 50px);
	font-size: 17px
}
#wrapper footer {
	font-size: 18px;
}
.place {
	width: 30%;
	font-size: 16px;
	line-height: 17px
}
.place2 {
	width: 40%
}
.room-bt li button {
	padding: 20px;
	font-size: 25px;
}
.p64 .set-w60 {
	width: 50%;
}
.index4 .square {
	font-size: 44px;
}
.toggle-set h3 a {
	font-size: 20px
}
}
@media screen and (max-width: 1050px) {ul.reservation {
    width: 75%;}}
@media screen and (max-width: 1024px) {
.address ul li img {
	width: 24px;
}
 .poi li:last-child img{ width:40px; margin:20px 7px;}
.footer-list ul li {
	font-size: 17px;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.square {
	font-size: 50px
}
.index1 .square {
	font-size: 50px
}
.index4 .square {
	font-size: 34px
}
.address ul li {
	margin-bottom: 5px
}
#wrapper footer {
	font-size: 15px
}
.place button {
	font-size: 17px;
}
.hvr-icon-wobble-horizontal.googlemap:before {
	width: 20px;
	height: 20px;
	font-size: 15px;
	margin-top: -4px
}
ul.room-type li img {
	margin-right: 5px;
	width: 15px;
}
ul.room-type li.right img {
	width: 25px;
}
.parallax-b50r5 {
	bottom: 51%;
}
.p62 .parallax-b50r5 {
	bottom: 60%;
}
.parallax-b30l5 {
	bottom: 30%;
}
.parallax-b60l5 {
	bottom: 74%;
}
/*.parallax-b60l5 {
	bottom: 30%;
}
.parallaxb-20l0 {
	bottom: -30%
}
.parallax-b50r5 {
	bottom: 30%
}
.parallax-b30l5 {
	bottom: 10%
}
.parallax-b5r5, .parallax-b5l5 {
	bottom: 0%
}
.p61 .parallax-b5l5 {
	bottom: -10%
}
.p63 .parallax-b5l5 {
	bottom: 0%
}
.index1 .parallax-b5l5 {
	bottom: 5%
}
.parallax-b60l5 {
	bottom: 40%
}*/
.getting-text b, .getting-text2 b {
	font-size: 24px;
}
.getting-text2 {
	padding: 10px 50px;
}
button {
	font-size: 15px;
	padding: 8px 20px;
}
.talkofus h1 span {
	font-size: 30px
}
.block-01 {
	margin-bottom: 20px;
}
.hirafu .block-01 {
	margin-bottom: 50px;
}
.p64 .set-w60 {
	width: 60%;
}
.talkofus input, .talkofus textarea {
	font-size: 16px
}
}

@media screen and (max-width: 800px) {ul.reservation {
    width: 90%;}}
	
	
	
@media screen and (max-width:780px){
.room-bt li {
    width: 44%;
    margin: 1%;
}}
@media screen and (max-width:768px) {.poi li:last-child img {
    width: 30px;
    margin: 20px 7px;
}
h2.explor{ text-align:center; padding:20px 0 }
h2.explor.booking-t2{ text-align:center; padding:20px 0 20px  0 }

ul.poi li i.fax {
	width: 15px!important;
	margin-right: 20px
}
.hvr-icon-wobble-horizontal.googlemap:before {
	margin-top: -2px;
	zoom: .8;
	right: 25px
}
.address ul li:nth-child(2) {
	margin-top: 10px; line-height: 18px
}
.interest-to-buy .block-01 h2 {
	margin-bottom: 30px
}
.place {
	font-size: 13px;
	line-height: 13px;
}
.hirafu .block-01 {
	margin-bottom: 40px;
}
ul.icon {
	margin: 10px 0;
}
.block-01 h2 {
	font-size: 22px
}
.text-20, body {
	font-size: 15px;
}
.footer-list ul li {
	font-size: 13px; line-height:17px
}
.footer-list figure {
	width: 10%;
}
.footer-list figure img {
	width: 40px
}
.footer-list ul {
	width: 80%;
}
.p64 .set-w60 {
	width: 70%;
}
.bg-gradient figure {
	width: 50px;
	margin-right: 20px
}
.icon-size img {
	width: 50px!important
}
.hirafu .block-01 h2 {
	width: 100%;
	width: -webkit-calc(100% - 70px);
	width: -moz-calc(100% - 70px);
	width: calc(100% - 70px);
}
.footer-list figure {
	margin-left: 20px
}
ul.list-type1 li p {
	font-size: 15px
}
ul.list-type1 li figure {
	width: 40px;
}
.set-w60 {
	width: 95%;
}
button {
	font-size: 18px
}
.parallax-b5l5 {
	bottom: 14%;
}
.index3 .parallax-b5l5 {
	bottom: 16%;
}
.parallax-b50r5 {
	bottom: 39%;
}
.parallax-b30l5 {
	bottom: 25%;
}
.parallax-b60l5 {
	bottom: 67%;
}
/*.parallaxb-20l0 {
	bottom: -70%
}
.parallax-b5r5, .parallax-b5l5 {
	bottom: -5%
}
.p61 .parallax-b5l5 {
	bottom: -30%
}
.p63 .parallax-b5l5 {
	bottom: 0%
}
.index1 .parallax-b5l5 {
	bottom: 5%
}
.index5 .parallax-b5r5 {
	bottom: -10%
}
.parallax-b50r5 {
	bottom: 20%
}
.parallaxb0l0 {
	bottom: -10%
}
.parallax-b30l5 {
	bottom: 0%
}
.parallax-b60l5 {
	bottom: 30%
}*/
#wrapper footer {
	font-size: 12px;
	line-height: 13px
}
.place {
	width: 30%
}
.place2 {
	width: 40%
}
.copyright section {
	font-size: 10px
}
.room-bt li button {
	padding: 11px;
	font-size: 16px;
}
.room-bt li {
	margin: 1%;    width: 22%;
}
.room-bt li button {
	padding: 13px 6px;
	font-size: 12px;
}
.grid-tt .text {
	padding: 20px;
	line-height: 20px
}
ul.poi li i {
	width: 25px;
	line-height: 12px
}
}

@media screen and (min-width:737px) {
.mb {
	display: none
}
}

/*horizontal*/
@media screen and (max-width:736px) {
.toggle-set h3 a {
	font-size: 18px;
}
.row {
	margin: 0
}
.place {
	font-size: 15px;
	line-height: 15px;
}
.copyright section {
	padding: 10px 5%!important
}
ul.poi li i.fax {
	width: 13px!important;
	margin-right: 20px
}
body {
	font-size: 15px
}
.address ul li img {
	width: 20px;
}
 
.text-20 {
	line-height: 18px
}
.bg-gradient figure {
	width: 40px;
	margin-right: 20px
}
.icon-size img {
	width: 40px!important
}
.slide2.owl-carousel {
	margin: 10px auto!important
}
.hirafu .block-01 h2 {
	width: 100%;
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
}
.p64 .set-w60 {
	width: 75%;
}
.place button {
	font-size: 14px;
	min-width: 151px;
	margin: 0 0 5px 0
}
.dt {
	display: none
}
.nav-menu li {
	margin-bottom: 9px;
}
.text24 {
	line-height: 19px
}
.w100bg {
	height: 100px;
}/*
.p61 .parallax-b5l5 {
	bottom: -20%;
}*/
.block-01 h2 {
	font-size: 25px
}
.footer-list ul li {
	font-size: 12px
}
.footer-list ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.footer-list figure {
	margin-left: 20px
}
.block-01 {
	margin-bottom: 40px;
}
.nav-link-container {
	height: 92px
}
.logo-link img {
	width: 51%;
}
.nav-menu-link {
	margin-top: 33px;
}
button.booking-link {
	margin-top: 39px;
	font-size: 16px;
}
.logo-link{ right:0}/*
.parallaxb0l0 {
	bottom: -10%
}
.parallax-b30l5 {
	bottom: -5%
}*/
.square {
	font-size: 42px;
}
button {
	font-size: 14px;
}
.right {
	margin-left: 8px;
}
/*.parallaxb-20l0 {
	bottom: -50%
}*/
.getting-text b, .getting-text2 b {
	font-size: 20px;
}
.getting-text2 hr, .getting-text2 hr {
	padding-bottom: 0px;
}
.getting-text2, .getting-text {
	line-height: 20px;
}
.copyright p span {
	display: none
}
.place {
	width: 40%;
}
.place2 {
	width: 45%;
}
.mb-set .place {
	width: 100%;
	position: relative
}
.mb-set .place p {
	margin: 0;
	padding: 2% 5%
}
.mb-set .place p.m-1 {
	width: 58%;
	vertical-align: middle;
	display: inline-block
}
.mb-set .place p.m-2 {
	width: 40%;
	vertical-align: middle;
	display: inline-block
}
.mb-set .place button {
	padding: 5px 46px 5px 10px;
}
.index4 .w58 {
	width: 81%;
}
.p6 .square {
	padding: 3%
}
.personal {
	line-height: 20px
}
}

@media screen and (max-width:667px) {
.square {
	font-size: 34px;
}
.index1 .square {
	font-size: 36px;
}
.p64 .set-w60 {
	width: 78%;
}/*
.p6 .parallax-b5l5 {
	bottom: -30%;
}
.p6 .parallax-b5l5 {
	bottom: -10%
}
.p61 .parallax-b5l5 {
	bottom: -20%
}
.p63 .parallax-b5l5 {
	bottom: 0%
}*/
.copyright section {
	font-size: 10.8px
}
button {
	font-size: 15px;
}
.footer-list ul li {
	width: 100%;
	border-bottom: solid 1px
}
.block-01 h2 {
	margin-bottom: 30px
}
ul.list-type1 li p {
	font-size: 13px;
}
ul.list-type1 li {
	margin: 0 2% 2% 2%;
	padding-bottom: 1%;
}
}

@media screen and (max-width:568px) {
.mb-set .place p.m-1 {
	font-size: 13px;
	line-height: 13px
}
.p64 .set-w60 {
	width: 90%;
}
.getting-text2, .getting-text {
	padding: 10px 30px;
}
.footer-list ul {
	width: 68%;
}
.block-01 h2 {
	font-size: 22px;
}
.square {
	font-size: 30px;
}
.index4 .square {
	font-size: 25px;
}/*
.parallax-b5r5, .parallax-b5l5 {
	bottom: -10%
}
.index1 .parallax-b5l5 {
	bottom: 0%
}
.index5 .parallax-b5r5 {
	bottom: -15%
}
.parallax-b50r5 {
	bottom: 5%
}
.parallax-b30l5 {
	bottom: -20%
}
.parallax-b60l5 {
	bottom: 15%
}
.p61 .parallax-b5l5 {
	bottom: -30%
}
.p63 .parallax-b5l5 {
	bottom: -10%
}
.parallaxb-20l0 {
	bottom: -60%
}*/
ul.room-type li.right img {
	width: 21px;
}
ul.room-type li img {
	margin-right: 3px;
	width: 13px;
}
.place {
	font-size: 15px;
	line-height: 14px;
}
ul.list-type1 li p {
	font-size: 11px;
}
ul.room-type li {
	font-size: 15px;
}
.w100bg {
	height: 70px;
}
.text12 {
	font-size: 13px;
	line-height: 19px;
}
ul.icon {
	text-align: center;
	margin: 10px 0;
}
ul.icon li {
	margin: 0px;
}
}

@media screen and (max-width:480px) {
.mb-set .place p.m-1 {
	width: 49%;
}
.mb-set .place p.m-2 {
	width: 49%;
}
/*.parallaxb-20l0 {
	bottom: -80%
}.p61 .parallax-b5l5 {
	bottom: -50%
}
.p63 .parallax-b5l5 {
	bottom: -10%
}.parallaxb0l0 {
	bottom: -30%
}
*/.address ul li img {
	width: 16px;
}
.parallax-b30l5 {
	bottom: 25%;
}
.square {
	font-size: 30px;
}
ul.list-type1 {
	padding: 5px 10px
}
ul.list-type1 li figure {
	width: 30px;
}
button {
	font-size: 13px;
}
.square {
	font-size: 23px;
}
.index4 .square {
	font-size: 20px
}
.index8 .parallax-b5r5 {
	right: 0
}
.p62 .parallax-b50r5 {
	bottom: 50%;
}
.text24 {
	line-height: 15px;
}
.index8 .parallax-b5r5 .square button {
	right: 5%;
}
}

/*vertical*/
@media screen and (max-width:414px) {.address ul li:first-child{margin-top: 0}
	
button.booking-link {
    font-size: 15px;
}
button.booking-link {
    margin-left: 68px;
	
}
.design .row {
	margin: 0;
	padding: 0
}
.address ul li img {
	width: 16px;
}
 
.set-design2 {
	padding: 0 8%
}
.set-design1 {
	padding: 0
}
.toggle-set h3 a {
	font-size: 12px;
}
.parallax-b60l5 {
	bottom: 58%;
}
.index3 .parallax-b5l5 {
	bottom: 22%;
}
ul.poi li i.fax {
	width: 12px!important;
	margin-right: 20px;
	margin-left: -32px
}
.address ul li a {
	clear: both!important
}
.copyright section {
	font-size: 8px;
}
body .p6 {
	font-size: 13px;
	line-height: 11px
}
.getting-text2, .getting-text {
	padding: 10px 30px;
}
.block-01 h2 {
	font-size: 18px;
}
.index1 .parallax-b5l5 {
	bottom: 18%;
}
.square {
	font-size: 25px;
}
.index4 .square {
	font-size: 22px;
}
.index1 .square {
	font-size: 30px;
}/*.parallaxb-20l0 {
	bottom: 10%
}
.parallax-b5r5 {
	bottom: 5%
}
.parallax-b5l5 {
	bottom: 5%
}
.index1 .parallax-b5l5 {
	bottom: 15%
}*/
/*
.index5 .parallax-b5r5 {
	bottom: 5%
}
.parallax-b50r5 {
	bottom: 60%
}
.parallax-b30l5 {
	bottom: 30%
}
.parallax-b60l5 {
	bottom: 60%
}
.parallaxb0l0 {
	bottom: 20%
}*/


ul.list-type1 li p {
	width: 73%!important;
}
ul.list-type1 li p {
	font-size: 9px;
}
ul.list-type1 {
	padding: 4px;
}
.clickto {
	display: none
}
button {
	padding: 4px 10px
}
#wrapper footer {
	font-size: 10px;
}
.address ul li img {
	width: 16px
}
.place, .place2 {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: -2px
}
.place p {
	margin-bottom: 3%;
	padding: 10px 10% 0 10%;
}
.clickto {
	bottom: 5px
}
.set-w60 {
	padding: 3% 2%;
}
ul.room-type li img {
	margin-right: 1px;
	width: 11px;
}
ul.room-type li {
	font-size: 13px;
}
.index8 .square, .index9 .square, .index10 .square, .index11 .square {
	font-size: 19px!important
}
.square {
	padding: 5%
}
.w58 {
	width: 53%;
}
.index8 .w58 {
	width: 54%;
}
.square {
	font-size: 21px;
}
.index4 .square {
	font-size: 25px;
}
.index1 .square {
	font-size: 30px;
}
.index1 .parallax-brl5 {
	bottom: 18%
}
/*.index8 .parallax-b5l5 {
	bottom: 0%;
}
.parallax-b5r5, .index12 .parallax-b5l5 {
	bottom: 0%;
}.p61 .parallax-b5l5 {
	bottom: 10%;
}
.p62 .parallax-b50r5 {
	bottom: 10%;
}
.p63 .parallax-b5l5 {
	bottom: 0%;
}
.p64 .parallax-b50r5 {
	bottom: 40%;
}*/
ul.list-type1 li figure {
	width: 25px;
}
ul.room-type li.right img {
	width: 17px;
}
.w58 {
	width: 68%;
}
.room-bt li {
	width: 45%
}
.grid-tt li {
	padding: 0px 0 10px 0;
	width: 100%;
}
.grid-tt .text {
	line-height: 20px;
	font-size: 15px;
}
.text24 {
	line-height: 15px;
}
}

@media screen and (max-width:375px) {
.address ul li a {
	width: 103%
}
ul.poi li span .fa.fa-fax {
	margin-left: -25px
}
ul.poi li i {
	line-height: 16px;
}
.w58 {
	width: 76%;
}
.square {
	font-size: 18px;
}
.index4 .square {
	font-size: 20px;
}
.index1 .square {
	font-size: 31px;
}
.personal {
	line-height: 10px
}
}

@media screen and (max-width:414px) {
.talkofus ul {
	width: 100%
}
.talkofus ul li.bl {
	border: none
}
.space {
	height: 10px;
}
}

@media screen and (max-width:320px) {
.mb-set .place p.m-2, .mb-set .place p.m-1 {
	width: 100%;
}
.mb-set .place p.m-2 {
	text-align: center
}
/*.parallax-b5l5 {
	bottom: 40%
}*/
.index5 .square {
	padding: 2%;
}
.w58 {
	width: 90%;
}
.p62 .parallax-b50r5 {
	bottom: 40%;
}
}
.p6 .square {
	font-size: inherit;
}

@media screen and (min-width:1281px) {
.personal {
    line-height: 80px;
}.square small {
    font-size: 28px;
}}