@charset "utf-8";
@media only screen and (min-width: 600px) {

/*//////コンテナここから//////*/
#container .product_detail{
	width: 850px;
	height: auto;
	margin: 50px auto 0;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
}
#container .product_detail .item_img{
	width: 400px;
	height: auto;
	display: block;
	background-image: url(../img/item01/bg_01.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top 0;
}
#container .product_detail .item_img.rose{
	background-image: url(../img/item01/bg_02.png);
}
#container .product_detail .item_img.deco{
	background-image: url(../img/item01/bg_03.png);
}
#container .product_detail .item_img.extra{
	background-image: url(../img/item01/bg_04.png);
}
#container .product_detail .item_img.blancs{
	background-image: url(../img/item01/bg_05.png);
}
#container .product_detail .item_img.noirs{
	background-image: url(../img/item01/bg_06.png);
}
#container .product_detail .item_img.millesime{
	background-image: url(../img/item01/bg_07.png);
}
#container .product_detail .item_img.grand{
	background-image: url(../img/item01/bg_08.png);
}
#container .product_detail .item_img.dry{
	background-image: url(../img/item01/bg_09.png);
}
#container .product_detail .item_img.cuvee{
	background-image: url(../img/item01/bg_010.png);
}
#container .product_detail .item_img.esprit{
	background-image: url(../img/item01/bg_011.png);
}

#container .product_detail img.bottle{
	width: 196px;
	height: auto;
	display: block;
}

#container .product_detail .detail_inner{
	width: 425px;
	height: auto;
	padding-top: 25px;
}
#container .product_detail .detail_inner .item_name{
	width: 100%;
	height: auto;
}
#container .product_detail .detail_inner .item_name h2{
	font-size: 26px;
	line-height: 36px;
	letter-spacing: 0.06em;
}
#container .product_detail .detail_inner .item_name h3{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 5px;
	font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#container .product_detail .detail_inner p.text01{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 20px;
	font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#container .product_detail .detail_inner ul.information{
	width: 100%;
	height: auto;
	margin-top: 20px;
}

#container .product_detail .detail_inner .feature{
	margin-top: 20px;
	width: 90%;
	height: auto;
	background-color: #EDEAE4;
	padding: 5%;
}

#container .product_detail .detail_inner .feature ul.note{
	width: 100%;
	height: auto;
}
#container .product_detail .detail_inner .feature ul.note li{
	margin-top: 10px;
}
#container .product_detail .detail_inner .feature ul.note li:first-of-type{
	margin-top: 0;
}

#container .product_detail .detail_inner .feature ul.award{
	width: 100%;
	height: auto;
	margin-top: 20px;
}

#container .product_detail .detail_inner a.btn_ec{
	width: 100%;
	height: auto;
	display: block;
	margin: 28px auto 0;
	transition: 0.3s;
}
#container .product_detail .detail_inner a.btn_ec:hover{
	transition: 0.3s;
}
#container .product_detail .detail_inner a.btn_ec img{
	width: 100%;
	height: auto;
	display: block;
}

#container .product_detail .detail_inner ul li{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 10px;
	font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*商品名とキャッチコピー部分css*/
/*BRUT*/
#container .product_detail .detail_inner.brut h2 img.name{
	width: 77px;
	height: auto;
}

#container .product_detail .detail_inner.brut h3 img.copy{
	width: 453.7px;
	height: auto;
	margin-top: 20px;
}

/*BRUT ART DECO*/
#container .product_detail .detail_inner.deco h2 img.name{
	width: 237px;
	height: auto;
}

#container .product_detail .detail_inner.deco h3 img.copy{
	width: 395px;
	height: auto;
	margin-top: 20px;
}

/*extra */
#container .product_detail .detail_inner.extra h2 img.name{
	width: 184px;
	height: auto;
}

#container .product_detail .detail_inner.extra h3 img.copy{
	width: 507px;
	height: auto;
	margin-top: 20px;
}

/*2004*/
#container .product_detail .detail_inner.millesime2004 h2 img.name{
	width: 234px;
	height: auto;
}

#container .product_detail .detail_inner.millesime2004 h3 img.copy{
	width: 306px;
	height: auto;
	margin-top: 20px;
}

/*2006*/
#container .product_detail .detail_inner.millesime2006 h2 img.name{
	width: 234px;
	height: auto;
}

#container .product_detail .detail_inner.millesime2006 h3 img.copy{
	width: 374px;
	height: auto;
	margin-top: 20px;
}

/*vintage*/
#container .product_detail .detail_inner.vintage h2 img.name{
	width: 300px;
	height: auto;
}

#container .product_detail .detail_inner.vintage h3 img.copy{
	width: 547px;
	height: auto;
	margin-top: 20px;
}

/*blank*/
#container .product_detail .detail_inner.blank h2 img.name{
	width: 265px;
	height: auto;
}

#container .product_detail .detail_inner.blank h3 img.copy{
	width: 461px;
	height: auto;
	margin-top: 20px;
}

/*meunier*/
#container .product_detail .detail_inner.meunier h2 img.name{
	width: 394px;
	height: auto;
}

#container .product_detail .detail_inner.meunier h3 img.copy{
	width: 572px;
	height: auto;
	margin-top: 20px;
}


/*brut_rose*/
#container .product_detail .detail_inner.rose h2 img.name{
	width: 163px;
	height: auto;
}

#container .product_detail .detail_inner.rose h3 img.copy{
	width: 394px;
	height: auto;
	margin-top: 20px;
}

/*rosedry*/
#container .product_detail .detail_inner.rosedry h2 img.name{
	width: 473px;
	height: auto;
}

#container .product_detail .detail_inner.rosedry h3 img.copy{
	width: 555px;
	height: auto;
	margin-top: 20px;
}

/*esprit*/
#container .product_detail .detail_inner.esprit h2 img.name{
	width: 250px;
	height: auto;
}

#container .product_detail .detail_inner.esprit h3 img.copy{
	width: 450px;
	height: auto;
	margin-top: 20px;
}

/*blancdenoirs*/
#container .product_detail .detail_inner.blancdenoirs h2 img.name{
	width: 257px;
	height: auto;
}

#container .product_detail .detail_inner.blancdenoirs h3 img.copy{
	width: 500px;
	height: auto;
	margin-top: 20px;
}

.product_cont{
	width: 100%;
	height: auto;
	display: block;
}
#container .product_cont h3{
	font-size: 30px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: 1px;
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #c19d62;
	width: 850px;
	height: auto;
	display: block;
	margin: 0 auto 50px;
}

/*//////コンテナここから//////*/
#container .to_productpage{
	width: 850px;
	height: auto;
	margin: 0 auto 80px;
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-flow: wrap;
}

#container .to_productpage.top{
	margin-top: 150px;
}

#container .to_productpage .product{
	width: calc(100% / 4 - 30px);
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-direction: column;
	margin-right: 40px;
	margin-bottom: 50px;
}
#container .to_productpage .product:nth-of-type(4n){
	margin-right: 0;
}
#container .to_productpage .product:nth-last-of-type(-n+4){
	margin-bottom: 0;
}


#container .to_productpage a{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

#container .to_productpage a:nth-child(4n){
	margin-right: 0px;
}

 #container .to_productpage a img{
	width: 100%;
	height: auto;
}
#container .to_productpage a img.plus{
	position:  absolute;
	width: 22%;
	height: auto;
	top: 31%;
	left: 39%;
	display: none;
}
#container .to_productpage a:hover img.plus{
	display: block;
}
#container .to_productpage .product a.btn{
	width: 130px;
	height: auto;
	display: block;
	margin-top: 5px;
	margin: 5px auto 0;
}
#container .to_productpage .product a.btn img{
	width: 100%;
	height: auto;
	display: block;
}







/*//////レポートボタンここから//////*/
#to_shopping{
	width: 850px;
	height: auto;
	margin: 15px auto 90px auto;
}

#to_shopping a{
	width: 100%;
	height: auto;
}

#to_shopping a img{
	width: 100%;
	height: auto;
}
/*//////レポートボタンここまで//////*/
}






















/*=================================
スマホ SP
=================================*/
@media only screen and (max-width: 599px) {

/*//////コンテナここから//////*/
#container .product_detail{
	width: 94%;
	height: auto;
	margin: 15px auto;
	overflow: hidden;
}

#container .product_detail .item_img{
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../img/item01/bg_01.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: right 0px top;
}
#container .product_detail .item_img.rose{
	background-image: url(../img/item01/bg_02.png);
}
#container .product_detail .item_img.deco{
	background-image: url(../img/item01/bg_03.png);
}
#container .product_detail .item_img.extra{
	background-image: url(../img/item01/bg_04.png);
}
#container .product_detail .item_img.blancs{
	background-image: url(../img/item01/bg_05.png);
}
#container .product_detail .item_img.noirs{
	background-image: url(../img/item01/bg_06.png);
}
#container .product_detail .item_img.millesime{
	background-image: url(../img/item01/bg_07.png);
}
#container .product_detail .item_img.grand{
	background-image: url(../img/item01/bg_08.png);
}
#container .product_detail .item_img.dry{
	background-image: url(../img/item01/bg_09.png);
}
#container .product_detail .item_img.cuvee{
	background-image: url(../img/item01/bg_010.png);
}
#container .product_detail .item_img.esprit{
	background-image: url(../img/item01/bg_011.png);
}

#container .product_detail .item_img img.bottle{
	display: block;
	margin: 0 auto;
	width: 40%;
	height: auto;
	padding-right: 130px;
}

#container .product_detail .detail_inner{
	width: 100%;
	height: auto;
	margin-top: 10px;
	overflow: hidden;
}

#container .product_detail .detail_inner h2{
	font-size: 20px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 1px;
}
#container .product_detail .detail_inner h2 span{
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}
#container .product_detail .detail_inner h3{
	font-size: 19px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 1px;
	margin-top: 18px;
}

#container .product_detail .detail_inner p{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 23px;
	font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#container .product_detail .detail_inner ul.information{
	width: 100%;
	height: auto;
	margin-top: 20px;
}

#container .product_detail .detail_inner .feature{
	margin-top: 20px;
	width: 90%;
	height: auto;
	background-color: #EDEAE4;
	padding: 5%;
}

#container .product_detail .detail_inner .feature ul.note{
	width: 100%;
	height: auto;
}

#container .product_detail .detail_inner .feature ul.award{
	width: 100%;
	height: auto;
	margin-top: 20px;
}



#container .product_detail .detail_inner a.btn_ec{
	width: 90%;
	max-width: 335px;
	height: auto;
	display: block;
	margin: 28px auto 0;
	transition: 0.3s;
}
#container .product_detail .detail_inner a.btn_ec:hover{
	transition: 0.3s;
}
#container .product_detail .detail_inner a.btn_ec img{
	width: 100%;
	height: auto;
	display: block;
}

#container .product_detail .detail_inner ul li{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 5px;
	font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#container .product_detail .detail_inner ul li:first-of-type{
	margin-top: 0;
}






/*各商品リンク箇所*/
#container p.to_detail{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 50px;
}
#container img.arrow{
	display: block;
	width: auto;
	height: 14px;
	margin: 20px auto 0;
}

#container .product_cont{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: block;
}
#container .product_cont h3{
	font-size: 21px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 1px;
	margin-bottom: 25px;
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #c19d62;
}

#container .to_productpage{
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-flow: wrap;
}

#container .to_productpage.top{
	margin-top: 20px;
}

#container .to_productpage .product{
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-direction: column;
	margin-bottom: 25px;
}
#container .to_productpage .product:nth-last-of-type(-n+2){
	margin-bottom: 0;
}



#container .to_productpage a{
	width: 100%;
	height: auto;
	position: relative;
}

#container .to_productpage a:nth-child(4n){
	margin-right: 0px;
}

 #container .to_productpage a img{
	width: 100%;
	height: auto;
}
#container .to_productpage a img.plus{
	display: none;
}

#container .to_productpage .product a.btn{
	width: 90%;
	height: auto;
	display: block;
	margin-top: 5px;
	margin: 5px auto 0;
}
#container .to_productpage .product a.btn img{
	width: 100%;
	height: auto;
	display: block;
}

/*//////shoppingボタンここから//////*/
#to_shopping{
	width: 96%;
	height: auto;
	margin: 80px auto 50px auto;
}

#to_shopping a{
	width: 100%;
	height: auto;
}

#to_shopping a img{
	width: 100%;
	height: auto;
}
/*//////shoppingボタンここまで//////*/



}