@charset "UTF-8";
/* さくらんぼ */
/* -------------------------------- 
breakpoints
--------------------------------- */
/*mediaquery*/
/* -------------------------------- 
フルーツ用
-------------------------------- */
/* footer */
footer {
  background: url(../img/back_3dot.png) 0 0 repeat;
  color: #fff;
  padding: 0;
  text-align: center; }

@media screen and (max-width: 640px) {
  footer img {
    margin-top: 32px;
    max-width: 25%; }

  footer .inner p {
    font-size: .9em;
    line-height: 1.5;
    margin: 0;
    padding-top: 16px; }

  footer p.copy {
    font-size: 10px;
    padding: 20px 0; } }
/* -------------------------------- 
メインコンテンツ
-------------------------------- */
/* main */
.main section.index_top-1 {
  margin: 0 0 30px;
  padding: 0; }
  .main section.index_top-1 .inner {
    padding-top: 0; }
    .main section.index_top-1 .inner h1 {
      margin: 0; }
    .main section.index_top-1 .inner h1.reduction {
      margin: 40px 0 20px;
      max-width: 60%; }

/* sp用 */
/* さくらんぼ */
.main section.index_top-1 .inner h1#sp-higashinecherry {
  display: none; }

/* flex */
.main section.index_top-1 .inner .mainflex,
.main section.index_info-1 .inner .mainflex,
.main section.index_info-2 .inner .mainflex {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0; }

@media (max-width: 768px) and (min-width: 641px) {
  .main section.index_info-1 .inner .mainflex {
    display: block;
    justify-content: center; }

  /* sp用 */
  .main section.index_top-1 .inner h1#sp-higashinecherry {
    display: block;
    margin: 20px 0 0 0;
    width: 100%; } }
@media screen and (max-width: 640px) {
  .main section.index_top-1 .inner .mainflex,
  .main section.index_info-1 .inner .mainflex,
  .main section.index_info-2 .inner .mainflex {
    display: block;
    justify-content: center; }

  /* sp用 */
  .main section.index_top-1 .inner h1#sp-higashinecherry {
    display: block;
    margin: 20px 0 0 0;
    width: 100%; } }
/* 共通 */
.main section.index_info-1 .inner h2,
.main section.index_info-2 .inner h2 {
  color: #754c24;
  text-align: center;
  margin: 0 0 40px 0;
  font-size: 1.8em; }

/* アイコン:さくらんぼ */
.main section.index_top-2 .inner div.h2-ic_che,
.main section.index_info-1 .inner div.h2-ic_che,
.main section.index_info-2 .inner div.h2-ic_che {
  display: block;
  background: url(../img/ic_cherry.png) center no-repeat;
  height: 32px; }

/* メイントップ */
.main section.index_top-1 .inner .mainflex div.left {
  width: 70%; }
  .main section.index_top-1 .inner .mainflex div.left p {
    font-size: 1.1em;
    line-height: 1.8;
    margin-top: 30px; }
  .main section.index_top-1 .inner .mainflex div.left h2 {
    color: #000;
    font-size: 1.5em;
    line-height: 1.5;
    margin-top: 10px;
    text-align: left; }
    .main section.index_top-1 .inner .mainflex div.left h2 span {
      background: linear-gradient(transparent 50%, #fff363 50%); }

.main section.index_top-1 .inner .mainflex div.right {
  width: 30%; }
  .main section.index_top-1 .inner .mainflex div.right img {
    width: 80%; }

@media (max-width: 768px) and (min-width: 641px) {
  /* さくらんぼ */
  .main section.index_top-1 .inner .mainflex div.left {
    width: 100%;
    background: url(../cherry/img/cherry_img-1.png) right bottom no-repeat;
    background-size: 30%; }
    .main section.index_top-1 .inner .mainflex div.left p {
      font-size: 1.1em;
      line-height: 1.8;
      margin-top: 30px; }

  .main section.index_top-1 .inner .mainflex div.right {
    width: 0; }
    .main section.index_top-1 .inner .mainflex div.right img {
      display: none; } }
@media screen and (max-width: 640px) {
  .main section.index_top-1 .inner .mainflex div.left {
    width: 100%; }
    .main section.index_top-1 .inner .mainflex div.left h2 {
      font-size: 1.4em; }

  .main section.index_top-1 .inner .mainflex div.right {
    width: 70%;
    text-align: center;
    margin: 0 auto; } }
/*  当店のこだわり 
-------------------------------- */
/* さくらんぼ */
.main section.index_info-1 {
  background: url(../img/back_3dot.png) 0 0 repeat;
  padding: 20px 0 40px; }
  .main section.index_info-1 .inner .mainflex div.left {
    width: 50%; }
    .main section.index_info-1 .inner .mainflex div.left img {
      max-width: 100%; }
  .main section.index_info-1 .inner .mainflex div.right {
    width: 50%; }
    .main section.index_info-1 .inner .mainflex div.right p {
      font-size: 1.1em;
      line-height: 1.8; }

@media (max-width: 768px) and (min-width: 641px) {
  .main section.index_info-1 .inner .mainflex div.left {
    margin: 0 auto;
    text-align: center;
    width: 100%; }
    .main section.index_info-1 .inner .mainflex div.left img {
      max-width: 60%; }

  .main section.index_info-1 .inner .mainflex div.right {
    width: 100%; } }
@media screen and (max-width: 640px) {
  .main section.index_info-1 .inner .mainflex div.left {
    margin: 0 auto;
    text-align: center;
    width: 100%; }
    .main section.index_info-1 .inner .mainflex div.left img {
      max-width: 80%; }

  .main section.index_info-1 .inner .mainflex div.right {
    width: 100%; } }
/* さくらんぼ（日本地理的表示GI）gi-area */
.main section.index_info-1 .inner #gi-area {
  background: url(../img/main_gi-area_back.png) 0 0 repeat;
  margin-top: 20px; }
  .main section.index_info-1 .inner #gi-area div.left {
    width: 30%; }
    .main section.index_info-1 .inner #gi-area div.left img {
      margin: 35px 20px 35px 100px;
      max-width: 60%; }

.main section.index_info-1 .inner #gi-area div.right {
  width: 70%; }
  .main section.index_info-1 .inner #gi-area div.right h3 {
    color: #fff;
    font-size: 1.8em;
    line-height: 1.5;
    margin: 35px 40px 20px 20px; }
  .main section.index_info-1 .inner #gi-area div.right p {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.8;
    margin: 10px 100px 20px 20px; }

.main section.index_info-1 .inner #la_eat-area div.right {
  width: 65%; }
  .main section.index_info-1 .inner #la_eat-area div.right h3 {
    color: #fff;
    font-size: 1.8em;
    line-height: 1.5;
    margin: 35px 40px 20px 20px; }
  .main section.index_info-1 .inner #la_eat-area div.right p {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.8;
    margin: 10px 100px 20px 20px; }

@media screen and (max-width: 768px) {
  .main section.index_info-1 .inner #gi-area div.left img {
    margin: 20px auto 10px;
    max-width: 60%; }

  .main section.index_info-1 .inner #gi-area div.right {
    padding-bottom: 4px;
    width: 100%; }
    .main section.index_info-1 .inner #gi-area div.right h3 {
      font-size: 1.6em;
      margin: 20px; }
    .main section.index_info-1 .inner #gi-area div.right p {
      color: #fff;
      font-size: 1.1em;
      line-height: 1.8;
      margin: 20px; } }
@media screen and (max-width: 640px) {
  .main section.index_info-1 .inner #gi-area div.left img {
    margin: 20px auto 10px;
    max-width: 100%; }

  .main section.index_info-1 .inner #gi-area div.right h3 {
    font-size: 1.4em;
    margin: 10px 20px; } }
/*  取扱商品
-------------------------------- */
/* さくらんぼ */
.main section.index_top-2 {
  padding: 40px 0;
  margin: 0 0 30px; }
  .main section.index_top-2 .inner {
    background: none;
    background-position: right 8% bottom 5%;
    background-size: 25%; }
    .main section.index_top-2 .inner .mainflex div {
      width: 32%; }

/* ご贈答用 */
.main section.index_top-2 .inner h3.ti-zoutou {
  background: #dc0000;
  color: #fff;
  padding: .5em 1em; }

.main section.index_top-2 .inner h3.ti-zoutou_sm {
  background: #dc0000;
  color: #fff;
  padding: .5em 1em;
  width: 33%; }

.main section.index_top-2 .inner .mainflex div table {
  font-size: 1.1em;
  width: 100%; }

.main section.index_top-2 .inner .mainflex div table.zoutou tr th {
  background: #f4acad;
  padding: .2em .4em; }

.main section.index_top-2 .inner .mainflex div table.zoutou tr:nth-child(2) td,
.main section.index_top-2 .inner .mainflex div table.zoutou tr:nth-child(3) td {
  border-bottom: dotted 2px #f4acad;
  padding: .4em;
  text-align: center; }

.main section.index_top-2 .inner .mainflex div table.zoutou tr:last-child td {
  border-bottom: solid 4px #f4acad;
  padding: .4em;
  text-align: center; }

/* ご家庭用 */
.main section.index_top-2 .inner h3.ti-katei {
  background: #68ae3a;
  color: #fff;
  margin-top: 32px;
  padding: .5em 1em;
  /*width: 66%;*/ }

.main section.index_top-2 .inner .mainflex div table.katei tr th {
  background: #afdc7d;
  padding: .2em .5em; }

.main section.index_top-2 .inner .mainflex div table.katei tr:nth-child(2) td,
.main section.index_top-2 .inner .mainflex div table.katei tr:nth-child(3) td {
  border-bottom: dotted 2px #afdc7d;
  padding: .4em;
  text-align: center; }

.main section.index_top-2 .inner .mainflex div table.katei tr:last-child td {
  border-bottom: solid 4px #afdc7d;
  padding: .4em;
  text-align: center; }

/* 共通 */
.main section.index_top-2 .inner .mainflex div table.zoutou td span.bold,
.main section.index_top-2 .inner .mainflex div table.katei td span.bold {
  font-weight: bold; }

.main section.index_top-2 .inner .mainflex div table.zoutou td span.sm,
.main section.index_top-2 .inner .mainflex div table.katei td span.sm {
  font-size: 12px;
  padding-top: .3em; }

/* 画像 */
.main section.index_top-2 .inner .mainflex div img {
  max-width: 98%;
  margin: 0 auto;
  display: block; }

/* sp */
.main section.index_top-2 .inner .mainflex div#sp-img img {
  display: none; }

@media screen and (max-width: 640px) {
  .main section.index_top-2 .inner .mainflex div {
    margin-top: 16px;
    width: 100%; }

  .main section.index_top-2 .inner h3.ti-katei {
    width: 100%; }

  .main section.index_top-2 .inner {
    background: none; }
    .main section.index_top-2 .inner .mainflex div#sp-img img {
      display: block;
      max-width: 70%; } }