@charset "UTF-8";
/* mixin */
body { background: #fff; }

#contents { font-size: 87.5%; }

#main { line-height: 1.8; }

/* 2 column */
body.yj950-2 #main { float: left; width: 660px; }

body.yj950-2 #sub { float: right; width: 260px; }

.error_mess_redlv2 { background: #fceef1; border: 3px solid #d2122a; padding: 15px; text-align: center; margin: 0 0 20px 0; }

.error_mess_redlv2 h3 { font-size: 171.42857%; margin: 0 0 15px 0; font-weight: bold; }

.error_mess_yerlv1 { background: #fbf9e9; border: 1px solid #f7eb85; padding: 20px; margin: 0 0 20px 0; }

.error_mess_yerlv1 h3 { font-size: 171.42857%; margin: 0 0 15px 0; font-weight: bold; }

.error_mess_yerlv1 h3.lv2 { background: url("../../../member/pc/img/member_errormess_bg_pc.png") no-repeat 0 center; padding: 0 0 0 20px; }

.error_mess_yerlv1 p.mess { font-size: 85.71429%; }

.error_mess_yerlv1 h4 { font-size: 112.5%; margin: 0 0 10px 0; }

.errorText { color: #E0002A; margin-top: 5px; font-size: 114.28571%; }

/* oocss
==========================*/
/* margin */
.mT--5 { margin-top: 5px; }

.mT--10 { margin-top: 10px; }

.mT--15 { margin-top: 15px; }

.mT--20 { margin-top: 20px; }

.mT--25 { margin-top: 25px; }

.mT--30 { margin-top: 30px; }

.mT--35 { margin-top: 35px; }

.mT--40 { margin-top: 40px; }

.mT--45 { margin-top: 45px; }

.mT--50 { margin-top: 50px; }

.mT--55 { margin-top: 55px; }

.mT--60 { margin-top: 60px; }

.mB--5 { margin-bottom: 5px; }

.mB--10 { margin-bottom: 10px; }

.mB--15 { margin-bottom: 15px; }

.mB--20 { margin-bottom: 20px; }

.mB--25 { margin-bottom: 25px; }

.mB--30 { margin-bottom: 30px; }

.mB--35 { margin-bottom: 35px; }

.mB--40 { margin-bottom: 40px; }

.mB--45 { margin-bottom: 45px; }

.mB--50 { margin-bottom: 50px; }

.mB--55 { margin-bottom: 55px; }

.mB--60 { margin-bottom: 60px; }

.mB--65 { margin-bottom: 65px; }

.mB--70 { margin-bottom: 70px; }

.mB--100 { margin-bottom: 100px; }

.mL--5 { margin-left: 5px; }

.mL--10 { margin-left: 10px; }

.mL--15 { margin-left: 15px; }

.mL--20 { margin-left: 20px; }

.mL--25 { margin-left: 25px; }

.mL--30 { margin-left: 30px; }

.mL--35 { margin-left: 35px; }

.mL--40 { margin-left: 40px; }

.mL--45 { margin-left: 45px; }

.mL--50 { margin-left: 50px; }

.mL--55 { margin-left: 55px; }

.mL--60 { margin-left: 60px; }

.mL--65 { margin-left: 65px; }

.mL--70 { margin-left: 70px; }

.mL--75 { margin-left: 75px; }

.mL--80 { margin-left: 80px; }

.mL--1em { margin-left: 1em; }

.mR--5 { margin-right: 5px; }

.mR--10 { margin-right: 10px; }

.mR--15 { margin-right: 15px; }

.mR--20 { margin-right: 20px; }

.mR--25 { margin-right: 25px; }

.mR--30 { margin-right: 30px; }

.mR--35 { margin-right: 35px; }

.mR--40 { margin-right: 40px; }

.mR--45 { margin-right: 45px; }

.mR--50 { margin-right: 50px; }

.mR--55 { margin-right: 55px; }

.mR--60 { margin-right: 60px; }

.mLR--auto { margin-right: auto; margin-left: auto; }

/*padding*/
.pT--5 { padding-top: 5px; }

.pT--10 { padding-top: 10px; }

.pT--15 { padding-top: 15px; }

.pT--20 { padding-top: 20px; }

.pT--25 { padding-top: 25px; }

.pT--30 { padding-top: 30px; }

.pT--35 { padding-top: 35px; }

.pT--40 { padding-top: 40px; }

.pT--45 { padding-top: 45px; }

.pT--50 { padding-top: 50px; }

.pT--55 { padding-top: 55px; }

.pT--60 { padding-top: 60px; }

.pB--5 { padding-bottom: 5px; }

.pB--10 { padding-bottom: 10px; }

.pB--15 { padding-bottom: 15px; }

.pB--20 { padding-bottom: 20px; }

.pB--25 { padding-bottom: 25px; }

.pB--30 { padding-bottom: 30px; }

.pB--35 { padding-bottom: 35px; }

.pB--40 { padding-bottom: 40px; }

.pB--45 { padding-bottom: 45px; }

.pB--50 { padding-bottom: 50px; }

.pB--55 { padding-bottom: 55px; }

.pB--60 { padding-bottom: 60px; }

.pL--5 { padding-left: 5px; }

.pL--10 { padding-left: 10px; }

.pL--15 { padding-left: 15px; }

.pL--20 { padding-left: 20px; }

.pL--25 { padding-left: 25px; }

.pL--30 { padding-left: 30px; }

.pL--35 { padding-left: 35px; }

.pL--40 { padding-left: 40px; }

.pL--45 { padding-left: 45px; }

.pL--50 { padding-left: 50px; }

.pL--55 { padding-left: 55px; }

.pL--60 { padding-left: 60px; }

.pR--5 { padding-right: 5px; }

.pR--10 { padding-right: 10px; }

.pR--15 { padding-right: 15px; }

.pR--20 { padding-right: 20px; }

.pR--25 { padding-right: 25px; }

.pR--30 { padding-right: 30px; }

.pR--35 { padding-right: 35px; }

.pR--40 { padding-right: 40px; }

.pR--45 { padding-right: 45px; }

.pR--50 { padding-right: 50px; }

.pR--55 { padding-right: 55px; }

.pR--60 { padding-right: 60px; }

/* font size */
.fs--10 { font-size: 71.42857%; }

.fs--12 { font-size: 85.71429%; }

.fs--16 { font-size: 114.28571%; }

.fs--18 { font-size: 128.57143%; }

.fs--20 { font-size: 142.85714%; }

.fs--22 { font-size: 157.14286%; }

/* font color */
.fc--gray { color: #666; }

.fc--red { color: #E0002A; }

/* font weight */
.fw--bold { font-weight: bold; }

.fw--normal { font-weight: normal; }

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

.text--left { text-align: left; }

.text--center { text-align: center; }

/* vertical-align */
.valign--middle { vertical-align: middle; display: inline-block; *zoom: 1; *display: inline; }

/* float */
.float--left { float: left; }

.float--right { float: right; }

/* bg */
.bg--white { background-color: #fff !important; }

.bg--rightGreen { background-color: #F8FAEB !important; }

/* bdr */
.border--gray { border: 1px solid #ddd; }

/* flex box */
.flexWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.flexWrap .flexInner { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flexWrap .flexInner--mono{ width: 278px; }
.flexWrap .two-stage { text-align: left; display: inline-flex; background-position: 9px -742px; margin-left: 10px; width: 268px; }

/* clearfix */
.cf { zoom: 1; }

.cf:after { content: ""; display: table; clear: both; }

#contentsBody a.link--faq { width: 260px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; overflow: hidden; }
#contentsBody a.link--faq:link, #contentsBody a.link--faq:visited, #contentsBody a.link--faq:hover { color: #333; }
#contentsBody a.link--faq:hover { text-decoration: underline; }

/* faq */
.main__faq strong { font-weight: bold; }
.main__faq em { background: #f7eb85; }

.arrow--bottom { display: block; width: 28px; height: 28px; text-indent: -9999px; overflow: hidden; margin: 0 auto; background: url("../img/service_tguide_sprite_pc.png") no-repeat 0 0; }

.list__disc li { list-style: disc; margin-left: 20px;}

/* loan/revo */
.revo__service--link .title--small {
    text-align: center;
    padding: 0 0 10px 0;
}
.revo__service--link .box__tiling {
    border-width: 2px;
    border-color: #d8d8d8;
    padding: 20px 20px 0;
}

/* globalNav
==========================*/
.globalNav { border-bottom: 5px solid #f2f2f2; }

.globalNav__inner { width: 950px; margin: 0 auto; }
.globalNav__inner li { display: block; float: left; width: 158px; margin-bottom: -5px; }
.globalNav__inner li a { display: block; padding: 15px 0; border-bottom: 5px solid #e4e4e4; }
.globalNav__inner li a span { display: block; border-right: 1px dotted #ddd; height: 30px; text-indent: -9999px; overflow: hidden; background: url("../img/service_gnavi_sprite_pc.png") no-repeat; }
.globalNav__inner li a.gMenu--about span { background-position: 20px -2px; }
.globalNav__inner li a.gMenu--pay span { background-position: 31px -292px; }
.globalNav__inner li a.gMenu--use span { background-position: 31px -592px; }
.globalNav__inner li a.gMenu--point span { background-position: 46px -892px; }
.globalNav__inner li a.gMenu--faq span { background-position: 36px -1192px; }
.globalNav__inner li a.gMenu--campaign span { background-position: 37px -1492px; border-right: none; }
.globalNav__inner li.active a { border-bottom: 5px solid #e0002a; }
.globalNav__inner li.active a.gMenu--about span { background-position: -180px -2px; }
.globalNav__inner li.active a.gMenu--pay span { background-position: -169px -292px; }
.globalNav__inner li.active a.gMenu--use span { background-position: -169px -592px; }
.globalNav__inner li.active a.gMenu--point span { background-position: -154px -892px; }
.globalNav__inner li.active a.gMenu--faq span { background-position: -164px -1192px; }
.globalNav__inner li.active a.gMenu--campaign span { background-position: -163px -1492px; border-right: none; }

/* crumbNav
==========================*/
.crumbNav { padding: 20px 0 10px; }
.crumbNav li { float: left; display: block; padding: 0px 10px 0px 20px; background: url("../img/service_main_sprite_pc.png") no-repeat 0 -300px; font-size: 85.71429%; }
.crumbNav li a { display: block; }
.crumbNav li.home { padding-left: 0; background: transparent; }
.crumbNav li.home a { width: 20px; height: 20px; padding: 0 10px 0 0; text-indent: -9999px; overflow: hidden; background: url("../img/service_main_sprite_pc.png") no-repeat 0 0; }

/* main__header
==========================*/
.main__header { margin: 15px 0; }

.title--main { padding: 10px 0 10px 80px; font-size: 185.71429%; font-weight: bold; color: #222; background: url("../img/service_title_sprite_pc.png") no-repeat; }
.title--main.about { background-position: 0 0; }
.title--main.loan { background-position: 0 -300px; }
.title--main.benefits { background-position: 0 -600px; }
.title--main.tpoint { background-position: 0 -900px; }
.title--main.faq { background-position: 0 -1200px; }
.title--main.campaign { background-position: 0 -1500px; }

.title--middle { background: url("../img/service_main_sprite_pc.png") no-repeat 0px -586px; font-size: 142.85714%; font-weight: bold; padding-left: 20px; margin-bottom: 10px; color: #222; }

.title--small { font-size: 114.28571%; font-weight: bold; color: #222; }
.title--small .sub { font-weight: normal; font-size: 87.5%; }

.title--tcuve { padding: 10px 0 10px 80px; font-size: 185.71429%; font-weight: bold; color: #222; background: url("../img/service_title_tcuve_pc.png") no-repeat; }
.title--highlight { font-size: 114.28571%; font-weight: bold; color: #222; background-color: #d8f0f2; padding: 2px 6px; margin-bottom: 10px; } 

/* main_modules
==========================*/
/* box */
.box__gray, .box__gray--noPd { background: #f2f2f2; border-radius: 8px; border-bottom: 1px solid #ddd; padding: 30px 15px; text-align: center; }

.box__gray--noPd { padding: 0; }

.box__bdB { border-bottom: 1px dotted #d8d8d8; margin-bottom: 20px; padding-bottom: 20px; }

.box__tiling { float: left; width: 260px; border-width: 1px; border-color: #f0f0f0 #f0f0f0 #ddd; border-style: solid; padding: 20px 20px 40px; margin-bottom: 20px; position: relative; }
.box__tiling .bottomLink { position: absolute; bottom: 20px; right: 20px; }

.box__tiling__nobtmLink { border-width: 1px; border-color: #f0f0f0 #f0f0f0 #ddd; border-style: solid; padding: 20px; margin-bottom: 20px; }

.box__imgList { border-width: 1px; border-color: #f0f0f0 #f0f0f0 #ddd; border-style: solid; position: relative; }
.box__imgList .imgWrap { float: left; width: 155px; padding: 40px 8px; border-right: 1px solid #ddd; }
.box__imgList .textWrap { padding: 10px 20px; float: left; }
.box__imgList .bottomLink { position: absolute; bottom: 20px; right: 20px; }

.box__imgList.BB__no { border-bottom: none; }
.box__imgList.BTD { border-top: none; position: relative; }
.box__imgList.BTD::before { content: ""; background-image: linear-gradient(to right, #ddd, #ddd 3px, transparent 3px, transparent 8px); background-size: 8px 1px; background-repeat: repeat-x; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.box__borderList { *zoom: 1; margin-bottom: 20px; }
.box__borderList:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.box__borderList .box { display: table; border: 5px solid #ddd; border-radius: 10px; float: left; width: 200px; margin-right: 10px; text-align: center; height: 60px; line-height: 1.4; }
.box__borderList .box span { display: table-cell; vertical-align: middle; }

.box__loan { border-width: 1px; border-color: #f0f0f0 #f0f0f0 #ddd; border-style: solid; padding:20px 15px; text-align:center; }

/* link*/
.link--more { background: url("../img/service_main_sprite_pc.png") no-repeat 9px -747px; padding-left: 20px; }

/* linkList */
.linkList li { border-bottom: 1px dotted #d8d8d8; }
.linkList li a { display: inline-block; *zoom: 1; *display: inline; padding: 7px 0; }
.linkList .question { display: inline-block; *zoom: 1; *display: inline; font-weight: bold; margin-right: 10px; padding: 7px 0; }

/* table */
.mainTable, .mainTable--thLine, .mainTable--detail, .mainTable--faq { background: #fff; border: 2px solid #ddd; text-align: center; width: 100%; }
.mainTable th, .mainTable--thLine th, .mainTable--detail th, .mainTable--faq th { background: #F3F3F3; border-bottom: 1px solid #ddd; font-weight: bold; padding: 10px; }
.mainTable td, .mainTable--thLine td, .mainTable--detail td, .mainTable--faq td { border-right: 1px solid #E8E8E8; border-bottom: 1px solid #ddd; padding: 10px; }

.mainTable--thLine th { border-right: 1px solid #ddd; }

.mainTable--detail { line-height: 1.4; }
.mainTable--detail th { border-right: 1px solid #E8E8E8; }
.mainTable--detail td { padding: 10px 3px; font-size: 85.71429%; }

.mainTable--faq { text-align: left; }
.mainTable--faq th { text-align: left; width: 25%; }
.mainTable--faq td { text-align: left; }

/* button */
.mainButton, .mainButton--red, .mainButton--black, .mainButton--green, .mainButton--white, .mainButton--gray, .mainButtonTop--gray, .mainButtonTop--red, .mainButtonWYJ--white { border-radius: 5px; border-width: 1px; border-style: solid; text-align: center; line-height: 1.5; }
.mainButton a, .mainButton--red a, .mainButton--black a, .mainButton--green a, .mainButton--white a, .mainButton--gray a, .mainButtonTop--gray a, .mainButtonTop--red a, .mainButtonWYJ--white a { display: block; padding: 10px; }
.mainButton.icon--new, .icon--new.mainButton--red, .icon--new.mainButton--black, .icon--new.mainButton--green, .icon--new.mainButton--white, .icon--new.mainButton--gray, .icon--new.mainButtonTop--gray, .icon--new.mainButtonTop--red, .icon--new.mainButtonWYJ--white, .mainButton.icon--member, .icon--member.mainButton--red, .icon--member.mainButton--black, .icon--member.mainButton--green, .icon--member.mainButton--white, .icon--member.mainButton--gray, .icon--member.mainButtonTop--gray, .icon--member.mainButtonTop--red, .icon--member.mainButtonWYJ--white { padding: 0 20px 0 45px; text-align: left; }

.mainButton--red { background: #e0002a; /* IEで見苦しい場合は指定 */ background: linear-gradient(to bottom, #ec0924 28%, #e0002a 100%); border: none; font-size: 114.28571%; font-weight: bold; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; }
.mainButton--red a:link, .mainButton--red a:visited, .mainButton--red a:hover { color: #fff !important; }
.mainButton--red.typeSubscription { height: 48px; width: 360px; }
.mainButton--red.typeSubscription a { line-height: 34px; }

.mainButton--black { background: #343434; /* IEで見苦しい場合は指定 */ background: linear-gradient(to bottom, #4c4c4c 28%, #343434 100%); border: none; font-size: 114.28571%; font-weight: bold; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; }
.mainButton--black a:link, .mainButton--black a:visited, .mainButton--black a:hover { color: #fff !important; }

.mainButton--green { background: #02a8ba url("../img/top_icon_arrow_pc.png") no-repeat right center; /* IEで見苦しい場合は指定 */ background: url("../img/top_icon_arrow_pc.png") no-repeat right center, linear-gradient(to bottom, #00b1c5 28%, #02a8ba 100%); border: none; font-weight: bold; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; }
.mainButton--green a:link, .mainButton--green a:visited, .mainButton--green a:hover { color: #fff !important; }
.mainButton--green.loginBtn { padding-left: 10px; text-align: left; }

.mainButton--white { width: 250px; background: #f5f5f5; /* IEで見苦しい場合は指定 */ background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); border-color: #e4e4e4 #dfdfdf #b2b2b2; font-weight: bold; line-height: 1.3; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px; }
.mainButton--white a { border: 1px solid #fff; border-radius: 5px; }
.mainButton--white a:link, .mainButton--white a:visited, .mainButton--white a:hover { color: #222 !important; }
.mainButton--white.wide { width: 350px; }

.mainButton--gray { width: 225px; background: #414040; /* IEで見苦しい場合は指定 */ background: linear-gradient(to bottom, #333333 28%, #414040 100%); border: none; font-weight: bold; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; }
.mainButton--gray a:link, .mainButton--gray a:visited, .mainButton--gray a:hover { color: #fff !important; }

.mainButtonTop--gray { background: #414040 url("../img/top_login_sprite_pc.png") no-repeat -174px -150px; /* IEで見苦しい場合は指定 */ background: url("../img/top_login_sprite_pc.png") no-repeat -174px -150px, linear-gradient(to bottom, #333333 28%, #414040 100%); border: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; text-align: left !important; }
.mainButtonTop--gray .title { display: inline-block; *zoom: 1; *display: inline; font-weight: bold; font-size: 13px; }
.mainButtonTop--gray .subLink { display: inline-block; *zoom: 1; *display: inline; font-size: 71.42857%; padding-left: 10px; background: url("../img/top_login_sprite_pc.png") no-repeat -15px -317px; }
.mainButtonTop--gray a { display: block; padding: 12px 10px 10px 45px; background: url("../img/top_icon_arrow_pc.png") no-repeat right center; }
.mainButtonTop--gray a:link, .mainButtonTop--gray a:visited, .mainButtonTop--gray a:hover { color: #fff !important; }
.mainButtonTop--gray a:hover span { text-decoration: underline; }

.mainButtonTop--red { background: #e0002a url("../img/top_login_sprite_pc.png") no-repeat -360px 8px; /* IEで見苦しい場合は指定 */ background: url("../img/top_login_sprite_pc.png") no-repeat -360px 8px, linear-gradient(to bottom, #ec0924 28%, #e0002a 100%); border: none; font-weight: bold; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; text-align: left !important; }
.mainButtonTop--red a { display: block; padding: 12px 10px 10px 45px; background: url("../img/top_icon_arrow_pc.png") no-repeat right center; font-size: 13px; }
.mainButtonTop--red a:link, .mainButtonTop--red a:visited, .mainButtonTop--red a:hover { color: #fff !important; }
.mainButtonTop--red.typeSubscription { background: url("../img/top_login_sprite_pc.png") no-repeat -360px 17px, linear-gradient(to bottom, #ec0924 28%, #e0002a 100%) repeat scroll 0 0 transparent; }

.mainButtonWYJ--white { width: 110px; background: #f5f5f5; /* IEで見苦しい場合は指定 */ background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); border-color: #e4e4e4 #dfdfdf #b2b2b2; font-weight: bold; line-height: 1.2; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px; }
.mainButtonWYJ--white a { border: 1px solid #fff; border-radius: 5px; display: block; padding: 5px; }
.mainButtonWYJ--white a:link, .mainButtonWYJ--white a:visited, .mainButtonWYJ--white a:hover { color: #222 !important; }

.mainButton--sizeNormal { width: 320px; margin: 0 auto; }

.mainButton--not--arrow { display: inline-block; background-position: 275px 0; }
.mainButton--not--arrow a { width: 275px; padding: 10px 0; }
#contentsBody .mainButton--not--arrow a:hover { text-decoration: none; }

.mainButton--not--arrow.long--pattern { background-position: 310px 0; }
.mainButton--not--arrow.long--pattern a { width: 310px; }
/* box__ynguide 
==========================*/
/* box__ynguide */
.box__ynguide, .box__ynguide--01, .box__ynguide--02, .box__ynguide--03 { *zoom: 1; zoom: 1; text-align: left; }
.box__ynguide:after, .box__ynguide--01:after, .box__ynguide--02:after, .box__ynguide--03:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.box__ynguide .box__ynguide__expand, .box__ynguide--01 .box__ynguide__expand, .box__ynguide--02 .box__ynguide__expand, .box__ynguide--03 .box__ynguide__expand { margin: 0 40px 30px 40px; }
.box__ynguide .list__half, .box__ynguide--01 .list__half, .box__ynguide--02 .list__half, .box__ynguide--03 .list__half, .box__ynguide .list__half--left, .box__ynguide--01 .list__half--left, .box__ynguide--02 .list__half--left, .box__ynguide--03 .list__half--left, .box__ynguide .list__half--right, .box__ynguide--01 .list__half--right, .box__ynguide--02 .list__half--right, .box__ynguide--03 .list__half--right { display: block; width: 220px; padding-right: 10px; }
.box__ynguide .list__half--left, .box__ynguide--01 .list__half--left, .box__ynguide--02 .list__half--left, .box__ynguide--03 .list__half--left { float: left; }
.box__ynguide .list__half--right, .box__ynguide--01 .list__half--right, .box__ynguide--02 .list__half--right, .box__ynguide--03 .list__half--right { float: right; }

.box__ynguide--01 { background: url("../img/service_bg_ynguide_pc.png") repeat-y 40px bottom; }
.box__ynguide--01 .box_ynguide__inner { *zoom: 1; background: url("../img/service_tguide_sprite_pc.png") no-repeat -430px -401px; }
.box__ynguide--01 .box_ynguide__inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.box__ynguide--01 .box__ynguide__expand { width: 410px; margin: 0 40px 30px 168px; }

.box__ynguide--02 { text-align: left; background: url("../img/service_tguide_sprite_pc.png") no-repeat -130px 0px; }
.box__ynguide--02 .box__ynguide__expand { width: 470px; margin: 0 40px 20px 110px; }

.box__ynguide--03 { text-align: left; background: url("../img/service_tguide_sprite_pc.png") no-repeat -280px -200px; }
.box__ynguide--03 .box__ynguide__expand { width: 470px; margin: 0 40px 20px 110px; }

/* inner */
.box__ynguide__expand { background: #fff; border-radius: 10px; margin: 0 40px 30px 0; padding: 15px 20px; }
.box__ynguide__expand .expandIcon { float: right; cursor: pointer; width: 30px; height: 30px; border-radius: 5px; display: block; text-indent: -9999px; overflow: hidden; border-color: #e5e5e5 #d8d8d8 #acacac; border-style: solid; border-width: 1px; box-shadow: #d9d9d9 0px 1px 0px 0px; background: #fff; cursor: pointer; margin-left: 10px; }
.box__ynguide__expand .expandIcon span { display: block; border: 1px solid #fff; border-radius: 5px; background: url("../img/service_tguide_sprite_pc.png") no-repeat 6px -390px; }
.box__ynguide__expand .expandIcon.close span { background: url("../img/service_tguide_sprite_pc.png") no-repeat 6px -190px; }
.box__ynguide__expand .expandArea.close { display: none; }

.icon__ynguide--arrowBt { display: block; width: 28px; height: 28px; text-indent: -9999px; overflow: hidden; background: url("../img/service_tguide_sprite_pc.png") no-repeat 0 0; margin-left: 31px; }

.icon--point { background: url("../img/service_tguide_sprite_pc.png") no-repeat 0px -598px; padding-left: 25px; }

/* sub
==========================*/
/* subMenu
==========================*/
.subMenu { width: 260px; margin: 0 0 30px; }

.subMenu__header { padding: 0 10px 10px 40px; background: url("../img/service_main_sprite_pc.png") no-repeat 9px -444px; border-bottom: 3px solid #e4e4e4; }
.subMenu__header .title { font-weight: bold; font-size: 128.57143%; }

.subMenu__body li { border-bottom: 1px dotted #e4e4e4; }
.subMenu__body li:last-child { border-bottom: 0; }
.subMenu__body li a { display: block; padding: 10px 10px 10px 40px; background: url("../img/service_main_sprite_pc.png") no-repeat 17px -733px; }
.subMenu__body li.active a { background-position: 17px -883px; }
.subMenu__body li.sub a { background-position: 41px -1037px; padding-left: 55px; }

/* topLogin
==========================*/
#sub.top { padding-top: 0 !important; }

.topLogin { background: #f2f2f2; border-radius: 8px; width: 260px; margin: 0 0 30px; }

#sub.top .topLogin { width: 300px; }

.topLogin__header { display: block; background: #333; border-radius: 8px 8px 0 0; padding: 15px 20px; color: #fff; font-weight: bold; }

.topLogin__body { padding: 0 20px; }

.topLogin__body .login, .subLogin__body .message { border-bottom: 1px dotted #aaa; }

.topLogin__body .login, .subLogin__body .message, .subLogin__body .link { padding: 15px 0; }

.topLogin__body .login .mainButton--green, .topLogin__body .login .mainButton--gray { margin-bottom: 10px; }

.topLogin__body .link li { display: inline-block; *zoom: 1; *display: inline; text-align: center; width: 48%; line-height: 1.2; }

.topLogin__body .link li.left { border-right: 1px solid #aaa; }

.topLogin__body .name .fw--bold { display: inline-block; *zoom: 1; *display: inline; }

/* topMenber
==========================*/
.topLogin__body .member .name { padding: 5px 0; border-bottom: 1px dotted #aaaaaa; }

.border { border-bottom: 1px dotted #aaaaaa; }

.topLogin__body .sub { padding: 10px 0; }

.topLogin__body .sub h4 { font-size: 114.28571% !important; margin-bottom: 5px; line-height: 1; background-position: 0px -597px !important; }

/* bunner */
.subBanner p { margin-bottom: 10px; }

/* pluginNav
==========================*/
.pluginNav { padding: 0.5em; background: #eeeeee; border: double 3px #DDDDDD; min-height: 16px; *zoom: 1; }
.pluginNav:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.pluginNav .logo { float: right; }

/* .footer
==========================*/
/* subMenuList
==========================*/
.subMenuList, #contentsFooter .subMenuList--ft { margin-bottom: 30px; }
.subMenuList .subMenuList__title, #contentsFooter .subMenuList--ft .subMenuList__title { position: relative; font-weight: bold; margin-bottom: 10px; padding-bottom: 15px; font-size: 114.28571%; border-bottom: 1px solid #eee; }
.subMenuList ul.close, #contentsFooter .subMenuList--ft ul.close { display: none; }
.subMenuList li, #contentsFooter .subMenuList--ft li { margin-bottom: 3px; }

/* .footer
==========================*/
#footer { padding: 0; }

#contentsFooter { position: relative; padding: 25px 0 0; *zoom: 1; }
#contentsFooter:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#contentsFooter .footerMenu { width: 950px; margin: 0 auto; }
#contentsFooter .subMenuList--ft { width: 315px; margin-bottom: 0; float: left; }
#contentsFooter .subMenuList--ft .main__title { font-size: 114.28571%; }
#contentsFooter .center { text-align: center; }

.footerTopLink { text-align: center; width: 100%; margin-top: 25px; }
.footerTopLink a { display: block; width: 65px; margin: 0 auto; height: 30px; text-indent: -9999px; overflow: hidden; background: url("../img/service_main_sprite_pc.png") no-repeat 0px -150px; }

/* cmpList
==========================*/
.cmpList { *zoom: 1; margin: 0 30px 20px; }
.cmpList:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cmpList.textList { border-bottom: 1px dotted #ccc; padding: 10px 30px 0; margin-bottom: 0; }
.cmpList .img { float: left; border: 1px solid #ededed; padding: 20px; margin-right: 30px; }
.cmpList .rightBox { float: left; width: 560px; }
.cmpList .rightBox.noBtn { width: 730px; }
.cmpList .entryBtn a, .cmpList .entryBtn span.noEntry, .cmpList .entryBtn span.done { display: block; width: 140px; height: 70px; margin-top: 20px; float: right; border-radius: 5px; text-align: center; }
.cmpList .entryBtn a { background: #ea0037; /* IEで見苦しい場合は指定 */ background: linear-gradient(to bottom, #ea0037 0%, #d7001e 100%); box-shadow: 0px 1px 0px #e3e3e3; border: 1px solid #c40025; }
.cmpList .entryBtn a:link, .cmpList .entryBtn a:visited, .cmpList .entryBtn a:hover { line-height: 70px; font-weight: bold; color: #fff !important; text-decoration: none !important; }
.cmpList .entryBtn a:hover { opacity: 0.8; }
.cmpList .entryBtn a span { display: block; background: url("../img/cpList_ic_arrow.png") no-repeat right center; }
.cmpList .entryBtn span.noEntry { border: 1px solid #d9d9d9; color: #949494; font-weight: bold; padding: 1px; }
.cmpList .entryBtn span.noEntry span { display: block; height: 48px; line-height: 18px; padding-top: 20px; border: 1px solid #f2f2f2; }
.cmpList .entryBtn span.done { background: #ddd; border: 1px solid #ccc; color: #949494; font-weight: bold; }
.cmpList .entryBtn span.done span { display: block; height: 43px; line-height: 20px; padding-top: 25px; border: 1px solid #f2f2f2; }
.cmpList .title { font-size: 142.85714%; display: inline-block; *zoom: 1; *display: inline; font-weight: bold; vertical-align: middle; }
.cmpList .date, .cmpList .terms, .cmpList .privilege { color: #666; }
.cmpList .date em, .cmpList .terms em, .cmpList .privilege em { color: #999; font-weight: bold; }
.cmpList .date { margin-bottom: 10px; }
.cmpList .terms, .cmpList .privilege { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }

.title--middle + .textList { border-top: 1px dotted #ccc; margin-top: 20px; }

.cmpListWrap { border-color: #d9e6e7; border-style: solid; border-width: 0 1px 1px; margin-bottom: 30px; }
.cmpListWrap .listTitle { background: #09a; color: #fff; font-weight: bold; font-size: 128.57143%; text-align: center; }
.cmpListWrap .listInner { padding: 20px 30px; }
.cmpListWrap .cmpList { margin: 0; }

.cpIcon--end, .cpIcon--new, .cpIcon--tpoint { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; text-indent: -9999px; text-align: left; background: url("../img/icon_campaignList_pc.png") no-repeat 0 0; width: 75px; height: 23px; margin-right: 10px; }

.cpIcon--end { background-position: 0 0; }

.cpIcon--new { background-position: 0 -200px; }

.cpIcon--tpoint { width: 20px; background-position: 0 -400px; }

.allviewBtn { display: inline-block; margin-bottom: 10px; border: 1px solid #aaa; border-radius: 6px 6px; }
.allviewBtn a { display: block; padding: 10px 20px; color: #09a!important; }
.allviewBtn a:hover { text-decoration: none!important; }

/* commonボタン(矢印無し)
==========================*/
.btn_area { box-sizing: border-box; width: 658px; padding: 30px; border: 1px solid #D8D8D8; margin-bottom: 10px;text-align: center; } 
.btn_area .btn_wide{ height: 44px; width: 174px; display: inline-block; margin: 0 28px; }
.btn_area dd.btn_wide{width: 234px;}
.normalButton { display: block; height: 44px; line-height: 44px; font-weight: bold; border-radius: 5px; cursor: pointer; font-size: 16px;}
#contentsBody .green{ background: #02a8ba ; background: linear-gradient(to bottom, #00b1c5 28%, #02a8ba 100%); border: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; color: #ffffff; }
#contentsBody .green:hover { color: #ffffff;}
#contentsBody .white { background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); border-color: #e4e4e4 #dfdfdf #b2b2b2; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px 0px; border-radius: 5px; border: 1px solid #dfdfdf; color: #333; }
#contentsBody .white:hover{color: #333;}
.btn_txt{font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.note_area{ text-align: left;  border-top: 1px solid #E8E8E8; margin-top: 28px; padding-top: 20px; }
.note_area dt{ font-size: 14px; font-weight: bold;}
.txt_mintitle { color: #333333; font-size: 16px; font-weight: bold; text-align: center; margin-bottom:10px; }

/* ページ上部に戻るボタン
==========================*/
.page-up-move{
	width: 950px;
	margin: 0 auto;
	padding-bottom: 25px;
	text-align: right;
	font-size: small;
}
.page-up-move a:link,.page-up-move a:visited{
    color: #09a;	
}
.page-up-move .page-up{
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	vertical-align: middle;
	text-decoration: none;
}
.page-up-move .page-up::after,.page-up-move .page-up:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle
}
.page-up-move .page-up-lnk::before{
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #09a;
}
.page-up-move .page-up-lnk::after{
    left: 5px;
    top: 2px;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* sticky
==========================*/
.stickyBg {
  background: rgba(255,255,255,0.7);
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 1;
}
.stickyBnrWrapper {
  width: 950px;
  margin: 0 auto;
  position: relative;
}
.stickyBnr {
  width: 950px;
  margin: 0 auto;
}
.stickyCloseBtn {
  width: 30px;
  height: 30px;
  background: #ffffff;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 445px;
  z-index: 2;
}
.stickyCloseBtn a {
  width: 100%;
  height: 100%;
  background: url("https://s.yimg.jp/images/yjcard/service/pc/img/ico_crm_01.png") #222222;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.stickyBnr .guidanceBtn {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 10px;
}
.stickyBnr .guidanceBtn a{
    background: #E20014;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px;
    color:#fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 16px 0;
}

/* banner
==========================*/
.induction_banner {
    margin-top: 30px;
    text-align: center;
}
.induction_banner .banner_wrapp {
    background: #FFF4E4;
    padding: 15px;
    display: block;
    max-width: 700px;
    margin: 0 auto;
}
#contentsBody .induction_banner a:link,
#contentsBody .induction_banner a:visited,
#contentsBody .induction_banner a:hover,
#contentsBody .induction_banner a:active
{
    color: #333;
    text-decoration: none;
    border:none;
    cursor: pointer;
}
.induction_banner .banner_heading {
    font-size: 18px;
    font-weight: bold;
}
.induction_banner img {
    margin-top: 8px;
    width: 100%;
}

/* charge
==========================*/
.charge_detail dt{
    margin-top: 25px;
}
.charge_detail .title--middle{
    display: inline-block;
}
.charge_notice ol{
    margin-top: 25px;
}
.charge_notice li{
    color: #666;
}



.section_title {
  display: inline-block;      /* インラインブロック要素にする */
  padding:  8px;             /* 余白指定 */
  font-size: 20px;
  font-weight: bold;
}

.btn-square {
  display: inline-block;
  padding: 10px 56px;
  text-decoration: none;
  color: #222222;
  font-weight: bold;
  background: #FBFBFB;/*背景色*/
  border-radius: 6px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  border: solid 1.5px #E4E4E4;
  cursor: pointer;
}
  
.btn-square:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-box {
text-align:center;
  padding: 28px 14px;
  margin: 28px 0;
  font-weight: bold;
  border: solid 1px  #d8d8d8;
}

.btn-box p {
  margin-top:20px;
  font-size: 12px;
}

.account-item-name {
  list-style-type: none;
}

.account-item-inline-block {
  display: inline-block;      /* インラインブロック要素にする */
}

.account-item {
  display: inline-block;
  margin-right: 12px;
}

.account {
  display:flex;
}

.bank_account_list .account:first-child{
margin-top:20px;
padding-top:20px;
border-top: 1px dotted #d8d8d8;
}

.account-area {
  display:flex;
  flex-wrap:wrap;
  flex:1;
}

.account-area li {
  list-style:none;
  margin-right:10px;
}

.account-type {
  font-weight: bold;
  width:90px;
}

.box__bdB__underBox { border-bottom: 1px dotted #d8d8d8; margin-bottom: 40px; padding-bottom: 20px;
}

.listBox {
  width: 676px;
}