@charset "UTF-8";

.chokuei-template-single-chokuei_saiji_220817{
}
@media screen and (max-width: 640px) {
	header{
		padding-bottom: 0 !important;
	}
	.header_i{
		padding: 10px 0;
	}
	.contact{
		text-align: right;
	}
	.h_tel_btn{
		width: 70%;
	}
}

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

	.chokuei-template-single-chokuei_saiji_220817 #main{
		position: relative;
		background: none;
		padding: 0px 0 30px;
		min-height: 500px;
	}
	.chokuei-template-single-chokuei_saiji_220817 #main .in{
		z-index: 2;
		position: relative;
		display: block !important;
		padding-top: 20px;
	}
	.chokuei-template-single-chokuei_saiji_220817 #main .map{
		background: #ffed00;
		padding: 20px;
	}
	.chokuei-template-single-chokuei_saiji_220817 #main .map .imgarea img{
		width: 100%;
		margin-bottom: 10px;
	}
	.chokuei-template-single-chokuei_saiji_220817 #main .map iframe{
		height: 250px;
	}
	.chokuei-template-single-chokuei_saiji_220817 #main .shop_name{
		font-size: 4.4rem;
		color: #e0007f;
		font-weight: 900;
	}
	.chokuei-template-single-chokuei_saiji_220817 #main:after{
		content: "";
		width: 100%;
		height: 500px;
		display: block;
		background: url(../images/saiji_main_0829.jpg);
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
	}
	.date_w{
		margin-top: 20px;
		position: relative;
	}
	.date_w .date_i{
		font-size: 3.4rem;
    color: #e0007f;
		font-weight: 900;
		text-align: left;
		font-weight: 900;
	}
	.date_w .imgarea{
		flex-shrink: 0;
		margin-left: 20px;
		position: absolute;
		top: -40px;
		right: -20px;
	}
	.date_w .time{
		font-size: 2.6rem;
		margin-top: 10px;
		font-weight: 900;
	}
	.date_w .ttl{
		color: #080059;
		font-size: 2.4rem;
	}
	.date_w .time_i_ttl{
		background: #e0007f;
		border-radius: 5px;
		padding: 5px;
		color: #fff;
	}


}

#saiji_flow{
	padding: 60px 0;
}
#saiji_flow h2{
	font-size: 3.0rem;
	text-align: center;
	margin-bottom: 40px;
	color: #080059;
}
#saiji_flow h2:after{
	width: 100px;
	height: 4px;
	background: #080059;
	content: "";
	display: block;
	margin:10px auto 0;
}
.saiji_flow_w{
	justify-content: space-between;
}
.saiji_flow_i{
	width: 30%;
}
.saiji_flow_i .num{
	width: 30px;
	height: 30px;
	color: #fff;
	display:flex;
	align-items: center;
	justify-content: center;
	background: #080059;
	margin:auto;
}
.saiji_flow_i h3{
	color: #080059;
	font-size: 2.2rem;
	text-align: center;
	margin: 20px 0;
}
@media screen and (max-width: 640px) {
	.saiji_flow_w{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#saiji_flow h2{
		font-size: 5.0rem;
	}
	#saiji_flow h2:after{
		width: 100px;
		height: 8px;
		margin:10px auto 0;
		margin-bottom: 60px;
	}
	.saiji_flow_i{
		width: 100%;
		margin-bottom: 30px;
	}
	.saiji_flow_i .imgarea img{
		width: 100%;
	}
	.saiji_flow_i .num{
		width: 60px;
		height: 60px;
		font-size: 2.4rem;
	}
	.saiji_flow_i h3{
		color: #080059;
		font-size: 3.0rem;
		text-align: center;
		margin: 20px 0;
	}
}