@charset "utf-8";
/****************************************
*
*</rs_v2/characters/css/search.css>
*
****************************************/
.gs_search_box {
  position: relative;
  margin-top: 30px;
}

.gsb_box_tab {
  overflow: hidden;
}

.flBtn a {
  display: block;
  padding: 7px 12px;
  background: #f485a1;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.flBtn a:hover {
  background-color: #e65c7a;
}

.flGrBtn a,
.flGrBtn .currentBtn {
  display: block;
  padding: 7px 12px;
  background: #d9dbde;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.flGrBtn a:hover,
.flGrBtn .currentBtn {
  background-color: #f485a1;
}

.gsb_box_tab li {
  float: left;
  border-left: 1px solid #fff;
  font-size: 14px;
  cursor: pointer;
}
.gsb_box_tab li:first-child {
  border-left: 1px solid #fff;
}
.gsb_box_tab li a {
  display:  block;
  width: 93px;
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  background: #f485a1;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.gsb_box_tab li a:hover {
  background-color: #e65c7a;
  color: #fff;
}
.gsb_box_tab li.current a {
  background: #fff;
  color: #2b2b2d;
  border-left: 1px solid #fff;
}

.gsb_box_cont {
  display: none;
}
.gsb_box_cont.current {
  display: block;
}

.relationSearch,
.characterSearch {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 216px;
  font-size: 10px;
}

.characterSearch {
  width: 329px;
}

.relationSearch p,
.characterSearch p {
  margin-bottom: 3px;
}

.relationSearch li,
.characterSearch li {
  float: right;
  width: 103px;
  margin-left: 10px;
}

.relationSearch li:last-child,
.characterSearch li:last-child {
  margin-left: 0;
}

.gsb_box_cont {
  display: none;
  padding: 20px;
  background: #fff;
}

#tab_content_keyword .form {
  float: left;
  width: 480px;
  margin-top: 38px;
  margin-bottom: 38px;
}

#tab_content_keyword .fm_srch {
  width: 340px;
}

#tab_content_keyword .recommendBlock {
  float: right;
  width: 300px;
  padding: 20px;
  background: #f9e1e7;
  border-radius: 3px;
}

#tab_content_keyword .recommendBlock p {
  font-size: 10px;
}

#tab_content_keyword .recommendBlock .words li {
  display: inline-block;
  margin-top: 9px;
  margin-right: 9px;
  padding: 3px 8px;
  background: #fff;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  *display: inline;
  *zoom: 1;
}

#tab_content_birthday ul,
#tab_content_sortBirth ul,
#tab_content_sortJapanese ul {
  overflow: hidden;
}

/* 202008 add start */
#tab_content_sortBirth ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-top: -10px;
}
/* 202008 add end */

#tab_content_birthday li,
#tab_content_sortBirth li,
#tab_content_sortJapanese li {
  float: left;
  width: 58px;
  margin-right: 10px;
}

#tab_content_sortBirth li {
  width: 168px;

  /* 202008 add start */
  float: none;
  margin-top: 10px;
  /* 202008 add end */
}

#tab_content_sortJapanese li {
  width: 77px;
}

#tab_content_birthday li:last-child,
#tab_content_sortBirth li:last-child,
#tab_content_sortJapanese li:last-child {
  margin-right: 0;
}

#tab_content_birthday li a,
#tab_content_birthday li .currentBtn,
#tab_content_sortBirth li a,
#tab_content_sortBirth li .currentBtn,
#tab_content_sortJapanese li a,
#tab_content_sortJapanese li .currentBtn {
  padding: 14px;
  text-align: center;
}

#tab_content_features {
  overflow: hidden;
  padding: 0;
  background: none;
}

#tab_content_features .currentItem {
  float: left;
  width: 270px;
  padding-bottom: 13px;
  background: url(/rs_v2/characters/img/bg_arrow_white_bottom.png) 121px bottom no-repeat;
}

#tab_content_features .currentItem .currentInner {
  overflow: hidden;
  height: 214px;
  border-right: 1px solid #e6e6e6;
  background: #fff;
}


#tab_content_features .currentItem .currentInner .featuresCurrent {
  display: none;
}
#tab_content_features .currentItem .currentInner .featuresCurrent.active {
  display: block;
}

#tab_content_features .currentItem .currentInner .img {
  float: left;
  width: 127px;
  margin: 36px 2px 0 12px;
}

#tab_content_features .currentItem .currentInner .txt {
  float: left;
  width: 110px;
  margin: 66px 0 0 0;
  font-size: 12px;
}

#tab_content_features .currentItem .currentInner .txt .ttl {
  font-size: 14px;
  font-weight: bold;
}

#tab_content_features .typeList {
  float: left;
  width: 634px;
  height: 205px;
  padding-top: 10px;
  border-left: 10px solid #f7f7f7;
  background: #fff;
}

#tab_content_features .features {
  overflow: hidden;
  margin-left: 30px;
  padding-top: 5px;
}

#tab_content_features .features li {
  float: left;
  width: 62px;
  margin-right: 13px;
  text-align: center;
}

#tab_content_features .features li:last-child {
  margin-right: 0;
}

#tab_content_features .features li.currentType a {
  color: #eB5278;
}

.resultBlock {
  margin-top: 40px;
}

.resultBlock h2 {
  font-weight: normal;
}

.resultBlock h2 .keyword {
  font-size: 24px;
  font-weight: normal;
}

.resultBlock .relationBlock {
  margin-top: 35px;
  font-size: 12px;
}

.resultBlock .relationBlock .col5 {
  overflow: hidden;
  margin-left: 0;
}

.resultBlock .relationBlock .col5 .col {
  float: left;
  width: 150px;
  margin: 20px 40px 0 0;
}


.resultBlock .relationBlock .col5 .col:last-child {
  margin-right: 0;
}

.resultBlock .relationBlock .name {
  margin-top: 5px;
}

.resultBlock .relationBlock .lead {
  font-size: 10px;
}

.enjoyContents {
  margin-top: 70px;
}

.enjoyContents .col a {
  min-height: 40px;
}

/* sort birth year */
.yearContent {
  margin-top: 20px;
}

.yearContent .hasLink {
  margin-bottom: 10px;
}

.yearContent .hasLink .ttl {
  font-size: 12px;
  font-style: normal;
}

.yearContent .hasLink .ttl em.year {
  font-size: 24px;
  font-style: normal;
}

.sectionTypeA em.year {
  font-size: 18px;
}

.sortBirthPager.btm {
  margin-top: 20px;
  text-align: right;
}

.sortBirthPager .next,
.sortBirthPager .prev {
  display: inline-block;
  background-color: #f485a1;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 1.6;
  *display: inline;
  *zoom: 1;
}

.sortBirthPager .next a,
.sortBirthPager .prev a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.sortBirthPager .next a {
  padding-right: 11px;
}

.sortBirthPager .prev {
  margin-right: 10px;
}

.sortBirthPager .prev a {
  padding-left: 11px;
}

.sortBirthPager .next a:hover,
.sortBirthPager .prev a:hover {
  background-color: #e65c7a;
}

.sortBirthPager .next a span,
.sortBirthPager .prev a span {
  display: block;
}

.sortBirthPager .next a span {
  padding: 5px 21px 5px 11px;
  background-image: url(/common_v2/img/icon_arr_right_large.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.sortBirthPager .prev a span {
  padding: 5px 11px 5px 21px;
  background-image: url(/common_v2/img/icon_arr_left_large_white.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.sectionTypeA {
  position: relative;
  z-index: 1;
}

/* what year */
#sortYearContent .chara_box a {
  text-decoration: none;
}

#sortYearContent .chara_box .blank {
  width: 192px;
}

#sortYearContent .col a:hover .arr_r_gr_s {
  background-image: url(/common_v2/img/icon_arr_right_pink_s.png);
  color: #e65c7a;
  text-decoration: none;
}

.chara_box .wyPar {
  position: static;
}

.whatYear {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 1.6;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
}
.whatYear .wrapper {
  display: block;
  padding-right: 11px;
  background-color: #f485a1;
  color: #fff;
}

.whatYear .wrapper:hover {
  background-color: #e65c7a;
}

.whatYear .wrapper .inner {
  display: block;
  padding: 5px 21px 5px 11px;
  background-image: url(/common_v2/img/icon_arr_right_large.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.whatYearCont {
  display: none;
  position: absolute;
  left: 0;
  padding-top: 10px;
  background: url(/common_v2/img/bg_pd_arrow.png) 48px top no-repeat;
  z-index: 100;
  opacity: 0;
}

.whatYearCont.opened {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.whatYearCont .inner {
  position: relative;
  display: inline-block;
  padding: 20px;
  background: #e6e6e6;
  border-radius: 6px;
  color: #2b2b2d;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  cursor: auto;
  z-index: 100;
  *display: inline;
  *zoom: 1;
}

.whatYearCont .inner dl {
  display: inline-block;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  z-index: 100;
  *display: inline;
  *zoom: 1;
}

.whatYearCont .inner dt {
  margin-bottom: 10px;
}

.whatYearCont .inner li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 60px;
}

.whatYearCont .inner li span {
  position: absolute;
  left: 0;
}

.icon_sanrio,
.icon_social {
  display: inline-block;
  width: 50px;
  margin-right: 10px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  *display: inline;
  *zoom: 1;
}

.icon_sanrio {
  background-color: #e74b5a;
}
.icon_social {
  background-color: #87cc6b;
}