@charset "utf-8";

.pankuzu {
    width: 1020px;
    padding: 0 10px;
}

main.inner-page section.ecomofair2021 {
    max-width: 1000px;
    width: 100%;
    padding:0;
    background-color: #fff;
}

.ecomofair2021_inner {
    background: url(../img/bg01.png) no-repeat center 0 /contain, url(../img/bg02.png) no-repeat center bottom/contain;
    padding: 3% 0 12%;
}

section.ecomofair2021 img {
    width: 100%;
    height: auto;
}

section.ecomofair2021 .pc {
    display: block;
}

section.ecomofair2021 .tablet {
    display: none;
}

section.ecomofair2021 .sp {
    display: none;
}

section.ecomofair2021 h1 {
    position: static;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    width: 73%;
    margin: 0 auto;
}

section.ecomofair2021 h1::before, section.ecomofair2021 h1::after {
    display: none;
}

.mitsumori {
    padding: 2% 4.65% 0;
}

.mitsumoriLR {
    display: flex;
    justify-content: space-between;
}

.mitsumoriLR + .chuki {
    margin-top: 10px;
    font-size: 11px;
}

.mitsumoriLR .mitsumoriL {
    width: 36.8%;
    box-sizing: border-box;
    margin: 0 2% 0 0;
    position: relative;
}

.mitsumoriLR .mitsumoriL .mitsumori_txt01 {
    position: absolute;
    width: 66%;
    top: 2.3%;
    left: 17%;
    height: inherit;
    margin: 0;
    background: none;
    font-size: inherit;
    border: none;
}

.mitsumoriLR .mitsumoriR {
    width: 66.2%;
    box-sizing: border-box;
    position: relative;
}

.mitsumoriLR .mitsumoriR .mitsumori_txt02 {
    position: absolute;
    width: 45.1%;
    top: 2.5%;
    left: 0;
    right: 0;
    height: inherit;
    margin: 0 auto;
    background: none;
    font-size: inherit;
    border: none;
}

.set {
    padding: 2% 4.65% 0;
    position: relative;
}

main.inner-page h2.set_txt01 {
    position: absolute;
    width: 41.1%;
    top: 9.0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: inherit;
    border: 0;
}

.set .chuki {
    margin-top: 10px;
    font-size: 11px;
}

.goodsInfo {
    margin: 5% auto 0;
}

.goodsInfo h4 {
    text-align: center;
}

main.inner-page .goodsInfo h4 {
    position: static;
    padding: 0;
    margin-bottom: auto;
    font-size: 25px;
    font-weight: bold;
}

main.inner-page .goodsInfo h4::before {
    display: none;
}

.goodsInfo .flyer {
    width: 52.5%;
    margin: 1.8% auto 0;
    border: 1px #000 solid;
}

.goodsInfo .flyer a {}

.goodsInfo .flyer a:hover {
    opacity: 0.6;
}

.goodsInfo .flyer img {}


.caution {
    margin: 2% auto 0;
    width: 90.7%;
    box-sizing: border-box;
}

.caution_txt {
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
    font-weight: bold;
    background-color: #fff;
    padding: 1%;
    border: 5px solid #C41A1F;
}

.caution02 {
    margin: 10% auto 0;
    width: 90.7%;
    box-sizing: border-box;
}

.anshin {
    margin: 10% auto 0;
    width: 90.7%;
    box-sizing: border-box;
}

.ouenContact {
    margin: 5.2% auto 0;
}

.btn_wrap {
    width: 70.3%;
    margin: 2.5% auto 0;
    display: flex;
    justify-content: space-between;
}

.btn_wrap a:hover {
    opacity: 0.6;
}

.btn_wrap .btn01, .btn_wrap .btn02 {
    width: 46.7%;
    box-sizing: border-box;
    padding: 2.75% 0 2.75% 4%;
    border-radius: 10px;
    border: 4px solid #fff;
    box-shadow: 5px 5px 5px #ccc;
    position: relative;
    background-color: #ea5e00;
    display: block;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: .1em;
    text-decoration: none;
}

.btn_wrap .btn01::after, .btn_wrap .btn02::after {
    content: '';
    display: block;
    width: 6.9%;
    height: 33%;
    background: url(../img/btn_triangle.png) no-repeat center/100% auto;
    position: absolute;
    right: 3%;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media only screen and (max-width:1000px) {
    section.ecomofair2021 .tablet {
        /* display: block; */
    }
}

@media only screen and (max-width:812px) {

}


@media only screen and (max-width:768px) {
    main.inner-page {
        margin-top: 79px !important;
    }
    .ecomofair2021_inner {
        background: url(../img/bg01_sp.png) no-repeat center 0 /contain, url(../img/bg02_sp.png) no-repeat center bottom/contain;
        padding: 3% 0 25%;
    }
    section.ecomofair2021 h1 {
        width: 91%;
    }
    main.inner-page section.ecomofair2021 {
        width: 100%;
        margin: 0;
        padding: 0;
        background: inherit;
        background-color: #fff;
    }
    section.ecomofair2021 .sp {
        display: block;
    }
    section.ecomofair2021 .tablet {
        /* display: block; */
    }
    section.ecomofair2021 .pc {
        display: none;
    }
    .mitsumori {
        width: auto;
        padding: 4.6%;
    }
    .mitsumoriLR {
        display: block;
    }
    .mitsumoriLR .mitsumoriL,
    .mitsumoriLR .mitsumoriR {
        width: auto;
    }
    .mitsumoriLR .mitsumoriL {
        margin-top: 0%;
        margin-right: 0;
    }
    .mitsumoriLR .mitsumoriL .mitsumori_txt01 {
        width: 61.9%;
        top: 3.6%;
        left: 19%;
    }
    .mitsumoriLR .mitsumoriR {
        margin-top: 4.6%;
    }
    .mitsumoriLR .mitsumoriR .mitsumori_txt02 {
        width: 60.1%;
        top: 2.4%;
    }
    main.inner-page h2.set_txt01 {
        width: 70.1%;
        top: 4.5vw;
    }
    .goodsInfo {
        margin: 10.5% auto 0;
    }
    .goodsInfo h4 {
        font-size: 18px;
    }
    .goodsInfo h4 span.sp{
        display: inline-block;
        font-size: 18px;
        line-height: 1.2;
    }
    .goodsInfo .flyer {
        width: 90.7%;
        margin: 4.2% auto 0;
    }
    .caution {
        margin: 5% auto 0;
    }
    .caution_txt {
        text-align: left;
        padding: 3%;
        font-size: 3.5vw;
    }
    .caution02 {
        margin: 10.5% auto 0;
    }
    .anshin {
        width: 90.7%;
        margin: 10.5% auto 0;
    }
    .ouenContact {
        margin: 9.3% auto 0;
    }
    .btn_wrap {
        width: auto;
        margin: 4.5% auto 0;
        display: block;
    }
    .btn_wrap .btn01, .btn_wrap .btn02 {
        margin: 0 auto;
        width: 67.9%;
        padding: 2.75% 0 2.75% 7%;
        border: 3px solid #fff;
        font-size: 5vw;
    }
    .btn_wrap .btn02 {
        margin-top: 5%;
    }
    .btn_wrap .btn01::after, .btn_wrap .btn02::after {
        width: 6.5%;
        height: 50%;
        right: 3%;
    }
}

@media only screen and (max-width:640px) {}

@media only screen and (max-width:560px) {}

@media only screen and (max-width:480px) {}

@media only screen and (max-width:400px) {}

@media only screen and (max-width:360px) {}

@media only screen and (min-width:769px) {}