@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* Memo
Basic Green: #1c5335;

*/

.area-title {
text-align: center;
line-height: 1.4em;
margin-bottom: 18px;
font-size: 18px;
font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
font-weight: 100;
letter-spacing: 0.8pt;
}
.area-title img {
width: 25px!important;
height: auto;
padding-bottom: 5px;
}
.intro {
text-align: left;
font-size: 12px;
line-height: 1.6em;
margin: 0 25px 15px;
}

/*--------------------------------
Information
--------------------------------*/
#information #info {
border-collapse: collapse;
width: 100%;
margin-bottom: 10px;
}
#information #info th,
#information #info td {
padding: 8px;
font-size: 13px;
box-sizing: border-box;
}
#information #info th {
vertical-align: top;
width: 32%;
text-align: right;
}
#information #info td {
width: 68%;
text-align: left;
}
#guide {
overflow: hidden;
margin: 0 auto 30px;
}
#guide #info {
}
#guide #googlemap {
width: 100%;
box-sizing: content-box;
margin-bottom: 10px;
}
#guide #googlemap iframe {
vertical-align: bottom;
background: #1c5335;
width: 100%;
height: 300px;

}
#guide #googlemap .btn {
width: 160px;
height: 35px;
margin: 15px auto 0;
}

#car,
#train,
#parking {
text-align: center;
margin: 15px 12px;
}
#information .map {
position: relative;
padding: 0 0 22px;
margin: 0 auto;
}
#train::before,
#parking::before {
content: '';
display: block;
height: 3px;
width: 23px;
margin: 0 auto 25px;
background: #1c5335;
}
#car p,
#train p,
#parking p {
margin-bottom: 20px;
padding: 0 15px;
font-size: 12px;
text-align: left;
}
#bus {
width: 240px;
height: 60px;
margin: 0 auto 30px;
}
#company {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
#company #company-table {
border-collapse: collapse;
width: 100%;
margin: 0 0 10px;
}
#company #company-table th,
#company #company-table td {
padding: 8px;
font-size: 12px;
box-sizing: border-box;
border: solid 1px #21a331;
}
#company #company-table th {
vertical-align: top;
width: 32%;
text-align: right;
}
#company #company-table td {
width: 68%;
text-align: left;
}

/*--------------------------------
Floor Guide
--------------------------------*/
#floor #map {
/*width: 980px;
height: 720px;
background: url(../images/floor/floor_map_bg.jpg) no-repeat center top;*/
margin: 0 auto;
padding: 0 0 20px;
}
/*#floor #map #cbtns {
width: 100%;
height: 720px;
position: relative;
}
#floor #map li {
position: absolute;
width: 100px;
height: 80px;
background: #F00;
}
#floor #map li.cbtn1 {top: 200px; right: 0;}
#floor #map li.cbtn2 {top: 500px; left: 0;}
#floor #map li.cbtn3 {top: 0px; left: 100px;}
#floor #map li.cbtn4 {top: 100px; left: 0;}
#floor #map li.cbtn5 {top: 550px; left: 350px;}
#floor #map li.cbtn6 {top: 0px; left: 400px;}
#floor #map li.cbtn7 {top: 50px; right: 100px;}
#floor #map li.cbtn8 {top: 20px; right: 300px;}
#floor #map li.cbtn9 {top: 500px; right: 100px;}
#floor #map li.cbtn10 {top: 550px; right: 250px;}*/

#floor #corners {
background: #f6f5f0;
padding: 30px 0;
}

#floor .floormapbtn {
display: none;
position: fixed;
width: 52px;
height: 52px;
bottom: 15px;
right: 10px;
z-index: 1000;
}
#floor .floormapbtn a {
display: block;
background: #1c5335;
width: 52px;
height: 52px;
border-radius: 26px;
}
#floor .floormapbtn a img {
width: 100%;
height: auto;
}

#floor #corners dl.block {

margin: 0 0 10px;
overflow: hidden;

position: relative;
}
#floor #corners dt {
position: absolute;
width: 40%;
box-shadow: 0 2px 5px 0 #BBB;
top: 50px;
}
#floor #corners dd {
padding: 12px 16px;
letter-spacing: 0.8pt;
line-height: 1.5em;
background: #FFF;
margin: 0 10px;
min-height: 200px;
box-shadow: 0 2px 5px 0 #BBB;
}
#floor #corners dd h3 {
font-size: 16px;
}
#floor #corners dd p {
font-size: 13px;
line-height: 1.7em;
}
#floor #corners dl.fL dt {
left: 5px;
}
#floor #corners dl.fL dd p {
padding-left: 45%;
}
#floor #corners dl.fR dt {
right: 5px;
}
#floor #corners dl.fR dd p {
padding-right: 45%;
}

#floor #corners dd .corner-name {
margin-bottom: 14px;
font-size: 18px;
font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
font-weight: 400;
letter-spacing: 1pt;
}
#floor #corners dd .corner-name .sub {
font-size: 14px;
}
#farmer #lineup {
margin: 0 auto 30px;
overflow: hidden;
padding: 15px 10px;
background: url(../images/farmer/farmer_bg.gif) repeat left top;
background-size: 9px;
}
#lineup .block {
width: 50%;
padding: 4px;
float: left;
}
#lineup .block a {
display: block;
border-top: solid 3px #1c5335;
color: #1c5335;
background: #FFF;
overflow: hidden;
position: relative;
box-shadow: 0 2px 5px 0 #BBB;
}
#lineup .block .product-name {
line-height: 1.8em;
font-size: 10px;
padding-left: 5px;
font-weight: normal;
background: url(../../images/common/common_bg2.jpg) repeat;
background-size: 500px 200px;
}
#lineup .block .maker-name {
float: left;
line-height: 1em;
font-weight: normal;
padding:  14px 0 0 10px;
font-size: 16px;
}
#lineup .block .maker-name span {
font-size: 10px;
font-weight: normal;
margin-left: 2px;
}
#lineup .block .maker-thumb {
width: 66px;
height: 66px;
float: right;
padding: 5px 4px 7px 0;
box-sizing: content-box;
}
#lineup .block a .btn {
clear: both;
height: 26px;
margin: 10px;
padding:  0 6px 0 12px;
line-height: 26px;
text-align: center;
border: solid 1px #1c5335;
font-size: 11px;
background: url(../images/farmer/btn_arrow1.png) no-repeat 8px center;
background-size: 5px;
}
#lineup .block a:hover .btn {
}

/*--------------------------------
Kitchen and Table
--------------------------------*/
#kitchentable {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
/*	background: url(../images/kitchentable/bg.jpg) repeat left top;*/
}
#kitchentable #main1 {
	position: relative;
	overflow: hidden;
}
#kitchentable #intro {
	position: relative;
	overflow: hidden;
	padding: 0 10px 20px;
}
#kitchentable #intro p {
padding: 15px 10px 10px;
	font-size: 13px;
line-height: 1.7em;
}
#kitchentable .snap1 {
	float: left;
	width: 50%;
}
#kitchentable .snap2 {
	float: right;
	width: 50%;
}
#kitchentable #menuboard {
	position: relative;
	clear: both;
	margin: 0 10px;
	padding: 0;
	box-sizing: border-box;
	background: #FFF;
}
#kitchentable #menuboard #menu-table1,
#kitchentable #menuboard #menu-table2,
#kitchentable #menuboard #menu-table3 {
	clear: both;
	padding: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}
#kitchentable #menuboard #menu-title {
	height: 13px;
	padding: 0 15px;
	margin-bottom: 15px;
}
#kitchentable #menuboard #menu-title img {
	height: 100%;
	width: auto;
}
#kitchentable #menuboard .menu-subtitle {
	padding-bottom: 8px;
	padding: 0 5px 8px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1pt;
	box-sizing: border-box;
	background: url(../images/kitchentable/menu_subtitle_line.png) repeat-x left bottom;
	background-size: 250px 3px;
}
#kitchentable #menuboard .menu-subtitle span.jp {
	font-size: 13px;
	margin-left: 10px;
	letter-spacing: normal;
}
#kitchentable #menuboard .menu-subtitle img {
	height: 10px;
	width: auto;
}
#kitchentable #menuboard .hosoku {
	margin: 5px 5px 15px;
	font-size: 12px;
}

#kitchentable #menuboard #menu-table1 {
	
}
#kitchentable #menuboard table {
	width: 100%;
	border-collapse: collapse;
}
#kitchentable #menuboard table th,
#kitchentable #menuboard table td {
	padding: 6px 5px;
}
#kitchentable #menuboard table tr:nth-child(2n-1) th,
#kitchentable #menuboard table tr:nth-child(2n-1) td {
	background: #f1eee8;
}
#kitchentable #menuboard table .gray {
	background: #f1eee8;
}
#kitchentable #menuboard .photo {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}
#kitchentable #menuboard .photo img {
	
}
#kitchentable #menuboard table .menu-n,
#kitchentable #menuboard table .menu-namae {
	font-size: 12px;
	text-align: left;
	width: 45%!important;
}

#kitchentable #menuboard table .menu-t {
	font-size: 10px;
	width: 35%!important;
}
#kitchentable #menuboard table .menu-p {
	text-align: right;
	font-size: 12px;
	width: 20%!important;
}
#kitchentable #menuboard .tax {
	font-size: 10px;
	text-align: right;
	padding: 8px 0px!important;
	background: none!important;
}
#kitchentable .fukidashi {
	width: 71px;
	height: 47px;
	position: absolute;
	top: -8px;
	right: 10px;
}

/*--------------------------------
Sweets Factory
--------------------------------*/
* {
	box-sizing: border-box;
}
#sweetsfactory {
	width: 100%;
}
.slider {
	width: 100%;
	margin: 0 auto 15px;
}
.slick-slide {
	margin: 0px;
	height: auto;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all linear .3s;
	opacity: .2;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.prev-arrow {
	position: absolute;
	top: 0;
	left: 0;
	/*width: 115px;*/
	z-index: 1000;
}
.next-arrow {
	position: absolute;
	top: 0;
	right: 0;
	/*width: 115px;*/
	z-index: 1000;
}
.prev-arrow:hover,
.next-arrow:hover {
	opacity: 0.8;	
}