@charset "shift_jis";
/* CSS Document */


.w1000px img{
	width: 100%;
	max-width: 1000px;
}

#pro_wrapper a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}


.mv{
	margin: 0 auto;
}

.mv img{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.acenter{
		padding: 10px;
	}


.interpnm{
	margin:0 auto;
		width:1000px;
	}


.feature img{
	padding: 16px;
	box-sizing: border-box;
}


/*YouTubeレスポンシブサイズ
#movie01 {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}
#movie01 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}*/

.whatsnano{
		background:url(/include_html/images/campaign/2018/180402_nabobathing//pattern_stripe.gif) repeat #d5d5df;
		padding: 20px 10px;
		margin: 0 calc(50% - 50vw);
}


.movie02-bg{
	padding: 10px;
	background-color: #d6f5ff;
	margin: 0 calc(50% - 50vw);
}

#movie02{
	text-align:center;
	background:url(/include_html/images/campaign/2018/180402_nabobathing/cp_1804nanobathing_09.gif) no-repeat center top ;
	padding: 170px 0 90px;
}

#movie02 iframe {
	width: 100%;
	max-width: 640px;
	aspect-ratio: 16 / 9;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* VETキャンペーンなし通常バージョン */
.btn_buy3{
background:url(/include_html/images/campaign/2018/180402_nabobathing/cp_1804nanobathing_06.gif) repeat-x;
	text-align:center;
	}


@media screen and (max-width:970px) {
	#movie02{
	background:url(/include_html/images/campaign/2018/180402_nabobathing/cp_1804nanobathing_09-resp.png)no-repeat center top #d6f5ff;
	padding: 220px 30px 100px 30px;
	}
}

@media screen and (max-width:768px) {
	#movie02{
		padding: 200px 20px 56px 20px;
		background-size: 100% auto;
	}	
}

@media screen and (max-width:690px) {
	#movie02{
		padding: 180px 20px 60px 20px;
	}
	
	.cta{
		overflow: hidden;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	
	.cta img{
		width: 200%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media screen and (max-width:500px) {
	#movie02{
		padding: 136px 20px 36px 20px;
	}
}