/*================================================*/

div.links a.parts {
    width: 19%;
    font-size: 13px;
    line-height: 1.3em;
}

@media screen and (max-width:1200px) {
    div.links a.parts {
		font-size: 12px;
		background-size: calc(20px * 0.8) calc(13px * 0.8);
		background-position: center right 10px;
    }
}

@media screen and (max-width:660px) {
    div.links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.links a.parts {
		width: 48%;
		background-size: calc(20px * 0.7) calc(13px * 0.7);
		background-position: center right 8px;
    }

}

/*================================================*/

#area div.col-half > div a.btn {
    width: 90%;
    font-size: 18px;
    color: #ffffff;
    border: 0px;
    background-color: #c1a06c;
    line-height: 1.4em;
    transition: opacity 0.3s 0s ease;
}

#area div.col-half > div a.btn:hover {
    opacity: 0.8;
}

@media screen and (max-width:1200px) {
	#area {
		margin-bottom: 80px;
	}
    #area div.col-half {
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
    #area div.col-half > div {
		width: 48%;
    }
    #area div.col-half > div a.btn {
		width: 100%;
	}
}

@media screen and (max-width:770px) {
    #area div.col-half > div {
		width: 100%;
		margin-bottom: 14px;
	}
    #area div.col-half > div a.btn {
        width: 90%;
        font-size: 16px;
        margin: 0 auto;
        line-height: 26px;
		padding: 8px;
    }
}

/*================================================*/

div.stores div.store div.description div.genre {
    background-color: #53565a;
}

/*================================================*/