@charset "utf-8";
/*====== reset ======*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

div,p,dl,dt,dd,ol,ul,li,
h1,h2,h3,h4,h5,h6,
form,input,button,textarea,table,tr,th,td,
article,aside,header,footer,section,nav{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*====== html.body ======*/
body #onlineshop { font-size: 112.5%; line-height: 150%; color: #000;font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;}
h1, h2, h3, h4, h5, h6 { line-height: 100%;}
#close_container img { width: 100%; vertical-align: bottom;height: auto;}
a { outline: none; position: relative; color: #00f; text-decoration: none;}
p { max-width: 100%; max-height: 100%; font-weight: normal;}
a:link { text-decoration:none; color:#027ABB;}
a:visited { text-decoration:none; color:#027ABB;}
a:active { text-decoration: none; color:#027ABB;}
a:hover {text-decoration:underline; color:#027ABB;}

a.lin:link { text-decoration:underline; color:#027ABB;}
a.lin:visited { text-decoration:underline; color:#027ABB;}
a.lin:active { text-decoration:underline; color:#027ABB;}
a.lin:hover {text-decoration:underline; color:#027ABB;}

body #onlineshop{ }



.title_logo{ width:100%;text-align:center;margin-bottom: 20px;}
.title_logo img{width: 98%; max-width: 630px; height:auto;}
/** 231102 ボタン作成　**/

#onlineshop { 
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding-top:100px;
	padding-bottom:100px;
}
#onlineshop .race-ticket{
	margin:0 auto;
	width: 90%;
	max-width:370px;
  background:#4d4948;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	font:bold 1em normal;
}
#onlineshop .race-ticket a{
display: inline-block;
text-decoration: none;
line-height: 120%;
padding-top:1.6em;
padding-bottom:1.6em;
	color:#fff;
	letter-spacing: 0.2em;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
}


#onlineshop .goods{
	margin:0 auto;
	width: 90%;
	max-width:370px;
  background:#40a39a;
	margin-top:50px;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	box-sizing: border-box;
	font:bold 1em normal;
	line-height: 120%;
}

#onlineshop .goods a{
display: inline-block;
text-decoration: none;
padding-top:1.6em;
padding-bottom:1.6em;
color:#fff;
letter-spacing: 0.2em;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
}

.blockContents {
	padding: 1em;
	max-width: 980px;
}
.block_btn{ padding-top: 40px;}


@media screen and (min-width: 1025px) {
	.textNotice {font-size:1.2em;}
}

@media (max-width: 375px) {

#onlineshop .goods ,#onlineshop .race-ticket {
	width:85%;
	font:bold 1.2em normal;
	letter-spacing: 0.1em;
	margin-top:70px;
	}
}

/* sp - pc
--------------------------------------------------------------------------- */
.u-pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .u-pc {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .u-sp {
    display: none;
  }
}

.u-red {color: #e60020;}
.u-bold {
	font-weight: bold;
}

/* Layout
========================================================*/

.textalignC{ text-align:center;}

.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}

.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}