
@charset "UTF-8";

/*============================================================================



	style info : ヘッダ フッタ etc サイト内共通レイアウト用



==============================================================================*/

/*============================================================================

	#wrapper（ページ全体 横幅）

==============================================================================*/

@font-face {
    font-family: 'AozoraMincho-bold';
    src: url('/img/lp/meg2/AozoraMincho-bold.woff') format('woff'),
    url('/img/lp/meg2/AozoraMincho-bold.woff2') format('woff2'),
		url('/img/lp/meg2/AozoraMincho-bold.ttf') format('truetype');
}



a:link{
	cursor: pointer;
cursor: hand;
}

body {
	min-width: 1260px;
}

#header {
	background-image: url(https://www-f.keibalab.jp/img/lp/meg/header_bg.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 83px;
	text-align: center;
	margin: 0px auto;
}

#headerContents {
    width: 1000px;
    margin: 0px auto;
}

#Logo {
    width: 970px;
    height: 810px;
    position: absolute;
    top:10px;
    left: 30px;
}

/* 背景 */


#container {
	background-color: #fff;
    background-repeat: no-repeat;
    /* width: 100%;*/
    background-position: top center;
    margin: 0 auto;
    position: relative;
}


.row {
	height: auto;
	padding-bottom: 20px;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}










/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
		tre4新　エラーメッセージ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/* 吹き出し本体 */
.balloon{
  position: relative;
  padding: 15px 10px 15px 5px;
  margin: 5px auto 8px auto;
  background-color: #f2e400;
  border: solid 2px #e31212;
  border-radius: 4px;
  width: 643px;
  top:-8px;
  font-family: "Hiragino Sans";
}

/* beforeで枠線の三角を表現 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 45px;
  top: -19px;
  border-right: 18px solid transparent;
  border-bottom: 18px solid #e31212;
  border-left: 18px solid transparent;
}

/* beforeで本体の三角を表現 */
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 45px;
  top: -14px;
  border-right: 18px solid transparent;
  border-bottom: 18px solid #f2e400;
  border-left: 18px solid transparent;
}

.bordeaux{color:#e31212;}

.error_icon{
	font-size: 240%;
	color:#e31212;
}

.error_text{
	padding-left:2%;
	top:-1px;
	position: relative;
	color:#e31212;
	font-weight: bold;
	font-size: 200%;
}







/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
			tre4新　フェードイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 800ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.fadein1600 {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1600ms;
}

.fadein1600.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.demo_neko {
    animation-name: tateyure;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 0.4s;
}



@keyframes tateyure {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-30px)
    }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
			tre4新　top
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.treTopFrame div.logoTop img{width: 40%;}

.treTopFrame{
	background-image: url(/img/lp/tre4/top_bg.png?=v6);
	background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f2e400!important;
}

.treTopBox{
	width: 719px;
	margin: 0 auto;
	position: relative;
}

.logoTop{
	position: absolute;
	opacity:1;
	left: -2%;
	top:20px;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
			tre4新　entry
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

::placeholder {
	color: #555;
	font-size: 30px;
	font-family: "Font Awesome 5 Free";
	letter-spacing: 1.4px;
}

::placeholder-shown{
	font-size: 30px;
	color: #fff;
}

.kakomi-box11 {
	position: relative;
	margin: 1.2em auto 2em auto;
	padding: 1.4em 0em;
	color: #fff; /* 文章色 */
	background-color: #372b0d; /* 背景色 */
	border: 2px solid #fff; /* 枠線の太さ・色 */
	width: 654px;
	font-weight: bold;
}

.racetitle {font-size:270%;}

.mailbtn{
	padding: 10px;
	background-color: #372b0d;
}


.mailbtn p{color: #ff7200;font-size: 24px;font-weight: bold;}

.mailAdd{
	width: 620px;
	height: 90px;
	font-size: 30px;
	letter-spacing: 2px;
	margin-bottom: 10px; 
	padding: 0px 15px 0px 30px;
	border-style: solid;
	border-width: 2px;
	border-radius:5px;
}
.mailBtn input{width: 650px;}

.mailBox input{border-color: #372b0d;}


.title-box11 {
	position: absolute;
	padding: 0 .5em;
	left: 33%;
	top: -10px;
	font-weight: bold;
	background-color: #372b0d; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-size: 150%;
}




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
			tre4新　hit
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



.tekityuframe {
	background-image: url(/img/lp/tre4/tekichu_bg.jpg);
	background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 10px 0;
}

.tekityuframe  div img{
	width: 500px;
	margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 10px;
}

.tekityuwrap{
	padding: 10px 0;
}

.TrHitBox{
	background-image: url(/img/lp/tre4/otakara_box.png);
    float: none;
    position: relative;
    margin: 0 auto;
    height: 145px;
	width: 800px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.TrHitBox dt{
	color: #fff;
    font-size: 20px;
    margin-bottom: 10%;
    position: absolute;
    top: 22px;
    left: 275px;
    text-align: left;
}

.TrHitBox dd{
	font-weight: bold;
	color: #f2e400;
	font-size: 20px;
	line-height: 180%;
	font-family:"Hiragino Sans";
	text-align: left;
	position: absolute;
	top: 50px;
    left: 275px;
}

.mizutit{display: none;}

.TrInformation, .TrTitle{display: none;}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
			tre4 profile
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.profileFrame{
	background-image: url(/img/lp/tre4/blood_bg.jpg?=v6);
	background-position: bottom;
    background-repeat: no-repeat;
    height: 1083px;
}

.bookphotoBox{
	position: relative;
	width: 766px;
	margin: 0 auto;
}

.profile_photo{
	margin-top: 140px;
}

.detailBox{
	position: absolute;
    width: 620px;
    background-color: #372b0d;
    margin: 75px auto 0px auto;
    opacity: 0.8;
    top: 610px;
    left: 50px;
    text-align: left;
}

.detailBox p{
	font-size: 21px;
	line-height: 210%;
	letter-spacing: 2px;
	padding: 24px;
	color: #fff;
	opacity: 1.0;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
			tre4　benefit 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.benefit{
	background-image: url(/img/lp/tre4/benefit_bg.jpg);
	background-position: bottom;
    background-repeat: no-repeat;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
            tre4　fix  
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.fixFrame{
	width:654px;
	margin: 30px auto;
	color:#fff;
	text-align: center;
	border: 2px solid #f2e400;
}

.fixComplet{
	padding: 70px 40px 10px 40px;
	line-height: 120%;
	color: #f2e400;
	font-size: 510%;
	font-weight: bold;
	font-family:"Hiragino Sans";
}

.fixText{
	padding:15px 35px;
	color: #f2e400;
	font-size: 260%;
	line-height: 150%;
	letter-spacing: 2px;
}

.fixLogo{
    width: 40%;
    margin: 0px auto 60px auto;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
            NEW tre4 fix
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.treTopFrame_fix{
	background-color: #fff!important;
}


.fixFrame2{
	width: 719px;
	margin: 0 auto;
	background-color: #fff;
	background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 10px 0;
	color: #212121;
}

.treTopwrap{
	background-image: url(/img/lp/tre4/top_fix_bg.jpg?=v1);
	background-position: bottom;
	background-repeat: no-repeat;
}

.importantFrame{
	width: 520px;
	margin: 10px auto;
	padding: 35px 30px;
	border: solid 3px #D50000;
	text-align: center;
	background-color: #fff4f4;
}

.importantTitle h1 ,.importantTitle h2{
	color: #D50000;
	font-size: 32px;
	font-weight: bold;
	line-height: 130%;
}

.entry_text{
	font-size: 23px;
	padding: 15px 10px;
	font-weight: bold;
	line-height: 135%;
}

.entry_textRed{
	border-bottom: 3px solid #D50000;
	color: #D50000;
	font-size: 37px;
	font-weight: bold;
	line-height: 160%;
	letter-spacing: 2px;
	font-family: "Hiragino Sans";
}


.entrymailFrame{
	width: 587px;
	margin: 20px auto;
	text-align: left;
}

.entrymail_text{
	color: #D50000;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 5px;
    border: 1px solid #d50000;
    padding: 15px 15px 15px 34px;
}


.entrymail_text:before{
    position: absolute;
    top: 25%;
    left: 15px;
    width: 6px;
    height: 50%;
    content: '';
    border-radius: 3px;
    background: #D50000;
}

.entrymail_text{position: relative;}


.entrymail_list{
	margin: 0 auto;
	padding: 13px 0px;
	width: 530px;
	
}

.entrymail_list dt{
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
	letter-spacing: 0.2px;
	margin-bottom: 2px;
}

.entrymail_list dd{
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0.2px;
	margin-left: 29px;
}

.entrymail_text_red{
	color: #D50000;
	font-size: 19px;
	vertical-align: middle;
}

.entrymail_list_number{
	font-size: 21px;
	vertical-align: middle;
	padding-right: 2px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
            tre4　重賞レース一覧 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#footer {
    padding: 20px 10px 10px 10px;
    background-color: #372b0d;

}

#footerContents {
    width: 1000px;
    margin: 0 auto;
}

#footerContents p {
	text-align: left;
	clear: both;
}

#nav {
    float: left;
    margin-bottom: 20px;
    overflow: hidden; /* はみ出したものは隠す */
  _height: 1.5em; /* IE6用。祖先要素に幅や高さが指定していれば必要ないので，今回のサンプルではなくても問題なし。*/
}

#nav ul {
  margin-left: -1px; /* 一番左のボーダー幅と同じ値の負のマージン */
}

#nav li {
  padding: 0 10px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #fff; /* 区切り線 */
}

.footerText{color:#cabea0; padding: 0px 10px;}

.race_list{
	/*background-image: url("/img/lp/tre3/background_02.png"); */
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;

}

.race_list_year{
	font-size: 30px;
	color:#724a0f;
	text-align: center;
	padding-top: 10px;
	padding-right: 310px;
	font-weight: bold;
}

.race_list h4{
	font-size: 70px;
	color:#724a0f;
	text-align: center;
	padding:0px 0px 7px 0px;
	font-weight: bold;
}

.race_list_red{color:#e31212;}

.race_list ul{
	text-align: left;
	font-size: 13px;
	padding: 15px 20px 10px 25px;
	margin: 0px 0px 0px 8px;
	border: solid 1px #724a0f;
	background-color:#fff;
	opacity:0.8;
	width: 260px;
	height: 440px;
	line-height: 200%;
	color:#724a0f;
	font-weight: bold;
	list-style: none !important;
	float: left;
}

.race_list ul li{display: block;}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
            フォントサイズ 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.bold{font-weight: bold;}
.font18{font-size: 180%;}
.font22{font-size: 220%;}
.font24{font-size: 240%;}
.font26{font-size: 260%;}
.font27{font-size: 270%;}
.font42{font-size: 420%;}
.font51{font-size: 510%;}
.font54{font-size: 540%;}



