/*
Theme Name: hotplaza.jp'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
*/

/* =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;
	font-size: 100%;
	 /* Mat c/o when coding unique-nagano.com and talking with kaz font-family: inherit; font-style: inherit; font-weight: inherit; */
	margin: 0;
	outline: 0;
	padding: 0;
	max-height: 999999px;	/* against Android Chrome Font Boosting */
/*	vertical-align: baseline; */	/* MTL: c/o */
}
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;
	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 {
	/* background: #fff;	MTL: including the gap in the browser below the site */
	 /* 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: 1030px;	/* 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. */
	padding: 0;		/* MTL: was 0 2em */
	font-size: 94%;		/* 16 * 94% = 15.04px */
	font-feature-settings: 'pkna';	/* MTL KAZ: added */
	-webkit-text-size-adjust: 100%;	/* MTL KAZ: added */
}
#masthead, #breadcrumbs, #mainwall, #topmain #mainwall .wp_social_bookmarking_light, #ft_links {
	width: 1024px;
}
#page {
	background: #fff;
	/* margin: 2em auto; */
	padding-top: 90px;
}
#primary {
}
#content {
	margin: 0;	/* MTL: was 0 34% 0 7.6% */
}

/* 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: black;
	font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; /* MTL Mat see tips.xls */
		/* font: 15px -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; */	/* MTL: divided into font-family and font-size for IE debugger */
		/* font-size: 100%; */	/* MTL: was 15px; not here, moved to above */
	line-height: 1.729;
}
.mincho,
.entry-content h2 {
	font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, serif;
	font-weight: 400;
}
.minchobold {
	font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho, "HG明朝E", "ヒラギノ明朝 Pro W6", HiraMinPro-W6, "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, serif;
	font-weight: 600;
}
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: 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;	/* MTL KAZ: was 0 1.625em */
}
dt {
	font-weight: 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: #000000;
	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: #fff;
	position: fixed;
	width: 100%;
	min-width: 1030px;	/* DEC-2019 KAZ: missing! */
	top: 0;
	left: 0;
	z-index: 9999;
}
.admin-bar #branding {
	top: 32px;
}
#masthead {
	position: relative;
	height: 90px;
	margin: 0 auto;
	text-align: right;
}


/* =Menu
-------------------------------------------------------------- */
/* MTL: BEGIN */
#headlogo {
	float: left;
/*	width: 240px; */
}
h1#headlogo,
div#headlogo a {
	padding: 10px 5px;
}
div#headlogo a {
	display: block;
}
#masthead ul li {
	list-style-type: none;
}
#masthead ul li a {
	display: block;
	color: inherit;
}
#masthead ul li a.current,
#masthead ul li a:hover {
	text-decoration: none;
}
#headlangbar {
	position: absolute;
	width: 114px;
	top: 12px;
	right: 0;
	line-height: 22px;
	font-size: 86%;		/* 16 * 94% * 86% = 12.93px */
	text-align: center;
}
#headlangbar [lang='en'] {
	font-family: -apple-system, BlinkMacSystemFont, Helvetica, 'Helvetica Neue', sans-serif;
}
#headlangbar .title,
#headlangbar ul {
	border: #666 1px solid;
}
#headlangbar .title {
}
#headlangbar .title img {
	width: 13px;	/* 14px in design */
	height: auto;
	vertical-align: -2px;
}
#headlangbar ul {
	background-color: black;
	display: none;
	position: absolute;
	width: 100%;
	top: 23px;
	left: 0;
	z-index: 1;
	margin: 0;
	color: white;
}
#headlangbar ul li {
}
#headlangbar ul li a {
}
#headlangbar ul li:not(:first-child) a {
	border-top: #666 1px solid;
}
#headlangbar ul li a.current,
#headlangbar ul li a:hover {
	background-color: #4d4d4d;
}
ul#headmenu {
	display: inline-block;
	overflow: hidden;
	height: 42px;
	margin: 46px -2em 0 0;
	font-size: 106%;	/* 16 * 94% * 106% = 15.94px */
	line-height: 40px;
}
ul#headmenu li {
	float: left;
}
ul#headmenu li a {
	padding: 0 2em;
}
ul#headmenu li a span.inner {
	display: block;
	position: relative;
}
ul#headmenu li a.current span.inner::after,
ul#headmenu li a:hover span.inner::after {
	background-color: #9d2328;
	-moz-border-radius: 1px;
	border-radius: 1px;
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 40px;
	left: 0;
	content: '';
}
#breadcrumbs {
	font-size: 80%;		/* 16px * 94% * 80% = 12.03px */
	line-height: 1;
	margin: 12px auto 15px;
}
/* MTL: END */


/* =Main Visual
----------------------------------------------- */
#mainvisual {
	position: relative;
	overflow: hidden;
	height: calc(15.2vw + 112px);
	min-height: 322px;
	margin-bottom: -40px;
}
#my-top #mainvisual {
	height: calc(35vw + 235px);
	min-height: 719px;
	margin-bottom: -181px;
}
#my-blog #mainvisual,
#my-hotsprings #mainvisual,
#my-service #mainvisual {
	height: calc(15.2vw + 260px);
	min-height: 470px;
	margin-bottom: -190px;
}
#my-404 #mainvisual {	/* NOV-2019 KAZ: added */
	margin-bottom: 20px;
}
#mainvisual .mv-title {
	background: #eee none no-repeat center top / 1366px auto;
	position: absolute;
	width: 100%;
	min-width: 1366px;
	height: 15.4vw;
	min-height: 210px;
	top: 0;
	left: 50%;
	line-height: 1;
	color: white;
	font-size: 266%;	/* 16 * 94% * 266% = 40.01px */
	text-align: center;
	text-shadow: 0px 0px 20px black, -1px 0px 3px rgba(0,0,0,0.3), 0px 1px 3px rgba(0,0,0,0.3), 1px 0px 3px rgba(0,0,0,0.3), 0px -1px 3px rgba(0,0,0,0.3);	/* NOV-2019 KAZ: was 0px 0px 20px black */
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media only screen and (min-width: 1367px) {
	#mainvisual .mv-title {
		background-size: 100% auto;
	}
}
#my-blog #mainvisual .mv-title,
#my-404 #mainvisual .mv-title {	/* NOV-2019 KAZ: added */
	background-image: url(/images/news_mv.jpg);
}
#mainvisual .mv-title span.inner {
	display: inline-block;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#mainvisual .overlay {
	background: url(/images/mv_overlay_bg.png) no-repeat center top / 100% 303px;
	position: absolute;
	width: 100%;
	min-width: 1366px;
	height: 180px;
	bottom: 0;
	left: 50%;
	padding-top: 40px;
	text-align: center;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#my-top #mainvisual .overlay {
	height: 303px;
}
#my-blog #mainvisual .overlay,
#my-hotsprings #mainvisual .overlay,
#my-service #mainvisual .overlay {
	height: 328px;
}


/* =Content
----------------------------------------------- */
#topmain, #main {
	clear: both;
	overflow: hidden;
	position: relative;
}
#topmain {
}
#mainwall {
	/* MTL Mat c/o for slide show buttons like http://kobabo-s.com  overflow: hidden; */
	margin: 0 auto;
}
#topmain #mainwall {
	width: 100%;
}
.page-title,
.entry-title {
	margin: 0 0 30px;
	font-size: 173%;	/* 16 * 94% * 173% = 26.02px */
	text-align: center;
}
.page-title a {
	color: inherit;
}
.hentry,
.no-results {
	margin: 0;		/* MTL KAZ: was 0 0 15px */
	padding: 0 0 40px;	/* MTL KAZ: was 0 0 1.625em */
	position: relative;
}
/* MTL KAZ: merged to .page-title above
.entry-title {
	clear: both;
	color: #222;
	font-size: 25px;
	font-weight: 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: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	margin-bottom: 20px;
}
.entry-content h1,
.entry-content h2 {
	background-color: rgba(255,255,255,0.01);
	color: #000;
	margin: 0 0 20px;
}
.entry-content h1 {
	font-size: 28px;
	height: 50px;
	line-height: 50px;
}
.entry-content h2 {
}
.entry-content h3 {
	font-size: 122%;
	font-weight: bold;
	min-height: 24px;
	line-height: 1.41;
	margin: 0 0 12px;
}
.entry-content h4 {
	font-weight: bold;
	min-height: 20px;
	line-height: 1.43;
	margin: 0 0 12px;
	padding-left: 25px;
}
.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;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.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: 0;	/* JUL-2019 KAZ: CHKHTML: was 1 */
}
.entry-content .wp-block-image .alignleft {
	margin-right: 30px;
}
.entry-content .wp-block-image .alignright {
	margin-left: 30px;
}
.entry-content .wp-block-image figcaption {
	line-height: 1.5;	/* JUL-2019 KAZ: CHKHTML */
	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 */
/*----- 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: 0px 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%;
}


/* =Navigation
-------------------------------------------------------------- */
#content nav {
	clear: both;
	overflow: hidden;
	padding: 0;	/* MTL KAZ: was 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: transparent 1px solid;
	min-width: 30px;
	margin: 0 5px 10px;
	padding: 7px 5px;
	line-height: 1;
	font-size: 14px;
}
#content div.wp-pagenavi span.current,
#content div.wp-pagenavi a.page:hover,
#content div.wp-pagenavi a.previouspostslink,
#content div.wp-pagenavi a.nextpostslink {
	border-color: #9d2328;
}
#content div.wp-pagenavi a.page,
#content div.wp-pagenavi span.extend {
	color: inherit;
}
#content div.wp-pagenavi a.previouspostslink,
#content div.wp-pagenavi a.nextpostslink {
	color: white;
	text-indent: -100vw;
}
#content div.wp-pagenavi a.previouspostslink {
	background: #9d2328 url(/images/arrow_left_white_s.svg) no-repeat center / 8px 13px;
}
#content div.wp-pagenavi a.nextpostslink {
	background: #9d2328 url(/images/arrow_right_white_s.svg) no-repeat center / 8px 13px;
}
#content div.wp-pagenavi span.current,
#content div.wp-pagenavi a.page:hover,
#content div.wp-pagenavi a.previouspostslink:hover,
#content div.wp-pagenavi a.nextpostslink:hover {
	color: #9d2328;
	font-weight: inherit;
}
#content div.wp-pagenavi a.previouspostslink:hover,
#content div.wp-pagenavi a.nextpostslink:hover {
	background-color: transparent;
}
#content div.wp-pagenavi a.previouspostslink:hover {
	background-image: url(/images/arrow_left_scarlet_s.svg);
}
#content div.wp-pagenavi a.nextpostslink:hover {
	background-image: url(/images/arrow_right_scarlet_s.svg);
}
/* MTL KAZ: END */


/* =Footer
----------------------------------------------- */
#topmain #mainwall .wp_social_bookmarking_light {
	margin: 0 auto !important;
}
#ft_nav_top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 50%;
	margin: 0 -500px 0 0;
	opacity: 0;
	line-height: 40px;
	font-size: 8px;
	text-align: center;
}
#ft_nav_top a {
	background-color: #9d2328;
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.25);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.25);
	width: 40px;
}
#ft_nav_top a img {
	width: 12px;
	height: 8px;
	vertical-align: middle;
}
#ft_banner {
	background: url(/images/ft_banner_bg.gif) repeat-x center top;
	padding: 40px 0;
	text-align: center;
}
#ft_banner a {
}
#ft_banner a img {
}
#colophon {
	background-color: black;
	clear: both;
	overflow: hidden;
/*	height: 230px; */
	padding: 25px 0 20px;
	line-height: 34px;
	color: white;
	text-align: center;
}
#colophon a {
	color: inherit;
}
#footer_logo {
	font-size: 120%;	/* 16 * 94% * 120% = 18.05px */
	font-weight: 600;
}
#ft_links {
	margin: 22px auto 25px;
}
ul#footmenu {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-lines: multiple;
	flex-wrap: wrap;
	margin: 0;
	padding: 0 2px;
	line-height: 38px;
}
ul#footmenu li {
	list-style-type: none;
	border: #4d4d4d 1px solid;
	flex-basis: 165px;
	width: 165px;
}
ul#footmenu li a {
	display: block;
}
ul#footmenu li a.current,
ul#footmenu li a:hover {
	background-color: #4d4d4d;
	text-decoration: none;
}
#ft_copyright {
	line-height: 30px;
	height: 30px;
	font-size: 73%;		/* 16 * 94% * 73% = 10.98px */
}


/* 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: bold;
}
.clear {
	clear: both;
}
a.current img, .transbtn:hover, a:hover img,	/* 2016 Mat added a:hover img and notransbtn */
a.link_btn:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
a.link_btn:hover {
	text-decoration: none;
}
.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;
}
.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;
}
.noclear {
	clear: none !important;
}
.nobackground {
	background: transparent none !important;
}
.sponly {	/* スマホ専用のコンテンツ */
	display: none;
}


/* MTL: Front Page Components
----------------------------------------------- */
#slideshow,
#ss_img_wrapper {
	min-height: 483px;
	padding-top: 35.4%;
}
#slideshow {
	position: relative;
}
#ss_img_wrapper {
	position: absolute;
	overflow: hidden;
	width: 100%;
	min-width: 1366px;
	top: 0;
	left: 50%;
	margin: 0;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#ss_img_wrapper .ss_img,
#ss_img_wrapper .ss_img img {
	width: 100%;
}
#ss_img_wrapper .ss_img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -9999;
}
#ss_img_wrapper .ss_img#ss1 {
	z-index: 0;
}
#ss_img_wrapper .ss_img .ss_overlay {	/* DEC-2019 KAZ: was #ss_overlay */
	position: absolute;
	z-index: 9001;
}
#ss_img_wrapper .ss_img#ss1 .ss_overlay {	/* DEC-2019 KAZ: was #ss_overlay */
	background-color: rgba(0,0,0,0.7);
	width: 500px;
	height: 110px;
	bottom: 138px;
	right: calc(50% - 50vw + 40px);
	color: white;
	text-align: center;
}
#ss_img_wrapper .ss_img#ss1 .ss_overlay .heading {
	padding-top: 11px;
	font-size: 239%;	/* 16 * 94% * 239% = 35.95px */
}
#ss_img_wrapper .ss_img#ss1 .ss_overlay .text {
	padding-left: 0.4em;
	font-size: 86%;		/* 16px * 94% * 86% = 12.93px; 14px in design  */
}
#ss_panel {
	position: absolute;
	width: 100%;
	bottom: 38px;
	z-index: 9001;
	margin: 0 auto;
	line-height: 21px;
	text-align: center;
}
#ss_panel a {
	display: inline-block;
	width: 21px;
}
#ss_panel a span.circle {
	display: inline-block;
	background-color: #fff;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);	/* DEC-2019 KAZ: added */
	width: 9px;	/* 7px in design */
	height: 9px;
}
#ss_panel a.current span.circle,
#ss_panel a:hover span.circle {
	background-color: #f07342;
}

#topmain .hentry.page {
	padding-bottom: 10px;
}
#topmain .entry-content {
	margin-bottom: 0;
}
#top_info, #top_ex_info {
	background-color: rgba(255,255,255,0.4);
	border: #f07342 1px solid;
	width: 950px;
/*	height: 82px; */
	margin: 0 auto 30px;
	padding: 8px 30px;
	font-size: 120%;	/* 16 * 94% * 120% = 18.05px */
}
#top_info span.mincho {
}
#top_info span.mincho span.bullet {
	display: inline-block;
	margin-right: 0.2em;
	color: #f07342;
	font-size: 80%;
	-ms-transform: translateY(-0.1em);
	-moz-transform: translateY(-0.1em);
	-webkit-transform: translateY(-0.1em);
	transform: translateY(-0.1em);
}
#top_info span.mincho span.small {
	font-size: 70%;		/* 16 * 94% * 120% * 70% = 12.63px */
}
#top_info span.btn_section {
	font-size: 66%;		/* 16 * 94% * 120% * 70% = 11.91px */
	vertical-align: middle;
}
#top_info span.btn_section a.link_btn {
	background: #f07342 url(/images/arrow_right_white_s.svg) no-repeat 108px center;
	display: inline-block;
	width: 124px;
	line-height: 23px;
	padding-top: 1px;
	padding-right: 1em;
	color: white;
	text-align: center;
}
#top_ex_info {	/* 2025.1 aki added */
	margin-top: 100px;
}
#top_ex_info p {	/* 2025.1 Aki added */
	display: inline-block;
	font-size: 75%;
	line-height: 1.5;
	margin-bottom: 0;
}
#top_banners {
	width: 950px;
	margin: 0 auto 50px;
	display: flex;	/* 2025.1 Aki */
	justify-content: center;	/* 2025.1 Aki */
}
#top_banners a {
	width: 460px;
/*	margin: 0 0 0 30px; 2025.11 Aki c/o バナーが1枚しか無いので */
}
#top_banners a img {
	width: 100%;
	height: auto;
}
#top_banners img#nolink {
	width: 460px;
}
#top_notices {	/* APR-2020 KAZ */
	background-color: rgba(157,35,40,0.1);
	border: #9d2328 1px solid;
	width: 950px;
	margin: 50px auto 50px;	/* 09.2021 Aki top was -20px */
	padding: 8px 30px;
}
#top_notices h2 {	/* APR-2020 KAZ */
	font-size: 120%;	/* 16 * 94% * 120% = 18.05px */
	margin-bottom:5px;
}
#top_notices .covid19 {
	margin-top: 1em;
}
#top_notices p,
#top_saikai p {	/* APR-2020 KAZ */
	margin-bottom: 0;
	clear: both;	/*  06.2021 Aki */
}
#top_notices p:last-child,
#top_saikai p:last-child {	/* APR-2020 KAZ */
	margin-top: 0.5em;
}
#top_notices ul {	/* APR-2020 KAZ */
	list-style: disc;	/* Mat 2021.6 was none; margin-left was 20px */
	float: left;
	margin: 0 20px 16px 0;
}
#top_notices .imgwrap {
	overflow: hidden;
}
#top_notices .imgwrap .imgonly {
	margin: 0 3px;
}
.top_mainmenu {
	clear: both;
	width: calc(50% + 512px);
}
#top_hotsprings {
	background: url(/images/top_hotsprings_bg.gif) no-repeat right top;
	min-height: 690px;
	margin-bottom: 40px;
}
#top_access {
	background: url(/images/top_access_bg.gif) no-repeat left top;
	float: right;
	min-height: 1057px;
}
.top_mainmenu .photo {
	position: relative;
	overflow: hidden;
	width: calc(100% - 395px);
	height: 560px;
	top: 50px;
}
#top_hotsprings .photo {
	float: left;
}
#top_access .photo {
	float: right;
}
.top_mainmenu .photo img {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#top_hotsprings .photo img {
	left: 0;
}
#top_access .photo img {
	right: 0;
}
@media only screen and (min-width: 1483px) {	/* 1366 + 116 + 1 */
	.top_mainmenu .photo img {
		width: 100%;
		height: auto;
	}
}
.top_mainmenu h2 {
	position: relative;
	clear: none;
	height: 300px;
	z-index: 1;
	margin-bottom: 43px;
	padding-top: 123px;
	line-height: 1.375;
	font-size: 266%;	/* 16 * 94% * 266% = 40.01px */
	text-align: center;
}
#top_hotsprings h2 {
	width: 369px;
	margin-left: calc(100% - 369px);
}
#top_access h2 {
	width: 420px;
}
.top_mainmenu h2::before {
	display: block;
	position: absolute;
	width: 140px;
	height: 300px;
	top: 0;
	z-index: -1;
	content: '';
}
#top_hotsprings h2::before {
	background-color: #e0dcb6;
	right: 128px;
}
#top_access h2::before {
	background-color: #b5c6e2;
	left: 128px;
}
.top_mainmenu .descr {
	width: 317px;	/* 311px in design */
}
#top_hotsprings .descr {
	margin-left: calc(100% - 356px);
}
#top_access .descr {
	margin-left: 40px;
}
.top_mainmenu ul.details {
	overflow: hidden;
	margin: 0 0 46px 7px;
}
.top_mainmenu ul.details li {
	list-style-type: none;
	float: left;
	width: 291px;
	margin: 42px 23px 0;
}
.top_mainmenu ul.details li .icon {
	background-color: white;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 0 auto 18px;
	padding-top: 40px;
	text-align: center;
}
.top_mainmenu ul.details li .icon img {
	height: auto;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top_mainmenu ul.details li #icon_car img {
	width: 41px;
/*	height: 35px; */
}
.top_mainmenu ul.details li #icon_train img {
	width: 35px;
/*	height: 59px; */
}
.top_mainmenu ul.details li #icon_bus img {
	width: 34px;
/*	height: 45px; */
}
.top_mainmenu ul.details li .summary {
	margin-bottom: 18px;
	font-size: 146%;	/* 16 * 94% * 146% = 21.96px */
	font-weight: bold;
	text-align: center;
}
.top_mainmenu ul.details li .text {
}
.top_mainmenu .btn_line,
#top_news .btn_line,
#my-blog.single #content .btn_line {
	padding-bottom: 5px;
	text-align: center;
}
.top_mainmenu .btn_line {
	width: 1024px;
}
.top_mainmenu .btn_line a.link_btn,
.top_mainmenu .btn_line a.link_btn::after,
#top_news .btn_line a.link_btn,
#top_news .btn_line a.link_btn::after,
#my-blog.single #content .btn_line a.link_btn,
#my-blog.single #content .btn_line a.link_btn::after {
	display: inline-block;
	width: 250px;
}
.top_mainmenu .btn_line a.link_btn,
#top_news .btn_line a.link_btn,
#my-blog.single #content .btn_line a.link_btn {
	background: #9d2328 url(/images/arrow_right_white_s.svg) no-repeat 226px center / auto 13px;
	position: relative;
	line-height: 50px;
	color: white;
}
.top_mainmenu .btn_line a.link_btn::after,
#top_news .btn_line a.link_btn::after,
#my-blog.single #content .btn_line a.link_btn::after {
	border-color: #9d2328;
	border-style: solid;
	border-width: 0 2px 2px 0;
	position: absolute;
	height: 50px;
	top: 5px;
	left: 5px;
	content: '';
}
#top_360view,
#top_eventcalendar,
#top_sponsors,
#top_news {
	clear: both;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#top_360view h2,
#top_eventcalendar h2,
#top_news h2 {
	background: url(/images/icon_hotplaza.png) no-repeat center top / 80px auto;
	margin-top: 90px;
	margin-bottom: 12px;
	padding-top: 45px;
	line-height: 66px;
	font-size: 199%;	/* 16 * 94% * 199% = 29.93px */
	text-align: center;
}
#top_360view {
}
#top_360view::before {
	display: table;
	width: 100%;
	height: 0px;
	content: '';
}
#top_360view .gmap {
	line-height: 0;
}
#top_360view .gmap iframe {
}
#top_360view .caption {
	display: none;		/* 30-SEP-2019 KAZ */
	line-height: 38px;
	text-align: center;
}
#top_360view ul.nav {
	background-color: black;
	margin: 0;
	line-height: 28px;
	text-align: center;
}
#top_360view ul.nav li,
#top_360view ul.nav li a {
	display: inline-block;
}
#top_360view ul.nav li {
	list-style-type: none;
}
#top_360view ul.nav li a {
	padding: 6px 1.5em 4px;
	color: white;
}
#top_360view ul.nav li a.current,
#top_360view ul.nav li a:hover {
	text-decoration: none;
}
#top_360view ul.nav li a span.inner {
	display: block;
	position: relative;
	height: 30px;
}
#top_360view ul.nav li a.current span.inner::after,
#top_360view ul.nav li a:hover span.inner::after {
	background-color: #9d2328;
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 28px;
	left: 0;
	content: '';
}
#top_eventcalendar {
}
#top_eventcalendar .calendar {
	background-color: #f7f4ee;
	padding: 20px 32px;
}
#top_eventcalendar .calendar .em-calendar-header {
	background-color: white;
	width: 278px;
	height: 50px;
	margin: 0 auto 25px;
	padding: 5px;
	line-height: 40px;
	font-size: 133%;	/* 16 * 94% * 133% = 20.00px */
	text-align: center;
}
#top_eventcalendar .calendar .em-calendar-header .em-calnav-div {
	width: 40px;
}
#top_eventcalendar .calendar .em-calendar-header .em-calnav-prev {
	float: left;
}
#top_eventcalendar .calendar .em-calendar-header .em-calnav-next {
	float: right;
}
#top_eventcalendar .calendar .em-calendar-header .em-calnav-div a.em-calnav {
	background-color: #9d2328;
	display: block;
}
#top_eventcalendar .calendar .em-calendar-header .em-calnav-div a.em-calnav img {
	vertical-align: middle;
}
#top_eventcalendar .calendar .em-calendar-header .month_name {
	margin: 0 45px;
}
#top_eventcalendar .calendar table.em-calendar {
	width: 100%;
}
#top_eventcalendar .calendar table.em-calendar td {
	border-color: #c4c4c4;
	width: 137px;
}
#top_eventcalendar .calendar table.em-calendar tr.days-names td {
	background-color: #5c5c5c;
	padding: 0 5px;
	line-height: 30px;
	color: white;
	text-align: center;
}
#top_eventcalendar .calendar table.em-calendar tr.days-names td:first-child,
#top_eventcalendar .calendar table.em-calendar tr.days-names td:last-child {
	background-color: #345aa7;
}
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td {
	background-color: white;
	padding: 6px 5px 1px;
	line-height: 1.596;	/* 24px */
	text-align: right;
}
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td:first-child,
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td:last-child {
	background-color: #f2f4f8;
	color: #345aa7;
}
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td.eventful-pre,
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td.eventless-pre,
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td.eventful-post,
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td.eventless-post {
	color: #bdbdbd;
}
#top_eventcalendar .calendar table.em-calendar tr:not(.days-names) td .inner {
	min-height: 90px;
}
#top_eventcalendar .calendar table.em-calendar td ul {
	margin: 0;
	text-align: center;
}
#top_eventcalendar .calendar table.em-calendar td ul li {
	list-style-type: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 4px;
	line-height: 1.237;	/* 16px */
	color: white;
	font-size: 86%;		/* 16 * 94% * 86% = 12.93px */
}
#top_sponsors {
	overflow: hidden;
	margin-top: 110px;
}
#top_sponsors .sponsor {
	float: left;
	width: 497px;
	padding: 2px;
}
#top_sponsors #sponsor_yamaga {
	border: #003e1e 1px solid;
	margin-right: 30px;
}
#top_sponsors #sponsor_vcnagano {
	border: #7e0027 1px solid;
}
#top_sponsors .sponsor .inner {
	height: 154px;
}
#top_sponsors #sponsor_yamaga .inner {
	border: #003e1e 2px solid;
}
#top_sponsors #sponsor_vcnagano .inner {
	border: #7e0027 2px solid;
}
#top_sponsors .sponsor .inner .image {
	float: left;
	width: 150px;
	margin-right: -1em;
}
#top_sponsors .sponsor .inner .image img {
	width: 100%;
	height: auto;
}
#top_sponsors .sponsor .inner .text {
	padding-top: 45px;
	line-height: 30px;
	font-size: 120%;	/* 16 * 94% * 120% = 18.05px */
	text-align: center;
}
#top_news,
#top_sns {
	margin-bottom: 70px;
}
#top_news h2 {
}
#top_news h2 a {
	color: inherit;
}
#top_news .inner {
	background-color: #f7f4ee;
	padding: 10px 30px 25px;
}
#top_news .inner ul#top_newslist {
	margin: 0 0 20px;
}
#top_news .inner ul#top_newslist li,
#my-blog ul.newslist li {
	list-style-type: none;
	border-bottom: #cac2b5 2px dotted;	/* 1px in design */
}
#top_news .inner ul#top_newslist li {
	padding: 12px 109px 11px;
}
#top_news .inner #top_newslist li .date,
#my-blog ul.newslist li .date {
	float: left;
	line-height: 1.858;
	font-size: 93%;		/* 16 * 94% * 93% = 13.99px */
	font-weight: bold;
}
#top_news .inner #top_newslist li .title,
#my-blog ul.newslist li .title {
	margin-left: 149px;
}
#top_news .inner #top_newslist li .title a,
#my-blog ul.newslist li .title a {
	color: inherit;
}
#top_news .inner #top_newslist li .entry-meta .edit-link a {
	margin-top: -20px;
	margin-right: -50px;
}
#top_news .inner .btn_line {
	/* See also .top_mainmenu .btn_line above */
}
#top_sns {
	overflow: hidden;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#top_sns #top_facebook {
	float: left;
}
#top_sns #top_facebook iframe {
	width: 500px;
}
#top_sns #top_linecorp {
	border: #00b900 1px solid;
	width: 350px;
/*	height: 150px; */
	margin-left: 540px;
}
#top_sns #top_linecorp a,
#top_sns #top_linecorp a span {
	display: block;
}
#top_sns #top_linecorp a {
	color: white;
}
#top_sns #top_linecorp a:hover {
	text-decoration: none;
}
#top_sns #top_linecorp a span.imgonly {
	height: 120px;
	padding: 23px 42px 0;
}
#top_sns #top_linecorp a span.imgonly img {
	vertical-align: middle;
}
#top_sns #top_linecorp a span.imgonly img.logo {
	width: 165px;
	height: auto;
	margin-right: 21px;
}
#top_sns #top_linecorp a span.imgonly img.qrcode {
	width: 78px;
}
#top_sns #top_linecorp a span.text {
	background-color: #00b900;
	padding-top: 2px;
	line-height: 26px;
	font-size: 93%;		/* 16 * 94% * 93% = 13.99px */
	text-align: center;
}
#top_sns #top_linecorp a:hover span.text {
	background-color: #40c740;
}


/* MTL: Blog Page Components
----------------------------------------------- */
#my-blog #content {
	background-color: white;
	border: #bdb392 1px solid;
	margin-bottom: 50px;
	padding: 40px 62px;
}
#my-blog.single #content {
	padding-top: 44px;
}
#my-blog ul.newslist {
	border-top: #cac2b5 2px dotted;	/* 1px in design */
	margin: 0 0 50px;
}
#my-blog ul.newslist li {
	/* See also #top_news .inner ul#top_newslist li above */
	padding: 12px 0 11px;
}
#my-blog.single #content .hentry {
	padding-bottom: 54px;
}
#my-blog.single #content .entry-header .entry-header-meta {
	background-color: #bdb392;
	position: absolute;
	min-width: 120px;
	top: -45px;
	line-height: 50px;
	font-size: 93%;		/* 16 * 94% * 93% = 13.99px */
	text-align: center;
}
#my-blog.single #content .btn_line {
	/* See also .top_mainmenu .btn_line above */
}

/* MTL: Fixed Page Components
----------------------------------------------- */
/* 温泉 */
.onsen {
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.onsenhistory {
	background: white url(/images/onsen_pic_rekishi_oke.png) no-repeat right bottom;
	border: #bdb392 1px solid;
	width: 1024px;
	height: 380px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.history {
	width: 720px;
	padding-top: 40px;
	padding-left: 35px;
}
.onsenhistory h2 {
	text-align: center;
	font-size: 180%;
	margin-bottom: 0px;
}
.onsenmain {
	position: relative;
	background-repeat: no-repeat;
	height: 650px;
	margin-bottom: 50px;
	padding-top: 311px;
}
.onsenmain.daiyokujo,
.onsenmain.sauna {
	padding-left: 659px;
	padding-right: 30px;
}
.onsenmain.roten,
.onsenmain.ashiyu {
	padding-left: 30px;
	padding-right: 659px;
}
.onsenmain.daiyokujo {
	background-image: url(/images/onsen_pic_beige.png);
}
.onsenmain.roten {
	background-image: url(/images/onsen_pic_green.png);
}
.onsenmain.sauna {
	background-image: url(/images/onsen_pic_purple.png);
}
.onsenmain.ashiyu {
	background-image: url(/images/onsen_pic_pink.png);
}
.onsenmain .largeimage,
.onsenmain .mediumimage {
	position: absolute;
}
.onsenmain .largeimage {
	top: 50px;
}
.onsenmain.daiyokujo .largeimage {
	left: -171px;
}
.onsenmain.roten .largeimage,
.onsenmain.ashiyu .largeimage {
	right: -171px;
}
.onsenmain.sauna .largeimage {
	left: 30px;
}
.onsenmain .mediumimage {
	top: 0;
}
.onsenmain.daiyokujo .mediumimage,
.onsenmain.sauna .mediumimage {
	right: 30px;
}
.onsenmain.roten .mediumimage,
.onsenmain.ashiyu .mediumimage {
	left: 30px;
}
.onsenmain h2 {
	padding: 35px 0 10px;
	font-size: 226%;	/* 16 * 94% * 226% = 33.99px */
	text-align: center;
}
.onsenmain p.descr {
}
.onsenabouttitle h2 {
	background: url(/images/icon_hotplaza.png) no-repeat center top / auto 45px;
	margin: 60px 0 -14px;
	padding-top: 45px;
	font-size: 199%;	/* 16 * 94% * 199% = 29.93px */
	text-align: center;
}
.onsenabout {
	background-color: #f7f4ee;
	background-image: url(/images/bg_onsentitle.png);
	background-size: auto;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-top: 25px;
	padding-bottom: 30px;
	text-align: center;
}
.onsenabout h3 {
	padding-bottom: 30px;
/*	font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho,  "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, serif; */	/* NOV-2019 KAZ: c/o */
	font-size: 160%;	/* 16 * 94% * 160% = 24.06px */
	text-align: center;
}
.onsenabout dl {
	text-align: center;
}
.onsenabout dt {
	display: block;
	float: left;
	width: 380px;
	padding-left: 330px;
	font-weight:bold;
}
.onsenabout dd {
	margin-bottom: 15px;
	padding-left: 405px;
	text-align: left;
}
.onsenabout ol {
	margin-left: 40px;
	padding-left: 30px;
	padding-right: 40px;
	line-height: 1.729;	/* 26px */
	text-align: left;
}
.onsenabout ol li {
}
.onsenabout ol > li {
	margin-bottom: 14px;
}
.onsenabout ol > li ul {
	margin: 14px 0 0;
}
.onsenabout ol > li ul li {
	list-style-type: none;
	padding-left: 2em;
}
.onsenabout ol > li ul li span.nombr {
	display: inline-block;
	width: 2em;
	margin-left: -2em;
}
.inpagemenu li a:hover {
	color: white;
}

/* 利用案内 */
#my-service .hentry {
	background-color: white;
	border: #bdb392 1px solid;
	margin-bottom: 50px;
	padding: 36px 61px 20px;
}
#riyouannai dl {
	margin-bottom: 38px;
}
#riyouannai dt {
	background-color: #bdb392;
	display: block;
	float: left;
	width: 140px;
	height: 45px;
	padding: 10px;
	font-weight:normal;
	text-align: center;
}
#riyouannai dd {
	border-bottom: 1px solid #bdb392;
	position: relative;
	min-height: 62px;
	margin-bottom: 16px;
	padding-top: 10px;
	padding-bottom: 14px;
	padding-left: 170px;
}
#riyouannai dd .pointcard {
	position: absolute;
	width: 390px;
	height: 110px;
	top: 0;
	right: 0;
}
#riyouannai {
	position: relative;
}
#annnai {
	line-height: 2.261;	/* 34px */
}
#annnai ul {
	margin-bottom: 0px;
}

/* 施設案内 */
#nav {
	list-style: none;
	overflow: hidden;
}
#nav li {
	width: 196px;
	text-align: center;
	background-color: #cac2b5;
	float: left;
	height: 70px;
	line-height: 70px;
	margin-right: 2px;
}
#nav li a {
	text-decoration: none;
	font-weight: bold;
	padding: 20px;
}
.inpagemenu {
	overflow: hidden;
	margin-left: -11px;
	padding: 0;
	font-size: 0;
}
.inpagemenu li {
	list-style-type: none;
	background: url(/images/bg_menu_inpage.png) no-repeat;
	display: inline-block;
	width: 196px;
	height: 70px;
	margin-left: 11px;
	line-height: 60px;
	color: white;
	font-size: 14px;
	text-align: center;
}
.inpagemenu li a {
	display: block;
	padding-bottom: 10px;
	color: white;
	text-decoration: none;
}
.setumei {	/* commonly used for sections below */
	padding: 0px 50px 40px;
}
#tenji .setumei p {	/* 12.2022 Aki added */
	margin-bottom: 0;
}
#kyukei {
	background-image: url(/images/bg_sisetu_kyukei.png);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 40px;
	padding-top: 40px;
}
#kyukei h2 {
	margin-bottom: 25px;
	font-size: 226%;	/* 16 * 94% * 226% = 33.99px */
	text-align: center;
}
#kyukei h3 {
	font-size: 199%;	/* 16 * 94% * 199% = 29.93px */
	text-align: center;
}
.kyukeiimg {
	width: 460px;
}
#kyukei .floor1,
#kyukei .floor2 {
	position: relative;
}
#kyukei .floor1 {
	margin-bottom: 40px;
}
#kyukei .floor2 {
	margin-bottom: 33px;
}
#kyukei .floorcaption {
	clear: none;
	position: absolute;
	background-color: #42659f;
	top: 20px;
	left: 0;
	padding: 3px 20px;
	color: white;
	font-size: 133%;	/* 16 * 94% * 133% = 20.00px */
	letter-spacing: 0.1em;
}
#qanda {
	width: 80%;
	margin-bottom: 34px;
	margin-left: auto;
	margin-right: auto;
}
#kyukei_360view {
}
#kyukei_360view h3 {
	background: url(/images/icon_hotplaza.png) no-repeat center top / auto 45px;
	margin-bottom: 22px;
	padding-top: 57px;
}
#iyashi {
	background-image: url(/images/bg_sisetu_iyashi.png);
	background-repeat: no-repeat;
	margin-bottom: 40px;
	padding-top: 40px;
}
#iyashi h2 {
	margin-bottom: 25px;
	font-size: 226%;	/* 16 * 94% * 226% = 33.99px */
	text-align: center;
}
.iyashi_img {
	margin-bottom: 39px;
}
.iyashitext {
	float: left;
	width: 480px;
	line-height: 200%;
	padding-top: 20px;	/* 2023.9 Aki added */
}
.iyashitext strong {	/* 2023.9 Aki added */
	font-size: 200%;
}
#iyashi dl {
	border-top: 1px solid #7ec08c;
	float: right;
	width: 390px;
	margin: 6px 0 0;	/* 2025.2 Aki bottom was 28px */
	padding-top: 12px;
}
#iyashi .iyashitext dl {
	float: none;
	width: 100%;
}
#iyashi dt {
	background-color: #7ec08c;
	display: block;
	padding: 2px 1em;
	color: white;
	font-weight: normal;
}
#iyashi dd {
	border-bottom: 1px solid #7ec08c;
	margin-bottom: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
}
#iyashi dd span {	/* 2023.9 Aki added */
	display: inline-block;
	min-width: 90px;
}
#iyashi .small {
	font-size: 80%;
}
#iyashi p.small {
	float: right;
}
.iyashiyoyaku {
	background-color: white;
	clear: both;
	width: 925px;
	padding: 43px 25px 37px;
	text-align: center;
}
.iyashiyoyaku h3 {
	margin-bottom: 3px;
	font-size: 133%;	/* 16 * 94% * 133% = 20.00px */
}
.iyashiyoyaku .contact {
}
.iyashiyoyaku .contact span,
.iyashiyoyaku .contact a {
	vertical-align: middle;
}
.iyashiyoyaku .contact span.name {
	font-size: 120%;	/* 16 * 94% * 120% = 18.05px */
}
.iyashiyoyaku .contact .phone {
	color: #52a536;
	font-size: 160%;	/* 16 * 94% * 160% = 24.06px */
}
#syokuji {
	background-image: url(/images/bg_sisetu_syokuji.png);
	background-size: auto;
	background-repeat: no-repeat;
	margin-bottom: 40px;
	padding-top: 40px;
}
#syokuji h2 {
	margin-bottom: 25px;
	font-size: 226%;	/* 16 * 94% * 226% = 33.99px */
	text-align: center;
}
#syokuji p.descr {
	margin-bottom: 33px;
	text-align: center;
}
#syokuji p.descr strong {	/* 2023.10 Aki */
	font-size: 125%;
}
.contentWrapper {
}
#syokuji .flex {
	display: flex;
	justify-content: space-between;
}
#syokuji .flexcontent {
	flex-basis: 176px;
	width: 176px;
}
#syokuji figure {
	margin: 0 0 30px;
	line-height: 0;
	text-align: center;
}
#syokuji figcaption {
	line-height: 1.471;
	font-size: 113%;	/* 16 * 94% * 113% = 17.00px */
	text-align: center;
}
#syokuji figcaption span.type {
	font-size: 76%;		/* 16 * 94% * 113% * 76% = 12.92px */
}
#syokuji p.note {
	text-align: center;
}
.conveni .icon {
	float: left;
	width: 40px;
	margin-top: 10px;
	margin-left: 210px;
}
.conveni .text {
	margin-left: 260px;
	margin-right: 100px;
	color: #938b3c;
	font-weight: bold;
}
#tenji {
	background-image: url(/images/bg_sisetu_gallery.png);
	background-repeat: no-repeat;
	background-size: auto 100%;	/* 01.2023 Aki added */
	margin-bottom: 60px;
	padding-top: 40px;
}
#tenji h2 {
	margin-bottom: 10px;	/* 12.2022 Aki was 45px */
	font-size: 226%;	/* 16 * 94% * 226% = 33.99px */
	text-align: center;
}
#tenji .tenjiimg {
	float: left;
	text-align: center;
	margin-right: 25px;/* Matsuo 2019.11 was 40px widen for 田辺　忍's profile */
}
#tenji h3 {
	clear: none;
	margin-bottom: 29px;
	padding-top: 16px;
	line-height: 1.4;
	font-size: 133%;	/* 16 * 94% * 133% = 20.00px */
}
#tenji a {
	color: #9d2328;
}
#tenji p:last-child {
	margin-bottom: 0;
}
#kannai {
}
#kannai h2 {
	background: url(/images/icon_hotplaza.png) no-repeat center top / auto 45px;
	margin-bottom: 10px;
	padding-top: 52px;
	font-size: 199%;	/* 16 * 94% * 199% = 29.93px */
	text-align: center;
}
/* アクセス */
.accessmenu {
	overflow: hidden;
	margin: 0 0 52px 0;	/* DEC-2019 KAZ: was right only */
	padding: 0;
	text-align: center;
}
.accessmenu li {
	list-style-type: none;
	display: inline-block;
	width: 120px;
	height: 120px;
	color: white;
	text-align: center;
	vertical-align: top;	/* DEC-2019 KAZ: added */
}
.accessmenu li:not(:first-child) {
	margin-left: 48px;
}
.accessmenu li a {
	background-repeat: no-repeat;
	background-size: 120px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	padding: 60px 0 0;
	line-height: 60px;
	color: white;
	text-align: center;
	text-decoration: none;
}
.accessmenu li.car a {
	background-image: url(/images/access_car.png);
}
.accessmenu li.trainbus a {
	background-image: url(/images/access_train_bus.png);
}
.accessmenu li.bike a {
	background-image: url(/images/access_bike.png);
}
.iframemap,
.iframemap iframe,
.trainbusmap {
	width: 600px;
}
.iframemap,
.iframemap iframe {
	height: 450px;
}
.iframemap,
.trainbusmap {
	float: left;
}
.cartitle,
.trainbustitle,
.biketitle {
	margin-bottom: 24px;
}
.cartitle {
	background: url(/images/car.png) no-repeat;
}
.trainbustitle {
	background: url(/images/trainbus.png) no-repeat;
}
.biketitle {
	background: url(/images/bike.png) no-repeat;
}
.cartitle h2,
.trainbustitle h2,
.biketitle h2 {
	font-size: 173%;	/* 16 * 94% * 173% = 26.02px */
	text-align: center;
}
.cartitle h2,
.biketitle h2 {
	padding-top: 73px;
}
.trainbustitle h2 {
	padding-top: 90px;
}
.carcontent {
	background-color: #f7f4ee;
	height: 450px;
	margin-bottom: 30px;
}
.matsumoto {
}
.azumino {
}
.azusagawa {
}
.carcontent .info,
.trainbuscontent .info {
/*	float: right; */
/*	width: 380px; */
	margin-left: 630px;
	padding-right: 30px;
}
.carcontent .info h3 {
	clear: none;
	margin-bottom: 10px;
	padding-top: 35px;
	font-size: 160%;	/* 16 * 94% * 160% = 24.06px */
}
.carcontent .info h3 span.small {
	font-size: 75%;		/* 16 * 94% * 160% * 75% = 18.05px */
}
.carcontent .info .summary {
	background-color: black;
	color: white;
	padding-left: 10px;
	margin-bottom: 30px;
}
.park {
	background: url(/images/map_parking.png) no-repeat;
	background-position: center bottom 40px;
	border: 1px solid #bdb392;
	height: 808px;
	margin-bottom: 80px;
	padding-top: 42px;
	padding-bottom: 40px;
	text-align: center;
}
.park h3 {
	font-size: 160%;	/* 16 * 94% * 160% = 24.06px */
}
.trainbuscontent,
.trainbusmap {
	height: 520px;
}
.trainbuscontent {
	background-color: #f7f4ee;
	margin-bottom: 50px;
}
.trainbusmap {
	padding: 30px 18px 30px 30px;
}
.trainbuscontent .info {
	padding-top: 50px;
}
.kakomi {
	border: 1px solid black;
	margin-top: 22px;
	padding: 15px 10px;
}
.kakomi ul {
	margin: 0;
}
.kakomi ul li {
	list-style-type: none;
	padding-left: 1em;
}
.kakomi ul li::before {
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	content: '・';
}
.bikecontent {
	background-color: #f7f4ee;
	height: 450px;
}
.bikecoments {
	float: right;
	width: 390px;
	padding: 50px 40px 0 0;
	 /* Matsuo c/o padding-top: 50px; */
}
.bikecoments img {
	padding-top: 30px;
}
/* =IE8
----------------------------------------------- */ 
#ie8 section.feature-image.large img {
	width: 100%;
}


/* =Print
----------------------------------------------- */
@media print {
	body {
		width: 1030px;
	}
	#page {
		padding-top: 0;
	}
	#branding {
		position: static;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
}