@charset "utf-8";

/* .style-contents
--------------------------------------- */
.style-contents{
  width: 100%;
  margin:3% auto 0;
  padding:0;
  position: relative;
}

.news_right{
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/bg-illust.png);
  background-color:#e7e6d0;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:0;
}

@media screen and (max-width: 1580px) {
.news_right{
  width: 60%;
}
}

.feature_list{
  z-index:1;
  overflow: hidden;
  position: relative;
}

.camp_slider{
  width:100%;
  max-width:1580px;
  margin:0 auto;
  position: relative;
  box-sizing: border-box;
  padding:2%;
  text-align:center;
}

@media screen and (max-width: 600px) {
.camp_slider{
  text-align:left;
}
}

.camp_slider .sl {
  width:22%;
  margin:2% 1.5%;
  max-width:300px;
  vertical-align:top;
  display:inline-block;
  text-align:left;
}

@media screen and (max-width: 1280px) {
.camp_slider .sl {
  width:30.3333%;
}
}

@media screen and (max-width: 1000px) {
.camp_slider .sl {
  width:47%;
}
}
.camp_slider .item {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.tok-photo {
  width:100%;
  position: relative;
  z-index:1;
  margin-bottom:-15px;
  overflow: hidden;
}

.tok-photo img{
  width:100%;
  height:auto;
  display:block;
}

.camp_slider .item img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}

.camp_slider .item:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.tok_title{
  margin: 0 0 5px 0;
  color: #FFF;
  background:#333A56;
  display:inline-block;
  line-height:1;
  text-align:left;
  padding:9px 10px 7px;
  position: relative;
  z-index:2;
  font-size:14px;
  font-family: 'Crimson Text', serif;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 568px) {
.tok_title{
  line-height:1.2;
  font-size:13px;
}
}

.tok_ttl{
  font-size:1.1em;
  color:#475f6c;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  padding:10px 0 5px;
  line-height:1.5;
}

@media screen and (max-width: 1280px) {
.tok_ttl{
  font-size:1em;
}
}

@media screen and (max-width: 568px) {
.tok_ttl{
  font-size:0.95em;
  padding:5px 0 0;
  text-align:center;
}
}

.tok_txt{
  padding: 5px 0;
  color: #000;
  font-size:13px;
}

.camp_slider .sl a{
  display:block;
}

.camp_slider .sl a:hover{
  opacity: 0.8;
}