@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/**WestLandのCSS**/

@media screen and (min-width: 600px){
    .onsp{display: none!important;}
}
@media screen and (max-width: 599px){
    .onpc{display: none!important;}
}

/*Googleフォント*/
/*@import url('https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap');*/
/*body{font-family: "Zen Antique Soft", serif!important;}*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Zen+Antique+Soft&family=Zen+Old+Mincho&display=swap');

/***以下のフォントはAdobe Fonts。カスタマイズの高度な設定のheader内にコードを入れている ここから***/
/*英語フォント*/
.en{
    /*font-family: "rafaella", sans-serif!important;*/
    font-family: "Oswald", sans-serif!important;
}
/*数字フォント*/
.suuzi{font-family: linotype-didot, serif!important;}
/***以下のフォントはAdobe Fonts。カスタマイズの高度な設定のheader内にコードを入れている ここまで***/

/*太字*/
.futoji, .c-gnav, .p-spMenu__nav{
    font-weight: 700!important;
}

.c-gnav>.menu-item>a:after{
    bottom:20%!important;
}
.c-gnav a::after{
    background: #fff;
}
.c-gnav>.menu-item>a .ttl, .c-spnav>.menu-item>a{
    font-size: 1.2rem!important;
}
.c-widget__title.-spmenu{
    font-family: "Oswald", sans-serif !important;
    font-size: 2rem;
    margin-bottom: 0 !important;
}
div#fix_header {
    box-shadow: 3px 3px 3px 2px rgba(100, 100, 100, 0.45);
}
div#breadcrumb{color: #fff;}

@media screen and (min-width: 600px){
    .c-pageTitle {
        font-size: 3.5em;
        font-family: "Oswald", sans-serif !important;
    }
}
@media screen and (max-width: 599px){
    .c-pageTitle {
    font-size: 3em;
    font-family: "Oswald", sans-serif !important;
}
}





@media screen and (min-width: 600px){
    .p-mainVisual{margin-bottom: -0.5rem!important;}
}

@media screen and (min-width: 600px){
    .pc-fs-0_8rem{font-size: 0.8rem;}
    .pc-fs-0_9rem{font-size: 0.9rem;}
    .pc-fs-1rem{font-size: 1rem;}
    .pc-fs-1_5rem{font-size: 1.5rem;}
    .pc-fs-2rem{font-size: 2rem;}
    .pc-fs-2_5rem{font-size: 2.5rem;}
    .pc-fs-3rem{font-size: 3rem;}
    .pc-fs-3_5rem{font-size: 3.5rem;}
    .pc-fs-4rem{font-size: 4rem;}

.en-midashi{
    /*font-family: "rafaella", sans-serif!important;*/
    font-family: "Oswald", sans-serif!important;
    font-size: 5rem;
    letter-spacing: 1rem;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: -2rem!important;
}
.midashi-sub {
    font-size: 2rem;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
}

@media screen and (max-width: 599px){
    .sp-fs-0_8rem{font-size: 0.8rem;}
    .sp-fs-0_9rem{font-size: 0.9rem;}
    .sp-fs-1rem{font-size: 1rem;}
    .sp-fs-1_5rem{font-size: 1.5rem;}
    .sp-fs-2rem{font-size: 2rem;}
    .sp-fs-2_5rem{font-size: 2.5rem;}
    .sp-fs-3rem{font-size: 3rem;}
    .sp-fs-3_5rem{font-size: 3.5rem;}
    .sp-fs-4rem{font-size: 4rem;}

    .en-midashi{
    /*font-family: "rafaella", sans-serif!important;*/
    font-family: "Oswald", sans-serif!important;
    font-size: 2rem;
    letter-spacing: 1rem;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: -1rem!important;
}
.midashi-sub {
    font-size: 1.5rem;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
}

@media screen and (min-width: 600px){
    .pc-pad-top-0{padding-top:0!important;}
    .pc-pad-top-0_5rem{padding-top:0.5rem!important;}
    .pc-pad-top-1rem{padding-top:1rem!important;}
    .pc-pad-top-1_5rem{padding-top:1.5rem!important;}
    .pc-pad-top-2rem{padding-top:2rem!important;}
    .pc-pad-top-2_5rem{padding-top:2.5rem!important;}
    .pc-pad-top-3rem{padding-top:3rem!important;}
    .pc-pad-top-3_5rem{padding-top:3.5rem!important;}
    .pc-pad-top-4rem{padding-top:4rem!important;}
    .pc-pad-top-4_5rem{padding-top:4.5rem!important;}
    .pc-pad-top-5rem{padding-top:5rem!important;}
    .pc-pad-top-5_5rem{padding-top:5.5rem!important;}
    .pc-pad-top-6rem{padding-top:6rem!important;}
    .pc-pad-top-6_5rem{padding-top:6.5rem!important;}
    .pc-pad-top-7rem{padding-top:7rem!important;}
    .pc-pad-top-7_5rem{padding-top:7.5rem!important;}
    .pc-pad-top-8rem{padding-top:8rem!important;}
    .pc-pad-top-8_5rem{padding-top:8.5rem!important;}
    .pc-pad-top-9rem{padding-top:9rem!important;}
    .pc-pad-top-9_5rem{padding-top:9.5rem!important;}
    .pc-pad-top-10rem{padding-top:10rem!important;}
    .pc-pad-top-10_5rem{padding-top:10.5rem!important;}
    .pc-pad-top-11rem{padding-top:11rem!important;}

    .pc-pad-top-0{padding-bottom:0!important;}
    .pc-pad-bt-0_5rem{padding-bottom:0.5rem!important;}
    .pc-pad-bt-1rem{padding-bottom:1rem!important;}
    .pc-pad-bt-1_5rem{padding-bottom:1.5rem!important;}
    .pc-pad-bt-2rem{padding-bottom:2rem!important;}
    .pc-pad-bt-2_5rem{padding-bottom:2.5rem!important;}
    .pc-pad-bt-3rem{padding-bottom:3rem!important;}
    .pc-pad-bt-3_5rem{padding-bottom:3.5rem!important;}
    .pc-pad-bt-4rem{padding-bottom:4rem!important;}
    .pc-pad-bt-4_5rem{padding-bottom:4.5rem!important;}
    .pc-pad-bt-5rem{padding-bottom:5rem!important;}
    .pc-pad-bt-5_5rem{padding-bottom:5.5rem!important;}
    .pc-pad-bt-6rem{padding-bottom:6rem!important;}
    .pc-pad-bt-6_5rem{padding-bottom:6.5rem!important;}
    .pc-pad-bt-7rem{padding-bottom:7rem!important;}
    .pc-pad-bt-7_5rem{padding-bottom:7.5rem!important;}
    .pc-pad-bt-8rem{padding-bottom:8rem!important;}
    .pc-pad-bt-8_5rem{padding-bottom:8.5rem!important;}
    .pc-pad-bt-9rem{padding-bottom:9rem!important;}
    .pc-pad-bt-9_5rem{padding-bottom:9.5rem!important;}
    .pc-pad-bt-10rem{padding-bottom:10rem!important;}
    .pc-pad-bt-10_5rem{padding-bottom:10.5rem!important;}
    .pc-pad-bt-11rem{padding-bottom:11rem!important;}

    .pc-pad-top-5vw{padding-top:5vw!important;}
    .pc-pad-top-12vw{padding-top:12vw!important;}
    .pc-pad-bt-5vw{padding-bottom:5vw!important;}
    .pc-pad-bt-12vw{padding-bottom:12vw!important;}

    .pc-pad-left-1_5rem{padding-left: 1.5rem!important;}
    .pc-pad-right-1_5rem{padding-right: 1.5rem!important;}



    .pc-mar-bt-3rem {margin-bottom: 3rem !important;}
    .pc-mar-bt-5rem{margin-bottom: 5rem!important;}

    .pc-under-fv-section{padding-top: 8rem!important;padding-bottom: 8rem!important;z-index: 10!important;}
    .top-system-section{padding-top: 2rem!important;padding-bottom: 6rem!important;z-index: 10!important;}
}

@media screen and (max-width: 599px){
    .sp-pad-top-0{padding-top:0!important;}
    .sp-pad-top-0_5rem{padding-top:0.5rem!important;}
    .sp-pad-top-1rem{padding-top:1rem!important;}
    .sp-pad-top-1_5rem{padding-top:1.5rem!important;}
    .sp-pad-top-2rem{padding-top:2rem!important;}
    .sp-pad-top-2_5rem{padding-top:2.5rem!important;}
    .sp-pad-top-3rem{padding-top:3rem!important;}
    .sp-pad-top-3_5rem{padding-top:3.5rem!important;}
    .sp-pad-top-4rem{padding-top:4rem!important;}
    .sp-pad-top-4_5rem{padding-top:4.5rem!important;}
    .sp-pad-top-5rem{padding-top:5rem!important;}
    .sp-pad-top-5_5rem{padding-top:5.5rem!important;}
    .sp-pad-top-6rem{padding-top:6rem!important;}
    .sp-pad-top-6_5rem{padding-top:6.5rem!important;}
    .sp-pad-top-7rem{padding-top:7rem!important;}
    .sp-pad-top-7_5rem{padding-top:7.5rem!important;}
    .sp-pad-top-8rem{padding-top:8rem!important;}
    .sp-pad-top-8_5rem{padding-top:8.5rem!important;}
    .sp-pad-top-9rem{padding-top:9rem!important;}
    .sp-pad-top-9_5rem{padding-top:9.5rem!important;}
    .sp-pad-top-10rem{padding-top:10rem!important;}
    .sp-pad-top-10_5rem{padding-top:10.5rem!important;}
    .sp-pad-top-11rem{padding-top:11rem!important;}

    .sp-pad-top-0{padding-bottom:0!important;}
    .sp-pad-bt-0_5rem{padding-bottom:0.5rem!important;}
    .sp-pad-bt-1rem{padding-bottom:1rem!important;}
    .sp-pad-bt-1_5rem{padding-bottom:1.5rem!important;}
    .sp-pad-bt-2rem{padding-bottom:2rem!important;}
    .sp-pad-bt-2_5rem{padding-bottom:2.5rem!important;}
    .sp-pad-bt-3rem{padding-bottom:3rem!important;}
    .sp-pad-bt-3_5rem{padding-bottom:3.5rem!important;}
    .sp-pad-bt-4rem{padding-bottom:4rem!important;}
    .sp-pad-bt-4_5rem{padding-bottom:4.5rem!important;}
    .sp-pad-bt-5rem{padding-bottom:5rem!important;}
    .sp-pad-bt-5_5rem{padding-bottom:5.5rem!important;}
    .sp-pad-bt-6rem{padding-bottom:6rem!important;}
    .sp-pad-bt-6_5rem{padding-bottom:6.5rem!important;}
    .sp-pad-bt-7rem{padding-bottom:7rem!important;}
    .sp-pad-bt-7_5rem{padding-bottom:7.5rem!important;}
    .sp-pad-bt-8rem{padding-bottom:8rem!important;}
    .sp-pad-bt-8_5rem{padding-bottom:8.5rem!important;}
    .sp-pad-bt-9rem{padding-bottom:9rem!important;}
    .sp-pad-bt-9_5rem{padding-bottom:9.5rem!important;}
    .sp-pad-bt-10rem{padding-bottom:10rem!important;}
    .sp-pad-bt-10_5rem{padding-bottom:10.5rem!important;}
    .sp-pad-bt-11rem{padding-bottom:11rem!important;}


    .sp-pad-top-40per{padding-top:40%!important;}
    .sp-pad-top-50per{padding-top:50%!important;}
    .sp-pad-bt-20per{padding-bottom:20%!important;}
    .sp-pad-bt-30per{padding-bottom:30%!important;}

    .sp-mar-bt-2rem{margin-bottom: 2rem!important;}
    .sp-mar-bt-3rem{margin-bottom: 3rem!important;}
    .sp-mar-bt-5rem{margin-bottom: 5rem!important;}

    .sp-mar-top-1rem{margin-top: 1rem!important;}
    .sp-mar-top-2rem{margin-top: 2rem!important;}

    .top-system-section{padding-top: 2rem!important;padding-bottom: 6rem!important;z-index: 10!important;}
}



/*****トップページの料金表 ここから*****/
/* ラグジュアリーボックス */
.luxury-box {
    position: relative;
    padding: 30px;
    margin: 20px 0;
    /* background: rgba(10, 13, 20, 0.85); */
    /* background: rgba(10, 186, 181, 0.85); */
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #c5a059;
    border: 2px solid #0abab5;
    color: #0abab5;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

/* 四隅の飾りパーツ */
.luxury-box::before, .luxury-box::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    /* border-color: #f7e0a1; */
    border-color: #0abab5;
    border-style: solid;
}

.luxury-box::before {
  top: -10px;
  left: -10px;
  border-width: 2px 0 0 2px; /* 左上 */
}

.luxury-box::after {
  bottom: -10px;
  right: -10px;
  border-width: 0 2px 2px 0; /* 右下 */
}

.luxury-box-title {
    display: block;
    /*font-family: "rafaella", sans-serif !important;*/
    font-family: "Oswald", sans-serif!important;
    /* font-size: 1.2rem; */
    font-weight: bold;
    letter-spacing: 0.1em;
    /* color: #d4af37; */
    color: #0abab5;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 2px solid #0abab5;
    padding-bottom: 10px;
    font-size: 3rem;
}


.top-sysytem-box{
    position: relative;
    /*padding: 30px;*/
    /*margin: 20px 0;*/
    color: #fff;
}
.system-box-title {
    position: relative;    /* 下線の位置の基準にする */
    font-family: "Oswald", sans-serif !important;
    font-weight: bold;
    /*letter-spacing: 0.1em;*/
    color: #fff;
    margin-bottom: -10px;
    text-align: center;
    font-size: 4rem;
    /* inline-blockにすると中央寄せが効かなくなるため、親要素で調整するか、下記を追加 */
    left: 50%;
    transform: translateX(-50%);
}

.system-box-title::before {
    content: "";
    position: absolute;
    bottom: 23%;       /* 一番下に配置 */
    left: 0;         /* 左端から */
    width: 100%;     /* 文字の幅100%分 */
    height: 2px;     /* 線の太さ */
    background-color: #fff; /* 線の色 */
}

table.sytem-table th, table.sytem-table td {
    border: transparent;
    background: transparent;
    font-size: 1.5rem;
    font-weight: 700;
    height: 70px !important;
    vertical-align: middle;
}
table.sytem-table th {
    text-align: left;
}
table.sytem-table td {
    text-align: right;
}
table.sytem-table tr {
    border-bottom: 1px dashed #fff;
}
@media screen and (max-width: 599px){
    .system-box-title{font-size: 2rem!important;}
    table.sytem-table th, table.sytem-table td{font-size: 1.3rem!important;}
}
/*****トップページの料金表 ここまで*****/


/*****トップページのSNSセクション ここから*****/
.sns-section-title {
    position: relative;    /* 下線の位置の基準にする */
    font-family: "Oswald", sans-serif !important;
    font-weight: bold;
    /*letter-spacing: 0.1em;*/
    color: #0abab5;
    margin-bottom: -10px;
    text-align: center;
    font-size: 4rem;
    /* inline-blockにすると中央寄せが効かなくなるため、親要素で調整するか、下記を追加 */
    left: 50%;
    transform: translateX(-50%);
}

.sns-section-title::before {
    content: "";
    position: absolute;
    bottom: 23%;       /* 一番下に配置 */
    left: 0;         /* 左端から */
    width: 100%;     /* 文字の幅100%分 */
    height: 2px;     /* 線の太さ */
    background-color: #0abab5; /* 線の色 */
}

@media screen and (max-width: 599px){
.sns-section-title{font-size: 2rem!important;}
}

.is-style-default.top-sns-cap>.c-tabList{
    justify-content:center!important;
    padding-bottom: 1rem !important;
}
.is-style-default.top-sns-cap>.c-tabList .c-tabList__button[aria-selected=true]{
    background-color: transparent!important;
    color: #fff!important;
    font-size: 1.2rem!important;
    font-family: "Oswald", sans-serif !important;
}
.is-style-default.top-sns-cap>.c-tabList .c-tabList__button[aria-selected=false]{
    background-color: transparent!important;
    color: #fefefe!important;
    font-size: 1.2rem!important;
    font-family: "Oswald", sans-serif!important;
}
.top-sns-cap .c-tabBody{
    border-top: 2px solid #0abab5;
    border-right: transparent;
    border-left: transparent;
    border-bottom: transparent;
}
.top-instagram-box{
    background: #fff;
    box-shadow: 6px 6px 6px 0px rgba(100, 100, 100, 0.45);
}
@media screen and (min-width: 600px){
    .top-instagram-text-area{
        padding: 0 1rem 1rem!important;
    }
}
@media screen and (max-width: 599px){
    .top-instagram-text-area{
        padding: 0 0.5rem 1rem!important;
        font-size: 0.9rem;
    }
}
.top-instagram-view-link{
    font-family: "Oswald", sans-serif!important;
    font-size: 0.9rem;
    border-top: 1px solid #ddd;
    padding-top: 1rem!important;
}
.top-instagram-view-link a{
    color: #000;
}
.top-instagram-view-link a:hover{
    color: #0abab5;
    transition: all 0.3s ease;
}
.top-instagram-view-all{
    font-weight: 700;
    text-align: center;
    border-top: 2px solid #0abab5;
    padding-top: 1rem!important;
}
.top-instagram-view-all a{
    color: #0abab5;
}
.top-instagram-view-all a:hover{
    opacity: 0.8;
    transition: all 0.3s ease;
}
/*****トップページのSNSセクション ここまで*****/

/*****トップページのオンラインショップセクション ここから*****/
.onlineshop-section-title {
    position: relative;    /* 下線の位置の基準にする */
    font-family: "Oswald", sans-serif !important;
    font-weight: bold;
    /*letter-spacing: 0.1em;*/
    color: #0abab5;
    margin-bottom: -10px;
    text-align: center;
    font-size: 4rem;
    /* inline-blockにすると中央寄せが効かなくなるため、親要素で調整するか、下記を追加 */
    left: 50%;
    transform: translateX(-50%);
}

.onlineshop-section-title::before {
    content: "";
    position: absolute;
    bottom: 24%;       /* 一番下に配置 */
    left: 0;         /* 左端から */
    width: 100%;     /* 文字の幅100%分 */
    height: 2px;     /* 線の太さ */
    background-color: #0abab5; /* 線の色 */
}

@media screen and (max-width: 599px){
.onlineshop-section-title{font-size: 2rem!important;}
}
/*****トップページのオンラインショップセクション ここまで*****/

/*****トップページのyoutubeのエリア ここから*****/
@media screen and (min-width: 600px){
.top-youtube-title {
    color: #0abab5;
    text-align: center;
    font-size: 3rem;
    margin-bottom: 0;
}
.button-area {
  display: flex;            /* フレックスボックスを有効化 */
  justify-content: flex-end; /* 中身を右（末尾）に寄せる */
  padding: 0 20px 20px 0;          /* 上下に少し余白を作ると綺麗です */
  width: 100%;              /* エリア全体の横幅を確保 */
  font-size: 0.8rem;
}
.btn-gold {
  display: inline-block;
  padding: 10px 15px;
  background: linear-gradient(135deg, #c5a059 0%, #f7e0a1 50%, #c5a059 100%);
  color: #000;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: 2px;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 5px rgba(197, 160, 89, 0.4);
  border: none;
  cursor: pointer;
}
}
@media screen and (max-width: 599px){
    .top-youtube-title {
    color: #0abab5;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 0;
}
.button-area {
    text-align: center;
    margin: 1rem auto 1rem;
    font-size: 0.8rem;
}
.btn-gold {
  display: inline-block;
  padding: 10px 15px;
  background: linear-gradient(135deg, #c5a059 0%, #f7e0a1 50%, #c5a059 100%);
  color: #000;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: 2px;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 5px rgba(197, 160, 89, 0.4);
  border: none;
  cursor: pointer;
}
}

.btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(197, 160, 89, 0.6);
  filter: brightness(1.1);
}
/*****トップページのyoutubeのエリア ここまで*****/


/*****トップページのOnline Shopのエリア ここから*****/
@media screen and (min-width: 600px){
.top-onlineshop-title {
    color: #fff;
    text-align: center;
    font-size: 3rem;
    margin-bottom: 0;
}
.swell-block-column.swl-has-mb--s.onlineshop-goods-area{
    width: 25%!important;
}
}
@media screen and (max-width: 599px){
    .top-onlineshop-title {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 0;
}
.swell-block-column.swl-has-mb--s.onlineshop-goods-area{
    width: 50%!important;
}
}
/*****トップページのOnline Shopのエリア ここまで*****/

@media screen and (min-width: 600px){
.top-gallery-title {
    color: #fff;
    text-align: center;
    font-size: 3rem;
    margin-bottom: 1rem!important;
}
}
@media screen and (max-width: 599px){
.top-gallery-title {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1rem!important;
}
}

.top-insta-icon, .top-fb-icon {
    color: #fff;
    font-size: 3rem;
    padding-bottom: 2rem;
}
.top-insta-icon a, .top-fb-icon a{
    color: #fff;
}
.top-insta-icon a:hover, .top-fb-icon a:hover {
  color: #f7e0a1;
  transition: color 0.5s ease;
}

.price-midashi {
    background: #0abab5;
    color: #fff;
    font-size: 1.2rem;
}

/*文字色*/
.white{color: #fff;}

.drinkmenu-table {
    color: #fff;
}
.drinkmenu-table th, .drinkmenu-table td {
    border: none;
    padding: 1rem 0rem!important;
}
.drinkmenu-table th {
    background: transparent;
}
.drinkmenu-table td {
    text-align: right;
    font-weight: 700;
}
.drinkmenu-table tr:not(:last-child){
    border-bottom: 1px dashed #fff;
}
.bottle-menu-midashi-01 {
  position: relative;
  /*display: inline-block;*/
  padding: 0 55px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

@media screen and (min-width: 600px){
.bottle-menu-midashi-01:before, .bottle-menu-midashi-01:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 42%;
  height: 1px;
  /*background-color: #0abab5;*/
    background-color: #fff;
}
}
@media screen and (max-width: 599px){
.bottle-menu-midashi-01:before, .bottle-menu-midashi-01:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 1px;
  /*background-color: #0abab5;*/
    background-color: #fff;
}
.bottle-menu-column img{
    width: 50%!important;
}
}

.bottle-menu-midashi-01:before {
  left:0;
}
.bottle-menu-midashi-01:after {
  right: 0;
}

.bottle-menu-price {
    text-align: center;
    color: #fff;
    font-weight: 700;
}

#body_wrap.page-id-399{
    background-image: url(https://dev-westland.sample-web-site.work/wp-content/uploads/2026/05/20260507-price-page-bg-04.webp);
    background-size: cover;
    background-position: center;
}

#body_wrap.page-id-536{
    background: linear-gradient(45deg,rgba(10, 186, 181, 1) 0%, rgba(13, 231, 224, 1) 50%, rgba(52, 243, 236, 1) 100%);
    background: #0abab5;
}


/*-----店舗概要ページ ここから-----*/
.about-title-white {
    position: relative;    /* 下線の位置の基準にする */
    font-family: "Oswald", sans-serif !important;
    font-weight: bold;
    /*letter-spacing: 0.1em;*/
    color: #fff;
    margin-bottom: -10px;
    text-align: left;
    font-size: 4rem;
    /* inline-blockにすると中央寄せが効かなくなるため、親要素で調整するか、下記を追加 */
    left: 50%;
    transform: translateX(-50%);
}

.about-title-white::before {
    content: "";
    position: absolute;
    bottom: 23%;       /* 一番下に配置 */
    left: 0;         /* 左端から */
    width: 100%;     /* 文字の幅100%分 */
    height: 2px;     /* 線の太さ */
    background-color: #fff; /* 線の色 */
}
@media screen and (max-width: 599px){
    .about-title-white{font-size: 2rem!important;}
}

table.about-table th, table.about-table td {
    border: transparent;
    background: transparent;
    font-weight: 700;
    height: 70px !important;
    vertical-align: middle;
    color: #fff;
}

.relative{position: relative!important;}

@media screen and (min-width: 600px){
.about-float-picture-01 img {
    position: absolute !important;
    width: 40%;
    right: -5vw;
    bottom: -22vw;
}
.about-float-picture-02 img {
    position: absolute !important;
    width: 40%;
    left: -5vw;
    bottom: -22vw;
}
}
@media screen and (max-width: 599px){
    .about-float-picture-01 img {
    position: absolute !important;
    width: 70%;
    right: -5%;
    bottom: -45%;
}
.about-float-picture-02 img {
    position: absolute !important;
    width: 70%;
    left: -5%;
    bottom: -37%;
}
}
/*-----店舗概要ページ ここまで-----*/


/*****ボタンのデザイン ここから*****/
.btn-phone {
    /* ボタンの形状と余白 */
    display: table;
    margin: 0 auto!important;
    width: 70%;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 14px;
    border-radius: 2px;
    background: linear-gradient(160deg,#ADFBF8 55%,#64F7F2 80%,#1BF3EC 100%);
    /* 影をつけて少し浮かせる */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    /* 変化を滑らかにする */
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
}
.btn-phone a{
    color: #1a1a1a;
}

/*スマホで中央揃え*/
@media screen and (max-width: 599px){
.btn-phone{
 display: table;
 margin:0 auto;   
}
}

/* ホバー（マウスを乗せた時）の演出 */
.btn-phone:hover {
    /* 少し明るくし、影を強くして浮き上がらせる */
    filter: brightness(1.1);
    box-shadow: 0 6px 20px rgba(100, 247, 242, 0.4);
    transform: translateY(-2px);
}
/*****ボタンのデザイン ここまで*****/