@charset "utf-8";
/* CSS Document */

html {
   overflow-y: scroll;
   height: 100%;
 }
 body {
   display: block;
   margin: 0 auto;
   padding: 0;
   /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
   color: #333;
   font-size: 16px;
   line-height: 125%;
   text-align: center;
   -webkit-text-size-adjust: 100%;
   background-image: url("https://www.masuyone.com/pic-labo/2026unagi_bg.jpg");
   height: 100%;
   word-wrap: break-word;
 }

/* ===== Reset（①対応） ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}




/*上部うなぎ特集バナー使用中*/

.top_banner{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	background-image: url(https://www.masuyone.com/pic-labo/2026unagi_bg_1.jpg
);
}


.top_banner img{
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

.top_banner_1{
	display: grid;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}


.top_banner_1 img{
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.top_banner img{
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
}

.top_banner_box{
   background: #bfa038;
   display: flex;
   margin: 5px auto;
   max-width: 100%;
   text-align: center;
}

@media screen and (max-width: 768px) {
	.top_banner_box{
	background: #bfa038;
   display: flex;
   margin: 0px auto;
   max-width: 100%;
   text-align: center;
}
}

.top_banner_box a{
    color: #FFFFFF;
	text-decoration: none;
}

.top_banner_box .wrap {
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 20px 0;
   text-align: center;
 }
 }

@media screen and (max-width: 768px) {
	.top_banner_box .wrap {
   width: 100%;
   margin: 0 auto;
   padding: 10px 0;
   text-align: center;
 }
}


.top_banner_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   color: #FFFFFF;
   padding-left: 0;
   font-size: 13px;
	text-align: center;
 }

@media screen and (max-width: 768px) {
	.top_banner_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   color: #FFFFFF;
   padding-left: 0;
   font-size: 13px;
	text-align: center;
 }
}



 .top_banner_box ul li {
   width: 10%;
   margin-bottom: 40px;
   list-style: none;
   text-align: center;
 }


@media screen and (max-width: 768px) {
	.top_banner_box ul li {
   width: 10%;
   margin-bottom: 40px;
   list-style: none;
   text-align: center;
 }
}


/*上部うなぎ特集バナー使用中*/

.line{
	display: grid;
	max-width: 1100px;
	margin: 20px auto;
	text-align: center;
	border-top: dashed 3px #bfa038;
}


.line img{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.line img{
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
}

/*使用中*/

.contents_box{
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 20px auto 0;
    text-align: center;
	border-top: dashed 3px #bfa038;
 }

@media screen and (max-width: 768px) {
	.contents_box{
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0px auto 0;
    text-align: center;
	border-top: dashed 3px #bfa038;
 }
}

.contents_box img{
	display: flex;
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.contents_box img{
	display: flex;
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
}


.contents_box h1{
   text-align: center;
   margin: 0px auto;
   margin-top: 10px;
   margin-bottom: 10px;
   width: 100%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 20px;
   line-height: 3;
   font-weight: normal;
   border-top: solid 4px #a5893f;
   border-bottom: solid 2px #a5893f;
   color: #a5893f;
   background-color: #FFFFFF;
}
 @media screen and (max-width: 768px) {
.contents_box h1{
   text-align: center;
   margin: 0px auto;
   margin-top: 5px;
   margin-bottom: 5px;
   width: 100%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 16px;
   line-height: 2.5;
   font-weight: normal;
   border-top: solid 4px #a5893f;
   border-bottom: solid 2px #a5893f;
   color: #a5893f;
   background-color: #FFF;
 }
}

/*使用中*/

.contents{
	display: inline-block;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
    text-align: center;
}

 @media screen and (max-width: 768px) {
    .contents{
	display: grid;
	width: 95%;
	margin: 0 auto;
    text-align: center;
}
}

.contents_itembox{
	display: inline-block;
	max-width: 32%;
	margin: 0 auto;
    margin-bottom: -20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .contents_itembox{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
    text-align: center;
}
}

.contents_itembox p{
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin-top: 10px;
}

.contents_itembox2{
	display: inline-block;
	max-width: 49%;
	margin: 0 auto;
    margin-bottom: -20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .contents_itembox2{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
    text-align: center;
}
}

.contents_itembox2 p{
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin-top: 10px;
}

.category_box{
	display: flex;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
    text-align: center;
}

.category{
	width: 100%;
    display: flex;
    justify-content: center;
}

.category img{
	flex: 1;
    max-width: 100%;
}

 @media screen and (max-width: 768px) {
    .contents img{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
    text-align: center;
}
}

.contents h1{
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #bfa038;
}

.contents p{
	margin-top: 10px;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
}

.contents h2{
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 50%;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 18px;
	background-color: #bfa038;
	color: #FFFFFF;
	padding: 10px 20px;
	border-radius:20px 20px 20px 20px;
}

.contents a{
	text-decoration: none;
}

.pagetop
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}

/*使用中*/

.section-heading {
  background: url("https://www.masuyone.com/pic-labo/2026unagi_bg_1.jpg") center / cover no-repeat;
  padding: 10px 0;          /* 上下15px */
  margin-bottom: 24px;
}

.section-heading h2 {
  max-width: 1100px;
  margin: 0 auto;
  color: #fff;              /* 白文字 */
  font-size: 26px;
}

.Commentary {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  align-items: stretch; /* ← これが超重要 */
}


.commentary-image {
  flex: 0 0 20%;
}

.commentary-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.commentary-text {
  flex: 1;
  background: #fff;
  padding: 20px;
}


.commentary-text h3 {
  font-size: 20px;
  margin-bottom: 12px;
}

/* スマホ用 */
@media (max-width: 768px) {
  .Commentary {
    flex-direction: column;   /* ← 縦並び */
    gap: 16px;
	padding: 0 16px;
    box-sizing: border-box;
  }

  .commentary-image,
  .commentary-text {
    flex: none;
    width: 100%;
  }

  .commentary-text {
    padding: 16px;
  }
}

/*使用中*/

/*おすすめ*/

/* 背景全体 */
.recommend-bg {
  background-image: url(https://www.masuyone.com/pic-labo/2026unagi_bg_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 30px 0;   /* 背景と中身の余白 */
}

/* タイトル画像枠 */
.recommend-title {
  max-width: 1100px;
  margin: 0 auto 20px;
  padding: 0 10px; /* スマホ余白 */
  box-sizing: border-box;
}

.recommend-title img {
  width: 100%;
  height: auto;
  display: block;
}


.recommend_box {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}

.recommend_itembox2 {
  width: 50%;
  box-sizing: border-box;
  padding: 15px;   /* ← ここが“背景が見える間隔” */
}

.recommend_card {
  background: #fff;
  padding: 12px;
  border-radius: 10px;  /* 角丸（お好みで） */
}

.recommend_card img {
  width: 100%;
  height: auto;
  display: block;
}

.recommend_itembox2 img {
  width: 100%;
  height: auto;
  display: block;
}

/* 商品名 */
.recommend_itembox2 .item-name {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  color: #333;
}

/* 価格 */
.recommend_itembox2 .item-price {
  margin-top: 6px;
  font-size: 20px;
  font-weight: bold;
  color: #c40000;
  text-align: left;

  display: flex;
  align-items: center;
  gap: 8px;
}


/* 送料無料バッジ */
.recommend_itembox2 .free-shipping {
  padding: 2px 6px;
  background: #c40000;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1.2;
  white-space: nowrap;
}



/* 簡単な説明 */
.recommend_itembox2 .item-desc {
  margin-top: 6px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  color: #555;
  text-align: left;
}

/* ===== ご自宅用に最適：ランキング並みに詰める（スマホのみ） ===== */
@media (max-width: 768px) {

  /* カード同士の隙間を最小限に */
  .recommend_itembox2 {
	padding: 6px;
    margin-bottom: 2px;   /* ← ランキング感 */
  }

  /* カード内の余白もランキング寄せ */
  .recommend_card {
    padding: 6px;
  }

  /* 商品名と価格の上下も詰める */
  .recommend_card .item-name {
    margin-top: 6px;
    margin-bottom: 4px;
  }

  .recommend_card .item-price {
    margin-top: 0;
  }
 
}



/*おすすめ*/

/*ランキング*/

/* タイトル画像枠 */
.ranking {
  max-width: 1100px;
  margin: 0 auto 20px;
  padding: 0px 10px; /* スマホ余白 */
  box-sizing: border-box;
}

/* ranking 親 */
.ranking {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: -10px auto;
}

/* ranking 子（recommend_itembox2相当） */
.ranking_item {
  box-sizing: border-box;
  padding: 15px;
}

/* ===== PC ===== */
/* 1位・2位 */
.rank-1,
.rank-2 {
  width: 50%;
}

/* 3位〜5位 */
.rank-3,
.rank-4,
.rank-5 {
  width: 33.3333%;
}

/* ===== スマホ ===== */
@media (max-width: 768px) {

  .rank-1 {
    width: 100%;
  }

  .rank-2,
  .rank-3,
  .rank-4,
  .rank-5 {
    width: 50%;
  }
  /* ランキング全体の余白を詰める */
  .ranking {
    margin: -4px auto; /* 元は -10px */
  }

  /* 各ランキングカードの余白を詰める */
  .ranking_item {
    padding: 8px; /* 元は 15px */
  }
}

/* 商品名 */
.ranking_item .item-name {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  color: #333;
}

/* 価格 */
.ranking_item .item-price {
  margin-top: 6px;
  font-size: 20px;
  font-weight: bold;
  color: #c40000;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* 送料無料バッジ */
.ranking_item .free-shipping {
  padding: 2px 6px;
  background: #c40000;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1.2;
  white-space: nowrap;
}

/*ランキング*/

/*贈答*/

/* 背景全体 */
.Gifts-bg {
  background-image: url(https://www.masuyone.com/pic-labo/2026unagi_bg_3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 30px 0;   /* 背景と中身の余白 */
}

.Gifts{
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  align-items: stretch; /* ← これが超重要 */
}


.Gifts-image {
  flex: 0 0 45%;
}

.Gifts-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.Gifts-text {
  flex: 1;
  background: #fff;
  padding: 20px;
}


.Gifts-text h2 {
  font-size: 20px;
  margin-bottom: 12px;
  text-align: left;
}

/* 価格 */
.Gifts .item-price {
  margin-top: 25px;
  font-size: 35px;
  font-weight: bold;
  color: #c40000;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* 送料無料バッジ */
.item-price .free-shipping_1 {
  margin-left: 15px;
  padding: 8px 10px;
  background: #c40000;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1.2;
  white-space: nowrap;
}


/* 簡単な説明 */
.Gifts .item-desc {
  margin-top: 25px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  color: #555;
  text-align: left;
}

/* スマホ用 */
@media (max-width: 768px) {
  .Gifts {
    flex-direction: column;   /* ← 縦並び */
    gap: 16px;
  }

  .Gifts-image,
  .Gifts-text {
    flex: none;
    width: 100%;
  }

  .Gifts-text {
    padding: 16px;
  }
}

/*贈答*/




/*---------ここからフッター用---------------------------------------*/

.footer_userguide{
  background-color: #ece9e2;
  display: grid;
  width: 100%;     /* ← 全幅 */
  margin: 0;
  text-align: center;
}


@media screen and (max-width: 768px) {
	.footer_userguide{
	display: none;
}
}

.footer_banner{
  background-color: #ece9e2;
  width: 100%;     /* ← 全幅 */
  margin: 0;
  text-align: center;
}


@media screen and (max-width: 768px) {
	.footer_banner{
	display: none;
}
}


.footer_banner img{
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}

.footer_banner_1{
  background-color: #ece9e2;
  width: 100%;     /* ← 全幅 */
  margin: 0;
  text-align: center;
}


@media screen and (max-width: 768px) {
	.footer_banner_1{
	display: none;
}
}


.footer_banner_1 img{
	width: 80%;
	max-width: 1100px;
	margin: 10px auto;
	text-align: center;
}


/*
@media screen and (max-width: 768px) {
	.footer_userguide img{
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
}
*/

.footer_userguide p{
	width: 1100px;
	text-align: left;
	margin: 0 auto;
	font-size: 16px;
	color: #000000;
}

/*
@media screen and (max-width: 768px) {
	.footer_userguide p{
	text-align: left;
	font-size: 13px;
	color: #000000;
}
}
*/

.footer_userguide logobox{
	max-width: 1200px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

/*
@media screen and (max-width: 768px) {
	.footer_userguide logobox{
	max-width: 80%;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
}
}
*/




/*フッターご利用案内PCのみ表示(5分割)------------------------------*/

#footer_userguide_box{
  background-color: #ece9e2;
  display: flex;
  width: 100%;        /* ← 背景を全幅に */
  margin: 0;
}


 @media screen and (max-width: 768px) {
   #footer_userguide_box {
    display: none;
   }
 }

#footer_userguide_box .wrap {
   background-color: transparent;
   display: flex;
   width: 1100px;
   max-width: 100%;
   margin: 0 auto;
   padding: 20px 0;
 }

#footer_userguide_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   padding-left: 0;
 }

 #footer_userguide_box ul li {
   width: 18%;
   margin-bottom: 10px;
   list-style: none;
 }

#footer_userguide_box p{
   text-align: left;
   width: 100%;
   font-size: 13px;
   line-height: 1.8;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: normal;
   color: #000000;
}

#footer_userguide_box h1{
   text-align: center;
   margin: 0px auto;
   max-width: 1200px;
   width: 100%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 20px;
   line-height: 1.8;
   font-weight: normal;
   color: #000000;
}


#footer_userguide_box img{
	text-align: center;
	margin: 10px auto 0px;
	max-width: 1200px;
	width: 100%;
}


 /*フッターご利用案内PCのみ表示(5分割底面揃え)テスト------------------------------*/

.text_link_box{
  background-color: #ece9e2;
  display: flex;
  width: 100%;        /* ← 背景を全幅に */
  margin: 0;
}


 @media screen and (max-width: 768px) {
   .text_link_box {
    display: none;
   }
 }

.text_link_box .wrap {
   background-color: transparent;
   display: flex;
   width: 1160px;
   max-width: 100%;
   margin: 0 auto;
   padding: 20px 0;
 }

.text_link_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   padding-left: 0;
 }

 .text_link_box ul li {
   width: 18%;
   margin-bottom: 40px;
   list-style: none;
 }

.text_link_box img{
	width: 100%;
	text-align: center;
}


 /*フッターー------------------------------*/
.shop_footer_block {
  background: #ece9e2;
  display: grid;
  width: 100%;           /* ← 全幅に */
  height: auto;
  padding: 40px 0px 10px;
  margin: 0;
  text-align: center;
}


@media screen and (max-width: 768px) {
  .shop_footer_block {
    width: 100%;
    max-width: none;   /* ← 重要 */
    margin: 0;
    padding: 20px 15px; /* スマホ用余白だけ残す */
    text-align: center;
  }
}


 .shop_footer_block div p {
     padding-top: 5px;
     font-size: 12px;
 }

 @media screen and (max-width: 768px) {
   .shop_footer_block div p {
     padding-top: 5px;
     font-size: 12px;
	 text-align: center;
 }
 }


 .shop_footer_block p img {
     width: 300px;
     height: 39px;
     margin-bottom: 15px;
 }

 @media screen and (max-width: 768px) {
   .shop_footer_block p img {
     width: 300px;
     height: 39px;
     margin-bottom: 15px;
	 text-align: center;
 }
 }


 /*フッターSNSアイコン用------------------------------*/

.shop_footer_block .wrap {
   background-color: transparent;
   display: flex;
   width: 220px;
   max-width: 100%;
   margin: 0 auto;
   margin-bottom: 10px;
   padding: 0px;
 }

 @media screen and (max-width: 768px) {
   .shop_footer_block .wrap {
   background-color: transparent;
   display: flex;
   width: 220px;
   max-width: 100%;
   margin: 0 auto;
   margin-bottom: 10px;
   padding: 0px;
   text-align: center;
 }
 }

/*
 @media screen and (max-width: 768px) {
   .shop_footer_block .wrap {
     display: none;
   }
 }
*/

.shop_footer_block .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   padding-left: 0;
 }

 .shop_footer_block ul li {
   width: 22%;
   margin-bottom: 40px;
   list-style: none;
 }

.shop_footer_block img{
	width: 100%;
	text-align: center;
}


 /*フッターSNSアイコン用------------------------------*/



 @media screen and (max-width: 768px) {
   .shop_footer_block{
     padding: 20px 40px;
   }
   .shop_footer_block div p {
     padding-top: 0;
   }
   .shop_footer_block div p span {
     white-space: nowrap;
   }
   .shop_footer_block p img {
       margin-bottom: 10px;
   }
 }
 @media screen and (max-width: 768px) {
   .shop_footer_block .wrap {
     padding: 0px;
/*     border-top: solid 1px #CCC;*/
   }
 }