body {
  font-size: 1.4em;
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #333;
  background-color: #a1c063;
}

.center {
  text-align: center;
}

.index {
  text-indent: -1em;
  margin-left: 1em;
}

.small {
  font-size: 80%;
}

.pcObj {
  display: block;
}

.spObj {
  display: none;
}

.pcBr {
  display: block;
}

.spBr {
  display: none;
}

.spPtBr {
  display: none;
}

#goTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

#goTop a {
  display: block;
  color: #FFF;
  font-size: 1.4rem;
  border: 1px solid #FFF;
  background-color: #3F0D06;
  padding: 3px 10px 5px;
  text-align: center;
  border-radius: 5px;
}

#goTop a:hover {
  opacity: 0.6;
}

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

body {
  font-size: 1.2em;
}

.telLink a,
.telLink a:visited,
.telLink a:hover {
  color: #3F0D06;
}

.telLink a {
  text-decoration: underline;
}

.pcObj {
  display: none;
}

.spObj {
  display: block;
}

.pcBr {
  display: none;
}

.spBr {
  display: block;
}

#goTop {
  bottom: 30px;
  right: 10px;
}

#goTop a:hover {
  opacity: 1;
}
}

@media only screen and (max-width: 768px) and (orientation : portrait) {

.spPtBr {
  display: block;
}
}

/****************************************
ヘッダ
****************************************/
header {
  width: 100%;
  position: fixed;
  z-index: 1;
  background-color: #3F0D06;
}

h1 {
  background-color: #FAF9F3;
  text-align: center;
  padding: 10px 0px;
}

h1 img {
  width: 250px;
}

h2 {
  font-size: 1.8rem;
  color: #3F0D06;
  background-color: #EADCD5;
  margin-bottom: 10px;
  border-radius: 20px;
  padding: 5px 0px 5px 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.h2Text {
  color: #3F0D06;
  font-size: 1.1rem;
  position: absolute;
  top: 22px;
  font-weight: bold;
  right: 30px;
}

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

h1 {
  width: 100%;
  padding: 5px 0px;
}

h1 img {
  margin-top: 5px;
  width: 130px;
}

h2 {
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding: 5px 0px 5px 10px;
}

.h2Text {
  text-align: right;
  width: 50%;
  font-size: 1rem;
  top: 17px;
  right: 20px;
}
}

/****************************************
ナビゲーション
****************************************/
nav {
  width: 960px;
  margin: 0px auto;
  position: relative;
}

#navi {
  display: table;
  border-collapse: collapse;
}

#navi li {
  display: table-cell;
  text-align: center;
  letter-spacing: 1px;
  border-left: 1px solid #714C47;
  border-right: 1px solid #714C47;
  vertical-align: middle;
}

#navi li a {
  display: block;
  font-weight: 700;
  color: #FFF;
  line-height: 1.2;
  width: 320px;
  height: 55px;
}
#navi li:not(:nth-of-type(2)) a {
 padding-top: 20px;
}

#navi li:nth-of-type(2) a {
  padding-top: 15px;
}

#navi li:hover a {
  background-color: #83615B;
  color: #FEDDA1;
}

#navi li a.active {
  background-color: #83615B;
  color: #FEDDA1;
}

#navi li a span {
  display: block;
  font-size: 70%;
  letter-spacing: 0;
  font-weight: 400;
}

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

nav {
  width: 95%;
}

#navi {
  width: 100%;
  table-layout: fixed;
}

#navi li a {
  width: 100%;
  font-size: 1rem;
  line-height: 1.3;
  height: 30px;
}
#navi li:not(:nth-of-type(2)) a {
 padding-top: 10px;
}

#navi li:nth-of-type(2) a {
  padding-top: 5px;
}

#navi li a:hover {
  background-color: #3F0D06;
  color: #FFFFFF;
}
}

#btnPrivacy {
  position: absolute;
  top: 10px;
  right: 10px;
}

#btnPrivacy br {
  display: none;
}

#btnPrivacy a {
  letter-spacing: 1px;
  font-size: 1.2rem;
  padding: 5px 10px;
  display: block;
  color: #3F0D06;
  border: 1px solid #3F0D06;
}

#btnPrivacy a:hover {
  opacity: 0.6;
}

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

#btnPrivacy {
  position: absolute;
  top: 10px;
  right: 5px;
}

#btnPrivacy br {
  display: block;
}

#btnPrivacy a {
  letter-spacing: 0px;
  font-size: 0.8rem;
  padding: 5px;
  line-height: 1.1rem;
}

#btnPrivacy a:hover {
  opacity: 1;
}
}

/****************************************
コンテンツ
****************************************/
#ctsWrap {
  padding-top: 165px;
  width: 960px;
  margin: 0px auto;
  padding-bottom: 50px;
}

#leftCts {
  width: 600px;
  float: left;
}

#rightCts {
  width: 340px;
  float: right;
}

section {
  background-color: #FFF;
  padding: 15px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
}

#sectionBottom {
  clear: both;
}

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

#ctsWrap {
  padding-top: 90px;
  width: 95%;
  padding-bottom: 20px;
}

#leftCts {
  width: 100%;
  float: none;
}

#rightCts {
  width: 100%;
  float: none;
}

section {
  padding: 10px;
  margin-bottom: 10px;
}
}

/****************************************
店舗情報
****************************************/
#gm {
  height: 250px;
  width: 100%;
  border: 1px solid #CCC;
}

.markerText {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 1.2rem;
  color: #333;
  text-align: center;
  background: none;
}

#accessText {
  margin-top: 10px;
}

#access img {
  margin-top: 10px;
  border-radius: 5px;
}

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

#gm {
  margin-top: 5px;
  height: 200px;
}

#accessText {
  margin-top: 5px;
}
}

/****************************************
料金
****************************************/
.priceTable th,
.priceTable td {
  padding: 10px 15px;
  line-height: 1.2;
}

.priceTable tr:nth-child(odd) {
  background-color: #FFF5E8;
}

.priceTable tr:nth-child(even) {
  background-color: #FFECCE;
}

.priceTable th {
  white-space: nowrap;
  text-align: left;
  color: #3F0D06;
}

.priceTable td {
  font-weight: 700;
  text-align: right;
}

.priceTtl {
  color: #3F0D06;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 2px;
}

#otherFacility {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top: 1px solid #CCC;
}

#otherFacility li {
  margin-top: 5px;
}

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

.priceTable th,
.priceTable td {
  padding: 5px 10px;
}

.priceTtl {
  margin-top: 10px;
}

#otherFacility {
  margin-top: 5px;
  padding-top: 0px;
  padding-bottom: 5px;
}

#otherFacility li {
  margin-top: 3px;
}
}

/****************************************
施設
****************************************/

#roomPh li {
  margin-left: 10px;
  line-height: 2;
}

#roomPh li p {
  line-height: 1.2;
  margin-top: 10px;
  font-weight: 500;
}

#roomPh li a:link,
#roomPh li a:link {
  color: #333;
  text-decoration: underline;
}

#roomPh li a:visited {
  color: #333;
}

#roomPh li a:hover {
  text-decoration: none;
  opacity: 0.6;
}

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

#roomPh li {
  line-height: 1.8;
}

#roomPh li a:hover {
  text-decoration: underline;
  opacity: 1;
}
}

/****************************************
フッタ
****************************************/
footer {
  text-align: center;
  background-color: #FAF9F3;
  border-top: 1px solid #3F0D06;
  padding-top: 15px;
}

footer br {
  display: none;
}

#copyRight {
  margin-top: 10px;
  font-size: 1rem;
  background-color: #3F0D06;
  color: #FFFFFF;
  padding: 5px 0px;
}

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

footer {
  padding-top: 10px;
}

footer br {
  display: block;
}

#copyRight {
  margin-top: 5px;
  font-size: 0.9rem;
}
}