/******************************/
/* SLIDER */
/******************************/
@media screen and (max-width: 1030px) {
  .slider {
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
  }
}
#slider div {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#slider > div {
  display: none;
}
.bx-viewport #slider > div {
  display: block;
}
.bx-wrapper {
  z-index: 0;
}
.bx-wrapper img {
  width: 100%;
  height: auto;
}
.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: 0 !important;
  left: 0 !important;
}
.bx-wrapper .bx-pager {
  bottom: -27px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0 3px !important;
  padding-top: 15px;
  width: 25px !important;
  height: 1px !important;
  background: transparent !important;
  border-bottom: 1px solid #cccccc;
  border-radius: 0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: transparent !important;
  border-bottom: 1px solid #000000;
}
/******************************/
/* NEWS */
/******************************/
.p-line-informaiton {
  display: flex;
  flex-wrap: wrap;
  margin-top: 75px;
  width: 760px;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton {
    display: block;
    width: auto;
  }
}
.p-line-informaiton ul {
  flex: 1;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton ul {
    font-size: 12px;
  }
}
.p-line-informaiton li {
  margin-bottom: 15px;
}
.p-line-informaiton__ttl {
  position: relative;
  margin: 0 40px 0 0;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton__ttl {
    margin: 0;
  }
}
.p-line-informaiton__ttl:before {
  content: "";
  position: absolute;
  top: 7px;
  right: -20px;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton__ttl:before {
    content: none;
  }
}
/***** お知らせ *****/
.p-top-news {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-top-news {
    display: block;
    margin-bottom: 45px;
  }
}
.p-top-news__ttl {
  box-sizing: border-box;
  margin-right: 25px;
  padding: 10px;
  width: 110px;
  border: 1px solid #b2b2b2;
  font-size: 18px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-news__ttl {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 5px;
    width: 70px;
    border: 1px solid #b2b2b2;
    font-size: 12px;
  }
}
.p-top-news__body {
  flex: 1;
  margin-bottom: 0;
}
/******************************/
/* TOP RECOMMEND */
/******************************/
.p-recommend.u-container {
  padding-bottom: 0;
}
/******************************/
/* NEW　ARRIVAL */
/******************************/
.p-new-item.u-container {
  padding-bottom: 0;
}
/******************************/
/* TOP RANKING */
/******************************/
.p-ranking-list .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.p-ranking-list .slick-prev, .p-ranking-list .slick-next {
  top: 80px;
  width: 30px;
  height: 30px;
  transition: all 0.4s ease;
  z-index: 1;
  background: rgba(255,255,255,0.4);
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev, .p-ranking-list .slick-next {
    top: 110px;
    width: 45px;
    height: 45px;
  }
}
.p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 10px;
  width: 15px;
  height: 15px;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  transition: all 0.4s ease;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
    top: 15px;
  }
}
.p-ranking-list .slick-prev {
  left: 20px;
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev {
    left: 0px;
  }
}
.p-ranking-list .slick-prev:before {
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev:before {
    left: 17px;
  }
}
.p-ranking-list .slick-next {
  right: 20px;
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-next {
    right: 0px;
  }
}
.p-ranking-list .slick-next:before {
  left: 4px;
  transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-next:before {
    left: 13px;
  }
}
.p-ranking-list__item {
  position: relative;
  box-sizing: border-box;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 25px;
  word-break: break-all;
}
@media screen and (max-width: 1030px) {
  .p-ranking-list__item {
    margin-right: 5px;
    margin-left: 5px;
  }
}
.p-ranking-list__img {
  position: relative;
  margin-bottom: 35px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-ranking-list__img {
    text-align: center;
  }
}
.p-ranking-list__img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.p-ranking-list__img a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-ranking-list__img img {
  display: inline-block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  text-align: center;
}
.p-ranking-list__num {
  position: absolute;
  top: 0;
  left: 1px;
  width: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  background: #000000;
  color: #ffffff;
  text-align: center;
}
.p-ranking-list__ttl img {
  vertical-align: middle;
}
.p-ranking-list__price {
  color: #909090;
  margin-top: 20px;
}
.p-ranking-list__btn {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d8d8d8;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-ranking-list__btn.is-added {
  color: #000000;
}
.p-ranking-list__btn svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
/******************************/
/* TOP INFORMATION */
/******************************/
.p-information {
  padding-bottom: 0;
}
@media screen and (max-width: 1030px) {
  .p-information {
    padding-bottom: 45px;
  }
}
.p-information__body {
  margin-left: 60px;
  margin-right: 60px;
  line-height: 2;
}
@media screen and (max-width: 1030px) {
  .p-information__body {
    margin-left: 0;
    margin-right: 0;
  }
}
/******************************/
/* TOP FREE */
/******************************/
.p-free__body {
  margin-left: 60px;
  margin-right: 60px;
  line-height: 2;
}
@media screen and (max-width: 1030px) {
  .p-free__body {
    margin-left: 0;
    margin-right: 0;
  }
}
/******************************/
/* TOP BANNER */
/******************************/
.p-bnr {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1030px) {
  .p-bnr {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.p-bnr-list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-bnr-list {
    display: block;
  }
}
.p-bnr-list__item {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  width: 33.3333%;
}
@media screen and (max-width: 1030px) {
  .p-bnr-list__item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-bnr-list__item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    width: auto;
    text-align: center;
  }
}

/* ===== 浪花屋製菓　カスタマイズCSS　ここから ===== */

/* トップページ　> ヘッダー送料無料 */
@media screen and (max-width: 1030px){
  .header-free-shipping { padding: 10px 15px 10px }
}

/* トップページ > 共通 */
.top-heading h2.heading { font-size:28px; text-align:center; margin:15px 0; }

@media screen and (max-width: 425px){
  .top-heading h2.heading { font-size:24px; }
}

.top .c-row{ min-height:1px; }
.top .c-row:after{ clear:both; content:""; display:block; height:0; visibility:hidden;}
.top .c-row [class*="c-col-"] { margin-bottom:15px; }
.top .c-row [class*="c-col-"]:last-child { margin-bottom:0; }

@media (min-width: 767px){ 
	.top .c-row * { box-sizing:border-box; }
	.top .c-row .c-col-1 { width:8.33%; }
	.top .c-row .c-col-2 { width:16.66%; }
	.top .c-row .c-col-3 { width:25%; }
	.top .c-row .c-col-4 { width:33.33%; }
	.top .c-row .c-col-5 { width:41.66%; }
	.top .c-row .c-col-6 { width:50%; }
	.top .c-row .c-col-7 { width:58.33%; }
	.top .c-row .c-col-8 { width:66.66%; }
	.top .c-row .c-col-9 { width:75%; }
	.top .c-row .c-col-10 { width:83.33%; }
	.top .c-row .c-col-11 { width:91.66%; }
	.top .c-row .c-col-12 { width:100%; } 
	.top .c-row [class*="c-col-"] { float: left; padding: 15px; margin-bottom:0; }
	.top .c-row [class*="c-col-"] img { max-width:100%; height:auto; }
}

/* トップページ > スライダー */
.top-slider { margin-bottom:60px; }
.top-slider.u-container { width: 1230px; }
.bx-wrapper .bx-pager.bx-default-pager a { border-bottom:2px solid #ccc; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active { border-bottom:2px solid #cc9966; }

@media screen and (max-width: 1230px){
	.top-slider.u-container { width: auto; }
}

/* トップページ > 新着情報 */
.top-info { background: #fffcf3; padding: 20px 20px 30px 20px; margin-top: 20px; margin-bottom: 40px; }
.top-info h2 { font-size:28px; text-align:center; margin:0; margin-bottom:10px; }
.top-info ul { max-width:680px; margin-left:auto; margin-right:auto; }

@media screen and (max-width: 767px){
  .top-info h2 { font-size:24px; }
  .top-info .date { font-size:14px; display:block; padding:3px 0; }
}

/* トップページ > お知らせ */
.p-information { padding-top:0; padding-bottom:0 !important; margin-bottom:20px; }

/* トップページ > おすすめ商品 */
.p-recommend  { padding-top:0; padding-bottom:0 !important; }
.p-recommend .c-item-list__img { background: #fff; border: 1px solid #ebebeb; margin-bottom:10px; }

.p-recommend .c-item-list { margin-left: -20px; margin-right:-20px; }
.p-recommend .c-item-list__item { font-weight:bold; width:25%; margin-bottom:0; padding-left:20px; padding-right:20px; }
.p-recommend .c-item-list__item a { color:#222; }
.p-recommend .c-item-list__item a:hover { color:#79ac35; text-decoration:none; }
.p-recommend .c-item-list__price { color:#d95124; font-weight:bold; margin-top:0; }

@media screen and (max-width: 767px){
  .p-recommend .c-item-list__item { width:50%; }
}

/* トップページ > 人気ランキング */
.p-ranking  { padding-top:0; padding-bottom:0 !important; }
.p-ranking-list__item { padding-bottom:0 !important; }
.p-ranking-list__img { margin-bottom:10px !important; }
.p-ranking-list__img a { background:#fff; border: 1px solid #ebebeb; }
.p-ranking-list__ttl a { color:#222; font-size:15px; font-weight:bold; }
.p-ranking-list__ttl a:hover { color:#79ac35; text-decoration:none; }
.p-ranking-list__price { color: #d95124 !important; font-weight: bold; margin-top: 0;}
.p-ranking-list__num { background:#d95124 !important; left:0 !important; }
.p-ranking-list__num.is-1,
.p-ranking-list__num.is-2,
.p-ranking-list__num.is-3 { width:45px !important; line-height:45px !important; text-indent:100%; overflow:hidden; white-space:nowrap; left: 3px !important; }
.p-ranking-list__num.is-1 { background:url("https://img21.shop-pro.jp/PA01502/633/etc_base64/cmFua18wMQ.png?cmsp_timestamp=20230914165846") no-repeat center center !important;  background-size:contain !important; }
.p-ranking-list__num.is-2 { background:url("https://img21.shop-pro.jp/PA01502/633/etc_base64/cmFua18wMg.png?cmsp_timestamp=20230914165846") no-repeat center center !important; background-size:contain !important; }
.p-ranking-list__num.is-3 { background:url("https://img21.shop-pro.jp/PA01502/633/etc_base64/cmFua18wMw.png?cmsp_timestamp=20230914165846") no-repeat center center !important; background-size:contain !important; }

/* トップページ > 商品カテゴリーから選ぶ */
.top-choice-cat { padding:20px 0; }
.top-choice-cat .cat-box { background: #fffcf3; margin: 0 10px 15px 10px; }
.top-choice-cat .cat-box a { color:#222; display:block; }
.top-choice-cat .cat-box a:hover { color:#79ac35; text-decoration:none; }
.top-choice-cat .cat-box img { width: 62px; height: auto; margin-right: 15px; vertical-align:middle; }
.top-choice-cat .c-row .c-col-4 { padding:0 !important; width:100%; margin-bottom: 0 !important;}

@media (min-width: 600px){
  .top-choice-cat .c-row .c-col-4 { width:50%; float: left; }
}

@media (min-width: 767px){
  .top-choice-cat .c-row .c-col-4 { width:50%; }
}

@media (min-width: 1024px){
  .top-choice-cat .c-row .c-col-4 { width:33.33%; }
}

/* トップページ > 価格帯・パッケージ・限定販売品から選ぶ */
.top-choice-type { background:#fffcf3; padding:20px 20px; }
.top-choice-type h3 { color:#930; font-size:18px; font-family: 游明朝,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',HG明朝E,'ＭＳ Ｐ明朝','ＭＳ 明朝',serif; font-weight:bold; margin-top:0; margin-bottom:10px; }
.top-choice-type ul { margin-bottom:20px; }
.top-choice-type ul li:first-child a { border-top: 1px solid #e5d4a6; }
.top-choice-type ul li a { color:#222; border-bottom: 1px solid #e5d4a6; padding:10px 15px 10px 30px; display:block; position:relative;}
.top-choice-type ul li a:hover { color: #79ac35; text-decoration:none; }
.top-choice-type ul li a:before { content: ""; position: absolute; top: 50%; left: 8px; margin-top: -6px; width: 7px; height: 7px; border-right: 2px solid #d59d26; border-bottom: 2px solid #d59d26; transform: rotate(-45deg);  }

/* トップページ > 米菓・柿の種 */
.top-beika { background: url(https://img21.shop-pro.jp/PA01502/633/etc_base64/dG9wX2JlaWthX2tlaQ.jpg?cmsp_timestamp=20230915100744) bottom no-repeat, url(https://img21.shop-pro.jp/PA01502/633/etc_base64/dG9wX2JlaWthX2Jr.jpg?cmsp_timestamp=20230915100744) top center no-repeat; margin-top:40px; padding:30px 0; }
.top-beika h2 { color:#d66e05; font-size:36px; font-family:游明朝,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',HG明朝E,'ＭＳ Ｐ明朝','ＭＳ 明朝',serif; font-weight:bold; text-align:center; margin:20px 0 10px;  }
.top-beika .catch { color:#222; font-size:18px; font-family:游明朝,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',HG明朝E,'ＭＳ Ｐ明朝','ＭＳ 明朝',serif; font-weight:bold; text-align:center; }
.top-beika .c-row { max-width:500px; margin-left:auto; margin-right:auto; }
.top-beika ul li { margin-bottom:5px; }
.top-beika ul li a { color:#000; font-weight:bold; position:relative; padding-left:30px; }
.top-beika ul li a:hover { color:#79ac35; text-decoration:none; }
.top-beika ul li a:before { content: ""; position: absolute; top: 50%; left: 10px; margin-top: -3px; width: 6px; height: 6px; border-right: 2px solid #ff9000; border-bottom: 2px solid #ff9000; transform: rotate(-45deg);  }

@media screen and (max-width: 425px){
  .top-beika h2 { font-size:28px; }
  .top-beika .catch { font-size:16px; margin-bottom:15px; }
  .top-beika .c-row { max-width:300px; }
}

/* トップページ > インスタバナー */
/*  
.top-insta { margin-top:30px; text-align:center; }
*/

.top-insta { margin-top:30px; text-align:center;display: flex;justify-content: center;   }

.insta-1 { margin: 10px;width: 45%; }

.insta-2 { margin: 10px;width: 43%; }