@charset "utf-8";
/* CSS Document */

body#jack #container span.btn_click {
  cursor: pointer;
  display: block;
  height: 300px;
  width: 900px;
  position: absolute;
  top: 0px;
  z-index: 0;
}

/* 0401 エイプリルフール
html{ background:url(../images/common/home_bg0401.jpg) 50% 0 repeat-x;}
*/

/*通常
html{ background: #1a0926;} */

/* body#update {
  background: url(../images/common/body_back2.jpg) no-repeat scroll 50% 0
    #180a24;
} */

html {
  background: #180a24;
}

html.header_img body#jack {
	background: url(../images/common/body_back2.jpg) 50% 0 no-repeat;
}

/* html.header_img body#jack {
	background: url(../images/common/jack240229/jack240229_bg.jpg) 50% 0 no-repeat #1a091c;
} */

/*
html.header_img body.bg_1 {
  background: url("../images/common/jack240808/jack240808_bg.jpg") 50% 0
    no-repeat;
}
html.header_img body.bg_2 {
  background: url("../images/common/jack240808/jack240808_bg2.jpg") 50% 0
    no-repeat;
}
*/

/* html.header_img body#jack{
	background: url(../images/common/body_back0401_2.jpg) 50% 0 no-repeat;
} */

/* 200210 14周年記念 */
/* html, html.header_img body#jack{ background: none !important;}
body#update{
	background:
	url(../images/common/jack200309/jack_bg.jpg) 50% 0 no-repeat,
	url(../images/common/jack202010/jack200213_bg02.jpg) 50% 0 repeat-x,
	#fff;
}
body#update #footer{ background-color: #fff !important;}

.sub_nav{
	width: 160px;
	background: url("/images/common/jack200309/sub_bg_t.png") 50% 0 no-repeat !important;
	padding: 0.5rem 0 0.7rem;
}
	.sub_nav_main{
		background: url("/images/common/jack200309/sub_bg_m.png") 50% 0 repeat-y !important;
		width: 160px;
	}
	.sub_nav::after{
		content:"";
		background: url("/images/common/jack200309/sub_bg_b.png") 0 0 no-repeat !important;
		max-width: 160px;
		height: 7px;
		display: block;
	}
	.sub_nav a{
		 text-decoration: none;
		 display: block;
		 margin: 0 auto !important;
		 padding: 0 !important;
		 width: 100%;
		 max-width: 148px;
	 }
	.sub_nav .sub_logo{ max-width: calc(302px/2);}
	.sub_nav [class^="soon_"]{
		cursor: default;
		background: url("/images/common/jack202010/sub_soon.png") 0 0 no-repeat !important;
		min-height: 40px;
		line-height: 40px;
		width: 100%;
		color: #666666 !important;
		text-align: center;
	}
	.sub_nav .sub_btn{
		background: url("/images/common/jack202010/sub_btn.png") 0 0 no-repeat !important;
		min-height: 40px;
		line-height: 40px;
		width: 100%;
		color: #fff !important;
		font-weight: 700;
		text-align: center;
	}
	.sub_nav .sub_btn:hover{
		 background: url("/images/common/jack202010/sub_btn_on.png") 0 0 no-repeat !important;
		 color: #4d440f !important;
		 filter: brightness(1.2);
	}

	.sub_nav .sub_btn.new::before{
		content:"NEW";
		background-color: #ffc700 !important;
		color: #1d1200 !important;
		display: block;
		width: 21%;
		height: 14px;
    position: absolute;
    line-height: normal;
		font-weight: normal;
		font-size: 10px;
	} */