@charset "euc-jp";
#container {
  padding-top: 30px;
}

.header-headline-nav li a {
  color: #4d4d4d;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
}
.header-global-nav a,
.header-global-nav span {
  padding-bottom: 5px;
  color: #4d4d4d;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  cursor: pointer;
}
#nav a {
  color: #4d4d4d;
}

#slideshow-block {
  margin-bottom: 0px;
}
#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
  background: url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
  text-indent: -999em;
}
#supersized {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
  #supersized .row {
    position: relative;
  }
  #supersized img {
    position: absolute;
    display: none;
    width: auto !important;
    height: auto !important;
    outline: none;
    border: none;
  }
  #supersized.speed img {
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering: -moz-crisp-edges;
  }
  #supersized.quality img {
    -ms-interpolation-mode:bicubic;
    image-rendering: optimizeQuality;
  }
  #supersized li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -30;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #fff;
    list-style: none;
  }
  #supersized li.prevslide {
    z-index: -20;
  }
  #supersized li.activeslide {
    z-index: -10;
  }
  #supersized li.image-loading {
    width: 100%;
    height: 100%;
    background: #111 url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
  }
  #supersized li.image-loading img {
    visibility: hidden;
  }
  #supersized li.prevslide img,
  #supersized li.activeslide img {
    display: inline;
  }
#slide-list {
  position: absolute;
  bottom: 20px;
  margin: 0 !important;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: .85em;
  font-family: Arial;
}
  #slide-list li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
  #slide-list a {
    display: block;
    margin: 0 5px;
    width: 70px;
    height: 10px;
    outline: 0;
    background: #5e5e5e;
    text-indent: -9999px;
    opacity: 0.7;
    cursor: pointer;
  }
  #slide-list a:hover,
  #slide-list .current-slide a {
    background: #ecd062;
    opacity: 1;
  }
#controls-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
  *z-index: 50;
}
#controls {
  position: relative;
  z-index: 50;
  height: 100%;
}
#slidecaption {
  position: absolute;
  left: 1%;
  z-index: 2;
  padding-bottom: 20px;
  color: #fff;
  font-size: 40px;
  line-height: 1.2;
}
  #controls-wrapper.mode-static {
    position: static;
    padding: 15px 0;
    height: auto;
  }
  #controls-wrapper.mode-static #slide-list {
    position: static;
  }

@media only screen and (max-width: 980px) {
  #supersized {
    top: 60px;
  }
  #controls-wrapper {
    position: static;
    height: auto;
  }
  #slide-list {
    position: static;
    padding-top: 15px;
  }
    #slide-list a {
      width: 15px;
      height: 15px;
    }
  #slidecaption {
    left: 3%;
    padding-bottom: 6px;
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  #slidecaption {
    left: 20px;
    padding-bottom: 10px;
  }
}


/* 2021年5月リニューアル */
/*  トップ共通  */
#container.top {width: 1100px;}
#container.top .content-block h2{border-bottom: 2px solid #221e1f; padding-bottom: 11px;}
#container.top .content-block h2 img{display: block;}
#container.top .color-block h2{border: none; font-size: 28px; text-align: center; margin-bottom: 34px; padding-bottom: 0px; color: #221e1f;}
#container.top .color-block h2 span{font-size: 16px;}
#container.top .main-section{width: 830px; padding: 0px;}

.content-block{margin-bottom: 93px;}
.content-block h2{margin-bottom: 33px; margin-top: 0px;}

.color-block{background: #f4f4f4; border-radius: 12px; padding: 53px 20px 52px; margin-bottom: 43px;}

/*  spのみ  */
@media screen and (max-width: 1099px) {
  #container.top {width: 100%;}
  #container.top .color-block h2{font-size: 27px;}
  #container.top .color-block h2 span{font-size: 15px; font-weight: normal;}
  .content-block{margin-bottom: 53px; padding: 0px 0px 0px;}
  .color-block{margin-bottom: 40px; padding: 42px 20px 52px;}
  .content-block h2{margin-bottom: 30px;}
}

/*  メインビジュアル  */
#slider-area .slick-dotted.slick-slider{margin-bottom: 98px;}
#slider-area .slick-dots {bottom: -26px;}
#slider-area .slick-dots li{width: 10px; height: 10px; margin: 0 8px;}
#slider-area .slick-dots li button{width: 10px; height: 10px;}
#slider-area .slick-dots li button:before{width: 10px; height: 10px; background: #ebebeb; content: ""; border-radius: 5px; opacity: 1;}
#slider-area .slick-dots li.slick-active button:before{background: #109346;}


/*  spのみ  */
@media screen and (max-width: 1099px) {
  #slider-area .slick-slide img{width: 100%;}
  #slider-area .slick-dotted.slick-slider{margin-bottom: 90px;}
  #container.top .main-section{width: 100%;}
  #slider-area{width: 100%;}
}

/*  slick共通  */
.slick-prev, .slick-next{width: 36px; height: 36px; top: 38%;}
.slick-prev:before{content: "" !important; width: 36px; height: 36px; display: block; background: url(https://file003.shop-pro.jp/PA01464/267/images/icon-prev.jpg); opacity: 1;}
.slick-next:before{content: "" !important; width: 36px; height: 36px; display: block; background: url(https://file003.shop-pro.jp/PA01464/267/images/icon-next.jpg); opacity: 1;}

.slick-prev{left: 3px; z-index: 10;}
.slick-next{right: 3px; z-index: 10;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .slick-prev, .slick-next{width: 30px; height: 30px; top: 30%;}
  .slick-prev:before{width: 30px; height: 30px; background: url(https://file003.shop-pro.jp/PA01464/267/images/icon-prev-sp.jpg); background-size: cover;}
  .slick-next:before{width: 30px; height: 30px; background: url(https://file003.shop-pro.jp/PA01464/267/images/icon-next-sp.jpg); background-size: cover;}
  .slick-prev{left: -3px; z-index: 10;}
  .slick-next{right: -3px; z-index: 10;}
}

/*  スライダー  */
.item-list {padding: 0 9.5px;}
.item-list .prd-lst-img{border: 2px solid #e9e9e9; width: 178px; height: 178px;}
.item-list .box {padding: 0 11.5px;}
.item-list .box h3{margin: 10px 0 5px; font-size: 16px; font-weight: normal;}
.item-list .box p{font-size: 14px; margin-bottom: 0px; line-height: 1;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .item-list {padding: 0 0px;}
  .item-list .prd-lst-img{width: 100%; height: auto;}
  .item-list .box {padding: 0 10px;}
  .item-list .box h3{font-size: 14px; margin-top: 7px;}
  .item-list .box p{line-height: 22px;}
}

/*  スライダーなし  */
.no-slide-item-list{display: flex; flex-wrap: wrap;}
.no-slide-item-list .box{width: 250px; margin-right: 40px; padding-bottom: 30px;}
.no-slide-item-list .box:nth-child(3n){margin-right: 0px;}
.no-slide-item-list .box img{width: 248px; height: 248px; border: 2px solid #e9e9e9;}
.no-slide-item-list .box h3{margin: 10px 0 5px; font-size: 16px; font-weight: normal;}
.no-slide-item-list .box p{font-size: 14px; margin-bottom: 0px; line-height: 150%;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .no-slide-item-list{justify-content: space-between;}
  .no-slide-item-list .box{width: 44%; margin: 0px; padding: 0 3% 22px;}
  .no-slide-item-list .box img{width: 100%; height: auto;}
  .no-slide-item-list .box h3{font-size: 14px; margin-top: 7px; margin-bottom: 0px;}

  .no-slide-item-list .slick-prev{left: -13px; z-index: 10;}
  .no-slide-item-list .slick-next{right: -13px; z-index: 10;}
  .no-slide-item-list .slick-prev, .no-slide-item-list .slick-next{top: 42%;}
}


/*  おすすめノベルティグッズ  */
.recommend-novelty {margin-bottom: 65px;}
.recommend-novelty .no-slide-item-list .box{width: 180px; margin-right: 36px;}
.recommend-novelty .no-slide-item-list .box:nth-child(3n){margin-right: 36px;}
.recommend-novelty .no-slide-item-list .box:nth-child(4n){margin-right: 0px;}
.recommend-novelty .no-slide-item-list .box img{height: 178px;}
.recommend-novelty .no-slide-item-list .box h3 img{height: auto;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .recommend-novelty {margin-bottom: 30px;}
  .recommend-novelty h2{margin-bottom: 30px;}
  .recommend-novelty .no-slide-item-list{justify-content: space-between;}
  .recommend-novelty .no-slide-item-list .box{width: 44%; margin: 0px;}
  .recommend-novelty .no-slide-item-list .box:nth-child(3n){margin-right: 0px;}
  .recommend-novelty .no-slide-item-list .box:nth-child(4n){margin-right: 0px;}
  .recommend-novelty .no-slide-item-list .box img{height: auto;}
}

/*  新商品  */
.new-item{margin-bottom: 59px;}
.new-item .no-slide-item-list .box{width: 180px; margin-right: 36px;}
.new-item .no-slide-item-list .box:nth-child(3n){margin-right: 36px;}
.new-item .no-slide-item-list .box:nth-child(4n){margin-right: 0px;}
.new-item .no-slide-item-list .box img{height: 178px;}
.new-item .no-slide-item-list .box h3 img{height: auto;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .new-item{margin-bottom: 38px;}
  .new-item .no-slide-item-list{justify-content: space-between;}
  .new-item .no-slide-item-list .box{width: 44%; margin: 0px;}
  .new-item .no-slide-item-list .box:nth-child(3n){margin-right: 0px;}
  .new-item .no-slide-item-list .box:nth-child(4n){margin-right: 0px;}
  .new-item .no-slide-item-list .box img{height: auto;}
}

/*  カラーブロック  */
.color-block .no-slide-item-list .box{width: 180px; margin-right: 23px; padding-bottom: 0px; box-sizing: border-box;}
.color-block .no-slide-item-list .img-box{justify-content: center; align-items: center; display: flex; box-sizing: border-box;}
.color-block .no-slide-item-list .box img{height: 178px; width: auto; max-width: 178px; box-sizing: border-box;}
.color-block .no-slide-item-list .box:nth-child(4){margin-right: 0px;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .color-block .no-slide-item-list .box{margin: 0px; width: 100%; padding: 0px; }
  .color-block .no-slide-item-list .img-box{width: 100%; position: relative;}
  .color-block .no-slide-item-list .img-box:before {content: ""; display: block; padding-top: 100%;}
  .color-block .no-slide-item-list .box img{height: auto; max-height: 100%; width: auto; max-width: 100%;position: absolute; top:0;  left: 0; bottom: 0; right: 0; margin: auto;}
}

/*  夏のノベルティグッズ  */
.color-block.summer-novelty{background: #d5f2fa;}

/*  夏の麺 */
.color-block.summer-noodle{background: #ffeec9;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .color-block.summer-noodle{margin-bottom: 60px;}
}

/*  おすすめ特集 */
/* 20240113 banner-list編集 */
.banner-list{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; column-gap: 16px; row-gap: 30px; }
.banner-list a{display: block; width: 400px;}
.banner-list img{border: 1px solid #e9e9e9; box-sizing: border-box;}
.banner-list h3{margin: 13px 0 6px; font-size: 20px;}
.banner-list p{font-size: 16px;}

.recommend-heading-wrapper {margin-top: 24px;}
/*  spのみ  */
@media screen and (max-width: 999px) {
  .banner-list a{width: 100%;}
  .banner-list h3{margin: 10px 0 0px;}
  .banner-list p{font-size: 14px;}

  .recommend-banner{margin-bottom: 29px;}
}

/* お知らせ */
.news-area .news-list{list-style: none; margin-bottom: 152px;}
.news-area .news-list li{display: flex; align-items: flex-start; margin-bottom: 25px;}
.news-area .news-list li h3{margin: 0 50px 0 0; font-weight: normal; font-size: 16px;}
.news-area .news-list li p{margin: 0; font-size: 16px;}

/*  spのみ  */
@media screen and (max-width: 999px) {
  .news-area{margin-bottom: 61px;}
  .news-area h2{margin-bottom: 23px;}
  .news-area .news-list{margin: 0px;}
  .news-area .news-list li{margin-bottom: 1em;}
  .news-area .news-list li h3{margin-right: 15px; font-size: 14px;}
  .news-area .news-list li p{font-size: 14px; width: 70%;}
}

/* お問い合わせ */
.contact-banner-area {background: url(https://file003.shop-pro.jp/PA01464/267/images/contact-area-bg.jpg); clear: both; height: 236px; padding-top: 73px; box-sizing: border-box; margin-bottom: 110px;}
.contact-banner-area h2{text-align: center; color: #ffffff; font-size: 24px; margin-bottom: 33px; line-height: 1; margin: 0 0 33px;}
.contact-banner-area a{display: block; width: 264px; height: 50px; text-align: center; background: #fff; margin: 0 auto; padding-top: 15px; box-sizing: border-box; position: relative;}
.contact-banner-area a::after{content: ''; display: inline-block; width: 6px; height: 6px; border: 0px; border-top: solid 1px #221e1f; border-right: solid 1px #221e1f; -ms-transform: rotate(135deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 16px; top: 22px;}

@media screen and (max-width: 999px) {
  .contact-banner-area{background: none; padding: 0px; height: auto; margin-bottom: 60px;}
  .contact-banner-area a{height: auto; width: 100%; padding: 0px;}
  .contact-banner-area img{display: block; width: 100%; height: auto;}
  .contact-banner-area a::after{display: none;}
}


/* 最近チェックした商品 */
.checked-area h2{margin-top: 0px; margin-bottom: 23px;}
.checked-area .checked-area-item-list {padding: 0px;}
.checked-area .checked-area-item-list img{border: 1px solid #e9e9e9; width: 178px; height: 178px;}
.checked-area .checked-area-item-list .box {padding: 0 21px;}
.checked-area .checked-area-item-list .box h3{margin: 10px 0 5px; font-size: 16px; font-weight: normal;}
.checked-area .checked-area-item-list .box p{font-size: 14px; margin-bottom: 0px; line-height: 1;}

@media screen and (max-width: 999px) {
  .checked-area{margin-bottom: 60px;}
  .checked-area h2{margin-bottom: 9px;}
  .checked-area .checked-area-item-list .box{padding: 12px;}
  .checked-area .checked-area-item-list img{height: auto;}
  .checked-area .checked-area-item-list .box h3{font-size: 14px;}
  .checked-area .checked-area-item-list .box p{font-size: 13px;}
  .checked-area .slick-prev, .checked-area .slick-next{top: 34%;}
}




/* =================================================================
2021年12月リニューアル
=================================================================*/
.color-block {padding: 25px 20px 30px;}
.color-block .color-link {background-color: #fff; max-width: 260px; display: block; margin: 0 auto; text-align: center; font-size: 18px; font-weight: 600; padding: 1px 0; border-radius: 20px; position: relative;}
.color-block .color-link::after {content: ''; display: inline-block; width: 7px; height: 7px; border: 0px; border-top: solid 1px #000; border-right: solid 1px #000; transform: rotate(45deg); position: absolute; top: 11px; right: 16px;}

.item-list .box p {font-size: 16px; color: #D42C1A;}
.item-list .box .item_txt {margin: 5px 0 0; color: #b4b4b4;}

.no-slide-item-list{margin: 0 0 15px;}

.no-slide-item-list .box p{font-size: 16px; color: #D42C1A;}
.no-slide-item-list .box .item_txt {margin: 5px 0 0; color: #b4b4b4;}

.banner-list a{width: 260px;}
.banner-list img{border-bottom: 1px solid #e9e9e9;}
.banner-list h3{margin: 8px 15px 6px; font-size: 16px;}
.banner-list p{font-size: 14px; margin: 0 15px 20px;}

@media screen and (max-width: 999px) {
.banner-list h3{margin: 10px 15px 0;}
.banner-list a{width: 100%;}
}

/* 2021年12月リニューアルここまで */

/* 20240113 追記 */
@media screen and (max-width: 648px) {
  .banner-list {grid-template-columns: 1fr; row-gap: 24px;}
  .banner-list>* {grid-column: 1;}
  .banner-list img {width: 100%; height: auto;}
}