/*文字等の設定*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #444444;
}

a:visited {
	color: #274a78;
}

a:hover {
	color: #f08300;
}

h1 {
	font-family: 'Noto Serif JP', serif;
	font-size: 2.5rem;
	line-height: 1.2;
}

h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 2rem;
	line-height: 1.2;
}

h3 {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.5rem;
	line-height: 1.5;
}

p {
	font-family: 'Noto Serif JP', serif;
	font-size: 1rem;
	line-height: 1.5;
}

/*グレー*/
.style1 {
	color: #444444;
}

/*青藍*/
.style2 {
	color: #274a78;
}

/*蜜柑*/
.style3 {
	color: #f08300;
}

/*赤*/
.style4 {
	color: #ff0000;
}

/*copyright*/
.style5 {
	font-family: 'Noto Serif JP', serif;
	font-size: 0.5rem
	color: #444444;
	line-height: 1.5;
}

/*ハンバーガーボタン*/
.style6 {
	font-family: 'Noto Serif JP', serif;
	font-size: 1rem;
	color: #444444;
	line-height: 2;
}

/*注釈_法人名*/
.style7 {
	font-family: 'Noto Serif JP', serif;
	font-size: 0.8rem;
	color: #444444;
	line-height: 1.5;
}

/*学校名*/
.style8 {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.5rem;
	color: #444444;
	line-height: 2;
}

/*問い合わせ先 等*/
.style9 {
	font-family: 'Noto Serif JP', serif;
	font-size: 1rem;
	color: #444444;
	line-height: 1.5;
}

/*問い合わせ先 等*/
.style15 {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.2rem;
	color: #274a78;
	line-height: 1.5;
}

/*背景_学校名_topページ*/
.style10 {
	background-image: url("../images/waredai_top1.gif");
}

/*背景_ハンバーガーボタン_topページ*/
.style11 {
	background-image: url("../images/waredai_top2.gif");
}

/*背景_メイン画像_topページ*/
.style12_1 {
	background-image: url("../images/waredai_main1.gif");
}

.style12_2 {
	background-image: url("../images/waredai_main2.gif");
}

.style12_3 {
	background-image: url("../images/waredai_main3_202111_12.gif");
}

/*背景_学校名_その他ページ*/
.style13 {
	background-image: url("../images/waredai_top3.gif");
}

/*背景_ハンバーガーボタン_その他ページ*/
.style14 {
	background-image: url("../images/waredai_top4.gif");
}


/*ハンバーガーメニュー*/
header {
    padding: 0px;
}

#nav-drawer {
	position: relative;
}

/*ハンバーガーメニュー_チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}

/*ハンバーガーメニュー_アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 100px;
	height: 100px;
	vertical-align: middle;
}

/*ハンバーガーメニュー_ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 2px;/*線の太さ*/
	width: 100;/*長さ*/
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}

#nav-open span:before {
	bottom: -8px;
}

#nav-open span:after {
	bottom: -16px;
}

/*ハンバーガーメニュー_閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*ハンバーガーメニュー_中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 500px;/*最大幅（調整してください）*/
	height: 100%;
	background: #ffefd5;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
}

/*ハンバーガーメニュー_チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


/*アコーディオンメニュー*/
.accordion_box {
	width: 460px;
}

.accordion_box label {
	border-bottom: none;
	cursor: pointer;
	display: block;
}

.accordion_box input {
	display: none;
}

.accordion_box .accordion_contents {
	display: none;
}

.accordion:checked + .accordion_contents {
	display:block;
	border: solid 1px #ccc;
	margin: 0px;
	padding: 10px;
}