@charset "utf-8";
/* CSS Document */

#contentwrap {
  width: 100%;
}
#contentwrap *{
  box-sizing: border-box
}

.mv_bg{
  width: 100%;
  background:url("../images/bg_main.jpg") no-repeat center top / cover;
	padding: 20px 0;
  position: relative;
}
.main-titlebox{
  width: 992px;
  background: rgb(255 255 255 / 80%);
  margin: auto;
  padding: 20px 10px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.main-title{
  text-align: center;
  margin-bottom: 20px;
}
.nav-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.nav-list>li{
  width: calc(94% / 8);
  height: 74px;
  background: #47c40c;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column
}
.nav-list>li.theme{
  width: calc(97% / 4);
  background: #0057B8;
  margin-bottom: 1%;
}
.nav-list>li>a{
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  padding: 10px 5px 20px;
  position: relative
}
.nav-list>li>a::after{
  content: "";
  background: url("../images/arrow.png") no-repeat center center / cover;
  width: 16px;
  height: 10px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 5px;
  margin: auto
}
.nav-list>li>a:hover{
  opacity: 0.8
}

section{
  width: 100%;
  padding: 30px 0;
  background: #eaf7de;
}
section:nth-child(odd){
  background: #FFFAF0;
}
.innerbox{
  width: 992px;
  margin: auto
}
.head-title{
  text-align: center;
	font-size:40px;
	font-weight: bold;
	margin-bottom: 10px;
}
.theme-list{
  display: flex;
  flex-wrap: wrap
}
.theme-list>li{
  width: calc(96% / 5);
  margin-right: 1%;
  margin-bottom: 1%;
  background: #FFF;
  border: 2px solid #FFF;
  position: relative;
  transition: 0.3s
}
.theme-list>li>a{
  display: block
}
.theme-list>li:after{
  content: "";
  border: 6px solid transparent;
  border-bottom: 6px solid #47c40c;
  border-right: 6px solid #47c40c;
  position: absolute;
  bottom: 0;
  right: 0;
}
.theme-list>li:nth-child(5n){
  margin-right: 0
}
.theme-list.size170>li{
  padding: 8px 8px 0;
}
.theme-img{
  text-align: center
}
.theme-list>li .theme-txt{
  padding: 5px;
}
.theme-list>li:hover{
  border: 2px solid #47c40c;
}
#season .theme-list>li{
  width: calc(97% / 4);
}
#season .theme-list>li:nth-child(4n){
  margin-right: 0
}
#season .theme-list>li:nth-child(5n){
  margin-right: 1%
}