/*-----◆◆フォント読み込み◆◆-----*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

/*-----◆◆フォント◆◆-----*/
/*--全てのフォント変更--*/
*{
font-family:"Zen Kaku Gothic New", sans-serif!important;
}
/*--砂時計--*/
#gdpr-report-view #sb_gdpr_report_container .table-section .collapse-btn:after, #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_multiple_booking_btn:after, #sb-timeline #steps #time-settings #sb_booking_company_time .btn:after, .accordion .title:after, .custom-checkbox input:checked+.custom-label:before, .fal, [class*=fa-]:not(.fab){
font-family:Font Awesome\ 5 Pro!important;
}

/*-----◆◆トップ余白削除◆◆-----*/
#main-buttons .wrapper {
    min-height: 0px!important;
}

/*-----◆◆「ミシン工房 さんぽ〜と 」◆◆-----*/
#main-buttons .wrapper .inner .company-name{
/*font-weight: normal!important;*/
color:#82A7AA!important;
}

/*-----◆◆「《 ご利用コースを選択 》」◆◆-----*/
#sb-timeline #steps-nav li .content .title-small{
color:#82A7AA!important;
}

/*--余白削除(コース時間下)--*/
#sb-timeline #steps #steps-content #sb_booking_content .service-item.panel .bar-service .d-flex {
    gap: 0px 0px!important;
}

/*--余白削除(選択する上)--*/
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar {
        margin: 0px 0px 0!important;
}

/*--「🔽」ボタン--*/
.panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide, .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide span, .panel .btn-bar .wrap-read-more .read-more .part, #sb-timeline #steps #steps-content #sb_booking_content .location-item.panel .address a{
color: #82A7AA!important;
}

/*-----◆◆戻るボタン◆◆-----*/
#sb-timeline #steps #sb_back_button span{
color:#7d7d7d!important;
}

/*-----「ご利用開始日時」-----*/
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption{
color:#7d7d7d!important;
}

/*-----◆◆「お客様情報＆ご予約内容確認画面」◆◆-----*/
#sb-timeline #steps #steps-content #sb_booking_content #details .title-main{
color:#7d7d7d!important;
}

/*-----余白調整（利用開始時間・サービス名）-----*/
#details .right-side .current-booking-info .label {
    min-width: 0px!important;
}

/*-----◆◆「予約履歴」◆◆-----*/
/*「まだ予約がありません。「レンタルスペース予約」ボタンを押して予約ができます。」*/
.alert-info{
color:#82A7AA!important;
}

/*-----◆◆PC&SPメニューバー◆◆-----*/
#header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul li a, #header .nav-wrapper #sb_menu .nav li a {
    font-family:"grafolita-script","Zen Kaku Gothic New", sans-serif!important;/*フォントファミリー*/
    font-size: 14px!important;/*フォントサイズ*/
    justify-content: left!important;/*左寄せ*/
}





@media (max-width: 480px){
/*-----◆◆「レンタルスペース予約」ボタン◆◆-----*/
#main-buttons .wrapper .inner .bar .btn a, .is-widget #main .btn.book {
    height: 50px;
}

/*-----◆◆「《 ご利用コースを選択 》」◆◆-----*/
#sb-timeline #steps-nav li .content .title-small, #sb-timeline #steps-nav li.filled .content .title-small, #sb-timeline #steps-nav li.passed .content .title-small{
font-size: large!important;
}

/*--コース時間--*/
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .info-bar .bar-flex-item .txt{
font-size: small!important;
}

/*--「🔽」ボタン--*/
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more .read-more .part.ico-part {
    font-size: large!important;
}

/*--「選択する」ボタン--*/
/*ボタンの高さ*/
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .btn{
    height: 25px!important;
}
/*フォントサイズ*/
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .btn.select {
    font-size: small!important;
}

/*--コース詳細--*/
#sb-timeline #steps #steps-content #sb_booking_content .item.panel{
    font-size: small!important;
}

/*--「コース詳細を閉じる」--*/
.panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide, .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide span, .panel .btn-bar .wrap-read-more .read-more .part, #sb-timeline #steps #steps-content #sb_booking_content .location-item.panel .address a{
    font-size: small!important;
}

/*-----フッターフォントサイズ-----*/
#footer a{
    font-size: x-small!important;
}
#footer .copyright{
    font-size: x-small!important;
}

/*-----◆◆「戻る」◆◆-----*/
#sb-timeline #steps #sb_back_button span:last-child{
font-size: small!important;
}

/*-----「ご利用開始日時」-----*/
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption{
font-size: medium!important;
}

/*-----◆◆「お客様情報＆ご予約内容確認画面」◆◆-----*/
#sb-timeline #steps #steps-content #sb_booking_content #details .title-main{
font-size: larger!important;
}

/*-----コース名-----
.confirm-details .current-booking-info .mg{
font-size: larger!important;
}*/

/*-----利用規約諸々-----*/
#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .license-links-container>div{
font-size: smaller!important;
}

/*-----◆◆予約履歴画面◆◆-----*/
/*コース名
.current-booking-info .cap{
font-size: larger!important;
}
}*/

/*-----◆◆SPメニュー背景色◆◆-----*/
@media (max-width: 1024px) {
#header .nav-wrapper.active{
background-color:#EBF1F0!important;
}
}