/* VEGE STAND */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html, body { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    margin: 2em 0 1em;
    line-height: 1.5em;
    color: #000;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #000;
}
a:hover { color: #4da635; }
p { -moz-text-align-last: justify; text-align: justify; text-justify: inter-ideograph; }
ol, ul {
	margin: 0;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 1em;
}
li { margin:0 0 1em 1em; }
strong { font-weight: 600; }
.normal { font-weight: normal; font-size: 13px; }
.small { font-size: 12px; font-weight: normal; }
.xs { font-size: 11px; font-weight: normal; }
.alignleft { margin-right: 40px; }
.alignleft img { margin-bottom: 10px; }
.alignright { margin-left: 40px; }
.alignright img { margin-bottom: 10px; }
.center { text-align: center; }
.top-none { margin-top: 0; }
.top-pad { margin-top: 40px; }
.box-border {
	padding: 10px;
	border: 1px solid #4D4D4C;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}
/* ALL */
.page-wrap {
	min-height: calc(100vh - 195px);/* -header130+footer65 */
	padding: 0;
}
.single .page-wrap .content-wrapper {
    padding: 0;
}
.single .post-wrap { margin-top: -20px; }
.archive .page-wrap .content-wrapper {
    padding: 30px 15px;
}
.site-header { padding: 10px 15px; }
.site-header.float-header { background: none; }
.site-logo { margin-left: 15px; }
.page .box-nav, .archive .box-nav, .single .box-nav {
	width: 100%;
	position: relative;
}
.page .box-nav .mainnav, .archive .box-nav .mainnav, , .single .box-nav .mainnav {
	position: absolute;
	right: 0;
}
#mainnav ul li a { cursor: pointer; }
.page .entry-header { display: none; }
.archive h3.archive-title {
	display: inline-block;
	font-size: 32px;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0;
	border-bottom: 6px solid #4da635;
}
.widget-area .widget-title {
	margin-top: 1em;
	font-weight: 500;
}
.site-logo { max-height: 110px; }
.btn-menu {
	position: absolute;
	right: 15px;
	color: #000;
}
#mainnav-mobi {
	margin-top: 10px;
	background-color: #000;
}
#mainnav-mobi ul li {
    margin: 0;
    position: relative;
    text-align: center;
    border-top: 1px solid #fff;
    cursor: pointer;
}
.page .page-wrap .content-wrapper {
	padding: 10px 30px 0;
}
.single .page-wrap .content-wrapper {
	padding: 0 30px 0;
}
/* TOP */
.home #content { display: none; }
.home .site-header {
	padding: 20px 40px;
	width: 220px;
	height: 100vh;
	background-color: rgba(255,255,255,0.7);
	text-align: center;
}
.home .site-logo {
	display: none;
}
.home .header-wrap .box-logo a {
	display: inline-block;
	background: url(images/logo-fvd.png) no-repeat;
	background-size: cover;
	width: 140px;
	height: 220px;
    max-height: 220px;
    margin: 0 auto;
}
.home #mainnav {
	position: relative;
	top:344px;
	left: -160px;
	text-align: center;
	float: none;
}
.home #mainnav li {
	display: block;
    float: none;
    width: 160px;
    padding: 0;
}
.home #mainnav li a {
	color: #000;
	border: 1px solid #000;
	/* background-color: rgba(255,255,255,0.7); */
	display: block;
    float: none;
    margin: 0 auto 15px;
    padding: 5px 0;
    width: 100%;
}
.home #mainnav:before {
	content: "";
    display: inline-block;
    width: 64px;
    height: 74px;
    position: absolute;
    top: -90px;
    right: 15px;
    background: url("images/tori.png") no-repeat;
    background-size: contain;
}
.home .site-footer {
	width: 100%;
	background: none;
	position: absolute;
	line-height: 1em;
	padding: 0;
	bottom: 10px;
	text-align: right;
}
/* NEWS */
.archive .site-header {
	background: url(images/main-salad.jpg) no-repeat;
	background-size: cover;
	background-position: 20% 70%;
	padding: 10px 15px 20px;
}
.archive .page-header {
	text-align: center;
}
.archive h3.archive-title {
    margin: 0 auto 60px;
}
.archive h3.archive-title:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 40%;
    width: 60px;
    height: 70px;
    background: url("images/tori.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.hentry .title-post {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 10px;
    margin: 0;
}
.hentry .title-post a {
	color: #4d4d4c;
}
.hentry .title-post a:hover {
	color: #4DA635;
}
.hentry .meta-post span:before {
	display: none;
}
.hentry .meta-post span {
    position: relative;
    padding-left: 0;
    margin-right: 0;
}
span.author.vcard { display: none; }
.widget li { margin-left: 0; }
.single .entry-thumb img {
	width: 50%;
	float: left;
	margin: 0 40px 20px 0;
}
.single .hentry .title-post { margin-top: 0; }
/* ABOUT */
.about-top {
	width: 100%;
	height: 100%;
	background: linear-gradient(-90deg, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0.85)), url(images/main-about.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	padding: 15px 30px 40px;
}
.about-top img { display: none; }
.about-text { width: 36%; }
.about-text h3 { margin: 1.5em 0 0.5em; }
/* MENU */
.menu-top {
	position: relative;
	width: 100vw;
	height: calc(100vh - 140px);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	background: url(images/main-menu.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.link-salad, .link-hotdog, .link-smoothie {
	cursor: pointer;
	position: absolute;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	width: 150px;
	padding: 0.2em 0;
	text-decoration: none;
	color: #000;
	background-color: rgba(255,255,255,0.7);
}
.link-salad {
	top:4%;
	right: 38%;
}
.link-hotdog {
	top:6%;
	left: 38%;
}
.link-smoothie {
	top:2%;
	left: 42%;
}
#salad, #hotdog, #smoothie {
	display: inline-block;
	text-align: center;
	font-size: 30px;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0;
}
#salad { border-bottom: 6px solid #4da635; }
#hotdog { border-bottom: 6px solid #B72457; }
#smoothie { border-bottom: 6px solid #009D89; }
.box-flex {
	width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
	align-items: flex-start;
}
.item {
	position: relative;
	margin: 10px 20px 0;
	text-align: center;
}
.item .xs { font-size: 13px; } 
.item p { text-align: center; }
.item img { width: 80% !important; margin: 0 auto; }
.item3 img { width: 96% !important; margin: 0 auto; }
.hummus .item img { width: 68% !important; }
.box-flex .item:last-child { padding-right: 0; }
.box-line .item { margin:0 10px;  }
.box-line .item2 .item { width: 50%; }
.box-line .item5 .item { width: 20%; }
.item h3 {
	font-size: 20px;
	line-height: 1em;
	margin: -1em 0 0.5em;
}
.box-salad .item, .box-hotdog .item, .box-smoothie .item {
	width: 50%;
}
.box-smoothie .item3 .item {
	width: 33%;
}
.item h4 {
	font-size: 15px;
	margin: 0 0 0.5em;
}
.box-line .box-flex:first-child .item h4 {
	margin-top: 0;
}
.menu-lead { font-size: 16px; }
.menu-lead p { text-align: center; }
.menu-lead .icon { margin-right: 0.3em; width: 2em; }
p.detail, p.price, p.material, p.note, .box-line .item p {
	-moz-text-align-last: justify; text-align: justify; text-justify: inter-ideograph;
}
.detail { font-weight: 500; font-size: 14px; margin-bottom: 5px; }
.detail span:first-child {
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 0 4px;
	margin-right: 5px;
}
.hummus .detail span:first-child {
	background: none;
	color: #000;
	padding: 0;
	margin-right: 0;
}
.price {
	display: inline-block;
	font-size: 15px;
	margin-left: 1em;
}
.hummus .price {
	margin-left: 0;
}
.material {
	font-weight: 500;
	font-size: 13px;
	height: 3em;
}
.note {}
.item .icon {
	width: 52px !important;
	position: absolute;
	top: 51%;
	right: 17%;
}
.box-hotdog .item .icon {
	top: 40%;
	right: 0;
}
.box-smoothie .item .icon {
	top: 56%;
	right: 16%;
}
.box-smoothie .item3 .item .icon {
	top: 50%;
	right: 5%;
}
.box-line {
	padding: 10px 0 0;
	border: 1px solid #000;
}
.box-line .item {
	margin-top: 0;
	text-align: left;
}
table.box-line {
	margin-top: 20px;
	padding: 0;
	border: 1px solid #4D4D4C;
	vertical-align: middle;
	text-align: center;
}
table.box-line  th {
	width: 20%;
	margin: 0;
	padding: 5px 0;
	background-color: #000;
	color: #fff;
	line-height: 1em;
	font-size: 18px;
	font-weight: 500;
}
table.box-line  td {
	display: inline-block;
	margin: 0 auto;
	padding: 2px 0;
	font-size: 14px;
	border: none;
	font-weight: 500;
}
/* DRINK */
.box-drink .item { font-size: 15px; }
.box-line .item3 { margin-bottom: 10px; }
.box-line .item3 .item {
	width: 32%;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #000;
	height: 125px;
}
.box-line .item3 .item:first-child {
	width: 36%;
	margin-left: 10px;
	padding-left: 0;
	border-left: none;
}
.box-line .item3 img { width: auto !important; }
.price-drink {
	display: inline-block;
	position: absolute;
	right: 92px;
}
.icon-hot, .icon-cold {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	line-height: 1em;
	margin-top: 5px;
	padding: 2px 4px;
	position: absolute;
}
.icon-hot {
	background-color: #D62631;
	right: 44px;
}
.icon-cold {
	background-color: #0094C4;
	right: 0;
}
@media only screen and (max-width: 1199px) {
	.box-drink .item { font-size: 13px; }
	.box-line .item3 .item {
		margin-left: 10px;
		padding-left: 10px;
	}
}
@media (max-width: 1024px) {
	#slideshow {
		margin-top: 194px;
		height: calc(100vh - 194px) !important;
	}
	.archive .site-header {
		padding: 10px 15px;
	}
	.single .post-wrap { margin-top: 0; }
	.btn-menu { top: -80px; }
	.home .btn-menu { top: 15px; right: 15px; }
	.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
		padding: 0 30px 0;
	}
	.home .site-footer { text-align: center; }
	.home .site-header.fixed {
	    position: absolute !important;
	}
	.home .site-header {
	    padding: 20px 0;
	    width: 100%;
	    height: auto;
	    background-color: rgba(255,255,255,0);
	    text-align: center;
	}
	.home .header-wrap .box-logo a {
	    display: inline-block;
	    background: url(images/logo-fvd.png) no-repeat;
	    background-size: cover;
	    width: 100px;
	    height: 154px;
	    max-height: 154px;
	    margin: 0 auto;
	}
	.home .box-logo:after {
		content: "";
	    display: inline-block;
	    width: 64px;
	    height: 74px;
	    position: absolute;
	    top: 94px;
	    right: 74px;
	    background: url("images/tori.png") no-repeat;
	    background-size: contain;
	}
	.about-top { background: none; padding: 0; }
	.about-top img { display: block; width: 100%; }
	.about-top .top-none { margin-top: 1em; }
	.about-text { width: 100%; }
	.box-flex {
		width: 100%;
	    display: -webkit-block;
	    display: block;
	}
	.box-flex .item {
		width: 100%;
		margin: 20px auto 0;
	}
	.box-line .item2 .item { width: 100%; }
	.box-line .item5 .item { width: 100%; margin-top: 0; }
	.box-line .item5 .item:first-child h4 {
		margin-top: 0;
	}
	.box-line { padding: 10px 10px 0; }
	.item h3 {
    	height: auto;
	}
	.item h4 {
		margin: 1em 0 0;
		height: auto;
	}
	.box-line .box-flex:first-child .item h4 {
		margin-top: 1em;
	}
	.box-line .box-flex:first-child .item:first-child h4 {
		margin-top: 0;
	}
	.link-salad {
		top:2.5%;
		right: 35%;
	}
	.link-hotdog {
		top:3.5%;
		left: 35%;
	}
	.link-smoothie {
		top:1.5%;
		left: 38%;
	}
	.menu-lead, .menu-lead p { text-align: left; }
	.material { height: auto; }
	.archive h3.archive-title:after {
	    top: 25px;
	    right: 24vw;
	}
	.box-salad .item, .box-hotdog .item, .box-smoothie .item, .box-smoothie .item3 .item {
		width: 100%;
	}
	.box-smoothie .item img { width: 96% !important; }
	.box-line .item3 .item {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		height: auto;
	}
	.box-line .item3 .item:first-child {
		width: 100%;
		margin-left: 0;
	}
	.box-drink .item { font-size: 15px; }
	table.box-line  th, table.box-line  td {
		width: 100%;
		display: inline-block;
	}
	table.box-line  td {
		padding: 10px;
		text-align: left;
	}
	.item .icon {
		width: 42px !important;
		top: 38%;
		right: 10%;
	}
	.box-hotdog .item .icon {
		top: 30%;
		right: 0;
	}
	.box-smoothie .item .icon {
		top: 51%;
		right: 10%;
	}
	.box-smoothie .item3 .item .icon {
		top: 51%;
		right: 10%;
	}
	.box-smoothie .item img.icon {
		width: 42px !important;
	}
	.box-salad .item, .box-hotdog .item {
		padding-top: 10px;
		border-top: 1px solid #000;
	}
	.box-smoothie .item {
		border-top: 1px solid #000;
	}
	.box-smoothie .item img {
		margin-top: -20px;
	}
	.box-salad .center + .box-flex .item:first-child, .box-hotdog .center + .box-flex .item:first-child, .box-smoothie .center + .box-flex .item:first-child {
		padding-top: 0;
		border-top: none;
	}
	.single .entry-thumb img {
		width: 100%;
		float: none;
		margin: 0;
	}
	.single .hentry .title-post { margin-top: 0; }
}
@media (max-width: 768px) {
	.archive .box-logo, .page .box-logo, .single .box-logo { text-align: left; }
	.site-logo { max-height: 90px; margin-left: 0; }
	.btn-menu { right: 0; }
	.alignleft { float: none; margin-right: 0; }
	.alignright { float: none; margin-left: 0; }
	.page img.alignright, .page img.alignleft, .page.alignright img, .page .alignleft img {
		width: 100%;
	}
	.archive .site-header {
		background-size: cover;
		background-position: 50% 60%;
	}
	.menu-top {
		height: calc(100vh - 100px);
	}
	#menu h2 {
		margin: 1em 0;
	}
	.link-salad {
		top:2.2%;
		right: 14%;
	}
	.link-hotdog {
		top:3.2%;
		left: 14%;
	}
	.link-smoothie {
		top:1.2%;
		left: 28%;
	}
	.box-drink .item { font-size: 13px; }
}
@media (max-width: 360px) {
	.home .box-logo:after {
		right: 44px;
	}
	.archive h3.archive-title:after {
	    right: 20vw;
	}
}