@charset "UTF-8";

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


#wrapper { overflow: hidden;}
#container { overflow: visible; }
#contents { overflow: visible; }
/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
.link #contents { background: url(../_img/action/bg_link.jpg) top center no-repeat; background-size: cover;}
.wolf #contents { background: url(../_img/action/bg_wolf.jpg) top center no-repeat; background-size: cover;}


.not #video-box iframe { display: none;}
.not #video-box .nojs { display: block;}

/* #c1
-------------------------------------------------------- */
#c1 { padding-top: 110px; padding-bottom: 45px; }
#c1 .inner { }

#c1 #chara { position: absolute; top: 0; right: 0; }
.link #c1 #chara { top: -31px; right: 0;}
.wolf #c1 #chara { top: -45px; right: 0;}

#c1 #mv_ttl { text-align: center; margin-bottom: 20px;}
#c1 #video-box { width: 580px; height: 327px; background: #000; border: 1px solid #a48e46; margin: 0 auto 40px; position: relative; }

#c1 #text { text-align: center; margin-bottom: 70px; }

#c1 .thumb_list { position: relative; width: 100%; letter-spacing: -.45em; text-align: center; vertical-align: top; }
#c1 .thumb_list li { letter-spacing: normal; display: inline-block; position: relative; margin: 0 5px;}
#c1 .thumb_list li:first-child { margin-left: 0;}
#c1 .thumb_list li:last-child { margin-right: 0;}
#c1 .thumb_list li .new { position: absolute; top: 0; right: 0;}
#c1 .thumb_list li .on { position: absolute; top: 0; left: 0; opacity: 0;}