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


/* kv
   ================================================================== */
.kv{
    line-height: 0;
    background: #000;
}

.kv .txt{
    padding: 6vw 0;
    font-size: 3.8vw;
}


/* product_detail
   ================================================================== */
.product_detail{
    padding: 0 0 15vw;
    line-height: 0;
    background: #000;
}

.product_detail .price{
    padding: 6vw 0 0;
}

.product_detail .cart_btn{
    margin: 10vw 0 0;
}


/* dot_border_box
   ================================================================== */
.dot_border_box{
    margin: 14vw 1px 0;
    padding: 4vw;
    border: 1px dashed #fff;
}

.dot_border_box .box_ttl{
    font-size: 4vw;
    font-weight: 700;
}

.dot_border_box .box_txt{
    margin: 3vw 0 0;
    font-size: 3.2vw;
    letter-spacing: 0.05em;
}


/* note_list
   ================================================================== */
.note_list{
    margin: 5vw 0 0;
}

.note_list > li{
    padding-left: 4vw;
    font-size: 2.7vw;
    line-height: 190%;
    letter-spacing: 0.05em;
    position: relative;
}

.note_list > li:before{
	content: "";
	background: #fff;
    border-radius: 100%;
	width: 3vw;
	height: 3vw;
	position: absolute;
	top: 1.3vw;
	left: 0;
}


@media screen and (min-width : 750px){    


    /* kv
       ================================================================== */
    .kv .txt{
        padding: 40px 0 50px;
        font-size: 30px;
        line-height: 48px;
    }


    /* product_detail
       ================================================================== */
    .product_detail{
        padding: 0 0 115px;
    }

    .product_detail .price{
        padding: 60px 0 0;
    }

    .product_detail .cart_btn{
        margin: 60px 0 0;
    }


    /* dot_border_box
       ================================================================== */
    .dot_border_box{
        margin: 110px 0 0;
        padding: 25px;
    }

    .dot_border_box .box_ttl{
        font-size: 30px;
    }

    .dot_border_box .box_txt{
        margin: 18px 0 0;
        font-size: 25px;
        line-height: 40px;
    }


    /* note_list
       ================================================================== */
    .note_list{
        margin: 35px 0 0;
    }

    .note_list > li{
        padding-left: 24px;
        font-size: 22px;
        line-height: 40px;
    }

    .note_list > li:before{
        width: 20px;
        height: 20px;
        top: 12px;
    }
    

}