@charset "utf-8";

/* .cmn-calendar
----------------------------------------------- */
.cmn-calendar{
padding:20px;
border:1px solid #999;
color:#000;
width:595px;
position:absolute;
z-index:205;
box-sizing:border-box;
line-height:1.45;
background-color:#fff;
box-shadow:2px 2px 5px rgba(0,0,0, .25);
font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', '\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}

.cmn-calendar button{
cursor:pointer;
font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', '\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}

[lang="en"] .cmn-calendar,
[lang="en"] .cmn-calendar button{
font-family:arial,helvetica,clean,sans-serif;
}

/* .cmn-calendar-header
----------------------------------------------- */
.cmn-calendar-header{
margin:-20px -20px 15px;
padding:10px 20px;
color:#fff;
background-color:#484848;
font-size:13px;
}


/* .cmn-calendar-result-date
----------------------------------------------- */
.cmn-calendar-result-date{
margin:0;
padding:0;
}
.cmn-calendar-result-date li{
margin:0;
padding:0;
display:inline-block;
}
.cmn-calendar-result-date li:nth-child(2){
padding-left:30px;
position:relative;
}
.cmn-calendar-result-date li:nth-child(2):before,
.cmn-calendar-result-date li:nth-child(2):after{
margin-top:-2px;
content:'';
display:block;
overflow:hidden;
position:absolute;
top:50%;
left:7px;
width:8px;
height:4px;
background-color:#fff;
}
.cmn-calendar-result-date li:nth-child(2):after{
margin-top:-5px;
left:15px;
width:0;
height:0;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #fff;
background-color:transparent;
}
.cmn-calendar-result-date li span:after{
content:"\ff1a";
}

/* .cmn-calendar-month-header
----------------------------------------------- */
.cmn-calendar-month-header{
margin-bottom:5px;
padding:0 30px;
position:relative;
}


/* .cmn-calendar-month-hdg
----------------------------------------------- */
.cmn-calendar-month-hdg{
margin:0;
padding:0;
color:var(--cmn-font-color-base);
font-weight:bold;
text-align:center;
font-size:15px;
letter-spacing:.1em;
}


/* .cmn-calendar-month-nav-prev / .cmn-calendar-month-nav-next
----------------------------------------------- */
.cmn-calendar-month-nav-prev,
.cmn-calendar-month-nav-next{
position:absolute;
top:-5px;
display:block;
width:30px;
height:30px;
cursor:pointer;
text-decoration:none;
}
.cmn-calendar-month-nav-prev:before,
.cmn-calendar-month-nav-next:before{
margin-top:-5px;
border-right:3px solid #444;
border-bottom:3px solid #444;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:2px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.cmn-calendar-month-nav-prev span,
.cmn-calendar-month-nav-next span{
display:block;
text-indent:-9999px;
}
.cmn-calendar-month-nav-next{
right:0;
}
.cmn-calendar-month-nav-prev{
right:auto;
left:0;
}
.cmn-calendar-month-nav-prev:before{
right:auto;
left:2px;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}
.cmn-calendar-month-nav-disabled{
cursor:default;
}
.cmn-calendar-month-nav-disabled:before{
border-color:transparent #d0d0d0 #d0d0d0 transparent;
}


/* .cmn-calendar-date-undecided
----------------------------------------------- */
.cmn-calendar-date-undecided{
margin:15px 0 0;
padding:0;
display:table;
width:100%;
table-layout:fixed;
}
.cmn-calendar-date-undecided > li{
padding:0;
display:table-cell;
vertical-align:top;
text-align:center;
}
.cmn-calendar-date-undecided button{
padding:3px 5px 2px;
border:1px solid #ccc;
border-radius:4px;
color:#666;
min-width:80px;
box-sizing:border-box;
background:#fff;
font-weight:bold;
font-size:12px;
}

/* active */
.cmn-calendar-date-undecided-active button{
border-color:#338cd5;
color:#fff;
background-color:#338cd5;
}


/* .cmn-calendar-month
----------------------------------------------- */
.cmn-calendar-month:before,
.cmn-calendar-month:after{
content:"";
display:table;
}
.cmn-calendar-month:after{
clear:both;
}


/* .cmn-calendar-month-lyt
----------------------------------------------- */
.cmn-calendar-month-lyt{
padding-right:10px;
float:left;
width:50%;
box-sizing:border-box;
}
.cmn-calendar-month-lyt:last-child{
padding:0 0 0 10px;
}


/* .cmn-calendar-month-tbl
----------------------------------------------- */
.cmn-calendar-month-tbl{
margin:0;
padding:0;
width:100%;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
text-align:center;
font-size:12px;
box-sizing:border-box;
line-height:1;
}

.cmn-calendar-month-tbl th,
.cmn-calendar-month-tbl td{
padding:0;
height:28px;
font-weight:normal;
vertical-align:middle;
}

.cmn-calendar-month-tbl th{
color:#555;
}

.cmn-calendar-month-tbl td{
border:1px solid #ddd;
}

.cmn-calendar-month-tbl td a{
color:var(--cmn-font-color-base);
display:block;
height:34px;
line-height:34px;
cursor:pointer;
text-decoration:none !important;
}

.cmn-calendar-month-tbl a:active,
.cmn-calendar-month-tbl a:hover,
.cmn-calendar-month-tbl a:focus{
color:var(--cmn-font-color-base);
box-shadow:inset 2px 2px 0 #338cd5, inset -2px -2px 0 #338cd5;
}

/* sunday */
.cmn-calendar-month-tbl tr > td:first-child a{
color:var(--cmn-font-color-red);
}

/* .cmn-calendar-disabled */
.cmn-calendar-month-tbl a.cmn-calendar-disabled{
color:#ccc !important;
cursor:default;
}
.cmn-calendar-month-tbl a.cmn-calendar-disabled:active,
.cmn-calendar-month-tbl a.cmn-calendar-disabled:hover,
.cmn-calendar-month-tbl a.cmn-calendar-disabled:focus{
box-shadow:none;
cursor:default;
}

/* .cmn-calendar-holiday */
.cmn-calendar-month-tbl a.cmn-calendar-holiday{
color:var(--cmn-font-color-red);
}

/* .cmn-calendar-active */
.cmn-calendar-month-tbl a.cmn-calendar-active{
background-color:#e0eef9;
}

/* .cmn-calendar-active-from / .cmn-calendar-active-to / .cmn-calendar-active-oneway */
.cmn-calendar-month-tbl a.cmn-calendar-active-from,
.cmn-calendar-month-tbl a.cmn-calendar-active-to,
.cmn-calendar-month-tbl a.cmn-calendar-active-oneway{
color:#fff !important;
background-color:#338cd5;
}

/* .cmn-calendar-btn-close
----------------------------------------------- */
.cmn-calendar-btn-close{
margin:0;
border:none;
width:53px;
height:52px;
position:absolute;
right:-25px;
top:-19px;
text-indent:-9999px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
}
.cmn-calendar-btn-close:active,
.cmn-calendar-btn-close:hover,
.cmn-calendar-btn-close:focus{
background-position:0 -65px;
}

/* .ui-datepicker-trigger
----------------------------------------------- */
.ui-datepicker-trigger{
cursor:pointer;
}