@charset "utf-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* box-sizing */
html {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
			box-sizing: inherit;
}

/* common */
html {
	font-size: 62.5%;
}
body {
	position: relative;
	background: #fff;
	color: #000;
	font: 1.4em/1.5 sans-serif;
	word-wrap: break-word;
}
a:link {
	color: #00f;
}
a:visited {
	color: #999;
}
a:hover,
a:active {
	color: #09f;
	text-decoration :none;
}
img{
	vertical-align: bottom;
	line-height: 1.0;
}
li {
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-size: 100%;
}
em {
	font-style: normal;
	font-weight: bold;
}


/* clearfix
--------------------------------------------------------------------------------- */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* text
--------------------------------------------------------------------------------- */
.left {
	text-align:left !important;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.bold {
	font-weight: bold;
}
/* error
--------------------------------------------------------------------------------- */
.err {
	margin: 5px 0;
	color: #F00;
	font-size: 138.5%;
	font-weight: bold;
	text-align: center;
}
#err {
	background: #F00;
	color: #fff;
	font-size: 138.5%;
	font-weight: bold;
	text-align: center;
}
/* attention
--------------------------------------------------------------------------------- */
.attention,
#attention {
	color: #F00;
	text-align: left;
}


/* font-size
--------------------------------------------------------------------------------- */
.x-large	{ font-size: 174%; }
.large		{ font-size: 144%; }
.mid		{ font-size: 122%; }
.esmall		{ font-size: 107%; }
.small		{ font-size: 92%; }
.x-small	{ font-size: 77%; }

.ft10	{ font-size:77%; }
.ft11	{ font-size:85%; }
.ft12	{ font-size:93%; }
.ft13	{ font-size:100%; }
.ft14	{ font-size:108%; }
.ft15	{ font-size:116%; }
.ft16	{ font-size:123.1%; }
.ft17	{ font-size:131%; }
.ft18	{ font-size:138.5%; }
.ft19	{ font-size:146.5%; }
.ft20	{ font-size:153.9%; }
.ft21	{ font-size:161.6%; }
.ft22	{ font-size:167%; }
.ft23	{ font-size:174%; }
.ft24	{ font-size:182%; }
.ft25	{ font-size:189%; }
.ft26	{ font-size:197%; }


/* font-color
--------------------------------------------------------------------------------- */
.red	{ color: #F00; }
.blue	{ color: #30F; }
.skybule	{ color: #0CF; }
.green	{ color: #6C0; }
.orange	{ color: #F90; }
.pink	{ color: #F6C; }
.purple	{ color: #60F; }
.lavender	{ color: #C9F; }
.gray	{ color: #999; }



/*=====================================================
	Head Contents
=====================================================*/
#headerWrap {
	position:relative;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	background: #fff;
}
#header,
#header02 {
	width: 920px;
	margin: 0 auto;
}

#header h1 {
	float: left;
	width: 290px;
}
#header h1 a,
#header02 h1 {
	display: block;
	width: 100%;
	height: 80px;
	background:url(../img/head_logo.png) no-repeat left center;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}

/* ------------ Status ------------ */
#header #status {
	float: right;
	width: 450px;
	padding: 10px 0 2px;
	background:url(../img/bg_head02.png) no-repeat;
	text-align:left;
	font-size: 12px;
}
#header #status ul {
	float: left;
	width: 320px;
	list-style: none;
	margin: 0;
	padding: 8px 0 0;
}
#header #status ul li {
	height: 20px;
	margin: 0 0 8px 10px;
	padding: 4px 0 0 70px;
	color: #fff;
	line-height: 1.0;
	background: url(../img/head_txt_status.png) no-repeat;
}
#header #status ul li#loginID {
	background-position: 0px -6px;
}
#header #status ul li#userCK {
	background-position :0px -66px;
	font-weight: bold;
}
#header #status #statusBtn {
	float: right;
	width: 112px;
	margin: 0 5px 0 0;
	padding: 0;
}
#header #statusBtn #bt_status {
	float: right;
	width: 56px;
}
#header #statusBtn #bt_ticket {
	float: left;
	width: 56px;
}
#header #status #statusBtn a {
	display: block;
	width: 100%;
	height: 56px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#header #statusBtn #bt_status a {
	background: url(../img/head_btn_status.png) no-repeat;
}
#header #statusBtn #bt_ticket a {
	background: url(../img/head_btn_ticket.png) no-repeat;
}
#header #statusBtn #bt_status a:hover,
#header #statusBtn #bt_ticket a:hover {
	background-position: 0px -56px;
}

/* ------------ Login ------------ */
#header #login {
	float: right;
	width: 320px;
	padding-bottom: 5px;
	background: #ff8a80;
}
#header #login form ul {
	list-style: none;
	float: left;
	width: 260px;
	margin: 0;
	padding: 10px 0 0;
}
#header #login form ul li {
	margin: 0;
	padding-left: 65px;
}
#header #login form ul input {
	width: 180px;
	margin-bottom: 2px;
}
#header #login form li#loginId {
	background: url(../img/head_txt_status.png) no-repeat 0 -6px;
	margin: 0 0 0 5px;
}
#header #login form li#loginPass {
	background: url(../img/head_txt_status.png) no-repeat 0 -36px;
	margin: 0 0 0 5px;
}
#header #login form p {
	float: left;
	width: 56px;
	margin: 0;
	padding: 5px 0 0;
}
#header #login form p input {
	vertical-align: bottom;
}
#header #login #forget {
	text-align: right;
	font-size: 10px;
}
#header #login #forget a {
	padding-right: 5px;
	text-decoration: none;
	color: #fff;
}
#header #login #forget a:hover {
	text-decoration: underline;
}


/*=====================================================
	Main Contents
=====================================================*/
/* 情報系 */
#mainBG02 {
	background: url(../img/bg_main02.jpg) repeat-x;
}

#headerWrap + #mainWrap,
#headerWrap + #mainWrap02,
#mainBG02 > #mainWrap {
	width:940px;
	margin:0 auto;
}
#imageArea,
#imageAreaSwf {
	width: 930px;
	margin: 0 auto;
	text-align: center;
}
#contents,
#contents2 {
	width: 910px;
	margin: 0 auto;
	padding: 15px 0 60px;
}


/* ------------ main ------------ */

/* ヘッダー&サイドバー無し */
#main {
	width: 650px;
	margin: 0 auto;
}
/* ヘッダー&サイドバー有り */
#headerWrap + #mainWrap #main,
#headerWrap + #mainWrap02 #main,
#headerWrap + #mainBG02 #main {
	float: left;
	margin: 0;
}
#main h1 {
	height: 48px;
	margin: 0px 0 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainBox {
	min-height: 600px;
	margin-top: 15px;
}
/* ------------ Title ------------ */
#titleForget {
	background:url(../img/pre/title_forget.gif) no-repeat;
}
#titleRegistExec {
	background:url(../img/title_regist_exec.gif) no-repeat;
}
#titleCustomer {
	background:url(../img/title_customer.gif) no-repeat;
}
#titleUpdate {
	background:url(../img/title_update.gif) no-repeat;
}
#titleMailchange {
	background:url(../img/title_mailchange.gif) no-repeat;
}
#titleTaikai {
	background:url(../img/title_taikai.gif) no-repeat;
}
#titleSettleSelect {
	background:url(../img/title_settleselect.png) no-repeat;
}
#titleItemlist {
	background:url(../img/title_itemlist.gif) no-repeat;
}


/* ------------ main2 ------------ */
#main2 h1 {
	margin: 0 0 15px;
	padding: .5em 1.5em;
	border-left: 8px solid #574445;
	font-size: 1.5em;
	font-weight: 500;
	background-color: #796a6b;
	color: #fff;
}
#main2 .txtFormat {
	margin: 0 20px 20px;
}
#main2 dl {
	padding: 0;
}
#main2 dt {
	margin: 0 0 .5em;
	font-weight:bold;
}
#main2 dd {
	margin: 0 0 1.5em;
}

#main2 #close {
	width: 100px;
	margin: 0 auto 10px;
}
#main2 #close a {
	display: block;
	width: 100%;
	height: 40px;
	background: url(../img/btn_close.gif) no-repeat center top;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#main2 #close a:hover,
#main2 #close a:focus {
	opacity: .7;
	filter: alpha(opacity=70);
}


/*=====================================================
	Side Contents
=====================================================*/
#side {
	float:right;
	width:240px;
}
#side2 {
	float:right;
	width:200px;
	padding:20px 0 0;
}
#side a:link,
#side a:visited,
#side2 a:link,
#side2 a:visited {
	color:#00F;
}
#side a:hover,
#side a:active,
#side2 a:hover,
#side2 a:active {
	color:#09F;
}
/* ------------ Side Menu ------------ */
#presideMenu,
#sideMenu {
	margin: 0 0 15px;
	padding: 20px 0 0;
	background: url("../img/side/menu_bg.gif") no-repeat;
}
#presideMenu ul,
#sideMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#presideMenu li,
#sideMenu li {
	width: 240px;
	margin: 0;
}
#presideMenu li a,
#sideMenu li a {
	display:block;
	width: 100%;
	height: 40px;
	background: url("../img/side/menu_btn.gif") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#side li#menu1 a {
	background-position: 0 0;
}
#side li#menu2 a {
	background-position: 0 -40px;
}
#side li#menu3 a {
	background-position: 0 -80px;
}
#side li#menu4 a {
	background-position: 0 -120px;
}
#side li#menu5 a {
	background-position: 0 -160px;
}
#side li#menu6 a {
	background-position: 0 -200px;
}

#side li#menu1 a:hover {
	background-position: -240px 0;
}
#side li#menu2 a:hover {
	background-position: -240px -40px;
}
#side li#menu3 a:hover {
	background-position: -240px -80px;
}
#side li#menu4 a:hover {
	background-position: -240px -120px;
}
#side li#menu5 a:hover {
	background-position: -240px -160px;
}
#side li#menu6 a:hover {
	background-position: -240px -200px;
}

#sideMenu h2, {
 display:none;
}



/* Side Menu2 2019.03.06 */
#sideMenu2 {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}
#sideMenu2 > li {
	margin: 0 0 5px;
	line-height: 1.0;
}
#sideMenu2 > li a > img:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* LINE@ 2017.10.04 */
#side .lineat {
	margin-bottom: 15px;
}
#side .lineat .bg {
	height: 304px;
	background: url("../img/side/line/lineAtBg.png") no-repeat;
}
#side .lineat .btn {
	width: 210px;
	margin: 0 auto;
	padding-top: 220px;
	text-align: center;
}
#side .lineat .btn img {
	width: 100%;
	height: auto;
}

/* SideGuide */
.sideGuide {
	width: 240px;
	margin:0 auto 4px;
	text-align:center;
}
.sideGuide a {
	display: block;
	width: 100%;
	height: 56px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.btnGuide03 {
	margin-bottom: 15px;
}
.btnGuide01 a {
	background: url("../img/side/btnGuide01.jpg") no-repeat;
}
.btnGuide02 a {
	background: url("../img/side/btnGuide02.jpg") no-repeat;
}
.btnGuide03 a {
	background: url("../img/side/btnGuide03.jpg") no-repeat;
}

.sideGuide a:hover {
	background-position: 0 bottom !important;
}

/* Side Mobile */
#sideMobile {
	margin: 15px 0;
	padding-bottom:10px;
	font-size:85%;
	text-align:center;
	background: #f0f0f0 url("../img/side/mobile_header.png") no-repeat top;
}
#sideMobile h3 {
	height: 70px;
	text-indent: -9999px;
}
#sideMobile h4 {
	height: 155px;
	text-indent: -9999px;
}
#sideMobile h5 {
	width: 220px;
	margin: 0 auto;
	text-align: left;
	font-weight: normal;
}
#sideMobile form {
	margin: 0;
}
#sideMobile .textarea {
	width:204px;
	height:1.2em;
}
#sideMobile input {
	margin-bottom:2px;
}
#sideMobile p {
	margin: 0 0 1em;
}

/* Customer support */
#sideCustomer {
	margin:0 0 15px;
	text-align:center;
}
#sideCustomer h3 {
	display:none;
}
#sideCustomer a {
	display: block;
	background: url("../img/side/customer_btn.gif");
	width: 240px;
	height: 160px;
	text-indent: -9999em;
}

/* btnLinkmenu */
#sidebtnLink {
	margin:0 0 20px;
}
#sidebtnLink p {
	margin: 0;
}
#sidebtnLink h3 {
	display: none;
}
#sidebtnLink a {
	display: block;
	width: 240px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#sidebtnLink a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#sidebtnLink01 a{
	background: url("../img/side/btnLinkmenu01.gif");
}
#sidebtnLink02 a{
	background: url("../img/side/btnLinkmenu02.gif");
}
#sidebtnLink03 a{
	background: url("../img/side/btnLinkmenu03.gif");
}
#sidebtnLink04 a{
	background: url("../img/side/btnLinkmenu04.gif");
}
#sidebtnLink05 a{
	background: url("../img/side/btnLinkmenu05.gif");
}
#sidebtnLink06 a{
	background: url("../img/side/btnLinkmenu06.gif");
}
#sidebtnLink07 a{
	background: url("../img/side/btnLinkmenu07.gif");
}
#sidebtnLink08 a{
	background: url("../img/side/btnLinkmenu08.gif");
}
#sidebtnLink09 a{
	background: url("../img/side/btnLinkmenu09.gif");
}
#sidebtnLink10 a{
	background: url("../img/side/btnLinkmenu10.gif");
}


/* ------------ PageUp ------------ */
#pageup,
#pageup02 {
	padding:10px 0 0;
}
#pageup {
	width: 650px;
	margin: 0 auto;
}
#contents + #pageup,
#pageup02 {
	width: 940px;
	margin: 0 auto;
}
#headerWrap + #mainWrap #pageup,
#headerWrap + #mainBG02 #pageup {
	width: 100%;
	margin: 0;
}
#pageup p,
#pageup02 p {
	width: 100px;
	margin: 0;
}
#pageup a,
#pageup02 a {
	display: block;
	width: 100%;
	height: 20px;
	background: url("../img/btn_pageup.gif") no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}


/*=====================================================
	Foot Contents
=====================================================*/
#footerWrap,
#footerWrap02 {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	background: #e2f6ff;
	text-align:left;
}
#footer {
	width: 920px;
	min-height: 100px;
	margin: 0 auto;
	font-size: 0.857em;
	background:url("../img/foot_logo.png") no-repeat right center;
	color: #369;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 600px;
	text-align: left;
}
#footer ul li {
	float: left;
	width: 200px;
	margin: 0 0 5px;
	padding:0 0 0 10px;
	background:url("../img/icon_arrow_r1.png") no-repeat 0% 50%;
}
#footer a {
	color: #369;
	text-decoration: none;
}
#footer a:hover {
	color:#6699cc;
	text-decoration: underline;
}
#footer p {
	margin: 10px 0 0;
}
/* ------------ footer rule ------------ */
#footer02 {
	width: 920px;
	min-height: 100px;
	margin: 0 auto;
	background: url("../img/foot_logo.png") no-repeat right center;
	color: #464646;
	font-size: 0.857em;
	text-align:left;
}
#footer02 .copyright {
	margin: 0;
	padding-top: 30px;
}


/* Utility Navigation
--------------------------------------------------------------------------------- */
.utilityNavi {
	padding-top:5px;
	text-align:center;
	line-height:140%;
	font-size:11px;
}
.utilityNavi li {
	display:inline;
	margin: 0 0 0 4px;
	padding: 0 0 0 8px;
	border-left: 1px solid #000;
}
.utilityNavi .worte {
	border: none;
	margin-left: -8px;
}


/*=====================================================
	Main Contents
=====================================================*/
.commonBox {
	border:4px solid #cecece;
	padding:20px;
}
.commonBox-bottom {
	margin-bottom:20px;
}
.commonBox p {
	margin: .5em 0;
}
.commonBox dl,
.commonBox dd,
.PRbox dl,
.PRbox dd {
	margin: 0;
	padding: 0;
}
.commonBox dl dt {
	padding: .2em 1em;
	background: #999;
	color: #fff;
}
.commonBox h5 {
	margin: 0;
	padding: 20px 0 20px 0;
	font-size: 108%;
	font-weight: bold;
	color: #000;
}
.PRbox {
	margin:0 0px 20px;
	padding:20px;
	border:1px solid #090;
}
.PRbox dl dt {
	padding:2px;
	margin-bottom:5px;
	text-align:center;
	background: #090 none;
}
.formBg {
	margin:0 10px 10px;
	padding:0 0 5px;
	text-align:center;
}
.formFrame {
	margin:10px 0 20px 0;
	padding:5px 0;
	text-align:center;
	border: solid #CCC 1px;
}
.formBg02 {
	margin:10px 0 20px 0;
	padding:20px 0;
	text-align:center;
	background-color:#eeecec;
}
.formIn {
	margin: 0;
	padding: 10px 0 15px !important;
	text-align: center;
}
.formIn ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.formIn .textarea {
	width:550px;
	height:1.4em;
}
.formInText {
	font-size: 0.786em;
	color: #f00;
}
.formLeft {
	float: left;
}
.formLeft .textarea,
.formIn .textarea {
	width: 320px;
}
.formRight {
	width: 200px;
	float: right;
}
.btn {
	text-align:center;
}
.completeTxt {
	margin-bottom:15px;
	padding-left:30px;
}
#linkback {
	text-align:right;
	font-size:77%;
}
#linkback a {
	padding:12px;
	color:#000;
	text-decoration:none;
}
#linkback a:hover {
	text-decoration:underline;
	color:#999;
}

/*=====================================================
	Table
=====================================================*/
.tableItem,
.tableItem2 {
	width: 600px;
	border-collapse: separate;
	border-spacing: 2px;
	margin: 0 auto 5px;
}
.tableItem th {
	width: 25%;
	padding: 4px 0;
	background: #48a0ec;
	color: #fff;
	text-align: center;
}
.tableItem td {
	width:75%;
	padding:10px 10px;
	background-color:#FFF;
	color:#000;
}
.tableItem td.end {
	border: 0px none;
	background: #666;
	text-align: center;
	padding: 3px 0;
}
.tableItem td.end a {
	color: #FFF;
	padding-left: 15px;
}
.tableItem td.del {
	border:0px none;
	text-align:right;
	background:none;
}

.tableItem2 th {
	width: 20%;
	text-align: center;
}
.tableItem2 td {
	width: 80%;
	padding: 4px 10px;
	background: #fff9cc;
	color: #000;
}
.tableItem em,
.tableItem2 em {
	font-style: normal;
	font-weight: bold;
}


/*=====================================================
	Home
=====================================================*/
.home_content {
	margin-top: 40px;
}
.home_content:first-of-type {
	margin:0;
}
.content_title {
	margin: 0 auto 10px;
	text-align: center;
}
.content_body {
	width: 600px;
	margin: 0 auto 10px;
}

.add_content_left {
    padding: 20px;
    background: url("../images/dark-brick-wall.png") repeat center / 93px,100%,#fecfd0;
    margin-bottom: 40px;
    border-radius: 8px;
    border: 6px solid #a7d5f2;
        border-image-outset: 0;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;

        border-image-slice: 100%;
    border-image-slice: 1;
}
.add_content_left .add_content_text01,
.add_content_left .add_content_text02{
	background:rgba(255,255,255,0.7);
	border-radius: 8px;
	padding: 2px 10px;
}
.add_content_text02 p{
	font-size: 14px;
}
.add_content_left .add_content_img img{
	width: 98%;
	margin: 20px auto;
}

/* キャンペーン一覧 */
ul.home_campaign_list {
	list-style: none;
	width: 600px;
	margin: 0 auto 20px;
	padding: 0;

	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
ul.home_campaign_list li {
	margin-bottom: 20px;
}
ul.home_campaign_list li.single {
	-ms-flex: 0 1 600px;
	flex: 0 1 600px;
}
ul.home_campaign_list li.half {
	-ms-flex: 0 1 290px;
	flex: 0 1 290px;
}
ul.home_campaign_list li img {
	width: 100%;
	height: auto;
}

/* おすすめプラン */
dl.recommended_plan {
	margin: 0 25px 20px;
	padding: 10px;
	border-radius: 6px;
	background: #e2f6ff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
dl.recommended_plan dt {
	-ms-flex: 0 1 300px;
	flex: 0 1 300px;
}
dl.recommended_plan dd {
	margin: 0 0 0 10px;
	-ms-flex: 0 1 270px;
	flex: 0 1 270px;
}
dl.recommended_plan table {
	margin: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
dl.recommended_plan table th {
	padding: 2px 10px;
	border-radius: 4px;
	text-align: left;
	font-weight: normal;
	background: #333;
	color: #fff;
}
dl.recommended_plan table td {
/*
	font-weight: bold;
	color: #f36;
*/
}
dl.recommended_plan .text {
	margin: 0 0 10px;
	padding: 10px;
	background: #fff;
	font-weight: bold;
	text-align: center;
}
dl.recommended_plan .btn img {
	width: 100%;
	height: auto;
}

/* コンテンツメニュー */
ul.home_contents_list {
	list-style: none;
	width: 600px;
	margin: 0 auto 20px;
	padding: 0;
}
ul.home_contents_list li {
	margin: 0 auto 10px;
	text-align: center;
}
ul.home_contents_list a {
	display: block;
	width: 100%;
	height: 100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.home_contents_btn01 a {
	background: url(../img/btn_home_contents01.jpg) no-repeat;
}
.home_contents_btn02 a {
	background: url(../img/btn_home_contents02.jpg) no-repeat;
}
.home_contents_btn03 a {
	background: url(../img/btn_home_contents03.jpg) no-repeat;
}
.home_contents_btn04 a {
	background: url(../img/btn_home_contents04.jpg) no-repeat;
}
.home_contents_btn05 a {
	background: url(../img/btn_home_contents05.jpg) no-repeat;
}
.home_contents_btn06 a {
	background: url(../img/btn_home_contents06.jpg) no-repeat;
}
.home_contents_btn07 a {
	background: url(../img/btn_home_contents07.jpg) no-repeat;
}
.home_contents_btn08 a {
	background: url(../img/btn_home_contents08.jpg) no-repeat;
}

ul.home_contents_list a:hover {
	background-position: 0 bottom !important;
}


/* home, itemlist
--------------------------------------------------------------------------------- */
.raceInfo {
	margin: 0 0 10px;
}
.raceInfo_title {
	padding: .2em 0;
	font-size: 1.143em;
	font-weight: bold;
	background: #f33;
	color: #fff;
	text-align: center;
}
.raceInfo_block {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;

	text-align: center;
}
.raceInfo_left {
	-webkit-flex: 0 1 448px;
	flex: 0 1 448px;
}
.raceInfo_name {
	margin: 0 0 2px;
	padding: 10px 0;
	font-weight: bold;
	background: #fffacc;
}
.raceInfo_ticket {
	padding: .25em 0;
	background: #dcdcdc;
	color: #565656;
}
.raceInfo_btn {
	-webkit-flex: 0 1 200px;
	flex: 0 1 200px;
}

#reservation {
	padding-bottom:20px;
	margin-bottom:30px;
	background-color: #e2f6ff;
}
#reservation #ttlReservation {
	height: 56px;
	background: url("../img/bar_reserve.png") no-repeat bottom;
	text-indent: -9999px;
}
#reservation #ttlCart {
	height: 56px;
	background: url("../img/bar_cart.png") no-repeat bottom;
	text-indent: -9999px;
}
#reservation #cansel {
	width: 600px;
	margin: 5px auto;
	padding: 3px 0px;
	background: #06c;
	color: #FFF;
	text-align: center;
}
#reservation p {
	margin: 10px 0;
	padding: 0 20px;
}
#reservation .tableItem em {
	font-size: 1.286em;
	font-weight: bold;
	color: #f00;
}
#reservation .select {
	border:0px none;
}
#reservation .select a {
	display: block;
	width: 610px;
	height: 80px;
	background: url("../img/btn_cart.png") no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#reservation .select a:hover {
	background-position: 0 -80px;
}
#reserveConfirm .tableItem em {
	font-size:116%;
	font-weight:bold;
}

#reservation table.bank td,
#reservation table.bank th {
	font-weight: normal;
	background-color: #ffc;
	background-image: none;
	color: #000;
}

#reservation table.bank em {
	font-size: 1.286em;
	font-weight: bold;
}


/* button */
#Itemlist a {
	display: block;
	width: 610px;
	height: 80px;
	margin: 5px auto !important;
	background: url("../img/btn_itemList.gif") no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#Itemlist a:hover {
	background-position: 0px -80px;
}

#flow02 {
	background:url("../img/flow02.png") no-repeat;
	height:140px;
}
#flow03 {
	background:url("../img/flow03.png") no-repeat;
	height:140px;
}
#flow04 {
	background:url("../img/flow04.png") no-repeat;
	height:140px;
}


/* campaign
------------------------------------------------------------- */
#campaign {
	border:4px solid #e0dcd6;
	padding:20px 20px 30px;
}
#campaign p {
	margin: 0;
}
#campaign .tableItem2 {
	margin-bottom:30px;
}
#campaign table em {
	font-size:116%;
}
#campaignLink a {
	display:block;
	margin:0 auto;
	width:609px;
	height:0;
	padding-top:78px;
	overflow:hidden;
	background:url(../img/btn_campaign.png) no-repeat;
}
#campaignLink a:hover {
	background-position:0px -78px;
}

/* information
------------------------------------------------------------- */
#infoBg {
	margin-bottom:30px;
	height:240px;
	text-align:center;
	background:url(../img/infoBg.png) no-repeat;
	color:#000;
}
#infoBg ul {
	list-style: none;
	margin: 0;
	padding: 40px 0;
}
#infoBg #mainRace {
	font-size:153.9%;
	font-weight:bold;
}
#infoBg #mainTime {
	font-size:108%;
}
#infoBg #subRace {
	font-size:138.5%;
	font-weight:bold;
	margin-bottom:15px;
}
#infoBg #jockey {
	font-size:138.5%;
	font-weight:bold;
	color:#036;
}
#infoBg #horse {
	font-size:138.5%;
	font-weight:bold;
	color:#e00000;
}
#infoBakenSelect {
	margin-bottom: 30px;
	padding: 10px;
	background: #e6e6e6;
}
#infoBakenSelect dl {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 40px 5px;
}
#infoBakenSelect dt {
	-webkit-flex: 0 1 30%;
	flex: 0 1 30%;
	padding: 5px 0;
	text-align: center;
}
#infoBakenSelect dd {
	-webkit-flex: 0 1 67%;
	flex: 0 1 67%;
	margin: 0;
	padding: 5px 10px;
}

#infoBakenCols,
#infoBakenColsNo {
	font-size:123.1%;
	font-weight:bold;
}
#infoBakenCols dt {
	background: #cc0000;
	color: #fff;
}
#infoBakenCols dd {
	background: #fff;
	color: #000;
}
#infoBakenColsNo dt {
	background:#000;
	color:#fff;
}
#infoBakenColsNo dd {
	background: #ffc;
	color: #f00;
}
.infoBakenUnder {
	margin: 0 25px 30px;
	padding: 15px;
	border: 3px solid #dcdcdc;
}
h3#infoBakenTitle {
	display: none;
}

/* race
--------------------------------------------------------------------------------- */
.race {
	margin-bottom:30px;
}
.raceTitle {
	background-color:#678f9c;
	border-left:solid #256f87 8px;
	color:#FFF;
	font-size:16px;
	padding:5px 0 5px 24px;
	font-weight:bold;
	margin-bottom:3px;
}
.raceTable {
	text-align:center;
	margin:0 auto 5px;
	width:650px;
	border-collapse:separate;
	border-spacing:2px;
}
.raceTable th {
	width:75%;
	padding:10px 0;
	text-align:center;
	background:#eeecec;
	color:#333;
}
.raceTable td {
	width:25%;
	padding:10px 10px;
	background: #3bd352; /* Old browsers */
	background: -moz-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3bd352), color-stop(50%, #68d350), color-stop(50%, #1ac117), color-stop(100%, #1dbc0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bd352', endColorstr='#1dbc0b', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* W3C */
	color:#FFF;
}
.raceTable a {
	color:#FFF;
}
.raceTable02 {
	text-align:center;
	margin:0 auto 5px;
	width:650px;
	border-collapse:separate;
	border-spacing:2px;
}
.raceTable02 th {
	width:75%;
	padding:10px 0;
	text-align:center;
	background:#eeecec;
	color:#333;
}
.raceTable02 td {
	width:25%;
	padding:10px 10px;
	background: #acaeaf; /* Old browsers */
	background: -moz-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #acaeaf), color-stop(50%, #a2a9ad), color-stop(50%, #626970), color-stop(100%, #929ba3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acaeaf', endColorstr='#929ba3', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* W3C */
	color:#FFF;
}
.raceTable02 a {
	color:#FFF;
}


/* itemList2
--------------------------------------------------------------------------------- */
#titleItemlist2 + .headText {
	margin: 0 10px 30px;
}
.itemBar {
	margin-bottom: 15px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#itemCampaignBar {
	height: 40px;
	background: url(../img/bar_item_campaign.png) no-repeat;
}
#itemTicketBar {
	height: 40px;
	background: url(../img/bar_item_ticket.png) no-repeat;
}

.itemlist {
	margin: 0 0 40px;
	padding: 20px;
	background: #e2f6ff;
}
.itemlist table.item {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
}
.itemlist table.item:last-of-type {
	margin-bottom: 30px;
}
.itemlist table.item th {
	width: 8%;
	padding: 15px 0;
	color: #fff;
	text-align: center;
	line-height: 1.0;
}
.itemlist table.item td {
	padding: 15px 10px;
	background: #fff;
	color: #000;
}
.itemlist table.item td.text1 {
	width: 72%;
}
.itemlist table.item td.text2 {
	width: 20%;
	text-align: center;
}

#itemCampaign table.item th {
	border: 1px solid #ff5252;
	background: #ff5252;
}
#itemCampaign table.item td {
	border: 1px solid #ff5252;
}
#itemCampaign tr.keiba th {
	border: 1px solid #93DB4B !important;
	background: #93DB4B !important;
}
#itemCampaign tr.keiba td {
	border: 1px solid #93DB4B !important;
}

#itemTicket table.item th {
	border: 1px solid #333;
	background: #333;
}
#itemTicket table.item td {
	border: 1px solid #333;
}
#itemTicket table.item td strong {
	color: #f36;
}
#itemTicket table.item td em {
	font-style: normal;
	background: #ff9;
}

.itemlist .btn {
	text-align: center;
}
.itemlist .btn input[type="image"]:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.itemlist .btnText:not(:last-of-type) {
	margin-bottom: 30px;
}


/* settle
--------------------------------------------------------------------------------- */
#settle {
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: #e2f6ff url("../img/bar_settle.png") no-repeat;
}
#settle h3 {
	height: 56px;
	text-indent: -9999px;
}
#settle p {
	margin: 5px 0;
	padding: 0 20px;
}
#settle .tableItem em {
	font-size: 1.286em;
	font-weight: bold;
}
#settle table.bank td,
#settle table.bank th {
	font-weight: normal;
	background-color: #ffc;
	background-image: none;
	color: #000;
}
#settle dl {
	width: 600px;
	margin: 0 auto 10px;
}
#settle dl dt {
	margin: 0 0 10px;
	padding: .2em 10px;
	font-size: 1.286em;
	font-weight: bold;
	background: #333;
	color: #fff;
}
#settle dl dd {
	margin: 0;
}
#settle .em {
	margin:1em 0 0;
	text-align:center;
}
#settle .em p {
	margin: 0 !important;
}
#settle .em #bRakuten a {
	display: block;
	width: 610px;
	height: 78px;
	margin: 1em auto 0 !important;
	background: url("../img/btn_bank_rakuten.png") no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#settle .em #bRakuten a:hover {
	background-position: 0px -78px;
}
#settle .em #bJNB a {
	display:block;
	width:180px;
	height:0px;
	padding-top:70px;
	overflow:hidden;
	margin:1 em auto 0 !important;
	background: url("../img/btn_bank_jnb.png") no-repeat;
}
#settle .em #bJNB a:hover {
	background-position: 0px -70px;
}
#settle .return {
	text-align:right;
}
#settle #settleComplete {
	width:540px;
	margin:0 auto;
	text-align:center;
}
#settle #settleComplete em {
	font-size:124%;
	font-weight:bold;
	color:#f00;
}

form input#btn_credit_telecom,
form input#btn_credit_telecom_quick,
form input#btn_net_bank,
form input#btn_cvd,
form input#btn_cvd_chk,
form input#btn_quickcharge {
	display: block;
	width: 610px;
	margin: 5px auto !important;
	border: none;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
form input#btn_credit_telecom {
	height: 80px;
	background: url("../img/btn_credit_telecom.gif") no-repeat left top;
}
form input#btn_credit_telecom_quick {
	height: 80px;
	background: url("../img/btn_credit_telecom_quick.gif") no-repeat left top;
}
form input#btn_net_bank {
	height: 80px;
	background: url("../img/btn_net_bank.gif") no-repeat left top;
}
form input#btn_cvd {
	height: 70px;
	background: url("../img/btn_cvd.png") no-repeat left top;
}
form input#btn_cvd_chk {
	height: 70px;
	background: url("../img/btn_cvd_chk.png") no-repeat left top;
}
form input#btn_quickcharge {
	height: 100px;
	background: url("../img/btn_apply.gif") no-repeat left top;
}

/* ------------ Mobileに送信 ------------ */
#settle .link {
	margin:10px 28px;
	padding:15px;
	background:#FFF;
	min-height:50px;
}
#settle .link form {
	text-align:center;
	margin:0 auto;
}
#settle .link p {
	margin-bottom:0;
	padding:0;
}
#settle .linkComplete {
	font-size:124%;
	font-weight:bold;
	text-align:center;
	color:#f00;
}

/* ------------ 決済選択 ------------ */
#payBox {
	margin: 30px 0;
}
#payBox h3 {
	height: 50px;
	text-indent: -9999px;
	background: url("../img/bar_settle_select.png") no-repeat;
}
#pay {
	padding: 20px 0;
	background: #e2f6ff;
}
#pay > ul {
	list-style: none;
	width: 610px;
	margin: 0 auto 15px;
	padding: 0;
}
#pay > ul > li {
	margin: 0;
}
#pay li.txt {
	width:600px;
	margin: 10px auto;
}
#pay li.txt p {
	margin: 0;
}
#pay li.txt em {
	font-weight: normal;
	color: #f00;
}
#pay ul#bank .txt {
	padding-bottom:60px;
	background:url("../img/settle_bank.png") no-repeat left bottom;
}
#pay ul#banknet .txt {
	padding-bottom:60px;
	background:url("../img/settle_banknet.png") no-repeat left bottom;
}
#pay ul#credit .txt {
	padding-bottom:60px;
	background:url("../img/settle_credit.png") no-repeat left bottom;
}
#pay ul#bitcash .txt {
	padding-bottom:60px;
	background:url("../img/settle_bitcash.png") no-repeat left bottom;
}
#pay ul#cvd .txt {
	padding-bottom:60px;
	background:url("../img/settle_cvd.png") no-repeat left bottom;
}
#pay h4 {
	margin: 0 auto 5px;
	padding: 5px 10px;
	font-size: 1.286em;
	font-weight: bold;
	text-align: left;
	background: #666 !important;
	color: #fff;
}
#pay .h24 {
	background:url("../img/settle_24h.gif") no-repeat 95% center;
}
#pay li.btn img {
	display:none;
}
#pay li.btn a {
	display: block;
	width: 610px;
	height: 70px;
	margin: 0 !important;
	background: url("../img/btn_settle.png") no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
ul#bank .btn a {
	background-position: 0 0;
}
ul#banknet .btn a {
	background-position: 0 -70px;
}
ul#credit .btn a {
	background-position: 0 -140px;
}
ul#bitcash .btn a {
	background-position: 0 -210px;
}
ul#cvd .btn a {
	background-position: 0 -280px;
}
ul#bank .btn a:hover {
	background-position: 0 -350px;
}
ul#banknet .btn a:hover {
	background-position: 0 -420px;
}
ul#credit .btn a:hover {
	background-position: 0 -490px;
}
ul#bitcash .btn a:hover {
	background-position: 0 -560px;
}
ul#cvd .btn a:hover {
	background-position: 0 -630px;
}

#otherCampaign {
	margin:0 0 20px;
	text-align:right;
}

/* ------------ 各種決済の注意事項 ------------ */
.notice {
	width:600px;
	margin:0 auto 50px;
}
.notice h3 {
	height:45px;
	text-indent:-9999px;
	background:url("../img/txt_notice.png") no-repeat;
}
.notice ul {
	padding-left:20px;
	list-style-type:disc;
}
.notice dl {
	margin-top:15px;
}
.notice dl dt {
	margin-bottom:2px;
	padding-left:12px;
	font-size:109%;
	font-weight:bold;
	background:url("../img/icon_arrow_r1.gif") no-repeat 0% 50%;
	color:#000;
}
.notice dl dd {
	padding-left:20px;
}
/* ------------ 各種決済の説明 ------------ */
#detail {
	width:600px;
	margin:0 auto 30px;
	font-size:93%;
}
#detail h5 {
	margin-bottom:5px;
	font-size:109%;
	font-weight:bold;
	color:#000;
}
#detail #detailAbout {
	margin-bottom:15px;
}
#detail #detailHowto ol {
	padding-left:30px;
	list-style-type:decimal;
}
#detail #detailHowto ol li {
	margin-top:3px;
	padding-top:3px;
	border-top:1px dotted #ccc;
}
#detail #detailHowto ol li.first {
	margin-top:0px;
	padding-top:0px;
	border-top:0px none;
}
#detail #ico-bitcash {
	padding-left:90px;
	min-height:90px;
	background:url(../img/what_bitcash.png) no-repeat;
}
#detail #ico-ccheck {
	padding-left:110px;
	min-height:40px;
	background:url(../img/what_ccheck.png) no-repeat 0% 50%;
}
#detail #ico-cvc {
	padding-left:120px;
	background:url(../img/what_cvc.png) no-repeat;
}
#detail #ico-edy {
	padding-left:60px;
	min-height:50px;
	background:url(../img/what_edy.png) no-repeat;
}


/*=====================================================
 part
=====================================================*/
#company {
	background: url("../img/company.gif") no-repeat;
	width: 784px;
	height: 200px;
	margin: 0px auto;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#outline {
	background: url("../img/outline.gif") no-repeat;
	width: 784px;
	height: 540px;
	margin: 0px auto;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#customer form {
	margin-bottom:50px;
}
#customerTxt {
	width:516px;
	height:264px;
	margin:0 auto 15px;
	text-indent:-9999px;
	background:url("../img/txt_customer.gif") no-repeat;
}


/* ------------ update ------------ */
#mailchg .formIn {
	font-weight:bold;
}
#mailchg p {
	text-align:center;
}

/* ------------ taikai ------------ */
#stop em {
	font-size:124%;
	color:#f00;
}
#stop h2 {
	margin-bottom:5px;
	padding:5px 0 5px 25px;
	font-size:116%;
	background-color:#b7cad0;
	color:#FFF;
	font-weight:bold;
}
#taikaiQuestion {
	text-align:left;
}
#taikaiQuestion .formIn {
	padding-left:20px;
	padding-right:20px;
}
#taikaiQuestion ol {
	padding:0 30px;
	list-style-type:decimal;
}
#taikaiQuestion ol li {
	margin-bottom:15px;
}
#taikaiQuestion h3 {
	margin-bottom:5px;
}
#taikaiQuestion .qBox {
	padding:4px 10px;
	background:#fff;
	border:1px solid #dcdcdc;
}
#taikaiQuestion .qBox em {
	font-size:85%;
}


/* setting
--------------------------------------------------------------------------------- */
#carrierHead {
	padding:0 20px;
	margin-bottom:30px;
}
#mobilesetting {
	width: 880px;
	margin: 0 auto 20px;
}
#mobilesetting ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mobilesetting li {
	float: left;
	margin-right: 8px;
}
#tabContainer p {
	margin: 0;
}
#docomoimg {
	background:url(../img/setting_docomo.png) no-repeat;
	width:880px;
	height:800px;
}
#auimg {
	background:url(../img/setting_au.png) no-repeat;
	width:880px;
	height:800px;
}
#softbankimg {
	background:url(../img/setting_softbank.png) no-repeat;
	width:880px;
	height:800px;
}



/* index
--------------------------------------------------------------------------------- */
#registForm {
	width:650px;
	margin-bottom:20px;
	text-align:center;
	margin:0 auto;
}
#registForm h2 {
	height:152px;
	text-indent:-9999px;
	background:url(../img/regist_01.png) no-repeat;
}
#registForm form {
	margin:0;
}
#regMail {
	height:64px;
	background:url(../img/regist_02.png) no-repeat;
	color:#fff;
}
#regMailInput {
	padding:5px 0 0 0px;
	text-align:center;
	margin:0 auto;
}
#regMailInput #err02 {
	font-size:12px;
	color:#F00;
	height:24px;
}
#regMailInput #textarea {
	width:584px;
	height:1.4em;
	font-size:124%;
}
#regBtn {
	height:160px;
	background:url(../img/regist_03.png) no-repeat;
}
#regBtn:after {
	content:url(../img/spacer.gif);
	display:block;
	height:0;
	visibility:hidden;
}/* clearfix */
#regBtn {
	display:inline-block;
}/* clearfix */
#regBtn {
	display:block;
}/* clearfix */
#regBtn #regTxt {
	width:585px;
	font-size:10px;
	color:#fff;
	text-align:left;
	margin:0 auto;
	padding-top:2px;
}
#regBtn #regTxt a {
	color:#ffdc33;
}
#regBtn #regBtnInput {
	width:585px;
	margin:0 auto;
	text-align:center;
}
#regBtn #regBtnInput input {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#registForm #setting {
	background:url(../img/regist_04.png) no-repeat;
	height:88px;
	text-align:left;
}
#registForm #setting p {
	padding:18px 0 0 560px;
}
#registForm #setting a {
	display:block;
	background:url(../img/btn_mobile.png) no-repeat;
	width:56px;
	height:0px;
	padding-top:56px;
	overflow:hidden;
}
#registForm #setting a:hover {
	background-position:0 -56px;
}


/*=====================================================
	preLogin
=====================================================*/
#preLogin p {
	margin: 10px 0 !important;
	padding: 0 !important;
}
#preLogin .bookmark {
	font-size: 124%;
	color: #f60;
	font-weight: bold;
	text-align: center;
}
#preLogin form {
	margin: 0 140px 30px;
	padding: 5px 15px;
	border: 2px solid #ff8a80;
}
#preLogin ul {
	list-style: none;
	display: table;
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
}
#preLogin .formLabel {
	display: table-cell;
	vertical-align: middle;
	width: 130px;
}
#preLogin .formInput {
	display: table-cell;
	vertical-align: middle;
}
#preLogin .formInput input {
	width: 100%;
}
#preLogin .btn {
	text-align: center;
}
#preLogin .forget {
	text-align: center;
}
#preLogin + div {
	margin: 0 0 20px;
}

.entryForm {
	margin-bottom: 50px;
	text-align: center;
}
.entryForm .err {
	padding: 0;
}
.entryForm p {
	margin-top: .5em;
	margin-bottom: .5em;
}
.entryForm .input input {
	width: 730px;
	margin: 10px auto 5px;
	padding: .75em 15px;
	border: 2px solid #f00;
	border-radius: 8px;
	font-size: 1.286em;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2) inset;
}
.entryForm .input input:focus {
	outline: 0;
}
::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1;
}
::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
/* IE 10 later */
:-ms-input-placeholder {
	color: #ccc;
}
.entryForm .base {
	position: relative;
}
.entryForm .btn {
	margin: 10px auto;
}
.entryForm .btn input[type="submit"] {
	width: 760px;
	height: 100px;
	border: 0 none;
	background: url(../img/btn_prelogin_02.gif) no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	outline: 0;
	cursor: pointer;
}
.entryForm .btn input[type="submit"]:hover {
	background-position: center bottom;
}
.entryForm .confirm {
	margin: 0;
	font-size: 1.143em;
	color: #666;
}
.entryForm .balloon {
	position: absolute;
	top: 20px;
	left: 10px;
}
@keyframes swing {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(10deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-10deg);
	}
	to {
		transform: rotate(0deg);
	}
}
.swing {
	animation-name: swing;
	-moz-animation: swing linear 1.5s infinite;
	-moz-transform-origin: 114px 50px;
	-webkit-animation: swing linear 1.5s infinite;
	-webkit-transform-origin: 114px 50px;
	-o-animation: swing linear 1.5s infinite;
	-o-transform-origin: 114px 50px;
	animation: swing linear 1.5s infinite;
	transform-origin: 114px 50px;
}


/*=====================================================
	Contents
=====================================================*/
/* Contents : FAQ */
#contents_faq {
	width: 650px;
	margin: 0 auto;
	font: 1.077em/1.5 sans-serif;
}

#faq_list {
	list-style: none;
	margin: 1em 0 3em;
	padding: 15px;
	background: #afeeff;
	color: #666;
	text-align: left;
}
#faq_list li {
	margin-bottom: 4px;
	padding: .4em 0;
	background: #fff;
}
#faq_list li a {
	position: relative;
	padding-left: 25px;
	color: #333;
	text-decoration: none;
}
#faq_list li a:hover {
	color: #39c;
	text-decoration: underline;
}
#faq_list li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #666;
}
#faq_list li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 14px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}

.faq dl {
	margin: 0 0 2em;
}
.faq dl dt {
	padding: .45em 0 .35em 35px;
	border-bottom: 2px solid #999;
	font-weight: bold;
	background: url(../img/faq/pcCont01.png) no-repeat left center;
}
.faq dl dd {
	margin: .35em 0 0;
	padding: .15em 0 0 35px;
	background: url(../img/faq/pcCont02.png) no-repeat;
	color: #666;
}

/* Contents : ご利用ガイド */
#contents_guide {
	width: 650px;
	margin: 0 auto;
}
#contents_guide .head {
	margin-bottom: 30px;
}
#contents_guide dl.cont {
	margin: 0 0 30px;
}
#contents_guide dl.cont dt  {
	height: 40px;
	margin-bottom: 10px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#contents_guide dl.cont dd {
	margin: 0;
}
#contents_guide #cont01 dt {
	background: url(../img/guide/pcCont01.png) no-repeat;
}
#contents_guide #cont02 dt {
	background: url(../img/guide/pcCont02.png) no-repeat;
}
#contents_guide .bgColor {
	background: #fff2dc;
	margin-bottom: 2em;
	padding: 20px 0;
}
#contents_guide .bgColor .title {
	height: 200px;
	margin-bottom: 20px;
	background: url(../img/guide/pcCont03.png) no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#contents_guide .teaminfo {
	margin: 0 20px 20px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
}
#contents_guide .teaminfo p {
	margin: 0;
}
#contents_guide .teamname {
	float: left;
	width: 220px;
	height: 3.5em;
	font-size: 1.143em;
	font-weight: 600;
}
#contents_guide .teamtitle {
	float: right;
	width: 350px;
	height: 3.5em;
	font-size: 1.143em;
	font-weight: 600;
	color: #06f;
}
#contents_guide .teamimage {
	float: left;
	width: 200px;
}
#contents_guide .teamimage img {
	width: 180px;
	height: 180px;
}
#contents_guide .teamprof {
	float: right;
	width: 350px;
}

/* Contents : 舟券投票ガイド
#contents_guideKen {
	width: 650px;
	margin: 0 auto;
}
#contents_guideKen .indent {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#contents_guideKen .head {
	margin-bottom: 30px;
}
#contents_guideKen .title01 {
	margin: 30px 0 1em;
}
#contents_guideKen #cont01 {
	margin-bottom: 30px;
}
#contents_guideKen #cont02 {
	margin-bottom: 10px;
}
#contents_guideKen ul.bank {
	width: 630px;
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}
#contents_guideKen ul.bank li {
	float: left;
	width: 100px;
	margin-right: 5px;
}
#contents_guideKen ul.bank a {
	display: block;
	width: 100px;
	height: 50px;
	background: url(../img/guideKen/pcBank.jpg);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#contents_guideKen ul.bank a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
#contents_guideKen ul.bank #bank01 a {
	background-position: 0 0;
}
#contents_guideKen ul.bank #bank02 a {
	background-position: -100px 0;
}
#contents_guideKen ul.bank #bank03 a {
	background-position: -200px 0;
}
#contents_guideKen ul.bank #bank04 a {
	background-position: -300px 0;
}
#contents_guideKen ul.bank #bank05 a {
	background-position: -400px 0;
}
#contents_guideKen ul.bank #bank06 a {
	background-position: -500px 0;
}

#contents_guideKen #cont03 {
	margin-bottom: 10px;
}
#contents_guideKen #btnTeleboat a {
	display: block;
	width: 260px;
	height: 50px;
	background: url(../img/guideKen/pcBtnTeleboat.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#contents_guideKen #btnTeleboat a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
#contents_guideKen .title02 {
	margin: 60px 0 1em;
}
#contents_guideKen .guideList {
	width: 540px;
	margin: 0 auto 40px;
	padding: 20px;
	border: 2px solid #a9a9a9;
}
#contents_guideKen .guideList dt {
	height: 40px;
}
#contents_guideKen #cont04 dt {
	background: url(../img/guideKen/pcCont04.png) no-repeat;
}
#contents_guideKen #cont05 dt {
	background: url(../img/guideKen/pcCont05.png) no-repeat;
}
#contents_guideKen .guideList dd {
	margin: 15px 0 0;
}
#contents_guideKen .guideList dd a {
	display: block;
	width: 408px;
	height: 68px;
	margin: 0 auto;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#contents_guideKen .guideList dd a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
#contents_guideKen #cont04 dd a {
	background: url(../img/guideKen/pcBtn01.png) no-repeat;
}
#contents_guideKen #cont05 dd a {
	background: url(../img/guideKen/pcBtn02.png) no-repeat;
}
#contents_guideKen #guide_customer {
	margin: 50px 0;
}
 */

/* Contents : 予想購入ガイド
#contents_guideYosou {
	width: 650px;
	margin: 0 auto;
}
#contents_guideYosou > p {
	margin-left: 10px;
	margin-right: 10px;
}
#contents_guideYosou .head {
	margin-bottom: 15px;
}
.guideYosou .box {
	background: #ffe0e0;
	margin: 2em 0;
	padding: 20px 10px 30px;
}

.guideYosou .title {
	margin: 0 10px .5em;
	font-size: 1.143em;
	font-weight: bold;
	color: #333;
}

.guideYosou dl {
	display: table;
	border-collapse: separate;
	border-spacing: 10px;
	width: 100%;
	margin: 0 0 5px;
}
.guideYosou dt {
	display: table-cell;
	width: 40px;
	vertical-align: middle;
	text-align: center;
}
.guideYosou dt p {
	margin: 0;
	padding: 8px 0;
	border-radius: 50%;
	font: 24px/24px 'Arial','Helvetica',sans-serif;
	background: #ff5252;
	color: #fff;
}
.guideYosou dd {
	display: table-cell;
	margin: 0;
	padding: 10px;
	background: #fff;
	vertical-align: middle;
}

.guideYosou .more {
	margin: 0 15px;
}

.guideYosou .btn {
	width: 610px;
	margin: 0 auto;
}
.guideYosou .btn a {
	display: block;
	height: 90px;
	background: url(../img/guideYosou/pcBtn.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.guideYosou .btn a:hover {
	background-position: left bottom;
}
 */

/* Contents : 的中実績
#contents_hit {
	width: 650px;
	margin: 0 auto 30px;
}
#contents_hit .hitList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	margin-top: 20px;
	padding: 25px;
	background: #ffcdd2;
}
#contents_hit .hit {
	-webkit-flex: 0 1 49%;
	flex: 0 1 49%;
	margin-bottom: 10px;
	padding: 15px 15px 13px;
	background: #fff;
	text-align: center;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
}
#contents_hit .hit .date {
	background: #ff5252;
	color: #fff;
}
#contents_hit .hit .race {
	margin: 5px 0;
	font-weight: bold;
}
#contents_hit .hit .dividend em {
	margin: 0 5px 2px 0;
	padding: 1px 5px;
	border-radius: 3px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.0;
	background: #333;
	color: #ff3;
	vertical-align: middle;
}
#contents_hit .hit .dividend strong {
	font: bold 20px/1.2 Arial, sans-serif;
	color: #09f;
	vertical-align: middle;
}
#contents_hit .hit .dividend strong:after {
	content: '的中!!';
	font-size: 16px;
	color: #f00;
}
 */

/* Contents : 的中の声
#contents_voice {
	width: 650px;
	margin: 0 auto;
}
#contents_voice .head {
	margin-bottom: 20px;
}
#contents_voice #cont01 {
	height: 310px;
	margin-bottom: 20px;
	background: url(../img/voice/pcCont01.jpg) no-repeat;
	text-align: left;
}
#contents_voice #cont01 .btn {
	margin: 0;
	padding: 98px 0 0 12px;
}
#contents_voice #cont01 a {
	display: block;
	background: url(../img/voice/pcBtn.png) no-repeat;
	width: 450px;
	height: 60px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#contents_voice #cont01 a:hover {
	background-position: left bottom;
}
#voiceList {
	padding: 20px;
	background: #d5eefc;
}
#voiceList .balloon {
	position: relative;
	margin: 0 0 20px 10px;
	padding: 20px;
	border-radius: 10px;
	font-size: 114.3%;
	line-height: 1.5;
}
#voiceList .balloon::before {
	content: '';
	position: absolute;
	z-index: 1;
	left: -7px;
	top: 35px;
	width: 14px;
	height: 14px;
	transform: translateY(-50%) rotate(45deg) skew(-20deg,-20deg);
}
#voiceList .balloon::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
#voiceList .balloon > * {
	position: relative;
	z-index: 3;
}
#voiceList .balloon,
#voiceList .balloon::before {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
#voiceList .balloon,
#voiceList .balloon::before,
#voiceList .balloon::after {
	background: #fff;
	color: #000;
}
#voiceList .balloon .title {
	font-size: 112.5%;
	font-weight: bold;
	color: #f30;
}
#voiceList .balloon .name {
	margin: .25em 0 .5em;
	color: #2494cc;
}
#voiceList .balloon .name span {
	margin-left: 1em;
}
 */

/* 予想家紹介
#contents_yosouka .home_yosouka {
	margin-bottom: 40px;
}
.yosouka_list .yosouka {
	margin-bottom: 30px;
}
.yosouka_list .yosouka_name {
	padding: 10px 15px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 1.429em;
	line-height: 1.0;
	background: #003078;
	color: #fff;
}
.yosouka_list .yosouka_data {
	padding: 15px;
	border: 1px solid #003078;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.yosouka_list .yosouka_image {
	-ms-flex: 0 1 220px;
	flex: 0 1 220px;
	padding: 5px 0;
	text-align: center;
}
.yosouka_list .yosouka_image img {
	width: 200px;
}
.yosouka_list .yosouka_detail {
	-ms-flex: 0 1 380px;
	flex: 0 1 380px;
	padding-right: 15px;
}
.yosouka_list .yosouka_detail .caption {
	padding: 10px 0 20px;
	font-size: 1.286em;
	font-weight: bold;
	text-align: center;
}
#contents_yosouka .apply {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
#contents_yosouka .btn img {
	width: 100%;
	height: auto;
}
 */






/*=====================================================
	ログイン後コンテンツ
=====================================================*/
.info_contents img {
	width: 100%;
	height: auto;
	line-height: 1.0;
}
.info_title {
	margin-bottom: 30px;
}
.info_block_title {
	padding: .5em;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-weight: bold;
	background: #dcdcdc;
	text-align: center;
}
.info_block {
	padding: 20px;
	border: 4px solid #dcdcdc;
}
.no_info dl dt {
	margin-bottom: 10px;
	font-size: 1.286em;
	font-weight: bold;
	color: #f00;
	text-align: center;
}
.info_block dl dd,
.no_info dl dd {
	margin: 0;
}


/* ご購入済みの商品【情報公開】 */
.reserved {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 4px;
	background: #c0e8fc;
	text-align: center;
}
.reserved:last-of-type {
	margin-bottom: 0;
}
.reserved table {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	margin-bottom: 10px;
	background: #000;
}
.reserved table th {
	width: 30%;
	padding: 5px;
	font-weight: normal;
	background: #000;
	color: #fff;
}
.reserved table td {
	padding: 5px;
	background: #fff;
	color: #000;
}
.reserved .btn {
	width: 50%;
	margin: 0 auto;
}

/* 情報公開 レース予想1 */
.race_yosou1 {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 4px;
	background: #c0e8fc;
	text-align: center;
}
.race_yosou1:last-of-type {
	margin-bottom: 0;
}
.race_yosou1 table {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	margin-bottom: 10px;
}
.race_yosou1 table th {
	width: 30%;
	padding: 5px;
	font-weight: normal;
	background: #ff5252;
	color: #fff;
}
.race_yosou1 table td {
	padding: 5px;
	background: #fff;
	color: #000;
}
.race_yosou1 .btn {
	width: 50%;
	margin: 0 auto;
}

/* 無料・チケット情報公開 */
#info_list .freeinfo {
	margin-bottom: 60px;
}
.info_list .info {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 4px;
	background: #c0e8fc;
}
.info_list .info_keiba {
	background: #93DB4B !important;
}
.info_list .info table {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	margin-bottom: 10px;
}
.info_list .info th {
	padding: 5px;
	background: #333;
	color: #fff;
	text-align: center;
}
.info_list .info td {
	padding: 5px;
	background: #fff;
	text-align: center;
}
.ticketinfo .race_ticket {
	font-weight: bold;
	color: #f00;
}
.info_list .info .btn {
	width: 50%;
	margin: 0 auto;
}

/* 本日のオススメ情報 */
.recommended {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 4px;
	background: #ffcfcf;
	text-align: center;
}
.recom_keiba {
	background: #93DB4B !important;
}
.recommended .plan_title {
	padding: 6px;
	font-weight: bold;
	background: #ff6;
	color: #000;
}
.recommended table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #ffcfcf;
	width: 100%;
}
.recommended table th {
	width: 30%;
	padding: 5px;
	border-bottom: 1px solid #ffcfcf;
	font-weight: normal;
	background: #ff5252;
	color: #fff;
}
.recommended table td {
	padding: 5px;
	border-bottom: 1px solid #ffcfcf;
	background: #fff;
}
.recommended .plan_sum {
	padding: 5px;
	font-weight: bold;
	background: #fff;
	color: #000;
}
.recommended .btn_block {
	margin: 10px 15px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.recommended .btn_block .btn {
	-ms-flex: 0 1 280px;
	flex: 0 1 280px;
}


header.campaign {
	text-align:center;
}

/* メールログ */
h2.title {
	margin: 0 0 15px;
	padding: .5em 1.5em;
	border-left: 8px solid #ff5252;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 1.5em;
	font-weight: 500;
	background-color: #333;
	color: #fff;
}
.mail table th {
	padding: 5px;
	border-bottom: 1px solid #ffcfcf;
	font-weight: normal;
	background: #ff5252;
	color: #fff;
}
.mail table th:nth-child(1), .mail table th:nth-child(2) {
	width: 50px;
}
.mail table th:nth-child(3) {
	width: 170px;
}
.mail table td {
	padding: 5px;
	border-bottom: 1px solid #ffcfcf;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}
.mail table td:nth-child(3) {
	width: 50px;
	font-size: 0.9em;
}
.mail table td:nth-child(4) {
	text-align: left;
}
.mail .read {
	color: #0000ff;
}
.mail .unread {
	color: #ff0000;
}

.mail input[type='submit']{
	font-size: 14px;
	display: inline-block;
	padding: 15px 100px;
	background: linear-gradient(to bottom, #ff737c 0%, #FF5252 100%);
	color: #fff;
	text-decoration: none;
	border: none;
	cursor: pointer;
}
.mail input[type='submit']:hover{
	background: #ff474c;
}

.mail .mail_paging {
}
.mail .mail_paging:after, .mail .mail_paging:before {
    content: "";
    clear: both;
    display: block;
}
.mail .mail_paging .left {
	float:left;
}
.mail .mail_paging .right {
	float:right;
}

.mail #detail p {
	padding: 10px;
	border-bottom: 2px solid #ffcfcf;
}

/* SNSログイン・登録
------------------------------------------------*/
/* 登録フォーム */
.sns_entry{
    width:50%;
    margin: 8px auto 100px auto;
    text-align: center;
    border-radius: 8px;
    padding: 10px 15px;
}
.sns_entry h1{
    background: #00b900;
    color: #ffffff;
    width:84%;
    display: inline-block;
    border-radius: 6px;
    padding: 0.2em 0;
    margin-bottom: 0.5em;
    font-size: 1em;
}
.sns_entry p{
    font-size: 0.8em;
    color: #333333;
}
.sns_entry ul{
    width: 95%;
    list-style: none;
    margin: 1em auto 0 auto;
    overflow: hidden;
    padding-left: 0;
}
.sns_entry ul li{
    width:calc(100% / 3);
    display: inline-block;
    float: left;
}
.sns_entry ul li img{
    width:88%;
    margin: 0 auto;
    display: inline-block;
}
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝





【pc.css】
■CSS最下部に下記CSSを追記
*/
/* SNSログイン・登録
------------------------------------------------*/
/* ログインフォーム */
.sns_login {
	margin: 15px auto 5px;
	padding: 10px 15px;
}
#main2 .sns_login h1{
    background: #333;
    color: #ffffff;
    width: 84%;
/*    display: inline-block;*/
    display: block;
    border-radius: 6px;
    border-left: none;
    padding: 0.2em 0;
    margin: 0 auto 0.5em;
    font-size: 1em;
    text-align: center;
}
.sns_login p{
    font-size: 0.8em;
    color: #333333;
}
.sns_login p a{
    text-decoration: underline;
}
.sns_login ul{
    width: 95%;
    list-style: none;
    margin: 1em auto 0 auto;
    overflow: hidden;
    padding-left: 0;
}
.sns_login ul li{
    width:calc(100% / 3);
    display: inline-block;
    float: left;
}
.sns_login ul img{
    width:88%;
    margin: 0 auto;
    display: inline-block;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {color:#ff0000;font-weight:bold;}
    100% {color:#000000;font-weight:bold;}
}
@-moz-keyframes blink{
    0% {color:#ff0000;font-weight:bold;}
    100% {color:#000000;font-weight:bold;}
}
@keyframes blink{
    0% {color:#ff0000;font-weight:bold;}
    100% {color:#000000;font-weight:bold;}
}

/* 的中実績（ログイン後トップ）
------------------------------------------------*/
.home_results .content_body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 4%;
	row-gap: 20px;
}
.home_result {
	padding: 20px;
	background: url("/includes/pc/img/bg_home_result.jpg") center/100% 100% no-repeat;
}
.home_result .race_title {
	padding: .25em .5em;
	border-radius: 4px;
	font-size: 1.2em;
	font-weight: bold;
	background: #001856;
	color: #fff;
}
.home_result ul.race_detail {
	list-style: none;
	margin: 5px 0 10px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: .5em;
}
.home_result ul.race_detail > li:nth-of-type(2n) {
	text-align: right;
}
.home_result ul.race_detail > li:nth-of-type(3),
.home_result ul.race_detail > li:nth-of-type(4) {
	font-size:  2em;
}
.home_result .dividend {
	position:  relative;
	text-align: center;
	font-size:  1.5em;
	font-weight: bold;
	line-height: 1.2;
	color: #cc0000;
}
.home_result .dividend span {
	position: relative;
	padding-left: 36px;
}
.home_result .dividend span::after {
	position: absolute;
	display: block;
	content: "";
	width: 61px;
	height: 62px;
	top: -12px;
	left: -30px;
	background: url("/includes/pc/img/icon_home_result.png") center/contain no-repeat;
	-moz-animation: icon_result 1s ease-in-out 0s infinite normal;
	-webkit-animation: icon_result 1s ease-in-out 0s infinite normal;
	-ms-animation: icon_result 1s ease-in-out 0s infinite normal;
}
/*-- 的中iconアニメーション --*/
@keyframes icon_result {
	25%{ transform:scale(1); }
	30%{ transform:scale(1.1); }
	35%{ transform:scale(1); }
}
@-webkit-keyframes icon_result {
	25%{ transform:scale(1); }
	30%{ transform:scale(1.1); }
	35%{ transform:scale(1); }
}
@-ms-keyframes icon_result {
	25%{ transform:scale(1); }
	30%{ transform:scale(1.1); }
	35%{ transform:scale(1); }
}