@charset "utf-8";
/* CSS Document */

.main-content__wrapper{

}

.yoyakukaiInfo{
	max-width:640px;
	width:100%;
	margin:auto;
	padding:0;
}

/*
.Info-title{
	max-width:500px;
	width:100%;
	margin:40px auto;
	text-align:center;
	font-size:2.5rem;
	font-weight:normal;
	color: #552D40;
	letter-spacing: 0.2em;
}
*/
.yoyakukaiInfo-image{
	max-width:640px;
	width:100%;
	margin:auto;
	padding:0;
}

.yoyakukaiInfo-image > li{
	width:50%;
	float:left;
}

.yoyakukaiInfo-image > li > img{
	width:100%;

}


/*
.yoyakukaiInfo-text{
	clear:both;
	max-width:640px;
	width:90%;
	text-align:center;
	margin:auto;
	padding:25px 0;
	line-height: 2;
	font-size:1.8rem;
	color:#552d40;
}

*/
.yoyakukaiInfo-areaBtn__wrapper {
	margin-bottom: 60px;
}
.yoyakukaiInfo-areaBtn{
	/*max-width:400px;*/
	max-width: 640px;
	width:96%;
	margin:auto;
	/*margin:0 auto 110px;*/
	display: -webkit-flex;
  display: flex;
}

.yoyakukaiInfo-areaBtn li{
	background-color:#afcfca;
	padding:36px;
	margin-top:35px;
	text-align:center;
	font-size:2rem;
	width:25%;
}
.yoyakukaiInfo-areaBtn li:not(:last-child) {
	margin-right: 10px;
}

.yoyakukaiInfo-areaBtn > li > a{
	display:block;
}

.yoyakukaiInfo-areaBtn > li > a > span{
	display:block;
}

.yoyakukaiInfo-areaBtn4{
	/*max-width:400px;*/
	max-width: 640px;
	width:96%;
	margin:auto;
	/*margin:0 auto 110px;*/
	display: -webkit-flex;
  display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.yoyakukaiInfo-areaBtn4 li{
	background-color:#afcfca;
	padding:30px;
	margin-top:35px;
	text-align:center;
	font-size:2rem;
	width:29%;
}
/*.yoyakukaiInfo-areaBtn4 li:not(:last-child) {
	margin-right: 10px;
}
*/
.yoyakukaiInfo-areaBtn4 > li > a{
	display:block;
}

.yoyakukaiInfo-areaBtn4 > li > a > span{
	display:block;
}


/*.yoyakukaiInfo-areaBtn > li > a > span::before{
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: red;
}

.yoyakukaiInfo-areaBtn > li > a > span::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #fff;
}
*/

@media(max-width:640px) {
	.yoyakukaiInfo-text{
		font-size:1.6rem;
		text-align:left;
	}
	.yoyakukaiInfo-areaBtn{
		display:block;
	}
	.yoyakukaiInfo-areaBtn li{
		width:auto;
	}
	.yoyakukaiInfo-areaBtn li:not(:last-child) {
		margin-right: 0px;
	}
}


.area__wrapper{
	max-width:640px;
	width:100%;
	margin:0 auto 70px auto;
/*	background-color:#f7dee5;　*/
	background-color:#afcfca;
	padding-bottom:50px;
}
.area-title{
	text-align: center;
	font-size:2.4rem;
	padding:4rem;


}
.area{
	background-color:#FFFFFF;
	max-width:560px;
	width:86%;
	margin:2rem auto 4rem;
	padding:15px;
}
.area-map{
	padding-top: 30px;
}
.area-info{

}
.area-info > .subtitleKaijo{
/*	background-color:#f7dee5; */
	background-color:#609f96;
	font-size:2rem;
	line-height: 2rem;
	font-weight:bold;
	color:#ffffff;
	padding:2rem;
	margin-top:10px;
}

.area-info > .subtitle{
	background-color:#bbb4ac; 
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	padding:5px 10px;
	margin-top:15px;
}
.area-info > .imageKaijo img{
	width: 100%;
	text-align:center;
}

.area-info > .year{
	text-align:center;
}
.area-info > .periodTB{
	border:1px #aaaaaa solid;
	width:85%;
	font-size:1.4rem;
	margin: 4px auto;
}
.area-info > .periodTB tr{

}
.area-info > .periodTB tr th{
	border:1px #aaaaaa solid;
	background-color:#999999;
	color:#FFFFFF;
	width:15%;
}
.area-info > .periodTB tr td{
	border:1px #aaaaaa solid;
	padding:5px 0 5px 10px;
}

.area-info > .notice{
	font-size:1.2rem;
}
.area-info > .hours{
	padding:5px 0;
}
.area-info > .station{

}
.area-info > .location{
	font-size:1.6rem;
	font-weight:bold;tokai
}
.area-info > .room{

}
.area-info > .address{
	margin-top:10px;
}
.area-info > .building{

}

.tokai{
}
.area-btns > li{
	width:85%;
	margin:15px auto;
	padding:10px 0;
	color:#ffffff;
	text-align:center;
	font-size:1.9rem;
}
.area-btns > li.kaijo{
	/*background-color:#e1a7bc;*/
		background-color:#A15578;
}
.area-btns > li.kaijo > a{
	color:#ffffff;
}
.area-btns > li.map{
	background-color:#999999;
}
.area-btns > li.map > a:link,.area-btns > li.map > a:visited{
	color:#ffffff!important;
}