@charset "utf-8";


/* --------------------------------------------


						共通フォント指定


---------------------------------------------- */ 
.contents article h1,
#calendar article section div h3 span,
#calendar article section div h3 small
#index article .calendar li.month span,
#index article .calendar li.month small,
#index article .calendar h2,
#flow article .seika ul li h3 span small
 { font-family: 'Cantarell', sans-serif; font-weight:700;}

#index article .calendar li,
#index article .calendar li.month,
#calendar article section div h3,
#calendar article section div li,
#flow article .seika ul li h3 span
{font-family: 'Cambo', serif;}

#index .news .news_inner>a span,
.contents article h1 span,
.contents article h2.def,
#flow article .seika ul li h3 p,
#flow article .order h2,
#flow article .order ul li p strong,
#access article section div h2
{ font-family: 'Noto Sans JP', sans-serif; font-weight:600;}

#index .news ul li span,
#company article h1+h2,
#company article .greeting p,
#company article .greeting small,
#news h2,
#news .list_wrap .title,
#recruit h2,
#recruit .recruiting ul li a
{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; font-weight: normal;}


/* --------------------------------------------


						index　インデックス


---------------------------------------------- */ 

#index #mainV,
#index #mainV .mvSlider {display: block; width: 100%; height:780px; position:relative; }
#index #mainV .mvSlider .carousel { width: 100%; height: 780px; overflow:hidden; position:relative; }
#index #mainV .mvSlider .carousel div { position: relative; width: 100vw; height: 780px; min-width: 1200px; padding :0; float: left; overflow:hidden; }
#index #mainV .mvSlider .carousel div img { display: block; width: 120%; position: relative; margin-left: -10%;}

#index .m_banner { display: block; position: absolute; top: 68%; right: 5%; z-index: 1;}
/*
#index #mainV .mvSlider .carousel div img {position: absolute;
top: 50%;
left: 35%;
-webkit-transform: translate(-35%, -50%);
-ms-transform: translate(-35%, -50%);
transform: translate(-35%, -50%);}*/
@media (max-width: 1625px){
#index #mainV,
#index #mainV .mvSlider { height:580px;}
#index #mainV .mvSlider .carousel div { height: 580px;}

}



#index .news { position: relative; overflow: hidden; width: 90%; height: 20px; margin: -5% auto 0; padding: 1em .8em 1.6em 2em; background: #fff;}
#index .news h3 { float: left; width: 100px; margin-right: 2.5em; font-family: 'Cantarell', sans-serif; font-weight: bold; border-right: 2px solid #3eab90;}
#index .news .news_inner > div { float: left; width: 65%;}
#index .news .news_inner ul li span { display: inline-block; margin-right: 1.2em; font-size: 16px; font-weight: bold;}
#index .news .news_inner ul li a { display: inline-block; font-size: 16px; text-decoration: underline; color: #3eab90;}
#index .news .news_inner>a { display: block; float: right; width: 185px; height: 44px; margin-top: -8px; line-height: 44px; background: #e6e6ea;}
#index .news .news_inner>a:before { content: url(../img/index/news_icon.png); padding-left: 10px;}
#index .news .news_inner>a span { display: block; float: right; padding-right: 20px;}

#index article { padding-top:2em; }
#index article .calendar { background:url(../img/index/calendarBg.jpg) top center no-repeat; padding-top:123px;}
#index article .calendar h2 { font-size:30px; }
#index article .calendar h2 span { display:inline-block; padding-left:20px; font-size:16px; color:#e45c0b; }
#index article .calendar div { width:86%; box-shadow :0 0 0 1px #dcdcdc,0 0 0 3px #fff; background:#fff; padding:2em 4%; max-width:1600px; margin:0 auto 40px;}
#index article .calendar ul { white-space:nowrap; overflow:scroll;}
#index article .calendar li { display:inline-block; width:66px; height:150px; border:3px solid #efefef; margin:0 -3px;  text-align: center; font-size:24px; color:#828282; background: url(../img/index/icon.png) no-repeat center bottom #fff;}
#index article .calendar li.month { width:150px; overflow:hidden; border:3px solid #fff; margin:0 -3px -123px; text-align:center; line-height:1.3; font-size:50px; color:#fff; background:#e45c0b;}
#index article .calendar li.month * { display:block; text-align:center;}
#index article .calendar li.month span { border-bottom:2px solid #fff; width:60px; margin:auto; font-size:22px; line-height:34px; padding-top:10px;}
#index article .calendar li.month small { font-size:12px;}
#index article .calendar li.off { background: url(../img/index/off.png) no-repeat center bottom #2e2624;}
#index article .calendar li.today { font-weight:bold; color:#e0061e; background: url(../img/calendar/icon_today.png) no-repeat center bottom #ffe5d6;}
#index article .calendar li.none { background: none;}
#index article .calendar li.holi { color:#e0061e;}


#index article .banner { text-align:center; max-width:1600px; margin:0 auto; }
#index article .banner a { display:inline-block; width:30%; margin:0 1% 2em}
#index article .banner a img{ width:100%;}


/* index インラインフレーム */
#index iframe {width:100%; height:200px;}
/* ifarme */
#iframe {background-color:transparent;}
#iframe div.flexcroll {width:100%; height:200px; overflow:auto;}

/* 本体？ */.scrollgeneric {font-size:1px; line-height:1px; position:absolute; top:0; left:0;}
/* 縦スクロール範囲 */.vscrollerbase {width:8px; background:#eee /*url(../img/new_scrollBg.png)*/; /*padding:1px;*/}
/* 縦スクロールバー */.vscrollerbar {width:8px; background:#900; /*padding:18px 0 21px;
border-bottom:1px solid #000; border-right:1px solid #000; border-left:1px solid #3d3d3d; border-top:1px solid #3d3d3d;*/}
/* 横スクロール範囲 */.hscrollerbase {height:0px; background-color:#eee;}
/* 横スクロールバー */.hscrollerbar {height:0px; background-color:#900;}
/* 縦横スクロールバー */
.scrollerjogbox {width:19px; height:19px; background-color:#fff;
	top:auto; left:auto; bottom:0; right:0;}




/* --------------------------------------------


						article　共通


---------------------------------------------- */ 
article { background:#e6e6ea;}
.contents article {min-height:400px; padding:60px 0 80px ; }
.contents article section { width:86%; margin:0 auto; padding:5% 0 7% ; max-width:1360px;}

.contents article h1 { width:85%; height:57px; margin:0 auto 40px; padding-left:43px; line-height:57px; font-size:26px; color:#fff; background:url(../img/share/heading.png) right no-repeat;}
.contents article h1 span{ display:inline-block; height:57px; margin-left:10px; padding-left:35px; font-size:14px; line-height:65px; color:#e45c0b; font-weight:500; background:url(../img/share/heading_border.png) top left no-repeat;}

.contents article h2.def { padding:80px 0 50px; text-align: center; color:#e45c0b; font-size:26px; font-weight:700; background:url(../img/share/h2_def.png) no-repeat top center;}



/* --------------------------------------------


						calendar　配送日カレンダー


---------------------------------------------- */ 
#calendar article {}
#calendar article section { text-align: center;}
#calendar article section p { width:1024px; margin:auto; padding:0px 0 100px;}
#calendar article section p img { padding-right:10px;}
#calendar article section div { display:inline-block; width:520px; height:650px; margin:0 24px 120px; box-shadow :0 0 0 1px #dcdcdc,0 0 0 3px #fff; background:#fff;}
#calendar article section div h3 { width:100px; height:100px; margin:-54px auto 0; border:4px solid #fff; text-align:center; font-size:40px; line-height:1.2; color:#fff; background:#e45c0b;}
#calendar article section div h3 * { display:block; text-align:center;;}
#calendar article section div h3 span { border-bottom:2px solid #fff; width:60px; margin:auto; font-size:14px; line-height:26px;}
#calendar article section div h3 small { font-size:10px;}
#calendar article section div ul { width:490px; margin:10px auto 0; }
#calendar article section div li { width:64px; height:90px; float:left; border:3px solid #fff; text-align: center; font-size:24px; color:#828282; background: url(../img/calendar/icon.png) no-repeat center bottom #fff;}
#calendar article section div li.off { background: url(../img/calendar/off.png) no-repeat center bottom #e8e7e7;}
#calendar article section div li.today { font-weight:bold; color:#e0061e; background: url(../img/calendar/icon_today.png) no-repeat center bottom #ffe5d6;}
#calendar article section div li.none { background:  none;}
#calendar article section div li.holi { color:#e0061e;}



/* --------------------------------------------


						flow　青果物流の流れ


---------------------------------------------- */ 
#flow article {}
#flow article .seika { position:relative; }
#flow article .seika ul { width:100%; }
#flow article .seika ul li { width:25%; box-sizing:border-box; padding: 34px 17px 0; float:left; background:url(../img/flow/stepBg.png) no-repeat center top;}
#flow article .seika ul li h3 { text-align: center; color:#e45c0b; height:140px; line-height:1.2;}
#flow article .seika ul li h3 span { display:block; font-size:52px; line-height:1.2; font-weight: normal; }
#flow article .seika ul li h3 span small { display:block; font-size:20px; }
#flow article .seika ul li h3 p { text-align: center; font-size:20px; }
#flow article .seika ul li:nth-child(even) h3 { color:#3eab90; }
#flow article .seika ul li>p { min-height:80px;}
#flow article .seika ul li img { width:100%; display:block; }

#flow article .seika>img { display:block; position:absolute; top:280px; } 
#flow article .seika>img:nth-last-child(3) { left:19%; } 
#flow article .seika>img:nth-last-child(2) { left:44%; } 
#flow article .seika>img:nth-last-child(1){ left:69%; } 


#flow article .order { padding:50px; background:#FFFFFF; border:1px solid #e21f0b;
/* box-shadow */
box-shadow:0px 0px 0px 2px #fff;
-moz-box-shadow:0px 0px 0px 2px #fff;
-webkit-box-shadow:0px 0px 0px 2px #fff;
}
#flow article .order h2 { float:left; margin:-10px 20px 0 0 ;  font-size:22px; color:#e21f0b;}
#flow article .order ul { width:90%; margin:40px auto 0 7%;}
#flow article .order ul li{ width:24%; margin:0 2% 0 -1%; float:left; background:url(../img/flow/orderLine.png) top right no-repeat; }
#flow article .order ul li:last-child { background:none; }
#flow article .order ul li p{ font-size:12px; padding-right:3%; }
#flow article .order ul li p strong{ display:inline-block; padding-bottom:10px; font-size:16px; }
#flow article .order ul li p img{ float:left; padding-right:10px;}




/* --------------------------------------------


						deliverycenter　配送センター


---------------------------------------------- */ 
#deliverycenter article {}




/* --------------------------------------------


						company　会社案内


---------------------------------------------- */ 
#company article {}
#company article h1+h2 { padding-top:100px; font-size:37px; margin-top:100px; text-align:center; background:url(../img/company/rogo.png) no-repeat top center;}
#company article .greeting { width:776px; }
#company article .greeting p { font-size:20px; text-align: center;}
#company article .greeting small { display: block; padding:2em 0 0; clear:both; font-size:14px; text-align: center; }
#company article .greeting small img { padding-left: 1em;}

#company article .outline { width:800px; margin:auto;}
#company article .outline table { float:left; }
#company article .outline table th,
#company article .outline table td { padding:0.5em 10% 0.5em 0px;}
#company article .outline table th { width:30%;}
#company article .outline table td { width:70%;}
#company article .outline table td small { font-size:0.8em;}
#company article .outline table { width:480px; }
#company article .outline table:last-child { width:320px; }
#company article .outline table td dl dt { float:left;}
#company article .outline table td dl dd { padding-left:100px;}

#company article .enkaku {}
#company article .enkaku table { width:530px; margin:auto;}
#company article .enkaku th,
#company article .enkaku td { padding:0.5em 0;}
#company article .enkaku tr th { width:80px; padding-left:70px; }
#company article .enkaku tr td:nth-child(2) { width:50px; padding-right:20px; text-align:right;}
#company article .enkaku tr td:nth-child(3) {}



/* --------------------------------------------


						access　アクセス


---------------------------------------------- */ 
#access article {}
#access article #map_canvas { min-width:1000px; height:700px; overflow:hidden;}
#access article section { width:70%; position:relative; }
#access article section * { text-align:center; }
#access article section div { float:left; width:40%; margin:0 5%; }
#access article section div p{ height:140px; border-top:2px solid #e45c0b; padding:50px 0 0px;}
#access article section div h2,
#access article section div h2+p{ color:#e45c0b; border:none; font-size:20px; }
#access article section div h2+p{ height:auto; padding:0 0 60px; font-size:16px; }

#access article section div.line{ position: absolute; left:44.5%; top:-30px; width:7px; height:500px; background:url(../img/access/line.png);}
#access article section>img { display:block; position:absolute; top:180px; left:50%; margin-left:-92px;}
#access article section>img[src*="train"] { top:374px;}



/* --------------------------------------------


						news　お知らせ


---------------------------------------------- */ 
#news article {}
#news h1 { margin-bottom: 120px;}
#news .date { font-family: 'Cantarell', sans-serif; font-weight:700; font-size: 14px; color: #e45c0b;}
#news .box { width: 970px; margin: 0 auto;}
#news .box .summary { float: left; width: 60%; max-width: 600px;}


/* 一覧ページ */
#news .list_wrap .box ul { margin-bottom: 5.5em; padding-top: 1em;}
#news .list_wrap .box ul li { position: relative; margin-bottom: 4em;}
#news .list_wrap .box ul li .date { display: block; width: 100%; border-bottom: 1px dashed #e45c0b;}
#news .list_wrap .box ul li .title { display: block; width: 100%; padding-top: 5px;}
#news .list_wrap .box ul li .title a { display: block; font-size: 18px;}
#news .list_wrap .box ul li .new { display: block; position: absolute; top: -25px; right: 0; width: 45px; height: 45px; font-family: 'Cantarell', sans-serif; text-align: center; line-height: 45px; color: #fff; font-size: 11px; border-radius: 50%; background: #e45c0b;}
#news .pager { text-align: center;}
#news .pager a { display: inline-block; padding: 5px;}

/* 詳細ページ */
#news .detail-wrap .date { margin-bottom: 35px;}
#news .detail-wrap .title { margin-bottom: 40px; font-size: 24px;}
#news .detail-wrap .detail .inner { margin-bottom: 2em;}
#news .detail-wrap .detail .detailText { padding-bottom: 40px;}
#news .detail-wrap .detail .img_box { display: block; overflow: hidden; width: 100%; max-height: 437px;}
#news .detail-wrap .detail .img_box img { display: block; max-height: 437px; margin: 0 auto;}

/* 最新NEWS表示欄 */
#news .box .sub_summary { float: right; position: relative; width: 310px; padding-top: 40px; box-sizing: border-box; border: 1px solid #dcdcdc; background: #fff;}
#news .box .sub_summary h3 { margin-bottom: .8em; font-family: 'Cantarell', sans-serif; font-size: 24px; font-weight:700; text-align: center; color:#e45c0b;}
#news .box .sub_summary span { position: absolute; top: -80px; left: 10%;}
#news .box .sub_summary iframe { display: block; width: 226px; height: 300px; margin: 0 auto;}
#news .sub_wrap ul li { position: relative; margin-bottom: 1em;}
#news .sub_wrap ul li .date { display: block; font-size: 12px;}
#news .sub_wrap ul li .title { display: block; clear: both; overflow: hidden; width: 226px; white-space: nowrap; text-overflow: ellipsis;}
#news .sub_wrap ul li .new { display: block; position: absolute; top: 0; left: 100px; width: 45px; font-size: 11px; text-align: center; color: #fff; border-radius: 5px; background: #e45c0b;}

.backORcloseBtn { clear: both; padding-top: 50px;}


/* --------------------------------------------


						recruit　採用情報


---------------------------------------------- */ 
#recruit article {}
#recruit section h2 { margin-bottom: 2.5em; font-size: 24px; font-weight: bold; text-align: center;}
#recruit section> ul { width: 980px; margin: 0 auto 5.2em; text-align: center;}
#recruit section> ul li { display: inline-block; /*float: left;*/ width: 310px; margin-right: 25px;}
#recruit section> ul li:nth-last-of-type(1) { margin: 0;}

#recruit .recruiting { width: 804px; margin: 0 auto;}
#recruit .recruiting p { margin-bottom: 1em; text-align: center;}
#recruit .recruiting ul { margin-bottom: 2.4em; text-align: center;}
#recruit .recruiting ul li { display: inline-block; width: 264px; height: 50px; margin: 0 3px 10px; background: url(../img/recruit/btn.png);}
#recruit .recruiting ul li a { display: block; font-size: 17px; text-align: center; line-height: 50px;}
#recruit .recruiting_inner { width: 645px; margin: 0 auto; padding-bottom: 103px; background: url(../img/recruit/detail_back.png) 540px 14px no-repeat #fff;}
#recruit .recruiting_inner h3 { margin-bottom: 2.4em; padding: .5em 0; font-size: 20px; text-align: center; border: solid #e34f0b; border-width: 3px 0;}
#recruit .recruiting_inner table { width: 565px; margin: 0 auto;}
#recruit .recruiting_inner table th { width: 116px; height: 40px; padding-left: 10px; font-size: 13px; vertical-align: middle; color: #e34f0b; background: url(../img/recruit/border.png) bottom no-repeat;}
#recruit .recruiting_inner table td { height: 40px; padding-left: 10px; vertical-align: middle; border-bottom:1px solid #e6e6ea;}


/* --------------------------------------------


						contsct　お問い合せ


---------------------------------------------- */ 
#contact article .description{ width:610px; margin:0 auto 60px;}
#contact article .form_box{ width:610px; margin:0 auto; overflow:hidden;}
#contact article .form_box .attention{ height:33px; margin-bottom:24px; padding-top:15px; border:1px dashed #e34f0b; background:#fff;}
#contact article .form_box .attention span{ display:block; width:130px; margin:0 auto; padding-left:20px; font-size:12px; background:url(../img/contact/star.png) center left no-repeat;}
#contact article .form_box table{ margin-bottom:50px;}
#contact article .form_box table tr{ display:block; padding-bottom:10px;}
#contact article .form_box table tr th{ width:146px; padding:23px 0 23px 25px; font-weight:normal; background:#fff;}
#contact article .form_box table .not th{ opacity:0;}
#contact article .form_box table .required th span{ display:inline-block; color:#e34f0b; padding-left:19px; background:url(../img/contact/star.png) left no-repeat;}
#contact article .form_box table td{ width:429px; padding:20px 0 0 10px; background:#fff;}
#contact article .form_box table td input{ border:none; width:412px; min-height:34px; background:#e6e6ea;}
#contact article .form_box table td .min{ width:395px;}
#contact article .form_box table .big th{ display:block; width:585px; padding:23px 0 8px 25px;}
#contact article .form_box table .big td{ display:block; width:585px; padding:0 0 25px 25px;}
#contact article .form_box table .big td textarea{ width:556px; height:157px; border:none; resize:vertical;}
#contact article .form_box table .required input,
#contact article .form_box table .required textarea{ background:#ffd4c5;}
#contact article .form_box .submit{ display:block; width:242px; height:85px; margin:0 auto 120px; font-family: 'Noto Sans JP', sans-serif; font-size:16px; color:#fff; border:5px solid #fff; cursor:pointer; background:#e45c0b;}
#contact article strong{ display:block; font-size:16px;  color:#e45c0b; font-weight:500; font-family: 'Noto Sans JP', sans-serif;}
.msg{ color:#e45c0b;}
.last{ padding-bottom:120px;}