@charset "utf-8";
body {
	font-family: 'Noto Serif JP', serif;
}
body,h1,h2,h3,h4,h5,h6,p,div,address,ul,ol,li{
margin:0; padding:0;
}
header,footer,nav,figure{ margin:0; padding:0;
}
main,footer,header,nav{display:block;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
h2, h3, h4, h5 {
	padding-top: 0.61em;
	padding-bottom: 0.61em;
	margin-bottom: 0.61em;
}
p {
	line-height: 1.83em;
	text-align: justify;
}
h2 {
	padding-left: 2em;
	background-image: linear-gradient(91deg,rgba(0,58,92,1.00) 0%,rgba(0,79,127,1.00) 100%);
	color: rgba(255,255,255,1.00);
	margin-bottom: 0.61em;
	letter-spacing: 0.1em;
}
h3 {
	border-bottom: 1px solid rgba(0,67,107,1.00);
}


body main {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(248,248,248,1.00);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.26);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.26);
	padding-bottom: 1px;
}
#movie01 {
	height: auto;
	min-height: 550px;
}
table {
	width: 100%;
}

#site-head h1 {
	background-image: url(../images/header-logo.png);
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: contain;
	font-weight: normal;
	font-size: 1rem;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	color: rgba(0,72,113,1.00);
	text-indent: -1384px;
	-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.32);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.32);
}
table {
    border: 1px solid #CDBC99;
    margin-bottom: 17px;
}

table tbody tr th {
	background-color: rgba(232,226,208,1.00);
	padding: 0.61em 1em;
}
table tbody tr td {
	padding: 0.61em;
	background-color: rgba(243,243,243,1.00);
}


#site-head h1+div {
	width: 260px;
	height: 260px;
	overflow-x: hidden;
	overflow-y: hidden;
	position: absolute;
	color: rgba(0,72,113,1.00);
	text-indent: -1384px;
	display: block;
	top: 0px;
}
#site-head h1+div a {
	width: 100%;
	height: 100%;
	text-indent: -1384px;
	display: block;
	background-color: rgba(255,255,255,0.00);
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
}
#site-head h1+div a:hover {
	background-color: rgba(255,255,255,0.15);
}

#global-nav {
}
#global-nav ul {
	display: flex;
}




#global-nav ul li {
	background-image: url(../images/sakura.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 18px auto;
	list-style-type: none;
	background-color: rgba(244,244,244,1.00);
	text-align: center;
	transition: background-position 400ms ease-in-out 0s;
	-webkit-transition: background-position 400ms ease-in-out 0s;
	-o-transition: background-position 400ms ease-in-out 0s;
}
#global-nav ul li:hover {
	background-position: center 15px;

}


#global-nav ul li a {
	padding-top: 30px;
	display: block;
	text-decoration: none;
	color: rgba(0,57,110,1.00);
	width: 197px;
	text-align: center;
	padding-bottom: 7px;
	background-color: rgba(255,255,255,0.00);
	transition: background-color 250ms ease 0s;
	-webkit-transition: background-color 250ms ease 0s;
}
#global-nav ul li a:hover {
	background-color: rgba(255,255,255,0.40);
}
#movie01 video {
	width: 100%;
	height: auto;
	margin-bottom: -5px;
	padding-bottom: 0px;
}
#site-foot {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 12px;
}
#site-foot address {
	font-style: normal;
	padding-top: 4px;
}

#google-map {
	width: 100%;
}
main article>section {
	margin-bottom: 35px;
	margin-top: 35px;
}
#kaizouji-history-box {
	background-color: rgba(235,235,235,1.00);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}
#reserved-link {
	width: 420px;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0,65,103,0.18);
	text-align: center;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}

#google-cal-embed {
	width: 100%;
}
#head-img-2nd img {
	height: auto;
	width: 100%;
}


.flex-box {
	display: flex;
}
.flex-size-start {
	align-items: flex-start;
}
.flex-45per {
	flex: 0 1 45%;
}
.flex-350px {
	flex: 0 1 350px;
}
.flex-50per {
	flex: 1 1 50%;
}
.flex-35per {
	flex: 0 1 35%;
}



.flex-box div:first-child {
	margin-right: 1em;
}
.flex-between {
    justify-content: space-between;
}

.t-center {
    text-align: center;
}

#top-news .flex-box div {
	width: 47%;
}

#top-news .flex-box div figure #top-youtube {
	width: 100%;
	height: 303px;
}
.stay-img-box {
	display: flex;
	align-content:flex-start;
}
.stay-img-box figure figcaption{
text-align: center}	

#img-oumi {
	background-image: url(../images/back-dots.png),
		    url(../images/room-img.jpg);
	background-size: auto, 1650px;
	background-repeat: repeat, no-repeat;
	background-attachment: scroll, fixed;
	background-position: top center, center bottom;
	margin-top: -15px;
	padding-left: 0;
	padding-bottom: 40px;
	padding-top: 40px;
	background-color: rgba(213,208,190,1.00);
}
#img-oumi p{
	font-size: 1.3rem;
	padding-bottom: 25px;
	padding-top: 25px;
	text-shadow: 0px 0px 5px rgba(255,255,255,1.00);
	background-image: linear-gradient(92deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.00) 100%);
	padding-left: 50px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.flex-box #top-fbpage {
    flex: 0 1 360px;
    margin-left: 20px;
}
.flex-box.flex-between #top-news-left {
    flex: 1 0 auto;
}
.flex-box.flex-between #top-news-left section {
 	margin-bottom: 0.8em;	
	padding-bottom: 0.8em;
	border-bottom: 1px dotted #ccc;
}










#page_top {
	position: fixed;
	bottom: -81px;
	right: 9px;
	background-image: url(../images/back_page_top@2x.png);
	width: 81px;
	height: 81px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-indent: -224px;
	/* [disabled]background-color: rgba(127,127,127,1.00); */
	background-size: cover;
	z-index: 1005;
}
.pc-visible-mob-hidden {
	
}
.mobile-visivle-pc-hidden {
	display: none;
}












@media (min-width: 1024px){
#site-head {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#head-img-2nd {
	background-color: rgba(175,175,175,1.00);
	min-height: 171px;
}

#site-head #global-nav {
	width: 100%;
	position: absolute;
	top: 133px;
	background-color: rgba(244,244,244,1.00);
}
#site-head #global-nav ul {
	position: absolute;
	padding-left: 287px;
	left: 0px;
	background-color: rgba(244,244,244,1.00);
	width: calc(100% - 287px);
	}
#site-head #global-nav ul li {
	width: 20%;
}
body main {
	margin-top: -67px;
	z-index: 900;
	position: relative;

}
#site-head h1 {
	margin-left: 27px;
	position: relative;
	z-index: 1000;
	width: 260px;
	height: 260px;
}
#site-head h1+div {
	margin-left: 27px;
	z-index: 1001;
}
	
	
#site-head #global-nav ul li a {
	width: 100%;
}
main article>section {
	padding-left: 3em;
	padding-right: 3em;

}

h2 + div {
	padding-left: 50px;
	padding-right: 50px;
}
.flex-box #top-fbpage {
    margin-left: 35px;
}


}



@media (min-width: 1200px){

#site-head #global-nav {
}
#site-head #global-nav ul {

}
#site-head #global-nav ul li {
}
#site-head #global-nav ul li a {
}
body main {


}
.flex-box #top-fbpage {
    margin-left: 56px;
}







}

@media (max-width: 1023px){
#site-head h1 {
	position: relative;
	z-index: 1000;
}
#site-head #global-nav ul {
	position: absolute;
	left: 0px;
	background-color: rgba(244,244,244,1.00);
	width: calc(100% - 200px);
	margin-left: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
#site-head #global-nav {
	width: 100%;
	position: absolute;
	top: 98px;
}
#site-head #global-nav ul li {
	width: 25%;
}
#site-head h1+div {
	z-index: 1001;
	width: 200px;
	height: 200px;
}
#site-head #global-nav ul li a {
	width: 100%;
}
#site-head #global-nav ul #nav-go-top {
	display: none;
}
body main {
	margin-top: -41px;
	z-index: 900;
	position: relative;

}
main article>section {
	padding-left: 30px;
	padding-right: 25px;
}
article h2+div {
	padding-left: 30px;
	padding-right: 30px;
}
h2 {
	padding-left: 30px;
	background-image: linear-gradient(91deg,rgba(0,58,92,1.00) 0%,rgba(0,79,127,1.00) 100%);
	color: rgba(255,255,255,1.00);
	margin-bottom: 0.61em;
	letter-spacing: 0.1em;
}









}

@media (max-width: 767px){
#site-head h1 {
	position: relative;
	z-index: 1000;
	width: 150px;
	height: 150px;
}
#site-head h1+div {
	width: 150px;
	height: 150px;
	overflow-x: hidden;
	overflow-y: hidden;
	position: absolute;
	color: rgba(0,72,113,1.00);
	text-indent: -1384px;
	display: block;
	top: 0px;
	z-index: 1001;
}
#site-head h1+div a {
	width: 100%;
	height: 100%;
	text-indent: -1384px;
	display: block;
	background-color: rgba(255,255,255,0.00);
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
}
body main {
	z-index: 900;
	position: relative;
	margin-top: -40px;

}
#site-head #global-nav ul {
	position: absolute;
	left: 0px;
	background-color: rgba(244,244,244,1.00);
	width: calc(100% - 150px);
	margin-left: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
#site-head #global-nav {
	width: 100%;
	position: absolute;
	top: 52px;
}
.flex-box {
    display: flex;
    flex-wrap: wrap;
}
.flex-35per {
    flex: 0 1 100%;
}
.flex-35per img {
    width: 100%;
    height: auto;
}
.flex-box div:first-child {
    margin-right: 0px;
}
.flex-box #top-fbpage {
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
}











}

@media (max-width: 500px){
h2 {
	padding-left: 15px;
	font-size: 1.4rem;

}
.flex-box {
	display: block;
}
#movie01 {
	height: auto;
	min-height: 100vw;
}
#top-news .flex-box div {
	width: 100%;
}
#site-head #global-nav ul #nav-go-top {
	display: block;
}
#img-oumi {
	background-image: url(../images/back-dots.png),
		    url(../images/room-img.jpg);
	background-size: auto, 1250px;
	background-repeat: repeat, no-repeat;
	background-attachment: scroll, fixed;
	background-position: top center, center top;
	margin-top: -15px;
	padding-left: 0;
	padding-bottom: 30px;
	padding-top: 30px;
	background-color: rgba(213,208,190,1.00);
}
#img-oumi p {
	font-size: 1.3rem;
	padding-bottom: 25px;
	padding-top: 25px;
	text-shadow: 0px 0px 5px rgba(255,255,255,1.00);
	background-image: linear-gradient(92deg,rgba(255,255,255,0.80) 0%,rgba(255,255,255,0.70) 80.20%,rgba(255,255,255,0.00) 100%);
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
main article>section {
    padding-left: 15px;
    padding-right: 15px;
}
table {
    width: 100%;
}
.flex-box div:first-child {
    margin-right: 0px;
}
.pc-visible-mob-hidden {
    display: none;	
}
.mobile-visivle-pc-hidden {
    display: block;
}
.stay-img-box {
    display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
	justify-content:flex-start;
}
.stay-img-box figure{
	width:49%;
	margin: auto;
}	






}