@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

.fl {
	float: left;
}

.flimg img {
	float: left;
}
.fldiv {
	width: 960px;
}
.fldiv div {
	float: left;
}
.rblock {
	position: relative;
}
.pblock img {
	display: block;
	width: 100%;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

html {
	width: 100%;
	background: #111111;
	overflow-y: scroll;
}
body {
	width: 100%;
}


#lovl {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 20000;
	background-color: #FFF;
}
#loadimg {
	position: absolute;
	width: 300px;
	height: 73px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-animation: a_load_img 1s linear 0s infinite;
	animation: a_load_img 1s linear 0s infinite;
}
#loadimg img {
	width: 100%;
}
.over img:hover {
    opacity: .7;
}
.no_newline {
    white-space: nowrap;
}
.hidn {
    overflow: hidden;
}
.indent {
    padding-left: 1em;
    text-indent: -1em;
    display: inline-block;
}
@-webkit-keyframes a_load_img {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes a_load_img {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/common/bg_sub.jpg) center 60px repeat-y #2e8dc6;
}
.wrapper {
	width: 100%;
}
.contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.contents>img {
	display: block;
}
#menu {
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: 60px;
	background: url(../images/common/menu/bg_menu_r.png) left top repeat-x;
}
#menu .contents {
	padding: 1px 0;
	height: 58px;
	background: url(../images/common/menu/bg_menu.png) left top no-repeat;
	overflow: hidden;
}
#menu li {
	position: relative;
	list-style: none;
	margin-left: 1px;
	float: left;
	height: 58px;
}
#menu li.m_top {margin-left: 0;}
.m_top       { width:  67px; }
.m_about     { width: 104px; }
.m_system    { width: 115px; }
.m_character { width: 163px; }
.m_digimon   { width: 135px; }
.m_mvss      { width: 263px; }
.m_special   { width: 107px; }
#menu li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#menu li img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

/* top */
#bg {
	position: relative;
	margin-top: 60px;
	width: 100%;
	overflow: hidden;
	left: 50%;
	margin-left: 0 !important;
}
#top #bg {
	border-top: none;
}
#bge {
	position: relative;
	width: 1920px;
}
#top #bge {
	height: 790px;
}
#bg_l {
	width: 8px;
	height: 790px;
	position: absolute;
	left: 0;
	top:0;
	background: url(../images/top/bg_l.png) left top no-repeat;
}
#bg_r {
	width: 8px;
	height: 790px;
	position: absolute;
	right: 0;
	top:0;
	background: url(../images/top/bg_r.png) left top no-repeat;
}
#bg_g {
	width: 1920px;
	height: 790px;
	position: relative;
}
#g1 {
	position: absolute;
	background: url(../images/top/g1.png) left top no-repeat;
	left: 81px;
	top: 455px;
	width: 929px;
	height: 260px;
	-webkit-animation: g1 6s ease-in-out 0s infinite;
    animation: g1 6s ease-in-out 0s infinite;}
#g2 {
	position: absolute;
	background: url(../images/top/g2.png) left top no-repeat;
	left:0px;
	top: 0px;
	width: 783px;
	height: 790px;
	-webkit-animation: g2 8s ease-in-out 1s infinite;
    animation: g2 8s ease-in-out 0s infinite;
}
#g3 {
	position: absolute;
	background: url(../images/top/g3.png) left top no-repeat;
	left:0px;
	top: 9px;
	width: 358px;
	height: 790px;
	-webkit-animation: g3 7s ease-in-out 0s infinite;
    animation: g3 7s ease-in-out 0s infinite;
}
#bg_rp {
	width: 1920px;
	height: 790px;
	position: absolute;
	left: 0;
	top: 0;
}
#bg_ripple {
	width: 1920px;
	height: 600px;
	position: relative;
}
.ciw {
	background: rgba(255,255,255, 0.5);
}
.cig {
	background: rgba(128,128,128, 0.5);
}
.bdw {
	border-color:rgba(255,255,255, 0.5) !important;
}
.bdg {
	border-color: rgba(128,128,128, 0.5) !important;
}

.ripple {
	position: absolute;
	border-radius: 50%;
}
.rp_i {
	margin: 10px;
	border-radius: 50%;
}
.rp_i2 {
	margin: 15px;
	border-radius: 50%;
}
#bg_circle {
	width: 1920px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
}
#bg_circle2 {
	position: relative;
	width: 1920px;
	height: 690px;
}
.circle {
	position: absolute;
	border-radius: 50%;
}
#bg_mask {
	width: 1920px;
	height: 790px;
	position: absolute;
	left: 0;
	top: 0px;
	background: url(../images/top/bg_mask.png) left top no-repeat;
}
#bg_mv {
	position: absolute;
	width: 601px;
	height: 766px;
	left: calc(50% + 40px);
	top: 0;
	background: url(../images/top/hero_img.png) center top no-repeat;
}
#bg_bitb {
	width: 1920px;
	height: 790px;
	position: absolute;
	left: 0;
	top: 0;
}
#bg_bit {
	width: 1920px;
	height: 790px;
	position: relative;
}

.bitb {
	opacity: 1;
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
}
.bit {
	opacity: 0.5;
	width: 33px;
	height: 33px;
	overflow: hidden;
	background-image: url(../images/top/b.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#bnarea {
	padding-top: 14px;
	background: #222;
	text-align: center;	
}
#bnarea a {
	display: inline-block;
	margin-left: 6px;
	margin-right: 7px;
	padding-bottom: 14px;
}
#bnarea a img {
	display: block;
}

@-webkit-keyframes fo {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fo {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes foie {
  0% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes so1 {
  0% { -webkit-transform: scale(0.2); opacity: 0; }
  20% { opacity: 1; }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes so1 {
  0% { transform: scale(0.2); opacity: 0; }
  20% { opacity: 1; }
  100% { transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes so2 {
  0% { -webkit-transform: scale(0.2); opacity: 0; }
  20% { opacity: 1; }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes so2 {
  0% { transform: scale(0.2); opacity: 0; }
  20% { opacity: 1; }
  100% { transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes turn1 {
    0% { -webkit-transform:rotate(360deg); }
    100%   { -webkit-transform:rotate(0deg); }
}
@keyframes turn1 {
	0% { transform:rotate(360deg); }
	100%   { transform:rotate(0deg); }
}
@-webkit-keyframes turn2 {
    0%   { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@keyframes turn2 {
	0%   { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}
@keyframes turn3 {
	0%   { transform:rotate3d(1, 1, 1, 0deg); }
	100% { transform:rotate3d(1, 1, 1, 360deg); }
}
@-webkit-keyframes ba { 0% { background-position: 0    0  ; } 100% { background-position: 0 -528px; }}
@keyframes ba { 0% { background-position: 0    0  ; }  100% { background-position: 0 -528px; }}
@keyframes baie { 0% { background-position: 0    0  ; }  50% { background-position: 0 -528px; } 100% { background-position: 0 -528px; }}

@-webkit-keyframes g1 {
  0% { margin-left: 0; }
  50% { margin-left: -20px; }
  100% { margin-left: 0; }
}
@keyframes g1 {
  0% { margin-left: 0; }
  50% { margin-left: -20px; }
  100% { margin-left: 0; }
}
@-webkit-keyframes g2 {
  0% { margin-left: 0; }
  50% { margin-left: -25px; }
  100% { margin-left: 0; }
}
@keyframes g2 {
  0% { margin-left: 0; }
  50% { margin-left: -25px; }
  100% { margin-left: 0; }
}
@-webkit-keyframes g3 {
  0% { margin-top: 0; }
  50% { margin-top: -30px; }
  100% { margin-top: 0; }
}
@keyframes g3 {
  0% { margin-top: 0; }
  50% { margin-top: -30px; }
  100% { margin-top: 0; }
}


#snsset {
	position: absolute;
	width: 144px;
	right: 4px;
	bottom: 6px;
	z-index: 10;
}
#snsset li {
	float: left;
	margin-left: 7px;
}
#snsset li a {
	display: block;
}

/* sub */
#submain {
	position: relative;
}
.submenu {
	position: relative;
	height: 64px;
	padding-top: 4px;
}
.submenu ul {
	padding-left: 1px;
}
.submenu li {
	float: left;
	list-style:none;
	margin-right: 10px;
}
.submenu a, .submenu span, .submenu img {
	display: block;
}
.icons {
	width: 89px;
	position: fixed;
	right: 10px;
	top: 70px;
}
.icons ul {
}
.title1 { position: relative;  position: relative; width: 1920px; min-height: 181px; }
.title2 { position: relative;  position: relative; width: 1920px; min-height: 219px; }
.ss { position: absolute; }
.ss a { position: relative; display: block; background: #000000; }
.ssover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background: url(../images/common/focus.png) center center no-repeat;}
.sso img {width: auto !important; border: 2px solid #FF8205;}
.ssw img {width: auto !important; border: 2px solid #ffffff;}
.ssov { position: absolute; left: 0; top: 0;}
.ssov img { border: none; }
.ssnew { position: absolute; right: 0; top: 0; width: 72px; height: 0; padding-top: 21px; overflow: hidden; background: url(../images/common/ssnew.png) left top no-repeat;}
.tx { position: absolute; }
.tx img {width: auto !important;}


/* about */
#bg_a01_1_1 { position: relative; width: 1920px; background: url(../images/about/01/bg_a01_1_1.png) left top no-repeat; padding-bottom: 200px;}
#bg_a01_1_2 { width: 1920px;  height: 862px; background: url(../images/about/01/bg_a01_1_2.png) left top no-repeat;}
#bg_a01_ss1 { position: absolute; left: 0; top: 131px; }
#tx_a01_1_2_1 { position: absolute; left:174px; top: 104px; }
.bg_a01_ss    { width: 1920px; height: 407px; background: url(../images/about/01/bg_a01_1_3.png) left top no-repeat; }
.bg_a01_ss_b  { width: 1920px; height: 407px; background: url(../images/about/01/bg_a01_1_3.png) left top no-repeat; margin-bottom: 71px; }
.bg_a01_ss1 { width: 474px; height: 266px; position: absolute; left: 82px; top: 69px;}
.bg_a01_ss2 { width: 353px; height: 199px; position: absolute; left: 519px; top: 30px; }
.bg_a01_ss3 { width: 384px; height: 216px; position: absolute; left: 426px; top: -42px; }
.pagetop { position: absolute; bottom: 40px; right: 480px; }

#bg_a01_2_1 { width: 1920px;  height: 407px; background: url(../images/about/01/bg_a01_2_1.png) left top no-repeat;}
#bg_a01_2_1_1 {}
#bg_a01_3_1 { width: 1920px;  height: 800px; background: url(../images/about/01/bg_a01_3_1.png) left top no-repeat;}
#bg_a01_4_1 { width: 1920px;  height: 287px; background: url(../images/about/01/bg_a01_4_1.png) left top no-repeat;}
.btn_a01    { position: absolute; right: 21px; bottom: 76px; }

#bg_a02_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/about/02/bg_a02_1_1.png) left top no-repeat; padding-bottom: 160px; }


/* system */
#bg_sy01_1_1{ position: relative; width: 1920px; min-height: 2463px; background: url(../images/system/01/bg_sy01_1_1.png) left top no-repeat; padding-bottom: 161px;  }
.bg_a01_ss .contents { height: 407px; }
.bg_sy01_h4  { width: 1920px; min-height: 748px; background: url(../images/about/01/bg_a01_2_2.png) left top no-repeat; }
.btn_sy01 { position: absolute; right: 23px; bottom: 0px; }

/* system 02 */
#bg_sy02_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/system/02/bg_sy02_1_1.png) left top no-repeat; }
#bg_sy02_1_2{ position: relative; height: 117px; }
#bg_sy02_1_2 li { float: left; position: relative; width: 207px; height: 117px;}
#bg_sy02_1_2 li:first-child { width: 169px;}
#bg_sy02_1_2 li:first-child a { background: transparent;}
#bg_sy02_1_2 li:last-child { width: 170px;}
#bg_sy02_1_2 li:last-child a { background: transparent;}
#sy02_1_45  { position: relative; }
#sy02_1_45_1 { left:  43px; top: 187px; }
#sy02_1_45_2 { left: 233px; top: 187px; }
#sy02_1_45_3 { left: 423px; top: 187px; }
#sy02_1_45_4 { left: 661px; top: 191px; }
#sy02_1_45_4 img { border: 2px solid #FF8205; }
.bg_sy02_1_3 { position: absolute; width: 57px; height: 56px; background: url(../images/system/02/bg_sy02_1_3.png) left top no-repeat; }
#sy02_1_45_5 { left: 202px; top: 213px; }
#sy02_1_45_6 { left: 391px; top: 213px; }
#sy02_1_45_7 { position: absolute; left: 28px; top: 275px;width: 503px; height: 102px; background: url(../images/system/02/bg_sy02_1_4.png) left top no-repeat; }
#sy02_1_67  { position: relative; }
#sy02_1_67 img { width: auto; }
#sy02_1_67_1 img,
#sy02_1_67_2 img,
#sy02_1_67_3 img,
#sy02_1_67_4 img { border: 2px solid #ffffff; }
#sy02_1_67_1 { position: absolute; left: 330px; top:   0px; }
#sy02_1_67_2 { position: absolute; left: 290px; top: 203px; }
#sy02_1_67_3 { position: absolute; left:  42px; top: 280px; }
#sy02_1_67_4 { position: absolute; left: 617px; top: 233px; }

#sy02_1_6 { position: relative; float: left; }
#sy02_1_7 { position: relative; float: left; }
#sy02_1_8   { position: relative; }
#sy02_1_8_1 img,
#sy02_1_8_2 img  { width: auto;  border: 2px solid #ffffff; }
#sy02_1_8_1 { position: absolute; left: 202px; top:   0px; }
#sy02_1_8_2 { position: absolute; left:  17px; top:  70px; }

#bg_sy02_2_1{ position: relative; width: 1920px; min-height: 180px; background: url(../images/system/02/bg_sy02_2_1.png) left top no-repeat; padding-bottom: 91px;  }
#sy02_2_2 { position: relative; }
#sy02_2_2_1 { position: absolute; left:  18px; top: 138px; }
#sy02_2_2_2 { position: absolute; left:  80px; top: 310px; }
#sy02_2_2_3 { position: absolute; left:  38px; top: 510px; }
#sy02_2_2_4 { position: absolute; left: 622px; top: 490px; }
#sy02_2_2_5 { position: absolute; left: 355px; top: 598px; }
#sy02_2_2_6 { position: absolute; left: 414px; top: 336px; }
#sy02_2_2_7 { position: absolute; left: 679px; top: 337px; }
#tx_sy02_2_4{ position: absolute; left:  19px; top: 107px; }
#tx_sy02_2_5{ position: absolute; left:  76px; top: 285px; }
#tx_sy02_2_6{ position: absolute; left:  38px; top: 478px; }
#tx_sy02_2_7{ position: absolute; left: 352px; top: 527px; }

/* system 03 */
#bg_sy03_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/system/03/bg_sy03_1_1.png) left top no-repeat; }
#sy03_1_2_1 { left: 343px; top: 212px; }
#sy03_1_2_2 { left: 601px; top: 150px; }
#sy03_1_34_1{ left:  40px; top: 151px; }
#sy03_1_34_2{ left: 278px; top: 110px; }
#sy03_1_5_1 { left: 379px; top:  29px; }
#sy03_1_6_1 { left: 344px; top:  21px; }
#sy03_1_6_ov{ position: absolute; left: 0; top: 0;}
#sy03_1_6_ov img { border: none; }
#sy03_1_7_1 { left: 608px; top:  12px; }

#sy03_2   { position: relative; width: 1920px; margin-top: 49px; padding-bottom: 160px;  }
#sy03_2_1 { position: relative; }
#sy03_2_1_1 { left: 122px; top: 128px; }
#sy03_2_1_2 { left:  70px; top: 328px; }
#sy03_2_1_3 { left: 480px; top: 295px; }
#sy03_2_1_4 { left: 279px; top: 536px; }
#sy03_2_2 { position: absolute; left: 178px; top: 284px; }
#sy03_2_3 { position: absolute; left:  47px; top: 478px; }
#sy03_2_4 { position: absolute; left: 718px; top: 413px; }
#sy03_2_5 { position: absolute; left: 563px; top: 697px; }
#sy03_2_6 { position: absolute; left: 110px; top: 739px; }

/* system 04 */
#bg_sy04_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/system/04/bg_sy04_1_1.png) left top no-repeat; padding-bottom: 160px;  }
#sy04_1_3_20 { left: 26px; top: 2389px; }
#sy04_1_3_19 { left: 26px; top: 2229px; }
#sy04_1_3_18 { left: 27px; top: 2069px; }
#sy04_1_3_17 { left: 538px; top: 1865px; }
#sy04_1_3_16 { left: 642px; top: 1711px; }
#sy04_1_3_15 { left: 89px; top: 1577px; }
#sy04_1_3_14 { left: 37px; top: 1421px; }
#sy04_1_3_13 { left: 652px; top: 1295px; }
#sy04_1_3_12 { left: 358px; top: 1260px; }
#sy04_1_3_11 { left: 548px; top: 1097px; }
#sy04_1_3_10 { left: 57px; top: 947px; }
#sy04_1_3_9 { left: 182px; top: 791px; }
#sy04_1_3_8 { left: 602px; top: 663px; }
#sy04_1_3_7 { left: 689px; top: 522px; }
#sy04_1_3_6 { left: 602px; top: 381px; }
#sy04_1_3_5 { left: 312px; top: 606px; }
#sy04_1_3_4 { left: 57px; top: 606px; }
#sy04_1_3_3 { left: 640px; top: 113px; }
#sy04_1_3_2 { left: 340px; top: 113px; }
#sy04_1_3_1 { top: 113px; left: 40px; }
#sy04_1_3_21 { left: 43px; top: 277px; }
#sy04_1_3_22 { left: 355px; top: 277px; }
#sy04_1_3_23 { left: 637px; top: 277px; }
#sy04_1_3_24 { left: 466px; top: 431px; }
#sy04_1_3_25 { left: 670px; top: 776px; }
#sy04_1_3_26 { left: 545px; top: 1412px; }
#sy04_1_3_27 { left: 756px; top: 1907px; }
#sy04_1_3_28 { left: 321px; top: 2527px; }

/* system 05 */
#bg_sy05_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/system/05/bg_sy05_1_1.png) left top no-repeat; padding-bottom: 160px;  }
#sy05_1_3_1 { left: 40px;  top: 133px; }
#sy05_1_3_3 { left: 395px; top: 81px; }
#sy05_1_3_2 { left: 613px; top: 174px; }


/* character 01 */
#c01 { padding-bottom: 180px; }



/* digimon 01 */
#d01 { padding-bottom: 180px; }


/* digimon 02 */
.c_d02 .submenu {
	height: 33px;
	padding-top: 4px;
}
#bg_d02_1_1 { position: relative; width: 1920px; min-height: 273px; background: url(../images/digimon/02/bg_d02_1_1.png) left top no-repeat; padding-bottom: 240px;}
#bg_d02_1_1 li img { width: auto !important; }
#bg_d02_1_1 ul { margin-left: 2px;  margin-bottom: 10px;}
#bg_d02_1_1 li { float: left; margin: 0 5px;}
#bg_d02_1_1 li a { position: relative; display: block;}
#bg_d02_1_1 li a:hover { filter: brightness(120%);}
#bg_d02_1_1 .ssnew { right: auto; left: 3px; top: auto;  bottom: 7px; }

/* digimon 02 popup */
#popupmain {
	position: relative;
	width: 960px;
	height: 540px;
	margin: 0 auto;
	background: url(../images/digimon/02/bg_dmpopup.png) left top no-repeat;
}
.t_dm { position: absolute;  left: 0; top: 0; }
.p_dm { position: absolute; right: 0; top: 0; }
.dm_ss { position: absolute; left: 22px; top: 285px; }
#p_d02_01_2 { position: absolute; left: 308px; top: 419px;}
#p_d02_02_2 { position: absolute; left: 368px; top: 456px;}
#p_d02_03_2 { position: absolute; left: 356px; top: 313px;}
#p_d02_11_2 { position: absolute; left: 330px; top: 420px;}
#p_d02_13_2 { position: absolute; left: 377px; top: 284px;}

/* movie */
#bg_m01_1_1 { position: relative; width: 1920px; min-height: 181px; background: url(../images/ms/01/bg_m01_1_1.png) left top no-repeat; }
#m01_2_1    { margin-bottom: 30px;min-height: 550px;}
.mvblock    { position: relative; width: 1920px; min-height: 190px; background: url(../images/ms/01/bg_m01_2_1.png) left top no-repeat; margin-bottom: 50px;}
.mvblock ul { width: 945px; margin: 0 auto; padding-top: 14px; text-align: left;}
.mvblock li { margin: 0 11px 0 12px; display: inline-block; position: relative; float: left;}
.mvblock img {
	display: block;
	width: 100%;
	opacity: 1;
	transition-property: opacity;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.mvblock a  {
	display: block;
	position: relative;
	top: 0;
	border: 2px solid #FF8205;
	background: #ffffff;
	width: 288px;
	height: 162px;
	transition-property:  width, height;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.mvblock a:hover { }
.mvblock img:hover { opacity: 0.5 }


/* screenshot */
#bg_m02_1_1 { position: relative; width: 1920px; min-height: 181px; background: url(../images/ms/02/bg_m02_1_1.png) left top no-repeat; }
#m02_2_1    { margin-bottom: 30px;min-height: 550px;  padding-bottom: 130px;}
.ssblock    { position: relative; width: 1920px; min-height: 190px; background: url(../images/ms/02/bg_m02_2_1.png) left top no-repeat; }
.ssblock ul { width: 945px; margin: 0 auto; padding-top: 14px; text-align: left;}
.ssblock li { margin: 0 11px 0 12px; display: inline-block; position: relative; float: left;}
.ssblock img {
	display: block;
	width: 100%;
	opacity: 1;
	transition-property: opacity;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.ssblock a  {
	display: block;
	position: relative;
	border: 2px solid #FF8205;
	background: #ffffff;
	width: 288px;
	height: 162px;
	transition-property:  width, height;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.ssblock a:hover { }
.ssblock img:hover { opacity: 0.5 }


/* special 01 */
#bg_sp01_1_1{ position: relative; width: 1920px; min-height: 181px; background: url(../images/special/01/bg_sp01_1_1.png) left top no-repeat; padding-bottom: 200px;  }
.sp01_2_2 { position: absolute; left: 629px; top: 174px; }


/* special 02 */
#bg_sp02_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/special/02/bg_sp02_1_1.png) left top no-repeat; padding-bottom: 140px; overflow: hidden;  }


/* special 03 */
#bg_sp03_1_1{ position: relative; width: 1920px; min-height: 219px; background: url(../images/special/03/bg_sp03_1_1.png) left top no-repeat; padding-bottom: 140px; overflow: hidden;  }


/* popup */
#popup { background: #000; }
#pmain {
	width: 800px;
	height: 450px;
	margin: 0 auto;
}
#pmain a {
	display: block;
}
#pmain img {
	width: 100%;
}

.overlay {
    position: absolute;
    left: -10%;
    top: 0;
    width: 120%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 10%, rgba(255,255,255,0.95) 90%, rgba(255,255,255,0) 100%);
}
.overlay p {
	font-family: -apple-system, BlinkMacSystemFont, "BIZ UDPGothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "Noto Sans CJK JP", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    padding-top: 5%;
    color: #000;
}




#nav-pc{
	position:fixed;
	z-index:1000;
	background:url('../images/common/nav/nav_bg_01.png') top left repeat-x;
	width:100%;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
#nav-sp{
	display:none;
}
.nav-pc-main{
	width: 1280px;
	margin:0 auto;
	position:relative;
}
.nav-pc-main-bg{
	width: 100%;
	height:0;
	padding-top:4.68%;
	position:absolute;
	top:0;
	left:0;
	background:url('../images/common/nav/nav_bg_02.png') top center no-repeat;
	mix-blend-mode:soft-light;
}
.nav-pc-main p.nav-pc-logo{
	width:4.53%;
	position:absolute;
	top:0;
	left:0;
	font-size: 0;
	line-height: 0;
}
.nav-pc-main p.nav-pc-logo img{
	width:100%;
}
#gnav-pc{
	position:relative;
	width: 85.78%;
	margin: 0 0 0 9%;
	padding-top:1.01%;
	padding-bottom:0.78%;
	-webkit-display:flex;
	display:flex;
}
#gnav-pc li img{
	width:100%;
}
#gnav-pc li{
	position:relative;
	font-size: 0;
	line-height: 0;
}
#gnav-pc li:nth-of-type(1) {
	width: 7.92%;
}
#gnav-pc li:nth-of-type(1):after {
	content:'';
	width:21.83%;
	height:0;
	padding-top:55.17%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-9.19%;
	margin-right:-11.49%;
}
#gnav-pc li:nth-of-type(2) {
	width: 11.47%;
}
#gnav-pc li:nth-of-type(2):after {
	content:'';
	width:15.07%;
	height:0;
	padding-top:38.09%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-6.34%;
	margin-right:-7.14%;
}
#gnav-pc li:nth-of-type(3) {
	width: 10.56%;
}
#gnav-pc li:nth-of-type(3):after {
	content:'';
	width:16.37%;
	height:0;
	padding-top:41.37%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-6.89%;
	margin-right:-7.75%;
}
#gnav-pc li:nth-of-type(4) {
	width: 11.74%;
}
#gnav-pc li:nth-of-type(4):after {
	content:'';
	width:14.72%;
	height:0;
	padding-top:37.79%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-6.2%;
	margin-right:-6.97%;
}
#gnav-pc li:nth-of-type(5) {
	width:16.3%;
}
#gnav-pc li:nth-of-type(5):after {
	content:'';
	width:10.61%;
	height:0;
	padding-top:26.81%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-4.46%;
	margin-right:-5.02%;
}
#gnav-pc li:nth-of-type(6) {
	width:10.83%;
}
#gnav-pc li:nth-of-type(6):after {
	content:'';
	width:15.96%;
	height:0;
	padding-top:40.33%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-6.72%;
	margin-right:-7.56%;
}
#gnav-pc li:nth-of-type(7) {
	width:10.47%;
}
#gnav-pc li:nth-of-type(7):after {
	content:'';
	width:16.52%;
	height:0;
	padding-top:41.73%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-6.95%;
	margin-right:-7.82%;
}
#gnav-pc li:nth-of-type(8) {
	width:8.74%;
}
#gnav-pc li:nth-of-type(8):after {
	content:'';
	width:19.79%;
	height:0;
	padding-top:50%;
	background:url('../images/common/nav/nav_border.png') top center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
	margin-top:-7.29%;
	margin-right:-10.417%;
}
#gnav-pc li:nth-of-type(9) {
	width:11.87%;
}


#nav-sp {
	display:none;
}




.mconts{
	position:relative;
	width:1280px;
	margin-right:auto;
	margin-left:auto;
}
.mconts * img{
	width:100%;
}

.sp{
	display:none;
}

#header-main{
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
	background:url('../images/top/header_bg.jpg') top center no-repeat;
	background-size:100% auto;
}
#top h1  { position: absolute; left:2.26%;top: 0;width:52.1%;margin-top:8.98%;z-index:20; }
#top img  { width:100%;}
#top h1+p  { position: absolute; left: 11.95%;top:   0;width:36.093%;margin-top:1.875%; }
p#releasedate,
p#releasedate { position: absolute; left: 15.93%;top:   0;width:23.59%;margin-top:29.06%; }
#heroimg{
	position: absolute;
	bottom:0;
	right:1.725%;
	width:46.09%;
	height:0;
	padding-top:55%;
	background:url('../images/top/hero_img.png') top center no-repeat;
	background-size:100% auto;
}
#logo-ns { position: absolute; left:  0; top:   0; width: 118px;z-index:1005;}


#topmain {
	position: relative;
	width: 100%;
}
#topmain .contents {
}


#news-area{
	position:relative;
	width:80%;
	height:0;
	padding-top:20%;
	margin:0 auto 10%;
}






.topnews { position: absolute; left:  0; top:   0; width: calc(45% + 4px);margin-top:3%;}
.topnews h3 {
	width:23.54%;
	padding:0 55.65% 0.61% 20.81%;
	background: url(../images/top/header_bg_01.png) bottom left no-repeat;
	background-size: 100% auto;
	margin-bottom:0.7%;
}
.topnewsbox {
	width: 91.56%;
	height: 200px;
	padding: 0 4.22% 4.22%;
	background: #FFF url(../images/top/header_bg_02.png) right 4px bottom no-repeat;
	background-size: 94% auto;
	font-size: 14px;
	line-height: 1.4;
	vertical-align: middle;
	border:solid 2px #808080;
}
.newstext {
	width: 100%;
	height: 200px;
	overflow-y: auto;
}
.newstext li {
	list-style: none;
	padding-bottom: 5px;
}
.newstext li a {
	color:#000;
}
.newstext li:before {
	content: "✜";
	font-size: 15px;
	vertical-align: middle;
	padding-right: 2px;
}

.newstext span {
	line-height: 10px;
	padding-bottom: 5px;
	margin-right: 10px;
}

.toptw  { position: absolute; right:  0; top:   0; width: calc(45% + 4px);margin-top:3%;}
.toptw h3 {
	width:26.6%;
	padding:0 52.59% 0.61% 20.81%;
	background: url(../images/top/header_bg_01.png) bottom left no-repeat;
	background-size: 100% auto;
	margin-bottom:0.7%;
}
.toptwbox {
	width: 91.56%;
	height: 200px;
	padding: 0 4.22% 4.22%;
	background: #FFF url(../images/top/header_bg_02.png) right 4px bottom no-repeat;
	background-size: 94% auto;
	font-size: 10px;
	line-height: 15px;
	vertical-align: middle;
	border:solid 2px #808080;
}
.toptwmain {
	width: 100%;
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}
.toptwmain2 {
	width: 100%;
	/* height: 200px; */
}
#headermv{
	position:absolute;
	top:0;
	left:0;
	width:22.73%;
	height:0;
	padding-top:0.7%;
	padding-bottom:16.56%;
	margin-top:36.09%;
	margin-left:2.57%;
	border:solid 0.3vw #ff8205;
	background-color:rgba(255,130,5,0.15);
}
#headermv::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:104.61%;
	height:calc(100% - 1.25vw);
	margin-top:0.515vw;
	margin-left:calc(-2.305% - 0.1vw);
	border:solid 0.1vw #ff8205;
}
#headermv img{
	width:100%;
}
#headermv h3{
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
}
#headermv p{
	position:absolute;
	width:89.34%;
	top:0;
	left:5.15%;
	margin-top:19.58%;
	font-size:0;
	line-height:0;
	z-index:10;
}
#headermv p a{
	position:relative;
	display:block;
	transition: all 0.6s;
}
#headermv p a:after{
	content:'';
	position:absolute;
	width:39.82%;
	height:0;
	padding-top:39.82%;
	top:0;
	left:0;
	margin-top:8.84%;
	margin-left:30.08%;
	background:url('../images/top/mv_btn.png') top center no-repeat;
	background-size:100% auto;
}
#headermv p a:hover{
	opacity:0.6;
}
#headerbtn{
	position:absolute;
	top:0;
	left:0;
	width:21%;
	margin-top:34.375%;
	margin-left:27.73%;
}
#headerbtn img{
	width:100%;
}
#headerbtn p{
	position:relative;
	width:100%;
	margin-bottom:1.44%;
	font-size:0;
	line-height:0;
}



#about{
	position:relative;
	margin-bottom:90px;
}

.about-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:2.96%;
	margin-left:-23.12%;
	padding-top:17.18%;
	background:url('../images/top/bg_title_01.png') top center no-repeat;
	background-size:100% auto;
}
.about-title h2{
	position:absolute;
	width:71.22%;
	top:0;
	left:0;
	margin-top:3.78%;
	margin-left:16.47%;
	font-size:0;
	line-height:0;
}
.about-title h3{
	position:absolute;
	width:9.39%;
	top:0;
	left:0;
	margin-top:-0.49%;
	margin-left:46.78%;
	font-size:0;
	line-height:0;
}
div.about-title+p {
	position:relative;
	width:67.18%;
	margin: 0 auto 4.21%;
	font-size:0;
	line-height:0;
}
.about-list{
	position:relative;
	width:101.48%;
	margin-bottom:9.06%;
	margin-left:-0.54%;
	-webkit-display:flex;
	display:flex;
	webkit-justify-content:space-between;
	justify-content:space-between;
}
.about-listitem{
	position:relative;
	width:30.86%;
	height:0;
	padding-top:20.78%;
	background:url('../images/top/about_bg_01.png') top center no-repeat;
	background-size:100% auto;
}
.about-listitem h4{
	position:absolute;
	width:83.29%;
	top:0;
	left:0;
	margin-top:-1.49%;
	margin-left:7.73%;
	font-size:0;
	line-height:0;
}
.about-listitem p:nth-of-type(1){
	position:absolute;
	width:calc(80.27% + 6px );
	top:0;
	left:0;
	margin-top:calc(10.47% - 3px);
	margin-left:calc(8.47% - 3px);
	font-size:0;
	line-height:0;
}
.about-listitem p:nth-of-type(1) img{
	border:solid 3px #ff8205;
}
.about-listitem p:nth-of-type(2){
	position:relative;
	width:66.58%;
	margin:2.74% auto 0;
	font-size:0;
	line-height:0;
}
.about-additionalFeatures{
	position:relative;
	margin-bottom:10.07%;
}
.about-additionalFeatures h4{
	position:relative;
	width:60.23%;
	margin:0 auto 3.35%;
	font-size:0;
	line-height:0;
}
.about-additionalFeatures ul{
	position:relative;
	width:103.51%;
	margin-bottom:1.95%;
	margin-left:-1.75%;
	-webkit-display:flex;
	display:flex;
}
.about-additionalFeatures ul li{
	position:relative;
	width:50.56%;
}
.about-additionalFeatures ul li:nth-of-type(2){
	margin-left:-1.13%;
}
.about-additionalFeatures ul li h5{
	position:relative;
	width:91.79%;
	margin:0 auto;
	font-size:0;
	line-height:0;
}
.about-additionalFeatures ul li p:nth-of-type(1){
	position:relative;
	width:74.92%;
	margin-top:-1.49%;
	margin-bottom:2.68%;
	padding:6.41% 7.91% 7.31% 7.31%;
	font-size:0;
	line-height:0;
	background:url('../images/top/bg_img_01.png') top center no-repeat;
	background-size:100% auto;
}
.about-additionalFeatures ul li p:nth-of-type(1) img{
	border:solid 4px #ff8205;
}
.about-additionalFeatures ul li p:nth-of-type(2){
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
}
.about-additionalFeatures p.about-afnotice{
	position:relative;
	width:100%;
	font-size:13px;
	line-height:1.15;
	color:#000;
	text-align:center;
}


#story{
	position:relative;
	margin-bottom:170px;
}
.story-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:1.25%;
	margin-left:-23.12%;
	padding-top:15.625%;
	background:url('../images/top/bg_title_03.png') top center no-repeat;
	background-size:100% auto;
}
.story-title h2{
	position:absolute;
	width:40.36%;
	top:0;
	left:0;
	margin-top:3.95%;
	margin-left:30.25%;
	font-size:0;
	line-height:0;
}
.story-title h3{
	position:absolute;
	width:8.67%;
	top:0;
	left:0;
	margin-top:-0.49%;
	margin-left:46.01%;
	font-size:0;
	line-height:0;
}
div.story-title+p {
	position:relative;
	width:74.92%;
	margin: 0 auto 2.5%;
	font-size:0;
	line-height:0;
}
#slider5{
	position:relative;
	width:90%;
	margin:0 auto 2.81%;
	padding:1.97% 0 2.13%;
	background:url('../images/top/bg_slider.png') top center no-repeat;
	background-size:100% auto;
}
#slider5 li img{
	border:solid 3px #ff8205;
}

#system{
	position:relative;
	margin-bottom:50px;
}
.system-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:1.64%;
	margin-left:-23.12%;
	padding-top:5.07%;
	background:url('../images/top/bg_title_02.png') top center no-repeat;
	background-size:100% auto;
}
.system-title h2{
	position:absolute;
	width:9.93%;
	top:0;
	left:0;
	margin-top:0.109%;
	margin-left:46.535%;
	font-size:0;
	line-height:0;
}
#system01{
	position:relative;
	width:80.703%;/*1033px*/
	height:0;
	margin-top:-2.5%;
	margin-bottom:3%;
	margin-left:9.6%;
	padding-top:15.625%;
	background:url('../images/top/bg_title_04.png') top center no-repeat;
	background-size:100% auto;
}
#system01 h3{
	position:absolute;
	width:76.37%;
	top:0;
	left:0;
	margin-top:4.16%;
	margin-left:10.26%;
	font-size:0;
	line-height:0;
}
#system01+p{
	position:relative;
	width:102.1%;
	margin-bottom:1.71%;
	margin-left:-1.05%;
	font-size:0;
	line-height:0;
}
#slider1{
	position:relative;
	width:90%;
	margin:0 auto 2.81%;
	padding:1.97% 0 2.13%;
	background:url('../images/top/bg_slider.png') top center no-repeat;
	background-size:100% auto;
}
#slider1 li img{
	border:solid 3px #ff8205;
}
.system-btn{
	position:relative;
	margin:0 auto 4%;
}
.system-btn2{
	margin:0 auto 13.2%;
}

.system-btn p,
.system-btn2 p{
	position:relative;
	width:25%;
	margin:0 auto;
}

#system02{
	position:relative;
	width:80.703%;/*1033px*/
	height:0;
	margin-left:9.6%;
	margin-bottom:3%;
	padding-top:15.625%;
	background:url('../images/top/bg_title_04.png') top center no-repeat;
	background-size:100% auto;
}
#system02 h3{
	position:absolute;
	width:56.34%;
	top:0;
	left:0;
	margin-top:4.16%;
	margin-left:20.23%;
	font-size:0;
	line-height:0;
}
#system02+p{
	position:relative;
	width:95.23%;
	margin-bottom:1.71%;
	margin-left:2.5%;
	font-size:0;
	line-height:0;
}
#slider2{
	position:relative;
	width:90%;
	margin:0 auto 2.81%;
	padding:1.97% 0 2.13%;
	background:url('../images/top/bg_slider.png') top center no-repeat;
	background-size:100% auto;
}
#slider2 li img{
	border:solid 3px #ff8205;
}
#system03{
	position:relative;
	width:80.703%;/*1033px*/
	height:0;
	margin-bottom:3%;
	margin-left:9.6%;
	padding-top:15.625%;
	background:url('../images/top/bg_title_04.png') top center no-repeat;
	background-size:100% auto;
}
#system03 h3{
	position:absolute;
	width:70.08%;
	top:0;
	left:0;
	margin-top:4.06%;
	margin-left:13.16%;
	font-size:0;
	line-height:0;
}
#system03+p{
	position:relative;
	width:102.81%;
	margin-bottom:1.71%;
	margin-left:-1.405%;
	font-size:0;
	line-height:0;
}
#slider3{
	position:relative;
	width:90%;
	margin:0 auto 2.81%;
	padding:1.97% 0 2.13%;
	background:url('../images/top/bg_slider.png') top center no-repeat;
	background-size:100% auto;
}
#slider3 li img{
	border:solid 3px #ff8205;
}


#system{
	position:relative;
	margin-bottom:50px;
}
.system-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:1.64%;
	margin-left:-23.12%;
	padding-top:5.07%;
	background:url('../images/top/bg_title_02.png') top center no-repeat;
	background-size:100% auto;
}
.system-title h2{
	position:absolute;
	width:9.93%;
	top:0;
	left:0;
	margin-top:0.109%;
	margin-left:46.535%;
	font-size:0;
	line-height:0;
}


#character{
	position:relative;
}
.character-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:1.17%;
	margin-left:-23.12%;
	padding-top:5.07%;
	background:url('../images/top/bg_title_02.png') top center no-repeat;
	background-size:100% auto;
}
.character-title h2{
	position:absolute;
	width:15.1%;
	top:0;
	left:0;
	margin-top:0.109%;
	margin-left:43.98%;
	font-size:0;
	line-height:0;
}

.character-title2{
	position:relative;
	width:80.703%;/*1033px*/
	height:0;
	margin-left:9.6%;
	padding-top:15.625%;
	background:url('../images/top/bg_title_04.png') top center no-repeat;
	background-size:100% auto;
}
.character-title2 h2{
	position:absolute;
	width:66.89%;
	top:0;
	left:0;
	margin-top:6.48%;
	margin-left:14.71%;
	font-size:0;
	line-height:0;
}
#character h3{
	position:relative;
	width:73.67%;
	margin-left:11.56%;
	font-size:0;
	line-height:0;
}
#character p.character-txt{
	position:relative;
	width:88.04%;
	margin:0 auto 2.5%;
	font-size:0;
	line-height:0;
}
.character-list{
	position:relative;
	width:88.35%;
	margin-bottom:1.09%;
	margin-left:0.625%;
	-webkit-display:flex;
	display:flex;
}
.character-list h4{
	position:absolute;
	top:0;
	font-size:0;
	line-height:0;
}
.character-list p{
	position:relative;
	font-size:0;
	line-height:0;
	z-index:10;
}
.character-listitem1{
	position:relative;
	width:62.59%;
	padding-top:0.17%;
}
.character-listitem1 h4{
	left:0;
	margin-top:1.12%;
	margin-left:-3.81%;
	width:36.01%;
}
.character-listitem2{
	position:relative;
	width:44.03%;
	margin-left:-6.63%;
	
}
.character-listitem2 h4{
	right:0;
	margin-top:1.4%;
	margin-right:-4.61%;
	width:50.2%;
}
#slider4{
	position:relative;
	width:90%;
	margin:0 auto 5.15%;
	padding:1.97% 0 2.13%;
	background:url('../images/top/bg_slider.png') top center no-repeat;
	background-size:100% auto;
}
#slider4 li img{
	border:solid 3px #ff8205;
}
.character-list2{
	position:relative;
	width:100%;
	z-index:20;
}
.character-list2 h4{
	position:absolute;
	top:0;
	font-size:0;
	line-height:0;
	z-index:10;
}
.character-list2 h5{
	position:relative;
	font-size:0;
	line-height:0;
	width:20.85%;
}
.character-list2 p{
	position:relative;
	font-size:0;
	line-height:0;
	z-index:10;
}
.slider-area2{
	width:36.25%;
	position:absolute;
	top:0;
	left:0;
	background:url('../images/top/bg_slider_02.png') top center no-repeat;
	background-size:100% auto;
}
.slider-area2 li img{
	width:calc(100% - 6px) !important;
	border:solid 3px #ff8205;
}
.character-list2item1{
	position:relative;
	width:100%;
	margin-bottom:2.65%;
}
.character-list2item1 h4:nth-of-type(1){
	left:0;
	margin-top:3.82%;
	margin-left:33.35%;
	width:22.5%;
}
.character-list2item1 h4:nth-of-type(2){
	left:0;
	margin-top:42.96%;
	margin-left:50.93%;
	width:20.31%;
}
.character-list2item1 h5{
	margin-left:18.75%;
}
.character-list2item1 p{
	width:29.68%;
	margin-bottom:1.56%;
	margin-left:20.39%;
}
.character-list2item1 .slider-area2{
	margin-top:18.59%;
	margin-left:52.81%;
}
#slider-c1{
	width:calc(70.68% + 6px) !important;
	padding:calc(6.06% - 3px) 0 calc(6.46% - 3px) ;
	margin:0 auto;
}

.character-list2item2{
	position:relative;
	width:100%;
	margin-bottom:1.17%;
}
.character-list2item2 h4:nth-of-type(1){
	left:0;
	margin-top:13.04%;
	margin-left:32.18%;
	width:23.59%;
}
.character-list2item2 h4:nth-of-type(2){
	left:0;
	margin-top:14.6%;
	margin-left:69.45%;
	width:20.93%;
}
.character-list2item2 h5{
	margin-left:56.25%;
}
.character-list2item2 p{
	width:24.84%;
	margin-bottom:1.64%;
	margin-left:54.14%;
}
.character-list2item2 .slider-area2{
	margin-top:30.23%;
	margin-left:21.32%;
}
#slider-c2{
	width:calc(70.68% + 6px) !important;
	padding:calc(6.06% - 3px) 0 calc(6.46% - 3px) ;
	margin:0 auto;
}
.character-list2item3{
	position:relative;
	width:100%;
}
.character-list2item3 h4{
	left:0;
	margin-top:14.45%;
	margin-left:53.35%;
	width:21.56%;
}
.character-list2item3 h5{
	margin-left:21.95%;
}
.character-list2item3 p{
	width:53.51%;
	margin-bottom:0.7%;
	margin-left:-0.39%;
}
.character-list2item3 .slider-area2{
	margin-top:31.64%;
	margin-left:54.7%;
}
#slider-c3{
	width:calc(70.68% + 6px) !important;
	padding:calc(6.06% - 3px) 0 calc(6.46% - 3px) ;
	margin:0 auto;
}
.character-list2item4{
	position:relative;
	width:100%;
	margin-top:-0.46%;
	margin-bottom:5.54%;
}
.character-list2item4 h4{
	left:0;
	margin-top:11.25%;
	margin-left:25.7%;
	width:23.59%;
}
.character-list2item4 h5{
	margin-left:55.62%;
}
.character-list2item4 p{
	width:39.84%;
	margin-bottom:3.2%;
	margin-left:46.87%;
}
.character-list2item4 .slider-area2{
	margin-top:30.54%;
	margin-left:17.5%;
}
#slider-c4{
	width:calc(70.68% + 6px) !important;
	padding:calc(6.06% - 3px) 0 calc(6.46% - 3px) ;
	margin:0 auto;
}
.character-list2item5{
	position:relative;
	width:100%;
	margin-bottom:7.81%;
}
.character-list2item5 h4{
	left:0;
	margin-top:4.92%;
	margin-left:44.29%;
	width:28.2%;
}
.character-list2item5 h5{
	margin-left:24.68%;
}
.character-list2item5 p{
	width:23.04%;
	margin-bottom:3.9%;
	margin-left:22.18%;
}
.character-list2item5 .slider-area2{
	margin-top:26.09%;
	margin-left:47.26%;
}
#slider-c5{
	width:calc(70.68% + 6px) !important;
	padding:calc(6.06% - 3px) 0 calc(6.46% - 3px) ;
	margin:0 auto;
}

.character-list3{
	position:relative;
	margin:-3.125% auto 9.92%;
	padding-top:2.8%;
	background:url('../images/top/character_bg_01.png') top center no-repeat;
	background-size:94.14% auto;
}
.character-list3 ul{
	position:relative;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 auto;
	width:calc(81.48% + 8px);
}
.character-list3 ul li{
	width:31.2%;
	margin-bottom:1%;
	border:solid 4px #ff8205;
	font-size:0;
	line-height:0;
}
.character-list3 p{
	position:relative;
	margin:0 auto 5.23%;
	width:46.79%;
	border:solid 4px #ff8205;
	font-size:0;
	line-height:0;
}
.character-list3 h3{
	position:relative;
	margin:0 auto !important;
	width:20.85% !important;
	font-size:0;
	line-height:0;
}

#movie{
	position:relative;
	margin-bottom:50px;
}
.movie-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:1.64%;
	margin-left:-23.12%;
	padding-top:5.07%;
	background:url('../images/top/bg_title_02.png') top center no-repeat;
	background-size:100% auto;
}
.movie-title h2{
	position:absolute;
	width:8.84%;
	top:0;
	left:0;
	margin-top:0.109%;
	margin-left:47.007%;
	font-size:0;
	line-height:0;
}
ul.movie-list{
	position:relative;
	width:95%;
	margin-left:2.89%;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	/*-webkit-justify-content:center;
	justify-content:center;*/
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.movie-list li{
	position:relative;
	width:49.67%;
	margin-bottom:2.46%;
	padding-top:33.63%;
	background:url('../images/top/bg_mv.png') top center no-repeat;
	background-size:100% auto;
}
ul.movie-list li h3{
	position:absolute;
	width:84.1%;
	top:0;
	left:0;
	margin-top:2.81%;
	margin-left:7.78%;
	font-size:0;
	line-height:0;
}
ul.movie-list li p{
	position:absolute;
	width:83.11%;
	top:0;
	left:0;
	margin-top:10.26%;
	margin-left:7.94%;
	font-size:0;
	line-height:0;
	border:solid 2px #ff8205;
}
ul.movie-list li p a{
	position:relative;
	display:block;
	transition: all 0.6s;
}
ul.movie-list li p a:after{
	content:'';
	position:absolute;
	width:34.58%;
	height:0;
	padding-top:34.58%;
	top:0;
	left:0;
	margin-top:10.86%;
	margin-left:32.8%;
	background:url('../images/top/mv_btn.png') top center no-repeat;
	background-size:100% auto;
}
ul.movie-list li p a:hover{
	opacity:0.6;
}

#movie{
	position:relative;
	margin-bottom:50px;
}
.movie-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:1.64%;
	margin-left:-23.12%;
	padding-top:5.07%;
	background:url('../images/top/bg_title_02.png') top center no-repeat;
	background-size:100% auto;
}
.movie-title h2{
	position:absolute;
	width:8.84%;
	top:0;
	left:0;
	margin-top:0.109%;
	margin-left:47.007%;
	font-size:0;
	line-height:0;
}

#store{
	position:relative;
}

.store-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-left:-23.12%;
	padding-top:17.18%;
	background:url('../images/top/bg_title_01.png') top center no-repeat;
	background-size:100% auto;
}
.store-title h2{
	position:absolute;
	width:45.52%;
	top:0;
	left:0;
	margin-top:3.07%;
	margin-left:29.76%;
	font-size:0;
	line-height:0;
}
.store-title h3{
	position:absolute;
	width:8.23%;
	top:0;
	left:0;
	margin-top:-0.49%;
	margin-left:47.33%;
	font-size:0;
	line-height:0;
}
div.store-title+h3 {
	position:relative;
	width:68.43%;
	margin-top: -0.78%;
	margin-left: 17.89%;
	font-size:0;
	line-height:0;
}
div.border1+h3 {
	position:relative;
	width:45.46%;
	margin-bottom: 0.15%;
	margin-left: 26.48%;
	font-size:0;
	line-height:0;
}

.tokuten {
	position:relative;
	-webkit-display:flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:2.34%;
}
.tokuten1 {
	position:relative;
	width:43.43%;
	margin-left:6.71%;
}
.tokuten1 h4 {
	position:relative;
	width:52.51%;
	padding-top:9.35%;
	font-size:0;
	line-height:0;
	z-index:10;
}
.tokuten1 p {
	position:relative;
	width:62.76%;
	margin-top:-48.56%;
	margin-right:0;
	margin-left:auto;
	padding-top:2.15%;
	font-size:0;
	line-height:0;
}
.tokuten2 {
	position:relative;
	width:53.2%;
	margin-right:-3.2%;
	margin-left:-0.23%;
}
.tokuten2 h4 {
	position:relative;
	width:49.11%;
	padding-top:8.81%;
	font-size:0;
	line-height:0;
	z-index:10;
}
.tokuten2 p {
	position:relative;
	width:99.55%;
	margin-top:-42.87%;
	margin-right:0;
	margin-left:auto;
	font-size:0;
	line-height:0;
}
.tokuten-notice1 {
	position:relative;
	width:79.29%;
	margin:0.5% auto 0;
}
.tokuten-notice1 p {
	position:relative;
	width:100%;
	font-size:13px;
	line-height:1.15;
	color:#000;
	text-align:center;
}
.tokuten3 {
	position:relative;
	width:100%;
	margin-bottom:1.17%;
}
.tokuten3 h4 {
	position:relative;
	width:24.76%;
	padding-top:1.4%;
	margin-bottom:0.62%;
	margin-left:9.76%;
	font-size:0;
	line-height:0;
	z-index:10;
}
.tokuten3 p {
	position:relative;
	width:78.2%;
	margin-left:13.75%;
	font-size:0;
	line-height:0;
}
.tokuten-notice2 {
	position:relative;
	width:79.29%;
	margin:0 auto 0.5%;
}
.tokuten-notice2 p {
	position:relative;
	width:100%;
	font-size:13px;
	line-height:1.15;
	color:#000;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
}
.border1{
	position:relative;
	width:150%;
	height:0;
	padding-top:1.17%;
	margin-bottom: 1.09%;
	margin-left: -25%;
	background:url('../images/top/bg_border_01.png') top left repeat;
	background-size:auto;
}
.store-tokuten1{
	position:relative;
	margin-bottom: 4.37%;
}
.store-tokuten1 h4{
	position:relative;
	width:14.37%;
	margin: 0 auto;
	font-size:0;
	line-height:0;
}
.store-tokuten1 h5{
	position:relative;
	width:15.62%;
	margin: -3.35% auto 1.015%;
	font-size:0;
	line-height:0;
}
.store-tokuten1 ul{
	position:relative;
	width:60.625%;
	margin:0 auto 2%;
	list-style:none;
}
.store-tokuten1 ul{
	position:relative;
	font-size: 13px;
	line-height: 1.15;
}
.store-tokuten1 p:nth-of-type(1){
	position:relative;
	width:60.62%;
	margin:-1.71% auto 0;
	padding:4.33% 3.67% 4.73% 3.27%;
	font-size:0;
	line-height:0;
	background:url('../images/top/store_bg_01.png') top center no-repeat;
	background-size:100% auto;
}
.store-tokuten1 p:nth-of-type(1)::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin-top:2.08%;
	margin-left:0.46%;
	width:10.17%;
	padding-top:10.17%;
	background:url('../images/top/store_bg_02.png') top center no-repeat;
	background-size:100% auto;
}
.store-tokuten1 p:nth-of-type(1)::after{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:2.78%;
	margin-right:0.34%;
	width:10.17%;
	padding-top:10.17%;
	background:url('../images/top/store_bg_03.png') top center no-repeat;
	background-size:100% auto;
}
.store-tokuten1 p:nth-of-type(1) img{
	border:solid 3px #ff8205;
}
.store-tokuten1 p:nth-of-type(2){
	position:relative;
	width:20.85%;
	margin:0 auto;
	font-size:0;
	line-height:0;
}
.store-tokuten1 p:nth-of-type(2) a{
	transition: all 0.6s;
}
.store-tokuten1 p:nth-of-type(2) a:hover{
	opacity:0.6;
}
.dl-store{
	position:relative;
	margin-top: 4.29%;
	margin-bottom: 7.81%;
}
.dl-store h4{
	position:relative;
	width:67.57%;
	margin: 0 auto;
	font-size:0;
	line-height:0;
}
.dl-store p{
	position:absolute;
	width:27.81%;
	top:0;
	left:0;
	margin-top: 12.73%;
	margin-left: 36.095%;
	font-size:0;
	line-height:0;
}
.dl-store p a{
	transition: all 0.6s;
}
.dl-store p a:hover{
	opacity:0.6;
}

#spec{
	position:relative;
	margin-bottom:40px;
}
.spec-title{
	position:relative;
	width:142.26%;/*1821px*/
	height:0;
	margin-bottom:2.89%;
	margin-left:-23.12%;
	padding-top:5.07%;
	background:url('../images/top/bg_title_02.png') top center no-repeat;
	background-size:100% auto;
}
.spec-title h2{
	position:absolute;
	width:6.31%;
	top:0;
	left:0;
	margin-top:0.109%;
	margin-left:48.32%;
	font-size:0;
	line-height:0;
}
.spec-main-title {
	position:relative;
}
.spec-main-title h3 {
	position:relative;
	width:25.39%;
	margin-left:62.18%;
	font-size:0;
	line-height:0;
}
.spec-main1 {
	position:relative;
	width:89.29%;
	margin:-2.08% auto 3.9%;
	padding:6.84% 0;
	background:url('../images/top/spec_bg_01.png') top center no-repeat;
	background-size:100% auto;
}
.spec-main1-box {
	position:relative;
	width:86.52%;
	margin:0 auto;
}
.spec-main1-box p {
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
}
.spec-main2 {
	position:relative;
	width:85.85%;
	margin:0 auto;
}
.spec-main2 p {
	position:relative;
	font-size:0;
	line-height:0;
}
.spec-main-title2 {
	position:relative;
}
.spec-main-title2 h3 {
	position:relative;
	width:23.59%;
	margin-left:62.96%;
	font-size:0;
	line-height:0;
}
.spec-main3 {
	position:relative;
	width:89.29%;
	margin:-2.08% auto 3.9%;
	padding:4.29% 0 4.375%;
	background:url('../images/top/spec_bg_02.png') top center no-repeat;
	background-size:100% auto;
}
.spec-main3-box {
	position:relative;
	width:86.52%;
	margin:0 auto;
}
.spec-main3-box p {
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
}
#sns{
	position:relative;
}
#sns ul{
	position:relative;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width:30%;
	margin:0 auto 8%;
}
#sns ul li{
	position:relative;
	width:25%;
	font-size:0;
	line-height:0;
}
#sns ul li a{
	transition: all 0.6s;
}
#sns ul li a:hover{
	opacity:0.6;
}

#copyright{
	position:relative;
	padding-bottom:20px;
}
#copyright p{
	position:relative;
	margin-bottom:1.4%;
	font-size:13px;
	line-height:1.15;
	text-align:center;
}
#copyright p:last-of-type{
	margin-bottom:0;
}


.ptop {
	position: fixed;
	right: 1em;
	bottom: 7em;
	text-align:right;
	display:block;
	z-index:100 !important;
}
.ptop img {
	width: 9em !important;
}

.ptop a:hover	{
	opacity: 0.7;
}

@media screen and (max-width:1279px) {
.mconts{
	width:100%;
}
#logo-ns {
	width: 9.21%;
}
.nav-pc-main{
	width: 100%;
	height:58px;
}
#gnav-pc{
	padding-top:0.5%;
}
}
@media screen and (max-width:900px) {
#gnav-pc{
	padding-top:1.7%;
}
}
@media screen and (max-width:767px) {
    #loadimg {
        width: 40%;
        max-width: 300px;
    }
    #loadimg img {
        width: 100%;
    }
#wrapper {
	width: 100%;
	background: url(../images/common/bg_sub_sp.jpg) center top repeat-y;
	background-size: 100% auto;
}
#bg {
	width: 100%;
	background: url(../images/common/bg_sub_sp.jpg) center top repeat-y #ffffff;
	background-size: 100% auto;
}
#top #bg {
}
#bge {
	width: 100%;
}
#bg_g {
	width: 100%;
}
#bg_rp {
	width: 100%;
}
#bg_ripple {
	width: 100%;
}
#bg_circle {
	width: 100%;
}
#bg_circle2 {
	width: 100%;
}
#bg_mask {
	width: 100%;
}
#bg_bitb {
	width: 100%;
}
#bg_bit {
	width: 100%;
}
#logo-ns {
	left:  0;
	width: 15.31%;
	margin-left:0;
}

#nav-pc{
	position:fixed;
	z-index:1000;
	background:url('../images/common/nav/nav_bg_01.png') top left repeat-x;
	width:100%;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	display:none;
}
#nav-sp{
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#nav-sp-btn{
	position:fixed;
	top:0;
	right:3.125%;
	margin-top:1.56%;
	width:11.25%;
	height:0;
	padding-top:11.25%;
	background:url('../images/common/nav/nav_btn_open.png') top center no-repeat;
	background-size:100% auto;
	z-index: 10010;
	cursor: pointer;
}
#nav-sp-btn.active_sp{
	background:url('../images/common/nav/nav_btn_close.png') top center no-repeat !important;
	background-size:100% auto !important;
}
#nav-sp_main{
	position:fixed;
	z-index: 10000;
	top:0;
	right: -120%;
	width:100%;
	height: 80vw;
	background:url('../images/common/nav/nav_bg_01_sp.png') top center repeat;
	background-size:100% auto;
	transition: all 0.3s;
	border-bottom:solid 1px #FFF;
}
#nav-sp_main img{
	width:100%;
}
#nav-sp_main.panelactive{
	right: 0;
}
#nav-sp_main.panelactive #nav-sp_area{
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#gnav-sp{
	width:93.75%;
	padding:3% 3.125% 6.56%;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#gnav-sp li{
	width:44.53%;
	font-size:0;
	line-height:0;
	margin-bottom:4.33%
}
#gnav-sp li:first-of-type{
	margin-right:55.47%;
}

#sptop{
	position:relative;
}
#sptop img  { width:100%;}
.nav-sp-logo{
	position:absolute;
	top:0;
	left:0;
	width:10vw;
}
#sptop h1  {
	position: relative;
	left:auto;
	top:auto;
	width:94.21%;
	margin:-17.5% auto 0.625%;
}
#sptop p.sptop-copy  {
	position: absolute;
	top:0;
	left:0;
	margin-top:0.78%;
	margin-left:17.65%;
	width:68.53%;
}
#sptop h1+p  {
	position: relative;
	left:auto;
	top:auto;
	width:82.5%;
	margin-bottom: 9.06%; 
	margin-left: 8.75%; 
}
#sptopnews {
	position: relative;
	left: auto;
	top:auto;
	width: calc(90% + 4px);
	margin:0 auto 5%;
}
#sptopnewsbox {
	height: 31vw;
	font-size: 4vw;
}
#spnewstext {
	height: 31vw;
}
#spnewstext li {
	padding-bottom: 5px;
}
#spnewstext li a {
	color:#000;
}
#newstext li:before {
	font-size: 4.5vw;
}

#spnewstext span {
	line-height: 1;
	padding-bottom: 5px;
}

#sptoptw  {
	position: relative;
	left:auto;
	top:auto;
	width: calc(90% + 4px);
	margin:0 auto 12.5%;
}
#sptoptwbox {
	height: 42vw;
	padding: 0 4.22% 4.22%;
	font-size: 4vw;
	line-height: 1.5;
}
#sptoptwmain {
	width: 100%;
	height: 42vw;
    overflow-x: auto;
    overflow-y: auto;
}
#sptoptwmain2 {
	width: 100%;
	height: auto;
}
#spheadermv{
	position:relative;
	width: 92%;
	margin:0 auto 10%;
	height:0;
	padding-top:2.81%;
	padding-bottom:64.18%;
	border:solid 0.625vw #ff8205;
	background-color:rgba(255,130,5,0.15);
}
#spheadermv::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:104.61%;
	height:calc(100% - 3.75vw);
	margin-top:1.875vw;
	margin-left:calc(-2.305% - 0.15vw);
	border:solid 0.3125vw #ff8205;
}
#spheadermv img{
	width:100%;
}
#spheadermv h3{
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
}
#spheadermv p{
	position:absolute;
	width:83.06%;
	top:0;
	left:7.98%;
	margin-top:19.48%;
	font-size:0;
	line-height:0;
	z-index:10;
}
#spheadermv p a{
	position:relative;
	display:block;
	transition: all 0.6s;
}
#spheadermv p a:after{
	content:'';
	position:absolute;
	width:39.82%;
	height:0;
	padding-top:39.82%;
	top:0;
	left:0;
	margin-top:8.84%;
	margin-left:30.08%;
	background:url('../images/top/mv_btn.png') top center no-repeat;
	background-size:100% auto;
}
#spheadermv p a:hover{
	opacity:0.6;
}
#spheaderbtn{
	position:relative;
	width: 96.6%;
	margin:0 auto 10%;
}
#spheaderbtn p{
	position:relative;
	width: 100%;
	margin:0 0 2%;
	font-size:0;
	line-height:0;
}
.mconts{
	width:100%;
}
.sp{
	display:block;
}
.pc{
	display:none;
}
.contents {
	width: 100%;
}
.about-title{
	width:100%;
	height:auto;
	margin-bottom:5.78%;
	margin-left:0%;
	padding-top:0;
	background:none;
}
.about-title h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
.about-title h3{
	width:63.28%;
	margin-top:-6.25%;
	margin-left:18.43%;
}
div.about-title+p {
	position:relative;
	width:95%;
	margin: 0 0 10.625% 2.5%;
	font-size:0;
	line-height:0;
}
.about-list{
	position:relative;
	width:71.4%;
	margin:0 0 6.25% 2.96%;
	display:block;
}
.about-listitem{
	width:100%;
	padding-top:71.23%;
	margin-bottom:24%;
}
.about-listitem p:nth-of-type(2){
	position:absolute;
	width:34.57%;
	margin:12.03% -27.57% 0 0;
	top:0;
	right:0;
	font-size:0;
	line-height:0;
}
.about-listitem:nth-of-type(2){
	margin-left:29.97%;
}
.about-listitem:nth-of-type(2) p:nth-of-type(2){
	margin:12.03% 0 0 -29.97%;
	right:auto;
	left:0;
}
.about-additionalFeatures h4{
	position:relative;
	width:93.9%;
	margin:0 auto 3.35%;
	font-size:0;
	line-height:0;
}
.about-additionalFeatures ul{
	width:95.31%;
	margin:0 auto 6.25%;
	display:block;
}
.about-additionalFeatures ul li{
	width:100%;
	margin-bottom:10%;
}
.about-additionalFeatures ul li p:nth-of-type(1){
	position:relative;
	width:82.29%;
	padding:6.54% 9.68% 9% 7.19%;
}
.about-additionalFeatures ul li p:nth-of-type(1) img{
	border:solid 0.625vw #ff8205;
}
.about-additionalFeatures ul li p:nth-of-type(2){
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
}
.about-additionalFeatures p.about-afnotice{
	width:95%;
	font-size:2.65vw;
	margin:0 auto;
	text-align:left;
}

#story{
	margin-bottom:20%;
}
.story-title{
	position:relative;
	width:100%;
	height:auto;
	margin-bottom:1.25%;
	margin-left:0;
	padding-top:0;
	background:none;
}
.story-title h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:-6.65%;
	margin-bottom:5%;
	margin-left:0;
}
.story-title h3{
	position:relative;
	width:57.96%;
	top:auto;
	left:auto;
	margin:0 auto;
}
div.story-title+p {
	width:94.21%;
	margin: 0 auto 5%;
}
#slider5{
	position:relative;
	width:100%;
	margin:0 0 10%;
	padding:0;
	background:none;
}
#slider5 li img{
	border:solid 2px #ff8205;
}


#system{
	margin-bottom:15%;
}
.system-title{
	width:100%;/*1821px*/
	height:auto;
	margin-bottom:1.64%;
	margin-left:0;
	padding-top:0;
	background:none;
	z-index:10;
}
.system-title h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
#system01{
	width:100%;/*1033px*/
	height:auto;
	margin-top:-2.5%;
	margin-left:0;
	padding-top:0;
	background:none;
}
#system01 h3{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:-5.5%;
	margin-left:0;
}
#system01+p{
	width:96.71%;
	margin:5% auto 4%;
}
.slider-area{
	overflow: hidden;
	background:url('../images/top/bg_slider_sp.png') top center no-repeat;
	background-size:100% auto;
	padding:4.3% 0;
}
#slider1{
	position:relative;
	width:100%;
	margin:0 0 10%;
	padding:0;
	background:none;
}
#slider1 li img{
	border:solid 2px #ff8205;
}
.system-btn{
	margin:0 auto 10%;
}
.system-btn2{
	margin:0 auto 19.2%;
}

.system-btn p,
.system-btn2 p{
	width:84.37%;
}
#system02{
	width:100%;
	height:auto;
	margin-top:0;
	margin-left:0;
	padding-top:0;
	background:none;
}
#system02 h3{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
#system02+p{
	position:relative;
	width:94.84%;
	margin:-1.71% auto 5%;
}
#slider2{
	position:relative;
	width:100%;
	margin:0 0 10%;
	padding:0;
	background:none;
}
#slider2 li img{
	border:solid 3px #ff8205;
}
#system03{
	width:100%;
	height:auto;
	margin-top:0;
	margin-left:0;
	padding-top:0;
	background:none;
}
#system03 h3{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
#system03+p{
	position:relative;
	width:89.37%;
	margin:-1.71% auto 5%;
}
#slider3{
	position:relative;
	width:100%;
	margin:0 0 10%;
	padding:0;
	background:none;
}
#slider3 li img{
	border:solid 3px #ff8205;
}


#character{
	position:relative;
}
.character-title{
	width:100%;
	height:auto;
	margin-bottom:0.93%;
	margin-left:0;
	padding-top:0;
	background:none;
}
.character-title h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
.character-title2{
	position:relative;
	width:100%;
	height:auto;
	margin-left:0;
	padding-top:0;
	background:none;

}
.character-title2 h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
#character h3{
	position:relative;
	width:100%;
	margin-bottom:2.5%;
	margin-left:0;
}
#character p.character-txt{
	width:97.5%;
	margin:0 auto 7%;
}
.character-list{
	width:100%;
	margin-bottom:1.09%;
	margin-left:0;
	display:block;
}
.character-listitem1{
	width:100%;
	padding-top:0;
}
.character-listitem1 h4{
	left:0;
	margin-top:2.65%;
	margin-left:3.75%;
	width:33.9%;
}
.character-listitem1 p{
	width:110.62%;
}
.character-listitem2{
	position:relative;
	width:100%;
	margin-top:-2.03%;
	margin-left:0;
}
.character-listitem2 h4{
	right:0;
	margin-top:2.34%;
	margin-right:11.71%;
	width:32.65%;
}
.character-listitem2 h5{
	width:69.68%;
	margin: 0 auto;
}
.character-listitem2 p{
	width:77.81%;
	margin-left:10.46%;
}
#slider4{
	position:relative;
	width:100%;
	margin:0 0 10%;
	padding:0;
	background:none;
}
#slider4 li img{
	border:solid 2px #ff8205;
}
.slider-area2{
	position:relative;
	top:auto;
	left:auto;
	width:72.5%;
}
.slider-area2 li img{
	width:calc(100% - 4px) !important;
	border:solid 2px #ff8205;
}
.character-list2item1{
	margin-bottom:17.65%;
}
.character-list2item1 h4:nth-of-type(1){
	margin-top:-2.03%;
	margin-left:42.34%;
	width:44.68%;
}
.character-list2item1 h4:nth-of-type(2){
	margin-top:22.96%;
	margin-left:56.71%;
	width:40.62%;
}
.character-list2item1 h5{
	width:69.68%;
	margin: 0 auto;
}
.character-list2item1 p{
	width:59.375%;
	margin-bottom:3.125%;
	margin-left:16.4%;
}
.character-list2item1 .slider-area2{
	margin:3.125% auto 6.71%;
}
#slider-c1{
	width:calc(70.68% + 4px) !important;
	padding:calc(6.06% - 2px) 0 calc(6.46% - 2px) ;
	margin:0 auto;
}

.character-list2item2{
	margin-bottom:17.65%;
}
.character-list2item2 h4:nth-of-type(1){
	margin-top: 98.75%;
	margin-left: 6.5%;
	width: 47.18%;
}
.character-list2item2 h4:nth-of-type(2){
	margin-top:-1.875%;
	margin-left:53.28%;
	width:41.87%;
}
.character-list2item2 h5{
	width:69.68%;
	margin: 0 auto;
}
.character-list2item2 p{
	width:59.68%;
	margin-bottom:6.875%;
	margin-left:19.53%;
}
.character-list2item2 .slider-area2{
	margin:6.875% auto 8.125%;
}
#slider-c2{
	width:calc(70.68% + 4px) !important;
	padding:calc(6.06% - 2px) 0 calc(6.46% - 2px) ;
	margin:0 auto;
}
.character-list2item3{
	margin-bottom:10.93%;
}
.character-list2item3 h4{
	margin-top: 107.5%;
	margin-left: 9.6%;
	width: 43.12%;
}
.character-list2item3 h5{
	width:69.68%;
	margin: 0 auto;
}
.character-list2item3 p{
	width:107.03%;
	margin-bottom:12.18%;
	margin-left:-7.03%;
}
.character-list2item3 .slider-area2{
	margin:12.18% auto 8.75%;
}
#slider-c3{
	width:calc(70.68% + 4px) !important;
	padding:calc(6.06% - 2px) 0 calc(6.46% - 2px) ;
	margin:0 auto;
}
.character-list2item4{
	margin-top:0;
	margin-bottom:19.06%;
}
.character-list2item4 h4{
	margin-top: 75.625%;
	margin-left: 43.75%;
	width: 47.18%;
}
.character-list2item4 h5{
	width:69.68%;
	margin: 0 auto;
}
.character-list2item4 p{
	width:79.68%;
	margin-bottom:12.5%;
	margin-left:7.81%;
	z-index:20;
}
.character-list2item4 .slider-area2{
	margin:12.18% auto 8.75%;
}
#slider-c4{
	width:calc(70.68% + 4px) !important;
	padding:calc(6.06% - 2px) 0 calc(6.46% - 2px) ;
	margin:0 auto;
}
.character-list2item5{
	margin-top:0;
	margin-bottom:19.06%;
}
.character-list2item5 h4{
	margin-top: 79.06%;
	margin-left: 35.62%;
	width: 56.09%;
}
.character-list2item5 h5{
	width:69.68%;
	margin: 0 auto;
}
.character-list2item5 p{
	width:46.09%;
	margin-bottom:2.34%;
	margin-left:21.87%;
}
.character-list2item5 .slider-area2{
	margin:2.34% auto 8.75%;
}
#slider-c5{
	width:calc(70.68% + 4px) !important;
	padding:calc(6.06% - 2px) 0 calc(6.46% - 2px) ;
	margin:0 auto;
}

.character-list3{
	margin:-0.46% auto 22.65%;
	padding-top:0;
	background:none;
}
.character-list3 ul{
	width:calc(92.5% + 1.25vw);
}
.character-list3 ul li{
	width:47.66%;
	margin-bottom:2%;
	border:solid 0.625vw #ff8205;
}
.character-list3 p{
	position:relative;
	margin:0 auto 2.5%;
	width:92.5%;
	border:solid 0.625vw #ff8205;
}
.character-list3 h3{
	margin:0 auto !important;
	width:69.68% !important;
	padding:7.34% 15.16% 0;
	background:url('../images/top/character_bg_03.png') top center no-repeat;
	background-size:100% auto;
}

.movie-title{
	width:100%;
	height:auto;
	margin-bottom:6.25%;
	margin-left:0;
	padding-top:0;
	background:none;
}
.movie-title h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}

ul.movie-list{
	width:95%;
	margin:0 auto;
	display:block;
}
ul.movie-list li{
	width:100%;
	padding-top:67.71%;
}

.store-title{
	width:100%;
	height:auto;
	margin-left:0;
	padding-top:0;
	background:none;
}
.store-title h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
.store-title h3{
	width:55.625%;
	margin-top:-4.21%;
	margin-left:22.5%;
}
div.store-title+h3 {
	position:relative;
	width:92.65%;
	margin-top: -5.16%;
	margin-left: 0;
}
div.border1+h3 {
	width:38.9%;
	margin: 0 auto 0.93%;
}
.tokuten {
	position:relative;
	display:block;
	margin-bottom:2.34%;
}
.tokuten1 {
	position:relative;
	width:87.18%;
	margin-left:7.96%;
}
.tokuten2 {
	width:105.93%;
	margin-right:0;
	margin-left:1.25%;
}
.tokuten2 h4 {
	width:49.55%;
	padding-top:11.94%;
	margin-left:5.6%;
}
.tokuten2 p {
	position:relative;
	width:99.55%;
	margin-top:-46.88%;
}
.tokuten-notice1 {
	width:93.75%;
	margin:2.34% auto 4.37%;
}
.tokuten-notice1 p {
	font-size:2.65vw;
	text-align:left;
}
.tokuten3 {
	margin-bottom:1.71%;
}
.tokuten3 h4 {
	width:50%;
	padding-top:0;
	margin-bottom:1.87%;
	margin-left:7.5%;
}
.tokuten3 p {
	width:72.5%;
	margin-left:16.09%;
}
.tokuten-notice2 {
	position:relative;
	width:93.75%;
	margin:0 auto 5.62%;
}
.tokuten-notice2 p {
	position:relative;
	font-size:2.65vw;
}
.border1{
	position:relative;
	width:100%;
	padding-top:2.18%;
	margin-bottom: 2.18%;
	margin-left: 0;
	background:url('../images/top/bg_border_01.png') top left repeat;
	background-size:10% auto;
}
.store-tokuten1{
	margin-bottom: 12.96%;
}
.store-tokuten1 h4{
	width:30%;
	margin: 0 auto 0.93%;
}
.store-tokuten1 h5{
	position:relative;
	width:41.56%;
	margin: -2.4% auto 3%;
	font-size:0;
	line-height:0;
}
.store-tokuten1 ul{
	width:93.75%;
	margin:0 auto 4%;
}
.store-tokuten1 ul{
	font-size: 2.65vw;
}
.store-tokuten1 p:nth-of-type(1){
	width:100%;
	padding:8.18% 0 8.53%;
	background-size:114.75% auto;
}
.store-tokuten1 p:nth-of-type(1)::before{
	margin-top:2.48%;
	margin-left:-6.46%;
}
.store-tokuten1 p:nth-of-type(1)::after{
	margin-bottom:2.48%;
	margin-right:-6.46%;
}
.store-tokuten1 p:nth-of-type(1) img{
	border-top:solid 0.46vw #ff8205;
	border-bottom:solid 0.46vw #ff8205;
	border-right:none;
	border-left:none;
}
.store-tokuten1 p:nth-of-type(2){
	width:69.68%;
}
.dl-store{
	margin-top: 3.75%;
	margin-bottom: 11.71%;
}
.dl-store h4{
	width:99.375%;
}
.dl-store p{
	width:55.625%;
	margin-top: 36.71%;
	margin-left: 22.18%;
}

.spec-title{
	position:relative;
	width:100%;
	height:auto;
	margin-bottom:5.31%;
	margin-left:0;
	padding-top:0;
	background:none;
}
.spec-title h2{
	position:relative;
	width:100%;
	top:auto;
	left:auto;
	margin-top:0;
	margin-left:0;
}
.spec-main-title h3 {
	width:30.62%;
	margin-left:2.96%;
}
.spec-main-title2 h3 {
	width:28.43%;
	margin-left:3.9%;
}
.spec-main1{
	position:relative;
	width:95.93%;
	height:0;
	padding-top:111.71%;
	padding-bottom:0;
	margin:-0.15% auto 3.75%;
	background:url('../images/top/spec_bg_01_sp.png') top center no-repeat;
	background-size:100% auto;
}
.spec-main1-box{
	position:absolute;
	top:0;
	left:0;
	margin-top:7.98%;
	margin-left:7.98%;
	width:83.87%;
	overflow-x: auto;
	/* height:95.78vw; */
    /* height: 86.58vw; */
    height: 86.58vw;
}
.spec-main1 p{
	width:191.66%;
}
.spec-main2 {
	width:94.06%;
}
.spec-main3{
	position:relative;
	width:95.93%;
	height:0;
	padding-top:127.96%;
	padding-bottom:0;
	margin:-0.15% auto 3.75%;
	background:url('../images/top/spec_bg_02_sp.png') top center no-repeat;
	background-size:100% auto;
}
.spec-main3-box{
	position:absolute;
	top:0;
	left:0;
	margin-top:7.98%;
	margin-left:7.98%;
	width:83.87%;
	overflow-x: auto;
    height: 112.65vw;
}
.spec-main3 p{
	width:191.66%;
}
#sns ul{
	width:70%;
}

#copyright p{
	font-size:2.66vw;
	color:#666;
}

.ptop {
	right: 5vw;
	bottom: 5vw;
	width:15vw;
}
.ptop img {
	width: 100% !important;
}

}

#popup_20230222{
	width:90%;
	height:89.5%;
	padding:5%;
	background:rgba(255,255,255,0.9);
}
.popup_20230222main{
	position:relative;
	width:100%;
	border:solid 3px #ff8205;
	background:rgba(255,130,5,0.15);
	z-index:10;
	height:100%;
	overflow-x:hidden;
	overflow-y: scroll;
}
#popup_20230222 h2{
	position:relative;
	width:80.26%;
	margin:0 auto 3%;
	padding-top:2%;
	font-size:0;
	line-height:0;
}
#popup_20230222 p{
	position:relative;
	width:90%;
	margin:0 auto;
	font-size:22px;
	line-height:1.5;
	margin-bottom:2em;
}
#popup_20230222 p:nth-of-type(4){
	padding-bottom:5%;
	border-bottom:solid 1px #ff8205;
}
#popup_20230222 p a{
	color:#000;
	text-decoration:none;
}
#popup_20230222 p a:hover{
	text-decoration:underline;
}

@media screen and (max-width:767px) {
#popup_20230222{
	width:82%;
	height:89.5%;
	padding:5%;
	background:rgba(255,255,255,0.9);
}
#popup_20230222 h2{
	position:relative;
	width:80.26%;
	margin:0 auto 3%;
	padding-top:2%;
	font-size:0;
	line-height:0;
}
#popup_20230222 p{
	position:relative;
	width:95%;
	margin:0 auto 2%;
	font-size:3.6vw;
}
}