@charset "UTF-8";

/* メルマガから引用 */
table th, table td {
    padding: 0px;
}
* { box-sizing: border-box; }

@media screen and (min-width: 768px) {
    .layout-center {
        text-align: center;
    }
    .attention-textsize-min {
        font-size: 12px;
    }
}
@media screen and (max-width: 375px) {
    .textsize-min {
        font-size: 12px;
    }
}


/* 各レイアウト */
section {
    margin-top:30px;
}
section:nth-of-type(n+2) {
    margin-top:80px;
}
.p-wallpaper-download h2 {
    border-left: 5px solid #6B644E;
    padding-left:10px;
}

/* 最新の壁紙ダウンロードボタン */
.btn-latest-wallpaper {
    color:#ffffff !important;
    font-size:14px;
    text-decoration:none; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    height:50px;
    line-height:50px;
    background:#6b644e;
    border-radius:3px;
}

/* バックナンバーの壁紙ダウンロードボタンのアイコン */
.file-download-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* バックナンバーのレイアウト */
.wallpaper-backnumber-container {
    margin-top: 30px;
    padding: 32px 40px 17px;
    background: #F7F7F4;
}
.p-wallpaper-download h3 {
    color: #6B644E;
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
    margin-bottom:15px;
    border-left: 1px #6B644E dotted;
    padding-left: 10px;
}

@media screen and (min-width: 1020px) {
    .p-wallpaper-download div, .p-wallpaper-download table, .p-wallpaper-download tr, .p-wallpaper-download th, .p-wallpaper-download td, .p-wallpaper-download p {
    color: #494949;
    font-size: 13px;
    line-height: 1.5rem;
    letter-spacing: 1.2px;
    }
    .p-wallpaper-download ul.wallpaper-backnumber {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 30px;
    }
}

@media not screen and (min-width: 1020px) {
    .p-wallpaper-download ul.wallpaper-backnumber {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px;
    row-gap: 20px;
    }
}
.wallpaper-enquete-container {
    margin-top: 30px;
    padding: 15px;
    background: #F7F7F4;
}

/* フェードイン・フェードアウト */
@media not screen and (max-width:599px) { 

    .js-fadeUp {
        opacity: 0;
        transform: translateX(40px);
        transition: opacity .8s, transform .8s;
        }
      /* フェードイン */
    .js-fadeUp.is-inview {
        opacity: 1;
        transform: translateX(0);
        transition-delay: .1s;
        }
}