@charset "utf-8";


/*--------------------
  @@ANIMATION
--------------------*/

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@keyframes flashing-opacity {
  0% {opacity:0.4;}
  50% {opacity:1;}
  100% {opacity:0.4;}
}

@keyframes jump-anim {
  0% {transform:translate(0,0);}
  10% {transform:translate(0,-4px);}
  20% {transform:translate(0,0);}
  100% {transform:translate(0,0);}
}

@keyframes bright-anim {
  0% {filter:brightness(1);box-shadow:0 0 5px rgba(255,0,0,0);}
  50% {filter:brightness(1.7);box-shadow:0 0 20px rgba(255,0,0,0.5);}
  100% {filter:brightness(1);box-shadow:0 0 5px rgba(255,0,0,0);}
}

@keyframes reserve-loop-l {
  0% {left:20px;}
  30% {left:30px;}
  100% {left:20px;}
}

@keyframes reserve-loop-r {
  0% {right:20px;}
  30% {right:30px;}
  100% {right:20px;}
}



/*--------------------
	@@COMMON
--------------------*/

article, aside, dialog, figure, footer, header,main,
hgroup, nav, section {
	display: block;
}

* {
	margin: 0;
	padding: 0;
	word-break: normal;
	-webkit-font-smoothing:subpixel-antialiased;
	outline:none;
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #fff;
	font-weight:normal;
	-webkit-text-size-adjust: 100%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

.clearfix:after{
  content: "";
  display: block;
  clear: both;
}

.serif{
	font-family: 'Noto Serif JP', serif;
}

a{
  text-decoration:none;
  outline:none!important;
}

p > a {
	color: #165dec;
  border-bottom:1px dotted #165dec;
}

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

li {
  list-style-type: none;
}

#cboxOverlay{
  background-color:#000!important;
}


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

  body{
    font-size:15px;
  }

  #wrapper{
    width:100%;
    height:auto;
    overflow:hidden;
		min-width: 1200px;
  }

	.noload #wrapper{
		height:101vh;
	}

  #loading{
		position:fixed;
    width:100%;
    height:100vh;
    background:#000 url(../img/common/loading-bg.jpg) center center;
    background-size:cover;
		z-index:100;
    min-width: 1200px;
  }

  .loading-icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-100%);
    width:380px;
    height:64px;
  }

  .loading-icon img{
    /* position:absolute; */
    display: inline-block;
    margin:0 2px;
  }

  .loading-icon .icon01{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0s;
  }

  .loading-icon .icon02{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.2s;
  }

  .loading-icon .icon03{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.4s;
  }

  .loading-icon .icon04{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.6s;
  }

  .loading-icon .icon05{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.8s;
  }

  .loading-icon .icon06{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:1s;
  }

  .loading-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,100%);
    animation: flashing-opacity 1.2s linear infinite;
  }


	.btn-default{
		padding:2px;
		box-sizing: border-box;
		border:2px solid rgba(84, 81, 61, 0.64);
		display:inline-block;
		/* transition:all 0.5s; */
    color:#fbf7dc;
    font-size:18px;
	}

	.btn-default:hover{
		border:2px solid #fbf7dc;
    color:#000;
	}

	.btn-default > div{
		transition:all 0.5s;
		border:1px solid #fbf7dc;
		/* height:100%; */
		background-color: rgba(0,0,0,0.4);
	}


	.btn-default:hover > div{
		background-color:#fbf7dc;
	}

	.btn-default > div > div:first-child{
		position: relative;
		width:100%;
	}

	.btn-default > div > div:first-child:before{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid #fbf7dc;
		border-right:4px solid transparent;
		border-bottom:4px solid transparent;
		border-left:4px solid #fbf7dc;
		position:absolute;
		left:0px;
		top:0px;
		transition:all 0.5s;
	}

	.btn-default > div > div:first-child:after{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid #fbf7dc;
		border-right:4px solid #fbf7dc;
		border-bottom:4px solid transparent;
		border-left:4px solid transparent;
		position:absolute;
		right:0;
		top:0;
		transition:all 0.5s;
	}

	.btn-default:hover > div > div:first-child:before{
		border-top:4px solid #000;
		border-right:4px solid transparent;
		border-bottom:4px solid transparent;
		border-left:4px solid #000;
		position:absolute;
		left:4px;
		top:4px;
	}

	.btn-default:hover > div > div:first-child:after{
		border-top:4px solid #000;
		border-right:4px solid #000;
		border-bottom:4px solid transparent;
		border-left:4px solid transparent;
		position:absolute;
		right:4px;
		top:4px;
	}



	.btn-default > div > div:last-child{
		position: relative;
		width:100%;
	}

	.btn-default > div > div:last-child:before{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid transparent;
		border-right:4px solid transparent;
		border-bottom:4px solid #fbf7dc;
		border-left:4px solid #fbf7dc;
		position:absolute;
		left:0;
		bottom:0;
		transition:all 0.5s;
	}

	.btn-default > div > div:last-child:after{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid transparent;
		border-right:4px solid #fbf7dc;
		border-bottom:4px solid #fbf7dc;
		border-left:4px solid transparent;
		position:absolute;
		right:0;
		bottom:0;
		transition:all 0.5s;
	}

	.btn-default:hover > div > div:last-child:before{
		border-top:4px solid transparent;
		border-right:4px solid transparent;
		border-bottom:4px solid #000;
		border-left:4px solid #000;
		position:absolute;
		left:4px;
		bottom:4px;
	}

	.btn-default:hover > div > div:last-child:after{
		border-top:4px solid transparent;
		border-right:4px solid #000;
		border-bottom:4px solid #000;
		border-left:4px solid transparent;
		position:absolute;
		right:4px;
		bottom:4px;
	}

	.btn-default > div > div:nth-child(2){
		padding:15px 90px;
	}

	.btn-default > div img.off{
		height:34px;
		display: block;
	}

	.btn-default > div img.on{
		height:34px;
		display: none;
	}

  .btn-default.icon-out > div > div:nth-child(2):after{
    content:'';
    display: inline-block;
    margin-left:10px;
    height:16px;
    width:16px;
    margin-bottom:-3px;
    position:relative;
    left:0;
    bottom:0;
    background:url('../img/common/icon-out-w.svg') center top no-repeat;
    background-size:100%;
  }

  .btn-default.icon-out:hover > div > div:nth-child(2):after{
    background:url('../img/common/icon-out-b.svg') center top no-repeat;
  }

	.btn-default:hover > div img.off{
		display:none;
	}
	.btn-default:hover > div img.on{
		display:block;
	}

	.navigation{
		width:100%;
		background:url(../img/common/nav-bg.png)center center;
		height:76px;
		z-index:101;
		position: relative;
		margin-top:-76px;
		transition:all 0.5s;
		/* bottom:0; */
		min-width: 1200px;
	}

	.navigation.fixed{
		position:fixed;
		bottom:0;
		left:0;
	}

	.navigation.hide{
		width:100%;
		background:url(../img/common/nav-bg.png)center center;
		height:76px;
		z-index:100;
		position:fixed;
		bottom:-160px;
		right:0;
	}

	.navigation__inner{
		width:1200px;
		margin:0 auto;

	}

	.navigation__logo{
		position:absolute;
		left:10px;
		bottom:10px;
		width:200px;
	}

	.navigation__btn-wrap{
		display:flex;
		justify-content: center;
		padding-top:30px;
	}

	.navigation__btn{
		margin:0 10px;
		position:relative;
	}

  .navigation__btn{
    margin:0 10px;
    position:relative;
  }

  .navigation__btn.icon-new:before{
    content:'';
    width:25px;
    height:25px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-20px;
    left:50%;
    transform: translate(-50%,0);
  }

	.navigation__btn:after{
		content:'';
		display:block;
		width:5px;
		height:5px;
		background-color:#fbf7dc;
		right:-12px;
		top:50%;
		margin-top:-2.5px;
		transform:rotate(45deg);
		position:absolute;
	}

	.navigation__btn:last-child:after{
		content:'';
		display:none;
	}

	.navigation__reserve{
		position:absolute;
		right:10px;
		bottom:10px;
		background:url(../img/common/btn-reserve-bg.jpg);
		border:none;
		padding:4px;
    transition: filter 0.5s;
	}

  .navigation__reserve.on{
    animation: bright-anim 1.5s linear;
  }

	.navigation__reserve:hover{
		border:none;
    filter:brightness(1.3);
    box-shadow:0 0 10px rgba(255,0,0,0.5);
	}

	.navigation__reserve > div{
		background-color:transparent;
	}

	.navigation__reserve:hover > div{
		background-color:transparent;
	}

	.navigation__reserve > div > div:nth-child(2){
		padding:15px 60px;
		position:relative;
	}

	.navigation__reserve > div > div:nth-child(2):before{
		content:'';
		display:block;
		width:15px;
		height:24px;
		background:url('../img/common/btn-direct-reserve.png');
		position:absolute;
		top:50%;
		left:20px;
		transform:translate(0,-50%) rotate(180deg);
		transition:all 0.5s;
    animation: reserve-loop-l 1.5s linear infinite;
	}

	.navigation__reserve > div > div:nth-child(2):after{
		content:'';
		display:block;
		width:15px;
		height:24px;
		background:url('../img/common/btn-direct-reserve.png');
		position:absolute;
		top:50%;
		right:20px;
		transition:all 0.5s;
		transform:translate(0,-50%);
    animation: reserve-loop-r 1.5s linear infinite;
	}

	.navigation__reserve:hover > div > div:nth-child(2):before{
		left:30px;
	}

	.navigation__reserve:hover > div > div:nth-child(2):after{
		right:30px;
	}

	.navigation__reserve > div > div img.on,
	.navigation__reserve > div > div img.off{
		height:26px;
	}

  .navigation__reserve-img-sp{
    display:none;
  }

  .product .navigation__reserve{
    display:none;
  }

	.navigation__btn .on{
		position: absolute;
		top:0;left:0;
		opacity:0;
		transition:all 0.5s;
	}

	.navigation__btn:hover .off{
		transition:all 0.5s;
	}

	.navigation__btn:hover .on{
		opacity:1;
	}

	.navigation__btn:hover .off{
		opacity:0;
	}

  .top .navigation__btn.top .on{opacity:1;}
  .top .navigation__btn.top .off{opacity:0;}

  .world .navigation__btn.world .on{opacity:1;}
  .world .navigation__btn.world .off{opacity:0;}

  .movie .navigation__btn.movie .on{opacity:1;}
  .movie .navigation__btn.movie .off{opacity:0;}

  .product .navigation__btn.product .on{opacity:1;}
  .product .navigation__btn.product .off{opacity:0;}

  .dlc .navigation__btn.dlc .on{opacity:1;}
  .dlc .navigation__btn.dlc .off{opacity:0;}

  .news .navigation__btn.news .on{opacity:1;}
  .news .navigation__btn.news .off{opacity:0;}

	.navigation__reserve:hover > div > div:first-child:before{
		border-top:4px solid #fbf7dc;
		border-right:4px solid transparent;
		border-bottom:4px solid transparent;
		border-left:4px solid #fbf7dc;
		top:0;left:0;
	}

	.navigation__reserve:hover > div > div:first-child:after{
		border-top:4px solid #fbf7dc;
		border-right:4px solid #fbf7dc;
		border-bottom:4px solid transparent;
		border-left:4px solid transparent;
		top:0;right:0;
	}

	.navigation__reserve:hover > div > div:last-child:before{
		border-top:4px solid transparent;
		border-right:4px solid transparent;
		border-bottom:4px solid #fbf7dc;
		border-left:4px solid #fbf7dc;
		bottom:0;left:0;
	}

	.navigation__reserve:hover > div > div:last-child:after{
		border-top:4px solid transparent;
		border-right:4px solid #fbf7dc;
		border-bottom:4px solid #fbf7dc;
		border-left:4px solid transparent;
		bottom:0;right:0;
	}

  .background-wrap{
  	display:block;
    width:100%;
  	height:100vh;
  	position:fixed;
  	top:0;
  	left:50%;
  	transform: translate(-50%,0);
  	z-index: 0;
  }

  .background-wrap video{
  	display:block;
  	height:100%;
  	position:fixed;
  	top:0;
  	left:50%;
  	/* transform: translate(-50%,0); */
  }

	.footer-wrap{
		position:relative;
		background-color: #000;
		z-index: 90;
	}

  .footer-banner{
    padding:0px 0;
    text-align: center;
  }

	.footer__inner{
		padding:30px 0;
    position:relative;
	}

	.footer__link{
		font-size:14px;
		color:#fff;
		text-align: center;
		margin-bottom:8px;
	}

	.footer__link a{
		color:#fff;
		border-bottom:1px solid #aaa;
    margin:0 5px;
	}

  .footer__link a:hover{
		color:#fbf7dc;
		border-bottom:1px solid #aaa;
    margin:0 5px;
	}

	.footer__btn-twitter{
		width:280px;
		position:absolute;
		left:30px;
		top:50%;
		transform: translate(0,-50%);
	}

	.footer__rights{
		font-size:8px;
		text-align: center;
	}

	.footer__logo{
		position:absolute;
		right:0;
		top:50%;
		transform: translate(0,-50%);
		display: flex;
		align-items: center;
		padding:0 20px;
	}

	.footer__logo img{
		margin:0 10px;
	}

	.footer__logo .nsw{
		height:30px;
	}

	.footer__logo .omega{
		height:40px;
	}

	.footer__logo .kt{
		height:30px;
	}

  .hide-pc{
    display:none;
  }

  .icon-plus:after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:30px;
    height:30px;
    background:#000 url(../img/common/icon-plus.svg) center center;
    background-size:70%;
    background-repeat: no-repeat;
  }

}


/* @@common_sp */

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

  body{
    font-size:14px;
  }


  #wrapper{
    width:100vw;
    height:auto;
    overflow:hidden;
  }

	.noload #wrapper{
		height:100vh;
	}

  #loading{
		position:fixed;
    width:100vw;
    height:100vh;
    background:#000 url(../img/common/loading-bg.jpg) center center;
    background-size:cover;
		z-index:100;
  }

  #loading{
    position:fixed;
    width:100vw;
    height:100vh;
    background:#000 url(../img/common/loading-bg.jpg) center center;
    background-size:cover;
    z-index:100;
  }

  .loading-icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-100%);
    width:250px;
    height:38px;
  }

  .loading-icon img{
    /* position:absolute; */
    display: inline-block;
    margin:0 2px;
    height:38px;
  }

  .loading-icon .icon01{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0s;
  }

  .loading-icon .icon02{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.2s;
  }

  .loading-icon .icon03{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.4s;
  }

  .loading-icon .icon04{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.6s;
  }

  .loading-icon .icon05{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:0.8s;
  }

  .loading-icon .icon06{
    animation: jump-anim 1.4s linear infinite;
    animation-delay:1s;
  }

  .loading-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,100%);
    animation: flashing-opacity 1.2s linear infinite;
    width:36%;
  }

	.btn-default{
		padding:2px;
		box-sizing: border-box;
		border:2px solid rgba(84, 81, 61, 0.64);
		display:inline-block;
		transition:all 0.5s;
    color:#fbf7dc;
	}


	.btn-default > div{
		transition:all 0.5s;
		border:1px solid #fbf7dc;
		background-color: rgba(0,0,0,0.4);
	}



	.btn-default > div > div:first-child{
		position: relative;
		width:100%;
	}

	.btn-default > div > div:first-child:before{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid #fbf7dc;
		border-right:4px solid transparent;
		border-bottom:4px solid transparent;
		border-left:4px solid #fbf7dc;
		position:absolute;
		left:0px;
		top:0px;
		transition:all 0.5s;
	}

	.btn-default > div > div:first-child:after{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid #fbf7dc;
		border-right:4px solid #fbf7dc;
		border-bottom:4px solid transparent;
		border-left:4px solid transparent;
		position:absolute;
		right:0;
		top:0;
		transition:all 0.5s;
	}


  .btn-default.icon-out > div > div:nth-child(2):after{
    content:'';
    display: inline-block;
    margin-left:10px;
    height:16px;
    width:16px;
    margin-bottom:-3px;
    position:relative;
    left:0;
    bottom:0;
    background:url('../img/common/icon-out-w.svg') center top no-repeat;
    background-size:100%;
  }



	.btn-default > div > div:last-child{
		position: relative;
		width:100%;
	}

	.btn-default > div > div:last-child:before{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid transparent;
		border-right:4px solid transparent;
		border-bottom:4px solid #fbf7dc;
		border-left:4px solid #fbf7dc;
		position:absolute;
		left:0;
		bottom:0;
		transition:all 0.5s;
	}

	.btn-default > div > div:last-child:after{
		content:'';
		display: block;
		box-sizing: border-box;
		height:7px;
		width:7px;
		border-top:4px solid transparent;
		border-right:4px solid #fbf7dc;
		border-bottom:4px solid #fbf7dc;
		border-left:4px solid transparent;
		position:absolute;
		right:0;
		bottom:0;
		transition:all 0.5s;
	}

	.btn-default > div > div:nth-child(2){
		padding:10px 20px;
	}

	.btn-default > div img.off{
		height:16px;
		display: block;
	}

	.btn-default > div img.on{
		height:16px;
		display: none;
	}

	.navigation{
		width:100%;
		background:url(../img/common/nav-bg.png) center center;
    background-size:cover;
		height:65px;
		z-index:100;
		position: relative;
		margin-top:-65px;
		transition:all 0.5s;
		/* bottom:0; */
	}

	.navigation.fixed{
		position:fixed;
		bottom:0;
		right:0;
	}

	.navigation.hide{
		width:100%;
		background:url(../img/common/nav-bg.png)center center;
		height:76px;
		z-index:100;
		position:fixed;
		bottom:-160px;
		right:0;
	}

	.navigation__inner{
		width:100%;
		margin:0 auto;

	}

	.navigation__logo{
		position:fixed;
		left:10px;
    top:10px;
    width:22vw;
	}

	.navigation__btn-wrap{
		display:flex;
		justify-content: center;
		padding-top:30px;
	}

	.navigation__btn{
		margin:0 3px;
		position:relative;
	}

  .navigation__btn.icon-new:before{
    content:'';
    width:20px;
    height:20px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-16px;
    left:50%;
    transform: translate(-50%,0);
  }

  .navigation__btn img{
    height:26px;
  }

	.navigation__btn:after{
		content:'';
		display:block;
		width:3px;
		height:3px;
		background-color:#fbf7dc;
		right:-4px;
		top:50%;
		margin-top:-2.5px;
		transform:rotate(45deg);
		position:absolute;
	}

	.navigation__btn:last-child:after{
		content:'';
		display:none;
	}

	.navigation__reserve{
		position:absolute;
		right:8px;
		bottom:50px;
    border:none;
	}

  .navigation__reserve img{
    width:16vw;
    display: block;
  }

	.navigation__reserve > div{
    display:none;
	}

	.navigation__btn .on{
		position: absolute;
		top:0;left:0;
		opacity:0;
		transition:all 0.5s;
	}

  .navigation__btn.top{display:none;}

  .top .navigation__btn.top .on{opacity:1;}
  .top .navigation__btn.top .off{opacity:0;}

  .world .navigation__btn.world .on{opacity:1;}
  .world .navigation__btn.world .off{opacity:0;}

  .movie .navigation__btn.movie .on{opacity:1;}
  .movie .navigation__btn.movie .off{opacity:0;}

  .product .navigation__btn.product .on{opacity:1;}
  .product .navigation__btn.product .off{opacity:0;}

  .dlc .navigation__btn.dlc .on{opacity:1;}
  .dlc .navigation__btn.dlc .off{opacity:0;}

  .news .navigation__btn.news .on{opacity:1;}
  .news .navigation__btn.news .off{opacity:0;}



  .product .navigation__reserve{
    display:none;
  }

  .navigation__reserve-img-sp{
    display:block;
  }

  .background-wrap{
  	display:block;
  	height:100vh;
    width:100%;
  	position:fixed;
  	top:0;
  	left:50%;
  	transform: translate(-50%,0);
  	z-index: 0;
  }

  .background-wrap video{
  	display:block;
  	height:100%;
  	position:fixed;
  	top:0;
  	left:50%;
  	/* transform: translate(-50%,0); */
  }

	.footer-wrap{
		position:relative;
		background-color: #000;
		z-index: 90;
	}

	.footer__inner{
		padding:30px 4%;

	}

	.footer__link{
		font-size:16px;
		color:#fff;
		text-align: center;
		margin-bottom:8px;
	}

	.footer__link a{
		color:#fff;
		border-bottom:1px solid #aaa;
	}

	.footer__btn-twitter{
		width:80%;
    margin:0 auto 5vw;
    display: block;
	}

	.footer__rights{
		font-size:8px;
		text-align: center;
	}

	.footer__logo{
		display: flex;
		align-items: center;
		padding:0 20px;
    margin:4% auto;
    justify-content: center;
	}

	.footer__logo img{
		margin:0 10px;
	}

	.footer__logo .nsw{
		height:30px;
	}

	.footer__logo .omega{
		height:40px;
	}

	.footer__logo .kt{
		height:30px;
	}

  .hide-sp{
    display:none;
  }

  .icon-plus:after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:30px;
    height:30px;
    background:#000 url(../img/common/icon-plus.svg) center center;
    background-size:70%;
    background-repeat: no-repeat;
  }


}





/*--------------------
	@@TOP
--------------------*/

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

  .top .visual-wrap{
  	position:relative;
  	z-index:50;
  }

  .top .visual-image{
  	width:100%;
  }

  .top .visual-image .image-top{
  	display:block;
  	width:100%;
  }

  .top .visual-image .image-bottom{
  	display:block;
  	width:100%;
  }

  .top .console-logo{
  	position:absolute;
  	top:0;
  	right:0;
  	width:8%;
  	z-index: 30;
  }

  .top .visual-copy{
  	position:absolute;
  	right:10%;
  	top:5%;
  	width:5%;
  	z-index: 30;
  }

  .top .visual-logo{
  	position:absolute;
  	top:75%;
  	left:50%;
  	margin-left:-19vw;
  	width:38%;
  	opacity:0;
  }

  .top .visual-date{
  	position:absolute;
  	top:102%;
  	left:50%;
  	margin-left:-20vw;
  	width:40%;
  	opacity:0;
  }

  .top .visual-movie{
  	border:2px solid #000;
  	padding:1px;
  	width:302px;
  	display: block;
  	background:#faf7dc;
    margin-top:20px;
    position:relative;
  }

  .top .visual-movie.icon-new:before{
    content:'';
    width:30px;
    height:30px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-10px;
    left:-10px;
    z-index:20;
  }

  .top .visual-movie img{
  	transition:all 0.5s;
  }

  .top .visual-movie:hover img{
  	opacity:0.6;
  }

  .top .visual-movie:after{
  	content:'';
  	display:block;
  	width:18%;
  	padding-top:18%;
  	background:url(../img/common/btn-play.png);
  	background-size:100%;
  	position:absolute;
    bottom:0%;
  	right:0%;
  	/* transform: translate(-50%,-50%); */
  	z-index: 10;
  }

  .top .movie-image{
  	width:100%;
  }

  .top .movie-text{
  	position:absolute;
  	bottom:9%;
  	right:21%;
  	width:30%;
  	z-index: 10;
  }

  .top .visual-updatearea{
    left:30px;
    top:30px;
    position:absolute;
    width:308px;
  }

  .top .visual-banner .bnr{
    position:relative;
    margin-bottom:10px;
    display: block;
    background-color: #000;
    margin-top:10px;
  }

  .top .visual-banner .bnr-text{
    color:#bbb;
    background-color:rgba(0,0,0,0.5);
    padding:7px 10px;
    text-align: center;
    line-height:1.4;
    font-size:13px;
    border:1px solid #222;
  }

  .top .visual-banner .bnr.icon-new:before{
    content:'';
    width:30px;
    height:30px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-7px;
    left:-7px;
    z-index: 10;
  }

  .top .visual-banner .bnr img{
    display: block;
    width:100%;
    transition:all 0.2s;
  }

  .top .visual-banner .bnr:hover img{
    opacity:0.8;
  }

  .top .visual-banner .icon_platinum{
    width:170px;
    display:block;
    margin-top:25px;
    margin-left:-10px;
  }


  .top .visual-news{
    position:relative;
    width:308px;
    background-color:rgba(0,0,0,0.7);
    border-radius: 30px;
    box-sizing: border-box;
    color:#fbf7dc;
    height:50px;
    overflow:hidden;
    margin-bottom:5px;

  }

  .visual-news-headline{
    width:20%;
    top:0px;
    left:2%;
  }

  .visual-news-headline img{
    height:9px;
  }

  .top .visual-news-date{
    font-size: 11px;
    margin-bottom:2px;
    color:#dad5b2;
    display: inline-block;
  }

  .top .visual-news-text{
    font-size: 13px;
    display: inline-block;
    color:#fbf7dc;
    padding-left:0.2em;
  }

  .top .visual-news-item{
    position:absolute;
    width:70%;
    left:20%;
    top:14px;
  }

  .top .visual-news-item__inner{
    width:800px;
    padding-left:8px;
    border-left:1px solid #8c8977;
  }

  .top a.visual-news-item:hover .visual-news-text,
  .top a.visual-news-item:hover .visual-news-date{
    color:#f4ca56;
  }

  .top .visual-news-headline{
    display:block;
    text-align: center;
    position:absolute;
    left:2px;
    top:7px;
  }

  .top .visual-news-item:last-child{
    border-bottom:0px solid #888675;
  }

  .top .visual-news-btnarea{
    text-align: center;
  }

  .top .visual-news-btn{
    position: relative;
    z-index:1;
    margin-top:10px;
  }

  .top .visual-news-btn > div > div:nth-child(2){
    padding:6px 40px 7px;
  }

  .top .visual-news-btn > div > div:nth-child(2) img{
    height:15px;
  }


  /*  */

  .top #contents{
  	position:relative;
  	z-index: 1;
  	top:0;
  }

  .top .section-wrap{
  	position:relative;
  	z-index: 10;
  }

  /*  */

  .top .section-feature{
  	width:100%;
  	height:100vh;
  	position:relative;
  }

  .top .section-feature__inner{
  	width:100%;
  	height:100vh;
  	position:fixed;
  	top:0;
  	left:0;
    min-width: 1200px;
  }

  .top .feature-headline{
  	position:absolute;
  	top:50%;
  	left:50%;
    width:70%;
    /* transform:translate(0,-80%); */
    margin-left:-35%;
    margin-top:-13%;
  	z-index:70;
  	opacity:0;
  }

  .top .feature-btn-wrap{
  	position:absolute;
  	top:60%;
  	left:50%;
  	transform: translate(-50%,0);
  	opacity:0;
  	z-index:50;
  }


  .top .feature-bg{
  	width:100%;
  	height:100vh;
  	position:relative;
  	opacity:0;
  }

  .top .feature-bg:before{
  	content:'';
  	display:block;
  	width:100%;
  	height:100%;
  	background:rgba(0,0,0,0.5) url('../img/top/feature-texture.png') center center;
  	position:absolute;
  	top:0;left:0;
  	z-index: 40;
  }

  .top #movie01{
  	position:relative;
  	z-index: 0;
  	opacity: 0;
  }


  /*  */

  .top .section-product{
  	background:url(../img/top/product-bg.jpg);
  	background-size:cover;
  	z-index: 10;
  	position:relative;
  	opacity:0;
  	margin-top:150px;
  }

  .top .section-product:before{
  	content:'';
  	display:block;
  	position:absolute;
  	top:30px;
  	width:100%;
  	height:17px;
  	background:url('../img/top/product-bgline-top.png') center center;
  	background-size:contain;
  	z-index: 10;
  }

  .top .section-product:after{
  	content:'';
  	display:block;
  	position:absolute;
  	bottom:30px;
  	width:100%;
  	height:17px;
  	background:url('../img/top/product-bgline-bottom.png') center center;
  	background-size:contain;
  	z-index: 0;
  }


  .top .section-product__inner{
  	width:1200px;
  	margin:0 auto;
  	padding:120px 0 150px;
  }

  .top .product__chara{
  	display:block;
  	width:519px;
  	height:680px;
  	position:absolute;
    left:50%;
  	bottom:0;
  	z-index: 20;
    transform:translate(170px,0);
  	opacity:0;
  }

  .top .section-product__inner:after{
  	content:'';
  	display:block;
  	width:1058px;
  	height:599px;
  	background:url(../img/top/product-fire.png);
  	position:absolute;
  	right:0;
  	bottom:0;
  	z-index: 10;
  }


  .top .product__headline{
  	display:block;
  	margin:0 auto 50px;
  	position:relative;
  	z-index:20;
  }

  .top .product__info-wrap{
  	width:650px;
  	margin:0 auto;
  	position:relative;
  	z-index:20;
  }

  .top .product__info{
  	padding:0 100px;
  }

  .top .product-head{
  	background-color:#fbf7dd;
  	padding:4px;
  	display:inline-block;
  	padding:3px 10px;
  	position:relative;
  	margin:0 20px 0 0;
  }

  .top .product-head:before{
  	content:'';
  	display:block;
  	width:100%;
  	height:1px;
  	background-color:#fbf7dd;
  	position:absolute;
  	top:-3px;
  	left:0;
  }

  .top .product-head:after{
  	content:'';
  	display:block;
  	width:100%;
  	height:1px;
  	background-color:#fbf7dd;
  	position:absolute;
  	bottom:-3px;
  	left:0;
  }

  .top .product-head img{
  	width:80px;
  	display: block;
  }

  .top .product-text{
  	display:inline-block;
  	position:relative;
  }

  .top .product__info-tr{
  	margin:20px 0;
  	font-size:20px;
  	line-height: 1;
  	color:#fbf7dc;
  	position:relative;
  }

  .top .product__package{
  	position:absolute;
  	top:-130px;
  	left:-300px;
  	box-shadow:0 0 20px rgba(0,0,0,0.6);
  	opacity:0;
  }


  .top .ruby-none{
  	display:none;
  }

  .top .ruby01{
  	font-size:10px;
  	position:absolute;
  	left:10.5em;
  	top:-1.5em;
  }

  .top .ruby02{
  	font-size:10px;
  	position:absolute;
  	left:16.5em;
  	top:-1.5em;
  }

  .top .product-btn{
  	margin-top:50px;
  }

  /*  */

  .top .section-news{
  	background-size:cover;
  	position:relative;
  	z-index: 10;
  	overflow: hidden;
  }

  .top .section-news__inner{
  	padding:12% 0 10%;
  	width:70%;
  	margin:0 auto;
  }

  .top .news__headline{
  	position:absolute;
  	right:-100px;
  	top:-6%;
  	width:60%;
  	display: block;
  }

  .top .slick-track{
  	display:flex;
  }

  .top .slider{
  	opacity:0;
  }

  .top .slider-item{
  	width:336px;
  	padding:30px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 10px;
  	float:none;
  	align-items: center;
  }

  .top .slick-slide {
    height:auto;
  }

  .top .slider-item.none{
  	width:336px;
  	padding:30px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 10px;
  	opacity:0.9;
  }

  .top .slider-item:after{
  	content:'';
  	display: block;
  	width:328px;
  	position:absolute;
  	left:4px;
  	top:4px;
  	height:calc(100% - 8px);
  	border:1px solid #4a443b;
  	border-radius:4px;
  	box-sizing: border-box;
  }

  .top .news-date{
  	position:absolute;
  	border-radius:10px;
  	background-color:#fbf7dc;
  	color:#000;
  	top:-10px;
  	left:-10px;
  	z-index: 20;
  	padding:0 10px;
  }

  .top .news-image img{
  	width:100%;
  	display: block;
  }

  .top .none .news-image img{
  	opacity:0.6;
  }

  .top .news-text{
  	color:#fbf7dc;
  	margin:20px 0 0;
  }


  .top .slider-item.none .news-text{
  	background-color:rgba(90,90,90,0.22);
  	color:transparent;
  }

  .top .section-news .slider .slick-list{
  	overflow:visible;
  }

  .top .section-news .slider .slick-dots{
  	position:absolute;
  	z-index: 20;
  	bottom:-50px;
  }

  .top .section-news .slider .slick-dots li{
  	position:relative;
  }

  .top .section-news .slider .slick-dots li button{
  	background-color:#fff;
  	text-indent:-9999px;
  	transform: rotate(-45deg);
  	width:10px;
  	height:10px;
  	position:relative;
  	margin:5px auto 0;
  }

  .top .section-news .slider .slick-dots li button:after{
  	content:'';
  	display: block;
  	width:13px;
  	height:13px;
  	border:1px solid #fff;
  	top:50%;
  	left:50%;
  	transform:translate(-50%,-50%);
  }

  .top .section-news .slider .slick-dots li:before{
  	display:none;
  }

  .top .section-news .slider .slick-dots li.slick-active button{
  	background-color:#fad15a;
  }

  .top .section-news .slider .slick-dots li.slick-active button:after{
  	content:'';
  	display: block;
  	width:13px;
  	height:13px;
  	border:1px solid #fad15a;
  	top:50%;
  	left:50%;
  	transform:translate(-50%,-50%);
  }

  .top .news-btnarea{
  	display:block;
  	text-align: center;
  }

  .top .news-btn{
  	margin-top:100px;
  }

  .top #news-bg{
  	width:100vw;
  	height:100vh;
  	background:url(../img/top/news-bg.jpg) center center;
  	background-size:cover;
  	position:fixed;
  	top:0;
  	left:0;
  	opacity:0;
  }

}

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

  .top .navigation__logo{
    display:none;
  }

  .top .visual-wrap{
  	position:relative;
  	z-index:50;
  }

  .top .visual-image{
  	width:100%;
  }

  .top .visual-image .image-top{
  	display:block;
  	width:100%;
  }

  .top .visual-image .image-bottom{
  	display:block;
  	width:100%;
  }

  .top .console-logo{
  	position:absolute;
  	top:0;
  	right:0;
  	width:15vw;
  	z-index: 30;
  }

  .top .visual-copy{
  	position:absolute;
  	left:5vw;
  	top:5vw;
  	width:20vw;
  	z-index: 30;
  }

  .top .visual-logo{
  	position:absolute;
  	top:100vw;
  	left:50%;
  	margin-left:-38vw;
  	width:80vw;
  }

  .top .visual-date{
  	position:absolute;
  	top:150vw;
  	left:50%;
  	margin-left:-40vw;
  	width:80vw;
  }

  .top .visual-movie{
  	position:relative;
  	border:2px solid #eecb91;
  	padding:2px;
  	display: block;
  	background:rgba(0,0,0,0.5);
    margin:20px auto 0;
  }

  .top .visual-movie img{
  	transition:all 0.5s;
  }

  .top .visual-movie:hover img{
  	opacity:0.6;
  }

  .top .visual-movie:after{
  	content:'';
  	display:block;
  	width:18%;
  	padding-top:18%;
  	background:url(../img/common/btn-play.png);
  	background-size:100%;
  	position:absolute;
  	bottom:0%;
  	right:0%;
  	/* transform: translate(-50%,-50%); */
  	z-index: 10;
  }
  .top .visual-movie.icon-new:before{
    content:'';
    width:30px;
    height:30px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-10px;
    left:-10px;
    z-index:20;
  }

  .top .movie-image{
  	width:100%;
  }

  .top .movie-text{
  	position:absolute;
  	bottom:8%;
  	right:21%;
  	width:23%;
  	z-index: 10;
  }

  .top .visual-updatearea{
    position:relative;
    width:76%;
    margin:18vw auto -50vw;
  }

  .top .visual-banner .bnr{
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
    display: block;
  }

  .top .visual-banner .bnr.icon-new:before{
    content:'';
    width:30px;
    height:30px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-7px;
    left:-7px;
    z-index: 10;
  }

  .top .visual-banner .bnr img{
    display: block;
    width:100%;
  }

  .top .visual-banner .icon_platinum{
    width:45%;
    display:block;
    position:absolute;
    top:-23vw;
    left:50%;
    transform:translate(-50%,0);
  }

  .top .visual-news{
    position:relative;
    width:100%;
    background:url(../img/top/visual_news_bg.jpg);

    border-radius: 30px;
    box-sizing: border-box;
    color:#fbf7dc;
    height:50px;
    overflow:hidden;
    margin-bottom:5px;
    border:1px solid #fbf7dc8f;

  }

  .visual-news-headline{
    width:25%;
    top:0px;
    left:2%;
  }

  .visual-news-headline img{
    width:45%;
  }

  .update .visual-news-headline img{
    width:60%;
  }

  .top .visual-news-date{
    font-size: 11px;
    margin-bottom:2px;
    color:#dad5b2;
    display: inline-block;
  }

  .top .visual-news-text{
    font-size: 11px;
    display: inline-block;
    color:#fbf7dc;
    padding-left:0.2em;
  }

  .top .visual-news-item{
    position:absolute;
    width:70%;
    left:25%;
    top:26%;
  }

  .top .visual-news-item__inner{
    width:800px;
    padding-left:12px;
    border-left:1px solid #8c8977;
  }

  .top a.visual-news-item:hover .visual-news-text,
  .top a.visual-news-item:hover .visual-news-date{
    color:#f4ca56;
  }

  .top .visual-news-headline{
    display:block;
    /* width:70px; */
    text-align: center;
    margin-bottom:-5px;
    position:absolute;
    left:2px;
    top:9px;
  }

  .top .visual-news-item:last-child{
    border-bottom:0px solid #888675;
  }

  .top .visual-news-btnarea{
    text-align: center;
  }

  .top .visual-news-btn{
    position: relative;
    z-index:1;
    margin-top:10px;
  }

  .top .visual-news-btn > div > div:nth-child(2){
    padding:6px 40px 7px;
  }

  .top .visual-news-btn > div > div:nth-child(2) img{
    height:15px;
  }

  .top .visual-banner .bnr-text{
    color:#bbb;
    background-color:rgba(0,0,0,0.5);
    padding:7px 10px;
    text-align: center;
    line-height:1.4;
    font-size:12px;
    border:1px solid #222;
  }


  /*  */

  .top #contents{
  	position:relative;
  	z-index: 1;
  	top:0;
  }

  .top .section-wrap{
  	position:relative;
  	z-index: 10;
  }

  /*  */

  .top .section-feature{
  	width:100vw;
  	height:100vh;
  	position:relative;
  }

  .top .section-feature__inner{
  	width:100vw;
  	height:100vh;
  	position:fixed;
  	top:0;
  	left:0;
  }

  .top .feature-headline{
  	position:absolute;
    width:86vw;
  	top:50%;
  	left:50%;
  	margin-left:-43vw;
    margin-top:-15vw;
  	z-index:70;
  	opacity:0;
  }

  .top .feature-btn-wrap{
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,0);
  	opacity:0;
  	z-index:50;
    margin-top:8vw;
  }


  .top .feature-bg{
  	width:100vw;
  	height:100%;
  	position:relative;
  	opacity:0;
  }

  .top .feature-bg:before{
  	content:'';
  	display:block;
  	width:100%;
  	height:100%;
  	background:rgba(0,0,0,0.5) url('../img/top/feature-texture.png') center center;
  	position:absolute;
  	top:0;left:0;
  	z-index: 40;
  }

  .top #movie01{
  	position:relative;
  	z-index: 0;
  	opacity: 0;
    /* transform: translate(0,-50%); */
  }


  /*  */

  .top .section-product{
  	background:url(../img/top/product-bg.jpg);
  	background-size:cover;
  	z-index: 10;
  	position:relative;
  	opacity:0;
  	margin-top:150px;
  }

  .top .section-product:before{
  	content:'';
  	display:block;
  	position:absolute;
  	top:20px;
  	width:100%;
  	height:15px;
  	background:url('../img/top/product-bgline-top.png') center center;
  	background-size:cover;
  	z-index: 10;
  }

  .top .section-product:after{
  	content:'';
  	display:block;
  	position:absolute;
  	bottom:20px;
  	width:100%;
  	height:15px;
  	background:url('../img/top/product-bgline-bottom.png') center center;
  	background-size:cover;
  	z-index: 10;
  }

  .top .section-product__inner{
    margin:0 auto;
    padding:60px 0 60px;
  }


  .top .product__headline{
  	width:80%;
  }

  .top .product__chara{
  	display:block;
  	width:519px;
  	height:680px;
  	position:absolute;
  	right:50px;
  	bottom:0;
  	z-index: 10;
  	opacity:0;
  }
/*
  .top .section-product__inner:after{
  	content:'';
  	display:block;
  	width:1058px;
  	height:599px;
  	background:url(../img/top/product-fire.png);
  	position:absolute;
  	right:0;
  	bottom:0;
  	z-index: 10;
  } */


  .top .product__headline{
  	display:block;
  	margin:0 auto 10vw;
  	position:relative;
  	z-index:20;
  }

  .top .product__info-wrap{
  	width:100%;
  	margin:0 auto;
  	position:relative;
  	z-index:20;
  }

  .top .product__info{
  	width:80%;
    margin:0 auto;
  }

  .top .product-head{
  	background-color:#fbf7dc;
  	padding:4px;
  	display:inline-block;
  	padding:3px 10px;
  	position:relative;
  	margin:0 20px 0 0;
  }

  .top .product-head:before{
  	content:'';
  	display:block;
  	width:100%;
  	height:1px;
  	background-color:#fbf7dc;
  	position:absolute;
  	top:-3px;
  	left:0;
  }

  .top .product-head:after{
  	content:'';
  	display:block;
  	width:100%;
  	height:1px;
  	background-color:#fbf7dc;
  	position:absolute;
  	bottom:-3px;
  	left:0;
  }

  .top .product-head img{
  	width:50px;
  	display: block;
  }

  .top .product-text{
  	display:inline-block;
  	position:relative;
  }

  .top .product__info-tr{
  	margin:20px 0;
  	font-size:16px;
  	line-height: 1;
  	color:#fbf7dc;
  	position:relative;
  }

  .top .product__package{
  	position:relative;
  	box-shadow:0 0 20px rgba(0,0,0,0.6);
  	opacity:0;
    width:180px;
    margin:8vw auto 0;
    display: block;
  }

  .top .product__btn-wrap{
    text-align:center;
  }


  .top .ruby-none{
  	display:none;
  }

  .top .ruby01{
  	font-size:8px;
  	position:absolute;
  	left:10.5em;
  	top:-1.5em;
  }

  .top .ruby02{
  	font-size:8px;
  	position:absolute;
  	left:16.5em;
  	top:-1.5em;
    width:8em;
  }

  .top .product-btn{
  	margin-top:8vw;
  	opacity:0;
  }

  /*  */

  .top .section-news{
  	background-size:cover;
  	position:relative;
  	z-index: 10;
  	overflow: hidden;
  }

  .top .section-news__inner{
  	padding:20% 0 30%;
  	width:86%;
  	margin:0 auto;
  }

  .top .news__headline{
  	position:absolute;
  	right:-5vw;
  	top:-6%;
  	width:80vw;
  	display: block;
  }

  .top .slick-track{
  	display:flex;
  }

  .top .slider{
  	opacity:0;
  }

  .top .slider-item{
  	width:240px;
  	padding:20px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 4px;
  	float:none;
  	align-items: center;
  }

  .top .slick-slide {
    height:auto;
  }

  .top .slider-item.none{
  	width:240px;
  	padding:20px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 10px;
  	opacity:0.9;
  }

  .top .slider-item:after{
  	content:'';
  	display: block;
  	width:232px;
  	position:absolute;
  	left:4px;
  	top:4px;
  	height:calc(100% - 8px);
  	border:1px solid #4a443b;
  	border-radius:4px;
  	box-sizing: border-box;
  }

  .top .news-date{
  	position:absolute;
  	border-radius:10px;
  	background-color:#fbf7dc;
  	color:#000;
  	top:-10px;
  	left:-10px;
  	z-index: 20;
  	padding:0 10px;
  }

  .top .news-image img{
  	width:100%;
  	display: block;
  }

  .top .none .news-image img{
  	opacity:0.6;
  }

  .top .news-text{
  	color:#fbf7dc;
  	margin:1em 0 0;
    font-size:13px;
  }


  .top .slider-item.none .news-text{
  	background-color:rgba(90,90,90,0.22);
  	color:transparent;
  }

  .top .section-news .slider .slick-list{
  	overflow:visible;
  }

  .top .section-news .slider .slick-dots{
  	position:absolute;
  	z-index: 20;
  	bottom:-50px;
  }

  .top .section-news .slider .slick-dots li{
  	position:relative;
  }

  .top .section-news .slider .slick-dots li button{
  	background-color:#fff;
  	text-indent:-9999px;
  	transform: rotate(-45deg);
  	width:10px;
  	height:10px;
  	position:relative;
  	margin:5px auto 0;
  }

  .top .section-news .slider .slick-dots li button:after{
  	content:'';
  	display: block;
  	width:13px;
  	height:13px;
  	border:1px solid #fff;
  	top:50%;
  	left:50%;
  	transform:translate(-50%,-50%);
  }

  .top .section-news .slider .slick-dots li:before{
  	display:none;
  }

  .top .section-news .slider .slick-dots li.slick-active button{
  	background-color:#fad15a;
  }

  .top .section-news .slider .slick-dots li.slick-active button:after{
  	content:'';
  	display: block;
  	width:13px;
  	height:13px;
  	border:1px solid #fad15a;
  	top:50%;
  	left:50%;
  	transform:translate(-50%,-50%);
  }

  .top .news-btnarea{
  	display:block;
  	text-align: center;
  }

  .top .news-btn{
  	margin-top:15vw;

  }

  .top #news-bg{
  	width:100vw;
  	height:100vh;
  	background:url(../img/top/news-bg.jpg) center center;
  	background-size:cover;
  	position:fixed;
  	top:0;
  	left:0;
  	opacity:0;
  }

}


/*--------------------
	@@World
--------------------*/

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

  .world .section-story{
  	width:100%;
  	height:100vh;
    position:relative;
    z-index:50;
  }

  .world .story-bg img{
  	width:100%;
  	display: block;
  }

  .world .story-headline{
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,-150%);
  }

  .world .story-text{
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,-0%);
  	font-size:20px;
  	text-align: center;
  	line-height: 1.6;
  }

  .world .section-battle{
    position:relative;
  	z-index: 40;
  }

  /* .world .section-battle__inner{
  	position:fixed;
  	height:100vh;
  	top:0;left:0;
  	z-index: 20;
  } */

  .world .section-battle__inner{
  	position:abusolute;
    width:100%;
  }

  .world .section-battle__inner video{
  	position:relative;
    width:80%;
    margin:0px auto 0;
    display:block;
    box-shadow: 0 0 30px rgba(0,0,0,0.8);
  }


  .world .background-wrap{
  	pointer-events:none;
  }
 
  /* .world .background-wrap video{
  	display:block;
  	height:100%;
  	position:fixed;
  	top:0;
  	left:50%;
  } */


  .world .battle-bg{
  	width:100vw;
  	height:150vh;
  	position:relative;
  	/* opacity:0; */
    background:url('../img/world/bg.png');
    z-index: 0;
  }

  /*

  .world .battle-bg:before{
  	content:'';
  	display:block;
  	width:100%;
  	height:100%;
  	background:rgba(0,0,0,0.1);
  	position:absolute;
  	top:0;left:0;
  	z-index: 40;
  }

  .world .battle-bg video{
  	position:relative;
  	z-index: 0;
  	opacity: 0;
  }

  .world .battle-headline{
  	position:fixed;
  	bottom:20%;left:-50px;
  	opacity:0;
    width:34%;
  } */

  .world .section-character{
    position:relative;
    padding:120px 0 100px;
    z-index:50;
    opacity:0;
  }

  .world .character-headline{
  	position:relative;
    width:30%;
    margin:0 auto 100px;
    display:block;
  }

  .world .character-slider{
    width:1100px;
    margin:0 auto;
    overflow:visible;
  }

  .slick-next{
    width:47px!important;
    height:53px!important;
    background-image:url('../img/world/icon_direct.png')!important;
    right:-60px!important;
    z-index:80;
  }

  .slick-prev{
    width:47px!important;
    height:53px!important;
    background-image:url('../img/world/icon_direct.png')!important;
    transform:rotate(180deg)!important;
    left:-60px!important;
    z-index:80;
  }

  .world .character-slider__item{
    width:1100px;
    margin:0 auto;
    overflow:visible;
    position:relative;
    opacity:0;
    transition:all 0.5s;
    transform:scale(0.7);
    box-sizing:border-box;
    padding-left:50px;
  }

  .world .character-slider__item.slick-center{
    opacity:1;
    transform:scale(1);
  }

  .world .slick-list{
    overflow: visible!important;
  }

  .world .item__name{
    position: relative;
    display:block;
    margin-bottom:1em;
    width:300px;
    z-index: 1;
    transform:translate(-100px,0);
    opacity:0;
    transition:all 0.5s;
    transition-delay: 0.4s;
  }

  .world .item__name:after{
    content:'';
    display:block;
    width:224px;
    height:16px;
    background-image:url('../img/world/character_line.png');
    margin-top:20px;
  }

  .world .item__text{
    position: relative;
    display:block;
    line-height:2;
    color:#faf7dc;
    margin:10px 0 20px;
    width:500px;
    z-index: 1;
    transform:translate(-100px,0);
    opacity:0;
    transition:all 0.5s;
    transition-delay: 0.4s;
  }
  .world .item__movie{
    position: relative;
    display:block;
    width:400px;
    z-index: 1;
    box-shadow:0 0 15px rgba(0,0,0,0.8);
    transform:translate(-100px,0);
    opacity:0;
    transition:all 0.5s;
    transition-delay: 0.6s;
    border:1px solid #8c865c;
    padding:4px;
  }

  .world .item__movie video{
    width:100%;
    display:block;
  }
  .world .item__image{
    display:block;
    position:absolute;
    right:-25%;
    top:-25%;
    z-index: 0;
  }

  .world .slick-center .item__name{
    transform:translate(0,0);
    opacity:1;
  }

  .world .slick-center .item__text{
    transform:translate(0,0);
    opacity:1;
  }

  .world .slick-center .item__movie{
    transform:translate(0,0);
    opacity:1;
  }


  .world .character-slider__nav{
    width:1100px;
    margin:100px auto 0;
  }

  .world .character-slider__nav li{
    padding:6px;
    border-radius:100px;
    border:1px solid #d2ac06;
    background:rgba(90, 75, 48, 0.863);
    margin-right:10px;
    box-shadow:0 0 15px rgba(0,0,0,0.8);
  }

  .world .character-slider__nav li img{
    border-radius:100px;
    display: block;
    width:100%;
  }

  .world .character-slider__nav li.slick-current{
    background:rgba(50, 100, 165, 0.863);
    box-shadow:0 0 15px rgb(158,192,255,0.8);
    border:1px solid #a2c1ff;
  }






  /*  */

  .world .section-product{
  	background:url(../img/top/product-bg.jpg);
  	background-size:cover;
  	z-index: 20;
  	position:relative;
  	opacity:0;
  	margin-top:50px;
  }

  .world .section-product:before{
  	content:'';
  	display:block;
  	position:absolute;
  	top:30px;
  	width:100%;
  	height:17px;
  	background:url('../img/top/product-bgline-top.png') center center;
  	background-size:contain;
  	z-index: 10;
  }

  .world .section-product:after{
  	content:'';
  	display:block;
  	position:absolute;
  	bottom:30px;
  	width:100%;
  	height:17px;
  	background:url('../img/top/product-bgline-bottom.png') center center;
  	background-size:contain;
  	z-index: 0;
  }


  .world .section-product__inner{
  	width:1200px;
  	margin:0 auto;
  	padding:120px 0 200px;
  }

  .world .product__chara{
  	display:block;
  	width:519px;
  	height:680px;
  	position:absolute;
  	left:50%;
  	bottom:0;
    transform:translate(170px,0);
  	z-index: 20;
  }

  .world .section-product__inner:after{
  	content:'';
  	display:block;
  	width:1058px;
  	height:599px;
  	background:url(../img/top/product-fire.png);
  	position:absolute;
  	right:0;
  	bottom:0;
  	z-index: 10;
  }


  .world .product__headline{
  	display:block;
  	margin:0 auto 50px;
  	position:relative;
  	z-index:20;
  }

  .world .product__info-wrap{
  	width:650px;
  	margin:0 auto;
  	position:relative;
  	z-index:20;
  }

  .world .product__info{
  	padding:0 100px;
  }

  .world .product-head{
  	background-color:#fbf7dd;
  	padding:4px;
  	display:inline-block;
  	padding:3px 10px;
  	position:relative;
  	margin:0 20px 0 0;
  }

  .world .product-head:before{
  	content:'';
  	display:block;
  	width:100%;
  	height:1px;
  	background-color:#fbf7dd;
  	position:absolute;
  	top:-3px;
  	left:0;
  }

  .world .product-head:after{
  	content:'';
  	display:block;
  	width:100%;
  	height:1px;
  	background-color:#fbf7dd;
  	position:absolute;
  	bottom:-3px;
  	left:0;
  }

  .world .product-head img{
  	width:80px;
  	display: block;
  }

  .world .product-text{
  	display:inline-block;
  	position:relative;
  }

  .world .product__info-tr{
  	margin:20px 0;
  	font-size:20px;
  	line-height: 1;
  	color:#fbf7dc;
  	position:relative;
  }

  .world .product__package{
  	position:absolute;
  	top:-130px;
  	left:-300px;
  	box-shadow:0 0 20px rgba(0,0,0,0.6);
  	opacity:0;
  }


  .world .ruby-none{
  	display:none;
  }

  .world .ruby01{
  	font-size:10px;
  	position:absolute;
  	left:10.5em;
  	top:-1.5em;
  }

  .world .ruby02{
  	font-size:10px;
  	position:absolute;
  	left:16.5em;
  	top:-1.5em;
  }

  .world .product-btn{
  	margin-top:50px;
  }


}


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

  .world .section-story{
  	width:100%;
  	height:100vh;
    position:relative;
    z-index:50;
    margin-bottom:-20vw;
  }

  .world .story-bg img{
  	width:100%;
  	display: block;
  }

  .world .story-headline{
  	position:absolute;
    width:90%;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,-150%);
  }

  .world .story-text{
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,-0%);
  	font-size:14px;
  	text-align: center;
  	line-height: 1.6;
    width:90%;
  }

  .world .section-battle{
    position:relative;
  	z-index: 40;
  }

  /* .world .section-battle__inner{
  	position:fixed;
  	height:60vw;
  	top:0;left:0;
  	z-index: 20;
  } */

  .world .section-battle__inner video{
  	position:relative;
    width:80%;
    margin:0px auto 0;
    display:block;
    opacity:0;
    box-shadow: 0 0 30px rgba(0,0,0,0.8);
  }



  .world .background-wrap{
  	display:block;
  	height:100vh;
  	position:fixed;
  	top:0;
  	left:50%;
  	transform: translate(-50%,0);
  	z-index: 0;
  }

  .world .battle-bg{
  	width:100vw;
  	height:150vh;
  	position:relative;
  	/* opacity:0; */
    background:url('../img/world/bg.png');
    z-index: 0;
  }


  .world .battle-headline{
  	position:fixed;
  	bottom:10%;left:0px;
  	opacity:0;
    width:74%;
  }

  /* character */

  .world .section-character{
    position:relative;
    padding:0% 0 20%;
    z-index:50;
    opacity:0;
  }

  .world .character-headline{
  	position:relative;
    width:60%;
    margin:0 auto 100px;
    display:block;
  }

  .world .character-slider{
    width:100%;
    margin:0 auto;
    overflow:visible;
  }

  .world .character-slider__item{
    width:100vw;
    margin:0 auto;
    overflow:visible;
    position:relative;
    opacity:0;
    transition:all 0.5s;
    transform:scale(0.7);
    box-sizing:border-box;
    padding:8vw 8vw 0;
  }

  .world .character-slider__item.slick-center{
    opacity:1;
    transform:scale(1);
  }

  .world .slick-list{
    overflow: visible!important;
  }

  .world .item__name{
    position: relative;
    display:block;
    margin-bottom:1em;
    width:60%;
    z-index: 1;
  }

  .world .item__name img{
    width:100%;
  }

  .world .item__name:after{
    content:'';
    display:block;
    width:112px;
    height:8px;
    background-image:url('../img/world/character_line.png');
    background-size:100%;
    margin-top:20px;
  }

  .world .item__text{
    position: relative;
    display:block;
    line-height:2;
    color:#faf7dc;
    margin:10px 0 20px;
    width:100%;
    z-index: 1;
    font-size:11px;
    text-shadow: 0 0 6px #000,0 0 6px #000;
  }
  .world .item__movie{
    position: relative;
    display:block;
    width:100%;
    z-index: 1;
    box-shadow:0 0 15px rgba(0,0,0,0.8);
    border:1px solid #8c865c;
    padding:4px;
  }

  .world .item__movie video{
    width:100%;
    display:block;
  }

  .world .item__image{
    display:block;
    position:absolute;
    right:-50%;
    top:-25%;
    z-index: 0;
    width:160%;
  }

  .world .item__movie video{
    width:100%;
    display:block;
  }

  .world .slick-current .item__name{
    transform:translate(0,0);
  }

  .world .character-slider__nav{
    width:86vw;
    margin:5% auto 0;
    border-top:1px solid #4c400c;
    padding-top:5%;
  }

  .world .character-slider__nav li{
    padding:3px;
    border-radius:100px;
    border:1px solid #4c400c;
    background:rgba(90, 75, 48, 0.8);
    margin-right:8px;
    box-shadow:0 0 15px rgba(0,0,0,0.8);
  }

  .world .character-slider__nav li img{
    border-radius:100px;
    display: block;
    width:100%;
  }

  .world .character-slider__nav li.slick-current{
    background:rgba(50, 100, 165, 0.863);
    box-shadow:0 0 15px rgb(158,192,255,0.8);
    border:1px solid #a2c1ff;
  }



  /*  */

  .world .section-product{
    background:url(../img/top/product-bg.jpg);
    background-size:cover;
    z-index: 20;
    position:relative;
    opacity:0;
    margin-top:0px;
  }

  .world .section-product:before{
    content:'';
    display:block;
    position:absolute;
    top:20px;
    width:100%;
    height:15px;
    background:url('../img/top/product-bgline-top.png') center center;
    background-size:cover;
    z-index: 10;
  }

  .world .section-product:after{
    content:'';
    display:block;
    position:absolute;
    bottom:20px;
    width:100%;
    height:15px;
    background:url('../img/top/product-bgline-bottom.png') center center;
    background-size:cover;
    z-index: 10;
  }

  .world .section-product__inner{
    margin:0 auto;
    padding:60px 0 120px;
  }


  .world .product__headline{
    width:80%;
  }

  .world .product__chara{
    display:block;
    width:519px;
    height:680px;
    position:absolute;
    right:50px;
    bottom:0;
    z-index: 10;
    opacity:0;
  }



  .world .product__headline{
    display:block;
    margin:0 auto 10vw;
    position:relative;
    z-index:20;
  }

  .world .product__info-wrap{
    width:100%;
    margin:0 auto;
    position:relative;
    z-index:20;
  }

  .world .product__info{
    width:80%;
    margin:0 auto;
  }

  .world .product-head{
    background-color:#fbf7dd;
    padding:4px;
    display:inline-block;
    padding:3px 10px;
    position:relative;
    margin:0 20px 0 0;
  }

  .world .product-head:before{
    content:'';
    display:block;
    width:100%;
    height:1px;
    background-color:#fbf7dd;
    position:absolute;
    top:-3px;
    left:0;
  }

  .world .product-head:after{
    content:'';
    display:block;
    width:100%;
    height:1px;
    background-color:#fbf7dd;
    position:absolute;
    bottom:-3px;
    left:0;
  }

  .world .product-head img{
    width:50px;
    display: block;
  }

  .world .product-text{
    display:inline-block;
    position:relative;
  }

  .world .product__info-tr{
    margin:20px 0;
    font-size:16px;
    line-height: 1;
    color:#fbf7dc;
    position:relative;
  }

  .world .product__package{
    position:relative;
    box-shadow:0 0 20px rgba(0,0,0,0.6);
    opacity:0;
    width:180px;
    margin:8vw auto 0;
    display: block;
  }

  .world .product__btn-wrap{
    text-align:center;
  }


  .world .ruby-none{
    display:none;
  }

  .world .ruby01{
    font-size:8px;
    position:absolute;
    left:10.5em;
    top:-1.5em;
  }

  .world .ruby02{
    font-size:8px;
    position:absolute;
    left:16.5em;
    top:-1.5em;
    width:8em;
  }

  .world .product-btn{
    margin-top:8vw;
    opacity:0;
  }


}





/*--------------------
	@@ News
--------------------*/

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


  .news .main-section{
    padding:90px 0 150px;
    position:relative;
    z-index:10;
    min-height:100vh;
  }

  .news .headline{
  	position:relative;
    display: block;
    margin:0 auto 40px;
  }

  .news .slider{
    position:relative;
    margin:0 auto;
  	display:flex;
    width:1050px;
    justify-content:left;
    flex-wrap: wrap;

  }

  .news .slider-item{
  	width:336px;
  	padding:30px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 20px 25px 0;
  	float:none;
  	align-items: center;
  }

  .news .slider-item:nth-of-type(3n+3){
    margin-right:0;
  }

  .news .slider-item.none{
  	width:336px;
  	padding:30px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 10px;
  	opacity:0.9;
  }

  .news .slider-item:after{
  	content:'';
  	display: block;
  	width:328px;
  	position:absolute;
  	left:4px;
  	top:4px;
  	height:calc(100% - 8px);
  	border:1px solid #4a443b;
  	border-radius:4px;
  	box-sizing: border-box;
  }

  .news .news-date{
  	position:absolute;
  	border-radius:10px;
  	background-color:#fbf7dc;
  	color:#000;
  	top:-10px;
  	left:-10px;
  	z-index: 20;
  	padding:0 10px;
  }

  .news .news-image img{
  	width:100%;
  	display: block;
  }

  .news .none .news-image img{
  	opacity:0.6;
  }

  .news .news-text{
  	color:#fbf7dc;
  	margin:20px 0 0;
  }


  .news .slider-item.none .news-text{
  	background-color:rgba(90,90,90,0.22);
  	color:transparent;
  }

  .news .section-news .slider .slick-list{
  	overflow:visible;
  }

  .news .section-news .slider .slick-dots{
  	position:absolute;
  	z-index: 20;
  	bottom:-50px;
  }

  .news .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/news/bg.jpg');
    background-size:cover;
  }


}

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


  .news .main-section{
    padding:50px 0 120px;
    position:relative;
    z-index:10;
    min-height:100vh;
  }

  .news .headline{
  	position:relative;
    display: block;
    margin:0 auto 40px;
    width:60%;
  }

  .news .slider{
    position:relative;
    margin:0 auto;
  	display:flex;
    width:90%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .news .slider-item{
  	width:100%;
  	padding:30px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 10px 20px;
  	float:none;
  	align-items: center;
  }

  .news .slider-item.none{
  	width:100%;
  	padding:30px;
  	background-color:rgba(0,0,0,0.5);
  	border-radius: 6px;
  	position:relative;
  	box-sizing: border-box;
  	margin:0 10px 10px;
  	opacity:0.9;
  }

  .news .slider-item:after{
  	content:'';
  	display: block;
  	width:calc(100% - 8px);
  	position:absolute;
  	left:4px;
  	top:4px;
  	height:calc(100% - 8px);
  	border:1px solid #4a443b;
  	border-radius:4px;
  	box-sizing: border-box;
  }

  .news .news-date{
  	position:absolute;
  	border-radius:10px;
  	background-color:#fbf7dc;
  	color:#000;
  	top:-5px;
  	left:-5px;
  	z-index: 20;
  	padding:0 10px;
    font-size:14px;
  }

  .news .news-image img{
  	width:100%;
  	display: block;
  }

  .news .none .news-image img{
  	opacity:0.6;
  }

  .news .news-text{
  	color:#fbf7dc;
  	margin:20px 0 0;
  }


  .news .slider-item.none .news-text{
  	background-color:rgba(90,90,90,0.22);
  	color:transparent;
  }

  .news .section-news .slider .slick-list{
  	overflow:visible;
  }

  .news .section-news .slider .slick-dots{
  	position:absolute;
  	z-index: 20;
  	bottom:-50px;
  }

  .news .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/news/bg.jpg');
    background-size:cover;
  }


}

/*--------------------
	@@Movie
--------------------*/

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


  .movie .main-section{
    padding:90px 0 180px;
    position:relative;
    z-index:10;
    min-height:100vh;
  }

  .movie .headline{
  	position:relative;
    display: block;
    margin:0 auto 40px;
  }

  .movie .movie-wrap{
    position:relative;
    margin:0 auto;
  	display:flex;
    width:1000px;
    justify-content: left;
    flex-wrap: wrap;
  }

  .movie-item{
    margin-bottom:50px;
  }


  .movie .movie-box{
    position:relative;
  	border:2px solid #eecb91;
  	padding:2px;
  	width:480px;
    margin:0 0 0 20px;
  	display: block;
  	background:rgba(0,0,0,0.5);
  }

  .movie .movie-item:nth-child(2n+1) .movie-box{
    margin-left:0;
  }

  .movie .movie-item.icon-new .movie-box:before{
    content:'';
    width:40px;
    height:40px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-15px;
    left:-15px;
    z-index: 10;
  }

  .movie .big .movie-box{
    width:1000px;
  }

  .movie .movie-box img{
  	transition:all 0.5s;
  }

  .movie .movie-box:hover img{
  	opacity:0.6;
  }

  .movie .movie-box:after{
  	content:'';
  	display:block;
  	width:40%;
  	padding-top:40%;
  	background:url(../img/common/btn-play.png);
  	background-size:100%;
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,-50%);
  	z-index: 10;
  }

  .movie .movie-image{
  	width:100%;
  }

  .movie .movie-text{
  	position:relative;
  	width:100%;
  	z-index: 10;
    text-align:center;
    padding:10px 0 0;
  }

  .movie .big .movie-text{
    font-size:20px;
  }

  .movie .big .movie-box:after{
  	content:'';
  	display:block;
  	width:20%;
  	padding-top:20%;
  	background:url(../img/common/btn-play.png);
  	background-size:100%;
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,-50%);
  	z-index: 10;
  }



  .movie .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/movie/bg.jpg');
    background-size:cover;
  }

  .movie .headline_sub{
    width:1000px;
    margin:0 auto;
    border-bottom:1px solid #ddd;
    padding-bottom:5px;
    margin-bottom:25px;
  }


}

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


  .movie .main-section{
    padding:50px 0 180px;
    position:relative;
    z-index:10;
    /* min-height:100vh; */
  }

  .movie .headline{
  	position:relative;
    display: block;
    margin:0 auto 40px;
    width:60%;
  }

  .movie .movie-wrap{
    position:relative;
    margin:0 auto;
  	display:flex;
    width:90%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .movie-item{
    margin-bottom:10%;
  }

  .movie .movie-box{
    position:relative;
  	border:2px solid #eecb91;
  	padding:2px;
  	width:100%;
    margin:0 0px 10px;
  	display: block;
  	background:rgba(0,0,0,0.5);
    box-sizing: border-box;
  }

  .movie .movie-item.icon-new .movie-box:before{
    content:'';
    width:30px;
    height:30px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-15px;
    left:-15px;
    z-index: 10;
  }

  .movie .big .movie-box{
    width:100%;
  }

  .movie .movie-box img{
  	transition:all 0.5s;
  }

  .movie .movie-box:hover img{
  	opacity:0.6;
  }

  .movie .movie-box:after{
  	content:'';
  	display:block;
  	width:40%;
  	padding-top:40%;
  	background:url(../img/common/btn-play.png);
  	background-size:100%;
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform: translate(-50%,-50%);
  	z-index: 10;
  }

  .movie .movie-image{
  	width:100%;
  }

  .movie .movie-text{
  	position:relative;
  	width:100%;
  	z-index: 10;
    text-align:center;
    padding:6px 0 0;
  }


  .movie .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/movie/bg.jpg');
    background-size:cover;
  }

  .movie .headline_sub{
    width:90%;
    margin:0 auto;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:25px;
    font-size:20px;
  }


}


/*--------------------
	@@Product
--------------------*/

.product .btn_kill{
  opacity:0.6;
  pointer-events: none;
}

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


  .product .main-section{
    padding:90px 0 180px;
    position:relative;
    z-index:10;
    min-height:100vh;
  }

  .product .headline{
  	position:relative;
    display: block;
    margin:0 auto 40px;
  }

  .product .list-wrap{
    display: flex;
    justify-content: center;
    margin-bottom:10px;
  }

  .product .list-btn{
    background:url(../img/product/btn-bg.jpg);
    margin:0 5px;
  }

  .product .list-btn > div > div:nth-child(2){
    position:relative;
  }

  .product .list-btn > div > div:nth-child(2):before{
		content:'';
		display:block;
		width:21px;
		height:23px;
		background:url('../img/common/btn-direct-down.png');
		position:absolute;
		top:50%;
		left:40px;
		transform:translate(0,-50%);
		transition:all 0.5s;
	}

  .product .list-btn:hover > div > div:nth-child(2):before{
    background:url('../img/common/btn-direct-down-on.png');
  }


  .product .list-btn > div > div:nth-child(2) img.on{
    height:24px;
  }

  .product .list-btn > div > div:nth-child(2) img.off{
    height:24px;
  }

  .list-sub-wrap{
    text-align: center;
    padding:0px 0 20px;
  }
  .product .list-btn--sub{
    font-size:16px;
    color:#faf7dc;

    border:1px solid #333;
    border-radius:20px;
    padding:5px 25px;
    background-color:rgba(0,0,0,0.7);
  }

  .product .list-btn--sub:before{
    content:'';
    background: url(../img/common/btn-direct-down.png);
    display:inline-block;
    background-size:100%;
    width:13px;
    height:13px;
    margin:0 5px 0 -8px;
  }

  .product .item-wrap{
    width:980px;
    background-color:rgba(0,0,0,0.8);
    box-sizing:border-box;
    padding:10px;
    margin:0 auto 20px;
  }

  .product .item-wrap__inner{
    border:2px solid #24345e;
    box-sizing:border-box;
    padding:60px;
  }

  .product .item-headline{
    font-size:50px;
    text-shadow:0 0 20px rgba(34, 64, 143, 0.9);
    text-align: center;
    line-height: 1.2;
  }

  .product .item-headline .min{
    font-size:20px;
    display: block;
  }

  .product .item-line{
    display: block;
    margin:0 auto;
  }

  .product .item-version{
    text-align: center;
  }

  .product .item-price{
    text-align: center;
  }

  .product .item-price .num{
    font-size:35px;
  }

  .product .item-goods{
    text-align: center;
    background-color:rgba(23, 35, 87, 0.7);
    margin-top:20px;
    padding:20px;
  }

  .product .item-goods dt{
    display:inline-block;
    vertical-align: middle;
    width:100px;
    text-align:right;
    padding-right:40px;
  }

  .product .item-goods dd{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border-left:1px solid #606778;
    padding-left:40px;
    width:200px;
  }

  .product .item-goods dd li:before{
    content:'・';
  }

  .product .item-goods dd li{
    padding-left:1em;
    text-indent: -1em;
  }


  .product .item-message{
    color:#d2ac06;
    text-align:center;
    padding:16px 0;
    border:1px solid #a88900;
    border-radius:10px;
    font-size:24px;
    margin-top:20px;
  }

  .product .item-exp{
    padding:30px 0 10px;
    color:#ab8b00;
    font-size:14px;
    text-align: center;
  }

  .product .normal .package{
    display: block;
    width:280px;
    margin:20px auto 20px;
    box-shadow:10px 10px 20px rgba(0,0,0,0.5);
  }

  .product .deluxe .package{
    display: block;
    width:100%;
    margin:20px auto 20px;
    box-shadow:10px 10px 20px rgba(0,0,0,0.5);
  }

  .product .btn-wrap{
    margin-top:30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .normal .btn-wrap{
    flex-wrap: wrap-reverse;
  }

  .product .btn-wrap a{
    display: block;
    width:49%;
    text-align: center;
    margin:0 auto 2%;
    background:url(../img/common/btn-reserve-bg.jpg);
  }
  .product .btn-wrap a.icon-out div > div:nth-child(2){
    position:relative;
  }

  .product .btn-wrap a.icon-out div > div:nth-child(2):after{
    position: absolute;
    right:10px;
    left:auto;
    bottom:10px;
  }

  .product .btn-wrap a .min{
    font-size:13px;
    display:block;
  }

  .product .btn-wrap a:hover{
    background:url(../img/product/btn-bg.jpg);
  }

  .product .btn-wrap .btn-default > div > div:nth-child(2){
    padding:15px 30px;
  }

  .product .benefits-item{
    display:flex;
    margin:20px 0;
    align-items: center;
  }

  .product .benefitsitem-img{
    width:380px;
  }

  .product .benefitsitem-info{
    width:380px;
    padding:5px 30px;
  }

  .product .benefitsitem-tit{
    color:#7290d4;
  }

  .product .benefitsitem-name{
    border-bottom:1px solid #7290d4;
    padding-bottom:10px;
    margin-bottom:15px;
  }

  .product .benefitsitem-name .min{
    font-size:13px;
    display: inline-block;
  }
  .product .benefitsitem-name .big{
    font-size:34px;
    display: inline-block;
    text-shadow: 0 0 10px rgb(0 45 255 / 82%);
  }

  .product .benefitsitem-attention{
    color:#bbb;
    font-size: 90%;
    margin-top:10px;
  }

  .product .benefitsitem-info .btn-wrap a{
    width:100%;
  }

  .product .item-headline{
    margin-top:2em ;
  }

  .product .item-headline:nth-of-type(1){
    margin-top:0;
  }

  .product .shop-benefits-item{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product .item-block{
    width:32%;
    background-color:rgba(0,0,0,0.5);
    border-radius:8px;
    padding:20px;
    box-sizing: border-box;
    margin-bottom:2%;
    text-align: center;
    position:relative;
  }
  .product .item-block:before{
    content:'';
    display: block;
    width:calc(100% - 8px);
    position:absolute;
    left:4px;
    top:4px;
    height:calc(100% - 8px);
    border:1px solid #47473b;
    border-radius:4px;
    box-sizing: border-box;
    z-index:0;
  }

  .product .item-block .btn-default{
    margin-top:20px;
    background:url(../img/common/btn-reserve-bg.jpg);
  }

  .product .item-block .btn-default:hover{
    background:#000 url(../img/common/damy.png);
  }

  .product .item-block .btn-default > div > div:nth-of-type(2){
    padding:8px 50px 10px;
        position:relative;
  }

  .product .shop-name{
    font-size:20px;
    height:2.9em;
    margin-bottom:15px;
    display: flex;
    vertical-align: middle;
    text-align: center;
    width:100%;
    justify-content: center;
    align-items: center;
  }


  .product .item-name{
    margin-top:10px;
  }



  .product .item-block a.icon-out div > div:nth-child(2):after{
    position: absolute;
    right:10px;
    left:auto;
    bottom:10px;
  }

  .product a.cbox{
    position:relative;
    z-index:1;
    background-color:#000;
  }

  .product .shop-image{
    width:100%;
    display:block;
    border: 1px solid #161d29;
    transition:opacity 0.5s;
  }

  .product a.cbox .shop-image:hover{
    opacity:0.7;
  }

  .product .shop-benefits-text{
    text-align: center;
    padding:0 0 20px;
    color:#fbf7dc;
  }

  .product .list-asterisk li:before{
    content:'※';
  }

  .product .list-asterisk li{
    display: block;
    padding-left:1em;
    text-indent:-1em;
  }


  .product .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/product/bg.jpg');
    background-size:cover;
  }

  .spec .item-headline{
    font-size: 30px
  }

  .spec .item-wrap__inner{
    padding-top:40px;
  }

  .product table{
    border-collapse: collapse;
    width:100%;
  }

  .product tr th,.product tr td{
    border-bottom:1px solid #444;
    padding:15px 0;
    position:relative;
  }

  .product tr th{
    color:#aaa;
    text-align: left;
    padding-right:30px;
    vertical-align: top;
    width:90px;
  }

  /* .product tr td a{
    color:#b98433;
    background-color:transparent!important;
    border-bottom:1px solid #b98433;
    padding:0 0.2em 0.3em;
  } */

  .product tr td .thumb-2p{
    color:#b98433;
    width:200px;
    display: block;
    position:relative;

    display: inline-block;
    margin-left:20px;
    border:1px solid #333;
    box-sizing: border-box;
  }


  .product tr td .floatobj-text{
    display: inline-block;
    vertical-align:top;
  }

  .product tr td .thumb-2p img{
    width:100%;
    transition:opacity 0.7s;
  }

  .product tr td .thumb-2p img:hover{
    opacity:0.5;
  }


}

/* @@product_sp */

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

  .product .main-section{
    padding:50px 0 140px;
    position:relative;
    z-index:10;
    min-height:100vh;
  }

  .product .headline{
  	position:relative;
    display: block;
    margin:0 auto 40px;
    width:60%;
  }

  .product .list-wrap{
    display: flex;
    justify-content: center;
    margin-bottom:10px;
    flex-wrap: wrap;
  }

  .product .list-btn{
    background:url(../img/product/btn-bg.jpg);
    margin:0 5px;
  }

  .product .list-btn > div > div:nth-child(2){
    padding:8px 40px;
    position:relative;
  }

  .product .list-btn > div > div:nth-child(2):before{
    content:'';
    display:block;
    width:16px;
    height:18px;
    background:url('../img/common/btn-direct-down.png');
    background-size:100%;
    position:absolute;
    top:50%;
    left:10px;
    transform:translate(0,-50%);
    transition:all 0.5s;
  }

  .product .list-btn > div > div:nth-child(2) img.on{
    height:18px;
  }

  .product .list-btn > div > div:nth-child(2) img.off{
    height:18px;
  }

  .list-sub-wrap{
    text-align: center;
    padding:0px 0 20px;
  }
  .product .list-btn--sub{
    font-size:14px;
    color:#faf7dc;

    border:1px solid #000;
    border-radius:20px;
    padding:5px 25px;
    background-color:rgba(0,0,0,0.7);
  }

  .product .list-btn--sub:before{
    content:'';
    background: url(../img/common/btn-direct-down.png);
    display:inline-block;
    background-size:100%;
    width:13px;
    height:13px;
    margin:0 5px 0 -8px;
  }

  .product .item-wrap{
    width:100%;
    background-color:rgba(0,0,0,0.8);
    box-sizing:border-box;
    padding:10px 0;
    margin:0 auto 20px;
  }

  .product .item-wrap__inner{
    border-top:2px solid #24345e;
    border-bottom:2px solid #24345e;
    box-sizing:border-box;
    padding:8% 5%;
  }

  .product .item-headline{
    font-size:30px;
    text-shadow:0 0 20px rgba(34, 64, 143, 0.9);
    text-align: center;
    line-height: 1.2;
  }

  .product .item-headline .min{
    font-size:20px;
    display: block;
  }

  .product .item-line{
    display: block;
    margin:0 auto;
    width:80%;
  }

  .product .item-version{
    text-align: center;
        font-size:14px;
  }

  .product .item-price{
    text-align: center;
    font-size:9px;
  }

  .product .item-price .num{
    font-size:24px;
  }

  .product .item-goods{
    text-align: center;
    background-color:rgba(23, 35, 87, 0.7);
    margin-top:20px;
    padding:20px;
    font-size:14px;
  }

  .product .item-goods dt{
    display: block;


  }

  .product .item-goods dd{
    display: block;
    text-align:left;
  }

  .product .item-goods dd li:before{
    content:'・';
  }

  .product .item-goods dd li{
    padding-left:1em;
    text-indent: -1em;
  }


  .product .item-message{
    color:#d2ac06;
    text-align:center;
    padding:16px 0;
    border:1px solid #a88900;
    border-radius:10px;
    font-size:16px;
    margin-top:20px;
  }

  .product .item-exp{
    padding:10px 0;
    color:#ab8b00;
    font-size:12px;
    text-align: left;
  }

  .product .normal .package{
    display: block;
    width:40%;
    margin:20px auto 20px;
    box-shadow:10px 10px 20px rgba(0,0,0,0.5);
  }

  .product .deluxe .package{
    display: block;
    width:100%;
    margin:20px auto 20px;
    box-shadow:10px 10px 20px rgba(0,0,0,0.5);
  }

  .product .btn-wrap{
    margin-top:30px;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column-reverse;
  }


  .product .btn-wrap a{
    display: block;
    width:100%;
    text-align: center;
    margin:0 auto 6px;
    background:url(../img/common/btn-reserve-bg.jpg);
  }

  /* .product .normal .btn-wrap a.gc{
    order:1;
  } */

  .product .btn-wrap a.icon-out div > div:nth-child(2){
    position:relative;
  }

  .product .btn-wrap a.icon-out div > div:nth-child(2):after{
    position: absolute;
    right:10px;
    left:auto;
    bottom:10px;
  }

  .product a.cbox{
    position:relative;
    z-index:1;
    background-color:#000;
  }


  .product .btn-wrap a .min{
    font-size:10px;
    display:block;
  }

  .product .btn-wrap .btn-default > div > div:nth-child(2){
    padding:10px 30px;
  }

  .product .benefits-item{
    margin:20px 0;
  }

  .product .benefits-item:nth-of-type(2){
    margin:20% 0 0;
  }

  .product .benefitsitem-img{
    width:50%;
    margin:0 auto;
    display: block;
  }

  .product .benefitsitem-info{
    width:90%;
    margin:0 auto;
    /* padding:5px 30px; */
  }

  .product .benefitsitem-tit{
    color:#7290d4;
    font-size: 13px;
    margin-top:20px;
  }

  .product .benefitsitem-name{
    border-bottom:1px solid #7290d4;
    padding-bottom:10px;
    margin-bottom:15px;
    /* line-height: 1.2; */
  }

  .product .benefitsitem-name .min{
    font-size:12px;
    display: inline-block;
  }
  .product .benefitsitem-name .big{
    font-size:24px;
    display: inline-block;
    text-shadow: 0 0 10px rgb(0 45 255 / 82%);
  }

  .product .benefitsitem-attention{
    color:#bbb;
    font-size: 90%;
    margin-top:10px;
  }

  .product .item-headline{
    margin-top:2em ;
  }

  .product .item-headline:nth-of-type(1){
    margin-top:0;
  }

  .product .shop-benefits-item{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
  }
  .product .item-block{
    width:49%;
    background-color:rgba(0,0,0,0.5);
    border-radius:8px;
    padding:20px 20px 30px;
    box-sizing: border-box;
    margin-bottom:2%;
    text-align: center;
    position:relative;
  }
  .product .item-block:before{
    content:'';
    display: block;
    width:calc(100% - 8px);
    position:absolute;
    left:4px;
    top:4px;
    height:calc(100% - 8px);
    border:1px solid #47473b;
    border-radius:4px;
    box-sizing: border-box;
    z-index:0;
  }

  .product .item-block .btn-default{
    margin-top:20px;
    background:url(../img/common/btn-reserve-bg.jpg);
  }

  .product .item-block .btn-default:hover{
    background:#000 url(../img/common/damy.png);
  }

  .product .item-block .btn-default > div > div:nth-of-type(2){
    padding:8px 7vw 10px;
    font-size: 4vw;
        position:relative;
  }

  .product .shop-name{
    font-size:3.5vw;
    height:2.9em;
    margin-bottom:15px;
    display: flex;
    vertical-align: middle;
    text-align: center;
    width:100%;
    justify-content: center;
    align-items: center;
  }

  .product .item-name{
    margin-top:2.8vw;
    font-size:2.6vw;
  }

  .product .item-block a.icon-out div > div:nth-child(2):after{
    position: absolute;
    right:10px;
    left:auto;
    bottom:10px;
    width:3vw;
    height:3vw;
    background-size:contain;
  }

  .product .shop-image{
    width:100%;
    display:block;
    border: 1px solid #161d29;
  }

  .shop-benefits-text{
    text-align: center;
    padding:0 0 20px;
    color:#fbf7dc;
  }

  .product .list-asterisk li:before{
    content:'※';
  }

  .product .list-asterisk li{
    display: block;
    padding-left:1em;
    text-indent:-1em;
  }



   .product .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/product/bg-sp.jpg');
    background-size:100%;
  }

  .product table{
    border-collapse: collapse;
    width:100%;
  }

  .product tr th,.product tr td{
    border-bottom:1px solid #666;
    padding:15px 0;
        font-size: 14px;
  }

  .product tr th{
    color:#aaa;
    text-align: left;
    padding-right:30px;
    vertical-align: top;
    width:30%;
  }

  .product tr td a{
    color:#b98433;
    background-color:transparent!important;
    border-bottom:1px solid #b98433;
    padding:0 0.2em 0.3  em;
  }

  .product tr td .thumb-2p{
    color:#b98433;
    width:200px;
    display: block;
    position:relative;

    display: inline-block;
    border:1px solid #333;
    box-sizing: border-box;
    margin-top:10px;
  }


  .product tr td .floatobj-text{
    display: inline-block;
  }

  .product tr td .thumb-2p img{
    width:100%;
    transition:opacity 0.7s;
  }

  .product tr td .thumb-2p img:hover{
    opacity:0.5;
  }


}

/*--------------------
	@@News
--------------------*/

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


  .news_inner .main-section{
    padding:90px 0 180px;
    position:relative;
    z-index:10;
    min-height:100vh;
  }

  .news_inner .main-window{
    width:1000px;
    padding:80px 80px 80px;
    background-color:rgba(0,0,0,0.5);
    border-radius: 6px;
    position:relative;
    box-sizing: border-box;
    margin:0 auto;
    align-items: center;
  }

  .news_inner .main-window:after{
    content:'';
    display: block;
    width:992px;
    position:absolute;
    left:4px;
    top:4px;
    height:calc(100% - 8px);
    border:1px solid #4a443b;
    border-radius:4px;
    box-sizing: border-box;
    z-index:0;
  }

  .news_inner .main-window__inner{
    z-index:1;
    position: relative;
  }

  .news_inner .headline{
  	position:relative;
    display: block;
    margin:0 auto 40px;
  }


  .news_inner .news-headline{
    color:#fbf7dc;
    font-size: 30px;
    padding-bottom:10px;
    margin-bottom:20px;
    border-bottom:1px solid #fbf7dc;
  }

  .news_inner .news-headline-date{
    display:block;
    font-size:14px;
    text-align: right;
  }

  .news_inner .main-window__inner p{
  	color:#fbf7dc;
    line-height: 2;
    margin:1em 0;
    font-size:16px;
  }

  .news_inner .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/news/bg.jpg');
    background-size:cover;
  }

  .news_inner .iframe_box{
    width:100%;
    padding-top:56%;
    position:relative;
  }

  .news_inner .iframe_box .iframe__inner{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
  }

  .news_inner .iframe_box .iframe__inner iframe{
    width:100%;
    height:100%;
  }

  .news_inner .btn-wrap{
    text-align: center;
    padding-top:2em;
  }

  .news_inner .headtext{
    color:#fbf7dc;
    font-size:21px;
    margin-top:2em;
    border-left:3px solid #fbf7dc;
    padding-left:0.5em;
  }

  .news_inner .headtext-min{
    color:#fbf7dc;
    font-size:18px;
    margin-top:2em;
    margin-bottom:0.7em;
  }

  .news_inner .headtext-min:before{

    content:'● ';

  }

  .news_inner .ss{
    display:block;
    width:100%;
  }

  .news_inner .cbox{display:block;}
  .news_inner .cbox img{display:block;}

  .news_inner .flexbox_2{display:flex;justify-content: space-between;flex-wrap:wrap;}
  .news_inner .flexbox_2.margin_top{margin-top:15px;}
  .news_inner .flexbox_2 .box{width:49%;display:block;}
  .news_inner .flexbox_2 img{width:100%;display:block;}
  .news_inner .flexbox_2 .tit{text-align:center;display:block;padding-top:0.5em;color:#014462;}
  .news_inner .flexbox_2:nth-child(1) .box{margin-bottom:15px;}

  .news_inner .flexbox_3{display:flex;justify-content: space-between;}
  .news_inner .flexbox_3.margin_top{margin-top:15px;}
  .news_inner .flexbox_3 .box{width:32%;display:block;}
  .news_inner .flexbox_3 .box.hide{opacity:0;pointer-events:none;}
  .news_inner .flexbox_3 img{width:100%;display:block;}
  .news_inner .flexbox_3 .tit{text-align:center;display:block;padding-top:0.3em;font-size:14px;}

  .news_inner .flexbox_4{display:flex;justify-content: space-between;}
  .news_inner .flexbox_4.margin_top{margin-top:15px;}
  .news_inner .flexbox_4 .box{width:24%;display:block;}
  .news_inner .flexbox_4 .box.hide{opacity:0;pointer-events:none;}
  .news_inner .flexbox_4 img{width:100%;display:block;}
  .news_inner .flexbox_4 .tit{text-align:center;display:block;padding-top:0.3em;}

  .news_inner .cbox:after{content:'';display:block;width:40px;height:40px;background-image:url(../img/common/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:8px;bottom:8px;border-radius:50%;background-size:40px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}
  .news_inner .cbox:hover:after{box-shadow:3px 3px 10px rgba(0,0,0,0.5);}
  #cboxOverlay {background: #000!important;opacity: 0.7!important;}

  ul.disc > li{
    padding-left:1em;
    text-indent:-1em;
    color:#fbf7dc;
    font-size: 16px;
    line-height: 1.9;
  }
  ul.disc > li:before{
    content:'・';
  }

  ul.disc > li ul.disc > li:before{
    content:'- ';
  }

  .news_inner strong{color:#f7d5a3;}

  /* アップデート用 */

  .update .news-headline{
    position:relative;
    margin-top:60px;
  }

  .update .news-headline:first-child{
    margin-top:0px;
  }

  .update .news-headline-date{
    position:absolute;
    right:0;
    bottom:10px;
  }

}

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

  .news_inner .main-section{
    padding:50px 0 120px;
    position:relative;
    z-index:10;
    min-height:100vh;
  }

  .news_inner .main-window{
    width:94%;
    padding:10% 6%;
    background-color:rgba(0,0,0,0.5);
    border-radius: 6px;
    position:relative;
    box-sizing: border-box;
    margin:0 auto;
    align-items: center;
  }

  .news_inner .main-window:after{
    content:'';
    display: block;
    width:calc(100% - 8px);
    position:absolute;
    left:4px;
    top:4px;
    height:calc(100% - 8px);
    border:1px solid #4a443b;
    border-radius:4px;
    box-sizing: border-box;
    z-index:0;
  }

  .news_inner .main-window__inner{
    z-index:1;
    position: relative;
  }

  .news_inner .headline{
  	position:relative;
    display: block;
    margin:0 auto 20px;
    width:60%;
  }

  .news_inner .news-headline{
    color:#fbf7dc;
    font-size: 17px;
    padding-bottom:10px;
    margin-bottom:20px;
    border-bottom:1px solid #fbf7dc;
  }

  .news_inner .news-headline-date{
    display:block;
    font-size:11px;
    text-align: right;
  }

  .news_inner .main-window__inner p{
    color:#fbf7dc;
    line-height: 2;
    margin:1em 0;
  }

  .news_inner .bg-image{
    width:100%;
    height:100vh;
    background:url('../img/news/bg.jpg');
    background-size:cover;
  }

  .news_inner .iframe_box{
    width:100%;
    padding-top:56%;
    position:relative;
  }

  .news_inner .iframe_box .iframe__inner{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
  }

  .news_inner .iframe_box .iframe__inner iframe{
    width:100%;
    height:100%;
  }

  .news_inner .btn-wrap{
    text-align: center;
    padding-top:2em;
  }

  .news_inner .headtext{
    color:#fbf7dc;
    font-size:18px;
    margin-top:2em;
    border-left:3px solid #fbf7dc;
    padding-left:0.5em;
  }

  .news_inner .headtext-min{
    color:#fbf7dc;
    font-size:15px;
    margin-top:2em;
    margin-bottom:0.7em;
  }

  .news_inner .headtext-min:before{

    content:'● ';

  }


  .news_inner .ss{
    display:block;
    width:100%;
  }

  .news_inner .cbox{display:block;}
  .news_inner .cbox img{display:block;}

  .news_inner .flexbox_2{display:flex;justify-content: space-between;flex-wrap:wrap;}
  .news_inner .flexbox_2.margin_top{margin-top:15px;}
  .news_inner .flexbox_2 .box{width:49%;display:block;}
  .news_inner .flexbox_2 img{width:100%;display:block;}
  .news_inner .flexbox_2 .tit{text-align:center;display:block;padding-top:0.5em;color:#014462;}
  .news_inner .flexbox_2:nth-child(1) .box{margin-bottom:5px;}

  .news_inner .flexbox_3{display:flex;justify-content: space-between;}
  .news_inner .flexbox_3.margin_top{margin-top:15px;}
  .news_inner .flexbox_3 .box{width:32%;display:block;}
  .news_inner .flexbox_3 .box.hide{opacity:0;pointer-events:none;}
  .news_inner .flexbox_3 img{width:100%;display:block;}
  .news_inner .flexbox_3 .tit{text-align:center;display:block;padding-top:0.3em;font-size:14px;}

  .news_inner .flexbox_4{display:flex;justify-content: space-between;}
  .news_inner .flexbox_4.margin_top{margin-top:15px;}
  .news_inner .flexbox_4 .box{width:24%;display:block;}
  .news_inner .flexbox_4 .box.hide{opacity:0;pointer-events:none;}
  .news_inner .flexbox_4 img{width:100%;display:block;}
  .news_inner .flexbox_4 .tit{text-align:center;display:block;padding-top:0.3em;}

  .news_inner .cbox:after{content:'';display:block;width:40px;height:40px;background-image:url(../img/common/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:8px;bottom:8px;border-radius:50%;background-size:40px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}
  .news_inner .cbox:hover:after{box-shadow:3px 3px 10px rgba(0,0,0,0.5);}
  #cboxOverlay {background: #000!important;opacity: 0.7!important;}

  ul.disc > li{
    padding-left:1em;
    text-indent:-1em;
    color:#fbf7dc;
    font-size: 14px;
    line-height: 1.9;
  }
  ul.disc > li:before{
    content:'・';
  }
  ul.disc > li ul.disc > li:before{
    content:'- ';
  }

  .news_inner strong{color:#f7d5a3;}

  /* アップデート用 */

  .update .news-headline{
    margin-top:2em;
  }

  .update .news-headline:first-child{
    margin-top:0px;
  }

  .update p{
    font-size:14px;
  }

  .update ul > li{
    font-size:14px;
  }

  .update .news-headline-date{
    text-align:left;
  }
}

/*--------------------
	@@Uservoice
--------------------*/

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

  .uservoice .main-section{
    padding:34% 0 0px;
    position:relative;
    z-index:10;
  }
  .uservoice .head-area__image{
    width:100%;
    position:fixed;
    top:0;
  }

  .uservoice .main-window{
    position:relative;
    padding:60px 0 200px;
    z-index: 10;
    background:url(../img/uservoice/bg.jpg);
    background-size:2000px;
  }

  .uservoice .heading{
    position:relative;
    display: block;
    margin:0 auto 0px;
    text-align: center;
    color:#fbf7dc;
    font-size: 26px;
  }

  .uservoice .exp_text{
    text-align: center;
    font-size:13px;
    color:rgb(181, 181, 181);
    margin:0 auto 40px;
  }

  .uservoice .exp_text a{
    color:#dcccb4;
    border-bottom: 1px dotted #dcccb4;
  }

  .uservoice .line{
    display: block;
    margin:20px auto 25px;
  }


  .uservoice .comment-box{
    width:700px;
    padding:50px;
    background-color:rgba(0,0,0,0.5);
    border-radius: 6px;
    position:relative;
    box-sizing: border-box;
    margin:0 auto 20px;
    align-items: center;
  }

  .uservoice .comment-box:after{
    content:'';
    display: block;
    width:692px;
    position:absolute;
    left:4px;
    top:4px;
    height:calc(100% - 8px);
    border:1px solid #4a443b;
    border-radius:4px;
    box-sizing: border-box;
    z-index:0;
  }

  .uservoice .comennt-box__comment{
    line-height: 1.9;
    font-size:16px;
    text-align: justify;
  }

  .uservoice .comennt-box__userinfo{
    display: block;
    text-align: right;
    padding-top:2em;
    color:#bbb;
  }
  /*  */

  .uservoice .direct-wrap{
    width:700px;
    margin:0 auto;
    position:relative;
  }

  .uservoice .direct-wrap .direct-back{
    position:absolute;
    z-index: 10;
    left:0;
    transition:opacity 0.5s;
  }

  .uservoice .direct-wrap .direct-next{
    position:absolute;
    z-index: 10;
    right:0;
    transition:opacity 0.5s;
  }

  .uservoice .direct-wrap .direct-back:hover,
  .uservoice .direct-wrap .direct-next:hover{
    opacity:0.5;
  }

  .uservoice .number-wrap{
    width:700px;
    margin:0 auto;
    position:relative;
    text-align: center;
  }

  .uservoice .number-wrap li{
    display: inline-block;
    color:#fbf7dc;
    border:1px solid #fbf7dc;
    width:30px;
    height:30px;
    position:relative;
    transition:all 0.5s;
  }

  .uservoice .number-wrap li:hover{
    color:#160b05;
    background-color:#fbf7dc;
  }

  .uservoice .number-wrap li.on{
    color:#160b05;
    background-color:#fbf7dc;
  }

  .uservoice .number-wrap li.on a{
    color:#160b05;
  }

  .uservoice .number-wrap li:hover a{
    color:#160b05;
  }

  .uservoice .number-wrap li.el{
    border:none;
  }
  .uservoice .number-wrap li.el:hover{
    border:none;
    color:#fbf7dc;
    background-color:transparent;
  }

  .uservoice .number-wrap li a{
    color:#fbf7dc;
    width:100%;
    height:100%;
    display: block;
  }
  .uservoice .number-wrap li .num{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }


}

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

  .uservoice .main-section{
    padding:72% 0 0px;
    position:relative;
    z-index:10;
  }
  .uservoice .head-area__image{
    width:100%;
    position:fixed;
    top:0;
  }

  .uservoice .main-window{
    position:relative;
    padding:40px 0 140px;
    z-index: 10;
    background:url(../img/uservoice/bg.jpg);
    background-size:2000px;
  }

  .uservoice .heading{
    position:relative;
    display: block;
    margin:0 auto 15px;
    text-align: center;
    color:#fbf7dc;
    font-size: 18px;
    width:90%;
  }

  .uservoice .line{
    display: block;
    margin:0 auto 15px;
  }

  .uservoice .exp_text{
    text-align: center;
    font-size:10px;
    color:rgb(181, 181, 181);
    margin:0 auto 30px;
    width:90%;
    text-align: justify;
  }

  .uservoice .exp_text a{
    color:#dcccb4;
    border-bottom: 1px dotted #dcccb4;
  }


  .uservoice .comment-box{
    width: 90%;
    padding:10% 8% 6%;
    box-sizing: border-box;
    background-color:rgba(0,0,0,0.5);
    border-radius: 6px;
    position:relative;
    box-sizing: border-box;
    margin:0 auto 20px;
    align-items: center;
  }

  .uservoice .comment-box:after{
    content:'';
    display: block;
    width:calc(100% - 8px);
    position:absolute;
    left:4px;
    top:4px;
    height:calc(100% - 8px);
    border:1px solid #4a443b;
    border-radius:4px;
    box-sizing: border-box;
    z-index:0;
  }

  .uservoice .comennt-box__comment{
    line-height: 1.9;
    font-size:13px;
    text-align: justify;
  }

  .uservoice .comennt-box__userinfo{
    display: block;
    font-size: 13px;
    text-align: right;
    padding-top:1em;
    color:#bbb;
  }

  /*  */

  .uservoice .direct-wrap{
    width:90%;
    margin:0 auto;
    position:relative;
  }

  .uservoice .direct-wrap .direct-back{
    position:absolute;
    z-index: 10;
    left:0;
    transition:opacity 0.5s;
  }

  .uservoice .direct-wrap .direct-next{
    position:absolute;
    z-index: 10;
    right:0;
    transition:opacity 0.5s;
  }

  .uservoice .direct-wrap .direct-back:hover,
  .uservoice .direct-wrap .direct-next:hover{
    opacity:0.5;
  }

  .uservoice .direct-wrap .direct-back img,
  .uservoice .direct-wrap .direct-next img{
    height: 10px;
    display: block;
    margin-top:7px;
  }

  .uservoice .number-wrap{
    width:90%;
    margin:0 auto;
    position:relative;
    text-align: center;
  }

  .uservoice .number-wrap li{
    display: inline-block;
    color:#fbf7dc;
    border:1px solid #fbf7dc;
    width:20px;
    height:20px;
    position:relative;
    transition:all 0.5s;
  }

  .uservoice .number-wrap li a{
    font-size: 10px;
  }

  .uservoice .number-wrap li:hover{
    color:#160b05;
    background-color:#fbf7dc;
  }

  .uservoice .number-wrap li.on{
    color:#160b05;
    background-color:#fbf7dc;
  }

  .uservoice .number-wrap li.on a{
    color:#160b05;
  }

  .uservoice .number-wrap li:hover a{
    color:#160b05;
  }

}

/*--------------------
	@@DLC
--------------------*/

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

  .dlc .section-content__inner{
    padding:0 0 200px;
  }

  .dlc .section-hero{
    position:relative;
    width:100%;
    height:calc(100vw * 0.56);
  }

  .dlc .headline{
  	position:absolute;
    display: block;
    z-index:10;
    top:5%;
    left:50%;
    transform:translate(-50%,0);
  }

  .dlc .hero-logo{
    position:absolute;
    z-index:10;
    top: 47%;
    left: 35%;
    width:32%;
  }

  .dlc .hero-image{
    position:fixed;
    width:100%;
    z-index: 0;
    min-width: 1200px;
  }

  .dlc .section-content{
    position:relative;
    z-index:0;
    padding-top:calc(100vw * 0.56 + 50px);
    margin-top:calc(100vw * -0.56);
  }

  .dlc .section-content__bg{
    position:absolute;
    background:rgba(0,0,0,0.4) url(../img/dlc/bg.png) repeat center top;
    height:100%;
    width:100%;
    opacity:0;
    top:0;
    z-index:0;
  }

  .dlc .content-movie__inner{
    position:relative;
    display:block;
    /* width:600px; */
    margin:0 auto;
    border:1px solid #faf7dc;
    background:#000;
    box-shadow: 0px 0px 50px rgba(20, 82, 197, 0.5);
    z-index: 5;
  }

  .dlc .content-movie__image{
    position:relative;
    width:100%;
    display:block;
    margin:0 auto;
    z-index:10;
    opacity:0.4;
  }

  .dlc .content-movie__text{
    position:absolute;
    z-index:10;
    height:14%;
    display:block;
    margin:0 auto;
    bottom:5%;
    left:50%;
    transform:translate(-50%,0)
  }

  .dlc .movie-section{
    width:1100px;
    margin:0 auto;
  }

  .dlc .movie-section .slick-list{
    overflow:visible;
  }

  .dlc .content-movie{
    display:block;
    position:relative;
    /* width:600px; */
    margin:0 20px;

  }

  .dlc .content-movie__image{
    position:relative;
    transition:all 0.5s;
    opacity:0.3;
    z-index: 0;
  }

  .dlc .slick-active .content-movie__image{
    opacity:0.7;
  }

  .dlc .content-movie.icon-new:before{
    content:'';
    width:40px;
    height:40px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-15px;
    left:-15px;
    z-index:20;
  }



  .dlc .content-movie:after{
    content:'';
    display:block;
    position:absolute;
    width:100px;
    height:100px;
    border-radius: 50%;
    bottom:0;
    left:50%;
    transform: translate(-50%,20%);
    background:rgba(20, 82, 197, 0.3);
    box-shadow: 0px 0px 80px rgba(20, 82, 197, 0.8);
    filter: blur(10px);
    z-index:0;
  }

  .dlc .content-movie__inner:after{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:30%;
    padding-top:30%;
    background:url(../img/common/btn-play.png);
    background-size:100%;
    transform:translate(-50%,-50%);
  }

  .dlc .content-price{
    display: block;
    position: relative;
    margin:3% auto 2%;
    z-index:10;
  }
  .dlc .content-date{
    position: relative;
    display: block;
    margin:1.8% auto 3%;
    z-index:10;
  }

  .dlc .content-text{
    position: relative;
    display:block;
    margin:10% auto 3%;
    z-index:10;
    width:880px;
  }


  .dlc .content-btn{
    position:relative;
    z-index:10;
    text-align:center;
  }

  .dlc .content-btn .btn-default > div img.off {
    height: 28px;
  }

  .dlc .content-btn .btn-default > div img.on {
    height: 28px;
  }

  .dlc .content-link-area{
    text-align: center;
    padding-top:1.7%;
  }

  .dlc .content-link-set{
    position:relative;
    z-index:10;
    text-align:center;
    color:#fbf7dc;
    font-size: 16px;
    border-bottom:1px solid #adaa99;
    line-height:2;
  }

  .dlc .content-link-set:hover{
    opacity:0.8;
  }

  .dlc .content-list{
    position:relative;
    z-index:10;
  }


  .dlc .content-list__item img{
    display: block;
    margin:0 auto 40px;
    width:900px;
  }

  .dlc .content-list__item.text-content{
    display: block;
    margin:0 auto 40px;
    padding:60px;
    width:900px;
    background-color:#140902;
    position:relative;
    box-sizing:border-box;
  }

  .dlc .content-list__item.text-content.dlc1{
    background-image:url(../img/dlc/dlc1-head.png);
    background-size:100%;
    background-repeat:no-repeat;
    padding-top:560px;
  }
  .dlc .content-list__item.text-content.dlc2{
    background-image:url(../img/dlc/dlc2-head.png);
    background-size:100%;
    background-repeat:no-repeat;
    padding-top:560px;
  }

  .dlc .content-list__item.text-content:before{
    content:'';
    display:block;
    position:absolute;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
    left:5px;
    top:5px;
    border:1px solid #cfc8b2;
    pointer-events: none;
    z-index: 1;
  }
  .dlc .text-content.icon-new::after{
    content:'';
    width:40px;
    height:40px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-20px;
    left:-20px;
    z-index:20;
  }


  .dlc .content-list__item .item-headline{
    width:600px;
    margin:20px auto 40px;
    display: none;
  }

  .dlc .content-list__item .item-date{
    position:absolute;
    height:32px;
    width:auto;
    top:20px;
    left:20px;
  }

  .dlc .content-list__item .item-headtext{
    color:#fbf7dc;
    font-size:16px;
    line-height:2;
  }


  .dlc .content-list__item .item-textwrap{
    background-color:#232312;
    padding:30px;
    margin:0 auto 40px;
    width:84%;
    color:#f7f4d8;
    position:relative;
    box-shadow:0 0 10px rgba(0,0,0,0.5);
  }

  .dlc .content-list__item .item-textwrap:before{
    content:'';
    display:block;
    position:absolute;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
    left:5px;
    top:5px;
    border:1px solid #383630;
    pointer-events: none;
    z-index: 1;
    box-shadow:0 0 10px rgba(0,0,0,0.5);
  }

  .dlc .content-list__item .item-block{
    display:flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom:50px;
  }

  .dlc .content-list__item .item-block.rev{
    flex-direction: row;
  }

  .dlc .content-list__item .item-block__image{
    width:46%;
  }

  .dlc .content-list__item .item-block__image img{
    display:block;
    width:100%;
    margin:0;
  }

  .dlc .content-list__item .item-block__info{
    width:50%;
  }

  .dlc .content-list__item .item-block__info .info-title{
    position:relative;
    margin-bottom:15px;
    font-size:23px;
    font-family:serif;
    color:#f3efd5;
    padding-bottom:15px;
  }

  .dlc .content-list__item .item-block__info .info-title:after{
    content:'';
    display: block;
    width:30%;
    height:1px;
    background-color:#817f70;
    position:absolute;
    bottom:0;
  }

  .dlc .content-list__item .item-block__info .info-text{
    line-height:2;
    color:#fbf7dc;
  }

  .dlc .content-list__item .item-block-sub{
    display:flex;
    justify-content: space-between;
    margin-top:-20px;
    margin-bottom:70px;
  }

  .dlc .content-list__item .item-block-sub .item-block__image{
    margin:0 5px;
  }


  
  .dlc .content-attention{
    max-width:900px;
    width:90%;
    margin:2% auto 0;
    position:relative;
    z-index:10;
  }

  .dlc ul.asterisk li{
    padding-left:1em;
    text-indent:-1em;
    color:#faf7dc;
    font-size:14px;
    margin-bottom:0.5em;
  }

  .dlc ul.asterisk li:before{
    content:'※';
  }

}

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

  .dlc .section-content__inner{
    padding:0 0 200px;
  }

  .dlc .section-hero{
    position:relative;
    width:100%;
    height:100vw;
  }

  .dlc .headline{
  	position:absolute;
    display: block;
    z-index:10;
    top:5%;
    left:50%;
    transform:translate(-50%,0);
    width:50%;
  }

  .dlc .hero-logo{
    position:absolute;
    z-index:10;
    top:34%;
    left:51.5%;
    width:60%;
    transform:translate(-50%,50%);
  }

  .dlc .hero-image{
    position:absolute;
    width:100%;
    z-index: 0;
  }

  .dlc .section-content{
    position:relative;
    z-index:0;
    padding-top:112vw;
    margin-top:-100vw;
  }

  .dlc .section-content__bg{
    position:absolute;
    background:rgba(0,0,0,0.4) url(../img/dlc/bg.png) repeat center top;
    height:100%;
    width:100%;
    opacity:0;
    top:0;
    z-index:0;
  }


  .dlc .movie-section{
    width:90%;
    margin:0 auto;
  }

  .dlc .movie-section .slick-list{
    overflow: visible;
  }

  .dlc .content-movie{
    display:block;
    position:relative;
    width:94%;
    margin:0 auto;
  }

  .dlc .content-movie:after{
    content:'';
    display:block;
    position:absolute;
    width:100px;
    height:100px;
    border-radius: 50%;
    bottom:0;
    left:50%;
    transform: translate(-50%,20%);
    background:rgba(20, 82, 197, 0.3);
    box-shadow: 0px 0px 80px rgba(20, 82, 197, 0.8);
    filter: blur(10px);
    z-index:0;
  }

  .dlc .content-movie__inner{
    position:relative;
    display:block;
    width:100%;
    margin:0 auto;
    border:1px solid #faf7dc;
    background:#000;
    box-shadow: 0px 0px 50px rgba(20, 82, 197, 0.5);
    z-index: 5;
  }

  .dlc .content-movie__image{
    position:relative;
    width:100%;
    display:block;
    margin:0 auto;
    z-index:10;
    opacity:0.8;
  }

  .dlc .content-movie__text{
    position:absolute;
    z-index:10;
    width:80%;
    display:block;
    margin:0 auto;
    bottom:5%;
    left:50%;
    transform:translate(-50%,0)
  }


  .dlc .content-movie__inner:after{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:30%;
    padding-top:30%;
    background:url(../img/common/btn-play.png);
    background-size:100%;
    transform:translate(-50%,-50%);
  }
  .dlc .content-movie.icon-new:before{
    content:'';
    width:30px;
    height:30px;
    background-image:url(../img/common/icon-update.png);
    background-size:100%;
    position:absolute;
    top:-10px;
    left:-10px;
    z-index:20;
  }


  .dlc .content-price{
    display: block;
    position: relative;
    margin:7% auto 4%;
    z-index:10;
    width:60%;
  }
  .dlc .content-date{
    position: relative;
    display: block;
    margin:5% auto 13%;
    z-index:10;
    width:50%;
  }

  .dlc .content-text{
    position: relative;
    display:block;
    margin:10% auto 6%;
    z-index:10;
    width:84%;
  }

  .dlc .content-btn{
    position:relative;
    z-index:10;
    text-align:center;
  }

  .dlc .content-btn .btn-default > div > div:nth-child(2){
    padding:10px 30px;
  }

  .dlc .content-btn .btn-default > div img.off {
    height: 16px;
  }

  .dlc .content-btn .btn-default > div img.on {
    height: 16px;
  }

  .dlc .content-link-area{
    text-align: center;
    padding-top:1.7%;
  }

  .dlc .content-link-set{
    position:relative;
    z-index:10;
    text-align:center;
    color:#fbf7dc;
    font-size: 12px;
    border-bottom:1px solid #adaa99;
  }

  .dlc .content-list{
    position:relative;
    z-index:10;
    width:90%;
    margin:0 auto;
  }


  .dlc .content-list__item img{
    display: block;
    margin:0 auto 30px;
    width:100%;
  }

  .content-list__item.text-content{
    display: block;
    margin:0 auto 40px;
    padding: 8%;
    width:100%;
    background-color:#140902;
    position:relative;
    box-sizing:border-box;
  }

  .content-list__item.text-content.dlc1{
    background-image:url(../img/dlc/dlc1-head.png);
    background-size:100%;
    background-repeat:no-repeat;
    padding-top:56vw;
  }
  .content-list__item.text-content.dlc2{
    background-image:url(../img/dlc/dlc2-head.png);
    background-size:100%;
    background-repeat:no-repeat;
    padding-top:56vw;
  }

  .content-list__item.text-content:before{
    content:'';
    display:block;
    position:absolute;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
    left:5px;
    top:5px;
    border:1px solid #cfc8b2;
    pointer-events: none;
    z-index: 1;
  }

  .dlc .content-list__item .item-headline{
    display:none;
  }

  .dlc .content-list__item .item-date{
    position:absolute;
    width:auto;
    height:5vw;
    top:3vw;
    right:3vw;
  }

  .dlc .content-list__item .item-headtext{
    color:#fbf7dc;
    font-size:13px;
    line-height:2;
  }


  .dlc .content-list__item .item-textwrap{
    background-color:#232312;
    padding:8%;
    margin:0 auto 40px;
    width:100%;
    box-sizing: border-box;
    color:#f7f4d8;
    position:relative;
    font-size:12px;
    box-shadow:0 0 10px rgba(0,0,0,0.5);
  }
  .dlc .content-list__item .item-textwrap li{ 
    font-size:12px;
  }
  .dlc .content-list__item .item-textwrap li strong{ 
    font-weight: normal;
  }
  

  .dlc .content-list__item .item-textwrap:before{
    content:'';
    display:block;
    position:absolute;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
    left:5px;
    top:5px;
    border:1px solid #383630;
    pointer-events: none;
    z-index: 1;
    box-shadow:0 0 10px rgba(0,0,0,0.5);
  }

  .dlc .content-list__item .item-block{
    margin-bottom:50px;
  }

  .dlc .content-list__item .item-block__image{
    width:100%;
  }

  .dlc .content-list__item .item-block__image img{
    display:block;
    width:100%;
    margin:0;
  }

  .dlc .content-list__item .item-block__info{
    width:100%;
    margin-top:5%;
  }

  .dlc .content-list__item .item-block__info .info-title{
    position:relative;
    margin-bottom:10px;
    font-size:16px;
    font-family:serif;
    color:#f3efd5;
    padding-bottom:10px;
  }

  .dlc .content-list__item .item-block__info .info-title:after{
    content:'';
    display: block;
    width:30%;
    height:1px;
    background-color:#817f70;
    position:absolute;
    bottom:0;
  }

  .dlc .content-list__item .item-block__info .info-text{
    line-height:2;
    font-size:12px;
    color:#fbf7dc;
  }

  .dlc .content-list__item .item-block-sub{
    display:flex;
    justify-content: space-between;
    margin-top:-30px;
    margin-bottom:60px;
  }


  .dlc .content-attention{
    width:90%;
    margin:2% auto 0;
    position:relative;
    z-index:10;
  }

  .dlc ul.asterisk li{
    padding-left:1em;
    text-indent:-1em;
    color:#faf7dc;
    font-size:10px;
    margin-bottom:0.5em;
    line-height:1.4;
  }

  .dlc ul.asterisk li:before{
    content:'※';
  }

}