@charset "UTF-8";

@import url(common.css);

* {
    margin: 0;
    padding: 0;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 8;
    text-align: center;
    background: #666;
    text-decoration: none;
    color: #fff;
    border-radius: 50px;
}
#page-top a:hover {
    opacity: 0.5;
}

section {
    background-color: #fffaed;
    width: 85%;
    margin-left: auto;
}

.main-box {
    padding-top: 15%;
    padding-left: 7%;
    margin-bottom: 5%;
}

.main-box h2 {
    font-size: 2.5vw;
}

.main-box p {
    font-size: 1.5vw;
}

/* 父の日 */
.main-imgbox1 {
    width: 100%;
    min-height: 500px;

    background: linear-gradient(
        110deg,
        #0071bc,
        #9adbed,
        #ffffff
    );

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-imgbox1 img {
    width: 450px;
    height: auto;
}

/* クリスマス */
.main-imgbox2 {
    width: 100%;
    min-height: 500px;

    background: linear-gradient(
        110deg,
        #cc0000,
        #216d5e,
        #e8e854
    );

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-imgbox2 img {
    width: 450px;
    height: auto;
}



/* ジム */
.main-imgbox3 {
    width: 100%;
    min-height: 500px;

    background: linear-gradient(
        110deg,
        #69b5c1,
        #8db5b3,
        #eed64d
    );

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-imgbox3 img {
    width: 450px;
    height: auto;
}

/* ワセリン */
.main-imgbox4 {
    width: 100%;
    min-height: 500px;

    background: linear-gradient(
        110deg,
        #1825ce,
        #8db5b3,
        #ecbad5
    );

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-imgbox4 img {
    width: 450px;
    height: auto;
}

/* ランクル */
.main-imgbox5 {
    width: 100%;
    min-height: 500px;

    background: linear-gradient(
        110deg,
        #202020,
        #525353,
        #fffbfd
    );

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-imgbox5 img {
    width: 450px;
    height: auto;
}

/* すいかずら */
.main-imgbox6 {
    width: 100%;
    min-height: 500px;

    background: linear-gradient(
        110deg,
        #191970B3,
        #ffbb6d
    );

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-imgbox6 img {
    width: 450px;
    height: auto;
}


/* SHIPPO */
.main-imgbox7 {
    width: 100%;
    min-height: 500px;

    background: linear-gradient(
        110deg,
        #A4774D,
        #ffffff
    );

    display: flex;
    justify-content: center;
    align-items: center;
}

.main-imgbox7 img {
    width: 450px;
    height: auto;
}
.sub-box {
    margin-top: 5%;
    padding-left: 7%;
}

.sub-box p {
    font-size: 1.2vw;
}


.site-box {
    display: flex;
    padding-top: 5%;
    padding-left: 7%;
}
.site-box p:nth-of-type(1) {
    width: 9.5%;
}

.site-box p:nth-of-type(2) {
    width: 10%;
}

.site-box p:nth-of-type(3) {
    width: 60%;
    line-height: 2;
}