@charset"utf-8";
@media screen and (min-width:800px) {
}
@media screen and (max-width:799px) {
}
/*
================================================================================================================
 COMMON(全ページ共通)
================================================================================================================
*/

html {
	width:100%;
	height:100%;
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
	width:100%;
	height:100%;
	overflow-x:hidden;
	margin: 0;
	padding:0;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width:799px) {
html {
	min-width:320px;
}
	body {
	width:100%;
	height:100%;
	overflow-x:hidden;
	min-width:320px;
}
}
ul, ol, dl {
	padding:0;
	margin:0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top:0;
	padding-right:15px;
	padding-left:15px
}
h1 {
	display:none;
}
a {
	outline:none;
}
a img {
	border:none;
}
img {
	padding:0;
	margin:0;
	border:0;
	vertical-align:bottom;
	vertical-align:bottom;
}
@media screen and (min-width:800px) {
a:link {color:#e043a2;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	word-break: break-all;
}
a:visited {
	text-decoration:underline;color:#e043a2;
}
a:hover{
	text-decoration:none;color:#f83600;
}
#pc_menu_area ul#g_menu li a:hover{
	text-decoration:none;color:#f83600 !important;
}
a:active, a:focus {
	text-decoration:none;color:#f83600;
}
}

@media screen and (max-width:799px) {
a:link, a:active, a:focus, a:visited {color: #FFF; word-break: break-all;}
a:hover{
	text-decoration:none;color:#f83600;
}
#spg_menu li.link_top a:link, #spg_menu li.link_top a span{
	text-decoration:none;color:#FFF !important;
}
#spg_menu ul#category li a:link{
	text-decoration:none;color:#FFF !important;
}
#spg_menu ul#link li a:link, #spg_menu ul#link li a span {
	text-decoration:none;color:#FFF !important;
}
}

/*///////// PC/SP・表示/非表示 /////////*/
@media screen and (min-width:800px) {
.pc, li.pc {display:block;}
.sp, li.sp {display:none;}
li.no_link{opacity: 0; pointer-events: none;}
}
@media screen and (max-width:799px) {
.pc, li.pc {display:none;}
.sp, li.sp {display:block;}
li.no_link{opacity: 1; pointer-events: none;}
}

/*///////// コンテンツ領域 /////////*/
.wrapper {
	overflow:visible;
	font-weight: 400;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	/*height:calc(auto - 120px);*/
	height:100%;
	top:0;
	bottom:0;
	padding-top:0px;
	position: relative;
	margin:auto;
}


/*
================================================================================================================
 ヘッダー
================================================================================================================
*/
header {
	width:100%;
	height:40px;
	display:block;
	background-color:#FFF;
}
header li {
	list-style:none;
}
header #top {
	height:40px;
	position:relative;
	margin:0px auto;
	width:100%;
}
/*
================================================================================================================
 ブランド ロゴ
================================================================================================================
*/
#brand-logo a {
	float:left;
	height:37px;
	width:130px;
	top:0;
	margin:0;
	background-image:url(https://www.konami.com/ci/logo/konami_logo_blur.png);
	background-size: contain;
	background-position:left top;
	background-repeat:no-repeat;
}

/*
================================================================================================================
 グローバルメニュー
================================================================================================================
*/
#Gmenu_area{position: relative; width: 100%; z-index: 999;}
#Gmenu_area .pcmenu_trigger{position: relative;width: 100%;height: 36px;}

/*PCメニュー*/
#Gmenu_area #pc_menu_area{position: absolute;top:0;width: 100%;background-color:#FFFFFF;}
#pc_menu_area ul{ width: 100%; max-width:1000px; margin: 0 auto; clear: both; display: flex; flex-flow: row wrap;justify-content: left;}
#pc_menu_area ul li{color:rgba(224,67,162,1.00); font-weight:bold;text-align: center;}
#pc_menu_area ul#g_menu li{
	width:25%;height: 40px;
	cursor: pointer;font-size: 120%;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align:
	center;align-items:
	center;-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	transition:background 0.4s,color 0.4s;
}
#pc_menu_area ul#g_menu li a{
	width:100%;height: 40px; line-height: 40px;
}
#pc_menu_area ul#g_menu li:hover,
#pc_menu_area ul#g_menu li.active{
	background-color:#ffe4fb;
	color: #f83600 !important;
}
#pc_menu_area .sub_menuset{background-color:#ffe4fb;}
#pc_menu_area .sub_menuset ul{padding: 5px 0;}
#pc_menu_area .sub_menuset ul:not(#archive) li{
	width:calc(25% - 10px);
	width:-moz-calc(25% - 10px);
	width:-webkit-calc(25% - 10px);
	height: 36px;
	display: -webkit-flex;
	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	cursor: pointer;
	font-size: 89.25%;
	margin: 5px;
	background-color:rgba(255,255,255,1.00);
	border-radius: 6px;
	transition:background 0.4s,color 0.4s;
}
#pc_menu_area .sub_menuset ul:not(#archive) li a{width: 100%; line-height: 36px;border-radius: 6px;}
#pc_menu_area .sub_menuset ul:not(#archive) li:hover,
#pc_menu_area .sub_menuset ul:not(#archive) li:hover a{
	background-color:rgba(255,220,20,1.0);
	color: #960;
}

/*SPサイズメニュー*/
#Gmenu_area #sp_menu_area{position: absolute;top:0; right:0; width: 100%;}
#sp_menu_area #spmenu_swich{ width:64px; height:64px; position:absolute; top:5px; right:5px;z-index:3; cursor:pointer;}
#sp_menu_area #spmenu_swich.active{ width:50%; left:50%;}

#sp_menu_area #sp_opcl_mark,#sp_opcl_mark span{display: inline-block; transition: all .4s;}
#sp_menu_area #sp_opcl_mark{ width:64px; height:64px; position:absolute;top:0; right:0;z-index:2;}
#sp_menu_area #sp_opcl_mark span{position: absolute;top: 0;left: 9px;z-index:2;width: 36px;height: 3px;background: #FFF;}
#sp_menu_area #sp_opcl_mark span.line01{ top: 24px;}
#sp_menu_area #sp_opcl_mark span.line02{ top: 35px;}
#sp_menu_area #sp_opcl_mark span.line03{ top: 46px;}
#sp_menu_area #sp_opcl_mark .bg{
	width:64px; height:64px; position:absolute;top:5px; right:5px;z-index:1;
	background-image: url('../img/common/btn_SPmenu_bg.png');
	background-repeat: no-repeat;
	background-position:center;
	background-size:contain;
}
/*SPメニューボタンアニメ*/
#sp_menu_area #sp_opcl_mark.active span.line01{-webkit-transform: translateY(11.5px) rotate(-45deg);transform: translateY(11.5px) rotate(-315deg);}
#sp_menu_area #sp_opcl_mark.active span.line02{opacity: 0;}
#sp_menu_area #sp_opcl_mark.active span.line03{-webkit-transform: translateY(-11.5px) rotate(45deg);transform: translateY(-11.5px) rotate(315deg);}

#spg_menu{background-color:rgba(224,67,162,1.00); width: 100%; text-align: center;}
#spg_menu:after{
    content: "";
  clear: both;
    display: block;
}
#spg_menu li{width:100%;min-height: 36px;
	cursor: pointer;font-size: 100%;color:#ebf5ff; font-weight: bold;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align:
	center;align-items:
	center;-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	border-bottom: 1px solid #ebf5ff;
	transition:background 0.4s,color 0.4s;}
#spg_menu li.archive{border:none;}
#spg_menu li a{width:100%;height: 100%;}
#spg_menu ul li{font-weight:normal;font-size: 87.25%;width: 50%; float: left; padding:2px 0; margin: 0; line-height: 16px;}
#spg_menu ul li:nth-child(odd){	width:calc(50% - 1px);width:-moz-calc(50% - 1px);width:-webkit-calc(50% - 1px);
	border-right:1px solid #ebf5ff;}

/*月間アーカイブプルダウン表示エリア*/
ul#archive li,#spg_menu ul#archive li{width:100%;padding: 10px 0;}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    background: transparent;
    position: relative;
}
select::-ms-expand { display: none;}
   
#Gmenu_area #archive select{
	width:90%; max-width: 400px;
	padding:7px; border-radius: 6px;
	font-size: 105%;
	border: 2px solid rgba(224,67,162,1.00);
	background-color:rgba(245,250,255,1.0);
	background-image:url(../img/common/pulldown_bg_right.png);
	background-size:18px auto;
	background-position:right 10px center;
	background-repeat:no-repeat;}

@media screen and (max-width:799px){
#Gmenu_area{position: fixed;top:0; width:inherit;}	
}

/*
================================================================================================================
 フッター
================================================================================================================
*/
footer {
	bottom:0;
	height:40px;
	display:block;
	width:100%;
	background-color:rgba(255,255,233,1.0);
	text-align:center;
	color:#ebf5ff;
	padding:0;
}
ul#footermenu {
	position:absolute;
	width:600px;
	list-style:none;
	margin-left:10px;
}
ul#footermenu li {
	height:14px;
	padding-right:10px;
	padding-left:10px;
	margin-top:14px;
	font-size:11px;
	line-height:14px;
	float:left;
	border-left:solid 1px #666;
}
ul#footermenu li a,
ul#footermenu li a:active{
	color:rgba(5,75,155,1.00);
}
ul#footermenu li a:hover, 
ul#footermenu li a:focus {
	color:#F66;
}
ul#footermenu li span {
	display:none;
}
@media screen and (max-width:799px) {
footer {
	top:0;
	height:0px;
	display:block;
	width:100%;
	text-align:center;
	padding:0;
}
ul#footermenu {
	position: relative;
	width:100%;
	list-style:none;
	margin-left:0px;
	}
ul#footermenu {
width:100%;
position: relative;
}
ul#footermenu li {
	width:50%;
	height:30px;
	float:left;
	border:none;
	padding:0;
	margin:0;
	background-color:rgba(245,250,255,1.0);
}

ul#footermenu li a {
	display:block;
	font-size:12px;
	font-weight:400;
	line-height:29px;
	text-align:center;
	vertical-align:middle;
	color:rgba(5,75,155,1.00);
	border-top:solid 1px #05427B;
	border-left:solid 1px #05427B;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul#footermenu li a:hover {
	display:block;
	text-align:center;
	color:rgba(245,250,255,1.0);
	background-color:rgba(5,75,155,1.00);
	padding:0;
	text-decoration:none;
	text-shadow: none;
}
ul#footermenu li a span {
	display:block;
	color:rgba(5,75,155,1.00);
	font-size:13px;
	text-align:right;
	float:right;
	padding:0 8px 0 0;
}
ul#footermenu li a:hover span {
	color:rgba(245,250,255,1.0);
}
}
/*
================================================================================================================
 C表記
================================================================================================================
*/
.copy {
	font-size:12px;
	line-height:12px;
	text-align:right;
	padding:3px 10px 0 0;
	color:rgba(5,75,155,1.00);
}
.copy span {
	font-size:14px;
	padding-right:2px;
	font-family:Arial, Helvetica, serif;
}
 @media screen and (max-width:799px) {
.copy {
	width:100%;
	font-size:12px;
	clear:both;
	text-align:center;
	padding:5px 0 8px 0;
	color:rgba(5,75,155,1.00);
	background-color:rgba(245,250,255,1.0);
	border-top:solid 1px #05427B;
	 }
.copy span {
	font-size:14px;
	padding-right:2px;
	font-family:Arial, Helvetica, serif;
}
}

/*
================================================================================================================
 PageTop
================================================================================================================
*/
#page-top {
	/*display:none;*/
	position:fixed;
	bottom:40px;
	right:10px;
	font-size:10px;
	z-index:996;

}
#page-top span{
display:none;
/*
	font-size:22px;
*/
}

#page-top a{
	width: 72px;
	height:72px;
	background-image: url(../img/common/btn_topreturn.png);
	background-size: cover;
	display:block;
}
/*お問い合わせフォームボタン非表示*/
.form_btn{display:none!important;}
.form_btn + p{display:none!important;}
.link_form{display:none!important;}

.none_name{
display:none;
}

@media screen and (max-width:799px) {
#page-top {
	bottom:-5px;
	right:-10px;
}
#page-top a{
	width:54px;
	height:54px;
}
/*お問い合わせフォームボタン非表示*/
.form_btn{display:none!important;}
.form_btn + p{display:none!important;}
.link_form{display:none!important;}