@charset "utf-8";
body { 
    color: #000;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    background-color: #FFF;
    font-size: 100%;
    letter-spacing: 0em;
margin:0;
padding:0;
box-sizing:border-box;
}

a{color:#333;text-decoration:none;}
a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#9d3b27;}
a:active {text-decoration:none;}

div,p,img,ul,li,dl,dt,dd{margin:0;padding:0;}
p,dt,dd,li{font-size:14px;}




#main {width:980px;margin:20px auto 0;padding:0 50px;}


h1{margin:0;padding:0;font-weight:normal;line-height:18px;}

h1 strong{font-size:20px;font-weight:normal;}



#header{width:980px;height:135px;margin:0;padding:0 0 20px;position:relative;border-bottom:1px dotted #cccccc;}
#header h1{width:600px;float:left;line-height:20px;}
#header #address{width:380px;margin:4px 0 0;padding:0;float:right;text-align:right;å}




#main_box{width:980px;}

#main_img{margin-top:40px;}
#questceque{margin:40px 0 30px;font-size:20px;font-weight:normal;color:#9d3b27;}
#text_questceque{font-size:13px;font-weight:normal;line-height:24px;}


#sub{margin-top:45px;}
#sub li{list-style-type:none;float:left;font-size:11px;margin-right:7px;}

#vigneron_head{width:980px;}

#subtitle{float:left;width:760px;font-size:20px;padding-top:12px;font-weight:normal;margin-top:0;}
#subtitle b{font-size:14px;color:#9d3b27;}
#subtitle small{font-size:13px;}
#subtext{font-size:14px;font-weight:normal;}

#returntop{float:left;width:220px;text-align:right;padding-top:21px;}



.vignerons {margin-top:40px;clear:both;}
.vignerons dl{width:176px;float:left;margin-right:25px;margin-bottom:15px;}
.vignerons dt{width:176px;height:176px;}
.vignerons dd{width:176px;font-size:10px;}
.vignerons .region{width:176px;height:100px;border:1px solid #9d3b27;text-align:center;padding-top:76px;font-size:18px;color:#9d3b27;}
.vignerons .pasdemargin{margin-right:0;}
#vignerons_ph{margin:25px auto; clear:both;}

#vignerons_box #vignerons_text {margin-bottom:30px;font-size:13px;line-height:24px;}
#vignerons_box dl {width:980px;}
#vignerons_box dt {float:left;clear:left;width:90px;}
#vignerons_box dd {float:left; width:890px;}

#vignerons_box .vignerons_text02 {margin-bottom:30px;font-size:13px;line-height:24px;}


#lesignorants{width:980px;font-size:13px;line-height:24px;clear:both;}
#lesignorants #vtl {float:left;width:130px;margin-right:30px;}
#lesignorants #vtr {float:left; width:820px;}

#vignerons_box .copy{font-size:20px;font-weight:normal;}
#vignerons_box .vin_text{clear:both;padding-top:10px;}


#lesignorants::after {
  content:"";
  display:table;
  clear:both;
}

#la_franche{width:980px;}
#la_franche dl{width:302px;float:left;margin-right:37px;margin-bottom:30px;}
#la_franche dd{width:302px;font-size:13px;line-height:24px;text-align:center;}

#la_guinelle{width:980px;margin-top:40px;}
#la_guinelle dl{width:196px;float:left;margin-right:0;margin-bottom:30px;}
#la_guinelle dt{width:196px;text-align:center;}
#la_guinelle dd{width:196px;font-size:13px;line-height:24px;text-align:center;}

#center{text-align:left;margin-top:80px;}




.mr0{margin-right:0 !important;}
.ml10{margin-left:18px;}
.clear{clear:both;margin:0;padding:0;}



#list_region {margin-bottom:10px;font-size:13px;line-height:24px;font-weight:bold;}
#list_text {margin-bottom:40px;font-size:13px;line-height:24px;}

#list_text02 {margin-bottom:40px;font-size:13px;line-height:24px;}

#cuvee_list {font-size:12px;margin-bottom:20px;}
#cuvee_list table {width:980px;border-collapse: collapse;table-layout:fixed;}
#cuvee_list table td{border-style:dotted;border-width:1px; border-color:#cccccc;vertical-align:top;}
.code{width:140px:text-align:center;}
.nom_cuvee{width:656px;padding:5px;}
.petit_td{width:77px;text-align:center;padding:5px;}
#cuvee_list small{font-size:11px;}

#cuvee_list .new{color:#ff0000;}
#cuvee_list .miel{color:#666666;}
#list_menu_right small{color:#444444;}

.nom_cuvee p{margin-bottom:5px;}

.samunail{width:18%:text-align:center;}
.code002{width:3%:}
.nom_cuvee02{width:63%;}

#ligntnail{text-align:center;}

#table_menu {font-size:12px;}
#table_menu {width:980px; border-collapse: collapse;table-layout:fixed;}
#table_menu td{padding:5px;vertical-align:middle;}

#table_menu2 {font-size:12px;}
#table_menu2 {width:100%;border-collapse: collapse;table-layout:fixed;}
#table_menu2 td{padding:5px;vertical-align:middle;}

#list_title{font-size:20px;padding-top:45px;font-weight:normal;}
#list_title_text{margin-bottom:30px;font-size:13px;line-height:24px;}
#list_title b{font-size:14px;color:#9d3b27;}
#list_title small{font-size:13px;}
#list_title_subtext{text-align:center;font-size:14px;font-weight:normal;}


#list_niban{width:980px;font-size:20px;padding-top:25px;font-weight:normal;text-align:center;}
#list_niban b{font-size:14px;color:#9d3b27;}

#deuxemtitle{width:980px;font-size:20px;padding-top:25px;font-weight:normal;}
#deuxemtitle b{font-size:14px;color:#9d3b27;}

#list_top {width:100%;padding:20px 0 0;margin:10px 0 0;clear:both;}
#list_menu{width:900px;margin:0 auto;padding:0;}
#list_menu li{line-height:18px;color:#888888;}
#list_menu_left{float:left;width:440px;margin-right:20px;}


#list_menu_left .new{color:#ff0000;}
#list_menu_right .new{color:#ff0000;}
#list_menu_left .sub{color:#999;font-size:9px;}
#list_menu_right .sub{color:#999;font-size:9px;}
#list_menu_left .new{color:#ff0000;font-size:11px;}
#list_menu_right .new{color:#ff0000;font-size:11px;}

#list_menu_right{float:left;width:440px;}
#list_menu dl{width:420px;margin:0 20px 0 0;padding:0;}
#list_menu dt{font-size:13px;width:420px;border-bottom:1px solid #888888;margin-bottom:8px;}
#list_menu dt h4{margin:0 0 8px;}
#list_menu dd{font-size:13px;margin-bottom:25px;}
#list_menu dd li{list-style-type:none;margin:0 0 6px;}





.armagnac_list {font-size:12px;margin-bottom:20px;}
.armagnac_list span{color:#ff0000;}

.armagnac_ph {width:30%; float:left;}
.armagnac_text {width:70%; float:left;}


.armagnac_table {width:100%;border-collapse: collapse;table-layout:fixed;}
.armagnac_table td{border-style:dotted;border-width:1px; border-color:#cccccc;padding:5px;vertical-align:top;}
.armagnac_nom_cuvee {width:74%;}
.armagnac_nom_cuvee p {margin-bottom:5px;}
.armagnac_petit_td {width:12%;text-align:center;}
.armagnac_list small {font-size:11px;}


#address{width:980px;text-align:center;margin-top:60px;border-top:1px dotted #ccc;padding-top:20px;}

.page{position:absolute;bottom:0;left:0;width:980px;text-align:center;}


#port_print{margin:0 auto;width:940px;}
#port h4{font-size:18px;}
table.envoyer {width:940px;border-collapse:collapse;margin-top:15px;font-size:13px;}
table.envoyer th {font-weight: normal;background-color: #F0F0F0;border:1px solid #BFBFBF;text-align:center;padding:12px;vertical-align:top;}
table.envoyer tr td {width:11%;background-color: #FFFFFF;border:1px solid #BFBFBF;text-align: center;padding: 12px;}
.bold{font-weight:bold;}

.cut{text-decoration:line-through;color:#444444 !important;}



.degustation_nomber{width:34px;font-size:12px;text-align:center;}
.degustation_ph{width:75px;}
.degustation_cuvee{width:360px;}
.degustation_cuvee p{font-size:12px;}
.degustation_cuvee .cepage{padding-top:5px;}
.degustation_domaine{width:190px;font-size:12px;}
.degustation_domaine p{font-size:12px;}
.degustation_domaine .cepage{padding-top:5px;}
.degustation_region{width:120px;font-size:12px;}
.degustation_type{width:34px;font-size:12px;text-align:center;}
.degustation_price{width:50px;font-size:12px;text-align:center;}


#folies{clear:both;font-size:20px;padding-top:12px;font-weight:normal;}
#folies b{font-size:14px;color:#9d3b27;}
#folies small{font-size:13px;}


.oroshi{text-align:center;font-size:14px;margin-top:350px;}
#list_shop {width:100%;padding:30px 0 0;margin:80px 0 0;clear:both;}
#list_shop #list_menu{margin:0 auto;padding:0;text-align:center;}
#list_shop #list_menu dl{width:420px;margin:0 auto 0;padding:0;font-size:15px;}
#list_shop #list_menu li{font-size:15px;padding:5px 0;}



#francais{width:830px;margin:20px auto; text-align:right;}
#francais #icon_jp {padding-top:2px;}
#francais #icon_fr {background-image:url(../images/francais.gif);background-repeat: no-repeat; padding-left:24px;}


.break { page-break-before: always; padding-top:40px;}
.back {text-align:center;margin:50px auto;}
@media print{
    .no_print{
        display: none;
    }
}



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

p,dt,dd,li{font-size:16px;}

#main {
    width: 100%;
    margin: 0;
    padding: 0;
}
#main_box {
    width: 100%;
}
#list_menu {
    width: 100%;
}
#list_niban {
    width: 100%;
}
#list_menu_left {
    float: clear;
    width: 100%;
}
#list_menu_right {
    float: clear;
    width: 100%;
}
#list_menu_right {
    float: clear;
    width: 100%;
}

#list_menu dl{width: 100%; margin:0; padding:0;}
#list_menu dt{width: 100%; border-bottom:1px solid #888888; margin-bottom:8px;}


p,dt,dd,li{font-size:16px;}

#vigneron_head {
    width: 100%;
}

#vignerons_ph {
    max-width:100%;
}

#vignerons_ph img{
max-width: 100%;
height: auto;
}

#subtitle{width:100%;}
#subtitle b{font-size:16px;}
#subtitle small{font-size:16px;}
#returntop{float:none;width:100%;text-align:left;}

#list_text{font-size:16px;}

#francais{width:100%;}

#lesignorants{width:100%;}
#lesignorants #vtl {float:none;}
#lesignorants #vtr {float:none; width:100%;}



	/*　画面サイズが480px以下の場合ここの記述が適用される　*/
 
}