@charset "utf-8";

html,
body,
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
body {
	background:#333 url("../images/Crosshatch_touka8.png");
	background-attachment: fixed;
    	background-position:95% center;
	font-size:100%;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

#wrapper {
	background:#fff;
}



img {
	max-width:100%;
	height:auto;
	border:none;
	vertical-align: bottom;
}

ul,
ol,
dl {
	margin:0;
}

em {
    font-weight: bold;
    font-style: normal;
}
.note {
	padding: 0 3px;
    color:#f00;
    font-weight: bold;
}

p {
	color:#333;
	font-size:100%;
	line-height:1.3;
	letter-spacing:1px;
}

em {
	font-weight:bold !important;
	font-size:110% !important;
	color:#ff0000;
}

h2{
	margin: 1em 0 1em 0;
	font-size:130%;
	font-weight:bold;
}

.block__summary p {
	margin-left:1.5em;
	margin-bottom: 1em;
}

.block__summary p.gaiyo {
	text-indent: 1em;
	line-height:150%;
	font-size:100%;
}

a,
.overview__url {
	word-break: break-all;
}

h1 {
	line-height:0;
	text-align:center;
}

#top h2 {
	padding-left: .5em;
	border-left: .5em solid #263659;
}


}

h2#chairman {
	margin:2em 0 .5em;
	padding:.5em 0 .5em 0;
	font-weight:bold;
	font-size:150%;
	line-height:1.3;
	color:#a02424;
	display:flex;
	align-items:center;
}

button.button__theme {
    padding: .25em 1em;
    font-size: 90%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display:block;
    margin: 1em 0;
    color: #fff;
}

.theme1 button.button__theme{
    background: #00b901;
}

.theme2 button.button__theme{
    background: #004fb9;
}

.theme3 button.button__theme{
    background: #ce0400;
}

.theme4 button.button__theme{
    background: #a900ce;
}

.theme5 button.button__theme{
    background: #009cb9;
}

.theme6 button.button__theme{
    background: #e0b500;
}

.programArea a{
    text-decoration:none;
}

button.button__theme:hover {
    opacity: 0.6;
}

/* +++++++++++block__chairman　↓ */
.chairmanArea {
	width:100%;
	margin:.5em 0 2em 0;
}

.block__chairman dl {
	width:49%;
	float:left;
}

.block__chairman dl+dl {
	margin-left:10px;
}

.block__chairman dl dt {
	float:left;
	margin-right:14px;
}

.block__chairman dl dd {
	font-size:100%;
}

.block__chairman dl dd.cahirmanName {
	font-size:150%;
	font-weight:bold;
	margin-bottom:.7em;
}

.block__chairman dl dd.cahirmanName:after,
.pickup__name:after {
	content:"氏";
	margin-left:.5em;
	font-weight:normal;
	font-size:70%;
}
.no-uji:after{
	content:"" !important;
}

/* +++++++++++block__chairman　↑ */

.block__pickup,
.block__pickup .pickupArea p{
  color: #fff;
}


.pickupArea .pickuptrack{
    padding: 0.3em 0.7em; 0.3em;
    background: #226790;
    border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.pickup img {
    float: right;
    margin-left: 5px;
    margin-bottom: 10px;
    width: 120px;
    height: 120px;
}

p.pickup__name{
    font-weight: 700;
}


h4.pickup_title {
  position: relative;
  background: #bdad35 url("../images/Crosshatch_touka8.png");
  font-size: 20px;
  line-height: 1;
  margin: 20px -10px 10px -10px;
  padding: 15px 5px 10px 40px;
  box-shadow: 0 1px 3px #777;
}
h4.pickup_title:after,
h4.pickup_title:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #9a8b19;
}
h4.pickup_title:after {
  left: 0;
  border-right: 5px solid #9a8b19;
}
h4.pickup_title:before {
  right: 0;
  border-left: 5px solid #9a8b19;
}

.block__pickup{
border:1px solid #0f3061;
margin:50px 0 50px 0;
background:#0f3061;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.pickupArea{
padding:10px 20px;
color:#fff;
}

p.kyodo_prom {
	border-bottom:1px dotted #aaa;
	color:#000;
}

.overview__promoter ul,
.overview__visitors ul {
	padding-left:1em;
	list-style:outside;
}

.overview__promoter dl {
	margin-left:1em;
	margin-right:1em;
	margin-bottom:1em;
}

.overview__promoter dl dt {
	display:inline-block;
	font-size:105%;
	display: list-item;
	list-style:circle outside;
}

.overview__promoter dl dd {
	display:inline;
	margin:.5em 0 1em 0;
	font-size:90%;
}

.global-nav {
	margin:0;
	padding:0;
}
.global-nav__item {
	list-style:none;
	background:#3e3e3e;
	letter-spacing:0.1em;
}

.global-nav__item a {
	display:block;
	margin:0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	padding: 0.5em 0.5em 0;
	height: 2em;
}
.global-nav__item a.active,
.global-nav__item a:hover {
	background:#888;
}

.global-nav__item4 span{
font-size:0.7em;
}

.button__submit {
	display:block;
	width:55%;
	margin:2em auto 3em;
	padding:1em 0.5em;
	border-radius:4px;
	background:#F1B000;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.submit {
	background:#F1B000;
}

.button__submit:hover,
.button__submit a:hover,
.submit:hover,
.submit a:hover {
	background:#ffc834 !important;
}

table,
th,
td {
	height:100%;
	font-size: 100%;
}
table {
	width:100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #797979;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
th {
	padding:0;
}
td {
	text-align: left;
	vertical-align: top;
	padding:1em;
}

.timetable__type,
.timetable__title,
.timetable__speaker,
.timetable__display-button,
.timetable__summary,
.timetable__prof {
	margin-bottom:1em;
}

.overview__table {
	table-layout:fixed;
}

.overview__table th,
.commission__table th
{
	padding: 4px;
	background:#eee;
	color:#333;
	font-weight:bold;
	text-align: center;
}


.overview__main-title {
	font-size:120%;
}
.overview__sub-title:before {
	content:"[";
}
.overview__sub-title:after {
	content:"]";
}

.overview__place__access ul {
	font-size:90%;
	margin-top:1em;
	padding-left:1em;
	list-style:outside;
}

.overview__place__map {
	overflow:hidden;
	position:relative;
	height:0;
	padding-bottom:300px;
}
.overview__place__map iframe,
.overview__place__map object,
.overview__place__map embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:400px;
	max-height:400px;
}
.overview__url dd {
	margin-left: 0;
}

.overview__url dt,
.overview__url dd {
	display:inline;
	list-style: none;
}

.overview__visitors li:last-child:after {
	content:"";
}
.overview__url dd:before {
	content:"（";
}
.overview__url dd:after {
	content:"）";
}	


.commission__name {
	font-weight:bold;
}
.commission__belong {
	margin-left:1em;
}

.label {
	padding: .25em 1em;
	border-radius: 4px;
	background: #999;
	color: #fff;
	font-size: 80%;
	text-align: center;
}
.label-sp {
	background: #0666a3;
}
.label-a {
	background: #db7093;
}
.label-b {
	background: #20b2aa;
}
.label--right {
	margin-left:1em;
	padding: .25em 0;
	font-size: 80%;
}

.summary__speaker {
	margin:1.5em 1.5em 3em;
	text-align:right;
}
.summary__pic {
	float:right;
	margin-left:1em;
	text-align:center;
}
.summary__pic img  {
	display:block;
}
.summary__name {
	margin-top:.5em;
	margin-bottom:.5em;
}
.summary__name span {
	margin-left:.5em;
	font-weight: bold;
	font-size: 120%;
}

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

#footer {
	overflow:hidden;
	width:100%;
	padding:1em 0;
	background:#000;
	color:#fff;
	font-size:80%;
	text-align:right;
}

.footer-nav {
	margin-right:.75em;
	float:right;
}

.footer-nav a {
	display:inline-block;
	margin:.5em .25em;
	padding:.5em;
	border:1px solid #fff;
	border-radius:4px;
	color:#fff;
	font-size:80%;
	text-decoration:none;
	text-align:right;
}
.footer-nav a:hover {
	background:#666;
}
#footer span {
}
#footer span a {
	border:none;
	border-radius: 0px;
	padding-bottom:.25em;
	border-bottom:1px solid #fff;
}



.font-b {
	font-weight:bold !important;
}
.text-r {
	text-align:right !important;
}
.text-l {
	text-align:left !important;
}
.text-c {
	text-align:center !important;
}
.text-i1 {
	text-indent:1em !important;
}
.margin-t0 {
	margin-top:0 !important;
}
.margin-t05 {
	margin-top:.5em !important;
}
.margin-t1 {
	margin-top:1em !important;
}
.margin-t15 {
	margin-top:1.5em !important;
}
.margin-t2 {
	margin-top:2em !important;;
}
.margin-t25 {
	margin-top:2.5em !important;
}
.margin-t3 {
	margin-top:3em !important;
}
.margin-t4 {
	margin-top:4em !important;
}
.margin-t5 {
	margin-top:5em !important;
}
.margin-b0 {
	margin-bottom:0 !important;
}
.margin-b05 {
	margin-bottom:.5em !important;
}
.margin-b1 {
	margin-bottom:1em !important;
}
.margin-b15 {
	margin-bottom:1.5em !important;
}
.margin-b2 {
	margin-bottom:2em !important;
}
.margin-b25 {
	margin-bottom:2.5em !important;
}
.margin-b3 {
	margin-bottom:3em !important;
}
.margin-b4 {
	margin-bottom:4em !important;
}
.margin-r05 {
	margin-right:.5em !important;
}
.margin-r1 {
	margin-right:1em !important;
}
.margin-r2 {
	margin-right:2em !important;
}
.margin-l1 {
	margin-left:1em !important;
}
.margin-l15 {
	margin-left:1.5em !important;
}
.margin-l2 {
	margin-left:2em !important;
}
.border-1 {
	border:1px solid #ccc !important;
}
.small {
	font-size:80%;
}

.redText { color:#ff0000; }

.block__commission dl dt {
    font-weight: bold;
}

.block__commission dl dd {
    margin-left: 1em;
    margin-bottom: 1.5em;
}

/* +++++++++++program area　↓ */
.programWrapper {
	margin:2em 0 0 0;
}



.programArea h3 {
    padding:4px;
    text-indent:0.5em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background:#efefef; 
    margin-bottom:0.5em;
}



.progULarea {
	margin-top:1em;
}

.programArea ul {
	list-style:inside none;
	margin:0;
	padding:0;
}

.programArea div#themel{
	width:40%;
	float:left;
	margin-right:2%;
}
.programArea div#themer{
	width:55%;
	float:left;
}

	.programArea {
	    overflow:hidden;
	}

.programArea ul li {
	margin-bottom:0.5em;
	padding:10px;
	font-size:90%;
}
/* +++++++++++program area　↑ */

/* +++++++++++exhibitArea　↓ */
.exhibitArea {
	margin:4em 2em 4em 2em;
	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;
	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;
}

/* +++++++++++exhibitArea　↑ */


/* ++++++++chairmanArea　↓ */


dl.chairman {
	text-align:right;
	position: relative;
}

.programArea {
    overflow:hidden;
}

dl.chairman dt {
	float:right;
	width:120px;
	height:160px;
	margin-left:15px;
	margin-right:0;
}

dl.chairman dd {
	margin-left:auto;
	float:left;
	text-align:right;
	padding:0;
	position: absolute;
	bottom:0;
	right:130px;
	font-size:90%;
}

dl.chairman dd span {
	font-size:100%;
	font-weight:bold;
}
/* ++++++++chairmanArea　↑ */


.sponsorArea {
    border: solid 1px transparent;
    border-image: url(../images/border__sponsor.png) 16 / 16px repeat;
}

.role_line, .sponsor-pt div, .sponsor-gl div, .sponsor-sv div, .sponsor-sp div, .sponsor-au div, .sponsor-media div, .sponsor-exhibition div {
    margin-bottom: 1em;
    padding: .5em 0;
    border-bottom: 1px solid #ccc;
    font-size: 80%;
    font-weight: bold;
}

.sponsor-pt__item, .sponsor-gl__item, .sponsor-sv__item, .sponsor-sp__item, .sponsor-au__item, .sponsor-media__item {
    list-style: none;
}

.sponsor-pt,.sponsor-gl,.sponsor-sv,.sponsor-sp,.sponsor-au,.sponsor-media {
	margin-bottom: 1em;
	margin-top: 0.5em;
	}
	

.block__sponsor{
    text-align: center;
}

.sponsorArea ul {
    -webkit-padding-start: 0px;
}

.sponsorArea li {
    display: inline-block;
    line-height: 5em;
    vertical-align: middle;
    margin: 0 20px;
}

.sponsorArea li img{
    vertical-align: middle;
}

/* +++++++++++exhibitArea　↓ */
.exhibitArea {
	margin:4em 2em 4em 2em;
	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;
	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;
}

/* +++++++++++exhibitArea　↑ */

/* +++++++++++pickupArea　↓ */

h3.pickupH3 {
	margin:3em auto 0 20px;
	padding:5px 5px 5px 15px;
	width:95%;
	-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    background:#efefef;
    width:7em;
    color:#d42d2d;
    border-right:4px solid #d2d2d2;
}

div.pickupArea {
	background:#efefef;
	-webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-right:2px solid #d2d2d2;
    border-bottom:4px solid #d2d2d2;
    background:url(../images/bg-stripe.png) left top repeat;
}

div.pickupAreaInner {
	padding:10px 0;
}



.pickupend {
	margin-right:0 !important;
}

.pickup p {
	margin:0;
	padding:0;
}

.pickup img {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	width:100px;
	height:100px;
}

div.pickupIcon {
	background:#d42d2d;
	color:#fff;
	margin-bottom:.5em;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:5px 0;
}

div.pickupIcon p {
	color:#fff;
}

p.pickupType {
	border-bottom:1px dotted #fff;
	margin:5px;
	font-weight:bold;
	font-size:90%;
}

p.pickupDay {
	margin:5px;
	text-align:right;
	font-size:95%;
}

p.pickupTitle {
	font-weight:bold;
	margin-bottom:.5em;
}

p.pickupCompany {
	font-size:80%;
}

.pickup__name {
	font-size:120%;
}

.pickup__name:after {
	content:"氏";
	margin-left:.5em;
	font-size:80%;
}

/* +++++++++++pickupArea　↑ */

@media only screen and (max-width:795px) {
	#content{
	padding:10px;	
}
	#overview {
		padding:0 .5em;
	}

	table {
		display:block;
	}
	tbody,
	tr {
		display:block;
	}
	th,
	td {
		display:block;
	}
	td {
		border-right:none;
		border-top: 1px solid #797979;
	}
	/*td:last-child {
		border:none;
	}*/
	.overview__table th {
		padding:.5em 0;
		width:100%;
		font-size: 100%;
	}
	
	.block__chairman dl {
		width:100%;
		float:none;
	}
	
	.block__chairman dl+dl {
		margin-left:0;
		margin-top:2em;
	}
	

	
	#mailArea {
		margin:0 1em 3em 1em;
	}
	
	h2.mailAreaTitle {
		margin:2em 1em 0 1em;
	}
	
	#SMP_STYLE dt.title {
		display: block;
		width: 100%;
		padding:0;
	}
	
	#SMP_STYLE dd.data {
		display: block;
		width:100%;
		margin-bottom:12px;
	}
	

	
}

@media only screen and (min-width:796px)  {


	#wrapper {
		max-width:1020px;
		margin:0 auto;
		box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
	}
	
	#overview {
		padding-left:.5em;
	}
	
	.overview__table th,
	.block__commission th {
		padding:20px 4px;
		font-size: 80%;
		line-height:1.5;
	}
	
	.overview__table th,
	.block__commission th {
		width:12%;
		border-bottom:1px solid #797979;
	}
	.overview__table th:last-child,
	.block__commission th:last-child  {
		border:none;
	}
	.overview__table td,
	.block__commission td {
		width:88%;
		border:1px solid #797979;
	}
	
	#content {
		width:92%;
		margin:0 auto;
	}
	
	#top #content {
   	 float: left;
   	 width: 76%;
   	 margin: 0 2%;
	}
	
	#top .block__sponsor {
		float: right;
        	width: 18%;
        	margin: 0 1%;
	}
	
	#top .block__sponsor img{
		max-width:125px;
	}
	
	#top #wrapper{
	overflow:hidden;
	}
	
	.footer-logo{
	float:left;
   	margin: 0.5em 1.5em;
	}
	
	.global-nav__item {
	display: inline-block;
	font-size: 90%;
	}
	
	.global-nav__item1{
	width: 17%;
	}
	
	.global-nav__item2,
	.global-nav__item3{
	width: 25%;
	}
	
	.global-nav__item4{
	width: 13%;
	}
	
	.global-nav__item5{
	width: 20%;
	}
	
	.programArea {
		margin:0;
	    width:60%;
	    float:left;
	    overflow:hidden;
	}
	
	
	.chairmanArea {
		margin-top:1em;
		width:40%;
		float:right;
	}
	

	
	
	
}

@media only screen and (min-width:970px)  {
	.pickup {
	width: 31%;
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
	}
	

	
	
}

@media only screen and (max-width:450px)  {
	.sponsorArea li {
	display: block;
    }
}

@media print {
	#wrapper {
		width:100%;
		margin:0 auto;
	}
	
	.copy,
	.theme,
	#overview,
	#commission,
	#timetable-1,
	#timetable-2,
	#exhibition {
		padding-left:.5em;
	}
	
	.overview__table th,
	.commission__table th,
	.timetable__datetime {
		padding:20px 4px;
		height:100%;
		font-size: 80%;
		line-height:1.5;
	}
	
	.global-nav,
	#sidebar,
	.block__sns-button,
	.timetable__display-button,
	.footer-nav {
		display:none
	}
	
	.collapse {
		display:block;
	}

	.overview__table th,
	.commission__table th,
	.timetable__table th {
		width:10%;
		border-bottom:1px solid #fff;
	}
	.overview__table th:last-child
	.commission__table th:last-child,
	.timetable__table th:last-child {
		border:none;
	}
	.overview__table td,
	.commission__table td {
		width:90%;
		border-right:1px solid #797979;
		border-bottom:1px solid #797979;
	}
	.timetable__table td {
		width:90%;
		border-top:1px solid #797979;
		border-right:1px solid #797979;
		border-bottom:1px solid #797979;
	}
	.overview__table td:last-child,
	.commission__table td:last-child,
	.timetable__table td:last-child {
		border-right:none;
	}
	
	#content {
		width:92%;
		margin:0 auto;
	}

}