#content .sortbox,
#content .searchbox {
  background: #fff;
  border: 1px solid #000099;
  margin: 0 10px 10px;
  text-align: center;
}

.sortbox p,
.searchbox p {
  background: #0c45a5;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 15px 25px 15px 2em;
  position: relative;
  text-align: left;
}

.sortbox p::after,
.searchbox p::after {
  content: '';
  height: 32px;
  position: absolute;
  right: 5px;
  top: 7px;
  width: 32px;
}

.sortbox p::after,
.searchbox p::after {
  background: url(/assets/images/parts/sp_icon_arrow2.png) no-repeat 5px 50%;
  background-size: 12px 11px;
}

.sortbox p.open::after,
.searchbox p.open::after {
  background: url(/assets/images/parts/sp_icon_arrow4.png) no-repeat 5px 50%;
  background-size: 12px 11px;
}

.sortbox .box,
.searchbox .box {
  display: none;
}

.sortbox dl {
  padding: 10px 10px 5px;
}

.sortbox dt {
  border: 1px solid #000099;
  border-radius: 5px;
  clear: both;
  float: left;
  line-height: 58px;
  width: 75px;
}

.sortbox dd {
  line-height: 25px;
  margin: 0 0 5px 80px;
  overflow: hidden;
}

.sortbox dd a {
  border: 1px solid #000099;
  border-radius: 5px;
  display: block;
}

.sortbox dd a.active {
  background: #ffd;
}

.sortbox .reset,
.searchbox .reset {
  background: #efefef;
  border: 1px solid #000099;
  border-radius: 10px;
  display: block;
  font-size: 123%;
  font-weight: 700;
  margin: 0 auto 10px;
  width: 50%;
}

.sortbox .reset a,
.searchbox .reset a {
  color: #000000;
  display: block;
  padding: 16px 0;
  text-align: center;
}

.searchbox ul {
  margin-bottom: 10px;
  text-align: left;
}

.searchbox ul label,
.searchbox ul span {
  border-bottom: 1px solid #000099;
  display: block;
  padding: 15px 0 15px 15px;
}

.searchbox ul label {
  cursor: pointer;
}

.searchbox ul .active label {
  background: #ffd;
}

.searchbox ul span {
  background: #999;
  opacity: 0.5;
}

.keywordbox {
  margin: 0 10px 10px;
}

.keywordbox form {
  display: flex;
  justify-content: space-between;
}

.keywordbox__input {
  box-sizing: border-box;
  line-height: 30px;
  padding: 0 5px;
  width: calc(100% - 4.5em);
}

.keywordbox__submit {
  line-height: 30px;
  width: 4em;
}

#content ul.ladylist {
  margin-bottom: 10px;
}

#content ul.ladylist>li {
  border-bottom: 1px solid #000099;
}

#content ul.ladylist.searchOn>li:first-child {
  border-top: 1px solid #000099;
}

#content ul.ladylist li a {
  color: #000000;
  display: block;
  padding: 10px;
}

#content ul.ladylist li figure {
  display: block;
  float: left;
  height: 133px;
  overflow: hidden;
  width: 100px;
}

#content ul.ladylist li figure img {
  max-height: 100%;
  max-width: 100%;
}

#content ul.ladylist li .txtData {
  padding: 0 15px 0 110px;
}

#content ul.ladylist li .catch {
  margin-bottom: 4px;
}

#content ul.ladylist li h2 {
  color: #000066;
  font-size: 100%;
  margin-bottom: 4px;
}

#content ul.ladylist li .new {
  margin-right: 3px;
  vertical-align: middle;
}

#content ul.ladylist li .age {
  margin-bottom: 4px;
}

#content ul.ladylist li .size {
  margin-bottom: 4px;
}

#content ul.ladylist li .types li {
  border: 1px solid #000099;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: 90%;
  margin: 0 1% 3px 0;
  overflow: hidden;
  padding: 1px 0;
  text-align: center;
  white-space: nowrap;
  width: 49.5%;
}

#content ul.ladylist li .types li:nth-child(2n) {
  margin-right: 0;
}

#content ul.ladylist li .schedule,
#content ul.ladylist li .place,
#content ul.ladylist li .ladyplace {
  background: #999;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 4px;
  padding: 2px 0;
  text-align: center;
}

#content ul.ladylist li .schedule .timezone,
#content ul.ladylist li .schedule .comment {
  display: block;
}

#content ul.ladylist li .standby {
  background: #999;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 4px;
  padding: 2px 0;
  text-align: center;
}

#content ul.ladylist li .icons li {
  display: inline-block;
}

#content ul.ladylist li .sns {
  display: flex;
}

#content ul.ladylist li .sns li {
  margin-right: 5px;
}

#content ul.ladylist li .sns li:last-child {
  margin-right: 0;
}

#content ul.ladylist li .sns span {
  background-size: contain;
  display: block;
  height: 32px;
  width: 32px;
}

#content ul.ladylist li .sns li.twitter span {
  background-image: url(/assets/images/parts/icon_sns_x.png);
}

#content ul.ladylist li .sns li.threads span {
  background-image: url(/assets/images/parts/icon_sns_threads.png);
}

#content ul.ladylist li .sns li.bluesky span {
  background-image: url(/assets/images/parts/icon_sns_bluesky.png);
  border-radius: 6px;
}

#content ul.ladylist li .sns li.instagram span {
  background-image: url(/assets/images/parts/icon_sns_instagram.png);
}

#content ul.ladylist li .sns li.blog span {
  background-image: url(/assets/images/parts/icon_sns_blog.png);
}
