@import url("modal.css");
@import url("global-menu.css");

/* 全体の余白やフォントのベース */
body {
    background-color: #f9f9f9;
    margin: 0;
    font-family: sans-serif;
    color: #333;
}

header {}

header .top-nav {
    margin-bottom: 0;
    width: 100%;
    min-width: 1280px !important;
    max-width: 1920px !important;
    margin: 0 auto;
}

main .container {
    width: 100%;
    min-width: 1280px !important;
    max-width: 1920px !important;
    margin: 0 auto;
}

main {
    margin-top: 1em;
    padding: 30px 0;

}

footer {
    margin: 20px auto 70px;
    text-align: center;
}

footer .mft-logo {
    margin: auto;
    width: 306px;
    text-align: center;
}


/* MyDASHBOARDのスタイル */
.MyDashboad {}

.MyDashboad a {
    font-size: 2.4rem;
    font-weight: bold;
    color: #d33c43;
}

.MyDashboad a span {
    color: #363637;
}

/* 見出しのスタイル */
.content-header {
    text-align: center;
    margin-bottom: 3rem;
}

.main-header {
    margin-bottom: 1em;
    border-bottom: 1px solid #eee;
}

/* エラーサマリー（2枚目画像のイメージ） */
.main-header .error-summary {
    background-color: #fff5f5;
    border: 1px solid #feb2b2;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    color: #c53030;
}

.main-header .error-summary-title {
    font-weight: bold;
    font-size: 1.1rem;
}

.main-body {
}

.main-footer {
    margin-top: 1em;
    border-top: 1px solid #eee;
}

/* 共通CSS */
.text-center {
    text-align: center;
}

.text-bold {
    font-size: bold;
}

.marker_lemon {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #ff6));
    background: linear-gradient(transparent 70%, #ff6 30%);
    display: inline;
}