@charset "utf-8";


.areaBox{
	text-align:center;
	margin:1.3em auto;
	width:320px;
}
.areaBox h3{
	color:#F22100;
	margin-bottom:1em;
}


input[type="submit"].btn{
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	box-sizing: border-box;
	cursor:pointer;
}
input[type="submit"].btn:disabled{
	opacity:0.3;
	cursor:auto;
}
input[type="submit"].btn:disabled:hover{
	color:white;
	background:#F9423A;
}
.areaBox select{
	width:100%;
	padding:0.8em 0.5em;
	margin-bottom:32px;
}
.areaBox select[multiple]{
	position:relative;
	top:0.2em;
	padding:0.5em 0;
}
.areaBox select[multiple] option{
	padding:0.2em 0.6em;
}

.btnBox .btn{
	margin:auto;
	width:100%;
}

@media screen and (max-width:768px){
	.areaBox{
		width:auto;
	}
}

/*
	for list.
*/

.areaBox dl dt{
	text-align:left;
	margin-bottom:0.3em;
	font-weight:600;
}
.areaBox dl dt span{
	display:block;
	font-weight:300;
}

.tabBox{
	position:relative;
	text-align:center;
}
.tabBox::after{
	content:"";
	display:block;
	width:300%;
	position:absolute;
	bottom:0;
	left:-100%;
	height:2px;
	background:#1BA0B2;
}

.tabBox li{
	display:inline-block;
	width:50%;
}
.tabBox li a, .tabBox li span{
	display:block;
	padding:10px 0;
	color:white;
	background: #1BA0B2;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	margin:0 1px;
}
.tabBox li a{
	background: #CFCFCF;
	color:#002B49;
}


.pagerList{
	display:flex;
	justify-content:center;
}
.pagerList li{
	margin:0 8px;
	font-size:1.4rem;
}

.pagerList li span{
	border:1px solid #CFCFCF;
	border-radius:4px;
	background:#002B49;
	color:white;
	line-height:3.2em;
	padding:0 1.3em;
	display:block;
}
.pagerList li a{
	border:1px solid #CFCFCF;
	border-radius:4px;
	background:white;
	color:#002B49;
	line-height:3.2em;
	padding:0 1.3em;
	display:block;
	transition:color 0.2s, background-color 0.2s;
}
.resultText{
	text-align:center;
	margin:1em 0 9%;
}


.resultList{
	margin:32px auto;
}
.resultList li{
	border-bottom:1px solid #CFCFCF;
	padding:16px 0;
}
.resultList li span{
	display:block;
}
.resultList li:first-child{
	border-top:1px solid #CFCFCF;
}
.resultList .name{
	font-weight:600;
}


#map .mapBox{
	margin:32px auto 64px;
}
#map .mapBox iframe{
	width:100%;
	margin:auto;
	display:block;
}

.btnBox{
	text-align:center;
}


@media screen and (min-width:769px){
	.areaBox.withc{
		width:480px;
	}
	.areaBox.withc .btn{
		width:320px;
	}
	.resultList li{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
	}
	.resultList li span{
		width:526px;
	}
	.resultList li .btn{
		width:148px;
	}
	.btn.back{
		width:320px;
	}
	.pagerList li a:hover{
		background:#002B49;
		color:white;
	}
	
}


@media screen and (max-width:768px){
	.tabBox{
		width:116%;
		margin-left:-8%;
	}
	.resultList li span{
		margin-bottom:3px;
	}
	
	#map .mapBox > div{
		height:0;
		padding-bottom:100%;
		position:relative;
	}
	#map .mapBox > div iframe{
		position:absolute;
		height:100%;
		width:100%;
		left:0;
		top:0;
	}
	
	.pagerList li{
		margin:0 2px;
		font-size:1.2rem;
	}
	.resultText{
		text-align:left;
	}
	
}


/*
	for detail.
*/

.detailBox h6{
	margin-bottom:4%;
}
.detailBox table{
	margin-bottom:27px;
	width:100%;
}
.detailBox table th{
	width:102px;
	padding:16px 0;
	font-weight:600;
}
.detailBox table td{
	padding:16px 0;
}
.detailBox table tr:first-child{
	border-top:1px solid #CFCFCF;
}
.detailBox table tr{
	border-bottom:1px solid #CFCFCF;
}
.detailBox table p{
	margin-bottom:0;
}

.detailBox .mapBox{
	margin:0 0 4.5% 0;
}

.ebtn{
	font-size:1.4rem;
	display:inline-block;
	border:1px solid #F9423A;
	border-radius:4px;
	padding:6px;
	padding-left:48px;
	text-align:left;
	width:190px;
	position:relative;
}
.ebtn::before{
	content:"";
	display:block;
	background:url(../images/hpsearch/icon_share.png) no-repeat;
	background-size:100% 100%;
	width:24px;
	height:24px;
	position:absolute;
	left:16px;
	top:50%;
	transform:translateY(-50%);
}

.ebtn.share{
	background-color:#F9423A;
	color:white;
	margin-right:24px;
}

.ebtn.print::before{
	background-image:url(../images/hpsearch/icon_print.png);
}
.ebtn.picture::before{
	background-image:url(../images/hpsearch/icon_photo.png);
}

@media screen and (min-width:769px){
	.ebtn::hover{
		border-color:#002B49;
	}
	.ebtn.share:hover{
		color:#F9423A;
		background-color:white;
	}
	.ebtn.share:hover::before{
		background-image:url(../images/hpsearch/icon_share_over.png);
	}
	.ebtn.print:hover{
		border-color:#1BA0B2;
	}
	.ebtn.print:hover::before{
		background-image:url(../images/hpsearch/icon_print_over.png);
	}
	.ebtn.picture{
		display:none;
	}

}


@media screen and (max-width:768px){
	.detailBox table th{
		width:5em;
	}

	.detailBox .mapBox > div{
		height:0;
		padding-bottom:100%;
		position:relative;
	}
	.detailBox .mapBox > div iframe{
		position:absolute;
		height:100%;
		width:100%;
		left:0;
		top:0;
	}
	
	.detailBox .btnBox{
		display:flex;
		justify-content:space-between;
	}
	
	.ebtn{
		width:49%;
}
	.ebtn.share{
		margin-right:0;
	}
	.ebtn.print{
		display:none;
	}
}


.popupBack{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:21;
	background:#1BA0B2;
}
.sharePopup{
	width:700px;
	background:white;
	z-index:22;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	padding:27px 50px;
	border-radius:4px;
}
.popupBack, .sharePopup{
	display:none;
}
.sharePopup h5{
	margin-bottom:2px;
}
.sharePopup ul{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.sharePopup ul li{
	width:64px;
}
.sharePopup .popupClose{
	position:absolute;
	top:0;
	margin-top:2%;
	right:2%;
	width:24px;
}

@media screen and (max-width:768px){
	.sharePopup{
		width:90%;
		padding:14% 5% 5%;
	}
	.sharePopup ul{
		flex-wrap:wrap;
	}
	.sharePopup ul li{
		width:30%;
		margin-bottom:3%;
	}
}


.areaBox select[name="cid"]{
	display:none;
}

.areaBox .selectorCidSpBox{
	display:block;
	overflow:hidden;
	overflow-y:scroll;
	text-align:left;
	border:1px solid #7a7a7a;
	padding:0.5em 0.2em;
	color:black;
	margin:auto;
	height:10em;
	width:100%;
	-webkit-overflow-scrolling: touch;
	margin-bottom:32px;
}
.areaBox .selectorCidSp{
	padding:0.5em 0.2em;
	user-select: none;
	-ms-user-select: none;
	cursor:default;
}
.areaBox .selectorCidSp[data-selected="1"]{
	background:#0078D7;
	color:white;
}


@media screen and (min-width:769px){
	.areaBox .selectorCidSpBox{
		display:inline-block;
		position:relative;
		vertical-align:bottom;
		padding:0.2em 0.2em;
		height:6.6em;
	}
	.areaBox .selectorCidSp{
		padding:0.2em 0.2em;
	}
}




@media print{
	header, .titleArea, .breadCrumbList, .accordionBox, .attentionList, .btnBox, footer{
		display:none !important;
	}
	#wrapper{
		background:none;
	}
	main, main section{
		width:auto;
		margin:auto;
		background:none;
	}
	body, #wrapper{
		min-width:auto;
		min-width:initial;
	}
	.accordionOwner{
		height:auto !important;
	}
	accordionPoint{
		display:none;
	}
	
}