@charset "utf-8";

/*カテゴリーヘッダー
-----------------------------------*/
body{
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.category_header {
	max-width: 980px;
    width: 100%;
    margin: 0 auto 30px;
}
.category_header .image {
  max-width: 780px;
  margin: 0 auto;
}
/*.category_header .image:last-child {
  margin-bottom: 0;
}*/
.category_header .image img {
  width: 100%;
}
.category_header .text {
  padding-top: 10px;
  text-align: center;
  font-weight: 600;
  line-height: 22px;
}
/*.category_header .text.large {
  font-size: 120%;
}*/
/*.category_header .text .attention {
  color: #c00;
}*/
/*.h2-title{
   margin: 30px 0 20px;
    text-align: center;
    line-height: 1.3;
    font-size: 35px;
    font-weight: bold;
}*/
/*.h2-title span{
    font-size: 17px;
}*/

.ShopReadtxt{
	padding:10px 20px 15px 20px;
	line-height:1.5;
}
p.ShopReadCopy {
	font-size: 16px;
	font-weight:bold;
	margin: 8px 0 0 0;
}
p.ShopRead {
	font-size: 14px;
	margin: 8px 0 0 2px;
}
.ShopReadImg{
	padding:18px 20px 0 10px;
	float:left;
}
p.DetailReadCopy {
	font-size: 16px;
	font-weight:bold;
	margin: 25px 0 0 20px;
}
p.DetailRead {
	font-size: 14px;
	margin: 8px 0 0 25px;
}


#tatumibox {
	padding:0px;
	margin:0px;
		}
	/*ichikawa*/
	#tatumibox .tx1_1{
	position:absolute;
	top:95px;
	left:25px;
	width:480px;
	overflow:hidden;
	}
	#tatumibox .tx1_1 p{ 
		font-size:13px;
		line-height:18px;
		margin-bottom:15px;
	}

	/*ichikawa*/
	#tatumibox .tx2_2{
	line-height:13px;
	position:absolute;
	top:290px;
	left:330px;
	width:440px;
	overflow:hidden;
	}
	#tatumibox .tx3_3{
	line-height:13px;
	position:absolute;
	top:415px;
	left:330px;
	width:440px;
	overflow:hidden;
	}
	#tatumibox .tx4_4{
	line-height:13px;
	position:absolute;
	top:540px;
	left:330px;
	width:440px;
	overflow:hidden;
	}
	#tatumibox .tx5_5{
	line-height:13px;
	position:absolute;
	top:665px;
	left:330px;
	width:440px;
	overflow:hidden;
	}
	#tatumibox .tx2_2 .tx2ttl,
	#tatumibox .tx3_3 .tx3ttl,
	#tatumibox .tx4_4 .tx4ttl,
        #tatumibox .tx5_5 .tx5ttl{
		font-size:13px;
		font-weight:bold;
	}
	#tatumibox .tx2_2 p,
	#tatumibox .tx3_3 p,
	#tatumibox .tx4_4 p{
		font-size:12px;
		line-height:18px;
	}

#tatumibox .profile{
	font-size:11px;
	line-height:12px;
	position:absolute;
	top:460px;
	left:10px;
	width:290px;
	overflow:hidden;
}
#tatumibox .profile p{
	margin-bottom:6px;
}

/*全国うまいものめぐり追記*/
#umaimonomeguri{
    max-width: 780px;
    width: 100%;
    margin: 0 auto 30px;
}
#umaimonomeguri .section {
  margin: 35px 0 0;
}
#umaimonomeguri .section .c-title__global {
  display: block;
  width: 100%;
  padding: 11px 0;
}
#umaimonomeguri .section h2 .-main {
  font-size: 28px;
  margin-bottom: 20px;
  margin-right: 18px;
  color: #191919;
}
#umaimonomeguri .section h2 .-sub {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 600;
}
#umaimonomeguri .section .-underline {
  border-bottom: 1px solid #191919;
  margin: 20px 0;
}
#umaimonomeguri a, a:hover {
  text-decoration: none;
}
#umaimonomeguri p {
  font-size: 18px;
}
#umaimonomeguri p.sentaku {
  text-align: end;
  font-size: 14px;
}

/*地域から選ぶ*/
.map-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 6px;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  padding-inline-start: 0;
  justify-content: center;
  margin-bottom: 10px;
}
.map-wrap .map-box {
  width: calc((100% - 68px) / 4);
  padding: 3px 5px;
  border: 1px solid #5b5b5b;
  background: #fff;
  box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.25);
  color: #191919;
}
.map-wrap .map-box:hover {
  border-bottom-color: transparent;
  transform: translateY(0.1875em);
}
.map-wrap .map-box a {
  display: flex;
  gap: 5px;
  align-items: center;
  height: 100%;
}
.map-wrap .map-box .city-img {
   width: 50%;
   aspect-ratio: 1 / 1;
 }
.map-wrap .map-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.map-wrap .map-box .city-textbox {
  color: #191919;
  font-weight: 600;
}
 
/*カテゴリから選ぶ*/
.bt-wrap {
  display: flex;
  flex-wrap: wrap;
  gap : 30px 50px;
  list-style: none;
  padding-inline-start: 0;
  align-items: center;
}
.item-bt {
  width: calc((100% - 100px) / 3);
}
.item-bt a {
  display: flex;
  gap: 15px;
  /*padding: 20px 10px;*/
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #333;
  transition: 0.3s;
  border-radius: 10px;
  align-items: center;
}
.item-bt a .category-img  {
  width: 35%;
  aspect-ratio: 1 / 1;
}
.item-bt a .category-img img {
  /*width: 100%;*/
  height: 100%;
  border-radius: 50%;
}
 .item-bt a .category-name-box {
  text-align: left;
 }

 /*特集から選ぶ*/
 .bnr_list {
   display: flex;
   flex-wrap: wrap;
   gap: 44px;
   padding-inline-start: 0;
 }
 .bnr_list .bnr_item {
   width: calc((100% - 88px) / 3);
   list-style: none;
 }
 .bnr_list .bnr_item:hover {
   opacity: 0.6;
 }
 .bnr_list .bnr_item .image-wrap img {
    width: 100%;
 }
 .bnr_list .bnr_item .pickup-inner-text {
   text-align: center;
   margin-top: 10px;
 }
 .bnr_list .bnr_item .pickup-inner-text .pickup-brand {
   font-size: 18px;
 }
 
/*バイヤー紹介*/
#umaimonomeguri .buyer-section {
  background: #c3e7f4;
  padding: 10px 23px 30px 23px;
}
#umaimonomeguri .buyer-section .c-title__global {
  padding: 0;
}
#umaimonomeguri .recommender {
  display: flex;
  gap: 0 50px;
  align-items: center;
  padding: 30px 46px 40px 46px;
}

.recommender .buyer-img {
  width: 30%;
}
.recommender .buyer-ex-area{
  width: calc((100% - 50px) - 30%);
}
.recommender .buyer-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px #191919 solid; /* 外枠 */
  padding:6px; 
  background:#fff; /* 内枠 */
  box-sizing: border-box;
}
#umaimonomeguri .recommender .buyer-ex-area .buyer-name {
  font-weight: 600;
  font-size: 23px;
  margin-bottom: 15px;
}
#umaimonomeguri .recommender .buyer-ex-area .buyer-ex {
  font-size: 18px;
}

/*バイヤーおすすめ商品*/
.c-product-section h3 {
  font-size: 25px;
  text-align: center;
  color: #191919;
}
.c-product-section .c-product-list {
  display: flex;
  gap: 22px;
  margin: 18px 0 25px 0;
  flex-direction: column;
}
.c-product-section .c-product-list .c-product-box {
  background: #fff;
  padding: 0;
  border-radius: 10px;
  /* min-height: 300px; */
  width: 100%;
}
.c-product-section .c-product-list .c-product-box a {
  display: flex;
  gap: 26px;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 2.5vw 30px;
  box-sizing: border-box;
}
 .c-product-section .c-product-list .c-product-box .-product-img {
   width: calc((100% - 26px) - 60%);
   aspect-ratio: 1 / 1;
 }
 .c-product-section .c-product-list .c-product-box .-product-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
.c-product-section .c-product-list .c-product-box .c-textbox{
	width:60%;
}
 .c-product-section .c-product-list .c-textbox .c-text {
   font-size: 16px;
   color: #a35400;
   margin: 0 0 5px 0;
 }
 .c-product-section .c-product-list .c-textbox .c-text-bold {
   font-size: 22px;
   font-weight: bold;
   color: #191919;
   margin: 0;
 }
 .c-product-section .c-product-list .c-textbox .c-price__text {
   font-size: 16px;
   color: #191919;
 }
 .c-product-section .c-product-list .c-textbox .c-price__text p {
   margin: 0;
 }
 #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-price__text .c-price__text__strong {
   font-size: 20px;
   color: #191919;
   font-weight: 600;
 }
 #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex {
   color: #191919;
   font-weight: bold;
   border-bottom: 3px solid #191919;
   padding: 0 0.2em 0.15em 0.2em;
   margin: 15px 0 15px 0;
   position: relative;
   display: inline-block;
   font-size: 17px;
 }
 #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex::before {
   content: '';
   background-color: #fff;
   width: 20px;
   height: 3px;
   position: absolute;
   left: 30px;
   bottom: -3px;
 }
 #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex::after {
   content: '';
   background-color: #191919;
   width: 20px;

   height: 3px;
   transform: rotate(50deg);
   position: absolute;
   left: 25px;
   bottom: -10px;
 }
 #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex-tx {
   font-size: 16px;
   color: #191919;
   margin: 0;
 }
 
/*もっと見る*/
 .button a {
    position: relative;
    display: flex;
    margin: 0 auto;
    padding: 10px 25px;
    max-width: 250px;
    justify-content: space-around;
    align-items: center;
    background: #282828;
    border-radius: 3px;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}
.button a:hover {
    background: #333;
    color: #FFF;
}
.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);

    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button a:hover:after {
    border-color: #FFF;
}


/*レスポンシブ（SP）*/
@media screen and (max-width:768px) { 
  h2,h3,p,ul,div{
    margin: 0;
  }
  #umaimonomeguri .section{
    padding: 0 10px;
  }
  #umaimonomeguri .section h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #umaimonomeguri .section .c-title__global{
    padding: 0;
  }
  #umaimonomeguri p {
    font-size: 13px;
  }
  #umaimonomeguri p.sentaku {
    margin-top: 12px;
    text-align: end;
    font-size: 11px;
  }
  .category_header{
    margin: 0 auto 34px;
  }
  .category_header .image img {
    width: 100%;
  }
  
  /*全国うまいものめぐり追記*/
  #umaimonomeguri .section .-underline{
    text-align: center;
  }
  #umaimonomeguri .section h2 .-main{
    margin-right: 0;
    font-size: 20px;
  }
  #umaimonomeguri .section h2 .-sub{
    font-size: 15px;
  }
  #umaimonomeguri .section .-underline{
    border: none;
  }
  
  /*地域から選ぶ*/
  .map-wrap .map-box a{
    flex-direction: column;
  }
  .map-wrap .map-box .city-img{
    width: 100%;
  }
  .map-wrap .map-box .city-textbox .city-neme{
    margin: 0;
  }
  #umaimonomeguri p.city-neme{
    font-size: 14px;
  }
  
  /*カテゴリから選ぶ*/
  .bt-wrap{
    gap: 20px 18px;
    align-items: baseline;
  }
  .item-bt{
    width: calc((100% - 36px) / 3);
  }
  .item-bt a{
    flex-direction: column;
  }
  .item-bt a .category-img{
    width: 100%;
  }
  .item-bt .category-img img{
    width: 100%;
    border-radius: 50%;
  }
  .item-bt a .category-name-box .category-name{
    text-align: center;
  }
  #umaimonomeguri p.category-name{
    font-size: 14px;
  }
  
  /*特集から選ぶ*/
  .bnr_list{
    gap: 20px 18px;
  }
  .bnr_list .bnr_item{
    width: calc((100% - 18px) / 2);
  }
  .bnr_list .bnr_item .image-wrap a{
    line-height: 0;
  }
  .bnr_list .bnr_item .pickup-inner-text .pickup-brand{
    font-size: 14px;
  }
  
  /*バイヤー*/
  #umaimonomeguri .buyer-section{
    padding: 20px 20px 25px;
  }
  #umaimonomeguri .recommender{
    flex-direction: column;
    padding: 0;
    gap: 18px;
  }
  .recommender .buyer-img{
    width: 50%;
  }
  .recommender .buyer-ex-area{
    width: 100%;
    text-align: center;
  }
  #umaimonomeguri .recommender .buyer-ex-area .buyer-name{
    margin-bottom: 5px;
    text-align: center;
    font-size: 18px;
  }
  #umaimonomeguri .recommender .buyer-ex-area .buyer-ex{
    margin: 0;
    font-size: 13px;
  }
  
  /*バイヤーおすすめ商品*/
  .c-product-section{
    margin-top: 35px;
  }
  .c-product-section h3{
    font-size: 20px;
  }
  .c-product-section .c-product-list{
    margin: 15px 0 25px;
  }
  .c-product-section .c-product-list .c-product-box{
    padding: 0;
  }
  .c-product-section .c-product-list .c-product-box a{
    flex-direction: column;
    gap: 20px;
    padding: 25px 20px;
  }
  .c-product-section .c-product-list .c-product-box .-product-img{
    width: 100%;
    aspect-ratio: auto;
  }
  .c-product-section .c-product-list .c-product-box .-product-img img{
    aspect-ratio: 7 / 4;
  }
  .c-product-section .c-product-list .c-product-box .c-textbox{
    width: 100%;
  }
  .c-product-section .c-product-list .c-product-box .c-textbox .c-price{
    margin: 5px 0;
  }
  #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-price__text .c-price__text__strong{
    font-size: 16px;
  }
  #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex{
    font-size: 15px;
  }
  #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex-tx{
    font-size: 16px;
  }
  #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-text-bold{
    font-size: 16px;
  }
  #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-price__text .c-price__text__strong{
    font-size: 16px;
  }
  #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex{
    font-size: 15px;
  }
  #umaimonomeguri .c-product-section .c-product-list .c-textbox .c-ex-tx{
    font-size: 14px;
  }

  /*もっと見る*/
  .button a{
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
  }
 
}