@charset "UTF-8";
/* css Zure */

/*---------------------------------------------------- */
/* ヘッダ固定時のページ内リンクのズレ補正 */
/*---------------------------------------------------- */
#Feature:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#Facility:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#Gallery:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link001:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link002:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link003:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link004:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link005:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link006:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link007:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link008:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link009:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

#link010:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

/* PC */
@media print, screen and (min-width: 961px) {
/*---------------------------------------------------- */
/* ヘッダ固定時のページ内リンクのズレ補正 */
/*---------------------------------------------------- */
.zure {
  margin-top : -280px; /* -210px */
  padding-top : 280px; /* 210px */
}

@-webkit-keyframes modify{
      0% { padding-top: 280px; margin-top: -280px; } /* -210px */
    100% { padding-top: 0; margin-top: 0; } /* 210px */
}

@keyframes  modify{
      0% { padding-top: 280px; margin-top: -280px; } /* 210px -210px */
    100% { padding-top: 0; margin-top: 0; }
}


}

/* Tablet */
@media only screen and (max-width: 960px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* ヘッダ固定時のページ内リンクのズレ補正 */
/*---------------------------------------------------- */
.zure {
	margin-top : -76px;
	padding-top : 76px;
}

@-webkit-keyframes modify{
      0% { padding-top: 76px; margin-top: -76px; }
    100% { padding-top: 0; margin-top: 0; }
}

@keyframes  modify{
      0% { padding-top: 76px; margin-top: -76px; }
    100% { padding-top: 0; margin-top: 0; }
}

}


/* Phone Landscape (Retina) */
@media only screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* ヘッダ固定時のページ内リンクのズレ補正 */
/*---------------------------------------------------- */
.zure {
	margin-top : -76px;
	padding-top : 76px;
}

@-webkit-keyframes modify{
      0% { padding-top: 76px; margin-top: -76px; }
    100% { padding-top: 0; margin-top: 0; }
}

@keyframes  modify{
      0% { padding-top: 76px; margin-top: -76px; }
    100% { padding-top: 0; margin-top: 0; }
}

}