/* ---------  shop img slider ------------ */



#anpachi .inner,

#motosu .inner,

#nagara .inner,

#akanabe .inner,

#namastenepal .inner {

	align-items:center;

	justify-content: center;

}



#anpachi,

#motosu,

#nagara,

#akanabe,

#namastenepal {

	margin:0 auto 12% auto;

}



#anpachi {

	margin-top:40px;

}



.shop_img {

	width:48%;

    max-width: 464px;

	overflow:hidden;

	position:relative;

	padding:10px;

	margin-right:40px;



}



.shop_img ul.s_slider {

	max-width:464px;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);

	position:relative;

	overflow:hidden;

}







.shop_img ul.s_slider::after {

	content:"";

	display:block;

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	margin:auto;

}



#anpachi .shop_img ul.s_slider::after {

	background:url(../images/r_anpachi04.png) no-repeat;

	background-size: contain;

}



#motosu .shop_img ul.s_slider::after {

	background:url(../images/r_motosu04.png) no-repeat;

	background-size: contain;

}



#nagara .shop_img ul.s_slider::after {

	background:url(../images/r_nagara04.png) no-repeat;

	background-size: contain;

}



#akanabe .shop_img ul.s_slider::after {

	background:url(../images/r_akanabe04.png) no-repeat;

	background-size: contain;

}



#namastenepal .shop_img ul.s_slider::after {

	background:url(../images/r_namaste04.png) no-repeat;

	background-size: contain;

}



/* ---------  shop img slider fin ------------ */



/* ---------  shop info ------------ */



.shop_info {

	width:48%;

	max-width:480px;

	position:relative;

	padding-right:0.5em;

}



.shop_info,

.shop_info a {

	color:#fff;

}





.shop_info h1 {

    font-size: 186%;

	margin-bottom:0.6em;

}



.shop_info h1 span {

    display: block;

    font-size: 70%;

}



.shop_info p {

	margin-bottom: 0.6em;

}



p.tel a {

    font-size: 115%;

}



p.g_map {

    width: 132px;

}



p.g_map a {

	display:block;

	width:100%;

    padding: 0.5em 1em;

    background: #ff9933;

	letter-spacing:0.05em;

	color:#000;

}



#akanabe p.g_map a {

	background:#000;

	color:#fff;

}



i.fa.fa-map-marker {

    padding-left: 0.4em;

}



p.sf_tel.d_none {

    display: none;

}



p.bus_hours {

    letter-spacing: 0.05em;

}



/* ---------  shop info fin ------------ */



/* ---------  background_square fade_in ------------ */



.bg_square_left::before {

	content:"";

	display:block;

	width:100vw;

	height:80%;

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	margin:auto;

	transform-origin: left top;

	transform: skewX(0deg) scale(0,1);

	transition: all .6s ease-out;

}



.bg_square_left_in::before {

	content:"";

	display:block;

	width:100vw;

	height:80%;

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	margin:auto;

	transform-origin: left top;

	transform: skewX(0deg) scale(1,1);

	transition: all .6s ease-out;

}



.bg_square_right::before {

	content:"";

	display:block;

	width:100vw;

	height:80%;

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	margin:auto;

	transform-origin: right top;

	transform: skewX(0deg) scale(0,1);

	transition: all .6s ease-out;

}



.bg_square_right_in::before {

	content:"";

	display:block;

	width:100vw;

	height:80%;

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	margin:auto;

	transform-origin: right top;

	transform: skewX(0deg) scale(1,1);

	transition: all .6s ease-out;

}



.bg_square_left_in:nth-of-type(1)::before {

	background:#003893;

}





.bg_square_right_in:nth-of-type(2)::before {

	background:#dc143c;

}



.bg_square_left_in:nth-of-type(3)::before {

	background:#128807;

}



.bg_square_right_in:nth-of-type(4)::before {

	background:#ff9300;

}



.bg_square_left_in:nth-of-type(5)::before {

	background:#4c7852;

}



/* ---------  background_square fade_in  fin ------------ */



/* ---------  responsive ------------ */



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



	.bg_square_left::before,

	.bg_square_left_in::before,

	.bg_square_right::before,

	.bg_square_right_in::before {

		height:100%;

	}

	

} /* end 960px */



/* ---------  ver.SmartPhone ------------ */



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



.bg_square_left_in::before,

.bg_square_right_in::before {

	display:none;

}





#anpachi .inner,

#motosu .inner,

#nagara .inner,

#akanabe .inner,

#namastenepal .inner {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

	-webkit-flex-direction: column-reverse;

    flex-direction: column-reverse;

}



.shop_info {

	width:100%;

	max-width:100%;

	padding: 20px 5%;

}



.shop_info h1 {

	font-size:143%;

}



.shop_img {

	width:100%;

	margin:0 auto;

	padding:20px;

}



#anpachi {

	margin-top:0;

}



#anpachi .shop_info {

	background:#003893;

}



#motosu .shop_info  {

	background:#dc143c;

}



#nagara .shop_info  {

	background:#128807;

}



#akanabe .shop_info  {

	background:#ff9300;

}



#namastenepal .shop_info {

	background:#4c7852;

}





.g_map {

	float:left;

	margin-right:1em;

}



.sf_tel {

	width: 128px;

	float:left;

}



.sf_tel a {

	display:block;

	width:100%;

	padding: 0.5em 1em;

	background: #000;

	letter-spacing: 0.05em;

	color: #fff;

}



i.fa-phone {

	padding-right:1em;

}



.tel {

	clear:both;

}



#akanabe p.g_map a {

	background:#fff;

	color:#000;

}





}





/* ---------  ver.SmartPhone fin ------------ */