@charset "utf-8";
/* CSS Document */

.ocp .imageA01 img.style01, .ocp .imageA01 img.style02, .ocp .imageA01 img.style03,
.ocp .imageA01 img.style04, .ocp .imageA01 img.style05, .ocp .imageA01 img.style06 {
	width: 32%;
}
.ocp .imageA01 img.style01, .ocp .imageA01 img.style02 {
	margin: 0 2% 0 0;
}
.ocp .imageA01 img.style04, .ocp .imageA01 img.style05 {
	margin: 1% 2% 0 0;
}
.ocp #mainArea .imageLinkDescriptionB01 .imageDescriptionB01 p {
  float: left;
  margin: 8px 10px 0 9px;
}
.ocp #mainArea .imageLinkDescriptionB01 dd {
  height: 113px;
}
.ocp #mainArea .imageDescriptionA03:nth-child(n+8) .pict {
  width: 135px;
}
.ocp .imageA01 .sp-none {
	display: block;
}
.ocp .imageA01 .pc-none {
	display: none;
}

@media (max-width: 767px) {
.heading-h1, .ocp .imageA01 p:last-child {
	display: none;
}
.ocp div#contentArea div#columnArea div#mainColumn div#mainArea {
	width: 100%;
}
.ocp div#mainArea .imageA01 p:nth-child(2) img {
	width: 100%;
}
.ocp .function_content {
	padding: 0 10px;
}
.ocp .imageA01 p.sp-none {
	display: none;
}
.ocp .imageA01 p.pc-none {
	display: block;
}
.ocp #mainArea embed {
  height: 33px !important;
}
.ocp div.imageDescriptionB01 {
  padding: bottom !important;
}
.ocp #mainArea .imageLinkDescriptionB01 dd {
  height: auto;
}
.ocp #mainArea .imageLinkDescriptionB01 .imageDescriptionB01 p {
  float: none;
  margin: 0;
}
.ocp #mainArea .imageDescriptionA03:nth-child(n+8) .pict {
  width: auto;
  text-align: center;
}
.ocp div#Resonance1,
.ocp div#Blend1 {
  text-align: center;
}
.ocp div.imageLinkDescriptionC01 div dl.desc dt ,.ocp div.imageDescriptionB01 > p {
        text-align: center;
}
}