@charset "UTF-8";

.title{
	font-size: 16px;
    margin: 8px 0 20px;
}

#content{
	margin-top: 50px;
}

#content .w980 > .flex{
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.recomMain{
	margin-bottom: 60px;
}

.recomMain h3{
	text-align: left;
	padding: 10px;
	font-size: 18px;
}

.shopImg{
	height: 570px;
    background: #eeeeef;
    text-align: center;
}

.shopImg img{
    max-height: 570px;
	height: 570px;
    width: auto;
}

.shopImg p{
	text-align: right;
	font-size: 10px;
}

.recomInfo {
	border-bottom: #b4b4b5 1px solid;
	padding-bottom: 10px;
}

.recomInfo .copy{
	flex: 0 0 56%;
}

.recomInfo .shopInfo{
	flex: 0 0 42%;
}

.recomInfo .shopInfo .shopTitle{
	padding-bottom: 10px;
    border-bottom: #2f2c2b 1px solid;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items:center;
	align-items:center;
}

.recomInfo .shopInfo .shopTitle .floor {
    background: #2ea7e0;
    color: #fff;
    padding: 10px;
    text-align: center;
    flex: 0 0 4%;
}

.recomInfo .shopInfo .shopTitle .shopName {
    font-size: 16px;
    line-height: 1em;
    font-family:"メイリオ","FOT-UD角ゴ_ラージ Pr6 B", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	flex: 0 0 60%;
}

.recomInfo .shopInfo .shopTitle .shopName .kana {
    font-family: "メイリオ","FOT-UD角ゴ_ラージ Pr6 M", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 12px;
}
.recomInfo .shopInfo .shopTitle .category{
	padding: 4px 0;
	font-size: 10px;
	flex: 0 0 24%;
}
   
.recomInfo .shopInfo table tr{
	border-bottom: #b4b4b5 1px solid;
}

.recomInfo .shopInfo table tr th{
	width: 30%;
	padding: 10px;
}

.recomInfo .shopInfo .moreBtn a{
	width: auto;	
}

/*-- おすすめ商品 --*/

.recom .recomBox .recomTitle{
	font-family:"メイリオ","FOT-UD角ゴ_ラージ Pr6 B", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
    color: #ea5514;
}
.recom .swiper-wrapper .recentBox:first-child{
	margin-left: 22px;
}

.recom .swiper-wrapper .recentBox:nth-child(5n){
	margin-right: 20px!important;
}

.recom .swiper-container{
	padding: 0 40px!important;
}

.recom  .swiper-slide {
    width: 216px!important;
}

.recom .swiper-button-prev, .recom .swiper-container-rtl .swiper-button-next,
.recom .swiper-button-next, .recom .swiper-container-rtl .swiper-button-prev{
	background: rgba(0,0,0,0.8);
    color: #fff;
}

.recom .swiper-button-prev:after, .recom .swiper-container-rtl .swiper-button-next:after,
.recom .swiper-button-next:after, .recom .swiper-container-rtl .swiper-button-prev:after{
    color: #fff;
    line-height: 1.5em;
    padding: 0 7px;
}