@charset "utf-8";

/* campaign */
#vaamContents.campaign .categoryHeader {background:url(/smartphone/sports/vaam/common/images/gn_bg.png) left top repeat-y; background-size:100% auto; height:45px; clear:both; zoom:1; overflow:hidden; margin-bottom:23px;}
#vaamContents.campaign .categoryHeader h1{float:left; padding:11px 9px;}
#vaamContents.campaign .categoryHeader p{float:right; padding:2.5px 0 0;}

/* vaamcheck */
#vaamContents.campaign .vaamcheck {margin-bottom:30px; overflow:hidden;}
#vaamContents.campaign .vaamcheck .img{position:relative;}
#vaamContents.campaign .vaamcheck h1{margin:0 10px 15px;}
#vaamContents.campaign .vaamcheck img {width:100%;}
#vaamContents.campaign .vaamcheck p.btn {position:absolute; right:7.5%; bottom:19%; height:14.5%; width:85%;}
#vaamContents.campaign .vaamcheck p.btn a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
#vaamContents.campaign .vaamcheck p.btn.index {width:84%; bottom:12%; left:8%; right:auto; height:15.5%;}
#vaamContents.campaign .vaamcheck p.rakuraku {position:absolute; bottom:7%; width:84.3%; left:8%;}

#vaamContents.campaign .vaamcheck .img{background:url(/smartphone/sports/vaam/campaign/vaamcheck/images/bg.jpg) center top no-repeat; background-size:100% auto;}
#vaamContents.campaign .vaamcheck ul.btn {position:absolute; left:4%; bottom:11%; height:17%; width:100%;}
#vaamContents.campaign .vaamcheck ul.btn li {float:left; width:46%; height:100%; padding:0 2%;}
#vaamContents.campaign .vaamcheck ul.btn a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}

/* indexList */
#vaamContents.campaign .indexList{margin-bottom:35px;border-top:3px solid #eee;}
#vaamContents.campaign .indexList a{border:3px solid #eee; border-top:none; display:block; padding:10px 30px 10px 10px; position:relative; clear:both; zoom:1; color:#333; text-decoration:none;}
#vaamContents.campaign .indexList a:after{content:''; clear:both; display:block;}
#vaamContents.campaign .indexList a:before{content:''; background:url(/smartphone/sports/vaam/common/images/arr_gray.png) left top no-repeat; width:10px; height:17px; position:absolute; right:10px; top:50%; margin-top:-9px; background-size:10px auto;}
#vaamContents.campaign .indexList figure{float:left; width:38.6%;}
#vaamContents.campaign .indexList figure img {width:100%;}
#vaamContents.campaign .indexList h2{padding:6px 0 12px 16px; zoom:1; overflow:hidden;}
#vaamContents.campaign .indexList h2 img {width:100%;}
#vaamContents.campaign .indexList p{padding:0 0 0 16px; zoom:1; overflow:hidden; font-size:14px;}

/* promotion */
#vaamContents.campaign .promotion {padding-bottom:10px;}
#vaamContents.campaign .promotion h1{margin:0 10px 15px;}
#vaamContents.campaign .promotion img {width:100%;}
#vaamContents.campaign .promotion .movie {margin:0 10px 30px; background:url(/smartphone/sports/vaam/campaign/promotion/images/bg.jpg) center top no-repeat; background-size:100% auto; position:relative;}
#vaamContents.campaign .promotion .movie h2 img {width:100%;}
#vaamContents.campaign .promotion .moviearea {position:absolute; left:5%; top:22%;/* border:1px solid #000;*/ width:90%; height:65%;}
#vaamContents.campaign .promotion .playtime {position:absolute; left:5%; bottom:8%;}

#vaamContents.campaign #otherProducts {padding:0 0 30px; clear:both; zoom:1; overflow:hidden; margin-bottom:0;}
#vaamContents.campaign #otherProducts:after{content:''; clear:both; display:block;}
#vaamContents.campaign #otherProducts h2{padding:0 10px 8px;}
#vaamContents.campaign #otherProducts img {width:100%;}
#vaamContents.campaign #otherProducts ul {font-size:0; padding:0 7px 0; width:100%; display:table;}
#vaamContents.campaign #otherProducts ul li {padding:0 3px; display:table-cell; table-layout:fixed;}

/* shopping */
#vaamContents.campaign .shopping {padding-bottom:10px;}
#vaamContents.campaign .shopping h1{margin:0 10px 15px;}
#vaamContents.campaign .shopping img {width:100%;}
#vaamContents.campaign .shopping .banner {text-align:center; margin: 10px 10px;}
#vaamContents.campaign .shopping .notes {font-size:0.7em; margin: -5px 10px 10px 10px; line-height:1.2em;}


/* exercise */

#vaamContents.campaign .exercise img {width:100%; display: block;}
#vaamContents.campaign .exercise .main_visual {margin-top: -23px;}
#vaamContents.campaign .exercise #content2 .movie {background:url(../exercise/images/content2_bk.jpg) no-repeat; background-size:100%;padding-top:5%;}
#vaamContents.campaign .exercise #content2 .movie p.moviearea {margin: 3% auto 5%; text-align:center;}
#vaamContents.campaign .exercise #content5 {margin-bottom:20px;}
#vaamContents.campaign .exercise #content5 .link_area {position:relative;}
#vaamContents.campaign .exercise #content5 .link_area img {position:relative; top:0; left:0;}
#vaamContents.campaign .exercise #content5 .link_area img.link_1 {position:absolute; width:30%; height:66%; top:32%; left:3%;}
#vaamContents.campaign .exercise #content5 .link_area img.link_2 {position:absolute; width:30%; height:66%; top:32%; left:35%;}
#vaamContents.campaign .exercise #content5 .link_area img.link_3 {position:absolute; width:30%; height:66%; top:32%; left:68%;}


/* yoshidamovie */
#vaamContents.campaign .yoshidamovie {background:url(../yoshidamovie/images/back.jpg); background-size:100%; margin-top:-23px; padding-bottom:1px;}
#vaamContents.campaign .yoshidamovie img {width:100%; display:block;}
#vaamContents.campaign .yoshidamovie p.profile {padding:5px; background:rgba(255,255,255,0.7); line-height:1.2em; font-size: 10px; color: #000;}
#vaamContents.campaign .yoshidamovie p.profile span {font-weight:bold; line-height:1.5em;}

#vaamContents.campaign .yoshidamovie ul.btn {margin:1px 0px 1px 1px;}
#vaamContents.campaign .yoshidamovie ul.btn li {width:33%; float:left; margin-left:1px;}
#vaamContents.campaign .yoshidamovie ul.btn:after {content:""; display:block; clear:both;}

#vaamContents.campaign .yoshidamovie .contents .movie_1,#vaamContents.campaign .yoshidamovie .contents .movie_4 {width:90%; margin:0px;}
#vaamContents.campaign .yoshidamovie .contents .movie_2,#vaamContents.campaign .yoshidamovie .contents .movie_5 {width:90%; margin-left:5%;}
#vaamContents.campaign .yoshidamovie .contents .movie_3,#vaamContents.campaign .yoshidamovie .contents .movie_6 {width:90%; margin-left:10%;}
#vaamContents.campaign .yoshidamovie .contents .to_top {width:10%; margin:10px auto 25px;}



#kin_100qaImg{
	background:url(/smartphone/sports/vaam/campaign/images/kin_100qa.png) no-repeat;
	background-size:cover;
}

#ultraImg{
	background:url(/smartphone/sports/vaam/campaign/images/ultra.jpg) no-repeat;
	background-size:cover;
}

#kinImg{
	background:url(/smartphone/sports/vaam/campaign/images/kin.jpg) no-repeat;
	background-size:cover;
}

#komazawaImg {
  background:url(/smartphone/sports/vaam/campaign/images/komazawa.png) no-repeat;
  background-size:cover;
}
#qImg{
	background:url(/smartphone/sports/vaam/campaign/images/q.jpg) no-repeat;
	background-size:cover;
}