@charset "utf-8"; 
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
a {
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/*common*/
html {
	height:100%;
}
body {
	width:100%;
	height:100%;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",Arial,Verdana,Helvetica,sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000;
	position: relative;
	background: #fff100;
}
a {
	color:#007cd6;
	text-decoration: none;
}
a:hover {
	color:#e5006e;
}
#wrapper {
	position: relative;
	width:100%;
}
#container {
	width:100%;
	height: 100%;
}
ruby > rt{
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-weight: normal;
}

/*------------ common parts ------------*/
/*sp/pc disp*/
@media only screen and (min-width: 479px){
	.sp-disp{display: none;}
}
@media only screen and (max-width: 480px){
	.pc-disp{display: none;}
}
/*icon*/
.new-icon {
	display: inline-block;
	background: #e73079;
	padding: 1px 6px;
	margin: 0 5px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	border-radius: 11px;
	line-height: 14px;
}

/*------------ main-visual ------------*/
#header{
	width: 100%;
	position: relative;
	background: #fff;
}
.index #header{
	background: url(../img/bombers/head-bg.svg) center top no-repeat #fff;
	background-size: cover;
	-webkit-animation: indexBgAnime .6s ease 0.1s 1;
	animation: indexBgAnime .6s ease 0.1s 1;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	overflow: hidden;
}
@-webkit-keyframes indexBgAnime {
	0% {
		opacity: 0;
		transform:scale(1.2,1.2);
	}
	100% {
		opacity: 1;
		transform:scale(1,1);
	}
}
@keyframes indexBgAnime {
	0% {
		opacity: 0;
		transform:scale(1.2,1.2);
	}
	100% {
		opacity: 1;
		transform:scale(1,1);
	}
}
#header .head{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
.index #header .head{
	display: table;
}
.index #header .head .konami-logo,
.index #header .head .ds-logo{
	display: table-cell;
}
#header .head .konami-logo{
	text-align: left;
}
#header .head .konami-logo img{
	margin-top: 10px;
	max-width: 100px;
	width: 60%;
	padding: 0 0 0 5px;
}
#header .head .ds-logo{
	text-align: right;
	vertical-align: top;
}
#header .head .ds-logo img{
	margin-top: 10px;
	max-width: 200px;
	width: 60%;
}
#header.contents-head h1{
	background: url(../img/bombers/logo.png) center top no-repeat;
	background-size: 100% auto;
	position: absolute;
	right:10px;
	top:37px;
	z-index: 2;
}
#header.contents-head h1 a{
	display: block;
	width: 270px;
	height: 126px;
}
#header.contents-head h1 span{
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}
#header.contents-head .headline{
	background: #000;
}
#header.contents-head .headline img{
	vertical-align: bottom;
}
#header.contents-head .headline h2{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 0 20px 90px;
	position: relative;
	box-sizing: border-box;
}
#header.contents-head .headline h2:before{
	content:'';
	display: block;
	height: 120px;
	width: 75px;
	position: absolute;
	top: 5px;
	left:0;
}
#header.contents-head .sub-headline ul.breadcrumb li:last-child{
	font-weight: bold;
}
#header.contents-head .sub-headline ul.breadcrumb li+li {
	padding: 0 6px 0 20px;
}
#header.contents-head .sub-headline ul.breadcrumb li+li:before,
#header.contents-head .sub-headline ul.breadcrumb li+li:after {
	position: absolute;
	content: '';
	width: 3px;
	height: 8px;
	background: #fff;
	border-radius: 6px;
}
#header.contents-head .sub-headline ul.breadcrumb li+li:before {
	top: 7px;
	left: 6px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#header.contents-head .sub-headline ul.breadcrumb li+li:after {
	top: 3px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#header.contents-head .sub-headline ul.breadcrumb li a {
	color: #fff;
}
#header.contents-head .sub-headline ul.breadcrumb li a:hover {
	color: #fff100;
}
#header.contents-head .sub-headline .sub-headline-inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 10px;
}
#header.contents-head .sub-headline ul.breadcrumb{
	padding-left: 92px;
	color:#000;
}
#header.contents-head .sub-headline ul.breadcrumb li {
	position: relative;
	display: inline-block;
	font-size: 87.5%;
	vertical-align: middle;
}
@media only screen and (max-width: 979px){
	#header.contents-head h1 a {
		width: 223px;
		height: 98px;
	}
	#header.contents-head .headline h2:before {
		left: 10px;
	}
	#header.contents-head .headline img {
		width: auto;
		height: auto;
		max-height: 40px;
		max-width: 100%;
	}
	#header.contents-head .headline h2:before {
		height: 104px;
		width: 65px;
	}
}
@media only screen and (max-width: 767px){
	#header.contents-head h1 a {
		width: 145px;
		height: 67px;
	}
	#header.contents-head .headline h2:before {
		height: 80px;
		width: 50px;
	}
	#header.contents-head .headline img {
		max-height: 30px;
	}
	#header.contents-head .headline h2 {
		padding: 10px 10px 10px 70px;
	}
	#header.contents-head .sub-headline ul.breadcrumb{
		padding-left: 65px;
	}
}
@media only screen and (max-width: 479px){
	#header.contents-head h1 {
		display: none;
	}
	#header.contents-head .headline h2:before {
		height: 64px;
		width: 40px;
	}
	#header.contents-head .sub-headline .sub-headline-inner {
		padding: 5px;
	}
	#header.contents-head .sub-headline ul.breadcrumb{
		font-size:75%;
	}
}
.game #header.contents-head .headline h2:before{
	background: url(../img/bombers/bom-p.svg) left top no-repeat;
	background-size:100% auto;
}
.movie #header.contents-head .headline h2:before{
	background: url(../img/bombers/bom-bl.svg) left top no-repeat;
	background-size:100% auto;
}
.event #header.contents-head .headline h2:before{
	background: url(../img/bombers/bom-or.svg) left top no-repeat;
	background-size:100% auto;
}
.movie #header.contents-head .sub-headline{
	background: #e73079;
}

.game #header.contents-head .sub-headline{
	background: #e73079;
}
.movie #header.contents-head .sub-headline{
	background: #009fe8;
}
.event #header.contents-head .sub-headline{
	background: #e95513;
}

.main{
	max-width: 980px;
	margin: 0 auto 10px;
	position: relative;
}
.main .main-visual {
	width: 60%;
	max-width: 498px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
}
.main .main-visual .pasukaru{
	background: url(../img/bombers/main.png?v2) center top no-repeat;
	background-size: 100% auto;
	padding-top: 69%;
	width: 100%;
}
.main h1{
	width:68%;
	margin: -5% auto 0;
	position: relative;
}
.main h1 img{
	width:90%;
	max-width: 575px;
	display: block;
	margin:0 auto;
}
.main .main-balloon {
	position: absolute;
	top:0;
	right:0;
	width: 50%;
	text-align: right;
	padding:0 10px;
	box-sizing: border-box;
	-webkit-animation:indexAnime .6s ease 0.5s 1;
	animation:indexAnime .6s ease 0.5s 1;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
@-webkit-keyframes indexAnime {
	0% {
		opacity: 0;
		transform:scale(1.2,1.2);
	}
	100% {
		opacity: 1;
		transform:scale(1,1);
	}
}
@keyframes indexAnime {
	0% {
		opacity: 0;
		transform:scale(1.2,1.2);
	}
	100% {
		opacity: 1;
		transform:scale(1,1);
	}
}
.main .main-balloon img{
	width:45%;
	max-width: 164px;
}

@media only screen and (min-width: 768px){
	.main .main-balloon {
		padding:0 50px;
	}
}
/*------------ menu ------------*/

#menu{
	background: #000;
	width:100%;
	position: relative;
}
#menu .menu-wrap{
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
#menu .menu-wrap ul.menu{
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding-top: 8.5%;
}
#menu .menu-wrap ul.menu > li{
	width:25%;
	box-sizing: border-box;
	padding: 0 2px ;
	position: relative;
}
#menu .menu-wrap ul.menu > li a{
	display: block;
	position: relative;
}
#menu .menu-wrap ul.menu > li a span{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#menu .menu-wrap ul.menu > li a .hover,
#menu .menu-wrap ul.menu > li a:hover .normal,
#menu .menu-wrap ul.menu > li a.active .normal{
	opacity: 0;
}
#menu .menu-wrap ul.menu > li a .normal,
#menu .menu-wrap ul.menu > li a:hover .hover,
#menu .menu-wrap ul.menu > li a.active .hover{
	opacity: 1;
}
#menu .menu-wrap ul.menu > li a span img{
	width:100%;
	max-width:233px;
}

#menu .menu-wrap .btn-home{
	position: absolute;
	right: 0;
	top: 12px;
	width:18%;
}
#menu .menu-wrap .btn-home a{
	display: block;
	position: relative;
}
#menu .menu-wrap .btn-home a img{
	width:100%;
}
#menu .menu-wrap .btn-home a span{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#menu .menu-wrap .btn-home a .hover,
#menu .menu-wrap .btn-home a:hover .normal{
	opacity: 0;
}
#menu .menu-wrap .btn-home a .normal,
#menu .menu-wrap .btn-home a:hover .hover{
	opacity: 1;
}
#menu .menu-wrap .balloon-new{
	position: absolute;
	bottom: 57px;
	right: 0;
	z-index: 2;
	background: #e73079;
	font-size: 85%;
	color: #fff;
	padding: 0px 10px;
	border-radius: 10px;
	font-weight: bold;
}
@media only screen and (max-width: 767px){
	#menu .menu-wrap ul.menu{
		padding-top:10%;
	}
	#menu .menu-wrap .balloon-new {
		bottom: 41px;
		font-size: 75%;
	}
}
@media only screen and (min-width: 480px){
	#menu .menu-wrap ul.sp-disp {
		display: none;
	}
}
@media only screen and (max-width: 479px){
	#menu .menu-wrap ul.pc-disp {
		display: none;
	}
	#menu .menu-wrap ul.menu{
		padding-top:15%;
	}
	#menu .menu-wrap .btn-home {
		left: 0;
		top: -50px;
	}
	#menu .menu-wrap .btn-home a{
		background: #000;
		border-radius: 0 50px 50px 0;
		padding: 8px 0 8px 10px;
		display: block;
		width: 2em;
	}
	#menu .menu-wrap .btn-home a img{
		width:1em;
		vertical-align: middle;
	}
}
/*------------ contents ------------*/

#contents{
	background: url(../img/bombers/contents-bg.svg) center top no-repeat ;
	background-size: 1500px auto;
	background-attachment: fixed;
}
.index #contents{
	background: url(../img/bombers/index-bg.svg) center top no-repeat ;
	background-size: 1100px auto;
}
.game #contents,
.movie #contents,
.event #contents{
	padding-top: 30px;
}
@media only screen and (max-width: 979px){
	.event #contents{
		padding: 30px 10px 30px;
	}
}
#contents .index-cont{
	max-width: 980px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
}
@media only screen and (max-width: 979px){
	#contents .index-cont{
		padding:15px 10px;
	}
}
@media only screen and (max-width: 479px){
	.game #contents,
	.movie #contents,
	.event #contents{
		padding-top: 10px;
		background: url(../img/bombers/contents-bg.svg) center top no-repeat;
		background-size: 150% auto;
		background-attachment: fixed;
	}
}
#contents a.arrow-r{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
#contents a.arrow-r::before,
#contents a.arrow-r::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#contents a.arrow-r::before{
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
#contents a.arrow-r::after{
	left: 5px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 3px solid transparent;
	border-left: 5px solid #fff;
}

#index-topic {
	padding: 15px 0;
}
#index-topic .info {
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex:1;
}
#index-topic .info .news{
	background:#fff;
	border-radius: 10px;
	margin-bottom:10px;
	padding: 0 0 10px;
	width:100%;
}
#index-topic .info .news h3{
	background:url(../img/bombers/ttl-info.svg) 12px 3px no-repeat #000;
	padding: 8px;
	border-radius: 10px 10px 0 0;
}
#index-topic .info .news h3 span{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
}
#index-topic .info .pickup{
	text-align: center;
	padding:5px;
	font-size:75%;
}
#index-topic .info .pickup ul{
	width:90%;
	margin:0 auto;
}
#index-topic .info .pickup ul li{
	margin-bottom:5px;
}
#index-topic .info .pickup ul li a{
	color:#000;
}
#index-topic .info .pickup img{
	vertical-align: bottom;
	width:100%;
	max-width:300px;
}
#index-topic .info .pickup a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#index-topic .info .pickup .bnr-trial{
	display: none;
}
#index-topic .info .news > ul{
	padding:5px 15px 10px;
	position: relative;
	height:320px;
}
#index-topic .info .news > ul dt{
	background:#e2e2e2;
	padding:0 8px;
	font-size:62.5%;
	border-radius: 10px;
	margin-top: 3px;
}
#index-topic .info .news > ul dd{
	padding:2px;
	font-size:81.25%;
}
#index-topic .info .news > ul dd.new{
	padding-left: 50px;
	position: relative;
}
#index-topic .info .news > ul dd.new:before{
	content:'NEW';
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	background: #e73079;
	padding: 1px 6px;
	margin: 0 5px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	border-radius: 11px;
	line-height: 14px;
}
#index-topic .info .news > ul dd a{
	color: #171717;
	position: relative;
	padding-left:18px;
	display: inline-block;
}
#index-topic .info .news > ul dd a::before{
	content: "";
	position: absolute;
	top: 0.45em;
	left: 5px;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 6px solid #6eb92b;
	box-sizing: border-box;
}
#index-topic .info .news > ul dd a:hover{
	color: #e4007f;
}
#index-topic .info .news > ul dd.hot a{
	color: #e4007f;
}
#index-topic .info .news > ul dd.hot a:hover{
	color: #eb6d9a;
}
#index-topic .info .about-game{
	background: #fff;
	border-radius: 10px;
	width: 100%;
}
#index-topic .info .about-game img{
	border-radius: 10px;
	vertical-align: bottom;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	width:100%;
}
#index-topic .info .about-game a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#index-topic .index-inner.movie {
	padding-left:15px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex: 1.35;
}
#index-topic .movie .catch{
	text-align: right;
	padding: 10px 0;
	width:100%;
}
#index-topic .movie .movie-wrap{
	background: #000;
	border-radius: 10px;
	position: relative;
}
#index-topic .movie .movie-wrap > a:after {
	content: "";
	position: absolute;
	display: block;
	width: 22%;
	top: 30%;
	padding-top: 22%;
	background: url(../img/movie_play_icon.svg) no-repeat;
	background-size: 100% auto;
	left: 39%;
}
#index-topic .movie .movie-wrap > a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#index-topic .movie .catch img,
#index-topic .movie .movie-wrap img{
	vertical-align: bottom;
	width:100%;
}
#index-topic .movie .catch img{
	max-width:589px;
}
#index-topic .movie .movie-wrap img{
	width:100%;
	border-radius: 10px 10px 0 0;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	box-sizing: border-box;
}
#index-topic .movie .movie-wrap .movie-detail{
	padding:10px;
	background: #00a7eb;
	display: table;
	width:100%;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
}
#index-topic .movie .movie-wrap .movie-detail p{
	display: table-cell;
	color:#fff;
	font-size:81.25%;
	font-weight: bold;
}
#index-topic .movie .movie-wrap .movie-detail p.more-link{
	text-align: right;
}
#index-topic .movie .movie-wrap .movie-detail p.more-link a{
	background: #fff;
	border-radius: 50px;
	padding: 0 15px 0 25px;
}
#index-topic .movie .movie-wrap .movie-detail p.more-link a:hover{
	background: #fff100;
}

#contents a.arrow-r::before{
	left: 6px;
}
#contents a.arrow-r::after{
	left: 11px;
}
#contents .ttl-sub{
	background:#000;
	color:#fff;
}
#contents .ttl-sub > .inner{
	max-width: 980px;
	margin: 0 auto;
}
#contents .ttl-sub h3 img{
	margin-top:-18px;
}
@media only screen and (max-width: 979px){
	#contents .ttl-sub h3{
		padding: 0 10px;
	}
}
@media only screen and (max-width: 767px){
	#contents .ttl-sub h3 img{
		margin-left:10px;
		max-width: 100%;
		max-height: 45px;
	}
}
@media only screen and (max-width: 479px){
	#contents .ttl-sub h3 img{
		max-height: 30px;
		margin:5px;
		vertical-align: bottom;
	}
}
#game-images{
	background: url(../img/bombers/stripe-gr.png) repeat;
	padding: 15px 0;
}
#index-iteminfo{
	background: url(../img/bombers/about-title-bg.svg) center top no-repeat;
	padding:15px 0;
}
#index-iteminfo .title{
	background: url(../img/bombers/about-title-bg-img.png) right 205px no-repeat;
}
#index-iteminfo .title .about-title{
	padding:15px 0;
}
#index-iteminfo .ex-titles{
	margin:0 auto;
	text-align: right;
}
#index-iteminfo .ex-titles li{
	margin-bottom:10px;
}
#index-iteminfo .ex-titles .app-link img{
	margin-right: 9px;
}
#index-iteminfo .ex-titles p.note{
	font-size:62.5%;
}
#index-iteminfo a img{
	vertical-align: bottom;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
#index-iteminfo a:hover img{
	transform: scale(1.05);
}
@media only screen and (max-width: 979px){
	#index-topic .info .about-game img{
		width:100%;
	}
	#index-topic .info .news > ul {
		padding: 5px;
		position: relative;
		height: auto;
		height: 330px;
	}
	#index-iteminfo {
		background: url(../img/bombers/about-title-bg.svg) left 15% top no-repeat;
		padding:0;
	}
	#index-iteminfo .title .about-title img,
	#index-iteminfo .title .package img,
	#index-iteminfo .btn-yoyaku img,
	#index-iteminfo .ex-titles img{
		width:100%;
	}
	#index-iteminfo .title .package img{
		max-width: 225px;
	}
	#index-iteminfo .btn-yoyaku img{
		max-width: 271px;
	}
	#index-iteminfo .title .package{
		padding-right:15px;
	}
}
@media only screen and (max-width: 767px){
	#contents #index-iteminfo .index-cont{
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#index-topic .info .pickup {
		text-align: center;
		padding: 5px 0 10px;
		font-size: 75%;
	}
	#index-topic .info .pickup .bnr-trial{
		display: block;
	}
	#index-topic .info .news > ul {
		height: 270px;
	}
	#index-iteminfo {
		background: url(../img/bombers/about-title-bg.svg) left top no-repeat;
		background-size: 200%;
	}
	#index-iteminfo .title {
		background: url(../img/bombers/about-title-bg-img.png) right bottom no-repeat;
		width: 70%;
		margin: 0 auto;
	}
	#index-iteminfo .sp-disp {
		margin-top:15px;
		display: block;
	}
	#index-iteminfo .pc-disp {
		display: none;
	}
}
@media only screen and (max-width: 600px){
	#contents #index-topic,
	#contents #index-topic .index-inner {
		display: block;
	}
	#index-topic .info .pickup ul{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap:		 wrap;
		-webkit-justify-content: center;
		justify-content:		 center;
		width:100%;
	}
	#index-topic .info .pickup ul li{
		width:50%;
		padding:3px;
		box-sizing: border-box;
	}
	#index-topic .info .pickup ul li + li{
		margin:0;
	}
	#index-topic .index-inner.movie {
		width: 100%;
		padding:0;
		display: block;
	}
	#index-topic .movie .movie-wrap .movie-detail,
	#index-topic .movie .movie-wrap .movie-detail p{
		display: block;
	}
	#index-topic .movie .catch {
		text-align: right;
		padding: 5px 0;
	}
	#index-topic .movie .catch img{
		display: none;
	}
	#index-topic .info .news > ul {
		height: 200px;
	}
	#index-topic .info .news > ul {
		padding: 5px 10px 0;
		position: relative;
		height: auto;
	}
}
@media only screen and (max-width: 479px){
	#index-topic .info .pickup ul{
		width:100%;
	}
	#index-topic .info .pickup ul li{
		font-size:50%;
		width:100%;
	}
	#index-topic .info .pickup ul li + li{
		padding-left:0;
	}
	#index-topic .info .pickup ul li{
		font-size:50%;
	}
	#index-topic .info .pickup li span {
		display: block;
	}
	#index-topic .info .news > ul dd.new{
		padding: 2px 3px 2px 50px;
	}
	.index #contents {
		background: url(../img/bombers/about-title-bg.svg) left 4% top -8% no-repeat;
	}
	#index-iteminfo .title {
		background: none;
	}
	#index-iteminfo .title .about-title {
		padding: 0;
	}
	#index-iteminfo .ex-titles .app-link img,
	#index-iteminfo .ex-titles img{
		width:100%;
		margin:0 auto;
		display: block;
	}
	#index-iteminfo .title .package{
		padding:0;
	}
	#index-iteminfo .title .btn-yoyaku{
		text-align: center;
	}
}
#contents .ttl-sub{
	background:#000;
	color:#fff;
}
.game .pasukaru-world > .inner,
.game .story-detail > .inner,
.game .chara-detail > .inner,
.game .battle-detail > .inner,
.game .vs-detail > .inner,
.game .battle-img >.inner{
	max-width: 980px;
	margin: 0 auto;
}
#contents .topic.on{
	animation: topicAnime 1.2s ease 1;
	-webkit-animation: topicAnime 1.2s ease 1;
}
@keyframes topicAnime {
	0% {
		opacity: 0;
		transform:translate(0,20px);
	}
	100% {
		opacity: 1;
		transform:translate(0,0);
	}
}
@-webkit-keyframes topicAnime {
	0% {
		opacity: 0;
		transform:translate(0,20px);
	}
	100% {
		opacity: 1;
		transform:translate(0,0);
	}
}
.game #story .story-detail{
	background:rgba(255, 255, 255, 0.6);
	margin-bottom:20px;
}
.game #story .story-detail .inner{
	background: url(../img/bombers/story-map.png) right top no-repeat;
	min-height:250px;
	box-sizing: border-box;
	padding: 20px 0;
}
.game #story .story-detail .inner img{
	vertical-align: bottom;
	width:100%;
	max-width:672px;
}
.game #story .story-detail p{
	text-align: left;
}
.game #story .pasukaru-world{
	background: rgba(255, 174, 0, 0.7);
	margin: 60px auto 30px;
	padding: 0 0 15px;
}
.game #story .pasukaru-world h4{
	text-align: center;
}
.game #story .pasukaru-world h4 img{
	margin-top:-40px;
	width:70%;
	max-width:493px;
}
.game #story .pasukaru-world ul.imgs{
	width:100%;
	margin: 10px 0 0;
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.game #story .pasukaru-world ul.imgs > li{
	text-align: center;
}
.game #story .pasukaru-world ul.imgs > li + li{
	padding-left:15px;
}
.game #story .pasukaru-world ul.imgs > li dl dt img{
	width:100%;
	border-radius: 10px;
	border:3px solid #fff;
	box-sizing: border-box;
}
.game #story .pasukaru-world ul.imgs > li dl dd {
	text-align: left;
	font-size: 81.25%;
}
.game #chara .chara-detail{
	background: url(../img/bombers/spin-bg-l.svg) center top no-repeat #ffdb00;
	background-size: cover;
}
.game #chara .chara-detail p {
	text-align: center;
}
.game #chara .chara-detail p img {
	margin: 7px auto 0;
	vertical-align: bottom;
	width:100%;
	max-width: 975px;
}
.game #battle .battle-detail {
	background: url(../img/bombers/stripe-or.png) repeat;
	padding:15px 0 0;
}
.game #battle .battle-detail p{
	text-align: center;
}
.game #battle .battle-detail p img{
	vertical-align: bottom;
	width:100%;
	max-width: 980px;
}
.game #battle .battle-img {
	background: rgba(255, 131, 0, 0.5);
	margin: 0 auto 30px;
	padding: 25px 0 15px;
}
.game #battle .battle-img ul.imgs{
	width:100%;
	margin: 0;
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.game #battle .battle-img ul.imgs > li{
	text-align: center;
}
.game #battle .battle-img ul.imgs > li + li{
	padding-left:15px;
}
.game #battle .battle-img ul.imgs > li dl dt img{
	width:100%;
	border-radius: 10px;
	border:3px solid #fff;
	box-sizing: border-box;
}
.game #battle .battle-img ul.imgs > li dl dd {
	text-align: left;
	font-size: 81.25%;
}
.game #vs .vs-detail {
	background: url(../img/bombers/stripe-ygr.png) repeat;
}
.game #vs .vs-detail .inner{
	width:100%;
	background: url(../img/bombers/vs-img.png) right top no-repeat;
	background-size: contain;
	padding:20px 0;
	min-height:390px;
	box-sizing: border-box;
}
.game #vs .vs-detail .inner .vs-img{
	max-width:400px;
}
.game #vs .vs-detail .inner .vs-img dl dt img{
	border-radius: 10px;
	border:3px solid #fff;
	width:100%;
	max-width: 400px;
}
.game #vs .vs-detail .inner .vs-img dl dd{
	font-size: 81.25%;
	text-align: left;
}

@media only screen and (max-width: 979px){
	.game .pasukaru-world > .inner,
	.game .story-detail > .inner,
	.game .chara-detail > .inner,
	.game .battle-detail > .inner,
	.game .vs-detail > .inner,
	.game .battle-img >.inner{
		padding:0 10px;
	}
	.game #story .story-detail .inner {
		padding: 10px 10px 20px;
	}
	.game #vs .vs-detail .inner{
		padding:20px 10px;
	}
	.game #vs .vs-detail .inner {
		background: url(../img/bombers/vs-img.png) right top no-repeat;
		min-height: auto;
		background-size:contain;
	}
	.game #vs .vs-detail .inner .vs-img{
		width:40%;
	}
}
@media only screen and (max-width: 767px){
	.game #story .story-detail .inner {
		padding: 10px 10px 20px;
		min-height: auto;
	}
	.game #story .pasukaru-world ul.imgs > li dl dd,
	.game #battle .battle-img ul.imgs > li dl dd,
	.game #vs .vs-detail .inner .vs-img dl dd{
		font-size: 68.75%;
		line-height: 1.3;
	}
	.game #story .pasukaru-world {
		margin: 50px auto 30px;
	}
	.game #story .pasukaru-world ul.imgs > li + li ,
	.game #battle .battle-img ul.imgs > li + li {
		padding-left: 5px;
	}
	.game #battle .battle-detail {
		padding: 5px 0 0;
	}
	.game #battle .battle-img {
		padding: 10px;
	}
	.game #vs .vs-detail .inner {
		padding: 10px;
		min-height: auto;
	}
	.game #vs .vs-detail .inner .vs-img {
		margin:0 auto;
		width: 90%;
		padding-top: 58%;
	}
	.game #vs .vs-detail .inner .vs-img dl{
		text-align: center;
	}
	.game #vs .vs-detail .inner .vs-img dl dt img {
		width: 100%;
		max-width: 400px;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 479px){
	.game #story .pasukaru-world {
		margin: 40px auto 10px;
	}
	.game #story .pasukaru-world ul.imgs,
	.game #battle .battle-img ul.imgs{
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content:center;
		align-items: center;
		-webkit-align-items: center; 
	}
	.game #story .pasukaru-world h4 img {
		width: 80%;
	}
	.game #story .pasukaru-world ul.imgs li,
	.game #battle .battle-img ul.imgs li{
		width:90%;
		padding-bottom:10px;
		margin:0 auto;
	}
	.game #story .pasukaru-world ul.imgs > li + li,
	.game #battle .battle-img ul.imgs > li + li {
		padding: 0 0 10px;
	}
	.game #chara .chara-detail p img {
		margin: 7px auto 25px;
	}
}

.link{
	background: url(../img/bombers/stripe-y.png) repeat;
}
.link #contents{
	background:none;
}
.link #header.contents-head .sub-headline{
	background: #6eb92b;
}
.link #header.contents-head .headline h2:before {
	background: url(../img/bombers/bom-gr.svg) left top no-repeat;
	background-size: 100% auto;
}
.link .link-main {
	background: url(../img/bombers/spin-bg-l.svg) center top #ffe000 no-repeat;
	background-size: cover;
	padding-top: 15px;
}	
.link .link-main .link-main-inner{
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	max-height:530px;
}
.link .link-main .link-main-inner > div{
	max-width:980px;
	margin:0 auto;
	background: url(../img/bombers/link-top.png) center top no-repeat;
	background-size:100% auto;
	padding-top: 53.5%;
}
.link .link-main p {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	height: 0;
}
.link .link-detail{
	background: url(../img/bombers/link-bg-dot.png) center top repeat-x;
}
.link .link-detail .topic{
	max-width: 980px;
	margin: 0 auto;
	border-radius: 15px;
	border: 5px solid #000;
	background: #fff;
	margin-bottom: 25px;
	position: relative;
}
.link .link-detail .topic:before{
	content: '';
	background: url(../img/bombers/info-mark-bl.png) center top;
	height: 12px;
	width: 44px;
	position: absolute;
	left: 48%;
	top: -17px;
}
.link .link-detail .topic h3{
	background: #000;
	padding: 3px 15px;
}
.link .link-detail .topic img{
	vertical-align: bottom;
}
.link .link-detail .topic .topic-btm{
	background: #000;
	text-align: right;
	padding: 7px;
}
.link .link-detail .topic .topic-btm a{
	color: #fff;
	line-height: 1.2;
	position: relative;
	display: inline-block;
	padding: 0 0 0 23px;
	vertical-align: bottom;
	text-decoration: none;
	font-size: 87.5%;
}
.link .link-detail .topic .topic-btm a:hover{
	color:#fff100;
}
.link .link-detail .topic .topic-btm a::before,
.link .link-detail .topic .topic-btm a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.link .link-detail .topic .topic-btm a::before{
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}
.link .link-detail .topic .topic-btm a::after{
	left: 6px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 7px solid #000;
}
.link .topic .topic-inner{
	margin:0 auto;
	position: relative;
}
.link .topic .topic-inner .detail img{
	padding:0 10px;
	box-sizing: border-box;
}
.link #link-plate .topic-inner{
	max-width:935px;
	padding:38% 10px 0;
}
.link #link-plate h3 img{
	max-width: 393px;
	width: 48%;
}
.link #link-plate .topic-inner .detail img{
	position: absolute;
	bottom:0;
	left: 0;
	width:100%;
}
.link #link-app .topic-inner{
	max-width:938px;
	padding:31% 10px 0;
}
.link #link-app .topic-inner .detail{
	position: relative;
}
.link #link-app h3 img{
	max-width: 470px;
	width: 60%;
}
.link #link-app .topic-inner .detail img{
	position: absolute;
	bottom:0;
	left: 0;
	width:100%;
	z-index: 1;
}
.link #link-app .topic-inner .app_dl{
	position: absolute;
	left: 10px;
	bottom:10px;
	width:40%;
}
.link #link-app .topic-inner .app_dl h4{
	background:#000;
	text-align: center;
	color:#fff;
	padding:3px 10px;
	border-radius: 5px;
	margin:0 3px 3px;
	font-size:75%;
	z-index: 1;
	position: relative;
}
.link #link-app .topic-inner .app_dl h4:before{
	content: '';
	background: url(../img/bombers/app-free.png) no-repeat;
	background-size: 100% auto;
	width: 27%;
	max-width: 101px;
	padding-top: 27%;
	position: absolute;
	bottom: 0;
	left: 10px;
	z-index: 2;
}
.link #link-app .topic-inner .app_dl ul{
	display: table;
}
.link #link-app .topic-inner .app_dl ul li{
	display: table-cell;
	width:50%;
	padding:3px;
}
.link #link-app .topic-inner .app_dl ul li img{
	width: 100%;
}
@media only screen and (min-width: 768px){
	.link #link-app .topic-inner .app_dl:after{
		content: '';
		background: url(../img/bombers/link-detail-app-chara.png) no-repeat;
		background-size: 100% auto;
		width: 50%;
		max-width: 187px;
		position: absolute;
		bottom: 94%;
		right: 10px;
		padding-top: 32%;
	}
}
@media only screen and (max-width: 979px){
	.link .link-detail{
		padding:0 10px;
	}
}
@media only screen and (max-width: 767px){
	.link #link-app .topic-inner .app_dl h4{
		text-align: right;
	}
	.link #link-app .topic-inner .detail:after{
		content: '';
		background: url(../img/bombers/link-detail-app-chara.png) no-repeat;
		background-size: 100% auto;
		width: 19%;
		position: absolute;
		bottom: 0;
		right: 10px;
		padding-top: 12%;
		z-index: 2;
	}
}
@media only screen and (max-width: 479px){
	.link .link-main .link-main-inner {
		padding:0 10px 10px 10px;
	}	
	.link .link-main .link-main-inner > div{
		background: url(../img/bombers/link-top_sp.png) center top no-repeat;
		background-size:100% auto;
		padding-top: 98.1%;
	}
	.link .link-detail .topic h3{
		text-align: center;
	}
	.link .link-detail .topic .topic-btm {
		font-size:81.25%;
	}
	.link #link-plate .topic-inner{
		padding:10px;
	}
	.link #link-plate h3 img{
		width: 80%;
	}
	.link #link-plate .topic-inner .detail img {
		position: relative;
	}
	.link #link-app .topic-inner {
		padding:10px;
	}
	.link #link-app h3 img {
		width: 95%;
	}
	.link #link-app  .topic-inner .detail img {
		position: relative;
	}
	.link #link-app .topic-inner .app_dl {
		position: relative;
		width: 100%;
		left: auto;
		bottom: auto;
	}
	.link #link-app .topic-inner .detail:after{
		width: 35%;
		padding-top: 23%;
	}
	.link #link-app .topic-inner .app_dl h4:before {
		width: 17%;
		padding-top: 16.5%;
	}
}

.movie #movies{
	background: url(../img/bombers/stripe-tp.png) repeat;
	padding-bottom: 30px;
}
.movie #movies .movie-thumb a:after {
	content: "";
	position: absolute;
	display: block;
	width: 32%;
	top: 18%;
	padding-top: 31%;
	background: url(../img/movie_play_icon.svg) no-repeat;
	background-size: 100% auto;
	left: 34%;
}
.movie .hot-movie-wrap{
	background: rgba(255, 131, 0, 0.5);
	padding: 10px 0;
	margin-bottom: 10px;
}
.movie .hot-movie-wrap > .inner,
.movie .recommend-wrap > .inner{
	max-width: 980px;
	margin: 0 auto;
}
.movie .hot-movie-wrap .new-item ul{
	padding:20px 0 10px;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:		 wrap;
}
.movie .hot-movie-wrap .new-item ul li{
	width:50%;
	position: relative;
	padding:10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.movie .hot-movie-wrap .new-item dl dt img{
	width:100%;
	vertical-align: bottom;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	box-sizing: border-box;
}
.movie .hot-movie-wrap .new-item dl dt a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.movie .hot-movie-wrap .new-item dl dt{
	position: relative;
	text-align: center;
	background: #000;
	border-radius: 10px;
	border:3px solid #fff;
	overflow: hidden;
}
.movie .hot-movie-wrap .new-item dl.new:before{
	content: '';
	display: block;
	background: url(../img/bombers/new-icon.svg) no-repeat;
	width: 103px;
	height: 103px;
	position: absolute;
	top: -20px;
	left: -35px;
	z-index: 2;
}
.movie .hot-movie-wrap .new-item dl dd{
	text-align: center;
	background: #e5006e;
	padding: 7px 10px;
	border-radius: 20px;
	color: #fff;
	margin-top: 5px;
	font-weight: bold;
}
.movie .hot-movie-wrap .movie-comingsoon{
	position: relative;
	box-sizing: border-box;
	width: 100%;
}
.movie .hot-movie-wrap .movie-comingsoon .link{
	background:#fff;
	border-radius: 10px;
	position: absolute;
	right:0;
	bottom:0;
	width: 300px;
}
.movie .hot-movie-wrap .movie-comingsoon .link h4{
	background:#000;
	text-align: center;
	font-weight: bold;
	color:#fff;
	padding:5px;
	border-radius: 10px 10px 0 0;
}
.movie .hot-movie-wrap .movie-comingsoon .link dl{
	text-align: center;
	font-size:75%;
	padding:15px;
}
.movie .hot-movie-wrap .movie-comingsoon .link img{
	vertical-align: bottom;
	max-width: 185px;
	width:80%;
}
.movie .recommend-wrap ul.movie-list{
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
}
.movie .recommend-wrap ul.movie-list li{
	width:33.3%;
	box-sizing: border-box;
	padding:8px;
	position: relative;
	transition: all 0.5s ease;
}
.movie .recommend-wrap ul.movie-list li img{
	width:100%;
	vertical-align: bottom;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	box-sizing: border-box;
}
.movie .recommend-wrap ul.movie-list li a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.movie .recommend-wrap ul.movie-list li dl dt{
	background: #000;
	border-radius: 10px;
	border:3px solid #fff;
	overflow: hidden;
}
.movie .recommend-wrap ul.movie-list li dl dd{
	text-align: center;
	background: #00a7eb;
	padding: 1px 10px;
	font-size: 81.25%;
	border-radius: 10px;
	color: #fff;
	margin-top: 5px;
	font-weight: bold;
}
@media only screen and (max-width: 979px){
	.movie .hot-movie-wrap > .inner,
	.movie .recommend-wrap > .inner {
		padding: 0 10px;
		box-sizing: border-box;
	}
	.movie .hot-movie-wrap .new-item dl.new:before {
		top: -15px;
		left: 0px;
	}
	.movie .hot-movie-wrap .movie-comingsoon .comingsoon-img {
		background-size: 90%;
	}
	.movie .hot-movie-wrap .movie-comingsoon .link {
		width: 95%;
	}
	.movie .hot-movie-wrap .movie-comingsoon .link dl {
		padding: 5px;
	}
}
@media only screen and (max-width: 767px){
	.movie .hot-movie-wrap .movie-comingsoon .link h4 {
		font-size: 75%;
		padding: 2px;
	}
	.movie .hot-movie-wrap .movie-comingsoon .link dl {
		font-size: 62.5%;
	}
	.movie .hot-movie-wrap .movie-comingsoon .link dl dd span{
		display: none;
	}
	.movie .hot-movie-wrap .new-item dl.new:before {
		width: 80px;
		height: 80px;
		background-size: 100% auto;
	}
	.movie .hot-movie-wrap .new-item dl dd {
		font-size:85%;
	}
}
@media only screen and (max-width: 479px){
	.movie .hot-movie-wrap .new-item dl dd {
		margin-top: -10px;
		position: relative;
		width: 90%;
		margin: -10px auto 0;
		font-size:87.5%;
	}
	.movie .hot-movie-wrap .new-item ul {
		display: block;
		width: 100%;
	}
	.movie .hot-movie-wrap .new-item ul li {
		display: block;
		width: 100%;
		margin-bottom:10px;
	}
	.movie .hot-movie-wrap .movie-comingsoon .link {
		width: 100%;
		position: relative;
		margin-top:10px;
	}
	.movie .recommend-wrap ul.movie-list li dl dd {
		font-size: 62.5%;
	}
	.movie .recommend-wrap ul.movie-list li {
		width: 50%;
	}
	.movie .hot-movie-wrap .movie-comingsoon .comingsoon-img {
		display: none;
	}
}
.event .info-wrap{
	background:#fff;
	border-radius: 20px;
	border:5px solid #000;
	max-width:980px;
	margin:0 auto;
	box-sizing: border-box;
	margin-bottom:20px;
	opacity: 0;
	position: relative;
}
.event .info-wrap.on{
	animation: infoAnime 1.2s ease 1;
	-webkit-animation: infoAnime 1.2s ease 1;
	opacity: 1;
}
@keyframes infoAnime {
	0% {
		opacity: 0;
		transform:translate(0,20px);
	}
	100% {
		opacity: 1;
		transform:translate(0,0);
	}
}
@-webkit-keyframes infoAnime {
	0% {
		opacity: 0;
		transform:translate(0,20px);
	}
	100% {
		opacity: 1;
		transform:translate(0,0);
	}
}
.event .info-wrap h3{
	background: #000;
	position: relative;
	text-align: center;
	border-radius: 12px;
	padding: 7px 15px 10px;
	box-sizing: border-box
}
.event .info-wrap.new h3:before{
	content: '';
	display: block;
	background: url(../img/bombers/new-icon-p.svg) no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -16px;
	left: -8px;
	z-index: 2;
	background-size: 100% auto;
}
.event .info-wrap.new h3{
	padding-left: 37px;
}
.event .info-wrap img{
	vertical-align: middle;
}
.event .info-wrap h3 img{
	max-width:100%;
}
.event .info-wrap h3:after{
	content:'';
	background: url(../img/bombers/info-mark.png) center top;
	height:9px;
	width:33px;
	position: absolute;
	left:48%;
	top:-9px;
}
.event .info-wrap .event-head{
	background: url(../img/bombers/bg-dot-bottom.png) left bottom repeat-x #e5006e;
	border-radius: 15px 15px 0 0;
	padding: 20px 20px 40px;
	position: relative;
}
.event .info-wrap .tokuten-head{
	background: url(../img/bombers/bg-dot-bottom.png) left bottom repeat-x #e5006e;
	border-radius: 15px 15px 0 0;
	padding: 20px 20px 40px;
	margin-bottom:15px;
	position: relative;
}
.event .info-wrap .tokuten-head:after{
	content:'';
	background: url(../img/bombers/tokuten-chara.png) right bottom no-repeat;
	height:142px;
	width:322px;
	position: absolute;
	right: 15px;
	bottom: -25px;
}
.event .info-wrap .tokuten-head .catch{
	padding:10px;
	position: relative;
	z-index: 5;
}
.event .info-wrap .tokuten-head .catch img{
	width:100%;
	max-width:741px;
}
.event .info-wrap > .inner{
	padding:10px 20px 15px;
	position: relative;
}
.event .info-wrap ul.tokuten-list{
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width:100%;
}
.event .info-wrap ul.tokuten-list li{
	box-sizing: border-box;
	width:32%;
	background: #000;
	border-radius: 10px;
	border:3px solid #000;
	margin-bottom: 15px;
}
.event .info-wrap ul.tokuten-list li dl dt.shop{
	background:url(../img/bombers/tokuten-text.png) center bottom 10px no-repeat #000;
	color:#fff;
	padding: 1px 1px 40px;
}
.event .info-wrap ul.tokuten-list li dl dt.shop p{
	display: block;
	background: #ffffff;
	border-radius: 6px 6px 0 0;
	text-align: center;
}
.event .info-wrap ul.tokuten-list li dl dt.shop p img{
	vertical-align: bottom;
	padding: 7px 5px;
	max-width: 100%;
	box-sizing: border-box;
}
.event .info-wrap ul.tokuten-list li dl dt.shop p span{
	display: block;
	padding:4px 5px;
	font-weight: bold;
	text-align: center;
	background: #fff100;
	color:#000;
}
.event .info-wrap ul.tokuten-list li dl dd.chara-img{
	background:url(../img/bombers/tokuten-bg.svg) center top no-repeat #fff100;
	background-size:cover;
	text-align: center;
	padding:5px;
}
.event .info-wrap ul.tokuten-list li dl dd.chara-img img{
	height: 160px;
	width:auto;
}
.event .info-wrap ul.tokuten-list li dl dd.chara-name{
	background: #000;
	color:#fff;
	text-align: center;
	padding:5px;
	font-weight: bold;
}
.event #tokuten.info-wrap p.stamp-end{
	position: absolute;
	top: 28px;
	right: 45px;
	z-index: 6;
}
.event .info-wrap p.note{
	font-size:81.25%;
	margin:15px 0;
}
.event .inner .detail{
	padding:0;
	font-size:93.75%;
	line-height: 1.5;
}
.event .inner .detail span{
	color:#e5006e;
}
.event #topics-list{
	background: #f29600;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
	position: relative;
}
.event #topics-list .inner{
	max-width: 980px;
	margin:0 auto;
	padding:10px;
}
.event #topics-list ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:		 wrap;
}
.event #topics-list li{
	padding:2px 5px;
	width:50%;
	box-sizing: border-box;
}
.event #topics-list a{
	display: block;
	padding:3px 10px 3px 25px;
	background:#fff;
	color:#000;
	border-radius: 5px;
	font-weight: bold;
	border:2px solid #000;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	position: relative;
	font-size:87.5%;
}
.event #topics-list a:hover{
	background: #fff100;
}
.event #topics-list a::before,
.event #topics-list a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.event #topics-list a::before{
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
.event #topics-list a::after{
	left: 9px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 3px solid transparent;
	border-left: 5px solid #fff;
}
.event #news-taiken .inner > div{
	display: table;
}
.event #news-taiken .inner > div > div{
	display: table-cell;
	vertical-align: top;
}
.event #news-taiken .inner > div > div:first-child{
	width: 65%;
	position: relative;
}
.event #news-taiken .inner > div > div:first-child:after {
	content: '';
	position: absolute;
	top: 30px;
	right: 0;
	background: url(../img/bombers/stamp-end.png);
	width: 124px;
	height: 124px;
}
.event #news-taiken .inner .event-link a{
	width: 50%;
}
.event #news-taiken .taiken-img{
	position: relative;
	padding: 10px 0;
}
.event #news-taiken .taiken-img img{
	width:100%;
}
.event #news-taiken ul.detail-img{
	display: table;
	position: relative;
}
.event #news-taiken ul.detail-img li{
	display: table-cell;
	box-sizing: border-box;
	padding:3px;
}
.event #news-taiken ul.detail-img li img{
	width:100%;
	border:4px solid #e5006e;
	border-radius: 5px;
	box-sizing: border-box;
}
.event #news-taiken .detail-link{
	text-align: center;
	font-size: 81.25%;
	margin: 25px 0 0;
}
.event #news-tsutaya .inner,
.event #news-shimamura .inner,
.event #news-acecook .inner{
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.event #news-tsutaya .inner .inner-l,
.event #news-tsutaya .inner .inner-r,
.event #news-shimamura .inner .inner-l,
.event #news-shimamura .inner .inner-r,
.event #news-acecook .inner .inner-l,
.event #news-acecook .inner .inner-r{
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}
.event #news-tsutaya .inner .inner-l,
.event #news-shimamura .inner .inner-l,
.event #news-acecook .inner .inner-l{
	padding-right:10px;
	width: 45%;
}
.event #news-tsutaya .inner .inner-l img,
.event #news-shimamura .inner .inner-l img,
.event #news-acecook .inner .inner-l img{
	margin-top:-20px;
	position: relative;
	max-width: 394px;
	width:100%;
}
.event .inner .ttl-get{
	margin-bottom:10px;
}
.event .inner .ttl-get img{
	max-width: 486px;
	width:100%;
}
.event #news-tsutaya .inner .ttl,
.event #news-shimamura .inner .ttl,
.event #news-acecook .inner .ttl{
	margin-bottom:15px;
}
.event #news-tsutaya .inner .ttl img{
	max-width: 317px;
	width:100%;
}
.event #news-shimamura .inner .ttl img{
	max-width: 504px;
	width:100%;
}
.event #news-acecook .inner .ttl img{
	max-width: 495px;
	width:100%;
}
.event #news-acecook .event-link a {
	width: 50%;
}
.event #news-acecook .event-link span{
	font-size:75%;
}
.event #news-whf .whf-event-ttl{
	width:100%;
	max-width:910px;
	margin:0 auto 5px;
}
.event #news-whf .whf-event-ttl img{
	width:100%;
}
.event #news-whf .whf-event-ttl img.head-pc{
	display: block;
}
.event #news-whf .whf-event-ttl img.head-sp{
	display: none;
}
.event #news-whf .whf-detail,
.event #news-tgs .tgs-detail{
	width:100%;
	max-width:910px;
	margin:0 auto 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items: center;
	align-items:         center;
	font-size: 93.75%;
	position: relative;
}
.event #news-tgs .tgs-detail{
	-webkit-align-items: flex-start;
	align-items:         flex-start;
}
.event #news-whf .end-stamp dl:after{
	content: '';
	position: absolute;
	top: 17px;
	left: 20%;
	background: url(../img/bombers/stamp-end.png);
	width: 124px;
	height: 124px;
}
.event #news-whf .whf-detail dl,
.event #news-tgs .tgs-detail dl{
	width:50%;
	padding-top: 10px;
}
.event #news-whf .whf-detail dt,
.event #news-tgs .tgs-detail dt{
	width: 22%;
	background:#000;
	padding:2px 5px;
	border-radius: 30px;
	float: left;
	color:#fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 87.5%;
	white-space: nowrap;
}
.event #news-whf .whf-detail dd,
.event #news-tgs .tgs-detail dd{
	background: #fff;
	margin-left: 22%;
	padding:3px 0 3px 10px;
	box-sizing: border-box;
}
.event #news-whf .whf-detail dd:after,
.event #news-tgs .tgs-detail dd:after{
	content: '';
	display: block;
	clear: both;
}
.event #news-tgs .tgs-detail p img{
	margin-top:-27px;
}
.event #news-whf h4{
	background:#e5006e;
	padding:6px 10px;
	border-radius: 10px;
	text-align: center;
	margin-bottom:10px;
}
.event #news-whf h4 img{
	max-width: 80%;
}
.event #news-whf .whf-stage{
	margin-bottom:20px;
}
.event #news-whf .whf-stage dl,
.event #news-whf .whf-stage .stage-item{
	width:100%;
	max-width:890px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items: center;
	align-items:         center;
}
.event #news-whf .whf-stage dl img,
.event #news-whf .whf-stage .stage-item img{
	max-width:100%;
}
.event #news-whf .whf-stage > p{
	padding:15px;
	font-size: 93.75%;
}
.event #news-whf .whf-detail p{
	display: block;
}
.event #news-whf .whf-detail p img{
	width:100%;
	max-width: 442px;
}
.event #news-whf .whf-item-inner{
	width:100%;
	max-width:910px;
	margin:0 auto 10px;
	font-size: 93.75%;
}
.event #news-whf .whf-item-inner > p{
	padding:10px;
}
.event #news-whf .whf-item .booth-item{
	max-width:675px;
	margin:15px auto 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.event #news-whf .event-link a{
	margin: 0 auto;
	width: 40%;
}
.event #news-whf p.note{
	margin:0;
}
.event #news-whf .whf-item .booth-item img{
	max-width:100%;
}
.event #news-corotour .corotour-head{
	background:url(../img/bombers/news-corotour-head.png) no-repeat;
	background-size:100% auto;
	padding-top:17.8%;
	position: relative;
	margin: -20px auto 15px;
}
.event #news-corotour .corotour-head p{
	position: absolute;
	top: 32%;
	right: 25px;
	font-weight: bold;
	font-size: 220%;
	text-align: center;
	width: 550px;
	height:78px;
	line-height: 2;
	padding:0;
	background:url(../img/bombers/balloon-event.svg) no-repeat;
	background-size:100% auto;
}
.event #news-corotour .corotour-head p span{
	display: inline-block;
}
.event #news-corotour p.detail{
	margin-bottom:15px;
}
.event #news-corotour ul.corotour-item,
.event #news-tgs ul.tgs-item{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:		 wrap;
	-webkit-justify-content: center;
	justify-content:		 center;
	width:95%;
	margin:0 auto;
	position: relative;
}
.event #news-corotour ul.corotour-item:after{
	content: '';
	position: absolute;
	top: -20px;
	left: -10px;
	background: url(../img/bombers/stamp-end.png);
	width: 124px;
	height: 124px;
}
.event #news-corotour ul.corotour-item li,
.event #news-tgs ul.tgs-item li{
	padding:4px 0;
}
.event #news-corotour ul.corotour-item li.logo img,
.event #news-tgs ul.tgs-item li.logo img{
	width:240px;
}
.event #news-corotour ul.corotour-item li img,
.event #news-tgs ul.tgs-item li img{
	max-width:100%;
}
.event #news-tgs .tgs-detail.closed dl{
	position: relative;
}
.event #news-tgs .tgs-detail.closed dl:after{
	content: '';
	position: absolute;
	top: 20px;
	right: 10px;
	background: url(../img/bombers/stamp-end.png);
	width: 124px;
	height: 124px;
}
@media only screen and (max-width: 890px){
	.event #news-corotour .corotour-head p{
		width: 450px;
		height:64px;
		font-size: 180%;
	}
}
@media only screen and (max-width: 710px){
	.event #news-corotour .corotour-head p{
		width: 350px;
		height:50px;
		font-size: 140%;
	}
}
@media only screen and (max-width: 767px){
	.event #news-corotour ul.corotour-item,
	.event #news-tgs ul.tgs-item{
		-webkit-flex-wrap: wrap;
		flex-wrap:		 wrap;
		-webkit-justify-content: center;
		justify-content:		 center;
		width:75%;
	}
	.event #news-corotour ul.corotour-item li,
	.event #news-tgs ul.tgs-item li{
		margin-bottom:10px;
		text-align: center;
	}
}
@media only screen and (max-width: 580px){
	.event #news-corotour .corotour-head p{
		width: 280px;
		height:40px;
		font-size: 120%;
	}
}
@media only screen and (max-width: 479px){
	.event #news-corotour .corotour-head{
		background:url(../img/bombers/news-corotour-head_sp.png) no-repeat;
		background-size:100% auto;
		padding-top:38.3%;
	}
	.event #news-corotour .corotour-head p{
		background: #fff;
		border: 3px solid #000;
		font-size: 130%;
		padding: 8px 10px;
		line-height: 1;
		height: auto;
		border-radius: 20px;
		width: 50%;
		right: 10px;
		top: auto;
		bottom: 10px;
	}
}
@media only screen and (max-width: 400px){
	.event #news-corotour .corotour-head p{
		font-size:100%;
		border-radius: 10px;
	}
}
.event #news-shoptrial .plate-img img{
	max-width: 100%;
	margin:15px auto;
	display: block;
}
.event #news-shoptrial table.event-list{
	font-size:85%;
}
.event #news-shoptrial table.event-list td span{
	display:block;
	font-size:75%;
	line-height: 1.4;
}
.event #news-tsutaya .add-item{
	margin-top:8px;
}
.event #news-tsutaya .add-item img{
	float:left;
	margin-right:5px;
}
.event #news-tsutaya .add-item:after{
	content: ""; 
	display: block; 
	clear: both;
}
.event #news-tsutaya .howto-get{
	padding:15px;
	font-size: 87.5%;
}
.event #news-tsutaya .howto-get .howto-ttl{
	padding: 5px 10px;
	background: #fff100;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
.event #news-tsutaya .howto-get ol{
	counter-reset:number;
	margin:10px 0;
}
.event #news-tsutaya .howto-get ol li{
	padding-left:30px;
	position: relative;
	margin-bottom: 5px;
}
.event #news-tsutaya .howto-get ol li:before{
	counter-increment: number;
	content: counter(number);
	background: #e5006e;
	color: #fff;
	border-radius: 15px;
	padding: 1px 7px;
	font-size: 85%;
	position: absolute;
	left: 0;
}
.event .event-link{
	text-align: center;
}
.event .event-link a {
	display: block;
	margin: 15px auto 5px;
	color: #fff;
	background: #000;
	padding: 10px 50px 10px 10px;
	text-align: center;
	width: 70%;
	border-radius: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	position: relative;
	font-weight: bold;
	box-sizing: border-box;
	min-width: 195px;
}
.event .event-link a::before,
.event .event-link a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.event .event-link a::before{
	width: 22px;
	height: 22px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}
.event .event-link a::after{
	right: 18px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 7px solid transparent;
	border-left: 9px solid #000;
}
.event .event-link a:hover{
	background: #e5006e;
}
.event .event-link a:hover:after{
	border-left: 9px solid #e5006e;
}
.event .event-link span{
	font-size:85%;
}
.event table.event-list {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size:87.5%;
	width:90%;
	margin:10px auto;
}
.event table.event-list tr.closed th,
.event table.event-list tr.closed td{
	background: #f1f1f1;
	color: #949494;
}
.event table.event-list th {
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #6eb92b;
	color:#fff;
	text-align: center;
}
.event table.event-list td {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 767px){
	.event .inner .detail {
		padding: 0;
	}
	.event .info-wrap .tokuten-head {
		padding: 10px 10px 20px;
	}
	.event .info-wrap ul.tokuten-list li {
		width: 49%;
	}
	.event .info-wrap .tokuten-head:after {
		background-size: 78%;
		bottom: -25px;
	}
	.event .info-wrap ul.tokuten-list li dl dd.chara-name {
		font-size: 81.25%;
	}
	.event #news-whf .whf-event-ttl img.head-pc{
		display: none;
	}
	.event #news-whf .whf-event-ttl img.head-sp{
		display: block;
	}
	.event #news-whf .whf-stage dl,
	.event #news-whf .whf-stage .stage-item {
		display: block;
		text-align: center;
	}
	.event #news-whf .whf-stage .stage-item li:first-child{
		margin-bottom:15px;
	}
	.event #news-whf .whf-stage > p {
		padding: 15px 10px;
	}
	.event #news-whf .whf-detail,
	.event #news-whf .whf-item-inner,
	.event #news-tgs .tgs-detail{
		display: block;
	}
	.event #news-whf .whf-detail dl,
	.event #news-tgs .tgs-detail dl{
		width: 100%;
	}
	.event #news-whf .whf-detail p,
	.event #news-tgs .tgs-detail p{
		text-align: center;
	}
	.event #news-tgs .tgs-detail p img{
		margin:0;
		max-width:100%;
	}
	.event #news-whf .end-stamp dl:after{
		top: -6px;
		left: 30%;
	}
	.event #news-whf .whf-item .item-ttl {
		width: 100%;
		padding: 0 10px;
	}
	.event #news-whf .event-link a{
		width: 90%;
	}
	.event #news-taiken .inner > div > div:first-child {
		width: 55%;
	}
	.event #news-taiken .detail-link{
		display: none;
	}
	.event #news-tsutaya .add-item img{
		float:none;
		display: block;
		margin: 5px auto;
		max-width:90%;
	}
	.event table.event-list {
		width: 100%;
	}
}
@media only screen and (max-width: 479px){
	.event .info-wrap > .inner {
		padding: 10px;
	}
	.event #news-tsutaya .inner .ttl,
	.event #news-shimamura .inner .ttl,
	.event #news-acecook .inner .ttl {
		margin-bottom: 5px;
	}
	.event .inner .detail {
		padding: 0 10px;
		font-size: 87.5%;
		line-height: 1.5;
	}
	.event .inner .ttl-get{
		padding: 10px 10px 0;
	}
	.event .inner .ttl{
		padding: 0 10px 0;
	}
	.event .info-wrap .event-head{
		padding: 15px 10px 40px;
	}
	.event .info-wrap ul.tokuten-list li {
		width: 98%;
	}
	.event .info-wrap .tokuten-head:after {
		background-size: 60%;
	}
	.event .info-wrap.new h3:before{
		width: 45px;
		height: 45px;
		top: -15px;
		left: -10px;
	}
	.event .info-wrap.new h3{
		padding-left: 37px;
	}
	.event #news-taiken .detail{
		padding-right: 0;
	}
	.event #news-taiken .detail-link{
		text-align: center;
		padding: 10px;
		width: 100%;
	}
	.event #news-taiken .taiken-img{
		position: relative;
		text-align: right;
	}
	.event #news-taiken ul.detail-img{
		display: block;
		width:80%;
		margin:0 auto;
	}
	.event #news-taiken ul.detail-img li{
		display: block;
		padding:3px;
	}
	.event #news-taiken ul.detail-img li img{
		width:100%;
		border:4px solid #e5006e;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.event #news-tsutaya .inner,
	.event #news-shimamura .inner,
	.event #news-acecook .inner{
		display: block;
	}
	.event #news-tsutaya .inner .inner-l,
	.event #news-tsutaya .inner .inner-r,
	.event #news-shimamura .inner .inner-l,
	.event #news-shimamura .inner .inner-r,
	.event #news-acecook .inner .inner-l,
	.event #news-acecook .inner .inner-r{
		display: block;
	}
	.event #news-tsutaya .inner .inner-l,
	.event #news-shimamura .inner .inner-l,
	.event #news-acecook .inner .inner-l{
		padding-right:0px;
		width: 80%;
		margin:0 auto;
	}
	.event #news-taiken .inner > div{
		display: block;
	}
	.event #news-taiken .inner > div > div{
		display: block;
	}
	.event #news-taiken .inner > div > div:first-child{
		width:100%;
	}
	.event #news-taiken .inner > div > div:last-child{
		width:70%;
		margin: 0 auto;
	}
	.event #news-whf .whf-detail dt,
	.event #news-tgs .tgs-detail dt{
		float: none;
		width:100%;
	}
	.event #news-whf .whf-detail dd,
	.event #news-tgs .tgs-detail dd{
		margin:0;
		font-size:87.5%;
	}
	.event #news-whf .end-stamp dl:after{
		top: 59px;
		left: 23%;
	}
	.event #news-whf .whf-item .booth-item{
		display: block;
		text-align: center;
	}
	.event #news-whf .whf-item .booth-item li + li{
		margin-top:10px;
	}
	.event .event-link {
		width: 100%;
	}
	.event .event-link a {
		width: 90%;
	}
}
/*common balloon*/
.balloon-top {
	background: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	position: relative;
	display: inline-block;
	width: auto;
	border: 3px solid #19283C;
	z-index: 0;
}
.balloon-top:before {
	content: "";
	position: absolute;
	top: -8px; left: 50%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #F6F6F6 transparent;
	z-index: 0;
}
.balloon-top:after {
	content: "";
	position: absolute;
	top: -12px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #19283C transparent;
	z-index: -1;
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
	width: 96%;
	margin: 0 auto;
	border-radius: 10px;
	border: 3px solid #fff;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	display: block;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	width: 25px;
	height: 25px;
}
.slick-next{
	right: 5px;
	z-index: 99;
}
.slick-prev{
	left: 5px;
	z-index: 100;
}
.slick-prev:before, .slick-next:before {
	opacity: .6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev::before,
.slick-prev::after,
.slick-next::before,
.slick-next::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	vertical-align: middle;
	display: block;
}
.slick-prev::before{
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
.slick-prev::after{
	left: 2px;
	top: 6px;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	border: 6px solid transparent;
	border-right: 8px solid #fff;
}
.slick-next::before{
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
.slick-next::after{
	left: 10px;
	top: 6px;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	border: 6px solid transparent;
	border-left: 8px solid #fff;
}
/* sns */
.sns-area ul{
	margin: 0 0 10px;
	text-align: center;
}
.sns-area ul li{
	display: inline-block;
}
.sns-area ul li a{
	display: inline-block;
	margin: 0 7px;
	width: 54px;
	height: 54px;
	border-radius: 60px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.sns-area ul li.twitter a{
	border: 3px solid #959595;
	background: url(../img/bombers/sns_icon_tw.svg) no-repeat center center #fff;
	background-size: 50% auto;
}
.sns-area ul li.twitter a:hover{
	border: 3px solid #30a6df;
	background: url(../img/bombers/sns_icon_tw_on.svg) no-repeat center center #fff;
	background-size: 50% auto;
}
.sns-area ul li.facebook a{
	border: 3px solid #959595;
	background: url(../img/bombers/sns_icon_fb.svg) no-repeat center center #fff;
	background-size: 25% auto;
}
.sns-area ul li.facebook a:hover{
	border: 3px solid #325094;
	background: url(../img/bombers/sns_icon_fb_on.svg) no-repeat center center #fff;
	background-size: 25% auto;
}
.sns-area ul li.google a{
	border: 3px solid #959595;
	background: url(../img/bombers/sns_icon_google.svg) no-repeat center center #fff;
	background-size: 50% auto;
}
.sns-area ul li.google a:hover{
	border: 3px solid #dc4e41;
	background: url(../img/bombers/sns_icon_google_on.svg) no-repeat center center #fff;
	background-size: 50% auto;
}

/*------------ trial ------------*/
.main .trial-btn{
	position: absolute;
	bottom:0;
	left:0;
	width: 20%;
}
.main .trial-btn img{
	width: 100%;
	-webkit-animation: newAnime 1.2s ease infinite alternate;
	animation: newAnime 1.2s ease infinite alternate;
}
.main .trial-btn a:hover img{
	transform:scale(0.9);
}
.main .trial-btn.new:before{
	content: "NEW";
	background: #e73078;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: absolute;
	top: 12%;
	right: 0;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.main .trial-btn{
		display: none;
	}
}
@-webkit-keyframes newAnime {
	0% {
		transform:scale(1.2);
	}
	15% {
		transform:scale(1);
	}
	100% {
		transform:scale(1);
	}
}
@keyframes newAnime {
	0% {
		transform:scale(1.2);
	}
	15% {
		transform:scale(1);
	}
	100% {
		transform:scale(1);
	}
}
/*------------ foot ------------*/
#footer {
	width:100%;
}
.footer-fix #footer {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	z-index: 20;
}
#footer .footer-inner{
	background: #fff;
	overflow: hidden;
}
#footer .footer-inner a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#footer .partners{
	max-width: 980px;
	margin: 0 auto;
}
#footer .partners > ul{
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center; 
	margin:5px auto;
}
#footer .partners > ul li{
	padding:5px;
}
#footer .partners > ul li img{
	width:auto;
	height:50px;
	vertical-align: bottom;
}
@media only screen and (min-width: 768px){
	#footer .partners > ul li img{
		height:70px;
	}
}
#footer .link-index{
	background: url(../img/stripe1.png) repeat #000;
	padding: 10px 0;
}
#footer .link-index a{
	background: url(../img/stripe1.png) repeat #000;
}
#footer .link-index a img{
	vertical-align: bottom;
	display: block;
	margin:0 auto;
	width:95%;
	max-width: 432px;
}
#footer .siteinfo{
	width: 100%;
	background: #292929;
	color:#fff;
	padding: 10px 0;
}
#footer .siteinfo ul {
	text-align: center;
	margin-bottom:5px;
	font-size: 68.75%;
}
#footer .siteinfo ul li {
	display: inline-block;
}
#footer .siteinfo ul li a{
	color:#fff;
}
#footer .siteinfo ul li a:hover {
	text-decoration: underline;
}
#footer .siteinfo ul li a:after {
	content:"|";
	display: inline-block;
	padding: 0 10px;
}
#footer .siteinfo ul li:last-child a:after {
	content:"";
}
#footer .siteinfo p.copy{
	text-align: center;
	font-size: 62.5%;
}
#footer .siteinfo p.copy span{
	display: inline-block;
}

/*pgea-cover*/
#page-cover{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.7);
	z-index: 9998;
}

/*popup*/
#popup{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 9999;
}
#popup .close {
	max-width: 980px;
	margin: 0 auto;
	padding: 10px;
	text-align: right;
}
#popup .close a{
	color:#fff;
}
#popup .close a span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #00ace2;
	vertical-align: middle;
}
#popup .close a span:after,
#popup .close a span:before {
	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:28px;
	height:3px;
	content:"";
	margin: auto;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .close a span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#popup .youtube-popup {
	padding: 10px 10px 20px;
	box-sizing: border-box;
}
#popup .youtube-popup .inner {
	position: relative;
	overflow: hidden;
	padding-top: 55.6%;
	height: 0;
	background: #000;
}
#popup .youtube-popup iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width:520px) {
	#popup .notice-detail p {
		font-size: 87.5%;
	}
}
@media screen and (min-width:980px) {
	#popup{
		left:50%;
		max-width: 980px;
		margin-left: -490px;
	}
}

#pagetop {
	position: absolute;
	top: -50px;
	right: 0;
}
#pagetop a {
	background: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	color: #fff;
	width: 40px;
	text-align: center;
	display: block;
	border-radius: 50px 0 0 50px;
	font-size: 87.5%;
	position: relative;
	height: 40px;
}
#pagetop a:before{
	content: '';
	display: block;
	left: 12px;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border: 10px solid transparent;
	border-bottom: 15px solid #fff;
	position: absolute;
}
#pagetop a:hover {
	background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:1100px) {
	#pagetop {
		top: -100px;
	}
}
@media screen and (max-width:479px) {
	#pagetop {
		top: -55px;
		right:5px;
	}
	#pagetop a {
		border-radius: 50px;
	}
	#pagetop a:before{
		content: '';
		display: block;
		left: 10px;
	}
}

/* 体験版 */
#trial-info .popup-wrap{
	width:100%;
	border-radius:20px;
	border:6px solid #000;
	background:url(../img/bombers/dot-or-top.png),url(../img/bombers/dot-or-btm.png) #fff;
	background-repeat:repeat-x,repeat-x;
	background-position:left top,left bottom;
	margin:0 auto;
	position: relative;
	box-sizing: border-box;
}
#trial-info h3{
	background: #000;
	text-align: center;
	margin: 15px 15px 10px;
	border-radius: 10px;
	padding: 5px 10px 8px;
	position: relative;
}
#trial-info h3:after {
	content: '';
	background: url(../img/bombers/info-mark.png) center top;
	height: 9px;
	width: 33px;
	position: absolute;
	left: 48%;
	top: -9px;
}
#trial-info h3 img{
	max-width: 80%;
}
#trial-info h4{
	text-align: center;
}
#trial-info h4 img{
	max-width: 90%;
	paddign:10px;
}
#trial-info h4 img.ttl-long{
	display: inline-block;
}
#trial-info h4 img.ttl-short{
	display: none;
}
#trial-info img{
	vertical-align: middle;
}
#trial-info .howto{
	padding: 15px 30px 0;
	font-size:93.75%;
}
#trial-info .howto{
	display: table;
}
#trial-info .howto p.note{
	font-size: 85%;
	margin-top: 10px;
}
#trial-info .howto > div{
	display: table-cell;
}
#trial-info .youtube{
	width:70%;
	margin:15px auto 0;
}
#trial-info .youtube .youtube-inner{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
#trial-info .youtube .youtube-inner iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
#trial-info .howto .howto-dl{
	padding: 5px 10px 0 0;
	box-sizing: border-box;
	vertical-align: middle;
	position: relative;
}
#trial-info .howto .howto-dl.closed:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/bombers/stamp-end.png);
	width: 124px;
	height: 124px;
}
#trial-info .howto .howto-dl dt {
	width: 20%;
	background:#000;
	padding:3px 5px;
	border-radius: 10px;
	float: left;
	color:#fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 87.5%;
}
#trial-info .howto .howto-dl dd {
	background: #fff;
	margin-left: 20%;
	padding:3px 0 5px 10px;
	box-sizing: border-box;
}
#trial-info .howto .howto-dl dd:after {
	content: '';
	display: block;
	clear: both;
}
#trial-info .howto .howto-img{
	width:45%;
	vertical-align: bottom;
}
#trial-info .howto .howto-img img{
	max-width:385px;
	width:100%;
}
#trial-info .ss{
	background: url(../img/bombers/stripe-or.png) #fff100;
	width:100%;
	padding: 10px;
	box-sizing: border-box;
}
#trial-info .ss > ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:		 wrap;
	width:100%;
	box-sizing: border-box;
}
#trial-info .ss > ul > li{
	width:33.3%;
	box-sizing: border-box;
	padding:10px;
}
#trial-info .ss > ul > li dt.ttl,
#trial-info .ss > ul > li dd.ss-img{
	text-align: center;
	padding-bottom:5px;
}
#trial-info .ss > ul > li dt.ttl img{
	width:90%;
	padding-bottom:5px;
}
#trial-info .ss > ul > li:first-child dt.ttl img{
	max-width: 200px;
}
#trial-info .ss > ul > li:nth-child(2) dt.ttl img{
	max-width: 230px;
}
#trial-info .ss > ul > li:nth-child(3) dt.ttl img{
	max-width: 132px;
}
#trial-info .ss > ul > li dd.ss-img img{
	width:100%;
}
#trial-info .ss > ul > li dd.info{
	font-size:81.25%;
	font-weight: bold;
}
#trial-info .chara ul{
	display: table;
	width: 100%;
}
#trial-info .chara ul li{
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}
#trial-info .chara ul li img{
	width:100%;
}
#trial-info .chara ul li.chara-img{
	text-align: right;
}
#trial-info .chara ul li.chara-img img{
	max-width: 372px;
	margin:10px;
}
#trial-info .chara ul li.chara-info img{
	max-width: 506px;
}

@media only screen and (max-width: 979px){
	#trial-info{
		padding:10px;
	}
}
@media only screen and (max-width: 767px){
	#trial-info h4 img.ttl-long{
		display: none;
	}
	#trial-info h4 img.ttl-short{
		display: inline-block;
	}
	#trial-info .ss > ul > li{
		width:50%;
	}
	#trial-info .youtube{
		width:95%;
	}
	#trial-info .howto {
		padding: 15px 15px 0;
	}
	#trial-info .howto div {
		display:block;
	}
	#trial-info .howto > div {
		display:block;
	}
	#trial-info .howto .howto-img {
		width: 100%;
		text-align: center;
	}
	#trial-info .ss > ul > li{
		padding: 5px;
	}
}
@media only screen and (max-width: 479px){
	#trial-info h3{
		margin: 10px;
	}
	#trial-info .ss > ul > li{
		width:100%;
	}
	#trial-info .howto .howto-dl dt{
		float: none;
		width:100%;
	}
	#trial-info .howto .howto-dl dd {
		margin:0;
		font-size:87.5%;
	}
	#trial-info .chara ul{
		display: block;
	}
	#trial-info .chara ul li{
		display: block;
	}
	#trial-info .chara ul li.chara-img{
		box-sizing: border-box;
		margin:0;
		padding:0 10px;
		text-align: center;
	}
	#trial-info .chara ul li.chara-img img{
		margin:5px;
		width: 80%;
	}
	#trial-info .chara ul li.chara-info{
		box-sizing: border-box;
		margin:0;
		padding:0 10px;
	}
}

#news-event1119 .about p{
	text-align: center;
	margin-bottom:10px;
}
#news-event1119 .about p img{
	max-width: 100%;
}
#news-event1119 .about p.sp-disp img{
	max-width: 80%;
}
#news-event1119 .about p.note{
	text-align: left;
}
#news-event1119 .about .outline{
	width:80%;
	background: #fff995;
	padding:10px 15px;
	margin:20px auto ;
	border-radius: 15px;
	box-sizing: border-box;
	position: relative;
}
#news-event1119 .about .outline.closed dl:after {
	content: '';
	position: absolute;
	top: 20px;
	right: 10px;
	background: url(../img/bombers/stamp-end.png);
	width: 124px;
	height: 124px;
}
@media only screen and (min-width: 768px){
	#news-event1119 .detail{
		display: table;
		width: 98%;
		margin: 0 auto;
	}
	#news-event1119 .detail p{
		display: table-cell;
		vertical-align: top;
	}
	#news-event1119 .detail p img{
		width:100%;
	}
	#news-event1119 .detail p:first-child img{
		max-width:532px;
	}
	#news-event1119 .detail p:last-child img{
		max-width:360px;
	}
	#news-event1119 .detail p:last-child{
		text-align: right;
	}
}
@media only screen and (max-width: 767px){
	#news-event1119 .about .outline{
		width:100%;
	}
	#news-event1119 .detail p{
		text-align: center;
	}
	#news-event1119 .detail p img{
		width:100%;
	}
	#news-event1119 .detail p:last-child img{
		width:80%;
	}
}

/*event common*/
.event dl.event-outline{
	width:100%;
	padding-top: 10px;
	font-size: 87.5%;
}
.event dl.event-outline dt{
	width:120px;
	background:#000;
	padding:2px 5px;
	border-radius: 30px;
	float: left;
	color:#fff;
	text-align: center;
	box-sizing: border-box;
	white-space: nowrap;
}
.event dl.event-outline dd{
	margin-left: 120px;
	padding:3px 0 3px 10px;
	box-sizing: border-box;
}
.event dl.event-outline dd:after{
	content: '';
	display: block;
	clear: both;
}
@media only screen and (max-width: 767px){
	.event dl.event-outline dt{
		float: none;
		width:100%;
	}
	.event dl.event-outline dd{
		margin:0;
		font-size:87.5%;
	}
}