@charset "utf-8";

/*//////////////////////////////////////////////////

style.css

Copyright (C) 2017 Impress Corporation, an Impress Group company. All rights reserved.
----------------------------------------
Content

		1. Global Navigation
		2. Content > index.html
				1. Summary
				2. Program
				3. Recruit
				4. Overview
				5. Commission
		3. Content > timetable.html
		4. Content > exhibition.html
		5. Sponsor
		6. Footer
		7. Media Query
		8. "colorbox.js" Setting

//////////////////////////////////////////////////*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,div {
		margin:0;
		padding:0;
		font-size:100%;
}
body {
		background:#333 url(../images/bg.png);
		background-attachment: fixed;
		font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		-webkit-text-size-adjust:100%;
}
h1 { line-height:0; text-align:center; }
h2 { font-size:150%; margin:1.5em 0 .5em; }
h3 { font-size:125%; margin:1.5em 0 .5em; }
p { margin:1em 0; }
a,dd { word-break: break-all; }
ul,ol{ margin-left:1.5em; }
em { font-style:normal; }
img { max-width:100%; border:none; }
table,tr,th,td {
		box-sizing: border-box;
}
table {
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
		border: 1px solid #aaa;
}
th {
		padding:4px;
		background:#666;
		color:#fff;
		font-weight:bold;
		text-align:center;
		vertical-align:top;
}
td {
		text-align:left;
		vertical-align:middle;
		padding:1em;
}

#wrapper {
		background:#fff;
		box-shadow:0 0 2px 1px rgba(0,0,0,0.3);
}
.submit {
		color:#fff;
		text-decoration:none;
		text-align:center;
		vertical-align:middle;
		background:#f1b000;
		display:block;
}
.submit:hover {
		background:#d09800;
}
.btn-entry {
		margin:2.5em 0;
}
.btn-entry a {
		width:40%;
		margin:0 auto;
		padding:1em 0.5em;
		border-radius:5px;
}
.btn-entry a i {
		vertical-align:middle;
		margin-right:.2em;
}
.closed {
		font-weight:bold;
		text-align:center;
		color:#e70012;
		margin:2em 0 0;
}
.notice {
		font-size:90%;
}
.clearfix:after {
		content: ".";
		display: block;
		height:0;
		clear: both;
		visibility: hidden;
}
.inline-contents {
		display:none;
}

/* 講師プロフィール */
.lecturer-company,
.lecturer-division,
.lecturer-post {
		line-height:1.3;
		margin:.3em 0;
}
.lecturer-company {
		margin-top:1em;
}
.lecturer-name {
		font-weight:bold;
		font-size:150%;
		line-height:1;
		margin:.5em 0 0;
}
.lecturer-name:after {
		content:"氏";
		margin-left:.5em;
		font-weight:normal;
		font-size:80%;
}
.relative .lecturer-name:after {
		content:none;
}
.lecturer-notes {
		font-size:90%;
		margin:0;
}
.lecturer-pic {
		margin:0 1em 1.5em 0;
		float:left;
		min-height:120px;
}

/* Spiral Setting */
input[type="text"],
textarea {
		border: 2px solid #333;
		-webkit-transition: all .5s;
		transition: all .5s;
		outline: none;
		font-size:14px;
		width:80%;
}
input[type="text"]:focus,
textarea:focus {
		box-shadow: 0 0 7px #eabe0c;
		border: 2px solid #eabe0c;
}

#SMP_STYLE {
		margin:1.5em 0 1em;
}
#SMP_STYLE dl {
		display: table;
		margin: 0;
		position: relative;
		width: 100%;
}

#SMP_STYLE .need {
		color: #CC0000;
		font-size: 100%;
		font-weight:bold;
		text-align:left;
}

#SMP_STYLE .cf:before,#SMP_STYLE .cf:after {content:"";display:table;}
#SMP_STYLE .cf:after {clear:both;}
#SMP_STYLE .cf {*zoom:1;}

#SMP_STYLE .body_tbl {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 30px 0;
		border: none;
		background: #FFFFFF;
		}

#SMP_STYLE .smp_tmpl {
		width: 80%;
		margin: 0 auto;
		/*padding: 20px 0 0;*/
}

#SMP_STYLE dt.title {
		display: inline-block;
		width: 25%;
		margin: 0;
		/*padding: 23px 15px 28px 0;*/
		padding:13px 5px 18px 0;
		color: #333333;
		font-size: 108%;
		font-weight:bold;
		text-align:left;
		line-height: 1.2;
		vertical-align: top;
}

#SMP_STYLE dd.data {
		display: inline-block;
		width: 70%;
		margin: 0;
		/*padding: 18px 0 18px 0;*/
		padding:8px 0 8px 0;
		color: #5F5F5F;
		font-size: 100%;
		font-weight: bold;
		text-align: left;
}

#SMP_STYLE .input {
		width: 100%;
		margin-bottom: 8px;
		padding: 5px;
		color: #333333;
		border: 1px solid #999999;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
		font-size: 108%;
		text-align: left;
		box-sizing:border-box;
}

#SMP_STYLE input.submit {
		width: 40%;
		height: 42px;
		/*margin: 20px 0 40px 0;*/
		margin-top:.5em;
		border: hidden;
		border-radius: 3px 3px 3px 3px;
		/* other browser */
		background: #303030;
		/* for old webkit */
		background: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0.00, #606060),
		color-stop(1.00, #303030)
		);
		/* for modern browser */
		background: linear-gradient(
				to bottom,
				#606060 0%,
				#303030 100%
				);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
		color: #FFFFFF;
		font-size: 153.9%;
		font-weight: normal;
		text-align: center;
		cursor: pointer;
		display:inline-block;
}

#SMP_STYLE input.submit:hover {
		filter: alpha(opacity=90);
		-ms-filter: alpha(opacity=90);
		opacity: 0.9;
}

/* --- Global Navigation --- ///////////////////////////////////////////*/

#global-nav ul {
		letter-spacing:-.4em;
		margin:0;
		padding:0;
		background:#3e3e3e;
}
#global-nav ul li {
		list-style:none;
		letter-spacing:.1em;
}
#global-nav ul li a {
		color:#fff;
		text-decoration:none;
		text-align:center;
		vertical-align:middle;
		display:block;
}
#global-nav ul li a:not(.submit):hover {
		background:#333;
}
#global-nav ul li a.active {
		background:#666;
}

/* --- Content > index.html --- ////////////////////////////////////////*/

#overview h2,
#commission h2,
#timetable__area h2,
#exhibition h2 {
		position:relative;
		text-align:center;
		border-top:1px solid #bdcad3;
}
#overview h2:after,
#commission h2:after,
#timetable__area h2:after,
#exhibition h2:after {
		content:"";
		display:block;
		position:absolute;
		top:.7em;
		left:0;
		width:100%;
		height:1em;
		background:#bdcad3 url(../images/bg_h.gif);
}
#overview h2 span,
#commission h2 span,
#timetable__area h2 span,
#exhibition h2 span {
		position:relative;
		display:inline-block;
		color:#3c4951;
		padding:.5em .5em 0;
		background:#fff;
		z-index:100;
}

/*------------------------------------------------
		Summary
------------------------------------------------*/
.closed + #summary {
		margin-top:1.5em;
		border-top:1px solid #bdcad3;
}
#summary h2,
#summary h3 {
		line-height:1.3;
}
#summary h2 {
		text-align:left;
		margin-bottom:1em;
}
#summary p {
		color:#333;
		text-indent:1em;
		letter-spacing:1px;
}
#summary .summary-contents {
		font-size:90%;
}
/*#summary .author {
		text-align:right;
		margin-top:1.5em;
}*/
/*#summary .author p {
		font-size:85%;
		text-indent:0;
		color:inherit;
		margin:.5em 0;
}*/
/*#summary .lecturer-name {
		font-size:150%;
}*/


#summary .author {
	text-align: right;
		/*background-color: #ccc;*/
}
#summary .author .inner {
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	background-color: #f4f4f4;
	padding: 10px;
}
#summary .author .inner .img {
	width: 120px;
}
#summary .author .inner .img img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#summary .author .inner .text {
	padding-right: 10px;
}
#summary .author .inner .text p {
	font-size: 0.9em;
	line-height: 1.4;
	text-align: right;
	text-indent: 0;
	margin: 0;
}
#summary .author .inner .text p.name {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0.3em;
}


#summary .lecturer-name:after {
		content:none;
}
#summary .regist {
		position:relative;
		font-size:90%;
		color:#fff;
		padding-bottom:.75em;
		background:#1472ba;
		background-image: linear-gradient(to bottom, #1360a8, #0e6cb1, #0c77ba, #1083c3, #198fcb);
}
#summary .regist h3 {
		padding:.75em .5em;
		background:#0a346b;
}
#summary .regist h3 img {
		position:absolute;
}
#summary .regist > p,
#summary #SMP_STYLE {
		padding:0 .75em;
}
#summary .regist p {
		line-height:1.4;
		text-indent:0;
		color:inherit;
		margin:.5em 0;
}
#summary .regist .sample {
		font-size:80%;
		font-weight:normal;
		color:#fff;
}
#summary .regist .sample span { color:#ff0; }
#summary #SMP_STYLE .sample:nth-of-type(1) { margin-top:.5em; }
#summary #SMP_STYLE dt.title { color:inherit; }
#summary #SMP_STYLE .need { color:#ff0; }

/*------------------------------------------------
		Program
------------------------------------------------*/
#program {
		padding:1.5em 0;
		background-image:url(../images/bg_program.jpg);
		background-size:cover;
}
#program h2 {
		text-align:center;
		text-shadow:0 0 15px #000;
		line-height:1;
		color:#fff;
		margin:0 0 .5em;
		padding:.5em 0;
		background:rgba(0,0,0,0.4);
}
#program h3 {
		line-height:1.3;
		text-align:left;
		margin:0 0 .7em;
}
#program .date {
		font-size:85%;
		line-height:1;
		color:#1066ac;
		margin:0 0 .5em;
		padding:0 0 .3em;
		border-bottom:1px solid #1066ac;
}
#program .program-lecturer {
		text-align:center;
		vertical-align:top;
		width:31.1%;
		padding:.5em;
		background:rgba(255,255,255,.5);
		box-sizing:border-box;
}
#program .lecturer p {
		text-align:left;
}
#program .lecturer .lecturer-company,
#program .lecturer .lecturer-division,
#program .lecturer .lecturer-post {
		font-size:85%;
}
#program .lecturer .lecturer-name {
		font-size:120%;
}
#program .lecturer-company {
		margin-top:.5em;
}
#program .lecturer-pic {
		float:none;
		margin-bottom:0;
}

/*------------------------------------------------
		Recruit
------------------------------------------------*/
#recruit {
		padding-top:1.5em;
		background:#e8eaee;
}
#recruit h2 {
		position:relative;
		font-size:135%;
		text-align:center;
		line-height:1;
		color:#3F4756;
		margin:0 0 .5em;
		padding:.7em 0;
		background:#F4F9FF;
		border:0 solid #1066AC;
		border-width:5px 0;
}
#recruit h2:after,
#recruit h2:before {
		content:"";
		display:block;
		position:absolute;
		left:0;
		width:100%;
		height:1px;
		background:#1066AC;
}
#recruit h2:after { top:2px; }
#recruit h2:before { bottom:2px; }
#recruit p {
		font-size:95%;
		margin:2em 8em;
}
#recruit .contact {
		font-size:90%;
		padding:1em 0 2.5em;
		border-top:1px solid #A3ABBD;
}

/*------------------------------------------------
		Overview
------------------------------------------------*/
#overview ul {
		margin-left:0;
		padding:0 0 0 1.3em;
}
#overview li {
		line-height:1.4;
		margin:.3em 0;
}
#overview .venue,
#overview .address,
#overview .contact p { margin:0; }
#overview .privilege p { margin-bottom:0; }
#overview .access {
		margin-top:1em;
}
#overview .title em {
		display:inline-block;
		font-size:125%;
		margin-bottom:.5em;
}
.access-map {
		overflow:hidden;
		position:relative;
		padding-bottom:100%;
		height:0;
		margin-top:1em;
}
.access-map iframe,
.access-map object,
.access-map embed {
		position:absolute;
		top:0;
		left:0;
		width:400px;
		height:300px;
}

/*------------------------------------------------
		Commission
------------------------------------------------*/
#commission {
		margin-bottom:1.5em;
}
#commission dt {
		font-weight:bold;
		margin-top:1em;
}
#commission dt:first-child {
		margin-top:0;
}
#commission dd {
		font-size:90%;
		line-height:1.4;
}

#commission .profile__box {
	display: flex;
	align-items: flex-end;
}
#commission .profile__box+.profile__box {
	border-top: dashed 1px #ccc;
	margin-top: 5px;
	padding-top: 5px;
}
#commission .profile__box .img__box {
	width: 90px;
}
#commission .profile__box .img__box > img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#commission .profile__box .text__box > ul {
	margin-left: 1em;
}
#commission .profile__box .text__box > ul > li {
	list-style-type: none;
}
#commission .profile__box .text__box > ul > li:nth-of-type(1) {
	font-weight:bold;
}
#commission .profile__box .text__box > ul > li:nth-of-type(2) {
	font-size: .9em;
}



/*------------------------------------------------
		Theme
------------------------------------------------*/
#theme {
		color:#31312d;
		margin-top:1.5em;
		margin-bottom:2.5em;
		padding:1em 0;
		background:#f7f5dd;
}
#theme h2 {
		position:relative;
		font-size:130%;
		text-align:center;
		color:#ffa17a;
		margin-top:0;
}
#theme h2:before,
#theme h2:after {
		position:absolute;
		content:"";
		display:block;
		width:100%;
		height:1px;
		margin:auto;
		background:#fdba98;
}
#theme h2:before { top:44%; }
#theme h2:after { bottom:44%; }
#theme h2 span {
		display:inline-block;
		position:relative;
		padding:0 1em;
		background:#f7f5dd;
		z-index:100;
}
#theme dl {
		font-size:95%;
		margin:1em 0;
}
#theme dt {
		line-height:1;
		color:#fff;
		padding:.5em;
		border-radius:5px;
}
#theme dd {
		padding-top:.5em;
}
#theme1 dt { background:#db7093; }
#theme2 dt { background:#20b2aa; }

/* --- Content > timetable.html --- ////////////////////////////////////*/
#timetable h3 {
		font-size:75%;
		text-align:center;
		line-height:1;
		color:#fff;
		margin:1em 0;
}
#timetable h4 {
		font-size:110%;
		line-height:1.2;
		color:#2f4858;
		margin:.5em 0 0;
}
#timetable h4 span {
		display:block;
		font-size:85%;
		margin:.3em 0 0;
}
#timetable h5 {
		position:relative;
		font-size:95%;
		line-height:1;
		color:#2f4858;
		padding:.4em .3em;
		border-left:8px solid #cdd9e0;
}
#timetable i {
		vertical-align:middle;
}
#timetable .btn-detail i,
#timetable .btn-profile i {
		margin-right:.2em;
}
#timetable .level1,
#timetable .level2,
#timetable .level3 {
		border:0 solid #9baebc;
		box-sizing:border-box;
}
#timetable .level1 {
		display:table;
		width:100%;
}
#timetable .level2 {
		border-bottom-width:1px;
}
#timetable .level1:nth-of-type(1) .level2 {
		border-top-width:1px;
}
#timetable .timetable-date,
#timetable .level2 {
		display:table-cell;
		vertical-align:top;
}
#timetable .level3,
#timetable .single .level2 {
		padding:.8em .5em;
}
#timetable .timetable-date {
		width:3em;
		background:#9baebc;
}
#timetable .level1:nth-child(odd) .timetable-date {
		background:#8a9ead;
}
#timetable .timetable-date span {
		display:block;
}
#timetable .timetable-date span:nth-of-type(2) {
		display:inline-block;
		transform:rotate(90deg);
}
#timetable .timetable-date span:nth-of-type(4) {
		font-size:90%;
		font-weight:normal;
		margin-top:.5em;
}
#timetable .level2 h3 {
		font-size:90%;
		margin:0 0 1em;
		padding:.5em 0;
		background:#999;
}
#timetable .level2 h3 b {
		display:inline-block;
		padding:.5em;
		border:1px solid #fff;
}
#timetable .level3 section + section {
		margin-top:1em;
		padding-top:1em;
		border-top:1px solid #c2ced4;
}
#timetable .session-id,
#timetable .session-category,
#timetable .session-info {
		display:inline-block;
		font-size:75%;
		line-height:1;
		color:#fff;
		margin:.1em 0;
		padding:.5em .8em;
		background:#5a6871;
		border-radius:3px;
}
#timetable .session-id {
		width:2.5em;
		text-align:center;
		background:#315373;
}
#timetable .btn-detail {
		text-align:center;
		margin:0 0 .5em;
}
#timetable .btn-detail a {
		display:inline-block;
		font-size:90%;
		line-height:1;
		text-decoration:none;
		color:#fff;
		padding:.3em .8em .3em .7em;
		background:#00a0f5;
		border:1px solid #00a0f5;
		border-radius:6px;
}
#timetable .btn-detail a:hover {
		opacity:.8;
}
#timetable .btn-profile {
		margin:.1em 0 0;
}
#timetable .btn-profile a {
		display:inline-block;
		font-size:80%;
		text-decoration:none;
		line-height:1;
		color:#999;
		padding:.6em .8em;
		border:1px solid #999;
		border-radius:2em;
}
#timetable .btn-profile a:hover {
		background:#eee;
}
#timetable .session-info {
		line-height:1.3;
		color:inherit;
		padding-left:.2em;
		background:transparent;
}
#timetable .lecturer {
		font-size:85%;
		color:#444;
		margin:1em 0 0;
}
#timetable .lecturer-pic {
		float:left;
		width:80px;
		height:80px;
		margin-right:.5em;
}
#timetable .lecturer-name {
		margin-bottom:.8em;
}
#timetable .lecturer-company {
		font-size:115%;
		margin-top:0;
		margin-bottom:.5em;
}
#timetable .level1:not(.single) .lecturer {
		margin-top:.5em;
}
#timetable .level1:not(.single) .lecturer:nth-of-type(1) {
		margin-top:1em;
}
#timetable .level1:not(.single) .lecturer-pic {
		margin-bottom:1em;
}
#timetable .level1:not(.single) .lecturer-company {
		margin-bottom:0;
}
#timetable .level1:not(.single) .lecturer-name {
		font-size:130%;
}
#timetable dl.lecturer-list dt {
		font-size:75%;
		font-weight:bold;
		line-height:1;
		color:#203c4e;
		margin:1.3em 0 0;
		padding:.3em .8em;
		background:#c2ced4;
		border-radius:1em;
}
#timetable .single .lecturer-pic {
		width:120px;
		height:120px;
		margin-right:.7em;
}
#timetable .single .lecturer-name,
#timetable .single .btn-profile {
		display:inline-block;
		vertical-align:middle;
}
#timetable .single .lecturer-name {
		margin-top:.3em;
}
#timetable .single .btn-profile {
		margin-left:.3em;
}
#timetable .placeA { background:#fbf1f4; }
#timetable .placeB { background:#e9f7f7; }
#timetable .placeA h3 { background:#db7093; }
#timetable .placeB h3 { background:#20b2aa; }
#timetable .intermission p {
		font-size:90%;
		text-align:center;
		margin:0;
}
#timetable .intermission p span {
		display:inline-block;
}
#timetable .intermission .level2 {
		vertical-align:middle;
		color:#6d8090;
		background:#e3e9ec;
}
#timetable .inline-contents {
		margin-top:1em;
}
#timetable .session-detail p {
		font-size:95%;
		line-height:1.4;
}
#timetable .lecturer-profile {
		font-size:95%;
		color:#444;
		margin-top:1em;
}
#timetable .lecturer-profile dt {
		font-size:120%;
		font-weight:bold;
}
#timetable .lecturer-profile .lecturer-pic {
		display:none;
}
#timetable .lecturer-workspace {
		margin:.5em 0;
}
#timetable .lecturer-biography {
		margin:.8em 0 .3em;
}
#timetable #K-1 .lecturer-pic,
#timetable #K-2 .lecturer-pic,
#timetable #K-3 .lecturer-pic {
		margin-bottom:0;
}
#timetable #P-1 dd {
		margin-top:.5em;
}
#timetable #P-1 dt + dd {
		margin-top:1em;
}
#timetable #P-1 .lecturer {
		margin-top:.5em;
}
#timetable #P-1 .lecturer-list {
		margin-top:0;
}
#timetable #P-1 .lecturer-pic {
		width:80px;
		height:80px;
		margin-bottom:0;
		margin-right:.5em;
}
#timetable #P-1 .lecturer-name {
		font-size:130%;
}
#timetable #P-1 .lecturer-company {
		font-size:105%;
		margin-bottom:0;
}

/* --- Content > exhibition.html --- ///////////////////////////////////*/
#exhibition h3 {
		position:relative;
		text-align:center;
		color:#2f4858;
		margin:0 0 1.5em;
		padding-bottom:.5em;
}
#exhibition h3:after {
		content:"";
		display:block;
		position:absolute;
		left:0;
		right:0;
		bottom:-6px;
		width:30%;
		max-width:256px;
		height:6px;
		margin:auto;
		background:#cdd9e0;
		border-radius:6px;
}
#exhibition h3 span {
		display:inline-block;
}
#exhibition h4 {
		font-size:110%;
		color:#333;
}
#exhibition .booth-overview h4,
#exhibition .booth-company h4 {
		display:none;
}
#exhibition p,
#exhibition ul {
		margin-top:1em;
		margin-bottom:1em;
}
#exhibition .level2 {
		font-size:90%;
		line-height:1.4;
}
#exhibition .booth-contents {
		margin:1.5em 0;
		padding-bottom:1em;
		border:0 solid #bdcad3;
		border-bottom-width:1px;
}
#exhibition .booth-contents:nth-of-type(1) {
		padding-top:1em;
		border-top-width:1px;
}
#exhibition .booth-logo {
		text-align:center;
}
#exhibition .booth-logo a {
		display:inline-block;
		margin:.5em 1em 1em;
}
#exhibition .booth-logo img {
		max-width:200px;
		max-height:100px;
		margin:0 auto;
}
#exhibition #booth15 .booth-logo a {
		margin:0;;
}
#exhibition #booth15 .booth-logo img {
		max-height:150px;
}
#exhibition .booth-company {
		display:inline-block;
		color:#444;
		margin-top:.5em;
		padding-top:.5em;
		border-top:1px solid #ddd;
}
#exhibition .booth-company p {
		margin:.3em 0;
}
#exhibition .booth-company dt {
		font-weight:bold;
		margin-top:1em;
}
#exhibition .booth-company dt:first-child {
		margin-top:.5em;
}
#exhibition .booth-exhibit {
		margin-top:1.5em;
}
#exhibition .booth-exhibit ul {
		margin-left:0;
}
#exhibition .booth-exhibit li {
		list-style:none;
		min-height:20px;
		margin:.3em 0;
		padding-left:25px;
		background:url(../images/uldot_bl.png) no-repeat 0 0;
}

/* --- Sponsor --- /////////////////////////////////////////////////////*/
#sponsor {
		text-align:center;
}
#sponsor h2 {
		font-size:100%;
		color:#505050;
		background:#e5e5e5;
		border-radius:1em;
}
#sponsor ul {
		letter-spacing:-.4em;
		margin:0;
}
#sponsor li {
		list-style:none;
		display:inline-block;
		vertical-align:middle;
		letter-spacing:normal;
		margin:10px 20px;
}
#sponsor a,
#sponsor img {
		display:block;
}
#sponsor li,
#sponsor img {
		max-width:175px;
		max-height:75px;
}
#sponsor-platinum li,
#sponsor-platinum img {
		max-width:250px;
}
#sponsor-platinum li {
		margin:20px;
}
#sponsor-platinum li:last-child {
	margin-right:0;
}

#sponsor .logo-esol,
#sponsor .logo-esol img,
#sponsor .logo-sgs,
#sponsor .logo-sgs img,
#sponsor .logo-nces,
#sponsor .logo-nces img,
#sponsor .logo-jari,
#sponsor .logo-jari img,
#sponsor .logo-asif,
#sponsor .logo-asif img,
#sponsor .logo-kddi,
#sponsor .logo-kddi img {
		max-width:116px;
}
#sponsor .logo-nextream,
#sponsor .logo-nextream img,
#sponsor .logo-dspace,
#sponsor .logo-dspace img {
		max-height:19px;
}
#sponsor .logo-aicp,
#sponsor .logo-aicp img {
		max-height:55px;
}
#sponsor .logo-silexica,
#sponsor .logo-tjsys,
#sponsor .logo-nces {
		margin-top:30px;
		margin-bottom:30px;
}
#sponsor .logo-esic,
#sponsor .logo-esic img {
		max-width:280px;
}

#sponsor .logo-synopsys img {
		max-width:200px;
}
#sponsor .logo-ubiquitous img {
	max-width: 250px;
	max-height:120px;
}
#sponsor .logo-cac img {
	max-height:60px;
}

#sponsor .logo-reglus img {
	width: 90%;
}

/* --- Footer --- //////////////////////////////////////////////////////*/

#footer {
		overflow:hidden;
		width:100%;
		padding:1em 0;
		background:#000;
		color:#fff;
		font-size:80%;
		text-align:right;
}
#footer .logo{ 
		width:80px;
		height:57px;
		margin-right:1.5em;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_impress.png',sizingMethod='scale');
 }
#footer .logo a { color:#fff; }
#footer ul {
		float:right;
		margin:0;
		margin-right:.75em;
		padding:0;
}
#footer li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
}
#footer li a {
		color:#fff;
		font-size:80%;
		text-decoration:none;
		text-align:right;
		margin:.5em .25em;
		padding:.5em;
		display:inline-block;
		border:1px solid #fff;
		border-radius:4px;
}
#footer li a:not(.submit):hover {
		background:#666;
}
#footer .specific-trade-law{
		display:block;
}
#footer .specific-trade-law a{
		border:none;
		border-radius: 0px;
		padding-bottom:.25em;
		border-bottom:1px solid #fff;
		color:#fff;
		text-decoration:none;
		font-size:0.8em;
}

/* --- Media Query --- /////////////////////////////////////////////////*/
#timetable .level3 > section > .extraordinary_text {
		display: block;
		font-size: 1em;
		text-align: center;
		line-height: 1.4;
		background-color: #eee;
		padding: 1em 0;
}
@media only screen and (max-width: 413px) {
		/*#summary .author {
				text-align:left;
		}*/
}
@media only screen and (min-width: 414px) {
		/*#summary .author-post {
				display:block;
		}*/
}
@media only screen and (max-width: 530px) {
		#program .program-lecturer {
				display:block;
				width:auto;
				margin-left:.75em;
				margin-right:.75em;
				padding-top:1em;
		}
		#program .lecturer {
				width:12em;
				margin:0 auto;
		}
		#overview .contact a {
				display:block;
		}
		#timetable .single .lecturer-pic {
				float:none;
				margin:0 0 .5em;
		}
}
@media only screen and (min-width: 531px) {
		#program .program-contents {
				display:flex;
				display:-ms-flexbox;
				justify-content:center;
				-ms-flex-pack:center;
		}
		#program .program-lecturer {
				margin:0 .5%;
		}
}
@media only screen and (max-width: 320px) {
		#overview .contact a {
				display:inline;
				word-break:inherit;
		}
}
@media only screen and (max-width: 820px) {
		#global-nav ul li {
				border-bottom:1px solid #666;
		}
		#global-nav ul li:last-child {
				border-bottom-color:#bbb;
		}
		#global-nav ul li a {
				height:100%;
				padding:.5em;
		}
}
@media only screen and (min-width: 821px) {
		#global-nav {
				width:100%;
		}
		#global-nav:after {
				display:block;
				visibility:hidden;
				clear:both;
				height:0;
				content:""
		}
		#global-nav ul {
				width:100%;
				margin:0 auto;
		}
		#global-nav ul li {
				display:inline-block;
				/*width:20%;*/
				width:33.333%;
				font-size:90%;
		}
		#global-nav ul li a {
				padding:.8em .5em .3em;
				height:2em;
		}
/*
		#global-nav ul li:nth-of-type(2),
		#global-nav ul li:nth-of-type(3) {
				width:23%;
		}
		#global-nav ul li:nth-of-type(4) {
				width:14%;
		}
*/
}
@media only screen and (max-width: 768px) {
		#summary .summary-contents,
		#theme,
		#timetable .notice,
		#exhibition .notice,
		#exhibition .booth-contents,
		#sponsor {
				padding-left:.75em;
				padding-right:.75em;
		}
		#recruit p {
				margin-right:.75em;
				margin-left:.75em;
		}
		body {
				font-size:115%;
				line-height:1.3;
		}
		table {
				border:0;
		}
		tr {
				display:block;
				margin-bottom:1em;
		}
		tr:last-child {
				margin-bottom:0;
		}
		th,td {
				display:list-item;
		}
		.btn-entry a {
				width:60%;
		}
		/* Spiral Setting */
		#SMP_STYLE dt.title {
				display: block;
				width: 100%;
				padding:0;
		}
		#SMP_STYLE dd.data {
				display: block;
				width:100%;
				margin-bottom:12px;
		}
		/* Spiral Setting end */
		#summary p{
				line-height:1.4;
		}
		#summary .regist {
				margin-top:3.25em;
		}
		#summary .regist h3 {
				text-align:center;
				padding-top:32px;
		}
		#summary .regist h3 img {
				top:-40px;
				left:0;
				right:0;
				margin:auto;
		}
		#recruit {
				padding-top:1.8em;
		}
		#overview h2,
		#commission h2 {
				margin-bottom:.8em;
		}
		#overview table th,
		#commission table th {
				width:100%;
				font-size: 100%;
				padding:.5em 0;
		}
		#overview .title em {
				margin-bottom:.75em;
		}
		.access-map {
				margin:1em 0;
				padding-bottom:65%;
		}
		#commission h2 span {
				width:80%;
				line-height:1.2;
		}
		#timetable h4 span {
				margin-top:.5em;
		}
		#timetable nav dd > a:not(:first-child) p {
				margin-top:.5em;
		}
		#timetable nav p > .lecturer:not(:nth-last-child(2)) {
				display:block;
		}
		#timetable .level3,
		#timetable .single .level2 {
				padding-top:.5em;
		}
		#timetable .level2 > .level3:not(:first-child) {
				border-top-width:1px;
		}
		#timetable .timetable-date h3 {
				position:-webkit-sticky;
				position:sticky;
				top:1em;
		}
		#timetable .single .lecturer-company {
				margin-top:inherit;
		}
		#timetable .intermission p {
				font-size:85%;
		}
		#timetable #opening .lecturer-post {
				margin-top:inherit;
		}
		#timetable #P-1 .lecturer-pic {
				width:80px;
				height:80px;
		}
		#exhibition h2 + p {
				text-align:center;
		}
		#sponsor {
				margin-bottom:2.5em;
		}
		#footer .logo {
				float:right;
				margin-bottom:.5em;
		}
}
@media only screen and (min-width:769px) {
		#wrapper {
				max-width:1020px;
				margin:0 auto;
				overflow: hidden;
		}
		#contents-wrapper {
				padding-left:10px;
				padding-right:10px;
		}
		#summary,
		#program,
		#recruit,
		#overview,
		#commission {
				margin:1.5em 0;
		}
		/* Spiral Setting */
		#SMP_STYLE {
				margin:0;
		}
		#summary #SMP_STYLE p {
				margin:0 0 .5em;
		}
		#SMP_STYLE .smp_tmpl {
				width:100%;
		}
		#SMP_STYLE .input {
				box-sizing:border-box;
		}
		#SMP_STYLE input.submit {
				height:auto;
				margin:.2em 0 .3em;
		}
		#SMP_STYLE dt.title,
		#SMP_STYLE dd.data {
				display:block;
				width:auto;
				padding:0;
		}
		#SMP_STYLE dd.data {
		}
		/* Spiral Setting end */
/*
		#contents-wrapper {
				display:table;
				width:100%;
		}
		#contents,
		#sponsor {
				display:table-cell;
				vertical-align:top;
				box-sizing:border-box;
		}
		#contents {
				width:auto;
				padding:0 0 2em;
		}
		#sponsor {
				width:200px;
				padding:2.25em 1.5% 0;
		}
*/
		#summary,
		#sponsor {
				padding-right:9%;
				padding-left:9%;
		}
		#overview,
		#commission {
				padding-right:1%;
				padding-left:1%;
		}
		#theme {
				padding-right:4%;
				padding-left:4%;
				margin-right:6%;
				margin-left:6%;
		}
		#commission,
		#sponsor {
				margin-bottom:2.5em;
		}
		/*
		#summary .summary-contents {
				float:left;
				width:65%;
				padding-right:1.5em;
				box-sizing:border-box;
		}
		*/
		/*#summary .author img {
				float:right;
				margin-left:.5em;
		}*/
		#summary .regist {
				float:right;
				width:35%;
				border-radius:5px;
				box-sizing:border-box;
		}
		#summary .regist h3 {
				margin-top:0;
				border-radius:5px 5px 0 0;
		}
		#summary .regist h3 img {
				top:-22px;
				right:-12px;
		}
		#program h2 {
				letter-spacing:.1em;
		}
		#recruit {
				margin-top:2em;
		}
		#overview table th,
		#commission table th {
				width:16%;
				color:#333;
				font-size:80%;
				line-height:1.5;
				padding:20px 4px;
				border-bottom:1px solid #aaa;
				background:#eee;
		}
		#overview table td,
		#commission table td {
				width:84%;
				border-top:1px solid #aaa;
		}
		.access-map {
				padding-bottom:300px;
		}
		#theme h2 {
				display:block;
		}
		#theme-category ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: center;
			margin: 0;
			padding: 0;
		}
		#theme-category ul li {
			width: 48%;
			text-align: center;
			list-style-type: none;
			background-color: #f5e8b9;
			border-radius: 0.3em;
			padding: 10px 0;
		}
		#theme-category ul li:nth-of-type(n+3) {
			margin-top: 2%;
		}
		#theme-category ul li > span {
			display: block;
		}
		#theme-category ul li > span.main {
			font-weight: bold;
		}
		#theme-category ul li > span.sub {
			font-size: 0.9em;
		}
		#theme1 { padding-right:1%; }
		#theme2 { padding-left:1%; }
		#timetable h2 + p,
		#exhibition h2 + p {
				text-align:center;
		}
		#timetable .single h4 {
				font-size:125%;
		}
		#timetable .timetable-date {
				width:6%;
				vertical-align:top;
		}
		#timetable .timetable-date h3 {
				font-size:85%;
		}
		#timetable .level1 {
				width:99%;
				max-width:1024px;
				margin:0 auto;
		}
		#timetable .level2 {
				width:93%;
				border-right-width:1px;
		}
		#timetable .level3 {
				display:table-cell;
				vertical-align:top;
				width:33%;
				border-left-width:1px;
		}

		/* 2019015 イレギュラー */
		#timetable .level3 > section#B5-1,
		#timetable .level3 > section#B5-2 {
				height: 258px;
		}

		#timetable .level2 > .level3:first-child {
				border-left-width:0;
		}
		#timetable .level1:not(.single) .lecturer-pic {
				margin-bottom:0;
		}
		#timetable .single .lecturer-list {
				display:table;
				width:100%;
				margin-top:.8em;
		}
		#timetable .single .lecturer-list .lecturer {
				display:table-cell;
				width:33%;
				box-sizing:border-box;
				padding-right:.8em;
		}
		#timetable .intermission h3 {
				margin:.5em 0;
		}
		#timetable #P-1 dd {
				display:table;
				width:100%;
		}
		#timetable #P-1 .lecturer {
				width:50%;
		}
		#exhibition .level1 {
				display:table;
				width:100%;
		}
		#exhibition .level2,
		#exhibition .booth-logo {
				display:table-cell;
				vertical-align:top;
		}
		#exhibition .level2 {
				padding-right:3%;
		}
		#exhibition .booth-logo {
				width:30%;
		}
		#exhibition .booth-overview h4 + p {
				margin-top:0;
		}
		#exhibition .booth-company p {
				line-height:1.3;
		}
		#footer .logo{
				float:left;
				margin: 0.5em 1.5em;
		}
}
@media print {
		body,
		#theme,
		#timetable .placeA,
		#timetable .placeB {
				background:transparent;
		}
		#global-nav ul,
		#summary .regist,
		#timetable .btn-detail,
		#timetable .session-detail header p,
		#footer ul,
		.access-map {
				display:none;
		}
		#program,
		#overview tr,
		#timetable .lecturer-workspace,
		#timetable .lecturer-biography {
				page-break-inside:avoid;
		}
		#wrapper {
				width:100%;
				margin:0 auto;
				box-shadow:none;
				overflow: hidden;
		}
		/*#summary .author {
				margin-bottom:1.5em;
		}
		#summary .author img {
				float:right;
				margin-left:.5em;
		}*/
		#program .program-contents {
				display:flex;
				display:-ms-flexbox;
				justify-content:center;
				-ms-flex-pack:center;
		}
		#program .program-lecturer {
				margin:0 .5%;
		}
		#recruit {
				margin-top:2em;
		}
		#recruit p {
				margin-left:6em;
				margin-right:6em;
		}
		#overview table th {
				padding:20px 4px;
				height:100%;
				font-size: 80%;
				line-height:1.5;
		}
		#overview table th {
				width:15%;
				border-bottom:1px solid #fff;
		}
		#overview table th:last-child {
				border:none;
		}
		#overview table td {
				width:85%;
				border:1px solid #ccc;
		}
		#theme {
				color:inherit;
				margin:0;
		}
		#theme h2 {
				text-align:left;
				color:inherit;
		}
		#theme h2:before,
		#theme h2:after {
				content:none;
		}
		#theme h2 span {
				padding:0;
				background:transparent;
		}
		#theme1 { padding-right:1%; }
		#theme2 { padding-left:1%; }
		#timetable .level2 {
				border-right-width:1px;
		}
		#timetable .level2 > .level3:not(:first-child) {
				border-top-width:1px;
		}
		#timetable .placeA .session-id { background:#db7093; }
		#timetable .placeB .session-id { background:#20b2aa; }
		#timetable .lecturer-list,
		#timetable .lecturer-list dd {
				display:table;
				width:100%;
		}
		#timetable .lecturer {
				display:table-cell;
				width:50%;
				padding-top:1.5em;
		}
		#timetable dd .lecturer {
				padding-top:0;
		}
		#timetable .lecturer-pic,
		#timetable #P-1 .lecturer-pic {
				width:120px;
				height:120px;
				margin-bottom:0;
				margin-right:.7em;
		}
		#timetable .lecturer-name {
				font-size:150% !important;
				margin-top:.3em;
		}
		#timetable .btn-profile {
				margin-left:.3em;
		}
		#timetable .inline-contents {
				display:block;
		}
		#footer {
				text-align:center;
		}
		#footer .logo{
				width:auto;
				height:auto;
				margin:0 auto;
		}
		#footer .logo img{
				display:none;
		}
		#footer .logo:after{
				display:block;
				content:"(c) 2017 Impress Corporation";
				color:#fff;
		}
}

/* --- "colorbox.js" Setting --- ////////////////////////////////////////*/

/* --- session-detail ----------- */
#colorbox .session-detail {
		color:#333;
}
#colorbox .session-detail h5,
#colorbox .session-detail header p {
		padding:.4em .3em;
		border-left:8px solid #cdd9e0;
}
#colorbox .session-detail h5 {
		font-size:95%;
		line-height:1;
		color:#2f4858;
}
#colorbox .session-detail header p {
		line-height:1.2;
}
#colorbox .session-detail p {
		font-size:90%;
		line-height:1.4;
}
#colorbox .session-detail header h5 {
		padding-bottom:0;
}
#colorbox .session-detail header p {
		color:#999;
		margin-top:0;
		padding-top:.5em;
}
#colorbox .session-detail .lecturer-profile {
		color:#555;
}
#colorbox .session-detail .lecturer-profile .lecturer-pic {
		width:90px;
		height:90px;
}

/* --- lecturer-profile ----------- */
#colorbox .lecturer-profile {
		color:#333;
		margin-top:1em;
}
#colorbox .lecturer-profile dt {
		font-size:110%;
		font-weight:bold;
}
#colorbox .lecturer-profile dd p {
		font-size:90%;
		line-height:1.4;
}
#colorbox .lecturer-profile .lecturer-pic {
		float:left;
		width:120px;
		height:120px;
		margin:0 10px .5em 0;
}
#colorbox .lecturer-profile .lecturer-workspace {
		margin:.3em 0 0;
}
#colorbox .lecturer-profile .lecturer-biography {
		margin:1em 0 0;
}

@media only screen and (max-width:768px) {
		#colorbox .lecturer-profile .lecturer-pic {
				width:90px;
				height:90px;
		}
}
@media only screen and (min-width:769px) {
		.session-detail {
				overflow:hidden;
		}
		#colorbox .session-detail,
		#colorbox .booth-detail {
				max-width:1200px;
				padding:1em 15% 0;
		}
		#colorbox .session-detail .lecturer-profile {
				display:inline-block;
				vertical-align:top;
				font-size:90%;
				width:49%;
		}
		#colorbox .session-detail.single .lecturer-profile {
				width:100%;
		}
		#colorbox .session-detail .lecturer-profile p {
				line-height:1.3;
		}
}
@media only screen and (min-width:1024px) {
		#colorbox .session-detail .lecturer-profile .lecturer-pic {
				width:120px;
				height:120px;
		}
}









#timetable__area * {
	box-sizing: border-box;
}
#timetable__area h2 + p {
	text-align:center;
}
#timetable__area__main {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}
#timetable__area__main p {
	margin: 0;
	padding: 0;
}
#timetable__area__main > section {
	display: table-row;
	width: 100%;
}
#timetable__area__main > section > div {
	display: table-cell;
	border: 1px solid #8a9ead;
}

#timetable__area__main .date_box {
	width: 4%;
	vertical-align: top;
	background-color: #8a9ead;
	padding: 10px 0;
}
#timetable__area .timetable_tr.timetable_tr:nth-of-type(odd) .date_box {
	background-color: #9baebc;
}
#timetable__area__main .place_box {
	/*width: 32%;*/
}
#timetable__area .timetable_head .date_box {
	background-color: #3e3e3e;
}
#timetable__area .timetable_head #place_box-A {
	color: #db7093;
	background-color: #db7093;
}
#timetable__area .timetable_head #place_box-B {
	color: #20b2aa;
	background-color: #20b2aa;
}
#timetable__area .timetable_head #place_box-C {
	color: #d2ba86;
	background-color: #d2ba86;
}
#timetable__area .place_box {
	line-height: 1.2;
	text-align: center;
	padding: 10px 0;
}
#timetable__area .place_box span {
	display: inline-block;
	line-height: 1;
}
#timetable__area .place_box .main span.place_main {
	font-weight: bold;
	/*color: #fff;*/
	/*border: 1px solid #fff;*/
	background-color: #fff;
	padding: 0.4em 0.5em;
}
#timetable__area .place_box .main span.place_sub {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	padding-left: 5px;
}

#timetable__area .timetable_tr > .date_box > span {
	display: block;
	font-size: 0.6em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}
#timetable__area .timetable_tr > .date_box > span.hyphen {
	font-size: 0.8em;
	transform: rotate(90deg);
}
#timetable__area .timetable_tr > .date_box > span.num02 {
	font-weight: normal;
	margin-top: .2em;
}

#timetable__area .timetable_tr > .seminar_box {
	/*width: 32%;*/
	padding: 10px;
}
#timetable__area .timetable_tr > .seminar_box.seminar_A {
	background-color: #fbf1f4;
}
#timetable__area .timetable_tr > .seminar_box.seminar_B {
	background-color: #e9f7f7;
}
#timetable__area .timetable_tr > .seminar_box.seminar_C {
	background-color: #fdfaf4;
}
#timetable__area .timetable_tr > .seminar_box.seminar_Break {
	text-align: center;
	vertical-align: middle;
	background-color: #dcdcdc;
}
.time_irregular {
	margin-bottom: 5px;
}
.time_irregular > span {
	display: inline-block;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #da4535;
	border-radius: 1em;
	padding: .3em .4em .1em .4em;
}
#timetable__area .timetable_tr > .seminar_box > section+section {
	border-top: 2px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
}
#timetable__area .timetable_tr > .seminar_box.seminar_Break > section > p {
	font-size: 0.9em;
	font-weight: bold;
}

#timetable__area .timetable_tr .seminar_header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#timetable__area .timetable_tr .seminar_header {
	font-size: 0.75em;
	line-height: 1;
}
#timetable__area .timetable_tr .seminar_header p {
	font-size: .9em;
	color: #fff;
	white-space: nowrap;
	border-radius: 0.2em;
	margin-right: 5px;
	margin-bottom: 3px;
	padding: 0.4em 0.6em;
}
/*#timetable__area .timetable_tr .seminar_header p+p {
	margin-left: 5px;
}*/
#timetable__area .timetable_tr .seminar_header p:nth-of-type(n+3) {
/*	margin-top: 5px;
	margin-left: 0;*/
}
#timetable__area .timetable_tr .seminar_header .seminar_ID {
	background-color: #315373;
}
#timetable__area .timetable_tr .seminar_header .session_Category {
	background-color: #5a6871;
}

#timetable__area .timetable_tr .seminar_header .session_Theme01 {
	background-color: #00946c;
}
#timetable__area .timetable_tr .seminar_header .session_Theme02 {
	background-color: #f79600;
}
#timetable__area .timetable_tr .seminar_header .session_Theme03 {
	background-color: #8200e0;
}
#timetable__area .timetable_tr .seminar_header .session_Theme04 {
	background-color: #f74700;
}

#timetable__area .timetable_tr .seminar_Title {
	margin-top: 10px;
}
#timetable__area .timetable_tr .seminar_Title > span {
	display: block;
	font-weight: bold;
	color: #2f4858;
	line-height: 1.2;
}
#timetable__area .timetable_tr .seminar_Title > span+span {
	margin-top: 5px;
}
#timetable__area .timetable_tr .seminar_Title > span.main {
	font-size: 1.1em;
}
#timetable__area .timetable_tr .seminar_Title > span.sub {
	font-size: 0.8em;
}
#timetable__area .timetable_tr .lecturer_Profile {
	display: flex;
	width: 100%;
	background-color: rgba(255,255,255,1);
	margin-top: 15px;
	padding: 5px;
}
#timetable__area .timetable_tr .lecturer_Profile+.lecturer_Profile {
	margin-top: 5px;
}
#timetable__area .timetable_tr .lecturer_Profile > div.img_box {
	width: 22%;
}
#timetable__area .timetable_tr .lecturer_Profile > div.img_box > img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box {
	width: 78%;
	padding: 5px 0 0 10px;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p {
	font-size: 0.8em;
	line-height: 1.3;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_company {
	font-size: 0.9em;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_Name {
	margin-top: 5px;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_Name > span {
	font-size: 1.3em;
	font-weight: bold;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_Name:after {
	content: "氏";
	display: inline-block;
	padding-left: 0.5em;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_Name.no_mr:after {
	display: none;
}

#timetable__area .place_box_sp {
	display: none;
}


.btn_detail {
	text-align: center;
	margin-top: 10px;
}
.btn_detail a {
	display: inline-block;
	font-size: 0.9em;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-color: #00a0f5;
	border-radius: 0.3em;
	padding: .3em .7em;
	transition: all .2s;
}
.btn_detail a:hover {
	background-color: #0eb5af;
}
.seminar_detail_box {
	display: none;
}





#pickup_seminar {
	width: 85%;
	background-color: #c2d9e9;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto;
}
#pickup_seminar h2 {
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	line-height: 1;
	background-color: #003d7d;
	margin: 0;
	padding: 15px 0;
}
#pickup_seminar .main_inner {
	background-color: #c2d9e9;
	padding: 10px;
}
#pickup_seminar .main_inner .seminar_box {
	background-color: #fff;
	padding: 10px;
}
#pickup_seminar .main_inner .seminar_box+.seminar_box {
	border-top: 2px dashed #c2d9e9;
}
#pickup_seminar .main_inner .seminar_box h3 {
	line-height: 1;
	margin: 0 0 15px 0;
}
#pickup_seminar .main_inner .seminar_box h3 > span {
	display: inline-block;
	font-size: 0.8em;
	color: #fff;
	line-height: 1;
	background-color: #003d7d;
	border-radius: 1em;
	padding: 0.3em 0.7em;
}
#pickup_seminar .main_inner .seminar_box .title_box {
	margin-bottom: 15px;
}
#pickup_seminar .main_inner .seminar_box .title_box > span {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
#pickup_seminar .main_inner .seminar_box .title_box.title_box02 > span {
	font-size: 18px;
}
#pickup_seminar .main_inner .seminar_box .title_box > span+span {
	border-top: 1px solid #ccc;
	margin-top: 5px;
	padding-top: 5px;
}
#pickup_seminar .main_inner .seminar_box .profile_box {
	display: table;
	width: 50%;
	background-color: #f4f4f4;
	margin: 0 0 0 auto;
	padding: 10px;
}
#pickup_seminar .main_inner .seminar_box .profile_box+.profile_box {
	margin-top: 10px;
}
#pickup_seminar .main_inner .seminar_box .profile_box > div {
	display: table-cell;
	vertical-align: bottom;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .text {
	padding-right: 10px;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .text > p {
	font-size: 0.8em;
	line-height: 1.3;
	text-align: right;
	margin: 0;
	padding: 0;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .text > p > span.name {
	font-size: 1.1em;
	font-weight: bold;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .text > p > span.mr {
	padding-left: 0.5em;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .img {
	width: 30%;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .img > img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}





#sponsor_recruit {
	text-align: center;
}
#sponsor_recruit .inner {
	display: inline-block;
	background-color: #f4fcff;
	border-radius: 10px;
	border: 3px solid #106179;
	padding: 20px 5%;
}
#sponsor_recruit .inner > h2 {
	line-height: 1;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
}
#sponsor_recruit .inner > h2 > span {
	display: inline-block;
	font-size: 0.9em;
	background-color: #f4fcff;
	padding: 0 0.5em;
	position: relative;
	z-index: 10;
}
#sponsor_recruit .inner > h2:before {
	content:"";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #106179;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
#sponsor_recruit .inner > h3 {
	font-size: 1.1em;
	color: #106179;
	margin: 0 0 15px 0;
	padding: 0;
}
#sponsor_recruit .inner > p {
	font-size: 0.9em;
	margin: 0 0 15px 0;
	padding: 0;
}
#sponsor_recruit .inner > .contact {
	background-color: #fff;
	border-radius: 0.5em;
	padding: 5px;
}
#sponsor_recruit .inner > .contact li {
	font-size: 0.8em;
	line-height: 1.6;
	list-style-type: none;
}





@media only screen and (max-width:768px) {

#summary {
	margin-bottom: 30px;
}

#theme {
	margin: 30px 2% 0 2%;
}
#theme-category ul {
	display: block;
	margin: 0;
	padding: 0;
}
#theme-category ul li {
	width: 100%;
	text-align: center;
	list-style-type: none;
	background-color: #f5e8b9;
	border-radius: 0.3em;
	padding: 10px 0;
}
#theme-category ul li:nth-of-type(n+2) {
	margin-top: 2%;
}
#theme-category ul li > span {
	display: block;
}
#theme-category ul li > span.main {
	font-weight: bold;
}
#theme-category ul li > span.sub {
	font-size: 0.9em;
}

#sponsor_recruit {
	text-align: center;
	margin: 30px 2% 0 2%;
}
#sponsor_recruit .inner {
	display: block;
}


#pickup_seminar {
	width: 96%;
}
#pickup_seminar h2 {
	font-size: 1.1em;
}
#pickup_seminar .main_inner {
	padding: 5px;
}
#pickup_seminar .main_inner .seminar_box h3 {
	margin: 0 0 10px 0;
}
#pickup_seminar .main_inner .seminar_box h3 > span {
	font-size: 0.6em;
}
#pickup_seminar .main_inner .seminar_box .title_box {
	margin-bottom: 10px;
}
#pickup_seminar .main_inner .seminar_box .title_box > span {
	font-size: 0.9em;
}
#pickup_seminar .main_inner .seminar_box .title_box.title_box02 > span {
	font-size: 0.7em;
}
#pickup_seminar .main_inner .seminar_box .profile_box {
	width: auto;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .text {
	padding-right: 5px;
}
#pickup_seminar .main_inner .seminar_box .profile_box > .text > p {
	font-size: 0.65em;
}


#timetable__area__main {
	display: block;
	padding: 0 2%;
}
#timetable__area__main > section {
	display: block;
}
#timetable__area__main > section:last-of-type {
	border-bottom: 1px solid #8a9ead;
}
#timetable__area__main > section > div {
	display: block;
	border-bottom: none;
}
#timetable__area .timetable_head {
	display: none;
}
#timetable__area .timetable_tr .seminar_header p {
	font-size: 0.8em;
}

#timetable__area__main .date_box {
	width: 100%;
	vertical-align: top;
	background-color: #8a9ead;
	padding: 0.5em 0;
}
#timetable__area .timetable_tr > .date_box {
	text-align: center;
}
#timetable__area .timetable_tr > .date_box > span {
	display: inline;
}
#timetable__area .timetable_tr > .date_box > span.hyphen {
	transform: rotate(0deg);
}
#timetable__area .timetable_tr > .date_box > span.num02 {
	margin-top: 0;
}

#timetable__area .timetable_tr > .seminar_box {
	padding: 5px;
}

#timetable__area__main .place_box {
	width: 100%;
}
#timetable__area .timetable_tr > .seminar_box.blank_box {
	display: none;
}

#timetable__area .place_box_sp {
	display: block;
	line-height: 1;
	text-align: center;
	margin-bottom: 5px;
	padding: 3px 0 4px 0;
}
#timetable__area .place_box_sp span {
	display: inline-block;
	line-height: 1;
}
#timetable__area .place_box_sp span.place_main {
	font-size: 0.8em;
	font-weight: bold;
	background-color: #fff;
	padding: 0.2em 0.3em;
}
#timetable__area .place_box_sp span.place_sub {
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	padding-left: 5px;
}
#timetable__area .seminar_box.seminar_A > .place_box_sp {
	color: #db7093;
	background-color: #db7093;
}
#timetable__area .seminar_box.seminar_B > .place_box_sp {
	color: #20b2aa;
	background-color: #20b2aa;
}

#timetable__area .timetable_tr .seminar_Title > span.main {
	font-size: 0.9em;
}
#timetable__area .timetable_tr .seminar_Title > span.sub {
	font-size: 0.75em;
}

#timetable__area .timetable_tr .lecturer_Profile > div.img_box {
	width: 25%;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box {
	width: 75%;
	padding: 0 0 0 5px;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_company {
	font-size: 0.7em;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_Name {
	margin-top: 5px;
}
#timetable__area .timetable_tr .lecturer_Profile > div.text_box > p.lecturer_Name > span {
	font-size: 1.1em;
	font-weight: bold;
}

.time_irregular > span {
	font-size: 0.75em;
	padding: .3em .4em .2em .4em;
}

#timetable__area .timetable_tr > .seminar_box.seminar_Break {
	padding: 30px 0;
}

}