/* slick cssの読込 add: 2024/6 */
@import url("/regist/common/js/slick/slick.css");
@import url("/regist/common/js/slick/slick-theme.css");

/* register */


div#pass_advice {
	font-weight:bold;
}
img#pass_advice_img {
	float:left;
}
div#pass_advice_input {
	color:red;
}
div#pass_advice_short_length_type {
	display : none;
	color:red;
}
div#pass_advice_short_length {
	display : none;
	color:red;
}
div#pass_advice_short_type {
	display : none;
	color:red;
}
div#pass_advice_long_length {
	display : none;
	color:red;
}
div#pass_advice_invalid {
	display : none;
	color:red;
}
div#pass_advice_ok {
	display : none;
}

div#product_support {
	font-weight:bold;
}
div#product_input {
}

div#product_long_length {
	display : none;
	color:red;
}

div#product_ok {
	display : none;
}

div#product_div {
	display : none;
	color : red;
}


div#product_shousen {
	display : none;
}

.fontred{
	color:#f00;
	font-size:90%;
	font-weight:normal;
}


table.register{
	width:100%;
	}
	table.register th{
	width:35%;
	text-align:left;
	}
	table.register td{
	padding-left:10px;
	}
	table.register .tdCenter{
	width:30%
	}



.oldid{
	background-color:#feeabf;
	padding:10px;
	margin-bottom:15px;
	}

table.id44{
	background-color:#ffd271;
	width:75%;
}

div.supportarea {
	width:748px;
	background-image: url(/regist/common/images/back_img.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border:1px solid #9BCB9B;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.input_rule{
	border:none;
	margin-top:3px;
	}
	table.input_rule th{
	}
	table.input_rule td{
	border:1px solid #666666;
	padding:3px;
	}


/* ad heart*/

div.contentsArea h2,
div.contentsArea h3,
div.contentsArea h4,
div.contentsArea p {
	margin: 0;
	padding:0;
	font-size:100%;
	line-height: 100%;
	border:none;
}

div.contentsArea {
	width: 750px;
	margin-top: 1em;
	margin-bottom: 10px;
}

div.contentsArea div.leftBox {
	float: left;
	display: inline;
	width: 370px;
	margin-right: 10px;
}
div.contentsArea div.rightBox {
	float: left;
	width: 370px;
}



table.input td{
	/*background-color:#E9F7E8;*/
}



/* cancel-confirm ModalWindow */

.modal{
	visibility:hidden;
	position:absolute;
	z-index: 9998;
	}

.modalBK{
	background-color: #000000;
	height: 100%;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	position: fixed;
	width: 100%;
	z-index: 9999;
	}
.modalBody{
	background-color: #ffffff;
	position: fixed;
	width: 542px;
	z-index: 10000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom: solid 1px #cccccc;
	}
.modal_title_box{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffff33), color-stop(0.00, #ffff99));
	background: -webkit-linear-gradient(top, #ffff99 0%, #ffff33 100%);
	background: -moz-linear-gradient(top, #ffff99 0%, #ffff33 100%);
	background: -o-linear-gradient(top, #ffff99 0%, #ffff33 100%);
	background: -ms-linear-gradient(top, #ffff99 0%, #ffff33 100%);
	background: linear-gradient(top, #ffff99 0%, #ffff33 100%);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom: solid 1px #cccc00;
	height: 57px;
	background-color: #ffff99;
	}

p.modal_read{
	font-size: 125%;
	width: 470px;
	margin: 0 auto;
	line-height: 150%;
	text-align: left;
	padding-bottom:15px;
	padding-top: 15px;
	}

p.modal_read span{
	color:#ff0000;
	font-weight:bold;
	}

.modal_btn_area{
	margin:0 auto;
	width:450px;
	padding-bottom:20px;
	}

.modal_btn_area-L{
	float:left;
	}

.modal_btn_area-R{
	float:right;
	}

.modal_btn_area-R img{
	cursor: pointer;
	}

.modal2{
	visibility:hidden;
	position:absolute;
	z-index: 9998;
	}

p.modal_img{
	margin:0 auto;
	padding-bottom:20px;
	}

.mdcancel{
	background: url(/regist/common/images/cancel_page_modal01_03_btn.png);
	width:216px;
	height:43px;
	cursor: pointer;
	border: none;
	}

/* コース選択画面モーダル */
.modalBody_relief,
.modalBody_relief2,
.modalBody_relief3,
.modalBody_relief4,
.modalBody_relief5{
	width:940px;
	position: fixed;
	z-index: 10000;
	padding-bottom:20px;
	display:none;
	}
.modalBodyinner{
	background-color: #ffffff;
	}
p.modal_read_relief{
	font-size: 110%;
	line-height: 150%;
	text-align:left;
	padding: 15px 20px 0 20px;
	margin-bottom: 5px;
	}

p.modal_read_img{
	padding: 10px 0 10px 0;
	margin:0;
	}

p.modal_read_relief_sub {
	font-size: 110%;
	padding:0 20px 20px 20px;
	margin:0;
	}

.modal_btn_area_relief {
	margin:0 auto;
	width:559px;
	*padding-bottom:15px;
	}

ul.modal_btn_area_relief_ul {
	padding:0;
	}

.modal_btn_area_relief ul li {
	padding:0;
	list-style:none;
	float:left;
	}
li.li_right {
	float:right;
}

.btn_relief_yes {
	background:url(/regist/common/images/modal_relief_btn_yes.gif) no-repeat;
	width:392px;
	height:76px;
	border:none;
	cursor:pointer;
	margin-right:20px;
}

.btn_relief_no {
	background:url(/regist/common/images/modal_relief_btn_no.gif) no-repeat;
	width:127px;
	height:76px;
	border:none;
	cursor:pointer;
}

/* 20150202コース選択画面モーダル */
.btn_relief_yes2 {
	background:url(/regist/common/images/20171004_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

.btn_relief_yes2_1 {
	background:url(/regist/common/images/20170117_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

.btn_relief_yes2_2 {
	background:url(/regist/common/images/20171004_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

.btn_relief_yes2_3 {
	background:url(/regist/common/images/20160118_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

/* ADD: 2018/3/29 「初月無料」 */
.btn_relief_yes2_4 {
	background:url(/regist/common/images/20180404_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

/* ADD: 2022/7/6 「6ヶ月無料」 */
.btn_relief_yes2_6 {
	background:url(/regist/common/images/20220706_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

/* ADD: 2022/12/22 「7ヶ月無料」 */
.btn_relief_yes2_9 {
	background:url(/regist/common/images/20221222_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

/* ADD: 2023/7/3 「12ヶ月無料」 */
.btn_relief_yes2_10 {
	background:url(/regist/common/images/20230703_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

/* ADD: 2022/8/22 「6ヶ月無料」 機種追加版 */
.btn_relief_yes2_7 {
	background:url(/regist/common/images/20211007_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}
/* ADD: 2022/10/12 「12ヶ月無料」 機種追加版 */
.btn_relief_yes2_8 {
	background:url(/regist/common/images/20221012_modal_04.gif) no-repeat;
	width:740px;
	height:230px;
	border:none;
	cursor:pointer;
}

.btn_relief_no2 {
	background:url(/regist/common/images/20150304_modal_a_02.jpg) no-repeat;
	width:739px;
	height:96px;
	border:none;
	cursor:pointer;
}
.btn_relief_no2_2 {
	background:url(/regist/common/images/20150304_modal_b_02.jpg) no-repeat;
	width:739px;
	height:96px;
	border:none;
	cursor:pointer;
}
.btn_relief_no3 {
	background:url(/regist/common/images/20150408_modal_d.jpg) no-repeat;
	width:739px;
	height:145px;
	border:none;
	cursor:pointer;
}
.btn_relief_no3_2 {
	background:url(/regist/common/images/20150408_modal_d_02.jpg) no-repeat;
	width:739px;
	height:145px;
	border:none;
	cursor:pointer;
}
.btn_relief_no4 {
	background:url(/regist/common/images/20221012_modal_e.gif) no-repeat;
	width:739px;
	height:56px;
	border:none;
	cursor:pointer;
}
.btn_relief_no4_2 {
	background:url(/regist/common/images/20210318_modal_e_02.gif) no-repeat;
	width:739px;
	height:108px;
	border:none;
	cursor:pointer;
}
ul.modal_btn_area_relief_ul2 {
	padding: 0 0 10px;
	margin:0 auto;
	margin-top:25px;
}

ul.modal_btn_area_relief_ul2 li {
	padding:0;
	list-style:none;
}

p.modal_read_relief2 {
	font-size: 110%;
	padding: 10px 0 40px 0;
	margin: 0 auto;
	width: 735px;
	text-align: left;
	line-height: 1.5;
}
/*コース選択エラーポップアップ*/
body .alertArea{
	visibility:hidden;
	position:absolute;
	z-index: 9998;
	font-family: "メイリオ",Arial,Verdana,"Lucida Grande","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	font-weight: bold;
	}
.alertBK{
	background-color: #000000;
	height: 100%;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	position: fixed;
	width: 100%;
	z-index: 9999;
	}
.alertArea_inner{
	background-color: #ffffff;
	position: fixed;
	width: 384px;
	z-index: 10000;
	border: solid 1px #d44a4a;
	}
.alertArea_close{
	position: absolute;
	right:5px;
	top: 6px;
	cursor: pointer;
	}
.alertTitle{
	background-color: #f1b8b8;

	font-size: 120%;
	text-align: left;
	padding: 7px 12px 5px 12px;
	}
.alertArea_inner p{
	padding: 35px 0 70px 0;
	font-size: 140%;
	color: #cc0000;
	background: url(/regist/common/images/20150304_alert_bg.jpg) no-repeat bottom;
	margin: 0;
	}
/*有償コース訴求*/
.IMG_Listbg{
	text-align: center;
	width: 980px;
	padding-bottom: 35px;
	background-color: #FBFDDC;
	}

.indent1_2{
	padding-left:1.2em;
	text-indent:-1.2em;
	margin-bottom:10px;
	}

/* ----------------------------
 プレミアムコース比較表追加_20150501
---------------------------- */
table.premiumComparison,.attention_text{
	font-family:"メイリオ";
	font-weight: bold;
	border: 1px solid #8b7c39;
	border-collapse: collapse;
	color: #585858;
	table-layout:fixed;
	}
table.premiumComparison td{
	border-left: 1px solid #8b7c39;
	padding: 10px;
	text-align: center;
	}
table.premiumComparison tr.pdNone td,table.premiumComparison td.pdNone{padding: 0;}
table.premiumComparison tr td.tableTitle{
	color: #7e6a18;
	font-size: 130%;
	font-weight: normal;
	}
tr.bdTop td{border-top: 1px solid #8b7c39;}
table.premiumComparison tr.features td{
	background-color: #fffbd0;
	color: #675d0c;
	font-weight: normal;
	font-size:100%;
	}
table.premiumComparison tr.features td.tableTitle{font-size: 130%;}
tr.features td img{
	margin: 10px auto 0 auto;
	display:block;
	}
table tr.odd_number td{background-color: #faf7e9;}
table tr.odd_number.bgWhite td{background-color: #FFF;}
table tr.odd_number td.specialType{background-color: #f5edc9;}
table tr.odd_number td.specialType_support{background-color: #efe3ad;}
.premium_line{width: 222px;}
.free_line{width: 194px;}
table.premiumComparison td.textLeft span{
	font-weight: bold;
	display: block;
	font-size: 130%;
	line-height:130%;
	margin-bottom: 5px;
	}
table.premiumComparison td.textLeft{
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	line-height: 130%;
	}
table.premiumComparison td.cost span{
	font-size: 100%;
	line-height: 110%;
	color: #585858;
	display: block;
	font-weight: normal;
	}
table.premiumComparison td.cost_free{
	font-weight: normal;
	font-size: 130%;
	}
table.premiumComparison td.cost strong{
	font-size: 165%;
	color: #b03131;
	font-weight: bold;
	}
table.premiumComparison td.cost span.cashbackText{
	color: #b03131;
	}
.attention_text{
	color: #585858;
	margin: 5px 0 20px 0;
	font-size: 110%;
	font-weight: normal;
	border: none;
	}
/*-------------コース選択画面ベーシック訴求施策--------------*/
.privilegeBox img{
	float: left;
	}
.basic_btn_yes{
	background:url(/regist/common/images/basicModal_B_basicBtn.jpg) no-repeat;
	width:739px;
	height:175px;
	border:none;
	cursor:pointer;
	}
.basic_btn_yes2{
	background:url(/regist/common/images/basicModal_B_basicBtn_2free.jpg) no-repeat;
	width:739px;
	height:175px;
	border:none;
	cursor:pointer;
	}
.basic_btn_yes3{
	background:url(/regist/common/images/basicModal_B_basicBtn_3free.jpg) no-repeat;
	width:739px;
	height:175px;
	border:none;
	cursor:pointer;
	}
.basic_btn_no{
	background:url(/regist/common/images/basicModal_B_freeBtn.jpg) no-repeat;
	width:739px;
	height:115px;
	border:none;
	cursor:pointer;
	margin-bottom: 30px;
	}
/*-------------王冠アイコン-------------*/
.crown {
	margin: 0 7px -3px 0px;
}
/*------------- 解約ページ防止施策 --------------*/
.modal3{
	visibility:hidden;
	position:absolute;
	z-index: 9998;
	}
.modalCancelBody{
	width: 940px;
	position: fixed;
	z-index: 10000;
	font-family: 'メイリオ';
	font-size: 140%;
	text-align: center;
	}
.modalCancelwrapper{
	background-color: #ffffff;
	border-bottom: solid 1px #cccccc;
	margin-bottom:20px;
	}
.modalCancelBody .modalLeft{
	float: left;
	width: 450px;
	}
.modalCancelBody .modalLeft p{
	background: url(/regist/common/images/cancel_modal_continueArrow.jpg) no-repeat;
	text-align: left;
	padding-left: 90px;
	color: #a60606;
	font-weight: bold;
	font-size:115%;
	margin-bottom: 5px;
	}
.modalCancelBody .modalRight{
	float: right;
	width: 450px;
	}
.modalCancelBody .modalRight p{
	background: url(/regist/common/images/cancel_modal_cancelArrow.jpg) no-repeat;
	text-align: left;
	padding-left: 90px;
	font-weight: bold;
	font-size:115%;
	margin-bottom: 5px;
	}
/* add: 2018/8/21 start */
.modalCancelBody .modalLeft_2,
.modalBody2 .modalLeft_2{
	float: left;
	width: 396px;
	padding: 5px;
	border: #d5d4cf solid 2px;
	}
.modalCancelBody .modalLeft_2 p,
.modalBody2 .modalLeft_2 p{
	background: url(/regist/common/images/cancel_modal_continue.png) no-repeat 3px center;
	text-align: left;
	padding: 9px 5px 4px 51px;
	margin-bottom: 0;
	color: #a60606;
	font-weight: bold;
	font-size:115%;
	background-color: #fffd7e;
	}
.modalCancelBody .modalRight_2,
.modalBody2 .modalRight_2{
	float: right;
	width: 396px;
	padding: 5px;
	border: #d5d4cf solid 2px;
	}
.modalCancelBody .modalRight_2 p,
.modalBody2 .modalRight_2 p{
	background: url(/regist/common/images/cancel_modal_cancel.png) no-repeat 3px center;
	text-align: left;
	padding: 9px 5px 4px 51px;
	margin-bottom: 0;
	font-weight: bold;
	font-size:115%;
	background-color: #fffd7e;
	}
.modalCancelBody .modalMiddle_2,
.modalBody2 .modalMiddle_2 {
		float: left;
	}
/* add: 2018/8/21 end */

.modalCancel_btn{
	background: url(/regist/common/images/cancel_modal_cancelBtn.jpg);
	width:739px;
	height:122px;
	cursor: pointer;
	border: none;
	}
/* add: 2018/8/21 start */
.modalCancel_btn_2{
	background: url(/regist/common/images/cancel_modal_cancelBtn_02.jpg);
	width:739px;
	height:122px;
	cursor: pointer;
	border: none;
	}
/* add: 2018/8/21 end */
.modalCancel_read{
	padding: 15px 0;
	background-color: #fbf7de;
	font-weight: bold;
	line-height: 200%;
	font-size: 100%;
	}
.modalCancel_read span.privilegeText{
	color: #a60606;
	font-size:115%;
	}
.modalCancel_read span.premiumPeriod,
.modalCancelBody .infomation_text span.premiumPeriod{
	background-color: #cc0000;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 10px 2px 10px;
	}
.modalCancel_read span.premiumPeriod strong,
.modalCancelBody .infomation_text span.premiumPeriod strong{
	font-size: 140%;
	}
.modalCancel_visual{
	margin: 0 15px;
	}
.modalCancelBody .infomation_text{
	color: #333333;
	font-size: 95%;
	font-weight: bold;
	margin: 0 30px;
	text-align: left;
	}

/* -- 20151104メール選択画面モーダル追記 -- */

.mailModalTxt {
	padding:15px 15px 30px 15px;
	background-color:#eefcff;
}
.mailChkTxt {
	margin:0;
	font-size: 122%;
	font-family:"メイリオ";
	line-height: 1.4;
	text-align:left;
}

.mailChkTxt span{
	color:#bc0000;
}

.mailSelectYes {
	background:url(/regist/common/images/mail_infomailBtn_yes.gif) no-repeat center;
	cursor:pointer;
	width:739px;
	height:198px;
}

.mailSelectNo {
	background:url(/regist/common/images/mail_infomailBtn_no.gif) no-repeat center;
	cursor:pointer;
	width:739px;
	height:107px;
}

.DMSelectYes {
	background:url(/regist/common/images/directMail_yes.gif) no-repeat center;
	cursor:pointer;
	width:739px;
	height:198px;
}

.DMSelectNo {
	background:url(/regist/common/images/directMail_no.gif) no-repeat center;
	cursor:pointer;
	width:739px;
	height:107px;
}

ul.mailSelectBtn {
	width:739px;
	margin:0 auto;
	margin-top:30px;
	padding-bottom: 45px;
}

ul.mailSelectBtn li{
	list-style:none;
}

.modalBody_mail2, .modalBody_mail{
	width:940px;
	position: fixed;
	z-index: 10000;
	padding-bottom:20px;
	display:none;
}

/* -- 20160314モーダル追記 -- */
.modal4, .modal5{
	visibility:hidden;
	position:absolute;
	z-index: 9998;
}

.modalBody2{
	background-color: #ffffff;
	position: fixed;
	width: 940px;
	z-index: 10000;
	/* add: 2018/8/22 start*/
	font-family: 'メイリオ';
	font-size: 140%;
	text-align: center;
	/* add: 2018/8/22 end*/
}

p.modal_read2{
	font-family:"メイリオ";
	font-size: 125%;
	text-align:center;
	margin: 0 auto;
	line-height: 150%;
	padding-bottom:15px;
	padding-top: 15px;
	background-color:#fbf7de;
	font-weight:bold;
}
/* add: 2018/8/22 start*/
p.modal_read3{
	font-family:"メイリオ";
	font-size: 90%;
	text-align:center;
	margin: 0 auto;
	line-height: 150%;
	padding-bottom:15px;
	padding-top: 15px;
	background-color:#fbf7de;
	font-weight:bold;
}
/* add: 2018/8/22 end*/

p.modal_read2 span,
p.modal_read3 span {
	color:#a60606;
}

p.modal_img2{
	text-align:center;
	margin:0;
}

.mdcancel2{
	background: url(/regist/common/images/cancel_page_modal02_05_btn.png);
	width:739px;
	height:122px;
	cursor: pointer;
	border: none;
}

.modal_btn_area2 {
	margin: 0 auto;
	width:739px;
	padding-bottom: 20px;
}

.modal_link {
	margin:0;
	text-align:right;
	font-size: 140%;
	font-weight: bold;
	padding-right: 25px
}

.modal_link span {
	background:url(/regist/common/images/linkArrow.png) no-repeat left;
	padding-left: 25px;
	font-family: "メイリオ";
}

p.mg20 {
	margin-bottom:20px;
}

.mdcancel4{
	background: url(/regist/common/images/cancel_page_modal04_05_btn.png);
	width:739px;
	height:122px;
	cursor: pointer;
	border: none;
}

.mdcancel5{
	background: url(/regist/common/images/cancel_page_modal05_05_btn.png);
	width:739px;
	height:122px;
	cursor: pointer;
	border: none;
}



/*-- ABテスト 20160421追記 --*/
#registCourseArea {
	margin-bottom:50px;
	display:block;
}

.contentsarea #registCourseArea ul {
	list-style:none;
	padding:0;
	margin-bottom:25px;
}

.contentsarea #registCourseArea ul li{
	float:left;
	margin-right:10px;
	line-height:1.2;
}

.contentsarea #registCourseArea ul li.normalService{
	width:152px;
	border:2px solid #d6d2c5;
	background-color:#f5f5f5;
	margin-top: 115px;
}

.contentsarea #registCourseArea ul li.normalService .courseTtl {
	text-align:center;
	font-weight:bold;
	padding:10px 0;
}

.contentsarea #registCourseArea ul li.recommendService .courseTtl {
	text-align:center;
	font-weight:bold;
	padding:15px 0;
	font-size: 115%;
}

.nBtn {
	width: 146px;
	background: url(/premium/members/premium/common/images/normalCourseBtn.png) no-repeat center;
	margin: 0 auto;
	text-align:center;
	margin-bottom:10px;
}

.recommendService .nBtn {
	width: 176px;
	background: url(/premium/members/premium/common/images/specialCourseBtn.png) no-repeat center;
	margin: 0 auto;
	text-align:center;
	margin-bottom:10px;
}

.nBtn:hover {
	cursor:pointer;
	opacity:0.7;
}


.nBtn span{
	display:inline-block;
	background:url(/premium/members/premium/common/images/courseBtnArrow.png) no-repeat right;
	font-weight:bold;
	padding:12px 14px 12px 0;
}

.courseCat {
	text-align:center;
	background-color:#FFF;
	padding: 20px 0;
}

.normalPrivilegeArea {
	padding:3px;
}

.normalFreePrivilege {
	border: solid 1px #b0ab43;
	border-top:none;
}

.firstBox {
	border-top: solid 1px #b0ab43;
}


.normalPrivilege {
	border: solid 1px #b0ab43;
	margin-bottom:3px;
}

.recommendPrivilege {
	border: solid 1px #b0ab43;
	margin-bottom:3px;
}


.lastBox {
	margin-bottom:0;
}

.innerBox {
	border: solid 1px #FFF;
	background: #fffcc1;
	background: -moz-linear-gradient(top, #fffcc1 0%, #fffaa4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffcc1), color-stop(100%,#fffaa4));
	background: -webkit-linear-gradient(top, #fffcc1 0%,#fffaa4 100%);
	background: -o-linear-gradient(top, #fffcc1 0%,#fffaa4 100%);
	background: -ms-linear-gradient(top, #fffcc1 0%,#fffaa4 100%);
	background: linear-gradient(to bottom, #fffcc1 0%,#fffaa4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcc1', endColorstr='#fffaa4',GradientType=0 );
	cursor: pointer;
}

.innerBox:hover {
	opacity:0.7;
}

.op1:hover {
	opacity:1;
}

.op1 {
	cursor:auto;
}

.privilegeTtl {
	text-align: center;
	background: url(/premium/members/premium/common/images/normalCourseFoot.png) no-repeat bottom right;
	padding: 8px 2px;
	font-size: 81%;
}

.oneLine {
	padding:25px 2px;
}

.twoLine {
	padding:16px 2px;
}

.recPrivilegeTtl {
	text-align: center;
	background: url(/premium/members/premium/common/images/specialCourseFoot.png) no-repeat bottom right;
	font-weight: bold;
	padding:25px 0;
}

.recTwoLine {
	padding:36px 0;
}

.pdT0 {
	padding-top:0;
}

.op1 div {
	text-align: center;
	padding: 8px;
	font-size: 76%;
}

.normalRecBox {
	background-color:#ffd566;
	font-weight:bold;
	padding:13px 0;
	border:1px solid #FFF;
	text-align:center;
	font-size: 89%;
	margin-bottom:2px;
}

.contentsarea #registCourseArea ul li.recommendService{
	width:236px;
}

.recTxt {
	border:3px solid #d90000;
	font-size: 89%;
	font-weight:bold;
	color:#d90000;
	padding:10px 7px;
	margin-bottom:5px;
}

.standardArea {
	background-color:#ff9940;
	border:2px solid #ff9940;
}

.wideArea {
	background-color:#ffc999;
	border:2px solid #ffc999;
}

.recoCourseCat {
	text-align:center;
	background-color:#FFF;
	padding: 13px 0;
	font-weight:bold;
}

.recoCourseCat span{
	font-size:164%;
}

.recoPrivilegeArea {
	padding:3px;
}

.recoRecBox {
	background-color:#ffd566;
	font-weight:bold;
	padding:10px 0;
	border:1px solid #FFF;
	text-align:center;
	font-size: 110%;
	margin-bottom:2px;
}


.contentsarea #registCourseArea ul li.last{
	margin-right:0;
}

div.ContentsBasic p.btnClickTxt {
	margin:0;
	margin-top:15px;
}

div.ContentsBasic p.supplementTxt {
	font-size:80%;
	margin-left:20px;
}

div.ContentsBasic p.supplementTxt span{
	display:inline-block;
	margin-left:-20px;
	margin-right: 5px;
}


/*-- tooltip用 --*/
div.ContentsBasic .tooltip2 p {
	margin:0;
}

.tooltip2 {
	display: none;
	position: absolute;
	width: 339px;
	background: url(/premium/members/premium/common/images/tooltipFoot.png) no-repeat bottom left;
	padding-bottom: 22px;
	z-index: 9999;
}

.tooltipHead2 p {
    background-image: none;
    padding: 0;
    text-align: right;
    position: relative;
    top: -11px;
    left: -10px;
}

.tooltipHead2 {
	width: 339px;
	background: url(/premium/members/premium/common/images/tooltipHead.png) no-repeat bottom left;
	padding-top: 21px;
}

.tooltipBody2 {
    width: 339px;
    background: url(/premium/members/premium/common/images/tooltipBody.png) repeat-y bottom left;
}

.tPrivBox2 {
    width: 280px;
    margin-left: 20px;
}

.tPrivBox2 img {
    position: relative;
    margin-top: -15px;
}

p.tPrivTtl2 {
	background-image: none;
    text-align: left;
    padding: 10px 0 5px 0;
    color: #5b4530;
    font-weight: bold;
    font-size: 96%;
	line-height:1.2;
}

div.ContentsBasic p.tPrivTxt2 {
	font-size:86%;
	line-height:1.2;
}

div.ContentsBasic p.tPrivTxt2Pd {
	padding-bottom:20px;
}

.tPrivLink2 {
    padding: 15px 0 15px 0;
    background-image: none;
    text-align: right;
    font-size: 120%;
}

.tPrivLink2 span{
    background: url(/premium/members/premium/common/images/tPrivLinkArrow.png) no-repeat right;
    padding-right: 12px;
	color:#f27100;
	font-weight:bold;
	font-size:96%;
}

img.closeBtn2 {
	cursor:pointer;
}

/*---- 20160613 My Cloud プレミアムカード追記 ----*/
.mcpcPrArea{
	margin: 40px 0 50px;
}

.mgB0 {
	margin-bottom: 0px;
}

.mcpcPrArea a:hover{
	opacity:0.7;
}

div.ContentsBasic p.mcpcCp {
	width: 980px;
    text-align: right;
    position: absolute;
    margin-top: -187px;
}

div.ContentsBasic p.mcpcCp img{
	margin-right: 9px;
}

div.ContentsBasic p.mcpcEntryBtn {
	width: 980px;
    text-align: center;
    position: absolute;
    margin-top: -51px;
}


/*---- 20170727 POSA モーダル 追記 ----*/
.posaArea {
	width:910px;
	margin:0 auto;
	margin-top:30px;
}

.posaModalBody {
	padding:25px 0 30px 0;
	background:#ffffdc;
	border:1px solid #f0efbd;
	border-top:none;
}

.posaModalTxtUp {
	font-size:95%;
	margin-bottom:25px;
	font-family:"メイリオ", Meiryo;
}

.posaModalTxtLow {
	font-size:95%;
	color:#c90000;
	padding:0 15px;
	text-align:left;
	font-family:"メイリオ", Meiryo;
}

.posaModalSW {
	font-size:133%;
}

.posaModalSWCenter {
	text-align:center;
}

.posaMgB {
	margin-bottom:25px;
}


/*---- 20170830 POSA モーダル 追記 ----*/
.cardExtTxt {
	font-size:73%;
	padding: 0 10px;
	margin-bottom:40px;
}

div.ContentsBasic p.cardExtTxtNormal {
	margin-bottom: 35px;
}

div.ContentsBasic p.cardExtTxtRed {
	color:#F00;
	margin-bottom:45px;
}

div.ContentsBasic p.cardExtTxtRed span{
	font-weight:bold;
	text-decoration:underline;
}

.cardExtCourseBox {
	margin:0 auto;
	width:590px;
	border:1px solid #d8d9cb;
	margin-bottom:25px;
}

.cardExtCourseBoxTtl {
	text-align:center;
	border-bottom:1px solid #d8d9cb;
	font-weight:bold;
	font-size: 165%;
	padding:15px 0;

}

.contentsarea .regist_ui ul.cardExtCourse {
	padding:0;
	margin:0;
}

.cardExtCourseName {
	float:left;
	width:295px;
	border-right:1px solid #d8d9cb;
	border-bottom:1px solid #d8d9cb;
}

.cardExtCourseNameInner {
	margin:2px;
	background:#f7f4e5;
	padding:10px 0 8px 25px;
	font-size: 125%;
}

.cardExtCoursePrice {
	float:right;
	width:294px;
	border-bottom:1px solid #d8d9cb;
}

.cardExtCoursePriceInner {
	margin:2px;
	padding:10px 0 8px 55px;
	font-size: 125%;
}

.cardExtCourseNorBoder {
	border-bottom:none;
}

.cardExtDropBox {
	margin:0 auto;
	width:964px;
	background:#f4f4f4;
}

.cardExtDropInner {
	padding:20px 15px;
	font-size: 101%;
}

.cardExtDropInnerTtl {
	font-weight:bold;
}

.contentsarea .regist_ui ul.cardExtDropList li {
	list-style:disc;
}

.cardEntryArea {
	margin:0 auto;
	width:964px;
	margin-top:40px;
	background:#f4f4f4;
	text-align:center;
	padding:0 0 20px 0;
}

div.ContentsBasic .cardEntryArea p {
	padding:0;
	margin:0;
}

.posaEtrBackBtn {
	background:url(/regist/common/images/posaExtBackBtn.gif) no-repeat;
	width:225px;
	height:59px;
	margin-right:50px;
}

.posaEtrEntryBtn {
	background:url(/regist/common/images/posaExtCreditBtn.gif) no-repeat;
	width:399px;
	height:59px;
}

span.posaBoldRed {
	font-weight:bold;
	color:#F00;
}


/*---- 20171106 My Cloud アカウント登録更新 [entrance_support.vhtml] Start ----*/
body .regist_ui_entrance {
	font-size: 100%;
}
/*-- mainArea --*/
.entrance_support .mainArea {
	margin-bottom:30px;
}

div.ContentsBasic .entrance_support h1 {
	font-weight: normal;
	border-left:8px solid #0077f5;
	padding:0 0 0 12px;
	font-size: 115%;
	margin:20px 0;
	background-color: #fff;
	background-image: none;
	width: 100%;
	height: auto;
	color: #333333;
}
div.ContentsBasic .entrance_support h2 {
	margin: 30px 0;
	padding: 0;
    font-weight: normal;
    color: #0077f5;
    text-align: center;
    font-size: 216%;
	letter-spacing: 0.03em;
	background-color: #fff;
	background-image: none;
}

div.ContentsBasic .entrance_support h3 {
	margin: 0 0 70px 0;
    font-weight: normal;
    color: #0077f5;
    text-align: center;
    font-size: 247%;
	line-height:1.6;
	letter-spacing: 0.03em;
	background-image: none;
}

div.ContentsBasic .entrance_support h4 {
	margin: 0 0 70px 0;
    font-weight: normal;
    color: #ad8d38;
    text-align: center;
    font-size: 247%;
	line-height:1.6;
	letter-spacing: 0.03em;
	background-image: none;
}

div.ContentsBasic .entrance_support  h5 {
	margin: 0 0 70px 0;
    font-weight: normal;
    color: #ad8d38;
    text-align: center;
    font-size: 247%;
	line-height:1.6;
	letter-spacing: 0.03em;
}

div.ContentsBasic .entrance_support  h6 {
	font-size: 231%;
	font-weight: normal;
	line-height: 1.6;
	color:#0077f5;
	text-align:center;
	padding-top:10px;
	letter-spacing: 0.03em;
}

.contentsarea .entrance_support ul.mainList {
	padding:0 60px;
	margin: 0;
}
.entrance_support ul.mainList li {
	float:left;
	margin: 0 40px 0 0;
}

.entrance_support ul.mainList li:last-child {
	margin-right:0;
}


/*-- contentsArea --*/
div.contentsArea {
	width: 100%;
	margin: 0;
}
.entrance_support .contentsBlock{
	min-height:350px;
	margin-bottom:30px;
}

.entrance_support .lastBlock {
	margin-bottom:140px;
}

.entrance_support div.contentsArea div.leftBox {
	float:left;
	width:340px;
	margin-left:20px;
}

.entrance_support div.contentsArea div.rightBox {
	float:right;
	width:360px;
}

.entrance_support .cb1 {background:url(/entry/images/img_free_4.jpg) no-repeat top;}
.entrance_support .cb2 {background:url(/entry/images/img_free_5.jpg) no-repeat top;}
.entrance_support .cb3 {background:url(/entry/images/img_free_6.jpg) no-repeat top;}
.entrance_support .cb4 {background:url(/entry/images/img_premium_7.jpg) no-repeat top;}
.entrance_support .cb5 {background:url(/entry/images/img_premium_8.jpg) no-repeat top;}
.entrance_support .cb6 {background:url(/entry/images/img_premium_9.jpg) no-repeat top;}

.entrance_support .contentsTtl {
	color:#0077f5;
	line-height:1.6;
	font-size: 215%;
	margin-bottom:30px;
}

.entrance_support .contentsTtlPre {
	color:#ad8d38;
	line-height:1.6;
	font-size: 215%;
	margin-bottom:30px;
}

.entrance_support .contentsTxt {
	color:#333;
	line-height:1.6;
	font-size: 137%;
}

.entrance_support .naviImage {
	text-align:center;
	margin-bottom:120px;
}

/*-- entryBtnArea --*/
.entrance_support .entryBtnArea {
	background:#f5f5f5;
	padding:40px 0 40px 0;
	margin:0 0 120px 0;
}

.entrance_support .entryInner {
	padding:0 80px;
	width:820px;
	margin:0 auto;
}

.entrance_support .leftBtnArea {
	float:left;
	width:380px;
}

.entrance_support .rightBtnArea {
	float:left;
	width:380px;
	margin-left:60px;
}

.entrance_support .entryTtl {
	text-align:center;
	font-size:154%;
	margin-bottom:30px;
}

.entrance_support .entryBtn {
	width:380px;
	margin-bottom:20px;
}

.entrance_support .entryBtn a span:hover{
	opacity:0.8;
}

.entrance_support .entryBtn a:hover{
	text-decoration:none;
}

.entrance_support .entryBtn span{
	display:block;
	text-align:center;
	color:#fff;
	text-decoration: none;
	background: #0077f5;
	border-radius: 5px;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	font-size:138%;
	padding:17px 0 16px 0;
}

.entrance_support .entryTxt1 {
	font-size: 93%;
	text-align:center;
	margin-bottom:30px;
	line-height:1.6;
}

.entrance_support .entryInnerTxt {
	font-size: 93%;
	line-height:1.6;
}

.entrance_support .entryInnerTxt a {
	color:#003399;
	text-decoration:underline;
}

.entrance_support .entryInnerTxt a:hover {
	text-decoration:none;
	opacity:1.0;
}

.entrance_support .entryInnerTxt a:visit {
	color:#003399;
}

.entrance_support .mgB70 {
	margin-bottom:70px;
}
/*---- 20171106 My Cloud アカウント登録更新 [entrance_support.vhtml] End ----*/



/*-- 20171206 リニューアル --*/

div.ContentsBasic .regist_ui h1.scTtl {
	margin:0;
	padding:0;
	background:#FFF;
}

/* コース比較表 */
.sccHead {
	float:right;
	border:1px solid #8d8d8d;
	border-bottom:none;
	font-weight:bold;
	line-height:1.2;
}

.uEntry {
	float:left;
	width:86px;
	text-align:center;
	padding-top:20px;
	font-size:66%;
}

.scPremium {
	float:right;
}

.scPremiumAll {
	background:#e4ebee;
	border-left:1px solid #8d8d8d;
	text-align:center;
	padding:5px 0;
	font-size:99%;
}

.scTable {
	display:table;
	table-layout:fixed
}

.scPremiumBox {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:86px;
	border-left:1px solid #8d8d8d;
	border-top:1px solid #8d8d8d;
	font-size:66%;
	padding:5px 0;
}

.scBox {
	border:1px solid #8d8d8d;
	border-bottom:none;
	background:#e4ebee;
}

.scBoxLast {
	border-bottom:1px solid #8d8d8d;
}

.scBoxLeft {
	float:left;
	width:178px;
}

.scBoxLefBg01{background:url(/regist/common/images/scBoxLefBg01.png) no-repeat top center;}
.scBoxLefBg02{background:url(/regist/common/images/scBoxLefBg02.png) no-repeat top center;}
.scBoxLefBg03{background:url(/regist/common/images/scBoxLefBg03.png) no-repeat top center;}

.scBoxLeftTxt {
	text-align:center;
	padding:5px 0 78px 0;
	font-weight:bold;
	font-size:99%;
}

.scBoxRight {
	float:right;
	width:800px;
	background:#FFF;
}

.scLine {
	display:table;
	border-bottom:1px solid #8d8d8d;
}

.scCell {
	border-left:1px solid #8d8d8d;
	width:86px;
	display:table-cell;
}

.scCellBB0 {
	border-bottom:none;
}

.scCellBg {
	background:#ffc592;
}

.scName {
	width:365px;
}

.tltpName, .tltpName2 {
	float:left;
	margin: 7px 0 0 20px;
}

.scAccordionP.tltpName, .scAccordionP .tltpName2 {
	width: 248px;
}

.scAccordionC .tltpName, .scAccordionC .tltpName2 {
	width: 340px;
}

.tltpName span, .tltpName2 span{
	cursor:pointer;
	font-size:85%;
}

.tltpName2 span{
	cursor:auto;
}

.tltpName span:hover{
	text-decoration:underline;
}

.acdBtn {
	float:right;
	width:76px;
	text-align:center;
	background:#f0eac6;
	border-radius:15px;
	margin: 5px 20px 0 0;
	padding:5px 0 3px 0;
	cursor:pointer;
	font-size:66%;
	letter-spacing: 0.2em;
}

.scAccordionC {
	display:none;
}

/* コース選択ボタン他 */
.contentsarea  ul.selectCourseList{
	margin:0;
	padding:0;
	margin-top: 8px;
}

.contentsarea  ul.selectCourseList li {
	float:left;
	width:230px;
	margin-right:20px;
	cursor:pointer;
}

.contentsarea  ul.selectCourseList li:hover {
	opacity:0.7;
}

.contentsarea  ul.selectCourseList li:last-child {
	margin-right:0;
}

.selectCourseListFree {
	position:absolute;
	background:url(/regist/common/images/selectCourseListFree.png) no-repeat left;
	color:#FFF;
	margin-top:-7px;
	width:161px;
	padding: 6px 69px 4px 0;
	text-align:center;
}

.gray {
	background:url(/regist/common/images/selectCourseListFreeGray.png) no-repeat left;
}

.selectCourseListFree span.sclfSmall{
	display: inline-block;
	font-size:71%;
}

.selectCourseListFree span.sclfBig{
	font-size:13px;
	display: inline-block;
	margin-left: 8px;
	font-weight:bold;
	font-size:110%;
}


.selectCourseListBox,.selectCourseListBox1 {
	background:#dadada;
	border-radius:8px;
	padding:45px 0 32px 0;
}

.sclBgColorOra {
	background:#ffa04d;
}

.sclBgColorOcher {
	background:#f0eac6;
}

.selectCourseListName {
	text-align:center;
	font-size:165%;
}

.selectCourseListName span{
	font-size:59%;
}

.selectCourseListDetail {
	padding:0 19px;
	text-align:center;
	font-weight:bold;
	font-size:87%;
	margin:15px 0 5px 0;
}

.selectCourseListPrice {
	text-align:center;
	padding:5px 0 10px 0;
	font-size:164%;
}

.selectCourseListPrice span{
	font-size:56%;
}

.selectCourseListBtn {
	width:172px;
	margin:0 auto;
	border-radius:5px;
	background:#c0c0c0;
	text-align:center;
	font-weight:bold;
	padding:8px 0 6px 0;
	font-size:110%;
}

.sclBgColorOra .selectCourseListBtn {
	background:#f1881a;
	color:#FFF;
}

.sclBgColorOcher .selectCourseListBtn {
	background:#ffc426;
}

.scFreePeriodTxt {
	font-size:75%;
	margin-top:8px;
}

.selectCourseFreeBtnArea {
	padding:90px 0 115px 0;
}

.selectCourseFreeBtnAreaPdt {
	padding-top:130px;
}

.selectCourseFreeBtn {
	margin:0 auto;
	width:576px;
	background:#f0eac6;
	border:1px solid #958c58;
	text-align:center;
	border-radius:9px;
	padding:25px 0 23px 0;
	cursor:pointer;
	font-size:143%;
}

.selectCourseFreeBtn:hover {
	opacity:0.7;
}

.topScroll {
	position: fixed;
	right: 0;
	bottom: 0;
	margin-bottom: 25px;
	margin-right:-60px;
	cursor:pointer;
}

.rCpBnr {
	margin:15px 0;
}


/*---- ADD: 2018/02/14 ユーザー登録更新: OOBEメール確認画面 [input.vhtml] Start ----*/

div.ContentsBasic .regist_ui .mainArea_regist h2 {
	background-color: #fff;
	margin: 40px 0 30px;
	padding: 0;
	color:#0077f5;
	text-align: center;
	font-size: 154%;
	font-weight: normal;
	letter-spacing: 0.03em;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.contentsarea .regist_ui .mainArea_regist ul.mainList {
	padding:0 60px;
	margin: 0;
}
.regist_ui .mainArea_regist ul.mainList li {
	float:left;
	margin: 0 40px 0 0;
}
.regist_ui .mainArea_regist ul.mainList li:last-child {
	margin-right:0;
}

/* 入力エリア */
.regist_ui .mainArea_regist .contents_entey {
	margin-top: 30px;
	background-color: #f5f5f5;
}
.regist_ui .mainArea_regist .copy {
	margin: 0;
	padding-top: 50px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.regist_ui .mainArea_regist .srvsptImage {
	margin-top: 40px;
	text-align: center;
}
.regist_ui .mainArea_regist table.itemList {
	border: none;
	margin: 40px 0;
	width: 850px;
}
.regist_ui .mainArea_regist table.itemList th {
	color: #333333;
	font-weight: normal;
	background-color: #f5f5f5;
	text-align: right;
	padding: 0 20px 0;
	margin: 0;
	border: none;
	width:260px;
}
.regist_ui .mainArea_regist table.itemList td{
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 0;
	border: none;
}
div.ContentsBasic .regist_ui .mainArea_regist input[type="text"] {
	width: 580px;
	height: 50px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px;
	border: 1px solid #959595;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	background-color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.regist_ui .mainArea_regist .textCenter {
	padding-bottom: 80px;
}

/* [次へ] ボタン */
.regist_ui .mainArea_regist .btnNext {
	background:url(/regist/registuser/images/btn_next.png);
}
.regist_ui .mainArea_regist .btn {
	width: 400px;
	height: 60px;
}

/* 無料のユーザー登録でご利用いただける充実のサポート */
.contents_support {
	margin-top: 80px;
}
.regist_ui .mainArea_regist .contents_support h3 {
	margin: 0 0 70px 0;
	padding: 0;
	background: none;
	font-weight: normal;
	color: #0077f5;
	text-align: center;
	font-size: 180%;
	line-height:1.6;
	letter-spacing: 0.03em;
	border: 0;
}
.regist_ui .mainArea_regist .contents_support h4 {
	margin: 0 0 70px 0;
	font-weight: normal;
	color: #ad8d38;
	text-align: center;
	font-size: 180%;
	line-height:1.6;
	letter-spacing: 0.03em;
}
.regist_ui .mainArea_regist .contents_support h5 {
	margin: 0 0 70px 0;
	font-weight: normal;
	color: #ad8d38;
	text-align: center;
	font-size: 180%;
	line-height:1.6;
	letter-spacing: 0.03em;
}
.regist_ui .mainArea_regist .contentsBlock {
	min-height: 350px;
	margin-bottom: 30px;
}
.regist_ui .mainArea_regist .lastBlock {
	margin-bottom:140px;
}
.regist_ui .mainArea_regist .leftBox {
	float:left;
	width:340px;
	margin-left:20px;
}
.regist_ui .mainArea_regist .rightBox {
	float:right;
	width:360px;
}
.regist_ui .mainArea_regist .contentsTtl {
	color:#0077f5;
	line-height:1.6;
	font-size: 154%;
	margin-bottom:30px;
}
.regist_ui .mainArea_regist .contentsTtlPre {
	color:#ad8d38;
	line-height:1.6;
	font-size: 154%;
	margin-bottom:30px;
}
.regist_ui .mainArea_regist .contentsTxt {
	color:#333;
	line-height:1.6;
	font-size: 99%;
}
.regist_ui .mainArea_regist .cb1 {background:url(/regist/registuser/images/img_free_4.jpg) no-repeat center;}
.regist_ui .mainArea_regist .cb2 {background:url(/regist/registuser/images/img_free_5.jpg) no-repeat center;}
.regist_ui .mainArea_regist .cb3 {background:url(/regist/registuser/images/img_free_6.jpg) no-repeat center;}
.regist_ui .mainArea_regist .cb4 {background:url(/regist/registuser/images/img_premium_7.jpg) no-repeat center;}
.regist_ui .mainArea_regist .cb5 {background:url(/regist/registuser/images/img_premium_8.jpg) no-repeat center;}
.regist_ui .mainArea_regist .cb6 {background:url(/regist/registuser/images/img_premium_9.jpg) no-repeat center;}
.regist_ui .mainArea_regist .naviImage {
	text-align:center;
	margin-bottom:120px;
}

/* エラーメッセージ */
.regist_ui .mainArea_regist .alertMsg {
	margin: 0 74px;
	padding: 16px 16px 16px 44px;
	background: #f5efef url(/regist/registuser/images/ico_error_mark.png) no-repeat 18px 20px;
	color: #e74c3c;
}
.regist_ui .mainArea_regist .alertMsg span,
.regist_ui .mainArea_regist .alertMsg span a {
	color: #0077F5;
}
.regist_ui .mainArea_regist .alertMsg span a:hover {
	color: #0077F5;
	text-decoration: underline;
}

/* 戻るボタンエリア */
.entryScroll {
	position: fixed;
	right: 0;
	bottom: 0;
	margin-bottom: 25px;
	margin-right:-401px;
	padding: 20px;
	color: #0077F5;
	background-color: #ffffff;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #0077F5;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	z-index: 9999;
}
.entryScroll img {
	margin-left: 10px;
}

.entryScroll span {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.3;
}


/*---- ADD: 2018/02/14 ユーザー登録更新: OOBEメール確認画面 [input.vhtml] End ----*/


/*---- ADD: 2018/03/01 登録導線：登録情報入力画面 [input_info.vhtml] Start ----*/
div.ContentsBasic .regist_ui h3 span {
	font-weight: normal;
	font-size: 80%;
}

.regist_ui .alertMsg span,
.regist_ui .alertMsg span a {
	color: #0077F5;
}
.regist_ui .alertMsg span a:hover {
	color: #0077F5;
	text-decoration: underline;
}

/*---- ADD: 2018/03/01 登録導線：登録情報入力画面 [input_info.vhtml] End ----*/


/*---- ADD: 2018/04/27 登録導線：バナー設置 [input_info.vhtml、input_mail.vhtml、select_service.vhtml] Start ----*/
.dn{display:none !important;}
#callLayer, #callLayer_2 {
	position:fixed;
	bottom:5px;
	right:10px;
	z-index:8000;
	display:none;
}

#callLayer, #callLayer_2 img{
	vertical-align:bottom;
}

#callLayer .callCloseBtn {
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	/*cursor:pointer;*/
}
/*---- ADD: 2018/04/27 登録導線：バナー設置 [input_info.vhtml、input_mail.vhtml、select_service.vhtml] End ----*/


/*---- ADD: 2018/07/20 登録導線 (コース選択画面)：Sitebooster 対応 [select_service.vhtml] Start ----*/
/*---- MOD: 2018/12/21 口コミポップアップ対応 ----*/

#callLayer_2 img{
/*	cursor:pointer;*/
}
#callLayer_3 {
	padding: 0 126px;
	text-align: center;
}
#callLayer_3 img {
	cursor:pointer;
}
#callLayer_3 p {
	font-size: 85%;
	text-align: right;
	cursor:pointer;
}
#callLayer_2 .callCloseBtn {
	display:block;
	position:absolute;
	right:5px;
	top:3px;
	cursor:pointer;
}
#callLayer_2 .callInfoBtn {
	display:block;
	position:absolute;
	right:11px;
	top:234px;
	cursor:pointer;
}

.modal_1,
.modal_2,
.modal_3,
.modal_8,
.modal_otoku {
	visibility:hidden;
}
#modalPR {
	position: relative;
	width: 880px;
	display: none;
	z-index: 10001;
}
#modalPR_1,
#modalPR_8 {
	position: relative;
	width: 880px;
	display: none;
	z-index: 10003;
}

#modalPR_3 {
	position: relative;
	width: 910px;
	display: none;
	z-index: 10002;
}

#modalPR_otoku {
	position: relative;
	width: 853px;
	display: none;
	z-index: 10004;
}


.closeBtn,
.closeBtn_3,
.closeBtn_8s {
	margin: 0;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}
.closeBtn_otoku {
	margin: 0;
	position: absolute;
	right: 2px;
	top: 3px;
	cursor: pointer;
}

.modalBg_1,
.modalBg_2,
.modalBg_3,
.modalBg_8,
.modalBg_otoku {
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	margin: -50% -50%;
	padding: 50% 50%;
}
div.header {
	z-index: 900;
}
/*---- ADD: 2018/07/20 登録導線 (コース選択画面)：Sitebooster 対応 [select_service.vhtml] End ----*/

/*---- ADD: 2019/03/22 機種追加 (コース選択画面)：リニューアル [/registpc/common/select_service.vhtml, /registpc/common/select_service_campaigninfo.vhtml] START ----*/
.pddB0{padding-bottom: 0 !important;}

.selectCourseListBox2,
.selectCourseListBox3 {
	padding-bottom: 10px;
}

.prFreeMaxPeriodTxt {
	margin-top: 50px;
	text-align: center;
	font-size: 130%;
	line-height: 200%;
}

.prFreeMaxPeriodTxt span {
	color: #e2000f;
}

.bnr_premium_cp {
	margin: 15px 0 40px;
/*	text-align: center;*/
}
.bnr_premium_cp_txt {
	text-align: center;
}

.selectCourseFreeBtnArea_2 {
	padding: 90px 0 50px 0;
	text-align: center;
}
div.ContentsBasic .selectCourseFreeBtnArea_2 p {
	margin-top: 5px;
}
.selectCourseFreeBtnAreaPdt_2 {
	padding-top: 50px;
}
.selectCourseFreeBtn_2 {
	margin:0 auto;
	width:576px;
	background:#f0c53c;
	border:2px solid #958c58;
	text-align:center;
	border-radius:9px;
/*	padding:25px 0 23px 0;*/
	cursor:pointer;
	font-size:143%;
	font-weight: bold;
}
.selectCourseFreeBtn_2:hover {
	opacity:0.7;
	text-decoration: none;
}
.selectCourseFreeBtn_2 a:hover {
	text-decoration: none;
}
.selectCourseFreeBtn_2 a {
	display: block;
	width: 576px;
	height: 43px;
	padding:25px 0 23px 0;
}

.contentsarea .selectCourseList_2 {

}
.contentsarea ul.selectCourseList_2 li {
	cursor:default;
}
.contentsarea ul.selectCourseList_2 li:hover {
	opacity:1;
}


/* -------------------- add --------------------
   2019/02/12: add: 型名、製造番号＆保障開始日確認方法
 */
.OC_target_2 {
	display: none;
}
.uservoice {
	width: 909px;
	margin: 50px auto 80px;
	padding: 0;
}
.title_howto_2 {
	border: 1px solid #f52800;
	height: 54px;
/*	width: 907px;*/
	margin: 0 auto;
	font-weight: bold;
	background:url(/regist/common/images/bg_gradi_gr_2.png) repeat-x;
	cursor: pointer;
}
.title_howto_2 span {
	display: block;
	padding: 13px 0 0 55px;
	background: url(/regist/common/images/icon_plus_red.gif) no-repeat 16px 15px;
	font-size: 116%;
}
.title_howto_open_2 span {
	background-image: url(/regist/common/images/icon_minus_red.gif);
}

.tableWrap_2 {
/*	width: 909px;*/
	margin: 0 auto;
}
.tableWrap_2 p {
	padding: 5px 1em 0 1em;
	font-size: 75%;
}



/*---- ADD: 2019/04/03 機種追加 (コース選択画面)：CP適用条件追加 [/registpc/common/select_service_campaigninfo.vhtml] START ----*/
.OC_target_3 {
	display: none;
}
.title_cpcondition {
	border: 1px solid #8c7b33;
	border-top: none;
	height: 34px;
	margin: 0 auto;
	font-weight: bold;
	background:url(/regist/common/images/bg_gradi_gr_2.png) repeat-x;
	cursor: pointer;
}
.title_cpcondition span {
	display: block;
	padding: 6px 0 0 40px;
	background: url(/regist/common/images/icon_plus_gold.gif) no-repeat 16px 10px;
}
.title_cpcondition_open span {
	background-image: url(/regist/common/images/icon_minus_gold.gif);
}

.tableWrap_3 {
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #8c7b33;
	border-top: none;
	font-size: 77%;
}

/* 適用条件 */
.bnr_premium_cp p.Indent_1em {
	padding-left: 1em;
	text-indent: -1em;
}
.bnr_premium_cp p.mgL2em {
	margin-left:2em;
}
.bnr_premium_cp ul.mgL2em {
	margin-top: 20px;
	padding-left: 0;
/*	margin-left:2em;*/
}

p.cpcondition_ttl {
	font-size: 115%;
	font-weight: bold;
}
div.ContentsBasic p.cpcondition_ttl_2 {
	margin-top: 20px;
	font-weight: bold;
}

.bnr_premium_cp ul li {
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
.bnr_premium_cp ul li a {
	padding-left:0;
	background: none;
	display: inline;
}
.bnr_premium_cp ul li a:hover {
	text-decoration: underline;
}
.bnr_premium_cp ul li a:visited {
	color: #660099;
	text-decoration: underline;
}
.bnr_premium_cp ul li a:link {
	color: #003399;
	text-decoration: underline;
}

.sammaryAreaTtl{margin-bottom: 15px;}
/*---- ADD: 2019/04/03 機種追加 (コース選択画面)：CP適用条件追加 [/registpc/common/select_service_campaigninfo.vhtml] END ----*/



/*-----------------------------------------------------------
 * ADD: 2019/4/16 登録完了画面: クラブオフ訴求対応
 * [/registuser/common/completed.vhtml]
 *----------------------------------------------------------- START */
.cluboff {
	width:900px;
	margin:0 auto;
}

div.ContentsBasic .cluboff p {
	margin:0;
}


div.ContentsBasic .cluboff p.cluboffTtl{
	border:1px solid #e0dc01;
	color:#cc0000;
	font-weight:bold;
	background: #fffd90;
	background: -moz-linear-gradient(top,  #fffd90 0%, #fff92a 100%);
	background: -webkit-linear-gradient(top,  #fffd90 0%,#fff92a 100%);
	background: linear-gradient(to bottom,  #fffd90 0%,#fff92a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffd90', endColorstr='#fff92a',GradientType=0 );
	font-size: 165%;
	padding: 7px 0 2px 0;
}

.cluboffbody {
	border:1px solid #e0dc01;
	border-top:none;
	padding:20px;
}

div.ContentsBasic .cluboff p.cluboffTxt {
	font-size:95%;
	margin-bottom:20px;
}

div.ContentsBasic .cluboff p.cluboffEntryBtn a:hover{
	opacity:0.7;
}
/*-----------------------------------------------------------
 * ADD: 2019/4/16 登録完了画面: クラブオフ訴求対応
 * [/registuser/common/completed.vhtml]
 *----------------------------------------------------------- End */


/*-----------------------------------------------------------
 * ADD: 2019/4/22 登録確認画面: 下位コース訴求対応
 * [/app/customer/billing/regist_info/check.act]
 *=====================================================
 * MOD: 2019/5/29 登録確認画面: 下位コース訴求対応
 *  バナー掲載変更対応で一部CSS変更と追加
 *----------------------------------------------------------- START */
#callLayer_4 {
	position:fixed;
	bottom: 207px;
/*	bottom: 5px;*/
/*	right:10px;*/
	z-index:8000;
	display:none;
}
#callLayer_4 img{
	vertical-align:bottom;
}
#callLayer_4 .callCloseBtn {
	display:block;
	position:absolute;
	right:7px;
	top:7px;
	cursor:pointer;
}
#callLayer_4 .callInfoBtn {
	display:block;
	position:absolute;
	right: 24px;/*10px;*/
	bottom: 21px;
/*	top:261px;*/
	cursor:pointer;
}
.modal_4 {
	visibility:hidden;
}
.modalBg_4 {
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
  margin: -50% -50%;
  padding: 50% 50%;
}

.cnf_chk {
	width: 100%;
	text-align: center;
	background-color: #fff;

}

.closeBtn_4 {
	margin-top: 6px;
	cursor: pointer;
}
.modal_4 .modifyButton {
	float: none;
	margin: 0;
}


.attn{
	padding: 35px 20px 30px 20px;
	text-align: left;
	font-size: 72%;
}
div.ContentsBasic .attn p {
	margin:0 0 0 1em;
	text-indent:-1em;
}
div.ContentsBasic .attn p span{
	padding-left:40px;
}
/*-----------------------------------------------------------
 * ADD: 2019/4/22 登録確認画面: 下位コース訴求対応
 * [/app/customer/billing/regist_info/check.act]
 *=====================================================
 * MOD: 2019/5/29 登録確認画面: 下位コース訴求対応
 *  バナー掲載変更対応で一部CSS変更と追加
 *----------------------------------------------------------- END */


/*-----------------------------------------------------------
 * ADD: 2019/5/17 新規登録FMVサポートなしコース選択画面:
 *　　　　　　　　　ベーシックモーダル対応
 * [/app/customer/registuser/common/select_service.vhtml]
 *----------------------------------------------------------- START */
.modalBodyinner img {
	vertical-align: bottom;
}
/*.modalPrivilegeArea {
	margin: 0 0 20px;
	padding: 0 20px 20px 20px;
	background-color: #f4f4ea;
}
.privilegeBox_ex {
	margin: 19px 0 0;
	border: #8c7b33 solid 2px;
	background-color: #ffffff;
}*/

/*-----------------------------------------------------------
 * ADD: 2019/5/17 新規登録FMVサポートなしコース選択画面:
 *　　　　　　　　　ベーシックモーダル対応
 * [/app/customer/registuser/common/select_service.vhtml]
 *----------------------------------------------------------- END */


/*-----------------------------------------------------------
 * ADD: 2019/6/6 登録完了画面: クラブオフ訴求対応
 * [/registuser/common/completed.vhtml]
 *----------------------------------------------------------- START */
#callLayer_cloboff {
	position: fixed;
	width: 764px;
	background-color: #0075c2;

	border: #0075c2 solid 3px;
	border-radius: 15px;		/* CSS3草案 */
	-webkit-border-radius: 15px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 15px;	/* Firefox用 */
	overflow: hidden;

	display:none;
}

.cluboff_ttl {
	background-color: #0075c2;
	color: #ffffff;
	font-weight: bold;
}

.cluboff_dtl {
	padding: 20px 0;
	background-color: #fff;
}

div.ContentsBasic .cluboff_ttl p {
	margin: 0;
	padding: 15px 0;
	font-size: 110%;
}
div.ContentsBasic .cluboff_dtl p {
	margin: 0;
	padding: 0 0 10px;
	font-size: 116%;
}

#callLayer_cloboff .callCloseBtn {
	display:block;
	position:absolute;
	right:7px;
	top:7px;
	cursor:pointer;
}
/*-----------------------------------------------------------
 * ADD: 2019/6/6 登録完了画面: クラブオフ訴求対応
 * [/registuser/common/completed.vhtml]
 *----------------------------------------------------------- END */
#modalPR_1 {
/*	box-shadow: 0 0px 20px #999;*/
}
.closeBtn_5,
.closeBtn_6,
.closeBtn_8 {
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
}



/*-----------------------------------------------------------
 * ADD: 2019/6/28 EFO テキスト追加対応
 * 　　　※IE は非表示
 * [/registuser/common/input_info.vhtml]
 *----------------------------------------------------------- START */

.fytag {
	margin: 0 auto 10px auto;
	width: 940px;
	display: none;
}
.fytag p {
	font-size: 66%;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
}
.fytag p span{
	font-weight: normal;
	line-height: 130%;
}
/*-----------------------------------------------------------
 * ADD: 2019/6/28 EFO テキスト追加対応
 * [/registuser/common/input_info.vhtml]
 *----------------------------------------------------------- END */



/*-----------------------------------------------------------
 * ADD: 2019/7/24 アカウント新規登録完了画面改修
 * [/registuser/common/completed.vhtml]
 *----------------------------------------------------------- START */
.bannerArea {
	margin: 40px 0 30px;
	padding: 20px;
	background: #efefef;
}
.bannerArea div {
	float:left;
	width: 300px;
	margin-right: 20px;
	text-align: left;
	font-weight: bold;
}
.bannerArea div:last-child {
	margin-right: 0;
}
.bannerArea div img {
	margin-bottom: 10px;
	box-shadow: 0 8px 5px -3px #b1b1b1;
	-moz-box-shadow: 0 8px 5px -3px #b1b1b1;
	-webkit-box-shadow: 0 8px 5px -3px #b1b1b1;
	-o-box-shadow: 0 8px 5px -3px #b1b1b1;
	-ms-box-shadow: 0 8px 5px -3px #b1b1b1;
}
.bannerArea_wrap {
	background: #efefef;
}
.bannerArea_wrap .bannerArea {
	width: 620px;
	margin: 40px auto 30px;
}
.bannerArea div a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	text-decoration: none;
}
/*-----------------------------------------------------------
 * ADD: 2019/7/24 アカウント新規登録完了画面改修
 * [/registuser/common/completed.vhtml]
 *
 * abtest_typeA：コース選択画面表示時にモーダル表示
 * abtest_typeB：右下バナー表示
 *----------------------------------------------------------- END */

.abtest_typeA {
/*
	display: none;
*/
	display: block;
}
.abtest_typeB {
/*
	display: block;
*/
	display: none;
}

/*-----------------------------------------------------------
/* 月額サービス消費税増税対応
 * add 2019/9/11
 *----------------------------------------------------------- END */
div.ContentsBasic p.cmt {
	margin: 0;
	text-align: right;
	font-size: 75%;
}


/*-----------------------------------------------------------
/* コース選択モーダルABテスト対応
 * add 2019/10/
 *----------------------------------------------------------- END */
.closeBtn_7 {
	margin: 0;
	position: absolute;
	right: 50px;
	top: 10px;
	cursor: pointer;
}

/*
#abtest_a{ display: block; }
#abtest_b{ display: none; }
*/

#abtest_a{ display: none; }
#abtest_b{ display: block; }



/* **************************************************************************** *
 *  2019/12/12 新規登録 コース選択画面リニューアル対応
 *
 * ※機種追加登録のコース選択画面でも同css を使用しているため、
 * 　リニューアル対応は全てクラス追加で対応。上記のクラス設定は触っていません。 *
 * **************************************************************************** */

/* ---------- main ---------- */
.mainvis {
	margin: 0;
	padding: 0;
	text-align: center;
}
.mainvis_inner {
	padding: 0 0 15px;
	background-color: #cbedfb;
}
div.ContentsBasic .mainvis p.topttl {
	margin: 30px 0 25px;
	font-size: 109.89%
}
.mainvis .txtarea {
	margin: 0;
	padding: 0 60px;
}
div.ContentsBasic .mainvis p.ttl {
	margin: 0;
	color: #1b1464;
	font-size: 120.88%
}
div.ContentsBasic .mainvis p span {
	font-size: 109.89%;
	font-weight: bold;
}


/* ---------- 各コースの表示 ---------- */
.mainvis_selectCourseArea {
	margin: 0 0 18px;
	background-color: #cbedfb;
}

.contentsarea ul.selectCourseItem {
	margin: 0;
	padding: 0 0 25px 60px;
	text-align: right;
}
.contentsarea ul.selectCourseItem li {
	float:left;
	padding: 27px 0 0;
	color:#FFF;
}
.contentsarea ul.selectCourseItem li:first-child {
	paddin: 0;
	width: 204px
}
.contentsarea ul.selectCourseItem li:nth-child(2) {
	paddin: 0 0 0 18px;
	width: 222px
}
.contentsarea ul.selectCourseItem li:nth-child(3) {
	paddin: 0 0 0 16px;
	width: 226px
}
.contentsarea ul.selectCourseItem li:last-child {
	paddin: 0 0 0 12px;
	width: 222px
}

.contentsarea ul.selectCourseItem li .selectCourseItem_price {
	font-size: 140%;
	font-weight: bold;
}
.contentsarea ul.selectCourseItem li .selectCourseItem_price span {
	font-size: 55%;
}
.contentsarea ul.selectCourseItem li:first-child .selectCourseItem_price {
	background: #2ba7f8 url(/regist/registuser/images/selectCourse_basic_price.png) no-repeat top right;
	width: 198px;
	min-height: 23px;
	border-right: #fff solid 3px;
	border-left: #fff solid 3px;
	text-align: center;
}
.contentsarea ul.selectCourseItem li:nth-child(2) .selectCourseItem_price {
	background: #0082ed url(/regist/registuser/images/selectCourse_plus_price.png) no-repeat top right;
	width: 198px;
	margin: 0 0 0 18px;
	min-height: 23px;
	border-right: #fff solid 3px;
	border-left: #fff solid 3px;
	text-align: center;
}
.contentsarea ul.selectCourseItem li:nth-child(3) .selectCourseItem_price {
	background: #124ee3 url(/regist/registuser/images/selectCourse_standard_price.png) no-repeat top right;
	width: 198px;
	margin: 0 0 0 16px;
	min-height: 23px;
	border-right: #c9a937 solid 6px;
	border-left: #c9a937 solid 6px;
	text-align: center;
}
.contentsarea ul.selectCourseItem li:last-child .selectCourseItem_price {
	background: #0035a3 url(/regist/registuser/images/selectCourse_wide_price.png) no-repeat top right;
	width: 198px;
	margin: 0 0 0 12px;
	min-height: 23px;
	border-right: #b2b4c1 solid 6px;
	border-left: #b2b4c1 solid 6px;
	text-align: center;
}

.icnitem {
	position: relative;
}
.icnitem_img {
	position: absolute;
	top: -27px;
	left: 0;
}



/*-----------------------------------------------------------
/* 各コースサービス内容ご紹介
/*-------------------------------------------------------- */
/* ---------- h2 ---------- */
div.ContentsBasic .selectCourseContainer h2 {
	margin: 60px 0 22px;
	padding: 14px 0 12px;
	background-color: #1b1464;
	font-size: 165%;
	font-weight: normal;
	text-align: center;
	border-radius: 0;
	-moz-border-radius: 0;
}
div.ContentsBasic .selectCourseContainer h2 span {
	font-weight: bold;
}



/*-----------------------------------------------------------
/* スタンダード
/*-------------------------------------------------------- */
.contentarea {
	padding: 0 0 40px;
	margin: 0 0 35px;
	border-bottom: 2px dotted #c0c0c0;
}
.selectStandard {
	padding: 7px 0 0 0;
	border-right: #c6a531 solid 7px;
	border-left: #c6a531 solid 7px;
	background: #cbedfb url(/regist/registuser/images/selectStandard_line_top.png) no-repeat top center;
	text-align: center;
	width: 966px;
}
.selectStandard:after {
	content: url(/regist/registuser/images/selectStandard_line_top.png);
	bottom: 0;
	left: 0;
}

.selectStandard .ttl {
	background: #0089fc url(/regist/registuser/images/selectStandard_ttl_bg.png) no-repeat bottom center;
	width: 966px;
	min-height: 243px;
}

/*-----------------------------------------------------------
 * ベーシック
 * 2020/7/29 型名無し導線コース選択画面 リニューアル対応
 * [/registuser/common/select_service.vhtml"]
 *-------------------------------------------------------- */
.selectBasic_nofmv {
	padding: 7px 0 0 0;
	border-right: #c6a531 solid 7px;
	border-left: #c6a531 solid 7px;
	background: #cbedfb url(/regist/registuser/images/selectStandard_line_top.png) no-repeat top center;
	text-align: center;
	width: 966px;
}
.selectBasic_nofmv:after {
	content: url(/regist/registuser/images/selectStandard_line_top.png);
	bottom: 0;
	left: 0;
}

.selectBasic_nofmv .ttl {
	background: #0089fc url(/regist/registuser/images/selectBasic_ttl_bg.png) no-repeat bottom center;
	width: 966px;
	min-height: 243px;
}

/* 価格 */
.selectBasic_nofmv .price,
.selectStandard .price,
.selectWide .price {
	margin: 15px 0 0;
	color: #fff;
	font-size: 231%;
	font-weight: bold;
}

.price span.sml {
	font-size: 55%;
}
.price span.bdr {
	display: inline-block;
	background: url(/regist/registuser/images/line_wh.gif) repeat-x bottom 6px center;
}


/* ---------- テキスト ---------- */
.summaryaArea {
	margin-bottom: 40px;
}
.selectStandard .summary,
.selectWide .summary {
	margin: 45px 0 50px;
	padding: 0 90px;
	font-size: 105%;
}
.selectStandard .summary {
	line-height: 185%;
}

.selectStandard .summary span {
	font-weight: bold;
}
.selectStandard .summary span.big {
  position: relative;
	font-size: 150%;
	background: linear-gradient(transparent 5%, #FFFF00 10%);
	line-height: 0;
}
.selectStandard .summary sup {
	font-size: 60%;
}
.selectStandard .summary  p {
	margin: 0;
	padding: 0 20px 0;
	text-align: right;
	font-size: 75%;
}


/* ---------- 申し込み ---------- */
.selectStandard .cptxt,
.selectWide .cptxt {
	color: #ff0000;
	font-size: 200%;
	font-weight: bold;
	letter-spacing: -0.07em;
	line-height: 1.2;
}
.selectStandard .cptxt span,
.selectWide .cptxt span {
	font-size: 103%;
}
.selectStandard .cptxt img:first-child,
.selectWide .cptxt img:first-child {
	padding-right: 5px;
	vertical-align: -0.1em;
}
.selectStandard .cptxt img:last-child,
.selectWide .cptxt img:last-child {
	padding-left: 5px;
}
.selectStandard .cptxt span.big,
.selectWide .cptxt span.big {
	font-size: 118%;
}


/* ---------- 人気の特典 ---------- */
.selectStandard_inner,
.selectWide_inner {
	padding: 0 20px;
}

.tokuten_best {
	margin-bottom: 30px;
}
.contentsarea .regist_ui .tokuten_best ul {
	margin: 0;
	padding: 0;
	font-size: 0;
}
.contentsarea .regist_ui .tokuten_best ul li {
	display: inline-block;
	width: 463px;
}


/* ---------- 利用者様の声 ---------- */
.uservoice_std {
}
.contentsarea .regist_ui .uservoice_std ul {
	margin: 0;
	padding: 0;
}


/* ---------- その他口コミ ---------- */
.OC_target_voice,
.OC_infoWide_voice {
	display: none;
}
.title_voice,
.title_infoWide {
	height: 54px;
	margin: 0 auto;
	background: -moz-linear-gradient(bottom, #0035af, #0086fb);
	background: -webkit-linear-gradient(bottom, #0035af, #0086fb);
	background: linear-gradient(to top, #0035af, #0086fb);
	cursor: pointer;
}
.title_voice span,
.title_infoWide span {
	display: block;
	padding: 13px 0 0 55px;
	background: url(/regist/common/images/icon_plus_bule.png) no-repeat 878px 10px;
	font-size: 122%;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0.1em;
}
.title_voice_open span,
.title_infoWide_open span {
	background-image: url(/regist/common/images/icon_minus_bule.png);
}
.voiceWrap,
.infoWideWrap {
	margin: 0 auto;
}

.uservoice_else {
	margin-bottom: 70px;
	background-color: #fff;
}
.voice_else_inner_line {
	margin: 40px auto 0 auto;
	padding: 0 0 35px;
	border-bottom: #b3b3b3 solid 1px;
	width: 886px;
}
.voice_01 .voice_else_inner_line {
	margin-top: 18px;
}
.voice_05 .voice_else_inner_line {
	border-bottom: none;
}
.voice_else_inner {
	padding: 0 17px;
}
.contentsarea .regist_ui ul.voise_else_list {
	margin: 0;
	padding-left: 0;
}
.contentsarea .regist_ui ul.voise_else_list li {
	margin-top: 25px;
	padding: 25px 40px;
	background-color: #e6e6e6;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	box-shadow: 1px -1px #fff;
}

.contentsarea .regist_ui ul.voise_else_list li:first-child {
	margin-top: 40px;
}
.voice_else_ttl {
	display: inline-table;
	width: 772px;
}
.voice_else_ttl div{
	display:table-cell;
}
.ttl_left {
	color: #2e51ae;
	text-align: left;
	font-size: 149%;
	font-weight: bold;
}
.ttl_right {
	text-align: right;
	font-size: 90%;
}
.voice_else_ttl span {
	display: table-cell;
	vertical-align: bottom;
}
.voice_else_ttl + div {
	text-align: left;
	font-size: 83%;
	line-height: 170%;
}
.voice_01 {
	background: url(/regist/registuser/images/img_voice_01_bg.jpg) no-repeat top right;
}
.voice_02 {
	background: url(/regist/registuser/images/img_voice_02_bg.jpg) no-repeat top right;
}
.voice_03 {
	background: url(/regist/registuser/images/img_voice_03_bg.jpg) no-repeat top right;
}
.voice_04 {
	background: url(/regist/registuser/images/img_voice_04_bg.jpg) no-repeat top right;
}
.voice_05 {
	background: url(/regist/registuser/images/img_voice_05_bg.jpg) no-repeat top right;
}

/* ---------- 申し込み ---------- */
.selectStandard .course_applyArea {
	margin: 70px 0 47px;
	padding: 0;
}
.selectStandard .course_applyArea .nm,
.selectWide .course_applyArea .nm {
	color: #0053da;
	font-size: 235%;
	font-weight: bold;
	letter-spacing: -0.07em;
	line-height: 1;
}
.selectStandard .course_applyArea .nm span,
.selectWide .course_applyArea .nm span {
	font-size: 85%;
}

/* 価格 */
.selectStandard .course_applyArea .price,
.selectWide .course_applyArea .price,
.selectBasic .price,
.selectPlus .price {
	margin: 0 0 25px;
	color: #000;
}
.course_applyArea .price span.bdr,
.selectBasic .price span.bdr,
.selectPlus .price span.bdr {
	display: inline-block;
	background: url(/regist/registuser/images/line_blk.gif) repeat-x bottom 6px center;
}



/*-----------------------------------------------------------
/* ワイド
/*-------------------------------------------------------- */
.selectWide {
	padding: 6px 0 0 0;
	border-right: #b1b3c0 solid 6px;
	border-left: #b1b3c0 solid 6px;
	background: #cbedfb url(/regist/registuser/images/selectWide_line_top.png) no-repeat top center;
	text-align: center;
	width: 968px;
}
.selectWide:after {
	content: url(/regist/registuser/images/selectWide_line_top.png);
	bottom: 0;
	left: 0;
}
.selectWide .ttl {
	background: #004bb3 url(/regist/registuser/images/selectWide_ttl_bg.png) no-repeat bottom center;
	width: 968px;
	min-height: 243px;
}
.selectWide .summary {
	margin: 45px 0 35px;
}

/* ---------- サポート ---------- */
.selectWide .support {
	position: relative;
}
.selectWide .support_btn {
	position: absolute;
	left: 337px;
	top: 161px;
}
.selectWide .support_btn a {
	width: 254px;
	height: 28px;
	display: block;
}
.selectWide .support_btn a:hover {
	opacity:0.7;
}

/* ---------- 申し込み ---------- */
.selectWide .course_applyArea {
	margin: 0 0 47px;
	padding: 0;
}
.selectWide .course_applyArea .nm {
	color: #1b1464;
}



/*-----------------------------------------------------------
/* ベーシック/プラス
/*-------------------------------------------------------- */
.selectBasicPlus {
	margin: 0 0 40px;
}
.selectBox {
	margin: 0;
	padding: 30px 33px;
	background-color: #cbedfb;
	width: 414px;
	text-align: center;
}
.sclink {
	margin-top: 10px;
	font-size: 90%;
}
.selectBasic {
	float: left;
}
.selectPlus {
	float: right;
}
.selectBox .summary {
	padding: 15px 16px;
}
/* 価格 */
.selectBasic .price,
.selectPlus .price {
	font-size: 231%;
	font-weight: bold;
}



/*-----------------------------------------------------------
 * プレミアムCP (新規登録)
 *
 * ※機種追加画面のプレミアムCPとは異なる画面のため、
 *    CSS が違うので注意 (2019/12 現在)
/*-------------------------------------------------------- */
.OC_target_cp {
	display: none;
}
.title_cpncondition {
/*	height: 34px;*/
	margin: 0 auto;
	color: #fff;
	background-color: #808080;
	cursor: pointer;
	font-size: 110%;
}
.title_cpncondition span {
	display: block;
	padding: 12px 0 8px 60px;
	background: url(/regist/common/images/icon_plus_wht.png) no-repeat 20px 14px;
}
.title_cpncondition_open span {
	background-image: url(/regist/common/images/icon_minus_wht.png);
}
.cpnWrap {
	margin: 0 auto;
	padding: 30px 50px 50px;
	background-color: #f2f2f2;
	font-size: 77%;
}

/* 適用条件 */
.bnr_premium_cpn .sammaryAreaTtl {
	margin-bottom: 15px;
}
div.ContentsBasic .bnr_premium_cpn p {
	margin: 0;
	padding: 0;
}
.bnr_premium_cpn p.mgL2em {
	margin-left:2em;
}
.bnr_premium_cpn ul.mgL2em {
	margin-top: 20px;
	padding-left: 0;
}

div.ContentsBasic p.cpncondition_ttl {
	margin: 0 0 20px;
	padding: 0;
	font-size: 143%;
}
div.ContentsBasic p.cpncondition_ttl_2 {
}

.contentsarea .regist_ui .bnr_premium_cpn ul {
	margin: 0;
	padding: 0;
}



/*-----------------------------------------------------------
/* サービス内容の比較
/*-------------------------------------------------------- */
.scCoparisonAreaNw {
	padding-top: 27px;
}

/* テキスト */
.scCoparisonAreaTxt {
	margin: 40px 0 50px;
	color: #1b1464;
	text-align: center;
	font-size: 165%;
}
.scCoparisonAreaTxt span {
	position: relative;
	font-weight: bold;
}
.scCoparisonAreaTxt span:after {
	position: absolute;
	content: " ";
	left: 0;
	bottom: 5px;
	width: 100%;
	height:30px;
	background: linear-gradient(transparent 80%, #FFFF00 80%);
}
.scCoparisonArea .scFreePeriodTxt {
	margin: 0 0 5px;
	text-align: right;
}



/*-----------------------------------------------------------
/* NEW コース比較表 リニューアル版
/*-------------------------------------------------------- */
.scCoparisonAreaNw .scLine {
	border-bottom: none;
}

.scCoparisonAreaNw .scCell {
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	width: 116px;
	border-bottom: 1px dashed #ccc;
	box-sizing: border-box;
}
.scCoparisonAreaNw .scName {
	width: 272px;
	border-right: none;
}
.scCoparisonAreaNw .tltpName, .tltpName2 {
/*	margin: 7px 0 0 10px; */
	margin: 7px 0 3px 10px;
}
.scCoparisonAreaNw .scAccordionP.tltpName, .scAccordionP .tltpName2 {
	width: auto;
}
.scCoparisonAreaNw .scAccordionC .tltpName, .scAccordionC .tltpName2 {
	width: auto;
}




.scCellsp {
	width: 2px; /*6px;*/
	border-bottom: 1px dashed #ccc;
	display:table-cell;
}
.scCellSPArrow {
	width: 29px;
	display:table-cell;
}
.scCellSPTxtBg {
	width: 30px;
	display:table-cell;
}
.scCellSPTxtBg_orenge {
	background-color: #ffe967;
}
.scCellSPTxtBg_orenge_top {
	background-color: #ffe967;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

	position: relative;
}
.scCellSPTxtBg_orenge_btm {
	background-color: #ffe967;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-bottom-radius: 10px;
	border-bottom-right-radius: 10px;

	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.scCellBg_gray {
	background-color: #e6e6e6;
	background: #e6e6e6 url(/regist/common/images/icn_maru_gray.png) no-repeat 50% center;
}
.scCellBg_blue {
	background: #c0ecff url(/regist/common/images/icn_maru_blue.png) no-repeat 50% center;
}
.scCellBg_orenge {
	background: #ffe967 url(/regist/common/images/icn_maru_blue.png) no-repeat 50% center;
}


.scCellBorderTop {
	border-top: 2px solid #888888;
}
.tokuten_txt {
	position: absolute;
	right: 0;
	top: 90px;
}

/* 表の header */
.scCoparisonAreaNw .sccHead {
	float: none;
	display: table;
	border: none;
	margin: 0 59px 0 333px;
	border-bottom:none;
	line-height:1.3;
}

.scCoparisonAreaNw .uEntry {
	float: none;
	display: table-cell;
	width: 116px;
	margin: 0 6px 0 0;
	padding: 15px 0;

	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	box-sizing: border-box;
	color: #fff;
}
.scCoparisonAreaNw .uEntry:last-child {
	margin: 0;
}
.scCoparisonAreaNw .uEntry span {
	font-size: 70%;
}
.scCoparisonAreaNw span.spacing {
	font-size: 100%;
	letter-spacing: -0.1em;
}
.scCoparisonAreaNw .uEntry > div {
	margin-top: 5px;
}

.scCoparisonAreaNw .uEntry .icnitem_img {
	top: -27px;
	left: -6px;
	margin-top: 0;
}

.sccHead .scCellLnStd,
.sccHead .scCellLnWid {
	position: relative;
}
.sccHead .scCellLnWid {
	border-top: none;
}
.sccHead .scCellLnStd {
	border-top: 4px solid #fb2626;
}

.sccHead .scCellLnFre {
	background-color: #b3b3b3;
	vertical-align: middle;
}
.sccHead .scCellLnBsc {
	background: -moz-linear-gradient(top, #01c8fb, #1693e4);
	background: -webkit-linear-gradient(top, #01c8fb, #1693e4);
	background: linear-gradient(to bottom, #01c8fb, #1693e4);
}
.sccHead .scCellLnPls {
	background: -moz-linear-gradient(top, #00a1ff, #006bc5);
	background: -webkit-linear-gradient(top, #00a1ff, #006bc5);
	background: linear-gradient(to bottom, #00a1ff, #006bc5);
}
.sccHead .scCellLnStd {
	background: -moz-linear-gradient(top, #0083f9, #0035af);
	background: -webkit-linear-gradient(top, #0083f9, #0035af);
	background: linear-gradient(to bottom, #0083f9, #0035af);
/*	background: url(/regist/common/images/scBoxBtmLnStd.png) no-repeat top center, -moz-linear-gradient(top, #0083f9, #0035af);
	background: url(/regist/common/images/scBoxBtmLnStd.png) no-repeat top center, -webkit-linear-gradient(top, #0083f9, #0035af);
	background: url(/regist/common/images/scBoxBtmLnStd.png) no-repeat top center, linear-gradient(to bottom, #0083f9, #0035af);
*/
}
.sccHead .scCellLnWid {
	background: url(/regist/common/images/scBoxBtmLnWid.png) no-repeat top center, -moz-linear-gradient(top, #004ab3, #00208a);
	background: url(/regist/common/images/scBoxBtmLnWid.png) no-repeat top center, -webkit-linear-gradient(top, #004ab3, #00208a);
	background: url(/regist/common/images/scBoxBtmLnWid.png) no-repeat top center, linear-gradient(to bottom, #004ab3, #00208a);

}

.scCoparisonAreaNw .scCellLnStd,
.sccHead .scCellLnStd {
	border-right: 4px solid #fb2626; /* #dcb607; */
	border-left: 4px solid #fb2626;
}
.scCoparisonAreaNw .scCellLnWid,
.sccHead .scCellLnWid {
	border-right: 4px solid #b2b4c1;
	border-left: 4px solid #b2b4c1;
}


/* 表の header 左側 */
.scCoparisonAreaNw .scBox {
	border: none;
}
.scCoparisonAreaNw .scBoxLast {
	width: 921px;
	border-top: 2px solid #888888;
	border-bottom: 2px solid #888888;
}
.scCoparisonAreaNw .scBoxLeft {
	width: 61px;
}
.scCoparisonAreaNw .scBoxLefBg01{background-color: #00baff; background-image: none;}
.scCoparisonAreaNw .scBoxLefBg02{background-color: #009ce2; background-image: none;}
.scCoparisonAreaNw .scBoxLefBg03{background-color: #00a99d; background-image: none;}
.scCoparisonAreaNw .scBoxLeftTxt {
	padding: 0;
}
.scCoparisonAreaNw .scBoxRight {
	width: 919px;
}
.scCoparisonAreaNw .scBoxLast .scBoxRight {
	width: 860px;
}

/* +他ボタン */
.scCoparisonAreaNw .acdBtn {
	width: 54px;
	text-align:center;
	background: #e4ebee;
	border-radius:3px;
	margin: 10px 3px 0 0;
	padding:3px 0 0 0;
	border-bottom: solid 1px #909090;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	cursor:pointer;
	font-size:58%;
	line-height: 1.2;
}
/*.scCoparisonAreaNw .acdBtn:active {
border-bottom: solid 2px #e4ebee;
	border-right: none;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
*/

/*-----------------------------------------------------------
 * 4つのコース
 * mod: 2022/01
 *-------------------------------------------------------- */
.selectCourseContainer .standard {
	width: 920px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
/* スタンダード */
.selectCourseContainer .standard .inner {
	padding: 0 9px 0 10px;
	background: url(/regist/registuser/images/selectservice_2022/selectCourseCont_standard_bg.png) repeat-y top left;
/*	background-size: contain; */
}
.selectCourseContainer .standard .img_hmn {
	position: absolute;
	right: 57px;
	top: 77px;
}
.selectCourseContainer .standard .icn_no1 {
	position: absolute;
	left: 30px;
	top: 50px;
}

.contentsarea .selectCourseContainer .standard ul {
	margin: 0;
	padding: 0 0 0 40px;
	display: table;
}
.contentsarea .selectCourseContainer .standard ul li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: bottom;
}
.contentsarea .selectCourseContainer .standard ul li:first-child {
	width: 140px;
}
.contentsarea .selectCourseContainer .standard ul li:last-child {
	padding-bottom: 10px;
}
/* ステップ */
.contentsarea .selectCourseContainer .standard ul li.step div {
	position: relative;
	width: 109px;
	background: #ff0000;
	padding: 2px 3px 0 5px;
 	text-align:center;
	color: #fff;
	font-weight: bold;
  z-index: 0;
}
.contentsarea .selectCourseContainer .standard ul li.step div:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: -0.7em;
  border-style: solid;
  border-color: transparent transparent transparent #ff0000;
  border-width: 30px 0 24px 0.7em;
  z-index: 1;
}
div.ContentsBasic .step p {
	margin: 0;
	padding: 0;
	font-size: 17px;
}
div.ContentsBasic .step p span {
	font-size: 22px;
}
/* 価格 */

.selectCourseContainer .standard .price {
	margin: 0;
	color: #fff;
	font-size: 231%;
	font-weight: bold;
}
.selectCourseContainer .standard .price span.bdr {
	display: inline-block;
	background: url(/regist/registuser/images/line_wh.gif) repeat-x bottom 6px center;
}
.standard .btn {
	margin: 0 auto;
	width: 610px;
	height: 93px;
}
.selectCourseCont .price {
	margin: 0 0 10px;
	color: #1b1464;
	font-size: 180%;
	font-weight: bold;
}
.selectCourseCont .price span.bdr {
	display: inline-block;
	background: url(/regist/registuser/images/line_blu.gif) repeat-x bottom 6px center;
}


/* ふき出し */
.balloon_btm {
	position: relative;
	display: inline-block;
	margin: 0 0 5px;
	padding: 2px 10px;
/*	min-width: 120px;*/
	max-width: 100%;
	color: #fff;
	font-size: 60%;
	font-weight: bold;
	background: #ff0000;
	text-align: center;
}
.balloon_btm:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 6px solid transparent;
	border-top: 8px solid #ff0000;
}
div.ContentsBasic .balloon_btm p {
	margin: 0;
	padding: 0;
}
div.ContentsBasic .balloon_btm p span{
	font-size: 130%;
}

/*.selectCourseCont .inner {
	border-right: 4px solid #c9caca;
}*/
.selectCourseCont .inner {
	padding: 0;
	width: 294px;
	border-right: none;
	background: url(/regist/registuser/images/selectservice_2022/selectCourseCont_wide_bg.png) repeat-y top left;
}
.selectCourseCont .wide .inner {
	float: right;
	text-align: center;
}

.selectCourseCont .wide .inner .balloon {
	text-align: left;
}

.contentsarea ul.selectCourseCont {
	width: 920px;
	margin: 25px auto 0 auto;
	padding: 0;
}
.contentsarea ul.selectCourseCont li {
/*	display: inline-block;*/
	float: left;
	padding: 0 0 0 18px;
	text-align: center;
}
.contentsarea ul.selectCourseCont li:first-child {
	padding-left: 0;
}
.contentsarea ul.selectCourseCont li:last-child {
	text-align: right;
	padding-left: 2px;
}
.contentsarea .standard ul li a,
.contentsarea ul.selectCourseCont li a {
	display: inline-block;
	background: none;
	padding-left: 0px;
}

/* scFreePeriodTxt */
.selectCourseContainer .scFreePeriodTxt {
	text-align: right;
}


/*-----------------------------------------------------------
/* 無料コース
/*-------------------------------------------------------- */
.selectCourseContainer .selectCourseFreeBtnArea {
	padding: 45px 0 40px 0;
	background-color: #cccccc;
}

.selectCourseContainer .selectCourseFreeBtnAreaPdt {
	margin-top: 60px;
}
.selectCourseContainer .selectCourseFreeBtn {
	margin: 0 auto;
	width: 750px;
	color: #fff;
	background: -moz-linear-gradient(bottom, #231815, #686767);
	background: -webkit-linear-gradient(bottom, #231815, #686767);
	background: linear-gradient(to top, #231815, #686767);
	border: 2px solid #fff;
	text-align:center;
	border-radius: 40px;
	padding: 10px 0 13px 0;
	cursor:pointer;
	font-size: 137.5%;
	font-weight: bold;
}
.selectCourseContainer .selectCourseFreeBtn span {
	font-size: 76%;
}



/* ---------- おすすめコース選択 ---------- */
.diagnosisArea {
	margin: 25px 0 15px;
	text-align: center;
	font-weight: bold;
	font-size: 153.8%;
}
.diagnosisArea .under {
	position: relative;
	font-size: 107.5%;
}
.diagnosisArea .under:after {
	position: absolute;
	content: " ";
	left: 0;
	bottom: 5px;
	width: 100%;
	height:30px;
	background: linear-gradient(transparent 80%, #FFFF00 80%);
}
.diagnosisArea img {
	margin-top: 5px
}
.diagnosisAreatxt {
	text-align: right;
}
/*-----------------------------------------------------------
 * おすすめコース選択 CSS
 * select_service_diagnosis.vhtml 用
 *-------------------------------------------------------- */
.diagnosis {
	position:relative;
	width: 980px;
	height: 640px;
	overflow: hidden;
}
.diagnosis .scFreePeriodTxt{
	text-align: right;
}
.positionFit {
	background-image: url(/regist/registuser/images/diagnosis/background.jpg);
	background-repeat: no-repeat;
	position:absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 90px 0 0;
	box-sizing: border-box;
}

.positionFit .box {
	position: relative;
	background-image: url(/regist/registuser/images/diagnosis/box-body.png);
	background-repeat: repeat-y;
	width: 665px;
	margin: 70px auto 30px;
}

.positionFit .box::before {
	content: "";
	position: absolute;
	top: -70px;
	display: block;
	background-image: url(/regist/registuser/images/diagnosis/box-header.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 70px;
}
.positionFit .box::after {
	content: "";
	position: absolute;
	bottom: -30px;
	display: block;
	background-image: url(/regist/registuser/images/diagnosis/box-footer.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
}

.question .number {
	position: absolute;
	top: 55px;
	left: 50px;
}
.question h6 {
	line-height: 80px;
	text-align: center;
}
/*add*/
.question h6 img {
	margin-bottom: 35px;
}
.contentsarea .question ul {
	width: 640px;
	margin: 90px auto 0;
	padding: 0;
}
.contentsarea .question ul li {
	display: inline-block;
	list-style:none;
	text-align: center;
}
.contentsarea .question ul li {
	margin: 0 15px;
}
/*add*/
.contentsarea .question ul li a {
	background: none;
/*	padding: 0;*/
}
.contentsarea .question ul li.even,
.contentsarea .question ul li.odd,
.contentsarea .question ul li a
 {
	width: 277px;
	height: 117px;
}

.positionFit.answer .box {
	background-image: url(/regist/registuser/images/diagnosis/box-a_body.png);
	width: 689px;
	padding: 0 50px;
}

.positionFit.answer .box::before {
	background-image: url(/regist/registuser/images/diagnosis/box-a_header.png);
	left: 0;
}
.positionFit.answer .box::after {
	background-image: url(/regist/registuser/images/diagnosis/box-a_footer.png);
	left: 0;
}
.positionFit.answer h6 {
	margin-bottom: 15px;
	text-align: center;
	line-height: 50px;
}
/*add*/
.positionFit.answer h6 img {
	margin-bottom: 25px
}
.positionFit.answer p {
	margin-left: 45px;
}
.positionFit.answer .btn,
.positionFit.answer .btn_diagnosis {
	margin: 25px 0 0 45px;
/*add*/
	padding-bottom: 5px;
	width: auto;
	height: auto;
}
.positionFit.answer .image {
	position: absolute;
	right: 50px;
	bottom: -29px;
	z-index: 10;
}

#q_00 {
	text-align: center;
}
#q_00 h4 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	/*add*/
	background: none;
	padding: 0;
}
#q_00 h3 {
	position: relative;
	top: -20px;
	left: -85px;
	/*add*/
	border-bottom: none;
	padding: 0;
	margin: 0;
	background: none;
}
#q_00 p {
	margin: 65px 0 35px;
}



/*-----------------------------------------------------------
 * ADD: 2020/1/15 プレミアムCP対応
 * [/registuser/common/select_service_premiumcp.vhtml]
 * [/registpc/common/select_service_premiumcp.vhtml]
 *----------------------------------------------------------- START */
div.ContentsBasic .bnr_premium_cpn p.Indent_1em,
.bnr_premium_cpn li.Indent_1em {
	padding-left: 1em;
	text-indent: -1em;
}

/*-----------------------------------------------------------
 * ADD: 2020/1/15 プレミアムCP対応
 * [/registuser/common/select_service_premiumcp.vhtml]
 * [/registpc/common/select_service_premiumcp.vhtml]
 *----------------------------------------------------------- END */



/* **************************************************************************** *
 * ADD: 2020/1/27 パスワード表示対応
 * [/registuser/common/input_info.vhtml]
 * **************************************************************************** */
.pswchktxt {
	font-size: 90%;
}



/* **************************************************************************** *
 *  2020/2/4 新規登録 コース選択画面リニューアル対応
 *  コース比較表の追加更新
 * **************************************************************************** */
.scCell_orenge {
	background-color: #ffe967;
}
.scCellLnStdHead {
	vertical-align: top;
	border-top: 4px solid #fb2626;
}
.scCoparisonAreaNw .scCellLnStdBtm {
	border-bottom: 4px solid #fb2626;
}
.scCoparisonAreaNw .scBoxLefBg02 .scBoxLeftTxt {
	padding-top: 5px;
}



/* **************************************************************************** *
 *  2020/3/4 あんしんスタンダード訴求モーダルのABテスト対応
 *  [/registuser/common/select_service_modal.vhtml"]
 *
 * abtest_modal_a：現状
 * abtest_modal_b：改修案
 * **************************************************************************** */
/* 現状モーダル表示*/
#abtest_modal_a {
	display: block; }
#abtest_modal_b {
	display: none;
	padding-bottom: 60px; }

/* 改修案モーダル表示*/
 /*
#abtest_modal_a { display: none; }
#abtest_modal_b { display: block; padding-bottom: 60px; }
*/

.modal_mainvis {
	margin: 0;
	padding: 13px 0 25px;
	background: -moz-linear-gradient(top, #1ea1ff, #175bce);
	background: -webkit-linear-gradient(top, #1ea1ff, #175bce);
	background: linear-gradient(to bottom, #1ea1ff, #175bce);
	color: #fff;
}

.modal_mainvis_wrap {
	background: -moz-linear-gradient(top, #c79438, #e4d265);
	background: -webkit-linear-gradient(top, #c79438, #e4d265);
	background: linear-gradient(to bottom, #c79438, #e4d265);
	border-radius: 10px;
	padding: 2px;

	margin: 0 auto 30px;
	width: 906px;
}
.modal_mainvis_inner {
	padding: 30px 30px 20px;
	background-color: #fff;
	border-radius: 10px;
	color: #000;
}
.modal_mainvis_inner p {
	margin: 30px 0 0;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
}
.modal_mainvis_inner p span {
	font-size: 114%;
}


.modal_mainvis_ttl {
	padding: 0 0 13px;
	font-size: 224%;
	font-weight: bold;
	letter-spacing: 0.3em;
	line-height: 1;
}
.modal_mainvis_ttl img {
	margin-right: 20px;
}

.modal_mainvis_txt {
	margin: 0 0 3px;
	font-size: 170%;
	line-height: 1.2;
}
.modal_mainvis_txt span {
	font-size: 119%;
	font-weight: bold;
}
.modal_mainvis_txt + p {
	margin: 0;
}


/* ---------- 未加入の場合 ---------- */
.modal_mainarea {
	margin: 0;
	padding: 25px 61px 60px;
	background-color: #d4e8ff;
}

.modal_mainarea section {
	margin: 0 0 25px;
	padding: 18px 19px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.modal_mainarea section:last-child {
	margin-bottom: 0;
}
.modal_mainarea_ttl {
	margin-bottom: 1em;
	font-size: 139%;
}

.ttl_fst {
	margin: 0 0 20px;
	padding: 10px 0 5px;
	color: #282828;
	font-size: 232%;
	font-weight: bold;
	background-color: #b4c8c8;
	line-height: 1;
}
.ttl_fst span,
.ttl_scd span {
	font-size: 75%;
}
.ttl_fst span.big {
	font-size: 130%;
}
.ttl_scd {
	margin: 0 0 20px;
	padding: 15px 0 10px;
	color: #ffff00;
	font-size: 232%;
	font-weight: bold;
	background: -moz-linear-gradient(top, #1ea1ff, #175bce);
	background: -webkit-linear-gradient(top, #1ea1ff, #175bce);
	background: linear-gradient(to bottom, #1ea1ff, #175bce);
	line-height: 1;
}

.modal_mainarea ul.point {
	float: left;
	margin: 0px;
	padding: 15px;
	width: 367px;
	text-align: left;
	background-color: #e6e6e6;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-sizing: border-box;
}
.modal_mainarea ul.point li {
	margin: 0 0 0 35px;
	font-size: 157%;
	font-weight: bold;
	line-height: 1.2;
}

.modalrightbox {
	float: right;
	margin: 0;
	padding: 0 0 0 19px;
	width: 413px;
	box-sizing: border-box;
}
.modalrightbox p {
	margin: 0 0 10px;
	padding: 0;
	font-size: 200%;
	font-weight: bold;
	line-height: 1;
}
.modalrightbox ul {
	margin: 0;
	padding: 0;
	color: #dc0000;
	font-size: 360%;
}
.modalrightbox ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 1;
}
.modalrightbox ul li span {
	font-size: 70%;
	font-weight: normal;
}
.modalrightbox ul li span.small {
	font-size: 33%;
}
.modalrightbox ul + p {
	margin: 15px 0 0;
}
.modalrightbox_2 {
	width: 485px;
	padding-left: 0;
}
.modalrightbox_2 p {
	font-size: 135%;
}
.modalleftbox {
	float:left;
	width: 295px;
}

.fonttype {
	font-size: 132%;
	font-weight: bold;
	transform: scale(1, 1.3);  /* CSS3 */
	-moz-transform: scale(1, 1.3);  /* Firefox※ */
	-webkit-transform: scale(1, 1.3);  /* Chrome,Safari */
	-ms-transform: scale(1, 1.3);  /* IE */
	letter-spacing: -0.05em;
}
.arrowarea {
	margin: 15px 0 4px;
	padding: 0;
}
.arrowarea_2 {
	margin: 0 0 4px;
	padding: 0;
}

.about_big {
	margin: 0 0 15px;
	padding: 0;
	font-size: 360%;
	font-weight: bold;
	line-height: 1;
}
.about_big span.aka {
	color: #dc0000;
}
.about_big span.small {
	font-size: 60%;
}
.about_nml {
	margin: 0;
	padding: 0;
	font-size: 140%;
	font-weight: bold;
}
.about_nml + p {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.modal_mainfotterarea {
	margin: 0;
	padding: 10px 0 5px;
	background-color: #0061ff;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
}
.modal_mainfotterarea span {
	font-size: 80%;
}


/* ---------- 「あんしんスタンダード」おすすめ ---------- */
.rcmd_txt {
	margin: 0;
	padding: 0;
	font-size: 178%;
	line-height: 1.3;
}
.rcmd_txt span {
	color: #dc0000;
	font-weight: bold;
	background: linear-gradient(transparent 90%, #dc0000 0%);
/*	border-bottom: solid 2px #dc0000;*/
/*	text-decoration: underline;*/
}
.rcmd_txt sup {
	vertical-align: top;
}

.rcmd_course {
	margin: 0;
	color: #2e51ae;
	font-size: 182%;
	font-weight: bold;
	line-height: 1;
}
.rcmd_course span {
	font-size: 98%;
}
.rcmd_course span.small {
	font-size: 68%;
}

.btn_relief_abtest_modal_yes_1 {
	background:url(/regist/common/images/20200304_btn_modal_01.gif) no-repeat;
	width: 790px;
	height: 194px;
	border: none;
	cursor: pointer;
}
.btn_relief_abtest_modal_yes_2 {
	background:url(/regist/common/images/20200304_btn_modal_02.gif) no-repeat;
	width: 790px;
	height: 194px;
	border: none;
	cursor: pointer;
}
.btn_relief_abtest_modal_yes_3 {
	background:url(/regist/common/images/20200304_btn_modal_03.gif) no-repeat;
	width: 790px;
	height: 194px;
	border: none;
	cursor: pointer;
}
.btn_relief_abtest_modal_yes_4 {
	background:url(/regist/common/images/20200304_btn_modal_04.gif) no-repeat;
	width: 790px;
	height: 194px;
	border: none;
	cursor: pointer;
}
.btn_relief_abtest_modal_no {
	background:url(/regist/common/images/20200304_btn_modal_no.gif) no-repeat;
	width: 790px;
	height: 100px;
	border: none;
	cursor: pointer;
}

.abtest_modal_b ul.modal_btn_area_relief_ul2 li:last-child {
	margin-bottom: 0;
}



/* **************************************************************************** *
 *  2020/4/15 住まいサポート特典モーダルエリア対応
 *  [/registuser/common/select_service.vhtml"]
 *
 * **************************************************************************** */
.cluboffarea {
	padding: 30px 10px 0 10px;
	background-color: #ffffff;
	color :#403c2b;
}

.cluboff_mainvis {
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 0;
}
.cluboff_mainvis div {
	display: inline-block;
}
.cluboff_mainvis div.mainvis_3 {
	width: 477px
}

.contentsarea ul.cluboff_items {
	margin: 0 0 30px;
	padding: 0;
}
.contentsarea ul.cluboff_items li {
	float: left;
	width: 367px;
	margin: 6px 6px 0 0;
	padding: 17px 30px 35px 30px;
	background-color:#edece8;
}
.contentsarea ul.cluboff_items li:nth-child(even) {
	margin-right: 0;
}
.contentsarea ul.cluboff_items li:first-child,
.contentsarea ul.cluboff_items li:first-child + li {
	margin-top: 0;
}

.cluboffarea .datetime {
	text-align: right;
}
.cluboffarea .datetime img {
	margin-left: 1px;
}
.cluboffarea .ex {
	border-top: #403c2b solid 2px;
	border-bottom: #403c2b solid 2px;
	text-align: center;
}

.cluboffarea .imgarea{
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: #403c2b solid 2px;
}
.cluboffarea .sum {
	margin-top: 20px;
}
.contentsarea ul.cluboff_items  li ul {
	margin: 20px 0 0 20px;
	padding: 0;
}
.contentsarea ul.cluboff_items li li {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: disc;
}

div.ContentsBasic .notes p{
	margin: 0;
}
.notes {
	margin: 30px 0;
	padding: 0 30px;
}



/* **************************************************************************** *
 * 2020/7/13 型名無し導線コース選択画面 モーダル対応
 * [/registuser/common/select_service.vhtml"]
 * **************************************************************************** */
.modal_1_nofmv {
	visibility:hidden;
}
#modalPR_1_nofmv {
	position: relative;
	width: 880px;
	display: none;
	z-index: 10003;
}
.modalBg_1_nofmv {
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	margin: -50% -50%;
	padding: 50% 50%;
}
.closeBtn_1_nofmv {
	margin: 0;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}
.closeBtn_5_nofmv {
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
}



/* **************************************************************************** *
 * 2020/7/29 型名無し導線コース選択画面 リニューアル対応
 * [/registuser/common/select_service.vhtml"]
 *
 * class 追加：3095行目辺り
 * 		.selectBasic_nofmv
 * 		.selectBasic_nofmv:after
 * 		.selectBasic_nofmv .ttl
 * 		.selectBasic_nofmv .price
 * **************************************************************************** */
.nofmv .mainvis_inner {
	padding-bottom: 40px;
}
.nofmv .contentarea {
	padding: 0;
	margin: 25px 0 0;
	border-bottom: none;
}
.nofmv .selectStandard_inner {
	padding-top: 40px;
}
.nofmv .tokuten_best_inner {
	background-color: #fff;
}
.nofmv .tokuten_best {
	margin-bottom: 20px;
}
.contentsarea .regist_ui .nofmv .tokuten_best ul.tokuten_01 li {
	width: auto;
	margin-right: 10px;
}
.contentsarea .regist_ui .nofmv .tokuten_best ul.tokuten_01 li:last-child {
	margin-right: 0;
}
.nofmv .notes {
	font-size: 65%;
	text-align: left;
}
.nofmv p.notes {
	margin: 10px 0 20px;
}

/* 比較表 */
.nofmv .scCoparisonAreaNw .sccHead {
	margin: 0 0 0 520px;
}
.nofmv .scBoxLeftTxt img{
	margin-top: 220px;
}
.nofmv .scCoparisonAreaNw .uEntry {
	width: 225px;
}
.nofmv .scCoparisonAreaNw .scCell {
	width: 225px;
}
.nofmv .scCoparisonAreaNw .scName {
	width: 445px;
}
.nofmv .scCellsp {
	width: 10px;
}
.nofmv .scCoparisonAreaNw .scBoxLeft {
	width: 75px;
}
.nofmv .scCoparisonAreaNw .scBoxLast {
	width: 980px;
	border-top: none;
}

.nofmv .scCoparisonAreaNw .scBoxLast .scBoxRight {
	width: 905px;
}
.nofmv .scCoparisonAreaNw .tltpName, .tltpName2 {
	margin-top: 15px;
	margin-bottom: 10px;
}
.nofmv .tltpName span, .tltpName2 span{
	font-size:100%;
}
.nofmv .scCoparisonAreaNw .uEntry {
	font-size:100%;
}
/* **************************************************************************** *
 * 2020/8/19 型名有り導線コース選択画面 リニューアル対応
 * [/registuser/common/select_service_campaigninfo.vhtml"]
 *
 * class 追加：494行目辺り
 * 		.new_sofutoku
        .ninki_soft
        .Introduction
        .soft_6type
        .title
        .title2
        .content
        .content2
        .soft_content
        .marjyan
        .hanahuda
        .photo
        .kanjinou
        .MyNote
        .syougi
        .At_the_moment
        .other_soft
        .line_01 img
        .tokuten_best_inner2
        .tokuten_01_2 li
        .notes2
        .bing_wallpaper
* **************************************************************************** */

.new_sofutoku{
    height: 750px;
    background-color: #FFFFFF;
    margin-top: -30px;
}

.ninki_soft{
	background:url(/regist/registuser/images/sofutoku_bg.png) no-repeat center;
}

.Introduction{
    width: 300px;
    margin: 0 auto;
}

.Introduction p{
    font-weight: bold;
    color: #2e51ae;
    border: 1px solid #f9ec9e;
    background-color: #f9ec9e;
    border-radius: 10px;
    padding: 5px;
}

.soft_6type{
   display: inline-block;
   padding: 10px;
}

.soft_6type .title{
   font-weight: bold;
   color: #2e51ae;
   text-align: left;
}

.soft_6type .title2{
   font-weight: bold;
   color: #2e51ae;
   text-align: left;
   line-height: 1.2em;
}

.soft_6type .content{
   font-size: 14px;
   text-align: left;
}

.soft_content{
   position: relative;
   padding: 0 20px 30px 0;
}

.marjyan{
   position: absolute;
   top: 40px;
   left: 175px;
}

.hanahuda{
   position: absolute;
   top: 40px;
   left: 455px;
}

.photo{
   position: absolute;
   top: 40px;
   left: 725px;
}

.kanjinou{
   position: absolute;
   top: 225px;
   left:175px;
}

.MyNote{
   position: absolute;
   top: 225px;
   left:455px;
}

.syougi{
   position: absolute;
   top: 225px;
   left:725px;
}

.At_the_moment{
    text-align: left;
    font-size: 13px;
    padding-left: 27px;
}

.other_soft{
    text-align: right;
    padding-left: 380px;
    margin-top: -20px;
}

.line_01 img{
    margin: 40px 30px;
}



.tokuten_best_inner2{
   background-color: #FFFFFF;
  /* margin: -30px 20px 0 20px;*/
   margin: 0;
}

.tokuten_01_2 li{
   display: inline-block;
}

p.notes2{
    font-size: 65%;
    text-align: left;
    padding: 0 0 20px 35px;
}

ul.bing_wallpaper{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.bing_wallpaper li{
   display: inline-block;
}



/* **************************************************************************** *
 * 2020/9/8 FMV型名有導線コース/機種追加導線コース 選択画面
 *          CPモーダル対応
 * [/registuser/common/select_service.vhtml"]
 * [/registpc/common/select_service.vhtml"]
 * **************************************************************************** */
.modal_cp {
	visibility:hidden;
}
#modalPR_cp {
	position: relative;
	width: 680px;
	display: none;
	z-index: 10002;
}
.closeBtn_cp {
	margin: 0;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}
.closeBtn_cp2 {
	padding-bottom: 19px;
	cursor: pointer;
	text-align: center;
	background-color: #c09932;
}
.modalBg_cp {
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	margin: -50% -50%;
	padding: 50% 50%;
}



/* **************************************************************************** *
 * 2020/11/26 登録導線上のモーダルおよびコース選択画面への追記対応
 * [/registuser/common/select_service.vhtml"]
 * [/registpc/common/select_service.vhtml"]
 * **************************************************************************** */
.contentsarea .regist_ui ul.tokuten_01_2 {
	padding: 0;
	font-size: 0;
}
.contentsarea .regist_ui ul.tokuten_01_2 li {
	width: auto;
	margin-right: 10px;
}
.contentsarea .regist_ui ul.tokuten_01_2 li:last-child {
	margin-right: 0;
}
.contentsarea .regist_ui .nofmv .tokuten_best ul.tokuten_01,
.contentsarea .regist_ui ul.tokuten_01_2  {
	width: 860px;
	margin: 0 auto;
}

.cluboff_video {
	width: 860px;
	margin: 10px auto 0;
	background-color: #ffdb8b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}



/* **************************************************************************** *
 * 2021/1/13 プレミアム解約抑止モーダル改善対応
 * [/registuser/common/select_service.vhtml]
 * ■対応コース
 * 【13カ月未満利用】の「スタンダード・ワイドコース」
 * **************************************************************************** */
.modal_title_box_2 {
	padding: 24px 0 5px;
	background-color: #cc0000;
}
.modal_title_box_2 p {
	margin: 15px 0 0;
	color: #f7f956;
	font-size: 153.846%;
	font-weight: bold;
	line-height：1;
}
.modalCancel_read_2 {
	padding: 15px 0 0;
	background-color: #fff;
	font-weight: bold;
	line-height: 200%;
	font-size: 120.879%;
}
.modalCancel_read_2 img {
	vertical-align: text-bottom;
}
.modalCancel_read_2 span {
	font-size: 159.091%;
}
.modalCancel_read_2 span span {
	color: #cc0000;
	font-size: 100%;
}
.modalCancel_read_2 span.sml {
	font-size: 63.637%;
}
p.modalCancel_read_2 {
	margin-bottom: 20px;
}
.modalCancel_visual_inner {
	padding: 10px;
	border: solid #d5d4cf 2px;
}
.modalCancel_visual_inner img + div {
	margin-top: 10px;
}
.cancel_modal_read {
	font-size: 142.857%;
	font-weight: bold;
}
.cancel_modal_read + div{
	padding: 3px 0 0 0;
	background-color: #cc0000;
	color: #ffffff;
	font-size: 197.802%;
	font-weight: bold;
}
p.cancel_modal_read {
	margin: 20px 0 5px;
	line-height: 1.2;
}

.modalCancel_btn_3 {
	background: url(/regist/common/images/cancel_modal/cancel_modal_cancelBtn_03.gif);
	width:739px;
	height:122px;
	cursor: pointer;
	border: none;
}

/* **************************************************************************** *
 * 2021/1/20 プレミアム解約抑止モーダル改善対応
 * [registpremium/common/cancel_confirm.vhtml]
 * ■対応コース
 * 【13カ月以上利用】の「スタンダード・ワイドコース」
 * **************************************************************************** */

.modalCancel_visual .modalCancel_visual_inner .benefits_01{
    border: 1px solid #e8e1b5;
	margin-bottom: 10px;
    background-color: #fff8cc;
 }

 .benefits_01 .benefits_02{
    margin: 0 10px 10px 10px;
    border: 3px solid #e70a1b;
    background-color: #fcd2d5;
 }

  .benefits_01 .benefits_02 img{
    margin-top: -5px;
    padding-bottom: 10px;
  }

 .benefits_wrapper{
    position: relative;
 }

 .speechBubble{
    position: absolute;
    top: -20px;
    left: 25px;
    margin-top: 10px;
 }

 .personalName{
    margin: 0;
    padding: 10px 120px 0 0;
    font-size: 90%;
    font-weight: bold;
    color: #e70a1b;
    text-align: right;
 }

/* **************************************************************************** *
 * 2021/1/22 プレミアム解約抑止モーダル改善対応
 * [registpremium/common/cancel_confirm.vhtml]
 * ■対応コース
 * 【13カ月未満利用】の「プラスコース」
 * **************************************************************************** */

.modalCancel_visual .modalCancel_visual_inner .pc_DiscountTicket{
   margin-bottom: 0;
 }

/* **************************************************************************** *
 * 2021/2/4 プレミアム解約抑止モーダル改善対応
 * [registpremium/common/cancel_confirm.vhtml]
 * ■対応コース
 * 【3カ月未満利用】の「スタンダード・ワイドコース」
 * **************************************************************************** */

/* スタンダード */
.bgColor_20210215{
	width: 940px;
	height: auto;
	background: url(/regist/common/images/cancel_modal/bg_lightStar.png) no-repeat center 0;
	background-color: #ffff8b;
}

.bgColor_20210215 img{
	text-align: center;
}

.bgColor_20210215 .campaignContents_01{
	margin-top: -20px;
}

.bgColor_20210215 .standardContents{
	position: relative;
}

.standardCourse_01{
	position: absolute;
	top: 40px;
	left: 280px;
}

.pcRepair_01{
	position: absolute;
	top: 110px;
	left: 70px;
}

.discountCoupon_01{
	position: absolute;
	top: 200px;
	left: 285px;
}

.Call_01{
	position: absolute;
	top: 175px;
	right: 258px;
}

.softUnlimitedUse_01{
	position: absolute;
	top: 120px;
	right: 70px;
}

.popularService{
	position: absolute;
	top: 380px;
	left: 160px;
}

.c24_benefits{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3em;
	padding: 20px 0 10px 0;
	margin: 0;
}

.cash_back_entry{
	font-size: 12px;
	margin-bottom: 5px;
}

.continuous_use{
	padding: 3px 0 0 0;
	background-color: #cc0000;
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
}

/* ワイドコース */

.wideCourse_01{
	position: absolute;
	top: 3px;
	left: 280px;
}

.pcRepair_02{
	position: absolute;
	top: 70px;
	left: 70px;
}

.discountCoupon_02{
	position: absolute;
	top: 160px;
	left: 285px;
}

.Call_02{
	position: absolute;
	top: 135px;
	right: 258px;
}

.softUnlimitedUse_02{
	position: absolute;
	top: 80px;
	right: 70px;
}

.popularService_02{
	position: absolute;
	top: 340px;
	left: 160px;
}

/* **************************************************************************** *
 * 2021/2/9 プレミアム解約抑止モーダル改善対応
 * [registpremium/common/cancel_confirm.vhtml]
 * ■対応コース
 * 解約モダール「ベーシックコース」
 * **************************************************************************** */

.benefitsContent_210208{
	box-sizing: border-box;
	margin: 0 auto;
	border: 2px solid #d5d4cf;
    padding: 10px;
	width: 910px;
	height: auto;
}

.imgBnr_210208_01 img{
	margin-bottom: 14px;
}

.clearfix::after {
   content: “”;
   display: block;
   clear: both;
}

.imgBnr_210208_02{
	width: 886px;
	height: auto;
	text-align: center;
}

.Bnf_01{
	border: 1px solid #d5d4cf;
	width: 284px;
	height: 317px;
	text-align: left;
	margin-right: 14px;
	float: left;
}

.storeIntroduction_01{
	padding: 10px;
}

.storeName_01{
	font-size: 20px;
	font-weight: bold;
	color: #df005b;
}

.service_dscp_01{
	font-size: 16px;
}

.Bnf_02{
	border: 1px solid #d5d4cf;
	width: 284px;
	height: 317px;
	text-align: left;
	margin-right: 14px;
	float: left;
}

.storeIntroduction_02{
	padding: 10px;
}

.storeName_02{
	font-size: 20px;
	font-weight: bold;
	color: #df005b;
}

.service_dscp_02{
	font-size: 16px;
}

.Bnf_03{
	border: 1px solid #d5d4cf;
	width: 284px;
	height: 317px;
	text-align: left;
    float: left;
}

.storeIntroduction_03{
	padding: 10px;
}

.storeName_03{
	font-size: 20px;
	font-weight: bold;
	color: #df005b;
}

.service_dscp_03{
	font-size: 16px;
}

.imgBnr_210208_03{
	width: 886px;
	height: auto;
	text-align: center;
	margin: 14px 0;
}

.Bnf_04{
	float: left;
}

.Bnf_05{
	float: right;
}

.annotation_210208{
	text-align: left;
	font-size: 16px;
}

.annotation_210208 a:link{
	color: #003399;
	text-decoration: underline;
}

.annotation_210208 a:hover{
	color: #ADD8E6;
	text-decoration: underline;
}

.annotation_210208 a:visited{
	color: #9400D3;
	text-decoration: underline;
}

.cautionText_210208_01{
	font-size: 26px;
	font-weight: bold;
	padding: 20px 0 0 0;
}

.autionText_210208_02{
	padding: 3px 0 0 0;
	background-color: #cc0000;
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}

.mdcancel2{
	background: url(/regist/common/images/cancel_modal/cancel_modal_cancelBtn_04.png);
	width:739px;
	height:122px;
	cursor: pointer;
	border: none;
}



/* **************************************************************************** *
 * 2021/2/18 登録導線　コース選択画面修正対応
 * [/registuser/common/select_service_campaigninfo.vhtml]
 * [/registpc/common/select_service_campaigninfo.vhtml]
 * **************************************************************************** */
/*-----------------------------------------------------------
/* 無料コース
/*-------------------------------------------------------- */
.selectCourseContainer .selectCourseFreeBtnArea_2 {
	padding: 45px 0 40px 0;
}

.selectCourseContainer .selectCourseFreeBtn_2 {
	margin: 0 auto;
	width: 510px;
	color: #fff;
	background: -moz-linear-gradient(bottom, #575757, #c1c1c1);
	background: -webkit-linear-gradient(bottom, #575757, #c1c1c1);
	background: linear-gradient(to top, #575757, #c1c1c1);
	border: 2px solid #fff;
	text-align:center;
	border-radius: 40px;
	padding: 10px 0 13px 0;
	cursor:pointer;
	font-size: 137.5%;
	font-weight: bold;
}
.selectCourseContainer .selectCourseFreeBtn_2 span {
	font-size: 76%;
}

/* **************************************************************************** *
 * 2021/2/19プレミアム解約抑止モーダル改善対応
 * [registpremium/common/cancel_confirm.vhtml]
 * ■対応コース
 * 解約ページ本体「スタンダードコース」
 * **************************************************************************** */

.Benefit_wrapper_210219{
	box-sizing: border-box;
	border: 1px solid #f0efbd;
	background-color: #ffffdc;
	width: 980px;
	height: auto;
	margin: 0 auto;
}

.Benefit_wrapper_210219{
	margin: 20px 0 20px 0;
}

.Benefit_wrapper_210219 .top_warning{
	margin-bottom: 80px;
}

.B_contents_01{
	margin: 0 auto;
	width: 920px;
	background-color: #FFFFFF;
	height: auto;
}
.B_contents_01.benefit_example_2603 {
	margin-top: 80px;
}

.B_contents_01 .benefit_example_img210219{
	margin-top: -80px;
}


.B_contents_02{
	margin: 0 auto;
	width: 920px;
	height: auto;
	background-color: #FFFFFF;
	height: auto;
	position: relative;
}

.B_contents_02bg{
    height: 406px;
   background:url(/regist/common/images/sofutoku_bg_210219.png) no-repeat center;
}

.sofutoku_content_210219{
	width: 860px;
	margin: 0 auto;
	position: relative;
}

.sofutoku_inline_210219 img{
    float: left;
}

.B_contents_02bg .ps_bnr{
	margin-top: -25px;
}

.sohutoku6type_01{
	width: 110px;
    height: auto;
}

.sohutoku6type_01 span{
	font-family: "メイリオ" ;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 18.2px;
	font-weight: bold;
    color: #2e51ae;
    text-align: left;
}

.sohutoku6type_01{
	font-family: "メイリオ" ;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	position: absolute;
	top: 35px;
	left: 150px;
}

.sohutoku6type_02{
	width: 110px;
    height: auto;
}

.sohutoku6type_02 span{
	font-family: "メイリオ" ;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 18.2px;
	font-weight: bold;
    color: #2e51ae;
    text-align: left;
}

.sohutoku6type_02{
	font-family: "メイリオ" ;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	position: absolute;
	top: 35px;
	left: 420px;
}

.sohutoku6type_03{
	width: 110px;
    height: auto;
}

.sohutoku6type_03 span{
	font-family: "メイリオ" ;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 18.2px;
	font-weight: bold;
    color: #2e51ae;
    text-align: left;
	line-height: 1.2em;
}

.sohutoku6type_03{
	font-family: "メイリオ" ;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	position: absolute;
	top: 35px;
	right: 40px;
}

.sohutoku6type_04{
	width: 110px;
    height: auto;
}

.sohutoku6type_04 span{
	font-family: "メイリオ" ;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 18.2px;
	font-weight: bold;
    color: #2e51ae;
    text-align: left;
	line-height: 1.2em;
}

.sohutoku6type_04{
	font-family: "メイリオ" ;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	position: absolute;
	top: 230px;
	left: 150px;
}

.sohutoku6type_05{
	width: 110px;
    height: auto;
}

.sohutoku6type_05 span{
	font-family: "メイリオ" ;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
    color: #2e51ae;
    text-align: left;
	line-height: 1.1em;
}

.sohutoku6type_05{
	font-family: "メイリオ" ;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	position: absolute;
	top: 210px;
	left: 420px;
	line-height: 1.3em;
}

.sohutoku6type_06{
	width: 110px;
    height: auto;
}

.sohutoku6type_06 span{
	font-family: "メイリオ" ;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 18.2px;
	font-weight: bold;
    color: #2e51ae;
    text-align: left;
}

.sohutoku6type_06{
	font-family: "メイリオ" ;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	position: absolute;
	top: 230px;
	right: 40px;
}

.clubOff_benefit_210219{
	width: 920px;
	height: auto;
	margin: 0 auto;
	text-align: center;
    background-color: #FFFFFF;
}

.clearfix::after {
    content: “”;
    display: block;
    clear: both;
}

.clubOff_B01 img{
	float: left;
}

.clubOff_B02 img{
	float: left;
}

.Btn_change_210219{
	margin: 10px 40px 0 0;
}

/* **************************************************************************** *
 * 2021/3/5プレミアム解約抑止モーダル改善対応
 * [registpremium/common/cancel_confirm.vhtml]
 * ■対応コース
 * 解約ページ本体「あんしんプラスコース」
 * **************************************************************************** */
.Benefit_wrapper_210305{
	box-sizing: border-box;
	border: 1px solid #f0efbd;
	background-color: #ffffdc;
	width: 980px;
	height: auto;
	margin: 0 auto;
}

.Benefit_wrapper_210305{
	margin: 0 0 20px 0;
}

.Benefit_wrapper_210305 .top_warning{
	margin-bottom: 80px;
}



/* **************************************************************************** *
 * 2021/3/12 新規登録コース選択画面刷新対応
 * [/app/customer/registuser/common/select_service_campaigninfo.vhtml]
 * **************************************************************************** */
.title_infoWide {
	margin-bottom: 70px;
}

/*-----------------------------------------------------------
 * 2021/3/18 新規登録FMVサポートなしコース選択画面:
 *　　　　　　　　　ベーシックモーダル対応
 * [/app/customer/registuser/common/select_service.vhtml]
 *----------------------------------------------------------- START */

.modalPrivilegeArea {
	box-sizing: border-box;
	margin: 0 auto;
	border: 1px solid #d5d4cf;
    padding: 10px;
	width: 910px;
	height: auto;
}

.privilegeBox_ex {
	background-color: #ffffff;
}

.trial_210323{
	padding-top: 25px;
}

.btn_relief_yes2_5 {
	background:url(/regist/common/images/20210318_modal_04.gif) no-repeat;
	width:739px;
	height:229px;
	border:none;
	cursor:pointer;
}

/*-----------------------------------------------------------
 * 2021/3/25 新規登録プレミアムコース選択画面モーダル
 * [/app/customer/registuser/common/select_service.vhtml]
 *----------------------------------------------------------- START */

.closeBtn_5 {
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	background-color: #f5fdde;
}

.closeBtn_1{
	margin: 0;
	position: absolute;
	right: 5px;
	top: 5px; /*20px;*/
	cursor: pointer;
}

.btn_adjustment_01{
	margin: 0;
	position: absolute;
	right: 5px;
	top: 8px;
	cursor: pointer;
}



/* **************************************************************************** *
 * 2021/4/14 プレミアム解約抑止対応
 * [registpremium/common/cancel_confirm.vhtml]
 * ■対応コース
 * 解約ページ本体「ベーシックコース」
 * **************************************************************************** */
.clubOff_benefit_basic {
	margin-top: -38px;
}

.clubOff_benefit_basic_2 {
	margin-top: -4px;
}



/* 2021/6/11　select_service.vhtml　下部モーダルテスト　*/

.closeBtn_cp2_2 {
	padding-bottom: 19px;
	cursor: pointer;
	text-align: center;
	background-color: #c09932;
}



/* **************************************************************************** *
 * 2021/8/4 新規登録 FMV機種あり コース選択画面PC版リニューアル対応
 * [/registuser/common/select_service.vhtml]
 * **************************************************************************** */
/* 2021/8/4　select_service.vhtmlモーダル */
.modal_premiumcp {
	background-color: #ffff8b;
	text-align: center;
}

.modal_premiumcp .ttl {
	padding: 22px 0 20px;
	background-color: #ca0000;
/*	background-color: #ff0000;
	background-color: #103675; */
	color: #fff;
	font-size: 307.70%;
	font-weight: bold;
}

.modal_premiumcp .closeBtn_5{
/*	background-color: #ffff8b; */
	margin: 60px 0 0;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 800px;
	height: 100px;
	color: #fff;
	background-color: #ca0000;
	font-size: 123.08%;
	border-radius: 49px;
	box-shadow: inset 2px 3px 1px 0px rgba(239, 171, 171, 0.58), inset -2px -4px 0px 0px rgba(149, 29, 29, 1);
}
.modal_premiumcp .closeBtn_5::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 48px;
	width: 18px;
	height: 18px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}


/* main visual */
.mainvis_inner_202108 {
	padding: 0;
	background: #cbedfb url(/regist/registuser/images/selectservice/mainvis_bg.gif) no-repeat top center;
	width: 980px;
	height: 500px;

}
.contentsarea .regist_ui .mainvis_inner_202108 ul {
	margin: 0;
	padding: 0;
	font-size: 0;
}
.contentsarea .regist_ui .mainvis_inner_202108 ul li {
	display: inline-block;
	margin-right: 40px;
}
.contentsarea .regist_ui .mainvis_inner_202108 ul li:last-child {
	margin-right: 0;
}


/* 2021/8/4　select_service_campaigninfo.vhtml */
/* スタンダード */
.selectStandard .ttl_2 {
	background: #0089fc url(/regist/registuser/images/selectservice/selectStandard_ttl_bg_0804.png) no-repeat bottom center;
	width: 966px;
	min-height: 243px;
}

div.ContentsBasic .selectCourseContainer h2.mod20210804 {
	margin: 40px 0 0 0;
	padding: 0;
	background-color: #fff;
}

.contentsarea .selectCourseContainer .standard ul.tokuten {
	margin: 0 auto;
	padding: 0;
	display: block;
	font-size: 0;
	width: 780px;
}
.contentsarea .selectCourseContainer .standard ul.tokuten li {
	margin-top: 8px;
	margin-right: 6px;
	padding: 0;
	display: inline-block;
}
.contentsarea .selectCourseContainer .standard ul.tokuten li:first-child {
	width: auto;
}
.contentsarea .selectCourseContainer .standard ul.tokuten li:last-child {
	margin-right: 0;
	padding-bottom: 0;
}
.contentsarea .selectCourseContainer .standard ul.tokuten li:hover {
	cursor: pointer;
}

.contentsarea .selectCourseContainer .standard ul.std_prc {
	margin: 0;
	padding: 20px 0 0 25px;
	display: table;
}
.contentsarea .selectCourseContainer .standard ul.std_prc li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: bottom;
}
.contentsarea .selectCourseContainer .standard ul.std_prc li:first-child {
	width: 250px;
	letter-spacing: -0.2em;
}
.contentsarea .selectCourseContainer .standard ul.std_prc li:last-child {
	padding-bottom: 10px;
}
.standard .std_prc .btn {
	width: 323px;
	height: 55px;
}
.selectCourseContainer .standard .std_prc .price {
	margin-right: 0;
	margin-bottom: 15px;
}

.scFreePeriodTxt_2 {
	font-size:69%;
	margin-top:8px;
}
.selectCourseContainer .scFreePeriodTxt_2 {
	text-align: right;
}
.selectCourseContainer .standard .scFreePeriodTxt_2 {
	text-align: center;
}

/* どれくらいお得? */
.otoku {
	margin-bottom: 50px;
	padding: 20px 30px 50px;
	background-color: #fff;
}
.otoku_inner {
	margin-bottom: 30px;
	padding: 0;
}
.contentsarea .regist_ui .otoku ul {
	margin: 20px 0;
	padding-left: 20px;
	font-size: 0;
}
.contentsarea .regist_ui .otoku ul li {
	margin: 0;
	display: inline-block;
}
.contentsarea .regist_ui .otoku ul li:nth-child(odd) {
	margin-right: 32px;
}
.contentsarea .regist_ui .otoku ul li:nth-child(1),
.contentsarea .regist_ui .otoku ul li:nth-child(2) {
	margin-bottom: 32px;
}



/* **************************************************************************** *
 * 2021/8/11 新規登録 FMV機種あり コース選択画面PC版モーダル対応
 * [/registuser/common/select_service.vhtml]
 * **************************************************************************** */
.modal_premiumcp_0811 {
	display: none;
/*	background-color: #fff2ce;
	text-align: center;
*/
}
.modal_premiumcp_0811 .ttl {
	background-color: #d7af43;
}
.modal_premiumcp_0811 ul {
	margin: 0 auto;
	padding: 0 90px;
	font-size: 0;
}
.modal_premiumcp_0811 ul li {
	width: 337px;
	display: inline-block;
}
.modal_premiumcp_0811 ul li:nth-child(odd) {
	margin-right: 22px;
}
.modal_premiumcp_0811 ul li:nth-child(1),
.modal_premiumcp_0811 ul li:nth-child(2) {
	margin-bottom: 26px;
}

/* **************************************************************************** *
 * 2021/12 新規登録 コース選択画面 リニューアル対応
 * [/registuser/common/select_service.vhtml]
 * **************************************************************************** */
.modal_premiumcp .ttl img {
	background-color: #ff0000;
}
.modal_premiumcp .ttl2 {
	margin: 0;
	padding: 30px 20px;
	background-color: #fff;
	border-radius: 18px;
	font-size: 123.08%;
	font-weight: bold;
}
.modal_premiumcp .ttl2 span {
	color: #ca0000;
	text-decoration: underline;
	font-size: 112.50%;
}

.bnr_premium_cpn .ttl {
	text-align: center;
	background-color: #fbf7de; /* #ffffb7 */
	border-bottom: #050c19 solid 4px; /* #103675 solid 4px */
}

.cmt_course {
	width: 550px;
	margin: 40px auto 0;
	padding: 20px 0;
	border: #c9caca solid 1px;
	border-radius: 7px;
	box-shadow: 4px 5px #a2acb5;
	text-align: center;
	font-size: 142.9%;
	font-weight: bold;
}

/* MainVisula */
.mainvis_inner_202112 {
	margin: 30px 0 0;
}
/*.mainvis_inner_202112 .main_ttl {
	padding-bottom: 25px;
	background-color: #f1f8fe;
}
.mainvis_inner_202112 .cmt_course {
	width: 400px;
	margin-top: 30px;
	background-color: #fff;
	box-shadow: none;
	font-size: 110%;
	font-weight: normal;
}*/
/*.pst_img {
	margin-top: -115px;
}
.mark {
	padding: 0 5px;
	color: #fff;
	background: linear-gradient(transparent 0%, #0c70dd 0%);
	font-weight: bold;
}*/

div.ContentsBasic .selectCourseContainer h2.balloon_202112 {
/*	position: relative;*/
	display: inline-block;
	margin: 50px 0 30px;
	padding: 10px 0 5px;
	width: 980px;
/*	min-width: 120px;
	max-width: 100%; */
	color: #fff;
	font-size: 175.83%; /*198%*/
	font-weight: bold;
}
/*div.ContentsBasic .selectCourseContainer h2.balloon_202112:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -30px;
	border: 30px solid transparent;
	border-top: 18px solid #1b1464;
}
*/

/* サポートコースのご紹介：スタンダード */
.standard_info {
	margin: 0 0 19px;
	background-color: #f0f7fe;
}
.standard_info_txt {
	padding: 30px 0 0;
	line-height: 1.7;
}
.standard_info_txt_2 {
	font-size: 132%;
}
.standard_info_txt_2 span {
	font-size: 150%;
	font-weight: bold;
	position: relative;
	background: linear-gradient(transparent 50%, #FFFF00 10%);
}
.standard_info_txt_2 sup {
	font-weight: bold;
	font-size: 90%;
}
.top_sub {
	padding: 0 0 15px;
	background: -moz-linear-gradient(top, #003dbf, #0035af);
	background: -webkit-linear-gradient(top, #003dbf, #0035af);
	background: linear-gradient(to bottom, #003dbf, #0035af);
}

/* 吹き出し：ここをクリック！ */
.balloon_area {
	position: relative;
	padding: 15px 0 25px;
	color: #103675;
	font-size: 132%;
	text-decoration: underline;
	display: inline-flex;
}
.balloon_area a {
	color: #103675;
}
.balloon_area:hover .balloon {
	display: inline;
}
.balloon {
	position: absolute;
	display: none;
	padding: 2px;
	background-color: rgba(255, 255, 74, 0.90);
	width:180px;
	left : 15%;
	bottom : 70%;
	margin-bottom : 12px;
	font-size: 80%;
}
.balloon:after{
	position: absolute;
	border-top: 12px solid rgba(255, 255, 74, 0.90);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -12px;
	left: 45%;
	content: "";
}

.selectCourseContainer .standard .btn {
	padding: 31px 0 7px;

}

/* サポートコースのご紹介：ワイド */
.selectCourseCont .wide .btn {
	width: auto;
}

/* 各コースのサービス内容の比較 */
.imghead {
	padding: 0 54px 0;
	text-align: right;
}



/* **************************************************************************** *
 * 2022/6 新規登録 コース選択画面 リニューアル対応
 * [/registuser/common/select_service.vhtml]
 * **************************************************************************** */
.modal_premiumcp .ttl + div {
	padding: 38px 17px 100px;
	background-color: #ebebeb;
	border-right: 5px solid #ca0000;
	border-bottom: 5px solid #ca0000;
	border-left: 5px solid #ca0000;
	font-size: 200%;
}

div.ContentsBasic .modal_premiumcp p {
	text-align: left;
	margin: 35px 10px 0;
}
div.ContentsBasic .modal_premiumcp p span {
	color: #ca0000;
	text-decoration: underline;
}



/* ****************************************************************************  *
 * 2022/7/6 新規登録 コース選択画面 リニューアル対応
 * [/registuser/common/select_service.vhtml]
 *
 * MOD: 2023/7/3 一部修正
 *
 * ****************************************************************************  */
/* ---------- main ---------- */
.mainvis_220706 {
	position: relative;
	margin: 0;
	padding: 45px 0 30px;
	text-align: center;
	background: #e5f1fb;
	background: -moz-linear-gradient(bottom, #f3f9fe 0%, #e5f1fb 100%);
	background: -webkit-linear-gradient(bottom, #f3f9fe 0%, #e5f1fb 100%);
	background: linear-gradient(to top, #f3f9fe 0%, #e5f1fb 100%);
}
.mainvis_inner_220706 {
	width: 747px; /*694px;*/ /*782px;*/
	height: 377px; /*355px;*/ /*413px;*/
	margin: 40px auto 0;
	padding: 18px; /*29px 44px;*/
	background: url(/regist/registuser/images/selectservice_202207/mainvis_bg_0706.png) no-repeat top left;
}
.flm {
	width: 747px;
/*	width: 694px; */
	background: #f7f2e8 url(/regist/registuser/images/selectservice_202307/mainvis_innner_bg_0703.png) no-repeat top left;
}
.flm div:last-child{
	margin-top: 8px;
}
div.ContentsBasic .mainvis_220706 p {
	margin: 0;
	font-size: 109.89%
}
div.ContentsBasic .mainvis_220706 p:first-child {
	color: #1b1464;
}
div.ContentsBasic .mainvis_220706 p.topttl {
	margin: 10px 0 20px;
	font-size: 175.83%;
	font-weight: bold;
	color: #1b1464;
}
div.ContentsBasic .mainvis_220706 p.topttl span {
	font-size: 150.00%;
}
div.ContentsBasic .mainvis_inner_220706 + p,
div.ContentsBasic .mainvis_inner_220822 + p {
	margin: 15px 99px 0;
	text-align: right;
	font-size: 65.94%;
}
.mian-balloon {
	position: absolute;
	top: 21px;
	right: 23px;
}


/* ---------- コース・特典一覧 ---------- */
div.ContentsBasic #serviceCoparison + p {
	margin: 0;
	padding: 0 20px;
	font-size: 87.92%;
}
#serviceCoparison + p a {
	text-decoration: underline;
}
#serviceCoparison + p a:hover {
	text-decoration: none;
}


/* ---------- サポートコースのご紹介 ---------- */
.selectArea {
	margin: 0;
	padding:0;
	text-align: center;
	font-size: 87.92%;
	border: #dbdbdb solid 1px;
	box-shadow: 4px 4px 6px 0 #f5f5f5;
}
.selectArea .ttl {
	padding: 20px 0 30px;
	background-color: #eaf3fa;
}
.slctStandard .ttl {
	background-color: #eee8de;
}
div.ContentsBasic .selectArea p {
	margin: 0;
	line-height: 1.8;
}
div.ContentsBasic .selectArea .ttl p span {
	font-size: 162.49%;
	font-weight: bold;
}
div.ContentsBasic .selectArea .ttl p span.op202307 {
	vertical-align: top;
	color: #1b1464;
}

.contentsarea .regist_ui .selectArea ul {
	margin: 0;
	padding: 0;
}
.contentsarea .regist_ui .selectArea ul li {
	padding: 3px 0 0 10px;
	display: inline-block;
	width: 130px;
	background-color: #fff;
	text-align: left;
	font-size: 14px;
}

/* スタンダード */
.slctStandard,
.slctWide {
	margin: 0 0 30px;
}
.slctStandard .ttl img {
	margin: 0 10px 0 0;
}
.slctStandard .summary,
.slctWide .summary {
	margin: 20px 0 0;
	line-height: 1.7;
}
.slctStandard .ttl + p,
.slctWide .ttl + p {
	color: #1b1464;
	font-size: 112.49%;
	font-weight: bold;
}
.slctStandard .ttl + p span {
	font-size: 144.45%;
}
.slctStandard .ttl202307 {
	padding-bottom: 10px;
}
div.ContentsBasic .selectArea p.att202307 {
	text-align: right;
	font-size: 87.5%;
}

.slctStandardArea,
.slctWideArea {
	background-color: #f5f7f8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slctStandardArea table,
.slctWideArea table {
	padding: 0 9px 10px;
	background-color: #fff;
/*	float: left; */
}
.slctStandardArea table th,
.slctStandardArea table td,
.slctWideArea table th,
.slctWideArea table td {
	text-align: center;
}
.slctStandardArea table th,
.slctStandardArea table td,
.slctWideArea table th,
.slctWideArea table td {
	width: 192px;
	text-align: left;
}
.slctStandardArea table th:last-child,
.slctStandardArea table td,
.slctWideArea table td {
	width: 185px;
}
.slctStandardArea table td.ttl {
	width: 760px;
	padding: 0 0 5px;
	background-color: #fff;
}
.slctStandard td.ttl img {
	margin: 0;
}

.slctStandardArea table th.ex {
	padding: 2px 0;
	font-weight: bold;
	font-size: 112.49%;
}
div.ContentsBasic .selectArea .ex p {
	background-color: #eaeaea;
	text-align: center;
}

.selectArea_right {
/*	float: right;*/
	width: 199px;
/*	display: flex;
	justify-content: center;*/
}
.selectArea_right .price,
.selectArea_btm .price {
	position: relative;
	margin-bottom: 20px;
}
.selectArea_right .price span,
.selectArea_btm .price span {
	font-size: 142.85%;
}
.selectArea_right .period,
.selectArea_btm .period {
	font-size: 150.5%;
}
/* .selectArea_right .price:before {
	content: '';
	position: absolute;
	top: 120%;
	left: 50%;
	transform: translateX(-50%);
	border-top: 9px solid #37354a;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
} */
.selectArea_right img {
	margin: 0 0 10px;
}
.consent {
	margin-top: 20px;
	padding: 0 8px;
	font-size: 87.50%;
	text-align: left;
}
a.consent-link:link {
	text-decoration: underline;
}
a.consent-link:hover {
	text-decoration: none;
}


/*ワイド */
.slctWide .ttl + p {
	padding: 10px 0;
}
.slctWideArea table th:nth-child(3) {
	width: 189px;
}
.slctWideArea table th:last-child {
	width: 187px;
}
.slctWideArea table td {
	padding: 10px 0 10px 10px;
	font-size: 87.50%;
	background-color: #f7f9fa;
	border-right: 7px solid #fff;
}
.slctWideArea table td:last-child {
	border-right: 4px solid #fff;
}
.slctWideArea table td.ttl {
	padding: 0 0 5px;
	background-color: #fff;
}

.area2 {
	margin-top: 9px;
}

/* ベーシック/プラス */
.selectPlusBasic {
	margin;: 30px 0 0;
}
.selectPlusBasic .selectArea .ttl{
	padding-bottom: 15px;
}

.selectPlusBasic .summary {
	padding: 15px 20px;
	text-align: left;
}
.slctPlus,
.slctBasic {
	width: 479px;
}
.slctPlus {
	float: left;
}
.slctBasic {
	float: right;
}
.selectArea_btm {
	display: flex;
/*	justify-content: center; */
	justify-content: space-around;
	align-items: center;
	padding: 10px 0;
	background-color: #f2f7fb;
}
.selectArea_btm .price {
	margin: 0;
	padding: 20px 0;
}
.selectArea_btm .price:before {
	content: '';
	position: absolute;
	top: 37%;
	right: -50%;
	transform: translateX(-50%);
	border: 9px solid transparent;
	border-left: 9px solid #37354a;
}
.selectArea_btm .price + div {
	font-weight: bold;
}
.selectArea_btm .consent {
	max-width: 185px;
	margin-top: 10px;
}


.selectArea .btn,
.tbllist .btn {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	padding: 5px 20px 3px 5px;
	background-color: #fb2626;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
}
.selectArea a.btn::after,
.tbllist a.btn::after {
	content: '';
	border: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	display: inline-block;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%) rotate(45deg);
}
a.btn:hover {
	text-decoration:none;
}


/* ---------- 星★☆ ---------- */
.star {
	position: relative;
	margin: -20px 0 0;
/*	display: inline-block; */
	font-size: 20px;
	line-height: 1.4;
}
.star:before {
	content: '☆☆☆';
	color: #e3c36d;
	text-shadow: 0 0 1px #fff;
	white-space: nowrap;
/*	display: inline-block; */
}
.star:after {
	color: #e3c36d;
}
.rate-3 .star:before,
.rate-3 .star:after,
.rate-2 .star:before,
.rate-2 .star:after,
.rate-1 .star:before,
.rate-1 .star:after,
.rate-0 .star:after,
.rate-0 .star:before {
	position: absolute;
	top: 2px;
	left: 0;
	overflow: hidden;
/*	letter-spacing: 1px;*/
}
.rate-3 .star:after {
	content: '★★★';
}
.rate-2 .star:after {
	content: '★★';
}
.rate-1 .star:after {
	content: '★';
}


/* ---------- サポートコースの一覧 ---------- */
.tbllist {
	margin: 25px 0 0 0;
	font-size: 76.93%;
}
.tbllist span {
	font-size: 142.85%;
}

.tbllist .btn {
	font-size: 120%;
}

div.ContentsBasic p {
	margin: 0;
}
div.ContentsBasic p.att {
	margin: 50px 0 25px;
	font-size: 114.28%;
	text-align: center;
}

.tbllist table {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.tbllist table th,
.tbllist table td {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-collapse: collapse;
	text-align: center;
}
.tbllist table th {
	background-color: #eaf3fa;
	font-weight: normal;
}
.tbllist table th:last-child {
	background-color: #ffe8e8;
}
.tbllist table td {
	padding: 10px 0 5px;
}
.tbllist table td img {
	margin-bottom: 5px;
}
.tbllist table td.cell-mgn {
	padding-top: 0;
}
div.ContentsBasic .tbllist p.tdfmt {
	margin-top: 10px;
	margin-bottom: 5px;
}

span.fnt-bl {
	color: #1b1464;
	font-size: 114.28%;
	font-weight: bold;
}
.tbllist span.sml {
	font-size: 114.28%;
}

.scFreePeriodTxt_3 {
	margin: 8px 0;
	text-align: right;
}

.tbllist .star {
	margin-top: -15px;
	margin-left: -60px;
}

.tbllist .rate-3 .star:before,
.tbllist .rate-3 .star:after,
.tbllist .rate-2 .star:before,
.tbllist .rate-2 .star:after,
.tbllist .rate-1 .star:before,
.tbllist .rate-1 .star:after,
.tbllist .rate-0 .star:after,
.tbllist .rate-0 .star:before {
	letter-spacing: 1px;
}
.tbllist .star {
	display: inline-block;
}

/* 無料ボタン */
.selectCourseFreeBtn_3 {
	float: right;
	position: relative;
	display: inline-block;
	padding: 5px 25px 3px 8px;
	border: solid 1px #b4b4b4;
	border-radius: 4px;
	font-size: 76.93%;
	cursor:pointer;
}
.selectCourseFreeBtn_3::after {
	content: '';
	border: 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	display: inline-block;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) rotate(45deg);
}
.selectCourseFreeBtn_3:hover {
	opacity: 0.7;
	text-decoration: none;
}



/* ****************************************************************************  *
 * 2022/8 機種追加 コース選択画面 リニューアル対応
 * [/registpc/common/select_service.vhtml]
 *
 * ****************************************************************************  *//* masinvisual */
.mainvis_inner_220822 {
	margin: 40px auto 0;
	width: 782px;
}
.flm_registpc {
	background: url(/regist/registpc/images/mainvis_bg_2.png) no-repeat top left;
}
.mainclr {
	color: #1b1464;
}

/* スタンダード */
.slctStandard_pc {}
.slctStandard_pc .ttl,
.slctWide_pc .ttl{
	background-color: #ede5d2;
}
.slctStandard_pc .slctStandardArea {
	position: relative;
	background-color: #f4f3ef;
}
.stn_tokuten_ex {
	position: absolute;
	top: 125px;
	left: 47px;
}
.product_txt {
	text-align: center;
	font-size: 109.89%;
	line-height: 1.8;
}
.product_attn {
	width: 940px;
	margin: 30px auto 10px;
	padding: 10px;
	background-color: #f7f7f9;
	font-size: 87.92%;
	text-align: center;
}
.product_attn span {
	color: #fb2626;
	border-bottom: 1px solid #fb2626;
}

/* ワイド */
.slctWide_pc .slctWideArea {
	align-items: flex-start;
	background-color: #fff;
}
.slctWide_pc .selectArea_right {
	background-color: #f4f3ef;
}
.slctWide_pc .slctWideArea table td {
	background-color: #f4f3ef;
}
.slctWide_pc .selectArea_right .price {
	margin-bottom: 0;
}
.slctWide_pc .selectArea_right .price::before {
	top: 100%;
}
div.ContentsBasic .selectArea p.sclink_2 {
	margin-top: 10px;
	margin-left: 5px;
	padding: 0 5px 0 1em;
	font-size: 81.25%;
	text-align: left;
	text-indent: -1em;
}

/* ベーシック・プラス*/
.slctPlusBasic_pc .selectArea_btm .price {
	padding: 13px 0 5px;
}
.slctPlusBasic_pc .selectArea_btm .price + div {
	padding-top: 10px;
}

.sclink_3 {
	padding-bottom: 5px;
	font-size: 81.25%;
	background-color: #f2f7fb;
}
div.ContentsBasic .selectArea p.sclink_2 span,
.sclink_3 span {
	border-bottom: #a0a4a6 solid 1px;
}



/* **************************************************************************** *
 * 2024/6 プレミアム解約導線 リニューアル対応
 * [\registpremium\WebContent\common\cancel_confirm.vhtml]
 * 対象会員：スタンダード13か月以上、ワイド13か月以上
 *         （一部：スタンダード13か月未満、ワイド13か月未満）
 * **************************************************************************** */
.wrapper_cancel_202406,
.wrapper_cancel_202407 {
	margin: 20px 0;
}

/* ---------- warning/解約後、～ ---------- */
.ttl_warning {
	padding: 50px 0;
	border: #f1f1b5 solid 2px;
	background-image: linear-gradient(0deg, #fff929, #fffe93);
	font-weight: bold;
	text-align: center;
}
.ttl_warning p {
	color: #ff0404;
	font-size: 323.08%;
}
.ttl_warning p span {
	display: inline-block;
	position: relative;
	padding-left: 69px;
}
.ttl_warning p span::before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 49px;
	height: 44px;
	background-image: url(/regist/common/images/cancel_confirm/icn_atnd.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* ---------- ご利用できなくなる特典例 ---------- */
.content_tokuten {
	background-image: linear-gradient(0deg, #faf7ef, #e1d6b5 100%, #fdfbf6 24%);
	color: #49321d;
}
.contentsarea ul.tokuten_list {
	margin: 0;
	padding: 0 30px 20px;
}

/* タイトル */
div.ContentsBasic .content_tokuten h4 {
	margin: 0;
	padding: 0;
	color: #49321d;
	font-size: 246.16%;
	text-align: center;
	border-bottom: #49321d solid 1px;
	line-height: 1.7;
}
div.ContentsBasic .content_tokuten h4 > span {
	display: inline-block;
	position: relative;
	padding-left: 50px;
}
div.ContentsBasic .content_tokuten h4 span > span {
	color :#ff4800;
}
div.ContentsBasic .content_tokuten h4 > span::before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 35px;
	height: 31px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
div.ContentsBasic .content_tokuten .tokuten_list li:nth-of-type(1) h4 > span::before {
	background-image: url(/regist/common/images/cancel_confirm/icn_fix.png);
}
div.ContentsBasic .content_tokuten .tokuten_list li:nth-of-type(2) h4 > span::before {
	background-image: url(/regist/common/images/cancel_confirm/icn_shopping.png);
	top: 5px;
	height: 35px;
}
div.ContentsBasic .content_tokuten .tokuten_list li:nth-of-type(3) h4 > span::before {
	background-image: url(/regist/common/images/cancel_confirm/icn_life.png);
	top: 5px;
}
.contentsarea ul.tokuten_list li {
	margin-top: 20px;
	padding: 20px 30px 30px;
	background-color: #fff;
}
.contentsarea ul.tokuten_list li:first-child {
	margin-top: 0;
}
.flex_box,
.flex_box_2 {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;
}

.flex_box figure {
	margin: 0;
	padding: 0;
	width: 375px;
	text-align: left;
	font-size: 107.7%;
}
.flex_box figure img {
	margin-bottom: 8px;
}
.contentsarea ul.tokuten_list li:nth-of-type(2) .flex_box figure img {
	margin-bottom: 0;
}
div.ContentsBasic .flex_box .txt p:first-child {
	line-height: 1.6;
}
.flex_box .txt {
	width: 465px;
	font-size: 138.47%;
}
.flex_box .txt span {
	color: #ff4800;
	font-size: 133.33%;
	font-weight: bold;
	background: linear-gradient(transparent 65%, #ffd7c0 65%);
}

/* ボタン*/
div.ContentsBasic p.btn_tokuten {
	text-align: right;
}
.contentsarea ul.tokuten_list li .btn_tokuten a,
.contentsarea ul.tokuten_list_2 li .btn_tokuten a,
.btn_tokuten_2 a {
	margin: 20px auto;
	padding: 16px 20px 14px 28px;
	width: 264px;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	font-size: 133.33%;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(135deg, #ff5e00, #ff3200);
	border-radius: 100vh;
	box-shadow: 0 3px 3px #9e9e9e;
}
.contentsarea ul.tokuten_list li .btn_tokuten a,
.contentsarea ul.tokuten_list_2 li .btn_tokuten a {
	margin-bottom: 0;
}
.btn_tokuten a::after,
.btn_tokuten_2 a::after,
.btn_tokuten_3 a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}

/* ボタン2 */
div.ContentsBasic p.btn_tokuten_2 {
	text-align: center;
}
.btn_tokuten_2 a {
	margin-top: 35px;
	margin-bottom: 45px;
	padding: 41px 20px 39px 28px;
	width: 603px;
	font-size: 323.08%;
	font-weight: bold;
}
.btn_tokuten_2 a::after {
	right: 35px;
	width: 15px;
	height: 15px;
}

/* ---------- warning/解約すると～ ---------- */
p.ttl_warning_2 {
	font-size: 292.31%;
	font-weight: bold;
	text-align: center;
}
p.ttl_warning_2 + p {
	margin: 5px 0 0;
	text-align: center;
	font-size: 138.47%;
	font-weight: bold;
}
p.ttl_warning_2 > span {
	display: inline-block;
	position: relative;
	padding-left: 69px;
}
p.ttl_warning_2 > span::before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 22px;
	width: 38px;
	height: 34px;
	background-image: url(/regist/common/images/cancel_confirm/icn_atnd.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
p.ttl_warning_2 > span > span {
	color:#ff0404;
	text-shadow:
		2px 1px 0 #f8f4ea,
		-2px 2px 0 #f8f4ea,
		2px -2px 0 #f8f4ea,
		-2px -2px 0 #f8f4ea;
	background: linear-gradient(transparent 65%, #fff931 65%);
}
p.ttl_warning_2 > span > span > span  {
		font-size: 128.95%;
}


/* ---------- 失効 ---------- */
.expire {
	width: 920px;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: center;
}
a.expire-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 610px;
	min-height: 102px;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	line-height: 1.2;
	text-decoration: none;
	background-color: #ff3c00;
	border-radius: 50px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
a.expire-btn:visited {
	color: #fff;
}
a.expire-btn:hover {
	text-decoration: none;
	opacity: 0.7;
}


/* ---------- ご注意 ---------- */
.caution {
	margin: 40px 0 0;
	padding: 30px;
	color: #000;
	background-color: #f3f3f3;
}

div.ContentsBasic .caution h3 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 200%;
	text-align: center;
}

.contentsarea .caution ul {
	margin: 15px 0 0;
	padding: 0;
}
.caution ul li {
	margin: 7px 0 0;
	padding-left: 20px;
	position: relative;
	font-size: 138.47%;
}
.caution ul li:first-child {
	margin-top: 0;
}
.caution ul li::before {
	content: "※";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
}


/* ---------- モーダル ---------- */
/* 重要 */
.modal_title_box_3 {
	padding: 25px 0;
	color: #ff0404;
	border: #f1f1b5 solid 2px;
	background-image: linear-gradient(0deg, #fff929, #fffe93);
	font-weight: bold;
	text-align: center;
}
.modal_title_box_3 p {
	margin: 0;
	padding: 0;
	font-size: 230.77%;
	line-height: 1;
}

/* 個別情報 */
.modalCancel_read_3 {
	padding: 25px 0 20px;
	color: #49321d;
	background-color: #fffebb;
	line-height: 200%;
}
.modalCancel_read_3 p {
	margin: 0 0 20px;
	font-size: 109.89%;
	line-height: 1.5;
}
.modalCancel_read_3 p span {
	font-weight: bold;
}
.modalCancel_read_3 p span.premiumPeriod {
	font-size: 140%;
}

.modalCancel_read_3 > p:nth-of-type(2) {
	font-size: 131.87%;
	font-weight: bold;
}
.modalCancel_read_3 > p:nth-of-type(2) span {
	color: #ff0404;
	font-size: 116.67%;
	background: linear-gradient(transparent 80%, #fff92b 80%);
	background-position-y: 35px;
}

/* 特典 */
.modalCancel_visual_2 {
	position: relative;
	padding: 40px 30px;
	color: #333;
	background-color: #ebebeb;
}
.modalCancel_visual_2::after {
	content: "";
	display: inline-block;
	position: absolute;
	border-top: 25px solid #ebebeb;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	bottom: -25px;
	left: 50%;
	margin-left: -30px;
}

.modalCancel_visual_2 p {
	margin: 0;
	padding: 0;
	font-size: 91.58%;
	line-height: 1.5;
}
.modalCancel_visual_2 ul {
	margin: 0;
	padding: 0;
}
.modalCancel_visual_2 li {
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}
.modalCancel_visual_2 li:first-child {
	margin-top: 0;
}
.modalCancel_visual_2 li > p {
	text-align: left;
	font-size: 162.8%;
	font-weight: bold;
}
.modalCancel_visual_2 li > p > span {
	display: inline-block;
	position: relative;
	padding-left: 50px;
}
.modalCancel_visual_2 li > p > span::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 35px;
	height: 33px;
	background-image: url(/regist/common/images/cancel_confirm/icn_atnd_blk.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.modalCancel_visual_2 li > p > span > span {
	color: #ff0404;
	background: linear-gradient(transparent 80%, #fff92b 80%);
	background-position-y: 40px;
}

.flex_box_2 {
	margin-top: 10px;
	padding: 20px 30px 30px;
	background-color: #fff;
}
.flex_box_2 figure {
	margin: 0;
	padding: 0;
	width: 200px;
}
.flex_box_2 .txt {
	width: 580px;
	text-align: left;
}
.flex_box_2 .txt span {
	color: #ff0404;
	font-size: 133.33%;
	font-weight: bold;
}
.btn_tokuten_3 {
	text-align: right;
}
.btn_tokuten_3 a {
	margin: 15px auto 0;
	padding: 15px 20px 13px 20px;
	width: 264px;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	font-size: 133.33%;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #333;
	border-radius: 100vh;
	box-shadow: 0 3px 3px #9e9e9e;
}
.modalCancel_visual_2 .flex_box {
	background-color: #fff;
}


.txt_warning {
	margin: 45px 0 0;
	color: #49321d;
	font-size: 109.89%;
}
.txt_warning > p {
	margin:0 ;
	padding: 0;
	line-height: 1.5;
}
.txt_warning > p:nth-of-type(1) {
	margin-bottom: 20px;
	color: #ff0404;
	font-size: 190%;
	font-weight: bold;
}
.txt_warning > p:nth-of-type(1) span {
	background: linear-gradient(transparent 80%, #fff92b 80%);
	background-position-y: 45px;
}

.modalCancel_btn_3 {
	background: url(/regist/common/images/cancel_confirm/cancel_modal_cancelBtn_02.png);
	width: 739px;
	height: 103px;
	cursor: pointer;
	border: none;
}

/* ---------- スライダー ---------- */
.carousel-area {
	margin: 0 0 30px;
	padding: 0 30px;
	max-width: 920px;
}
.type-item {
	width: 373px;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 4px 8px 8px #b2b0ad;
	overflow: hidden;
}
.type-txt {
	padding: 15px 10px;
	color: #333;
	font-size: 153.85%;
	font-weight: bold;
	text-align: center;
}

/* ----- slick ----- */
.carousel {
	opacity: 0;
}
.carousel.slick-initialized {
	margin: 0;
	opacity: 1;
}
.carousel-item {
	position: relative;
	margin: 18px 10px 0;
}
.carousel-link:hover {
	opacity: 0.7;
	transition: 0.2s;
}
.slick-slide:not(.slick-current) {
	opacity: 0.5;
}
/* 矢印 */
.carousel .slick-prev,
.carousel .slick-next {
	top: calc(50% + (18px / 2));
	width: 24px;
	height: 43px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 1;
}
.carousel .slick-prev {
	left: -18px;
	background-image: url(/regist/common/images/cancel_confirm/icn_pre.png);
}
.carousel .slick-next {
	right: -18px;
	background-image: url(/regist/common/images/cancel_confirm/icn_next.png);
}
.carousel .slick-prev::before,
.carousel .slick-next::before {
	content: none;
}
/* サムネイル */
.thumb {
	margin: 0 auto;
}
.thumb-carousel .slick-slide {
	cursor: pointer;
}
.thumb-carousel .slick-list{
	padding: 0 !important;
}
.thumb-carousel .slick-track {
	transform: unset !important; /* サムネイル固定 */
}
.thumb-item {
	margin: 0 10px;
	width: 138px !important;
}
.thumb-item:first-child {
	margin-left: 0;
}
.thumb-item:last-child {
	margin-right: 0;
}
.thumb-carousel .slick-slide:hover {
	opacity: 0.7;
}



/* **************************************************************************** *
 * 2024/7 プレミアム解約導線 リニューアル対応
 * [\registpremium\WebContent\common\cancel_confirm.vhtml]
 * 対象会員：スタンダード13か月未満、ワイド13か月未満
 * **************************************************************************** */
/* ---------- warning/解約後、～ ---------- */
.wrapper_cancel_202407 .ttl_warning p {
	color: #e30505;
}
.wrapper_cancel_202407 .ttl_warning p span::before {
	background-image: url(/regist/common/images/cancel_confirm/icn_atnd_2.png);
}

/* ---------- ご利用できなくなる特典例 ---------- */
.content_tokuten_2 {
	padding: 50px 0 0;
	background: #e8dfc2 url(/regist/common/images/cancel_confirm/ttl_h3_bg.png) no-repeat top left;
	color: #49321d;
}
div.ContentsBasic .content_tokuten_2 h3 {
	margin: 0;
	padding: 0 0 10px;
	background: none;
	border: none;
	font-size: 230.77%;
	text-align: center;
}
div.ContentsBasic .content_tokuten_2 h4 {
	margin: 0 0 20px;
	padding: 0;
	color: #ee4e0f;
	font-size: 292.308%;
	text-align: center;
/*	line-height: 1.7; */
}
.content_tokuten_2 h4 + p {
	margin: 5px 0 15px;
	font-size: 153.85%;
	text-align: center;
}
.content_tokuten_2 h4 + p span {
	color: #ee4e0f;
	font-size: 130%;
	font-weight: bold;
}

.contentsarea ul.tokuten_list_2 {
	margin: 0;
	padding: 0 30px 75px;
}
.contentsarea ul.tokuten_list_2 li {
	margin-top: 20px;
	padding: 40px 30px 20px;
	background-color: #fff;
	border-radius: 10px;
}
.contentsarea ul.tokuten_list_2 li:first-child {
	margin-top: 0;
}

.flex_box_3 .txt {
	padding: 37px 99px 32px;
	background-color: #f7efe0;
}
.lst_box1 li:nth-of-type(1) .txt {
	background-image: url(/regist/common/images/cancel_confirm/img_lst_box1_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.lst_box3 li:nth-of-type(1) .txt {
	background-image: url(/regist/common/images/cancel_confirm/img_lst_box3_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.lst_box3 li:nth-of-type(2) .txt {
	background-image: url(/regist/common/images/cancel_confirm/img_lst_box4_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/* 以下3点ワイド用 */
.lst_box1 li:nth-of-type(2) .txt {
	background-image: url(/regist/common/images/cancel_confirm/img_lst_box1_03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.lst_box4 li:nth-of-type(1) .txt {
	background-image: url(/regist/common/images/cancel_confirm/img_lst_box5_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.lst_box4 li:nth-of-type(2) .txt {
	background-image: url(/regist/common/images/cancel_confirm/img_lst_box5_03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


.flex_box_3 .txt > p {
	width: 291px;
	padding: 0;
	background-color: #ee4e0f;
	color: #fff;
	font-weight: bold;
	font-size: 184.62%;
	text-align: center;
	border-radius: 5px;
}
.contentsarea .txt ul {
	margin: 0;
	padding: 0;
}
.contentsarea .txt ul li {
	position: relative;
	margin: 10px 0 0;
	padding: 0 0 0 10px;
	list-style: none;
	background-color: initial;
	font-size: 138.47%;
	font-weight: bold;
	-webkit-text-size-adjust: none; /* モバイルで見たとき画像に重ならないように対応(chrome) */
	-ms-text-size-adjust: none; /* モバイルで見たとき画像に重ならないように対応(edge) */
}
.contentsarea .txt ul li:first-child {
	margin-top: 20px;
}
.contentsarea .txt ul > li:before {
	content: "";
	position: absolute;
	top: .5em;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #49321d;
	background-size: contain;
	border-radius: 50%;
}
.contentsarea .txt + div {
	margin-top: 20px;
}

div.ContentsBasic .tokuten_list_2  p.btn_tokuten {
	text-align: center;
}
.contentsarea ul.tokuten_list_2 li .btn_tokuten a {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 184.62%;
}

/* ---------- アコーデオン ---------- */
.info_list > dt {
	position: relative;
	margin: 8px 0 0;
	padding: 15px 80px 15px 30px;
	font-size: 138.5%;
	font-weight: bold;
	border: #f3f3f3 solid 2px;
	text-align: center;
	cursor: pointer;
}
.info_list > dt span {
	color: #e30505;
}
.info_list > dt::before,
.info_list > dt::after{
	position: absolute;
	content: '';
	top: 1px;
	right: 20px;
	bottom: 0;
	width: 20px;
	height: 3px;
	margin:auto;
	background:#888;
}
.info_list > dt::after{
	transform:rotate(-90deg);
	transition:transform 0.3s;
}
.info_list > dt.active::after{transform:rotate(0deg);}

.info_list > dd {
	display: none;
	margin: 0;
	padding: 25px;
	border-right: #f3f3f3 solid 2px;
	border-bottom: #f3f3f3 solid 2px;
	border-left: #f3f3f3 solid 2px;
}
.info_list ul {
	margin: 0;
	padding: 0;
	color: #e30505;
}
.slct_wide .info_list ul {
	color: inherit;
}
.contentsarea ul.tokuten_list_2 .info_list ul li {
	margin: 7px 0 0;
	padding: 0 0 0 20px;
	position: relative;
	font-size: 123.08%;
}
.contentsarea ul.tokuten_list_2 .info_list ul li:first-child {
	margin-top: 0;
}
.contentsarea ul.tokuten_list_2 .info_list ul li::before {
	content: "※";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
}


/* ---------- テーブル ---------- */
.comp_table {
	width: 920px;
	margin: 0 auto;
}

div.ContentsBasic .content_tokuten_2 .comp_table h3 {
	font-size: 277%;
	text-shadow:
		2px 1px 0 #fff,
		-2px 1px 0 #fff,
		2px -1px 0 #fff,
		-2px -1px 0 #fff;
}
.comp_table h3 span:nth-child(1) {
	font-size: 138.86%;
}
.comp_table h3 span:nth-child(2) {
	font-size: 116.64%;
}

.comp_table table {
	position: relative;
	width: 100%;
	border-collapse: separate; /*collapse*/
	border-spacing: 0;
	border: none;
	table-layout: fixed;
	word-wrap: break-word;
	text-align: center;
}
.comp_table th {
	color: #fff;
	font-size: 153.85%;
	font-weight: bold;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-color: #fff;
}
.comp_table th.col_01 {
	background-color: initial;
}
/* 非会員エリア枠 TH設定 */
.comp_table th.col_02 {
	padding: 15px 0 10px;
	background-color: #6e6e6e;
	border-right: #e8dfc2 solid 3px;
	border-left: #e8dfc2 solid 3px;
}
/* 会員エリア枠 TH設定 */
.comp_table th.col_03 {
	padding: 15px 0 10px;
	background-color: #ee4e0f;
	border-right: #ee4e0f solid 5px;
	border-left: #ee4e0f solid 5px;
}

/* 左TH設定 */
.comp_table tr:nth-child(2) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_01.png) no-repeat right top;
}
.comp_table tr:nth-child(3) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_02.png) no-repeat right top;
}
.comp_table tr:nth-child(4) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_03.png) no-repeat right top;
}
.comp_table tr:nth-child(5) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_04.png) no-repeat right top;
}
.comp_table tr:not(tr:nth-child(1)) th:nth-child(1) {
	padding: 0 0 0 30px;
	height: 108px;
	border-top: #e8dfc2 solid 3px;
	border-top-right-radius: initial;
	border-bottom-left-radius: 20px;
	color: #49321d;
	text-align: left;
}

.comp_table td {
	background-color: #fff;
	border-top: #e8dfc2 solid 3px;
	font-weight: bold;
}
/* 会員エリア枠 TD設定 */
.comp_table tr td:nth-child(3) {
	border-right: #ee4e0f solid 5px;
	border-left: #ee4e0f solid 5px;
	color: #ee4e0f;
	font-size: 246.16%;
}
.comp_table tr:last-child td:nth-child(3) {
	border-bottom: #ee4e0f solid 5px;
}
/* 非会員エリア枠 TD設定 */
.comp_table tr td:nth-child(2) {
	border-right: #e8dfc2 solid 3px;
	border-left: #e8dfc2 solid 3px;
	font-size: 184.62%;
}


/* 矢印 */
.comp_table table::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url(/regist/common/images/cancel_confirm/img_arrow.png) no-repeat;
	width: 135px;
	height: 45px;
	left: calc(50% - 67px);
	bottom: -60px;
	z-index: 2;
}

/*  毎月60,000円以上もお得 */
.comp_table table + div {
	margin: 50px 0 0 ;
	padding: 25px 0;
	border: #ee4e0f solid 5px;
	background-color: #fff;
	font-size: 184.62%;
	font-weight: bold;
	text-align: center;
}
.comp_table table + div p > span:nth-of-type(1) {
	font-size: 116.67%;
}
.comp_table table + div p > span:nth-of-type(2) {
	font-size: 133.33%;
	color: #ee4e0f;
	text-shadow:
		2px 1px 0 #fff,
		-2px 2px 0 #fff,
		2px -2px 0 #fff,
		-2px -2px 0 #fff;
	background: linear-gradient(transparent 65%, #f9deb0 65%);
}
.comp_table table + div p > span:nth-of-type(2) > span {
	font-size: 131.25%;
}


/* ---------- 様々な特典 ---------- */
.tokuten_all {
	margin-top: 90px;
	background: url(/regist/common/images/cancel_confirm/ttl_h3_bg_btm.png) no-repeat left bottom;
}

p.ttl_warning_3 {
	font-size: 246.16%;
	font-weight: bold;
	text-align: center;
	text-shadow:
		2px 1px 0 #fff,
		-2px 1px 0 #fff,
		2px -1px 0 #fff,
		-2px -1px 0 #fff;
}
p.ttl_warning_3 span {
	color: #ee4e0f;
	font-size: 118.75%;
}
p.ttl_warning_3 + p {
	margin: 10px 0 0;
	text-align: center;
	font-size: 153.85%;
	font-weight: bold;
}
.tokuten_all .carousel-area {
	margin-top: 0;
}

.tokuten_all .btn_tokuten_2 a {
	margin-bottom: 90px;
}

/* ---------- モーダル ---------- */
.modalBody2_inr .wrapper_cancel_202407 {
	margin-top: 0;
	margin-bottom: 0;
}
.modalBody2_inr .modal_title_box_3,
.modalBody2_inr .modalCancel_read_3 > p:nth-of-type(2) span {
	color: #e30505;
}
.modalBody2_inr .ttl_warning {
	padding: 35px 0 30px;
	font-size: 60%;
	background-color: #fffebb;
	border: none;
	background-image: none;
}
.modalBody2_inr .ttl_warning p,
.modalBody2_inr .modalCancel_read_3 p:nth-child(2)  {
	margin-bottom: 0;
}
.modalBody2_inr .modalCancel_read_3 {
	background-color: #fff;
}

.modalBody2_inr .modalCancel_visual_2 li > p > span > span {
	color: #e30505;
}
.modalBody2_inr .modalCancel_visual_2 li > p > span {
	text-shadow:
		2px 1px 0 #fff,
		-2px 1px 0 #fff,
		2px -1px 0 #fff,
		-2px -1px 0 #fff;
}
.modalBody2_inr .flex_box_2 .txt span {
	color: #e30505;
}
.modalBody2_inr .flex_box_2 .txt span > span {
	font-size: 75%;
}

/*.modal5 .modalBody2_inr .modalCancel_visual_2::after {
	border: none;
}
*/

/* ---------- ワイド13か月未満 テーブル設定 ---------- */
.slct_wide .comp_table tr:nth-child(3) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_05.jpg) no-repeat right top;
}
.slct_wide .comp_table tr:nth-child(4) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_08.jpg) no-repeat right top;
}
.slct_wide .comp_table tr:nth-child(5) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_07.jpg) no-repeat right top;
}
.slct_wide .comp_table tr:nth-child(6) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_03.png) no-repeat right top;
}
.slct_wide .comp_table tr:nth-child(7) th:nth-child(1) {
	background: #fff url(/regist/common/images/cancel_confirm/img_tbl_04.png) no-repeat right top;
}
div.ContentsBasic .slct_wide .content_tokuten_2 .comp_table h3 {
	text-shadow: none;
}

/* **************************************************************************** *
 * 2025/1 プレミアム解約導線 解約抑止
 * [\registpremium\WebContent\common\cancel_confirm.vhtml]
 * 対象会員：スタンダード
 * **************************************************************************** */

.bnr_cashback {
	margin-top: 25px;
}