@charset "utf-8";

/*!　青垣賞争覇戦
 * ---------------------------------------------------------- */
#aogaki #aogakiArea {
  padding: 0px 0px 75px;
	clear:both;

	width:100%;
	
	 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;

  width:100%;
  background-image: url(../img/bg_06.jpg),url(../img/bg_02.jpg);
  background-repeat: repeat-x,repeat;
  background-position: left top,left 80px;

}
#aogaki .bg_color {
	margin: 0 auto;
	padding: 0;
	width: 100%;

	margin-top: 100px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
#aogaki .line_01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin: 0 10px;
	padding: 0px 10px 50px;
}

/*　tab　*/
#aogaki ul.tab{
	margin: 0 20px;
}
#aogaki ul.tab li {
	list-style-type:none;
	width:280px;
	height:100px;
	float:left;
	margin-right: 5px;
	position: relative;
	z-index:2;
	overflow: hidden;
}
#aogaki ul.tab li a {
	outline:none;
	display:block;
	text-align:center;

	font-size: 0px;
	line-height: 0;
}

/*　トップ画像　*/
#aogaki #imgTop {
	font-size: 0px;
	line-height: 0;
	padding: 0 20px;
}


#aogaki .menuArea img:hover {
	transform: scale(1.02,1.02);
}

#aogaki #imgTop ul.menuArea {
	bottom: 50px;
	
	z-index:3;
}
#aogaki #imgTop ul.bannerArea {
	bottom: 5px;
	
	z-index:2;
}
#aogaki #imgTop ul {
	position: absolute;
	
	display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
  
	-webkit-box-align: stretch;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: stretch;/*--- IE10 ---*/
	-webkit-align-items: stretch;/*--- safari（PC）用 ---*/
	align-items:  stretch;
  

	webkit-box-pack: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: center;/*--- IE10 ---*/
	-webkit-justify-content: center;/*--- safari（PC）用 ---*/
	justify-content: center;
	
	width:100%;
}
#aogaki #imgTop ul > li {
	padding: 0px 10px;	
}

/*　カテゴリ内容　*/
#aogaki section.block {
	border-bottom-style: none;
	width: auto;
	padding: 0px;
	margin: 0px auto 50px;
	background-color: #FFF;
}
#aogaki section.block:last-child {
	margin: 0px auto 20px;
}
#aogaki section.block > .inner {
	padding: 50px 10px 20px;
}
#aogaki section.block > .inner ul.list {
	padding-left: 15px;
	list-style: disc;
}
#aogaki section.block > .inner ul.list li {
	margin-bottom: 15px;
}

/*　カテゴリタイトル　*/
#aogaki h2.categoryTit {
	overflow: hidden;
	text-align: center;
	font-size:0px;
	line-height:0;

	border-style: none;
	width: 100%;
	
	margin:0;
	padding: 0;
}

/*　タイトル　*/
#aogaki div.tit {
	overflow: hidden;
	width: 100%;
	padding: 0;
}
#aogaki div.tit.type01 {
	border-bottom: 2px solid #B80A2C;
}
#aogaki div.tit.type02 {
	border-bottom: 2px solid #1B4B10;
}
#aogaki div.tit.type03 {
	border-bottom: 2px solid #634523;
}
#aogaki div.tit h3 {
	font-size: 1.1rem;
	font-weight: bold;
	display: inline-block;
	padding: 0 10px;
}
#aogaki div.tit.type01 h3 {
	border-bottom: 5px solid #B80A2C;
	color: #B80A2C;
}
#aogaki div.tit.type02 h3 {
	border-bottom: 5px solid #1B4B10;
	color: #1B4B10;
}
#aogaki div.tit.type03 h3 {
	border-bottom: 5px solid #634523;
	color: #634523;
}
#aogaki div.tit p {
	font-size: 1.333rem;
	font-weight: bold;
}
/* ================================================================================== */
/*　レース情報　*/
#aogaki section.race section {
	margin: 0px 0px 55px;
	padding: 0px;
}
#aogaki section.race section > .inner {
	padding: 0px 10px;
}

/*　レース情報　熱戦を征するのは誰だ。　*/
#aogaki ul.playerList {
	display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
  
	-webkit-box-align: stretch;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: stretch;/*--- IE10 ---*/
	-webkit-align-items: stretch;/*--- safari（PC）用 ---*/
	align-items:  stretch;
	
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;

	webkit-box-pack: pace-between;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: pace-between;/*--- IE10 ---*/
	-webkit-justify-content: pace-between;/*--- safari（PC）用 ---*/
	justify-content: pace-between;
}
#aogaki ul.playerList li {
	margin-bottom: 20px;
	flex: 0 1 100%;
}
#aogaki ul.playerList li > h4 {
	font-size: 2.2rem;
	font-weight:bold;
	margin-bottom: 15px;
}

/*　レース情報　熱戦を征するのは誰だ。　詳細　*/
#aogaki .details {
	padding: 0;
	margin-bottom: 10px;

	display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
   
	webkit-box-pack: pace-between;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: pace-between;/*--- IE10 ---*/
	-webkit-justify-content: pace-between;/*--- safari（PC）用 ---*/
	justify-content: pace-between;
	
	-ms-flex-direction: row; /*IE10*/
	-webkit-box-direction: row; /* Android4.3以下、Safari3.1?6.0 */
	-webkit-flex-direction:　row; /* Safari6.1以降 */
}
#aogaki .details figure {
	font-size: 0px;
	line-height: 0;
	margin-bottom: 20px;

	flex-basis:25%;
}
#aogaki .details .textArea {
	flex-basis:75%;
	padding: 0px 0px 0px 20px;
}
#aogaki .details .textArea p.name {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	
	
	display: flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
  
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
}
#aogaki .details .textArea p.name span {
	font-size: 1.067rem;
	color: #000;
	margin-left: 0.5rem;
}

/*　レース情報　地元勢情報　*/
#aogaki .localList {
}
#aogaki .localList li {
	border-bottom: 2px solid #B8192D;
	padding: 25px 10px;
	margin-bottom: 15px;
}
#aogaki .localList li .textArea {
}
#aogaki .localList li .textArea p.name {
	font-size: 2.533rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}
#aogaki .localList li .textArea p.name span {
	font-size: 1.067rem;
	margin-left: 0.8rem;
}
#aogaki .localList li .textArea h4 {
	color: #B80A2C;
	line-height: 1;
	font-size: 1.6rem;
	font-weight:bold;
	margin-bottom: 15px;
}
/*　レース情報　青垣賞展望　*/
#aogaki div.outlook {
	background-color: #FEF1CB;
	padding: 35px 30px;
}
#aogaki div.outlook h4 {

	line-height: 1;
	font-size: 1.2rem;
	font-weight:bold;
	margin-bottom: 15px;
}
#aogaki div.outlook .textArea {
}
#aogaki div.outlook .photoArea {
	font-size: 0px;
	line-height: 0;	
	
	width: 100%;
	text-align: center;
	margin:0 0 20px 0;
}
/*　レース情報　S級ブロックセブン出場予定選手　*/
#aogaki .blockSeven h4 {
	color: #B80A2C;
	line-height: 1;
	font-size: 1.6rem;
	font-weight:bold;
	margin-bottom: 15px;
	text-align: center;
}
/*　レース情報　バンク情報　*/
#aogaki div.bank {

}
/*　レース情報　発走時刻　*/
#aogaki div.start-time {
}
/* ================================================================================== */
/*　イベント　*/
#aogaki section.event section {
	margin: 0px 0px 70px;
	padding: 0px;
}
#aogaki section.event section figure {
	text-align:center;
}
/* ================================================================================== */


@media (min-width:640px) {
#aogaki .bg_color {
	width: 1120px;
	margin-top: 170px;
}

#aogaki .line_01 {
	margin: 0;
	padding: 0px 0px 50px;
}

/*　tab　*/
#aogaki ul.tab{
	margin: 0;
}
#aogaki ul.tab li {
	width:280px;

	height:100px;
	margin-right: 15px;
}

/*　トップ　イメージ部分　*/
#aogaki #imgTop {
	padding: 0;
}

/*　カテゴリ内容　*/
#aogaki section.block {
	border-bottom-style: none;
	padding: 0px;
	margin: 0px auto 60px;
}
#aogaki section.block > .inner {
	padding: 50px;
}

#aogaki div.tit h3 {
	font-size: 2rem;
}

/*　レース情報　*/
#aogaki section.race section > .inner {
	padding: 0px 55px;
}

/*　Ｖ候補　*/
#aogaki section.race section.candidate .inner {
	padding: 0px 30px !important;
}

/*　地元勢　*/
#aogaki section.race section.local .inner {
	padding: 0px 30px !important;
}

#aogaki ul.playerList {
	margin: 0;
	padding: 0;
}
#aogaki ul.playerList li {
	margin-bottom: 20px;
	flex: 0 1 50%;
}

/*　レース情報　詳細　*/
#aogaki .details{
}
#aogaki .details figure {
	flex-basis:156px;
}
#aogaki .details .textArea {
	flex-basis:260px;
}
#aogaki .details .textArea p.name {
	font-size: 1.6rem;
}
#aogaki .details .textArea p.name span {
	font-size: 1.067rem;
	margin-left: 0.5rem;
}

/*　展望　*/
#aogaki div.outlook {
	padding: 35px 30px;
}

#aogaki div.outlook h4 {
	font-size: 1.6rem;

}


/*　レース情報　地元勢情報　*/
#aogaki .localList li {
	padding: 10px;
	margin-bottom: 10px;
}
#aogaki .localList li .textArea p.name {
	font-size: 2.533rem;
}
#aogaki .localList li .textArea p.name span {
	font-size: 1.067rem;
	margin-left: 0.8rem;
}
#aogaki .localList li .textArea h4 {
	font-size: 1.6rem;
}

/*　場内イベントMAP　*/
#aogaki section.map .PDF{
	width:740px;
	margin: 0px auto;
}
}