@charset "utf-8";

body{
/*	background-color: #ccff66;*/
	font-family: "UD Shin Go Regular";
}

a.secret{
	color: #ccff66;
}

.big-bg{
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

#top{
	background-image: url("../img/green-bg.jpeg");
	min-height: 100vh;
}

.page-title{
	margin-top: 0;
	padding-top: 3%;
}

.sub{
	margin-bottom: 30px;
}

/* フッターの設定
--------------------------------- */
#footer{
	margin-top: 20px;
	border-top: 1px solid #ccc;
}

p#copyright{
	text-align: center;
	font-size: 80%;
}


/* 一般的なリンクの設定
--------------------------------- */
a{
	color: #ff8c00;
	text-decoration: none;
}

a:hover{
	color: #ff8c00;
	text-decoration: underline;
	opacity: 50%;
}

/* Welcome Page
--------------------------------- */
main{
	display: block;
	text-align: center;
}

.shingom {
	font-family: "UD Shin Go Medium";
}

.shingor {
	font-family: "UD Shin Go Regular";
}

h1.shingom {
	font-size: 45px;
}

img {
	margin: 10px;
}

footer{
	margin-top: 50px;
	text-align: center;
}


/* 工事中
--------------------------------- */
.construction {
	text-align: center;
	background-color: yellow;
	border: 5px dashed #000;
}

.namae{
	margin-top: 30px;
	text-align: center;
}


/* モバイル版
------------------------------ */
@media(max-width: 600px) {
	.page-title{
		font-size: 2.5rem;
	}
	
	/* HEADER */
	.page-header {
		flex-direction: column;
		align-items: center;
	}
}




/* 過去Site CSS設定 
--------------------------------- */
ul#des{
	line-height: 1.5em;
}

/* トップページの設定
--------------------------------- */
#header{
	overflow: hidden;
	margin-top: 0;
	text-align: center;
}

.wrap-contents{
	float: left;
	width: 760px;
}

#main{
	float: right;
	width: 540px;
}

#side-a{
	float: left;
	width: 200px;
}

#side-b{
	float: right;
	width: 160px;
	margin: 5px auto 0;
}

#side-b h3{
		font-family: "UD Shin Go Medium";
}


/* 各ページ（トップページ以外）の設定
--------------------------------- */
#header-c{
	overflow: hidden;
	margin-top: 5px;
}

p#nav{
	font-size: 80%;
	margin-top: 20px;
}

.wrap-contents-c{
	float: left;
	width: 1000px;
}

#main-c{
	float: right;
	width: 780px;
}

#side-a-c{
	float: left;
	width: 200px;
}

h1.main-title{
	font-size: 40pt;
	color: #ff8c00;
	font-family: "UD Shin Go Medium";
	padding: 0.5em;
	background: #fffaf4;
	border-left: solid 20px #ff8c00;
}

h2.midashi{
	font-family: "UD Shin Go Medium";
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 7px;	
}

h2.midashi:after{
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ffebbe;
	width: 0;
	height: 0;
}

span.subtitle{
	font-size: 50%;
}


h2.tegaki {
  padding: 1em;
  border: 5px solid #ff8c00;
  border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
  background: #ffe4b1;
  font-family: "UD Shin Go Medium";
}

h3.sub {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccff66;
}
h3.sub::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 35%;
  height: 5px;
  background-color: #ff8c00;
}

h3.midashi {
  position: relative;
  padding: 0 .4em .1em;
}
h3.midashi::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 35%;
  height: 10px;
  background-color: #ffd700;
}

/* global-nav・リンクの設定
--------------------------------- */
#global-nav {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
	border-top: 1px solid #D9DEE3;
}

#global-nav a {
	color: #ff8c00;
	display: block;
	padding: 0.75em;
	border-bottom: 1px solid #D9DEE3;
	text-decoration: none;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,140,0,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
}

#global-nav a:hover {
	text-decoration: underline;
	background-position: -100% 0;
	color: #ffff00;
}

a.showf span.en{
	display: inline;
}

a.showf:hover span.en{
	display: none;
}

a.showf span.ja{
	display: none;
}

a.showf:hover span.ja{
	display: inline;
}

/* Contacts(side-b)の設定
--------------------------------- */
#contacts{
	list-style: none;
	margin: 10px;
	padding: 0;
	line-height: 2em;
}


/* 一般的なテーブルの設定
--------------------------------- */
table{
	border-collapse: collapse;
	border: 3px solid #ff8c00;
}

caption{
	text-align: left;
}

thead{
	border-bottom: 3px solid #ff8c00;
}

th{
	border: 1px solid #fffaf4;
	padding: 6px 10px;
}

td{
	border: 1px solid #ff8c00;
	padding: 6px 10px;
}

td.name{
	font-size: 130%;
}

thead tr{
	background: #ff8c00;
}

tbody tr{
	background: #fffaf4;
}


/* 教材テーブルの設定
--------------------------------- */
table#kyozai{
	border-collapse: collapse;
	border: 3px solid #ff8c00;
	width: 780px;
}

table#kyozai thead th{
	text-align: left;
}

table#kyozai tbody td{
	border-bottom: 2px dotted #ff8c00;
}


/* 年間計画テーブルの設定
--------------------------------- */
table#plan td:nth-child(1){
	width: 20px;
	text-align: center;
}

table#plan td:nth-child(2){
	width: 80px;
}

table#plan td:nth-child(3){
	width: 280px;
}

/* 担当科目テーブルの設定
--------------------------------- */
table#class td:nth-child(1){
	width: 20px;
	text-align: center;
}

table#class td:nth-child(4){
	text-align: center;
}

/* 研修テーブルの設定
--------------------------------- */
table#training td:nth-child(1){
	width: 100px;
	text-align: center;
}

table#training td:nth-child(2){
	width: 250px;
}

table#training td:nth-child(4){
	width: 80px;
	text-align: center;
}

/* 研究会等での発表テーブルの設定
--------------------------------- */
table#presen td:nth-child(1){
	width: 100px;
	text-align: center;
}

table#presen td:nth-child(2){
	width: 280px;
}

table#presen td:nth-child(4){
	width: 80px;
	text-align: center;
}

/* 過去教材テーブルの設定
--------------------------------- */
table#kako td:nth-child(1){
	width: 50px;
}

table#kako td:nth-child(2){
	width: 260px;
}

/* アイデアテーブルの設定
--------------------------------- */
table#idea td:nth-child(1){
	width: 300px;
}

/* アイディアの教材例テーブルの設定
--------------------------------- */
table#ideaex td:nth-child(1){
	width: 20px;
	text-align: center;
}
table#ideaex td:nth-child(2){
	width: 270px;
}
table#ideaex td:nth-child(3){
	width: 18px;
	text-align: center;
}
table#ideaex td:nth-child(4){
	width: 18px;
	text-align: center;
}
table#ideaex td:nth-child(5){
	width: 18px;
	text-align: center;
}