@charset "utf-8";

@media print,screen and (min-width : 501px) {

.sectitle{
  font-size:30px;font-size:3.0rem;
  text-align: center;
}
.linkbtn{
  margin-top: 20px;
  text-align: center;
}
.linkbtn a{
  background-color: #505050;
  color: #fff;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  padding: 10px 60px;
}

/** はじめに
---------------------------------------- */
#introduction{
  background-image: url("images/fix_bg.jpg");
  margin-top: 20px;
  padding: 40px 0;
  text-align: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

#introduction .inner{
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius:10px;
}
#introduction h2{
  font-size:24px;font-size:2.4rem;
  font-family:"NotoSerifJP-5";
}
#introduction p{
  margin-top: 14px;
}

/** シーズンバナー
---------------------------------------- */
#season_banner{
  margin-top: 60px;
}

/** 試合結果
---------------------------------------- */
#results{
  margin-top: 60px;
}
#results ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  margin: 20px;
}
#results ul li{
  width: 24%;
  padding: 10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
#results ul li .date{
  margin-top: 4px;
  font-size:14px;font-size:1.4rem;
}
#results ul li img{
  width: 100%;
}

/** バナー
---------------------------------------- */
#bannerarea{
  margin-top: 60px;
  background-color: #646464;
  padding: 40px;
}
#bannerarea ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
#bannerarea li{
  width: 500px;
  margin: 0 20px;
}

/** お知らせ
---------------------------------------- */
#news{
  margin-top: 60px;
}
#news ul{
  margin-top: 20px;
  border-top:solid 1px #c8c8c8;
}
#news ul li{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  border-bottom:solid 1px #c8c8c8;
  padding: 20px;
}
#news ul li .date{
  margin-right: 30px;
  
}


/** リンク
---------------------------------------- */
#link{
  margin-top: 60px;
}
#link ul{
  margin-top: 20px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
#link ul li a{
  background-color: #2e3192;
  color: #fff;
  padding: 16px 20px;
  margin: 10px;
  width: 200px;
  text-align: center;
  display: block;
  text-decoration: none;
}


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

#swiper{
  margin-top: 20px;
}

.sectitle{
  font-size:24px;font-size:2.4rem;
  text-align: center;
}
.linkbtn{
  margin-top: 20px;
  text-align: center;
}
.linkbtn a{
  background-color: #505050;
  color: #fff;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  padding: 10px 40px;
}

/** はじめに
---------------------------------------- */
#introduction{
  background-image: url("images/fix_bg.jpg");
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

#introduction .inner{
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius:10px;
}
#introduction h2{
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSerifJP-5";
}
#introduction p{
  margin-top: 14px;
}

/** シーズンバナー
---------------------------------------- */
#season_banner{
  margin-top: 40px;
}

/** 試合結果
---------------------------------------- */
#results{
  margin-top: 40px;
}
#results ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  margin: 20px;
}
#results ul li{
  width: 48%;
  margin-bottom: 16px;
}
#results ul li .date{
  margin-top: 6px;
  display: block;
  font-size:12px;font-size:1.2rem;
}

/** バナー
---------------------------------------- */
#bannerarea{
  margin-top: 40px;
  background-color: #646464;
  padding: 2px 0;
}
#bannerarea li{
  margin: 20px 0;
}

/** お知らせ
---------------------------------------- */
#news{
  margin-top: 40px;
}
#news ul{
  margin-top: 20px;
  border-top:solid 1px #c8c8c8;
}
#news ul li{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  border-bottom:solid 1px #c8c8c8;
  padding: 20px 10px;
}
#news ul li .date{
  margin-right: 20px;
  
}


/** リンク
---------------------------------------- */
#link{
  margin-top: 40px;
}
#link ul{
  margin-top: 10px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
#link ul li{
  width: 48%;
}
#link ul li a{
  background-color: #2e3192;
  color: #fff;
  padding: 10px 10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  text-align: center;
  display: block;
  text-decoration: none;
  margin: 4px;
}
#link ul li a small{
  display: block;
  font-size:12px;font-size:1.2rem;
}



}