@charset "utf-8";
/* CSS Document */
/* --------------------------- */
/* 初期設定　*/
/* --------------------------- */
h1, h2, h3, h4, h5, h6, h7, html, body, p, ul, li, ol, dl, dd, dt, form, input, select, textarea {
	padding: 0;
	margin: 0;
	list-style: none;
}
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}
body {
	font-size: 1.4em;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling:touch;
	background: #fff !important;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	overflow-x: hidden;
}
.none {
	display: none !important;
}
#contents iframe{ display:block; width:100% !important; box-sizing:border-box; margin:0 0 120px 0 !important;

}
/* --------------------------- */
/* google map 吹き出し内のリンク　*/
/* --------------------------- */
.gm-style-iw a {
    padding: 5px 0 0 15px;
    display: inline-block;
}

.gm-style div[style*="z-index: 4"]{ margin:5px 0 0 0 ;}
.gm-style-iw div div div { max-width:230px;}

/* --------------------------- */
/* レイアウト*/
/* --------------------------- */
#header {
	width: 100%;
	height: 85px;
	padding: 0;
	box-sizing: border-box;
}
#contents {
	width: 100%;
}
#footer {
	width: 100%;
	text-align: center;
	background: #313131;
	height: 37px;
	position: fixed;
	bottom: 0;
	z-index: 300;
}
/* --------------------------- */
/* header */
/* --------------------------- */
.header_box {
	display: table;
	width: 100%;
	height: 85px;
	box-sizing: border-box;
}
.header_box div {
	display: table-cell;
	width: 30%;
	vertical-align: bottom;
}
.header_logo {
	padding: 5px 30px 0 30px;
	text-align: left;
	vertical-align: middle !important;
}
.header_logo img {
	height: auto;
	width: 100%;
	max-width: 365px;
	min-width: 200px;
}
.header_bunner {
	text-align: right;
	padding: 5px 30px 0 10px;
}
/* --------------------------- */
/*tab */
/* --------------------------- */
.tab_btn {
	display: table;
	width: 100%;
	height: 70px;
	min-width: 350px;
	font-size: 1.2em;
}
.tab_btn li {
	display: table-cell;
	text-align: center;
	background: #f4f4f4;
	vertical-align: middle;
	width: 50%;
	cursor: pointer;
	min-height: 70px;
}
.tab_btn li a {
	color: #333;
	text-decoration: none;
	display: inline;
	vertical-align: middle;
	min-height: 50px;
}
.tab_btn li a span {
	display: inline-block;
}
.tab_btn li a:hover, .tab_btn li:hover a {
	text-decoration: underline !important
}
.tab_btn li.select a {
	color: #fff;
	text-decoration: none;
}
.tab_btn li.select a:hover, .tab_btn li.select:hover a {
	text-decoration: none;
}
.tab_btn li.select, .tab_btn li.select:hover {
	background: #313131;
	color: #fff;
	cursor: pointer;
}
.tab_btn li:hover {
	background: #ddd;
}
#map {
	background: url(../img/icon_map.png) left center no-repeat;
	padding: 14px 0 14px 40px;
}
#keyword {
	background: url(../img/icon_keyword.png) left center no-repeat;
	padding: 14px 0 14px 40px;
}
.select #map {
	background: url(../img/icon_map_on.png) left center no-repeat;
}
.select #keyword {
	background: url(../img/icon_keyword_on.png) left center no-repeat;
}
#layout_tab li.box {
	position: fixed;
	background: #fff;
	overflow: hidden;
}
#layout_tab li.box:first-child {
	background: #000;
}
/* --------------------------- */
/*検索結果一覧*/
/* --------------------------- */
.result_list {
	overflow-y: auto;
	height: 100%;
	height: -moz-calc(100vh - 175px);
	height: -webkit-calc(100vh - 175px);
	height: calc(100vh - 175px);
	position: relative;
	top : 0;
	left: 0;
	width: 100%;
	padding: 30px 30px 200px 30px;
	box-sizing: border-box;
	display: block;
	background: url(../img/bg_search.png) bottom right no-repeat;
	background-size: contain;
	-webkit-overflow-scrolling: touch;
}
.result_list .title_result {
	font-size: 2em;
	font-weight: normal;
	padding: 0 0 20px 0;
}
.result_list ul.list {
	width: 100%;
	padding: 0 30px 0 30px;
	box-sizing: border-box;
	overflow: hidden;
	display: block;
}
.result_list ul.list li {
	border-bottom: 1px solid #333;
	padding: 10px 0;
	overflow: hidden;
}
.result_list ul.list li:hover {
	background: #f0f0f0;
	background: rgba(0,0,0,.06);
}
.result_list ul.list li:last-child {
	border: none;
}
li#LIADDVIEW:hover {
	background: none;
}
.result_list ul.list li img {
	max-height: 100px;
	width: auto;
	 
	float: left;
	margin: 0 20px 0 10px;
	max-width: 100px;
}
.result_list ul.list li a {
	display: block;
	padding: 10px;
	cursor: pointer;
}
.result_list ul.list li p {
	display: block;
	margin: 0 0 0px 120px;
}
.result_list ul.list li#MSG_DEFAULT p {
	display: block;
	margin: 0 ;
}
.result_list ul.list li#MSG_NORESULT p {
	display: block;
	margin: 0 ;
}
.result_list ul.list li span p a {
	display: inline-flex;
	padding: 0;
}
.result_list ul.list li span {
	display: table;
}
.result_list ul.list li span p {
	display: table-row;
}
.btn_more {
	width: 100%;
	text-align: center;
	padding: 20px;
	box-sizing:border-box;
}
.btn_more button {
	background: #313131;
	color: #fff;
	padding: 12px 100px;
	border: none;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	cursor: pointer;
	margin-bottom:80px;
}
.btn_more button:hover {
	opacity: 0.7;
}
.perf {
	color: #666;
	display: block;
	font-size: 0.9em;
	line-height: 1;
	padding: 0 10px;
	text-align: right;
	float: right;
}
.hidden.result_list ul.list li p {
	margin: 0 0 0 10px;
}
.hidden li span, .hidden li img, .hidden.result_list ul.list li span {
	display: none
}
.result_list ul.list li span.perf {
	display: block;
}
.result_list ul.list li img.mapicon {
	display: inline-block;
	width: 30px !important;
	height: 30px !important;
	vertical-align: middle;
	margin: 5px 10px 5px 5px;
	float: left;
	cursor:pointer;
	position:relative;
	max-height:30px !important;
	max-width:30px !important;
	min-height:30px !important;
}
img.mapicon:hover {  opacity:0.5 !important;}



	
/* --------------------------- */
/* --------------------------- */
/* contents */
/* --------------------------- */
/* --------------------------- */

/* --------------------------- */
/* 検索*/
/* --------------------------- */
.box {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.search_box {
	background: #313131;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	color: #fff;
	display: table;
	height: 33px;
	z-index:3;
}
.search_box li {
	display: table-cell;
	height: 33px;
	box-sizing: border-box;
	vertical-align: middle;
}
.search_box li label {
	padding: 0 10px 0 0
}
.search_box li input {
	width: 70%;
	padding: 5px;
	border: none;
	margin: 0 3px 3px 0px;
	height: 30px;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 1.1em;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.search_box li button {
	padding: 0px 20px;
	border: none;
	margin: 0 3px 3px 0px;
	background: #f49800;
	color: #333;
	height: 30px;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 1.1em;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.search_box li button:hover {
	cursor: pointer;
	background: #faaa25;
}
.search_box li button:active {
	padding: 0px 20px;
	border: none;
	background: #ffe57f;
	color: #333;
	height: 30px;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 1.1em;
}
.btn_list, .btn_thum {
	width: 30px;
	padding: 0 0 0 10px;
}
.btn_list span, .btn_thum span {
	display: none;
}
.search_box li.btn_list button {
	background: url(../img/icon_list.png) center center no-repeat #313131;
	text-indent: -9999px;
	display: block;
	border: none;
	opacity: 0.5;
}
.search_box li.btn_thum button {
	background: url(../img/icon_thum_list.png) center center no-repeat #313131;
	text-indent: -9999px;
	display: block;
	border: none;
	opacity: 0.5;
}
.search_box li.btn_list button.active, .search_box li.btn_thum button.active {
	opacity: 1;
}
/* --------------------------- */
/* map */
/* --------------------------- */
.map_box {
	width: 100%;
	height: 100%;
	height: -moz-calc(100vh - 175px);
	height: -webkit-calc(100vh - 175px);
	height: calc(100vh - 175px);
	min-height: 100%;
	top: 0px;
}
.detail_show .map_box {
	width: 300px;
	height: 100%;
	height: -moz-calc(100vh - 175px);
	height: -webkit-calc(100vh - 175px);
	height: calc(100vh - 175px);
	min-height: 100%;
	top: 0px;
}
#map_canvas {
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	height: -moz-calc(100vh - 175px);
	height: -webkit-calc(100vh - 175px);
	height: calc(100vh - 175px);
	margin: 0 auto;
	z-index: 1;
	-webkit-overflow-scrolling: touch;
	
}
.area {
	width: 230px;
}
.area select {
	width: 100px;
	padding: 3px 2px 3px 10px;
	font-size: 1.1em;
	border: none;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img.map_hanrei {
	position: relative;
	top: calc( 220px - 100vh);
	left: 10px;
	z-index: 2;
	opacity: 1;
	transition: opacity 0.3s;
	width:117px;
	height:117px;
	
}
.detail_show img.map_hanrei {
	opacity: 0;
}
/* --------------------------- */
/* detail */
/* --------------------------- */
#layout_tab li.box:first-child .detail_window {
	left: 100%;
}
.detail_show .detail_window {
	position: absolute;
	top: 53px;
	left: 300px;
	height: auto;
	width: 70%;
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	background: #fff;
	box-shadow: 0 -10px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 30px 80px 30px;
	overflow-y: auto;
	/*-webkit-overflow-scrolling:auto ;*/
	transition: top .5s, left .5s;
}
.detail_show #layout_tab li.box:first-child .detail_window {
	position: absolute;
	top: 53px !important;
	left: 300px !important;
	height:auto;
	width: 70%;
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	background: #fff;
	box-shadow: 0 -10px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 30px 80px 30px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch ;
	transition: top .5s, left .5s;
}
.detail_window h2 {
	font-size: 1.8em;
	font-weight: normal;
	padding: 0 0 10px 0;
}
.detail_window h2 span{
	
	padding: 0 10px 0 0;
	margin:0 10px 0 0;
}
.detail_window h2 img.mapicon {
	margin: 0 10px 0 0;
	vertical-align: middle;
	cursor:pointer;
	height:30px;
	width:30px;
	min-height:30px !important;
	
}
.btn_close {
	float: right;
	height: 40px;
	width: 40px;
	background: url(../img/icon_close.png) center center no-repeat;
	cursor: pointer;
}
.btn_close:hover {
	opacity: 0.7;
}
.btn_close span {
	display: none;
}
.detail_box {
	display: block;
	width: 100%;
	padding: 0;
}
.main_photo {
	display: block;
	width: 400px;
	height: 300px;
	/*overflow: hidden;*/
	float: left;
	background:#555;
}
.main_photo img {
	width: auto;
	height: 300px;
	max-height: 300px;
	max-width: 400px;
	margin:0 auto;
}
.detail_data {
	display: block;
	max-width: 100%;
	width: auto;
	height: 300px;
	overflow-y: auto;
	background: #f4f4f4;
	min-width: 150px;
	-webkit-overflow-scrolling: touch;
}
.detail_data ul {
	padding: 10px 20px;
}
.detail_data ul li h3 {
	font-size: 1.6em;
	font-weight: normal;
	padding: 8px 0;
}
.detail_data ul li p {
	padding: 0 0 0 25px;
}
.sub_photo {
	clear: both;
	width: 100%;
	margin: 40px 0 20px 0
}
/* --------------------------- */
/* slider */
/* --------------------------- */
.sub_photo .slick-slide{ padding:0 10px;}
.main_slider li p {
	position: absolute;
	bottom: 0;
	color: #fff;
	z-index: 1999;
	padding: 8px 8px 8px 30px;
	font-size: 1.1em;
	
}
.main_slider li p span {
	display: block;
}
.sub_slider img {
	width: 160px;
	/*margin: 10px 15px 5px 15px;*/
	margin: 10px 0 0 0;
}

.main_slider  .slick-next {
	width: 50px;
	height: 50px;
	background: url(../img/icon_arrow_right.png) center center no-repeat #313131;
	background-size:35%;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top : 50%;
	right: 0;
	margin-top:-20px;
	z-index:10000000000000000;
	opacity:0.7;
}
.main_slider  .slick-prev {
	width: 50px;
	height: 50px;
	background: url(../img/icon_arrow_left.png) center center no-repeat #313131;
	background-size:35%;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top : 50%;
	left: 0;
	margin-top:-20px;
	z-index:100000000000000000000;
	opacity:0.7;
}
.main_slider  .slick-next,.main_slider  .slick-prev { display:none !important;}
.sub_slider .slick-next {
	width: 120px;
	height: 120px;
	background: url(../img/icon_arrow_right.png) center center no-repeat #313131;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top : 10px;
	right: 0;
}
.sub_slider .slick-prev {
	width: 120px;
	height: 120px;
	background: url(../img/icon_arrow_left.png) center center no-repeat #313131;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top: 10px;
	left: 0;
}
.sub_slider .slick-prev:hover, .sub_slider .slick-next:hover {
	opacity: 0.7;
}
.sub_slider .slick-list {
	margin: 0 120px;
}
.sub_slider li p {
	padding: 0 15px;
	width: 160px;
	box-sizing:border-box;
}
.sub_slider li p span {
	display: block;
}
/* --------------------------- */
/* footer */
/* --------------------------- */
#footer p {
	font-size: 0.8em;
	text-align: center;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	color: #fff;
}
/*　----------------------------------------------------　*/
/* iframe style */
/*　--------------------------------------------------　*/
iframe {
	border: 1px solid #eee;
	background: #fff;
	width: 100%;
	height: calc(100vh - 270px) !important;
	box-shadow: none;
	overflow:auto;
	
}
.detail_box {
	background: #fff;
}
.detail_data .album-content {
	padding: 10px 20px;
}
.detail_data .album-content h3 {
	font-size: 1.6em;
	font-weight: normal;
	padding: 8px 0;
	line-height:1.3;
}
.detail_data .outline-text {
	padding: 0 25px 20px 25px;
	box-sizing: border-box;
}
.sub_photo {
	clear: both;
	width: 100%;
	margin: 40px 0 20px 0;
	padding: 0;
}

input[disabled="disabled"]{ background:#aaa;}


/* タブレット縦　レイアウト　*/
@media screen and (max-width:980px) {
/*検索*/
	
.search_box li.area_detail input {
	width: 60%;
}
.search_box li.key_saerch input {
	width: 60%;
}
/*詳細*/



.detail_box {
	display: block;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.main_photo {
	display: block;
	width: 400px;
	height: auto;
	max-height:none;
	/*overflow: hidden;*/
	float: none;
	margin:0 auto;
}
.main_photo img {
	width: auto;
	height: auto;
	max-height:100%;
	max-width: 400px;
	margin:0 auto;
}
.detail_data {
	display: table-footer-group;
	max-width: 100%;
	width: 100%;
	height: 300px;
	overflow-y: auto;
	background: #fff;
	min-width: 150px;
	-webkit-overflow-scrolling: touch;
	padding:20px 0;
	margin-bottom:10px;
}
.sub_photo {
	clear: both;
	width: auto;
	margin: 10px auto;
	float: none;
	max-width: 100%;
	display: table-cell;
	padding: 0;
	 
	
}
.sub_photo .sub_slider {
	width: calc(100vw - 18px) !important;
	display: block;
	margin: 0;
}
.sub_slider img {
	width: auto;
	height: auto;
	max-height:100%;
	max-width: 100px;
	
	/*margin: 10px 15px 5px 15px;*/
	margin: 10px 0 0 0;
}
.sub_slider .slick-next {
	width: 80px;
	height: 80px;
	background: url(../img/icon_arrow_right.png) center center no-repeat #313131;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top : 10px;
	right: 0px;
}
.sub_slider .slick-prev {
	width: 80px;
	height: 80px;
	background: url(../img/icon_arrow_left.png) center center no-repeat #313131;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top: 10px;
	left: 0px;
}
.sub_slider .slick-prev:hover, .sub_slider .slick-next:hover {
	opacity: 0.7;
}
.sub_slider .slick-list {
	margin: 0 100px;
}
.sub_slider li p {
	padding: 0 5px;
	width: 100px;
	box-sizing:border-box;
}
.sub_slider li p span {
	display: block;
}

iframe {
	border: 1px solid #eee;
	background: #fff;
	 
	width:calc(100vw - 40px) !important;
	height: calc(100vh - 270px ) !important;

	box-shadow: none;
	box-sizing:border-box;
	display:block;
	overflow: auto;
	min-width:200px;
	margin:0 auto;
	
}


}



/*iPad 横*/
@media screen and  (-webkit-min-device-pixel-ratio: 0)  and (min-width: 1024px) and (max-width: 1024px)  and (max-device-height: 1024px) and (orientation: landscape) { 
#header{ max-width:1024px;  box-sizing:border-box; position: relative; top:0;}

 .detail_show #layout_tab li.box .detail_window {
	position: fixed  ;
	top:138px !important;
	left: 300px !important;
	right:0px  ;
	bottom: 37px !important;
	height:100%;

	width: calc(100% - 300px);
	background: #fff;
	box-shadow: 0 -10px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 30px 80px 30px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch ;
	transition: top .5s, left .5s;
	
}
.detail_show #layout_tab li.box:first-child .detail_window {
	position: fixed  ;
	top:138px !important;
	left: 300px !important;
	right:0px  ;
	bottom: 37px !important;
	height:100%;

	width: calc(100% - 300px);
	background: #fff;
	box-shadow: 0 -10px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 30px 80px 30px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch ;
	transition: top .5s, left .5s;
	
}
 #header{ position:fixed; top:0;}
 #contents{ position:fixed; top:85px;}

.map_box{
	 height:calc(100vh -175px) ;
	}
	
	#map_canvas{
	height:calc(100vh - 222px);
	bottom:47px;
	position:fixed;
	top:0px;

	
}
img.map_hanrei {
	 
	top: calc( 280px - 100vh);

	
}
/*google logo position*/
.gm-style div + div a div{ margin:0 0 40px 0;}
.gm-bundled-control-on-bottom { bottom:100px !important;}

}

/*iPad 縦*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) and (max-width: 768px)  and (max-device-height: 1024px) and (orientation: portrait) { 
#header{ max-width:768px;   box-sizing:border-box; position: relative; top:0;}
.header_logo img {
	height: auto;
	width: 100%;
	max-width: 230px;
	min-width: 150px;
}
.header_logo {
	padding: 5px 10px 0 10px;
	
}
.detail_show #layout_tab li .detail_window  {
	position: fixed ;
	top: 138px !important;
	right:0px ;
	left: 300px !important;
	bottom: 37px !important;
	height:100%;

	width: calc(100% - 300px);
	background: #fff;
	box-shadow: 0 -10px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 30px 80px 30px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch ;
	transition: top .5s, left .5s;
}
.detail_show #layout_tab li.box:first-child .detail_window  {
	position: fixed ;
	top: 138px !important;
	right:0px ;
	left: 300px !important;
	bottom: 37px !important;
	height:100%;

	width: calc(100% - 300px);
	background: #fff;
	box-shadow: 0 -10px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 30px 80px 30px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch ;
	transition: top .5s, left .5s;
}
#header{ position:fixed; top:0;}
#contents{ position:fixed; top:85px;}
.map_box{
	height:calc(100vh -175px) ;
	
 background:#fff;
	}
#map_canvas{
	height:calc(100vh - 222px);
	bottom:47px;
	position:fixed;
	top:0px;
}
 img.map_hanrei {
	 
	top: calc( 280px - 100vh);

	
}
/*google logo position*/
.gm-style div + div a div{ margin:0 0 40px 0;}
.gm-bundled-control-on-bottom { bottom:100px !important;}
}





/* スマホ　レイアウト　*/
@media screen and (max-width:700px) {
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* 800pxまでの幅の場合に適応される */
/* ----------------------------------------------------------------------------------------------------------------------------- */


.detail_window{ padding:20px 40px !important; position:absolute; top:40vh;}



.detail_box{ padding: 0  !important; }

html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-size: 1.4em;
	width: 100%;
	height: 100%;
	/*-webkit-overflow-scrolling: touch;*/
	/*min-width: 320px;*/
	overflow-y: auto;
	
}
/* --------------------------- */
/* レイアウト*/
/* --------------------------- */
#header {
	width: 100%;
	height: 70px;
	padding: 0;
	box-sizing: border-box;
	min-width: auto;
	position:static;
}
#contents {
	width: 100%;
	min-width: auto;
	position:static;
	top:70px;
}
.detail_show #contents {
	width: 100%;
	min-width: auto;
	position:static;
	top:0px;
}
#footer {
	width: 100%;
	text-align: center;
	background: #313131;
	height: 37px;
	position: static;
	bottom: 0;
	z-index: 300;
	min-width: auto;
	font-size:.7em;
}
/* --------------------------- */
/* header */
/* --------------------------- */
.header_box {
	display: block;
	width: 100%;
	height: 55px;
	box-sizing: border-box;
	position: absolute;
	min-width: auto;
}
.header_box div {
	display: block;
	width: 30%;
	vertical-align: bottom;
}
.header_logo {
	padding: 5px 30px 0 30px;
	text-align: left;
	float: left;
	display: block;
	width: 100%;
	position: absolute;
	top : 0;
}
.header_logo img {
	height: auto;
	width: 100%;
	max-width: 365px;
	min-width: 150px;
}
.header_bunner {
	text-align: right;
	padding: 5px 10px 0 10px;
	display: inline;
	float: right;
	height: 30px;
}
.header_bunner img {
	height: 30px;
}
.header_box div:nth-child(2) {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	position: absolute;
	top : 40px;
}
/* --------------------------- */
/*tab */
/* --------------------------- */
.tab_btn {
	display: table;
	width: 100%;
	height: 30px;
	min-width: 300px;
	font-size: .9em;
}
.tab_btn li {
	display: table-cell;
	text-align: center;
	background: #f4f4f4;
	vertical-align: middle;
	width: 50%;
	cursor: pointer;
	min-height: 30px;
}

#map {
	background: url(../img/icon_map.png) left center no-repeat;
	padding: 5px 0 5px 25px;
	background-size:22px;
}
#keyword {
	background: url(../img/icon_keyword.png) left center no-repeat;
	padding: 5px 0 5px 25px;
	background-size:22px;
}
.select #map {
	background: url(../img/icon_map_on.png) left center no-repeat;
	background-size:22px;
}
.select #keyword {
	background: url(../img/icon_keyword_on.png) left center no-repeat;
	background-size:22px;
}
.search_box li button {
	padding: 0px 10px;
	border: none;
	margin: 0 3px 0 5px !important;
	background: #f49800;
	color: #333;
	height: 20px !important;
	 
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 1.1em;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:50px !important;
}
.search_box li button:hover {
	cursor: pointer;
	background: #faaa25;
	margin: 0 3px 0 5px;
	padding: 0px 10px;
	border: none;
	width:50px !important;
}
.search_box li button:active {
	margin: 0 3px 0 5px;
	padding: 0px 10px;
	border: none;
	background: #ffe57f;
	color: #333;
	height: 20px;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 1.1em;
	width:50px !important;
}
/* --------------------------- */
/*タブ*/
/* --------------------------- */

#layout_tab li.box {
	position: relative !important;
	background: #fff;
	height: 100%;
	top: 0px !important;
	overflow: auto;
}
/* --------------------------- */
/* map */
/* --------------------------- */
.map_box {
	width: 100%;
	height: 100% ;
	height: -moz-calc(100vh - 160px);
	height: -webkit-calc(100vh - 160px);
	height: calc(100vh - 160px);
	 
	position: relative;
	top: 0px;
	min-height:auto !important;
max-height:auto !important;
}

#map_canvas {
	width: 100%;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0 auto;
	z-index: 1;
	-webkit-overflow-scrolling: touch;
min-height:auto !important;
max-height:auto !important;
}
.detail_show .map_box {
	width: 100%;
	height: 20vh !important;
	min-height:auto !important;
max-height:auto !important;
	position: relative;
	top: 0px;
}
.detail_show #map_canvas {
	height:20vh !important;
	min-height:auto !important;
max-height:auto !important;
}


img.map_hanrei {
	position: absolute;
	top: calc(100vh - 320px);
	left: 10px;
	z-index: 2;
}
/* --------------------------- */
/*検索*/
/* --------------------------- */
.search_box {
	background: #313131;
	width: 100%;
	padding: 3px 10px 0px 10px;
	box-sizing: border-box;
	color: #fff;
	display: table;
	height: auto;
	font-size:.9em;
	min-height: 46px;
	position:relative;
	z-index:3;
}
.search_box li {
	display: table-cell;
	max-height: 100%;
	box-sizing: border-box;
	padding: 0 0 3px 0;
	width: 100%;
	margin: 0 0 3px 0;
	height:22px !important;
}
.search_box li.area_detail {
	padding: 0;
	display: table;
	box-sizing: border-box;
	width: 100%;
	height:22px ;
}
.search_box li.area_detail input {
	width: 50%;
	margin:0;
	height:20px;
	padding:0 2px;
}
.search_box li.area_detail input:focus {
	width: 50%;
	margin:0;
	height:20px;
	padding:0 2px;
    border:none;
}
.search_box li.area {
	display: block;
}
.search_box li.area_detail {
	display: block;
}
.search_box li.key_saerch label {
	max-width: 120px;
	display: block;
	white-space: nowrap;
	}
.search_box li.key_saerch input {
	width: 50%;
	margin:0;
	height:20px;
	padding:0 2px;
}
.search_box li.key_saerch input:focus{
	width: 50%;
	margin:0;
	height:20px;
	padding:0 2px;
	border:none;
}

.search_box li.key_saerch {
	display: table-cell;
	width: 50% !important;
}
.search_box li.btn_list, .search_box li.btn_thum {
	display: table-cell;
	width: 10%;
	padding: 0 0 0 10px;
}
.search_box li.btn_list button, .search_box li.btn_thum button {
	padding: 0;
	border: none;
}
.result_list ul.list li img {
	max-height:none;
	width: 100px;
	height: auto;
	 
	float: left;
	margin: 0 20px 0 10px;
}
.search_box li label {
	padding: 0 10px 0 10px;
	width: 24%;
	display: inline;
	box-sizing: border-box;
	font-size: 1em;
}
.search_box li select{ height:20px; font-size:16px; padding:0 2px; margin:0; box-sizing:border-box;}
.search_box li input {
	padding: 5px;
	border: none;
	margin: 0 3px 3px 0px;
	height: 30px;
	vertical-align: middle;
	font-size: 16px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 55%;
	box-sizing: border-box;
}

.search_box li button {
	padding: 0px 0px;
	border: none;
	margin: 0 3px 3px 0px;
	background: #f49800;
	color: #333;
	height: 30px;
	box-sizing: border-box;
	vertical-align: middle;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 16%;
	font-size: 1em;
}
.search_box li.btn_thum button, .search_box li.btn_list button {
	width: 30px !important;
}
/* --------------------------- */
/*検索結果一覧*/
/* --------------------------- */
.result_list {
	height: 100%;
	height: calc(100vh - 153px);
	position: inherit;
	top : 0;
	left: 0;
	width: 100%;
	padding: 30px 15px;
	box-sizing: border-box;
	display: block;
}

.detail_show .result_list {
	height: 100%;
	height: 20vh;
	position: inherit;
	top : 0;
	left: 0;
	width: 100%;
	padding: 30px 15px;
	box-sizing: border-box;
	display: block;
}

.result_list ul.list {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	display: block;
}
.btn_more button {
	background: #313131;
	color: #fff;
	padding: 12px 40px;
	border: none;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	cursor: pointer;
}
.search_box li.btn_list button {
	background: url(../img/icon_list.png) center center no-repeat #313131;
	text-indent: -9999px;
	display: block;
	border: none;
	opacity: 0.5;
}
.result_list ul.list li img.mapicon {
	display: inline-block;
	width: 30px !important;
	height: 30px !important;
	vertical-align: middle;
	margin: 5px 10px 5px 5px;
	float: left;
	cursor:pointer;
	position:relative;
	max-height:30px;
	max-width:30px;
	min-height:30px !important;
}
.search_box li.btn_thum button {
	background: url(../img/icon_thum_list.png) center center no-repeat #313131;
	text-indent: -9999px;
	display: block;
	border: none;
	opacity: 0.5;
}
.search_box li.btn_list button.active, .search_box li.btn_thum button.active {
	opacity: 1;
}
/* --------------------------- */
/* detail */
/* --------------------------- */

.main_slider  .slick-next,.main_slider  .slick-prev { display:block !important;}

#layout_tab li.box:first-child .detail_window {
	left: 0;
	top: 100vh;
	padding: 20px ;
	box-sizing:border-box;
	width:100%;
	position:relative;
}
/*.detail_window {
	position: relative;
	left: 0px;
	height: calc(100vh + 150px ) !important;
	width: 100%;
	background: #fff;
	box-shadow: 0px -5px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 40px;
	overflow-y: visible;
	overflow-x: hidden;
	transition: top .5s, left .5s;
}*/
.detail_show .detail_window {
	position: relative;
	top: 0px;
	left: 0px;
	height: calc(80vh - 37px ) !important;
	width: 100%;
	background: #fff;
	box-shadow: 0px -5px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 0px;
	overflow-y: visible;
	overflow-x: hidden;
	
}
.detail_show #layout_tab li.box:first-child .detail_window {
	position:relative;
	top: 0px !important;
	left: 0px !important;
	height: calc(80vh - 37px ) !important;
	width: 100%;
	background: #fff;
	box-shadow: 0px -5px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 20px 0px;
	overflow-y: visible;
	overflow-x: hidden;
	z-index: 10;
}
.detail_show .detail_window.key, .detail_window.key, .detail_show #layout_tab li.box:first-child .detail_window.key {
	top: 0;
	/*margin: -70vh 0 0 0;
	margin-top: calc(100vh - 150vh);*/

}
.detail_box {
	display: block;
	width: auto;
	padding: 0;
	box-sizing: border-box;
}
iframe {
	border: 1px solid #eee;
	background: #fff;
	 
	width:calc(100vw - 40px) !important;
	height: calc(100vh + 40px ) !important;

	box-shadow: none;
	box-sizing:border-box;
	display:block;
	overflow: auto;
	min-width:200px;
	margin:0 auto;
	
}

.main_photo img {
	width: 100%;
	height:100%;
	max-height:none;
	max-width: 420px;
	margin: 0 auto;
}
.main_photo {
	width: 100%;
	height: auto;
	max-height: none;
	max-width: 420px;
	margin: 0 auto;
	float:none;
	/*overflow: hidden;*/
	display: block;
}
.detail_data {
	/*display: table-footer-group;*/
	display:block;
	max-width: 100%;
	width: auto;
	height: auto;
	overflow-y: visible;
	background: #fff;
	min-width: 10px;
	padding:10px 0 20px 0;
	margin-bottom:10px;
}
.detail_data ul {
	padding: 0px 10px 60px 0px;
	box-sizing:border-box;
}
.detail_data ul li h3 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0px 0 5px 10px;
}
.detail_data ul li p {
	padding: 0 10px 0 10px;
	box-sizing:border-box;
}
.sub_photo {
	display:none;
	
	/*clear: both;
	width: auto;
	margin: 10px auto;
	float: none;
	max-width: 100%;
	display: table-cell;
	padding: 0;*/
	 
}

.sub_photo .sub_slider {
	
	width: 100%;
	width: calc(100vw ) !important;
	display: block;
	margin: 0 0 0 0;
	box-sizing: border-box;
}
.sub_slider img {
	width: 100px;
	
	margin: 10px 0 0 0;
}
.sub_slider .slick-next {
	width: 80px;
	height: 80px;
	background: url(../img/icon_arrow_right.png) center center no-repeat #313131;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top : 10px;
	right: 0px;
}
.sub_slider .slick-prev {
	width: 80px;
	height: 80px;
	background: url(../img/icon_arrow_left.png) center center no-repeat #313131;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0.2);
	position: absolute;
	top: 10px;
	left: 0px;
}
.sub_slider .slick-prev:hover, .sub_slider .slick-next:hover {
	opacity: 0.7;
}
.sub_slider .slick-list {
	margin: 0 90px !important;
	
	}
.sub_slider li p {
	padding: 0 10px;
	width: 100%;
	max-width:100px;
	box-sizing:border-box;
	max-height: 50px;
    overflow: hidden;
}
.sub_slider li p span {
	display: block;
	font-size:0.9em;
	line-height:1.2;
	padding-top:2px;
}

.detail_window h2 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 8px 10px;
}
.btn_close {
	float: right;
	height: 20px;
	width: 20px;
	background: url(../img/icon_close.png) center center no-repeat;
	cursor: pointer;
	background-size:20px;
}

/* 詳細表示のheader表示設定　*/
.detail_show #header{ display:none;}
.detail_show .search_box{ display:none;}

/* map ズーム*/
.gmnoprint{ display:none;}

/*map アイコン*/
.result_list ul.list li img.mapicon {
	display: inline-block;
	width: 30px !important;
	height: 30px !important;
	vertical-align: middle;
	margin: 5px 10px 5px 5px;
	float: left;
	cursor:pointer;
	position:relative;
	max-height:30px !important;
	max-width:30px !important;
	min-height:30px !important;
}
.sub_photo img{ max-height:80px;}




}
/*---------------------------------------------*/
/*safari対応*/
/*Safariだけに適用されるCSSハック*/
/*----------------------------------------------*/


/*iphoneの縦*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:630px){ 

    .sub_photo {
		 display:none;
		 

}
::i-block-chrome,  .main_photo {
	width: 100%;
	height: auto;
	max-height:470px;
	max-width: 420px;
	margin: 0 auto 20px auto;
	float:none;
}
 ::i-block-chrome, .detail_box { width:420px; margin:0 auto;
 height:370px;
   padding-bottom:50px ;overflow: scroll;}


}
/*ipadの縦*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:600px){ 

    .sub_photo {
		 display:none;
		 

}
::i-block-chrome,   .main_photo {
	width: 100%;
	height: auto;
	max-height:470px;
	max-width: 420px;
	margin: 0 auto 20px auto;
	float:none;
}
::i-block-chrome, .detail_box { max-width:420px; margin:0 auto;padding-bottom:50px ;
	 height:620px;
	overflow: scroll; }
::i-block-chrome, .detail_show  .detail_window{ height:515px !important; background:#fff; -webkit-overflow-scrolling:touch;}

::i-block-chrome, #contents  iframe {
	
	height: 600px !important;
	
	
}
::i-block-chrome, .detail_show  .detail_window {
	
	height:515px !important;
	
	overflow-y: scroll ;
	
	
}
}
/*iphoneの縦*/
@media screen and (-webkit-min-device-pixel-ratio:0)  and (max-width:375px) {
  ::i-block-chrome, .sub_photo {
	   display:none;
	   

	 
}
 ::i-block-chrome, .main_photo {
	width: 100%;
	height:auto;
	max-height:450px;
	max-width: 360px;
	margin: 0 auto 20px auto;
}

 ::i-block-chrome,  .main_photo img {
		max-width:360px;
	
}

}

/*iphoneの縦*/
@media screen and (-webkit-min-device-pixel-ratio:0)  and (max-width:340px) {
  ::i-block-chrome, .sub_photo {
	   display:none;
	   

	 
}
 ::i-block-chrome, .main_photo {
	width: 100%;
	height:auto;
	max-height:450px;
	max-width: 400px;
	margin: 0 auto 20px auto;
}

 ::i-block-chrome,  .main_photo img {
		max-width:400px;
	
}

}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:340px){ 

    .sub_photo {
		 display:none;
		 

}
  .main_photo {
	width: 100%;
	height: auto;
	max-height:450px;
	max-width: 400px;
	margin: 0 auto 20px auto;
	float:none;
}
.detail_box { max-width:340px; margin:0 auto;}


} 

/*アンドロイドの縦 iphoneの縦*/
@media screen and (max-width:320px) {
	 
	.detail_box { max-width:300px !important;  margin:0 auto; }
	  .main_photo {
	width:100%;
	height: auto;
	max-height:none;
	max-width: 230px;
	margin: 0 auto 5px auto;
	float:none;
}
	}