@charset "UTF-8";

.wrap__goods {
    background: #F6F1E6
}

div#goods_header {
    max-width: 600px;
    margin: 0 auto;
    padding: 60px 0 40px;
}

.goods_body nav.nav_topicpath {
    background: #282828;
}

.goods_body li.topicpath-item.breadcrumb-item a {
    color: #fff;
}

.goods_body section#common_footer {
    margin-top: 0px;
}

img.img1__goods_header {
    max-width: 240px;
    margin: 0 auto;
    width: 65%;
}

img.img2__goods_header {
    max-width: 325px;
    margin: 30px auto;
    width: 65%;
}

p.p__goods_header {
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
}

h1.entry-title.goods__entry-title {
    margin: 20px 0;
}

section.goods_sec_entry .container {
    background: #fff;
    padding: 60px;
    border-radius: 75px;
}

section#sec_entry.goods_sec_entry {
    padding: 0 0 60px;
}


section#entry__meta.goods_entry_date {
    margin: 20px 0;
}

img.img3__goods_header {
    max-width: 135px;
    margin: 0 auto;
    width: 50%;
}

span.span__no_goods {
    font-size: 17px;
}

section.goods_sec_entry section#entry__meta time {
    font-size: 17px;
}

section.goods_sec_entry .acms-admin-btn-action-group {
    margin: 0
}

@media (min-width: 1200px) {
    .goods_body .container {
        max-width: 1100px;
    }
}

@media screen and (min-width:768px) and (max-width:981px) {
    section.goods_sec_entry .container {
        background: #fff;
        padding: 60px;
        border-radius: 75px;
        margin: 0 auto;
        width: 95%;
        box-sizing: border-box;
        max-width: 900px;
    }
}

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

    img.img1__goods_header {
        max-width: 200px;
    }

    img.img2__goods_header {
        max-width: 275px;
    }

    img.img3__goods_header {
        max-width: 115px;
    }

    section.goods_sec_entry .container {
        background: #fff;
        padding: 50px 20px;
        border-radius: 50px;
        width: 95%;
    }

    h1.entry-title.goods__entry-title {
        font-size: 1.7rem;
    }

    p.p__goods_header {
        font-size: 15px;
        margin-bottom: 30px;
    }

}

@media screen and (max-width:480px) {
    div#goods_header {
        padding: 40px 0 40px;
    }

    img.img1__goods_header {
        max-width: 175px;
    }

    img.img2__goods_header {
        max-width: 230px;
    }

    img.img3__goods_header {
        max-width: 85px;
    }

    section.goods_sec_entry .container {
        padding: 40px 20px;
        border-radius: 40px;
    }

    section.goods_sec_entry .entry-column {
        padding: 0px 10px 0px;
    }

    section.goods_sec_entry .entry {
        margin: 0 0 20px;
    }

    h1.entry-title.goods__entry-title {
        font-size: 1.6rem;
    }

    span.span__no_goods {
        font-size: 16px;
    }

    section.goods_sec_entry section#entry__meta time {
        font-size: 16px;
    }
}


/* CSSアニメーションの設定 */
.purun {
    -webkit-animation: purun 0.8s linear 0s 1;
    animation: purun 0.8s linear 0s 1;
}

@-webkit-keyframes purun {
    0% {
        -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
    }

    15% {
        -webkit-transform: scale(0.9, 0.9) translate(0%, 5%);
    }

    30% {
        -webkit-transform: scale(1.1, 0.8) translate(0%, 10%);
    }

    50% {
        -webkit-transform: scale(0.8, 1.1) translate(0%, -10%);
    }

    70% {
        -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
    }

    100% {
        -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
    }
}

@keyframes purun {
    0% {
        transform: scale(1.0, 1.0) translate(0%, 0%);
    }

    15% {
        transform: scale(0.9, 0.9) translate(0%, 5%);
    }

    30% {
        transform: scale(1.1, 0.8) translate(0%, 10%);
    }

    50% {
        transform: scale(0.8, 1.1) translate(0%, -10%);
    }

    70% {
        transform: scale(1.1, 0.9) translate(0%, 5%);
    }

    100% {
        transform: scale(1.0, 1.0) translate(0%, 0%);
    }
}

/* index */
.goods_index_body li.index_item__item {
    background: #fff;
    padding: 40px;
    border-radius: 45px;
}

.goods_index_body section#sec_es_index {
    padding: 20px 0 80px;
}

.goods_index_body .index_item__item .col-3.col-sm-2 {
    display: flex;
    align-items: center;
}

.index_item__goods_no span {
    background: #388E3C;
    color: #fff;
    font-weight: 300;
    padding: 0 20px 0;
    border-radius: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    width: 80%;
    max-width: 185px;
    justify-content: center;
}

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

    .goods_index_body .index_item__meta,
    .goods_index_body .top-news__meta {
        padding-left: 10px;
    }

    .goods_index_body .top-news__date,
    .goods_index_body .index_item__date {
        margin: 10px 0 0 !important;
        display: block;
        font-size: 15px;
    }
}

@media screen and (max-width:480px) {
    .index_item__goods_no span {

        max-width: 175px;
    }

    .goods_index_body li.index_item__item {
        padding: 40px 25px;
    }
}


/* entry */
.goods_entry_body li.index_item__item {
    background: #fff;
    padding: 40px 60px;
    border-radius: 75px;
}

.goods_entry_body section#sec_es_index {
    padding: 20px 0 80px;
}

.goods_entry_body .index_item__item .col-3.col-sm-2 {
    display: flex;
    align-items: center;
}

.index_item__goods_no span {
    background: #388E3C;
    color: #fff;
    font-weight: 300;
    padding: 0 20px 0;
    border-radius: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    width: 80%;
    max-width: 185px;
    justify-content: center;
}

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

    .goods_entry_body .index_item__meta,
    .goods_entry_body .top-news__meta {
        padding-left: 10px;
    }

    .goods_entry_body .top-news__date,
    .goods_entry_body .index_item__date {
        margin: 10px 0 0 !important;
        display: block;
        font-size: 15px;
    }
}

@media screen and (max-width:480px) {
    .index_item__goods_no span {

        max-width: 175px;
    }

    .goods_entry_body li.index_item__item {
        padding: 40px 25px;
    }
}

section#sec__es_item_entry {
    padding: 100px 0 120px;

    * {
        box-sizing: border-box;
    }

    h1 {
        text-align: center;
        margin: 0;
        font-weight: 600;
    }

    .container {
        padding: 60px;
        border-radius: 75px;
        max-width: 1220px;
    }

    li.index_item__item {
        margin-bottom: 30px;
    }

    .btn__a_for_index {
        background: #282828;
        padding: 18px 20px;
        font-size: 17px;
        display: block;
        margin: 100px auto 0;
        text-align: center;
        color: #fff;
        width: 90%;
        border-radius: 99999px;
        max-width: 500px;
        position: relative;
        transition: background .3s, box-shadow .3s ease, transform .3s ease;
    }

    .btn__a_for_index i {
        position: absolute;
        top: 50%;
        left: 25px;
        transform: translateY(-50%);
    }

    @media (any-hover: hover) {
        .btn__a_for_index:hover {
            background: #414141;
        }
    }

    @media screen and (min-width:768px) and (max-width:981px) {
        .container {
            padding: 60px 0px;
            border-radius: 75px;
            margin: 0 auto;
            width: 95%;
            box-sizing: border-box;
            max-width: 900px;
        }
    }

    @media screen and (max-width:767px) {
        padding-top: 60px;

        .container {
            padding: 50px 0px;
            border-radius: 50px;
            width: 95%;
        }

        h1 {
            font-size: 1.7rem;
        }

        li.index_item__item {
            border-radius: 50px;
            padding: 40px;
        }

        .btn__a_for_index {
            font-size: 16px;
            margin: 60px auto 0;
        }

    }

    @media screen and (max-width:480px) {
        padding-top: 40px;

        h1 {
            font-size: 1.6rem;
        }

        li.index_item__item {
            border-radius: 40px;
            padding: 25px 20px;
        }

        .btn__a_for_index {
            font-size: 15px;
        }
    }
}

.goods_entry_body ul.index_item__list {
    margin-bottom: 0;
}