/*



Theme Name: fico

Author: https://www.xsight.jp/



Author URI: https://www.xsight.jp/



*/


/* CSS Document */

@font-face {
    font-family: 'NexaRustSansBlack';
    src: url('fonts/NexaRustSansBlack.eot');
    src: url('fonts/NexaRustSansBlack.eot') format('embedded-opentype'), url('fonts/NexaRustSansBlack.woff2') format('woff2'), url('fonts/NexaRustSansBlack.woff') format('woff'), url('fonts/NexaRustSansBlack.ttf') format('truetype'), url('fonts/NexaRustSansBlack.svg#NexaRustSansBlack') format('svg');
}

@font-face {
    font-family: 'gothammedium';
    src: url('fonts/gothammedium.eot');
    src: url('fonts/gothammedium.eot') format('embedded-opentype'), url('fonts/gothammedium.woff2') format('woff2'), url('fonts/gothammedium.woff') format('woff'), url('fonts/gothammedium.ttf') format('truetype'), url('fonts/gothammedium.svg#gothammedium') format('svg');
}

@font-face {
    font-family: 'PenumbraSansStdBold';
    src: url('fonts/PenumbraSansStdBold.eot');
    src: url('fonts/PenumbraSansStdBold.eot') format('embedded-opentype'), url('fonts/PenumbraSansStdBold.woff2') format('woff2'), url('fonts/PenumbraSansStdBold.woff') format('woff'), url('fonts/PenumbraSansStdBold.ttf') format('truetype'), url('fonts/PenumbraSansStdBold.svg#PenumbraSansStdBold') format('svg');
}

@font-face {
    font-family: 'Lobster';
    src: url('fonts/Lobster.eot');
    src: url('fonts/Lobster.eot') format('embedded-opentype'), url('fonts/Lobster.woff2') format('woff2'), url('fonts/Lobster.woff') format('woff'), url('fonts/Lobster.ttf') format('truetype'), url('fonts/Lobster.svg#Lobster') format('svg');
}

@font-face {
    font-family: 'Hand_Of_Sean_Demo';
    src: url('fonts/Hand_Of_Sean_Demo.eot');
    src: url('fonts/Hand_Of_Sean_Demo.eot') format('embedded-opentype'), url('fonts/Hand_Of_Sean_Demo.woff2') format('woff2'), url('fonts/Hand_Of_Sean_Demo.woff') format('woff'), url('fonts/Hand_Of_Sean_Demo.ttf') format('truetype'), url('fonts/Hand_Of_Sean_Demo.svg#Hand_Of_Sean_Demo') format('svg');
}

@font-face {
    font-family: 'americantypewritermedium';
    src: url('fonts/americantypewriter_medium-webfont.woff2') format('woff2'), url('fonts/americantypewriter_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0;
    vertical-align: baseline;
    font-size: 100%
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font: normal normal normal 14px/1.8 "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    margin: 0 auto;
    width: 100%;
}

body.home {
    background-image: url(images/indexbg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

body.page {
    background-color: #fff;
}

address,
caption,
code,
figcaption,
pre,
th {
    font-weight: 400;
    font-style: normal;
    font-size: 1em
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

fieldset,
iframe,
img {
    border: 0
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

caption,
th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

hr {
    display: block;
    overflow: visible;
    box-sizing: content-box;
    margin: 1em 0;
    padding: 0;
    height: 0;
    border: 0;
    border-top: 1px solid #ccc
}

span.app {
  background: linear-gradient(transparent 65%, rgb(255,182,193) 100%);
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: 100%;
    font-family: sans-serif
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

input,
select {
    vertical-align: middle
}

button {
    overflow: visible;
    box-sizing: content-box;
    border: 0;
    background: 0 0;
    color: inherit;
    vertical-align: inherit;
    font: inherit;
    line-height: inherit;
    cursor: pointer
}

button:disabled {
    cursor: default
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    max-width: 100%;
    color: inherit;
    white-space: normal
}

audio:not([controls]) {
    display: none;
    height: 0
}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    outline: 0
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

audio,
progress,
video {
    display: inline-block
}

progress {
    vertical-align: baseline
}

a,
a:link,
a:visited {
    display: block;
    background-color: transparent;
    text-decoration: none;
    -webkit-text-decoration-skip: objects
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-size: 1em;
    font-family: monospace
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

ul {
    list-style: none
}

img {
    display: block;
    height: auto;
    max-width: 100%;
    border-style: none
}

.red {
    color: #ee242e;
}
/*load*/
.loadbg {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 99999;
	height: 80px;
	width: 100%;
	overflow: hidden !important;
}
.loadbg #inTurnFadingTextG {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(images/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: -12px 0 0 -12px;
	color: black;
}

/*wrapper css*/

.wrapper {
    width: 100%;
}


/*header css*/

.globalheader {
    width: 100%;
    background-image: url(images/headerbg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.globalheader-wrapper {
    width: 100%;
    padding: 12px 20px;
    max-width: 1042px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.globalheader-wrapper .header-right {
    text-align: center;
    width: calc(100% - 153px);
}

.globalheader-wrapper .header-right .header-link {
    text-align: right;
}

.globalheader-wrapper .header-right .header-link a {
    display: inline-block;
}

.globalheader-wrapper .header-right .header-link a img {
    width: 26px;
    display: inline-block;
}


.sp .globalheader-wrapper .header-right .nav-top{display: none;}
.globalheader-wrapper .header-right .spnav-top{display: none;padding: 20px;}
.globalheader-wrapper .header-right .sp-link{text-align: center; width:100%;}
.globalheader-wrapper .header-right .sp-link a{display: inline-block;}
.globalheader-wrapper .header-right .sp-link a img {
    width: 26px;
    display: block;
}
.globalheader-wrapper .nav-top nav ul#menu-top-menu {
    text-align: right;
   
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li {
    position: relative;
    display: inline-block;
    padding: 0px 0px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li .sub-menu {
    position: absolute;
    width: 100%;
    height: auto;
    top: 93%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;
    z-index: 100;
    background-color: rgba(181, 135, 76, 0.74);
    display: none;
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li>a {
    color: #000;
    text-align: center;
    display: block;
    padding: 5px 17px; -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.globalheader-wrapper .nav-top nav ul#menu-top-menu>li .sub-menu a {
    color: #000;
    text-align: center;
    padding: 5px 10px; -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li a span {
    display: block;
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li a span.en {
    font-size: 17px;
    font-family: 'gothammedium';
    text-transform: uppercase;
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li a span.jp {
    font-size: 10px;
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li .sub-menu li {
    border-top: 1px solid rgba(255, 255, 255, .74);
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li .sub-menu li.current-menu-item a {
    color: #fff;
}

.globalheader-wrapper .spnav-top nav ul#menu-spnav>li .sub-menu li a {
    padding: 5px 0;color: #888686;
}
.globalheader-wrapper .spnav-top nav ul#menu-spnav>li .sub-menu li {
    border-top: 1px solid rgba(255, 255, 255, .74);
}

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li .sub-menu li a span.en {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.1;
}
.globalheader-wrapper .nav-top nav ul#menu-top-menu>li .sub-menu li a span.en{font-size: 12px;}

/*header csshover*/

.globalheader-wrapper .nav-top nav ul#menu-top-menu>li:hover {
    background-color: rgba(181, 135, 76, 0.74);
}
.globalheader-wrapper .nav-top nav ul#menu-top-menu>li a:hover{
    color: #fff;
}

/*header cssmedia*/
.pc-only{
	display: block;
}
.smp-only{
	display: none;
}
@media screen and (max-width:768px) {
.pc-only{
	display: none;
}
.smp-only{
	display: block;
}
	
    .globalheader-wrapper .logo-top a { max-width: 140px;}
    .globalheader-wrapper .logo-top a img {
        max-width: 140px;	
    }
.globalheader {
    width: 100%;
    background-image: url(images/headerbg-smp.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}    
    .globalheader-wrapper .header-right .header-link {
        display: none;
    }
    .globalheader .spnav-top {
        position: fixed;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .98);
        margin: 0;
        top: 0;
        right: 0;
        display: none;
        z-index: 9;
        
    }
    .globalheader .spnav-top nav {
        width: 100%;
        height:calc(100% - 32px);
        overflow: hidden;

        display: table;
       
    }
    .menu-spnav-container {
        width: 100%;
height:calc(100% - 33px) ; overflow-y: scroll;
        margin: auto;
        display: block;
       
    }
    #menu-spnav {
        width: 100%;

        height: auto;
        display: block;
    }
    .globalheader-wrapper .spnav-top nav ul#menu-spnav>li {
        width: 100%;
        display: block;
 border-bottom: 1px solid #fff;
        margin: 5px auto;
        
    }
    .globalheader-wrapper .spnav-top nav ul#menu-spnav>li a {display: flex;flex-wrap: nowrap; 
            align-items: center;
    color: #fff;
    justify-content: space-between;padding: 5px 0;  
    }
    .globalheader-wrapper .spnav-top nav ul#menu-spnav>li a span.en {
        font-size: 14px;text-transform: uppercase;
    }
}


/*banner css*/

.banner {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto 0;
}


/*banner cssmedia*/

@media screen and ( max-width:1100px) {
.slider_next{width:40px!important;height: 41px!important;right: 10px!important;}
    .slider_prev{width:40px!important;height: 41px!important;left: 10px!important;}
}
@media screen and ( max-width:768px) {
    .sldr-box {
        display: none;
    }
    
}
@media screen and ( max-width:520px) {
   
    .slider_next{ display: none;!important;}
    .slider_prev{ display: none;!important;}
}

/*menu-trigger css*/

.menu-trigger {
    position: fixed;
    top: 35px;
    right: 20px;
    width: 38px;
    height: 38px;
    z-index: 8;
    cursor: pointer;
    display: none;
}
#closebtn{
    position:relative;
   top:10px;
    left: 0px;
    width:100%;
    height: 32px;
    z-index: 10;
    cursor: pointer;
    
}
.menu-btn {
    position:absolute;
    width: 32px;
    height: 16px;
    margin: 5px 0 0 3px;
 
    box-sizing: border-box;
}
.close-btn {
    position:absolute;
    width: 32px;
    height: 32px;
    margin: 0px auto;
    box-sizing: border-box;left: 50%;
    margin-left: -16px;
}

.menu-btn span {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #292929;
    border-radius: 2px;
}.close-btn span {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #292929;
    border-radius: 2px;
}

.menu-btn span:nth-of-type(1) {
    top: 0;
}

.menu-btn span:nth-of-type(2) {
    top: 8px;
}

.menu-btn span:nth-of-type(3) {
    bottom: -3px;
}



.close-btn span:nth-of-type(1) {
      top: 0;
    background-color: #fff;
    -webkit-transform: translate3d(-1px, 11px, 0) rotate(-45deg);
    transform: translate3d(-1px, 11px, 0) rotate(-45deg);
}

.close-btn span:nth-of-type(2) {
      bottom: 17px;
    background-color: #fff;
    -webkit-transform: translate3d(-1px, -3px, 0) rotate(45deg);
    transform: translate3d(-1px, -3px, 0) rotate(45deg);
}


/*menu-trigger cssmedia*/

@media screen and (max-width:768px) {
    .menu-trigger {
        display: block;
    }
}


/*healthy-fast-food css*/

.healthy-fast-food {
    margin: 30px auto 60px;
    width: 100%;
    text-align: center;
    background-image: url(images/food-l.jpg), url(images/food-r.jpg);
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
}

.healthy-fast-food h2 {
    font-size: 50px;
    line-height: 1.1;
    font-family: 'PenumbraSansStdBold';
    letter-spacing: 5px;
}

.healthy-fast-food h3 {
    font-size: 27px;
}

.healthy-fast-food .food-text {
    font-size: 17px;
    font-weight: bold;
    text-shadow: 0 1px 3px #fff, 1px 0 3px #fff, -1px 0 3px #fff, 0 -1px 3px #fff;
}


/*healthy-fast-food cssmedia*/
@media screen and (max-width:1500px) {
.healthy-fast-food {
  
    background-image: url(images/food-l.jpg), url(images/food-r.jpg);
    background-position: -10% center, 110% center;
   
}
}

@media screen and (max-width:1280px) {
.healthy-fast-food {
    background-position: -18% center, 120% center;
}
}
@media screen and (max-width:1140px) {
.healthy-fast-food {

    background-position: -28% center, 128% center;
   
}
}
@media screen and (max-width:1100px) {
.healthy-fast-food {

    background-position: -38% center, 138% center;
   
}
}
@media screen and (max-width:980px) {
.healthy-fast-food {
background-image: none;
 
   
}
}
@media screen and (max-width:768px) {
    .healthy-fast-food {
        margin: 30px auto;
        background-image: none;
        padding: 0 20px;
    }
    .healthy-fast-food h2 {
        font-size: 39px;
    }
    .healthy-fast-food .food-text span{display: block;}
}

@media screen and (max-width:560px) {
    .healthy-fast-food h2 {
        font-size: 26px;
    }
    .healthy-fast-food h3 {
        font-size: 20px;
    }
    .healthy-fast-food .food-text {
        font-size: 15px;
    }
}

@media screen and (max-width:420px) {
    .healthy-fast-food h2 {
        font-size: 16px;
    }
    .healthy-fast-food h3 {
        font-size: 14px;
    }
    .healthy-fast-food .food-text {
        font-size: 12px;
    }
}


/*banner-line css*/

.banner-line {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.banner-line .page-n-i {
    position: relative;
    width: 33.33%;
    height: auto;
    cursor: pointer;
}

.banner-line .page-n-i .ban-limg {
    position: relative;
    min-height: 300px;
    display: block;
    max-width: 100%;
    width: 100%;
    padding-top: 50%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 100%;
}

.banner-line .page-n-i .ban-limg img {
    display: none;
}

.banner-line .page-n-i .pattern {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url(images/foodbg.png);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.banner-line .page-n-i figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.banner-line .page-n-i h2 {
    text-align: center;
    margin: 0 auto;
    font-size: 25px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .75);
    color: #fff;
    position: absolute;
    top: 40px;
    left: 0px;
    word-break: break-word;
    width: 100%;
    padding: 0 20px;
}

.banner-line .page-n-i figcaption h2 span.en:after {
    width: 80%;
    height: 2px;
    background-color: #fff;
    content: "";
    display: inline-block;
}

.banner-line .page-n-i:nth-child(1) figcaption h2 span.en {
    font-size: 36px;
    font-family: 'Lobster';
    display: block;
    letter-spacing: 5px;
    line-height: 1.1;
}

.banner-line .page-n-i:nth-child(2) figcaption h2 span.en {
    font-size: 36px;
    font-family: 'Hand_Of_Sean_Demo';
    display: block;
    letter-spacing: -1px;
    line-height: 1.1;
}

.banner-line .page-n-i:nth-child(3) figcaption h2 span.en {
    font-size: 35px;
    font-family: 'americantypewritermedium';
    display: block;
    letter-spacing: -1px;
    line-height: 1.1;
}

.banner-line .page-n-i h2 img {
    margin: 38px auto 12px;
    line-height: 0;
}

.banner-line .page-n-i figcaption>.more {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.banner-line .page-n-i figcaption>.more span {
    text-align: center;
    font-family: 'gothammedium';
    letter-spacing: 2px;
    background-color: rgba(255, 255, 255, .8);
    padding: 2px 20px;
    width: 190px;
    margin: 34px auto 0;
    text-transform: uppercase;
    font-size: 20px;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.banner-line .menu-info a {
    color: #bb8f56;
}

.banner-line .about-info a {
    color: #ba5373;
}

.banner-line .locations-info a {
    color: #788e58;
}


/*banner-line css hover*/

.banner-line .page-n-i:hover .pattern {
    opacity: 0;
}


/*banner-line cssmedia*/
@media screen and (max-width:1500px){
    .banner-line .page-n-i:nth-child(1) figcaption h2 span.en,.banner-line .page-n-i:nth-child(2) figcaption h2 span.en,.banner-line .page-n-i:nth-child(3) figcaption h2 span.en{    font-size: 26px;}
}
@media screen and (max-width:768px) {
    .banner-line .page-n-i {
        width: 100%;margin-bottom: 30px;
    }
    .banner-line .page-n-i .ban-limg {
        padding-top: 43%;
    }
    .banner-line .page-n-i:nth-child(3) figcaption h2 span.en,
    .banner-line .page-n-i:nth-child(2) figcaption h2 span.en {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:550px) {
    .banner-line .page-n-i:nth-child(3) figcaption h2 span.en,
    .banner-line .page-n-i:nth-child(2) figcaption h2 span.en,
    .banner-line .page-n-i:nth-child(1) figcaption h2 span.en {
        font-size: 28px;
    }
    .banner-line .page-n-i h2 {
        font-size: 20px;
    }
    .banner-line .page-n-i figcaption>.more span{margin: 0 auto;font-size: 15px;}
    .banner-line .page-n-i .ban-limg {
   
        min-height: 255px;}
}


/*news-face css*/

.news-face {
    width: 100%;
    padding: 0 20px;
    margin: 60px auto;
    max-width: 1042px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-face .news-topics {
    width: 100%;
    background-color: #fff;
    padding: 20px;
}

.news-face .news-topics h2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.news-face .news-topics h2 span {
    font-size: 30px;
    text-transform: uppercase;
}

.news-face .news-topics h2 a {
    font-size: 13px;
    color: #0096a3;
}

.news-face .newsbox {
    overflow-y: scroll;
    height: 452px;
}

.news-face .newsbox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 18px 0;
    border-bottom: 1px #000 dashed;
}

.news-face .newsbox ul:last-child {
    border-bottom: 0px;
}

.news-face .newsbox ul li:nth-child(1) {
    width: 175px;
}

.news-face .newsbox ul li:nth-child(2) {
    width: calc(100% - 150px);
}

.news-face .newsbox ul li .newsimg {
    padding-top: 100%;
    width: 97px;
	margin-top: 20px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.news-face .newsbox ul li .newsimg img {
    display: flex;
}

.news-face .newsbox ul li.newsinfo {
    font-size: 13px;
}

.news-face .newsbox ul li.newsinfo .date {
    display: block;
}

.news-face .newsbox ul li.newsinfo .title {
    display: block;
    font-size: 15px;
    font-weight: bold;
}

.news-face .facebook {
    width: 49%;
}


/*news-face csshover*/

.news-face .news-topics h2 a:hover {
    text-decoration: underline;
}
/*news-face css media*/
@media screen and (max-width:550px){
    .news-face .newsbox{margin-top: 10px;}
    .news-face .news-topics h2 span {
    font-size: 22px;
    text-transform: uppercase;
}
    .news-face .newsbox ul li:nth-child(1) {
    width: 97%;margin-bottom: 20px;
}
    .news-face .newsbox ul li:nth-child(2) {
      width: 100%;
    }.news-face .newsbox ul li .newsimg{width: 100%;padding-top: 100%;}
}

/*news-face cssmedia*/

@media screen and (max-width:768px) {
    .news-face {
        margin: 0 auto 30px;
    }
    .news-face .news-topics {
        width: 100%;
    }
    .news-face .facebook {
        width: 100%;
        margin-top: 30px;
    }
}


/*featured-items css*/

.featured-items {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 0 20px;
}

.featured-items h2 {
    color: #666666;
    font-family: 'NexaRustSansBlack';
    font-size: 50px;
    text-transform: uppercase;
    line-height: 1.1;
    padding-top: 50px;
}

.featured-items h3 {
    color: #141414;
    font-size: 25px;
    padding-bottom: 36px;
}

.featured-items .slick-list {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 0;
}

.featured-itemsbox article .fea-item {
    font-size: 17px;
    font-weight: bold;
}

.featured-itemsbox article .fea-item span {
    display: block;
    font-size: 14px;
    line-height: 1.1;
}

.featured-itemsbox article img {
    margin: 0 auto;
}

.featured-items .slick-next {
    width: 71px;
    height: 72px;
    right: 20px;
    background-image: url(images/right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2
}

.featured-items .slick-prev {
    width: 71px;
    height: 72px;
    left: 20px;
    background-image: url(images/left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2
}

/*featured-items css media*/
@media screen and (max-width:768px){
    .featured-items h2{font-size: 42px;    padding-top: 30px;}
    .featured-items .slick-next,.featured-items .slick-prev {
    width: 34px;
    height: 34px;

}
}
@media screen and (max-width:540px){
 .featured-items h2 {
    font-size: 26px;
    padding-top: 20px;
}.featured-items h3 {
    color: #141414;
    font-size: 16px;
    padding-bottom: 1px;
}
    .featured-itemsbox article .fea-item {
    font-size: 12px;

}
.featured-itemsbox article .fea-item {
    font-size: 10px;
    font-weight: bold;
}
    .featured-items .slick-list{padding: 0 0 20px;}
}
@media screen and (max-width:420px){


}
/*GALLERY css*/

.gall-ins {
    width: 100%;
    max-width: 1042px;
    padding: 0 20px;
    margin: 60px auto;
}

.gall-ins h2 {
    font-size: 24px;
}

.gall-ins h2 span {
    font-size: 50px;
    text-transform: uppercase;
    margin-right: 28px;
    font-family: 'NexaRustSansBlack';
}

.gall-ins .galli-box {
    width:100%;
}



.gall-ins .galli-box iframe{margin: 0 auto!important;display: block;}

.simply-scroll-container {
   position: relative;
   clear: both;
}
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}
.simply-scroll-list {
  overflow: hidden;
}
.simply-scroll-list li {
  float: left;
  margin-left: 10px;
  width: 150px;
 }
 
.simply-scroll-list li img {
  display: block;

 }

/*GALLERY cssmedia*/

@media screen and (max-width:768px) {
    .sp .gall-ins .galli-box.spgallery-box{display: block;}

    
    .gall-ins {
        margin: 30px auto;
    }
   .gall-ins h2 span{
    font-size: 42px;
    
}.gall-ins h2 {
    font-size: 16px;
}
}
@media screen and (max-width:420px) {
  .fsslider .pagination {
    display:block!important;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 8;
}
   .gall-ins h2 span{
    display: block;font-size: 26px;margin-right: 0px;margin-bottom: 5px;
    
}.gall-ins h2 {text-align: center;line-height: 1.1;margin-bottom: 20px;
    font-size: 16px;
}
}


/*press-join css*/

.press-join {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-between;
}


/*press-join cssmedia */

@media screen and (max-width:768px) {
    .press-join {
        display: block;
        width: 100%;    margin: 0 auto 30px;
    }
    .press-join a {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
}


/*footer css*/

footer {
    width: 100%;
/*     background-color: #fff; */
	background-color: #f8f8f8;
}

.foot-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1042px;
    padding: 40px 20px 20px;
    margin: 0 auto;
}



.foot-nav .foot-nav-l {
    display: flex;
    flex-wrap: wrap;
    width: 48%;
}

.foot-nav .foot-nav-l .foot-nav-li {
    width: 119px;
    margin-right: 50px;
}

.foot-nav .foot-nav-l .foot-nav-li .foot-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.foot-nav .foot-nav-l .foot-nav-li .foot-link img {
    width: 26px;
}

.foot-nav .foot-nav-l .foot-menunav #menu-menumenu li a,
.foot-nav .foot-nav-r #menu-aboutmenu li a,
.foot-nav .foot-nav-r #menu-joinmenu li a {
    font-size: 13px;
    color: #000;
}

.foot-nav .foot-nav-l .foot-menunav #menu-menumenu>li>a,
.foot-nav .foot-nav-r #menu-aboutmenu>li>a {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'gothammedium';
}
.foot-nav .foot-nav-r #menu-joinmenu>li>a{ text-transform: uppercase;
    font-size: 16px;
    font-family: 'gothammedium';font-weight: bold;}
.foot-nav .foot-nav-r {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 48%;
}

@media screen and (max-width: 768px){
    .foot-nav .foot-nav-r {
        display: block;
    }
}

.foot-add {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1042px;
    padding: 20px 20px 40px;
    margin: 0 auto;
}

@media screen and (max-width: 768px){
.foot-add {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1042px;
    padding: 20px 20px 40px;
    margin: 0 auto;
}
}



.foot-add h4 {
    font-size: 14px;
    border-bottom: 1px #000 solid;
    padding-bottom: 16px;
    margin-bottom: 16px;
}


.foot-add .foot-add-l {
    width: 48%;
}



.foot-add .foot-add-r {
    width: 48%;
}

@media screen and (max-width: 768px){
    .foot-add .foot-add-l {
        width: 100%;
		margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px){
    .foot-add .foot-add-r {
        width: 100%;
    }
}


.foot-add .foot-add-li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 768px){
    .foot-add .foot-add-li {
        display: block;
    }
}

.foot-add .foot-add-li .foot-add-lt {
    width: 60%
}

@media screen and (max-width: 768px){
	.foot-add .foot-add-li .foot-add-lt {
		width: 100%
	}
}

.foot-add .foot-add-li .foot-add-lm {
    width: 40% ;height: 250px;
}

@media screen and (max-width: 768px){
	.foot-add .foot-add-li .foot-add-lm {
		width: 100%
	}
}



.foot-add .foot-add-ri {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 768px){
    .foot-add .foot-add-ri {
        display: block;
    }
}

.foot-add .foot-add-ri .foot-add-rt {
    width: 60%;
}

@media screen and (max-width: 768px){
	.foot-add .foot-add-ri .foot-add-rt {
		width: 100%;
	}
}

.foot-add .foot-add-ri .foot-add-rm {
    width: 40%; height: 250px;
}

@media screen and (max-width: 768px){
.foot-add .foot-add-ri .foot-add-rm {
    width: 100%;
}
}


/*footer csshover*/

.foot-nav .foot-nav-l .foot-menunav #menu-menumenu>li ul li a:hover {
    text-decoration: underline;
}

.foot-nav .foot-nav-r #menu-aboutmenu>li ul li a:hover {
    text-decoration: underline;
}

.foot-nav .foot-nav-r #menu-joinmenu>li ul li a:hover {
    text-decoration: underline;
}


/*footer cssmedia*/

/* @media screen and (max-width:768px) {
    footer {
        display: none;
    }
} */


/*copy css*/

.copy {
    background-color: #000000;
    width: 100%;
}

.copy p {
    max-width: 1042px;
    padding: 10px 20px;
    color: #fff;
    text-align: right;
    margin: 0 auto;
}

/*copy css media*/
@media screen and (max-width:560px){
    .copy p{text-align: center;}
}
/*page css*/

.contents-wrappper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
    max-width: 1042px;
    margin: 46px auto;
}

.contents-wrappper .content-left {
    width: 221px;
    margin-right: 33px;
}

.contents-wrappper .content-left h2 {
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.1;
    background-image: url(images/left-title.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.contents-wrappper .content-left h2 span.jp-t {
    font-size: 13px;
    text-align: center;
    display: block;
    padding: 6px 0 12px 0;
}

.contents-wrappper .content-left .sidebar-nav {
    margin-top: 54px;
}


.contents-wrappper .content-left .sidebar-nav ul a {
    text-align: center;
    font-weight: bold;
    border: 1px solid #dadada;
    font-size: 15px;
    padding: 6px;
    margin-bottom: 12px;
    color: #000
}
#menu-sidemenu li:nth-child(1) a,#menu-sidemenu  li:nth-child(2) a,#menu-sidemenu  li:nth-child(3) a,#menu-sidemenu  li:nth-child(4) a{color: #000; background-color: #fff;}
.contents-wrappper .content-left .sidebar-nav .current-menu-item a {
    border: 1px solid #949494;
    color: #7c5716;
}

.contents-wrappper .content-right {
    width: calc(100% - 254px);
}
/*page cssmedia*/
@media screen and (max-width:768px){
    .contents-wrappper{margin: 20px auto;}
    .contents-wrappper .content-left .sidebar-nav{margin-top: 20px;margin-bottom: 20px;}
    .contents-wrappper .content-left .sidebar-nav ul{align-items:stretch;display: flex;flex-wrap: wrap;}
    .contents-wrappper .content-left .sidebar-nav ul li{width: 33.33%;text-align: center;padding: 6px;}
    .contents-wrappper .content-left .sidebar-nav ul a{height: 100%;justify-content: center;font-size: 12px;
    display: flex;
    align-items: center;}
    .contents-wrappper .content-left{width: 100%;margin-right: 0px;}
    .contents-wrappper .content-right{width: 100%;}
 
    
}
@media screen and (max-width:400px){
    .contents-wrappper .content-left .sidebar-nav ul a{padding: 0px 6px;}
    .contents-wrappper .content-left .sidebar-nav ul li{width: 50%;text-align: center;padding: 6px;}
     
    
}
@media screen and (max-width:320px){

    .contents-wrappper .content-left .sidebar-nav ul li{width: 100%;text-align: center;padding: 6px;}
     
    
}

/*about*/

.about-us {
    font-size: 16px;
}

.about-us .about-main {
    margin: 87px auto;
}

.about-us .about-main span.ab-en {
    font-size: 25px;
    margin-right: 30px;
}

img.aligncenter {
    margin: 20px auto;
}

.aboutus_main {
    width: 100%;
    font-size: 16px;
    margin-top: 15px;
}

.aboutus_partner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    font-size: 16px;
    margin-top: 15px;
}

.aboutus_partner-l {
    width: 50%;
}

.aboutus_partner-r {
    width: 50%;
}

.line {
    border-bottom: 1px dotted #000;
    width: 100%;
    height: 1px;
    margin: 50px 0;
}
/*about media*/
@media screen and (max-width:768px){
    .about-us {
    font-size: 12px;
}
    .about-us .about-main {
    margin: 20px auto;
}
    .about-us .about-main span.ab-en {
    font-size: 14px;
    margin-right: 10px;
}
    .aboutus_partner{margin-top: 0px;font-size: 12px;}
    .aboutus_partner-l {
     width: 100%;
}
    .aboutus_partner-r {
    width: 100%;
}
    .line {
 
    margin: 20px 0;
}.aboutus_main {

    font-size: 12px;
   
}



}
/*aboutus_mission css*/
.aboutus_mission h1{text-align: center; font-size: 18px;margin-bottom:20px;}
/*aboutus_initiative css*/

.aboutus_initiative {
    font-size: 16px;
}

.aboutus_initiative h2.inititle {
    font-size: 22px;
    color: #434343;
    margin: 30px 0 5px
}

.aboutus_initiative .inititext {
    font-size: 12px;
    margin: 10px 0 60px;
}

.aboutus_initiative h2.kale-title,
.aboutus_initiative h2.beetes-title,
.aboutus_initiative h2.acai-title,
.aboutus_initiative h2.nuts-title,
.aboutus_initiative h2.agave-title {
    font-size: 12px;
    margin: 70px 0 30px;
    background-image: url(images/line3.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 20px;
    background-size: 100% 1px;
}

.aboutus_initiative h2.beetes-title img {
    margin: 0 auto;
    margin-right: 0;
}

.aboutus_initiative .kale-main,
.aboutus_initiative .beetes-main,
.aboutus_initiative .acai-main,
.aboutus_initiative .nuts-main,
.aboutus_initiative .agave-main {
    font-size: 13px;
}

.tex-i {
    text-indent: 1em;
}

.aboutus_initiative .kale-main img,
.aboutus_initiative .beetes-main img,
.aboutus_initiative .acai-main img,
.aboutus_initiative .nuts-main img,
.aboutus_initiative .agave-main img {
    margin-top: 37px;
}

.aboutus_initiative .agave-main img {
    margin-bottom: 70px;
}

.aboutus_initiative .initiativemain-img {
    margin-top: 70px;
}

.aboutus_initiative .initiativemain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.aboutus_initiative .initiativemain .initiative-l {
    width: calc(100% - 210px);
}

.aboutus_initiative .initiativemain .initiative-r {
    width: 182px;
}

.aboutus_initiative .initiativemain .initiative-l h2.ini-i {
    font-size: 30px;
    margin-bottom: 30px;
}
/*aboutus_initiative cssmedia*/
@media screen and (max-width:768px){
    .aboutus_initiative h2.inititle {
    font-size: 14px;
    color: #434343;
    margin: 20px 0 5px;
}
   .aboutus_initiative {
    font-size: 12px;
} .line2 {
   
    margin: 10px 0;
}
    .aboutus_initiative .inititext {
    font-size: 12px;
    margin: 10px 0 20px;
}
    .aboutus_initiative h2.kale-title, .aboutus_initiative h2.beetes-title, .aboutus_initiative h2.acai-title, .aboutus_initiative h2.nuts-title, .aboutus_initiative h2.agave-title {
    font-size: 12px;
    margin: 25px 0 10px;
    padding-bottom: 15px;

}.aboutus_initiative .kale-main, .aboutus_initiative .beetes-main, .aboutus_initiative .acai-main, .aboutus_initiative .nuts-main, .aboutus_initiative .agave-main {
    font-size: 12px;
}
    .aboutus_initiative .initiativemain-img {
    margin-top: 20px;
}
    .aboutus_initiative .initiativemain {
  
    margin-top: 20px;
    width: 100%;
}.aboutus_initiative .initiativemain .initiative-l {
   width: 100%;
}.aboutus_initiative .initiativemain .initiative-r {
    width: 100%;margin-top: 10px;
}
    .aboutus_initiative .initiativemain .initiative-l h2.ini-i {
    font-size: 14px;
    margin-bottom: 10px;
}
}

/*joinus css*/

.joinus h2 {
    font-size: 17px;
    margin-bottom: 40px;
}

.line2 {
    border-bottom: 1px dotted #000;
    width: 100%;
    height: 1px;
    margin: 20px 0;
}

.line3 {
    background-image: url(images/line3.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 3px;
    margin: 40px 0 60px;
}

.corporate-table {
    width: 100%;
    border-collapse: collapse;
}

.corporate-table td {
    border-bottom: 1px dotted #000;
    font-size: 15px;
    padding: 15px;
}

.corporate-table th {
    border-bottom: 1px dotted #000;
    font-size: 15px;
    font-weight: bold;
    padding: 15px;
}

.contact-box {
    font-size: 17px;
}

.contact-box .contact-table {
    margin: 40px 0;
    font-size: 15px;
    width: 100%;
}

.contact-box .contact-table tr td:nth-child(1) {
    border: 1px solid #957d51;
    padding: 15px;
    vertical-align: top;
    background-image: url(images/headerbg.jpg);width:215px;
    font-weight: bold;
}

.contact-box .contact-table tr td:nth-child(1) span {
    background-color: #ff0048;
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding: 2px 5px;
    margin-left: 10px;
}

.contact-box .contact-table tr td:nth-child(2) {
    border: 1px solid #e3c999;width:calc(100% - 215px);
    padding: 15px;
}

.contact-box .contact-table2 {
    font-size: 15px;
    width: 100%;
}

.contact-box input[type="text"],
.contact-box input[type="tel"],
.contact-box input[type="email"],
.contact-box textarea {
    width: 100%;
    border-color: #dddddd;
    border-width: 1px;
    padding: 10px;
    box-sizing: border-box;
    border-style: solid;
    background-color: #fff;
    -moz-box-shadow: 5px 5px 5px rgba(197, 197, 197, 0.58) inset;
    -webkit-box-shadow: 5px 5px 5px rgba(197, 197, 197, 0.58) inset;
    box-shadow: 5px 5px 5px rgba(197, 197, 197, 0.58) inset;
}

.contact-box [type=submit],
.contact-box [type=reset] {
    margin: 0 auto;
    display: block;
    width: 158px;
    color: #382105;
    background-image: url(images/contact-img.jpg);
    background-position: center center;background-size: contain;
    background-repeat: no-repeat;
    line-height: 44px;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}

div.wpcf7 .ajax-loader {
    display: none!important;
}

/*joinus cssmedia*/
@media screen and (max-width:768px){
    .joinus h2 {
    font-size: 14px;
    margin-bottom: 20px;
}
    .joinus{ font-size: 12px;}
    .corporate-table td,.corporate-table th{font-size: 12px;padding:10px 0;}
    .contact-box{font-size: 14px;}
    .contact-box .contact-table{margin: 20px 0;font-size: 12px;}
    .contact-box .contact-table tr td:nth-child(1) {
   font-size: 14px;width:100%;
    padding: 8px;display: block;
  
}  .contact-box .contact-table tr td:nth-child(2) {display: block;
   width:100%;
    padding: 8px;
  
}.contact-box input[type="text"], .contact-box input[type="tel"], .contact-box input[type="email"], .contact-box textarea{padding: 5px;}
    .contact-box [type=submit], .contact-box [type=reset] {
 
    width: 138px;

    font-size: 14px;

}
}
@media screen and (max-width:520px){
    .corporate-table th{font-size:14px;}
    .corporate-table td,.corporate-table th{display: block;}
}
@media screen and (max-width:430px){
    .corporate-table th{font-size:14px;}
    .corporate-table td,.corporate-table th{display: block;}
    .contact-box [type=submit], .contact-box [type=reset] {
   
    width: 106px;
   
    line-height: 30px;
    font-size: 12px;
   
}
}
/*location css*/

.locationmain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.locationmain .location-l {
    width: 48%;
}

.locationmain .location-r {
    width: 48%;height: 367px;
}

.locationmain h2 {
    font-size: 17px;
}
#map3{height:336px;}
#map4{height:336px;}
/*location css media*/
@media screen and (max-width:768px){
    .locationmain .location-l {
   width: 100%;font-size: 12px;
}
    .locationmain .location-r {
  width: 100%;margin-top: 20px;
}
    .locationmain h2{font-size: 14px;}
}
/*archive css*/

.category-box .archive {
    overflow: hidden;
    width: 100%;
}

.category-box .archive li {
    float: left;
    width: 50%;
    padding: 4px;
}

.category-box .archive li .post_info {
    background-color: #f3f3f3;
    padding: 8px;
}
.category-box .archive li .post_info a{word-wrap: break-word;}
.category-box .archive li .post_title {
    margin: 18px 0;
}

.category-box .archive li .post_date {
    border-top: 1px dotted #000;
    padding-top: 15px;
    margin-top: 20px;
}

/*archive cssmedia*/
@media screen and (max-width:768px){
    .category-box{margin-top: 20px;}
    .category-box .archive li {
    float: none;
    width: 100%;
    padding: 4px;
}
}
/*content-right menu*/

.content-right.menu .menu-sbox h2 {
    margin-bottom: 40px;
}

.content-right.menu .menu-sbox .menu-sbmin {
    margin-bottom: 40px;
    font-size: 16px;
}

.content-right.menu .menu-sbox .menu-sbtex {
    margin-bottom: 30px;
    font-size: 14px;
}

/*content-right menu media*/
@media screen and (max-width:768px){
    .line3{margin: 15px auto 20px;}
       .content-right.menu .menu-sbox h2 {
    margin-bottom: 20px;
}.content-right.menu .menu-sbox .menu-sbmin {
    margin-bottom: 20px;
    font-size: 14px;
}.content-right.menu .menu-sbox .menu-sbtex {
    margin-bottom: 20px;
    font-size: 12px;
}
}
/*navigation css*/

.navigation h2 {
    display: none;
}

.navigation .nav-links {
    text-align: center;
    margin-top: 46px;
}

.navigation .nav-links>a {
    display: inline-block;
    color: #000;
    padding: 5px 13px;
    border: 1px solid #e2e2e2;
}

.navigation .nav-links>span {
    display: inline-block;
    padding: 5px 13px;
    border: 1px solid #e2e2e2;
}

.navigation .nav-links>span.current {
    color: #000;
    background-color: #f3f3f3
}
/*navigation cssmedia*/

@media screen and (max-width:750px) {}