/*サイドバー無し*/
.main-content, .footer{
margin-left:0;
}
.setting-sidebar.show .card{
box-shadow:none;
}
.setting-sidebar.show .card ul li{
padding:8px 0;
}
/*ヘッダー*/
.logo{
width:250px;
margin:10px;
}
.navbar-header{
color:#fff;
}
.site_name{
font-size:1rem;
font-weight:400;
color:#fff;
}
.user_name{
display: flex;
align-items: center;
padding:0 8px;
}
.user_name span{
font-size: 12px;
border: solid #fff thin;
padding: 3px;
margin-right:3px;
}
/***右側メニュー非表示設定***/
.entry .right-bar{
display:none !important;
}
@media (max-width: 767.98px) {
.navbar-header{
justify-content: center;
}
}
/***右側メニュー非表示設定***/


/*フッター*/
.footer_menu {
padding:15px 12px
}
.footer_menu ul{
padding-left:0;
margin-bottom:0;
list-style-type:none;
display: flex;
justify-content: space-evenly;
}
.footer_menu ul li{
width: calc(100% / 3);
text-align:center;
}
.footer_menu ul li:nth-child(2){
border-left:solid thin #ccc;
border-right:solid thin #ccc;
}
.footer_menu ul li a{
color:inherit;
}
.footer{
color:#fff;
}
.footer p{
margin-bottom:0;
}

/*フォント*/
body, h1, h2, h3, h4, h5, h6{
font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;

font-weight:400;
}
h3, h6{
font-weight:400;
}
/*************
下層ページ
**************/
/*ログインページ*/
.auth-page-sidebar{
background-position: center;
}
.auth-pages{
padding-top:0;
}
.sticky-table-header{
z-index:99 !important;
}
/*カレンダー*/
.card_header{
display:flex;
justify-content: flex-start;
}
.card .card-subtitle{
color:#4b4b5a;
}
.reserve_btn button{
margin:0 auto 10px auto;
}
.responsive-table-plugin .btn-toolbar{
display:none;
}

.week_day .fc-button-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.week_day h2{
font-size:20px;
margin-bottom:0;
}
.week_day .fc-icon-left-single-arrow:after,
.week_day .fc-icon-right-single-arrow:after{
top:0;
}
.week_day ul{
padding-left:0;
list-style-type:none;
display: flex;
border-top: solid #ccc thin;
border-left: solid #ccc thin;
margin: 10px 0;
overflow-x: scroll;
}
.week_day ul::-webkit-scrollbar {
  height:15px;
}
.week_day ul::-webkit-scrollbar-thumb {
    background-color: #d5d5d5;
    border-radius: 10px;
}
.week_day li{
font-size:13px;
text-align: center;
border-right: solid #ccc thin;
border-bottom: solid #ccc thin;
    background: #e2e7f1;
height:55px;
width: calc(100% / 7);
flex-shrink: 0;
}
.week_day li a{
color:#4b4b5a;
display: inline-block;
width:100%;
height:100%;
padding:8px 0;
}
.week_day li a.today{
background: #ff5c75;
color:#fff;
}
.week_day li a.today:hover{
opacity:0.8;
}
.week_day li a:hover{
background: #ff5c75;
color:#fff;
}
.reserve_tbl .table>:not(caption)>*>*{
padding:0;
}
.reserve_tbl .table th{
padding:1rem;
text-align:center;
}
.reserve_tbl .table td a{
padding:1rem 0;
display:inline-block;
width:100%;
height:100%;
color: #4b4b5a;
text-align:center;
}
.reserve_tbl .table td a i{
font-size:18px;
}
.reserve_tbl .table td a.r_close{
pointer-events: none;
background:#d5d5d5;
color:#848484;
}
.rp_booking .btn-danger,
.rp_booking .btn-outline-danger{
padding:7px 8px;
}
.cancel_btn{
font-size:12px;
display: flex;
align-items: center;
padding:3px 5px;
text-align: left;
line-height: 100%;
white-space: nowrap;
height: 40px;
}
.cancel_btn i{
margin-right:5px;
}
.responsive-table-plugin .sticky-table-header{
background-color:#4B4B5A;
border-color:#4B4B5A;
}
/*フォーム*/
.form-control::placeholder{
color:#d1d1d1;
}
.ps-lg-s4{
padding-left:2rem;
}
.pe-lg-s4{
padding-right:2rem;
}
.red{
color:red;
}
/*予約履歴*/
.rp-ma{
margin-left:5px;
}

@media (max-width: 767.98px) {
.smb-2{
margin-bottom: .5rem !important;
}
.ps-lg-s4, .pe-lg-s4{
padding:0 12px;
}
.card_header{
justify-content: space-between;
}

  /* Chrome, Safari, Operaでスクロールバーを非表示にする */
.week_day ul::-webkit-scrollbar {
display: none;
}
.rp-ma{
margin-left:0px;
margin-bottom:5px;
}
}
@media (max-width: 360px) {
.rp_booking .btn-danger,
.rp_booking .btn-outline-danger{
padding:7px 6px;
}
}