/*
https://b-risk.jp/blog/2018/07/table-css/
https://chaika.hatenablog.com/entry/2015/09/23/142635
*/
.main-contents{
padding-top:8px;
}
#menu{
float:left;
}
#login-info-area span span{
font-weight:bold;
}
#login-info-area button{
position:absolute;
right:10px;
}
ul.dropdown-menu.show{
z-index:9999;
}
a,a:hover{
color:#083d42;
}
a.navbar-brand:hover{
opacity:.5;
}
.container-fluid a{
text-decoration:underline;
}
input.er{
background:#c00;
color:#fff;
}
input::placeholder,
textarea::placeholder{
color:#ccc!important;
}
table.responsible{
display:none; /* cssが決定してから表示させる */
}
.ctr{text-align:center;}
.rt{text-align:right;}
.lt{text-align:left;}
.mg10{margin:10px;}
.mg20{margin:20px;}
.mg30{margin:30px;}
.mg40{margin:40px;}
.mg50{margin:50px;}
.alert{color:#c00;font-weight:bold;text-align:center;}
/* 上部のメニュー部分 */
.dropdown-menu{
min-width:15em;
padding:.5em;
}
/* 下部の固定部分 */
.btm_fix{width:100%;position:fixed;}
#sheet{z-index:1;background:#000;opacity:.5;}
#update{z-index:2;text-align:center;}
#bottom_margin{padding:50px;}
#update.btm_fix{bottom:0px;padding:20px 0;background-color:rgba(8,61,66,.5);}
footer{
position:fixed;
bottom:0;
width:100%;
}
.col-form-label{font-weight:bold;}
.modal-button{display:none;}
/*
スマホでタップしたときの青い枠や四角を消す
https://www.memory-lovers.blog/entry/2020/01/27/180000
*/
a:focus {
outline:none;
}
a{
-webkit-tap-highlight-color:rgba(0,0,0,0);
cursor:pointer;
}
.ck_box.form-control{
width:30px;
display:inline;
}
/* reservation_XX.php */
.progress{margin-bottom:1em;height:auto;}
.step{text-align:center;color:#333;border-right:1px solid #272c31;opacity:.3;}
.progress>div:last-child{border:none;}
.step.on{background:rgba(8,61,66,.3);color:#ffffff;text-shadow:0 0 5px #083d42;opacity:1;}
.step.end{opacity:1;}
#message_area #open_close{float:right;}
#message_area{height:auto;z-index:2;padding:2em 1em .5em;background:rgba(8,61,66,.9);color:#ffffff;}
#message_area>div{font-size:.8em}
#message_area #sum_amount{font-size:1.6em;position:relative;top:-.4em;}
#message_area>div hr{border:1px solid #ffffff;}
#message_area dl{width:16em;}
#message_area dt{float:left;width:9em;text-align:right;font-weight:normal;}
#message_area dd{text-align:right;}
#message_area #detail{display:none;}
/* datapickerカレンダーがfotterに隠れないように */
#ui-datepicker-div{z-index:2!important;}
/* toggle switch (https://mdbootstrap.com/docs/jquery/forms/switch/) */
.custom-switch .custom-control-label{
padding-left:3.5em;
}
.custom-switch .custom-control-label::before{
top:-0.25em;
width:5.5em;
height:2em;
content:attr(off-label);
padding:.25em;
text-align:right;
color:#adb5bd;
cursor:pointer;
}
.custom-switch .custom-control-label::after{
top:calc(-.25em + 2px);
width:calc(2em - 4px);
height:calc(2em - 4px);
background-color:#adb5bd;
cursor:pointer;
}
.custom-switch .custom-control-input:checked~.custom-control-label::before{
border-color:#083d42;
background-color:#083d42;
content:attr(on-label);
text-align:left;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after{
transform: translateX(3.5em);
}