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

#fixed-sidebar-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 20%;
    transform: translateY(-50%);
    z-index: 99;
    background-color: #ffe300;
    color: #558dd1;
    padding: 1em .5em;
    border-radius: 10px 0 0 10px;
    writing-mode: vertical-rl;  /* 縦書きモード */
    text-align: center;
}
#fixed-sidebar-menu .swl-inline-icon {
    width: 15px;
    height: 24px;
    margin-bottom: 2px;
}
#fixed-sidebar-menu a {
    color: #fff;
}

@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;
        background-color: #558dd1;
        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 {
        display: none; /* PCでは非表示にする */
    }
	
/* --- モバイルヘッダー・特大ボタン設定 --- */

/* PCではこのCSSの影響を消す */
@media screen and (min-width: 960px) {
    #fixed-bottom-menu {
        display: none; /* PCでは非表示にする */
    }
}

/* スマホ・タブレット（960px以下）のみ適用 */
@media screen and (max-width: 960px) {

    /* 1. ボタンを置くエリアの調整 */
    .l-header__customBtn.sp_ {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;     /* ボタン同士の間隔を広げる */
        margin-left: 12px !important;
        padding: 0 !important;
        height: auto !important; /* 高さを制限しない */
    }

    /* 2. 丸ボタン本体のサイズ（50pxに拡大） */
    .my-circle-btn {
        display: flex !important;
        justify-content: center;
        align-items: center;
        
        width: 50px !important;  /* ★ボタンの大きさ：44px→50pxに変更 */
        height: 50px !important; /* ★ボタンの大きさ：44px→50pxに変更 */
        border-radius: 50% !important; /* 真ん丸にする */
        
        color: #fff !important; /* アイコンの色は白 */
        box-shadow: 0 3px 6px rgba(0,0,0,0.2) !important; /* 影を少し強く */
        text-decoration: none !important;
        
        /* 余白リセット */
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. 中のアイコンサイズ（28pxに拡大） */
    .my-circle-btn i {
        font-size: 28px !important; /* ★アイコン：24px→28pxに変更 */
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
        
        /* アイコンの位置がずれないように補正 */
        display: inline-block;
        transform: translateY(1px); 
    }

    /* 4. 色の設定（くっきり見えるように） */
    /* 電話ボタン（青） */
    .btn-tel {
        background-color: #3eb7f5 !important;
    }
    /* 予約ボタン（赤オレンジ） */
    .btn-reserve {
        background-color: #e86548 !important;
    }
}
	
/* --- お問い合わせ --------------- */
/* ContactFrom7 */
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
    background-color: #ffffff;
    padding: 1% 3%;
    margin-top: 10px;
}
.contact7 dd {
	margin: 0 0 30px 0;
    border-left: none;
    padding-left: 0;
}
.contact7 dd:last-of-type{
    margin-bottom: 0;
}
.contact7 dt {
	font-weight: normal;
    border-left: none;
    padding-left: 0;
}
span.wpcf7-spinner{
    display: none;
}
 
/* 必須マーク */
.contact7 .must {
	color: #d93e14;
}

.contact7 dt{
    margin-bottom: 20px;
    margin-top: 40px;
}

.contact7 input, .contact7 textarea, .contact7 select{
    background-color: #fff;
}
.contact7 input.wpcf7-text, .contact7 textarea{
    width: 100%;
}
.contact7 select{
    margin-right: 10px;
    margin-left: 5px;
}
.contact7 .wpcf7-date{
    margin-right: 20px;
    margin-left: 10px;
}

.form-control{
    border-radius: 0;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 40%;
	background-color: #016fa2;
	color: #fff;
    font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 1em;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
    margin-top: 5px;
    padding-left: 2em;
    height: 40px;
    border-radius: 0;
    border: none;
}
.btn_contact7 input:hover {
    background-color: #fff;
    color: #003f06;
    border: 1px solid #016fa2;
}
.btn-primary:disabled{
    background-color: #016fa2;
}

.sidebar .widget_categories .cat-item-68 {
    display: none !important;
}