/*

sp css
----------------
160304 ver100 make
bitbucket 78203442
-------------------------------- */

/* ファーストブレークポイント */


/* iPad以下 */
@media screen and (max-width:1024px) {
    .pcnone {
        display: block;
        line-height: 50px;
    }

    #wrap2,
    .innder {
        width: 100%;
    }

    .subinner {
        width: 90%;
        margin: 0px auto;
    }

    .light_text img {
        display: block;
        margin: 10px auto 0px auto;
        width: 80%;
    }

    .light_text p {
        width: 90%;
        text-align:left!important;
        letter-spacing: 0.05em;
    }

    #topyoutube {
        width: 100%;
        margin: 0px auto 20px auto;
    }

    .spimg {
        width: 100%;
        display: block;
        margin: 0px auto;
    }

    .bijin_mem ul {
        position: absolute;
        left: 80%;
        top: 30%;
        display: inline-block;
        z-index: 9999;
    }

    .bijin_mem ul li {
        float: left;
        width: 30px;
        margin-right: 15px;
    }

    .bijin_mem ul li img {
        width: 100%;
    }

    .centerimg2,
    .centerimg3,
    .f01_a {
        width: 100%;
    }

    .question h3 {
        font-size: 20px;
        line-height: 26px;
        font-weight: bolder;
        margin-bottom: 40px;
        border-bottom: 3px solid #603813;
    }

    .row .span1_3,
    .row .span2_3,
    .row .span2,
    .row .span2_l,
    .row .span3,
    .row .span3_l {
        float: none;
        width: 100%;
    }

    .question img {
        width: 80%;
        margin: 20px auto;
    }

    .span1_2,
    .span1_2_1 {
        width: 100%;
        margin: 10px auto 20px auto;
        float: none;
    }

    .graph h3 {
        border-bottom: 3px solid #603813;
    }

    .graph img {
        width: 100%;
        margin: 0px auto;
    }

    #Footer img {
        width: 90%;
        margin: 0px auto 25px auto;
        display: block;
    }

    #page-top {
        width: 60px;
        right: 0px;
    }

    #page-top img {
        display: block;
        width: 70%;
        margin-left: 0px;
    }

    .f01_a {
        width: 100%;
        margin: 0px auto;
        line-height: 28px;
        margin-top: 10px;
    }

    /* paddingで左右削り✕ */
    .f01_a span {
        display: block;
        padding: 00px;
        width: 80%;
        margin: 0px auto;
        text-align: center;
        line-height: 28px;
        font-weight: bold;
    }

    .subsp{
        display:block;
        width:80%;
        margin:0px auto;
    }

    /*変更用CSS 160306 */
    .adds p{
        text-align:left!important;
        margin-bottom:20px;
    }
    .adds p span{
        font-size:12px;
        line-height:1.2em;
        display:block;
    }
    .adds h3#addtitle{
        font-size:22px;
        font-weight:bolder;
        margin:0px auto 30px auto;
        padding-top:40px;
    }



}

/* All iPad */
@media  (min-width:768px) and (max-width:1024px) {
    .row .span3,
    .row .span3_l {
        width: 33%;
        float: left;
        margin: 0;
    }

    .col3youtube {
        width: 97%;
    }

}

/* iPad以下 SP含*/
@media  (max-width:767px) {
    #header h1 img {
        width: 60%;
    }

    .row .span3,
    .row .span3_l {
        width: 100%;
        float: none;
        margin: 0;
    }

    .col3youtube {
        width: 100%;
    }

    .bijin_mem ul {
        position: absolute;
        left: 78%;
        top: 25%;
        display: inline-block;
        z-index: 9999;
    }

    .bijin_mem ul li {
        float: left;
        width: 30px;
        margin-right: 5px;
    }

    .bijin_mem ul li img {
        width: 90%;
    }

    .question img {
        width: 100%;
        margin: 10px auto 25px auto;
    }
    .adds h3#addtitle{
        font-size:18px;
        font-weight:bolder;
        margin:0px auto 30px auto;
        padding-top:40px;
    }

    #F01 h2{
        font-size:18px;
        font-weight:bolder;
        line-height:18px;
    }

    #F01 h3{
        font-size:20px;
        font-weight:bolder;
         line-height:22px;
    }
    .subsp{
        width:90%;
        margin:0px auto;
    }

}

/*
美人時計女性view用
*/
@media  (max-width:580px) {
    .bijin_mem ul {
        left: 80%;
        top: 27%;
        z-index: 9999;
    }

    .bijin_mem ul li {
        width: 27px;
        margin-right: 0px;
    }

    .bijin_mem ul li img {
        width: 70%;
    }

}

@media  (max-width:500px) {
    .bijin_mem ul {
        left: 75%;
    }

}

@media  (max-width:420px) {
    .bijin_mem ul {
        left: 80%;
        top: 16%;
    }

    .bijin_mem ul li {
        width: 20px;
        margin-right: 0px;
    }

    .bijin_mem ul li img {
        width: 70%;
    }

    .light_text {
        position: absolute;
        top: 20%;
        right: 0;
        left: 0;
        margin: 0 auto;
        text-align: center;
        color: #fff;
    }

    .light_text h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .light_text h3 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-top: 50px;
    }

}