@charset "UTF-8";


/*# sourceMappingURL=maps/detail.css.map */



/*START-----規約系-----*/
.private-list-numbering{}
ol.private-list-numbering{
}
ol.private-list-numbering li{
    counter-increment: cnt;
    margin-top : .5em;
    padding-left : 3em;
}
ol.private-list-numbering li:before {
    content: counter(cnt)".\00a0";
    margin-left : -3em;
    display : inline-block;
    width : 3em;
    text-align : right;
}

/*カッコ付き(1)(2)ナンバリング*/
ol.private-list-numbering li.private-cType{
    counter-increment: cntc;
}
ol.private-list-numbering li.private-cType:before{
    content: "("counter(cntc)")\00a0";
}
/*ナンバリングなし*/
ol.private-list-numbering li.private-delNumber{
    counter-increment: cntn;
}
ol.private-list-numbering li.private-delNumber:before{
    content: "";
}
ol.private-list-numbering li.private-delNumber span.private-listMarks{
    margin-left : -3em;
    display : inline-block;
    width : 3em;
    text-align : right;
}


/*value値でナンバリングする場合は位置指定のみ*/
ol.privete-list-numbering-valecho > li{
    list-style : decimal;
    margin-top : 2em;
    margin-left : 2em;
}
/*END-----規約系-----*/


/*START-----端末系-----*/
.private-NumList{
    margin-left : 1em;
}
.private-NumList .private-seqNum{
    margin-left : -1em;
    font-weight : bold;
}


.private-climn-two{
    counter-reset : count-number;
}
.private-climn-two li{
    margin-top : 5vw;
}
.private-climn-two li p.private-flow-txt{
    margin-bottom : 1em;
}
.private-counter{
    padding-left : 2em;
    position : relative;
}
.private-counter:before{
    counter-increment : count-number;
    content : counter(count-number)".";
    display : block;
    width : 3em;
    position : absolute;
    left : 0;
}
.private-attbox{
    border : 1px dotted #e8380d;
    background : #fcf2f0;
    padding : 10px;
}
.private-attbox-wide{
    border : 1px dotted #e8380d;
    background : #fcf2f0;
    padding : 10px 2.5%;
    width : 95%;
}
.private-climn-two.private-child li.private-arrow{
    text-align :center;
}
.private-climn-two.private-child li.private-arrow img{
    width : 10%;
    text-align : center;
}
@media (min-width: 768px){
    .private-climn-two{
        display : flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
    .private-climn-two li{
        width : 48%;
        margin-top : 30px;
        display :flex;
        flex-wrap: wrap;
    }
    .private-climn-two li p{
        width : 100%;
    }
    .private-climn-two li p.private-imgbox{
        display: flex;
        align-items : flex-end;
    }
    .private-attbox{
        box-sizing: border-box;
    }
    .private-attbox-wide{
        padding : 10px 1%;
        width : 98%;
    }
    .private-climn-two.private-child li{
        width : 45%;
    }
    .private-climn-two.private-child li.private-arrow{
        width : 6%;
        align-items : center;
    }
    .private-climn-two.private-child li.private-arrow img{
        width : 100%;
    }
    .private-climn-two li.private-wall{
        width : 100%;
    }
}
/*END-----端末系-----*/



/*START-----/card/jmb/login/-----*/
.private-redBorderbox-card-jmb-login{
    border : 2px solid #ff0000;
    border-radius : 5px;
    padding : 1em;
    background : #ffff00;
}

.private-bigRedfont-card-jmb-login{
    font-size : 7vw;
}
.private-smallRedfont-card-jmb-login{
    font-size : 5vw;
}
.private-card-wrap-card-jmb-login img{
    width : 60%;
}

li.private-numbers-card-jmb-login{
    padding-left : 2em;
    position : relative;
}
li.private-numbers-card-jmb-login:before{
    position : absolute;
    top : 0;
    left : 0;
    background : #4abce6;
    border-radius : 50px;
    border : 3px solid #4abce6;
    height : 1.2em;
    width : 1.2em;
    line-height : 1.2em;
    text-align : center;
    display : inline-block;
    color : #fff;
}
li.private-numbers-card-jmb-login.privateNo01-card-jmb-login:before{
    content : '1';
}
li.private-numbers-card-jmb-login.privateNo02-card-jmb-login:before{
    content : '2';
}
@media (min-width: 768px) {
    .private-bigRedfont-card-jmb-login{
        font-size : 34px;
    }
    .private-smallRedfont-card-jmb-login{
        font-size : 26px;
    }
    .private-card-wrap-card-jmb-login img{
        width : 30%;
    }
}
/*END-----/card/jmb/login/-----*/



/*START-----/waon_point/-----*/
.private-icon-waon_point{
    width : 50%;
    margin-right : 1em;
}
.private-iconarea-waon_point{
    display : flex;
}
@media (min-width: 768px) {
    .private-icon-waon_point{
        width : 7%;
    }
}
/*END-----/waon_point/-----*/


/*START-----/service/-----*/
.private-under-border-service{
    border-bottom : 5px solid #e4e4e4;
    padding-bottom : 8vw;
}
@media (min-width: 768px){
    .private-under-border-service{
        padding-bottom : 45px;
    }
}
/*END-----/service/-----*/



/*START-----/service/members/-----*/
.private-flow-service-members{
    margin : 25px 10px auto 25px;
}
.private-flow-service-members div{
    background : #fffdd6;
    border-radius: 10px;
    border : 1px solid #ed4023;
    padding : 15px 0;
    margin-bottom : 15px;
    text-align : center;
    position : relative;
}
.private-flow-service-members div h4{
    margin-bottom : 1em;
}
.private-flow-service-members div p{
    padding : 1em;
}
.private-flow-service-members div:before{
    border-radius : 50px;
    background : #ed4023;
    color : #fff;
    font-weight : bold;
    width : 30px;
    height : 30px;
    font-size : 24px;
    position : absolute;
    left : -15px;
    top : -15px;
    text-align : center;
    line-height : 30px;
    display : inline-block;
}
.private-flow-service-members div.step01:before{
    content : "1";
}
.private-flow-service-members div.step02:before{
    content : "2";
}
.private-flow-service-members div.step03:before{
    content : "3";
}
@media (min-width:768px){
    .private-flow-service-members{
        display : flex;
        justify-content : space-around;
        flex-wrap: wrap;
        margin : auto;
    }
    .private-flow-service-members div{
        width : 28%;

    }
}
/*END-----/service/members/-----*/



/*START-----/card/region/achieved/-----*/
.private-cards-card-region-achieved{
    display : flex;
    justify-content: space-between;
}
.private-imgfloat-card-region-achieved{
    float : left;
    margin-right : 10px;
    margin-bottom : 10px;
    width : auto;
}
.private-clearfix-card-region-achieved:after{
    display : table;
    content : " ";
    clear : both;
}

@media (max-width: 767px) {
    .private-cards-card-region-achieved li img{
        width : 90%;
    }
    .private-imgfloat-card-region-achieved{
        width : 30%;
    }
}
/*END-----/card/region/achieved/-----*/



/*START-----/campaign/20160827_luckytouch/-----*/
h3.private-ltoh3-campaign-20160827_luckytouch{
    background : #c1e6f6;
    padding : 5px;
    border-radius : 100px;
}
h3.private-ltoh3-campaign-20160827_luckytouch:before{
    content : '♪';
    background : #0d64ac;
    border-radius : 50px;
    padding : 5px;
    height : 1.5em;
    width : 1.5em;
    text-align : center;
    display : inline-block;
    color : #fff;
}
/*END-----/campaign/20160827_luckytouch/-----*/



/*START-----/info/20160000_waonpoint/-----*/
.private-undrBox-info-20160000_waonpoint{
    padding-bottom:15px;
    border-bottom:6px solid #d2d3d3;
}
.private-undrBox-info-20160000_waonpoint .private-bgP-info-20160000_waonpoint{
    background : #fcebf2 !important;
}
div.private-indents-info-20160000_waonpoint{
    margin : 0 3% 25px 3%;
}
div.private-indents-info-20160000_waonpoint p{
    margin-left : 2.3em;
    text-indent : -1em;
    padding-left : 1.3em;
    margin-bottom : 5px;
}
div.private-indents-info-20160000_waonpoint h4,
h3 span.planetxt{
    font-weight : normal;
}
.private-inlineCard-info-20160000_waonpoint{
    background : #F0F0F0;
    padding-top : 1em;
    padding-bottom : 1em;
}
.private-inlineCard-info-20160000_waonpoint .inlineCard-ttl{
    border-radius : 5px;
    color : #fff;
    background : #E49B00;
    text-align : center;
    padding : 1%;
    margin : -1.5em auto 1em auto;
    font-size : 3.4vw;
    line-height : 1.5em;
}
.private-inlineCard-info-20160000_waonpoint .inlineCard-Whitebox{
    background : #fff;
    margin-top : 1.5em;
    margin-bottom : 1.5em;
    padding : 1% 2% 1.5em 2%;
}

@media (min-width: 768px){
    .private-undrBox-info-20160000_waonpoint{
        padding-bottom:15px;
    }
    div.private-indents-info-20160000_waonpoint{
        margin : 0 2em 1.7em 2em;
    }
    div.private-indents-info-20160000_waonpoint p{
        margin-left : 2.5em;
        text-indent : -1em;
        padding-left : 1.3em;
        margin-bottom : .5em;
    }
    .private-inlineCard-info-20160000_waonpoint .inlineCard-ttl{
        padding : .5em 1em;
        margin : -1.5em auto 1em auto;
        font-size : 20px;
        border-radius : 50px;
    }
    .private-inlineCard-info-20160000_waonpoint .inlineCard-Whitebox{
        margin-top : 1.5em;
        margin-bottom : 1.5em;
        padding : .5em 2em 2em 2em;
    }
    .two-four-list li + li{
        margin-left: 1.5%;
    }

}

.private-inlineCard-info-20160000_waonpoint .excluded{
    border : 1px solid #636363;
    margin-top : 1.5em;
    margin-bottom : 1.5em;
    color : #636363;
}
.private-inlineCard-info-20160000_waonpoint .excluded p{
    padding : .5em;
    margin-bottom : .5em;
}
.private-inlineCard-info-20160000_waonpoint .excluded p.tTl{
    border-bottom : 1px solid #636363;
    text-align : center;
}
/*END-----/info/20160000_waonpoint/-----*/


/*START-----/info/20160000_waonpoint_receipt/-----*/
h2.info-20160000_waonpoint_receipt-ttl01:first-letter {
    font-size: 2.7em;
    line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: 0;
}
@media (max-width: 767px) {
    h2.info-20160000_waonpoint_receipt-ttl01:first-letter {
        padding: .5em 0;
    }
}
/*END-----/info/20160000_waonpoint_receipt/-----*/




/*START-----/campaign/y20171201_10th-anniv/-----*/
.private-d1201-1231-10th-anniv{
    background : #eaf5fc;
    background-image : url('/asset/img/campaign/y20171201_10th-anniv/head_bg_sp.png');
    background-size : 100%;
    background-repeat : no-repeat;
    background-position : top center;
    padding : 10px 0;
}
.private-d1201-1231-10th-anniv-otherCP{
    background : #fefeda;
}
@media (min-width: 768px) {
    .private-d1201-1231-10th-anniv {
        background: #eaf5fc;
        background-image: url('/asset/img/campaign/y20171201_10th-anniv/head_bg.png');
        background-repeat: repeat-x;
        padding : 10px 0;
    }
}

/*END-----/campaign/y20171201_10th-anniv/-----*/


/*START-----/campaign/20160000_gg_autumn/index/-----*/
.private-20160000_gg_autumn{
    background-image : url('/asset/img/campaign/20160000_gg_autumn/bg.jpg');
    padding : 10px 0;
}
.private-20160000_gg_autumn-att{
    background : #fefeda;
}


/*END-----/campaign/20160000_gg_autumn/index/-----*/



/*子要素をPCの時だけ横に並べる*/
/*/iphone/ページで使用*/
@media (min-width: 768px) {
    .private-imgflexWrap-pc{
        display:inline-flex;
    }
}
/*インデントを半角2文字つける*/
.tIndent-tow{
    text-indent : -2em;
    margin-left : 2em;
}

/*largeより少し大きいもの*/
.planetxt-xlarge{
    font-size : 20px;
}
@media (max-width: 767px) {
    .planetxt-xlarge{
        font-size : 5vw;
    }
}


/*エレメントで定義されているものに追加*/
h3.private-numbers.privateNo06:before{
    content : '6';
}
h3.private-numbers.privateNo07:before{
    content : '7';
}
h3.private-numbers.privateNo08:before{
    content : '8';
}
h3.private-numbers.privateNo09:before{
    content : '9';
}

/*
/terminal/aeonbk/
ボタンの中に更に注目させる背景を入れる
*/
.private-BtnattMark{
    background : #c72114;
    border-radius : 5px;
    border : 3px solid #c72114;
    color : #fff;
    display: flex;
    margin-bottom : .5em;
    justify-content: center;
}

/*スクロールバー調整180301*/
.soccerInfo .heading2 .heading2_ttl{
    margin-bottom : 0;
    padding-bottom : 18px;
}

.donation_parent{
    position: relative;
}
.donation_new{
    font-size:150%;
    position: absolute;
    top:-20px;

}




/*START-----/campaign/-----*/

.Cam_category_Title{
    background : #0e6892;
    border-left : none;
    text-align : center;
    font-size : 20px;
    font-weight : bold;
    color : #fff;
    margin : 30px 0;
    padding : 15px 0;
}

@media print, screen and (min-width: 768px) {
    .Cam_taCenterPC{
        text-align : center;
    }
    .Cam_sizeB{
        font-size : 20px;
    }
    .Cam_sizeB02{
        font-size : 24px;
    }
    .Cam_narrow{
        margin : 0 80px;
    }
    .Cam_btnWrap{
        margin : 30px auto;
    }
}

/*END-----/campaign/-----*/