@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 {
	/*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;
}
ul.note {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px !important;
	margin-bottom: 1em;
	list-style-type: none !important;
	line-height: 1.4;
  color:#333;
}
ul.note li {
	padding-left: 1em;
	text-indent: -1em;
  font-weight: normal;
}

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

.fa.fa-genderless {
	font-size: 150%;
	padding-bottom: 0.2em;
  vertical-align: middle;
	line-height: 100%;
}

.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;
}

h1 img {
	width:100%;
}

#top h2,
#exhibition h2 {
	padding-left: .5em;
	border-left: .5em solid #ebb74c;
}

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 0.5em;
  font-size: 90%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display:block;
  margin: 1em 0;
  color: #fff;
  cursor: pointer;
}

.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;
}

/* 受付終了時（満席）に左ペイン最上部に表示する文言 */
.closed {
	text-align: center;
	font-weight: bold;
	margin-top: 2em;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 2em;
	border: 1px solid #f00;
}
/* 受付終了時（開催中止）に左ペイン最上部に表示する文言 */
.cancelled {
  color:#fff;
  text-align:center;
  font-weight:bold;
  margin:1em;
  padding:2em;
  background:#000;
}

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

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

.chairmanArea p.chairman__name {
  font-size: 1.2em;
  font-weight: 700;
	margin-top: 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_panelist:after {
	content:"氏";
	margin-left:.5em;
	font-weight:normal;
	font-size:70%;
}
.no-uji:after{
	content:"" !important;
}

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


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:linear-gradient(0deg, #333 0%, #444 50%, #333 100%);
	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: linear-gradient(to bottom, rgba(120,120,120,1) 0%, rgba(136,136,136,1) 50%, rgba(120,120,120,1) 100%);
}

.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: linear-gradient(to bottom, rgba(230,165,0,1) 0%, rgba(250,179,0,1) 50%, rgba(230,165,0,1) 100%);
}

.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:"）";
}
.block__overview .mainTitle{
  font-size: 120%;
  line-height: 1.4em;
}
.overview__table .timedate li b {
  display:inline-block;
  min-width:5.5em;
  font-size:85%;
  font-weight:normal;
  line-height:1;
  text-align:center;
  color:#333;
  padding:.5em;
  background:#e9e9e9;
  border-radius:3px;
}
.overview__table .timedate td > ul {
  margin:0;
  padding:0;
}
.overview__table .timedate td > ul > li:nth-of-type(1) {
  margin-bottom:1em;
}
.overview__table .timedate ul ul {
  font-size:100%;
  margin-top:.5em;
  padding:0;
}
.overview__table .timedate ul ul li {
  margin:.3em 0;
}

.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: #999;
}
.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,
.footer-nav a.active {
	background:#666;
}

#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; }

.margin-b1 {
	margin-bottom: 1em !important;
}

.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:49%;
	float:left;
	margin-right:2%;
}
.programArea div#themer{
	width:49%;
	float:left;
}

.programArea {
	 overflow:hidden;
}

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


/* ++++++++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-bz 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-bz__item, .sponsor-sp__item, .sponsor-au__item, .sponsor-media__item {
  list-style: none;
}

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

.block__sponsor{
  text-align: center;
}

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

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

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


/* +++++++++++exhibitArea　↓ */
.exhibitArea {
	margin-top: 3em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 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;
	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 {
  color:#8e7d62;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 2px;
  font-size: 170%;
}

div.pickupArea {
	margin:2em auto;
	padding: 5px;
	-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:1px solid #ac9a7c;
  background-color:#fffefa;
  /*background:url(../images/bg-stripe.png) left top repeat;*/
}

div.pickupAreaInner {
	padding:10px 40px 20px;
	border: solid 1px transparent;
  border-image: url(../images/border_pickup.png) 100 / 95px repeat;
	text-align:center;
}

.pickup {
	width:100%;
	display:inline-block;
}

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

p.panelist {
  display: inline-block;
  position: relative;
  padding: 0.2em 0;
  font-size: 0.8em;
  color: #FFF;
  background: #a6d3c8;
  width: 165px;
	margin-bottom: -0.1em;
}

p.panelist:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 1em transparent;
  border-right: solid 1em rgb(149, 158, 155);
}

p.panelist:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 1em transparent;
	border-left: solid 1em rgb(149, 158, 155);
	visibility: visible;
}

p.moderator {
  background: #bba6d3;
}

.pickup-img {
	margin-top: -0.15em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0.5em;
	max-width: 140px;
	border: 1px solid #ccc;
}

div.pickupIcon {
	background:#0766A2;
	margin:1em 0;
	border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding:5px 10px 3px 10px;
}

div.pickupIcon p {
	color:#fff;
}

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

p.pickupTime {
	font-size:80%;
	text-align:right;
}

p.pickupTitle {
	font-weight: bold;
	margin-bottom: .3em;
	width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.pickup__name {
	font-size:110%;
	font-weight:700;
	border-bottom:solid 1px #333;
	padding:.3em 0 !important;
	margin-bottom: .5em !important;
}

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

.pickup__other{
	font-size:90%;
	text-align:right;
}

.pickup__other:after {
	text-align:left;
}
/* +++++++++++pickupArea　↑ */


/* +++++++++++voiceArea　↓ */
.voice {
  padding: 1em;
  background: #eee;
  border-radius: 10px;
  margin-top: 2.5em;
  margin-bottom: 0em;
  /*font-size: 90%;*/
}
.voice dt {
  font-size: 120%;
}
.voice dd {
  margin:1em 0 0;
}
.voice dd:nth-of-type(2) {
  margin-top: 2em;
}
.voice i {
  color:#999;
  margin-right:.2em;
}
.voice ul {
	margin-left: 2.5em;
  margin-right: 1.5em;
  margin-bottom: 1em;
	padding-left: 0;
	list-style-type: disc;
	list-style-position: outside;
}
.voice ul li {
	margin-bottom: 0.5em;
}

.voice h3 {
	font-size: 100%;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	background-color: #CCCCCC;
	border-radius: 5px;
  margin-bottom: 1.5em;
}
/* +++++++++++voiceArea　↑ */


.footer-logo img {
	width: 80px !important;
}



@media only screen and (max-width:900px) {
.pickupTitle br {
  display: none;
  }
}



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

	table {
		display:block;
	}
	tbody,
	tr {
		display:block;
	}

	tr.pcOnly_last {
		display:none;
	}
	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;
	}
  .pickup {
		width:100%;
		display:block;
		margin-right:0;
		margin-bottom:1.5em;
		vertical-align:top;
	}

}


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

	#wrapper {
		max-width:1200px;
		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%;
    /*width:25%;
    width:33.33%;*/
    width:50%;
	}

	/*.global-nav__item1{
	width: 17%;
	}
	
	.global-nav__item2,
	.global-nav__item3{
	width: 25%;
	}
	
	.global-nav__item4{
	width: 13%;
	}*/

	.programArea {
    margin:0;
    width: 100%;
    float:left;
    overflow:hidden;
	}
	
	/* 2カラムの場合 */
  .programWrapper.box2column {
    display:flex;
  }
	.chairmanArea {
		margin-top:1em;
    margin-left: 3%;
    margin-right: 3%;
    width:44%;
    display: inline-block;
    box-sizing: border-box;
	}

	/* 3カラムの場合 */
	/*.chairmanArea {
		margin-top:1em;
		width:32%;
		float:right;
	}
	#chairmanArea1 {
    float: left;
    margin-right: 2%;
    background-color: #C4AEAF;
	}
	#chairmanArea2 {
    float: right;
    background-color: #89C6D5;
	}*/

	.pickup-box {
		float:left;
		width:48%;
		display:inline-block;
		margin-right:4%;
    position: relative;
	}
	.lecture {
		width: 48%;
	}
	.pickup-boxpend {
		margin-right:0 !important;
	}
	.pickup-boxpend span {
		letter-spacing: 0px;
		white-space: nowrap;
	}

}

@media only screen and (max-width:600px)  {
  .button__submit {
    width: 80%;
  }
}

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

  .voice ul {
    margin-left: 1.5em;
    margin-right: 0.5em;
  }
}


@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;
	}
}