@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rajdhani&display=swap');
/*
'Rajdhani' is licensed under the Open Font License.
https://fonts.google.com/specimen/Rajdhani
*/

/* 共通CSS */

/* バナー風リンク背景設定 */
a#banner1 {
    background: center / cover no-repeat #cae7e9;
    background-image: linear-gradient(rgba(68,74,255,.1),rgba(68,74,255,.1)), url('../img/design57_3.jpg');
    /*同じ色から同じ色のグラデーションを重ねてフィルター風にしています*/
}
a#banner2 {
    background: url('../img/bg/bg_54.jpg') center / cover no-repeat #cae7e9;
}

a#banner3 {
    background: url('../img/design57_banner.jpg') center 80% / cover no-repeat;
}

/* 共通設定 */
html {
    background: transparent;
    font-size: 62.5%;
}
body {
    min-height: 100vh;
    background: #ffffff;
    font-family: 'メイリオ', 'ヒラギノ角ゴ', sans-serif;
    letter-spacing: 0.2em;
    line-height: 1.8;
}
a {
	color:#3a5b52;
    text-decoration: none;
}
em {
    background: #0a4277;
    color: #ffffff;
    font-style: normal;
    font-weight: bolder;
}
.em {
    border-bottom: #0a4277 dashed 1px;
    font-style: normal;
}
ul,ol,dl {
    list-style: none;
}

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

/* スラッシュ付きリスト設定 */
.list-slash {
    display: flex;
    flex-wrap: wrap;
}
.list-slash li::before {
    content: '/';
    display: inline-block;
    margin: 0 1em;
    color: #67828f;
}
.list-slash li:first-of-type::before {
    content: none;
}
/* 背景設定（ボタン、ボックス） */
.bg-button {
    padding: .2em 1em;
    background: #0a4277;
    border: none;
    color: #e9ecf0;
}
.bg {
    background-image: url('../img/design57_3.jpg');
}
/* フォーム関連 */
input[type],
textarea {
    padding: 3px;
    border: #e4eaec solid 1px;
    color: inherit;
    font-family: inherit;
    font-size: 95%;
    letter-spacing: .1em;
}
.enter {
    width: 60%;
     min-width: 400px;
    margin-right: 1em;
    height: 150px;
}
.enter2 {
        width: 90%;
         max-width: 600px;
    margin-right: 1em;
    height: 150px;
}
form .button {
    padding: 3px 1rem;
    margin-right: .5em;
    background: var(--mainColor);
    cursor: pointer;
}
button {
    border: #e4eaec solid 1px;
    color: inherit;
    font-family: inherit;
    font-size: 95%;
    letter-spacing: .1em;
    padding: 3px 1rem;
    margin-right: .5em;
    background: var(--mainColor);
    cursor: pointer;
}

/* メールフォーム */
.mailForm .enter {
    width: 60%;
     min-width: 380px;
    margin-bottom: .5em;
}
.mailForm textarea.enter {
    height: 150px;
}

.list-image a, .list-image span {
    display: inline-block;
    width: 100px;
    color: #6c5b7c;
    background: #fff;
    vertical-align: middle;
    text-align: center;
}

.list-image > * {
    margin: 0 5px 11px 0;
    padding: 5px 5px 0 5px;
}

.list-image > *:nth-child(6n) {
    margin-right: 0;
}

.pair {
    display: inline-block; 
    vertical-align: middle;
    text-align: center;
    width: 250px;
    height: 130px;
    padding: 10px 0;
    margin: auto 20px;
}


div.thread div.time { display:none; }
div.thread div.time:last-child { display:block; }