@charset="utf-8";

body{
	font-size: 12px;
	line-height: 1.5;}

.main img{
	max-width : 100% ;
	height: auto;
	vertical-align: top;}


.feature{
  position: relative;
  background:url(/sports/vaam/campaign/vaamwater/images/bg_feature.gif) repeat;
  background-size: 0.5%;
  padding: 0;
}

.feature_item{
  display: flex;
  display:-webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}

.feature_item li{
  /*width: calc(100vw / 3);*/
  width: 100%;
  height: auto;
  margin:calc(0.013 * 100vw) 0;
}

.feature_btn{
  display: block;
  padding:calc(0.05 * 100vw) calc(0.026 * 100vw);
}

.cmp a{
  display: block;
  padding:calc(0.012 * 100vw) calc(0.026 * 100vw) calc(0.026 * 100vw) calc(0.026 * 100vw);
}

.map{
  background: #e6e6e6;
  padding:calc(0.05 * 100vw) calc(0.026 * 100vw);
}

.link{
  background: #e6e6e6;
  padding:calc(0.05 * 100vw) calc(0.026 * 100vw);
}

.sns{
  width: calc(100vw * 0.32);
  margin: 0 auto;
  display: flex;
  display:-webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.sns li{
  width: calc(100vw * 0.106);
  height: auto;
}

.banner{
  margin: 0 auto;
  padding: calc(100vw * 0.05) 0 0 0;
  display: flex;
  display:-webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.banner li{
  width: calc(100vw * 0.47);
  height: auto;
}