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

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	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 { box-sizing: border-box;
}


/* =Structure
----------------------------------------------- */
body {
	padding: 0;
	font-size: 100%;
	-webkit-text-size-adjust: none;	/* KAZ: was 100% */
	-moz-text-size-adjust: none;
	 -ms-text-size-adjust: none;
	     text-size-adjust: none;	/* KAZ */
}
#page {
	background: #fff;
	position: relative;
}
#primary.nosidebar {
	float: none;
	margin: 0 auto;
	width: 100%;
}
#content {
	margin: 0;
}
#my-blog #content, #my-special #content, #my-progress #content {
	padding-bottom: 70px;
}
#secondary {
	float: right;
	background-color: white;
	width: 340px;	/* width of sidebar, if no margin between the sidebar and the main area, this can be commented out (MAT) */
	padding: 30px;
}

/* 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: #333333;
	font-family: "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; /* MTL see tips.xls */
	line-height: 2;
}
.mincho {
	font-family: /* "Times New Roman", Times, */ "游明朝体", "Yu Mincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN W3", HiraMinPro-W3, "HGP明朝B", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.barlow {
	font-family: Barlow, sans-serif;
}
input, textarea, select {
	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;
	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: #999999;
/*	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 {
	z-index: 9999;
}
#my-top #branding {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
body:not(#my-top) #branding {
	background-color: white;
	position: relative;
}
#masthead {
	margin: 0 auto;
}


/* =Menu
-------------------------------------------------------------- */
#menu_open_btn,
#menu_close_btn {
	position: absolute;
	top: 0;
	right: 0;
}
#menu_open_btn a,
#menu_close_btn a {
	display: block;
	text-align: center;
}
#menu_open_btn a img,
#menu_close_btn a img {
	vertical-align: middle;
}
#menu_overlay,
#headmenu {
	display: none;
}
#menu_overlay {
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#headlogo {
	clear: both;
	font-weight: bold;
}
h1#headlogo {
	color: white;
}
div#headlogo a {
	display: inline-block;	/* 2024.12 KAZ: was block */
	color: #223532;
	text-decoration: none;
}
#headlogo span {
	vertical-align: middle;
}
#headmenu {
	background-color: #223532;
	position: absolute;
	top: 0;
	right: 0;
	color: white;
}
#menu_close_btn {
	z-index: 10;
}
#headmenu ul {
	margin: 0;
	line-height: 30px;
}
#headmenu ul li {
	list-style-type: none;
}
#headmenu ul li a {
	display: block;
	color: inherit;
	text-decoration: none;
}
#breadcrumbs {
	font-size: 75%;		/* 12px */
	width: 1100px;
	line-height: 1;
	margin: 20px auto 40px;
}


/* =Content
----------------------------------------------- */
#topmain, #main {
	clear: both;
	overflow: hidden;
	position: relative;
}
#topmain {
}
#main {	/* 01.2022 Aki */
	background-color: #e6ebdc;
	margin: auto;
}
#mainwall {
}
#main #mainwall {
	overflow: hidden;	/* 01.2022 Aki */
	width: 1100px;
	margin: 0 auto;
}
.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 {
	position: relative;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.no-results {	/* KAZ */
	padding-bottom: 65px;
	text-align: center;
}
.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;
}
.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
{
	margin: 0 0 20px;
}
.entry-content h1
{
	font-size: 28px;
	height: 50px;
	line-height: 50px;
}
.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;
	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: 30px 0;
}
#content nav a {
	color: inherit;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous, .nav-next, .nav_gotop {
	display: inline-block;
}
.nav-previous {
/*	float: left;	01.2022 Aki */
	width: 28%;
}
.nav-next {
/*	float: right;	01.2022 Aki */
	text-align: right;
	width: 28%;
}
.nav_gotop {
	min-width: 40%;
	text-align: center;
	border-left: solid 1px;
	border-right: solid 1px;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#content #nav-single {
	margin: auto;	/* 01.2022 Aki */
}

#content div.wp-pagenavi {
	clear: both;
	text-align: center;
}
#content div.wp-pagenavi a,
#content div.wp-pagenavi span {
	display: inline-block;
	border: 0;
	min-width: 18px;
	margin: 0 5px;
	padding: 5px;
	line-height: 1;
	font-size: 18px;
}
#content div.wp-pagenavi span.current {
	font-weight: inherit;
}
#content div.wp-pagenavi a.page,
#content div.wp-pagenavi a.previouspostslink,
#content div.wp-pagenavi a.nextpostslink,
#content div.wp-pagenavi span.extend {
	color: inherit;
}
#content div.wp-pagenavi a.page,
#content div.wp-pagenavi a.previouspostslink,
#content div.wp-pagenavi a.nextpostslink {
/*	background-color: #d2caba; 01.2022 Aki */
	-webkit-text-decoration: underline	/* 01.2022 Aki */;
	        text-decoration: underline	/* 01.2022 Aki */;
}
#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: #333333;	/* 01.2022 Aki:was #42210b*/
	color: white;	/* 01.2022 Aki */
}
#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;
}
#content div.wp-pagenavi a.page,
#content div.wp-pagenavi span.current {
	display: inline-block;
	width: 50px;
	line-height: 48px;
	border: solid 1px;
	padding: 0;
}

/* =Widgets
----------------------------------------------- */
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	    hyphens: auto;
	clear: both;
	margin: 0 0 10px;
}
.widget h3.widget-title {
	font-size: 137.5%;	/* 22px */
	padding-bottom: 0.8em;
}
.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;
	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;
	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;
}

/* Single Page Secondary Widget */
.widget_recent_entries {
	margin-bottom: 80px;
}
.widget-area ul {
	border-bottom: solid 1px #e8e5e2;
}
.widget-area ul > li {
	border-top: solid 1px #e8e5e2;
}
.widget-area ul > li a {
	color: #333333;
	text-decoration: none;
}
.widget-area .widget_recent_entries ul > li {
	overflow: hidden;
	padding: 15px 0;
}
.widget-area .widget_categories ul > li {
	padding: 10px 0;
}
.widget-area ul .imgonly {
	overflow: hidden;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 20px;
}
.widget-area ul .imgonly img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.widget-area ul .title {
	display: inline-block;
	width: calc(100% - 120px);
	font-size: 93.8%;	/* 15px */
	line-height: 1.73;
}

/* =Footer
----------------------------------------------- */
#ft_nav_top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 50%;
	z-index: 9000;
	margin: 0 -600px 0 0;
	opacity: 0;
}
#ft_nav_top a {
	font-size: 400%;
	color: white;
}
#ft_nav_top a:hover {
	color: rgba(255, 255, 255, 0.8);
}
#ft_nav_top a img {
}
#colophon {
	background-color: #223532;
	clear: both;
	color: white;
	text-align: center;
}
#my-top #colophon {
	position: relative;
}
#footlogo {
	line-height: 1.53;
}
#footlogo span.small {
	display: block;
}
#ft_copyright {
	line-height: 30px;
}


/* 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;
	-webkit-filter: none;
	        filter: none;
}
.ios .transbtn:hover {
/* iOS 8.4.1 で :hover に opacity が指定してあると 2 回タップしないとリンク先に飛ばない。script.js でユーザーエージェントを見て body に class="ios" を追加。 */
	opacity: 1;
	-webkit-filter: none;
	        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;
}
.fas {
	font-family: "Font Awesome 5 Free";
}
a::after {
	display: inline-block;
	font-family: FontAwesome;
	margin-left: 8px;
}
a.link_blank::after {
	content: '\f35d';
}
a.link_pdf::after {
	content: '\f1c1';
}
a.link_btn {
	position: relative;
	display: inline-block;
	color: #333333;
	text-decoration: none;
	line-height: 54px;
	border: solid 1px;
	padding: 0 90px;
}
a.link_btn::after {
	position: absolute;
	content: url(/images/linkbtn_arrow.png);
	display: block;
	top: -5px;
	right: 20px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
a.link_btn.more::after {
	content: none;
}
a.link_btn:hover::after {
	right: -16px;
}
a.link_btn.more {
	display: inline-block;
	color: white;
	font-size: 87.5%;
	text-decoration: none;
	line-height: 43px;
	background: url(/images/linkbtn_arrow_white.png)no-repeat right 15px center #3e524f;
	border-color: #3e524f;
	border-radius: 43px;
	padding: 0 75px 0 50px;
}

/* Blog Page Components
----------------------------------------------- */
/* List Page */
.list_header {
	background-color: white;
	padding: 65px 0;
}
.list_header .ttl_list {
	color: #3e524f;
	font-size: 250%;	/* 40px */
	text-align: center;
	font-weight: bold;
}
.list_header .ttl_list::after {
	content: "";
	display: block;
	width: 64px;
	height: 1px;
	background-color: #3e524f;
	margin: 15px auto 0;
}
.list_header .list_descr {
	padding-top: 50px;
	text-align: center;
	margin: auto;
}
.list_header .sort_order {	/* JAN-2023 KAZ */
	margin-bottom: -65px;
	padding-top: 33px;
	text-align: center;
}
.list_header .sort_order span.nolink,
.list_header .sort_order a {	/* JAN-2023 KAZ */
	padding: 0 1em;
	font-weight: bold;
}
.list_header .sort_order span.nolink {	/* JAN-2023 KAZ */
	color: #3e524f;
}
.list_header .sort_order a {	/* JAN-2023 KAZ */
	text-decoration: none;
}
@media (any-hover: hover) {
	.list_header .sort_order a:hover {	/* JAN-2023 KAZ */
		color: #3e524f;
		text-decoration: underline;
	}
}
article.list {
	clear: both;
	background-color: white;
}
article.list .inner_wall {
	border-bottom: dashed 1px #3e524f;
	padding: 55px 0;
	margin: auto;
	position: relative;
}
article.list:last-of-type .inner_wall,	/* JAN-2023 KAZ: was :last-child */
/*article.list:nth-child(4n) .inner_wall, */
#my-progress article.list:last-child .inner_wall,
#my-special article.list:last-child .inner_wall {
	border-bottom: 0;
}
article.list .blogdate {
	font-size: 106.3%;	/* 17px */
}
article.list.special .blogdate {	/* JAN-2023 KAZ */
	float: left;
}
article.list.special .categories {	/* JAN-2023 KAZ */
	display: block;
	margin-left: 100px;
	text-align: right;
}
#top_news .categories a,
article.list .categories a {
	display: inline-block;
	font-size: 93.8%;
	line-height: 29px;
	text-decoration: none;
}
#top_news .categories a,
article.list.post .categories a {	/* JAN-2023 KAZ: added .post */
	background-color: #809e6f;
	margin-left: 20px;
	padding: 0 12px;
	color: white;
}
@media (any-hover: hover) {
	article.list.special .categories a:hover {	/* JAN-2023 KAZ */
		text-decoration: underline;
	}
}
article.list .entry-title {
	color: #3e524f;
	line-height: 1.5;
}
article.list .inner_wall > .imgonly {	/* JAN-2023 KAZ: added .inner_wall > */
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 4/3;
}
article.list .inner_wall > .imgonly a {	/* JAN-2023 KAZ: added */
	width: 100%;
	height: 100%;
}
article.list .inner_wall > .imgonly img {	/* JAN-2023 KAZ: added .inner_wall > */
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
article.list .popularity {
	/* See also #top_special .special_post ul > li .popularity */
	float: right;
	width: 45px;
	height: 45px;
}
article.list .popularity .imgonly {	/* JAN-2023 KAZ */
	padding: 8px 13px 1px;
}
article.list a.link_btn.more {
	background-size: 12px;
}
article.not-found {
	background-color: white;
}

/* Single Page */
body.single .page-header {
	position: relative;
	background-color: #3e524f;	/* #cacaca in design */
}
body.single .page-header .imgonly {
	position: absolute;
/*	bottom: -50%; 12.2022 Aki c/o */
	top: 50%;	/* 12.2022 Aki */
	transform: translatey(-50%);	/* 12.2022 Aki */
	width: 100%;
}
body.single .page-header .imgonly img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
body.single .page-header .page-title {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;	/* 02.2022 Aki added */
	margin: 0;
	color: white;		/* #3e524f in design */
	font-size: 250%;	/* 40px */
	text-align: center;
	text-shadow: 0 0 2px black, 0 0 3px black, 0 0 5px black;	/* KAZ */
	transform: translatex(-50%) translatey(-50%);
}
article.single {
	background-color: white;
	padding: 30px 35px 50px;
}
article.single .wpulike-heart {	/* KAZ */
	text-align: center;
}
article.single .wpulike-heart .wp_ulike_general_class {	/* KAZ */
	background-color: #4e8036;
	border-radius: 50%;
	box-shadow: none;
	display: inline-block;
	width: 52px;
	height: 52px;
	padding: 0;
	font-family: Barlow, sans-serif;
}
article.single .wpulike-heart .wp_ulike_btn.wp_ulike_put_image {	/* KAZ */
	border-radius: 0;
	padding: 10px 14px 2px;
}
article.single .wpulike-heart .wp_ulike_btn.wp_ulike_put_image::after {	/* KAZ */
	position: static;
	width: 24px;
	height: 18px;
	transform: none;
}
article.single .wpulike-heart .count-box {	/* KAZ */
	line-height: 1;
	color: white;
	font-size: inherit;
	font-weight: bold;
	vertical-align: top;
}
article.single .wp_social_bookmarking_light {
	display: flex;
	justify-content: center;
}
article.single .wp_social_bookmarking_light div.wsbl_twitter {
	margin-right: 15px !important;
}
article.single h2 {
	font-size: 175%;	/* 28px */
	text-align: center;
	letter-spacing: 0.06em;
}
article.single h3, article.single h4, article.single h5 {
	letter-spacing: 0.05em;
}
article.single h3 {
	font-size: 162.5%;	/* 26px */
	line-height: 1.23;
}
article.single h4 {
	font-size: 150%;	/* 24px */
	font-weight: normal;
	line-height: 1.23;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #999999;
}
article.single h5 {
	font-size: 125%;	/* 20px */
	line-height: 1.23;
	padding-bottom: 1em;
}
article.single .categories {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
article.single .categories a {
	display: inline-block;
	color: #333333;
	font-size: 75%;	/* 12px */
	text-align: center;
	text-decoration: none;
	line-height: 22px;
	background-color: #e6e6e6;
	padding: 0 10px;
}
article.single .categories a:nth-child(n + 2) {
	margin-left: 10px;
}
article.single .blogdate {
	color: #808080;
	font-size: 81.3%;	/* 13px */
	text-align: center;
}
article.single .wp-caption {
	width: 100% !important;
	max-width: 100%;
	background: transparent;
}
.wp-caption .wp-caption-text {
	font-size: 87.5%;	/* 14px */
}
article .wrap {
	border: solid 1px #cccccc;
}
article .wrap .ttl_wrap {
	font-size: 150%;	/* 24px */
	line-height: 1.33;
	padding-bottom: 1em;
}
article.single .entry-content p {
	margin-bottom: 2em;
}


/* Front Page Components
----------------------------------------------- */
#top_bg {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#top_bg img {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	opacity: 0;
	transition: opacity 2s ease;
}
#top_bg img.visible {
	opacity: 1;
}
#my-top #primary {
	position: relative;
}
#top_intro,
#top_about,
#top_columns {
	color: white;
}
#top_intro {
	font-weight: bold;
}
#top_intro .wall {
	text-align: center;
}
#top_intro .catchline {
	display: inline-block;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	        writing-mode: vertical-rl;
	letter-spacing: 0.24em;
	text-align: left;
}
#top_intro ul.facts {
	margin: 0;
}
#top_intro ul.facts li {
	list-style-type: 0;
	display: inline-block;
}
#top_intro ul.facts li .heading {
	padding-left: 0.24em;	/* counter letter-spacing for centering */
}
#top_intro ul.facts li .number span.approx {	/* MAR-2022 KAZ */
	letter-spacing: 0.3em;
	vertical-align: middle;
}
/* APR-2022 KAZ */
/*#top_intro .note {
 *	display: inline-block;
 *	margin-top: 15px;
 *	line-height: 1.667;
 *	text-align: left;
 *}
 *#top_intro .note .line {
 *	display: inline-block;
 *	padding-left: 1em;
 *}
 *#top_intro .note .line::before {
 *	display: inline-block;
 *	width: 1em;
 *	margin-left: -1em;
 *	content: '※';
 *}
 */
#top_about {
}
#top_about .wall {
}
#top_about h2 {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	        writing-mode: vertical-rl;
	line-height: 1.75;
	letter-spacing: 0.12em;
}
#top_about .descr {
}
#top_about .note {	/* APR-2022 KAZ */
	line-height: 1.667;
	font-size: 87.5%;
}
#top_about .map {
}
#top_columns {
}
#top_columns .wall {
}
#top_columns section {
	position: relative;
}
#top_columns section h2 {
	background-color: #223532;
	position: absolute;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	        writing-mode: vertical-rl;
	letter-spacing: 0.12em;
}
#top_columns section .image {
}
#top_progress,
#top_news,
#top_special,
#top_attraction,
#top_banners {
	background-color: #223532;
}
#top_progress {
	position: relative;
}
#top_progress .wall {
	position: relative;
}
#top_progress .percentage,
#top_progress .percentage .piechart,
#top_progress .percentage .piechart .inner {
	border-radius: 50%;
}
#top_progress .percentage,
#top_progress .percentage .piechart .inner {
	background-color: white;
}
#top_progress .percentage {
	position: absolute;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
}
#top_progress .percentage .piechart {
	background-color: #a4be80;
}
#top_progress .percentage .piechart .inner {
	color: #4e8000;
	text-align: center;
}
#top_progress .percentage .piechart .inner .value {
	font-weight: bold;
}
#top_progress .pcleft {
	color: #3e524f;
}
#top_progress .pcleft h2 {
	letter-spacing: 0.12em;
}
#top_progress .pcleft .descr {
}
#top_progress .progress_post {
}
#top_progress .progress_post a {
	background-color: #acacac;	/* KAZ */
	display: block;
	position: relative;
	color: white;
	text-decoration: none;
}
#top_progress .progress_post a img {
	mix-blend-mode: multiply;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#top_progress .progress_post a span {
	display: block;
	position: relative;
	text-shadow: 0 0 2px black, 0 0 3px black;	/* KAZ */
}
#top_progress .progress_post a span.title {
	font-weight: bold;
}
#top_progress .progress_post a span.date {
	text-align: center;
}
#top_progress .progress_post a span.date::before {	/* 01.2022 Aki */
	content: "";
	display: block;
	height: 2px;
	background-color: white;
	margin: auto;
}
#top_progress .btn_line {
}
#top_progress a.link_btn.more,
#top_news a.link_btn.more,
#top_enjoyment a.link_btn.more,	/* 2024.12 KAZ */
#top_special a.link_btn.more,
#top_attraction a.link_btn.more{	/* 01.2022 Aki */
	font-size: 112.5%;	/* 18px */
	line-height: 53px;
	padding: 0 95px 0 65px;
}
#top_news {
	color: white;
}
#top_news .wall {
	margin: auto;
}
#top_news ul.news_list {
	list-style: none;
	margin: 0;
}
#top_news ul.news_list li {
	overflow: hidden;	/* 01.2022 Aki */
	clear: both;
	padding: 35px 0;	/* 01.2022 Aki */
	border-bottom: dashed 1px white;
}
#top_news ul.news_list li:first-child {
	padding-top: 25px;
}
#top_news ul.news_list .imgonly {
	float: left;
}
#top_news ul.news_list .photo {
	width: 150px;
	height: 100px;
	margin-right: 1em;
	line-height: 0;
}
#top_news ul.news_list .date,
#top_news ul.news_list .category {
	font-size: 80%;
}
#top_news .title {
	color: white;
	text-decoration: none;
	line-height: 1.7;
}
#top_news .btn_line {
	clear: both;
}
#top_news a.link_btn.more,
#top_enjoyment a.link_btn.more,	/* 2024.12 KAZ */
#top_special a.link_btn.more,
#top_attraction a.link_btn.more {	/* 01.2023 Aki added */
	background-color: #4e8036;
}
#top_enjoyment,	/* 2024.12 KAZ */
#top_special,
#top_attraction {	/* 01.2023 Aki added */
	color: white;
}
#top_enjoyment {	/* 2024.12 KAZ */
	background-color: #cd934f;
}
#top_enjoyment h2, #top_enjoyment .descr, #top_enjoyment .btn_line,	/* 2024.12 KAZ */
#top_special h2, #top_special .btn_line,
#top_attraction h2, #top_attraction .btn_line {	/* 01.2023 Aki added */
	text-align: center;
}
.slider_wrapper {	/* 2024.12 KAZ */
	margin-inline: auto;
}
.slider_wrapper .enjoyment-slider:not(.slick-initialized) {	/* 2024.12 KAZ */
	display: flex;
	overflow: hidden;
}
.slider_wrapper .enjoyment-slider .slick-list {	/* 2024.12 KAZ */
	overflow: visible;
}
.slider_wrapper .enjoyment-slider .slide {	/* 2024.12 KAZ */
	position: relative;
}
#top_enjoyment .slider_wrapper .enjoyment-slider .slide a {	/* 2024.12 KAZ */
	display: block;
	color: inherit;
	text-decoration: none;
}
#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .image_wrapper {	/* 2024.12 KAZ */
	position: relative;
}
#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .image_wrapper .image img,
#my-enjoyment .slider_wrapper .enjoyment-slider .slide .image img {	/* 2024.12 KAZ */
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .title {	/* 2024.12 KAZ */
	line-height: 1.5;
	font-weight: bold;
}
.slider_wrapper .enjoyment-slider .slick-arrow {	/* 2024.12 KAZ */
	-webkit-appearance: none;
	appearance: none;
	background-color: white;
	border: #c5c5c5 1px solid;
	border-radius: 50%;
	box-shadow: none;
	position: absolute;
	z-index: 1;
}
.slider_wrapper .enjoyment-slider .slick-prev {	/* 2024.12 KAZ */
	padding: 0 4px 0 0;
}
.slider_wrapper .enjoyment-slider .slick-next {	/* 2024.12 KAZ */
	padding: 0 0 0 4px;
}
#top_enjoyment a.link_btn.more {	/* 2024.12 KAZ */
	border: 0;
}
@media (any-hover: hover) {
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a:hover {	/* 2024.12 KAZ */
		text-decoration: underline;
	}
}
#top_special .special_post {
}
#top_special .special_post ul,
#top_attraction .special_post ul {	/* 01.2023 Aki added */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
}
#top_special .special_post ul > li,
#top_attraction .special_post ul > li {	/* 01.2023 Aki added */
	position: relative;
	overflow: hidden;
	margin-bottom: 2px;	/* KAZ */
}
#top_special .special_post ul > li.empty,	/* KAZ */
#top_attraction .special_post ul > li.empty {	/* 01.2023 Aki added */
	background-color: #e6ebdc;
}
/*#top_special .special_post ul > li:first-child,
 *#top_special .special_post ul > li:nth-child(6) {
 *	width: calc(43% - 2px); */	/* KAZ: was 42.8% */
/*	color: white; */
/*}
 *#top_special .special_post ul > li:nth-child(2),
 *#top_special .special_post ul > li:nth-child(3),
 *#top_special .special_post ul > li:nth-child(4),
 *#top_special .special_post ul > li:nth-child(5) {
 *	width: calc(28.5% - 1px); */	/* KAZ* was 28.4% */
/*	color: black; */
/*}
 */
#top_special .special_post ul > li a,
#top_attraction .special_post ul > li a {	/* 01.2023 Aki added */
	background-color: #acacac;	/* KAZ */
	display: block;		/* KAZ */
	height: 100%;		/* KAZ */
	color: white;		/* KAZ was inherit */
	text-decoration: none;
}
#top_special .special_post ul > li a > img,
#top_attraction .special_post ul > li a > img {	/* 01.2023 Aki added */
	mix-blend-mode: multiply;	/* KAZ */
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
#top_special .special_post ul > li .wrapper,
#top_attraction .special_post ul > li .wrapper {	/* 01.2023 Aki added */
	position: absolute;
}
#top_special .special_post ul > li .date,
#top_special .special_post ul > li .title,
#top_attraction .special_post ul > li .date,
#top_attraction .special_post ul > li .title {	/* 01.2023 Aki added */
	font-size: 125%;	/* 20px */
	text-shadow: 0 0 2px black, 0 0 3px black;	/* KAZ */
}
#top_special .special_post ul > li .date,
#top_attraction .special_post ul > li .date {	/* 01.2023 Aki added */
	margin-bottom: 6px;	/* KAZ */
}
#top_special .special_post ul > li .title,
#top_attraction .special_post ul > li .title {	/* 01.2023 Aki added */
	line-height: 1.75;
	font-weight: bold;
}
#top_special .special_post ul > li.empty .title,	/* KAZ */
#top_attraction .special_post ul > li.empty .title {	/* 01.2023 Aki added */
	color: black;
	text-shadow: none;
}
article.list .popularity,	/* JAN-2023 KAZ */
#top_enjoyment .enjoyment-slider .slide .popularity,	/* 2024.12 KAZ */
#top_special .special_post ul > li .popularity,	/* KAZ */
#top_attraction .special_post ul > li .popularity {	/* 01.2023 Aki added */
	background-color: #4e8036;
	border-radius: 50%;
	padding: 0;
	color: white;
	font-weight: bold;
	text-align: center;
}
#top_enjoyment .enjoyment-slider .slide .popularity,	/* 2024.12 KAZ */
#top_special .special_post ul > li .popularity,	/* KAZ */
#top_attraction .special_post ul > li .popularity {	/* 01.2023 Aki added */
	position: absolute;
	width: 60px;
	height: 60px;
	bottom: 20px;
	right: 20px;
	font-size: 112.5%;	/* 18px */
}
article.list .popularity .imgonly,	/* JAN-2023 KAZ */
#top_enjoyment .enjoyment-slider .slide .popularity .imgonly,	/* 2024.12 KAZ */
#top_special .special_post ul > li .popularity .imgonly,	/* KAZ */
#top_attraction .special_post ul > li .popularity .imgonly {	/* 01.2023 Aki added */
	border-radius: 0;
}
#top_enjoyment .enjoyment-slider .slide .popularity .imgonly,	/* 2024.12 KAZ */
#top_special .special_post ul > li .popularity .imgonly,	/* KAZ */
#top_attraction .special_post ul > li .popularity .imgonly {	/* 01.2023 Aki added */
	padding: 13px 17px 1px;
}
article.list .popularity .imgonly img,	/* JAN-2023 KAZ */
#top_enjoyment .enjoyment-slider .slide .popularity .imgonly img,	/* 2024.12 KAZ */
#top_special .special_post ul > li .popularity .imgonly img,	/* KAZ */
#top_attraction .special_post ul > li .popularity .imgonly img {	/* 01.2023 Aki added */
	width: 100%;
	height: auto;
}
article.list .popularity .value,	/* JAN-2023 KAZ */
#top_enjoyment .enjoyment-slider .slide .popularity .value,	/* 2024.12 KAZ */
#top_special .special_post ul > li .popularity .value,	/* KAZ */
#top_attraction .special_post ul > li .popularity .value {	/* 01.2023 Aki added */
	line-height: 1;
}
#top_sns {
	background: linear-gradient(to top, #223532 30px, #e6ebdc 30px);
}
#top_sns .wall {
	padding: 62px 0 2px;	/* KAZ: was padding-top: 75px */
}
#top_sns h2 {
	margin-bottom: 37px;	/* KAZ */
	color: #3e524f;
	text-align: center;
}
#top_sns ul.feed_list {	/* KAZ */
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	width: 85.38%;
	max-width: 1366px;
	margin: 0 auto 25px;
}
#top_sns ul.feed_list li {
	list-style-type: none;
	width: 23.43%;
	margin-bottom: 38px;
}
#top_sns ul.feed_list li:not(:nth-child(4n+1)) {
	margin-left: 2.09%;
}
#top_sns ul.feed_list li.hidden {
	display: none;
}
#top_sns ul.feed_list.expanded li.hidden {
	display: block;
}
#top_sns ul.feed_list li a {
	display: block;
	position: relative;
	color: #666;
	text-decoration: none;
}
#top_sns ul.feed_list li a .photo {
	position: relative;
	margin-bottom: 11px;
	padding-top: 62.5%;
}
#top_sns ul.feed_list li a .photo img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
}
#top_sns ul.feed_list li a .type {
	background-color: #4e8036;
	position: absolute;
	width: 33.13%;
	top: 0;
	left: 0;
	line-height: 33px;
	color: white;
	font-size: 93.75%;	/* 15px */
	font-weight: bold;
	text-align: center;
}
#top_sns ul.feed_list li a .date,
#top_sns ul.feed_list li a .text {
	font-size: 112.5%;	/* 18px */
}
#top_sns ul.feed_list li a .date {
	margin-bottom: 3px;
}
#top_sns ul.feed_list li a .text {
	line-height: 1.75;	/* 31.5px */
	font-weight: bold;
	word-break: break-all;
}
#top_sns .btn_line {
	text-align: center;
}
#top_sns .btn_line a.expand {
	display: inline-block;
	color: #4e8036;
	border: solid 1px;
	background: url(/images/linkbtn_arrow_green.png) no-repeat center right 55px white;
	font-size: 112.5%;	/* 18px */
	text-decoration: none;
	padding: 0 90px;
	line-height: 67px;
	border-radius: 67px;
}
#top_banners ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
}


/* 01.2023 Aki added */
/* header下新着2件 */
#top_special_new {
	color: white;
	position: absolute;
	top: 100px;
	left: 30px;
	max-width: 355px;
}
#top_special_new h2 {
}
#top_special_new ul {
	position: relative;
	list-style: none;
	border: solid 1px;
	padding: 0.5em 2em 0.5em 1em;
	margin: 0;
}
#top_special_new ul::after {
	content:"";
	display: block;
	width: 8px;
	height: 50px;
	background: url(/images/arrow_down.svg)no-repeat top left/100% auto;
	position:absolute;
	left: 0;
	bottom: -40px;
}
#top_special_new ul > li {
}
#top_special_new ul > li a {
	color: white;
	text-decoration: none;
	font-size: 0.875rem;	/* 14px */
}
#top_special_new ul > li a:hover {
	text-decoration: underline;
}
#top_special_new ul > li .wrapper {
	display: flex;
}
#top_special_new ul > li .date {
	padding-right: 1em;
}
/* 新着3件 */
#top_special .special_post ul > li,
#top_attraction .special_post ul > li {
	width: 33.3%;
}
/* 魅力3件 */


/* Fixed Page Components
----------------------------------------------- */


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


/* =Responsive
----------------------------------------------- */
/* Special breakpoint for Admin-bar */
@media screen and (min-width: 783px) {
	.admin-bar #top_bg {
		height: calc(100vh - 32px);
		top: 32px;
	}
}

/* Special breakpoint for Admin-bar */
@media screen and (max-width: 782px) {
	.admin-bar #top_bg {
		height: calc(100vh - 46px);
		top: 46px;
	}
}

/* General breakpoint for PC */
@media print, screen and (min-width: 768px) {
	.sponly {
		display: none !important;
	}

	/* Structure */
	body {
		min-width: 1200px;
	}

	/* Header */
	#masthead {
		height: 86px;
	}

	/* Menu */
	#menu_open_btn,
	#menu_close_btn,
	#headlogo {
		line-height: 86px;
	}
	#menu_open_btn,
	#menu_close_btn {
		width: 125px;
		height: 86px;
	}
	#menu_open_btn a img,
	#menu_close_btn a img {
		width: 61px;
		height: auto;
	}
	#headlogo {
		font-size: 225%;	/* 36px */
	}
	h1#headlogo,
	div#headlogo a {
		padding: 0 30px;
	}
	#headlogo span.small {
		font-size: 55.55%;	/* 20px */
	}
	#headmenu {
		width: 500px;
	}
	#headmenu ul {
		padding: 86px 0 40px;
		line-height: 40px;
		font-size: 150%;	/* 24px */
		text-align: center;
	}
	#headmenu ul li {
		padding: 15px 0;
	}
	#headmenu ul li a {
		padding: 0 6px;
	}
	#headmenu ul li.stonework a {
		background-position-x: 345px;
	}

	/* Content */

	/* Navigation */
	#content #nav-single {
		width: 72%;	/* 01.2022 Aki:was 100% */
		padding-top: 70px;	/* 01.2022 Aki */
	}
	.nav-previous {
		padding-right: 7%;
	}
	.nav-next {
		padding-left: 7%;
	}
	.nav_gotop {
		padding: 0 7%;
	}

	/* Widgets */

	/* Footer */
	#colophon {
		padding: 120px 0 35px;
	}
	#footlogo {
		margin-bottom: 65px;
		font-size: 262.5%;	/* 42px */
	}
	#footlogo span.small {
		font-size: 57.1%;	/* 24px */
	}

	/* Common entries */

	/* Blog Page Components */
	/* List Page */
	.list_header .list_descr {
		width: 57.3%;
	}
	article.list .inner_wall {
		width: 1000px;
	}
	article.list .entry-title {
		font-size: 175%;	/* 28px */
		padding: 20px 0;
	}
	article.list .left_wrap {
		float: left;
		width: 50%;
		padding-right: 30px;
	}
	article.list .entry-summary {
		padding-bottom: 20px;
	}
	article.list .inner_wall > .imgonly {	/* JAN-2023 KAZ: added .inner_wall > */
		width: 44%;
	}


	/* single Page */
	#primary {
		float: left;
		margin: 0;
		width: 730px;	/* Width of main area */
	}
	body.single .page-header {
		height: 334px;
	}
	article.single h2 {
		line-height: 1.92;
	}
	article .wrap {
		padding: 40px 40px 0;
	}

	/* Front Page Components */
	#top_intro,
	#top_about {
		height: 1000px;	/* 01.2023 Aki was 900px */
	}
	#top_intro {
	}
	#top_intro .wall {
		padding-top: 300px;	/* 01.2023 Aki was 226px */
	}
	#top_intro .catchline {
		height: 442px;
		line-height: 2.519;	/* 68px */
		font-size: 168.75%;	/* 27px */
	}
	#top_intro ul.facts li {
		width: 263px;
		line-height: 1;
	}
	#top_intro ul.facts li .heading,
	#top_intro ul.facts li .unit {
		font-size: 125%;	/* 20px */
	}
	#top_intro ul.facts li .number {
		margin-top: -6px;
		font-size: 681.25%;	/* 109px */
	}
	#top_intro ul.facts li .number span.approx {	/* MAR-2022 KAZ */
		font-size: 27.52%;	/* 30px */
		letter-spacing: 8px;
	}
	#top_about {
		position: relative;
	}
	#top_about .wall {
		width: 78.75%;
		max-width: 1260px;
		margin: 0 auto;
		padding-top: 140px;
	}
	#top_about h2 {
		float: left;
		margin-bottom: 1em;	/* APR-2022 KAZ */
		font-size: 250%;	/* 40px */
	}
	#top_about .descr {
		margin: 20px 51% 0 116px;	/* APR-2022 KAZ: top was 30px */
		line-height: 2;		/* 34px */
		font-size: 106.25%;	/* 17px */
	}
	#top_about .note {	/* APR-2022 KAZ */
		clear: left;
		margin: 20px 63% 0 0;
	}
	#top_about .map {
		position: absolute;
		width: calc(50% + 151px);	/* KAZ: was 59.44% */
		max-width: 59.44%;	/* KAZ: was 951px */
/*		top: 0; */
		bottom: 45px;
		right: 0;
	}
	#top_columns {
		min-height: 900px;
		padding-bottom: 264px;
	}
	#top_columns .wall {
		overflow: hidden;
		width: 85%;
		max-width: 1360px;
		margin: -80px auto 0;	/* APR-2022 KAZ: top was -150px; 02.2022 Aki: top was -182px */
	}
	#top_columns section {
		float: left;
		width: 30%;
		padding-top: 60px;
	}
	#top_columns section:not(:first-child) {
		margin-left: 5%;
	}
	#top_columns section h2 {
		top: 0;
		left: 9.31%;		/* 38px */
		padding: 18px 0 15px;
		line-height: 48px;
		font-size: 150%;	/* 24px */
	}
	#top_columns section.culture h2 {
		margin-top: 1.12em;
	}
	#top_columns section .image {
		margin-bottom: 24px;
		padding: 0 7.1%;
	}
	#top_progress {
	}
	#top_progress .wall {
		background: url(/images/top_progress_bg.png) no-repeat center / 100% 100%;
		width: 89.88%;
		max-width: 1438px;
		top: -103px;
		left: 0;
		margin: 0 auto;
		padding: 60px min(4.75%, 76px) 54px min(6.5%, 104px);
	}
	#top_progress .percentage {
		width: 210px;
		height: 210px;
		top: -105px;
		padding: 10px;
	}
	#top_progress .percentage .piechart {
		width: 190px;
		height: 190px;
		padding: 22px;
	}
	#top_progress .percentage .piechart .inner {
		width: 146px;
		height: 146px;
		padding-top: 20px;
	}
	#top_progress .percentage .piechart .inner .caption {
		line-height: 22.5px;
		font-size: 19.5px;	/* FIXED */
	}
	#top_progress .percentage .piechart .inner .value {
		line-height: 1;
	}
	#top_progress .percentage .piechart .inner .value .number {
		font-size: 57px;	/* FIXED */
	}
	#top_progress .percentage .piechart .inner .value .unit {
		font-size: 35px;	/* FIXED */
	}
	#top_progress .pcleft {
		float: left;
		width: 38.71%;
		padding-top: 44px;
	}
	#top_progress .pcleft h2 {
		margin-bottom: 14px;
		font-size: 250%;	/* 40px */
	}
	#top_progress .pcleft .descr {
		line-height: 2.118;	/* 36px */
		font-size: 106.25%;	/* 17px */
	}
	#top_progress .progress_post {
		margin-left: 44.44%;
	}
	#top_progress .progress_post a {
		height: 453px;
/*		padding: calc(32.45% - 91px) 16.81%; */
		padding: 135px 16.81%;
	}
	#top_progress .progress_post a img {
	}
	#top_progress .progress_post a span.title {
		line-height: 1.643;	/* 46px */
		font-size: 175%;	/* 28px */
	}
	#top_progress .progress_post a span.date {
		font-size: 125%;	/* 20px */
	}
	#top_progress .progress_post a span.date::before {	/* 01.2022 Aki */
		width: 146px;
		margin-bottom: 20px;
	}
	#top_progress .btn_line {
		position: absolute;
		bottom: 88px;
		left: min(8.27%, 104px);
	}
	#top_news .wall {
		width: 1000px;
		padding: 45px 0 104px;	/* KAZ: added bottom */
	}
	#top_news h2 {
		font-size: 250%;	/* 40px */
		line-height: 1;
		float: left;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		        writing-mode: vertical-rl;
		letter-spacing: 0.24em;
	}
	#top_news ul.news_list {
		float: right;	/* 01.2022 Aki */
		width: 850px;
		margin-bottom: 55px;
	}
	#top_news .blogdate, #top_news .title {
		font-size: 125%;	/* 20px */
	}
	#top_news .btn_line {
		text-align: right;
	}
	#top_enjoyment .wall {	/* 2024.12 KAZ */
		padding: 69px 0 77px;
	}
	#top_enjoyment h2,	/* 2024.12 KAZ */
	#top_special h2,
	#top_attraction h2,	/* 01.2023 Aki added */
	#top_sns h2 {
		font-size: 250%;	/* 40px */
	}
	#top_enjoyment h2 {	/* 2024.12 KAZ */
		margin-bottom: 4px;
		letter-spacing: 0.12em;
	}
	#top_enjoyment .descr {	/* 2024.12 KAZ */
		margin-bottom: 33px;
		font-size: 125%;	/* 20px */
	}
	#top_enjoyment .slider_wrapper {	/* 2024.12 KAZ */
		width: 774px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider {	/* 2024.12 KAZ */
		margin-bottom: 57px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide {	/* 2024.12 KAZ */
		padding-inline: 37px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .image_wrapper {	/* 2024.12 KAZ */
		margin-bottom: 18px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .image_wrapper .image {	/* 2024.12 KAZ */
		height: 400px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .title {	/* 2024.12 KAZ */
		margin-bottom: 1px;
		font-size: 125%;	/* 20px */
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .date {	/* 2024.12 KAZ */
		font-size: 112.5%;	/* 18px */
	}
	.slider_wrapper .enjoyment-slider .slick-arrow {	/* 2024.12 KAZ */
		width: 50px;
		height: 50px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slick-arrow {	/* 2024.12 KAZ */
		top: 175px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slick-prev {	/* 2024.12 KAZ */
		left: 9px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slick-next {	/* 2024.12 KAZ */
		right: 9px;
	}
	#top_special .wall,
	#top_attraction .wall {	/* 01.2023 Aki added */
		padding: 90px 0 130px;	/* KAZ: added top */
	}
	#top_attraction .wall {	/* 01.2023 Aki added */
		padding-top: 0;
	}
	#top_special h2,
	#top_attraction h2 {	/* 01.2023 Aki added */
		margin-bottom: 13px;
	}
	#top_special .descr,	/* KAZ */
	#top_attraction .descr {	/* 01.2023 Aki added */
		width: 640px;
		margin: 0 auto 47px;
		line-height: 2.118;	/* 36px */
		font-size: 106.25%;	/* 17px */
	}
	#top_special .special_post ul,
	#top_attraction .special_post ul {	/* 01.2023 Aki added */
		margin: 0 0 40px;
	}
	#top_special .special_post ul > li,
	#top_attraction .special_post ul > li {	/* 01.2023 Aki added */
		height: 385px;
	}
	#top_special .special_post ul > li .wrapper,
	#top_attraction .special_post ul > li .wrapper {	/* 01.2023 Aki added */
		width: 57.2%;
		bottom: 22px;		/* KAZ: was 30px */
		left: 45px;
	}
	#top_sns .btn_line a.expand {
	}
	#top_banners ul {
		width: 1100px;
		padding: 162px 0 70px;
		margin: auto;
	}
	#top_banners ul > li {
		margin-bottom: 25px;
	}
	#top_banners ul > li.imgonly {
		float: left;
	}
	#top_banners ul > li.imgonly:not(:nth-child(5n)) {
		margin-right: 25px;
	}

}

/* General breakpoint for Tablet/SP */
@media screen and (max-width: 767px) {
	a.current img, .transbtn:hover, a:hover img {
		opacity: 1;
		-webkit-filter: none;
		        filter: none;
	}
	.pconly {
		display: none !important;
	}

	/* Structure */
	body {
		min-width: 320px;
	}
	#main #mainwall {
		width: 89.3%;
	}
	#breadcrumbs {
		width: 90%;
		line-height: 1.25;
	}
	a.link_btn {
		padding: 0 70px 0 10px;
	}

	/* Header */
	#masthead {
		height: 60px;
		padding-left: 13px;
	}
	#menu_open_btn, #menu_close_btn, #headlogo {
		line-height: 60px;
	}
	#headlogo span.small {
		font-size: 75%;
	}
	#headlogo span.large {
		font-size: 131.3%;
	}
	#menu_open_btn, #menu_close_btn {
		right: 13px;
	}
	#menu_open_btn a img, #menu_close_btn a img {
		width: 34px;
		height: auto;
	}
	#headmenu {
		width: 70%;
	}
	#headmenu ul {
		padding: 50px 0 40px;
	}
	#headmenu ul li {
		font-size: 125%;
		text-align: center;
		padding: 10px 0;
	}
	body.single .page-header .imgonly {
		height: 100%;	/* 12.2022 AKi was auto */
/*		bottom: 0; 12.2022 Aki c/o */
		top: 0;	/* 12.2022 Aki added */
		transform: inherit;	/* 12.2022 Aki added */
	}

	/* Footer */
	#colophon {
		padding: 20px;
	}
	#footlogo {
		font-size: 200%;
	}
	#footlogo .small {
		font-size: 50%;
	}
	#ft_copyright {
		font-size: 87.5%;
		line-height: 1.45;
		padding-top: 1em;
	}

	/* Navigation */
	#content #nav-single {
		width: 100%;
		font-size: 87.5%;
	}
	.nav_gotop {
		padding: 0 2%;
	}


	/* Front Page Components */
	#top_intro .wall {
		padding-top: 210px;	/* JAN-2023 KAZ: was 290px; 01.2023 Aki was 185px */
	}
	#top_intro .catchline {
		font-size: 112.5%;
		height: 270px;	/* JAN-2023 KAZ: was 300px */
	}
	#top_intro ul.facts li {
		min-width: 25%;	/* MAR-2022 KAZ: was width */
	}
	#top_intro ul.facts li .heading, #top_intro ul.facts li .unit {
		font-size: 75%;
		line-height: 1;
	}
	#top_intro ul.facts li .number {
		font-size: 337.5%;
		line-height: 1;
	}
	#top_intro ul.facts li .number span.approx {	/* MAR-2022 KAZ */
		margin-left: -8px;
		font-size: 18px;
		letter-spacing: 3px;
	}
	/* APR-2022 KAZ */
/*	#top_intro .note {
 *		width: 80%;
 *		font-size: 14px;
 *	}
 */
	#top_about h2 {
		font-size: 168.8%;
		margin: 0 auto;
	}
	#top_about .wall {
		padding-top: 120px;
	}
	#top_about .descr,
	#top_about .note {	/* APR-2022 KAZ */
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	#top_about .descr {
		padding-top: 30px;
	}
	#top_about .note {	/* APR-2022 KAZ */
		margin-top: 2em;
	}
	#top_about .map {	/* KAZ */
		overflow: hidden;
		margin-top: 18px;
	}
	#top_about .map img {	/* KAZ */
		width: 132%;
		max-width: none;
		margin: -20.2% -9% 0 -23%;
	}
	#top_columns {
		padding-bottom: 440px;
	}
	#top_columns section {
		width: 80%;
		padding-top: 70px;
		margin: auto;
	}
	#top_columns section h2 {
		font-size: 125%;
		padding: 10px 0;
		top: 70px;
		left: 6.66%;
	}
	#top_columns section .image {
		padding: 0 12%;
		margin-bottom: 25px;
	}
	#top_columns section .descr {
		font-size: 87.5%;
	}
	#top_progress .wall {
		width: 89.3%;
		background: url(/images/sp/top_progress_bg.png)no-repeat center / 100% 100%;
		top: -335px;
		padding: 60px 0 75px;	/* MAR-2022 KAZ: top was 110px */
		margin: auto;
	}
	#top_progress .percentage {
		top: -57px;
		width: 150px;
		height: 150px;
		padding: 7px;
	}
	#top_progress .percentage .piechart {
		width: 135px;
		height: 135px;
		padding: 15px;
	}
	#top_progress .percentage .piechart .inner {
		width: 105px;
		height: 105px;
		padding-top: 10px;
	}
	#top_progress .percentage .piechart .inner .caption {
		font-size: 87.5%;
		line-height: 1.18;
		padding-top: 7px;
	}
	#top_progress .percentage .piechart .inner .value .number {
		font-size: 250%;
		line-height: 1;
	}
	#top_progress .percentage .piechart .inner .value .unit {
		font-size: 156.3%;
	}
	#top_progress .pcleft h2 {
		font-size: 150%;
		text-align: center;
	}
	#top_progress .pcleft .descr {
		font-size: 87.5%;
		padding: 10px 15px;
	}
	#top_progress .progress_post a {
		width: 90%;
		height: 195px;
		padding: 13.7% 35px;
		margin: auto;
	}
	#top_progress .progress_post a span.date::before {
		width: 26.1%;
	}
	#top_progress .btn_line, #top_news .btn_line {
		text-align: center;
		margin-top: 25px;
	}
	#top_progress a.link_btn.more, #top_news a.link_btn.more, #top_special a.link_btn.more,
	#top_attraction a.link_btn.more {	/* 01.2023 Aki added */
		font-size: 93.3%;
		line-height: 45px;
	}
	#top_news {
		position: relative;
		padding-top: 40px;
		margin-top: -335px;
	}
	#top_news .wall {
		width: 80.4%;
		padding-bottom: 25px;	/* 2024.12 KAZ */
	}
	#top_news h2 {
		font-size: 150%;
		text-align: center;
	}
	#top_news ul.news_list li {
		padding: 20px 0;
	}
	#top_news ul.news_list li:first-child {
		padding-top: 17px;
	}
	#top_news ul.news_list .imgonly {
		position: relative;
		width: 23.2%;
		min-width: 70px;
		padding-top: 23.2%;
		overflow: hidden;
		margin-top: 5px;
		margin-right: 15px;
	}
	#top_news ul.news_list .imgonly .photo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	#top_news .categories a,
	article.list .categories a {
		font-size: 81.3%;
		line-height: 20px;
	}
	#top_news .categories a,
	article.list.post .categories a {	/* JAN-2023 KAZ: added .post */
		padding: 0 8px;
	}
	#top_news .categories a {
		margin-left: 0;
	}
	#top_news .blogdate {
		font-size: 93.8%;
	}
	#top_news .title {
		font-size: 87.5%;
		display: block;
		overflow: hidden;
	}
	#top_enjoyment .wall {	/* 2024.12 KAZ */
		padding: 40px 0 25px;
	}
	#top_enjoyment h2,	/* 2024.12 KAZ */
	#top_special h2,
	#top_attraction h2,	/* 01.2023 Aki added */
	#top_sns h2 {
		font-size: 150%;
	}
	#top_enjoyment h2 {	/* 2024.12 KAZ */
		margin-bottom: 8px;
	}
	#top_enjoyment .descr,	/* 2024.12 KAZ */
	#top_special .descr,
	#top_attraction .descr {	/* 01.2023 Aki added */
		width: 89.3%;
		margin: 0 auto 1em;
		font-size: 93.8%;
	}
	#top_enjoyment .descr {	/* 2024.12 KAZ */
		margin-bottom: 24px;
		line-height: 1.5;
	}
	.slider_wrapper {	/* 2024.12 KAZ */
	}
	.slider_wrapper .enjoyment-slider {	/* 2024.12 KAZ */
		margin-bottom: 20px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide {	/* 2024.12 KAZ */
		padding-inline: 5.35%;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .image_wrapper {	/* 2024.12 KAZ */
		margin-bottom: 10px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .image_wrapper .image img {	/* 2024.12 KAZ */
		height: auto;
		aspect-ratio: 7 / 4;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .title {	/* 2024.12 KAZ */
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slide a .date {	/* 2024.12 KAZ */
		font-size: 87.5%;	/* 14px */
	}
	.slider_wrapper .enjoyment-slider .slick-arrow {	/* 2024.12 KAZ */
		width: 30px;
		height: 30px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slick-arrow {	/* 2024.12 KAZ */
		top: 80px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slick-prev {	/* 2024.12 KAZ */
		left: 5px;
	}
	#top_enjoyment .slider_wrapper .enjoyment-slider .slick-next {	/* 2024.12 KAZ */
		right: 5px;
	}
	#top_special,
	#top_attraction {	/* 01.2023 Aki added */
		padding-top: 40px;
	}
	#top_special .wall,
	#top_attraction .wall {	/* 01.2023 Aki added */
		padding-bottom: 25px;
	}
	#top_special .special_post ul,
	#top_attraction .special_post ul {	/* 01.2023 Aki added */
		margin: 0 0 25px;
	}
	#top_special .special_post ul > li,
	#top_attraction .special_post ul > li {	/* 01.2023 Aki added */
		height: 200px;
	}
	#top_special .special_post ul > li .wrapper,
	#top_attraction .special_post ul > li .wrapper {	/* 01.2023 Aki added */
		bottom: 22px;
		left: 20px;
		right: 60px;	/* JAN-2023 KAZ */
	}
/*	#top_special .special_post ul > li:first-child, #top_special .special_post ul > li:nth-child(6) {
 *		width: 100%;
 *	}
 *	#top_special .special_post ul > li:nth-child(2), #top_special .special_post ul > li:nth-child(3), #top_special .special_post ul > li:nth-child(4), #top_special .special_post ul > li:nth-child(5) {
 *		width: calc(50% - 1px);
 *	}
 *	#top_special .special_post ul > li:nth-child(2) .wrapper, #top_special .special_post ul > li:nth-child(3) .wrapper, #top_special .special_post ul > li:nth-child(4) .wrapper, #top_special .special_post ul > li:nth-child(5) .wrapper {
 *		width: 50%;
 *	}
 */
	#top_special .special_post ul > li,
	#top_attraction .special_post ul > li {	/* 01.2023 Aki added */
		width: 100%;
	}
	#top_special .special_post ul > li .title,
	#top_attraction .special_post ul > li .title {	/* 01.2023 Aki added */
		font-size: 106.3%;
		line-height: 1.45;
	}
	#top_enjoyment .enjoyment-slider .slide .popularity,	/* 2024.12 KAZ */
	#top_special .special_post ul > li .popularity,
	#top_attraction .special_post ul > li .popularity {	/* 01.2023 Aki added */
		width: 40px;
		height: 40px;
		right: 10px;
	}
	#top_enjoyment .enjoyment-slider .slide .popularity .imgonly,	/* 2024.12 KAZ */
	#top_special .special_post ul > li .popularity .imgonly,
	#top_attraction .special_post ul > li .popularity .imgonly {	/* 01.2023 Aki added */
		padding: 7px 14px 1px;
	}
	#top_sns ul.feed_list li {
		width: 48%;
	}
	#top_sns ul.feed_list li a .type {
		width: auto;
		padding: 0 5px;
	}
	#top_sns ul.feed_list li a .text {
		font-size: 93.8%;
		line-height: 1.45;
	}
	#top_banners ul {
		text-align: center;
	}
	#top_banners ul > li.imgonly {
		margin-bottom: 5px;
	}
	#top_special_new {	/* 01.2023 Aki added */
		width: calc(100% - 26px);
		top: 75px;	/* JAN-2023 KAZ: added */
		left: 13px;
	}
	#top_special_new ul {	/* 01.2023 Aki added */
		padding-right: 1em;
	}
	#top_special_new ul > li a {	/* 01.2023 Aki added */
		font-size: 0.75rem;	/* 12px */
		line-height: 1.5;
	}


	/* Blog Page Components */
	#secondary {
		float: none;
		margin: auto;
	}
	/* List Page */
	.list_header {
		padding-bottom: 0;
	}
	.list_header .ttl_list {
		font-size: 175%;
	}
	.list_header .list_descr, article.list .inner_wall {
		width: 90%;
	}
	.list_header .list_descr {
		padding-top: 30px;
	}
	.list_header .sort_order {	/* JAN-2023 KAZ */
		margin-bottom: 0;
	}
	article.list .entry-title {
		font-size: 112.5%;
		padding: 10px 0;
	}
	article.list .left_wrap {
		padding-bottom: 20px;
	}
	article.list .categories {
		margin-left: 15px;
	}
	article.list.special .categories {	/* JAN-2023 KAZ */
		text-align: left;
	}
	article.list.post .categories a {	/* JAN-2023 KAZ: added .post */
		margin-left: 0;
		margin-right: 10px;
	}
	article.list .inner_wall > .imgonly {	/* JAN-2023 KAZ: added .inner_wall > */
		position: relative;
		padding-top: 75.3%;
	}
	article.list .inner_wall > .imgonly img {	/* JAN-2023 KAZ: added .inner_wall > */
		position: absolute;
/*		width: 100%;
 *		height: auto;
 */		/* JAN-2023 KAZ: c/o */
		top: 0;
		left: 0;
	}

	/* Single Page Secondary Widget */
	.widget_recent_entries {
		margin-bottom: 30px;
	}
	/* Single Page */
	body.single .page-header {
		height: 167px;
	}
	body.single .page-header .imgonly img {
		height: 100%;	/* 12.2022 Aki was auto */
	}
	article.single {
		padding: 30px 15px;
	}
	article.single h2 {
		line-height: 1.5;
	}
	article .wrap {
		padding: 20px 20px 0;
	}
	article.single .entry-content img {
		margin-bottom: 1em;
	}
}


/* 新しい楽しみ方: 2024.12 伊藤追加
----------------------------------------------- */
#my-enjoyment #main {	/* KAZ: was #main:has(.single-enjoyment) */
	background-color: #cd934f;
}
#my-enjoyment #breadcrumbs {	/* KAZ: was #breadcrumbs.breadcrumbs-enjoyment */
	margin: 32px auto;	/* KAZ: was margin-bottom: 16.3px */
	color: #fff;
}
#my-enjoyment #breadcrumbs a {	/* KAZ: was #breadcrumbs.breadcrumbs-enjoyment a.home */
	color: inherit;	/* KAZ: was #999 */
}
/*.breadcrumb .post-enjoyment-archive {
 *	color:#fff;
 *}
 */
#my-enjoyment.archive #main #mainwall {	/* KAZ: was #main #mainwall.mainwall-archive_enjoyment */
	width: 100%;
	max-width: 1200px;
}
#my-enjoyment.archive #primary {	/* KAZ: #main .single-enjoyment:has(.archive-enjoyment) */
	max-width: 1200px;
	margin-bottom: 193px;
}
#my-enjoyment.single #primary {	/* KAZ: was #main .single-enjoyment */
/*	float: initial; */
/*	width: 100%; */
	max-width: 1000px;
/*	margin: 0 auto; */
}
#my-enjoyment .list_header {
	background-color: initial;
}
#my-enjoyment .list_header .ttl_list {
	color:#fff;
	font-size:40px;
	line-height:calc(70 / 40);
	letter-spacing:0.012em;
	font-weight: 700;	/* KAZ was 800 */
/*	font-family: "Shippori Mincho B1"; */
}
#my-enjoyment .list_header .ttl_list::after{
	background:#fff;
}
#my-enjoyment .slider_wrapper .enjoyment-slider .slide {
}
#my-enjoyment .slider_wrapper .slider_nav ul.slick-dots {
	display: flex;
	justify-content: center;
	margin: 0;
}
#my-enjoyment .slider_wrapper .slider_nav ul.slick-dots li {
	list-style-type: none;
}
#my-enjoyment .slider_wrapper .slider_nav ul.slick-dots li button {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 0;
	box-shadow: none;
	position: relative;
	width: 26px;
	height: 26px;
	padding: 7px;
	text-indent: -9999px
}
#my-enjoyment .slider_wrapper .slider_nav ul.slick-dots li button::before {
	background-color: #dbdbdb;
	border-radius: 50%;
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 7px;
	left: 7px;
	content: '';
}
#my-enjoyment .slider_wrapper .slider_nav ul.slick-dots li.slick-active button::before {
	background-color: #bb6c10;
}
@media (any-hover: hover) {
	#my-enjoyment .slider_wrapper .slider_nav ul.slick-dots li button:hover::before {
		background-color: #bb6c10;
	}
}
article.enjoyment{
	padding: 0;
}
article.enjoyment .entry-header{
	background-color: #a5774c;
}
article.enjoyment .entry-header .blogdate {
	color: #fff;
	text-align: center;
	font-size: 17px;
	line-height: calc(29.75 / 17);
	letter-spacing: 0;
	margin-bottom: 10px;
}
article.enjoyment .entry-header .entry-title {	/* KAZ: was h2 */
	font-size: 28px;
	letter-spacing: 0.012em;
	line-height: calc(42 / 28);
	color: #fff;
	font-weight: 700;	/* KAZ: was 800 */
	margin-bottom: 10px;	/* KAZ: was 49.5px */
	text-align:left;
/*	font-family: "Shippori Mincho B1"; */
}
article.enjoyment .entry-header .wpulike {
	margin-bottom: 50px;	/* KAZ */
}
article.enjoyment .entry-content{
	background-color: #fff;
}
article.enjoyment .entry-header,
article.enjoyment .entry-content {
	padding: 30px 135px 50px;
}
article.enjoyment .entry-content{
	padding-top:81.6px;
}
.information_box--title{
	padding-bottom:10.5px;
	border-bottom:1px solid #fff;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:calc(31.5 / 18);
	font-family: Barlow;
	font-weight: 600;
	margin-bottom:15.7px;
}
#my-enjoyment.archive .enjoyment {	/* KAZ: was #my-enjoyment .archive-enjoyment .enjoyment */
	background: #A5774C;
	border-radius: 20px;
	padding: 5.28% 5.45% 6.04% 5.63%;
}
#my-enjoyment.archive .enjoyment + .enjoyment {	/* KAZ: was #my-enjoyment .archive-enjoyment .enjoyment + .enjoyment */
	margin-top:60.2px;
}
article.enjoyment .archive-enjoyment__content .entry-header{
	padding:0;
}
.entry-summary__table{
	align-items:center;
	grid-template-columns:50.6% 1fr;
	gap:0 2.8125rem;
	display:grid;
}
.entry-summary__table .imgonly,
.entry-summary__table .imgonly a,
.entry-summary__table .imgonly img{
	width:100%;
}

article.enjoyment .archive-enjoyment__content .entry-header h2{
	max-width:800px;
	margin-bottom: 0;
	padding: 0 0 6.5px;
}
article.enjoyment .archive-enjoyment__content .blogdate {
	margin-bottom: 28.12px;
	display: inline-block;
}
.archive-enjoyment__img{
	max-width:60px;
	width:100%;
	max-height:60px;
	height:100%;
}
article.list .archive-enjoyment__inner{
	position:relative;
	padding-block:0;
	border-bottom:0;
	margin-inline:0;
	width: 100%;
}
.archive-enjoyment__inner .archive-enjoyment__img{
	position:absolute;
	right:0;
	top:0;
}
.archive-enjoyment__img img{
	aspect-ratio:1 / 1;
	height:100%;
	-o-object-fit:contain;
	   object-fit:contain;
	-o-object-position:center;
	   object-position:center;
}
.information_box--row{
	width: 100%;
	border-spacing: 0;
	max-width: 481.32px;
	margin-inline: auto;
}

.information_box--row th {
	border-bottom:dashed 1.5px #fff;
	width: 8em;	/* KAZ: was 100% */
/*	max-width: 26.6%; */
	padding: 17.2px 0;
	line-height: calc(32 / 16);
	color:#fff;
	font-size: 16px;
/*	font-family: "YuGothic", "Yu Gothic", "游ゴシック", sans-serif; */
	letter-spacing: 0;
}
.information_box--table{
	border-bottom:1px solid #fff;
}
.information_box--row td{
	color:#fff;
	padding: 17.2px 0;
	border-bottom:dashed 1.5px #fff;
	font-size: 16px;
	line-height: calc(32 / 16);
	letter-spacing: 0;
/*	font-family: "YuGothic", "Yu Gothic", "游ゴシック", sans-serif; */
}
.information_box--row tr:last-of-type th,.information_box--row tr:last-of-type td {
	border-bottom:none;
}
.archive-enjoyment__inner .information_box--table{
	border-bottom:0;
}
.archive-enjoyment__inner  .information_box--row td,
.archive-enjoyment__inner  .information_box--row th{
	padding: 13px 0;
}
#my-enjoyment.single .wp_social_bookmarking_light, #my-enjoyment.single .wp_social_bookmarking_light_clear{
	display:none;
}

@media print, screen and (min-width:768px) {
	#my-enjoyment .slider_wrapper {	/* 2024.12 KAZ */
		width: 800px;
		padding-bottom: 56px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider {	/* 2024.12 KAZ */
		margin-bottom: 13px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slide {	/* 2024.12 KAZ */
		padding-inline: 10px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slide .image {	/* 2024.12 KAZ */
		height: 480px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slick-arrow {	/* 2024.12 KAZ */
		top: 215px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slick-prev {	/* 2024.12 KAZ */
		left: -15px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slick-next {	/* 2024.12 KAZ */
		right: -15px;
	}
}

@media print, screen and (min-width:768px) and (max-width:1236px) {	/* KAZ: was (max-width:1200px) */
	#my-enjoyment.archive #main #mainwall {	/* KAZ: was #main #mainwall.mainwall-archive_enjoyment */
/*		width: calc(100% - 2rem); */
		max-width: 1080px;
/*		margin-inline: 1rem; */
	}
}

@media screen and (max-width:767px) {
	#my-enjoyment.archive #main #mainwall {
		width: 89.3%;	/* KAZ */
	}
	#my-enjoyment .list_header {
		padding-top: 30px;
	}
	#my-enjoyment .list_header .ttl_list {
		margin-bottom: 2.2rem;
		line-height: calc(55 / 40);
		font-size: 175%;	/* KAZ: was 2rem */
	}
	#my-enjoyment .slider_wrapper {	/* 2024.12 KAZ */
		padding-bottom: 30px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider {	/* 2024.12 KAZ */
		margin-bottom: 13px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slide {	/* 2024.12 KAZ */
		padding-inline: 5.35%;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slide .image img {	/* 2024.12 KAZ */
		height: auto;
		aspect-ratio: 78 / 48;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slick-arrow {	/* 2024.12 KAZ */
		top: 88px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slick-prev {	/* 2024.12 KAZ */
		left: 5px;
	}
	#my-enjoyment .slider_wrapper .enjoyment-slider .slick-next {	/* 2024.12 KAZ */
		right: 5px;
	}
	#my-enjoyment.archive #primary {	/* KAZ: #main .single-enjoyment:has(.archive-enjoyment) */
		margin-bottom: 45px;
	}
	#my-enjoyment.archive .enjoyment + .enjoyment {	/* KAZ: was #my-enjoyment .archive-enjoyment .enjoyment + .enjoyment */
		margin-top:30px;
	}
	article.enjoyment .entry-header, article.enjoyment .entry-content{
		padding: 25px 30px 25px;
	}
	article.enjoyment .entry-header .entry-title {	/* KAZ: was h2 */
/*		margin-bottom: 30px; */
		font-size: 22px;
	}
	article.enjoyment .entry-header .wpulike {
		margin-bottom: 30px;	/* KAZ */
	}
	#my-enjoyment.archive article.enjoyment .entry-header h2{
		font-size: 17px;
		margin-bottom: 0px;
	}
	.information_box--title{
		margin-bottom: 12px;
	}
	.information_box--row th,
	.information_box--row td{
		display:block;
		width:100%;
		max-width:100%;
	}
	.information_box--row th,.archive-enjoyment__inner .information_box--row th{
		border-bottom:0;
		line-height: calc(20 / 16);
		padding: 19px 0 5px;
	}
	.information_box--row td,.archive-enjoyment__inner .information_box--row td{
		padding: 5px 0 16px;
		border-bottom: dashed 1.5px #fff;
		line-height: calc(25 / 16);
	}
	article.enjoyment .entry-content{
		padding-top: 30px;
	}
	.entry-summary__table{
		grid-template-columns: 1fr;
		gap: 1.5rem 0;
	}
	article.enjoyment .archive-enjoyment__content .entry-header h2{
		max-width:85%;
	}
	.archive-enjoyment__inner .information_box--row{
		margin-left:0;
	}

	.archive-enjoyment__img{
		max-width: 53px;
		max-height: 53px;
	}
}


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