/* Web Font */
/* Event(Index / Article) / Event Report(Article) */
h3.event_ttl .ttl_box    {font-family: "FP-こぶりなゴシック StdN W3";}
.event_box .detail_box th,
.event_box .detail_box td{font-family: "FP-こぶりなゴシック StdN W3";}
.event_box .detail_box .event_form a{font-family: "FP-こぶりなゴシック StdN W3";}
/* Event Report */
.event_list h3{font-family: 'Karla', sans-serif;}

/* Event Index */
.no_event{padding:0 15px 15px;}

/* Title */
h3.event_ttl{margin-bottom:10px;}
h3.event_ttl .end{margin-bottom:5px;color:#666666;}/* event_rp */
h3.event_ttl .img_icon{margin-bottom:10px;}
h3.event_ttl .img_icon img{max-width:140px;max-height:26px;height:auto;width:auto;}
h3.event_ttl .ttl_box{font-size:1.35em;color:#0e3262;line-height:1.5;}
h3.event_ttl .ttl_box a{color:inherit;}

.event_box{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dotted #666666;}

@media screen and (max-width:999px) {.event_box{max-width:770px;margin:0 auto 20px;}}
@media screen and (max-width:799px) {.event_box{margin:0 15px 20px;}}
@media screen and (max-width:599px) {h3.event_ttl .ttl_box{font-size:1.2em;}}


/* thumb */
.event_box .img_box{float:left;width:170px;max-height:158px;overflow:hidden;}
.event_box .img_box a{display:block;}
.event_box .img_box img{display:block;width:100%;height:auto;}
.event_box .img_box a:hover{opacity:0.7;}

/* detail */
.event_box .detail_box{float:right;width:100%;margin-left:-200px;}
.event_box .detail_box table{margin:0 0 20px 200px;}
.event_box .detail_box .event_form{margin-left:200px;}
.event_box .detail_box th,
.event_box .detail_box td{padding:2px 7px;font-size:1.0em;}
.event_box .detail_box th{line-height: 1.5;width:45px;background:#2fb5e8;color:#fff;text-align:center;white-space:nowrap;}
.event_box .detail_box .map_btn a{padding-left:40px;}

.detail_box .event_form a{
	display:inline-block;
	min-width:12em;
	padding:0 15px 0 0;
	margin-right: 10px;
	background:#0e3262;
	border-radius: 3px;
	color:#ffffff;
	line-height:32px;
	text-decoration:none;
}
.detail_box .event_form a:hover{opacity:0.75;transition:0.2s ease-in-out;}
.detail_box .event_form a:before{
	content:">";
	display:inline-block;
	width:30px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

@media screen and (max-width:799px) {
	.event_box .img_box{width:120px;}
	.event_box .detail_box{margin-left:-135px;}
	.event_box .detail_box table,
	.event_box .detail_box .event_form{margin-left:135px;}
}

@media screen and (max-width:599px) {
	.event_box .img_box{float:none;width:170px;margin-bottom:20px;}
	.event_box .img_box a{width:170px;}
	.event_box .detail_box{float:none;margin-left:0;}
	.event_box .detail_box table,
	.event_box .detail_box .event_form{margin-left:0;}
}

.event_box .text_box{
	padding:15px;
	margin-top:20px;
	background:#e5e6e6;
	font-size:0.9em;
}

@media screen and (max-width:800px) {
	.event_box .detail_box li.map_btn a{padding-left:20px;}
}

@media screen and (max-width:599px) {
	.event_box .detail_box ul{margin-bottom:0;overflow:hidden;}
	.event_box .detail_box li{line-height:1.6;}
	.event_box .detail_box li{padding-bottom:8px;}
	.detail_box .event_form{margin-bottom:0;padding-bottom:0;}
	.event_box .detail_box li span{letter-spacing:.1em;font-weight:bold;width:3.4em;padding-left:0;margin-bottom:2px;}
	.event_box .detail_box li.map_btn a{padding-left:0;}
	.detail_box .event_form {overflow:hidden;}
	.detail_box .event_form a{display:block;max-width:200px;margin:0 auto 8px;}
	#article_detail{padding:0 0 10px;}
}


/* Rich Text Area */
@media screen and (max-width:799px) {
	#rte_area.co_event{margin:0 15px;}
}


/* Event Report Index */
.event_list{margin:0 15px 40px;}
.event_list h3{margin-bottom:15px;font-size:1.8em;color:#7297c0;line-height:1;}
.event_list li:nth-child(even){background:#f0f0f0;}
.event_list li a{display:block;padding:8px 15px;}
.event_list li a .date {display:block;margin-right:15px;color:#000000;}
.event_list li a .title{display:inline-block;}
.event_list li a:hover .title{text-decoration:underline;}

@media screen and (min-width:800px){
	.event_list{margin:0 auto 60px;}
}

@media screen and (min-width:600px){
	.event_list li a .date {display:inline-block;}
}