@charset 'UTF8';  
/******************************************************************************/
/* define  */
/******************************************************************************/
:root{
	--brun:#4d3934; --brun1:#918784; --brun2:#e0d3d0; --brun3:#f1eeed;
	--gold:#e1d079; --gold1:#f1e8bd; --gold2:#f8f3dc; --gold3:#fffcee;
}
/******************************************************************************/
/* default TAG CSS  */
/******************************************************************************/
/* スクロール */
::-webkit-scrollbar{ width:.75em; height:.75em; background:var(--brun2); }
::-webkit-scrollbar-thumb{ width:.75em; height:.75em;  background:var(--brun1); border-radius:.5em; }
::-webkit-scrollbar-track-piece{ width:.75em; height:.75em;  background:var(--brun2); }
*{
	margin:0px; padding:0px; position:static;
	box-sizing:border-box; line-height:1;
	font-family:inherit; font-size:inherit; 

	/* スクロール */
/*	scrollbar-base-color:var(--brun3); scrollbar-arrow-color:var(--brun2);
	scrollbar-track-color:var(--brun1); scrollbar-shadow-color:var(--brun3);
	scrollbar-highlight-color:var(--brun2); scrollbar-darkshadow-color:var(--brun3);
*/
	-webkit-overflow-scrolling:touch;
}
*,::after,::before{box-sizing:border-box}
html{
	-webkit-tap-highlight-color:transparent;
	-webkit-text-size-adjust:100%;	
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;	
	text-size-adjust:100%;
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
	display:block
}
html,body{
	font-size:22px; text-align:left;
	color:var(--brun); background-color:#fcfcfc;
	width:100vw; height:100vh; overflow:hidden;
}
*{ font-family:'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; }
.sans-font{ font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif; }
.self-font{ font-family:'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; }
[tabindex='-1']:focus:not(:focus-visible){outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible}
p{margin-top:0;margin-bottom:1rem}
abbr[data-original-title],abbr[title]{
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;text-decoration:underline dotted;
	cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;
	text-decoration-skip-ink:none
}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
dl,ol,ul{margin-top:0;margin-bottom:1rem; list-style:none; padding-left:0;}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0; vertical-align:middle;}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:white;text-decoration:none;background-color:transparent}
/*
a:hover{color:var(--brun);text-decoration:underline}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
*/
code,kbd,pre,samp{
	font-family:SFMono-Regular,Menlo,Monaco,Consolas,
	'Liberation Mono','Courier New',monospace;font-size:1em;
}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{
	padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;
	text-align:left;caption-side:bottom
}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button,input,optgroup,select,textarea{
	margin:0;font-family:inherit;font-size:inherit;line-height:inherit
}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),
[type=submit]:not(:disabled),button:not(:disabled){	cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],
input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}fieldset{
	min-width:0;padding:0;margin:0;border:0
}
legend{
	display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;
	line-height:inherit;color:inherit;white-space:normal
}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}summary{display:list-item;cursor:pointer}
template{display:none}[hidden]{display:none!important}
iframe{ border:none; }
th,td,div,input,select{ vertical-align:middle; }

input,textarea,select{
	margin:2px; border:solid 1px var(--brun); 
	background-color:white;
	border-radius:.5ex; -webkit-border-radius:.5ex;
	-moz-border-radius:.5ex; -o-border-radius:.5ex;
}
input,select{ height:calc(1em + 2px); height:-webkit-calc(1em + 2px); }
input:focus,textarea:focus,select:focus{ background-color:#e8f8ee }
input[name='tel'],table tr td input[name='tel'],
input[name='email'],table tr td input[name='email'],
input[name='datetime'],table tr td input[name='datetime'],
input[name='pssword'],table tr td input[name='pssword']{ ime-mode:disable; }
input[type='datetime-local']{ max-width:22ex; }
@media screen and (min-width:1px) and (max-width:511px){
	table tr td input[type='datetime-local']{ max-width:16.5ex; }
}

/*---------------------------------------------------------------------------*
 * checkbox 
 *---------------------------------------------------------------------------*/
input[type='checkbox'],input[type='radio']{
	width:1.6em; height:1.6em; margin-top:4px;
	background-color:#eee;
	border:solid 3px var(--brun);
	transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);
}

/******************************************************************************/
/* フォント  */
/******************************************************************************/
@font-face{
	font-family:'A-OTF UD新ゴ Pro L';
	src:local('A-OTF UD新ゴ Pro L'),
		url('/font/A-OTF-UDShinGoPro-Light.woff2') format('woff2'),
		url('/font/A-OTF-UDShinGoPro-Light.woff') format('woff'),
		url('/font/A-OTF-UDShinGoPro-Light.otf') format('opentype');
}
@font-face{
	font-family:'A-OTF UD新ゴ Pro R';
	src:local('A-OTF UD新ゴ Pro R'),
		url('/font/A-OTF-UDShinGoPro-Regular.woff2') format('woff2'),
		url('/font/A-OTF-UDShinGoPro-Regular.woff') format('woff'),
		url('/font/A-OTF-UDShinGoPro-Regular.otf') format('opentype');
}
@font-face{
	font-family:'calibri';
	src:local('calibri'),
		url('/font/calibri.woff2') format('woff2'),
		url('/font/calibri.woff') format('woff'),
		url('/font/calibri.ttf') format('truetype');
}
@font-face{
	font-family:'Copperplate Gothic Bold';
	src:local('Copperplate Gothic Bold'),
		url('/font/COPRGTB.woff2') format('woff2'),
		url('/font/COPRGTB.woff') format('woff'),
		url('/font/COPRGTB.TTF') format('truetype');
}
@font-face{
	font-family:'Kokila';
	src:local('Kokila'),
		url('/font/kokila.woff2') format('woff2'),
		url('/font/kokila.woff2') format('woff'),
		url('/font/kokila.ttf') format('truetype');
}
@font-face{
	font-family:'Meiryo UI';
	src:local('Meiryo UI'),
		url('/font/meiryo.woff2') format('woff2'),
		url('/font/meiryo.woff') format('woff'),
		url('/font/meiryo.ttc') format('truetype');
}
@font-face{
	font-family:'Rockwell Nova Extra Bold';
	src:local('Rockwell Nova Extra Bold'),
		url('/font/ROCKEB.woff2') format('woff2'),
		url('/font/ROCKEB.woff') format('woff'),
		url('/font/ROCKEB.TTF') format('truetype');
}
@font-face{
	font-family:'YuGothic';
	src:local('YuGothic'),
		url('/font/YuGothR.woff2') format('woff2'),
		url('/font/YuGothR.woff') format('woff'),
		url('/font/YuGothR.ttc');
}
/*	
.font_UDShinGoPR{font-family:'A-OTF UD新ゴ Pro R',sans-serif;}
.font_UDShinGoPL{font-family:'A-OTF UD新ゴ Pro L',sans-serif;}
.font_calibri{font-family:'calibri',sans-serif;}
.font_CopperplateGB{font-family:'Copperplate Gothic Bold',serif;}
.font_Kokila{font-family:'Kokila',serif;}
.font_MeiryoUI{font-family:'Meiryo UI',sans-serif;}
.font_RockwellEB{font-family:'Rockwell Nova Extra Bold',serif;}
.font_YuGotic{font-family:'YuGothic','Yu Gothic',sans-serif;}
*/
/******************************************************************************/
/* ボタン  */
/******************************************************************************/

/* 背景ゴールドのボタン */
.btnA{
	padding:.5ex auto;
	border:2px solid transparent; border-color:var(--gold);
	background-color:var(--gold); color:var(--brun);
	font-weight:bold; line-height:2em;
	white-space:nowrap; user-select:none;
	text-align:center; vertical-align:middle;
	border-radius:.75ex; -webkit-border-radius:.75ex; -moz-border-radius:.75ex;
	touch-action:manipulation; cursor:pointer;
}
.btnA:hover{ background-color:var(--gold2); color:var(--brun); border-color:var(--gold2);}
.btnA.hover{ background-color:var(--gold2); color:var(--brun); border-color:var(--gold2);}
.btnA:active{ background-color:var(--brun1); color:var(--gold1); border-color:var(--brun1); }
.btnA_{	/* 未使用の灰色 */
	padding:.5ex auto;
	border:2px solid transparent; border-color:#eee;
	background-color:#ddd; color:#777;
	font-weight:bold; line-height:2em;
	white-space:nowrap; user-select:none;
	text-align:center; vertical-align:middle;
	border-radius:.75ex; -webkit-border-radius:.75ex; -moz-border-radius:.75ex;
	touch-action:manipulation; cursor:pointer;
}

/* 背景色なしのボタン */
.btnB{
	padding:.5ex auto;
	border:2px solid transparent; border-color:var(--gold);
	background-color:var(--brun); color:var(--gold);
	font-weight:bold; line-height:2em;
	white-space:nowrap; user-select:none;
	text-align:center; vertical-align:middle;
	border-radius:.75ex; -webkit-border-radius:.75ex; -moz-border-radius:.75ex;
	touch-action:manipulation; cursor:pointer;
}
.btnB:hover{ background-color:var(--gold2); color:var(--brun); border-color:var(--gold2);}
.btnB:active{ background-color:var(--brun1); color:var(--gold1); border-color:var(--brun1); }

/******************************************************************************/
/* sub Window ひな形 */
/******************************************************************************/
/* 背景外枠 */
.background_window{
	left:-5px; top:-150px; width:0; height:0; position:absolute; transition:all .5s;
	background:rgb(237,237,237,0.7); background-color:rgb(237,237,237,0.7);
}
.open.background_window{
	display:block; top:0; width:100%; left:0; height:100%; transition:all .5s;
}

/* 本体枠 */
.background_window iframe{ 
	position:absolute; overflow:hidden;
	top:50%; left:50%; 
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	background-color:white; border:solid 4px var(--brun);
	border-radius:1ex; -webkit-border-radius:1ex;
	-moz-border-radius:1ex; -o-border-radius:1ex;
}

/******************************************************************************/