@charset "UTF-8";
/*============================================
大枠調整
==============================================*/
#contents {
    max-width: 1200px;
    width: 100%;
}
#main-column {
    max-width: 900px;
    width: 100%;
}
#sub-column {
    max-width: 262px;
    width: 100%;
    margin-right: inherit;
}
#itemDetail-cont .itemThumb-wrap {
    max-width: 400px;
    margin: 0 4% 0 0;
    width: 45%;
}
#itemDetail-cont .itemOutline {
    max-width: 450px;
    width: 50%;
}
@media screen and (max-width: 1250px) {
    #contents {
        width: 95%;
    }
    #main-column {
    max-width: 900px;
    width: 70%;
}
	#sub-column {
    max-width: 26%;
    width: 30%;
    margin-right: inherit;
}
}
@media screen and (max-width: 768px) {
    #main-column {
        width: 100%;
    }
    #sub-column {
        max-width: inherit;
        width: 35%;
    }
}
@media screen and (max-width: 480px){
	#sub-column {
        width: 85%;
    }
    #itemDetail-cont .itemThumb-wrap {
        width: 100%;
        margin: 0;
        max-width: inherit;
    }
    #itemDetail-cont .itemOutline {
        width: 100%;
        margin-top: 15px;
    }
    #contents {
        width: 100%;
    }
}




/*商品一覧*/
article h1 {
    border-top:none;
    border-bottom: 2px solid #333;
    font-weight: bold;
    padding: 10px 0;
    font-size: 20px;
}
#bread-crumb-listTop ol li {
    font-size: 14px;
}

#itemList_wrap section form #itemList .column-set .column4 {
    float: left;
    width: 31.2%;
    margin: 0 3% 20px 0;
    padding-bottom: 20px;
	/*height: 350px;*/
}


#itemList_wrap section form #itemList .column-set .column4:nth-child(4n) {
    margin: 0 3% 20px 0;
}
#itemList_wrap section form #itemList .column-set .column4:nth-child(4n+1) {
    clear: inherit;
}
#itemList_wrap section form #itemList .column-set .column4:nth-child(3n) {
    margin: 0 0 20px 0;
}
#itemList_wrap section form #itemList .column-set .column4:nth-child(3n+1) {
    clear: inherit;
}
@media screen and (max-width: 480px) {
	#itemList_wrap section form #itemList .column-set .column4,
    #itemList_wrap section form #itemList .column-set .column5 {
		width: 49%;
		margin: 0 2% 10px 0;
		padding-bottom: 10px;
		height: auto;
	}
	#itemList_wrap section form #itemList .column-set .column4:nth-child(4n) {
		margin: 0 0 20px 0;
	}
	#itemList_wrap section form #itemList .column-set .column4:nth-child(3n) {
		margin: 0 2% 20px 0;
	}
	#itemList_wrap section form #itemList .column-set .column4:nth-child(2n) {
		margin: 0 0 20px 0;
	}
}
/*商品詳細
==========================================*/
/*関連商品*/
#main-column h2 {
    border-top: none;
    border-bottom: 2px solid #333;
    font-weight: bold!important;
    padding: 10px 0;
    font-size: 22px;
    margin: 0 0 30px;
    
}

.column4 p.price, .column5 p.price, .column4 .fixed, .column5 .fixed, .column4 p.fx_price, .column5 p.fx_price {
    text-align: left;
}

.recommend .column-set .column5 {
    float: left;
    width: 23.5%;
    margin: 0 2% 20px 0;
    padding-bottom: 10px;
}
.recommend .column-set .column5:nth-child(4n) {
    margin: 0 0 20px 0;
}
.recommend .column-set .column5:nth-child(5n) {
    margin: 0 2% 20px 0;
}
.recommend .column-set .column5:nth-child(5n+1) {
    clear: inherit;
}

.recommend .column-set .column4 h3,
.recommend .column-set .column5 h3 {
    font-size: 16px;
    font-weight:normal;
}
.recommend .column-set p.price span.selling_price,
.recommend .column-set p.price span.taxin {
    font-size:16px;
}
p.price span {
    color: #222;
}
@media screen and (max-width: 1250px) {
    .recommend .column-set .column5 {
        width: 32%;
    }
    .recommend .column-set .column5:nth-child(3n) {
        margin: 0 0 20px 0;
    }
    .recommend .column-set .column5:nth-child(4n) {
        margin: 0 2% 20px 0;
    }
}
@media screen and (max-width: 768px) {

    .recommend .column-set .column5:nth-child(2n) {
        margin: 0 2% 20px 0;
    }
    .recommend .column-set .column5:nth-child(3n) {
        margin: 0 0 20px 0;
    }
    .recommend .column-set .column5:nth-child(4n) {
        margin: 0 2% 20px 0;
    }
    .recommend .column-set .column5:nth-child(4n+1) {
		clear: inherit;
	}
	.recommend .column-set .column5:nth-child(6n) {
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 480px) {
    .recommend .column-set .column5 {
        width: 49%;
    }
    .recommend .column-set .column5:nth-child(2n) {
        margin: 0 0 20px 0;
    }
    .recommend .column-set .column5:nth-child(3n) {
        margin: 0 2% 20px 0;
    }
    .recommend .column-set .column5:nth-child(4n) {
        margin: 0 0 20px 0;
    }
    .recommend .column-set .column5:nth-child(4n+1) {
		clear: inherit;
	}
	.recommend .column-set .column5:nth-child(6n) {
        margin: 0 0 20px 0;
    }
}

/*　ページトップ・カートトップ　*/
#page-top a img {
	opacity: 0;
	user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag: none;
}
#page-top a img:hover {
	opacity: 0;
	user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag: none;
}
#page-top a {
	background: url(https://image1.shopserve.jp/mesrose.com/pic-labo/pagetop.gif) no-repeat;
	background-size:39px;
}
#page-top a:hover {
	background: url(https://image1.shopserve.jp/mesrose.com/pic-labo/pagetop.gif) no-repeat;
	background-size:39px;
	opacity: .70;
	cursor: pointer;
}
#to-cart {
	margin-bottom: 20px;
}
#to-cart a img {
	opacity: 0;
	user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag: none;
}
#to-cart a {
	background: url(https://image1.shopserve.jp/mesrose.com/pic-labo/cart.png) no-repeat;
	background-size:39px;
}
#to-cart a:hover {
	background: url(https://image1.shopserve.jp/mesrose.com/pic-labo/cart.png) no-repeat;
	background-size:39px;
	opacity: .70;
	cursor: pointer;
}