@charset "utf-8";

/*-------------------------------------------------------*/
/* pay page ( 購入系画面 コース選択 / ポイント購入 )
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* pay page common 購入系画面共通スタイル
/*-------------------------------------------------------*/
.pay_wrap .container{
	padding: 30px;
	/*width: 880px;*/
}

.pay_wrap .container .sec_wrap{
	width: 860px;
}

/* purchase_list */
.pay_wrap .purchase_item_wrap{
	margin-top: 20px;
}
.pay_wrap .purchase_item_wrap > p{
	margin-top: 8px;
}
.pay_wrap .purchase_item_wrap:first-child{
	margin-top: 0;
}

/* purchase_item */
.pay_wrap .purchase_item{
	position: relative;
}
.pay_wrap .purchase_item table{
	width: 846px;
	height: 68px;
	border: #62cdd4 solid 6px;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.pay_wrap .purchase_item.on table,
.pay_wrap .purchase_item:hover table{
	background: #fffcee;
	cursor:pointer;
}
.pay_wrap .purchase_item table td{
	text-align: center;
	vertical-align: middle;
	border-left: #62cdd4 solid 2px;
}
.pay_wrap .purchase_item table td:first-child{
	border-left: none !important;
}
.pay_wrap .purchase_item table .kind{
	width: 150px;
	color: #555;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
.pay_wrap .purchase_item table .name{
	width: 220px;
	color: #16a9b2;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.pay_wrap .purchase_item table .point{
	width: 156px;
}
.pay_wrap .purchase_item table .price{
	width: auto;
}
.pay_wrap .purchase_item table .link{
	width: 60px;
}
.pay_wrap .purchase_item table .name em{
	font-size: 30px;
	font-size: 3.0rem;
	margin: 0 1px;	
	letter-spacing: 0.1em;
}
/* add 20141024 >>> */
.pay_wrap .purchase_item table .lesson_count{
	color: #999;
	font-weight: bold;
}
.pay_wrap .purchase_item table .lesson_count em{
	display: block;
	color: #555;
	margin-top: 8px;
}
/* <<< */
.pay_wrap .purchase_item table .point{
	color: #999;
	font-weight: bold;
}
.pay_wrap .purchase_item table .point em{
	display: block;
	color: #555;
	margin-top: 8px;
}
.pay_wrap .purchase_item table .price .txt_1{
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	color: #555;
	margin-right: 10px;
}
.pay_wrap .purchase_item table .price .txt_2{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ff6000;
}
.pay_wrap .purchase_item table .price .txt_2 em{
	font-size: 28px;
	font-size: 2.8rem;
}
.pay_wrap .purchase_item table .link i{
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
	border-radius: 4px;
	font-size: 20px;
	font-size: 2.0rem;
	background: #16a9b2;
}

/* trial course item */
.pay_wrap #trial_course .purchase_item table{
	border: #fb9eb7 solid 6px;
}
.pay_wrap #trial_course .purchase_item table td{
	border-left: #fb9eb7 solid 2px;
}
.pay_wrap #trial_course .purchase_item table .name{
	width: 428px;
}
.pay_wrap #trial_course .purchase_item table .name{
	color: #f57b9c;
}
.pay_wrap #trial_course .purchase_item table .from{
	margin-right: 0;
}
.pay_wrap #trial_course .purchase_item table .link i{
	background: #f57b9c;
}

/* disable purchase item */
.pay_wrap .purchase_item.disable table{
	border: #f4f4f4 solid 6px !important;
}
.pay_wrap .purchase_item.disable table td{
	border-left: #f4f4f4 solid 2px !important;
	color: #ccc !important;
}
.pay_wrap .purchase_item.disable td em,
.pay_wrap .purchase_item.disable td span,
.pay_wrap .purchase_item.disable td a{
	color: #ccc !important;
}
.pay_wrap .purchase_item.disable .link i{
	background: #ccc !important;
	color: #fff !important;
}
.pay_wrap .purchase_item.disable:hover table{
	opacity: 1;
	background: #fff !important;
	cursor: default;
}

/* tooltip */
.pay_wrap .purchase_item .tooltip{
	position: absolute;
	top: -60px;
	right: -20px;
	background: #f57b9c;
	padding: 10px 20px;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	-ms-filter: 'alpha( opacity=0 )';
	filter: alpha( opacity=0 );
	opacity: 0;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	margin-top: 10px;
}
.pay_wrap .purchase_item:hover .tooltip{
	display: block;
	-ms-filter: 'alpha( opacity=100 )';
	filter: alpha( opacity=100 );
	opacity: 1;
	margin-top: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/display: none;
}
.pay_wrap .purchase_item .tooltip::after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 123, 156, 0);
	border-top-color: #f57b9c;
	border-width: 10px;
	margin-left: -10px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	opacity: 0;
	-ms-filter: 'alpha( opacity=0 )';
	filter: alpha( opacity=0 );
	/display: none;
}
.pay_wrap .purchase_item:hover .tooltip::after{
	opacity: 1;
	-ms-filter: 'alpha( opacity=100 )';
	filter: alpha( opacity=100 );
}

/* notice */
.pay_wrap .notice_style .ttl{
	margin-bottom: 10px;
}
.pay_wrap .notice_style ul li{
	line-height: 1.2;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}
.pay_wrap .notice_style ul li .link_reserve_lesson{
	font-size: 16px;
	font-size: 1.6rem;
}

/* sec_point */
.pay_wrap .sec_point .point_table{
	width: 846px;
	border: #ccc 6px solid;
}
.pay_wrap .sec_point .point_table th{
	width: 180px;
	background: #f5f5f5;
	border: #e8e8e8 solid 1px;
	padding: 10px 15px;
	text-align: center;
}
.pay_wrap .sec_point .point_table td{
	background: #fff;
	border: #e8e8e8 solid 1px;
	padding: 10px 15px;
}

/* sec_pay_method */
/* add >>> */
.pay_wrap .sec_pay_method .t_pay_method_main,
.pay_wrap .sec_pay_method .t_pay_method_sub{
	text-indent: -0.5em;
	margin-bottom: 15px;
}
.pay_wrap .sec_pay_method .t_pay_method_sub{
	margin-top: 30px;
}
.pay_wrap .sec_pay_method .pay_method_option{
	margin-bottom: 20px;
}
.pay_wrap .sec_pay_method .pay_method_option.bank{
	margin-bottom: 0;
}
.pay_wrap .sec_pay_method .option_sub_wrap{
	background: #f9f9f9;
	border-radius: 8px;
	padding: 15px 20px;
	margin-top: 25px;
}
.pay_wrap .sec_pay_method .option_sub_wrap .t_pay_method_sub{
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0;
}
.pay_wrap .sec_pay_method .option_sub_wrap .table_style_2{
	background: #fff;
}

/* payment method select */
.pay_wrap .sec_pay_method--select .pay_method_option{
	border: #eee solid 1px;
	border-radius: 10px;
	padding: 20px 20px 15px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}
.pay_wrap .sec_pay_method--select .pay_method_option .table_style_2{
	margin-bottom: 10px;
}
.pay_wrap .sec_pay_method--select .pay_method_option .btn_style{
	float: right;
	font-size: 16px;
	font-size: 1.6rem;
	height: 36px;
	line-height: 36px;
	min-width: 220px;
}

.pay_wrap .complete_msg_bank{
	line-height: 1.5;
	margin: 30px 0 20px;
}
/* <<< */

.pay_wrap .sec_pay_method .desc{
	margin-bottom: 15px;
	font-weight: bold;
}
.pay_wrap .sec_pay_method p{
	clear: both;
	margin-bottom: 10px;
}
.pay_wrap .sec_pay_method .figure{
	float: left;
	padding: 5px 20px;
}

/* purchase_item_style */
.pay_wrap .purchase_item_style_1 table{
	width: 846px;
	height: 68px;
	border: #ccc solid 2px;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);*/
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.pay_wrap .purchase_item_style_1 table th,
.pay_wrap .purchase_item_style_1 table td{
	border: #e8e8e8 solid 1px;
	padding: 10px;
	font-size: 18px;
	font-size: 1.8rem;
}
.pay_wrap .purchase_item_style_1 table th{
	width: 220px;
	/*text-align:right;*/
	text-align: center;
	background: #f5f5f5;
}
.pay_wrap .purchase_item_style_1 table td{
	font-weight: bold;
	border: 2px solid solid;
	color: #16a9b2;
	padding:20px;
	font-size: 2.0rem;
	text-align:center;
}
.pay_wrap .purchase_item_style_1 table td.price,
.pay_wrap .purchase_item_style_1 table td.tax{
	color: #555;
	font-size: 20px;
	font-size: 2.0rem;
}
/* purchase_item_style_1 disable */
.pay_wrap .purchase_item_style_1.disable table{
	border: #ccc solid 6px;
}
.pay_wrap .purchase_item_style_1.disable table th,
.pay_wrap .purchase_item_style_1.disable table td{
	border: #e8e8e8 solid 1px;
}
.pay_wrap .purchase_item_style_1.disable table th{
	background: #f5f5f5;
	color: #999;
}
.pay_wrap .purchase_item_style_1.disable table td{
	color: #999;
}
.pay_wrap .purchase_item_style_1.disable table td.price,
.pay_wrap .purchase_item_style_1.disable table td.tax{
	color: #999;
}
/**/
.pay_wrap .ic_arrow_bottom{
	display: block;
	width: 24px;
	height: 15px;
	background: url('../images/icon/round_arrow_bottom.png');
	margin: 20px auto;
}

/* current status */
.pay_wrap .cur_status{
	line-height: 28px;
	font-weight: bold;
}
.pay_wrap .cur_status em{
	color: #16a9b2;
}

/* link cancel pay */
.sec_link_cancel_pay p{
	line-height: 1.7;
}

.pay_wrap .t_link--big{
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}

/*-------------------------------------------------------*/
/* pay confirm page 購入系確認画面
/*-------------------------------------------------------*/
.pay_wrap.confirm_wrap .purchase_item_style_1{
	margin-bottom: 10px;
}

/*-------------------------------------------------------*/
/* pay complete page 購入系完了画面
/*-------------------------------------------------------*/
.pay_wrap.complete_wrap .purchase_item_style_1{
	margin: 5px auto 20px;
}

/*-------------------------------------------------------*/
/* course select trial page 初回コース選択画面
/*-------------------------------------------------------*/
.trial_course_select_wrap .about_trial_course{
	margin-top: 20px;
}

/*-------------------------------------------------------*/
/* point purchase page ポイント購入画面
/*-------------------------------------------------------*/
.point_purchase_wrap .point_list .purchase_item{
	width: 650px;
	margin: 0 auto;
}
.point_purchase_wrap .point_list .purchase_item table{
	width: 650px;
	margin: 0 auto;
}
.pay_wrap .cur_status .cnt_point em{
	font-size: 20px;
	font-size: 2.0rem;
	margin-right: 0.2em;
	/*text-decoration: underline;*/
}
.pay_wrap .cur_status .cnt_point span{
	font-weight: normal;
}
.point_purchase_wrap .about_point{
	margin-bottom: 15px;
}
.point_purchase_wrap .about_point p{
	line-height: 1.7;
}

/* current coin */
.point_purchase_wrap .cur_status{
	position: absolute;
	top: 24px;
	right: 50px;
}

/* seconds coin for trial user */
.point_purchase_wrap .sec_trial_point{
	border: none;
}
.point_purchase_wrap .sec_trial_point .point_list_item table{
	border-color: #FA9CB8;
}
.point_purchase_wrap .sec_trial_point .point_list_item table .col_func .btn_purchase{
	width: 215px;
}
.point_purchase_wrap .sec_trial_point .ui_notice_list{
	background: #eee;
	padding: 20px;
}
.point_purchase_wrap .sec_trial_point .c_red{ color: #f14444 !important; }

/* existing_coin*/
.point_purchase_wrap .existing_coin{
	text-align: center;
}
.point_purchase_wrap .existing_coin .existing_coin_ttl{
	display: inline-block;
	padding-bottom: .5rem;
	border-bottom: 1px solid #eee;
}
.point_purchase_wrap .existing_coin .existing_coin_ttl em{
	display: inline-block;
	color: #16a8b5;
	font-size: 2.6rem;
	font-weight: bold;
	padding-left: 10rem;
}
.point_purchase_wrap .existing_coin .expiration_btn{
	display: inline-block;
	width: 176px;
	height: 32px;
	line-height: 32px;
	border: 2px solid #00ACEE;
	border-radius: 5px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-left: 5rem;
}
.point_purchase_wrap .existing_coin .expiration_btn:hover{
	color: #fff;
	background: #00ACEE;
}
.point_purchase_wrap .existing_coin .expiration_btn .expiration_text{
	color: #00ACEE;
	display: block;
}
.point_purchase_wrap .existing_coin .expiration_btn .expiration_text:hover{
	color: #FFF;
	display: block;
}
/*-------------------------------------------------------*/
/* point conf page ポイント購入確認画面
/*-------------------------------------------------------*/

.confirm_wrap .container .sec_wrap.sec_point_list{
	padding:0;
}

.confirm_wrap .sec_pay_method.sec_pay_method--select{
	border-top: none;
	padding:0;
}

.confirm_wrap .sec_pay_method.sec_pay_method--select .btn_wrap{
	border-bottom: #f5f5f5 solid 2px;
	padding: 0 0 40px;
}



/*---------------------------------------*/
/* point list style version 2
/*---------------------------------------*/
.point_purchase_wrap .point_list_v2 table{
	width: 100%;
	table-layout: fixed;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
}
.point_purchase_wrap .point_list_v2 table td{
	position: relative;
}
.point_purchase_wrap .point_list_v2 table td.col_pt{
	width: 31%;
}
.point_purchase_wrap .point_list_v2 table td.col_pt_service{
	width: 23%;
}
.point_purchase_wrap .point_list_v2 table td.col_price{
	width: 23%;
}
.point_purchase_wrap .point_list_v2 table td.col_func{
	width: 23%;
}
.point_purchase_wrap .point_list_v2 .point_list_header table{
	margin-bottom: 10px;
}
.point_purchase_wrap .point_list_v2 .point_list_item table{
	border: #ccc solid 1px;
	border-collapse: separate;
	border-radius: 2px;
	font-weight: bold;
}
.point_purchase_wrap .point_list_v2 .point_list_item{
	margin-bottom: 15px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.point_purchase_wrap .point_list_v2 .point_list_item:hover{
	/*background: #fffff0;*/
}
.point_purchase_wrap .point_list_v2 .point_list_item:last-child{
	margin-bottom: 0;
}
.point_purchase_wrap .point_list_v2 .point_list_item table em{
	font-size: 26px;
	font-size: 2.6rem;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td{
	padding: 0 15px;
	height: 56px;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt{
	color: #16a8b5;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt:before{
	position: relative;
	float: left;
	display: inline-block;
	width: 24px;
	height: 24px;
	content: '\f1c0';
	font-size: 2.4rem;
	font-family: FontAwesome;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt em{
	display: inline-block;
	margin-right: 5px;
	/*min-width: 105px;*/
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase{
	display: block;
	float: right;
	width: 136px;
	height: 32px;
	line-height: 30px;
	color: #fe8627;
	background: #fff;
	border: 2px solid #fe8627;
	border-radius: 4px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:hover{
	background: #fe8627;
	border-color: #fe8627;
	color: #fff;
	border-radius: 4px;
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disable,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disable:hover,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disabled,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disabled:hover,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:disabled,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:disabled:hover{
	background: #e3e3e3;
	border-color: #e3e3e3;
	color: #fff;
	cursor: default;
	box-shadow: none;
}

/*---------------------------------------*/
/* point log list
/*---------------------------------------*/
.sec_point_log .pager li a,
.sec_point_log .pager span a{
	font-weight: bold;
}
.sec_point_log .pager li.disabled{
	font-weight: normal;
	color: #999;
}
.point_log_list{
	margin-top: 3.5rem;
}
.point_log_list table{
	width: 100%;
	max-width: 900px;
	margin: auto;
	table-layout: fixed;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0 1rem;
}
.point_log_list table .col_desc{
	width: auto;
}
.point_log_list table .col_pt_diff{
	font-size: 15px;
	font-size: 1.5rem;
}
.point_log_list table thead th{
	color: #6d6d71;
	font-weight: normal;
}
.point_log_list table tbody tr{
	background: #FFF;
}
.point_log_list table tbody tr td{
	padding: 1rem 0.5rem;
	font-size: 15px;
	font-size: 1.5rem;
	border: 1px solid #c8c7cc;
	border-right: none;
	vertical-align: middle;
}
.point_log_list table tbody tr td.col_detail{
	padding: 1rem;
}
.point_log_list table tbody tr td+td{
	border-left: none;	
}
.point_log_list table tbody tr td:last-child{
	border-right: 1px solid #c8c7cc;
}
.point_log_list table thead tr th.col_datetime{
	width: auto;
}
.point_log_list table thead tr th.col_pt_diff{
	width: auto;
}
.point_log_list table thead tr th.col_detail{
	width: auto;
}
.point_log_list table tbody tr td.col_datetime{
	letter-spacing: -0.05em;
}
/*.point_log_list table tbody tr td.col_pt_diff{
	text-align: right;
}*/
.point_log_list table tbody tr td.col_pt_diff em{
	padding-left: 0.3rem;
}
.point_log_list table tbody tr.increase td.col_pt_diff{
	color: #ff2f65;
	font-weight: bold;
}
.point_log_list table tbody tr.decrease td.col_pt_diff{
	color: #1b91ff;
	font-weight: bold;
}
.point_log_list table tbody tr td.col_detail a{
	display: block;
	padding: 0.8rem 0.8rem;
	border-radius: 5px;
	background: #00ACEE;
	color: #fefefe;
	float: right;
	width: 136px;
}


/*-------------------------------------------------------*/
/* price 料金表画面
/*-------------------------------------------------------*/
.course_price_list {
	width: 584px;
	margin: 20px auto 10px;
	padding: 8px;
	background: url("../images/pattern/check_orange.gif") repeat 0 0;
}
.course_price_list table {
	text-align: center;
	border-color: #FFF;
	border-width: 0;
}
.course_price_list table th {
	width: 195px;
	height: 50px;
	font-size: 18px;
	vertical-align: middle;
	color: #FFF;
	background-color: #FF9326;
	font-weight: bold;
}
.course_price_list table td {
	font-weight: bold;
	font-size: 12px;
	height: 133px;
	vertical-align: middle;
	background-color: #FFF7DF;
	line-height: 1.5;
}
.course_price_list table td strong {
	font-size: 24px;
	font-weight: bold;
}
.course_price_list table td span {
	font-size: 16px;
	font-weight: bold;
}
.course_price_list table td:nth-child(even) {
	background-color: #FFEEB9;
}
.receiving_box_wrap{
	margin-top: 5rem;
}
/* coin receiving box */
.receiving_box_wrap .container{
	padding-bottom: 5rem;
}
.receiving_box_wrap .menu_wrap{
	margin: 0;
}
.receiving_box_wrap .menu_wrap ul{
	overflow: hidden;
	display: flex;
}
.receiving_box_wrap .menu_wrap ul li{
	text-align: center;
	flex: 1
}
.receiving_box_wrap .menu_wrap ul li a{
	display: block;
	min-width: 230px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #555;
	padding: 10px;
	transition: all 0.2s linear;
}
.receiving_box_wrap .menu_wrap ul li:first-child a{
}
.receiving_box_wrap .menu_wrap ul li + li{
}
.receiving_box_wrap .menu_wrap ul li a.active{
	background: #3b7cf2;
	border-radius: 3px 3px 0 0;
	color: #fff;
}
.receiving_box_wrap .details_wrap{
	padding-bottom: 4rem;
}
.receiving_box_wrap .details_wrap .details_item + .details_item{
	margin-top: 1.6rem;
}
.receiving_box_wrap .details_wrap .details{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.receiving_box_wrap .details_wrap .date{
	color: #6d6d71;
	font-size: 1.4rem;
	margin: 0 0 1rem 0;
}
.receiving_box_wrap .details_wrap .details .item_coin{
	
width: 62%;
}
.receiving_box_wrap .details_wrap .details .item_text{
	font-size: 1.5rem;
	width: 38%;
}
.receiving_box_wrap .details_wrap .details .item_text{
	line-height: 1.5;
}
.receiving_box_wrap .details_wrap .details .item_text p + p{
	margin-top: 1.2rem;
}
.receiving_box_wrap .details_wrap .details_inner{
	background: #fff;
	padding: 2rem 3rem;
	border: #c7c7cb 1px solid;
	display: flex;
	align-items: center;
}
.receiving_box_wrap .details_wrap .details_inner .left_col{
    display: table-cell;
    width: 10%;
    vertical-align: top;
}
.receiving_box_wrap .details_wrap .details_inner .right_col{
	display: table-cell;
	font-size: 1.3rem;
	line-height: 1.5;
	vertical-align: top;
	padding: 0 1.5rem 0 0;
}
.receiving_box_wrap .details_wrap .details_inner .details .item_icon{
	width: 4.5rem;
	height: 4.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fcc82a;
	border-radius: 50%;
	padding: 1.5rem;
	box-sizing: border-box;
}
.receiving_box_wrap .details_wrap .details_inner .details .item_icon img{
	width: 25px;
}
.receiving_box_wrap .details_wrap .details_inner .details .date-wrapper{
	width: 28%;
}
.receiving_box_wrap .details_wrap .details_inner .details .icon-amount{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.receiving_box_wrap .details_wrap .details_inner .details .coin_amount{
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1;
}
.receiving_box_wrap .details_wrap .details_inner .btn_wrap{
	text-align: center;
	width: 22%;
}
.receiving_box_wrap .details_wrap .details_inner .btn_wrap .btn_receiving{
	background: #3b7cf2;
	text-shadow: none;
	box-shadow: none;
	min-width: 86%;
	height: 4.3rem;
	line-height: 4.3rem;
	font-size: 1.5rem;
	border: none;
	border-radius: 5px;
}
.receiving_box_wrap .receiving_all_wrap {
	top: 9rem;
	right: 2.8rem;
}
.receiving_box_wrap .btn_wrap .btn_receiving_all{
	background: #3b7cf2;
	text-shadow: none;
	box-shadow: none;
	min-width: 20rem;
	height: 4.4rem;
	line-height: 4.4rem;
	font-size: 1.5rem;
	border: none;
	border-radius: 5px;
}
.receiving_box_wrap .ui_notice_list{
	padding: 0 1rem;
}
.receiving_box_wrap .pager_bottom{
	margin: 5rem 0 0;
}

/* NJ-35237 Start */
.receiving_box_wrap .menu_wrap ul li{
	width: 100%;
}
.receiving_box_wrap .menu_wrap ul li a{
	min-width: auto;
	width: 100%;
}
/* NJ-35237 End */

/* NJ-65171 Start */
a.coupon_receive_all_btn { 
	display: block;
	width: 23rem;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	line-height: 4.3rem;
	border-radius: 0.4rem;
	background: #3B7CF2;
	border: 0.2rem solid transparent;
	-webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
	font-weight: 700;
}
a.coupon_receive_all_btn:hover {
	border-color: #3B7CF2;
	color: #3B7CF2;
	background: #fff;
}
.modal_window ul.coupon_receive_all_modal li {
	font-family: Noto Sans JP;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 2.6rem;
	text-align: center;
}
.modal_window ul.coupon_receive_all_modal li span {
	font-size: 2.6rem;
}

/* NJ-65171 End */
