@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.01.09
***************************************************************** **/
#VIEW{}




#VIEW section h2.h2title{
	background: #87cfba;
}

#VIEW section h3{
	background: #147e5f;
	    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
	text-align: center;
	padding: 20px 10px;
	color: #fff;
}

#VIEW ul#viewlist{
}
#VIEW ul#viewlist li{
	float: left;
	width: 21%;
	margin: 2%;
	text-align: center;
	vertical-align: text-bottom;
}




#VIEW ul#viewlist li a:hover img{
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;

}
#VIEW ul#viewlist li h4{
	font-size: 1.0em;
	margin-top: 0.5em;
}
#VIEW ul#viewlist li p{
	text-align: left;
}



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

#VIEW ul#viewlist li{
	float: left;
	width: 46%;
	margin: 2%;
	text-align: center;
	vertical-align: text-bottom;
}

/*
#VIEW ul#viewlist li{
	float: none;
	width: 98%;
	margin: 4% 1%;
	text-align: left !important;
	padding-bottom: 20px;
	border-bottom:1px #dfdfdf dotted;
}

#VIEW ul#viewlist li img{
	float: left;
	width: 20%;	height: auto;
	margin: 0 2%;
}
*/


}


/* ------------------------------------
イベント詳細
------------------------------------ */
#VIEW .viewdetail{
	width: 70%;
	margin: 0 auto;
}
@media only screen and (max-width: 640px) {

#VIEW .viewdetail{
	width: 100%;
	margin: 0 auto;
}

}

#VIEW .viewdetail .picture{
	width: 30%;
	margin: 0 2%;
	float: right;
}

#VIEW .viewdetail h4{
	margin:3.0em 0 1.0em 0;
	padding-bottom: 0.25em;
	border-bottom:1px #147e5f solid;
}

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

#VIEW .viewdetail .picture{
	width: 60%;
	margin: 0 auto 2.0em auto;
	float: none;
}


}

/*関連観光スポット*/
ul#spotlink{}
ul#spotlink li{
	float: left;
	width: 25%;
	margin: 0 4%;
	text-align: center;
}
ul#spotlink li img{
	margin: 0 auto;
	text-align: center;
}