@charset "utf-8";
/* CSS Document */
#ttlArea {
  width:100%;
  height:460px;
  background-repeat:no-repeat;
  background-image:url(../images/main.jpg);
  background-size:cover;
  background-position:center top;
  top:0px;
  left:0px;
  z-index:10;
}
.ttlBlock {
  width:1000px;
  height:460px;
  margin:0 auto;
  position:relative;
}
.ttlBox {
  position:absolute;
  top:185px;
  width:200px;
  height:200px;
  display:block;
  background-image:url(../../common/images/bg_murasaki.jpg);
  opacity:0.8;
}
.ttlBlock h1 {
  position:absolute;
  top:245px;
  width:200px;
  height:auto;
  text-align:center;
}
.chiisame {
  font-size:20px;
}
.chiisame_l {
  font-size:20px;
  font-family: 'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
  padding: 0 20px 0 0;
}
.clearhannari {
  text-align:center;
  padding:0 0 10px;
  line-height:1.4em;
}



#contentsArea {
}


.twoArea {
  background-image:url(../images/bg_spa.jpg);
  background-size:cover;
  background-attachment:fixed;
}
.twoBlock {
  width:1030px;
  height:auto;
  margin:0 auto;
}
.twoBlock h3 {
  text-align:center;
  font-size:189%;
  padding:40px 0 20px 0;
  font-family: "hannari";
  color:#000;
}
.twoBlock p {
  text-align:center;
  color:#000;
  line-height:1.4em; 
}
.twoBlock ul {
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  padding:20px 0 30px
}
.twoBlock li {
  background-color:#FFF;
  margin:0 15px;
  width:485px;
}
.twoBlock li dl {
  padding:20px;
}
.twoBlock li dd {
  text-align:center;
}
.twoBlock li dd h4 {
  font-size:139%;
  line-height:1.3em;
  padding:10px 0 0;
  color:#000;
}
.twoBlock li dd p {
  padding:5px 0 15px;
}

.joseiyo {
  width:1030px;
  height:auto;
  margin:0 auto;
  padding:20px 0 60px;
}
.joseiyo h3 {;
  font-size:189%;
  padding:0px 0 20px 15px;
  font-family: "hannari";
  color:#000;
}
.joseiyo p {
  color:#000;
  line-height:1.4em;
  padding:0 0 0 15px;
}
.threeBlock_jo {
	width: 1016px;
	height: auto;
	margin: 0 auto 10px;
}
.threeBlock_jo ul {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.threeBlock_jo li {
	margin: 8px;
	width: 322px;
}

.ladies_r {
  text-align: center;
  padding: 8px 0 0;
}

.detailBtn {
  width: 208px;
	height: 26px;
  margin:0 auto;
}
.detailBtn a {
  width: 208px;
	height: 26px;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
	border-radius: 4px;
	background-color: #9c7883;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.detailBtn a:hover {
  text-decoration:none;
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.spaDetailBlock {
  width:1000px;
  height:auto;
  margin:30px auto;
}
.flexsliderFrame {
  background-color:#FFF;
  color:#000;
  padding:20px;
  position:relative;
}
.flexsliderFrame h3 {
  text-align:center;
  position:absolute;
  bottom:114px;
  font-size:116%;
  width:960px;
}
#carousel01,#carousel02,#carousel03 {
  padding:50px 0 0;
}
.spaDiscription {
  padding:30px 0 0;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.spaDiscrImg {
  width:400px;
  height:auto;
}
.spaDiscrImg img {
  width: 100%;
  height: auto;
}
.spaDiscrImg p {
  padding: 16px 0 0;
  line-height: 1.4em;
}
.spaDiscrTxt {
  width:580px;
  height:auto;
}
.spaDiscrTxt h3 {
  font-size:231%;
  line-height:1.1em;
  font-family: "hannari";
  padding:0 0 20px;
}
.spaDiscrTxt h4 {
  font-size:200%;
  line-height:1.1em;
  font-family: "hannari";
  padding:0 0 4px;
}
.spaDiscrTxt p {
  line-height:1.4em;
}

.spaDiscription_l {
  padding: 0 0 30px;
  display: flex;
  justify-content: space-between;
}
.spaDiscrImg_l {
  width:520px;
  height:auto;
}
.spaDiscrImg_l img {
  width: 100%;
  height: auto;
}
.spaDiscrTxt_l {
  width:450px;
  height:auto;
}
.spaDiscrTxt_l h3 {
  font-size:231%;
  line-height:1.1em;
  font-family: "hannari";
  padding:0 0 12px;
}
.spaDiscrTxt_l h4 {
  font-size:18px;
  line-height:1.1em;
  padding:30px 0 5px;
}
.spaDiscrTxt_l p {
  font-size: 14px;
  line-height:1.7em;
}

.spaDiscription_nn {
  padding: 20px 0 30px;
}

.img_sauna {
  width: 100%;
  min-height: 667px;
  height: auto;
  background-image: url("../images/bona_sauna.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}
.img_sauna .box_ttl {
  position: absolute;
  left: 30px;
  bottom: 90px;
} 
.img_sauna .box_ttl h3 {
  font-size:50px;
  line-height:1.1em;
  font-family: "hannari";
  padding:0 0 12px;
  text-shadow: 1px 1px 3px #000000;
}
.img_sauna .box_ttl p {
  font-size:20px;
  line-height:1.6em;
  padding: 4px;
}

.spacing04 {
  letter-spacing: -0.4em;
}
.spacing06 {
  letter-spacing: -0.6em;
}

.box_time {
  text-align: center;
}
.box_time p {
  background-color: #CCCCCC;
  color: #000;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.3em;
  display: inline-block;
  width: 70%;
}

.box_caution {
  text-align: center;
  padding: 40px 0;
}
.box_caution .inner {
  border: #ededed solid 1px;
  display: inline-block;
  padding: 30px;
}
.box_caution .inner h3 {
  font-size: 19px;
  line-height: 1.3em;
}
.box_caution .inner h4 {
  font-size: 17px;
  text-align: left;
  text-indent: -0.6em;
  padding: 14px 0 5px;
}
.box_caution .inner ul {
  padding: 3px 0;
  text-align: left;
}
.box_caution .inner ul li {
  font-size: 14px;
  line-height: 1.5em;
  padding: 3px 0 3px 1em;
  text-indent: -1em;
}
.box_caution .inner ul li::before {
  content: "●";
}

.box_day {
  text-align: center;
  padding: 40px 0 0;
}
.box_day h4 {
  font-size: 18px;
  line-height: 1.2em;
}
.box_day p {
  font-size: 18px;
  line-height: 1.2em;
  padding: 10px 0 0;
}
.box_day ul {
  display: inline-block;
  width: 70%;
  text-align: left;
  padding: 10px 0 0;
}
.box_day ul li {
  font-size: 14px;
  line-height: 1.4em;
  padding: 2px 0 2px 1em;
  text-indent: -1em;
}
.box_day ul li::before {
  content: "※";
}


.btn_sauna {
  padding: 0 0 30px;
  text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .btn_sauna {
    padding: 10px 0 7px;
  }
}
.btn_sauna a {
  padding: 10px;
  display: inline-block;
  background-image: url("../../common/images/bg_b.jpg");
  font-size: 16px;
  line-height: 1.2em;
  border-radius: 6px;
  max-width: 500px;
  width: 100%;
  box-sizing: border-box;
}
.btn_sauna a i {
  padding: 0 4px 0 0;
}
.btn_sauna a:hover {
  text-decoration: none;
  background-image: url("../../common/images/bg_r.jpg");
}

.setsumei {
  text-align: center;
  border: #CCC solid 1px;
  padding: 20px;
  max-width: 800px;
  margin: 0 auto 20px;
}
.setsumei p {
  display: inline-block;
  font-size: 13px;
  line-height: 1.6em;
  text-align: left;
}
.setsumei h3 {
  font-size: 18px;
  padding: 0 0 12px;
}



#kodawarisArea {
  background-image: url(../../common/images/bg_kodawari.jpg);
  padding: 10px 0 20px;
  margin: 0 0 0px;
}
.kodawariBlock {
  width:1000px;
  height:auto;
  margin:0 auto 30px;
  position:relative;
}
.kodawariBlock h2 {
  font-family: "hannari";
	font-size: 231%;
  height:30px;
  padding:30px 0 8px;
}
.yuraiBox {
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.yuraiTxt {
  width:580px;
  height:auto;
}
.yuraiTxt p {
  line-height:1.4em;
}
.yuraiImg {
  width:400px;
  height:auto;
}
.yuraiImg table {
  color:#000;
  margin:12px 0 0;
}
.yuraiImg th {
  border:rgba(54,43,43,1.00) solid 1px;
  background-color: #d3c8ca;
  padding:5px;
  line-height:1.4em;
  vertical-align:middle;
}
.yuraiImg td {
  border:rgba(54,43,43,1.00) solid 1px;
  background-color: #FFF;
  margin:1px;
  padding:5px;
  line-height:1.4em;
}

.roungeImg {
  width:420px;
  height:auto;
  padding:30px 0 0;
}
.roungeTxt {
  width:560px;
  height:auto;
}
.roungeTxt p {
  line-height:1.4em;
}


.alomaBox {
  width:240px;
  height:auto;
  padding:0 10px 0 0;
  float:left;
}
.alomaBox img {
  width:100%;
  height:auto;
}


/* -------------------------------------------------

relaxation

------------------------------------------------- */
/* menuAreaTit */
.menuAreaTit {
	text-align: center;
	margin: 30px 0 20px;
	padding: 0 17px;
	line-height: 170%;
}
.menuAreaTit dt {
	font-size: 2em;
	font-family: "hannari";
	margin: 0 0 20px;
	line-height: 150%;
}
.menuAreaTit dd {
	font-size: 1.1em;
}
/* threeBlock */
.threeBlock {
	width: 1016px;
	height: auto;
	margin: 0 auto 10px;
}
.threeBlock ul {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.threeBlock li {
	margin: 8px;
	background-color: #CCC;
	width: 322px;
}
.threeBlock li dl {
	padding: 20px;
}
.threeBlock li dd {
	padding: 8px 0 0;
}
.threeBlock li dd h3 {
	color: #000;
	font-size: 1.3em;
}
.threeBlock li dd h3 span {
	font-size: 0.75em;
}
.threeBlock li dd p {
	color: #000;
	line-height: 1.4em;
	padding: 8px 0 0;
}
.threeBlock li dd p span {
	color: #555;
	padding-top: 10px;
}
/* menuAreaNote */
.menuAreaNote {
	font-size: 1.1em;
	line-height: 200%;
	text-align: center;
	margin: 0 20px 20px;
}
/* menuAreaRoom */
.menuAreaRoom {
	background-image:url(../../omotenashi/images/bg_room.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 170%;
}
.menuAreaRoom h4 {
	font-family: "hannari";
	color: #379bc5;
	font-size: 2em;
	margin: 0 0 10px;
}
.menuAreaRoom dl {
	color: #444;
}
.menuAreaRoom dl dt {
	font-family: "hannari";
	font-size: 1.5em;
}
.menuAreaRoom dl dd {
	font-size: 1.1em;
}
.menuAreaRoom ul {
	color: #444;
}
/* othersArea */
.othersArea {
	background: url(../../common/images/bg_kodawari.jpg);
}
/* mapArea */
.mapArea {
	text-align: center;
}

/* PC */
@media screen and (min-width:769px) {
/* menuAreaRoom */
.menuAreaRoom {
	width: 678px;
	height: 220px;
	margin: 0 auto 45px;
	padding-top: 20px;
}
.menuAreaRoom dl {
	margin: 0 0 15px;
}
.menuAreaRoom dl dt {
	margin: 0 0 15px;
}
/* othersArea */
.othersArea {
	padding: 35px 0 50px;
	margin: 0 0 50px;
}
/* mapArea */
.mapArea {
	margin: 0 0 60px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
/* threeBlock */
.threeBlock {
	width: auto;
	padding: 10px 10px 0;
}
.threeBlock ul {
	display: block;
}
.threeBlock li {
	margin: 0 0px 10px;
	background-color: #CCC;
	width: 100%;
}
.threeBlock li dl {
	padding: 20px;
}
.threeBlock li dt img {
	width: 100%;
	height: auto;
}
.threeBlock li dd {
	padding: 8px 0 0;
}
/* menuAreaRoom */
.menuAreaRoom {
	background-size: 100% 100%;
	padding: 20px 15px 15px;
	margin: 0 20px 20px;
}
.menuAreaRoom dl {
	margin: 0 0 10px;
}
.menuAreaRoom dl dt {
	margin: 0 0 10px;
}
.menuAreaRoom ul li {
	font-size: 0.9em;
}
/* othersArea */
.othersArea {
	margin: 0 0 30px;
	padding: 20px 0;
}
/* mapArea */
.mapArea {
	margin: 0 0 30px;
	padding: 0 20px;
}
.mapArea p img {
	width: 100%;
}
}


/* SmartPhone用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {

  #ttlArea {
    height:200px;
  }
  .ttlBlock {
    width:100%;
    height:200px;
    margin:0 auto;
    position:relative;
  }
  .ttlBox {
    display:none;
  }
  .ttlBlock h1 {
    top:85px;
    width:100%;
  }
 
  
  .twoBlock {
    width:auto;
    padding:0 10px;
  }
  .twoBlock h3 {
    text-align:left;
    font-size:174%;
    padding:20px 0px 10px;
    line-height:1.3em;
  }
  .twoBlock ul {
    display: block;
    padding:10px 0 40px
  }
  .twoBlock li {
    margin:0 0px 10px;
    width:100%;
  }
  .twoBlock li dl {
    padding:10px;
  }
  .twoBlock li dt img {
    width:100%;
    height:auto;
  }
 

  .joseiyo {
    width:auto;
    height:auto;
    margin:0 auto;
    padding:0 10px 40px;
  }
  .joseiyo h3 {;
    font-size:189%;
    padding:0px 0 20px 0px;
    font-family: "hannari";
    color:#000;
  }
  .joseiyo p {
    color:#000;
    line-height:1.4em;
    padding:0 0 0 0px;
  }
  .threeBlock_jo {
    width: auto;
    height: auto;
    margin: 10px;
  }
  .threeBlock_jo ul {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  }
  .threeBlock_jo li {
    margin: 4px;
    width: 322px;
  } 
  .threeBlock_jo li img {
    width: 100%;
    height:auto;
  } 
  .ladies_r img {
    width: 100%;
    height: auto;
  }

 
  .spaDetailBlock {
    width:auto;
    height:auto;
    margin:10px 10px;
  }
  .flexsliderFrame {
    background-color:#FFF;
    color:#000;
    padding:10px;
    position:relative;
  }
  .flexsliderFrame img {
    width:100%;
    height:auto;
  }
  .flexsliderFrame h3 {
    display:none;
  }
  #carousel01,#carousel02 {
    padding:10px 0 0;
  }
  .spaDiscription {
    padding:10px 0 0;
    display: block;
  }
  .spaDiscrImg {
    width:100%;
    height:auto;
  }
  .spaDiscrImg img{
    width:100%;
    height:auto;
    padding:10px 0
  }
  .spaDiscrTxt {
    width:100%;
    height:auto;
  }
  .spaDiscrTxt h3 {
    font-size:174%;
    line-height:1.1em;
    font-family: "hannari";
    padding:0 0 10px;
  }
  .spaDiscrTxt p {
    line-height:1.4em;
  } 


  .kodawariBlock {
    width:auto;
    height:auto;
    margin:0 10px;
    position:relative;
  }
  .kodawariBlock h2 {
    font-family: "hannari";
    font-size: 174%;
    height:auto;
    padding:10px 0 16px;
  }
  .yuraiBox {
    display: block;
  }
  .yuraiTxt {
    width:auto;
    height:auto;
  }
  .yuraiTxt p {
    line-height:1.4em;
  }
  .yuraiImg {
    width:auto;
    height:auto;
    padding:10px 0 0;
  }
  .yuraiImg img {
    width:100%;
    height:auto;
  }
  .yuraiImg table {
    color:#000;
    margin:12px 0 0;
  }
  .roungeImg {
    width:auto;
    height:auto;
    padding:20px 0 0;
  }
  .roungeImg img {
    width:100%;
    height:auto;
  }
  .roungeTxt {
    width:auto;
    height:auto;
  }
  .alomaBox {
    width:140px;
    height:auto;
    padding:0 10px 0 0;
  }
  .chiisame_l {
    font-size: 16px;
    padding: 0 0px 0 0;
  }

  
  
  .img_sauna {
    min-height: 370px;
  }
  .img_sauna .box_ttl {
    left: 10px;
    bottom: 20px;
  } 
  .img_sauna .box_ttl h3 {
    font-size:24px;
    line-height:1.1em;
    font-family: "hannari";
    padding:0 0 8px;
    text-shadow: 1px 1px 3px #000000;
  }
  .img_sauna .box_ttl p {
    font-size:14px;
    line-height:1.6em;
    padding: 4px 10px 4px 4px;
  }


  .box_time {
    text-align: center;
  }
  .box_time p {
    background-color: #CCCCCC;
    color: #000;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 1.3em;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
  }
  
  .spaDiscription_l {
    padding: 0 0 20px;
    display: block;
  }
  .spaDiscrImg_l {
    width:100%;
    padding: 10px 0 0;
  }
  .spaDiscrTxt_l {
    width:100%;
    padding: 10px 0 0;
  }
  .spaDiscrTxt_l h3 {
    font-size:24px;
    line-height:1.4em;
    padding:0 0 0px;
  }
  .spaDiscrTxt_l h4 {
    font-size:15px;
    line-height:1.1em;
    padding:20px 0 5px;
  }
  .spaDiscrTxt_l p {
    font-size: 14px;
    line-height:1.7em;
  }

  .box_caution {
    padding: 20px 0;
  }
  .box_caution .inner {
    padding: 15px;
  }
  

  .box_day {
    text-align: left;
    padding: 20px 0 0;
  }
  .box_day ul {
    width: 100%;
  }
  
  
}