﻿.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*--map--*/
#eventarea p{margin:1em auto;}

article.map{padding:2em;background:#f2f9ec; margin-bottom:3em}
article.map .f_l{padding:1em 1.5em;float:left; width:27%; background:#fff;}
#content article.map .f_l h4{border:none;font-size:1em !important;color:#9ec96c;padding:0;margin:0 auto 1.5em}
#content article.map .f_l h4:before,#content article.map .f_l h4:after{content:none;}

article.map dl.place dt{color:#fff;font-weight:bold;text-indent:.8em}
article.map dl.place dt:nth-of-type(1){background:#c5d910}
article.map dl.place dt:nth-of-type(2){background:#4bb3e2}
article.map dl.place dt:nth-of-type(3){background:#e976a5}
article.map dl.place dt:nth-of-type(4){background:#f3a92d}
article.map dl.place dt:nth-of-type(5){background:#999}
article.map dl.place dd{text-indent:1.2em}
article.map dl.place dt,article.map dl.place dd{margin-bottom:.5em;}
article.map dl.place dd a{display:block;}
article.map dl.place dd a:hover{background:rgba(196,215,6,.5)}

article.map .f_r{padding:2em 4em; width:70%; background:#fff;float:right; position:relative}

ul.place li{position:absolute;}
ul.place a{background:#f00;color:#fff; padding:0 .5em}
ul.place li.suzu{top:6%;right:12%}
ul.place li.noto{top:15%;right:20%}
ul.place li.waji{top:14%;right:42%}
ul.place li.anam{top:20%;right:35%}
ul.place li.sika{top:30%;right:52%}
ul.place li.nana{top:33%;right:30%}
ul.place li.naka{top:37%;right:33%}
ul.place li.hakui{top:41%;right:49%}
ul.place li.houd{top:46%;right:38%}
ul.place li.kaho{top:52%;right:55%}
ul.place li.tuba{top:56%;right:45%}
ul.place li.uchi{top:57%;right:61%}
ul.place li.knzw{top:64%;right:48%}
ul.place li.nono{top:65%;right:65%}
ul.place li.hakusan{top:83%;right:53%}
ul.place li.kawa{top:69%;right:73%}
ul.place li.nomi{top:72%;right:64%}
ul.place li.koma{top:78%;right:69%}
ul.place li.kaga{top:84%;right:80%}
ul.place li.other{bottom:10%;right:15%}

/*--map detail--*/

#map h3 span{font-size:.7em;}
section.detail{margin:3em auto 4em;}

section.detail article{margin-bottom:3em;}

.pager ul li a{border: 1px solid #999;color: #000;background: rgba(255,255,255,1);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}

.pager ul li.crnt a {border: 1px solid #a2b500;color: #fff;background: #c7df00;background: -moz-linear-gradient(top, #c7df00 0%, #bad000 100%);background: -webkit-linear-gradient(top, #c7df00 0%, #bad000 100%);background: linear-gradient(to bottom, #c7df00 0%,#bad000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7df00', endColorstr='#bad000',GradientType=0 );}
.pager ul li:not(.crnt) a:hover{border-color: #BAD000;color:#a2b500}


ul.list{margin:2em auto;}
ul.list li{border-bottom:1px #ccc dashed}
ul.list li a{display:block; padding:1em}
#content .list h5{color:#8dbf52;border:none;font-size:1.2em !important; padding:0; margin:.5em 0}
ul.list dl{margin-top:1em;}
ul.list dl dt,ul.list dl dd{padding:.2em 0;}
ul.list dl dt{clear:left;float:left; width:8em;text-align:center;color:#fff;background:#c5d910;}
ul.list dl dd{margin-left:9em;}

ul.list li a:hover{background:rgba(196,215,6,0.1);opacity:1}

@media only screen and (max-width: 768px){

/*--map--*/
article.map{padding:1em}
#content article.map .f_l h4{margin-bottom:.5em;}
article.map .f_l,article.map .f_r{width:100%; float:none; margin:0 auto 1em; padding:1em }
article.map dl.place dt{margin-bottom:0;}
article.map dl.place dd{display:inline-block; margin:.5em; text-indent:0}

/*--map detail--*/
}

@media only screen and (max-width: 480px){

/*--map--*/
article.map{padding:.5em}
article.map .f_r{padding:0 }

}