@charset "utf-8";
@font-face {
	font-family:"noto";
	src:url("../fonts/NotoSansJP-VF.woff") format('woff');
	font-weight:100 1000;
}
@font-face{
	font-family:"NotoSans";
	src:local("Noto Sans JP"),local("Noto Sans CJK JP"),local("Noto Sans Japanese"),local("源ノ角ゴシック"),local("源ノ角ゴシック JP"),local("SourceHanSansJapanese"),local("SourceHanSansJP");
	font-weight:100 900;
}

@font-face {
	font-family: "SFont";
	src: url("../fonts/Satisfontory_v1.5.woff2") format('woff2'),url("../fonts/Satisfontory_v1.5.woff") format('woff');
}
:root{
	--color_1:#0033ff;
	--color_2:#0066ff;
	--color_3:#3399ff;
}
.SFont {font-family:"SFont";}
a{color:var(--color_1);}
a:hover{text-decoration:underline;}
a:visited{color:var(--color_2);}
a.nodeco{color:unset;}
a.nodeco:visited{columns:unset;}
/* a[href^="http"],a[href^="//"]{
	display:inline-block;
	padding-right:1.2em;
	background:url(/img/gaibu.svg) no-repeat right center;
} */
main a[href^="http"]::after,main a[href^="//"]::after{
	content:url(/img/gaibu.svg);
	vertical-align:sub;
}
:focus-visible{outline-color:var(--color_3);}
::selection{background-color:var(--color_3);color:#fff;}
h1{font-size:1.8em;font-weight:700;}
h2{font-size:1.4em;font-weight:700;}
h3{font-size:1.25em;font-weight:700;}
code{background-color:#ccd;display:block;padding:0.3em;}
code,p,div{max-width:100%;}
em,.bold{font-weight:700;}
dd{margin:0 0 0.5em 1.5em;}
section{margin-top:1em;}
small{font-size:0.8em;line-height:1.2;}
.shrink{flex-shrink:1;}
rt{font-size: .5em;}

body{
	font-family:"noto","NotoSans","Arial","Helvetica Neue","BIZ UDPGothic","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
	font-feature-settings:"palt","liga" 0,"zero";
	text-align:justify;
	padding:16px 24px;
}
.header_logo{max-width:200px;}
.global_nav{font-family:"SFont",sans-serif;}
.global_nav a{border-bottom:1px solid #fff;display:block;margin:.8em 0;}
.global_nav a:hover{border-bottom:1px solid;text-decoration:none;}
.global_footer{text-align:center;}

html{height:100%;}
body{display:grid;grid-template-rows:auto 1fr auto auto;gap:16px 32px;min-height:100%;}
/* @media (min-width:744px),print{ */
/*幅744px以上のデバイスと印刷向け*/
	.global_header{grid-area:head;}
	main{grid-area:main;}
	.global_nav{grid-area:nav}
	.global_footer{grid-area:foot;}
	body{grid-template-areas:
		"head head"
		"nav  main"
		"foot foot";/*横2x縦3のレイアウト指定*/
		grid-template-rows:auto 1fr auto;
		grid-template-columns:auto 1fr;
	}
/* } */
/*
ブラウザ短辺解像度調査。
iPhone：320～428
iPad：744～1024
参考：https://qiita.com/tomohisaota/items/f8857d01f328e34fb551
*/

/* .global_header,main,.global_nav,.global_footer{outline:1px solid #00f} */