@charset "utf-8";

/* ---------------------------------------
	max-width: 1200px
--------------------------------------- */

@media screen and (max-width: 1200px) {}/* max-width: 1200px */

/* ---------------------------------------
	max-width: 1024px
--------------------------------------- */

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

    html { font-size:  16px; }

}/* max-width: 1024px */


/* ---------------------------------------
	max-width: 800px
--------------------------------------- */

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

    html { font-size:  14px; }

    /************************************************************

         Contents | General Settings

    ************************************************************/

    .content{
        position: relative;
        margin: 80px 0 0 0;
    }
    .c-column .__product a,
    .c-column .__item a{
        display: block;
        text-align: center;
        padding: 0 0 56px 0;
    }
    .c-column .__item figure{
        border: 5px solid #333;
        background: #fff;
        padding: 1px 0;
        overflow: hidden;
    }
    .c-column .__1of4{
        position: relative;
        width: 45%;
        margin: 0 2.5% 6.4vw;
    }
    .c-column .__btn{
        margin-top: .5rem;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 1.0em;
    }

    /************************************************************

         Content Hero

    ************************************************************/

    .c-hero .c-hero__pc{
        display: none;
    }
    .c-hero .c-hero__sp{
        margin: 0 0 6.4vw 0;
        display: block;
    }

    /************************************************************

         Contents Navigation

    ************************************************************/

    .c-nav{
        margin: 0 0 6.4vw 0;
        width: 100%;
    }
    .c-nav .c-nav__head{
        margin: 0 6.4vw 6.4vw;
    }
    .c-nav .c-nav__head h2{
        font-size: 1.2em;
    }
    .c-nav .c-nav__head p{
        font-size: 1.0em;
        line-height: 2.0;
    }
    .c-nav .c-nav__body .c-nav__column .__item a{
        border: 8px solid #f8b500;
        padding: 0;
    }
    /************************************************************

        Content #01 | 

    ************************************************************/

    .c-oneday{
        position: relative;
        margin: -80px 0 80px 0;
        padding: 80px 0 0 0;
    }
    .c-oneday .c-oneday__head{
        padding-top: 9.6vw;
        margin: 0 6.4vw 6.4vw;
        text-align: center;
        border-top: 6px solid #6666cc;
    }
    .c-oneday .c-oneday__head h2{
        margin-bottom: 1.0em;
        width: 240px;
        height: 60px;
    }
    .c-oneday .c-oneday__head p{
        font-size: .9em;
        line-height: 2;
        text-align: left;
    }
    .c-oneday .c-oneday__body{
        margin-bottom: 6.4vw;
    }
    .c-oneday .c-oneday__body .c-oneday__item{
        margin-bottom: 40.0vw;
    }
    .c-oneday .c-oneday__body .c-oneday__item .__nega{
        margin-bottom: -40.0vw;
    }
    .c-oneday .c-oneday__body .__inner{
        padding: 7.2vw 0;
    }
    .c-oneday .c-oneday__body .c-column{
        padding: 0 2.4vw;
    }
    .c-oneday .c-oneday__body .__ttl{
        margin-bottom: 4.8vw;
    }
    .c-oneday .c-oneday__body .__ttl h3.__left{
        margin:0 4.8vw 2.4vw 4.8vw;
        font-size: 1.8em;
        text-align: center;
    }
    .c-oneday .c-oneday__body .__ttl p.__right{
        position: relative;
        margin: 0 6.4vw;
        top: auto;
        right: auto;
        text-align: center;
        font-size: 0.85em;
    }
    .c-oneday__btn{
        margin: -7.2vw 4.8vw 12.8vw;
    }
    .c-oneday__btn a{
        margin-top: 1.5rem;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 1.0em;
    }
    .c-oneday__product{
        border: 6px solid #f8b500;
    }
    .c-oneday__product .__img{
        text-align: center;
        margin-bottom: 3.2vw;
    }
    .c-oneday__product .__img img{
        width: 100%;
    }
    .c-oneday__product .__txt{
        text-align: center;
    }
    .c-oneday__product .__txt h2{
        margin-top: 3.2vw;
        line-height: 1.5;
    }
    .c-oneday__product .__txt p{
        text-align: left;
        line-height: 1.8;
    }
    .c-oneday__product .__btn{
        margin-top: 3.2vw;
    }
    .c-oneday__product .__btn a{
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    /************************************************************

        Content #02 | 

    ************************************************************/

    .c-nurie{
        position: relative;
        margin: -80px 0 80px 0;
        padding: 80px 0 0 0;
    }
    .c-nurie .c-nurie__head{
        padding-top: 9.6vw;
        margin: 0 6.4vw 6.4vw;
        text-align: center;
        border-top: 6px solid #6666cc;
    }
    .c-nurie .c-nurie__head h2{
        display: inline-block;
        margin-bottom: 1.0em;
        width: 135px;
        height: 39px;
    }
    .c-nurie .c-nurie__head p{
        font-size: .9em;
        line-height: 2;
        text-align: left;
    }
    .c-nurie .c-nurie__body{
        margin-bottom: 6.4vw;
    }
    .c-nurie .c-nurie__body .__inner{
        padding: 7.2vw 0;
    }
    .c-nurie .c-nurie__body .c-column{
        padding: 0 2.4vw;
    }
    .c-nurie .c-nurie__body .c-nurie__item{
        margin-bottom: 52.0vw;
    }
    .c-nurie .c-nurie__body .c-nurie__item .__nega{
        margin-bottom: -52.0vw;
    }
    .c-nurie__btn{
        margin: -7.2vw 4.8vw 12.8vw;
    }
    .c-nurie__btn a{
        margin-top: 1.5rem;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 1.0em;
    }
    .c-nurie .c-nurie__product{
        padding: 9.6vw 0 4.8vw;
    }
    .c-nurie .c-nurie__product .__ttl{
        margin:0 0 6.4vw 0;
    }
    .c-nurie .c-nurie__product .__ttl h3{
        font-size: 1.2em;
    }
    .c-nurie .c-nurie__product .c-column{
        padding: 0 2.4vw;
    }

}/* max-width: 800px */


/* ---------------------------------------
	max-width: 600px
--------------------------------------- */

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

    html { font-size:  14px; }

    /************************************************************

         Contents Navigation

    ************************************************************/

    .c-nav{
        margin: 0 0 6.4vw 0;
        width: 100%;
    }
    .c-nav .c-nav__head{
        margin: 0 6.4vw 6.4vw;
    }
    .c-nav .c-nav__head p{
        font-size: 1.0em;
        line-height: 2.0;
    }
    .c-nav .c-nav__body .c-nav__column{
        margin: 0 4.8vw;
    }
    .c-nav .c-nav__body .c-nav__column .__item{
        width: 100%;
        margin: 2.4vw;
    }
    .c-nav .c-nav__body .c-nav__column .__item a{
        border: 6px solid #f8b500;
    }

}/* max-width: 600px */


/* ---------------------------------------
	max-width: 480px
--------------------------------------- */

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


/* ---------------------------------------
	max-width: 320px
--------------------------------------- */

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

    html { font-size:  13px; }

    .c-oneday .c-oneday__body .c-oneday__item{
        margin-bottom: 48.0vw;
    }
    .c-oneday .c-oneday__body .c-oneday__item .__nega{
        margin-bottom: -48.0vw;
    }

}/* max-width: 320px */