@cherset "UTF-8";

body{
    line-height:2;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
    letter-spacing: 0.8pt;
	background-color: #05891E;
	font-size:22px;
}

img{
    max-width: 100%;
    height: auto;
}

header{
    width: 100%;
    background-image:url("../images/headerbg.gif");
    background-repeat:no-repeat;
    background-size:100% 100%;
    margin:0 auto;
    text-align:center;
}


.mainhead {   
	position: relative;
    overflow: hidden;
    padding: 0 ;
	width: auto;
	z-index: 1;
	background-position:center;
	background-image:url("../images/header_back.jpg");
	background-repeat: no-repeat;
	background-size: auto 660px;
}

.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.3);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .15s;
	animation: circle .15s;
}

p{
	padding:3% 5%;
	font-size:20px;
}

.center{
	text-align:center;
}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}



header h1,
section h1{
    text-align: center;
}

article{
    width: 100%;
    max-width:900px;
    margin: 0px auto;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#fcfcfc;
}

section{
    
    width: 100%;
    background-color:#FFFFFF;
    max-width: 1000px;
    margin: 0px auto;
    padding: 1em;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

p{
    word-break:break-all;
}

.achieve{
    font-family: 'Arial Rounded MT Bold','Arial','Yu Gothic UI','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif;
    background-color: #fff7f7;
    margin: 0 auto;
    width: 100%;
}

.achieve th{
    padding: 1em 2em;
}

/* 日付からレース名 */
.achieve th:first-child{
    text-align: left;
}

.achieve th,
.achieve td{
    text-align: center;
    vertical-align: middle;
}


.achieve td{
    padding: 10px;
    border-bottom: solid 8px #FFFFFF;
}
h1{
	text-align:center;
	margin:0 auto;
}

/* 獲得金額 */
.achieve tr td:last-child{
	font-size: 2em;
    font-weight: bold;
    background-color: #ffface;
    color: red;
}

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

.introduction p{
    
    line-height: 2.0em;
}

.department{
    width: 80%;
    margin: 3em auto;
    padding: 3em;
    color:#000000;
    border: 1px solid #000000;  
    border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.department p{
    padding-bottom: 2em;
}

.bet_info{
    margin: 3em auto;
    border: dashed 1px;
}

.bet_info th,
.bet_info td{
    padding: 0.5em;
}

.bet_info th{
    font-size: 1.2em;
    text-align: right;
    width: 40%;
}

.bet_info td{
    text-align: center;
    width: 60%;
}

.ranking{
    padding: 2em;
    margin: 1em auto;
    border: solid #999999;
}

.photo,
.seal{
    text-align: center;
}

.guideline{
    width:830px;
    margin: 0 auto;
    -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
}

.guideline th{
    width: 30%;
    font-size: 1.2em;
    vertical-align: middle;
    color: #004f0d;
    padding: 1.5em;
}

.guideline td{
    vertical-align: middle
}

.guideline tbody.privilege{
    
    background-color: #e0fce4;
}

.guideline tbody.privilege td{
    padding-top: 1em;
    padding-bottom: 1em;
}

.offer1{
    background: #ffbb00;
    font-weight: bold;
    color: #fcfcfc;
    border-radius:1rem;
    padding:1% 2%;
}

.offer2{
    background: #d3d3d1;
    font-weight: bold;
    color: #fcfcfc;
    border-radius:1rem;
    padding:1% 2%;
}
.offer3{
    background: #ff8c00;
    font-weight: bold;
    color: #fcfcfc;
    border-radius:1rem;
    padding:1% 2%;
}
.entry{
    
    margin: 0 auto;
    width: 100%;
    
}

.entry td{
    
    padding: 1em;
}

.entry tr:last-child td{
    
    text-align: center;
}

.entry input[type=text],
.entry input[type=email]{
    
    width: 80%;
    height: 1.5em;
}

footer{
    width: 100%;
    padding: 2em;
    color: #FFFFFF;
    background-color: #011919;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.info{
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    text-align: center;
}

.info a{
    text-decoration: none;
    color: #FFFFFF;
    margin: 1em 1em;
    transition: color 0.3s;
}

.info a:hover{
    color:deepskyblue;
    font-weight: bold;
    text-decoration: underline;
}

.info_caution{
    text-align: left;
    font-size: 0.8em;
    line-height: 1.4em;
}

input[type=radio]{
    width: 2em;
    height: 2em;
}

input[type=radio] + span{
    color: #999999;
}

input[type=radio]:checked + span{
    color: #000000;
}

.question_box{
    width: 800px;
    max-width: 100%;
    margin: 2em auto;
    background-color:#FFFFB4;
    border: solid 1px;
    padding: 2em;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    border-radius: 8px;
	-webkit-border-radius: 8px;
}

.answer_box p{
    display: inline-block;
}

.answertext{ 
	font-family: YuGothic,'Yu Gothic','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
}

.answer_box p:first-child{
    vertical-align: top;
}


label{
    font-weight: bold;
}

label:hover,
input[type="radio"]{
    cursor: pointer;
}

.entry_box{
    width: 800px;
    max-width: 100%;
    margin: 1em auto;
}

.entry_box p{
    text-align: center;
    font-weight: bold;
    padding: 0.5em 0;
    
}

.entry_box div p:first-child{
    font-size: 1.3em;
    background-color:#99ffa7;
    border-radius: 8px;
	-webkit-border-radius: 8px;
    color: #8c1500;
}

.entry_box div{
    padding-top: 1em;
}

.entry_box input[type=text],
.entry_box input[type=email]{
    width: 80%;
    font-size: 1.3em;
    background-color:cornsilk;
}

table.law {
    width: 100%;
    max-width:800px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

table.law th{
    width: 40%;
}

table.law td{
    padding: 1.3em;
}

input.submit_button{
    width: 80%;
    font-size: 2.5em;
    color:#fcfcfc;
    height: 3em;
    margin: 1rem auto;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #c3ffbc; 
	background: -moz-linear-gradient(top, #05B935 0%, #078027 50%, #078027 51%, #40ef46 100%); 
	background: -webkit-linear-gradient(top, #05B935 0%,#078027 50%,#078027 51%,#40ef46 100%); 
	background: linear-gradient(to bottom, #05B935 0%,#078027 50%,#078027 51%,#40ef46 100%);
    transition: all 0.3s;
}

input.submit_button:hover{
    cursor: pointer;
    color:#F8F840;
    -moz-box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.6) inset;
    -webkit-box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.6)inset;
    -o-box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.6) inset;
    -ms-box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.6) inset;
}

div.center_box{
    
    text-align: center;
    margin: 3em auto;

}

.center_box table{
    
    margin: 0 auto;
}

.center_box table{
    
    font-size: 1.2em;
}

.center_box table th{
    
    width: 6em;
    height: 2em;
    border-right: solid 1px;
    background-color: #aa2727;
    color: #FFFFFF;
     vertical-align: middle;
}

.center_box table tr{
    
    border-bottom: solid 2px;
}

.center_box table tbody{
    
    width: 100%;
    border: solid;
}

.center_box table td{
    
    width: 12em;
    max-width: 100%;
    height: 3em;
    padding:0 1em;
    text-align: left;
    vertical-align: middle;
}

article h1.thanks{
    
    text-align: center;
    font-size: 2em;
    line-height: 2em;
    color:#ff5c71;
    
}

section.rule p > span{
    font-weight: bold;
}

/* 点滅 */
.blinking{
    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}

.blinking2{
    -webkit-animation:blink 0.2s ease-in-out infinite alternate;
    -moz-animation:blink 0.2s ease-in-out infinite alternate;
    animation:blink 0.2s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


form p{
	padding:0;
}


@media screen and (max-width: 480px) {
body{
    font-size:70%;
}

p{
	font-size:120%;
}
.achieve {
	width:100%;
}
.achieve td {
    padding:2%;
}
.achieve td.big_font{
	font-size:110%;
}
.achieve th {
    padding:2%;
}
.achieve tr td:last-child {
	font-size:90%;
}


.guideline {
	width:100%;
}
.guideline th {
    width: 23%;
    font-size: 90%;
    padding: 1%;
}
.guideline td {
    font-size: 90%;
    padding: 1%;
}

.department {
    width: 96%;
    padding: 1%;
    color: #040404;
    border: 1px solid #040404;
}










}