@charset "utf-8";


/* CSS Document */

/*共通*/
body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica,  sans-serif;
	/*font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;*/
	line-height:1.7em;
	font-size:13px;
	color:#333;
	/*background-color:#000;*/
	background-color:#06306d;
}
.main-img.top{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
}
.main-img img{
	width: 100%;
}
.home{
	background-position:center top;
	background-repeat:no-repeat;
}
.header{
	margin:10px 0 0;
	background:#fff;
	width: 100%;
}
.headbox{
	width: 1100px;
	margin:auto;
}
.headsns{
	padding:22px 0;
	float: right;
}
.headsns ul li{
	float: left;
	margin:0 0 0 15px;
}
.navi{
	border-bottom:3px solid #fff;
	background:url(../images/common/naviback.png) repeat-x left top;
}
.navbox{
	width: 1100px;
	margin:auto;
}
.navi ul li{
	float: left;
}

.footnavi{
	padding:25px 0;
	border-top:2px solid #7a7e84;
	border-bottom:2px solid #fff;
}

#facility .footnavi{
	border-top:none;
}

.footnavi ul{
	width: 1080px;
	margin:auto;
}
.footnavi ul li img{
	width: 100%;
}
.footnavi li,.footnavi li a{
	color:#fff;
	font-weight:bold;
}
.copy{
	padding:25px 0;
	color:#fff;
	text-align:center;
}
.wrap01{
	width: 1100px;
	margin-left:auto;
	margin-right: auto;
}
/*共通ここまで*/

/*トップページ*/
.headline .title01{
	float: left;
	margin:0 20px 0 0;
}
#slider{
	background:url(../images/index/slideback.png) no-repeat left top;
	padding:21px 22px 22px 22px;
	background-size:800px;
}
.headline .title01 h2{
	color:#ffff00;
	font-weight:bold;
	font-size:18px;
	margin-bottom: 12px;
	margin-bottom: 10px;
}
.headline .headinfo{
	float: left;
	color:#fff;
	font-size:16px;
}
/*
.headline{
	animation: animation01 0.5s infinite ease 0.5s both;
	  animation-iteration-count: 1;
}
*/
@keyframes animation01 {
  from {
		transform: translateX(9999px);
			}
	to {
		transform: translateX(0px);
}
}
.today .title02{
	float: left;
	margin:0 20px 0 0;
}
.today .title02 h2{
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
}
.today .subtitle{
	float: left;
	color:#fff;
	font-size:14px;
	line-height: 28px;
	font-weight:bold;
	margin:0 20px 0 0;
}
.today .subinfo{
	float: left;
	color:#fff;
	font-size:12px;
	line-height: 28px;
}

.today .racebox{
	width: 800px;
	border:7px solid #fff;
	background: rgba(255,255,255,0.85);
	padding:15px 15px 20px;
}
.today .racebox .racelist{
	padding:0 15px 10px;
}
.today .racebox .racelist ul li{
	margin:0 75px 5px 0;
	float: left;
}
.today .racebox .racelist ul li:nth-child(3n){
	margin:0 0px 5px 0;
	float: left;
}
.today .racebox .racelist ul li dt{
	float: left;
	width: 120px;

}

.today .racebox .racelist ul li dt a{
	font-size:14px;
	text-decoration:underline;
	color:#003399;
}
.today .racebox .racelist ul li dd{
	text-align:right;
	float: left;
	width: 72px;
}

.today .racebox .racelist ul li dd img{
	margin:0 2px;
}
.today .racebox .racebottom .raceicon{
	padding:8px 12px;
	background: rgba(0,0,0,0.75);
	width: 625px;
	float: left;
}
.today .racebox .racebottom .raceicon ul li{
	float: left;
	margin:0 20px 0 0;
}
.today .racebox .racebottom .raceicon ul li:last-child{
	margin:0 0px 0 0;
}
.today .racebox .racebottom .raceicon ul li dl dt{
	float: left;
}
.today .racebox .racebottom .raceicon ul li dl dt img{
	margin:0 10px 0 0;
}
.today .racebox .racebottom .raceicon ul li dl dd{
	float: left;
	color:#fff;
	padding:0px 0;
	font-size:10px;
}
.today .racebox .racebottom .racelink{
	float: right;
	margin:0 0px 0 0;
}
.newsarea .newstop h2{
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
}
.newsbox{
	width: 800px;
	border:7px solid #fff;
	background: rgba(0,0,0,0.75);
	padding:35px 35px 25px 40px;
	float: left;
	min-height: 245px;
}
.newsbox ul{
	margin:0 0 15px;
	clear: both;
}
.newslist {
    margin: 0 0 10px;
    clear: both;
    border-top: 1px solid #fff;
    padding-top: 10px;
}
.newsbox ul:last-child{
	margin:0 0 0px;
	clear: both;
}
.newsbox ul li.event{
	width: 106px;
	height: 22px;
	float: left;
	margin:0 15px 0 0;
	background:url(../images/index/index_event.png) no-repeat left top;
}
.newsbox ul li.info{
	width: 106px;
	height: 22px;
	float: left;
	margin:0 15px 0 0;
	background:url(../images/index/index_info.png) no-repeat left top;
}
.newsbox ul li.report{
	width: 106px;
	height: 22px;
	float: left;
	margin:0 15px 0 0;
	background:url(../images/index/index_report.png) no-repeat left top;
}
.newsbox ul li:nth-child(2){
	color:#fff;
	float: left;
	font-size:14px;
	margin:0 15px 0 0;
	padding:1px 0;
}

.newsbox ul li:nth-child(3){
	color:#fff;
	float: left;
	font-size:14px;
	margin:0 0px 0 0;
	padding:1px 0;
	width: 490px;
}
.newsbox ul li:nth-child(3) a{
	color:#fff;
}
.newslink{
    margin-top: 10px;
	text-align:right;
}
.newslink a{
	color:#fff;
	text-decoration:none;
}
.newsarea .newspoint{
	float: right;
	text-align:right;
}
.floor .floortop h2{
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
}
.floorbox{
	background: rgba(0,0,0,0.8);
	padding:35px 35px 5px 35px;
}
.floorbox ul li{
	float: left;
	margin:0 28px 25px 0;
}
.floorbox ul li:nth-child(3n){
	float: left;
	margin:0 0px 25px 0;
}

.schedule .schedule-title h2{
	color:#ffffff;
	font-weight:normal;
	float: left;
	font-size:20px;
	margin:0 15px 0 0;
}

.schedule .schedule-title .scheduletex{
	float: left;
	color:#fff;
	font-size:12px;
}
.pdfbtn{
	text-align:right;
	margin-top: 15px;
	margin-bottom: 33px;
}
.pdfbtn2{
	text-align:right;
	margin-top: 15px;
	margin-bottom: 33px;
}
/*news*/
.news{
	background:#000 url(../images/news/newsback.png) no-repeat center top;
}
.newshead h2{
	color:#fff;
	font-size:36px;
}

.pan{
	font-size:10px;
	text-align:right;
	color:#fff;
	margin:0 0 11px;
}
.pan a{
	color:#fff;
}
.pan a:hover{
	text-decoration:none;
	opacity:0.7;
}
.newsfix{
	background:#fff;
	padding:40px 40px;
	border-radius:5px;
	margin:0 0 50px;
}
.newstex{
	width: 510px;
	float: left;
}
.newstex .event{
	width: 169px;
	height: 32px;
	margin:0 0px 10px 0;
	background:url(../images/news/event.png) no-repeat left top;
}
.newstex .info{
	width: 169px;
	height: 32px;
	margin:0 0px 10px 0;
	background:url(../images/news/info.png) no-repeat left top;
}
.newstex .report{
	width: 169px;
	height: 32px;
	margin:0 0px 10px 0;
	background:url(../images/news/report.png) no-repeat left top;
}
.newsimg{
	float: right;
	width: 490px;
}
.newsimg img{
	max-width: 100%;
	margin:0 0 15px;
	display:block;
}
.newswrapin{
	width: 100%;
}
.newsevent{
	width: 165px;
	border:1px solid #fff;
	color:#fff;
	padding:3px 0;
	text-align:center;
	border-radius:2px;
	font-size:14px;
	background:#fdba04;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.4) inset;
	font-weight:bold;
}
.newsinfomation{
	width: 165px;
	border:1px solid #fff;
	color:#fff;
	padding:3px 0;
	text-align:center;
	border-radius:2px;
	font-size:14px;
	background:#009944;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.4) inset;
	font-weight:bold;
}
.newsreport{
	width: 165px;
	border:1px solid #fff;
	color:#fff;
	padding:3px 0;
	text-align:center;
	border-radius:2px;
	font-size:14px;
	background:#00a0e9;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.4) inset;
	font-weight:bold;
}
.newsday{
	font-size:14px;
}
.newstitle{
	font-size:21px;
	font-weight:bold;
	line-height: 35px;
}
.newsabout{
	font-size:16px;
    line-height: 30px;
    word-break: break-all;
}
.newsabout span{
	font-size:12px;
}
/*.pager{
	overflow:hidden;
}*/
.pagenation{
	text-align:center;
	margin:0 0 120px;
}

.pagenation span,.pagenation  a{
	font-size:16px;
	padding:0.6rem 1rem;
}
.pagenation .current{
	background:#fff;
	font-size:16px;
	color:#000;
}
.pagenation a{
	color:#fff;
	text-decoration:none;
}
.pager{
    margin-bottom: 20px;
    text-align:center}



/*.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}*/



/*newsここまで*/

/*member*/
.member{
	background:url(../images/member/member_back.png) no-repeat center top;
}
.membertop h2{
	color:#fff;
	font-size:36px;
}
.memberbox{
	background:#fff;
	border-radius:5px;
	padding:65px 0;
	margin:0 0 90px;
}
.memberwrap{
	width: 960px;
	margin:auto;
}
.memberabouttex{
	float: left;
	width: 475px;
	font-size:16px;
	line-height: 30px;
}
.memberabouttex a{
	color:#0066ff;
	text-decoration:underline;
}
.memberabouttex .pointno{
	font-size:40px;
	color:#ff0000;
}
.memberabouttex .pointtex{
	font-size:20px;
	color:#ff0000;
}
.memberabouttex .membercard{
	width: 500px;
	float: right;
}
.flowtitle{
	font-size:24px;
	border-bottom:5px solid #000;
	padding:0 0 5px;
	font-weight:bold;
}
.flowtex{
	font-size:16px;
	line-height: 30px;
}
.flowtitle{
	font-size:24px;
}
.flowsubtitle{
	font-size:20px;
	font-weight:bold;
}
.flowhome{
	width: 460px;
	float: left;
}
.flowinbox{
	background:#f1ece4;
	padding:35px 35px 60px;
	font-size:16px;
	line-height: 30px;
}
.flowinbox a{
	color:#0066ff;
	text-decoration:underline;
}
.flowinboxtex{
	height: 185px;
}
.flowattention{
	background:#ff0042;
	font-size:16px;
	padding:10px 0 8px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.flowattention2{
	background:#ff9400;
	font-size:16px;
	line-height: 20px;
	padding:15px 5px 12px 26px;
	text-align:left;
	color:#fff;
	font-weight:bold;
}
.flowmini{
	width: 460px;
	float: left;
}
.ruletitle{
	font-size:24px;
	border-bottom:5px solid #000;
	padding:0 0 5px;
	font-weight:bold;
}
.rulebox{
	margin:100px auto 60px;
}
.ruleinbox{
	padding:30px 40px;
	border:1px solid #b5b5b5;
	height: 260px;
	overflow-y: auto;
}
.rulelinkbox{
	background:#f1ece4;
	padding:60px 0px;
	text-align:center;
}
.formimg{
	float: left;
}
.formtitle{
	font-size:24px;
	border-bottom:5px solid #000;
	padding:0 0 5px;
	font-weight:bold;
}
.formbox dl{
	margin:0 0 0px;
	clear: both;
}

.formbox dl dt span{
	color:#ff3333;
}
.formbox dl dd a{
	color:#0066ff;
	text-decoration:underline;
}
.formbox .zip{
	width: 70px;
}
.formbox .tel{
	width: 40px;
}
.formbox .name,.formbox .address,.formbox .email{
	width: 300px;
}
.formbox .password{
	width: 50px;
}
.formbox dl dt{
	float: left;
	width: 25%;
	/*border-bottom:1px solid #b5b5b5;*/
	padding:20px 0 12px;
	display:table-cell;
	vertical-align: middle;
}
.formbox dl dd{
	float: right;
	width: 73%;
	/*border-bottom:1px solid #b5b5b5;*/
	padding:20px 10px 10px;
	display:table-cell;
	vertical-align: middle;
	font-size:14px;
}
.formbox dl.last dt{
	float: left;
	width: 25%;
	/*border-bottom:1px solid #b5b5b5;*/
	padding:30px 0 20px;
	display:table-cell;
	vertical-align: middle;
}
.formbox dl.last dd{
	float: right;
	width: 73%;
	/*border-bottom:1px solid #dadada;*/
	padding:20px 0 10px;
	display:table-cell;
	vertical-align: middle;
}
.formbox input[type="radio"],.formbox input[type="checkbox"]{
	width: 20px;
}
.formbox input[type="text"],.formbox input[type="email"],.formbox input[type="tel"]{
	padding:3px 3px;
	background-color: #f0ece7;
}
.formbox select{
	background-color: #f0ece7;
}
.formbox .submitbox{
	clear: both;
	background:#ede9e5;
	padding:60px 175px;
	text-align:center;
}
.formbox .submitbox ul{
	width: 600px;
	margin:auto;
}
.formbox .submitbox button{
	background:none;
	border:none;
}
.formbox .submitbox input[type="submit"]{
	background:url(../images/member/button.png) no-repeat center top;
	width: 281px;
	height: 66px;
	text-align:center;
	padding:20px 0;
	font-size:18px;
	border-width:bold;
	color:#fff;
	float: left;
}
.formbox .submitbox input[type="submit"].wpcf7-confirm{
	float: none;
}
.formbox .submitbox input[type="button"]{
	background:url(../images/member/button.png) no-repeat center top;
	width: 281px;
	height: 66px;
	text-align:center;
	padding:20px 0;
	font-size:18px;
	border-width:bold;
	color:#fff;
	float: right;
}
.formbox .submitbox ul li:first-child{
	float: left;
}
.formbox .submitbox ul li:last-child{
	float: right;
}
.formbox .submitbox2{
	clear: both;
	background:#ede9e5;
	padding:60px 0;
	text-align:center;
}
.formbox .submitbox2 ul{
	margin:auto;
}
.formbox .submitbox2 button{
	background:none;
	border:none;
}
.attention a{
	color:#0066ff;
	text-decoration:underline;
}
.attention span{
	color:#ff3333;
}
.thanksbox{
	width: 630px;
	margin:auto;
	padding:60px 0;
}
.thanksmain{
	font-size:24px;
	line-height: 50px;
}
/*memberここまで*/

/*facility*/
.facility .facilitywrap{
	background:#fff;
	border-radius:5px;
	margin:0 0 90px;
}
.facility .tabbox{
	padding:40px 36px 50px 36px;
}
.content_wrap.default{
	border:none;
	padding:0;
	background:none;
}
/*.content_wrap {
  clear: both;
  background:#fff;
  padding:20px;
  width:860px;
  position:relative;
  z-index:12;
}*/
.content_wrap .navi{
	width:222px;
	height:601px;
	overflow:scroll;
	float:left;
	margin-left:7px;
	margin-top:10px;
}
.content_wrap .navi li{
	height:43px;
}
.disnon {
    display: none;
}
.tablist{
	width: 272px;
	float: left;
}
#tab li {
  list-style: none;
  cursor: pointer;
  height:70px;
  position:relative;
}

.tablist .rf{
  background:url(../images/facility/button_rf.png) no-repeat;
  width:272px;
  z-index:10;
  height: 70px;
  margin-bottom: 4px;
  opacity:0.5;
}
.tablist .bf{
  background:url(../images/facility/button_b1f.png) no-repeat;
  width:272px;
  z-index:10;
  height: 70px;
  margin-bottom: 4px;
  opacity:0.5;
}
#tab li.tab01{
  background:url(../images/202101/facility/button_5f.png) no-repeat;
  width:272px;
  z-index:10;
  background-size: contain;
}

#tab li.tab02{
  background:url(../images/202101/facility/button_4f.png) no-repeat;
  width:272px;
  z-index:9;
  background-size: contain;
}

#tab li.tab03{
  background:url(../images/202101/facility/button_3f.png) no-repeat;
  width:272px;
  z-index:8;
  background-size: contain;
}

#tab li.tab04{
  background:url(../images/202101/facility/button_2f.png) no-repeat;
  width:272px;
  z-index:7;
  background-size: contain;
}

#tab li.tab05{
  background:url(../images/202101/facility/button_1f.png) no-repeat;
  width:272px;
  z-index:6;
  background-size: contain;
  height: 70px;
}

#tab li:hover{
 opacity: 0.5;
  }


.page-id-12 .content_wrap{
	float: right;
	width: 755px;
}
.tab01f{
	background:url(../images/202105/facility/1f_back.png) no-repeat left top;
	padding:24px 44px 44px 73px;
}
.tab02f{
	background:url(../images/facility/5f_back.png) no-repeat left top;
	padding:24px 44px 44px 73px;
}
.tab03f{
	background:url(../images/facility/4f_back.png) no-repeat left top;
	padding:24px 44px 44px 73px;
}
.tab04f{
	background:url(../images/facility/3f_back.png) no-repeat left top;
	padding:24px 44px 44px 73px;
}
.tab05f{
	background:url(../images/facility/2f_back.png) no-repeat left top;
	padding:24px 44px 44px 73px;
}
.content_wrap .timetex{
	text-align:right;
}
.content_wrap .floorabout .flooricon{
	width: 147px;
	float: left;
}
.content_wrap .floorabout .flooricon2{
	width: 192px;
	float: left;
}
.content_wrap .floorabout .flooricon3{
	width: 242px;
	float: left;
}
.content_wrap .floorabout .floortex{
	width: 326px;
	float: right;
}
.content_wrap .floorabout .floortex{
	line-height: 23px;
	font-size:14px;
	color:#fff;
}
.content_wrap .floorabout .floortex .floorin{
	height: 82px;
}
.content_wrap .floorabout .flooricon ul li{
	float: left;
	margin:0 4px 10px 0;
}
.content_wrap .floorabout .flooricon2 ul li{
	float: left;
	margin:0 4px 10px 0;
}
.content_wrap .floorabout .flooricon3 ul li{
	float: left;
	margin:0 4px 10px 0;
}
.floorwrap{
	border-top:10px solid #d2d2d2;
	padding:70px 38px 0px 38px;
}
.floortopinfo{
	width: 188px;
	float: left;
}
.floortoptex{
	padding:17px 0 17px;
	font-size:14px;
	line-height: 21px;
}
.floortopmap{
	width: 800px;
	float: right;
}
.floortime{
	text-align:right;
}
.floorpoint .floorpointtex{
	font-size:14px;
	line-height: 21px;
}
.floorattention{
	padding:17px 17px;
	background:#ff0000;
	color:#fff;
	font-size:14px;
	line-height: 21px;
}
.floorpointlist ul li{
	float: left;
	margin:0 9px 0 0;
}
.floorinbox1{
	margin:33px 0 38px;
}
.floorinbox1 .floorpic{
	width: 325px;
	text-align:center;
	margin:0 24px 0 0;
	float: left;
}
.floorinbox1 .floortitle{
	font-size:14px;
	font-weight:bold;
	margin-top: 15px;
}
.floorinbox1 .floorpiclast{
	margin:0 0px 0 0;
	text-align:center;
	width: 325px;
	float: left;
}
.floorinbox1 .new-tex{
	background: #ff4800;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 9px;
    display: inline-block;
    padding: 8px 12px 6px;
    font-weight: bold;
    letter-spacing: 2px;
}
.floorinbox2{
	padding:50px 38px 48px;
	background:url(../images/facility/floorback.png) repeat left top;
}
.floorinbox2 .floorpic2{
	width: 325px;
	text-align:center;
	margin:0 24px 23px 0;
	float: left;
}
.floorinbox2 .floorpiclast2{
	margin:0 0px 23px 0;
	text-align:center;
	width: 325px;
	float: left;
}
.floorinbox2 .floortitle2{
	font-size:14px;
	margin: 0px auto 0;
	width: 860px;
}
.floorinbox2 .floortitle2 dl dt{
	font-weight:bold;
	float: left;
	margin:0 17px 0 0;
	width: 185px;
}
.floorinbox2 .floortitle2 dl dd{
	width: 655px;
	float: left;
}
.floormapimg{
	text-align:right;
}
/*facilityここまで*/

/*campaign*/
.campaignfix {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    margin: 0 0 50px;
    padding:50px 35px  32px 35px;
}
.campaigntitle{
	font-size:26px;
	font-weight:bold;
}
.campaignsubtitle{
	font-size:14px;
}
.campaignbutton{
	background:#1f2730;
	padding:56px 0 66px;
	text-align:center;
}
/*campaignここまで*/

/*about*/
.aboutbox{
	background:url(../images/about/bg_01.png) no-repeat left top;
	width: 1100px;
	height: 2607px;
	position:relative;
	margin-bottom: 150px;
}
.aboutbox .abouttex{
	font-size:16px;
	line-height: 32px;
}
.aboutbox .aboutpoint1{
	top:50px;
	right:65px;
	width: 490px;
	position:absolute;
}
.aboutbox .aboutpoint2{
	top:590px;
	left:55px;
	width: 495px;
	position:absolute;
}
.aboutbox .aboutpoint3{
	top:1130px;
	right:45px;
	width: 445px;
	position:absolute;
}
.aboutbox .aboutpoint4{
	top:1600px;
	left:55px;
	width: 400px;
	position:absolute;
}
.aboutbox .aboutpoint5{
	top:2255px;
	right:45px;
	width: 445px;
	position:absolute;
}
.aboutbutton{
	margin:0 0 210px;
	background:#1f2730;
	padding:56px 0 68px;
	text-align:center;
}
/*aboutここまで*/

/*access*/
.accessbox{
	background:#fff;
	border-radius:5px;
	padding:0 0 70px 60px;
	margin:0 0 90px;
}
.accesstitle {
    border-bottom: 5px solid #000;
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 5px;
    margin-bottom:25px;
}
.accessbox .accesstexbox{
	width: 465px;
	float: left;
	padding:90px 0 0;
}
.accessbox .accesstex{
	line-height: 26px;
	font-size:16px;
}
.accessbox .accesslist ul li{
	float: left;
	margin:0 8px 0 0;
}
.accessbox .accesspic{
	width: 570px;
	float: right;
}
.accessbox .accesspic .accesspictex{
	font-size:16px;
	margin:15px 50px;
	text-align:right;
}
/*accessここまで*/
div.wpcf7-response-output {
	clear:both;
}
.formbox input[type="text"].wpcf7c-conf, .formbox input[type="email"].wpcf7c-conf, .formbox input[type="tel"].wpcf7c-conf  {
    background-color: #fff!important;
    border: none!important;
    color: black;
}


/*210409*/

.floorimg img{
	width:100%;
}

.top.ex-img {
  margin: 0 auto;
  margin-bottom: 30px;
}
.today .racebox {
  margin: 0 auto;
}
.todaytop {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.aboutbox {
  background: url(../images/about/bg_01.png) no-repeat left top;
}
.member {
  background: url(../images/member/member_back.png) no-repeat center top;
}
.member_ast_txt {
  font-size: 0.7em;
}
.member_campaign_img img {
  width: 70%;
}
.member_campaign_img {
  margin-top: 10px;
  margin-bottom: 15px;
}
.floorimg img {
  width: 100%;
}







/*2104sp用*/
.pc { display: block !important; }
.sp { display: none !important; }

.headline.ClearFix{
    padding-top: 30px;
    margin-bottom: 20px;
}

.newstop.flont{
    margin-bottom: 10px;
    margin-top: 25px;
}

.floortop.flont{
    margin-bottom: 10px;
    margin-top: 25px;
}

.tab_area label img{
width:100%;
}

label.label_navi img{
    width: 100%;
}
/*
.fac .content_wrap{
    float: none;
    width: 755px;
}
*/
.fac .floortopmap {
    width: 1000px;
    float: none;
}

.panel_area.fa .tab05f{
    background: none;
    padding:0;
}

.panel_area.fa .timetex{
    font-size: 23px;
    letter-spacing: -1px;
}

.panel_area.fa .timetex span{
    font-weight: bolder;
    font-size: 35px;
    padding: 0 5px 0 5px;
    font-family: Helvetica, sans-serif;
}

.panel_area.fa .content_wrap {
    float: none;
    width: 1000px;
    margin: 0 auto;
    padding-top: 30px;
}

.panel_area.fa .floormain{
    text-align:center;
 }

 .panel_area.fa .floormain img{
    width: 950px;
 }

 .panel_area.fa .content_wrap .floorabout .flooricon3 {
    width: 450px;

}

.panel_area.fa .floorinbox2 {
    padding: 50px 38px 48px;
    background: url(../images/facility/floorback.png) repeat left top;

}

.border_fa{
    border: 3px solid #3c3c3c;
    margin: 0 20px;
    border-radius: 10px;
}

.panel_area.fa .floorwrap {
    border-top: 0;
    padding: 0px 15px 0px 15px;
}

.panel_area.fa .floorinbox2 {
    padding: 50px 15px 48px;
    background: url(../images/facility/floorback.png) repeat left top;
}

.panel_area.fa .tab_panel {
    padding: 40px 0 100px;
}

.panel_area.fa .floorabout{
    width: 950px;
    margin: 0 auto;
}

.panel_area.fa .floortex {
    width: 930px;
    margin: 0 auto;
}

.panel_area.fa .floormapimg {
    text-align: center;
    margin-bottom:30px;
}

.panel_area.fa .floorattention {
    margin-bottom: 30px;
}

.wrap01.fac .tab_wrap{
    width: 100%;
    margin: 0px auto 80px;
    padding-top: 30px;
}

.floorpoint .floorpointtex p{
   text-align:left;
}

.floortex .floorin p{
    text-align:left;
}

.floortitle.mb_fa{
    margin-bottom:20px;
}

.floorinbox1 .mb_box{
    padding-bottom:30px;
}

@keyframes tabAnim{
    0%{opacity:0;}
    100%{opacity:1;}
  }
  .tab_wrap{width:100%; margin:80px auto; }

  input[type="radio"]{display:none;}
  .tab_area{font-size:0; margin:0 10px;}
  .tab_area label{width:359px; display:inline-block; color:#999; text-align:center; cursor:pointer; transition:ease 0.2s opacity;}
  .tab_area label:hover{opacity:0.5;}
  .tab_panel{width:100%; opacity:0; padding:80px 0; display:none;}
  .tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
  .panel_area{background:#fff;}
  #tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000;}
  #tab1:checked ~ .panel_area #panel1{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
  #tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;}
  #tab2:checked ~ .panel_area #panel2{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
  #tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000;}
  #tab3:checked ~ .panel_area #panel3{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
  #tab4:checked ~ .tab_area .tab4_label{background:#fff; color:#000;}
  #tab4:checked ~ .panel_area #panel4{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
  #tab5:checked ~ .tab_area .tab5_label{background:#fff; color:#000;}
  #tab5:checked ~ .panel_area #panel5{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}


/*facility*/

  .facilitytop {
    margin-bottom: 10px;
    margin-top: 73px;
}

/*
.floortopinfo {
    float: none;
}
*/

.fac .floortopmap {
    width: auto;
}

/*access*/
.accesshead {
    margin-bottom: 10px;
    margin-top: 73px;
}

.ac_box{
    margin-bottom:75px;
}

.accesslist{
    margin-bottom: 25px;
}

#map1{
    width: 985px;
    height: 495px;
}

.mapaccess{
    margin-top: 20px;
}


/*会員登録*/
.flowattention.btm{
    margin-bottom:85px;
}

.flowbox.top{
    margin-top: 8%;
}

.memberflow.top{
    margin-top: 100px;
}

.membertop{
    padding-top: 73px;
    margin-bottom: 10px;
}

/*開催日程*/

.scheduletop {
    margin-bottom: 10px;
    margin-top: 73px;
}


/*ミニボートピア栄とは*/


.contents.about .aboutbox{
    background:#fff;
    position: static;
    height: auto;
}

.contents.about .aboutbox .aboutpoint1{
    position: static;
    width: 450px;
    margin-bottom: 50px;
}

.contents.about .aboutbox .aboutpoint2{
    position: static;
    width: 450px;
    margin-bottom: 50px;
}

.contents.about .aboutbox .aboutpoint3{
    position: static;
    width: 450px;
    margin-bottom: 50px;
}

.contents.about .aboutbox .aboutpoint4{
    position: static;
    width: 450px;
    margin-bottom: 50px;
}

.contents.about .aboutbox .aboutpoint5{
    position: static;
    width: 450px;
}

.aboutbox.container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 55px;
}

.aboutbox.container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 60px;
}

.aboutbox .ttl{
    height: 145px;
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.3;
    color: #2d9adc;
}

.aboutbox .TACenter{
    margin-bottom: 20px;
}

.contents.about .abouthead {
    margin-bottom: 45px;
    margin-top: 73px;
}

.ttl .scale{
    letter-spacing: -5px;
}

.newscategory {
    border-bottom: 1px solid #fff;
}


/*お知らせ*/

.newshead{
    padding-top: 73px;
    margin-bottom: 10px;
}


/*キャンペーン*/


    .contents.cam .campaignhead{
        margin-bottom: 10px;
        margin-top: 73px;
    }

    .campaignbutton.mid {
        margin-bottom:45px;
    }

    .campaignbutton.btm{
        margin-bottom: 50px;
    }

    /*フロントページ*/
    .headline.top{
        width: 900px;
        margin: 0 auto;
        margin-bottom: 20px;
    }



/*210702_facility*/
    .fa_navi_right{
        position: fixed;
        top: 25%;
        right:0;
    }

 .fa_navi_right li img{
    height: 80px;
}

.floormapimg {
    text-align: center;
    margin-top: 30px;
}

/*210908_topvideo*/
.video_box{
    text-align: center;
}

.video_box video {
    max-width: 1100px;
    width: 100%;
}






@media screen and (max-width:599px)  {

    .headbox{
        width: 100%;
        margin:auto;
    }
    .header .headlogo{
        width: 48%;
    }
    .main-img{
        width: 100%;
        background: #fff;
        padding-bottom: 7%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .main-img img{
        padding-bottom: 10px;
        background-color: #06306d;
    }
    /* ============================================================================
       sp_nav
       ========================================================================== */
    #sp_menu{ position:absolute; top:6.5vw; right:1%; display:block; text-align:center;}
    #sp_menu img{  width: 60%;}

    /* sp_nav */
    #sp_nav{display:block;
        position:absolute;
        top:10%;
        width:100%;
        color:#FFF;
        z-index:1000;
        display:block;
    }
    #sp_nav ul{
        width:100%;
        clear:both;
    }

    #sp_nav ul li a{
        color: #000;
        padding: 0;
        /* text-align: left; */
        display: block;
        /* font-size: 110%; */
        /* font-size: 90%; */
        /* line-height: 1.4; */
        width: 100%;
        /* padding-left: 3%; */
    }
    #sp_nav ul li{
        border-right:solid 1px #fff;
    }
    #sp_nav ul li:last-child{
        border-right:none;
    }
    #sp_nav ul li.fade a{ opacity:0.5;pointer-events: none;}
    #sp_nav ul li.all{width:100%;}
    #sp_nav ul li a:hover{ text-decoration:none;}
    .footnavi{
        padding:5% 0 5%;
        border-bottom:1px solid #fff;
    }
    #top .footnavi{
        border-bottom:none;
        padding:0% 0 5%;
    }
    #top .backimg{
        border-bottom:1px solid #fff;
    }
    .footnavi ul{
        width: 90%;
        margin:auto;
    }
    .footnavi ul li:nth-child(odd){
        float: left;
        width: 48.5%;
        margin:0 0px 3%;
    }
    .footnavi ul li:nth-child(even){
        float: right;
        width: 48.5%;
        margin:0 0px 3%;
        text-align:right;
    }
    .footnavi ul li:last-child{
        margin:0 0px 0%;
    }
    .footnavi ul li img{
        width: 100%;
    }
    .footnavi li,.footnavi li a{
        color:#fff!important;
        font-weight:bold;
    }
    .copy{
        padding:3% 0;
        color:#fff;
        text-align:center;
    }
    .wrap01{
        width: 90%;
        margin-left:auto;
        margin-right: auto;
    }
    .wrap01.ex{
        width: 91%;
        margin-left: auto;
        margin-right: auto;
    }
    .android .wrap01.ex{
        width: 94%;
    }
    .wrap02{
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }
    .page-id-12 .wrap01{
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }
    .page-id-42 .wrap01{
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }
    .page-id-44 .wrap01{
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }
    .page-id-46 .wrap01{
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }
    .page-id-48 .wrap01{
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }
    /*トップページ*/
    .headline .title01{
        /*float: left;*/
        margin:0 2% 2% 0;
        width: 25%;
    }
    .headline .title01 h2{
        line-height: 1.0rem;
    }
    .headline .title01 img{
    }
    /*.bg-box{
        padding-top: 5%;
        padding-bottom: 5%;
        margin-top: 2%;
        background:url(../images/index/bg_sp.jpg) no-repeat left top;
        background-size:100%;
    }*/
    .bg-box .wrap01{
        padding-top: 0vw;
    }
    .top.ex-img img{
        width: 100%;
        margin-bottom: 3%;
    }
    .headline .headinfo{
        float: left;
        color:#fff;
        /*width: 74%;*/
        width: 100%;
        padding-top: 1%;
    }
    .headline .headinfo p{
        /*text-shadow:
        rgba(0,0,0,0.8) 2px 0px 2px, rgba(0,0,0,0.8) -2px 0px 2px,
        rgba(0,0,0,0.8) 0px -2px 2px, rgba(0,0,0,0.8) -2px 0px 2px,
        rgba(0,0,0,0.8) 2px 2px 2px, rgba(0,0,0,0.8) -2px 2px 2px,
        rgba(0,0,0,0.8) 2px -2px 2px, rgba(0,0,0,0.8) -2px -2px 2px,
        rgba(0,0,0,0.8) 1px 2px 2px, rgba(0,0,0,0.8) -1px 2px 2px,
        rgba(0,0,0,0.8) 1px -2px 2px, rgba(0,0,0,0.8) -1px -2px 2px,
        rgba(0,0,0,0.8) 2px 1px 2px, rgba(0,0,0,0.8) -2px 1px 2px,
        rgba(0,0,0,0.8) 2px -1px 2px, rgba(0,0,0,0.8) -2px -1px 2px,
        rgba(0,0,0,0.8) 1px 1px 2px, rgba(0,0,0,0.8) -1px 1px 2px,
        rgba(0,0,0,0.8) 1px -1px 2px, rgba(0,0,0,0.8) -1px -1px 2px;*/
        /*text-shadow:
        rgba(0,0,0,0.8) 1.5px 0px 1.5px, rgba(0,0,0,0.8) -1.5px 0px 1.5px,
        rgba(0,0,0,0.8) 0px -1.5px 1.5px, rgba(0,0,0,0.8) -1.5px 0px 1.5px,
        rgba(0,0,0,0.8) 1.5px 1.5px 1.5px, rgba(0,0,0,0.8) -1.5px 1.5px 1.5px,
        rgba(0,0,0,0.8) 1.5px -1.5px 1.5px, rgba(0,0,0,0.8) -1.5px -1.5px 1.5px,
        rgba(0,0,0,0.8) 1px 1.5px 1.5px, rgba(0,0,0,0.8) -1px 1.5px 1.5px,
        rgba(0,0,0,0.8) 1px -1.5px 1.5px, rgba(0,0,0,0.8) -1px -1.5px 1.5px,
        rgba(0,0,0,0.8) 1.5px 1px 1.5px, rgba(0,0,0,0.8) -1.5px 1px 1.5px,
        rgba(0,0,0,0.8) 1.5px -1px 1.5px, rgba(0,0,0,0.8) -1.5px -1px 1.5px,
        rgba(0,0,0,0.8) 1px 1px 1.5px, rgba(0,0,0,0.8) -1px 1px 1.5px,
        rgba(0,0,0,0.8) 1px -1px 1.5px, rgba(0,0,0,0.8) -1px -1px 1.5px;*/
        /*text-shadow:
        black 2px 0px 2px, black -2px 0px 2px,
        black 0px -2px 2px, black -2px 0px 2px,
        black 2px 2px 2px, black -2px 2px 2px,
        black 2px -2px 2px, black -2px -2px 2px,
        black 1px 2px 2px, black -1px 2px 2px,
        black 1px -2px 2px, black -1px -2px 2px,
        black 2px 1px 2px, black -2px 1px 2px,
        black 2px -1px 2px, black -2px -1px 2px,
        black 1px 1px 2px, black -1px 1px 2px,
        black 1px -1px 2px, black -1px -1px 2px;*/
        font-size:3.58vw;
        line-height: 1.6;
        text-align: justify;
        font-weight: 700;
        -webkit-text-size-adjust:none;
        font-family: 'Noto Sans JP','小塚ゴシック Pro','Kozuka Gothic Pro','AXIS Std', "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica, sans-serif;
        /*font-family: '小塚ゴシック Pro','Kozuka Gothic Pro','AXIS Std', "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica, sans-serif;*/
        /*font-family: 'Noto Sans JP','小塚ゴシック Pro','Kozuka Gothic Pro',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica, sans-serif;*/
    }
    .android .headline .headinfo p{
        /*text-shadow:
        rgba(0,0,0,0.8) 1.5px 0px 1.5px, rgba(0,0,0,0.8) -1.5px 0px 1.5px,
        rgba(0,0,0,0.8) 0px -1.5px 1.5px, rgba(0,0,0,0.8) -1.5px 0px 1.5px,
        rgba(0,0,0,0.8) 1.5px 1.5px 1.5px, rgba(0,0,0,0.8) -1.5px 1.5px 1.5px,
        rgba(0,0,0,0.8) 1.5px -1.5px 1.5px, rgba(0,0,0,0.8) -1.5px -1.5px 1.5px,
        rgba(0,0,0,0.8) 1px 1.5px 1.5px, rgba(0,0,0,0.8) -1px 1.5px 1.5px,
        rgba(0,0,0,0.8) 1px -1.5px 1.5px, rgba(0,0,0,0.8) -1px -1.5px 1.5px,
        rgba(0,0,0,0.8) 1.5px 1px 1.5px, rgba(0,0,0,0.8) -1.5px 1px 1.5px,
        rgba(0,0,0,0.8) 1.5px -1px 1.5px, rgba(0,0,0,0.8) -1.5px -1px 1.5px,
        rgba(0,0,0,0.8) 1px 1px 1.5px, rgba(0,0,0,0.8) -1px 1px 1.5px,
        rgba(0,0,0,0.8) 1px -1px 1.5px, rgba(0,0,0,0.8) -1px -1px 1.5px;*/
    }
    #slider{
        background: none;
        padding: 0;
        background-size: 100%;
    }
    .href{
        border-bottom:1px solid #fff;
    }
    .today .title02{
        float: left;
        margin:0 3% 0 0;
    }
    .today .title02 h2{
        color:#ffffff;
        font-weight:bold;
        font-size:1.4rem;
    }
    .today .subtitle{
        float: left;
        color:#fff;
        font-size:0.7rem;
        line-height: 1.2rem;
        font-weight:bold;
        margin:1% 0px 1% 0;
        border:1px solid #fff;
        border-radius:5px;
        padding:0 2%;
    }
    .today .subinfo{
        float: none;
        color:#fff;
        font-size:0.53rem;
        clear: both;
    }
    #slider{
        margin-bottom: 3%;
    }
    .today .racebox{
        width: 100%;
        border:7px solid #fff;
        background: rgba(255,255,255,0.7);
        padding:4% 4% 4%;
    }
    .today .racebox .racelist{
        padding:0 2% 10px;
    }
    .today .racebox .racelist ul li:nth-child(odd){
        width: 48%;
        float: left;
        margin:0 0 2%;
    }
    .today .racebox .racelist ul li:nth-child(even){
        width: 48%;
        float: right;
        margin:0 0 2%;
    }
    .today .racebox .racelist ul li dt{
        float: left;
        width: 70%;
        text-decoration:underline;
    }

    .today .racebox .racelist ul li dt a{
        font-size:0.7rem;
        text-decoration:underline;
        color:#003399;
    }
    .today .racebox .racelist ul li dd{
        text-align:right;
        float: left;
        width: 30%;
    }

    .today .racebox .racelist ul li dd img{
        margin:0 1%;
        width: 40%;
    }
    .today .racebox .racebottom .raceicon{
        padding:2% 2% 0 2%;
        background: rgba(0,0,0,0.5);
        width: 100%;
    }
    .today .racebox .racebottom .raceicon dt img{
        width: 70%;
    }
    .today .racebox .racebottom .raceicon ul li{
        float: left;
        margin:0 3% 2% 0;
    }
    .today .racebox .racebottom .raceicon ul li:nth-child(3){
        margin:0 0% 2% 0;
    }
    .today .racebox .racebottom .raceicon ul li:nth-child(4){
        clear: both;
    }
    .today .racebox .racebottom .raceicon ul li dl dt{
        float: left;
    }
    .today .racebox .racebottom .raceicon ul li dl dd{
        float: left;
        color:#fff;
        padding:1% 0;
        font-size:0.6rem;
    }
    .today .racelink{
        text-align:center;
    }

    .news .newstop h2{
        color:#ffffff;
        font-weight:bold;
        font-size:1.4rem;
    }
    .newsbox{
        width: 100%;
        padding: 0 0 5%;
        border: 0;
        background: none;
        min-height: auto;
        float: none;
    }
    .newsbox ul{
        margin:0 0 15px;
        clear: both;
    }
    .newsbox ul:last-child{
        margin:0 0 0px;
        clear: both;
    }

    .newsbox ul li:nth-child(2){
        color:#fff;
        float: left;
        font-size:0.9rem;
        margin:0 15px 0 0;
        padding:1px 0;
    }

    .newsbox ul li:nth-child(3){
        color:#fff;
        float: none;
        clear: both;
        font-size:0.9rem;
        margin:0 0px 0 0;
        padding:1px 0;
    }
    .newsbox ul li:nth-child(3) a{
        color:#fff;
    }
    .newsbox ul li.event{
        width: 106px;
        height: 22px;
        float: left;
        margin:0 15px 0 0;
        background:url(../images/index/index_event.png) no-repeat left top;
    }
    .newsbox ul li.info{
        width: 106px;
        height: 22px;
        float: left;
        margin:0 15px 0 0;
        background:url(../images/index/index_info.png) no-repeat left top;
    }
    .newsbox ul li.report{
        width: 106px;
        height: 22px;
        float: left;
        margin:0 15px 0 0;
        background:url(../images/index/index_report.png) no-repeat left top;
    }
    .newslink{
        text-align:right;
    }
    .newslink a{
        color:#fff;
        text-decoration:none;
    }
    .news .newspoint{
        float: left;
        width: 40%;
    }
    .news .pointtex{
        width: 58%;
        float: right;
        color:#fff;
        font-size:0.9rem;
        line-height: 1.3em;
    }
    .news .newslink{
        text-align:center;
    }
    .floor .floortop h2{
        color:#ffffff;
        font-weight:bold;
        font-size:1.6rem;
    }
    .floorbox{
        padding:3% 0 0;
        background: none;
    }
    .floorbox ul li{
        text-align:center;
        margin:0 0 6.5%;
        float: none;
    }
    .floorbox ul li img{
        width: 100%;
    }
    .backimg{
        text-align:center;
    }

    /*schedule*/
    #schedule .contents{
        border-bottom:1px solid #fff;
        padding:0 0 2%;
        margin:0 0 0%;
    }
    .scheduletop h2 {
        color: #ffffff;
        font-size: 1.6rem;
        font-weight: bold;
        padding:7% 0% 4%;
    }
    .scheduletop h2 img{
        width: 25%;
    }
    .tab{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0%;
    }
    .tab ul{
        list-style: none;
    }
    .tab li {
      float: left;
      cursor: pointer;
      width: 50%;
    }

    .tab01{
        background:#007130;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-top:1px solid #fff;
        border-radius:10px 10px 0 0;
        color:#fff;
        text-align:center;
        font-size:1.0rem;
        padding:3% 0;
        font-weight:bold;
    }
    .tab02{
        background:#22ac38;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-top:1px solid #fff;
        border-radius:10px 10px 0 0;
        color:#fff;
        text-align:center;
        font-size:1.0rem;
        padding:3% 0;
        font-weight:bold;

    }
    .month1{
        background:#007130;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        padding:3% 0 0;
        width: 100%;
    }
    .month2{
        background:#22ac38;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        padding:3% 0 0;
        width: 100%;
    }

     .xnoneTab {

     position: relative;


     }

     .xnoneTab div{

     clear: both;

     width: 100%;

     height:100%;

     position: absolute;

     opacity: 0;

     }

     .xnoneTab .active{

     opacity: 1;

      position:relative;

     }

      .xnoneTab2 div{

     clear: both;

     width: 100%;

     height:100%;

     position: absolute;

     opacity: 0;

     }

     .xnoneTab2 .active{

     opacity: 1;

      position:relative;

     }

      .xnoneTab3 div{
    clear: both;

     width: 100%;

     height:100%;

     position: absolute;

     opacity: 0;

     }

     .xnoneTab3 .active{

     opacity: 1;

      position:relative;

     }

     .schedule-mes{
         color:#fff;
     }
     .pdfbtn{
         text-align:center;
         margin:3% 0 7%;
     }

     /*scheduleここまで*/

     /*news*/

     .page-id-14 .wrap01{
         width: 100%;
     }
     .page-id-14 .contents{
        border-bottom:1px solid #fff;
        padding:0 0 2%;
        margin:0 0 0%;
    }
     .newshead h2{
        color:#fff;
        background:#000 url(../images/news/newsback.png) no-repeat center 10%;
        background-size:100%;
        padding:7% 10%;
    }
    .newshead h2 img{
        width: 50%;
    }

    .pan a:hover{
        text-decoration:none;
        opacity:0.7;
    }
    .newsfix{
        background:#fff;
        padding:5% 5% 5%;
        border:1px solid #a0a0a0;
    }
    .newsfix:last-child{
        margin:0 0 6%;
        padding:12% 5% 5%;
    }
    .newstex{
        width: 100%;
    }
    .newsimg{
        float: none;
        width: 100%;
    }
    .newsimg img{
        max-width: 100%;
        margin:0 0 6%;
        display:block;
        height:100%;
    }
    .newsevent{
        width: 40%;
        border:1px solid #fff;
        color:#fff;
        padding:0.5% 0;
        text-align:center;
        border-radius:2px;
        font-size:0.9rem;
        background:#f39800;
        box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.4) inset;
        font-weight:bold;
    }
    .newsinfomation{
        width: 40%;
        border:1px solid #fff;
        color:#fff;
        padding:0.5% 0;
        text-align:center;
        border-radius:2px;
        font-size:0.9rem;
        background:#009944;
        box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.4) inset;
        font-weight:bold;
    }
    .newstex .event{
        width: 169px;
        height: 32px;
        margin:0 0px 10px 0;
        background:url(../images/news/event.png) no-repeat left top;
    }
    .newstex .info{
        width: 169px;
        height: 32px;
        margin:0 0px 10px 0;
        background:url(../images/news/info.png) no-repeat left top;
    }
    .newstex .report{
        width: 169px;
        height: 32px;
        margin:0 0px 10px 0;
        background:url(../images/news/report.png) no-repeat left top;
    }
    .newsreport{
        width: 165px;
        border:1px solid #fff;
        color:#fff;
        padding:0.5% 0;
        text-align:center;
        border-radius:2px;
        font-size:0.9rem;
        background:#00a0e9;
        box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.4) inset;
        font-weight:bold;
    }
    .newsday{
        font-size:1.0rem;
    }
    .newstitle{
        font-size:1.2rem;
        font-weight:bold;
        line-height: 1.4rem;
    }
    .newsabout{
        font-size:0.9rem;
        line-height: 1.4rem;
        margin:0 0 6%;
        word-break: break-all;
    }
    .pagenation{
        text-align:center;
        margin:0 0 3%;
    }

    .pagenation span,.pagenation  a{
        font-size:16px;
        padding:0.6rem 1rem;
    }
    .pagenation .current{
        background:#fff;
        font-size:16px;
        color:#000;
    }
    .pagenation a{
        color:#fff;
        text-decoration:none;
    }
    .pager{
        overflow:hidden;
    }
    .pager ul{
        list-style:none;
        position:relative;
        left:50%;
        float: left;

    }
    .pager ul li{
        position:relative;
        left: -50%;
        float: left;
        margin:0 1px;
    }
    .pager ul li span,.pager ul li a{
        display:block;
        font-size:0.6rem;
        padding:0.1rem 0.6rem;
    }
    .pager ul li span,.pager ul li a:hover{
        background:#fff;
        font-size:0.6rem;
        color:#000;
    }
    .pager ul li a{
        color:#fff;
        text-decoration:none;
    }
    #news .pager{
        margin:0 0 3%;
    }

    /*newsここまで*/

    /*member*/
    .page-id-8 .wrap01{
        width: 100%;
    }
    .page-id-20 .wrap01{
        width: 100%;
    }
    .page-id-8 .contents{
        padding:0 0 2%;
        margin:0 0 0%;
    }
    .page-id-20 .contents{
        padding:0 0 2%;
        margin:0 0 0%;
    }
    .membertop h2{
        color:#fff;
        padding:7% 6%;
        background:#000 none;
        background-size:80%;
        font-size: inherit;
    }
    .membertop h2 img{
        width: 25%;
    }

    .memberbox{
        background:#fff;
        border-radius:5px;
        padding:5% 0;
        margin:0 auto 5%;
    }
    .memberwrap{
        width: 90%;
        margin:auto;
    }
    .memberabouttex{
        float: none;
        width: 100%;
        font-size: 0.9rem;
        line-height: 1.8rem;
        margin-bottom: 20%;
    }
    .memberabouttex a{
        color:#0066ff;
        text-decoration:underline;
    }
    .memberabouttex .pointno{
        font-size:3.2rem;
        color:#ff0000;
    }
    .memberabouttex .pointtex{
        font-size:1.8rem;
        color:#ff0000;
    }
    .membercard{
        width: 100%;
        float: none;
        margin:6% 0;
        text-align:center;
    }
    .memberlink{
        text-align:center;
    }
    .formbox .submitbox input[type="submit"]{
        background:url(../images/member/button.png) no-repeat center top;
        background-size:100%;
        width: 281px;
        height: 66px;
        text-align:center;
        padding:20px 0;
        font-size:18px;
        border-width:bold;
        color:#fff;
        margin:10px auto;
        display:block;
    }
    .formbox .submitbox input[type="button"]{
        background:url(../images/member/button.png) no-repeat center top;
        background-size:100%;
        width: 281px;
        height: 66px;
        text-align:center;
        padding:20px 0;
        font-size:18px;
        border-width:bold;
        color:#fff;
        margin:1% auto 22%;
        display:block;
    }
    .formbox .submitbox2 input[type="submit"]{
        background:url(../images/member/button.png) no-repeat center top;
        background-size:100%;
        width: 281px;
        height: 66px;
        text-align:center;
        padding:20px 0;
        font-size:18px;
        border-width:bold;
        color:#fff;
        margin:10px auto;
    }
    .formbox .submitbox2 input[type="reset"]{
        background:url(../images/member/button.png) no-repeat center top;
        background-size:100%;
        width: 281px;
        height: 66px;
        text-align:center;
        padding:20px 0;
        font-size:18px;
        border-width:bold;
        color:#fff;
        margin:10px auto;
    }
    .flowtitle{
        font-size:1.4rem;
        border-bottom:5px solid #000;
        padding:0 0 2%;
        font-weight:bold;
    }
    .flowtex{
        font-size: 0.9rem;
        line-height: 1.8rem;
    }

    .flowsubtitle{
        font-size:1.4rem;
        font-weight:bold;
    }
    .flowhome{
        width: 100%;
        float: none;
    }
    .flowinbox{
        background:#f1ece4;
        padding:8% 8% 12%;
        font-size: 0.9rem;
        line-height: 1.8rem;
    }
    .flowinbox a{
        color:#0066ff;
        text-decoration:underline;
    }

    .flowattention{
        background:#ff0042;
        font-size: 1rem;
        padding:1% 3%;
        text-align:center;
        color:#fff;
    }
    .flowattention2{
        background:#ff9400;
        font-size: 1rem;
        padding:1% 3%;
        text-align:center;
        color:#fff;
    }
    .flowmini{
        width: 100%;
        float: none;
    }
    .ruletitle{
        font-size:1.4rem;
        border-bottom:5px solid #000;
        padding:0 0 2%;
        font-weight:bold;
    }
    .rulebox{
        margin:10% auto 7%;
    }
    .ruleinbox{
        padding:5% 6%;
        border:1px solid #b5b5b5;
        height: 260px;
        overflow-y: auto;
        font-size: 0.9rem;
        line-height: 1.8rem;
    }
    .rulelinkbox{
        background:#f1ece4;
        padding:10% 8%;
        text-align:center;
    }
    .formimg{
        margin:0 0 3%;
        text-align:center;
    }
    .formtitle{
        font-size:1.4rem;
        border-bottom:5px solid #000;
        padding:0 0 2%;
        font-weight:bold;
    }
    .formbox dl{
        margin:0 0 0px;
        clear: both;
    }

    .formbox dl dt span{
        color:#ff3333;
    }
    .formbox dl dd a{
        color:#0066ff;
        text-decoration:underline;
    }
    .formbox .zip{
        width: 15%;
    }
    .formbox .tel{
        width: 12%!important;
    }
    .formbox .name,.formbox .email{
        width: 100%;
    }
    .formbox .address{
        width: 57%;
    }
    .formbox .password{
        width: 13%;
    }
    .formbox dl dt{
        float: none;
        width: 100%;
        border-bottom:1px solid #b5b5b5;
        padding:2% 0 1%;
    }
    .formbox dl dd{
        float: none;
        width: 100%;
        /*border-bottom:1px solid #dadada;*/
        padding:2% 0 1%;
    }
    .formbox dl.last dt{
        float: none;
        width: 100%;
        border-bottom:1px solid #b5b5b5;
        padding:2% 0 1%;
    }
    .formbox dl.last dd{
        float: none;
        width: 100%;
        /*border-bottom:1px solid #dadada;*/
        padding:2% 0 1%;
    }
    .formbox input[type="radio"],.formbox input[type="checkbox"]{
        width: 20px;
    }
    .formbox input[type="text"],.formbox input[type="email"],.formbox input[type="tel"]{
        padding:1% 1%;
        background-color: #f0ece7;
        width: 100%;

    }
    .formbox select{
        background-color: #f0ece7;
    }
    .formbox .submitbox{
        clear: both;
        background:#ede9e5;
        padding:12% 0 0%;
        text-align:center;
    }
    .formbox .submitbox ul{
        width: 90%;
        margin:auto;
    }
    .formbox .submitbox button{
        background:none;
        border:none;
    }
    .formbox .submitbox ul li:first-child{
        margin:2% 0;
    }
    .formbox .submitbox ul li:last-child{
        margin:2% 0;
    }
    .formbox .submitbox2{
        clear: both;
        background:#ede9e5;
        padding:10% 0;
        text-align:center;
    }
    .formbox .submitbox2 ul{
        width: 90%;
        margin:auto;
    }
    .formbox .submitbox2 button{
        background:none;
        border:none;
    }
    .thanksbox{
        width: 100%;
        margin:auto;
        padding:7% 0;
    }
    .thanksmain{
        font-size:1.4rem;
        line-height: 2.6rem;
    }
    .attention a{
        color:#0066ff;
        text-decoration:underline;
    }
    .attention span{
        color:#ff3333;
    }
    /*memberここまで*/

    /*facility*/
    .facilitywrap{
        background:#fff;
        border-radius:5px;
        padding:10% 0 1%;
    }


    .facilitytop h2 {
        color: #fff;
        padding: 7% 10%;
    }
    .facilitytop h2 img{
        width: 25%;
    }
    .floorwrap{
        border-top:10px solid #d2d2d2;
        padding:7% 5% 0px 5%;
    }
    .floormenu{
        width: 80%;
        margin-left:auto;
        margin-right:auto;
        margin-bottom: 10%;
    }
    .floormenu .menu1 li:first-child{
        width: 49.5%;
        float: left;
    }
    .floormenu .menu1 li:last-child{
        width: 49.5%;
        float: right;
    }
    .floormenu .menu2 li{
        width: 32.6%;
        margin:0 1% 0 0;
        float: left;
    }
    .floormenu .menu2 li:last-child{
        width: 32.6%;
        margin:0 0% 0 0;
        float: left;
    }
    .floortopinfo{
        width: 100%;
        float:none;
    }
    .floortopinfo .floortopimg{
        float: left;
        width: 33%;
        margin-bottom: 30px;
    }
    .floortoptex{
        padding:0% 3% 3%;
        font-size:1.0em;
        line-height: 1.4rem;
        float: right;
        width: 61%;
    }
    .floortoptex span{
        color:#ff0000;
    }
    .floortopmap{
        width: 100%;
    }

    .floorpoint .floorpointtex{
        font-size:1.0rem;
        line-height: 1.8rem;
        margin-bottom: 0.5rem;
    }
    .floorattention{
        padding:17px 17px;
        background:#ff0000;
        color:#fff;
        font-size:1.0rem;
        line-height: 1.8rem;
        margin-bottom: 5%;
    }
    .floorpointlist{
        margin:0 0 5%;
    }
    .floorpointlist ul li{
        margin:0 0 3%;
    }
    .floorinbox1{
        margin:0 0 5%;
    }
    .floorinbox1 .floorpic{
        width: 100%;
        text-align:center;
        margin:0 0px 7%;
    }
    .floorinbox1 .floorpic.ex{
        width: 100%;
        text-align:center;
        margin:9% 0px 20%;
    }
    .floorinbox1 .floortitle{
        font-size:1.0rem;
        font-weight:bold;
        margin-top: 2%;
    }
    .floorinbox1 .new-tex{
        background: #ff4800;
        font-size:1.8rem;
        color:#fff;
        margin-bottom: 3%;
        text-align: center;
        padding-top: 3%;
        padding-bottom: 3%;
        font-weight: bold;
        letter-spacing: 0.3em;
    }
    .floorinbox1 .floorpiclast{
        width: 100%;
        text-align:center;
        margin:0 0px 7%;
    }
    .floorinbox2{
        padding:7% 5% 7%;
        background:url(../images/facility/floorback.png) repeat left top;
    }
    .floorinbox2 .floorsubtitle{
        margin:0 0 5%;
        font-size:1.2rem;
    }
    .floorinbox2 .floorpic2{
        width: 100%;
        text-align:center;
        margin:0 0 8% 0;
    }
    .floorimg img{
        width: 100%;
    }
    .floorinbox2 .floorpiclast2{
        width: 100%;
        text-align:center;
        margin:0 0 8% 0;
    }
    .floorinbox2 .floortitle2{
        font-size:1.0rem;
        margin: 0px auto 0;
        width: 100%;
    }
    .floorinbox2 .floortitle2 dl dt{
        font-weight:bold;
        margin:0 0 3%;
    }
    .floorinbox2 .floortitle2 dl dd{
    }
    .floormapimg{
    }
    .nextlink{
        width: 80%;
        margin:10% auto 8%;
    }
    .popuplink{
        text-align:right;
        margin:5% 0;
    }
    .popuplink img{
        width: 25%;
    }
    /*facilityここまで*/

    /*campaign*/
    .page-id-50 .wrap01{
        width: 100%;
    }
    .campaignhead h2 img{
        width: 75%;
    }
    .campaignhead h2{
        color:#fff;
        padding:10% 6% 5%;
    }
    .campaignfix {
        background: #fff none repeat scroll 0 0;
        padding:10% 5% 10%;
        border-radius: 0;
        margin: 0;
    }
    .campaigntitle{
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1.3rem;
    }
    .campaignsubtitle{
        font-size: 0.9rem;
        line-height: 1.4rem;
    }
    .campaignbutton{
        background:#e5e5e5;
        padding:12% 12% 12%;
        text-align:center;
    }
    /*campaignここまで*/

    /*about*/
    .page-id-4  .wrap01{
        width: 100%;
    }
    .abouttopic{
        padding:0 5%;
    }
    .abouthead h2 img{
        width: 75%;
    }
    .abouthead h2{
        color:#fff;
        padding: 7% 10%;
    }
    .aboutbox{
        padding:12% 0 2%;
        background:#fff;
    }
    .aboutbox .abouttitle{
        width: 80%;
        margin:0 auto 4%;
    }
    .aboutbox .aboutpic{
        width: 80%;
        margin:0 auto 4%;
    }
    .aboutbox .aboutpoint{
        width: 90%;
        margin:0 auto 12%;
    }
    .aboutbox .abouttex{
        font-size: 0.9rem;
        line-height: 1.4rem;
    }
    .abouthead2 h2 img{
        width: 75%;
    }
    .abouthead2 h2{
        color:#fff;
        text-align:center;
        padding:7% 0% 5%;
    }
    .aboutpr1{
        background:url(../images/about/bg_01-1.png) no-repeat left top;
        background-size:100%;
        width: 90%;
        margin:0 auto 3%;
        padding:6% 52% 6% 4%;
        font-weight:bold;
        font-size: 0.8rem;
        line-height: 1.0rem;
    }
    .aboutpr2{
        background:url(../images/about/bg_02.png) no-repeat left top;
        background-size:100%;
        width: 90%;
        margin:0 auto 2%;
        padding:6% 4% 8% 54%;
        font-weight:bold;
        font-size: 0.8rem;
        line-height: 1.0rem;
    }
    .aboutattention{
        color:#fff;
        font-size:0.48rem;
        line-height: 0.65rem;
        padding:0 5%;
        margin-bottom: 5%;
    }
    .aboutpr3{
        background:url(../images/about/bg_03.png) no-repeat left top;
        background-size:100%;
        width: 90%;
        margin:0 auto 3%;
        padding:8% 52% 8% 4%;
        font-weight:bold;
        font-size: 0.8rem;
        line-height: 1.0rem;
    }
    .aboutprtex{
        width: 80%;
        margin:12% auto 8%;
    }
    .aboutbutton{
        background:#1f2730;
        padding:12% 12% 12%;
        text-align:center;
        margin-bottom:0;
    }
    .footnavi{
        border-top:1px solid #fff;
    }
    /*aboutここまで*/

    /*access*/
    .page-id-10 .wrap01{
        width: 100%;
    }
    .accesshead h2 img{
        width: 25%;
    }
    .accesshead h2{
        color:#fff;
        padding:7% 10%;
    }
    .accessbox{
        padding:12% 5% 15%;
        background:#fff;
    margin: 0;

    }
    .accesstitle {
        border-bottom: 5px solid #000;
        font-size: 1.3rem;
        font-weight: bold;
        padding: 0 0 2%;
    }
    .accessbox .accesstex {
        font-size: 0.9rem;
        line-height: 1.8rem;
    }
    .accessbox .accesslist ul li{
        float: left;
        margin:0 3% 0 0;
    }
    .accessbox .accesslist ul li:first-child{
        width: 30%;
    }
    .accessbox .accesslist ul li:last-child{
        width: 43%;
    }
    .mapaccess iframe{
        width: 100%;
        height: 350px;
    }

    .accessbox .accesspic .accesspictex {
        font-size: 0.9rem;
        padding: 0 0 3%;
        text-align: left;
        margin: 0;
        margin-top: 5%;
    }
    .formbox input[type="text"].wpcf7c-conf, .formbox input[type="email"].wpcf7c-conf, .formbox input[type="tel"].wpcf7c-conf  {
        background-color: #fff!important;
        border: none!important;
        color: black;
    }
    /*accessここまで*/


    /*210409*/

    .member_campaign_img {
        margin: 20px 0;
    }

    p.member_ast_txt {
        font-size: 0.8em;
        line-height: 1.8;
    }


    .floormenu .menu1 li:first-child {
        width: 100%;
        float: none;
    }

    .floormenu .menu1 li:last-child {
        width: 100%;
        float: none;
    }

    .floormenu .menu2 li {
        width: 100%;
        float: none;
    }

    .floormenu .menu2 li:last-child {
        width: 100%;
        float: none;
    }

    .floormenu .menu1 .menu_btn{
    margin-bottom:1%;
    }

    .floormenu .menu1 .menu_btn:last-child{
        margin-bottom:0;
        }

    .floorpointlist .left_ttl{
    padding-right:10px;
    width: auto;
    }

    .floorpointlist .rgt_ttl{
        width: auto;
    }

    ul.box_ttl {
        display: flex;
    }




    .pc { display: none !important; }
    .sp { display: block !important; }

    .todaytop {
        width: auto !important;
    }

.headline.ClearFix{
    padding-top: 0;
    margin-bottom: 4%;
}


.today .subinfo {
    line-height: 1.7em;
}

.today .racelink img{
    width:100%;
}

.today .racelink.sp_box{
    margin-top: 5%;
}

.newstop.flont{
    margin-top: 6%;
    margin-bottom: 3%;
}

.newslink.flont{
    text-align: center;
    margin-top: 7%;
}

.newslink img{
    width:100%;
}

.pointbox{
    margin-top: 8%;
    margin-bottom: 7%;
}

.newspoint img{
    width:100%;
}

.news {
    background: none;
}

.floortop.flont{
    margin-top: 10%;
    margin-bottom: 2%;

}

.floorbox ul li:nth-child(3n) {
    float: none;
    margin: 0 0 6.5%;
}

.newsbox ul li:nth-child(3) {
    width: auto;
}

.pagetop {
    bottom: 65px;
    display: none;
    position: fixed;
    right: 10px;
}

.headlogo img{
    width:100%;
}



/*facolity*/

.panel_area.fa .floortex {
    width: auto;
    margin: 0 auto;
}

.panel_area.fa .floorabout {
    width: auto;
    margin: 0 auto;
}

.panel_area.fa .content_wrap {
    width: auto;

}

.floorinbox2 .floortitle2 dl dd {
    width: auto;
    float: none;
}

.floorinbox2 .floortitle2 dl dt {
    font-weight: bold;
    float: none;
    width: auto;
}

.floormapimg img {
    width: 100%;
}

.tab_area label {
    width: 50%;
    margin-bottom: 1%;
}

.facilitytop {
    margin-bottom: 0;
    margin-top: 0;
}

.floorpointlist img {
    max-width: 100%;
}

.floortopinfo .floortopimg img{
    max-width: 100%;
}

.tab_panel p {
    font-size: inherit;
}

.border_fa {
    border: 0;
    margin: 0;
    border-top: 10px solid #d2d2d2;
    border-radius: 0;
}

.nextlink img {
    max-width: 100%;
}

.floormenu img{
    max-width: 100%;
}

.facility .facilitywrap {
    margin: 0;
}

.tab_area {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 10%;
    display: flex;
    flex-wrap: wrap;
}

.tab_area.btm{
    padding-top: 40px;
}

.wrap01.fac .tab_wrap {
    padding-top: 0;
}

.panel_area.fa .content_wrap {
    width: auto;
    padding: 7% 5% 0 5%;
}

.panel_area.fa .floorattention {
    margin-bottom: 5%;
}

.panel_area.fa .floorattention p{
    font-size: 1.0rem;
    text-align:left;
}

.floorpoint .floorpointtex p{
    font-size: 1.0rem;
}

.box_ttl {
    display: flex;
}
/*
.floorpointlist ul li {
    float: none;
}
*/
.panel_area.fa .floorinbox2 {
    padding: 7% 5% 7%;
}

.panel_area.fa .tab_panel {
    padding: 0;
}

.wrap01.fac .tab_wrap {
    margin: 0;
}

.floorinbox2 .floorsubtitle p {
    margin: 0 0 5%;
    font-size: 1.2rem;
    text-align: left;
}

.floortoptex p{
    font-size: 13px;
}

.fac .floortopmap {
    margin-bottom: 0;
}

.floortitle.mb_fa {
    margin-bottom: 0;
}

.floorinbox1 .mb_box{
    padding-bottom:0;
}

.floorinbox1.btm{
    margin: 0;
}


/*access*/
.accesshead {
    margin-bottom:0;
    margin-top: 0;
}

.accessbox img{
    max-width:100%;
}

.accessbox .accesstexbox {
    width: auto;
    float: none;
    padding: 0;
}

.accesstitle {
    margin-bottom:3%;
}

.ac_box{
    margin-bottom: 12%;
}

.accesslist{
    margin-bottom: 5%;
}

.accesstexbox .accesstitle.btm{
    margin-bottom: 3%;
}

.ac_box.sed{
    margin-bottom: 10%;
}

.accessbox .accesspic {
    width: auto;
    float: none;
}

.access_img{
    margin-bottom:10%;
}

#map1{
    width: 100%;
    height: 400px;
}


.mapaccess{
    margin-top:0;
}

.accesspic img{
    width: 100%;
}


/*会員登録*/
.contents.member img{
max-width:100%;
}

.flowattention.btm{
    margin-bottom:10%;
}

.memberflow.top {
    margin-top: 0;
}

.membertop{
    padding-top:0;
    margin-bottom:0;
}

.flowinboxtex {
    height: auto;
}

.wrap01 .member_campaign_img img {
    width: 100%;
}

.pdfbtn img{
    width: 100%;
}


/*開催日程*/

.scheduletop {
    margin-bottom: 0;
    margin-top: 0;
}



/*ミニボートピア栄とは*/
.aboutbox {
    background: url(../images/202101/about/bg_01.png) no-repeat left top;
    width: auto;
}

.aboutbox.container {
    flex-direction: column;
    padding: 60px 60px;
}

.aboutbox .ttl {
    height: auto;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    color: #2d9adc;
    display: inherit;
}

.aboutbox .ttl img{
   width:100%;
}

.aboutbox .aboutpic img{
    width:100%;
}

.contents.about img{
    max-width:100%;
}

.contents.about .aboutbox .aboutpoint1 {
    width: auto;
}

.contents.about .aboutbox .aboutpoint2 {
    width: auto;
}


.contents.about .aboutbox .aboutpoint3{
    width: auto;
}

.contents.about .aboutbox .aboutpoint4{
    width: auto;
}

.contents.about .aboutbox .aboutpoint5{
    width: auto;
}

.aboutbox.container {
    padding: 10% 5%;
}


.contents.about .abouthead {
    margin-bottom: 0;
    margin-top: 5%;
    text-align: center;
}

.aboutbox {
    margin-bottom: 0;
}

.ttl .scale{
    letter-spacing: -2px;
}



/*ページトップ*/

.newsbox .newslist {
    margin: 0 0 5px;
}

.newscategory {
    border-bottom: 1px solid #fff;
}

/*お知らせ*/

.newshead{
    padding-top: 0;
    margin-bottom: 0;
}
.newshead h2 {
    font-size: inherit;
}

.newshead h2 img {
    width: 25%;
}


.wrap02.wrapnews{
    margin: 0 auto;
}

.wrap02.wrapnews .post .newsfix{
    box-sizing:border-box;
}




/*キャンペーン*/

.contents.cam img{
max-width:100%;
}

.contents.cam .campaignhead{
    margin-top: 0;
    margin-bottom: 0;
}

.campaignbutton.mid {
    margin-bottom:0;
}

.campaignbutton.btm{
    margin-bottom:0;
}


 /*フロントページ*/
 .headline.top{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

/*header*/
.header {
    position: fixed;
    border-top: 10px solid #06306d;
    margin-top: 0;
    z-index:99;
    top: 0;
}

#sp_menu {
    top: 3.7vw;
}

#sp_nav {
    top: 100%;
}

#sp_nav ul li img{
    width: 100%;
}


/*各contents*/
.contents {
    margin-top: 26%;
}

.page-id-8 .contents {
    margin-top: 28%;
}

.page-id-14 .contents {
    margin-top: 26%;
}

#sp_nav ul {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;

}





/*facility210702*/

.fa_navi_btm{
    display: flex !important;
    position: fixed;
    bottom: 0;
    width: 100.5%;
    background-color: #fff;
    z-index: 99;
}


.fa_navi_btm li{
    width:100%;
    }

.fa_navi_btm img{
width:100%;
    }

    .fa_btm_box {
        margin-bottom: 10%;
    }

    .anchor{
        display: block;
        padding-top: 70px;
        margin-top: -70px;
    }

    .floortopinfo .floortopimg {
        margin-bottom: 0;
        float: none;
    }

    .floorwrap.first{
        border-top: none;
        padding-top: 0;
    }

    .anchor02{
        display: block;
        padding-top: 80px;
        margin-top: -80px;
    }

    .anchor03{
        display: block;
        padding-top: 130px;
        margin-top: -130px;
    }

    .floor_infobox{
        border: 1px solid #636363;
        margin-top: 10px;
        width: 33%;
        padding: 5px 2px;
        text-align: center;
    }

    .floor_infobox_inner{
        width: 88px;
    margin: 0 auto;
    text-align: right;
    }

    .floortop{
        position: relative;
       height: 450px;
    }

    .floormapimg {
        position: absolute;
        top: 0;
        right: 9%;
        margin-top: 0;
    }

    .floormapimg img {
        width: 230px;
    }

    .floor_txt{
        margin-bottom: 10px;
    }

    .floorpointlist ul .mr_5f{
        margin-right: 3%;
    }

    .price_floor{
        padding: 0 5% 0 5%;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .price_floor .ttl{
        background: url(../images/202105/facility/logomark.jpg) no-repeat;
        background-size: 15px;
        background-position: left 3px;
        padding-left: 22px;
        padding-bottom: 5px;
        color: #13439a;
    }

    .price_floor .txt{

    }

    .price_floor img{
        width: 100%;
        margin-bottom:5px;
    }

    .parking{
        padding: 0 5% 0 5%;
        margin-bottom: 30px;
    font-weight: bold;
    }

    .parking .ttl{
        background: url(../images/202105/facility/logomark.jpg) no-repeat;
        background-size: 15px;
        background-position: left 3px;
        padding-left: 22px;
        padding-bottom: 5px;
        color: #13439a;
    }

   .floortop.flont {
    height: auto;
}

/*facility210818*/
.facility .facilitywrap {
    padding-top: 3%;
}

.facility .parking.btm {
    margin-bottom: 5%;
}

/*facility210830*/
.wrap01.new02{
    width: 100%;
}

/*210908_topvideo*/
.video_box video {
    max-width: 100%;
    padding-bottom: 10px;
    background-color: #06306d;
}


/*220309アクセス*/
.accessbox .accesstex {
    margin-bottom: 10px;
}

.accessbox .map01{
    margin-bottom: 10px;
}

.accessbox .map_txt:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 20px;
    background-image: url(../images/access/220301_img04.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
  }

  .accessbox .map_link a{
    text-decoration:underline;
    color: #0066ff;
}


.accessbox .map_box02 .txt{
    font-size:11px;
    color:purple;
    margin-bottom:20px;
}

.accessbox .map_box02 .map02{
    margin-bottom:10px;
}


.map_link_box{
    margin-bottom:10px;
}

.ac_box.the{
    margin-bottom:0;
}

.accessbox img {
    max-width: 367px;
    width: 100%;
}


 }


  /* 220613追加 */
  .race-content {
      display: flex;
      flex-wrap: wrap;
      padding: 0 3px;
  }

  .race-content-p {
      flex-grow: 1;
  }

  .final-mark {
      width: 22px;
      margin-left: auto;
  }

  .final-mark img {
      width: 100%;
  }

  .rookie .race-content-p {
      color: #000;
  }

  .venus .race-content-p,
  .sg .race-content-p,
  .g2 .race-content-p,
  .double .race-content-p,
  .g3 .race-content-p {
      color: rgb(255, 255, 255);
  }

  .ptn2 .normal .race-content-p {
      color: rgb(255, 255, 255);
  }


  /* 日程確認用 */
.checkrace-nav {
 position: absolute;
 top:4rem;
 left: 50%;
 transform: translateX(-50%);
 z-index:1000;
}
.checkrace-nav div{
    display: flex;
}
.checkrace-nav a{
    background-color: rgb(182, 201, 253);
    margin: 0 .5rem;
    padding: .5rem 1rem;
    border-radius: .2rem;
    text-decoration: none;
}
.checkrace-nav a:hover{
    background-color: rgb(164, 188, 255);
}
.checkrace-nav a.current {
    background-color: rgb(4, 53, 187);
    color: white;
}

.mt-05{
    margin-top: 5rem !important;
}
.testracedayhead{
    display: flex;
    align-items: center;
}
.date-input{
    font-size: 1.5rem;
    display: block;
    margin-left: 1rem;
}