@charset "utf-8";

#case01 {background: #fff0cd;}
#case02 {background: #ffe2d5;}
#case03 {background: #ffe1e1;}
#case04 {background: #ffe2d5;}
#case05 {background: #fff0cd;}
#case06 {background: #fff0cd;}

#case07, #case08 {
  position: relative;
}
#swiper08 {
  position: absolute;
  bottom: 9rem;
}
#case08_notes {
  position: absolute;
  right: 2.5rem;
  bottom: 6.6rem;
}

#fixedBtn {
	width: 100%;
	max-width: 75rem;
  margin: 0 auto;
  padding: 0 0 1rem 0;
	position: fixed;
	left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  text-align: center;
  transition: opacity 0.75s ease, visibility 0.3s ease;
  opacity: 1;
  visibility: visible;
}
/* フェードアウト用のクラス */
#fixedBtn.is-hidden {
  opacity: 0;
  visibility: hidden;
}
#fixedBtn a {
	display: block;
}

.btn {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

/*------------------------------------------------------------
	Footer
------------------------------------------------------------*/
footer {
	padding: 9rem 0 9rem;
	text-align: center;
}
footer .shop {
	margin-bottom: 3vw;
}
footer .shop .trigger {
	position: relative;
}
footer .shop .trigger:hover {
	cursor: pointer;
}
footer .shop .trigger i {
	display: block;
	position: absolute;
  top: 1.9rem;
  right: 35%;
  width: 2.3rem;
  height: 2.3rem;
	background: no-repeat center center;
	background-size: contain;
	z-index: 2;
}
footer .shop .trigger i.down {
	background-image: url(../img/icon_down.png);
}
footer .shop .trigger i.down.up {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
footer .accordion {
	width: 90%;
	margin: 2% auto 0;
}
footer li {
	display: flex;
  flex-wrap: wrap;
}
footer li h3, footer li p {
	font-size: 1.8rem;
	border-top: 1px solid #ddd;
	padding: 2% 3%;
}
footer dl li:first-of-type {
	border: none;
}
footer li h3 {
	width: 30%;
	vertical-align: top;
  font-weight: normal;
	text-align: center;
}
footer li p {
	width: 70%;
  text-align: left;
}
footer a {
	color: #4445ec;
	text-decoration: underline;
}
footer a[href^="tel:"] {
	text-decoration: none;
	color: #353331;
}
footer ol.badge {
	margin: 4rem auto 1rem;
}
footer ol.badge li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1rem;
	width: 20%;
}

footer .sslinfo {
	font-size: 1.8rem;
}
footer .sslinfo + div {
	margin-top: 4.5rem !important;
	color: #4445ec;
	font-size: 1.8rem;
}
footer .copy {
	color: #502d2c;
	font-size: 1.8rem;
	margin-top: 4.5rem;
}
@media screen and (max-width:749px) {
  footer li h3, footer li p {
    font-size: 2.4rem;
  }
}