﻿.ico__calendar {
background-size: 23px auto;
background-image: url(../../common/img/icn_calendar_black.svg);
background-position: right 10px center;
background-repeat: no-repeat;
}
/* Firefox */
@-moz-document url-prefix() {
    input[disabled].display-date {
        pointer-events: none
    }
}
/* Edge */
@supports (-ms-ime-align: auto) {
    input[disabled].display-date {
        pointer-events: none
    }
}
.display-date {
    color: initial;
    background-color: white;
    cursor: pointer;
    -webkit-text-fill-color: black;
    opacity: 1;
}
.m-form .inner {
    width: 100%;
    padding: 40px 50px 40px;
    color: #fff;
    position: relative;
    background: #fff;
    box-shadow: 2px 0 6px -1px rgba(0, 0, 0, 0.2);
}
#modal-calendar-sp > .m-modal-content > .m-modal-head > button.m-modal-close {
background-color: #99cc00 bottom: 15px;
right: 15px;
}

#modal-calendar-sp > .m-modal-content > .m-modal-head > button.m-modal-close span {
width: 30px;
height: 30px;
background-color: white;
}

#modal-calendar-sp > .m-modal-content > .m-modal-head > button.m-modal-close span::after {
    width: 14px;
    height: 14px;
    top: 8px;
    left: 8px;
    background-image: url(../../common/img/icn_batsu.svg);
    background-position: 0px 0px;
    background-color: white;
}
.m-modal-content[data-type="calendar_sp"] {
    max-width: 740px;
    padding-bottom: 20px;
    overflow: auto;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-head {
margin: -30px -30px 25px;
background: #000;
color: #000;
border: 1px solid #999;
height: 64px;
position: fixed;
width: 100%;
box-sizing: border-box;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-head__hdg {
font-size: 2rem;
line-height: 64px;
text-align: center;
color: #fff;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-head__list a {
color: #ccc;
display: block;
padding-left: 13px;
position: relative;
display: inline-block;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body__segment {
width: 100%;
float: left;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body {
margin-top: 40px;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar caption {
font-size: 1.7rem;
font-weight: normal;
font-family: Garamond, "Yu Mincho", YuMincho, \006e38\00660e\00671d, \0030d2\0030e9\0030ae\0030ce\00660e\00671d\0020\0050\0072\006f\004e\0020\0057\0033, "Hiragino Mincho ProN", \0048\0047\00660e\00671d\0045, \00ff2d\00ff33\0020\00ff30\00660e\00671d, \00ff2d\00ff33\0020\00660e\00671d, serif;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar caption span {
font-size: 1.4rem;
font-family: \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \30e1\30a4\30ea\30aa, Meiryo, \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "MS PGothic", sans-serif;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar caption em {
padding: 0 5px;
font-size: 3rem;
font-weight: normal;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar th, .m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar td {
font-size: 1.2rem;
text-align: center;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar thead th {
padding: 5px 0;
font-weight: normal;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar thead .m-modal-calendar--sat {
color: #039;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar thead .m-modal-calendar--sun {
color: #990000;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody td {
line-height: 1;
border: 1px solid #dddddd;
border-collapse: collapse;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody td a {
width: 100%;
padding: 10px 0;
display: block;
text-decoration: none;
font-size: 1.6rem;
font-family: Garamond, "Yu Mincho", YuMincho, \006e38\00660e\00671d, \0030d2\0030e9\0030ae\0030ce\00660e\00671d\0020\0050\0072\006f\004e\0020\0057\0033, "Hiragino Mincho ProN", \0048\0047\00660e\00671d\0045, \00ff2d\00ff33\0020\00ff30\00660e\00671d, \00ff2d\00ff33\0020\00660e\00671d, serif;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody td span {
width: 100%;
padding: 10px 0;
display: block;
text-decoration: none;
font-size: 1.6rem;
font-family: Garamond, "Yu Mincho", YuMincho, \006e38\00660e\00671d, \0030d2\0030e9\0030ae\0030ce\00660e\00671d\0020\0050\0072\006f\004e\0020\0057\0033, "Hiragino Mincho ProN", \0048\0047\00660e\00671d\0045, \00ff2d\00ff33\0020\00ff30\00660e\00671d, \00ff2d\00ff33\0020\00660e\00671d, serif;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .m-modal-calendar--sat {
color: #039;
background: #f1f4fa;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .m-modal-calendar--sat a {
color: #039;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .m-modal-calendar--sun,
.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .m-modal-calendar--hol {
color: #990000;
background: #faf2f2;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .m-modal-calendar--sun a,
.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .m-modal-calendar--hol a {
color: #990000;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-selected a {
color: #fff;
background: #000;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-selected a:hover,
.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-selected a:focus,
.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-selected a:active {
opacity: 1;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-disabled {
opacity: .5;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-disabled a {
cursor: default;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-disabled a:hover,
.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-disabled a:focus,
.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody .is-disabled a:active {
    opacity: 1;
}

.m-modal-content[data-type="calendar_sp"] .m-modal-body .m-modal-calendar tbody :empty {
width: 100%;
padding: 18px 0;
font-size: 1.6rem;
font-family: Garamond, "Yu Mincho", YuMincho, \006e38\00660e\00671d, \0030d2\0030e9\0030ae\0030ce\00660e\00671d\0020\0050\0072\006f\004e\0020\0057\0033, "Hiragino Mincho ProN", \0048\0047\00660e\00671d\0045, \00ff2d\00ff33\0020\00ff30\00660e\00671d, \00ff2d\00ff33\0020\00660e\00671d, serif;
}

.m-modal[data-type="calendar_sp"] {
width: 100%;
padding: 0px;
position: absolute;
top: 0 !important;
left: 0;
z-index: 10000;
display: none;
box-sizing: border-box;
}
