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


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

/*wine-main-pic*/
.wine-main-pic {
	margin-bottom: 55px;
}


/*wine*/
.wine {
	padding-bottom: 60px;
}


/*wine-intro-area*/
.wine-intro-area {
    width: 90%;
}

.wine-intro-area-text {
	padding-left: 28px;
}


/*wine-name*/
.winery-name {
    width: 90%;
	padding: 10px 0px 10px 0px;
}

.winery-name-btn {
	font-size: 1rem;
	padding: 8px 10px;
}


/*wine-detail*/
.winery-detail {
    width: 90%;
    margin: 25px auto;
}

.winery-detail-pic {
    width: 100%;
}

.winery-detail-intro {
    width: 100%;
}


/*wine-list-area*/
.wine-list-area-n-pic {
    width: 30%;
	padding: 14px;
}

.wine-list-area-n-title {
    width: 70%;
    font-size: 0.875rem;
	line-height: 1.5rem;
	padding: 14px;
}


/*buy-button*/
.buy-button {
	right: 12px;
	bottom: 12px;
}

.buy-button-icon {
	width: 50px;
}

.buy-button-text-n {
    width: 122px;
	height: 58px;
}

.buy-button-text {
	font-size: 1rem;
}

.buy-button-text-span:after {
	right: 28px;
    width: 13px;
    height: 13px;
}

.buy-button-text-n:hover .buy-button-text {
    margin-left: -2px;
}

.buy-button-text-n:hover .buy-button-text-span {
    margin-right: -3px;
}

}