.elementor-186 .elementor-element.elementor-element-66f6804c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-186 .elementor-element.elementor-element-66f6804c:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-66f6804c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#333333;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-186 .elementor-element.elementor-element-7d90445e.elementor-element{--align-self:flex-start;}.elementor-186 .elementor-element.elementor-element-7d90445e .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-5fc58bbe{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-186 .elementor-element.elementor-element-5fc58bbe:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-5fc58bbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-186 .elementor-element.elementor-element-775f26fa.elementor-element{--align-self:flex-start;}.elementor-186 .elementor-element.elementor-element-775f26fa .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-186 .elementor-element.elementor-element-5b641a61 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-186 .elementor-element.elementor-element-3376c142{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-186 .elementor-element.elementor-element-3376c142:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-3376c142 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-186 .elementor-element.elementor-element-74db7929 .elementor-icon-list-icon i{color:#A19063;transition:color 0.3s;}.elementor-186 .elementor-element.elementor-element-74db7929 .elementor-icon-list-icon svg{fill:#A19063;transition:fill 0.3s;}.elementor-186 .elementor-element.elementor-element-74db7929{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-186 .elementor-element.elementor-element-74db7929 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-186 .elementor-element.elementor-element-74db7929 .elementor-icon-list-item > a{font-family:"Noto Sans JP", Sans-serif;font-size:14px;font-weight:400;line-height:12px;}.elementor-186 .elementor-element.elementor-element-74db7929 .elementor-icon-list-text{color:#333333;transition:color 0.3s;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-186 .elementor-element.elementor-element-66f6804c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-186 .elementor-element.elementor-element-7d90445e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-186 .elementor-element.elementor-element-7d90445e .elementor-heading-title{font-size:20px;}.elementor-186 .elementor-element.elementor-element-5fc58bbe{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-186 .elementor-element.elementor-element-775f26fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-186 .elementor-element.elementor-element-775f26fa .elementor-heading-title{font-size:18px;}.elementor-186 .elementor-element.elementor-element-5b641a61 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-186 .elementor-element.elementor-element-5b641a61.elementor-element{--align-self:stretch;}}@media(min-width:768px){.elementor-186 .elementor-element.elementor-element-66f6804c{--content-width:800px;}.elementor-186 .elementor-element.elementor-element-5fc58bbe{--content-width:800px;}}/* Start custom CSS for shortcode, class: .elementor-element-5b641a61 */.monthly-calendar{
width:800px;
}

.day-calendar table {
    border: none;
        margin-top: 20px;

    border-collapse: separate;
    border-spacing: 1px 5px;
    width: 100%!important;
}

.mtssb-timetable-date{

    margin-bottom: 10px;

}


.day-left:nth-of-type(n+2)::after {
  content: "〜";
}


  @media (max-width: 768px) {
          
               .monthly-calendar{
width:100%;
}

/* テーブル全体のデザイン調整 */
#booking table {
    
    padding:10px!important;

}

/* カレンダー全体のスタイル */
#booking .monthly-calendar {
    margin: 0 !important;
    font-family: 'Manrope', sans-serif;
}


/* 日付セルのスタイル */
#booking .day-box {
    text-align: center;
    padding: 10px!important;
    width: 20px!important;
    height: 20px!important;
    vertical-align: top;
    position: relative;
}

/* 数字のスタイル */
#booking .day-number {
    font-size: 14px!important;
    font-weight: bold;
    margin-bottom: 5px;
}

.day-calendar{
    
    width:100%;

}

            }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc58bbe */.mtssb-daily-action  button {
display: inline-block;
font-weight: 400;
color: #fff;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #A19063;
border: 0px solid #A19063;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: 3px;
transition: all .3s;
}

.mtssb-daily-action  button:hover{
    background-color: #A19063;

    
}


.monthly-calendar:nth-of-type(n+2) {
display: none;
    
}

.month-highlight {
    font-weight: bold;
    color: #23257F; 
    font-size:40px;   
    margin-right: 10px;

}




/* 年月のスタイル */
#booking .calendar-caption {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #fff; 
    margin-bottom: 10px;
}

/* 曜日のスタイル */
#booking .header-row {
    font-size: 14px;
    text-align: center;
}
   #booking .week-title {    font-weight: 300;
}
#booking .week-title.sun {
    color: #fff;

}

#booking .week-title.sat {
    color: #fff;        

}



/* カレンダー全体のスタイル */
#booking .monthly-calendar {
    margin: 0 auto;
    font-family: 'Manrope', sans-serif;
    color: #fff; 
}


/* 日付セルのスタイル */
#booking .day-box {    
    text-align: center;
    padding: 10px;
    width: 40px;
    height: 55px;
    vertical-align: top;
    position: relative;
}

/* 数字のスタイル */
#booking .day-number {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}


#booking .disable .calendar-mark{
    color:#A19063;
}




/* 過ぎた日 */
.day-box.no-day {
    background-color: #333;
}

/* 予約可能な日 */
#booking .calendar-mark a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 900;
    color: #A19063;
    display: block;
    margin: 2px 0;
    
}





.monthly-prev {
	float: left;

}

.monthly-next {
	float: right;

}

.monthly-prev a{
	    color: #A19063;

}

.monthly-next a{
	    color: #A19063;

}




/* 価格表示 */
#booking .vacant .schedule-note {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-top: 3px;
}

/* 今日の日付を少し目立たせる */
#booking .today {
    background-color: #333;
    border-radius: 0px;
}




/* 特別な日（例: 3日） */
#booking .special-day {
    background-color: #2d572c;
    color: white;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}

/* テーブル全体のデザイン調整 */
#booking table {
        text-align: center;

    margin-bottom: 30px;
    width: 100%;
  
    border-spacing: 5px; /* セルの間隔を調整 */
    background: #333;
    padding:20px;
        border-radius: 0px;

}

#booking th, #booking td {
    border: none; /* 枠線なし */
}

/* 土曜日と日曜日の強調 */
#booking .sat .day-number {
    color: #fff;
}

#booking .sun .day-number {
    color: #fff;
}

/* 価格の調整（3日など特別な価格の日を目立たせる） */
#booking .special-price {
    background-color: #2d572c;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 6px;
    border-radius: 5px;
    display: inline-block;
}/* End custom CSS */