.drawing {
  text-align: center;
}
.drawing p {
  margin: 1em 0;
}

.drawing a {
  text-decoration: none;
  color: #00ade4;
}

.drawing h2 {
  padding-left: 10px;
  text-align: left;
  border-left: 5px solid #ddd;
  font-size: 1.5rem;
  margin: 0 0 20px 0;
}

.drawing h2 span {
  color: #999;
  font-size: 1rem;
}

.drawing h2 {
	background:URL(/static/dww/images/89/h2_dww.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
}

@media screen and (max-width: 480px) {
  .drawing h2 {
	background:URL(/static/dww/images/89/h2_dww.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 120px;
  }
}

.drawing .youtube {
  margin: 0 0 20px 0;
}

.drawing .drawingHeader p {
  text-align: left;
}

.drawing .drawingContents h3 {
  width: 100%;
  margin: 20px 0;
  padding: 10px 0;
  text-align: center;
  background: #eee;
  font-size: 1.3rem;
}

.drawing .drawingContents .img {
  float: right;
  margin: 10px 0 15px 15px;
  max-width: 350px;
}

.drawing .drawingContents .img > p {
  font-size: 0.8rem;
}

.drawing .drawingContents .imgWide {
  float: right;
  margin: 10px 0 15px 15px;
  max-width: 400px;
}

.drawing .drawingContents .imgWide > p {
  font-size: 0.8rem;
}

.drawing .drawingContents .text {
  text-align: left;
  letter-spacing: .04em;
  line-height: 1.5;
}

.drawing .drawingContents .text + p {
  text-align: left;
}

.drawing .drawingContents .text span {
  /* display: inline-block; */
  /* margin-bottom: 10px; */
  color: #114183;
  font-weight: bold;
}

.drawing .drawingContents .text span + br{
  display:none;
}

.drawing .drawingContents .text span::after{
content:"";
display:block;
margin-bottom:10px;
}

.drawing .drawingContents p.right {
  margin: 20px 0;
  text-align: right;
}

.drawing .drawingContents h4.p_history {
	font-size:large;
	text-align:left;
	border-bottom:solid 2px mediumvioletred;
	margin:1em 0 1em 0;
	padding:1em 0em 0em 40px;
	background:URL(/static/dww/images/89/h4_dww.png) no-repeat bottom left;
	background-size: 40px auto;
}

.drawing .drawingContents h4.c_style {
	font-size:large;
	text-align:left;
	border-bottom:solid 2px lightgreen;
	margin:1em 0 1em 0;
	padding:1em 0em 0em 40px;
	background:URL(/static/dww/images/89/h4_dww.png) no-repeat bottom left;
	background-size: 40px auto;
}

.drawing .drawingContents h4.c_story {
	font-size:large;
	text-align:left;
	border-bottom:solid 2px gold;
	margin:1em 0 1em 0;
	padding:1em 0em 0em 40px;
	background:URL(/static/dww/images/89/h4_dww.png) no-repeat bottom left;
	background-size: 40px auto;
}

.drawing .drawingContents div.technic {
	border:solid 2px #00A3E0;
	border-style:dotted;
	border-radius:5px;
	padding:15px 20px;
	margin:30px auto;
	text-align:left;overflow: hidden;
}

.technic span {
	font-weight:bold;
	font-size:small;
	text-align:left;
	color: #00A3E0;
	display:block;
	border-bottom:dashed #00A3E0 1px;
	padding-bottom:0px;
}

.drawing .profile {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 20px auto;
  padding: 20px;
  text-align: left;
  border-radius: 5px;
  background: #e1eff4;

      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
}

.drawing .profile p span {
  display: block;
  padding-bottom: 10px;
  border-bottom: dashed #666 1px;
  font-size: 1.3rem;
}

.goods {
  margin: 30px auto;
  padding: 15px;
  border: #00a6e2 1px solid;
}

.goods + .goods {
  margin-top: 20px;
}

.goodsImg {
  float: left;
  margin-right: 20px;
  text-align: left;
}

.goodsText {
  text-align: left;
  font-size: 14px;
  margin: 0 0 1em 0;
}

.btnMore {
  margin: 0;
  text-align: right;
}

.btnMore:hover {
  opacity: .8;
}

.drawing .cboxElement {
  text-decoration: none;
  border: none;
  border-style: none;
  outline: none;
}

.drawing .cboxElement img {
  border: 0;
}




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

  .drawing .drawingContents .img {
    float: none;
    margin: 15px 0;
  }

  .goodsImg {
    margin: 10px;
  }

  #cboxWrapper {
    width: 95%;
  }

  .drawing .drawingContents .technic {
    width: auto;
    text-align:center; 
  }

  .drawing .drawingContents .technic img {
    float: none;
    margin: 15px 0;
    width: auto;
    max-width: 100%;
  }

  .drawing .drawingContents .technic p {
    float: left;
  }
}