.page_imgbox{
	width:100%;
	margin:0;
	position:relative;
	max-height:300px;
	overflow:hidden;
	-webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
.page_imgbox img{
	width:100%;
	height:auto;
	-webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;

	
		
}
.page_imgbox .blackfilter{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:url(../images/common/blackfilter2.png) left top repeat;
				z-index:900;
				pointer-events: none;
}
.page_imgbox h1{
	position:absolute;
	text-align:right;
	top:0px;
	left:50%;
	z-index:999;
	color:#fff;
	width:1.5em;
	font-size:2em;
	line-height:1.1;
	letter-spacing:0.5em;
	padding:1em 0.25em;
	margin:0;
	margin-left:-0.75em;
	height:auto;
	background:url(../images/top/bg_cont2.png) center top repeat;
}
.page_imgbox h1 span{ padding-left:0.2em;}
.page_main{
margin:70px 0 30px;
width:96%;
}
@media all and (max-width: 768px) {
	.page_imgbox h1{font-size:1.6em;}
	.page_main{ width:100%;}
}
@media all and (max-width: 480px) {
	.page_imgbox h1{font-size:1.3em;padding:0.5em 0.25em;}
}

.page_main h2{
	font-size:1.5em;
margin:20px 0 20px 0;
padding-top:2px;
text-indent:25px;
border-bottom:1px solid #333;
line-height:1.5;
font-weight:normal;
letter-spacing:0.06em;
background:url(../images/common/simbol_icon.png);
background-position:left 0.45em;
background-repeat:no-repeat;
-moz-background-size:18px 18px;
background-size:18px 18px;
color:#333;
}
.page_main h3{
	font-size:1.3em;
	line-height:1.7;
	color:#660;
	margin:0 0 5px;
	letter-spacing:0.08em;
}
.page_main h4{
	font-size:1.1em;
	font-weight:normal;
	color:#333;
	line-height:1.4;
	border-left:2px solid #CB3B2B;
	margin-bottom:6px;
	margin-top:15px;
	padding:0;
	padding-left:8px;
	letter-spacing:0.08em;
}
.page_main p{
	font-size:1em;
margin:0px 0 0.65em 0;
line-height:1.8;
font-weight:normal;
letter-spacing:0.06em;
color:#333;
}
@media all and (min-width: 768px) {
.page_main img.half-width{
	max-width:400px;
}
.page_main .box img.half-width{
	max-width:300px;
}
}
.page_main .box{
	border:none;
	background:#fff;
	margin-bottom:15px;
}
.page_main .box p{
	margin:0px 0 0.5em 0;
	font-size:0.9em;
	letter-spacing:0.06em;
	line-height:1.5;
}
.page_main .infobox{
	padding:15px 15px 10px;
	background:#fff;
	margin-bottom:15px;
}
.page_main .infobox h3{
	font-size:1.1em;
	font-weight:normal;
	color:#333;
	line-height:1.4;
	border-left:2px solid #CB3B2B;
	margin-bottom:6px;
	padding:0;
	padding-left:8px;
	padding-right:4px;
	letter-spacing:0.08em;
	background:#F2F0EB;
}
.page_main .infobox h3 a{
	color:#333;
	text-decoration:none;}
	.page_main .infobox h3 a:hover{
	color:#333;
	text-decoration:underline;}
	
	
.page_main .infobox .info_date{
	color:#660;
	text-align:right;
}
.page_main .infobox .event_img{
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height:150px;
				float:left;
				margin:3px 10px 10px 0;
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.page_main .infobox a:hover .event_img{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
@media all and (max-width: 480px) {
	.page_main .infobox .event_img{ width: 120px; height:120px;}
}

.page_main .infobox p{
	margin:0px 0 0.5em 0;
	font-size:0.9em;
	letter-spacing:0.06em;
	line-height:1.5;
}
.page_main .infobox p span{
	font-family: 'Fanwood Text',Georgia, Times, serif;
	font-style:italic;
	text-align:right;
	white-space:nowrap;
	padding-left:1em;
}
.page_main .infobox p span a{ text-decoration:none;}
	.page_main .infobox p span a:hover{		text-decoration:underline;}
.page_main .infobox p span i{
	font-style:normal;
	font-size:0.3em;
}

	.tablebox{
		border-color:#660;
		
		border-top:1px solid #C96;
		border-bottom:1px solid #C96;
		padding:2px 0;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	.tablebox table{
		margin:0;
		background:#fff;
	}
	.tablebox table tr:nth-of-type(even) td,
	.tablebox table tr:nth-of-type(even) th{
	background:#fefbf7;
}
	
	
/*	.page_sublist{
		width:100%;
		margin:0 0 30px;
		padding:0;
	}
	
.page_sublist h3{
			font-size:1.1em;
			color:#004A5A;
			border-left:3px solid #D6D8C0;
		width:100%;
		margin:0 0 5px;
		padding:4px 8% 2px;
	}
	
.page_sublist ul{
	font-size:1em;
			list-style:none;
		width:100%;
		margin: 0px auto 20px;
		padding:0;
	}
	.page_sublist ul li{
		margin:1px 0 0; padding:0;
		width:100%;
		height:40px;
	}
.page_sublist ul li a{
	margin:0; padding:10px 12%;
		width:100%;
		height:40px;
		border-top:1px solid #D6D8C0;
		box-sizing:border-box;
		display:block;
		text-decoration:none;
		background:#f8f6f1;
		color:#444;
	}
	.page_sublist ul li.first a{
			border-top:1px solid #FFF;}
	

	
	.page_sublist ul li.active a,.page_sublist ul li.active a:hover{
		background:#E4DFCB;
	
	}
	
	.page_sublist ul li a:hover{
		background:#E4DFCB;
	}
*/
	
	
	
	#page_cont{
	margin: 0 auto;
	position:relative;
	padding:30px 0 20px;
	overflow:hidden;
	width:100%;
	/*background:url(../images/top/bg_cont.png) center top repeat;*/
}
.page_contbox h2.toph2{
text-align:center;

}
#page_cont a{ text-decoration:none; }
#page_cont ul{
		margin:0 auto;
	width:100%;
	/*width:94%;*/
	max-width:1050px;
	background:#444;
	list-style:none;
	letter-spacing:0.08em;
	
}
#page_cont ul li{
	width:48%;
		margin:0 1% 2%;
	float:left;
	padding:0;
	/*border:1px solid #555;*/
	
}
@media all and (max-width: 560px) {
		#page_cont ul li{	width:98%;		margin:0 1% 3%;		}
}
.page_main #page_cont ul li{
	width:98%;
		margin:0 1% 3%;	
}
.page_main #page_cont ul{
	max-width:800px;
}

#page_cont ul li div{
	margin:0 auto;
	overflow: hidden;
  width: 100%;
		position:relative;
		background:#000;	
}
#page_cont ul li a{
	margin:0; padding:0;
	width:auto;
	height:auto;
	
}
#page_cont ul li div:after{
 content: '';
	position:absolute;
 	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/common/blackfilter.png);

}

#page_cont ul li p{
	margin:-0.5em 0 0; padding:0;
	position:absolute;
	top:50%;
	left:5%;
font-size:2.5em;
color:#fff;
line-height:0.5;
letter-spacing:0.2em;
z-index:100;
}
#page_cont ul li p span{
	letter-spacing:0.1em;
	padding-left:5px;
	color:#D8D800;
	font-size:0.3em;
	font-style:italic;
	font-family: 'Fanwood Text',Georgia, Times, serif;
}

#page_cont ul li.cafe p{
	margin:-1.2em 0 0; padding:0;
	position:absolute;
	top:50%;
	left:5%;
font-size:1.3em;
line-height:1.4;
letter-spacing:0.1em;
font-weight:bold;
font-style:italic;
z-index:100;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#page_cont ul li.cafe p span{
	letter-spacing:0.1em;
	padding-left:5px;
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	font-family: 'Amethysta','Fanwood Text',Georgia, Times, serif;
}

#page_cont ul li a img.bgimg{
	display:block;
	/*max-width:100%;*/
	width:100%;
	height:auto;
	margin:0; padding:0;
	-moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#page_cont ul li a:hover img.bgimg{
 -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.5;
}


.fbbg{
	width:100%;
	/*background:url(../images/page/guide/img_fbbg.jpg) center center no-repeat;
	-moz-background-size:cover;
background-size:cover;*/
	padding:30px 0;
	text-align:center;
}
/*.fb-page{
box-shadow:0px 0px 17px 6px #ffffff;
-moz-box-shadow:0px 0px 17px 6px #ffffff;
-webkit-box-shadow:0px 0px 17px 6px #ffffff;
}*/


.mapbox{
		width:100%;
		float:right;
		height:320px;
		margin-left:10px;
		background:#CFD1C5;
		border:1px solid #fff;
		box-sizing:border-box;
	}

#map{
		width:100%;
		height:100%;
	}
	#map{
		_display:none;
	}