@charset "utf-8";
/* ===================== reset ==== */
html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, a, img, small, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td, article, footer, header, nav, section, figure ,address ,em{margin: 0;padding: 0;border: 0;font-size: 100%; font-style: normal;}
body{text-align: justify; text-justify: inter-ideograph;}
input, textarea {margin: 0; resize: none; font-size: 16px; padding: 6px;box-sizing: border-box;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;color: inherit;}
a:focus {outline: none;}
img {max-width: 100%;height: auto;}
html {font-family: "Noto Sans JP", 'Hiragino Kaku Gothic ProN' , 'メイリオ' , Meiryo , sans-serif;-webkit-text-size-adjust: 100%;line-height: 1.8;-webkit-font-smoothing: antialiased; font-weight: 500;}
.maru { font-family: "Zen Maru Gothic", serif; font-weight: 700;}
/* ===================== animation ==== */
.touch--anime{transition: opacity .3s;}
@media all and (min-width:768px) {.touch--anime:not(.nopacity):hover{opacity: .7;}}
@media all and (max-width:767px) {.touch--anime:not(.nopacity).touch--start{opacity: .7;}}
.scroll--anime{transition: all 1s ease .1s;}
.scroll--anime.fuwa{opacity:0; transform: scale(.95);}
.scroll--anime.fuwa.scroll--start{opacity:1;transform: scale(1)}
.scroll--anime.fuwa-up{transform: translateY(30px);opacity:0;}
.scroll--anime.fuwa-up.scroll--start{transform: translateY(0px);opacity:1;}
.scroll--anime.fuwa-down{transform: translateY(-30px);opacity:0;}
.scroll--anime.fuwa-down.scroll--start{transform: translateY(0px);opacity:1;}
.scroll--anime.fuwa-right{transform: translateX(-30px);opacity:0;}
.scroll--anime.fuwa-right.scroll--start{transform: translateX(0px);opacity:1;}
.scroll--anime.fuwa-left{transform: translateX(30px);opacity:0;}
.scroll--anime.fuwa-left.scroll--start{transform: translateX(0px);opacity:1;}
.scroll--filter{position: relative;overflow: hidden;}
.scroll--filter::before{content: '';width: 100%;height: 100%;background: #fff;position: absolute;left:0;top:0;transition: all 1s;}
.scroll--filter.filter-left.scroll--start::before{left:-100%;}
.scroll--filter.filter-right.scroll--start::before{left: 100%;}
.scroll--filter.filter-up.scroll--start::before{top:-100%;}
.scroll--filter.filter-down.scroll--start::before{top: 100%;}
/* ===================== animation ==== */
@-webkit-keyframes kakukaku {
  0% ,100%{
    transform: rotateZ(0);
  }
	10% ,90%{
    transform: rotateZ(-5deg);
  }
	20% ,80%{
    transform: rotateZ(5deg);
  }
	30% ,70%{
    transform: rotateZ(-5deg);
  }
	40% ,60%{
    transform: rotateZ(5deg);
  }
	50%{
    transform: rotateZ(-5deg);
  }
}
@keyframes kakukaku {
  0% ,100%{
    transform: rotateZ(0);
  }
	10% ,90%{
    transform: rotateZ(-5deg);
  }
	20% ,80%{
    transform: rotateZ(5deg);
  }
	30% ,70%{
    transform: rotateZ(-5deg);
  }
	40% ,60%{
    transform: rotateZ(5deg);
  }
	50%{
    transform: rotateZ(-5deg);
  }
}
@keyframes tekuteku {
	  0% ,100%{
    transform: translateX(0);
  }
	25%{
    transform: translateX(5px) translateY(-3px);
  }
	 50%{
    transform: translateX(10px);
  }
	75%{
    transform: translateX(5px) translateY(3px);
  }
}