@charset "UTF-8";

.ttlMain {
    font-size: 1.8rem;
}

.formTable
{
    position: relative;
}


.tofaq {
    text-align: center;
    margin: 0 0 20px 0;
    position: absolute;
    top: 13px;
    right: 8px;
    font-size: 1.2rem;
}

.tofaq a
 {
    text-decoration: underline;
 }


.formTable > dl > dt {
    font-size: 1.6rem;
}

p.caution01 {
    padding: 16px;
    background-color: #f8f8f8;
    margin: 16px auto 0;
    font-size: 1.2rem;
    width: 96%;
 }


 div.innerLoginTable div.btnUnderBox > ul li a
 {
    text-decoration: underline;
 }


.formTable .innerLoginTable > dl > dd {
    padding: 6px 0 0;
}


.formTable .innerLoginTable .saveAddrCheck label {
    font-size: 1.4rem;
}

#socialLoginList > dl > dd > .btnLine {
    margin-bottom: 0px;
}

#socialLoginList > dl > dd.lineCamp {
    border: 1px solid #ccc;
    background: #fff;
}

#socialLoginList > dl > dd.lineCamp > dl > dd {
    font-size: 1.2rem;
    line-height: 1.8rem;
    border-top: solid 1px #ccc;
    padding: 10px 10px 0;
}

#socialLoginList > dl > dd.lineCamp > dl > dd a{
display: -webkit-flex;
    display: block;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #00c300;
    background: #00c300;
    font-size: 1.6rem;
    font-weight: 700;
    text-decoration: none;
    color: #FFFFFF;
    letter-spacing: 0.06em;
    line-height: 1;
    text-align: center;
    margin: 12px 0 0 0;
}


#socialLoginList > dl > dd.lineCamp > dl > dd.cautionText {
    line-height: 2.0rem;
    border: none;
    padding: 14px;
    background-color: #f9f9f9;
    text-indent: 0;
    margin: 14px 0 0 0;
}

#socialLoginList > dl > dd.lineCamp > dl > dd.cautionText p {
    text-align: center;
    padding: 0 0 5px 0;
    color: #b81649;
}



.formTable .attentionBox {
    margin: 0;
    border: 1px solid #ccc;
    background: #f9f9f9;
    color: #333;
}
.formTable .attentionBox dt {
    color: #b81649;
    text-align: center;
}

.formTable .attentionBox dd {
    font-size: 1.2rem;
}

.formTable .btnRed {
    margin-top: 20px;
}



/**/

.otherPurchaseList {
    border: solid 1px #ccc;
    padding: 25px 10px 25px;
}

.otherPurchaseList > ul {
    border: 0;
}

.otherPurchaseList .cautionText {
    text-indent: 0;
    margin: 10px auto 0;
    padding: 0;
    width: 96%;
    font-size: 1.2rem;
    background-color: #fff;
}

.otherPurchaseList .cautionText p {
    color: #b81649;
    font-size: 1.4rem;
    margin: 18px 0 6px 0;
    border-bottom: solid 1px #ccc;
    padding: 0 0 4px 0;
}


.bottomBtnArea {
    margin: 20px auto 0;
}



/**/

dl.required dd{
    padding: 20px 4% 10px;
}


.borderBox {
    width: 92%;
    margin: 20px auto 0;
    padding: 0px 15px 15px 15px;
    border: none;
    background-color: #f9f9f9;
    font-size: 1.2rem;
}

.borderBox .cautionText {
    padding: 15px 0 0;
    text-indent: 0;
    margin: 0;
    /* border-bottom: solid 1px #ccc;*/
}


/**/

.compMsg {
    text-align: center;
    font-size: 1.4rem;
}

.compMsg a{
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    margin: 20px 0 0 0;
    font-size: 1.6rem;
}


/**/
.customerLede {
    display: block;
    width: 100%;
    padding: 0 4% 30px;
}


div.formTable > dl > dd > p.cautionMsg{
    margin: 0 0 6px 0;
    font-size: 1.2rem;
    padding: 11px;
    background-color: #f9f9f9;
}

#ctl00_ContentPlaceHolder1_tbUserNameKana1, #ctl00_ContentPlaceHolder1_tbUserNameKana2 {
    width: 44%;
    margin: 0 5% 0 0;
}


.agreeBox {
    display: block;
    padding: 14px;
    margin: 0 4%;
    border: solid 1px #ccc;
    font-size: 1.4rem;
    background-color: #f9f9f9;
}

.agreeBox .checkBox {
    text-decoration: underline;
    font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004",sans-serif;
}


div.bottomBtnArea p.cautionMsg{
    margin: 0 0 6px 0;
    font-size: 1.2rem;
    padding: 11px;
    background-color: #f9f9f9;
}

div.bottomBtnArea p.cautionMsg a{
    text-decoration: underline;
}