* {margin:0;padding:0;box-sizing:border-box;}
.clr {clear:both;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#603813 !important;}
/* ======================================================= */
@media screen and (max-width:480px) {
	body, button, input, select, textarea {font-family:"Noto Serif JP", serif;}
	
	img {max-width:100%;height:auto;border:0px;vertical-align:bottom;}
		#map img {max-width:none;}
	
	#drawer {box-shadow:-10px 0px 10px -10px #333 inset;-moz-box-shadow:-10px 0px 10px -10px #333 inset;-webkit-box-shadow:-10px 0px 10px -10px #333 inset;}
		#drawer #language {padding:15px 15px;}
			#drawer #language ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;}
				#drawer #language ul li {width:calc(50% - 2.5px);text-align:center;font-size:0.813rem;line-height:1;padding:0 0 5px 0;}
					#drawer #language ul li a {display:block;border:1px solid rgba(255,255,255,0.5);color:#fff;text-decoration:none;padding:10px 0;}
		#drawer nav {padding:0 15px 30px 15px;}
			#drawer nav ul {list-style:none;border-top:1px solid rgba(255,255,255,0.5);}
				#drawer nav ul li {font-size:1.125rem;line-height:1;text-align:center;border-bottom:1px solid rgba(255,255,255,0.5);}
					#drawer nav ul li a {display:block;text-decoration:none;padding:15px 0px;}
		
		#drawer #booking {background:#333;color:#fff;padding:10px 15px;text-align:left;}
			#drawer #booking form {}
				#drawer #booking form dl {font-size:0.813rem;line-height:1;}
					#drawer #booking form dl dt {margin:0 0 5px 0;}
					#drawer #booking form dl dd {display:inline-block;margin:0 0 10px 0;}
							#drawer #booking form dl dd:last-child span {color:#00a680;text-decoration:underline;transition:0.2s ease-in-out;}
							#drawer #booking form dl dd:last-child span:hover {color:#00833F;text-decoration:none;}
						#drawer #booking form dl dd select,
						#drawer #booking form dl dd input {cursor:pointer;font-size:0.875rem;padding:2px 2px;border:1px solid #666;border-radius:3px;margin:0 2px 0 5px;}
						#drawer #booking form dl dd ul {list-style:none;}
							#drawer #booking form dl dd ul li {display:inline-block;padding:0 10px 5px 0;}
				#drawer #booking form #button {}
					#drawer #booking form #button button {display:block;font-size:1.0rem;line-height:1;background:#fff;border:1px solid #666;padding:10px 0;width:50vw;color:#444;text-decoration:none;text-align:center;margin:0 auto;}
						#drawer #booking form #button button:hover {background:#222;color:#fff;}
	
	#nav_opener {display:inline-block;position:absolute;left:15px;top:15px;}
	#nav_opener:after {content:'';clear:both;display:block;}
	#nav_opener:before {display:block;content:"";position:absolute;top:0;left:0px;width:30px;height:19px;background:#999;}
		#nav_opener span {display:block;position:relative;padding:10px 10px;width:30px;}
			#nav_opener span:before,#nav_opener span:after {display:block;content:"";position:absolute;top:0;left:0px;width:30px;height:5px;background:#fff;}
			#nav_opener span:before {margin-top:11px;}
			#nav_opener span:after {margin-top:3px;}
	
	#upper {padding:50px 20px 15px 20px;}
		#upper div:first-child {font-size:3vw;line-height:1;text-align:center;}
		#upper div:last-child {display:none;}
	
	header {padding:0px 20px;text-align:center;}
		header #logo {margin:0 0 40px 0;}
			header #logo img {width:70vw;}
		header #booking {margin:0 0 30px 0;}
			header #booking a:first-child {display:block;font-size:4.2vw;line-height:1;background:#fff;border:1px solid #666;padding:20px 20px;width:50vw;color:#444;text-decoration:none;margin:0 auto 10px auto;}
			header #booking a:last-child {font-size:0.875rem;line-height:1;color:#444;text-decoration:none;}
				header #booking a:last-child:hover {color:#999;}
		header #tel {}
			header #tel span {display:block;}
				header #tel span a {color:#444;text-decoration:none;}
				header #tel span:nth-of-type(1) {font-size:3.8vw;line-height:1;margin:0 0 10px 0;}
				header #tel span:nth-of-type(2) {font-size:8vw;line-height:1;margin:0 0 10px 0;}
				header #tel span:nth-of-type(3) {font-size:3.6vw;line-height:1;}
	
	[canvas=container] nav {display:none;}
	
	
	#photogallery {margin:30px 0 10px 0;}
		#photogallery ul {list-style:none;}
			#photogallery ul li {}
				#photogallery ul li img {}
	
	article {padding:10px 0;}
		article #title {position:relative;margin:0 0 30px 0;}
			article #title img {position:relative;}
			article #title h1 {font-weight:normal;font-size:1.5rem;line-height:1.5;margin:30px 20px 30px 20px;border-top:1px solid rgba(0,0,0,0.2);padding:30px 0 0 0;text-align:center;}
		article h2 {font-weight:normal;font-size:1.25rem;line-height:2;margin:0 0 15px 0;text-align:center;}
		article h3 {font-weight:normal;font-size:1.125rem;line-height:1.6;margin:30px 10px 5px 10px;text-align:left;}
		article h4 {font-weight:normal;font-size:1.0rem;line-height:1.5;margin:30px 10px 5px 10px;text-align:left;}
		article p {font-size:0.875rem;line-height:1.8;margin:0 10px 15px 10px;}
		
		article section {padding:0 20px 40px 20px;}
		
		#index_page article {}
			#index_page article #summary {}
				#index_page article #summary ul {list-style:none;}
					#index_page article #summary ul li {margin:0 0 5px 0;}
			#index_page article #widgets {}
				#index_page article #widgets #twitter_wrapper {width:100%;}
					#index_page article #widgets #twitter_wrapper iframe {width:1025px !important; }
				#index_page article #widgets #banners {padding:15px 0 0 0;}
					#index_page article #widgets #banners ul {list-style:none;}
						#index_page article #widgets #banners ul li {margin:0 0 10px 0;}
							#index_page article #widgets #banners ul li a img {border:1px solid rgba(0,0,0,0.2);}
							#index_page article #widgets #banners ul li a:hover {opacity:0.5;}
		
		#spa_page article {}
			#spa_page article section:nth-of-type(2) img {padding:0 0 20px 0;}
			#spa_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 10px 30px 10px;}
			#spa_page article ul {padding:0 0 15px 30px;}
				#spa_page article ul li { font-size:0.875rem;line-height:1.4;margin:0 0 10px 0;}
			#spa_page article ol {list-style:none;}
				#spa_page article ol li {text-align:center;}
					#spa_page article ol li span {display:block;padding:10px 0 15px 0;font-size:0.813rem;line-height:1;}
		
		#meal_page article {}
			#meal_page article section:nth-of-type(4) img {padding:0 0 20px 0;}
			#meal_page article section:nth-of-type(5) img {padding:0 0 20px 0;}
			#meal_page article h3 {margin-top:10px !important;}
			#meal_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 10px 30px 10px;}
		
		#room_page article {}
			#room_page article section:nth-of-type(1) p br {display:none;}
			#room_page article section:nth-of-type(2) p {text-align:center;}
			#room_page article ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 0 0;}
				#room_page article ul li {width:440px;text-align:center;}
					#room_page article ul li dl {}
						#room_page article ul li dl dt {font-size:1.25rem;line-height:1.5;text-align:center;margin:0 0 5px 0;}
						#room_page article ul li dl dd.description {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 10px 10px;}
						#room_page article ul li dl dd.capacity {font-size:0.813rem;line-height:1.5;text-align:center;margin:0 10px 5px 10px;}
						#room_page article ul li dl dd.facilities {font-size:0.813rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
			#room_page article dl.amenity {}
				#room_page article dl.amenity dt {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 10px 5px 10px;}
				#room_page article dl.amenity dd {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
		
		#access_page article {}
			#access_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 10px 30px 10px;}
			#access_page article section:nth-of-type(2) img:nth-of-type(1) {padding:0 0 20px 0;}
			#access_page article section:nth-of-type(2) img:nth-of-type(2) {padding:20px 0 0 0;}
			#access_page article table.air {border-collapse:collapse;width:100%;}
				#access_page article table.air td {font-size:0.875rem;line-height:1.5;padding:10px 10px;border-bottom:1px solid #eee;}
			#access_page article .googlemap {position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
				#access_page article .googlemap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
		
		#sightseeing_page article {}
			#sightseeing_page article ul {list-style:none;}
				#sightseeing_page article ul li {margin:0 0 50px 0;}
					#sightseeing_page article ul li h3 {margin-top:15px !important;}
					#sightseeing_page article ul li .link {font-size:0.813rem;line-height:1;margin:10px 10px 10px 10px;padding:15px 0;border-top:1px solid rgba(0,0,0,0.2);}
					#sightseeing_page article .map {position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
						#sightseeing_page article .map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
		
		#sugae_masumi_page article {}
			#sugae_masumi_page article h3 {margin-top:10px !important;}
			#sugae_masumi_page article dl {}
				#sugae_masumi_page article dl dt {font-size:1.125rem;line-height:1.5;text-align:center;margin:0 10px 5px 10px;}
				#sugae_masumi_page article dl dd {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
			#sugae_masumi_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 0 30px 0;}
		
		#contact_page article {}
			#contact_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 0 30px 0;}
			#contact_page article ul.error {padding:30px 30px 20px 60px;margin:0 0 50px 0;text-align:left;border:1px solid #c00;border-radius:5px;color:#c00;}
				#contact_page article ul.error li {font-size:1.0rem;line-height:1.6;margin:0px 0px 10px 0px;}
			#contact_page article dl {text-align:left;margin:30px 0 0 0;}
				#contact_page article dl dt {font-size:0.875rem;line-height:1.4;margin:0px 0px 10px 0px;}
					#contact_page article dl dt span {display:inline-block;font-size:0.75rem;line-height:1;margin:0 0 0 5px;padding:2px 2px;background:#c00;color:#fff;}
					#contact_page article dl dt br {display:none;}
				#contact_page article dl dd {font-size:1.0rem;line-height:1.6;padding:0 0 20px 0px;}
				#contact_page article dl.preview dd {border-bottom:1px solid #eee;padding:0px 0 20px 0px;margin:0px 0px 20px 0px;}
					#contact_page article dl dd input:not([type="checkbox"]),
					#contact_page article dl dd select {font-size:1.0rem;padding:10px 10px;width:100%;}
					#contact_page article dl dd textarea {font-size:1.0rem;padding:10px 10px;width:100%;height:10rem;}
					#contact_page article dl dd #postal-code {width:40%;margin:0 5px 0 0;}
					#contact_page article dl dd #date {width:40%;margin:0 5px 0 0;}
					#contact_page article dl dd #days {width:20%;margin:0 5px 0 5px;}
					#contact_page article dl dd #persons {width:20%;margin:0 5px 0 0;}
					#contact_page article dl dd #persons_children {width:20%;margin:0 5px 0 5px;}
					#contact_page article dl dd button {display:inline-block;font-size:0.875rem;line-height:1;background:#f6f6f6;border:1px solid #666;padding:15px 20px;color:#444;text-decoration:none;}
						#contact_page article dl dd button:hover {background:#222;color:#fff;}
					#contact_page article dl dd ul {list-style:none;}
						#contact_page article dl dd ul li {font-size:0.875rem;line-height:1.3;margin:0 0 10px 0;}
			#contact_page article .buttons {text-align:center;}
				#contact_page article .buttons button {display:inline-block;font-size:1.0rem;line-height:1;background:#fff;border:1px solid #666;padding:15px 30px;color:#444;text-decoration:none;}
					#contact_page article .buttons button:hover {background:#222;color:#fff;}
	
	footer {text-align:center;}
		footer #booking {margin:0 0 20px 0;}
			footer #booking div {}
				footer #booking div a {display:block;font-size:1.0rem;line-height:1;background:#fff;border:1px solid #666;padding:15px 0;width:50vw;color:#444;text-decoration:none;margin:0 auto 10px auto;}
				footer #booking div a:hover {background:#222;color:#fff;}
		
		footer address {font-style:normal;padding:20px 20px 20px 20px;background:#F2F3F5;}
			footer address span:first-child {display:block;font-size:5vw;line-height:1.4;margin:0 0 5px 0;}
			footer address span:last-child {display:block;font-size:3.5vw;line-height:1.6;}
			footer address a {color:#444;text-decoration:none;}
		footer p.copyright {padding:0px 20px 20px 20px;background:#F2F3F5;font-size:2vw;line-height:1;}
	
	[canvas=container] section#booking {display:none;}
	
}
/* ======================================================= */
@media screen and (min-width:481px) and (max-width:1024px) {
	body, button, input, select, textarea {font-family:"Noto Serif JP", serif;}
	body {color:#444;text-align:center;}
	a {color:#;text-decoration:underline;transition:0.2s ease-in-out;}
	img {max-width:100%;height:auto;border:0px;vertical-align:bottom;}
		#map img {max-width:none;}
	button {cursor:pointer;transition:0.2s ease-in-out;}
	
	
	#language_change_button {display:none;}
	#nav_opener {display:none;}
	
	#upper {border-bottom:1px solid #ddd;padding:15px 0;position:relative;margin:0 30px;}
		#upper div:first-child {width:100%;font-size:1.8vw;line-height:1;margin:0 auto;text-align:left;}
		#upper div:last-child {display:block;position:absolute;right:0;top:15px;z-index:2;width:150px;text-align:right;font-size:0.875rem;line-height:1;}
			#upper div:last-child span {padding:10px 10px;cursor:pointer;}
			#upper div:last-child ul {list-style:none;padding:10px 10px 0 0;display:none;}
				#upper div:last-child ul li {text-align:center;padding:0 0 1px 0;}
					#upper div:last-child ul li a {display:block;background:rgba(0,0,0,0.8);color:#fff;text-decoration:none;padding:10px 0px;}
					#upper div:last-child ul li a:hover {background:rgba(0,0,0,0.5);}
	
	header {margin:0 30px;text-align:left;padding:30px 0 0 0;display:flex;}
		header #logo {width:40%;}
			header #logo img {width:90%;}
		header #booking {width:25%;text-align:center;}
			header #booking a:first-child {display:block;font-size:2.2vw;line-height:1;background:#fff;border:1px solid #666;padding:15px 0;width:100%;color:#444;text-decoration:none;margin:0 0 5px 0;}
				header #booking a:first-child:hover {background:#222;color:#fff;}
			header #booking a:last-child {font-size:1.6vw;line-height:1;color:#444;text-decoration:none;}
				header #booking a:last-child:hover {color:#999;}
		header #tel {width:35%;text-align:right;}
			header #tel span {display:block;}
				header #tel span a {color:#444;text-decoration:none;}
				header #tel span:nth-of-type(1) {font-size:2vw;line-height:1;margin:0 0 5px 0;}
				header #tel span:nth-of-type(2) {font-size:4vw;line-height:1;margin:0 0 5px 0;}
				header #tel span:nth-of-type(3) {font-size:2vw;line-height:1;}
	nav {padding:10px 30px 25px 30px;margin:0 auto;}
		nav ul {list-style:none;text-align:center;display:flex;}
			nav ul li {flex-basis:25%;font-size:1.25rem;line-height:1;}
				nav ul li a {display:block;padding:25px 0;color:#444;text-decoration:none;position:relative;}
				nav ul li a:hover {color:#222;}
				nav ul li a:after {position:absolute;bottom:0px;left:50%;content:'';width:0;height:0px;background:#222;opacity:0;transition:0.2s ease-in-out;}
					nav ul li a:hover:after {height:2px;width:100%;opacity:1;left:0;}
				nav ul li.on a:after {position:absolute;bottom:0px;left:0;content:'';width:100%;height:2px;background:#222;opacity:1;}
	
	#photogallery {margin:20px 0 0 0;height:50vw;overflow:hidden;}
		#photogallery ul {list-style:none;}
			#photogallery ul li {}
				#photogallery ul li img {}
	
	article {padding:10px 0;}
		article #title {position:relative;margin:0 0 50px 0;}
			article #title img {position:relative;}
			article #title h1 {position:absolute;z-index:2;color:#fff;font-weight:normal;font-size:2rem;line-height:1;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.5);white-space:nowrap;}
		
		article h2 {font-weight:normal;font-size:2rem;line-height:2;margin:0 0 15px 0;}
		article h3 {font-weight:normal;font-size:1.7rem;line-height:1.6;margin:30px 20px 5px 20px;text-align:left;}
		article h4 {font-weight:normal;font-size:1.25rem;line-height:1.5;margin:30px 20px 5px 20px;text-align:left;}
		article p {font-size:1.0rem;line-height:2;margin:0 20px 15px 20px;text-align:left;}
		
		article section {padding:0 0 40px 0;margin:0 30px;}
		article section:after {content:'';display:block;clear:both;}
		
		#index_page article {}
			#index_page article #summary {}
				#index_page article #summary h2 br:last-child {display:none;}
				#index_page article #summary ul {list-style:none;display:flex;justify-content:space-between;}
					#index_page article #summary ul li {}
			#index_page article #widgets {display:flex;justify-content:space-between;min-height:500px;}
				#index_page article #widgets #twitter_wrapper {width:55%;}
					#index_page article #widgets #twitter_wrapper iframe {width:1025px !important; }
				#index_page article #widgets #banners {width:45%;padding:0 0 0 10px;}
					#index_page article #widgets #banners ul {list-style:none;}
						#index_page article #widgets #banners ul li {margin:0 0 10px 0;}
							#index_page article #widgets #banners ul li a img {border:1px solid rgba(0,0,0,0.2);}
							#index_page article #widgets #banners ul li a:hover {opacity:0.5;}
		
		#spa_page article {}
			#spa_page article section:nth-of-type(2) img {float:right;padding:0 0 30px 40px;}
			#spa_page article section:nth-of-type(3) img {float:left;padding:0 40px 30px 0;}
			#spa_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 50px 30px 50px;}
			#spa_page article ul {padding:0 0 15px 30px;text-align:left;margin:0 50px;}
				#spa_page article ul li {font-size:1.0rem;line-height:1.6;margin:0 0 10px 0;}
			#spa_page article ol {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 0 0;}
				#spa_page article ol li {width:calc(50% - 5px);text-align:center;}
					#spa_page article ol li span {display:block;padding:10px 0 30px 0;font-size:0.875rem;line-height:1;}
		
		#meal_page article {}
			#meal_page article section:nth-of-type(2) img {float:left;padding:0 40px 30px 0;}
			#meal_page article section:nth-of-type(3) img {float:right;padding:0 0 30px 40px;}
			#meal_page article section:nth-of-type(4) img {padding:0 0px 20px 0;}
			#meal_page article section:nth-of-type(5) img {padding:0 0px 20px 0;}
			#meal_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 50px 30px 50px;}
		
		#room_page article {}
			#room_page article section:nth-of-type(2) p {text-align:center;}
			#room_page article ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 0 0;}
				#room_page article ul li {width:calc(50% - 5px);text-align:center;}
					#room_page article ul li dl {}
						#room_page article ul li dl dt {font-size:1.25rem;line-height:1.5;text-align:center;margin:0 0 5px 0;}
						#room_page article ul li dl dd.description {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 10px 10px 10px;}
						#room_page article ul li dl dd.capacity {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 5px 10px;}
						#room_page article ul li dl dd.facilities {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
			#room_page article dl.amenity {margin:0 50px;}
				#room_page article dl.amenity dt {font-size:1.25rem;line-height:1.5;text-align:center;margin:0 0 5px 0;}
				#room_page article dl.amenity dd {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 0 20px 0;}
		
		#access_page article {}
			#access_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 50px 30px 50px;}
			#access_page article section:nth-of-type(2) img:nth-of-type(1) {float:right;padding:0 0 30px 20px;width:500px;}
			#access_page article section:nth-of-type(2) img:nth-of-type(2) {clear:both;display:block;padding:30px 0 0 0;width:calc(100% - 100px);margin:0px auto;}
			#access_page article table.air {border-collapse:collapse;width:calc(100% - 40px);margin:0 auto;}
				#access_page article table.air td {font-size:1.0rem;line-height:1.5;padding:10px 10px;border-bottom:1px solid #eee;}
			#access_page article .googlemap {position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;}
				#access_page article .googlemap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
		
		#sightseeing_page article {}
			#sightseeing_page article ul {list-style:none;}
				#sightseeing_page article ul li {margin:0 0 50px 0;}
				#sightseeing_page article ul li:after {content:'';display:block;clear:both;}
					#sightseeing_page article ul li > div:nth-of-type(1) {margin:0 0 30px 0;}
					#sightseeing_page article ul li > div:nth-of-type(2) {float:left;width:calc(60% - 20px);}
						#sightseeing_page article ul li h3 {margin-top:0 !important;}
						#sightseeing_page article ul li .link {font-size:0.875rem;line-height:1;margin:10px 20px 10px 20px;padding:15px 0;border-top:1px solid rgba(0,0,0,0.2);text-align:left;}
					#sightseeing_page article ul li div.map {position:relative;width:40%;height:0;padding-bottom:50%;overflow:hidden;float:right;margin-right:20px;}
						#sightseeing_page article ul li div.map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
		
		#sugae_masumi_page article {}
			#sugae_masumi_page article section:nth-of-type(2) img {float:left;padding:0 40px 30px 0;}
			#sugae_masumi_page article section:nth-of-type(3) img {float:right;padding:0 0 30px 40px;}
			#sugae_masumi_page article dl {}
				#sugae_masumi_page article dl dt {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 10px 5px 10px;}
				#sugae_masumi_page article dl dd {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
			#sugae_masumi_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 0 30px 0;}
		
		#contact article {}
			#contact_page article .caution {font-size:1.0rem;line-height:2;color:#c00;padding:20px 20px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 0 50px 0;}
			#contact_page article ul.error {padding:30px 30px 20px 60px;margin:0 0 50px 0;text-align:left;border:1px solid #c00;border-radius:5px;color:#c00;}
				#contact_page article ul.error li {font-size:1.0rem;line-height:1.6;margin:0px 0px 10px 0px;}
			#contact_page article dl {text-align:left;margin:40px 0 0 0;}
			#contact_page article dl:after {content:'';clear:both;display:block;}
				#contact_page article dl dt {font-size:1.0rem;line-height:1.4;margin:0px 0px 10px 0px;padding:10px 0px 30px 0px;float:left;clear:left;width:200px;}
				#contact_page article dl.preview dt {border-bottom:1px solid #eee;}
					#contact_page article dl dt span {display:inline-block;font-size:0.75rem;line-height:1;margin:0 0 0 5px;padding:2px 2px;background:#c00;color:#fff;}
				#contact_page article dl dd {font-size:1.0rem;line-height:1.4;padding:0 0 30px 0px;margin-left:200px;}
				#contact_page article dl.preview dd {border-bottom:1px solid #eee;padding:10px 0 30px 0px;margin:0px 0px 10px 0px;}
					#contact_page article dl dd input:not([type="checkbox"]),
					#contact_page article dl dd select {font-size:1.0rem;padding:10px 10px;width:100%;}
					#contact_page article dl dd textarea {font-size:1.0rem;padding:10px 10px;width:100%;height:10rem;}
					#contact_page article dl dd #postal-code {width:40%;margin:0 5px 0 0;}
					#contact_page article dl dd #date {width:40%;margin:0 5px 0 0;}
					#contact_page article dl dd #days {width:20%;margin:0 5px 0 5px;}
					#contact_page article dl dd #persons {width:20%;margin:0 5px 0 0;}
					#contact_page article dl dd #persons_children {width:20%;margin:0 5px 0 5px;}
					#contact_page article dl dd button {display:inline-block;font-size:0.875rem;line-height:1;background:#f6f6f6;border:1px solid #666;padding:15px 20px;color:#444;text-decoration:none;}
						#contact_page article dl dd button:hover {background:#222;color:#fff;}
					#contact_page article dl dd ul {list-style:none;}
						#contact_page article dl dd ul li {font-size:0.875rem;line-height:1.3;margin:0 0 10px 0;}
			#contact_page article .buttons {text-align:center;}
				#contact_page article .buttons button {display:inline-block;font-size:1.25rem;line-height:1;background:#fff;border:1px solid #666;padding:20px 40px;color:#444;text-decoration:none;}
					#contact_page article .buttons button:hover {background:#222;color:#fff;}
	
	footer {padding:20px 30px 80px 30px;background:#F2F3F5;text-align:left;}
		footer #booking {display:block;width:200px;margin:0 auto;position:absolute;z-index:2;right:30px;text-align:center;}
			footer #booking div {margin:0 0 10px 0;}
				footer #booking div a {display:block;font-size:2vw;line-height:1;background:#fff;border:1px solid #666;padding:15px 0;width:200px;color:#444;text-decoration:none;}
				footer #booking div a:hover {background:#222;color:#fff;}
		
		footer address {font-style:normal;margin:0 auto;}
			footer address span:first-child {display:block;font-size:1.0rem;line-height:1.4;margin:0 0 10px 0;}
			footer address span:last-child {display:block;font-size:0.875rem;line-height:1.4;margin:0 0 20px 0;}
			footer address a {color:#444;text-decoration:none;}
		footer p.copyright {margin:0 auto;font-size:0.75rem;line-height:1;}
	
	section#booking {position:fixed;z-index:1000;bottom:0;width:100%;background:#333;color:#fff;padding:10px 15px;}
		section#booking form {width:100%;text-align:left;display:table;border-collapse:collapse;}
			section#booking form dl {font-size:0.75rem;line-height:1;display:table-cell;}
				section#booking form dl dt {display:inline-block;}
					section#booking form dl dt:nth-of-type(2) {margin:0 0 0 5px;}
				section#booking form dl dd {display:inline-block;}
					section#booking form dl dd:last-child {cursor:pointer;}
						section#booking form dl dd:last-child span {color:#00a680;text-decoration:underline;transition:0.2s ease-in-out;}
						section#booking form dl dd:last-child span:hover {color:#00833F;text-decoration:none;}
					section#booking form dl dd select,
					section#booking form dl dd input {cursor:pointer;font-size:0.875rem;padding:2px 2px;border:1px solid #666;border-radius:3px;margin:0 3px 0 3px;transition:0.2s ease-in-out;}
			section#booking form #button {display:table-cell;text-align:right;}
				section#booking form #button button {display:inline-block;font-size:0.875rem;line-height:1;background:#fff;border:1px solid #666;padding:10px 0;width:100px;color:#444;text-decoration:none;text-align:center;}
					section#booking form #button button:hover {background:#222;color:#fff;}
			section#booking form #childnum_box {opacity:0;z-index:-10000;position:absolute;display:inline-block;top:-30px;right:30px;background:rgba(240,240,240,0.95);color:#444;font-size:0.75rem;line-height:1;padding:10px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.3);}
				section#booking form #childnum_box ul {list-style:none;}
					section#booking form #childnum_box ul li {display:inline-block;}
						section#booking form #childnum_box ul li:not(:first-child) {margin:0 0 0 5px;}
						section#booking form #childnum_box ul li select,
						section#booking form #childnum_box ul li input {cursor:pointer;font-size:1.0rem;padding:2px 2px;border:1px solid #666;border-radius:3px;margin:0 3px 0 6px;transition:0.2s ease-in-out;}
				section#booking form #childnum_box span {display:block;position:absolute;right:-15px;top:-15px;width:30px;height:30px;background:#eee;cursor:pointer;border-radius:50%;}
					section#booking form #childnum_box span:after {display:block;content:"";position:absolute;top:calc(50% - 1px);left: calc(50% - 8px);width:16px;height:2px;background:#444;transform:rotate(45deg);}
					section#booking form #childnum_box span:before {display:block;content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 8px);width:16px;height:2px;background:#444;transform:rotate(-45deg);}
	
	#drawer {display:none;}
}
/* ======================================================= */
@media screen and (min-width:1025px) {
	body, button, input, select, textarea {font-family:"Noto Serif JP", serif;}
	body {color:#444;text-align:center;}
	a {color:#;text-decoration:underline;transition:0.2s ease-in-out;}
	img {max-width:100%;height:auto;border:0px;vertical-align:bottom;}
		#map img {max-width:none;}
	button {cursor:pointer;transition:0.2s ease-in-out;}
	
	
	#language_change_button {display:none;}
	#nav_opener {display:none;}
	
	#upper {width:100%;border-bottom:1px solid #ddd;padding:15px 0;position:relative;}
		#upper div:first-child {width:900px;font-size:1rem;line-height:1;margin:0 auto;text-align:left;}
		#upper div:last-child {display:block;position:absolute;left:calc(50% + 310px);top:15px;z-index:2;width:150px;text-align:right;font-size:0.875rem;line-height:1;}
			#upper div:last-child span {padding:10px 10px;cursor:pointer;}
			#upper div:last-child ul {list-style:none;padding:10px 10px 0 0;display:none;}
				#upper div:last-child ul li {text-align:center;padding:0 0 1px 0;}
					#upper div:last-child ul li a {display:block;background:rgba(0,0,0,0.8);color:#fff;text-decoration:none;padding:10px 0px;}
					#upper div:last-child ul li a:hover {background:rgba(0,0,0,0.5);}
	
	header {width:900px;margin:0 auto;text-align:left;padding:30px 0 0 0;display:flex;}
		header #logo {width:420px;}
			header #logo img {width:380px;}
		header #booking {width:200px;text-align:center;}
			header #booking a:first-child {display:block;font-size:1.25rem;line-height:1;background:#fff;border:1px solid #666;padding:20px 0;width:100%;color:#444;text-decoration:none;margin:0 0 5px 0;}
				header #booking a:first-child:hover {background:#222;color:#fff;}
			header #booking a:last-child {font-size:0.875rem;line-height:1;color:#444;text-decoration:none;}
				header #booking a:last-child:hover {color:#999;}
		header #tel {width:280px;text-align:right;}
			header #tel span {display:block;}
				header #tel span a {color:#444;text-decoration:none;}
				header #tel span:nth-of-type(1) {font-size:1.0rem;line-height:1;margin:0 0 10px 0;}
				header #tel span:nth-of-type(2) {font-size:2.1rem;line-height:1;margin:0 0 10px 0;}
				header #tel span:nth-of-type(3) {font-size:1.0rem;line-height:1;}
	nav {width:900px;padding:10px 0 25px 0;margin:0 auto;}
		nav ul {list-style:none;text-align:center;display:flex;}
			nav ul li {flex-basis:20%;font-size:1.25rem;line-height:1;}
				nav ul li a {display:block;padding:25px 0;color:#444;text-decoration:none;position:relative;}
				nav ul li a:hover {color:#222;}
				nav ul li a:after {position:absolute;bottom:0px;left:50%;content:'';width:0;height:0px;background:#222;opacity:0;transition:0.2s ease-in-out;}
					nav ul li a:hover:after {height:2px;width:100%;opacity:1;left:0;}
				nav ul li.on a:after {position:absolute;bottom:0px;left:0;content:'';width:100%;height:2px;background:#222;opacity:1;}
	
	#photogallery {margin:40px 0 0 0;height:50vw;overflow:hidden;}
		#photogallery ul {list-style:none;}
			#photogallery ul li {}
				#photogallery ul li img {}
	
	article {padding:10px 0;}
		article #title {position:relative;margin:0 0 50px 0;}
			article #title img {position:relative;}
			article #title h1 {position:absolute;z-index:2;color:#fff;font-weight:normal;font-size:4rem;line-height:1;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.5);white-space:nowrap;}
		
		article h2 {font-weight:normal;font-size:2rem;line-height:2;margin:0 0 15px 0;}
		article h3 {font-weight:normal;font-size:1.7rem;line-height:1.6;margin:30px 50px 5px 50px;text-align:left;}
		article h4 {font-weight:normal;font-size:1.25rem;line-height:1.5;margin:30px 50px 5px 50px;text-align:left;}
		article p {font-size:1.0rem;line-height:2;margin:0 50px 15px 50px;text-align:left;}
		
		article section {padding:0 0 40px 0;width:900px;margin:0 auto;}
		article section:after {content:'';display:block;clear:both;}
		
		#index_page article {}
			#index_page article #summary {}
				#index_page article #summary h2 br:last-child {display:none;}
				#index_page article #summary ul {list-style:none;display:flex;justify-content:space-between;}
					#index_page article #summary ul li {}
			#index_page article #widgets {display:flex;justify-content:space-between;min-height:500px;}
				#index_page article #widgets #twitter_wrapper {width:480px;}
				#index_page article #widgets #banners {width:420px;padding:0 0 0 20px;}
					#index_page article #widgets #banners ul {list-style:none;}
						#index_page article #widgets #banners ul li {margin:0 0 15px 0;}
							#index_page article #widgets #banners ul li a img {border:1px solid rgba(0,0,0,0.2);}
							#index_page article #widgets #banners ul li a:hover {opacity:0.5;}
		
		#spa_page article {}
			#spa_page article section:nth-of-type(2) img {float:right;padding:0 0 30px 40px;}
			#spa_page article section:nth-of-type(3) img {float:left;padding:0 40px 30px 0;}
			#spa_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 50px 30px 50px;}
			#spa_page article ul {padding:0 0 15px 30px;text-align:left;margin:0 50px;}
				#spa_page article ul li {font-size:1.0rem;line-height:1.6;margin:0 0 10px 0;}
			#spa_page article ol {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 0 0;}
				#spa_page article ol li {width:440px;text-align:center;}
					#spa_page article ol li span {display:block;padding:10px 0 30px 0;font-size:0.875rem;line-height:1;}
		
		#meal_page article {}
			#meal_page article section:nth-of-type(2) img {float:left;padding:0 40px 30px 0;}
			#meal_page article section:nth-of-type(3) img {float:right;padding:0 0 30px 40px;}
			#meal_page article section:nth-of-type(4) img {padding:0 0px 20px 0;}
			#meal_page article section:nth-of-type(5) img {padding:0 0px 20px 0;}
			#meal_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 50px 30px 50px;}
			#meal_page article ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 0 0;}
				#meal_page article ul li {width:440px;text-align:center;}
					#meal_page article ul li span {display:block;}
						#meal_page article ul li span:nth-of-type(1) {font-size:1.25rem;line-height:1.5;text-align:center;margin:0 0 5px 0;}
						#meal_page article ul li span:nth-of-type(2) {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 10px 0px 10px;}
						#meal_page article ul li span:nth-of-type(3) {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
		
		#room_page article {}
			#room_page article section:nth-of-type(2) p {text-align:center;}
			#room_page article ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 0 0;}
				#room_page article ul li {width:440px;text-align:center;}
					#room_page article ul li dl {}
						#room_page article ul li dl dt {font-size:1.25rem;line-height:1.5;text-align:center;margin:0 0 5px 0;}
						#room_page article ul li dl dd.description {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 10px 10px 10px;}
						#room_page article ul li dl dd.capacity {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 5px 10px;}
						#room_page article ul li dl dd.facilities {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
			#room_page article dl.amenity {margin:0 50px;}
				#room_page article dl.amenity dt {font-size:1.25rem;line-height:1.5;text-align:center;margin:0 0 5px 0;}
				#room_page article dl.amenity dd {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 0 20px 0;}
		
		#access_page article {}
			#access_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 50px 30px 50px;}
			#access_page article section:nth-of-type(2) img:nth-of-type(1) {float:right;padding:0 0 30px 20px;width:500px;}
			#access_page article section:nth-of-type(2) img:nth-of-type(2) {clear:both;display:block;padding:30px 0 0 0;width:calc(100% - 100px);margin:0px auto;}
			#access_page article table.air {border-collapse:collapse;width:calc(100% - 100px);margin:0 auto;}
				#access_page article table.air td {font-size:1.0rem;line-height:1.5;padding:10px 10px;border-bottom:1px solid #eee;}
			#access_page article .googlemap {position:relative;width:900px;height:0;padding-bottom:50%;overflow:hidden;}
				#access_page article .googlemap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
		
		#sightseeing_page article {}
			#sightseeing_page article ul {list-style:none;}
				#sightseeing_page article ul li {margin:0 0 50px 0;}
				#sightseeing_page article ul li:after {content:'';display:block;clear:both;}
					#sightseeing_page article ul li > div:nth-of-type(1) {margin:0 0 30px 0;}
					#sightseeing_page article ul li > div:nth-of-type(2) {float:left;width:450px;}
						#sightseeing_page article ul li h3 {margin-top:0 !important;}
						#sightseeing_page article ul li .link {font-size:0.875rem;line-height:1;margin:10px 50px 10px 50px;padding:15px 0;border-top:1px solid rgba(0,0,0,0.2);text-align:left;}
					#sightseeing_page article ul li div.map {position:relative;width:400px;height:0;padding-bottom:400px;overflow:hidden;float:right;margin-right:50px;}
						#sightseeing_page article ul li div.map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
		
		#sugae_masumi_page article {}
			#sugae_masumi_page article section:nth-of-type(2) img {float:left;padding:0 40px 30px 0;}
			#sugae_masumi_page article section:nth-of-type(3) img {float:right;padding:0 0 30px 40px;}
			#sugae_masumi_page article dl {}
				#sugae_masumi_page article dl dt {font-size:1.0rem;line-height:1.5;text-align:center;margin:0 10px 5px 10px;}
				#sugae_masumi_page article dl dd {font-size:0.875rem;line-height:1.5;text-align:center;margin:0 10px 20px 10px;}
			#sugae_masumi_page article .caution {font-size:0.875rem;line-height:1.5;color:#c00;padding:10px 15px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 0 30px 0;}
		
		#contact article {}
			#contact_page article .caution {font-size:1.0rem;line-height:2;color:#c00;padding:20px 20px;border:1px solid #c00;border-radius:3px;text-align:left;margin:0 0 50px 0;}
			#contact_page article ul.error {padding:30px 30px 20px 60px;margin:0 0 50px 0;text-align:left;border:1px solid #c00;border-radius:5px;color:#c00;}
				#contact_page article ul.error li {font-size:1.0rem;line-height:1.6;margin:0px 0px 10px 0px;}
			#contact_page article dl {text-align:left;margin:40px 0 0 0;}
			#contact_page article dl:after {content:'';clear:both;display:block;}
				#contact_page article dl dt {font-size:1.0rem;line-height:1.4;margin:0px 0px 10px 0px;padding:10px 0px 30px 0px;float:left;clear:left;width:200px;}
				#contact_page article dl.preview dt {border-bottom:1px solid #eee;}
					#contact_page article dl dt span {display:inline-block;font-size:0.75rem;line-height:1;margin:0 0 0 5px;padding:2px 2px;background:#c00;color:#fff;}
				#contact_page article dl dd {font-size:1.0rem;line-height:1.4;padding:0 0 30px 0px;margin-left:200px;}
				#contact_page article dl.preview dd {border-bottom:1px solid #eee;padding:10px 0 30px 0px;margin:0px 0px 10px 0px;}
					#contact_page article dl dd input:not([type="checkbox"]),
					#contact_page article dl dd select {font-size:1.0rem;padding:10px 10px;width:100%;}
					#contact_page article dl dd textarea {font-size:1.0rem;padding:10px 10px;width:100%;height:10rem;}
					#contact_page article dl dd #postal-code {width:40%;margin:0 5px 0 0;}
					#contact_page article dl dd #date {width:40%;margin:0 5px 0 0;}
					#contact_page article dl dd #days {width:20%;margin:0 5px 0 5px;}
					#contact_page article dl dd #persons {width:20%;margin:0 5px 0 0;}
					#contact_page article dl dd #persons_children {width:20%;margin:0 5px 0 5px;}
					#contact_page article dl dd button {display:inline-block;font-size:0.875rem;line-height:1;background:#f6f6f6;border:1px solid #666;padding:15px 20px;color:#444;text-decoration:none;}
						#contact_page article dl dd button:hover {background:#222;color:#fff;}
					#contact_page article dl dd ul {list-style:none;}
						#contact_page article dl dd ul li {font-size:0.875rem;line-height:1.3;margin:0 0 10px 0;}
			#contact_page article .buttons {text-align:center;}
				#contact_page article .buttons button {display:inline-block;font-size:1.25rem;line-height:1;background:#fff;border:1px solid #666;padding:20px 40px;color:#444;text-decoration:none;}
					#contact_page article .buttons button:hover {background:#222;color:#fff;}
	
	footer {padding:20px 0 80px 0;background:#F2F3F5;text-align:left;}
		footer #booking {display:block;width:200px;margin:0 auto;position:absolute;z-index:2;left:calc(50% + 250px);text-align:center;}
			footer #booking div {margin:0 0 10px 0;}
				footer #booking div a {display:block;font-size:1.0rem;line-height:1;background:#fff;border:1px solid #666;padding:15px 0;width:200px;color:#444;text-decoration:none;}
				footer #booking div a:hover {background:#222;color:#fff;}
		
		footer address {font-style:normal;width:900px;margin:0 auto;}
			footer address span:first-child {display:block;font-size:1.25rem;line-height:1.4;margin:0 0 10px 0;}
			footer address span:last-child {display:block;font-size:1.0rem;line-height:1.4;margin:0 0 20px 0;}
			footer address a {color:#444;text-decoration:none;}
		footer p.copyright {width:900px;margin:0 auto;font-size:0.813rem;line-height:1;}
	
	section#booking {position:fixed;z-index:1000;bottom:0;width:100%;background:#333;color:#fff;padding:10px 0;}
		section#booking form {width:900px;margin:0 auto;text-align:left;display:table;border-collapse:collapse;}
			section#booking form dl {font-size:0.813rem;line-height:1;display:table-cell;}
				section#booking form dl dt {display:inline-block;}
					section#booking form dl dt:nth-of-type(2) {margin:0 0 0 12px;}
				section#booking form dl dd {display:inline-block;}
					section#booking form dl dd:last-child {cursor:pointer;}
						section#booking form dl dd:last-child span {color:#00a680;text-decoration:underline;transition:0.2s ease-in-out;}
						section#booking form dl dd:last-child span:hover {color:#00833F;text-decoration:none;}
					section#booking form dl dd select,
					section#booking form dl dd input {cursor:pointer;font-size:1.0rem;padding:2px 4px;border:1px solid #666;border-radius:3px;margin:0 3px 0 6px;transition:0.2s ease-in-out;}
			section#booking form #button {display:table-cell;text-align:right;}
				section#booking form #button button {display:inline-block;font-size:1.0rem;line-height:1;background:#fff;border:1px solid #666;padding:10px 0;width:100px;color:#444;text-decoration:none;text-align:center;}
					section#booking form #button button:hover {background:#222;color:#fff;}
			section#booking form #childnum_box {opacity:0;z-index:-10000;position:absolute;top:-30px;left:calc(50% - 450px);background:rgba(240,240,240,0.95);color:#444;font-size:0.813rem;line-height:1;padding:10px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.3);}
				section#booking form #childnum_box ul {list-style:none;}
					section#booking form #childnum_box ul li {display:inline-block;}
						section#booking form #childnum_box ul li:not(:first-child) {margin:0 0 0 10px;}
						section#booking form #childnum_box ul li select,
						section#booking form #childnum_box ul li input {cursor:pointer;font-size:1.0rem;padding:2px 4px;border:1px solid #666;border-radius:3px;margin:0 3px 0 6px;transition:0.2s ease-in-out;}
				section#booking form #childnum_box span {display:block;position:absolute;right:-15px;top:-15px;width:30px;height:30px;background:#eee;cursor:pointer;border-radius:50%;}
					section#booking form #childnum_box span:after {display:block;content:"";position:absolute;top:calc(50% - 1px);left: calc(50% - 8px);width:16px;height:2px;background:#444;transform:rotate(45deg);}
					section#booking form #childnum_box span:before {display:block;content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 8px);width:16px;height:2px;background:#444;transform:rotate(-45deg);}
	
	#drawer {display:none;}
}


.close-any-slidebar {cursor:pointer;}

/* ======================================================= */
@media screen and (max-width:480px) {
	/*!
	 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
	 * Version:2.0.2
	 * Url:http://www.adchsm.com/slidebars/
	 * Author:Adam Charles Smith
	 * Author url:http://www.adchsm.com/
	 * License:MIT
	 * License url:http://www.adchsm.com/slidebars/license/
	 */
	
	/* Box Model, Html & Body */
	html, body, [canvas=container], [off-canvas] {margin:0;padding:0;box-sizing:border-box;}
	html, body {width:100%;height:100%;overflow:hidden;}
	
	[canvas] {z-index:1;}
	[canvas=container] {width:100%;height:100%;overflow-y:auto;position:relative;background-color:white;-webkit-overflow-scrolling:touch;}
	[canvas=container]:before, [canvas=container]:after {clear:both;content:'';display:table;}
	
	/* Off-Canavs */
	[off-canvas] {display:none;position:fixed;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;
		/* Basic background color, overwrite this in your own css. */
		background-color:#555;
		color:white;
	}
	
	[off-canvas] a {color:#fff;}
	
	[off-canvas*=top] {width:100%;height:255px;top:0;}
	[off-canvas*=right] {width:255px;	height:100%;top:0;right:0;}
	[off-canvas*=bottom] {width:100%;height:255px;bottom:0;}
	[off-canvas*=left] {width:calc(100% - 60px);height:100%;top:0;left:0;}
	
	[off-canvas*=reveal] {z-index:0;}
	[off-canvas*=push] {z-index:1;}
	[off-canvas*=overlay] {z-index:9999;}
	[off-canvas*=shift] {z-index:0;}
	
	/* Animation */
	[canvas], [off-canvas] {-webkit-transform:translate( 0px, 0px );-ms-transform:translate( 0px, 0px );transform:translate( 0px, 0px );-webkit-transition:-webkit-transform 300ms;transition:transform 300ms;-webkit-backface-visibility:hidden;}
	[off-canvas*=shift][off-canvas*=top] {-webkit-transform:translate( 0px, 50% );transform:translate( 0px, 50% );}
	[off-canvas*=shift][off-canvas*=right] {-webkit-transform:translate( -50%, 0px );transform:translate( -50%, 0px );}
	[off-canvas*=shift][off-canvas*=bottom] {-webkit-transform:translate( 0px, -50% );transform:translate( 0px, -50% );}
	[off-canvas*=shift][off-canvas*=left] {-webkit-transform:translate( 50%, 0px );transform:translate( 50%, 0px );}
}

@media print {
	[canvas] {-webkit-transform:translate( 0px, 0px ) !important;-ms-transform:translate( 0px, 0px ) !important;transform:translate( 0px, 0px ) !important;}
	[off-canvas] {display:none !important;}
}