@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 {

	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;
	word-break:break-all;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

	display: block;

}

sup {

	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.5em;

}

sub {

	font-size: 75.5%;
	vertical-align: sub;

}


/* style */
html {

	height: 100%;

}

body {

	height: 100%;
	font-family: arial, sans-serif;
	font-size:0.9em;
	line-height: 18px;
	color: #3c454c;

}

body:lang(ja), body:lang(zh-cn), body:lang(zh-cn) {

	line-height: 20px;

}

body:lang(ja) {

	font-family: arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

/*
ヘッダー部分
-------------------------------------------------------- */
header #konami-sites {

	max-width: 980px;
	margin: auto;
	display: none;

}

header #konami-sites .controller ul {

	overflow: hidden;
	padding: 8px 10px 4px 0;

}

header #konami-sites .controller li {

	float: right;
	width: 80px;
	height: 50px;
	font-size:62.5%;
	text-align: center;
	border-left: 1px dotted #bdd1dc;

}

header #konami-sites .controller li a {

	display: block;
	position: relative;
	padding: 30px 0 0 0;
	color: #61737f;

}

header #konami-sites .controller li a:before {

	content: '';
	position: absolute;
	width: 35px;
	height: 21px;
	top: 8px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/icon-header.svg) no-repeat;
	-webkit-background-size: auto 21px;
	background-size: auto 21px;

}

header #konami-sites .controller li.close a:before {

	background-position: -105px 0;
	-webkit-background-position: -105px 0;

}

header #konami-sites .controller li.inquiry a:before {

	background-position: -70px 0;
	-webkit-background-position: -70px 0;

}

header #konami-sites .controller li.global a:before {

	background-position: -35px 0;
	-webkit-background-position: -35px 0;

}

header #konami-sites .controller li a:hover {

	color: #f00;

}

header .ttl {

	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #bdd1dc;

}

header .co-profile {

	padding: 0 10px;
	border-bottom: 1px solid #bdd1dc;

}

header .co-profile li+li {

	border-top: 1px dotted #bdd1dc;

}

header .co-profile li a,header .co-profile li span {

	display: block;
	padding: 10px;

}

header .co-profile li a {

	position: relative;
	color: #a60014;

}

header .co-profile li a:hover {

	color: #f00;

}

header .co-profile li a:after {

	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #a60014;
	border-left: 1px solid #a60014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);

}

header .co-profile li a:hover:after {

	border-top: 1px solid #f00;
	border-left: 1px solid #f00;

}

header .associate {

	display: none;
	padding: 20px 0;
	border-bottom: 1px solid #bdd1dc;

}

header .associate ul {

	display: table;

}

header .associate ul li {

	display: table-cell;
	padding: 0 0 0 6px;
	font-size: 75%;
	line-height: 1.2;

}

header .associate ul li a {

	display: block;
	color: #a60014;

}

header .associate ul li a:hover {

	color: #f00;

}

header #logos {

	overflow: hidden;
	max-width: 960px;
	height: 40px;
	margin: auto;
	padding: 10px;
	position:relative;

}

header #logos #konamilogo {

	position: absolute;
  top: 0px;
  left: 0px;
  z-index: 50;
  display: block;
  height: 37px;
  width: 130px;
  background-image: url(/kag/ci/logo/konami_logo_normal.png);
  background-repeat: no-repeat;
  background-size: 100%;

}

header #logos #konamilogo a {

	display: block;
	height: 100%;

}

header #logos #konamilogo span {

	visibility: hidden;;
}

header #logos #company_name{

	display: inline-block;
	position:absolute;
  color: #555555;
  position: absolute;

}

header #logos .btn-konami-sites {

	float: right;
	width: 60px;
	height: 30px;
	margin: 10px 0 0 0;
	font-size:62.5%;
	line-height: 1;
	text-align: center;
	border-left: 1px dotted #bdd1dc;

}

header #logos .btn-inquiry {

	float: right;
	width: 70px;
	height: 30px;
	margin: 10px 0 0 0;
	font-size:62.5%;
	line-height: 1;
	text-align: center;
	border-left: 1px dotted #bdd1dc;

}

header #logos .btn-konami-sites a#gnavi_button {

	width: auto;
	height:  auto;
	z-index: 10;
	display: block;
	position: relative;
	padding:0;
	color: #61737f;
	cursor: pointer;
	border: none;
	line-height: 1em;
	margin: auto;

}

header #logos .btn-inquiry a {

	display: block;
	position: relative;
	padding: 10px 0;
	color: #61737f;

}

header #logos .btn-konami-sites a#gnavi_button:hover,header #logos .btn-inquiry a:hover {

	color: #f00;
	background: none;

}

header #global-menu {

	min-height: 40px;
	background:-moz-linear-gradient(top, #777 0%, #878787 28%, #666 100%);
	background:-webkit-linear-gradient(top, #777 0%, #878787 28%, #666 100%);
	background:linear-gradient(to bottom, #777 0%, #878787 28%, #666 100%);

}

header #global-menu .inner {

	max-width: 980px;
	margin: 0 auto;

}

header #global-menu .inner p {

	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 100%;
	padding: 0 10px;
	font-size: 87.5%;
	line-height: 40px;
	vertical-align: bottom;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	background: #990014;

}

header .sub-menu {

	background:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background:linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	border-bottom: 1px solid #e2e2e2;

}

header .sub-menu ul {

	max-width: 980px;
	margin: 0 auto;

}

header .sub-menu ul li {

	display: inline-block;
	box-sizing: border-box;
	height: 40px;
	width: 50%;
	padding: 0 10px;
	background:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background:linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	border-bottom: 1px solid #e2e2e2;

}

header .sub-menu ul li:nth-child(2n) {

	border-left: 1px solid #e2e2e2;

}

header .sub-menu ul li:nth-child(n+3) {

	border-bottom: none;

}

header .sub-menu ul li a {

	display: inline-block;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	width:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
	padding: 10px 0 10px 16px;
	font-size: 87.5%;
	color: #3c454c;

}

header .sub-menu ul li a:before,header .sub-menu ul li a:after {

	position: absolute;
	content: '';
	margin: 3px auto;

}

header .sub-menu ul li a:before {

	width: 12px;
	height: 12px;
	left: 0;
	top:10px;
	border-radius: 3px;
	background: #990014;

}

header .sub-menu ul li a:after {

	width: 5px;
	height: 5px;
	left: 9px;
	top: 15px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg) translate(4px,7px);
	-ms-transform: rotate(135deg) translate(4px,7px);
	-o-transform: rotate(135deg) translate(4px,7px);
	transform: rotate(135deg) translate(4px,7px);

}

header .sub-menu ul li a:hover {

	color: #990014;

}


#gnavi a{

	color:#333333;

}

#gnavi a:hover{

	color:#990014;

}

/*
フッター部分
-------------------------------------------------------- */
footer .policy ul li {

	border-bottom: 1px solid #fff;
	text-align: center;
	background: #aaa;

}

footer .policy ul li a {

	display: block;
	padding: 10px;
	color: #fff;

}

footer .footer-menu {

	display: none;
	padding: 20px 0;
	background: #d1d1d1;

}

footer .footer-menu .inner {

	max-width: 980px;
	margin: auto;

}

footer .footer-menu dl {

	display: table;
	margin: 8px 0;

}

footer .footer-menu dl dt {

	display: table-cell;
	width: 160px;
	padding: 0 10px;
	font-size: 87.5%;

}

footer .footer-menu dl dd {

	display: itable-cell;
	font-size: 75%;

}

footer .footer-menu dl dd ul li {

	display: inline-block;

}

footer .footer-menu dl dd ul li+li:before {

	display: inline-block;
	content: '|';
	margin: 0 20px;
	color: #333;

}

footer .footer-menu dl a {

	padding: 3px;
	color: #333;

}

footer .footer-menu dl a:hover {

	color: #990014;
	text-decoration: underline;

}

footer .copyright {

	max-width: 960px;
	margin: 0 auto;
	padding: 20px 10px;
	text-align: center;

}

/*
Corporate Index
-------------------------------------------------------- */
.corporate-index .contents {

	padding: 10px;
	background: -moz-linear-gradient(top, #b9cdd6 0%, #fff 100%) no-repeat;
	background: -webkit-linear-gradient(top, #b9cdd6 0%,#fff 100%) no-repeat;
	background: linear-gradient(to bottom, #b9cdd6 0%,#fff 100%) no-repeat;
	-webkit-background-size: 100% 300px;
	background-size: 100% 300px;

}

.corporate-index .corporate_info {

	max-width: 980px;
	margin: 0 auto;
	border: 1px solid #dae1e7;
	border-radius: 4px;
	background: #fff;

}

.corporate-index .greeting h1 {

	margin: 10px;
	padding: 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #e0e1e3;

}

.corporate-index .greeting dl {

	padding: 10px;
	text-align: center;

}

.corporate-index .greeting dt img {

	width:200px;

}

.corporate-index .greeting dd {

	padding: 4px 0 0 0;
	font-size: 75%;

}

.corporate-index .greeting p {

	margin: 10px;
	font-size: 87.5%;

}

.corporate-index .greeting p.copy {

	margin: 20px 10px;
	font-size: 125%;

}

.corporate-index .notice h1 {

	margin: 10px;
	padding: 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #e0e1e3;

}

.corporate-index .notice ul {

	margin: 0 10px 10px 10px;

}

.corporate-index .notice ul li {

	padding-bottom:10px;

}

.corporate-index .notice ul li p {

	font-size: 87.5%;

}

.corporate-index .notice ul li span {

	display:block;

}

.corporate-index .notice ul li a {

	color: #990014;
	text-decoration: underline;

}

.corporate-index .notice ul li a:hover {

	color: #f00;

}

.corporate-index .news{

	margin: 0px;

}

.corporate-index .news h1 {

	margin: 10px;
	padding: 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #e0e1e3;

}

/*
.corporate-index .news dl {

	margin: 0 10px 10px 10px;
	font-size: 87.5%;

}

.corporate-index .news dl dt {

	padding: 0 10px 0 0;

}

.corporate-index .news dl a {

	color: #990014;
	text-decoration: underline;

}

.corporate-index .news dl a:hover {

	color: #f00;

}
*/

.corporate-index .news .news-table{

	display:table;
	width:98%;
	font-size: 87.5%;
	margin:auto;

}

.corporate-index .news .news-table dl{

	display:table-row;

}

.corporate-index .news .news-table dl dt, .corporate-index .news .news-table dl dd{

	display:table-cell;
	padding-bottom:0.5em;
	vertical-align:top;

}

.corporate-index .news .news-table dl dt span:after{

	width: 150px;
    height: 100%;
    text-align: center;
    background-color: #777777;
    color: #fdfdfd;
    margin-left:1em;
    display: inline-block;
    white-space: pre;
	font-size: 87.5%;
    font-weight: 900;

}



.corporate-index .news .news-table dl dd a{

	display:inline-block;
	text-decoration:underline;
	color:#990014;

}

.corporate-index .news .news-table dl dd a:hover{

	color:#ff0000;

}

.corporate-index .news h2 {

	margin: 10px 0 0 10px;
	font-size: 87.5%;

}

.corporate-index .profile h1 {

	margin: 10px;
	padding: 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #e0e1e3;

}

.corporate-index .profile dl {

	margin: 0 10px 10px 10px;
	font-size: 87.5%;

}

.corporate-index .profile dl dt {

	padding: 0 10px 0 0;
	font-weight: bold;

}

.corporate-index .profile dl a {

	color: #990014;
	text-decoration: underline;

}

.corporate-index .profile dl a:hover {

	color: #f00;

}

.corporate-index .profile h2 {

	margin: 10px 0 0 10px;
	font-size: 87.5%;

}

.corporate-index .management {

	margin: 10px;
	border-top: 1px solid #e0e1e3;

}

.corporate-index .management h2 {

	margin: 10px 0 0;
	font-size: 87.5%;
	font-weight: bold;

}

.corporate-index .management table th {

	font-size: 87.5%;
	padding: 0 10px 0 0;

}

.corporate-index .management table td {

	font-size: 87.5%;

}

.corporate-index .business h1 {

	margin: 10px;
	padding: 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #e0e1e3;

}

.corporate-index .business .lead {

	margin: 10px;
	font-size: 87.5%;

}

.corporate-index .business .btn-area a {

	display: inline-block;
	position: relative;
	margin: 0 10px 10px;
	padding: 2px 30px 2px 10px;
	font-size: 68.75%;
	border-radius: 3px;
	color: #fff;
	background: #990014;

}

.corporate-index .business .btn-area a:after {

	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);

}

.corporate-index .business .btn-area a:hover {

	background: #f00;

}

.corporate-index .business ul li {

	margin: 10px;
	border: 1px solid #e0e1e3;
	border-radius: 2px;
	background: no-repeat 10px 50%;
	-webkit-background-size: 70px;
	background-size: 70px;

}

.corporate-index .business ul li dl {

	padding: 0 0 0 80px;

}

.corporate-index .business ul li dl dt {

	font-size: 87.5%;
	font-weight: bold;
	color: #990014;

}

.corporate-index .business ul li a {

	display: block;
	min-height: 60px;
	padding: 10px;
	color: #000;

}

.corporate-index .business ul li a:hover dl dt {

	color: #f00;

}

.corporate-index .business ul li dl dd {

	font-size: 75%;

}

.corporate-index .business ul li.mobile {

	background-image: url(../img/icon_mobile.svg);

}

.corporate-index .business ul li.gs {

	background-image: url(../img/icon_gs.svg);

}

.corporate-index .business ul li.arcade {

	background-image: url(../img/icon_arcade.svg);

}

.corporate-index .business ul li.card {

	background-image: url(../img/icon_card.svg);

}

.corporate-index .business ul li.music-video {

	background-image: url(../img/icon_music-video.svg);

}

.corporate-index .business ul li.psm {

	background-image: url(../img/icon_psm.svg);

}

.corporate-index .toggle-language {

	max-width: 980px;
	margin: 10px auto;

}

.corporate-index .toggle-language p {

	display: inline-block;
	position: relative;
	margin: 0 0 10px;
	padding: 10px 40px 10px 10px;
	font-size: 75%;
	border: 1px solid #e0e1e3;
	border-radius: 3px;
	color: #3c454c;

}

.corporate-index .toggle-language a {

	padding: 0 8px;
	color: #ccc;

}

.corporate-index .toggle-language a.on {

	color: #000;

}

.corporate-index .toggle-language a:hover {

	color: #f00;

}

/*
Popup
-------------------------------------------------------- */
#page-cover {

	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.9);
	z-index: 9998;

}

#popup {

	display:none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 9999;

}

#popup .common {

	width: 300px;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;

}

#popup .common .ttl {

	display: table;
	width: 100%;
	color: #fff;
	background: #3c454c;

}

#popup .common .ttl p {

	padding: 10px;
	display: table-cell;
	vertical-align: middle;

}

#popup .common .ttl p+p {

	width: 20px;
	padding: 4px;

}

#popup .common .ttl p a {

	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;

}

#popup .common .ttl p a:after,#popup .common .ttl p a:before {

	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #3c454c;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

}

#popup .common .ttl p a:before {

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

}

#popup .common h1 {

	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #3c454c;

}

#popup .common .main {

	min-height: 4em;
	margin: 10px;
	font-size: 87.5%;

}

#popup .common .btn-area {

	margin: 10px;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
	text-align: center;

}

#popup .common .btn-area a {

	display: inline-block;
	min-width: 100px;
	padding: 10px;
	border-radius: 3px;
	font-size: 87.5%;
	color: #fff;
	background: #3c454c;

}

#popup .common .btn-area a.ok {

	background: #990014;

}

#popup .common .close {

	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	text-align: right;

}

#popup .common .close a {

	font-size: 87.5%;
	color: #3c454c;

}

#popup .common .close a span {

	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #3c454c;
	vertical-align: middle;

}

#popup .common .close a span:after,#popup .common .close a span:before {

	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	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 .common .close a span:before {

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

}

/*
Full Panel
-------------------------------------------------------- */
#fullpanel {

	display: none;
	background: #fff;

}

#fullpanel .language-select .ttl {

	display: table;
	width: 100%;
	color: #fff;
	background: #3c454c;

}

#fullpanel .language-select .ttl p {

	padding: 10px;
	display: table-cell;
	vertical-align: middle;

}

#fullpanel .language-select .ttl p+p {

	width: 20px;
	padding: 4px;

}

#fullpanel .language-select .ttl p a {

	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;

}

#fullpanel .language-select .ttl p a:after,#fullpanel .language-select .ttl p a:before {

	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

}

#fullpanel .language-select .ttl p a:before {

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

}

#fullpanel .language-list {

	margin: 10px;

}

#fullpanel .language-list section h1 {

	margin: 0 10px 10px 10px;
	border-bottom: 1px dotted #e0e1e3;
	font-weight: bold;

}

#fullpanel .language-list section ul {

	margin: 0 0 20px 0;

}

#fullpanel .language-list section ul li {

	margin: 0 0 0 20px;

}

#fullpanel .language-list section ul li a {

	font-size: 87.5%;
	color: #990014;

}

#fullpanel .language-list section ul li a:hover {

	color: #f00;

}

#fullpanel .language-select .close {

	text-align: right;

}

#fullpanel .language-select .close a {

	padding: 0 10px;
	color: #000;

}

#fullpanel .language-select .close a span {

	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #3c454c;
	vertical-align: middle;

}

#fullpanel .language-select .close a span:after,#fullpanel .language-select .close a span:before {

	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

}

#fullpanel .language-select .close a span:before {

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

}

#fullpanel .notice {

	background: #fff;
	min-height: 100%;

}

#fullpanel .notice .ttl {

	display: table;
	width: 100%;
	color: #fff;
	background: #3c454c;

}

#fullpanel .notice .ttl p {

	padding: 10px;
	display: table-cell;
	vertical-align: middle;

}

#fullpanel .notice .ttl p+p {

	width: 20px;
	padding: 4px;

}

#fullpanel .notice .ttl p a {

	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: #fff;
	vertical-align: bottom;

}

#fullpanel .notice .ttl p a:after,#fullpanel .notice .ttl p a:before {

	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:24px;
	height:1px;
	content:"";
	margin: auto;
	background: #3c454c;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

}

#fullpanel .notice .ttl p a:before {

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

}

#fullpanel .notice .thumbnail {

	text-align: center;

}

#fullpanel .notice .thumbnail img {

	width: 300px;
	margin: 10px;

}

#fullpanel .notice .youtube {

	margin: 10px 10px 20px;

}

#fullpanel .notice .youtube .inner {

	position: relative;
	overflow: hidden;
	padding-top: 55.6%;
	height: 0;
	background: #000;

}

#fullpanel .notice .youtube iframe {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

#fullpanel .notice h1 {

	margin: 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #3c454c;

}

#fullpanel .notice .tags {

	display: table;
	width: 100%;
	font-size: 75%;

}

#fullpanel .notice .tags p {

	display: table-cell;
	padding: 0 10px;

}

#fullpanel .notice .tags ul {

	display: table-cell;
	padding: 0 10px;
	text-align: right;

}

#fullpanel .notice .tags ul li {

	display: inline-block;
	padding: 2px;
	margin: 0 4px 0 0;
	color: #fff;
	background: #3c454c;
	border-radius: 2px;
	vertical-align: bottom;
	line-height: 1;

}

#fullpanel .notice .description {

	margin: 10px;
	font-size: 87.5%;
	color: #3c454c;

}

#fullpanel .notice .website {

	margin: 20px 10px;

}

#fullpanel .notice .website a {

	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #990014;
	border-radius: 3px;
	color: #990014;

}

#fullpanel .notice .website a:after {

	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top:0;
	bottom: 0;
	margin: auto;
	border-top: 1px solid #990014;
	border-left: 1px solid #990014;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);

}

#fullpanel .notice .website a:hover:after {

	border-top: 1px solid #f00;
	border-left: 1px solid #f00;

}

#fullpanel .notice .btn-area {

	margin: 10px;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
	text-align: center;

}

#fullpanel .notice .btn-area a {

	display: inline-block;
	min-width: 100px;
	padding: 10px;
	border-radius: 3px;
	font-size: 87.5%;
	color: #fff;
	background: #3c454c;

}

#fullpanel .notice .btn-area a.ok {

	background: #990014;

}

#fullpanel .notice .close {

	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	text-align: right;

}

#fullpanel .notice .close a {

	font-size: 87.5%;
	color: #3c454c;

}

#fullpanel .notice .close a span {

	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	background: #3c454c;
	vertical-align: middle;

}

#fullpanel .notice .close a span:after,#fullpanel .notice .close a span:before {

	display:inline-block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:1px;
	content:"";
	margin: auto;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

}

#fullpanel .notice .close a span:before {

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

}

#fan-box {

	position: relative;
	width: 95%;
	margin: 20px auto 40px auto;
	border: solid 2px #990014;
	padding: 15px 5px 0px 5px;

}

#fan-box .fun_banner_text {

	margin-bottom:20px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;

}

#fan-box .fun_banner {

	text-align: center;
	margin-bottom: 20px;

}

#fan-box .fun_banner a {

	display:inline-block;
	margin-right:20px;
	margin-bottom:10px;

}

#fan-box .fun_banner img {

	width:auto;

}

.red_line {

	height:100%;
	width:95%;
	margin:0px auto 5px auto;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	background-color:#990014;
	line-height:16px;
	padding:10px 5px 5px 5px;

}

/*
ニュース・テーブル関連
-------------------------------------------------------- */
.personnel-info, .common-table {

	margin: 10px 10px 0;
	padding: 10px 10px 0;

}

.responsible-table td{

	vertical-align:top;

}

.responsible-table dl{

	display:table;
	margin:auto;

}

.responsible-table dl dt, .responsible-table dl dd{

	display:table-cell;
	vertical-align:top;

}


html:lang(ja) .corporate-index .news .news-table dl[class*=ath-] dt span:after{

	content:"アスリート";

}

html:lang(ja) .corporate-index .news .news-table dl[class*=release] dt span:after{

	content:"ニュースリリース";

}

html:lang(ja) .corporate-index .news .news-table dl[class*=topics] dt span:after{

	content:"トピックス";

}

html:lang(ja) .corporate-index .news .news-table dl[class*=info] dt span:after{

	content:"お知らせ";

}

html:lang(en) .corporate-index .news .news-table dl[class*=ath-] dt span:after{

	content:"Athlete";

}

html:lang(en) .corporate-index .news .news-table dl[class*=release] dt span:after{

	content:"News Release";

}

html:lang(en) .corporate-index .news .news-table dl[class*=topics] dt span:after{

	content:"Topics";

}

html:lang(en) .corporate-index .news .news-table dl[class*=info] dt span:after{

	content:"Notice";

}

#defaultNewList{

	margin:2em auto;

}

#defaultNewList h3{

	padding-left:1em;

}

.movie-box .itemBox {

	max-width: 300px;
	width:100% !important;

}

.movie-box .itemBox a:link{

	color:#990014;

}

.movie-box .itemBox a:hover{

	color:#ff0000 !important;

}

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

	/*
	ヘッダー部分
	-------------------------------------------------------- */
	header .sub-menu ul li {

		width: auto;
		padding: 0 20px 0 10px;

	}

	header .sub-menu ul li,header .sub-menu ul li:nth-child(2n),header .sub-menu ul li:nth-child(n+3) {

		border: none;

	}


	/*
	フッター部分
	-------------------------------------------------------- */
	footer .policy {

		display: none;

	}

	footer .footer-menu {

		display: block;

	}


	/*
	Corporate Index
	-------------------------------------------------------- */
	.corporate-index .greeting {

		overflow: hidden;

	}

	.corporate-index .greeting dl {

		float: right;
		width: 240px;

	}

	.corporate-index .greeting dl dt img {

		width: 240px;

	}

	.corporate-index .greeting dd {

		text-align: right;

	}

	.corporate-index .greeting p.copy {

		font-size: 150%;

	}

	.corporate-index .notice ul li p {

		position: relative;
		padding-left:6em;

	}

	.corporate-index .notice ul li span {

		display:block;
		position:absolute;
		top:0;
		left:0;

	}

	.corporate-index .news .inner {

		display: table;
		width: 100%;

	}

	.corporate-index .news .inner div {

		display: table-cell;

	}

	.corporate-index .news dl {

		display: table;

	}

	.corporate-index .news dt {

		display: table-cell;
		width: 20em;

	}

	.corporate-index .news dd {

		display: table-cell;

	}

	.corporate-index .news .management {

		border: none;
		padding: 10px;

	}

	.corporate-index .news .management h2 {

		margin: 10px 0;
		padding: 4px 0;
		border-bottom: 1px solid #e0e1e3;

	}

	.corporate-index .profile .inner {

		display: table;
		width: 100%;

	}

	.corporate-index .profile .inner div {

		display: table-cell;

	}

	.corporate-index .profile dl {

		display: table;

	}

	.corporate-index .profile dt {

		display: table-cell;
		width: 100px;

	}

	.corporate-index .profile dd {

		display: table-cell;

	}

	.corporate-index .profile .management {

		border: none;
		padding: 10px;

	}

	.corporate-index .profile .management h2 {

		margin: 10px 0;
		padding: 4px 0;
		border-bottom: 1px solid #e0e1e3;

	}

	.corporate-index .business ul {

		overflow: hidden;
		margin: 0 0 10px;

	}

	.corporate-index .business ul li {

		float: left;
		width: 473px;
		height: 100px;
		margin: 10px 0 0 10px;



	}


	/*
	Full Panel
	-------------------------------------------------------- */
	#fullpanel .language-list section {

		width: 33.3%;

	}


	/*
	Business Box
	-------------------------------------------------------- */
	/*
	#business-box .product-box {

		width:690px;
		margin:40px auto 40px;

	}

	#business-box .product-box div {

		width:230px;
		text-align:center;
		float:left;

	}

	#business-box .product-box div img {

		width:160px;

	}

	#business-box .product-box div p.title {

		width: 100%;
		height: auto;
		position: relative;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
		margin-bottom: 5px;

	}

	#business-box .product-box div p.brand {

		width: 100%;
		height: auto;
		position: relative;
		text-align: center;
		font-size: 10px;
		line-height: 12px;

	}
	*/

	#business-box .product-box {

		width: 100%;
		height: 100%;
		text-align: center;
		position: relative;
		border: 0;
		margin: 0;
		padding: 0;

	}

	#business-box .product-box div {

		width: 160px;
		height: auto;
		position: relative;
		list-style: none;
		text-align: center;
		border: 0;
		margin: 0 auto;
		padding: 0;

	}

	#business-box .product-box div img {

		width: 95%;
		height: auto;
		margin: 0 auto;

	}

	#business-box .product-box div p.title {

		width: 100%;
		height: 30px;
		position: relative;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;

	}

	#business-box .product-box div p.brand {

		width: 100%;
		height: 40px;
		position: relative;
		text-align: center;
		font-size: 8px;
		line-height: 10px;

	}


	/*
	ニュース・テーブル関連
	-------------------------------------------------------- */
	.personnel-info {

		position: relative;
		padding: 10px 100px;

	}

	table.cell th {

		width: 20%;

	}

}

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

	/*
	ヘッダー部分
	-------------------------------------------------------- */
	header .controller {

		overflow: hidden;

	}

	header .controller > p {

		float: left;
		line-height: 50px;

	}

	header .controller > ul {

		float: right;

	}

	header .ttl {

		border: none;

	}

	header .co-profile {

		border: none;

	}

	header .co-profile li {

		display: inline-block;
		padding: 0 5px 0 0;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;

	}

	header .co-profile li+li {

		border-top: none;
		border-left: none;

	}

	header .co-profile li a {

		display: inline-block;
		padding: 10px 25px 10px 10px;
		font-size: 75%;

	}

	header .co-profile li a:before {

		position: absolute;
		content: '';
		right: 5px;
		top:0;
		bottom: 0;
		margin: auto;
		width: 14px;
		height: 14px;
		border-radius: 4px;
		background: #990014;

	}

	header .co-profile li a:hover:before {

		background: #f00;

	}

	header .co-profile li a:after,header .co-profile li a:hover:after {

		width: 5px;
		height: 5px;
		border-color: #fff;

	}

	header .associate {

		display: block;

	}

}

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

	header #logos {

		height: 22px;
		padding: 8px 10px 10px;

	}

	header #logos #company_name{

		font-size: 0.9em;
		top: 10px;
		left: 165px;

	}

	header #logos .btn-inquiry {

		height: 20px;
		margin: 0;

	}

	header #logos .btn-konami-sites {

		height: 20px;
		margin: 0;

	}

	header #logos .btn-inquiry a {

		padding: 5px 0;

	}

	header #logos .btn-konami-sites a {

		padding: 0;

	}

}

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

	#fullpanel .language-list section {

		display: inline-block;
		width: 50%;
		vertical-align: top;

	}

}


@media(max-width: 768px){

	header #logos #company_name{

		font-size: 0.6em;
    top: 35px;
    left: 20px;

	}

	.corporate-index .news .news-table{

		margin:2em 0;

	}

	.corporate-index .news .news-table dl{

		display:block;
		margin-bottom:0.5em;

	}

	.corporate-index .news .news-table dl dt, .corporate-index .news .news-table dl dd{

		display:block;
		padding:0 0.5em;

	}

	.movie-box .itemBox{

		margin:0 !important;
		margin-bottom:2em !important;

	}

}