.searchCalWidget *{margin:0;padding:0;color:#333;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{height: 0; overflow: hidden;}
  .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 #aaa;}
  .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 dt{margin-right:1em;font-size:14px;font-weight:700;}
  .searchCalButton dd input{padding:.4em 2em;font-size:14px;font-weight:700;color:#fff;background:#333;border:none;border-radius:4px;cursor:pointer;}
  .searchCalSelectBox{position: relative; max-width: 400px; margin:0 auto; padding:0 0 .5em;display:flex;align-items:baseline;flex-wrap:wrap;}
  .searchCalNote{list-style:none;padding:0 0 20px;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;}
	
  .searchCalSelect{position: absolute;bottom: -23px; right: 0; margin-left:auto;padding:0 0;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;}
	
  #searchCal{max-width: 400px; margin:0 auto 40px;}
  #searchCal>dl>dt{padding:0 0 15px;font-size:20px;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:#ccc;border: 1px solid #ccc;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-left:1px solid #717171; }
  #searchCal>dl>dd ol li{width:14.28571%;min-height:70px;position:relative;border-bottom:1px solid #717171;border-right:1px solid #717171;}
  #searchCal>dl>dd ol li a{pointer-events:none;}
  #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:.70;}
  #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:15px;height:15px;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;}
	
  .searchCalAtt{margin:0 0 50px; text-align: center; font-size: 15px;}
	
  @media screen and (max-width:499px){
    .searchCalElement>ul>li li dl dt{font-size:12px;}
    .searchCalElement>ul>li li dl dt span{font-size:10px;}
    .searchCalButton{padding:0 0 2em;display:block}
    .searchCalButton dt{margin:0 0 .5em;text-align:center;}
    .searchCalButton dd{text-align:center;}
    #searchCal>dl>dd ol li dd p{transform:scaleX(.75);}
  }