/*
Theme Name: inup
Description: inu-design
Author: inu-design
Version: 1.1
*/

.top-page {overflow-x: hidden;}

.mv-box img {
	width: 100%;
	height: auto;
}

main {
	overflow-x: hidden;
}

/*Smartphone*/
@media screen and (max-width: 767px) {
	body { padding-bottom: 12%;}
}/*END*/

/*------------------------------------------

	サイト内汎用

------------------------------------------*/
.txt {
	font-size: 1.5rem;
	line-height: 2.2;
}
.inr {
	padding-right: 15px;
	padding-left: 15px;
}

.link a {
	font-size: 1.2rem;
	color: #656066;
	border: #656066 1px solid;
	display: inline-block;
	padding: 1em 2em;
}

.hx-type1 {
	font-size: 3.0rem;
	font-weight: 500;
}

.hx-type2 {
	font-size: 3.3rem;
	line-height: 1.5;
	font-weight: 500;
}
.hx-type2 .sub {
	font-size: .6em;
}

.hx-type3 {
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.5;
	border-bottom: #8e7132 1px solid;
	padding-bottom: 15px;
}
.hx-type3 .sub {
	font-size: .6em;
}

.hx-type4 {
	font-size: 3rem;
	line-height: 1.5;
}
.hx-type4 .sub {
	font-size: .6em;
	color: #8e7132;
	padding-right: 1em;
}

.hx-type4.slv .sub {
	color: #939393;
}

/*PC*/
@media screen and (min-width: 768px) {
	.anchor {
		padding-top: 68px;
		margin-top: -68px;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.inr {
		padding-right: 2%;
		padding-left: 2%;
	}
	.anchor {
		padding-top: 68px;
		margin-top: -68px;
	}

	.txt {
		font-size: 1.4rem;
		letter-spacing: -.03em;
	}

	.hx-type1 {
		font-size: 2.2rem;
		letter-spacing: -.03em;
	}

	.hx-type2 {
		font-size: 2.4rem;
		letter-spacing: -.03em;
	}
}/*END*/


/*------------------------------------------

	ヘッダー固定

------------------------------------------*/
.site-header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .6s;
	padding: 45px;
	z-index: 9999;
}

.site-header .inr {
}

.site-header h1 {
	width: 138px;
}

.site-header .menu-box {
	width: calc(100% - 138px);
}

.site-header .gnav li {
	margin-left: 35px;
}

.site-header .gnav a {
	font-size: 1.6rem;
	color: #fff;
}

.site-header .gnav .waku a {
	border: #fff 1px solid;
	border-radius: 3px;
	padding: .7em;
}

/*PC*/
@media screen and (min-width: 768px) {
	.hed-fix .site-header {
		background-color: #fff;
		padding: 25px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	}

	.hed-fix .site-header .gnav a,
	.single .site-header .gnav a {
		color: #000;
	}

	.hed-fix .site-header .gnav .waku a,
	.single .site-header .gnav .waku a {
		border: #000 1px solid;
	}

	.single .site-header {
		background-color: #fff;
	}

	.site-header .gnav .drop {
		position: relative;
	}
	.site-header .gnav .sub-menu {
		display: none;
	}

	.hed-fix .site-header .sub-menu,
	.single .site-header .sub-menu {
		background-color: rgba(255,255,255,.8);
	}
	.hed-fix .site-header .sub-menu a {
		color: #262626;
	}

	/*.site-header .gnav .drop {
		padding-left: 1em;
		position: relative;
	}
	.site-header .gnav .drop::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 5.5px 0 5.5px;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		top: calc(50% - -1px);
		left: -5px;
		transform: translateY(-50%);
	}*/
	.hed-fix .site-header .gnav .drop::before,
	.single .site-header .gnav .drop::before {
		border-color: #000 transparent transparent transparent;
	}
	.site-header .gnav .drop .sub-menu {
		width: 150%;
		position: relative;
	}
	.site-header .gnav .drop:hover .sub-menu {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
	}
	.site-header .gnav .drop .sub-menu li {
		padding-left: 1em;
		margin-left: 0;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 1030px) {
	.site-header .gnav li {
		margin-left: 25px;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 991px) {
	.site-header .gnav a {
		font-size: 1.4rem;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 990px) {
	/*gnavボタン*/
	.site-header .open-btn {
		width: 40px;
		height: 30px;
		position: fixed;
		top: 10px;
		right: 10px;
	}
	.site-header .open-btn span {
		width: 100%;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.site-header .open-btn::before,
	.site-header .open-btn::after {
		content: "";
		width: 100%;
		height: 2px;
		background-color: #fff;
		display: block;
		position: absolute;
		left: 0;
	}
	.site-header .open-btn::before {
		top: 0;
	}
	.site-header .open-btn::after {
		bottom: 0;
	}

	.site-header .close-btn {
		width: 100%;
		color: #262626;
		border-bottom: #fff 1px solid;
		background: #fff;
		padding: 1em;
	}
	
	/*gnav*/
	.site-header .menu-box {
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.8);
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 9999;
		transition: .3s;
		overflow: scroll;
		padding-bottom: 30%;
	}
	.open .site-header .menu-box {
		left: 0;
	}
	.site-header .gnav {
		width: 100%;
		display: block;
	}
	.site-header .gnav li {
		width: 100%;
		margin-left: 0;
	}
	.site-header .gnav li a {
		width: 100%;
		font-size: 1.6rem;
		display: block;
		border-bottom: #fff 1px solid;
		padding: 1em;
	}
	.site-header .gnav li .sub-menu a {
		font-size: 1.3rem;
		color: #fff;
		background-color: rgba(0,0,0,.7);
	}

	.site-header .gnav .waku a {
		width: 80%;
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.site-header {
		padding: 2%;
	}
	.hed-fix .site-header {
		padding: 2%;
	}
}/*END*/


/*------------------------------------------

TOP記事スライダー1

------------------------------------------*/
.slider-box {
	background-color: #e7e9ed;
	padding-top: 60px;
	padding-bottom: 60px;
}

.slider-box .inr {
	/*width: 100%;*/
	max-width: 1280px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
}

.slider-box .post-box {
	padding: 0 20px;
}

.slider-box .post-wrap {
	padding: 1em;
}

.slider-box .post-box .tit {
	font-size: 1.7rem;
	font-weight: normal;
}

.slider-box .post-box .txt {
	font-size: 1.5rem;
	line-height: 1.7;
}

.slider-box .my-dots {
    display: flex;
    justify-content: center;
}
.slider-box .flex-control-nav a, .slider-box .my-dots li button {
    width: 10px;
    height: 10px;
	color: transparent;
    border-radius: 100px;
    display: block;
    background-color: #939393;
    margin-right: 5px;
    margin-left: 5px;
}
.slider-box .flex-control-nav a.flex-active, .slider-box .my-dots li.slick-active button {
    background-color: #262626;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.slider-box {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.slider-box .inr {
		padding-right: 2%;
		padding-left: 2%;
	}

	.slider-box #post-slider {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}

	.slider-box .post-box {
		padding: 0 5px;
	}

	.slider-box .post-box .tit {
		font-size: 1.5rem;
	}
	.slider-box .post-box .txt {
		font-size: 1.3rem;
	}
}/*END*/


/*------------------------------------------

２columnエリア

------------------------------------------*/
.column-box {
	background-color: #fff;
}

.column-box .txt-box {
	width: 50%;
	background-color: #fff;
}

.column-box .img-box {
	width: calc(100% - 50%);
  height: 500px;
  object-fit: cover;
}
.column-box .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.column-box.column2 .txt-box,
.column-box.column2 .img-box {
	width: 50%;
}

/*PC*/
@media screen and (min-width: 768px) {
	.column-box .txt-box {
		padding-right: 70px;
		padding-left: 70px;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.column-box .txt-box {
		width: 100%;
		padding-top: 20px;
		padding-right: 2%;
		padding-left: 2%;
	}

	.column-box .img-box {
		width: 100%;
    /*height: auto;*/
    height: 300px;
	}

	.column-box.column2 .txt-box,
	.column-box.column2 .img-box {
		width: 100%;
	}
}/*END*/


/*------------------------------------------

PLAN

------------------------------------------*/
.plan-box {
	background-color: #c8b6a4;
	padding-bottom: 100px;
}

.plan-box .inr {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.plan-box article::before,
.plan-box article::after {
	content: "";
	width: 23.4375%;
	max-width: 300px;
	display: block;
}
.plan-box article::before {
    order:1;
}

.plan-box .post-box {
	width: 23.4375%;
	max-width: 300px;
}

.plan-box .post-wrap {
	background-color: #fff;
	padding: 1em;
}

.plan-box .post-box .tit {
	font-size: 1.7rem;
}

.plan-box .post-box .txt {
	line-height: 1.8;
}

.plan-box .post-box .cat {
	font-size: 1.3rem;
	display: inline-block;
	border: #999 1px solid;
	border-radius: 100px;
	padding: .3em 1em;
	margin-right: 10px;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.plan-box {
		background-color: #c1ad97;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.plan-box .post-box {
		width: 48%;
		max-width: none;
	}

	.plan-box .post-box .tit {
		font-size: 1.4rem;
	}

	.plan-box .post-box .txt {
		font-size: 1.3rem;
	}

	.plan-box .post-box .cat {
		font-size: 1.2rem;
		margin-right: 5px;
	}
}/*END*/


/*------------------------------------------

journal

------------------------------------------*/
.journal-box {
	background-color: #b2997f;
	padding: 100px 0;
}

.journal-wrap {
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 50px;
}

.journal-box .inr {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.journal-box .post-box {
	width: 50%;
}

.journal-box .thum {
	width: 260px;
	height: 260px;
}
.journal-box .thum img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.journal-box .post-wrap {
	width: calc(100% - 260px);
	padding-right: 2em;
	padding-left: 2em;
}

.journal-box time {
	font-size: 1.7rem;
}

.journal-box .tit {
	font-size: 1.7rem;
}

.journal-box .txt {
	font-size: 1.5rem;
	line-height: 1.8;
}

.journal-box .cat,
.single-journal .content-box .cat {
	font-size: 1.3rem;
	background-color: #c1ad97;
	display: inline-block;
	border-radius: 100px;
	padding: .3em 1em;
	margin-right: 10px;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.journal-box {
		padding-bottom: 50px;
	}

	.journal-wrap {
		padding-top: 50px;
		padding-bottom: 20px;
	}

	.journal-box .post-box {
		width: 100%;
	}

	.journal-box .thum {
		width: 100px;
		height: 100px;
	}

	.journal-box .post-wrap {
		width: calc(100% - 100px);
		padding-right: 0;
		padding-left: 1em;
	}

	.journal-box time {
		font-size: 1.2rem;
	}

	.journal-box .tit {
		font-size: 1.4rem;
	}

	.journal-box .txt {
		font-size: 1.3rem;
	}

	.journal-box .cat,
	.single-journal .content-box .cat {
		font-size: 1.2rem;
		margin-right: 5px;
	}
}/*END*/



/*------------------------------------------

グランピングヴィラ　アウトドア　（フッターの上）

------------------------------------------*/

.content_box {
  padding: 100px 0;
  background: #c8b6a4;
}
.outdoor_bk {background: #b59574;}
.group_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
.group_area h3 span {
  font-size: 12px;
}
.group_area .group-box {
  width: 46%;
  height: auto;
  display: flex;
}
.group_area .group-box .thum {
  width: 50%;
  height: auto;
}
.group_area .group-box .text-wrap {
  margin-left: 16px;
  width: 70%;
  margin-bottom: 40px;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
    .content_box {
      padding: 60px 0;
    }
    .group_area .group-box {
      width: 100%;
      flex-direction: column;
      margin-bottom: 30px;
    }
    /*.group_area .group-box .thum {
      width: 100%;
      height: auto;
    }*/
    .group_area .group-box .text-wrap {
      margin-left: 0;
      width: 100%;
      margin-bottom: 0;
    }
}/*END*/



/*------------------------------------------

	フッター

------------------------------------------*/
.simai-box {
	width: 100%;
	color: #fff;
	background-color: #755a3e;
	padding-top: 100px;
	padding-bottom: 60px;
}
.simai-box h4 {
	text-align: left!important;
}

.simai-box .inr {
	width: 100%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.shisetsu-box {
  display: flex;
}
.shisetsu-box .shisetsu-inr {
  display: flex;
}

/*.shisetsu-box .thum {
	width: 41.6666666667%;
	max-width: 120px;
}*/

/*.shisetsu-box .txt-box {
	width: 58.3333333333%;
	max-width: 220px;
	padding-left: 10px;
  padding-top: 3px;
}*/
.shisetsu-box .txt-box {
	padding-left: 10px;
  padding-top: 3px;
  margin-right: 30px;
}

.shisetsu-box .txt-box .cap {
	font-size: 1.3rem;
	letter-spacing: -.03em;
}

.shisetsu-box .txt-box .tit {
	font-size: 1.5rem;
	font-weight: normal;
	letter-spacing: -.03em;
}

.footer-about-box {
	color: #fff;
	background-color: #100803;
	padding: 70px 0 35px;
}

.footer-about-box .inr {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.footer-about-box .cpy-box {
	width: 50%;
	border-right: #fff 1px solid;
}

.footer-about-box .tit {
	font-size: 3.0rem;
}

.footer-about-box address {
	font-size: 1.7rem;
	font-style: normal;
}

.footer-about-box .res a {
	font-size: 1.6rem;
	border: #fff 1px solid;
	border-radius: 3px;
	display: inline-block;
	padding: .4em 1.4em;
}

.footer-about-box a {
	color: #fff;
}

.footer-about-box .nav-box {
	width: 50%;
}

.footer-about-box .t-access span {
	text-decoration-line: underline;
}

footer .gnav {
	font-size: 1.9rem;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
footer .nav-inr {
	margin-left: auto;
}

footer .gnav > li {
	line-height: 2;
	position: relative;
	padding-left: 1em;
}
footer .gnav > li::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 15px;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg) translateY(-50%);
    color: inherit;
}
footer .gnav .sub-menu {
	font-size: 1.6rem;
	padding-left: 1em;
}

footer .gnav .sub-menu > li {
	line-height: 1.7;
	position: relative;
}
footer .gnav .sub-menu > li::after {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 100px;
    display: block;
    position: absolute;
    left: -.9em;
    top: 13px;
}
footer .footer_company {
  text-align: center;
  font-size: 12px;
  padding: 40px 0 0 0;
}

/*PC*/
@media screen and (min-width: 768px) {
	footer .nav-inr {
		margin-right: 80px;
	}
	footer .gnav li.menu-item-341 {
		margin-bottom: 35px;
	}
	footer .gnav li.menu-item-344 {
		margin-left: 50px;
	}
  .sm-footer-menu {display: none;}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.simai-box {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.shisetsu-box {
		width: 100%;
		max-width: none;
    flex-direction: column;
	}

	.shisetsu-box .thum {
		width: 20%;
		max-width: none;
	}

	.shisetsu-box .txt-box {
		width: 80%;
		max-width: none;
		padding-left: 5px;
	}

	.shisetsu-box .txt-box .cap {
		font-size: 1.2rem;
	}

	.shisetsu-box .txt-box .tit {
		font-size: 1.3rem;
	}

	.footer-about-box {
		padding: 30px 0;
	}

	.footer-about-box .cpy-box {
		width: 100%;
		border-right: 0;
	}

	.footer-about-box .tit {
		font-size: 2.2rem;
	}

	.footer-about-box address {
		font-size: 1.4rem;
		font-style: normal;
	}

	.footer-about-box .res a {
		font-size: 1.3rem;
	}

	.footer-about-box .nav-box {
		width: 100%;
	}
	.footer-about-box img {
		width: 138px;
    height: auto;
	}

	footer .gnav {
		font-size: 1.5rem;
		border-top: #fff 1px solid;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	footer .nav-inr {
		width: 100%;
		margin-left: 0;
	}

	footer .gnav li a {
		width: 100%;
		border-bottom: #fff 1px solid;
		display: block;
		padding: .5em;
	}

	footer .gnav > li {
		padding-left: 0;
	}

	footer .gnav > li::after {
		left: auto;
		right: 15px;
		top: 22px;
	}
	footer .gnav .sub-menu {
		font-size: 1.3rem;
	}

	footer .gnav .sub-menu > li::after {
		top: 18px;
	}
	footer .footer_company {
    text-align: center;
    font-size: 12px;
    padding: 40px 0 40px 0;
  }
	.sm-footer-menu {
    display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99999;
    width: 100%;
	}

	.sm-footer-menu li {
		text-align: center;
    position: relative;
	}
	.sm-footer-menu li a {
    position: absolute;
    top: 5px;
    left: 0;
    height:100%;
    width: 100%;
	}  
  .sm-footer-menu li:nth-of-type(1) {
		width: 16.6176470588%;
    background: #c1ad97;
	}
	.sm-footer-menu li:nth-of-type(2) {
		width: 33.3823529412%;
    background: #d7733c;
	}
	.sm-footer-menu li:nth-of-type(3) {
		width: 16.6176470588%;
    background: #d7cabc;
	}
	.sm-footer-menu li:nth-of-type(4) {
		width: 16.6176470588%;
    background: #c1ad97;
	}
	.sm-footer-menu li:nth-of-type(5) {
		width: 16.4705882353%;
	}
}/*END*/


/*------------------------------------------

	リアルタイムエラー

------------------------------------------*/
.fld-con {
	position: relative;
}
.tooltip {
    color: #fff;
    position: absolute;
    background: #8B0000;
    font-size: 14px;
    width: 60%;
    padding: 5px 10px;
    left: 0;
    top: -40px;
    border-radius: 5px;
    border: 1px solid #aaa;
    box-shadow: 0px 1px 2px 0 #C1BCB9;
    z-index: 10000;
    line-height: 22px;
    display: none;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
}/*END*/


/*------------------------------------------

	ページ内リンクの時の処理　追記

------------------------------------------*/
a.scroll_point {
 height: 1px;
 margin-top: -80px;
 padding-top: 80px;
 display: block;
  /*color: #909757;*/
}
@media screen and (max-width: 896px) {
   a.scroll_point {
  display: block;
  margin-top: 0;
  padding-top: 0;
 }
}