@charset "utf-8";

/* chateau ***************************/

#ov_custom .chateau{}

#ov_custom .chateau h2{
	border:none;
	font-feature-settings : "palt";
}

/*新着 .new_arr**********************************/
#ov_custom .chateau .new_arr{
	margin-bottom:2rem;
}

#ov_custom .chateau .new_arr:after,
#ov_custom .chateau .new_arr .new_info:after,
#ov_custom .chateau .new_arr .new_info .chateau_class:after{content:"";clear: both;display: block;}	/*cf*/


#ov_custom .chateau .new_arr .new_info{
	position:relative;

	padding:1rem;
	border:1px solid #cccccc;
	margin-bottom:20px;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
}

#ov_custom .chateau .new_arr .new_info > p{margin:0.5rem;}

#ov_custom .chateau .new_arr .new_info .chateau_photo{
	position:absolute;
	top:1rem;right:1rem;
	width:160px;height:120px;
}
#ov_custom .chateau .new_arr .new_info .chateau_class{
	position:relative;
	color:white;
	background-color:#999999;
	padding:0.5rem 1rem;
	width:50%;
}
#ov_custom .chateau .new_arr .new_info .chateau_name{
	font-size:2rem;
}
#ov_custom .chateau .new_arr .new_info .chateau_name a{}
#ov_custom .chateau .new_arr .new_info .chateau_name a:before{
	content:"　";
	background:url(../Contents/ImagesPkg/chateau/link_button-tri.gif) no-repeat left center;
	background-size:0.8em;
}
#ov_custom .chateau .new_arr .new_info .chateau_comment{
	width:70%;
	padding:0.5rem 1rem :3rem 1rem;
}




/*表示領域が●px以下の場合**/

@media screen and (max-width: 767px) {
	/*↓↓*/
	#ov_custom .chateau .new_arr .new_info > p {
    margin: 0;
	}
	#ov_custom .chateau .chateau_list .namelist table th{
		    font-size: 1.8rem !important;
	}
	#ov_custom .chateau .chateau_list .namelist h3 {
    padding-left: 0 !important;
		font-size: 2rem !important;
	}
#ov_custom .chateau .new_arr .new_info .chateau_photo{
	position:relative;
		float:right;
		margin:1rem;
	}
	#ov_custom .chateau .chateau_list .namelist table ul li a {
		padding-left: 1em !important;
	}
#ov_custom .chateau .new_arr .new_info .chateau_name {
    font-size: 1.7rem;
}
    #ov_custom .chateau .new_arr .new_info .chateau_class {
        width: 100%;
        font-size: 16px;
    }¥
}/*↑↑*/

@media screen and (max-width: 670px) {
/*↓↓*/
#ov_custom .chateau .new_arr .new_info .chateau_comment{        width: 100%;
        margin: 0 auto;}
}/*↑↑*/

@media screen and (max-width: 500px) {
/*↓↓*/
#ov_custom .chateau .new_arr .new_info .chateau_photo{display:none;}
#ov_custom .chateau .new_arr .new_info .chateau_comment{        width: 100%;
        margin: 0 auto;margin:0 auto;}
}/*↑↑*/




/*(ボルドーの)シャトー一覧 .chateau_list**********************************/

#ov_custom .chateau .chateau_list{}

#ov_custom .chateau .chateau_list .namelist{}
#ov_custom .chateau .chateau_list .namelist h3{
	margin-bottom:0;
	padding-left:2em;
	color:#322e2d;
	font-weight:normal;
	font-size: 2.5rem;
	font-family: "HG明朝E", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#ov_custom .chateau .chateau_list .namelist table{
	border-collapse:separate;
	border-spacing:5px 15px;
}
#ov_custom .chateau .chateau_list .namelist table th,
#ov_custom .chateau .chateau_list .namelist table td{
	border:1px solid #E8CAEC;
}

#ov_custom .chateau .chateau_list .namelist table th{
	text-align:center;
	background-color:#D7B1DB;
	font-weight:normal;
	font-family: "HG明朝E", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:white;
	font-size:3rem;
	width:25%;
}
#ov_custom .chateau .chateau_list .namelist table th br{
	display:none;
}

#ov_custom .chateau .chateau_list .namelist table td{
	padding:1rem 2px;
}

#ov_custom .chateau .chateau_list .namelist table ul{}
#ov_custom .chateau .chateau_list .namelist table ul:after{content:"";clear: both;display: block;}	/*cf*/

#ov_custom .chateau .chateau_list .namelist table ul li{
	display:inline-block;
	width:48%;
}
#ov_custom .chateau .chateau_list .namelist table ul li.length_l{
	width:100%;
}

#ov_custom .chateau .chateau_list .namelist table ul li a{
	padding-left:2em;font-size:1.5rem;
}
#ov_custom .chateau .chateau_list .namelist table ul li a:before{
	content:"　";
	background:url(../Contents/ImagesPkg/chateau/link_button-tri.gif) no-repeat left center;
	background-size:0.8em;
}





/*表示領域が●px以下の場合**/

@media screen and (max-width: 800px) {
/*↓↓*/
#ov_custom .chateau .chateau_list .namelist table ul li.length_l,
#ov_custom .chateau .chateau_list .namelist table ul li.length_m{
	width:100%;
}


}/*↑↑*/

@media screen and (max-width: 670px) {
/*↓↓*/

#ov_custom .chateau .chateau_list .namelist table ul li{width:100%;}
#ov_custom .chateau .chateau_list .namelist table th br{display:inline;}

#ov_custom .chateau .namelist .mid_name,
#ov_custom .domaine .namelist .mid_name{display:none;}



}/*↑↑*/


/******************************************/


/* domaine ***************************/

#ov_custom .domaine{}
#ov_custom .domaine h2{
	border:none;margin-top:1rem;
}


/*(ブルゴーニュの)コミューン一覧 .communaute_list**********************************/
/*(ブルゴーニュの)生産者一覧 .domaine_list**********************************/

#ov_custom .domaine .communaute_list{}
#ov_custom .domaine .domaine_list{}

#ov_custom .domaine .communaute_list .namelist{padding-left:40%;}
#ov_custom .domaine .domaine_list .namelist{padding-left:22%;}

#ov_custom .domaine .namelist ul{}
#ov_custom .domaine .namelist ul:after{content:"";clear: both;display: block;}	/*cf*/

#ov_custom .domaine .namelist ul li{
	display:inline-block;width:48%;
}

#ov_custom .domaine .communaute_list .namelist ul li{
	display:inline-block;width:100%;
}

#ov_custom .domaine .namelist ul li.length_l,
#ov_custom .domaine .namelist ul li.length_l{width:100%;}

#ov_custom .domaine .namelist ul li a{
	padding-left:2em;font-size:1.5rem;
}
#ov_custom .domaine .namelist ul li a:before{
	content:"　";
	background:url(../Contents/ImagesPkg/chateau/link_button-tri.gif) no-repeat left center;
	background-size:0.8em;
}

#ov_custom .domaine .communaute_list .map{
	float:left;
	width:40%;
}

#ov_custom .domaine .communaute_list{
	margin-bottom:5rem;
}

#ov_custom .domaine .photolist{
	float:left;
	width:20%;
}
#ov_custom .domaine .photolist ul{}
#ov_custom .domaine .photolist ul li{
	display:inline-block;width:100%;
	margin:0.5rem;
}
#ov_custom .domaine .photolist ul li img{width:100%;}

#ov_custom .domaine .domaine_list .namelist h3{
	margin-bottom:12px;
	padding-top:1.5rem;
	border-top: #322e2d 1px dotted;
	    margin-top: 20px;
}

#ov_custom .domaine .domaine_list .namelist ul{
	padding-bottom:1.5rem;
	border-bottom: #322e2d 1px dotted;
}


/*表示領域が●px以下の場合**/

@media screen and (max-width: 1100px) {
/*↓↓*/
#ov_custom .domaine .namelist ul li.length_l{
	width:100%;
}


}/*↑↑*/


@media screen and (max-width: 800px) {
/*↓↓*/

#ov_custom .domaine .photolist{display:none;}
#ov_custom .domaine .communaute_list .namelist,
#ov_custom .domaine .domaine_list .namelist{padding-left:2%;}

#ov_custom .domaine .namelist ul li.length_l,
#ov_custom .domaine .namelist ul li.length_m{
	width:100%;
}


}/*↑↑*/

@media screen and (max-width: 670px) {
/*↓↓*/
#ov_custom .domaine .namelist ul li{width:100%;}
}/*↑↑*/
















/******************************************/