@charset "UTF-8";



/* ================================================================================
/* 	tog_header
/* ================================================================================ */
/* !! cosmo_common の設定を上書き */
#cosmo_header {
	padding-bottom: 0;
}

#cosmo_header .tog_header {
	position: relative;
	font-size: 12px;
	color: #000;
	font-family: HelveticaNeue,"HiraKakuProN-W3", "メイリオ", sans-serif;
	line-height: 1;
	width: 100%;
	*zoom: 1;
	width:1181px;
	margin: 0 auto;
	background-color: #000;
	font-weight: bold;
	color: #fff;
}

#cosmo_header .tog_header:after {
	content: "";
	display: block;
	overflow: hidden;
	clear: both;
}

#cosmo_header .tog_header a {
	display: inline-block;
	text-decoration: none;

	color: #e4e4e4;
}
#cosmo_header .tog_header li:not(.r18):hover {
	background: #444;
}


/* tog global navigation
/* -------------------------------------------------------------------------------- */
#cosmo_header .tog_header ul {
	float: left;
}
#cosmo_header .tog_header ul:after {
	content: "";
	display: block;
	overflow: hidden;
	clear: both;
}

#cosmo_header .tog_header ul li {
	position: relative;

	float: left;
	margin-left: 2px;
	padding: 8px 0;
}
#cosmo_header .tog_header ul li a {
	padding: 3px 14px 2px;
	line-height: 19px;
}
#cosmo_header .tog_header ul li a:before {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
	color: #999;
	line-height: 19px;
}

/* icon
/* .................................................. */
#cosmo_header .tog_header .icn_home a:before {
	margin-top: -2px;
	font-size: 17px;
}
#cosmo_header .tog_header .icn_unlock a:before {
	font-size: 17px;
}
#cosmo_header .tog_header .icn_game a:before {
	font-size: 19px;
}
#cosmo_header .tog_header .icn_smile a:before {
	font-size: 17px;
}
#cosmo_header .tog_header .icn_guide a:before {
	font-size: 18px;
}
#cosmo_header .tog_header .icn_game_search a:before {
	font-size: 18px;
}
#cosmo_header .tog_header .icn_campaign a:before {
	margin-top: -2px;
	font-size: 19px;
}
#cosmo_header .tog_header .icn_mygame a:before,
#cosmo_header .tog_header .icn_beginner a:before {
	margin: -1px 5px 0 0;
}

/* check */
#cosmo_header .tog_header .icn_check a:after {
	position: absolute;
	left: 27px;
	top: -13px;

	font-size: 24px;
	color: #f57;
}
/* !! cosmo_common の設定を上書き */
#cosmo_header .pc_cosmo_globalnav .globalnav-contents {
	overflow: visible;
	padding: 0;
}


/* for beginner
/* -------------------------------------------------------------------------------- */
#cosmo_header .tog_header ul + ul {
	float: right;
}


/* r18
/* -------------------------------------------------------------------------------- */
#cosmo_header .tog_header .r18 {
	background: #FD4650;
}
#cosmo_header .tog_header .r18 a {
	padding: 4px 14px 3px 35px;
	color: #fff;
	background: url(../images/icon/icn_r18_w.svg) no-repeat 14px 50%;
}
#cosmo_header .tog_header .r18 a:hover,
#cosmo_header .tog_header .icn_general a:hover {
	opacity: 0.7;
}
#cosmo_header .tog_header .icn_general {
	background:#BFBFBF!important;
}
#cosmo_header .tog_header .icn_general a {
	padding: 4px 14px 3px 35px;
	color: #000;
	background: url(../images/icon/icn_general_min.svg) no-repeat 14px 50%;
}

#cosmo_header .pc_cosmo_header .header-contents .header-utility .header-personal .tpoint a {
	display: inline-block;
	background-position: right 1px;
}