/* ####################################################
	getsutoku
#################################################### */

/* ====================================
	main_image
==================================== */
.main__image--wrap img{
	display: block;
	margin: 30px auto 100px;
}
/* ====================================
	shopdata
==================================== */
.shopdata a {
	padding: 0 0 30px 0;
	border-bottom: 1px solid #b6b6b6; /* --color-border-default */
}
.shopdata a > div:nth-child(1){
	width: 150px;
	height: 100%;
	min-height: 100px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.shopdata a > div:nth-child(2) {
	width: calc(100% - 420px);
}

.shopdata a > div:nth-child(3) {
	display: block;
	width: 305px;
	padding: 0 0;
	background-color: #F3F1F0; /* --color-bg */
}

.shopdata a > div:nth-child(3) > div {
	display: block;
	width: 100%;
	color: #fff;
	background-color: #4C4948; /* --color-accent */
	text-align: center;
	padding: 10px;
	margin: 0 0 10px 0;
}
.shopdata a > div:nth-child(3) p{
	padding: 0 15px 15px;
}
p.getsutoku__text--black span{
	color: #383838 !important;
	font-weight: 500;
}
#opening-hours .shopdata .shop_name {
	font-size: 2.0rem;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .shopdata img{
    width: 370px;
} /* IE11 */
}

@media only screen and (max-width: 767px) {
	.shopdata a {
		flex-wrap: wrap;
	}

	.shopdata a > div:nth-child(1) {
		width: 25%;
		margin: 0 0 20px 0;
	}

	.shopdata a > div:nth-child(2) {
		width: 75%;
	}

	.shopdata a > div:nth-child(3) {
        display: table;
		width: 100%;
	}
	.shopdata a > div:nth-child(3) > div{
		width: 110px;
		height: 110px;
		margin: 0 0 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.shopdata a > div:nth-child(3) p{
		padding: 0 15px 0px;
		width: 80%;
		display: table-cell;
		justify-content: flex-start;
		align-items: center;
        vertical-align: middle;
	}
	ul li.shopdata:last-child a{
		border-bottom: none;
	}
}

@media only screen and (max-width: 414px) {
	.main__image--area{
		padding: 0 5.025%;
	}
	.main__image--wrap img{
		margin: 15px auto 60px;
	}
	.shopdata .shop_genre{
		display: inline-block;
	}
	.shopdata a > div:nth-child(1) {
		width: 30%;
		min-height: 75px;
	}
	.shopdata a > div:nth-child(2) {
		width: 70%;
		margin: 0 0 10px 0;
	}
	.shopdata a > div:nth-child(3) {
		padding: 0;
	}
	.shopdata a > div:nth-child(3) > div{
		height: 100%;
		min-height: 100px;
	}
	.shopdata .shop_name{
		font-size: 2rem;
		line-height: 26px;
	}
	#opening-hours .shopdata .shop_name {
		margin: 0 0 20px 0;
	}
}
@media only screen and (max-width: 375px) {
	.shopdata a > div:nth-child(1){
		min-height: 70px;
	}
	
}
@media only screen and (max-width: 320px) {
	.shopdata a > div:nth-child(1){
		min-height: 60px;
	}
	.shopdata a > div:nth-child(2){
		margin: 0 0 20px 0;
	}
}