@charset 'utf-8';




/* !Fonts ================8================8 */
@import url('https://fonts.googleapis.com/css?family=Lato:100,400,700,900|Pinyon+Script|Quicksand:400,700|IM+Fell+English&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400,700|Noto+Serif+JP:400,700|M+PLUS+1p:400,500,700|M+PLUS+Rounded+1c:400,700&display=swap&subset=japanese');

/* Windows */
@font-face{
	font-family:MyYuGothicM;
	font-weight:normal;
	src:local('YuGothic-Medium'),local('Yu Gothic Medium'),local('YuGothic-Regular');
	font-display:swap;
}
@font-face{
	font-family:MyYuGothicM;
	font-weight:bold;
	src:local('YoGothic-Bold'),local('Yu Gothic');
	font-display:swap;
}
/* IE8〜11対応 */
@media screen\0{
	body{font-family:'Segoe UI','Meiryo',sans-serif}
}
/*IEのみフォントを変える*/
@media all and (-ms-high-contrast:none){
	body{font-family:Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
}

/* !:root ================8================8 */
:root{

	--bgcolor:white;
	--sikkoku:#0d0015;
	--tcolor:#444;
	--acolor:RoyalBlue;
	--hovercolor:DarkSlateGray;
	--hcolor:DimGray;
	--headcolor:Silver;
	--footcolor:LightGray;
	--keycolor:#d97;/*Crimson.2019-0908*/

	--colpx:310px;
	--mainpx:700px;

	--gothic:Lato,'Noto Sans JP','MyYuGothicM','游ゴシック Medium','游ゴシック体','Yu Gothic Medium','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Helvetica Neue',Helvetica,Arial,'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	--mincho:'A1明朝','A1 Mincho','Noto Serif JP','游明朝体','YuMincho','游明朝','Yu Mincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN W3','HiraMinProN-W3','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',Georgia,serif;
	--marugo:'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro','M PLUS Rounded 1c','HGMaruGothicMPRO','Rounded Mplus 1c',Quicksand,sans-serif;
	--kakumin:'Kakumin Medium','M PLUS 1p',Lato,'Noto Sans JP','MyYuGothicM','游ゴシック Medium','游ゴシック体','Yu Gothic Medium','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Helvetica Neue',Helvetica,Arial,'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	--script:'Pinyon Script',cursive;
	--lato:'Lato',sans-serif;
}
.lato{font-family:var(--lato)}
.gothic{font-family:var(--gothic)}
.mincho{font-family:var(--mincho)}
.marugo{font-family:var(--marugo)}
.kakumin{font-family:var(--kakumin)}
.script{font-family:var(--script)}

.sikkoku{color:var(--sikkoku) !important;border-color:var(--sikkoku) !important}
.acolor{color:var(--acolor) !important;border-color:var(--acolor) !important}
.tcolor{color:var(--tcolor) !important;border-color:var(--tcolor) !important}
.hcolor{color:var(--hcolor) !important;border-color:var(--hcolor) !important}
.bgcolor{color:var(--bgcolor) !important;border-color:var(--bgcolor) !important}
.keycolor{color:var(--keycolor) !important;border-color:var(--keycolor) !important}
.hovercolor{color:var(--hovercolor) !important;border-color:var(--hovercolor) !important}




/* !Animation Keyframes ================8================8 */
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes fadeOut{
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes slideIn{
	0%{transform:translate(0,10px);}
	100%{transform:translate(0,0);}
}




/* !BASIC ================8================8 */
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	transition:all .2s ease;
}
html,body{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	word-break:normal;
	overflow-wrap:break-word;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	color:var(--tcolor);
	background:var(--bgcolor);
	font-size:16px;
	font-family:var(--gothic);
	font-weight:400;
	line-height:1.5;
	scroll-behavior:smooth;
}
/* 	animation:fadeIn 3s ease 0.5s 1 both; */

/* !article,main ================8================8 */
article{margin:0 5px}
main{max-width:100%}
.inner{
	display:block;
	max-width:700px;
	margin:0 auto;
}
h1,h2,h3,h4,h5,h6{
	color:var(--hcolor);
}
main h1{
	margin:0 0 2rem;
	font-size:1.4rem;
	text-shadow:0 0 3px #6669;
}
main h2{
	color:rgba(13,0,21,.5);
	font-size:1.5rem;
	letter-spacing:-.1rem;
	margin:4rem auto 2rem;
	padding:0;
	line-height:1.25;
	border-bottom:1px solid rgba(13,0,21,.1);
	text-shadow:0 0 3px #6669;
}
main h3{
	color:var(--sikkoku);
	line-height:2.5;
	font-size:1.35rem;
	text-shadow:0 0 2px #0006;
}
/* !hr ================8================8 */
hr{
	border:0;
	border-bottom:1px solid gray;
}
/* !a ================8================8 */
a{
	color:var(--acolor);
	text-decoration:none;
}
a:hover,a:active,a:focus{
	opacity:.66;
	color:var(--hovercolor);
	text-decoration:none;
}
a[target='_blank']:after,a.blank:after,li.blank a:after{
	font-family:'icomoon',helvetica !important;
	content:'\e90f';
	opacity:.66;
	margin:0 0 0 .3em;
	font-size:80%;
}
a.white{color:white}
/* !a.page-top ================= */
a.pagetop{
	color:var(--tcolor);
	background:#0001;
	opacity:.9;
	font-size:36px;
	padding:8px 0 0;
	line-height:1;
	text-decoration:none;
	display:inline-block;
	position:fixed;
	bottom:.5rem;
	right:.5rem;
	width:1.5em;
	height:1.5em;
	text-align:center;
	overflow:hidden;
	border-radius:50%;
	z-index:7;
}
a.pagetop:hover{
	color:dimgray;
	background:#0002;
	opacity:.33;
	text-shadow:none;
}
.shadow{box-shadow:0 0 4px rgba(0,0,0,.2) !important}
.text-shadow{text-shadow:0 0 2px #0006}
/* !p,q,blockquote,pre ================= */
p{
	line-height:1.6;
	margin:1.4em .5em;
	padding:0;
}
q{}
blockquote{
	line-height:1.05;
	border-left:3px solid var(--headcolor);
	margin-left:1em;
	padding-left:1em;
	color:dimgray;
	font-style:italic;
}
pre{
	white-space:pre;
	font-size:95%;
}
/* !strong,em,u,b,i,small,big,mark ================= */
strong{
	color:var(--sikkoku);
	font-size:110%;
	font-weight:600;
}
em{
	color:var(--tcolor);
	font-size:105%;
	font-weight:600;
	font-style:normal;
}
b{
	color:var(--sikkoku);
	font-size:100%;
	font-weight:600;
}
u{
	color:var(--sikkoku);
	font-size:100%;
	font-style:normal;
	text-decoration:none;
	background:linear-gradient(transparent 70%,var(--keycolor) 85%,transparent 100%);
}
i{
	color:#444b;
	font-size:105%;
	font-weight:400;
	font-style:normal;
	text-shadow:0 0 1px #444a;
}
small{
	font-size:80%;
}
big{
	font-size:120%;
}
mark{
	color:var(--sikkoku);
	font-weight:400;
	background:linear-gradient(transparent 0%,transparent 20%,#fd7a 30%,#fd7a 80%);
	font-size:105%;
	font-style:normal;
	padding-left:.2em;
	padding-right:.35em;

}
/* !code ================= */
code{font-family:'Space Mono',Menlo,Monaco,Consolas,monospace}
/* !table ================= */
table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
table.line{
	margin:0;
	padding:0;
	border-bottom:1px solid #999;
	font-size:90%;
}
table.line thead th{
	background-color:#ddd;
	color:#333;
	padding:.3em .5em;
}
table.line th{
	font-weight:normal;
	white-space:nowrap;
	padding:.1em .5em .1em;
	border-bottom:1px solid #999;
}
table.line td{
	padding:.1em .5em .1em;
	border-bottom:1px solid #999;
}
/* !.card ================= */
.card{
	margin:.5rem auto 1rem;
	border:none;
	background-color:transparent;
}
.card img:hover{
	opacity:.66;
	transform:scale(1.1);
}

/* !ヘッダー ================8================8 */
header{
	background:white;
}



/* !フッター ================8================8 */
footer{
	text-align:center;
	padding:0 1rem;
	background-color:var(--footcolor);
}




/* !サイドメニュー ================8================8 */
aside{}