@charset "utf-8";
/**
****************************************************************************************************************
*
* About File: eva7 /css/common.css
* Release Date:  2013/02/04
*
****************************************************************************************************************
*/
/**
****************************************************************************************************************

			This WebSite employs a 「px」 to specify the character

****************************************************************************************************************
*/
/**
****************************************************************************************************************

	RESET CSS

****************************************************************************************************************
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, option, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  line-height: 1;
  font-size: 14px;
  overflow: hidden;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

.box h3, .videobox h2, .videobox .btn-back a {
  font-family: 'ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','M+1cheavy','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',serif;
}

/*----------------------------------------
	HTML5
----------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/*----------------------------------------
	Text
----------------------------------------*/
pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin: 0;
}

em {
  font-style: normal;
}

strong, b {
  font-weight: bold;
}

sub, sup {
  font-size: 0.83em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

br {
  *letter-spacing: 0;
}

/*----------------------------------------
	List
----------------------------------------*/
ol, ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

/*----------------------------------------
	HR
----------------------------------------*/
hr {
  color: inherit;
  height: auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*----------------------------------------
	Anchor
----------------------------------------*/
a {
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/*----------------------------------------
	Table
----------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  padding: 0;
  text-align: left;
}

th, td {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

/*----------------------------------------
	IMG
----------------------------------------*/
img {
  border: 0;
  vertical-align: text-bottom;
}

svg:not(:root) {
  overflow: hidden;
}

/*----------------------------------------
	Clearfix
----------------------------------------*/
.cfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/**
****************************************************************************************************************

	Site-specific Configuration

****************************************************************************************************************
*/
/*----------------------------------------
	Anchor
----------------------------------------*/
a {
  color: #005bac;
  -webkit-tap-highlight-color: rgba(123, 27, 209, 0.5);
}

a:visited {
  color: #005bac;
}

a:hover {
  color: #005bac;
}

a:active {
  color: #005bac;
}

/*----------------------------------------
	Select Color
----------------------------------------*/
::-moz-selection {
  color: white;
  background: rgba(123, 27, 209, 0.5);
}

::selection {
  color: white;
  background: rgba(123, 27, 209, 0.5);
}

/**
****************************************************************************************************************

	Layout

****************************************************************************************************************
*/
/*----------------------------------------
	html,body
----------------------------------------*/
body {
  background: #111111;
}

#backstretch {
  visibility: hidden;
  background: #111111;
}

.video #backstretch {
  visibility: visible;
}

.jsoff {
  color: #ffffff;
  text-align: center;
  line-height: 480px;
}

/*----------------------------------------
	WebKit Scrollbar
----------------------------------------*/
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-thumb {
  overflow: hidden;
}

::-webkit-scrollbar-corner {
  background-color: #333;
}

/* top */
body.toppage::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: #000000;
  border-left: 1px solid #7b1bd1;
}
body.toppage::-webkit-scrollbar-piece {
  background-color: rgba(123, 27, 209, 0.5);
}
body.toppage::-webkit-scrollbar-thumb {
  overflow: hidden;
  background-color: rgba(123, 27, 209, 0.5);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
body.toppage::-webkit-scrollbar-thumb:hover {
  background-color: rgba(123, 27, 209, 0.4);
}

/* red */
body.creva7::-webkit-scrollbar {
  background-color: #000000;
  border-left: 1px solid #ce171b;
}
body.creva7::-webkit-scrollbar-piece {
  background-color: rgba(206, 23, 27, 0.5);
}
body.creva7::-webkit-scrollbar-thumb {
  background-color: rgba(206, 23, 27, 0.5);
}
body.creva7::-webkit-scrollbar-thumb:hover {
  background-color: rgba(206, 23, 27, 0.4);
}

/* green */
body.evagame::-webkit-scrollbar {
  background-color: #000000;
  border-left: 1px solid #83e01e;
}
body.evagame::-webkit-scrollbar-piece {
  background-color: rgba(131, 224, 30, 0.5);
}
body.evagame::-webkit-scrollbar-thumb {
  background-color: rgba(131, 224, 30, 0.5);
}
body.evagame::-webkit-scrollbar-thumb:hover {
  background-color: rgba(131, 224, 30, 0.4);
}

/* blue */
body.newsloteva::-webkit-scrollbar {
  background-color: #000000;
  border-left: 1px solid #1380f7;
}
body.newsloteva::-webkit-scrollbar-piece {
  background-color: rgba(19, 128, 247, 0.5);
}
body.newsloteva::-webkit-scrollbar-thumb {
  background-color: rgba(19, 128, 247, 0.5);
}
body.newsloteva::-webkit-scrollbar-thumb:hover {
  background-color: rgba(19, 128, 247, 0.4);
}

/* yellow */
body.moreinfo::-webkit-scrollbar {
  background-color: #000000;
  border-left: 1px solid #f7ce57;
}
body.moreinfo::-webkit-scrollbar-piece {
  background-color: rgba(247, 206, 87, 0.5);
}
body.moreinfo::-webkit-scrollbar-thumb {
  background-color: rgba(247, 206, 87, 0.5);
}
body.moreinfo::-webkit-scrollbar-thumb:hover {
  background-color: rgba(247, 206, 87, 0.4);
}

/*----------------------------------------
	header
----------------------------------------*/
#header {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 100px;
}
#header h1 {
  text-align: center;
}

#headerfrm {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url(../img/common/bg_head.png) repeat-x 50% 0;
}

.video #headerfrm {
  top: 0;
}

/* noscript */
#no_script {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 20;
  width: 347px;
  height: 168px;
  background: url(../img/top/load.png) no-repeat 0 0;
  margin: -84px 0 0 -170px;
}
#no_script p.txt {
  width: 246px;
  line-height: 1.5;
  margin: 75px 0 0 76px;
  color: #ffffff;
}

/* シンクロ率 - PC */
#loading {
  visibility: hidden;
  position: fixed;
  top: 55%;
  left: 50%;
  z-index: 20;
  width: 347px;
  height: 168px;
  background: url(../img/top/load.png) no-repeat 0 0;
  margin: -84px 0 0 -170px;
}
#loading ul {
  position: absolute;
  top: 51px;
  left: 43px;
  width: 278px;
  height: 74px;
}
#loading li {
  position: absolute;
  bottom: 0;
}
#loading #load1 {
  left: -2px;
}
#loading #load2 {
  left: 46px;
}
#loading #load3 {
  left: 92px;
}
#loading #load_dot {
  left: 135px;
}
#loading #load4 {
  left: 153px;
}
#loading #load5 {
  left: 184px;
}
#loading #load_percent {
  left: 221px;
}

/*----------------------------------------
	footer
----------------------------------------*/
.video #footer {
  visibility: visible;
}

#footer {
  position: relative;
  z-index: 100;
  padding: 70px 0 30px;
  color: #ffffff;
  text-align: center;
  visibility: hidden;
}
#footer ul li {
  display: inline-block;
  margin: 0 8px;
  color: #ffffff;
}
#footer a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  color: #ffffff;
  padding-left: 16px;
  background: url(../img/common/arrow_1.png) no-repeat 0 50%;
}
#footer a:hover {
  text-decoration: none;
  color: #ffe16a;
  background: url(../img/common/arrow_2.png) no-repeat 0 50%;
}
#footer small {
  display: block;
  padding-top: 24px;
}

/*----------------------------------------
	Monittor
----------------------------------------*/
#bg_monitor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: url(../img/common/ptn_monitor.png) repeat 0 0;
  width: 100%;
  height: 100%;
}

#bg_sp {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bg_sp img {
  width: 100%;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  z-index: 10;
}

/*----------------------------------------
	Box
----------------------------------------*/
.box {
  visibility: hidden;
  width: 312px;
  float: left;
}
.box .frm {
  padding-top: 26px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.box .frmbtm {
  padding-bottom: 26px;
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.box .frminner {
  padding: 0 16px;
  background-repeat: repeat-y;
  background-position: 0 0;
}
.box .vis {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.box h2 {
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 1;
  padding: 8px 0 0 8px;
}
.box h3 {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1;
  padding: 8px 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* newtype */
/* S */
.box-newtype .frm {
  background-image: url(../img/top/purple_frm_t.png);
}
.box-newtype .frmbtm {
  background-image: url(../img/top/purple_frm_b.png);
}
.box-newtype .frminner {
  background-image: url(../img/top/purple_frm_m.png);
}
.box-newtype h2,
.box-newtype .act h3 {
  color: #7b1bd1;
}
.box-newtype .act .vis {
  -moz-box-shadow: 0 0 6px 0 rgba(227, 71, 255, 0.6);
  -webkit-box-shadow: 0 0 6px 0 rgba(227, 71, 255, 0.6);
  box-shadow: 0 0 6px 0 rgba(227, 71, 255, 0.6);
}
/* L */
.box-newtype.lbox {
  width: 632px;
}
.box-newtype.lbox .frm {
  padding-top: 36px;
  background: url(../img/top/purple_frm_l_t.png) no-repeat 0 0;
}
.box-newtype.lbox .frmbtm {
  padding-bottom: 26px;
  background: url(../img/top/purple_frm_l_b.png) no-repeat 0 100%;
}
.box-newtype.lbox .frminner {
  position: relative;
  padding: 0 26px;
  background: url(../img/top/purple_frm_l_m.png) repeat-y 0 0;
}
.box-newtype.lbox h2 {
  padding-top: 16px;
  padding-bottom: 10px;
  padding-left: 0;
}
.box-newtype.lbox .caption {
  position: absolute;
  bottom: -1px;
  right: 8px;
}

/* .box-creva7 */
.box-creva7 .frm {
  background-image: url(../img/top/red_frm_t.png);
}
.box-creva7 .frmbtm {
  background-image: url(../img/top/red_frm_b.png);
}
.box-creva7 .frminner {
  background-image: url(../img/top/red_frm_m.png);
}
.box-creva7 h2 {
  color: #d11a1a;
}
.box-creva7 .act h3 {
  color: #d11a1a;
}
.box-creva7 .act .vis {
  -moz-box-shadow: 0 0 6px 0 rgba(255, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 6px 0 rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 6px 0 rgba(255, 0, 0, 0.6);
}

/* .box-evagame */
.box-evagame .frm {
  background-image: url(../img/top/green_frm_t.png);
}
.box-evagame .frmbtm {
  background-image: url(../img/top/green_frm_b.png);
}
.box-evagame .frminner {
  background-image: url(../img/top/green_frm_m.png);
}
.box-evagame h2 {
  color: #88e31d;
}
.box-evagame .act h3 {
  color: #88e31d;
}
.box-evagame .act .vis {
  -moz-box-shadow: 0 0 6px 0 rgba(136, 227, 29, 0.6);
  -webkit-box-shadow: 0 0 6px 0 rgba(136, 227, 29, 0.6);
  box-shadow: 0 0 6px 0 rgba(136, 227, 29, 0.6);
}

/* .box-newsloteva */
.box-newsloteva .frm {
  background-image: url(../img/top/blue_frm_t.png);
}
.box-newsloteva .frmbtm {
  background-image: url(../img/top/blue_frm_b.png);
}
.box-newsloteva .frminner {
  background-image: url(../img/top/blue_frm_m.png);
}
.box-newsloteva h2 {
  color: #1388ff;
}
.box-newsloteva .act h3 {
  color: #1388ff;
}
.box-newsloteva .act .vis {
  -moz-box-shadow: 0 0 6px 0 rgba(19, 136, 255, 0.6);
  -webkit-box-shadow: 0 0 6px 0 rgba(19, 136, 255, 0.6);
  box-shadow: 0 0 6px 0 rgba(19, 136, 255, 0.6);
}

/* .box-moreinfo */
.box-moreinfo .frm {
  background-image: url(../img/top/yellow_frm_t.png);
}
.box-moreinfo .frmbtm {
  background-image: url(../img/top/yellow_frm_b.png);
}
.box-moreinfo .frminner {
  background-image: url(../img/top/yellow_frm_m.png);
}
.box-moreinfo h2 {
  color: #fbd45c;
}
.box-moreinfo .act h3 {
  color: #fbd45c;
}
.box-moreinfo .act .vis {
  -moz-box-shadow: 0 0 6px 0 rgba(255, 218, 103, 0.6);
  -webkit-box-shadow: 0 0 6px 0 rgba(255, 218, 103, 0.6);
  box-shadow: 0 0 6px 0 rgba(255, 218, 103, 0.6);
}

.box-logonerv .vis {
  height: 214px;
  overflow: hidden;
}

/* Transitions */
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}

/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

/*----------------------------------------
	videoBox
----------------------------------------*/
.videobox {
  width: 772px;
  margin: 0 auto;
}
.videobox .frm {
  padding-top: 46px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.videobox .frmbtm {
  padding-bottom: 35px;
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.videobox .frminner {
  position: relative;
  padding: 0 26px;
  background-repeat: repeat-y;
  background-position: 0 0;
}
.videobox #videoarea {
  width: 720px;
  height: 480px;
}
.videobox h1 {
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 1;
  position: absolute;
  top: -28px;
  left: 25px;
}
.videobox h2 {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.4;
  padding: 20px 8px 15px 8px;
}
.videobox .btn-back {
  margin: 0 auto;
  width: 176px;
  height: 52px;
  text-align: center;
  color: #ffffff;
  line-height: 52px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.videobox .btn-back a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  display: block;
  width: 176px;
  height: 52px;
  color: #ffffff;
}

/* newtype */
body.video.newtype .frm {
  background-image: url(../img/video/purple_video_frm_t.png);
}
body.video.newtype .frmbtm {
  background-image: url(../img/video/purple_video_frm_b.png);
}
body.video.newtype .frminner {
  background-image: url(../img/video/purple_video_frm_m.png);
}
body.video.newtype h1 {
  color: #7b1bd1;
}
body.video.newtype .btn-back {
  background-image: url(../img/video/purple_video_btn_back.png);
}
body.video.newtype .btn-back a:hover {
  color: #7b1bd1;
}

/* .videobox-creva7 */
body.video.creva7 .frm {
  background-image: url(../img/video/red_video_frm_t.png);
}
body.video.creva7 .frmbtm {
  background-image: url(../img/video/red_video_frm_b.png);
}
body.video.creva7 .frminner {
  background-image: url(../img/video/red_video_frm_m.png);
}
body.video.creva7 h1 {
  color: #d11a1a;
}
body.video.creva7 .btn-back {
  background-image: url(../img/video/red_video_btn_back.png);
}
body.video.creva7 .btn-back a:hover {
  color: #d11a1a;
}

/* body.video.evagame */
body.video.evagame .frm {
  background-image: url(../img/video/green_video_frm_t.png);
}
body.video.evagame .frmbtm {
  background-image: url(../img/video/green_video_frm_b.png);
}
body.video.evagame .frminner {
  background-image: url(../img/video/green_video_frm_m.png);
}
body.video.evagame h1 {
  color: #88e31d;
}
body.video.evagame .btn-back {
  background-image: url(../img/video/green_video_btn_back.png);
}
body.video.evagame .btn-back a:hover {
  color: #88e31d;
}

/* body.video.newsloteva */
body.video.newsloteva .frm {
  background-image: url(../img/video/blue_video_frm_t.png);
}
body.video.newsloteva .frmbtm {
  background-image: url(../img/video/blue_video_frm_b.png);
}
body.video.newsloteva .frminner {
  background-image: url(../img/video/blue_video_frm_m.png);
}
body.video.newsloteva h1 {
  color: #1388ff;
}
body.video.newsloteva .btn-back {
  background-image: url(../img/video/blue_video_btn_back.png);
}
body.video.newsloteva .btn-back a:hover {
  color: #1388ff;
}

/* body.video.moreinfo */
body.video.moreinfo .frm {
  background-image: url(../img/video/yellow_video_frm_t.png);
}
body.video.moreinfo .frmbtm {
  background-image: url(../img/video/yellow_video_frm_b.png);
}
body.video.moreinfo .frminner {
  background-image: url(../img/video/yellow_video_frm_m.png);
}
body.video.moreinfo h1 {
  color: #fbd45c;
}
body.video.moreinfo .btn-back {
  background-image: url(../img/video/yellow_video_btn_back.png);
}
body.video.moreinfo .btn-back a:hover {
  color: #fbd45c;
}

.videobox-logonerv .vis {
  height: 208px;
  overflow: hidden;
}

@media screen and (max-width: 840px) {
  .jsoff {
    line-height: 193px;
  }

  .video #wrapper {
    width: 640px !important;
  }

  .video .videobox {
    width: 640px;
  }
  .video .videobox .frm {
    padding-top: 46px;
    background-image: url(../img/video/sp_red_video_frm_t.png);
    -webkit-background-size: 640px 46px;
    -moz-background-size: 640px 46px;
    background-size: 640px 46px;
  }
  .video .videobox .frmbtm {
    padding-bottom: 46px;
    background-image: url(../img/video/sp_red_video_frm_b.png);
    -webkit-background-size: 640px 46px;
    -moz-background-size: 640px 46px;
    background-size: 640px 46px;
  }
  .video .videobox .frminner {
    padding: 0 15px;
    background-image: url(../img/video/sp_red_video_frm_m.png);
    -webkit-background-size: 640px 2px;
    -moz-background-size: 640px 2px;
    background-size: 640px 2px;
  }
  .video .videobox #videoarea {
    width: 600px;
    height: 400px;
    margin: 0 auto;
  }
  .video .videobox h1 {
    top: -32px;
    left: 20px;
    font-size: 12px;
  }
  .video .videobox h2 {
    padding: 10px 4px 8px 4px;
    font-size: 12px;
  }

  .video #flashContent {
    display: none;
  }

  .video #spvideo {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  /* bg */
  #backstretch {
    visibility: hidden !important;
    display: none !important;
  }

  body {
    min-height: 100%;
  }

  .bg_type1 {
    background: #1c1817;
  }

  .bg_type2 {
    background: #1e162a;
  }

  .bg_type3 {
    background: #6b0f13;
  }

  .video #bg_sp {
    visibility: visible;
  }

  #wrapper {
    width: 326px !important;
  }

  .video #wrapper {
    width: 320px !important;
  }

  .video #wrapper,
  #wrapper {
    min-height: 900px !important;
    height: auto !important;
    margin: 0 auto;
  }

  #container {
    width: 320px !important;
    height: auto !important;
    margin: 0 auto;
  }

  #header {
    height: 50px;
  }
  #header h1 img {
    width: 148px !important;
    height: 46px !important;
  }

  #headerfrm {
    height: 50px;
    -webkit-background-size: 790px 46px;
    -moz-background-size: 790px 46px;
    background-size: 790px 46px;
  }

  /* シンクロ率 - スマホ */
  #loading {
    visibility: hidden;
    position: fixed;
    top: 55%;
    left: 50%;
    z-index: 20;
    width: 250px;
    height: 146px;
    background: url(../img/top/load.png) no-repeat 10px 0;
    -moz-background-size: 250px auto;
    -webkit-background-size: 250px auto;
    background-size: 250px auto;
    margin: -73px 0 0 -125px;
  }
  #loading ul {
    position: absolute;
    top: 33px;
    left: 38px;
    width: 278px;
    height: 74px;
    zoom: 0.8;
  }
  #loading li {
    position: absolute;
    bottom: 0;
  }
  #loading li img {
    height: auto !important;
  }
  #loading #load1 {
    left: 18px;
  }
  #loading #load1 img {
    width: 44px !important;
  }
  #loading #load2 {
    left: 57px;
  }
  #loading #load2 img {
    width: 44px !important;
  }
  #loading #load3 {
    left: 96px;
  }
  #loading #load3 img {
    width: 44px !important;
  }
  #loading #load_dot {
    left: 132px;
  }
  #loading #load_dot img {
    width: 11px !important;
  }
  #loading #load4 {
    left: 144px;
  }
  #loading #load4 img {
    width: 30px !important;
  }
  #loading #load5 {
    left: 172px;
  }
  #loading #load5 img {
    width: 30px !important;
  }
  #loading #load_percent {
    left: 200px;
  }
  #loading #load_percent img {
    width: 45px !important;
  }

  .box {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 auto;
    width: 156px !important;
  }
  .box .frm {
    padding-top: 13px;
    -webkit-background-size: 156px 13px;
    -moz-background-size: 156px 13px;
    background-size: 156px 13px;
  }
  .box .frmbtm {
    padding-bottom: 13px;
    -webkit-background-size: 156px 13px;
    -moz-background-size: 156px 13px;
    background-size: 156px 13px;
  }
  .box .frminner {
    padding: 0 0 0 8px;
    -webkit-background-size: 156px 2px;
    -moz-background-size: 156px 2px;
    background-size: 156px 2px;
  }
  .box .vis,
  .box .vis img {
    width: 140px !important;
    height: 60px !important;
  }
  .box h2 {
    padding-top: 5px;
    padding-left: 5px;
    font-size: 8px !important;
  }
  .box h3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.2;
    min-height: 32px;
    padding: 4px 8px 0 5px;
    overflow: visible;
    white-space: normal;
  }
  .box h3 span {
    display: block;
  }

  .box .frm {
    margin-top: 0 !important;
  }

  .box-newtype.lbox {
    width: 316px !important;
  }
  .box-newtype.lbox .frm {
    padding-top: 18px;
    -webkit-background-size: 316px 18px;
    -moz-background-size: 316px 18px;
    background-size: 316px 18px;
  }
  .box-newtype.lbox .frmbtm {
    padding-bottom: 13px;
    -webkit-background-size: 316px 13px;
    -moz-background-size: 316px 13px;
    background-size: 316px 13px;
  }
  .box-newtype.lbox .frminner {
    padding: 0 13px;
    -webkit-background-size: 316px 2px;
    -moz-background-size: 316px 2px;
    background-size: 316px 2px;
  }
  .box-newtype.lbox .vis,
  .box-newtype.lbox .vis img {
    width: 290px !important;
    height: 165px !important;
  }
  .box-newtype.lbox .caption img {
    width: 55px !important;
    height: 8px !important;
  }
  .box-newtype.lbox h2 {
    padding: 8px 0 0 0;
  }

  .box-logonerv {
    display: none;
  }

  #footer,
  #footer ul {
    width: 100%;
  }

  #footer {
    margin-top: 25px;
    padding-top: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  #footer small {
    font-size: 11px;
  }
  #footer ul {
    background: #000000;
    border-top: 1px solid #808080;
  }
  #footer ul li {
    display: block;
    margin: 0;
    padding: 0 !important;
    border-bottom: 1px solid #808080;
  }
  #footer ul a {
    display: block;
    padding: 14px 5px 14px 27px;
    text-align: left;
    background-position-x: 5px;
    text-decoration: none;
  }
  #footer ul a:hover {
    background-position-x: 5px;
  }

  .video #wrapper {
    width: 320px;
    min-height: 300px !important;
  }
  .video #wrapper .frminner {
    padding: 0 15px;
  }

  .jsoff {
    line-height: 193px;
  }

  .video .videobox {
    width: 320px;
  }
  .video .videobox .frm {
    padding-top: 23px;
    background-image: url(../img/video/sp_red_video_frm_t.png);
    -webkit-background-size: 320px 23px;
    -moz-background-size: 320px 23px;
    background-size: 320px 23px;
  }
  .video .videobox .frmbtm {
    padding-bottom: 23px;
    background-image: url(../img/video/sp_red_video_frm_b.png);
    -webkit-background-size: 320px 23px;
    -moz-background-size: 320px 23px;
    background-size: 320px 23px;
  }
  .video .videobox .frminner {
    padding: 0 15px;
    background-image: url(../img/video/sp_red_video_frm_m.png);
    -webkit-background-size: 320px 2px;
    -moz-background-size: 320px 2px;
    background-size: 320px 2px;
  }
  .video .videobox #videoarea {
    width: 290px;
    height: 193px;
  }
  .video .videobox h1 {
    top: -14px;
    left: 12px;
    font-size: 7px;
  }
  .video .videobox h2 {
    padding: 10px 4px 8px 4px;
    font-size: 9px;
  }
  .video .videobox .btn-back {
    -webkit-background-size: 120px 30px;
    -moz-background-size: 120px 30px;
    background-size: 120px 30px;
  }
  .video .videobox .btn-back {
    margin-top: -10px;
    width: 120px;
    height: 30px;
    line-height: 30px;
  }
  .video .videobox .btn-back a {
    width: 120px;
    height: 30px;
    font-size: 10px;
  }

  .video #flashContent {
    display: none;
  }

  .video #spvideo {
    display: block;
  }
}
#spvideo {
  display: none;
}

@media screen and (min-width: 641px) {
  #bg_sp {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 959px) {
  #wrapper,
  #footer ul {
    width: 640px;
  }

  .video #wrapper {
    width: 772px;
  }

  #footer ul {
    margin: 0 auto;
  }
  #footer ul li:nth-child(6),
  #footer ul li:nth-child(7) {
    padding-top: 10px;
  }
}
@media screen and (min-width: 960px) {
  #wrapper {
    width: 960px !important;
  }
}
@media screen and (min-width: 1280px) {
  #wrapper {
    width: 1280px !important;
  }
}
@media screen and (min-width: 1600px) {
  #wrapper {
    width: 1600px !important;
  }
}