@import url(base.css);
p{
	font-size: 77%;
}
body {
  background-color: #FFFFFF; }

body.modal {
  background-color: #000; }

a:hover {
  opacity: 1; }

@media screen and (min-width: 390px) {
  body {
    font-size: 16px; } }
@media screen and (min-width: 481px) {
  body {
    font-size: 18px; } }
@media screen and (min-width: 640px) {
  body {
    font-size: 20px; } }
table {
    font-size: 2.75vw
}
.img100 {
  width: 100%;
  height: auto; }

.pc {
  display: none !important; }
.sp2 {
  display: none !important; }
.txtC {
	text-align: center;}

#container {
  margin: 0 auto;
  position: relative; }

#contentWrap {
  position: relative;}

.cInner {
  display: block;
  clear: both;
  width: 100%;
  margin: 0 auto;
  position: relative; }
 
p.comment {
	width: 96%;
	margin: 0 2%;}

/*-------------------------------------------------
	++ CONTENTS
-------------------------------------------------*/
h2 {
    width: 100%;
    background-color: #EDEDED;
    border-top: 1px #BABABA solid;
    border-bottom: 1px #BABABA solid;
    text-align: center;
    line-height: 3em;
    font-weight: bold;
    font-size: 3vw;
    margin: 0;
    position: relative;
    }
h2 span {
    font-size: 3.75vw;
    font-weight: normal;}
h2.topttl {
    width: 100%;
    background-color: #363636;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 4vw;
    line-height: 2.5em;
    }
h2.winttl {
    width: 100%;
    background-color: #eb6363;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 4vw;
    line-height: 2.5em;
    border-top: 1px #eb6363 solid;
    border-bottom: 1px #eb6363 solid;
    }

.W250 {
	display: none;}
.W630,
.W630C,
.W350 {
	float: none;
	display: block;
	width: 100%;
	margin-right: 0px;
	vertical-align: top;}

.detailBox,
.detailBox2,
.detailBox_noline,
.detailBox_noline2,
.loginBox {
	}
.detailBoxY {
	background-color: #f5f2e4;}

/* memberbox */
#memberbox {
	display: block;
	margin: 0px;
	padding: 5px 0px;
	background-color:#EFEFEF;
	width:100%;}
#memberbox .fleft {
	float:left;
	width:51%;
	margin: 1%;}
#memberbox .fright {
	float:right;
	width:45%;
	margin: 1%;}
#membername {
	display:inline-block;
	font-size: 3.375vw;
	text-align: left;
	padding: 0px;
	line-height:2em;
	}
.memberBox {
    width: 96%;
    padding: 3% 2%;
    font-size: 3vw;
    border: none;
    text-align: right;
    }

/* a?￣a?aa??a??a??a??a?‰ */
.btn_clipboard {
 position:fixed;
 bottom:10px;
 right:0px;
 z-index:999;}

#clipboard,
#fieldselection {
	padding: 2%;
	display: block;
	border-radius: 5px;
	background-color: #FFFFFF;}

.arrowTop{
	position: absolute;
	top: 8%;
	right: 3%;
	width: 0px;
	border-color: #4c4c4c;
	border-style: solid;
	border-width: 8px;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;}
.arrowUnd{
	position: absolute;
	bottom: 8%;
	right: 3%;
	width: 0px;
	border-color: #4c4c4c;
	border-style: solid;
	border-width: 8px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;}
#clipboard_list {
	display: block;
	margin:0px 0 5px;}
#clipboard_list li {
	padding:10px 0;
	font-size:3.75vw;
	line-height: 1.5em;
	border-bottom:1px #BABABA solid;}
#clipboard_list li:last-child {
	border-bottom: none;}
#clipboard_list li span.race {
	display: inline-block;
	border: 2px #FD0000 solid;
	background-color: #FFE671;
	color: #FD0000;
	font-size: 3.75vw;
	vertical-align: top;
	font-weight: normal;
	margin: 0px;
	text-align: center;
	width: 6em;}
#clipboard_list li span.name {
	display: inline-block;
    font-size: 4.6875vw;
    font-weight: bold;
    line-height: 1.5em;
	vertical-align: top;
	margin: 0;
	padding-bottom: 2%;
	text-align: left;
	width: 100%;}
#clipboard_list li span.day {
	display: inline-block;
    font-size: 4.0625vw;
    font-weight: normal;
    line-height: 1.5em;
	margin-bottom: 2%;
	padding: 0;
	text-align: left;
	width: 25%;}
#clipboard_list li span.place {
	display: inline-block;
    font-size: 4.0625vw;
    font-weight: normal;
    line-height: 1.5em;
	margin-bottom: 2%;
	padding: 0;
	text-align: left;
	width: 53%;}
#clipboard_list li span.other {
	display: inline-block;
    font-size: 4.0625vw;
    font-weight: normal;
    line-height: 1.5em;
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 25%;}
#clipboard_list li span.driveG {
	float: right;
	display: inline-block;
	border: 1px #82af22 solid;
	color: #82af22;
    font-size: 4.375vw;
    font-weight: normal;
    line-height: 1.4em;
	vertical-align: top;
	margin: 0 0 2% 0;
	padding: 0;
	text-align: center;
	width: 4em;}
#clipboard_list li span.driveB {
	float: right;
	display: inline-block;
	border: 1px #37569d solid;
	color: #37569d;
    font-size: 4.375vw;
    font-weight: normal;
    line-height: 1.4em;
	vertical-align: top;
	margin: 0 0 2% 0;
	padding: 0;
	text-align: center;
	width: 4em;}
.close_icon {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 0;}
.close_icon img {
	width: 13%;}
.hit_icon {
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin: 0;}
.hit_icon img {
	width: 100%;}

#clipboard_list .clipboarddetail_list {
	margin:0;
	min-height: 1.5em;}
#clipboard_list .clipboarddetail_list li {
	padding:3px 0px;
	margin-bottom: 0px;
	font-size:4.375vw;
	line-height: 1.5em;
	display: inline-block;
	border: none;
	width: 65%;}
#clipboard_list .clipboarddetail_list li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 32%;
	margin-right: 3%;}

#accordion {
    width:100%;}
#accordion dt {
    cursor:pointer;
    background-image: url(/images/web-yoso-auto/pc/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right bottom;
	padding-top: 0;}
#accordion dd{
    display:none;}
#accordion dt.active{
    background-image: url(/images/web-yoso-auto/pc/icon_minus.png);}
p.comment {
	font-size: 4.375vw;
	margin: 2% 0;}
.btn_clipboardY {
	width: 48%;
	height: 50px;
	float: left;
	background-color:#fcb800;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.6875vw;
	line-height: 1.5em;}
.btn_clipboardY a {
	color: #FFFFFF;
	display: block;
	padding:  10% 25%;}
.btn_clipboardP {
	width: 48%;
	height: 50px;
	float: right;
	background-color:#eb6363;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.375vw;
	line-height: 1.5em;}
.btn_clipboardP a {
	color: #FFFFFF;
	display: block;
	padding:  4% 25%;}

















/* a?¨a??a?≪a??TOPa??a??a?， */
ul.day_menu {
	width:100%;
	margin-bottom:2%;;
	text-align:center;}
ul.day_menu li {
	display:inline-block;
	width:33.1%;
	margin:0px;
	padding: 0px;
	line-height: 3em;
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color:#EDEDED;
	color:#000;
	font-size: 3.3vw;
	}
ul.day_menu li a {
	color:#000;
	display: block;}
ul.day_menu li:last-child {
	border-right: none;}
ul.day_menu li.current {
	background-color: #eb6363;
	color: #FFFFFF;}
ul.day_menu li.current a {
	color: #FFFFFF;
	display: block;}
ul.day_menu li.past {
	display: none;}

h3 {
    text-align: center;
    font-size: 4vw;
    line-height: 1.5em;
    font-weight: bold;
    }

#yoso_list {
	margin:0px 0 5px;
	border-top:1px #BABABA solid;}
#yoso_list li {
	padding:10px 0px 10px 10px;
	background:url(/images/web-yoso-auto/pc/arrowG.gif) no-repeat 98% center;
	border-bottom:1px #BABABA solid;
	font-size:4.375vw;
	line-height: 1.5em;}
#yoso_list li a {
	display: block;}
#yoso_list li span.place {
	float: left;
	display: inline-block;
	font-size: 5vw;
	font-weight: bold;
	width: 4em;}
#yoso_list li span.other {
	display: inline-block;
	font-size: 3.75vw;
	font-weight: normal;
	margin: 0px 2px;
	width: 3em;}
#yoso_list li span.time {
    background-image: url(/images/web-yoso-auto/sp/icon_time.png);
    background-position: left 50%;
    background-repeat: no-repeat;
    background-size: 25%;
    width: 3.2em;
    padding-left: 1.3em;
    color: #FF0000;}

#yoso_list li span.g1,
#yoso_list li span.g2,
#yoso_list li span.g3,
#yoso_list li span.f1,
#yoso_list li span.f2,
#yoso_list li span.gp,
#yoso_list li span.hu2,
#yoso_list li span.sg,
#yoso_list li span.nighter,
#yoso_list li span.girls {
	display: inline-block;
	height: 20px;
	margin-left: 2px;
	vertical-align: middle;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;}
#raceTtl li span.g1,
#raceTtl li span.g2,
#raceTtl li span.g3,
#raceTtl li span.f1,
#raceTtl li span.f2,
#raceTtl li span.gp,
#raceTtl li span.hu2,
#raceTtl li span.sg,
#raceTtl li span.nighter,
#raceTtl li span.girls,
#place_list li span.g1,
#place_list li span.g2,
#place_list li span.g3,
#place_list li span.f1,
#place_list li span.f2,
#place_list li span.gp,
#place_list li span.hu2,
#place_list li span.sg,
#place_list li span.nighter,
#place_list li span.girls,
#yoso_ttl li span.g1,
#yoso_ttl li span.g2,
#yoso_ttl li span.g3,
#yoso_ttl li span.f1,
#yoso_ttl li span.f2,
#yoso_ttl li span.gp,
#yoso_ttl li span.hu2,
#yoso_ttl li span.sg,
#yoso_ttl li span.nighter,
#yoso_ttl li span.girls,
.raceyoso li span.g1,
.raceyoso li span.g2,
.raceyoso li span.g3,
.raceyoso li span.f1,
.raceyoso li span.f2,
.raceyoso li span.gp,
.raceyoso li span.hu2,
.raceyoso li span.sg,
.raceyoso li span.nighter,
.raceyoso li span.girls {
	float: left;
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: top;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 3vw;
	background-position: center;
	}
#clipboard_list li span.g1,
#clipboard_list li span.g2,
#clipboard_list li span.g3,
#clipboard_list li span.f1,
#clipboard_list li span.f2,
#clipboard_list li span.gp,
#clipboard_list li span.sg,
#clipboard_list li span.hu2,
#clipboard_list li span.nighter,
#clipboard_list li span.girls {
	float: right;
	display: inline-block;
	height: 20px;
	margin-left: 2px;
	vertical-align: top;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;}
.g1.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g1.gif);}
.g2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g2.gif);}
.g3.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g3.gif);}
.f1.on {
	background-image:url(/images/web-yoso-auto/pc/ic_f1.gif);}
.f2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_f2.gif);}
.gp.on {
	background-image:url(/images/web-yoso-auto/pc/ic_gp.gif);}
.sg.on {
	background-image:url(/images/web-yoso-auto/pc/ic_sg.gif);}
.hu2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_hu2.gif);}
.nighter.on {
	background-image: url(/images/web-yoso-auto/pc/ic_nighter.gif);}
.nighter.MN.on {
	background-image: url(/images/web-yoso-auto/pc/ic_midnight.gif);}
.nighter.MNG.on {
	background-image: url(/images/web-yoso-auto/pc/ic_morning.gif);}
.girls.on {
	background-image: url(/images/web-yoso-auto/pc/ic_girls.gif);}

#yoso_list .yosodetail_list {
	margin:5px 1em 0px 0;
	min-height: 1.8em;}
#yoso_list .yosodetail_list li {
	padding:0px 0px 2% 0;
	margin-bottom: 0px;
	font-size:3.75vw;
	line-height: 1.5em;
	display: inline-block;
	border: none;
	background-image: none;
	}
#yoso_list .yosodetail_list li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 3em;}
#yoso_list .yosodetail_list li.sale {
	float: right;
	width: 130px;
	padding:0px 5px;
	background-color: #D9D9D9;
	margin: 0px;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	display: inline-block;}
#yoso_list .yosodetail_list li.end {
	float: right;
	width: 130px;
	background-image: url(/images/web-yoso-auto/sp/yoso_end.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
	display: inline-block;}
#yoso_list .yosodetail_list li.accepting {
	float: right;
	width: 130px;
	background-image: url(/images/web-yoso-auto/sp/yoso_accepting.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 87%;
	display: inline-block;}
#yoso_list .yosodetail_list li.before {
	float: right;
	width: 130px;
	background-image: url(/images/web-yoso-auto/sp/yoso_before.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
	display: inline-block;}
#yoso_list .yosodetail_list li.number {
	width: 3em;}

.norikatu_list {
	width: 100%;
	margin:0 auto;}
.norikatu_list li {
	padding:1% 2%;
	font-size:3.75vw;
	line-height: 1.5em;
	background: url(/images/web-yoso-auto/pc/arrowG.gif) no-repeat 98% center;}
.norikatu_list li span.norikatu_icon img {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 13%;
    margin: 0 2% 0 0;}
.norikatu_list li span.norikatu_name {
    font-size: 5vw;
    font-weight: bold;
    line-height: 2.5em;}

.ranking_list {
	width: 100%;
	margin:5% auto 0 auto;
	border-top:1px #BABABA solid;}
.ranking_list li {
	padding:3% 2%;
	border-bottom:1px #BABABA solid;
	font-size: 3.375vw;
	line-height: 1.5em;
	}
.ranking_list li.rank1 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF2D3), color-stop(0.79, #FFF4D9), color-stop(0.51, #FFFAED), color-stop(0.22, #FFF), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: -moz-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: -o-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: -ms-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: linear-gradient(to bottom, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);}
.ranking_list li.rank2 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E2EEF8), color-stop(0.79, #E5F0F9), color-stop(0.51, #F3F8FC), color-stop(0.22, #FFF), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: -moz-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: -o-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: -ms-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: linear-gradient(to bottom, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);}
.ranking_list li.rank3 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FAECE0), color-stop(0.79, #FBEFE5), color-stop(0.51, #FDF8F4), color-stop(0.22, #FFF), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: -moz-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: -o-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: -ms-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: linear-gradient(to bottom, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);}
.ranking_list li span.name {
    font-size: 3vw;
    font-weight: bold;
    line-height: 2.5em;
    }

.norikatu_list li ul.rankingdetail_list,
.ranking_list li ul.rankingdetail_list {
	width: 97%;
	display: block;
	margin:6% 3% 0px 0%;}
.norikatu_list li ul.rankingdetail_list li,
.ranking_list li ul.rankingdetail_list li {
	padding:0px;
	margin-bottom: 5px;
	font-size: 2.75vw;
	line-height: 1.5em;
	display: inline-block;
	border-bottom: none;
	background-image: none;
	}
.norikatu_list li ul.rankingdetail_list li.gray,
.ranking_list li ul.rankingdetail_list li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.orange,
.ranking_list li ul.rankingdetail_list li.orange {
	padding:0px;
	background-color: #DD8F13;
	color: #FFFFFF;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.blue,
.ranking_list li ul.rankingdetail_list li.blue {
	padding:0px;
	background-color: #7089A1;
	color: #FFFFFF;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.red,
.ranking_list li ul.rankingdetail_list li.red {
	padding:0px;
	background-color: #CF4E06;
	color: #FFFFFF;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.title,
.ranking_list li ul.rankingdetail_list li.title {
	width: 6em;}
.norikatu_list li ul.rankingdetail_list li.titleL,
.ranking_list li ul.rankingdetail_list li.titleL {
	width: 7em;}
.norikatu_list li ul.rankingdetail_list li.detail,
.ranking_list li ul.rankingdetail_list li.detail {
    width: 4em;}
.norikatu_list li ul.rankingdetail_list li.detailL,
.ranking_list li ul.rankingdetail_list li.detailL {
    width: 10em;
    }

.rank_other {
	float: left;
	display: inline-block;
	width: 10%;
	margin: 0 2% 0 0;
	background-color: #ffd0d0;
	border-radius: 5px;
	text-align: center;
	color: #FFFFFF;
	font-size: 3.4375vw;
	line-height: 3em;}

.rank_icon {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 10%;
	margin: 0 2% 0 0;}
.name_icon {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 11%;
	margin: 0 2% 0 0;
	}
.yoso_icon {
	float: right;
	display: inline-block;
	vertical-align: top;
	width: 12%;
	margin: 0 0 0 2%;}
.rank_icon img,
.yoso_icon img,
.name_icon img {
	width: 100%;
	/*height:100%;*/
	height:auto;}

.button {
    text-align:center;
    padding:0px;
    color:#fff;
	font-size: 5vw;
	background-color: #FF0054;
	border-radius: 5px;
    width:94%;
	margin: 3% 3%;
	line-height: 2.5em;}
.close {
    background-color: #A3A3A3;}





.u_rank {
	width: 12%;
	height: 1em;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
	font-weight: bold;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	}
.u_rank2 {
	width: 50%;
    height: 1.8em;
    display: inline-block;
    margin:0 5px;
    text-align: center;
    border-radius: 5px;
    vertical-align: bottom;
    font-weight: bold;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;}
.u_rank3 {
	float: left;
	width: 14%;
	height: 1.8em;
	display: inline-block;
	margin:0 5px;
	text-align: center;
	border-radius: 5px;
	vertical-align: bottom;
	font-weight: bold;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	}
.u_rank.C,
.u_rank2.C,
.u_rank3.C {
    background-image: url(/images/web-yoso-auto/sp/rank_c.png);}
.u_rank.B,
.u_rank2.B,
.u_rank3.B {
   background-image: url(/images/web-yoso-auto/pc/rank_b.png);}
.u_rank.A,
.u_rank2.A,
.u_rank3.A {
    background-image: url(/images/web-yoso-auto/pc/rank_a.png);}
.u_rank.S,
.u_rank2.S,
.u_rank3.S {
    background-image: url(/images/web-yoso-auto/pc/rank_s.png);}
.u_rank.SS,
.u_rank2.SS,
.u_rank3.SS {
    background-image: url(/images/web-yoso-auto/pc/rank_ss.png);}
.u_rank.LE,
.u_rank2.LE,
.u_rank3.LE {
    background-image: url(/images/web-yoso-auto/pc/rank_le.png);}
.u_rank.OR,
.u_rank2.OR,
.u_rank3.OR {
    background-image: url(/images/web-yoso-auto/pc/rank_or.png);}


/* a??c，? */
.profile_table {
	vertical-align: top;
	border-top: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	border-left: 1px #BABABA solid;
	margin: 5% 3%;
	padding: 0;
	width: 94%;}
.profile_table th {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color: #FFEBBE;
	padding: 2% 2%;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-size: 3.75vw;}
.profile_table td {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	padding: 2% 2%;
	text-align: right;
	font-size: 3.75vw;}
a.uli_blue {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    color: #074bb5;
    -webkit-text-decoration-skip: none;}

/* c´1a≫?a?3a?!a?3a?? */
#profile_list {
	width: 96%;
	margin:0 2% 2% 2%;}
#profile_list li {
	padding:3% 2%;
	border-bottom:1px #BABABA solid;
	font-size:4.375vw;
	line-height: 1.5em;}
#profile_list li span.name {
    font-size: 3vw;
    font-weight: bold;
    line-height: 1.5em;
    }
#profile_list li p {
	margin-left: 60px;}

/* a??c?\a?‰a?? */
.info_list {
	margin:0px 0 5px;}
.info_list li {
	padding:10px 0px 10px 10px;
	background:url(/images/web-yoso-auto/sp/arrowG.gif) no-repeat 98% center;
	border-bottom:1px #BABABA solid;
	font-size:4.375vw;
	line-height: 1.5em;}
.info_list li p {
    width: 88%;}
.info_list li a {
	display: block;}
.listtxt_new {
    background: url(/images/web-yoso-auto/pc/icon_new.gif) no-repeat scroll 40% center;
    padding: 0px;
    display: block;}

/* a?ca?3a?-a?3a?° */
ul.tabs {
	width:100%;
	margin:0px auto;
	padding: 0px;
	background-color: #EDEDED;}
ul.tabs li {
    float: left;
    list-style-type: none;
    width: 24.8%;
    color: #000;
    font-weight: normal;
    margin-right:0;
    margin-bottom:0px;
    border-right: 1px #ffffff solid;
    background-color: #EDEDED;
    }
ul.tabs li.bottomline {
	border-bottom: 1px #ffffff solid;}
ul.tabs3,
ul.tabs4 {
	width:100%;
	margin:0px auto 2% auto;
	padding: 0px;
	background-color: #EDEDED;}
ul.tabs3 li {
    float: left;
    list-style-type: none;
    width: 24.78%;
    color: #FFFFFF;
	font-weight: normal;
	margin-right:0;
	margin-bottom:0px;
	border-right: 1px #ffffff solid;
	background-color: #EDEDED;}
ul.tabs4 li {
    float: left;
    list-style-type: none;
    width: 33.1%;
    color: #FFFFFF;
	font-weight: normal;
	margin-right:0;
	margin-bottom:0px;
	border-right: 1px #ffffff solid;
	background-color: #EDEDED;}
ul.tabs li:last-child,
ul.tabs3 li:last-child,
ul.tabs4 li:last-child {
	border-right: none;
	}
ul.tabs li a,
ul.tabs3 li a,
ul.tabs4 li a {
	font-size: 3.3125vw;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 0px;
	line-height: 3em;
	text-align: center;
	width: 100%;
	}
ul.tabs li.active a,
ul.tabs3 li.active a,
ul.tabs4 li.active a {
	background-color:#eb6363;
    color: #FFFFFF;
	font-weight: normal;
	display: block;}
ul.tabs3 li.past {
	color:#000000;
	margin:0px;
	padding: 0px;
	background-color:#EDEDED;}
ul.tabs3 li.past a {
		line-height: 4.1em;
	font-size: 80%;
	color: #000000;
	display: block;
	font-weight: normal;}

ul.panels {
	clear:both;
	width:100%;
	margin:0px auto 0px auto;
    padding: 0;
	top:-1px;
	z-index: -1;}
ul.panels > li.panel {
  display: none;}
ul.panels > li.panel.active {
  display: block;}
 
ul.tabs2 {
	width:98%;
	margin:0 auto;
	padding: 0 1%;
	background-color:#eb6363;
	border-bottom: 1px #FFFFFF solid;}
ul.tabs2 li {
    font-size: 3vw;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    width: 32.5%;
    margin: 2% 1% 2% 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #FFFFFF;
    line-height: 2.8em;
    }
ul.tabs2 li a {
	display: block;}
ul.tabs2 li:last-child {
	margin-right: 0;}
ul.tabs2 li.active a {
	display: block;
	background-color: #ffd0d0;
	border-radius: 5px;}

ul.tabs5,
ul.tabs5P {
	width:100%;
	margin:0 auto 2% auto;
	padding: 0;}
ul.tabs5 li {
    font-size: 3vw;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    width: 33.1%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #B3B3B3;
    border-right: 1px #FFFFFF solid;
    line-height: 2.8em;
    }
ul.tabs5P li {
    font-size: 3.75vw;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    width: 33.1%;
	margin: 0;
    display: inline-block;
    vertical-align: middle;
	background-color: #B3B3B3;
	border-top: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	line-height: 2.8em;}
ul.tabs5 li.all.active,
ul.tabs5P li.all.active {
	background-color: #fcb800;}
ul.tabs5 li.green.active,
ul.tabs5P li.green.active {
	background-color: #82af22;}
ul.tabs5 li.blue.active,
ul.tabs5P li.blue.active {
	background-color: #37569d;}
ul.tabs5 li a,
ul.tabs5P li a {
	display: block;
	color: #FFFFFF;}
ul.tabs5 li:last-child,
ul.tabs5P li:last-child {
	border-right: none;}

.check-group-ranking {
	text-align:center;}
.check-group-ranking div{
	width:35%;
	height: 30px;
	display:inline-block;}
.check-group-ranking {
	width: 96%;
	margin: 2% auto 5% auto;
	text-align: center;
	height: 2.5em;
	font-size: 3.75vw;}
.check-group-ranking input{
	display: none;}
.check-group-ranking label{
	cursor: pointer;
	padding: 2% 1%;
	float: left;
	border: solid 1px #aaa;
	margin-left: -1px;
	background: #eee;
	background-image: linear-gradient(top, #F6F6F6, #ccc);
	background-image: -ms-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;}
.check-group-ranking div:first-child label{
	border-right: none;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;}
.check-group-ranking div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;}
.check-group-ranking input:checked+label {
	color: #fff;
	background: #C3C3C3;
	background-image: linear-gradient(top, #FEB127, #FEB127);
	background-image: -ms-linear-gradient(top, #FEB127, #FEB127);
	background-image: -moz-linear-gradient(top, #FEB127, #FEB127);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEB127), to(#FEB127));
	text-shadow: 0px 0px 0px #fff;}
/* a?†a?-a?1a??e?，a??a??a?Re‰2a?’e??a?? */
.check-group-ranking label::-moz-selection,
.check-group-ranking label::selection {
	background: transparent;}
.check-group-ranking div label {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	font-size: 3vw;
	line-height: 2.5em;
	}

div.check-group {
	width: 100%;
	margin: 0px auto 5% auto;
	text-align: center;}
div.check-group2 {
	width: 96%;
	margin: 0px 2%;
	text-align: center;}
div.check-group3 {
	width: 100%;
	margin: 3% auto;
	text-align: center;}
div.check-group input,
div.check-group2 input,
div.check-group3 input {
	display: none;}
div.check-group label,
div.check-group3 label {
	cursor: pointer;
	padding: 2% 1%;
	float: left;
	border: solid 1px #aaa;
	margin-left: -1px;
	background: #eee;
	background-image: linear-gradient(top, #F6F6F6, #ccc);
	background-image: -ms-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;}
div.check-group2 label {
	cursor: pointer;
	padding: 2% 0;
	float: left;
	border: solid 1px #aaa;
	margin-left: -1px;
	background: #eee;
	background-image: linear-gradient(top, #F6F6F6, #ccc);
	background-image: -ms-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;}
div.check-group div:first-child label,
div.check-group2 div:first-child label,
div.check-group3 div:first-child label {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;}
div.check-group div:last-child label,
div.check-group2 div:last-child label,
div.check-group3 div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;}
div.check-group input:checked+label,
div.check-group2 input:checked+label,
div.check-group3 input:checked+label {
	color: #fff;
	background: #C3C3C3;
	background-image: linear-gradient(top, #FEB127, #FEB127);
	background-image: -ms-linear-gradient(top, #FEB127, #FEB127);
	background-image: -moz-linear-gradient(top, #FEB127, #FEB127);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEB127), to(#FEB127));
	text-shadow: 0px 0px 0px #fff;}
/* a?†a?-a?1a??e?，a??a??a?Re‰2a?’e??a?? */
div.check-group label::-moz-selection,
div.check-group label::selection,
div.check-group2 label::-moz-selection,
div.check-group2 label::selection,
div.check-group3 label::-moz-selection,
div.check-group3 label::selection {
	background: transparent;}

.check-group div label {
	width: 22.8%;
	text-align: center;
	margin-bottom: 0;
	font-size: 3.4375vw;
	line-height: 1.3em;}
.check-group.bettype div label {
	width: 11.9%;
	text-align: center;
	margin-top: 2%;
	line-height: 1.8em;
	margin-bottom: 0;
	font-size: 2.4375vw;
	}
.check-group2 div label {
	width: 13.8%;
	text-align: center;
	margin-bottom: 0;
	font-size: 2vw;
	line-height: 1.3em;
	}
.check-group3 div label {
	width: 7.5%;
	text-align: center;
	margin-bottom: 0;
	font-size: 3.4375vw;
	line-height: 1.3em;}
.arrive_txt {
	float: left;
	width: 2em;
	font-size: 4.375vw;
	line-height: 2.5em;
	margin: 0;
	padding: 0;}

.search_past_ranking {
    width: 100%;
    margin: 10px 0;
    text-align: center;}
#search_rank {
    width: 15%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px 1%;
    line-height: 2em;
    display: inline-block;
    vertical-align: top;}
#search_rankG {
    width: 15%;
    background-color: #82af22;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px 1%;
    line-height: 2em;
    display: inline-block;
    vertical-align: top;}
#search_rankB {
    width: 15%;
    background-color: #37569d;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px 1%;
    line-height: 2em;
    display: inline-block;
    vertical-align: top;}

.styled-select2 {
	float: right;
	display: block;
	background-image: url(/images/web-yoso-auto/pc/pulldown_arrow.png);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
	line-height: 1.5em;
   	overflow: hidden;
   	width: 100%;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
	background-color: #BFBFBF;}
.styled-select2 select {
	background: transparent;
   	border: none;
	vertical-align: middle;
	line-height: 2em;
   	padding: 0px 0px 0px 10px; /* If you add too much padding here, the options won't show in IE */
   	width: 100%;
	color: #FFFFFF;
	font-size: 100%;
	-webkit-appearance: none;/* a??a?3a??a??a??a?￢a??a?￡a??a?￣a?1(Google Chromea??Safaric”¨) */
	-moz-appearance: none;	/* a??a?3a??a??a??a?￢a??a?￡a??a?￣a?1(Firefoxc”¨) */
	appearance: none;		/* a¨?ao?a?Ra?1a??a??a?≪a?’c?!a?1a?≪a??a?? */}

.styled-select3 {
	display: inline-block;
	background-image: url(/images/web-yoso-auto/pc/pulldown_arrow.png);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
	line-height: 1.5em;
   	overflow: hidden;
   	width: 25%;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
	background-color: #BFBFBF;}
.txtnengapi {
	font-size: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-right: 20px;
	line-height: 2em;}
.styled-select3 select {
	background: transparent;
   	border: none;
	vertical-align: middle;
	line-height: 2em;
   	padding: 0px 0px 0px 10px; /* If you add too much padding here, the options won't show in IE */
   	width: 100%;
	color: #FFFFFF;
	font-size: 3.75vw;
	-webkit-appearance: none;/* a??a?3a??a??a??a?￢a??a?￡a??a?￣a?1(Google Chromea??Safaric”¨) */
	-moz-appearance: none;	/* a??a?3a??a??a??a?￢a??a?￡a??a?￣a?1(Firefoxc”¨) */
	appearance: none;		/* a¨?ao?a?Ra?1a??a??a?≪a?’c?!a?1a?≪a??a?? */}

.styled-select2 option,
.styled-select3 option {
	background-color: #B3B3B3;} 


.btn_yellowM,
.btn_yellowL {
    clear: both;
    display: block;
    width: 90%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    line-height: 2.8em;
    margin: 5% auto;
    padding: 5px 0px;
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    border: none;
    -webkit-appearance: none;
    }
.btn_yellowM a,
.btn_yellowL a {
	color: #FFFFFF;
	display: block;}

/* race */
.yoso_width,
.yoso_width2 {
    margin: 0px;}
.yoso_width3 {
    margin: 0px 1%;}

.race_table {
	border-top: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	margin: 3% 0;
	width: 100%;}
.race_table th {
	border-bottom: 1px #BABABA solid;
	background-color: #363636;
	padding: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	width: 13%;
	color: #FFFFFF;
	font-size: 2.5vw;
	font-weight: bold;
	}
.race_table td {
	border-bottom: 1px #BABABA solid;
	padding: 0 2%;
	margin: 0px;
	width: 34%;
	vertical-align: top;
	text-align: left;}
.race_table td.btn {
	width: 45%;
	min-height:54px;}
	
.race_table th p.time {
    display: block;
    background-image: url(/images/web-yoso-auto/sp/icon_time.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 40%;
    font-size: 3.75vw;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 43%;}
.place_time {
	width: 100%;
	margin:0px;}
.place_time li {
	text-align: left;
	padding-left:10%;
	width: 37%;
	margin: 0px 0px;
	font-size: 2.5vw;
	line-height: 1.3em;
	display: inline-block;
	}
.place_time li.timeRed {
	background-image: url(/images/web-yoso-auto/sp/icon_time.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 15%;}
.place_time li.timeBlue {
	background-image: url(/images/web-yoso-auto/sp/icon_time2.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 15%;}
.place_time li.red {
	width: 49%;
	background-image: none;
	padding-left:0;
	color: #FF0000;}
.place_time li.blue {
	width: 49%;
	background-image: none;
	padding-left:0;
	color: #0030FF;}
a#back_btn {
    display: block;
}
#raceTtl {
	width: 96%;
	margin:0px 2%;}
#raceTtl li {
	text-align: center;
	font-weight: bold;	
	padding:0px;
	margin: 0px;
	line-height: 1.3em;
	display: inline-block;
	vertical-align: top;}
#raceTtl li.day {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 4vw;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 1%;
	}
#raceTtl li.kaisai_infoL {
	width: 85%;
	margin: 0;}
#raceTtl li.kaisai_infoS {
	width: 73%;
	margin: 2%;
	}
#raceTtl li span.place {
	float: left;
	display: inline-block;
	font-size: 3vw;
	font-weight: bold;
	text-align: left;
	padding-right: 2%;
	line-height: 1em;
	}
#raceTtl li span.program_name {
	display: block;
	text-align: left;
	padding-top: 2%;
	font-size: 3vw;
	font-weight: normal;
	clear: both;
	}
.btnimgL {
	float:left;
	margin: 0px 2% 0px 0 !important;
	width: 7%;
	vertical-align: top;
	}
.btnimgL2 {
    position: absolute;
    top: 9%;
    left: 2%;
    width: 12%;
    vertical-align: middle;}
.btnimgR {
    float: right;
    margin: 0px 0 1% 1% !important;
    width: 7%;
    vertical-align: top;
    }
.btnimgL img,
.btnimgL2 img,
.btnimgR img {
    width: 100%;}

#race_member_btn{
    position: relative;
    display: block;
    height: 6.4vw;
    padding: 0;
    border: 0;
    background-color: #B3B3B3;
    text-align: center;
    }
 #race_member_btn .icon {
	color: #FFF;
	position: absolute;
	margin-left: 20%;
	margin-top: 43%;
	}
#race_member_btn .icon:before {
	content: '';
	position: absolute;
	width: 4vw;
	height: 0.8vw;
	background-color: currentColor;
	}
#race_member_btn .icon:after {
	content: '';
	position: absolute;
	width: 4vw;
	height: 0.8vw;
	background-color: currentColor;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	}
#race_member_btn.active .icon {
	color: #FFF;
	position: absolute;
	margin-top: 44%;
	background-color: currentColor;}
#race_member_btn.active .icon:before {
	-webkit-transform:none;
	background-color: none;}
#race_member_btn.active .icon:after {
	-webkit-transform:none;
	background-color: none;}

.yoso_table {
	border-bottom: 1px #BABABA solid;
	margin: 0px;
	width: 100%;}
.yoso_table th {
	border-top: 1px #BABABA solid;
	background-color: #363636;
	padding: 1% 0;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	width: 12%;
	color: #FFFFFF;
	font-size: 2.75vw;
	font-weight: bold;
	}
.yoso_table td {
	border-top: 1px #BABABA solid;
	padding: 1%;
	margin-left: 0px;
	width: 38%;
	vertical-align: top;
	text-align: left;}
.yoso_table td.btn {
	width: 46%;
	padding: 1%;}
	
.yoso_table .time{
    display: block;
    background-image: url(/images/web-yoso-auto/sp/icon_time.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 25%;
    font-size: 2.75vw;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 30%;
    }

.yoso_detail {
	width: 100%;
	margin:0px;}
.yoso_detail li {
	text-align: left;
	padding:0px;
	margin: 3px 0px;
	font-size: 2.5vw;
	line-height: 1.3em;
	display: inline-block;
	}
.yoso_detail li.ttl {
	font-weight: bold;
	display: block;}
.yoso_detail li.ttl2 {
	font-weight: bold;
	margin-right: 5px;}
.yoso_detail li.gray {
	background-color: #EDEDED;
	border-radius: 5px;
	margin-right: 3px;
	padding: 0px 7px;
	text-align: center;
	display: inline-block;}

.yoso_btn {
	width: 100%;
	margin:0;
	padding: 0;}
.yoso_btn li {
	display: block;
	text-align: center;
	padding: 0px 0px 6px 0px;
	margin: 0;
	vertical-align: top;
	}
.yoso_btn li img {
	width: 40%;
	}
.pink_open {
    width: 49%;
    height: 3.2em;
    float: right;
    margin: 0 0.5%;
    background-color: #eb6363;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-size: 2.75vw;
    line-height: 1.3em;
    }
.pink_open a {
    display: block;
	color: #FFFFFF;
	padding:  20% 0;}
.green_open {
    width: 49%;
    height: 3.2em;
    float: right;
    margin: 0 0.5%;
    background-color:#82af22;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-size: 2.75vw;
    line-height: 1.3em;
    }
.blue_open {
    width: 49%;
    height: 3.2em;
    float: right;
	margin: 0 0.5%;
	background-color:#37569d;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: normal;
    font-size: 2.75vw;
    line-height: 1.3em;}
.green_open a,
.blue_open a {
    display: block;
	color: #FFFFFF;
	padding:  15% 0;}
.gray_close {
    width: 49%;
    height: 3.2em;
    float: right;
    margin: 0 0.5%;
    background-color:#BEBEBE;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-size: 2.75vw;
    line-height: 1.3em;
    }

#yoso_ttl {
	display: block;
	margin:2% 0;
	padding: 0;}
#yoso_ttl li {
	width: 100%;
	padding:10px 0px 10px 0;
	font-size:4.375vw;
	line-height: 1.5em;}
#yoso_ttl li span.place {
	float: left;
	display: inline-block;
	font-size: 5.3125vw;
	font-weight: bold;}
#yoso_ttl li span.day {
	display: inline-block;
	font-size: 3vw;
	font-weight: normal;
	text-align: left;
	width: 50%;
	float: right;
	}
#yoso_ttl li span.grade {
    height: 2em;
    font-size: 3vw;
    background-position: center;
}

.place_table {
	display: block;
	border-top: 1px #BABABA solid;
	margin-bottom: 10px;
	width: 100%;}
.place_table td {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	border-left: 1px #BABABA solid;
	padding: 2% 1%;
	margin: 0px;
	width: 46%;}
.place_table td:nth-child(2n) {
	border-left: none;}
#place_list {
	margin:0;}
#place_list li {
	padding:0px;
	line-height: 1.5em;}
#place_list li span.place {
	float: left;
	text-align: left;
	display: inline-block;
	font-size: 2.75vw;
	font-weight: bold;
	line-height:20px;
	}

.race_detail2 {
    float: left;
    width: 100%;
    margin-top: 5px;}
.race_detail2 li{
	padding: 0px 0px;
	margin-bottom: 0px;
	font-size: 2.75vw;
	line-height: 1.5em;
	display: inline-block;
	border-bottom: none;
	background-image: none;
	border-bottom: none;
	}
.race_detail2 li.gray {
    padding: 0px;
    background-color: #EDEDED;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    width: 2.5em;}
.race_detail2 li.detail {
    width: 3em;}

.place .race_time {
	width: 100%;
	margin:0px;}
.place .race_time li {
	text-align: left;
	width: 99%;
	margin: 0px 0px;
	font-size: 2.75vw;
	line-height: 1.3em;
	display: inline-block;
	}
.place .race_time li .timeRed {
	background-image: url(/images/web-yoso-auto/sp/icon_time.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 16%;
	padding-left: 10%;
	}
.place .race_time li .timeBlue {
	background-image: url(/images/web-yoso-auto/sp/icon_time2.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 16%;
	padding-left: 10%;
	}
.place .race_time li .red {
	background-image: none;
	padding-left:7px;
	color: #FF0000;}
.place .race_time li .blue {
	background-image: none;
	padding-left:7px;
	color: #0030FF;}
.greenL2{
	display: block;
	width: 90%;
	background-color:#4fca00;
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 2.8em;
	margin: 7% auto 0px auto;
	text-align:center;
	font-size: 5.625vw;}
.greenL2 a{
	color:#FFFFFF;
	display:block;}


.scroll-box {
	overflow-x: auto;}
.scroll-box::-webkit-scrollbar {
	height: 5px;}
.scroll-box::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;}
.scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;}

#TrialTable,
.copyTable {
	border: 1px solid #A8A8A8;
	width:1100px;
	font-size:1rem;}
#TrialTable th,
.copyTable th {
	vertical-align:middle;
	text-align:center;
	padding:8px 2px;
	border: 1px solid #a8a8a8;
	background-color: #ffcdcd;}
#TrialTable td,
.copyTable td {
	vertical-align:middle;
	text-align:center;
	padding:8px 2px;
	border: 1px solid #a8a8a8;}
#TrialTable th.name,
#TrialTable td.name,
.copyTable td.name {
	overflow-x:visible;}
#TrialTable td.bikeNo1,
.copyTable td.bikeNo1 {
	background-color:#FFFFFF;}
#TrialTable td.bikeNo2,
.copyTable td.bikeNo2 {
	background-color:#333333;
	color: #FFFFFF;}
#TrialTable td.bikeNo3,
.copyTable td.bikeNo3 {
	background-color:#FE0000;
	color: #FFFFFF;}
#TrialTable td.bikeNo4,
.copyTable td.bikeNo4 {
	background-color:#223DD4;
	color: #FFFFFF;}
#TrialTable td.bikeNo5,
.copyTable td.bikeNo5 {
	background-color:#FFFF0F;}
#TrialTable td.bikeNo6,
.copyTable td.bikeNo6 {
	background-color:#5DC202;}
#TrialTable td.bikeNo7,
.copyTable td.bikeNo7 {
	background-color:#FF9900;}
#TrialTable td.bikeNo8,
.copyTable td.bikeNo8 {
	background-color:#FF9ACC;}
#TrialTable td.bikeNo9,
.copyTable td.bikeNo9 {
	background-color:#9B439A;
	color: #FFFFFF;}

#trialWrap {
	height: 450px;
  	overflow: hidden;
	position: relative;}
.thWrap {
	overflow: hidden;
	position: absolute; left: 0; top: 0;
	z-index: 1;}
.tdWrap {
	overflow: auto;width:100%;
	position: absolute; left: 0; top: 0;}
.tdWrapInner {
	width: 700px;}
.tdWrap .arrow {
	background-color: rgba(0,0,0,.3);
	border-radius: 4px;
	cursor: pointer;
	height: 85%;
	position: absolute; top: 70px;
	width: 20px;
	z-index: 10;}
.tdWrap .arrow:before {
	border: 9px solid transparent;
	content: '';
	display: block;
	height: 0;
	line-height: 0;
	margin-top: -9px;
	position: absolute; left: -9px; top: 50%;
	width: 0;}
.tdWrap .arrow.prev {
	}
.tdWrap .arrow.prev:before {
	border-left: 12px solid transparent;
	border-right: 12px solid #fff;}
.tdWrap .arrow.next {
	right: 0;}
.tdWrap .arrow.next:before {
	border-right: 12px solid transparent;
	border-left: 12px solid #fff;
	left: 5px;}
.copyTable {
	background-color: #fff;
	position: relative;}
.thTable {}

h3.subttl {
    width: 100%;
    border-bottom: 1px #BABABA solid;
    background-color: #FFFFFF;
    border-top: none;
    text-align: center;
    margin: 1em 0 0.5em 0;
    padding: 0px;
    font-size: 3vw;
    line-height: 2em;
    font-weight: bold;
    display: inline-block;
    position: relative;
    }
h3.subttl span {
    float: left;
    width: 30%;
    background-color: #363636;
    text-align: center;
    color: #FFFFFF;
    margin: 0;}
.W350 h3.subttl span {
    float: left;
    width: 40%;}
.W350 h3.subttl span.driveG {
    float: right;
    display: inline-block;
    border: 1px #82af22 solid;
	background-color: #FFFFFF;
    color: #82af22;
    font-size: 3.75vw;
    font-weight: normal;
    line-height: 1.7em;
    margin-right: 2%;
    padding: 0;
    text-align: center;}
.W350 h3.subttl span.driveB {
    float: right;
    display: inline-block;
    border: 1px #37569d solid;
	background-color: #FFFFFF;
    color: #37569d;
    font-size: 3.75vw;
    font-weight: normal;
    line-height: 1.7em;
    margin-right: 2%;
    padding: 0;
    text-align: center;}

.disp_recommend {
	text-align: center;
    width: 98%;
    padding: 1%;}	
.disp_recommend span.bike_no.no1 {
    background-color: #ecebeb;}
.disp_recommend span.bike_no.no2 {
	background-color:#333333;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no3 {
	background-color:#FE0000;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no4 {
	background-color:#223DD4;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no5{
	background-color:#FFFF0F;}
.disp_recommend span.bike_no.no6 {
	background-color:#5DC202;}
.disp_recommend span.bike_no.no7 {
	background-color:#FF9900;}
.disp_recommend span.bike_no.no8 {
	background-color:#FF9ACC;}
.disp_recommend span.bike_no.no9 {
	background-color:#9B439A;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no {
	font-size:3vw;
	width: 1em;}
.disp_recommend span.bike_no {
    text-align: center;
    font-weight: bold;
    border-radius: 1.5em;
    margin: 0px;
    display: inline-block;
    line-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    padding: 0px;
    font-size:3.75vw;
    margin: 0px 1px;}

.searchBox {
	width: 96%;
	display: block;
	margin: 2%;}
.search {
	float: left;
	width: 60%;
	margin-top: 1.5%;}
.search input[type="text"] {
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
    width: 70%;
    border-radius: 5px;
    line-height: 2em;
    font-size: 2.75vw;
    float: left;
    padding: 0px 3px;
    display: inline-block;
    }
.searchimg {
	display: inline-block;
	float:left;
	margin:0 5px;
	width:30px;
	height:30px;}
.searchimg img {
    max-height: 30px;
    max-width: 30px;}
.styled-select {
	float: left;
	display: block;
	background-image: url(/images/web-yoso-auto/pc/pulldown_arrow.png);
	background-position: right 0;
	background-repeat: no-repeat;
	line-height: 2em;
   	overflow: hidden;
   	width: 38%;
	margin-top: 1.5%;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
	background-color: #FFAE00;}
.styled-select select {
	background: transparent;
	border: none;
	vertical-align: middle;
	line-height: 2em;
	padding: 0px 0px 0px 10px; /* If you add too much padding here, the options won't show in IE */
	width: 100%;
	color: #FFFFFF;
	font-size: 100%;
	-webkit-appearance: none;/* a??a?3a??a??a??a?￢a??a?￡a??a?￣a?1(Google Chromea??Safaric”¨) */
	-moz-appearance: none;	/* a??a?3a??a??a??a?￢a??a?￡a??a?￣a?1(Firefoxc”¨) */
	appearance: none;		/* a¨?ao?a?Ra?1a??a??a?≪a?’c?!a?1a?≪a??a?? */}
.styled-select option {
	background-color: #B3B3B3;}

.yosoList {
	margin:5% auto;
	}
.yosoList:nth-child(1){
	border-top:1px #BABABA solid;
}
.yosoList li {
	padding:10px 0px;
	font-size:4.0625vw;
	line-height: 1.5em;
	border-bottom:1px #BABABA solid;}
.yosoList2 {
	margin:0px;}
.yosoList2 li {
	padding:10px 5px;
	font-size:4.0625vw;
	line-height: 1.5em;}
.yosoList .race_name,
.yosoList2 .race_name {
	width: 98%;
	margin:0px 2% 5px;}
.yosoList .race_name li,
.yosoList2 .race_name li {
	padding:0px 0px 0px 5px;
	font-size: 2.75vw;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:none;
	vertical-align: top;
	}
.yosoList .race_name li span.name,
.yosoList2 .race_name li span.name {
	padding:0px;
	font-size: 2.75vw;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 61%;
	}
.yosoList .race_name li span.race ,
.yosoList2 .race_name li span.race {
	float: right;
	display: inline-block;
	border: 2px #FD0000 solid;
	background-color: #FFE671;
	color: #FD0000;
	font-size: 2.75vw;
	vertical-align: top;
	font-weight: bold;
	margin-right: 10px;
	text-align: center;
	width: 6em;
	}
.yosoList .race_name li span.shoubu,
.yosoList2 .race_name li span.shoubu {
    vertical-align: top;
    width: 75px;
    padding: 0px 3px;
    margin: 0px 10px;
    display: inline-block;
    line-height: 1.5em;}
.yosoList .race_name li span.clip,
.yosoList2 .race_name li span.clip {
	float: right;
    vertical-align: top;
    width: 40px;
    padding: 0px;
    margin: 0px 0px;
    display: inline-block;
    line-height: 1.5em;}
.yosoList .race_name li span.ttl,
.yosoList2 .race_name li span.ttl {
	vertical-align: top;
	border: 2px #FD0000 solid;
	background-color:#FFE671;
	font-size:100%;
	color: #FD0000;
	font-weight: bold;
	padding: 0px 3px;
	margin: 0px 10px;
	display: inline-block;
    line-height: 1.5em;}
.yosoList .race_name li span.txt,
.yosoList2 .race_name li span.txt {
	font-size:93%;
	margin: 0px;
    /*line-height: 1.5em;*/
	display: block;
	height: 2.5em;}

.yosoList .race_detail,
.yosoList2 .race_detail {
	width: 80%;
	margin-top:5px;
	display: inline-block;
	margin-left: 7px;
	}
.yosoList .race_detail li,
.yosoList2 .race_detail li {
	padding:0px 0px 7px 0px;
	margin-bottom: 0px;
	font-size: 2.75vw;
	line-height: 1.5em;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;
	}
.yosoList .race_detail li.gray,
.yosoList2 .race_detail li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 5em;}
.yosoList .race_detail li.gray2,
.yosoList2 .race_detail li.gray2 {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 4em;}
.yosoList .race_detail li.detail,
.yosoList2 .race_detail li.detail {
	width: 7em;
	}
.yosoList .race_detail li.detail2,
.yosoList2 .race_detail li.detail2 {
	width: 2.3em;}

.yosoList .race_btn,
.yosoList2 .race_btn {
	width: 94%;
	margin:2% 3% 0 3%;
	display: inline-block;
	text-align: center;}
.yosoList .race_btn li,
.yosoList2 .race_btn li {
	padding:0px;
	margin: 0px;
	vertical-align: top;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;}
.yosoList .race_btn li.pnk,
.yosoList2 .race_btn li.pnk {
	background-color: #eb6363;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	font-size: 3vw;
	line-height: 1.5em;
	padding: 3px 0;
	margin-right: 3%;
	width: 40%;
	}
.yosoList .race_btn li.pnk a,
.yosoList2 .race_btn li.pnk a {
	color: #FFFFFF;
	display: block;}
.yosoList .race_btn li.driveG,
.yosoList2 .race_btn li.driveG {
    border: 1px #82af22 solid;
    color: #82af22;
    font-size: 3vw;
    font-weight: normal;
    text-align: center;
    line-height: 1.5em;
    /*margin-top: 2%;
	padding: 0;*/
    padding: 0.6em 0px;
    width: 40%;
    }
.yosoList .race_btn li.driveB,
.yosoList2 .race_btn li.driveB {
    border: 1px #37569d solid;
    color: #37569d;
    font-size: 3vw;
    font-weight: normal;
    text-align: center;
    line-height: 1.5em;
    width: 40%;
    /*margin-top: 2%;
	padding: 0;*/
    padding: 0.6em 0px;
    width: 40%;
 }

p.comment_txt {
	width: 98%;
	margin: 0 2%;}

.raceyoso {
	width: 96%;
	margin:0px 2% 2% 2%;}
.raceyoso li {
	text-align: center;
	font-weight: bold;	
	padding:0px;
	margin: 0px;
	line-height: 1.3em;
	display: inline-block;
	vertical-align: bottom;}
.raceyoso li span.place {
	float: left;
	display: inline-block;
	font-size: 3.25vw;
	font-weight: bold;
	text-align: left;
	padding: 0 10px;
	line-height: 1.4em;
	}
.raceyoso li span.driveG {
    float: left;
    display: inline-block;
    border: 1px #82af22 solid;
    color: #82af22;
    font-size: 3vw;
    font-weight: normal;
    line-height: 1.4em;
    vertical-align: top;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    }
.raceyoso li span.driveB {
    float: left;
    display: inline-block;
    border: 1px #37569d solid;
    color: #37569d;
    font-size: 3vw;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    }


.yosodetail_table {
	vertical-align: top;
	border-top: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	border-left: 1px #BABABA solid;
	/*margin: 0px 2%;*/
	padding: 0px;
	width: 100%;}
.yosodetail_table th {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color: #EDEDED;
	padding: 1% 2%;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;}
.yosodetail_table td {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	padding: 1% 2%;
	text-align: left;}

.yoso_detail3 {
	float: left;
	width: 96%;
	margin:3% 2%;}
.yoso_detail3 li {
	padding:0px 5px;
	margin-right: 10px;
	font-size:100%;
	line-height: 2em;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;}
.yoso_detail3 li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 20%;
	margin-right: 1%;
	margin-bottom: 0.5em;}
.yoso_detail3 li.grayL {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 30%;
	margin-right: 1%;
	margin-bottom: 0.5em;}

.yoso_detail_btn {
	float: left;
	width: 100%;
	text-align: center;
	margin:2% auto 5% auto;}
.yoso_detail_btn li {
	width: 45%;
	background-color:#fcb800;
	border-radius: 5px;
	color: #FFFFFF;
	font-size:100%;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin:0px 2%;
	line-height: 3em;
	display: inline-block;
	vertical-align: top;
	position: relative;}
.yoso_detail_btn li a {
	color: #FFFFFF;
	display: block;}
.yoso_detail_btn li.marunori_off {
    background-color: #BFBFBF;}
.marunori_txt {
    text-align: left;
    margin-top: 5px;
    float: right;
    width: 70%;}
.attention_txt {
	margin: 0 1%;
	clear: both;
	padding-left: 1em;
	text-indent: -1em;}
.marunori_txt a,
.attention_txt a {
	color: #eb6363;}

/* ao?a?3c?≫e?2 */
input[type="radio"] {
  	margin: 0;
  	padding: 0;
 	background: none;
  	border: none;
  	border-radius: 0;
  	outline: none;
  	-webkit-appearance: none;
     	-moz-appearance: none;
          	appearance: none;}

.label_list {
  	margin: auto;
  	padding: 2%;
  	line-height: 1.3;}
.label_list::after {
  	display: block;
  	content: '';
  	clear: both;}
.label_list_item {
  	float: left;
  	margin: 0 auto;
  	width: 100%;}
.label_list_item2 {
  	float: left;
  	margin: 0 auto 16px;
  	width: 25%;}
.label_list_item label,
.label_list_item2 label {
  	position: relative;
  	display: block;
  	word-break: break-all;}
.label_list_item label input[type="checkbox"] + span,
.label_list_item label input[type="radio"] + span,
.label_list_item2 label input[type="checkbox"] + span,
.label_list_item2 label input[type="radio"] + span {
 	position: relative;
  	padding: 0 5px 0 30px;}

/*  DEMO 01 CHECKBOX */
.check .label_list:nth-of-type(1) label input[type="checkbox"] + span::before,
.check .label_list:nth-of-type(1) label input[type="radio"] + span::before {
  border-color: #D0CED1;}
.check .label_list:nth-of-type(1) label input[type="checkbox"]:checked + span::before,
.check .label_list:nth-of-type(1) label input[type="radio"]:checked + span::before {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #c0bdc1), color-stop(0.70, #a9a7a7), color-stop(0.32, #c1bebf), color-stop(0.00, #e6e6e6));
background: -webkit-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: -moz-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: -o-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: linear-gradient(to bottom, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);}

.check label span {
	display: inline-block;
	font-size: 4.375vw;
	line-height: 25px;}
.check label input[type="checkbox"],
.check label input[type="radio"]  {
 	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;}
.check label input[type="checkbox"] + span::before, .check label input[type="checkbox"] + span::after,
.check label input[type="radio"] + span::before, .check label input[type="radio"] + span::after {
 	position: absolute;
  	top: 0;
  	left: 0;
  	display: inline-block;
  	content: '';
  	box-sizing: border-box;}
.check label input[type="checkbox"] + span::before,
.check label input[type="radio"] + span::before {
  	z-index: 0;
  	background-color: transparent;
  	width: 25px;
 	height: 25px;
  	border: 2px #D0CED1 solid;
  	border-radius: 5px;}
.check label input[type="checkbox"] + span::after,
.check label input[type="radio"] + span::after {
  	z-index: 1;
  	margin: 5px 8px;
  	width: 10px;
  	height: 10px;}
.check label input[type="checkbox"]:checked + span::before,
.check label input[type="radio"]:checked + span::before {
  	background-color: #616161;}
.check label input[type="checkbox"]:checked + span::after,
.check label input[type="radio"]:checked + span::after {
  	border: 10px solid #FFFFFF;
  	border-width: 0 3px 3px 0;
  	-webkit-transform: rotate(45deg);
      	-ms-transform: rotate(45deg);
         	transform: rotate(45deg);}
#yoso_comment {
    width: 98%;
    height: 10em;}
input, select, textarea {
    vertical-align: middle;
    font-size: 3vw;
    font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , sans-serif;
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;
    }
.register_txt {
	float: left;
	font-size: 100%;
	line-height: 1.8em;
	margin-bottom: 3%;}
.price_txt {
	float: left;
	width: 13%;
	text-align: right;
	font-size: 3.75vw;
	line-height: 2em;
	/*margin: 3% auto;*/}
.price_box {
	float: right;
	width: 87%;
	font-size: 3.75vw;
	/* line-height: 0.7em; */
	}
.price_box input[type="text"] {
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    margin: 5px auto;
    width: 20%;
    /* float: left; */
    font-size: 100%;
    line-height: 2em;
    text-align: right;
    padding: 0px 3px;
    display: inline-block;
    font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , sans-serif;
    }

div.yoso_set {
    display: inline-block;
    width: 30%;
    margin: 5px 5px;
    /* width: 20%; */
    /* float: left; */
    font-size: 100%;
    line-height: 2em;
    /* text-align: right; */
    padding: 0px 3px;
    }
div.yoso_set .btn_set {
    display: block;
    width: 87%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0px;
    line-height: 2em;
    /* margin: 5px auto; */
    text-align: center;
    font-size: 3.75vw;
    border: 0;
    -webkit-appearance: none;
    }
.grayM {
    clear: both;
    display: block;
    width: 70%;
    background-color: #EDEDED;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0px;
    line-height: 2.8em;
    margin: 5% auto;
    text-align: center;
    font-size: 5.625vw;
    font-weight: bold;
	-webkit-appearance: none;}

/* a??a?-a??a?￡a??a?≪ */
#profile {
	margin:2%;
	width: 96%;}
#profile li {
	padding:0px;
	line-height: 1.5em;}

#profile .race_name {
	margin:0px;}
#profile .race_name li {
	padding:0px;
	font-size:100%;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:none;}
#profile .race_name li span.name {
	padding:0px 0px 0px 5px;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.5em;
	}
#profile .race_name li span.name em {
    font-size: 93%;
    font-weight: normal;
    font-style: normal;
    padding-left: 0.5em;}

.race_nameimg2 img {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 10%;
    height:auto;
    margin: 0 2% 0 0;
    }


.race_nameimg3 img {
    float: left;
	text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height:auto;
    margin: 0 2% 0 0;}

#profile .race_detail {
	float: left;
	width: 100%;
	margin:3% 0 5% 0;}
#profile .race_detail li {
	padding:0px 0px;
	margin-bottom: 5px;
	font-size:3.75vw;
	line-height: 1.5em;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;}
#profile .race_detail li.detailS {
    width: 20%;}
#profile .race_detail li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 25%;}
#profile .race_detail li.detail {
	width: 72%;}
#profile .race_detail li span.scope {
	float: right;
    display: block;
    background-position: 96% 0;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 1.5em;
    overflow: hidden;
    width: 25%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #BFBFBF;
    text-align: center;}
  #profile .race_detail li span.val { 
      width: 13em;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: text-top;  } 
  #profile .race_detail li span.open {
  background-color: #f9a542;
    color: #FFFFFF;    }
.follow_link a {
    text-decoration: underline;}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;}
.slide-down {
	-webkit-animation-name: slideDown;
	animation-name: slideDown;}
.slide-up {
	-webkit-animation-name: slideUp;
	animation-name: slideUp;}
.content-wrap {
	width: 96%;
	/*height: 150px;*/
	overflow: hidden;
	position: relative;
	margin: 0 2% 2% 2%;}
.close-btn,
.more-btn {
	display: block;
	width: 100%;
	padding: 80px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);;
    filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0);}
.close-btn {
	background: none;}
.slide-up {
	height: 150px;
	padding-bottom: 0;
	overflow: hidden;}
.slide-down {
	height: auto;
	/*overflow: visible;*/
	padding-bottom: 10%;}
.more-btn p {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	background: #BFBFBF;
	padding: 5px 20px;
	width: 50%;
	border-radius: 5px;
    font-size: 3.75vw;}
.close-btn {
	padding:0;}
.close-btn p {
	background: #BFBFBF;}

.profil_btn {
	float: left;
	width: 100%;
	text-align: center;
	margin:2% auto 5% auto;}
.profil_btn li {
	width: 30%;
	background-color:#fcb800;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 2.75vw;
	text-align: center;
	padding: 0px;
	margin:0px 1%;
	line-height: 2.75em;
	display: inline-block;
	vertical-align: top;
	}
.profil_btn li.pink {
	background-color: #eb6363;}
.profil_btn li a {
	color: #FFFFFF;
	display: block;}

.editP {
	float: left;
	display: inline-block;
	width: 60%;
	background-color:#eb6363;
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 2.5em;
	margin: 3% auto 0 auto;
	text-align:center;
	font-size: 4.6875vw;}
.editP a {
	color: #FFFFFF;
	display: block;}

.profileedit_table {
	clear: both;
	vertical-align: top;
	margin: 5% 0 2% 0;
	padding: 0;
	width: 100%;}
.profileedit_table th {
	width: 20%;
	border-top: 1px #BABABA solid;
	padding: 2% 1%;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 4.0625vw;}
.profileedit_table td {
	width: 34%;
	border-top: 1px #BABABA solid;
	padding: 2% 1%;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 4.0625vw;}
.profileedit_table td.noline {
	border-top: none;}

.profileBox {
    width: 96%;
    padding: 2% 1%;
    font-size: 4.375vw;}

/* win */
.nowwinTable {
	border: 1px solid #eb6363;
	width:96%;
	margin: 3% 2%;}
.nowwinTable th {
	vertical-align:middle;
	text-align:left;
	padding:8px 3px 8px 1em;
	color: #FFFFFF;
	font-size: 3vw;
	background-color: #eb6363;
	}
.nowwinTable td {
	vertical-align:middle;
	text-align:right;
	padding:8px 0.5em 8px 3px;
	font-size: 4vw;
	background-color: #FFFFFF;
	}

.winhistory {
	width: 94%;
	margin: 3%;
	border:1px #BABABA solid;}
.winhistory li {
	padding:1% 2%;
	border-bottom:1px #BABABA solid;
	font-size:4.0625vw;
	line-height: 1.5em;
	background-color:#F1F1F1;
	position: relative;}
.winhistory li:last-child {
	border-bottom: none;}
.winhistory li:nth-child(odd) {
	background-color:#FFFFFF;}
.winhistory li span.day {
	float: left;
	display: block;
	font-size: 3vw;
	font-weight: normal;
	vertical-align: top;
	width: 60%;
	}
.winhistory li span.name {
	display: inline-block;
	font-size: 3vw;
	font-weight: normal;
	vertical-align: top;
	margin: 0px;
	width: 50%;
	}
.winhistory li span.place {
	display: inline-block;
	font-size: 3vw;
	font-weight: normal;
	vertical-align: bottom;
	margin: 0px 5px;
	width: 3em;
	}
.winhistory li span.driveG {
	position: absolute;
	top: 10%;
	right: 2%;
	border: 1px #82af22 solid;
	background-color: #FFFFFF;
	color: #82af22;
	font-size: 3vw;
	font-weight: normal;
	padding: 5px 8px;
	text-align: center;
	line-height: 1.5em;
	}
.winhistory li span.driveB {
	position: absolute;
	top: 10%;
	right: 2%;
    border: 1px #37569d solid;
	background-color: #FFFFFF;
    color: #37569d;
    font-size: 4.0625vw;
    font-weight: normal;
	padding: 5px 8px;
    text-align: center;
	line-height: 1.5em;}

ul.paging {
	width:94%;
	margin: 3%;
	position: relative;
	text-align: center;}
ul.paging li {
	font-size: 3vw;
	display: inline-block;
	margin: 0 1.2%;
	vertical-align: middle;
	text-align: center;
	padding:0;
	}
ul.paging li span {
	color: #FF0000;}
ul.paging a {
	display: block;
	padding: 0;
	text-decoration: underline;}

.wintxt,
.winBox {
    width: 92%;
    margin: 3% 2%;
    padding: 2%;
    background-color: #FFFFFF;}

.winbuy_list {
	float: left;
    width: 100%;
    margin: 3% 0;
	background-color: #FFFFFF;}
.winbuy_list li {
    width: 96%;
    padding: 3% 2%;
    font-size: 4.375vw;
    line-height: 1.5em;
    background-color: #FFFFFF;}
.winbuy_list li:nth-child(odd){
	background-color: #F7F4D6;}
.coinimg {
	float:left;
	margin:0 2% 0 0;
	width: 8%;
	}
.coinimg img {
	width: 100%;}
.winbuy_list span.win {
	float: left;
	display: block;
	font-size: 4vw;
	line-height: 2.0em;
	width: 20%;
	}
.price {
	float: right;
	width: 33%;
	vertical-align: top;
	}
.price a {
	display: block;
	width: 100%;
	height: 0;
	line-height: 2.2em;
	padding-bottom: 27%;
	background-image: url(/images/web-yoso-auto/pc/bg_price.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	color: #FFFFFF;
	text-align: center;
	font-size: 4vw;
	}

.yellow2 {
	clear: both;
	display: block;
    width: 96%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FCD004), color-stop(0.67, #FDD51E), color-stop(0.33, #FEDE4B), color-stop(0.00, #FFE673));
background: -webkit-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -moz-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -o-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -ms-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: linear-gradient(to bottom, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
	border-radius: 5px;
	padding:0px;
	line-height: 4em;
	font-weight: bold;
	margin: 3% 2%;
	text-align:center;
	font-size: 4.375vw;}
.yellow2 a {
	display: block;
	text-decoration: none;}
.orange2 {
	clear: both;
	display: block;
	width: 98%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EC6500), color-stop(0.68, #F17600), color-stop(0.35, #FA9400), color-stop(0.00, #FFA700));
	background: -webkit-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
	background: -moz-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
	background: -o-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
	background: -ms-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
	background: linear-gradient(to bottom, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 3em;
	font-weight: bold;
	margin: 5% auto 1% auto;
	text-align:center;
	font-size: 3.5vw;
	}
.green2 {
	clear: both;
	display: block;
	width: 98%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #78A621), color-stop(0.68, #85B429), color-stop(0.35, #9ACD37), color-stop(0.00, #A6DB3F));
background: -webkit-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: -moz-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: -o-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: -ms-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: linear-gradient(to bottom, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 3em;
	font-weight: bold;
	margin: 5% auto;
	text-align:center;
	font-size: 5.625vw;}
.orange2 a,
.green2 a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;}

/* qa */
.qa_list {
	width: 100%;
	margin: 5% 0;}
.qa_list li {
	margin-bottom: 5%;
	border-bottom: 1px #BABABA solid;}
.qa_list p {	
	background-position: 3% top;
    background-repeat: no-repeat;
    background-size: 7% auto;
    /* line-height: 1.5em; */
    margin-bottom: 0;
    padding: 0 3% 3% 2.5em;
    font-size: 5vw;
    }
.qa_list .q {
	color: #eb6363;
	font-weight: bold;
	background-image: url(/images/web-yoso-auto/pc/qa_q2.gif);}
.qa_list .a {
	background-image: url(/images/web-yoso-auto/pc/qa_a.gif);}

/* caution */
.caution_list {
width: 94%;
    margin: 3% 3% 5% 3%;}
.caution_list li {
    padding: 2% 0 2% 1em;
    text-indent: -1em;
    font-size: 4.375vw;
    line-height: 1.5em;}

/* notice */
.notice {
	width: 96%;
	margin: 3% 2%;}
.noticedetail_Ttl {
	font-weight: bold;
	font-size: 5vw;
	margin:1% 0 5% 0;}
.notice_img {
	width: 100%;
	margin: 2% auto;}
.notice_btn {
	background-color: #BFBFBF;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 5vw;
	text-align: center;
	line-height: 2.5em;
	margin: 5% auto 0 auto;}
.notice_btn a {
	color: #FFFFFF !important;
	display: block;
	text-decoration:none !important;}
.notice a {
	color: #eb6363;
	text-decoration:underline;}

/* login */
.W630C label {
	color: #686868;
	display: inline-block;
	font-weight: bold;
	width: 96%;
	margin: 0 2%;
	font-size: 3vw;
	vertical-align: top;
	line-height: 2.5em;
	}
.W630C input[type="email"],
.W630C input[type="text"],
.W630C input[type="password"] {
	border-color: #9a9a9a;
	border-style: solid;
	border-width: 1px;
    width: 90%;
	margin: 0 2% 3% 2%;
    padding: 3%;}
.W630C .forcheckbox {
	display: inline-block;
	color: #000000;
	font-weight: normal;
    width: auto;
	vertical-align: top;
	line-height: 1.5em;
	margin-bottom: 2%;}
.W630C input[type="checkbox"] {
	margin: 0px 2% 0 3%;
    width: auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
	vertical-align: middle;}
.W630C .forgotpassword {
	background-image: url(/images/web-yoso-auto/pc/arrowG.gif);
	background-position: left center;
    background-repeat: no-repeat;
    margin-left: 70px;
    padding-left: 18px;
    white-space: nowrap;}
.W630C .forgotpassword:link {
	color: #000000;
	text-decoration: underline;}
.W630C .forgotpassword:visited {
	color: #000000;
	text-decoration: underline;}
.W630C .forgotpassword:hover,
.W630C .forgotpassword:active {
	color: #000000;
	text-decoration: none;}

/* beginner */
.beginner_list {
	float: left;
    width: 94%;
    margin: 3% 3% 5% 3%;
	font-size: 4.375vw;
	line-height: 1.5em;}

.synthesis_list {
	margin:0px 0 5px;}
.synthesis_list li {
	padding:10px 0px 10px 10px;
	background:url(/images/web-yoso-auto/sp/arrowG.gif) no-repeat 98% center;
	border-bottom:1px #BABABA solid;
	font-size:5vw;
	clear: both;}
.synthesis_list li p {
	line-height: 39px;
	text-align: left;}
.listimg{
	float:left;
	margin:0px 10px 0px 0;
	width:38px;
	height:39px;}
.listimg img {
    max-height: 39px;
    max-width: 38px;}
.listr{
	float:right;
	margin-left:45px; /* a?aa?1a??a?Rc”≫a??a?Ra¨aa1…i??a?†a?-a?1a??a??a?§a?Ra??a??a?，a?3 */
	width:100%;
	min-height:39px;}
.listl{
	float:left;
	width:100%;}
.listr a,
.listl a {
	display:block;}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
.footerCopy {
    font-size: 3vw;
	line-height: 1.5em;
    text-align: center;
    padding: 3.5vw;
	border-top: none;}
	
	
.yosoList .race_btn li.blu,
.yosoList2 .race_btn li.blu{
    background-color: #03A9F4;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    font-size: 3vw;
    line-height: 1.5em;
    margin-right: 3%;
    width: 40%;
    padding: 3px 0;
}
.yosoList .race_btn li.gry,
.yosoList2 .race_btn li.gry{
    background-color: #848484;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    font-size: 3vw;
    line-height: 1.5em;
    margin-right: 3%;
    width: 40%;
    padding: 3px 0;
}

.yosoList .race_btn li.gry span,
.yosoList2 .race_btn li.gry span{
	padding-top: 10px;
    display: block;
}

.pinkL a,
.pinkM a,
.pinkS a,
.pinkSS a ,
.greenL a,
.lightBlueL a
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;}
	
.norikatubox {
    padding: 0px;
}
li.follow a {
    color: #4fca00;
    font-weight: bold;
}

.rankingdetail_list .traial span.driveG {
float: left;
display: inline-block;
border: 1px #82af22 solid;
background-color: #FFFFFF;
color: #82af22;
font-size: 90%;
font-weight: normal;
line-height: 1.7em;
margin-right: 2%;
padding: 0 5px;
text-align: center;}
.rankingdetail_list .traial span.driveB {
float: left;
display: inline-block;
border: 1px #37569d solid;
background-color: #FFFFFF;
color: #37569d;
font-size: 90%;
font-weight: normal;
line-height: 1.7em;
margin-right: 2%;
padding: 0 5px;
text-align: center;}

#profile_list li:last-child {
    border: none;
}

table.winhistoryTable {
	margin: 5% 0;
	border-top: 1px #B2B2B2 solid;
	border-left: 1px #B2B2B2 solid;
	width:100%;}
table.winhistoryTable tr:nth-child(odd) {
	background-color:#F1F1F1;}
table.winhistoryTable tr {
	background-color:#FFFFFF;}
table.winhistoryTable td {
	vertical-align:middle;
	text-align:left;
	border-bottom: 1px #B2B2B2 solid;
	border-right: 1px #B2B2B2 solid;
	padding:1.3% 2%;
	font-size:100%;}
table.winhistoryTable td.right {
	text-align: right;}
table.winhistoryTable td.center {
	text-align: center;}
	
	.yellow {
	clear: both;
	display: block;
	width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FCD004), color-stop(0.67, #FDD51E), color-stop(0.33, #FEDE4B), color-stop(0.00, #FFE673));
background: -webkit-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -moz-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -o-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -ms-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: linear-gradient(to bottom, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
	border-radius: 5px;
	padding:0px;
	line-height: 3em;
	font-weight: bold;
	margin: 3% auto;
	text-align:center;
	font-size: 110%;}
.yellow a {
	display: block;
	text-decoration: none;}
	
.pay_btn{ height: 2.5em; }

.yosoList .race_btn li.blu a,
.yosoList2 .race_btn li.blu a, 
.yosoList .race_btn li.gry a,
.yosoList2 .race_btn li.gry a 

{
	padding-top:0.5em;
	color: #FFFFFF;
	display: block;}
	
.yoso_detail_btn2{
float: left;
	width: 100%;
	text-align: center;
	margin:2% auto 5% auto;
	}
.yoso_detail_btn2 li a{
	color: #FFFFFF;
	display: block;}
.yoso_detail_btn2 li {
    width: 90%;
    background-color: #FF0054;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 112%;
    text-align: center;
    font-weight: bold;
    padding: 0px;
    margin: 5px 2%;
    line-height: 3em;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.yoso_detail_btn li.marunori
,.yoso_detail_btn2 li.marunori{
background-color: #3882f7;
}
.yoso_detail_btn li.marunori_off
,.yoso_detail_btn2 li.marunori_off{
    background-color: #BFBFBF;
}
.race_name .followCount {
    float: right;
    margin: 20px 10px 0px 0;
}

#yoso_list li.none {
    /* margin: 50px auto; */
    text-align: center;
    background: none;
    padding: 1em;
    border-bottom: 1px #BABABA solid;
}
.yoso_confirm ul{
width:95%;
margin:5px auto;
font-size: 18px;
}
.yoso_confirm .header{
background-color:#e2e2e2;
font-weight: bold;	
}
.yoso_confirm ul li {
    display: inline-block;
    padding-left:10px;
    line-height: 2.3em;
        vertical-align: middle;
}

.yoso_confirm.hide {
    display: none;
}

li.conf_order {
    width: 58%;
    word-break:break-all;
}
li.conf_price {
    width: 32%;
}

.yoso_confirm ul li.conf_kake {
    width:30%;
}
.yoso_confirm ul li.conf_kake {
    width:30%;
}

.yoso_confirm ul li.conf_count {
    width:30%;
}
.yoso_confirm ul li.conf_remove {
    text-align:center;
}
.yoso_confirm .conf_remove a{
    position: relative;
    display: block;
    width: 40px;
    height: 30px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: #BDBDBD;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDBDBD), color-stop(100%,#9E9E9E));
    background: linear-gradient(to bottom, #BDBDBD 0%,#9E9E9E 100%);
    border: 1px solid #808080;
    border-bottom-color: #616161;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	margin: 6px auto;
}

.yoso_confirm .conf_remove a::after {
    content: "削除";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 40px;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    text-indent: 0px;
    color: rgb(245, 245, 245);
}

.yoso_confirm{
	clear:both;
}

.pinkL, .pinkM, .pinkS, .pinkSS {
    border: 0px;
}
.pinkM {
    clear: both;
    display: block;
    width: 70%;
    background-color: #FF0054;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0px;
    line-height: 2.8em;
    margin: 5% auto;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
}

.W630C h3.subttl span.driveG {
    float: right;
    display: inline-block;
    border: 1px #82af22 solid;
    background-color: #FFFFFF;
    color: #82af22;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.7em;
    margin-right: 2%;
    padding: 0;
    text-align: center;
    width: 35%;
}

.inner {
    width: 96%;
    margin: 5% auto;
}
h3.subttl2 {
    width: 100%;
    border-bottom: 1px #BABABA solid;
    background-color: #FFFFFF;
    border-top: none;
    text-align: center;
    margin: 1em 0 0.5em 0;
    padding: 0px;
    font-size: 4.375vw;
    line-height: 2em;
    font-weight: bold;
    display: inline-block;
    position: relative;}
h3.subttl2 span {
    float: left;
    width: 35%;
    background-color: #363636;
    text-align: center;
    color: #FFFFFF;
    margin: 0;}
    
  li.follow{
background: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
border-color: #989898;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #403d3d;
    display: inline-block;
    /*line-height: 42px;*/
    text-align: center;

}
li.follow a{
color: #4fca00;
    font-weight: bold;
}
.norikatu_list li {
    cursor: pointer;
}

#norikatu_view{
cursor: pointer;
}
.styled-select select {
	background:none\9;
	background: none\0/;
    background-color: #B3B3B3\9;
    background-color: #B3B3B3\0/;
    }
 .styled-select select::-ms-expand{
  display:none;
}

.followList{
border-bottom: 1px #BABABA solid;
}

.followList ul.race_name {
    padding: 2% 2% 0 2%;
}

.change_follow {
    position: absolute;
    width: 100%;
    right: -6px;
    text-align: left;
    bottom: 0;
}
.marunori_txt{
	text-align: center;
    margin-top: 5px;
    float: none;
    width: 90%;
}
.marunori_txt a{
    text-decoration: underline;
    color: blue;}
    
.race_name .followCount{
float: right;
    margin: 20px 10px 0px 0;
}
.follow_link a{
text-decoration: underline;
}
.my_intro_list ul li.remove {
    text-align:center;
}
.my_intro_list .remove a{
    position: relative;
    display: block;
    width: 40px;
    height: 30px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: #BDBDBD;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDBDBD), color-stop(100%,#9E9E9E));
    background: linear-gradient(to bottom, #BDBDBD 0%,#9E9E9E 100%);
    border: 1px solid #808080;
    border-bottom-color: #616161;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	margin: 6px auto;
}

.my_intro_list .remove a::after {
    content: "削除";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 40px;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    text-indent: 0px;
    color: rgb(245, 245, 245);
}

.my_intro_list{
	clear:both;
}
.my_intro_list ul.del{
float: right;
}

#profile_list li p.intro_body{
width: 80%;
    margin-left:0px;
    padding: 0px 0px 0px 5px;
}

.errorBox {
    padding: 40px;
    text-align: center;
}	
.pinkL {
display: block;
width: 90%;
background-color:#FF0054;
border-radius: 5px;
color:#FFFFFF;
padding:0px;
line-height: 2.8em;
margin: 10px auto 0px auto;
text-align:center;
font-size: 130%;
font-weight: bold;
clear: both;}

.label_list_item2 label.disable {
    background-color: #e8e8e8;
    color: #989898;
    /* padding-right: 19px; */
    /* width: 20%; */
    width: 90%;
    border-radius: 6px;
}
.loading{
	text-align:center;
}

.ranking_list li.yoso_none {
    padding: 0;
    margin: 20px auto;
    padding-bottom: 20px;
    text-align:center;
}
.div_clear{
clear:both;
}
.confirm_btn{
	clear: both;
	display: block;
	width: 70%;
	
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 2.8em;
	margin: 5% auto;
	text-align:center;
	font-size: 130%;
	font-weight: bold;}
.confirm_btn a{
color:#FFFFFF;
display:block;
}
.confirm_btn.lightBlueL{
background-color:#7FCCE3;
}
.confirm_btn.greenL{
background-color:#4fca00;
}

.styled-select3.week {
    width: 50%;
}

.W630C h3.subttl span.driveB {
    float: right;
    display: inline-block;
    border: 1px #37569d solid;
	background-color: #FFFFFF;
    color: #37569d;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.7em;
    margin-right: 2%;
    padding: 0;
    text-align: center;
        width: 35%;}
        
.kake_show .trans{
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 10px solid black;
border-bottom: 0;
width: 0;
height: 0;
display:inline-block;
margin-left:3px;
}
.kake_show.active .trans{
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid black;
width: 0;
height: 0;
border-top:0;
display:inline-block;
margin-left:3px;
}

li.detail_kake {

    width: 100%;
    text-align: center;
}
.txt_r{
color:rgb(238, 0, 0);
}

h3.subttl span.tekichu {
    background-color: white;
    text-align: left;
    width: 20%;
    margin-left: 5px;
}
h3.subttl span.tekichu img {
    min-width: 65%;
    height: auto;
    vertical-align: middle;
}


.race_name li span.tekichu{
    width: 3em;
    position: absolute;
    padding-left: 1em;
    right: 1em;
    top: 4.2em;
}

.race_name li span.tekichu img{
width:100%;
}
.yosoList .race_name li.info{
	position :relative;
}

/* ao?a?3 */
#yoso_list {
	/*margin:0px 0 5px;*/
	border-top:1px #BABABA solid;}
#yoso_list li {
	padding:10px 0px 10px 10px;
	background:url(/images/web-yoso/arrowG.gif) no-repeat 98% center;
	border-bottom:1px #BABABA solid;
	font-size:4.375vw;
	line-height: 1.5em;}

#yoso_ttl {
	margin:0px 0 5px;}
#yoso_ttl li {
	padding:10px 0px 10px 10px;
	font-size:4.375vw;
	line-height: 1.5em;
	display: inline-block;
	}
.placeimg {
	float:right;
	margin:-10px 10px 0px 0;
	width:12%;
	vertical-align: top;}
.placeimg img {
	width: 100%;}

#yoso_list li span.place,
#yoso_ttl li span.place {
	float: left;
	display: inline-block;
	font-size: 3vw;
	font-weight: bold;
	width: 5em;
	}

#yoso_list li span.g1,
#yoso_list li span.hu2,
#yoso_list li span.g2,
#yoso_list li span.g3,
#yoso_list li span.f1,
#yoso_list li span.f2,
#yoso_list li span.gp,
#yoso_list li span.nighter,
#yoso_list li span.girls,
#yoso_ttl li span.g1,
#yoso_ttl li span.hu2,
#yoso_ttl li span.g2,
#yoso_ttl li span.g3,
#yoso_ttl li span.f1,
#yoso_ttl li span.f2,
#yoso_ttl li span.gp,
#yoso_ttl li span.nighter,
#yoso_ttl li span.girls,
#yoso_list li span.SG,
#yoso_ttl li span.SG, {
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;
	float:left;}
#yoso_raceTtl li span.g1,
#yoso_raceTtl li span.g2,
#yoso_raceTtl li span.g3,
#yoso_raceTtl li span.f1,
#yoso_raceTtl li span.f2,
#yoso_raceTtl li span.gp,
#yoso_raceTtl li span.nighter,
#yoso_raceTtl li span.girls,
#yoso_raceTtl li span.hu2,
#place_list li span.g1,
#place_list li span.g2,
#place_list li span.g3,
#place_list li span.f1,
#place_list li span.f2,
#place_list li span.gp,
#place_list li span.nighter,
#place_list li span.girls,
#place_list li span.hu2 {
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: top;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;
	float:left;}
.g1.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g1.gif);}
.g2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g2.gif);}
.g3.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g3.gif);}
.f1.on {
	background-image:url(/images/web-yoso-auto/pc/ic_f1.gif);}
.f2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_f2.gif);}
.gp.on {
	background-image:url(/images/web-yoso-auto/pc/ic_gp.gif);}
.sg.on {
	background-image:url(/images/web-yoso-auto/pc/ic_sg.gif);}
.hu2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_hu2.gif);}
.nighter.on {
	background-image: url(/images/web-yoso-auto/pc/ic_nighter.gif);}
.nighter.MN.on {
	background-image: url(/images/web-yoso-auto/pc/ic_midnight.gif);}
.nighter.MNG.on {
	background-image: url(/images/web-yoso-auto/pc/ic_morning.gif);}

.girls.on {
	background-image: url(/images/web-yoso/ic_girls.gif);}
#yoso_list li span.sale {
	padding:0px 5px;
	background-color: #D9D9D9;
	margin-left: 10px;
	font-size: 4.6875vw;
	text-align: center;
	display: inline-block;}

#yoso_list .yosodetail_list {
	margin-top:5px;}
#yoso_list .yosodetail_list li {
	padding:0px 0px;
	margin-bottom: 0px;
	font-size: 3vw;
	line-height: 1.5em;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	}
#yoso_list .yosodetail_list li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 3em;}
#yoso_list .yosodetail_list li.day {
	width: 3em;}
#yoso_list .yosodetail_list li.round {
	width: 2em;}
#yoso_list .yosodetail_list li.time {
	background-image: url(/images/web-yoso/icon_time.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 25%;
	width: 3.2em;
	padding-left: 1.3em;
	color:#FF0000;
	}
#yoso_list .yosodetail_list li.number {
	width: 3em;}
	
#yoso_list li.none{
	background: none;
    text-align: center;
    margin: 15px 0px;
    border-bottom: none;
    }
#yoso_list li span.accepting {
	background-image: url(/images/web-yoso/yoso_accepting.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40%;
	width: 40%;
	padding: 0px 5px;
	margin-left: 10px;
	display: inline-block;
	}
#yoso_list li span.before {
	background-image: url(/images/web-yoso/yoso_before.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
	width: 27%;
	padding:0px 5px;
	margin-left: 10px;
	display: inline-block;
	}
#yoso_list li span.end {
	background-image: url(/images/web-yoso/yoso_end.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	width: 40%;
	padding:0px 5px;
	margin-left: 10px;
	display: inline-block;
	}
#yoso_list li span.cancel {
	background-image: url(/images/web-yoso/yoso_cancel.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 61%;
    width: 40%;
	padding:0px 5px;
	margin-left: 10px;
	display: inline-block;}
	
	li.yoso_none{
	text-align:center;
	}
#kakeshiki
{
    clear: both;
    height: 2.5em;
    display: block;
    margin-left: 13%;
    font-size: 2.75vw;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}


.price_box input[type="number"] {
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    margin: 5px auto;
    width: 20%;
    /* float: left; */
    font-size: 100%;
    line-height: 2em;
    text-align: right;
    padding: 0px 3px;
    display: inline-block;
    font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , sans-serif;
}
.drawer-brand.autorace_txt_image{
    min-height: 78px;
    width: 250px;
    position: relative;
}
a.drawer-brand.autorace_txt_image span {
    position: absolute;
    top: 2px;
    left: 10px;
    font-size: 12px;
}
a.drawer-brand.autorace_txt_image img{
	position: absolute;
    left: 0; 
    top: 20px;
}