@charset "UTF-8";

/*--------------------------------------------------------------------------------
topimage
--------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
#topimage { position: relative; }
#topimage .topimage_text {
	display: block;
	left: 50%;
	position: absolute;
	text-decoration: none;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 249px;
	padding: 15px 0;
	background: url(img/topimage_text.png) left top;
	background-size: contain;
}
#topimage .topimage_title {
	color: #fff;
	line-height: 1;
	font-size: 2.5rem;
	margin-bottom: 10px;
}
#topimage .btn {
	color: #fff;
	padding: 5px 50px 5px 10px;
	font-size: 1.3rem;
	background: #262624;
	border: none;
}
}

@media print, screen and (min-width: 768px) {

#topimage { position: relative; }
#topimage .topimage_text {
	display: block;
	left: 50%;
	position: absolute;
	text-decoration: none;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(img/topimage_text.png) repeat-y left top;
	padding: 40px 0;
	width: 498px;
}
#topimage .topimage_title {
	color: #fff;
	line-height: 1;
	font-size: 5rem;
	font-weight: 500;
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-bottom: 30px;
}
#topimage .btn {
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 2rem;
	padding-right: 100px;
	background: #262624;
	border-color: #fff;
}
#topimage .topimage_text:hover .btn--border { background: #403f3d; }
}

/*----------------------------------------*----------------------------------------
news
----------------------------------------*----------------------------------------*/

@media screen and (max-width: 767px) {
#news dd + dt {
	border-top: 1px solid #d9d7ce;
	padding-top: 10px;
	margin-top: 10px;
}
#news .date {
	color: #262624;
	font-weight: bold;
	letter-spacing: .1em;
}
}

@media print, screen and (min-width: 768px) {
#news {
  position: relative;
}
#news .h-primary {
  text-align: left;
  background-position: left bottom;
  margin-bottom: 20px;
}
#news dd + dt {
	border-top: 1px solid #d9d7ce;
	padding-top: 10px;
	margin-top: 10px;
}
#news .date {
	color: #262624;
	font-weight: bold;
	letter-spacing: .1em;
}
#news .btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.3rem;
  padding: 7px 25px 7px 10px;
  background-color: #262624;
}
  #news .btn:before {
    font-size: 1.3rem;
    right: 10px;
  }
}

/*----------------------------------------*----------------------------------------
topAd
----------------------------------------*----------------------------------------*/

#topAd {
  text-align: center;
  margin-bottom: 40px;
}
#topAd .ht {
  font-weight: bold;
  margin-bottom: 5px;
}

/*----------------------------------------*----------------------------------------
list
----------------------------------------*----------------------------------------*/

.post--archive.post--new:before {
	display: block;
	content: "NEW";
	background: #cc5252;
	color: #fff;
	font-weight: bold;
	font-size: 1.3rem;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 10;
}

@media screen and (max-width: 767px) {
#list .ebox{
  padding-bottom: 0;
}
#list .h-primary { margin-bottom: 10px; }
#list .col {
	transition: all .2s linear;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
	width: 206px;
}
#list .col:hover { background: #f2f0e6; }
#list .post {
	text-align: center;
	text-decoration: none;
	display: block;
}
#list .post:hover { color: #403f3d; }
#list .post_photo { margin-bottom: 5px; }
#list .post_header,
#list .post_category {
	margin-bottom: 5px;
	letter-spacing: -.4em;
}
#list .post_header span,
#list .post_category span {
	letter-spacing: normal;
	display: block;
}
#list .post_header span + span,
#list .post_category span + span { margin-top: 5px; }
#list .post_area,
#list .post_type {
	line-height: 1;
	font-size: 1.3rem;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px;
	letter-spacing: normal;
}
#list .post_area { color: #fff; }
#list .post_type { border: 1px solid #403f3d; }
#list .post_price {
	color: #e66767;
	font-weight: bold;
}
#list .post_detail { font-size: 1.4rem; }
#list .post_area--tochigi { background: #47a1b3; }
#list .post_area--ohira { background: #8d74a6; }
#list .post_area--tsuga { background: #cc5252; }
#list .post_area--nishikata { background: #e6992e; }
#list .post_area--fujioka { background: #7a993d; }
#list .post_area--iwafune { background: #b3a17d; }

#list .post--negotiation .post_photo,
#list .post--soldout .post_photo { position: relative; }
#list .post--negotiation .post_photo { border: 2px solid #cc5252; }
#list .post--soldout .post_photo { background: #262624; }
#list .post--soldout .post_photo img {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}
#list .post_states {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 5px 10px 3px;
	line-height: 1;
	font-size: 1.4rem;
}
#list .post--negotiation .post_states { background: #cc5252; }
#list .post--soldout .post_states { background: rgba(38,38,36,.9); }
}

@media print, screen and (min-width: 768px) {
#list + .col {
  padding-left: 45px;
}
#list .h-primary { margin-bottom: 20px; }
#list .col {
	transition: all .2s linear;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#list .col:hover { background: #f2f0e6; }

#list .slick-prev,
#list .slick-next {
	background: #ccc2ad;
	width: 40px;
	height: 30px;
	top: -5px;
}
#list .slick-prev:before,
#list .slick-next:before {
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	opacity: 1;
}
#list .slick_arrows--outside .slick-prev { left: 15px; }
#list .slick_arrows--outside .slick-next { right: 15px; }

#list .post {
	text-align: center;
	text-decoration: none;
	display: block;
}
#list .post:hover { color: #403f3d; }
#list .post_photo { margin-bottom: 10px; }
#list .post_header,
#list .post_category {
	margin-bottom: 10px;
	letter-spacing: -.4em;
}
#list .post_header span,
#list .post_category span { letter-spacing: normal; }
#list .post_header span + span,
#list .post_category span + span { margin-left: 10px; }
#list .post_area,
#list .post_type {
	line-height: 1;
	font-size: 1.3rem;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px;
	display: inline-block;
	letter-spacing: normal;
}
#list .post_area { color: #fff; }
#list .post_type {
	border: 1px solid #403f3d;
	margin-left: 10px;
}
#list .post_price {
	color: #e66767;
	font-weight: bold;
}
#list .post_detail { font-size: 1.3rem; }
#list .post_area--tochigi { background: #47a1b3; }
#list .post_area--ohira { background: #8d74a6; }
#list .post_area--tsuga { background: #cc5252; }
#list .post_area--nishikata { background: #e6992e; }
#list .post_area--fujioka { background: #7a993d; }
#list .post_area--iwafune { background: #b3a17d; }
#list .post--negotiation .post_photo,
#list .post--soldout .post_photo { position: relative; }
#list .post--negotiation .post_photo { border: 2px solid #cc5252; }
#list .post--soldout .post_photo { background: #262624; }
#list .post--soldout .post_photo img {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}
#list .post_states {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 5px 10px 3px;
	line-height: 1;
	font-size: 1.4rem;
}
#list .post--negotiation .post_states { background: #cc5252; }
#list .post--soldout .post_states { background: rgba(38,38,36,.9); }
}

/*----------------------------------------*----------------------------------------
search
----------------------------------------*----------------------------------------*/

#search .search_map { text-align: center; }
#search .search_title {
	font-size: 1.5rem;
	margin-bottom: 10px;
	color: #403f3d;
}
#search .search_category { background: #fff; }
.search_category a {
	text-decoration: none;
	position: relative;
}
.search_category a:before {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -.5em;
	font-family: "FontAwesome";
	content: "\f105";
	line-height: 1;
}
.search_category a + a { border-left: 1px solid #d9d7ce; }
.search_category a:nth-child(4n) { border-left: none; }
.search_category--area i { margin-right: 5px; }
.search_category--area .menu--tochigi i { color: #47a1b3; }
.search_category--area .menu--nishikata i { color: #e6992e; }
.search_category--area .menu--ohira i { color: #8d74a6; }
.search_category--area .menu--fujioka i { color: #7a993d; }
.search_category--area .menu--tsuga i { color: #cc5252; }
.search_category--area .menu--iwafune i { color: #b3a17d; }

@media screen and (max-width: 767px) {
.search_category a {
	display: block;
	padding: 10px 15px;
}
.search_category a + a { border-top: 1px solid #d9d7ce; }
}

@media print, screen and (min-width: 768px) {
#search {
	padding-top: 40px;
	padding-bottom: 20px;
	background-attachment: fixed;
}
#search .search_map { padding: 25px 0 0 0; }
#search .search_title { text-align: center; }
.search_category a {
	line-height: 40px;
	padding: 0 15px;
	width: 33.333333%;
	display: inline-block;
}
.search_category a:nth-child(n+4) { border-top: 1px solid #d9d7ce; }
}


/*----------------------------------------*----------------------------------------
about
----------------------------------------*----------------------------------------*/

@media screen and (max-width: 767px) {
#about .ebox { padding-top: 40px; }
#about p { text-align: center; }
#about .btn { text-align: left; }
}

@media print, screen and (min-width: 768px) {
#about { padding-right: 45px; }
#about p { text-align: center; }
#about .btn { text-align: left; }
}

/*----------------------------------------*----------------------------------------
subsidy
----------------------------------------*----------------------------------------*/

@media screen and (max-width: 767px) {
#subsidy .card {
	border-color: #cc5252;
	text-align: center;
	position: relative;
}
#subsidy .card:before {
	font-family: "FontAwesome";
	content: "\f157";
	position: absolute;
	left: 50%;
	top: -30px;
	margin: 0 0 0 -40px;
	font-size: 7rem;
	color: #cc5252;
	background: #fff;
	line-height: 1;
	width: 80px;
	height: 60px;
	line-height: 60px;
}
#subsidy .card_block { padding: 30px; }
#subsidy .h-underline {
	color: #cc5252;
	border-bottom-color: #cc5252;
	display: inline-block;
	margin: 0 auto 20px;
	font-size: 2.4rem;
}
#subsidy .price {
	font-size: 2rem;
	color: #cc5252;
}
#subsidy .number {
	font-size: 5rem;
	line-height: 1;
}
#subsidy .help {
	font-size: 1.3rem;
	margin-bottom: 20px;
}
#subsidy .btn {
	text-align: left;
	background: #cc5252;
}
#subsidy .btn:hover { background: #e66767; }
}

@media print, screen and (min-width: 768px) {
#subsidy .card {
	border-color: #cc5252;
	text-align: center;
	position: relative;
}
#subsidy .card:before {
	font-family: "FontAwesome";
	content: "\f157";
	position: absolute;
	left: 50%;
	top: -30px;
	margin: 0 0 0 -40px;
	font-size: 7rem;
	color: #cc5252;
	background: #fff;
	line-height: 1;
	width: 80px;
	height: 60px;
	line-height: 60px;
}
#subsidy .card_block { padding: 40px; }
#subsidy .h-underline {
	color: #cc5252;
	border-bottom-color: #cc5252;
	display: inline-block;
	margin: 0 auto 20px;
	font-size: 2.4rem;
}
#subsidy .price {
	font-size: 2rem;
	color: #cc5252;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
}
#subsidy .number {
	font-size: 5rem;
	line-height: 1;
}
#subsidy .help {
	font-size: 1.3rem;
	margin-bottom: 30px;
}
#subsidy .btn {
	text-align: left;
	background: #cc5252;
}
#subsidy .btn:hover { background: #e66767; }
}

/*----------------------------------------*----------------------------------------
parallax01
----------------------------------------*----------------------------------------*/

@media screen and (max-width: 767px) {
.parallax01 {
	background: url(img/parallax01.jpg) no-repeat center center;
	background-size: cover;
}
}

@media print, screen and (min-width: 768px) {
}

/*----------------------------------------*----------------------------------------
city
----------------------------------------*----------------------------------------*/

@media screen and (max-width: 767px) {
#city { padding-top: 40px; }
#city .appeal { text-align: center; }
#city .appeal_title {
	padding: 5px 0;
	margin-bottom: 10px;
	color: #fff;
}
#city .appeal--location .appeal_title { background: #47a1b3; }
#city .appeal--ground .appeal_title { background: #b3a17d; }
#city .appeal--nature .appeal_title { background: #7a993d; }
#city .appeal--traffic .appeal_title { background: #e6992e; }
#city .appeal--sightseeing .appeal_title { background: #cc5252; }
#city .appeal--work .appeal_title { background: #8d74a6; }
}

@media print, screen and (min-width: 768px) {
#city .h-primary { margin-bottom: 50px; }
#city .appeal {
	border: 2px solid;
	position: relative;
	padding: 35px 20px 20px 20px;
	margin-bottom: 10px;
	text-align: center;
}
#city .appeal_title {
	font-size: 4rem;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
	display: inline-block;
	background: #fff;
	padding: 0 .5em;
	position: absolute;
	top: -2.2rem;
	left: 50%;
	margin-left: -1.6em;
}
#city .appeal--location { border-color: #47a1b3; }
#city .appeal--location .appeal_title { color: #47a1b3; }
#city .appeal--ground { border-color: #b3a17d; }
#city .appeal--ground .appeal_title { color: #b3a17d; }
#city .appeal--nature { border-color: #7a993d; }
#city .appeal--nature .appeal_title { color: #7a993d; }
#city .appeal--traffic { border-color: #e6992e; }
#city .appeal--traffic .appeal_title { color: #e6992e; }
#city .appeal--sightseeing { border-color: #cc5252; }
#city .appeal--sightseeing .appeal_title { color: #cc5252; }
#city .appeal--work { border-color: #8d74a6; }
#city .appeal--work .appeal_title { color: #8d74a6; }
}

/*----------------------------------------*----------------------------------------
contact
----------------------------------------*----------------------------------------*/

@media screen and (max-width: 767px) {
#contact h2 {
	font-size: 1.6rem;
	text-align: center;
}
#contact th,
#contact td { text-align: center; }
}

@media print, screen and (min-width: 768px) {
#contact h2 {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
#contact th,
#contact td {
	padding-bottom: 5px;
	padding-top: 5px;
}
}