@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
*/

/*---ロイヤルガーデンCSS---*/

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

#body_wrap {
    background: linear-gradient(135deg, #462523 0%, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #d9b36a 100%);
}
.l-fixHeader:before, .page-id-116 .l-header{
    background: linear-gradient(135deg, #462523 0%, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #d9b36a 100%)!important;
}
.l-header__bar{
    display: none;
}
/*スマホの追従ヘッダーを少し透過
@media screen and (max-width: 599px){
    .l-header{opacity: 0.9;}
}*/
/*スマホの追従ヘッダーの背景色を変更*/
@media screen and (max-width: 599px){
[data-scrolled=true] [data-spfix="1"] .l-header__inner{
background: linear-gradient(135deg, #462523 0%, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #d9b36a 100%)!important;
}
}

/*スマホ開閉メニューの「MENU」の文字の背景色*/
.c-widget__title.-spmenu{
    background: linear-gradient(135deg, #d9b36a 0%, #f8f2d6 45%, #ffffff 50%, #f8f2d6 55%, #d9b36a 100%);
    color: #000!important;
}
/*PCのヘッダーメニューにマウスホバー下際の下線の位置調整*/
.c-gnav>.menu-item>a:after {
    bottom: 20%;
}
.c-gnav, .p-spMenu__nav{
    font-weight: 700!important;
}
.c-gnav a::after{background: #000!important;}

@media screen and (min-width: 600px){
.top-section-01{
    position: relative;
}
    .top-section-01-img-right {
    position: absolute;
    right: 10%;
    top: 20%;
    width: 45% !important;
}
}
@media screen and (max-width: 599px){
    .top-section-01{
    position: relative;
    padding-bottom: 16em!important;
}
.top-section-01-img-left{
    position: absolute;
    left: -8%;
    width: 80% !important;
}
    .top-section-01-img-right {
        position: absolute;
        right: -3%;
        bottom: -80%;
        width: 80% !important;
    }
}



/*-パディング ここから-*/
@media screen and (min-width: 600px){
    .pc-pad-top-4rem{padding-top:4rem!important;}
    .pc-pad-top-8rem{padding-top:8rem!important;}

    .pc-pad-bt-4rem{padding-bottom:4rem!important;}
    .pc-pad-bt-8rem{padding-bottom:8rem!important;}
    .pc-pad-bt-12rem{padding-bottom:12rem!important;}
}
@media screen and (max-width: 599px){
    .sp-pad-top-4rem{padding-top:4rem!important;}
    .sp-pad-top-8rem{padding-top:8rem!important;}

    .sp-pad-bt-4rem{padding-bottom:4rem!important;}
    .sp-pad-bt-8rem{padding-bottom:8rem!important;}
    .sp-pad-bt-12rem{padding-bottom:12rem!important;}
}
/*-パディング ここまで-*/

@media screen and (min-width: 600px){
    .top-message-title{
        text-align: right!important;
        padding-right: 2vw!important;
        font-size: 2rem!important;
    }
}
@media screen and (max-width: 599px){
    .top-message-title{font-size: 1.5rem!important;}
}

@media screen and (min-width: 600px){
    .pc-fs-2rem{font-size: 2rem!important;}
}
@media screen and (max-width: 599px){
    .sp-fs-1_5rem{font-size: 1.5rem!important;}
}


/*****ボタンのデザイン ここから*****/
.btn-gold {
    /* ボタンの形状と余白 */
    display: inline-block;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 14px;
    border-radius: 2px;
    
    /* 文字色：背景のゴールドに合わせて視認性の高い黒系 */
    color: #1a1a1a;
    
    /* 明るいゴールドのグラデーション（冒頭のイメージ再現） */
    background: linear-gradient(
        45deg,
        #d9b36a 0%,   /* 少し深みのある金 */
        #f8f2d6 45%,  /* 明るいシャンパンゴールド */
        #ffffff 50%,  /* 中心に強い光の反射 */
        #f8f2d6 55%,  /* 明るいシャンパンゴールド */
        #d9b36a 100%  /* 少し深みのある金 */
    );
    
    /* ボタンの縁取り（高級感を出す細いライン） */
    border: 1px solid #c5a059;
    
    /* 影をつけて少し浮かせる */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    
    /* 変化を滑らかにする */
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
}

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

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


.page-id-116 h1.c-pageTitle{
    display: none;
}
@media screen and (min-width: 600px){
.page-id-116 .l-mainContent__inner>.post_content {
    margin-top: -6rem!important;
}
}
@media screen and (max-width: 599px){
.page-id-116 .l-mainContent__inner>.post_content {
    margin-top: -8rem!important;
}
}

.top-tel a {
    color: #000;
}
.top-tel i {
    font-size: 0.9rem;
}