@charset "utf-8";
/* CSS Document */


/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */

/* --------------------------------
   □ サイト情報 (コンテンツ)
-------------------------------- */

	.contents section p.ReservationBtn,
	.contents section p.ReservationTxt{
		text-align:center;
	}

	.contents section p.ReservationTxt{
		background:url(../../images/cp/20170502/fukidashi.gif) no-repeat 50% 100%;
	}


	/*   □ accentArea
	-------------------------------- */

	.contents .accentArea{
		position:relative;
		margin-bottom:70px;
	}
	
	.contents .accentArea h2.accenttxt{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 721px;
		height: 298px;
		margin: auto;
	}
	
	.contents .accentArea p.visualimage img{
		width:100%;
	}
	

	

	/*   □ mainvisual
	-------------------------------- */
	.contents section.mainvisual{
		position:relative;
		width:100%;
		margin-bottom: 15px;
	}
	
	.contents section.mainvisual .subsection{
		width:55%;
		float: left;
		margin-bottom: 70px;
	}
	
	.contents section.mainvisual .subsection h3{
		color: #d0a54c;
		font-size: 142%;
		margin-bottom: 20px;
	}

	.contents section.mainvisual .subsection dl{
		margin-bottom:20px;
	}

	.contents section.mainvisual .subsection dl dt{
		font-weight:bold;
		margin-bottom:10px;
		font-size:114%;
	}
	
	.contents section.mainvisual .subsection dl dd{
	}
	
	.contents section.mainvisual p.rightimg{
		float:right;
	}

	.contents section.mainvisual p.image{
		margin-bottom:50px;
	}
	
	section .area{
		width:1000px;
		margin:0 auto;
	}

	/*   □ melit
	-------------------------------- */
	.contents section.melit{
		padding-bottom:15px;
	}
	
	.contents section.melit h2{
		text-align:center;
		margin-bottom:48px;
	}


section.melit .housebox{
	overflow:hidden;
}
	
	section.melit .housebox dl{
		width:313px;
		float:left;
		margin-right:30px;
	}
	
	section.melit .housebox dl:last-child{
		margin-right:0;
	}
	
	section.melit .housebox dl dt{
		margin-bottom:27px;
		font-weight:700;
	}
	
	section.melit .housebox dl dd.txt{
		margin-bottom:15px;
		min-height: 3em;
		color:#d0a54c;
		text-align:center;
		font-weight:bold;
	}

	/*   □ present
	-------------------------------- */
	.contents section.present{
		width:auto;
	}
	
	.contents section.present h2{
		text-align:center;
		margin-bottom:40px;
	}
	.contents section.present p.consept{
		padding:15px 70px;
		background:#f3e8d1;
		text-align:center;
		border-radius:4px;
		margin:33px auto;
		width:450px;
	}

	.contents section.present p.img{
		display:inline-block;
		float:left;
		margin-bottom: 0;
	}

	.contents section.present dl.color{
		float:right;
		width:435px;
		margin-top: 90px;
	}
	
	.contents section.present dl.color dt{
		margin-bottom:25px;
		font-size:125%;
		font-weight:bold;
	}
	.contents section.present dl.color dd{
		margin-bottom:25px;
	}
	.contents section.present dl.color dd.small{
		font-size:78%;
	}
	
	.contents section.present div.color{
		background:#f5f5f5;
		overflow: hidden;
	}
	
	/*   □ event
	-------------------------------- */
	.contents section.event{
		padding-top:22px;
	}
		
	.contents section.event h2{
		text-align:center;
		margin-bottom:45px;
	}
	
	.contents section.event .area table{
		line-height:2;
		width:100%;
		margin-bottom:50px;
	}

	.contents section.event .area table tr{
		border-bottom:1px solid #d5d5d5;
	}

	.contents section.event .area table tr:first-child{
		border-top:1px solid #d5d5d5;
	}

	.contents section.event .area table tr th{
		width:15em;
		background:#f5f5f5;
		padding-left:40px;
	}
	
	.contents section.event .area table tr td{
		padding: 20px 40px;
	}
	.contents section.event .area table tr td ol.number{
	}
	
	.contents section.event .area table tr td ol.number li{
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding-left: 1.25em;
		position: relative;
	}
	
	.contents section.event .area table tr td ol.number li span {
		position: absolute;
		left: 0;
		margin: 0;
	}	

	.contents section.event p.ReservationBtn{
		margin-bottom:65px;
	}

	/*   □ about
	-------------------------------- */
	.contents section.access h3{
		color: #d0a54c;
		font-size: 133%;
		margin-bottom: 30px;
	}

	.contents section.access .maparea{
		background:#f5f5f5;
		padding:40px;
	}

	.contents section.access .area table{
		width:100%;
		background: #fff;
		margin-top: 40px;
	}

	.contents section.access .area table tr{
		border-bottom:1px solid #d5d5d5;
	}

	.contents section.access .area table tr:first-child{
		border-top:1px solid #d5d5d5;
	}

	.contents section.access .area table tr th{
		width:15em;
		background:#e8e8e8;
		text-align:center;
	}
	
	.contents section.access .area table tr td{
		padding:20px;
	}

/*   □ contactBtn
-------------------------------- */
.contents p.contactBtn{
	text-align: center;
	margin-bottom: 75px;
}

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

section .area {
    width: auto;
}

.contents .accentArea h2.accenttxt {
    top: 8px;
    width: 85%;
    height: auto;
}

/*   □ mainvisual
-------------------------------- */

.contents section.mainvisual {
    width: auto;
}

.contents section.mainvisual .subsection {
    width: auto;
    float: none;
    margin-bottom: 10px;
}

.contents section.mainvisual p.rightimg {
    float: none;
}

/*   □ melit
-------------------------------- */

section.melit .housebox dl {
    width: auto;
    float: none;
    margin-right: 0;
	text-align: center;
	margin-bottom: 8%;
}
section.melit .housebox dl dd.txt {
    padding: 10px 25px;
}

.contents section.melit {
    padding-bottom: 0;
}

/*   □ present
-------------------------------- */

.contents section.present p.consept {
    padding: 15px 20px;
    margin: 5% 3%;
    width: auto;
}

.contents section.present dl.color {
    float: none;
    width: auto;
    margin-top: 7%;
}

.contents section.present p.img img{
	margin-bottom:4%;
}

/*   □ event
-------------------------------- */

.contents section.event {
    padding-top: 0;
}

.contents section.event .area table tr th {
	width: 4em;
    padding: 3%;
}

.contents section.event .area table tr td {
	padding: 3%;
}


/*   □ event
-------------------------------- */

.contents section.access .maparea {
    background: #f5f5f5;
    padding:7% 3%;
}

.contents section.access .maparea iframe{
	height: 300px;
}

.contents section.access .area table tr th {
    width:6em;
}