@charset "UTF-8";

.searchCalWidget *{margin:0;padding:0;text-decoration:none;box-sizing:border-box;}
.searchCalWidget select{padding:.25em 1em;font-size:16px;outline:none;border:1px solid #999;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.searchCalWidget select::-ms-expand{display:none;}
.searchCalElement>ul{list-style:none;margin:0 0 1em;display:flex;justify-content:space-between;}
.searchCalElement>ul>li{width:48%;}
.searchCalElement>ul>li li{list-style:none;margin:0 0 .5em;padding:0 .5em .5em;border-bottom:1px solid #ddd;}
.searchCalElement>ul>li li dl{display:flex;align-items:center;flex-wrap:wrap;}
.searchCalElement>ul>li li dl dt{font-size:14px;}
.searchCalElement>ul>li li dl dt span{margin-left:.25em;font-size:11px;}
.searchCalElement>ul>li li dl dd{margin-left:auto;}
.searchCalButton{padding:0 0 2em;display:flex;align-items:center;justify-content:center;}
.searchCalButton input{padding:.4em 2em;font-size:14px;font-weight:700;color:#fff;background:#333;border:none;border-radius:4px;cursor:pointer;}
.searchCalSelectBox{padding:0 0 .5em;display:flex;align-items:baseline;flex-wrap:wrap;}
.searchCalSelectBox>div>ol>li button{width: 28px; height: 27px;}
.searchCalNote {display:flex;justify-content:space-between;padding:1em 0 1em;}
.searchCalNote ol{list-style:none;display:flex;}
.searchCalNote li{margin-right:1.5em;font-size:13px;line-height:16px;display:flex;}
.searchCalNote li svg{margin-right:5px;width:16px;height:16px;fill:#333;}
.searchCalNote p{font-size:13px;line-height:16px}
.searchCalSelect{margin-left:auto;padding:0 0 1em;display:flex;align-items:stretch;}
.searchCalSelect ol{list-style:none;display:flex;align-items:stretch;}
.searchCalSelect ol li{margin-left:5px;}
.searchCalSelect ol li button{padding:5px 5px 4px;height:100%;display:flex;align-items:center;justify-content:center;width:28px;border:1px solid #999;border-radius:3px;background:transparent;cursor:pointer;}
.searchCalSelect ol li button:disabled{opacity: .5}
.searchCalSelect ol li svg{width:16px;height:16px;fill:#666;pointer-events:none;}
.searchCalAdult dt>span{color:#666666;margin-left:1em;}
.searchCalChildren {font-size:14px;}
.searchCalChildren dt>span{color:#666666;margin-left:1em;}
.searchCalChildren dd>span{margin:0 2px;}
#searchCal>dl>dt{padding:0 0 .5em;font-size:16px;font-weight:700;}
#searchCal>dl>dd ul{list-style:none;display:flex;}
#searchCal>dl>dd ul li{padding:.25em;font-size:11px;text-align:center;background:#eee;flex:1;}
#searchCal>dl>dd ul li:first-child{color:#ff4d4d;}
#searchCal>dl>dd ul li:last-child{color:#006dd9;}
#searchCal>dl>dd ol{list-style:none;display:flex;flex-wrap:wrap;border:solid #ddd;border-width:1px 0 0 1px;}
#searchCal>dl>dd ol li{width:14.28571%;min-height:70px;position:relative;border:solid #ddd;border-width:0 1px 1px 0;}
#searchCal>dl>dd ol li dl{padding-bottom:1.25em;}
#searchCal>dl>dd ol li dt{padding-top:.25em;font-size:18px;font-weight:700;text-align:center;}
#searchCal>dl>dd ol li:nth-child(7n) dt{color:#006dd9;}
#searchCal>dl>dd ol li:nth-child(7n-6) dt{color:#ff4d4d;}
#searchCal>dl>dd ol li.none dl{opacity:.25;cursor:not-allowed;}
#searchCal>dl>dd ol li dl dd{padding:.25em 0 .5em;display:flex;justify-content:center;}
#searchCal>dl>dd ol li dl dd svg{width:20px;height:20px;fill:#333;}
#searchCal>dl>dd ol li dd p{font-size:10px;font-weight:700;text-align:center;text-indent:-.4em;width:100%;position:absolute;bottom:5px;left:0;}

@media screen and (max-width:767px){
    .searchCalElement>ul>li li dl dt{font-size:12px;}
    .searchCalElement>ul>li li dl dt span{font-size:10px;}
    #searchCal>dl>dd ol li dd p{transform:scaleX(.75);}
}