body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #000000;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGFkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2Y0ZjJlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RhZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:  url(../images/bg_pattern.png) center repeat,-moz-linear-gradient(top,  #000000 0%, #f4f2ec 48%, #000000 100%);
background:  url(../images/bg_pattern.png) center repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(48%,#f4f2ec), color-stop(100%,#000000));
background:  url(../images/bg_pattern.png) center repeat,-webkit-linear-gradient(top,  #000000 0%,#f4f2ec 48%,#000000 100%);
background:  url(../images/bg_pattern.png) center repeat,-o-linear-gradient(top,  #000000 0%,#f4f2ec 48%,#000000 100%);
background:  url(../images/bg_pattern.png) center repeat,-ms-linear-gradient(top,  #000000 0%,#f4f2ec 48%,#000000 100%);
background:  url(../images/bg_pattern.png) center repeat,linear-gradient(to bottom,  #000000 0%,#f4f2ec 48%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
	}


ul.arrow { padding-left:10px;}
ul.arrow li { margin:0; list-style:none;}


.game-option { display:block; font-size:smaller; color:#06C;}

.container {}
.navbar .container {background:none;}
.section:first-child {}
.section { margin:5% 0; background-color: rgba(0, 0, 0, 0.8); padding:2%; border-radius:15px;}
.section hr { margin:40px -30px 20px -30px;}
.section h3 { font-size:28px; font-weight:bold; margin-bottom:3%;}
.section h3 span { display:inline-block; border-bottom:5px solid #490000; padding-bottom:1%;}
.section h4 { font-size:22px; font-weight:bold; margin:40px 0 20px 0}
.section h5 { font-size:18px; font-weight:bold;}

.main { margin:0 0 10px 0;}
.infomation {width:100% margin:0 auto 10px auto;}

#footer {
	background: -moz-linear-gradient(top, #121011, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#121011), to(#000));
	filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ff121011', endColorstr='#ff000');
    background-image:-ms-linear-gradient(top,#121011 0%,#000 100%);
	padding-top:30px;}
#footer .container { background:none;}
#footer .copy { font-size:12px; text-align:center; color:#FFF; padding:0 0 1% 0; margin:0;}
#footer .section{ margin:20px 0; background:none; padding:0;}
#footer h5{ font-weight:bold;}

.navbar-default { background: -moz-linear-gradient(top, #000, #4f4f4f);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#4f4f4f));
	filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ff000000', endColorstr='#ff4f4f4f');
    background-image:-ms-linear-gradient(top,#000 0%,#4f4f4f 100%);
}
.navbar-default .navbar-nav > li > a{ color:#F0F5FB;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color:#FBFBF9;
	border-bottom:3px #FBFBF9 solid;
	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color:#FFFF00;
	background:#185BA9;
	border-bottom:3px #FFFF00 solid;
	}
.navbar-default .navbar-nav > .disabled > a{
	color:#A4A6CC;
	background:#185BA9;}
.navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus{
	color:#A4A6CC;
	background:#185BA9;
	border-bottom:3px #A4A6CC solid;
}

.prize-winner { font-size:28px; font-family:Tahoma, Geneva, sans-serif;}
.prize-winner span { font-size:16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding:3px 5px 2px 5px; line-height:28px; vertical-align:text-bottom;}

.img-responsive { margin:0 auto;}

.navbar-default .navbar-toggle .icon-bar { background-color:#FFFFFF;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#83a4ca;}

.sns { text-align:right; padding-bottom:1.5em; position:relative;}
#twitter-widget-0 { width:100px !important; float:right; display:inline-block; position:absolute; top:0; right:145px;}
.fb-like { float:right; width:145px; display:inline-block; position:absolute; top:0; right:0;}


/*  start scroll up style  */
#scrollUp {
	bottom: 20px;
	right: 20px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(../images/top.png) no-repeat;
}
.themes {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.themes li {
	text-align: center;
	display: block;
	float: left;
	width: 30%;
	margin-left: 4%;
}
	.themes li:first-of-type {
		margin-left: 0%;
	}
	.themes li a {
		display: block;
		padding: 10px;
		background: #444;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		color: #eee;
		-webkit-transition: all 200ms ease-out;
		-mozilla-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.themes li a:hover,
	.themes li a.active  {
		background: #F66169;
		color: #FAEFDE;
	}

#toggleActive {
	padding: 6px;
	width: 160px;
	text-align: center;
	display: inline-block;
	background: #333;
	color: #eee;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-out;
	-mozilla-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	#toggleActive.active {
		background: #F66169;
		color: #FAEFDE;
	}

#scrollUp-active{
	display: none;
}
/*  end scroll up style  */

@media (max-width: 768px) {
body { padding-top:40px;}
.table-data { width:100%; margin:0 auto;}
.section h3 { font-size:20px;}
.section h4 { font-size:18px;}
#footer h5{ font-size:14px;}
.navbar-brand { font-size:small; }
.navbar-default .navbar-brand{color:#FFFFFF;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{ color:#FFFFFF;}
.section hr { margin:40px -15px 20px -15px;}
#footer .copy { font-size:10px; text-align:center; color:#FFF; padding:0 0 1% 0; margin:0;}
#footer .section { text-align:center;}
#footer .list-inline .btn { margin-bottom:10px;}
.head_copy{ font-size:9px !important;}
.sale_date{font-size:14px !important; color:#ce0000; font-weight:bold; margin:0 0 3% 0;}
.prize-winner  { text-align:left}
ul.list-inline li { padding-left:0; padding-right:0;}
img.img-responsive { margin-bottom:10px;}
}

@media (min-width: 768px) {
body { padding-top:40px;}
.navbar { background: -moz-linear-gradient(top, #000, #4f4f4f);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#4f4f4f));}
.navbar-nav	{ font-size:18px;}
.navbar-nav li, .navbar-brand{ width:188px; text-align:center;} 
.navbar-brand { padding-top:0; margin-left:-20px; margin-right:15px;}

.section { padding-left:20px; padding-right:20px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
		width: 940px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}


/*  Banner  */
.result_bana{padding:0; margin:0 auto 3% auto;}
.present_bana{padding:0; margin:0 auto 3% auto;}

/*  Style  */
.store_link{font-size:18px; margin:0 0 20px 0; font-weight:bold; text-align:center;}
.btn_link{margin:0 0 5% 0;}

.notice{font-size:11px;}
.sale_date{font-size:18px; color:#ce0000; font-weight:bold; margin:0 0 3% 0;}
.red_txt{color:#ce0000;}
.store_info{text-align:center; margin:0 0 5% 0;}
.on_sale{ margin-bottom:2%;}
.head_copy{font-size:12px;}
.logo_set{padding:2%; 0}

.how_to p{ margin:0 0 5% 0;}

.get_btn{ margin:4% 0; }
.get_btn a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff;}