@charset "utf-8";
/*
smartphone : 320px - 480px
tablet : 480 - 768px
PC : 768px over
*/

/* for all */

body {font-family: Arial, Verdana, sans-serif; width: 98%; margin:0 auto;}
header {margin-top: 3px;}
footer {background: #ffffff; padding-bottom: 10px;}
.copyright {text-align: center; font-size: smaller; margin: 5px 0;}
.annotation {font-size: smaller;}

#footerNavLink {float: right; color: rgba(30,98,165,1); font-weight: bolder; font-size: smaller; margin: 3px;}
#footerNavLink a {text-decoration: none; color: rgba(30,98,165,1);}
#footerNav ul {list-style: none; overflow: hidden; margin: 0 0 5px 1px;}
#footerNav li {width: 98%; text-align: center; margin: 3px 1px; padding: 7px 0; font-size: normal; font-weight: bolder; text-decoration: none;}
#footerNav a {text-decoration: none;}
#footerNav a li {border: 2px solid rgba(81,133,197,1); text-decoration: none; color: rgba(81,133,197,1);}
#footerNav a:hover li {border: 2px solid rgba(81,133,197,.6); text-decoration: none; color: rgba(81,133,197,.6);}
#footerNav a.active li {border: 2px solid rgba(30,98,165,1); text-decoration: none; color: rgba(30,98,165,1);}
#footerNav a.active:hover li {border: 2px solid rgba(81,133,197,.6); text-decoration: none; color: rgba(81,133,197,.6);}	

.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
  
/* top page only */
.top-pc-l-g {color: #9fa0a0; font-size: 40px; font-weight: bold; margin: 15px 5px 0 0;}
.top-pc-l-ge {color: #9fa0a0; font-size: 40px; font-weight: bold; margin: 15px 5px 0 0;}
.top01 {color: #f0831e; font-size: 32px; font-weight: bold; line-height: 1.2; padding-top: 20px;}
.top01e {color: #f0831e; font-size: 32px; font-weight: bold;}
.top02 {color: #fff; font-weight: bold; font-size: 18px; padding: 10px;}
.arrow_box {margin-top: 30px; position: relative; background: #9AB3DD; border:2px solid rgba(81,133,197,1);} 
.arrow_box:after, .arrow_box:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} 
.arrow_box:after {border-color: rgba(154, 179, 221, 0); border-bottom-color: #9AB3DD; border-width: 25px; margin-left: -25px;} 
.arrow_box:before {border-color: rgba(0, 94, 162, 0); border-bottom-color: rgba(81,133,197,1); border-width: 28px; margin-left: -28px;}
.top03 {color: #00a0e9; font-weight: bold;}
.top-bottom-inner { margin: 10px;}
.top-bottom-inner table th {padding: 5px; vertical-align: top;}
.top-bottom-inner table td {padding: 5px; vertical-align: top;}
.top-bottom-inner table.date-info {font-weight: bold; color: #fff; font-size: 30px; line-height: 1.2; margin-bottom: 20px;}
table.date-info th {vertical-align: middle; line-height: 1.4;}
table.date-info td {vertical-align: middle; line-height: 1.4;}

@media all and (max-width: 720px) {
  table.date-info th {display: block;}
  table.date-info td {display: block;}
}

.l-link {color: #cccccc; font-weight: bolder;}
.l-link a {text-decoration: none; color: #cccccc;}
.l-link a:hover {color: #0ab3dd;}
  	
/** main, sub contents **/
#container {
}
a {text-decoration: none;	color: rgba(0,100,180,1);}
a:hover {text-decoration: none;	color: rgba(0,100,180,.7);}
.top-container a {text-decoration: none; color: rgba(240,240,240,1);}
.top-container a:hover {text-decoration: none; color: rgba(240,240,240,.7);}
article {padding: 0 18px 10px 12px; line-height: 1.6;}
section {margin-top: 15px; margin-bottom: 15px;}
.smlmg {margin-top: 3px; margin-bottom: 3px;}
.ind10 {margin-left: 10px;}
h1 {display: none;}
h2 {font-size: 20px; font-weight: bold; margin: 2px 2px 3px 3px;}
h2.res-title {text-align: center; margin-bottom: 12px;}
span.res-title-date {font-size: smaller; font-weight: normal; margin-left: 15px;}
h3 {font-size: 18px; font-weight: bold; margin: 5px 0 3px 0; line-height: 1.2;}
div.data h3 {margin: 10px 0 5px;}
h4 {font-size: 16px; font-weight: bold;}
div.data h4 {margin: 12px 0 5px 2px;}
.supplement {font-weight: normal; padding-left: 7px; font-size: 14px;}
div.data h5 {font-weight: bold; padding-left: 7px; border-left: #000 7px solid; margin-bottom: 4px; margin-top: 2px;}
div.data h5.gd2015pr {border-left: #5877ba 7px solid;}
div.data h5.gd2016pr {margin-top: 6px; border-left: #46b036 7px solid;}
div.data h5.gd2016non {border-left: 2px;}
div.data h5.gd2017pr {margin: 12px 0 6px 6px; border-left: rgba(81,133,197,1) 7px solid;}
div.data h5.gd2017non {border-left: none; padding-left: 0;}
div.data h5.gd2018pr {margin: 12px 0 6px 6px; border-left: rgba(81,133,197,1) 7px solid;}
div.data h5.gd2018non {border-left: none; padding-left: 0;}
div.data p.gd2018works {padding-left: 3.5em; text-indent: -3.5em;}
div.data h5.gd2019pr {margin: 12px 0 6px 6px; border-left: rgba(81,133,197,1) 7px solid;}
div.data h5.gd2019non {border-left: none; padding-left: 0;}
div.data p.gd2019works {padding-left: 3.5em; text-indent: -3.5em;}
div.data h5.gd_award_pr {margin: 12px 0 6px 6px; border-left: rgba(81,133,197,1) 7px solid;}
div.data h5.gd_award_non {border-left: none; padding-left: 0;}
div.data p.gd_award_works {padding-left: 3.5em; text-indent: -3.5em;}
div.data p {padding-left: 10px;}
div.data p.gd2017works {padding-left: 3.5em; text-indent: -3.5em;}
div.data table {margin-left: 10px;}

.orange {
  color: #f0831e;
  padding: 3px 22px;
}
div.bg-yellow {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;	
  border-radius: 20px;
  background: #fcf860;
  margin: 10px 30px;
  padding: 15px 20px;
}
div.bg-yellow2 {
  background: #fcf860;
  margin: 0 10px 0 0;
  padding: 1px 3px 1px 12px;
  font-weight: bold;
}
div.bg-lblue {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;	
  border-radius: 15px;
  background: #e4f4fd;
  margin: 5px 5px;
  padding: 10px 15px;
}
div.bg-lblue2 {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;	
  border-radius: 15px;
  border: 3px solid #e4f4fd;
  background: #fff;
  margin: 5px 5px;
  padding: 10px 15px;
}
.yc-bg {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;	
  border-radius: 15px;
  background: rgba(94,171,237,.9);
  margin: 5px 5px;
  padding: 10px 15px;
}
div.bg-lgreen2 {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;	
  border-radius: 15px;
  border: 3px solid  rgba(215,232,185,1);
  background: #fff;
  margin: 5px 5px;
  padding: 10px 15px;
}

/* main 系 */

#main {
}
#main2 {
	max-width: 98%;
}
h2.midashi {
  background-image: url("img/gd-logo-2020.png");
  background-repeat: no-repeat;
  background-position: left;
  margin: 5px 2px 2px 3px;
  padding: 1px 0 1px 56px;
}
.hr_yc {border-top: 1px dotted rgba(81,133,197,1); margin-top: 20px; padding-top: 20px;}
.txt_yc {color: rgba(81,133,197,1);}
.lg1_yc {font-size: 30px; font-weight: bold; color: rgba(81,133,197,1); margin: 0 0 6px 0;}/* large year color */
.lg2_yc {font-size: 22px; font-weight: bold; color: rgba(81,133,197,1); line-height: 1.2; margin: 0 0 5px 0;}
.worning {
  color: #f00;
  font-weight: bold;
}
hr {
  margin: 0 8px 0 0;
  border: 0;
  border-bottom: 1px dashed rgba(81,133,197,1);
  background: #ffffff;
}
#main li {
  list-style: disc;
  list-style-position: outside;
}
.li_wc li {
  list-style: circle !important;
	margin-left: 12px;
}

/* テーマページ */
.about-page > article > section > p {text-indent: 1em;}
/* 受賞記録ページのみ */
.report-page li {list-style: none !important;	margin-bottom: 5px;}
.report-page a {background: none;}

table.nom-form {border-collapse: collapse; width:95%; margin: 15px 10px 0 10px}
table.nom-form th {border-top: #e3e3e3 1px dotted; border-bottom: #e3e3e3 1px dotted; background: #f7f7f7; text-align: left; padding: 10px 10px 10px 20px; font-weight: normal;}
table.nom-form td {border-top: #e3e3e3 1px dotted; border-bottom: #e3e3e3 1px dotted; text-align: left; padding: 10px;}
table.nom-form tr:hover {background: #f7f7f7;}

p.submit {text-align: center; margin: 15px 0 12px;}
p.submit > input {padding: 8px 14px; margin: 0 12px;}

table.datalist td {border-bottom: 1px #aaaaaa dotted; vertical-align: middle;}
table.datalist th.dl-no {width: 10%;}
table.datalist th.dl-title {width: 50%;}
table.datalist th.dl-main {width: 25%;}
table.datalist th.dl-rep {width: 15%;}

table.e-list th {text-align: center; font-size: smaller; border-bottom: 1px solid rgba(200,200,200,.8);}
table.e-list td {text-align: center; padding: 3px; vertical-align: top;}
table.e-list td:first-child {width: 10%;}
table.e-list td:nth-child(2) {width: 45%; padding: 5px;}

/* 個別ページ */
table.j-list td {min-width: 90px;}
table.e-table td {min-width: 170px;}
table.j-list td:nth-child(2) {padding: 10px;}

.news-field p {margin-left: 12px; margin-bottom: 10px;}
.news-field h3:before {content: "● ";}
.news-field ul {margin-bottom: 12px;}
.news-field ul li {list-style: none!important;}

.del {color: rgba(255,0,0,1);	text-decoration: line-through; margin-right: 5px;}
.del span {color: rgba(0,0,0,1);}

/* wordpress 用 */
div.chapter-box {padding: 10px 20px;}
div.info-rbox {padding: 10px 20px; margin: 10px 0; border: solid 1px rgba(255,0,0,.8); -o-border-radius: 20px; -ms-border-radius: 20px;	-moz-border-radius: 20px;	-webkit-border-radius: 20px; border-radius: 20px;}
div.info-pbox {padding: 10px;	margin: 10px 0;	-o-border-radius: 20px;	-ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: rgba(255,220,180,1);}	
.red-emphasize {color: rgba(255,0,0,1);	font-size: large;	font-weight: bold;}
.flex-table {width:95%;	margin:20px auto !important; border: 1px solid rgba(100,100,100,.8);}
.flex-table th {padding:15px !important; display:block;	background-color: rgba(81,133,197,.3);	line-height: 1.4;}
.flex-table td {padding: 15px; display: block; text-align: center;}
.flex-table input {padding: 10px;	font-size: 1.3em;	color: #555; border: solid 1px #ccc; max-width: 500px; margin: 5px;	-o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
.flex-table textarea {margin: 5px; font-size: 1.3em; color: #555;	border: solid 1px #ccc;	-o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
.flex-table select {padding: 5px;	font-size: 1.3em;	color: #555; border: solid 1px #ccc; max-width: 500px; margin: 5px;	-o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
.wpcf7 p.submit-btn {text-align: center; margin: 15px 0 25px;	padding: 10px;}
.wpcf7 p.submit-btn input {padding: 10px;	width: 100px;}
.sent .cform7 {display: none;}
div.wpcf7-mail-sent-ok {display: none; border: solid 2px rgba(230,38,38,1) !important; -o-border-radius: 10px; -ms-border-radius: 10px;	-moz-border-radius: 10px;	-webkit-border-radius: 10px; border-radius: 10px;	padding: 15px; margin-top: 15px;}
div.wpcf7-mail-sent-ok p {text-align: center;}

/* sub系 */

#sub {text-align: center;}
#sub li {list-style: none;}
#sub p {padding: 5px; font-size: smaller; text-align: left;}
#sub img {max-width: 160px;}

/** navigation **/
nav {display: block; margin-right: auto; margin-left: auto;}
nav ul {list-style: none; overflow: hidden; margin: 0 0 10px 1px; padding-top: 3px; padding-bottom: 3px;}
nav li {float:left; width: 13%; text-align: center; margin-top: 3px; margin-left: 1px; padding: 7px 0; font-size: x-small; font-weight: bolder; text-decoration: none;}
nav a {text-decoration: none; color: rgba(81,133,197,1);}
nav a li {border: 2px solid rgba(81,133,197,1); text-decoration: none; color: rgba(81,133,197,1); padding-bottom: 10px;}
nav a:hover li {border: 2px solid rgba(81,133,197,.6); text-decoration: none; color: rgba(81,133,197,.6);}
nav a.active li {border: 2px solid rgba(30,98,165,1); text-decoration: none; color: rgba(30,98,165,1); background: rgba(240,240,240,.3);}
nav a.active:hover li {border: 2px solid rgba(81,133,197,.6); text-decoration: none; color: rgba(81,133,197,.6);}
 
/* メディア系 */
img {max-width: 100%;}
.movie {position: relative; height: 0; padding-top: 56.25%; /* 16:9 */}
iframe {height: 100%; position: absolute; left:0; top:0; width:100%;}

/* style for smartphone */

nav {display: none;}

/* style for tablet */
 
@media all and (min-width: 480px) {
#footerNavLink {display: none;}
nav {display: block;}
#footerNav {display: none;}
.top01 {font-size: 52px;}
.top01e {font-size: 40px;}
}
 
/* style for PC */
 
/*
all: 860px
sub: 220px
margin: 
main: 
*/
 
@media all and (min-width: 768px) {
body {width: 860px;}
nav li {margin: 3px 1px 3px 4px; padding: 9px 0; font-size: smaller; text-decoration: none;}
nav a li {border: 3px solid rgba(81,133,197,1); text-decoration: none; /*color: rgba(81,133,197,1);*/}
nav a:hover li {border: 3px solid rgba(81,133,197,.6); text-decoration: none; /*color: rgba(81,133,197,.6);*/}
nav a.active li {border: 3px solid rgba(30,98,165,1); text-decoration: none; /*color: rgba(30,98,165,1);*/}
nav a.active:hover li {border: 3px solid rgba(81,133,197,.6); text-decoration: none; /*color: rgba(81,133,197,.6);*/}
#container {overflow: hidden;}
#main {float: left; width: 80%;/*74.3%;*/ /* 640px / 860px * 100 */ border-right: dotted #aaaaaa 1px; min-height: 410px;}
#sub {float: right; width: 19.7%;/*25.4%;*/ /* 220px / 860px * 100 */}

/* top page only */
.top-bottom {padding-top: 10px; clear: both;}
.top-pc-l-g {text-align: right;}
.top-pc-l-ge {text-align: right; font-size: 30px;}
.top-pc-l {float: left; width: 47%;}
.top-pc-r {float: right; width: 52%;}
.top-footer {background:  rgba(81,133,197,1); color: #fff;}

/* wordpress 用 */

.flex-table {width:100%; margin:5px auto;	font-size:90%; border: rgba(100,100,100,.8) 1px solid;}
.flex-table tr {border-bottom:  rgba(100,100,100,.8) 1px solid;}
.flex-table tr:last-child {border:none}
.flex-table th {width:40%; padding:5px 10px; display:table-cell; border-right:  rgba(100,100,100,.8) 1px solid;	text-align: left;}
.flex-table td {width: 60%; padding: 5px 10px; display: table-cell;	text-align: left;}

}