@charset "utf-8";
/* CSS Document */

#keiba{
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    position: relative;
    background: #f8ffdf;
}
#container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.topbox{
	background: url("../images/header2025.jpg");
	width: 100%;
	height: 100%;
	padding-top: 36.71%;
	margin: 0 auto;
	background-size: cover;
}
/*ここから帯*/
#keiba .description{
	background: #01612c;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#keiba .icon{
	display: flex;
	align-items: center;
}
#keiba .logo{
	padding:5px;
	width: 60px;
	height: 60px;
}
#keiba .name{
	font-size:30px;
	color:#ffffff;	
}
#keiba .oa{
	margin-left: 30px;
}
#keiba .date{
    position:relative;
    background:#ffffff;
    padding: 8px 15px;
    text-align:center;
    color: #01612c;
	font-size:16px;
    font-weight:bold;
}
#keiba .date:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:17px;
    border-right-width:17px;
    margin-top: -10px;
    border-right-color:#ffffff;
    right:100%;
    top:50%;
}
/*ここまで*/

/*ナビボタン*/
.navi {
	display: flex;
	justify-content: space-evenly;
	/* background:#01612c; */
	padding: 18px;
}
.btn {
	width: 35%;
}
.btn >a {
    text-decoration:none;
    font-size: 2.4rem;
    font-weight:bold;
}
.link{
    text-align: center;
    background:#f5f5f5;
    border-radius:7px;
    padding: 3%;
}
.sns_x{
	color:#000000;
    border:2px solid #000000;
    box-shadow: 6px 6px 0px -1px #00000075;
}
.youtube{
	color:	#e10000;
    border:2px solid #e10000;
    box-shadow: 6px 6px 0px -1px #e1000075;
}
.link:hover{
	background:#f3ffc5;
}
.link.gray,
.link.gray:hover{
    background: #bbb;
    color: #eee !important;
}
#keiba #bodywidth{
	width: 90%;
	display:block;
	margin:0 auto;
}
/*コンテンツ*/
.ttl{
	font-size: 23px;
	font-weight: bold;
	color:#329960;
}
.ttl>span{
	font-size: 20px;
	font-weight: bold;
	
	color:#3299606b;
	margin-left:10px;
}
.ttl>span::before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	width: 35px;
	height: 1.5px;
	background-color: #3299606b;
}
.program,.yume{
	margin: 5px 0 30px;
}
.toptxt{
	color:#329960;
	font-size:17px;
}
.ttl_yume,.toptxt_yume{
	color:#4d2403;
}

.yume{
	padding:1%;
	border-radius:7px;
	border:2px solid #4d2403;
	box-shadow: 6px 6px 0px -1px #a0461875;
	background-image: -webkit-linear-gradient(315deg, #ff9100 0%, #ffce08 25%, #fefeb2 39%, #fafad6 50%, #fefeb2 62%, #e1ce08 73%, #ff9100 100%);
	background-image: linear-gradient(45deg, #ffd003 0%, #fefeb2 39%, #fafad6 50%, #fefeb2 62%, #ffd003 100%);
}
.yume_formbtn{
	display:block;
	background:#4d2403;
	color:#ffffff;
	font-size:2.5rem;
	font-weight:bold;
	text-align:center;
	padding:0.5% 0;
	margin: 1.5% auto 0.5%;
	width:55%;
	border-radius:7px;
}
.form_caution{
	font-size:1.8rem;
}
.yume_formbtn:hover,.present_formbtn:hover{
	color:#ffff30;
}
.present_formbtn{
	display:block;
	margin:0 auto 40px;
	text-align:center;
	font-size:2.6rem;
	font-weight:bold;
	padding:1%;
    border-radius:7px;
    box-shadow: 6px 6px 0px -1px #32996075;
	background:#329960;
	color:#ffffff;
}
.formgray{
    box-shadow: 6px 6px 0px -1px #b2b2b275;
	background:#9a9a9a;
	color:#d1d1d1;
}
.formgray:hover{
	color:#d1d1d1;
}

@media screen and (min-width: 768px){
.sp {
display:none;
}