/*
Theme Name: Misuzuko Site'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%;
	margin: 0;
	outline: 0;
	padding: 0;
	max-height: 999999px;	/* against Android Chrome Font Boosting */
}
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 {
	vertical-align: baseline;
}
table, caption, tfoot, thead {
	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 {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


/* Variables	JUL-2022 KAZ
----------------------------------------------- */
:root {
	/* Dimensions */
	--viewheight: 100vh;
}
@media print, screen and (min-width: 783px) {	/* WP Admin Bar */
	:root {
		/* Dimensions */
		--wp-admin-bar-height: 32px;
	}
}
@media screen and (max-width: 782px) {	/* WP Admin Bar */
	:root {
		/* Dimensions */
		--wp-admin-bar-height: 46px;
	}
}


/* =Structure
----------------------------------------------- */
body {
	padding: 0;
	min-width: 1100px;	/* 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. */
	font-size: 119%;	/* =19px */
	-webkit-text-size-adjust: 100%;
}
#masthead, #breadcrumbs, #mainwall, .ft_nav_top, #ft_links {
	width: 100%;	/* was 970px:MAR.2021 Aki */
}
#page {
	background: #fff;
}
#primary {
	float: left;
	margin: 0;
	width: 684px;	/* Width of main area */
}
#primary.nosidebar {
	float: none;
	margin: 0 auto;
	width: 100%;
}
#content {
	margin: 0 auto;	/* Apl.2021 Aki: was 0 */
}
#secondary {
	float: right;
	width: 261px;	/* width of sidebar, if no margin between the sidebar and the main area, this can be commented out (MAT) */
}

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


/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #727171;
	font-family: "游ゴシック体", "Yu Gothic",  YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; /* MTL see tips.xls */
	line-height: 1.333;
}
input, textarea, select {
	font-size: 100%;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color: #727171;	/* MAR.2021 Aki added */
}
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;
	border-spacing: 0;
	margin-bottom: 16px;
}
tbody {
	vertical-align: top;
}

/* List */
ul {
	list-style: none;
}
ul, ol {
	margin: 0 0 16px 22px;
}
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: bold;
}
dd {
	margin-bottom: 1.625em;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	background: white;
	box-shadow: none;
	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 {
	cursor: pointer;
}
form :-ms-input-placeholder { color: #aaaaaa; }	/* IE 10+ */
form ::-webkit-input-placeholder { color: #aaaaaa; }	/* Google Chrome, Safari, Opera 15+, Android, iOS */
form :-moz-placeholder { color: #aaaaaa; opacity: 1; }	/* Firefox 18- */
form ::-moz-placeholder { color: #aaaaaa; opacity: 1; }	/* Firefox 19+ */
form :placeholder-shown { color: #aaaaaa; }

/* 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 {
	position: relative;
	z-index: 9999;
/*	height: 150px; */
}
#masthead {
	background: url(/images/bg_header.png) no-repeat center /cover ;
	position: relative;
	height: 100px;	/* 07-JUL-2022 KAZ: was 162px; MAR.2021 Aki: was 150px */
	margin: 0 auto;
/*	padding: 0 25px; */	/* KAZ: moved to .wall_1100 */
}


/* =Menu
-------------------------------------------------------------- */
#headmenu {
/*	height: 150px; */
	overflow: hidden;
}
#headmenu .wall_1100 {	/* KAZ */
	padding: 0 25px;
}
#headmenu .wrap_button {
	float: right;
	display: flex;	/* 03.2023 Aki added */
	align-items: center;	/* 03.2023 Aki added */
	padding-top: 30px;
}
#headmenu .drawerbutton,
#headmenu .reservebutton {
/*	padding-top: 30px; 03.2023 Aki c/o */
}
#headmenu .drawerbutton {
/*	float: right; 03.2023 Aki c/o */
	order: 3;	/* 03.2023 Aki added */
}
#headmenu .drawerbutton a {	/* 03.2023 Aki added */
	display: block;
}
#headmenu .reservebutton {
	margin: 0 25px;	/* 03.2023 Aki added */
}
/* #headmenu .drawerbutton + .reservebutton {
*	margin-right: 72px;
} 03.2023 Aki c/o */
#headmenu .reservebutton a:hover {
	text-decoration: none;
	color: white;
	background-color: #727171;
	border: solid 2px white;
	box-shadow: 1px 1px 1px #acacac;
}
#headmenu .supbutton {	/* 03.2023 Aki added */
	display: flex;
	align-items: center;
}
#headmenu .supbutton a {	/* 03.2023 Aki added */
	display: block;
	color: #246E7C;
	background-color: white;
	line-height: 38px;
	border: solid 2px #246E7C;
	border-radius: 38px;
	padding: 0 10px;
}
#headmenu .supbutton a:hover {	/* 03.2023 Aki added */
	text-decoration: none;
	color: white;
	background-color: #246E7C;
	border-color: white;
}
#headmenu .supbutton .new {	/* 03.2023 Aki added */
	display: inline-block;
	color: #246E7C;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	padding-right: 5px;
}
#headmenu .sns_wrap {
	padding-top: 30px;
	text-align: right;	/* KAZ: was center */
}
#headmenu .sns_wrap img {
	width: 32px;
	height: 32px;
}
#headmenu .sns_wrap .fb_wrap {
	margin-right: 15px;
}
#headlogo {
	clear: none;	/* JUL-2022 KAZ: was both */
/*	position: absolute;
 *	top: 30px;
 */		/* JUL-2022 KAZ: c/o */
	width: 450px;	/* JUL-2022 KAZ */
}
h1#headlogo,
div#headlogo a {	/* JUL-2022 KAZ */
	padding: 38px 0;
}
div#headlogo a {	/* JUL-2022 KAZ */
	display: block;
}
#drawer_overlay {
	background-color: rgba(0,0,0,0.3);
	display: none;
	position: absolute;
	width: 100%;
	height: 100vh;	/* will be reset in javascript */
	top: 0;
	left: 0;
}
#drawer {
	background-color: #727171;
	border-bottom-left-radius: 15px;
	position: fixed;
	overflow-y: auto;	/* JUL-2022 KAZ */
	width: 338px;
	max-height: var(--viewheight);	/* JUL-2022 KAZ */
	top: 0;
	right: -338px;
/*	padding: 40px 0 33px; 07.2022 Aki co */	/* top 54px in design */
	padding: 20px 0;	/* 07.2022 Aki menu下が切れるため */
}
.admin-bar #drawer {
	max-height: calc(var(--viewheight) - var(--wp-admin-bar-height));	/* JUL-2022 KAZ */
	top: var(--wp-admin-bar-height);	/* JUL-2022 KAZ: was 32px */
}
#drawer .btn_line {
	margin-bottom: 7px;
	padding: 0 36px 0 44px;
	text-align: right;
}
#drawer .btn_line a#drawer_close {
	margin: -5px;
	padding: 5px;
}
#drawer ul {
	margin: 0 0 20px;	/* 07.2022 Aki bottom was 47px */
	line-height: 1.25;	/* 25px */
	font-size: 105%;	/* 16 * 119% * 105% = 19.99px */
}
#drawer ul li {
	list-style-type: none;
}
#drawer ul li a {
	display: block;
	padding: 7px 36px 7px 44px;	/* 07.2022 Aki top and bottom was 11px */
	color: white;
}
#drawer .drawer_sns {
	padding: 0 36px 0 44px;
}
#drawer .drawer_sns a {
	margin-right: 15px;
}
#breadcrumbs {
	font-size: 57.9%;		/* 16px * 94% * 80% = 12.03px  *  57.9% = 11px */
	width: 1100px;	/* MAR.2021 Aki added */
	line-height: 1;
	margin: 25px auto 15px;	/* 04.2021 Aki margin-top was 12px */
	padding: 0 25px;	/* KAZ: added */
}


/* =Content
----------------------------------------------- */
#topmain, #main {
	clear: both;
	overflow: hidden;
	position: relative;
}
#topmain {
}
#main {
}
#mainwall {
		/* Mat c/o for slide show buttons like http://kobabo-s.com  overflow: hidden; */
	margin: 0 auto;	/* was 32px auto 0 before breadcrumbs in */
}
.page-title {
	margin: 0 0 2.6em;
	line-height: 2.6em;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	margin: 0 0 15px;
	padding: 0 0 1.625em;
	position: relative;
}
.singular .hentry {
	margin: 0;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
	padding: 0;	/* MAR.2021 AKI added */
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title {
	clear: both;
	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;
	display: none;	/* MAR.2021 Aki added */
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
/*	margin-bottom: 20px; MAR.2021 Aki */
}
.entry-content h1, .entry-content h2
{
	background: #fff;
	color: #727171;	/* MAR.2021 Aki:was #000 */
	margin: 0 0 20px;
}
.entry-content h1, .entry-content h2.imgonly
{
	font-size: 28px;
	height: 50px;
	line-height: 50px;
	margin: 45px auto 20px;	/* MAR.2021 Aki added */
}
.entry-content h2
{
	font-weight: bold;
}
.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;
}
.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);
}
 	/* -- Mat copied from the original twentyeleven .css after pointed out by Viex and talking with kaz 2021.1 */
.entry-content table {
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.entry-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
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;
}
#searchform .screen-reader-text {
	display: none;
}

/* Gutenberg blocks */
/* 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;
}
.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 {
	max-width: 100%;
	height: auto;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	max-width: 96%;
	background: #eee;
	margin-bottom: 1em;
	padding: 5px 0;
}
.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;
	padding: 2px 0 0 5px;
	position: relative;
	background: transparent;
	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;
}

/* 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%;
}
.error404 #primary .widget {
	clear: none;
	float: left;
	width: 45%;
}
.error404 #primary .widget_archive {
	clear: both;
}


/* =Navigation
-------------------------------------------------------------- */
#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	color: inherit;
}
#content nav a:hover {
	text-decoration: none;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
	border-right: solid 1px #727171;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-size: 14px;
	font-weight: bold;
}
#content nav .meta-nav img {
	vertical-align: middle;	/* Apl.2021 Aki added */
}
#content nav .nav_blogttl {
	font-size: 15px;
	margin: 0 10px;
}

/* Singular navigation */
#content #nav-single {
	width: 900px;	/* Apl.2021 Aki: was 100% */
	border-top: solid 1px #727171;
	border-bottom: solid 1px #727171;
	padding: 15px 10px;
	margin: 0 auto;
}

#content div.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 30px auto;
}
#content div.wp-pagenavi .pages {	/* Apl.2021 Aki */
	display: none;
}
#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,
#content div.wp-pagenavi a.page,
#content div.wp-pagenavi a.previouspostslink,
#content div.wp-pagenavi a.nextpostslink,
#content div.wp-pagenavi span.extend {
	font-weight: inherit;
	width: 36px;
	height: 36px;
	border: solid 1px #ffffff;
	border-radius: 36px;
	padding: 9px 0 0;
}
#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: #ffffff;
	border-color: #727171;
}
#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: #727171;
}
#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;
}


/* =Widgets
----------------------------------------------- */
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 10px;
}
.widget h3.widget-title {
}
.widget ul {
	margin: 0;
	list-style-type: none;
}
.widget ul ul {
	margin-left: 1.5em;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Widget Image */
.widget_image img {
	border: 0;
	padding: 0;
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Footer
----------------------------------------------- */
#ft_nav_top {
	display: none;
	width: 63px;
	height: 63px;
	background: url(/images/nav_gotop_hover.png) no-repeat;
	position: fixed;
	bottom: 18px;
	right: 50%;
	margin: 0 -557px 0 0;
	opacity: 0;
	z-index: 9000;
}
/* #ft_nav_top a {
	display: inline-block;
	width: 63px;
	height: 63px;
	float: right;
	margin: 0 20px;
	padding: 8px 0 5px;
	line-height: 0;
} */
#ft_nav_top a:hover img {
	visibility: hidden;
	
}
/* #ft_nav_top a img {
	border-bottom: transparent solid 1px;
} */

#colophon {
	clear: both;
	overflow: hidden;
	position: relative;
	background: url(/images/bg_footer.png) no-repeat center top / cover;
/*	text-align: center; */
	height: 252px;
	margin-top: -80px;	/* MAR.2021 Aki added */
}
#colophon .wall_1100 {	/* KAZ */
	padding: 0 36px;
}
#ft_links {
	overflow: hidden;
	position: absolute;
	bottom: 30px;
/*	height: 30px; */
	width: 157px;
	text-align: center;
}
#ft_links #footerlogo {
	margin-bottom: 20px;
}
#ft_links .sns_wrap {
	background: url(/images/followus.png) no-repeat center top;
	padding: 25px 0 0;
}
#ft_links .sns_wrap img {
	width: 43px;
	height: 43px;
}
#ft_links .sns_wrap .fb_wrap {
	margin-right: 20px;
}
#colophon .add_wrap {
	float: right;
	text-align: right;
	margin-top: 65px;	/* KAZ: was margin: 65px 35px 0 */
}
#ft_title {
	font-size: 121.1%;
}
#ft_add, #ft_tel, #ft_mail, #ft_contact, #ft_copyright {
	font-size: 73.7%;
}
#ft_tel {
	margin-top: 1em;
}
#ft_mail a {
	color: #727171;
}
#ft_contact {
	float: right;
	margin: 5px 0 0;
}
#ft_contact .linkbutton {
	width: 142px;
}
#ft_contact .linkbutton a {
	background: url(/images/icon_mail.png) no-repeat center left 10px #ffffff;
	padding: 5px 0 5px 20px;
}
#ft_contact .linkbutton a:hover {
	background: url(/images/icon_mail_hover.png) no-repeat center left 10px #727171;
}
#ft_copyright {
	clear: both;
	line-height: 30px;
	height: 30px;
/*	font-size: 70%; */
	margin-top: 2em;
}


/* Common entries
-------------------------------------------------------------- */
.left {
	text-align: left;
	display: block;	/* 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 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.notransbtn:hover, a:hover img.notransbtn, #headlogo a:hover img, #ft_links a:hover img {
	opacity: 1;
	filter: none;
}
.ios .transbtn:hover {
/* iOS 8.4.1 で :hover に opacity が指定してあると 2 回タップしないとリンク先に飛ばない。script.js でユーザーエージェントを見て body に class="ios" を追加。 */
	opacity: 1;
	filter: none;
}
.nomargin {
	margin: 0 !important;
}
.topbottommargin {
	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 {
	border: 1px solid gray;
}
.noclear {
	clear: none !important;
}
.nobackground {
	background: transparent none !important;
}
.wall {
	width: 786px;
	margin: 0 auto;
}
.wall_900 {
	width: 900px;
	margin: 0 auto;
}
.wall_965 {
	width: 965px;
	margin: 0 auto;
}
.wall_1100 {
	overflow: hidden;
	max-width: 1100px;	/* KAZ: was width */
	margin: 0 auto;
}
section h2.vertical {
	font-size: 115.8%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
section h2.ttl_green {
	font-size: 105.3%;
	text-align: center;
	line-height: 40px;
}
section h2.ttl_green span {
	display: inline-block;
	background-color: #d3e7e4;
	border-radius:40px;
	padding: 0 25px;
}
section h3.ttl_orange {
	margin: 30px 0 5px;
}
section h3.ttl_orange:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 28px;
	background-color: #f8e4ae;
	margin-right: 5px;
	vertical-align: bottom;
}
section h3.kakomi {
	width: 100%;
	font-size: 105.3%;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	margin: 10px auto 25px;
}
section h3.kakomi.blue {
	background-color: #d4e8e5;
}
section h3.kakomi.pink {
	background-color: #f2ded6;
}
section h3.kakomi.yellow {
	background-color: #f9e5af;
}
section h3.kakomi.brown {
	color: white;
	background-color: #b28d80;
}
section h3.kakomi.gray {
	background-color: #d2d4d5;
}
section .circle:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background-color: #727171;
	margin-right: 5px;
}
section .bg_orange {
	background-color: #f8e4ae;
}
section .bg_gray {
	background-color: #d1d3d4;
}
section .f_left {
	float: left;
}
section .f_right {
	float: right;
}
section .bigfont {	/* =26px */
	font-size: 136.8%;
}
section .smallfont_1 {	/* =14px */
	font-size: 73.7%;
}
section .smallfont_2 {	/* =15px */
	font-size: 78.9%;
}
section .smallfont_3 {	/* =16px */
	font-size: 84.2%;
}
section .smallfont_4 {	/* =17px */
	font-size: 89.5%;
}
section a {
	color: #727171;
}
section a.block {
	display: block;
	width: 100%;
	height: 100%;
}
.reservebutton {
	width: 110px;
	text-align: center;
}
.reservebutton a {
	display: block;
	color: #727171;
	line-height: 38px;
	border: solid 2px #727171;
	border-radius: 38px;
	background-color: white;
}
.reservebutton a:hover {
	text-decoration: none;
	color: white;
	background-color: #727171;
	border: solid 2px white;
}
.linkbutton {
	clear: both;
	width: 130px;
	text-align: center;
}
.linkbutton a {
	display: block;
	color: #727171;
	background-color: white;
	border: solid 2px #727171;
	border-radius: 38px;
	padding: 5px 0;
}
.linkbutton a:hover {
	text-decoration: none;
	color: white;
	background-color: #727171;
	border: solid 2px white;
}
.linkbutton.yanarin {
	width: 240px;
	margin-bottom: 30px;
}
.linkbutton.yanarin img {
	display: block;
	margin: auto;
}
.morebutton {
	clear: both;
	width: 115px;
	text-align: center;
	margin: 0 auto;
}
.morebutton a {
	display: block;
	background-color: white;
	font-size: 89.5%;
	line-height: 30px;
	border: solid 2px #727171;
	border-radius: 35px;
}
.morebutton a:hover {
	text-decoration: none;
	color: white;
	background-color: #727171;
	border: solid 2px white;
}
.shadow a {
	box-shadow: 2px 2px 2px #acacac;
	margin-bottom: 5px;
}
.wrapper {
	overflow: hidden;
}
ul.flex {
	display: flex;
}
ul.wrap {
	flex-wrap: wrap;
}
ul.nostyle {
	list-style: none;
	margin: 0;
}
dl.float {
	margin: 0;
}
dl.float dt {
	font-weight: normal;
	float: left;
	width: 75px;
}
dl.float dd {
	margin: 0 0 0 75px;
}
section {
	position: relative;
}
section .gmap iframe {
	min-width: 100%;
	min-height: 100%;
}
section.whitebg {
	background: url(/images/bg_white.png) no-repeat center top /100% auto;
	padding: 70px 0 110px;
	margin-top: -80px;
}
body:not(#my-top) section:last-child {
	margin-bottom: 80px;
}
header.entry-header h1.entry-title {
	display: none;
}
.red {
	color: red;
}
.sponly {
	display: none;
}


/* Common Slideshow Components
----------------------------------------------- */
.cnt_slideshow .ss_img_wrapper {
	position: relative;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	text-align: center; /* required for IE7 */
}
.cnt_slideshow .ss_img_wrapper .ss_img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -9999;
}
.cnt_slideshow .ss_img_wrapper #cnt_ss1_img1,
.cnt_slideshow .ss_img_wrapper #cnt_ss2_img1,
.cnt_slideshow .ss_img_wrapper #cnt_ss3_img1 {
	z-index: 0;
}
.cnt_slideshow .ss_navbtns {
	position: relative;
	width: 360px;
	z-index: 9000;
	margin: 0 auto;
}
.cnt_slideshow .ss_navbtns a.prevbutton,
.cnt_slideshow .ss_navbtns a.nextbutton {
	position: absolute;
	top: -216px;
	line-height: 0;
}
.cnt_slideshow .ss_navbtns a.prevbutton {
	left: 0;
}
.cnt_slideshow .ss_navbtns a.nextbutton {
	right: 0;
}


/* Blog Page Components
----------------------------------------------- */
#my-blog #content, #my-topic #content, #my-topics_category #content {
	padding: 0 0 110px;
}
#my-topic #content {
	width: 965px;
	overflow: hidden;
}
#my-blog header.entry-header h1.entry-title {
	display: block;
	font-size: 105.3%;
	text-align: center;
}
#my-blog h1.imgonly, #my-topic h1.imgonly, #my-topics_category h1.imgonly, #my-topic .page-title, #my-topic .blog-title {
	text-align: center;
	margin: 25px auto 50px;
}
#my-topic .blog-title {
	font-weight: bold;
	margin: 25px auto 20px;
}
#my-blog .hentry, #my-topics_category .hentry {
	border-bottom: solid 1px #727171;
	padding: 0;
	margin: 0;
}
.single-post#my-blog .hentry {
	border-bottom: none;
}
#my-blog .hentry .blogdate, #my-topics_category .hentry .blogdate {
	display: inline-block;
	width: 200px;
	font-size: 89.5%;
	letter-spacing: 0.1em;
}
#my-blog .hentry h2.entry-title, #my-topics_category .hentry h2.entry-title {
	display: inline;
	font-size: 105.3%;
	line-height: 40px;
}
.single-post#my-blog .hentry .blogdate {
	font-size: 73.7%;
	letter-spacing: inherit;
}
#my-blog .entry-content {
	font-size: 89.5%;
}
#my-blog .backtolist, #my-topic .backtolist {	/* KAZ: ChkHTML; added .backtolist */
	margin: 50px 0;
}
#my-blog .backtolist .linkbutton, #my-topic .backtolist .linkbutton {	/* KAZ: ChkHTML */
	margin: 0 auto;	/* KAZ: ChkHTML: was 50px auto */
}
#my-blog .backtolist .linkbutton a, #my-topic .backtolist .linkbutton a {	/* KAZ: ChkHTML; added .backtolist */
	font-size: 17px;
}
#my-blog .entry-content img, #my-topic .entry-content img {
	border-radius: 20px;
	margin: 40px 0 30px 30px;
}
#my-topic .blogdate {
	font-size: 14px;
}

/* Front Page Components
----------------------------------------------- */
.wp_social_bookmarking_light, .wp_social_bookmarking_light_clear {
	display: none;
}
#my-top section:not(.whitebg):not(#mainvisual):not(:first-child):not(#aboutus) {
	padding: 70px 0 110px;
	margin-top: -50px;
}
section#mainvisual {
	background-color: #d8ece9;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
section#mainvisual .weather_wrapper {
	position: absolute;
	width: 190px;	/* KAZ: was 17.28% */
	top: 600px;
	left: 0;	/* KAZ: was 8.64%: see also media query below */
	font-weight: 400;
	text-align: center;
/*	transform: translatex(-50%); */
}
section#mainvisual .weather_wrapper a {
	display: block;
}
section#mainvisual .weather_wrapper img.icon {
	margin-right: 10px;
	vertical-align: -3px;
}
section#mainvisual .weather_wrapper span.deg {
	font-size: 74%;		/* 16 * 119% * 74% = 14.09px */
	font-weight: normal;
}
section#mainvisual .greeting {
	background: url(/images/mainvisual_00.jpg) no-repeat bottom right / cover;
/*	width: 100%; */
	height: 720px;
	margin-left: 190px;	/* KAZ: was 17.28%: see also media query below */
	color: white;
	font-size: 110.5%;
/*	-ms-writing-mode: tb-rl;
 *	writing-mode: vertical-rl;
 */	/* KAZ: moved below */
}
section#mainvisual .greeting .inner {
	position: absolute;
/*	width: 1100px; */
	top: 45px;
/*	left: 50%; */
	right: calc(50% - 460px);	/* KAZ */
/*	padding: 0 75px 0 0; */
/*	transform: translatex(-50%); */
	-ms-writing-mode: tb-rl;	/* KAZ: moved here */
	writing-mode: vertical-rl;
}
section#mainvisual #slideshow {
	position: relative;
/*	overflow: hidden; */	/* JUL-2022 KAZ: c/o */
/*	width: 100%; */
	height: 750px;
	margin-left: 190px;	/* KAZ: was 17.28%: see also media query below */
}
section#mainvisual #slideshow #ss_img_wrapper {
	height: 100%;	/* JUL-2022 KAZ */
}
section#mainvisual #slideshow .ss_img {
	background-repeat: no-repeat;
	background-position: bottom center;	/* JUL-2022 KAZ: was bottom right */
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 720px;
	top: 0;
	left: 0;
	z-index: -9999;
}
section#mainvisual #slideshow .ss_img#ss1 {
	z-index: 0;
}
section#mainvisual #slideshow .ss_img .logomark {	/* JUL-2022 KAZ */
	background-color: rgba(255,255,255,0.8);	/* 09.2022 Aki was white */
	position: absolute;
	width: 314px;
	top: 50px;
	left: 25px;	/* 09.2022 Aki was 0 */
	padding: 15px 30px;	/* 09.2022 Aki was 17px 0 17px 72px */
	border-radius: 5px;
}
section#mainvisual #slideshow .ss_img .note {
	position: absolute;
	bottom: 45px;
	right: 30px;
	color: white;
	font-size: 84%;		/* 16 * 119% * 84% = 15.99px */
	letter-spacing: 0.12em;
	text-align: right;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.33), 0px 0px 2px rgba(0,0,0,0.33), 2px 0px 2px rgba(0,0,0,0.33), 0px 2px 2px rgba(0,0,0,0.33), 2px 2px 2px rgba(0,0,0,0.33);
	text-shadow: 1px 1px 1px 1px rgba(0,0,0,0.65);	/* for IE as in design */
}
section#mainvisual #ss_overlay_text {
	position: absolute;
	top: 45px;
/*	right: calc(50% - 460px); */	/* KAZ */
	-ms-writing-mode: tb-rl;	/* KAZ: moved here */
	writing-mode: vertical-rl;
}
section#mainvisual #ss_overlay_text.topnew {
	width: 148px;	/* JUL-2022 KAZ: was 580px */
	top: 120px;	/* JUL-2022 KAZ: was 216px */
/*	left: calc(50% - 575px); */	/* JUL-2022 KAZ: c/o; KAZ: was 0 */
	right: calc(50% + 380px);	/* JUL-2022 KAZ */
	z-index: 200;	/* KAZ */
	color: #727171;	/* JUL-2022 KAZ: was white */
	font-size: 94.5%;	/* 16 * 119% * 94.5% = 17.99px; JUL-2022 KAZ: was 137% = 26.08px */
	font-weight: bold;
	letter-spacing: 0.1em;	/* JUL-2022 KAZ */
/*	text-shadow: 2px 2px 3px rgba(76,73,72,0.33), 1px 1px 1.5px rgba(76,73,72,0.33), 3px 1px 1.5px rgba(76,73,72,0.33), 1px 3px 1.5px rgba(76,73,72,0.33), 3px 1px 1.5px rgba(76,73,72,0.33); */	/* JUL-2022 KAZ: c/o; KAZ: was 1px 2px 3px #4c4948 */
/*	text-shadow: 2px 2px 1.5px 2.5px rgba(76,73,72,0.65); */	/* JUL-2022 KAZ: c/o; for IE as in design */
}
section#mainvisual #ss_overlay_text .text_wrap {
	margin: 0;	/* JUL-2022 KAZ: was 1em 0 0 */
	line-height: 2em;
}
section#mainvisual #ss_overlay_text .text_wrap > span {	/* JUL-2022 KAZ */
	display: inline-block;
}
section#mainvisual #ss_overlay_text .text_wrap > span.first {	/* JUL-2022 KAZ */
	margin-bottom: 90px;
}
section#mainvisual #ss_navbtns {	/* JUL-2022 KAZ */
	position: relative;
	width: 100%;
	z-index: 9000;
	margin: 0 auto;
}
section#mainvisual #ss_navbtns a.prevbutton,
section#mainvisual #ss_navbtns a.nextbutton {	/* JUL-2022 KAZ */
	position: absolute;
	visibility: hidden;
	top: -450px;	/* -427 - α */
	padding: 20px;
	line-height: 0;
	opacity: 0;
	transition: all 1s ease;
}
@media (any-hover: hover) {
	section#mainvisual #slideshow:hover #ss_navbtns a.prevbutton,
	section#mainvisual #slideshow:hover #ss_navbtns a.nextbutton {	/* JUL-2022 KAZ */
		visibility: visible;
		opacity: 1;
	}
}
section#mainvisual #ss_navbtns a.prevbutton {	/* JUL-2022 KAZ */
	left: 0;
}
section#mainvisual #ss_navbtns a.nextbutton {	/* JUL-2022 KAZ */
	right: 0;
}
section#mainvisual #ss_navbtns a img {	/* JUL-2022 KAZ */
	width: 64px;
	height: 64px;
}
@media screen and (min-width: 1101px) {	/* KAZ: special */
	section#mainvisual .weather_wrapper {
		left: calc(50% - 550px);
	}
	section#mainvisual .greeting,
	section#mainvisual #slideshow {
		margin-left: calc(50% - 360px);
	}
}

/* About us */
#my-top section#aboutus {
	background: url(/images/bg_gray.png) no-repeat center top / cover;
	z-index: 200;	/* KAZ */
	padding: 90px 0;
	margin-top: -80px;
}
#my-top section#aboutus h2 {
	float: left;
	width: 183px;
	margin: 90px 70px 0 0;
}
#my-top section#aboutus .right_wrap {
	float: right;
	width: 697px;
}
#my-top section#aboutus .right_wrap .descr  {
	line-height: 2em;
	margin-top: 30px;
}
#my-top section#aboutus .morebutton {
	margin: 30px auto 0;
}

/* Feature */
#my-top section#feature {
	z-index: 1000;
	padding: 70px 0;
}
#my-top section#feature h3 {
	text-align: center;
	margin: 30px 0;
}
#my-top section#feature ul {
	justify-content: center;
}
#my-top section#feature ul > li {
	width: 230px;
	text-align: center;
	margin-bottom: 25px;
}

/* News */
#my-top section#news {
	background: url(/images/bg_green_childpage.png) no-repeat center top / cover;
}
#my-top section#news .morebutton, #my-top section#topics .morebutton {
	margin: 50px auto 0;
}
ul#top_blogrecent {
	list-style: none;
	width: 820px;
	margin: 0 auto;
}
ul#top_blogrecent li {
	clear: both;
	font-size: 89.5%;
	border-bottom: solid 1px;
	padding: 1.5em 0 0.5em;
}
#top_blogrecent .date, #top_blogrecent .category {
	font-size: 100%;	/* MAR.2021 Aki:was 80% */
}

/* トピックス */
#my-top section#topics {
}
#my-top section#topics ul {
	justify-content: space-between;
	padding: 35px 0 0;
}
#my-top section#topics ul > li {
	width: 320px;
	height: auto;
}
#my-top section#topics ul > li a:hover {
	text-decoration: none;
}
#my-top section#topics ul > li .topics_thumbnail {
	position: relative;
	overflow: hidden;
	width: 320px;
	height: 270px;
}
#my-top section#topics ul > li .topics_thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
#my-top section#topics ul > li .topics_thumbnail:after {
	content: url(/images/mado01.png);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#my-top section#topics ul > li:nth-child(2) .topics_thumbnail:after {
	content: url(/images/mado02.png);
	position: absolute;
}
#my-top section#topics ul > li:nth-child(3) .topics_thumbnail:after {
	content: url(/images/mado03.png);
	position: absolute;
}
#my-top section#topics ul > li .text_wrap {
	padding: 0 20px;
}
#my-top section#topics ul > li .ttl_topics {
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}


/* メニュー */
#my-top section#menu {
	background: url(/images/bg_pink.png) no-repeat center top / cover;	/* MAR-2022 KAZ: size was 100% auto */
	padding: 90px 0;
}
#my-top section#menu ul > li {
	position: relative;
	width: 280px;
	height: 280px;
	overflow: hidden;
}
/*#my-top section#menu ul > li:not(:nth-child(3n)) {
 *	margin: 0 55px 70px 0;
 *}
 */
#my-top section#menu ul > li {	/* MAR-2022 KAZ */
	margin: 0 62px 53px 0;
}
/* #my-top section#menu ul > li:first-child,
#my-top section#menu ul > li:nth-child(6) */
#my-top section#menu ul > li.information,
#my-top section#menu ul > li.terms {	/* MAR-2022 KAZ */
	margin-left: 170px;
}
/* #my-top section#menu ul > li:nth-child(5) */
#my-top section#menu ul > li.rental {	/* MAR-2022 KAZ */
	margin-right: 0;
}
/* #my-top section#menu ul > li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background: url(/images/top_menu01.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#my-top section#menu ul > li#bonfire:after {
	background: url(/images/top_menu02.png) no-repeat center center;
}
#my-top section#menu ul > li#bornin:after {
	background: url(/images/top_menu03.png) no-repeat center center;
}
#my-top section#menu ul > li#rental:after {
	background: url(/images/top_menu04.png) no-repeat center center;
}
#my-top section#menu ul > li#terms:after {
	background: url(/images/top_menu05.png) no-repeat center center;
}
#my-top section#menu ul > li#nearby:after {
	background: url(/images/top_menu06.png) no-repeat center center;
}
#my-top section#menu ul > li a:hover {
	text-decoration: none;
}
#my-top section#menu ul > li:hover:after {
	opacity: 0.9;
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
} 2021.04 Aki */

#my-top section#menu ul > li {
	background: url(/images/top_menu01.png) no-repeat center center;
}
#my-top section#menu ul > li.bonfire {
	background: url(/images/top_menu02.png) no-repeat center center;
}
#my-top section#menu ul > li.tips {	/* KAZ */
	background: url(/images/top_menu_tips.png) no-repeat center center;
}
#my-top section#menu ul > li.bornin {
	background: url(/images/top_menu03.png) no-repeat center center;
}
#my-top section#menu ul > li.rental {
	background: url(/images/top_menu04.png) no-repeat center center;
}
#my-top section#menu ul > li.terms {
	background: url(/images/top_menu05.png) no-repeat center center;
}
#my-top section#menu ul > li.nearby {
	background: url(/images/top_menu06.png) no-repeat center center;
}
#my-top section#menu ul > li:hover {
	transform: scale(0.9,0.9);
	transition-duration: 0.5s;
}
#my-top section#menu ul > li a:hover {
	text-decoration: none;
}
/* #my-top section#menu ul > li:nth-child(2n) .text_wrap */
#my-top section#menu ul > li.bonfire .text_wrap,
#my-top section#menu ul > li.tips .text_wrap,
#my-top section#menu ul > li.rental .text_wrap,
#my-top section#menu ul > li.nearby .text_wrap {	/* KAZ */
	color: white;
}
#my-top section#menu .text_wrap {
	width: 100%;
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 120%;
	letter-spacing: 0.2em;
	text-align: center;
	font-weight: bold;
	z-index: 1;
}
#my-top section#menu .text_wrap.wheight {
	line-height: 2em;
}
#my-top section#menu .text_wrap .descr {
	font-size: 14px;
	line-height: 1.5em;
	margin-top: 1em;
}

/* アクセス */
#my-top section#access {
}
#my-top section#access .gmap {
	width: 445px;
	height: 270px;
	float: left;
	margin: 30px 0 0;
}
#my-top section#access .text_wrap {
	margin: 50px 0 0 480px;
}
#my-top section#access .descr {
	background: url(/images/icon_arrow_pink.png) no-repeat bottom 15px left;
	padding: 0 0 40px;
}
#my-top section#access .descr.last {
	background: none;
	padding: 0 0 15px;
}
#my-top section#access .descr.notice {
	background: url(/images/icon_notice.png) no-repeat center left;
	padding: 0 0 0 45px;
}

/* INSTAGRAM: MAR-2022 KAZ */
#my-top section#top_instagram {
}
#my-top section#top_instagram p.message {
	font-size: 84.2%;
	text-align: center;
}
#my-top section#top_instagram .feed {
	margin: 0 -10px;
}

/* 下部バナー */
#my-top section#banner {
	background: url(/images/bg_green.png) no-repeat center top / 100% auto;
}
#my-top section#banner ul {
	justify-content: center;
}
#my-top section#banner ul > li img {
	filter: drop-shadow(2px 2px 2px #a8a8a8);
}
#my-top section#banner ul > li:not(:last-child) {
	margin-right: 35px;
}

/* 先行予約 */
section#mainvisual .greeting h2 {
	color: white;
	background-color: transparent;
	margin: 0 0 0 40px;
}
section#mainvisual .greeting .text_wrap {
	line-height: 2em;
	margin: 1em 0 0;
}
section#top1 {
	background: url(/images/bg_gray.png) no-repeat center top / cover;
	padding: 95px 0 140px;
	margin-top: -80px;
}
section#top1 h2 {
	text-align: center;
	color: #727171;
	background-color: transparent;
}
section#top1 h2:before,
section#top1 h2:after {
	content: "";
	display: inline-block;
	width: 100px;
	height: 3px;
	vertical-align: middle;
	background-color: #727171;
}
section#top1 h2:before {
	margin-right: 15px;
}
section#top1 h2:after {
	margin-left: 15px;
}
section#top1 #table_wrap {
	border-left: solid 3px #727171;
	border-right: solid 3px #727171;
	border-bottom: solid 3px #727171;
	padding: 35px 0 0;
	margin-top: -33px;
}
section#top1 #table_wrap table {
	width: 700px;
	border: 0;
	margin: 0px auto 5px;
}
section#top1 #table_wrap table tr {
	vertical-align: middle;
	border-bottom: solid 1px #727171;
}
section#top1 #table_wrap table tr:last-child {
	border: 0;
}
section#top1 #table_wrap table th {
	width: 160px;
	padding: 15px 0;
}
section#top1 #table_wrap table td {
	border: 0;
	padding: 0;
}
section#top1 #table_wrap table td.line2 {
	letter-spacing: -0.1em;
	padding: 15px 0;
}
section#top1 #table_wrap table td.line2 .px16 {
	letter-spacing: normal;
}
section#top1 .reservebutton {
	margin: 35px auto 0;
}
section#top2 {
	overflow: hidden;
	padding: 70px 0 0;
	margin: -80px 0 80px;
}
section#top2 .descr {
	line-height: 2em;
	padding: 0 17px;
}
section#top2 .descr.bold {
	margin: 2em 0;
}
section#top2 .linkbutton.yanarin {
	float: right;
}


/* Aboutus Page Components
----------------------------------------------- */
#my-aboutus #mainwall {
	position: relative;
}
#my-aboutus .grayimage {
	position: absolute;
}
#my-aboutus #img01 {
	top: 52px;	/* KAZ: was 50px */
	left: calc(50% + 80px);	/* KAZ: was calc(50% + 70px) */
}
#my-aboutus #img02 {
	top: 480px;
	left: calc(50% + 70px);	/* KAZ: was calc(50% + 60px) */
}
#my-aboutus #img03 {
	top: 602px;	/* KAZ: was 640px */
	left: calc(50% + 215px);	/* KAZ: was calc(50% + 205px) */
}
#my-aboutus #img04 {
	top: 840px;	/* KAZ: was 900px */
	left: calc(50% - 127px);	/* KAZ: was calc(50% - 180px) */
}
#my-aboutus #img05 {
	top: 1523px;	/* KAZ: was 1580px */
	left: calc(50% - 486px);	/* KAZ: was calc(50% - 550px) */
}
#my-aboutus #img06 {
	top: 1925px;	/* KAZ: was 2000px */
	left: calc(50% - 231px);	/* KAZ: was calc(50% - 300px) */
}
#my-aboutus #img07 {
	top: 2009px;	/* KAZ: was 2070px */
	left: calc(50% - 509px);	/* KAZ: was calc(50% - 570px) */
}
#my-aboutus #img08 {
	top: 2216px;	/* KAZ: was 2270px */
	left: calc(50% - 255px);	/* KAZ: was calc(50% - 320px) */
}
#my-aboutus #img09 {
	top: 2410px;	/* KAZ: was 2460px */
	left: calc(50% - 497px);	/* KAZ: was calc(50% - 600px) */
}
#my-aboutus section {
	overflow: hidden;
/*	padding: 70px 0 110px; */
/*	margin-top: -50px; */
}
#my-aboutus section > .wall_1100 {
	width: 1018px;	/* KAZ: ChkHTML; added */
}
#my-aboutus section h2 {
	background-color: transparent;
	font-size: 115.8%;
}
#my-aboutus section h2.vertical {
	float: left;
	margin: 5px 0 0 55px;	/* KAZ: was 0.5em 0 0 */
	line-height: 1em;	/* KAZ */
	letter-spacing: 0.1em;	/* KAZ */
}
#my-aboutus section .descr {
	font-size: 89.5%;
	line-height: 2.392;	/* KAZ: 40.66px; was 2.5em */
	padding: 0 0 0 106px;	/* KAZ: left was 50px */
	letter-spacing: 0.15em;	/* KAZ */
}
#my-aboutus section .descr:not(:last-child) {
	margin-bottom: 19px;	/* KAZ: was 15px */
}
#my-aboutus section#about01 {
	padding: 36px 0 50px;	/* KAZ */
}
#my-aboutus section#about01 .wall_1100 {
}
#my-aboutus section#about02 {
	background: url(/images/bg_green_childpage.png) no-repeat center top /cover;
/*	margin-top: -70px; */
	padding: 127px 0 110px;	/* KAZ was 130px 0 90px; */
}
#my-aboutus section#about02 .wall_1100 {
	display: flex;
}
#my-aboutus section#about02 .descr_wrap {
	width: 675px;	/* KAZ: was 600px; 669px in design */
	margin-left: -77px;	/* KAZ */
}
#my-aboutus section#about02 .right_wrap {
	border-left: solid 1px #727171;
	padding: 0 0 0 40px;
}
#my-aboutus section#about02 .right_wrap ol {
	margin-left: 27px;	/* KAZ */
	line-height: 2.392;	/* KAZ: 40.66px; was 2.5em */
	letter-spacing: 0.15em;	/* KAZ */
}
#my-aboutus section#about02 .right_wrap ol > li {
}
#my-aboutus section#about02 .right_wrap .imgonly {
}
#my-aboutus section#about02 .linkbutton {
	width: 156px;
	text-align: left;
	margin: 20px 0 0;
}
#my-aboutus section#about02 .linkbutton a {
	padding: 5px 0 5px 20px;
}
#my-aboutus section#about03 {
	margin-bottom: 30px;
	padding: 115px 0 180px;	/* KAZ: was 100px 0 180px */
}
#my-aboutus section#about03 .wall_1100 {
}
#my-aboutus section#about03 .right_wrap {
	width: 594px;	/* KAZ: 539 + 55; was 650px */
	float: right;
}
#my-aboutus section#about03 .linkbutton.yanarin {
	margin: 0 0 30px 106px;	/* KAZ: left was 50px */
}
#my-aboutus section#about03 .linkbutton.yanarin a {
	padding: 0;	/* KAZ */
}


/* Information Page Components
----------------------------------------------- */
#my-information .reservebutton.content {
	width: 138px;
	margin: 40px auto 3px;
}
#my-information .reservebutton.content a {
	font-size: 78.9%;
	font-weight: bold;
	line-height: 33px;
	box-shadow: 2px 2px 2px #acacac;
}
section#information01 .imgonly {
	padding: 22px 0;
}
section#information02 .plan_wrap {
	overflow: hidden;
	width: 800px;
	margin: 0 auto 50px;
}
section#information02 .plan_wrap .imgonly {
	float: left;
}
section#information02 .plan_wrap .price_wrap {
	line-height: 1.8em;
	margin: 50px 0 0 440px;
}
section#information02 .plan_wrap .price_wrap span {
	display: inline-block;
	width: 160px;
}
section#information02 .plan_wrap .descr.notice {
	clear: both;
	padding: 30px 0 0;
}
section#information02 .plan_wrap#kukaku .imgonly,
section#information02 .plan_wrap#daycamp .imgonly{
	float: right;
}
section#information02 .plan_wrap#kukaku .price_wrap,
section#information02 .plan_wrap#daycamp .price_wrap {
	margin: 50px 0 0;
}
section#information02 .plan_wrap .ss_wrap {
	position: relative;
	margin: 15px auto 20px;
}

section#information02 .plan_wrap .list_wrap {
	width: 540px;
	border: solid 1px #727171;
	border-radius: 10px;
	padding: 25px 0 25px 35px;
	margin: auto;
}
section#information02 .plan_wrap .list_wrap ul > li {
	line-height: 1.5em;
	margin-right: 20px;
}
section#information02 .plan_wrap .list_wrap ul > li:before {
	content:"";
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background-color: #727171;
	margin-right: 5px;
}


/* Bonfire Page Components
----------------------------------------------- */
#my-bonfire section {
	overflow: hidden;
	padding: 70px 0 90px;
	margin-top: -80px;
}
#my-bonfire section h2.vertical {
	float: left;
	background-color: transparent;
	margin-right: 50px;
	/* --- bornfire page Shun added 2021.4 -- */ 
	text-indent: -2em;
    padding-top: 2em;
}
#my-bonfire section {
	clear: both;
}
section#bonfire01 {
}
section#bonfire01 .wall_1100 {
	width: 500px;
}
section#bonfire01 h2 {
}
section#bonfire01 .descr {
	line-height: 2.2em;
	margin: 15px 0 0 0;
}
section#bonfire02 {
	background: url(/images/bg_green_childpage.png) no-repeat center top /cover;
	padding: 70px 0 110px;
}
section#bonfire02 h2 {
	background-color: transparent;
	margin: 0 0 10px;
}
section#bonfire02 .descr.center {
	line-height: 2.2em;
}
section#bonfire02 ul {
	justify-content: center;
}
section#bonfire02 ul > li {
	width: 225px;
}
section#bonfire02 ul > li:not(:last-child) {
	margin-right: 30px;
}
section#bonfire02 ul > li .imgonly {
	width: 225px;
	height: 180px;
	text-align: center;
	display: table-cell;
	vertical-align: bottom;
}
section#bonfire02 ul > li .ttl_type {
	margin: 10px 0;
}
section#bonfire02 ul > li .descr {
	line-height: 1.5em;
}

section#bonfire03 {
	padding: 70px 0 130px;
}
section#bonfire03 h2 {
	margin-top: 70px;
}
section#bonfire03 .descr.smallfont_4 {
	line-height: 2.2em;
	margin-bottom: 30px;
}
section#bonfire03 ul {
	width: 782px;
	justify-content: space-between;
}
section#bonfire03 ul > li {
	width: 185px;
}
section#bonfire03 ul > li .descr {
	margin-top: 10px;
}
section#bonfire04 {
	background: url(/images/bg_gray.png) no-repeat center top /cover;
}
section#bonfire04 .wall_900 {
	display: flex;
}
section#bonfire04 .imgonly {
	margin-right: 70px;
}
section#bonfire04 .right_wrap {
	width: 475px;
	margin: 20px 0 0;
}
section#bonfire04 .right_wrap .descr {
	line-height: 2.2em;
}
section#bonfire05 {
	padding: 30px 0 90px;
}
section#bonfire05 .imgonly.right_wrap {
	float: right;
}
section#bonfire05 .left_wrap {
	line-height: 1.5em;
	padding: 50px 0 0;
}
section#bonfire05 .linkbutton {
/*	width: 116px; 2024.8 Aki c/o */
	width: auto;	/* 2024.8 Aki */
	clear: none;
	float: left;
	margin: 10px 10px 0 0;
}
section#bonfire05 .linkbutton a {
	font-weight: 600;	/* 2024.8 Aki */
	white-space: nowrap;	/* 2024.8 Aki */
	padding: 5px 20px 0;	/* 2024.8 AKi was 5px 0 0 */
}
section#bonfire05 .linkbutton a:hover {
/*	background: url(/images/logo_maki_hover.png) no-repeat center center #727171; 2024.8 AKi c/o */
}
section#bonfire05 .linkbutton a:hover img {
	visibility: hidden;
}
section#bonfire05 .left_wrap .descr.smallfont_1 {
	margin: 28px 0 0;
}


/* Terms Page Components
----------------------------------------------- */
#my-terms section h2 {
}
#my-terms section h3, #my-terms section .descr {
	font-size: 89.5%;
	line-height: 1.5em;
}
#my-terms #inc_link {
	background-color: #dbdbdb;
	padding: 30px 0;
}
#my-terms #inc_link ul {
	justify-content: center;	/* 2025.1 Aki was space-between */
	flex-wrap: wrap;	/* 2025.1 Aki */
	gap: 20px;	/* 2025.1 Aki */
	padding: 0 20px;
}
#my-terms #inc_link ul > li {
	width: 180px;	/* 2025.1 Aki was 150px */
}
#my-terms #inc_link ul > li a {
	font-size: 84.2%;
	color: #727171;
	background-color: #d3e7e4;
	padding: 8px 0;
}
#my-terms #inc_link ul > li a:hover {
	text-decoration: none;
	color: white;
	background-color: #727171;
}
#my-terms section ul {
	line-height: 1.5em;
}
section#terms01 {
	padding: 30px 0 130px;
}
section#terms01 .descr {
	text-align: center;
	margin: 30px 0;
}
section#terms01 .linkbutton {
	width: 270px;
	margin: auto;
}
section#terms02 {
	background: url(/images/bg_green_childpage.png) no-repeat center top /cover;
	overflow: hidden;
	padding: 70px 0 90px;
	margin-top: -80px;
}
section#terms02 ul {
	justify-content: space-between;
}
section#terms02 ul > li {
	width: 200px;
	text-align: center;
	margin-bottom: 30px;
}
section#terms02 ul > li .descr {
	margin-top: 5px;
}
section#terms03 {
	padding: 80px 0;
}
section#terms03 .bg_orange {
	width: 710px;
	border-radius: 10px;
	padding: 20px 35px 5px;
	margin: 5px 0;
}
section#terms03 ol > li {
	line-height: 2em;
}
section#terms03 ul.howto {
	width: 600px;
}
section#terms03 ul.howto > li {
	margin: 10px 0;
}
section#terms03 ul.howto > li span {
	border: solid 1px #727171;
	padding: 2px 10px;
}
section#terms03 ul.howto > li:not(:last-child):after {
	content: url(/images/arrow_gray.png);
	display: inline-block;
	margin: 0 10px;
}
section:is(#terms04, #terms05, #terms06, #terms06_plus, #terms07) {
	padding: 0 0 80px;
}
section#terms04 .bg_gray {
	width: 470px;
	padding: 15px;
	margin: 5px 0 0;
}
section#terms05 .linkbutton {
	margin: 30px auto 0;
}
section#terms06 .descr {
	padding: 20px 0 0;
}
section#terms06_plus a {
	text-decoration: underline;
}
section#terms07 {
}
section#terms07 dl {
	background: url(/images/terms_img12.png) no-repeat top 150px right;	/* 2024.5 KAZ: position-y was top 220px */
	width: 840px;
	margin: auto;
}
section#terms07 dt {
	width: 30px;
}
section#terms07 dd {
	margin: 0 0 0 30px;
}
section#terms07 dt.answer {
	margin: 10px 0 0 0;
}
section#terms07 dd.answer {
	margin: 10px 0 20px 30px;
}
#my-terms .imgonly#img01, #my-terms .imgonly#img02 {
	position: absolute;
	top: 30px;
	left: calc(50% + 300px);
}
#my-terms .imgonly#img02 {
	top: 200px;
	left: calc(50% + 350px);
}


/* Nearby Page Components
----------------------------------------------- */
#my-nearby section .info_wrap {
	overflow: hidden;
	width: 900px;
	margin: 0 auto 55px;
}
#my-nearby section .info_wrap h3 {
	width: 800px;
}
#my-nearby section .info_wrap .text_wrap.f_left,
#my-nearby section .info_wrap .text_wrap.f_right {
	width: 460px;
	padding: 0 0 0 50px;
	margin: 35px 0 0;
}
#my-nearby section .info_wrap .text_wrap.f_right {
	padding: 0 50px 0 0;
}
#my-nearby section .info_wrap .text_wrap .descr {
	line-height: 1.5em;
	margin-bottom: 30px;
}
#my-nearby section .info_wrap.shinmatsu .text_wrap {
	margin: 130px 0 0;
}
#my-nearby section .info_wrap .linkbutton.website {
	width: 260px;
	margin-bottom: 15px;
}
#my-nearby section .info_wrap .linkbutton.website.wide,	/* KAZ: ChkHTML */
#my-nearby section .info_wrap .linkbutton.website2 {
	width: 430px;
}
#my-nearby section .info_wrap .linkbutton a {
	font-size: 73.7%;
}


/* Rental Page Components
----------------------------------------------- */
#my-rental section, #my-rental_category #content {
	padding: 0 0 80px;
}
section#rental {
	padding: 0;
}
section#rental .descr {
	margin-bottom: 50px;
}
section#rental ul {
	justify-content: space-between;
	padding: 0 100px;
}
section#rental ul > li {
	width: 270px;
	height: auto;
	text-align: center;
	margin: 0 0 50px;
}
section#rental ul > li .ttl_rental {
	font-size: 105.3%;
}
section#rental ul > li a:hover {
	text-decoration: none;
}
#my-rental_category h1.page-title.rental {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 30px auto 20px;
}
#my-rental_category h1.page-title.rental span {
	background: url(/images/bg_title.png) no-repeat left top 5px;
	padding: 20px 25px;
}
#my-rental_category ul.item_wrap {
	clear: both;
	overflow: hidden;
	width: 800px;
	margin: 0 auto 110px;
}
#my-rental_category ul > li h2.entry-title {
	font-size: 105.3%;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	background-color: #d4e8e5;
	margin-bottom: 65px;
}
#my-rental_category article:nth-of-type(4n+2) ul > li h2.entry-title {	/* KAZ: ChkHTML; was :nth-child(3n) */
	background-color: #f2ded6;
}
#my-rental_category article:nth-of-type(4n+3) ul > li h2.entry-title {	/* KAZ: ChkHTML; was :nth-child(4n) */
	background-color: #f9e5af;
}
#my-rental_category article:nth-of-type(4n) ul > li h2.entry-title {	/* KAZ: ChkHTML; was :nth-child(5n) */
	background-color: #d2d4d5;
}
#my-rental_category .rental_thumbnail {
	width: 400px;
	height: auto;
	float: left;
	margin: 0 40px 0 0;
}
#my-rental_category .rental_thumbnail img {
	width: 100%;
	height: auto;	/* 07.2022 Aki */
}
#my-rental_category .detail_wrap {
	font-size: 89.5%;
	float: left;
	width: calc(100% - 440px);
}
#my-rental_category .detail_wrap div {
	margin-bottom: 25px;
}
article.not-found.rental .entry-content {
	text-align: center;
	padding: 100px 0;
}

/* Contact Page Components
----------------------------------------------- */
#my-contact section {
	font-size: 89.5%;
	padding: 0 0 80px;
}
#my-contact form {
}
#my-contact form table,
#my-contact form td {
	border: none;
}
#my-contact form tr {
	border-bottom: solid 1px #c9caca;
}
#my-contact form th {
	width: 30%;
	padding: 15px 0;
}
#my-contact form th .box {
	display: inline-block;
	width: 70%;
}
#my-contact form th .required {
	color: red;
}
#my-contact form td {
	padding: 10px 0;
}
#my-contact form.wpcf7-form p.buttons-area-confirm,
#my-contact form.wpcf7-form p.buttons-area {
	text-align: center;
}
section#contact02 .descr {
	margin: 5px 0 0;
}
section#contact02 .bg_orange {
	padding: 30px 35px;
	border-radius: 10px;
}
section#contact02 .linkbutton {
	clear: none;
	font-size: 78.9%;
	margin: 0 0 0 350px;
}
section#contact03 ul {
	line-height: 2em;
}

/* Topic Page Components
----------------------------------------------- */
#my-topic .category_wrap {
	margin: 0 0 60px;
}
#my-topic .category_wrap ul {
	justify-content: center;
}
#my-topic .category_wrap ul > li {
}
#my-topic .category_wrap ul > li a,
#my-topic .header_category a,
#my-topics_category h2.category {
	color: inherit;
	text-decoration: none;
	background-color: #ced0d1;
	border-radius: 35px;
	padding: 5px 15px;
	margin: 0 10px;
}
#my-topic .header_category a {
	display: block;
	width: 900px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
	margin: auto;
}
.archive#my-topic .article_wrap {
	display: flex;
	flex-wrap: wrap;
}
.archive#my-topic article {
	width: 320px;
/*	float: left; 03.2022 Aki */
	padding: 0 0 20px;
	margin: 0;
}
.archive#my-topic .entry-wrap .topics_thumbnail {
}
.archive#my-topic .entry-wrap .topics_thumbnail, .archive#my-topic .entry-wrap .topics_thumbnail a {
	position: relative;
	overflow: hidden;
	width: 320px;
	height: 270px;
}
.archive#my-topic .entry-wrap .topics_thumbnail a::after {
	content: url(/images/mado01.png);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.archive#my-topic article:nth-child(3n) .entry-wrap .topics_thumbnail a::after {
	content: url(/images/mado02.png);
}
.archive#my-topic article:nth-child(4n) .entry-wrap .topics_thumbnail a::after {
	content: url(/images/mado03.png);
}
.archive#my-topic .entry-wrap .topics_thumbnail a img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.archive#my-topic .entry-wrap .text_wrap {
	padding: 10px 25px;
}
#my-topic .entry-wrap .text_wrap a {
	color: inherit;
}
#my-topic .entry-wrap .blogdate, #my-topic .entry-wrap .category {
	font-size: 16px;
}
#my-topic .entry-wrap .category {
	float: right;
	color: inherit;
	background-color: #d6d7d9;
	border-radius: 30px;
	padding: 3px 10px 0;
}
#my-topic .entry-wrap .topicsevent, #my-topic .category_wrap ul > li a.topicsevent, #my-topic .header_category a.topicsevent, #my-topics_category h2.topicsevent {
	background-color: #d8ecea;
}
#my-topic .entry-wrap .topicsmedia, #my-topic .category_wrap ul > li a.topicsmedia, #my-topic .header_category a.topicsmedia, #my-topics_category h2.topicsmedia {
	background-color: #f6e2db;
}
#my-topic .entry-wrap .topicsdiary, #my-topic .category_wrap ul > li a.topicsdiary, #my-topic .header_category a.topicsdiary, #my-topics_category h2.topicsdiary {
	background-color: #fde9b4;
}
#my-topic .entry-wrap a.topicsother, #my-topic .category_wrap ul > li a.topicsother, #my-topic .header_category a.topicsother, #my-topics_category h2.topicsother {
	color: white;
	background-color: #b7907f;
}
#my-topic .entry-wrap .entry-title {
	font-size: 105.3%;
	line-height: inherit;
	padding: 5px 0 0 15px;
}

/* Borin in MATSUMOTO Page Components
----------------------------------------------- */
#my-bornin #content {
	padding: 0 0 80px;
}
#my-bornin h2 {
	font-size: 105.3%;
	line-height: 50px;
	border-radius: 50px;
	margin: 30px 0 0;
}
#my-bornin h2.blue {
	background-color: #cce0dd;
}
#my-bornin h2.pink {
	background-color: #eedad2;
}
#my-bornin h2.orange {
	background-color: #f5e1ab;
}
#my-bornin .descr {
	font-size: 89.5%;
	line-height: 2em;
	margin: 0;
}
#my-bornin section#bim_ichiran ul {
	justify-content: space-between;
}
#my-bornin section#bim_ichiran ul > li {
	width: 320px;
	height: auto;
}
#my-bornin section#bim_ichiran ul > li a {
	text-decoration: none;
}
#my-bornin section#bim_ichiran ul > li .bim {
	position: relative;
	overflow: hidden;
	width: 320px;
	height: 270px;
}
#my-bornin section#bim_ichiran ul > li .bim img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
#my-bornin section#bim_ichiran ul > li .bim:after {
	content: url(/images/mado01.png);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#my-bornin section#bim_ichiran ul > li:nth-child(2n) .bim:after {
	content: url(/images/mado02.png);
	position: absolute;
}
#my-bornin section#bim_ichiran ul > li:nth-child(3n) .bim:after {
	content: url(/images/mado03.png);
	position: absolute;
}
#my-bornin section#bim_ichiran ul > li .ttl_wrap {
	width: 200px;
	font-size: 105.3%;
	text-align: center;
	margin: 20px auto;
}
#my-bornin .cnt_slideshow .ss_img_wrapper {
	width: 800px;
	height: 500px;	/* KAZ: ChkHTML; was 550px */
}
#my-bornin .cnt_slideshow {
	margin: 25px auto 50px;	/* KAZ: ChkHTML */
}
#my-bornin .cnt_slideshow .ss_navbtns {
	width: 760px;
}
#my-bornin .cnt_slideshow .ss_navbtns a.prevbutton,
#my-bornin .cnt_slideshow .ss_navbtns a.nextbutton {	/* KAZ: ChkHTML */
	top: -266px;	/* KAZ: ChkHTML; was -316px */
}
#my-bornin .cnt_slideshow .ss_img_wrapper .ss_img {
	border-radius: 20px;
}


/* Tips Page Components 03.2022 Aki
----------------------------------------------- */
#my-tips #breadcrumbs {
	position: absolute;
	top: 510px;
	left: calc(50% - 550px);
	z-index: 1;
}
#my-tips #mainvisual {	/* MAR-2022 KAZ: added #my-tips to all */
	height: 550px;
	background-color: #d8ece9;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#my-tips #mainvisual .descr_wrapper {
	width: 500px;
	padding: 80px 10px 0 20px;
	margin-right: 55%;
	margin-left: auto;
}
#my-tips #mainvisual h2 {
	position: relative;
	background: transparent;
	font-size: 157.2%;	/* 30px */
	font-weight: normal;
	letter-spacing: 0.1em;
	width: 260px;
	height: auto;
	padding: 15px 0 0 30px;
	margin-top: 0;
	margin-left: 0;
}
/*#my-tips #mainvisual h2::before {
*	position: absolute;
*	content: "";
*	background: url(/images/tips_h2_before.svg)no-repeat center / 100% auto;
*	width: 58px;
*	height: 32px;
*	top: 0;
*	left: 0;
} Aki */
#my-tips #mainvisual .descr_wrapper .descr {
	font-size: 100%;
	line-height: 2;
	padding-left: 55px;
}
#my-tips #mainvisual .note {
	position: absolute;
	bottom: 80px;
	left: auto;
	right: 60%;
	font-size: 75%;
	text-align: center;
}
#my-tips #mainvisual .note a {
	color: red;
	font-weight: bold;
}
#my-tips #mainvisual .note span.imgonly {
	display: inline-block;
	width: 70px;
	height: auto;
}
#my-tips #mainvisual .note span.imgonly img {
	width: 100%;
}
#my-tips #mainvisual .visual_wrapper {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 550px;
	margin-left: 60%;
	overflow: hidden;
}
#my-tips #mainvisual .visual_wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#tips {
	background: url(/images/bg_white.png) no-repeat center top /100% auto;
	padding-top: 50px;
	padding-bottom: 90px;
	margin-top: -80px;
}
#tips .wall_1100 {
	padding-top: 80px;
}
#tips ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#tips ul > li {
	width: 320px;
	text-align: center;
	padding-bottom: 20px;
}
#tips ul > li .img_wrap .imgonly {
	position: relative;
	width: 100%;
/*	height: 270px; Aki */
	overflow: hidden;
}
/*#tips ul > li .img_wrap .imgonly::after {
*	content: url(/images/mado01.png);
*	display: block;
*	position: absolute;
*	top: 0;
*	left: 0;
*}
*#tips ul > li:nth-child(odd) .img_wrap .imgonly::after {
*	content: url(/images/mado02.png);
*}
*#tips ul > li:nth-child(3n) .img_wrap .imgonly::after {
*	content: url(/images/mado03.png);
} Aki */
#tips ul > li .imgonly {
	object-fit: cover;
}
#tips ul > li .ttl_tips {
	position: relative;
	font-size: 105.3%;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin-top: -1em;
}
#tips ul > li .descr {
	font-size: 87.5%;	/* 16px */
}
#tips ul > li .descr a {
	text-decoration: underline;
	font-weight: bold;
}


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


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

}