@charset "utf-8";
/* CSS Document */


#FV_area .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    text-align: center;
}

#FV_area .loading > div {
    width: 18px;
    height: 18px;
    background-color: #ddd;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

#FV_area .loading .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

#FV_area .loading .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


@media only screen and (min-width: 751px) {
    #FV_area {
        width: 100%;
        background: #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #FV_area #FV_main {
        width: 100%;
        padding-top: 80px;
        background-color: #fff;
        position: relative;
    }

    #FV_area #FV_main .FV_pc {
        position: relative;
        z-index: 90;
    }

    #FV_area #FV_main .FV_sp {
        display: none;
    }

    #FV_area .FV_link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }

    /*==== CONTENTS ====*/

    h2.topttl_ {
        text-align: left;
        font-size: 27px;
        font-weight: 500;
    }

    .btn_right_arrow_ {
        text-align: right;
    }

    .btn_right_arrow_ a {
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 35px;
        font-size: 16px;
        font-weight: 300;
    }

    .btn_right_arrow_ a::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2px;
        width: 29px;
        height: 5px;
        background: url(img/btn_arrow.png) no-repeat right center;
        background-size: 29px;
        transition: transform 0.4s;
        transform-origin: left center;
    }

    .btn_right_arrow_ a:hover::after {
        transform: translateX(6px);
        /* transform: scaleX(1.4); */
    }

    .top_wrap_ {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }

    /*==== PICKUP ====*/

    #block_of_pickup {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #f5f5f5;
    }

    #block_of_pickup .features_line_ ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-bottom: 15px;
    }

    #block_of_pickup .features_line_ ul li {
        width: 32%;
        list-style: none;
        margin-bottom: 4%;
        margin-right: 2%;
        text-align: left;
    }

    #block_of_pickup .features_line_ ul li:nth-child(3n) {
        margin-right: 0;
    }

    #block_of_pickup .features_line_ ul li p {
        padding: 0.25em;
        font-size: 11px;
        font-weight: 300;
        line-height: 1.5;
    }

    #block_of_pickup .features_line_ ul li img {
        width: 100%;
    }

    /*==== Create By WOMEN ====*/

    #block_of_CbW .CbW_wrap_ {
        display: flex;
        justify-content: space-between;
        padding-top: 110px;
        padding-bottom: 110px;
    }

    #block_of_CbW .CbW_img_ {
        width: 580px;
    }

    #block_of_CbW .CbW_img_ img {
        width: 100%;
    }

    #block_of_CbW .CbW_txtbox_ {
        position: relative;
        width: 390px;
        text-align: center;
    }

    #block_of_CbW .CbW_ttl {
        padding-top: 133px;
        margin: 0 auto;
        width: 83.84%;
    }

    #block_of_CbW .CbW_ttl img {
        width: 100%;
    }

    #block_of_CbW .btn_more {
        position: absolute;
        right: 0;
        bottom: 10px;
    } 

    /*==== NEWS ====*/

    #block_of_topic {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #f5f5f5;
    }

    #block_of_topic .top_topiclist_ .top_topiclist_head_ h2 {
        font-size: 22pt;
    }

    #block_of_topic .top_topiclist_ .top_topiclist_head_ h2 span {
        font-size: 12pt;
        display: block;
        font-weight: 400;
        margin-top: 10px;
    }

    #block_of_topic .topicline_ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        list-style: none;
        padding-bottom: 15px;
    }

    #block_of_topic .topicline_ li {
        width: 19%;
        margin-right: 1.25%;
        margin-bottom: 40px;
    }

    #block_of_topic .topicline_ li:nth-child(5n) {
        margin-right: 0;
    }

    #block_of_topic .topicline_ li a {
        color: #000;
        text-decoration: none;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    /*#block_of_topic .topicline_ li a:hover {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        text-decoration: underline;
    }*/

    #block_of_topic .topicline_ li a:hover .img_,
    #block_of_topic .topicline_ li a:hover .desc_ {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0.8;
    }

    #block_of_topic .topicline_ .img_ img {
        width: 100%;
        border: 1px solid #ececec;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #block_of_topic .topicline_ .desc_ {
        text-align: left;
        display: block;
        width: 100%;
        position: relative;
    }

    #block_of_topic .topicline_ .desc_ .day_ {
        margin-top: 7px;
        font-size: 11px;
        font-weight: 300;
    }

    #block_of_topic .topicline_ .desc_ .icon_ {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
    }

    #block_of_topic .topicline_ .desc_ .icon_ img {
        height: 23px;
        width: auto;
    }

    #block_of_topic .topicline_ .desc_ p {
        margin-top: 10px;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.5;
    }

    #block_of_topic .view_all_ {
        margin-top: 60px;
        font-size: 12pt;
    }

    .sp {
        display: none !important;
    }
}

@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }

    #header {
        display: block;
    }

    #FV_area {
        width: 100%;
        margin-top: 42px;
        background: #eee;
        position: relative;
    }


    #FV_area #FV_main {
        width: 100%;
        background-color: #fff;
        position: relative;
    }

    #FV_area #FV_main .FV_pc {
        display: none;
    }

    #FV_area #FV_main .FV_sp {
        position: relative;
        z-index: 90;
    }

    #FV_area .FV_link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }

    /*==== CONTENTS ====*/

    .container_ h2.topttl_ {
        padding-left: 3%;
        font-size: 19px;
        font-weight: 500;
        text-align: left;
        padding-bottom: 7.8%;
    }

    .btn_right_arrow_ {
        text-align: right;
        padding-right: 3.5%;
    }

    .btn_right_arrow_ a {
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 30px;
        font-size: 13px;
        font-weight: 300;
    }

    .btn_right_arrow_ a::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -2px;
        width: 24px;
        height: 5px;
        background: url(img/btn_arrow.png) no-repeat right center;
        background-size: 24px;
    }

    /*==== PICKUP ====*/

    #block_of_pickup {
        padding-top: 12%;
        padding-bottom: 14.5%;
        background-color: #f5f5f5;
    }

    #block_of_pickup .features_line_ ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0 3% 4%;
    }

    #block_of_pickup .features_line_ ul li {
        width: 48.7%;
        list-style: none;
        margin-bottom: 8%;
        margin-right: 2.6%;
        text-align: center;
        position: relative;
        padding-bottom: 0em;
        font-size: 0.7em;
        overflow: hidden;
    }

    #block_of_pickup .features_line_ ul li:nth-child(2n) {
        margin-right: 0;
    }

    #block_of_pickup .features_line_ ul li a {
        color: #000;
    }

    #block_of_pickup .features_line_ ul li p {
        margin-top: 1%;
        box-sizing: border-box;
        font-size: 9px;
        font-weight: 300;
        text-align: left;
    }

    #block_of_pickup .features_line_ ul li img {
        width: 100%;
    }

    /*==== Create By WOMEN ====*/

    #block_of_CbW .CbW_wrap_ {
        padding-bottom: 14.6%;
    }

    #block_of_CbW .CbW_img_ {
        width: auto;
    }

    #block_of_CbW .CbW_img_ img {
        width: 100%;
    }

    #block_of_CbW .CbW_txtbox_ {
        position: relative;
        text-align: center;
    }

    #block_of_CbW .CbW_ttl {
        padding-top: 7.7%;
        padding-bottom: 14%;
        width: 67.87%;
        margin: 0 auto;
    }

    #block_of_CbW .CbW_ttl img {
        width: 100%;
    }

    /*==== NEWS ====*/
    #block_of_topic {
        padding: 12% 0 14%;
        background-color: #f5f5f5;
    }

    #block_of_topic .top_topiclist_ {
    }

    #block_of_topic .topicline_ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        list-style: none;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0 3% 6%;
    }

    #block_of_topic .topicline_ li {
        width: auto;
        margin-right: 2%;
        margin-bottom: 3%;
        min-width: 200px;
    }

    #block_of_topic .topicline_ li:nth-child(n+4) {
        display: none;
    }

    #block_of_topic .topicline_ li a {
        display: flex;
        color: #000;
        text-decoration: none;
    }

    #block_of_topic .topicline_ li .img_ {
        width: 30%;
    }

    #block_of_topic .topicline_ li .img_ img {
        width: 100%;
        border: 1px solid #ececec;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #block_of_topic .topicline_ li .desc_ {
        text-align: left;
        display: block;
        width: calc(70% - 15px);
        margin-left: 15px;
        position: relative;
    }

    #block_of_topic .topicline_ li .desc_ .day_ {
        margin-top: 2px;
        padding-bottom: 0;
        font-size: 10px;
        font-weight: 300;
        text-align: left;
    }

    #block_of_topic .topicline_ li .desc_ .icon_ {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
    }

    #block_of_topic .topicline_ li .desc_ .icon_ img {
        height: 23px;
        width: auto;
    }

    #block_of_topic .topicline_ li .desc_ p {
        margin-top: 8px;
        font-size: 11px;
        font-weight: 300;
    }

    #block_of_topic .view_all_ {
        margin-top: 60px;
        font-size: 12pt;
    }

    #block_of_topic .view_all_ a {
        color: #000;
        text-decoration: none;
        border: 1px solid #000;
        display: inline-block;
        padding: 10px 25px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

}