@charset "utf-8";

/*shopのcss*/

.container,
.contents,
.wrapping,
.cover {
    display: flex;
    flex-flow: column wrap;
    /*border: 1px solid #ecf117;*/
}

.work_title {
    font-size: 2.0rem;
    font-style: italic;
    font-weight: normal;
}


.work_size {
    font-size: 1.2rem;
}

.work_medium {
    font-size: 1.2rem;
    margin: 0 0 0 1rem;
}

.text_title {

}
.top_title{
    margin: 0 auto 0 0;
}

.text_detail_frame{
    font-size: 1.5rem;
    line-height: 1.6;
    font-style: italic;
    font-weight: bold;
}
.text_detail_frame_ad{
    font-size: 1.5rem;
    line-height: 1.6;
    font-style: italic;
}
.text_detail_frame_cont{
    font-size: 1.4rem;
    line-height: 1.5;
    font-style: italic;
}

.delivery_title {
    font-size: 1.4rem;
    line-height: 1.5;
    font-style: italic;
    font-weight: bold;
}
.delivery_text {
    font-size: 1.3rem;
    line-height: 1.5;
}
.shipping_title {
    font-size: 1.5rem;
    line-height: 1.6;
    font-style: italic;
    font-weight: bold;
}
.shipping_text {
    font-size: 1.5rem;
    line-height: 1.6;
    font-style: italic;
}
.remark_title {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: bold;
}
.guide_01{
    color: black;
    text-decoration: underline;
}
.guide_02{
    font-size: 1.5rem;
    color: black;
    text-decoration: underline;
    font-style: italic;
}




.wrapping_main {
    display: flex;
    flex-flow: column nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    align-items: flex-start;
    width: calc(100% - 0.1rem);
    margin: 2rem 0 0 0;
    /*border: 1px solid #04ffe2;*/
}
.top_main_guide{
    padding: 0 0 0 1.5rem;
}
.cover_list {
    padding: 1rem 1rem 2rem 2rem;
    border: 1px solid rgba(47, 47, 47, 0.8);
    /*border: 1px solid rgb(244, 215, 27);*/
}

.cover_desc {
    padding: 1rem;
    border: 1px solid rgba(47, 47, 47, 0.8);
}
.point {
    display: flex;
    flex-flow: column wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 1rem;
    align-items: flex-start;
    /*text-align: center;*/
    /*ここではflex;を使えない*/
    /*border: 1px solid #3af11f;*/
}

.point-text {
    display: flex;
    font-size: 1.4rem;
    text-align: left;
    /*border: 1px solid #3af11f;*/
}

.point_order {
    display: flex;
    flex-flow: column wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: calc(100% - 0.1rem);
    /*padding: 1rem;*/
    /*border: 1px solid #3af11f;*/
}


.point-collect {
    display: flex;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    align-items: flex-start;
    padding: 1rem;
    /*border: 1px solid #3af11f;*/
}

.point-work {
    flex: 0 1 5rem;
    max-width: 10rem;
    text-align: center;
    margin: 1rem;
    /*border: 1px solid #f10b48;*/
}

.point_detail {
    /*padding: 0 1rem;*/
}

.point-pho {
    /*flex: 0 1 10rem;*/
    height: auto;
    /*max-width: 100%;*/
    /*max-width: 50rem;*/
    max-width: 20rem;
    /*text-align: center;*/
    margin: 1rem;
    /*border: 1px solid #a04e19;*/
}

.color {
    color: #3F3F3F;
}

img {
    max-width: 100%;
    /*border: 1px solid #2c1cf1;*/
}

p {
    text-align: left;
    padding: 2rem 0 0 0;
}

.price{
    margin: 2rem auto 0 0;
}
.price_sold{
    color: rgba(244, 4, 4, 0.58);
}

.price_add{
    font-size: 1.4rem;
    margin: 1rem auto 0 1.4rem;
}

.ma_text_detail{
    font-size: 1.4rem;
}

.works_cond{
    margin: 3rem 0 0 0;
}
.text_works_cond{
    font-weight: bold;

}
.text_descript_w{
    font-size: 1.4rem;
    margin: 0;
}
.stop_02{
    font-size: 1.8rem;
    color: rgba(244, 4, 4, 0.58);
}

/*.point .text_bio {
    text-align: left;
    padding: 0 2rem 2rem;
}*/
/* Extending The Inheritances */

/* Custom color */
.order.button.button-black.button-outline {
    background-color: #f4d71b;
    border-radius: 2.2rem;
    color: black;
    font-size: 1.5rem;
    width: 80%;
    height: 3.6rem;
    line-height: 2.8rem;
    padding: 0 1.5rem;
    text-transform: none;
    margin: 0 0 0 auto;
    /*text-align: right;*/
}

.button.button-black.button-clear {
    border-color: transparent;
}

/* Custom size */
.button.button-small {
    font-size: .8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 1.5rem;
}

.text_group {
    display: flex;
    flex-flow: column wrap;
    /*border-bottom: solid 0.1rem;*/
    /*margin: 0;*/
}

.text_remark {
    /*border-bottom: solid 0.1rem;*/
    margin: 0;
}

.text_btn {
    /*border-bottom: solid 0.1rem;*/
    width: 100%;
    margin: 0 auto 0 auto;
}

.text_detail {
    /*border-top: solid 0.1rem;*/
    /*margin: 0 0 0 auto;*/
}


@media screen and (min-width: 40rem) {
    .contents {
        display: flex;
        flex-flow: column nowrap;
        /*justify-content: space-around;*/
        -webkit-justify-content: center;
        justify-content: center;
        width: calc(100% - 0.1rem);
        margin: 0 1rem 0 1rem;
        /*border: 1px solid #ecf117;*/
    }

    .wrapping {
        display: flex;
        flex-flow: column wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        align-items: center;
        width: calc(100% - 0.1rem);
        /*margin: 3rem 0 0 0 ;*/
        /*border: 1px solid #ff042b;*/
    }

    .wrapping_main {
        display: flex;
        flex-flow: row nowrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        align-items: flex-start;
        width: calc(100% - 0.1rem);
        /*margin: 2rem 0 0 0 ;*/
        /*border: 1px solid #04ffe2;*/
    }

    .top_main_guide{
        display: none;
    }
    .cover_img {
        display: flex;
        flex-flow: column nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: calc(65% - 0.1rem);
        /*align-items: stretch;*/
        /*align-items: flex-start;*/
        margin-bottom: 3rem;
        /*border: 1px solid rgba(47, 47, 47, 0.8);*/
        /*border: 1px solid rgba(241, 6, 6, 0.8);*/
    }

    .cover_list {
        display: flex;
        flex-flow: column nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: calc(35% - 0.1rem);
        padding: 1rem 1rem 2rem 2rem;
        /*align-items: stretch;*/
        /*align-items: flex-start;*/
        margin-bottom: 3rem;
        border: 1px solid rgba(47, 47, 47, 0.8);
        /*border: 1px solid rgb(244, 215, 27);*/
    }


    .cover {
        display: flex;
        flex-flow: column nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: calc(100% - 0.1rem);
        /*align-items: stretch;*/
        /*align-items: flex-start;*/
        margin-bottom: 3rem;
        /*border: 1px solid #1219f1;*/
    }

    .cover_bio {
        display: flex;
        flex-flow: column nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: calc(100% - 0.1rem);
        /*align-items: stretch;*/
        /*align-items: flex-start;*/
        margin-bottom: 3rem;
        padding: 0 2rem;
        border: 1px solid rgba(47, 47, 47, 0.8);
    }

    .cover_desc {
        display: flex;
        flex-flow: column nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: calc(100% - 0.1rem);
        /*align-items: stretch;*/
        /*align-items: flex-start;*/
        margin-bottom: 0;
        padding: 1rem 2rem;
        border: 1px solid rgba(47, 47, 47, 0.8);
    }

    .point {
        display: flex;
        flex-flow: column wrap;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - 0.1rem);
        margin: 1rem;
        /*border: 1px solid #3af11f;*/
    }

    .point_bio {
        display: flex;
        flex-flow: column wrap;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - 0.1rem);
        padding: 1rem;
        /*border: 1px solid #3af11f;*/
    }

    .point_desc {
        display: flex;
        flex-flow: column wrap;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - 0.1rem);
        padding: 1rem;
        /*border: 1px solid #3af11f;*/
    }

    .point_order {
        display: flex;
        flex-flow: column wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: calc(100% - 0.1rem);
        /*padding: 1rem 1rem  2rem 2rem ;*/
        /*border: 1px solid #3af11f;*/
    }


    .point_img {
        display: flex;
        flex-flow: column wrap;
        -webkit-justify-content: flex-start;
        justify-content: center;
        align-items: center;
        width: calc(100% - 0.1rem);
        padding: 1rem 2rem 1rem 0;
        /*border: 1px solid #f1ba2f;*/
    }


    .point-collect {
        display: flex;
        flex-flow: row wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        width: calc(100% - 0.1rem);
        padding: 1rem;
        /*border: 1px solid rgba(47, 47, 47, 0.8);*/
    }

    .point-work {
        flex: 0 1 7rem;
        max-width: 14rem;
        text-align: center;
        margin: 1rem;
        /*border: 1px solid #f10b48;*/
    }

    .point-pho {
        /*flex: 0 1 10rem;*/
        height: auto;
        /*max-width: 100%;*/
        max-width: 20rem;
        /*text-align: center;*/
        margin: 1rem;
        /*border: 1px solid #a04e19;*/
    }

    .list {
        display: flex;
        flex: 0 0 auto;
        flex-flow: column wrap;
        -webkit-justify-content: center;
        justify-content: center;
        width: calc(100% - 1rem);
    }


    /*.order.button.button-black.button-outline {
        background-color: transparent;
        color: black;
        font-size: 1.6rem;
        height: 4.2rem;
        line-height: 2.8rem;
        padding: 0 1.5rem ;
        margin-right: 3rem ;
        text-transform: none;
    }*/


}