/*===========================================================
  INDEX
============================================================*/
@media all and (min-width:750px){
  body#eastwest { overflow: visible!important;}
}
@media (max-width: 749px){
  body#eastwest header div.section h1 { float: none; padding:5px 0;}
  body#eastwest header div.section h1 a{display:block;width:100%;height:50px;text-indent:-99999px;overflow:hidden;background:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22logo%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2085.254%2012.886%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C12.563V.323h8.144v.986H1.156v4.42h6.307v.986H1.156v4.862h7.157v.986H0Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.265%2C12.563L14.075.323h1.31l4.692%2C12.24h-1.19l-1.411-3.842h-5.576l-1.445%2C3.842h-1.189ZM12.29%2C7.735h4.795l-2.396-6.426-2.398%2C6.426Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M22.202%2C8.908c.045.544.166%2C1.006.365%2C1.385.197.38.453.688.765.927.312.238.671.411%2C1.079.518.408.108.845.162%2C1.31.162.544%2C0%2C1.015-.068%2C1.411-.204.396-.136.719-.32.969-.552.249-.232.434-.501.553-.808s.178-.629.178-.969c0-.476-.107-.861-.322-1.156-.216-.294-.496-.536-.842-.723s-.742-.337-1.189-.45c-.448-.113-.907-.224-1.377-.332-.471-.107-.93-.235-1.377-.382-.448-.147-.845-.346-1.19-.595-.346-.249-.626-.569-.842-.96s-.323-.887-.323-1.488c0-.419.088-.827.264-1.224s.437-.748.782-1.054.779-.549%2C1.301-.731c.521-.181%2C1.122-.272%2C1.802-.272.691%2C0%2C1.295.096%2C1.811.289s.943.456%2C1.283.791.596.722.766%2C1.165c.17.442.255.912.255%2C1.411h-1.105c0-.464-.082-.867-.246-1.207-.165-.34-.389-.617-.672-.833-.283-.215-.606-.374-.969-.476s-.737-.153-1.122-.153c-.59%2C0-1.086.083-1.487.247-.402.165-.723.377-.96.638-.238.261-.403.55-.494.867-.09.317-.107.635-.051.952.068.397.227.714.477.952.249.238.555.434.918.586.362.153.762.278%2C1.198.374s.881.198%2C1.335.306c.453.107.893.235%2C1.316.382.426.147.803.346%2C1.131.595.328.25.592.57.791.961.197.391.297.881.297%2C1.47%2C0%2C1.133-.391%2C2.012-1.173%2C2.635-.782.623-1.882.935-3.298.935-.635%2C0-1.225-.083-1.768-.247-.545-.165-1.015-.414-1.412-.748-.396-.334-.705-.748-.926-1.241-.221-.493-.332-1.074-.332-1.742h1.123Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M31.007.323h8.908v.986h-3.875v11.254h-1.156V1.309h-3.877V.323Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M51.169%2C10.931h.035L53.872.323h1.19l-3.213%2C12.24h-1.274l-2.84-10.812h-.033l-2.84%2C10.812h-1.275L40.425.323h1.156l2.635%2C10.608h.035L47.089.323h1.293l2.787%2C10.608Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M56.677%2C12.563V.323h8.144v.986h-6.987v4.42h6.307v.986h-6.307v4.862h7.157v.986h-8.313Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M67.54%2C8.908c.045.544.167%2C1.006.365%2C1.385.198.38.453.688.766.927.311.238.671.411%2C1.079.518.408.108.845.162%2C1.31.162.543%2C0%2C1.014-.068%2C1.41-.204.396-.136.72-.32.969-.552.25-.232.434-.501.553-.808s.179-.629.179-.969c0-.476-.108-.861-.323-1.156-.215-.294-.496-.536-.842-.723s-.742-.337-1.189-.45-.906-.224-1.377-.332c-.471-.107-.93-.235-1.377-.382-.447-.147-.844-.346-1.189-.595-.346-.249-.627-.569-.842-.96-.216-.391-.323-.887-.323-1.488%2C0-.419.087-.827.264-1.224.175-.396.437-.748.782-1.054s.779-.549%2C1.301-.731c.521-.181%2C1.121-.272%2C1.801-.272.691%2C0%2C1.295.096%2C1.811.289s.943.456%2C1.284.791c.34.334.595.722.765%2C1.165.17.442.256.912.256%2C1.411h-1.105c0-.464-.082-.867-.246-1.207-.165-.34-.389-.617-.672-.833-.283-.215-.607-.374-.969-.476-.363-.102-.737-.153-1.123-.153-.589%2C0-1.085.083-1.486.247-.402.165-.723.377-.961.638s-.402.55-.493.867c-.091.317-.108.635-.052.952.068.397.227.714.477.952.25.238.555.434.918.586s.762.278%2C1.199.374c.436.096.881.198%2C1.334.306.453.107.893.235%2C1.317.382.425.147.802.346%2C1.13.595.329.25.593.57.791.961.198.391.298.881.298%2C1.47%2C0%2C1.133-.392%2C2.012-1.173%2C2.635-.782.623-1.882.935-3.299.935-.635%2C0-1.224-.083-1.768-.247-.544-.165-1.014-.414-1.411-.748-.396-.334-.705-.748-.927-1.241-.221-.493-.331-1.074-.331-1.742h1.122Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M76.346.323h8.908v.986h-3.876v11.254h-1.156V1.309h-3.876V.323Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;background-size:98px 16px;
      z-index: 999999;}
  body#eastwest header div.section { text-align: center;}
  body#eastwest #shopandservice { display: none;}
  body#eastwest header { position: fixed; top: 0; left: 0; display: block; background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.71) 100%); content: ''; width: 100%; height: 50px;}
  body#eastwest header div.section nav { top: 50px;}
  body#eastwest header:has(.menu-button.active) { background: rgba(204, 0, 0, 0.85);}
  body#eastwest .menu-button {right:auto;left: 0px; }
  body#eastwest header .menu-button {
	font-size: 0;
	line-height: 0;
	width: 25px;
	height: 35x;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	}
	body#eastwest header .menu-button::before,
	body#eastwest header .menu-button::after {
		content: '';
		position: absolute;
		width: 25px;
		height: 3px;
		background-color: #fff;
		transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
	}
	body#eastwest header .menu-button::before {
	top: 11px;
	}
	body#eastwest header .menu-button::after {
	bottom: 11px;
	}
	body#eastwest header .menu-button.active::before,
	body#eastwest header .menu-button.active::after {
	background-color: #fff;
	}
	body#eastwest header .menu-button.active::before {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	}
	body#eastwest header .menu-button.active::after {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
	}
}
/* Swiper本体 */
.swiper {
    width: 100%;
    height: calc(100vh - 30px);
    position: relative;
    overflow: hidden;
	background: #fff;
}
@media (min-width: 750px){
  .swiper {
    height: auto;
    max-height: calc(100vh - 150px);
    /*aspect-ratio: 29 / 16;*/
    aspect-ratio: 16 / 9;
  }
}
  /* 各スライド */
.swiper-slide {
    position: relative;
    overflow: hidden;
  }
  /* 背景画像（Ken Burns適用） */
.slide-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
  }
.slide-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  animation: kenburns 10s ease-out forwards;
}
.swiper-container {
  width: 100%;
  margin: 0;
  padding: 0;
}
.swiper-slide {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* Ken Burns効果（ズーム＋パン） */
@keyframes kenburns {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.1) translate(3%, 3%);
  }
}

.slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    width: 100%;
    text-align: left;
}

.swiper-slide .slide-content h2 {
    font-size: 3rem;
    letter-spacing: 0.05em;
    margin: 0;
    color: #fff;
}
.swiper-slide .slide-content {
    transform: translate(-50%, 40%);
    bottom: 0px;
}
.swiper-slide .slide-content h2 img {
    width: 90%;
    max-width: 600px;
    filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.8)); 
    margin: 0 20px;
}
.swiper-slide-inkjet .slide-content h2 img {
    width: 65%;
}
@media (min-width: 750px){
	.swiper-slide .slide-content {
		transform: translate(-50%, 0%);
		top: 0;
		bottom: auto;
	}
	 .swiper-slide .slide-content h2 {
		margin-top: 40px;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		height: 300px;
	 }
	 .swiper-slide .slide-content h2 img,
	 .swiper-slide-inkjet .slide-content h2 img {
		width: auto;
		max-width: calc(100% - 60px);
		height: 100%;
		margin: 0 30px;
		object-fit: contain;
	 } 
}
.swiper-pagination-bullets {
    bottom: 20px !important;
}
.swiper-button-prev,
.swiper-button-next {
    color: #fff;
}

.swiper-button-next, .swiper-button-prev {
	svg {display:none;}
}
.slide-svg {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  will-change: opacity, transform;
}

.swiper-slide-active .slide-svg {
  opacity: 1;
  transform: translateX(0);
}
.swiper-button-next,
.swiper-button-prev {
  width: 20px;
  height: 20px;
  top: calc(50% + 50px)!important;;
  transform: translateY(-50%)!important;;
  background: none!important;
  opacity: 1;
  transition: opacity 0.3s;
}
.swiper-button-prev { left: 30px!important;;}
.swiper-button-next { right: 30px!important;;}
@media (min-width: 750px){
	.swiper-button-prev { left: 30px!important;;}
	.swiper-button-next { right: 30px!important;;}
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1;
}
.swiper-button-next img,
.swiper-button-prev img {
  width: 100%;
  height: auto;
  display: block;
  width: 15px;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.8)); 
}
.swiper-button-next:after, .swiper-button-prev:after {
  display:none;
}
.swiper-pagination-bullet {
  opacity: .5;
  background: #fff;
  width: 12px;
  height: 12px;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
#topButtons {
  padding: 0;
  margin: 0;
  background: #fff;
}
#topButtons ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: start;
  list-style: none;
  margin: 0;
  padding: 0;
}
#topButtons ul li {
  width: 100%;
}
@media (min-width: 750px){
  #topButtons {
    padding: 10px 0 0 0;
  }
  #topButtons ul li {
    width: 25%;
  }
}
#topButtons ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
}
#topButtons ul li.topButton01 a { 
  background: #ff68a0;
}
#topButtons ul li.topButton02 a { 
  background: #ffc8c9;
}
#topButtons ul li.topButton03 a { 
  background: #c73b00;
}
#topButtons ul li.topButton04 a { 
  background: #ff9796;
}
#topButtons ul li.topButton05 a { 
  background: #ea97c6;
}
#topButtons ul li.topButton06 a { 
  background: #ffa9a5;
}
#topButtons ul li.topButton07 a { 
  background: #ff9796;
}
#topButtons ul li.topButton08 a { 
  background: #ffbbda;
}
#topButtons ul li.topButton09 a { 
  background: #ad3c26;
}
#topButtons ul li.topButton10 a { 
  background: #ff9796;
}
#topButtons ul li.topButton11 a { 
  background: #d768a0;
}
#topButtons ul li.topButton12 a { 
  background: #ff9796;
}
#topButtons ul li a:hover {
  opacity: .5;
  transition: .5s;
}
#topButtons ul li span {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
#topButtons ul li span img {
  height: 25px;
  max-width: calc(100% - 20px);
}