@charset "UTF-8";

/*==================================================
Contents / shop_wakana-style
==================================================*/
@media screen and (min-width: 640px) {
	article.wakana-style {
		background: url(../img/wakana-style/img_shop_wakana_01.png) no-repeat right 0;
	}
}
@media screen and (max-width: 640px) {
	.wakana-style .intro_info {
		margin-bottom: 50px;
	}
	.wakana-style .intro_info .block-info {
		margin-bottom: 30px;
	}
}

/* column02 */
.wakana-style .intro_info .column02 h4 {
	margin: 30px 0 15px;
}
.wakana-style .intro_info .column02 li {
	margin-bottom: 10px;
}
.wakana-style .intro_info .column02 .block-menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wakana-style .intro_info .column02 .block-menu div {
	width: 49%;
}

@media screen and (max-width: 640px) {
	.wakana-style .intro_info .column02 .img-wrap {
		position: relative;
	}
	.wakana-style .intro_info .column02 .img03 {
		position: absolute;
		top: 0;
		right: 0;
	}
	.wakana-style .intro_info .column02 {
		flex-direction: column;
	}
	.wakana-style .intro_info .column02 .block-menu  {
		flex-direction: column;
		gap: 20px;
	}
	.wakana-style .intro_info .column02 .block-menu div {
		width: 100%;
	}
	.wakana-style .intro_info .column02 h4 {
		margin: 0 0 15px;
	}
	.wakana-style .intro_info .column02.reserve .img-wrap {
		display: none;
	}
}

/* photo */
.wakana-style .photo{
  position: relative;
  width: 100%;
  padding-top: calc(747 / 960 * 100%);
}
.wakana-style .photo figure{
  position: absolute;
}
.wakana-style .photo figure img{
  width: 100%;
  height: auto;
}
.wakana-style .photo figure.photo01{
  top: 0;
  left: 0;
  width: calc(400 / 960 * 100%);
}
.wakana-style .photo figure.photo02{
  top: 0;
  left: calc(415 / 960 * 100%);
  width: calc(198 / 960 * 100%);
}
.wakana-style .photo figure.photo03{
  top: 0;
  right: 0;
  width: calc(330 / 960 * 100%);
}
.wakana-style .photo figure.photo04{
  bottom: 0;
  left: 0;
  width: calc(276 / 960 * 100%);
}
.wakana-style .photo figure.photo05{
  bottom: calc(291 / 960 * 100%);
  left: calc(291 / 960 * 100%);
  width: calc(322 / 960 * 100%);
}
.wakana-style .photo figure.photo06{
  bottom: 0;
  left: calc(291 / 960 * 100%);
  width: calc(213 / 960 * 100%);
}
.wakana-style .photo figure.photo07{
  bottom: 0;
  right: calc(228 / 960 * 100%);
  width: calc(213 / 960 * 100%);
}
.wakana-style .photo figure.photo08{
  bottom: 0;
  right: 0;
  width: calc(213 / 960 * 100%);
}
@media screen and (max-width: 640px) {
  .wakana-style .photo{
    margin-bottom: 50px;
  }
}