/*
 * StyleName: common.css
 * Version: 0.1
 *
 * FCV - http://foodconnection.jp/
 *
 */
@charset "utf-8";
address, button, fieldset, form, h1, h2, h3, h4, h5, h6, hr, iframe, input, label, legend, optgroup, option, select, textarea {
	margin: 0;
	padding: 0
}
#footer a, a {
	color: inherit
}
.slide-page, address {
	text-align: center
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline: 0
}
address, caption, h1, h2, h3, h4, h5, h6, table, td, th {
	font-weight: 400;
	font-style: normal
}
img, input {
	vertical-align: middle
}
address, h1, h2, h3, h4, h5, h6 {
	border: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: "";
	content: none
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
iframe {
	border: 0
}
a, abbr, acronym, br, cite, code, del, dfn, em, img, ins, kbd, object, q, samp, span, strong, var {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit
}
strong {
	font-weight: 600
}
em {
	font-style: italic
}
small {
	font-size: smaller
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
* {
	max-height: 1000000px
}
* html img {
	vertical-align: top
}
body, html {
	line-height: 1;
	word-spacing: normal;
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
.clearfix, .nav-fl, .nav-fr, .menulist dl {
	zoom: 1!important
}
.clearfix:after, .nav-fl:after, .nav-fr:after, .menulist dl:after {
	content: "."!important;
	clear: both!important;
	display: block!important;
	height: 0!important;
	visibility: hidden!important
}
#socialbuttons>*, .nav-inline>*, .slide-page>*, .txt-vertical .int {
	display: inline-block
}
.nav-fl>* {
	float: left
}
.nav-fr>* {
	float: right
}
[class^=fnt-] {
	font-size: initial;
	font-weight: 400;
	font-style: normal;
	line-height: initial;
	letter-spacing: initial
}
.fnt-mincho {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ明朝体 Pro", "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.fnt-gothics {
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif
}
.txt-vertical {
	cursor: vertical-text;
	writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-moz-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	text-orientation: upright;
	word-wrap: break-word
}
.txt-vertical .int {
	writing-mode: lr-tb;
	-o-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	-moz-writing-mode: horizontal-tb;
	-webkit-writing-mode: horizontal-tb;
	text-align: center;
	line-height: 1.5em;
}
.bg-parallax {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	width: 100%;
	min-height: 600px
}
.over-img img, img.over {
	opacity: 1;
	transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease
}
.over-img img:hover, img.over:hover {
	opacity: .8
}
.slide-fade {
	position: relative
}
.slide-fade>* {
	margin: auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.slide-btn {
	position: relative
}
.slide-btn .slide-next, .slide-btn .slide-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}
#container, #footer, #header>.wrap, .gmap, .wrap {
	position: relative
}
.slide-btn .slide-next {
	right: 0
}
.slide-btn .slide-prev {
	left: 0
}
.slide-page {
	margin: 0 auto
}
.slide-page>* {
	cursor: pointer;
	margin: 0 5px;
	background: silver;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%
}
.slide-page>.active, .slide-page>:hover {
	background: #8D8D8D
}
.wrap {
	margin: 0 auto;
	width: 1000px
}
#container, #footer, #header, .gmap {
	width: 100%
}
.gmap {
	background: url(../img/shared/preloader-map.gif) center center no-repeat #EDEDED;
	min-height: 300px
}
#pagetop {
	cursor: pointer;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	right: 10px;
	bottom: 10px;
	visibility: hidden;
	z-index: 999;
	transition: opacity .3s ease, visibility .3s ease;
	-moz-transition: opacity .3s ease, visibility .3s ease;
	-webkit-transition: opacity .3s ease, visibility .3s ease
}
#pagetop.visible {
	opacity: 1;
	visibility: visible
}
#pagetop.in-scroll {
	cursor: not-allowed
}
#header>.wrap {
	z-index: 2
}
#header h1 {
	font-size: inherit
}
#container {
	clear: both;
	margin: auto;
	min-width: 1000px
}
#footer .nav li {
	padding-left: 5px
}
#footer .nav li+li:before {
	content: "|";
	padding-right: 5px;
	font-family: serif, sans-serif
}
#socialbuttons>* {
	margin: 0 2px
}
.toggle .toggle-link {
	cursor: pointer
}
.toggle .toggle-main {
	display: none
}
.toggle.active .toggle-main {
	display: block
}
.col_l {
	float: left;
}
.col_r {
	float: right;
}
.text_r {
	text-align: right;
}
.text_c {
	text-align: center;
}