@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
@import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css);
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 search
==============================*/

/* searchArea ----------*/
#searchArea { max-width: 96rem; overflow: hidden; margin: auto; border-radius: 2rem; background: linear-gradient(132deg, rgba(102, 177, 203, 1) 0%, rgba(102, 177, 203, 1) 40%, rgba(203, 218, 204, 1) 100%); }
#searchArea form {}
#searchArea h2 { white-space: nowrap; display: flex; margin-bottom: 3rem; color: #FFF; font-size: 2.4rem; gap: 2rem; align-items: center; justify-content: center; }
#searchArea h2::before, #searchArea h2::after { content: ""; display: block; width: 100%; height: 4px; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; }
#searchArea .cats {}
#searchArea .cat { display: grid; margin-top: 2rem; padding-bottom: 2rem; border-bottom: solid 1px rgba(255, 255, 255, 0.2); grid-template-columns: 13rem 1fr; }
#searchArea .cat h3 { padding-top: 0.5em; color: #FFF; font-size: 1.4rem; }
#searchArea .cat .items { display: flex; flex-flow: wrap; gap: 0.8rem; }
#searchArea .cat .items li {}
#searchArea .cat .items li label {}
#searchArea .cat .items li label input { display: none; }
#searchArea .cat .items li label .w { display: flex; padding: 0.5rem 0.5rem 0.5rem 1rem; border-radius: 0.8rem; border: solid 2px transparent; background-color: #FFF; line-height: 1; align-items: center; gap: 1rem; }
#searchArea .cat .items li label input:checked + .w { border: solid 2px #FFF; color: #FFF; background-color: #DA4B62; }
#searchArea .cat .items li label .w:hover { cursor: pointer; }
#searchArea .cat .items li label .w span.t { font-weight: bold; font-size: 1.6rem; }
#searchArea .cat .items li label .w span.n { display: inline-block; padding: 0.4rem 0.6rem; border-radius: 0.5rem; background-color: #EEE; font-weight: bold; font-size: 70%; line-height: 1; }
#searchArea .cat .items li label input:checked + .w span.n { color: #DA4B62; background-color: #FFF; }
#searchArea .select_area { padding: 4rem 4rem 1rem; }
#searchArea .select_area .more { margin-top: 2rem; opacity: 0.8; text-align: center; }
#searchArea .select_area .more .close { display: none; }
#searchArea .select_area .more .bt.open .open { display: none; }
#searchArea .select_area .more .bt.open .close { display: flex; }
#searchArea .bt_area { display: flex; padding: 2rem 4rem; background-color: rgba(0, 0, 0, 0.03); align-items: center; justify-content: center; gap: 2rem; }
@media screen and (max-width:800px) {
	#searchArea .cat { grid-template-columns: 1fr; }
	#searchArea .cat h3 { margin-bottom: 1rem; }
}
@media screen and (max-width:640px) {
	#searchArea .bt_area { flex-flow: wrap; }
}
@media screen and (max-width:480px) { /* s */
	#searchArea h2 { margin-bottom: 1rem; font-size: 2.2rem; gap: 1.5rem; }
	#searchArea .cat { margin-top: 1rem;  }
	#searchArea .select_area { padding: 2rem 2rem 0; }
	#searchArea .bt_area .-search { width: 100%; }
	#searchArea .bt_area .-search span { justify-content: center; }
}

.display_mark { margin: auto; border: solid 1px rgba(0,0,0,0.1); padding: 2rem; }
.display_mark .special_marks { margin-top: 1.5rem; }
.display_mark .special_marks li { display: flex; gap: 2rem; align-items: center; margin-top: 1.5rem; }
.display_mark .special_marks li span { display: block; }
.display_mark .special_marks li .m { width: 15rem; }
.display_mark .special_marks li .d { font-size: 1.6rem; }
@media screen and (max-width:480px) { /* s */
	.display_mark .special_marks li { display: grid; gap: 1rem; grid-template-columns: 1fr; place-items: center; }
	.display_mark .special_marks .m { font-size: 1.6rem; width: auto !important; }
	.display_mark .special_marks li .d { text-align: center; }
}

/* searchResult ----------*/
#searchResult .display_mark { max-width: 80rem; }
#searchResult .display_mark h3 { font-size: 1.4rem; }
#searchResult .search_info { display: flex; flex-flow: wrap; gap: 1rem; margin-top: 10rem; padding: 1rem 2rem; border-radius: 1rem; background-color: #f4f3f3; }
#searchResult .search_info:first-child { margin-top: 0; }
#searchResult .pagenation { display: flex; margin-left: auto; font-size: 1.4rem; gap: 0.3rem; align-items: center; }
#searchResult .pagenation li {}
#searchResult .pagenation li.active { display: inline-block; width: 2em; height: 2em; border-radius: 2em; color: #FFF; background-color: #66B1CB; text-align: center; line-height: 2; }
#searchResult .pagenation a { display: inline-block; width: 2em; height: 2em; border-radius: 2em; background-color: #FFF; text-decoration: none; text-align: center; line-height: 2; }
@media screen and (max-width:480px) { /* s */
	#searchResult .pagenation { font-size: 1.3rem; gap: 0.2rem; }
}
@media screen and (max-width:480px) { /* s */
	#searchResult .display_mark h3 { text-align: center; }
	#searchResult .search_info { margin-top: 6rem; }
	#searchResult .search_info:first-child { margin-top: 0; }
}

/* searchResultItems ----------*/
#searchResultItems { margin: 10rem 4rem; }
#searchResultItems ul {}
#searchResultItems ul li { }
#searchResultItems ul li a { text-decoration: none; }
#searchResultItems ul li .pw { position: relative; border-radius: 0.5rem; aspect-ratio: 4 / 3; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f4f3f3; }
#searchResultItems ul li .pw .special_marks { position: absolute; bottom: 1rem; left: 0; width: 100%; display: flex; flex-flow: wrap; justify-content: center; margin-top: 1rem; gap: 0.5rem; }
#searchResultItems ul li .tw { }
#searchResultItems ul li .tw .a { margin: 0.7rem 0 1rem; padding-bottom: 0.7rem; text-align: center; color: #333; font-size: 1.4rem; line-height: 1.4; border-bottom: solid 1px rgba(0,0,0,0.1); }
#searchResultItems ul li .tw .h { text-align: center; color: #333; font-weight: bold; line-height: 1.6; }
#searchResultItems ul li .special_marks { display: flex; flex-flow: wrap; justify-content: center; margin-top: 1rem; gap: 0.5rem; }
@media screen and (max-width:480px) { /* s */
	#searchResultItems { margin: 6rem 0rem; }
	#searchResultItems ul li .pw .special_marks { bottom: 0.2rem; gap: 0.2rem; flex-flow: nowrap; }
	#searchResultItems ul li .pw .special_marks .m { font-size: 1.2rem; line-height: 1; padding: 0.3rem 0.4rem 0.2rem; }
}


/* searchDetail ----------*/
#searchDetail {}
#searchDetail h1 { display: flex; flex-flow: wrap; margin-bottom: 4rem; font-size: 4rem; gap: 2rem; align-items: center; }
#searchDetail h1 .a { padding: 1rem 2rem; border-radius: 0.6rem; color: #FFF; background-color: #DA4B62; font-size: 2.4rem; line-height: 1; }
#searchDetail .other_link { display: flex; flex-flow: wrap; margin-top: 2rem; gap: 1rem; justify-content: flex-end; }
#searchDetail .other_link li {}
#searchDetail .display_mark { padding-top: 0.5rem; }
#searchDetail .display_mark .special_marks .m { font-size: 1.6rem; width: 20rem; }
#searchDetail .description {}
#searchDetail .pickups {}
#searchDetail .pickups p { font-size: 1.6rem; line-height: 1.6; }
#searchDetail .pickups p img { width: 100%; height: auto; aspect-ratio: 4 / 3; }
#searchDetail .move {}
#searchDetail .move .w { width: 100%; aspect-ratio: 16 / 9; padding: 6rem; border-radius: 2rem; background-color: #f4f3f3; }
#searchDetail .move iframe { width: 100%; height: 100%; }
@media screen and (max-width:896px) { /* m */
	#searchDetail .pickups { max-width: 64rem; padding: 0 3rem; }
	#searchDetail .move .w { padding: 2rem; border-radius: 1rem; }
}
@media screen and (max-width:480px) { /* s */
	#searchDetail h1 { margin-bottom: 3rem; font-size: 3.2rem; gap: 1rem;  }
	#searchDetail h1 .a { font-size: 2rem; }
	#searchDetail .other_link { justify-content: center; max-width: 30rem; margin-left: auto; margin-right: auto; }
	#searchDetail .other_link li { width: 100%; }
	#searchDetail .other_link .bt { width: 100%; }
	#searchDetail .other_link .bt span { width: 100%; justify-content: center; }
}

#map_canvas {
	width: 100%;
	height: 500px;
}
@media screen and (max-width:480px) { /* s */
	#map_canvas {
		height: 400px;
	}
}

/* map_inner
---------------------------------------------------- */
.map_navi_control {
	display: none;
}
.map_navi_control input {
	display: none;
}
.map_navi_control label {
	display: none;
}
.map_navi_control #recalcRoute {
	display: none;
}
.map_navi_control select {
	display: none;
 }
.map_zoom {
	display: none;
}
@media screen and (max-width:480px) { /* s */
	.map_navi_control {
		display: block;
		margin-top: 15px;
	}
	.map_navi_control input {
		display: inline-block;
		width: 80px;
	}
	.map_navi_control label {
		margin-top: 15px;
		display: inline-block;
		font-size: 16px;
	}
	.map_navi_control #recalcRoute {
		display: inline-block;
		-webkit-appearance: none;
		padding: 3px 8px 3px 21px ;
		background-image: url(../../s/themes/default/icn_access_route.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,149,190,1)), color-stop(100%,rgba(61,110,159,1))); /* Chrome,Safari4+ */
		background-image: url(../../s/themes/default/icn_access_route.png), -webkit-linear-gradient(top, rgba(94,149,190,1) 0%,rgba(61,110,159,1) 100%); /* Chrome10+,Safari5.1+ */
		background-image: url(../../s/themes/default/icn_access_route.png), -ms-linear-gradient(top, rgba(94,149,190,1) 0%,rgba(61,110,159,1) 100%); /* IE10+ */
		background-image: url(../../s/themes/default/icn_access_route.png), linear-gradient(to bottom, rgba(94,149,190,1) 0%,rgba(61,110,159,1) 100%); /* W3C */
		background-position: 5px center, center;
		background-repeat: no-repeat, repeat ;
		background-size: 13px 13px, auto auto ;
		color: #FFFFFF;
		font-weight: bold;
		border-radius: 4px;
	  	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		border: 1px solid #666;
		text-shadow: 0 1px 1px #194b7e;
		font-size: 14px;
	}
	.map_navi_control select {
		display: inline-block;
		font-size: 16px;
		padding: 4px;
		margin-right: 5px;
	  }
	.map_zoom {
		display: inline-block;
		padding: 5px 8px;
		margin-top: 6px;
		border: 1px solid #CCC;
		border-radius: 4px;
		line-height: 100%;
		font-weight: bold;
		font-size: 16px;
	}
}
.search_focus {
	text-align: center !important;
	color: #fff;
}
.search_focus span  {
	font-weight: bold;
	vertical-align: initial;
}
.search_focus #result_num {
	font-size: 2.5rem;
}