@charset "shift_jis";
div.content ul {
  padding:0;
}
@media screen and (min-width: 750px) {

div.content ul.box_detail {
  width:86%;
  padding-top:0;
  margin:0 auto;
  margin-bottom:3vw;
}

p.comment {
  position:absolute;
  top:0.3vw;
  left:26.6%;
  line-height: 3vw;
  font-size: 1.5vw;
  font-weight:bold;
  padding-bottom:1%;
}

div.work_toi {
  margin:1vw 0;
  width:100%;
}
div.work_toi_0 {
  width:94%;
  margin:0 auto;
  line-height:2.6vw;
  font-size:1.5vw;
  list-style: none; 
  color: #259df8; 
  border-bottom: 1px solid #259df8; 
}
div.work_toi_1 {
  width:7.2%;
  text-align: left;
  font-weight: bold;
  float:left;
}
div.work_toi_2 {
  width:92.8%;
  text-align: left;
  font-weight: bold;
  float:left;
}
div.work_toi_3 {
  width:100%;
  text-align: center;
  color: #000000; 
}

div.box_1 {
  width:100%;
  padding:0;
  margin:0 auto;
}

div.second {
  position: relative;
  width:94%;
  height:auto;
  margin:2% auto; 
  list-style: none; 
}

div.box_1_1 {
  width:30%;
  float:left;
  padding-top:1%;
  padding: 20px;
  text-align: center;
}

div.box_1_1 img {
  width:50%;
}

div.box_1_2 {
  position: absolute;
  top:4vw;
  left:26%;
  width:70%;
  float:left;
  text-align: center;
}

div.content div.tabbox_contents ul {
  width:92.7%;
  margin: 1% 2% 2% 2%; 
  list-style: none; 
}

div.content div.tabbox_contents li {
  width:70%;
  text-align:left;
  font-weight:bolder;
  list-style: none; 
}

div.content div.tabbox_contents li.detail {
  font-weight:normal;
}

div.content div.tabbox_contents a {
  text-decoration:none;
}

div.content div.tabbox_contents ul img{
  width:18%;
  position:absolute;
}

}

@media screen and (max-width: 750px) {

div.content ul.box_detail {
  width:86%;
  padding-top:0;
  margin:0 auto;
  margin-bottom:3vw;
}

p.comment {
  line-height: 7vw;
  font-size: 5vw;
  margin:3vw 0;
  font-weight:bold;
  margin-left:2%;
}

div.work_toi {
  margin:5vw 0;
  width:100%;
}
div.work_toi_0 {
  width:90%;
  margin:0 auto;
  line-height:6.8vw;
  font-size: 5vw;
  list-style: none; 
  color: #259df8; 
  border-bottom: 1px solid #259df8; 
}
div.work_toi_1 {
  width:20%;
  text-align: left;
  font-weight: bold;
  float:left;
}
div.work_toi_2 {
  width:80%;
  text-align: left;
  font-weight: bold;
  float:left;
}
div.work_toi_3 {
  width:100%;
  text-align: center;
  color: #000000; 
}

div.box_1 {
  width:100%;
  padding:0;
  margin:0 auto;
}


div.second {
  position: relative;
  width:94%;
  height:auto;
  margin:2% auto; 
  list-style: none; 
}

div.box_1_1 {
  width:30%;
  float:left;
  padding-top:5%;
  text-align: center;
}

div.box_1_1 img {
  width:100%;
}

div.box_1_2 {
  width:70%;
  float:left;
  text-align: center;
}

div.content div.tabbox_contents ul {
  width:90%;
  padding: 10px 13px;
  margin: 4% 2% 4% 1%; 
  list-style: none; 
}

div.content div.tabbox_contents li {
  width:100%;
  text-align:left;
  font-weight:bolder;
  list-style: none; 
}

div.content div.tabbox_contents li.detail {
  font-weight:normal;
}

div.content div.tabbox_contents a {
  text-decoration:none;
}

div.content div.tabbox_contents ul img{
  width:30%;
  position:absolute;
  margin-top:5%;
}

}