@charset "UTF-8";
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
}
html{font-size: 625%;}

@media screen and (max-width: 640px){
	html{font-size: 950%;}
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size : 0.2em;
	line-height : 2;
	background: #030200;
	color: #2d2a23;
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 640px){
body {
	/*background: url(../image/sp_bg.jpg) repeat center;*/
	/*width: 900px;*/
}}

div,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	margin: 0 auto;
	display: block;
}

img{
	/* pc */
	pointer-events: none;
	/* smartphone*/
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}


#main {
	/*overflow: hidden;*/
	margin : 0 auto;
}




p {
	margin: 80px auto 0;
	/*max-width: 800px;*/
}

.header {
	max-width: 1050px;
	margin: 0 auto;
}

.main {
	margin : auto;
}

.container {
	margin : auto;
	padding: 45px 100px;
	text-align: left;
	max-width: 1050px;
	background: #fdfdfd;
}

.container.head {
	padding:0;
}

@media screen and (max-width: 640px){
.main {
	overflow: hidden;
}}
@media screen and (max-width: 767px){
	.container {
		padding: 30px;
	}
}

#footer {
	padding: .10rem 0;
	background: #0c0801;
	font-size : .16rem;
	line-height : 1.5;
	color: #FFF;
	/*height : 0.5rem;*/
	text-align: center;
}
#footer ul li {
	list-style-type: none;
	display: inline-block;
	
}
#footer ul li:not(:last-child){
	margin-right:20px;
}

#footer p {
	margin: auto;
	margin-top: 5px;
	color: #a8e61f;
}

#footer a {
	color: #FFF
}


.botton {
	max-width:290px;
}

.result_1{
	/*background-image : url(../images/result_1.png);
	background-repeat : no-repeat;
	background-position : center top;*/
	margin: 0 auto 60px;
	/*height: 120px;*/
	position: relative;
	line-height: 1;
	padding-top: 20px;
}

.result_date{
	font-size: 24px;
	position: absolute;
	top: 20px;
	left: 10px;
	color: #000;
	font-weight: bold;
	color: #df1525;
}

.result_payout{
	font-size: 30px;
	/*font-family: "HG明朝B", "HG明朝E", "HG�E��E�ｼ�E��E�M";*/
	color: #df1525;
	font-weight: bold;
	text-align: right;
}
.result_payout span{
	font-size: 60px;
}

#jisseki {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	/*max-width:820px;*/
	font-size: 14px;
	margin: 0 auto;
	border: solid 1px #332718;
	text-align: center;
}
#jisseki th {
	padding: 5px 10px;
	background: #332718;
	font-size: 14px;
	color: #fff;
}
#jisseki th:not(:last-child) {
	border-right: 1px solid #fff;
}
table#jisseki td {
	border: solid 1px #332718;
	padding: 5px 10px;
}
table#jisseki td:nth-of-type(4),
table#jisseki td:nth-of-type(5){
	text-align: right;
}
.container_jisseki{
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	padding-left : 50px;
	padding-right : 100px;
	color: #000;
	font-family: "メイリオ", "HG�E��E�ｼ�E��E�E", "HG�E��E�ｼ�E��E�M";
	background-image: url(../bg/frame_j.png);
	background-repeat: repeat-y;
}
#yu_caution{padding-left:0px;}
#yu_caution li {
	list-style-type: none;
	font-size:13px;
	line-height: 1.5em;
}
.hit_img {text-align:center;}
.hit_img img {
	border:double 2px #f71515;
	padding:3px;
}
.button {
	text-align: center;
	font-size: 28px;
	position: absolute;
	left: 241px;
	top: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ffffff;
	padding: 10px 30px;
	background: -moz-linear-gradient( top, #26e661 0%, #145008);
	background: -webkit-gradient( linear, left top, left bottom, from(#26e661), to(#145008));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #076d1c;
	-moz-box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgb(13, 217, 38);
	-webkit-box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgb(13, 217, 38);
	box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgb(13, 217, 38);
	text-shadow: 0px -1px 0px rgba(84,54,3,0.2), -1px -1px 0px rgba(128,58,32,0.4);
}
.button:not(:target) {
	background:green\9;
	background:green;
}
html>/**/body .button {
	background /*\**/: green \9;
}
.button:hover {
	background:#ff2400;
	border:solid 1px #ff2400;
}

#cr_btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ffffff;
	padding: 10px 60px;
	margin-left:50px;
	background: -moz-linear-gradient( top, #f03427 0%, #9c150c);
	background: -webkit-gradient( linear, left top, left bottom, from(#f03427), to(#9c150c));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #e82e0e;
	-moz-box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgba(217,54,13,1);
	-webkit-box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgba(217,54,13,1);
	box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgba(217,54,13,1);
	text-shadow: 0px -1px 0px rgba(84,54,3,0.2), -1px -1px 0px rgba(128,58,32,0.4);
}
/*#cr_btn:hover {
	background:#333;
	border:solid 1px #333;
}

#cr_btn:not(:target) {
	background:red\9;
	background:red;
}
#cr_btn:hover:not(:target) {
	background:#333\9;
	background:#333;
}
*/


.pt0 {
	padding-top:0;
}
.pb0 {
	padding-bottom:0;
}
.big-1 {font-size: 35px;}



@media screen and (min-width: 481px){
.pc {display: block;}
.sp {display: none;}
}
@media screen and (max-width: 480px){
	.pc {display: none;}
	.sp {display: block;}
	.container {
		padding: 20px;
	}
	form {padding:0 !important;}
	/*.botton {
		max-width: 290px;
		width: 70%;
	}*/
	.result_1{
		padding-top: 10px;
	}
	.result_date{
		position: static;
		margin-bottom: 10px;
	}
	.result_payout span{
		font-size: 50px;
	}
	table#jisseki{
		line-height: 1.4;
	}
	table#jisseki th:nth-of-type(1),
	table#jisseki td:nth-of-type(1),
	table#jisseki th:nth-of-type(2),
	table#jisseki td:nth-of-type(2){
		width: 10%;
		line-height: 1.2;
	}
	table#jisseki td:nth-of-type(3){
		word-break: break-word;
	}
	.form_area {
		padding: 20px 10px !important;
	}
	form input[type="text"] {
		height: 50px !important;
	}
	form dl {margin-bottom:0;}
	#footer{
		font-size: 14px;
	}
}
/*pc,sp end*/

a:link {
	color : #000;
	text-decoration : none;
}

a:visited {
	color : #000;
}

a:hover {
	color : #000;
	text-decoration : underline;
}

.ttl_oi_01 {
	background: url(../image/ttl_oi_01.png) center no-repeat;
	height: 310px;
}

.ttl_oi_02 {
	background: url(../image/ttl_oi_02.png) center no-repeat;
	height: 310px;
}

.ttl_oi_thx {
	background: url(../image/ttl_oi_thx.png) center no-repeat;
	height: 350px;
}

.ttl_ma_01 {
	background: url(../image/ttl_ma_01.png) center no-repeat;
	height: 310px;
}

.ttl_ma_02 {
	background: url(../image/ttl_ma_02.png) center no-repeat;
	height: 310px;
}

.ttl_ma_03 {
	background: url(../image/ttl_ma_03.png) center no-repeat;
	height: 310px;
}

.ttl_ma_04 {
	background: url(../image/ttl_ma_04.png) center no-repeat;
	height: 310px;
}

.ttl_ma_05 {
	background: url(../image/ttl_ma_05.png) center no-repeat;
	height: 310px;
}

.ttl_ma_06 {
	background: url(../image/ttl_ma_06.png) center no-repeat;
	height: 310px;
}

.ttl_ma_thx {
	background: url(../image/ttl_ma_thx.png) center no-repeat;
	height: 400px;
}

.ttl_sa_01 {
	background: url(../image/ttl_sa_01.png) center no-repeat;
	height: 400px;
}

.ttl_sa_02 {
	background: url(../image/ttl_sa_02.png) center no-repeat;
	height: 400px;
}

.ttl_sa_03 {
	background: url(../image/ttl_sa_03.png) center no-repeat;
	height: 400px;
}

.ttl_sa_thx {
	background: url(../image/ttl_sa_thx.png) center no-repeat;
	height: 400px;
}
.subttl_01{
	text-align: center;
	color: #df1525;
	border-bottom: 3px solid #df1525;
	line-height: 1.4;
	margin: 0 auto;
	padding-bottom: 10px;
	font-size: 30px;

}
.subttl_02{
	text-align:center;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 auto 20px;
	font-size: 30px;
}

/*form*/
.form_ttl {
	/*max-width: 786px;*/
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.form_area {
	background: url(../image/form_bg.png) center no-repeat #0f0c07;
	background-size: cover;
	margin: 0 auto;
	padding: 30px;
	color: #fff;
}
form {
	margin: 0 auto;
	display: block;
	max-width: 600px;
}
form dl {
	margin-bottom:0;
	margin-top:10px;
}
form dl dt{
	font-weight: 600;
}

form dl dd {
	margin: 0 auto 20px;
}
.botton {
	margin: 30px auto 0;
	display: block;
}
.botton:hover {
	/*background-color: red;*/
	opacity: .7;
	cursor: pointer;
}
form .error{
	display: block;
	color: #df1525;
	font-weight: bold;
	text-shadow:
	 0px -1px 6px rgba(0,0,0,1),
	 0px 1px 6px rgba(0,0,0,1),
	 -1px 0px 6px rgba(0,0,0,1),
	 1px 0px 6px rgba(0,0,0,1);
}
form .end{
	font-size: 1.8em;
	color: #df1525;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 30px;
	text-align: center;
	text-shadow:
	 0px -1px 6px rgba(0,0,0,1),
	 0px 1px 6px rgba(0,0,0,1),
	 -1px 0px 6px rgba(0,0,0,1),
	 1px 0px 6px rgba(0,0,0,1);
}
/*the_page*/
/*.the_page .btn {
	background-color: #00d8ba;
	border-bottom: 4px solid #02695f;
}
.the_page .btn:hover {
	background-color: #38ead2;
}*/
.form_ttl{
	font-size: 40px;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	color: #a8e61f;
}
.syousai_box {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	/*max-width:820px;*/
	font-size: 18px;
	margin: 0 auto 40px;
	line-height: 1.4;
	color: #2d2a23;
}
.syousai_box th {
	padding: 15px 10px;
	background: #a8e61f;
	font-size: 14px;
	text-align: center;
}
table.syousai_box td {
	padding: 15px 20px;
	background: #fefefe;
}
.syousai_box tr:not(:last-child) th,
.syousai_box tr:not(:last-child) td {
	border-bottom: solid 1px #030201;
}
.syousai_box .fee{
	border: 4px solid #df1525;
}
.pat img {
	/*max-width:750px;*/
	margin:0 auto 45px;
	display: block;
}

ul.link {
	padding: 20px;
	text-align: center;
	margin-top: 30px;
	background: #efffcd;
}
ul.link li {
	list-style-type: none;
	display: inline-block;
	font-size: 15px;
}
ul.link li:not(:last-child){
	margin-right: 10px;
}
ul.link li:not(:first-child):before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #a8e61f;
	margin-right: 15px;
	margin-bottom: -5px;
}
/*ul.link li a {color:#fff;}*/
.law_page img, .rule_page img {
	max-width:700px;
	margin:0 auto;
	display: block;
}
.day {font-size: 70px;}
ul.pages li {
	display: block;
	list-style-type: none;
	text-align: center;
}
@media screen and (min-width: 920px){
	.sp_bg {display: none;}
}
@media screen and (max-width: 919px){
	.bg_non {display: none;}
}

@media screen and (max-width: 768px){
	body {background: #fff;}
	p {font-size: 17px;}
	.ttl_oi_01 {
		background: url(../image/sp_ttl_oi_01.png) center no-repeat;
		height: 310px;
		background-size: contain;
	}

	.ttl_oi_02 {
		background: url(../image/sp_ttl_oi_02.png) center no-repeat;
		height: 310px;
		background-size: contain;
	}

	.ttl_oi_thx {
		background: url(../image/sp_ttl_oi_thx.png) center no-repeat;
		height: 350px;
		background-size: contain;
	}
	/*.ttl_ma_01 {
		background: url(../image/sp_ttl_ma_01.png) center no-repeat;
		background-size: contain;
	}*/
	.ttl_ma_02 {
		background: url(../image/sp_ttl_ma_02.png) center no-repeat;
		background-size: contain;
	}
	.ttl_ma_03 {
		background: url(../image/sp_ttl_ma_03.png) center no-repeat;
		background-size: contain;
	}
	.ttl_ma_04 {
		background: url(../image/sp_ttl_ma_04.png) center no-repeat;
		background-size: contain;
	}
	.ttl_ma_05 {
		background: url(../image/sp_ttl_ma_05.png) center no-repeat;
		background-size: contain;
	}
	.ttl_ma_06 {
		background: url(../image/sp_ttl_ma_06.png) center no-repeat;
		background-size: contain;
	}
	ul.link{
		text-align: left;
	}
	ul.link li:first-child:before,
	ul.link li:not(:first-child):before{
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border: 7px solid transparent;
		border-left: 7px solid #a8e61f;
		background: none;
		margin-right: 0;
		margin-bottom: 0;
	}
	ul.link li:not(:last-child){
		margin-right: 0;
		margin-bottom: 5px;
		border-bottom: 1px dotted #a8e61f;
	}
	.form_ttl{
		font-size: 24px;
	}
	.syousai_box th{
		width: 19%;
	}
	table.syousai_box td{
		padding: 5px 10px;
	}
	form label{
		font-size: 20px;
	}
}
@media screen and (min-width: 641px){
	.the_page img.pc {
		display: inline-block;
		max-width: 1050px;
		display: block;
		margin: 0 auto;
	}
	.the_page img.sp640 {display: none !important;}
}
@media screen and (max-width: 640px){
	.the_page img.pc {display: none !important;}
	.the_page img.sp640 {display: inline-block !important;}
	.fs22 {font-size: 20px !important;}
	.fs28 {font-size: 24px !important;}
	.fs36 {font-size: 26px !important;}
	strong {font-size: 22px !important;}
	.btn_area01 b {font-size: 24px;}
	form {
		font-size: 15px;
		padding: 0px 20px 0px;
	}
	form input[type=text]{
		/*margin: 0 auto 10px !important;*/
		display: block;
		width: 100%;
	}
	.the_page .btn_area01 p {
		padding:20px 10px 20px;
		font-size: 15.5px;
	}
	.the_page .btn_area01 p br {
		display: none;
	}
	.day {font-size: 35px;}
	/*.form_body span {
		display: block;
		text-align: center;
		font-size: 20px;
	}*/
	ul.pages li {
		display: block;
		list-style-type: none;
		text-align: center;
		font-size: 20px;
	}
}

@media screen and (max-width: 479px){
	.btn_area01 .txt div {
		padding: 30px 15px 45px 15px;
	}
	.btn_area01 b {font-size: 17px;}
	.btn {
		font-size: 15px;
		width: 100%;
	}
	table.jisseki td {padding:5px 10px !important;}
}

@media screen and (max-width: 414px) {
	br.none_414 {display: none !important;}
	.law_page .txt {
		min-height: 630px;
	}
}

@media screen and (max-width: 375px){
	br.none_375 {display: none !important;}
	table.jisseki {font-size: 12px !important;}
}
@media screen and (max-width: 360px){
	form input {max-width:240px;}
}
@media screen and (min-width: 321px){
	br.none_320 {display: inline-block;}
}

@media screen and (max-width: 320px){
	p {font-size: 14px;}
	.inline {display: inline-block;}
	br.none_320 {display: none !important;}
	.day {font-size: 32px;}
	form input {
		display: block;
		width: auto;
		max-width: 230px;
	}
}

/*チE��イスごとの改衁E/
@media screen and (max-width: 414px) {
	br.none_414 {display: none !important;}
}
@media screen and (max-width: 375px){
	br.none_375 {display: none !important;}
}
@media screen and (min-width: 321px){
	br.none_320 {display: inline-block;}
}
@media screen and (max-width: 320px){
	p {font-size: 14px;}
	br.none_320 {display: none !important;}
}