@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}


body{
	color:#222;
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	line-height:1.5;
	font-weight:500;
	background: #fff url(../../images/keirinaquamarine/bg_reg.jpg)no-repeat center top / cover fixed;
	-webkit-text-size-adjust: 100%;
}

a{
	color:#fff;
	text-decoration:none;
}

a:hover{
	color:#c0c0c0;
}

a:active, a:focus {
	outline:0;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

ul {
	list-style-type: none;
}

ul:after {
	content: "";
	clear: both;
	display: block;
}

img {
	border:0;
	vertical-align:bottom;
}

#wrap{
	width:100%;
	overflow:hidden;
}

#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;
}

.inner{
	margin:0 auto;
	width:100%;
	max-width:1050px;
}

.f_inner{
	margin:0 auto;
	width:100%;
}


/* header ---------------------------------*/

#header{
	padding:0;
	margin:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
}

#header .inner{
	max-width:1050px;
	width:100%;
}

.logo{
	float:left;
	padding:15px 0 10px 40px;
	width:100%;
	max-width:400px;
}

.logo a{
	color:#555;
}

.login_box{
	float:right;
	margin-top:10px;
	margin-right:20px;
	padding:6px 10px 2px;
	text-align:right;
	max-width:120px;
}

.login_box img{
	width:90px;
}

.logp{
	padding-left:5px;
	line-height:1.3;
}

.conp{
	padding-left:5px;
	line-height:1.5;
	width:70%;
}


/* section ---------------------------------*/

section.content_top{
	padding:60px 0 0;
	margin:0 auto;
	max-width:100%;
	max-width:1050px;
}

section.content{
	padding:30px 0;
	margin:0 auto;
	text-align:center;
	width:100%;
}

section.content02{
	padding:0;
	margin:0px auto 50px;
	max-width:1000px;
	box-sizing:border-box;
}

.content_reg{
	padding:40px 0 40px;
	margin:0 auto;
	text-align:center;
	max-width:100%;
	color:#000;
	font-size:1.2rem;
	background:#000 url(../../images/keirinaquamarine/bg_reg.jpg)no-repeat center top / cover fixed;
}

.content_reg p{
	margin:30px auto 30px;
}

.content_reg a{
	color:#0090ff;
	text-decoration:underline;
}

.content_reg a:hover{
	color:#0090ff;
	text-decoration:none;
}


section.content article{
	padding:30px 0 20px 0;
	margin-bottom:10px;
	overflow:hidden;
	max-width:1050px;
}

section.toppage article,section.content .archive{
	border:0;
}

section.content .archive{
	padding:0;
	border-bottom:1px dotted #ccc;
}

section.content02 h3{
	background:#529cdb;
	color:#121212;
	font-size: 18px;
	font-weight:800;
	line-height:18px;
	padding: 2%;
	clear: both;
	margin:0 auto 20px;
}


section.content p{
	margin-bottom:5px;
	color:#fff;
}

section.content02 p{
	margin-bottom:20px;
	line-height:1.7;
	color:#000;
	font-weight:500;
}

section.content_top img{
	width:100%;
	height:auto;
	margin:0 auto;
}



img.w100{
	max-width:1050px;
	width:100%;
}

img.w70{
	max-width:300px;
	width:70%;
}

.sec_top{
	background:#cc0000;
	padding:15px 0;
	margin:0 auto;
	text-align:center;
}

.sec_page{
	background:#695b3e;
	box-sizing:border-box;
	padding:25px 0;
	margin:30px auto 0;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-align:center;
}

.sec_about{
	background:#111;
	padding:0;
	margin:0 auto;
	text-align:center;
	box-shadow:0 3px 5px 5px rgba(0,0,0,.4);
	z-index:9999;
}

h3.heading{
	font-size:32px;
	font-weight:700;
	color:#fff;
	text-shadow:1px 1px 3px #0000cc;
	text-align:center;
	padding:15px;
	margin-top:60px;
	margin-bottom:5px;
	border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
}

h3.page{
	font-size:30px;
	font-weight:700;
	color:#121212;
	text-shadow:1px 1px 3px #fff;
	text-align:center;
	padding:15px;
	margin-top:0;
	margin-bottom:5px;
	border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
}

.alignleft{
	float:left;
	clear:left;
	margin:3px 10px 10px 0;
}

.alignright{
	float:right;
	clear:right;
	margin:3px 0 10px 10px;
}

.cts_box{
	max-width:1050px;
	width:100%;
	height:auto;
	text-align:left;
	background:rgba(255,255,255,1);
	border:4px solid #695b3e;
	padding:25px 30px;
	margin:0 auto 50px;
	box-sizing:border-box;
}

.cts_box p{
	font-size:16px;
	line-height:1.5;
	padding:0 0 5px;
}

.page_box{
	padding:15px 20px;
	margin:20px auto 50px;
	text-align:center;
	box-sizing:border-box;
	background:rgba(255,255,255,.8);
}

h2.page_m{
	padding:6px 0 4px 38px;
	line-height:1.5;
	font-size:18px;
	font-weight:700;
	color:#0000cc;
	text-align:left;
	margin:10px auto 5px;
	box-sizing:border-box;
	border-bottom:3px solid #0000cc;
	background:url(../../images/keirinaquamarine/hexagon.png) left center no-repeat;
}

.page_box p{
	line-height:1.5;
	font-size:14px;
	text-align:left;
	padding:5px 15px;
}

.con_box{
	border-radius:8px 8px 8px 8px;
	padding:0;
	line-height:1.5;
	font-size:16px;
	margin:20px auto;
	text-align:center;
	box-sizing:border-box;
	background:rgba(255,255,255,0.7);
	box-shadow:1px 1px 6px rgba(0,0,0,0.8);
}

.con_b-box{
	border-radius:8px 8px 8px 8px;
	padding:10px;
	line-height:1.5;
	font-size:16px;
	margin:50px auto;
	text-align:center;
	box-sizing:border-box;
	background:rgba(0,0,0,0.8);
	box-shadow:1px 1px 6px rgba(0,0,0,0.8);
}

.midashi{
	background:#d00707;
	border-top:3px solid #fdc442;
	border-bottom:3px solid #fdc442;
	padding:2% 0;
	text-align:center;
}

.title_area02 {
 	position: relative;
	display: inline-block;
	margin: 0.5em auto 1.0em;
	padding: 15px 20px;
	width:80%;
	max-width:400px;
	text-align:center;
	color: #fff;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	background: #1c1c1c;
}

/*result
---------------------------------------------------------------------------*/

.result_box{
	padding:0 0 20px;
	line-height:1.5;
	font-size:16px;
	text-align:center;
	margin:0 auto 0;
	width:94%;
	max-width:1000px;
	box-sizing:border-box;
}

.result_box ul{
	width:100%;
	height:auto;
	margin:0 auto;
	padding-left:0;
	text-align:center;
	list-style-type: none;
	box-sizing:border-box;
}

.result_box ul li{
	background-color:#fff;
	background-position:left center ,right center ,center center;
	background-image:url(../../images/keirinaquamarine/bg_result_line.png) ,url(../../images/keirinaquamarine/bg_result_line.png) ,url(../../images/keirinaquamarine/bg_result.jpg);
	background-repeat:repeat-y ,repeat-y ,no-repeat;
	background-size:auto auto ,auto auto ,cover;
	border:1px solid #c5cbd0;
	box-sizing: border-box;
	padding:0;
	margin:10px 1% 15px;
	font-size:16px;
	color:#111;
	line-height:2.0;
	text-align:center;
	width:48%;
	height:auto;
	float:left;
	display:table;
	 justify-self: last baseline;
}

.result_box ul li p{
	color:#121212;
	margin:25px auto 10px;
	line-height:1.5;
}

.result_line{
	border:1px dashed #c5cbd0;
}

.r_money{
	color:#d90000;
	font-weight:700;
	font-size:34px;
	text-align:center;
	font-style:italic;
}

.yen{
	color:#d90000;
	font-weight:700;
	font-size:22px;
	font-style:italic;
}


.hit_detail {
    max-width: 500px;
    background-color: #f0f5f9;
}

.hit_detail:not([open]) {
    margin-bottom: 0;
}

.hit_detail summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 5px 15px;
    background-color: #00b4ff;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.hit_detail summary::-webkit-details-marker {
    display: none;
}

.hit_detail summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.hit_detail[open] summary::after {
    transform: rotate(225deg);
}

/*
.hit_detail p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.hit_detail[open] p {
    transform: none;
    opacity: 1;
}*/

.hit_detail dt {
	border:1px solid #b8b8b8;
	color:#121212;
	font-weight:bold;
	margin:10px;
}

.hit_detail dd {
	padding:10px;
}

.for_r2{
	color:#00b4ff;
}

.login_ip{
	width: 40%;
	height:40px;
	box-sizing: border-box;
	color: #333;
	font-size:16px;
	border: 2px solid #d4bd90;
	padding: 8px;
	margin: 0 auto 20px;
}

.inq_ad {
	width: 100%;
	box-sizing: border-box;
	color: #121212;
	border: 2px solid #c5cbd0;
	background:rgba(255,255,255,.8);
	padding: 10px 8px;
	margin: 20px auto 0;
}

.inq_box {
	width: 100%;
	box-sizing: border-box;
	height: 150px;
	color: #121212;
	border: 2px solid #c5cbd0;
	background:rgba(255,255,255,.8);
	padding: 10px 8px;
	margin: 0 auto;
}

.p_table {
	width: 94%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing: 0 8px;
}

.p_table, .p_table td, .p_table th{
	line-height: 1.5;
}

.p_table td{
	padding: 12px 10px 10px;
	border: 1px solid #d4bd90;
}

.p_table th{
	width: 180px;
	padding: 12px 10px 10px;
	text-align: center;
	background:#695b3e;
	color:#fefefe;
}

.cau_box{
	height: auto;
	max-width:1080px;
	width:100%;
	text-align:center;
	border:4px solid #ee0000;
	background:rgba(0,0,0,.8);
	padding:20px 20px;
	margin:40px auto 20px;
	box-sizing:border-box;
}

.cau_box p{
	color:#fff600;
	text-align:left;
	line-height:1.6;
	padding-bottom:10px;
}

.cau_box a{
	color:#fff;
	text-decoration:underline;
}

.cau_box a:hover{
	color:#00aeff;
	text-decoration:none;
}

.kari_box{
	height: auto;
	max-width:1080px;
	width:100%;
	text-align:center;
	border:4px solid #ee0000;
	background:rgba(255,255,255,1);
	padding:20px 20px;
	margin:40px auto 20px;
	box-sizing:border-box;
}

.kari_box p{
	color:#222;
	text-align:left;
	line-height:1.6;
	padding-bottom:10px;
}

.kari_box a{
	color:#0000cc;
	text-decoration:underline;
}

.kari_box a:hover{
	color:#0066ff;
	text-decoration:none;
}

.reg_box{
	height: auto;
	max-width:1050px;
	width:100%;
	text-align:center;
	border:4px double #c0c0c0;
	background:rgba(0,0,0,.9);
	padding:10px 10px 10px;
	margin:40px auto 20px;
}

.reg_box p{
	color:#fff;
	text-align:left;
	line-height:1.5;
	padding-bottom:10px;
}

.reg_pc ul{
	width:100%;
	margin:10px auto 0;
	padding:20px 0;
	box-sizing:border-box;
}

.reg_pc li{
	margin:0;
	padding:0 5px;
	float:left;
	text-align:center;
}

.reg_pc li:first-child{
	max-width:310px;
	width:30%;
}

.reg_pc li:last-child{
	max-width:700px;
	width:70%;
}

.reg_box_address{
	max-width:670px;
	width:100%;
	height:50px;
	color:#777;
	background:#fff !important;
	border:2px solid #846e48;
	font-size:120%;
	padding:7px 10px;
	margin-top:30px;
	margin-bottom:15px;
}

.reg_timg{
	width:100%;
	margin:0 auto;
	padding:0;
}

.reg_img{
	max-width:500px !important;
	width:100%;
	margin:20px auto 10px;
}

/* .ani{

} */

.reg_sp{
	padding-top:10px;
	padding-bottom:10px;
	margin-right:auto;
	margin-left:auto;
}


.v_tl{
	color:#fff;
	font-weight:bold;
	background:#0000cc;
	line-height:1.8;
	padding:5px;
}


.bg_page{
	padding:3% 30px 3%;
	margin:120px auto 50px;
	box-sizing:border-box;
	background:rgba(255,255,255,.5);
	border:2px solid #c5cbd0;
	color:#121212;
}

.co_table {
	width: 100%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:5px;
}

.co_table, .co_table td, .co_table th{
	line-height: 1.5;
	background:rgba(255,255,255,.6);
}

.co_table th{
	width: 30%;
	padding: 15px;
	text-align: center;
	color:#fff;
	font-weight:800;
	background:#2587da;
	border:1px solid #c5cbd0;
}

.co_table td{
	width: 70%;
	color:#121212;
	padding: 15px;
	background:#fff;
	border:1px solid #c5cbd0;
}

.l-in_table {
	width: 60%;
	margin:0 auto;
	border-collapse:collapse;
}

.l-in_table, .l-in_table td, .l-in_table th{
	line-height: 1.5;
	background:rgba(0,0,0,.6);
}

.l-in_table th{
	width: 30%;
	padding: 15px;
	text-align: center;
	color:#fff;
	font-weight:800;
	border-top:2px solid #fdc638;
	border-bottom:2px solid #fdc638;
	border-left:2px solid #fdc638;
}

.l-in_table td{
	width: 70%;
	color:#fff;
	padding: 15px;
	border-top:2px solid #fdc638;
	border-bottom:2px solid #fdc638;
	border-right:2px solid #fdc638;
}

.l-in_area {
	width: 100%;
	box-sizing: border-box;
	color: #000;
	border: 1px solid #111;
	background:#fff;
	padding: 10px;
	margin: 0 auto 0;
}

/* footer ---------------------------------*/

#footer{
	clear:both;
	margin:0 auto 0;
	background: #2587da;
	color: #fff;
	padding:0 2%;
}

#footer a{
	color:#fff;
}

#footer a:hover{
	color:#fff;
}

#footer .inner{
	padding:20px;
	overflow:hidden;
	margin:0 auto;
	max-width:1050px;
}

#footer .grid{
	margin:0;
}

#footer #info{
	float:left;
}

#footer #info .info{
	float:none;
}

#footer #info .info{
	clear:both;
	padding:5px 0 0;
	text-align:left;
}

#footer .logo{
	padding-left:30px;
}

#footer .info .tel,#footer .info .tel span,#footer #info .open{
	font-size:12px;
	color:#fff;
	margin-bottom:15px;
	padding-left:30px;
}

#footer .menu{
	width:80%;
	margin:0 auto;
	text-align:center;
}

ul.footnav{
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	width:100%;
}

ul.footnav li{
/*	float:left;*/
	display:inline;
	margin:10px 0;
	padding:0 15px;
}


.f-text{
	clear:both;
	width:80%;
	margin:15px auto 0;
	padding:10px;
	text-align:left;
	font-style:normal;
	font-size:12px;
	color:#fff;
	border:1px solid #efefef;
}

#copyright{
	clear:both;
	padding:20px 0 0 0;
	text-align:center;
	font-style:normal;
	font-size:10px;
	color:#e1e1e1;
}


/* other ---------------------------------*/

.spc_btn{
	margin:30px auto 15px;
	text-align:center;
}

.btn_send {
	background:#2587da;
	border: 2px solid #0569be;
	font-weight: bold;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #ffffff;
	line-height: 2.0;
	text-decoration: none;
	text-transform: uppercase;
	padding: 7px 20px 5px 25px;
	margin-bottom: 20px;
	font-size: 1.2rem;
	letter-spacing:0.1em;
	cursor: pointer;
	min-width:120px;
}

.btn_send:hover{
	opacity:0.8;;
}

.e_btn {
	border: 4px solid #ee0000;
	background:#ee0000;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #ffffff;
	line-height: 2.0;
	text-decoration: none;
	text-transform: uppercase;
	padding: 7px 25px 5px;
	margin-bottom: 20px;
	font-size: 1.4rem;
	letter-spacing:0.1em;
	cursor: pointer;
	min-width:120px;
}

.e_btn:hover{
	color: #fff;
	background: -moz-linear-gradient(
		top,
		#265fff 0%,
		#0029c7 49%,
		#043cd9 50%,
		#265fff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#265fff),
		color-stop(0.49, #0029c7),
		color-stop(0.50, #043cd9),
		to(#265fff));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #0025b4;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
}

.btn_mail{
	display:block;
	border:1px solid #888;
	padding:15px 10px;
	margin:0 auto 10px;
	border-radius:4px;
	width:90%;
	min-height:40px;
}

.btn_mail:hover {
	opacity:0.8;
}

img.aligncenter{
	display:block;
	margin:5px auto;
}

img.alignright{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft{
	margin:0 0px 2px 0;
}

.alignright{
	float:right;
}

.alignleft{
	float:left;
}

.red{
	color:#da0000;
}

.yellow{
	color:#fff600;
}

.fwb{
	font-weight:bold;
}

.fs12{
	font-size:1.2rem;
}

.fs14{
	font-size:1.4rem;
}

.tl-c{
	text-align:center;
}

.tl-l{
	text-align:left;
}

.tl-r{
	text-align:right;
}

.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.mt30{
	margin-top:30px;
}

.mtb30{
	margin:30px auto;
}

.mtb80{
	margin:80px auto;
}

.mtb100{
	margin:100px auto;
}

.mtb120{
	margin:120px auto;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}

.mb50_sp{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb100{
	margin-bottom:100px;
}

.mb200{
	margin-bottom:15vw;
}

.mb1000{
	margin-bottom:35vw;
}

.bg_red{
	background:#910000 url(../../images/keirinaquamarine/bg_red.png)no-repeat center center / cover;
	padding:5px 0;
}

.bg_black{
	background:#111;
}

.bg_top{
	background: #000 url(../../images/keirinaquamarine/bg_catch.jpg)no-repeat center bottom / cover;
}

.bg_a01{
	background:#000 url(../../images/keirinaquamarine/bg_a01.jpg)no-repeat center center / cover;
}

.bg_a02{
	background:#000 url(../../images/keirinaquamarine/bg_a02.jpg)no-repeat center center / cover fixed;
}

.bg_a03{
	background:#000 url(../../images/keirinaquamarine/bg_a03.jpg)no-repeat center bottom / cover;
}

.bg_a04{
	background:#000 url(../../images/keirinaquamarine/bg_a04.jpg)no-repeat center bottom / cover;
}

.bg_p04{
	background:#000 url(../../images/keirinaquamarine/bg_p04.jpg)no-repeat center center / cover;
}

.bg_p05{
	background:#000 url(../../images/keirinaquamarine/bg_p05.jpg)no-repeat center center / cover fixed;
}

.bg_s01{
	background:#000 url(../../images/keirinaquamarine/bg_slot.jpg)no-repeat center center / cover;
}

.bg_result{
	background:#000 url(../../images/keirinaquamarine/bg_result_area.jpg)no-repeat center center / cover fixed;
}

/* res ---------------------------------*/

@media only screen and (min-width:960px){
	nav div.panel{
	display:block !important;
	float:left;
}

a#menu{
	display:none;
}

#wrapper{
	width:100%;
	padding:0;
	margin:0 auto;
}
}

.f_inner{
	width:100%;
	padding:0;
	margin:0;
}

#wrapper{
	clear:both;padding:0;
}

.logo{width:500px;}

.gridWrapper{
	display:table;
	border-collapse:separate;
	border-spacing:0px;
}

.grid{
	width:320px;
	display:table-cell;
}


@media only screen and (max-width:959px){

.reg_box_t{
	height: auto;
	width:100%;
	background: url(../../images/keirinaquamarine/mainbanner02_01.png) center center no-repeat;
	background-size: cover;
	padding-top: 43.80%;
	margin:0 auto;
}
}


@media (min-width:590px) and (max-width:870px){
.result_box ul{
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	list-style-type: none;
}

.result_box ul li{
	width:48%;
	height:auto;
	float:left;
	display:table;
}
}




@media (min-width:381px) and (max-width:950px){
.s-txt{
	text-shadow:1px 1px 0 #fff , -1px -1px 1px #fff;
}
}


@media only screen and (max-width:1049px){
*{
-webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
     -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
        box-sizing:border-box;
}

#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	border:1px solid #e4e4e4;
	border-left:0;
	border-right:0;
}

#mainNav a.menu{
	color:#555;
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
}

#mainNav a#menu span{
	padding-left:10px;
}

#mainNav a.menu span:before{
	content:"≡ ";
}

#mainNav a.menuOpen span:before{
	content:"× ";
}

#mainNav a#menu:hover{
	cursor:pointer;
}

nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
}

#mainNav ul{
	margin:0;padding:0;
}

#mainNav li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
}

#mainNav li a,#mainNav li.current-menu-item li a{
	color:#555;
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
}

#mainNav li a span{
	padding-left:10px;
}

#mainNav ul > li:last-child a{
	border:0;
}

#mainNav li li:last-child a{
	border-bottom:1px dashed #ccc;
}

#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item a,#mainNav li a:active, #mainNav li li.current-menu-item a, #mainNav li.current-menu-item li a:hover, #mainNav li.current-menu-item li a:active{
	color:#555;
}

#mainNav li li{
	float:left;
	border:0;
}

#mainNav li li a, #mainNav li.current-menu-item li a, #mainNav li li.current-menu-item a{
	padding-left:40px;
	background:url(images/sub1.png) no-repeat 20px 18px;
}

#mainNav li li.current-menu-item a,#mainNav li li a:hover, #mainNav li.current-menu-item li a:hover{
	background:url(images/sub1.png) no-repeat 20px -62px;
}

#mainNav li li:last-child a{
	background:url(images/subLast.png) no-repeat 20px 20px;
}

#mainNav li li:last-child.current-menu-item a,#mainNav li li:last-child a:hover,#mainNav li.current-menu-item li:last-child a:hover{
	background:url(images/subLast.png) no-repeat 20px -65px;
}

nav div.panel{
	float:none;
}

#header{
	padding-left:10px;
}

#main{
	padding-top:15px;
}

section.toppage{
	margin:0;
}

#footer .grid,#footer ul.footnav{
	float:none;
	width:100%;
	text-align:center;
}
ul.footnav li{
	float:none;
	display:inline-block;
}

.grid{
	float:left;
	width:32%;
	margin:10px 0 0 1%;
}

#footer .grid img,#footer .info{
	float:none;
}

#footer .grid p{
	display:block;
}

#footer #info .info{
	float:none;
	text-align:center;
}

#footer.logo,#footer .info{
	width:100%;
	float:none;
}

#footer .logo p{
	float:none;
	display:block;
}

#footer .logo img{
	float:none;
	padding:0;
}
}

@media only screen and (max-width:768px){
.content_reg{
	padding:40px 0 40px;
	margin:0 auto;
	text-align:center;
	max-width:100%;
	color:#000;
	font-size:1.2rem;
	background:#000 url(../../images/keirinaquamarine/bg_reg_sp.jpg)no-repeat center top / cover;
}

.bg_p02{
	background:#000 url(../../images/keirinaquamarine/bg_p02_sp.jpg)no-repeat center center / cover;
}

.bg_result{
	background:#000 url(../../images/keirinaquamarine/bg_result_sp.jpg)no-repeat center top / cover;
}
}

@media only screen and (min-width:651px){
.for_sp{
	display:none;
}
}

@media only screen and (max-width:650px){
.for_pc{
	display:none;
}

section.content p{
	margin:0 15px 15px 15px;
	color:#fff;
}
}

@media only screen and (max-width:589px){
.result_box ul{
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	list-style-type: none;
}

.result_box ul li{
	width:98%;
	height:auto;
	float:none;
	display:table;
}

.img-title{
	width:90%;
}
}

@media only screen and (max-width:640px){
#wrap::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../../images/keirinaquamarine/bg_sp.jpg);
	background-size:cover;
}

#header{
	width:100%;
	padding-bottom:20px;
	box-sizing:border-box;
}

.logo{
	width:100%;
	margin:5px auto 0;
}

.login_box{
	float:right;
	width:30%;
	margin-top:0;
	margin-right:0;
	padding:6px 10px 2px 20px;
}

.login_box img{
	width:100%;
	right:0;
}

.box img{
	float:left;
	margin-right:5px;
}

.box h3{
padding-top:0;
}

.reg_box{
	height: auto;
	max-width:1050px;
	width:96%;
	text-align:center;
	border:4px double #c0c0c0;
	background:rgba(0,0,0,.9);
	padding:10px 10px 10px;
	margin:15px auto;
}

.reg_box_address{
	max-width:100%;
	width:90%;
	height:50px;
	color:#777;
	background:#fff !important;
	border:2px solid #3c2805;
	font-size:120%;
	padding:7px 10px;
	margin-top:10px;
	margin-bottom:15px;
}

.reg_top{
	width:94%;
	padding:0 10px;
	margin:0 auto 10px;
}

.reg_img{
	width:90%;
	padding:0 10px;
	margin:0 auto 0px;
}

.alignleft,.alignright,img.alignleft,img.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
}

.login_box table{
	border-collapse:collapse;
	margin:5px auto 15px auto;
}

.login_box table td{
	text-align:left;
	padding:2px;
	line-height:16px;
	vertical-align:middle;
}

h3.heading{
	font-size:24px;
	font-weight:700;
	color:#fff;
	text-align:center;
	padding:15px 0;
	margin-top:30px;
	margin-bottom:5px;
	border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;
}

.l-in_table {
	width: 90%;
	margin:0 auto;
	border-collapse:collapse;
}

#footer .inner{
	padding:0 0 20px;
	overflow:hidden;
	margin:0 auto;
	max-width:1050px;
}

#footer .menu{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#footer .grid,#footer ul.footnav{
	float:none;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	margin-top:0;
}

ul.footnav li{
	float:none;
	width:100%;
	padding:3% 0 4%;
	display:block;
	border-bottom:1px dotted #d4bd90;
}

ul.footnav li a{
	display:block;
}

.f-text{
	clear:both;
	width:100%;
	margin:15px auto 0;
	padding:10px;
	text-align:left;
	font-style:normal;
	font-size:12px;
	border:1px solid #efefef;
}

.bg_a02{
	background:#000 url(../../images/keirinaquamarine/bg_a02.jpg)no-repeat center center / cover;
}
}


@media (min-width:481px){
.reg_sp{
	display:none;
}

.hdr_sp{
	display:none;
}
}


@media only screen and (max-width:480px){
.logo{
	float:left;
	top:5px;
	left:10px;
	padding:6px 10px 2px;
	width:100%;
	max-width:250px;
}

.login_box{
	float:right;
	top:0px;
	right:10px;
	padding:10px 10px 2px;
	text-align:right;
	max-width:100px;
}

section.content{
	padding:20px 0;
	margin:0 auto;
	text-align:center;
	width:100%;
}

section.content_top{
	padding:0;
	margin:0 auto;
	max-width:100%;
}

.content_reg{
	padding:30px 0 40px;
	margin:0 auto;
	text-align:center;
	max-width:100%;
	color:#000;
	font-size:1.2rem;
	background:#000 url(../../images/keirinaquamarine/bg_reg.jpg)no-repeat center top / cover;
}

.content_reg p{
	padding:0 2%;
	font-size:14px;
}

.co_table th{
	width: 30%;
	padding: 15px;
	text-align: center;
	color:#fff;
	font-size:14px;
	font-weight:800;
	background:#2587da;
	border:1px solid #c5cbd0;
}

.co_table td{
	width: 70%;
	color:#121212;
	padding: 15px;
	font-size:14px;
	background:#fff;
	border:1px solid #c5cbd0;
}

.cts_box{
	width:100%;
	height:auto;
	text-align:left;
	background:rgba(255,255,255,1);
	border:4px solid #695b3e;
	padding:3%;
	margin:0 auto 0;
	box-sizing:border-box;
}

.p_table {
	width: 100%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing: 0 8px;
}

.p_table td{
	width: auto;
	padding: 5px 8px;
}

.p_table th{
	width: 100px;
	padding: 5px 8px;
}

.reg_box{
	height: auto;
	max-width:1050px;
	width:100%;
	text-align:center;
	border:4px double #c0c0c0;
	background:rgba(0,0,0,.9);
	padding:10px 10px 10px;
	margin:0 auto;
}

.reg_pc{
	display:none;
}

.hdr_pc{
	display:none;
}

.mb50_sp{
	margin-bottom:0;
}

.grid{
	width:100%;
	margin:10px 0;
}
.box img{
	max-width:100px;
}

#mainBanner h2,#mainBanner p{
	font-size:80%;
}

.reg_box_t{
	height: auto;
	width:100%;
	background: url(../../images/keirinaquamarine/mainbanner02_01.png) center center no-repeat;
	background-size: cover;
	padding-top: 43.80%;
	margin:0 auto;
}

.reg_sp{
	min-height:100%;
	width:100%;
	background: url(../../images/keirinaquamarine/mainbanner02_02.png) center center no-repeat;
	background-size: cover;
	padding-top: 34.28%;
	color:#222;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
}

.img-title{
	width:90%;
}

section.content p{
	margin:0 15px 15px 15px;
	color:#fff;
}

section.content02{
	padding:0 15px;
	margin:0 auto;
	max-width:1000px;
}

.bg_page{
	padding:4% 15px;
	margin:70px auto 50px;
	box-sizing:border-box;
	background:rgba(255,255,255,.5);
	color:#fff;
}

.voice_box ul li{
	background:rgba(255,255,255,0.3);
	box-sizing: border-box;
	padding:4% 2% 2% 2%;
	margin:0 auto 30px;
	font-size:16px;
	color:#222;
	line-height:1.5;
	text-align:left;
	width:100%;
	height:auto;
	display:table;
}

.mb40-2{
	margin-bottom:40px;
}

.f-text{
	clear:both;
	width:100%;
	margin:15px auto 0;
	padding:10px;
	text-align:left;
	font-style:normal;
	font-size:12px;
	border:1px solid #efefef;
}
}