@charset "UTF-8";

html {
  font-size: 62.5%;
}

body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-feature-settings: "palt";
}

img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

a {
  color: inherit;
  text-decoration: none;
}

.linkhover:hover {
  opacity: 0.8;
}

/* 各セクションのインナー */
.sec-inner {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 1025px) {
  .sec-inner {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .sec-inner {
    width: 90%;
  }
}

h2.sec-title {
  max-width: 900px;
  width: 100%;
  margin: 0 auto 70px;
}

@media screen and (max-width: 1025px) {
  h2.sec-title {
    width: 80%;
    margin: 0 auto 70px;
  }
}

@media screen and (max-width: 768px) {
  h2.sec-title {
    width: 100%;
    margin: 0 auto 30px;
  }
}

.wrapper {
  max-width: 1920px;
  width: 100%;
  margin: auto;
  background: #90bd03 url(../img/syuryou_bg.jpg) no-repeat center top;
  background-size: 100%;
}


/* キービジュアル */
.hero {
  width: 100%;
}


/* アバウト */
.sec-about p.about-txt {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  letter-spacing: -0.05em;
  color: #474747;
  text-shadow:
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff,
    0 0 3px #fff;
  line-height: 2.0;
  text-align: center;
  padding-top: 110px;
}

.about-bnr {
  display: block;
  max-width: 1013px;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 1025px) {
  .sec-about p.about-txt {
    font-size: 1.8rem;
    padding-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .sec-about p.about-txt {
    font-size: 1.3rem;
    line-height: 1.8;
    padding-top: 50px;
    padding-bottom: 30px;
  }
}




/* オンエアコンテンツ */
.sec-onaircontents {
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  .sec-onaircontents {
    padding-top: 60px;
  }
}

h2.onaircontents-title {
  width: 900px;
  margin: auto;
}

.onaircontents-list {
  width: 100%;
}

.onaircontents-list a {
  display: block;
  margin-bottom: 40px;
}

.onaircontents-list a:last-child {
  margin-bottom: 0;
}


@media screen and (max-width: 768px) {
  .onaircontents-list a {
    margin-bottom: 20px;
  }
}



/* プレゼント */
.sec-present {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
  .sec-present {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.present-photo {
  width: 100%;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .present-photo {
    margin-bottom: 40px;
  }
}


.present-bnr {
  width: 100%;
}


/* ソーシャル */
.sec_social {
  padding-top: 170px;
  padding-bottom: 170px;
  background-color: #fff;
  background-image: url(../img/triangle.png),
    url(../img/triangle_bottom.png);
  background-repeat: repeat-x,
    repeat-x;
  background-position: top,
    bottom;
}

@media screen and (max-width: 1025px) {
  .sec_social {
    background-size: 5%, 5%;
  }
}

@media screen and (max-width: 768px) {
  .sec_social {
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: 10%, 10%;
  }
}

.youtube-box,
.twitter-box {
  max-width: 1140px;
  width: 100%;
  margin: auto;
}

.youtube-box {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .youtube-box {
    margin-bottom: 40px;
  }
}

.youtube-title,
.twitter-title {
  max-width: 374px;
  width: 100%;
  margin: 0 auto 30px;
}

.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1025px) {

  .youtube-title,
  .twitter-title {
    width: 40%;
  }
}


@media screen and (max-width: 768px) {

  .youtube-title,
  .twitter-title {
    width: 50%;
  }
}



/* メッセージ募集 */
.sec-message {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
  .sec-message {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.sec-message div.message-photo {
  max-width: 645px;
  width: 100%;
  margin: 0 auto 50px;
}

.sec-message p.message-txt {
  font-size: 3.0rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 1025px) {
  .sec-message p.message-txt {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 768px) {
  .sec-message div.message-photo {
    margin: 0 auto 30px;
  }

  .sec-message p.message-txt {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}

.sec-message a.message-btn {
  display: block;
  max-width: 933px;
  width: 100%;
  margin: auto;
}

/* 狩猟部フッター */
.sec_syuryou-footer {
  padding: 210px 0 110px;
  background: #fff url(../img/triangle.png) repeat-x center top;
}

.syuryou-footer-inner {
  max-width: 1080px;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 1025px) {
  .sec_syuryou-footer {
    background-size: 5%;
  }

  .syuryou-footer-inner {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .sec_syuryou-footer {
    padding: 100px 0 50px;
    background-size: 10%;
  }

  .syuryou-footer-inner {
    width: 90%;
  }
}


.l-audeeradiko {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin-bottom: 160px;
}

.l-audeeradiko a {
  display: block;
  flex: 0 0 47.5%;
}

@media screen and (max-width: 1025px) {
  .l-audeeradiko {
    margin-bottom: 100px;
  }
}


@media screen and (max-width: 768px) {
  .l-audeeradiko {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
  }

  .l-audeeradiko a {
    flex: 0 0 100%;
  }

  .l-audeeradiko a:first-child {
    margin-bottom: 30px;
  }
}


/* バナー */
.l-bnr {
  width:100%;
}

.l-bnr a.gunma-bnr,
.l-bnr a.fes-bnr {
  display: block;
  max-width: 316px;
  width:100%;
  margin: auto;

}

.gunma-bnr-caption{
  font-size: 1.6rem;
  font-weight: bold;
  color:#303897;
  text-align: center;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 4em;
}

@media screen and (max-width: 768px) {
  .l-bnr a.gunma-bnr,
  .l-bnr a.fes-bnr {
    width: 80%;
  }
}





@media screen and (max-width: 768px) {
  .only-pc {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .only-sp {
    display: none;
  }
}