@charset "utf-8";
/* CSS Document */
#sp_list,
.none,
.pc_none {
	display:none;
}
.times1 {
	margin-top:0.15em;
	line-height:1.5em;
	height:1.5em;
}
.hour_block {
	display: -webkit-flex;
	display: flex;
	line-height:1.5em;
	align-items: center;
}
.hour_block .col-1 {
	order:1;
	padding:0 0.3em;
}
.hour_block .col-2 {
	order:0;
}
.hour_block .col-3 {
	order:3;
	padding:0 0.3em;
}
.hour_block .col-4 {
	order:2;
}
#time1 {
	margin-right:0.5em;
}
.inner {
	float:left;
}
.onsei {
	margin: 0;padding: 0;width: 0;height: 0;
	overflow: hidden;position: absolute;text-indent: -9999px;
}
body{
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header h1{
	margin:0;
	padding:0;
	font-size:1.5em;
	display:table-cell;
	vertical-align:middle;
	padding-left:40px;
	background: url(img/icon_camera2.png) no-repeat center left #10395c;
	width:10em;
}
.h2_title{
	margin:0;
	padding:0;
}
#mapmap{
	margin:0 auto;
	padding:0;
	width:900px;
}
#map_canvas{
	height:475px;
	width:900px;
}
.usui_list{
	margin:0 auto;
	padding:0;
	width:900px;
}
.cameraimg_list{
	margin:0;
	padding:0;
	list-style-type: none;
}
.cameraimg_list li{
	margin:0 0 20px 20px;
	padding:0;
	float:left;
	width:200px;
	text-align:center;
	display:block;
}
.cameraimg_list img{
	margin:0 0 0.5em;
	padding:0;
	display:block;
}
#ul_list{
	width:900px;
	margin:0;
	padding:0;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	box-sizing: border-box;
}
#ul_list li{
	/*text-decoration:underline;*/
	cursor:pointer;
	color:#1f1f1f;
	display:block;
	float:left;
	border:1px solid #CCC;
	border-left:none;
	border-top:none;
	padding:0.6em 0;
	margin:0;
	text-align:center;
	font-size:0.9em;
	width:20%;
	/* Firefox */
	background: -moz-linear-gradient(top center, #fff 0%, #ecf0f2 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ecf0f2));
	/* 共通 */
	background: linear-gradient(top center, #fff 0%, #ecf0f2 100%);
	box-sizing: border-box;
}
#ul_list li.titles{
	width:100%;
	cursor:default;
	text-decoration:none;
	background:#10395c;
	color:#FFF;
	text-align:left;
	padding-left:10px;
}
#btn_before,
#btn_now,
#btn_after{
	text-decoration:underline;
	cursor:pointer;
	margin:0;
	padding:0.3em 0;
	border-radius:0.3em;
	border:1px solid #999;
	font-size:0.9em;
	width:6em;
	color:#00C;
	background:#FFF;
}
#btn_before{
	float:left;
	background:url(img/icon_before.png) no-repeat 0.3em 0.6em #FFF;
}
#btn_now{
	float:none;
	margin:0 auto;
}
#btn_after{
	float:right;
	background:url(img/icon_next.png) no-repeat 5em 0.6em #FFF;
}

#btn_point{
	font-size:0.9em;
	cursor:pointer;
	padding:0.5em 0;
	text-align:center;
	color:#4c3c0c;
	border-radius:0.3em 0.3em;
	width:8em;
	background: #f9c115;
	position:absolute;
	right:8.5em;
	top:0px;
}
#btn_website{
	font-size:0.9em;
	cursor:pointer;
	padding:0.5em 0;
	text-align:center;
	color:#000;/**/
	border-radius:0.3em;
	width:8em;
	background: #EEE;
	position:absolute;
	right:0;
	top:0;
}
#btn_website a{
	color:#000;
	background-color:#EEE;
	text-decoration:none;
}
.show{
	display:block;
}
.hide,
#btn_point{
	display:none;
}
#header-block{
	color:#FFF;
	background:#10395c;
}
#header{
	background: url(img/header_img.png) no-repeat center top #10395c;
	padding:15px 0;
	position:relative;
	display:table;
	width:900px;
	margin:0 auto;
}
.gazou_title{
	display:table;
	width:100%;
}
.gazou_title h2,
.gazou_title p{
	display:table-cell;
}
.gazou_title h2{
	width:1%;
	white-space:nowrap;
}
.gazou_timer{
	margin:0;
	padding:0.5em 0px;
	background:#dddedf;
	width:100%;
	border-radius:0 0 0.5em 0.5em;
}
.gazou_timer dt{
	margin-left:20px;
}
.h2_title{
	font-size:1em;
	font-weight:normal;
	padding:0;
	margin:15px 0;
}
.gazou_title{
	border-bottom:2px solid #033;
	padding:0;
	margin:15px 0 0;
}
#footer{
	margin:10px 0 0;
	padding:0.9em 0;
	display:block;
	text-align:center;
	font-size:0.9em;
}
.btn_block{
	text-align:center;
	margin:0 auto;
	background:#10395c;

	padding:0.5em 10px;
	width:620px;
}
.img_center{
	width:640px;
	margin:0 auto;
	display:block;
}

#ul_tiku .selected{
	background:#ff9c00;
	color:#000;
	position:relative;
}

#ul_tiku li{
	cursor:pointer;
	background:#10395c;
	color:#FFF;
	list-style-type:none;
	margin:0;
	padding:0.6em 0;
	width:25%;
	text-align:center;
	float:left;
	border-left:1px solid #FFF;
	box-sizing: border-box;
}
#ul_tiku li:first-child{
	border-left:none;
}
#ul_tiku{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
#icon_list li{
	list-style-type:none;
	text-indent:-9999px;
	cursor:pointer;
}
#icon_list .point1{
	background:url(img/icon15.png) no-repeat;
	width:104px;
	height:33px;
	display:block;
	position:absolute;
	right:175px;
	top:269px;
}
#icon_list .point2{
	background:url(img/icon17.png) no-repeat;
	width:73px;
	height:34px;
	display:block;
	position:absolute;
	right:142px;
	top:203px;
}
#icon_list .point3{
	background:url(img/icon5.png) no-repeat;
	width:62px;
	height:59px;
	display:block;
	position:absolute;
	right:284px;
	top:259px;
}
#icon_list .point4{
	background:url(img/icon6.png) no-repeat;
	width:89px;
	height:35px;
	display:block;
	position:absolute;
	right:163px;
	top:155px;
}
#icon_list .point5{
	background:url(img/icon7.png) no-repeat;
	width:58px;
	height:58px;
	display:block;
	position:absolute;
	right:257px;
	top:134px;
}
#icon_list .point6{
	background:url(img/icon1.png) no-repeat;
	width:91px;
	height:59px;
	display:block;
	position:absolute;
	right:119px;
	top:390px;
}
#icon_list .point7{
	background:url(img/icon2.png) no-repeat;
	width:120px;
	height:36px;
	display:block;
	position:absolute;
	right:30px;
	top:354px;
}
#icon_list .point8{
	background:url(img/icon3.png) no-repeat;
	width:90px;
	height:58px;
	display:block;
	position:absolute;
	right:145px;
	top:330px;
}
#icon_list .point9{
	background:url(img/icon4.png) no-repeat;
	width:40px;
	height:58px;
	display:block;
	position:absolute;
	right:65px;
	top:180px;
}
#icon_list .point10{
	background:url(img/icon8.png) no-repeat;
	width:40px;
	height:58px;
	display:block;
	position:absolute;
	left:298px;
	top:267px;
}
#icon_list .point11{
	background:url(img/icon9.png) no-repeat;
	width:91px;
	height:58px;
	display:block;
	position:absolute;
	left:412px;
	top:280px;
}
#icon_list .point12{
	background:url(img/icon10.png) no-repeat;
	width:90px;
	height:58px;
	display:block;
	position:absolute;
	left:292px;
	top:185px;
}
#icon_list .point13{
	background:url(img/icon11.png) no-repeat;
	width:58px;
	height:58px;
	display:block;
	position:absolute;
	left:224px;
	top:274px;
}
#icon_list .point14{
	background:url(img/icon13.png) no-repeat;
	width:105px;
	height:58px;
	display:block;
	position:absolute;
	left:100px;
	top:244px;
}
#icon_list .point15{
	background:url(img/icon12.png) no-repeat;
	width:40px;
	height:58px;
	display:block;
	position:absolute;
	left:166px;
	top:191px;
}
#icon_list .point16{
	background:url(img/icon14.png) no-repeat;
	width:58px;
	height:58px;
	display:block;
	position:absolute;
	left:78px;
	top:179px;
}
.table_box{
	display:table;
}
.table_cell{
	display:table-cell;
}
.box-point_towa,
.box-point_taisyo{
	width:180px;
}
.box-point_kubokawa{
	width:540px;
}
.box-point_towa ul,
.box-point_taisyo ul,
.box-point_kubokawa ul{
	width:100%;
	box-sizing: border-box;
	margin:0;
	padding:0;
}
.box-point_towa li,
.box-point_taisyo li,
.box-point_kubokawa li{
	list-style-type:none;
	/*text-decoration:underline;*/
	cursor:pointer;
	color:#1f1f1f;
	display:block;
	border:1px solid #CCC;
	border-left:none;
	border-top:none;
	padding:0.6em 0;
	margin:0;
	text-align:center;
	font-size:0.9em;
	/* Firefox */
	background: -moz-linear-gradient(top center, #fff 0%, #ecf0f2 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ecf0f2));
	/* 共通 */
	background: linear-gradient(top center, #fff 0%, #ecf0f2 100%);
	box-sizing: border-box;
}
#btn_point a,
#ul_list li a,
.box-point_towa li a,
.box-point_taisyo li a,
.box-point_kubokawa li a{
	color:#1f1f1f;
	text-decoration:none;
}
.box-point_kubokawa li{
	width:180px;
	float:left;
}
.box-point_towa li{
	border-left:1px solid #CCC;
}
.point-title{
	background:#10395c;
	color:#FFF;
	list-style-type:none;
	margin:0;
	padding:0.6em 0;
	text-align:center;
	border-left:1px solid #FFF;
	box-sizing: border-box;
}
.clearfix:after {content: ".";display: block;height: 0;clear :both;visibility: hidden;}
.clearfix {display: inline-table;min-height:1%;}
/* MacIE begin \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}
#map_wrap{
	margin-top:20px;
}
@media only screen and (max-width:900px) {
	#header{
		background: url(img/header_img.png) no-repeat #10395c;
		background-position: right;
	}
	#header,
	#mapmap{
		width:100%;
	}
	#ul_list{
		width:100%;
		box-sizing: border-box;
	}
	#ul_list li{
		width:25%;
		padding:1em 0;
		box-sizing: border-box;
	}
	#map_canvas{
		width:auto;
		height:auto;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.box-point_kubokawa li{
		width:33.3%;
	}
	.gazou_timer{
		box-sizing : border-box;
	}
	.gazou_title{
		padding-left:10px;
		box-sizing : border-box;
	}
	#ul_list li:nth-child(7),
	#ul_list li:nth-child(12),
	#ul_list li:nth-child(14){
		clear:none;
	}
	#ul_list li.titles{
		display:none;
	}
	#btn_website{
		right:0.5%;
	}
}
@media only screen and (max-width:700px) {
	#pc_list,
	.sp_none,
	.gazou_timer dd{
		display:none;
	}
	#sp_list,
	.pc_none{
		display:block;
	}
	#ul_tiku{
		margin:0 0 10px;
	}
	#header{
		padding-top:4em;
	}
	.h2_title{
		padding:0 15px;
		text-align:center;
	}
	.gazou_timer{
		margin:0;
		width:100%;
		padding:0;
		box-sizing : border-box;
		border-radius:0;
	}
	.ul_list_wrap{
		padding:0.5em 10px;
		box-sizing : border-box;
	}
	.img_center{
		width:100%;
		height:auto;
	}
	.btn_block{
		width:100%;
		box-sizing : border-box;
	}
	.gazou_timer form{
		margin:0;
		padding:0 15px;
	}
	.gazou_title{
		padding:0 10px 0.5em;
		box-sizing : border-box;
	}
	.gazou_title h2,
	.gazou_title p{
		display: block;
		margin:0;
		padding:0;
	}
	.gazou_title p{
		font-size:0.8em;
	}
	.gazou_timer dd{
		margin:0;
		padding:0;
	}
	.gazou_timer form{
		margin:0;
		padding:0;
	}
	#header h1{
		margin:0 auto;
		padding:0;
		font-size:1.5em;
		display:block;
		width:9em;

		padding-left:40px;
	}
	#ul_list{
		width:100%;
		box-sizing: border-box;
	}
	#ul_list li{
		width:33.3%;
		padding:1.2em 0;
		box-sizing: border-box;
	}
	#btn_point{
		right:9em;
	}
	#btn_website{
		right:2%;
	}
	.day_block select{
		width:100%;
		padding:0.5em;
		margin:0.2em 0;
		font-size:1em;
	}
	.times1{
		height:auto;
	}
	.hour_block {
		padding:0 0 0.4em 0;
	}
	.hour_block select{
		width:30%;
		padding:0.5em;
		margin:0.2em 0;
		font-size:1em;
		text-align:center;
	}
	.sp_btn{
		width:100%;
		margin-top:0.2em;
		padding:0.5em;
		font-size:1em;
	}
	.gazou_timer dt{
		color:#FFF;
		padding:0;
		background:#10395c;
	}
	.gazou_timer dd{
		padding:0.8em;
	}
	.sp_btn_toggle{
		background:url(img/icon_sp_btn.svg) no-repeat;
		background-position: right 35px center;
		min-height:30px;
		display:table;
		width:100%;
		margin:0;
		padding:0.8em;
		cursor:pointer;
	}
	.hit.sp_btn_toggle{
		background-color:#10395c;
		background:url(img/icon_sp_btn2.svg) no-repeat;
		background-position: right 35px center;
	}
	.inner{
		float:none;
	}
	.hour_block_titles{
		display:block;
		width:100%;
	}
	.gazou_timer dt{
		margin-left:0;
	}
}