section {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  margin: 10px 0 20px;
}

section.threadListWrap .categoryNameTitle,
section.threadListWrap h4,
.kakolog-threads  section.threadListWrap h3 {
  background: url(/img/common/bg_newThreadList.png) no-repeat left bottom;
  background-size: 80%;
  border: none;
  color: #1a2d78;
  font-size: 2.2em;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #1a2d78;
  box-shadow: 0px 1px 0 #595757;
}

#container section.newThreadList h4 {
  background: url(/img/common/bg_newThreadList.png) no-repeat left bottom;
  background-size: 81%;
  padding: 0 0 0 10px;
  font-size: 2.2em;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 1px #173174, -1px -1px 1px #173174, -1px 1px 1px #173174, 1px -1px 1px #173174, 1px 1px 1px #173174, -1px -1px 1px #173174, -1px 1px 1px #173174, 1px -1px 1px #173174, 2px 2px 1px #173174, -2px -2px 1px #173174, -2px 2px 1px #173174, 2px -2px 1px #173174, 0px 0px 3px #173174, 0px 0px 3px #173174, 0px 0px 3px #173174, 3px 3px 1px #666;
}



#container section.newThreadList h4:before {
    content: "";
    display: inline-block;
    background: url(/img/common/moon.png) no-repeat left bottom;
    width: 6%;
    min-height: 39px;
    margin: 0 0px -5px 0;
    background-size: contain;
}

#container section.newThreadList h4 span:first-letter {
  font-size: 1.2em;
}

.thread-detail section.threadListWrap .categoryNameTitle {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
}


.thread-detail section.threadListWrap .categoryNameTitle {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
}




section.threadListWrap .textListWrap li .listTextWrap div.commentNumber i {
  color: #1a2d78;
}



 section.threadListWrap ul.textListWrap {
    list-style: none;
    margin: 0 1%;
    padding: 0;
    width: 98%;
    float: left;
}

/*#jobSearchWrap .searchWrap,
#mainWrap .sideMenu .BulletinBoardListMenu,
#mainWrap .sideMenu .BulletinBoardList {
  display: block;
}*/

#mainWrap .sideMenu.menuFooterBlock .BulletinBoardListMenu,
#mainWrap .sideMenu.menuFooterBlock .BulletinBoardList {
  display: block;
}


.top section.threadListWrap ul.textListWrap {
    margin: 0;
    width: 100%;
}
.top section.threadListWrap ul.textListWrap li a{
    display: block;
    overflow: hidden;
    padding: 7px 10px 6px;
}
section.newNewsList .allLinstLinkImage {
    border: 1px solid #e51373;
}
section.newNewsList .allLinstLinkImage a {
  color: #e51373;
  font-size: 12px;
}
section.newNewsList .textListWrap li .listPhotoWrap div.commentDate {
  float: right;
  width: auto;
}
section.newNewsList .textListWrap li .listPhotoWrap div.commentNumber,
section.newNewsList .textListWrap li .listPhotoWrap div.dateText{
  right: 13%;
  width: auto;
  position: inherit;
  margin: 0 5px 0 0;
  float: left;
  font-size:0.8em
}
section.newNewsList .textListWrap li .listPhotoWrap div.commentNumber i {
  color: #1a2d78;
}
section.newNewsList .textListWrap li .listPhotoWrap div i {
  font-size: 1em;
  margin: 0 3px 0 0;
  vertical-align: middle;
}
section.newNewsList .textListWrap li .listPhotoWrap div.dateText i {
  color: #e95513;
  margin: 0 1px 0 0;
}

section.threadListWrap ul.textListWrap li {
    border-bottom: 1px dashed #ccc;
}

.top section.threadListWrap ul.textListWrap li:hover,
.top section.threadListWrap ul.textListWrap li:nth-child(even):hover{
  background: #1a2d78;
  color: #fff;
}

.top section.threadListWrap .textListWrap li:hover .listTextWrap div.commentNumber i,
.top section.threadListWrap ul.textListWrap li:hover a,
.thread-list section.threadListWrap .textListWrap li:hover .listTextWrap div.commentNumber i,
.thread-list section.threadListWrap ul.textListWrap li:hover a {
  color: #fff;
}

.top section.threadListWrap ul.textListWrap li:nth-child(even),
.thread-list section.threadListWrap ul.textListWrap li:nth-child(even) {
  background: none;
}

section.newThreadList .allLinstLinkImage {
  border: 1px solid #1a2d78;
  background: -moz-linear-gradient(50% 0% -90deg, #fbfbfb 0%, rgba(157, 178, 255, 0.07) 13%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #fbfbfb), color-stop(0.13, rgba(157, 178, 255, 0.07)));
  top: 17px;
}

section.newThreadList .allLinstLinkImage a {
  color: #1a2d78;
  font-size: 12px;
}

section.newThreadList .allLinstLinkImage:hover {
  background: #1a2d78;
}


section.newWomanleJobList ul.textListWrap li,
section.newBoyleJobList ul.textListWrap li {
    border-bottom: 1px dashed #ccc;
}
section.newWomanleJobList ul.textListWrap li a,
section.newBoyleJobList ul.textListWrap li a {
    padding: 7px 10px 6px;
    display: block;
    overflow: hidden;
}

section.newWomanleJobList ul.textListWrap li:hover,
section.newWomanleJobList ul.textListWrap li:nth-child(even):hover {
  background: #F3899C;
  color: #fff;
}

section.newBoyleJobList ul.textListWrap li:hover,
section.newBoyleJobList ul.textListWrap li:nth-child(even):hover {
  background: #2ca5e0;
  color: #fff;
}

section.newWomanleJobList ul.textListWrap li:hover a,
section.newWomanleJobList ul.textListWrap li:hover a p,
section.newBoyleJobList ul.textListWrap li:hover a,
section.newBoyleJobList ul.textListWrap li:hover a p {
  color: #fff;
}


section .allLinstLink {
  position: absolute;
  right: 10px;
  top: 6%;
  padding: 0;
  text-align: right;
}

section .allLinstLinkImage {
  position: absolute;
  right: 5px;
  top: 8px;
  padding: 0;
  text-align: right;
  border: 1px solid #ff8a9f;
  background: -moz-linear-gradient(50% 0% -90deg, #fbfbfb 0%, rgba(255, 157, 163, 0.08) 13%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #fbfbfb), color-stop(0.13, rgba(255, 157, 163, 0.08)));
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px #ccc;
}
section .allLinstLinkImage a{
  padding: 3px 10px 2px 8px;
  display: block;
  overflow: hidden;
}
section.newBoyleJobList .allLinstLinkImage {
  border: 1px solid #2ca6e0;
  background: -moz-linear-gradient(50% 0% -90deg, #fbfbfb 0%, rgba(157, 210, 255, 0.08) 13%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #fbfbfb), color-stop(0.13, rgba(157, 210, 255, 0.08)));
}

section.newNewsList.newsListWrap .allLinstLinkImage {
  top: 24px;
}

section.newBoyleJobList .allLinstLinkImage a {
  color: #2ca6e0;
  font-size: 12px;
}

section.newWomanleJobList .allLinstLinkImage a {
  color: #ff8a9f;
  font-size: 12px;
}

section .allLinstLinkImage:hover {
  background: #ff8a9f;
}

section.newBoyleJobList .allLinstLinkImage:hover {
  background: #2ca6e0;
}

section.newBoyleJobList ul.textListWrap li {
    border-bottom: 1px dashed #ccc;
}

section.newBoyleJobList ul.textListWrap li a {
  padding: 7px 10px 6px;
  display: block;
  overflow: hidden;
}

section.newBoyleJobList ul.textListWrap li:hover,
section.newBoyleJobList ul.textListWrap li:nth-child(even):hover {
  background: #ffc4cf;
  background: #2CA6E0;
  color: #fff;
}

section.newBoyleJobList ul.textListWrap li:hover a,
section.newBoyleJobList ul.textListWrap li:hover a p {
  color: #fff;
}


section .allLinstLinkImage:hover a {
  color: #fff
}

section .allLinstLinkImage:hover a img {
     -webkit-filter: brightness(2);
     -moz-filter: brightness(2);
     -o-filter: brightness(2);
     -ms-filter: brightness(2);
     filter: brightness(2);
}

section.newWomanleJobList {
}

section.newWomanleJobList ul.textListWrap,
section.newBoyleJobList ul.textListWrap {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}

section.newWomanleJobList ul.textListWrap li:nth-child(even),
section.newBoyleJobList ul.textListWrap li:nth-child(even) {
  background: none;
}
section.newWomanleJobList h3 {
  background: url(/img/common/bg_newWomanleJobListTitle.png) no-repeat left bottom;
  background-size: 80%;
  border: none;
  padding: 0 0 0 10px;
  font-size: 2.2em;
  color: #ff8a9f;
  border-bottom: 1px solid #ff8a9f;
  box-shadow: 0px 1px 0 #595757;
}
section.newWomanleJobList h4 {
  background: url(/img/common/bg_newWomanleJobListTitle.png) no-repeat left bottom;
  background-size: 80%;
  border: none;
  padding: 0 0 0 10px;
  font-size: 2.2em;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #ff8a9f;
  box-shadow: 0px 1px 0 #595757;
  line-height: 1.2em;
  text-shadow: 1px 1px 1px #ff8a9f, -1px -1px 1px #ff8a9f, -1px 1px 1px #ff8a9f, 1px -1px 1px #ff8a9f, 1px 1px 1px #ff8a9f, -1px -1px 1px #ff8a9f, -1px 1px 1px #ff8a9f, 1px -1px 1px #ff8a9f, 2px 2px 1px #ff8a9f, -2px -2px 1px #ff8a9f, -2px 2px 1px #ff8a9f, 2px -2px 1px #ff8a9f, 0px 0px 3px #ff8a9f, 0px 0px 3px #ff8a9f, 0px 0px 3px #ff8a9f, 3px 3px 1px #666;
}
section.newWomanleJobList h4 span {
  transform: scale(0.9, 1);
}
section.newWomanleJobList h3:before,
section.newWomanleJobList h4:before {
  display :none;
}
section.newWomanleJobList h3:first-letter,
section.newWomanleJobList h4:first-letter {
  font-size: 1.2em;
}

section.newBoyleJobList h3 {
  background: url(/img/common/bg_newHostNewsTitle.png) no-repeat left bottom;
  background-size: 80%;
  border: none;
  color: #2ca6e0;
  font-size: 2.2em;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #2ca6e0;
  box-shadow: 0px 1px 0 #595757;
}
section.newBoyleJobList h4 {
  background: url(/img/common/bg_newHostNewsTitle.png) no-repeat left bottom;
  background-size: 80%;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 2.2em;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #2ca6e0;
  box-shadow: 0px 1px 0 #595757;
  line-height: 1.2em;
  text-shadow: 1px 1px 1px #2ca6e0, -1px -1px 1px #2ca6e0, -1px 1px 1px #2ca6e0, 1px -1px 1px #2ca6e0, 1px 1px 1px #2ca6e0, -1px -1px 1px #2ca6e0, -1px 1px 1px #2ca6e0, 1px -1px 1px #2ca6e0, 2px 2px 1px #2ca6e0, -2px -2px 1px #2ca6e0, -2px 2px 1px #2ca6e0, 2px -2px 1px #2ca6e0, 0px 0px 3px #2ca6e0, 0px 0px 3px #2ca6e0, 0px 0px 3px #2ca6e0, 3px 3px 1px #666;
}
section.newBoyleJobList h3:before,
section.newBoyleJobList h4:before {
  display :none;
}
section.newBoyleJobList h3:first-letter,
section.newBoyleJobList h4:first-letter {
  font-size: 1.2em;
}

section.newHostNewsList {

}

section.newHostNewsList h3 {
    background: url(/img/common/bg_newHostNewsTitle.png) no-repeat left bottom;
  background-size: 80%;
  border: none;
  color: #2ca6e0;
  font-size: 2.2em;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #2ca6e0;
  box-shadow: 0px 1px 0 #595757;

}

section.newHostNewsList ul.textListWrap li:nth-child(even) {
  background: rgba(24, 41, 135, 0.1);
}

section.newHostNewsList ul.textListWrap {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}

section.newHostNewsList ul.textListWrap li:nth-child(even) {
  background: none;
}

section.newHostNewsList ul.textListWrap li {
}

section.newHostNewsList ul.textListWrap li div.titleText {
  width: 50%;
}

section.newHostNewsList ul.textListWrap li div.newsMainText {
  width: 40%;
  overflow: hidden;
  padding: 0 0 0 8px;
}

section.newHostNewsList ul.textListWrap li div.newsMainText p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}
section.newHostNewsList ul.textListWrap li:hover,
section.newHostNewsList ul.textListWrap li:nth-child(even):hover {
  background: #95d2ef;
  color: #fff;
}

.top .jobSearchFooterWrap .searchWrap {
  display: none;
}


@media screen and (min-width: 768px){

  section.newWomanleJobList ul.textListWrap li:hover,
  section.newWomanleJobList ul.textListWrap li:nth-child(even):hover,
  section.newWomanleJobList ul.textListWrap li:hover a,
  section.newWomanleJobList ul.textListWrap li:hover a p,
  .newWomanleJobList .textListWrap li:hover .listTextWrap .styleText span,
  .newWomanleJobList .textListWrap li:hover .listTextWrap div.titleText.textShopName p span {
  }

  section.newWomanleJobList ul.textListWrap li:hover a,
  section.newWomanleJobList ul.textListWrap li:hover a p,
  .newWomanleJobList .textListWrap li:hover .listTextWrap .styleText span,
  .newWomanleJobList .textListWrap li:hover .listTextWrap div.titleText.textShopName p span,
  .newBoyleJobList .textListWrap li:hover .listTextWrap .styleText span,
  .newBoyleJobList .textListWrap li:hover .listTextWrap div.titleText.textShopName p span {
    color: #fff;
  }

  .newWomanleJobList .textListWrap li:hover .listTextWrap .styleText span,
  .newWomanleJobList .textListWrap li:hover .listTextWrap div.titleText.textShopName p span {
  }


}


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


  section.newNewsList.newsListWrap .allLinstLinkImage {
    top: 8px;
  }

}


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

  section .allLinstLink {
    clear: both;
    position: inherit;
    text-align: left;
    margin: 10px 10px 0;
    right: auto;
  }


section.threadListWrap ul.textListWrap,
section.newWomanleJobList ul.textListWrap,
section.newHostNewsList ul.textListWrap {
}


}


/*===== newThreadList list typeC =====*/

.textListWrap {
  list-style: none;
  margin: 0;
  padding: 0;
}

.textListWrap li {
  padding: 3px;
  float: left;
  width: 100%;
}

.textListWrap li:nth-child(even) {
  background: #eee;
}

.textListWrap li .listTextWrap {
  width: 100%;
  position: relative;
}

.textListWrap li .listTextWrap div {
  display: inline-block;
  float: left;
}

.textListWrap li .listTextWrap div.listNumber {
    font-size: 13px;
/*    width: 1.5em;*/
  width: auto;
}

.textListWrap li .listTextWrap div.titleText {
  width: 40%;
  overflow: hidden;

}

.textListWrap li .listTextWrap div.titleText a {
  padding: 0;
}

.textListWrap li .listTextWrap div.newText {
  width: 35%;
  overflow: hidden;
}



.textListWrap li .listTextWrap div.commentNumber {
  width: 9%;
  right: 10%;
  position: absolute;
}

.textListWrap li .listTextWrap div.dateText {
  width: 9%;
  text-align: right;
  right: 15px;
  position: absolute;
}

.textListWrap li .listTextWrap div.newText p,
.textListWrap li .listTextWrap div.commentNumber,
.textListWrap li .listTextWrap div.dateText {
  font-size: 0.8em;
}

.textListWrap li .listTextWrap div.newText p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.textListWrap li .listTextWrap div.titleText p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.textListWrap li .listTextWrap div.ipText {
  font-size: 12px;
}


.textListWrap li .listTextWrap div i {
  font-size: 1em;
  margin: 0 3px 0 0;
  vertical-align: middle;
}

.textListWrap li .listTextWrap div.dateText i {
  color: #e95513;
  margin: 0 1px 0 0;
}
.top .textListWrap li:hover .listTextWrap div.dateText i,
.thread-list .textListWrap li:hover .listTextWrap div.dateText i {
  color: #fff;
}
.textListWrap li .listTextWrap div p {
  margin: 0;
}

.allLinstLink:before {
  content: "\f101";
  font-family: FontAwesome;
}

.newWomanleJobList .textListWrap li .listTextWrap div.titleText.textShopName p span,
.newBoyleJobList .textListWrap li .listTextWrap div.titleText.textShopName p span {
  border: 1px solid;
  color: #1a8c1a;
  display: block;
  float: left;
  padding: 0 5px;
  margin: 0 3px 0 0;
  background: transparent;
}


@media screen and (min-width: 768px){

  .textListWrap li .listTextWrap div.dateText {
    width: auto;
    position: inherit;
    float: right;
    right: 0;
  }

  .textListWrap li .listTextWrap div.commentNumber {
    right: 13%;
    width: auto;
    position: inherit;
    margin: 0 5px 0 0;
    float: left;
  }

.textListWrap li .listTextWrap div.commentDate {
  float: right;
  width: auto;
}

  .textListWrap li .listTextWrap div.titleText {
    width: 72%;
  }
  .textListWrap li .listTextWrap div.titleText p {
    font-weight: bold;
    font-size: 13px;
  }

section.newWomanleJobList ul.textListWrap li a,
section.newBoyleJobList ul.textListWrap li a {
    padding: 7px 10px 2px;
}



}

@media screen and (max-width: 767px){
  section {
    margin: 10px 0 5px;
  }
  section .allLinstLinkImage {
    top: 3px;
  }

  .textListWrap li .listTextWrap div.dateText {
    width: 25%;
  }

  .textListWrap li .listTextWrap div.pcOnly {
/*    display: none;*/
  }

  .textListWrap li .listTextWrap div.pcOnly p {
    font-size: 9px;
    position: absolute;
    top: 17px;
    left: 42%;
    letter-spacing: -0.5px;
    text-align: left;
    width: 32%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .textListWrap li .listTextWrap div.pcOnly p:first-child {
    display: none;
  }

  .textListWrap li .listTextWrap div.titleText {
    width: 90%;
    overflow: hidden;
    padding-left: 5px;
  }

  .textListWrap li .listTextWrap div.newText p,
  .textListWrap li .listTextWrap div.commentNumber,
  .textListWrap li .listTextWrap div.dateText {
    font-size: 9px;
  }

  .textListWrap li .listTextWrap div.commentNumber {
    position: absolute;
    float: left;
    font-size: 9px;
    top: 18px;
    text-align: left;
    right: 20%;
/*    width: 15%;
    width: 4.5em;*/
  }

  .textListWrap li .listTextWrap div.commentDate {
    float: right;
  }

  .textListWrap li .listTextWrap div.commentDate div.dateText {
    float: right;
    position: inherit;
    padding: 0;
    width: auto;
}

  .textListWrap li .listTextWrap div.commentDate div.commentNumber {
    width: auto;
    position: inherit;
    margin: 0 4px 0 0;
  }

  .textListWrap li .listTextWrap div.dateText {
    max-width: 6em;
    float: right;
    position: absolute;
    padding: 0;
    top: 18px;
    right: 5px;
  }
  .textListWrap li{
    padding: 0;
  }
  .textListWrap li a{
    padding: 3px;
  }
  section.newWomanleJobList ul.textListWrap li a,
  section.newBoyleJobList ul.textListWrap li a {
    padding: 5px;
  }
  .textListWrap li .listTextWrap div.titleText p{
    font-size:13px;
    font-weight: bold;
    margin: 3px 0 0px;
    line-height: 1em;
  }
  .newThreadList .textListWrap li .listTextWrap div.titleText p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 0 3px;
  }
  .newWomanleJobList .textListWrap li .listTextWrap div.titleText.textShopName p,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText.textShopName p {
    font-weight: normal;
    font-size: 9px;
  }
  .textListWrap li .listTextWrap div.listNumber{
    padding: 0;
    border-right: solid 1px #ccc;
    width: 30px;
    text-align: center;
    line-height: 2.4em;
  }

}


/*===== end newThreadList list typeC =====*/



/*===== newThreadList list typeD =====*/

.textListWrap li .listTextWrap .styleText {
  width: 45%;
}
.textListWrap li .listTextWrap .styleText p {
  display: inline-block;
  float: left;
  width: 15em;
  font-size: 11px;
  box-sizing: border-box;
  margin: 0 5px;

}
.textListWrap li .listTextWrap .styleText span {
}

.newWomanleJobList .textListWrap li .listTextWrap .styleText span,
.newBoyleJobList .textListWrap li .listTextWrap .styleText span {
  border: 1px solid;
  color: #e95513;
  padding: 0 5px;
  margin: 0 3px 0 0;
}


.newWomanleJobList .textListWrap li:hover a,
.newWomanleJobList .textListWrap li:hover a p,
.newBoyleJobList .textListWrap li:hover a,
.newBoyleJobList .textListWrap li:hover a p {
  color: #e51373;
}



section.newsListWrap {
}

section.newsListWrap h4 {
  background: url(/img/common/lip.png) no-repeat left center;
  border-bottom: 2px solid #e51373;
  box-shadow: 0px 1px 0 #595757;
  font-size: 2.2em;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 1px #E04D8D, -1px -1px 1px #E04D8D, -1px 1px 1px #E04D8D, 1px -1px 1px #E04D8D, 1px 1px 1px #E04D8D, -1px -1px 1px #E04D8D, -1px 1px 1px #E04D8D, 1px -1px 1px #E04D8D, 2px 2px 1px #E04D8D, -2px -2px 1px #E04D8D, -2px 2px 1px #E04D8D, 2px -2px 1px #E04D8D, 0px 0px 3px #E04D8D, 0px 0px 3px #E04D8D, 0px 0px 3px #E04D8D, 3px 3px 1px #666;
  padding: 0 0 0 20px;
  background-size: contain;
}

section.newsListWrap h4:first-letter {
  font-size: 1.2em;
}

section.newsListWrap h4:after {
    content: "";
    display: inline-block;
    background: url(/img/common/lip_s.png) no-repeat left center;
    width: 8%;
    height: 25px;
    background-size: contain;
    margin: 0 0 0 10px;
}

.custom-news-list #container section.newsListWrap h3 {
  background-image: none;
  background: none;
  width: auto;
  border-bottom: 5px solid #e51373;
  box-shadow: none;
  padding: 0 0 5px;
  font-size: 20px;
  font-weight: bold;
  color: #e51373;
}

.custom-news-list #container section.newsListWrap h3 span.fontSmallTitle {
    font-size: 14px;
    margin: 0 0 0 5px;
}

section.newsListWrap ul.textListWrap li {
  padding: 3px 10px;
}

section.newsListWrap ul.textListWrap li:nth-child(even) {
  background: rgba(255, 138, 159, 0.1);
}

section.newsListWrap ul.textListWrap li a {
  display: block;
  overflow: hidden;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap {
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .newsPhoto {
  width: 13%;
  padding: 0 10px;
  box-sizing: border-box;
  float: left;
  height: 60px;
  overflow: hidden;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .newsPhoto img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .newsPhoto img.w-long {
  height: 100%;
  width: auto;
}

section.newsListWrap ul.textListWrap li a:hover .listPhotoWrap .newsPhoto img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea {
  width: 77%;
  float: left;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea .titleText {
  overflow: hidden;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea .titleText p {
  font-weight: bold;
  border-bottom: 1px solid #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 0;
  margin: 0 0 5px;
  font-size: 13px;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea .subText {
  overflow: hidden;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea .subText br {
  display: none;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea .subText p {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .linkText {
  float: right;
  width: 8%;
  text-align: center;
}

section.newsListWrap ul.textListWrap li a .listPhotoWrap .linkText p {
  background: #5d5d5d;
  color: #fff;
  margin: 5px 0 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 12px;
  line-height: 1.3em;
  padding: 8px 0;
}

section.newsListWrap ul.textListWrap li a:hover .listPhotoWrap .linkText p {
  background: #ef6384;
}

section.newsListWrap ul.textListWrap li a:hover .listPhotoWrap .textWrapArea p {
  color:  #ef6384;
}

section.newsListWrap ul.textListWrap li a:hover .listPhotoWrap .newsPhoto {
}
section.newsListWrap ul.textListWrap li a:hover .listPhotoWrap .textWrapArea .titleText p {
  border-bottom: 1px solid #ef6384
}

.custom-news-detail section.newNewsList.threadListWrap .categoryNameTitle {
    border-bottom: 2px solid #e51373;
}

@media screen and (max-width: 767px){
  .textListWrap li .listTextWrap .styleText {
    width: 80%;
  }
  section.newsListWrap ul.textListWrap li a .listPhotoWrap .newsPhoto {
    width: 18%;
    padding: 0 2% 0 0;
    height: 45px;
  }
  section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea {
    width: 65%;
  }
  section.newsListWrap ul.textListWrap li a .listPhotoWrap .linkText {
    width: 15%;
  }
  section.newsListWrap ul.textListWrap li a .listPhotoWrap .textWrapArea .titleText p {
    font-size: 13px;
    padding: 0;
  }
   ul.textListWrap li a .listPhotoWrap .textWrapArea .subText p {
    font-size: 9px;
  }
  section.newsListWrap ul.textListWrap li a .listPhotoWrap .linkText p {
    margin: 0;
  }
  .newWomanleJobList .textListWrap li .listTextWrap .styleText span,
  .newBoyleJobList .textListWrap li .listTextWrap .styleText span {
    float: left;
  }

section.newsListWrap h4,
#container section.newThreadList h4 {
  font-size: 1.5em;
}

section.newWomanleJobList h4,
section.newBoyleJobList h4 {
  font-size: 1.8em;
}


}

/*===== end newThreadList list typeD =====*/

.newWomanleJobList .textListWrap li .listTextWrap div.titleText,
.newBoyleJobList .textListWrap li .listTextWrap div.titleText {
  width: 50%;
}

  .newWomanleJobList .textListWrap li .listTextWrap div.titleText p i,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText p i {
    color: #ef6384;
}

@media screen and (min-width: 768px){

  .newWomanleJobList .textListWrap li .listTextWrap div.titleText,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText {
    width: 85%;
  }
  .newWomanleJobList .textListWrap li .listTextWrap div.titleText.textShopName,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText.textShopName {
    width: 38%;
  }
  .newWomanleJobList .textListWrap li .listTextWrap div.titleText.textShopName p,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText.textShopName p {
    font-weight: normal;
    font-size: 11px;
    margin: 1px 0 0;
  }

  section.newNewsList.newsListWrap span img {
    height: 40px;
    margin: 0 0 1px;
  }

  section.newWomanleJobList span img,
  section.newBoyleJobList span img,
  section.newThreadList.threadListWrap span img {
    height: 40px;
    margin: 0 0 4px;
  }

  .newWomanleJobList .textListWrap li .listTextWrap div.titleText p i,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText p i {
    font-size: 15px;
  }
  .textListWrap li .listTextWrap .styleText {
    margin: 2px 0 0;
  }

}





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

  .newWomanleJobList .textListWrap li .listTextWrap div.titleText,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText {
    clear: both;
    width: 100%;
    margion: 0 0 1px;
  }
  .newWomanleJobList .textListWrap li .listTextWrap div.titleText p i,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText p i {
    color: #ef6384;
    font-size: 13px;
    margin: 0 2px 0 -2px;
    vertical-align: sub;
}
  .textListWrap li .listTextWrap div {
}
.newWomanleJobList .textListWrap li .listTextWrap div.dateText,
.newBoyleJobList .textListWrap li .listTextWrap div.dateText {
  float: right;
}


  section.newsListWrap {
    padding: 0;
  }
  section.newsListWrap h3 {
  }
  section.newsListWrap h3 span {
  }

  section.newThreadList {

  }

  #container section.newThreadList h4 {
    background: url(/img/common/bg_newThreadList_sp.png) no-repeat left bottom;
    background-size: 75%;
  }
  section.newThreadList span {

  }

  section.newNewsList.newsListWrap span img,
  section.newWomanleJobList span img,
  section.newBoyleJobList span img {
    height: 40px;
    margin: 0 0 1px;
  }

  section.newThreadList.threadListWrap span img {
    height: 40px;
    margin: 0 0 4px;
  }

  section.newThreadList ul {

  }

  section.newsListWrap ul.textListWrap li {
  }
  section.newsListWrap ul.textListWrap li:last-child {
  }

  section.newWomanleJobList,
  section.newBoyleJobList {
    border: none;
    background: none;
  }
  section.newWomanleJobList h3:before {
    display :none;
  }
  section.newWomanleJobList h3 {
    background: url(/img/common/bg_newWomanleJobListTitle_sp.png) no-repeat left bottom;
    background-size: 75%;
    border: none;
    padding: 0 3% 3px;
    font-size: 2.2em;
    color: #fff;
  }
  section.newWomanleJobList .textListWrap li .listTextWrap div.dateText,
  section.newBoyleJobList .textListWrap li .listTextWrap div.dateText {
    top: 17px;
    max-width: 10em;
  }
  section.newWomanleJobList h3:first-letter,
  section.newBoyleJobList h3:first-letter {
    font-size: 1.2em;
  }
  section.newWomanleJobList ul,
  section.newBoyleJobList ul {
    float: left;
    width: 96%;
    background: none;
  }

  section.newWomanleJobList ul li {
  }

  section.newWomanleJobList ul li a {
  }

  section.newWomanleJobList ul.textListWrap li:nth-child(even) {
  }
  .newWomanleJobList .textListWrap li .listTextWrap div.titleText,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText {
    width: 100%;
  }

  .newWomanleJobList .textListWrap li .listTextWrap div.titleText.textShopName,
  .newBoyleJobList .textListWrap li .listTextWrap div.titleText.textShopName {
    width: 42%;
  }
  section.newWomanleJobList .allLinstLink,
  section.newBoyleJobList .allLinstLink {
    background: rgba(255, 196, 207, 0.2);
    margin: 0 2%;
    text-align: right;
    padding: 0px 10px 5px;
    color: #e51373;
  }
  section.newWomanleJobList .allLinstLink a,
  section.newBoyleJobList .allLinstLink a {
    color: #e51373;
  }


  #container section.newThreadList h4:before {
    width: 9%;
    min-height: 39px;
    margin: 0 5px -5px 0;
  }


  section.newHostNewsList {
  }
  section.newBoyleJobList h3{
    background: url(/img/common/bg_newHostNewsTitle_s.png) no-repeat left bottom;
    background-size: 75%;
    border: none;
    padding: 0 3% 3px;
    font-size: 2.2em;
    color: #fff;
  }
  section.newBoyleJobList h3:before {
    display :none;
  }

section .allLinstLinkImage {
  background: #fff !important;
}

  section.newHostNewsList ul {
    float: left;
    width: 100%;
    background: none;
  }

  section.newHostNewsList ul li {
  }

  section.newHostNewsList ul.textListWrap li a{
    padding: 5px;
  }
  section.newHostNewsList ul.textListWrap li:nth-child(even) {
  }
  section.newHostNewsList ul.textListWrap li div.titleText {
    width: 100%;
    border-bottom: 1px dashed #fff;
    height: 31px;
  }
  section.newHostNewsList .allLinstLink {
    background: rgba(0, 159, 232, 0.15);
    margin: 0 2%;
    text-align: right;
    padding: 0px 10px 5px;
    color: #182987;
  }
  section.newHostNewsList .allLinstLink a {
    color: #182987;
  }
  .top section.threadListWrap ul.textListWrap li a{
    padding: 4px 5px;
  }
  .top section.threadListWrap ul.textListWrap li:hover,
  .top section.threadListWrap ul.textListWrap li:nth-child(even):hover,
  .thread-list section.threadListWrap ul.textListWrap li:hover,
  .thread-list section.threadListWrap ul.textListWrap li:nth-child(even):hover,
  section.newWomanleJobList ul.textListWrap li:hover,
  section.newWomanleJobList ul.textListWrap li:nth-child(even):hover,
  section.newBoyleJobList ul.textListWrap li:hover,
  section.newBoyleJobList ul.textListWrap li:nth-child(even):hover {
    background: #fff;
    color: inherit;
  }
  .top section.threadListWrap .textListWrap li:hover .listTextWrap div.commentNumber i,
  .top section.threadListWrap ul.textListWrap li:hover a,
  .thread-list section.threadListWrap .textListWrap li:hover .listTextWrap div.commentNumber i,
  .thread-list section.threadListWrap ul.textListWrap li:hover a,
  section.newWomanleJobList ul.textListWrap li:hover a,
  section.newWomanleJobList ul.textListWrap li:hover a p,
  section.newBoyleJobList ul.textListWrap li:hover a,
  section.newBoyleJobList ul.textListWrap li:hover a p {
    color: inherit;
}
  .top .textListWrap li:hover .listTextWrap div.dateText i,
  .thread-list .textListWrap li:hover .listTextWrap div.dateText i {
  color: #e95513;
  }
  section.newsListWrap .allLinstLinkImage:hover a {
    color: #e51373;
  }
  section.threadListWrap .allLinstLinkImage:hover a {
    color: #1a2d78;
  }
  section.newWomanleJobList .allLinstLinkImage:hover a {
    color: #ff8a9f;
  }
  section.newBoyleJobList .allLinstLinkImage:hover a {
    color: #2ca6e0;
  }
  section .allLinstLinkImage:hover a img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    -o-filter: inherit;
    -ms-filter: inherit;
    filter: inherit;
  }

}

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

  section.newNewsList.newsListWrap span img,
  section.newThreadList.threadListWrap span img {
    height: 38px;
    margin: 0 0 1px;
  }

}

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

  section.newThreadList.threadListWrap span img,
  section.newNewsList.newsListWrap span img {
    height: 28px;
  }

  section.newWomanleJobList span img,
  section.newBoyleJobList span img {
    height: 35px;
  }


}