/*------------------------------------------------------------------
english font
------------------------------------------------------------------*/
/* IE */
@font-face {
font-family:'calistoMT';
src: url('./font/calist_0.eot');
}
/* Firefox, Opera, Safari */
@font-face {
font-family:'calistoMT';
src: url('./font/calist_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

/*------------------------------------------------------------------
japanese font
------------------------------------------------------------------*/
/* IE */
@font-face {
font-family: 'Mincho';
src: url(./font/Hannari.eot);
}
/* Firefox, Opera, Safari */
@font-face {
font-family:'Mincho';
src: url('./font/Hannari.otf') format('truetype');
font-weight: normal;
font-style: normal;
}


/*------------------------------------------------------------------
base
------------------------------------------------------------------*/
html{}
body{}

#wrap{ border-top:7px solid #d8d9d8;}

header .header_wrap{ max-width:940px; width:100%; margin:20px auto 0; }
header .header_wrap .header_top h1{ font-family:'Mincho'; font-size:1.1em; letter-spacing:0.01em; width:30%; float:left; padding-top:5px;}
header .header_top ul.sns{ width:13%; float:right;}
header .header_top ul.sns li{ width:30%; float:left; text-align:right;}

header .nav_wrap{ border-bottom:1px solid #888; padding-bottom:10px;}
header .nav_wrap p{ width:28.723%; float:left; }
header .nav_wrap p a{ display:block; margin:0;}


header .nav_wrap nav{ float:right; width:62.277%; padding:32px 0 0 9%;}
header .nav_wrap nav ul li{ float:left; text-align:right; padding-right:1.9%;}
header .nav_wrap nav ul li:last-child{ padding-right:0;}
header .nav_wrap nav ul li a,nav ul li a:visited{ font-family:'calistoMT'; font-size:0.82em;  }
header .nav_wrap nav ul li a:hover,nav ul li a:active{ color:#d21212 !important; }
header .nav_wrap nav ul li.current{ color:#910d0d !important; font-family:'calistoMT'; font-size:0.82em;}

.breadcrumb{ max-width:940px; width:100%; margin:10px auto; font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.0em;}
.breadcrumb ul li{ float:left; margin-right:5px; color:#6e6e6e;}
.breadcrumb ul li a{ color:#4c4c4c }
.breadcrumb ul li a:hover{ color:#d21212 !important; }

.mainVisual{ max-width:940px; width:100%; margin: 0 auto; }
.mainVisual img{ -webkit-box-shadow:0 1px 3px #888; -moz-box-shadow:0 1px 3px #888; box-shadow:0 1px 3px #888; }

.contents{ max-width:940px; width:100%; margin:45px auto 0;}

h1.mainCaption{ font-size:1.8em; font-family:'calistoMT'; margin-bottom:30px; font-weight:bold;}

.footer{ max-width:940px; width:100%; margin:0 auto; font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.0em; border-top:1px solid #888; padding-top:10px;}
.footer .footer_wrap{padding:0 30px;}
.footer .footer_wrap ul{ width:20%; float:left; }
.footer .footer_wrap ul li{ padding-bottom:10px; }
.footer .copyright{ padding:30px 0 5px; text-align:center;}

.footer a{ color:#4c4c4c !important; }
.footer a:hover { color:#d21212 !important; }

/*------------------------------------------------------------------
index
------------------------------------------------------------------*/

.flexslider{ max-width:940px; width:100%; margin: 20px auto 0; }
.flexslider ul li img{ -webkit-box-shadow:0 1px 3px #888; -moz-box-shadow:0 1px 3px #888; box-shadow:0 1px 3px #888; }

.index.article_wrap article{ width:32%; float:left; margin-right:2%;}
.index.article_wrap article.last{ margin-right:0; }
.index.article_wrap article a{ display:block; }
.index.article_wrap article a:hover{ display:block; opacity:0.8;}

.index.article_wrap article a img{ display:block; width:100%;}
.index.article_wrap article a span{ display:block; font-family:'calistoMT'; font-size:1.0em; color:#313131 !important; margin:10px 0 50px; text-align:center;}

/*------------------------------------------------------------------
shop
------------------------------------------------------------------*/

figure.shop_img{ float:left; width:39.681%;}
figure.shop_img img{ width:100%; padding:15px 0 6px;}
.detail .detail_wrap{float:right; width:52.447%; text-align:center;}
.detail .detail_wrap img{ margin-bottom:20px; }

/* unused area
.detail table.detail_table{ float:right; width:53.723%;font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.1em;}
.detail table.detail_table th,.detail table.detail_table td{ line-height:1.5em; padding-bottom:15px; }
.detail table.detail_table th{ width:20%; text-align:left; vertical-align:top; }
.detail table.detail_table td{ width:80%; line-height:1.5em; vertical-align:top; }

.detail table.detail_table td table th{ width:21%; text-align:left; vertical-align:top; }
*/

.menu{ margin-top:20px; }
.menu .article_wrap{ padding-bottom:20px !important; }
.menu .article_wrap.bottom{ padding-bottom:15px !important;}

.detail_shop{ width:51.383% !important; }
.detail_shop p a img{  }
.detail_wrap p a img{ -webkit-box-shadow:0 1px 0px #888; -moz-box-shadow:0 1px 0 #888; box-shadow:0 1px 0 #888; }

.shop_info.article_wrap article{ width:32%; float:left; margin-right:2%;}
.shop_info.article_wrap article.last{ margin-right:0; }
.shop_info.article_wrap article a{ display:block; }
.shop_info.article_wrap article a:hover{ display:block; opacity:0.8;}

.shop_info.article_wrap article a img{ display:block; width:100%;}
.shop_info.article_wrap article a span{ display:block; font-family:'calistoMT'; font-size:1.0em; color:#313131 !important; margin:10px 0 50px; text-align:center;}

.shop.top_gallery{ margin-top:60px; }
.link_txt{float:left; width:40%;}
.link_txt a{ display:block;}

.menu .menuBtn{ margin:0 auto; width:29.362%; }

.other_menu{ margin:20px 0; }
.other_menu ul{ margin-bottom:20px; }
.other_menu ul li{ float:left; width:19.5%; margin:0 0.25%; }

.access{ margin:50px 0 0; }
.access img.map_img{ width:100%; padding-bottom:15px;}

.external_links{ margin-bottom:50px; }
.external_links div{ float:right; width:40%;}
.external_links div p{ float:right; width:20%;text-align:right; }
.external_links div p img{ width:70%; }
/*------------------------------------------------------------------
wine
------------------------------------------------------------------*/
#loopslider { margin: 0 auto; max-width: 940px; height: 156px; text-align: left; position: relative; overflow: hidden;}
#loopslider ul { /*	width: 100%;*/ height: 156px; float: left; display: inline; overflow: hidden; }
#loopslider ul li { width: 235px; height: 156px; float: left; display: inline; overflow: hidden; }
#loopslider ul:after {content: ""; height: 0; clear: both; display: block; visibility: hidden; }
#loopslider ul { display: inline-block; overflow: hidden; }

.detail h4{ text-align:center; padding-top:50px; line-height:1.5em; color:#fff;}

.japaneseMap{ margin:50px 0; background:url(../img/wine/japaneseMap.jpg) no-repeat; width:100%; height:540px; position:relative;}
.japaneseMap p{ position:absolute; }
.japaneseMap p a{ display:block; width:100%; }
.japaneseMap p.winery01{ top:-2px; left:240px; } /* 北海道 */ 
.japaneseMap p.winery02{ top:96px; right:5px; } /* 岩手 */ 
.japaneseMap p.winery03{ top:97px; left:195px; } /* 山形 */ 
.japaneseMap p.winery04{ top:275px; left:110px; } /* 長野五一 */ 
.japaneseMap p.winery05{ top:181px; left:190px; } /* 長野井筒 */ 
.japaneseMap p.winery06{ top:199px; right:66px; } /* 栃木ココ */ 
.japaneseMap p.winery07{ bottom:31px; right:190px; } /* 大阪 */ 
.japaneseMap p.winery08{ bottom:113px; left:35px; } /* 宮崎 */ 
.japaneseMap p.winery09{ bottom:114px; right:120px; } /* 山梨フジッコ */ 
.japaneseMap p.winery10{ bottom:190px; right:100px; } /* 山梨シャトー */ 

/*------------------------------------------------------------------
order
------------------------------------------------------------------*/
#tomato .tomato_detail{ margin-bottom:50px;}
#tomato .tomato_detail p{ width:60%; float:left; line-height:2.0em; color:#000; }
#tomato .tomato_detail .item{ float:right; width:30%; }
#tomato .tomato_detail dl{  width:100%; line-height:1.7em; border:1px solid #888; font-size:0.9em;}
#tomato .tomato_detail dl dt{ padding:5px 0 5px 10px; background:#eee; border-bottom:1px solid #888; }
#tomato .tomato_detail dl dd{ padding:10px 0 10px 10px; }
#tomato .tomato_detail .item p{ font-size:0.9em; width:100%; margin-top:5px; }
#tomato .tomato_detail .item p a{ padding-right:10px; }
#tomato .tomato_detail .item p a:hover{color:#d21212 !important;}

.juiceVisual{ max-width:940px; width:100%; margin: 45px auto 0; }
.juiceVisual p.juiceVisual_left{ float:left; width:27.66%; }
.juiceVisual div.juiceVisual_right{ float:left; width:72.34%; }
.juiceVisual div.juiceVisual_right{ text-align:center; }
.juiceVisual div.juiceVisual_right a{ display:block; margin-top:10px; }
.juiceVisual div.juiceVisual_right a img{ -webkit-box-shadow:0 1px 3px #888; -moz-box-shadow:0 1px 3px #888; box-shadow:0 1px 3px #888; }

p.juice_link{ max-width:875px; width:100%; margin:5px auto; text-align:right; padding-right:65px;font-family:'Hiragino Mincho ProN','Mincho';font-size:0.9em; }
p.juice_link a:hover{color:#d21212 !important;}
p.surface{ width:100%; text-align:center; margin-top:20px;}

.sidenavi{ padding:0 3.191%; width:20.213%; float:left; }
.sidenavi .order_visual img.img{ width:100%; border:1px solid #ddd; margin-bottom:10px; }
.sidenavi form select{ border:1px solid #ddd; float:right; margin:10px 0; height:30px; padding-left:10px;}
.sidenavi form input[type="image"]{ -webkit-box-shadow:0 1px 0px #000; -moz-box-shadow:0 1px 0 #000; box-shadow:0 1px 0 #000; }
.sidenavi ul{ margin-top:10px; }
.sidenavi ul li{ line-height:1.4em; }
.sidenavi ul li a{ font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.1em; color:#4c4c4c !important; } 

.map{ background:url(../img/order/japaneseMap.jpg) no-repeat; height:540px; width:73.405%; margin:0 auto 80px; position:relative;}
.map .map_link{ position:absolute; bottom:145px; left:110px; }

/*------------------------------------------------------------------
catering
------------------------------------------------------------------*/

div.subnavi{ max-width:445px; width:100%; margin:20px auto 10px; }
div.subnavi a{ width:120px; padding:0 19px; font-family:'calistoMT'; font-size:1.1em; color:#313131 !important;}
div.subnavi a:hover{ color:#d21212 !important; }

.catering { padding:20px 30px; border:1px solid #888; margin-bottom:20px;}
.catering p.txt{ margin-top:10px; position:relative;}
.catering p.txt a{ position:absolute; right:17px; bottom:0px; }
.catering p.txt a img{ -webkit-box-shadow:0 1px 0px #000; -moz-box-shadow:0 1px 0 #000; box-shadow:0 1px 0 #000; }

.detail_catering{ width:53.404% !important; }

.catering_img{ margin:20px 0 40px; }
.catering_img ul{ margin-bottom:10px; }
.catering_img ul li{ float:left; width:19%; margin:0 0.5%; }
.catering_img ul li a{ display:block; width:100%; }
.catering_img ul li a img{ width:100%; }
/*------------------------------------------------------------------
 delivery
------------------------------------------------------------------*/

/* None */

/*------------------------------------------------------------------
 catering_bus
------------------------------------------------------------------*/
.schedule{ margin-bottom:40px; }
.article_wrap_schedule{ width:57.128%; float:left; }
.article_wrap_schedule article span{  font-size:0.8em; opacity:0.9; font-family:'calistoMT','Hiragino Mincho ProN','Mincho';}
.article_wrap_schedule article{ line-height:1.2em; font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.0em; color:#4c4c4c !important; margin-bottom:10px; border-bottom:1px solid #888; padding-bottom:10px;}
.article_wrap_schedule a{ display:block; text-align:center; margin-top:50px; }
.article_wrap_schedule a.bus_btn{ margin-top:15px; }
.article_wrap_schedule p{ font-family:'calistoMT','Hiragino Mincho ProN','Mincho';}
.bus_img{ width:37.872%; float:right; }

/*------------------------------------------------------------------
 about
------------------------------------------------------------------*/

.about_access{ margin:50px 0 50px; }
.detail_about{ width:60.617% !important; float:left !important; margin-left:7.506%; }
.detail_about img{ width:100%; }
.about_img{ width:26.277% !important; }
.about_img img{ width:100%; }

/*------------------------------------------------------------------
 recruit_person
------------------------------------------------------------------*/

.recruit_img{ width:37.553% !important; }
.detail_recruit{ width:57.021% !important; }
.detail_recruit img.detail{ width:100%; }

/*------------------------------------------------------------------
 contact
------------------------------------------------------------------*/
th{ font-weight:normal; }

.contact{ border:1px solid #888; width:74.469%; margin:0 auto; padding:3.191% 3.191% 0;}
.contact p.description{ background:#eee; margin-top:15px; line-height:1.5em;}
.contact table{ width:99.9%; border:1px solid #888; margin-top:20px;}
.contact table th{ background:#f8f8f8; width:29.63%; padding:15px 0 15px 20px; text-align:left; border-bottom:1px solid #fff; border-left:1px solid #888; font-family:'Hiragino Mincho ProN','Mincho';  font-size:1.1em;}
.contact table th.contact_content{ border-bottom:1px solid #888; }
.contact table td{ padding-left:15px;border-left:1px solid #888; }
.contact table td select{ padding:2px 0; font-size:0.9em; }
.contact table td input{ padding:3px 0; }
.contact table td input.long{ padding:3px 0;  width:60%; }
.contact table td textarea{ margin:10px 0; resize:none; width:95.5%; }
.contact form p{ margin:20px auto; text-align:center; }

/*------------------------------------------------------------------
 transaction
------------------------------------------------------------------*/

.transaction h1{ margin-bottom:40px; }
.transaction p{ margin-bottom:50px; }

/*------------------------------------------------------------------
 privacy
------------------------------------------------------------------*/

.privacy h1{ margin-bottom:40px; }
.privacy p{ margin-bottom:50px; }

/*------------------------------------------------------------------
 order_form
------------------------------------------------------------------*/

.order_form{ border:1px solid #888; width:74.469%; margin:0 auto; padding:3.191% 3.191% 0;}
.order_form h1{ font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.2em; }
.order_form p.description{ background:#eee; margin-top:15px; line-height:1.5em;}
.order_form table{ width:99.9%; border:1px solid #888; margin-top:20px;}
p.formTxt{margin:0 auto; text-align:center; height:45px; font-size:1.5em;font-family:'Hiragino Mincho ProN','Mincho';}
p.formTxt02{font-family:'calistoMT','Hiragino Mincho ProN','Mincho'; font-size:1.15em; padding:0 0 30px; line-height:1.5em; text-align:center;}
.order_form table.cart th{ background:#f8f8f8; width:15%; padding:15px 0 15px; text-align:center; border-bottom:1px solid #888; border-left:1px solid #888; font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.1em;}
.order_form table.cart th.long{ width:20% !important; }
.order_form table.cart th.contact_content{ border-bottom:1px solid #888; }
.order_form table.cart td{ border-left:1px solid #888; text-align:center; font-family:'calistoMT','Hiragino Mincho ProN','Mincho';}
.order_form table.cart td.set_yesno{ font-family:sans-serif; }
.attention{ font-family:'Hiragino Mincho ProN','Mincho'; text-align:left !important; margin:20px 0 !important; border:1px solid #888; padding:10px 20px; line-height:1.5; font-size:0.9em;}
.attention h3{ font-size:1.1em; }
.order_form table.pay th{ background:#f8f8f8; width:25%; padding:15px 0 15px 15px; text-align:left; border-bottom:1px solid #888; border-left:1px solid #888; font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.1em;}
.order_form table.pay th.contact_content{ border-bottom:1px solid #888; }
.order_form table.pay td{ border-left:1px solid #888; text-align:left; padding-left:20px;}
.order_form table.pay td div{ font-family:'Hiragino Mincho ProN','Mincho'; margin:10px 0; font-size:1.1em;}
.order_form table.pay td div input[type="radio"]{ margin-right:5px;}
.order_form table.pay td div label{ line-height:1.5em; }
.order_form table.pay td p{ text-align:left; font-family:'Hiragino Mincho ProN','Mincho';}

table.payment td{ padding:15px !important; }
table.payment td label{ padding-left:5px; }
p.btn{ padding:20px 0 !important; margin:0 auto !important; text-align:center; }

.order_form table td select{ padding:2px 0; font-size:0.9em; }
.order_form table td input{ padding:3px 0; }
.order_form table td:last-child div{ text-align:center; }
.order_form table td input.sum_input{ background:#fff; color:#000; border:none;  font-family:'calistoMT','Hiragino Mincho ProN','Mincho'; display:inline; text-align:center; }
.order_form table td input#set_sum{ background:#fff; color:#000; border:none;  font-family:'calistoMT','Hiragino Mincho ProN','Mincho'; display:inline; text-align:center; }

.order_form table td textarea{ margin:10px 0; resize:none; width:95.5%; }
.order_form form p{ margin:20px auto; text-align:center; }

.order_form table.privacy th{ background:#f8f8f8; width:25%; padding:15px 0 15px 15px; text-align:left; border-bottom:1px solid #fff; border-left:1px solid #888; font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.1em; letter-spacing:-0.1em; }
.order_form table.privacy th.contact_content{ border-bottom:1px solid #888; }
.order_form table.privacy td{ border-left:1px solid #888; text-align:left; padding-left:20px;}
.order_form table.privacy td input.long{ width:60%; }

.other_user th{ background:#f8f8f8; width:25%; padding:15px 0 15px 15px; text-align:left; border-bottom:1px solid #fff; border-left:1px solid #888; font-family:'Hiragino Mincho ProN','Mincho'; font-size:1.1em; letter-spacing:-0.1em; }
.other_user td{border-left:1px solid #888; text-align:left; padding-left:20px;}
.other_user th.contact_content{ border-bottom:1px solid #888; }

.check{color:#d21212; font-size:0.8em; font-weight:normal;}
.err{ display:block; padding-top:1.5px; font-size:0.7em; color:#d21212; }

/*------------------------------------------------------------------
 gallary
------------------------------------------------------------------*/
.photo{ margin-bottom:40px; }

.top_gallery,.middium_gallery,.bottom_gallery{ margin-bottom:1.595%; }

.photo_wrap{ float:left; margin-right:1.595%; width:21.242%;}
.photo_wrap a img{ width:100%; }
.photo_wrap.first{ width:31.489%; }
.photo_wrap.first p{ width:100%; margin-bottom:6.4%;}
.photo_wrap.first .photo_double{ width:100%; }
.photo_wrap.first .photo_double a{float:left; display:block; width:46.622%; margin-right:6.756%;}
.photo_wrap.first .photo_double a:last-child{ margin:0; }


/* cancel */

.top_gallery .photo_wrap:last-of-type,.middium_gallery .photo_wrap:last-of-type,.bottom_gallery .photo_wrap:last-of-type{ margin:0; }
.completeTxt{ height:200px; text-align:center;font-family:'calistoMT','Hiragino Mincho ProN','Mincho'; font-size:1.0em; line-height:1.5; }