/* ------------------------------
 Format, Works
------------------------------ */
#DetailPage > #ContentsWrap,
#DetailWrapper #ContentsWrap{
  padding: 107px 0 0 0;
}
#DetailPage #DetailContent,
#DetailWrapper #DetailContent{
  padding: 0 0 20px 0;
}
#DetailHeaderNav{
  display: none;
}
#DetailHeader{
  height: auto !important;
  margin: 0;
}
#DetailTitle{
  float: left;
  clear: both;
  height: auto;
  margin: 2% 2% 20px;
}
#DetailTitle .left{
  height: auto;
}
#DetailTitle .left,
#DetailTitle .right{
  margin: 0 10px;
}
#DetailTitle .left h1 {
  margin: 10px 0 10px 0;
}
#DetailTitle .right{
  float: left;
  clear: both;
  height: 25px;
}
#DetailTitle .right dt{
  clear: none;
  width: auto;
  padding: 0 0 0 17px;
}
#DetailTitle .right dd{
  width: auto;
  margin: 8px 5px 0 0;
}
#DetailTitle .right dt span{
  display: none;
}
#Detail{
  margin: 0;
  border: none;
}
#Detail >div{
  margin: 0;
}
.workComment{
  margin: 0 0 25px 0;
}

#ButtonWrapSp{
  width: 96%;
  margin: 0 auto;
  padding: 0;
  float: none;
}

#DetailDataSp li{
  width: 100%;
  box-sizing: border-box;
}

.textareaWrapper{
  float: none;
  margin: 10px -62px 0 0;
}

#OtherWork .thumb a{
  line-height: 0;
}
#OtherWork .itemStatus{
  display: none;
}



/* ------------------------------
 Download
------------------------------ */
#DownloadWrapSP {
  width: 96%;
  margin: 0 auto 25px auto;
  padding: 0;
  float: none;
}

#DetailContent.download #DetailTitle {
  height: auto;
}
#DetailContent.download #DetailTitle .left {
  height: auto;
}



/* ------------------------------
 Event
------------------------------ */
#DetailHeader.event #DetailTitle {
  height: auto;
  margin: 30px 2% 20px;
}
#DetailHeader.event #DetailTitle .left {
  height: auto;
  margin: 0 10px;
}
#DetailHeader.event #DetailTitle .right{
  height: 35px;
}
#DetailLeft tr{
  display: table;
  width: 100%;
}
#DetailLeft td.tableTitle {
  display: table-caption;
  padding: 10px 0px 0 0;
  text-align: left;
}
#DetailLeft td.tableDetail {
  padding: 10px 0;
}