/* CSS Document */

body {
	background: #000;
}

.sec:last-child {
	padding-bottom:125px;
}

.secTit {
	font-size: 22px;
	text-align: center;
	margin: 80px auto 0;
	padding: 1em 0;
	max-width:510px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.secTit + .lead {
	margin-top: 1em !important;
}

#main {
	background: #fff;
}

#main > section > .inner {
	padding-left:2%;
	padding-right: 2%;
	padding-bottom: 100px;
	max-width:700px;
	margin-left: auto;
	margin-right: auto;
}

#main > section > .inner > .lead {
	text-align: center;
	margin:3em 0 2em;
	line-height: 2;
}

#mvis {
	display:flex;
	align-items:center;
	padding:50px 40px 0;
}

#mvis h1 {
	font-family: "HelveticaNeueLTStd-Th";
	font-size: 43px;
	line-height: 1.4em;
	padding-right: 0.5em;
}

.anchor {
	max-width:600px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-around;
}
.anchor li {
	width:260px !important;
}

.anchor li  > a.boxButton {
	background: #000 !important;
	padding:1.2em 0;
	position: relative;
	margin: 0;
	max-width: none;
	color:#fff !important;
	border:1px solid #000;
}
.anchor li > a::before,
.anchor li > a::after {
	content:"";
	display:block;
	width:0.8em;
	height:1px;
	background: #fff;
	position: absolute;
	right:30px;
	top:50%;
	transition:all 0.3s ease-in-out;
}
.anchor li > a::before {
	transform-origin: -2px top;
	transform:translate(100%, 0.2em) rotate(-45deg);
}
.anchor li > a::after {
	transform-origin: calc(100% + 2px) top;
	transform:translate(0, 0.2em) rotate(45deg);
}

.anchor li > a.open::before {
	transform:translate(100%, 0) rotate(0);
}
.anchor li > a.open::after {
	transform:translate(0, 0) rotate(0);
}

.anchor li .achordionChild {
	border:1px solid #000;
	padding:0 1em;
	text-align: center;
}
.anchor li .achordionChild a {
	background: #fff;
	color:#000;
	display:block;
	text-decoration: none;
	padding: 1em 0;
}
.anchor li .achordionChild a:nth-child(n+2) {
	border-top:1px solid #000;
}

.productBox {
	margin-top: 80px;
	display:flex;
	justify-content: space-between;
	align-items:center;
	text-align: center;
}
.productBox figure {
	width:350px;
}

.productBox .inner {
	flex:1;
	max-width:400px;
}

.productBox .nm {
	font-size: 18px;
	margin-top: 10px;
}
.productBox .lead {
	margin-top: 0.8em;
	letter-spacing: -0.05em
}
.productBox .contents {
	margin-top: 0.8em;
	letter-spacing: -0.05em;
	line-height: 1.8;
}
.productBox .color2 {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}
.productBox .award + .color2 {
	margin-top: 2em;
	margin-bottom: 1em;
}
.productBox .color2 img {
	vertical-align: middle;
	width:8em;
}
.productBox .award {
	border-bottom: 1px solid #959595;
	padding:1em;
	font-size: 12px;
	text-align: left;
}
.productBox .award .tit, .productBox .award .rank {
	letter-spacing: 0;
}
.productBox .award .tit img {
	width:2em;
	vertical-align: middle;
	transform:translateY(-0.2em);
	margin-right: 0.5em;
}

.productBox .award .flex > p {
	width:85px;
	margin-right: 20px;
}
.productBox .award .flex > div {
	flex:1;
}

.productBox .price {
	margin: 1.7em 0;
}
.productBox .price > * {
	display:inline-block;
	margin: 0 1em;
}
.productBox .boxButton {
	margin: 0 auto;
}