/* Style for PCs */
@media screen and (min-width: 1025px) {

/* TopSection
----------------------------------------------------------------*/
.topsection {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/topbg.png);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: auto 100%;
}
.topcov {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/border01_w.png);
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-size: 100% auto;
  padding:200px 5% 13% 5%;
}

/* スライダー共通のスタイル */
.slider_container * {
  box-sizing: border-box;
}
.slider_container img {
  max-width: 100%;
}

/* メインスライダーのスタイル */
.slider {
  width:100%;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.slider .slick-img {
  overflow: hidden;
  border-radius: 10px;
}
.thumb {
  width:800px;
  margin:0 auto;
}
.thumb .thumbnail-img {
  padding:5px;
  opacity: 0.4;
}
.thumb .thumbnail-img img {
  box-shadow:0px 1px 5px rgba(0,0,0,0.4);
}
.thumb .slick-current {
  opacity: 1!important;
}

.slider_m {display:none!important;}
.thumb_m {display:none!important;}


/* News
----------------------------------------------------------------*/
.newsmm {
  width:100%;
  height: auto;
  display: block;
}
.nwcontainer {
  width:100%;
  height: auto;
  display: block;
}
#nwbody {
  width:100%;
  height: auto;
  display: block;
  padding:50px 26% 50px 8%;
  background-image: url(../img/index/title-gymnews_v.png);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: auto 85%;
}
#nwbody p.textbn {
  margin-left:auto;
}

/* Gym Locations
----------------------------------------------------------------*/
.gymlocationsmm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding:15% 0 0 0;
}
.glbody {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/title-gym.png);
  background-repeat: no-repeat;
  background-position: 5% 0;
  background-size: 35% auto;
  padding:10% 5% 0 0;
}
.glbody p.glbtopcom {
  margin-left:45%;
  font-size:14px;
  font-weight: 400;
  line-height: 2em;
  margin-bottom: 50px;
}



}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* TopSection
----------------------------------------------------------------*/
.topsection {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/topbg.png);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: auto 100%;
}
.topcov {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/border01_w.png);
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-size: 100% auto;
  padding:150px 5% 13% 5%;
}

/* スライダー共通のスタイル */
.slider_container * {
  box-sizing: border-box;
}
.slider_container img {
  max-width: 100%;
}

/* メインスライダーのスタイル */
.slider {
  width:100%;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.slider .slick-img {
  overflow: hidden;
  border-radius: 10px;
}
.thumb {
  width:800px;
  margin:0 auto;
}
.thumb .thumbnail-img {
  padding:5px;
  opacity: 0.4;
}
.thumb .thumbnail-img img {
  box-shadow:0px 1px 5px rgba(0,0,0,0.4);
}
.thumb .slick-current {
  opacity: 1!important;
}

.slider_m {display:none!important;}
.thumb_m {display:none!important;}


/* News
----------------------------------------------------------------*/
.newsmm {
  width:100%;
  height: auto;
  display: block;
}
.nwcontainer {
  width:100%;
  height: auto;
  display: block;
}
#nwbody {
  width:100%;
  height: auto;
  display: block;
  padding:50px 30% 50px 8%;
  background-image: url(../img/index/title-gymnews_v.png);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: auto 70%;
}
#nwbody p.textbn {
  margin-left:auto;
}

/* Gym Locations
----------------------------------------------------------------*/
.gymlocationsmm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding:15% 0 0 0;
}
.glbody {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/title-gym.png);
  background-repeat: no-repeat;
  background-position: 5% 0;
  background-size: 35% auto;
  padding:10% 5% 0 0;
}
.glbody p.glbtopcom {
  margin-left:45%;
  font-size:14px;
  font-weight: 400;
  line-height: 2em;
  margin-bottom: 50px;
}

}

/* Style for Smartphone */
@media screen and (max-width: 768px) {

/* TopSection
----------------------------------------------------------------*/
.topsection {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/topbg.png);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: auto 100%;
}
.topcov {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/border01_w.png);
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-size: 100% auto;
  padding:150px 5% 13% 5%;
}

/* スライダー共通のスタイル */
.slider_container * {
  box-sizing: border-box;
}
.slider_container img {
  max-width: 100%;
}

/* メインスライダーのスタイル */
.slider_m {
  width:100%;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.slider_m .slick-img {
  overflow: hidden;
  border-radius: 10px;
}
.thumb_m {
  width:100%;
  margin:0 auto;
}
.thumb_m .thumbnail-img {
  padding:5px;
  opacity: 0.6;
}
.thumb_m .thumbnail-img img {
  box-shadow:0px 1px 5px rgba(0,0,0,0.4);
}
.thumb_m .slick-current {
  opacity: 1!important;
}

.slider {display:none!important;}
.thumb {display:none!important;}


/* News
----------------------------------------------------------------*/
.newsmm {
  width:100%;
  height: auto;
  display: block;
}
.nwcontainer {
  width:100%;
  height: auto;
  display: block;
}
#nwbody {
  width:100%;
  height: auto;
  display: block;
  padding:40% 8% 50px 8%;
  background-image: url(../img/index/title-gymnews.png);
  background-repeat: no-repeat;
  background-position: 0 30px;
  background-size: 60% auto;
}
#nwbody p.textbn {
  margin-left:auto;
}

/* Gym Locations
----------------------------------------------------------------*/
.gymlocationsmm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding:15% 0 0 0;
}
.glbody {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/title-gym.png);
  background-repeat: no-repeat;
  background-position: 5% 0;
  background-size: 35% auto;
  padding:10% 5% 0 0;
}
.glbody p.glbtopcom {
  margin-left:45%;
  font-size:14px;
  font-weight: 400;
  line-height: 2em;
  margin-bottom: 50px;
}

}