/*==============================================
pr_yoso_sp.css
厳選予想 ヘッダーなし決済回り
body#PremiumYoso
	基本設定
	共通
	決済フロー
	point購入確認popup
==============================================*/
/*==============================================
基本設定
==============================================*/
/*.Contents{
	background-color: #f5f4f1;
}
 */
/*==============================================
共通
	決済系ヘッダー
	決済系フッター
	コンテンツ箱
	ボタン
==============================================*/
/*----------------------
決済系ヘッダー
-----------------------*/
.Header_LogoOnly{
	background:#fff;
}
/*MQ デフォルト*/
@media only screen and (min-width: 1024px) {
	.Header_LogoOnly .HeaderInner{
		width:920px;
		margin:0 auto;
		position:relative;
	}
}
/* iPadなど */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.Header_LogoOnly .HeaderInner {
		width:750px;
		margin:0 auto;
		position:relative;
	}
}
/* スマホ */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.Header_LogoOnly .HeaderInner{
		width:100%;
		margin:0 auto;
		position:relative;
	}
}
.Header_LogoOnly .HeaderInner h1 a {
	display: inline-block;
    min-height: 53px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.Header_LogoOnly .HeaderInner h1 a svg{
	display:block;
	/*width:168px;*/
	height:21px;
/*	text-indent: -9000px;
	overflow: hidden;
	background-image: url("../../img/yoso/general/netkeirin_logo.png");
	background-size:106px 23px;
	-moz-background-size:106px 23px;
	-webkit-background-size:106px 23px;
	-o-background-size:106px 23px;
	-ms-background-size:106px 23px;
	background-position:12px center;
	background-repeat:no-repeat;*/
}

/*----------------------
決済系フッター
-----------------------*/
.Footer_TextOnly{
	padding:22px 42px;
	color: #666;
	font-size:80%;
	text-align:center;
}
.Footer_TextOnly.Payment_Method{
	padding-top: 30px;
}
.Footer_TextOnly.Payment_Method p {
	line-height: 1.5;
}

/*----------------------
コンテンツ箱
-----------------------*/
.ContentsBox {
	padding: 0 10px;
}

/*----------------------
ボタン
-----------------------*/
.YosoBtn01 {
	display: block;
	margin:10px auto 0;
	max-width: 320px;
	padding: 15px 0 14px;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
	background-color: #e5a221;
	border-radius: 5px;
}

/*==============================================
決済フロー Contents#Buy_Point
	ポイント追加　コース選択
	ポイント追加　決済方法選択
	登録完了
==============================================*/
/*----------------------
ポイント追加　コース選択
-----------------------*/

#Buy_Point.Contents {
	padding-bottom: 20px;
	background-color: #fff;
}

/*---- タイトル ----*/
#Buy_Point h2.PaymentTitle {
	padding: 28px 10px 25px;
	color: #222;
	font-size: 1.75rem;
	font-weight: 400;
	text-align: center;
}

/*---- 利用可能ポイント ----*/
#Buy_Point .YosoPointTable01 th {
	width: 110px;
}
#Buy_Point dl.PointBalance{
	display:table;
	font-size:80%;
	height: 100%;
	width:100%;
}
#Buy_Point dl.PointBalance dt,
#Buy_Point dl.PointBalance dd{
	display:table-cell;
	vertical-align: middle;
}
#Buy_Point dl.PointBalance dt{
	width:140px;
	padding:10px 11px;
	color:#333;
	line-height:1.3em;
	background:#f3f3f3;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
#Buy_Point dl.PointBalance dd{
	height: 100%;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	border-left:none;
	background:#fff;
}

#Buy_Point dl.PointBalance dd div{
	position:relative;
	height: 100%;
	text-align:right;
}

#Buy_Point dl.PointBalance dd div.Point span{
/*	position: absolute;
	height: 56px;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 8px;
	line-height: 1.3;*/
	display: block;
	padding: 8px;
	line-height: 1.3;
}

#Buy_Point dl.PointBalance dd div em{
	color:#e69c00;
	font-weight:bold;
	font-size:130%;
	margin-right:4px;
}
/*--解像度iPhone5s以下のポイント表記--*/
 @media only screen and (max-width: 321px){
	#Buy_Point dl.PointBalance dd div.Point em{
		font-size:115%;
	}
}

/*---- コース選択 ----*/
#Buy_Point .PointCourseSelect,
#Buy_Point .PointFaqList {
	margin-top: 20px;
	background-color: #e5e4dd;
}

#Buy_Point .PointCourseSelect .HeadTxt,
#Buy_Point .PointFaqList .HeadTxt {
	padding: 14px 0;
	color:#333;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
}
#Buy_Point .PointCourseSelect .HeadCampaignTxt {
	padding: 14px 0;
	color: #da4343;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2
}

/*--解像度iPhone5s以下の見出しテキスト--*/
@media only screen and (max-width: 321px){
	#Buy_Point .PointCourseSelect .HeadTxt,
	#Buy_Point .PointFaqList .HeadTxt,
	#Buy_Point .PointCourseSelect .HeadCampaignTxt {
		font-size: 0.9375rem;
	}
}


#Buy_Point .PointCourseSelect .PointCourseList{
	padding:10px 10px 0;
	background:#fff;
	border: 3px solid #e5e4dd;
}

#Buy_Point .PointCourseSelect .PointCourseList ul li{
	width:50%;
	float:left;
	margin-bottom:10px;
	height: 152px;
	overflow: hidden;
}
#Buy_Point .PointCourseSelect .PointCourseList ul li:nth-child(odd){
	padding-right:5px;
}
#Buy_Point .PointCourseSelect .PointCourseList ul li:nth-child(even){
	padding-left:5px;
}
.PointCourseList ul li div.PointCourseBox01{
	padding:0 5px 8px;
	background-color: #f5f4f1;
	border: 3px solid #dbd8cd;
	border-radius: 4px;
}
.PointCourseList ul li div.PointCourseBox01 .PointCourseBoxInner{
	position: relative;
}
.PointCourseBox01 .PointCourseBoxInner > span{
	display: block;
	text-align: center;
	font-weight: bold;
}
.PointCourseBox01 .PointCourseBoxInner span.Otoku{
	position: absolute;
	top: -3px;
	right: -9px;
	width: 68px;
	height: 68px;
	color: #fff;
	font-size: 55%;
	text-align: right;
	padding: 5px 3px 5px 6px;
	background-image: url("../../img/yoso/general/OtokuFlg_bg01.png");
	background-repeat: no-repeat;
	-webkit-background-size: 100px 466px;
	-moz-background-size: 100px 466px;
	-ms-background-size: 100px 466px;
	-o-background-size: 100px 466px;
	background-size: 100px 466px;
}
span.Otoku em{
	font-size: 121%;
	display: block;
	margin-bottom: 2px;
	color: #ffdf61;
	font-weight: bold;
	letter-spacing: -.4px;
}
span.Otoku em span{
	font-size: 75%;
}
.PointCourseBox01 .PointCourseBoxInner span.Otoku.Flg01{
	background-position: 0 0;
}
.PointCourseBox01 .PointCourseBoxInner span.Otoku.Flg02{
	background-position: 0 -83px;
}
.PointCourseBox01 .PointCourseBoxInner span.Otoku.Flg03{
	background-position: 0 -166px;
}
.PointCourseBox01 .PointCourseBoxInner span.Otoku.Flg04{
	background-position: 0 -250px;
}
.PointCourseBox01 .PointCourseBoxInner span.Otoku.Flg05{
	width: 79px;
	height: 79px;
	-webkit-background-size: 116px 466px;
	-moz-background-size: 116px 466px;
	-ms-background-size: 116px 466px;
	-o-background-size: 116px 466px;
	background-size: 116px 466px;
	padding: 8px 4px;
	background-position: 0 -328px;
}

.PointCourseBox01 .PointCourseBoxInner .CourseHeadTxt{
	color: #75746e;
	font-size: 80%;
	padding: 16px 0 0;
}

/* プレミアム誘導バナー追加 */
.SuperPremiumBnrBox {
	margin-bottom: 28px;
}
.SuperPremiumBnrBox img{
	display: block;
	width: 100%;
	max-width: 375px;
	margin: auto;
}


/*--解像度iPhone6以上のポイント表記--*/
@media only screen and (min-width: 375px){
	.PointCourseBox01 .PointCourseBoxInner .CourseHeadTxt .Narrow{
		display:none;
	}
}
/*--解像度iPhone6未満のポイント表記--*/
@media only screen and (max-width: 374px){
	.PointCourseBox01 .PointCourseBoxInner .CourseHeadTxt .Wide{
		display:none;
	}
}
@media screen and (min-width: 374px) and (max-width: 424px) {
	.PointCourseBox01 .PointCourseBoxInner .Otoku + .CourseHeadTxt {
		padding: 16px 10px 0 0;
	}
}

.PointCourseBox01 .PointCourseBoxInner .Campaign_on1 {
	padding: 3px 0 2px;
	color: red;
	font-size: 80%;
	opacity: 0.3;
}
.PointCourseBox01 .PointCourseBoxInner .Campaign_on2 {
	padding-bottom: 5px;
	color: #45a78f;
}
.PointCourseBox01 .PointCourseBoxInner .CourseGetPoint{
	color: #45a78f;
	font-size: 115%;
	padding:10px 0 8px;
}
.PointCourseBox01 .PointCourseBoxInner .CourseGetPoint span{
	font-size: 90%;
}
.PointCourseBox01 .PointCourseBoxInner .CoursePrice{
	font-size: 70%;
	color: #7b7b7b;
	padding-bottom:13px;
}
.PointCourseBox01 .PointCourseBoxInner .CoursePrice span{
	color: #da4343;
}

.PointCourseBox01 .PointCourseBoxInner .Campaign_on2 + .CoursePrice{
	padding-bottom: 9px;
}
/*スーパープレミアムコース*/
.PointCourseList .PaymentSelect_Txt{
	text-align: center;
	color: #75746e;
	font-size: 78%;
	font-weight: bold;
	padding: 6px 0 9px;
}
.PointCourseList .SuperPremiumCourse .PointCourseBox01{
	padding:0 5px 8px;
	border: 3px solid #dbd8cd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f5f4f1;
}
.PointCourseList .SuperPremiumCourse .PointCourseBoxInner{
	position: relative;
}
.SuperPremiumCourse .PointCourseBox01 .PointCourseBoxInner .CourseGetPoint{
padding: 7px 0 8px;
}
.SuperPremiumCourse .PointCourseBox01 .PointCourseBoxInner .CoursePrice{
	padding-bottom: 8px;
	font-size: 72.3%;
}
.SuperPremiumCourse .S-PremiumTxt01{
	color: #75746e;
	font-size: 72.3%;
	padding: 12px 0 0;
}

.SuperPremiumCourse .S-PremiumTxt02{
	font-size: 72.3%;
	color: #7b7b7b;
	padding-bottom: 6px;
}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt03{
	text-align: center;
	color: #75746e;
	font-size: 114.5%;
	font-weight: bold;

}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt03 span{
	color: #da4343;
	padding: 0 3px;
}
.PointCourseList .SuperPremiumCourse .Txt_New{
	position: relative;
	top: -1px;
	color: #fff;
	background: #da4343;
	font-size: 74%;
	padding: 2px 4px 1px;
	border-radius: 4px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/*---- よくある質問 ----*/

#Buy_Point .PointFaqList ul{
	border: 3px solid #e5e4dd;
	border-top: 0 none;
	border-bottom: 2px solid #e5e4dd;
}
#Buy_Point .PointFaqList ul li{
	color:#222222;
	font-size:90%;
	border-bottom: 1px solid #e5e4dd;
	background: #fff;   
}
.PointFaqList ul li dl {
	padding: 16px 20px 14px;
}
.PointFaqList ul li dl.QuestOpen {
	background: #f2f9e9;
}
.PointFaqList ul li dl dt,
.PointFaqList ul li dl dd {
	position: relative;
	padding-left: 1.5em;
	line-height: 1.3em;
}
.PointFaqList ul li dl dt {
	padding-right: 36px;
}
.PointFaqList ul li dl dd {
	margin-top: 14px;
	display: none;
	font-weight: bold;
}
.PointFaqList ul li dl dt:before {
	content: "Q.";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	color: #e95e5e;
}
.PointFaqList ul li dl dt:after {
	content: " ";
	display: block;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #e5e4dd;
	background-image: url("../../img/yoso/icon/icon_sprite_yoso_arrow01.png");
	background-position: 6px 9px;
	background-repeat: no-repeat;
	-webkit-background-size: 20px 45px;
	-moz-background-size: 20px 45px;
	-ms-background-size: 20px 45px;
	-o-background-size: 20px 45px;
	background-size: 20px 45px;
}
.PointFaqList ul li dl.QuestOpen dt:after {
	background-color: #bdbcb2;
	background-position: 6px -19px;
}
.PointFaqList ul li dl dd:before {
	content: "A.";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	color: #84b252;
}



/*----------------------
ポイント追加　決済方法
-----------------------*/
#Buy_Point dl.PointBalance.BuyPoint dt{
	width:120px;
}
#Buy_Point dl.PointBalance dd div.BuyPoint {
	text-align:right;
	padding: 9px;
}
#Buy_Point dl.PointBalance dd div.BuyPoint > span{
	display:block;
}
#Buy_Point dl.PointBalance dd div.BuyPoint .Price{
	margin-top:4px;
	font-weight:bold;
}
#Buy_Point dl.PointBalance dd div.BuyPoint .Price .Tax{
	font-weight:normal;
	font-size:80%;
}


/*---- 支払い方法選択 ----*/
#Buy_Point .PaymentSelect{
	margin-top:14px;
	background:#e5e4dd;
}

#Buy_Point .PaymentSelect .HeadTxt{
	font-size:90%;
	color:#333333;
	font-weight:bold;
	text-align:center;
	padding:18px 0 8px;
}
#Buy_Point .PaymentSelect .InfoText{
	color:#7b7b7b;
	font-size:70%;
	text-align:center;
	line-height:1.3em;
	padding-bottom:14px;
}
#Buy_Point .PaymentSelect .InfoText a{
	color:#7b7b7b;
	text-decoration: underline !important;
}

/*--解像度iPhone6未満の注釈表記--*/
@media only screen and (max-width: 374px){
	#Buy_Point .PaymentSelect .InfoText .Narrow{
		display:block !important;
	}
}

/*---- 支払い方法選択リスト ----*/
.PaymentSelect dl {
	border: 3px solid #e5e4dd;
	border-top: 0 none;
	background: #fff;
	padding: 5px 7px 7px;
}
.PaymentSelect dl dt{
	font-weight: bold;
	padding: 10px 6px 6px;
	font-size: 77.8%;
}
.PaymentSelect .PaymentListBox {
	background:#fff;
	color:#333;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:2px solid #e1e0d9;
	margin: 0 0 6px;
	padding: 10px;
	position: relative;
}
.PaymentSelect .PaymentListBox span.PaymentSelectBtn {
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:2px solid #e1e0d9;
	font-weight: bold;
	float: right;
}
.PaymentSelect .PaymentListBox span.PaymentSelectBtn > span {
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f7f6f4),
		color-stop(1, #edece6)
	);
	background-image: -o-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: -moz-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: -webkit-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: -ms-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: linear-gradient(to bottom, #f7f6f4 0%, #edece6 100%);
	border-top: 1px solid #fff;
	color: #333;
	text-decoration: none;
	text-align: center;
	padding: 14px;
	min-height: 43px;
	font-size: 77.8%;
}
.PaymentSelect .PaymentListBox img.PaymentLogo {
	vertical-align: middle;
}
.PaymentSelect .PaymentListBox .PaymentSelectImg {
	display: block;
	background-image: url("../../img/yoso/general/paymentselect_sp_img01.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 340px 300px;
	-moz-background-size: 340px 300px;
	-ms-background-size: 340px 300px;
	-o-background-size: 340px 300px;
	background-size: 340px 300px;
	text-indent : -9633em;
	position: absolute;
	top: 50%;
	left: 14px;
}
.PaymentSelect .PaymentListBox .credit_Image {
	background-position: 0 0;
	width: 184px;
	height: 28px;
	margin-top: -14px;
}
.PaymentSelect .PaymentListBox .docomo_Image {
	background-position: -1px -50px;
	width: 183px;
	height: 22px;
	margin-top: -11px;
}
.PaymentSelect .PaymentListBox .au_Image {
	background-position: -3px -91px;
	width: 136px;
	height: 38px;
	margin-top: -19px;
}
.PaymentSelect .PaymentListBox .sb_Image {
	background-position: 0 -150px;
	width: 122px;
	height: 38px;
	margin-top: -19px;
}
.PaymentSelect .PaymentListBox .webmoney_Image {
	background-position: 0 -200px;
	width: 183px;
	height: 24px;
	margin-top: -12px;
}
/*-- 横幅iPhone6未満 横幅調整文字カット--*/
@media only screen and (max-width: 374px){
	span.PaymentSelectBtn > span > span {
		display: none;
	}
}


/* ポイント購入前 fancypopup */
.Purchase_Popup_Wrap {
	border: 3px solid #cfcdc3;
	border-radius: 5px;
}
.Purchase_Popup_Header {
	background: #e5e4dd;
	text-align: center;
	padding: 30px 0;
	letter-spacing: -.5px;
}
.Purchase_Popup_Header .PopupTitle {
	font-size: 133.3%;
	font-weight: bold;
	margin-bottom: 15px;
}
.Purchase_Popup_Header .Txt {
	color: #929084;
	font-size: 83%;
	line-height: 1.4;
}

.Purchase_Popup_Main {
	background: #f5f4f1;
	padding: 16px;
}
.Purchase_Popup_Main .PointTxt {
	font-size: 83%;
	line-height: 1.4;
	margin-bottom: 20px;
}
.Purchase_Popup_Main .Recommend_Course {
	margin-bottom: 22px;
}
.Purchase_Popup_Main .Recommend_Course dt {
	font-size: 88%;
	font-weight: bold;
	margin-bottom: 8px;
}
.Purchase_Popup_Main .Recommend_Course dd {
	color: #e1a405;
	font-size: 83%;
	font-weight: bold;
	line-height: 1.4;
}
.Purchase_Popup_Main .BtnArea {
	margin-bottom: 18px;
}
.Purchase_Popup_Main .MemberLink {
	text-align: center;
}
.Purchase_Popup_Main .MemberLink a {
	color: #333;
	font-size: 77%;
	border-bottom: 1px solid #333;
}
/*-- Webmoney --*/
.PaymentSelect .PaymentListBox ul.WebMoneyList {
	margin-top: 10px;
}
.PaymentSelect .PaymentListBox ul.WebMoneyList li {
	border-top: 2px solid #f4f3f1;
	padding: 10px 0;
}
.PaymentSelect .PaymentListBox ul.WebMoneyList li:last-child {
	padding: 10px 0 0;
}
.PaymentSelect .PaymentListBox ul.WebMoneyList li span.PaymentWebMoneyPrice {
	line-height: 43px;
	font-weight: bold;
	font-size: 90%;
}

/* 会員登録導線 ポップアップ*/
.Purchase{
	width: 620px;
	max-width: 100%;
	padding:44px 10px 0;
	margin:auto;
}
.Purchase .text{
	color:#464646;
	font-size: 83.3333%;
}
.Purchase p + p{
	margin-top: 20px;
}
.Purchase a{
	display: block;
	color: #e03d3d;
	font-size: 83.3333%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	margin:18px auto 30px;
	border:1px solid #e03d3d;
	border-radius: 4px;
}
/*-- 追加 購入完了画面 --*/
.YosoTxtBox01 {
	padding: 50px 0 54px;
	text-align: center;
}
.YosoTxtBox01 p.YosoTxt01,.YosoTxtBox01 h2.YosoTxt01 {
	font-size: 100%;
	margin-bottom: 16px;
	line-height: 1.3;
}
.YosoTxtBox01 p.YosoTxt02 {
	font-size: 80%;
}
.YosoTxtBox01 p.YosoTxt02 a {
	color: #7b7b7b;
}
.YosoTxtBox01 p.YosoTxt03{
font-size: 84%;
padding-top: 20px;
}
.YosoBtn02 {
	padding: 12px 12px 0;
}
.YosoBtn02 a {
	display: block;
	width: 100%;
	height: 45px;
	min-height: 1.5em;
	line-height: 45px;
	color: #fff;
	font-size: 90%;
	font-weight: 700;
	background-color: #72bd61;
	border-radius: 4px;
}


/*-- 追加 月額コース登録完了 --*/
body.BuyPointComplete .Contents {
	max-width: 480px;
}
.RegistHeader {
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}
.RegistHeader .RegistTitle {
	color: #222;
	font-size: 111.2%;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 30px;
}
.RegistHeader .Txt {
	color: #222;
	font-size: 89%;
}
.RegistBtnArea,
body.BuyPointComplete .CompBtn {
	margin-bottom: 20px;
	padding: 0 12px;
}
body.BuyPointComplete .CompBtn a {
	display: block;
	width: 100%;
	height: 45px;
	color: #fff;
	line-height: 45px;
	text-align: center;
	background-color: #72bd61;
	border-radius: 4px;
}
.BackToBtn {
	padding: 13px 0;
	display: block;
	color: #70716c;
	font-size: 88%;
	font-weight: 700;
	text-align: center;
	background-color: #fff;
	border: 2px solid #e5e4dd;
	border-radius: 4px;
}


/*-- 「ウマい馬券」キャンペーン中！ --*/
.UmaiCampaign {
	background: #fff;
	padding: 20px 10px;
}
.CampaignMain {
	background: url("../../img/yoso/general/umai_campaign_bg.png") no-repeat;
	border: 2px solid #d0d0d0;
}
.CampaignMain .CampaignTitle {
	text-align: center;
	padding: 15px 0;
}
.PresentBox {
	background: #fff;
	text-align: center;
	margin-bottom: 25px;
	padding-top: 23px;
	padding-bottom: 0;
	position: relative;
}
.PresentBox:after {
	content: '';
	display: block;
	background: url("../../img/yoso/general/present_box_arrow.png") no-repeat;
	-webkit-background-size: 100% 25px;
	-moz-background-size: 100% 25px;
	background-size: 100% 25px;
	position: absolute;
	bottom: -25px;
	width: 100%;
	height: 25px;
}
.PresentBox .Title {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 16px;
}
.PresentYosoPoint .Txt {
	font-size: 89%;
}
.PresentYosoPoint .PointTxt {
	padding: 12px 0;
}
.PresentYosoPoint .PointTxt strong {
	color: #e69c00;
	font-size: 200%;
	margin-right: 8px;
}
.PresentYosoPoint .PointTxt span {
	font-size: 89%;
	font-weight: bold;
}

.CampaignFooter {
	padding: 18px 20px 8px;
}
.CampaignFooter .Txt {
	color: #fff;
	font-size: 77.8%;
	line-height: 1.8;
}
.CampaignFooter .BtnArea {
	margin: 0 auto 15px;
	width: 230px;
}
.TryBtn {
	display: block;
	background: #cf2424;
	border-radius: 4px;
	box-shadow: inset 0 -3px 0 #a51616;
	color: #fff;
	font-size: 89%;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	position: relative;
	text-indent: -1em;
}
.TryBtn:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 18px;
	right: 12px;
	z-index: 1;
}
.TryBtn:after {
	content: '';
	display: inline-block;
	border-radius: 0 4px 4px 0;
	width: 29px;
	height: 43px;
	background: #a51616;
	position: absolute;
	top: 0;
	right: 0;
}


/*-- 追記 20191128 --*/
#Buy_Point .PointCourseSelect .PointCourseList ul li{
  width: 50%;
  float: left;
  margin-bottom: 10px;
  height: 178px;
  overflow: hidden;
}
.PointCourseBox01 .PointCourseBoxInner .CoursePaid{
  font-size: 72.222%;
  padding: 4px;
  margin: 0 10%;
  border-radius: 2px;
  color: #75746e;
  background-color: #fff;
}
.PointCourseBox01 .PointCourseBoxInner .CoursePaid + *{
  padding-top: 6px;
}
@media only screen and (max-width: 340px){
.PointCourseBox01 .PointCourseBoxInner .CoursePaid{
  margin: 0 6%;
}
}