@charset "UTF-8";



/*リンク
--------------------------------------------------------- */
/*アンカーリンク　ボタン*/
.AnchorLinkBtn{
    display: block;
    margin-right: 0px;
    margin-bottom: 1px;
}

/*テーブル
--------------------------------------------------------- */
table{
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
    border-bottom: 1px solid #aaaaaa;
    
}
table,tbody,thead,tfoot,tr,th,td{
    display: block;
    width: auto;
}
th:first-child {
    width: auto;
}

th{
    border-top: none;
    padding: 10px;
    background-color: #EEE;
}
td{
    padding: 20px 10px;
    border-top: 1px solid #c8c8c8;
}


/*カード券面
--------------------------------------------------------- */

.CardImageVisa,
.CardImageMaster,
.CardImageProper{
    display: block;
    margin: 10px 30px;
    text-align: center;
}

.CardImageProper:first-child{
    margin-bottom: 20px;
}



.CardImageVisa img,
.CardImageMaster img,
.CardImageProper img{
    width: auto;
    max-width: 300px;
    width: 100%;
    height: auto;
}

/*-----------------------------------------------------------
モーダル共通
------------------------------------------------------------*/

.ModalInner{
    width: auto;
    position: absolute;
    left: 20px;
    right: 20px;
    background: #ffffff;
    overflow: auto;
}

.ModalArea .InterNetNewEntryBtn,
.ModalArea .InterNetNewEntryBtnPC,
.ModalArea .InterNetNewEntryBtnSP,
.ModalInner .MembersSiteLinkBtn {
    background: #850909 !important;
}

.ModalArea .DocumentRequestLinkBtn {
    background: #444444;
}

.ModalArea .InterNetNewEntryBtnPC{
    display: none;
}
.ModalArea .InterNetNewEntryBtnSP{
    display: block;
}

/*-----------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
.Header{
    min-height: 69px;
}

.Header .InnerWrap {
    padding: 12px 10px;
}

.Header .TopRogo{
    margin-top: 28px;
    text-align: center;
    width: 100%;
    height: auto;
    font-size: 14px;
}
.Header .TopRogo:before {
    display: none;
}

.Header .TopRogo img{
    width: 100%;
    max-width: 312px;
    height: auto;
}
.Header .TopRogo a{
    display: inline-block;
}


.Header .MembersSiteBtn {
    padding: 6px 10px;
    text-align: right;
    width: 100%;
    vertical-align: middle;
    background: #444444 !important;
}

.Header .MembersSiteBtn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #ffffff;
    position: static;
    margin-left: 15px;
    margin-top: -1px;
}


/*----------------------------
パンくず
----------------------------*/

.BreadcrumbList{
    min-width: 0;
    padding: 10px 0px;
    font-size: 10px;
}
.BreadcrumbList .InnerWrap{
    padding: 0 10px;
}

/*-----------------------------------------------------------
フッター
------------------------------------------------------------*/
.Footer{
    padding-bottom: 143px;
    min-width: 0;
}
/*----------------------------
下固定申込みボタンエリア
----------------------------*/

.EntryLinkArea{
    padding: 0px;
}

.EntryLinkArea .InterNetNewEntryBtn {
    font-size: 12px;
    display: block;
    padding: 13px 0;
    width: auto;
    margin: 10px;
    background: #850909 !important;
}

.EntryLinkArea .InterNetNewEntryBtn:after {
    top: 16px;
}


.EntryLinkArea .PageTop {
    top: -70px;
    background: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/index/bt_pagetop_sp.png) no-repeat;
    background-size: 60px 60px;
}
.EntryLinkArea .PageTop img{
    display: none;
}

.EntryLinkArea .InterNetNewEntryBtn {
    display: none;
    font-weight: normal;
    box-shadow: 3px 3px 3px #717171;
}

.EntryLinkArea .SwitchingEntryLink{
    margin: 6px auto 12px;
    text-decoration: none !important;
    font-size: 13px;
    transition: 0s;
}

.EntryLinkArea .InterNetNewEntryBtnSp {
    font-size: 15px;
    background: #850909;
    display: block;
    padding: 12px 0;
    position: relative;
    text-align: center;
    color: #ffffff;
    width: auto;
    margin: 10px;
    box-shadow: 3px 3px 3px #717171;
}

.EntryLinkArea .InterNetNewEntryBtnSp:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #ffffff;
    margin-left: 10px;
    position: absolute;
    top: 17px;
    right: 15px;
}


.SpEntryLinkMenuBnt{
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff;
}

.SpEntryLinkMenuBnt:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #ffffff transparent;
}
.Active .SpEntryLinkMenuBnt:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
}



/*----------------------------
提携サービス・基本情報
----------------------------*/
.DetailPageLink{
    display: block;
}

.DetailPageLink .BasicInformationLinkArea,
.DetailPageLink .ServiceOfferLinkArea{
    display: block;
    width: 100%;
}
.DetailPageLinkInner{
    max-width: none;
    padding: 0;
    height: auto;
}


/* 左 提供サービス レイアウト*/
.DetailPageLink .BasicInformationLinkArea:before {
    width: 200px;
    height: 400px;
    top: -10px;
    right: 0px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 900px 0 0 900px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    top: auto;
    bottom: 0px;
    right: -90px;
}

.DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner:after{
    display: none;
}

/* 右 基本情報 レイアウト*/

.DetailPageLink .ServiceOfferLinkArea{
    background-size: 300px;
    background-position: -140px 70px;
}


.DetailPageLink .ServiceOfferLinkArea:before {
    width: 260px;
    height: 400px;
    top: auto;
    bottom: -18px;
    left: -74px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left bottom;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:before{
    display: none;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 900px 900px 0;
    border-color: transparent #222222 transparent transparent;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -100px;
}

/*提携サービス・基本情報 内容　レイアウト*/

.DetailPageLinkItem{
    width: auto;
    padding: 0;
    text-align: left;
}
.DetailPageLink .BasicInformationLinkArea{
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: 140% -50px;
    background-position: right -100px top -53px;
}

.DetailPageLink .BasicInformationLinkArea .DetailPageLinkItem{
    margin-left: 0;
    padding: 50px 30px 30px;
    border-right: none;
    
}
.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkItem{
    margin-right: 0;
    padding: 30px 30px 80px 30px;
    border-top: 1px solid #444444;
    border-left: none;
}

/*提携サービス・基本情報 内容　装飾*/

.DetailPageLink h2{
    margin: 0px;
    margin-bottom: 20px;
}

.DetailPageLink p{
    margin: 0px;
}

.DetailPageLink .DetailPageLinkBtn{
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    background-color: #444444 !important;
    color: #D8D8D8 !important;
}

/* 1カラムパターン　レイアウト*/

.DetailPageLink.Column1 .BasicInformationLinkArea{
    background-position: 140% -50px;
    background-position: right -100px top -53px;
}
.DetailPageLink.Column1 .ServiceOfferLinkArea{
    background-repeat: no-repeat;
    background-size: 320px;
    background-position: 151% -83px;
    background-position: right -63px top -89px;
}



.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner {
    width: auto;
    padding-right: 0px;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:before,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:before {
    display: none;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:after,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:after {
    border-width: 900px 0 0 900px;
    position: absolute;
    top: initial;
    bottom: 0px;
    left: initial;
    right: -90px;
}
.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkItem,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkItem {
    padding: 40px 30px;
}

.DetailPageLink.Column1 .DetailPageLinkBtn {
    width: 100%;
}

.DetailPageLink.Column1 .ServiceOfferLinkArea:before {
    width: 260px;
    height: 400px;
    top: -45px;
    bottom: auto;
    left: auto;
    right: -85px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
}
.DetailPageLink.Column1 .BasicInformationLinkArea:before {
    width: 260px;
    height: 400px;
    top: -39px;
    bottom: auto;
    left: auto;
    right: -71px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
}



/*----------------------------
フッター 4カラムの部分
----------------------------*/

.FooterNaviWrap .InnerWrap{
    display: block;
}


.FooterNaviWrap .FooterNaviList{
    display: block;
    width: 100%;
    padding: 0;
}

/*フッターリンク リスト*/

.FooterNaviList dl {
    margin-bottom: 0px;
    margin-top: -1px;
    border-top: 1px solid #777777;
    overflow: hidden;
}

.FooterNaviList dt {
    color: #777777;
    margin-bottom: 0px;
    padding: 20px 10px;
    border-bottom: 1px solid #777777;
    position: relative;
}

.FooterNaviList dt:before{
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    background: #d8dbe2;
    position: absolute;
    top: 24px;
    right: 12.5px;
}
.FooterNaviList dt:after{
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #d8dbe2;
    position: absolute;
    top: 28px;
    right: 8px;
}

.FooterNaviList dt.Active:before{
    display: none;
}


.FooterNaviList dd {
    margin-bottom: 0px;
    padding: 25px 0px;
    border-bottom: none;
}

.FooterNaviList dd + dd{
    margin-top: -20px;
}

.FooterNaviList dd a {
    padding: 0px 10px;
}

.FooterNaviList dd a:hover{
    opacity: 1;
}

.FooterNaviList dd a:after {
    top: 5px;
    right: 10px;
}

/*お問い合わせ*/
.FooterNaviWrap .FooterNaviList.inquiry{
    position: relative;
    z-index: 2;
}
.FooterNaviWrap .FooterNaviList.inquiry .InquiryBtn{
    background-color: #6d6d6d !important;
    color: #D8D8D8 !important;
}

/*----------------------------
一番下　フッターリンク部分
----------------------------*/

.FooterLink {
    border-top: 1px solid #454545;
    padding: 15px 20px;
}
.FooterLink .FooterBottomLink{
    text-align: center;
}
.FooterLink .FooterBottomLink > span{
    display: inline-block;
    position: relative;
    margin: 5px 0px; 
    padding: 0 10px;
    border-left: 1px solid #777777;
}
.FooterLink .FooterBottomLink > span:first-child{
    margin-left: 0;
    border-left: none;
}
.FooterLink .FooterBottomLink > span:last-child{
    margin-right: 0;
}
.FooterLink .FooterBottomLink > span:nth-of-type(4){
    border-left: none;
}

.FooterLink .FooterBottomLink > span a:after{
    display: none;
}
.FooterLink .FooterBottomLink > span a{
    font-size: 12px;
}
.FooterLink .FooterBottomLink > span a:hover{
    opacity: 1;
}

.FooterLink br{
    display: block;
}



/*----------------------------
 汎用ｈ2　見出しエリア
----------------------------*/
.HeadingArea{
    background: #ebebeb;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*----------------------------
 貸金業協会
----------------------------*/


.Kasikin .lineGray .figure{
    float: none;
    width: 100%;
    text-align: center;
}

.Kasikin .lineGray .figure + .text{
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

/*----------------------------
 お問い合わせ
----------------------------*/
.inquiryWrapArea .forPcBlock {
    display: none !important;
}
.inquiryWrapArea .forSpBlock{
    display: block!important;
}

.inquiryWrapArea .inquiryWrap .inquiryPhoneSpBtn {
    display: block;
    border: 2px solid #ededed;
    background: #ffffff;
    background: -moz-linear-gradient(top, white 0%, lightgray 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, lightgray));
    background: -webkit-linear-gradient(top, white 0%, lightgray 100%);
    background: -o-linear-gradient(top, white 0%, lightgray 100%);
    background: -ms-linear-gradient(top, white 0%, lightgray 100%);
    background: linear-gradient(to bottom, white 0%, lightgray 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
    color: #081b88;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0;
    margin: 10px 0;
    width: 100%;
    text-decoration: none;
}

.inquiryWrapArea .reception_wrap {
    display: block;
}

.inquiryWrapArea .reception_wrap .title {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

.inquiryWrapArea .reception_wrap .slash {
    display: none;
}

.inquiryWrapArea .reception_wrap .reception_hours,
.inquiryWrapArea  .reception_wrap .reception_mail,
.inquiryWrapArea  .reception_wrap .reception_comment {
    display: block;
}

/*----------------------------
 イベント情報一覧
----------------------------*/

.PlatinumEvent .PlatinumEventList{
    width: 100%;
    margin-left: 0;
}
.PlatinumEvent .PlatinumEventList .PlatinumEventListItem{
    width: 100%;
    margin-left: 0;
    float: none;
}
.PlatinumEvent .PlatinumEventList .EventState .End{
    margin-right: 10px;
}
.PlatinumEvent .PlatinumEventList .EventState .EndComment{
    display: inline-block;
    margin-top: 3px;
    margin-left: 0;
}

/*イベントレポート
--------------------------------------------------------- */

.PlatinumImfoReport .PlatinumImfoReportItem{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.PlatinumImfoReport .PlatinumImfoReportImage{
    width: 100%;
    padding: 0px !important;
    margin-top: 10px;
    box-sizing: border-box;
    float: none;
    
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.PlatinumImfoReport .PlatinumImfoReportImage + *{
    margin-top: 10px;
}

.PlatinumImfoReport .PlatinumImfoReportImage img{
    max-height: 200px;
}

.PlatinumImfoReport .PlatinumImfoReportImageBox{
    width: 100%;
    margin-left: 0;
}

.PlatinumImfoReport .PlatinumImfoReportImageBox img{
    width: auto !important;
    max-width: 100%;
    max-height: 200px;
    margin-left: 0 !important;
}
.PlatinumImfoReport .PlatinumImfoReportImageBox img + img{
    margin-top: 20px;
}

.PlatinumImfoReport .PlatinumImfoReportImageCaptionHeadline {
    font-weight: bold;
    margin-bottom: 5px !important;
    text-align: left;
}

.PlatinumImfoReport .PlatinumImfoReportDescription{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: none;
    box-sizing: border-box;
    
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}