@charset "utf-8";
  body{
    /* background: url("/_webroot/img/module/layout/bg_base.png");
    */
  background: #fbefd9;
}

/*.wrap{
  background: url("/_webroot/img/module/layout/bg_base_2021.png") left top repeat-x;
}*/
a:hover {
  transition: .5s all;
}
.wrapInner {
  width: 100%;
  display: contents;
  overflow: hidden;
  
}
.mainContents {
  width: 960px;
  margin: 0 auto;
}
.mainSlider {
  position: relative;
  overflow: hidden;
  
}
.mainSlider .sliderLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 400px;
}
    .slider {
      position: relative;
      width: 100%;
      height: 650px;
      max-height: 650px;
      overflow: hidden;
    }

    .slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }

    .slide.active {
      opacity: 1;
      z-index: 1;
    }
#mainContents {
  width: 100%;
  position: relative;
}
#mainContents .backgroundImage {
  position: absolute;
  top: -50px;
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
}
#mainContents .mainArea {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#mainContents .mainArea > .lowerArea {
  width: 720px;
} 
#mainContents .mainArea > .bnrArea {
  width: 100%;
}
.lowerArea .currentNews img {
  width: 100%;
  overflow: hidden;
}
.lowerArea .currentNews.instagram .inner > div {
  padding: 1rem;
  background: #fff;
}
.currentNews	.seeArchive a{
  background: #84755a;
  border-radius: 3em;
  color: #fff !important;
  display: block;
  font-weight: 800;
  padding: 1rem .5rem;
  text-decoration: none;
  text-align: center;
  width: 50%;
  margin: 1rem auto;
}
.lowerArea .currentNews.instagram .inner {
  margin: .75rem 1rem;
}
#mainContents .mainArea > nav.categoryMenu:first-of-type {
  display: none;
}
.arenaMenu.forSP {
  margin-top: 1rem;
}
  @media print, screen and (min-width: 737px){
  #mainContents .backgroundImage {
    top: -100px;
    }
    #mainContents .mainArea > .lowerArea {
  padding: 0 0 0 2rem;
} 
    .currentNews	.seeArchive a{

      padding: .1rem .5rem;
    }
    .currentNews	.seeArchive a{
    padding: .3rem .5rem;
    width: auto;
  }
    .lowerArea .currentNews.instagram .inner {
  margin: 0;
}
    #mainContents .mainArea > nav.categoryMenu:first-of-type {
  display: block;
} 
  .wrapInner{
    position: relative;
    padding: 500px 0 0 0;
    }
    .slick-track {
      height: 800px;
    overflow: hidden;
    }
  .lowerArea{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    }
  .lowerArea .currentNews{
    width: 48%;
    }
  .lowerArea .currentNews dl,
  .lowerArea .currentNews ul{
    margin: 0;
    }
  }

.arenaMenu ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5px 6px;
  padding: 0;
  list-style-type: none;

  }
.arenaMenu li{
  box-sizing: border-box;
  width: 32%;
  margin: 3px 0;
  }
.arenaMenu li:nth-of-type(4){
  width: 66%;
  }
.arenaMenu li.rightEnd{
  border-right: none;
  }
.arenaMenu li a{
  background: #84755A url("/_webroot/img/page/welcome/icn_arenamenu.png") 4px center / 15px no-repeat;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: .8rem;
  padding: .5rem .5rem .5rem 1.25rem;
  text-decoration: none;
  text-align: center;
  }
@media  screen and (max-width: 320px){
  .arenaMenu li a{
    background-image: none;
    padding-left: .5rem;
  }
}
.currentNews	h1.basic{
  background: none;
  font-size: 1.3rem;
  margin: 1.5rem 0 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
	}
  @media print, screen and (min-width: 737px){
    .currentNews	h1.basic{
      margin: 0 0 .5rem ;
    }
  }

.currentNews	img{
	vertical-align:top;
	}
.currentNews.blog dt{
  background: #F79499;
  box-sizing: border-box;
  color: #fff;
  margin: .3rem 0 0 .5rem;
  line-height: 1.2;
  padding: .5rem;
  position: absolute;
  text-align: center;
  width: 3.5rem;
  z-index: 2;
  }
.currentNews.blog dd a{
  border-radius: 3px;
  background: #fff;
  display: block;
  font-size: .9em;
  padding: 1rem .5rem 1rem 5rem;
  z-index: 1;
}
.currentNews.blog a:link,
.currentNews.blog a:visited{
  color: #F79499;
  font-weight: bold;
  text-decoration: none;
}
.currentNews.blog dt:first-of-type{
  margin-top: -.3rem;
  }
.currentNews.blog dd:not(:first-of-type){
  margin-top: .5rem;
  }
.currentNews.info	ul{
  background: #fff;
  border-radius: 3px;
  list-style-type: none;
  padding-left: 0;
  min-height: 345px;
  }
.currentNews.info li a{
  display: block;
  line-height: 1.3;
  padding: .6rem;
  text-decoration: none;
  }
.currentNews.info li a span{
  font-size: .7rem;
  }
.currentNews.info	li+li{
  border-top: 1px dotted #998F7E;
  }
.bnrArea{
  margin-top: 3rem;
  }
.bnrArea div:first-of-type{
  margin: .75rem 1rem;
  }
.bnrArea ul{
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  justify-content: space-between;
  }
.bnrArea ul li{
  width: 48%;
  }
.bnrArea ul li:nth-of-type(n+3){
  margin-top: .75rem;
  }
.bnrArea ul a,
.bnrArea div:first-of-type a{
  display: block;
  color: #84755A;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
}
.bnrArea div:first-of-type a{
  font-size: 1.3rem;
  }
  
.bnrArea ul li img,
.bnrArea div:first-of-type img{
  width: 100%;
  }
footer .inner {
  background: #ffffff;
}
footer .copyRights {
  background: #84755a;
  color: #fff;
}
 @media print, screen and (min-width: 737px){
  .bnrArea{
    display: flex;
    justify-content: space-between;
    }
  .bnrArea div:first-of-type,
  .bnrArea ul{
    width:49%;
    margin: 0;
    }
  .bnrArea ul li{
    width: 49%;
    }
  .bnrArea ul a,
  .bnrArea div:first-of-type a{
    line-height: 1.2;
  }
  .bnrArea ul li:nth-of-type(n+3){
    margin-top: .75rem;
    }
 }


.snsBanner,
.textLinkList{
  list-style-type: none;
  padding: 0;
  }
ul.snsBanner{
  display: flex;
  justify-content: space-around;
}
.snsBanner li{
  width: 20%;
}
.snsBanner img{
  max-width: 100%;
}
.snsBanner a{
  display: block;
  }
.textLinkList{
  background: #fff;
  border: 2px solid #998F7E;
  border-radius: 3px;
  padding: .5rem 0;
  }
.textLinkList a{
  background: url("/_webroot/img/module/all/bg_arrow_line.png") .5rem center / 7px 13px no-repeat;
  display: block;
  padding: .5rem 1.5rem;
  text-decoration: none;
  }
 @media print, screen and (min-width: 737px){
   ul.textLinkList,
   ul.snsBanner{
     border: none;
     background: transparent;
     margin: 10px 0;
    }
   ul.snsBanner{
     margin: 2rem 0 10px 0;
     justify-content: space-between;
   }
   ul.textLinkList a{
     background-position: 0 center;
     padding: .15rem .25rem .15rem .75rem;
     }
   ul.textLinkList a span{
     font-size: .8em;
   }
   }