﻿
/* students/ja-JP/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;
    }
}


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;
    
}
ｓ