@keyframes shiny {
	0% {
		transform: scale(0) rotate(25deg);
		opacity: 0
	}

	50% {
		transform: scale(1) rotate(25deg);
		opacity: 1
	}

	100% {
		transform: scale(50) rotate(25deg);
		opacity: 0
	}
}

section {
	/* text-align: center; */
	margin: 0 auto;
	max-width: 750px;
}

section img {
	width: 100%;
	/* max-width: 750px; */
}


/* #sec01 {
	background-image: url(../images/bg01-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec02 {
	background-image: url(../images/bg02-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec03 {
	background-image: url(../images/bg03-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec04 {
	background-image: url(../images/bg04-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec05 {
	background-image: url(../images/bg05-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec06 {
	background-image: url(../images/bg06-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec07 {
	background-image: url(../images/bg07-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec08 {
	background-image: url(../images/bg08-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec09 {
	background-image: url(../images/bg09-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec10 {
	background-image: url(../images/bg10-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec11 {
	background-image: url(../images/bg11-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec12 {
	background-image: url(../images/bg12-pc.jpg);
	background-size: cover;
	background-position: center center
}

#sec13 {
	background-image: url(../images/bg13-pc.jpg);
	background-size: cover;
	background-position: center center
} */

.relative{
	position: relative;

}
.absolute {
	position: absolute;
	top: 79%;
	left: 12%;
	width: 75%;
}

.shiny-btn {
	position: relative;
	display: block;
	overflow: hidden
}

.shiny-btn::after {
	content: '';
	position: absolute;
	top: -100px;
	left: -100px;
	width: 50px;
	height: 50px;
	background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0);
	animation-name: shiny;
	animation-duration: 2.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite
}



/* 商品スペック --------------------- */
.specification {
	width: 95%;
	margin: 71px auto;
	text-align: left;
	font-size: 15px;
	line-height: 1.3
}

.specification summary {
	/*color: #fff;*/
	background-color: #ECECEC;
	padding: 11px 15px;
	text-align: center;
	/*font-weight: bold;*/
	display: block;
}

.summary-inner {
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/*font-weight: bold;*/
}

.material-symbols-outlined {
	font-variation-settings:
		'FILL' 0,
		'wght' 100,
		'GRAD' 0,
		'opsz' 48
	}

.material-symbols-outlined {
	display: block;
	position: relative;
	flex-shrink: 0;
	transform: rotate(90deg);
	transition: transform 0.4s;
}

details.is-opened .material-symbols-outlined {
	transform: rotate(270deg);
}

.content-inner {
	padding: 11px 15px;
}

/* アコーディオンが開いた時のスタイル
details[open] .material-icons {
  transform: rotate(270deg);
}*/

summary::-webkit-details-marker {
	/* Safariで表示されるデフォルトの三角形アイコンを消します */
	display: none;
}

.specification details {
	margin-top: 2px;
	border: 1px solid #777;
}

.specification details ol {
	list-style-type: decimal;
	padding-left: 21px
}

.specification details ol li {
	list-style-type: decimal;
}

.specification details ol li:first-child {
	margin-top: 9px
}

.specification details ol.ptn02 {
	list-style-type: upper-roman;
}

.specification details ol.ptn02 li {
	list-style-type: upper-roman;
}


footer {
	padding: 3rem 1.5rem 1.5rem;
	text-align: center;
	background-color: #fff;
	font-size: 1rem;
}

footer p {
	padding-bottom: 1rem;
	text-decoration: underline
}

.pc {
	display: none;
}

/* @media only screen and (min-width:751px) {
	section {
		min-width: 1500px;
	}

	.relative{
		position: relative;
		max-width: 1500px;
		margin: 0 auto;

	}
	.absolute {
		max-width: 634px;
		top: 74%;
		left: 29%;
	}

	.specification {
		text-align: left;
		font-size: 1.3rem;
		line-height: 1.3;
		min-width: auto;
		width: 65%;
	}

	.sp {
		display: none;
	}

	.pc {
		display: block;
	}
} */