/*good-route css v.2.0 common files*/

/*Google Fonts*/


@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
@import url("pc.css") screen and (min-width: 641px);
@import url("sm.css") screen and (max-width: 640px);


/*@import url("pc.css") screen and (min-width: 640px);これ何を想定してたんだっけ*/

/*自作フォント周り*/

@font-face {font-family:"onhk";	src:url("fnt.otf") format('opentype');}
@font-face {font-family:"oh2";	src:url("fnt2.otf") format('opentype');}

oh { font-family: "onhk";}


/*共通レイアウト*/

body {
	background-color:#e0e0e0;
	color:#224;
	font-family: "Kosugi","MeiryoKe_Gothic","VL ゴシック","Hiragino Kaku Gothic ProN","ＭＳ ゴシック",sans-serif;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.05rem;
}

#head {
	background-color:#203850c0;
	color:#e0f0ff;
	line-height: 0em;
	padding: 4px 0;
}

#title-jp{
	display:block;
	padding-bottom: 4px;
    font-size:2em;	
	line-height: 1em;
}

#title-en{
	display:block;
	line-height: 1em;
}

#foot {
	color:#e0f0ff;
	line-height: 0em;
}

#foot-dw {
	color:#e0f0ff;
	line-height: 0em;
	position: absolute;
	bottom: 0px;
}

#all{
  min-height: 100%;
  }

#body{
	width: 100%;	
	position: relative;
	padding:10px 0px 32px 0px;
	background-color:#f0f0f0;
}

/*メニュー欄*/

#top_menu .menu,.submenu {
	margin:	4px 0px;
	padding:0px 0px 2px 10px;
}

#top_menu .menu {
	border-left:	10px solid;
	border-bottom:	 4px solid;
}

#top_menu2 .menu {
	border-bottom:	 4px solid;
}

.submenu{
	border-left:	6px solid;
	border-bottom:	2px solid;
}

.menu .info,.submenu .info {
	vertical-align:bottom;
	line-height:1em;
}

.menu#in,.submenu#in{border-color:	#80c040;}
.menu#out,.submenu#out{border-color:	#4080c0;}

.ico{	grid-row: 1 / 3; background-size: 200%; margin:0px;}
.ico.a1{	grid-row: 1 / 3; background: url(../portal/ico.png);background-size: 400%; margin:0px;}
.ico.a2{	grid-row: 1 / 3; background: url(ico/fnt.png);background-size: 400%; margin:0px;}

.ico.ab{ background-position: top  -64px left 0px; }
.ico.ac{ background-position: top -128px left 0px; }
.ico.ad{ background-position: top -192px left 0px; }
.ico.ae{ background-position: top -256px left 0px; }
.ico.af{ background-position: top -320px left 0px; }
.ico.ba{ background-position: top 0px left -84px; }
.ico.bb{ background-position: top  -64px left -84px; }
.ico.bc{ background-position: top -128px left -84px; }
.ico.bd{ background-position: top -192px left -84px; }
.ico.be{ background-position: top -256px left -84px; }
.ico.bf{ background-position: top -320px left -84px; }
.ico.ca{ background-position: top 0px left -168px; }
.ico.cb{ background-position: top  -64px left -168px; }
.ico.cc{ background-position: top -128px left -168px; }
.ico.cd{ background-position: top -192px left -168px; }
.ico.ce{ background-position: top -256px left -168px; }
.ico.cf{ background-position: top -320px left -168px; }

/*標準タグ*/

h1,h2,h3{color:#4040e0;padding:0px 0px 2px 10px;margin:1em 0em 0.5em 0em;line-height:1em;border-left:6px solid;}
h1{	border-bottom:3px solid #4040e0;font-size: 1.5em;}
h2{	border-bottom:2px solid #4040e0;font-size: 1.25em;}
h3{	border-bottom:1px solid #4040e0;font-size: 1em;}

dl{ margin:0.5em 0em; }
dt{ font-weight:bold; color:#44a;}
dd{ margin-left:2em;}

ul{ margin:0.5em 0em; }
li{ margin:0.25em 0em; }

p{ margin:0.25em 0em;}
img{vertical-align:top;}

/*独自タグ*/

left  {display:block;text-align:left;}
right {display:block;text-align:right;}
cent  {display:block;text-align:center;}

/*記事用*/

br.end{clear:both;}
clear{clear:both;}


label.h3 {
	display: block;
	font-weight: bold;
	transition:0.3s ;
	text-decoration: none;
	color:#40a040;

	border-bottom:1px solid #40a040;
	padding:0px 0 2px 8px;
	line-height:100%;
	font-size: 14px;
	margin: 6px 0px;
}

input[type="checkbox"].on-off{display: none;}
input[type="checkbox"].on-off + ul{	overflow: hidden;transition:0.5s;opacity:0;	height: 0;}
input[type="checkbox"].on-off:checked + ul{	opacity:1;	height: auto;}
input[type="checkbox"].on-off + div{overflow: hidden;opacity:0;	transition:0.5s;height: 0;}
input[type="checkbox"].on-off:checked + div{	opacity:1;	height: auto;}
label{	cursor:pointer;}