@charset "UTF-8";


#info_member_logout,
#info_member_nonmember,
#info_member_error,
#info_member_hide {
    display: none;
    line-height: 1;
}

/*
* 新規会員登録
  dアカウントでログイン
*/
#info_member_logout,
#info_member_nonmember,
#stageinfo_unauthentic,
#stageinfo_nonmember {
    padding: 5% 3%;
}
#info_member_logout .balloon_logout,
#info_member_nonmember .balloon_nonmember,
#stageinfo_unauthentic .balloon_logout,
#stageinfo_nonmember .balloon_nonmember {
    font-size: 3.5vw;
    font-weight: bold;
    text-align: center;
}
/*ボタン*/
#info_member_logout .next,
#info_member_nonmember .next,
#stageinfo_unauthentic .next,
#stageinfo_nonmember .next {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #CC0033;
    border-color: #CC0033;
}
#info_member_logout .next a:hover,
#info_member_nonmember .next a:hover,
#stageinfo_unauthentic .next a:hover,
#stageinfo_nonmember .next a:hover {
    opacity: 1;
}
#info_member_logout .next p,
#info_member_nonmember .next p,
#stageinfo_unauthentic .next p,
#stageinfo_nonmember .next p {
    color: #FFFFFF;
}
#info_member_nonmember .next p::after,
#stageinfo_nonmember .next p::after {
    border-color: #FFFFFF;
}
/*テキストリンク*/
#info_member_logout .txtlinkBlock,
#info_member_nonmember .txtlinkBlock,
#stageinfo_unauthentic .txtlinkBlock,
#stageinfo_nonmember .txtlinkBlock {
    text-align: center;
}
#info_member_logout a.txtlink,
#info_member_nonmember a.txtlink,
#stageinfo_unauthentic a.txtlink,
#stageinfo_nonmember a.txtlink {
    display: inline;
    text-align: center;
    color: #0194d7;
    text-decoration: underline;
    font-size: 3.5vw;
    line-height: 1.3;
}
#info_member_logout a.txtlink:hover,
#info_member_nonmember a.txtlink:hover,
#stageinfo_unauthentic a.txtlink:hover,
#stageinfo_nonmember a.txtlink:hover {
    opacity: .6;
}
/*dアカウントでログイン*/
#info_member_logout .next,
#stageinfo_unauthentic .next {
    border: none;
}
#info_member_logout .next p,
#stageinfo_unauthentic .next p {
    padding: 16px 30px 16px 45px;
}
#info_member_logout .next p::after,
#stageinfo_unauthentic .next p::after {
    border: none;
}
#info_member_logout .next p::before,
#stageinfo_unauthentic .next p::before {
    position: absolute;
    content: '';
    background: url(/common/img/dpoint_login_button.png) no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
    width: 15vw;
    height: 100%;
    border: 2.5px solid #CC0033;
    border-right: none;
    border-radius: 5px 0 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 640px) {
    #info_member_logout .next p::before,
    #stageinfo_unauthentic .next p::before {
        width: 56px;
    }
}

/*
* システムメンテナンス時
  ポイント非表示設定中
*/
#info_member_error,
#stageinfo_error,
#info_member_hide,
#stageinfo_hide {
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
    color: #9a9a9a;
}
.info_member_error_box,
.stageinfo_error_box {
    padding: 30px 0;
    background-color: #eee;
}
.info_member_error_message,
.stageinfo_error_message {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

/* 角丸BOX */
.info_member_error_box.error_radius_box,
.stageinfo_error_box.error_radius_box {
    background-color: #E8E8E8;
    border-radius: 4px;
    margin: 0 5%;
}
.info_member_error_box.error_radius_box .info_member_error_message {
    position: relative;
}
.info_member_error_box.error_radius_box .info_member_error_message::before {
    position: absolute;
    content: '';
    background: url(/common/img/icon/icon_alert.png) no-repeat;
    background-size: contain;
    top: 45%;
    left: 15%;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    width: 16px;
    height: 16px;
}
#info_member_hide .info_member_error_box.error_radius_box .info_member_error_message::before {
    left: 18%;
}

/* SP小 */
@media screen and (max-width: 321px) {
    .info_member_error_box.error_radius_box .info_member_error_message::before {
        left: 10%;
    }
    #info_member_hide .info_member_error_box.error_radius_box .info_member_error_message::before {
        left: 13%;
    }
}


@media screen and (min-width: 641px) {
    /* 
    * 新規会員登録
      dアカウントでログイン
    */
    #info_member_logout .balloon_logout,
    #info_member_nonmember .balloon_nonmember,
    #stageinfo_unauthentic .balloon_logout,
    #stageinfo_nonmember .balloon_nonmember {
        font-size: 14px;
    }
    /*テキストリンク*/
    #info_member_logout a.txtlink,
    #info_member_nonmember a.txtlink,
    #stageinfo_unauthentic a.txtlink,
    #stageinfo_nonmember a.txtlink {
        font-size: 14px;
    }

    /*
    * システムメンテナンス時
      ポイント非表示設定中
    */
    .info_member_error_message,
    .stageinfo_error_message {
        font-size: 18px;
    }
    .info_member_error_box.error_radius_box .info_member_error_message::before {
        width: 20px;
        height: 20px;
        left: 20%;
    }
    #info_member_hide .info_member_error_box.error_radius_box .info_member_error_message::before {
        left: 20%;
    }
}