@charset "UTF-8";

/* ==================================================================
CSS information
style info :「AMIIBO」 用
================================================================== */


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: url(../_img/amiibo/bg_r.png) top center; }


/* --------------------------------------------------------
#mainvisual
-------------------------------------------------------- */
#mainvisual { position: relative; padding-bottom: 107px; background: #000; }
#mainvisual img { position: relative; width: 100%; height: auto;}

#mainvisual #mvpic { position: relative;}
#mainvisual #mvpic .pic2 { position: absolute; bottom: 0; left: 0;}
#mainvisual #mvpic .pic3 { position: absolute; bottom: 0; left: 0;}
#mainvisual #mvpic img { max-width: none;}

#mainvisual .mv_ttl { position: absolute; top: 0; text-align: center; width: 100%;}
#mainvisual .mv_text { position: absolute; bottom: 40px; text-align: center; width: 100%;}


#video-box-wrap { background: #000; width: 100%; padding-bottom: 30px;}
#video-box { width: 580px; height: 327px; background: #000; border: 1px solid #a48e46; margin: 0 auto; position: relative; }
.not #video-box iframe { display: none;}
.not #video-box .nojs { display: block;}

/* --------------------------------------------------------
.contents_block
-------------------------------------------------------- */

hr.line { background: url(../_img/amiibo/line_p.png) center center no-repeat; width: 100%; height: 35px; border: none; margin: 0;}


/* #c1
-------------------------------------------------------- */
#c1 { padding-top: 40px; padding-bottom: 30px; background: #000; 
background: -moz-linear-gradient(top,  #000000 0%, #101616 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#101616 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#101616 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#101616',GradientType=0 ); /* IE6-9 */
}

#c1 .copy { margin-bottom: 20px;}
#c1 .text { margin-bottom: 20px;}
.not #c1 .text { display: none;}
#c1 .pic { width: 350px; margin: 0 auto; text-align: center; }
#c1 .pic #amiibo_wolf-reel { text-align: center;}

/* #c2
-------------------------------------------------------- */
#c2 { padding-top: 50px;}

#c2 .copy { margin-bottom: 25px;}
#c2 .text { margin-bottom: 0px; }


/* #c3
-------------------------------------------------------- */
#c3 { padding-top: 25px;}

#c3 .copy { margin-bottom: 25px;}
#c3 .text { margin-bottom: 0px; }


/* #c4
-------------------------------------------------------- */
#c4 { padding-top: 50px; padding-bottom: 40px;}

#c4 .copy { margin-bottom: 0px;}
#c4 .text { margin-bottom: 0px; }


/* #c5
-------------------------------------------------------- */
#c5 { /*padding-top: 20px; padding-bottom: 40px;*/
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
	position: relative;
}
#c5 .copy{
	position: absolute;
	top: 40px;
	left: 0;
}

#c5 .video-wrap{
	width: 100%;
	position: absolute;
	top: 150px;
}

#c5 .video{
width: 580px;
  height: 327px;
  background: #000;
  border: 1px solid #a48e46;
  margin: 0 auto;
  position: relative;
}


#c4 .copy { margin-bottom: 0px;}
#c5 .pic { margin-bottom: 0px; }