@charset "utf-8";
/* relaxation css */

.main {
background-image: url("../img/common/bg_blk.jpg");
background-repeat: repeat;
}
.content_inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 110px 6.21% 0 12.34%;
position: relative;
margin-bottom: 100px;
}

@media all and (max-width : 1366px ){
.content_inner {
padding: 110px 8.21% 0 12.34%;
}
}

@media all and (max-width : 1024px ){
.content_inner {
padding: 110px 9.21% 0 12.34%;
}
}

.inner_txtbox {
width: 42.1%;
}

@media all and (max-width : 980px ){
.content_inner {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
padding: 60px 12.34% 0 12.34%;
}
.inner_txtbox {
width: 100%;
}
.txt_wrap {
margin-bottom: 40px;
}
.sec_mori .content_inner {
flex-direction: column-reverse;
}
}

@media all and (max-width : 767px ){
.content_inner {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
padding: 40px 30px 0 30px;
margin-bottom: 30px;
}
}

.content_copy {
font-size: 2.4rem;
font-weight: 500;
color: #CDC5AF;
letter-spacing: 0.4em;
padding-bottom: 50px;
margin-bottom: 70px;
position: relative;
}

@media all and (max-width : 1260px ){
.content_copy {
font-size: 2.2rem;
}
}

@media all and (max-width : 1024px ){
.content_copy {
font-size: 2.0rem;
margin-bottom: 60px;
}
}

.content_copy::after {
content: "";
display: block;
background-color: #C40A19;
width: 100px;
height: 1px;
position: absolute;
left: 0;
bottom: 0px;
}
.content_txt {
font-size: 1.5rem;
color: #fff;
line-height: 200%;
}

@media all and (max-width : 820px ){
.content_txt {
font-size: 1.4rem;
line-height: 180%;
}
}

@media all and (max-width : 767px ){
.content_copy {
font-size: 1.6rem;
padding-bottom: 30px;
margin-bottom: 40px;
letter-spacing: 0.3em;
}
.content_copy::after {
width: 50px;
}
.content_txt {
font-size: 1.3rem;
line-height: 180%;
}
}


/* swiper
-------------------------------------------------- */

.swiper_ex_wrap {
position: relative;
width: 47%;
overflow: hidden;
padding-bottom: 30px;
}

@media all and (max-width : 980px ){
.swiper_ex_wrap {
width: 100%;
}
}

.swiper_ex_wrap .swiper-wrapper {
z-index: 5;
}
.swiper-img {
width: 100%;
display: block;
}
.swiper-img img {
width: 100%;
height: auto;
transform: scale(1.1);
display: block;
}
.img_cap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: block;
background: rgba(0, 0, 0, .7);
padding: 10px 5px;
color: #fff;
font-size: 1.4rem;
text-align: center;
}
.swiper_ex_wrap .swiper-pagination-bullet {
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
background: #ddd;
opacity: .2;
margin-right: 10px;
}
.swiper_ex_wrap .swiper-pagination-bullet:last-child {
margin-right: 0px;
}
.swiper_ex_wrap .swiper-pagination-bullet-active {
opacity: 1;
background: #B29458;
}
.swiper_ex_wrap .swiper-pagination {
position: absolute;
bottom: 0;
text-align: right;
}
.swiper_ex_wrap .swiper-pagination-bullet:hover {
cursor: pointer;
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
animation: imgSlide 7s linear 0s normal both;
}

@keyframes imgSlide {
0% {
transform: translate(0px);
}
100% {
transform: translateX(-30px);
}
}

@media all and (max-width : 820px ){
.swiper_ex_wrap {
width: 100%;
margin-bottom: 30px;
}
.swiper-img img {
transform: scale(1.15);
}
}

@media all and (max-width : 767px ){
.swiper_ex_wrap {
padding-bottom: 25px;
margin-bottom: 10px;
}
.swiper-img img {
transform: scale(1.2);
}
.img_cap {
padding: 8px 5px;
font-size: 1.1rem;
}
}

/* page navi
-------------------------------------------------- */

.page_navi {
border-top: solid 1px #85723D;
border-bottom: solid 1px #85723D;
}
.page_navi li a {
color: #BCA461
}
.page_navi li {
border-right: solid 1px #85723D;
}


/*-------------------------------------------------
sec_relaxation
-------------------------------------------------*/

.sec_relaxation {
padding: 100px 0 0;
margin-bottom: 120px;
}
.sec_salon {
margin-bottom: 50px;
}
.con_title {
font-size: 2.2rem;
font-weight: 400;
letter-spacing: 0.4em;
line-height: 100%;
padding-bottom: 50px;
color: #B29458;
display: block;
text-align: center;
margin-bottom: 50px;
position: relative;
}
.con_title::after {
content: "";
display: block;
background: #C14911;
width: 15px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.list_title {
font-size: 2.0rem;
font-weight: 500;
letter-spacing: 0.2em;
color: #B29458;
line-height: 100%;
margin-bottom: 20px;
}
.list_subtitle {
font-size: 1.5rem;
color: #ddd;
margin-bottom: 20px;
}

@media all and (max-width : 767px ){
.sec_relaxation {
padding: 50px 0 0;
margin-bottom: 40px;
}
.con_title {
font-size: 1.8rem;
letter-spacing: 0.2em;
padding-bottom: 30px;
margin-bottom: 50px;
}
.con_title::after {
width: 10px;
height: 1px;
}
.list_title {
font-size: 1.6rem;
letter-spacing: 0.2em;
margin-bottom: 15px;
}
.list_subtitle {
font-size: 1.3rem;
margin-bottom: 15px;
}
}

/*-------------------------------------------------
料金表テーブル
-------------------------------------------------*/

.table_scroll_wrap {
width: 100%;
overflow: hidden;
}
.table_scroll_inner {
overflow-x: auto;
}
.price_table {
width: 100%;
border-top: solid 1px #151618;
border-left: solid 1px #151618;
margin-bottom: 40px;
}
.component_box {
width: 100%;
}
.price_table th {
padding: 20px 10px;
background: rgba(255, 255, 255, 0.16);
border-bottom: solid 1px #151618;
font-size: 1.8rem;
font-weight: 600;
color: #BCA461;
letter-spacing: 0.2em;
}
.price_table td {
padding: 20px 10px;
background: rgba(255, 255, 255, 0.1);
border-bottom: solid 1px #151618;
font-size: 1.6rem;
font-weight: 500;
color: #fff;
letter-spacing: 0.1em;
text-align: center;
}

@media all and (max-width : 820px ){
.price_table th {
font-size: 1.6rem;
}
.price_table td {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.table_scroll_inner {
overflow-x: scroll;
}
.nowrap_box {
white-space: nowrap;
}
.component_box {
width: 550px;
}
.price_table th {
font-size: 1.4rem;
}
.price_table td {
font-size: 1.3rem;
}
}

/*-------------------------------------------------
reserve_box
-------------------------------------------------*/

.reserve_box {
width: 100%;
padding: 20px;
background: #020203;
}
.reserve_box_inner {
border: solid 1px #826F3A;
padding: 40px 20px 40px 80px;
}
.reserve_title {
font-size: 2.0rem;
font-weight: 500;
letter-spacing: 0.2em;
color: #B29458;
line-height: 100%;
margin-bottom: 15px;
}
.reserve_phone {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.reserve_phone dt {
font-size: 2.0rem;
font-weight: 400;
color: #ddd;
letter-spacing: 0.1em;
margin-right: 15px;
}
.reserve_phone dd {
font-family: "garamond-premier-pro", serif;
font-weight: 500;
font-size: 3.6rem;
color: #B29458;
letter-spacing: 0.05em;
line-height: 100%;
}
.reserve_phone dd span {
font-size: 5.0rem;
}
.reserve_txt {
font-size: 1.4rem;
color: #ddd;
}

@media all and (max-width : 820px ){
.reserve_box_inner {
padding: 40px 20px 40px 40px;
}
.reserve_title {
font-size: 1.6rem;
}
.reserve_phone dt {
font-size: 1.6rem;
}
.reserve_phone dd {
font-size: 2.6rem;
}
.reserve_phone dd span {
font-size: 4.0rem;
}
.reserve_txt {
font-size: 1.3rem;
}
}

@media all and (max-width : 767px ){
.reserve_box {
padding: 10px;
}
.reserve_box_inner {
padding: 20px;
}
.reserve_title {
font-size: 1.3rem;
}
.reserve_phone {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 15px;
}
.reserve_phone dt {
font-size: 1.4rem;
margin-bottom: 10px;
}
.reserve_phone dd {
font-size: 2.0rem;
}
.reserve_phone dd span {
font-size: 3.0rem;
letter-spacing: 0.1em;
margin-left: 3px;
}
.reserve_txt {
font-size: 1.1rem;
}
}