@charset "utf-8";

/*
@media screen and (min-width: 1400px) {
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
@media screen and (min-width: 768px) and (max-width: 992px) {
}
@media screen and (min-width: 576px) and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
}
*/

/* common */
/* variable *************************/
:root {
	/* color */
	--darkblue01: #193775;
	--deepblue01: #19274A;
	--chcoal01:	#0B0F12;
	--lemonyellow: #F2E826;
	--beige02: #F1A943;
	--lightblue: #9AD6F0;
	--prgremtblborder: #3358A6;
	--lightgreen: #85BA43;
	--lightgreen2: #159C42;
	--smokedgreen: #005134;
}


/* fonts */
body { font-family: /*'Open Sans',*/ Helvetica, Arial, sans-serif; }
body { font-family: arial, helvetica, clean, sans-serif; }

h3, h4, h5, h6 { color: var(--tomekon); margin-bottom: 1.0rem; }

h1 { font-size: 48px; font-size: 3.0rem; font-weight: 600; letter-spacing: 0.1rem;  margin-bottom: 1.25rem; }
h2 { font-size: 20px; font-size: 1.25rem; font-weight: 600; letter-spacing: 0.1rem; margin-bottom: 1.5rem; }
h3 { font-size: 18px; font-size: 1.125rem; font-weight: 600; letter-spacing: 0.1rem; }
h4 { font-size: 17px; font-size: 1.0625rem; font-weight: 600; }
h5 { font-weight: 600; }
h6 { font-weight: 600; }
@media screen and (max-width: 576px) {
	h1 { font-size: 28px; font-size: 1.75rem; letter-spacing: 0.0rem;  margin-bottom: 1.0rem; }
	h2 { font-size: 18px; font-size: 1.125rem; }
	h3 { font-size: 17px; font-size: 1.0625rem; }
	h4 { font-size: 17px; font-size: 1.0625rem; }
	h5 {  }
	h6 {  }
	
	.lead { font-size: 18px; font-size: 1.25rem; }
}

/* colors, backgrounds */
body { background-color: var(--deepblue01); color: var(--deepblue01); }
footer {
	/*color: #ffffff; background-color: var(--bluegrn01);*/
	/*background-color: var(--litgrn01);*/
	/*background-image: url(images/footerbg.png); background-position: top center;*/ 
}

/* background, wrapping */
div.bgmaindiv { /*background: transparent url(images/KIER_Illust.png) no-repeat border-box left bottom/cover;*/ }
div.wrappingdiv { background-color: rgba(255,255,255,0.95); }


/* hidden */
.hidd { visibility: hidden; height: 1px; overflow: hidden; margin: 0; padding: 0; }


/* misc */
.indent_1 { text-indent: 1.0em; }
.strong { font-weight: bold; }
p.centerp { text-align: center; }
.textcenter { text-align: center; }


/* clearfix */
.clearfix::after {
	content: “”;
	display: block;
	clear: both;
}


/* lists */
dl {  }
dt {  }
dd { padding-left: 1.0rem; margin-bottom: 1.0rem; }

ul.nomarkerul { list-style-type: none; }


/* header */
.header_div { background: url(./images/BG.jpg) top no-repeat; background-size: cover; }
.header_div p { color: #ffffff; text-shadow: 2px 2px 4px var(--deepblue01); }
header { margin: 0.0rem 0 1.0rem; padding-top: 2.0rem; }
header h1 { font-size: 56px; font-size: 3.5rem; color: #ffffff; text-shadow: 2px 2px 4px var(--deepblue01); }
header h1,
header p { text-align: center; }
header .h1lead { font-size: 28px; font-size: 1.75rem; font-weight: 600; }
header .h1sub { font-size: 40px; font-size: 2.5rem; font-weight: 600; }
header .subtime { font-size: 32px; font-size: 2.0rem; margin-bottom: 1.5rem;}
.date_div { margin: 0 auto; width: fit-content; }
.date_div .date { float: left; margin-right: 1.0em; margin-bottom: 0.5rem; }
.date_div .day_week {
	float: right; width: fit-content; padding: 0.25rem 1.0rem; margin-top: -0.25rem; margin-bottom: 0.5rem; border-radius: 8px; 
	background-color: var(--lemonyellow); color: var(--deepblue01); text-shadow: none;
}
#gaiyo p {  }
#gaiyo div { margin: 0 auto; width: fit-content; }
#gaiyo p.methods { font-size:  20px; font-size: 1.25rem; text-align: center; }
.foreword { font-size:  20px; font-size: 1.25rem; }
#foreword { font-size:  20px; font-size: 1.25rem; line-height: 1.6; max-width: 760px; margin: 1.5rem auto 1.75rem; }
.capnumber { float: left; margin-right: 1.0em; font-size: 24px; font-size: 1.5rem; }
.header_div p.freeentry { float: right; width: fit-content; padding: 0.25rem 1.0rem; margin-top: -0.25rem;
	font-size: 24px; font-size: 1.5rem; background-color: var(--lemonyellow); color: var(--deepblue01); text-shadow: none;
}
@media screen and (max-width: 576px) {
	header { /*margin: 1.25rem 0 1.0rem;*/ }
	header h1 { font-size: 28px; font-size: 1.75rem; }
	header .h1lead { font-size: 17px; font-size: 1.0625rem; }
	header .h1sub { font-size: 24px; font-size: 1.5rem; font-weight: 600; }
	header .subtime { font-size: 20px; font-size: 1.25rem; }
	.capnumber, 
	.freeentry { font-size: 20px; font-size: 1.25rem; }
	#foreword { /*font-size:  18px; font-size: 1.125rem;*/ margin: 1.0rem auto 1.5rem; }
	.header_div p.freeentry { float: none; text-align: center; margin: 0 auto 2.0rem; }
	.capnumber { float: none; text-align: center; }
}



/* sections */
.container { max-width: 992px; }

.subsection { margin-bottom: 3.0rem; }
@media screen and (max-width: 576px) {
	.subsection { margin-bottom: 1.5rem; }
}

h2 { width: fit-content; padding: 0 0.75rem 0; 
	/*border-right: 12px solid var(--lightgreen2);*/ border-left: 12px solid var(--lightgreen2); 
}


/* table */
.programtbl { /*border-width: 2px !important;*/ }
.tblh { /*font-size: 18px; font-size: 1.125rem;*/ font-weight: 600; }
.programtbl,
.programtbl th,
.programtbl td { background-color: transparent; }
.programtbl tr,
.programtbl th,
.programtbl td { border: 1px solid var(--prgremtblborder); }
.programtbl td.tbltime { min-width: 8em; /*color: var(--trustblue);*/ }
.programtbl img { /*max-width: 7.5rem; margin-bottom: 0.25rem;*/ }
.programtbl th.bgcolored,
.programtbl td.bgcolored { background-color: var(--lightgreen) !important; color: #ffffff !important; }
.tblname { /*max-width: 6.0rem;*/ }
.programtbl th,
.programtbl td { /*border-bottom: 1px solid var(--trustblue);*/ }
/*.programtbl dl {  }*/
/*.programtbl dt { float: left; }*/
/*.programtbl dd { float: right; }*/
.programtbl td p { margin-bottom: 0.0625rem; }
.programtbl .proghd { font-weight: bold; }
tr.noborder th,
tr.noborder td,
th.noborder,
td.noborder { border: none; }
@media screen and (max-width: 576px) {
	.programtbl { margin-left: -4px; /*width: 360px;*/ }
	.programtbl td { padding-left: 2px; padding-right: 2px; }
	/*.programtbl td:first-child { padding-left: 0; padding-right: 2px; }*/
	/*.programtbl td:last-child { padding-left: 2px; padding-right: 0; }*/
	.programtbl img { /*max-width: 5.5rem;*/ }
	.programtbl td.tbltime { min-width: 4em; }
}


/* QRコード画像のサイズ */
.qrimg { width: 100%; max-width: 160px; }



/* speakers */
.spkrsection {  }
.spkrdiv { /*border-top: 1px solid var(--prgremtblborder); */
	border-right: 1px solid var(--prgremtblborder); border-bottom: 1px solid var(--prgremtblborder);
	margin-bottom: 3.0rem; /*padding-top: 0.5rem; */ padding-right: 0.5rem; 
}
.spkrdiv p { margin-bottom: 0.5rem; }
.speakerimg { /*float: left;*/ max-width: 200px; margin: 0.125rem auto 1.0rem; }





#footerdiv { background-color: var(--lightblue); }
#footerdiv h2 { border: none; }
.banndiv { /*float: left; width: 19%;*/ /*margin: 0 1% 0 0; padding: 0;*/ line-height: 2.0; }
.banndiv a { text-decoration: none; color: var(--deepblue01); }
.banndiv div { /*width: fit-content;*/ /*margin: 0 auto;*/ margin-bottom: 1.5rem; }
.banndiv div img { width: 98%; /*float: left; width: 100%;*/ /*max-width: 4.0rem;*//*margin-right: 0.5rem;*/ }
.banntext { padding-top: 1.0rem; font-size: 18px; font-size: 1.125rem; }