@charset "UTF-8";
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%; }

img {
  width: 100%; }

ul li {
  list-style: none; }

table {
  border-spacing: 0; }

body * {
  color: #282828;
  line-height: 1; }

a {
  color: #282828;
  text-decoration: none;
  vertical-align: baseline; }

a:hover, button:hover {
  opacity: 0.8; }

section {
  margin: 0 auto;
  max-width: 2000px; }

body * {
  font-size: 16px; }

@media screen and (max-width: 1100px) {
  .all_warp {
    width: 1100px;
    overflow-x: hidden; } }

.inner {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box; }

/* ========================================
  ファーストビュー
======================================== */
.fv_area {
  background: url("../img/fv_bg.jpg") top center no-repeat;
  background-size: 2000px 800px;
  height: 800px; }
  .fv_area .fv_tit_wrap {
    display: flex;
    flex-flow: column-reverse; }
  .fv_area h1 {
    margin: 0 auto; }
  .fv_area .fv_logo {
    width: 127px;
    margin: 0 auto 4px; }
  .fv_area .fv_logo_txt {
    width: 286px;
    margin: 0 auto 77px; }
  .fv_area .fv_txt {
    position: absolute;
    width: 91px;
    top: -36px;
    right: 112px;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(1, 42, 58, 0.2));
    -moz-filter: drop-shadow(2px 2px 3px rgba(1, 42, 58, 0.2));
    -ms-filter: drop-shadow(2px 2px 3px rgba(1, 42, 58, 0.2));
    filter: drop-shadow(2px 2px 3px rgba(1, 42, 58, 0.2)); }

/*./fv_area*/
/* ========================================
  食べたいときに電子レンジでチン ごはん 一粒庵 おいしい冷凍ごはん
======================================== */
.delicious_area {
  background: url("../img/delicious_bg.jpg") top center no-repeat;
  background-size: 2000px 5050px;
  height: 5050px; }

  .delicious_area .delicious_box {
    position: relative; }
  .delicious_area .delicious_tit_num {
    position: absolute;
    width: 318px;
    top: -95px;
    right: -46px; }
  .delicious_area .delicious_item_tit {
    position: absolute;
    width: 158px;
    top: 39px;
    right: 56px; }
  .delicious_area .delicious_contents {
    position: absolute;
    width: 335px;
    top: 425px;
    right: 50px;
    z-index: 2; }
  .delicious_area .delicious_img {
    width: 843px;
    margin-top: 61px;
    margin-bottom: 34px;
    position: relative; }
    .delicious_area .delicious_img::after {
      content: "";
      display: block;
      width: 435px;
      height: 111px;
      background: url("../img/delicious_okowa_img_wave.png") no-repeat center/100%;
      position: absolute;
      left: -280px;
      top: 62px; }
    .delicious_area .delicious_img::before {
      content: "";
      display: block;
      position: absolute; }
  .delicious_area .delicious_list {
    display: flex;
    margin-left: 52px; }
    .delicious_area .delicious_list li + li {
      margin-left: 27px; }
    .delicious_area .delicious_list li .delicious_item_name {
      width: 290px;
      margin-bottom: -2px; }
    .delicious_area .delicious_list li .delicious_item_price {
      width: 290px;
      margin-bottom: -4px; }
    .delicious_area .delicious_list li a {
      display: block;
      width: 303px;
      margin-left: 7px; }

    .delicious_box01new1{
      margin-top: 88px;
    }

    .delicious_box01new2{
      margin-top: 188px;
    }
  
  .delicious_area .delicious_box02 {
    margin-top: 207px; }
    .delicious_area .delicious_box02 .delicious_tit_num {
      width: 360px;
      right: auto;
      left: -100px;
      top: -138px; }
    .delicious_area .delicious_box02 .delicious_img {
      margin-right: 0;
      margin-left: auto;
      width: 931px;
      margin-bottom: 31px; }
      .delicious_area .delicious_box02 .delicious_img::after {
        content: "";
        display: block;
        width: 435px;
        height: 323px;
        background: url("../img/delicious_okowa_img_wave.png") no-repeat center/100%;
        position: absolute;
        left: auto;
        right: -271px;
        top: 220px; }
    .delicious_area .delicious_box02 .delicious_item_tit {
      right: auto;
      left: 76px;
      top: 23px;
      width: 156px;
      z-index: 3; }
    .delicious_area .delicious_box02 .delicious_contents {
      width: 461px;
      right: auto;
      left: -24px;
      top: 392px; }
    .delicious_area .delicious_box02 .delicious_list {
      margin-left: 467px; }
      .delicious_area .delicious_box02 .delicious_list li + li {
        margin-left: 14px; }
        .delicious_area .delicious_box02 .delicious_list li + li a {
          margin-left: 4px; }


/*./delicious_area*/
/* ========================================
  皆さんに選ばれています ありがとうございます！
======================================== */
.voice_area {
  background: url("../img/voice_bg.png") top center no-repeat;
  background-size: 2000px 1429px;
  height: 1429px;
  padding-top: 368px;
  margin-top: -60px; }
  .voice_area h2 {
    position: absolute;
    width: 1000px;
    top: -183px;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 2; }
  .voice_area .voice_list {
    width: 998px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    .voice_area .voice_list li {
      width: 940px;
      margin-bottom: 31px;
      margin-left: 3px;
      -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
      -moz-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
      -ms-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
      filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2)); }
      .voice_area .voice_list li:nth-of-type(even) {
        margin-right: 0;
        margin-left: auto; }

/*./voice_area*/
/* ========================================
  おすすめのセット商品
======================================== */
.recommend_area {
  background: url("../img/recommend_bg.jpg") top center no-repeat;
  background-size: 2000px 754px;
  height: 754px;
  padding-top: 60px; }
  .recommend_area h2 {
    width: 608px;
    margin: 0 auto 10px; }
  .recommend_area .recommend_list {
    width: 1004px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    .recommend_area .recommend_list li {
      width: 240px;
      margin-bottom: 20px;
      margin-right: 14px; }
      .recommend_area .recommend_list li:nth-of-type(4n) {
        margin-right: 0; }
      .recommend_area .recommend_list li .recommend_img {
        margin-bottom: 7px; }
      .recommend_area .recommend_list li .recommend_item_name {
        margin-bottom: -3px; }
      .recommend_area .recommend_list li .recommend_item_price {
        margin-bottom: -3px; }
      .recommend_area .recommend_list li a {
        display: block;
        width: 243px;
        margin: 0 auto; }

/*./recommend_area*/


/* ========================================
  ページ上部に追加　ランキング
======================================== */
.ranking_inner {
  height: 500px;
  width: 980px;
  padding-top: 20px; }

  .ranking_area h2 {
    width: 700px;
    margin: 0 auto;
    margin-bottom: 4px; }

    .ranking_area .ranking_list {
      width: 1004px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; /* 追加: 中央揃え */}


    .ranking_area .ranking_list li {
      width: 240px;
      margin-top: 6px;
      margin-bottom: 16px;
      margin-right: 40px; 
    }

    .inner .ranking_inner {
      background: url("../img/ranking_bg.jpg") ;
      margin-top: 60px;
      margin-bottom: 100px;
    }

      .ranking_area .ranking_list li .ranking_img {
        margin-bottom: 7px; }

      .ranking_area .ranking_list li .ranking_item_name {
        margin-bottom: -3px; }

      .ranking_area .ranking_list li .ranking_item_price {
        margin-bottom: -3px; }

      .ranking_area .ranking_list li a {
        display: block;
        width: 243px;
        margin: 0 auto; }

/*./ranking_area*/


/*# sourceMappingURL=style.css.map */