@charset "utf-8";
/*----------------------
BASE CLASS
----------------------*/
* {
  box-sizing: border-box;
}
*::placeholder {
  color: #999;
}
body {
  font-family: 'Noto Sans JP', Helvetica, Arial, Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
  letter-spacing: 0.02em;
}
img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
/*----------------------
LIB HACK
----------------------*/
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
}
.ui-datepicker select {
  width: 35% !important;
  border: 1px #ccc solid;
  background-color: #fff;
  padding: 2px 10px 3px 2px;
  border-radius: 4px;
  text-align: center;
  background-image: url(../icon/admin/pulldown.svg);
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 5px;
}
.ui-datepicker .ui-datepicker-month {
  margin-left: 5px !important;
}

/*----------------------
BODYFIX
----------------------*/
.common-body-fixed {
  width: 100%;
  position: fixed;
  overflow-y: scroll;
}

/*----------------------
DISPLAY
----------------------*/
@media screen and (min-width:769px){
  .common-pc-hide {
    display: none !important;
  }
}
.common-sp-visible {
  display: none !important;
}
.common-xs-visible {
  display: none !important;
}
@media screen and (max-width:768px){
  .common-sp-visible {
    display: block !important;
  }
  .common-sp-hide {
    display: none !important;
  }
}
@media screen and (max-width:374px){
  .common-xs-visible {
    display: block !important;
  }
  .common-xs-hide {
    display: none !important;
  }
}

/*----------------------
ORDER
----------------------*/
@media screen and (max-width:768px){
  .common-sp-order-1 {
    order: 1;
  }
  .common-sp-order-2 {
    order: 2;
  }
}

/*----------------------
TEXTCOLOR
----------------------*/
.common-tc-skyblue {
  color: #52c5f2 !important;
}
.common-tc-red {
  color: #ff364d !important;
}
.common-tc-grey {
  color: #ccc !important;
}

/*----------------------
TEXTWEIGHT
----------------------*/
.common-fw-600 {
  font-weight: 600 !important;
}

/*----------------------
TEXTALIGN
----------------------*/
.common-ta-c {
  text-align: center !important;
}

/*----------------------
VERTICAL ALIGN
----------------------*/
.common-va-top {
  vertical-align: top !important;
}

/*----------------------
FONTSIZE
----------------------*/
.common-fz-14 {
  font-size: 14px;
}
.common-fz-16 {
    font-size: 14px;
}
.common-fz-18 {
  font-size: 18px;
}

.common-fz-70p {
  font-size: 70%;
}

/*----------------------
HEIGHT
----------------------*/
.common-h-300 {
  height: 300px !important;
}
/*----------------------
WIDTH
----------------------*/
.common-w-5p {
  width: 5%;
}
.common-w-10p {
  width: 10%;
}
.common-w-15p {
  width: 15%;
}
.common-w-20p {
  width: 20%;
}
.common-w-25p {
  width: 25%;
}
.common-w-30p {
  width: 30%;
}
.common-w-35p {
  width: 35%;
}
.common-w-40p {
  width: 40%;
}
.common-w-45p {
  width: 45%;
}
.common-w-50p {
  width: 50%;
}
.common-w-55p {
  width: 55%;
}
.common-w-60p {
  width: 60%;
}
.common-w-65p {
  width: 65%;
}
.common-w-70p {
  width: 70%;
}
.common-w-75p {
  width: 75%;
}
.common-w-80p {
  width: 80%;
}
.common-w-85p {
  width: 85%;
}
.common-w-90p {
  width: 90%;
}
.common-w-100p {
  width: 100%;
}

.common-w-140 {
  width: 140px;
}
.common-w-180 {
  width: 180px;
}
.common-w-300 {
  width: 300px;
}

/*----------------------
PADDING
----------------------*/
.common-plr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.common-plr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.common-pt-0 {
  padding-top: 0.5px !important;
}

/*----------------------
MARGIN TOP
----------------------*/
.common-mt-0 {
  margin-top: 0 !important;
}
.common-mt-5 {
  margin-top: 5px !important;
}
.common-mt-10 {
  margin-top: 10px !important;
}
.common-mt-15 {
  margin-top: 15px !important;
}
.common-mt-20 {
  margin-top: 20px !important;
}
.common-mt-25 {
  margin-top: 25px !important;
}
.common-mt-30 {
  margin-top: 30px !important;
}
.common-mt-35 {
  margin-top: 35px !important;
}
.common-mt-40 {
  margin-top: 40px !important;
}
@media screen and (max-width:768px){
  .common-sp-mt-0 {
    margin-top: 0 !important;
  }
  .common-sp-mt-20 {
    margin-top: 20px !important;
  }
}

/*----------------------
MARGIN RIGHT
----------------------*/
.common-mr-5 {
  margin-right: 5px !important;
}
.common-mr-10 {
  margin-right: 10px !important;
}
.common-mr-15 {
  margin-right: 15px !important;
}
.common-mr-20 {
  margin-right: 20px !important;
}
.common-mr-25 {
  margin-right: 25px !important;
}
.common-mr-30 {
  margin-right: 30px !important;
}
.common-mr-35 {
  margin-right: 35px !important;
}
.common-mr-40 {
  margin-right: 40px !important;
}

/*----------------------
MARGIN LEFT
----------------------*/
.common-ml-0 {
  margin-left: 0px !important;
}


/* 50%下線にマーカー表示 */
.marker-border-1{
    background:linear-gradient(transparent 50%, #ffff66 0%);
	}