@charset "utf-8";

/* initialize */
#main-contents {
  font: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
}

img {
	max-width:100%;
	border:none;
	vertical-align: bottom;
}
ul,
ol,
dl {
	margin:0;
}
p {
	max-width:60em;
	color:#333;
	font-size:90%;
	line-height: 1.8;
	letter-spacing:1px;
}

/* table */
.overview__table,
.timetable__table {
	empty-cells: show;
	background: #fcfcfc;
}
.overview__table th {
	text-align:right;
}
.timetable__table th {
	text-align:center;
}
#event-content td {
	background: none repeat scroll 0 0 #fff !important;
}

/* global-nav */

.global-nav {
	margin:0;
	padding:0;
}
.global-nav__item {
	list-style:none !important;
	background:#eee;
	letter-spacing:0.1em;
}
.global-nav__submit {
	background:#f1b000;
}
.global-nav__item a {
	display:block;
	margin:0;
	color:#333;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}
.global-nav__submit a {
	color:#fff;
}
.global-nav__item .active,
.global-nav__item a:hover {
	background:#ddd;
}
.global-nav__submit a:hover {
	background:#f0c246;
}

/* pickup */
.pickup {
	margin-bottom: 2em;
	padding: 1em;
	border: 1px solid #bbe09c;
	background: #f7fdf2;
}
.pickup__item {
	list-style:none !important;
}
.pickup__main-title {
	color: #007d00;
	font-weight: bold;
	font-size: 140% !important;
}
.pickup__sub-title {
	font-size: 110% !important;
}
.pickup__speaker-name {
	margin-top: .5em;
	font-weight: bold;
	font-size: 120% !important;
}

/* timetable */
.timetable__details {
  padding-left: 0 !important;
}
.timetable__pic img {
	border: 1px solid #ccc;
}
.timetable__type,
.timetable__title,
.timetable__speaker,
.timetable__belong,
.timetable__summary,
.timetable__prof {
	margin-bottom:1em;
}
.timetable__division,
.timetable__post {
	margin-right:1em;
}
.timetable__main-title,
.timetable__sub-title {
	font-weight:bold;
}
.timetable__main-title {
	font-size:140%;
}
.timetable__sub-title {
	margin-top:.3em;
}
.timetable__pic {
	float:right;
	margin-left:1em;
	text-align:center;
}
/* .timetable__belong {
	margin-left:150px;
} */

.timetable__division,
.timetable__post {
	margin-top:.3em;
}
.timetable__name {
	display:inline-block;
	font-weight:bold;
	font-size:120%;
}
.timetable__name:after {
	content:"氏";
	margin-left:.5em;
	font-weight:normal;
	font-size:80%;
}

.overview__place, 
.overview__contact {
	padding-left: 0 !important;
}

/* submit button */

.button__submit {
	max-width:40em;
	min-width: 12em;
	margin:2em auto 3em;
	border-radius:4px;
	background:#f1b000;
	text-align:center;
}
.button__submit:hover {
	background: #f0c246;
}
.button__submit a {
	display:block;
	padding:1em;
	color:#fff !important;
	font-size:140% !important;
	text-decoration:none !important;
}

/* .overview */
.overview__place__access {
	padding-left: 1em;
}
.overview__place__access li {
	list-style:none !important
}
.access-jr-osaka:before,
.access-jr-tozai:before,
.access-hankyu:before,
.access-hansin:before,
.access-tanimati:before,
.access-yotubasi:before,
.access-midosuji:before {
	color:#ff1493;
	content:"○ ";
	padding-right:.25em;
	font-weight:bold;
}

.access-jr-osaka:before {color:#ccc;}
.access-jr-tozai:before {color:#ff1493;}
.access-hankyu:before {color:#800000;}
.access-hansin:before {color:#fc3;}
.access-tanimati:before {color:#522886;}
.access-yotubasi:before {color:#0078ba;}
.access-midosuji:before {color:#e5171f;}

/* etc */
.overview__url {
	word-break: break-all;
}
.timetable__display-button {
  display: inline-block;
  margin-left: .5em;
  font-size:80%;
}
.label {
	padding: .25em 1em;
	border-radius: 4px;
	background-color: #999;
	color: #fff;
	font-size: 80%;
	text-align: center;
}
#event-aside {
	text-align: center;
}
.sponsor {
	margin-bottom:1.5em;
/*	border: solid 16px transparent;
	border-image: url("kakomi-curve-border.png") 16 / 16px repeat;*/
}
.sponsor div {
	margin-bottom:1em;
	padding:.5em 0;
	border-bottom:1px solid #263659;
	font-size:80%;
	font-weight:bold;
}

.sponsor__list {
	margin:0;
	padding:0;
}

.sponsor__item {
	list-style:none !important;
}
.sponsor__item img {
	margin: 1em auto;
}

#block-block-12, #block-block-13 {
  padding: 12px 0;
}

@media only screen and (max-width:414px)  {
.timetable__pic {
	float:none;
	margin-left:.5em;
	margin-bottom:1em;
}
}

@media only screen and (max-width:767px)  {
	.global-nav__item {
		border-bottom:1px solid #ddd;
	}
	.global-nav__item:last-child {
		border-bottom:none;
	}
	.global-nav__item a {
		padding:.5em;
	}
	table {
		display:block;
		border:none !important;
	}
	tbody,
	tr {
		display:block;
		margin-bottom:1em;
	}
	th,
	td {
		display:list-item;
		list-style:none;
	}
	th {
		text-align:center !important;
	}
	td {
		border-right:none;
		border-bottom:1px solid #aaa;
	}
	td:last-child {
		border:none;
	}
	.overview__table th,
	.timetable__datetime {
		padding:.5em 0;
		width:100%;
		font-size: 100%;
	}
}

@media only screen and (min-width:768px)  {
	.block__global-nav {
		width:100%;
	}
	.block__global-nav:after {
		display:block;
		visibility:hidden;
		clear:both;
		height:0;
		content:""
	}
	.global-nav {
		width:100%;
		margin:0 auto;
		font-size:80%;
	}
	.global-nav__item {
		float:left;
		width:24.9%;
		border-right:1px solid #ddd;
	}
	.global-nav__item a {
		padding:0.5em;
	}
	.global-nav__item:last-child {
		border-right:none;
	}
}