@charset "utf-8";
/* CSS Document */

.btn_area .btn{width: 100%;display: block;margin-top:5px;background:#F99506;}
.btn:hover{text-decoration: underline;color:#fff;}
.btn_area .btn:before{content: '\f0da';font-family: FontAwesome;}
.btn_area .visa{background:#F9B900;}
.btn_area .jcb{background:#0069B5;}

article h3{margin:20px 0; border-bottom: 1px dotted #393;}

#marchant article table th{width: 17%;}
.td-border td{border-right: 1px solid #ccc;}
.td-border td:last-child{border-right:none;}

#inst article table tbody .no-bdr-b td{border-bottom: none !important;}
.on_bdr-t{border-top:1px solid #ccc;}

/*新規入会のとこ*/
.kakomi{font-size:22px;border:2px #BED730 solid;padding:20px;border-radius:20px;margin-bottom: 20px;}
.article .kakomi p img{width: 24px;}


.fif-fif .t-child{margin-top: 20px; width: 100%;min-height: ;padding: 10px 10px 0 10px;vertical-align: middle;border: 3px double #eee;margin-right: 0;}

.flx_box{display: flex;align-items: center;}
.flx_box > li:nth-child(2){width: 100%}
.flx_box2{display: flex;justify-content: space-around}
.flx_box2 > *{text-align: center;width: 50%}
.flx_box2 > *:not(:last-child){border-right: 1px solid #663}
.t-child .jcb_box{padding-top: 15px;border-top:2px dotted #cecece}
.t-child .jcb_box ul{margin-left: 20px;font-size: 16px;width: calc(100% - 320px)}
.t-child .jcb_box ul li{list-style: disc;list-style-position: inside}
.t-child .jcb_box ul li:last-child{text-align: right;list-style: none;margin-top: 10px}

#forjcb ol li{color:#0067B3;font-weight: bold;font-size:16px;margin-top:20px;}
#forjcb ol li ul li,#forjcb ol li p{font-weight: normal;font-size: 14px;color:#3e3e3e;margin-top: 0;}


/*サイドバーのリンクを無効にする*/
#marchant .side-menu .anew .btn a{pointer-events:none;}
#marchant .side-menu .anew .btn a:hover{text-decoration: none !important;cursor:default;}
#marchant .side-menu .anew .btn:hover{text-decoration: none !important;}

/*タイトルのタブのとこ*/
.article h1{color:#198E10;}
.article h1 div{font-size: 16px; color:#fff;width:50%;display:table-cell;text-align:center;vertical-align: middle;background:#198E10;padding:5px 0;line-height: 1.25em;border:#198E10 solid 1px;border-radius: 5px 5px 0 0}
.article h1{font-size:20px}

.info{border: #EBEBA9 1px solid;background-color: #fcfcdd;padding:5px 15px;}
.info .ttl{border-bottom:1px solid #EBEBA9;padding-bottom: 10px;}
.info .ttl:before{font-family:FontAwesome;content:'\f05a';color:#FD820B;font-size:22px;padding-right:5px;position: relative;top:2px;}
.NotesList{color:#666;font-size:12px;margin:10px 0 0;line-height: 125%}
.NotesList p{margin-left: 1em;text-indent: -1em;line-height: 1.25em;}
.golink:before,.mark:before{font-family: FontAwesome;content:'\f0da';color:#16257E;padding-right:3px}
.golink:after{font-family: FontAwesome;content:'\f08e';color:#16257E;padding-left:3px}
.golink.no-mark:before{content: none}
.pdf li:before{padding-right:3px;content:url(../../giftcard/images/pdf_s.png);position: relative;top: 5px;}
.pdf li{margin-left:24px;text-indent:-24px}
.list-tbl a:before,.pdf-large li:before{content:url(../../giftcard/images/pdf_l.png);padding-right:5px;font-size:18px;position: relative;top:5px;vertical-align: middle}
.pdf-large li{font-size:16px;border-bottom:1px dotted #ccc;padding-bottom:20px}
article .list-tbl {width: 100%}
article .list-tbl thead th{border-bottom: 1px solid #ccc;padding: 5px;border-right: 1px solid #ccc}
article .list-tbl tbody tr td:last-of-type{border-left:none;}
article .list-tbl tbody tr:last-of-type td{border-bottom: none;}
.list-tbl.flx-box{display: flex;border: 2px solid #ccc}
.list-tbl.flx-box > dl {flex-grow: 2;display:flex;flex-direction: column}
.list-tbl.flx-box > dl:not(:last-child){border-right: 1px solid #ccc;}
.list-tbl.flx-box > dl > dt{border-bottom: 1px solid #ccc;padding: 5px;text-align: center;font-weight: bold}
.list-tbl.flx-box > dl > dd{border-bottom: 1px solid #ccc;flex-grow: 2;padding: 5px;display: flex;align-items: center}
.list-tbl.flx-box > dl > dd:last-child{border-bottom: none}
.flx-box.width-1-2 > *{width: 50%}
a.file:after {
	content: '\f1c1';
	display: inline-block;
	font-family: Fontawesome;
	margin-left: 6px;
    width: 15px;
    height: 15px;
	color: #dd1d00;
}

/*お問い合せ*/
.inquiry{
border: 2px #BED730 solid;
padding: 20px;
border-radius: 20px;
margin-bottom: 20px;}
.inquiry dl:first-child{border-bottom: 1px solid #ccc;padding-bottom:20px;margin-bottom:20px}
.inquiry dl dd{border-left: 1px dotted #BED730;padding-left:20px}
.inquiry .bold{font-size:16px;}
.inquiry .floatR{width: 67%}

/*割賦販売法*/
.NormalList, .ContinuedNormalList {
    padding: 0 0 10px;
	position: relative
}
.NormalList > li + li, .ContinuedNormalList > li {
    margin-top: 0.4em;
}
ul.NormalList > li, .ContinuedNormalList > li{margin-left: 1em;text-indent: -1em;line-height: 1.5em;}
ul.NormalList > li::before, .ContinuedNormalList > li::before {
    content: "・";
}
ul.NotesList2{margin-top: 5px}
ul.NotesList2 > li::before {
    content: "※";
	margin-left: 1em
}

ul.fllow-grid-area {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    list-style: none;
    padding: 0;
    align-items: center;
    max-width: 905px;
    width: 100%;
    margin: 0 auto;
}

.fllow-grid-area li {
    background-image: url(../../images/fllow-allow.svg);
    background-repeat: no-repeat;
    width: 181px;
    height: 100px;
    align-content: center;
    text-align: center;
}

/* 狭い画面では列数を自動調整して折り返す */
@media (max-width: 768px) {
    ul.fllow-grid-area {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        row-gap: 20px;
    }
}

/* さらに小さい画面で1列にしたい場合の例（任意） */
@media (max-width: 360px) {
    ul.fllow-grid-area {
        grid-template-columns: 1fr;
    }
    .fllow-grid-area li {
        background-image: url(../../images/fllow-allow.svg);
        margin: 0 auto;
    }
}

@media screen and (max-width:539px) {
    .jcb_box.flx_box{
        display: block;
    }
    .jcb_box.flx_box div{text-align: center}
    .jcb_box.flx_box ul{margin: 10px auto ;width: 90%}
}