@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;*/
		font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    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;
}
.submit.noLink {
	color: #666!important;
	background: transparent;
}
.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-size: 1.4em;
	font-weight:bold;
	text-align:center;
	color:#de5964;
	border: 3px solid #de5964;
	margin:1em 0;
	padding: .6em;
}
@media only screen and (max-width: 690px) {
.closed {
	font-size: 3.4vw;
	line-height: 1.4;
	margin: 1em 2%;
}
}
.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: 0;
}
.lecturer-company {
		margin-top:1em;
}
.lecturer-name {
		font-weight:bold;
		font-size:130%;
		line-height:1;
		margin:.5em 0 0;
}
.lecturer-name:after {
		content:"氏";
		margin-left:.5em;
		font-weight:normal;
		font-size:80%;
}
.lecturer-name.mr_none:after {
		display: none;
}
.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 {
	display: flex;
	flex-wrap: wrap;
		letter-spacing:-.4em;
		margin:0;
		padding:0;
		background:#3e3e3e;
}
#global-nav ul li {
	width: 100%;
		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 h2,
#exhibition h2,
#faq h2 {
		position:relative;
		text-align:center;
		border-top:1px solid #bdcad3;
}
#overview h2:after,
#commission h2:after,
#timetable h2:after,
#exhibition h2:after,
#faq 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 h2 span,
#exhibition h2 span,
#faq 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;
		margin: 0;
}
#summary p.paragraph {
		margin-top: 1em;
}
#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 .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;
}

/*------------------------------------------------
		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.2;
		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 .level3 h3 {
		font-size:80%;
}
#timetable .session-id,
#timetable .session-category,
#timetable .session-info,
#timetable .session-time {
		display:inline-block;
		font-size:75%;
		line-height:1;
		color:#fff;
		margin:.1em 0;
		padding:.5em .8em;
		background:#5a6871;
		border-radius:3px;
}
#timetable .session-time {
		text-align:center;
		background:#00b741;
}
#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 .lecturer-block {
	display: flex;
	flex-wrap: wrap;
}
#timetable .lecturer-block .lecturer-list {
	width: 50%!important;
}

#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:100px;
		/*height:80px;*/
		margin-right:.5em;
}
#timetable .lecturer-name {
		margin-bottom:.8em;
}
#timetable .lecturer-company {
		font-size:115%;
		margin-top:0;
		margin-bottom:.5em;
}

#timetable .lecturer-company > span {
	display: inline-block;
	font-size: .8em;
	color: #fff;
	line-height: 1.1;
	background-color: #666;
	border-radius: 100vh;
	margin-bottom: 5px;
	padding: .2em .5em;
}
#timetable .lecturer-company > span.pane {
	background-color: #ff5200;
}
#timetable .lecturer-company > span.mode {
	background-color: #30f;
}

#timetable .notes {
		line-height: 1;
		margin: 0;
		padding-top: .3em;
}
#timetable .notes span {
		display: inline-block;
		font-size: .7em;
		font-weight: bold;
		line-height: 1;
		background-color: #ffbb74;
		border-radius: 1em;
		padding: .3em .5em .2em;
}

#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:#ebf9ff; }
#timetable .placeC { background:#fafff4; }
#timetable .placeD { background:#f6f3ff; }
#timetable .placeA h3 { background:#db7093; }
#timetable .placeB h3 { background:#1db1ec; }
#timetable .placeC h3 { background:#599a06; }
#timetable .placeD h3 { background:#5034a2; }
#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;
}


#timetable .session-section {
		font-size:90%;
		font-weight:bold;
		line-height:1;
		color:#203c4e;
		background-color: #e8c3cf;
		margin: 1em 0 0 0;
		padding: .3em;
}


#timetable .lecturer-position {
		line-height: 1;
		margin: .5em 0 0 0;
		padding: 0;
}
#timetable .lecturer-position > span {
		font-size:75%;
		font-weight:bold;
		line-height:1;
		color:#fff;
		background-color: #666;
		border-radius: 1em;
		padding: .2em .5em .1em;
}


/* --- 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 .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-aim img {
		max-width: 140px;
}*/

/* --- 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:none;
				visibility:hidden;
				clear:both;
				height:0;
				content:""
		}
		#global-nav ul {
			flex-wrap: nowrap;
				width:100%;
				margin:0 auto;
		}
		#global-nav ul li {
				display: flex;
				/*width:20%;*/
				/*width:25%;*/
				/*width: 33.33%;*/
				width: 100%;
				font-size:90%;
		}
		#global-nav ul li a {
			display: flex;
			width: 100%;
			justify-content: center;
			align-items: center;
			line-height: 1.2;
			padding: .5em 0;
				/*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;
				margin-bottom: 0;
		}
		#timetable .intermission p {
				font-size:85%;
		}
		#timetable #opening .lecturer-post {
				margin-top:0;
		}
		#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:8%;
				padding-left:8%;
				margin-right:1%;
				margin-left:1%;
		}
		#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 {
				display:table;
				width:100%;
		}
		#theme-category dl {
				display:table-cell;
				width:50%;
		}
		#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:8%;
				vertical-align:top;
		}
		#timetable .timetable-date h3 {
				font-size:85%;
		}
		#timetable .level1 {
				width:99%;
				max-width:1024px;
				margin:0 auto;
		}
		#timetable .level2 {
				width:91%;
				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.QA_session .lecturer-list {
				width: inherit;
				margin-top: 0;
		}
		#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;
		}
		#theme-category {
				display:table;
				width:100%;
		}
		#theme-category dl {
				display:table-cell;
				width:50%;
		}
		#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:none;
		width:30%!important;
		height:30%!important;
		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;
		}
		#colorbox .session-detail.single .lecturer-profile {
			display: block;
		}
		#colorbox .session-detail .lecturer-profile p.lecturer-name {
			font-size: 1.2em;
		}
}
@media only screen and (min-width:769px) {
		.session-detail {
				overflow:hidden;
		}
		#colorbox .session-detail,
		#colorbox .booth-detail {
				max-width:1200px;
				padding:1em 10% 0;
		}
		#colorbox .session-detail .lecturer-profile {
				display:inline-block;
				vertical-align:top;
				font-size:90%;
				width:49%;
		}
		#colorbox .session-detail.single .lecturer-profile {
			display: flex;
				width:100%;
		}
		#colorbox .session-detail .lecturer-profile p.lecturer-name {
				font-size: 1.2em;
		}
		#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!important;
				height:120px!important;
		}
}



#colorbox .sesstion-box {
		background-color: #f2f2f2;
		margin-bottom: .5em;
		padding: .5em;
}
#colorbox .sesstion-box .section {
		font-weight: bold;
		line-height: 1.2;
		margin: 0 0 .5em 0;
}
#colorbox .sesstion-box .title {
		font-size: 110%;
		font-weight: bold;
		line-height: 1.2;
		color: #2f4858;
		margin: 0;
}
#colorbox .sesstion-box .title > span {
		font-size: 90%;
		padding-left: .5em;
}





/* +++++++++++exhibitArea　↓ */
.exhibitArea {
		margin:4em;
		border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
				background:#c1d6ea;
				padding:1em 0;
}

.exhibitArea h3 {
		background:#45617a;
		color:#fff;
		margin: 0;
		padding:0.5em;
}

.exhibitArea p {
		margin-left:1em;
		margin-right:1em;
		margin-bottom:0;
		margin-top:0;
		line-height:150%;
}

.exhibitArea p.exhibitP {
		margin-top:1em;
		margin-bottom:1em;
}

.exhibitArea p.exhibitTo {
		border-top:2px dotted #45617a;
		padding-top:0.7em;
		margin-bottom:0.7em;
}

@media only screen and (max-width: 768px) {
.exhibitArea {
		margin: 4% 3%;
}
.exhibitArea h3 {
		font-size: 4.6vw;
}
.exhibitArea p {
		font-size: 3.6vw;
}
}




/* pickup_session */
/******************************************************************************/
#pickup_session {
		margin: 0 1% 20px 1%;
		padding-bottom: 1.5em;
		border-bottom: 2px dashed #ccc;
		box-sizing: border-box;
}
#pickup_session * {
		box-sizing: border-box;
}
#pickup_session > h2 {
		font-size: 1.3em;
		font-weight: bold;
		color: #fff;
		text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#183481+0,355493+100 */
background: #183481; /* Old browsers */
background: -moz-linear-gradient(left,  #183481 0%, #355493 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #183481 0%,#355493 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #183481 0%,#355493 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183481', endColorstr='#355493',GradientType=1 ); /* IE6-9 */

		margin: 0 0 1em 0;
		padding: .3em 0;
}
#pickup_session .session_main {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
}
#pickup_session .session_main .session_box {
		width: 49%;
		background-color: #fff;
		border: 5px solid #f6f6f6;
		box-sizing: border-box;
}
#pickup_session .session_main .session_box:nth-of-type(n+3) {
		margin-top: 20px;
}
#pickup_session .session_main .session_box .session_box_main {
		background-color: #fff;
		padding: 10px;
		box-sizing: border-box;
}
#pickup_session .session_main .session_box .session_box_main+.session_box_main {
	border-top: 2px dashed #dedede;
	margin-top: 5px;
	padding-top: 5px;
}
#pickup_session .session_main .session_box .session_box_main .time {
	display: flex;
	margin-bottom: 5px;
}
#pickup_session .session_main .session_box .session_box_main .time span {
	font-size: .85em;
	line-height: 1.2;
	background-color: #ffcbcb;
	border-radius: 3px;
	padding: 2px 4px;
}
#pickup_session .session_main .session_box .session_category {
		line-height: 1;
		background-color: #f6f6f6;
		margin: 0;
		padding-bottom: 5px;
}
#pickup_session .session_main .session_box .session_category > span {
		display: inline-block;
		font-size: .9em;
		font-weight: bold;
		background-color: #ffda3e;
		border-radius: 1em;
		padding: .3em 1.3em .1em;
}
#pickup_session .session_main .session_box .session_title {
		font-size: 1.05em;
		color: #183481;
		line-height: 1.2;
		margin: 0 0 .6em 0;
}
#pickup_session .session_main .session_box .session_title > span {
		display: block;
		font-size: .9em;
		color: #183481;
		line-height: 1.2;
		margin: 0 0 .6em 0;
}
#pickup_session .session_main .session_box .profile_area {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
}
#pickup_session .session_main .session_box .profile_area .profile {
		padding: 0 .5em 0 0;
}
#pickup_session .session_main .session_box .profile_area .profile ul {
		margin: 0;
}
#pickup_session .session_main .session_box .profile_area .profile li {
		font-size: .75em;
		line-height: 1.4;
		list-style-type: none;
		text-align: right;
}
#pickup_session .session_main .session_box .profile_area .profile li.name {
		margin-top: .3em;
}
#pickup_session .session_main .session_box .profile_area .profile li.name span {
		font-size: 1.3em;
		font-weight: bold;
}
#pickup_session .session_main .session_box .profile_area .img {
		width: 25%;
		vertical-align: bottom;
}
#pickup_session .session_main .session_box .profile_area .img img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
}

#pickup_session .btn-detail {
		text-align: center;
		margin: .5em 0;
}
#pickup_session .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;
}
#pickup_session .btn-detail a:hover {
		opacity: .7;
}

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

#pickup_session > h2 {
		font-size: 4.6vw;
		margin: 0 0 1em 0;
		padding: .3em 0;
}
#pickup_session .session_main {
		display: block;
		padding: 0 1%;
}
#pickup_session .session_main .session_box {
		width: 100%;
		padding: 2%;
}
#pickup_session .session_main .session_box:nth-of-type(n+3) {
		margin-top: 0;
}
#pickup_session .session_main .session_box .session_category > span {
		font-size: 3.6vw;
}
#pickup_session .session_main .session_box .session_title {
		font-size: 4.2vw;
}
#pickup_session .session_main .session_box .profile_area .profile {
		padding: 0 .5em .3em 0;
}
#pickup_session .session_main .session_box .profile_area .profile li {
		font-size: 3.2vw;
}
#pickup_session .session_main .session_box .profile_area .profile li.name span {
		font-size: 1.2em;
}
#pickup_session .session_main .session_box .profile_area .img {
		width: 30%;
}

}





#benefits_area * {
		box-sizing: border-box;
}
#benefits_area {
		background: url(../images/bg_program.jpg) no-repeat center center;
		background-size: cover;
		margin-top: 10px;
		padding: 30px 0;
		position: relative;
}
#benefits_area:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.3);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
}
#benefits_area .inner {
		width: 70%;
		background-color: #ffeb00;
		background-color: #fff;
		box-shadow: .2em .2em 1em .5em rgba(0,0,0,.2);
		margin: 0 auto;
		padding: 20px;
		position: relative;
		z-index: 10;
}
#benefits_area .inner h2 {
		line-height: 1;
		text-align: center;
		margin: 0 0 .5em 0;
		padding: 0;
}
#benefits_area .inner h2 span {
		display: inline-block;
		font-size: 1.2em;
		color: #416bc7;
		line-height: 1;
		position: relative;
}
#benefits_area .inner h2 span:before,
#benefits_area .inner h2 span:after {
		content: "";
		display: block;
		width: 1.3em;
		height: 2px;
		background-color: #416bc7;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}
#benefits_area .inner h2 span:before {
		left: 0;
		-webkit-transform: translateX(-120%);
		transform: translateX(-120%);
}
#benefits_area .inner h2 span:after {
		right: 0;
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
}
#benefits_area .inner p {
		line-height: 1;
		margin: 0;
		padding: 0;
}
#benefits_area .inner .inner_main {
		display: table;
		width: 100%;
		background-color: #e3fff7;
		background-color: #ffdf00;
		/*background-color: #deebfb;*/
		padding: 15px;
}
#benefits_area .inner .inner_main > div {
		display: table-cell;
		vertical-align: middle;
}
#benefits_area .inner .inner_main > div.text {
		text-align: center;
		padding-right: 20px;
}
#benefits_area .inner .inner_main > div.text .text01 {
		font-size: 1.2em;
		color: #0046e0;
		line-height: 1.6;
		margin-bottom: .5em;
}
#benefits_area .inner .inner_main > div.text .text02,
#benefits_area .inner .inner_main > div.text .text03 {
		color: #6d6d6d;
		line-height: 1.4;
}
#benefits_area .inner .inner_main > div.text .text01 > span {
		display: block;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.2;
}
#benefits_area .inner .inner_main > div.img {
		width: 23%;
}
#benefits_area .inner .inner_main > div.img img {
		width: 100%;
		height: auto;
		vertical-align: top;
		box-shadow: 2px 2px 6px 2px rgba(0,0,0,.2);
}
#benefits_area .inner .inner_main > div.img > span {
	display: block;
	font-size: .7em;
	color: #666;
	text-align: center;
	padding-top: .3em;
}


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

#benefits_area {
		padding: 6% 0;
}
#benefits_area .inner {
		width: 94%;
		padding: 4%;
}

#benefits_area .inner h2 {
		line-height: 1;
		text-align: center;
		margin: 0 0 .5em 0;
		padding: 0;
}
#benefits_area .inner h2 span {
		display: inline-block;
		font-size: 5vw;
		color: #416bc7;
		line-height: 1;
		position: relative;
}
#benefits_area .inner h2 span:before,
#benefits_area .inner h2 span:after {
		width: 1.4em;
		height: 2px;
}

#benefits_area .inner .inner_main {
		display: block;
		padding: 3% 2%;
}
#benefits_area .inner .inner_main > div {
		display: block;
}

#benefits_area .inner .inner_main > div.text {
		margin-bottom: 3%;
		padding-right: 0;
}
#benefits_area .inner .inner_main > div.text .text01 {
		font-size: 3.6vw;
}
#benefits_area .inner .inner_main > div.text .text02,
#benefits_area .inner .inner_main > div.text .text03 {
		font-size: 3.2vw;
}
#benefits_area .inner .inner_main > div.text .text01 > span {
		font-size: 1.1em;
}
#benefits_area .inner .inner_main > div.img {
		width: 50%;
		margin: 0 auto;
}

}





.entry_arae {
		width: 80%;
		margin: 0 auto;
		padding: 60px 0 30px 0;
}
.entry_arae a {
		font-size: 1.2em;
		padding: .6em 0;
}
@media only screen and (max-width: 768px) {

.entry_arae {
		padding: 10% 0 6% 0;
}
.entry_arae a {
		font-size: 1.4em;
		padding: .8em 0;
}

}





.sp {
		display: none;
}
@media only screen and (max-width: 768px) {

.sp {
		display: block;
}

}


.noLink {
		pointer-events: none;
}





#timetable > section,
#timetable > section * {
	box-sizing: border-box;
}
#timetable .level1 {
	display: flex;
	flex-wrap: wrap;
}
#timetable .timetable-date,
#timetable :not(.single) .level2 {
	display: flex;
	flex-wrap: wrap;
}
#timetable .timetable-date {
	justify-content: center;
}
#timetable .level2 {
	width: 92%;
}
#timetable .single.intermission .level2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
#timetable :not(.single) .level2 > section {
	display: block;
	width: 50%;
}
#timetable .session-id {
	width: 4em;
	padding: .5em 0;
}
#timetable :not(.single).session .level2 > section {
	display: flex;
	justify-content: center;
	align-items: center;
}

#timetable .level2 .session_box+.session_box {
	border-top: 2px dashed #949494;
	margin-top: 5px;
	padding-top: 5px;
}
#timetable .level2 .session_box .session_box_time {
	display: flex;
	padding-top: 5px;
}
#timetable .level2 .session_box .session_box_time span {
	font-size: .85em;
	line-height: 1.2;
	background-color: #ffcbcb;
	border-radius: 3px;
	padding: 2px 4px;
}

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

#timetable .timetable-date {
	width: 13%;
}
#timetable h3 {
	font-size: 65%;
}
#timetable .level2 {
	width: calc(100% - 13%);
	font-size: 3.2vw;
}
#timetable :not(.single) .level2 > section {
	width: 100%;
}
#timetable :not(.single).session .level2 > section {
	padding: 1.5em .5em;
}

#timetable .lecturer-pic {
	width:120px;
}

#colorbox .session-detail {
	font-size: 3.2vw;
}

}


#sponsor,
#sponsor * {
	box-sizing: border-box;
}
#sponsor ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#sponsor li {
	max-width: 175px;
	/*max-height: 70px;*/
	list-style: none;
	margin: 20px 30px;
}

#sponsor li.big {
	max-width: 200px;
}
#sponsor li.more_big {
	max-width: 220px;
}
#sponsor li.small {
	max-width: 150px;
}
#sponsor li.more_small {
	max-width: 130px;
}
#sponsor li.very_small {
	max-width: 100px;
}
#sponsor li.most_small {
	max-width: 80px;
}

#sponsor li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
#sponsor li a img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}


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

#sponsor ul {
	margin-left: 0;
}
#sponsor li {
	max-width: 30%;
	margin: 3%;
}
#sponsor li.big {
	max-width: 40%;
}
#sponsor li.more_big {
	max-width: 45%;
}
#sponsor li.small {
	max-width: 25%;
}
#sponsor li.more_small {
	max-width: 20%;
}
#sponsor li.very_small {
	max-width: 18%;
}
#sponsor li.most_small {
	max-width: 15%;
}

}





#pickup_session .session_main .session_box .book_area {
	width: 100%;
	text-align: right;
}
#pickup_session .session_main .session_box .book_area > span {
	display: inline-block;
	width: 25%;
	padding: 10px 20px;
}
#pickup_session .session_main .session_box .book_area img {
	width: 100%;
	height: auto;
	vertical-align: top;
}


#timetable .single .lecturer-pic .book_area {
	padding: 0 10px;
}
#timetable .single .lecturer-pic .book_area img {
	vertical-align: top;
}

#timetable .QA_session .QA_session_main {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
}
#timetable .QA_session .QA_session_main .lecturer:nth-of-type(1) {
	margin-top: 0;
	margin-right: 10px;
}
#timetable .QA_session .QA_session_main .lecturer:nth-of-type(1) .lecturer-pic {
	margin-right: 0;
}

#timetable .QA_session .comment {
	background-color: #f2f2f2;
	padding: .5em;
}
#timetable .QA_session .comment p {
	font-size: .9em;
	margin: 0;
}
#timetable .QA_session .QA_session_main .comment p {
	font-size: .85em;
}
#timetable .QA_session .lecturer-pic {
	margin-bottom: .5em;
}
#timetable .QA_session .lecturer-pic img {
	vertical-align: top;
}

/*#timetable .QA_session > section {
	width: 100%;
}*/
#timetable .QA_session > section .session-id {
	width: auto;
	padding: .5em;
}





.extension_info_area,
.extension_info_area * {
	box-sizing: border-box;
}
.extension_info_area {
	line-height: 1.1;
	border: 5px solid #fd0000;
	margin-top: 30px;
	padding: 25px 20px 20px 20px;
	position: relative;
}
.extension_info_area p {
	margin: 0;
}
.extension_info_area p.title {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	white-space: nowrap;
	background-color: #fd0000;
	border-radius: 1em;
	padding: .3em .6em .3em .8em;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.extension_info_area p.text {
	font-size: 1.1em;
	line-height: 1.6;
	text-align: center;
}
.extension_info_area p.text.text01 {
	font-weight: bold;
	color: #ff6b00;
}
.extension_info_area p.text.text02 {
	margin: .5em 0;
}
.extension_info_area p.text.text02 > span {
	font-size: 1.4em;
	font-weight: bold;
}
.extension_info_area p.note {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.extension_info_area p.note > span {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	background-color: #c6eef5;
	border-radius: .5em;
	padding: .5em 1em;
}

.extension_info_area p.note02 {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.extension_info_area p.note02 > span {
	line-height: 1.8;
	text-align: center;
}
.extension_info_area p.note02 > span a {
	color: #00f;
	transition: .2s;
}
.extension_info_area p.note02 > span a:hover {
	color: #8d8dff;
}

.extension_info_area p.popup,
.popup_af_close {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 20px;
}
.extension_info_area p.popup a,
.popup_af_close a {
	font-size: 1.4em;
	font-weight: bold;
	color: #1c68c9;
	/*background: linear-gradient(transparent 60%, #c1e0ff 60%);*/
	padding: 0 .3em .2em;
	transition: .2s;
}
.extension_info_area p.popup a:hover,
.popup_af_close a:hover {
	color: #6a98ef;
}
@media only screen and (max-width: 690px) {
.popup_af_close a {
	font-size: 4vw;
}
}

.popup {
	display: none;
}
#apology > h2 {
	text-align: center;
	margin: 0;
	padding: 0;
}
#apology > p {
	font-size: 1.2em;
	text-align: center;
	margin: 0;
	padding: 0;
}
#apology > .apology__main {
	line-height: 1.6;
	text-align: center;
	background-color: #f4f4f4;
	margin-top: 20px;
	padding: 20px;
}
#apology > .apology__contact {
	font-size: .9em;
	text-align: center;
	margin-top: 20px;
}
#apology > .apology__contact h3,
#apology > .apology__contact p {
	margin: 0;
	padding: 0;
}
.featherlight .featherlight-close-icon {
	font-size: 1.5em;
}
@media only screen and (max-width: 768px) {

#apology {
	font-size: 2.4vw;
}

}

.extension_info_area p.entry_text {
	color: #fd0000;
	text-align: center;
	margin-top: 1em;
}
.extension_info_area .btn_entry {
	display: flex;
	justify-content: center;
	margin-top: 5px;
}
.extension_info_area .btn_entry a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background-color: #ff0478;
	border-radius: 10px;
	padding: 1em 3em;
}
.extension_info_area .btn_entry a:hover {
	background-color: #ff1b04;
}

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

.extension_info_area {
	font-size: 2.8vw;
	width: 98%;
	margin: 4% auto 0 auto;
}

#timetable .lecturer-block .lecturer-list {
	width: 100%!important;
}
#timetable .lecturer-pic {
	width: 90px;
}

}

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

.extension_info_area {
	font-size: 3vw;
	padding: 5% 3% 3% 3%;
}

}





.txt_r {
	display: block;
	text-align: right;
}


.kome {
	color: #8e1a23;
}





#faq .lead_text_area {
	text-align: center;
	background-color: #fff;
}
#faq_main * {
	box-sizing: border-box;
}
#faq_main {
	font-size: .9em;
	background-color: #fff;
	border: 5px solid #f2f2f2;
	box-sizing: border-box;
	padding: 20px;
}
#faq_main .faq_box {
	border: 1px solid #274d7c;
}
#faq_main .faq_box+.faq_box {
	margin-top: 10px;
}
#faq_main .faq_box .Q_box {
	display: flex;
	background-color: #274d7c;
	cursor: pointer;
	position: relative;
	transition: all .2s;
}
#faq_main .faq_box .Q_box .Q_icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3em;
	font-weight: bold;
	color: #274d7c;
	background-color: #fff;
}
#faq_main .faq_box .Q_box .text_box {
	width: calc(100% - 3em);
	color: #fff;
	padding: .5em;
	position: relative;
}
#faq_main .faq_box .Q_box .text_box::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-3px);
	transform-origin: 5px 5px;
	transition: all .2s;
}
#faq_main .faq_box .Q_box.active .text_box::after {
	transform: rotate(180deg) translateY(70%);
}
#faq_main .faq_box .A_box {
	display: none;
	background-color: #f5f8ff;
	border-top: 1px solid #274d7c;
	padding: 1em 2em;
}
#faq_main .faq_box .A_box p {
	margin: 0;
}
#faq_main .faq_box .A_box p+p {
	margin-top: 1em;
}


#timetable .single .lecturer-list.comment > div {
	display:table-cell;
	width: 50%;
	margin: 0;
}
#timetable .lecturer-list.comment .point_comment {
	margin: 5px 0 10px;
}
#timetable .lecturer-list.comment .point_comment .inner {
	font-size: .8em;
	background-color: #fff3d3;
	padding: 10px;
}
#timetable .lecturer-list.comment .point_comment .inner .title {
	font-weight: bold;
	color: #ab5800;
	line-height: 1.2;
	margin-bottom: 3px;
}
#timetable .lecturer-list.comment .point_comment .inner .text {
	font-size: .95em;
}
@media only screen and (max-width: 768px) {

#timetable .single .lecturer-list.comment > div {
	display: block;
	width: 100%;
}
#timetable .single .lecturer-list.comment .point_comment {
	margin-bottom: 3%;
}

}