/*Contents*/

.g_font { font-family: 'Playfair Display', serif; }

article > section { margin-bottom:60px; }
.tit_con .main_img { height:220px; text-align:center; }
.tit_con .main_img img { margin:60px 0; }

article { width:100%; max-width:980px; position:relative; }

.sec_tit {
	position:relative; padding:0 0 6px 70px; font-size:28px;
	font-family:"�q���M�m���� Pro W6","Hiragino Mincho Pro","HGS����E","�l�r �o����",serif;
	background:url(../img/line_border.jpg) repeat-x left bottom;
}
.sec_tit::before { position:absolute; left:10px; bottom:-2px; }
.sec_tit .en {
	padding-left:14px; font-size:80%; font-weight:normal;
	font-family: 'Playfair Display', serif; font-weight:lighter;
}
.sub_tit {
	margin:0 auto 30px; text-align:center; font-size:28px;
	line-height:120%;
	font-family:"�q���M�m���� Pro W6","Hiragino Mincho Pro","HGS����E","�l�r �o����",serif;
}
.sub_tit .en {
	font-size:80%; font-weight:lighter; color:#BB8A42;
	font-family: 'Playfair Display', serif;
}

.tit_app {
	padding:6px 0 0 26px; margin-bottom:6px; font-size:16px;
	background:url(../img/icon_apple.png) no-repeat left center;
}
section > .inner { margin:30px 20px; }
section .txt_box .lead { font-size:180%; margin:0 0 15px; }
section .txt_box .txt { margin:0 0 15px; }

.tbl { width:100%; margin:-8px; border-spacing:8px; }
.tbl th {
	padding:8px 20px; text-align:left; font-weight:normal;
    background:#708533; color:#fff;
}
.tbl td { padding:8px 20px; background:#F0EBD5; }
.g_btn a { padding:10px 35px 8px 20px; background:#4C6600; }

/*about �A�X�J�L�@�_���ɂ‚���
=======================================================*/
#about .main_img {
	background:url(../about/img/main_img.jpg) no-repeat center;
}
#about .sec_tit { width:470px; }
#about .sec_tit::before { content:url(../img/icon_about.png); }
#about #message {
	padding-bottom:10px;
	background:url(../about/img/message_img.png) no-repeat center top;
}
#about #story { margin-bottom:90px; }
#about #story .sec_tit { width:auto; }
#about #story .txt_box {
	padding:30px 45px; margin:30px auto; background:#F8F5E9;
	border-radius:10px;
}
#about #story .inner { margin-top:40px; }
#about #story .inner p { margin:0; }
#about #story .g_btn { position:relative; }
#about #story .g_btn::before {
	position:absolute; left:-36px; bottom:-20px; z-index:10;
	content:url(../about/img/btn_point.png);
}
#about #company .tbl { width:530px; float:left; }
#about #company .tbl td a { padding-left:10px; }
#about #company .tbl td a:hover { text-decoration:underline; }
#about #company .tbl .mail a { padding-left:0; }
#about #company .box_r { width:370px; float:right; }
#about #company .box_r figure { margin:-84px 0 20px; }
#about #company .box_r .torikumi {
	padding:14px 20px; border:1px solid #4C6600;
}
#about #company .box_r .torikumi h4 {
	margin-bottom:5px; border-bottom:1px dashed; font-size:120%;
}
#about #company .box_r .torikumi ul {
	padding-left:20px; list-style-type:disc;
}

/*�A�N�Z�X------------------*/
#about #access .inner {
	position:relative; margin:30px 0;
}
#about #access .inner::after {
	position:absolute; content:url(../img/border_wave.png);
	bottom:0; left:0; z-index:100;
}
#about #access .inner .map {
	position:relative; width:660px;
}
#about #access #hours {
	position:relative; width:280px; height:280px; text-align:center;
	border:1px solid #4C6600; border-radius:140px; background:#F8F5E9;
}

#about #access #hours .cap {margin-top:-10px;}

#about #access #hours::after {
	position:absolute; content:url(../about/img/img_tomato.png);
	bottom:-59px; right:0;
}
#about #access #hours h4 {
	padding:4px; margin:30px 0 10px;
	color:#fff; font-weight:normal; font-size:18px;
	background:url(../about/img/time_ttl.png) no-repeat top center;
}
#about #access #hours dl { width:80%; margin:12px auto; }
#about #access #hours dt {
	width:40%; float:left; clear:left;
}
#about #access #hours dd {
	padding:0 4px 4px 40%; margin-bottom:10px; border-bottom:1px dotted;
}
#about #access .inner .map #map_icon {
	position:absolute; width:120px; height:114px; margin:0;
	top:50px; left:310px;
}
#about #access .inner .map #map_icon a { display:block; }

#about #access .access_box .bleft { width:45%; }
#about #access .access_box .bright { width:52%; }

#about #access .access_box .box h4 {
	position:relative; padding:2px 0 2px 20px; margin:0 0 10px;
	font-size:140%; font-weight:normal; border-bottom:1px dotted;
}
#about #access .access_box .box h4::before {
	content:""; width:5px; height:calc(100% - 0.6em); position:absolute;
	top:4px; left:4px; border-radius:4px; background-color:#4C6600;
}
#about .access_box .box .car_box {
	padding:14px; background:#F8F5E9; border-radius:5px;
}
#about .access_box .box .car_box > li {
	padding:0 6px 10px; margin:0 0 14px 26px; position:relative;
	border-bottom:1px dotted;
}
.car_box > li::before { position:absolute; left:-26px; top:3px; }
.car_box > li:first-child::before { content:url(../about/img/way1.png); }
.car_box > li:nth-child(2)::before { content:url(../about/img/way2.png); }
.car_box > li:nth-child(3)::before { content:url(../about/img/way3.png); }
.car_box > li:nth-child(4)::before { content:url(../about/img/way4.png); }
.car_box > li:last-child::before { content:url(../about/img/way5.png); }


#about .access_box .box .car_box > li:last-child {
	margin-bottom:0; padding-bottom:0; border-bottom:none;
}
#about .access_box .box dt {
	float:left; clear:left; font-weight:bold;
}
#about .access_box .box dd { margin:0 0 10px 60px; }
#about .access_box .box.bus { margin-bottom:30px; }

.access_flex { display: flex;}


/*support ���Ԃ���
=======================================================*/

#support .main_img {
	background:url(../support/img/main_img.jpg) no-repeat center;
}
#support .tit_con .main_img img { margin:45px 0; }
#support .sec_tit::before { content:url(../img/icon_support.png); }
#support .con_inner { margin-bottom:60px; }

/*���Y��------------------*/
#support #farmer .inner { margin:30px 0; }
#support #farmer .txt_box { width:470px; }
#support #farmer figure { width:495px; }

#support #f_list { margin:0 10px; }
#support #f_list > li { width:210px; margin:0 15px 30px; }
#support #f_list figure { width:155px; height:155px; margin:0 auto; overflow:hidden; border-radius:50%; }
#support #f_list figure img { height:155px; }
#support #f_list h4 {
	padding:4px 10px 0 60px; margin:8px 0;
	border-bottom:1px dashed #5D3B28; font-size:17px;
	background:url(../img/icon_sprout.png) no-repeat left bottom -2px;
}
#support #f_list p { margin:0; text-align:center; }


/*���Y�҃}�b�v------------------*/
#support #f_map #map_box { position:relative; }
#support #f_map #map_box .map_img { margin:0 0 0 34px; }
#support #f_map #map_box > div {
	position:absolute; padding:14px 14px 10px; border:1px solid #ddd; background:#fff;
}
#support #f_map #map_box h4 {
	width:100%; margin:-14px -14px 10px; padding:6px 14px; color:#fff; font-size:110%;
}
#support #f_map #map_box .kyoto h4 { background:#9E5C80; }
#support #f_map #map_box .hyogo h4 { background:#92C544; }
#support #f_map #map_box .wakayama h4 { background:#F19337; }
#support #f_map #map_box .oita h4 { background:#57A19F; }
#support #f_map #map_box .hokkaido h4 { background:#6c8faf; }
#support #f_map #map_box .shiga h4 { background:#88b8b9; }
#support #f_map #map_box .mie h4 { background:#ca9ac5; }
#support #f_map #map_box .osaka h4 { background:#b13653; }
#support #f_map #map_box .nara h4 { background:#547c59; }
#support #f_map #map_box .fukui h4 { background:#bebb25; }

#support #f_map #map_box h5 {
	padding:4px 0 0 26px; margin:0 0 10px; font-size:14px;
	background:url(../img/point_apple.png) no-repeat left 4px bottom 6px;
	border-bottom:1px dotted;
}
#support #f_map #map_box .f_list { font-size:90%; }
#support #f_map .kyoto { width:37%; top:60px; right:0; }
#support #f_map .kyoto::after {
	content:url(../support/img/map_img1.png); position:absolute; top:-40px; right:10px;
}
#support #f_map .kyoto::before {
	content:url(../support/img/map_img2.png); position:absolute; bottom:350px; left:-222px;
}
#support #f_map .kyoto .area { width:47%; }
#support #f_map .kyoto .area > li { margin-bottom:10px; }
#support #f_map .kyoto .area .f_list { margin-left:26px; }
#support #f_map .hyogo, #support #f_map .wakayama, #support #f_map .oita, #support #f_map .hokkaido, #support #f_map .shiga, #support #f_map .mie, #support #f_map .osaka, #support #f_map .nara, #support #f_map .fukui {
	width:20%; left:0;
}
#support #f_map .hokkaido { top:-10px; }
#support #f_map .fukui { top:85px; }
#support #f_map .shiga { top:202px; }
#support #f_map .hyogo { top:297px; }
#support #f_map .mie { top:650px; }
#support #f_map .osaka { top:745px; }
#support #f_map .nara { top:840px; }
#support #f_map .wakayama { top:650px; left: 250px; }
#support #f_map .oita { top:767px; left: 250px ;}

#support #f_map.mb400 { margin-bottom: 400px; }
/*�������X��------------------*/
#support #client .inner { margin:30px 0; }
#support #client .inner .txt_box { width:470px; margin:50px 0 0 30px; }
#support #client .inner figure { width:480px; }
#support #client #c_list > li {
	width:450px; padding:14px; margin-bottom:20px; background:#FBF4EC;
}
#support #client #c_list > li:nth-child(odd){ margin-right:24px; }
#support #client #c_list figure { width:160px; float:left; }
#support #client #c_list figure img { width:100%; }
#support #client #c_list .txt_box { width:270px; float:right; }
#support #client #c_list h4 {
	padding:4px 5px 5px 30px; margin-bottom:20px; line-height:1.4;
	border-bottom:1px dotted #F78A06;
	background:url(../img/icon_client.png) no-repeat left center;
	background-size:22px auto;
}

/*�v���t�B�[��------------------*/
#support #profile { width:720px; margin-bottom:60px; order:2; }
#support #profile .sec_tit .area { padding-left:20px; font-size:16px; }
#support #profile .pro_inner { margin:20px 10px; }

#support #profile .pro_inner .txt_box { width:430px; float:left; }
#support #profile .txt_box .lead { margin-top:20px; }
#support #profile .pro_inner .img_box { width:250px; float:right; }
#support #profile .img_box > li { margin-bottom:10px; }
#support #profile .img_box > li img { width:100%; }
#support #profile .name { margin:25px 0 10px; font-weight:bold; }
#support .tbl th { min-width:58px; }
.client .tbl th { background:#BF8748; }
.client .tbl td { background:#FBF4EC; }


/*���Y�ҁE�������ꗗ�i�r------------------*/
#support_nav { width:210px; order:1; }
#support_nav h3 {
	padding:4px 10px 0 56px; font-size:20px; font-weight:normal;
}
#support_nav > ul { padding:10px 0; border-radius:5px; }
#support_nav li { border-bottom:1px dashed #5D3B28; }
#support_nav li:last-child{ border-bottom:none; }

#support_nav.farmer h3 {
	background:url(../img/icon_sprout.png) no-repeat left 2px bottom -2px;
}
#support_nav.farmer > ul { background:#5D3B28; }
#support_nav.farmer li { background:#F8F5E9; }
#support_nav.farmer li a:hover { background:#ECE3C4; }

#support_nav.client h3 {
	background:url(../img/icon_client.png) no-repeat left 10px bottom 4px;
}
#support_nav.client > ul { background:#AA6004; }
#support_nav.client li { background:#FBF4EC; }
#support_nav.client li a:hover { background:#F4E0CA; }

#support_nav li a {
	display:block; overflow:hidden; padding:6px 10px;
}
#support_nav li figure {
	width:42px; height:42px; margin-right:10px; float:left; clear:left; border-radius:50%; overflow:hidden;
}
#support_nav li figure img { height:42px; }
#support_nav li p {
	width:134px; margin:0; padding-top:10px; float:right; line-height:160%;
	font-size:13px;
}
/*shopping �V���b�s���O
=======================================================*/
#shopping .main_img {
	background:url(../shopping/img/main_img.jpg) no-repeat center;
}
#shopping .sec_tit::before { content:url(../img/icon_shopping.png); }
#shopping .shop_common { margin:30px 0; }
#shopping section .txt_box { width:470px; }
#shopping section figure { width:430px; }

#shopping #item .lead { margin:30px auto; text-align:center; }
#shopping #cat_btn { margin-bottom:20px; }
#shopping #cat_btn li a {
	display:block; margin:12px 0; background:#F1EDDE; border-radius:10px;
}
#shopping #cat_btn li a:hover { background:#F9F8EE; }
#shopping #item_list li {
	padding:20px; margin-bottom:20px; border:1px solid #ddd; border-radius:10px;
}
#shopping #item_list h4 { width:170px; float:left; }
#shopping #item_list p { width:78%; margin:10px 0 0; float:right; }
#shopping #delivery .txt_box { width:370px; }
#shopping #delivery .contact {
	padding:14px; margin-top:40px; text-align:center;
	border:1px solid #4C6600; border-radius:10px; background:#F8F5E9;
}
#shopping #delivery .contact h4 {
	padding:6px 0; margin:-30px 0 14px; color:#fff;
	background:url(../shopping/img/contact_ttl.png) no-repeat top center;
}
#shopping #delivery .contact ul { width:80%; margin:0 auto; }
#shopping #delivery .contact li:first-child {
	padding-bottom:10px; margin-bottom:10px;
	border-bottom:1px dotted;
}
#shopping #delivery .tbl { width:auto; }
#shopping #delivery .g_btn { margin:20px 0 0; }
#shopping #webshop .inner { width:680px; margin:30px auto 80px; }
#shopping #webshop .inner p { margin:0; }
#shopping #webshop .inner a { text-align:right; }
#shopping #webshop .inner a:hover { text-decoration:underline; }
#shopping #webshop .inner .txt { width:55%; padding-top:5px; }

/*voices ���q�l�̐�
=======================================================*/
#voices .main_img {
	background:url(../voices/img/main_img.jpg) no-repeat center;
}
#voices #pan { margin-bottom:0; }
#voices section {
	background:url(../voices/img/voice_img.png) no-repeat center top;
}
#voices section > .txt_box {
	 width:80%; margin:0 auto 60px; padding-top:80px;
}
#voices #voice_list { width:820px; margin:0 auto; }
#voices #voice_list li {
	position:relative;
	padding:20px 50px; margin-bottom:40px;
	background:#F0EBD5;
}
#voices #voice_list li:nth-child(4n+1)::after {
	position:absolute; content:url(../voices/img/img1.png);
	right:-15px; bottom:-20px;
}
#voices #voice_list li:nth-child(4n+2)::after {
	position:absolute; content:url(../voices/img/img2.png);
	left:-50px; bottom:-30px;
}
#voices #voice_list li:nth-child(4n+3)::after {
	position:absolute; content:url(../voices/img/img3.png);
	right:-26px; bottom:-30px;
}
#voices #voice_list li:nth-child(4n+4)::after {
	position:absolute; content:url(../voices/img/img4.png);
	left:-37px; bottom:-12px;
}


#voices #voice_list .v_tit {
	padding-bottom:10px;
	border-bottom:1px dashed #5D3B28;
}
#voices #voice_list .v_tit h3 {
	padding:14px 0 0 40px; font-size:120%; font-weight:normal;
	line-height:120%;
	background:url(../voices/img/v_tit_icon.png) no-repeat left bottom;
}
#voices #voice_list .v_tit .cat {
	display:inline-block; width:110px; padding:6px 8px 5px; margin:0;
	color:#fff; text-align:center;
}
#voices #voice_list .v_tit .cat.shop {
	background:url(../voices/img/cat_bg_shop.png) no-repeat center;
}
#voices #voice_list .v_tit .cat.delivery {
	background:url(../voices/img/cat_bg_delivery.png) no-repeat center;
}
#voices #voice_list .v_tit .cat.catering {
	background:url(../voices/img/cat_bg_catering.png) no-repeat center;
}
#voices #voice_list .v_tit .cat.webshop {
	background:url(../voices/img/cat_bg_webshop.png) no-repeat center;
}

#voices #voice_list .txt { margin:10px; }

/*event �C�x���g
=======================================================*/
#event .main_img {
	background:url(../event/img/main_img.jpg) no-repeat center;
}
#event #e_about .inner {
	padding:0 0 50px; margin:60px 0 30px; text-align:center;
	background:url(../event/img/txt_bg.png) no-repeat bottom center;
}
#event #e_about .inner figure { margin-bottom:40px; }
#event #e_about .example {
	position:relative; padding-bottom:76px; text-align:center;
}
#event #e_about .example::after {
	content:url(../event/img/ex_bg.png); position:absolute;
	bottom:0; left:0;
}
#event #e_about .example h4 {
	width:180px; padding:6px 0 5px; margin:20px auto; color:#fff;
	background:url(../event/img/ex_ttl.png) no-repeat bottom center;
}
#event #e_about .example ul { max-width:480px; margin:40px auto 0; }
#event #e_about .example li {
	display:inline-block; margin-bottom:10px; padding:10px;
	line-height:140%; border-bottom:1px dotted;
}
#event_list { width:90%; margin:50px auto 80px; }
#event_list.reverse {
  flex-direction: column-reverse; -webkit-flex-direction: column-reverse;
}
#event_list > li {
	padding:20px 30px; margin:20px 0; background:#F0EBD5; border-radius:5px;
}
#event_list .img { width:28%; }
#event_list figure { max-width:240px; width:100%; }
#event_list figure img { width:100%; }
#event_list .img .g_btn a {
	display:block; padding:8px 35px 6px 20px; background:#BB8A42;
}
#event_list .box { width:66%; }
#event_list .box a { text-decoration:underline; }
#event_list .box a:hover { color:#BB8A42;}
#event_list .e_ttl {
	padding:10px 10px 2px 36px; margin-bottom:20px;
	border-bottom:2px dashed #BB8A42; font-size:16px; line-height:140%;
	background:url(../img/icon_apple.png) no-repeat left 8px center;
}
#event_list .dl_box dt {
	width:15%; color:#fff; text-align:center; float:left; clear:left;
	background:#708533;
}
#event_list .dl_box dd { padding:0 0 0 20%; margin-bottom:10px; }
#event_list .dl_box dd.long { margin-bottom:40px; padding:15px 0 0; clear:both; }
#event_list .txt {
	padding:10px; margin:20px 0 0; line-height:150%; border:1px dotted;
}
#event .pager ul {
  justify-content: center; -webkit-justify-content: center;
}
#event .pager li { margin:0 4px; padding:2px 10px; border:1px solid #4C6600; background-color:#F0EBD5; }
#event .pager li.current { color:#fff; background:#4C6600; }
#event .pager li a {
	display:block; margin:-2px -10px; padding:2px 10px; text-align:center;
	text-decoration:none;
}
#event .pager li a:hover { background: #bb8a42; color: #fff; }
#event #schedule > .g_btn {
  position: relative; width: 30%; margin: -60px auto 80px;
}
#event #schedule > .g_btn::before {
	position:absolute; left:-20px; bottom:-20px; z-index:10;
	content:url(../img/icon_shopping.png);
}
#event #schedule > .g_btn a {
  display: block; padding: 16px 50px 12px 40px; font-size: 18px;
}

/*course ���\�y���t
=======================================================*/
#course .main_img {
	background:url(../course/img/main_img.jpg) no-repeat center;
}
#course #koubo .inner { margin:0 15px 40px; }
#course #koubo .inner figure { width:440px; }
#course #koubo .inner .txt_box { width:470px; }
#course #koubo .inner.box1 { margin-top:60px; }
#course #koubo .inner.box1 .txt_box { width:450px; }
#course #koubo .kinkatsu {
	width:740px; margin:60px auto; border-radius:5px;
	position:relative; background:#F0EBD5;
}
#course #koubo .kinkatsu figure {
	position:absolute; width:197px; height:191px; top:-25px; left:0;
}
#course #koubo .kinkatsu p { padding:25px 20px 25px 220px; }


/*news �V������
=======================================================*/
#news .main_img {
	background:url(/img/news/main_img.jpg) no-repeat center;
}
#news .sec_tit::before { content:url(../img/icon_news.png); }


/*contact ���₢���킹
=======================================================*/
#contact .main_img {
	background:url(../contact/img/main_img.jpg) no-repeat center;
}
#contact form table { width:90%; margin:20px auto; }
#contact form table th { width:30%; }
#contact .thanks_txt {
	width:90%; margin:10px auto; padding:10px 40px; background:#f0ebd5;
}