@charset "utf-8";
/* ===================================================================

 file name  :index.css
 style info :トップページ

=================================================================== */

/* =============================

	overwrite

=============================== */

#header{
	border-bottom:none;
}
#content #cmnSection .reserve-area{
	margin:0 0 30px;
}
#content #cmnSection{
	margin:0;
}
#main {
	padding:0;
}

/* =================================== */
#mv h2{
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
#mv h2 figcaption{
	position:absolute;
	bottom:8px;
	left:10px;
	font-size:12px;
	color:#fff;
	line-height:1.3;
	text-shadow:
		1px 1px 2px #222,
		-1px 1px 2px #222,
		1px -1px 2px #222,
		-1px -1px 2px #222,
		2px 2px 3px #333,
		-2px 2px 3px #333,
		2px -2px 3px #333,
		-2px -2px 3px #333;
}
#mv h2 img{
	width:100%;
	height:auto;
}

/* announce */
#main #announce-wrap {
	margin:0 0 60px;
	background:url(../images/index/bg_announce.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#main #announce-wrap:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
}
#main #announce{
	width:1200px;
	margin:0 auto;
	padding:36px 0;
}
#main #announce #announceSlider{
}
#main #announce .block{
	outline:none;
	color:#494949;
}


/*arrow*/
#main #announce #announceSlider .announceSlider-arrow{
	background:url(../js/slick/slideUI.png) no-repeat 10px 0;
	position:absolute;
	top:50%;
	width:30px;
	height:42px;
	margin-top:-21px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	transition:padding ease 0.3s,background ease 0.2s;
	cursor:pointer;
}
#main #announce #announceSlider .announceSlider-prev{
	left:-50px;
}
#main #announce #announceSlider .announceSlider-next{
	background-position:-70px 0;
	right:-50px;
}
#main #announce #announceSlider .announceSlider-prev:hover{
	background-position:0 0;
}
#main #announce #announceSlider .announceSlider-next:hover{
	background-position:-60px 0;
}


/* .block01 */
#main #announce .block{
}
#main #announce .block .inner{
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background: rgba(255,255,255,0.4);
}
#main #announce .block .inner .box-l{
	width:770px;
	background:#fff;
	text-align:center;
}
#main #announce .block .inner .box-l .upper{
	padding: 0 0 15px;
	position: relative;
}
#main #announce .block .inner .box-l .upper::before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiY2ZkNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2JiY2ZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JiY2ZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2JiY2ZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmNmZDUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 20%, rgba(204,204,204,1) 50%, rgba(204,204,204,1) 80%, rgba(204,204,204,0) 100%);
	background: -webkit-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 20%,rgba(204,204,204,1) 50%,rgba(204,204,204,1) 80%,rgba(204,204,204,0) 100%);
	background: linear-gradient(to right, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 20%,rgba(204,204,204,1) 50%,rgba(204,204,204,1) 80%,rgba(204,204,204,0) 100%);
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}
#main #announce .block .inner .box-l h3{
	font-size:36px;
	margin:20px 0 5px;
	font-weight: bold;
	line-height:1.2;
	letter-spacing:5px;
}
#main #announce .block .inner .box-l .txt{
	margin: 20px 0 15px 0;
	font-size: 15px;
	letter-spacing: 5px;
}
#main #announce .block .inner .box-l .txt>span{
	display: inline-block;
}
#main #announce .block .inner .box-l .txt .area{
	border: 1px #000 solid;
	padding: 5px;
}
#main #announce .block .inner .box-l .txt .area span{
	display: block;
	font-size: 12px;
}
#main #announce .block .inner .box-l .txt .price{
	color: #a71b08;
	font-size: 45px;
	text-indent: 0.1em;
}
#main #announce .block .inner .box-l .txt .price01{
    font-size: 40px;
    margin: 15px 0 15px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 5px;
	}
#main #announce .block .inner .box-l .price02{
    color: #a71b08;
}
#main #announce .block .inner .box-l .txt .pricenum{
	color: #a71b08;
	font-size: 65px;
	text-indent: 0.1em;
}

#main #announce .block .inner .box-l .txt .p-txt {
    display: inline-block;
    line-height: 1;
    font-size: 26px;
}
#main #announce .block .inner .box-l .txt .p-txt01 {
    display: inline-block;
    line-height: 1;
    font-size: 26px;
	margin-left: 15px;
}

#main #announce .block .inner .box-r{
	width:400px;
}


#main #announce .block .inner .box-r a{
	display:block;
	height: 100%;
	padding: 15px 30px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	background:#273c5a;
}


#main #announce .block .inner .box-r h3{
	margin: 10px 0 10px;
	padding: 0 0 10px;
	font-size:28px;
	line-height:1;
	letter-spacing: 4px;
	border-bottom: solid 1px #536279;
}
#main #announce .block .inner .box-r p{
	width:100%;
	font-size:16px;
	line-height:1.3;
}

/* 資料請求 */
#main #announce .block .inner .box-r.request a{
	background: #386282;
}
#main #announce .block .inner .box-r h3{
	border-bottom: solid 1px #8fa2be;
}
#main #announce .block .inner .box-r p{
	margin: 15px 0 0;
	line-height: 1.8;
}





/* information */


/*2カラム用*/
#main #information{
	width:770px;
	float:left;
}
#main #information h2{
	margin-bottom:48px;
	text-align:center;
	font-weight:normal;
}
#main #information h2 .ja{
	font-size:22px;
	letter-spacing: 2px;
}
#main #information h2 .en{
	display:block;
	font-size:9px;
	letter-spacing: 4px;
}

#main #information h2 .en:after{
	content:"";
	display:block;
	width:32px;
	height:1px;
	margin:10px auto 0;
	border-top: solid 2px #131313;
	border-bottom: solid 2px #131313;
}

#main #information dl{
	font-size:109%;
}
#main #information dl dt{
	font-size:14px;
	float:left;
  font-family: "リュウミン R-KL";
}
#main #information dl dd{
	margin:0 0 15px;
	padding:0 0 1em 210px;
	font-size:14px;
	border-bottom:solid 1px #d3d3d3;
	font-family: "FP-ヒラギノ角ゴ ProN W3";
}
#main #information dl dt.new:after{
	content:"NEW";
	display:inline-block;
	margin:0 13px;
	padding:2px 1em;
	background:#ab0000;
	color:#fff;
	line-height:1.5;
	font-size:12px;
  font-family: 'Cormorant Garamond', serif;
}

/*requestAnnounce*/
#main #requestAnnounce{
	margin-bottom:20px;
	width:400px;
	float:right
}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){


	/* =============================

		overwrite

	=============================== */
	#content #cmnSection .reserve-area{
		margin:0 0 20px;
	}


	/* =================================== */

	#mv h2{
		width:100%;
	}
	#mv h2 figcaption{
		bottom: -15%;
		left: 5px;
		font-size:8px;
		text-shadow:
		1px 1px 1px #222,
		-1px 1px 1px #222,
		1px -1px 1px #222,
		-1px -1px 1px #222,
		2px 2px 2px #333,
		-2px 2px 2px #333,
		2px -2px 2px #333,
		-2px -2px 2px #333;
  }

	/* announce */
	#main #announce-wrap {
		background-size:auto 100%;
		margin:0 0 20px;
	}
	#main #announce{
		width:100%;
		padding:35px 15px 15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#main #announce .block{
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#main #announce .block .inner .box-l .txt .price{
	color: #a71b08;
	font-size: 35px;
	text-indent: 0.1em;
}
#main #announce .block .inner .box-l .txt .pricenum{
	color: #a71b08;
	font-size: 40px;
	text-indent: 0.1em;
}
#main #announce .block .inner .box-l .txt .p-txt {
    display: inline-block;
    line-height: 1;
    font-size: 18px;
}
#main #announce .block .inner .box-l .txt .p-txt01 {
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    margin-left: 15px;
}
	
	/*arrow*/
	#main #announce #announceSlider .announceSlider-arrow{
		background-position:0 0;
		background-size:45px 26px;
		width:10px;
		height:21px;
		margin-top:-10px;
		transition:none;
	}
	#main #announce #announceSlider .announceSlider-prev{
		left:-13px;
	}
	#main #announce #announceSlider .announceSlider-next,
	#main #announce #announceSlider .announceSlider-next:hover{
		background-position:-35px 0;
		right:-13px;
	}


	/* .block01 */
	#main #announce .block .inner{
		padding: 5px;
		display: block;
	}
	#main #announce .block .inner .box-l{
		width:100%;
		margin: 0 0 5px;
		padding:0 0 15px;
	}
	#main #announce .block .inner .box-l .upper{
		padding: 15px 0 15px;
	}
	#main #announce .block .inner .box-l h3{
		margin:0;
		font-size:24px;
		letter-spacing: 2px;
	}

	#main #announce .block .inner .box-l .txt{
		margin: 15px 0 0;
		font-size: 15px;
		line-height: 1.4;
		letter-spacing: 2px;
		text-align: left;
		padding: 0 10px;
	}
	#main #announce .block .inner .box-l .txt .price01 {
    font-size: 20px;
}
	/*#main #announce .block .inner .box-l .txt span{
		font-size: 16px;
	}*/
	
	#main #announce .block .inner .box-r{
		width:100%;
	}

	#main #announce .block .inner .box-r a{
		height: auto;
		padding: 15px;
	}
	#main #announce .block .inner .box-r h3{
		margin: 0 0 10px;
		padding:10px 0;
		font-size: 22px;
	}
	#main #announce .block .inner .box-r p{
		font-size: 12px;
	}
	/* 資料請求 */
	#main #announce .block .inner .box-r p{
		margin: 15px 0 0;
		line-height: 1.6;
	}


	/* information */
	#main #information{
		width:100%;
		float:none;
	}
	#main #information h2{
		margin-bottom:1.5em;
		padding:15px 0 0;
	}
	#main #information h2 .en{
		font-size:10px;
		letter-spacing: 2px;
	}
	#main #information h2 .ja{
		font-size:18px;
	}
	#main #information h2 .en:after{
		width:16px;
		border-top: solid 1px #131313;
		border-bottom: solid 1px #131313;
	}
	
	#main #information dl dt{
		float:none;
		font-size:13px;
	}
	#main #information dl dd{
		padding-left:0;
		font-size: 12px;
		line-height:1.3;
	}
	#main #information dl dt.new:after{
    position: relative;
    top: -2px;
		margin-left:10px;
		line-height:1;
		font-size:10px;
	}

	/*requestAnnounce*/
	#main #requestAnnounce{
		padding:0;
		margin-bottom:20px;
		width:100%;
		float:none;
		text-align:center;
	}

}