@charset "utf-8";
/* CSS Document */
body {
	background: #F5F5F5;
}
header {
	background: #FFF;
	padding: 10px 0;
}
h1 {
	font-size: 16px;
	color: #4C4C4C;
	text-align: center;
}
.area_btn_etc {
	float: right;
	margin: -20px 10px 0 0;
}
.area_btn_etc a {
	color: #E4007F;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #262626;
	text-align: center;
	margin: 0 0 40px 0;
	padding: 10px 0 0 0;
}
.main-carousel {
	width:100%;
	background-color:#FFF;
}
.main-carousel .carousel-cell {
	width:100%;
}
.main-carousel .carousel-cell img {
	width:100%;
	height:auto;
}
#area_info #p_content {
	word-wrap: break-word;
}
.table_event_info {
	margin: 20px 0;
	border-top: #A5A5A5 solid thin;
	border-left: #A5A5A5 solid thin;
}
.table_event_info caption {
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #A5A5A5;
	padding: 4px;
}
.table_event_info th {
	font-weight: bold;
	background: #E5E5E5;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	padding: 6px;
	border-right: #A5A5A5 solid thin;
	border-bottom: #A5A5A5 solid thin;
}
.table_event_info  td {
	background: #FAFAFA;
	vertical-align: top;
	word-wrap: break-word;
	padding: 6px;
	border-right: #A5A5A5 solid thin;
	border-bottom: #A5A5A5 solid thin;
}
.area_list_btn{
	text-align: center;
	display: block;
	clear: both;
}
.area_list_btn a{
	font-weight: bold;
	color: #FFF;
	display: block;
	background: #E4007F;
	padding: 10px 20px;
	margin: 0 0 40px 0;
	border-radius: 6px;
}
.area_list_btn a:hover{
	opacity: 0.5;
}
@media screen and (max-width:800px) {/*スマホ*/
.area_btn_etc a {
	font-size:10px;
}
.area {
	width: 100%;
	background: #FFF;
}
.area .area_event_info{
	padding: 10px;
}
h3 {
	font-size: 16px;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
	border-bottom: #666 solid 4px;
}
.area .area_event_info .p_content{
	font-size: 14px;
	line-height: 22px;
}
.table_event_info caption {
	font-size: 14px;
}
.table_event_info th {
	font-size: 12px;
}
.table_event_info  td {
	font-size: 12px;
}
.p_state {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	margin: 20px 0;
}
footer {
	padding: 20px 10px;
	text-align: center;
}
}
@media screen and (min-width:801px) {/*PC*/
.area_btn_etc a {
	font-size:16px;
}
.area {
	width: 800px;
	margin: auto;
	background: #FFF;
	border-right: #E6E6E6 solid thin;
	border-bottom: #E6E6E6 solid thin;
	border-left: #E6E6E6 solid thin;
}
.area .area_event_info{
	padding: 20px;
}
h3 {
	font-size: 20px;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
	border-bottom: #666 solid 4px;
}
.area .area_event_info .p_content{
	font-size: 16px;
	line-height: 24px;
}
.p_state {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	margin: 20px 0;
}
footer {
	text-align: center;
	width: 100%;
	padding: 20px 0;
	display: block;
}
}