@charset "UTF-8";

/*---------------------------
共通
---------------------------*/
html{font-size:62.5%;height:100%;box-sizing:border-box;scroll-behavior: smooth;} *, *:before, *:after{box-sizing:inherit;}
body{width:100%;min-width:1024px; height:100%;min-height: 768px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Verdana, sans-serif;display:block;margin:0;padding:0;font-size:10px;font-size:1.0rem;-webkit-text-size-adjust:100%;color:#174f69;position: relative;}


img{margin:0;padding:0;vertical-align:middle;-webkit-backface-visibility: hidden;}
a{color:rgb(76, 3, 194);outline:none;text-decoration: none;transform: rotate(.03deg);-webkit-transform: rotate(.03deg);}
a:visited{color:rgb(76, 3, 194);}
a:hover{color:#f12b96;}
a:active{color:#f12b96;}
a img:hover{transition:all 0.1s ease;opacity:0.55;filter:alpha(opacity=55);-ms-filter:"alpha(opacity=55)";}
ul{list-style:none;}
div{box-sizing: border-box}
p,li,td,a{font-size: 1.5rem; line-height: 2.2rem;box-sizing: border-box;transform: rotate(.02deg);-webkit-transform: rotate(.02deg);}
h1,h2,h3{box-sizing: border-box;transform: rotate(.03deg);-webkit-transform: rotate(.03deg);}
td{word-break: break-all}
.floor{width: 100%; max-width: 1024px; padding:80px 10px; margin: 0 auto;position:relative;z-index:1;overflow: hidden;scroll-behavior: smooth;}

.bg-change00{background:#fffcd9;}
.bg-change01{background: rgba(255,255,255,.85)}
.bg-change02{background: rgba(210, 255, 241, 0.85)}
.bg-change03{background:rgba(255,155,190,.8)}
#footer{ background:#ffcede; color:#762132; }
.copy { background:#56cea7; color:#0a6837; }

.t-center{text-align: center}
.t-left{text-align: left}
.t-right{text-align: right}

.red{color:#ef5088}
.grn{color:#39bea0}
.org{color:#ffaa3b}
.pnk{color:#ff80ad}
.yel{color:rgb(76, 3, 194)}

.bold{font-weight: bold;}
.big{font-size: 120%; font-weight: bold;}
.big02{font-size: 150%; font-weight: bold;}
.mini{font-size: 80%;}
.spac{letter-spacing: 2px;}

.font01{font-family: 'M PLUS 1p', sans-serif;}
.font02{font-family: 'Abril Fatface', cursive;}

.br768{display:none}
.br640{display:none}
.br480{display:none}

.ivo{visibility: hidden;}

.bg-yel{background: #ffc; margin: 0 0 5px; padding:5px 0 2px}
.bg-grn{background: rgba(200,246,220,.5); margin: 0 0 5px; padding:5px 0 2px}



img {max-width: 10;height:auto;}

@media screen and (max-width:1024px){
	body{min-height:inherit!important;min-width:inherit!important; }
}

@media screen and (max-width: 768px){
	body:before {background:url(../img/mv-img.jpg) center top/cover no-repeat;}
	a img:hover{transition:all 0.1s ease;opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";}
	.br768{display:block}
	.br768n{display:none!important}
}

@media screen and (max-width: 640px){
	.br640{display:block}
	.br640n{display: none}
}

@media screen and (max-width: 480px){
	p,li,td,a{font-size: 1.4rem; line-height: 2.0rem;}
	.floor{padding:40px 5px;}
	.br480n{display: none}
	.br480{display:block}
	.none480{display: none}
	.t-center{text-align: left}
}

@media screen and (max-width: 320px){
	.br320n{display: none}
}

@media screen and (max-height: 479px){
	body{min-height:400px!important }
}

/*---------------------------
loader
---------------------------*/
#loader-bg {position:fixed;width:100%;height:100%;top:0px;left:0px;background:#fff;z-index:99999;}
#loading{height: 100vh;}
#loading,.loading-bg{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform :translate(-50%,-50%);transform :translate(-50%,-50%);text-align:center;}
#loading{text-align: center; font-size: 2.6rem;color:#fc4792; -webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display:inline;transition:all 0.1s ease;}

.loading-bg{width: 100%; height: 100%; max-width: 240px; max-height: 240px; position: absolute;z-index: -1}

@media screen and (max-width: 480px){
	#loading{max-width: 260px;font-size:2.0rem;line-height: 4.0rem}
	.loading-bg{max-width:160px;max-height:160px;}
}


/*---------------------------
ドロワー
---------------------------*/
.drawer{display:none;width: 40px; height: 40px;box-sizing: border-box;flex-direction: row;align-items: center;justify-content: space-between;position:fixed;padding:5px;background:rgba(0,78,178,.75);border-radius: 3px;cursor:pointer;cursor:hand;z-index: 999;left: 10px;top:10px}
.navbar_toggle{z-index:999;}
.nav-i {position: relative;display: block;height: 2px;width: 30px;background: #fff;-webkit-transition: ease .5s;transition: ease .5s;}
.nav-i:nth-child(1) {top: 0;}
.nav-i:nth-child(2) {margin: 8px 0;}
.nav-i:nth-child(3) {top: 0;}

.head768 .drawer{background:rgba(0,78,178,0)}

@media screen and (max-width: 1024px){
	.drawer{display: flex;z-index:999}

	/*-OPEN時の動き-*/
	.drawer.open .nav-i:nth-child(1) {top: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.drawer.open .nav-i:nth-child(2){top:0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.drawer.open .nav-i:nth-child(3)
	{-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;}
	.menu-list.open {-webkit-transform:translateY(0);transform:translateY(0);-webkit-overflow-scrolling: touch;-webkit-transition:ease .5s;transition:ease .5s;height: 100vh;}
}


/*---------------------------
header+menu
---------------------------*/
#header{position: fixed;width:100%;top: 0;left: 0;right: 0;bottom: 0;z-index :100; height: 60px;}/*height:100%*/
#h-nav{position: relative}

.h-logo{width: 142px;position: absolute;top:5px;left:10px; display: none}
.menu{ width: 100%;height:60px; padding:15px 5px 5px;text-align: right;background: -moz-linear-gradient(top, rgba(255,255,255,.85), rgba(255,255,255,.0));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.85), rgba(255,255,255,.0));
	background: linear-gradient(to bottom,rgba(255,255,255,.85), rgba(255,255,255,.0));}

.menu-list{font-size: 0;position: absolute;right:90px;}
.menu-list li{ display: inline-block;margin:0 10px;transition:.3s; }
.menu-list a{font-size: 2.2rem; line-height: 2.6rem;color: #fff;text-shadow: 1px 1px 10px rgba(0,130,255,.75), 1px 1px 10px rgba(0,130,255,.75), 1px 1px 10px rgba(0,130,255,.75), -1px -1px 10px rgba(0,130,255,.75), -1px -1px 10px rgba(0,130,255,.75), -1px -1px 10px rgba(0,130,255,.75)!important; text-align: center;}

.menu-list a:after{font-size: 1.1rem; line-height:1.0rem; display: block;color:#fff;position: relative;z-index: -1;bottom:-5px;font-weight: normal!important; letter-spacing: 1px; text-align: center;font-family:游ゴシック体, 'Yu Gothic', YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic"!important;}

.menu-list a:hover{color: #fff;text-shadow: 1px 1px 10px rgba(255,255,255,.75), 1px 1px 10px rgba(255,255,255,.75), 1px 1px 10px rgba(255,255,255,.65), -1px -1px 10px rgba(255,255,255,.75), -1px -1px 10px rgba(255,255,255,.75), -1px -1px 10px rgba(255,255,255,.75)!important;transition:all 0.25s ease;text-decoration: none;color:#fd4792}
.menu-list a:hover:after{color: #fff;text-shadow: 1px 1px 10px rgba(255,255,255,.75), 1px 1px 10px rgba(255,255,255,.75), 1px 1px 10px rgba(255,255,255,.65), -1px -1px 10px rgba(255,255,255,.75), -1px -1px 10px rgba(255,255,255,75), -1px -1px 10px rgba(255,255,255,.75)!important;transition:all 0.25s ease;text-decoration: none;color:#fd4792}

.menu-list .m-a-00:after{content: "トップ";}
.menu-list .m-a-01:after{content: "最新情報";}
.menu-list .m-a-02:after{content: "製品概要";}
.menu-list .m-a-03:after{content: "販売情報";}
.menu-list .m-a-04:after{content: "収録作品";}
.menu-list .m-a-05:after{content: "お問い合わせ";}

.m-new{position: relative;font-size:1.0rem;line-height:1.5rem;text-align:left;font-weight:bold;}
.m-new:after{position: absolute;top:-14px; width:100%; height: 14px; background:#ef5088; color:#ff8; content: "NEW"; border-radius: 3px; letter-spacing: 1px;text-align: center}

.tw-btn{width: 52px;height: 70px;position: absolute;top: -14px;background: #1da1f2;border-radius: 10px;border: 2px solid #fff;padding: 0;right: 1%;}

.tw-btn:hover{top:-10px;transition:all 0.3s ease; background:#64c4ff}
.tw-btn a{ display:block; width:100%;padding:30px 8px 0;}
.tw-btn a img:hover{filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;transition:all 0.1s ease;}


.head768 .menu{background: linear-gradient(rgba(0,78,178,.75) 0%,rgba(0,78,178,.75) 100%)!important;background: -webkit-linear-gradient(rgba(0,78,178,.75) 0%,rgba(0,78,178,.75) 100%)!important;background: -moz-linear-gradient(rgba(0,78,178,.75) 0%,rgba(0,78,178,.75) 100%)!important;padding:10px 5px 5px;transition:all 0.1s ease;}
.head768 .m-new{line-height: 2.0rem;}
.head768 .m-new:after{height: 16px;background:#ff8; color:#ef5088;}
.head768 .menu-list a{text-shadow:none!important; color:#fff}
.head768 .menu-list a:after{color:#fff;bottom:-2px;}
.head768 .menu-list a:hover{color:#bbff84;text-decoration: none;text-shadow:none!important}
.head768 .menu-list a:hover:after{color:#bbff84;text-decoration: none;text-shadow:none!important}
.head768 .h-logo{display: block;}

@media screen and (max-width: 1024px){
	.h-logo{left:50%;-ms-transform:translate(-50%,0);-webkit-transform :translate(-50%,0);transform :translate(-50%,0);}

	.menu-list{-webkit-transform: translateY(-200%);transform: translateY(-200%);z-index:-1;height: 100%;top:0;left:0;right:0;padding:50px 0 0;overflow-y: auto;background:rgba(0,78,178,.75);text-align: center}
	.menu-list li{ display:block;}
	.menu-list a{ display:block; padding:20px; border-bottom:1px solid rgba(255,255,255,.2);text-shadow:none!important}
	.menu-list a:hover{text-shadow:none!important;color:#ff5;}
	.menu-list a:hover:after{text-shadow:none!important;color:#ff5;}

	.head768 .menu-list a:hover{text-shadow:none!important}
	.head768 .menu-list a:hover:after{text-shadow:none!important}

	.m-new:after,
	.head768 .m-new:after{position: absolute; left:0;top:50%;width:50px; height:auto;padding:10px 0;-ms-transform:translate(0,-50%);-webkit-transform :translate(0,-50%);transform :translate(0,-50%);}
}

@media screen and (max-width: 768px){
	.h-logo{top:2px; width:152px;}
	.tw-btn{width: 40px;height: 60px;right: 10px;}
	.tw-btn a{ display:block; width:100%;padding:25px 5px 0;}

}
@media screen and (max-width: 420px){
	.h-logo{top:5px; width:138px;}
}


/*---------------------------
mvアニメ
---------------------------*/
.mv-anime{-moz-animation:mva 2.5s cubic-bezier(.4, 0, .2, 1);animation: mva 2.5s cubic-bezier(.4, 0, .2, 1);transform: translate3d(0,0,0);}
@keyframes mva{
	0% {clip-path: circle(0 at 50% 50%);-webkit-clip-path: circle(0 at 50% 50%);}
	100% {clip-path: circle(100% at 50% 50%);-webkit-clip-path: circle(100% at 50% 50%);}
}
@-moz-keyframes mva{
	0% {clip-path: circle(0 at 50% 50%);-webkit-clip-path: circle(0 at 50% 50%);}
	100% {clip-path: circle(100% at 50% 50%);-webkit-clip-path: circle(100% at 50% 50%);}
}
@-webkit-keyframes mva{
	0% {clip-path: circle(0 at 50% 50%);-webkit-clip-path: circle(0 at 50% 50%);}
	100% {clip-path: circle(100% at 50% 50%);-webkit-clip-path: circle(100% at 50% 50%);}
}

@media screen and (max-width:1024px){
	.mv-anime{-moz-animation:none;animation:none;}
}


#perticle_1{background-image: url(../img/bg_perticle_01.png), url(../img/bg_perticle_02.png), url(../img/bg_perticle_03.png);position: fixed;left: 0;bottom: 0;width: 100%;height: 100%;background-blend-mode: screen;-webkit-animation: snow 10s linear infinite;-moz-animation: snow 10s linear infinite;animation: snow 10s linear infinite; background-repeat: repeat;}

@keyframes snow{
	0%{opacity:.25;transform:scale(1.0) ;background-position: 500px 1000px, -400px 800px, 0 600px; }
	50%{opacity:.75;transform:scale(1.5);}
	100%{opacity:.25;transform:scale(1.0); background-position: 0 0, 0 0, 0 0; }
}
@-moz-keyframes snow{
	0%{opacity:.25;transform:scale(1.0) ;background-position: 500px 1000px, -400px 800px, 0 600px; }
	50%{opacity:.75;transform:scale(1.5);}
	100%{opacity:.25;transform:scale(1.0); background-position: 0 0, 0 0, 0 0; }
}
@-webkit-keyframes snow{
	0%{opacity:.25;transform:scale(1.0) ;background-position: 500px 1000px, -400px 800px, 0 600px; }
	50%{opacity:.75;transform:scale(1.5);}
	100%{opacity:.25;transform:scale(1.0); background-position: 0 0, 0 0, 0 0; }
}


/*---------------------------
topics
---------------------------*/
#topics{position: absolute; width: 100%; bottom:0;z-index: 10;background-color: rgba(255,255,255,.8);
	/*--background: -moz-linear-gradient(bottom, rgba(255,255,200,.9) 40%, rgba(255,255,200,0));
	background: -webkit-linear-gradient(bottom, rgba(255,255,200,.9) 40%, rgba(255,255,200,0));
	background: linear-gradient(to top, rgba(255,255,200,.9) 40%, rgba(255,255,200,0));--*/
}
#topics p{color:#ef5088}
#topics .floor{padding:10px}
.topics-box{font-size: 0; max-width: 820px; text-align: center}
.topics-img{ width: 49%;margin:0 0.5%; display: inline-block;box-shadow:0px 0px 8px 1px rgba(230,36,114,.5); border: 2px solid #fff; background: #fff}

@media screen and (max-width:1024px){
	#topics{bottom:auto;position:static;background:rgba(255,255,170,.9);}
}


@media screen and (max-width:480px){
	#topics{position:static;}
	#topics .floor{padding:5px;}
	.topics-img{width: 100%; display: block;margin:5px 0;}
}

/*---------------------------
見出し
---------------------------*/
h2{text-align:center; font-size:3.2rem; line-height:3.2rem; margin:0 -20px 20px; padding:0 0 5px; position:relative; letter-spacing:5px;}

h2:before,h2:after{ position:absolute; width:100%; left:0; right:0; height:60px;content: '';}
h2 span{position:relative;}
h2 span:before{position: absolute;left:0; right:0;font-size:1.2rem; line-height:1.2rem; letter-spacing:4px;}

h2.title01:before{content:url(../img/title_bg_pnk.png); border-bottom:3px solid #174f69; bottom:0;z-index:-4;}
h2.title01:after{border-bottom:1px solid #174f69;bottom:-3px}
h2.title01:first-letter{ color:#ff588b; font-size:150%}

h2.title02:before{ content:url(../img/title_bg_wht.png);border-bottom:3px solid #174f69; bottom:0;}
h2.title02:after{border-bottom:1px solid #174f69;bottom:-3px}
h2.title02:first-letter{ color:#ff588b; font-size:150%}

h2.title03:before{ content:url(../img/title_bg_wht.png);border-bottom:3px solid #174f69; bottom:0;}
h2.title03:after{border-bottom:1px solid #174f69;bottom:-3px}
h2.title03:first-letter{ color:#ff588b; font-size:150%}

@media screen and (max-width: 640px){
	h2{letter-spacing:2px;}
}
@media screen and (max-width: 480px){
	.head-tit01{font-size: 3.2rem;}
	.head-tit01:after{font-size: 1.4rem;}
}


/*---------------------------
News
---------------------------*/
#news h2 span:before{content: '最新情報';left:auto;}
#news{position: relative}
.news-box{width: 100%;overflow: auto; position:relative;height:300px;}
.news-box::-webkit-scrollbar{width: 8px;}
.news-box::-webkit-scrollbar-track{border-radius: 10px;background: rgba(255,255,255,.2) ;box-shadow: inset 0 0 5px rgba(164, 23, 80, .15);}
.news-box::-webkit-scrollbar-thumb{background-color: rgba(255,255,255, .8);border-radius: 10px;}
.news-inner{width: 100%; padding: 0 10px 0 0; overflow:hidden}

.news-inner li{ padding:0 0 5px; margin:0 0 15px; border-bottom:1px dashed #fff;}
.news-inner li:last-child{margin:0 0 0; border-bottom: none}

/*--日付--*/
.n-day {letter-spacing:1px;color:#FE5088;padding:5px 0 0;display: inline-block;overflow: hidden;}

.n-new {
	.n-day:before {content:'NEW';color:#e32065;text-align:center;background:#ff9; font-size:1.2rem;line-height:1; font-weight:bold; position: relative; top:-1px;margin-right: 5px;letter-spacing:0;padding:2px 10px; border-radius:25px;}
	.n-text{font-weight:bold;}
}

/*--記事--*/
.n-text{ padding:3px 0 10px 16px; position:relative; line-height:2.6rem; letter-spacing:1px}
.n-text:before{content: '';color:#fff; position:absolute; left:8px; top:6px; width:3px; height:18px; background:#c0ff7c;border-radius: 10px;}

.n-text
.n-text {
	a { color:rgb(42, 116, 255); text-decoration:none; font-size: 110%;}
	a:visited,
	a:hover,
	a:active { color:rgb(42, 116, 255);text-decoration:underline}
}

/*--news-foot--*/
.news-foot{ position:relative; margin:20px -20px 0}
.news-foot:before,.news-foot:after{content: ''; position:absolute; width:100%; left:0; right:0}
.news-foot:before{ border-bottom:3px solid #174f69; bottom:0;}
.news-foot:after{border-bottom:1px solid #174f69;bottom:5px}

/*--banner--*/
.ev-banner-box{ max-width:1024px; margin:0 auto; padding:10px 0 0; font-size:0; line-height:0; text-align: center}
.ev-banner{ max-width:500px; width:49%; display:inline-block; background:#fff; margin:0 0.5% 5px;}
.ev-banner img{border: 2px solid #fff}

@media screen and (max-width:640px){
	.n-day{width: 100%;background: #fff;color:#174f69;padding:0 0 0 10px; height: 20px; letter-spacing:0}
	.n-new:before{padding: 7px;font-size: 1.2rem;}
	.n-new .n-day{padding:0}
	.n-new .n-day:before{border-radius:0;padding:2px 5px}
	.n-text{padding: 3px 0 20px 14px;line-height: 2.0rem;}
	.n-text:before{left: 5px;top: 3px;}
	.news-inner li{border-bottom:none; margin: 0}
	.ev-banner{width: 100%;margin:0 0 10px;}
}

/*---------------------------
Introduction
---------------------------*/
#intro{position:relative;width: 100%;}
#intro h2 span:before{content: '製品概要';left:auto;top:-5px}
.intro-text{line-height: 3.2rem; text-align: center;text-shadow: 1px 1px 20px rgba(255,255,255,.95), 1px 1px 20px rgba(255,255,255,.95), 1px 1px 20px rgba(255,255,255,.95), -1px -1px 20px rgba(255,255,255,.95), -1px -1px 20px rgba(255,255,255,.95), -1px -1px 20px rgba(255,255,255,.95)!important;}

.intro-text .mini{display: inline-block}

@media screen and (max-width:640px){
	.intro-text{line-height:2.4rem; text-align:left;}
	.track-item .sub{padding:5px}
	.track-item .game{font-size: 1.0rem;}
}

@media screen and (max-width:480px){
	.track-item{padding:1px;box-shadow:none;-webkit-box-shadow:none}
	.track-item .year{font-size: 1.1rem}
	.track-item .sub{padding:3px}
	.intro-text .br768{display: none}
	.intro-text .mini{font-size: 100%;}
}

/*---------------------------
Release
---------------------------*/
#release{position:relative;width: 100%; text-align: center}
#release h2 span:before{content: '販売情報';left:auto;top:-2px}

.release-box{width:100%;max-width: 980px; margin:10px auto;padding:20px;background: rgba(255,255,255,.95)}
.release-tit{background: #ef5088; font-size:1.8rem; color:#fff;padding:5px 0 3px;letter-spacing:2px;margin: 0 0 5px}

.release-tit-sub{color:#ef5088; font-weight: bold; font-size: 1.6rem;margin: 0 0 5px}

.box-item{font-size: 0;line-height: 0;}
.box-item25,.box-item33,.box-item40,.box-item60,.box-item66,.box-item50,.box-item66{padding:0.5%; display: inline-block; vertical-align: top;}
.box-item25{width: 25%;}
.box-item33{width: 33%;}
.box-item40{width: 40%;}
.box-item60{width: 60%;}
.box-item66{width: 66%;}
.box-item50{width: 50%;}
.box-item100{width:100%;}

.box-item-tit{background:rgba(200,246,220,.5);}
.box-item-img{margin: 5px auto; background: rgba(255,255,255,.8)}
.box-item-come{font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 10px;}

.box-item-link{display: block; color:#09f; background: #c8f5ff; padding:3px 0; text-align: center;margin: 5px auto 0;}
.box-item-link:hover{ background: #ffdbf4;}

/*--価格帯---*/
.item-spec-plus{border-spacing:12px!important;}
.item-spec{border-collapse: separate;border-spacing:8px; width: 100%}
.item-spec td{padding:10px 5px}
.item-spec td:first-of-type{background: #174f69; color:#fff;width:30%;font-size: 1.4rem;}
.item-spec td:nth-of-type(2n){ text-align: left;width:70%;}
.item-spec-tit{ background:none!important; font-size: 1.6rem!important; line-height: 1.2; font-weight: bolder;color:#174f69!important; border-top:3px solid #174f69;  border-bottom:3px solid #174f69;padding:20px 0!important; position: relative}
.item-spec-tit:before,.item-spec-tit:after{content: ""; position: absolute; width: 100%; left:0}
.item-spec-tit:before{border-top:1px solid #174f69; top:3px;}
.item-spec-tit:after{border-bottom:1px solid #174f69; bottom:3px }

/*--booth--*/
.booth{margin:0 auto; text-align: center;}
.booth-sub{max-width: 468px; display: inline-block;margin:5px auto;}

@media screen and (max-width:768px){
	.box-item25{width:50%;}
}
@media screen and (max-width:640px){
	.box-item60{width:100%;}
	.box-item66{width:100%;}
	.box-item25{width:100%;}
	.box-item40{width:100%;}
	.box-item33{width: 50%;}
	.box-item33:last-of-type{width: 100%;}
	.item-spec-tit{line-height: 2.6rem;}
	.box-item-img{margin:  5px auto 15px}
	.box-item-come{margin:-10px auto 15px;}
}
@media screen and (max-width:480px){
	.box-item33{width: 100%;}
}
@media screen and (max-width:480px){
	.release-box{padding:10px}
}


/*---------------------------
Track List
---------------------------*/
#track{position:relative;width: 100%;}
#track h2 span:before{content: '収録作品';left:auto;top:-5px}
#track .more .big-next{font-size:2.8rem;text-align:center;width:100%;margin:0 0 5px}
#track .more .next{font-size:1.6rem; line-height:2.0rem;text-align:center;width:100%;}
#track .more{ padding:40px 0 60px;}
.track-box{ padding:20px 0 0; font-size:0; line-height:0; position:relative;display: flex;justify-content: center;flex-wrap: wrap;}

.track-item {
	width:19.5%; margin: 0.25%; display: flex;flex-direction: column;vertical-align:top; position:relative;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing:
	border-box;-ms-box-sizing:
	border-box;box-shadow:0px 0px 15px -4px rgba(255,155,190,.4);
	-webkit-box-shadow:0px 0px 15px -4px rgba(255,155,190,.4);
	background:rgba(255,255,255,0.8);padding:8px;position:relative;


	.img {
		position:relative;

		.mini { font-size:1.0rem; position:absolute; bottom:0;background:rgba(18,74,121,0.7); padding:2px; color:#fff}
		img { border:2px solid #fff;}
	}

	.year {text-align:center; font-size:1.2rem; line-height:1.2rem; padding:4px 0; background:rgba(200,246,220,.5); margin:0 0 2px}
	.name { font-weight:bold; text-align:center; font-size:1.6rem; line-height:1.6rem; padding:5px 0; }
	.vo {
		margin-left: 1.05em;
		text-align:center; padding:5px 0 8px; font-size:1.2rem; line-height:2rem;}

	.vo:first-letter { color:#fff; background:#ffa200; margin:0 5px 0 0; padding:0 3px}
	.vo2 {
		margin-left:1.05em;
		text-align:center; padding:5px 0 8px; font-size:1.2rem; line-height:1.2rem;}

	.game { font-size:1.1rem; line-height:1.4rem; padding:5px 0 0; border-top:1px dotted #174f69; min-height:34px; }
	.link-btn { margin-top:auto; }
	.maker { width:16%; background:#0ab0ff; border-bottom:3px solid #007ab1; margin:0 0 0 2%; cursor:hand; cursor:pointer; }
	.no-maker { width:16%; background:#ccc; border-bottom:3px solid #aaa; margin:0 0 0 2%;}
	.maker,
	.no-maker {
		display:inline-block; padding:5px 0 4px; border-radius:3px; font-size:1.6rem;
		line-height:1.6rem; text-align:center; color:#fff; text-decoration:none;
		letter-spacing:3px;position: relative; height:32px; vertical-align:top;
		box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
	.maker:hover { background:#ffa200; border-bottom:3px solid #e17400; position:relative; }
	.maker i,
	.no-maker i { position:relative; display:inline-block; background:url(../img/track_icon02.png) center; left:0; width:20px; height:20px; }
}


#movie{ padding:60px 0 0; font-size:0; line-height:0; text-align: center}
.m-box{ width:50%;display:inline-block; padding:5px;box-sizing: border-box;}
.m-text{ background:#ef5088; color:#fff; text-align:center;padding:2px 0; margin:0 0 3px;}
.m-img{position: relative;width: 100%;padding: 58% 0 0 0;}
.m-img iframe{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
#movie .title01 span:before{content:'試聴動画'!important;text-align:right}

@media all and (-ms-high-contrast:none){
	.track-item{display:inline-block;}
}

@media screen and (max-width:1000px){
	.track-item{width: 24.5%}
}

@media screen and (max-width:768px){
	.track-item{width: 32.33%; margin: 0.5%;}
}

@media screen and (max-width:640px){
	.track-item .name{font-size: 1.4rem;}
	.track-item{width:49.5%; margin: 0.25%;}
	.m-box{ width:100%;}
}


/*---------------------------
Support
---------------------------*/
#support{position:relative;width: 100%;}
#support h2 span:before{content: 'お問い合わせ';left:auto;top:-2px}
#support h2 span{top:-2px}

.support-box{padding:20px; width:100%;}
.supp-text{margin: 0 auto 30px; text-align: center;font-size: 1.4rem; line-height: 2.2rem;box-sizing: border-box;}

fieldset {max-width:768px; margin:0 auto;padding:20px 0;border:none; position:relative}
.floor button,
.floor input,
.floor select,
.floor textarea{line-height: 1.4rem!important;color:#174f69!important;width: 100%; padding:8px;box-sizing:border-box;margin:0 0 35px;}
.floor button,
.floor input,
.floor select,
.floor textarea{height: 32px;border-bottom: 1px solid #174f69!important;background:rgba(255,255,255,.85)!important;cursor:pointer;cursor:hand;}
.floor textarea{height: 120px;}

label p{ font-size: 1.4rem;padding: 0 0 5px;}
input:focus,
textarea:focus,
select:focus{background-color:#fff!important;outline:none;border-bottom: 3px solid #ef5088!important;position: relative}

#submit_press{width: 80%; margin: 0 auto}
input.submit{width:100%;height:50px;line-height:30px;color:#174f69!important;margin: 0 auto;padding:0;cursor:pointer;font-size:2.2rem!important;background: #bbff84!important;border-radius:25px;border-bottom: 3px solid #588435!important}
input.submit:hover,
input.submit:active{background: #ffa200!important;color:#fff!important;border-bottom: 3px solid #e17400!important}
#submit_press input:focus{border:none!important}

.support-send {position:relative;width:100%;height:80%;bottom:0px;left:0px;background:#fff;z-index:99999;}
.support-send .supp-text{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform :translate(-50%,-50%);transform :translate(-50%,-50%); border: none}

@media screen and (max-width:640px){
	.supp-text{text-align: left;margin: 0 auto;}
	.support-box{padding:20px 0}
}


/*---------------------------
お詫び
---------------------------*/
#owabi{ width: 100%;}
.o-text-box{ width: 100%;padding:20px 10px; background: #fff;}
.o-text-box p{max-width:640px; padding:5px;}

/*---------------------------
footer
---------------------------*/
#footer{ width:100%; min-height:50px; position:relative; z-index:5;}
#footer .floor{padding:20px 0 10px}
#footer p{ font-size:1.2rem; line-height:1.8rem;text-align:center;}

.foot-link{margin: 0 auto 10px;max-width:320px;font-size: 0;}
.foot-link a{width: 100%;margin: 0.5%; max-width: 320px;background: #fff;border: 2px solid #fff; display:inline-block}

.f-tyu{padding:10px}

.copy{padding:5px 0;width:100%; letter-spacing:2px; position: relative}
.copy:before,.copy:after{position:absolute;top:-47px;}
.copy:before{content:url(../img/footer_l.gif);left:0; z-index:-1}
.copy:after{content:url(../img/footer_r.gif);right:0; z-index:-1}

@media screen and (max-width:640px){
	.foot-link{padding:0 10px;}
	.foot-link a{width: 100%; margin: 0 auto 10px; max-width: 480px; display: block;}
	.f-tyu{padding:0 10px 50px}
}


/* リスト関連 */
    /* 初期化 */

    /* 共通設定 */
        ul.list-style li {
			font-size: 1.2em;
			line-height: 1.3em;
            padding-left: 1em;
			text-indent: -1em;
			margin-bottom: 0.3em;
        }

    /*  リストスタイル：※マーク
        アスタリスクはhtmlのlang属性で日本語のみ※に切り替え */
        html[lang="ja"] ul.list-style.asterisk > li:before { content:"※";}


		span.nw { white-space:nowrap; }