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

@media (max-width: 768px) {
	.page-voice .area-pagettl .pagettl .pagettl-ja .f-noto.f-yllw {
		letter-spacing: 0.4vw;
	}
}

@media (max-width: 460px) {
	.page-voice .area-pagettl .pagettl .pagettl-ja .f-noto.f-yllw {
		font-size: 4.8vw;
		letter-spacing: 0.2vw;
	}	
}

@media (max-width: 400px) {
	.page-voice .area-pagettl .pagettl .pagettl-ja .f-noto.f-yllw {
		font-size: 5.3vw;
		letter-spacing: 0.1vw;
	}	
}

/* sec-voice
--------------------------------------------- */

.voice-list .box-voice {
    display: table;
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-top: 30px;
}

.voice-list .box-voice .mn-voice {
    display: table-cell;
    width: 80px;
    color: #c8b800;
    font-size: 4rem;
    position: relative;
}

.voice-list .box-voice .mn-voice::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.voice-list .box-voice .contents {
    display: table-cell;
    width: calc(100% - 80px);
}

.voice-list .box-voice .contents .voice-txt strong {
    font-weight: bold;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fffc00));
    background-image: -webkit-linear-gradient(transparent 70%, #fffc00 70%);
    background-image: linear-gradient(transparent 70%, #fffc00 70%);
    padding-bottom: 3px;
}

.voice-list .box-voice .contents .product-txt {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7f5e6;
    border-radius: 3px;
    
}

@media (max-width: 768px) {
    .voice-list .box-voice {
        margin-top: 25px;
    }
}

@media (max-width: 480px) {
    .voice-list .box-voice {
        margin-top: 20px;
    }
    .voice-list .box-voice .mn-voice {
        display: block;
        position: absolute;
        width: 40px;
        font-size: 3rem;
        top: 0;
        left: 0;
    }
    .voice-list .box-voice .mn-voice::before {
        top: -5px;
        left: 0;
        transform: none;
    }
    .voice-list .box-voice .contents {
        display: block;
        width: 100%;
        
    }
    .voice-list .box-voice .contents .name-txt {
        padding-left: 40px;
    }
}


/*item-btn*/
.btn.btn-item span {
    color: #c8b800;
}
.btn .mn-cart {
    color: #c8b800;
    padding-left: 20px;
    font-size: 2.4rem
}
.btn .mn-cart::before {
    position: relative;
    bottom: -2px;
}