/*	IMPORT RESET	*/
@import url("reset.css");
/*	IMPORT BASIC	*/
@import url("basic.css");
/*	<header><footer><nav>ｿｰｽのｲﾝﾎﾟｰﾄ	*/
@import url("nav.css");
/*	ﾌﾚｯｸｽﾎﾞｯｸｽのｲﾝﾎﾟｰﾄ	*/
@import url("co-flexbox.css");

body {
	position: relative;
}
/*--------------------------------------------------------
	ｺﾝﾃﾝﾂ部分の設定
----------------------------------------------------------*/
h5.tizu {
	background-color: #F5DA81;
	text-align: left;
}
p.sch {
	font-size: 120%;
	line-height:1.2; 
	padding: 10px;
	text-indent: 1em;
}
.reserve {
	display: flex;
	display: -webkit-flex;	
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #FBEFF2;
}
.schedule {
	width: 65%;
}
.map {
	width: 35%;
	text-align: center;
	font-size: 120%;
}
.map img {
	width: 100%;
}
#map_canvas1 {
	height: 238px;
}
#map_canvas2 {
	height: 238px;
}
#map_canvas3 {
	height: 238px;
}
table {
	border-collapse: collapse;
	width: 100%;
}
table th,table td {
	padding: 10px;
	border: 1px solid #999;
}
table th {
	background-color: #F3F2FF;
	text-align: center;
}
table td {
	background-color: #FAFAFA;
}
table td.dime {
	text-align:center;
	width: 12%;
}
table td.time {
	text-align:center;
	width: 45%;
}
table td.cope {
	width: 25%;
}
@media screen and (orientation:portrait){
p {
	font-size: 100%;
	line-height:1.2; 
	padding: 5px 10px;
	text-indent: 1em;
}
.reserve {
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.schedule {
	width: 100%;
}
.map {
	width: 100%;
}}
@media screen and (max-width: 414px) {
h5 {
	font-size: 120%;
}
table {
	font-size: 85%;
}
table th,table td {
	padding: 5px 0;
}
table td.dime {
	text-align:center;
	width: 12%;
}
table td.time {
	text-align:center;
	width: 40%;
}
table td.cope {
	text-align:center;
	width: 25%;
}}