@import url(base.css);
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; } }
.img100 {
  width: 100%;
  height: auto; }

.pc {
	display: none !important;
} 
.pcs{
display: none;
}
.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%;}

.attention {/* position: absolute; *//* right: 0; *//* border: none; *//* margin-bottom: 10px; *//* text-align: center; *//* padding: 0; *//* display: inline-block; */float: right;}
.attention button {background-image: url(/images/2014/ic/attention.gif);background-color: transparent;background-repeat: no-repeat;padding-right: 18px;vertical-align: text-top;padding-left: 20px;background-position: left 2px;color:#FF0000;font-size: 13px;border: none;cursor:pointer;}

/*-------------------------------------------------
	++ 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: 5vw;
    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: 5.625vw;
    line-height: 2.5em;}
h2.winttl {
    width: 100%;
    background-color: #eb6363;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 5.625vw;
    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: 4.375vw;
	text-align: left;
	padding: 0px;
	line-height:2em;}
.memberBox {
    width: 96%;
    padding: 3% 2%;
    font-size: 5vw;
	border: none;
	text-align: right;}

/* */
.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%;}

















/* ヨソカツTOPペ縺Eジ */
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: 5.625vw;}
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: 6.25vw;
    line-height: 1.5em;
	font-weight: bold;}

#yoso_list {
	margin:0px;
	border-top:1px #BABABA solid;}
#yoso_list li {
	padding:10px 0px 10px 5px;
	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;}
#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 10px 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:4.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: 4vw;
    font-weight: bold;
    line-height: 2.5em;}

.norikatu_list li ul.rankingdetail_list,
.ranking_list li ul.rankingdetail_list {
	width: 97%;
	display: block;
	margin:5% 3% 0px 0%;}
.norikatu_list li ul.rankingdetail_list li,
.ranking_list li ul.rankingdetail_list li {
	padding:0px;
	margin-bottom: 5px;
	font-size:3.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: 5em;}
.norikatu_list li ul.rankingdetail_list li.titleL,
.ranking_list li ul.rankingdetail_list li.titleL {
	width: 6em;/*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: 7em;/*5.5em;*/}

.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: 13%;
	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: 1.5em;
    display: inline-block;
    margin-right: 2px;
    text-align: center;
    border-radius: 5px;
    vertical-align: middle;
    font-weight: bold;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 3px;}
.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: 20%;
    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/sp/rank_b.png);}
.u_rank.A,
.u_rank2.A,
.u_rank3.A {
    background-image: url(/images/web-yoso-auto/sp/rank_a.png);}
.u_rank.S,
.u_rank2.S,
.u_rank3.S {
    background-image: url(/images/web-yoso-auto/sp/rank_s.png);}
.u_rank.SS,
.u_rank2.SS,
.u_rank3.SS {
    background-image: url(/images/web-yoso-auto/sp/rank_ss.png);}
.u_rank.LE,
.u_rank2.LE,
.u_rank3.LE {
    background-image: url(/images/web-yoso-auto/sp/rank_le.png);}
.u_rank.OR,
.u_rank2.OR,
.u_rank3.OR {
    background-image: url(/images/web-yoso-auto/sp/rank_or.png);}
.u_rank.LE1,
.u_rank2.LE1,
.u_rank3.LE1 {
    background-image: url(/images/web-yoso-auto/sp/rank_le1.png);}
.u_rank.LE2,
.u_rank2.LE2,
.u_rank3.LE2 {
    background-image: url(/images/web-yoso-auto/sp/rank_le2.png);}
    .u_rank.LE3,
.u_rank2.LE3,
.u_rank3.LE3 {
    background-image: url(/images/web-yoso-auto/sp/rank_le3.png);}

header li {position: relative;}
.numbers {
    position: absolute;
    top: 10px;
    right: 3px;
    background-color: #FF0000;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 80%;
    text-align: center;
    padding: 0 5px;
    }

/* 成績 */
.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;}

/* 紹介コメンチE*/
#profile_list {
	width: 96%;position:relative;
	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: 4.375vw;
    font-weight: bold;
    line-height: 1.5em;}
#profile_list li p {
	margin-left: 15%;}
.profile_list_menu {
    background: #fafaf5;
}
#blockRemove
{
	/* width: 15%; */
	background-color: #FF0054;
	border-radius: 5px;
	color: #FFFFFF !important;
	/* font-size: 15px; */
	font-weight: bold;
	text-align: center;
	padding: 0px 5px;
	margin: 1%;
	line-height: 2em;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	}
#blockRemove a{color: white;}
/* お知らせ */
.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;}

/* ランキング */
ul.tabs {
	width:100%;
	margin:0px auto;
	padding: 0px;
	background-color: #EDEDED;}
ul.tabs li {
    float: left;
    list-style-type: none;
    width: 24.7%;
	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: 5.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: 3.75vw;
    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: 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-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;}

.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: 3.75vw;
	line-height: 2.5em;}

div.check-group {
	width: 96%;
	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;}

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: 10%;
	text-align: center;
	margin-top: 2%;
	line-height: 1.8em;
	margin-bottom: 0;
	font-size: 3vw;}
.check-group2 div label {
	width: 13.8%;
	text-align: center;
	margin-bottom: 0;
	font-size: 2.5vw;
	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;
	-moz-appearance: none;
	appearance: none;	}

.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;
	-moz-appearance: none;	
	appearance: none;	}

.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: 3.75vw;
    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: 4.375vw;
	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:3.75vw;
	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;}

#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: 5.625vw;
	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: 0;}
#raceTtl li span.place {
	float: left;
	display: inline-block;
	font-size: 5.625vw;
	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: 4.0625vw;
	font-weight: normal;
	clear: both;}
.btnimgL {
	float:left;
	margin: 0px 2% 0px 0 !important;
	width:12%;
	vertical-align: top;}
.btnimgL2 {
    position: absolute;
    top: 9%;
    left: 2%;
    width: 12%;
    vertical-align: middle;}
.btnimgR {
    float: right;
    margin: 0px 0 0px 1% !important;
    width: 12%;
    vertical-align: top;}
.btnimgL img,
.btnimgL2 img,
.btnimgR img {
    width: 100%;}

#race_member_btn{
    position: relative;
    display: block;
    height: 11vw;
    padding: 0;
    border: 0;
    background-color: #B3B3B3;
    text-align: center;}
 #race_member_btn .icon {
	color: #FFF;
	position: absolute;
	margin-left: 30%;
	margin-top: 44%;}
#race_member_btn .icon:before {
	content: '';
	position: absolute;
	width: 5vw;
	height: 1vw;
	background-color: currentColor;}
#race_member_btn .icon:after {
	content: '';
	position: absolute;
	width: 5vw;
	height: 1vw;
	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: 4.375vw;
	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: 3.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:4.0625vw;
	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;
	margin: 0;
	vertical-align: top;}
.yoso_btn li img {
	width: 60%;}
.yoso_btn li.cancel img {
    width: 45%;
}
.pink_open {
    width: 49%;
    height: 4em;
    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: 3.4375vw;
    line-height: 1.3em;}
.pink_open a {
    display: block;
	color: #FFFFFF;
	padding:  20% 0;}
.green_open {
    width: 49%;
    height: 4em;
    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: 3.4375vw;
    line-height: 1.3em;}
.blue_open {
    width: 49%;
    height: 4em;
    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: 3.4375vw;
    line-height: 1.3em;}
.green_open a,
.blue_open a {
    display: block;
	color: #FFFFFF;
	padding:  15% 0;}
.gray_close {
    width: 49%;
    height: 4em;
    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: 3.4375vw;
    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: 4.375vw;
	font-weight: normal;
	text-align: left;
	width: 50%;
	float: right;}

.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: 5.3125vw;
	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: 3.45vw;
    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:3.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: 20%;
	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: 20%;
	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:900px;
	font-size:1rem;}
#TrialTable th,
.copyTable th {
	vertical-align:middle;
	text-align:center;
	padding:4px 2px;
	border: 1px solid #a8a8a8;
	background-color: #ffcdcd;
	font-size: 83%;}
#TrialTable td,
.copyTable td {
	vertical-align:middle;
	text-align:center;
	padding:6px 2px;
	border: 1px solid #a8a8a8;
	font-size: 83%;}
#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 {
	max-height: 360px;
  	overflow: hidden;
	position: relative;
	padding-bottom: 5px;}
.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: 400px;}
.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: 4.375vw;
    line-height: 2em;
    font-weight: bold;
    display: inline-block;
    position: relative;}
h3.subttl span {
    float: left;
    width: 35%;
    background-color: #363636;
    text-align: center;
    color: #FFFFFF;
    margin: 0;}
.W350 h3.subttl span {
    float: left;
    width: 35%;}
.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%;}
.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: 4.375vw;
    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%;
	-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;/* ベンダープレフィチEス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィチEス(Firefox用) */
	appearance: none;		/* 標準縺Eスタイルを無効にする */}
.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:100%;
	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:4.2vw;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0px;
	display: inline-block;
	vertical-align: top;
	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: 3.4375vw;
    vertical-align: top;
    font-weight: bold;
    margin: 0px;
    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: 100%;
	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:100%;
	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: 5em;}
.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:4.25vw;
	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: 4.25vw;
    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: 4.25vw;
    font-weight: normal;
    text-align: center;
	line-height: 1.5em;
	width: 40%;
		/*margin-top: 2%;
	padding: 0;*/
	padding: 0.6em 0px;
	width: 40%;
	}
#yosoList .race_name li span.name,
#yosoList2 .race_name li span.name {
	padding:0px;
	font-size:5vw;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0px;
	display: inline-block;
	vertical-align: top;
	width: 85%;}
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: 5.625vw;
	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: 4.6875vw;
    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: 4.6875vw;
    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;
	font-size:3.75vw;
	padding: 0px;
	width: 96%;
    	margin: 0px 2%;}
.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: 5em;
	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: 40%;
	background-color:#fcb800;
	border-radius: 5px;
	color: #FFFFFF;
	font-size:100%;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin:2% 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;}
.yoso_detail_btn li.winpresent {
    background-color: #FF0054;}
.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;}

/* 予想登録 */
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: 4.375vw;
    font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'EE EゴシチE' , 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: 4.6875vw;
	line-height: 2.7em;
	/*margin: 3% auto;*/}
.price_box {
	float: right;
	width: 87%;
	font-size: 4.6875vw;
	line-height: 2.7em;}
.price_box input[type="text"] {
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;
	border-radius: 0px;
    margin: 0px 2%;
    width: 20%;
   /* float: left; */
	font-size: 100%;
	line-height: 2.5em;
	text-align: right;
    padding: 0px 3px;
	display: inline-block;
	font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'EE EゴシチE' , sans-serif;}

div.yoso_set {
    display: inline-block;
    width: 125px;}
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: 4.6875vw;
    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;}

/* プロフィール */
#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:5.3125vw;
	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: 13%;
    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: 35%;
	background-color:#fcb800;
	border-radius: 5px;
	color: #FFFFFF;
	font-size:3.75vw;
	text-align: center;
	padding: 0px;
	margin:3px 1%;
	line-height: 3em;
	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: 33%;
	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:4.375vw;
	background-color: #eb6363;}
.nowwinTable td {
	vertical-align:middle;
	text-align:right;
	padding:8px 0.5em 8px 3px;
	font-size:5.9375vw;
	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:4.0625vw;
	font-weight: normal;
	vertical-align: top;
	width: 60%;}
.winhistory li span.name {
	display: inline-block;
	font-size:4.0625vw;
	font-weight: normal;
	vertical-align: top;
	margin: 0px;
	width: 50%;}
.winhistory li span.place {
	display: inline-block;
	font-size:4.0625vw;
	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: 4.0625vw;
    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: 5vw;
	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:12%;}
.coinimg img {
	width: 100%;}
.winbuy_list span.win {
	float: left;
	display: block;
	font-size: 5.3125vw;
	line-height: 2.0em;
	width: 20%;}
.price {
	float: right;
	width: 50%;
	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/sp/bg_price.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	color: #FFFFFF;
	text-align: center;
	font-size: 5.3125vw;}

/* 無料でGET */
.winbuy_list .price a[href="/ow/winpoint"] {
	background-image: url(/images/web-yoso-auto/sp/bg_free.png);
}

.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: 5.625vw;}
.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: 5vw;
	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%  !important;
    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; /* リスト縺E画像縺E横幁Eテキストまでのマ縺Eジン */
	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:4.25vw;
	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:4.25vw;
	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;
}
.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;
}
.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;}
.pinkS {
    display: inline-block;
    width: 100%;
    background-color: #FF0054;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0px;
    line-height: 2.0em;
    margin: 0px auto;
    text-align: center;
    font-size: 90%;
}
table.winhistoryTable th{
	border-bottom: 1px #B2B2B2 solid;
	border-right: 1px #B2B2B2 solid;
	white-space: nowrap;}
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: 100%;}
.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 

{
	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 a.following{
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+ */
border-color: #989898;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #403d3d;
    line-height: 3em;
    display: inline-block;
    text-align: center;
    display: block;width: 100%;color: #4fca00;font-weight: bold;}

li a.followed{
background-color: #1fc244;
    border-color: #1fc244;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    }
    
li.li_follow {
background-color: unset;
}
.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;
}

.race_name li span.tekichu{
    width: 4em;
    position: absolute;
    padding-left: 1em;
    right: 0;
    top: 4.8em;
}

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

/* 予想 */
#yoso_list {
	/*margin:0px 0 5px;*/
	border-top:1px #BABABA solid;}

#yoso_ttl {
	margin:0px 0 5px;}
#yoso_ttl li {
	padding:10px 0px 10px 10px;
	font-size:4.375vw;
	line-height: 1.5em;}
.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: 5.3125vw;
	font-weight: bold;
	width: 4.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:3.75vw;
	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: left top;
	background-repeat: no-repeat;
    background-size: 65%;
    width: 39%;
	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: left top;
	background-repeat: no-repeat;
	background-size: 100%;
	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: left top;
	background-repeat: no-repeat;
	background-size: 80%;
	width: 38%;
	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;
    font-size: 3.4375vw;

}

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

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: 0px 2%;
    width: 20%;
   /* float: left; */
	font-size: 100%;
	line-height: 2.5em;
	text-align: right;
    padding: 0px 3px;
	display: inline-block;
	font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'EE EゴシチE' , sans-serif;
}
.link_list{
font-size:5vw;
}
.link_list li{padding: 10px 0px 10px 0px;font-size: 5vw;clear: both;border-bottom: 1px #BABABA solid;}

.link_list p.glink a {
    text-decoration: underline;
    font-weight: bold;
}

.link_list p.listimg {
    width: 38px;
    visibility: visible;
    vertical-align: middle;
    margin: 0px 17px;
}

.link_list .listr2 {
    /* border-bottom: 1px #BABABA solid; */
    /* line-height: 39px; */
    /* height: 40px; */
    /* height: 2.5em; */
    min-height: 39px;
}

.link_list p.listimg {
    width: 38px;
    visibility: visible;
    /* vertical-align: middle; */
    /* margin: 5px 17px; */
}

.link_list .listr2 p {
    display: inline-block;
    line-height: 39px;
}

ul.seiseki_menu {
	width:100%;
	margin-bottom:2%;;
	text-align:center;}
ul.seiseki_menu li {
	display:inline-block;
	width:48%;
	line-height: 2.5em;
	margin:0px;
	padding: 0px;
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color:#B3B3B3;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 108%;}
ul.seiseki_menu li:last-child {
	border-right: none;}
ul.seiseki_menu li a {
	color: #FFFFFF;
	display: block;}
ul.seiseki_menu li.current {
	background-color: #eb6363;
	color: #FFFFFF;
	border-bottom: 1px #BABABA solid;}

#profile ul.seiseki_menu2 {
	width:100%;
	margin-top:3%;;
	text-align:center;
	clear:both;}
#profile ul.seiseki_menu2 li {
	display:inline-block;
	width:48%;
	line-height: 2.5em;
	margin:0px;
	padding: 0px;
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color:#B3B3B3;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 108%;}
#profile ul.seiseki_menu2 li:last-child {
	border-right: none;}
#profile ul.seiseki_menu2 li a {
	color: #FFFFFF;
	display: block;}
#profile ul.seiseki_menu2 li.current {
	background-color: #eb6363;
	color: #FFFFFF;
	border-bottom: 1px #BABABA solid;}


#yoso_profile .loading .iconL{
    border: 15px solid #6b6868;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 15px solid rgba(255, 255, 255, 0);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: 0px auto;
}
@-webkit-keyframes spin {
  0% { 
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.profileedit_table2 {
	clear: both;
	vertical-align: top;
	margin: 1%  0;
	padding: 0;
	width: 100%;}
.profileedit_table2 th,
.profileedit_table2 td {
	width: 33%;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 100%;
	}
.profileedit_table2 td.img {
	padding: 1%;
	
}
.profileedit_table2 td.img .race_nameimg3 img {
width:100px;
}
.profileedit_table2 td.name{
	width: 66%;
}
.profileedit_table2 td.noline {
	border-top: none;}
.profileedit_table2 td div.nname{
	width: 96%;
    padding: 0px 0px 0px 5px;
    font-size: 137%;
    font-weight: bold;
    line-height: 1.5em;
}
.profileedit_table2 td .editP {
width: 90%;
    margin: 10% 2% 3% 2%;
    padding: 2% 3%;
}

h2.blackttl{
background-color: #363636;
color: #FFF;
} 

ul.ranking_list.nori {
    margin: 0;
    border: none;
}

.ranking_list li#norikatu_view{
border: none;
}



.label_list.yosoya_search{
width: 100%;
padding:unset;
}

.label_list.yosoya_search .label_list_item
{
width: 32%;
    display: inline-block;
    margin: 5px 0px;
    float: unset;
}

.label_list.yosoya_search .label_list_item span.rankC {
    background-image: url(/images/web-yoso/rank_c.png);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
}


.label_list.yosoya_search .label_list_item label input[type="checkbox"]
{width: 25px;
 height: 25px;}

.label_list.yosoya_search .label_list_item label img {
    vertical-align:bottom;	
    height: 30px;	
}

.yosoya .bt_yoso_today
{
	width:40px;
	height:48px !important;
}

.yosoList ul.today_yoso{
position: absolute;
    width: 40px;
    height: 50px;
    right: 10px;
    top: 0;
    display: block;
}
.yosoList ul.today_yoso li{
	border:none
}
.yosoList ul.today_yoso li img{
width:100%;
}
.yosoList li.list_none{
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom:none;
}
.research{
text-align:center;
margin-bottom:15px;
margin-top:10px;
}

.research a{
text-decoration:underline
}

.race_count{
background-color:#eb6363;
color:#FFFFFF;
margin-top:-1px;
text-align:center;
height: 25px;
}
.race_count sup a{
color:#FFFFFF;
}

.check-group.bettype div label.disable {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9b9b), to(#4c4b4b));
    box-shadow: 2px 2px 6px #ddd;
    text-shadow: none;
    color: #FFFFFF;
}

.ttl_latest{
border-left: unset;
    border-right: unset;
    background-color: #f68181;
    color: #FFFFFF;
    border: 1px #BABABA solid;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    line-height: 2.5em;
    margin: 0px;
    position: relative;
        display: block;
}
.profil_btn li.midori {
    background-color: #1fc244;
}

.cmt_h a{
text-decoration: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
color: #074bb5;	
}
.profil_btn li.follow a
{
color: #FFFFFF;
}

#marquee {width:100%;overflow:hidden;background-color:#FFEBBE;margin-bottom:5px;position:relative;height: 2em;font-size:14px;}
#marquee_text{

position: absolute;

top: 0;

right:0;

/* padding:0.5em 0; */

display: block;

word-break: keep-all;

/* text-overflow: ellipsis; */

white-space: nowrap;


line-height: 2em;

}
input[type=button]:disabled#bt_login
,button[type=submit]:disabled {
	background:#c4c4c4;
	cursor: not-allowed;
}

.yosoBtn {
	width: 90%;
	margin: 5% auto;
	background-color: #EB6363;
	border-radius: 5px;}
.yosoBtn a {
	display: block;
	color: #FFFFFF;
	font-size: 4vw;
	line-height: 3em;
	text-align: center;}

span.kessha_no {
    color: #f53838;
}

#yoso_total li.gray {
    width: 30%;
}

#yoso_total li.gray.wide {
    width: 30%;
    min-width: 200px;
}


ul#KessayaInfo {
    margin: 3% 0 -2% 0;
}
.drawer-brand.autorace_txt_image{
    min-height: 78px;
    width: 250px;
    position: relative;
}
a.drawer-brand.autorace_txt_image span {
    position: absolute;
    top: 2px;
    left: -5px;
    font-size: 10px;
    text-align:left;
}
a.drawer-brand.autorace_txt_image img{
    position: absolute;
    left: 0; 
    top: 20px;
    width:180px;
}
.drawer-navbar .drawer-brand.autorace_txt_image {
    width: 195px;
}

.yoso_detail_btn li.winpresent.close{
	background-color: #BEBEBE;
}