/*2025-07-17T13:15:34*/

/*/home/r1986751/public_html/climb-fuji.com/site/modules/StyleMotifScheme/libraries/css/add-ons.css*/
/*ProcessWire stylesheet add-ons*/
/*Key frames*/
@keyframes fade-in {
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}
/*No overflow with fade-in only*/




/*Stick-to-top*/
.pw-edit-buttons	{ z-index: 10; }




/*Modal popup*/
.popup-info >.box	{
	visibility: hidden; opacity: 0; position: absolute; left: 33.3%;
	width: max-content; height: min-content; max-width: 24em;
	padding: 0.5em 1em; border-radius: 1em; box-shadow: 2px 2px 4px;
	transition: opacity 0.25s; line-height: 1.2em;
}
.popup-info:hover >.box	{
	display: block; visibility: visible; opacity: 1;
}




/*Equilateral triangle or plus-minus display toggle*/
/*<div class='no-toggle'>No toggle</div>
<input/><labele class='triangle toggle'>With triangle</label><div class='panel'>...</div>*/
.toggle,
.no-toggle	{ margin-left: 1em; position: relative; }
.toggle	{ cursor: cell; }
.toggle.triangle:before,
.toggle .triangle:before	{
	/*position: absolute; left: -1em;*/
	content: ''; box-sizing: border-box; font-size: 90%;
	display: inline-block; margin-right: 0.4em;
}
.toggle.triangle:before	{ bottom: 0.4em; }
/*.toggle .triangle:before	{ bottom: 0; }*/
.toggle.triangle:before,
.toggle .triangle:before	{
	border: solid 0.5em transparent; border-left: 0;
	border-right: solid 0.866025em var(--font-color1);
	transform: rotate(30deg); transition: transform .25s;
}
:checked ~.triangle:before,
:checked ~.toggle .triangle:before,
.toggle.open.triangle:before,
.toggle.open .triangle:before	{ transform: rotate(-30deg); }
.toggle.open.triangle:before	{ bottom: 0; }
/*.toggle.open .triangle:before	{ bottom: 0; }*/
.toggle.plus-minus:after,
.toggle .plus-minus:after	{
	content: '＋'; font-weight: bold; color: var(--font-color1);
}
:checked ~.plus-minus:after,
:checked ~.toggle .plus-minus:after,
.toggle.plus-minus.open:after,
.toggle .plus-minus.open:after	{ content: '－'; }
.toggle ~.panel	{
	max-height: 0; overflow: hidden; /*position: absolute;*/
	opacity: 0; transition: opacity 0.25s;
}
:checked ~.toggle ~.panel,
.toggle.open +.panel	{
	max-height: initial; opacity: 1; /*position: relative;*/
}




/*Dropdown menu*/
.dropdown.cursor .menu.l0	{ line-height: var(--nav-height); }
.dropdown.cursor .item.l0	{ position: relative; } /*Prov.*/
.dropdown.cursor .menu.l1	{
	/*left: 0em; top: var(--nav-height);*/
	/*min-width: 100%; */width: max-content; max-width: 50vw;
}
.dropdown.cursor label	{ display: none; }
.dropdown.cursor .items.l0 >.item,	.dropdown.cursor .items.l0 >a >.item	{
	margin: 0 auto;/* padding: 0.5em 1em;*/
}
.dropdown:not(.touch) .items.l1	{
	display: none;
	/**Conficting with horizontal tertiary menus:
	overflow-y: auto; max-height: calc( 100vh - var(--nav-height) );*/
}
.dropdown.cursor .items.l1	{ display: initial;/* margin-top: 0.5em;*/ }
.dropdown.cursor .item .items	{
	position: absolute; display: none; animation: fade-out .5s;
}
.dropdown.cursor li:hover >.items.l1	{
	display: block; z-index: 10; animation: fade-in .5s;/* left: 0.5em;*/
}
.dropdown.cursor .items.l1:hover >li >.items/*,
.dropdown.cursor .items.l2:hover >li >.items*/	{
	position: relative; display: block; z-index: 100; animation: fade-in .5s;
}
.dropdown.cursor .l1 .item	{ margin: 0; padding: 0.5em 0em 0.5em 1em; }
.dropdown.cursor .l1 .item:not(.menu-item),
.dropdown.cursor .l1 .sub-item:first-of-type,
.dropdown.cursor .l2 .item	{ padding-right: 1em; }
.dropdown.cursor li:hover >.items:not(.l1):not(.l2)	{ /*L3 horizontal*/
	display: block; z-index: 100; animation: fade-in .5s;
	position: absolute; top: 0; left: 100%;
	width: max-content; padding-right: 1em;
}




/*Retractable touch navigation*/
.retractable.touch {
	overflow: hidden; line-height: var(--nav-height);
	position: relative; max-width: 100%; padding: 0 var(--h-margin);
	/*text-align: right; /*Adjustable for non-fullwidth*/
}
.retractable.touch >.menu-toggle,
.retractable.touch >label	{
	position: relative; z-index: 1;
	display: inline-block; vertical-align: text-bottom;
	box-sizing: border-box; width: 100%; /*Fullwidth button*/
	padding: 0.5em; cursor: pointer;
	-moz-user-select: none; -webkit-user-select: none;
	-ms-user-select: none; user-select: none;
}
/*.retractable.touch >div:first-child	{
	float: left;
}*/
.retractable.touch .menu-toggle >span,
.retractable.touch label >span	{
	position: relative; display: block;
	width: 2em; height: 0.25em; border-radius: 0.25em;
	transition: background .25s ease-out; margin-left: auto; /*Adjustable for fullwidth*/
	background-color: var(--font-color2);
}
.retractable.touch .menu-toggle >span:before,
.retractable.touch .menu-toggle >span:after,
.retractable.touch label >span:before,
.retractable.touch label >span:after	{
	position: absolute; display: block; content: '';
	width: 100%; height: 100%; border-radius: 0.25em;
	transition: all .25s ease-out;
	background-color: var(--font-color2);
}
.retractable.touch .menu-toggle >span:before,
.retractable.touch label >span:before	{ top: 0.5em; }
.retractable.touch .menu-toggle >span:after,
.retractable.touch label >span:after	{ top: -0.5em; }
.retractable.touch .menu-toggle ~.menu-panel,
.retractable.touch label ~.menu-panel {
	display: inherit; clear: both;
	max-height: 0vh; transition: max-height .5s ease-out; font-size: 1.5em;
	text-align: center; background-color: transparent; /*Safari bug*/
}
.retractable.touch.absolute .menu-toggle ~.menu-panel,
.retractable.touch.absolute label ~.menu-panel	{
	position: absolute; right: 0;/* top: 0; /*Adjustable*/
	width: 100%; margin-top: 0.333em; /*Adjustable*/
}
.retractable.touch .menu-toggle ~.menu-panel >*:not(input),
.retractable.touch label ~.menu-panel >*:not(input)	{
	display: inline-block; text-align: initial;
}
.retractable.touch .menu-toggle ~.menu-panel .menu.l0,
.retractable.touch label ~.menu-panel .menu.l0	{
	overflow-y: auto; max-height: calc( 100vh - var(--nav-height) );
}
/*.retractable.touch input	{ display: none; }*/
.retractable.touch .menu-toggle.open ~.menu-panel,
.retractable.touch :checked ~.menu-panel	{ max-height: 100vh; /*Adjust*/ }
.retractable.touch .menu-toggle.open >span,
.retractable.touch :checked ~label >span	{ background: transparent; }
.retractable.touch .menu-toggle.open >span:before,
.retractable.touch :checked ~label >span:before	{ transform: rotate(-45deg); }
.retractable.touch .menu-toggle.open >span:after,
.retractable.touch :checked ~label >span:after	{ transform: rotate(45deg); }
.retractable.touch .menu-toggle.open >span:before,
.retractable.touch .menu-toggle.open >span:after,
.retractable.touch :checked ~label >span:before,
.retractable.touch :checked ~label >span:after	{ top: 0; }
.retractable.touch .menu-toggle ~.menu-panel .menu,
.retractable.touch input ~label +* .menu	{ margin: 0; padding: 0; }
.retractable.touch .menu-toggle ~.menu-panel .item,
.retractable.touch input ~label +* .item	{
	display: block; padding-top: 0; padding-bottom: 0;
}




/*Collapsible*/
.collapsible.touch .menu	{ position: relative; }
.collapsible.touch .menu >.item >.menu	{
	max-height: 0vh; overflow: hidden;
	transition: max-height .5s ease-out;
}
.collapsible.touch .menu >.item >.open ~.menu,
.collapsible.touch .menu >.item >:checked ~.menu	{ max-height: 100vh; /*Adjust*/ }
.collapsible.touch .menu >.item >.triangle,
.collapsible.touch .menu >.item >label	{ position: relative; }
.collapsible.touch .menu >.item >.triangle:before,
.collapsible.touch .menu >.item >label:before	{
	position: absolute; bottom: -1.5em; /*top: 1.9em; */right: 0.4em;
	content: ''; box-sizing: border-box; font-size: 80%;
	border: solid 0.5em transparent; border-left: 0;
	border-right: solid 0.866025em var(--font-color1);
	transform: rotate(30deg); transition: all .25s;
	/*left: 0; content: '▼'; padding: 0 1em;*/
}
.collapsible.touch .menu >.item >.triangle.open:before,
.collapsible.touch .menu >.item >:checked ~label:before	{
	/*top: 2.3em; */transform: rotate(-30deg); /*transform: rotate(180deg);*/
	
}
.collapsible.touch .l1 .item	{ padding-right: 0; }




/*Fixed table of contents*/
/*.wide ._toc	{
	visibility: hidden; position: fixed; right: 0; bottom: 4em;
	margin: 0; max-width: 25%; font-size: 80%;
}
.wide ._toc >*	{ max-width: 100%; }
.wide ._toc h5,	.wide ._toc h6	{ display: none; }
.wide ._toc li li li	{ display: none; }
.wide ._toc a	{ word-break: break-all; }
.wide ._toc a:after	{ content: ''; opacity: 0; }
.wide ._toc a.shown:after	{ opacity: 1; }
.mobile ._toc	{ position: initial; }*/

/*/home/r1986751/public_html/climb-fuji.com/site/modules/StyleMotifScheme/libraries/css/utility.css*/
/*ProcessWire default theme stylesheet*/
/*Variables*/
body	{
	--h2-type: upper-roman; --h2-glue: "-";
	--h3-type: decimal; --h3-glue: "";
	--h4-type: lower-latin;
}


/*Basic style*/
.note	{ margin-left: 1em; line-height: 1.5em; }
.word	{ display: inline-block; }
.comment	{
	margin: 1em auto; padding-left: 1em; border-left: solid 0.5em;
}
.placeholder	{ display: contents; }
/*.wrapper >*	{ display: contents; }*/
.floatleft	{ float: left; }
.floatright	{ float: right; }
figure	{ width: fit-content; }
/*figure.aligncenter,	figure.align_center	{ text-align: center; }*/
.aligncenter,	.align_center	{
	display: block; margin-left: auto; margin-right: auto;
}
iframe.aligncenter,	iframe.align_center	{ text-align: center; }
.aligncenter:not(iframe),	.align_center:not(iframe)	{ width: fit-content; }
.alignleft,	.align_left	{ float: left; margin-right: 1em; padding-left: 2em; }
.alignright,	.align_right	{ float: right; margin-left: 1em; }
.sticky	{ position: sticky; position: -webkit-sticky; top: 0; z-index: 2; }
/*.sticky.outer	{
	position: sticky; position: -webkit-sticky;
	top: 0; z-index: 2;
}*/
.slide.outer	{ position: relative; }
.slide >.inner	{
	position: sticky; position: -webkit-sticky; z-index: 1;
}
/*.stuck	{ background-color: rgba(255,255,255,0.75); }*/
/*.$dbg .stuck	{ background-color: rgba(0,0,0,0.75); }*/
.block-center	{ width: fit-content; margin: auto; }
.inline-center	{ text-align: center; }
.inline-center >*	{ display: inline-block; text-align: initial; }
.justify	{ text-align: justify; }

.quote	{ padding: 0 2em; border-left: solid 4px; }
.quote blockquote	{ margin: auto; width: fit-content; }
.quote >cite,
.quote >small,
.quote >p { text-align: right; } /*cite, small*/


/*Crisscross and saltire*/
.crisscross,	.saltire	{ position: relative; }
.crisscross:before,	.crisscross:after,
.saltire:before,	.saltire:after	{
	position: absolute; top: 2em; left: 0.5em;
	width: 1em; height: 0.25em; border-radius: 0.25em;
	content: ''; background-color: grey;
}
.crisscross:before	{ transform: rotate(90deg); }
.saltire:before	{ transform: rotate(-45deg); }
.saltire:after	{ transform: rotate(45deg); }


/*Date*/
.created .new:before,
.date-value.new	{ font-weight: bold; }
.date-label	{ padding-right: 0.5em; font-weight: bold; }


/*List-style types*/
.no-list-style,
ul.no-ls, ol.no-ls	{ list-style-type: none; }
.disc	{ list-style-type: disc; }
.circle	{ list-style-type: circle; }
.square	{ list-style-type: square; }
.decimal	{ list-style-type: decimal; }
.lower-alpha	{ list-style-type: lower-alpha; }
.upper-alpha	{ list-style-type: upper-alpha; }
.lower-roman	{ list-style-type: lower-roman; }
.upper-roman	{ list-style-type: upper-roman; }
.katakana	{ list-style-type: katakana; }
.katakana-iroha	{ list-style-type: katakana-iroha; }
.hiragana	{ list-style-type: hiragana; }
.hiragana-iroha	{ list-style-type: hiragana-iroha; }
.kanji	{ list-style-type: cjk-ideographic; }
ol.standard,
.toc.standard	ol	{ list-style-type: var(--h2-type); }
ol.standard ol,
.toc.standard	ol ol	{ list-style-type: var(--h3-type); }
ol.standard ol ol,
.toc.standard	ol ol ol	{ list-style-type: var(--h4-type); }
.toc.standard .ul	{ list-style-type: disc; }


/*List and menu*/
.list	{ margin: auto; }
.list li	{
	margin: 0; padding: 0.5em; list-style-type: none;
}
/*.list li,	*/.inline li,	.horizontal li	{ display: inline-block; }
.menu	{ margin: 0; line-height: 2em; }
.menu li	{
	padding: 0 1em; vertical-align: top;
	list-style-type: none; text-decoration: none;
}
.menu ul li,	.menu ol li	{ display: block; margin: 0.5em 0; }




/*Heading counter*/
.h2c:not(.nhc) h2:before	{ content: counter( h2, var(--h2-type) )". "; }
.h3c:not(.nhc) h3:before	{ content: counter( h2, var(--h2-type) )var(--h2-glue)counter( h3, var(--h3-type) )". "; }
.h4c:not(.nhc) h4:before	{ content: counter( h3, var(--h3-type) )var(--h3-glue)counter( h4, var(--h4-type) )". "; }
h1,	.h2c,	.h2c section.h1	{ counter-reset: h2; }
.h3c h2,	.h3c section.h2	{ counter-reset: h3; }
.h4c h3,	.h4c section.h3	{ counter-reset: h4; }
.h2c h2,	.h2c section.h2	{ counter-increment: h2; }
.h3c h3,	.h3c section.h3	{ counter-increment: h3; }
.h4c h4,	.h4c section.h4	{ counter-increment: h4; }
.nhc .h2c h2:before,
.nhc .h3c h3:before,
.nhc .h4c h4:before	{ content: ''; }


/*Abstracts counter*/
.abstracts.counter2 article.abstract h2:before,
.abstracts.counter3 article.abstract h3:before,
.abstracts.counter4 article.abstract h4:before	{ content: counter( abstract, decimal )": "; }
.abstracts.counter2 article.abstract,
.abstracts.counter3 article.abstract,
.abstracts.counter4 article.abstract	{ counter-increment: abstract; }
.abstracts.counter2 +.abstracts,
.abstracts.counter3 +.abstracts,
.abstracts.counter4 +.abstracts	{ counter-reset: abstract; }


/*Table of contents*/
.toc	{
	width: fit-content; margin: 4em auto;
	border: 2px solid; padding: 1em 3em;
}
.toc h3, .toc h4, .toc h5, .toc h6	{ margin: 0 auto 0.5em auto; }
.toc ul, .toc ol	{ margin: 0.5em auto 0.5em 1em; }
.toc li::marker	{ font-weight: bold; }
.nh2 .toc ol	{ list-style-type: var(--h2-type); }
.nh3 .toc ol ol	{ list-style-type: var(--h3-type); }
.nh4 .toc ol ol ol	{ list-style-type: var(--h4-type); }


/*Images*/
.touch.narrow .parallax	{ background-attachment: unset !important; }


.interim	{ display: none; }
/*.clearfix	{ overflow: auto; }*/
.clearfix:after	{ content: ''; clear: both; display: table; }

/*#search-box_form*/
.search-box { max-width: 100%;/* margin: auto;*/ }
.search-box form { text-align: center; }
.search-box input { width: 100%; max-width: 32em; }
.search-box .with-button {
	width: calc(100% - 3.5em); max-width: calc(50vw - 3.5em);
}
.search-box button { width: 3.5em; }

/*#logo_picture*/
body	{
	--logo-color: var(--c1); --logo-background: #fff;
}
#logo_picture figure	{ margin: 0; }
#logo_picture figcaption	{ display: none; }
#logo_picture img	{ max-width: min( 100%, 24em ); }

/*#breadcrumbs_unit*/
#breadcrumbs_unit .prefix	{ padding-right: 0.25em; font-weight: bold; }
#breadcrumbs_unit .items	{ display: inline-block; margin: 0; }
#breadcrumbs_unit .item	{ display: inline-block; list-style-type: none; }
#breadcrumbs_unit .item:after	{ content: "➤"; padding: 0 0.25em; }


/*#lang-links_unit*/
.lang-links.inline,
.lang-links.inline .items	{ display: inline-block; margin: 0; }
.lang-links.inline img	{ margin: 0; }
.lang-links.inline .item	{ padding: 0; list-style-type: none; }
.lang-links.inline .item:not(:last-child):after	{ content: "言語"; padding: 0 0.25em; }
.lang-links .icon	{ max-height: 1.5em; height: 1em; vertical-align: middle; }
.lang-links .icon +.label	{ padding-left: 0.25em; }

/*#backbone_unit*/
.wide ._toc	{
	visibility: hidden; position: fixed; right: 0; bottom: 4em;
	margin: 0; max-width: 25%; font-size: 80%;
}
.wide ._toc >*	{ max-width: 100%; }
.wide ._toc h5,	.wide ._toc h6	{ display: none; }
.wide ._toc li li li	{ display: none; }
.wide ._toc a	{ word-break: break-all; }
.wide ._toc a:after	{ content: ''; opacity: 0; }
.wide ._toc a.shown:after	{ opacity: 1; }
.mobile ._toc	{ position: initial; }

/*#qrc_picture*/
#qrc_picture	{ float: left; }
#qrc_picture img	{ max-width: 3em; }

/*#bttb_unit*/
#bttb_unit	{
	position: fixed; bottom: 2em; right: 2em; z-index: 100;
}
.js #bttb_unit	{ opacity: 0; }
#bttb_unit a {
	display: inline-block; width: 3em; height: 3em;
	box-sizing: border-box; border-radius: 1.5em;
	vertical-align: middle; line-height: 2.8em; /*Adjust vertical alignment*/
	text-align: center; text-decoration: none;
	background-color: rgba(255,255,255,0.75);
}
.DBG #bttb_unit a	{ background-color: rgba(0,0,0,0.75); }
#bttb_unit a:after	{ content: "▲"; font-size: 120%; }
#bttb_unit.colored a	{ background-color: var(--background2); color: var(--font-color2); }
#bttb_unit.colored a:hover	{ background-color: var(--font-color2R); }

/*#view_unit*/
#view_unit	{ font-size: 1em; vertical-align: middle; }
#view_unit noscript	{ display: inline-block; }
#view_unit span	{
	padding: 0em 0.5em;/* vertical-align: text-bottom;*/
	cursor: pointer; font-weight: bold;
	-webkit-user-select: none; -ms-user-select: none; -webkit-user-select: none;
}
#view_unit .no-js	{ color: var(--red); cursor: not-allowed }
.js #view_unit .no-js	{ display: none; }
.no-js #view_unit span	{ display: none; }
.js #view_unit span	{ display: initial; }
#view_unit span +span	{ margin-left: 0.5em; }
#view_unit .larger	{ font-size: 1.2em; }
#view_unit .smaller	{ font-size: 0.8em; }
#view_unit .larger,
#view_unit .smaller	{ color: var(--font-color2R); background: none; }
#view_unit .device_view_switcher	{ cursor: pointer; }
#view_unit .device_view_switcher:after,
#view_unit .device_view_switcher.cursor:after	{ content: '📱'; }
#view_unit .device_view_switcher.touch:after	{ content: '💻'; }

/*#utility_unit*/
#utility_unit	{
	z-index: 100; padding: 0.4em 0.8em;
	border-radius: 0.4em; font-weight: bold;
	-moz-user-select: none; -webkit-user-select: none;
	-ms-user-select: none; user-select: none;
	font-family: monospace;
}
#utility_unit.fixed	{ position: fixed; bottom: 0; left: 0; }
#utility_unit .separator	{ padding: 0 0.75em; }
#utility_unit span	 { vertical-align: baseline; }
#utility_unit.colored	{ background-color: var(--background2R); }
#utility_unit.colored:hover	{ background-color: var(--font-color2); }
#utility_unit.colored a,
#utility_unit.colored .separator	{ color: var(--font-color2R); }
#utility_unit.colored a:hover	{ color: var(--font-color1R); }