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

/**********グローバルナビ**************/
.c-gnav>.menu-item>a .ttl {
font-size: 1em;
letter-spacing: 1px;
font-weight: 500;
padding: 0.6em;
}


/**********スマホ用追随ボタン**************/
@media screen and (max-width: 959px) {
    body {
        padding-bottom: 60px; /* 固定メニューの高さに合わせて余白を設定 */
    }
    .p-fixBtnWrap {
        bottom: 5.5em; /* 上に戻るボタンの位置を上に */
    }
    #fixed-bottom-menu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;

        padding: .3em .3em;
    }
    #fixed-bottom-menu .swell-block-column {
        padding: .5em;
    }
    #fixed-bottom-menu .swell-block-button__link[data-has-icon] {
        padding: 1em 1em;
    }    
}
@media screen and (min-width: 960px) {
    #fixed-bottom-menu, #fixed-sidebar-menu {
        display: none; /* PCでは非表示にする */
    }
}

/**********PC用右上予約ボタン**************/
.my-button-nobr{
  white-space:nowrap;/* ボタンの改行を禁止する */
　overflow:scroll;
}


/****サイトTOPのロゴと問い合わせボタン****/
@media (min-width: 960px) {
.-parallel .l-header__logo {
width: 30%;
}
.l-header.-parallel .w-header {
width: 70%;
}
.wp-block-search__input {
width: 350px;
}
}




/*改行しない*/
.contact-top{
  white-space : nowrap;
}
/*電話番号を上に詰める*/
.text01{
line-height: 1.1;
}
/************レイアウト変更**************/
/*ヘッダー部分*/
#gnav {
 padding-top: 0px;
}


/*ヘッダー内部ウィジェット*/
.w-header__inner {
 position: absolute;
 top: 0px; right: 70px;
 padding-top: 20px;
 font-size: 1em;
 width:600px;
}

/*モバイル表示*/
@media (max-width: 768px) {
 .l-header__inner { height: 75px; }
 h1 {float: none;}
}






/**********リンク用リストボックス**************/

/*******緑の三角箇条書き***********/
.listpoint{
 list-style: none;
 font-weight: 500;
 text-decoration: none!important;
}


.listpoint li{
  display: flex; /* 点とリストを横並びに */
  align-items: first baseline; /* 垂直方向に中央揃い */
}

.listpoint li::before{
 content: "▶"; /* 記号(黒丸)を挿入 */
 color: #487e58; /* 好きな色にする */
 font-size: 0.6em; /* 黒丸の大きさに差異があるので調整 */
 margin-right: 1em; /* 余白 */
}

.listpoint ul{
 padding-left: 0;
}


.link {
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
}



/*******半透明カラム***********/
.column1{
	background-color: rgb(253 249 238 / 0.8);
	padding: 2em;
}


/*******幅調整***********/
@media (min-width: 960px) {
.width-adjustment{
	width:800px;
	margin:auto;
}
}

/*******スマホの時だけ改行させるクラス**********/
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}