@charset "utf-8";

* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

html {
    height:100%;
}

body {
    position:relative;
    min-height: 100%;
    min-width: 320px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "meiryo", "Yu Gothic", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

header {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #e0e0e0;
}

footer, header {
    display: block;
}

.idk-container-out {
    margin: 30px auto 0px;
    min-height: auto;
}

.idk-link-break{
    word-break: keep-all;
}

.idk-line-height-pc-24-sp-24 {
    line-height: 24px!important;
}

/*
 * input
 */
.idk-input {
    height: 45px;
    width: 100%;
    color: #333333;
    padding: 0 15px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    font-size: 14px;
}

.idk-input::placeholder {
    font-size: 14px;
    font-weight: normal;
    color: #757575;
}

input:focus {
    border: 1px solid #EB5505;
}

input::-ms-clear {
    visibility: hidden;
}

input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * フッタと隣の縦幅
 * （divはこのクラスを利用して、縦幅確保する）
 */
.idk-push-for-stickeyfooter {
    height: 60px;
}

/*
 * ボタン
 */
.idk-button-primary,
.idk-button-primary-sub,
.idk-button-primary-no-hover {
    font-weight: bold;
    width: 100%;
    border-radius: 4px;
    color: #fff;
    background: #eb5505;
    border-top: 1px solid #ff6714;
    border-bottom: 2px solid #d14c04;
    border-left: 1px solid #eb5505;
    border-right: 1px solid #eb5505;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.idk-button-primary:active,
.idk-button-primary-sub:active,
.idk-button-primary-no-hover:active {
    color: #d6d6d6;
    background: #c54704;
    border-top: 1px solid #d65711;
    border-bottom: 2px solid #b04003;
    border-left: 1px solid #c54704;
    border-right: 1px solid #c54704;
}

.idk-button-primary:disabled,
.idk-button-primary-no-hover:disabled,
.idk-button-tertiary-no-hover:disabled {
    color: #9e9e9e;
    background: #e0e0e0;
    border-top: 1px solid #ededed;
    border-bottom: 2px solid #c7c7c7;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.idk-button-secondary,
.idk-button-secondary-sub {
    font-weight: bold;
    height: 45px;
    width: 100%;
    border-radius: 4px;
    color: #eb5505;
    background: #fff;
    border: 1px solid #eb5505;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);

}

.idk-button-tertiary,
.idk-button-tertiary-sub,
.idk-button-tertiary-no-hover {
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    width: 100%;
    border-radius: 4px;
    color: #333333;
    background: #fff;
    border: 1px solid #9e9e9e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.idk-button-primary-sub > span,
.idk-button-secondary-sub > span,
.idk-button-tertiary-sub > span {
    display: block;
    font-weight: normal;
    padding-top: 2px;
}

/*
* PCモード専用スタイル定義
*/
@media (min-width: 744px) {
    html > body {
        height: 100%;
    }

    header {
        height: 63px;
    }

    h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .idk-container-in {
        padding: 0px 82.5px 30px;
        max-width: 500px;
        margin: 30px auto 0px;
        border: 1px solid #fff;
        border-radius: 4px;
    }

    .header-id-box {
        height: 22px;
        display: block;
        position: absolute;
        top: 23px;
        right: 20px;
        vertical-align: middle;
    }

    .textR img {
        width: 20px !important;
        height: 20px !important;
        vertical-align: middle;
        margin-right: 10px !important;
    }

    .header-id-text {
        font-weight: normal;
        font-size: 16px;
    }

    .idk-text-pc-16-sp-14-gray {
        font-size: 16px !important;
        font-weight: normal;
        color: #333333;
        line-height: 26px;
    }

    .idk-text-pc-15-sp-14-gray {
        font-size: 15px!important;
        font-weight: normal;
        color: #333333;
        line-height: 25px;
    }

    .idk-text-pc-16-sp-15-gray {
        font-size: 16px!important;
        font-weight: bold;
        color: #333333;
        line-height: 16px;
    }

    .idk-label-pc-16-sp-15-gray {
        font-size: 16px!important;
        display:inline-block;
        color: #333333;
        line-height: 26px;
    }

    .idk-text-pc-16-sp-14-black {
        font-size: 16px !important;
        font-weight: normal;
        line-height: 26px;
    }

    .idk-text-pc-16-sp-14-bold {
        font-size: 16px!important;
        font-weight: bold;
        color: #333333;
        line-height: 26px;
    }

    .idk-pc-text-14-sp-text-12 {
        font-size: 14px!important;
        font-weight: normal;
        color: #757575;
        line-height: 23px;
    }

    .idk-pc-text-14-sp-text-12-gray {
        font-size: 14px!important;
        color: #333333;
    }

    .idk-text-pc-16-sp-14-bold-no-lh {
        font-size: 16px!important;
        font-weight: bold;
        color: #333333;
        line-height: 16px;
    }

    .idk-text-pc-19-sp-18-bold {
        font-size: 19px!important;
        font-weight: bold;
        color: #333333;
        word-wrap: break-word;
        line-height: 29px;
    }

    .idk-text-label-pc-17-sp-15-bold {
        font-size: 17px!important;
        font-weight: bold;
        color: #333;
        line-height: 27px;
    }
    .idk-button-primary,
    .idk-button-secondary,
    .idk-button-tertiary,
    .idk-button-primary-no-hover,
    .idk-button-tertiary-no-hover {
        font-size: 18px;
        height: 54px;
    }

    .idk-button-primary-sub,
    .idk-button-secondary-sub,
    .idk-button-tertiary-sub {
        height: 67px;
        font-size: 18px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .idk-button-primary:hover,
    .idk-button-primary-sub:hover {
        color: #e5e5e5;
        background: #d34c04;
        border-top: 1px solid #d65711;
        border-bottom: 2px solid #b04003;
        border-left: 1px solid #c54704;
        border-right: 1px solid #c54704;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .idk-button-secondary:hover,
    .idk-button-secondary-sub:hover {
        background: #f5f5f5;
        border: 1px solid #c54704;
        color: #e25205;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .idk-button-tertiary:hover,
    .idk-button-tertiary-sub:hover {
        background: #f5f5f5;
        border: 1px solid #858585;
        color: #313131;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .idk-input {
        height: 45px;
        width: 100%;
        padding: 0 15px;
        border: 1px solid #E0E0E0;
        font-size: 16px;
        color: #333333;
        border-radius: 4px;
    }

    .idk-input::placeholder {
        font-size: 16px;
        font-weight: normal;
        color: #757575;
    }

    .idk-a-link-margin {
        font-size: 16px !important;
        margin-top: 30px!important;
    }

    .message-area li {
        font-size: 16px;
        margin: 12px 0 12px 12px!important;
        line-height: 26px;
    }

    .message-area {
        list-style-type: none;
        border: #D00101 1px solid;
        border-radius: 0px;
        color: #D00101;
        height: auto;
        background-color: #fffdfd;
        text-indent: -1em;
        padding: 0 12px;
    }

    .login-message-area .login-err-message {
        font-size: 16px;
        margin: 12px !important;
        line-height: 26px;
    }

    .login-message-area li {
        font-size: 16px;
        margin-left: 12px !important;
        line-height: 26px;
    }

    .login-message-area {
        list-style-type: none;
        border: #D00101 1px solid;
        border-radius: 0px;
        color: #D00101;
        height: auto;
        background-color: #fffdfd;
        text-indent: -1em;
    }

    .scoreBarChk {
        font-size: 14px;
        font-weight: normal;
        color: #D00101;
    }

    .idk-text-captcha {
        font-size: 16px!important;
        font-weight: normal;
        color: #333;
        line-height: 26px;
    }

    .idk-label-text {
        font-size: 17px;
    }

    .idk-text-font-size {
        font-size: 16px !important;
    }

    .idk-button-tertiary:hover{
        background: #f5f5f5;
        border: 1px solid #858585;
        color: #313131;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .idk-button-tertiary:active {
        background: #d6d6d6;
        border: 1px solid #858585;
        color: #2b2b2b;
    }

    .idk-margin-bg {
        font-size: 16px;
    }

    .pwdChk {
        font-size: 14px;
        font-weight: normal;
        color: #757575;
    }

    .margin-pc-12-sp-10 {
        margin: 12px 0px;
    }

    .radio-gender-padding {
        padding: 5px 50px 0px 30px !important;
    }

    .idk-line-height-pc-19-sp-29 {
        line-height: 19px !important;
    }

    .idk-line-height-pc-26-sp-14 {
        line-height: 26px !important;
    }

    .idk-line-height-pc-26-sp-21 {
        line-height: 26px !important;
    }
    .idk-line-height-pc-16-sp-21 {
        line-height: 16px !important;
    }

    .idk-line-height-pc-23-sp-18 {
        line-height: 23px !important;
    }

    .idk-line-height-pc-24-sp-20 {
        line-height: 24px !important;
    }

    .idk-line-height-pc-22 {
        line-height: 22px !important;
    }

    .idk-text-label-line-height {
        line-height: 25.5px;
    }

    .idk-input-short {
        width: 47%;
    }

    .idk-pl-pc-14-sp-12 {
        text-indent: -14px;
        padding-left: 14px;
    }

    .idk-margin-top-pc-30-sp-20 {
        margin-top: 30px !important;
    }

    .idk-margin-top-pc-20-sp-10 {
        margin-top: 20px!important;
    }

    .idk-margin-top-pc-20-sp-1 {
        margin-top: 1px!important;
    }

    .idk-margin-top-pc-10-sp-20 {
        margin-top: 10px!important;
    }

    .idk-margin-top-pc-20 {
        margin-top: 20px!important;
    }

    .idk-padding-left-pc-16-sp-14 {
        padding-left: 16px;
    }

    .idk-margin-top-pc-20-sp-30 {
        margin-top: 20px!important;
    }

    .idk-margin-top-pc-10-sp-0 {
        margin-top: 10px!important;
    }

    .idk-margin-b-sp-30{
        margin-bottom: 30px!important;
    }

    .idk-font-size-sp-20{}

    .idk-word-pc-word-sp-all {
        word-wrap: break-word;
    }

    .img-width-pc-200-sp-216 {
        width: 200px;
        height: 50px;
    }

    .idk-container-login-pc {
       display: flex;
       justify-content: center;
       flex-direction: row-reverse;
       flex-wrap: wrap;
       min-height: auto;
    }

    .idk-item-login-pc {
        max-width: 500px;
        display: inline-block;
        margin: 0 10px;
        width: 100%;
    }

    .idk-box-in {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        margin: 10px auto;
        padding: 10px;
        max-width: 100%;
    }

    .idk-login-captcha {
        width : 200px;
        height : 50px;
    }
}

/*
* SPモード専用スタイル定義
*/
@media (max-width: 743px) {
    html > body {
        height: auto;
    }

    h1 {
        font-size: 19px;
        line-height: 19px;
    }

    .idk-container-in {
        padding: 0 20px;
        max-width: 414px;
        margin: 0 auto;
        min-height: auto;
    }

    .header-id-box {
        height: 22px;
        display: block;
        position: absolute;
        top: 12.5px;
        right: 20px;
        vertical-align: middle;
    }

    .textR img {
        width: 20px !important;
        height: 20px !important;
        vertical-align: middle;
        margin-right: 4px !important;
    }

    .header-id-text {
        font-weight: normal;
        font-size: 14px;
    }

    .idk-text-pc-16-sp-14-gray {
        font-size: 14px!important;
        font-weight: normal;
        color: #333333;
        line-height: 24px;
    }

    .idk-text-pc-15-sp-14-gray {
        font-size: 14px!important;
        font-weight: normal;
        color: #333333;
        line-height: 24px;
    }

    .idk-text-pc-16-sp-15-gray {
        font-size: 15px!important;
        color: #333333;
        line-height: 25px;
    }

    .idk-label-pc-16-sp-15-gray {
        font-size: 15px!important;
        color: #333333;
        line-height: 25px;
    }

    .idk-text-pc-16-sp-14-black {
        font-size: 14px!important;
        font-weight: normal;
        line-height: 24px;
    }

    .idk-text-pc-16-sp-14-bold {
        font-size: 14px!important;
        font-weight: bold;
        color: #333333;
        line-height: 24px;
    }

    .idk-pc-text-14-sp-text-12 {
        font-size: 12px!important;
        font-weight: normal;
        color: #757575;
        line-height: 20px;
    }

    .idk-pc-text-14-sp-text-12-gray {
        font-size: 12px!important;
        color: #333333;
    }

    .idk-text-pc-16-sp-14-bold-no-lh {
        font-size: 14px!important;
        font-weight: bold;
        color: #333333;
        line-height: 14px;
    }

    .idk-text-pc-19-sp-18-bold {
        font-size: 18px!important;
        font-weight: bold;
        color: #333333;
        word-wrap: break-word;
        line-height: 27px;
    }

    .idk-text-label-pc-17-sp-15-bold {
        font-size: 15px!important;
        font-weight: bold;
        color: #333;
        line-height: 25px;
    }
    .idk-button-primary,
    .idk-button-primary-no-hover,
    .idk-button-secondary,
    .idk-button-tertiary,
    .idk-button-tertiary-no-hover {
        font-size: 14px;
        height: 45px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .idk-button-primary-sub,
    .idk-button-secondary-sub,
    .idk-button-tertiary-sub {
        height: 67px;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .idk-button-secondary:active,
    .idk-button-secondary-sub:active {
        background: #d6d6d6;
    }

    .idk-button-tertiary:active,
    .idk-button-tertiary-sub:active,
    .idk-button-tertiary-no-hover:active {
        background: #d6d6d6;
        border: 1px solid #858585;
        color: #2b2b2b;
}

    .idk-a-link-margin {
        margin-top: 20px!important;
    }

    .message-area li {
        font-size: 14px;
        margin: 10px 0 10px 10px!important;
        line-height: 24px;
    }

    .message-area {
        list-style-type: none;
        border: #D00101 1px solid;
        border-radius: 0px;
        color: #D00101;
        height: auto;
        background-color: #fffdfd;
        text-indent: -1em;
        padding: 0 10px;
    }

    .login-message-area .login-err-message {
         font-size: 14px;
         margin: 10px !important;
         line-height: 24px;
    }

    .login-message-area li {
        font-size: 14px;
        margin-left: 10px !important;
        line-height: 24px;
    }

    .login-message-area {
        list-style-type: none;
        border: #D00101 1px solid;
        border-radius: 0px;
        color: #D00101;
        height: auto;
        background-color: #fffdfd;
        text-indent: -1em;
    }

    .scoreBarChk {
        font-size: 12px;
        font-weight: normal;
        color: #D00101;
    }

    .idk-text-captcha {
        font-size: 14px!important;
        font-weight: normal;
        color: #333;
        line-height: 24px;
    }

    .idk-label-text {
         font-size: 15px;
    }

    .idk-text-font-size {
        font-size: 14px !important;
    }

    .idk-margin-bg {
        font-size: 14px;
    }

    .pwdChk {
        font-size: 12px;
        font-weight: normal;
        color: #757575;
    }

    .margin-pc-12-sp-10 {
        margin: 10px 0px;
    }

    .radio-gender-padding {
        padding: 5px 20px 0px 30px !important;
    }

    .idk-line-height-pc-19-sp-29 {
        line-height: 29px !important;
    }

    .idk-line-height-pc-26-sp-14 {
        line-height: 14px !important;
    }

    .idk-line-height-pc-26-sp-21 {
        line-height: 21px !important;
    }

    .idk-line-height-pc-16-sp-21 {
        line-height: 21px !important;
    }
    .idk-line-height-pc-23-sp-18 {
        line-height: 18px !important;
    }

    .idk-line-height-pc-24-sp-20 {
        line-height: 20px !important;
    }

    .idk-line-height-sp-14 {
        line-height: 14px !important;
    }

    .idk-line-height-pc-22 {}

    .idk-text-label-line-height {
        line-height: 25px;
    }

    .idk-pl-pc-14-sp-12 {
        text-indent: -12px;
        padding-left: 12px;
    }

    .idk-margin-top-pc-30-sp-20 {
        margin-top: 20px !important;
    }

    .idk-margin-top-pc-20-sp-10 {
        margin-top: 10px!important;
    }

    .idk-margin-top-pc-20-sp-1 {
        margin-top: 1px!important;
    }

    .idk-margin-top-pc-10-sp-20 {
        margin-top: 20px!important;
    }
    .idk-padding-left-pc-16-sp-14 {
        padding-left: 14px;
    }

    .idk-margin-top-pc-20-sp-30 {
        margin-top: 30px!important;
    }

    .idk-margin-top-pc-10-sp-0 {}

    .idk-margin-b-sp-20 {
        margin-bottom: 20px!important;
    }

    .idk-font-size-sp-20 {
        font-size: 20px;
    }

    .idk-box-in {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        margin: 10px auto;
        padding: 10px;
        max-width: 100%;
    }

    .idk-word-pc-word-sp-all {
        word-break: break-all;
    }

    .img-width-pc-200-sp-216 {
        width: 216px;
        height: 35px;
    }

    .idk-login-captcha {
        width : 216px;
        height : 54px;
    }
}

/*
 * タイトル用の見出し
 */
h1 {
    font-weight: bold;
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 30px 0px;
}

/*
 * マージン
 */
.idk-margin-s {
    margin-top: 10px!important;
}

.idk-margin-ss {
    margin-top: 15px!important;
}

.idk-margin,
.idk-margin-m {
    margin-top: 20px!important;
}

.idk-margin-l {
    margin-top: 30px!important;
}

.idk-margin-xl {
    margin-top: 40px!important;
}

.idk-margin-mm {
    margin-top: 8px!important;
}

.idk-margin-sm {
    margin-top: 1px!important;
}

.idk-margin-b-s {
    margin-bottom: 10px!important;
}

.idk-margin-b,
.idk-margin-b-m {
    margin-bottom: 20px!important;
}

.idk-margin-b-l {
    margin-bottom: 30px!important;
}

.idk-margin-b-xl {
    margin-bottom: 40px!important;
}

.idk-margin-b-mm {
    margin-bottom: 8px!important;
}

.idk-padding-b-sm {
    padding-bottom:1px!important;
}

.idk-margin-bg {
    margin-top: 10px!important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #F5F5F5;
    word-wrap: break-word;
    line-height: 24px;
}

.idk-margin-bg-l {
    padding-left: 4.5%;
    padding-right: 4.5%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #F5F5F5;
    word-wrap: break-word;
    line-height: 24px;
    margin-left: -4.5%;
    width: 109%;
}

/*
 * 右寄せテキスト
 */
.idk-text-right {
    text-align: right;
}

.idk-text-center {
    text-align: center;
}

/*
 * アンカーリンク
 */
a {
    font-size: 14px;
    font-weight: normal;
    color: #0167aa;
}

a:active {
    color: #01578f;
}

a:hover{
    text-decoration: none;
}

/*
 * ラベル付きテキスト
 */
.idk-label-text {
    font-weight: bold;
    color: #333;
    margin-left: 12px;
}

.idk-label-text::before {
    content: "";
    position: absolute;
    margin-left: -12px;
    margin-top: -1px;
    width: 6px;
    height: 22px;
    background: #dedede;
}

.login-message-area li:before {
    content: '\0030fb';
    position: relative;
    left: -3px;
    color: #D00101;
    text-indent: -1em;
}

.message-area .err-message {
    font-size: 14px;
    margin: 10px !important;
    line-height: 24px;
}

.message-area li:before {
    content: '\0030fb';
    position: relative;
    left: -3px;
    color: #D00101;
    text-indent: -1em;
}

* {
    box-sizing: border-box;
}

.table-top td {
    vertical-align: top;
}

.redNote {
    color:#D00101;
    font-size:19px;
    font-weight:bold;
    word-wrap:break-word;
}

.redColor {
    color:#D00101!important;
}

/*--------------------------------------------------*/
/* ----------------------- 本文----------------------- start */
.idk-text-14-line-10 {
    font-size: 14px!important;
    font-weight: normal;
    color: #333333;
    line-height: 24px;
}

.idk-text-14-bold {
    font-size: 14px!important;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
}

.idk-text-16-bold {
    font-size: 16px!important;
    font-weight: bold;
    color: #333333;
    line-height: 26px;
}

.idk-text-14-bold-no-lh {
    font-size: 14px!important;
    font-weight: bold;
    color: #333333;
    line-height: 14px;
}

.idk-text-19-bold {
    font-size: 19px!important;
    font-weight: bold;
    color: #333333;
    line-height: 14px;
}

.idk-radio-15-line-10 {
    font-size: 15px!important;
    color: #333333;
    line-height: 25px;
}
/* ----------------------- 本文----------------------- end */
/* ----------------------- 補足説明----------------------- start */
.idk-text-12-line-8 {
    font-size: 12px!important;
    font-weight: normal;
    color: #757575;
    line-height: 20px;
}

.idk-text-14-line-9 {
    font-size: 14px!important;
    font-weight: normal;
    color: #757575;
    line-height: 23px;
}

.idk-text-12 {
    font-size: 12px!important;
    font-weight: normal;
    color: #333333;
}

/* ----------------------- 補足説明----------------------- end */
/*----------------------- 文字共通 ----------------------- start*/
.idk-text-label-line {
    margin: 0 auto;
    padding-left: 6px;
    border-left: 6px solid #dedede;
}

.idk-text-label {
    font-size: 15px!important;
    font-weight: bold;
    color: #333;
    line-height: 25px;
}

.idk-text-label-pc {
    font-size: 17px!important;
    font-weight: bold;
    color: #333;
    line-height: 27px;
}

.idk-text {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
}

.idk-text-14 {
    font-size: 14px!important;
    font-weight: normal;
    color: #333;
    line-height: 14px;
}

/*word 19px */
.idk-text-19 {
    font-size: 19px!important;
    font-weight: normal;
    color: #333333;
    word-wrap: break-word;
    line-height: 29px;
}

.idk-text-19-no-lh {
    font-size: 19px!important;
    font-weight: normal;
    color: #333333;
    word-wrap: break-word;
    line-height: 19px;
}

.idk-font-bold{
    font-weight: bold!important;
}

.idk-text-break{
    word-break: break-all;
}

.idk-line-height-14{
    line-height: 14px;
}
/*----------------------- 文字共通 ----------------------- end*/

/*----------------------- 優先順位 ----------------------- start*/
.idk-margin-mini-im {
    margin-top: 5px!important;
}

.idk-margin-s-im {
    margin-top: 10px!important;
}

.idk-margin-im,
.idk-margin-m-im {
    margin-top: 20px!important;
}

.idk-margin-l-im {
    margin-top: 30px!important;
}

.idk-margin-xl-im {
    margin-top: 40px!important;
}

/*----------------------- 優先順位 ----------------------- end*/

/*padding-bottom*/
.idk-padding-bt-large {
    padding-bottom: 202px;
}

.idk-padding-bt-max {
    padding-bottom: 213px;
}

.idk-padding-bt-min {
    padding-bottom: 115px;
}

.idk-padding-im-left{
    padding-left: 15px;
}

/* ----------------------- footer ----------------------- start */
#footer {
    width: 100%;
    height: auto;
}

#footerNav {
    padding: 24px 0;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

#footerNav ul {
    text-align: center;
}

#footerNav ul li {
    display: inline-block;
    padding: 0 10px 30px 10px;
    line-height: 1;
    text-align: left;
    font-size: 12px;
}

#footerNav ul li a {
  font-size: 14px;
}

#footerNav ul li a:link, #footerNav ul li a:visited{
    text-decoration: none;
    color: #0167aa;
}

#footerNav ul li a:active, #footerNav ul li a:hover{
    text-decoration: none;
    color: #333;
}

#footerNoLink {
    width: 100%;
    height: 83px;
}

#footerNavNoLink {
    padding: 31.5px 0;
    width: 100%;
    line-height: 1.2;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
}

#footer-no-link {
    width: 100%;
    height: auto; }

#footerNav-no-link {
    border-top: 1px solid #E0E0E0;
    padding: 20px 10px;
    width: 100%;
    line-height: 1;
    box-sizing: border-box;
}

.footer-inner {
    width: auto !important;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
}

/*
* PCモード専用スタイル定義「footer」
*/
@media (min-width: 744px) {
    #footerNav {
       /*  height: 83px; */
        padding: 20px 0;
        width: 100%;
        line-height: 1.2;
        box-sizing: border-box;
        border-top: 1px solid #e0e0e0;
    }

    #footerNav ul li a{
        font-size: 16px;
    }

    #footerNav ul li {
        display: inline-block;
        padding: 0 30px 10px 0;
        line-height: 1;
        text-align: left;
        font-size: 12px;
    }

    #copyright {
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
    }

    #footerNoLink {
        width: 100%;
        height: 83px;
    }

    #footerNavNoLink {
        padding: 31.5px 0;
        width: 100%;
        line-height: 1.2;
        box-sizing: border-box;
        border-top: 1px solid #e0e0e0;
    }
}

/*
* SPモード専用スタイル定義「footer」
*/
@media (max-width: 743px) {
    #copyright {
        font-size: 10px;
        line-height: 1;
        text-align: center;
    }

    #footerNoLink {
        width: 100%;
        height: auto;
    }

    #footerNavNoLink {
        border-top: 1px solid #E0E0E0;
        padding: 20px 10px;
        width: 100%;
        line-height: 1;
        box-sizing: border-box;
    }
}


/* ----------------------- footer ----------------------- end */

div, ul, li, p, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

.page-link {
    text-align: right;
    margin: -10px 10px 5px;
}

/* -----------------------password check ----------------------- start */
.idk-eye-on {
    background-image: url(../../image/common/open.png);
}

.idk-eye {
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 20px;
    float: right;
    margin: -31px 13px;
    position: relative;
}

.idk-eye-off {
    background-image: url(../../image/common/close.png);
}

.passwordcheckPac span {
    float: left;
    width: 32.5%;
    height: 6px;
    color: #fff;
    overflow: hidden;
    margin-right: 2px;
    line-height: 20px;
    text-align: center;
    /* background: #F44336; */
}

.checkHigh {
    background: #8BC34A;
}

.checkMiddle {
    background: #FFC107;
}

.checkLow {
    background: #F44336;
}

/* -----------------------password check ----------------------- end */

/* ----------------------- 生年月日 ----------------------- start */
.birthday-outer {
    height: 42px!important;
    text-align: left;
}

.year {
    width: 24% !important;
    padding-top: 3px!important;
}

.month {
    position: relative;
    width:90%;
    float: left;
    height: 42px;
    width: 18.7%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fff;
    overflow: visible;
}

select {
    font-family: inherit;
    width: 100%;
    height: 100%;
    text-overflow: ellipsis!important;
    text-indent: 0.01px;
    border: none!important;
    cursor: pointer!important;
    background: transparent!important;
    background-image: none!important;
    box-shadow: none!important;
    padding-left :0.5em;
    padding-right: 2.3em;
    -webkit-appearance: none!important;
    appearance:none;
}

select::-ms-expand {
    display: none;
}

/* IE9 start */
@media screen and (min-width:0\0) {
    .month,
    .tel {
        position: static;
    }

    select {
        width: 100%;
        padding-left: 0.5em;
        padding-right: 0;
    }

    .month::before,
    .tel::before {
        border-left: 0;
        border-right: 0;
        border-top: 0 solid #fff;
    }
}
/* IE9 end */

.month::before,
.tel::before {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    padding: 0;
    position: absolute;
    top: 1.3em;
    right: 0.5em;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #555555;
    pointer-events: none;
}

.day {
    width: 18.7% !important;
    padding-top: 3px!important;
}

.birthday-label1 {
    float: left;
    margin: 12px 10px 14px 6px;
}

.birthday-label2 {
    float: left;
    margin: 12px 0 14px 6px;
}

input[type="text"]:focus,
.month select:focus,
.tel select:focus {
    border: 1px solid #EB5505!important;
    border-radius: 4px;
}

.form_input input.birthday {
    float: left;
    border: 1px solid #e0e0e0;
    padding-bottom: 1px !important;
    padding-left: 6% !important;
}

/* ----------------------- 生年月日 ----------------------- end */

/* ----------------------- リンク ----------------------- start */
ul.idk-rules {
    list-style: none
}

ul.idk-rules li:before {
    content: '\0030fb';
    position: relative;
    left: .35em;
    color: #0167aa
}

ul.idk-rules-menu {
    list-style: none
}

ul.idk-rules-menu li:before {
    content: '\0030fb';
    position: relative;
    color: #000000;
    right: 3px;
}

.idk-link-color {
    color: #0167aa!important;
    padding-right: 0!important;
    text-decoration: underline!important;
}

/*padding,margin set 0*/
.idk-mg-pd-0 {
    margin: 0px;
    padding: 0px;
}

.idk-li-pd {
    padding: 0px 15px;
}

.idk-supplement {
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    padding-left: 13px;
    text-indent: -1em;
}

ul.idk-supplement li:before {
    content: '\0030fb';
    position: relative;
    left: -3px;
    color: #757575;
}

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

/* ----------------------- インプット ----------------------- start */
.form_input {
    border-radius: 4px;
    overflow: visible;
    height: 45px;
    background: #fff;
    padding: 0;
}

.form_input input {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin-top: 0;
    -webkit-appearance: none;
}

.form_input input::placeholder,.form_input input::-webkit-input-placeholder {
    font-size: 14px;
    color: #757575;
    line-height: 14px;
}

input[type="text"]:focus {
    border: 1px solid #EB5505;
}

/* ----------------------- インプット ----------------------- end */

ul:not(.browser-default) li {
    list-style-type: none;
    padding-left: 0;
}

/* ----------------------- エラー ----------------------- start */
.mark-none {
    list-style-type: none;
}

.error {
    color: #D00101;
    text-align: left;
}

/* ----------------------- エラー ----------------------- end */

/* ----------------------- ステップ ----------------------- start */
.clear {
    clear: both;
}

.step-container {
    min-height: 30px;
    padding: 0px;
}

.step-container li {
    display: inline-block;
    float: left;
    width: 33.333%;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #E0E0E0;
}

.step-container li.current {
    background-color: #E0E0E0;
}

.step-container-lable {
    min-height:15px;
    padding:0px;
    margin-top:15px;
}

.step-container-lable li {
    display: inline-block;
    float: left;
    width: 33.333%;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
    background-color: #ffffff;
    color: #333333;
}

.step-container-lable li.current {
    font-weight: bold;
}

/* ----------------------- ステップ ----------------------- end */

/* ----------------------- ヘッダ ----------------------- start */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

table td, table tr, table th {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* ----------------------- select option ----------------------- start */
.tel {
    position: relative;
    float: left;
    height: 42px;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

/* ----------------------- select option ----------------------- end */
/* ----------------------- label ----------------------- start */
.idk-red-text {
    color: #F44336 !important;
}
.idk-fouraquare-size{
    font-size: 20px;
}

/* ----------------------- label ----------------------- end */
ul.other {
    list-style: none;
    width: 90%;
    margin: 0.5rem auto 1.5rem;
    text-align: right !important;
    font-size: 90%;
}

#pwforget {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMUJGNTE5MUYyMzBFMzExQTM0NUI2NTVFRUQ3NDQwRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMjIzQTZDNUU0QjcxMUUzQjFFREUzOEZDNkM4Mjk3MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMjIzQTZDNEU0QjcxMUUzQjFFREUzOEZDNkM4Mjk3MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OTU2NmRkMy1hYThmLTQ5MDQtYjVmMC1hNDk4ODE5NzBhM2IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzFCRjUxOTFGMjMwRTMxMUEzNDVCNjU1RUVENzQ0MEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5w0CprAAABMUlEQVR42oTSTytEURjH8XNvyp9sFKEkdpMXYMOOKa9AWWgyi2kmO+5CShHZ3JUsKKUsZTVKyUoWsrBWFuyQBRsbiuH71HPq6XTv9dSnW8+c35znnnOjNE37nXNV1LGNE7y7gkqSxMU81zUwjH1sYcD9UxLsxIfpNdBECW1FQRlzWcO/2h/HFWbQkRds4UAX3eNHf+vDKdbQhSgM+rrGtC5uaU8Wr+rogzYcBxM8oYKVoD+FG0z4cJwxvrzrLsp4NjsP4UJuIy8o9YkXfJlepDfQ4wqOexY7ekC+vvUGzrKC7djEAnpN/w413PopbHAEe5hEt+kf6Z892B18sKyjlcyRy30u4Riv4btIcAPzGDX9RyziUg8q88sZC0JNPZzzvJDfUeZ/w5ze36HuWFh/AgwAe3E6s1GcnDYAAAAASUVORK5CYII=") no-repeat scroll right center;
    -webkit-background-size:10px auto;
    background-size:10px auto;
    margin: 0 auto 2em;
    text-align: right;
    width: 100%;
}

/* ----------------------- login ----------------------- start */
#error_box2 {
    -moz-box-sizing: border-box;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 1px solid #FF0000;
    display: block;
    line-height: 16px;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
    vertical-align: middle;
}

#error_box2 p {
    color: #FF0000;
}

.error_msg {
    text-align: left;
    font-size: 14px;
    margin: 12px !important;
    line-height: 24px;
}

/* ----------------------- login ----------------------- end */

.idk-div-border {
    padding: 0 15px;
    border: 1px solid #a4a4a4;
}

.idk-div-border-nocolor {
    padding: 0 15px;
    border: 1px solid #a4a4a4;
    border-bottom-color: rgba(0,0,0,0);
}

.idk-div-center {
    text-align: center;
}

.lblAltMsg {
    margin:10px 0px 0px 0px !important;
    text-align: left;
    display: none;
    font-size: 12px;
    font-weight: normal;
    color: #757575;
}

.idk-word-break {
    word-break: break-all;
}

.border_area {
    border: 1px solid #e5e5e5;
    padding: 0px 82px 30px 83px;
}

.idk-word-wrap {
    word-wrap: break-word;
}

.idk-text-16-bold-no-lh {
    font-size: 16px!important;
    font-weight: bold;
    color: #333333;
    line-height: 16px;
}

.idk-line-height-19 {
    line-height: 19px;
}

.idk-line-height-26 {
    line-height: 26px;
}

.idk-font-weight {
    font-weight: normal;
}

.idk-line-height-16 {
    line-height: 16px;
}

.idk-font-color {
    color: #333333;
}

.idk-font-color-break {
    color: #000000;
}

.idk-font-size-18 {
    font-size: 18px;
}

.idk-font-size-16 {
    font-size: 16px !important;
}

.idk-p-pc {
    text-indent: -14px;
    padding-left: 14px;
}

.idk-p-sp {
    text-indent: -12px;
    padding-left: 12px;
}

.idk-line-height-10 {
    line-height: 26px;
}

.idk-input-text-width {
    width:80%;
}
/* ----------------------- header add -------------------------------- start */
#headerArea4 {
    border-bottom: 1px solid #e5e5e5;
    height: 45px;
}

div#headerArea4 div.inner {
    width: auto !important;
    max-width: 414px;
    position: relative;
    margin: 0 auto;
}

#headp {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#headp img {
    margin: 0px;
    width: 90px;
    height: 21.14px;
}

#headPonta {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#headPonta img {
    margin: 0px;
    height: 12px;
}

@media (min-width: 744px) {
    #headerArea4 {
      border-bottom: 1px solid #e5e5e5;
      height: 63px;
    }

    div#headerArea4 div.inner {
      width: auto !important;
      max-width: 980px;
      position: relative;
      margin: 0 auto;

    }

    #headp {
      padding-top: 23px !important;
      padding-bottom: 23px !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
    }

    #headp img {
      margin: 0px;
      width: 76.62px;
      height: 17px;
    }

    #headPonta {
      padding-top: 23px !important;
      padding-bottom: 23px !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
    }

    #headPonta img {
      margin: 0px;
      height: 17px;
    }

    .lblAltMsg {
      font-size: 14px;
    }
}

.idk-item-login {
    max-width: 500px;
    display: inline-block;
    margin: 0 10px;
}

.backgroundDivClass {
    position:fixed;
    left:0px;
    top:0px;
    display:block;
    background:black;
    filter:alpha(Opacity=50);
    opacity:0.5;
    width:calc(100vw);
    height:calc(100vh);
}
/* ----------------------- header add -------------------------------- end */
/*----------------------------生年月日 firfox対応------------------------------------------start */
@-moz-document url-prefix(){

    .form_input input.birthday {
        float: left!important;
        padding-bottom: 13px!important;
        padding-left: 6%!important;
    }

    .day {
        width: 18.7% !important;
        padding-top: 13px!important;
    }

    select {
        padding-left : 0.5em;
        padding-right: 1.5em;
    }

    /*
     * SPモード専用スタイル定義
     */
    @media (max-width: 743px) {
        .year {
            width: 24% !important;
            padding-top: 13px !important;
        }

        .month {
            position: relative;
            float: left;
            height: 42px;
            width: 60px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            background: #fff;
            overflow: hidden;
        }

    }

    /*
     * PCモード専用スタイル定義
     */
    @media (min-width: 744px) {
        .year {
            width: 24%!important;
            padding-top: 13px!important;
        }
    }

}
/*----------------------------生年月日 firfox対応--------------------------------------------end */

/*----------------------------生年月日 Chrome&Opera対応--------------------------------------------start */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  select {
      padding-left: 0.8em;
      padding-right: 1.5em;
  }
}
/*----------------------------生年月日 Chrome&Opera対応--------------------------------------------end */

/*----------------------------生年月日 ie11対応--------------------------------------------end*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
     .month {
         position: relative;
     }

     .form_input input.birthday {
        float: left!important;
        padding-bottom: 0px!important;
        padding-left: 6%!important;
     }

    .day {
        width: 18.7% !important;
     }

    select {
        padding-left: 0.7em;
        padding-right: 1.5em;
    }

    /*
     * SPモード専用スタイル定義
     */
    @media (max-width: 743px) {
        .year {
            width: 24% !important;
            padding-top: 13px !important;
        }

        .month {
            position: relative;
            float: left;
            height: 42px;
            width: 60px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            background: #fff;
            overflow: hidden;
        }

    }

    /*
     * PCモード専用スタイル定義
     */
    @media (min-width: 744px) {
        .year {
            width: 24%!important;
            padding-top: 13px!important;
        }
    }
}
/*----------------------------生年月日 ie11対応--------------------------------------------end*/

/*----------------------------Edge 対応 --------------------------------------------start */
@supports (-ms-ime-align: auto) {
    select {
        padding-left: 0.8em;
        padding-right: 0;
    }
}
/*----------------------------Edge 対応 --------------------------------------------end */

.idk-border-none {
  border: none;
}

/*placeholder color設定*/
/* 各ベンダープレフィックスが取れた標準版(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
  color: #757575; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  color: #757575; }

/* Firefox 18- */
:-moz-placeholder {
  color: #757575; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
  color: #757575; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
  color: #757575; }

.idk-android-fp-alert {
    font-size:14px;
    line-height:24px;
    color: #FF0000;
}
/*IE eye対応*/
input::-ms-reveal {
    display:none;
}

.idk-text-indent-0 {
    text-indent:0px;
}

/*----------------------------広告対応------------------------------------------start */
/* 0421 pc_login(default) */
.id_set {
    width: 410px;
    margin: 5px 0px 0px -50px;
    color: #444;
}
.id_set_inner {
    padding:15px;
}

.id_set .area_txt {
    padding:0 5px 10px;
}

.id_set h3 {
    margin:0 0 10px;
    padding: 0 0 2px 8px;
    border-bottom: 2px solid #F76B1F;
}

.triangle {margin-top:5px;content: '';width: 0;height: 0;border: 5px solid transparent;border-left-color: #f76b1f;border-left-width:6px;border-right-width:5px;display: inline-block;}

.id_set_box {
    margin:20px auto 0;
    overflow:hidden;
    zoom:1;
}

.id_set_box_l {
    float:left;
    width: 165px;
    margin: auto 25px 0 7px;
}

.id_set a:hover {
    color: #219AD9;
    text-decoration:underline;
}
/*----------------------------広告対応------------------------------------------end */

::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
  width: 12px;
}

::-webkit-scrollbar:horizontal {
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: #a4a4a4;
  border-radius: 10px;
  border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime]:disabled,
input[type=datetime][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.26);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}

.message-area.text-ind-ajust {
    text-indent: 0px;
}

.idk-menu-a-secondary {
    display:block;
    text-align:center;
    text-decoration:none;
    padding-top:13px;
    font-weight: bold;
    height: 54px;
    width: 100%;
    border-radius: 4px;
    color: #eb5505;
    background: #fff;
    border: 1px solid #eb5505;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
  }

.idk-menu-a-tertiary {
    display:block;
    text-align:center;
    text-decoration:none;
    padding-top:13px;
    font-weight: bold;
    height: 54px;
    width: 100%;
    border-radius: 4px;
    color: #333333;
    background: #fff;
    border: 1px solid #9e9e9e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
  }

.idk-menu-a-secondary-sub {
    display:block;
    text-align:center;
    text-decoration:none;
    padding-top:13px;
    font-weight: bold;
    height: 67px;
    width: 100%;
    border-radius: 4px;
    color: #eb5505;
    background: #fff;
    border: 1px solid #eb5505;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
  }

.idk-menu-a-secondary-sub > span {
    display: block;
    font-weight: normal;
    padding-top: 2px;
}

.idk-menu-a-primary-sub {
    display:block;
    text-align:center;
    text-decoration:none;
    padding-top:13px;
    font-weight: bold;
    height: 67px;
    width: 100%;
    border-radius: 4px;
    color: #eb5505;
    background: #fff;
    border: 1px solid #eb5505;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
  }

.idk-menu-a-primary-sub > span {
    display: block;
    font-weight: normal;
    padding-top: 2px;
}

.idk-menu-a-secondary-sub-telid {
    color: #fff;
    background: #eb5505;
    border-top: 1px solid #ff6714;
    border-bottom: 2px solid #d14c04;
    border-left: 1px solid #eb5505;
    border-right: 1px solid #eb5505;
}

.idk-menu-a-secondary-sub-telid:active {
    background: #c54704;
    border-top: 1px solid #d65711;
    border-bottom: 2px solid #b04003;
    border-left: 1px solid #c54704;
    border-right: 1px solid #c54704;
}

.idk-menu-a-secondary-sub:active {
    background: #d6d6d6;
    color: #c54704;
}

.idk-menu-a-secondary:active {
    color:#eb5505;
    background:#fff;
}

.idk-menu-a-tertiary:active {
    color: #333333;
    background: #fff;
}

.idk-menu-a-primary-sub:active {
    color: #d6d6d6;
    background: #c54704;
    border-top: 1px solid #d65711;
    border-bottom: 2px solid #b04003;
    border-left: 1px solid #c54704;
    border-right: 1px solid #c54704;
}

.idk-menu-a-secondary:hover {
    background: #f5f5f5;
    border: 1px solid #c54704;
    color: #e25205;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.idk-menu-a-tertiary:hover {
    background: #f5f5f5;
    border: 1px solid #858585;
    color: #313131;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

#cover {
    width:calc(100vw);
    height:calc(100vh);
}

.backgroundCoverClass {
    background:rgba(0,0,0,0.6);
    position:fixed;
    left:0px;
    top:0px;
    display:none;
}

.popupClass {
    margin:0 auto;
    width:calc(100vw/4);
    background:#FFF;
    height:auto;
    margin-top:calc(100vh/2 - 100px);
    margin-left:calc(calc(calc(100vw) - calc(100vw/4))/2);
    border-radius: 15px;
    padding: 15px 15px 15px 15px;
    line-height: 28px;
    min-width: 270px;
}

.ac_trigger {
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
}

.ac_trigger .trigger_item {
    flex-grow: 1;
    min-height: 48px;
}

.ac_trigger .arrow {
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-top: 12px;
}

.ac_trigger .arrow::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-bottom: solid 2px #757575;
    border-right: solid 2px #757575;
    position: absolute;
    left: 0;
    margin-top: -8px;
    transform-origin:50% 50%;
    transform: translate(2px, -2px) rotate(45deg);
    -webkit-transform: translate(2px, -2px) rotate(45deg);
    -moz-transform: translate(2px, -2px) rotate(45deg);
    -ms-transform: translate(2px, -2px) rotate(45deg);
    -o-transform: translate(2px, -2px) rotate(45deg);
}

.ac_trigger.open .arrow::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #757575;
    border-right: solid 2px #757575;
    position: absolute;
    left: 0;
    margin-top: -2px;
    transform-origin:50% 50%;
    transform: translate(2px, -2px) rotate(-45deg);
    -webkit-transform: translate(2px, -2px) rotate(-45deg);
    -moz-transform: translate(2px, -2px) rotate(-45deg);
    -ms-transform: translate(2px, -2px) rotate(-45deg);
    -o-transform: translate(2px, -2px) rotate(-45deg);
}

.ac_detail {
    display: none;
}

summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

.summary_inner{
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 48px;
}

.summary_icon {
  display: block;
  position: relative;
  height: 24px;
  width: 24px;
  padding-top: 12px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
}

/* アコーディオンが開いた時のスタイル */
details[open] .summary_icon {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.summary_icon::before,
.summary_icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #757575;
}

.summary_icon::before {
  left: 0;
  transform: rotate(45deg);
}

.summary_icon::after {
  right: 0;
  transform: rotate(-45deg);
}

.idk-border-top {
    border-top: 1px solid #e0e0e0;
    padding-top: 5px;
}

.idk-background-color {
    background: rgba(245, 245, 245, 1);
    padding: 5px;
}

.idk-tbl-title {
    min-height: 48px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
}

/*----------------------------ポップアップcss共通化対応----------------------------start */
/*
 * 横screen
 */
@media screen
and (orientation : landscape) {
.popupForSp {
    margin:0 auto;
    width:400px !important;
    background:#FFF;
    height:auto;
    margin-top:calc(100vh/2 - 100px) !important;
    margin-left:calc(calc(calc(100vw) - 400px)/2) !important;
    border-radius: 15px;
    padding-top: 15px;
    line-height: 28px
  }
}

/*
 * PAD縦screen
 */
@media screen
and (min-device-width :744px)
and (orientation : portrait) {
.popupForSp {
    margin:0 auto;
    width:400px !important;
    background:#FFF;
    height:auto;
    margin-top:calc(100vh/2 - 100px) !important;
    margin-left:calc(calc(calc(100vw) - 400px)/2) !important;
    border-radius: 15px;
    padding-top: 15px;
    line-height: 28px
  }
}

/*
 * SP
 */
.popupForSp {
    margin:0 auto;
    width:calc(100vw/1.1);
    background:#FFF;
    height:auto;
    margin-top:calc(100vh/2 - 220px) !important;
    margin-left:calc(calc(calc(100vw) - calc(100vw/1.1))/2);
    border-radius: 15px;
    padding-top: 15px;
    line-height: 28px
}

/*
 * PC
 */
.popupForPc {
    margin:0 auto;
    width:350px;
    background:#FFF;
    height:auto;
    margin-top:calc(100vh/2 - 100px);
    margin-left:calc(calc(calc(100vw) - 360px)/2);
    border-radius: 15px;
    padding-top: 15px;
    line-height: 28px;
    min-width: 270px;
}

.idk-z-index-2 {
    z-index:2;
}

.idk-padding-lr-15 {
    padding:0 15px;
}

.idk-break-word {
    font-size:14px;
    word-wrap:break-word;
}

.idk-pop-line {
    margin:5px 2%;
}

.idk-pop-confirm-button-parent {
    padding:5px 0;
    text-align:center;
}

.idk-pop-confirm-button {
    width:50%;
    padding:5px 0;
}

.idk-none-underline {
    text-decoration: none;
}

.idk-pop-alert-button {
    width:100%;
    padding:5px 0;
    text-align:center;
}

.idk-font-size-17 {
    font-size: 17px;
}

.idk-font-size-20 {
    font-size: 20px;
}

.idk-orange-color {
    color: #eb5505 !important;
    display:inline-block;
}

.idk-image-left {
    width: 25%;
    margin-right: 5%;
}

.idk-image-right {
    width: 25%;
    margin-left: 5%;
}

.idk-3-image-left {
    width: 25%;
    margin-right: 5%;
}

.idk-3-image-middle {
    width: 25%;
    margin-left: 5%;
    margin-right: 5%;
}

.idk-3-image-right{
    width: 25%;
    margin-left: 5%;
}
/*----------------------------ポップアップcss共通化対応----------------------------end */
/*----------------------------recaptcha css共通化対応----------------------------start */
.idk-transform {
    transform:scale(1);
    transform-origin:0 0;
    width:304px;
}
/*----------------------------recaptcha css共通化対応----------------------------end */
/*----------------------------closeボタン css共通化対応----------------------------start */
.idk-close-button {
    font-size:18px;
    color:#757575;
}
/*----------------------------closeボタン css共通化対応----------------------------end */