@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.search-area {
  margin: 1em 0 2em;
}
.search-area form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #D3D3D3;
  border-radius: 28px;
  height: 56px;
  width: 100%;
  max-width: 635px;
  margin-left: auto;
  margin-right: auto;
}
.search-area form input[type=search] {
  width: calc(100% - 75px);
  border: none;
  border-radius: 27px 0 0 27px;
  height: 54px;
  padding: 5px 1em 5px 2em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 54px;
}
.search-area form button {
  width: 75px;
  height: 100%;
  border: none;
  background-color: #FFC73D;
  background-image: url(../../img/icon_search_w.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px;
  border-radius: 0 27px 27px 0;
  text-indent: -9999px;
}
.search-area form button:hover {
  background-color: #FFC73D;
}

section.popularity-faq {
  background: #FFF9EB;
  padding: 2em 0 4em;
  margin-top: 4em;
}

h2.heading-plane {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
}

.tv {
  padding-top: 3em;
}

.pikara {
  padding-bottom: 3em;
}

.category-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.category-block {
  width: 100%;
}
.category-block h3 {
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 4px;
  padding: 10px 15px;
}
.category-block h3 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #41474B;
}
.category-block h3 a::after {
  content: " ";
  display: block;
  width: 7px;
  height: 13px;
  background: url(../../img/icon_arrow_bold.svg) 50% 50% no-repeat;
  background-size: 6.5px;
}
.category-block:nth-child(1) .category-block-thumb img {
  width: 134px;
}
.category-block:nth-child(2) .category-block-thumb img {
  width: 69px;
}
.category-block:nth-child(3) .category-block-thumb img {
  width: 134px;
}
.category-block:nth-child(4) .category-block-thumb img {
  width: 90px;
}
.category-block:nth-child(5) .category-block-thumb img {
  width: 82px;
}
.category-block:nth-child(6) .category-block-thumb img {
  width: 110px;
}
.category-block .category-block-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em 0;
}
.category-block .category-block-thumb {
  width: 120px;
  text-align: center;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category-block .category-block-thumb p {
  margin: 0;
}
.category-block .category-block-body {
  width: calc(100% - 140px);
}
.category-block .category-block-body ul {
  margin-top: 10px;
}
.category-block .category-block-body ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0 0 10px;
}
.category-block .category-block-body ul li:last-child {
  margin: 0;
}
.category-block .category-block-body ul li a {
  text-decoration: underline;
}
@media print, screen and (min-width: 768px) {
  .category-block {
    width: calc(50% - 20px);
  }
  .category-block .category-block-thumb {
    width: 180px;
  }
  .category-block .category-block-body {
    width: calc(100% - 180px);
  }
}