@charset "utf-8";

/* 一般 defaultCSS PC用 */

/* ================================================================================
/* 	jack color
/* ================================================================================ */
/*	ジャック時の見出しオビ背景色変更に使用
		#jack_id は、.tog_box へ付与されるIDに置き換える
 */
#jack_id .jack_head {
	display: block;
}

/* ページ全体背景
/* -------------------------------------------------------------------------------- */
#jack_id {
	/* 背景色 */
	background-color: #000;

	/* パターン画像 */
	background-image: url(../images/bg_body.png);
	background-repeat: repeat;
}


/* トップページ専用画像
/* -------------------------------------------------------------------------------- */

/* メインビジュアル
/* .................................................. */
#jack_id:before {
background: url(../images/img_mainvisual.png) no-repeat center top; 
}

#jack_id .jack_head .jack_head-main_in a {
	background: url(../images/img_main.png) no-repeat left top;
}

/* 開閉ボタン
/* .................................................. */
#jack_id .jack_head p.jack_head-btn a {
	background-image: url(../images/btn_open.png);
}
#jack_id .jack_head.open p.jack_head-btn a {
	background-image: url(../images/btn_close.png);
}



/* ぱんくず文字色
/* -------------------------------------------------------------------------------- */
#jack_id .tog_pankuzu,
#jack_id .tog_pankuzu a {
	color: #000;
}


/* 見出し汎用
/* -------------------------------------------------------------------------------- */
/* 見出し */
#jack_id .custom_color,
#jack_id .custom_color a {
	color: #fff;
	background: #df1771;
}

/* NEWマーク
/* -------------------------------------------------------------------------------- */
/* マーク文字色 */
#jack_id .st_new:after {
	color: #fff;
}
/* マーク背景色 */
#jack_id .st_new:before {
	color: #e5261b;
}

/* タブ - .main
/* -------------------------------------------------------------------------------- */
/* 選択されていないタブ */
#jack_id .tab_box .head em {
	color: #fff;
	background: #ffcce3;
}

/* 選択中タブ */
#jack_id .tab_box .st_current .head em {
	color: #fff;
	background: #df1771;
	border-color: transparent;
}
/* フキダシのしっぽ */
#jack_id .tab_box .category.st_current .head:after {
	border-top-color: #ff7100;
}


/* ユーザー情報 - .aside
/* -------------------------------------------------------------------------------- */
/* 「ミニメール」「友達希望」「プレゼント」リンクの背景 ... アイコンは グレー(#666) 固定 */
#jack_id .aside .user .body .custom_color {
	color: #000;
	background: #ffead9;
}
/* 「ミニメール」「友達希望」「プレゼント」リンクの件数バッヂ ... NEWマークと同色 */
#jack_id .aside .user .body .custom_color span {
	background: #050db6;
}




/* ================================================================================
/* ここから下は編集しないでください
/* ================================================================================ */
.tog_contents .main {
	position: relative;
}
.tog_contents .aside {
	position: relative;
}


/* メインビジュアル
/* -------------------------------------------------------------------------------- */
#jack_id:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;

	background-repeat: no-repeat;
	background-position: center 0;
}
#jack_id .jack_head .jack_head-main {
	max-height: 435px;
}
#jack_id .jack_head .jack_head-main_in a {
	display: block;
	width: 1201px;
	height: 800px;
	background-repeat: no-repeat;
	background-position: center 0;
}


/* 開閉ヘッダー
/* -------------------------------------------------------------------------------- */
#jack_id .jack_head {
	position: relative;
	height: 0;
}
#jack_id .jack_head p {
	margin-top: 0;
}
#jack_id .jack_head p.jack_head-btn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;

	width: 216px;
	margin: 0 auto;
}
#jack_id .jack_head p.jack_head-btn a {
	display: block;
	width: 216px;
	height: 36px;
	margin: 0 auto;

	text-indent: -9999px;
	font-size: 0;

	background-repeat: no-repeat;
}