/*common.css*/

/*---------------------------------------------
  Common
  ---------------------------------------------*/




/*---------------------------------------------
  Form reset
  ---------------------------------------------*/

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
    color: #262626;
}

::placeholder {
  color: #ccc;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}


input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
   -webkit-appearance: none;
/*   border-radius: 0;*/
}


/*---------------------------------------------
Adjustment
  ---------------------------------------------*/

.mt0 {
    margin-top: 0px!important;
}

.mt5 {
    margin-top: 5px!important;
}

.mt10 {
    margin-top: 10px!important;
}

.mt15 {
    margin-top: 15px!important;
}

.mt20 {
    margin-top: 20px!important;
}

.mt25 {
    margin-top: 25px!important;
}

.mt30 {
    margin-top: 30px!important;
}

.mt35 {
    margin-top: 35px!important;
}

.mt40 {
    margin-top: 40px!important;
}

.mt45 {
    margin-top: 45px!important;
}

.mt50 {
    margin-top: 50px!important;
}

.mt55 {
    margin-top: 55px!important;
}


.mt60 {
    margin-top: 60px!important;
}


.mb0 {
    margin-bottom: 0px!important;
}

.mb5 {
    margin-bottom: 5px!important;
}

.mb10 {
    margin-bottom: 10px!important;
}

.mb15 {
    margin-bottom: 15px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.mb25 {
    margin-bottom: 25px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.mb35 {
    margin-bottom: 35px!important;
}

.mb40 {
    margin-bottom: 40px!important;
}

.mb45 {
    margin-bottom: 45px!important;
}

.mb50 {
    margin-bottom: 50px!important;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}


sup {
	font-size: 70%;
	vertical-align: super;
}

sub {
	font-size: 70%;
	vertical-align: sub;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/*---------------------------------------------
  pageTop
  ---------------------------------------------*/

#pageTop {
    position: fixed;
    bottom: 4%;
    right: 20px;
    z-index: 98;
    max-height: 160px;
}

#pageTop img {
    width: 60px;
}

/*---------------------------------------------
  fade
  ---------------------------------------------*/

.fade1{
  animation-name:fade-in1;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 1s; 
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode: forwards;
}

@keyframes fade-in1 {
  0% {opacity: 0; transform: translate3d(0,-40px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/*---------------------------------------------
  Fade TOP_button
  ---------------------------------------------*/

.fade01 {
    animation-name: fade-in1;
    animation-duration: 8s; 
    animation-timing-function: ease-out;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
  }

  @keyframes fade-in1 {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

/*---------------------------------------------
print setting
---------------------------------------------*/

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
    body{
        overflow-y: visible;
        overflow-x: visible;
        overflow: visible !important;
        width: 1280px;
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
    }
    .sp_menuSearch{
        display: none;
    }
}