/* CSS Document */


/*────────────────────────── 買う・食べる（INDEX）──*/
#BuyEat{}
#BuyEat{}
#BuyEat h2{
	margin-bottom: 40px;
}
#BuyEat ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0;
}
#BuyEat  ul.block1 li{
	width: 320px;
	margin-bottom: 40px;
}
#BuyEat ul li dl dt{
}
#BuyEat ul li dl dt img{
	margin: auto;
}
#BuyEat ul li dl dd{
	border-left: 1px solid #000;
	padding-left: 15px;
	margin-top: 10px;
}
#BuyEat ul li dl dd h3{
	font-size: 140%;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 1.2em;
	height: 50px;
	margin-top: 2px;
	position: relative;
}
#BuyEat ul li dl dd h3:after{
	content: url(images/index/icon_arw_yw.png);
	position: absolute;
	top: -5px; right: 0;
}
#BuyEat ul li dl dd h3 span{
	font-size: 75%;
	display: block;
}
#BuyEat ul li dl dd p{
	font-size: 120%;
	line-height: 1.6em;
	letter-spacing: 1px;
}


#BuyEat .database .wrap .title {
    vertical-align: middle;
    font-size: 130%;
    line-height: 100%;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 20px;
}
#BuyEat .database .wrap .title i {
    margin-right: 20px;
    vertical-align: text-top;
}
#BuyEat .database .wrap .title i img {
    display: inline-block;
    vertical-align: middle;
}
#BuyEat .database .buy {
  margin-bottom: 60px;
}
#BuyEat .database .buy ul {
    justify-content: flex-start;
    margin: 20px;
  align-items: flex-end;
}
#BuyEat .database .buy ul li{
    margin: 0 20px;
}
#BuyEat .database .eat ul {
    justify-content: flex-start;
    margin: 20px;
}
#BuyEat .database .eat ul li{
    margin: 10px 0;
    width: 20%;
    box-sizing: border-box;
}
#BuyEat .database .eat ul li a i img {
    display: inline-block;
    max-width: 31px;
    vertical-align: middle;
}
#BuyEat .database .eat ul li a span {
    display: inline-block;
    padding-left: 5px;
    letter-spacing: 2px;
    vertical-align: middle;
}

#BuyEat .block2 {
    margin-top: 80px;
}




@media screen and (max-width: 736px){
  
  img{ max-width: 100%;}
  
  #BuyEat ul.block1 li {
    width: auto;
  }
  #BuyEat ul.block2 li {
    margin-bottom: 20px;
  }
  
  #BuyEat .database .buy ul li {
    width: 30%;
    margin: 5px;
  }
  #BuyEat .database .eat ul li {
    width: 50%;
  }

}