@charset "UTF-8";

/*common*/

body
{
	color: #fff;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
	background: url(../images/common/bg.jpg) center no-repeat fixed #000;
	background-size: cover;
}

a:link {
	text-decoration: none;
	color: #0F0;
}

a:visited {
	text-decoration: none;
	color: #0F0;
}

a:hover {
	text-decoration: underline;
	color: #FC0;
}
p
{
	margin-bottom: 1.5em;
}
p:last-child
{
	margin-bottom: 0;
}

/*PC--------------------------------------------------------------------------------------*/


/*header*/


.inner {
    max-width: 1000px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo a{
	position: absolute;
	background: url(../images/common/logo.png) no-repeat;
	background-size: 94px 80px;
	text-indent: -9999px;
	width: 94px;
	height: 80px;
	top: 0;
	left: 10px;
	display: block;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    top: 25px;
}
#global-nav ul li {
    float: left;
	position: relative;
}
/*#global-nav ul li a {
    padding: 0 10px;
}*/
#global-nav ul li.navi01:after,
#global-nav ul li.navi02:after,
#global-nav ul li.navi03:after,
#global-nav ul li.navi04:after,
#global-nav ul li.navi05:after,
#global-nav ul li.navi06:after,
#global-nav ul li.navi07:after,
#global-nav ul li.navi08:after,
#global-nav ul li.navi09:after
{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -5px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li:hover:after {
	background: #BFFF00;
	bottom: -10px;
}
#global-nav ul li.navi01 a
{
	width: 67px;
	height: 25px;
	background: url(../images/common/navi01.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi02 a
{
	width: 78px;
	height: 25px;
	background: url(../images/common/navi02.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi03 a
{
	width: 87px;
	height: 25px;
	background: url(../images/common/navi03.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi04 a
{
	width: 78px;
	height: 25px;
	background: url(../images/common/navi04.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi05 a
{
	width: 66px;
	height: 25px;
	background: url(../images/common/navi05.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi06 a
{
	width: 77px;
	height: 25px;
	background: url(../images/common/navi06.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi07 a
{
	width: 77px;
	height: 25px;
	background: url(../images/common/navi07.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi08 a
{
	width: 175px;
	height: 25px;
	background: url(../images/common/navi08.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
#global-nav ul li.navi09 a
{
	width: 53px;
	height: 25px;
	background: url(../images/common/en.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 90px;
    background: #fff;
    background: rgba(0,0,0,0.9);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
}
/*#top-head.fixed #global-nav ul li a {
    padding: 0 7px;
	color: #333;
}*/
#top-head.fixed #global-nav ul li:after {
	bottom: -5px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #fff;
	bottom: -10px;
}


/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

/*area*/

html
{
	height: 100%;
}
body
{	
	min-height: 100vh;
	height: 100%;
	display: flex;
	flex-direction: column;
}

#top-content-wrap1
{
	background: rgba(0,0,0,0.7);
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
#top-content-wrap2
{
	background: rgba(0,0,0,0.7);
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	overflow: hidden;
	padding: 30px;
	box-sizing: border-box;
}
#wrap
{
	max-width: 1000px;
	width: 100%;
	margin: 130px auto 0 auto;
	padding: 10px 10px 30px 10px;
	box-sizing: border-box;
	flex: 1 0 auto;
	min-height: 0%;
}
#content-wrap
{
	background: rgba(0,0,0,0.7);
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	overflow: hidden;
}
.content
{
	padding: 30px;
}
.btn a
{
	display: block;
	color: #fff;
	text-align: center;
	padding: 0.5em;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-weight: bold;
	font-size: 1.2em;
	width: 60%;
	margin: 0 auto;
	border: 1px solid #fff;
	box-sizing: border-box;
	background-image: -moz-linear-gradient(top,	#Fc0 0%, #F90 100%);
	background-image: -webkit-linear-gradient(top,  #Fc0 0%,#F90 100%);
	background-image: linear-gradient(to bottom,  #fc0 0%,#f90 100%);
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.btn2 a
{
	display: block;
	color: #fff;
	text-align: center;
	padding: 0.5em;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-weight: bold;
	font-size: 1.2em;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #fff;
	box-sizing: border-box;
	background-image: -moz-linear-gradient(top,	#Fc0 0%, #F90 100%);
	background-image: -webkit-linear-gradient(top,  #Fc0 0%,#F90 100%);
	background-image: linear-gradient(to bottom,  #fc0 0%,#f90 100%);
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.btn a:hover,
.btn2 a:hover
{
	text-decoration: none;
	background: #f90;
}

/*footer*/

#footer-wrap
{
	width: 100%;
	background: #fff;
	color: #333;
}
#footer
{
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 10px;
	font-size: 0.8em;
	overflow: hidden;
	box-sizing: border-box;
}

.footer-logo
{
	position: relative;
	overflow: hidden;
	margin-bottom: 1em;
}
.footer-logo ul
{
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}
.footer-logo ul li
{
	position: relative;
	left: -50%;
	float: left;
	margin: 0 10px;
}
.copyright
{
	text-align: center;
}
.footer-inquiry
{
	text-align: center;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.5em;
	margin-bottom: 1em;
	font-size: 1.2em;
}
.footer-inquiry a
{
	color: #f90;
}
.footer-inquiry a:hover
{
	color: #007D01;
}

/*top*/

#top-pic
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 68.16326%;
	position: relative;
	width: 100%;
	background: url(../images/top/top.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
}
#top-pic .sns
{
	position: absolute;
	top: 20px;
	right: 20px;
}
#top-pic .sns ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-pic .sns ul li
{
	float: left;
	margin-right: 5px;
	width: 40px;
}
#top-pic .logo img,
#top-pic .switch img,
#top-pic .sns ul li img
{
	width: 100%;
}

#info-wrap
{
	width: 100%;
	overflow: hidden;
}
#gamespec
{
	width: 48%;
	float: left;
}
#gamespec dl
{
	border-top: 1px solid #999;
	margin-top: 10px;
	padding-top: 10px;
}
#gamespec dt
{
	float: left;
	color: #ED8688;
	width: 7em;
	font-weight: bold;
}
#gamespec dd
{
	margin: 0px 0px 0px 7em;
}
#info
{
	width: 48%;
	float: right;
}
#info dl
{
	border-top: 1px solid #999;
	margin-top: 10px;
	padding-top: 10px;
}
#info dt
{
	float: left;
	color: #FF9900;
	width: 8em;
	font-weight: bold;
}
#info dd
{
	margin: 0px 0px 0px 8em;
}
#banner-wrap
{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #999;
	padding-top: 30px;
	position: relative;
	text-align: center;
}

/*info*/

#midashi-info
{
	width: 100%;
	height: 100px;
	background: url(../images/info/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
.info-text
{
	border-bottom: 1px solid #666;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}
.info-text .date
{
	font-size: 0.8em;
}
.info-text h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #fc0;
	line-height: 1.5em;
}

/*about*/

#midashi-about
{
	width: 100%;
	height: 100px;
	background: url(../images/about/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
#about-text h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #fc0;
	line-height: 1.5em;
	border-bottom: 1px solid #666;
	padding-bottom: 0.5em;
}
#about-text .overview
{
	text-align: center;
}
.about-poster-wrap
{
	width: 102%;
	margin-right: -2%;
	overflow: hidden;
	margin-bottom: 1.6em;
}
.about-poster
{
	width: 48%;
	margin-right: 2%;
	float: left;
}
.about-poster img
{
	width: 100%;
}
.stage
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	display: table;
}
.stage-pic
{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
.stage-pic img
{
	width: 100%;
}
.stage-details
{
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
	box-sizing: border-box;
}
.stage-details2
{
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	padding-top: 0.5em;
}
.stage-details .name,
.stage-details2 .name
{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	color: #FF99EA;
}


/*chara*/

#midashi-chara
{
	width: 100%;
	height: 100px;
	background: url(../images/chara/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
#chara-text h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #fc0;
	line-height: 1.5em;
	border-bottom: 1px solid #666;
	padding-bottom: 0.5em;
}
.chara
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	display: table;
}
.chara-pic
{
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	box-sizing: border-box;
}
.chara-pic img
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	width: 100%;
}
.chara-details
{
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
	box-sizing: border-box;
}
.chara-details .name
{
	font-size: 1.4em;
	margin-bottom: 0.5em;
}
.chara-details .cv
{
	color: #1DD2FF;
}
.chara-details .age
{
	color: #FF0004;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 2px dotted #999;
}
.claricebomber_title
{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	color: #FF99EA;
}
#claricebomber
{
	margin-bottom: 30px;
	overflow: hidden;
}
#claricebomber ul
{
	width: 100%;
	list-style: none;
}
#claricebomber ul li
{
	float: left;
}
#claricebomber ul li.thum1
{
	width: 23.57581%;
	margin-left: 1.75284%
}
#claricebomber ul li.thum2,
#claricebomber ul li.thum3
{
	width: 16.47677%;
	margin-left: 1.75284%
}
#claricebomber ul li.thum4
{
	width: 18.22962%;
}
#claricebomber ul li.thum5
{
	width: 18.22962%;
	margin-left: 1.75284%
}
#claricebomber ul li.thum1 img,
#claricebomber ul li.thum2 img,
#claricebomber ul li.thum3 img,
#claricebomber ul li.thum4 img,
#claricebomber ul li.thum5 img
{
	width: 100%;
}
/*inquiry*/

#midashi-inquiry
{
	width: 100%;
	height: 100px;
	background: url(../images/inquiry/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
#inquiry-text h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #fc0;
	line-height: 1.5em;
	border-bottom: 1px solid #666;
	padding-bottom: 0.5em;
}

/*special*/

#midashi-special
{
	width: 100%;
	height: 100px;
	background: url(../images/special/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
.special-text h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #fc0;
	line-height: 1.5em;
}
.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 2em;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.special-interview
{
	border: 1px solid #fc0;
	padding: 1.5em;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 1.5em;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	border-radius: 7px;
	
}
.special-interview p
{
	margin-bottom: 0.5em;
}
.special-interview p:last-child
{
	margin-bottom: 0;
}
.special-interview h4
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
}
.special-interview .question
{
	color: aqua;
	font-weight: bold;
}
.special-interview .iv-pic
{
	width: 30%;
	float: right;
	margin-left: 1.5em;
	margin-top: 0.2em;
}
.special-interview .iv-pic img
{
	width: 100%;
}
.iv-select-wrap
{
	width: 102%;
	margin-right: -2%;
	overflow: hidden;
}
.iv-select-wrap a
{
	-moz-transition: all 500ms 0s ease;
	-webkit-transition: all 500ms 0s ease;
  	transition: all 500ms 0s ease;
	display: block;
}
.iv-select-wrap a:hover
{
	opacity: 0.7; 
}
.iv-select-wrap .iv-select
{
	width: 23%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: center;
}
.iv-select-wrap .iv-select img
{
	width: 100%;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin-bottom: 0.2em;
}

/*dlc*/

#midashi-dlc
{
	width: 100%;
	height: 100px;
	background: url(../images/add/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
.dlc-text h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #fc0;
	line-height: 1.5em;
}
.dlc01
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 20%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc01.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.dlc02
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 20%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc02.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.dlc03
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 20%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc03.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.dlc04
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 20%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc04.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}

/*products*/

#midashi-products
{
	width: 100%;
	height: 100px;
	background: url(../images/products/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
.products-text
{
	overflow: hidden;
	margin-bottom: 20px;
}
.products-text h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #fc0;
	line-height: 1.5em;
}
.products-text .intro-l
{
	width: 49%;
	float: left;
}
.products-text .intro-r
{
	width: 49%;
	float: right;
}
.products-text .intro-l img,
.products-text .intro-r img
{
	width: 100%;
}
.products-text .gamespec
{
	width: 100%;
}
.products-text .gamespec .midashi
{
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.products-text .gamespec .package
{
	float: right;
	margin-left: 20px;
}
.products-text .gamespec dl
{
}
.products-text .gamespec dt
{
	float: left;
	color: #ED8688;
	width: 10em;
	font-weight: bold;
}
.products-text .gamespec dd
{
	margin: 0px 0px 0px 10em;
}
.products-limited
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 120.21276%;
	position: relative;
	width: 100%;
	background: url(../images/products/pic04.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.products-steam
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 8.51063%;
	position: relative;
	width: 100%;
	background: url(../images/products/pic05.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}
.products
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	display: table;
}
.products-pic
{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	padding-right: 1em;
}
.products-pic img
{
	width: 100%;
}
.products-details
{
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.products-details .name
{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	color: #FF99EA;
}
.products-details .music
{
	font-size: 1.4em;
	margin-bottom: 1em;
	color: #00FFE4;
}
.products-details .music-name
{
	font-size: 1.2em;
	margin-top: 0.5em;
	color: #fc0;
}

/*prize*/

#midashi-prize
{
	width: 100%;
	height: 100px;
	background: url(../images/prize/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
}
.prize-text
{
	overflow: hidden;
	margin-bottom: 0;
}
.prize-text .midashi
{
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.prize-text .midashi img
{
	max-width: 100%;
}
.prize-text .shop-frame
{
	overflow: hidden;
	background: rgba(255,255,255,0.2);
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.shop-frame-wrap
{
	width: 103%;
	overflow: hidden;
	margin-right: -3%;
	margin-bottom: 3%;
}
.prize-text .shop-frame2
{
	overflow: hidden;
	background: rgba(255,255,255,0.2);
	padding: 20px;
	box-sizing: border-box;
	width: 22%;
	margin-right: 3%;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	float: left;
}
.prize-text .shop-frame h4,
.prize-text .shop-frame2 h4
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #BDFF00;
}
.shop-frame-wrap .prize-pic img
{
	width: 100%;
}
#flyer{
	margin-bottom: 25px;
}
ul.prize-pic
{
	width: 102%;
	margin-bottom: 20px;
	overflow: hidden;
	margin-right: -2%;
}
ul.prize-pic
{
	list-style: none;
}
ul.prize-pic li
{
	width: 23%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
ul.prize-pic li img
{
	width: 100%;
}
.prize-midashi
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 9.23913%;
	position: relative;
	width: 100%;
	background: url(../images/prize/midashi00.png) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}

/*navi chage--------------------------------------------------------------------------------------*/

@media screen and (max-width: 950px) {
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: rgba(0,0,0,0.9);
        width: 100%;
        height: 53px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo a,
    #top-head .logo a{
        position: absolute;
		background: url(../images/common/logo.png) no-repeat;
		background-size: 39px 33px;
		text-indent: -9999px;
		width: 39px;
		height: 33px;
		top: 10px;
		left: 10px;
		display: block;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
	#global-nav ul li {
		float: none;
		position: static;
	}
	#global-nav ul li.navi01:after,
	#global-nav ul li.navi02:after,
	#global-nav ul li.navi03:after,
	#global-nav ul li.navi04:after,
	#global-nav ul li.navi05:after,
	#global-nav ul li.navi06:after,
	#global-nav ul li.navi07:after,
	#global-nav ul li.navi08:after,
	#global-nav ul li.navi09:after{
		display: none;
	}
	#top-head #global-nav ul li.navi01 a,
    #top-head.fixed #global-nav ul li.navi01 a,
	#top-head #global-nav ul li.navi02 a,
    #top-head.fixed #global-nav ul li.navi02 a,
	#top-head #global-nav ul li.navi03 a,
    #top-head.fixed #global-nav ul li.navi03 a,
	#top-head #global-nav ul li.navi04 a,
    #top-head.fixed #global-nav ul li.navi04 a,
	#top-head #global-nav ul li.navi05 a,
    #top-head.fixed #global-nav ul li.navi05 a,
	#top-head #global-nav ul li.navi06 a,
    #top-head.fixed #global-nav ul li.navi06 a,
	#top-head #global-nav ul li.navi07 a,
    #top-head.fixed #global-nav ul li.navi07 a,
	#top-head #global-nav ul li.navi08 a,
    #top-head.fixed #global-nav ul li.navi08 a,
	#top-head #global-nav ul li.navi09 a,
    #top-head.fixed #global-nav ul li.navi09 a
	{
        width: 100%;
        display: block;
        color: #fff;
        padding: 15px 0;
		border-bottom: 1px solid #000;
    }
	#global-nav ul li.navi01 a,
	#global-nav ul li.navi02 a,
	#global-nav ul li.navi03 a,
	#global-nav ul li.navi04 a,
	#global-nav ul li.navi05 a,
	#global-nav ul li.navi06 a,
	#global-nav ul li.navi07 a,
	#global-nav ul li.navi08 a,
	#global-nav ul li.navi09 a
	{
	width: auto;
	height: auto;
	text-indent: -9999px;
	display: block;
	margin: 0;
	background-position: center;
	}
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(553px);
        -webkit-transform: translateY(553px);
        transform: translateY(553px);
    }
	
	#wrap
	{
	max-width: 1000px;
	margin: 53px auto 0 auto;
	padding: 10px;
	box-sizing: border-box;
	}
}

/*MOBILE--------------------------------------------------------------------------------------*/


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

body
{
		font-size: 0.8em;
}

/*area*/

#top-wrap
{
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}
#top-content-wrap1
{
	background: rgba(0,0,0,0.7);
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
#top-content-wrap2
{
	background: rgba(0,0,0,0.7);
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	overflow: hidden;
	padding: 10px;
	box-sizing: border-box;
}
.content
{
	padding: 15px;
}

	
/*top*/

#top-pic
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 78.588236%;
	position: relative;
	width: 100%;
	background: url(../images/top/top2.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
}
#top-pic .sns
{
	position: absolute;
	top: 5px;
	right: 5px;
}
#top-pic .sns ul li
{
	float: left;
	margin-right: 5px;
	width: 30px;
}

#info-wrap
{
	width: 100%;
	overflow: hidden;
}
#gamespec
{
	width: 100%;
	float: none;
	margin-bottom: 1em;
}
#gamespec dl
{
	margin-top: 5px;
	padding-top: 10px;
}
#info
{
	width: 100%;
	float: none;
}
#info dl
{
	margin-top: 5px;
	padding-top: 10px;
}
	
/*footer*/

#footer
{
	max-width: 980px;
	margin: 0 auto;
	padding: 10px;
	font-size: 0.8em;
	overflow: hidden;
	box-sizing: border-box;
}
.footer-logo ul li
{
	position: relative;
	left: -50%;
	float: left;
	margin: 0 3px;
}

/*info*/

#midashi-info
{
	width: 100%;
	height: 50px;
	background: url(../images/info/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}
	
/*about*/

#midashi-about
{
	width: 100%;
	height: 50px;
	background: url(../images/about/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}
#about-text .overview
{
	text-align: left;
}
.stage
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	display: block;
}
.stage-pic
{
	display: block;
	width: 70%;
	margin: 10px auto 10px auto;
	vertical-align: middle;
}
.stage-pic img
{
	width: 100%;
}
.stage-details
{
	display: block;
	vertical-align: middle;
	padding-left: 0;
	box-sizing: border-box;
	width: 100%;
}

/*chara*/

#midashi-chara
{
	width: 100%;
	height: 50px;
	background: url(../images/chara/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}
.chara
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	display: block;
}
.chara-pic
{
	display: block;
	width: 60%;
	margin: 10px auto 10px auto;
	vertical-align: middle;
}
.chara-pic img
{
	width: 100%;
}
.chara-details
{
	display: block;
	vertical-align: middle;
	padding-left: 0;
	box-sizing: border-box;
	width: 100%;
}
.chara-details .name
{
	text-align: center;
}
.chara-details .cv
{
	text-align: center;
}
.chara-details .age
{
	text-align: center;
}

/*inquiry*/

#midashi-inquiry
{
	width: 100%;
	height: 50px;
	background: url(../images/inquiry/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}

/*special*/

#midashi-special
{
	width: 100%;
	height: 50px;
	background: url(../images/special/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}
.special-interview .iv-pic
{
	width: 60%;
	float: none;
	margin: 0 auto 1.5em auto;
}
.iv-select-wrap .iv-select
{
	width: 31.333333%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2.5%;
	text-align: center;
}
	
/*dlc*/

#midashi-dlc
{
	width: 100%;
	height: 50px;
	background: url(../images/add/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}
.dlc01
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 33.33333%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc01b.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.dlc02
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 33.33333%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc02b.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.dlc03
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 33.33333%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc03b.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.dlc04
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 33.33333%;
	position: relative;
	width: 100%;
	background: url(../images/add/dlc04b.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}
	
/*products*/

#midashi-products
{
	width: 100%;
	height: 50px;
	background: url(../images/products/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}
.products-text
{
	overflow: hidden;
	margin-bottom: 15px;
}
.products-text .intro-l
{
	width: 100%;
	float: none;
	margin-bottom: 1em;
}
.products-text .intro-r
{
	width: 100%;
	float: none;
}
.products-text .gamespec .midashi
{
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.products-text .gamespec .package
{
	float: none;
	margin: 0 auto 15px auto;
	max-width: 380px;
}
.products-text .gamespec .package img
{
	width: 100%;
}
.products-limited
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 350%;
	position: relative;
	width: 100%;
	background: url(../images/products/pic04m.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	margin-bottom: 15px;
}
.products-steam
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 16.6666666%;
	position: relative;
	width: 100%;
	background: url(../images/products/pic05m.jpg) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}
.products
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	display: block;
}
.products-pic
{
	display: block;
	width: 70%;
	margin: 10px auto 10px auto;
	vertical-align: middle;
}
.products-pic img
{
	width: 100%;
}
.products-details
{
	display: block;
	vertical-align: middle;
	padding-left: 0;
	box-sizing: border-box;
	width: 100%;
}

/*prize*/

#midashi-prize
{
	width: 100%;
	height: 50px;
	background: url(../images/prize/midashi.jpg) no-repeat center left;
	text-indent: -9999px;
	background-size: 600px;
}
.prize-text
{
	overflow: hidden;
	margin-bottom: 15px;
}
.prize-text .pic,
.prize-text .pic2
{
	float: none;
	margin-left: 0;
	margin-bottom: 15px;
	width: 100%;
}
.prize-text .midashi
{
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.prize-text .shop-frame
{
	overflow: hidden;
	background: rgba(255,255,255,0.2);
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 15px;
}
.shop-frame-wrap
{
	width: 100%;
	overflow: hidden;
	margin-right: 0;
	margin-bottom: 0;
}
.prize-text .shop-frame2
{
	overflow: hidden;
	background: rgba(255,255,255,0.2);
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	float: left;
}
.shop-frame-wrap .prize-pic
{
	width: 50%;
	margin: 0 auto;
}
.shop-frame-wrap .prize-pic img
{
	width: 100%;
}
ul.prize-pic
{
	width: 102%;
	margin-bottom: 0;
	overflow: hidden;
	margin-right: -2%;
}
ul.prize-pic li
{
	width: 48%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
#flyer{
	margin-bottom: 10px;
}
.prize-midashi
{
	top: 0px;
	left: 0px;
	height: 0;
    padding-top: 23.07692%;
	position: relative;
	width: 100%;
	background: url(../images/prize/midashi00m.png) no-repeat;
	background-size: contain;
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}
.btn a
{
	display: block;
	color: #fff;
	text-align: center;
	padding: 0.5em;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-weight: bold;
	font-size: 1.2em;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #fff;
	box-sizing: border-box;
	background-image: -moz-linear-gradient(top,	#Fc0 0%, #F90 100%);
	background-image: -webkit-linear-gradient(top,  #Fc0 0%,#F90 100%);
	background-image: linear-gradient(to bottom,  #fc0 0%,#f90 100%);
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
}