@charset 'UTF-8';

/*1802_video*/
#header {
	background-image:none;
}
video {
	position:fixed;
	top:50%;
	left:50%;
	z-index:-1;
	transform:translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	width:auto;
	height:auto;
	background-size: cover;
}
@media (max-width: 774px) {
	#header {background-image: url(../images/front/topBg_sp.jpg)}
	video {display:none}
}

#header {
	position:relative;
}

div.bn_next {
	margin-top:40px;
}

div#wrapper.search {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	position:absolute;
	bottom:0;
}
div#wrapper.search.smp {
	display:none;
}
div.searchBox {
	display:inline-block;
	font-size:12px; font-size:1.2rem;
}
div.searchBox input,
div.searchBox select {
	margin-bottom:5px;
	color:#333!important;
}
div.inputButton {
	display:inline-block;
	vertical-align:top;
	padding:0 10px;
	margin-bottom:1px;
}
div.searchBox input.button {
	display:block;
	min-width:16em;
	color:#fff!important;
	font-size:14px; font-size:1.4rem;
	font-weight:600;
	background:#867743;
	padding:5px 0;
}
/*div.searchBox input.button+input {
	color:#867743!important;
	background:#fff;
}*/
div.searchBox input.button_cancel {
	color:#fff!important;
	text-decoration:underline;
	border:none;
	background:none;
}
div.searchBox a.conf {
	text-align:center;
	color:#867743;
	border:1px solid #867743;
	margin-bottom:5px;
}
div.searchBox a:hover {
	text-decoration:none;
}
div.searchBox p {
	display:inline;
	font-size:26px; font-size:2.6rem;
	color:#fff;
	line-height:1;
	font-family: 'Josefin Slab', serif;
	margin:0;
}
div.searchBox p img {
	display:inline;
	width:22px;
	vertical-align:middle;
	margin-right:3px;
}
div.searchBox h4 {
	font-size:14px; font-size:1.4rem;
	color:#fff;
	font-weight:600;
	margin:0;
}
div.searchBox h4 span {
	font-size:12px;font-size:1.2rem;
	font-weight:400;
}
div.search_date {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	color:#fff;
	padding:0 10px;
	margin-bottom:1px;
	margin-right:1px;
}
div.phone {
	clear:both;
	text-align:center;
	padding:10px 10px 0;
	border-top:1px solid #fff;
}
div.phone p {
	margin:0 10px;
}
div.phone p:first-child {
	font-size:16px;font-size:1.6rem;
	margin-right:0;
}

/*banner*/
.topBn {
	text-align:center;
	font-size:0;
}
.topBn a {
	display:inline-block;
	margin:0 1%;
}
.topBn.bn-1 a {
	width:60%;
}
.topBn.bn-2 a {
	width:48%;
}
.topBn.bn-3 a {
	width:31.3333%;
}

.reco a {
	float:left;
	width:23%;
	margin:0 1%;
}
.reco a div:first-child {
	position:relative;
	overflow:hidden;
	float:left;
	width:48%;
	min-height:150px;
	margin-right:2%;
	background-color:#00001e;
}
.reco a img {
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.reco a div {
	float:left;
	width:50%;
}
.reco a div h3 {
	font-size:16px; font-size:1.6rem;
}
.reco a div p {
	font-weight:400;
}
a.list {
	clear:both;
	float:right;
	width:auto;
	color:#fff;
	margin-top:50px;
	margin-right:1%;
}

div.reco+div#wrapper {
	width:100%;
	padding:100px 0;
	margin-bottom:100px;
}
div.slider {
	background-color:rgba(255,255,255,0.2);
}
div.slider ul {
	width:80%;
	margin:0 auto;
}
div.slider ul li {
	font-family: 'Josefin Slab', Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding:0 0.3%;
}
div.slider ul li a {
}
div.slider ul li a:hover {
	text-decoration:none;
}
div.slider ul li a div {
}
div.slider ul li img {
}
div.slider h4 {
	width:96%;
	height:2.5em;
	color:#fff;
	font-size:14px; font-size:1.4rem;
	font-weight:400;
	background-color:#867743;
	padding:2%;
}

/*group-bn*/
div.bn {
	width:100%;
}
div.bn ul li:nth-child(6n):after {
	content: "\A";
	white-space: pre;
}

@media (max-width: 1400px) {
div.bn ul li:nth-child(6n):after {
	content: "";
	white-space: normal;
}
}

@media (max-width: 774px) {
	#header,div#wrapper.search {
		position:static;
	}
	div#wrapper.search.pc {
		display:none;
	}
	div#wrapper.search.smp {
		display:block;
	}
	div.search_date,div.inputButton {
		margin-bottom:10px;
	}
	div.phone p.tel {
		display:none;
	}
	div.phone a.tel {
		color:#fff;
	    font-size: 2.6rem;
	    font-weight:400;
	    line-height: 1;
	}
	#wrapper.topBn a {
		width:80%;
		margin-bottom:10px;
	}
	#wrapper.topBn a:last-child {
		margin-bottom:0;
	}
	.reco a {
		width:48%;
	}
	.reco a div {
		float:none;
		width:100%;
	}
	.reco a div:first-child {
		float:none;
		width:100%;
		min-height:100px;
		margin:0 0 10px;
	}
	a.list {
		width:auto;
	}
}
@media (max-width: 737px) {
	.sp-menu div.searchBox {
		position:static;
		background-image:none;
		padding:1%;
	}
	.sp-menu div.searchBox a.tel {
		display:inline;
	    font-family: 'Josefin Slab', serif;
	    margin: 0 10px 0 0;
	}
	.sp-menu div.searchBox p:last-child {
		display:inline;
	}
	div#wrapper {
		margin-bottom:0px;
	}
	div.reco+div#wrapper {
		padding:50px 0;
		margin-bottom:50px;
	}
}
@media (max-width: 500px) {
	.sp-menu div.searchBox p:last-child {
		display:block;
	}
	div.search_date {
		display:block;
		text-align:center;
	}
	div.phone a.tel {
		display:block;
	}
	.reco a {
		float:none;
		width:100%;
		margin-bottom:30px;
	}
	.reco a div:first-child {
		min-height:150px;
	}
	.reco a div:last-child p {
		margin-top:5px;
	}
	a.list {
		text-align:right;
	}
}