@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700');

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* 基本 */
body {
	width:100%;
	height:auto;
	font-family: 'Noto Sans JP', sans-serif;
	background: #FFF;
	color:#333;
}
#page{
	width: 100%;
	height: auto;
}
#wrapper{
	width: 100%;
	height: auto;
}
img {
	width: 100%;
	height: auto;
	vertical-align:bottom;
}
p {
	text-align: justify;
	text-justify: inter-ideograph;
}
a:link {
	color:#106CD4;
	text-decoration:none;
	-moz-transition: color 0.3s,background-color 0.3s;
	-ms-transition: color 0.3s,background-color 0.3s;
	-o-transition: color 0.3s,background-color 0.3s;
	-webkit-transition: color 0.3s,background-color 0.3s;
	transition: color 0.3s,background-color 0.3s;
}
a:visited {
	color:#106CD4;
}
a:hover {
	color:#00008b;
}
.fade {
	-webkit-transition: 0.3s ease-in-out; 
	-moz-transition: 0.3s ease-in-out; 
	-ms-transition: 0.3s ease-in-out; 
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}
.fade:hover {
	opacity: 0.8;  
    filter: alpha(opacity=60);  
}
.change a:hover {
	background-color: transparent; /* IE6対応 */
}
.change a:hover img {
	visibility:hidden;
}
.change a{
	width:100%;
	height:auto;
	display:inline-block;
}
.font_r{
	font-family: 'Noto Serif SC', serif;
}
.font_g{
	font-family: 'Noto Sans JP', sans-serif;
}
.font_en{
	font-family: 'Roboto', sans-serif;
}
.ta_c{
	text-align:center;
}
.ta_r{
	text-align:right;
}
.ta_l{
	text-align:left;
}
.fs_10{
	font-size:1rem;
}
.fs_11{
	font-size:1.1rem;
}
.fs_12{
	font-size:1.2rem;
}
.fs_13{
	font-size:1.3rem;
}
.fs_14{
	font-size:1.4rem;
}
.fs_15{
	font-size:1.5rem;
}
.fs_16{
	font-size:1.6rem;
}
.fs_17{
	font-size:1.7rem;
}
.fs_18{
	font-size:1.8rem;
}
.fs_19{
	font-size:1.9rem;
}
.fs_20{
	font-size:2rem;
}
.fs_21{
	font-size:2.1rem;
}
.fs_22{
	font-size:2.2rem;
}
.fs_23{
	font-size:2.3rem;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.br_3{
	border-radius:3px;
	-ms-border-radius:3px;
}
.br_5{
	border-radius:5px;
	-ms-border-radius:5px;
}
.br_10{
	border-radius:10px;
	-ms-border-radius:10px;
}
.br_25{
	border-radius:25px;
	-ms-border-radius:25px;
}
.ts_f{
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-ms-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-o-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
}
.ts_0{
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-o-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.bs_0{
	box-shadow:1px 1px 4px rgba(0,0,0,0.2);
	-ms-box-shadow:1px 1px 4px rgba(0,0,0,0.2);
	-o-box-shadow:1px 1px 4px rgba(0,0,0,0.2);
}

/* 横並び */
.flexbox{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*モバイルのみ表示 */
.phone { display: block; }
.phone1100 { display: block; }
.phone1200 { display: block; }
.phone1300 { display: block; }
.pc { display:none; }
.pc1100 { display:none; }
.pc1200 { display:none; }
.pc1300 { display:none; }
.tel_link { pointer-events: auto; }
/*モバイル時、改行 */
.br_sp{ display: block; }
/*モバイル時、改行しない */
.br_pc{ display: none; }
@media only screen and (min-width: 960px) {
	/*PCのみ表示 */
	.phone { display: none; }
	.pc { display: block; }
	/*PC時、改行なし */
	.br_sp{ display: none; }
	/*PC時、改行 */
	.br_pc{ display: block; }
	/*電話PC時、リンクなし */
	.tel_link { cursor: default; pointer-events: none; }
}
@media only screen and (min-width: 1100px) {
	.phone1100 { display: none; }
	.pc1100 { display: block; }
}
@media only screen and (min-width: 1200px) {
	.phone1200 { display: none; }
	.pc1200 { display: block; }
}
@media only screen and (min-width: 1300px) {
	.phone1300 { display: none; }
	.pc1300 { display: block; }
}

/* -------------------  ヘッダー  ------------------- */

.header{
	width: 100%;
	height: 55px;
	background-color :rgba(16,108,210,1);
    z-index: 50;
		position: fixed;/*固定する*/
		top: 0;
}
.header_inner{
	width: 100%;
	height: 55px;
}
.logo{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	position: absolute;
	width: 22%;
	max-width: 270px;
    padding:  .63em .5em;
    z-index: 65;
}
.logo a{
	display: block;
}

/* ナビ */
.menu-header_nav_s-container{
	position: absolute;
	right: 0;
	z-index: 55;
}
.menu-header_nav_pc-container{
	width: 85%;
	z-index: 55;
	padding-left: 25%;
}
.nav_l{
	width: 24%;
    z-index: 56;
		height: 55px;
}
.nav_l li{
	text-align: center;
	width:50%;
		font-size: .85rem;
}
.nav_l .nav_l1 a{
	background: #FFCE00;
}
.nav_l .nav_l1 a:hover{
	background: #FDD941;
}
.nav_l .nav_l2 a{
	background: #E31E0F;
}
.nav_l .nav_l2 a:hover{
	background: #F04639;
}
.nav_l a{
	display: block;
	width:100%;
	color: #FFF;
		line-height:55px;
}

.menu-header_nav_s-container ul,
.menu-header_nav_pc-container ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
}
.menu-header_nav_s-container ul li{
	font-weight: 500;
	font-size: .95rem;
	padding: 13px 1.5%;
	text-align: center;
}
.menu-header_nav_pc-container ul li {
	font-weight: 500;
	font-size: .85rem;
	padding: 0 1.6%;
			line-height:55px;
	text-align: center;
}
.menu-header_nav_s-container ul li a ,
.menu-header_nav_pc-container ul li a {
	display: block;
	cursor: pointer;
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.menu-header_nav_s-container ul li a:hover ,
.menu-header_nav_pc-container ul li a:hover {
	color: rgba(255, 255, 255, 0.8);
}

/* ドロップダウン */
.menu-header_nav_pc-container .sub-menu {
  display: none;
}
.menu-header_nav_pc-container .menu-item-has-children:hover .sub-menu {
  display: block;
}
.menu-header_nav_pc-container .menu-item-has-children {
  position: relative;
}
.menu-header_nav_pc-container .menu-item-has-children:hover {
  cursor: pointer;
}
.menu-header_nav_pc-container .menu-item-has-children:hover .sub-menu {
  display: block;
}
.menu-header_nav_pc-container .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 145px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 5px 10px;
}
.menu-header_nav_pc-container .menu-item-31 .sub-menu {
  width: 180px;
}
.menu-header_nav_pc-container .sub-menu li{
	text-align: left;
	padding: 12px 5px;
	line-height: .7em;
}
.menu-header_nav_pc-container .sub-menu a{
	color:#070707;
	text-shadow:none;
	font-size: .75rem;
}
.menu-header_nav_pc-container .sub-menu a:hover{
	color:#555;
}

@media only screen and (max-width: 1299px) {
	.header{
	height: 60px;
}
.header_inner{
	height: 60px;
}
	.logo{
    padding: .88em .5em;
	width: 70%;
	max-width: 280px;
}
	 body.menu-open .menu-container {
	  z-index: 90;
	  position: relative;
	  display: flex;
	  align-items: stretch;
	  overflow: hidden;
	  height: 100vh;
	  width: 100vw;
	  pointer-events: none;
	}
	.menu-header_nav_s-container,
    .menu-header_nav_pc-container {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
	  height: 100vh;
	  width: 100vw;
	  z-index: 95;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  -webkit-transform: translateY(-100%);
			  transform: translateY(-100%);
	  transition: -webkit-transform 0.5s;
	  transition: transform 0.5s;
	  transition: transform 0.5s, -webkit-transform 0.5s;
	  transition-delay: 0.5s;
	  visibility: hidden;
	}
	.menu-header_nav_s-container ul ,
    .menu-header_nav_pc-container ul {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-direction:normal;
		-moz-box-direction:normal;
		-webkit-box-orient:vertical;
		-moz-box-orient:vertical;
		-webkit-flex-direction:column;
		-moz-flex-direction:column;
		flex-direction:column;
		padding-top: 0;
		margin-top: -30px;
	}
	.menu-header_nav_s-container ul li  {
		font-weight: 400;
		font-size: 1.2rem;
		min-height: 25px;
		padding: 15px;
		text-align: center;
	}
	.menu-header_nav_s-container ul li a ,
    .menu-header_nav_pc-container ul li a {
	  cursor: pointer;
		color: #FFF;
	}

	.menu-sliders {
	  flex: 1;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  transition: flex 0.45s;
	}
	.menu-sliders:nth-child(2) {
	  flex: 1 0 100%;
	  background: transparent;
	}
	.menu-sliders:nth-child(odd) {
	  background: #005FE3;
	}

	.plus-btn-pos {
	  position: absolute;
	  top: 10px;
	  right: 15px;
	  z-index: 99;
	}

	.plus-btn {
	  width: 40px;
	  height: 40px;
	  border-radius: 40px;
		-ms-border-radius: 40px;
	  background: white;
	  position: relative;
	  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	  cursor: pointer;
	}
	.plus-btn div {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 16px;
	  height: 3px;
	  background: #032DB5;
	  transition: -webkit-transform 0.3s;
	  transition: transform 0.3s;
	  transition: transform 0.3s, -webkit-transform 0.3s;
	  transition-delay: 0.5s;
	}
	.plus-btn .r1 {
	  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
			  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	}
	.plus-btn .r2 {
	  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-180deg);
			  transform: translateX(-50%) translateY(-50%) rotate(-180deg);
	}
	.plus-btn:hover {
	  background: #032DB5;
	}
	.plus-btn:hover div {
	  background: white;
	}
	.plus-btn:active {
	  box-shadow: none;
	}

	body.menu-open .menu-sliders:nth-child(2) {
	  flex: 0 0 0%;
	}
	body.menu-open .menu-header_nav_s-container,
    body.menu-header_nav_pc-container {
	  -webkit-transform: translateY(0%);
			  transform: translateY(0%);
	  visibility: visible;
	  pointer-events: all;
	}
	body.menu-open .plus-btn .r1 {
	  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
			  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	}
	body.menu-open .plus-btn .r2 {
	  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
			  transform: translateX(-50%) translateY(-50%) rotate(-135deg);
	}
	}


/* -------------------  ホーム  ------------------- */

/* スライダー */
#head_img {
    margin-top: 60px;
}
.bg_img03{
	display: flex;
	background: url("img/bg_img04.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
}
.n2-section-smartslider.fitvidsignore.n2_clear {
    z-index: 5;
}
.n2-section-smartslider {
    max-width: 961px;
    margin: 0 auto;
}


/* 本日の発売レース */
.content_bg{
	clear: both;
	width: 100%;
	height: auto;
}
.content_inner{
	clear: both;
	max-width: 1100px;
	height: auto;
	padding: 3.5em 1em;
	margin: 0 auto;
}
.content_inner.w_max{
	max-width: 100%;
}
.main_title{
	font-size: 1.2rem;
	color: #FFF;
	line-height: 1.3;
	padding-top: .4em;
	padding-left: 2.6em;
	padding-bottom: .4em;
}
.main_title span{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: .8rem;
}
.main_title2 {
	font-size: 1.2rem;
    position: relative;
    padding: 1.3em .3em;
}
.main_title2:before,
.main_title2:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(#FFCE00), to(#E31E0F));
  background-image: -webkit-linear-gradient(right, #FFCE00 0%, #E31E0F 100%);
  background-image: linear-gradient(to left, #FFCE00 0%, #E31E0F 100%);
}



.main_title2:before {
  top: 0;
}

.main_title2:after {
  bottom: 0;
}
.main_text{
	font-size: .9rem;
	letter-spacing: .05em;
	line-height: 1.9;
    padding: 1.3em .3em;
	text-align: justify;
	text-justify: inter-ideograph;
}
@media only screen and (min-width: 960px) {
.main_title2{
	font-size: 1.5rem;
}
		.main_text{
			font-size: 1rem;
			}
}
@media only screen and (min-width: 1100px) {
#head_img {
    margin-top: 0px;
}
	.page-id-13 section#head_img {
    padding-top: 55px;
}
}
.bg_red{
	background-image:url("img/title_bg_red_s.png");
   background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.today_box{
	border: 1px solid #106CD2;
	background: #FFF;
	padding: 1.1em  1em;
	margin: 0 auto .5em;
}
.today_ul{
	list-style-type: none;
	line-height: 1.4;
}
.today_ul li{
	padding-bottom: .9em;
}
.today_ul li:last-child{
	padding-bottom: 0;
}
.today_li_bg{
	font-size: .85rem;
	color: #FFF;
	padding: .1em ;
	margin-right: .4em;
	width:40px;
	text-align: center;
	display:inline-block;
}
.ippan{
	background-color: #8DD3F7;
}
.sg{
	background-color: #D80000;
}
.g1{
	background-color: #FF7F00;
}
.g2{
	background-color: #F8D200;
}
.g3{
	background-color: #97DB08;
}
.today_title{
	display:inline-block;
	font-weight: bold;
	padding-right: .2em;
}
.today_img{
	padding-left: 3em;
	width:50px;
	display:inline-block;
}
.today_img img{
	width: 15px;
	height: auto;
	padding-left: .3em;
}
.what_day{
	padding-left: .2em;
}

.today_explanation{
	list-style-type: none;
	line-height: 1.4;
	margin-bottom: 1.5em;
}
.today_explanation li{
	font-size: .8rem;
	padding-right: 1em;
}
.today_explanation img{
	width: 15px;
	height: auto;
	padding-right: .3em;
}
.more {
	display: inline-block;
}
.more a{
	display: inline-block;
    font-size: .9rem;
	font-weight: 500;
	background: #106CD2;
	color: #FFF;
	padding: 1em 1.9em;
}
.more img{
	width: 37px;
	transition: all 0.2s;
    margin-left: .9em;
	display: inline-block;
	vertical-align:initial;
}
.more:hover a{
	background:#2A83E6;
}
.more:hover img{
	transform: translatex(0.5em);
}

.img01{
	position: absolute;
    width: 50%;
    max-width: 350px;
    right: 0;
    margin-top: -70px;
}
@media only screen and (min-width: 600px) {
	.today_li_bg{
	font-size: .9rem;
	padding: .1em ;
	margin-right: .7em;
	width:55px;
}
	.today_img{
	padding-left: 4em;
	width:60px;
}
.today_img img{
	width: 17px;
	padding-left: .5em;
}
	.what_day span{
	font-size: 100%;
}
	.today_explanation li{
	font-size: .85rem;
	padding-right: 1.6em;
}
.today_explanation img{
	width: 16px;
}
}

@media only screen and (min-width: 960px) {
	.today_box{
	padding: 1.3em 1.6em;
		}
	.today_ul{
		display:flex; 
      flex-wrap: wrap;
      width: 100%;
      height:auto;
		}
		.today_ul li{
		width: 50%;
		}
	.today_ul li:nth-of-type(1),
	.today_ul li:nth-of-type(3),
	.today_ul li:nth-of-type(5),
	.today_ul li:nth-of-type(7){
	padding-bottom: 0;
		}
}

/* 本日の発売meme */
.schedule-index{
	padding-top:2em;
}
.schedule-index ul {
  display: flex;
  flex-wrap: wrap;
	list-style-type:none;
}
.schedule-index ul li {
	padding:10px 30px;
	margin-right:15px;
	background:#FFF;
	border:1px solid #106CD2;
	border-bottom:none;
}
.schedule-index ul li:hover {
  cursor:pointer;
}
.schedule-index ul >li.active {
	background: #106CD2;
	color:#FFF;	
}
.schedule-content > div {
  display: none;
}
.schedule-content > div.active {
  display: block;
}
 
.schedule-content > div.active ul{
 display:flex;
 flex-wrap:wrap;
}
 


/* 注目レース */
.bg_yellow{
	background-image:url("img/title_bg_yellow.png");
    background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
}
@media only screen and (max-width: 960px) {
	.bg_c01{
		background:#EFF9FF;
	}
}
	.bg_c01_all{
		background:#EFF9FF;
	}
@media only screen and (min-width: 500px) {
	  .bg_red{
      background-image:url("img/title_bg_red.png");
		  background-size: auto;
		  }
	  .bg_yellow{
		  background-size: auto;
		  }
}

.featured_l {
    padding-bottom: 8em;
	padding: 3.5em 1em;
    margin: 0 auto;
}
.news_r {
		padding: 3.5em 1em 4em;
    margin: 0 auto;
}

/* 注目レース カレンダー */
	.content_bg.top_mt{
	clear: both;
    max-width: 1100px;
    height: auto;
    margin: 0 auto;
}
.calendar_box{
	height: 300px;
    overflow-y: auto;
	margin: 2em auto 1em;
}

.ai1ec-agenda-view .ai1ec-event .ai1ec-event-header {
    cursor: default;
}

.ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title {
	border-radius: 0px !important;
	border: 1px solid #A5A5A5;
	background-image: none;
	background:#fff !important;
}
.ai1ec-agenda-view .ai1ec-month {
    border-radius: 0px !important;
	font-size: 0.7em;
}
.ai1ec-agenda-view .ai1ec-day {
    font-size: 1.9em;
    padding: 0.25em 0 0.2em;
}
.ai1ec-agenda-widget-view .ai1ec-weekday, .ai1ec-agenda-view .ai1ec-weekday {
    font-size: 0.75em;
    padding: 0 0 0.1em;
}
.ai1ec-agenda-view .ai1ec-event {
	border-radius: 0px !important;
    height: 59px;
	border: 1px solid #A5A5A5;
}
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {
    margin: 0 0 0.2em;
}
.ai1ec-agenda-view .ai1ec-event.ai1ec-expanded {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ai1ec-event-header{
    display:flex; 
    flex-wrap: wrap;
    width: 100%;
    height:auto;
}

.timely p {
    margin: 0;
}
.ai1ec-agenda-view .ai1ec-event-description {
    margin-top: 2px;
}

/* カレンダー非表示 */
.top_schd .ai1ec-btn-toolbar, .top_schd .ai1ec-calendar-toolbar ,.ai1ec-calendar-toolbar,.ai1ec-clearfix,.ai1ec-subscribe-container,.ai1ec-pull-left, .ai1ec-allday-badge, .ai1ec-read-more, .ai1ec-btn, .ai1ec-btn-default, .ai1ec-event-toggle, .ai1ec-event-summary-footer {
    display: none !important;
}
.ai1ec-agenda-widget-view .ai1ec-date {
    background:#fff !important;
}
.ai1ec-agenda-view .ai1ec-date {
	background:rgba(0,0,0,0) !important;
}
.ai1ec-date-title {
    pointer-events: none !important;
}
.ai1ec-agenda-view .ai1ec-date{
	border-top: none;
}


/* ニュース */
.news_list{
	width: 85%;
    padding: 0 1.5em;
    list-style-type: none;
    margin: 2.3em auto;
    border-left: 1px solid #888;
}
.news_list li{
	line-height: 1.4;
	padding: .3em 0;
	margin-bottom:  .5em;
}
.news_list li a{
	color: #444;
	font-size: .9rem;
	font-weight: 500;
}
.news_list time{
	font-weight: 600;
}
.news_genre{
	display: inline-block;
	width: 70px;
	font-size: .75rem;
	font-weight: 600;
	text-align: center;
	color: #FFF;
	background: #032DB5;
    padding: 2px 3px 2.5px;
	margin: 0 10px;
}
.news_red{
	background: #E31E0F;
}
.news_title{
	display: block;
	margin-top: .4em;
}
.news_list li a:hover .news_title{
	text-decoration: underline;
}

@media only screen and (min-width: 960px) {
	
		.flex_box{
		display: flex;
		display: -moz-flex;
		display: -o-flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: row;
		-moz-flex-direction: row;
		-o-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
	}
	/* 赤ボート画像 */
  .img01{
	  width:33%;
      max-width: 460px;
      right: 3%;
      margin-top: -150px;
  }
	/* 注目レース カレンダー */
	.content_bg.top_mt{
		padding: 1em 1em 3em;
		}
	.content_bg.top_mt .content_bg.bg_c01{
		width:75%;
		padding-right: 8%;
		}
	.featured_l {
		padding-right:15%;
		margin: 0;
		padding: 1.5em 0 0;
}
	.calendar_box {
    height: 235px;
		margin-bottom:2.3em;
	}
	span.ai1ec-event-title {
    width: 100%;
}
	
	/* ニュース */
	.news_list{
		width: 90%;
		padding: 0 0 0 1.5em;
		}
	.news_r .news_list {
				height: 230px;
	}
	
.news_r {
	width: 90%;
	padding: 1.5em 0 2em;
}
	.news_title {
    display: initial;
}
		.news_list li{
			margin-bottom: 1em;
	}
	.news_list li:last-child{
			margin-bottom: 1em;
	}
}




/* 発売スケジュールボタン */
/* 固定背景画像 */
.bg_img02{
	  display: flex;
	position: relative;
	background: url("img/bg_img02.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 1em 0;
}
.overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
    background: url("img/05.png")  repeat;
}
.bg_img03.overlay::after {
	margin-top:55px;
    background: url("img/06.png")  repeat;
	max-height:401px;
}

@media only screen and (max-width: 961px) {
	.bg_img03.overlay::after {
		 background-image: none;
	max-height:101px;
}
}
#release_schedule_btn .content_inner{
	z-index:2;
}
#release_schedule_btn .more a{
	display:block;
	background: rgba(255,255,255,0.9);
	color: #070707;
}
#release_schedule_btn .more p{
	font-size: 1rem;
	line-height:1.5;
}
#release_schedule_btn .more p span{
	display: block;
	font-weight: 400;
	font-size: 0.8rem;
}
#release_schedule_btn .more img{
	width: 50px;
    margin-left: .9em;
	padding-top:23px;
}
.re_sc_l{
	width: 70%;
}
.re_sc_r{
	width: 23%;
	padding-left:7%;
}

/* グーグルマップ */
#g_map { 
 width:100%; 
 height:300px;
}
@media only screen and (min-width: 960px) {
#release_schedule_btn .content_inner {
    width: 100%;
    max-width: 750px;
}
	#release_schedule_btn .more a{
	padding:1.8em 4.5em;
}
	#release_schedule_btn .more p{
	font-size: 1.2rem;
	line-height:2;
}
#release_schedule_btn .more p span{
	font-size: 0.9rem;
}
	.re_sc_l{
	width: 67%;
}
	.re_sc_r{
	width: 20%;
	padding-left:10%;
}
	#release_schedule_btn .more img{
	width: 75px;
	padding-top: 38px;
}
    #g_map { 
     height:350px;
    }
}

/*--------- フッター ---------*/
/* バナー */
.footer_banner{
	background: #E2E2E2;
}
.banner_ul{
	justify-content: center;
	list-style-type: none;
	padding: 2em .8em;
}
.banner_ul li{
	width: 43%;
	max-width: 150px;
	padding: .6em;
}
.banner_ul li img{
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
.footer_bg{
	width: 100%;
	height: auto;
	background: #032DB5;
	color: #FFF;
}
.footer_bg a{
	color: #FFF;
}
/* フッターナビ */
.footer_inner{
	background: #106CD2;
	padding: 1.5em 2em;
}
.menu-footer_menu-container{
	max-width: 950px;
	margin: 0 auto;
}
.menu-footer_menu-container .menu{
	list-style-type: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}
.menu-footer_menu-container .menu li{
	font-size: .95em;
	width: 47.5%;
	margin: .6em 1.5% 1em 0;
	line-height:1.2;
}
.menu-footer_menu-container .menu .sub-menu li{
	font-size: .9em;
	width: 100%;
}
.menu-footer_menu-container .menu .menu-item-161 .sub-menu li{
	font-size: .95em;
}
.menu-footer_menu-container .menu .sub-menu li:first-child{
	padding-top: .6em;
}
.menu-footer_menu-container .menu li a:hover{
	color: #CED9F1;
}
@media only screen and (min-width: 960px) {
	
.menu-footer_menu-container .menu li{
	width: 25%;
	margin: 1.7em 0 1.2em;
}
	.menu-footer_menu-container .menu li.menu-item-172,
		.menu-footer_menu-container .menu li.menu-item-166,
		.menu-footer_menu-container .menu li.menu-item-161{
	width: 23%;
	margin: 1.7em 0 1.2em 2%;
}
	.menu-footer_menu-container .menu .sub-menu li{
	margin:  1em 0 ;
}
	
}
/* フッター住所 */
.footer_inner2{
	margin: 0 auto;
	padding: 2em .5em;
}
.footer_logo{
	text-align: center;
	width: 80%;
	max-width: 350px;
	margin: 0em auto 1em;
}
.footer_logo a{
	display:block;
}
.f_company p{
	text-align: center;
}
.f_company .address1{
	font-size: .9rem;
	font-weight: 500;
	padding-bottom: .6em;
}
.f_company .tel{
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: .07em;
}
.copyright{
	font-size: .75rem;
	text-align: center;
	padding: 1.5em .5em;
	line-height: 1.3;
	background: #001E7E;
}

@media only screen and (min-width: 960px) {
	
	.f_company .tel{
		font-size: 1.4rem;
	}
	.copyright{
		font-size: .85rem;
		padding: 1em 0;
	}
}
/* ----------------- NEWS一覧ページ ----------------- */
#archive-news .news_list{
	margin-top: 0;
	margin-bottom: 3em;
}
/*ページナビゲーション*/
.pagination {
	max-width: 85%;
    clear: both;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	justify-content: center;
	margin:0 auto 3.5em;
    color: #106CD4;
}
.pagination span,
.pagination a{
    margin-right: .4em;
    padding: .4em .6em;
    text-decoration: none;
}
.pagination span{
    padding: .4em .2em;
}
.pagination a {
    color: #fff;
    background: #192D57;
}
@media only screen and (min-width: 960px) {

	#archive-news .news_list{
		max-width: 900px;
		margin-bottom: 4em;
	}
	#archive-news .news_list li{
		margin-bottom: 1.5em;
	}
	#archive-news .news_list .news_title{
		display: inherit;
		margin-left: 1em;
	}

}

/* ヘッドイメージ */
.head_img{
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.head_img h1,
.head_img h2{
	color: #FFF;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height:180px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
/* パンくず */
.breadcrumbs{
	font-size: .9rem;
	margin: .5em .7em;
	line-height:1.4;
}
.breadcrumbs a{
	text-decoration: underline;
}
/* ----------------- NEWSページ ----------------- */

#single-news .content_inner{
	max-width: 900px;
}
.archive .head_img,
.single-news .head_img{
	background-image: url("img/06.png"), /* 最前面 */
	url("img/head_img.jpg");
	background-repeat:
    repeat,
	no-repeat;
	background-position:
    center,
	center;
	background-size: 3px,auto;
}
#single-news .news_genre {
    width: 70px;
    font-size: .8rem;
    padding: 3px 5px 3.5px;
    margin: 0 0 .3em;
}
.single-news .main_sub2{
	padding: 1em .3em;
}

.news_img{
	width: 85%;
	max-width: 550px;
	margin: 2em auto 3em;
}
.subnav {
    justify-content: space-between;
    margin: 3.5em auto;
	display: flex;
}
.subnav a{
    font-size: .85rem;
}
.sub_prev, .sub_next {
  width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 1100px) {
	/* ヘッドイメージ */
	.head_img{
		height: 250px;
		padding-top: 60px;
	}
	.head_img h1,
	.head_img h2{
		font-size: 2rem;
		line-height:250px;
	}
	/* パンくず */
	.breadcrumbs{
		max-width: 1100px;
		margin: .6em auto;
	}
	/*  NEWSページ  */
	.single-news .main_sub{
		font-size: 1rem;
	}
	.subnav {
		margin: 4.5em auto;
	}
}

/* ----------------- 発売スケジュールページ ----------------- */
.page-id-22 .head_img,
.page-id-102 .head_img{
	background-image: url("img/06.png"), /* 最前面 */
	url("img/head_img02.jpg");
	background-repeat:
    repeat,
	no-repeat;
	background-position:
    center,
	center;
	background-size: 3px,cover;
}

.main_sub {
	text-align: center;
	font-size: .75rem;
	letter-spacing: .1em;
	margin-bottom: 5.5em;
}
.main_sub:before {
  content: '';
  position: absolute;
  left: 49.9%;
  bottom: -25px;/*線の上下位置*/
  display: inline-block;
  width: 40px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #444;
  border-radius: 2px;/*線の丸み*/
	-ms-border-radius: 2px;
}
.bg_c01 .main_sub:before {
  background-color: #FFF;
}

/* メタスライダー */
body .metaslider .coin-slider, body .metaslider .nivoSlider, body .metaslider .nivoSlider img, body .metaslider .rslides, body .metaslider .rslides li, body .metaslider .flexslider ul.slides, body .metaslider .flexslider .slides li, body .metaslider .flexslider .slides ul, body .metaslider .flexslider .slides ol, body .metaslider .flexslider .slides img, body .metaslider .flexslider .flex-direction-nav, body .metaslider .flexslider .flex-direction-nav li{
	padding-top:20px!important;
}
.flex-direction-nav, body .metaslider .flexslider .flex-direction-nav li{
	padding-top:10px!important;
}
.metaslider .caption-wrap {
	position: absolute;
	margin: 0;
    display: block;
    width: 100%;
    top: -23px;
    left: 40%!important;
    background: none!important;
    color: #222!important;
	font-weight:bold!important;
    opacity: 1!important;
	font-size: 1.4rem;
}
.metaslider .flexslider:focus-within .flex-prev, .metaslider .flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
    text-indent: -9999px;
}
.metaslider .flexslider .flex-direction-nav li a {
    width: 40px !important;
    height: 40px !important;
    background-image: url(img/bg_direction_nav.jpg)!important;
    top: 20px !important;
	opacity: 1 !important;
}
.metaslider .flexslider .flex-direction-nav li a:hover {
	opacity: 0.8 !important;
}
.flex-direction-nav li a.flex-prev {
    left: 0px;
}
.metaslider .flex-direction-nav li a.flex-next {
	background-image: url(img/bg_direction_nav2.jpg)!important;
	right: 0px;
}
.metaslider .flexslider:focus-within .flex-prev, .metaslider .flexslider:hover .flex-prev {
    left: 0px !important;
}
.metaslider .flexslider:focus-within .flex-next, .metaslider .flexslider:hover .flex-next {
    right: 0px !important;
}

.schedule_box {
	width: 95%;
    max-width: 850px;
    margin: 2.5em auto 0em;
}
.schedule_ul{
	text-align: center;
	list-style-type: none;
	margin: -1em auto 1em;
	line-height: 2;
}
.schedule_ul li{
	display: inline-block;
	padding-right: 15px;
}
.schedule_ul span{
	padding-right: 13px;
	margin-right: 5px;
}
.women{
	background-color: #F4B3CF;
}

@media only screen and (max-width: 959px) {
	/* メタスライダー */
.metaslider .caption-wrap {
	top: -17px;
    left: 35%!important;
	font-size: 1.2rem;
}
	
.schedule_ul li{
	font-size: .8rem;
	padding-right: 10px;
}
}

/* 本日の発売レース */
.page-id-22 .bg_c01_all {
	padding:1em 0 .5em;
}
.page-id-22 .today_explanation{
	padding-bottom: 1.5em;
}
#featured_race .main_title2{
	margin-top:1em;
}

@media only screen and (min-width: 960px) {
	.page-id-22 .bg_c01_all {
	padding:1.5em 0 1em;
}
	/* 注目レース */
	.page-id-22  .calendar_box {
    height: auto;
    max-width: 850px;
    margin: 2.5em auto ;
}
}

/* アクセス */
.map_box{
	padding: 1em 0 ;
}
#map01,
#map02,
#map03{
	width: 100%;
	height: 230px;
}
#access .address_dl{
	padding: 1.5em 0;
	line-height: 1.7;
	font-size: .85rem;
}
#access .address_dl dt{
	font-weight: 500;
}
#access .address_dl dd{
	padding-bottom: 1em;
}
#access .address_dl a{
	text-decoration: underline;
}
#access .content_inner{
	padding-bottom: .5em;
}
#access .content_bg{
	margin-bottom: 2em;
}

@media only screen and (min-width: 600px) {

	/* アクセス */
	#map01,
	#map02,
	#map03{
		width: 65%;
		height: 350px;
		margin: 1em 5% 2.5em 0;
	}
	#map03{
		margin-bottom: .5em;
	}
	#access .address_dl{
		padding: 1em 0 1.5em;
		line-height: 1.9;
		font-size: .9rem;
	}
	
}


/* ----------------- プライバシーポリシーページ ----------------- */
/* ヘッドイメージ */
.page-id-3 .head_img{
	background-image: url("img/06.png"), /* 最前面 */
	url("img/head_img03.jpg");
	background-repeat:
    repeat,
	no-repeat;
	background-position:
    center,
	center;
	background-size: 3px,cover;
}

.page-id-3 .main_text{
	padding-bottom: 3em;
}
.pp_contact{
	width: 87%;
	max-width: 700px;
	border: 2px solid #106CD2;
	padding: 1em 1.3em;
	margin: 1em auto 0;
	line-height: 1.5;
}
.pp_dl{
	line-height: 1.6;
	padding-bottom: 2em;
}
.pp_dl dt{
	color: #106CD2;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid #106CD2;
}
.pp_dl dd{
	font-size: .9rem;
}
.pp_ol02{
	margin: 0 auto;
	padding:1em 1em 0em 1.6em;
}
.pp_ol02 li{
	padding-bottom:.5em;
	font-size: .9rem;
	line-height: 1.6;
}
.pp_ol02 li:last-child{
	padding-bottom:0;
}
.page-id-3 h2,
.page-id-3 h3 {
    line-height: 1.7;
    font-size: 1.3rem;
}
.page-id-3 h3 {
    padding-bottom: 1.5em;
}
.page-id-3 .text {
    line-height: 1.7;
    font-size: .9rem;
    padding-bottom: 1.5em;
}

@media only screen and (min-width: 960px) {
	.page-id-3 .text,
	.pp_ol02 li{
		line-height: 1.9;
	}
	.pp_dl{
		line-height: 1.9;
		padding-bottom: 2.5em;
	}

}

/* ----------------- お問い合わせページ ----------------- */
.page-id-316 .head_img,
.page-id-321 .head_img,
.page-id-151 .head_img{
	background-image: url("img/06.png"), /* 最前面 */
	url("img/head_img03.jpg");
	background-repeat:
    repeat,
	no-repeat;
	background-position:
    center,
	center;
	background-size: 3px,cover;
}

/*  お問い合わせ流れ */
.contact_flow_ul{
	  display: flex;
    list-style-type: none;	
		 border: 1px solid #106CD2;
	margin: 1.5em auto ;
}
.contact_flow_ul li{
	width:33.3%;
	padding: 2em 5%;
	overflow: visible;
	position: relative;
	font-weight: bold;
	color: #106CD2;
}
.contact_flow_ul li:nth-child(2),
.contact_flow_ul li:last-child{
	     border-left: none;
}
.contact_flow_ul > li:not(:last-child)::before,
.contact_flow_ul > li:not(:last-child)::after {
content: "";
border: solid transparent;
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.contact_flow_ul> li:not(:last-child)::before {
border-width: 22px;
}
.contact_flow_ul> li:not(:last-child)::after {
border-width: 20px;
border-left-color: #fff;
	z-index: 2;
}
.page-id-321 .contact_flow_ul li:nth-child(3),/*  完了画面 */
.page-id-316 .contact_flow_ul li:nth-child(2),/*  確認画面 */
.page-id-151 .contact_flow_ul li:nth-child(1){/*  入力画面 */
	background:#106CD2;
	color: #FFF;
}
.page-id-321 .contact_flow_ul> li:nth-child(3)::after,
.page-id-316 .contact_flow_ul> li:nth-child(2)::after,
.page-id-151 .contact_flow_ul> li:nth-child(1)::after {
	border-left-color: #106CD2;
}
.page-id-321 .contact_flow_ul li:nth-child(2),
.page-id-316 .contact_flow_ul li:nth-child(1),
.page-id-151 .contact_flow_ul li:nth-child(2){
	background:#adcded;
}
.page-id-321 .contact_flow_ul> li:nth-child(2)::after,
.page-id-316 .contact_flow_ul> li:nth-child(1)::after,
.page-id-151 .contact_flow_ul> li:nth-child(2)::after {
	border-left-color: #adcded;
}
.page-id-321 .contact_flow_ul li:nth-child(1),
.page-id-316 .contact_flow_ul li:last-child,
.page-id-151 .contact_flow_ul li:last-child{
	background:#dde6f0;
}
.page-id-321 .contact_flow_ul> li:nth-child(1)::after ,
.page-id-316 .contact_flow_ul> li:last-child::after ,
.page-id-151 .contact_flow_ul> li:last-child::after {
	border-left-color: #dde6f0;
}

/*  お問い合わせフォーム */
.mw_wp_form{
	width: 90%;
	margin: 2.5em auto 0;
}
.mailform-dl{
	width: 100%;
	max-width: 850px;
	margin: 1em auto;
}
.mailform-dl dt,
.mailform-dl dd{
	width: 98%;
	padding: .4em 0;
}
.mailform-dl input[type="text"],
.mailform-dl textarea{
	width: 100%;
	padding: .7em;
}
.mailform-dl dt{
	font-size: .9rem;
}
.mailform-dl dd{
	padding-bottom: 1.3em;
}
.mw_wp_form .attention{
	color: #C7222F;
}
.submit-button .g-recaptcha {
    margin-bottom: 2.7em;
}
.mw_wp_form .submit-button input:hover{
	cursor:pointer;
}
.mw_wp_form .submit-button{
	margin-bottom: 2.5em;
}
.mailform-dl dd .pp {
    padding-top: .5em;
    font-size: .8rem;
    display: block;
    line-height: 1.5;
}
.mailform-dl dd .pp a {
    color: #333;
	text-decoration: underline;
}
.mailform-dl dd .pp a:hover {
    color: #777;
}
/*お問い合わせボタン*/
.mw_wp_form .submit-button input{
	text-align: center;
	color: #FFF;
	display: block;
	font-size: .9rem;
	font-weight: bold;
	line-height: 42px;
	letter-spacing: .1em;
	width: 230px;
	background: #106CD2;
	margin: 0 auto 2em;
}
.mw_wp_form .submit-button input:hover{
	background: #00008b;
		-moz-transition: color 0.3s,background-color 0.3s;
	-ms-transition: color 0.3s,background-color 0.3s;
	-o-transition: color 0.3s,background-color 0.3s;
	-webkit-transition: color 0.3s,background-color 0.3s;
	transition: color 0.3s,background-color 0.3s;
}
 
@media only screen and (min-width: 960px) {
	.mailform-dl{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 3em auto 0em;
		justify-content: space-between;
		align-items: center;
	}
	.mailform-dl dt{
		width: 30%;
	}
	.mailform-dl dd{
		width: 70%;
	}
	.mailform-dl dt,
	.mailform-dl dd{
		padding: .4em 0;
		margin-bottom: 2em;
	}
	.submit-button .g-recaptcha {
		margin-bottom: 3.5em;
	}
	.mw_wp_form{
	width: 100%;
	margin: 4.5em auto 0;
}
}



/* ------------ 404ページ ------------ */
/* ヘッドイメージ */
.error404 .head_img{
	background-image: url("img/06.png"), /* 最前面 */
	url("img/head_img03.jpg");
	background-repeat:
    repeat,
	no-repeat;
	background-position:
    center,
	center;
	background-size: 3px,cover;
}


body.error404 .page-header{
	text-align: center;
	padding: 3em 0 .5em;
}
.error-404 .page-title{
	font-size: 1.55rem;
	letter-spacing: .1em;
	line-height: 1.5;
}
.text404{
	text-align:center;
	padding-top: 2em;
	padding-bottom:3em;
}
.text404 a{
	text-decoration: underline;
}
@media only screen and (min-width: 960px) {
	
	body.error404 .page-header{
		padding: 5em 0 2.5em;
	}
	.error-404 .page-title{
		font-size: 1.8rem;
		line-height: 1.7;
	}
	.error-404 .page-title .page_sub{
		font-size: 1.5rem;
	}
	
}

/* ----------------- 初めての方へページ ----------------- */
/* ヘッドイメージ */
.page-id-147 .head_img,
.page-id-28 .head_img{
	background-image: url("img/06.png"), /* 最前面 */
	url("img/head_img04.jpg");
	background-repeat:
    repeat,
	no-repeat;
	background-position:
    center,
	center;
	background-size: 3px,cover;
}
.logo2_box {
	width:85%;
	max-width:500px;
	margin:1.5em auto .5em;
}
/* サブナビ */
.content_inner.sub_nav_inner{
	    padding: 1.5em 1em 1em;
}
.sub_nav{
	list-style:none;
	padding: 2em 0 0;
	justify-content: center;
	font-size: 95%;
}
.sub_nav li{
	margin: 0 .5em 1em;
}
a.sub_more {
	position: relative;
  display: inline-block;
	-webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 1em;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#106CD2), to(#009efd));
  background-image: -webkit-linear-gradient(left, #106CD2 0%, #009efd 100%);
  background-image: linear-gradient(90deg, #106CD2 0%, #009efd 100%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
a.sub_more:hover {
  -webkit-transform: skew(0);
  transform: skew(0);
  background-image: -webkit-gradient(linear, left top, right top, from(#0655c4), to(#008bfd));
  background-image: -webkit-linear-gradient(left, #0655c4 0%, #008bfd 100%);
  background-image: linear-gradient(90deg, #0655c4 0%, #008bfd 100%);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
}
/* ボートレース のルール */
.beg_text {
    font-size: .85rem;
    line-height: 1.75;
    padding: 2em .3em;
}
.beg_img {
    width: 90%;
    max-width: 450px;
    margin: 2.5em auto 3em;
    display: block;
}
.c_1 {
    color: #FFF;
    padding-left: 2px;
}
.c_2 {
    padding-left: 2px;
}
.c_3 {
    color: #E31E0F;
    padding-left: 2px;
}
.c_4 {
    color: #106CD2;
    padding-left: 2px;
}
.c_5 {
    color: #FFCE00;
    padding-left: 2px;
}
.c_6 {
    color: green;
    padding-left: 2px;
}
/* ボートレースの魅力*/
.bg_c02{
	background-color: #fffaeb;
}
.beginner_box02 {
    margin: 1em auto 0;
}
.beginner_box02 dl{
	width: 75%;
	margin: 2.5em auto;
	padding: 0.5em 2em 1.5em;
    background: #FFF;
    border-top: solid 5px #FFCE00;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.beginner_box02 dt{
    color: #E31E0F;
	text-align: center;
	font-weight: bold;
	padding: 1em 0;
	letter-spacing: .1em;
}
.beginner_box02 dt span {
    font-size: 2rem;
    display: block;
}
.beginner_box02 dd{
	font-size: .85rem;
	line-height: 1.8;
	text-align: justify;
}
/* チケット購入方法*/
.beginner_box03 .flex_box{
	padding: .5em 0 2.2em;
}
.beginner_box03 .flex_box.ticket_last{
	padding: 3em 0 0;
}
.ticket_box_r{
    width: 90%;
    margin: 0 auto;
}
.ticket_dl {
	 max-width: 500px;
    padding-bottom: 1.5em;
    margin: 0 auto;
	line-height: 1.7;
}
.ticket_dl dt{
	font-size: 120%;
    color: #106CD2;
    font-weight: bold;
    padding-bottom: .5em;
}
.ticket_dl ul{
    font-size: 90%;
	list-style-type: decimal;
	padding-left: 1em;
}
.ticket_dl ul li{
	padding-bottom: .5em;
}
.ticket_dl ul li:last-child{
	padding-bottom: 0;
}
.ticket_text {
    font-size: 90%;
	padding:  .7em 1.3em;
	color: #106CD2;
	 max-width: 530px;
   margin: 0 auto;
	line-height: 1.6;
}
.font_red{
	color: #E31E0F;
}
/* よくある質問 */
.qa_div{
	padding: 1.2em 1.5em 1.5em;
	border: solid 1px #106CD2;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	margin:  1.1em auto 1.5em;
	line-height: 1.5;
}
.qa_h3{
	font-size: 110%;
    color: #106CD2;
	border-bottom: 2px dashed #106CD2;
	padding-bottom: 1em;
	margin-bottom:  .8em;
}
.qa_h3:first-letter {
  font-size: 140%;
}
.qa_text:first-letter {
  font-size: 150%;
	color: #E31E0F;
}
.qa_text a {
  text-decoration: underline;
}


@media only screen and (min-width: 960px) {
	/* サブナビ */
	.sub_nav{
	padding: 2em .5em 0 0;
		}
	/* ボートレース のルール */
	.beg_text {
    width: 67%;
    padding-right: 7%;
		}
	.beg_img {
    width: 38%;
    margin: auto;
		}
	/* ボートレースの魅力*/
	.beginner_box02{
		margin: 1em auto 2em;
	}
	#beginner_box02 .flex_box{
		flex-wrap: wrap;		
	}
	.beginner_box02 div {
    max-width: 31.5%;
    margin: 0 .8%;
		}
	.beginner_box02 dl{
		width: 78%;
	}
	.beginner_box02 dt{
		font-size: 1.2rem;
	}
	.beginner_box02 dd{
		font-size: .95rem;
		line-height: 1.9;
	}
	.beginner_box02 div{
		width: 50%;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-direction:normal;
		-moz-box-direction:normal;
		-webkit-box-orient:horizontal;
		-moz-box-orient:horizontal;
		-webkit-flex-direction:row;
		-moz-flex-direction:row;
		flex-direction:row;
	}
	/* チケット購入方法*/
	.beginner_box03 .flex_box {
    padding: 2em 0;
		}
	.beginner_box03 .flex_box img {
    padding: 2em 0;
		}
	.beginner_box03 .beg_img{
		width:100%;
		max-width: 480px;
		margin: auto auto auto 1%;
		}
	.ticket_box_r{
    width:49%;
		margin: auto 0 auto auto;
		}
	.beginner_box03 .flex_box.ticket_last{
	padding: 3em 0 2em;
		}
	
}

/* ----------------- アクセスページ ----------------- */
.page-id-128 .head_img{
background-image: url(img/06.png), /* 最前面 */ url(img/head_img05.jpg);
    background-repeat: repeat, no-repeat;
    background-position: center, center;
    background-size: 3px,cover;
}
.main_text.p_b {
    padding-bottom: 4em;
}
.access_ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
	max-width:900px;
	margin-bottom: 4em;
}
.access_ul::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
}
.access_ul li {
    border: 1px solid #000;
    background: #fff;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	list-style-type: none;
	padding: 0.7em 3%;
    width: 12px;
    line-height: 130%;
	margin-right: auto;
	z-index: 1;
}
.access_ul  li:last-child {
	margin-right: 0;
	background: #106CD2;
	border: 1px solid #106CD2;
	color: #FFF;
}
.sub_title {
    color: #106CD2;
    font-size: 1.1rem;
}
.access_ul li.bts_wake {
    width: 128px;
}
@media only screen and (min-width: 960px) {
	.main_text.p_b {
    padding-bottom: 5em;
}
	.access_ul {
		margin-bottom: 5em;
}
	.access_ul li {
		font-size: 1rem;
		padding: 0.8em 1.2em;
		width: 15px;
		}
	.access_ul li.bts_wake {
    width: 160px;
}
	.sub_title {
    font-size: 1.3rem;
}
	
}

/* 施設内 */
.page-id-24 .head_img,
.page-id-120 .head_img,
.page-id-124 .head_img,
.page-id-583 .head_img,
.page-id-116 .head_img{
background-image: url(img/06.png), /* 最前面 */ url(img/head_img06.jpg);
    background-repeat: repeat, no-repeat;
    background-position: center, center;
    background-size: 3px,cover;}

.vr_thumb_wrap{
	display:flex;
	flex-direction: column;
	align-items: center;
}

.vr_thumb_wrap p {
	padding:10px;
}

.vr_thumb_wrap p img{
	width:100%;
	max-width:530px;
	opacity: 1;
	transition: opacity .6s ease-out;
}

.vr_thumb_wrap p img:hover{
	opacity: .6;
	transition: opacity .6s ease-out;
}
#post-34 h3,
#post-37 h3,
#guide_box05 h3,
#guide_box04 h3,
#vrview h3{
	color:#E31E0F;
	text-align: center;
	padding: 1em 0;
	line-height: 1.3;
}
#post-34 h3  span,
#post-37 h3 span,
#guide_box05 h3 span,
#guide_box04 h3 span,
#vrview h3 span{
	font-size: 2rem;
	display: block;}

.pnlm-container{
	height:100%!important;
}

.vr_exp img{
	max-width:20px;
}

.floormapimg p img{
	width:100%;
}
/* 空間のご案内 */
#post-34 h3,
#guide_box05 h3,
#guide_box04 h3{
	color:#106CD4;
}
.guide_ul {
	list-style-type:none;
	justify-content: center;
}
.guide_ul  li{
	padding-bottom: 1.5em;
}
.guide_ul figure {
  position: relative;
}
.guide_ul figure figcaption {
	text-align: center;
	font-size:80%;
  color: #106CD2;
  position: absolute;
    background: rgba(255,255,255,0.9);
    bottom: 15px;
    left: 33%;
    padding: .6em 1em;
    font-weight: bold;
	justify-content: center;
    display: flex;
    width: 35%;
}
.guide_dl {
    margin: 1.5em auto;
    padding: .8em 1.7em .4em ;
    background: #FFF;
    border-top: solid 5px #FFCE00;
    box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
}
.guide_dl dt {
    color: #106CD2;
    padding: .7em 0 1.3em;
	font-weight: bold;
	font-size: 95%;
}
.guide_dl li{
    list-style-type:none;
	padding-right: 1.2em;
	padding-bottom: 1.2em;
	
}
/* 設備・機能 */
.guide_p {
    color: #106CD2;
    padding:2em .5em 1em;
	font-weight: bold;
}
.guide_p.c_red {
    color: #E31E0F;
    padding: 0 .5em 1em;
}
.main_text.p_t0{
    padding-top: 0;
}
@media only screen and (min-width: 600px) {
	/* 空間のご案内 */
	.guide_ul  li{
	width:47%;
		margin: 0 1.5%;
	}
}

@media only screen and (min-width: 960px) {
	.vr_thumb_wrap{
		flex-direction: row;
	}
	#vrview h3{
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.floormapimg p{
		width:100%;
		margin:0 auto;
		text-align: center;
	}
	
	.floormapimg p img{
		width:100%;
		max-width:960px;
	}
		/* 空間のご案内 */
	.guide_ul  li{
	width:31%;
		margin: 0 1.11%;
		}
	/* 設備・機能 */
	.page-id-34  .guide_ul li,
	#guide_box05 .guide_ul li{
	width:47%;
		}
	#guide_box05 .guide_ul figure figcaption {
    left: 34%;
    width: 26%;
}
}

/* ----------------- イベントページ ----------------- */
.page-id-26 .head_img{
background-image: url(img/06.png), /* 最前面 */ url(img/head_img09.jpg);
    background-repeat: repeat, no-repeat;
    background-position: center, center;
    background-size: 3px,cover;
}
.event_list{
	margin: 1em auto .5em;
}
.event_list div{
	width: 46%;
	margin: 1em auto;
	display:flex；
}
.event_list li{
	padding: 1em;
	text-align: center;
	list-style-type: none;
	background: #fffbeb;
	border: 1px solid #FFCE00;
	transition: 0.7s ;
}
.event_list li:hover{
	border: 1px solid #E31E0F;
}
.event_img_title {
    font-weight: bold;
    font-size: 1rem;
}
.event_list li img{
	padding: .8em 0 .3em;
}
.event_list li time{
	font-size: 75%;
	color: #777;
}
@media only screen and (min-width: 960px) {
	.event_list div{
		width: 30.5%;
		margin: 1.2em auto;
		}
	.event_list li{
	padding: 1.5em;
}
	.event_img_title {
    font-size: 1.2rem;
}
	.event_list li img{
	padding: 1em 0 .5em;
}
}

/* ----------------- キャッシュレスページ ----------------- */
.page-id-1229 .head_img{
background-image: url(img/06.png), /* 最前面 */ url(img/head_img10.jpg);
    background-repeat: repeat, no-repeat;
    background-position: center, center;
    background-size: 3px,cover;
}
.cashless_img {
    width: 95%;
    max-width: 500px;
    margin:-5.5em auto 2.5em;
}
.cashless_dl {
	padding:1.7em 0 2.4em;
}
.cashless_dl dt {
    color: #E31E0F;
    background: #FFF;
    padding: 1em .8em;
    font-weight: bold;
}
.cashless_dl dt span {
	font-size:130%;
}
.cashless_dl dd {
    padding: 1.5em .9em;
    border-left: 1px solid #adcded;
    margin: .8em;
    font-size: .9rem;
    letter-spacing: .05em;
    line-height: 1.9;
    text-align: justify;
}
.cashless_dl ul {
    padding: 0 1.3em;
    list-style-type: decimal;
}
.cashless_dl ul li {
    padding-bottom: .5em;
}
.cashless_dl ul li:last-child {
    padding-bottom: 0;
}
/* パンフレット */
.cashless_ul {
    width: 85%;
    margin: 1.2em auto 0;
    text-align: center;
    list-style-type: none;
}
.cashless_ul li {
    max-width: 500px;
    margin: 0 auto;
	padding-bottom:2.2em;
}
.cashless_ul li:last-child {
	padding-bottom:0;
}
.cashless_ul figcaption{
	font-size:85%;
	padding: .7em;
	font-weight: bold;
	color: #444;
}
/* ポイント付与 */
#cashless_box03 ul.main_text {
    padding: 2em .3em .5em;
}
#cashless_box03 ul.main_text li {
    list-style-type: none;
    position: relative;
    padding-left: 1.1em;
	padding-bottom: .5em;
}
#cashless_box03 ul.main_text li:last-child {
    padding-bottom: 0;
}
#cashless_box03 ul.main_text li:before {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute; 
    left: 0;
    top: 0.6em;
    content: "";
    background: #FFCE00;
}
#cashless_box03 h3.main_title2 {
	margin-top:2.5em ;
}
@media only screen and (min-width: 960px) {
	
	.cashless_dl {
	padding:1.7em 0 4em;
}

	.cashless_dl dd {
    font-size: 1rem;
}
	/* パンフレット */
	.cashless_ul {
    width: 100%;
		margin: 1.5em auto 0;
	}
	.cashless_ul li {
    width: 40%;
		}
	/* ポイント付与 */
	#cashless_box03 .content_inner {
    padding: 4.5em 1em;
}
	#cashless_box03 ul.main_text li:before {
    top: 0.7em;
}
	
}
@media only screen and (min-width: 1200px) {
	
	.cashless_img {
		position: absolute;
		right: 1%;
		margin-top: -7em;
		}
	
}

/* ----------------- 屋外販売所ページ ----------------- */
.page-id-34 .head_img{
background-image: url(img/06.png), /* 最前面 */ url(img/head_img07.jpg);
    background-repeat: repeat, no-repeat;
    background-position: center, center;
    background-size: 3px,cover;
}
/* ----------------- 無料送迎バス ----------------- */
	.page-id-37 .head_img{
background-image: url(img/06.png), /* 最前面 */ url(img/head_img08.jpg);
    background-repeat: repeat, no-repeat;
    background-position: center, center;
    background-size: 3px,cover;
}
.page-id-37 .guide_ul{
		margin: 4em auto 0;
}
.page-id-37 .guide_ul li:first-child{
	padding-bottom: 4.5em;		
}
	
.page-id-37  .guide_ul figure figcaption{
    font-size: 80%;
    color: #FFF;
    background: #E31E0F;
    bottom: initial;
    left: 0;
    top: -35px;
    width: initial;
}
	
ul.access_ul.p_t {
    margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.bus_box {
    max-width: 800px;
    margin: 0 auto;
}
.bus_tb {
    text-align: center;
    width: 90%;
    margin: 1em auto 1.5em;
    border: 1px solid #FFCE0D;
}
.bus_tb th {
    padding: 1.2em;
	font-size:95%;
}
.bus_tb td {
    padding: .9em;
	font-weight: bold;
	font-size:105%;
}
.bus_tb td span {
    font-size:85%;
}
.bus_tb th {
    color: #E31E0F;
    background: #ffdd52;
}
.bus_tb tr:nth-child(odd){
  background-color: #fff7d4;
}

@media only screen and (min-width: 600px) {
	/*  無料送迎バス  */
	.bus_tb {
    width: 45%;
		margin: 1.5em auto 1.5em;
}
		.page-id-37 .guide_ul li {
    width: 45%;
		margin: 0 2.5%;
}
	.page-id-37 .guide_ul li:first-child{
	padding-bottom: 0;		
}

}



.grecaptcha-badge{left:6px!important;width:70px!important;}
.grecaptcha-badge:hover{left:6px!important;width:256px!important;}