@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. Overview
				4. 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;
}
#global-nav .submit:hover,
#footer .submit:hover {
		background:#f4c033;
}
.btn-entry {
		margin:2em 0;
}
.btn-entry a {
		width:55%;
		margin:0 auto;
		padding:1em 0.5em;
		border-radius:4px;
}
.btn-detail {
		text-align:center;
		margin:.5em 0;
}
.btn-detail a {
		display:inline-block;
		font-size:90%;
		text-decoration:none;
		line-height:1;
		color:#fff;
		padding:.8em 1em;
		background:linear-gradient(#616163, #414042);
		border:1px solid #111;
		border-radius:5px;
}
.notice {
		font-size:90%;
}
.notice > span.underline {
	font-weight: bold;
	background:linear-gradient(transparent 60%, #ffc6e3 60%);
}
.clearfix:after {
		content: ".";
		display: block;
		height:0;
		clear: both;
		visibility: hidden;
}

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

/* 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;
}

/* --- 1. Global Navigation --- ////////////////////////////////////////*/

#global-nav ul {
		margin:0;
		padding:0;
		letter-spacing:-.4em;
}
#global-nav ul li {
		list-style:none;
		background:#123e61;
		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.active,
#global-nav ul li a.active:hover{ background:#216aa4; }
#global-nav ul li a:hover { background:#2a5271; }


#global-nav .btnEntry a {
		background: #ffb109;
}
#global-nav .btnEntry a:hover {
		background: #ff6b09;
}

/* --- 2. 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;
}
#faq h2 > span {
		padding: 0 .5em;
}
#faq h2 > span > span {
		display:block;
		font-size: .8em;
		color:#3c4951;
		line-height: 1.2;
}

/*.closed {
		font-weight:bold;
		text-align:center;
		color:#e70012;
		margin:2em 0 0;
}*/
.closed {
		font-weight:bold;
		text-align:center;
		color:#de5964;
		border: 3px solid #de5964;
		margin:1em 0;
		padding: .6em;
}
.inline-contents {
		display:none;
}

/*------------------------------------------------
		2-1. Summary
------------------------------------------------*/
.closed + #summary {
		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 .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 #SMP_STYLE dt.title { color:inherit; }
#summary #SMP_STYLE .need { color:#ff0; }

/*------------------------------------------------
		2-2. Program
------------------------------------------------*/
#program {
		padding:1em 3.5em 1.5em;
		border:1px solid #ac9a7c;
		background:#fffefa;
}
#program h2 {
		font-size:125%;
		text-align:center;
		color:#8e7d62;
		margin-top:0;
}
#program ol {
		position:relative;
		list-style-type:none;
		counter-reset:number;
		color:#8e7d62;
		margin-left:0;
		border:1px solid #ac9a7c;
		border-width:1px 0 0;
}
#program ol:before {
		content:"";
		display:block;
		position:relative;
		width:100%;
		height:1px;
		background:#ac9a7c;
}
#program ol:before { bottom:4px; }
#program ol em {
		display:inline-block;
		position:relative;
		font-size:120%;
		font-weight:bold;
		padding-left:.75em;
}
#program ol em:before,
#program ol em:after {
		font-size:135%;
		font-style:normal;
}
#program ol em:before {
		counter-increment:number;
		content:counter(number);
		position:relative;
		left:-.5em;
		bottom:-.05em;
}
#program ol em:after {
		content:".";
		position:absolute;
		left:.75em;
		bottom:-.15em;
}
#program li {
		margin:.5em 0;
}
#program p {
		margin:.5em 0;
}
#program div {
		font-size:85%;
		color:#333;
		margin:1.25em 0 1em 2.25em;
}
#program em + div {
		margin-top:.5em;
}
#program .lecturer-name {
		font-size:130%;
		margin-top:0;
}
#program .lecturer-name:after {
		content:"氏";
		font-size:80%;
		font-weight:normal;
		margin-left:.5em;
}

/*------------------------------------------------
		2-3. Overview
------------------------------------------------*/
#overview ul {
		margin-left:0;
		padding:0 0 0 1.3em;
}
#overview li {
		line-height:1.4;
		margin:.3em 0;
}
#overview .timedate li {
		list-style:none;
		font-size:115%;
}
#overview .timedate li b {
		display:inline-block;
		min-width:5.5em;
		font-size:85%;
		font-weight:normal;
		line-height:1;
		text-align:center;
		padding:.5em;
		background:#e9e9e9;
		border-radius:3px;
}
#overview .timedate td > ul {
		margin:0;
		padding:0;
}
#overview .timedate td > ul > li+li {
		margin-top: 1em;
}
#overview .timedate ul ul {
		font-size:75%;
		margin-top:.5em;
		padding:0 0 0 1.5em;
}
#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;
}

/*------------------------------------------------
		2-4. 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;
}

/* --- 3. Content > timetable.html --- /////////////////////////////////*/

#timetable h3 {
		font-size:100%;
		text-align:center;
		color:#fff;
		margin:0;
		padding:.5em;
		background:#97a9b5;
}
#timetable h4 {
		font-size:125%;
		line-height:1.2;
		margin-bottom:.5em;
}
#timetable h4 span {
		display:block;
		font-size:75%;
		margin:.4em 0 1em;
}
#timetable h5 {
		font-size:75%;
		line-height:1;
		color:#fff;
		margin:1.5em 0 1em;
		padding:.3em .5em;
		background:#97a9b5;
		border-radius:1em;
}
#timetable .level2,
#timetable .level2-2 {
		padding:1em .7em;
}
#timetable .label {
		font-size:75%;
		line-height:1;
		color:#fff;
		margin:.5em 0 .7em;
}
#timetable .label span {
		display:inline-block;
		margin-bottom:.3em;
		padding:.5em .8em;
		background:#5a6871;
		border-radius:3px;
}
#timetable .label .id { background:#1162a3; }
#timetable .label .placeA,
#timetable p.placeA { background:#db7093; }
#timetable .label .placeB,
#timetable p.placeB { background:#20b2aa; }
#timetable .label .placeC,
#timetable p.placeC { background:#a9903f; }
#timetable .lecturer-company {
		margin-top:0;
}
#timetable .group3 .label + p {
		margin-top:1.5em;
}
#timetable .group3 .level2 p:last-child {
		font-size:90%;
		line-height:1.4;
}
#timetable .intermission p {
		text-align:center;
}
#timetable .lecturer-division,
#timetable .lecturer-post {
		font-size:80%;
		margin:.1em 0;
}
#timetable .lecturer-name {
		font-size:110%;
		margin-top:.6em;
}
#timetable .lecturer-pic {
		margin-bottom:0;
}
#timetable .no-image {
		padding:.3em 0 .3em .3em;
		border-left:6px solid #ccc;
}
#timetable .btn-detail a {
		/*width:12em;*/
}
#timetable #opening .lecturer {
		margin:1.5em 0 .5em;
}
#timetable #A4-3 .lecturer,
#timetable #P-1 .lecturer {
		margin:1em 0;
}

#timetable p.rest {
	font-size: 90%;
	text-align: center;
		padding: 0.7em;
		background-color: #D8D8D8;
		margin-bottom: 1em;

}
#timetable .intermission .level2-2 {
	padding:0px!important;
}

#timetable .intermission .level2-2 p {
	text-align:left;
}
#timetable .level1.intermission {
	/*border-right:1px solid #ccc;*/
	/*border-width: 1px 1px 0 1px;*/
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				 -o-box-sizing: border-box;
				-ms-box-sizing: border-box;
						box-sizing: border-box;
}
#timetable .group2 .intermission .level2 {
	border-right:0;
}


/* --- 4. Content > exhibition.html --- ////////////////////////////////*/

#exhibition h3 {
		margin:0;
}
#exhibition h3 span {
		display:inline-block;
}
#exhibition h4 {
		font-size:105%;
		color:#1066AC;
		margin-bottom:.5em;
}
#exhibition hgroup {
		position:relative;
		color:#3F4756;
		padding:2px 0;
		background:#fff;
		border:0 solid #1066AC;
		border-width:4px 0;
}
#exhibition hgroup:before,
#exhibition hgroup:after {
		content:"";
		display:block;
		position:absolute;
		width:100%;
		height:1px;
		background:#1066AC;
}
#exhibition hgroup:before { top:2px; }
#exhibition hgroup:after { bottom:2px; }
#exhibition hgroup div{
		margin:.5em 0;
}
#exhibition hgroup img{
		max-width:150px;
		max-height:50px;
}
#exhibition ul {
		margin-left:1.3em;
}
#exhibition ul li,
#colorbox .booth-detail ul li {
		list-style:none;
		position:relative;
		font-size:90%;
		margin:.7em 0;
}
#exhibition ul li:after,
#colorbox .booth-detail ul li:after {
		content:"";
		display:inline-block;
		position:absolute;
		left:-1.3em;
		top:.2em;
		width:1em;
		height:1em;
		background:#6899c0;
		border-radius:1em;
}
#exhibition .lead p {
		font-size:90%;
		line-height:1.4;
}
#exhibition .booth-contents {
		padding:0 0 1.5em;
		background:#e8eaee;
}
#exhibition .booth-summary {
	display: flex;
	padding:1.5em 6em .5em;
}
#exhibition .booth-summary > div {
	width: 100%;
}
#exhibition .booth-summary > div.info {
	font-size: .8em;
}
#exhibition .booth-summary > div.info dt {
	font-size: 1.1em;
	font-weight: bold;
	color: #1066AC;
}
#exhibition .booth-summary > div.info dt:nth-of-type(n+2) {
	margin-top: .5em;
}
#exhibition .booth-summary > div.info dd {
	padding-left: .5em;
}

/* --- 5. Sponsor --- //////////////////////////////////////////////////*/

#sponsor {
		font-size:90%;
		text-align:center;
		margin-bottom:1.5em;
}
#sponsor dt {
		position:relative;
		font-weight:bold;
		line-height:1;
		color:#333;
		margin-top:1.5em;
		padding:24px 0 1em;
		border-top:1px solid #ccc;
}
#sponsor dt:after {
		content:"";
		display:block;
		position:absolute;
		top:3px;
		width:100%;
		height:14px;
		background:url(../images/bg_sponsor.gif);
}
#sponsor dt:first-child {
		margin-top:0;
}
#sponsor dd,
#sponsor ul {
		color:#666;
		margin-left:0;
}
#sponsor li {
		list-style:none;
}
#sponsor img {
		margin:1.5em 0;
}
#sponsor .wide img {
		margin:2.5em 0;
}

/* --- 6. 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: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;
}

/* --- 8. Media Query --- //////////////////////////////////////////////*/

@media only screen and (max-width: 420px) {
		#timetable .lecturer-pic {
				display:block;
				float:none;
				text-align:center;
				margin-bottom:.5em;
		}
}
@media only screen and (max-width: 820px) {
		#global-nav ul li {
				border-bottom:1px solid #1a5592;
		}
		#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:25%;*/
				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,
		#program,
		#timetable .notice,
		#exhibition .lead {
				padding-left:.75em;
				padding-right:.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;
		}
		/* 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;
		}
		#program {
				padding-bottom:.75em;
				border:0;
		}
		#program h2 {
				margin-top:.5em;
		}
		#program li {
				margin:1em 0;
		}
		#program li:first-of-type { margin-top:.5em; }
		#program li:last-of-type { margin-bottom:.5em; }
		#program div {
				margin-left:.5em;
		}
		#program em + div {
				margin-top:1em;
		}
		#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%;
		} */


		/* 20180912 add */
		.access-map {
				position: relative;
				padding-bottom: 55%;
				padding-top: 30px;
				height: 0;
				overflow: hidden;
		}
		.access-map iframe,
		.access-map object,
		.access-map embed {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
		}


		#commission h2 span {
				width:80%;
				line-height:1.2;
		}
		#timetable h4 {
				margin-bottom:.8em;
		}
		#timetable .caption {
				display:none;
		}
		#timetable .group2 .level2[class*="placeB"] {
				border-top:1px solid #bdcad3;
		}
		#timetable .broadcast p + p,
		#timetable .tbd {
				text-align:center;
		}
		#timetable .btn-detail {
				margin:1em 0;
		}
		#timetable .lecturer-pic img {
				width:150px;
				height:150px;
		}
		#timetable .notice,
		#exhibition .lead {
				margin-top:2em;
				margin-bottom:2em;
		}
		#exhibition hgroup {
				text-align:center;
				padding:.5em 0;
		}
		#exhibition hgroup div{
				margin-right:auto;
				margin-left:auto;
		}
		#exhibition .booth-summary {
				padding:1.5em 1em .5em;
		}
		#sponsor li {
				display:inline-block;
				width:200px;
				margin:0 auto;
				padding:0 1em;
		}
		#footer .logo {
				float:right;
				margin-bottom:.5em;
		}
}
@media only screen and (min-width:769px) {
		#wrapper {
				max-width:1020px;
				margin:0 auto;
				overflow: hidden;
		}
		#summary,
		#program,
		#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%;
		}
		#content,
		#sidebar {
				/*display:table-cell;*/
				vertical-align:top;
				box-sizing:border-box;
		}
		#content {
				width:auto;
				/* padding:0 0 2em 1.5%; */
				padding:0 1.5% 2em 1.5%;
		}
		#sidebar {
				width:200px;
				padding:2.25em 1.5% 0;
		}
		#summary {
				margin-top:2em;
				padding-right:10%;
				padding-left:8%;
		}
		#summary .summary-contents {
				float:left;
				width:65%;
				padding-right:1.5em;
				box-sizing:border-box;
		}
		#summary .summary-contents h2 {
				margin-top:0;
		}
		#summary .author img {
				float:right;
				margin-left:.5em;
		}
		#summary .regist {
				float:right;
				width:35%;
				border-radius:3px;
				box-sizing:border-box;
		}
		#summary .regist h3 {
				margin-top:0;
				border-radius:3px 3px 0 0;
		}
		#summary .regist h3 img {
				top:-22px;
				right:-12px;
		}
		#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;
		} */


		/* 20180912 add */
		.access-map {
				position: relative;
				padding-bottom: 33%;
				padding-top: 30px;
				height: 0;
				overflow: hidden;
		}
		.access-map iframe,
		.access-map object,
		.access-map embed {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
		}


		#commission {
				margin-bottom:2.5em;
		}
		#timetable h3 {
				font-size:80%;
				font-weight:normal;
				color:#3c4951;
				padding:.7em .5em;
				background:#ecedee;
				border-right:1px solid #b1b6ba;
		}
		#timetable h3 span {
				display:block;
		}
		#timetable .group1,
		#timetable .group2,
		#timetable .group3,
		#timetable .level1,
		#timetable .level2,
		#timetable .caption p {
				border:0 solid #b1b6ba;
		}
		#timetable .group1,
		#timetable .group2,
		#timetable .group3 {
				border-width:0 1px 1px 0;
				box-sizing: border-box;
		}

		#timetable .group1 *,
		#timetable .group2 *,
		#timetable .group3 * {
				box-sizing: border-box;
		}

		#timetable .level1 {
				display:flex;
				width:100%;
				border-width:1px 0 0 1px;
		}
		#timetable h3 {
				/*flex-basis:94px;*/
				flex-shrink:0;
		}
		#timetable .caption .time {
				/*flex-basis:108px;*/
				flex-shrink:0;
		}
		#timetable .level2 {
				padding-top:.5em;
				padding-bottom:.5em;
		}
		#timetable .group2 .level2 {
				width:50%;
				padding-top:.8em;
				border-right-width:1px;
		}
		#timetable .group1 .level2,
		#timetable .group3 .level2,
		#timetable .intermission .level2,
		#timetable .caption .placeC {
				width:88%;
		}
		#timetable .level1.caption {
				border-width:0 1px 0 0;
		}
		#timetable .caption p {
				line-height:1;
				color:transparent;
				margin:0;
				padding:.8em 0;
				border-width:0;
		}
		#timetable .caption .placeA,
		#timetable .caption .placeB,
		#timetable .caption .placeC {
				text-align:center;
				color:#fff;
				border-width:0 0 0 1px;
		}
		#timetable .caption .placeA,
		#timetable .caption .placeB,
		#timetable .caption .placeC {
				width:33.3333%;
				width:50%;
		}
		#timetable .label .placeA,
		#timetable .label .placeB,
		#timetable .label .placeC {
				display:none;
		}
		
		#timetable .level2-2 .label .placeC {
		display:inline-block;
	}


		#timetable .intermission h3,
		#timetable .intermission .level2 {
				padding:.3em .5em;
		}
		#timetable .intermission p {
				font-size:90%;
				margin:.5em 0;
		}
		#timetable .intermission .level2 {
				color:#3c4951;
				background:#ecedee;
		}
		#timetable .group2 .level2.placeA {
				background:#fbf1f4;
		}
		#timetable .group2 .level2.placeB {
				background:#e9f7f7;
		}
		#timetable .broadcast p,
		#timetable .tbd {
				text-align:center;
				color:#3c4951;
		}
		#timetable .group1 .btn-detail {
				margin-top:0;
		}
		#timetable .group2 .btn-detail {
				margin-top:.8em;
		}
		#timetable .lecturer-pic img {
				width:90px;
				height:90px;
		}
		#timetable #A1-1 div.lecturer-pic,
		#timetable #A1-2 div.lecturer-pic,
		#timetable #A1-3 div.lecturer-pic,
		#timetable #A3-1 div.lecturer-pic,
		#timetable #B4-1 div.lecturer-pic {
				padding:0 0 1.5em;
		}
		#timetable #B3-1 div.lecturer-pic,
		#timetable #P-1 h5 + .lecturer .lecturer-pic {
				padding:0 0 2em;
		}
		/* for lte IE10 */
		#timetable .level1 {
				display:table\9;
		}
		#timetable h3,
		#timetable .level2,
		#timetable .caption p {
				display:table-cell\9;
		}
		#timetable h3,
		#timetable .caption .time {
				width:13%\9;
				width:12%;
		}
		#timetable .group2 .level2,
		#timetable .caption .placeA,
		#timetable .caption .placeB,
		#timetable .caption .placeC {
				width:43%\9;
				width:33.333%;
				width: 44%;
		}

		#timetable .group2 .level2-2 {
			width:100%;
			padding: 1em .7em;
		}


		#timetable .intermission .level2 {
				width:88%;
		}
		#timetable .intermission h3,
		#timetable .intermission .level2 {
				vertical-align:middle\9;
		}
		#timetable .caption .time {
				color:#fff\9;
		}
		/* end "for lte IE10" */
		#exhibition h3,
		#exhibition hgroup div{
				display:inline-block;
				vertical-align:middle;
		}
		#exhibition h3 {
				margin:1em 0;
		}
		#exhibition hgroup div {
				margin-right:.5em;
				margin-left:1em;
		}
		#exhibition hgroup img {
				display:block;
		}
		#exhibition .lead {
				margin-bottom:1.2em;
		}
		#exhibition .lead p {
				text-align:center;
		}
		#sponsor ul {
				width:150px;
				margin:0 auto;
		}
		#footer .logo{
				float:left;
				margin: 0.5em 1.5em;
		}
}
@media print {
		body {
				background:transparent;
		}
		#global-nav ul,
		#summary .regist,
		#timetable .caption,
		#timetable .session-detail h5,
		#timetable .session-detail h6,
		#timetable .session-detail hgroup p,
		#timetable .session-detail:not(#P-1-detail) .lecturer b,
		#timetable .session-detail .lecturer-pic,
		#exhibition .booth-detail p + h4,
		#exhibition .booth-detail ul,
		#exhibition .booth-detail img,
		#footer ul,
		.btn-detail,
		.access-map {
				display:none;
		}
		.inline-contents {
				display:block;
		}
		#program li,
		#overview tr,
		#timetable .level2,
		#sponsor {
				page-break-inside:avoid;
		}
		#wrapper {
				width:100%;
				margin:0 auto;
				overflow: hidden;
		}
		#summary .author img {
				float:right;
				margin-left:.5em;
		}
		#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;
		}
		#timetable .group2 .level2[class*="placeB"] {
				border-top:1px solid #bdcad3;
		}
		#timetable .session-detail hgroup + p {
				font-size:90%;
				margin:1em 0;
		}
		#timetable .session-detail .lecturer {
				font-size:80%;
				line-height:1.4;
				margin:.8em 0 0;
		}
		#timetable .session-detail:not(#P-1-detail) .lecturer:before {
				content:"講師プロフィール";
				font-weight:bold;
		}
		#timetable .lecturer-pic img {
				width:150px;
				height:150px;
		}
		#exhibition h3,
		#exhibition hgroup div{
				display:inline-block;
				vertical-align:middle;
		}
		#exhibition hgroup div {
				margin-right:.5em;
				margin-left:1em;
		}
		#exhibition hgroup img {
				display:block;
		}
		#exhibition .booth-contents {
				margin-top:.5em;
				background:transparent;
		}
		#exhibition .booth-contents:first-of-type {
				margin-top:2em;
		}
		#exhibition .booth-summary {
				padding:1em 1.5em .5em;
		}
		#exhibition .booth-detail {
				margin-top:.5em;
				padding:0 1.5em;
		}
		#exhibition .booth-detail h4 {
				color:#1066AC;
				margin:1em 0 0;
		}
		#exhibition .booth-detail p {
				font-size:90%;
		}
		#exhibition .booth-detail h4 + p {
				margin-top:.5em;
				margin-bottom:0;
		}
		#exhibition .company-info {
				font-size:90%;
		}
		#exhibition .company-info dt,
		#exhibition .company-info dd {
				border:0 solid #b5c6d4;
		}
		#exhibition .company-info dt {
				font-size:120%;
				font-weight:bold;
				color:#3F4756;
				border-bottom-width:3px;
		}
		#exhibition .company-info dd {
				padding:.5em 0;
				border-bottom-width:1px;
		}
		#exhibition .company-info dd p {
				margin:.3em 0;
		}
		#exhibition .company-info dd img {
				float:right;
				margin:0 0 0 .5em;
		}
		#sponsor li {
				display:inline-block;
				width:120px;
				margin:0 auto;
				padding:0 1em;
		}
		#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;
		}
}

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

/* --- session-detail ---------- */
#colorbox .session-detail {
		padding-top:.5em;
}
#colorbox .session-detail hgroup {
		padding-bottom:.3em;
		border-bottom:3px solid #ddd;
}
#colorbox .session-detail hgroup p {
		font-size:95%;
		line-height:1.3;
		color:#888;
		margin:0;
}
#colorbox .session-detail h5 {
		font-size:120%;
		margin-bottom:0;
}
#colorbox .session-detail h6 {
		display:inline-block;
		font-size:80%;
		line-height:1;
		color:#fff;
		margin:1.5em 0 0;
		padding:.5em 10em .5em .8em;
		background:#999;
		border-radius:1em;
}
#colorbox .session-detail h6:nth-of-type(1) {
		margin-top:0;
}
#colorbox .session-detail p {
		font-size:95%;
		line-height:1.4;
}
#colorbox .session-detail .lecturer {
		font-size:85%;
		color:#555;
}
#colorbox .session-detail h6 ~ .lecturer {
		margin:0;
		padding-top:.5em;
		border-top:1px solid #ccc;
}
#colorbox .session-detail h6 + .lecturer {
		margin-top:.5em;
		padding-top:0;
		border-top:0;
}
#colorbox .session-detail .lecturer b {
		font-size:110%;
}
#colorbox .session-detail .lecturer-pic {
		margin:0 .5em 0 0;
}
#colorbox .session-detail .lecturer-pic img {
		width:120px;
		height:120px;
}
/* --- booth-detail ---------- */
#colorbox .booth-detail {
		padding-top:.5em;
}
#colorbox .booth-detail h4,
#colorbox .booth-detail h4 span {
		display:inline-block;
		border-bottom:1px solid #1066AC;
}
#colorbox .booth-detail h4 {
		color:#1066AC;
		margin:1em 0 0;
		padding:0 0 2px;
}
#colorbox .booth-detail h4 span {
		padding:.3em 0;
}
#colorbox .booth-detail p {
		font-size:90%;
}
#colorbox .booth-detail h4 + ul {
		margin-top:1em;
}
#colorbox .company-info dt,
#colorbox .company-info dd {
		border:0 solid #ccc;
}
#colorbox .company-info dt {
		font-size:130%;
		font-weight:bold;
		border-bottom-width:3px;
}
#colorbox .company-info dd {
		padding:1.5em 0;
		border-bottom-width:1px;
}
#colorbox .company-info dd p {
		margin:.5em 0;
}
#colorbox #booth16 p + dl {
		font-size:90%;
}
#colorbox #booth16 p + dl dt:not(:first-child) {
		margin-top:1em;
}
#colorbox #booth16 p + dl dd {
		padding-left:1em;
}


@media only screen and (max-width:768px) {
		#colorbox .session-detail .lecturer-pic img {
				width:90px;
				height:90px;
		}
}
@media only screen and (min-width:769px) {
		.session-detail {
				overflow:hidden;
		}
		#colorbox #P-1-detail .lecturer:nth-of-type(4) .lecturer-pic {
				margin-bottom:3em;
		}
		#colorbox .session-detail,
		#colorbox .booth-detail {
				padding:1em 5% 0;
		}
		#colorbox .company-info dd p {
				margin:0;
		}
		#colorbox .company-info dd img {
				float:right;
				margin:0 0 0 .5em;
		}
		#colorbox .company-info dd img {
		max-width:150px;
	}
}





/* 20180912 add */
#pickup__area * {
		box-sizing: border-box;
}
#pickup__area > .areaMain {
		/* font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; */
		font-family:"ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic Pro', "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
		border-radius: 0.3em;
		overflow: hidden;
		background-color: #e9f0f5;
		border: 2px solid rgba(33,180,226,1);
		padding: 15px;
}
#pickup__area .blockTitleArea {
		margin-bottom: 30px;
		background-color: #fff;
}
#pickup__area .blockTitleArea > h2 {
		font-size: 1.6em;
		text-align: center;
		line-height: 1;
		border-bottom: 1px solid rgba(33,180,226,1);
		margin: 0;
		padding: 0.5em 0;
		position: relative;
}
#pickup__area .blockTitleArea > h2:before {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,21b4e2+51,b7deed+100 */
		background: rgb(183,222,237); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(183,222,237,1) 0%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(183,222,237,1) 0%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 */
		position: absolute;
		top: 0;
		left: 0;
}
#pickup__area .blockTitleArea > h2 > span::before,
#pickup__area .blockTitleArea > h2 > span::after {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		content: '';
		border: 20px solid transparent;
}
#pickup__area .blockTitleArea > h2 > span::before {
		border-top: 20px solid rgba(33,180,226,1);
}
#pickup__area .blockTitleArea > h2 > span::after {
		margin-top: -1px;
		border-top: 20px solid #fff;
}
#pickup__area div.inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
#pickup__area div.inner > div.boxMain {
		width: 49%;
		background-color: #fff;
		padding: 10px 10px 50px 10px;
		position: relative;
}
#pickup__area div.inner > div.boxMain:nth-of-type(n+3) {
	margin-top: 20px;
}
#pickup__area div.inner > div.boxMain > .box_cate {
		display: flex;
		align-items: center;
		margin-bottom: 5px;
}
#pickup__area div.inner > div.boxMain > .box_cate > span.titleBox {
		display: inline-block;
		font-size: 1em;
		font-weight: bold;
		line-height: 1;
}
#pickup__area div.inner > div.boxMain > .box_cate > span.dateBox {
		display: inline-block;
		font-size: 0.7em;
		white-space: wrap;
		line-height: 1;
		color: #fff;
		background-color: #056fce;
		border-radius: 1em;
		overflow: hidden;
		margin-left: 5px;
		padding: 0.4em 0.7em;
		/*position: absolute;
		top: 50%;
		right: 10px;
		-webkit-transform: translateY(-50%) translateX(0%);
		transform: translateY(-50%) translateX(0%);*/
}
#pickup__area div.inner > div.boxMain > h3 {
		font-size: 1.1em;
		line-height: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
		background: rgb(238,238,238); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
		margin: 0 0 15px 0;
		padding: 0.7em 0 0.7em .7em;
		position: relative;
}
#pickup__area div.inner > div.boxMain > h3 > span {
		font-size: .8em;
		color: #292929;
}
#pickup__area div.inner > div.boxMain > h3:before {
		content: "";
		display: block;
		width: 5px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006af4+0,2cd4dd+100 */
		background: rgb(0,106,244); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(0,106,244,1) 0%, rgba(44,212,221,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,106,244,1) 0%,rgba(44,212,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,106,244,1) 0%,rgba(44,212,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006af4', endColorstr='#2cd4dd',GradientType=0 ); /* IE6-9 */
}
#pickup__area div.inner > div.boxMain > .detailBox {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		width: 100%;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox {
		width: calc(100% - 110px);
		padding: 0 15px 0 0;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul {
		margin: 0;
		padding: 0;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li {
		display: block;
		font-size: 0.8em;
		text-align: right;
		list-style-type: none;
		padding: 0 0.3em;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li.nameMain {
		text-align: right;
		margin-top: 10px;
		padding-top: 10px;
		position: relative;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li.nameMain:before {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,21b4e2+51,b7deed+100 */
		background: rgb(183,222,237); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(183,222,237,1) 0%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(183,222,237,1) 0%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 */
		position: absolute;
		top: 0;
		left: 0;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li.nameMain > span.nameBig {
		font-size: 1.4em;
		font-weight: bold;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li.nameMain > span.nameSub {
		padding-left: 1em;
}
#pickup__area div.inner > div.boxMain > .detailBox > .imgBox {
		width: 110px;
		position: relative;
}
#pickup__area div.inner > div.boxMain > .detailBox > .imgBox > img {
		width: 100%;
		height: auto;
		vertical-align: top;
}

#pickup__area div.inner > div.boxMain > .btn {
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateY(0%) translateX(-50%);
		transform: translateY(0%) translateX(-50%);
}
#pickup__area div.inner > div.boxMain > .btn > a {
	display: inline-flex;
	font-size: .9em;
	white-space: nowrap;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background: linear-gradient(#616163, #414042);
	border: 1px solid #111;
	border-radius: .3em;
	padding: .5em;
}

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

#pickup__area {
		padding: 0 3%;
}
#pickup__area > .areaMain {
		border: 1px solid rgba(33,180,226,1);
		padding: 3%;
}
#pickup__area .blockTitleArea > h2 {
		font-size: 1.1em;
}
#pickup__area div.inner {
		display: block;
		width: 100%;
}
#pickup__area div.inner > div.boxMain {
		width: 100%;
		background-color: #fff;
		padding: 3% 3% 14% 3%;
}
#pickup__area div.inner > div.boxMain+div.boxMain {
		margin-top: 10px;
}
#pickup__area div.inner > div.boxMain > h3 {
		padding: 0.4em 0 0.4em 0.7em;
		position: relative;
}
#pickup__area div.inner > div.boxMain > h3 > span.titleBox {
		font-size: 0.8em;
}
#pickup__area div.inner > div.boxMain > h3 > span.dateBox {
		font-size: 0.6em;
		padding: 0.3em 0.6em;
		right: 3%;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox {
		width: 70%;
		padding: 0 1em 0 0;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul {
		margin: 0;
		padding: 0;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li {
		display: block;
		font-size: 0.8em;
		text-align: right;
		list-style-type: none;
		padding: 0 0.3em;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li.nameMain {
		text-align: right;
		margin-top: 0.5em;
		padding-top: 0.5em;
		position: relative;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li.nameMain > span.nameBig {
		font-size: 1.3em;
		font-weight: bold;
}
#pickup__area div.inner > div.boxMain > .detailBox > .textBox > .name > ul > li.nameMain > span.nameSub {
		padding-left: 1em;
}
#pickup__area div.inner > div.boxMain > .detailBox > .imgBox {
		width: 30%;
		position: relative;
}
#pickup__area div.inner > div.boxMain > .detailBox > .imgBox > img {
		width: 100%;
		height: auto;
}

#pickup__area div.inner > div.boxMain > .btn > a {
	font-size: .75em;
}

}





/* 20180928 add */
#Sponsorship__area * {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
}
#Sponsorship__area {
		background-color: #fdedce;
		margin-top: 60px;
		padding: 20px;
}
#Sponsorship__area > .areaMain {
		background-color: #fff;
		padding: 30px;
}
#Sponsorship__area > .areaMain h2 {
		text-align: center;
		margin-bottom: 20px;
}
#Sponsorship__area > .areaMain h2 > span {
		display: inline-block;
		line-height: 1;
		padding-bottom: 20px;
		position: relative;
}
#Sponsorship__area > .areaMain h2 > span:before {
		content: "";
		display: block;
		width: 30%;
		height: 2px;
		background-color: #f00;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateY(0%) translateX(-50%);
		transform: translateY(0%) translateX(-50%);
}
#Sponsorship__area > .areaMain p {
		text-align: center;
		line-height: 1.8;
}
#Sponsorship__area > .areaMain > .contact {
		text-align: center;
		margin-top: 20px;
}
#Sponsorship__area > .areaMain > .contact > ul {
		display: inline-block;
		text-align: left;
		list-style-type: none;
		background-color: #f2f2f2;
		padding: 20px;
}
#Sponsorship__area > .areaMain > .contact > ul > li {
		font-size: 0.9em;
}
#Sponsorship__area > .areaMain > .contact > ul > li:nth-of-type(1) {
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 0.5em;
}
#Sponsorship__area > .areaMain > .contact > ul > li:nth-of-type(1) > span {
		font-size: 0.8em;
		display: block;
}





.entry__area * {
		box-sizing: border-box;
}
.entry__area {
		margin-top: 30px;
}
.entry__area > .areaMain {
		background-color: #f8f8f8;
}
.entry__area > .areaMain h2,
.entry__area > .areaMain p {
		margin: 0;
		padding: 0;
}
.entry__area > .areaMain > .blockTitle {
		line-height: 1;
		border-top-right-radius : 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius : 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		background-color: #014;
		background-image: linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%, #444), linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%, #444);
		background-position: 0 0, 25px 25px;
		background-size: 10px 10px;
		padding: 0.8em 0;
}
.entry__area > .areaMain > .blockTitle > h2 {
		font-size: 1.4em;
		line-height: 1;
		color: #fff;
		text-align: center;
}
.entry__area > .areaMain > .textMain {
		border-left: 1px solid #014;
		border-right: 1px solid #014;
		border-bottom: 1px solid #014;
		padding: 20px;
}
.entry__area > .areaMain > .textMain > .opennigText {
		text-align: center;
		background-color: #FEF;
		border: 3px solid #f00;
		margin-bottom: 20px;
		padding: 0.3em 0;
}
.entry__area > .areaMain > .textMain > .opennigText > p {
		font-size: 1.2em;
		font-weight: bold;
		color: #f00;
}
.entry__area > .areaMain > .textMain > p {
		line-height: 1.8;
		text-align: center;
}
.entry__area > .areaMain > .textMain > .btnArea {
		text-align: center;
		padding-top: 20px;
}
.entry__area > .areaMain > .textMain > .btnArea > a {
		display: block;
		width: 60%;
		font-size: 1.3em;
		color: #fff;
		text-decoration: none;
		background-color: #ffb109;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
		margin: 0 auto;
		padding: 0.7em 0;
		transition: all 0.2s;
}
.entry__area > .areaMain > .textMain > .btnArea > a:hover {
		background-color: #ff6b09;
}


#timetable .group2 .intermission .level2 {
	width:100%;
}

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

.entry__area {
		padding: 0 3%;
}
.entry__area > .areaMain > .blockTitle > h2 {
		font-size: 1em;
}
.entry__area > .areaMain > .textMain {
		padding: 3%;
}
.entry__area > .areaMain > .textMain > .opennigText {
		border: 2px solid #f00;
		margin-bottom: 10px;
}
.entry__area > .areaMain > .textMain > .opennigText > p {
		font-size: 0.8em;
}
.entry__area > .areaMain > .textMain > p {
		font-size: 0.7em;
}
.entry__area > .areaMain > .textMain > .btnArea {
		padding-top: 15px;
}
.entry__area > .areaMain > .textMain > .btnArea > a {
		width: 90%;
		font-size: 0.8em;
		background-color: #ffb109;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
		margin: 0 auto;
		padding: 1em 0;
}
.entry__area > .areaMain > .textMain > .btnArea > a:hover {
		background-color: #ffb109;
}

#timetable .group2 .intermission .level2 {
	width:auto;
}

}




.entry__area > .areaMain > .btnArea {
		text-align: center;
		padding: 20px 0;
}
.entry__area > .areaMain > .btnArea > a {
		display: block;
		width: 60%;
		font-size: 1.3em;
		color: #fff;
		text-decoration: none;
		background-color: #ffb109;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
		margin: 0 auto;
		padding: 0.7em 0;
		transition: all 0.2s;
}
.entry__area > .areaMain > .btnArea > a:hover {
		background-color: #ff6b09;
}



/* ロゴエリア */
#event-aside-wide {
		width: 100%;
		font-size: 1em;

}

#event-aside-wide * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}
#event-aside-wide div.sponsorTitle {
		display: table;
		width: 97%;
		background-color: #efefef;
		margin: 0 auto 40px;
}
#event-aside-wide div.sponsorArea {
		width: 90%;
		margin: 0 auto;
}
#event-aside-wide div.sponsorTitle span {
		display: table-cell;
		height: 45px;
		font-size: 2em;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
}


ul,ul li {
		/*list-style: none!important;*/
}



#event-aside-wide div.sponsorArea div.sponsorClass {
		margin: 0 0 30px 0;
}
#event-aside-wide div.sponsorArea div.sponsorClass span {
		display: block;
		font-size: 1.6em;
		font-weight: bold;
		color: #123e61;
		text-align: center;
		border-bottom: 2px solid #999;
}

#event-aside-wide div.sponsorArea ul.class01 {
		display: -webkit-flex;
		display: flex;
		flex-wrap: -webkit-wrap;
		flex-wrap: wrap;
		justify-content: -webkit-space-around;
		justify-content: space-around;
		align-items: -webkit-center;
		align-items: center;
		width: 70%;
		margin: 0 auto;
}
#event-aside-wide div.sponsorArea ul.class01 li {
		width: 45%;
		text-align: center;
		padding: 30px;
}

#event-aside-wide div.sponsorArea ul.class01 li a {
		display: inline-block;
		width: 100%;
}

#event-aside-wide img {
		display: inline-block;
		border: 0;
		vertical-align: middle;
		max-width:100%;
}

#event-aside-wide img.iar {
	max-width:80%;
}
#event-aside-wide img.deos {
	max-width:70%;
}

#event-aside-wide div.sponsorArea+div.sponsorArea {
		margin-top: 40px;
}


#event-aside-wide div.sponsorArea ul.class02 {
		display: -webkit-flex;
		display: flex;
		flex-wrap: -webkit-wrap;
		flex-wrap: wrap;
		justify-content: -webkit-center;
		justify-content: center;
		align-items: -webkit-center;
		align-items: center;
		width: 90%;
		margin: 0 auto;
}

#event-aside-wide div.sponsorArea ul.class02 li {
		width: 28%;
		text-align: center;
		padding: 30px;
}

#event-aside-wide div.sponsorArea ul.class02 li a {
		display: inline-block;
		width: 100%;
}
#event-aside-wide div.sponsorArea ul.class02 li.medium a {
		width: 80%;
}
#event-aside-wide div.sponsorArea ul.class02 li.small a {
		width: 70%;
}


.lecturer__box:after {
		content: ".";
		display: block;
		height:0;
		clear: both;
		visibility: hidden;
}


#timetable .group3 .level1 .placeC{
	width:100%;
}

#colorbox .session-detail .lecturer-pic.p1-5 {
	margin-bottom:150px;
}

@media only screen and (max-width:768px) {
	#event-aside-wide {
			width: 97%;
			float: none;
			font-size: 1em;
			margin:20px auto;
	}

	#colorbox .session-detail .lecturer-pic.p1-5 {
		margin-bottom:0;
	}

	#event-aside-wide div.sponsorArea {
			width: 90%;
			margin: 0 auto;
	}
	
	#event-aside-wide div.sponsorArea+div.sponsorArea {
			margin-top: 60px;
	}
	#event-aside-wide div.sponsorArea div.sponsorClass {
			margin: 0 0 30px 0;
	}

	#event-aside-wide div.sponsorTitle span {
			font-size: 1.3em;
	}

	#event-aside-wide div.sponsorArea ul.class01,
	#event-aside-wide div.sponsorArea ul.class02 {
			display: block;
			width: 90%;
			margin: 0 auto;
	}
	#event-aside-wide div.sponsorArea ul.class01 li,
	#event-aside-wide div.sponsorArea ul.class02 li {
			width: 100%;
			text-align: center;
			padding: 0 15%;
	}
	#event-aside-wide div.sponsorArea ul.class01 li+li,
	#event-aside-wide div.sponsorArea ul.class02 li+li {
			padding-top: 50px;
	}


}





#global-nav,
#global-nav * {
	box-sizing: border-box;
}
#global-nav:after {
	display: none;
}
#global-nav ul {
	display: flex;
	flex-wrap: wrap;
}
#global-nav ul li {
	width: calc(100% / 4);
	letter-spacing: 0;
	border-right: 1px solid rgba(255,255,255,.2);
	border-bottom: none;
}
#global-nav ul li:last-of-type,
#global-nav ul li:nth-of-type(3) {
	border-right: none;
}
#global-nav ul li:nth-of-type(n+4) {
	border-top: 1px solid rgba(255,255,255,.2);
}
#global-nav ul li.overview,
#global-nav ul li.exhibition,
#global-nav ul li.faq {
	/*width: calc(100% / 3);*/
}
#global-nav ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3em;
	line-height: 1;
	padding: 0;
}
#global-nav ul li a.submit.noLink {
	color: #ccc;
	background-color: #999;
}

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

#global-nav ul li.overview {
	/*width: 100%;*/
}
#global-nav ul li.exhibition,
#global-nav ul li.faq {
	width: calc(100% / 2);
}
#global-nav ul li {
	width: calc(100% / 2);
}
#global-nav ul li {
	border-right: none;
}
/*#global-nav ul li:nth-of-type(3),
#global-nav ul li:nth-of-type(5),
#global-nav ul li:nth-of-type(7) {
	border-left: 1px solid rgba(255,255,255,.2);
}
#global-nav ul li:nth-of-type(n+2) {
	border-top: 1px solid rgba(255,255,255,.2);
}*/
#global-nav ul li:nth-of-type(even) {
	border-left: 1px solid rgba(255,255,255,.2);
}
#global-nav ul li:nth-of-type(n+3) {
	border-top: 1px solid rgba(255,255,255,.2);
}
#global-nav ul li a {
	font-size: .9em;
}

}

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

#global-nav ul li a {
	font-size: 3.2vw;
}

}





#g_calendar {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1c1c1c;
	padding: 15px 0;
}
#g_calendar > a {
	display: inline-flex;
	align-items: center;
	font-size: .8em;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background: linear-gradient(#616163, #414042);
	border: 1px solid #111;
	border-radius: 5px;
	padding: .8em;
	transition: all .2s;
}
#g_calendar > a:hover {
	background: linear-gradient(#616163, #695d40);
}
#g_calendar > a > i {
	font-size: 1.4em;
	color: #efab00;
	margin-right: .3em;
}


#event-aside-wide div.sponsorArea li {
	list-style-type: none;
}


#footer {
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
}
#footer .logo,
#footer ul {
	float: none;
}
#footer .logo {
	width: 80px;
	height: auto;
	text-align: left;
	margin: 0.5em 1em;
}
#footer .logo img {
	height: auto;
}
#footer ul {
	width: calc(100% - 80px);
}


#theme_area {
	background-color: #244a79;
	border: 5px solid #d8e0e6;
	padding: 1em;
}
#theme_area > p {
	font-size: .9em;
	color: #fff;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}


#timetable .entry_group,
#timetable .entry_group * {
	box-sizing: border-box;
}
#timetable .entry_group+.entry_group {
	/*margin-top: 10px;*/
}
#timetable section.lecture {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.4;
	border: 1px solid #b1b6ba;
}
#timetable section.lecture+section.lecture {
	border-top: none;
}
#timetable section.lecture > .lecture_time {
	width: 12%;
	font-size: .8em;
	color: #3c4951;
	color: #fff;
	text-align: center;
	background-color: #62676d;
	border-right: 1px solid #b1b6ba;
	padding: 10px 0;
}

#timetable .entry_group01 section.lecture > .lecture_time {
	background-color: #1d5c90;
}
#timetable .entry_group02 section.lecture > .lecture_time {
	background-color: #bf663d;
}
#timetable .entry_group03 section.lecture > .lecture_time {
	background-color: #967f26;
}
#timetable .entry_group04 section.lecture > .lecture_time {
	background-color: #125600;
}
#timetable .entry_group_panel section.lecture > .lecture_time {
	background-color: #794b6d;
}

#timetable section.lecture > .lecture_time > span {
	display: block;
}
#timetable section.lecture > .lecture_time > span.time {
	font-weight: bold;
}
#timetable section.lecture > .lecture_main {
	width: 88%;
	padding: 10px 15px;
}
#timetable section.lecture > .lecture_main.lecture_QA,
#timetable section.lecture > .lecture_main.lecture_break {
	text-align: center;
}

/*#timetable .entry_group01 {
	border: 5px solid #f00;
}
#timetable .entry_group02 {
	border: 5px solid #f00;
}
#timetable .entry_group03 {
	border: 5px solid #f00;
}*/

#timetable .entry_group01 section.lecture > .lecture_main {
	background-color: #dfeaf3;
}
#timetable .entry_group02 section.lecture > .lecture_main {
	background-color: #fff4ef;
}
#timetable .entry_group03 section.lecture > .lecture_main {
	background-color: #fffae7;
}
#timetable .entry_group04 section.lecture > .lecture_main {
	background-color: #ecffe7;
}
#timetable .entry_group_panel section.lecture > .lecture_main {
	background-color: #fbf0f8;
}

#timetable section.lecture > .lecture_main.lecture_break {
	background-color: #e5e8ea;
}
#timetable section.lecture > .lecture_main .lecture_category {
	display: flex;
	line-height: 1;
	margin-bottom: 10px;
}
#timetable section.lecture > .lecture_main .lecture_category > div {
	font-size: .75em;
	color: #fff;
	text-align: center;
	background-color: #5a6871;
	border-radius: 3px;
	padding: .5em 1em;
}
#timetable section.lecture > .lecture_main .lecture_category > div+div {
	margin-left: 10px;
}
#timetable section.lecture > .lecture_main .lecture_category > div.lecture_id {
	width: 4em;
	background-color: #1162a3;
	padding: .5em 0;
}
#timetable section.lecture > .lecture_main .lecture_name {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}
#timetable section.lecture > .lecture_main .lecture_name > span.sub {
	display: block;
	font-size: .8em;
}
#timetable section.lecture > .lecture_main .speaker_area {
	display: flex;
	flex-wrap: wrap;
	background-color: #f2f2f2;
	background-color: #fff;
	border-radius: 5px;
	padding: 15px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#timetable section.lecture > .lecture_main .speaker_area.multiple .speaker_box {
	width: 50%;
	padding-right: 10px;
}
#timetable section.lecture > .lecture_main .speaker_area.multiple .speaker_box:nth-of-type(n+3) {
	margin-top: 10px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_pic {
	width: 120px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_pic > img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile {
	width: calc(100% - 120px);
	padding-left: 15px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile ul {
	margin: 0;
	padding: 0;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li {
	list-style-type: none;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_pane,
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_mode {
	margin-bottom: 5px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_pane > span,
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_mode > span {
	display: inline-block;
	font-size: .7em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	background-color: #000;
	border-radius: 1em;
	padding: .3em .5em .1em;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_pane > span {
	background-color: #ff6a00;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_mode > span {
	background-color: #002cff;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_company {
	margin-bottom: 5px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_department,
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_post {
	font-size: .9em;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_post {
	margin-bottom: 5px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_name {
	font-size: 1.1em;
	font-weight: bold;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_name::after {
	content: "氏";
	font-size: .8em;
	font-weight: normal;
	padding-left: .5em;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile li.speaker_name.mr_none::after {
	content: "";
}


#timetable section.lecture > .lecture_main .speaker_area .btn-detail {
	width: 100%;
	margin-bottom: 0;
}
#timetable section.lecture > .lecture_main .speaker_area .btn-detail a {
	font-size: 85%;
}


#timetable section.lecture > .lecture_main .lecture_main_block+.lecture_main_block {
	border-top: 2px dashed #b1b6ba;
	margin-top: 10px;
	padding-top: 10px;
}
#timetable section.lecture > .lecture_main .lecture_main_block .block_title {
	display: flex;
	align-items: center;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #1a5c86;
}
#timetable section.lecture > .lecture_main .lecture_main_block .block_title .time {
	font-size: .8em;
	background-color: #fff;
	border-radius: .3em;
	margin-right: 10px;
	padding: .3em .5em .2em;
}
#timetable section.lecture > .lecture_main .lecture_main_block .block_title .title {
	color: #fff;
}


@media only screen and (max-width: 1020px) {
#timetable section.lecture > .lecture_main .speaker_area .speaker_pic {
	width: 100px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile {
	width: calc(100% - 100px);
}
}

@media only screen and (max-width: 768px) {
#timetable section.lecture > .lecture_main .speaker_area.multiple .speaker_box {
	width: 100%;
	padding-right: 0;
}
#timetable section.lecture > .lecture_main .speaker_area.multiple .speaker_box+.speaker_box {
	border-top: 1px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
}
}

@media only screen and (max-width: 690px) {
#theme_area {
	padding: 3%;
}
#theme_area > p {
	font-size: 3.4vw;
}
#timetable section.lecture {
	display: block;
	font-size: 3.4vw;
}
#timetable section.lecture > .lecture_time {
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #b1b6ba;
	padding: 2% 0;
}
#timetable section.lecture > .lecture_main {
	width: 100%;
	padding: 3% 2%;
}
#timetable section.lecture > .lecture_main .speaker_area {
	padding: 2%;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_pic {
	width: 90px;
}
#timetable section.lecture > .lecture_main .speaker_area .speaker_profile {
	width: calc(100% - 90px);
	padding-left: 10px;
}
#timetable section.lecture > .lecture_main .lecture_category,
#timetable section.lecture > .lecture_main .lecture_name {
	margin-bottom: 2%;
}
#timetable section.lecture > .lecture_main .lecture_category > div+div {
	margin-left: 5px;
}

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

#exhibition .booth-summary {
	flex-wrap: wrap;
	padding: 1.5em 3% .5em;
}
#exhibition .booth-summary > div {
	font-size: 3.4vw;
}
#exhibition .booth-summary > div.info {
	font-size: 3.2vw;
	margin-top: 3%;
}
#exhibition .booth-summary > div.info dt {
	font-size: 1.1em;
	font-weight: bold;
	color: #1066AC;
}
#exhibition .booth-summary > div.info dt:nth-of-type(n+2) {
	margin-top: .5em;
}
#exhibition .booth-summary > div.info dd {
	padding-left: .5em;
}

}




#faq .info_text {
	text-align: center;
	background-color: #fff;
}
#faq_main {
	font-size: .9em;
	background-color: #fff;
	border: 5px solid #f2f2f2;
	box-sizing: border-box;
	padding: 20px;
}
#faq_main * {
	box-sizing: border-box;
}
#faq_main p {
	margin: 0;
	padding: 0;
}
#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:hover {
	background-color: #2572d2;
}
#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;
}





.extension_info_area,
.extension_info_area * {
	box-sizing: border-box;
}
.extension_info_area {
	line-height: 1.1;
	border: 5px solid #ff6b00;
	margin-top: 30px;
	padding: 25px 20px 20px 20px;
	position: relative;
}
.extension_info_area p {
	margin: 0;
}
.extension_info_area p.title {
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	background-color: #ff6b00;
	border-radius: 1em;
	padding: .3em .6em .3em .8em;
	white-space: nowrap;
	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.2em;
	font-weight: bold;
}
.extension_info_area p.note {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.extension_info_area p.note > span {
	display: inline-flex;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	background-color: #c6eef5;
	border-radius: .5em;
	padding: .5em 1em;
}

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

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

}

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

.extension_info_area {
	padding: 5% 3% 3% 3%;
}

}





.noLink {
	pointer-events: none;
}