.detailBlock {
  overflow: hidden;
  padding: 5px 35px 10px;
  background-color: #3366ff;
  border-radius: 10px 10px 0 0;
}
@media(max-width: 768px) {
  .detailBlock {
    border-radius: 0;
    padding: 5px 0px 10px;
  }
}
.detailBlock .detailArea{
  background-color:#ffffff;
  margin:15px 0px 15px;
  padding:15px 0px 35px;
}
.detailBlock .detailAreaInside{
  margin:0 auto;
  width:640px;
}
@media(max-width: 768px) {
  .detailBlock .detailArea{
    margin:0px;
  }
  .detailBlock .detailAreaInside{
    width:98%;
  }
}
.detailCategoryPlate{
  background-color:#144e87;
  color:#ffffff;
  width:100px;
  padding:5px 5px 5px 10px;
  font-size:1.4rem;
}
.detailArea .productName{
  font-size:1.8rem;
  font-weight:bold;
  padding:10px 0px;
}
.detailArea .productDetailTitle{
	font-size:1.8rem;
	font-weight:bold;
	border-bottom:#eeb734 4px solid;
	margin-bottom:10px;
}
.detailArea .productDetailText{
	font-size:1.6rem;
}

/* layout.cssに配置する。snsButtonクラスと統合したい。text-alignは分離 */
.detailAreaSnsButton {
    text-align: left;
}
.detailAreaSnsButton .line {
    display: none;
}
@media screen and (max-width: 768px){
	.detailAreaSnsButton .line {
		display: inline;
	}
	.detailAreaSnsButton .line .img {
		height: 20px;
		width: auto;
	}
}
.detailPvTime {
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.detailPvTime .detailPvTimeList01 {
  float: left;
  margin-right: 10px;
  font-size: 1.4rem;
}
.detailPvTime .detailPvTimeList01:last-child {
  margin-right: 0;
}
.pvArea {
  text-align: center;
  width: 640px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .pvArea {
    width: 100%;
  }
}

.pvArea video {
  width: 100%;
  display: inline-block;
  vertical-align: baseline;
}

.youtube{
  width:640px;
  height:360px;
}

@media screen and (max-width:768px){
  .youtube{
    width:100%;
    height:56.25vw;
  }
}