@charset "UTF-8";

/*リストDetailPageLink
------------------------DetailPageLink------------------- */
.List,
.Note,
.inquiryWrapArea ul.note,
.NumNote,
.NumMarkNote,
.AttintionNote,
.NumList {
    margin-top: 5px;
    margin-bottom: 10px !important;
}

ul.List:last-child,
ul.Note:last-child{
    margin-bottom: 0 !important;
}

/*リスト*/
ul.List li {
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 1.5em;
    line-height: 1.3;
}
ul.List li:first-child{
    margin-top: 0px;
}
ul.List li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}
/*リスト（小）*/
ul.NoteDisc {
    color: #666;
}

ul.NoteDisc li {
    position: relative;
    font-size: 86%;
    margin-top: 5px;
    padding-left: 20px;
    line-height: 1.3;
}
ul.NoteDisc li:first-child{
    margin-top: 0px;
}
ul.NoteDisc li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・";
}
/*※リスト*/
ul.Note,
.inquiryWrapArea ul.note{
    color: #666;
}

ul.Note li,
.inquiryWrapArea ul.note li {
    position: relative;
    font-size: 86%;
    margin-top: 5px;
    padding-left: 20px;
    line-height: 1.3;
}
ul.Note li:first-child
.inquiryWrapArea ul.note li:first-child{
    margin-top: 0px;
}
ul.Note li:before,
.inquiryWrapArea ul.note li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

/*※リスト(注意モジュール内専用)*/

ul.AttentionNote li {
    position: relative;
    margin-top: 5px;
    padding-left: 20px;
}
ul.AttentionNote li:first-child{
    margin-top: 0px;
}
ul.AttentionNote li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

ul.AttentionNote li ul.List li {
    position: relative;
}
ul.AttentionNote li ul.List li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "・";
}
ul.AttentionNote li ul.List li:first-child {
    margin-top: 5px;
}

ul.AttentionNote li ol.NumNote li {
    position: relative;
}
ul.AttentionNote li ol.NumNote li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
}
ul.AttentionNote li ol.NumNote li:first-child {
    margin-top: 5px;
}

/*数字リスト*/

ol.NumList li {
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 1.5em;
}
ol.NumList li:first-child{
    margin-top: 0px;
}
ol.NumList li span:first-child{
    position: absolute;
    top: 0;
    left: 0;
}

/*数字リストカッコ付き*/
ol.BracketsNumList li {
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 2em;
}
ol.BracketsNumList li:first-child{
    margin-top: 0px;
}
ol.BracketsNumList li span:first-child{
    position: absolute;
    top: 0;
    left: -0.5em;
}

/*数字リスト（小）*/
ol.NumNote li {
    color: #666;
    font-size: 86%;
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 1.5em;
    line-height: 1.3;
}
ol.NumNote li:first-child{
    margin-top: 0px;
}
ol.NumNote li span:first-child{
    position: absolute;
    top: 0;
    left: 0;
}

/*数字リスト※印つき（小）*/
ol.NumMarkNote > li {
    color: #666;
    font-size: 86%;
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 2.5em;
    line-height: 1.2;
}

ol.NumMarkNote > li ul > li{
    margin-top: 5px;
}

ol.NumMarkNote > li:first-child{
    margin-top: 0px;
}
ol.NumMarkNote > li span:first-child{
    position: absolute;
    top: 0;
    left: 1em;
}
ol.NumMarkNote > li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

/*数字リスト※印つき（通常）*/
ol.NumMarkNote > li.normal {
    font-size: 100%;
    color: #000000;
}

/*定義リスト*/
dt{
    font-weight: bold;
    margin-top: 10px;
}
dt:first-child{
    margin-top: 0px;
}

/*赤文字*/
.ImportantText {
    color: #D40C0C!important;
}

/*ご注意
--------------------------------------------------------- */
.Attention{
    background-color: #f9f7f0;
    padding: 12px 15px 0 15px;
    margin: 20px 0;
    border: solid 1px #d2c9ac;
}
.AttentionHead{
    background: url(/nyukai/platinum/res/img/icon_caution_01.png) no-repeat left top;
    padding-top: 3px;
    padding-left: 32px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #7d671e;
}
.AttentionBody {
    border-top: 1px solid #d2c9ac;
    padding: 15px 0;
}

/*テーブル
--------------------------------------------------------- */
table{
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
    border-bottom: 1px solid #aaaaaa;
}

th,td{
    border-top: 1px solid #aaaaaa;
    padding: 20px 10px;
    text-align: left;
}

th:first-child{
    width: 30%;
}

/*リンク
--------------------------------------------------------- */

a{
    color: #222222;
}

p a{
    text-decoration: underline;
}

a.LeadLink {
    padding-left: 15px;
    background: none;
    position: relative;
    display: inline-block;
    text-decoration: underline;
}
a.LeadLink:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    left: 3px;
    top: 5px;
}


/*矢印リンク(リストタイプ)*/
ul.LeadLink li{
    margin-top: 5px;
    padding-left: 15px;
}
ul.LeadLink li:first-child{
    margin-top: 0px;

}
ul.LeadLink li {
    padding-left: 15px;
    background: none;
    position: relative;
}
ul.LeadLink li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    left: 3px;
    top: 5px;
}
ul.LeadLink li a{
    text-decoration: underline;
}


/*アンカーリンク*/
.AnchorLink{
    display: inline-block;
    padding-left: 19px;
    margin-bottom: 5px;
    margin-right: 15px;
    background: url(/static/responsive/img/mem/common_img_ancLinkArrow02.png) no-repeat;
    background-position: 2px 7px;
    text-decoration: underline;
}

/*アンカーリンク　ボタン*/
.AnchorLinkBtn{
    display: inline-block;
    text-decoration: none;
    padding: 10px 10px 10px 30px;
    background: #ebeeff;
    margin-right: 1px;
    position: relative;
}
.AnchorLinkBtn:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border: #0C1E89 solid 6px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
}
.AnchorLinkBtn:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 0;
    margin-top: -6px;
    border: #ebeeff solid 6px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
}

/*別ウインドウアイコン*/
.BlankLink {
    position: relative !important;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0em;
    width: 20px;
    height: 18px;
    margin-left: 2px;
}
.BlankLink:before {
    display: inline-block;
    position: absolute;
    bottom: 4px;
    left: 3px;
    z-index: 2;
    content: "";
    width: 11px;
    height: 9px;
    border: #000000 solid 1px;
    border-top: none;
    border-right: none;
    background-color: #FFFFFF;
}
.BlankLink:after {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 5px;
    content: "";
    width: 10px;
    height: 8px;
    border: #000000 solid 1px;
    z-index: 3;
    background: #ffffff;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
}


/*関連情報
--------------------------------------------------------- */
.relevantPageWrapArea {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #282828;

  margin: 20px 0;
}

.relevantPageWrapArea .relevantPageTitle {
  border-bottom: 1px solid #282828;
  padding: 10px 0 10px 40px;
  background: url(/static/responsive/img/img_link_seo_chain.png) no-repeat left 50%;
  background-size: 35px 35px;
  font-weight: bold;
}

.relevantPageWrapArea .acdiBtn {
  display: none;
  top: 6px;
  right: 0px;
}

.relevantPageArea .smallArrowLink ul {
  padding-left: 0 !important;
}

.relevantPageWrapArea .relevantPageArea .smallArrowLink > li {
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
}

.relevantPageWrapArea .relevantPageArea .smallArrowLink > li:LAST-CHILD {
  border-bottom: none;
  margin-bottom: 0;
}

.relevantPageWrapArea .relevantPageArea ul li .note li {
  border-bottom: none;
  margin-bottom: 5px;
}

.relevantPageArea .smallArrowLink > li {
  padding-bottom: 10px;
}

.relevantPageWrapArea img.border {
  border: 5px solid #FFF;
  box-sizing: content-box !important;
}

.smallArrowLink{
  margin-top: 10px;
  margin-bottom: 10px;
}

.smallArrowLink > li {
    position: relative;
    color: #222222;
    display: block;
    padding-left: 15px;
    margin-top: 10px;
    text-decoration: underline;
}

.smallArrowLink > li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    left: 3px;
    top: 5px;
}


.bgColrWDecoType02, .conversionArea, .formBtnArea {
  background-color: #efefef;
}


/*カード券面
--------------------------------------------------------- */
.CardImageVisa img,
.CardImageMaster img,
.CardImageProper img{
    width: 300px;
    height: auto;
}

.CardImageProper{
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

/*-----------------------------------------------------------
モーダル共通
------------------------------------------------------------*/
.ModalArea{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55000000,EndColorStr=#55000000);/
    z-index: 20;
    color: #222222;
    display: none;
    z-index: 30;
}
/*IE9以上*/
.ModalArea:not(:target) {
  filter:none;
}


.ModalInner{
    width: 400px;
    background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    padding: 60px 30px 30px;
    margin: 0 auto;
    opacity: 0;
    outline: none;
}

.ModalCloseBtn {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    overflow: hidden;
    padding-top: 22px; 
}
.ModalCloseBtn:before{
    content: "×";
    display: block;
    font-size: 30px;
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    top: 0;
    left: 0;
}

.ModalArea .InterNetNewEntryBtn,
.ModalArea .InterNetNewEntryBtnPC,
.ModalArea .InterNetNewEntryBtnSP,
.ModalArea .DocumentRequestLinkBtn,
.ModalInner .MembersSiteLinkBtn{
    font-size: 12px;
    background: #850909;
    display: block;
    padding: 13px 0;
    position: relative;
    text-align: center;
    color: #ffffff;
    width: auto;
    margin: 10px auto;
    box-shadow: 3px 3px 3px #717171;
    max-width: 340px;
}

.ModalInner .MembersSiteLinkBtn:hover{
    background: #b72c2c;
}

.ModalArea .InterNetNewEntryBtn:after,
.ModalArea .InterNetNewEntryBtnPC:after,
.ModalArea .InterNetNewEntryBtnSP:after,
.ModalArea .DocumentRequestLinkBtn:after,
.ModalInner .MembersSiteLinkBtn: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: 50%;
    right: 15px;
    margin-top: -5px;
}


.ModalArea .DocumentRequestLinkBtn{
    background: #444444;
}

.ModalArea .InterNetNewEntryBtnSP{
    display: none;
}

/*-----------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
.Header{
    background: #222222;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    overflow: hidden;
}

.Header .InnerWrap{
    padding: 0;
}

.Header .TopRogo{
    width: 312px;
    height: 48px;
}

.Header .TopRogo:before{
    content: "";
    width: 1px;
    height: 48px;
    margin-left: -1px;
    vertical-align: middle;
    display: inline-block;
}

.Header .TopRogo img{
    max-width: 100%;
    vertical-align: middle;
}


.Header .MembersSiteBtn{
    display: inline-block;
    width: 250px;
    padding: 15px 0px;
    background: #444444;
    color: #FFFFFF;
    font-size: 12px;
    position: relative;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: 0.2s;
}

.Header .MembersSiteBtn:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 18px;
    right: 12px;
}

.Header .MembersSiteBtn:hover{
    background: #6d6d6d;
}


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

.BreadcrumbList{
    min-width: 0;
    padding: 10px 0;
    background: #222222;
}

.BreadcrumbList{
    border-top: 1px solid #444444;
    font-size: 12px;
    color: #ffffff;
}

.BreadcrumbList .InnerWrap{
    padding: 0;
}

.BreadcrumbList a{
    color: #ffffff;
    text-decoration: underline;
}
.BreadcrumbList a:hover{
    text-decoration: none;
}

/*-----------------------------------------------------------
フッター
------------------------------------------------------------*/

.Footer{
    background: #000000;
    color: #ffffff;
    padding-bottom: 110px;
    overflow: hidden;
    min-width: 1000px;
}

/*----------------------------
提携サービス・基本情報
----------------------------*/
.DetailPageLink{
    width: 100%;
    margin: 0 auto;
    background-color: #222222;
    overflow: hidden;
}

.DetailPageLink .BasicInformationLinkArea,
.DetailPageLink .ServiceOfferLinkArea{
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
}
.DetailPageLinkInner{
    max-width: 500px;
    height: 263px;
    padding: 60px 0;
}

/* 左 提供サービス レイアウト*/
.DetailPageLink .BasicInformationLinkArea:before{
    content: "";
    display: block;
    width: 514px;
    height: 342px;
    background: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/bg_footerVisual_02.jpg);
    position: absolute;
    top: 50%;
    right: 360px;
    margin-top: -171px;
}


.DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner{
    margin-left: auto;
    position: relative;
}

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

.DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 512px 512px;
    border-color: transparent transparent #222222 transparent;
    position: absolute;
    bottom:  -1px;
}

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

.DetailPageLink .ServiceOfferLinkArea:before{
    content: "";
    display: block;
    width: 514px;
    height: 342px;
    background: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/bg_footerVisual_01.jpg);
    position: absolute;
    top: 50%;
    left: 360px;
    margin-top: -171px;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner{
    margin-right: auto;
    position: relative;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 512px 0 0;
    border-color: #222222 transparent transparent transparent;
    position: absolute;
    top: -1px;
    right: 0;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 0 0 512px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    bottom: -1px;
    right: 0;
}

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

.DetailPageLinkItem{
    width: 360px;
    padding: 0 65px;
    position: relative;
    text-align: center;
    z-index: 5;
}
.DetailPageLink .BasicInformationLinkArea .DetailPageLinkItem{
    margin-left: auto;
    padding-right: 45px;
    border-right: 1px solid transparent;
    /*左右のエリアに同様にボーダーを持たせて同じ幅にしておかないとテキストが入るエリアの幅が同じにならず、同じテキスト量のときに改行が入り高さに違いが発生する場合がある*/
}
.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkItem{
    margin-right: auto;
    padding-left: 45px;
    border-left: 1px solid #444444;
}

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

.DetailPageLink h2{
    margin: 10px;
    margin-top: 0px;
}

.DetailPageLink p{
    text-align: left;
    line-height: 2;
    margin: 5px;
    font-size: 12px;
}

.DetailPageLink .DetailPageLinkBtn{
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #444444;
}

.DetailPageLink .DetailPageLinkBtn:hover{
    color: #ffffff;
    background-color: #6d6d6d;
}


/* 1カラムパターン　レイアウト*/
.DetailPageLink.Column1 .BasicInformationLinkArea,
.DetailPageLink.Column1 .ServiceOfferLinkArea{
    display: block;
    width: 100%;
    position: relative;
}

.DetailPageLink.Column1 .BasicInformationLinkArea{
    background-position: 100% -151px;
}
.DetailPageLink.Column1 .ServiceOfferLinkArea{
    background-position: 90% -190px;
}



.DetailPageLink.Column1 .BasicInformationLinkArea:before,
.DetailPageLink.Column1 .ServiceOfferLinkArea:before{
    right: auto;
    left: 50%;
    margin-left: 20px;
}

.DetailPageLink.Column1 .BasicInformationLinkArea:before{
    background-image: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/bg_footerVisual_03.jpg);
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner{
    margin-left: auto;
    position: relative;
    width: 1000px;
    max-width: none;
    margin: 0 auto;
    padding-right: 500px;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:before,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 512px 0 0;
    border-color: #222222 transparent transparent transparent;
    position: absolute;
    top: -1px;
    left: 17%;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:after,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 0 0 512px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    bottom: -1px;
    left: 17%;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkItem,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkItem {
    margin-left: 0;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
    text-align: left;
    max-width: none;
}

.DetailPageLink.Column1 .BasicInformationLinkArea p,
.DetailPageLink.Column1 .ServiceOfferLinkArea p{
    margin: 5px 0;
}

.DetailPageLink.Column1 .DetailPageLinkBtn {
    width: 250px;
    text-align: center;
}
.DetailPageLink.Column1 h2 {
    margin: 10px;
    margin-top: 0px;
    margin-left: 0px;
}

/*----------------------------
下固定申込みボタンエリア
----------------------------*/
.EntryLinkArea{
    background: #999999;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
    padding: 20px 0;
    text-align: center;
}

.EntryLinkArea .InterNetNewEntryBtn{
    font-size: 17px;
    background: #850909;
    display: inline-block;
    padding: 18px 0;
    position: relative;
    text-align: center;
    color: #ffffff;
    width: 375px;
    margin-right: 50px;
    box-shadow: 3px 3px 3px #717171;
    transition: 0.2s;
}

.EntryLinkArea .InterNetNewEntryBtn: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: 23px;
    right: 15px;
}

.EntryLinkArea .InterNetNewEntryBtn:hover{
    background: #b72c2c;
}

.EntryLinkArea .SwitchingEntryLink{
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    display: inline-block;
    position: relative;
    transition: 0.2s;
    cursor: pointer;
}

.EntryLinkArea .SwitchingEntryLink:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #444444;
    margin-left: 10px;
}

.EntryLinkArea .SwitchingEntryLink:hover{
    text-decoration: underline;
}

.EntryLinkArea .PageTop{
    position: absolute;
    right: 0;
    top: -20px;
    width: 60px;
    height: 60px;
    transition: 0.2s;
}

.EntryLinkArea .PageTop:hover{
    filter: brightness(120%);
    -ms-filter: "alpha(opacity=70)"
}

@media all and (-ms-high-contrast:none){
    .EntryLinkArea .PageTop:hover{
        opacity: 0.7;
  }
}

.EntryLinkArea .InterNetNewEntryBtnSp{
    display: none;
}

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

.FooterNaviWrap{
    position: relative;
    font-size: 0;
}
.FooterNaviWrap .InnerWrap{
    display: table;
    width: 100%;
    max-width: 1000px;
    padding: 0;
}

.FooterNaviWrap .FooterNaviList{
    font-size: 12px;
    display: table-cell;
    width: 25%;
    vertical-align: top;
    padding: 25px 0px 25px 20px;
}
.FooterNaviWrap .FooterNaviList:first-child{
    margin-left: 0;
}

/*フッターリンク リスト*/
.FooterNaviList dl{
    margin-bottom: 25px;
}

.FooterNaviList dt{
    color: #999999;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #777777;
    font-size: 13px;
    font-weight: bold;
}

.FooterNaviList dd{
    padding: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #777777;
}

.FooterNaviList dd a{
    color: #ffffff;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
    position: relative;
    background-color: #000000;
}

.FooterNaviList dd a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 8px;
    right: 0px;
}
.FooterNaviList dd a:hover{
    opacity: 0.8;
}

.FooterNaviList dd a .BlankLink:before {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255,255,255,0.5);
}
.FooterNaviList dd a .BlankLink:after {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255,255,255,0.5);
}

/*IE8用hover設定*/
html>/**/body .FooterNaviList dd a:hover{
    color: #CCCCCC \9;
}
html>/**/body .FooterNaviList dd a:hover .BlankLink:before {
    background: #cccccc \9;
    outline: 1px solid #cccccc \9;
}
html>/**/body .FooterNaviList dd a:hover .BlankLink:after {
    background: #cccccc \9;
    outline: 1px solid #cccccc \9;
}


/*お問い合わせ*/
.FooterNaviWrap .FooterNaviList.inquiry{
    background: #444444;
    text-align: center;
    padding: 25px 20px;
}
.FooterNaviWrap .InquiryDesk{
    padding-bottom: 10px;
    border-bottom: 1px solid #676767;
    margin-bottom: 10px;
}

.FooterNaviWrap .InquiryDesk .TelNumber{
    font-size: 28px;
    line-height: 1.1;
    margin-top: 3px;
}

.FooterNaviWrap .InquiryDesk .TelNumber a{
    color: #ffffff;
}

.FooterNaviWrap .InquiryDescription{
    text-align: left;
    color: #D8D8D8;
    font-size: 11px;
}

.FooterNaviWrap .FooterNaviList.inquiry .InquiryBtn{
    background-color: #6d6d6d;
}

.FooterNaviWrap .FooterNaviList.inquiry .InquiryBtn:hover{
    background-color: #8E8E8E;
    color: #ffffff;
    box-shadow: none;
}

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

.FooterLink {
    border-top: 1px solid #454545;
    padding-top: 20px;
}
.FooterLink .FooterBottomLink{
    text-align: center;
}
.FooterLink .FooterBottomLink > span{
    display: inline-block;
    position: relative;
    margin-left: 20px;
}
.FooterLink .FooterBottomLink > span:first-child{
    margin-left: 0;
}
.FooterLink .FooterBottomLink > span a{
    color: #ffffff;
    font-size: 13px;
}
.FooterLink .FooterBottomLink > span a:hover{
    opacity: 0.8;
}

.FooterLink .FooterBottomLink > span a .BlankLink:before {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255,255,255,0.5);
}
.FooterLink .FooterBottomLink > span a .BlankLink:after {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255,255,255,0.5);
}

/*IE8用hover設定*/
html>/**/body .FooterLink .FooterBottomLink > span a:hover{
    color: #CCCCCC \9;
}
html>/**/body .FooterLink .FooterBottomLink > span a:hover .BlankLink:before {
    background: #cccccc \9;
    outline: 1px solid #cccccc \9;
}
html>/**/body .FooterLink .FooterBottomLink > span a:hover .BlankLink:after {
    background: #cccccc \9;
    outline: 1px solid #cccccc \9;
}



.FooterLink .FooterBottomLink > span a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #ffffff;
    margin-left: 10px;
}

.FooterLink br{
    display: none;
}

.FooterLink .Copyright{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 10px;
    color: #999999;
}

/*----------------------------
 汎用ｈ2　見出しエリア
----------------------------*/

.HeadingArea h1{
    font-size: 28px;
    color: #222222;
}
.HeadingArea h1 + *{
    margin-top: 20px;
}

.HeadingArea{
    background: #ebebeb;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 40px;
}

/*----------------------------
 汎用
----------------------------*/

.WidthAuto{
    width: auto !important;
}

/*----------------------------
 貸金業協会
----------------------------*/
.Kasikin{
    margin: 20px 0;
    border-top: 1px solid #d4d4d4;
}
.Kasikin .normalImp.txtCenter{
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

.Kasikin .lineGray{
    border: 1px solid #d4d4d4;
    padding: 15px;
    overflow: hidden
    
}
.Kasikin .lineGray .figure{
    float: left;
    width: 45%;
    text-align: right;
}

.Kasikin .lineGray .figure + .text{
    float: right;
    width: 52%;
    text-align: left;
}

.Kasikin .lineGray + p{
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    color: #555;
}


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

.inquiryWrapArea{
    border: 1px solid #dedede;
    box-shadow: 0 0 1px #ccc;
    padding: 15px;
    margin: 20px 0;
    width: 100%;
    box-sizing: border-box;
    display: table;
}

.inquiryWrapArea .inquiryIcon {
    background: url(/static/responsive/img/img_inquiry.png) no-repeat;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-top: 2px;
    vertical-align: middle;
    font-size: 108%;
    font-weight: bold;
    display: block !important;
    border-bottom: 1px solid #dedede;
}


.inquiryWrapArea .inquiryWrap.col1 {
    padding: 5px;
}

.inquiryWrapArea li + li{
    margin-top: 5px;
}


.inquiryWrapArea .inquiryWrap li.inquiryName {
    font-weight: bold;
    color: #282828;
}

.inquiryWrapArea .inquiryWrap li.inquiryPhone span {
    font-size: 135%;
}
.inquiryWrapArea .reception_wrap{
    display: table;
}
.inquiryWrapArea .reception_wrap .title {
    display: table-cell;
    width: 56px;
}
.inquiryWrapArea .reception_wrap .slash {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    width: 15px;
}
.inquiryWrapArea .reception_wrap .reception_hours,
.inquiryWrapArea  .reception_wrap .reception_mail,
.inquiryWrapArea  .reception_wrap .reception_comment {
    display: table-cell;
}
.inquiryWrapArea ul.note li.numNote{
    padding-left: 3em;
}
.inquiryWrapArea ul.note li.numNote .num{
    position: absolute;
    top: 0;
    left: 1em;
}

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

.PlatinumEvent{
    margin-bottom: 40px;
}

.PlatinumEvent h2{
    font-size: 129%;
    font-weight: bold;
    color: #282828;
    padding: 0 20px 0 8px;
    margin: 20px 0 18px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #282828;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
}

.PlatinumEvent h2:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #282828;
    position: absolute;
    bottom: -8px;
    left: -5px;
    padding-right: 5px;
}


.PlatinumEvent .PlatinumEventList{
    width: 103%;
    margin-left: -3%;
    overflow: hidden;
}
.PlatinumEvent .PlatinumEventList .PlatinumEventListItem{
    width: 47%;
    margin-left: 3%;
    float: left;
    margin-bottom: 15px;
    background: #ebebeb;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.PlatinumEvent .PlatinumEventList .EventState{
    margin: 10px;
}

.PlatinumEvent .PlatinumEventList .EventState .Accepting,
.PlatinumEvent .PlatinumEventList .EventState .End,
.PlatinumEvent .PlatinumEventList .EventState .Reported{
    display: inline-block;
    padding: 4px 5px 2px;
    font-size: 11px;
}

.PlatinumEvent .PlatinumEventList .EventState .Accepting{
    background: #444444;
    color: #ffffff;
}

.PlatinumEvent .PlatinumEventList .EventState .End{
    background: #999999;
    color: #ffffff;
}

.PlatinumEvent .PlatinumEventList .EventState .Reported{
    background: #b11313;
    color: #ffffff;
}

.PlatinumEvent .PlatinumEventList .EventState .EndComment{
    font-size: 11px;
    margin-left: 10px;
    color: #D40C0C;
}


.PlatinumEvent .PlatinumEventList img{
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.PlatinumEvent .PlatinumEventList .EventPeriod{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11px;
}
.PlatinumEvent .PlatinumEventList .AcceptingPeriod{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11px;
}

.PlatinumEvent .PlatinumEventList .EventPeriod + .AcceptingPeriod{
    margin-top: 0px;
}

.PlatinumEvent .PlatinumEventList .EventName{
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
}

.PlatinumEvent .PlatinumEventList .EventCaption{
    margin-left: 10px;
    margin-right: 10px;
}


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

.PlatinumImfoReport{
    margin-top: 20px;
}

.PlatinumImfoReport .PlatinumImfoReportItem{
    margin: 20px 0 30px;
    overflow: hidden;
}

.PlatinumImfoReport .PlatinumImfoReportImage{
    width: 45%;
    padding-left: 20px;
    float: left;
    box-sizing: border-box;
}
.PlatinumImfoReport .PlatinumImfoReportImage:first-child{
    padding-right: 20px;
    padding-left: 0px;
}
.PlatinumImfoReport .PlatinumImfoReportImage img{
    max-width: 100%;
    max-height: 360px;
    display: block;
    margin: 0 auto;
}

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

.PlatinumImfoReport .PlatinumImfoReportImageBox{
    text-align: center;
    font-size: 0px;
    width: 103%;
    margin-left: -3%;
}

.PlatinumImfoReport .PlatinumImfoReportImageBox img{
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: top;
}

.PlatinumImfoReport .PlatinumImfoReportImageBox img.size30p{
    width: 32%;
    margin-left: 1%;
}
.PlatinumImfoReport .PlatinumImfoReportImageBox img.size50p{
    width: 48.5%;
    margin-left: 1.5%;
}

.PlatinumImfoReport .PlatinumImfoReportDescription{
    width: 55%;
    float: left;
    box-sizing: border-box;
}
.PlatinumImfoReport .PlatinumImfoReportImageCaption{
    margin-top: 10px;
    font-size: 11px;
}
.PlatinumImfoReport .PlatinumImfoReportImageCaptionHeadline{
    font-weight: bold;
    margin-bottom: 5px !important;
}
.PlatinumImfoReport .PlatinumImfoReportImageCaptionHeadline + p{
    margin-top: 5px !important;
}



@media print{
  /*印刷用CSSの定義を指定する*/
  
    .Header{
        position: relative;
        top: 0;
    }
    
    .Footer{
        position: relative;
    }
    
    .Footer .EntryLinkArea{
        position: absolute;
        bottom: 0;
    }
  
}