@charset "utf-8";

.pc {
  display: none;
}

.sp {
  display: block;
}

img {
  max-width: 100%;
}

section.shopping_guide {
  width: 100%;
  padding: 10% 5% 5%;
}

section.shopping_guide h2 {
  font-size: 6vw;
  margin: 0 0 8%;
}

section.shopping_guide nav ul {
  padding: 0 0 1%;
}

section.shopping_guide nav ul li {
  width: 48%;
  margin: 0 0 3%;
  height: 16vw;
  border: 0.5vw solid #e7dfca;
}

section.shopping_guide nav ul li:nth-child(2n) {
  float: right;
}

section.shopping_guide nav ul li a {
  padding: 0 3%;
  box-sizing: border-box;
}

section.shopping_guide nav ul li strong {
  width: 20%;
  padding: 0 1%;
}

section.shopping_guide nav ul li span {
  font-size: 3.4vw;
  padding-left: 2%;
}

section.shopping_guide > section {
  padding: 8% 0;
}

section.shopping_guide > section h3 {
  font-size: 5vw;
  margin: 0 0 8%;
}

section.shopping_guide > section h3 img {
  display: block;
  width: 13%;
  margin: 0 auto 3%;
}

section.shopping_guide > section .inner {
  padding: 0;
}

section.shopping_guide section section h4 {
  font-size: 4.2vw;
  margin: 0 0 3%;
}

section.shopping_guide section section p {
  padding: 0;
  font-size: 3.4vw;
}

section.shopping_guide section.sec01 section .txt {
  float: none;
  width: 100%;
}

section.shopping_guide section.sec01 section figure {
  float: none;
  width: 100%;
  margin: 5% 0;
}

section.shopping_guide section section p span {
  font-size: 3vw;
  margin: 3% 0;
}

section.shopping_guide section section p img {
  display: block;
  margin: 5% auto;
}

section.shopping_guide section section h5 {
  font-size: 4vw;
  padding: 0;
  margin: 5% 0 3%;
  line-height: 1.4em;
}

section.shopping_guide section section ul li {
  padding: 0 0 0 1%;
  font-size: 3.4vw;
  margin: 0 0 1%;
}

section.shopping_guide section section h6 {
  font-size: 4vw;
  margin: 8% 0 3%;
}

section.shopping_guide .warranty ul {
  padding: 0;
}

section.shopping_guide .warranty ul li {
  font-size: 3.6vw;
  padding: 3%;
  box-sizing: border-box;
}

section.shopping_guide .kuroneko {
  margin: 0 0 10%;
}

section.shopping_guide table,
section.shopping_guide table tbody,
section.shopping_guide table tbody .uptr {
  display: block;
  width: 100%;
}

section.shopping_guide table tr .uptable {
  display: block;
  border: 0px none;
  border-top: 0.5vw solid #fff;
  font-size: 3.6vw;
  padding: 4% 3%;
}

section.shopping_guide table tr .uptable2 {
  display: block;
  border: 0px none;
  border-top: 0.5vw solid #fff;
  font-size: 3.4vw;
  line-height: 1.4em;
  padding: 3%;
}

section.shopping_guide table tr td.space {
  display: none;
}

section.shopping_guide section.sec04 ul {
  padding: 0;
}

section.shopping_guide section.sec04 ul li {
  margin: 0 0 5%;
}

section.shopping_guide section.sec04 ul li dl dt {
  padding: 3% 10% 3% 12%;
  font-size: 4.2vw;
  line-height: 1.4em;
  background-position: 96% 50%;
  background-size: 4vw;
}

section.shopping_guide section.sec04 ul li dl dt:before {
  left: 3%;
  top: 2.5vw;
  font-size: 4.8vw;
}

section.shopping_guide section.sec04 ul li dl dd {
  padding: 5% 5% 5% 12%;
  font-size: 3.4vw;
}

/* スライド */
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
 
	position: relative;
	display: flex !important;
	
	margin: 2em auto;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.cp_arrows .cp_arrow {
	position: relative;
	display: inline-block;
	padding-top: 1.8em;
	-webkit-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-animation: arrow-move06 2s 1s ease-in-out infinite;
	        animation: arrow-move06 2s 1s ease-in-out infinite;
	text-decoration: none;
	color: #615535;
	/* border-color: #26c6da; */
}
.cp_arrows .cp_arrow:before {
	font-size: 3em;
	line-height: 1.9em;
	position: absolute;
	top: -100%;
	left: 0%;
	width: 2em;
	height: 2em;
	margin-left: -1em;
	content: '≫';
 
	-webkit-transition: transform 0.5s ease-in;
	        transition: transform 0.5s ease-in;
	text-align: center;
	/* border: 0.13em solid #ffffff;
	border-color: inherit;
	border-radius: 10em; */
}
/* .cp_arrows .cp_arrow:hover {
	color: #ec407a;
	border-color: #ec407a;
} */

	

@-webkit-keyframes arrow-move06 {
	0% {
		
    left: -3%;
		opacity: 0.1;
	}
	70% {
		left: 5%;
		opacity: 1;
	}
	100% {
		left: -3%;
		opacity: 0.3;
	}
}
@keyframes arrow-move06 {
	0% {
		
    left: -3%;
		opacity: 0.1;
	}
	70% {
		left: 5%;
		opacity: 1;
	}
	100% {
		left: -3%;
		opacity: 0.3;
	}
}