@charset "UTF-8";
/* --- 全体の背景・テキスト --- */
body {
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin: 0;
padding: 0;
background: #000000; /* 全体の背景（グラデーション） */
color: #404040; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
}

/* --- ヘッダとフッタのリンクテキスト --- */
a:link { color: #b39d6f; }
a:visited { color: #9d8757; }
a:hover { color: #fde337; }
a:active { color: #fee76a; }

/* --- コンテンツ内のリンクテキスト --- */
#content a:link { color: #c19639; }
#content a:visited { color: #98762e; }
#content a:hover { color: #e4c410; }
#content a:active { color: #fde337; }

body h1,h2,h3,h4,h5{
margin: 0;
padding: 0;
}
.wrapper{
width: 960px;
margin: 0 auto;
padding: 0;
}
.wrapper img{
max-width:100%;
height:auto;
border: 0;
}
#top{
}
.header{
}
.header .logo{
width: 240px;
margin: 0 auto;
padding: 10px 0;
}
.header .nav{
overflow: hidden;
}
.header .nav ul{
margin: 0;
padding: 0;
}
.header .nav li{
list-style: none;
}
.header .nav li a{
background: #000000;
margin: 0;
padding: 10px 0;
display: block;
float: left;
width: 16.6666%; /* 未対応ブラウザ用フォールバック */
width: -webkit-calc(100%/6);
width: calc(100%/6);
text-align: center;
font-size: 120%;
}
.header .nav li a:hover{
margin: 3px 0 -3px 0;
color: #b39d6f;
text-decoration: underline;
}
.header .nav li a{
text-decoration: none;
}
.top-img{
margin: 0 auto;
}
.top-img img{
width: 100%;
margin: 0 auto;
}
#room{
}
.room{
padding: 10px 0 30px 0;
text-align: center;
}
.room h3{
background: #b39d6f;
padding: 5px 10px;
color: #ffffff;
font-size: 150%;
letter-spacing: 2px;
}
.room ul{
margin: 0;
padding: 10px 0;
overflow: hidden;
}
.room li{
width: 14.2857%;
width: -webkit-calc(100%/7);
width: calc=(100%/7);
margin: 0;
padding: 3px 0 10px 0;
color: #ffffff;
display: block;
float: left;
text-align: center;
list-style: none;
}
.room li img{
width: 98%;
}

.price{
padding: 10px 0 30px 0;
text-align: center;
}
.price h3{
background: #b39d6f;
padding: 5px 10px;
color: #ffffff;
font-size: 150%;
letter-spacing: 2px;
}
.price p{
margin: 0;
padding: 10px 0;
}

.access{
padding: 10px 0 30px 0;
text-align: center;
}
.access h3{
background: #b39d6f;
padding: 5px 10px;
color: #ffffff;
font-size: 150%;
letter-spacing: 2px;
}
.access p strong{
color: #ffffff;
font-size: 18px;
font-weight: normal;
}

.coupon{
padding: 10px 0 30px 0;
text-align: center;
}
.coupon h3{
background: #b39d6f;
padding: 5px 10px;
color: #ffffff;
font-size: 150%;
letter-spacing: 2px;
}
.coupon p{
margin: 0;
padding: 10px 0;
color: #ffffff;
font-size: 18px;
}

.contact{
padding: 10px 0 50px 0;
text-align: center;
}
.contact h3{
background: #b39d6f;
padding: 5px 10px;
color: #ffffff;
font-size: 150%;
letter-spacing: 2px;
}
.contact p{
margin: 0;
padding: 10px 0;
color: #ffffff;
font-size: 18px;
}



.footer{
margin: 0 auto;
padding: 10px 0;
color: #ffffff;
font-size: 120%;
text-align: center;
}
.footer a{
text-decoration: none;
}