@charset "utf-8";

/*-------------------------------
	キービジュアル
-------------------------------*/

.Keyvisual{
	background-image: url(../images/tentou-kaitori/bg_keyvisual.jpg);
	background-image: image-set(url(../images/tentou-kaitori/bg_keyvisual.jpg) 1x, url(../images/tentou-kaitori/bg_keyvisual@2x.jpg) 2x);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.Keyvisual{
		background-image: url(../images/tentou-kaitori/sp_bg_keyvisual.jpg);
		background-image: image-set(url(../images/tentou-kaitori/sp_bg_keyvisual.jpg) 1x, url(../images/tentou-kaitori/sp_bg_keyvisual@2x.jpg) 2x);
	}

}



/*-------------------------------
	こんな時にオススメ！
-------------------------------*/

.C-Point-banner__left{
	left: .4rem;
	bottom: .6rem;
}
.C-Point-banner__popup{
	width: 24.3rem;
	transform: translateX(3.5rem);
	margin-bottom: 2.5rem;
}
.C-Point-banner__image{
	width: 33rem;
}
.C-Point-banner__content{
	padding-bottom: 2.2rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.C-Point-banner__popup{
		transform: translateX(0);
		margin-bottom: 0;
	}
	.C-Point-banner__image{
		width: 27.6rem;
		margin-top: -.6rem;
		margin-left: auto;
		margin-right: auto;
	}

}



/*-------------------------------
	店舗一覧
-------------------------------*/

.Shop-block{
	border-radius: 3rem;
	padding: 7.5rem 10rem 7rem;
	background: #fff;
}
.Shop-block:not(:last-child){
	margin-bottom: 5rem;
}
.Shop-block__content{
	width: 100%;
	margin-bottom: 4rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Shop-block__left{
	width: 32rem;
}
.Shop-block__title{
	border-bottom: .2rem solid var(--maincolor);
	width: calc(100% - 2rem);
	padding-bottom: 1.5rem;
	margin-bottom: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.Shop-block__title-text{
	width: calc(100% - 3.1rem);
	padding-right: 1.5rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
}
.Shop-block__title-text span{
	font-size: 2.2rem;
	margin-left: .5rem;
	font-weight: 700;
	line-height: 1;
	display: block;
}
.Shop-block__sns{
	width: 3.1rem;
	display: block;
}
.Shop-block__sns a{
	display: block;
}
.Shop-block__sns img{
	width: 100%;
}
.Shop-block__item-wrap{
	margin-bottom: 1.5rem;
}
.Shop-block__item:not(:last-child){
	margin-bottom: 1.2rem;
}
.Shop-block__item-title{
	width: 8.7rem;
	height: 2.3rem;
	padding-top: .2rem;
	font-size: 1.4rem;
	border-radius: 1.4rem;
	margin-bottom: .3rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #2c2c2c;
	color: #fff;
}
.Shop-block__item-body{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: calc(2.2 / 1.4);
}
.Shop-block__tel{
	border: .3rem solid var(--blackcolor);
    width: 100%;
    max-width: 32rem;
    border-radius: .5rem;
}
.Shop-block__tel a{
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.Shop-block__tel-number{
	width: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Shop-block__tel-number::before{
	content: "";
    display: block;
    margin-right: .6rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.Shop-block__tel-number span{
	font-size: 2.9rem;
    font-weight: 900;
    line-height: 1;
    display: block;
}
.Shop-block__tel-time{
	font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    display: block;
}
.Shop-block__image{
	width: 45rem;
	padding-top: 1rem;
	border-radius: 1.5rem;
	overflow: hidden;
}
.Shop-block__image img{
	width: 100%;
}
.Shop-block__map{
	width: 100%;
	border-radius: 1.5rem;
	overflow: hidden;
}
.Shop-block__map iframe{
	width: 100%;
	height: 29.5rem;
}

.Shop-block__tel.-tel a{
    padding: 1rem 2.5rem 1rem;
}
.Shop-block__tel.-tel .Shop-block__tel-number{
	margin-bottom: .6rem;
}
.Shop-block__tel.-tel .Shop-block__tel-number::before{
    width: 2.6rem;
    height: 3.5rem;
    background-image: url(../images/tentou-kaitori/icon_store-tel_tel.png);
    background-image: image-set(url(../images/tentou-kaitori/icon_store-tel_tel.png) 1x, url(../images/tentou-kaitori/icon_store-tel_tel@2x.png) 2x);
}
.Shop-block__tel.-freedial a{
    padding: 1.4rem 2.5rem 1rem;
}
.Shop-block__tel.-freedial .Shop-block__tel-number{
	margin-bottom: .8rem;
}
.Shop-block__tel.-freedial .Shop-block__tel-number::before{
    width: 4.5rem;
    height: 2.9rem;
    background-image: url(../images/tentou-kaitori/icon_store-tel_freedial.png);
    background-image: image-set(url(../images/tentou-kaitori/icon_store-tel_freedial.png) 1x, url(../images/tentou-kaitori/icon_store-tel_freedial@2x.png) 2x);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.Shop-block{
		padding: 4rem 3rem;
	}
	.Shop-block:not(:last-child){
		margin-bottom: 3rem;
	}
	.Shop-block__content{
		width: 100%;
		margin-bottom: 2rem;
		flex-direction: column;
	}
	.Shop-block__left{
		width: 100%;
	}
	.Shop-block__title{
		width: 100%;
		padding-bottom: 1.6rem;
		margin-bottom: 1.6rem;
		align-items: flex-end;
	}
	.Shop-block__title-text span{
		margin-left: .5rem;
	}
	.Shop-block__item-wrap{
		margin-bottom: 1.5rem;
	}
	.Shop-block__item:not(:last-child){
		margin-bottom: 1.2rem;
	}
	.Shop-block__item-title{
		margin-bottom: .5rem;
		padding-top: 0;
	}
	.Shop-block__tel{
		max-width: 100%;
	}
	.Shop-block__image{
		width: 100%;
		padding-top: 2rem;
	}
	.Shop-block__map iframe{
		height: 22.5rem;
	}

}