/******************************************
    Version: 1.0
/****************************************** */

@media (max-width: 1310px) {

	img.logo {
		position: absolute;
		top: 81%;
		left: 61%;
		width: 33%;
	}
	
}

/*------------------------------------------------------------------------------------------1200*/
@media screen and (min-width:960px) and ( max-width:1200px) {
    .header_style_01 .navbar-brand {
        padding-right: 0;
    }
	.header_style_01 .navbar-brand img {
		width: 180px;
	}
	
	li.nav-list a {
		width: 180px;
	}
	
    .container-fluid {
        width: 100%;
        padding: 0 15px;
    }
    .container {
        width: 90%;
    }
    .first-section h2 {
        font-size: 48px;
    }
	
	.raceguide{
		width: 100%;
	}
	.raceguide-box-inside,.raceguide-box-outside{
		width: 100%;
	}
	.raceguide .container{
		width: 500px;
		padding: 0 10px;
	}
	.raceguide .status{
		width: 70px;
		margin: 0;
	}
	.raceguide .status div{
		width: 70px;
		height: 70px;
	}
	.raceguide .status .sell,.raceguide .status .open,.raceguide .status .next{
		background-size: 80%;
	}
	.raceguide .topics{
		width:400px;
	}

	.top-ad{
		width: 100%;
		margin: 50px auto;
	}	
	
	.top-link .wrap{
		width: 100%;
	}
	
	.parallax-racetable .container{
		margin: 0;
	}
	.parallax-racetable .racetable-wrap {
		margin: 0 20px;
		width: auto;
	}
	.racetable-wrap .rightSec{
		width: 290px;
	}
	
	.wrap-raceinfo {
		width: calc(100% - 640px);
	}
	
	.raceInfoNum {
		float: left;
		font-size: 12px;
		height: 90px;
		vertical-align: middle;
		width: 20%;
	}
	.raceInfoNum span{
		font-size: 18px;
		margin:10px 0 0;
	}
	.raceInfoDetail{
		float: left;
		width: 80%;
	}
	.raceInfoDetail .date{
		height: auto;
		width: auto;
	}
	.raceInfoDetail .date span{
		font-size: 12px;
	}
	.raceInfoDetail .txt{
		font-size: 10px;
	}
	.raceInfoDetail .txt span{
		margin:0 5px;
	}
	
	.youtube,
	.youtube iframe{
		width: 260px;
		height: 170px;
	}
	
	.youtube {
		right: auto;
		left: 650px;
		top: auto;
		bottom: 24px;
	}
	
	
}

/*------------------------------------------------------------------------------------------1158*/
@media (max-width: 1158px) {
	#urgentArea {
		margin: 0 20px 40px;
	}
}

/*------------------------------------------------------------------------------------------1120*/
@media (max-width: 1120px) {
	.top-contents .wrap{
		width: 53%;
	}	
}

/*------------------------------------------------------------------------------------------992*/
@media (max-width: 992px) {
    .owl-prev i {
        left: -70px;
        border-radius: 0;
    }
    .owl-next i {
        right: -70px;
        border-radius: 0;
    }
}

@media screen and (min-width:768px) and ( max-width:960px){
	.container-fluid{
		padding-right:0;
	}
}
	
/*------------------------------------------------------------------------------------------960*/
@media (max-width: 960px) {
	
    .header_style_01 {
        background-color: #fff;
        display: block;
        left: 0;
        padding: 0px;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 111;
    }
	.navbar-brand{
		margin-top: 10px;
		padding-top: 0;
	}
	.navbar-brand img{
		width: 140px;
	}
    .navbar-default .navbar-toggle {
		/*display: block;*/
		border-radius: 0;
        border:none;
        color: #fff;
        background-color: #0080cc;
		height: 80px;
		width: 80px;
		margin: 0;
		padding-left: 26px;
    }
    .navbar-default .navbar-toggle .icon-bar{
		background-color: #ffffff;
	}
	.navbar-default .navbar-toggle:hover{
		border-color: #0080cc;
		background-color: #0080cc;
	}
	.navbar-default .navbar-toggle:focus{
		border-color: #0080cc;
		background-color: #0080cc;
	}
	
	.fixed-menu .navbar-default{
		padding:0;
	}
	
	.navbar-right {
		margin-right: 0;
	}
	
	.nav > li > a {
		padding: 10px 7px;
	}
	
	li.nav-list ul a,
	li.nav-list span {
		width: 155px;
	}
	
	.header_style_01 .navbar-default .navbar-nav > li.img_f {
		margin-left: 5px !important;
	}
	
	.main-title{
		margin-left: 20px;
	}
	.main-title img{
		width: 50%;
	}

	img.logo {
		position: absolute;
		top: 85%;
		left: 55%;
		width: 43%;
	}

	.parallax{
		clear: both;
		
	}
	.top-ad{
		width: 100%;
		margin: 50px auto;
	}
	.main-title{
		float: none;
		margin: 20px auto;
		text-align: center;
	}
	.quickmenu{
		float: none;
		margin: 0 auto;
	}
	.qm-box{
		width: ;
		margin: 0 auto;
		padding-top: 115px;
	}
	.raceguide{
		width: 100%;
	}
	.raceguide-box-inside,.raceguide-box-outside{
		float: none;
		width: 100%;
	}
	.raceguide .container{
		width: 400px;
		padding: 0 10px;
	}
	.raceguide .status{
		width: 50px;
		margin: 0;
	}
	.raceguide .status div{
		width: 50px;
		height: 50px;
	}
	.raceguide .status .sell,.raceguide .status .open,.raceguide .status .next,.raceguide .status .next1,.raceguide .status .next2{
		background-size: 80%;
	}
	.raceguide .topics{
		width:290px;
	}
	.raceguide .topics dl {
		display: block;
		width: auto;
	}
	.raceguide .topics dt {
		float:none;
	}
	.raceguide .topics dl dd {
		padding: 0 0 10px 0px;
		margin: 10px 0 10px ;
		float: none;
	}
	.raceguide .link img{
		width: 105px !important;
	}
	
	.top-contents .wrap{
		width: 100%;
	}
	.top-contents .wrap .box{
		float: none;
		text-align: center;
		margin:0 auto 50px;
	}
	.top-contents .wrap .box p{
		margin-bottom: 20px;
	}
	
	.top-news{
		width: 100%;
		padding: 20px 20px 40px;
		margin: 0;
	}
	.top-news .news_list{
		width: 100%;
	}
	
	.parallax-racetable {
		height: auto;
		margin: 0 auto;
		padding: 110px 0 20px;
	}
	.container {
        width: 100%;
    }
	.racetable-wrap{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.racetable-wrap .leftSec{
		float: none;
		overflow: auto;
		margin: 0 auto 10px;
	}
	.racetable-wrap .rightSec{
		float: none;
		display: block;
		width: 90%;
		margin: 0 auto 20px;
	}
	.raceInfoDetail .date{
		width: auto;
	}
	.youtube{
		text-align: center;
		margin-top: 20px;
	}
	.youtube iframe{
		width: 500px;
		height: 294px;
	}
	
	/* .top-contents .wrap{
		width: 80%;
	 }	 */
	.pad-l{
		float: left;
	}
	.pad-r{
		float: right;
	}
	
	.top-link .owl-carousel.owl-drag .owl-item{
		margin-top: 0px !important;
	}
	
	.wrap-raceinfo{
		width: 100%;
		position:relative;
	}
	.raceInfoNum{
		width: 25%;
	}
	.raceInfoDetail{
		width:75%;
	}
	.raceTtl{
		width: 100% !important;
	}
	.raceNote{
		width: 100%;
	}
	.box-table table{
		width: 100%;
	}
	.youtube{
		position:relative;
		margin: -270px 0 300px;
		padding: 0 !important;
		right: 0;
		display: block;
		height: 440px;
		width: 100%;
		background: #fff;
	}
	.youtube iframe{
		width:90% !important;
		height: 400px;
	}
	
	#urgentArea {
		margin: 0 20px 20px;
	}
	
	.inner01{
		width: 100%;
	}

	.scroll-sch{
		overflow-x:scroll;
		margin-bottom: 10px;
	}
	.scroll-sch::-webkit-scrollbar{
		height:10px;
	}/*バーの太さ*/
	.scroll-sch::-webkit-scrollbar-track{
		background:#dddddd;
	}/*バーの背景色*/
	.scroll-sch::-webkit-scrollbar-thumb{
		background:#2cc2e4;
	}/*バーの色*/
	
	ul.monthArea a{
		padding:10px 40px;
	}
	ul.monthArea li{
		width: 130px;
	}
	
	ul.monthArea{
		margin:0 0 10px 10px;
	}

	
}


@media (max-width: 770px){
img.title_banner {
		width: 100%;
		height: 56px;
}

.top-ttl._sub.ma_top {
    width: 100%;
    height: 56px;
    /* text-align: center; */
}

}


/*------------------------------------------------------------------------------------------*/
@media screen and (min-width:769px) and ( max-width:812px)  {
	ul.monthArea{
		width: 80%;
		margin:0 0 10px 50px !important;
	}
	ul.monthArea a{
		padding:10px 30px;
	}
	ul.monthArea li{
		width: 120px;
	}
}

/*------------------------------------------------------------------------------------------812*/
@media screen and (min-width:667px) and ( max-width:767px)  {
	ul.monthArea{
		width: 80%;
		margin:0 0 10px 50px !important;
	}
	ul.monthArea a{
		padding:10px 30px;
	}
	ul.monthArea li{
		width: 120px;
	}
}


/*------------------------------------------------------------------------------------------768*/
@media (max-width: 767px) {
	.navbar-header {
        float: none;
    }
	
	.header_style_01 .navbar-collapse {
		padding-top: 0;
	}
	
	.header_style_01 .navbar-default .header-an {
		display: inline;
		float: right;
		margin: -80px 65px 0 0;
	}
	
	.header_style_01 .navbar-default .header-an img {
		height: 80px;
		width: 80px;
	}
	
	.header_style_01 .navbar-default .navbar-nav > li.pc {
		display: none;
	}
	
	li.nav-list ul {
		margin-left: 30px;
		position: static;
	}
	
	li.nav-list ul li,
	li.nav-list.active ul li {
		font-weight: bold;
	}
	
	li.nav-list ul a,
	li.nav-list span {
		text-align: left;
		width: auto;
	}
	
	li.nav-list span {
		padding-left: 7px;
	}
	
	li.nav-list span i.fa-angle-down {
		left: 5em;
	}
	
	.header_style_01 .navbar-default .navbar-nav > li:hover > a,
	.header_style_01 .navbar-default .navbar-nav > li:focus > a,
	li.nav-list ul li a,
	li.nav-list ul li a:hover,
	li.nav-list.active span {
		background: transparent;
		color: #202020 !important;
	}
	
	li.nav-list ul li a,
	li.nav-list ul li a:hover {
		border-top: none;
		text-align: left;
	}
	
	li.nav-list ul li a {
		font-size: 15px;
		height: 30px;
		line-height: 30px;
	}
	
	ul.monthArea{
		width: 80%;
		margin:0 0 10px 10px;
	}
	ul.monthArea a{
		padding:10px 5px !important;
	}
	ul.monthArea li{
		width: 17% !important;
	} 
	
	#main_sub{
		margin: 48px 0 20px;
	}

	.tab_items{
		vertical-align: top !important;
	}
	.tabs .r1{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.raceguide .link img{
		width: 100px !important;
	}
	
}


/*------------------------------------------------------------------------------------------600*/
@media (max-width: 600px) {
	
	body {
		background-size:2300px auto;
	}

	/* body {
		font-family: 'Noto Sans Japanese', sans-serif;
		color: #333;
		font-size: 15px;
		line-height: 1.80857;
		background: url(../images/background_sp.png) no-repeat top center fixed;
		background-size:cover; */
	}

	.button a {
		width: 80%;
		max-width: 400px;
		font-size: 16px;
		padding: 10px 10px;
	}


    .affix,
    .header_style_01 {
        padding: 0;
    }
    .footer .widget,
    .logos .col-md-2,
    .service-widget {
        margin: 15px 0;
    }
    .effect-1:after {
        border: 0 !important;
        box-shadow: none !important;
    }
	
	.navbar-default .navbar-toggle{
		height: 50px;
		width: 60px;
		margin: 0;
		border-radius: 0;
		padding:0 0 0 17px;
	}
	.navbar-brand{
		margin-top: 0;
	}
	.navbar-brand img{
		/* width: 130px; */
		margin: 0px 0px 0px 0px;
	}

	/* <li class="img img_f pc"><a href="https://www.ogakikeirin.com/" target="_blank"><img src="common/images/header_btn_top.png" alt=""></a></li> */
	.header_style_01 .navbar-default .header-an{
		display: inline;
		float: right;
		margin: -60px 45px 0 0;
	}
	.header_style_01 .navbar-default .header-an img{
		width: 60px;
		height: 60px;
	}
	.fixed-menu .navbar-default{
		padding:0 0;
	}
	
	.main-title{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.quickmenu{
		float: none;
		margin: 0 auto;
	}
	.qm-box{
		width: ;
		margin: 0 auto;
		padding-top: 115px;
	}
	
	.top-ttl{
		width: 100%;
		height: 50px;
	}
	.top-ttl img{
		width: 100%;
		height: 50px;
	}

img.title_banner {
	width: 100%;
	height: 56px;
}

.top-ttl._sub.ma_top {
    width: 100%;
    height: 56px;
    /* text-align: center; */
}



	.ttl-raceguide{
		width: 100%;
		height: 50px;
		background: url(../images/ttl_raceguide_sp.png) no-repeat center;
		background-size:contain;
		text-align: right;
	}
	.ttl-raceguide span{
		font-weight: 700;
		display: block;
		margin-right: 30px;
		padding-top: 12px;
		font-size: 14px;
	}

	._ma_top {
		margin-top: 50px;
	}
	
	.raceguide{
		width: 100%;
	}
	.raceguide-box{
		float: none;
		width: 100%;
	}
	.raceguide-box-inside,.raceguide-box-outside{
		float: none;
		width: 100%;
	}
	.raceguide .container{
		width: 100%;
	}
	.raceguide .status{
		width: 50px;
		margin: 0;
	}
	.raceguide .status div{
		width: 50px;
		height: 50px;
	}
	.raceguide .status .sell,.raceguide .status .open,.raceguide .status .next{
		background-size: 80%;
	}
	.raceguide .topics{
		width:290px;
	}
	.raceguide .topics dl {
		display: block;
		width: auto;
	}
	.raceguide .topics dt {
		float:none;
	}
	.raceguide .topics dl dd {
		padding: 0 0 10px 0px;
		margin: 10px 0 10px ;
		float: none;
	}
	
	
	.top-ad{
		width: 100%;
		margin: 50px auto;
	}
	
	.top-contents .wrap{
		width: 100%;
		margin: 20px auto 0;
	}
	.top-contents .wrap .box{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

	.top-contents .wrap .box_event{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

	.top-contents .wrap .box_center{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

	.top-contents .wrap .box p{
		margin-bottom: 20px;
	}
	.pad-l{
		float: none;
	}
	.pad-r{
		float: none;
	}

	
	.top-news{
		width: 100%;
		padding: 20px 20px 40px;
		margin: 0;
	}
	.top-news div {
		width: 100%;
	}
	.top-news dl {
		display: block;
		width: auto;
	}
	.top-news dt {
		float:none;
		background-position:top 0px left 100px !important;
	}
	.top-news dl dd{
		float: none;
		padding: 0 0 ;
		margin: 10px 0 30px;
	}
	.top-news dl dd a{
		margin-top: 10px;
	}
	
	.top-link{
		padding:0 0 20px;

	}
	.top-link .wrap{
		margin-top: 20px;
	}
	.top-link .owl-carousel.owl-drag .owl-item{
		
	}
	
	
	.footer {
    padding: 40px 0 40px !important;
	}
	
	.parallax-racetable {
		height: auto;
		padding-top: 70px;
	}
	.container {
        width: 100%;
    }
	.racetable-wrap{
		width: 100%;
		padding: 0;
	}
	.racetable-wrap .leftSec{
		float: none;
		overflow: auto;
	}
	.racetable-wrap .rightSec{
		float: none;
		display: block;
		width: 100%;
	}

	.main-title img {
		width: 75%;
	}

	img.logo {
		position: absolute;
		top: 51%;
		left:20%;
		width: 62%;
	}

	img.main_logo {
		width:100%;
		margin:18px 0px 0px 0px;
	}

	/*タブのスタイル*/
	.tab_item {
		border-top: 1px solid #cfcaca;
		border-right: 1px solid #cfcaca;
		border-bottom: 1px solid #cfcaca;;
		max-width: none;
		width: 16.66%;
	}
	.tab_item:nth-of-type(7) {
		border-left: 1px solid #cfcaca;
	}
	.tab_item:nth-of-type(1n+7) {
		margin-top: -1px;
	}
	
	.raceInfoNum{
		height: 100px;
	}
	.raceInfoDetail .date{
		width: 100%;
	}
	.raceTtl{
		width: 100%;
	}
	.raceTtl p{
		float:none;
	}
	#btn_raceTtl{
		float:none;
		margin:0 0 10px 0;
		display: block;
	}	
	
	.raceNote{
		width: 100%;
	}
	
	.leftSec{
		width:100% !important;
	}
	.scroll{
		overflow-x:scroll;
		margin-bottom: 10px;
	}
	.scroll::-webkit-scrollbar{
		height:10px;
	}/*バーの太さ*/
	.scroll::-webkit-scrollbar-track{
		background:#dddddd;
	}/*バーの背景色*/
	.scroll::-webkit-scrollbar-thumb{
		background:#2cc2e4;
	}/*バーの色*/
	
	.youtube{
		position:relative;
		top: 0;
		right: 0;
		margin: 10px 0 0px !important;
		display: block;
		height: 220px !important;
		background: #fff;
		width: 100%;
	}
	.youtube iframe{
		width:100%;
		height: 200px !important;
	}
	
	.wrap-raceinfo{
		width: 100%;
		position:relative;
	}
	.box-table table{
		width: 640px;
	}
	
	#urgentArea {
		min-height: 0;
		padding: 15px 20px;
	}
	
	.raceTtl p{
		margin-bottom: 10px;
		line-height: 1.8;
	}
	
	.raceguide .link img{
		width: 90px !important;
	}
	
	@media (max-width: 450px) {
		img.logo {
			position: absolute;
			top: 46%;
			left: 17%;
			width: 69%;
		}

		/* body {
			background-size:1950px auto;
		} */

	}
	
}