@charset "UTF-8";


#footer{ margin-top: 0; }
#main .section{ margin-top: 70px; background-image: linear-gradient(90deg, #f4f4f3 1px, transparent 1px), linear-gradient(#f4f4f3 1px, transparent 1px); background-size: 18px 18px; border-bottom: 1px solid #f4f4f3; padding: 50px 0; }
#main .section .list-item{ max-width: 1050px; margin: 0 auto; display: -ms-flex; display: flex; flex-wrap: wrap; }
#main .section .list-item .item{ width: 47.62%; box-sizing: border-box; border-left: 1px solid #e95504; background-color: #ffffff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); display: -ms-flex; display: flex; padding: 2.1%; }
#main .section .list-item .item:nth-child(2n+2){ margin-left: 4.76%; }
#main .section .list-item .item:nth-child(n+3){ margin-top: 4.29%; }
#main .section .list-item .item .photo{ width: 160px; margin-right: 4%; }
#main .section .list-item .item .txt-body{ flex: 1; position: relative; padding: 5px 0 35px 0; }
#main .section .list-item .item .txt-body .shop{ font-size: 18px; line-height: 1.5; color: #1a1a1a; font-weight: bold; }
#main .section .list-item .item .txt-body .name{ font-size: 12px; line-height: 1.5; }
#main .section .list-item .item .txt-body .info{ font-size: 12px; line-height: 1.5; margin-top: 5px; }
#main .section .list-item .item .txt-body .navi{ position: absolute; left: 0; bottom: 0; max-width: 170px; width: 100%; }
#main .section .list-item .item .txt-body .navi a{ display: block; background: linear-gradient(135deg, #fbdc3a 0%,#f52b27 60%); font-size: 12px; line-height: 1.5; color: #ffffff; text-decoration: none; padding: 5px 0; text-align: center; }

@media screen and (max-width: 780px) {
	#main .section .list-item{ display: block; padding: 0 5%; }
	#main .section .list-item .item{ width: 100%; padding: 4%; }
	#main .section .list-item .item:nth-child(n){ margin-left: 0%; }
	#main .section .list-item .item:nth-child(n+2){ margin-top: 5%; }
	#main .section .list-item .item .photo{ max-width: 160px; width: 35.16%; margin-right: 4%; }
	#main .section .list-item .item .txt-body .shop{ font-size: 16px; }
}
@media screen and (max-width: 700px) {
	#main .section{ margin-top: 7.14%; padding: 7% 0; }
}