@charset "utf-8";


/* -----------------------------------------------------------
    TOP 
-------------------------------------------------------------- */

#top {
}

.top_page #main {
	top: 0;
}

/*    Main Visual
-------------------------------------------------------------- */

#top .mv_area {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 700px;
	background: url(../img/top_mv_bg.jpg)no-repeat center top;
	background-size: cover;
	text-align: center;
	margin: 110px 0 0 0;
	padding: 50px 0 0 0;
	overflow: hidden;
}

#top .mv_area .mv_txt {
	text-align: left;
	padding: 60px 0 0 0;
}

#top .mv_area .mv_btn {
	padding: 50px 0 0 0;
	margin: 0 0 0 190px;
}




/* NEWS */
#top .mv_area .mv_news {
	background: #F7F6F4;
	height: 120px;
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 90px 0 0 0;
}

#top .mv_area .mv_news .news_title {
    float: left;
    width: 190px;
    height: 120px;
    padding: 48px 0 0;
    font-family: 'Akrobat Bold';
	letter-spacing: 0.2em;
    font-size: 2.0rem;
    text-align: center;
	background: #F2EDE9;
}

#top .mv_area .mv_news ul {
	margin: 35px 0;
	float: left;
}

#top .mv_area .mv_news ul li {
	padding: 0 0 35px 0;
}
#top .mv_area .mv_news ul li:nth-child(n+3) {
	display: none;
}

#top .mv_area .mv_news ul li .news_date {
	float: left;
    padding: 0 40px 0 55px;
    font-size: 1.4rem;
	letter-spacing: 0.05em;
}

#top .mv_area .mv_news ul li .news_de_title {
	float: left;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #A68C5E;
	width: 570px;
	text-align: left;
}

#top .mv_area .next_link {
	float: right;
	margin: 50px 40px;
}

#top .mv_area .next_link a{
    color: #A68C5E;
	font-family: 'Akrobat Regular';
	display: inline-block;
	letter-spacing: 0.2em;
}


@media screen and (max-width: 667px){
	
	#top .mv_area {
		position: static;
		z-index: 1;
		width: 100%;
		height: auto;
		background: none;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	#top .mv_area .mv_txt {
		text-align: inherit;
		padding: 0;
	}
	
	#top .mv_area .mv_txt img {
		width: 100%;
		vertical-align: bottom;
	}
	
	
	/* MENU */
	#top .mv_area .sp_menu {
		width: 100%;
	}
	
	#top .mv_area .sp_menu ul {
		border-top: 2px #FFF solid;
	}
	
	#top .mv_area .sp_menu ul li {
		float: left;
		width: 33.3%;
		height: auto;
		border-left: 1px #FFF solid;
		border-right: 1px #FFF solid;
	}
	
	#top .mv_area .sp_menu ul li img {
		width: 50%;
		max-width: 50%;
	}
	#top .mv_area .sp_menu ul li img.park {
		margin-left: 22px;
	}
	
	#top .mv_area .sp_menu ul li.thick {
		background: #F2EDE9;
	}
	
	#top .mv_area .sp_menu ul li.thin {
		background: #F7F6F4;
	}
	
	#top .mv_area .sp_menu ul li a {
		display: block;
		color: #252E33;
		padding: 15px 0;
	}
	
	#top .mv_area .sp_menu li .jp{
		font-size: 1.2rem;
		font-weight: bold;
		color: #444;
		padding: 5px 0;
	}

	#top .mv_area .sp_menu li .en{
		font-size: 0.9rem;
		color: #B19972;
		font-family: 'Playfair_Display Bold';
	}

	
	
	/* NEWS */
	#top .mv_area .mv_news {
		background: #FFF;
		height: auto;
		position: inherit;
		width: auto;
		margin: 0 0 0 0;
		padding: 30px 20px;
		border-top: 1px solid #D0BEAE;
		border-bottom: 1px solid #D0BEAE;
		text-align: left;
	}

	#top .mv_area .mv_news .news_title {
		float: none;
		width: auto;
		height: auto;
		padding: 0 0 0;
		letter-spacing: 0.2em;
		font-size: 2.0rem;
		text-align: left;
		background: none;
	}

	#top .mv_area .next_link {
		float: none;
		text-align: right;
		margin: -20px 0 0 0;
	}
	#top .mv_area .next_link a{
		display: inline-block;
		letter-spacing: 0.2em;
	}
	
	#top .mv_area .mv_news ul {
		margin: 0 0;
		float: none;
	}

	#top .mv_area .mv_news ul li {
		padding: 0 0 0 0;
		line-height: 1.8;
	}
	#top .mv_area .mv_news ul li:nth-child(n+2) {
		display: none;
	}

	#top .mv_area .mv_news ul li .news_date {
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		float: none;
		padding: 15px 0 3px 0;
		line-height: 1.5;
	}

	#top .mv_area .mv_news ul li .news_de_title {
		float: none;
		letter-spacing: 0.05em;
		font-size: 1.5rem;
		width: auto;
		margin: 0 0 0 0;
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	
	#top .mv_area .mv_news ul li .news_de_title a {
		display: block;
	}
	

	
	
	
	
			
}




/*    施設案内
-------------------------------------------------------------- */

#top .facilities_area {
	background:url(../img/stripe_bg.png) repeat center top;
	padding: 50px 0 50px 0;
}


@media screen and (max-width: 667px){
	
	#top .facilities_area {
		background:url(../img/dot_bg.png) repeat center top;
		padding: 10px 0 10px 0;
	}
	
	#top .facilities_area .txt {
		text-align: left;
	}
	

}




/*    貸会議室＆駐車場
-------------------------------------------------------------- */

#top .co-pa_area {
}

#top .co-pa_area .left_area {
	float: left;
	width: 575px;
	padding: 0 0 100px;
}

#top .co-pa_area .left_area img {
	width: 575px;
}

#top .co-pa_area .right_area {
	float: right;
	width: 575px;
	padding: 0 0 100px;
}

#top .co-pa_area .right_area img {
	width: 575px;
}

#top .co-pa_area .button {
	margin: 30px 0 0 145px;
}

#top .co-pa_area .catch_area .txt_l {
	letter-spacing: 0;
	color: #333;
}


@media screen and (max-width: 667px){

	#top .co-pa_area {
	}
	
	#top .co-pa_area .img {
	}
	
	#top .co-pa_area .img img {
		width:100%;
		max-width: 100%;
		height: auto;
	}

	#top .co-pa_area .left_area {
		float: none;
		width: 100%;
		padding: 0 10px;
	}

	#top .co-pa_area .right_area {
		float: none;
		width: 100%;
		padding: 0 10px;
	}

	#top .co-pa_area .button {
		text-align: center;
		margin: -10px 10px 50px;
	}
	
	#top .co-pa_area .catch_area .txt_l {
	}
	
	
}


/*    SHOP LIST
-------------------------------------------------------------- */

#top .shop_list_area {
	margin: 0;
	padding: 0 0 100px;
	background:linear-gradient(90deg,#F2EDE9 0%,#F2EDE9 50%,#F7F6F4 50%,#F7F6F4 100%);
}

#top .shop_list_area .catch {
	margin: 50px 0 0 0;
}

#top .shop_list_area .shop_logo_img {
	text-align: center;
	padding: 0 0 0 0;
}

#top .shop_list_area .left_area .button {
	float: left;
	margin: 60px 0 0 230px;
}

#top .shop_list_area .right_area .button {
	float: right;
	margin: 60px 230px 0 0;
}


/*  1列目  */
#top .shop_list_area .shop_logo ul.logo_list01 {
	padding: 20px 0 40px 0;
}

#top .shop_list_area .shop_logo ul.logo_list01 li{
	float: left;
	padding: 0 0 0 30px;
}

#top .shop_list_area .shop_logo ul.logo_list01 li:first-child{
	padding: 0;
}

#top .shop_list_area .shop_logo ul.logo_list01 li img{
	width: 158px;
}

/*  2列目  */
#top .shop_list_area .shop_logo ul.logo_list02 {
}

#top .shop_list_area .shop_logo ul.logo_list02 li{
	float: left;
	padding: 0 0 0 30px;
}

#top .shop_list_area .shop_logo ul.logo_list02 li:first-child{
	padding: 0;
}

#top .shop_list_area .shop_logo ul.logo_list02 li img{
	width: 131px;
}




/*　写真スライド　*/
#top .shop_list_area .slide_area{
	position: relative;
	/*
	background: #3D1412;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	*/
	background:url(../img/top_shop_bg.png) repeat center top;
	z-index: 2;
	width: 100%;
    height: 240px;
	margin-top: -240px;
}

#top .shop_list_area .slide_area .contents_title .en_s {
	color: #F7F6F4;
	padding: 70px 0 10px;
}

#top .shop_list_area .slide_area .contents_title .ja {
	color: #F7F6F4;
	padding: 5px 0;
}

#top .shop_list_area .slide_area .contents_title .border {
	border-bottom: 1px solid #F7F6F4;
	padding: 25px 0 0 0;
}

#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 240px;
    text-align: left;
    position: relative;
    overflow: hidden;
	z-index: 1;
}
 
#loopslider ul {
    height: 2400px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 300px;
    height: 240px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}


@media screen and (max-width: 667px){
	
	#top .shop_list_area {
		margin: 0;
		background:linear-gradient(90deg,#F2EDE9 0%,#F2EDE9 50%,#F7F6F4 50%,#F7F6F4 100%);
		height: auto;
		padding: 40px 0 30px 0;
		border-top: 1px #D0BEAE solid;
		border-bottom: 1px #D0BEAE solid;
	}

	
	#top .shop_list_area .catch_area{
		background:url(../img/top_shopimg01_sp.jpg) no-repeat right bottom;
		background-size: cover;
		height: 260px;
		text-align: center;
	}
	#top .shop_list_area .catch_area .shop_btn{
		padding: 65px 0 0 0;
	}
	#top .shop_list_area .catch_area .shop_btn img{
		width: 180px;
	}
	
	
	#top .shop_list_area .catch {
		margin: 0 0 0 0;
	}
	
	#top .shop_list_area .shop_logo_img {
		text-align: center;
		padding: 20px 0 0 0;
	}

	#top .shop_list_area .shop_logo {
	}

	#top .shop_list_area .shop_logo ul {
		padding: 10px 0;
	}

	#top .shop_list_area .shop_logo ul li{
		float: left;
		padding: 0 0 0 10px;
		height: auto;
		width: 25%;
	}
	
	#top .shop_list_area .shop_logo ul li img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	#top .shop_list_area .shop_logo ul li:first-child{
		padding: 0;
	}

	#top .shop_list_area .left_area .button {
		float: left;
		margin: 50px 0 0 230px;
	}

	#top .shop_list_area .right_area .button {
		float: right;
		margin: 50px 230px 0 0;
	}
	
	
	/*　写真スライド　*/
	#loopslider {
		margin: 0 auto;
		width: 100%;
		height: 240px;
		text-align: left;
		position: relative;
		overflow: hidden;
	}

	#loopslider ul {
		height: 2400px;
		float: left;
		display: inline;
		overflow: hidden;
	}

	#loopslider ul li {
		width: 300px;
		height: 240px;
		float: left;
		display: inline;
		overflow: hidden;
	}

	#loopslider ul:after {
		content: ".";
		height: 0;
		clear: both;
		display: block;
		visibility: hidden;
	}

	#loopslider ul {
		display: inline-block;
		overflow: hidden;
	}

	
}


/*    ACCESS
----------------------------------------- */

#top .access_area {
	background:url(../img/stripe_bg.png) repeat center top;
	padding: 20px 0 0;
}


#top .access_area .map {
	margin: 0 auto;
	width: 100%;
	height: 440px;
	overflow: hidden;
}

#top .access_area .map iframe,
#top .access_area .map object,
#top .access_area .map embed {
	/*
	position: absolute;
	top: 0;
	left: 0;
	height: 440px;
	*/
	width: 100%;
}

#top .access_area .dot_bg {
    width: 100%;
	height: 10px;
	background:url(../img/dot_bg.png) repeat center top;
	margin: 30px 0 0 0;
}


@media screen and (max-width: 667px){
	
	#top .access_area {
		display: none;
	}

}