@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description:
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags:
Version: 0.1.0
*/

*{
	font-size: 15px;
	line-height: 170%;
	letter-spacing: 0.5px;
}
@media screen and (max-width: 660px){
*{
font-size:0.94rem;
}
}

/*100%領域にぶちこわし*/
.home .innerBox{
	width: 100%!important;
}
.home #main #container .content{
	width: 100%!important;
}
.home #main #container {
	margin: 0;
}
@media screen and (min-width: 1100px){
#gMenu #gMenuInner.innerBox {
	width: 1100px !important;
}
.innerBox, #gMenu #gMenuInner.innerBox {
	width: 1100px;
}
}
@media screen and (max-width: 770px){
#gMenu {
	display:none;
}
}
.page-id-8 .content p {
	font-size:10px;
}

/*スライドショー*/
@media screen and (min-width: 1100px){
#topMainBnrFrame{
	width: 1100px!important;
}
#topMainBnr img{
	width: 1100px!important;
	max-width: 1100px!important;
}
}
#topMainBnr{
	border-top: none;
}
#topMainBnrFrame{
	border: none;
}

/*グローバルメニュー*/
#gMenu .menu > li{
	margin-top: 10px;
}
@media screen and (max-width: 990px){
#gMenu .menu > li{
	width: 13.5%!important;
}
}
#gMenu .menu li a{
	padding: 11px 10px 9px;
}
@media screen and (max-width: 990px){
	#gMenu .menu li a{
	padding: 11px 0px 9px;
}
}
/*100％領域にした時のパン屑リストの幅設定*/
#panList #panListInner{
	max-width: 1100px;
	width: 90%;
}
/************スマホＰＣ画像切り替え*************/
.pc{
	display: none;
}
@media screen and (min-width: 661px){
	.pc{
	display: block;
}
	.sp{
	display: none;
}
}
/****************************
  スペース
****************************/
.space5 {width:100%; height:5px;}
.space10 {width:100%; height:10px;}
.space20 {width:100%; height:20px;}
.space30 {width:100%; height:30px;}
.space40 {width:100%; height:40px;}
.space50 {width:100%; height:50px;}
.space60 {width:100%; height:60px;}
.space70 {width:100%; height:70px;}
.space80 {width:100%; height:80px;}
.space90 {width:100%; height:90px;}
.space100 {width:100%; height:100px;}

.height0{height: 0;}
.padding20 {padding: 20px;}

/*********************************************
　　　　　flex　横並びの指定
*********************************************/

/********領域内に均等配置*********/
.flex-between{
display: flex;
display:-webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
}
@media screen and (max-width: 660px){
.flex-between{
display:block;
}
}
.flex-center{
	display: flex;
display:-webkit-flex;
justify-content: center;
-webkit-justify-content: center;
}

/*スマホでもflexを維持*/
@media screen and (max-width: 660px){
	.between-sp{
display:flex;
		display:-webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
}
}
/********幅に収まらなかったら折り返しをする*********/
.flex-wrap{
	flex-wrap: wrap;
}
/********横並びの順番を逆にする*********/
.flex-rowreverse{
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}

/********交差軸方向揃え*********/
/*終了位置に合わせる*/
.items-end{
	align-items: flex-end;
}
/*中心に合わせる*/
.items-center{
	align-items: center;
}
/********幅指定*********/
.flex70per{
	flex: 0 1 70%;
}
.flex60per{
	flex: 0 1 60%;
}
.flex55per{
	flex: 0 1 55%;
}
.flex50per{
	flex: 0 1 50%;
}
.flex49per{
	flex: 0 1 49%;
}
.flex45per{
	flex: 0 1 45%;
}
.flex40per{
	flex: 0 1 40%;
}
.flex35per{
	flex: 0 1 35%;
}
.flex30per{
	flex: 0 1 30%;
}
.flex23per{
	flex: 0 1 23%;
}
.flex19per{
	flex: 0 1 19%;
}
.flex15per{
	flex: 0 1 15%;
}

/**************<imgタグの中央寄せ>***********/
.img-center{
	display: block;
	margin-left:auto!important;
	margin-right: auto!important;
}
.block-center{
	margin: 0 auto;
}
@media screen and (max-width: 660px){
.sp-center {
margin: 0 auto;
}
}

/*******************************
 * ボタンの設定
 ******************************/
.btn{
	height: 40px;
	text-align: center;
}
.btn a{
	font-size: 1.2rem;
	font-family: serif;
	line-height: 40px;
	text-decoration: none;
	display: block;
}
@media screen and (max-width: 660px){
.btn a{
font-size: 1rem;
}
}
	.btn-middle{
	max-width: 230px;
}
.btn-large{
	width: 100%;
}
.btn-brown{
	color: #fff;
	background: #ad897d;
	box-shadow: none;
		transition-duration: 0.3s;
}
.btn-brown:hover{
	box-shadow: 0 0 10px 5px rgba(239,166,106,0.7);
	background: rgba(239,166,106,0.6);
}
.btn-brown a{
	color: #fff;

}
.over-opacity:hover{
	opacity: 0.8;
}
/*バナーをホバーで半透明*/
a img{
	transition: 0.3s;
}
a img:hover{
	opacity: 0.7;
}
/*************************************
　スクロール
*************************************/
.scroll{
	box-sizing: border-box;
border:1px solid #ccc;
height:400px;
overflow:auto;
width:100%;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin:auto;
padding: 3%;
}
/*スクロール部分のテーブル*/
.scrolltable{
	border-top: none!important;
	margin: 0!important;
}
.scrolltable th{
	border: none!important;
	background: none!important;
	padding: 5px 10px!important;
	color: #b5282c;
}
.scrolltable td{
	border: none!important;
	padding: 5px 10px!important;
}
/**************************
 * Topページコンテンツ
**************************/
.width1100{
	max-width: 1100px;
	margin: 0 auto;
}
@media screen and (max-width: 1100px){
.width1100{
	width: 90%;
}
}

/*自然素材をふんだんに……部分*/
@media screen and (min-width:661px){
	.intro-sp{
	display: none;
}
}
@media screen and (max-width: 660px){
.intro-pc{
	display: none;
}
}
/*施工事例へのボタン*/
.btn1{
	width: 216px;
	height:50px;
	border-radius: 100px;
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/02/btnback.jpg);
	margin: 0 auto;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.btn1:hover{
	box-shadow: 0 2px 5px rgba(0,0,0,0.3)inset;
}

/*イベント＆インフォメーション*/
.eventinfo-title{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/02/back1.jpg) no-repeat center center;
	height: 400px;
	background-size: cover;
	background-attachment: fixed;
}
@media screen and (max-width: 660px){
	.eventinfo-title{
	height:170px;
background-size: cover;
		padding-top: 10px;
		background-attachment: scroll
			
}
	.parallax-img{
		width: 200px;
	}
}
.dotline{
	border-right: #ccc 1px dashed;
}
.dotline2{
	border-top: #ccc 1px dashed;
}
.open-img{
	margin-top: -50px;
}
.openhouse{
	border: 3px #f4e5ac dashed;
	background: #fffbf0;
	border-radius: 8px;
	padding: 15px;
}
.open-day{
	background: #f4e5ac;
	font-weight: bold;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 5px;
}
.open-pastbtn{
	display: block;
	text-align: right;
}
.open-pastbtn a img{
	display: inline-block;
	width: 70%;
	max-width: 250px!important;
}
/************facebook レスポンシブ*****************/
/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		max-width: 500px;
		text-align:center;
		height:465px;
		overflow:hidden;	
	}
}
/****テイスト紹介****/
.tast1{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/10/back2-min.jpg) no-repeat center center;
}
.tast2{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/02/back3.jpg) no-repeat center center;
}
.tast3{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/02/back4.jpg) no-repeat center center;
}
.tast4{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/02/back5.jpg) no-repeat center center;
}
.tast5{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/02/back6.jpg) no-repeat center center;
}
.tast6{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/10/back8.jpg) no-repeat center center;
}
.tast7{
	background: url(https://at-nature.co.jp/wp-content/uploads/2020/05/back7.jpg) no-repeat center center;
}
.tast1,.tast2,.tast3,.tast4,.tast5,.tast6{
	margin-top: -20px;
}
.tast1,.tast2,.tast3,.tast4,.tast5,.tast6,.tast7 {
	box-sizing: border-box;
	width: 100%;
	height: 1000px;
	position: relative;
	background-attachment: fixed;
	background-size: cover;
}
/***Chromeの時だけ***/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tast1,.tast2,.tast3,.tast4,.tast5,.tast6,.tast7 {
background-attachment: scroll;
}
}


@media screen and (max-width: 660px){
	.tast1,
	.tast2,
	.tast3,
	.tast4,
	.tast5,
	.tast6
	.tast7{
		height:810px;
		background-attachment: scroll;		
}
}
.tast-outline1,.tast-outline2{
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	padding: 0 15px 20px;
	width: 90%;
	max-width:600px;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
}

@media screen and (min-width: 800px){
.tast-outline1{
	padding: 30px;
	position: absolute;
	right: 5%;
	transform: translateY(-50%) translateX(0%);
	-o-transform: translateY(-50%) translateX(0%);
	left: auto;
}
}
@media screen and (min-width: 800px){
.tast-outline2{
	padding: 30px;
	position: absolute;
	left: 5%;
	transform: translateY(-50%) translateX(0%);
	-o-transform: translateY(-50%) translateX(0%);
	right: auto;
}
}
@media screen and (max-width: 660px){
.tast-looks{
	max-width: 200px;
	width: 80%;
}
	.tast-title{
		max-width: 250px;
		width: 90%;
	}
}
.maman-movie{
	height: 250px;
}
@media screen and (max-width: 660px){
	.maman-movie{
	height: 150px;
}
}


/**************ショップインフォ吹き出し部分**************/
.shopinfo-title{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/02/back7.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	height: 400px;
}
@media screen and (max-width: 660px){
	.shopinfo-title{
	height:170px;
background-size: cover;
		padding-top: 10px;
		background-attachment: scroll;
	}
}
/*ショップインフォ吹き出し部分*/
.shop-title{
	margin-bottom: 10px!important;
}


.shopinfo-th {
 white-space: normal!important;/*文字の折り返し指定*/
}
.shopinfo-table th{
	width: 30%;
}
@media screen and (max-width: 660px){
	.shopinfo-table th{
		box-sizing: border-box;
	width: 100%;
}
}


#topFreeArea {
	border-bottom: none;
	box-shadow: none;
}



/*************** footer ****************/

#siteBottom {
	display: none;
}
/*footer menu*/
#footMenu .innerBox{
	text-align: center;
}
@media screen and (max-width: 660px){
	#footMenu .innerBox , #footMenu {
		padding: 0px !important;
	}
	#footMenu .innerBox .menu {
		width: 100%;
	}
	#footMenu .menu{
		border-left: none;
	}
	#footMenu .innerBox ul li{
	float: none;
}
	#footMenu .menu li a{
		border-right: none !important;
		padding-bottom: 5px;
		line-height: 180%;
	}
#footMenu .menu li a:before {
	content: "→ " ;
}
		#footMenu .innerBox ul li a{
			display: inline-block;
			width: 100%;
			box-sizing: border-box;
			border-bottom: 1px dotted #666;
	}
}
#footMenu .innerBox .menu{
	display: inline-block;
}
#footMenu .menu li{
	line-height: 170%;
}

/*背景が緑の部分*/
#footer{
	background-color:#e7eae0!important;
	background-image: linear-gradient(to right, #e5e4a2, #e5e4a2 6px, #fff 6px, #fff 12px);
	background-size: 12px 10px;
	background-position: bottom;
	background-repeat: repeat-x;
}
#footMenu .innerBox{
	border-bottom: none!important;
}
#footer .innerBox{
	box-sizing: border-box;
	max-width: 1100px;
	margin: 0 auto;
}
@media screen and (max-width: 1100px){
	#footer .innerBox{
padding: 0 2%;
}
}
#footer .innerBox dl#footerOutline{
	display: flex;
	display:-webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	width: 100%;
}
/*ロゴサイズ*/
#footerOutline dt{
	/*width: 30%;*/
	flex: 0 1 28%;
	margin-bottom: 0!important;
}
#footer dl#footerOutline dt img{
width: 100%;
	margin-bottom: 0!important;
}
/*電話・資料請求画像サイズ*/
#footerOutline dd{
	display: flex;
	display:-webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	/*width: 55%;*/
	flex: 0 1 65%;
	align-self: center;
	max-width: 630px;
}
.footer-tel{
flex: 0 1 53%;
}
.footer-siryou{
	flex: 0 1 45%;
}

@media screen and (max-width: 660px){
	#footer .innerBox dl#footerOutline,
	#footerOutline dd{
		display: block;
		text-align: center;
	}
	.footer-tel,
	.footer-siryou{
		display: block;
		width: 80%;
		max-width: 300px!important;
		margin: 0 auto;
		padding-top: 5px;
	}
}



/*****************************
 * slider pro　矢印
 * *****************************/
.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before {
	background-color:#666;
}
@media screen and (min-width: 1100px){
.sp-horizontal .sp-previous-arrow {
	left: -50px;
}
.sp-horizontal .sp-next-arrow {
	right: -50px;
}
}
/********************************************************
　　　　　　　　　　header　
********************************************************/
/***HEADER周り　佐々木追記***/
/*@media screen and (max-width: 1100px){
.headerBlock {
	display: none;
}
}*/
.headerTop {
	background-image: linear-gradient(to right, #e5e4a2, #e5e4a2 6px, #fff 6px, #fff 12px);
	background-size: 12px 10px;
	background-position: bottom;
	background-repeat: repeat-x;
	height: 10px;
	margin-bottom: 3px;
}

.headerBlock {
	width: 100%;
	position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
	background: #fff;
	/*border-bottom: 1px solid #eee;*/
	z-index: 9999;
}
.headspace{
	height: 80px;
}
@media screen and (min-width: 960px){
	.headspace{
	height: 110px;
}
}

/*sakino*/
.headerAN{
	max-width:1100px;
	margin: 0 auto;
	display: flex;
display:-webkit-flex;
	justify-content: space-between;
-webkit-justify-content: space-between;
}

@media screen and (max-width: 1100px){
	.headerAN{
		padding: 0 2%;
	}
}
/*0404追記*/
.headerLogo{
	min-width: 150px;
	width: 20% !important;
	float: left;
	margin-bottom:5px;
}
.float-right{
	width: 63%;
	display: flex;
display:-webkit-flex;
justify-content: flex-end;
-webkit-justify-content: flex-end;
	align-items: center;
}
@media screen and (max-width: 660px){
	.float-right{
		width: 40%;
	}
	}
.headerTel{
	width: 35%;
}
@media screen and (max-width: 980px){
	.headerTel{
	width: 40%;
}
}
.headerTel-sp{
	display: none;
}
@media screen and (max-width: 680px){
	.headerTel{
	display: none;
}
.headerTel-sp{
	display: block;
	width: 40px;
	margin:0 2px;
}
	.headerTel-sp img{
		width: 40px;
	}
}
.headerContact{
	width: 25%;
}
.headerContact-sp{
	display: none;
}
@media screen and (max-width: 680px){
	.headerContact{
	display: none;
}
	.headerContact-sp{
	display: block;
		width: 40px;
		margin: 0 2px;
}
	.headerContact-sp a img{
		width: 40px;
}
}
.header_icon{
	width: 245px;
	display: flex;
display:-webkit-flex;
	justify-content: space-between;
-webkit-justify-content: space-between;
}
@media screen and (max-width: 980px){
	.header_icon{
		width: 155px;
	}
}
@media screen and (max-width: 680px){
	.header_icon{
		display: none;
	}
}
.header_icon li{
	width: 60px;
}
@media screen and (max-width: 980px){
	.header_icon li{
		width: 50px;
}
}
.headerTel img,
.headerContact img{
	width: 95%;
}
.header_icon li img{
	width: 100%;
}



/*.popupModal1{
	/*width: 60px!important;*/
	/*margin: -10px 0 0!important;
}*/
@media screen and (max-width: 680px){
	.popupModal1{
	margin: 0px 0 0!important;
}
}
.popupModal1 > input:nth-child(1) + label{
	width: 60px!important;
}
.hamburger{
	width: 58px;
	margin-left: 5px;
}
@media screen and (max-width: 980px){
	.hamburger{
	width: 48px;
		margin-left: 2px;
}
	.popupModal1{
	margin: 0!important;
}
}
.hamburger-sp{
	display: none;
}
@media screen and (max-width: 680px){
	.hamburger{
	display:none;
}
.hamburger-sp{
	display: block;
	width: 40px;
	margin: 0 2px
}
}

/***************************************
　　モーダル
***************************************/
.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label {
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
	box-sizing: border-box;
    z-index: 998;
    position: fixed;
    width: 95%;
    height: 80%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}


.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    right: 10px;
    top: 80px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}


/***佐々木追記***/
/*.popupModal1 {
	/*float: left;*/
/*	width : 48px;
	height: 48px;
	margin: 10px 0 5px;
}*/
/*ハンバーガーメニュー　モーダル内の設定*/
.Hmenu-midashi{
	font-size: 1.5rem;
	font-weight: bold;
	color: #aaa;
	line-height: 120%;
	margin-bottom: 10px;
}
.Hmenu-link{
	margin-bottom:8px;
}
.Hmenu-category{
	margin: 10px 0 20px;
}
/**************************************************************
 固定ページ
 *************************************************************/
#pageTitBnr #pageTitInner #pageTit{
	text-indent: -300em;
}
@media screen and (max-width: 660px){
#pageTitBnr {
display: none;
}
}

/**************************************************************
家づくりの流れページ
 *************************************************************/
.flow-taisetu{
	border: 1px solid #ccc;
	flex: 0 1 48%;
	padding: 40px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
@media screen and (max-width: 660px){
	.flow-taisetu{
	padding: 20px;
}
}
/**************************************************************
資料請求フォーム
 *************************************************************/
#form-middle{
	width: 220px!important;
}
#form-short{
	width: 50px!important;
}

/**************************************************************
おうちスタイルページ
 *************************************************************/
/**隙間のない100%領域を作る**/
.page-id-2987 .innerBox{
	width: 100%;
}
.page-id-2987 #main #container .content{
	width: 100%!important;
}
.page-id-2987 #main #container {
	margin: 0;
}
/**各スタイルページ隙間のない100%領域を作る**/
.parent-pageid-2987 .innerBox{
	width: 100%;
}
.parent-pageid-2987 #main #container .content{
	width: 100%!important;
}
.parent-pageid-2987 #main #container {
	margin: 0;
}
/**ページ最下部　他のスタイルへ飛ぶバナー**/
.style-link-other{
	margin-bottom: 10px;
}
@media screen and (max-width: 660px){
	.style-link-other{
	flex: 0 1 49%;/*2カラムにする*/
}
}
/*****************ナチュラルシンプル********************/
/*メイン100%背景画像*/
.natural-simple-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2020/05/simple-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:0 100px;
}

/*****************ナチュラルフレンチ********************/
/*メイン100%背景画像*/
.natural-french-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/french-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:0 100px;
}

/*****************ナチュラルカントリー********************/
/*メイン100%背景画像*/
.natural-country-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/country-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:0 50px;
}
/*****************インダストリアル********************/
.industrial-country-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/industrial-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:center center;
}
/*****************デイフィールド********************/
.dayfield-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/dayfield-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:0 -100px;
}
/*****************ママン********************/
.maman-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/maman-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:center -100px;
}
@media screen and (max-width: 660px){
	.natural-french-mainimg,
	.natural-country-mainimg,
	.industrial-country-mainimg,
	.dayfield-mainimg,
	.maman-mainimg{
		height:170px;
		background-attachment: scroll;
		background-position: center center;
	}
}

/*****************西海岸カリフォルニア********************/
.california-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/10/california-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:center ;
}

@media screen and (max-width: 660px){
	.natural-french-mainimg,
	.natural-country-mainimg,
	.industrial-country-mainimg,
	.dayfield-mainimg,
	.maman-mainimg,
	.california-mainimg,
	.natural-simple-mainimg {
		height:170px;
		background-attachment: scroll;
		background-position: center center;
	}
}
/***********背景の指定***********/
/*ライトブルー*/
.haikei1{
	background: #e8efef;
	padding: 30px 0 20px;
}
/*ライトイエロー*/
.haikei2{
	background: #f4f4e9;
	padding: 30px 0 20px;
}
/*ライトピンク*/
.haikei3{
	background: #efeaef;
	padding: 30px 0 20px;
}
/*グレイッシュブルー*/
.haikei4{
	background: #d2d8d8;
	padding: 30px 0 20px;
}
/*ベージュ*/
.haikei5{
	background: #e0dbd7;
	padding: 30px 0 20px;
}
/*ライトオレンジ*/
.haikei6{
	background: #f9f4ea;
	padding: 30px 0 20px;
}
/*ライトグリーン*/
.haikei7{
	background: #ecefe8;
	padding: 30px 0 20px;
}
/**************************************************************
会社概要・店舗案内ページ
 *************************************************************/
/**隙間のない100%領域を作る**/
.page-id-2534 .innerBox{
	width: 100%;
}
.page-id-2534 #main #container .content{
	width: 100%!important;
}
.page-id-2534 #main #container {
	margin: 0;
}
/**メイン100%背景画像**/
.company-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/company-main.jpg) no-repeat center center;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
}
@media screen and (max-width: 660px){
	.company-mainimg{
		background-size: cover;
	height:170px;
		background-attachment: scroll;
	}
}
.company-linkbnr{
	margin-bottom: 10px;
}
/**************************************************************
ショールームについてページ
 *************************************************************/
/**隙間のない100%領域を作る**/
.parent-pageid-2534 .innerBox{
	width: 100%;
}
.parent-pageid-2534 #main #container .content{
	width: 100%!important;
}
.parent-pageid-2534 #main #container {
	margin: 0;
}
/**メイン100%背景画像**/
.stugio-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/stugio-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:0 100px;
}
@media screen and (max-width: 660px){
	.stugio-mainimg{
		background-size: cover;
	height:170px;
		background-attachment: scroll;
		background-position:center top;
	}
}
/**************************************************************
モデルハウスについてページ
 *************************************************************/
/**隙間のない100%領域を作るはショールームと同じ**/

/**メイン100%背景画像**/
.model-mainimg{
	background: url(https://at-nature.co.jp/wp-content/uploads/2018/03/model-main.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position:0 50px;
}
@media screen and (max-width: 660px){
	.model-mainimg{
		background-size: cover;
	height:170px;
		background-attachment: scroll;
		background-position:center center;
	}
}
/**************************************************************
よくあるご質問ページ
 *************************************************************/
#content dl.qaItem dt {
background-position: left center;
font-size:150%;
}

/***佐々木追記0308***/
#main #container .content {
	width: 100%;
}


/**************************************************************
施工事例ページ
 *************************************************************/
/******施工事例一覧ページ******/
/*テイスト名装飾*/
.content .infoList .infoCate a{
	font-size: 0.8rem;
	padding: 5px 10px 3px;
	box-sizing: border-box;
	border-radius: 10px;
	letter-spacing: 0px;
	background: #acbdc5;
	color: #fff;
	transition: 0.3s;
}
@media screen and (max-width: 660px){
	.content .infoList .infoCate a{
	font-size: 0.7rem;
	padding: 5px 5px 4px;
}
}
/*おうちタイトル*/
.bv-grid-unit-item .bv-grid-unit-item-inner a:hover{
	text-decoration: none!important;
}
@media screen and (max-width: 660px){
#content .bv-grid-unit-item p, #sideTower .bv-grid-unit-item p {
font-size: 0.83rem;
	line-height: 130%;
	}
	}
@media screen and (max-width: 660px){
	.bv-grid-unit-item .bv-grid-unit-item-inner{
		padding: 5px;
	}
}
/***各施工事例写真***/
.content .gallery img{
	border: none!important;
}
@media screen and (max-width: 680px) {
.foogallery-default.spacing-width-25 a, .foogallery-default.spacing-width-25.foogallery-link-none img {
margin-right: 2% !important;
	margin-left: 2% !important;
margin-bottom:10px !important;
width:46% !important;

}
}

/***ブログページページの幅設定***/
.blog #main #container .content ,.date .content ,.archive.category #main #container .content{
	max-width: 800px!important;
	width: 100%;
}
.post-template-default #main #container .content ,.date .content,.archive.category  #main #container .content {
	max-width: 800px!important;
	width: 100%;
}
/*
@media screen and (max-width: 680px) {
.blog #main #container .content {
	max-width: 800px!important;
}
.post-template-default #main #container .content {
	width: 800px!important;
}
}



/***佐々木追記20180315***/
.gallery-template-default h1 {
font-size: 21px !important;
font-family: "Rounded Mplus 1c" !important;
color: #657c54 !important;
padding: 12px 20px !important;
line-height: 160% !important;
border-top: solid 3px #657c54 !important;
border-bottom: solid 1px #e7eae0 !important;
background: -webkit-repeating-linear-gradient(-45deg, #e7eae0, #e7eae0 3px,#fff 3px, #fff 7px) !important;
background: repeating-linear-gradient(-45deg, #e7eae0, #e7eae0 3px,#fff 3px, #fff 7px) !important;
}
.gallery-template-default.published , .gallery-template-default.updated.entry-meta-items {
display: none;
}


#wp-calendar {
width: 100%;
}
#next {
text-align: right;
}

/***ギャラリー子ページ下部のリンクボタン***/
/***0429佐々木再修正***/
.tagbtnArea {
text-align:center;
}
.tagbtn {
padding: 0 10px;
box-sizing:border-box;
border-radius:15px;
letter-spacing:0;
background:#acbdc5;
color:#fff;
transition:0.3s;
text-decoration:none;
line-height:200%;
display:inline-block;
margin-bottom:5px;
margin-right: 3px;
text-align:center;
font-size: 14px;
}
/***スマホ表示***/
@media screen and (max-width: 420px){
.tagbtn {
width: 48%;
padding:2px 0 !important;
font-size:11px;
}
}
@media screen and (max-width: 660px){
.tagbtnArea {
overflow: hidden;
/*width: 100vw;*/
margin-left: 4%;
margin-bottom: 5%;
}
.tagbtn {
width: 46%;
padding:3px 0 !important;
/*box-sizing:border-box;*/
border-radius:0px;
margin: 1% !important;
float: left;
background:#acbdc5;
color:#fff;
/*border: 1px dotted #ddd;*/
vertical-align: bottom;
}
/*.tagbtn:nth-child(odd) {
margin-right: 1%;
}*/
}
.tagbtn:hover {
background:#000;
color:#fff;
}

.post-template-default .tagbtnArea {
display: none;
}

/***ギャラリー子ページの下部修正***/
.gallery-template-default .navigation {
display:none;
}

/***タイトルの文字数に左右させない***/
.bv-grid-unit-title {
height: 60px;
}

/***投稿ページにギャラリーカテゴリータグボタン非表示***/
.blog .tagbtnArea , .category .tagbtnArea, .date .tagbtnArea  {
display: none;
}


/***ブログ周り***/
.sideTower .sideWidget li a {
	padding:10px 10px 9px 28px;
	font-size:13px;
	line-height:140%;
}

@media screen and (min-width: 1100px){
	#main #container #sideTower {
		width: 250px;
	}	
}

#wp-calendar thead tr th , #wp-calendar tr td {
	font-size: 13px;
	text-align: center;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}


/***デプロイ後修正***/
.published {
	display: none;
}
.entry-meta {
display: none;
}
.headerLogo {
	width: 22%;
}
/***ギャラリーリストの画像***/
.bv-grid-unit-thumb img {
	width: 320px;
}
.bv-grid-unit-item {
	border: none;
}
.bv-grid-unit-item .bv-grid-unit-item-inner a {
	font-size: 14px;
	line-height: 150%;
}
@media screen and (max-width: 660px){
.bv-grid-unit-item .bv-grid-unit-item-inner a {
	font-size: 11px;
	line-height: 150%;
}
}
/***前後のギャラリーへ***/
.nextprev {
	width: 98%;
	overflow: hidden;
	margin-bottom: 30px;
}
.prevBtn {
	float: left;
	text-align: left;
}
.nextBtn {
	float: right;
	text-align: right;
}
#main #container .content , .content .entry-content {
	margin-bottom: 0;
	padding-bottom: 0;
}
.nextprev a , .prevBtn a {
	text-decoration: none;
}
.post-template-default .nextprev {
	display: none;
}

/***ブログ一覧　アイキャッチ***/
.content .infoList .infoListBox div.thumbImage div.thumbImageInner img {
	width: 120px;
}


/***
.postid-4998 .content .gallery .fancybox img {
	border: 10px solid #fff !important;
}***/


/*****************施工事例一覧ページ　ピックアップギャラリー部分*******************/
/*.gallery-pickup{
	background: #f4f4e9;
	padding: 10px;
}*/
.pickup-house{
	background: #fff;
padding: 10px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	flex: 0 1 30%;
	box-sizing: border-box;
	margin-bottom: 30px;
}
/***レイアウト調整用　空div　枠をなくす***/
.gallery-pickup div:last-child{
	border: none;
	background: none;
}
@media screen and (max-width: 660px){/*pick upギャラリー以外はブレイクポイント620px*/
.pickup-house{
	padding: 5px;
	flex: 0 1 49%;
	margin-bottom: 10px;
}
}
.pickup-title{
	margin-top: 8px;
	line-height: 130%;
}
.pickup-title a{
	display: inline!important;
	text-decoration: none;
}
@media screen and (max-width: 660px){/*pick up柄リー以外はブレイクポイント620px*/
	.pickup-title a{
	font-size: 0.75rem;
	}
}

/*各スタイル事例ページにピックアップギャラリーを表示しない*/
.term-cal-style .gallery-pickup,
.term-nf-style .gallery-pickup,
.term-nc-style .gallery-pickup,
.term-nm-style .gallery-pickup,
.term-in-style .gallery-pickup,
.term-df-style .gallery-pickup,
.term-ns-style .gallery-pickup,
.blog .gallery-pickup{
	display: none;
}

/***************************
 * スタッフ紹介
 * **************************/
.staff-top{
	width: 70%;
	margin: 0 auto;
}
@media screen and (max-width: 980px){
	.staff-top{
	width: 100%;
}
}
.staff-title{
	font-size: 0.85rem;
	margin-top: 5px;
}
.staff-title2{
	font-size: 0.85rem;
	margin-top: -5px;
}

@media screen and (max-width: 660px){
	.staff-name{
	font-size: 1.1rem;
}
	.staff-title{
	margin-top: 10px;
	line-height: 10px;
}
	.staff-title2{
	font-size: 0.85rem;
	margin-top: 0px;
}
}
.staff-president{
	text-align: center;
}
@media screen and (max-width: 660px){
	.staff-president{
	width: 60%;
	margin: 0 auto;
}
	.staff-message {
	width: 90% !important;
	margin: 0 auto ;
	margin-bottom: 50px;
	}
}
.staff-member{
	/*flex: 0 1 19%;*/
	flex: 0 1 30%;
	margin-bottom: 40px;
	text-align: center;
}
@media screen and (max-width: 660px){
	.staff-member{
	flex: 0 1 48%;
	margin-bottom: 10px;
}
}


/***過去のイベント関連***/
.content .childPageBox {
display:none;
}
#main #container #sideTower {
display:none;
}
.content .child_page_block {
width:98%;
}
.content .child_page_block.layout_even {
float:none;
}

/***コロナ関連***/
.newsblock {
	padding: 30px;
	border: 3px solid #f3f3f3;
}
.blogTitle {
	font-size: 24px !important;
	font-weight: bold;
	line-height: 200%;
	border-bottom: dotted 2px #333;
}

/***オンライン相談***/
.online-flow li {
	font-size: 16px;
	font-weight: bold !important;
	color: #688772;
	border-bottom: dotted 2px;
	list-style: none;
}
.floatArea {width: 100%; overflow: hidden;}
.floatLeft30 {
	width: 28%;
	float: left;
}
.floatRight70 {
	width: 68%;
	float: left;
}
@media screen and (max-width: 660px){
	.floatLeft30 {
	width: 100%;
	float: none;
}
.floatRight70 {
	width: 95%;
	float: none;
}
}
.page-id-7433 h2 {
	padding: 20px 0px 15px;
	line-height: 160%;
}
.tel-contact {
	width: 360px;
	border:solid 2px #f6f6f6;
	text-align: center;
	margin:0 auto;
	padding:0 20px 0;
}
.number {
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-decoration:none;
}


/*********************
 * FLOAT
 * ******************/
.floatArea {
  width: 100%;
  overflow: hidden;
}
/*50-50-no-margin*/
.floatLeft {
  width: 50%;
  float: left;
}
.floatRight {
  width: 50%;
  float: left;
}
@media screen and (max-width: 660px) {
  .floatLeft {
    width: 100%;
    float: none;
  }
  .floatRight {
    width: 100%;
    float: none;
  }
}
/*50-50*/
.floatLeft50 {
  width: 49%;
  float: left;
  margin-right: 2%;
}
.floatRight50 {
  width: 49%;
  float: left;
}
@media screen and (max-width: 660px) {
  .floatLeft50 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .floatRight50 {
    width: 100%;
    float: none;
  }
}
/*30-70*/
.floatLeft30 {
  width: 25%;
  float: left;
}
.floatRight70 {
  width: 68%;
  float: left;
}
@media screen and (max-width: 660px) {
  .floatLeft30 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .floatRight70 {
    width: 100%;
    float: none;
  }
}
/*40-60*/
.floatLeft40 {
  width: 40%;
  float: left;
}
.floatRight60 {
  width: 60%;
  float: left;
}
@media screen and (max-width: 660px) {
  .floatLeft40 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .floatRight60 {
    width: 100%;
    float: none;
  }
}
/*60-40*/
.floatLeft60 {
  width: 60%;
  float: left;
}
.floatRight40 {
  width: 40%;
  float: left;
}
@media screen and (max-width: 660px) {
  .floatLeft60 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .floatRight40 {
    width: 100%;
    float: none;
  }
}
/*30-30-30*/
.float3-1 {
  width: 32%;
  float: left;
  margin-right: 1%;
}
.float3-2 {
  width: 32%;
  float: left;
  margin: 0 1%;
}
.float3-3 {
  width: 32%;
  float: left;
  margin-left: 1%;
}
@media screen and (max-width: 660px) {
  .float3-1 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .float3-2 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .float3-3 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}
/*25-25-25-25*/
.float4-1 {
  width: 23%;
  float: left;
  margin-right: 1%;
}
.float4-2 {
  width: 23%;
  float: left;
  margin: 0 1%;
}
.float4-3 {
  width: 23%;
  float: left;
  margin: 0 1%;
}
.float4-4 {
  width: 23%;
  float: left;
  margin-left: 1%;
}
@media screen and (max-width: 660px) {
  .float4-1 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .float4-2 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .float4-3 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .float4-4 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

/*202008追記*/

.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding15 {padding:15px;}
.padding20 {padding:20px;}
.padding30 {padding:30px;}
.paddingL10 {padding-left:10px;}
.paddingL20 {padding-left:20px;}
.paddingL30 {padding-left:30px;}
.paddingL15 {padding-left:15px;}
.paddingR20 {padding-right:20px;}
.paddingR30 {padding-right:30px;}
.paddingLR10 {padding:0 10px;}
.center {text-align:center !important;}

.padding15-pc {padding:15px;}
@media screen and (max-width: 660px){
	.padding15-pc {padding:5px;}
}
/*********************
 * FLOAT
 * ******************/
.floatArea {width:100%;overflow:hidden;}
/*50-50*/
.floatLeft50 {width:49%;float:left;margin-right:2%;}
.floatRight50 {width:49%;float:left;}
@media screen and (max-width: 660px){
.floatLeft50 {width:100%;float:none;margin-bottom:10px;}
.floatRight50 {width:100%;float:none;}	
}
/*30-70*/
.floatLeft30 {width:28%;float:left;}
.floatRight70 {width:68%;float:left;}
@media screen and (max-width: 660px){
.floatLeft30 {width:100%;float:none;margin-bottom:10px;}
.floatRight70 {width:100%;float:none;}	
}
/*70-30*/
.floatLeft70 {width:70%;float:left;}
.floatRight30 {width:30%;float:left;}
@media screen and (max-width: 660px){
.floatLeft70 {width:100%;float:none;margin-bottom:10px;}
.floatRight30 {width:100%;float:none;}	
}

/*40-60*/
.floatLeft40 {width:40%;float:left;}
.floatRight60 {width:60%;float:left;}
@media screen and (max-width: 660px){
.floatLeft40 {width:100%;float:none;margin-bottom:10px;}
.floatRight60 {width:100%;float:none;}	
}
/*60-40*/
.floatLeft60 {width:60%;float:left;}
.floatRight40 {width:40%;float:left;}
@media screen and (max-width: 660px){
.floatLeft60 {width:100%;float:none;margin-bottom:10px;}
.floatRight40 {width:100%;float:none;}	
}
/*55-45*/
.floatLeft55 {width:54%;float:left;margin-right:2%;}
.floatRight45 {width:44%;float:left;}
@media screen and (max-width: 660px){
.floatLeft55 {width:100%;float:none;margin-bottom:10px;}
.floatRight45 {width:100%;float:none;}	
}
/*20-80*/
.floatLeft20 {width:20%;float:left;}
.floatRight80 {width:80%;float:left;}
@media screen and (max-width: 660px){
.floatLeft20 {width:100%;float:none;margin-bottom:10px;}
.floatRight80 {width:100%;float:none;}	
}
/*30-30-30*/
.float3-1 {width:32%;float:left;margin-right:1%;}
.float3-2 {width:32%;float:left;margin:0 1%;}
.float3-3 {width:32%;float:left;margin-left:1%;}
@media screen and (max-width: 660px){
.float3-1 {width:100%;float:none;margin-bottom:10px;}
.float3-2 {width:100%;float:none;margin-bottom:10px;}
.float3-3 {width:100%;float:none;margin-bottom:10px;}
}
/*25-25-25-25*/
.float4-1 {width:23%;float:left;margin-right:1%;}
.float4-2 {width:23%;float:left;margin:0 1%;}
.float4-3 {width:23%;float:left;margin:0 1%;}
.float4-4 {width:23%;float:left;margin-left:1%;}
@media screen and (max-width: 660px){
.float4-1 {width:100%;float:none;margin-bottom:10px;}
.float4-2 {width:100%;float:none;margin-bottom:10px;}
.float4-3 {width:100%;float:none;margin-bottom:10px;}
.float4-4 {width:100%;float:none;margin-bottom:10px;}
}
.floatRight50-r {width:49%;float:right;}
@media screen and (max-width: 660px){
.floatRight50-r {width:100%;float:none;}
}

.floatRight30_right{
	width:30%;
	float:right;
	text-align: center;
}
@media screen and (max-width: 660px){
.floatRight30_right {width:100%;float:none;}	
}

/**************
 * 内野追記1120
 * **********/

.img_center{
display:block;
text-align:center;
}

/********************
 * お友達紹介キャンペーンフォーム
 * ******************/

.page-id-8694 .mobile-block th{
	width:30%;
	box-sizing: border-box;
}

.form_typename{
	position:relative;
	background: #796A56;
	color:#fff;
	padding: 1em;
}

.form_typename:after{
	content: "";
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0;
	border-style: solid;
	border-color: transparent #fff #51473A transparent;
	border-width: 0 20px 20px 0;
}

@media(max-width:760px){
	
.form_typename{
	padding: 0.5rem;
	text-align:center;
}
}

@media(max-width:660px){
	
.page-id-8694 .mobile-block th{
	width:100%;
	display: block;
}
}



/*****************************
 * スマホ時のフッターSNS
 * **************************/
/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}
/*スマホ時のページトップボタン非表示（被る）*/
	@media (max-width: 768px) {
#back-top #pagetop {
		display: none;
	}
}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
width: 20%;
}

/**/
#sp-fixed-menu {
   background: #333;
}


/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   /*width: 100%;*/
   padding:10px;
}
#sp-fixed-menu li a img {
	width: 100%;
}

/****2021051追記****/

.openhouse_title {
    border-bottom: 1px solid #ccc;
    border-left: none;
    padding-left: 0;
    line-height: 160%;
    font-size: 1.5rem;
    font-weight: bold;
}

.openhouse_title2 {
    padding: 10px 15px 8px;
    background-color: #e2d8c9;
    border-radius: 4px;
	margin-top:1.5rem;
	margin-bottom:0.5rem;
	font-size:1.2rem;
	font-weight:bold;
}

/***バーチャル用の画質フィルター***/
.filter {
	filter: contrast(80%) brightness(135%) !important;
}

/***/
.sp-sidebnr {
	/*display: block;*/
	position: fixed;
	right: 0px;
	top: 100px;
	z-index: 9999;
}
.sp-sidebnr ul{
	list-style: none;
	margin: 0;
	padding: 0;
transform: translateX(-50px);
animation-name:openLeft;
animation-duration:800ms; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes openLeft {
0% {
    opacity: 0;
    transform: translateX(50px);
  }
 100% {
 opacity:1;
 transform: translateX(0);
 } 
}

.sp-sidebnr li {
	list-style: none;
	margin: 0;
}
.sp-sidebnr-sw{
	display:inline-block;
	width:50px;
	background: none;
	border: 0;
	text-align: center;
	padding: 0.25em 0;
}
.sp-sidebnr-hidden ul{
animation-name:closeright;
  animation-duration:800ms; 
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes closeright {
0% {
    opacity: 1;
    transform: translateX(0);
  }
 100% {
 opacity:0;
 transform: translateX(50px);
 } 
}
/*
.sp-sidebnr {
	position: fixed;
	right: 0px;
	top: 100px;
	z-index: 9999;
}
.sp-sidebnr ul{
	list-style: none;
	margin: 0;
	padding: 0;

	width:50px;
	transition:width 800ms;
}
.sp-sidebnr li {
	list-style: none;
	margin: 0;
}
.sp-sidebnr-sw{
	background: none;
	border: 0;
}
.sp-sidebnr-hidden ul{
	width: 0px;
    overflow: hidden;
}
*/
/******モデルハウスフォーム******/

h2.model_house_form{
	font-size: 24px;
    background-color: #f5f5f5;
    padding: 14px 15px 10px;
    border-top: 2px solid #353535;
    border-bottom: 1px solid #e9e9e9;
	text-align:center;
}

#zip {
  width: 110px;
}

#pref,
#city {
  width: 100px;
}

#addr {
  width: 100%;
  max-width: 300px;
}

#dp1553753852826 {
  width: 200px;
}

@media(max-width:760px){
h2.model_house_form {
    font-weight: normal;
    text-align: center;
    line-height: 150%;
    font-size: 1.3rem;
}
}

/******採用エントリーフォーム******/

.page-id-9204 .mobile-block.normal-table th{
	width:30%;
}

.page-id-9204 .mobile-block.normal-table td{
	width:70%;
}

#form-semishort {
  width: 100px;
}

.form_child_title {
    background: #666;
    color: #fff;
    font-size: 1.8rem;
    padding: 0.5rem 1rem;
}

.form_flex li{
	list-style-type:none;
	display:inline-block;
}

@media(max-width:760px){
.page-id-9204 .mobile-block.normal-table th{
	width:100%;
	display:block;
	box-sizing:border-box;
}

.page-id-9204 .mobile-block.normal-table td{
	width:100%;
	display:block;
	box-sizing:border-box;
}		
}

/******採用情報ページ******/

.child_title {
    text-align: center;
    font-size: 2.3rem;
	margin-bottom:5rem;
}

.child_title span{
	display:block;
    font-size: 1.2rem;
	line-height:1.2rem;
}

.flexArea.flex_start {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.recruit_img{
	width:50%;
	background:linear-gradient(to right,transparent 0%, transparent 70%,#fff 70%,#fff 100%);
}

.recruit_img li{
	list-style-type:none;
	width:49.5%;
	margin-bottom:1%;
}

.recruit_text{
	width:50%;
	background:#fff;
}

.recruit_typebox li p{
	display:none;
}

.recruit_catchcopy {
    text-align: center;
}

.recruit_catchcopy img{
	max-width:50%;
}

.recruit_catchcopy_text {
    width: 85%;
    margin: 2.5rem auto;
    line-height: 180%;
}

.recruit_btn {
    background: #e7d89c;
    padding: 16px 0 16px 20px;
    color: #574d43;
    display: block;
    width: 300px;
    position: relative;
    margin-bottom: 5.5rem;
    text-decoration: none;
    font-size: 1.1rem;
    line-height: 150%;
	overflow: inherit;
}

.recruit_btn span{
    display:block;
	font-size:2rem;
}

.recruit_btn:after{
    content:"";
	position:absolute;
	width:80px;
	height:1px;
	background:#ccbe88;
	top:50%;
	transform:translatex(-50%);
	right:-80px;
	transition:0.5s ease;
}

.recruit_btn:hover{
    text-decoration:none;
	color:#574d43;
	opacity:0.8;
}

.recruit_btn:hover:after{
	right:-100px;
}

.recruit_btnbox{
	width:85%;
	margin: 0 auto;
}

.recruit_typebox{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:85%;
	margin:0 auto;
}

.recruit_typebox li{
	list-style-type:none;
	width:48%;
	margin-bottom:3rem;
}

.recruit_type_title {
    font-size: 1.3rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.recruit_type_text {
    line-height: 180%;
}

.recruit_type_area{
	padding:1rem;
}

.requirements_box{
	background:#f2f2f2;
	padding-top:3rem;
	padding-bottom:3rem;
}

.requirements_child {
    background: #fff;
    width: 85%;
    margin: 0 auto 5rem;
	padding:2rem 0;
}

.requirements_child_flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:1rem 2rem;
}

.requirements_table{
	width:48%!important;
	border-top:none;
}

.requirements_table th{
	border:none!important;
	border-bottom:1px solid #574d43!important;
	text-align:center;
	color:#574d43;
	background:#fff!important;
}

.requirements_table th:first-of-type{
	border-top:1px solid #574d43!important;
}

.requirements_table td{
	border:none!important;
	border-bottom:1px solid #d8d2ce!important;
	background:#fff!important;
}

.requirements_table td:first-of-type{
	border-top:1px solid #d8d2ce!important;
}

.recruit_type_name {
    font-size: 1.2rem;
    background: #d8d2ce;
    display: inline-block;
    padding: 0.5rem 8rem 0.5rem 2rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.requirements_box .requirements_child:last-of-type{
	margin-bottom:0;
}

.requirements_box .recruit_btnbox{
    width: 450px;
    margin: 0 auto;
}

.requirements_box .child_title:before {
    content: "";
    width: 1px;
    height: 60px;
    background: #d8d2ce;
    display: block;
    margin: -5rem auto 1.5rem;
}

.requirements_box .recruit_btn {
    width: 450px;
}

.recruit_footer{
	display:block;
	position:relative;
}

.recruit_footer_contact {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 2rem 1rem;
    width: 450px;
    text-align: center;
	transition:0.8s ease;
}

.recruit_footer_contact img{
    width:60%;
}

.recruit_footer_contact:hover{
    background: rgba(244,244,244,0.8);
	opacity:1;
}

.recruit_footer_contact:hover img{
	opacity:1;
}

@media(max-width:860px){
.child_title {
    font-size: 1.6rem;
    margin-bottom: 3rem;
}
	
.child_title span {
    font-size: 1rem;
	line-height:1rem;
}	
	
.recruit_img{
	width:100%;
	margin-bottom: 3rem;
}
	
.recruit_text{
	width:100%;
	background:transparent;
}

.recruit_catchcopy_text {
    width: 100%;
    margin: 2.5rem auto 2.5rem;
    line-height: 180%;
}

.recruit_btnbox {
    width: 100%;
}
	
.recruit_btn {
    padding: 8px 0 7px 10px;
    width: 250px;
	margin:0 auto;
}

.recruit_btn span {
    font-size: 1.5rem;
	line-height:150%;
}

.recruit_typebox li{
	width:100%;
	margin-bottom:1rem;
}
	
.recruit_typebox {
    width: 100%;
}
	
.recruit_typebox li p{
    display:none;
}
	
.requirements_table{
	width:100%!important;
	margin:0!important;
}
	
.requirements_table th{
	width:25%!important;
	padding:1rem!important;
	font-size: 1rem;
}
	
.requirements_table td{
	width:75%!important;
	padding:1rem!important;
	font-size: 1rem;
}
	
.requirements_child_flex .requirements_table:nth-of-type(2) th:first-of-type{
	border-top:none;
}

.requirements_child_flex .requirements_table:nth-of-type(2) td:first-of-type{
	border-top:none;
}
	
.requirements_child {
    width: 90%;
    padding: 2rem 0;
	margin-bottom:3rem;
}
	
.recruit_type_name {
    font-size: 1.1rem;
    padding: 0.5rem 4rem 0.5rem 1rem;
    margin-bottom: 1rem;
}

.requirements_box .child_title:before {
    margin: -4.5rem auto 1rem;
}
	
.requirements_child_flex {
    padding: 1rem;
}

.requirements_box .recruit_btn {
    width: 250px;
}

.requirements_box .recruit_btnbox{
    width: 250px;
}

.recruit_footer_contact {
    bottom: -0.5rem;
    left: -0.5rem;
    padding: 1rem;
    width: 50%;
}

.recruit_footer_contact img{
    width:80%;
}
}

/*****20220411******/


.gw_event_ttl {
    text-align: center;
    margin: 8rem 0 0;
}

.gw_event_add {
    max-width: 800px;
    margin: 0 auto;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 1.5rem 1rem;
    text-align: center;
    font-size: 1.2rem;
}

.gw_event_add span{
    font-size: 1.3rem;
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}

.gw_small_ttl {
    text-align: center;
    margin: 5rem 0;
}


.marker{
	display:inline-block;
	background:linear-gradient(to top,#dfd5cc 50%, transparent 50%);
	padding:0 8px;
	font-weight:bold;
	font-size:1.3rem;
	margin-bottom:15px;
}

.gw_en{
	display:block;
	font-weight:bold;
	font-size:3.5rem;
	line-height:100%;
	margin:5px 0;
}

.gw_event_gallery {
    display: flex;
    justify-content: space-between;
	flex-wrap:wrap;
}

.gw_event_gallery div{
    width:32%;
}

.gw_event_gallery div span{
   display:block;
	text-align:center;
	margin-top:10px;
}

.gw_table {
    margin: 5rem auto!important;
    border-top: none!important;
    max-width: 750px;
    margin: 0 auto;
}

.gw_table th, .gw_table td{
    background: none;
    border: none!important;
	border-bottom:1px dashed #999!important;
}

.gw_table th{
	text-align:center;
	vertical-align:middle!important;
	font-weight:bold;
}

.gw_table td span {
    display: inline-block;
    color: #8fb5b1;
    margin-bottom: 5px;
    font-weight: bold;
	font-size:1.2rem;
}

.kitchen_car {
    background: #e2edec;
    padding: 15px;
	text-align:center;
	padding-bottom:3rem;
}

.kitchen_car .gw_small_ttl{
    margin:3rem 0;
}

.kitchen_car_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.kitchen_car_ttl:before, .kitchen_car_ttl:after{
    content:"";
	height:1px;
	background:#999;
	flex-grow:2;
	display:inline-block;
}

.kitchen_car_ttl:before{
    margin-right:20px;
}

.kitchen_car_ttl:after{
    margin-left:20px;
}

.kitchen_car_flex {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 3rem auto;
}

.kitchen_car_flex img{
    width:48%;
}

.kitchen_car_small{
	font-size:0.9rem;
}

.gw_telarea {
    text-align: center;
    margin: 5rem 0 3rem;
    font-weight: bold;
    font-size: 1.8rem;
}

.gw_telbox {
    margin-top:1rem;
}

.gw_tel {
    font-size: 3.5rem;
    text-decoration: none;
	transition:0.8s ease;
}

.gw_tel i {
    font-size: 3.5rem;
    display: inline-block;
    margin-right: 10px;
    transform: rotate(-15deg);
	animation:yurayura_tel 2s ease infinite;
}

.gw_event_ttl img:first-of-type {
    margin-bottom: 20px;
}

@keyframes yurayura_tel{
	0%{transform:rotate(-15deg);}
	15%{transform:rotate(-19deg);}
	30%{transform:rotate(-15deg);}
	45%{transform:rotate(-19deg);}
	60%{transform:rotate(-15deg);}
	80%{transform:rotate(-15deg);}
	100%{transform:rotate(-15deg);}
}

.gw_tel:hover {
    color:#8fb5b1;
	opacity:1;
}

.gw_telbox span {
    font-size:1.2rem;
}

.red{
	color:red;
}

@media(max-width:760px){
.gw_event_ttl {
    text-align: center;
    margin: 50px 0 0;
}
	
.gw_event_add {
    padding: 15px 10px;
    font-size: 14px;
}
	
.gw_event_add span {
    font-size: 15px;
}
	
.gw_small_ttl {
    margin: 50px 0;
}
	
.marker {
    font-size: 15px;
}
	
.gw_en {
    font-size: 25px;
}
	
.gw_event_gallery div span {
    margin-top: 5px;
    font-size: 12px;
}
	
.gw_table {
    margin: 30px auto 50px!important;
}
	
.gw_table th, .gw_table td{
    display:block;
	text-align:center;
}
	
.gw_table th{
	background:#f5f5f5;
	border: none!important;
}
	
.kitchen_car .gw_small_ttl {
    margin: 20px 0;
}
	
.kitchen_car_flex {
    margin: 20px auto;
}
	
.kitchen_car {
    padding-bottom: 20px;
}
	
.gw_telarea {
    margin: 30px 0 20px;
    font-size: 18px;
}
	
.gw_tel {
    font-size: 30px;
}
	
.gw_tel i{
    font-size: 30px;
}
	
.gw_telarea p {
    display: none;
}
	
.gw_telbox {
    margin-top: 0;
}
	
.gw_telbox span {
    font-size: 13px;
}
	
.gw_table td span {
    font-size: 16px;
}

.kitchen_car_small {
    font-size: 13px;
}

.gw_event_ttl img:first-of-type {
    width: 30%;
    margin-bottom: 20px;
}
}