@charset 'utf-8';

/* ============================================
// REGISTRATIONFLOW CSS
// ============================================
       Index    
   101. COMMON
   102. FLOW TOP
   103. FLOWPAGE COMMON
// ============================================ */




/*共通パーツの非表示*/
#NAV,
#HEADER,
.aside,
#FOOTER,
#grpRakutenLinkArea,
.breadcrumb,
#PAGETOP,
#MARQUEE,
#RAKUTEN_FOOTER,
.marquee,
.registration_navigation,
#flow,
h2 {
	display: none;
}

#MAIN,
.article {
	width: auto;
}

.section_title {
	border: none;
}

.box_staticcontent {
	font-size: 12px;
}

.col_content:first-child {
	display: none;
}

.flagicon {
	float: left;
	width: 20px;
	margin: 0 12px 12px 0;
}

.txt_red {
	color: #c33;
}

.txt_bold {
	font-weight: bold;
}

.txt_12px {
	font-size: 12px;
}

.txt_13px {
	font-size: 13px;
}

.txt_14px {
	font-size: 14px;
}

.txt_16px {
	font-size: 16px;
}

.txt_18px {
	font-size: 18px;
}

.txt_20px {
	font-size: 20px;
}

.mb20px {
	margin-bottom: 20px;
}

.ml12px {
	margin-left: 12px;
}

.w520 {
	width: 520px;
}

.bt_outline li {
	display: inline;
}

.feeld_cs_info {
	margin: auto 24px;
}

.feeld_cs_info .contact_feed {
	display: none;
}

.feeld_cs_info .contact_feed .txt_contact_feed {
	float: left;
	padding-top: 8px;
}

.feeld_cs_info .contact_feed ul.contact_link {
	float: right;
}

.feeld_cs_info .contact_feed ul.contact_link li a {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	display: table-cell;
	width: 315px;
	height: 52px;
	margin: 0;
	padding-top: 4px;
	padding-left: 115px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	border: 1px solid #e52873;
	border-radius: 5px;
	background: url(../../images/pc/common/icon_faqbn_contact.png) #ed6386 70px 16px no-repeat;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .65);
}

.feeld_cs_info .contact_feed ul.contact_link li a:hover {
	border: 1px solid #ed6386;
	background: url(../../images/pc/common/icon_faqbn_contact.png) #ff8ebb no-repeat 70px 16px;
}

.feeld_cs_info .contact_feed ul.contact_link li a span {
	font-size: 12px;
	font-weight: normal;
}

.feeld_cs_info .tel_feed {
	display: none;
}

.feeld_cs_info .tel_feed address {
	font-style: normal;
}

.feeld_cs_info .tel_feed .num {
	font-family: Verdana;
}

.feeld_cs_info .tel_feed .txt_tel_feed {
	float: left;
	padding-top: 36px;
}

.feeld_cs_info .tel_feed .txt_tel_feed span {
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	display: block;
	margin-bottom: 12px;
	color: #0880bd;
}

.tel_feed .txt_cs_name {
	font-size: 15px;
	font-weight: 800;
}

.feeld_cs_info .tel_feed .tel_num {
	font-size: 50px;
	font-weight: 700;
	line-height: .8;
	letter-spacing: -3px;
}

.feeld_cs_info .tel_feed .tel_num img {
	margin-right: 3px;
	vertical-align: middle;
}

.feeld_cs_info .tel_feed .tel_deruca_cs {
	float: right;
	text-align: right;
}

.tel_feed .reception_hours .num {
	font-weight: 500;
	padding-left: 4px;
	letter-spacing: 1px;
}

.tel_feed .txt_other_tel {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 8px;
}

.tel_feed .txt_other_tel .num {
	font-size: 26px;
	font-weight: 500;
	padding-left: 8px;
}

.feeld_cs_info .tel_feed .reception_hours {
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #000;
}

.boxhead_kantan li,
.boxhead_nomal li {
	padding-bottom: 8px;
}

.ul_attention {
	margin-left: 1em;
}

.ul_attention li {
	padding-left: 1em;
	text-indent: -1em;
}

.registrationflow .title {
	font-size: 15px;
	line-height: 28px;
	margin: 0 -12px 24px;
	padding: 0 0 0 12px;
	color: #424242;
	border-bottom: 1px solid #ccc;
	border-left: 5px solid #ff9800;
}

/* ============================================
// 103. FLOWPAGE COMMON
// ============================================ */

.col_step_index {
	padding-bottom: 12px;
}

.ul_step {
	float: none;
	width: auto;
}

.ul_step li,
.box_step h3 {
	font-weight: bold;
	margin-bottom: 6px;
}

.ul_step .other_site {
	color: #ea5514;
}

.ul_step .bt_stepnum,
.box_step h3 .bt_stepnum {
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	width: auto;
	height: auto;
	margin-right: 8px;
	text-align: left;
	text-decoration: none;
	color: #000;
	border: none;
}

.ul_step a:hover .bt_stepnum {
	border: #9b5800 1px solid;
	background-color: #ffb400;
}

.ul_step li a {
	text-decoration: none;
	color: #000;
}

.ul_step .other_site a {
	text-decoration: none;
	color: #ea5514;
}

.ul_step li ul li a:link {
	text-decoration: underline;
	color: #1976d2;
}

.ul_step li ul {
	display: none;
}

.ul_step li ul li a {
	font-size: 14px;
	font-weight: normal;
	float: none;
	width: auto;
	height: auto;
	padding-left: 10px;
	text-align: left;
	border: none;
	background-color: #fff;
	box-shadow: none;
}

.ul_step li ul li a:hover {
	text-decoration: none;
}

.ul_step li ul li:after {
	display: none;
}

.col_stepside {
	float: none;
	width: auto;
	border-top: #ccc 1px solid;
}

.box_mustitem {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: auto;
	padding: auto;
	border-radius: 4px;
	background-color: none;
}

.box_mustitem h3 {
	font-weight: bold;
	color: #24689a;
}

.box_mustitem ul {
	font-size: 16px;
	font-weight: bold;
	line-height: auto;
	padding: 0 0 0;
}

.box_mustitem ul li:before {
	display: none;
}

.box_mustitem ul .icon_bk:before {
	background-image: url(../../images/pc/support/newcomer/icon_bank.png);
}

.box_mustitem ul .icon_credit:before {
	background-image: url(../../images/pc/support/newcomer/icon_credit.png);
}

.box_mustitem ul .icon_tokun:before {
	background-image: url(../../images/pc/support/newcomer/icon_tokun.png);
}

.box_mustitem ul .icon_id:before {
	background-image: url(../../images/pc/support/newcomer/icon_id.png);
}

.box_join {
	display: none;
}

.box_join .bt_regist a {
	font-weight: bold;
	line-height: 48px;
	display: block;
	height: 48px;
	margin-bottom: 12px;
	padding-left: 12px;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	background-image: -moz-linear-gradient( 90deg, rgb(180,9,9) 0%, rgb(223,0,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(180,9,9) 0%, rgb(223,0,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(180,9,9) 0%, rgb(223,0,0) 100%);
}

.box_join .bt_regist a:hover {
	opacity: .6;
}

.box_join .link,
.ul_link {
	display: none;
}

.box_join .link a,
.ul_link a {
	font-size: 14px;
	font-weight: normal;
	float: none;
	width: auto;
	height: auto;
	padding-left: 10px;
	text-align: left;
	border: none;
	background-color: #fff;
	box-shadow: none;
}

.box_join .link:after,
.ul_link:after {
	display: none;
}

.bt_print {
	display: none;
}

.box_step {
	width: 172mm;
	height: 100%;
	page-break-after: always;
	position: relative;
	box-sizing: border-box;
}

.box_step h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 4px;
	border-bottom: #000 2px solid;
}

.box_step p {
	padding: 0 0 12px;
}

.box_stepcapture {
	padding: 20px 12px 12px 12px;
	background-color: none;
}

.box_stepcapture:after {
	display: none;
}

.box_stepcapture .box_extra {
	display: block;
	margin-bottom: 8px;
	padding: 8px;
	border: #999 1px solid;
	background-color: #fff;
}

.box_stepcapture .box_extra .title_extra {
	font-weight: bold;
	margin: -8px -8px 8px;
	padding: 8px;
	background-color: #f0f0f0;
}

.box_stepcapture.lastbox:after {
	border-width: 0;
}

.box_stepcapture .box_top {
	display: inline;
}

.box_stepcapture .col_capture {
	position: relative;
	z-index: 0;
	display: block;
	float: left;
	width: 30%;
	margin-right: 1em;
}

.icon_zoom {
	display: none;
}

.box_stepcapture .col_capture img {
	width: 100%;
	height: auto;
	background-color: none;
}

.box_baloon_r {
	display: inline;
	box-sizing: border-box;
	width: 100%;
	margin-left: 6px;
}

.box_extra .box_baloon_r {
	width: 100%;
}

.dl_baloon.baloon_b {
	width: 100%;
}

.dl_baloon img.flt_r,
.dl_baloon img.flt_l {
	display: none;
}

.dl_baloon.baloon_b:last-child,
.dl_baloon.baloon_b.mb0,
.dl_baloon.baloon_r.mb0 {
	margin-bottom: 0;
}

.dl_baloon {
	display: block;
	border: none;
}

.box_step .dl_baloon p {
	padding-bottom: 8px;
}

.dl_baloon dt {
	font-weight: bold;
	line-height: 14px;
	padding: 0 8px 4px 8px;
	color: #000;
	background-color: none;
}

.dl_baloon dt span {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	padding: 0 0 0 0;
	text-align: center;
	vertical-align: middle;
	text-indent: -1px;
	letter-spacing: -2px;
	border: #000 1px solid;
	border-radius: 15px;
}

.num_circle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	padding: 0 0 0 0;
	text-align: center;
	vertical-align: middle;
	text-indent: -1px;
	letter-spacing: -2px;
	border: #666 1px solid;
	border-radius: 7px;
}

.dl_baloon dd {
	padding: 0 8px 12px 8px;
	border-radius: 0 0 8px 8px;
	background-color: #fff;
}

.baloon_r:after,
.baloon_b:after {
	display: none;
}

.box_flowbtm_msg {
	display: none;
}

.box_caution {
	margin-bottom: 20px;
	padding: 0;
	color: #b10002;
	border: none;
}

.box_caution .title_caution {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 8px;
}

.box_caution .title_caution:before {
	display: none;
}

.box_caution ul {
	margin: 8px;
}

.img_w100p {
	width: 100%;
	height: auto;
}

.dl_step img {
	width: 35%;
	float: left;
	margin: 0 12px 12px 0;
}

/* ============================================
// 101.separate page
// ============================================ */
.box_join .bt_regist.rakutenbk a:before {
	display: inline-block;
	width: 56px;
	height: 28px;
	content: '';
	vertical-align: middle;
	background: url(../../images/pc/support/newcomer/btn_logo_rakuten.png)0 0 no-repeat;
}

.box_join .bt_regist.jnb a:before {
	display: inline-block;
	width: 56px;
	height: 28px;
	content: '';
	vertical-align: middle;
	background: url(../../images/pc/support/newcomer/btn_logo_jnb.png)0 0 no-repeat;
}

.box_join .bt_regist.jcb a:before {
	display: inline-block;
	width: 56px;
	height: 28px;
	content: '';
	vertical-align: middle;
	background: url(../../images/pc/support/newcomer/btn_logo_jcb.png)0 0 no-repeat;
}