#contents{width: 980px; padding-bottom: 100px; margin:0 auto;}
#contents a:hover{color:#4b5891; }
#catchArea{text-align: center; margin: 15px 0 30px 0;}
#catchArea h2{font-size: 26px; font-weight: bold;}
#catchArea h2 span{font-size: 20px;display: block;}
#dateArea{
font-size: 24px;
font-weight: bold;
text-align: center;
}
#dateArea p{
display: inline-block;
border-bottom: 1px solid #333;
margin-bottom: 15px;
padding-left: 20px;
}
#dateArea .suptxt{font-size: 50%;vertical-align: top;position: relative;top: -0.1em;}
#dateArea .switch_en{padding-right: 20px;}
#place{text-align: center; padding: 0 20px;}
#place p{font-size: 18px;}
#place .place01{letter-spacing: -0.2px;}
#place .place01 .map{font-weight: bold; margin-right: 20px;}
#place .place01 span a{display: inline;}
#place .place02{font-size: 14px;}
#place .wrap{margin-bottom: 20px;}
#attention{margin:0 20px 10px 20px;}
#attention li{float: left; width:auto; font-size:12px; margin-bottom: 5px;}
#attention li img{vertical-align: middle;}
#attention ul:after{
    content:"";
    display:block;
    clear:both;
}
#timetable{
margin: 0 20px;
border: 1px solid #333;
border-top: none;
}
#timetable .timeline{	overflow: hidden;}
#timetable .timeArea{
font-weight: bold;
width:16.26%;
float: left;
padding: 12px 10px 0;
border-top: 1px solid #333;
}
#timetable .detailsArea{
	width: 83.74%;
	float: left;
	margin: 0;
	padding: 10px;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
}

#timetable .detailsArea:after {
    content:"";
    display:block;
    clear:both;
}
#timetable .detailsArea-ttl{margin-bottom: 15px;}
#timetable .detailsArea-name{font-size:18px; font-weight: bold;}
#timetable .detailsArea-ttl .detailsArea-subttlname{font-size: 14px;}
#timetable .detailsArea-ttl .detailsArea-subttlname .switch_en{padding-right:10px; font-style: italic;}
#timetable .detailsArea-ttl .detailsArea-subttlname .switch_ja{font-weight: bold;}
#timetable .detailsArea .detailsArea-exp{font-size: 14px;}
#timetable .detailsArea .detailsArea-exp p{margin-bottom: 1em;}
#timetable .detailsArea .detailsArea-exp .switch_en{width:48%; float:left;}
#timetable .detailsArea .detailsArea-exp .switch_ja{width:48%; float:right;}
#timetable #time01 .detailsArea-ttl, #timetable #time04 .detailsArea-ttl{margin-bottom: 0; text-align: center;}
#timetable #time01 .detailsArea-name, #timetable #time04 .detailsArea-name{}
#timetable .detailsArea .detailArea-exp:after {
    content:"";
    display:block;
    clear:both;
}
.detailNote{margin:10px 20px; font-size: 10px;}
#infomation{margin: 20px 20px 0;}
#infomation .info01{float: left; width:41.5%; font-size: 12px;}
#infomation .info01 span{display: block; font-weight: bold;}
#infomation address{float: left; width:auto;}
#infomation address a{font-size: 25px; font-weight: bold;}
#timetable .break{display: block;}
.icon_j {
    background: url(/sites/default/files/contents/kidsclub/otws2016/images/japanese.gif) no-repeat right center;
    padding-right: 15px;
}
.br-point{display: block;}

@media (max-width: 979px) {
#contents{width:100%;}
#catchArea{margin-bottom: 15px;}
#catchArea h2{
    font-size: 18px;
    padding: 0 20px;
}
#catchArea h2 span {font-size: 16px;}
#dateArea{
font-size: 20px;
    padding: 10px 20px 0 20px;
    background-color: #f2f2f2;
    margin-bottom: 10px;
		}
#catchArea p{font-size: 20px;}
#dateArea{font-size: 20px;}
#dateArea p{padding-left: 0;}
#dateArea .switch_en{padding-right:0; display: block;}
#place{width:100%; margin: 0; padding:0 20px;}
#osaka #place, #tokyo #place,#sapporo #place{width:100%;}
#place p{font-size: 16px;}
#place .place01 .map{display: block; margin-right:0;}
#place .place02{font-size: 13px;}
#place .wrap{margin-bottom: 10px;}
#attention{margin-bottom: 3px; margin:10px 20px;}
#attention li{font-size: 13px; margin-bottom:5px; padding-left:1em; text-indent: -1em; }
#attention li img{width: 13px;}
#attention .switch_en{margin-bottom: 2px;}
#timetable .timeline{display: table; width: 100%;}
#timetable .timeArea{ float: none;display: table-cell;font-size: 13px; padding: 10px 5px; text-align: center;width:15%;}
#timetable .detailsArea{float: none;display: table-cell;padding: 5px 10px;}

#timetable .detailsArea-ttl .detailsArea-subttlname .switch_ja{display: block;}
#timetable .detailsArea .detailsArea-exp .switch_en{width: 100%; margin-bottom: 20px;}
#timetable .detailsArea .detailsArea-exp .switch_ja{width: 100%;}

#timetable .detailsArea-ttl{margin-bottom: 10px;}
#timetable .detailsArea-name{font-size: 16px;}
#timetable .detailsArea-ttl .detailsArea-subttlname{font-size: 13px;}
#timetable .detailsArea .detailsArea-exp{font-size: 13px;}
.detailNote{margin:10px 20px; font-size: 10px;}
#infomation{margin: 0 20px;}
#infomation .info01{font-size: 13px; width: 100%;}
#infomation address a{font-size: 13px;}


}