@charset 'utf-8';

/* ===============================
base
=============================== */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #333333;
	margin: 0;
	-webkit-text-size-adjust: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* スマホのハイライトデザインを無効にする */
	color: #a8975d;
	text-decoration: none;
}
a:focus {
	outline: none;
}
a:hover {
    opacity: 0.8;
	text-decoration: underline;
}
ul {
	list-style: none;
	padding: 0;
}
input,
button,
select,
textarea {
	font-size: 15px;
	line-height: 1.6;
	color: #333333;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
input[type="submit"],
input[type="button"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover {
    opacity: 0.8;
}
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	border-radius: 0;
}

/* ===============================
全体
=============================== */
#wrapper {
	background-image: url(../img/paper_bg_pattern_2.png);
}
#page-wrapper {
	position: relative;
	width: 1070px;
	height: 100%;
	margin: 0 auto;
	display: flex;
}
@media screen and (min-width: 740px) {
	body {
		padding-top: 0 !important; /* header追従関連 */
	}
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	#page-wrapper {
		width: auto;
	}
}
@media screen and (max-width: 740px) {
	#page-wrapper {
		display: block;
		width: auto;
		padding-top: 80px;
	}
}

/* ===============================
部品
=============================== */

/* ===== 見出し ===== */
.sub-title{
	padding-left: 10px;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
		#0e0447 url(../img/diabg_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
	border: 5px solid rgba(0, 0, 0, 0.5);
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
}
@media screen and (max-width: 740px) {
	.sub-title{
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
			#0e0447 url(../img/diabg_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
	}
}

/* ===== 丸内数字など ===== */
.notice,
.notice-new,
.notice-hit {
	z-index: 1;
	display: inline-block;
	width: auto;
	min-width: 20px;
	height: 20px;
	border-radius: 10px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
}
.notice {
	background: #ffffff;
	border: solid 1px #a8975d;
	color: #a8975d;
}
.notice-new {
	padding: 0 5px;
	background: #a8975d;
	border: solid 1px #a8975d;
	color: #ffffff;
}
.notice-hit {
	padding: 0 5px;
	background: #bc0c16;
	border: solid 1px #bc0c16;
	color: #ffffff;
}
.notice-syobu {
	z-index: 1;
	display: inline-block;
	width: auto;
	min-width: 20px;
	height: 20px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	padding: 0 5px;
	background: #bc0c16;
	border: solid 1px #bc0c16;
	color: #ffffff;
}

/* ===== 金塗りつぶしボタン ===== */
.nav-btn {
	display: block;
	background: #a8975d;
	border-radius: 5px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.nav-btn:hover {
	text-decoration: none;
}

/* ===== 金枠ボタン ===== */
.gb-btn {
	display: inline-block;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #a8975d;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.gb-btn:hover {
	text-decoration: none;
}
.gb-btn.on {
	background-color: #a8975d;
	color: #ffffff;
}

/* ===== 橙ボタン ===== */
.org-btn {
	display: block;
	background-image: linear-gradient(360deg, #d39132, #e1a043);
	border-radius: 5px;
	border: 1px solid #bf7b1b;
	color: #ffffff;
	text-shadow: 1px 1px #bf7b1b;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.org-btn:hover {
	text-decoration: none;
}
.org-btn.off {
	background-color: #cccccc;
	background-image: none;
	border: 1px solid #cccccc;
	color: #999999;
	text-shadow: none;
	cursor: default;
}
.org-btn.off:hover {
	opacity: 1.0;
}
/* ===== NEWICON ===== */
span.newicon {
	position: relative;
	top: -3px;
	margin-right: 3px;
	padding: 0 1px;
	background-color: #bc0c16;
	font-size: 10px;
	color: #ffffff;
}
/* ===== ポイントテーブル ===== */
.pointtable{
	width: 280px;
	padding: 5px;
	background-color: #000000;
	color: #ffffff;
}
.pointtable table{
	width: 100%;
}
.pointtable table th,
.pointtable table td{
	height: 25px;
	text-align: right;
	font-size: 14px;
	vertical-align: middle;
}
.pointtable table td{
	font-size: 16px;
}
.pointtable table td span{
	margin: 0 5px;
	font-weight: bold;
}
.pointtable table tr.incart,
.pointtable table tr.get,
.pointtable table tr.repay{
	border-bottom: double #ffffff;
}
.pointtable table tr.incart th span{
	margin-right: 5px;
	font-size: 16px;
	font-weight: bold;
}
.pointtable table tr.incart + tr.current th,
.pointtable table tr.incart + tr.current td{
	padding-top: 5px;
}
.pointtable table tr.repay th,
.pointtable table tr.repay td{
	padding-bottom: 2px;
}
.pointtable table tr.repay th:before{
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	background-color: #ffffff;
	border: 1px solid #bc0c16;
	border-radius: 11px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #bc0c16;
	text-align: center;
	content:"\f12a";
}
.pointtable table tr.repay th span{
	margin-left: 5px;
}
.pointtable tr.after th,
.pointtable tr.after td{
	padding-top: 2px;
}
.pointtable table tr.yusyo th,
.pointtable table tr.yusyo td{
	padding-top: 5px;
	border-top: 1px solid #ffffff;
}
.pointtable tr.yusyo th,
.pointtable tr.musyo th{
	font-size: 12px;
}
.pointtable tr.yusyo td,
.pointtable tr.musyo td{
	font-size: 14px;
}
.pointtable tr.yusyo th:before,
.pointtable tr.musyo th:before{
	font-size: 10px;
	content: "\3046\3061";
}
@media screen and (max-width: 740px) {
	.pointtable{
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
}
/* ===== レース関連部品 ===== */
.grade{
	display: inline-block;
	margin-left: 10px;
	padding: 4px 5px;
	overflow: hidden;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
}
.grade.g1 {
	background-color: #0c74d5;
}
.grade.g2 {
	background-color: #d91508;
}
.grade.g3 {
	background-color: #208400;
}
.grade.g0 {
	background-color: #000000;
}
.grade.jg1 {
	background-color: #0c74d5;
}
.grade.jg2 {
	background-color: #d91508;
}
.grade.jg3 {
	background-color: #208400;
}
span.number-bg {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
}
.waku0{
	border: 1px solid #666666;
	background-color: #ffffff;
}
.waku1{
	border: 1px solid #666666;
	background-color: #ffffff;
}
.waku2{
	background-color: #333333;
	color: #ffffff;
}
.waku3{
	background-color: #dc3c3c;
	color: #ffffff;
}
.waku4{
	background-color: #2c53a9;
	color: #ffffff;
}
.waku5{
	background-color: #e4ca3b;
	color: #ffffff;
}
.waku6{
	background-color: #58af4a;
	color: #ffffff;
}
.waku7{
	background-color: #de8a26;
	color: #ffffff;
}
.waku8{
	background-color: #dc6179;
	color: #ffffff;
}
@media screen and (max-width: 740px) {
	.grade{
		margin-left: 5px;
		padding: 2px 3px;
		font-size: 12px;
		position: relative;
		top: -2px;
	}
	span.number-bg {
		height: 28px;
		width: 28px;
	}
}
/* ===== カード関連部品 ===== */
.cat-jra,
.cat-win5,
.cat-another,
.cat-info{
	background-color: #3b1e87;
}
/* ===== IE注意書き ===== */
.ie-attention{
	display: none;
	width: 760px;
	margin: 0 auto 20px;
}
@media all and (-ms-high-contrast: none) {
	.ie-attention{
		display: block;
	}
}
.ie-attention .text{
	width: 100%;
	margin-bottom: 10px;
	padding: 0 20px;
	color: #bc0c16;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.ie-attention .text:before{
	position: relative;
	top: 1px;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	content:"\f06a";
}
/* ===== 支払い方法注意書き ===== */
.shiharai-attention{
	width: 760px;
	margin: 0 auto 20px;
	padding: 0 20px;
}
.shiharai-attention .text{
	width: 100%;
	font-size: 15px;
	font-weight: bold;
}
	.shiharai-attention{
		width: calc(100% - 20px);
	}

/* ===== 無料登録推奨エリア ===== */
.push-freeregist{
	width: 100%;
	padding: 10px 0;
}
#Top .push-freeregist{
	margin-bottom: 40px;
}
#YosoJra .push-freeregist{
	margin: 40px 0;
}
.push-freeregist-upper{
}
.push-freeregist-left{
	float: left;
	width: 320px;
	margin: 0 10px 0 80px;
	padding: 5px 0 10px;
	border-radius: 5px;
	background-color: #ffffff;
	text-align: center;
}
.push-freeregist-left .upper{
	font-size: 15px;
	font-weight: bold;
}
.push-freeregist-left .upper span{
	font-size: 19px;
}
.push-freeregist-left .lower{
}
.push-freeregist-left .lower a.nav-btn{
	margin: 0 20px;
	padding: 5px 0;
	font-size: 15px;
	font-weight: bold;
}
.push-freeregist-left .lower a.nav-btn span{
	margin-left: 5px;
	font-size: 19px;
}
.push-freeregist-right{
	float: left;
	width: 350px;
}
.push-freeregist-right .text{
	position: relative;
	float: left;
	width: 200px;
	height: 85px;
	font-weight: bold;
	text-align: center;
}
.push-freeregist-right .text1{
	position: absolute;
	top: -1px;
	left: 0;
	width: 200px;
	font-size: 19px;
}
.push-freeregist-right .text2{
	position: absolute;
	top: 16px;
	left: 0;
	width: 200px;
	font-size: 23px;
}
.push-freeregist-right .text2 span{
	font-size: 35px;
}
.push-freeregist-right .text3{
	position: absolute;
	top: 58px;
	left: 0;
	width: 200px;
	font-size: 19px;
}
.push-freeregist-right .img{
	position: relative;
	float: left;
}
.push-freeregist-right img.img500{
	position: absolute;
	top: -16px;
	left: -15px;
	width: 120px;
	height: 120px;
}
.push-freeregist-right img.img800{
	position: absolute;
	top: -16px;
	left: -15px;
	width: 135px;
	height: 120px;
}
.push-freeregist-right.campain2nd .text{
	position: relative;
	width: 350px;
}
.push-freeregist-right.campain2nd .text1{
	width: 100%;
}
.push-freeregist-right.campain2nd .text2{
	width: 100%;
}
.push-freeregist-right.campain2nd .text3{
	width: 100%;
}
.push-freeregist-lower{
	width: 300px;
	margin: 10px auto 0;
}
.push-freeregist-lower li{
	float: left;
	width: 185px;
	margin-right: 10px;
}
.push-freeregist-lower li:nth-child(2){
	width: 105px;
	margin-right: 0;
}
.push-freeregist-lower li .gb-btn{
	width: 185px;
	padding: 6px 5px 4px 5px;
	font-weight: bold;
}
.push-freeregist-lower li:nth-child(2) .gb-btn{
	width: 105px;
}
.push-freeregist-lower li .gb-btn:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	content: "";
	background: url(../img/icon/icon_beginner_g.png) no-repeat;
	background-size: 20px 20px;
	vertical-align: -4px;
}
@media screen and (max-width: 740px) {
	.push-freeregist{
		padding: 10px 0;
	}
	.push-freeregist-left{
		float: inherit;
		width: calc(100% - 60px);
		margin: 0 30px;
	}
	.push-freeregist-right{
		float: inherit;
		width: 320px;
		height: 80px;
		margin: 0 auto;
	}
	.push-freeregist-right .text{
		width: 200px;
	}
	.push-freeregist-right .text1{
		top: 5px;
		left: 0;
	}
	.push-freeregist-right .text2{
		top: 22px;
		left: 0;
	}
	.push-freeregist-right .text3{
		top: 64px;
		left: 0;
	}
	.push-freeregist-right.campain2nd .text{
		width: 100%;
	}
	.push-freeregist-lower li .gb-btn{
		padding: 5px;
	}
}

/* ===============================
フォーム部品
=============================== */

/* ===== フォーム囲み、エラー ===== */
.form-container{
	background-color: #f1f1f1;
	padding: 10px 0;
}
.form-discription{
	width: 100%;
	padding: 10px 20px;
	color: #666666;
}
.form-discription span{
	font-weight: bold;
}
.form-box{
	width: 100%;
	padding: 10px 20px;
}
.form-box.alert{
	background-color: #ffe5e7;
}
.form-box h3{
	width: 100%;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}
.form-box h3 span{
	margin-left: 5px;
	font-size: 13px;
	font-weight: normal;
}
.form-box p{
	margin-bottom: 5px;
}
.alerttext{
	font-size: 15px;
	font-weight: bold;
	color: #bc0c16;
}
.alerttext:before{
	position: relative;
	top: 1px;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	content:"\f06a";
}
.form-box.kiyaku .alerttext{
	text-align: center;
}
.form-box.bland{
	background-repeat: no-repeat;
	background-size: 200px auto;
	background-position: center;
}
.form-box.bland.credit{
	height: 50px;
	background-image: url("../img/bland_credit.png");
}
.form-box.bland.docomo{
	height: 50px;
	background-image: url("../img/bland_docomo.png");
}
.form-box.bland.au{
	height: 60px;
	background-image: url("../img/bland_au.png");
}
.form-box.bland.softbank{
	height: 90px;
	background-image: url("../img/bland_softbank.png");
}
.form-box.bland.bitcash{
	height: 70px;
	background-image: url("../img/bland_bitcash.png");
}
@media screen and (max-width: 800px) {
	.form-container{
		margin: 0 10px;
	}
	.form-discription{
		padding: 10px;
	}
	.form-box{
		padding: 10px;
	}
}
/* ===== text ===== */
input.textnormal{
	width: 370px;
	padding: 10px;
	border: 1px solid #999999;
	border-radius: 5px;
	font-size: 17px;
}
input.textsmall{
	width: 280px;
	padding: 5px;
	border: 1px solid #999999;
	border-radius: 5px;
	font-size: 15px;
}
input::placeholder{
	color: #cccccc;
}
input:-ms-input-placeholder{
	color: #cccccc;
}
input:-ms-input-placeholder{
	color: #cccccc;
}
.password-eye i{
	margin-left: 10px;
	font-size: 20px;
	color: #a8975d;
	vertical-align: middle;
	cursor: pointer;
}
.password-eye i:hover{
	opacity: 0.8;
}
@media screen and (max-width: 800px) {
	input.textnormal{
		width: calc(100% - 40px);
		max-width: 370px;
	}
	input.textsmall{
		width: calc(100% - 40px);
		max-width: 370px;
	}
}
/* ===== checkbox ===== */
ul.checkboxnormal{
	margin-bottom: 5px;
}
.checkboxnormal input{
	display: none;
}
.checkboxnormal label{
	font-size: 15px;
	cursor: pointer;
}
.checkboxnormal label:before{
	position: relative;
	top: 2px;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 400;
	color: #999999;
	content:"\f0c8";
}
.checkboxnormal label:hover:before{
	font-weight: 400;
	content:"\f14a";
}
.checkboxnormal input:checked + label:before{
	font-weight: 700;
	content:"\f14a";
	color: #000000;
}
.form-box.kiyaku .checkboxnormal,
.form-box.autologin .checkboxnormal{
	text-align: center;
}
.form-box.kiyaku .checkboxnormal a{
	margin-left: 10px;
	font-size: 12px;
}
.form-box.topassword {
	text-align: center;
	font-weight: bold;
}
.form-box.topassword a:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: bold;
	content:"\f059";
	vertical-align: -1px;
}
@media screen and (max-width: 800px) {
	.checkboxnormal label:hover:before{
		content:"\f0c8";
	}
	.checkboxnormal input:checked + label:before{
		content:"\f14a";
		color: #000000;
	}
}
/* ===== textarea ===== */
.enquete .textareanormal{
	padding-left: 20px;
}
.textareanormal textarea{
	width: 100%;
	height: 150px;
	padding: 5px;
	border: 1px solid #999999;
	border-radius: 5px;
}
textarea::placeholder{
	color: #cccccc;
}
textarea:-ms-input-placeholder{
	color: #cccccc;
}
textarea:-ms-input-placeholder{
	color: #cccccc;
}
/* ===== submit ===== */
.submitbtn{
	text-align: center;
}
.submitnormal{
	display: inline-block;
	width: 300px;
	height: 50px;
	background-image: linear-gradient(360deg, #d39132, #e1a043);
	border: 1px solid #bf7b1b;
	border-radius: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px #bf7b1b;
	text-align: center;
	letter-spacing: 3px;
}
a.submitnormal{
	padding-top: 11px;
}
a.submitnormal:hover{
	text-decoration: none;
}
.submitnormal.off{
	background-color: #cccccc;
	background-image: none;
	border: 1px solid #cccccc;
	color: #bf7b1b;
	text-shadow: none;
	cursor: default;
}
.submitnormal.off:hover{
	opacity: 1.0;
}
@media screen and (max-width: 800px) {
	.submitnormal{
		width: 100%;
		max-width: 300px;
	}
}
/* ===== はい右ボタン ===== */
.form-yesright-btn{
	width: 550px;
	height: 50px;
	margin: 0 auto;
}
.form-yesright-btn li{
	float: left;
}
.form-yesright-btn li:first-child{
	width: 150px;
	height: 50px;
	padding-top: 10px;
	margin-right: 50px;
}
.form-yesright-btn li:first-child .gb-btn{
	width: 100%;
	height: 30px;
	padding-top: 2px;
}
.form-yesright-btn li:last-child{
	width: 350px;
	height: 50px;
}
.form-yesright-btn li:last-child .org-btn{
	width: 100%;
	height: 50px;
	padding-top: 4px;
	font-size: 21px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.form-yesright-btn{
		width: 100%;
	}
	.form-yesright-btn li:first-child{
		width: 30%;
		margin: 0 7% 0 3%;
	}
	.form-yesright-btn li:last-child{
		width: 50%;
		margin: 0 3% 0 7%;
	}
}
/* ===== 完了画面 ===== */
.form-complete{
	width: 760px;
	margin: 20px 20px 50px;
}
.form-complete .message{
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #ffedd2;
	border: 5px solid #fbd39b;
	font-size: 15px;
	font-weight: bold;
	color: #bf7b1b;
}
.form-complete .message span{
	font-size: 21px;
}
.form-complete .message span.point{
	font-size: 25px;
}
.form-complete .alert{
	width: 100%;
	margin-bottom: 20px;
	padding: 0 20px;
	color: #bc0c16;
	font-size: 15px;
	font-weight: bold;
}
.form-complete .alert:before{
	position: relative;
	top: 1px;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	content:"\f06a";
}
.form-complete .detail{
	width: 100%;
	margin-bottom: 20px;
	padding: 0 20px;
	font-size: 15px;
}
.form-complete .link{
	width: 100%;
	margin-bottom: 20px;
	padding: 0 20px;
	text-align: center;
}
.form-complete .link li{
	display: inline-block;
	margin-right: 20px;
}
.form-complete .link li:last-child{
	margin-right: 0;
}
.form-complete .link li.tologin .gb-btn,
.form-complete .link li.totop .gb-btn{
	width: 140px;
}
.form-complete .link li .gb-btn{
}
@media screen and (max-width: 800px) {
	.form-complete{
		width: calc(100% - 20px);
		margin: 20px 10px 50px;
	}
	.form-complete .message{
		padding: 10px;
	}
	.form-complete .alert{
		padding: 0 10px;
	}
	.form-complete .detail{
		padding: 0 10px;
	}
	.form-complete .link li{
		margin-right: 10px;
	}
}
/* ===== フォーム系説明 ===== */
.form-explainbox{
	padding: 10px;
	border: 1px solid #9d8ec3;
	background-color: #f5f3f9;
}
.form-explainbox-container{
	margin-bottom: 10px;
}
.form-explainbox h2{
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
}
.form-explainbox h2:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: bold;
	content:"\f059";
	vertical-align: -1px;
}
.form-explainbox p{
	margin-bottom: 10px;
}
.form-explainbox p:last-child{
	margin-bottom: 0;
}
.form-explainbox h3{
	margin-bottom: 5px;
	font-weight: bold;
}
.form-explainbox ul{
	margin-bottom: 10px;
}
.form-explainbox ul:last-child{
	margin-bottom: 0;
}
.form-explainbox ul li{
	margin-left: 20px;
	list-style-type: disc;
}
/* ===============================
featherlights 設定
=============================== */
.featherlight .featherlight-close-icon {
	font-size: 20px;
	top: 10px !important;
	right: 10px !important;
}
.featherlight .featherlight-content iframe{
	width: 400px;
	height: 400px;
}
@media screen and (max-width: 740px) {
	.featherlight .featherlight-content{
		width: calc(100% - 10px) !important;
		height: calc(100% - 10px) !important;
	}
	.featherlight .featherlight-content iframe{
		width: 100%;
		height: 100%;
	}
}

/* ===============================
modaal 設定上書き
=============================== */
.modaal-overlay {
	z-index: 1001 !important;
}
.modaal-close {
	/*background: #afb7bc !important;*/
	background: #000000 !important;
	position: absolute;
	top: 20px !important;
	right: 20px !important;
	height: 50px !important;
	width: 50px !important;
	/*text-align:center;*/
}
.modaal-close span {
	top: 5px !important;
	right: 5px !important;
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden;
}
.modaal-close:after, .modaal-close:before {
/*.modaal-close:after {*/
    display: block;
    content: "";
    top: 14px !important;
    left: 23px !important;
    width: 4px !important;
    height: 22px !important;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
/* ===============================
ヘッダー
=============================== */
#header-wrapper{
}
#header {
	width: 1070px;
	position: fixed;
	z-index: 1001;
}
.header-inner {
	width: 420px;
	height: 64px;
	z-index: 1000;
	margin-left: auto;
	padding: 10px 0 0 10px;
	background-color: #ffffff;
	border-bottom: solid 4px #3b1e87;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	#header-wrapper{
		position: fixed;
		z-index: 1000;
		width: 100%;
		height: 82px;
		background-color: #ffffff;
		border-bottom: solid 4px #3b1e87;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	}
	#header {
		position: inherit;
		z-index: auto;
		width: 100%;
	}
	.header-inner {
		position: relative;
		z-index: auto;
		width: 800px;
		margin: 0 auto;
		height: 100%;
		padding: 20px 0 0 0;
		border-bottom: none;
		box-shadow: none;
	}
}
@media screen and (max-width: 740px) {
	#header {
		position: relative;
		width: 100%;
		margin: 0;
		background-color: #ffffff;
		box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
		border-bottom: solid 4px #3b1e87;
	}
	#header.m-fixed {
		position: fixed;
		top: 0;
		left: 0;
	}
	.header-inner {
		width: auto;
		height: 52px;
		margin: 0 10px;
		padding: 5px 0 0 0;
		border-bottom: none;
		box-shadow: none;
	}
}
@media screen and (max-width: 374px) {
	.header-inner {
		margin: 0;
	}
}

/* ===== ポイントエリア ===== */
.header-point {
	float: left;
	width: 250px;
}

/* ポイント黒背景エリア */
.point-area {
	position: relative;
	width: 250px;
	height: 40px;
	padding: 5px;
	background-color: #000000;
	line-height: 2.0;
}
.point-area .bonusbtn{
	position: absolute;
	float: left;
	width: 74px;
}
.point-area .bonusbtn .Lbonus {
	width: 74px;
	height: 30px;
	padding-top: 3px;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}
.point-area .bonusbtn .Lbonus:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 2px 3px 0 0;
	background: url(../img/icon/icon_bonus_w.png) no-repeat;
	background-size: 20px 20px;
	content: "";
}
.point-area .bonusbtn .Lbonus span {
	position: relative;
	top: -6px;
}
.point-area .bonusbtn .Lbonus span.campain_double {
	display: inline-block;
	position: absolute;
	top: -15px;
	left: -16px;
	width: 105px;
	height: 20px;
	background: url(/img/bonus/campain_double_pc.png) no-repeat;
	background-size: 105px 20px;
	text-indent: -9999px;
}
.point-area .point{
	float: left;
	min-width: 205px;
	margin-right: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}
.point-area .point span {
	margin-left: 5px;
	font-weight: normal;
}
.point-area .point .notice {
	width: auto;
	min-width: 24px;
	height: 24px;
	background-color: #ffffff;
	border: 1px solid #bc0c16;
	border-radius: 12px;
	font-size: 14px;
	font-weight: bold;
	color: #bc0c16;
	line-height: 24px;
}
.point-area .point .notice:before {
	font-family: "Font Awesome 5 Free";
	content:"\f12a";
}
.point-area .plus{
	float: right;
	position: relative;
	width: 26px;
	padding-top: 2px;
}
.point-area .plus .nav-btn {
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
}
.point-area .plus .nav-btn:before {
	font-family: "Font Awesome 5 Free";
	content:"\f067";
}
.point-area .plus span.campain-buypoint {
	display: inline-block;
	position: absolute;
	top: 27px;
	left: -6px;
	width: 38px;
	height: 15px;
/*	background: url(/img/campain_buypoint.png) no-repeat;*/
	background-size: 38px 15px;
	text-indent: -9999px;
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	.header-point {
		position: absolute;
		left:0;
	}
}
@media screen and (max-width: 740px) {
	.header-point {
		width: calc(100% - 150px);
		margin-right: 10px;
	}
	.point-area {
		width: 100%;
	}
	.point-area .bonusbtn{
		width: 30px;
	}
	.point-area .bonusbtn .Lbonus {
		display: block;
		width: 30px;
		text-align: center;
	}
	.point-area .bonusbtn .Lbonus:before{
		margin: 2px 1px 0 0;
	}
	.point-area .bonusbtn .Lbonus span {
		display: none;
	}
	.point-area .bonusbtn .Lbonus span.campain_double {
		top: 27px;
		left: -7px;
		width: 43px;
		height: 20px;
		background: url(/img/bonus/campain_double_mob.png) no-repeat;
		background-size: 43px 20px;
		text-indent: -9999px;
	}
	.point-area .point {
		width: calc(100% - 31px);
		min-width: 0;
	}
	.point-area .plus{
		width: 26px;
	}
}
@media screen and (max-width: 374px) {
	.header-point {
		width: calc(100% - 130px);
		margin-right: 5px;
	}
	.point-area {
		line-height: 2.2;
	}
	.point-area .point {
		font-size: 14px;
	}
}

/* ===== アイコン群 ===== */
.header-nav {
	float: right;
	width: 140px;
	margin-right: 10px;
}
.header-nav li {
	float: left;
	position: relative;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.header-nav .nav-btn{
	width: 40px;
	height: 40px;
	padding-top: 4px;
	font-size: 21px;
}
.header-nav .nav-btn:before {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
.header-nav .history .nav-btn:before {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-top: 3px;
	background: url("../img/icon/icon_buyhistory_w.png") no-repeat;
	background-size: 25px 25px;
	content: "";
}
.header-nav .cart .nav-btn:before {
	content:"\f07a";
}
.header-nav .mypage .nav-btn:before {
	content:"\f007";
}
.header-nav .fav .nav-btn:before {
	content:"\f005";
}
.header-nav .fav .nav-btn:before {
	content:"\f005";
}
.header-nav .menu .nav-btn:before {
	content:"\f0c9";
}
.header-nav .mypage,
.header-nav .menu {
	margin-right: 0;
}
.header-nav .fav,
.header-nav .menu{
	display: none;
}
.header-nav .notice,
.header-nav .notice-new,
.header-nav .notice-hit{
	position: absolute;
	bottom: -5px;
	right: -5px;
	font-weight: bold;
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	.header-nav {
		position: absolute;
		right: 0;
		width: 240px;
	}
	.header-nav .mypage {
		margin-right: 10px;
	}
	.header-nav .fav,
	.header-nav .menu{
		display: inline-block;
	}
}
@media screen and (max-width: 740px) {
	.header-nav {
		margin-right: 0;
	}
	.header-nav li {
	}
	.header-nav .notice,
	.header-nav .notice-new,
	.header-nav .notice-hit{
		font-size: 10px;
		min-width: 16px;
		height: 16px;
		border-radius: 8px;
		line-height: 14px;
	}
	.header-nav .history,
	.header-nav .mypage{
		display: none;
	}
	.header-nav .fav,
	.header-nav .menu{
		display: inline-block;
	}
}
@media screen and (max-width: 374px) {
	.header-nav {
		width: 120px;
		margin-right: 5px;
	}
	.header-nav .nav-btn{
		width: 36px;
		height: 36px;
		padding-top: 5px;
		font-size: 18px;
	}
	.header-nav li {
		width: 36px;
		height: 36px;
		margin-right: 5px;
		padding-top: 2px;
	}
}

/* ===== nologinでの表示変更 ===== */
.header-nologin{
	display: none;
}
.NoLogin .header-nologin{
	display: block;
	width: 410px;
	padding-right: 10px;
}
.NoLogin .header-nologin li{
	float: left;
	width: 195px;
	margin-right: 10px;
}
.NoLogin .header-nologin li:last-child{
	margin-right: 0;
}
.header-nologin .nav-btn{
	position: relative;
	width: 100%;
	height: 40px;
	font-size: 15px;
	font-weight: bold;
	line-height: 2.0;
}
.header-nologin .regist .nav-btn{
	padding-top: 7px;
	padding-left: 50px; /* キャンペーン中設定 */
}
/* キャンペーン中停止
.header-nologin .regist .nav-btn:before{
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/icon_freeregist_w.png") no-repeat;
	background-size: 25px 25px;
	content: "";
	vertical-align: -6px;
}
*/
.header-nologin .regist .nav-btn span{
	display: inline-block;
	position: absolute;
	top: -13px;
	left: 5px;
	width: 65px;
	height: 65px;
	text-indent: -9999px;
}
.header-nologin .login .nav-btn:before{
	position: relative;
	top: 1px;
	margin-right: 10px;
	font-size: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f2f6";
}
.NoLogin .header-point,
.NoLogin .header-nav,
.NoLogin .header-nav .history,
.NoLogin .header-nav .mypage,
.NoLogin .header-nav .cart,
.NoLogin .header-nav .fav .notice-new,
.NoLogin .header-nav .fav .notice-hit{
	display: none;
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	.NoLogin .header-nologin{
		position: absolute;
		left: 0;
		width: 250px;
		padding-right: 0;
	}
	.NoLogin .header-nologin li.regist{
		width: 140px;
	}
	.NoLogin .header-nologin li.login{
		width: 100px;
	}
	.header-nologin .nav-btn{
		font-size: 13px;
		line-height: 2.0;
	}
	.header-nologin .regist .nav-btn:before{
		font-size: 18px;
	}
	.header-nologin .login .nav-btn:before{
		font-size: 18px;
	}
	.NoLogin .header-nav {
		display: block;
		padding-left: 150px;
	}
}
@media screen and (max-width: 740px) {
	.NoLogin .header-nologin {
		float: left;
		width: calc(100% - 90px);
	}
	.NoLogin .header-nologin li.regist{
		width: 55%;
		margin-right: 10px;
	}
	.NoLogin .header-nologin li.login{
		width: 40%;
	}
	.header-nologin .nav-btn{
		font-size: 12px;
		line-height: 2.4;
	}
	.header-nologin .regist .nav-btn span{
		left: -10px;
	}
	.header-nologin .login .nav-btn:before{
		font-size: 16px;
	}
	.NoLogin .header-nav {
		display: block;
		width: 90px;
	}
}
@media screen and (max-width: 374px) {
	.NoLogin .header-nologin {
		width: calc(100% - 87px);
		margin-left: 5px;
		padding-right: 0;
	}
	.NoLogin .header-nologin li{
		padding-top: 2px;
	}
	.NoLogin .header-nologin li.regist{
		margin-right: 5px;
	}
	.header-nologin .nav-btn{
		height: 36px;
		line-height: 2.2;
	}
	.header-nologin .regist .nav-btn{
		padding-top: 5px;
	}
	.header-nologin .regist .nav-btn span{
		top: -15px;
	}
	.NoLogin .header-nav {
		display: block;
		width: 77px;
	}

}
/* ===============================
サイドメニュー
=============================== */
#side {
	position: relative;
	width: 250px;
	height: 100%;
	margin-right: 20px;
	background-color: #ffffff;
	box-shadow: 10px 0 10px -10px rgba(0,0,0,.5), -10px 0 10px -10px rgba(0,0,0,.5);
}
#side-wrapper {
}
#side-scroll {
	width: 250px;
}
.side-upperline {
	display: none;
}
@media screen and (min-width: 1071px) {
	#side {
	 	background: #ffffff url("../img/sidebg.png") no-repeat bottom;
	}
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	#side {
		width: 800px;
		height: auto;
		margin: 0 auto;
		background-color: transparent;
		box-shadow: none;
	}
}
@media screen and (max-width: 740px) {
	#side {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		border-top: solid 4px #3b1e87;
		box-shadow: none;
		z-index: 1000;
	}
	.side-upperline {
		display: block;
		width: 100%;
		height: 2px;
		margin-top: 2px;
		background-color: #3b1e87;
	}
}

/* ===== 優馬のリンクへ ===== */
.side-link {
	position: relative;
	height: 20px;
	background-image: url("../img/menu_bg.png");
	background-repeat: no-repeat;
	font-size: 12px;
	color: #ffffff;
}
.side-link a {
	position: absolute;
	left: 3px;
	color: #ffffff;
	text-decoration: none;
	line-height: 18px;
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	.side-link {
		position: absolute;
		left: 3px;
		top: 2px;
		width: 100%;
		background-image: none;
		color: #3b1e87;
	}
	.side-link a {
		position: inherit;
		left: 0;
		color: #3b1e87;
	}
}
@media screen and (max-width: 740px) {
	.side-link {
		height: 5px;
		background-image:none;
		color: #3b1e87;
	}
	.side-link a {
		color: #3b1e87;
	}
}

/* ===== サイトロゴ ===== */
.side-logo {
	margin: 20px;
}
.side-logo a.logo-img {
	display: block;
	width: 210px;
	height: 170px;
	background-image: url(../img/logo_pc.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}
.side-logo a.logo-img:hover {
	filter: none;
}

@media screen and (min-width: 740px) and (max-width: 1070px) {
	.side-logo {
		position: absolute;
		left: 280px;
		top: 5px;
		width: 240px;
		height: 70px;
		margin: 0;
	}
	.side-logo a.logo-img {
		width: 240px;
		height: 70px;
		background-image: url(../img/logo_sp.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size:contain;
	}
}
@media screen and (max-width: 740px) {
	.side-logo {
		margin: 0;
		padding-left: 10px;
	}
	.side-logo a.logo-img {
		width: 240px;
		height: 70px;
		margin: 0 auto;
		background-image: url(../img/logo_sp.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size:contain;
	}
}

/* ===== サイドメニュー ===== */
.side-menu-box {
	margin-bottom: 30px;
}

/* メニューの背景 */
.side-menu-box .title {
	width: auto;
	height: 40px;
	padding: 2px 10px;
	background-image: url("../img/menu_bg.png");
	border: solid 4px rgba(0,0,0,.8);
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
}
.side-menu-box .title:before{
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	content: "";
}
.side-menu-box.guide .title:before{
	width: 20px;
	background: url(../img/icon/icon_beginner_w.png) no-repeat;
	background-size: 20px 20px;
	vertical-align: -4px;
}
.side-menu-box.fav .title:before,
.side-menu-box.fav-mobile .title:before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f005";
}
.side-menu-box.yoso .title:before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f002";
}
.side-menu-box.hit .title:before{
	width: 25px;
	background: url(../img/icon/icon_hit_w.png) no-repeat;
	background-size: 25px 20px;
	vertical-align: -4px;
}
/* SPでメニューが消える記述 */
@media screen and (min-width: 1070px) {
	.side-menu-box.fav-mobile{
		display: none;
	}
}
@media screen and (max-width: 1070px) {
	.side-menu {
		position: fixed;
		width: 250px;
		height: 100%;
		top: 0;
		right: -250px;
		z-index: 2000;
		background-color: #ffffff;
		overflow: auto;
		transition: 0.4s;
		-ms-overflow-style: none; /* IE11 */
		scrollbar-width: none; /* firefox */
	}
	.side-menu::-webkit-scrollbar { /* Chrome, Edge, Safari, Opera */
		display: none;
	}
	.mobile-side-menu-bg{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		z-index: 1999;
		background-color: rgba( 0, 0, 0, 0.5);
		transition: 0.0s;
	}
	.side-menu-box.fav{
		display: none;
	}
	.side-menu-box.fav-mobile{
		display: block;
		visibility: hidden;
		position: fixed;
		right: 45px;
		background-color: rgba(255, 255, 255, 1);
		opacity: 0;
		z-index: 1000;
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.32);
		-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.32);
		box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.32);
		overflow: auto;
		-ms-overflow-style: none; /* IE11 */
		scrollbar-width: none; /* firefox */
		transition: opacity 0.3s;
	}
	.side-menu-box.fav-mobile::-webkit-scrollbar { /* Chrome, Edge, Safari, Opera */
		display: none;
	}
	.mobile-yosoka-fav-bg{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		z-index: 999;
		/*background-color: rgba( 0, 0, 0, 0.5);*/
		transition: 0.0s;
	}
}

/* ===== サイドメニュー内リスト ===== */
.side-menu-box .list {
	font-size: 15px;
	text-align: center;
	padding-top: 8px;
}
.side-menu-box .list a:after{
	margin-left: 2px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.side-menu-box .list a span {
	margin-left: 2px;
	font-size: 20px;
}
.side-menu-box .list a span.newicon {
	margin-left: 0;
	font-size: 10px;
}
/* メニュー背景画像 */
.side-menu-box .list li {
	display: inline-block;
}
.side-menu-box .list li a {
	display: inline-block;
	margin: 0 5px 5px 0;
	background-image: url(../img/menu_brush.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	text-decoration: none;
	color: #333333;
}
.side-menu-box .list li a:hover {
	filter: none;
	color: #a8975d;
}
/* 3カラム表示 */
.side-menu-box .list .col3 {
	width: 70px;
	margin-right: 0;
}
.side-menu-box .list .col3 span:first-of-type {
	font-size: 16px;
}
.side-menu-box .list .tosyobu {
	position: relative;
}
.side-menu-box .list .tosyobu:before {
	position: absolute;
	display: block;
	bottom: -5px;
	right: 18px;
	content: "- \6709\6599\4F1A\54E1\6A5F\80FD  -";
	font-size: 11px;
	color: #a8975d;
	text-align: center;
}
.side-menu-box .list .tohistory {
	width: 100%;
}
.side-menu-box .list .tohistory a {
	margin: 10px 0 0 0;
	background-size: 80% auto;
	background-position: right;
	font-size: 18px;
	text-align: center;
}
.side-menu-box .list .tohistory a:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url("../img/icon/icon_buyhistory_b.png") no-repeat;
	background-size: 20px 20px;
	content: "";
	vertical-align: -4px;
}
@media screen and (max-width: 740px) {
	.side-menu-box .list li.torace{
		width: calc( 50% - 5px);
		text-align: right;
	}
	.side-menu-box .list li.toyosoka{
		width: calc( 50% - 5px);
		text-align: left;
	}
	.side-menu-box .list .tosyobu:before {
		bottom: 3px;
		right: 13px;
	}
	.side-menu-box .list li.tohit{
		width: 100%;
	}
	.side-menu-box .list li a {
		margin: 5px 3px;
		padding: 6px;
		border-radius: 5px;
		background-image: none;
		background-color: #ebe8f3;
		font-size: 13px;
	}
	.side-menu-box .list li a:hover {
	}
	.side-menu-box .list a span {
		font-size: 18px;
	}
}
/* ===== サイドメニュー内お気に入り予想家 ===== */
.side-menu-box.fav .title,
.side-menu-box.fav-mobile .title{
	position: relative;
}
.side-menu-box.fav .fav-menu-open,
.side-menu-box.fav-mobile .fav-menu-open{
	position: absolute;
	top: 5px;
	right: 5px;
}
.side-menu-box.fav .fav-menu-open i,
.side-menu-box.fav-mobile .fav-menu-open i{
	margin: 0;
}
.side-menu-box .title .nav-btn {
	width: 22px;
	height: 22px;
	line-height: 24px;
	font-size: 16px;
}
.side-menu-box .title .notice {
	margin-left: 5px;
}
.side-menu-box .favlist iframe{
	width: 250px;
	height: 225px;
	border: 0;
	overflow: hidden;
}

/* ===== お気に入り予想家リスト favlist.html ===== */
#favlist{
	font-size: 15px;
}
.favlist-wrapper{
	width: 250px;
}
html.with-featherlight .favlist-wrapper{ /* SPだけ見出し表示 */
	padding: 20px 0;
}
.favlist-header{
	display: none;
}
html.with-featherlight .favlist-header{ /* SPだけ見出し表示 */
	display: block;
}
.favlist-inner{
	margin-bottom: 10px;
}
ul.favlist-list{
}
ul.favlist-list a {
	text-decoration: none;
	color: #333333;
}
ul.favlist-list a:hover {
	opacity: 1.0;
	color: #a8975d;
}
ul.favlist-list li{
	padding: 10px;
	background-image: url(../img/menu_brush.png);
	background-repeat: no-repeat;
	background-size: 70% auto;
	background-position: 48px 0;
	border-bottom: 1px solid #cccccc;
}
.favlist-img {
	position: relative;
	float: left;
	width: 40px;
	margin-right: 5px;
}
.favlist-img .frame {
	z-index: 1;
	position: absolute;
	width: 40px;
	height: 40px;
		background-image: url("../img/yosoka_frame_40x40.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.favlist-img .trim {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	margin: 2px 0 0 2px;
}
.favlist-img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.favlist-name {
	float: left;
	width: 145px;
	padding-top: 9px;
}
.favlist-name .name {
	font-size: 16px;
	font-weight: bold;
}
.favlist-name .name span {
	margin-left: 5px;
	font-size: 12px;
	font-weight: normal;
}
.favlist-notice {
	float: left;
	display: table;
	width: 40px;
	line-height: 0;
	text-align: center;
}
.favlist-notice-inner {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}
.favlist-lower{
	width: 100%;
	padding: 0 10px;
	text-align: center;
}
.favlist-lower .link{
	float: left;
	width: 125px;
	padding-top: 7px;
	text-align: left;
	font-size: 13px;
}
.favlist-lower .link span{
	font-size: 15px;
}
.favlist-lower .link a {
	text-decoration: none;
	color: #333333;
}
.favlist-lower .link a:hover {
	filter: none;
	color: #a8975d;
}
.favlist-lower .link a:after{
	margin-left: 2px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.favlist-lower .hanrei{
	float: right;
	width: 80px;
	line-height: 0;
}
/*
.favlist-lower .amount-capsule p {
	width: 80px;
	font-size: 11px;
}
*/

/*  お気に入りリスト nologinなど  */
.favlist-yet{
	width: 250px;
	height: 177px;
	padding: 35px 20px;
	background: url(../img/favlist_yet_bg.jpg) no-repeat;
}
.favlist-yet .text{
	width: 210px;
	height: 107px;
	padding: 10px;
	background-color: rgba( 0, 0, 0, 0.7);
	border: 4px solid #3b1e87;
	font-size: 13px;
	color: #ffffff;
}
.favlist-lower .regist{
	float: left;
	width: 105px;
}
.favlist-lower .regist .gb-btn{
	width: 105px;
	height: 33px;
	font-size: 14px;
	font-weight: bold;
}

/* ===== サイドメニュー内イベント ===== */
.side-menu-box.event {
}
.side-menu-box .side-event{
	display: block;
	position: relative;
	width: 200px;
	height: 150px;
	margin: 0 auto;
}
.side-menu-box .side-event .chance {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	padding: 0 5px;
	background-color: rgba(0,0,0,.8);
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.side-menu-box .side-event img {
	width: 200px;
	height: 150px;
}
.side-menu-box .side-event .eventtitle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
	padding: 2px 5px;
	background-color: rgba(0,0,0,.8);
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.3;
}

/* ===== サイドメニュー内予想購入履歴・マイページ ===== */
.side-flatmenu{
	border-top: 1px solid #3b1e87;
}
.side-flatmenu li{
	border-bottom: 1px solid #3b1e87;
}
.side-flatmenu li a{
	display: block;
	padding: 5px 15px;
	color: #333333;
}
.side-flatmenu li a:hover{
	text-decoration: none;
}
.side-flatmenu li a:after{
	margin-left: 2px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.side-flatmenu li.history a:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url("../img/icon/icon_buyhistory_b.png") no-repeat;
	background-size: 20px 20px;
	content: "";
	vertical-align: -4px;
}
.side-flatmenu li.mypage a:before{
	margin-right: 10px;
	font-size: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f007";
}
.side-flatmenu li.mypage {
	display: none;
}
.side-flatmenu li.home a:before{
	margin-right: 10px;
	font-size: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f015";
}
@media screen and (max-width: 740px) {
	.side-flatmenu li a{
		background-color: #ebe8f3;
	}
	.side-flatmenu li.mypage {
		display: block;
	}
}
/* ===== サイドメニュー内イー新聞 ===== */
.side-menu-box.eshinbun {
	margin: 0 auto;
	text-align: center;
}
.side-menu-box.eshinbun img {
	width: 230px;
}

/* ===============================
フッター
=============================== */
#footer {
	width: 100%;
 	background: #ffffff url("../img/footerbg.png") no-repeat top center;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	font-size: 13px;
	line-height: 1.6;
}

/* ===== ロゴ・QR・お知らせ・フッターナビ ===== */
.footer-menu {
	width: 1070px;
	margin: 0 auto 10px;
	padding-top: 30px;
}
.footer-logo {
	float: left;
	width: 250px;
	margin-right: 20px;
	text-align: center;
}
.footer-logo .logo{
	margin-bottom: 10px;
}
.footer-logo .logo a{
	display: inline-block;
	width: 240px;
	height: 70px;
	background-image: url(../img/logo_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.footer-logo .logo a:hover {
	filter: none;
}
.footer-logo .text{
	font-size: 16px;
	font-weight: bold;
}
.footer-logo .text i{
	margin-right: 5px;
	font-size: 22px;
}
.footer-logo .qr{
	width: 95px;
	height: 95px;
	margin: 0 auto;
	padding: 10px;
	background: url(../img/qr.png) no-repeat #ffffff center;
}
.footer-info{
	float: left;
	width: 500px;
	margin: 0 40px 0 20px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
.footer-info h3{
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #3b1e87;
}
.footer-info h3:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f05a";
}
.footer-info li{
	margin: 0 0 5px 25px;
	list-style-type: square;
	color: #a8975d;
}
.footer-info .more{
	text-align: right;
}
.footer-nav{
	float: left;
	width: 210px;
}
.footer-nav ul{
	margin-bottom: 23px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
.footer-nav ul:last-child{
	margin-bottom: 0;
}
.footer-nav li{
	margin-bottom: 5px;
}
@media screen and (max-width: 1070px) {
	.footer-menu {
		width: 800px;
	}
	.footer-logo {
		display: none;
	}
}
@media screen and (max-width: 740px) {
	#footer{
		border-top: 4px solid #3b1e87;
		background-size: 835px 100px;
	}
	.footer-menu {
		width: 100%;
		padding: 30px 10px 0;
	}
	.footer-info{
		float: inherit;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.footer-nav{
		float: inherit;
		width: 100%;
	}
}

/* ===== SNS・既存サイト・↑ ===== */
.footer-link{
	width: 1070px;
	margin: 0 auto 20px;
}
.footer-sns{
	float: left;
	width: 250px;
	padding: 15px 0;
	text-align: center;
	line-height: 0;
}
.footer-sns li{
	display: inline-block;
	width: 50px;
	margin-right: 10px;
}
.footer-sns li:last-child{
	margin-right: 0;
}
.footer-sns li img{
	width: 50px;
}
.footer-kizon{
	float: left;
	width: 500px;
	margin-left: 40px;
	padding: 10px;
	background-color: #ffdcd3;
}
.footer-kizon dt{
	float: left;
	width: 200px;
	margin-right: 10px;
	line-height: 0;
}
.footer-kizon dt img{
	width: 200px;
}
.footer-kizon dd{
	float: left;
	width: 270px;
}
.footer-kizon dd a{
	display: block;
	font-weight: bold;
	color: #ff3203;
}
.footer-kizon dd span{
	display: block;
}
.footer-up{
	float: right;
	width: 50px;
	padding: 25px 0;
}
.footer-up a{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	border-radius: 5px;
	border: 1px solid #a8975d;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
@media screen and (max-width: 1070px) {
	.footer-link{
		width: 800px;
	}
	.footer-sns{
		width: 200px;
	}
	.footer-kizon{
		margin-left: 0;
	}
}
@media screen and (max-width: 740px) {
	.footer-link{
		width: 100%;
		margin: 0;
		padding: 0 10px;
	}
	.footer-sns{
		float: inherit;
		width: 100%;
		border-top: 1px solid #3b1e87;
	}
	.footer-kizon{
		float: inherit;
		width: 100%;
	}
	.footer-kizon dt{
		float: inherit;
		width: 200px;
		margin: 0 auto 5px;
	}
	.footer-kizon dd{
		float: inherit;
		width: 100%;
	}
	.footer-kizon dd a{
		width: 100%;
		text-align: center;
	}
	.footer-kizon dd span{
		width: 100%;
	}
	.footer-up{
		float: inherit;
		width: 100%;
	}
}

/* ===== コピーライト ===== */
.footer-copyright{
	width: 100%;
	padding-top: 2px;
	border-top: 2px solid #3b1e87;
}
.footer-copyright-inner{
	width: 100%;
	padding: 20px 0;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
		#0e0447 url(../img/diabg_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
}
.footer-copyright p{
	width: 1070px;
	margin: 0 auto;
	padding-top: 1px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}
@media screen and (max-width: 1070px) {
	.footer-copyright p{
		width: 800px;
	}
}
@media screen and (max-width: 740px) {
	.footer-copyright-inner {
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
			#0e0447 url(../img/diabg_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
	}
	.footer-copyright p{
		width: 100%;
		padding: 0 20px;
	}
}

/* ===============================
メインコンテンツ
=============================== */
#container {
	width: 800px;
	height: 100%;
	margin-bottom: 50px;
	padding-top: 80px;
}
.main-contents {
	width: 800px;
	height: auto;
	background: #ffffff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
	#container {
		margin: 0 auto 50px;
		padding-top: 130px;
	}
}
@media screen and (max-width: 740px) {
	#container {
		width: auto;
		padding-top: 0;
	}
	.main-contents {
		width: auto;
		background-image: none;
		background-size:92%;
		margin-top: 20px;
	}
}

/* ===== ページタイトル ===== */
.main-header {
	position: relative;
	width: 800px;
	padding-left: 10px;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
		#0e0447 url(../img/diabg_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
	border: 8px solid rgba(0, 0, 0, 0.5);
}
.main-title{
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
.main-title:before{
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
}
.Hit .main-title:before{
	display: inline-block;
	width: 25px;
	height: 20px;
	background: url(../img/icon/icon_hit_w.png) no-repeat;
	background-size: 25px 20px;
	content: "";
	vertical-align: -4px;
}
.Race .main-title:before,
.RaceJra .main-title:before,
.RaceWin5 .main-title:before,
.RaceAnother .main-title:before,
.RaceInfo .main-title:before,
.RaceSyobu .main-title:before,
.Yosoka .main-title:before{
	font-weight: bold;
	content:"\f002";
}
.Buy .main-title:before,
.BuyComplete .main-title:before{
	font-weight: bold;
	content:"\f07a";
}
.LoginIndex .main-title:before{
	font-weight: bold;
	content:"\f2f6";
}
.freeregist-push .main-title:before{
	font-weight: bold;
	content:"\f4fc";
}
.Freeregist .main-title:before,
.FreeregistMailComplete .main-title:before,
.FreeregistComplete .main-title:before,
.FreeregistSnsRegisted .main-title:before{
	display: inline-block;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/icon_freeregist_w.png") no-repeat;
	background-size: 25px 25px;
	content: "";
	vertical-align: -5px;
}
.Payregist .main-title:before,
.PayregistComplete .main-title:before,
.PaycancelConfirm .main-title:before,
.PaycancelComplete .main-title:before{
	display: block;
	float: left;
	position: relative;
	top: 3px;
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	border-radius: 25px;
	font-size: 17px;
	font-weight: bold;
	color: #3b1e87;
	text-align: center;
	content:"\f157";
}
.User .main-title:before,
.PasswordMail .main-title:before,
.PasswordMailComplete .main-title:before,
.PasswordEdit .main-title:before,
.PasswordEditComplete .main-title:before,
.LeaveConfirm .main-title:before,
.LeaveComplete .main-title:before{
	font-weight: bold;
	content:"\f007";
}
.AdressMail .main-title:before,
.AdressMailComplete .main-title:before,
.AdressComplete .main-title:before,
.SupportEdit .main-title:before,
.SupportComplete .main-title:before{
	font-weight: bold;
	content:"\f0e0";
}
.Buyhistory .main-title:before{
	display: inline-block;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/icon_buyhistory_w.png") no-repeat;
	background-size: 25px 25px;
	content: "";
	vertical-align: -5px;
}
.BuypointSelect .main-title:before,
.BuypointConfirm .main-title:before,
.BuypointComplete .main-title:before,
.Repay .main-title:before,
.RepayComplete .main-title:before,
.PointHistory .main-title:before,
.PointLimit .main-title:before{
	display: inline-block;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/icon_point_w.png") no-repeat;
	background-size: 25px 25px;
	content: "";
	vertical-align: -5px;
}
.Info .main-title:before,
.InfoDetail .main-title:before{
	font-weight: bold;
	content:"\f05a";
}
.SupportFaq .main-title:before{
	font-weight: bold;
	content:"\f059";
}
.Tutorial .main-title:before,
.TutorialAbout .main-title:before{
	display: inline-block;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/icon_beginner_w.png") no-repeat;
	background-size: 25px 25px;
	content: "";
	vertical-align: -5px;
}
@media screen and (max-width: 740px) {
	.main-header {
		width: 100%;
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
			#0e0447 url(../img/diabg_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
		border: 5px solid rgba(0, 0, 0, 0.5);
	}
	.main-title{
		font-size: 18px;
	}
	.Payregist .main-title:before,
	.PayregistComplete .main-title:before{
		top: 1px;
	}
}

/* ===== コンテンツ下線 ===== */
.under-line {
	width: 100%;
	height: 28px;
	padding-bottom: 2px;
	border-bottom: 4px solid #3b1e87;
}
.under-line .inner {
	width: 100%;
	height: 22px;
	border-bottom: 2px solid #3b1e87;
	background-image:
		url(../img/maincontents_underleft.gif),
		url(../img/maincontents_underright.gif);
	background-repeat: no-repeat;
	background-position:
		left,
		right;
	background-size: 20px 20px;
}

/* ===============================
予想家情報
=============================== */

/* ===== 予想家情報背景 ===== */
.yosoka-info {
	position: relative;
	width: 800px;
	height: 80px;
	margin-top: 60px;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
		#0e0447 url(../img/diabg_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
	border: 8px solid rgba(0, 0, 0, 0.5);
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
}

/* ===== 予想家写真 ===== */
.yosoka-img {
	z-index: 1;
	position: absolute;
	top:-85px;
	left: -13px;
}

/* 予想家写真フレーム */
.yosoka-img .frame {
	z-index: 1;
	position: absolute;
	top:-10px;
	left: -5px;
	width: 172px;
	height: 176px;
	background-image: url("../img/yosoka_frame_172x176.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.yosoka-img .trim {
	overflow: hidden;
	width: 164px;
	height: 164px;
	position: relative;
}
.yosoka-img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* 予想家写真、背景画像 */
@media screen and (max-width: 740px) {
	.yosoka-info {
		width: 100%;
		height: auto;
		margin-top: 35px;
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
			#0e0447 url(../img/diabg_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
		border: 5px solid rgba(0, 0, 0, 0.5);
	}
	.yosoka-img {
		position: absolute;
		top:-75px;
		left: -10px;
	}
	.yosoka-img .frame {
		top: 45px;
		left: 5px;
		width: 110px;
		height: 110px;
		background-image: url("../img/yosoka_frame_110x110.png");
	}
	.yosoka-img .trim {
		left: 10px;
		bottom: -50px;
		width: 100px;
		height: 100px;
	}
}

/* ===== 予想家売り文句 ===== */
.yosoka-catch {
	position: absolute;
	top: -38px;
	left: 142px;
	width: 222px;
	height: 42px;
	background-image: url("../img/yosoka_catch.png");
	background-repeat: no-repeat;
	background-size: contain;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	text-align: center;
}
.yosoka-catch span {
	padding-right: 30px;
	font-size: 16px;
	line-height: 38px;
}
@media screen and (max-width: 740px) {
	.yosoka-catch {
		top: -20px;
		left: 83px;
		width: 180px;
		height: 34px;
	}
	.yosoka-catch span {
		line-height: 32px;
		font-size: 14px;
	}
}

/* ===== 予想家情報 ===== */
.yosoka-info-text {
	margin-left: 162px;
	display: flex;
	padding: 2px 20px 0 0;
	font-weight: normal;
	font-size: 15px;
}

/* 予想家名前 */
.yosoka-name {
	float: left;
	width: 280px;
}
.yosoka-name .nickname {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.yosoka-name .name {
	font-size: 26px;
	font-weight: bold;
	margin-top: -4px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.yosoka-name .name span {
	font-size: 20px;
	font-weight: normal;
	margin-left: 8px;
}
@media screen and (max-width: 740px) {
	.yosoka-name {
		float: inherit;
		width: auto;
	}
	.yosoka-info-text {
		margin-left: 107px;
		padding: 8px 10px 0 0;
		display: block;
	}
	.yosoka-name .nickname, .yosoka-name .name span {
		font-size: 13px;
	}
	.yosoka-name .name {
		font-size: 20px;
		margin-top: -9px;
	}
}

/* ===== 率セット ===== */
.yosoka-rate {
	float: left;
	width: 195px;
	margin: 5px 15px 0 0;
}
/* 年間 */
.yosoka-rate .year {
	display: inline-block;
	vertical-align: middle;
	margin-right: -5px;
}
.yosoka-rate .year span {
	border: solid 1px #ffffff;
	font-size: 14px;
	border-radius: 12px;
	padding: 4px 8px;
}
/* 率 */
.yosoka-rate .rate {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.8em;
}
.yosoka-rate .rateunit {
	border-bottom: solid 1px #ffffff;
}
.yosoka-rate .rateunit dt,
.yosoka-rate .rateunit dd{
	display: inline-block;
}
.yosoka-rate .rateunit dt {
	margin-left: 15px;
}
.yosoka-rate .rateunit dd {
	width: 70px;
	margin-left: 10px;
	text-align: right;
}
.yosoka-rate .rateunit:last-of-type {
	border-bottom: none;
}
@media screen and (max-width: 740px) {
	.yosoka-rate {
		float: inherit;
		width: auto;
		margin: 0;
		margin-top: -10px;
	}
	.yosoka-rate .rate {
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
		line-height: 1.8em;
	}
	.yosoka-rate .year {
		margin-top: -2px;
	}
	.yosoka-rate .year span {
		border: solid 1px #ffffff;
		font-size: 8px;
		border-radius: 5px;
		padding: 2px 4px;
	}
	.yosoka-rate .rateunit {
		border: none;
		display: inline-block;
	}
	.yosoka-rate .rateunit dt {
		margin-left: 5px;
	}
	.yosoka-rate .rateunit dd {
		width: auto;
		margin-left: 0;
		text-align: left;
	}
}

/* ===== 詳細リンク ===== */
.yosoka-link {
	position: absolute;
	top: 17px;
	right: 15px;
}
.yosoka-link-btn {
	background-color: #ffffff;
	padding: 4px 8px;
	border: solid 2px #333333;
	text-decoration: none;
	border-radius: 5px;
	font-weight: bold;
	color: #333333;
	box-shadow: .5px .5px 1px .5px rgba(0,0,0,0.3) inset;
}
@media screen and (max-width: 740px) {
	.yosoka-link {
		top: 25px;
		right: 0px;
		font-size: 12px;
	}
}
@media screen and (max-width: 350px) {
	.yosoka-link {
		top: auto;
		bottom: -15px;
		right: 0;
		left: 8px;
		z-index: 1000;
	}
}

/* ===============================
レース情報
=============================== */

/* ===== レース情報背景 ===== */
.race-info {
	position: relative;
	width: 800px;
	background:
		linear-gradient(to right, rgba(188, 162, 255, 0.6), rgba(229, 225, 255, 0.9) 40%,  rgba(255, 255, 255, 0.9) 80%, rgba(229, 225, 255, 0.99)),
		#0e0447 url("../img/diabg_pc.png") repeat;
	background-size:
		100% 100%,
		132px 94px;
	font-size: 15px;
	line-height: 30px;
}
.race-info .bg-horse {
	position: absolute;
	top: 0;
	right: 5px;
	width: 150px;
	height: 100%;
	background-image: url("../img/bghorse_pc.gif");
	background-size: 150px 100px;
	opacity: 0.06;
}
@media screen and (max-width: 740px) {
	.race-info {
		width: 100%;
		background:
			linear-gradient(to right, rgba(188, 162, 255, 0.6), rgba(229, 225, 255, 0.9) 40%,  rgba(255, 255, 255, 0.9) 80%, rgba(229, 225, 255, 0.99)),
			#0e0447 url("../img/diabg_sp.png") repeat;
		background-size:
			100% 100%,
			84px 60px;
	}
}

/* ===== 勝負度アイコン ===== */
.race-info-syobu {
	position: absolute;
	left: -10px;
	bottom: -5px;
	width: 250px;
	height: 85px;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
.race-info-syobu.syobu1 {
	background-image: url("../img/race_icon_syobu1_pc.png");
}
@media screen and (max-width: 740px) {
	.race-info-syobu {
		position: inherit;
		float: left;
		width: 131px;
		height: 62px;
		left: -5px;
		top: 10px;
	}
	.race-info-syobu.syobu1 {
		background-image: url("../img/race_icon_syobu1_sp.png");
	}
}

/* ===== レース情報内容 ===== */
.race-info-inner{
	height: 80px;
	margin-left: 240px;
	padding: 14px 20px 0 0;
	position: relative;
	z-index: 1;
}
.RaceJra .race-info-inner{
	width: 470px;
	margin: 0 auto;
}
.race-info-dateplace{
	float: left;
	display: inline;
}
.race-info .date{
	float: left;
	padding: 13px 10px 0;
}
.race-info .placeno{
	float: left;
	height: 50px;
	margin-right: 10px;
	padding: 10px;
	background-color: #3b1e87;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
}
.race-info .placeno .place{
	display: inline-block;
	max-width: 118px;
	margin-right: -2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.race-info .placeno .no{
	display: inline-block;
	margin-left: -2px;
	overflow: hidden;
}
.race-info-name{
	float: left;
	padding-top: 4px;
}
.race-info .namebox{
	line-height: 1.2;
}
.race-info .namebox .name{
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: bold;
}
.race-info .condition{
	max-width: 260px;
	margin-top: -8px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.race-info .condition .course{
}
.race-info .condition .distance{
}
.race-info .condition .time{
	margin-left: 5px;
}
.YosoWin5 .race-info .date{
	font-size: 17px;
	font-weight: bold;
}
.race-info-name .win5{
	width: 100px;
	height: 40px;
	margin: 5px 0 0 20px;
	background-image: url(../img/win5_title.png);
	background-repeat: no-repeat;
	background-size: 100px 40px;
}
@media screen and (max-width: 740px) {
	.race-info-inner {
		margin-left: 112px;
		padding: 5px 8px 0 0;
		font-size: 12px;
		overflow: hidden;
	}
	.RaceJra .race-info-inner{
		width: 320px;
		margin: 0 auto;
		padding-left: 50px;
	}
	.race-info-dateplace{
		float: inherit;
		display: block;
		width: 100%;
		margin-bottom: 0;
		padding-top: 3px;
		line-height: 1.2;
	}
	.race-info .placeno .place{
		max-width: 70px;
	}
	.race-info .date{
		padding: 4px 10px 0 0;
	}
	.race-info .placeno{
		display: inline-block;
		height: auto;
		margin-right: 0;
		margin-bottom: 5px;
		padding: 4px 5px 2px;
		font-weight: bold;
		border-top: none;
	}
	.race-info-name{
		float: inherit;
		padding-top: 0;
	}
	.race-info .namebox .name{
		max-width: 180px;
		font-size: 16px;
	}
	.YosoWin5 .race-info .date{
		font-size: 15px;
	}
	.race-info-name .win5{
		margin: 5px 0 0 0;
	}
}
@media screen and (max-width: 350px) {
	.race-info .namebox .name{
		max-width: 160px;
	}
}

/* ===============================
予想・結果
=============================== */

.yoso-contents-wrapper {
	padding: 20px 0 50px;
	background: #ffffff url("../img/horse_img.png") no-repeat right 20px bottom -70px;
}
@media screen and (max-width: 740px) {
	.yoso-contents-wrapper {
		background: #ffffff url("../img/horse_img.png") no-repeat right 20px bottom 230px;
	}
}

/* ===== 予想見出しエリア ===== */

.yoso-header {
	position: relative;
}

/* 予想スタイル */
.yoso-header .style {
	float: left;
	display: table;
	width: 140px;
	height: 45px;
	padding: 2px 15px 0 0;
	background-image: url(../img/stylebg_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 45px;
}

/* 予想タイトル */
.yoso-header .title {
	display: table;
	padding: 9px 120px 0 20px;
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
}

/* 予想 販売ポイント */
.yoso-header .point {
	position: absolute;
	right: 20px;
	top: 9px;
	width: 80px;
	height: 30px;
	background-image: url(../img/pointbg_pc.gif);
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.yoso-header .point span {
	display: block;
	text-align: center;
	line-height: 30px;
}

@media screen and (max-width: 740px) {
	.yoso-contents-wrapper {
		padding-top: 10px;
	}
	.yoso-header .style {
		width: 75px;
		height: 26px;
		padding: 0 15px 0 0;
		background-image: url(../img/stylebg_pc.png);
		font-size: 15px;
		line-height: 1.7;
	}
	.yoso-header .title {
		padding: 0 80px 0 10px;
		font-size: 18px;
		line-height: 1.6;
	}
	.yoso-header .title span {
		display: block;
		width: 100%;
	}
	.yoso-header .point {
		right: 10px;
		top: 3px;
		width: 60px;
		background-image: url(../img/pointbg_sp.gif);
		font-size: 12px;
		font-weight: normal;
	}
	.yoso-header .point span {
		line-height: 24px;
	}
}

/* ===== 的中エリア ===== */

.yoso-hit{
	position: relative;
}
.yoso-hit .image{
	z-index: 10;
	position: absolute;
	top: -100px;
	right: 0;
	width: 300px;
	height: 150px;
	background-image: url(../img/hit_300.png);
	background-repeat: no-repeat;
	background-size: 300px 150px;
	cursor: pointer;
	transition: .3s;
}
.yoso-hit .image.jama{
	opacity: 0.1;
}
.yoso-hit .text{
	width: 370px;
	margin: 10px 20px 0;
	background-color: #bc0c16;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.yoso-hit .text span{
	margin-right: 5px;
	font-size: 21px;
}
@media screen and (max-width: 740px) {
	.yoso-hit .image{
		top: -105px;
		width: 200px;
		height: 100px;
		background-image: url(../img/hit_200.png);
		background-size: 200px 100px;
	}
	.yoso-hit .text{
		width: calc( 100% - 20px);
		margin: 10px 10px 0;
		font-size: 13px;
	}
	.yoso-hit .text span{
		font-size: 19px;
	}
}

/* ===== 予想内容 ===== */

.yoso-contents {
	padding: 20px;
	height: 100%;
}
.yoso-contents h2.subtitle{
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.yoso-contents {
		padding: 10px;
	}
}

/* ===== JRA印エリア ===== */

.yoso-mark{
	float: left;
	width: 370px;
	margin-bottom: 40px;
	line-height: 32px;
}
.mark-set {
	width: 100%;
}
.mark-set-table {
	width: 100%;
	border-top: dashed 1px #999999;
	font-size: 15px;
}
.mark-set-table td {
	padding: 5px;
	border-bottom: dashed 1px #999999;
	vertical-align: middle;
}
.mark-set-table td.mark{
	width: 30px;
	font-size: 17px;
	text-align: center;
}
.mark-set-table td.no{
	width: 30px;
	text-align: center;
}
.mark-set-table td.name{
	line-height: 1.6;
}
.mark-set-table td.fav{
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}
.result-set {
	width: 100%;
}
.result-set-table {
	width: 100%;
	border-top: dashed 1px #999999;
	font-size: 13px;
	line-height: 2.0;
}
.result-set-table td {
	padding: 2px 5px;
	border-bottom: dashed 1px #999999;
	vertical-align: middle;
}
.result-set-table td.result{
	width: 50px;
	font-weight: bold;
	text-align: center;
}
.result-set-table td.mark{
	width: 30px;
	font-size: 15px;
	text-align: center;
}
.result-set-table td.no{
	width: 30px;
	text-align: center;
}
.result-set-table td.no span.number-bg {
	width: 25px;
	height: 25px;
}
.result-set-table td.name{
	line-height: 1.6;
}
.result-set-table td.fav{
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}
.harai-table {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #999999;
	font-size: 13px;
	line-height: 1.8;
}
.harai-table th,
.harai-table td {
	padding: 2px 5px;
	border: 1px solid #999999;
}
.harai-table th {
	background-color: #f7f7f7;
}
.harai-table td:last-child {
	text-align: right;
}
.result-toggle{
	display: none;
}
.result-toggle > .result-set{
	margin: 0 0 10px;
}
.result-toggle > .result-set .result-set-table:first-child{
	border-top: none;
}
.result-btn{
	padding: 10px 0;
}
a.result-toggle-btn {
	display: block;
	width: 150px;
	height: 30px;
	margin: 0 auto;
	border-radius: 5px;
	border: 1px solid #a8975d;
	font-size: 14px;
	text-align: center;
	line-height: 0.9;
	text-decoration: none;
	cursor: pointer;
}
a.result-toggle-btn:hover {
	text-decoration: none;
}
a.result-toggle-btn:after {
	position: relative;
	top: 3px;
	margin-left: 5px;
	font-size: 24px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f0d7";
}
a.result-toggle-btn.open:after {
	content:"\f0d8";
}

@media screen and (max-width: 740px) {
	.yoso-mark{
		float: inherit;
		width: 100%;
		margin-bottom: 20px;
		line-height: 2.0;
	}
	.mark-set-table {
		font-size: 14px;
	}
	.mark-set-table td.fav,
	.result-set-table td.fav{
		font-size: 12px;
	}
	.harai-set {
		max-width: 370px;
		margin: 0 auto;
	}
}

/* ===== JRA買い目エリア ===== */
.yoso-kaime {
	float: right;
	width: 360px;
}
.kaime-unit {
	width: 360px;
	height: auto;
	margin-bottom: 20px;
	font-size: 15px;
	color: #333333;
}
.kaime-unit-inner{
	width: 100%;
	border-left: solid 1px #9d8ec3;
	border-right: solid 1px #9d8ec3;
	background-image: url(../img/kaime_bg_pattern.png);
	background-repeat: repeat;
	background-position: center;
}
.kaime-unit-upper,
.kaime-unit-lower{
	position: relative;
	width: 100%;
	height: 15px;
	background-color: #f8f7fb;
	background-repeat: no-repeat;
	border: solid 1px #9d8ec3;
}
.kaime-unit-upper{
	background-image: url(../img/parts_box.png);
	background-position: left top;
	border-bottom: none;
}
.kaime-unit-lower{
	background-image: url(../img/parts_box.png);
	background-position: right bottom;
	border-top: none;
}
.kaime-unit-upper span,
.kaime-unit-lower span{
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.kaime-unit-upper span{
	top: -1px;
	right: -1px;
	background-image: url(../img/parts_box_upperright.png);
}
.kaime-unit-lower span{
	bottom: -1px;
	left: -1px;
	background-image: url(../img/parts_box_lowerleft.png);
}
.kaime-unit .kaime-unit-inner .nobuy-push{
	padding: 20px 0;
	text-align: center;
}
.kaime-unit table{
	width: 100%;
}
.kaime-unit th{
	width: 30%;
	padding: 5px;
	border-right: 1px solid #999999;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.6;
}
.kaime-unit th span{
	display: inline-block;
	width: 100%;
}
.kaime-unit th span.shiki{
}
.kaime-unit th span.kaikata,
.kaime-unit th span.multi{
	font-size: 12px;
	font-weight: normal;
}
.kaime-unit th span.multi{
	background-color: #000000;
	color: #ffffff;
}
.kaime-unit td{
	width: 70%;
	padding-right: 9px;
}
.kaime-unit .kaime-inner{
	padding-left: 5px;
	line-height: 23px;
}
.kaime-unit .kaime-inner dl{
	width: 100%;
	margin-bottom: 5px;
	padding: 0 5px;
}
.kaime-unit .kaime-inner dl.type1 dt{
	display: inline-block;
}
.kaime-unit .kaime-inner dl.type1 dd{
	float: right;
	position: relative;
	top: 4px;
	width: 90px;
	font-weight: bold;
	text-align: right;
}
.kaime-unit .kaime-inner dl.type2 dt{
	float: left;
	width: 20%;
	position: relative;
	top: 3px;
	font-size: 12px;
}
.kaime-unit .kaime-inner dl.type2 dd{
	float: left;
	width: 80%;
}
.kaime-unit .kaime-inner span{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0 5px 5px 0;
	padding: 3px;
	border: 1px #333333 solid;
	background-color: #ffffff;
	text-align: center;
}
.kaime-unit .kaime-inner span.hit{
	padding: 2px;
	border: 2px #bc0c16 solid;
}
.kaime-unit .kaime-inner span.arrow{
	display: inline;
	position: relative;
	top: -2px;
	width: auto;
	height: auto;
	margin: 0 5px 5px 0;
	padding: 0;
	border: none;
	background-color: inherit;
	font-size: 10px;
}
.kaime-unit .kaime-inner span.price{
	display: inline;
	width: auto;
	height: auto;
	margin: 0 5px 5px 5px;
	padding: 0;
	border: none;
	background-color: inherit;
	font-weight: bold;
}
.kaime-unit .kaime-price{
	margin-right: 5px;
	padding: 5px 0 0 10px;
	border-top: 1px solid #999999;
	text-align: right;
}
.kaime-unit .kaime-price .tensu{
}
.kaime-unit .kaime-price .total{
	margin-left: 20px;
	font-weight: bold;
}
.kaime-unit .kaime-inner dl.hit{
	height: 38px;
	padding: 3px;
	border: 2px solid #bc0c16;
}
.kaime-unit .kaime-hit{
	padding: 2px 5px;
	background-color: #bc0c16;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
}
.kaime-unit .kaime-hit-text{
}
.kaime-unit .kaime-hit-text span{
	margin: 0 5px;
	font-size: 15px;
	color: #ffffff;
}
.kaime-unit .kaime-hit-text span.harai{
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.kaime-unit .kaime-inner{
		line-height: 1.4;
	}
	.kaime-unit .kaime-inner dl.type2 dt{
		line-height: 1.6;
	}
}

/* ---- 合計金額 ---- */
.amount-total {
	width: 100%;
	font-size: 15px;
}
.amount-total tr {
	border-bottom: dashed 1px #999999;
}
.amount-total tr.shiki {
	border-top: dashed 1px #999999;
}
.amount-total tr.total,
.amount-total tr.anti,
.amount-total tr.profit {
	border-bottom: solid 2px #999999;
}
.amount-total tr.harai {
	border-bottom: double 4px #999999;
}
.amount-total th,
.amount-total td {
	padding: 5px;
	padding-right: 15px;
	vertical-align: middle;
	text-align: right;
}
.amount-total td {
	font-weight: bold;
}
.amount-total tr.anti td,
.amount-total tr.back.yes td,
.amount-total tr.harai.hit td,
.amount-total tr.profit.plus td {
	color: #bc0c16;
}

@media screen and (max-width: 740px) {
	.yoso-kaime {
		float: inherit;
		width: auto;
		margin-bottom: 20px;
	}
	.kaime-unit {
		width: auto;
		max-width: 360px;
		margin: 0 auto 10px;
	}
	.amount-total {
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 360px) {
	.kaime-unit {
		font-size: 13px;
	}
	.kaime-unit th{
		width: 20%;
		font-size: 16px;
	}
	.kaime-unit td{
		width: 80%;
	}
	.kaime-unit .kaime-inner dl.type1 dd{
		width: 80px;
	}
}

/* ===== WIN5予想買い目 ===== */
.yoso-win5{
	float: left;
	width: 370px;
	margin-bottom: 40px;
}
.yoso-win5-area{
	margin-bottom: 20px;
}
.yoso-win5-inner{
	width: 100%;
	padding: 10px 20px;
	border-left: solid 1px #9d8ec3;
	border-right: solid 1px #9d8ec3;
	background-image: url(../img/kaime_bg_pattern.png);
	background-repeat: repeat;
	background-position: center;
}
.yoso-win5-upper,
.yoso-win5-lower{
	position: relative;
	width: 100%;
	height: 15px;
	background-color: #f8f7fb;
	background-repeat: no-repeat;
	border: solid 1px #9d8ec3;
}
.yoso-win5-upper{
	background-image: url(../img/parts_box.png);
	background-position: left top;
	border-bottom: none;
}
.yoso-win5-lower{
	background-image: url(../img/parts_box.png);
	background-position: right bottom;
	border-top: none;
}
.yoso-win5-upper span,
.yoso-win5-lower span{
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.yoso-win5-upper span{
	top: -1px;
	right: -1px;
	background-image: url(../img/parts_box_upperright.png);
}
.yoso-win5-lower span{
	bottom: -1px;
	left: -1px;
	background-image: url(../img/parts_box_lowerleft.png);
}
.yoso-win5-unit{
	margin-bottom: 20px;
}
.yoso-win5-unit:last-child{
	margin-bottom: 0;
}
.yoso-win5-unit .unitleft{
	float: left;
	width: 100px;
	margin-right: 10px;
}
.yoso-win5-unit .count{
	height: 20px;
	border: 1px solid #3b1e87;
	border-radius: 3px 3px 0 0;
	color: #3b1e87;
	font-size: 13px;
	text-align: center;
}
.yoso-win5-unit .placeno{
	height: 40px;
	padding: 8px 10px;
	background-color: #3b1e87;
	border-radius: 0 0 3px 3px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.yoso-win5-unit .placeno .place,
.yoso-win5-unit .placeno .no{
	display: inline-block;
}
.yoso-win5-unit .unitright{
	margin-left: 110px;
}
.yoso-win5-unit .namebox{
	height: 32px;
	line-height: 1.2;
}
.yoso-win5-unit .namebox .name{
	display: inline-block;
	max-width: 170px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: bold;
}
.yoso-win5-unit .nobox{
}
.yoso-win5-unit .nobox span{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0 5px 5px 0;
	padding: 3px;
	border: 1px #333333 solid;
	background-color: #ffffff;
	text-align: center;
}
.yoso-win5-unit .nobox span.hit{
	padding: 2px;
	border: 2px #bc0c16 solid;
}
@media screen and (max-width: 740px) {
	.yoso-win5{
		float: inherit;
		width: auto;
	}
	.yoso-win5-inner{
		padding: 10px;
	}
}

/* ===== その他の予想(海外・地方) ===== */

.another-mark{
	background-color: #ffffff;
	border-top: 1px dashed #999999;
	font-size: 17px;
}
.another-mark p{
	background-image: linear-gradient(
		90deg,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 55%,
		#ffffff 50%,
		#ffffff 50%
	),
	linear-gradient(
		180deg,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 97%,
		#999999 97%,
		#999999 100%
	);
	background-size:
		5px 100%,
		100% 40px;
	line-height: 40px;
}
.YosoAnother .yoso-kaime h2.subtitle{
	line-height: 32px;
}
.another-kaime{
	padding: 10px 20px;
	font-size: 17px;
}

/* ===== コメントエリア ===== */

.yoso-comment {
	width: 370px;
}
.YosoWin5 .yoso-comment {
	float: right;
}

/* コメントヘッダー背景 */
.yoso-comment .header {
	display: inline-block;
	background-image: url(../img/comment_header.png);
	background-repeat: no-repeat;
	width: 220px;
	height: 35px;
	padding-top: 2px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}
.yoso-comment .header p {
	margin-left: 10px;
	line-height: 35px;
}
.yoso-comment .header p span {
	margin-left: 5px;
	font-size: 13px;
}
/* コメント背景 */
.yoso-comment .text {
	position: relative;
	width: 100%;
	height: auto;
	background-image: url(../img/comment_bg_pattern.png);
	border: 3px solid #9d8ec3;
	font-size: 15px;
}
.yoso-comment .text p {
	margin: 4px;
	padding: 16px;
	border: solid 2px #9d8ec3;
	line-height: 23px;
}
.yoso-comment a {
	font-weight: bold;
	color: #a8975d;
}

@media screen and (max-width: 740px) {
	.yoso-comment {
		width: 100%;
	}
	.yoso-comment .text {
		width: 100%;
		font-size: 14px;
	}
}

/* ===== 情報 ===== */

.yoso-info{
}
.yoso-info-upper{
	width: 600px;
	margin: 0 auto 20px;
}
.yoso-info-upper .lead{
	margin-bottom: 20px;
	padding: 20px;
	border-top: solid 1px #9d8ec3;
	border-bottom: solid 1px #9d8ec3;
	font-weight: bold;
	background-image:
		url(../img/parts_box.png),
		url(../img/parts_box.png);
	background-repeat: no-repeat;
	background-position:
		left top,
		right bottom;
}
.yoso-info-upper .img{
	width: 100%;
}
.yoso-info-upper .img img{
	width: 100%;
	margin: 0 auto;
}
.yoso-info-inner{
	width: 600px;
	margin: 0 auto 20px;
}
.yoso-info .yoso-comment{
	width: auto;
}
@media screen and (max-width: 740px) {
	.yoso-info-upper{
		width: auto;
	}
	.yoso-info-inner{
		width: auto;
	}
}

/* ===== 予想フッター(他予想カード表示) ===== */
.yoso-footer{
}
.yoso-samerace,
.yoso-sameyosoka,
.yoso-samehit{
	margin-bottom: 50px;
}
/* ===== 予想購入前・確定前表記 ===== */
.yoso-nobuy{
	width: 760px;
	margin: 20px auto 0;
	padding: 20px 0;
	background-color: #f1eff6;
}
.yoso-nobuy-text{
	float: left;
	width: 400px;
	margin-right: 20px;
}
.yoso-nobuy-text p{
	padding-top: 15px;
	font-size: 19px;
	font-weight: bold;
	text-align: right;
}
.yoso-nobuy-btn{
	float: left;
	width: 340px;
}
.yoso-nobuy-btn .btn a.org-btn,
.yoso-nobuy-btn .btn a.gb-btn{
	display: table-cell;
	width: 150px;
	height: 60px;
	padding-top: 5px;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
}
.yoso-nobuy-btn .btn p{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.yoso-nobuy-btn .btn p.cart{
	font-size: 16px;
	font-weight: bold;
}
.yoso-nobuy-btn .btn p.cart span{
	font-size: 12px;
	font-weight: bold;
}
.yoso-nobuy-btn .btn p.point{
	font-size: 20px;
	font-weight: bold;
}
.yoso-nobuy-btn .btn p.point span{
	margin-left: 5px;
	font-size: 16px;
	font-weight: normal;
}
.yoso-nobuy-btn .remain{
	width: 150px;
	font-size: 13px;
	color: #bc0c16;
	text-align: center;
}
.yoso-nobuy-btn .remain span{
	font-size: 15px;
	font-weight: bold;
}
.yoso-shimekiri{
	width: 760px;
	margin: 20px auto 0;
	padding: 20px 0;
	background-color: #f7f7f7;
}
.yoso-shimekiri p{
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 740px) {
	.yoso-nobuy{
		width: calc(100% - 20px);
		margin: 10px auto 0;
		padding: 10px 0;
	}
	.yoso-nobuy-text{
		float: inherit;
		width: 100%;
		margin-right: 0;
	}
	.yoso-nobuy-text p{
		padding-top: 0;
		font-size: 15px;
		text-align: center;
	}
	.yoso-nobuy-btn{
		float: inherit;
		width: 100%;
		text-align: center;
	}
	.yoso-nobuy-btn .btn a.org-btn{
		display: inline-block;
		width: 150px;
		height: 50px;
		padding-top: 0;
	}
	.yoso-nobuy-btn .btn a.gb-btn{
		display: inline-block;
		width: 150px;
		height: 50px;
	}
	.yoso-nobuy-btn .btn p{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.yoso-nobuy-btn .btn p.cart{
		margin-top: 5px;
		font-size: 15px;
	}
	.yoso-nobuy-btn .btn p.point{
		font-size: 18px;
	}
	.yoso-nobuy-btn .btn p.point span{
		font-size: 14px;
	}
	.yoso-nobuy-btn .remain{
		width: 100%;
		font-size: 12px;
	}
	.yoso-nobuy-btn .remain span{
		font-size: 14px;
	}
	.yoso-shimekiri{
		width: calc(100% - 20px);
		margin: 10px auto 0;
		padding: 10px 0;
	}
	.yoso-shimekiri p{
		font-size: 15px;
	}
}



/* ===============================
検索結果・的中一覧
=============================== */

/* ===== 中央競馬検索用ナビ ===== */

.race-jra-nav{
	padding: 10px 20px;
}
.race-jra-nav .gb-btn{
	height: 32px;
	font-size: 13px;
}
.race-jra-nav .left{
	float: left;
	width: 40%;
}
.race-jra-nav .right{
	float: left;
	width: 60%;
	text-align: right;
}
.race-jra-nav select.place{
	width: 80px;
	height: 32px;
	margin-right: 20px;
	border: 1px solid #a8975d;
	border-radius: 5px;
}
.race-jra-nav ul.race{
	display: inline-block;
}
.race-jra-nav .race li{
	display: inline-block;
	margin-right: 10px;
}
.race-jra-nav .race li:last-child{
	margin-right: 0;
}
.race-jra-nav .back .gb-btn:before,
.race-jra-nav .race li.before .gb-btn:before,
.race-jra-nav .race li.after .gb-btn:after{
	font-family: "Font Awesome 5 Free";
	font-size: 11px;
	font-weight: bold;
}
.race-jra-nav .back .gb-btn:before,
.race-jra-nav .race li.before .gb-btn:before{
	margin-right: 5px;
	content:"\f053";
}
.race-jra-nav .race li.after .gb-btn:after{
	margin-left: 5px;
	content:"\f054";
}
@media screen and (max-width: 740px) {
	.race-jra-nav{
		padding: 10px;
	}
	.race-jra-nav .gb-btn{
		height: 30px;
		font-size: 12px;
	}
	.race-jra-nav .left{
		float: left;
		width: 40%;
	}
	.race-jra-nav select.place{
		width: auto;
		height: 30px;
		margin-right: 5px;
		font-size: 12px;
	}
	.race-jra-nav .race li{
		margin-right: 5px;
	}
}

/* ===== 期間・開催週指定エリア ===== */
.race-term{
	z-index: 1;
	position: relative;
	height: 60px;
	padding-top: 10px;
	text-align: center;
}
.race-term-inner{
	display: inline-block;
	width: 435px;
	height: 40px;
}
.race-term-text{
	position: relative;
	display: inline-block;
	margin-right: 20px;
}
.race-term-text .inner{
	display: table-cell;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	line-height: 1.4;
}
.race-term-text .inner:before{
	position: absolute;
	top: 5px;
	left: -35px;
	width: 25px;
	height: 25px;
	background-image: url("../img/icon/icon_calendar_v.png");
	background-size: 25px 25px;
	content:"";
}
.race-term-text .termdate{
	font-size: 15px;
	font-weight: bold;
}
.race-term-text .termname{
	font-size: 13px;
}
.race-term-btn{
	display: inline-block;
	width: 120px;
	vertical-align: top;
}
.race-term-btn a.gb-btn{
	display: block;
	width: 100%;
	height: 40px;
}
@media screen and (max-width: 740px) {
	.race-term-inner{
		display: inline-block;
		width: 300px;
		padding-left: 30px;
	}
	.race-term-text{
		margin-right: 10px;
	}
	.race-term-text .termdate{
		font-size: 13px;
	}
	.race-term-text .termname{
		font-size: 11px;
	}
	.race-term-btn{
		width: 100px;
	}
	.race-term-btn a.gb-btn{
		font-size: 13px;
	}
}

/* ===== 検索ソートエリア ===== */

.race-sort{
	padding: 10px 20px;
}
.race-sort-search{
	position: relative;
	float: right;
}
.race-sort-search .nopayoverray{
	display: none;
}
.NoMember .race-sort-search .nopayoverray,
.FreeMember .race-sort-search .nopayoverray{
	display: block;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.1;
}
.race-sort-search .nopaytext{
	display: none;
}
.NoMember .race-sort-search .nopaytext,
.FreeMember .race-sort-search .nopaytext{
	display: block;
	z-index: 2;
	position: absolute;
	padding: 12px 10px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.race-sort-search .inner{
	margin: 5px 0;
}
.NoMember .race-sort-search .inner,
.FreeMember .race-sort-search .inner{
	margin: 5px 5px 5px 160px;
	opacity: 0.7;
}
.race-sort-search .inner p{
	margin-right: 10px;
}
.race-sort-search .inner p:last-child{
	margin-right: 0;
}
.race-sort-search .inner .sorthit,
.race-sort-search .inner .sortsyobu{
	display: inline-block;
}
.race-sort-search .inner .detail{
	display: inline-block;
	position: relative;
	top: -1px;
}
.race-sort-search .inner .detail a.gb-btn,
.race-sort-search .inner .sorthit a.gb-btn,
.race-sort-search .inner .sortsyobu a.gb-btn{	height: 35px;
	padding-top: 6px;
	font-size: 13px;
}
.race-sort-search .inner .sort{
	display: inline-block;
}
.race-sort-search .inner .sort select{
	height: 35px;
	border: 1px solid #a8975d;
	border-radius: 5px;
	font-size: 13px;
}
.race-sort-kensu{
	float: left;
	padding: 8px 0;
}
.race-sort-kensu p span{
	margin-right: 5px;
	font-size: 17px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.race-sort{
		padding: 10px;
	}
	.race-sort-search{
		float: inherit;
		width: 100%;
	}
	.NoMember .race-sort-search .nopaytext,
	.FreeMember .race-sort-search .nopaytext{
		width: 100%;
		padding: 0;
	}
	.race-sort-search .inner{
		width: 300px;
		margin: 0 auto 10px;
		text-align: center;
	}
	.NoMember .race-sort-search .inner,
	.FreeMember .race-sort-search .inner{
		margin: 0 auto 10px;
		padding: 20px 0 5px;
	}
	.race-sort-search .inner p{
		margin-right: 5px;
	}
	.race-sort-search .inner .sort{
	}
	.race-sort-search .inner .sort select{
		width: 75px;
		height: 30px;
		font-size: 12px;
	}
	.race-sort-search .inner .detail{
		top: 1px;
	}
	.race-sort-search .inner .sorthit{
	}
	.race-sort-search .inner .detail a.gb-btn,
	.race-sort-search .inner .sorthit a.gb-btn{
		height: 30px;
		padding-top: 5px;
		font-size: 12px;
	}
	.race-sort-search .inner .sorthit a.gb-btn{
		padding-top: 3px;
	}
	.race-sort-kensu{
		float: inherit;
		padding: 0;
	}
	.race-sort-kensu p span{
		margin-right: 5px;
		font-size: 17px;
		font-weight: bold;
	}
}

/* ===== 検索結果(カード)エリア ===== */

.race-cards{
	position: relative;
	padding-bottom: 80px;
}

/* ===== 検索フッターエリア ===== */
.race-footer{
	z-index: 1000;
	position: fixed;
	/* bottom: 0; */
	width: 800px;
	height: 60px;
	background: rgba(0,0,0,0.8);
	color: #ffffff;
}
.race-footer .all{
	float: right;
	width: 150px;
	margin: 15px 43px 0 0;
}
.race-footer .all .allcheck{
	display: none;
}
.race-footer .allcheck + label{
	display: inline-block;
	width: 150px;
	height: 30px;
	padding-top: 2px;
	background-color: #ffffff;
	border-radius: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #a8975d;
	text-align: center;
	cursor: pointer;
}
.race-footer .allcheck + label:before{
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 400;
	content:"\f0c8";
}
.race-footer .allcheck + label:hover:before{
	font-weight: 400;
	content:"\f14a";
}
.race-footer .allcheck:checked + label:before{
	font-weight: 700;
	content:"\f14a";
}
.race-footer .allcheck:checked + label{
	background-color: #a8975d;
	color: #ffffff;
}
.race-footer .btn{
	float: left;
	width: 600px;
	padding-top: 10px;
}
.race-footer .btn a.org-btn{
	width: 400px;
	height: 40px;
	margin: 0 auto;
	padding-top: 5px;
	cursor: pointer;
}
.race-footer .btn a.org-btn.off{
	cursor: default;
}
.race-footer .btn a p{
	display: inline-block;
	font-size: 13px;
}
.race-footer .btn a p.kensu{
	margin-right: 10px;
}
.race-footer .btn a p.kensu span{
	margin-right: 5px;
	font-size: 17px;
	font-weight: bold;
}
.race-footer .btn a p.point{
	margin-right: 20px;
}
.race-footer .btn a p.point span{
	margin: 0 5px;
	font-size: 17px;
	font-weight: bold;
}
.race-footer .btn a p.text{
	font-size: 19px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.race-footer{
		width: 100%;
		height: 60px;
		z-index: 99;
	}
	.race-footer .all{
		float: left;
		width: 100px;
		margin: 20px 0 0 10px;
	}
	.race-footer .allcheck + label{
		display: block;
		width: 100px;
		height: 20px;
		border-radius: 3px;
		font-size: 12px;
		line-height: 1.2;
	}
	.race-footer .allcheck + label:before{
		margin-right: 5px;
		font-size: 14px;
	}
	.race-footer .allcheck + label:hover:before{
		content:"\f0c8";
	}
	.race-footer .allcheck:checked + label:before{
		content:"\f14a";
	}
	.race-footer .btn{
		float: right;
		width: calc(100% - 110px);
		margin: 0 auto;
		line-height: 1.3;
	}
	.race-footer .btn a.org-btn{
		width: 80%;
		height: 40px;
		padding-top: 0;
	}
	.race-footer .btn a p{
		font-size: 12px;
		white-space: nowrap;
	}
	.race-footer .btn a p.kensu{
		margin-right: 5px;
	}
	.race-footer .btn a p.kensu span{
		margin-right: 0;
		font-size: 15px;
	}
	.race-footer .btn a p.point{
		margin-right: 0;
	}
	.race-footer .btn a p.point span{
		margin: 0;
		font-size: 15px;
	}
	.race-footer .btn a p.text{
		display: block;
		font-size: 17px;
	}
}
/* ===== 的中一覧 ===== */
.hit-cards{
	position: relative;
}

/* ===============================
ショッピングカート～完了
=============================== */

.buy-container{
}

/* ===== カートヘッダー ===== */
.buy-header{
	width: 760px;
	margin: 20px 20px 10px;
}
.buy-header .kensu{
	float: left;
	width: 50%;
	padding-top: 5px;
	font-size: 15px;
}
.buy-header .kensu span{
	margin-right: 5px;
	font-size: 17px;
	font-weight: bold;
}
.buy-header .delete,
.buy-header .tobuyhistory{
	float: right;
	width: 50%;
	text-align: right;
}
.buy-header .delete .gb-btn:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f2ed";
}
@media screen and (max-width: 740px) {
	.buy-header{
		width: calc(100% - 20px);
		margin: 10px;
	}
	.buy-header .kensu{
		font-size: 13px;
	}
	.buy-header .kensu span{
		font-size: 15px;
	}
	.buy-header .delete{
		font-size: 11px;
	}
	.buy-header .tobuyhistory{
		font-size: 13px;
	}
	.buy-header .delete .gb-btn:before{
	}
}

/* ===== カート内カード ===== */
.buy-cards{
}
.buy-empty{
	margin-bottom: 20px;
	padding: 50px 0;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

/* ===== カートフッター ===== */
.buy-footer{
	position: relative;
	width: 800px;
	height: 110px;
	background: rgba(0,0,0,0.8);
	color: #ffffff;
}
.buy-footer.alert{
}
.buy-footer-point{
	position: absolute;
	top: 12px;
	right: 195px;
	width: 300px;
}
.buy-footer.alert .buy-footer-point{
	top: 5px;
}
.buy-footer-point table{
	width: 100%;
}
.buy-footer-point table th,
.buy-footer-point table td{
	height: 25px;
	text-align: right;
	font-size: 14px;
	vertical-align: middle;
}
.buy-footer-point table td{
	font-size: 16px;
}
.buy-footer-point table th span{
	margin-right: 5px;
	font-size: 16px;
	font-weight: bold;
}
.buy-footer-point table td span{
	margin: 0 5px;
	font-weight: bold;
}
.buy-footer-point table tr.incart{
	border-bottom: double #ffffff;
}
.buy-footer-point table tr.current th,
.buy-footer-point table tr.current td{
	height: 30px;
	padding-top: 5px;
}
.buy-footer-alert{
	display: none;
}
.buy-footer.alert .buy-footer-alert{
	display: block;
	position: absolute;
	top: 60px;
	right: 195px;
	width: 300px;
	height: 40px;
	background-color: #ffffff;
	border: 1px solid #bc0c16;
}
.buy-footer-alert .text{
	float: left;
	width: 174px;
	padding-top: 8px;
	color: #bc0c16;
	font-weight: bold;
	text-align: right;
}
.buy-footer-alert .plus{
	float: left;
	width: 124px;
	padding: 6px 6px 0 0;
	text-align: right;
}
.buy-footer-alert a.gb-btn{
	padding: 2px 5px;
	font-size: 13px;
}
.buy-footer-alert a.gb-btn:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f067";
}
.buy-footer-btn{
	position: absolute;
	top: 15px;
	right: 20px;
	width: 165px;
}
.buy-footer-btn a.org-btn{
	width: 100%;
	height: 75px;
	padding-top: 23px;
	font-size: 20px;
	font-weight: bold;
}
.buy-footer-continue{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 250px;
}
.buy-footer-continue .text{
	width: 100%;
	height: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	text-align: center;
}
.buy-footer-continue .text:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f002";
}
.buy-footer-continue ul li{
	float: left;
	width: 120px;
	margin-right: 10px;
}
.buy-footer-continue ul li:last-child{
	margin-right: 0;
}
.buy-footer-continue ul li a.gb-btn{
	width: 100%;
	height: 30px;
	font-size: 11px;
}
.buy-footer-continue ul li a.gb-btn span{
	font-size: 14px;
}
@media screen and (max-width: 740px) {
	.buy-footer{
/*
		z-index: 1000;
		position: fixed;
		bottom: 0;
*/
		width: 100%;
		height: 145px;
	}
	.buy-footer-point{
		top: 5px;
		right: 40px;
		width: calc(100% - 80px);
		line-height: 1.0;
	}
	.buy-footer-point table th,
	.buy-footer-point table td{
		font-size: 12px;
	}
	.buy-footer-point table td{
		font-size: 14px;
	}
	.buy-footer-point table th span{
		font-size: 14px;
	}
	.buy-footer-point table tr.current th,
	.buy-footer-point table tr.current td,
	.buy-footer-point table tr.after th,
	.buy-footer-point table tr.after td{
		height: 20px;
	}
	.buy-footer-alert{
		display: none;
	}
	.buy-footer.alert .buy-footer-alert{
		top: 52px;
		right: 40px;
		width: calc(100% - 80px);
		height: 30px;
	}
	.buy-footer-alert .text{
		width: 55%;
		padding-top: 6px;
		font-size: 11px;
	}
	.buy-footer-alert .plus{
		width: 45%;
		padding: 2px 2px 0 0;
	}
	.buy-footer-alert a.gb-btn{
		font-size: 11px;
	}
	.buy-footer-btn{
		position: absolute;
		top: 80px;
		right: 10px;
		width: calc(50% - 15px);
	}
	.buy-footer.alert .buy-footer-btn{
		top: 90px;
	}
	.buy-footer-btn a.org-btn{
		height: 45px;
		padding-top: 6px;
	}
	.buy-footer-continue{
		left: 10px;
		top: 75px;
		width: calc(50% - 15px);
	}
	.buy-footer.alert .buy-footer-continue{
		top: 85px;
	}
	.buy-footer-continue .text{
		margin-bottom: 0;
		font-size: 12px;
	}
	.buy-footer-continue ul li{
		width: calc(50% - 2px);
		margin-right: 4px;
	}
	.buy-footer-continue ul li a.gb-btn{
		font-size: 10px;
	}
	.buy-footer-continue ul li a.gb-btn span{
		font-size: 12px;
	}
}

/* ===== Amazonレコメンド ===== */
.recom-container{
	margin: 50px 0;
}
.recom-container h2{
}
.recom-slider{
	margin-bottom: 50px;
}

/* ===============================
カード
=============================== */

.cards-container{
}
.cards-empty{
	margin-bottom: 20px;
	padding: 50px 0;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
.cards-koukai{
}
.cards-shimekiri{
	margin-top: 40px;
	padding-top: 40px;
	border-top: 5px solid #999999;
}
.yosoka-cards > .cards-shimekiri:first-child,
.race-cards > .cards-shimekiri:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.card-unit{
	position: relative;
	width: auto;
	margin: 0 20px 20px;
	padding: 10px;
	border: 5px solid #ebe8f3;
	background: #f5f3f9 url("../img/horse_img.png") no-repeat right 20px top 0px;
	background-size: 50%;
}
.card-unit.CardShimekiri,
.card-unit.CardKakutei{
	border: 5px solid #e7e7e7;
	background: #f7f7f7 url("../img/horse_img_kakutei.png") no-repeat right 20px top 0px;
	background-size: 50%;
}
.card-unit.CardHit{
	border: 5px solid #fed3d5;
	background: #ffe5e7 url("../img/horse_img_hit.png") no-repeat right 20px top 0px;
	background-size: 50%;
}
.card-unit-check{
	display: none;
}

@media screen and (max-width: 740px) {
	.card-unit{
		margin: 0 10px 20px;
	}
	.RaceJra .card-unit,
	.RaceWin5 .card-unit,
	.RaceAnother .card-unit,
	.RaceInfo .card-unit,
	.RaceSyobu .card-unit,
	.YosokaYosoka .card-unit{
		padding: 10px 10px 30px;
	}
	.card-unit.CardIncart,
	.card-unit.CardBuy,
	.card-unit.CardShimekiri,
	.card-unit.CardKakutei{
		padding: 10px;
	}
}
/* ===== カード - 複数選択用チェックボックス ===== */
.card-unit-check:checked + .card-unit{
	border: 5px solid #a8975d;
}
.card-unit-check:checked + .card-unit.CardIncart,
.card-unit-check:checked + .card-unit.CardBuy,
.card-unit-check:checked + .card-unit.CardShimekiri,
.card-unit-check:checked + .card-unit.CardKakutei{
	border: 5px solid #f1eff6;
}
.card-unit .card-label{
	position: absolute;
	right: 18px;
	bottom: -5px;
	width: 150px;
	height: 30px;
}
.card-unit.CardIncart .card-label,
.card-unit.CardBuy .card-label,
.card-unit.CardShimekiri .card-label,
.card-unit.CardKakutei .card-label{
	display: none;
}
.card-unit .card-label label{
	display: inline-block;
	width: 150px;
	height: 30px;
	padding-top: 2px;
	background-color: #ebe8f3;
	border-radius: 5px 5px 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #a8975d;
	text-align: center;
	cursor: pointer;
}
.card-unit .card-label label:before{
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 400;
	content:"\f0c8";
}
.card-unit .card-label label:hover:before{
	font-weight: 400;
	content:"\f14a";
}
.card-unit-check:checked + .card-unit .card-label label:before{
	font-weight: 700;
	content:"\f14a";
}
.card-unit-check:checked + .card-unit .card-label label{
	background-color: #a8975d;
	color: #ffffff;
}
@media screen and (max-width: 740px) {
	.card-unit .card-label{
		position: absolute;
		right: auto;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.card-unit .card-label label:hover:before{
		content:"\f0c8";
	}
	.card-unit-check:checked + .card-unit .card-label label:before{
		content:"\f14a";
	}
	.card-unit .card-label label{
	}
}
/* ===== カード - 登録種別 ===== */
.card-cat{
	position: absolute;
	right: -5px;
	top: -5px;
}
.card-cat p{
	display: inline-block;
	height: 25px;
	padding: 3px 5px;
	font-size: 13px;
	color: #ffffff;
}
/* ===== カード - 的中 ===== */
.card-hit{
	display: none;
}
.CardHit .card-hit{
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
}
.card-hit .image{
	z-index: 10;
	position: relative;
	width: 150px;
	height: 75px;
	background-image: url(../img/hit_300.png);
	background-repeat: no-repeat;
	background-size: 150px 75px;
	cursor: pointer;
	transition: .3s;
}
.card-hit .image.jama{
	opacity: 0.1;
}
@media screen and (max-width: 740px) {
	.card-hit .image{
		width: 100px;
		height: 50px;
		background-size: 100px 50px;
	}
}
/* ===== カード - 基本デザイン ===== */
.card-yosoka a,
.card-race a,
.card-title a{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #a7a7a7;
}
.card-yosoka a:hover,
.card-race a:hover,
.card-title a:hover{
	color: #a8975d;
	border-bottom: 1px solid #a8975d;
}
/* ===== カード - 予想家 ===== */
.card-yosoka{
	position: relative;
	float: left;
	width: 260px;
	height: 40px;
	margin-bottom: 10px;
}
.CardType2 .card-yosoka{
	width: 100%;
}
.CardType3 .card-yosoka{
	display: none;
}
.card-yosoka .catch{
	position: absolute;
	top: -20px;
	left: 50px;
	width: 165px;
	height: 28px;
	padding-top: 1px;
	background-image: url("../img/yosoka_catch.png");
	background-repeat: no-repeat;
	background-size: contain;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	text-align: center;
}
.card-yosoka .catch span {
	padding-right: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
.card-yosoka .img {
	z-index: 1;
	position: absolute;
	top:-22px;
	left: -22px;
}
.card-yosoka .img .frame {
	z-index: 1;
	position: absolute;
	top:-4px;
	left: -2px;
	width: 96px;
	height: 98px;
	background-image: url("../img/yosoka_frame_96x98.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.card-yosoka .img .trim {
	overflow: hidden;
	width: 92px;
	height: 92px;
	position: relative;
}
.card-yosoka .img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.card-yosoka .name{
	display: block;
	padding: 10px 0 0 80px;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.card-yosoka .name span{
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px;
}
@media screen and (max-width: 740px) {
	.card-yosoka{
		float: inherit;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.card-yosoka .catch{
		left: 35px;
		padding-top: 0;
	}
	.card-yosoka .catch span {
		position: relative;
		top: -1px;
		font-size: 12px;
	}
	.card-yosoka .img {
		top: -20px;
		left: -20px;
	}
	.card-yosoka .img .frame {
		background-image: url("../img/yosoka_frame_172x176.png");
		top: -4px;
		width: 76px;
		height: 78px;
	}
	.card-yosoka .img .trim {
		width: 72px;
		height: 72px;
	}
	.card-yosoka .name{
		padding: 10px 0 0 60px;
		font-size: 18px;
	}
	.card-yosoka .name span{
		font-size: 13px;
	}
}
/* ===== カード - レース情報 ===== */
.card-race{
	float: left;
	width: 460px;
	height: 40px;
	margin: 0 0 10px 10px;
}
.CardType2 .card-race{
	display: none;
}
.CardType3 .card-race{
	width: 100%;
	margin-left: 0;
}
.card-race .dateplace{
	display: inline-block;
	margin-right: 5px;
	font-size: 13px;
	vertical-align: top;
}
.card-race .date{
	float: left;
	margin-right: 10px;
	padding-top: 10px;
}
.CardWin5 .card-race .date{
	font-weight: bold;
}
.card-race .placeno{
	display: inline-block;
	height: 40px;
	padding: 13px 4px 7px;
	background-color: #3b1e87;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.2;
}
.card-race .placeno .place{
	display: inline-block;
	margin-right: -2px;
	max-width: 85px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.card-race .placeno .no{
	display: inline-block;
	margin-left: -2px;
	overflow: hidden;
}
.card-race .namearea{
	display: inline-block;
}
.card-race .namebox{
	line-height: 1.2;
	margin-bottom: -3px;
}
.card-race .namebox .name{
	display: inline-block;
	max-width: 190px;
	padding-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: bold;
}
.card-race .namebox .grade{
	position: relative;
	top: -3px;
	font-size: 12px;
	font-weight: normal;
}
.card-race .namearea .win5{
	width: 75px;
	height: 30px;
	margin: 7px 0 0 5px;
	background-image: url(../img/win5_title.png);
	background-repeat: no-repeat;
	background-size: 75px 30px;
}
.card-race .condition{
	max-width: 250px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.card-race .condition .course{
}
.card-race .condition .distance{
}
.card-race .condition .time{
	margin-left: 5px;
}
@media screen and (max-width: 740px) {
	.card-race{
		float: inherit;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0 0;
		font-size: 12px;
		overflow: hidden;
	}
	.CardType1 .CardSyobu .card-race{
		width: calc(100% - 100px);
		margin-left: 100px;
		padding: 0;
	}
	.CardType3 .card-race{
		width: 100%;
		margin-left: 0;
		padding: 0;
	}
	.CardWin5 .card-race,
	.CardType1 .CardWin5.CardSyobu .card-race{
		padding: 12px 0 0;
	}
	.CardType3 .CardWin5 .card-race{
		padding: 0;
	}
	.card-race .dateplace{
		display: block;
		width: 100%;
		margin: 0 0 5px 0;
		font-size: 12px;
	}
	.CardWin5 .card-race .dateplace{
		display: inline-block;
		width: auto;
		margin: 0 5px 0 0;
		vertical-align: top;
	}
	.card-race .date{
		margin-right: 5px;
		padding: 1px 0 0 0;
	}
	.card-race .placeno{
		height: auto;
		padding: 4px 5px 2px;
		font-weight: bold;
	}
	.card-race .placeno .place{
		max-width: 70px;
	}
	.card-race .namearea{
		display: block;
	}
	.CardWin5 .card-race .namearea{
		display: inline-block;
	}
	.card-race .namebox .name{
		max-width: calc(100% - 40px);
	}
	.card-race .namebox .grade{
		top: -4px;
	}
	.card-race .namearea .win5{
		margin: 0 0 5px;
	}
	.card-race .condition{
		max-width: 100%;
	}
}
/* ===== カード - 販売終了日時(情報のみ) ===== */
.card-limit{
	float: left;
	width: 470px;
	padding: 0 0 20px 10px;
}
.CardType1 .card-limit{
	padding: 10px 0 20px 10px;
}
.CardType3 .card-limit{
	padding: 0 0 10px 0;
}
.card-limit p{
	font-size: 13px;
}
.card-limit p span{
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.card-limit,
	.CardType3 .card-limit{
		float: inherit;
		width: 100%;
		padding: 0;
	}
	.CardType1 .card-limit{
		padding: 20px 0 0 0;
	}
}
/* ===== カード - 勝負度 ===== */
.card-syobu {
	display: none;
}
.CardSyobu .card-syobu {
	display: block;
	z-index: 2;
	position: absolute;
	top: 50px;
	left: -15px;
	width: 131px;
	height: 45px;
}
.card-syobu p {
	width: 131px;
	height: 62px;
	background-repeat: no-repeat;
	background-size: contain;
}
.card-syobu p.syobu1 {
	background-image: url("../img/race_icon_syobu1_sp.png");
}
@media screen and (max-width: 740px) {
	.CardSyobu .card-syobu {
		top: 45px;
		left: -21px;
	}
	.CardType3 .card-syobu {
		top: 75px;
	}
	.CardType3 .CardWin5 .card-syobu {
		top: 45px;
	}
}
/* ===== カード - 予想タイトル ===== */
.card-title {
	z-index: 2;
	position: relative;
	float: left;
	margin: 5px 0 10px 110px;
}
.CardSyobu .card-title {
}
.CardType2 .card-title {
}
.CardType3 .card-title{
	width: 550px;
	margin: 5px 0 10px 0;
}
.CardType3 .CardSyobu .card-title{
	width: 440px;
	margin: 5px 0 10px 110px;
}
.card-title .style {
	float: left;
	width: 80px;
	margin-right: 5px;
	padding: 2px 10px 0 0;
	background-image: url(../img/stylebg_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.card-title .title {
	display: table;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.card-title {
		float: inherit;
		width: 100%;
		margin: 5px 0 10px 0;
	}
	.CardType2 .card-title {
		width: auto;
		margin: 10px 0 10px 0;
	}
	.CardType2 .CardSyobu .card-title {
		width: auto;
		margin: 15px 0 10px 80px;
	}
	.CardType3 .card-title{
		width: 100%;
		margin: 5px 0 10px 0;
	}
	.CardType3 .CardSyobu .card-title{
		width: auto;
		margin: 12px 0 10px 80px;
	}
	.CardSyobu .card-title {
	}
	.card-title .style {
		width: 70px;
		padding: 0 10px 0 0;
		font-size: 14px;
	}
	.card-title .title {
		font-size: 16px;
		line-height: 1.4;
	}
}
/* ===== カード - 印と合計など ===== */
.card-detail{
	float: left;
	width: 550px;
	padding: 10px;
	background-color: #ffffff;
}
.card-detail-upper{
}
.card-detail-lower{
	display: none;
}
.card-mark{
	margin-bottom: 10px;
}
.card-mark table{
	width: 100%;
	font-size: 13px;
}
.card-mark table td {
	height: 32px;
	padding: 5px;
	background-color: #eeeeee;
	vertical-align: middle;
}
.card-mark table td.text{
	width: 40%;
	font-weight: bold;
	text-align: center;
}
.cards-slider .card-mark table td.text{
	display: none;
}
.card-mark table td.mark{
	width: 30px;
	font-size: 17px;
	text-align: center;
}
.card-mark table td.no{
	width: 30px;
	text-align: center;
}
.card-mark table td.no .number-bg{
	width: 25px;
	height: 25px;
	padding-top: 3px;
}
.card-mark table td.fav{
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}
.card-amount1{
}
.card-rate{
	background-color: #eeeeee;
}
/* 202102レスポンス応急処置 
.CardType3 .card-rate{
	display: none;
}
*/
.card-amount1 table,
.card-rate table{
	float: left;
	width: 260px;
	margin-right: 10px;
	border-top: dashed 1px #999999;
	font-size: 13px;
}
.card-amount2 table{
	float: right;
	width: 260px;
	margin-left: 10px;
	border-top: dashed 1px #999999;
	font-size: 13px;
}
.card-amount2 table,
.card-rate table{
	border-top: none;
}
.card-amount1 table:last-child,
.card-rate table:last-child{
	margin-right: 0;
}
.card-amount2 table:last-child{
	margin-left: 0;
}
.card-amount1 table th,
.card-amount1 table td,
.card-amount2 table th,
.card-amount2 table td,
.card-rate table th,
.card-rate table td{
	height: 30px;
	padding: 5px;
	border-bottom: dashed 1px #999999;
	vertical-align: middle;
	text-align: right;
}
.card-amount1 table td,
.card-amount2 table td,
.card-rate table td{
	width: 45%;
	font-weight: bold;
}
.card-amount1 table.shikitensu th{
	font-weight: bold;
}
.card-amount1 table.anti td,
.card-amount1 table.harai.hit td,
.card-amount2 table tr.profit.plus td {
	color: #bc0c16;
}
a.card-toggle-btn {
	display: block;
	width: 80px;
	margin: 10px auto 0;
	padding: 2px 0;
	border: 1px solid #a8975d;
	border-radius: 3px;
	font-size: 13px;
	text-align: center;
	line-height: 1.2;
	cursor: pointer;
}
a.card-toggle-btn:hover {
	text-decoration: none;
}
a.card-toggle-btn:after {
	position: relative;
	top: 3px;
	margin-left: 5px;
	font-size: 18px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f0d7";
	line-height: 0.6;
}
a.card-toggle-btn.open:after {
	content:"\f0d8";
}
.card-info-lead{
}
.card-info-lead .text{
}
.card-info-lead .img{
	float: right;
	width: 150px;
	margin: 0 0 0 10px;
}
.card-info-lead .img img{
	width: 150px;
}
@media screen and (max-width: 740px) {
	.card-detail{
		float: inherit;
		width: 100%;
		padding: 5px;
	}
	.card-detail-upper,
	.card-detail-lower {
		max-width: 354px;
		margin: 0 auto;
	}
	.card-mark{
		margin-bottom: 5px;
	}
	.card-mark table td {
		height: 30px;
		padding: 3px;
	}
	.card-mark table td.text{
		display: none;
	}
	.card-amount1 table,
	.card-rate table{
		float: inherit;
		width: 100%;
		margin-right: 0;
		border-top: dashed 1px #999999;
	}
	.card-amount2 table{
		float: inherit;
		width: 100%;
		margin-left: 0;
		border-top: dashed 1px #999999;
	}
	.card-amount1 table.anti,
	.card-amount1 table.harai,
	.card-amount1 table.sub,
	.card-amount1 table.total,
	.card-amount2 table,
	.card-rate table{
		border-top: none;
	}
	.card-amount1 table th,
	.card-amount1 table td,
	.card-amount2 table th,
	.card-amount2 table td,
	.card-rate table th,
	.card-rate table td{
		height: 25px;
		padding: 2px;
	}
	a.card-toggle-btn {
		margin: 5px 0 0 auto;
		font-size: 12px;
	}
	a.card-toggle-btn:after {
		font-size: 16px;
	}
	.card-info-lead .text{
		font-size: 13px;
	}
	.card-info-lead .img{
		width: 100px;
	}
	.card-info-lead .img img{
		width: 100px;
	}
}
/* ===== カード - ボタンエリア ===== */
.card-btn{
	float: left;
	width: 180px;
	min-height: 70px;
	margin-bottom: 15px;
	padding: 0 8px 0 22px;
}
.card-btn .btn{
}
.card-btn .btn a.org-btn,
.card-btn .btn a.gb-btn{
	display: table-cell;
	width: 150px;
	height: 60px;
	padding-top: 5px;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
}
.card-btn .btn p{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.card-btn .btn p.cart,
.card-btn .btn p.text{
	font-size: 16px;
	font-weight: bold;
}
.card-btn .btn p.cart span,
.card-btn .btn p.text span{
	font-size: 12px;
	font-weight: bold;
}
.CardIncart .card-btn .btn p.text,
.CardBuy .card-btn .btn p.text,
.CardShimekiri .card-btn .btn p.text,
.CardKakutei .card-btn .btn p.text{
	font-size: 14px;
}
.CardIncart .card-btn .btn p.text span,
.CardBuy .card-btn .btn p.text span,
.CardShimekiri .card-btn .btn p.text span,
.CardKakutei .card-btn .btn p.text span{
	font-size: 11px;
}
.card-btn .btn p.point{
	font-size: 20px;
	font-weight: bold;
}
.card-btn .btn p.point span{
	margin-left: 5px;
	font-size: 16px;
	font-weight: normal;
}
.card-btn .remain{
	width: 150px;
	font-size: 13px;
	color: #bc0c16;
	text-align: center;
}
.CardIncart .card-btn .remain,
.CardBuy .card-btn .remain,
.CardShimekiri .card-btn .remain,
.CardKakutei .card-btn .remain{
	display: none;
}
.card-btn .remain span{
	font-size: 15px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.card-btn{
		float: inherit;
		width: 100%;
		min-height: auto;
		margin: 0 auto;
		padding: 10px 0 0;
		text-align: center;
	}
	.card-btn .btn{
	}
	.card-btn .btn a.org-btn,
	.card-btn .btn a.gb-btn{
		display: inline-block;
		width: 150px;
		height: 50px;
		padding-top: 0;
	}
	.card-btn .btn p.cart{
		margin-top: 5px;
		font-size: 15px;
	}
	.card-btn .btn p.text{
		margin-top: 16px;
		font-size: 15px;
	}
	.card-btn .btn p.text span{
		font-size: 11px;
	}
	.card-btn .btn p.point{
		font-size: 18px;
	}
	.card-btn .btn p.point span{
		font-size: 14px;
	}
	.card-btn .remain{
		width: 100%;
		font-size: 12px;
	}
	.card-btn .remain span{
		font-size: 14px;
	}
}

/* ===============================
カード小
=============================== */

.smallcards-container{
}
.smallcard-unit{
	position: relative;
	width: auto;
	margin: 0 20px 20px;
	padding: 10px;
	border: 5px solid #ebe8f3;
	background: #f5f3f9 url("../img/horse_img.png") no-repeat right 210px top 0px;
	background-size: 25%;
}
.smallcard-unit.CardShimekiri,
.smallcard-unit.CardKakutei{
	border: 5px solid #e7e7e7;
	background: #f7f7f7 url("../img/horse_img_kakutei.png") no-repeat right 210px top 0px;
	background-size: 25%;
}
.smallcard-unit.CardHit{
	border: 5px solid #fed3d5;
	background: #ffe5e7 url("../img/horse_img_hit.png") no-repeat right 210px top 0px;
	background-size: 25%;
}
@media screen and (max-width: 740px) {
	.smallcard-unit{
		margin: 0 10px 20px;
	}
	.smallcard-unit{
		background: #f5f3f9 url("../img/horse_img.png") no-repeat right 90px top 0px;
		background-size: 75%;
	}
	.smallcard-unit.CardShimekiri,
	.smallcard-unit.CardKakutei{
		background: #f7f7f7 url("../img/horse_img_kakutei.png") no-repeat right 90px top 0px;
		background-size: 75%;
	}
	.smallcard-unit.CardHit{
		background: #ffe5e7 url("../img/horse_img_hit.png") no-repeat right 90px top 0px;
		background-size: 75%;
	}
}
/* ===== カード小 - 購入日時(予想購入履歴のみ) ===== */
.buyhistory-cards .smallcard-unit{
	margin: 20px 20px 30px;
}
.smallcard-buydate{
	position: absolute;
	left: -5px;
	top: -25px;
}
.smallcard-buydate p{
	font-size: 13px;
	color: #666666;
}
.smallcard-buydate p span{
	font-weight: bold;
	color: #333333;
}
@media screen and (max-width: 740px) {
	.buyhistory-cards .smallcard-unit{
		margin: 20px 10px 30px;
	}
}
/* ===== カード小 - 登録種別 ===== */
.smallcard-cat{
	position: absolute;
	right: -5px;
	top: -5px;
}
.smallcard-cat p{
	display: inline-block;
	height: 25px;
	padding: 3px 5px;
	font-size: 13px;
	color: #ffffff;
}
/* ===== カード - 的中 ===== */
.smallcard-hit{
	display: none;
}
.CardHit .smallcard-hit{
	display: block;
	position: absolute;
	right: 200px;
	top: 20px;
}
.smallcard-hit .image{
	z-index: 10;
	position: relative;
	width: 100px;
	height: 50px;
	background-image: url(../img/hit_300.png);
	background-repeat: no-repeat;
	background-size: 100px 50px;
	cursor: pointer;
	transition: .3s;
}
.smallcard-hit .image.jama{
	opacity: 0.1;
}
@media screen and (max-width: 740px) {
	.CardHit .smallcard-hit{
		right: 70px;
		top: 5px;
	}
}
/* ===== カード - 基本デザイン ===== */
.smallcard-left{
	float: left;
	width: 550px;
}
.smallcard-right{
	float: left;
	width: 180px;
}
.smallcard-upper{
	height: 40px;
	margin-bottom: 5px;
}
.smallcard-lower{
	position: relative;
	padding-right: 10px;
}
.smallcard-yosoka a,
.smallcard-race a,
.smallcard-title a{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #a7a7a7;
}
.smallcard-yosoka a:hover,
.smallcard-race a:hover,
.smallcard-title a:hover{
	color: #a8975d;
	border-bottom: 1px solid #a8975d;
}
@media screen and (max-width: 740px) {
	.smallcard-left{
		width: calc(100% - 75px);
	}
	.smallcard-right{
		width: 75px;
	}
	.smallcard-upper{
		height: auto;
		margin-bottom: 10px;
	}
	.smallcard-lower{
		padding-right: 5px;
	}
}
/* ===== カード - 予想家 ===== */
.smallcard-yosoka{
	position: relative;
	float: left;
	width: 160px;
}
.smallcard-yosoka .img {
	position: relative;
	float: left;
	width: 40px;
	margin-right: 5px;
}
.smallcard-yosoka .img .frame {
	z-index: 1;
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url("../img/yosoka_frame_40x40.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.smallcard-yosoka .img .trim {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	margin: 2px 0 0 2px;
}
.smallcard-yosoka .img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.smallcard-yosoka .name{
	float: left;
	width: 115px;
	padding-top: 9px;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.smallcard-yosoka .name span{
	margin-left: 5px;
	font-size: 12px;
	font-weight: normal;
}
@media screen and (max-width: 740px) {
	.smallcard-yosoka{
		float: inherit;
		width: 100%;
	}
	.smallcard-yosoka .name{
		font-size: 14px;
		width: calc(100% - 45px);
	}
	.smallcard-yosoka .name span{
		font-size: 11px;
	}
}
/* ===== カード - レース情報 ===== */
.smallcard-race{
	float: left;
	width: 380px;
	margin-left: 10px;
}
.smallcard-race .dateplace{
	display: inline-block;
	margin-right: 5px;
	padding-top: 7px;
	font-size: 13px;
	vertical-align: top;
}
.smallcard-race .date{
	float: left;
	margin-right: 10px;
	padding-top: 3px;
}
.smallcard-race .placeno{
	display: inline-block;
	height: 25px;
	padding: 6px 2px 0px;
	background-color: #3b1e87;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.2;
}
.smallcard-race .placeno .place{
	display: inline-block;
	max-width: 60px;
	margin-right: -2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.smallcard-race .placeno .no{
	display: inline-block;
	margin-left: -2px;
	overflow: hidden;
}
.smallcard-race .namearea{
	display: inline-block;
	padding-top: 11px;
}
.smallcard-race .namebox{
	line-height: 1.2;
	margin-bottom: -3px;
}
.smallcard-race .namebox .name{
	display: inline-block;
	max-width: 155px;
	padding-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: bold;
}
.smallcard-race .namebox .grade{
	position: relative;
	top: -7px;
	padding: 2px;
	font-size: 12px;
	font-weight: normal;
}
.smallcard-race .namearea .win5{
	width: 60px;
	height: 24px;
	background-image: url(../img/win5_title.png);
	background-repeat: no-repeat;
	background-size: 60px 24px;
}
@media screen and (max-width: 740px) {
	.smallcard-race{
		float: inherit;
		width: 100%;
		margin: 0;
		font-size: 12px;
		overflow: hidden;
	}
	.smallcard-race .dateplace{
		display: block;
		width: 100%;
		margin: 0 0 5px 0;
		padding-top: 0;
		font-size: 12px;
	}
	.CardWin5 .smallcard-race .dateplace{
		display: inline-block;
		width: auto;
		margin: 0 5px 0 0;
		vertical-align: top;
	}
	.smallcard-race .date{
		float: left;
		margin-right: 5px;
		padding-top: 2px;
	}
	.smallcard-race .placeno{
		height: auto;
		padding: 4px 5px 2px;
	}
	.smallcard-race .placeno .place{
		max-width: 70px;
	}
	.smallcard-race .namearea{
		display: block;
		padding-top: 0;
	}
	.CardWin5 .smallcard-race .namearea{
		display: inline-block;
	}
	.smallcard-race .namebox .name{
		max-width: calc(100% - 40px);
		font-size: 14px;
	}
	.smallcard-race .namebox .grade{
		font-size: 11px;
		top: -2px;
	}
	.smallcard-race .namearea .win5{
		width: 60px;
		height: 24px;
		background-size: 60px 24px;
	}
}
/* ===== カード - 販売終了日時(情報のみ) ===== */
.smallcard-limit{
	float: left;
	width: 380px;
	margin-left: 10px;
	padding-top: 10px;
}
.smallcard-limit p{
	font-size: 13px;
}
.smallcard-limit p span{
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.smallcard-limit{
		float: inherit;
		width: 100%;
		margin: 0;
		padding-top: 5px;
	}
}
/* ===== カード - 勝負度 ===== */
.smallcard-syobu {
	display: none;
}
.CardSyobu .smallcard-syobu {
	z-index: 2;
	display: block;
	position: absolute;
	top: -10px;
	left: -20px;
	width: 100px;
	height: 40px;
}
.smallcard-syobu p {
	width: 100px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: contain;
}
.smallcard-syobu p.syobu1 {
	background-image: url("../img/race_icon_syobu1_sp.png");
}
@media screen and (max-width: 740px) {
	.CardSyobu .smallcard-syobu {
		top: -5px;
		left: -20px;
	}
	.smallcard-syobu p {
		width: 75px;
		height: 30px;
	}
}
/* ===== カード - 予想タイトル ===== */
.smallcard-title {
	position: relative;
	float: left;
	margin-left: 70px;
}
.smallcard-title .style {
	float: left;
	width: 75px;
	padding: 1px 15px 0 0;
	background-image: url(../img/stylebg_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.smallcard-title .title {
	display: table;
	font-size: 15px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.smallcard-title {
		float: inherit;
		width: 100%;
		margin: 5px 0 0;
	}
	.CardSyobu .smallcard-title {
		width: calc(100% - 30px);
		margin: 5px 0 0 30px;
	}
	.smallcard-title .style {
		z-index: 2;
		position: relative;
		width: 55px;
		padding: 0 10px 0 0;
		font-size: 11px;
	}
	.smallcard-title .title {
		position: relative;
		top: -2px;
		font-size: 14px;
		line-height: 1.4;
	}
}
/* ===== カード - ボタンエリア ===== */
.smallcard-btn{
	width: 100%;
}
.smallcard-btn .point{
	float: left;
	width: 90px;
	height: 34px;
	margin-top: 19px;
	padding-top: 5px;
	background-image: url(../img/pointbg_pc.gif);
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.smallcard-btn .point span{
	margin-left: 5px;
	font-weight: normal;
}
.smallcard-btn .shimekiri{
	float: left;
	width: 90px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
}
.smallcard-btn .delete{
	float: left;
	width: 80px;
	margin: 15px 0 0 10px;
}
.smallcard-btn .delete a.gb-btn{
	padding: 3px;
	font-size: 11px;
}
.smallcard-btn .delete a.gb-btn:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f2ed";
}
.smallcard-btn .btn{
	padding-top: 10px;
}
.smallcard-btn .btn a.gb-btn{
	width: 100%;
	height: 50px;
	padding-top: 13px;
}
@media screen and (max-width: 740px) {
	.smallcard-btn .point{
		float: inherit;
		width: 100%;
		height: 30px;
		margin-top: 20px;
		padding-top: 3px;
		background-image: url(../img/pointbg_sp.gif);
		font-size: 14px;
	}
	.smallcard-btn .shimekiri{
		float: inherit;
		width: 100%;
		margin-top: 20px;
		font-size: 10px;
		line-height: 1.2;
	}
	.smallcard-btn .delete{
		float: inherit;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.smallcard-btn .delete a.gb-btn{
		font-size: 10px;
	}
	.smallcard-btn .delete a.gb-btn:before{
		margin-right: 3px;
	}
	.smallcard-btn .btn{
		margin-top: 20px;
	}
	.smallcard-btn .btn a.gb-btn{
		height: auto;
		padding: 5px;
		font-size: 12px;
	}
}
/* ===============================
スライダーカード
=============================== */

.slidercard-unit{
	position: relative;
	width: calc(100% - 20px);
	max-width: 355px;
	margin: 0 auto;
	padding: 10px;
	border: 5px solid #ebe8f3;
	background: #f5f3f9 url("../img/horse_img.png") no-repeat right 20px top 0px;
	background-size: 50%;
}
.slidercard-unit.CardShimekiri,
.slidercard-unit.CardKakutei{
	border: 5px solid #e7e7e7;
	background: #f7f7f7 url("../img/horse_img_kakutei.png") no-repeat right 20px top 0px;
	background-size: 50%;
}
.slidercard-unit.CardHit{
	border: 5px solid #fed3d5;
	background: #ffe5e7 url("../img/horse_img_hit.png") no-repeat right 20px top 0px;
	background-size: 50%;
}
@media screen and (max-width: 374px) {
	.slidercard-unit{
		width: calc(100% - 20px);
	}
}
/* ===== スライダーカード - 登録種別 ===== */
.slidercard-cat{
	position: absolute;
	right: -5px;
	top: -5px;
}
.slidercard-cat p{
	display: inline-block;
	height: 25px;
	padding: 3px 5px;
	font-size: 13px;
	color: #ffffff;
}
/* ===== スライダーカード - 的中 ===== */
.slidercard-hit{
	display: none;
}
.CardHit .slidercard-hit{
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
}
.slidercard-hit .image{
	z-index: 10;
	position: relative;
	width: 100px;
	height: 50px;
	background-image: url(../img/hit_300.png);
	background-repeat: no-repeat;
	background-size: 100px 50px;
	cursor: pointer;
	transition: .3s;
}
.slidercard-hit .image.jama{
	opacity: 0.1;
}
/* ===== スライダーカード - 基本デザイン ===== */
.slidercard-yosoka a,
.slidercard-race a,
.slidercard-title a{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #a7a7a7;
}
.slidercard-yosoka a:hover,
.slidercard-race a:hover,
.slidercard-title a:hover{
	color: #a8975d;
	border-bottom: 1px solid #a8975d;
}
/* ===== スライダーカード - 予想家 ===== */
.slidercard-yosoka{
	position: relative;
	width: 100%;
}
.CardType2 .slidercard-yosoka{
	width: 100%;
}
.CardType3 .slidercard-yosoka{
	display: none;
}
.slidercard-yosoka .catch{
	position: absolute;
	top: -20px;
	left: 35px;
	width: 165px;
	height: 28px;
	padding-top: 0;
	background-image: url("../img/yosoka_catch.png");
	background-repeat: no-repeat;
	background-size: contain;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	text-align: center;
}
.slidercard-yosoka .catch span {
	position: relative;
	top: -1px;
	padding-right: 30px;
		font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.slidercard-yosoka .img {
	z-index: 1;
	position: absolute;
	top: -20px;
	left: -20px;
}
.slidercard-yosoka .img .frame {
	z-index: 1;
	position: absolute;
	top:-4px;
	left: -2px;
	width: 76px;
	height: 78px;
	background-image: url("../img/yosoka_frame_172x176.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.slidercard-yosoka .img .trim {
	overflow: hidden;
	width: 72px;
	height: 72px;
	position: relative;
}
.slidercard-yosoka .img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.slidercard-yosoka .name{
	display: block;
	padding: 10px 0 0 60px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.slidercard-yosoka .name span{
	font-size: 13px;
	font-weight: normal;
	margin-left: 5px;
}
/* ===== スライダーカード - レース情報 ===== */
.slidercard-race{
	width: 100%;
	padding: 15px 0 0;
	font-size: 12px;
	overflow: hidden;
}
.CardType1 .CardSyobu .slidercard-race{
	width: calc(100% - 100px);
	margin-left: 100px;
	padding: 0;
}
.CardType2 .slidercard-race{
	display: none;
}
.CardType3 .slidercard-race{
	width: 100%;
	padding: 0;
}
.CardWin5 .slidercard-race,
.CardType1 .CardWin5.CardSyobu .slidercard-race{
	padding: 12px 0 0;
}
.CardType3 .CardWin5 .slidercard-race{
	padding: 0;
}
.slidercard-race .dateplace{
	display: block;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 12px;
	vertical-align: top;
}
.CardWin5 .slidercard-race .dateplace{
	display: inline-block;
	width: auto;
	margin: 0 5px 0 0;
	vertical-align: top;
}
.slidercard-race .date{
	float: left;
	margin-right: 5px;
	padding: 2px 0 0 0;
}
.CardWin5 .slidercard-race .date{
	font-weight: bold;
}
.slidercard-race .placeno{
	display: inline-block;
	padding: 4px 5px 2px;
	background-color: #3b1e87;
	border-radius: 3px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.2;
}
.slidercard-race .placeno .place{
	display: inline-block;
	max-width: 70px;
	margin-right: -2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.slidercard-race .placeno .no{
	display: inline-block;
	margin-left: -2px;
	overflow: hidden;
}
.slidercard-race .namearea{
	display: block;
}
.CardWin5 .slidercard-race .namearea{
	display: inline-block;
}
.slidercard-race .namebox{
	line-height: 1.2;
	margin-bottom: -3px;
}
.slidercard-race .namebox .name{
	display: inline-block;
	max-width: calc(100% - 40px);
	padding-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: bold;
}
.slidercard-race .namebox .grade{
	position: relative;
	top: -2px;
	font-size: 12px;
}
.slidercard-race .namearea .win5{
	width: 75px;
	height: 30px;
	margin: 0 0 5px;
	background-image: url(../img/win5_title.png);
	background-repeat: no-repeat;
	background-size: 75px 30px;
}
.slidercard-race .condition{
	max-width: 100%;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.slidercard-race .condition .course{
}
.slidercard-race .condition .distance{
}
.slidercard-race .condition .time{
	margin-left: 5px;
}
/* ===== スライダーカード - 販売終了日時(情報のみ) ===== */
.slidercard-limit{
	width: 100%;
}
.CardType1 .slidercard-limit{
	padding: 20px 0 0 0;
}
.slidercard-limit p{
	font-size: 13px;
}
.slidercard-limit p span{
	font-weight: bold;
}
/* ===== スライダーカード - 勝負度 ===== */
.slidercard-syobu {
	display: none;
}
.CardSyobu .slidercard-syobu {
	display: block;
	z-index: 2;
	position: absolute;
	top: 45px;
	left: -21px;
	width: 131px;
	height: 45px;
}
.CardType3 .slidercard-syobu {
	top: 75px;
}
.CardType3 .CardWin5 .slidercard-syobu {
	top: 45px;
}
.slidercard-syobu p {
	width: 131px;
	height: 62px;
	background-repeat: no-repeat;
	background-size: contain;
}
.slidercard-syobu p.syobu1 {
	background-image: url("../img/race_icon_syobu1_sp.png");
}
/* ===== スライダーカード - 予想タイトル ===== */
.slidercard-title {
	z-index: 2;
	position: relative;
	width: 100%;
	margin: 5px 0 10px 0;
}
.CardSyobu .slidercard-title {
}
.CardType2 .slidercard-title {
	width: auto;
	margin: 10px 0 10px 0;
}
.CardType2 .CardSyobu .slidercard-title {
	width: auto;
	margin: 15px 0 10px 80px;
}
.CardType3 .slidercard-title{
	width: 100%;
	margin: 5px 0 10px 0;
}
.CardType3 .CardSyobu .slidercard-title{
	width: auto;
	margin: 12px 0 10px 80px;
}
.slidercard-title .style {
	float: left;
	width: 70px;
	margin-right: 5px;
	padding: 0 10px 0 0;
	background-image: url(../img/stylebg_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.slidercard-title .title {
	display: table;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}
@media screen and (max-width: 740px) {
	.slidercard-title .title {
		line-height: 1.4;
	}
}
/* ===== スライダーカード - 印と合計など ===== */
.slidercard-detail{
	width: 100%;
	padding: 5px;
	background-color: #ffffff;
}
.slidercard-detail-upper,
.slidercard-detail-lower{
	max-width: 354px;
	margin: 0 auto;
}
.slidercard-detail-lower{
	display: none;
}
.slidercard-mark{
	margin-bottom: 5px;
}
.slidercard-mark table{
	width: 100%;
	font-size: 13px;
}
.slidercard-mark table td {
	height: 30px;
	padding: 3px;
	background-color: #eeeeee;
	vertical-align: middle;
}
.slidercard-mark table td.text{
	display: none;
}
.slidercard-mark table td.mark{
	width: 30px;
	font-size: 17px;
	text-align: center;
}
.slidercard-mark table td.no{
	width: 30px;
	text-align: center;
}
.slidercard-mark table td.no .number-bg{
	width: 25px;
	height: 25px;
	padding-top: 3px;
}
.slidercard-mark table td.fav{
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}
.slidercard-amount1{
}
.slidercard-rate{
	background-color: #eeeeee;
}
.CardType3 .slidercard-rate{
	display: none;
}
.slidercard-amount1 table,
.slidercard-rate table{
	width: 100%;
	border-top: dashed 1px #999999;
	font-size: 13px;
}
.slidercard-amount2 table{
	width: 100%;
	border-top: dashed 1px #999999;
	font-size: 13px;
}
.slidercard-amount1 table:last-child,
.slidercard-rate table:last-child{
	margin-right: 0;
}
.slidercard-amount2 table:last-child{
	margin-left: 0;
}
.slidercard-amount1 table.anti,
.slidercard-amount1 table.harai,
.slidercard-amount1 table.sub,
.slidercard-amount1 table.total,
.slidercard-amount2 table,
.slidercard-rate table{
	border-top: none;
}
.slidercard-amount1 table th,
.slidercard-amount1 table td,
.slidercard-amount2 table th,
.slidercard-amount2 table td,
.slidercard-rate table th,
.slidercard-rate table td{
	height: 25px;
	padding: 2px;
	border-bottom: dashed 1px #999999;
	vertical-align: middle;
	text-align: right;
}
.slidercard-amount1 table td,
.slidercard-amount2 table td,
.slidercard-rate table td{
	width: 45%;
	font-weight: bold;
}
.slidercard-amount1 table.shikitensu th{
	font-weight: bold;
}
.slidercard-amount1 table.anti td,
.slidercard-amount1 table.harai.hit td,
.slidercard-amount2 table tr.profit.plus td {
	color: #bc0c16;
}
a.slidercard-toggle-btn {
	display: block;
	width: 80px;
	margin: 5px 0 0 auto;
	padding: 2px 0;
	border: 1px solid #a8975d;
	border-radius: 3px;
	font-size: 12px;
	text-align: center;
	line-height: 1.2;
	cursor: pointer;
}
a.slidercard-toggle-btn:hover {
	text-decoration: none;
}
a.slidercard-toggle-btn:after {
	position: relative;
	top: 3px;
	margin-left: 5px;
	font-size: 16px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f0d7";
	line-height: 0.6;
}
a.slidercard-toggle-btn.open:after {
	content:"\f0d8";
}
.slidercard-info-lead{
}
.slidercard-info-lead .text{
	font-size: 13px;
}
.slidercard-info-lead .img{
	float: right;
	width: 100px;
	margin: 0 0 0 10px;
}
.slidercard-info-lead .img img{
	width: 100px;
}
/* ===== スライダーカード - ボタンエリア ===== */
.slidercard-btn{
	width: 180px;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
}
.slidercard-btn .btn{
}
.slidercard-btn .btn a.org-btn,
.slidercard-btn .btn a.gb-btn{
	display: inline-block;
	width: 150px;
	height: 50px;
	padding-top: 0;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
}
.slidercard-btn .btn p{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.slidercard-btn .btn p.cart,
.slidercard-btn .btn p.text{
	font-size: 15px;
	font-weight: bold;
}
.slidercard-btn .btn p.cart{
	margin-top: 5px;
}
.slidercard-btn .btn p.text{
	margin-top: 16px;
}
.slidercard-btn .btn p.cart span,
.slidercard-btn .btn p.text span{
	font-size: 12px;
	font-weight: bold;
}
.slidercard-btn .btn p.text span{
	font-size: 11px;
}
.CardIncart .slidercard-btn .btn p.text,
.CardBuy .slidercard-btn .btn p.text,
.CardShimekiri .slidercard-btn .btn p.text,
.CardKakutei .slidercard-btn .btn p.text{
	font-size: 14px;
}
.slidercard-btn .btn p.point{
	font-size: 18px;
	font-weight: bold;
}
.slidercard-btn .btn p.point span{
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
}
.slidercard-btn .remain{
	width: 100%;
	font-size: 12px;
	color: #bc0c16;
	text-align: center;
}
.CardIncart .slidercard-btn .remain,
.CardBuy .slidercard-btn .remain,
.CardShimekiri .slidercard-btn .remain,
.CardKakutei .slidercard-btn .remain{
	display: none;
}
.slidercard-btn .remain span{
	font-size: 14px;
	font-weight: bold;
}

/* ===============================
詳細絞り込み
=============================== */
.detailsearch-wrapper{
	position: relative;
	width: 700px;
}
.detailsearch-header{
	width: 100%;
	margin-bottom: 10px;
}
.detailsearch-header h3{
	font-weight: bold;
	text-align: center;
}
.detailsearch-inner{
	background-color: #eeeeee;
	padding: 10px;
}
.detailsearch-scrbox{
	background-color: #ffffff;
	width: 100%;
	height: 300px;
	padding: 10px;
	overflow-y: scroll;
}
@media screen and (max-width: 740px) {
	.DetailSearch{
		/*height: 100%;*/
		height: 450px;
	}
	.detailsearch-wrapper{
		width: 100%;
		/*height: 100%;*/
		height: 450px;
	}
	.detailsearch-header{
		position: absolute;
	}
	.detailsearch-inner{
		position: absolute;
		top: 30px;
		width: 100%;
		height: calc(100% - 30px);
	}
	.detailsearch-scrbox{
		height: calc(100% - 80px);
	}
}

/* ===== 詳細絞り込み タブ ===== */
.detailsearch-tab{
	width: 100%;
}
.detailsearch-tab li{
	float: left;
	display: block;
	height: 30px;
	padding: 5px 0;
	font-size: 13px;
	color: #a8975d;
	text-align: center;
	cursor: pointer;
}
.HitSearch .detailsearch-tab li{
	width: 25%;
}
.JraSearch .detailsearch-tab li,
.YosokaSearch .detailsearch-tab li{
	width: 50%;
}
.detailsearch-tab li:hover {
	font-weight: bold;
}
.detailsearch-tab li.select{
	background-color: #ffffff;
	font-weight: bold;
	cursor: default;
}

/* ===== 詳細絞り込み 選択エリア ===== */
.detailsearch-container {
	padding-bottom: 10px;
}
.detailsearch-container.hide {
	display: none;
}
.detailsearch-unit{
	margin-bottom: 5px;
	padding-top: 5px;
	border-top: 1px dashed #cccccc;
	font-size: 13px;
}
.detailsearch-unit:first-child{
	padding-top: 0;
	border-top: none;
}
.detailsearch-unit:last-child{
	margin-bottom: 0;
}
.detailsearch-unit h4{
	margin-bottom: 5px;
	font-weight: bold;
}
.detailsearch-unit ul li{
	float: left;
	width: 20%;
	margin-bottom: 5px;
	padding-right: 5px;
}
.detailsearch-unit label{
	display: block;
	padding: 5px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.detailsearch-unit label:hover{
	font-weight: bold;
}
.detailsearch-unit input[type="checkbox"]{
	position: relative;
	top: 2px;
	margin-right: 5px;
}
.detailsearch-unit input[type="checkbox"]:checked + span{
	font-weight: bold;
}
.detailsearch-unit select{
	width: 150px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	font-size: 13px;
}
@media screen and (max-width: 740px) {
	.detailsearch-unit ul li{
		width: 50%;
		margin-bottom: 5px;
		padding-right: 5px;
	}
	.detailsearch-unit select{
		width: 100px;
	}
}

/* ===== 詳細絞り込みフッター ===== */
.detailsearch-btn{
	width: 100%;
	height: 50px;
}
.detailsearch-btn .inner{
	width: 400px;
	margin: 0 auto;
}
.detailsearch-btn .clearbtn{
	float: left;
	width: 100px;
	margin: 0 25px;
	padding-top: 15px;
}
.detailsearch-btn .clearbtn .gb-btn{
	width: 100px;
	height: 30px;
	font-size: 13px;
}
.detailsearch-btn .btn{
	float: left;
	width: 225px;
	margin-right: 25px;
	padding-top: 10px;
}
.detailsearch-btn .btn .nav-btn{
	width: 225px;
	height: 40px;
	padding-top: 3px;
}
.detailsearch-btn .btn .nav-btn:hover{
	text-decoration: none;
}
.detailsearch-btn .btn p{
	display: block;
	font-size: 13px;
	text-align: center;
	line-height: 1.2;
}
.detailsearch-btn .btn p.kensu{
}
.detailsearch-btn .btn p.kensu span{
	font-size: 15px;
	font-weight: bold;
}
.detailsearch-btn .btn p.text{
	font-size: 15px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.detailsearch-btn .inner{
		width: 270px;
	}
	.detailsearch-btn .clearbtn{
		float: left;
		width: 80px;
		margin: 0 10px;
	}
	.detailsearch-btn .clearbtn .gb-btn{
		width: 80px;
	}
	.detailsearch-btn .btn{
		width: 160px;
		margin-right: 10px;
	}
	.detailsearch-btn .btn .nav-btn{
		width: 160px;
		padding-top: 1px;
	}
}

/* ===============================
期間指定メニュー、開催週指定メニュー
=============================== */
.modaal-inner-wrapper{
	padding: 60px 5px !important;
}
.termmenu-wrapper{
	position: relative;
	width: 400px;
}
.termmenu-header{
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}
.termmenu-header h3{
	font-weight: bold;
	text-align: center;
}
.termmenu-container .gb-btn{
	padding: 5px 10px;
	line-height: 1.4;
	text-align: center;
}
@media screen and (max-width: 740px) {
	.TermMenu,
	.KaisaiMenu{
		height: 100%;
	}
	.termmenu-wrapper{
		width: 100%;
		height: 100%;
	}
	.modaal-container{
		width: 100%;
		height: 100%;		
	}
}
/* ===== 表示期間上部 ===== */
.termmenu-quick{
	height: 50px;
	margin-bottom: 10px;
}
.termmenu-quick li{
	float: left;
	width: 120px;
	height: 50px;
	margin-right: 20px;
}
.termmenu-quick li:last-child{
	margin-right: 0;
}
.termmenu-quick li a{
	width: 100%;
	height: 50px;
	font-size: 12px;
	font-weight: normal;
}
.termmenu-quick li span{
	display: block;
	font-size: 14px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.termmenu-quick li{
		width: 30%;
		margin-right: 5%;
	}
}
/* ===== 年月指定 ===== */
.termmenu-kaisai{
	width: 100%;
	height: 380px;
	padding: 20px;
	background-color: #eeeeee;
}
.termmenu-select{
	position: relative;
}
.termmenu-select-inner{
	float: left;
	width: 210px;
	height: 70px;
}
.KaisaiMenu .termmenu-select-inner{
	float: inherit;
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}
.termmenu-select dl{
	height: 25px;
	margin-bottom: 10px;
}
.termmenu-select dl:last-child{
	margin-bottom: 0;
}
.KaisaiMenu .termmenu-select dl{
	float: left;
	width: 50%;
	margin-bottom: 0;
}
.termmenu-select dt{
	display: inline;
	margin-right: 5px;
	font-size: 12px;
}
.termmenu-select dd{
	display: inline;
}
.termmenu-select dd select{
	width: 145px;
	height: 25px;
	font-size: 14px;
}
.KaisaiMenu .termmenu-select dd select{
	width: 115px;
}
.termmenu-select-btn{
	float: left;
	width: 150px;
	height: 70px;
}
.termmenu-select-btn a{
	display: block;
	width: 150px;
	height: 60px;
	padding-top: 14px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
}
.termmenu-select-btn a span{
	font-size: 14px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.termmenu-kaisai{
		height: calc(100% - 95px);
	}
	.KaisaiMenu .termmenu-kaisai{
		height: calc(100% - 35px);
	}
	.termmenu-select-inner{
		width: 60%;
	}
	.termmenu-select dd select{
		width: calc(100% - 65px);
	}
	.KaisaiMenu .termmenu-select dd select{
		width: calc(100% - 55px);
	}
	.termmenu-select-btn{
		width: 40%;
	}
	.termmenu-select-btn a{
		width: 100%;
	}
}
/* ===== 開催選択リスト ===== */
.termmenu-kaisailist{
	position: relative;
	width: 100%;
	height: 270px;
	background-color: #ffffff;
}
.KaisaiMenu .termmenu-kaisailist{
	height: 300px;
}
.termmenu-kaisailist:before{
	z-index: 2;
	position: absolute;
	top: 0;
	left: 100px;
	content: "";
	border-top: 20px solid #eeeeee;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
}
.KaisaiMenu .termmenu-kaisailist:before{
	left: 150px;
}
.termmenu-kaisailist-inner{
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 25px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.termmenu-kaisailist li{
	width: 250px;
	height: 50px;
	margin: 0 auto 15px;
}
.termmenu-kaisailist li a{
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.termmenu-kaisailist li a .kaisaidate{
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 14px;
	font-weight: bold;
}
.termmenu-kaisailist li a .kaisainame{
	position: absolute;
	top: 25px;
	left: 5px;
}
.termmenu-kaisailist li a .search{
	position: absolute;
	top: 15px;
	right: 5px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.termmenu-kaisailist{
		width: 100%;
		height: calc(100% - 70px);
	}
	.KaisaiMenu .termmenu-kaisailist{
		width: 100%;
		height: calc(100% - 30px);
	}
	.termmenu-kaisailist:before{
		left: 29%;
	}
	.KaisaiMenu .termmenu-kaisailist:before{
		left: calc(50% - 25px);
	}
	.termmenu-kaisailist li{
		width: 80%;
	}
}

/* ===============================
レースから探す
=============================== */

/* ===== 基本タブ表現 ===== */
.tab-basic{
}
.tab-basic-inner{
	width: 100%;
	text-align: center;
}
.tab-basic-inner ul li{
	display: inline-block;
}
.tab-basic-inner ul li a{
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 8px 0;
	background-color: #f1f1f1;
	border-radius: 100px;
	font-size: 15px;
	color: #3b1e87;
	cursor: pointer;
	text-decoration: none;
}
.tab-basic-inner ul li a.select{
	background-color: #3b1e87;
	color: #ffffff;
}
.tab-basic-inner ul li a.select:after{
	position: absolute;
	bottom: -20px;
	left: calc(50% - 10px);
	border-top: 10px solid #3b1e87;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	content: "";
}
.tab-basic-inner ul li a:hover.select{
	opacity: 1.0;
	cursor: default;
}
@media screen and (max-width: 740px) {
}
/* ===== 日付選択タブ ===== */
.race-datetab{
	width: 760px;
	margin: 20px;
}
.race-datetab li{
	width: 19%;
}
@media screen and (max-width: 740px) {
	.race-datetab{
		width: calc(100% - 20px);
		margin: 10px 10px 0;
	}
	.race-datetab li{
		width: 32%;
		margin-bottom: 10px;
	}
}
/* ===== 競馬場選択タブ ===== */
.race-place-container{
	width: 760px;
	margin: 0 20px 20px;
}
.race-placetab{
	/*height: 30px;
	margin-bottom: 10px;*/
}
.race-placetab-inner{
}
.race-placetab-inner li{
	float: left;
	width: 243px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding: 5px 0;
	border-bottom: 5px solid #3b1e87;
	font-size: 15px;
	font-weight: bold;
	color: #3b1e87;
}
.race-placetab-inner li:before{
	display: inline-block;
	width: 25px;
	height: 20px;
	margin-right: 5px;
	background: url("../img/icon/icon_place_v.png") no-repeat;
	background-size: 25px 20px;
	vertical-align: -5px;
	content: "";
}
.race-placetab-inner li:last-child{
	margin-right: 0;
}
.race-placetab-inner li:nth-child(2){
	width: 244px;
}
@media screen and (max-width: 740px) {
	.race-place-container{
		width: 100%;
		margin: 0 0 20px;
		padding: 10px;
		background-color: #eeeeee;
	}
	.race-placetab{
		/*margin-bottom: 0;
		height: auto;*/
	}
	.race-placetab-inner li{
		float: left;
		display: block;
		width: 33%;
		margin-bottom: 0;
		margin-right: 0;
		padding: 10px 0;
		border-bottom: none;
		font-size: 15px;
		font-weight: normal;
		color: #a8975d;
		text-align: center;
		cursor: pointer;
	}
	.race-placetab-inner li:before{
		background: url("../img/icon/icon_place_g.png") no-repeat;
		background-size: 25px 20px;
	}
	.race-placetab-inner li:nth-child(2){
		width: 34%;
	}
	.race-placetab-inner li:hover {
		font-weight: bold;
	}
	.race-placetab-inner li.select{
		background-color: #ffffff;
		font-weight: bold;
		cursor: default;
	}
}
/* ===== レース一覧 ===== */
.race-list{
	width: 760px;
}
.race-list-container{
	float: left;
	width: 243px;
	margin-right: 15px;
}

.race-list-container.hide{
	display: none;
}

.race-list-container:nth-child(2){
	width: 244px;
}
.race-list-container:last-child{
	margin-right: 0;
}
.race-list-container ul li{
	margin-bottom: 15px;
	line-height: 0;
}
.race-list-container ul li:last-child{
	margin-bottom: 0;
}
ul.race-list-shimekiri{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 5px solid #999999;
}
.race-list-container > ul.race-list-shimekiri:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.race-list-container ul li a{
	display: block;
	position: relative;
	width: 100%;
	padding: 7px;
	background: #f1eff6;
	border-radius: 5px;
	color: #333333;
	text-decoration: none;
}
ul.race-list-shimekiri li a {
	background: #eeeeee;
}
.race-list-container ul li.g1 a{
	background-color: #b4dafe;
}
.race-list-container ul li.g2 a{
	background-color: #fecfcc;
}
.race-list-container ul li.g3 a{
	background-color: #cff6c2;
}
.race-list-container ul li.g0 a{
	background-color: #d7d7d7;
}
.race-list-container ul li.jg1 a{
	background-color: #b4dafe;
}
.race-list-container ul li.jg2 a{
	background-color: #fecfcc;
}
.race-list-container ul li.jg3 a{
	background-color: #cff6c2;
}
.race-list-dateplace{
	float: left;
	width: 40px;
	margin-right: 5px;
}
.race-list-dateplace .placeno{
	width: 40px;
	height: 45px;
	padding-top: 5px;
	background-color: #3b1e87;
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	line-height: 1.2;
}
.race-list-dateplace .place{
	display: inline-block;
	font-size: 11px;
}
.race-list-dateplace .no{
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
}
.race-list-name{
	float: left;
	width: calc(100% - 45px);
	padding-top: 5px;
}
.race-list-name .namebox{
	position: relative;
	top: -1px;
	width: 100%;
	height: 20px;
	margin-bottom: 3px;
	line-height: 1.2;
}
.race-list-name .namebox .name{
	display: inline-block;
	max-width: calc(100% - 70px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
}
.race-list-name .namebox .grade{
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 5px;
	padding: 2px;
	overflow: hidden;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
.race-list-name .condition{
	font-size: 13px;
	line-height: 1.0;
}
.race-list-name .condition .course{
}
.race-list-name .condition .distance{
}
.race-list-name .condition .time{
	margin-left: 5px;
}
.race-list-status{
	position: absolute;
	top: 12px;
	right: 8px;
	width: 35px;
	height: 35px;
	border-radius: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 1.2;
}
.koukai .race-list-status{
	padding-top: 8px;
	background: #a8975d;
	border: solid 1px #a8975d;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
.shimekiri .race-list-status{
	padding-top: 5px;
	background: #999999;
	border: solid 1px #999999;
	font-size: 10px;
	color: #ffffff;
}
.nohit .race-list-status{
	padding-top: 8px;
	font-size: 16px;
	font-weight: bold;
}
.hit .race-list-status{
	padding-top: 8px;
	background: #bc0c16;
	border: solid 1px #bc0c16;
	font-size: 16px;
	font-weight: bold;
}
.chushi .race-list-status{
	padding-top: 10px;
	background: #999999;
	border: solid 1px #999999;
	font-size: 13px;
	color: #ffffff;
}
.chushi a:hover{
	opacity: inherit;
}
.race-list-remain{
	width: 100%;
	margin-top: 5px;
	padding: 5px 0;
	font-size: 13px;
	color: #bc0c16;
	text-align: center;
}
.race-list-remain span{
	font-size: 15px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.race-list{
		width: 100%;
	}
	.race-list-container{
		float: inherit;
		width: 100%;
		margin-right: 0;
		padding: 15px 10px;
		background-color: #ffffff;
	}
	.race-list-container.hide{
		display: none;
	}
	.race-list-container:nth-child(2){
		width: 100%;
	}
	.race-list-container ul li a{
		border: 1px solid #a8975d;
	}
	.race-list-container ul li.chushi a{
		border: none;
	}
	.race-list-dateplace .placeno{
		padding-top: 2px;
	}
	.race-list-name{
		line-height: 1.4;
	}
	.koukai .race-list-status{
		padding-top: 7px;
		font-size: 15px;
	}
	.nohit .race-list-status{
		padding-top: 7px;
		font-size: 15px;
	}
	.hit .race-list-status{
		padding-top: 7px;
		font-size: 15px;
	}
}
/* ===== 凡例 ===== */
.race-hanrei{
	width: 760px;
	margin: 0 20px 20px;
	text-align: right;
}
.race-hanrei li{
	display: inline-block;
	margin-right: 20px;
	font-size: 13px;
}
.race-hanrei li:last-child{
	margin-right: 0;
}
.race-hanrei li span{
	font-size: 30px;
	vertical-align: middle;
}
.race-hanrei li.koukai span{
	color: #a8975d;
}
.race-hanrei li.hit span{
	color: #bc0c16;
}
@media screen and (max-width: 740px) {
	.race-hanrei{
		width: calc(100% - 20px);
		margin: 0 10px 20px;
		text-align: center;
	}
}

/* ===============================
無料会員登録
=============================== */

/* ===== アンカー ===== */
.freeregist-anchor{
	width: 760px;
	margin: 20px;
}
.freeregist-anchor ul{
	width: 580px;
	margin: 0 auto;
}
.freeregist-anchor li{
	float: left;
	width: 180px;
	margin-right: 20px;
}
.freeregist-anchor li:last-child{
	margin-right: 0;
}
.freeregist-anchor li a{
	display: block;
	margin: 0 auto;
	padding-left: 50px;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	font-size: 13px;
	text-align: center;
	line-height: 1.4;
}
.freeregist-anchor li a:hover{
	text-decoration: none;
}
.freeregist-anchor li a span{
	display: block;
	font-size: 17px;
	font-weight: bold;
}
.freeregist-anchor li.mail a{
	width: 180px;
	background-image: url("../img/icon_mail.png");
}
.freeregist-anchor li.twitter a{
	width: 130px;
	background-image: url("../img/icon_twitter.png");
}
.freeregist-anchor li.line a{
	width: 120px;
	background-image: url("../img/icon_line.png");
}
.freeregist-anchor li a:after{
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 13px;
	font-weight: bold;
	content:"\f078";
	text-align: center;
}
@media screen and (max-width: 800px) {
	.freeregist-anchor{
		width: calc(100% - 20px);
		margin: 20px 10px;
	}
	.freeregist-anchor ul{
		width: 300px;
		margin: 0 auto;
	}
	.freeregist-anchor li.mail{
		width: 130px;
		margin-right: 10px;
	}
	.freeregist-anchor li.twitter{
		width: 80px;
		margin-right: 10px;
	}
	.freeregist-anchor li.line{
		width: 70px;
		margin-right: 0;
	}
	.freeregist-anchor li a{
		padding-left: 25px;
		background-size: 25px 25px;
		font-size: 10px;
	}
	.freeregist-anchor li a span{
		font-size: 14px;
	}
	.freeregist-anchor li.mail a{
		width: 130px;
	}
	.freeregist-anchor li.twitter a{
		width: 80px;
	}
	.freeregist-anchor li.line a{
		width: 70px;
	}
	.freeregist-anchor li a:after{
		font-size: 11px;
	}
}
/* ===== 特典ポイント ===== */
.freeregist-present{
	width: 760px;
	margin: 0 20px 20px;
	text-align: center;
}
.freeregist-present .img img{
	width: 700px;
	height: 180px;
}
.freeregist-present.arima .img img{
	height: 370px;
}
@media screen and (max-width: 740px) {
	.freeregist-present{
		width: 100%;
		margin: 0 auto 20px;
	}
	.freeregist-present .img img{
		width: 100%;
		height: auto;
		max-width: 350px;
	}
	.freeregist-present.arima .img img{
		height: auto;
	}
}
/* ===== 事前登録者はログインへ ===== */
.freeregist-jizen{
	width: 760px;
	margin: 0 auto 20px;
}
.freeregist-jizen .text{
	width: 100%;
	margin-bottom: 10px;
	padding: 0 20px;
	color: #bc0c16;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.freeregist-jizen .text:before{
	position: relative;
	top: 1px;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	content:"\f06a";
}
@media screen and (max-width: 740px) {
	.freeregist-jizen{
		width: calc(100% - 20px);
	}
}
/* ===== 登録フォーム内 ===== */
.freeregist-container{
	width: 760px;
	margin: 0 20px 50px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
.freeregist-container h2{
	height: 50px;
	margin-bottom: 10px;
	padding: 10px 0 0 60px;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	font-size: 19px;
	font-weight: bold;
	color: #3b1e87;
}
.freeregist-mail h2{
	background-image: url("../img/icon_mail.png");
}
.freeregist-twitter h2{
	background-image: url("../img/icon_twitter.png");
}
.freeregist-line h2{
	background-image: url("../img/icon_line.png");
}
@media screen and (max-width: 800px) {
	.freeregist-container{
		width: 100%;
		margin: 0 0 50px;
	}
}

/* ===============================
無料会員登録　認証メール送信
=============================== */
.FreeregistMailComplete .form-complete .message{
	padding-left: 60px;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-image: url("../img/icon_mail.png");
	background-position: 5px 10px;
}
@media screen and (max-width: 800px) {
	.FreeregistMailComplete .form-complete .message{
		padding-left: 40px;
		background-size: 30px 30px;
	}
}

/* ===============================
無料会員登録　完了
=============================== */
.freeregist-push{
	width: 760px;
	margin: 0 auto 20px;
}
.freeregist-push .push{
	width: 760px;
	height: 230px;
	margin: 0 auto 20px;
	background-image: url("../img/regist_freepush_pc_2.png");
	background-repeat: no-repeat;
	line-height: 0;
}
.freeregist-push .btn{
	width: 550px;
	height: 50px;
	margin: 0 auto 20px;
}
.freeregist-push .btn li{
	float: left;
}
.freeregist-push .btn li.toregist{
	width: 300px;
	height: 50px;
	margin-right: 50px;
}
.freeregist-push .btn li.toregist .org-btn{
	width: 100%;
	height: 50px;
	padding-top: 9px;
	font-size: 21px;
	font-weight: bold;
}
.freeregist-push .btn li.toregist .org-btn:before{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: #ffffff;
	border-radius: 25px;
	font-family: "Font Awesome 5 Free";
	font-size: 17px;
	font-weight: bold;
	color: #bf7b1b;
	text-shadow: none;
	text-align: center;
	content:"\f157";
	vertical-align: 1px;
}
.freeregist-push .btn li.totutorial{
	width: 200px;
	height: 50px;
}
.freeregist-push .btn li.totutorial .gb-btn{
	width: 100%;
	height: 50px;
	padding-top: 8px;
	font-size: 21px;
	font-weight: bold;
}@media screen and (max-width: 740px) {
	.freeregist-push{
		width: calc(100% - 20px);
	}
	.freeregist-push .push{
		width: 300px;
		height: 165px;
		background-image: url("../img/regist_freepush_sp_2.png");
		background-size: 300px 165px;
	}
	.freeregist-push .btn{
		width: 100%;
	}
	.freeregist-push .btn li.toregist{
		width: 50%;
		margin: 0 3% 0 7%;
	}
	.freeregist-push .btn li.toregist .org-btn{
		font-size: 17px;
		padding-top: 11px;
	}
/*
	.freeregist-push .btn li.toregist .org-btn:before{
		font-size: 16px;
	}
*/
	.freeregist-push .btn li.totutorial .gb-btn{
		padding-top: 14px;
		font-size: 13px;
	}
	.freeregist-push .btn li.totutorial{
		width: 30%;
		margin: 0 7% 0 3%;
	}
}

/* ===============================
利用規約・プライバシーポリシー・運営会社概要
=============================== */
.about-wrapper{
	width: 760px;
	margin: 0 20px 50px;
	padding-top: 20px;
}
.about-container{
	width: 100%;
	margin-bottom: 20px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
	font-size: 13px;
}
.about-unit{
	margin-bottom: 10px;
	padding-left: 20px;
}
.about-subunit{
	margin-bottom: 10px;
	padding-left: 20px;
}
.about-container h2{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #3b1e87;
}
.about-container h3{
	margin-bottom: 10px;
	font-weight: bold;
	color: #3b1e87;
}
.about-container h4{
	margin-bottom: 10px;
	font-weight: bold;
}
.about-container p{
	margin-bottom: 10px;
	padding-left: 10px;
}
.about-container ul,
.about-container ol{
	margin-bottom: 10px;
}
.about-container ul li{
	margin-left: 25px;
	margin-bottom: 5px;
	list-style-type: disc;
}
.about-container ol li{
	margin-left: 30px;
	margin-bottom: 5px;
	list-style-type: decimal;
}
.about-container ul li:last-child,
.about-container ol li:last-child{
	margin-bottom: 0;
}
.about-container ol li{
	margin-left: 30px;
	margin-bottom: 5px;
	list-style-type: decimal;
}
.about-container ol.detail li{
	margin-left: 35px;
	list-style-type: decimal-leading-zero;
}
.about-container ol li ol:first-child{
	padding-top: 10px;
}
.about-container table{
	width: 100%;
	margin-bottom: 10px;
}
.about-container table th,
.about-container table td{
	padding: 8px;
	border: 1px solid #999999;
}
.about-container table th{
	width: 30%;
	background-color: #f1f1f1;
	font-weight: bold;
}
.about-container table td{
}
.about-container table p,
.about-container table ul,
.about-container table ol,
.about-container table li{
	margin-bottom: 0;
}
@media screen and (max-width: 800px) {
	.about-wrapper{
		width: calc(100% - 20px);
		margin: 0 auto 50px;
	}
	.about-unit{
		padding-left: 0;
	}
	.about-subunit{
		padding-left: 0;
	}
	.about-container p{
		padding-left: 0;
	}
	.about-container ol li{
		margin-left: 20px;
	}
	.about-container ol.detail li{
		margin-left: 30px;
	}
}

/* ===============================
予想家から探す ランキング
=============================== */

/* ===== ランク種類選択タブ ===== */
.yosoka-ranktab{
	width: 760px;
	margin: 20px;
}
.yosoka-ranktab li{
	width: 32%;
}
.yosoka-ranktab li span:before{
	display: inline-block;
	margin-right: 5px;
	vertical-align: -5px;
	content: "";
}
.yosoka-ranktab li.uriage span:before{
	width: 20px;
	height: 20px;
	background: url("../img/icon/icon_uriage_v.png") no-repeat;
	background-size: 20px 20px;
}
.yosoka-ranktab li.uriage a.select span:before{
	background: url("../img/icon/icon_uriage_w.png") no-repeat;
	background-size: 20px 20px;
}
.yosoka-ranktab li.ratekaisyu span:before{
	width: 25px;
	height: 20px;
	background: url("../img/icon/icon_kaisyu_v.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-ranktab li.ratekaisyu a.select span:before{
	background: url("../img/icon/icon_kaisyu_w.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-ranktab li.ratehit span:before{
	width: 25px;
	height: 20px;
	background: url("../img/icon/icon_hit_v.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-ranktab li.ratehit a.select span:before{
	background: url("../img/icon/icon_hit_w.png") no-repeat;
	background-size: 25px 20px;
}
@media screen and (max-width: 740px) {
	.yosoka-ranktab{
		width: calc(100% - 20px);
		margin: 10px 10px 20px;
	}
	.yosoka-ranktab ul li a{
		font-size: 13px;
	}
}
@media screen and (max-width: 360px) {
	.yosoka-ranktab ul li a{
		font-size: 11px;
	}
}

/* ===== 件数・凡例 ===== */
.yosoka-kensu{
	width: 760px;
	margin: 20px;
	line-height: 1.0;
}
.yosoka-kensu .kensu{
	float: left;
	width: 50%;
	padding-top: 7px;
}
.yosoka-kensu .kensu span{
	margin-right: 5px;
	font-size: 17px;
	font-weight: bold;
}
.yosoka-kensu .hanrei{
	display: none;
}
@media screen and (max-width: 740px) {
	.yosoka-kensu{
		width: calc(100% - 20px);
		margin: 10px;
	}
	.yosoka-kensu .kensu{
	}
}
@media screen and (max-width: 360px) {
	.yosoka-kensu .hanrei{
		display: block;
		float: right;
		width: 50%;
		font-size: 13px;
		text-align: right;
	}
	.yosoka-kensu .hanrei span{
		font-size: 30px;
		color: #a8975d;
		vertical-align: middle;
	}
}

/* ===== 予想家ランク 一覧 ===== */
.yosoka-rank-unit{
	position: relative;
	width: 760px;
	margin: 0 20px 20px;
/*	animation: fadein 0.5s ease-in; */
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
.yosoka-rank-unit a{
	display: block;
	position: relative;
	width: 100%;
	padding: 9px;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.05) 0%, rgba(255, 255, 255, 0.02) 70%, rgba(108, 82, 176, 0.05) 100%) no-repeat,
		#f1eff6 url(../img/diabg_black_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
	color: #333333;
	text-decoration: none;
}
.yosoka-rank-info{
	position: relative;
	float: left;
	width: 320px;
}
.yosoka-rank-info .catch{
	position: absolute;
	top: 0;
	left: 70px;
	width: 165px;
	height: 28px;
	padding-top: 1px;
	background-image: url("../img/yosoka_catch.png");
	background-repeat: no-repeat;
	background-size: contain;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	text-align: center;
}
.yosoka-rank-info .catch span {
	padding-right: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
.yosoka-rank-info .img {
	z-index: 1;
	position: absolute;
}
.yosoka-rank-info .img .frame {
	z-index: 1;
	position: absolute;
	top:-4px;
	left: -2px;
	width: 96px;
	height: 98px;
	background-image: url("../img/yosoka_frame_96x98.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.yosoka-rank-info .img .trim {
	overflow: hidden;
	width: 92px;
	height: 92px;
	position: relative;
}
.yosoka-rank-info .img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.yosoka-rank-info .nickname{
	padding: 35px 0 0 105px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.yosoka-rank-info .name{
	padding-left: 105px;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.yosoka-rank-info .name span{
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px;
}
.yosoka-rank-table{
	float: left;
	width: 220px;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 5px;
}
.yosoka-rank-table table{
	width: 100%;
	font-size: 13px;
}
.yosoka-rank-table table th,
.yosoka-rank-table table td{
	height: 25px;
	padding: 0 5px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #f7f7f7;
	text-align: right;
	vertical-align: middle;
}
.yosoka-rank-container.uriage .yosoka-rank-table table tr.uriage th,
.yosoka-rank-container.uriage .yosoka-rank-table table tr.uriage td,
.yosoka-rank-container.ratekaisyu .yosoka-rank-table table tr.ratekaisyu th,
.yosoka-rank-container.ratekaisyu .yosoka-rank-table table tr.ratekaisyu td,
.yosoka-rank-container.ratehit .yosoka-rank-table table tr.ratehit th,
.yosoka-rank-container.ratehit .yosoka-rank-table table tr.ratehit td{
	/* background-color: #bc0c16; */
	/* border: none; */
	/* font-size: 15px; */
	/* font-weight: bold; */
	/* color: #ffffff; */
}
.rank-emphasis{
	background-color: #bc0c16 !important;
	font-weight: bold !important;
	color: #ffffff !important;
}
.yosoka-rank-status{
	position: absolute;
	top: 35px;
	right: 35px;
}
.yosoka-rank-status p{
	display: inline-block;
	height: 35px;
	padding: 7px 10px;
	background: #a8975d;
	border: solid 1px #a8975d;
	border-radius: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.2;
}
.yosoka-rank-status p.koukai span{
	margin: 0 2px;
	font-size: 13px;
	font-weight: normal;
}
.yosoka-rank-status p.none{
	padding-top: 10px;
	font-size: 13px;
	font-weight: normal;
}
.yosoka-rank-status p:after{
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
@media screen and (max-width: 740px) {
	.yosoka-rank-unit{
		width: calc(100% - 20px);
		margin: 0 10px 10px;
	}
	.yosoka-rank-unit a{
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.05) 0%, rgba(255, 255, 255, 0.02) 70%, rgba(108, 82, 176, 0.05) 100%) no-repeat,
			#f1eff6 url(../img/diabg_black_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
	}
	.yosoka-rank-info{
		float: inherit;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.yosoka-rank-info .catch{
		left: 55px;
		padding-top: 0;
	}
	.yosoka-rank-info .catch span {
		position: relative;
		top: -1px;
		font-size: 12px;
	}
	.yosoka-rank-info .img {
	}
	.yosoka-rank-info .img .frame {
		background-image: url("../img/yosoka_frame_172x176.png");
		top: -4px;
		width: 76px;
		height: 78px;
	}
	.yosoka-rank-info .img .trim {
		width: 72px;
		height: 72px;
	}
	.yosoka-rank-info .nickname{
		padding: 30px 0 0 80px;
		font-size: 12px;
	}
	.yosoka-rank-info .name{
		padding-left: 80px;
		font-size: 18px;
	}
	.yosoka-rank-info .name span{
		font-size: 13px;
	}
	.yosoka-rank-table{
		float: inherit;
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}
	.yosoka-rank-status{
		top: 30px;
		right: 15px;
	}
	.yosoka-rank-status p{
		height: 30px;
		padding: 4px 10px;
		font-size: 16px;
	}
	.yosoka-rank-status p.none{
		padding-top: 7px;
	}
}
@media screen and (max-width: 360px) {
	.yosoka-rank-status p.koukai{
		display: block;
		width: 35px;
		height: 35px;
		padding: 7px 0 0 0;
		font-size: 15px;
		text-align: center;
	}
	.yosoka-rank-status p.koukai span{
		display: none;
	}
	.yosoka-rank-status p.none span{
		display: none;
	}
	.yosoka-rank-status p.koukai:after{
		margin-left: 0;
		content: none;
	}
}

/* ===============================
予想家紹介
=============================== */

/* ===== お気に入り登録 ===== */
.yosoka-fav{
	position: absolute;
	width: 130px;
	top: 17px;
	right: 15px;
}
.yosoka-fav-mypage{
	position: relative;
	float: right;
	/* top: 17px; */
	/* right: 15px; */
}
.yosoka-fav .favbtn,
.yosoka-fav-mypage .favbtn{
	display: block;
	padding: 0 8px;
	background-color: #ffffff;
	border: solid 2px #333333;
	border-radius: 5px;
	color: #a8975d;
	text-align: center;
	text-decoration: none;
}
.yosoka-fav .favbtn{
	width: 130px;
	height: 35px;
	border: solid 2px #333333;
	box-shadow: .5px .5px 1px .5px rgba(0,0,0,0.3) inset;
	font-weight: bold;
}
.yosoka-fav-mypage .favbtn{
	width: 100px;
	height: 26px;
	border: 1px solid #a8975d;
}
.yosoka-fav .favbtn:hover,
.yosoka-fav-mypage .favbtn:hover{
	opacity: 1.0;
}
.yosoka-fav .favbtn span:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 400;
	content:"\f005";
}
.yosoka-fav .favbtn:hover span:before,
.yosoka-fav-mypage .favbtn:hover span:before{
}
.yosoka-fav .favbtn.off span:before,
.yosoka-fav-mypage .favbtn.off span:before{
	color: #cccccc;
}
.yosoka-fav .favbtn.off:hover span:before,
.yosoka-fav-mypage .favbtn.off:hover span:before{
	font-weight: bold;
	color: #a8975d;
}
.yosoka-fav .favbtn.on span:before,
.yosoka-fav-mypage .favbtn.on span:before{
	font-weight: bold;
	color: #a8975d;
}
.yosoka-fav .favbtn.on:hover span:before,
.yosoka-fav-mypage .favbtn.on:hover span:before{
	font-weight: normal;
	color: #cccccc;
}
@media screen and (max-width: 740px) {
	.yosoka-fav{
		top: 20px;
		right: 5px;
		width: 110px;
	}
	.yosoka-fav .favbtn{
		width: 110px;
		padding: 0 5px;
		font-size: 14px;
	}
	.yosoka-fav .favbtn span:before{
		font-size: 18px;
	}
}
@media screen and (max-width: 360px) {
	.yosoka-fav{
		z-index: 2;
		top: 55px;
		left: -5px;
		right: auto;
	}
}
/* ===== 予想家紹介内選択タブ ===== */
.yosoka-linktab{
	width: 760px;
	margin: 20px;
}
.yosoka-linktab li{
	width: 32%;
}
.yosoka-linktab li span:before{
	display: inline-block;
	margin-right: 5px;
	vertical-align: -5px;
	content: "";
}
.yosoka-linktab li.yoso span:before{
	width: 25px;
	height: 20px;
	background: url("../img/icon/icon_yoso_v.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-linktab li.yoso a.select span:before{
	background: url("../img/icon/icon_yoso_w.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-linktab li.hit span:before{
	width: 25px;
	height: 20px;
	background: url("../img/icon/icon_hit_v.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-linktab li.hit a.select span:before{
	background: url("../img/icon/icon_hit_w.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-linktab li.profile span:before{
	position: relative;
	top: -3px;
	height: 20px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 400;
	content:"\f2bb";
}
.yosoka-linktab li.ratehit a.select span:before{
	background: url("../img/icon/icon_hit_w.png") no-repeat;
	background-size: 25px 20px;
}
@media screen and (max-width: 740px) {
	.yosoka-linktab{
		width: calc(100% - 20px);
		margin: 10px 10px 20px;
	}
	.yosoka-linktab ul li a{
		font-size: 13px;
	}
}
@media screen and (max-width: 360px) {
	.yosoka-linktab ul li a{
		font-size: 11px;
	}
}

/* ===== 予想家紹介内 予想一覧 ===== */
.yosoka-cards{
	position: relative;
	padding-bottom: 80px;
}

/* ===== 予想家紹介内 的中ピックアップ ===== */
.yosoka-hitpickup {
	width: 100%;
	margin-bottom: 40px;
}
.yosoka-hitpickup .sub-title:before {
	display: inline-block;
	width: 25px;
	height: 20px;
	margin-right: 10px;
	background: url("../img/icon/icon_hit_w.png") no-repeat;
	background-size: 25px 20px;
	vertical-align: -4px;
	content: "";
}
.yosoka-hitpickup-slider{
	margin-bottom: 20px;
}
.yosoka-hitpickup-link{
	text-align: center;
}
.yosoka-hitpickup-link .gb-btn{
}
.yosoka-hitpickup-link .gb-btn:after{
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
/* ===== 予想家紹介内 予想成績 ===== */
.yosoka-data {
	width: 100%;
	margin-bottom: 40px;
}
.yosoka-data-inner{
	width: 760px;
	margin: 20px;
}
.yosoka-data-inner dl{
	float: left;
	width: 243px;
	margin-right: 15px;
}
.yosoka-data-inner dl:nth-child(2){
	width: 244px;
}
.yosoka-data-inner dl:last-child{
	margin-right: 0;
}
.yosoka-data-inner dt{
	height: 40px;
	margin-bottom: 15px;
	padding: 5px 0;
	border-bottom: 5px solid #3b1e87;
	font-weight: bold;
	color: #3b1e87;
}
.yosoka-data-inner dt:before{
	display: inline-block;
	margin-right: 5px;
	vertical-align: -5px;
	content: "";
}
.yosoka-data-inner .uriage dt:before{
	width: 20px;
	height: 20px;
	background: url("../img/icon/icon_uriage_v.png") no-repeat;
	background-size: 20px 20px;
}
.yosoka-data-inner .kaisyu dt:before{
	width: 25px;
	height: 20px;
	background: url("../img/icon/icon_kaisyu_v.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-data-inner .hit dt:before{
	width: 25px;
	height: 20px;
	background: url("../img/icon/icon_hit_v.png") no-repeat;
	background-size: 25px 20px;
}
.yosoka-data-inner table{
	width: 100%;
	border: 1px solid #999999;
}
.yosoka-data-inner table th,
.yosoka-data-inner table td{
	padding: 10px 5px;
	border: 1px solid #999999;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}
.yosoka-data-inner table th{
	background-color: #f1f1f1;
}
.yosoka-data-inner table td{
	white-space: nowrap;
}
.yosoka-data-inner table .main{
	margin: 0 5px;
	font-size: 17px;
	font-weight: bold;
}
.yosoka-data-inner table .sub{
	margin: 0 5px;
	font-size: 15px;
}
.yosoka-data-inner table .plus{
	color: #bc0c16;
}
@media screen and (max-width: 740px) {
	.yosoka-data-inner{
		width: calc(100% - 20px);
		margin: 20px 10px;
	}
	.yosoka-data-inner dl{
		float: inherit;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.yosoka-data-inner dl:nth-child(2){
		width: 100%;
	}
	.yosoka-data-inner table th,
	.yosoka-data-inner table td{
		padding: 5px 3px;
	}
	.yosoka-data-inner table th{
		width: 100px;
	}
}
/* ===== 予想家紹介内 プロフィール ===== */
.yosoka-profile {
	width: 100%;
	margin-bottom: 20px;
}
.yosoka-profile-inner {
	position: relative;
	width: 760px;
	height: auto;
	margin: 0 20px 20px;
	background-image: url(../img/comment_bg_pattern.png);
	border: 3px solid #9d8ec3;
	font-size: 15px;
}
.yosoka-profile-inner p {
	display: inline-block;
	margin: 4px;
	padding: 16px;
	border: solid 2px #9d8ec3;
	line-height: 23px;
}
@media screen and (max-width: 740px) {
	.yosoka-profile-inner {
		width: calc(100% - 20px);
		margin: 0 10px 20px;
		font-size: 14px;
	}
}
/* ===============================
Slick カードスライダー
=============================== */
.cards-slider-container{
}
.cards-slider{
	display: none;
	position: relative;
	width: 760px;
	height: 100%;
	margin: 0 auto;
}
.cards-slider.slick-initialized{
	display: block;
}
.cards-slider li{
	width: 395px;
	padding-top: 10px;
	opacity: 0.5;
}
.cards-slider li.slick-active{
	opacity: 1.0;
}
.cards-slider li img{
	width: 355px;
	margin: 0 auto;
}
.cards-slider button{
	z-index: 1;
	position: absolute;
	top: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background-color: rgba( 0,0,0,.65);
	font-size: 25px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
.cards-slider button:hover{
	opacity: 0.8;
}
.cards-slider .slider-prev{
	left: 50px;
}
.cards-slider .slider-next{
	right: 50px;
}
.cards-slider .slider-prev:before{
	content: "\f104"
}
.cards-slider .slider-next:before{
	content: "\f105"
}
.slider-upperdots ul{
	height: 40px;
	padding-top: 15px;
	text-align: center;
}
.slider-upperdots li{
	display: inline-block;
	margin: 0 5px;
	line-height: 1.0;
}
.slider-upperdots li:before{
	font-size: 13px;
	color: #cccccc;
	content: '\25CF';
	cursor: pointer;
}
.slider-upperdots li:hover:before{
	color: #3b1e87;
}
.slider-upperdots li.slick-active:before{
	font-size: 16px;
	color: #3b1e87;
	cursor: default;
}
.slider-upperdots li button{
	display: none;
}
@media screen and (max-width: 740px) {
	.cards-slider{
		width: 100%;
	}
	.cards-slider li{
		width: 375px;
		opacity: 1.0;
	}
	.cards-slider button{
		top: -30px;
		width: 30px;
		height: 30px;
		border-radius: 30px;
		font-size: 15px;
	}
	.cards-slider button:hover{
		opacity: 0.8;
	}
	.cards-slider .slider-prev{
		left: 10px;
	}
	.cards-slider .slider-next{
		right: 10px;
	}
	.slider-upperdots ul{
		padding-top: 12px;
	}
	.slider-upperdots li:before{
		font-size: 11px;
	}
	.slider-upperdots li.slick-active:before{
		font-size: 13px;
	}
}

/* ===============================
お気に入り登録・削除
=============================== */
.favregist-wrapper{
	position: relative;
	width: 360px;
	margin: 20px;
}
.favregist-header{
	width: 100%;
	margin-bottom: 20px;
}
.favregist-header h3{
	height: 40px;
	margin-bottom: 15px;
	padding: 5px 0;
	border-bottom: 5px solid #a8975d;
	font-weight: bold;
	color: #a8975d;
}
.favregist-header h3:before{
	display: inline-block;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: bold;
	content:"\f005";
}
@media screen and (max-width: 399px) {
	.favregist-wrapper{
		width: calc(100% - 20px);
		max-width: 400px;
		margin: 20px 10px;
	}
}
/* ===== 対象予想家 ===== */
.favregist-yosoka{
	position: relative;
	width: 320px;
	margin: 0 auto 20px;
}
.favregist-yosoka .catch{
	position: absolute;
	top: 0;
	left: 70px;
	width: 165px;
	height: 28px;
	padding-top: 1px;
	background-image: url("../img/yosoka_catch.png");
	background-repeat: no-repeat;
	background-size: contain;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	text-align: center;
}
.favregist-yosoka .catch span {
	padding-right: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
.favregist-yosoka .img {
	z-index: 1;
	position: absolute;
}
.favregist-yosoka .img .frame {
	z-index: 1;
	position: absolute;
	top:-4px;
	left: -2px;
	width: 96px;
	height: 98px;
	background-image: url("../img/yosoka_frame_96x98.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.favregist-yosoka .img .trim {
	overflow: hidden;
	width: 92px;
	height: 92px;
	position: relative;
}
.favregist-yosoka .img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.favregist-yosoka .nickname{
	padding: 35px 0 0 105px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.favregist-yosoka .name{
	padding-left: 105px;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.favregist-yosoka .name span{
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px;
}
.favregist-yosoka .name span:first-child{
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 399px) {
	.favregist-yosoka{
		width: 100%;
		max-width: 320px;
	}
}
/* ===== 確認など(はいorいいえ) ===== */
.favregist-inner{
	margin-bottom: 20px;
}
.favregist-inner .discription{
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
}
.favregist-inner .complete{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #ffedd2;
	border: 5px solid #fbd39b;
	font-size: 15px;
	font-weight: bold;
	color: #bf7b1b;
}
.favregist-inner .topayregist{
	width: 100%;
	text-align: center;
}
.favregist-inner .topayregist .gb-btn{
	width: 200px;
	height: 40px;
	margin-top: 5px;
	padding-top: 9px;
	font-weight: bold;
}
.yesnolist{
	width: 100%;
}
.yesnolist li:first-child{
	float: left;
	width: 47%;
	margin-right: 6%;
	text-align: right;
}
.yesnolist li:first-child .nav-btn{
	display: inline-block;
	width: 120px;
	height: 50px;
	padding-top: 14px;
	font-weight: bold;
}
.yesnolist li:last-child{
	float: left;
	width: 47%;
}
.yesnolist li:last-child .gb-btn{
	width: 120px;
	height: 40px;
	margin-top: 5px;
	padding-top: 9px;
	font-weight: bold;
}
/* ===== メール通知設定 ===== */
.favregist-notif{
	margin-bottom: 20px;
	padding: 10px;
	background-color: #f1f1f1;
}
.favregist-notif h4{
	float: left;
	width: 200px;
	padding: 7px 0 0 30px;
	font-weight: bold;
	background-image: url("../img/icon_mail.png");
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.favregist-notif .btn{
	float: left;
	width: 140px;
}
.favregist-notif .btn .notifbtn{
	display: block;
	position: relative;
	top: -2px;
	width: 140px;
	height: 40px;
	padding-top: 4px;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #a8975d;
	font-weight: bold;
	color: #cccccc;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	cursor: pointer;
}
.favregist-notif .btn .notifbtn i:before{
	display: block;
	position: absolute;
	top: 23px;
	left: 15px;
	width: 26px;
	font-size: 10px;
	font-style: normal;
	content:"OFF";
	text-align: center;
}
.favregist-notif .btn .notifbtn span:before{
	position: relative;
	top: -2px;
	margin-right: 17px;
	font-family: "Font Awesome 5 Free";
	font-size: 22px;
	font-weight: bold;
	content:"\f204";
}
.favregist-notif .btn.off .notifbtn:active{
	color: #a8975d;
}
.favregist-notif .btn.off .notifbtn:active i:before{
	content:"ON";
}
.favregist-notif .btn.off .notifbtn:active span:before{
	color: #a8975d;
	content:"\f205";
}
.favregist-notif .btn.on .notifbtn{
	display: block;
	background-color: #a8975d;
	color: #ffffff;
}
.favregist-notif .btn.on .notifbtn i:before{
	content:"ON";
}
.favregist-notif .btn.on .notifbtn span:before{
	content:"\f205";
}
.favregist-notif .btn.on .notifbtn:active{
	background-color: #ffffff;
	color: #a8975d;
}
.favregist-notif .btn.on .notifbtn:active i:before{
	content:"OFF";
}
.favregist-notif .btn.on .notifbtn:active span:before{
	content:"\f204";
}
@media screen and (max-width: 399px) {
	.favregist-notif h4{
		float: inherit;
		margin: 0 auto 10px;
	}
	.favregist-notif .btn{
		float: inherit;
		margin: 0 auto;
	}
}

/* ===============================
TOPページ
=============================== */
.top-upper{
	margin-bottom: 40px;
}
.top-inner{
	width: 760px;
	margin: 20px 20px 40px;
}
.top-lower{
}
@media screen and (max-width: 740px) {
	.top-inner{
		width: calc(100% - 20px);
		margin: 20px 10px 40px;
	}
}
/* ===== トップビジュアル ===== */
.top-visual{
	position: relative;
	float: left;
	width: 500px;
	height: 300px;
}
.top-visual-slider{
	display: none;
}
.top-visual-slider a{
	position: relative;
}
.top-visual-slider.slick-initialized{
	display: block;
}
.top-visual-slider li img{
	width: 500px;
	height: 300px;
}
.top-visual .slick-dots {
	position: absolute;
	bottom: -30px;
	width: 500px;
	text-align: center;
	line-height: 0;
}
.top-visual .slick-dots li {
	display: inline-block;
    list-style: none;
	width: auto;
	height: 18px;
	margin: 0 5px;
	cursor: pointer;
}
.top-visual .slick-dots button {
	display: none;
}
.top-visual-dots ul{
	height: 40px;
	padding-top: 15px;
	text-align: center;
}
.top-visual-dots li{
	display: inline-block;
	margin: 0 5px;
	line-height: 1.0;
}
.top-visual-dots li:before{
	font-size: 13px;
	color: #cccccc;
	content: '\25CF';
	cursor: pointer;
}
.top-visual-dots li:hover:before{
	color: #3b1e87;
}
.top-visual-dots li.slick-active:before{
	font-size: 16px;
	color: #3b1e87;
	cursor: default;
}
.top-visual-dots li:before{
	font-size: 13px;
	color: #cccccc;
	content: '\25CF';
	cursor: pointer;
}
.top-visual-dots li:hover:before{
	color: #3b1e87;
}
.top-visual-dots li.slick-active:before{
	font-size: 16px;
	color: #3b1e87;
	cursor: default;
}
.top-visual-dots li button{
	display: none;
}
.top-visual-slider button{
	z-index: 1;
	position: absolute;
	top: calc( 40% - 25px );
	width: 25px;
	height: 50px;
	background-color: rgba( 0,0,0,.65);
	font-size: 18px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
.top-visual-slider .top-visual-slider-prev{
	left: 0;
}
.top-visual-slider .top-visual-slider-next{
	right: 0;
}
.top-visual-slider .top-visual-slider-prev:before{
	content: "\f104"
}
.top-visual-slider .top-visual-slider-next:before{
	content: "\f105"
}
.top-visual-text {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 70px;
	padding: 11px 10px 10px;
	background: rgba(0, 0, 0, 0.8)no-repeat;
	color: #ffffff;
}
.top-visual-text .text1 {
	font-size: 15px;
}
.top-visual-text .text2 {
	font-size: 17px;
	font-weight: bold;
}
.top-visual-text .btn {
	position: absolute;
	top: 13px;
	right: 13px;
	padding: 10px 20px;
	color: #a8975d;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.top-visual{
		float: inherit;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	.top-visual-slider li img{
		width: 100%;
		height: auto;
	}
	.top-visual .slick-dots {
		width: 100%;
	}
	.top-visual-text {
		height: 60px;
		padding: 9px 10px 10px;
	}
	.top-visual-text .text1 {
		font-size: 13px;
	}
	.top-visual-text .text2 {
		font-size: 15px;
	}
	.top-visual-text .btn {
		position: absolute;
		top: 13px;
		right: 13px;
		padding: 5px 10px;
		color: #a8975d;
		font-weight: bold;
	}
}
/* ===== トップメニュー ===== */
.top-menu{
	float: left;
	width: 300px;
	height: 300px;
	padding: 10px 15px;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
		#0e0447 url(../img/diabg_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
}
.top-menu-box {
	width: 250px;
	margin: 0 auto 10px;
	padding-top: 5px;
}
.top-menu-box.hit{
	padding-top: 0;
}
.top-menu-box .title {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
.top-menu-box.yoso .title:before{
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f002";
}
.top-menu-box.hit .title:before{
	display: inline-block;
	width: 25px;
	height: 20px;
	margin-right: 10px;
	background: url(../img/icon/icon_hit_w.png) no-repeat;
	background-size: 25px 20px;
	background-position: 0;
	content: "";
	vertical-align: -4px;
}
.top-menu-box .list {
	width: 100%;
	padding: 5px 0;
	background-color: #ffffff;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
}
.top-menu-box.anothersp .list {
	padding: 5px 0;
}
.top-menu-box .list a:after{
	margin-left: 2px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.top-menu-box .list a span {
	margin-left: 2px;
	font-size: 20px;
}
.top-menu-box .list a span.newicon {
	margin-left: 0;
	font-size: 10px;
}
.top-menu-box .list li {
	display: inline-block;
}
.top-menu-box .list li a {
	display: inline-block;
	margin: 0 5px 5px 0;
	background-image: url(../img/menu_brush.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	text-decoration: none;
	color: #333333;
}
.top-menu-box .list li a:hover {
	color: #a8975d;
}
.top-menu-box .list .col3 {
	width: 70px;
	margin-right: 0;
}
.top-menu-box .list .col3 span:first-of-type {
	font-size: 16px;
}
.top-menu-box .list .tosyobu {
	position: relative;
}
.top-menu-box .list .tosyobu:before {
	position: absolute;
	display: block;
	bottom: -5px;
	right: 18px;
	content: "- \6709\6599\4F1A\54E1\6A5F\80FD  -";
	font-size: 11px;
	color: #a8975d;
	text-align: center;
}
.top-menu-box.anothersp .list .tohistory a {
	margin: 5px 0 0 0;
}
.top-menu-box .list .tohistory {
	width: 100%;
}
.top-menu-box .list .tohistory a {
	margin: 10px 0 0 0;
	background-size: 80% auto;
	background-position: right;
	font-size: 18px;
	text-align: center;
}
.top-menu-box .list .tohistory a:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url("../img/icon/icon_buyhistory_b.png") no-repeat;
	background-size: 20px 20px;
	content: "";
	vertical-align: -4px;
}
@media screen and (max-width: 740px) {
	.top-menu{
		float: inherit;
		width: 100%;
		height: auto;
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.1) 0%, rgba(108, 82, 176, 0.5) 70%, rgba(108, 82, 176, 0.3) 100%) no-repeat,
			#0e0447 url(../img/diabg_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
	}
	.top-menu-box {
		width: calc( 100% - 20px );
	}
	.top-menu-box.hit{
		padding-top: 5px;
	}
	.top-menu-box .title {
		margin-bottom: 5px;
	}
	.top-menu-box .list {
		padding: 5px 0;
	}
	.top-menu-box .list li {
	}
	.top-menu-box .list li.torace{
		width: calc( 50% - 5px);
		text-align: right;
	}
	.top-menu-box .list li.toyosoka{
		width: calc( 50% - 5px);
		text-align: left;
	}
	.top-menu-box .list .tosyobu:before {
		bottom: 3px;
	}
	.top-menu-box .list li.tohit{
		width: 100%;
	}
	.top-menu-box .list li a {
		margin: 5px 3px;
		padding: 6px;
		border-radius: 5px;
		background-image: none;
		background-color: #ebe8f3;
		font-size: 90%;
	}
	.top-menu-box .list li a:hover {
	}
}
/* ===== トップ予想家系 ===== */
.top-yosoka{
	float: left;
	width: 490px;
	margin-right: 20px;
}
.top-yosoka-linktab{
	width: 100%;
	height: 45px;
	margin-bottom: 10px;
}
.top-yosoka-linktab li{
	width: 49%;
}
.top-yosoka-linktab .tab-basic-inner ul li a{
	padding: 5px 0;
}
.top-yosoka-linktab li.pickup span:before{
	display: inline-block;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background-image: url("../img/icon/icon_fire_v.png");
	background-size: 20px 20px;
	content:"";
	vertical-align: -4px;
}
.top-yosoka-linktab li.pickup a.select span:before{
	background-image: url("../img/icon/icon_fire_w.png");
	background-size: 20px 20px;
}
.top-yosoka-linktab li.uriage span:before{
	display: inline-block;
	margin-right: 10px;
	width: 25px;
	height: 20px;
	background-image: url("../img/icon/icon_rank_v.png");
	background-size: 25px 20px;
	content:"";
	vertical-align: -5px;
}
.top-yosoka-linktab li.uriage a.select span:before{
	background-image: url("../img/icon/icon_rank_w.png");
	background-size: 25px 20px;
}
.top-yosoka-container{
	margin-bottom: 10px;
}
.top-yosoka-container.hide{
	display: none;
}
.top-yosoka-container .discription{
	font-size: 13px;
	text-align: right;
}
.top-yosoka-pickup{
}
.top-yosoka-uriage{
	margin-bottom: 5px;
}
.top-yosoka-link{
	text-align: right;
}
.top-yosoka-link .gb-btn{
	width: 150px;
}
.top-yosoka-link .gb-btn{
	width: 150px;
}
.top-yosoka-link .gb-btn:after{
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
@media screen and (max-width: 740px) {
	.top-yosoka{
		float: inherit;
		width: 100%;
		margin: 0 0 20px 0;
	}
}
/* ===== トップ予想家 一覧 ===== */
.top-yosoka-unit {
	position: relative;
	width: 490px;
	margin-bottom: 15px;
}
.top-yosoka-unit:last-child {
	margin-bottom: 0;
}
.top-yosoka-unit a{
	display: block;
	position: relative;
	width: 100%;
	padding: 9px;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.05) 0%, rgba(255, 255, 255, 0.02) 70%, rgba(108, 82, 176, 0.05) 100%) no-repeat,
		#f1eff6 url(../img/diabg_black_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
	color: #333333;
	text-decoration: none;
}
.top-yosoka-info{
	position: relative;
	width: 100%;
}
.top-yosoka-info .catch{
	position: absolute;
	top: 0;
	left: 70px;
	width: 165px;
	height: 28px;
	padding-top: 1px;
	background-image: url("../img/yosoka_catch.png");
	background-repeat: no-repeat;
	background-size: contain;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	text-align: center;
}
.top-yosoka-info .catch span {
	padding-right: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
.top-yosoka-info .img {
	z-index: 1;
	position: absolute;
}
.top-yosoka-info .img .frame {
	z-index: 1;
	position: absolute;
	top:-4px;
	left: -2px;
	width: 96px;
	height: 98px;
	background-image: url("../img/yosoka_frame_96x98.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.top-yosoka-info .img .trim {
	overflow: hidden;
	width: 92px;
	height: 92px;
	position: relative;
}
.top-yosoka-info .img .trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.top-yosoka-info .nickname{
	padding: 35px 0 0 105px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.top-yosoka-info .name{
	padding-left: 105px;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.top-yosoka-info .name span{
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px;
}
.top-yosoka-catch{
	position: relative;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}
.top-yosoka-catch p{
	display: inline-block;
	padding: 2px 10px 0;
	background-color: #3b1e87;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
}
.top-yosoka-catch p:before{
	position: absolute;
	top: -14px;
	left: 140px;
	content: "";
	border-top: 7px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid #3b1e87;
	border-left: 5px solid transparent;
}
.top-yosoka-catch br{
	display: none;
}
.top-yosoka-no{
	position: absolute;
	top: 60px;
	right: 35px;
}
.top-yosoka-no p{
	display: inline-block;
	padding: 2px 10px 0;
	background-color: #bc0c16;
	border-radius: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
}
.top-yosoka-no p:before{
	position: absolute;
	top: 11px;
	left: -14px;
	content: "";
	border-top: 4px solid transparent;
	border-right: 7px solid #bc0c16;
	border-bottom: 4px solid transparent;
	border-left: 7px solid transparent;
}
.top-yosoka-no p span{
	margin-right: 5px;
	font-size: 13px;
	font-weight: normal;
}
.top-yosoka-status{
	position: absolute;
	top: 35px;
	right: 35px;
}
.top-yosoka-uriage .top-yosoka-status{
	top: 15px;
}
.top-yosoka-status p{
	display: inline-block;
	height: 35px;
	padding: 7px 10px;
	background: #a8975d;
	border: solid 1px #a8975d;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.2;
}
.top-yosoka-status p:after{
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.top-yosoka-status p.koukai span{
	margin: 0 2px;
	font-size: 13px;
	font-weight: normal;
}
.top-yosoka-status p.none{
	padding-top: 10px;
	font-size: 13px;
	font-weight: normal;
}
@media screen and (max-width: 740px) {
	.top-yosoka-unit {
		width: 100%;
	}
	.top-yosoka-unit a{
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.05) 0%, rgba(255, 255, 255, 0.02) 70%, rgba(108, 82, 176, 0.05) 100%) no-repeat,
			#f1eff6 url(../img/diabg_black_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
	}
	.top-yosoka-info{
		float: inherit;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.top-yosoka-info .catch{
		left: 55px;
		padding-top: 0;
	}
	.top-yosoka-info .catch span {
		position: relative;
		top: -1px;
		font-size: 12px;
	}
	.top-yosoka-info .img {
	}
	.top-yosoka-info .img .frame {
		background-image: url("../img/yosoka_frame_172x176.png");
		top: -4px;
		width: 76px;
		height: 78px;
	}
	.top-yosoka-info .img .trim {
		width: 72px;
		height: 72px;
	}
	.top-yosoka-info .nickname{
		padding: 30px 0 0 80px;
		font-size: 12px;
	}
	.top-yosoka-info .name{
		padding-left: 80px;
		font-size: 18px;
	}
	.top-yosoka-info .name span{
		font-size: 13px;
	}
	.top-yosoka-catch p{
		padding: 2px 10px;
		font-size: 14px;
		text-align: left;
	}
	.top-yosoka-catch p:before{
		left: 112px;
	}
	.top-yosoka-catch br{
		display: inline;
	}
	.top-yosoka-no{
		top: 55px;
		right: 15px;
	}
	.top-yosoka-status{
		top: 30px;
		right: 15px;
	}
	.top-yosoka-status p{
		height: 30px;
		padding: 4px 10px;
		font-size: 16px;
	}
	.top-yosoka-status p.none{
		padding-top: 7px;
	}
}
@media screen and (max-width: 360px) {
	.top-yosoka-no p span{
		display: none;
	}
	.top-yosoka-status p.koukai{
		display: block;
		width: 35px;
		height: 35px;
		padding: 7px 0 0 0;
		border-radius: 25px;
		font-size: 15px;
		text-align: center;
	}
	.top-yosoka-status p.koukai:after{
		display: none;
	}
	.top-yosoka-status p.koukai span{
		display: none;
	}
	.top-yosoka-status p.none span{
		display: none;
	}
}
/* ===== トップレース ===== */
.top-race{
	float: left;
	width: 250px;
}
.top-race h2{
	height: 40px;
	margin-bottom: 15px;
	padding: 5px 0;
	border-bottom: 5px solid #3b1e87;
	font-weight: bold;
	color: #3b1e87;
}
.top-race h2:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url("../img/icon/icon_horse_v.png") no-repeat;
	background-size: 20px 20px;
	vertical-align: middle;
	content: "";
}
.top-race-container{
	margin-bottom: 20px;
}
.top-race-container:last-child{
	margin-bottom: 0;
}
.top-race-container h3{
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
}
.top-race-list li{
	margin-bottom: 15px;
	line-height: 0;
}
.top-race-list li:last-child{
	margin-bottom: 0;
}
.top-race-list li a{
	display: block;
	position: relative;
	width: 100%;
	padding: 7px;
	background: #f1eff6;
	border-radius: 5px;
	color: #333333;
	text-decoration: none;
}
.top-race-list li.shimekiri a {
	background: #eeeeee;
}
.top-race-link{
	text-align: right;
}
.top-race-link .gb-btn{
	width: 150px;
}
.top-race-link .gb-btn:after{
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.top-race-hanrei{
	text-align: center;
}
.top-race-hanrei li{
	display: inline-block;
	margin-right: 10px;
	font-size: 13px;
}
.top-race-hanrei li:last-child{
	margin-right: 0;
}
.top-race-hanrei li span{
	font-size: 30px;
	vertical-align: middle;
}
.top-race-hanrei li.koukai span{
	color: #a8975d;
}
.top-race-hanrei li.hit span{
	color: #bc0c16;
}
@media screen and (max-width: 740px) {
	.top-race{
		float: inherit;
		width: 100%;
	}
	.top-race-list li a{
		border: 1px solid #a8975d;
	}
}
/* ===== トップlower ===== */
.top-uriage,
.top-g1,
.top-hit{
	margin-bottom: 40px;
}
.top-uriage .sub-title:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url("../img/icon/icon_uriage_w.png") no-repeat;
	background-size: 20px 20px;
	vertical-align: -3px;
	content: "";
}
.top-g1 .sub-title:before,
.top-hit .sub-title:before{
	display: inline-block;
	width: 25px;
	height: 20px;
	margin-right: 10px;
	background: url("../img/icon/icon_hit_w.png") no-repeat;
	background-size: 25px 20px;
	vertical-align: -3px;
	content: "";
}
.top-hit-slider{
	margin-bottom: 20px;
}
.top-hit-link{
	text-align: center;
}
.top-hit-link .gb-btn{
	width: 150px;
}
.top-hit-link .gb-btn:after{
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.top-g1-rank{
	padding: 20px 20px 0;
}
.top-g1-rank a{
	position: relative;
	display: block;
	float: left;
	width: 240px;
	height: 70px;
	margin-right: 20px;
	background:
		linear-gradient(to right, rgba(108, 82, 176, 0.05) 0%, rgba(255, 255, 255, 0.02) 70%, rgba(108, 82, 176, 0.05) 100%) no-repeat,
		#f1eff6 url(../img/diabg_black_pc.png) repeat;
	background-size:
		100% 100%,
		132px 94px;
	color: inherit;
}
.top-g1-rank a:last-child{
	margin-right: 0;
}
.top-g1-rank .no{
	position: absolute;
	top: 24px;
	left: 10px;
	padding: 0 5px;
	background-color: #bc0c16;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
}
.top-g1-rank .no span{
	margin-left: 1px;
	font-size: 11px;
}
.top-g1-rank .name{
	position: absolute;
	top: 20px;
	left: 47px;
	border-bottom: 1px solid #a7a7a7;
	font-size: 20px;
	font-weight: bold;
}
.top-g1-rank .name span{
	margin-left: 3px;
	font-size: 12px;
	font-weight: normal;
}
.top-g1-rank .kaisyu{
	position: absolute;
	top: 5px;
	right: 0;
	width: 40%;
	min-width: 95px;
	text-align: center;
	color: #bc0c16;
}
.top-g1-rank .kaisyu .sub{
	margin-bottom: -5px;
	font-size: 12px;
}
.top-g1-rank .kaisyu .data{
	font-size: 20px;
	font-weight: bold;
}
.top-g1-rank .kaisyu .data span{
	font-size: 14px;
}
.top-g1-rank .tekichu{
	position: absolute;
	top: 42px;
	right: 0;
	width: 40%;
	min-width: 95px;
	text-align: center;
	font-size: 13px;
}
.top-g1-rank .tekichu span{
	margin-right: 1px;
	font-size: 18px;
	font-weight: bold;
}
.top-g1-attention{
	padding: 5px 20px 0;
	font-size: 13px;
	text-align: right;
}
@media screen and (max-width: 740px) {
	.top-g1-rank{
		padding: 10px 10px 0;
	}
	.top-g1-rank a{
		float: inherit;
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
		background:
			linear-gradient(to right, rgba(108, 82, 176, 0.05) 0%, rgba(255, 255, 255, 0.02) 70%, rgba(108, 82, 176, 0.05) 100%) no-repeat,
			#f1eff6 url(../img/diabg_black_sp.png) repeat;
		background-size:
			100% 100%,
			84px 60px;
	}
	.top-g1-attention{
		padding: 5px 10px 0;
		font-size: 12px;
	}
}

/* ===============================
ログインボーナス
=============================== */
.bonus-container{
	padding-bottom: 50px;
}
.bonus-header{
	display: none;
}
.bonus-inner{
	position: relative;
	margin-bottom: 20px;
}
.bonus-anime{
	width: 800px;
	height: 450px;
	margin-bottom: 20px;
	line-height: 0;
}
.bonus-btn{
	width: 250px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
}
@media all and (-ms-high-contrast: none) {
	.bonus-btn{
		display: none;
	}
}
.bonus-btn li{
	float: left;
}
/*
.bonus-btn li.start{
	width: 350px;
	height: 50px;
	margin-right: 50px;
}
.bonus-btn li.start .org-btn{
	width: 100%;
	height: 50px;
	padding-top: 4px;
	font-size: 21px;
	font-weight: bold;
}
.bonus-btn li.start .org-btn:before{
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-size: 25px;
	font-weight: 700;
	vertical-align: -1px;
	content:"\f144";
}
*/
.bonus-btn li.skip{
	width: 250px;
	height: 40px;
}
.bonus-btn li.skip .org-btn{
	width: 100%;
	height: 40px;
	padding-top: 4px;
	font-size: 19px;
	font-weight: bold;
}
.bonus-btn li.skip .org-btn:before{
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content:"\f051";
}
.bonus-btn li.skip .org-btn:hover{
	opacity: 0.8;
}
.bonus-hanrei{
	width: 700px;
	margin: 0 auto 20px;
	padding: 1px;
	border: 2px solid #333333;
}
.bonus-hanrei-inner{
	width: 694px;
	padding: 15px 36px 30px;
	border: 1px solid #333333;
}
.bonus-hanrei-inner h2{
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
.bonus-hanrei-container{
	width: 100%;
	margin: 0 auto;
}
.bonus-hanrei .left{
	float: left;
	width: 300px;
	margin-right: 20px;
}
.bonus-hanrei .right{
	float: left;
	width: 300px;
}
.bonus-hanrei dl{
	width: 100%;
	margin-bottom: 20px;
	background-color: #f1f1f1;
	border-radius: 5px;
}
.bonus-hanrei dl:last-child{
	margin-bottom: 0;
}
.bonus-hanrei dl dt,
.bonus-hanrei dl dd{
	display: block;
	float: left;
}
.bonus-hanrei dl dt{
	width: 200px;
	line-height: 0;
}
.bonus-hanrei dl dt img{
	width: 200px;
}
.bonus-hanrei dl dd{
	width: 100px;
	padding: 20px 10px 0;
	font-size: 17px;
	text-align: right;
}
.bonus-hanrei dl dd span{
	margin-right: 5px;
	font-size: 25px;
	font-weight: bold;
}
.bonus-complete{
	width: 760px;
	margin: 0 20px 20px;
}
.bonus-complete .message{
	float: left;
	width: 460px;
	margin-right: 20px;
	padding: 20px;
	background-color: #ffedd2;
	border: 5px solid #fbd39b;
	font-size: 15px;
	font-weight: bold;
	color: #bf7b1b;
}
.bonus-complete .message span{
	font-size: 21px;
}
.bonus-complete .pointtable{
	float: left;
	width: 280px;
	padding: 5px;
	background-color: #000000;
	color: #ffffff;
}
.bonus-hanrei dl.get {
	background-color: #ffedd2;
}
.bonus-hanrei dl.get dd {
	color: #bf7b1b;
}
.bonus-totop{
	text-align: center;
}
@media screen and (max-width: 740px) {
	.bonus-anime{
		width: 100%;
		height: auto;
	}
	.bonus-anime img{
		width: 100%;
	}
	.bonus-btn{
		width: 150px;
		height: 30px;
	}
/*
	.bonus-btn li.start{
		width: 50%;
		margin: 0 3% 0 7%;
	}
*/
	.bonus-btn li.skip{
		width: 100%;
	}
	.bonus-btn li.skip .org-btn{
		height: 30px;
		padding-top: 1px;
		font-size: 15px;
	}
	.bonus-hanrei{
		width: 100%;
		padding: 1px 0;
		border: none;
		border-top: 2px solid #333333;
		border-bottom: 2px solid #333333;
	}
	.bonus-hanrei-inner{
		width: 100%;
		padding: 10px 0;
		border: none;
		border-top: 1px solid #333333;
		border-bottom: 1px solid #333333;
	}
	.bonus-hanrei-inner h2{
		margin-bottom: 10px;
		font-size: 17px;
	}
	.bonus-hanrei-container{
		width: 320px;
	}
	.bonus-hanrei .left{
		width: 155px;
		margin: 0 2px 0 3px;
	}
	.bonus-hanrei .right{
		width: 155px;
		margin: 0 3px 0 2px;
	}
	.bonus-hanrei dl{
		margin-bottom: 5px;
	}
	.bonus-hanrei dl dt{
		width: 100px;
	}
	.bonus-hanrei dl dt img{
		width: 100px;
	}
	.bonus-hanrei dl dd{
		width: 50px;
		padding: 7px 0 0;
		font-size: 11px;
	}
	.bonus-hanrei dl dd span{
		margin-right: 0;
		font-size: 15px;
	}
	.bonus-complete{
		width: calc(100% - 20px);
		margin: 0 auto 20px;
	}
	.bonus-complete .message{
		float: inherit;
		width: 100%;
		margin: 0 0 20px;
		padding: 10px;
	}
	.bonus-complete .pointtable{
		float: inherit;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
}

/* ===============================
ログイン
=============================== */

/* ===== ログインupper ===== */
.login-upper{
	width: 760px;
	margin: 20px auto 50px;
}
.login-upper .discription{
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}
.login-upper .btn{
	width: 550px;
	height: 50px;
	margin: 0 auto;
}
.login-upper .btn li{
	float: left;
}
.login-upper .btn li.toregist{
	width: 300px;
	height: 50px;
	margin-right: 50px;
}
.login-upper .btn li.toregist .org-btn{
	width: 100%;
	height: 50px;
	padding-top: 9px;
	font-size: 21px;
	font-weight: bold;
}
.login-upper .btn li.toregist .org-btn:before{
	display: inline-block;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/icon_freeregist_w.png") no-repeat;
	background-size: 25px 25px;
	content: "";
	vertical-align: -4px;
}
.login-upper .btn li.totutorial{
	width: 200px;
	height: 50px;
}
.login-upper .btn li.totutorial .gb-btn{
	width: 100%;
	height: 50px;
	padding-top: 8px;
	font-size: 21px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.login-upper{
		width: calc(100% - 20px);
	}
	.login-upper .discription{
		text-align: left;
	}
	.login-upper .btn{
		width: 100%;
	}
	.login-upper .btn li.toregist{
		width: 55%;
		margin: 0 5% 0 0;
	}
	.login-upper .btn li.toregist .org-btn{
		font-size: 17px;
		padding-top: 11px;
	}
	.login-upper .btn li.toregist .org-btn:before{
		font-size: 16px;
	}
	.login-upper .btn li.totutorial .gb-btn{
		padding-top: 11px;
		font-size: 16px;
	}
	.login-upper .btn li.totutorial{
		width: 40%;
		margin: 0;
	}
}
/* ===== ログインcontainer ===== */
.login-container{
	width: 760px;
	margin: 0 auto 20px;
}
.login-container h2{
	height: 50px;
	margin-bottom: 10px;
	padding: 10px 0 0 60px;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	font-size: 19px;
	font-weight: bold;
	color: #3b1e87;
}
.login-mail h2{
	background-image: url("../img/icon_mail.png");
}
.login-twitter h2{
	background-image: url("../img/icon_twitter.png");
}
.login-line h2{
	background-image: url("../img/icon_line.png");
}
.login-mail{
	float: left;
	width: 370px;
	margin-right: 20px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
.login-sns{
	float: left;
	width: 370px;
}
.login-twitter,
.login-line{
	margin-bottom: 50px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
@media screen and (max-width: 800px) {
	.login-container{
		width: 100%;
		margin: 0 0 50px;
	}
	.login-mail{
		float: inherit;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.login-sns{
		float: inherit;
		width: 100%;
	}
}

/* ===============================
パスワード再設定
=============================== */
.password-container{
	width: 760px;
	margin: 20px auto 50px;
}
@media screen and (max-width: 800px) {
	.password-container{
		width: 100%;
		margin: 20px 0 50px;
	}
}

/* ===============================
有料会員登録
=============================== */
/* ===== 有料会員登録container ===== */
.payregist-container{
	width: 760px;
	margin: 0 auto 20px;
}
.payregist-container h2{
	height: 50px;
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 19px;
	font-weight: bold;
	color: #3b1e87;
}
.payregist-container h2:before{
	margin-right: 10px;
	font-size: 25px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	vertical-align: -2px;
}
.payregist-credit h2:before{
	content:"\f09d";
}
.payregist-mobile h2:before{
	content:"\f3cd";
}
.payregist-credit,
.payregist-mobile{
	float: left;
	width: 370px;
	margin-right: 20px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
.payregist-mobile{
	margin-right: 0;
}
.payregist-mobile-list{
}
.payregist-mobile-list li{
	margin-bottom: 20px;
}
.payregist-btn .org-btn{
	padding: 5px 0;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
}
.payregist-btn .org-btn span{
	display: block;
	font-size: 13px;
	font-weight: normal;
}
.payregist-attention{
	font-size: 13px;
}
@media screen and (max-width: 740px) {
	.payregist-container{
		width: 100%;
		margin: 0 0 50px;
	}
	.payregist-credit,
	.payregist-mobile{
		float: inherit;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
}
/* ===============================
会員登録(無料・有料共通)
=============================== */
/* ===== 有料会員登録push ===== */
.regist-push{
	width: 760px;
	margin: 20px auto;
}
.regist-push .push{
	width: 760px;
	height: 230px;
	margin: 0 auto 20px;
	background-image: url("../img/regist_push_pc_2.png");
	background-repeat: no-repeat;
	line-height: 0;
}
.regist-push .btn{
	width: 200px;
	margin: 0 auto;
}
.regist-push .btn .gb-btn{
	width: 100%;
	padding: 2px 0;
	font-size: 17px;
	font-weight: bold;
}
.freeregist-push .tokuten,
.regist-push .tokuten{
	width: 700px;
	margin: 20px auto;
	text-align: center;
}
.regist-push .tokuten img{
	width: 700px;
}
@media screen and (max-width: 740px) {
	.regist-push{
		width: calc(100% - 20px);
	}
	.regist-push .push{
		width: 300px;
		height: 165px;
		background-image: url("../img/regist_push_sp_2.png");
		background-size: 300px 165px;
	}
	.freeregist-push .tokuten,
	.regist-push .tokuten{
		width: 100%;
	}
	.freeregist-push .tokuten img,
	.regist-push .tokuten img{
		width: 100%;
		height: auto;
		max-width: 350px;
	}
}
/* ===== 完了画面 ===== */
.regist-complete{
	width: 760px;
	margin: 20px auto;
}
.regist-complete .message{
	float: left;
	width: 460px;
	margin-right: 20px;
	padding: 20px;
	background-color: #ffedd2;
	border: 5px solid #fbd39b;
	font-size: 15px;
	font-weight: bold;
	color: #bf7b1b;
}
.regist-complete .message span{
	font-size: 21px;
}
.regist-complete .message span.point{
	font-size: 25px;
}
.regist-complete .pointtable{
	float: left;
	width: 280px;
	padding: 5px;
	background-color: #000000;
	color: #ffffff;
}
.regist-toyoso{
	width: 760px;
	margin: 0 auto 20px;
	padding: 10px 0 20px;
	background-color: #f1f1f1;
}
.regist-toyoso .discription{
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
}
.regist-toyoso .discription:before{
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: bold;
	font-weight: bold;
	content:"\f002";
}
.regist-toyoso .list {
	width: 290px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #ffffff;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
}
.regist-toyoso .list a:after{
	margin-left: 2px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f105";
}
.regist-toyoso .list a span {
	margin-left: 2px;
	font-size: 20px;
}
.regist-toyoso .list li {
	display: inline-block;
	margin: 0 5px 5px 0;
	background-image: url(../img/menu_brush.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
.regist-toyoso .list li a {
	text-decoration: none;
	color: #333333;
}
.regist-toyoso .list li a:hover {
	color: #a8975d;
}
.regist-toyoso .list .col3 {
	width: 70px;
	margin-right: 0;
}
.regist-toyoso .list .col3 span:first-of-type {
	font-size: 16px;
}
@media screen and (max-width: 740px) {
	.regist-complete{
		width: calc(100% - 20px);
	}
	.regist-complete .message{
		float: inherit;
		width: 100%;
		margin: 0 0 20px;
		padding: 10px;
	}
	.regist-complete .pointtable{
		float: inherit;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.regist-toyoso{
		width: calc(100% - 20px);
	}
	.regist-toyoso .list {
		padding: 10px 0;
	}
}

/* ===============================
ポイント購入
=============================== */
/* ===== 上部ポイント表 ===== */
.buypoint-table{
	width: 760px;
	margin: 20px auto;
}
.buypoint-table .pointtable{
	width: 280px;
	margin: 0 auto;
	padding: 10px;
	background-color: #000000;
	color: #ffffff;
}
@media screen and (max-width: 740px) {
	.buypoint-table{
		width: calc(100% - 20px);
	}
}
/* ===== キャンペーン 202112決済追加 ===== */
.buypoint-campain{
	width: 760px;
	margin: 20px auto;
}
.buypoint-campain .campainbox{
	width: 740px;
	margin: 0 auto;
}
/*
.buypoint-campain .campainbox:last-child{
	margin-right: 0;
}
*/
.buypoint-campain .campainbox .text{
	font-weight: bold;
	text-align: center;
}
.buypoint-campain .campainbox .img{
	width: 740px;
	height: 250px;
	background-repeat: no-repeat;
	background-size: 740px 250px;
}
.buypoint-campain .campainbox:first-child .img{
}
/*
.buypoint-campain .campainbox:last-child .img{
	background-image: url(../img/buypoint_camp_20211217_2.png);
}
*/
@media screen and (max-width: 740px) {
	.buypoint-campain{
		width: calc(100% - 20px);
	}
	.buypoint-campain .campainbox{
		float: inherit;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.buypoint-campain .campainbox .img{
		width: 100%;
		max-width: 370px;
		max-height: 125px;
		background-size: 100% 100%;
		margin: 0 auto;
	}
}
/* ===== 有料会員のみですよアラート ===== */
.buypoint-alert{
	width: 760px;
	margin: 0 auto 20px;
}
.buypoint-alert .text{
	width: 100%;
	margin-bottom: 10px;
	padding: 0 20px;
	color: #bc0c16;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.buypoint-alert .text:before{
	position: relative;
	top: 1px;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	content:"\f06a";
}
.buypoint-alert .btn{
	width: 200px;
	margin: 0 auto;
}
.buypoint-alert .btn .gb-btn{
	width: 100%;
	padding: 2px 0;
	font-size: 17px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.buypoint-alert{
		width: calc(100% - 20px);
	}
}
/* ===== ポイントリスト ===== */
.buypoint-inner{
	width: 760px;
	margin: 0 auto 20px;
}
.buypoint-list{
}
.buypoint-list li{
	float: left;
	width: 240px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.buypoint-list li:nth-child(3n){
	margin-right: 0;
}
.buypoint-list li .org-btn{
	position: relative;
	width: 100%;
	height: 100px;
	line-height: 1.0;
}
.buypoint-list li .total{
	margin-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	font-size: 20px;
}
.buypoint-list li .total span{
	font-size: 25px;
	font-weight: bold;
	margin-right: 5px;
}
.buypoint-list li .detailbox{
	width: 90%;
	height: 25px;
	margin: 0 auto 10px;
	padding-top: 5px;
	background-color: #ffffff;
	border-radius: 5px;
	color: #bf7b1b;
	text-shadow: none;
}
.buypoint-list li .org-btn.off .detailbox{
	color: #cccccc;
}
.buypoint-list li .detailbox .default{
	display: inline;
}
.buypoint-list li .detailbox .default:after{
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 700;
	content:"\f067";
	vertical-align: 1px;
}
.buypoint-list li .detailbox .omake{
	display: inline;
}
.buypoint-list li .detailbox .omake:before{
	margin-right: 5px;
	font-size: 12px;
	content:"\304A\307E\3051";
	vertical-align: 1px;
}
.buypoint-list li .detailbox span{
	font-weight: bold;
}
.buypoint-list li .yen{
	text-align: center;
	font-size: 13px;
}
.buypoint-list li .yen span{
	font-size: 19px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.buypoint-inner{
		width: calc(100% - 20px);
	}
	.buypoint-list li{
		float: inherit;
		width: 240px;
		margin: 0 auto 20px;
	}
	.buypoint-list li:nth-child(3n){
		margin-right: auto;
	}
}
/* ===== ポイント説明 ===== */
.buypoint-explain{
	width: 760px;
	margin: 0 auto 20px;
}
@media screen and (max-width: 740px) {
	.buypoint-explain{
		width: calc(100% - 20px);
	}
}
/* ===== ポイント購入確認 ===== */
.buypoint-confirm{
	width: 760px;
	margin: 0 auto 20px;
}
.buypoint-confirm p{
	font-size: 17px;
	font-weight: bold;
	color: #bf7b1b;
	text-align: center;
}
.buypoint-confirm p span{
	font-size: 23px;
}
.buypoint-container{
	width: 760px;
	margin: 0 auto 20px;
}
.buypoint-container h2{
	height: 30px;
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 19px;
	font-weight: bold;
	color: #3b1e87;
}
.buypoint-default,
.buypoint-another{
	float: left;
	width: 370px;
	margin-right: 20px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
.buypoint-another{
	margin-right: 0;
}
.buypoint-another.free{
	margin-left: auto;
	margin-right: auto;
	float: inherit;
}
.buypoint-another-list{
}
.buypoint-another-list li{
	margin-bottom: 20px;
}
@media screen and (max-width: 740px) {
	.buypoint-confirm{
		width: calc(100% - 20px);
	}
	.buypoint-container{
		width: 100%;
		margin: 0 0 50px;
	}
	.buypoint-default,
	.buypoint-another{
		float: inherit;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
}

/* ===== ポイント購入完了 ===== */
.buypoint-attention{
	width: 760px;
	margin: 0 auto 20px;
}
.buypoint-attention p{
	margin-bottom: 10px;
}
@media screen and (max-width: 740px) {
	.buypoint-attention{
		width: calc(100% - 20px);
	}
}

/* ===============================
マイページ
=============================== */
/* ===== マイページ基本 ===== */
.user-area{
	width: 760px;
	margin: 20px auto 50px;
}
.user-container{
}
.user-unit{
	margin-bottom: 20px;
	padding: 10px;
	background-color: #f1f1f1;
}
.user-unit h2{
	margin-bottom: 5px;
	font-weight: bold;
}
.user-box{
	padding: 0 15px;
}
.user-box-inner{
	margin-bottom: 10px;
	padding-left: 15px;
}
.user-box .text{
}
.user-box .btn{
	margin-left: 10px;
}
.user-unit .btn .gb-btn{
	padding: 2px 10px;
}
@media screen and (max-width: 740px) {
	.user-area{
		width: calc(100% - 20px);
	}
}
/* ===== マイページ 会員ステータス ===== */
.user-status .status{
	margin-bottom: 5px;
	font-weight: bold;
}
.user-status span{
	margin: 0 5px;
	font-weight: bold;
}
.user-status span.btn{
	margin: 0 0 0 10px;
	font-weight: normal;
}
/* ===== マイページ ポイント ===== */
.user-point .pointupper{
	margin-bottom: 15px;
}
.user-point .pointupper .pointtable{
	float: left;
	margin-right: 20px;
	padding: 10px;
}
.user-point .pointupper .btn{
	float: left;
	width: 250px;
	padding-top: 3px;
}
.user-point .pointupper .btn .plus{
	margin-bottom: 10px;
	padding-top: 3px;
}
.user-point .pointupper .btn .plus .gb-btn{
	width: 100%;
	font-weight: bold;
}
.user-point .pointupper .btn .plus .gb-btn:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content:"\f067";
}
.user-point .pointupper .btn .repay{
}
.user-point .pointupper .btn .repay .gb-btn{
	width: 100%;
	padding: 0;
	font-weight: bold;
	color: #bc0c16;
}
.user-point .pointupper .btn .repay .gb-btn:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	content:"\f06a";
	vertical-align: -1px;
}
.user-point .pointlink{
}
.user-point .pointlink li{
	display: inline-block;
	margin-right: 15px;
}
.user-point .pointlink li .gb-btn{
}
@media screen and (max-width: 740px) {
	.user-point .pointupper .pointtable{
		float: inherit;
		width: 100%;
		margin: 0 auto 10px;
	}
	.user-point .pointupper .btn{
		float: inherit;
		margin: 0 auto 20px;
		padding-top: 0;
	}
	.user-point .pointlink{
	}
	.user-point .pointlink li{
		width: 32%;
		margin-right: 0;
	}
	.user-point .pointlink li .gb-btn{
		display: block;
		font-size: 13px;
		text-align: center;
	}
	.user-point .pointlink li .gb-btn span{
		display: block;
	}
}
/* ===== マイページ お気に入り予想家 ===== */
.user-fav ul.favlist-list li{
	float: left;
	width: 365px;
	margin: 0 10px 10px 0;
	background-color: #ffffff;
	background-size: 55% auto;
	background-position: 48px -8px;
	border-bottom: none;
}
.user-fav ul.favlist-list li:nth-child(even){
	margin-right: 0;
}
.user-fav ul.favlist-list li .gb-btn,
.user-fav ul.favlist-list li .favbtn{
	display: block;
	float: right;
	width: 100px;
	margin-top: 7px;
	padding: 0 5px;
	font-size: 13px;
	color: #a8975d;
	text-align: center;
	border: 1px solid #a8975d;
	border-radius: 5px;
}
.user-fav ul.favlist-list li .gb-btn span:before,
.user-fav ul.favlist-list li .favbtn span:before{
	margin-right: 5px;
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f005";
}
.user-fav ul.favlist-list li .gb-btn:hover span:before,
.user-fav ul.favlist-list li .favbtn:hover span:before{
	font-weight: normal;
	color: #cccccc;
}
@media screen and (max-width: 740px) {
	.user-fav ul.favlist-list li{
		float: inherit;
		width: 100%;
		max-width: 300px;
		margin: 0 auto 10px;
		background-size: 55% auto;
		background-position: 48px 0;
	}
	.user-fav ul.favlist-list li:nth-child(even){
		margin-right: auto;
	}
	.user-fav ul.favlist-list li .gb-btn,
	.user-fav ul.favlist-list li .favbtn{
		width: 70px;
	}
}

/* ===============================
予想購入履歴、ポイント返却、ポイント利用履歴、ポイント有効期限
=============================== */
/* ===== 履歴系上部ポイントエリア ===== */
.history-point{
	width: 760px;
	margin: 20px auto;
}
.history-point-container{
	width: 550px;
	margin: 0 auto;
}
.history-point-container .pointtable{
	float: left;
	width: 280px;
	margin-right: 20px;
	padding: 10px;
	background-color: #000000;
	color: #ffffff;
}
.Repay .history-point-container .pointtable{
	float: inherit;
	width: 350px;
	margin: 0 auto;
}
.history-point-container .btn{
	float: left;
	width: 250px;
	padding-top: 3px;
}
.history-point-container .btn .plus{
	margin-bottom: 10px;
	padding-top: 3px;
}
.history-point-container .btn .plus .gb-btn{
	width: 100%;
	font-weight: bold;
}
.history-point-container .btn .plus .gb-btn:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content:"\f067";
}
.history-point-container .btn .repay{
}
.history-point-container .btn .repay .gb-btn{
	width: 100%;
	padding: 0;
	font-weight: bold;
	color: #bc0c16;
}
.history-point-container .btn .repay .gb-btn:before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 700;
	content:"\f06a";
	vertical-align: -1px;
}
@media screen and (max-width: 740px) {
	.history-point{
		width: calc(100% - 20px);
	}
	.history-point-container{
		width: 100%;
	}
	.history-point-container .pointtable{
		float: inherit;
		width: 100%;
		margin: 0 auto 10px;
	}
	.Repay .history-point-container .pointtable{
		width: 100%;
	}
	.history-point-container .btn{
		float: inherit;
		margin: 0 auto 20px;
		padding-top: 0;
	}
}
/* ===== 履歴系上部リンクタブ ===== */
.history-linktab{
	width: 760px;
	margin: 0 auto 20px;
}
.history-linktab li{
	width: 32%;
}
@media screen and (max-width: 740px) {
	.history-linktab{
		width: calc(100% - 20px);
	}
	.history-linktab ul li a{
		font-size: 12px;
	}
}
/* ===== ポイント返却確認 ===== */
.repay-confirm{
	width: 760px;
	margin: 0 auto 20px;
	padding: 20px;
	background-color: #f1f1f1;
}
.repay-confirm .discription{
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
.repay-confirm .discription span{
	font-size: 23px;
}
.repay-confirm .btn{
	width: 120px;
	margin: 0 auto;
}
.repay-confirm .btn .org-btn{
	width: 120px;
	height: 50px;
	padding-top: 13px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.repay-confirm{
		width: calc(100% - 20px);
		padding: 10px;
	}
	.repay-confirm .discription{
		font-size: 15px;
	}
	.repay-confirm .discription span{
		font-size: 19px;
	}
}
/* ===== ポイント返却説明 ===== */
.repay-explain{
	width: 760px;
	margin: 0 auto 20px;
}
@media screen and (max-width: 740px) {
	.repay-explain{
		width: calc(100% - 20px);
	}
}
/* ===== 履歴系一覧 ===== */
.history-list{
	width: 760px;
	margin: 0 auto 50px;
}
.history-list-header{
	margin-bottom: 20px;
	padding-top: 10px;
}
.history-list-header .term{
	text-align: center;
}
.history-list-header .term select{
	height: 35px;
	border: 1px solid #a8975d;
	border-radius: 5px;
	font-size: 13px;
}
.history-list-header .attention{
	padding: 10px 0 0;
	font-size: 13px;
}
.history-list-inner{
}
.history-table{
	width: 100%;
	border: 10px solid #f1f1f1;
	border-collapse: collapse;
}
.history-table th,
.history-table td{
	padding: 5px 10px;
	background-color: #ffffff;
	border-top: 10px solid #f1f1f1;
	border-bottom: 10px solid #f1f1f1;
	border-collapse: collapse;
}
.history-table .date{
	color: #666666;
}
.history-table .name{
	font-weight: bold;
}
.history-table .limit,
.history-table .repay{
	font-size: 13px;
	color: #666666;
}
.history-table .limit span{
	margin-left: 5px;
	font-size: 15px;
	font-weight: bold;
}
.history-table .limitb{
}
.history-table .limitb span{
	margin: 0 5px;
	font-size: 17px;
	font-weight: bold;
}
.history-table td{
	font-size: 13px;
	text-align: right;
	vertical-align: middle;
	color: #666666;
	white-space: nowrap;
}
.history-table td span{
	font-size: 19px;
	font-weight: bold;
	color: #333333;
}
.history-table .plus td span{
	color: #bc0c16;
}
.history-table .minus td span{
	color: #1a1ad7;
}
@media screen and (max-width: 740px) {
	.history-list-header .attention{
		padding: 10px 10px 0;
		font-size: 12px;
	}
	.history-list{
		width: 100%;
	}
	.history-table th,
	.history-table td{
		padding: 5px;
		font-size: 13px;
	}
	.history-table .limit,
	.history-table .repay{
		font-size: 11px;
	}
	.history-table .limit span{
		font-size: 13px;
	}
	.history-table .limitb span{
		font-size: 15px;
	}
	.history-table td{
		font-size: 10px;
	}
	.history-table td span{
		font-size: 15px;
	}
}

/* ===============================
メールアドレス新規登録・変更
=============================== */
.address-container{
	width: 760px;
	margin: 20px auto 50px;
}
@media screen and (max-width: 800px) {
	.address-container{
		width: 100%;
		margin: 20px 0 50px;
	}
}

/* ===============================
有料会員の解約、退会
=============================== */
.cancel-explain{
	width: 760px;
	margin: 20px auto;
}
.cancel-container{
	width: 760px;
	margin: 0 auto 20px;
}
.cancel-container .form-box.enquete{
	width: 340px;
	margin: 0 auto;
}
@media screen and (max-width: 740px) {
	.cancel-explain{
		width: calc(100% - 20px);
	}
	.cancel-container{
		width: 100%;
	}
}

/* ===============================
メールアドレスでのログイン設定 2024/01 追加
=============================== */
.subregist-container{
	width: 760px;
	margin: 20px auto 50px;
}
.subregist-container p{
	margin-bottom: 20px;
}
.subregist-container p span{
	font-size: 19px;
	font-weight: bold;
	color: #d54e21;
}
.subregist-toform{
	padding: 10px;
	background-color: #f1f1f1;
}
.subregist-toform h3{
	margin-bottom: 10px;
	font-weight: bold;
	text-align: left;
}
.subregist-toform ol{
	margin-bottom: 10px;
	list-style: none;
	counter-reset: number;
}
.subregist-toform ol li{
	position: relative;
	padding-left: 40px;
  	font-weight: bold;
}
.subregist-toform ol li::before {
  counter-increment: number;
  content: '（' counter(number) '）';
  position: absolute;
  left: 0;
}
.subregist-btn{
	text-align: center;
}
.subregist-btn li{
	margin-bottom: 10px;
}
.subregist-btn li .org-btn{
	width: 70%;
	margin: 0 auto;
	padding: 5px 15px;
	line-height: 140%;
}
.subregist-btn li .org-btn span{
	font-size: 19px;
	font-weight: bold;
}
.subregist-btn li .gb-btn{
	position: relative;
	width: 50%;
	padding: 5px 15px;
	font-size: 13px;
}
.subregist-btn li .gb-btn span{
	font-size: 17px;
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.subregist-container{
		width: calc( 100% - 20px );
		margin: 20px auto 50px;
	}
	.subregist-toform h3{
		text-align: center;
	}
	.subregist-btn li .org-btn{
		width: 100%;
	}
	.subregist-btn li .gb-btn{
		width: 80%;
	}
}
/* ===== 他ページの記述 ===== */
.side-menu-login-alert{
	position: relative;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	background-color: #bc0c16;
	list-style-type: disc;
	color: #ffffff;
	text-align: center;
}
.side-menu-login-alert:before {
	position: absolute;
	top: 10px;
	left: 20px;
	font-family: "Font Awesome 5 Free";
	content:"\f12a";
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}
.side-menu-login-alert .text{
	margin: 0 0 5px 40px;
	font-weight: bold;
	text-align: left;
}
.side-menu-login-alert .gb-btn{
	padding: 5px 20px;
}
.header-nav .menu .login-alert{
	display: none;
}
@media screen and (max-width: 1070px) {
	.header-nav .menu .login-alert{
		display: block;
		position: absolute;
		top: -6px;
		right: -6px;
		min-width: 24px;
		height: 24px;
		border-radius: 12px;
		background-color: #bc0c16;
		line-height: 21px;
	}
	.header-nav .menu .login-alert:before{
		font-family: "Font Awesome 5 Free";
		content:"\f12a";
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
	}
}

.user-login-list li{
	margin-left: 20px;
	list-style-type: disc;
}
.user-login-alert{
	position: relative;
	margin: 20px 0;
	padding: 10px;
	border-radius: 5px;
	background-color: #bc0c16;
	list-style-type: disc;
	color: #ffffff;
}
.user-login-alert:before {
	position: absolute;
	top: 10px;
	left: 20px;
	font-family: "Font Awesome 5 Free";
	content:"\f12a";
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}
.user-login-alert .text{
	margin: 0 0 5px 40px;
	font-weight: bold;
}
.user-login-alert .gb-btn{
	margin-left: 40px;
	padding: 5px 20px;
}
@media screen and (max-width: 740px) {
	.user-login-alert{
		text-align: center;
	}
	.user-login-alert .text{
		text-align: left;
	}
	.user-login-alert .gb-btn{
		margin-left: 0;
	}
}

/* ===============================
お知らせ
=============================== */
/* ===== お知らせ一覧 ===== */
.info-list{
	width: 760px;
	margin: 20px auto;
}
.info-list-header{
	margin-bottom: 20px;
}
.info-list-header .term{
	text-align: center;
}
.info-list-header .term select{
	height: 35px;
	border: 1px solid #a8975d;
	border-radius: 5px;
	font-size: 13px;
}
.info-list-inner{
}
.info-list-inner ul{
	border-top: 1px solid #cccccc;
}
.info-list-inner li{
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
.info-list-inner li .date{
	margin-bottom: 5px;
	font-size: 13px;
	color: #666666;
}
.info-list-inner li .title{
	font-weight: bold;
}
@media screen and (max-width: 740px) {
	.info-list{
		width: calc(100% - 20px);
	}
}
/* ===== お知らせ内容 ===== */
.info-container{
	width: 760px;
	margin: 20px auto;
	padding: 20px;
	background-color: #f1f1f1;
}
.info-header{
	margin-bottom: 20px;
}
.info-header .date{
	margin-bottom: 5px;
	color: #666666;
}
.info-header .title{
	font-size: 19px;
	font-weight: bold;
}
.info-inner{
	padding: 20px;
	background-color: #ffffff;
}
.info-inner p{
}
.info-lower{
	width: 760px;
	margin: 0 auto 20px;
}
.info-lower .link{
	width: 100%;
	margin-bottom: 20px;
	padding: 0 20px;
	text-align: center;
}
.info-lower .link li{
	display: inline-block;
	width: 120px;
}
@media screen and (max-width: 740px) {
	.info-container{
		width: 100%;
		padding: 10px;
	}
	.info-header{
		margin-bottom: 10px;
	}
	.info-header .date{
		font-size: 13px;
	}
	.info-header .title{
		font-size: 17px;
	}
	.info-inner{
		padding: 5px;
	}
	.info-lower{
		width: calc(100% - 20px);
	}
}

/* ===============================
お問い合わせ
=============================== */
.support-container{
	width: 760px;
	margin: 20px auto;
}
.support-attention{
	width: 760px;
	margin: 0 auto 20px;
}
.support-attention p{
	margin-bottom: 10px;
}
.support-attention .gb-btn{
	margin-top: 5px;
}
.support-explain{
	width: 760px;
	margin: 0 auto 20px;
}
@media screen and (max-width: 740px) {
	.support-container{
		width: 100%;
	}
	.support-attention{
		width: calc(100% - 20px);
	}
	.support-explain{
		width: calc(100% - 20px);
	}
}

/* ===============================
Q&A(よくあるご質問)
=============================== */
.faq-container{
	margin-bottom: 20px;
	padding-top: 10px;
	border-top: 1px solid #3b1e87;
}
.faq-container h2{
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 19px;
	font-weight: bold;
	color: #3b1e87;
}
.faq-list{
	padding: 10px;
	background-color: #f1f1f1;
}
.faq-list li{
	margin-bottom: 10px;
	background-color: #ffffff;
}
.faq-list li .question{
	position: relative;
	display: block;
	padding: 10px 50px;
	text-decoration: none;
	cursor: pointer;
}
.faq-list li .answer{
	display: none;
	position: relative;
	padding: 10px 10px 10px 50px;
}
.faq-list li .question:before,
.faq-list li .answer:before{
	position: absolute;
	top: 7px;
	left: 7px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 2.0;
}
.faq-list li .question:before{
	background-color: #a8975d;
	content: "Ｑ";
}
.faq-list li .answer:before{
	background-color: #333333;
	content: "Ａ";
}
.faq-list li .question:after{
	position: absolute;
	top: calc(50% - 12px);
	right: 0;
	display: block;
	width: 25px;
	height: 25px;
	font-size: 25px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content:"\f0d7";
	line-height: 1.0;
}
.faq-list li .question.open:after {
	content:"\f0d8";
}
.faq-list li .answer .gb-btn{
	margin-top: 5px;
}
.faq-list li .answer li{
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 0;
}

/* ===============================
会員について、利用方法
=============================== */
/* ===== 会員について ===== */
.tutorial-container{
	width: 760px;
	margin: 20px auto;
}
.tutorial-container h2{
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: bold;
	color: #3b1e87;
}
.tutorial-toregist{
	margin-bottom: 30px;
}
.tutorial-toregist p{
	text-align: center;
}
.tutorial-toregist .org-btn{
	display: inline-block;
	width: 300px;
	height: 50px;
	padding-top: 9px;
	font-size: 21px;
	font-weight: bold;
}
.tutorial-explain{
	margin-bottom: 30px;
}
.tutorial-explain.free h2:before{
	display: inline-block;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	background: url("../img/icon/icon_freeregist_v.png") no-repeat;
	background-size: 25px 25px;
	content: "";
	vertical-align: -5px;
}
.tutorial-explain.pay h2:before{
	display: block;
	float: left;
	position: relative;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	background-color: #3b1e87;
	border-radius: 25px;
	font-family: "Font Awesome 5 Free";
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	content:"\f157";
}
.tutorial-explain.pay h2 span{
	margin-left: 10px;
	font-size: 15px;
}
.tutorial-explain ul li{
	margin-left: 30px;
	list-style-type: disc;
}
.tutorial-push{
	margin-bottom: 30px;
	font-size: 17px;
	font-weight: bold;
	color: #3b1e87;
	text-align: center;
}
.tutorial-contrast table{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border: 5px solid #cccccc;
}
.tutorial-contrast table th,
.tutorial-contrast table td{
	padding: 10px;
	border: 5px solid #cccccc;
	line-height: 1.2;
}
.tutorial-contrast table th{
	width: 50%;
	font-weight: bold;
}
.tutorial-contrast table th span{
	font-size: 13px;
	font-weight: normal;
	color: #666666;
}
.tutorial-contrast table td{
	width: 25%;
	background-color: #ebe8f3;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #3b1e87;
}
.tutorial-contrast table td span{
	font-size: 13px;
	font-weight: normal;
}
@media screen and (max-width: 740px) {
	.tutorial-container{
		width: calc(100% - 20px);
	}
	.tutorial-toregist .org-btn{
		width: 100%;
		max-width: 300px;
	}
	.tutorial-contrast table{
		border: 3px solid #cccccc;
	}
	.tutorial-contrast table th,
	.tutorial-contrast table td{
		padding: 5px;
		border: 3px solid #cccccc;
	}
	.tutorial-contrast table th{
		font-weight: bold;
	}
	.tutorial-contrast table td{
		text-align: center;
		font-size: 17px;
	}
}
/* ===== 利用方法 ===== */
.tutorial-step{
}
.tutorial-step li{
	margin-bottom: 30px;
}
.tutorial-step li h3{
	height: 50px;
	margin-bottom: 5px;
	padding: 12px 0 0 10px;
	background: url("../img/tutorial_brush.jpg") no-repeat;
	background-size: 320px 50px;
	font-size: 21px;
	font-weight: bold;
	color: #3b1e87;
}
.tutorial-step li .text{
	margin-bottom: 10px;
	padding: 0 10px;
}
.tutorial-step li.step1 .text{
	margin-bottom: 10px;
}
.tutorial-step li .img{
	width: 700px;
	margin: 0 auto;
}
.tutorial-step li.step1 .img{
	width: 700px;
	height: 250px;
	background: url("../img/tutorial_step1_pc.png") no-repeat;
}
.tutorial-step li.step2 .img{
	width: 700px;
	height: 480px;
	background: url("../img/tutorial_step2_pc.png") no-repeat;
}
.tutorial-step li.step3 .img{
	width: 700px;
	height: 540px;
	background: url("../img/tutorial_step3_pc.png") no-repeat;
}
.tutorial-step li.step4 .img{
	width: 760px;
	height: 230px;
	margin: 0 auto 20px;
	background-image: url("../img/regist_push_pc_2.png");
	background-repeat: no-repeat;
	line-height: 0;
}
.tutorial-step li.step5 .img1{
	width: 700px;
	height: 400px;
	background: url("../img/tutorial_step5_1_pc.png") no-repeat;
}
.tutorial-step li.step5 .img2{
	display: none;
}
@media screen and (max-width: 740px) {
	.tutorial-step li{
		margin-bottom: 20px;
	}
	.tutorial-step li h3{
		font-size: 17px;
	}
	.tutorial-step li.step1 .img{
		width: 300px;
		height: 560px;
		background: url("../img/tutorial_step1_sp.png") no-repeat;
		background-size: 300px 560px;
	}
	.tutorial-step li.step2 .img{
		width: 300px;
		height: 820px;
		background: url("../img/tutorial_step2_sp.png") no-repeat;
		background-size: 300px 820px;
	}
	.tutorial-step li.step3 .img{
		width: 300px;
		height: 957px;
		background: url("../img/tutorial_step3_sp.png") no-repeat;
		background-size: 300px 957px;
	}
	.tutorial-step li.step4 .img{
		width: 300px;
		height: 165px;
		background-image: url("../img/regist_push_sp_2.png");
		background-size: 300px 165px;
	}
	.tutorial-step li.step5 .img1{
		width: 300px;
		height: 545px;
		margin: 0 auto 10px;
		background: url("../img/tutorial_step5_1_sp.png") no-repeat;
		background-size: 300px 545px;
	}
	.tutorial-step li.step5 .img2{
		display: block;
		width: 300px;
		height: 377px;
		margin: 0 auto;
		background: url("../img/tutorial_step5_2_sp.png") no-repeat;
		background-size: 300px 377px;
	}
}
/* ===== 利用方法ランディングver. ===== */
.landing-container{
}
.landing-header{
	margin-bottom: 30px;
}
.landing-header .hit img{
}
@media screen and (max-width: 740px) {
	.landing-header .hit img{
		width: 100%;
	}
}

.landing-regist{
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 0;
	background-color: #f1eff6;
}
.landing-regist .upper{
	margin-bottom: 10px;
	font-size: 23px;
	text-align: center;
	line-height: 100%
}
.landing-regist .upper p{
	display: inline;
	font-weight: bold;
}
.landing-regist .upper .upper1{
	position: relative;
	top: -2px;
}
.landing-regist .upper .upper1 span{
	font-size: 31px;
}
.landing-regist .upper .upper2{
	margin: 0 5px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 14px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.landing-regist .upper .upper3 span{
	font-size: 37px;
}
.landing-regist .button{
	display: block;
	width: 400px;
	height: 90px;
	margin: 0 auto 10px;
	font-size: 27px;
	padding-top: 9px;
}
.landing-regist .button .button1{
	text-align: center;
	line-height: 100%;
}
.landing-regist .button .button2{
	display: inline;
	font-size: 35px;
	font-weight: bold;
}
.landing-regist .button .button3{
	display: inline;
}
.landing-regist .lower{
	text-align: center;
	font-size: 27px;
	font-weight: bold;
}
.landing-regist .lower p{
	display: inline-block;
}
.landing-regist .lower .lower1{
	position: relative;
	top: -12px;
}
.landing-regist .lower .lower2{
	margin: 0 10px;
	padding: 15px 10px 5px;
	background-color: #f06c00;
	font-size: 17px;
	font-weight: normal;
	color: #ffffff;
	line-height: 100%;
}
.landing-regist .lower .lower2 span{
	font-size: 35px;
	font-weight: bold;
}
.landing-regist .lower .lower3{
	position: relative;
	top: 3px;
	line-height: 100%;
}
@media screen and (max-width: 740px) {
	.landing-regist .upper{
		margin-bottom: 5px;
		font-size: 19px;
	}
	.landing-regist .upper p{
		display: inline;
		font-weight: bold;
	}
	.landing-regist .upper .upper1 span{
		font-size: 27px;
	}
	.landing-regist .upper .upper2{
		font-size: 14px;
	}
	.landing-regist .upper .upper3 span{
		font-size: 37px;
	}
	.landing-regist .button{
		width: calc(100% - 40px);
		margin: 0 auto 5px;
		padding-top: 15px;
		font-size: 21px;
	}
	.landing-regist .button .button2{
		font-size: 29px;
	}
	.landing-regist .lower{
		font-size: 24px;
	}
	.landing-regist .lower .lower1{
		top: -10px;
	}
	.landing-regist .lower .lower2{
		margin: 0 5px;
		font-size: 15px;
	}
	.landing-regist .lower .lower2 span{
		font-size: 31px;
	}
}

.landing-about{
	width: 100%;
	margin-bottom: 50px;
}
.landing-about .sub-title:before,
.landing-tutorial .sub-title:before{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(../img/icon/icon_beginner_w.png) no-repeat;
	background-size: 20px 20px;
	content: "";
	vertical-align: -4px;
}
.landing-about .about1{
	margin: 30px 0;
}
.landing-about .about2{
	margin-bottom: 30px;
}
.landing-about .about3{
	margin-bottom: 15px;
}
.landing-about .about4{
	margin-bottom: 40px;
}
.landing-about .about5{
}
@media screen and (max-width: 740px) {
	.landing-about img{
		width: 100%;
	}
	.landing-about .about1{
		margin: 30px 0 20px;
	}
	.landing-about .about2{
		margin-bottom: 20px;
	}
	.landing-about .about3{
		margin-bottom: 10px;
	}
	.landing-about .about4{
		margin-bottom: 30px;
	}
}

.landing-container .top-g1{
	margin-bottom: 50px;
}
.landing-container .top-g1 h2{
	margin-bottom: 30px;
}

.landing-tutorial{
}

/* ===============================
サービス終了案内
=============================== */

/* ===== サイド上部 ===== */

.side-menu-box .side-serviceend{
	margin-bottom: 20px;
}
.side-menu-box .side-serviceend a{
	display: block;
	border: 3px solid #bc0c16;
	border-radius: 5px;
	background-color: #fed3d5;
	margin: 0 10px;
	padding: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #bc0c16;
}
.side-menu-box .side-serviceend a .newicon{
	padding: 2px;
	font-size: 12px;
}

/* ===== スマホ・サイトロゴ右 ===== */

.side-logo a.logo-serviceend{
	display: none;
}
@media screen and (min-width: 740px) and (max-width: 1070px) {
}
@media screen and (max-width: 740px) {
	.side-logo a.logo-img {
		margin: 0;
	}
	.side-logo a.logo-serviceend{
		display: block;
		position: absolute;
		right: 10px;
		top: 13px;
		border: 3px solid #bc0c16;
		border-radius: 5px;
		background-color: #fed3d5;
		padding: 5px;
		font-size: 13px;
		font-weight: bold;
		color: #bc0c16;
	}
	.side-logo a.logo-serviceend:after{
	    margin-left: 2px;
    	font-family: "Font Awesome 5 Free";
	    font-weight: bold;
	    content: "\f105";
	}
}

/* ===== 汎用アナウンス ===== */
.serviceend-anbox{
	display: block;
	margin: 0 20px 20px;
	padding: 10px;
	border: 3px solid #bc0c16;
	border-radius: 5px;
	background-color: #fed3d5;
	font-weight: bold;
	color: #bc0c16;
}
.serviceend-anbox .newicon{
	padding: 2px;
	font-size: 12px;
}
.serviceend-anbox .link{
	display: inline-block;
	float: right;
}
@media screen and (max-width: 740px) {
	.serviceend-anbox .link{
		display: block;
		float: inherit;
		text-align: center;
	}
}
.serviceend-anbox .link:after{
    margin-left: 2px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f105";
}

/* ===== 有料登録受付終了など ===== */

.serviceend-info{
    margin-bottom: 20px;
    padding: 50px 0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}