input[type="text"].input_date{
    letter-spacing: 2px;
    width: 150px;
    font-size: 120%;
    display: inline-block;
    position: absolute;
    top:0;
}
div.input_date_icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../css_image/icon_calendar.png");
    position: absolute;
    top:3px;
    left: 153px;
}
div.input_date_icon+p{
    position: absolute;
    top: 5px;
    left: 180px;
}

/*
カレンダー
*/
.calendar_cover{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9998;
}

.calendar_cover .clndr{
    background: #FFFFFF;
    position: absolute;
    z-index: 100;
    opacity: 1;
    border: 1px solid #000;
}

.calendar_cover table tr:last-child td:last-child,
.calendar_cover table tr:last-child td:first-child{
    border-radius: 0 0 0 0 ;
}

.calendar_cover table tr td,
.calendar_cover table tr td{
    box-shadow: none;
    background-color: white;
}

.calendar_cover .clndr {
    width: 504px;
    margin: 0 auto;
    text-align: center;
    background: #031c44;
}

.calendar_cover .clndr-controls {
    display: flex;
    font-size: 24px;
    height: 45px;
    background: #031c44;
    color: white;
    padding-top: 8px;
    border: 1px #ccc solid;
}
.calendar_cover .month{
    font-size: 24px;
    height: 30px;
}

.calendar_cover .clndr-control-button {
width: 20%;
}
.calendar_cover .clndr-previous-button,
.calendar_cover .clndr-next-button {
width: 100%;
cursor: pointer;
display: block;
transition: all .8s ease;
}

.calendar_cover .clndr-previous-button:hover,
.calendar_cover .clndr-next-button:hover {
background: #031c44;
background-position: 20% 20%;
background-size: 200% 200%;
color: #888888;
}
.calendar_cover .month {
width: 60%;
}

.calendar_cover .clndr-table {
width: 100%;
}
.calendar_cover table thead tr td {
    color: #FFFFFF;
    line-height: 25px;
    background-color: #031c44;
    font-size: 18px;
    text-align: center;
}

.calendar_cover table tr .adjacent-month .day-contents {
display: none;
}
.calendar_cover td:first-child {
color: red;
}
.calendar_cover td:last-child {
    color: blue;
}
.calendar_cover .day-contents {
    font-size: 34px;
    text-align: center;
    padding: 5px;
}
.calendar_cover .today .day-contents {
    color: #fff;
    background-color: #f0e68c;
}
.calendar_cover .select_date .day-contents{
    color: #fff;
    background-color: #ffa500;
}