@import url("https://fonts.googleapis.com/css?family=Teko:400,600");
@import url("//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

@charset "UTF-8";
/* ! ---------- web font ---------- ---------- ---------- ---------- */
@font-face { font-family: 'Tungsten'; src: url("../font/Tungsten-Medium_0.otf") format("opentype"); }

@font-face { font-family: 'Tungsten'; font-weight: 500; src: url("../font/Tungsten-Semibold_0.otf") format("opentype"); }

@font-face { font-family: 'Tungsten'; font-weight: 700; src: url("../font/Tungsten-Bold_0.otf") format("opentype"); }

@font-face { font-family: 'Tungsten'; font-weight: 900; src: url("../font/Tungsten-Black_0.otf") format("opentype"); }

/* ! ---------- initial ---------- ---------- ---------- ---------- */
/* ---------- setting ---------- ---------- */
/* ---------- size ---------- ---------- */
/* ---------- size ---------- ---------- */
/* 繝ｪ繧ｻ繝�ヨCSS */
html, body { width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div { margin: 0; padding: 0; font-size: 100%; line-height: inherit; box-sizing: border-box; }

body { -webkit-text-size-adjust: 100%; line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { vertical-align: top; text-align: left; font-weight: normal; }

img { border: 0; vertical-align: bottom; }

a { text-decoration: none; }

body { font-family: "Tungsten", "Teko", sans-serif; color: #e5e5e5; background: #000; }

.de_under_note{position: relative;
    text-align: center;
    padding: 2% 0 0;
    letter-spacing: .1em;}

/*0708*/        
.copy{font-family: Arial, Helvetica, "sans-serif";}
.copy img.s-logo { width:130px; }

/* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
.area-wrapper { position: relative; overflow: hidden; }

.area-header { position: fixed; top: 0px; left: 0px; right: 0px; height: 50px; background: #000; z-index: 999; color: #fff; }

.area-header ._logo { position: absolute; top: 6px; left: 20px; }

.area-header ._menu { position: absolute; top: 15px; left: 140px; }

.area-header ._menu li { float: left; }

.area-header ._menu li a { font-size: 22px; color: #808080; padding: 0 16px; letter-spacing: 0.1em; transition-duration: 0.2s; }

.area-header ._sns { position: absolute; top: 10px; right: 20px; display: -ms-flexbox; display: flex; }

.area-header ._sns li { display: block; width: 30px; height: 30px; margin: 0 5px; }

.area-header ._sns a { display: block; background: url(../../images/index/ui/icon_fb.png) left top no-repeat; background-size: 30px 30px; width: 30px; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition-duration: 0.2s; }

.area-header ._sns a:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-header ._sns a.fb { background-image: url(../../images/index/ui/icon_fb.png); }

.area-header ._sns a.gp { background-image: url(../../images/index/ui/icon_gp.png); }

.area-header ._sns a.insta { background-image: url(../../images/index/ui/icon_insta.png); }

.area-header ._sns a.tw { background-image: url(../../images/index/ui/icon_tw.png); }

body.gnavi-current-2 .area-header ._menu li:nth-child(1) a { color: #fff; }

body.gnavi-current-3 .area-header ._menu li:nth-child(2) a { color: #fff; }

body.gnavi-current-4 .area-header ._menu li:nth-child(3) a { color: #fff; }

body.gnavi-current-5 .area-header ._menu li:nth-child(4) a { color: #fff; }

body.gnavi-current-6 .area-header ._menu li:nth-child(5) a { color: #fff; }

body.gnavi-current-7 .area-header ._menu li:nth-child(6) a { color: #fff; }

.area-header ._menu-btn { position: fixed; top: 5px; right: 8px; width: 40px; height: 40px; z-index: 120; }

.area-header ._menu-btn span { transition-duration: 0.2s; position: absolute; background: #888; height: 2px; left: 5px; right: 5px; }

.area-header ._menu-btn span:nth-child(1) { top: 9px; }

.area-header ._menu-btn span:nth-child(2) { top: 19px; }

.area-header ._menu-btn span:nth-child(3) { top: 29px; }

body.js-menu-active .area-header ._menu-btn span:nth-child(1) { position: absolute; top: 19px; -ms-transform: rotate(45deg); transform: rotate(45deg); }

body.js-menu-active .area-header ._menu-btn span:nth-child(2) { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

body.js-menu-active .area-header ._menu-btn span:nth-child(3) { position: absolute; top: 19px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.area-menu-sp { position: fixed; top: 50px; left: 0px; right: 0px; bottom: 0; z-index: 100; color: #fff; z-index: -1; visibility: hidden; }

.area-menu-sp a { color: #fff; }

body.js-menu-active .area-menu-sp { z-index: 105; visibility: visible; }

.area-menu-sp:before { content: ""; display: block; position: fixed; top: 50px; left: 0; right: 0; height: 0; background: #000; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; }

body.js-menu-active .area-menu-sp:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; height: 100%; }

.area-menu-sp ._inner { position: relative; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; overflow: scroll; -webkit-overflow-scrolling: touch; transition-duration: 0s; transition-delay: 0; }

.area-menu-sp ._inner > div { position: relative; }

.area-menu-sp ._inner ul li + li { margin-top: 3.96825vw; }

.area-menu-sp ._inner ul li a { display: block; font-size: 6vw; letter-spacing: 0.1em; }

body.js-menu-active .area-menu-sp ._inner { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; transition-delay: 0.2s; }

.de_s_title{ background: url(../../images/index/buy/deluxe/pre_order_tit.png) no-repeat top center; min-height: 130px; position: relative; }


main { margin-top: 50px; }

/* 20181113 lang menu */

.lang-menu {
    position: relative;
    width: 100px;
    height: 50px;
    margin: 0 50px 0 20px;
    float: right;
    text-align: center;
}

.lang-menu > li {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.lang-menu > li p { font-size: 18px;}

.lang-menu > li a {
    display: block;
    color: #fff;
}

.lang-menu > li a img:hover {
    opacity: .7;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.lang-menu > li:hover {
    background: #333;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.lang-menu > li a img{ width: 80px; vertical-align: middle; text-align: center;}

.menu__second-level li {
    border-top: 1px solid #111; 
    padding: 0;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 荳狗泙蜊ｰ */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* float繧ｯ繝ｪ繧｢ */
.lang-menu:before,
.lang-menu:after {
    content: " ";
    display: table;
}

.lang-menu:after {
    clear: both;
}

.lang-menu {
    *zoom: 1;
}

.lang-menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #000;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}


/* 20181113 lang menu */
/* 20181127 eu pre_menu */

._cover{
    position: relative;
}

._cover > li {
    float: left;
    width: 100%;
}

._cover > li a {
    display: block;
    color: #FFF;
    font-size: 22px;
    text-align: center;

}

._cover > li a img:hover {
    opacity: .7;
}

ul.menu__second-level2 {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

._cover > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

._cover > li a img{ width: 40px; vertical-align: middle; text-align: center;}

.menu__second-level2 li {
    display: inline-block;
    width: 14%;
    margin: 1%;
}

.menu__second-level2 li a:hover {
    background: #ff6600;
    color: #FFF;
}



/* 荳狗泙蜊ｰ */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* float繧ｯ繝ｪ繧｢ */
._cover:before,
._cover:after {
    content: " ";
    display: table;
}

._cover:after {
    clear: both;
}

._cover {
    *zoom: 1;
}

._cover > li.menu__single2 {
    position: relative;
}

li.menu__single2 ul.menu__second-level2 {
    position: absolute;
    bottom: 60px;
    width: 100%;
    right: 0;
    border: #ff6600 1px solid;
    background: rgba(255, 102, 0, 0.5);

    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single2:hover ul.menu__second-level2 {
    bottom: 69px;
    right: 0;
    width: 500px;
    visibility: visible;
    opacity: 1;
}

select{ width: 50%; background:#325876; padding: .5em; color: #FFF; border:0; font-size: 18px;}

@media screen and (min-width: 768px) and (max-width: 1300px){

li.menu__single2 ul.menu__second-level2 {
    bottom: 5.58vw;
    width: 500px;
    right: 0;
}

li.menu__single2:hover ul.menu__second-level2 {
    bottom: 5.58vw;
    right: 0;
    width: 500px;
}

}

@media screen and (max-width: 767px){

li.menu__single2 ul.menu__second-level2 {
    bottom: 11.633vw;
    width: 360px;
    right: 0;
}

li.menu__single2:hover ul.menu__second-level2 {
    bottom: 11.633vw;
    right: 0;
    width: 320px;
}

select{ width: 60%; background:#325876; padding: .6em; color: #FFF; font-size: 2.2vh; }

}

/* 20181127 eu pre_menu */

/* 20181129 lang menu2 */

.en-eu_menu {
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
    color: #808080;
    text-align: center;
    right: 140px;
    line-height: 50px;
    font-size: 20px;
}

.en-eu_menu a{ color: #808080;}
.en-eu_menu a:hover{color: #FFF;}
.en-eu_menu span{ color: #FFF;}


/* ----------------------------------------------------------
.footer
---------------------------------------------------------- */
.footer { background: #000000; color: #fff; padding: 60px; text-align: center; }

.footer p { font-size: 12px; text-align: left; letter-spacing: 0.1em; line-height: 1.5; }

.footer img{max-width: 100%;}

.mod-anim { transition-delay: 0.2s; }

.mod-anim.mod-anim-fade { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 1s; transition-property: opacity,transform; }

.mod-anim.mod-anim-fade.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mod-anim.mod-anim-bottom { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(0, 100px); transform: translate(0, 100px); transition-duration: 1s; transition-property: opacity,transform; }

.mod-anim.mod-anim-bottom.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.mod-anim-right { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(100px, 0); transform: translate(100px, 0); transition-duration: 1s; transition-property: opacity,transform; }

.mod-anim.mod-anim-right.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.mod-anim-zoom { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: scale(0, 0); transform: scale(0, 0); transition-duration: 0.5s; transition-property: opacity,transform; }

.mod-anim.mod-anim-zoom.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: scale(1, 1); transform: scale(1, 1); }

.mod-anim.mod-anim-delay-00 { transition-delay: 0s; }

.mod-anim.mod-anim-delay-02 { transition-delay: 0.2s; }

.mod-anim.mod-anim-delay-04 { transition-delay: 0.4s; }

.mod-anim.mod-anim-delay-06 { transition-delay: 0.6s; }

.mod-anim.mod-anim-delay-08 { transition-delay: 0.8s; }

.mod-anim.mod-anim-delay-10 { transition-delay: 1.0s; }

.mod-anim.mod-anim-delay-15 { transition-delay: 1.5s; }

.mod-anim.mod-anim-delay-20 { transition-delay: 2.0s; }

/* { animation: inout 15s; } */
@keyframes inout { 0% { transform: scale(1); }
  100% { transform: scale(1.2); } }

/* ----------------------------------------------------------
.slick-slider
---------------------------------------------------------- */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-slider li { list-style: none; }

.slick-slider .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-slider .slick-list:focus { outline: none; }

.slick-slider .slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-slider .slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-slider .slick-track:before, .slick-slider .slick-track:after { content: ""; display: table; }

.slick-slider .slick-track:after { clear: both; }

.slick-loading .slick-slider .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* ----------------------------------------------------------
.slider
---------------------------------------------------------- */
.slider-a { width: 500px; background: #fff; padding: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); margin: 0 auto; }

.slider-a .item { background: #eee; outline: 1px solid #ccc; }

.slider-a .slick-prev { position: absolute; top: 50%; left: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.slider-a .slick-next { position: absolute; top: 50%; right: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.slider-a .slick-dots { margin-top: 20px; text-align: center; padding: 5px; }

.slider-a .slick-dots li { display: inline-block; width: 10px; height: 10px; background: #ccc; margin: 0 5px; border-radius: 5px; }

.slider-a .slick-dots li button { display: none; }

.slider-a .slick-dots li.slick-active { background: #888; }

.slider-b { width: 500px; background: #fff; padding: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); margin: 0 auto; }

.slider-b .item { width: 200px; margin: 0 10px; background: #eee; outline: 1px solid #ccc; }

.slider-b .slick-prev { position: absolute; top: 50%; left: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.slider-b .slick-next { position: absolute; top: 50%; right: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.slider-b .slick-dots { margin-top: 20px; text-align: center; padding: 5px; }

.slider-b .slick-dots li { display: inline-block; width: 10px; height: 10px; background: #ccc; margin: 0 5px; border-radius: 5px; }

.slider-b .slick-dots li button { display: none; }

.slider-b .slick-dots li.slick-active { background: #888; }

/* ---------- ---------- ---------- */
.mod-visible { visibility: visible; }

.mod-hidden { visibility: hidden; }

.mod-pc, .mod-pc-inline, .mod-sp, .mod-sp-inline { display: none !important; }

.mod-btn { display: inline-block; border: 1px solid #7bdfff; padding: 9px 5px 5px 5px; text-align: center; color: #7bdfff; letter-spacing: 0.1em; background: rgba(25, 84, 112, 0.2); transition-duration: 0.2s; }

.mod-btn:hover { background: #7bdfff; color: #000; }

.mod-title-h2 h2 { font-size: 80px; font-weight: normal; letter-spacing: 0.1em; text-align: center; position: relative; }

.mod-title-h2 h2:after { content: ""; display: block; width: 60px; height: 2px; background: #fff; margin: 15px auto 0 auto; }

.mod-title-h3 h3 { font-size: 34px; font-weight: normal; letter-spacing: 0.1em; }

.mod-scale.mod-scale-left { -ms-transform-origin: left center; transform-origin: left center; }

.mod-scale.mod-scale-right { -ms-transform-origin: right center; transform-origin: right center; }

.loader { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; background: #000; }

.loader ._icon { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; }

.loader ._icon svg { width: 100%; fill: #fff; }

.icon-spin { animation-name: icon-spin; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes icon-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }

.scene { position: relative; border: 1px solid #000; }

.scene .scene-inner { position: relative; }

/* ----------------------------------------------------------
.pagination
---------------------------------------------------------- */
.pagination { position: fixed; transition-duration: 0.2s; z-index: 10; }

.pagination:before { content: ""; position: absolute; top: -94px; left: -46px; width: 119px; height: 95px; background: url(../../images/index/ui/pager-logo.png) left top no-repeat; background-size: cover; }

.pagination a { display: block; height: 20px; margin-top: 20px; width: 30px; height: 30px; display: block; position: relative; }

.pagination a:before { content: ""; display: block; position: absolute; top: -20px; left: 12px; width: 1px; height: 16px; background: rgba(123, 219, 255, 0.5); }

.pagination a:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 23px; height: 23px; border: 1px solid rgba(123, 219, 255, 0.75); background-color: rgba(0,0,0,0.2); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pagination a.js-current:after { background: #7bdbff; }

.pagination a .hover-text { display: none; }

body.__dev .scene { min-height: 800px; }

/* ----------------------------------------------------------
.scene-mv
---------------------------------------------------------- */
.scene-mv ._bg { background: url(../../images/index/mv/bg01.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.scene-mv ._bg:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; right: -1px; bottom: 0px; /*background: url(../../images/index/bg_dot.png) left top repeat;*/ }

.scene-mv ._row-title { margin: 0 auto; }

/*0708*/ 
.scene-mv ._row-logs{ text-align: center;padding: 10px 0 0 0;}
.scene-mv ._row-logs li{display: inline-block;}
/*0708*/
.scene-mv ._row-logs li div{/*background: rgba(0,0,0,0.4);*/padding:7px 10px;}
.scene-mv ._row-pre { margin:15px auto 20px; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width:570px; }
.scene-mv ._row-pre span { display: block; text-align: center; }
.scene-mv ._row-pre span:nth-child(2) { font-size: 36px; letter-spacing: 0.1em; text-shadow:0px 0px 4px #000; }
 /*0708*/
.scene-mv ._row-pre span:nth-child(1) { font-size: 56px; letter-spacing: 0.1em; text-shadow:0px 0px 4px #000; }
._row-movies{ width: 50vw; margin:auto; }
._row-movies ul{ margin:0 auto;display: block;justify-content: space-between;}
._row-movies ul li{ width: 32%; margin-right: .5%; }
._row-movies ul li:li:last-child{  margin-right:0; }
._row-movies ul li img{width: 100%;}
._row-movies .slick-prev { position: absolute; top: 50%; left: -80px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 60px; height: 60px; margin-top: -30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(../../images/index/media/icon_prev.png) left top no-repeat; }
._row-movies .slick-next { position: absolute; top: 50%; right: -80px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 60px; height: 60px; margin-top: -30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(../../images/index/media/icon_next.png) left top no-repeat; }

 /*0708*/
._row-movies ul li .movie-btn2 {position: relative;display: block;border: 1px solid #7bdfff;transition-duration: 0.2s;}
._row-movies ul li .movie-btn2:hover { border: 1px solid #fff; }
._row-movies ul li .movie-btn2:before {
    position: absolute;
    top:50%;left:50%;
    content:'';
    background-image: url(../../images/index/mv/icon_play.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    width: 70px;
    height: 70px;
    transform: translate(-50%,-50%);
}
@media screen and (max-width: 767px){
    ._row-movies{ width: 100vw; margin:auto; padding: 2vw 0; }
    ._row-movies ul{ margin:0 auto;display: block;justify-content: space-between;}
    ._row-movies ul li{ width: 100%; }
    ._row-movies ul li img{width: 100%;}
    ._row-movies .slick-prev,
    ._row-movies .slick-next { display: none !important;}
}
 /*0708*/
    ._row-movies ul li .movie-btn2:before{width: 30px;height: 30px;}


}

.scene-mv ._scroll { position:absolute; left: calc(50% - 40px); bottom: 40px; width: 81px; height: 60px; text-align: center; font-size: 26px; animation: infinite_scroll_y 1.5s linear 0s infinite; text-shadow:0 0 4px #000; }
/*0708*/
.scene-mv ._cover { display: absolute; border: 1px solid #ff6600; border-right: none; position: fixed; right: 0; transition-duration: 0.2s; color: #000; background: rgba(25, 84, 112, 0.2); z-index:80;}
.scene-mv ._cover ._t { line-height: 1; font-size: 28px; color: #FFF; letter-spacing: 0.1em; padding: 15px 68px 15px 91px; transition-duration: 0.2s; background:#ff6600; }
/*.scene-mv ._cover ._t:after {content: ""; display: block; position: absolute; top: 34%; left: 78%; right: -1px; bottom: 0px; width: 24px; height: 24px; background:url(../../images/index/mv/cover_shape.png) no-repeat top center;}*/
.scene-mv ._cover ._img { position: absolute; top: 5px; left: 5px; width: 75px; }
.scene-mv ._cover ._img img{width: 100%; }
.scene-mv ._cover ._t:hover { background: rgba(25, 84, 112, 0.3);  border-right: none; cursor: pointer; color: #FFF;}
/*.scene-mv ._cover ._t:hover:after  {content: ""; display: block; position: absolute; top: 34%; left: 78%; right: -1px; bottom: 0px; width: 24px; height: 24px; background:url(../../images/index/mv/cover_shape.png) no-repeat top center;}*/
.scene-mv ._cover:hover ._t,
.scene-mv ._cover ._img:hover ._t{ color:#FFF; background: rgba(255, 102, 0, 0.3);  border-right: none; cursor: pointer; }
 .scene-mv .twitter-window{position: absolute; left: 30px; top:80px; width: 17.11vw; font-size: 18px!important;}




/* -- movie & producercomment btn -- */

.movie-btn { display: inline-block; border: 1px solid #7bdfff; padding: 9px 5px 5px 5px; text-align: center; color: #7bdfff; letter-spacing: 0.1em; background: rgba(25, 84, 112, 0.3); transition-duration: 0.2s; margin-right:20px; }

 .movie-btn p{ text-indent:30px;}

.movie-btn:hover { background: #7bdfff; color: #000; }

.pro-btn { display: inline-block; border: 1px solid #fff23d; padding: 9px 5px 5px 5px; text-align: center; color: #fff23d; letter-spacing: 0.1em; background: rgba(45, 45, 0, 0.2); transition-duration: 0.2s; }

.pro-btn:hover { background: #fff23d; color: #000; }


.scene-mv ._row-btns { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; text-align:center; }
.scene-mv ._row-btns .movie-btn{ position:relative; display: block; text-align:center; /*padding-top:16px;*/ }
.scene-mv ._row-btns .pro-btn { position:relative; display: block; text-align:center; }

.scene-mv ._row-btns .movie-btn p:before{ content: ""; display: block; position: absolute; top: 32%; left:20%; right: -1px; bottom: 0px; width: 27px; height: 27px; background:url(../../images/index/mv/movie_icon.png) no-repeat top center; }

.scene-mv ._row-btns .movie-btn:hover p:before{ content: ""; display: block; position: absolute; top: 32%; left:20%; right: -1px; bottom: 0px; width: 27px; height: 27px; background:url(../../images/index/mv/movie_icon_h.png) no-repeat top center; }



@media screen and (max-width: 767px){
 .scene-mv ._row-btns{ padding: 5.33333vw 0; }
	
.scene-mv ._row-btns .movie-btn p:before{ content: ""; display: block; position: absolute; top: 23%; left:8%; right: -1px; bottom: 0px; width: 27px; height: 27px; background:url(../../images/index/mv/movie_icon.png) no-repeat top center; }

.scene-mv ._row-btns .movie-btn:hover p:before{ content: ""; display: block; position: absolute; top: 23%; left:8%; right: -1px; bottom: 0px; width: 27px; height: 27px; background:url(../../images/index/mv/movie_icon_h.png) no-repeat top center; }
 
 
}

@media screen and (min-width: 768px){

 .scene-mv ._row-btns{ padding: 0; }

}

@media screen and (min-width: 1301px){
 .movie-btn,
  
 .pro-btn{ width: 275px; font-size: 38px; text-align:left;}
  .movie-btn span,
 .pro-btn span{ font-size:16px; display:block; line-height:1.2em; }
}


/* ----------------------------------------------------------
.scene-intro
---------------------------------------------------------- */

.scene-intro ._bg { background: url(../../images/index/intro/bg.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.scene-intro ._t1 { margin-top: 60px; line-height: 1.25; letter-spacing: 0.1em; }

.scene-intro ._t2 { margin-top: 40px; line-height: 1.25; letter-spacing: 0.1em; color: #c8c8c8; }

.scene-intro ._row-btns { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.scene-intro ._row-btns .mod-btn { display: block; }

.scene-intro ._row-btns .mod-btn:nth-child(1) { margin-right: -1px; }

.coming-text{text-align: center; font-size: 4vh; letter-spacing: .1em;}

/* ----------------------------------------------------------
.scene-game
---------------------------------------------------------- */
 /*0708*/
.scene-game{ padding: 8vw 0; }
.scene-game ._bg { background: url(../../images/index/game/bg.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.scene-game ._t1 { margin-top: 40px; line-height: 1.25; letter-spacing: 0.1em; font-size: 34px; color: #c8c8c8; }

.scene-game ._row-btns { position: relative; }

.scene-game ._row-btns ._btn { display: inline-block; position: relative; display: block; }

.scene-game ._row-btns ._btn img { width: 100%; }

.scene-game ._row-btns ._btn ._t { border: 1px solid #7bdfff; padding: 9px 5px 5px 5px; text-align: center; color: #7bdfff; letter-spacing: 0.1em; background: rgba(0, 14, 23, 0.5); transition-duration: 0.2s; position: absolute; left: 0px; right: 0px; bottom: 0px; }

.scene-game ._row-btns ._btn:hover ._t { background: #7bdfff; color: #000; }

.scene-game ._row-screenshots { position: absolute; left: 0px; right: 0px; bottom: 0px; overflow: hidden; }

.scene-game ._row-screenshots ._inner { background: url(../../images/index/game/screenshots.jpg) left top repeat; background-size: 50% 100%; animation: corporate_index_blands 50s linear infinite; }

/* ----------------------------------------------------------
.scene-buy
---------------------------------------------------------- */

.scene-buy .scene-buy-1 { position: relative; }

.scene-buy .scene-buy-1 ._bg { background: url(../../images/index/buy/bg1.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.scene-buy .scene-buy-1 ._row-texts .mod-title-h2 h2 { color: #325876; }

.scene-buy .scene-buy-1 ._row-texts .mod-title-h2 h2:after { background: #325876; }

.scene-buy .scene-buy-1 ._row-btns img { width: 100%;}
.scene-buy .scene-buy-1 ._row-btns ._img { transition-duration: 0.2s; }

/*0708*/
.scene-buy .scene-buy-1 ._row-btns ._btn { color: #e5e5e5; display: block; background: url(../../images/index/buy/btn_bg1.png) left top; padding: 10px; position: relative; }

.scene-buy .scene-buy-1 ._row-btns ._btn-2 { color: #e5e5e5; display: block; background: url(../../images/index/buy/btn_bg2.png) left top; padding: 10px; }

.scene-buy .scene-buy-1 ._row-btns ._btn ._title { letter-spacing: 0.1em; }

.scene-buy .scene-buy-1 ._row-btns ._btn ._plathome { margin-top: 10px; background: #0c1922; display: inline-block; padding: 5px 20px; }
.scene-buy .scene-buy-1 ._row-btns ._btn ._plathome_r { margin-top: 10px; background: #410d0d; display: inline-block; padding: 5px 20px; }

.scene-buy .scene-buy-1 ._row-btns ._btn ._order { margin-top: 30px; background: #0c1922; text-align: center; padding: 8px 5px 3px 5px; letter-spacing: 0.1em; transition-duration: 0.2s; }

.scene-buy .scene-buy-1 ._row-btns ._btn ._order_r { margin-top: 30px; background: #410d0d; text-align: center; padding: 8px 5px 3px 5px; letter-spacing: 0.1em; transition-duration: 0.2s; }

.scene-buy .scene-buy-1 ._row-btns ._btn:hover ._img { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.scene-buy .scene-buy-1 ._row-btns ._btn:hover ._order { color: #325876; background: #fff; }
.scene-buy .scene-buy-1 ._row-btns ._btn:hover ._order_r { color: #410d0d; background: #fff; }


.scene-buy .scene-buy-2 { position: relative; }

.scene-buy .scene-buy-2 ._bg { background: url(../../images/index/buy/bg2.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.scene-buy .scene-buy-2 ._row-texts { text-align: center; position: relative; }

.scene-buy .scene-buy-2 ._row-boxes ._box:first-child  { position: relative; background: rgba(0, 0, 0, 0.6); border: 1px solid #6e6200; }
.scene-buy .scene-buy-2 ._row-boxes ._box { position: relative; background: rgba(0, 0, 0, 0.6); border: 1px solid #9c1a1a; }

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._title:first-child { text-align: center; padding: 10px 0 5px 0; background: url(../../images/index/buy/deluxe/box_y_bg.jpg) left top; }
.scene-buy .scene-buy-2 ._row-boxes ._box ._title{ text-align: center; padding: 10px 0 5px 0; background: url(../../images/index/buy/deluxe/box_bg.jpg) left top; }

.scene-buy .scene-buy-2 ._row-boxes ._box ._texts { letter-spacing: 0.1em; }

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._p1 { position: absolute; top: 17.5%; left: 4.45%; width: 44.59%; height: 20.75%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._p2 { position: absolute; top: 17.5%; left: 52.83%; width: 43.24%; height: 20.75%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._p3 { position: absolute; top: 50.24%; left: 24.72%; width: 80.13%; height: 52.62%;}

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._p3_02 { position: absolute; top: 76.24%; left: 4.72%; z-index: 0; width: 30.13%; height: 40.62%;}

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._t1 { position: absolute; top: 13.37%; left: 4.5%; width: 92%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._t2 { position: absolute; top: 39.20%; left: 4.5%; width: 92%; text-align: right; line-height: .7; }

.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._t3 { position: absolute; top: 55.00%; left: 4.5%; width: 92%;  background: url(../../images/index/buy/deluxe/pre_p3_t3_bg-icn.png) no-repeat left -10px; min-height: 119px;}
.scene-buy .scene-buy-2 ._row-boxes ._box-1 ._t3 p{ position: absolute; z-index: 99;}

.scene-buy .scene-buy-2 ._row-boxes ._box-2 ._p1 { position: absolute; top: 17.37%; left: 4.59%; width: 41%; height: 20.75%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-2 ._p2 { position: absolute; top: 17.37%; left: 48.62%; width: 47%; height: 20.75%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-2 ._p3 { position: absolute; top: 45.75%; left: 0; width: 99.59%; height: 50.62%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-2 ._t1 { position: absolute; top: 13.37%; left: 4.5%; width: 92%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-2 ._t2 { position: absolute; top: 89.20%; left: 4.5%; width: 92%; }

.scene-buy .scene-buy-2 ._row-boxes ._box-2 span { -ms-transform: translate(20px, 0); transform: translate(20px, 0); }

/* ----------------------------------------------------------
.scene-manual
---------------------------------------------------------- */

.scene-manual ._bg { background: url(../../images/index/manual/bg.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

/* ----------------------------------------------------------
.scene-media
---------------------------------------------------------- */

.scene-media ._bg { background: url(../../images/index/media/bg.jpg) left top repeat; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.scene-media ._row-navi { text-align: center; }

.scene-media ._row-navi li { display: inline-block; }

.scene-media ._row-navi li > div { border: 1px solid #7bdfff; display: block; color: #7bdfff; letter-spacing: 0.1em; padding: 5px 20px 3px 20px; margin: -1px 0 0 -3px; transition-duration: 0.2s; }

.scene-media ._row-navi li > div:hover { background: rgba(123, 223, 255, 0.6); color: #000; }

.scene-media ._row-navi li > div.js-current { background: #7bdfff; color: #000; }

.scene-media ._row-pages { position: relative; }

.scene-media ._row-pages ._page { position: relative; display: none; }

.scene-media ._row-pages ._page img { width: 100%; }

.scene-media ._row-pages ._page a { display: block; }

.scene-media ._row-pages ._page .slider-main { margin: 0 auto; }

.scene-media ._row-pages ._page .slider-main .slick-prev { position: absolute; top: 50%; left: -80px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 60px; height: 60px; margin-top: -30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(../../images/index/media/icon_prev.png) left top no-repeat; }

.scene-media ._row-pages ._page .slider-main .slick-next { position: absolute; top: 50%; right: -80px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 60px; height: 60px; margin-top: -30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(../../images/index/media/icon_next.png) left top no-repeat; }

.scene-media ._row-pages ._page .slider-main .slick-dots { margin-top: 10px; text-align: center; padding: 5px; }

.scene-media ._row-pages ._page .slider-main .slick-dots li { display: inline-block; width: 10px; height: 10px; background: #7bdfff; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; margin: 0 5px; border-radius: 5px; }

.scene-media ._row-pages ._page .slider-main .slick-dots li button { display: none; }

.scene-media ._row-pages ._page .slider-main .slick-dots li.slick-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.scene-media ._row-pages ._page .slider-main ._items { position: relative; }

.scene-media ._row-pages ._page .slider-main ._items ._item { position: relative; }

.scene-media ._row-pages ._page .slider-main ._items ._item:after { content: ""; display: block; padding-top: 37.6%; }

.scene-media ._row-pages ._page .slider-main ._items ._item > ul > li { position: absolute; }

.scene-media ._row-pages ._page .slider-main ._items ._item > ul > li:nth-child(1) { top: 0px; left: 0px; width: 66.6%; height: 100%; }

.scene-media ._row-pages ._page .slider-main ._items ._item > ul > li:nth-child(2) { top: 0px; left: 66.6%; width: 33.3%; height: 50%; }

.scene-media ._row-pages ._page .slider-main ._items ._item > ul > li:nth-child(3) { top: 49.9%; left: 66.6%; width: 33.3%; height: 50%; }

/*0708*/
.scene-media ._row-pages ._page .slider-main ._items-movie { position: relative; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item { position: relative; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item:after { content: ""; display: block; padding-top: 37.6%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li { position: absolute; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(1) { top: 0px; left: 0px; width:25%; height: 50%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(2) { top: 37.4%; left: 0px; width:25%; height: 50%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(3) { top: 0px; left: 25%; width:25%; height: 50%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(4) { top: 37.4%; left: 25%; width:25%; height: 50%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(5) { top: 0px; left: 50%; width:25%; height: 50%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(6) { top: 37.4%; left: 50%; width:25%; height: 50%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(7) { top: 0px; left: 75%; width:25%; height: 50%; }
.scene-media ._row-pages ._page .slider-main ._items-movie ._item > ul > li:nth-child(8) { top: 37.4%; left: 75%; width:25%; height: 50%; }


.scene-media ._row-pages .modal-image { position: relative; transition-duration: 0.2s; }

.scene-media ._row-pages .modal-image:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.scene-media ._row-pages .modal-video { position: relative; transition-duration: 0.2s; }

.scene-media ._row-pages .modal-video:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.scene-media ._row-pages .modal-video:after { content: ""; display: block; position: absolute; width: 120px; height: 120px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; background: url(../../images/index/media/icon_movie.png) left top no-repeat; }

.scene-media ._row-pages .modal-video.video-mini:after { width: 60px; height: 60px; background-size: 60px 60px; }

/* ----------------------------------------------------------
@keyframes
---------------------------------------------------------- */
@keyframes corporate_index_blands { 0% { background-position: 0 0; }
  100% { background-position: -355.2vh 0; } }

@keyframes infinite_scroll_y { 0% { transform: translate3d(0, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  30% { transform: translate3d(0, 10px, 0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  60% { transform: translate3d(0, 15px, 0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  80% { transform: translate3d(0, 15px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% { transform: translate3d(0, 15px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

/* ----------------------------------------------------------
.modal
---------------------------------------------------------- */
.modal .modal-content { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.modal .modal-innter { position: relative; }

.modal .modal-btn-close { border: 1px solid #7bdfff; border-radius: 50%; position: absolute; transition-duration: 0.2s; right: 20px; top: 20px; }

.modal .modal-btn-close:before, .modal .modal-btn-close:after { content: ""; transition-duration: 0.2s; position: absolute; background: #7bdfff; height: 2px; left: 12%; right: 12%; }

.modal .modal-btn-close:before { position: absolute; top: 49%; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.modal .modal-btn-close:after { position: absolute; top: 49%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal .modal-btn-close:hover { background: #7bdfff; }

.modal .modal-btn-close:hover:before { -ms-transform: rotate(135deg); transform: rotate(135deg); background: #000; }

.modal .modal-btn-close:hover:after { -ms-transform: rotate(45deg); transform: rotate(45deg); background: #000; }

.modal ._row-navi { text-align: center; }

.modal ._row-navi li { display: inline-block; }

.modal ._row-navi li > div { border: 1px solid #7bdfff; display: block; color: #7bdfff; letter-spacing: 0.1em; padding: 5px 20px 3px 20px; margin: -1px 0 0 -3px; transition-duration: 0.2s; }

.modal ._row-navi li > div:hover { background: rgba(123, 223, 255, 0.6); color: #000; }

.modal ._row-navi li > div.js-current { background: #7bdfff; color: #000; }

/* ----------------------------------------------------------

---------------------------------------------------------- */
.modal-intro { background: url(../../images/index/intro_modal/bg.jpg) center center no-repeat; background-size: cover; }

.modal-intro ._row-pages { position: relative; }

.modal-intro ._row-pages ._page { position: relative; display: none; }

.modal-intro ._row-pages ._cols { position: relative; }

.modal-intro ._row-pages ._img { position: relative; }

.modal-intro ._row-pages ._texts ._title { letter-spacing: 0.1em; }

.modal-intro ._row-pages ._texts ._t1 { line-height: 1.4; letter-spacing: 0.1em; }

.modal-intro ._row-pages ._texts ._photos { margin-top: 20px; display: -ms-flexbox; display: flex; }

.modal-intro ._row-pages ._texts ._photos li img{max-width: 397px; }
.modal-intro ._row-pages ._texts ._photos li { border: 1px solid #7bdfff; }


/* ----------------------------------------------------------

---------------------------------------------------------- */
.modal-game { background: url(../../images/index/game_modal/bg.jpg) center center no-repeat; background-size: cover; }

.modal-game ._t1 { margin-top: 5px; line-height: 1.25; letter-spacing: 0.1em; font-size: 23px; color: #c8c8c8; }

#modalGame2 { background-image: url(../../images/index/game_modal/bg2.jpg); }

@media screen and (min-width: 768px) and (max-width: 1300px){
 .area-header ._menu{ top: 18px; }
 .area-header ._menu li a{ font-size: 16px; padding: 0 10px; }
 .pro-btn,
 .movie-btn{ width: 21.73vw; font-size: 2.6vw; }
 .pro-btn span{  font-size: 1.4vw; display:block; line-height:1.2em; }
 .scene-mv ._row-btns .movie-btn p:before,
 .scene-mv ._row-btns .pro-btn p:before { display:none;}
 
  .movie-btn p{ text-indent:0;}
 
 .movie-btn p:before{ content: ""; display: block; position: absolute; top: 27%; left: 13%; right: -1px; bottom: 0px; width: 27px; height: 27px; background:url(../../images/index/mv/movie_icon.png) no-repeat top center; }
	
 .movie-btn p:before:hover{ content: ""; display:none; position: absolute; top: 27%; left: 13%; right: -1px; bottom: 0px; width: 27px; height: 27px; background:url(../../images/index/mv/movie_icon_h.png) no-repeat top center; }
 
 .mod-btn{ width: 20.9vw; font-size: 3.17vw; }
 .mod-btn{ width: 28.73vw; font-size: 3.17vw; }
 .mod-title-h2 h2{ font-size: 6.35vw; }
 .mod-title-h3 h3{ font-size: 2.7vw; }

  /*0708*/
 .scene .scene-inner{ padding: 8vw 2vw; }
 .pagination{ top: 130px; right: 30px; -ms-transform-origin: center top; transform-origin: center top; -ms-transform: scale(0.6); transform: scale(0.6); }
 .scene-mv ._row-title{ width: 55.87vw; text-align:center; }
 .scene-mv ._row-title img{ width: 80%; }
  /*0708*/
 .scene-mv ._row-pre{ width: 33.62vw; }
 .scene-mv ._row-pre img{ width: 80%; }
 .scene-mv ._row-pre span:nth-child(2){ font-size: 2.31vw; }
 .scene-mv ._row-pre span:nth-child(1){ font-size: 5.2vw; }
/* .scene-mv ._scroll{ width: 6.43vw; font-size: 2.06vw; }
 .scene-mv ._scroll img{ width: 100%; }*/
 .scene-mv ._rating{ position: absolute; left: 30px; bottom: 50px; width: 80px; }
 .scene-mv ._rating img{ width: 100%; }
 .scene-mv ._cover ._t{ padding:1.19048vw 5.34921vw 1.59048vw 7.73016vw; font-size: 2.17vw; }
 .scene-mv ._cover ._t img{ width: 100%; }
 .scene-mv ._cover ._img{ width: 6.53968vw; top: 0.4vw; left: 0.39683vw; }
 .scene-mv ._cover ._img img{ width: 100%; }
 .scene-intro ._t1{ font-size: 3.33vw; }
 .scene-intro ._t2{ font-size: 2.7vw; }
 .scene-game ._t1{ font-size: 2.7vw; }
 .scene-game ._row-btns ._btn{ font-size: 3.17vw; }
  /*0708*/
 .scene-buy .scene-buy-1{/* padding: 80px 0 60px 0;*/ }
 .scene-buy .scene-buy-1 ._row-btns ._img{ width: 100%; }
 .scene-buy .scene-buy-1 ._row-btns img{ width: 100%; }
 .scene-buy .scene-buy-1 ._row-btns ._btn._btn-2{ margin-left: 3.1746vw; }
 .scene-buy .scene-buy-1 ._row-btns ._btn ._new{ font-size: 2vw; letter-spacing: .4px; display: block;color: #fde43f; position: absolute; top:10px; left: 16px;}
 .scene-buy .scene-buy-1 ._row-btns ._btn ._title{ font-size: 2.5vw;height: 2em; }
 .scene-buy .scene-buy-1 ._row-btns ._btn ._order{ font-size: 2vw; }
 .scene-buy .scene-buy-1 ._row-btns ._btn ._order_r{ font-size: 2vw; }
 .scene-buy .scene-buy-1 ._row-btns ._plathome{ width: 10vw; }
 .scene-buy .scene-buy-1 ._row-btns ._plathome_r{ width: 10vw; }
 .scene-buy .scene-buy-2{ padding: 80px 0 60px 0; }
 .scene-buy .scene-buy-2 ._row-texts{width: 98vw; margin-left: 8vw; height: 26vw; }
 .scene-buy .scene-buy-2 ._row-texts img{ width: 100%; }
 .scene-buy .scene-buy-2 ._row-texts ._t1{ font-size: 3.1746vw; letter-spacing: 0.1em; }
 .scene-buy .scene-buy-2 ._row-texts ._t3{ font-size: 2.38095vw; letter-spacing: 0.1em; }
 .scene-buy .scene-buy-2 ._row-texts ._t3 span{ font-size: 1.5873vw; }

._package{ width: 80%; height: 55.8%; margin: 40px auto;}

.modal .modal-innter{ padding: 0 3.1746vw 0 3.1746vw; }
 .modal-game ._t1{ font-size: 1.9vw; }
 }





@media screen and (max-width: 767px){
 .area-header ._menu{ display: none; }
 .area-header ._sns{ top: 12px; right: 60px; } 
 .area-header ._sns li{ display: block; width: 25px; height: 25px; margin: 0 3px; }
 .area-header ._sns a{ background-size: 25px 25px; width: 25px; height: 25px; }
.scene-intro ._bg { background: url(../../images/index/intro/bg.jpg) 90% center no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
 .slider-a{ width: auto; }
 .slider-a .slick-prev{ display: none !important; }
 .slider-a .slick-next{ display: none !important; }
 .slider-b{ width: auto; }
 .slider-b .slick-prev{ display: none !important; }
 .slider-b .slick-next{ display: none !important; }
 .mod-sp{ display: block !important; }
 .mod-sp-inline{ display: inline-block !important; }
 .pro-btn{ width: 41vw; font-size: 5.63333vw; }
 .movie-btn{ width: 41vw; font-size: 6.33333vw; }
  .pro-btn span{ font-size:3.33333vw;; display:block; line-height:1.2em; }
  .movie-btn p{ text-indent:15%;}
  
 .mod-btn{ width: 30vw; font-size: 5.33333vw; }
 .mod-title-h2 h2{ font-size: 8.53333vw; }
 .mod-title-h3{ margin-top: 5.33333vw; }
 .mod-title-h3 h3{ font-size: 4.8vw; }
 .mod-scale{ -ms-transform: scale(0.4); transform: scale(0.4); }
 .scene .scene-inner{ width: 100%; }
 .scene img{ max-width: 100%; }
 .pagination{ display: none; }
 .scene-mv{ padding: 5.33333vw 5.33333vw 37.33333vw 5.33333vw; }
 .scene-mv ._row-title{ width: 100%; margin: 12% 0 0;}
 .scene-mv ._row-pre span:nth-child(2){ font-size: 5vw; margin-top: 1.33333vw; }
 .scene-mv ._row-pre span:nth-child(1){ font-size: 10vw;  }
 .scene-mv ._row-pre{ margin: 5.33333vw 0 0.66667vw 0; }

 /*0708*/
 .scene-mv ._row-logs li img{width: 26vw;}       
 .scene-mv ._row-movies ul{width: auto;margin: 2vw 0;}       
 .scene-mv ._scroll{ display:none; /*bottom: 8vw; width: 0.66667vw; height: 10.66667vw; left: calc(50% - 5.2vw); font-size: 4.26667vw; */}      
 .scene-mv ._rating{ width: 100px; position: absolute; left: 5.33333vw; bottom:11.33333vw; }       
 .scene-mv ._cover{ bottom: 20vw; }     
 .scene-mv ._cover.is-B{ bottom: 6vw; }     
     
 .scene-mv ._cover ._t{ padding: 2.66667vw 0.33333vw 2.66667vw 14.33333vw; font-size: 4.4vw; }
 /*0708*/

.scene-mv ._cover ._t:after {content: ""; display: none; }
.scene-mv ._row-btns{ padding: 5.33333vw 0; }
/*0708*/
.scene-mv ._cover ._img{ width: 12vw; top: 0.9vw; left: 1.33333vw; }
/*0708*/
 .scene-intro{ padding: 16vw 5.33333vw 16vw 5.33333vw; }
 .scene-intro ._t1{ margin-top: 5.33333vw; font-size: 4.8vw; }
 .scene-intro ._t2{ margin-top: 5.33333vw; font-size: 3.73333vw; }
 .scene-intro ._row-btns{ padding: 5.33333vw 0; }
 .scene-game{ padding: 16vw 5.33333vw 26.66667vw 5.33333vw; }
 .scene-game ._t1{ margin-top: 5.33333vw; font-size: 3.73333vw; }
 .scene-game ._row-btns{ padding: 5.33333vw 13.33333vw; }
 .scene-game ._row-btns ._btn{ font-size: 5.33333vw; }
 .scene-game ._row-btns ._btn + ._btn{ margin-top: 2.66667vw; }
 .scene-game ._row-screenshots ._inner{ width: 355.2vh; height: 10vh; }
 .scene-buy .scene-buy-1{ padding: 16vw 5.33333vw 16vw 5.33333vw; }
 .scene-buy .scene-buy-1 ._row-btns{ padding: 5.33333vw 10.66667vw 0 10.66667vw; }
 .scene-buy .scene-buy-1 ._row-btns ._texts{ padding-top: 2.66667vw; }
 .scene-buy .scene-buy-1 ._row-btns ._btn._btn-2{ margin-top: 2.66667vw; }

  /*0708*/     
 .scene-buy .scene-buy-1 ._row-btns ._btn ._new{ font-size: 4vw; letter-spacing: .4px; display: block;color: #fde43f; position: absolute; top: 10px; left: 16px; }

 .scene-buy .scene-buy-1 ._row-btns ._btn ._title{ font-size: 6.4vw; }
 .scene-buy .scene-buy-1 ._row-btns ._btn ._plathome{ width: 50%; }
  /*0708*/  
 .scene-buy .scene-buy-1 ._row-btns ._btn ._plathome_r{ width: 50%; }

 .scene-buy .scene-buy-1 ._row-btns ._btn ._order{ margin-top: 5.33333vw; font-size: 5.33333vw; }
 .scene-buy .scene-buy-1 ._row-btns ._btn ._order_r{ margin-top: 5.33333vw; font-size: 5.33333vw; }
	
 .scene-buy .scene-buy-2{ padding: 7.66667vw 2.66667vw 16vw 2.66667vw; overflow: hidden; }
 .scene-buy .scene-buy-2 ._row-texts{ width: 100vw; height: 20vw; }
	
.de_s_title{ background: url(../../images/index/buy/deluxe/pre_order_tit_sp.png) no-repeat top center; background-size:contain; position: relative; }

 /*0708*/  
._package{width: 76%; height: 55.8%; margin: 20px auto 0;}

/*._package img{ max-width: 1000px; width: 100%;}*/
 .scene-buy .scene-buy-2 ._row-texts ._box{ position: absolute; top: 66.8%; left: -20.4%; width: 139.73%; height: 27.4%; }
 .scene-buy .scene-buy-2 ._row-texts ._t1{ position: absolute; top: 58%; left: 0%; width: 100%; height: 13.4%; }
 .scene-buy .scene-buy-2 ._row-texts ._t2{ position: absolute; top: 72.8%; left: 20%; width: 60%; height: 11.2%; }
 .scene-buy .scene-buy-2 ._row-texts ._t3{ position: absolute; top: 89%; left: 0.4%; width: 99.2%; height: 12.6%; }
 .scene-buy .scene-buy-2 ._row-texts ._kira{ display: none; }
 .scene-buy .scene-buy-2 ._row-texts ._t1{ font-size: 4.26667vw; letter-spacing: 0.1em; }
 .scene-buy .scene-buy-2 ._row-texts ._t3{ font-size: 3.2vw; letter-spacing: 0.05em; }
 .scene-buy .scene-buy-2 ._row-texts ._t3 span{ font-size: 2.66667vw; }
 .scene-buy .scene-buy-2 ._row-boxes ._box{ width: 80vw; height: 100vw; margin: 0 auto; }
 .scene-buy .scene-buy-2 ._row-boxes ._box + ._box{ margin-top: 2.66667vw; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._title{ font-size: 4.8vw; letter-spacing:.1em; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._texts{ font-size: 3.73333vw; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._texts span{ font-size: 2.66667vw; }
 .scene-buy .scene-buy-2 ._row-boxes ._box-1 ._t3 { position: absolute; top: 55.00%; left: 4.5%; width: 92%;  background: url(../../images/index/buy/deluxe/pre_p3_t3_bg-icn.png) no-repeat left -10px; background-size:20%; min-height: 119px;}
 .scene-manual{ padding: 10.66667vw 2.66667vw 16vw 2.66667vw; }
 .scene-media{ padding: 10.66667vw 2.66667vw 16vw 2.66667vw; }
 .scene-media ._row-navi{ margin-top: 4vw; }
 .scene-media ._row-navi li > div{ font-size: 3vw; }
 .scene-media ._row-pages{ margin-top: 10px; }

	
	
 .scene-media ._row-pages ._page .slider-main{ width: 94vw; }
 .scene-media ._row-pages ._page .slider-main .slick-prev{ display: none !important; }
 .scene-media ._row-pages ._page .slider-main .slick-next{ display: none !important; }
 .scene-media ._row-pages ._page .slider-main ._items ._item{ width: 94vw; }
 .scene-media ._row-pages .modal-video:after{ width: 60px; height: 60px; background-size: 60px 60px; }
 .scene-media ._row-pages .modal-video.video-mini:after{ width: 30px; height: 30px; background-size: 30px 30px; }
 .modal .modal-content{ overflow: scroll; }
 .modal .modal-innter{ padding: 16vw 5.33333vw 16vw 5.33333vw; }
 .modal .modal-btn-close{ right: 10px; top: 10px; width: 40px; height: 40px; }
 .modal ._row-navi{ margin-top: 4vw; }
 .modal ._row-navi li > div{ font-size: 3vw; }
 .modal-intro ._row-pages{ margin-top: 10px; }
 .modal-intro ._row-pages ._img{ width: 70vw; margin: 0 auto; }
 .modal-intro ._row-pages ._img img{ width: 100%; }
 .modal-intro ._row-pages ._texts ._title{ font-size: 5.4vw; }
 .modal-intro ._row-pages ._texts ._t1{ margin-top: 5px; font-size: 3.0vw; }
 .modal-intro ._row-pages ._texts ._photos li{ width: 46vw; }
 .modal-intro ._row-pages ._texts ._photos li + li{ margin-left: 2vw; }
 .modal-intro ._row-pages ._texts ._photos li img{ width: 100%; }
 .modal-game ._t1{ font-size: 3.73333vw; }
 .scene-mv ._cover ._t:hover:after  {display: none !important;}
 
.coming-text{text-align: center; font-size: 2vh; letter-spacing: .1em;}

/*0708*/        
 .copy{font-size:2vw !important;}
 .copy img.s-logo { width: 16vw; }

 .footer{ padding:20px ;}


 /* ----------------------------------------------------------
twitter window
---------------------------------------------------------- */
/*0708*/ 
.twitter-window{display:none;}
.scene-sns{display:block; width:100%;}
.scene-sns iframe {
  width: 100% !important;
}
  .scene-mv ._row-pre{ width:100%;}

  }

/*iphone6+*/
@media screen and (max-width: 414px) {
	.Twitter iframe{
		width: 384px!important;}
		.de_s_title{ background: url(../../images/index/buy/deluxe/pre_order_tit_sp.png) no-repeat top center; min-height: 90px; position: relative; background-size: contain; }
		
}
/*iphone6*/
@media screen and (max-width: 375px) {
	.Twitter iframe{
		width: 345px!important;
	}
}

/*iphone5*/
@media screen and (max-width: 320px) {
	.Twitter iframe{
		width: 290px!important;
	}
}


@media screen and (min-width: 768px){
 .area-header ._menu-btn{ display: none; }
 .mod-pc{ display: block !important; }
 .mod-pc-inline{ display: inline-block !important; }
 .mod-title-h3{ margin-top: 35px; }
 .scene{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 
 /*0708*/
 .scene-mv ._cover{ bottom: 130px; }
.scene-mv ._cover.is-B{bottom: 50px;}

 .scene-mv ._row-btns{ padding: 20px 0; }
 .scene-intro ._row-btns{ padding: 30px 0; }
 .scene-game ._row-texts{ margin-top: -100px; }
 .scene-game ._row-btns{ padding: 20px 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; z-index: 5; }
 .scene-game ._row-btns ._btn{ font-size: 40px; width: 48%; }
 .scene-game ._row-screenshots ._inner{ width: 710.4vh; height: 20vh; }
 .scene-buy{ display: block !important; }
 .scene-buy .scene-buy-1{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .scene-buy .scene-buy-1 ._row-btns{ margin-top: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
 /*0708*/
 .scene-buy .scene-buy-1 ._row-btns ._texts{ padding: 2vw; }
 .scene-buy .scene-buy-1 ._row-btns ._btn._btn-2{ margin-left: 20px; background-image: url(../../images/index/buy/btn_bg2.png); }
 .scene-buy .scene-buy-1 ._row-btns ._btn._btn-strong{box-shadow:0px 5px 5px rgba(0,0,0,0.3); position: relative;}


._package{width: 76%; height: 55.8%; margin: 20px auto 0; text-align: center;}
._package img{ max-width: 1000px; width: 100%;}
 .scene-buy .scene-buy-2 ._row-texts ._box{ position: absolute; top: 34%; left: 10.13%; width: 89.26%; height: 43.75%; }
 .scene-buy .scene-buy-2 ._row-texts ._box{ position: absolute; top: 34%; left: 10.13%; width: 89.26%; height: 43.75%; }
 .scene-buy .scene-buy-2 ._row-texts ._kira{ position: absolute; top: -4.5%; left: 63.06%; width: 24.66%; height: 54.75%; }
 .scene-buy .scene-buy-2 ._row-texts ._t1{ position: absolute; top: 18%; left: 20%; width: 65%; }
 .scene-buy .scene-buy-2 ._row-texts ._t2{ position: absolute; top: 40.25%; left: 35.66%; width: 37.2%; height: 23%; }
 .scene-buy .scene-buy-2 ._row-texts ._t3{ position: absolute; top: 64%; left: 20%; width: 65%; }
 .scene-media ._row-pages ._page .slider-main{ width: 70vw; max-width: 1260px; }
 .scene-media ._row-pages ._page .slider-main ._items ._item{ width: 70vw; max-width: 1260px; }
 .modal .modal-content{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .modal-game{ padding: 40px; }


 /*0708*/       
.scene-game { padding: 10vw 0 12vw;}

.scene-sns{display:none;}
.twitter-window{display:block;}
.de_s_title{ min-height: 105px !important; }

 }

@media screen and (min-width: 1301px){
 .pro-btn,
 .movie-btn	{ width: 320px; font-size: 38px; }
 .mod-btn{ width: 360px; font-size: 40px; }

 /*0708*/
 .scene .scene-inner{ width: 1260px; padding: 8vw 0; }
 .scene-mv ._row-title{ width: 600px; }
 
 .scene-mv ._row-title img{ width:100%; }
  .scene-mv ._row-pre{ width: 400px; }

 .scene-mv ._rating{ position: absolute; left: 30px; bottom: 50px; width: 100px; }
 .scene-intro ._t1{ font-size: 42px; }
 .scene-intro ._t2{ font-size: 34px; }
 .scene-buy .scene-buy-1{ /*padding: 120px 0 100px 0;*/ }
  
 .scene-buy .scene-buy-1 ._row-btns ._btn ._new{ font-size: 30px; letter-spacing: .4px; display: block;color: #fde43f; position: absolute; top: 10px; left: 16px;}
 .scene-buy .scene-buy-1 ._row-btns ._btn ._title{ font-size: 50px;height: 3em;}
/*0708*/

 .scene-buy .scene-buy-1 ._row-btns ._btn ._order{ font-size: 40px; }
 .scene-buy .scene-buy-1 ._row-btns ._btn ._order_r{ font-size: 40px; }

 .scene-buy .scene-buy-2{ padding: 120px 0 100px 0; }
 .scene-buy .scene-buy-2 ._row-texts{ width: 1090px; height: 330px; margin: 0 auto; }
 .scene-buy .scene-buy-2 ._row-texts ._t1{ font-size: 40px; letter-spacing: 0.1em; }
 .scene-buy .scene-buy-2 ._row-texts ._t3{ font-size: 34px; letter-spacing: 0.1em; }
 .scene-buy .scene-buy-2 ._row-texts ._t3 span{ font-size: 20px; }
 .modal .modal-innter{ width: 1260px; margin: 0 auto; }
 .modal .modal-btn-close{ width: 80px; height: 80px; }
 
 .de_s_title{ background: url(../../images/index/buy/deluxe/pre_order_tit.png) no-repeat top center;  position: relative; min-height:130px; }
 
  }

@media screen and (min-width: 901px) and (max-width: 1300px){
 .mod-scale{ -ms-transform: scale(0.8); transform: scale(0.8); }
 .modal .modal-btn-close{ width: 80px; height: 80px; }
 .de_s_title{ background: url(../../images/index/buy/deluxe/pre_order_tit.png) no-repeat top center; background-size:contain; position: relative; }
.scene-mv ._row-btns .movie-btn p:before{ display: none;}
.scene-mv ._row-btns .movie-btn:hover p:before{ display: none;}
._package{width: 80%; height: 55.8%; margin: 20px auto 0;}

  }

@media screen and (min-width: 768px) and (max-width: 900px){
.scene-intro ._bg { background: url(../../images/index/intro/bg.jpg) -790px center no-repeat; /*background-size: cover;*/ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.mod-scale{ -ms-transform: scale(0.6); transform: scale(0.6); }
 .modal .modal-btn-close{ width: 60px; height: 60px; }
 .de_s_title{ background: url(../../images/index/buy/deluxe/pre_order_tit_sp.png) no-repeat top center; background-size:contain; position: relative; }

.scene-mv ._row-btns .movie-btn p:before{ display: none;}
.scene-mv ._row-btns .movie-btn:hover p:before{ display: none;}

}

/*0708*/
@media screen and (max-height: 800px){
 .mod-scale{ -ms-transform: scale(0.8); transform: scale(0.8); }
 .scene-mv ._row-title{ max-width:100%; text-align:center;}
 .scene-mv ._row-title img{width: 100%;}
 .scene-mv ._row-pre span:nth-child(1){font-size:36px;}
 .scene-mv ._scroll{bottom: 10px;width: 40px;left: calc(50% - 20px);}
 .scene-mv ._scroll ._t{font-size:16px;}
 .scene-mv ._scroll img{width: 100%;}
}
/*0708*/

@media screen and (min-width: 1401px){
 .pagination{ right: 70px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media screen and (min-width: 901px) and (max-width: 1400px){
 .pagination{ top: 40%; right: 40px; -ms-transform-origin: center top; transform-origin: center top; -ms-transform: scale(0.8) translateY(-50%); transform: scale(0.8) translateY(-50%); } }



@media screen and (min-width: 1601px){
 .scene-buy .scene-buy-2 ._row-boxes{ width: 1530px; margin: 0 auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .scene-buy .scene-buy-2 ._row-boxes ._box{ width: 746px; height: 813px; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._title{ font-size: 50px; letter-spacing:.1em; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._texts{ font-size: 30px; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._texts span{ font-size: 20px; margin-top: 5px; color: #9c9c9c; }
 .scene-media ._row-navi{ margin-top: 50px; }
 .scene-media ._row-navi li > div{ font-size: 36px; }
 .scene-media ._row-pages{ margin-top: 40px; min-height: 500px; }
 .modal ._row-navi{ margin-top: 30px; }
 .modal ._row-navi li > div{ font-size: 36px; }
 .modal-intro .modal-innter{ width: 1530px; }
 .modal-intro ._row-pages{ margin-top: 40px; height: 600px; }
 .modal-intro ._row-pages ._cols{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .modal-intro ._row-pages ._img{ width: 700px; }
 .modal-intro ._row-pages ._img img{ position: absolute; top: -30px; left: 0px; }
 .modal-intro ._row-pages ._texts{ width: 810px; }
 .modal-intro ._row-pages ._texts ._title{ font-size: 50px; }
 .modal-intro ._row-pages ._texts ._t1{ margin-top: 15px; font-size: 20px; }
 .modal-intro ._row-pages ._texts ._photos li + li{ margin-left: 30px; } }

@media screen and (min-width: 768px) and (max-width: 1600px){
 .scene-buy .scene-buy-2 ._row-boxes{ width: 92vw; margin-left: 2vw; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .scene-buy .scene-buy-2 ._row-boxes ._box{ width: 45vw; height: 51vw; }
 .scene-buy .scene-buy-2 ._row-boxes ._box img{ width: 100%; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._title{ font-size: 3.3vw; letter-spacing:.1em; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._texts{ font-size: 2vw; }
 .scene-buy .scene-buy-2 ._row-boxes ._box ._texts span{ font-size: 1.3vw; margin-top: 5px; color: #9c9c9c; }
 .scene-media ._row-navi{ margin-top: 30px; }
 .scene-media ._row-navi li > div{ font-size: 1.7vw; }
 .scene-media ._row-pages{ margin-top: 20px; min-height: 30vw; }
 .modal ._row-navi{ margin-top: 20px; }
 .modal ._row-navi li > div{ font-size: 1.7vw; }
 .modal-intro .modal-innter{ width: 96vw; }
 .modal-intro ._row-pages{ margin-top: 20px; height: 40vw; }
 .modal-intro ._row-pages ._cols{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .modal-intro ._row-pages ._cols img{ width: 100%; }
 .modal-intro ._row-pages ._img{ width: 38vw; }
 .modal-intro ._row-pages ._img img{ position: absolute; top: -20px; left: 0px; }
 .modal-intro ._row-pages ._texts{ width: 56vw; }
 .modal-intro ._row-pages ._texts ._title{ font-size: 3.26vw; }
 .modal-intro ._row-pages ._texts ._t1{ margin-top: 15px; font-size: 1.3vw; }
 .modal-intro ._row-pages ._texts ._photos li + li{ margin-left: 30px; }

}

.icon-anim-new{ 
  animation:icon_anim_new 2s ease-in-out 0s infinite;       
}       
@keyframes icon_anim_new {      
  0% {opacity: 0;}      
  10% {opacity: 1;}     
  80% {opacity: 1;}     
  100% {opacity: 0;}        
}

/*# sourceMappingURL=maps/common.css.map */