@charset "UTF-8";

/* 入力項目の利便性対応 */
.errorItem {
	background-color: #ffeaff;
}

/* インラインフレーム対応 */
.content_inner {
	background-color: #ffffff;
}

.iframe {
	text-align: center;
	width: 720px;
}

.iframe_div {
	text-align: center;
}

.ifrme_title {
	color: #003399;
	font-size: 200%;
	font-weight: bold;
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

/* 入会連携用CSS */
.footer_disable {
	display:none;
}

.more_detail {
	margin: 0 auto;
	width: 702px;
	text-align:right;
}

.moredetail_link {
	background-image: url(/assets/img/arrow/gold.png);
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
	letter-spacing: 0;
}

.spat4_id_box_linkage {
	margin: 0 auto 10px;
	width: 702px;
}

.spat4_id_box_linkage .inner {
	border-color: #2c5ca6;
	border-style: solid;
	border-width: 5px;
	letter-spacing: -0.4em;
	padding: 10px;
	text-align: center;
}

.spat4_id_box_linkage .inner2 {
	border-color: #2c5ca6;
	border-style: solid;
	border-width: 5px;
	letter-spacing: -0.4em;
	padding: 10px;
	text-align: center;
}

.spat4_id_box_linkage .inner input {
	border-color: #d0d0d0;
	border-style: solid;
	border-width: 1px;
	letter-spacing: 0;
	line-height: 34px;
	margin-bottom: 10px;
	width: 248px;
}

.spat4_id_box_linkage .inner label {
	color: #13477f;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 108%;
	letter-spacing: 0;
	margin-bottom: 10px;
	padding-left: 0em;
	text-align: left;
	width: 10em;
}

.spat4_id_box_linkage .inner p {
	letter-spacing: 0;
	margin-bottom: 0;
	text-align: center;
}

.spat4_id_box_linkage .inner .innertext {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 108%;
	letter-spacing: 0;
	margin-bottom: 10px;
	text-align: left;
	color: #000000;
	padding-left: 0em;
	width: 248px;
}

.spat4_id_box_linkage .inner .require {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 108%;
	letter-spacing: 0;
	margin-bottom: 10px;
	text-align: left;
	width: 10em;
}

.spat4_id_box_linkage .inner .require.block {
	display: block;
	margin-left: 280px;
	width: auto;
}

.spat4_id_box_linkage .inner .regist_reason{
	width: 250px;
	height: 32px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	vertical-align: top;
	letter-spacing: 0px;
}

/* ニックネーム画面、入会連携画面：メールマガジン注記用CSS */
.content_inner #mail_magazine_attention {
	margin-left: 40px;
	margin-right: 40px;
	text-align: left;
	color: #FF0000;
}

/* RESTAPI外部連携画面：表示用URL用CSS */
.cooperation_display_url {
	font-weight: bold;
	text-indent: 2em;
}

/* キャンペーン一覧の画像サイズ PC用 */
.campaign_list .img .campaign_list_img_width {
	max-width: 402px;
}

/* 登録情報変更入力のメールによる操作履歴通知項目スタイルPC用 */
.ope_hist_notify_item {
	float:left;
	width:50%;
}

/* 登録情報変更入力のメールによる操作履歴通知項目スタイル（長い項目用）。こちらはスマホ版共通。 */
.ope_hist_notify_item_long {
	float:left;
	width:100%;
}

@media screen and (max-width: 710px) {
	/* スマホ */
	.iframe {
		text-align: center;
		width:100%;
		height:100%;
		border:none;
		display:block;
	}
	.ifrme_title {
		color: #003399;
		font-size: 110%;
		font-weight: bold;
		font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	}
	.iframe_div {
		overflow-y: auto;
		text-align: center;
		margin:0 auto;
		width: 99%;
		height:150px;
		border: #d0d0d0 solid 1px;
		-webkit-overflow-scrolling:touch;
	}
	::-webkit-scrollbar{
	/*	width: 12px;*/
	}
	::-webkit-scrollbar-track{
		background: #f1f1f1;
	}
	::-webkit-scrollbar-thumb{
		background: #b1b1b1;
		border-radius: 12px;
		box-shadow: inset 0 0 0 2px #f1f1f1;
	}

	/* キャンペーン一覧の画像サイズ スマホ用 */
	.campaign_list .img .campaign_list_img_width {
		/* PC向けだけの対応のためスマホ用は既存(res.css)の値を指定 */
		max-width: 100%;
	}

	/* 登録情報変更入力のメールによる操作履歴通知項目スタイルスマホ用 */
	.ope_hist_notify_item {
		float:left;
		width:100%;
	}
}

@media screen and (max-width: 1000px) {
	/* 入会連携用CSS */
	.more_detail {
	box-sizing: border-box;
	margin: 0 auto 10px;
	width: 99%;
	text-align:left;
	}

	.spat4_id_box_linkage {
	box-sizing: border-box;
	margin: 0 auto 10px;
	width: 99%;
	}

	.spat4_id_box_linkage .inner {
	padding: 5%;
	position: relative;
	text-align: left;
	}

	.spat4_id_box_linkage .inner label {
	display: block;
	margin-bottom: 5%;
	padding-left: 0;
	text-align: left;
	width: auto;
	}

	.spat4_id_box_linkage .inner input {
	box-sizing: border-box;
	line-height: 2em;
	margin-bottom: 2%;
	width: 100%;
	}

	.spat4_id_box_linkage .inner .require {
	display: block;
	margin-bottom: 5%;
	margin-left: 0;
	text-align: left;
	width: auto;
	}

	.spat4_id_box_linkage .inner .require.block {
		margin-left: 0;
	}

	.spat4_id_box_linkage .inner p {
	text-align: left;
	}

	/* ニックネーム画面、入会連携画面：メールマガジン注記用CSS */
	.content_inner #mail_magazine_attention {
		margin-left: 0;
		margin-right: 0;
	}
}


/*
 *  ソフトキーボード対応
 */
/* Tenkey Gray テンキー
------------------------------------------------------------*/
section.tenkey {
	display:block;
	clear:both;
	width:262px;
	height:90px;
	margin-bottom: 2px;
	padding:5px 0;
	background: -moz-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(3%, #666666), color-stop(98%, #898989), color-stop(100%, #6d6d6d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* IE10+ */
	background: linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* W3C */
}
section.tenkey div {
	width:295px;
	margin:0 auto;
	padding:0 0 0 1px;
}
section.tenkey a {
	cursor: default;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
	display:block;
	float:left;
	margin:5px 5px 0 0;
	padding:0;
	width:35px;
	height:35px;
	line-height:35px;
	color:#000;
	text-shadow: #fff 0 1px 0;
	font-size:13pt;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999;
	background: -moz-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #b7b7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* IE10+ */
	background: linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* W3C */
}
section.tenkey a.enter {
	border:1px solid #666;
	text-indent:-9999px;
	background:url(/assets/img/tenkey_enter.png) no-repeat -6px -5px;
	width: 39px;
	margin:5px 0 0 5px;
}
section.tenkey a#tenkey_del {
	width: 39px;
	margin:5px 0 0 5px;
}

/* テンキーアイコン
------------------------------------------------------------*/
img.tenkeyIcon {
	margin-left: 0px;
	vertical-align: middle;
	width: 29px;
	height: 36px;
}

span.common_dispTenkey {

}

/* PC用 */
#spat4_id_box .tenkey_pass_number {
	display: block;
	margin-left: 175px;
}
/* 寄付をする確認画面 PC用 */
.spat4_id_box_label_passnumber {
	margin-left: 26px;
}


#spat4_id_box .tenkey_container_margin1 {
	margin-left: 173px;
}


div.tenkey_container{
	text-align: center;
	display: inline-block;
}

span.tenkeyDmy {
	opacity: 0.5;
}

@media screen and (max-width: 710px) {
	/* スマホ */
	#pass_number.inputPasswordTenkey {
		width : 80%;
	}

	#spat4_id_box.inputPasswordTenkey {
		width : 80%;
	}

	#spat4_id_box .tenkey_pass_number {
		margin-left: 0px;
	}

	#spat4_id_box .tenkey_container_margin1 {
		margin-left: 0px;
	}
	/* 寄付をする確認画面 スマホ用 PCのみの設定でスマホ用は変更なし */
	.spat4_id_box_label_passnumber {
		margin-left: 0px;
	}

	#spat4_id_box section.tenkey {
		display:block;
		clear:both;
		width:200px;
		height:67px;
		padding:5px 0;
		background: -moz-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(3%, #666666), color-stop(98%, #898989), color-stop(100%, #6d6d6d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* IE10+ */
		background: linear-gradient(top, #494949 0%, #666666 3%, #898989 98%, #6d6d6d 100%); /* W3C */
	}
	#spat4_id_box section.tenkey div {
		width:200px;
		margin:0 auto;
		padding:0 0 0 1px;
	}
	#spat4_id_box section.tenkey a {
		cursor: default;
		user-select: none;
		display:block;
		float:left;
		margin:2px 2px 0 0;
		padding:0;
		width:28px;
		height:28px;
		line-height:28px;
		color:#000;
		text-shadow: #fff 0 1px 0;
		font-size:11pt;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #999;
		background: -moz-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #b7b7b7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* IE10+ */
		background: linear-gradient(top, #eaeaea 0%, #b7b7b7 100%); /* W3C */
	}
	#spat4_id_box section.tenkey a.enter {
		border:1px solid #666;
		text-indent:-9999px;
		background:url(/assets/img/tenkey_enter.png) no-repeat -12px -10px;
		width: 28px;
		margin:3px 0 0 3px;
	}
	#spat4_id_box section.tenkey a#tenkey_del {
		width: 28px;
		margin:3px 0 0 3px;
	}
}

/*
 * ソフトキーボード対応 終わり
 */




/*
 * Phase2 ポイント2 ポイント5 フローティング画面用レイアウト
 * modal.css 参照
 */


/* 重賞競走画面用 */
.tabs_nav {
	letter-spacing: -0.4em;
	line-height: 0;
	text-align: center;
	margin: auto;
	display: inline;
	float:left;
	width: 100%;
	margin-bottom: 10px;
}

.tabs_nav li {
	display: inline-block; /
	display: inline; /
	zoom: 1;
	letter-spacing: 0;
	line-height: 0;
	width: 25%;
	margin: 0 auto;
}

a.disabled {
	pointer-events: none;
}

.achievement_link {
	text-align: right;
}

.hyou_bairitsu {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 1%;
}

.table_cell_70 {
	width:70%;
}

.table_cell_30 {
	width:30%
}

.bairitsu {
	width: 29%;
	display: inline-block;
	vertical-align: top;
}

.bairitsu_img{
	/* キャンペーン_一覧_重賞画面の倍率画像は幅を直接指定して表示する。 */
	width:150px;
}

.table_one {
	display: inline-block;
	width: 70%;
	vertical-align: top;
}

.race_info_url_box {
	display: flex;
}

.race_info {
	display: inline-block;
	font-size: 120%;
	padding: 0px;
	margin: 0px 2px 10px;
	color: white;
	width: 99.7%;
}

.race_info_header {
	width: 99.7%;
	float: left;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	background-color: #919adf;
	border-color: #033a74;
	border-style: solid;
	border-width: 1px;
	background-color: #2c5ca6
}

.race_info_left {
	width: 49.8%;
	float: left;
	margin: 0 auto;
	border-color: #033a74;
	border-style: none solid solid solid;
	border-width: 1px;
	background-color: #7030A0;
}

.race_info_right {
	width: 49.8%;
	float: left;
	margin: 0 auto;
	border-color: #033a74;
	border-style: none solid solid none;
	border-width: 1px;
	background-color: #8497B0;
}

.race_info_left_none {
	width: 49.8%;
	float: left;
	margin: 0 auto;
	border-color: #033a74;
	border-style: none solid solid solid;
	border-width: 1px;
	background-color: darkgray
}

.race_info_right_none {
	width: 49.8%;
	float: left;
	margin: 0 auto;
	border-color: #033a74;
	border-style: none solid solid none;
	border-width: 1px;
	background-color: darkgray
}

.detail_link_txt {
	position: absolute;
	right: 35%;
	bottom: 28px;
}

.achieve_info {
	margin: 0 !important;
	padding: 0 !important;
}

.achieve_entry {
	font-size: 70%;
	font-weight: normal;
	color: #336600;
	margin: 0 !important;
	padding: 0 !important;
}

.achieve_not_entry {
	font-size: 70%;
	font-weight: normal;
	color: #FF9900;
	margin: 0 !important;
	padding: 0 !important;
}

.tabs_nav a {
	display: block;
	width: 100%;
}

.achieve_progress_table_layout {
	border: 1px solid #1f48c2;
	width: 97%;
	margin-top: 1px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1%;
	table-layout: fixed;
}

.achieve_progress_table_layout tr {
	color: #333;
	text-align: center;
}

.achieve_progress_table_layout th {
	border: 1px solid #1f48c2;
	background-color: #66ccff;
	color: #333;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.achieve_progress_table_layout td {
	border: 1px solid #1f48c2;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.achieve_progress_table_layout_left {
	text-align: left;
	width: 70%;
}

.achieve_progress_table_layout_right {
	text-align: center;
	width: 30%;
}



@media ( max-width :710px) {
	.table_one {
		width: 100%;
		margin-right: 3%;
	}
	.bairitsu {
		width: 100%;
		text-align: center;
	}
	.bairitsu_img {
		/* キャンペーン_一覧_重賞画面の倍率画像は幅を直接指定して表示する。 */
		width:150px;
		text-align: center;
	}
	.tabs_nav li img {
		width: 100%;
	}
	.race_info {
		display: inline-block;
		font-size: 100%;
		padding: 0px;
		margin: 0px 2px 10px;
		color: white;
		width: 99.7%;
	}
	.race_info_header {
		width: 98%;
		float: left;
		margin: 0 auto;
		text-align: center;
		vertical-align: middle;
		background-color: #919adf;
		border-color: #033a74;
		border-style: solid;
		border-width: 1px;
		background-color: #2c5ca6
	}
	.race_info_left {
		width: 48.9%;
		float: left;
		margin: 0 auto;
		border-color: #033a74;
		border-style: none solid solid solid;
		border-width: 1px;
		background-color: #7030A0;
	}
	.race_info_right {
		width: 48.9%;
		float: left;
		margin: 0 auto;
		border-color: #033a74;
		border-style: none solid solid none;
		border-width: 1px;
		background-color: #8497B0;
	}
	.race_info_left_none {
		width: 48.9%;
		float: left;
		margin: 0 auto;
		border-color: #033a74;
		border-style: none solid solid solid;
		border-width: 1px;
		background-color: darkgray
	}
	.race_info_right_none {
		width: 48.9%;
		float: left;
		margin: 0 auto;
		border-color: #033a74;
		border-style: none solid solid none;
		border-width: 1px;
		background-color: darkgray
	}
	.achieve_progress_table_layout {
		border: 1px solid #1f48c2;
		width: 100%;
		margin-top: 1px;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 1%;
		table-layout: fixed;
	}
	.achieve_progress_table_layout_left {
		width: 70%;
		text-align: left;
	}
	.achieve_progress_table_layout_right {
		width: 30%;
		text-align: center;
	}

}


/** ajax系ローディングボックス */
#loading-box {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 35px;
	background: #f0f0f0;
	opacity: 0.85;
	border-radius: 6px;
	text-align: center;
	margin: -25px 0 0 -50px;
	padding: 10px;
	display: none;
	z-index: 1001
}

#loading-box-wrapper {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1000
}

.cursor-pointer {
	cursor: pointer
}

/** 購入状況表 当日分の背景色 */
td.orange_backcolor  {
	background-color:#ff6633;
}

/** キャンペーン_選択フォームエラー（中央表示） */
.selection_form_error {
    text-align: center;
    color: red;
    display: block;
}

/** キャンペーン_選択フォームエラー_確認メッセージ（左揃え） */
.selection_form_error .message_left {
    text-align: left;
    display: inline-block;
}

/** キャンペーン_選択フォームエラー_選択項目エラーメッセージ */
.form_error_msg {
    color: red
}