@charset "utf-8";
a{text-decoration:underline;color: #fff;}
a:hover{color: #aaa;}

.result-txt {
    padding: 30px 80px;
    background: #fff100;
    padding-bottom: 0;
}

.result-txt-inner {
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    font-size: 0.7em;
    color: #333;
}

@media(max-width: 1024px) {
    .result-txt {
        padding: 10px 0 0;
    }

    .result-txt-inner {
        font-size: 0.6em;
    }
}

@media screen and (min-width: 1024px){
.delete-pc{display:none;}
body{font-family: 'メイリオ', sans-serif, "ヒラギノ角ゴ ProN W3", "Meiryo", sans-serif;color:#333;line-height:1.25;}
header{background:url("../../images/keirinbox/img001.svg") center center no-repeat #fff100;height:1146px;background-size:cover;}
.me-header{width:1000px;margin: 0 auto;position:relative;}
.b-login{font-size:20px;line-height:65px; color: #fff;font-weight:bold;background:#e40114;text-align:center;width: 208px;height:65px;border-radius:50px;position:absolute;top:10px;right:10px}
.r-login{font-size:20px;line-height:65px; color: #fff;font-weight:bold;background:#1c8e22;text-align:center;width: 208px;height:65px;border-radius:50px;position:absolute;top:90px;right:10px}
.b-login:hover,.r-login:hover{background:#999;}

.bluesection{background:#023793;color:#fff;padding:40px 0;text-align:center;}
.me-form{width:1000px;margin:0 auto;}
.inp{margin: 20px 50px;;width:900px;padding:26px;height:80px;font-size: 20px;}
.me-form-comment{font-size:18px;line-height:32px;margin:20px;}
.red1{font-size:28px;color:#d90000;font-weight:bold;text-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff;}
.me-form-comment a{font-size:28px;color:#fff100;font-weight:bold;}
.me-form-comment a:hover{color: #aaa;}
.movebtn{margin: 0 auto;animation: vertical ease-in-out infinite alternate;	animation-duration: 1.8s;z-index: 2;}

.me-result{width:940px;margin:40px auto;}
.me-resultlist{width:940px;background:#fff100;padding:36px; padding-top: 10px; border-bottom-left-radius:50px;border-bottom-right-radius:50px;}
.me-resultlist figure{background:#fff;padding:20px;}
.me-resultlist figure:after{content: ".";display: block;height: 0.1px;font-size: 0.1em;line-height: 0; clear: both;visibility: hidden;overflow: hidden;}
.me-resultlist figure img{float:left;width: 340px;padding: 2px;border:2px solid #000;}
figcaption{margin:10px 0 0 360px;font-size:24px;line-height:34px;color:#023793;font-weight:bold;}
.get{font-size:42px;color:#ff2400;margin-top:10px;}

.yellowsection{background:#fff100;padding:40px 0;text-align:center;}
.bicycle{background: url("../../images/keirinbox/img014.png")no-repeat center 650px }

.redsection{background:#e40114;padding:40px 0;text-align:center;}
.money{background: url("../../images/keirinbox/img016.png")no-repeat center 230px }
.fire{background: url("../../images/keirinbox/img018.png")no-repeat center 1200px }
.whitesection{background:#fff;padding:40px 0;text-align:center;}

#sub-header{width:100%;background: #fff;height:112px;border-bottom: 3px solid #023793;}
.sub-header{width:1000px;margin:0 auto;height:112px;position:relative;}
.logo{position:absolute;top:8px;}
.sub-b-login{font-size:20px;line-height:65px; color: #fff;font-weight:bold;background:#e40114;text-align:center;width: 208px;height:65px;border-radius:50px;position:absolute;top:20px;right:10px}
.sub-r-login{font-size:20px;line-height:65px; color: #fff;font-weight:bold;background:#1c8e22;text-align:center;width: 208px;height:65px;border-radius:50px;position:absolute;top:20px;right:230px}
.sub-b-login:hover,.sub-r-login:hover{background:#999;}
.login-txt{font-size:20px;line-height: 40px; margin: 40px auto;}
.login-label{font-size:28px;font-weight: bold;}
.login-link a{font-size:20px;color:#fff100;font-weight:bold;line-height:50px;}
.login-link a:hover{color: #aaa;}
.login-btn{width: 800px;margin-bottom:20px;}

.me-txt{width:1000px;margin:30px auto;background:#fff;color:#000;padding: 20px; box-sizing: border-box;text-align: left;}
.siteinfo dl{line-height:1.5}
.siteinfo dt{font-size:17px;font-weight:bold;margin:24px 0 8px}
.siteinfo dd{font-size:15px;padding:0 1em}
.siteinfo dl p{margin-bottom:1em}
.siteinfo dl ul{margin:16px 0}
.siteinfo dl li{list-style-type:none}
.siteinfo dl li:before{content:"・"}
.siteinfo table{width:100%;border:1px solid gray}
.siteinfo table th,.siteinfo table td{padding:16px;border:1px solid gray;vertical-align:middle}
.siteinfo table th{width:30%;background:lightgray}
.siteinfo table td{width:70%}
#inquiry{margin-bottom: 30px;}

.sns{margin: 50px auto 10px;width: 1000px;}
.sns li{float: left;width: 33.33%;text-align: center;list-style: none;}
.sns:after{content: ".";display: block;height: 0.1px;font-size: 0.1em;line-height: 0; clear: both;visibility: hidden;overflow: hidden;}

footer {width:100%;text-align:center;font-size:16px;color:#fff;padding:30px 0;background:#000;}
nav {display: block;}
footer nav ul li {display: inline-block;}
footer nav ul li a {display: block;color: #fff;text-decoration: none;padding: 2px 15px;}
.notice{margin: 20px auto;font-size: 14px;line-height: 22px;width: 720px;text-align: left;}
.copyright{font-size: 12px;}
}

@media screen and (max-width: 1023px){
.delete-sp{display:none;}
.me-header{margin: 0 auto;position:relative;}
img{height: auto;max-width:100%;vertical-align: bottom;}
body {margin:0;width:100%;font:14px/20px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,Arial,sans-serif;color: #fff;}
.b-login{font-size:14px;line-height:40px; color: #fff;font-weight:bold;background:#e40114;text-align:center;width: 100px;height:40px;border-radius:50px;position:absolute;top:10px;right:4px}
.r-login{font-size:14px;line-height:40px; color: #fff;font-weight:bold;background:#1c8e22;text-align:center;width: 100px;height:40px;border-radius:50px;position:absolute;top:55px;right:4px}
.b-login:hover,.r-login:hover{background:#999;}

.bluesection{background:#023793;color:#fff;padding:10px 0;text-align:center;}
.me-form{margin:0 auto;}
.inp{margin:10px 2%;;width:96%;padding:10px;height:40px;font-size: 16px;}
.me-form-comment{font-size:12px;line-height:20px;margin:10px;text-align: left;}
.red1{font-size:16px;color:#d90000;font-weight:bold;text-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff;}
.me-form-comment a{font-size:16px;color:#fff100;font-weight:bold;}
.movebtn{margin: 0 auto;animation: vertical ease-in-out infinite alternate;	animation-duration: 1.8s;z-index: 2;width: 100%;}

.me-result{margin:20px auto;}
.me-resultlist{background:#fff100;padding:10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.me-resultlist figure{background:#fff;padding:10px;margin:0;}
.me-resultlist figure img{padding: 2px;border:2px solid #000;}
figcaption{margin:10px;font-size:18px;line-height:30px;color:#023793;font-weight:bold;text-align: center;}
.get{font-size:22px;color:#ff2400;}

.yellowsection{background:#fff100;padding:20px 0;text-align:center;}
.redsection{background:#e40114;padding:20px 0;text-align:center;}
.whitesection{background:#fff;padding:20px 0;text-align:center;}


#sub-header{width:100%;background: #fff;height:60px;border-bottom: 3px solid #023793;}
.sub-header{width:100%;margin:0 auto;height:60px;position:relative;}
.logo{position:absolute;top:2px;left:5px; width: 100px;}
.sub-b-login{font-size:14px;line-height:40px; color: #fff;font-weight:bold;background:#e40114;text-align:center;width: 100px;height:40px;border-radius:50px;position:absolute;top:10px;right:5px}
.sub-r-login{font-size:14px;line-height:40px; color: #fff;font-weight:bold;background:#1c8e22;text-align:center;width: 100px;height:40px;border-radius:50px;position:absolute;top:10px;right:110px}
.sub-b-login:hover,.sub-r-login:hover{background:#999;}
.login-txt{font-size:16px;line-height: 28px; margin: 30px 20px;}
.login-label{font-size:18px;font-weight: bold;}
.login-link a{font-size:16px;color:#fff100;font-weight:bold;line-height:50px;}
.login-link a:hover{color: #aaa;}
.login-btn{width: 90%;margin-bottom:20px;}

.me-txt{width:100%;margin:10px auto;background:#fff;color:#000;padding: 10px; box-sizing: border-box;text-align: left;}
.siteinfo dl{line-height:1.5}
.siteinfo dt{font-size:17px;font-weight:bold;margin:24px 0 8px}
.siteinfo dd{font-size:15px;padding:0 1em}
.siteinfo dl p{margin-bottom:1em}
.siteinfo dl ul{margin:16px 0}
.siteinfo dl li{list-style-type:none}
.siteinfo dl li:before{content:"・"}
.siteinfo table{width:100%;border:1px solid gray}
.siteinfo table th,.siteinfo table td{padding:16px;border:1px solid gray;vertical-align:middle}
.siteinfo table th{width:30%;background:lightgray}
.siteinfo table td{width:70%}
#inquiry{margin-bottom: 30px;}

.sns{margin: 20px auto 10px;}
.sns li{float: left;width: 33.33%;text-align: center;list-style: none;box-sizing: border-box;padding: 0 1%;}
.sns:after{content: ".";display: block;height: 0.1px;font-size: 0.1em;line-height: 0; clear: both;visibility: hidden;overflow: hidden;}

footer {width:100%;text-align:center;font-size:14px;color:#fff;padding:10px 0;background:#000;}
nav:after{content: ".";display: block;height: 0.1px;font-size: 0.1em;line-height: 0; clear: both;visibility: hidden;overflow: hidden;}
footer nav ul li {float: left;width: 50%; }
footer nav ul li a {display: block;color: #fff;text-decoration: none;padding: 10px 15px;}
.notice{margin: 20px auto;font-size: 12px;line-height: 22px;text-align:left; padding: 0 20px;}
.copyright{font-size: 12px;}
}


@keyframes vertical {0%, 100% { -webkit-transform: scale(0.9) }  30% { -webkit-transform: scale(1.0) }  80% { -webkit-transform: scale(1.0) }}