@charset "UTF-8";
/* ===================================================================
CSS information
ul
 file name  : copy.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.con_int, .con_con .inner, .con_menu, .con_fir .inner, .con_stay, .con_use .inner {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
@media only screen and (min-width: 641px) and (max-width: 1040px) {
  .con_int, .con_con .inner, .con_menu, .con_fir .inner, .con_stay, .con_use .inner {
    width: 95%;
  }
}
@media only screen and (max-width: 640px) {
  .con_int, .con_con .inner, .con_menu, .con_fir .inner, .con_stay, .con_use .inner {
    width: 93.75%;
  }
}

/* -----------------------------------------------------------
	イントロ
----------------------------------------------------------- */
.con_int h3 {
  text-align: center;
}
.con_int #obj_spaSlider {
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .con_int #obj_spaSlider {
    margin-top: 3%;
  }
}
.con_int .box_int {
  margin-top: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .con_int .box_int {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 1041px) {
  .con_int .box_int table {
    float: right;
    width: 400px;
  }
}
@media print {
  .con_int .box_int table {
    float: right;
    width: 400px;
  }
}
@media only screen and (max-width: 1040px) {
  .con_int .box_int table {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1041px) {
  .con_int .box_int .box_det {
    float: left;
    width: 570px;
  }
}
@media print {
  .con_int .box_int .box_det {
    float: left;
    width: 570px;
  }
}
.con_int .box_int .box_det .st {
  font-size: 150%;
  color: #311102;
  font-weight: normal;
}
@media only screen and (min-width: 641px) and (max-width: 1040px) {
  .con_int .box_int .box_det .st {
    font-size: 142%;
  }
}
@media only screen and (max-width: 640px) {
  .con_int .box_int .box_det .st {
    font-size: 146%;
  }
}
@media only screen and (max-width: 640px) {
  .con_int .box_int .box_det .st {
    font-size: 125%;
  }
}
.con_int .box_int .box_det .txt {
  margin-top: .5em;
}
.con_int .temp_contactBox {
  margin-top: 20px;
  max-width: 640px;
  width: auto;
}
@media only screen and (max-width: 640px) {
  .con_int .temp_contactBox {
    margin-top: 3%;
  }
}
@media only screen and (max-width: 640px) {
  .con_int .temp_contactBox img {
    width: 59.5%;
  }
}

/* -----------------------------------------------------------
	ナビゲーション
----------------------------------------------------------- */
.temp_nav {
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  .temp_nav {
    margin-top: 3%;
  }
}
.temp_nav ul li a {
  font-size: 109%;
}

/* -----------------------------------------------------------
	コンセプト
----------------------------------------------------------- */
.con_con {
  margin-top: 30px;
  padding: 45px 0;
  background: url(../images/common/bg_doc2.jpg);
}
@media only screen and (max-width: 640px) {
  .con_con {
    margin-top: 6.5%;
  }
}
@media only screen and (max-width: 640px) {
  .con_con {
    padding: 6.5% 0;
  }
}
.con_con .inner h3 {
  text-align: center;
}
.con_con .inner .box_con {
  margin-top: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_con {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 1041px) {
  .con_con .inner .box_con .img {
    float: left;
  }
}
@media print {
  .con_con .inner .box_con .img {
    float: left;
  }
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_con .img {
    overflow: hidden;
  }
  .con_con .inner .box_con .img img {
    position: relative;
    width: 180%;
    max-width: none;
    margin-left: -40%;
  }
}
.con_con .inner .box_con .txt {
  font-size: 109%;
}
@media only screen and (min-width: 1041px) {
  .con_con .inner .box_con .txt {
    float: right;
    width: 610px;
    line-height: 1.7;
  }
}
@media print {
  .con_con .inner .box_con .txt {
    float: right;
    width: 610px;
    line-height: 1.7;
  }
}
@media only screen and (max-width: 1040px) {
  .con_con .inner .box_con .txt {
    margin-top: 1em;
  }
}
.con_con .inner .box_nat {
  border: 5px solid #b5a08f;
  padding: 35px;
  margin-top: 30px;
  background: url(../images/common/bg_doc4.png);
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat {
    padding: 3%;
  }
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat {
    margin-top: 6.5%;
  }
}
.con_con .inner .box_nat h4 {
  text-align: center;
  font-size: 150%;
  color: #311102;
  font-weight: normal;
}
@media only screen and (min-width: 641px) and (max-width: 1040px) {
  .con_con .inner .box_nat h4 {
    font-size: 142%;
  }
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat h4 {
    font-size: 146%;
  }
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat h4 {
    font-size: 134%;
    color: #311102;
    font-weight: normal;
  }
}
@media only screen and (max-width: 640px) and (min-width: 641px) and (max-width: 1040px) {
  .con_con .inner .box_nat h4 {
    font-size: 125%;
  }
}
@media only screen and (max-width: 640px) and (max-width: 640px) {
  .con_con .inner .box_nat h4 {
    font-size: 128%;
  }
}

.con_con .inner .box_nat ul {
  margin-top: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat ul {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 1041px) {
  .con_con .inner .box_nat ul li {
    float: left;
    width: 180px;
    margin-left: 10px;
  }
}
@media print {
  .con_con .inner .box_nat ul li {
    float: left;
    width: 180px;
    margin-left: 10px;
  }
}
.con_con .inner .box_nat ul li:first-child {
  margin-left: 0;
}
.con_con .inner .box_nat ul li:first-child h5 {
  color: #11698a;
}
.con_con .inner .box_nat ul li:first-child + li h5 {
  color: #376249;
}
.con_con .inner .box_nat ul li:first-child + li + li h5 {
  color: #a23d11;
}
.con_con .inner .box_nat ul li:first-child + li + li + li h5 {
  color: #515756;
}
.con_con .inner .box_nat ul li:first-child + li + li + li + li h5 {
  color: #66534a;
}
.con_con .inner .box_nat ul li h5 {
  padding: 10px 0;
  background: #fff;
  text-align: center;
  font-size: 125%;
  font-weight: normal;
}
@media only screen and (max-width: 1040px) {
  .con_con .inner .box_nat ul li h5 {
    text-align: left;
    padding: .5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat ul li h5 {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat ul li h5 img {
    width: 1.5em;
  }
}
@media only screen and (min-width: 1041px) {
  .con_con .inner .box_nat ul li h5 em {
    display: block;
  }
}
@media print {
  .con_con .inner .box_nat ul li h5 em {
    display: block;
  }
}
.con_con .inner .box_nat ul li h5 span {
  font-size: 87%;
}
@media only screen and (min-width: 1041px) {
  .con_con .inner .box_nat ul li h5 span {
    display: block;
    line-height: 1.2;
    height: 2.4em;
  }
}
@media print {
  .con_con .inner .box_nat ul li h5 span {
    display: block;
    line-height: 1.2;
    height: 2.4em;
  }
}
@media only screen and (max-width: 640px) {
  .con_con .inner .box_nat ul li h5 span {
    display: block;
  }
}
.con_con .inner .box_nat ul li .txt {
  margin-top: .5em;
  font-size: 109%;
}
@media only screen and (max-width: 1040px) {
  .con_con .inner .box_nat ul li .txt {
    margin-bottom: 1.5em;
  }
}

/* -----------------------------------------------------------
	メニュー
----------------------------------------------------------- */
.con_menu {
  padding: 40px 0;
  overflow: hidden;
  max-width: 920px;
}
@media only screen and (max-width: 640px) {
  .con_menu {
    padding: 6.5% 0;
  }
}
.con_menu h3 {
  text-align: center;
  padding-bottom: 30px;
}
@media only screen and (max-width: 640px) {
  .con_menu h3 {
    padding-bottom: 3%;
  }
}
.con_menu .box_bn {
  max-width: 920px;
  margin: auto;
}
@media only screen and (min-width: 641px) {
  .con_menu .box_bn {
    overflow: hidden;
  }
  .con_menu .box_bn > div {
    float: right;
    width: 47.5%;
  }
  .con_menu .box_bn > div .inner {
    width: auto;
    float: none;
  }
  .con_menu .box_bn > div:first-child {
    float: left;
  }
}
@media print {
  .con_menu .box_bn {
    overflow: hidden;
  }
  .con_menu .box_bn > div {
    float: right;
    width: 47.5%;
  }
  .con_menu .box_bn > div .inner {
    width: auto;
    float: none;
  }
  .con_menu .box_bn > div:first-child {
    float: left;
  }
}
@media only screen and (max-width: 640px) {
  .con_menu .box_bn > div + div {
    margin-top: 1.5em;
  }
}

/* -----------------------------------------------------------
	初めて
----------------------------------------------------------- */
.con_fir {
  margin-top: 30px;
  padding: 45px 0;
  background: url(../images/common/bg_doc2.jpg);
}
@media only screen and (max-width: 640px) {
  .con_fir {
    margin-top: 6.5%;
  }
}
@media only screen and (max-width: 640px) {
  .con_fir {
    padding: 6.5% 0;
  }
}
.con_fir .inner {
  overflow: hidden;
}
.con_fir .inner h3 {
  text-align: center;
}
.con_fir .inner .box_fir {
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  .con_fir .inner .box_fir {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 1041px) {
  .con_fir .inner .box_fir {
    overflow: hidden;
  }
  .con_fir .inner .box_fir .img {
    float: left;
  }
  .con_fir .inner .box_fir .txt {
    float: right;
    width: 540px;
  }
}
@media print {
  .con_fir .inner .box_fir {
    overflow: hidden;
  }
  .con_fir .inner .box_fir .img {
    float: left;
  }
  .con_fir .inner .box_fir .txt {
    float: right;
    width: 540px;
  }
}
@media only screen and (max-width: 640px) {
  .con_fir .inner .box_fir .img {
    overflow: hidden;
  }
  .con_fir .inner .box_fir .img img {
    position: relative;
    width: 252%;
    max-width: none;
    margin-left: -25.2%;
  }
}
@media only screen and (max-width: 1040px) {
  .con_fir .inner .box_fir .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1041px) {
  .con_fir .inner .box_try {
    margin-top: 10px;
    margin-bottom: -10px;
    width: 1060px;
    margin-left: -20px;
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
  }
}
@media print {
  .con_fir .inner .box_try {
    margin-top: 10px;
    margin-bottom: -10px;
    width: 1060px;
    margin-left: -20px;
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
  }
}
.con_fir .inner .box_try li {
  background: url(../images/common/bg_doc4.png);
  border: 5px solid #f4ede6;
  padding: 25px 65px;
}
@media only screen and (min-width: 1041px) {
  .con_fir .inner .box_try li {
    display: table-cell;
    width: 50%;
  }
}
@media print {
  .con_fir .inner .box_try li {
    display: table-cell;
    width: 50%;
  }
}
@media only screen and (max-width: 1040px) {
  .con_fir .inner .box_try li {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_fir .inner .box_try li {
    padding: 1em;
  }
}
.con_fir .inner .box_try li h4 {
  text-align: center;
  font-size: 150%;
  color: #311102;
  font-weight: normal;
}
@media only screen and (min-width: 641px) and (max-width: 1040px) {
  .con_fir .inner .box_try li h4 {
    font-size: 142%;
  }
}
@media only screen and (max-width: 640px) {
  .con_fir .inner .box_try li h4 {
    font-size: 146%;
  }
}
.con_fir .inner .box_try li h4 span {
  font-size: 84%;
  display: block;
}
.con_fir .inner .box_try li h4 span em {
  font-size: 134%;
}
@media only screen and (max-width: 640px) {
  .con_fir .inner .box_try li h4 {
    font-size: 117%;
  }
}
.con_fir .inner .box_try li .txt {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dotted #603c37;
}

/* -----------------------------------------------------------
	おすすめの過ごし方
----------------------------------------------------------- */
.con_stay {
  padding-top: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .con_stay {
    padding-top: 6.5%;
  }
}
.con_stay h3 {
  text-align: center;
}
.con_stay ul {
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  .con_stay ul {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 1041px) {
  .con_stay ul {
    display: table;
  }
}
@media print {
  .con_stay ul {
    display: table;
  }
}
.con_stay ul li {
  background: #fcf4ec;
  position: relative;
}
@media only screen and (min-width: 1041px) {
  .con_stay ul li {
    display: table-cell;
    padding-bottom: 80px;
  }
}
@media print {
  .con_stay ul li {
    display: table-cell;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1041px) {
  .con_stay ul li:first-child, .con_stay ul li:first-child + li {
    width: 290px;
  }
}
@media print {
  .con_stay ul li:first-child, .con_stay ul li:first-child + li {
    width: 290px;
  }
}
.con_stay ul li:first-child + li {
  background: #ebded0;
}
@media only screen and (max-width: 640px) {
  .con_stay ul li:first-child .img {
    overflow: hidden;
  }
  .con_stay ul li:first-child .img img {
    position: relative;
    width: 180%;
    max-width: none;
    margin-left: -80%;
  }
}
@media only screen and (min-width: 1041px) {
  .con_stay ul li .img {
    padding: 3px;
  }
}
@media print {
  .con_stay ul li .img {
    padding: 3px;
  }
}
@media only screen and (max-width: 1040px) {
  .con_stay ul li .img {
    padding: .5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_stay ul li .img {
    overflow: hidden;
  }
  .con_stay ul li .img img {
    position: relative;
    width: 180%;
    max-width: none;
    margin-left: -40%;
  }
}
.con_stay ul li .box_det {
  border: 1em solid transparent;
}
@media only screen and (min-width: 1041px) {
  .con_stay ul li .box_det {
    border-top-width: 2em;
  }
}
@media print {
  .con_stay ul li .box_det {
    border-top-width: 2em;
  }
}
.con_stay ul li .box_det .st {
  font-size: 134%;
  color: #311102;
  font-weight: normal;
  text-align: center;
  margin-bottom: .5em;
}
@media only screen and (min-width: 641px) and (max-width: 1040px) {
  .con_stay ul li .box_det .st {
    font-size: 125%;
  }
}
@media only screen and (max-width: 640px) {
  .con_stay ul li .box_det .st {
    font-size: 128%;
  }
}
.con_stay ul li .box_det .btn {
  text-align: center;
}
@media only screen and (min-width: 1041px) {
  .con_stay ul li .box_det .btn {
    position: absolute;
    left: 0;
    bottom: 1em;
    width: 100%;
  }
}
@media print {
  .con_stay ul li .box_det .btn {
    position: absolute;
    left: 0;
    bottom: 1em;
    width: 100%;
  }
}
@media only screen and (max-width: 1040px) {
  .con_stay ul li .box_det .btn {
    margin-top: 1em;
  }
}

/* -----------------------------------------------------------
	スパのご利用について
----------------------------------------------------------- */
.con_use {
  margin-top: 30px;
  padding: 45px 0;
  background: url(../images/common/bg_doc2.jpg);
}
@media only screen and (max-width: 640px) {
  .con_use {
    margin-top: 6.5%;
  }
}
@media only screen and (max-width: 640px) {
  .con_use {
    padding: 6.5% 0;
  }
}
.con_use .inner {
  overflow: hidden;
}
.con_use .inner h3 {
  text-align: center;
}
.con_use .inner .box_use {
  margin-top: 30px;
  background: url(../images/common/bg_doc4.png);
  padding: 1.5em;
}
@media only screen and (max-width: 640px) {
  .con_use .inner .box_use {
    margin-top: 3%;
  }
}
@media only screen and (max-width: 640px) {
  .con_use .inner .box_use {
    padding: 1em;
  }
}
.con_use .inner .box_use li {
  margin-top: 1em;
  padding-left: 1.5em;
  position: relative;
}
.con_use .inner .box_use li:first-child {
  margin-top: 0;
}
.con_use .inner .box_use li:before {
  content: '';
  width: .6em;
  height: .6em;
  background: #9c885d;
  position: absolute;
  left: 0;
  top: .4em;
}
.con_use .inner .btn {
  text-align: center;
  margin-top: 10px;
}
@media only screen and (max-width: 640px) {
  .con_use .inner .btn {
    margin-top: 3%;
  }
}

/* -----------------------------------------------------------
	ブライダルスパのご案内
----------------------------------------------------------- */
.con_bri_spa {
  margin-top: 30px;
  background: #bfad9a;
  padding: 4px 0;
}
@media only screen and (max-width: 640px) {
  .con_bri_spa {
    margin-top: 6.5%;
  }
}
.con_bri_spa .inner {
  max-width: 730px;
  width: 95%;
  margin: auto;
  background: #fff;
  padding: 1px;
  overflow: hidden;
}
@media only screen and (min-width: 1041px) {
  .con_bri_spa .inner .img {
    float: right;
  }
}
@media print {
  .con_bri_spa .inner .img {
    float: right;
  }
}
@media only screen and (max-width: 640px) {
  .con_bri_spa .inner .img {
    overflow: hidden;
  }
  .con_bri_spa .inner .img img {
    position: relative;
    width: 160%;
    max-width: none;
    margin-left: -16%;
  }
}
.con_bri_spa .inner .box_det {
  padding-top: 43px;
  background: url(../hotspring&spa/spa/images/bg_bri_spa.png) no-repeat center top;
  text-align: center;
}
@media only screen and (min-width: 1041px) {
  .con_bri_spa .inner .box_det {
    float: left;
    width: 405px;
  }
}
@media print {
  .con_bri_spa .inner .box_det {
    float: left;
    width: 405px;
  }
}
@media only screen and (max-width: 1040px) {
  .con_bri_spa .inner .box_det {
    padding-bottom: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_bri_spa .inner .box_det {
    padding: 1em 1em 1.5em;
    background: none;
  }
}
.con_bri_spa .inner .box_det .txt {
  display: inline-block;
  text-align: left;
  padding: 1em 0;
}

/* -----------------------------------------------------------
	プラン
----------------------------------------------------------- */
.temp_plan {
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  .temp_plan {
    margin-top: 6.5%;
  }
}
/* -----------------------------------------------------------
	追加ボタン
----------------------------------------------------------- */
.buttonn a {
    background: #c1a192;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #311102;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.buttonn a:hover {
    background: #311102;
    color: #FFF !important;
}
.buttonn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #311102;
    border-right: 3px solid #311102;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.buttonn a:hover:after {
    border-color: #FFF !important;
}