@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'zenfont';
	src: url(../font/ZenKakuGothicAntique-Bold.ttf);
}


  html{
    scroll-padding-top: 170px;
  }


* {
    margin: 0px;
    padding: 0px;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
  font-family: 'zenfont','Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.uk-navbar-toggle {
  min-height: 60px;
}

body{
  background-color: #222;
  font-family: 'zenfont','Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

li{
  list-style: none;
}


.borderBtn {
  color: #000;
}
.borderBtn {
  position: relative;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  background-color: #fff;
  border:4px solid #000;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

.borderBtn:hover {
  transform: scale(1.05);
  color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.borderBtn:hover{
  color: #fff;
  text-decoration: none;
}
.borderBtn:active {
  transform: scale(0.9);
}
.borderBtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #FF9D6C, #BB4E75);
  transition: left 0.4s ease-in-out;
  z-index: -1;
}

.borderBtn:hover::before {
  left: 0;
}

.nolinkbtn{

  position: relative;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  background-color: #555;
  border:4px solid #000;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

footer{
  padding: 50px;
  background: url(../img/foot.jpg) no-repeat center right;
  text-align: center;
  color: #fff;
  line-height: 1rem;
  font-size: 0.8rem;
}


#spnav{
  background:linear-gradient(to bottom, #af1a06, #d34017);
}

#spnav .uk-navbar-toggle{
  padding: 10px;
  color: #fff;
}


@media screen and (max-width: 960px) {
    .spnone{
          display: none;
    }
}

@media screen and (min-width: 960px) {
    .pcnone{
        display: none;
    }
}