@charset "UTF-8";

html{
  font-size: 62.5%;
}
/* 16px x 62.5%=10px */

.diywapper{
  max-width:1000px;
  margin:0 auto;
}

.diyhead{
  font-size:2.8rem !important;
  font-weight:bold;
  text-align:center;
  margin-bottom:30px;
}
.diyText{
  text-align:center;
  font-size:1.6rem  !important;
  margin-bottom:40px;
}
.diyp{
  padding-left:20px;
  font-size:1.6rem !important;
  text-align:left !important;
}
.diytbl{
  margin-bottom:20px;
}
.diytitle{
  text-align:center;
  font-size:2.2rem !important;
  font-weight:bold;
}
.style_item a{
   text-decoration: underline;
}
.img-pc{
  display:inline;
}
.img-sp{
  display: none;
}
.diybtn{
	padding: 0 8%;
	text-align: center;
	background-color:#000;
	width: 140px;
	margin: 0 auto;
}
.diybtn a{
	display: block;
	background: #000;
	max-width: 330px;
	margin: auto;
}
@media only screen and (max-width: 769px) {
.inner{
  box-sizing: border-box;
  width:100%;
  padding:0 10px;
}

.diyhead{
  font-size:2.2rem !important;
  margin-bottom:20px;
  text-align:left;
}
.diyText{
  text-align:left;
  margin-bottom:40px !important;
}
.img-pc{
  display:none;
}
.img-sp{
  display: inline;
}
.itemDetail>p{
	width: 96%;
	margin: auto;
}

.diytitle{
  font-size:1.8rem !important;
}
.diyp{
  padding-left:0px;
}
.diytbl td{
	width: 100%;
	display: block;
	margin-bottom: 1em;
}
.diybtn a{
	max-width: 210px;
}
.diy_item{
  width:80%;
}
}