@charset "UTF-8";

*{ margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; box-sizing:border-box; }

body{
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

/* ローディング */
#loading{
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	z-index: 999;
}

/* ヘッダー */
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: #0000001a 0 0 6px;
	z-index: 100;
}
#header .inner{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}
#header .inner a{
	display: block;
}
#header .inner img{
	display: block;
	width: 100%;
}

/* フッター */
#footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 100;
}
#footer .inner{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}
#footer .inner a{
	display: block;
}
#footer .inner img{
	display: block;
	width: 100%;
}

/* swipe */
#swipe{
  width: 100%;
	max-width: 750px;
	height: 100vh;
  height: 100dvh;
  /* height: calc(var(--vh, 1vh) * 100); */
	margin: 0 auto;
  overflow: hidden;
}
#swipe .splide__track{
	height: 100% !important;
}
#swipe .image{
	width: 100%;
	height: 100%;
}
#swipe .image img{
	display: block;
	width: 100%;
  max-width: 100%;
	height: 100%;
	object-fit: contain;
  vertical-align: bottom;
}
#swipe.object_top .image img{
	object-position: top;
}

/* swipe ページネーション */
#swipe .splide__pagination--ttb{
	position: absolute;
	top: 0;
  right: 0;
  flex-wrap: nowrap;
	flex-direction: column;
	height: 100%;
	margin: 0;
  padding: 0;
  background: #e5e5e5;
	list-style: none;
}
#swipe .splide__pagination--ttb li{
  height: 100%;
}
#swipe .splide__pagination--ttb .splide__pagination__page{
	width: 5px;
  height: 100%;
  margin: 0;
	padding: 0;
  background: none;
	border: none;
  border-radius: 2px;
  transition: background .3s;
}
#swipe .splide__pagination--ttb .splide__pagination__page.is-active{
  background: #727272;
  transform: none;
}