/* students/en-US/css/style.cssから引用 */
body, input, textarea, select, button {
    font-family: "Noto Sans CJK JP", "Noto Sans", sans-serif, myeudc;
}

.text-danger {
    display: block;
}
.text-danger2 {
    display: block;
    color: red;
    padding-left: 0.5rem;
}

/*グラデーション背景・メニュー画面*/
div.menu .bg-gradient::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(233, 238, 242, 0.9);
    z-index: -1;
}

div.menu .bg-gradient::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(248, 80, 50, 0);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(22%, #d900ff), color-stop(51%, #0026ff), color-stop(80%, #00d9ff), color-stop(100%, rgba(231, 56, 39, 0)));
    background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, #d900ff 22%, #0026ff 51%, #00d9ff 80%, rgba(231, 56, 39, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(248, 80, 50, 0)), color-stop(22%, #d900ff), color-stop(51%, #0026ff), color-stop(80%, #00d9ff), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, #d900ff 22%, #0026ff 51%, #00d9ff 80%, rgba(231, 56, 39, 0) 100%);
    z-index: -2;
}
/*グラデーション背景・受取方法選択画面*/
div.receipt .bg-gradient::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(233, 238, 242, 0.9);
    z-index: -1;
}

div.receipt .bg-gradient::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(248, 80, 50, 0);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(22%, #d900ff), color-stop(51%, #0026ff), color-stop(80%, #00d9ff), color-stop(100%, rgba(231, 56, 39, 0)));
    background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, #d900ff 22%, #0026ff 51%, #00d9ff 80%, rgba(231, 56, 39, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(248, 80, 50, 0)), color-stop(22%, #d900ff), color-stop(51%, #0026ff), color-stop(80%, #00d9ff), to(rgba(231, 56, 39, 0)));
    background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, #d900ff 22%, #0026ff 51%, #00d9ff 80%, rgba(231, 56, 39, 0) 100%);
    z-index: -2;
}
/*送付先・国内・郵便番号エリア（Firefox対応）*/
/*div.form-group-right textarea {
    font-family: 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', 'Osaka-mono' !important;
}*/

/*システム申請テーブル*/
.txt-cmn-required {
    display: inline-block !important;
    margin-left: 4px;
    text-align: center;
    vertical-align: middle;
}
.text-area-cmn {
    display:block;
    height:10em;
}

@media (min-width: 769px) {
    .modal-input-in {
        max-height: 340px;
    }
}
.modal-input-in-content {
    padding: 4em; 
    text-align: center;
    font-size: 1.6rem;
}
.modal-input-in-content .leave-confirm-modal-yes-button:after {
    background-image: none;
}
.modal-input-in-content .leave-confirm-modal-no-button:after {
    background-image: none;
}

.select-cmn-wrap .select-cmn-row .select-cmn-col .input-text-cmn {
    -webkit-box-flex: 1!important;
    -webkit-flex:1!important;
}

.btn-outline-default.btn-hide-image.gazo_hyoji {
    width: 190px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    padding: 6px 15px 6px 45px;
    position: relative;
}
.table-cmn-input tbody tr td .form-group.gazo {
    /* display: -webkit-box;
    display: -webkit-flex; 
    display: -ms-flexbox;*/
    display: block;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.s-pl-pc-15 {
    margin-top: 15px;
}

/*必須ボタン表示*/
.pc_visual {
    display: none;
}

.notpc_visual {
    display: inline-block;
}


@media (min-width: 769px) {
    .pc_visual {
        display: inline-block;
    }

    .notpc_visual {
        display: none;
    }
}

.mod-summary-wrap .mod-summary .subtotal-price {
    padding-left: 50px!important;
}

@media (min-width: 940px) {
    .box-cmn-calculate .box-calculate .col-03 {
        min-width: 130px;
    }

    .box-cmn-calculate .box-calculate .col-02 {
        min-width: 120px;
    }
}

/*学部切り替えボタン(500px以下で表示するとき改行しない)*/
@media (max-width: 500px) {
    .btn-primary.btn-sm {
        width: 250px !important;
    }

    br.student-registration {
        display: none;
        white-space: normal;
    }
}

@media (min-width: 501px) {
    .btn-primary.btn-sm {
        width: 250px !important;
    }
}

@media (min-width: 940px) {
    .mod-summary-wrap .mod-summary .fee-price {
        min-width: 200px;
    }
}

/*単語の途中で改行させない*/

.word_set{
    word-break: normal;
}

ul.student-number-list {
    list-style: disc;
    padding-left: 40px;
    padding-bottom: 16px;
}

.purchase-input-delivery-digital-address-container .list-cmn-form > .item label {
    display: inline;
}

.purchase-input-delivery-digital-address-container .btn-autocomplete {
    border-radius: 10px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 10px;
    width: 180px;
    border: 1px solid #ccc;
    padding: 8px 15px;
}

.purchase-input-delivery-digital-address-container .list-certificate {
    border-top-style: none;
    margin: 0 !important;
}

@media (min-width: 769px) {
    .purchase-input-delivery-digital-address-container .list-certificate .item {
        border-style: none;
    }
}

.purchase-input-delivery-digital-address-container h2 {
    margin-bottom: 1rem !important;
}