/*
Theme Name: Kamesei's Main Theme
Version: 1.0
Derived from the Original Theme: Twenty Eleven
Original Theme URI: http://wordpress.org/extend/themes/twentyeleven
Original Author: the WordPress team
Original Author URI: http://wordpress.org/
Original Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* @import url('https://fonts.googleapis.com/css2?family=Kreon:wght@300;400;700&family=Yesteryear&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Kreon:wght@300;400;700&family=Mr+Dafoe&display=swap');


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	max-height: 999999px;	/* against Android Chrome Font Boosting */
/*	vertical-align: baseline; */	/* MTL: c/o */
	margin: 0;
	padding: 0;
	font-size: 100%;
	 /* Mat c/o when coding unique-nagano.com and talking with kaz font-family: inherit; font-style: inherit; font-weight: inherit; */
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {	/* MTL: added instead */
	vertical-align: baseline;
}
table, caption, tfoot, thead {	/* MTL: added instead */
	vertical-align: middle;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
caption, th, td {
/*	font-weight: normal; */	/* KAZ: en */
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img[usemap^="#"],	/* MTL KAZ: added for IE 9 or older */
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

*, *:before, *:after {	/* Mat added 2017 1 */
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


/* =Structure
----------------------------------------------- */
body {
	padding: 0;	/* MTL: was 0 2em */
	 /* MAT c/o (nonsense and caused horizontal scroll with Norton toolbar on Chrome) (also was in #main,#colophon,#ft_nav_top,#topmain,#h1_main,#branding,#content) width: 100%; */
	min-width: 1200px;	/* MTL: This should be equal to the width of content areas such as #masthead and #mainwall if the content areas should have no paddings or margins or a little wider if a margin is required between browser and the text in the content. */
	/* background: #fff;	MTL: including the gap in the browser below the site */
	font-size: 100%;	/* MTL: moved from below */
	font-weight: 300;	/* KAZ: en */
	-webkit-text-size-adjust: 100%;	/* MTL KAZ: added */
}
#masthead, #nav-menu, #breadcrumbs, #my-blog #mainwall, #my-search #mainwall, #topmain #mainwall section .wall, #ft_links {
	width: 1170px;
}
#main #mainwall section .wall, #mainwall .wp_social_bookmarking_light, #ft_banner ul {
	width: 1000px;
}
#page {
	background: #fff;
	 /* margin: 2em auto; */
}
#primary {
	float: left;
	margin: 415px 0 0;
	width: 843px;	/* KAZ: was 72% */
}
#primary.nosidebar {
	float: none;
	margin: 0 auto;
	width: 100%;
}
#content {
	margin: 0;	/* MTL: was 0 34% 0 7.6% */
}
#secondary {
	float: right;
	width: 300px;	/* KAZ: was 28% */
	margin-top: 415px;
/*	padding-left: 40px; */
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #473731;		/* KAZ* was #373737→#535353 */
	font-family: "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
		/* font: 15px -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; */	/* MTL: divided into font-family and font-size for IE debugger */
	line-height: 1.438;	/* 23px */
}
input, textarea, select {	/* MTL: added instead */
	font-size: 100%;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
}

/* Text elements */
hr, p {
	margin-bottom: 16px;
}
strong, .strong {
	font-weight: 400;	/* KAZ: en; was bold */
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}

/* Table */
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;	/* MTL: was separate */
	border-spacing: 0;
	margin-bottom: 16px;
}
tbody {
	vertical-align: top;
}

/* List */
ul {
	list-style: none;
}
ul, ol {
	margin: 0 0 16px 22px;	/* MTL: was 0 0 1.625em 2.5em */
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

/* Data list */
dl {
	margin: 0 0 1.625em;
}
dt {
	font-weight: 400;	/* KAZ: en; was bold */
}
dd {
	margin-bottom: 1.625em;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
	padding: 3px;
}
input[type=submit],
input[type=image],
input[type=button],
button {	/* MTL KAZ: added */
	cursor: pointer;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
/* a:focus, a:active, */
a.current,
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */
#branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/pattern_dark.jpg) repeat center top;
	position: relative;
	z-index: 9999;
	padding-top: 54.22%;
}
#my-top #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -491px, url(/images/top_mainvisual.jpg) no-repeat center top / cover;
}
#my-our-inn #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/our-inn_mainvisual.jpg) no-repeat center / cover;
}
#my-rooms #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/rooms_mainvisual.jpg) no-repeat center / cover;
}
#my-onsen #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/onsen_mainvisual.jpg) no-repeat center / cover;
}
#masthead {
	position: absolute;
	height: 100%;
	top: 0px;
	left: calc(50% - 585px);
}
#branding_title {
	position: absolute;
	width: 100%;
	top: 20.89%;
	left: 0;
	color: white;
	font-size: 4.84vw;	/* 62px */
	font-weight: 400;	/* KAZ: en */
	text-align: center;
	text-shadow: 0px 0px 3px black;	/* KAZ */
}
#my-top #branding_title {
	width: auto;
	top: 9.37%;
	left: 4.3%;
	font-size: 3.44vw;	/* 44px */
	text-align: left;
}
#branding_map {
	position: absolute;
	bottom: 20px;
	right: calc(50% - 585px);
}


/* =Menu
-------------------------------------------------------------- */
#headmenu {
	padding-top: 13px;
}
#headmenu ul.submenu,
#floatnav ul.submenu {
	float: right;
	height: 35px;
	margin: 0;
	line-height: 35px;
	font-size: 19px;
	font-weight: 400;	/* KAZ: en */
	display: flex;	/* 01.2023 Aki added */
}
#headmenu ul.submenu li,
#floatnav ul.submenu li {
	list-style-type: none;
}
#headmenu ul.submenu > li,
#floatnav ul.submenu > li {
	background-color: rgba(66,49,42,0.63);
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
/*	float: left;	01.2023 Aki c/o */
	margin-left: 5px;
	color: white;
}
#headmenu ul.submenu > li.reserve,
#floatnav ul.submenu > li.reserve {	/* DEC-2020 KAZ */
	background-color: rgba(224,49,42,0.63);
}
#headmenu ul.submenu > li.langmenu,
#floatnav ul.submenu > li.langmenu {
	position: relative;
}
#headmenu ul.submenu > li a,
#floatnav ul.submenu > li a {
	display: block;
	color: inherit;
}
#headmenu ul.submenu > li a:hover,
#floatnav ul.submenu > li a:hover {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
}
#headmenu ul.submenu > li.hastext a,
#floatnav ul.submenu > li.hastext a,
#headmenu ul.submenu > li .nolink,
#floatnav ul.submenu > li .nolink {
	padding: 0 16px 0 10px;
}
#headmenu ul.submenu > li.reserve a,
#floatnav ul.submenu > li.reserve a {	/* DEC-2020 KAZ */
	padding-left: 16px;
}
#headmenu ul.submenu > li.icononly a,
#floatnav ul.submenu > li.icononly a {
	width: 35px;
	text-align: center;
}
#headmenu ul.submenu > li a img,
#floatnav ul.submenu > li a img,
#headmenu ul.submenu > li .nolink img,
#floatnav ul.submenu > li .nolink img {
	vertical-align: middle;
}
#headmenu ul.submenu > li.hastext a img,
#floatnav ul.submenu > li.hastext a img,
#headmenu ul.submenu > li.hastext .nolink img,
#floatnav ul.submenu > li.hastext .nolink img {
	margin-right: 16px;
}
#headmenu ul.submenu > li:not(.langmenu) .nolink,
#floatnav ul.submenu > li:not(.langmenu) .nolink {	/* 01.2023 Aki added */
	display: block;
	background: url(/images/icon_phone.png)no-repeat center left 10px;
	padding-left: 45px;
}
#headmenu ul.submenu > li.langmenu ul,
#floatnav ul.submenu > li.langmenu ul {
	background-color: rgba(66,49,42,0.63);
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
	display: none;
	position: absolute;
	width: 100%;
	top: 35px;
	left: 0;
	z-index: 1;
	margin: 0;
	line-height: 25px;
	font-size: 16px;
	text-align: center;
}
#headmenu ul.submenu > li.langmenu:hover ul,
#floatnav ul.submenu > li.langmenu:hover ul {
	display: block;
}
#headmenu ul.submenu > li.langmenu ul li,
#floatnav ul.submenu > li.langmenu ul li {
	margin: 0;
}
#headlogo {
	position: absolute;
	left: 9px;
	bottom: -157px;
}
#my-top #headlogo {
	bottom: -170px;
}

#floatnav {
	background-color: #548aa5;
	display: none;
	position: fixed;
	width: 100%;
	min-width: 1200px;	/* KAZ */
	top: 0;
	left: 0;
	z-index: 39999;
	padding: 0 15px;
}
.admin-bar #floatnav {
	top: 32px;
}
#floatnav .wall {
	position: relative;
/*	max-width: 1170px; */
/*	min-width: 812px; */
	width: 1170px;	/* KAZ */
	height: 80px;
	margin: 0 auto;
}
#floatnav ul.submenu {
	/* See also #headmenu ul.submenu */
	margin-bottom: 5px;
}
#floatnav .logo {
	background: url(/images/logo_bg.png) no-repeat center top;
	position: absolute;
	width: 239px;
	height: 56px;		/* KAZ: was 114px */
	left: 9px;
	bottom: 0;		/* KAZ: was -58px */
	line-height: 56px;
	color: #538eae;
	font-size: 173%;	/* 16 * 173% = 27.68px */
	font-weight: 700;	/* KAZ: en */
	letter-spacing: 0.02em;	/* 0.025em in design */
	text-align: center;
}
#floatnav .logo a,
#floatnav ul.navi a {
	color: inherit;
}
#floatnav ul.navi {
	clear: right;
	float: right;
	height: 40px;
	margin: 0 -9px 0 0;
	line-height: 40px;
	color: white;
	font-size: 19px;
	font-weight: 400;	/* KAZ: en */
}
#floatnav ul.navi li {
	list-style-type: none;
	float: left;
}
/*#floatnav ul.navi li.nav-home {
 *	display: none;
 *}
 */	/* KAZ: c/o */
#floatnav ul.navi li:not(:first-child) {
	margin-left: 10px;
}
#floatnav ul.navi li a {
	display: block;
	padding: 0 9px;
}
/* Special Breakpoint: KAZ: c/o */
/*@media screen and (max-width: 858px) {
 *	#floatnav .wall {
 *		min-width: 612px;
 *	}
 *	#floatnav .logo {
 *		display: none;
 *	}
 *	#floatnav ul.navi li.nav-home {
 *		display: list-item;
 *	}
 *}
 */
#nav-menu {
	height: 150px;
	margin: 0 auto;
	padding-top: 21px;
}
#my-top #nav-menu {
	height: 163px;
	padding-top: 34px;
}
#nav-menu ul,
#nav-menu ul li {
	height: 94px;
}
#nav-menu ul {
	border-right: #948b88 1px solid;
	float: right;
	margin: 0;
	line-height: 1;
	font-size: 20px;
	font-weight: 400;	/* KAZ: en */
	text-align: center;
}
#nav-menu ul li {
	list-style-type: none;
	border-left: #948b88 1px solid;
	float: left;
	width: 118px;
}
#nav-menu ul li a {
	display: block;
	padding: 4px 0 0;
	color: #473731;
}
#nav-menu ul li a span.navtext {
	display: block;
}
#nav-menu ul li a img {
	margin-top: -14px;
}
#breadcrumbs {
	margin: 12px auto 15px;
	line-height: 1;
	font-size: 80%;		/* 16px * 94% * 80% = 12.03px */
}


/* =Content
----------------------------------------------- */
#topmain, #main {
	position: relative;
	clear: both;
	overflow: hidden;
}
#topmain {
	background: url(/images/wave-left-gray.png) no-repeat left -78px, url(/images/main_bg.jpg) repeat-x center top;
}
#main {
	background: url(/images/wave-left-gray.png) no-repeat left -91px, url(/images/main_bg.jpg) repeat-x center -70px;
}
#mainwall {
	/* MTL Mat c/o for slide show buttons like http://kobabo-s.com  overflow: hidden; */
	margin: 0 auto;
}
#mainwall section .wall {
	margin-left: auto;
	margin-right: auto;
}
.page-title {
	margin: 0 0 1em;	/* KAZ: bottom was 2.6em */
	padding: 16px 0;	/* KAZ */
/*	line-height: 2.6em; */
	font-size: 175%;	/* KAZ: was 10px; 16 * 175% = 28px */
	font-weight: 400;	/* KAZ: en; was 500 */
	letter-spacing: 0.1em;
/*	text-transform: uppercase; */
}
.page-title a {
/*	font-size: 12px; */
/*	font-weight: 400; */	/* KAZ: en; was bold */
/*	letter-spacing: 0; */
/*	text-transform: none; */
}
.hentry,
.no-results {
	position: relative;
/*	margin: 0 0 15px; */	/* KAZ: c/o */
/*	padding: 0 0 1.625em; */	/* KAZ: c/o */
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title {
	clear: both;
	color: #222;
	font-size: 25px;
	font-weight: 400;	/* KAZ: en; was bold */
	line-height: 54px;
}
.entry-title a {
	color: inherit;
	text-decoration: none;
}
.entry-title a:hover {
	color: inherit;
	text-decoration: underline;
}
.entry-title img {
	vertical-align: middle;
}
.entry-title-top {
	display: none;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: 400;	/* KAZ: en; was bold */
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
/*	margin-bottom: 20px; */	/* KAZ: c/o */
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
/*	background: #fff; WHIT 2020 Commented Out */
/*	color: #000; */	/* KAZ: c/o */
	margin: 0 0 20px;
}
.entry-content h1, .comment-content h1 {
	line-height: 50px;
	font-size: 28px;
}
.entry-content h2, .comment-content h2 {
	line-height: 1.375;	/* 44px */
	font-size: 200%;	/* 16 * 200% = 32px */
	font-weight: 400;	/* KAZ: en; was bold */
}
.entry-content h3, .comment-content h3 {
	margin: 0 0 12px;
	line-height: 1.4;	/* 28px */
	font-size: 125%;	/* 16 * 125% = 20px */
	font-weight: 400;	/* KAZ: en; was bold */
}
.entry-content h4, .comment-content h4 {
	margin: 0 0 12px;
	line-height: 1.375;	/* 22px */
	font-weight: 400;	/* KAZ: en; was bold */
}
.entry-content #s {
	width: 75%;
}
.entry-content p, .entry-content li {	/* to avoid Android's bug, see wordpress\todo.txt in MTL */
	background-color: rgba(255,255,255,0.01);
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
	padding: 0 8px;
	line-height: 1.5em;
	color: #666;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
}
#topmain .entry-meta .edit-link a {
	margin-top: -1.5em;	/* KAZ */
}
.entry-meta .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}
/* Gutenberg blocks */	/* KAZ: added */
/* Counter-styles against /wp-includes/css/dist/block-library/style.min.css */
.entry-content figure {
	margin-bottom: 45px;
}
.entry-content .wp-block-image {
	line-height: 1;	/* 08.2022 MTL Aki was 0 */
}
.entry-content .wp-block-image .alignleft {
	margin-right: 40px;
}
.entry-content .wp-block-image .alignright {
	margin-left: 40px;
}
.entry-content .wp-block-image figcaption {
	line-height: 1.5;
	color: inherit;
	font-size: 100%;
}

/* Images */
.entry-content img {	/* KAZ: added */
	max-width: 100%;
	height: auto;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	max-width: 96%;
	background: #eee;
	margin-bottom: 1em;	/* MTL: was 1.625em */
	padding: 5px 0;	/* MTL: was 9px */
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption img[class*='wp-image-'] {	/* MTL: added against img[class*='wp-image-'] */
	border: 0;
	padding: 0;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 1px;	/* MAT: was 16px; MTL was 0.6em */
	padding: 2px 0 0 5px;	/* MAT: was 5px 0 5px 5px KAZ: was 10px 0px 5px 40px */
	position: relative;
	background: transparent;	/* MAT */
	text-align: center;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
/* MTL KAZ: c/o
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/$ Add fancy borders to all WordPress-added images but not things like badges and icons and the like $/
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/$ Add some useful style to those fancy borders for linked images ... $/
	 	 /$ MTL MAT background: #eee; $/
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/$ ... including captioned images! $/
	background: #fff;
	border-color: #ddd;
}
*/

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =error404
----------------------------------------------- */
.error404 #primary #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	overflow: hidden;
	margin: 0 0 25px;
}
.error404 #primary #s {
	width: 95%;
}
#my-404 #primary {
	float: none;
	text-align: center;
	min-height: 300px;
	margin: auto;
}

/* =Navigation
-------------------------------------------------------------- */
#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
/*	line-height: 2.2em; */	/* MTL: c/o */
	color: inherit;/* Mat */
/*	font-size: 12px; */	/* MTL: c/o */
	/* Mat font-weight: bold; */
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#content #nav-single {
	width: 100%;
}

/* MTL KAZ: BEGIN */
#content div.wp-pagenavi {
	clear: both;
	text-align: center;
}
#content div.wp-pagenavi a,
#content div.wp-pagenavi span {
	display: inline-block;
	border: 0;
	min-width: 18px;
	margin: 0 5px;
	padding: 5px;
	line-height: 1;
	font-size: 18px;
}
#content div.wp-pagenavi span.current {
	font-weight: inherit;
}
#content div.wp-pagenavi a.page,
#content div.wp-pagenavi a.previouspostslink,
#content div.wp-pagenavi a.nextpostslink,
#content div.wp-pagenavi span.extend {
	color: inherit;
}
#content div.wp-pagenavi a.page,
#content div.wp-pagenavi a.previouspostslink,
#content div.wp-pagenavi a.nextpostslink {
	background-color: #d2caba;
}
#content div.wp-pagenavi a.page:hover,
#content div.wp-pagenavi a.previouspostslink:hover,
#content div.wp-pagenavi a.nextpostslink:hover,
#content div.wp-pagenavi span.current {
	background-color: #42210b;
}
#content div.wp-pagenavi a.page:hover,
#content div.wp-pagenavi a.previouspostslink:hover,
#content div.wp-pagenavi a.nextpostslink:hover,
#content div.wp-pagenavi span.current {
	color: white;
}
/* MTL KAZ: END */


/* =Widgets
----------------------------------------------- */
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 10px;
}
.widget h3.widget-title {	/* Aki */
	background-color: rgba(83, 142, 174, 0.8);
	width: 300px;
/*	height: 35px; */
	margin-bottom: 15px;
	padding: 1px 25px;	/* KAZ: was 7px 0 5px 25px */
	line-height: 1.36;	/* KAZ */
	color: white;
	font-size: 156%;	/* KAZ: 16 * 156% = 24.96px */
	font-weight: normal;
}
.widget label.screen-reader-text {	/* KAZ */
	display: none;
}
.widget ul {	/* KAZ */
	margin: 0;
	padding: 0 8px;
}
.widget ul li {	/* KAZ */
	list-style-type: none;
	margin-bottom: 1.12em;
	line-height: 1.12;	/* 19px */
	font-size: 106%;	/* 16 * 106% = 16.96px */
}
.widget ul li a {	/* KAZ */
	color: inherit;
}

/* Search Widget */
.widget_search form,
.widget_archive select {	/* KAZ */
	margin-bottom: 18px;
}
.widget_search form > div,	/* KAZ */
.widget_search #s {	/* Aki */
	width: 255px;
}
.widget_search form > div {	/* KAZ */
	position: relative;
	margin-left: 25px;
}
.widget_search #s {	/* Aki */
	border: solid 1px #0068b6;	/* KAZ: width was 2px */
	border-radius: 4px;
	height: 35px;	/* KAZ: was 37px */
	padding-right: 36px;	/* KAZ */
	line-height: 29px;	/* KAZ */
	font-size: 106%;	/* 16 * 106% = 16.96px */
}
.widget_search #searchsubmit {	/* Aki */
	background: url(/images/icon_searchblog.png) no-repeat center;
	border: 0;
	position: absolute;	/* KAZ: was relative */
	width: 36px;	/* KAZ; was 35px */
	height: 33px;	/* KAZ: was 35px */
	top: 1px;	/* KAZ: was -35px */
	right: 1px;	/* KAZ: was left: 243px */
	text-indent: -1000px;
	vertical-align: top;
}

/* Categories Widget */
.widget_categories ul {
}
.widget_categories ul li {
}

/* Recent Entries/Comments Widget */
.widget_recent_entries ul li a,
.widget_recent_comments ul li {
}
.widget_recent_entries ul li a::before,
.widget_recent_comments ul li::before {	/* KAZ */
	background: url(/images/icon_arrow_right.png) no-repeat center left / auto 1em;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -2px;
	content: '';
}

/* Archive Widget */
.widget_archive select {	/* KAZ */
	border: solid 1px #0071a9;
	width: 233px;
	height: 31px;
	line-height: 29px;
	margin-left: 33px;
	font-size: 106%;	/* 16 * 106% = 16.96px */
	text-align: center;	/* does not work */
}

/* Calendar Widget */
.widget_calendar #wp-calendar,
.widget_calendar .wp-calendar-nav {	/* KAZ */
	width: 250px;
	margin: 0 auto;
}
.widget_calendar #wp-calendar {	/* KAZ */
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td {
	text-align: center;
}
.widget_calendar #wp-calendar caption {	/* KAZ */
	padding: 0 0 20px;
	line-height: 1;
	font-size: 106%;	/* 16 * 106% = 16.96px */
	font-weight: 500;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td {	/* KAZ */
	line-height: 2;
	font-size: 88%;		/* 16 * 88% = 14.08px */
}
.widget_calendar .wp-calendar-nav {	/* KAZ */
	overflow: hidden;
}
.widget_calendar .wp-calendar-nav > span {	/* KAZ */
	display: block;
	float: left;
	width: 33%;
	padding: 10px 1em 0;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {	/* KAZ */
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next {	/* KAZ */
	text-align: right;
}
.widget_calendar .wp-calendar-nav a {	/* KAZ */
	color: inherit;
}


/* =Footer
----------------------------------------------- */
#mainwall .wp_social_bookmarking_light {
	clear: both;	/* DEC-2020 KAZ */
	margin: 0 auto !important;
}
#ft_banner {
	clear: both;
}
#ft_banner ul {
	border-top: #a8a8a8 1px solid;	/* #535353 0.5px in design */
	overflow: hidden;
	margin: 0 auto;
	padding: 48px 20px;
}
#ft_banner ul li {
	list-style-type: none;
	float: left;
	width: 214px;
	margin: 0px 13px;
}
#ft_nav_top {
	position: fixed;
	bottom: 23px;
	right: 23px;
	z-index: 250;	/* DEC-2020 KAZ: 100; One TA Widget has z-index inside. */
}
#ft_nav_top a {
	background-color: #d4d0ce;	/* rgba(66,49,42,0.23) */
	display: inline-block;
	width: 74px;
	height: 74px;
	padding: 17px 0;
	line-height: 20px;
	color: white;
	font-size: 16px;	/* FIXED */
	text-align: center;
	text-transform: uppercase;
}
#ft_nav_top a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	text-decoration: none;
}
#colophon {
	background-color: #5384a4;
	clear: both;
	margin: auto;
	color: white;
	text-align: center;
}
#ft_links {
	display: inline-block;
	padding: 47px 0 18px;	/* KAZ: top 24px in design */
	font-size: 94%;		/* 16 * 94% = 15.04px */
}
/*----- KAZ: c/o
ul#footmenu {
	display: inline-block;
	height: 27px;
	margin: 0 0 47px;
	line-height: 27px;
}
ul#footmenu a {
	color: inherit;
}
ul#footmenu li {
	list-style-type: none;
	float: left;
	margin: 0 7px;
}
ul#footmenu li a {
	display: block;
	padding: 0 0.6em;
}
-----*/
#footlogo {
	clear: both;
	margin-bottom: 30px;
}
#foot-address {
	line-height: 1.333;
}
#ft_copyright {
	line-height: 100px;
	color: white;
	font-size: 75%;		/* 16 * 75% = 12px */
}


/* MTL: common entries
-------------------------------------------------------------- */
.left {
	text-align: left;
	display: block;	/* 2016 Mat added these. If you use these for table, list, etc. and can't cover by the following td.right .., please override these invidually. */
}
.center {
	text-align: center;
	display: block;
}
.right {
	text-align: right;
	display: block;
}
td.right, th.right, td.center, th.center, td.left, th.left {
	display: table-cell;
}
li.right, li.right, li.center {
	display: list-item
}
.middle {
	vertical-align: middle;
}
.imgonly {
	line-height: 0;
}
.imgonly a,
a.imgonly {
	display: inline-block;
}
.bold {
	font-weight: 400;	/* KAZ: en; was bold */
}
.clear {
	clear: both;
}
a.current img, .transbtn:hover, a:hover img {	/* 2016 Mat added a:hover img and notransbtn */
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.notransbtn:hover, a:hover img.notransbtn, #headlogo a:hover img, #ft_links a:hover img {	/* KAZ: DEC-2017: added a:hover img.notransbtn */
	opacity: 1;	/* was initial */
	filter: none;	/* was initial */
}
.ios .transbtn:hover {
/* iOS 8.4.1 で :hover に opacity が指定してあると 2 回タップしないとリンク先に飛ばない。script.js でユーザーエージェントを見て body に class="ios" を追加。 */
	opacity: 1;
	filter: none;
}
.nomargin {	/* 2016 Mat added */
	margin: 0 !important;
}
.topbottommargin {	/* 2019 Mat added (copied from azumino's site) to .nobottommargin */
	margin: 20px auto !important;
}
.topmargin {
	margin-top: 60px !important;
}
.topmarginbig {
	margin-top: 80px !important;
}
.notopmargin {
	margin-top: 0 !important;
}
.bottommargin {
	margin-bottom: 20px !important;
}
.bottommarginbig {
	margin-bottom: 60px !important;
}
.nobottommargin {
	margin-bottom: 0 !important;
}
.onlymarginright{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}
.onlymarginleft{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}
.nopadding {
	padding: 0 !important;
}
.noborder {
	border: 0px !important;
}
.border {	/* 2019 Mat added */
	border: 1px solid gray;
}
.noclear {
	clear: none !important;
}
.nobackground {
	background: transparent none !important;
}
.sponly {	/* スマホ専用のコンテンツ */
	display: none;
}


/* Blog Page Components	08.2020 AKI add
----------------------------------------------- */
/*#my-blog header.page-header .page-title {
 *	display: none;
 *}
 */	/* KAZ: c/o for category/date archives */
/* KAZ: added #my-search to the followings */
#my-blog #branding,
#my-search #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/blog_mainvisual.jpg) no-repeat center / cover
}
#my-blog #branding_title,
#my-search #branding_title {	/* 05.2021 Aki */
	text-shadow: 0px 0px 10px black;
}
#my-blog #main,
#my-search #main {
	background: url(/images/wave-left-gray.png) no-repeat left -91px, url(/images/main_bg.jpg) repeat-x center -70px, url(/images/blog_headerimage.jpg) no-repeat center top 150px, url(/images/content_bg.png) repeat-x center top 508px;
}
#my-blog .hentry,
#my-search .hentry,
.no-results {
	background: url(/images/bg_blog_top.png) no-repeat top center /100% auto, url(/images/bg_blog_bottom.png) no-repeat bottom center /100% auto, url(/images/bg_blog_center.png) repeat-y center top / 100% auto;	/* 05.2021 Aki */
	padding: 50px;
	margin-bottom: 80px;
	box-shadow: 3px 3px 2px rgb(0 0 0 / 60%);	/* 05.2021 Aki */
}
#my-blog .entry-header,
#my-search .entry-header {	/* KAZ */
	position: relative;
	margin-bottom: 18px;
}
#my-blog h2.entry-title,
#my-search h2.entry-title {
	margin-bottom: 12px;	/* KAZ */
	padding-left: 97px;	/* KAZ */
	line-height: 1.321;	/* KAZ: 37px */
	font-size: 175%;	/* 16 * 175% = 28px */
}
#my-blog h2.entry-title:before,
#my-search h2.entry-title:before {
	float: left;	/* KAZ */
/*	width: 83px; */
/*	height: 66px; */
	margin-left: -97px;	/* KAZ */
	vertical-align: top;
	content: url(/images/blog_kame.png);
}
#my-blog .category,
#my-search .category {	/* KAZ */
	line-height: 1.5;
}
#my-blog .blogdate,
#my-search .blogdate {
	background-color: #538eae;
	border: solid 1px #FFFFFF;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	display: inline-block;
	position: absolute;	/* KAZ: moved from spstyle */
/*	float: right; */
/*	width: 135px; */
	bottom: 0;	/* KAZ: moved from spstyle */
	right: 0;	/* KAZ: moved from spstyle */
	padding: 0 1em;	/* KAZ */
	color: white;
	text-align: center;
}
#my-blog .entry-content,
#my-search .entry-content {	/* KAZ */
	line-height: 1.737;	/* 33px */
	font-size: 119%;	/* 16 * 119% = 19.04px */
}
#my-blog .entry-content img,
#my-search .entry-content img {
/*	width: 100%; */	/* was 300px */
/*	float: right; JAN.2021 Aki */
}


/* Front Page Components
----------------------------------------------- */
#top_intro {
}
#top_intro .wall {
/*	overflow: hidden; */	/* dare not use this for padding-bottom */
	padding: 25px 0 55px;	/* KAZ: was -bottom: 50px */
}
#top_intro .contents {
	float: left;
	width: 460px;
	padding-top: 5px;	/* KAZ */
	padding-left: 16px;	/* KAZ */
	letter-spacing: 0.05em;	/* KAZ */
}
#top_intro h2 {
	margin-bottom: 38px;	/* KAZ */
	line-height: 1.495;	/* 39px */	/* KAZ */
	color: #473731;		/* KAZ */
	font-size: 163%;	/* 16 * 163% = 26.08px */
}
#top_intro p.descr {
	margin-bottom: 1.6em;	/* 29px */	/* KAZ */
	line-height: 1.604;	/* 29px */	/* KAZ */
	font-size: 113%;	/* 16 * 113% = 18.08px */
}
#top_intro .onsen-pic {
	margin-left: 468px;
	margin-right: -55px;
	position: relative;	/* 10.2022 Aki added */
}
#top_intro .onsen-pic .caption {	/* 10.2022 Aki added */
	display: block;
	position: absolute;
	right: 0;
	bottom: 7px;
	color: white;
	background: rgba(84,138,165,0.8);
	padding: 0 10px;
}
#top_mainmenu {
	background-color: rgba(84,138,165,0.45);
	clear: both;
}
#top_mainmenu .wall {
	padding: 38px 0;
}
#top_mainmenu ul {
	overflow: hidden;
	margin: 0;
}
#top_mainmenu ul li {
	list-style-type: none;
	background-color: white;
	float: left;
	width: 264px;
	height: 455px;	/* 10.2022 Aki was 374px */
	text-align: center;
}
#top_mainmenu ul li:not(:first-child) {
	margin-left: 38px;
}
#top_mainmenu ul li a,
#top_mainmenu ul li a span {
	display: block;
}
#top_mainmenu ul li a {
	color: inherit;
}
#top_mainmenu ul li a span.heading {
	margin: 15px 0px;
	color: #473731;		/* KAZ */
	font-size: 163%;	/* 16 * 163% = 26.08px */
	font-weight: 400;	/* KAZ: en */
}
#top_reservation {
	background: url(/images/wave-topright-blue.png) no-repeat right -174px, url(/images/pattern_pale.jpg) repeat center top;
}
#topmain #mainwall #top_reservation .wall,
#topmain #mainwall #top_feeds .wall {
	width: 1000px;
}
#top_reservation .wall {
	overflow: hidden;
	padding: 68px 0 38px;
}
#top_reservation .plans {
	float: left;
	width: 720px;
}
#top_reservation .plans h2,
#top_reservation .tripadvisor h2 {
	color: white;
	font-size: 163%;	/* 16 * 163% = 26.08px */
	font-weight: 400;	/* KAZ: en */
}
#top_reservation .plans h2 {
	background-color: rgba(84,138,165,0.7);
	margin-bottom: 38px;
	padding: 0 36px;
	line-height: 52px;
}
#top_reservation .plans h2 a,	/* ChkHTML */
#top_feeds .facebook h2 a,	/* ChkHTML */
#top_feeds .blogs h2 a {
	color: inherit;
}
#top_reservation .plans h2 a {	/* ChkHTML */
	display: block;
}
#top_reservation .plans ul {
	margin: 0 0 16px;
}
#top_reservation .plans ul li {
	list-style-type: none;
	border-bottom: #a8a8a8 1px solid;	/* #535353 0.5px in design */
	overflow: hidden;
	padding: 17px 25px 17px 35px;
}
#top_reservation .plans ul li > a,
#top_reservation .plans ul li > span {
	display: block;
}
#top_reservation .plans ul li a.photo {
	float: left;
	width: 179px;
}
#top_reservation .plans ul li a.photo img {
	width: 100%;
}
#top_reservation .plans ul li a.title,
#top_reservation .plans ul li span.summary {
	margin-left: 204px;
}
#top_reservation .plans ul li a.title {
	margin-bottom: 12px;	/* margin: 10px 0 21px 204px in design */
	line-height: 1.5;	/* 30px */
	color: inherit;
	font-size: 125%;	/* 16 * 125% = 20px */
	font-weight: 400;	/* KAZ: en */
}
#top_reservation .plans ul li span.summary {
	line-height: 1.33;	/* 20px */
	font-size: 94%;		/* 16 * 94% = 15.04px */
}
#top_reservation .plans .more_line,
#top_feeds .blogs .more_line {	/* ChkHTML */
	line-height: 1.5;	/* 30px */
	font-size: 125%;	/* 16 * 125% = 20px */
	font-weight: 400;	/* KAZ: en */
	text-align: center;
}
#top_reservation .plans .more_line a,
#top_feeds .blogs .more_line a {	/* ChkHTML */
	color: inherit;
}
#top_reservation .tripadvisor {
	margin-left: 760px;
}
#top_reservation .tripadvisor h2 {
	background-color: rgba(217,179,0,0.62);
	clear: none;
	margin-bottom: 40px;
	padding: 13px 10px 14px;
	line-height: 1.067;
	text-align: center;
}
#top_reservation .tripadvisor h2 img {
	margin-bottom: 5px;
}
#top_reservation .tripadvisor h2 span.upper {
	font-size: 130%;	/* 16 * 163% * 130% = 33.90px */
	text-transform: uppercase;
}
#top_reservation .tripadvisor .widget {
	background-color: white;
	clear: none;	/* JUN-2021 KAZ */
	padding-top: 20px;
}
#top_reservation .tripadvisor .widget .TA_tchotel,
#top_reservation .tripadvisor .widget .TA_certificateOfExcellence {
	line-height: 0;
}
#top_reservation .tripadvisor .widget .TA_tchotel {
	margin-bottom: 12px;
}
#top_reservation .tripadvisor .widget .TA_tchotel > div,
#top_reservation .tripadvisor .widget .TA_certificateOfExcellence > div {
	box-sizing: content-box;
	margin: 0 auto;
}
#top_feeds {
	border-top: #548aa5 7px solid;
}
#top_feeds .wall {
	overflow: hidden;
	padding: 58px 0 76px;
}
#top_feeds .facebook {
	float: left;
	width: 450px;
}
#top_feeds .facebook h2,
#top_feeds .blogs h2 {
	margin-bottom: 20px;
	color: #538eae;
	font-size: 156%;	/* 16 * 156% = 24.96px */
	font-weight: 400;	/* KAZ: en */
}
#top_feeds .facebook h2 {
}
#top_feeds .facebook .widget {
}
#top_feeds .blogs {
	margin-left: 550px;
}
#top_feeds .blogs h2 {
	clear: none;
}
#top_feeds .blogs ul {
	margin: 0 0 16px;	/* ChkHTML */
}
#top_feeds .blogs ul li {
	list-style-type: none;
	border-bottom: #a8a8a8 1px solid;	/* ChkHTML; #535353 0.5px in design */
	overflow: hidden;
	padding: 16px 0;	/* 16px 0 13px */
}
/* #top_feeds .blogs ul li:not(:first-child) {
 *	border-top: #a8a8a8 1px solid;	/$ #535353 0.5px in design $/
 *}
 */	/* ChkHTML: c/o */
#top_feeds .blogs ul li a.photo {
	display: inline-block;
	float: left;
	width: 131px;
	margin-right: 20px;
}
#top_feeds .blogs ul li a.photo img {
	max-width: 100%;
}
#top_feeds .blogs ul li span.date {
	margin-bottom: 7px;
	line-height: 1.333;	/* 16px */
	font-size: 75%;		/* 16 * 75% = 12px */
}
#top_feeds .blogs ul li a.title {
	line-height: 1.688;	/* 27px */
	color: inherit;
	font-weight: 400;	/* KAZ: en */
}


/* Fixed Page Components
----------------------------------------------- */
/* 共通 */
.image_switch_group {
	width: 1130px;
	margin: 0 auto;
}
.image_switch_wrapper {
	position: relative;
	height: 778px;	/* 748px in design */
}
#image_switch_group1 .image_switch_wrapper {
	height: 808px;
}
.image_switch {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -9999;
}
.image_switch:first-child {
	z-index: 200;
}
.image_switch_img_wrapper {
	position: relative;
	height: 638px;
}
.image_switch_img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -9999;
}
.image_switch_img img {
	height: 638px;
    width: 1138px;
    object-fit: cover;
}
.image_switch_img:first-child {
	z-index: 100;
}
.image_switch_img span.nophoto {
	background-color: #473731;
	display: inline-block;
	width: 100%;
	line-height: 638px;
	color: white;
	font-size: 500%;
	text-align: center;
}
.image_switch_thumb_wrapper {
	position: absolute;
	top: 515px;
	left: 36px;
	z-index: 150;
}
.image_switch_thumb {
	-moz-box-shadow: 7px 7px 5px 0 rgba(0,0,0,0.75);
	-webkit-box-shadow: 7px 7px 5px 0 rgba(0,0,0,0.75);
	box-shadow: 7px 7px 5px 0 rgba(0,0,0,0.75);
	display: inline-block;
	width: 96px;
	height: 96px;
	margin-right: 17px;
}
.image_switch_thumb img {
	height: 100%;
	cursor: pointer;
}
.image_switch_thumb.current {
	display: none;
}
.image_switch .function-rooms {
	position: absolute;
	width: 700px;
	top: 515px;
	left: 400px;
	z-index: 150;
}
.image_switch .function-rooms ul {
	background-color: rgba(217,242,255,0.7);	/* KAZ */
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);	/* KAZ */
	display: flex;
	flex-wrap: wrap;
	margin: 0;	/* KAZ */
	padding: 0 10px;	/* KAZ */
	line-height: 48px;	/* KAZ */
	color: #000;
	font-size: 16px;	/* KAZ */
}
.image_switch .function-rooms ul li {
	list-style-type: none;
	float: left;
	padding: 0 10px;	/* KAZ */
}
.image_switch .function-rooms ul li img {
	width: 30px;
	margin-right: 12px;	/* KAZ: was 35px */
	vertical-align: middle;
}
.image_switch .function-rooms ul li .en_personfits{
	display: none;
}
.image_switch .name {
	color: black;
	font-size: 213%;	/* 16 * 213% = 34.08px */
	font-weight: 400;	/* KAZ: en */
}
.image_switch .descr {
	font-size: 131%;	/* 16 * 131% = 20.96px */
}
.image_switch_group_thumb_wrapper {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-orient: inline-axis;
	-webkit-box-orient: inline-axis;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-lines: multiple;
	flex-wrap: wrap;
	margin: 0 -14px;
}
.image_switch_group_thumb {
	position: relative;
	width: 358px;
	margin: 20px 14px 30px;
}
.image_switch_group_thumb.current {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.image_switch_group_thumb span {
	display: block;
}
.image_switch_group_thumb span.photo {
}
.image_switch_group_thumb span.photo img {
/*	width: 100%; */
	width: 358px;
	height: 201px;
	object-fit: cover;
	cursor: pointer;
}
.image_switch_group_thumb span.nophoto {
	background-color: #473731;
	display: inline-block;
	width: 100%;
	height: 202px;
}
.image_switch_group_thumb span.name {
	position: absolute;
	top: 50%;
	left: 50%;
	color: white;
	font-size: 213%;	/* 16 * 213% = 34.08px */
	font-weight: 400;	/* KAZ: en */
	text-align: center;
	text-shadow: 5px 5px 6px #8a8a8a;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	cursor: pointer;	/* 06.2021 Aki */
	width: 100%;	/* 01.2023 Aki added */
}
.image_switch_group_thumb span.name span.ttlonly {	/* 01.2023 Aki added */
	display: none;
}
.image_switch_group_thumb span.name span.ja {
	font-size: 88%;		/* 16 * 213% * 88% = 29.99px */
	font-weight: normal;
}
.image_switch_group_thumb span.name span.sub_text {	/* 12.2022 Aki added */
	font-size: 53.3%;	/* 30px→16px */
}
.image_switch_group_thumb span.name span.sub_text:empty {	/* 01.2023 Aki added */
	display: none;
}


/* Our Inn */
#ourinn-intro {
	background: url(/images/wave-left-gray.png) no-repeat left -241px, url(/images/wave-right-gray.png) no-repeat right -126px bottom 131px, url(/images/content_bg.png) repeat-x center top;	/* KAZ */
	position: relative;
	clear: both;
	line-height: 1.227;	/* 32px */	/* KAZ */
	font-size: 163%;	/* 16 * 163% = 26.08px */
	letter-spacing: 0.05em;	/* KAZ */
}
#ourinn-intro .wall {
	border-top: #46210c 1px solid;
	padding-bottom: 74px;	/* KAZ */
}
#ourinn-intro .right-pic,
#ourinn-intro .left-pic {
	display: inline-block;
	clear: both;
	width: 500px;
}
/*#ourinn-intro .right-pic {
	float: right;
}
#ourinn-intro .left-pic {
	float: left;
}
#ourinn-intro .left-para,
#ourinn-intro .right-para {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	/* KAZ 
	-moz-box-orient: block-axis;
	-webkit-box-orient: block-axis;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;	/* KAZ 
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;	/* KAZ 
	height: 400px;
}
#ourinn-intro .left-para {
/*	float: left; 
	margin-right: 526px;	/* was 559px 
/*	padding-top: 155px; 
	padding-left: 59px;	/* was 50px 
}
#ourinn-intro .right-para {
/*	float: right; 
	margin-left: 559px;
/*	padding-top: 155px; 
	padding-right: 13px	/* was 50px
}
01.2023 Aki c/o */
#ourinn-intro .intro-last {
	clear: both;
	padding-top: 70px;	/* 01.2023 Aki added */
/*	margin-top: 70px;	/* was 30px 01.2023 Aki c/o */
/*	margin-bottom: 60px; */
	text-align: center;
}

/* 01.2023 Aki added */
#ourinn-intro .wrap .left-pic,
#ourinn-intro .wrap .right-pic {
	float: none;
}
#ourinn-intro .wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
#ourinn-intro .wrap .descr,
#ourinn-intro .wrap.left-pic .imgonly {
	display: inherit;
}
#ourinn-intro .wrap .descr {
	width: 500px;
	padding-right: 26px;
	margin: 0;
}
#ourinn-intro .wrap.left-pic .imgonly {
	order: 1;
}
#ourinn-intro .wrap.left-pic .descr {
	order: 2;
	padding-left: 59px;
}


#ourinn-explain {
	background: rgba(84,138,165,0.83) url(/images/wave-bottomright-blue.png) no-repeat right bottom;
	position: relative;
	color: white;
}
#ourinn-explain .wall {
/*	height: 700px; */
/*	padding-top: 40px; */
	padding: 37px 30px 52px;	/* KAZ */
}
#ourinn-explain h2 {
	background: url(/images/logomark_bicolor.png) no-repeat left top;
	margin-bottom: 28px;	/* KAZ */
	line-height: 193px;	/* KAZ */
	font-size: 389%;	/* 16 * 389% = 62.24px */
	text-align: center;
}
#ourinn-explain .explain-para {
	margin-bottom: 1.53em;	/* 40px */	/* KAZ */
	line-height: 1.534;	/* 40px */	/* KAZ */
	font-size: 163%;	/* 16 * 163% = 26.08px */
	letter-spacing: 0.05em;	/* KAZ */
	text-align: justify;
}
#ourinn-facilities {
	background: url(/images/pattern_pale.jpg) repeat center top;
	position: relative;
}
#ourinn-facilities .wall {
	padding: 70px 0 34px;	/* KAZ */
}
#ourinn-facilities h2 {
	margin-bottom: 54px;	/* KAZ */
	color: #5388a8;
	font-size: 389%;	/* 16 * 389% = 62.24px */
	text-align: center;
}
#ourinn-facilities .slider_wrapper {
	position: relative;
	margin: 0 -7px;
}
#ourinn-facilities .slider_container,
#ourinn-facilities ul.slider,
#ourinn-facilities ul.slider li {
	height: 700px;		/* DEC-2020 KAZ: was 694px / 12.2022 AKi was 875px */
}
#ourinn-facilities .slider_container {
	position: relative;
	overflow: hidden;
}
#ourinn-facilities ul.slider {
	position: absolute;
	width: 3380px;
	top: 0px;
	left: 0px;
	margin: 0;
}
#ourinn-facilities ul.slider li {
	list-style-type: none;
	float: left;
	width: 338px;
	padding: 0 7px;
}
#ourinn-facilities ul.slider li .photo {
	margin-bottom: 1.5em;	/* DEC-2020 KAZ: was 40px */
}
#ourinn-facilities ul.slider li .photo img {
	width: 100%;
}
#ourinn-facilities ul.slider li h3 {
	position: relative;	/* DEC-2020 KAZ: added */
	min-height: 3em;
	margin-bottom: 1em;	/* DEC-2020 KAZ: was 39px */
	line-height: 1.5;
	text-align: center;
	text-decoration: underline;
}
#ourinn-facilities ul.slider li h3 span.inner {	/* DEC-2020 KAZ: added */
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
#ourinn-facilities ul.slider li .descr {
	padding: 0 8px;
/*	font-size: 88%; */	/* DEC-2020 KAZ: c/o; 16 * 88% = 14.08px */
	letter-spacing: 0.05em;
	text-align: justify;
}
#ourinn-facilities .slider_nav {
	position: relative;
}
#ourinn-facilities .slider_nav a {
	display: block;
	position: absolute;
	top: -566px;
	z-index: 9999;
	line-height: 0;
}
#ourinn-facilities .slider_nav a.slider_prev {
	left: -33px;
}
#ourinn-facilities .slider_nav a.slider_next {
	right: -33px;
}
#ourinn-facilities .slider_nav a img {
	width: 25px;
}
#ourinn-foryourstay {
	clear: both;
/*	padding-top: 110px; */	/* in design */
}
/*#ourinn-foryourstay::before {
 *	border-top: #46210c 7px solid;
 *	display: block;
 *	width: 514px;
 *	height: 0;
 *	margin: 0 auto;
 *	content: '';
 *}
 */	/* in design */
#ourinn-foryourstay .wall {
	padding: 40px 0;	/* 12.2022 Aki was 90px 0 */
	line-height: 1.5;
}
#ourinn-foryourstay h2 {
	margin-bottom: 28px;
	font-size: 150%;	/* 16 * 150% = 24px */
	font-weight: 700;	/* KAZ: en */
}
#ourinn-foryourstay ul.dashed {
	margin: 0;
	font-size: 150%;	/* 16 * 150% = 24px */
}
#ourinn-foryourstay ul.dashed li {
	list-style-type: none;
	padding-left: 1em;
}
#ourinn-foryourstay ul.dashed > li::before {
	margin-left: -1em;
	content: '- ';
}

/* 共通 */
#my-rooms .entry-content {
	background: url(/images/wave-left-gray.png) no-repeat left -241px, url(/images/content_bg.png) repeat-x center top;
}
h1.anchor {
	display: block;
	padding-top: 120px;
	margin-top: -120px;
}
/* Rooms */
#my-rooms #main #mainwall section .wall {
	width: 1180px;
}
#my-rooms section {
	width: 100%;
	margin: 0 auto 35px;
}
#my-rooms section.intro_message {	/* 10.2022 Aki added */
	overflow: hidden;
}
#search-bar {
	width: 1180px;
	height: 122px;
	left: 28%;
	display: inline-block;
	position: relative;
	top: 10px;
	left: 50%;
	transform: translatex(-50%);
	background-color: rgb(84, 136, 163, 0.5);
	padding: 20px 0 0 170px;
}
#search-bar form {
	float: left;
	margin-right: 10px;
}
#search-bar form input[type=text] {
	border: solid 1px;
	border-radius: 3px;
}
.search-button {
	width: 244px;
	height: 49.5px;
	position: absolute;
	background-image: url(/images/search-bg.png);
	background-repeat: no-repeat;
	right: 10%;
	top: 28%;
	font-size: 21px;
	font-family: Helvetica;
	color: white;
	text-align: center;
	line-height: 49.5px;
}
#my-rooms .intro_message .wall {
	padding-top: 30px;	/* KAZ */
}
#rooms-contents {
	display: inline-block;
	width: 380px;		/* KAZ: was 370px */
	line-height: 2em;	/* 10.2022 Aki was 1.3em */
	font-size: 125%;
}
.rooms-contents-pic {
	float: right;
}
.letter_hed {
	float: left;
}
.menu_rooms {
	font-size: 125%;
	height: 140px;
	/* margin-top: 50px; */
	margin-top: 80px;
}
.menu_rooms .menu_backpacker {
	width: 100%;
	height: 175px;
	text-align: right;
	line-height: 300px;
	background-color: #5488A3;
	padding-right: 20px;
}
.menu_rooms .menu_backpacker img {
	vertical-align: text-bottom;
}
.menu_rooms .menu_backpacker a {
	color: #473731;
}
.menu_rooms ul {
	list-style: none;
	overflow: hidden;
	position: relative;
	top: -225px;
}
.menu_rooms ul li {
	float: left;
	display: inline-block;
	width: 355px;
	height: 150px;
	text-align: center;
	background: url(/images/icon_arrow_down.png) no-repeat #EAE3CF;
	background-position-x: 230px;
	background-position-y: 110px;
	margin-right: 35px;
	border-top-left-radius: 10px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 30px;
	padding: 15px 0 0 20px;
	/* margin-top: 20px; */
}
.menu_rooms ul li:nth-child(3) {
	margin: 0;
	/* margin-top: 20px; */
}
.menu_rooms ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #473731;
}
.menu_rooms ul li img {
	width: 120px;
	height: 120px;
	float: left;
}
section.detail_rooms {
	background: url(/images/wave-right-gray.png) no-repeat right -126px bottom 131px, url(/images/content_bg.png) repeat-x center top;
	padding: 40px 0 0;
}
section.detail_rooms h2 {
	line-height: 50px;
	font-size: 212.5%;
	text-align: center;
}
section.detail_rooms h2:before,
section.detail_rooms h2:after {
	background-color: #53809C;
	display: inline-block;
	width: 183px;
	height: 5px;
	margin: 0 20px;
	content: '';
	vertical-align: middle;
}
section.detail_rooms h3 {
	margin-top: 10px;
	line-height: 0.6;
	font-size: 36px;
}
section.detail_rooms p {
	line-height: 1.3;
	font-size: 21px;
	text-align: left;
	margin: 0;
}
section.detail_rooms ul {
}
section.detail_rooms ul li {
	list-style-type: none;
}
section#backpacker {
	background: url(/images/content_bg.png) repeat-x center top;
	overflow: hidden;
	height: 325px;	/* 01.2023 Aki was 525px */
	margin: 0 auto;
}
section#backpacker .pic_space {
}
section#backpacker .pic_space img {
	box-shadow: 5px 5px 5px;
	float: left;
}
section#backpacker .contents_space {
}
section#backpacker .backpacker-contents {
	font-size: 143.8%;
	margin-left: 345px;
}
section#backpacker ul {
}
section#backpacker ul#phone_mail {
	width: 330px;
	margin-top: 0;	/* 01.2023 Aki was 60px */
	margin-left: 200px;	/* 01.2023 Aki was 345px */
}
section#backpacker ul#fb_insta {
	position: relative;
	top: -195px;
	margin-left: 600px;	/* 01.2023 Aki was 725px */
}
section#backpacker ul li {
	margin: 0;
	padding: 0;
	color: white;	/* KAZ */
}
section#backpacker ul#phone_mail li {
	padding: 0 0 20px;
}
section#backpacker ul#phone_mail li a {
	border-radius: 3px;
	display: inline-block;
	width: 330px;
	color: inherit;
	font-weight: 600;
}
section#backpacker ul#phone_mail li a#rooms_phone {
	background: rgba(83,137,169,0.5) url(/images/icon_phone2x.png) no-repeat 10px / 12%;
	height: 60px;
	padding-left: 75px;
	line-height: 60px;
	font-size: 28px;	/* 10.2022 Aki was 32px */
}
section#backpacker ul#phone_mail li a#rooms_contact {
	background: rgba(83,137,169,0.5) url(/images/icon_mail2x.png) no-repeat 25px / 17%;
	height: 90px;
	padding-left: 125px;
	line-height: 90px;
	font-size: 28px;	/* 10.2022 Aki was 48px */
}
section#backpacker ul#fb_insta li {
	background: rgba(83,137,169,0.5);
	border-radius: 3px;
	display: inline-block;
	float: left;
	width: 160px;
	height: 160px;
	margin-right: 40px;
}
section#backpacker ul#fb_insta li#rooms_facebook,
section#backpacker ul#fb_insta li#rooms_instagram {
}
section#backpacker ul#fb_insta li#rooms_facebook img {
	position: relative;
	width: 40px;
	height: 90px;
	top: 20%;
	left: 35%;
}
section#backpacker ul#fb_insta li#rooms_instagram img {
	position: relative;
	width: 75px;
	height: 75px;
	top: 25%;
	left: 25%;
}
#amenities-box {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	background: #5488A3;
	padding: 20px;
	margin-left: 75px;
	width: 277px;
	height: 80px;
	text-align: center;
	font-size: 34px;
	color: white;
	margin-top: -80px;	/* 01.2023 Aki added */
}
#amenities {
	background-color: #5488A3;
}
#amenities ul {
	list-style-type: none;
	padding: 50px 0 70px;
	color: white;
	font-size: 23px;
	text-align: left;
}
#amenities ul > li {
	text-indent: -5px;
	margin-top: 30px;
}
#amenities ul > li:before {
	content: "- ";
	text-indent: -5px;
}

/* Onsen  */
#my-onsen .entry-content {
	background: url(/images/two-color-bg02.png) repeat-x;
}
#onsen-intro {
	font-size: 26px;
	display: block;
	margin: 55px 0;
}
#onsen-types {
	text-align: center;
	font-size: 24px;
	width: 1300px;/* was 121% AKIfixed*/
	margin: auto;
	height: 375px;
	margin-top: -10px;
	/*background-color: #5488A3;*/
}
section#intro {
	overflow: hidden;
}
#onsen-types ul {
	list-style-type: none;
	float: left;
	overflow: hidden;
	display: inline-block;
	text-align: center;
}
#onsen-types ul li {
	display: inline-block;
	width: 355px;
	height: 150px;
	text-align: center;
	background: url(/images/icon_arrow_down.png) no-repeat #F3E6D9;
	background-position-x: 230px;
	background-position-y: 115px;	/* 05.2021 Aki was 110px */
	margin-right: 35px;
	margin-bottom: 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 30px;
	padding: 15px 0 0 20px;
	vertical-align: bottom;
	box-shadow: 5px 5px 10px;
	position:relative;
}
#onsen-types ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #473731;
}
#onsen-types ul li img {
	float: left;
	padding-left: 23px;
}
section#onsen-properties {
	background: url(/images/wave-left-gray.png) no-repeat top -150px left, url(/images/wave-right-gray.png) no-repeat right;
}
#onsen-table table {
	border-collapse: separate;
	border-spacing: 0px 45px;
	margin-bottom: 16px;
	font-size: 28px;
	margin-top: 50px;
}
#onsen-table table th {
	padding: 0px 40px 0px 40px;
	text-align: center;
	border-bottom: 2px solid #38A5E3;
	background-color: #A9C4CF;
}
#onsen-table table td {
	padding-left: 40px;
	text-align: left;
	border-bottom: 2px solid #38A5E3;
}

#onsen-properties h2 {
	border-bottom: #46210c 7px solid;
	display: block;
	width: 514px;
	margin: 0 auto;
	content: '';
	text-align: center;
}
section#onsen-details {
	margin-top: 50px;
}
section.detail_onsen {
	padding: 40px 0;
}
.detail_onsen:nth-child(even) {
	background: url(/images/wave-right-gray.png) no-repeat right -126px bottom 131px, url(/images/bg_cuisine_pattern.png) center top /cover;
}
section.detail_onsen h3 {
	font-size: 212.5%;
	position: relative;
/*	display: inline-block; 06.2021 Aki */
	text-align: center;	/* 06.2021 Aki */
}
section.detail_onsen h3 text {

}
section.detail_onsen h3:before,
section.detail_onsen h3:after {
	content:'';
	display: inline-block;
	width: 120px;
	height: 5px;
	background-color: #53809C;
	margin: 0 20px;
	vertical-align: middle;
}
section.detail_onsen img {
	position: relative;
	margin-bottom: 30px;
	width: 1000px;
    height: 564px;
    object-fit: cover;
}
section.detail_onsen h2 {
	line-height: 0.25;
	font-size: 36px;
	margin-top: 10px;
}
section.detail_onsen p {
/*	line-height: 1.0; 06.2021 Aki */
	font-size: 21px;
	text-align: left;
}
#onsen-about {
	background: url(/images/kamesei-logo-grey.png) left 20% top 110px no-repeat, url(/images/wave-left-gray.png) no-repeat bottom -420px left, url(/images/bg_cuisine_pattern.png) center top /cover;
	padding: 60px 0 45px;
	font-size: 20px;
}
#onsen-about h2 {
	margin-bottom: 54px;
	color: #5388a8;
	font-size: 62px;
	text-align: center;
}
#onsen-about img {
	display: block;
	margin: auto;
	margin-bottom: 45px;
}
.menu_rooms .sponly {/* AKI add*/
	display: none;
}

/* Cusine 08.2020 AKI add  */
#my-cuisine #main #mainwall section .wall {
	width: 1180px;
}
#my-cuisine #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/cuisine_mainvisual.jpg) no-repeat center top /cover;
}

#cuisine-intro,
#diner {
	overflow: hidden;
	font-size: 26px;
	background: url(/images/bg_cuisine_pattern.png) top center /cover;
	padding: 60px 0 35px;
}
#cuisine-intro img#chef {
	width: 315px;
	height: 315px;
	float: left;
	margin: 0 30px 0 0;
}
#my-cuisine #point_flower {
	position: relative;
}
#my-cuisine #flower {
	position: absolute;
	width: 240px;
	height: auto;
	top: -170px;
	left: 50%; /* 05.2021 Aki was 920px*/
	transform: translatex(-50%) translatex(+400px);	/* 05.2021 Aki */
}
#my-cuisine .img_obi {
	height: 130px;
	background: url(/images/img_cuisine0.jpg) repeat-x;
/*	margin: -130px 0 95px; */
}
#my-cuisine .img_obi img {
	margin: 0;
}
#diner {
	background: url(/images/wave-right-gray.png) no-repeat right -200px bottom -200px ,url(/images/bg_cuisine_pattern.png) top center /cover;
	padding: 30px 0 80px;
}
#diner .wall {
	overflow: hidden;
}
#diner h2{
	font-size: 39px;
	text-align: center;
}
#diner h2:before,
#diner h2:after {
	content: '';
	display: inline-block;
	width: 115px;
	height: 5px;
	background-color: #53809C;
	margin: 0 100px 0 0;
	vertical-align: middle;
}
#diner h2:after {
	margin: 0 0 0 100px;
}
#diner p {

}
#diner .text {
	font-size: 26px;
}
#diner .pic {
	width: 345px;
	float: left;
	text-align: center;
	margin: 0 20px;
}
#diner .pic img {
	width: 100%;
	border: solid 8px white;
	box-sizing: content-box;
	box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.35);

}
#diner .pic .cap_pic {
	display: inline-block;
	width: 345px;
	font-size: 20px;
}
#diner .pic .cap_pic:before {
	content: url(/images/icon_arrow_up.png);
	margin-right: 15px;
}
#dinermenu {
	font-size: 26px;
	padding: 55px 0 150px;
	background: url(/images/wave-right-gray.png) no-repeat right -200px top -410px, url(/images/wave-left-gray.png) no-repeat left 250px;
}
#dinermenu .also_wrap {
	width: 590px;
	height: auto;
	float: left;
}
#dinermenu .option_wrap {
	width: 590px;
	height: 400px;
	background: url(/images/img_cuisine3.png) no-repeat 300px 95px/ 35%;
	margin-left: 600px;
}
#dinermenu .option_wrap:after {
	content: '';
	display: inline-block;
	background-image: url(/images/img_cuisine4.png);
	background-size: contain;
	width: 370px;
	height: 270px;
	margin-left: 200px;
}
#dinermenu .option_message {
	padding: 60px 0 0 250px;
}
#dinermenu h2 {
	display: inline-block;
	font-size: 39px;
	width: 500px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	color: white;
	background-color: rgba(83, 124,158, 0.5);
	border-radius: 20px;
	box-shadow: 0px 0px 10px #08a4f2;
	margin: 0 0 60px;
}
#dinermenu ul {
	list-style: none;
}
#dinermenu ul#also li:before {
	content: url(/images/icon_arrow_right.png);
	vertical-align: middle;
	margin-right: 20px;
}
#dinermenu ul#option li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
#dinermenu ul#option li:before {
	content: '';
	display: inline-block;
	background-color: #53809a;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 20px;
}
#dinermenu ul#option li .small {	/* 10.2022 Aki added */
	font-size: 75%;
}
#breakfast {
	margin-bottom: 75px;
	background: url(/images/wave-left-gray.png) no-repeat left top -400px
}
#breakfast .wall {
	overflow: hidden;
	height: 595px;
	background: url(/images/bg_breakfast.png) no-repeat center /cover;
	border-radius: 50px;
	padding: 0 30px;
}
#breakfast p {
	font-size: 26px;
	line-height: 2em;	/* 10.2022 Aki added */
}
#breakfast h2 {
	width: 515px;
	font-size: 45px;
	text-align: center;
	border-bottom: solid 2px;
	padding: 0 0 0 80px;
	margin-left: 25px;
}
#breakfast h2:after {
	content: '';
	display: inline-block;
	background: url(/images/leaf_green.png) no-repeat;
	background-size: cover;
	width: 100px;
	height: 100px;
	position: relative;
	top: 35px;
	left: 160px;

}
#breakfast img {
	width: 485px;
	height: auto;
	margin-top: 25px;
	float: right;
	margin-top: -90px;
}
#optional {
	background: url(/images/bg_cuisine_kame.png) no-repeat right 20px top 30px /307px, url(/images/bg_cuisine_pattern.png) top center /cover;
	padding: 60px 0 40px;
}
#optional h2 {
	width: 500px;
	height: 70px;
	font-size: 39px;
	text-align: center;
	line-height: 70px;
	color: white;
	background-color: rgba(83, 124,158, 0.5);
	border-radius: 20px;
	box-shadow: 0px 0px 10px #08a4f2;
	margin: 0 0 30px;
}
#optional p {
	font-size: 26px;
}
#optional img {
	width: 335px;
	height: 260px;
}
#optional .icon {
	width: 40px;
	height: 40px;
	margin: 0 30px 15px 0;
	vertical-align: text-top;
}
#optional .optional_wrap {
	text-align: center;
	display: flex;
}
#optional .optional_single_wrap {
	width: 335px;
	background-color: white;
	display: inline-block;
	margin: 0  25px;
}
#optional .optional_single_text {
	padding: 0 20px;
}
#optional .optional_single_text h3 {
	font-size: 26px;
	border-bottom: solid 1px;
	margin: 0;
}
#optional .optional_single_text p {
	min-height: 6em;	/* 10.2022 Aki added */
	font-size: 20px;
	text-align: left;
	margin: 20px 0 15px;
}
#optional .optional_detail {
	text-align: left;
	color: white;
	font-size: 30px;	/* 10.2022 Aki was 34px */
	background: url(/images/bg_cuisine_optionaldetail) top center /cover;
	padding: 10px 20px 0;
}
.show_note {
	font-size: 26px;
	text-align: center;
	margin-top: 50px;
}

/* Access 08.2020 AKI add  */
#my-access #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/access_mainvisual.jpg) no-repeat center top /cover;
}
#my-access #main #mainwall section .wall {
	width: 1180px;
}
#my-access .ttl_access {
	background-color: rgba(63, 131, 162, 0.85);
	color: white;
	font-size: 39px;
	margin: 0 0 20px;
}
#my-access .ttl_access span.inner,
#my-access #ttl_shuttle span.inner {
	width: 1180px;
	height: 80px;
	line-height: 80px;
	display: block;
	margin: auto;
}
#my-access #ttl_shuttle {
	font-size: 30px;
	color: white;
	font-weight: normal;
	background-color: rgba(63, 131, 162, 0.5);
}
#my-access #ttl_shuttle span.inner {
	height: 60px;
	line-height: 60px;
}
#my-access #map,
#my-access #bycar,
#my-access #bytrain {
	background: url(/images/wave-right-blue.png) no-repeat bottom right -170px;
}
#my-access #bycar,
#my-access #bytrain,
#my-access #shuttle {
	padding-bottom: 100px;
}
#my-access #map {
	padding-bottom: 170px;
	margin-top: 80px;
}
#my-access #map .gmap {
	overflow: hidden;
	text-align: center;
	position: relative;
	border: solid 4px #2c85bf;
	padding-bottom: 49.3%;
}
#my-access #map .gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#my-access h2 {
	font-size: 27px;
	border-bottom: solid 2px #006b93;
	padding: 0 0 10px 10px;
	margin-top: 85px;
}
#my-access h2#first_car {
	height: 70px;
	padding: 0 0 0 10px;
	margin-top: -10px;
}
#my-access .exwithphoto {
	display: inline-block;
	width: 300px;
	height: 78px;
	font-size: 18px;	/* Aki was 23px for en */
	color: white;
	background: url(/images/bg_exwithphoto.png) no-repeat center top;
	line-height: 78px;
	position: relative;
	top:-10px;
	text-shadow: 2px 2px 5px #000000;
	padding-left: 10px;
	margin-left: 720px;
}
#my-access #bycar img {
	margin-bottom:70px;
}
#my-access #bycar ul,
#my-access #bytrain ul,
#my-access #shuttle ul {
	list-style: none;
	font-size: 26px;
	margin: 20px 0 0 60px;	/* 06.2021 Aki margin-top was 0px */
}
#my-access #bycar ul > li,
#my-access #bytrain ul > li,
#my-access #shuttle ul > li {
	text-indent: -1em;
}
#my-access #bycar ul > li::before,
#my-access #bytrain ul > li::before,
#my-access #shuttle ul > li::before {
	content: '';
	display: inline-block;
	background-color: #251814;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 8px;
}

/* Nearby 08.2020 AKI add  */
#my-nearby #branding {
	background: url(/images/wave-topright-blue.png) no-repeat right top, url(/images/wave-left-gray.png) no-repeat left 0 bottom -478px, url(/images/nearby_mainvisual.jpg) no-repeat center top /cover;
}
#my-nearby #main #mainwall section .wall {
	width: 1180px;
	overflow: hidden;
}
#my-nearby .entry-content {
	background: url(/images/wave-right-gray.png) no-repeat right -160px top 200px, url(/images/wave-right-gray.png) no-repeat right -160px top 1300px, url(/images/wave-right-gray.png) no-repeat right -160px top 2300px, url(/images/wave-right-gray.png) no-repeat right -160px top 3300px, url(/images/wave-right-gray.png) no-repeat right -160px top 4300px, url(/images/wave-right-gray.png) no-repeat right -160px top 5300px, url(/images/bg_nearby_pattern.png);
}
#my-nearby #nearby_message {
	text-align: center;
	font-size: 23px;
	padding: 20px 0 30px;
}
#my-nearby #nearby_message strong {
	display: block;
	font-size: 35px;
	margin-bottom: 10px;
}
#my-nearby .nearby_content {
	margin-bottom: 45px;
}
#my-nearby .nearby_content.last {
	margin-bottom: 175px;
}
#my-nearby .nearby_content .spot_wrap {
	overflow: hidden;
	background: white;
	border: solid 1px #534741;
	/* padding: 25px 0 25px 25px; */
	padding: 25px;
	position: relative;
}
#my-nearby #nearby_content .spot_wrap p {
	margin-bottom: 0;
}
#my-nearby .nearby_content .spot_photo {
	width: 320px;
	height: auto;
	float: left;
	margin-right: 25px;
	position: relative;
}
#my-nearby .nearby_content .wayto {
	font-size: 20px;
	padding-left: 65px;
	margin: 0 0 10px;
}
#my-nearby .nearby_content .spot_ttl {
	/* display: inline-block; */
	font-size: 35px;
	/* width: 700px; */
	/* margin: 0 0 0 30px; */
	width: 100%;
}
#my-nearby .nearby_content .spot_ttl#hastraintt {
	width: 500px;
	margin: -15px 0 0 30px;
}
#my-nearby .nearby_content .spot_ttl#haslong {
	font-size: 30px;
	text-indent: -3em;
	margin: 0 0 0 120px;
}
#my-nearby .nearby_content .spot_ttl img {
	vertical-align: bottom;
}
#my-nearby .nearby_content .type {
	/* margin: 10px 0 0 320px; */
	position: absolute;
	/* bottom: 25px; */
	top: 190px;
}
#my-nearby .nearby_content .type ul {
	list-style: none;
	overflow: hidden;
}
#my-nearby .nearby_content .type ul > li {
	width: 120px;
	height: 30px;
	line-height: 27px;	/* 12.2022 Aki added */
	float: left;
	font-size: 14px;
	text-align: center;
	background: white;
	border: solid 1px #473731;
	margin: 0 10px 10px 0;
}
#my-nearby .nearby_content .type ul > li.yellow {
	background: #c8a200;
}
#my-nearby .nearby_content .rate {
	font-size: 24px;
	margin: -15px 0 0 700px;
}
#my-nearby .nearby_content .rate img {
	vertical-align: middle;
}
#my-nearby .nearby_content .rate img#tyler {
	margin-right: 10px;
}
#my-nearby .nearby_content .rate img#star {
	margin-left: 10px;
}
#my-nearby .nearby_content .rate .star {
}
#my-nearby .nearby_content .spot_text {
	/* clear: both; */
/*	font-size: 26px; 12.2022 Aki c/o */
	/* margin-top: 20px; */
}
#my-nearby .nearby_content .spot_wrap .traintt {
	float: right;
	margin: 0;
	/* position: absolute;
	top: 25px;
	right: 0; */
	margin-top: 10px;
}
#nearby_reason {
	height: 730px;
	background-color: white;
	padding-top: 70px;
}
#nearby_reason img.reasontocome {
	position: relative;
	top: -200px;
	left: 550px;
}


/* =IE8
----------------------------------------------- */
#ie8 section.feature-image.large img {
	width: 100%;
}


/* =Print
----------------------------------------------- */
@media print {
	body {
		width: 1200px;
	}
	.entry-meta .edit-link a {
		display: none;
	}
}