@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Oleo+Script:400,700);
body {
  margin: 0px 0 0 0;
  padding: 0; }

body.toppage header.gheader {
  position: absolute;
  background: none; }
  body.toppage header.gheader.fix {
    position: fixed;
    background: rgba(255, 255, 255, 0.9); }
    body.toppage header.gheader.fix .logo img {
      display: block; }
  body.toppage header.gheader .logo img {
    display: none; }

header.gheader {
  z-index: 10; }
  header.gheader .logo {
    display: inline-block;
    width: 20%;
    padding: 10px 0;
    vertical-align: middle;
    line-height: 0; }
    header.gheader .logo span {
      display: inline-block;
      height: 45px;
      width: 155px; }
  header.gheader nav {
    display: inline-block;
    width: 79%;
    text-align: right;
    top: 8px;
    position: relative; }
    header.gheader nav ul {
      margin: 0; }
      header.gheader nav ul li {
        display: inline-block;
        font-weight: bold; }
        header.gheader nav ul li a {
          padding: 5px 10px;
          color: #000;
          display: inline-block;
          position: relative;
          font-size: 14px; }
          header.gheader nav ul li a:hover {
            text-decoration: none; }
        header.gheader nav ul li span {
          display: none; }
      header.gheader nav ul li.buy a {
        background: #cc0000;
        color: #fff;
        border-radius: 2px;
        padding: 5px 20px; }
        header.gheader nav ul li.buy a:hover {
          background: #990000; }

body.premium header nav li.premium > a,
body.gojiberry header nav li.gojiberry > a,
body.item header nav li.item > a,
body.corporation header nav li.corporation > a {
  color: #cc0000; }
  body.premium header nav li.premium > a:before,
  body.gojiberry header nav li.gojiberry > a:before,
  body.item header nav li.item > a:before,
  body.corporation header nav li.corporation > a:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(/img/seed.svg) no-repeat center center;
    width: 100%;
    top: -12px;
    margin-left: -10px; }

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box; }

.menu-trigger {
  position: absolute;
  width: 30px;
  height: 23px;
  z-index: 10;
  right: 20px;
  top: 20px;
  display: none; }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    border-radius: 4px; }
    .menu-trigger span:nth-of-type(1) {
      top: 0; }
    .menu-trigger span:nth-of-type(2) {
      top: 10px; }
    .menu-trigger span:nth-of-type(3) {
      bottom: 0; }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    background-color: #fff; }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0; }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
    background-color: #fff; }

@media only screen and (min-width: 768px) {
  header.gheader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 5%;
    background: rgba(255, 255, 255, 0.9); }
    header.gheader nav ul li:not(:first-child):not(.buy):before {
      content: "/"; }
    header.gheader.fix {
      position: fixed;
      border-bottom: 1px solid #efefef;
      top: -100px;
      left: 0; }
      header.gheader.fix .logo img {
        display: block !important; }
      header.gheader.fix.fadein {
        top: 0;
        -webkit-transition: top 1s linear; } }
footer {
  background: #262626;
  text-align: center;
  color: #fff;
  padding: 30px 0; }
  footer ul {
    padding: 0;
    margin: 0; }
  footer li {
    list-style: none;
    display: inline-block;
    padding: 1.5em 0; }
    footer li:not(:last-child):after {
      content: "｜"; }
    footer li a {
      color: #fff;
      padding: 0 0.5em; }
  footer .copyright {
    display: block;
    font-size: 12px;
    padding: 1.5em 0; }
  footer .pagetop {
    width: 50px;
    clear: both;
    position: fixed;
    right: 50px;
    bottom: 50px;
    text-align: right;
    display: none;
    background: rgba(38, 38, 38, 0.8);
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff !important;
    border-radius: 100px;
    font-weight: bold;
    z-index: 10; }
    footer .pagetop:hover {
      text-decoration: none;
      background: rgba(204, 0, 0, 0.8); }

@media only screen and (max-width: 1199px) {
  img {
    max-width: 100%;
    height: auto; } }
@media (max-width: 991px) {
  header.gheader {
    padding: 0 20px; }
    header.gheader nav ul li a {
      padding: 5px 5px; }

  footer .pagetop {
    right: 20px; } }
@media only screen and (max-width: 767px) {
  body.toppage header.gheader .logo {
    background: none;
    border-bottom: none; }
  body.toppage header.gheader.fix {
    background: rgba(255, 255, 255, 0); }
    body.toppage header.gheader.fix .logo {
      background: rgba(255, 255, 255, 0.9);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  body.toppage .top_slide .copy {
    top: 20% !important; }
  body.toppage div.pict {
    text-align: center; }

  header.gheader {
    position: fixed;
    width: 100%;
    padding: 0;
    top: 0;
    background: none;
    height: 60px;
    z-index: 10; }
    header.gheader .logo {
      text-align: center;
      width: 100%;
      padding: 5px 0;
      background: rgba(255, 255, 255, 0.9);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      header.gheader .logo img {
        max-width: 120px;
        margin-top: 8px; }
    header.gheader .menu-trigger {
      width: 26px;
      height: 16px;
      right: 15px;
      top: 20px;
      display: block; }
      header.gheader .menu-trigger span {
        height: 2px;
        border-radius: 2px; }
        header.gheader .menu-trigger span:nth-of-type(2) {
          top: 7px; }
      header.gheader .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-45deg);
        transform: translateY(7px) rotate(-45deg); }
      header.gheader .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-7px) rotate(45deg);
        transform: translateY(-7px) rotate(45deg); }
    header.gheader nav ul {
      position: fixed;
      width: 250px;
      background: rgba(0, 0, 0, 0.8);
      padding: 0;
      padding-top: 50px;
      overflow: scroll;
      display: block;
      top: 0;
      right: -250px;
      bottom: 0;
      transition: all .4s; }
      header.gheader nav ul li {
        display: block;
        clear: both;
        text-align: center;
        position: relative;
        color: #fff;
        border-top: 1px solid rgba(255, 255, 255, 0.2); }
        header.gheader nav ul li > a:before {
          content: "";
          display: none; }
        header.gheader nav ul li a {
          display: inline-block;
          width: 100%;
          font-size: 14px;
          padding: 0.7em 0;
          color: #fff; }
        header.gheader nav ul li.buy {
          padding-top: 0.7em; }
          header.gheader nav ul li.buy a {
            width: 200px; }
        header.gheader nav ul li span {
          display: inline-block;
          width: 80%;
          margin-bottom: 10px; }
          header.gheader nav ul li span a {
            border: 1px solid rgba(0, 0, 0, 0.2);
            font-size: 90%;
            margin: 1px;
            background: rgba(0, 0, 0, 0.5); }
    header.gheader.open nav ul {
      right: 0; }

  body.premium.organic header nav li.premium span a.org:before,
  body.premium.locality header nav li.premium span a.loc:before,
  body.premium.size header nav li.premium span a.siz:before {
    content: "▶︎ "; }
  body.premium.organic header nav li.premium span a.org:after,
  body.premium.locality header nav li.premium span a.loc:after,
  body.premium.size header nav li.premium span a.siz:after {
    content: "　"; } }
.green {
  color: #34b02a; }

body, div, p {
  font-size: 15px; }
  @media (max-width: 767px) {
    body, div, p {
      font-size: 15px; } }
  @media (max-width: 480px) {
    body, div, p {
      font-size: 14px; } }

body {
  background: #fff;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 0px;
  font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; }
  body.open {
    overflow: hidden; }

h2, h3, h4, h5 {
  font-weight: bold;
  line-height: 1.6em; }
  h2 small, h3 small, h4 small, h5 small {
    font-weight: bold; }

p {
  line-height: 2em; }

.tc {
  text-align: center; }

a:hover {
  color: #cc0000; }

::selection {
  background: #000;
  color: #fff; }

.inb {
  display: inline-block; }

section {
  padding: 80px 0; }

.btn.btn-bdr-white {
  border: 2px solid #fff;
  border-radius: 0;
  color: #fff;
  padding: 1em 2em; }
  .btn.btn-bdr-white:hover {
    background: rgba(255, 255, 255, 0.1); }

.contents {
  margin-top: 430px;
  background: #fff;
  position: relative; }

h2, h3 {
  font-family: Oswald;
  font-size: 40px; }
  h2 small, h3 small {
    display: block;
    font-size: 14px;
    color: #000; }

.sec_ttl {
  text-align: center; }

section.page_ttl {
  padding: 0;
  padding-top: 70px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1; }
  section.page_ttl h2 {
    text-align: center;
    color: #fff;
    font-size: 45px;
    padding: 140px 0 140px 0;
    margin: 0; }
    section.page_ttl h2 small {
      color: #fff;
      font-size: 16px; }
  section.page_ttl.cat_organic {
    background: url(/img/bg_organic.jpg) center center/cover no-repeat; }
  section.page_ttl.cat_locality {
    background: url(/img/bg_locality.jpg) center center/cover no-repeat; }
  section.page_ttl.cat_size {
    background: url(/img/bg_size.jpg) center center/cover no-repeat; }
  section.page_ttl.cat_item {
    background: url(/img/bg_item.jpg) center center/cover no-repeat; }
  section.page_ttl.cat_corp {
    background: url(/img/bg_item2.jpg) center center/cover no-repeat; }

aside {
  text-align: center;
  padding-top: 5px;
  line-height: 1.4em; }
  aside ul {
    margin: 0;
    padding: 0; }
  aside li {
    display: inline-block;
    vertical-align: top;
    font-family: Oleo Script;
    font-size: 25px;
    position: relative;
    width: 32.5%;
    /*&.current:after{
    	content:"";
    	border: 10px solid transparent;
    	border-top: 10px solid $green;
    	position: absolute;
    	left:50%;
    	bottom:-20px;
    	margin-left: -5px;
    }*/ }
    aside li.current:before {
      content: "";
      width: 100%;
      border-bottom: 5px solid #000;
      position: absolute;
      bottom: -7px;
      left: 0;
      z-index: 3;
      border-color: #82df7a; }
    aside li a:hover, aside li.current a {
      text-decoration: none;
      background-image: none !important; }
    aside li a {
      padding: 18px 0px 15px 10px;
      display: inline-block;
      width: 100%;
      background-image: url(/img/bg_stripe.png);
      font-weight: bold; }
    aside li small {
      font-size: 13px;
      display: inline-block; }
    aside li.og {
      background: #cff3cd; }
      aside li.og:hover, aside li.og.current {
        /*background-color:lighten($green,30%) ;
        a{
        	color:#fff;
        }*/ }
        aside li.og:hover:after, aside li.og.current:after {
          border-top: 10px solid #34b02a; }
      aside li.og a {
        color: #34b02a; }
    aside li.lc {
      background: #dcd5f4; }
      aside li.lc:hover, aside li.lc.current {
        /*background-color:lighten($violet,40%) ;
        a{
        	color:#fff;
        }*/ }
        aside li.lc:hover:after, aside li.lc.current:after {
          border-top: 10px solid #4e2eb6; }
        aside li.lc:hover:before, aside li.lc.current:before {
          border-color: #9984e0; }
      aside li.lc a {
        color: #4e2eb6; }
    aside li.sz {
      background: #fadfea; }
      aside li.sz:hover, aside li.sz.current {
        /*background-color:lighten($pink,40%) ;
        a{
        	color:#fff;
        }*/ }
        aside li.sz:hover:after, aside li.sz.current:after {
          border-top: 10px solid #d42068; }
        aside li.sz:hover:before, aside li.sz.current:before {
          border-color: #ed87b0; }
      aside li.sz a {
        color: #d42068; }

body.gojiberry .contents {
  margin-top: 0px; }
body.gojiberry .cat_goji {
  background: url(/img/bg_gojiberry.jpg) center center/cover repeat-x;
  overflow: hidden;
  padding-bottom: 30px; }
  body.gojiberry .cat_goji .att {
    padding: 10px;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.5); }
  body.gojiberry .cat_goji .box {
    position: relative;
    padding: 80px;
    padding-right: 0;
    z-index: 1; }
    body.gojiberry .cat_goji .box h2 {
      padding: 0;
      color: #fff;
      font-weight: normal; }
      body.gojiberry .cat_goji .box h2 small {
        color: #fff; }
    body.gojiberry .cat_goji .box:after {
      content: "";
      position: absolute;
      width: 200%;
      height: 130%;
      background: rgba(0, 0, 0, 0.3);
      z-index: -1;
      left: 0;
      top: -100px; }
    body.gojiberry .cat_goji .box p {
      color: #fff; }
body.gojiberry section.point .lead {
  margin: 50px auto 100px auto;
  max-width: 800px; }
body.gojiberry section.point .box {
  position: relative; }
  body.gojiberry section.point .box h4 {
    font-size: 20px;
    font-weight: bold; }
    body.gojiberry section.point .box h4:before {
      content: "● "; }
  body.gojiberry section.point .box p {
    margin: 1em 0 3em 0; }
body.gojiberry section.history {
  text-align: center;
  background: url(/img/gojiberry_history.jpg) repeat-x top center;
  padding-top: 300px; }
  body.gojiberry section.history p {
    text-align: left; }
  body.gojiberry section.history h3 {
    font-size: 30px;
    padding-bottom: 20px; }
  body.gojiberry section.history h4 {
    margin-top: 50px;
    font-size: 20px;
    background: url(/img/gojiberry_bg_his.gif) no-repeat top center;
    color: #fff;
    padding: 30px 0 20px 0; }
    body.gojiberry section.history h4 small {
      display: block;
      color: #cc0000;
      font-size: 12px; }

body.premium section.point {
  text-align: center; }
  body.premium section.point .outline {
    max-width: 500px;
    margin: auto;
    padding: 30px 0 0 0; }
    body.premium section.point .outline .lead {
      font-size: 16px;
      line-height: 1.7em;
      font-weight: bold; }
  body.premium section.point h3 {
    font-family: Oleo Script;
    text-align: center;
    margin-bottom: 50px;
    margin-top: -10px;
    font-size: 55px;
    font-weight: normal; }
    body.premium section.point h3 span {
      display: block;
      font-size: 30px;
      opacity: 0.5;
      line-height: 1em;
      display: none; }
    body.premium section.point h3 small {
      font-size: 16px; }
  body.premium section.point h4 {
    font-size: 23px;
    padding: 20px 0; }
  body.premium section.point p {
    text-align: left;
    margin-top: 1em; }
body.premium section.point_detail h4 {
  font-size: 20px; }
body.premium .footer_lolcal_nav {
  padding: 50px 20px;
  text-align: center;
  font-family: Oleo Script;
  font-size: 22px; }
  body.premium .footer_lolcal_nav a {
    display: inline-block;
    padding: 0 1em;
    font-weight: bold; }
    body.premium .footer_lolcal_nav a:hover {
      text-decoration: none;
      opacity: 0.8; }
    body.premium .footer_lolcal_nav a small {
      font-size: 13px; }
  body.premium .footer_lolcal_nav a.lc {
    color: #4e2eb6; }
  body.premium .footer_lolcal_nav a.sz {
    color: #d42068; }
  body.premium .footer_lolcal_nav a.og {
    color: #34b02a; }

body.premium.organic section.point {
  background: url(/img/organic_bg_ill.gif) center 100px no-repeat; }
  body.premium.organic section.point h3 {
    color: #34b02a; }
    body.premium.organic section.point h3 small {
      color: #6eda66; }
body.premium.organic section.point_detail h3,
body.premium.organic section.jis h3 {
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 25px; }
body.premium.organic section.point_detail {
  background: #e3f8e1; }
  body.premium.organic section.point_detail .pict img {
    border: 10px solid #fff;
    margin-top: 7em; }
  body.premium.organic section.point_detail b {
    font-size: 110%; }
body.premium.organic section.jis {
  background: url(/img/organic_bg_jis.jpg) center center/cover no-repeat;
  color: #fff; }
  body.premium.organic section.jis .box {
    padding-bottom: 100px; }
body.premium.organic section.safety {
  position: relative;
  overflow: hidden;
  margin: -10% 0 0 0;
  clear: both;
  padding: 80px 0 0 0; }
  body.premium.organic section.safety:before, body.premium.organic section.safety:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 100%;
    margin: 3% -10% 0; }
  body.premium.organic section.safety:before {
    background: #95e48f;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: 1; }
  body.premium.organic section.safety:after {
    background: #cff3cd;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: 0; }
  body.premium.organic section.safety .tasty {
    position: relative;
    height: 100%;
    padding: 150px 10px 100px 10px;
    z-index: 3; }
    body.premium.organic section.safety .tasty h3 {
      font-size: 25px;
      text-align: center; }
    body.premium.organic section.safety .tasty img {
      max-width: 100%;
      height: auto; }
body.premium.organic .footer_lolcal_nav {
  position: relative;
  background: #fff;
  z-index: 5; }

body.premium.locality section.point {
  background: url(/img/locality_bg_ill.gif) center 100px no-repeat; }
  body.premium.locality section.point h3 {
    color: #4e2eb6; }
    body.premium.locality section.point h3 small {
      color: #896fdb; }
body.premium.locality section.point_detail {
  background: #f7f6fd; }
  body.premium.locality section.point_detail img {
    border: 10px solid #fff; }
  body.premium.locality section.point_detail .box:not(:first-child) {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 2px solid #fff; }

body.premium.size section.point {
  background: url(/img/size_bg_ill.gif) center 100px no-repeat; }
  body.premium.size section.point h3 {
    color: #d42068; }
    body.premium.size section.point h3 small {
      color: #e971a1; }
body.premium.size section.point_detail {
  background: #fef5f9; }
  body.premium.size section.point_detail .pict {
    padding: 20px; }

body.product.item section.point {
  text-align: center; }
  body.product.item section.point h4 {
    font-size: 25px;
    margin-bottom: 1.5em; }
  body.product.item section.point .lead {
    font-size: 16px;
    text-align: left;
    max-width: 820px;
    margin: 20px auto 0 auto;
    line-height: 2em; }
body.product.item section.point_detail {
  background: #fff5f5; }
  body.product.item section.point_detail .cart_txt {
    text-align: center; }
    body.product.item section.point_detail .cart_txt ul {
      text-align: left;
      margin-top: 20px;
      padding-left: 2em; }
  body.product.item section.point_detail .cart_area > div {
    background: #fff;
    padding: 20px !important; }
  body.product.item section.point_detail .cart_area img {
    max-width: 100%; }
  body.product.item section.point_detail .cart_area table, body.product.item section.point_detail .cart_area td, body.product.item section.point_detail .cart_area th {
    border: none !important; }
  body.product.item section.point_detail .cart_area table {
    width: 100% !important; }
    body.product.item section.point_detail .cart_area table td, body.product.item section.point_detail .cart_area table th {
      border-bottom: 1px solid #ccc !important;
      padding: 10px; }

body.product.corporation a.btn_form {
  padding: 15px;
  background: #cc0000;
  color: #fff;
  margin-top: 2em;
  display: inline-block;
  font-weight: bold;
  border-radius: 2px;
  width: 300px; }
  body.product.corporation a.btn_form:hover {
    background: #990000;
    text-decoration: none; }
body.product.corporation section.point_detail {
  background: #fff0f0; }
  body.product.corporation section.point_detail img {
    max-width: 100%;
    height: auto; }
body.product.corporation .outline {
  text-align: center; }
body.product.corporation h3 {
  font-size: 25px; }

body.toppage .contents {
  margin-top: 0; }
body.toppage section.fastidious h2 {
  text-align: center;
  margin-bottom: 1em;
  position: relative;
  /*display: inline-block;
  background:#ccc;
  &:after{
  	content: "";
  	width: 50%;
  	border-bottom: 2px solid $red;
  	position:absolute;
  	bottom:0;
  	left:10%;
  }*/ }
body.toppage section.fastidious h3 {
  font-weight: normal; }
body.toppage section.fastidious .box {
  padding: 0; }
  body.toppage section.fastidious .box a {
    color: #000;
    display: inline-block;
    border: 5px solid #fff;
    padding: 15px; }
    body.toppage section.fastidious .box a:hover {
      text-decoration: none; }
  body.toppage section.fastidious .box.organic a:hover {
    background: #e3f8e1; }
  body.toppage section.fastidious .box.locality a:hover {
    background: #ede9fa; }
  body.toppage section.fastidious .box.size a:hover {
    background: #fef5f9; }
  body.toppage section.fastidious .box h3 {
    font-family: Oleo Script;
    text-align: center; }
    body.toppage section.fastidious .box h3 span {
      display: block;
      line-height: 1.1em; }
  body.toppage section.fastidious .box p {
    padding: 0.5em 0em; }
    body.toppage section.fastidious .box p span {
      display: block;
      text-align: center; }
      body.toppage section.fastidious .box p span img {
        max-width: 100%;
        height: auto; }
  body.toppage section.fastidious .box.organic h3 {
    color: #0daa40; }
    body.toppage section.fastidious .box.organic h3 span {
      opacity: 0.3; }
  body.toppage section.fastidious .box.locality h3 {
    color: #4e2eb6; }
    body.toppage section.fastidious .box.locality h3 span {
      opacity: 0.3; }
  body.toppage section.fastidious .box.size h3 {
    color: #d42068; }
    body.toppage section.fastidious .box.size h3 span {
      opacity: 0.3; }
body.toppage section.superfood {
  background: url(/img/top_superfood.jpg) center center/cover no-repeat;
  color: #fff;
  padding: 180px 0; }
  body.toppage section.superfood h3 {
    padding-bottom: 1em; }
    body.toppage section.superfood h3 small {
      color: #fff; }
body.toppage section.enjoy h3 {
  padding-bottom: 1em; }
body.toppage .top_slide {
  width: 100%;
  height: 0;
  padding-top: 51.69%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(/img/top_slide01.jpg) center center/cover no-repeat;
  position: relative; }
  body.toppage .top_slide .copy {
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%; }
    body.toppage .top_slide .copy img {
      max-width: 50%;
      height: auto; }

body.contact h2 {
  text-align: center;
  margin-bottom: 50px; }
body.contact section.contact_form {
  padding: 100px 0 150px 0;
  text-align: center; }
body.contact td span {
  font-size: 80%;
  color: red; }
body.contact #error_message {
  text-align: center; }
body.contact .contact_table {
  margin: auto;
  max-width: 700px; }
  body.contact .contact_table th {
    text-align: left;
    padding-right: 20px !important;
    min-width: 180px; }
  body.contact .contact_table td {
    border: none;
    border-bottom: 1px dotted #ccc !important;
    padding: 15px 0;
    vertical-align: top;
    text-align: left; }
  body.contact .contact_table tr:last-child td {
    border: none !important; }
  body.contact .contact_table input[type=text],
  body.contact .contact_table textarea {
    width: 100%;
    font-size: 14px;
    background: #f4f4f3;
    border: 1px solid #ccc; }
  body.contact .contact_table input[type=text] {
    height: 30px; }
  body.contact .contact_table textarea {
    height: 150px; }
  body.contact .contact_table select {
    width: 200px;
    height: 40px;
    font-size: 120%; }
body.contact input.button {
  border: 1px solid #f2f2f2;
  color: #fff;
  padding: 20px 150px;
  margin: 50px 0 20px;
  font-size: 110%;
  cursor: pointer;
  background: black;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; }
body.contact .submit_bt {
  text-align: center; }
body.contact input.button:hover {
  background: black;
  color: #fff; }
body.contact .error {
  background: #cc0000;
  padding: 7px 10px;
  margin: 5px 0; }

span.bgy {
  background: linear-gradient(transparent 40%, rgba(255, 255, 0, 0.5) 40%); }

p {
  margin: 2em 0; }

p.separate {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px; }

.dis-inline {
  letter-spacing: -0.4em;
  background: #f9f9f9;
  padding: 1em; }

.dis-inline .box {
  letter-spacing: normal;
  display: inline-block;
  width: 150px;
  height: 150px;
  background: #fff;
  border: 1px solid #f5f5f5;
  padding: 20px; }

.slidup.ef_on {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  visibility: visible !important; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    -ms-transform: translateY(24px);
    transform: translateY(24px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media (max-width: 991px) {
  body.gojiberry .cat_goji .box {
    padding: 40px; }

  aside li small {
    display: block;
    line-height: 2em; }
  aside li a {
    padding: 18px 10px 5px 10px; }

  body.premium.size section.point_detail .box div {
    text-align: center; }
    body.premium.size section.point_detail .box div p {
      text-align: left; } }
@media (max-width: 767px) {
  p {
    line-height: 1.6em; }

  img {
    max-width: 100%;
    height: auto; }

  section {
    padding: 30px 0; }

  section.page_ttl h2 {
    font-size: 30px;
    padding: 100px 15px; }

  h2 {
    font-size: 30px; }

  .contents {
    margin-top: 340px; }
    .contents .sec_ttl h3 {
      font-size: 40px; }
    .contents h3, .contents h4 {
      font-size: 28px;
      text-align: center; }

  aside li {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.005em;
    width: 32%; }
    aside li b {
      display: block;
      font-size: 16px;
      opacity: 0.7; }
    aside li small {
      display: none; }

  body.toppage h3 {
    font-size: 30px; }
  body.toppage section.fastidious .box {
    border-top: 1px solid #efefef; }
    body.toppage section.fastidious .box h3 {
      font-size: 35px;
      margin-bottom: -15px;
      margin-top: 10px; }
    body.toppage section.fastidious .box a {
      max-width: 500px;
      margin-right: auto;
      margin-left: auto;
      display: block; }
    body.toppage section.fastidious .box p {
      margin-bottom: 0; }
  body.toppage section.superfood {
    padding: 80px 0px;
    position: relative; }
    body.toppage section.superfood:before {
      z-index: 0;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5); }
    body.toppage section.superfood .detail {
      text-align: center; }
  body.toppage section.enjoy h3,
  body.toppage section.superfood h3 {
    padding-bottom: 0; }

  body.gojiberry .cat_goji {
    padding: 50px 0 0 0; }
    body.gojiberry .cat_goji .box {
      padding: 15px; }
      body.gojiberry .cat_goji .box:after {
        left: -50px; }
      body.gojiberry .cat_goji .box .att {
        display: inline-block;
        margin: 0 auto; }
    body.gojiberry .cat_goji h2 {
      text-align: center; }
  body.gojiberry section.point .lead {
    margin: 1em 0; }
  body.gojiberry section.point div.pict {
    text-align: center;
    margin-bottom: 50px; }
  body.gojiberry section.point .box h4:before {
    content: ""; }
  body.gojiberry section.point ul {
    padding-left: 1em; }
  body.gojiberry section.history {
    background-size: 600px;
    padding-top: 120px; }
    body.gojiberry section.history h3 {
      font-size: 25px;
      padding-bottom: 0px; }

  body.premium section.page_ttl h2 {
    padding: 45px 10px; }
  body.premium .contents {
    margin-top: 220px; }
  body.premium aside li a {
    padding: 10px 5px; }
  body.premium section.point h3 {
    font-size: 45px; }
  body.premium .point_detail div.pict {
    text-align: center; }
    body.premium .point_detail div.pict img {
      margin: 0 auto 20px auto !important; }
  body.premium .footer_lolcal_nav a {
    padding: 0 5px; }

  body.premium.locality section.point_detail .box:not(:first-child) {
    margin-top: 0; }

  body.premium.organic section.safety .tasty {
    padding: 50px 10px 50px 10px;
    margin-top: -60px; }
    body.premium.organic section.safety .tasty .pict {
      text-align: center; }
      body.premium.organic section.safety .tasty .pict img {
        max-width: 60% !important; }

  body.product.corporation .point_detail .box {
    text-align: center; }
    body.product.corporation .point_detail .box h4 {
      font-size: 20px; }
  body.product.corporation .btn_form {
    max-width: 100%; }

  body.contact section.contact_form {
    padding-bottom: 50px; }
  body.contact table.contact_table,
  body.contact input[type=text], body.contact textarea {
    width: 95% !important; }
  body.contact input.button {
    padding: 20px 5px;
    width: 95%;
    margin-top: 0px; }
  body.contact th, body.contact td {
    display: block;
    min-width: 100px !important; }
  body.contact th {
    padding-top: 0.5em; }

  .cartjs_header {
    position: relative !important; }

  body.product.item section.point h4 {
    font-size: 20px; }
  body.product.item section.point .lead {
    font-size: 14px !important;
    line-height: 1.6em; }

  footer {
    padding: 0; }
    footer li {
      padding: 10px 5px;
      width: 100%;
      border-bottom: 1px solid #545454; }
      footer li:after {
        content: "" !important; } }
@media (max-width: 480px) {
  .contents {
    margin-top: 340px; }
    .contents .sec_ttl h3 {
      font-size: 30px; }
    .contents h3, .contents h4 {
      font-size: 20px;
      text-align: center; }

  body.toppage .top_slide {
    background: url(/img/top_slide01.jpg) center top;
    background-size: 600px;
    padding-top: 310px; }
    body.toppage .top_slide h1 {
      margin-top: 50px; }
  body.toppage .fastidious img {
    display: none; }

  body.premium section.page_ttl {
    padding: 50px 0 10px 0; }
    body.premium section.page_ttl h2 {
      padding: 50px 10px; }
  body.premium section.point h4 {
    font-size: 20px;
    margin-top: 0;
    padding: 0 0em; }
  body.premium section.point .outline .lead {
    font-weight: normal; }
  body.premium .footer_lolcal_nav {
    padding: 30px 0px 50px 5px; }
    body.premium .footer_lolcal_nav small {
      display: inline-block;
      line-height: 1em;
      font-size: 11px;
      font-weight: normal; }

  body.premium.organic section.point_detail h3,
  body.premium.organic section.jis h3 {
    font-size: 20px; }
  body.premium.organic section.jis .box {
    padding-bottom: 50px; }
  body.premium.organic section.safety .tasty {
    margin-top: -20px;
    padding: 0px 10px 50px 0; }
    body.premium.organic section.safety .tasty h3 {
      font-size: 20px; }

  body.product.item .cartjs_header {
    background: #fff; }
  body.product.item .cart_txt ul {
    padding-left: 1em; }
  body.product.item section.point_detail .cart_area table tr,
  body.product.item section.point_detail .cart_area table th,
  body.product.item section.point_detail .cart_area table td {
    display: block;
    border-bottom: none !important;
    padding: 10px;
    text-align: center;
    width: 100% !important; }
  body.product.item td {
    background: #fff; }
  body.product.item th {
    background: #ccc; } }