@charset "UTF-8";

:root {
  --width: 100vw;
  --margin: 0.5rem;
}

.pc {
	display: none !important;
}

.k-header .logo {
  font-size: 26px;
}

.k-header .logo img {
  width: calc(var(--width) - var(--margin) * 2);
  height: 80px;
  object-fit: contain;
}

.footer .copy {
  padding: 0.5rem;
}

.photos img {
  width: calc(var(--width) - var(--margin) * 2);
}

/******************************************************************************* code */

.home .catch-img img {
	height: 100vw;
	width: 100vw;
	object-fit: cover;
  object-position: right center;
  /*animation: 2s cubic-bezier(.55,.06,.68,.19) 0s catch-move;*/
}

@keyframes catch-move {
  from {
    object-position: left center;
  }
  to {
    object-position: right center;
  }
}

.home.catch {
  height: 100vw;
}

.home.catch .c {
  font-size: 0.8rem;
}

.home.catch .one {
  top: 10%;
  width: 100%;
	font-size: calc(100vw / 13);
  line-height: calc(1.4 * 100vw / 13);
}

.home.catch .one img {
  width: 95vw;
  margin-left: 2.5vw;
}

.home.catch .two {
  top: 50%;
  width: 100vw;
  font-size: 1rem;
}

.home.catch .two img {
  width: 80vw;
  margin-left: 10vw;
}

.code {
  padding: 0 1rem;
}

.code h2 {
  margin-top: 1rem;
	font-size: 3rem;
	line-height: 3rem;
}

.code .caption {
  margin-bottom: 1rem;
}


/******************************************************************************* list */

.item.catch {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.item.catch h2 {
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.5rem;
}

.item.catch h3 {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 2rem;
}

.item.catch h3 b {
	white-space: nowrap;
}

.item-list li {
  padding: 2rem 0.5rem;
}

.item-list li > p {
  font-size: 1.5rem;
}

.item-list li:not(:last-child) > p {
  padding-bottom: 2rem;
  border-bottom: 1px solid gray;
}

.item-list .price {
  margin-top: 2rem;
}

.item-list img {
  max-height: calc(1.5 * 100vw);
}

.item-detail .item > a {
  padding-top: 2rem;
  font-size: 1.5rem;
  border-top: 1px solid gray;
}

.item-detail li {
  padding: 0 0 2rem 0;
}

.item-detail .images {
  margin-top: 1rem;
  margin-bottom: 1rem;
  object-fit: contain;
}

.item-detail .item .images > img {
  width: calc(100vw - var(--margin) * 2);
  height: auto;
  /*max-height: calc(100vw - var(--margin) * 2);*/
}

.item-detail .price {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/******************************************************************************* form */

.form {
  width: 100%;
  margin-bottom: 1rem;
}

/******************************************************************************* cart */

#cart {
  padding-bottom: 0.5rem;
}

#cart .ec-cartRole {
  padding: 0;
}

#cart .ec-blockBtn--cancel {
	width: 100%;
}

#cart li.ec-cartRow__contentColumn {
  position: relative;
  padding-top: 3rem;
}

#cart li.ec-cartRow__contentColumn .ec-cartRow__name {
  position: absolute;
  top: 0;
  left: calc(-1 * (100vw * 0.14));
  width: calc(100vw * 1.14 * 0.86);
  margin-top: 5px;
  padding: 3px;
  text-align: center;
  background-color: #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#cart .ec-cartRow__delColumn {
  padding-top: 2rem;
}