@charset "UTF-8";

/*******************************
 
#hero Css
 
*******************************/
.page #hero{
    background-image: url("../img/img_main.jpg");
}

/*******************************
 
サイドナビ Css
 
*******************************/
.page-resort_m .page-col-2 .side .navi dd:nth-of-type(1) a{
    background: #ebe1cc;
}


/*******************************
 
.contents Css
 
*******************************/
.content{
	margin-bottom: 80px;
}
.contact{
	margin-top: 50px;
}

a.anchor{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}

/*---list---*/
.list {
    margin: 20px 0 60px;
}
dl.details, dl.details dt, dl.details dd{
	box-sizing: border-box;
}
dl.details dt, dl.details dd{
	padding: 10px 10px 0 10px;
	border-top: 1px solid #d2d2d2;
}
dl.details dt.list-d-1st{
	border-top: 1px solid #d2d2d2;
}
dl.details {
    text-align: left;
    border-bottom: solid 1px #d2d2d2;
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
    overflow: hidden;
	background-color: #e2dbcc;
}
dl.details dt {
    float: left;
    width: 22%;
    font-weight: bold;
	border-top: solid 1px #fff;
}
dl.details dd {
    background: #fff;
	margin-left: 22%;
	padding-bottom: 10px;
	border-left: 1px solid #d2d2d2;
}

dl.details dd:after {
  content: '';
  display: block;
  clear: both;
}


/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1024px){}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
	dl.details dt {
		width: 100%;
		border-top: 0;
		background-color: #e2dbcc;
		padding-bottom: 8px;
		margin-bottom: 10px;
	}
	dl.details dd {
		background: #fff;
		margin-left: 0;
		padding-bottom: 10px;
		border-left: 0;
	}
}