@charset "UTF-8";

.index_top {
  background-image: url(../img/tab/main_v.jpg.webp);
}

.no-webp .index_top {
  background-image: url(../img/tab/main_v.jpg);
}
.index_top{
  height: 20.7em;
}

.index_top h1 {
  width: 17em;
  transform: translateY(5.5em);
}

.index_top h1::before, .index_top h1::after{
  width: 8em;
  height: 10em;
}
.index_top h1::before{
  transform: translateX(-8.5em);
}
.index_top h1::after{
  transform: translateX(17.5em);
}

.index_funakeninfo > p {
  width: 700px;
  margin: 0 auto;
}



.newarrival > div,
.index_topics ul li a,
.index_today > div,
.index_ranking_review > div,
.index_ranking_free > div,
.index_report > div,
.index .reviewlist > div,
.excellence_site > div {
  padding: 1em 0;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.index_excellence > div {
  padding: 1em;
  width: 700px;
  margin: 0 auto;
}

.index_excellence_linkBtn {
  max-width: 25em;
  margin: 0 auto;
  font-size: 1.2em;
}

.excellence_site ul li {
  margin: 1em 0 4em;
}

.excellence_site_upper {
  position: relative;
}

.excellence_site h3 {
  font-size: 1.6em;
}

.excellence_site_upper .btn {
  padding: 1.4em 0;
  font-size: 1.2em;
}

.excellence_site .btnArea .btn {
  font-size: 1.2em;
}

.excellence_site .btnArea .btn:nth-of-type(n + 2) {
  float: left;
  width: 32%;
  margin-right: 2%;
}

.excellence_site .btnArea .btn:last-of-type {
  margin-right: 0;
}

.index_ranking_review li {
  padding: 0;
}

.ranking_review_head dl::after {
  width: 7em;
  height: 100%;
  top: 0;
}

.index_ranking_review li:nth-of-type(1) dl::after {
  background-image: url(../img/ranking1_tab.webp);
}

.index_ranking_review li:nth-of-type(2) dl::after {
  background-image: url(../img/ranking2_tab.webp);
}

.index_ranking_review li:nth-of-type(3) dl::after {
  background-image: url(../img/ranking3_tab.webp);
}

.no-webp .index_ranking_review li:nth-of-type(1) dl::after {
  background-image: url(../img/ranking1_tab.png);
}

.no-webp .index_ranking_review li:nth-of-type(2) dl::after {
  background-image: url(../img/ranking2_tab.png);
}

.no-webp .index_ranking_review li:nth-of-type(3) dl::after {
  background-image: url(../img/ranking3_tab.png);
}

.ranking_review_head .btnArea {
  padding-right: 10em;
  margin-bottom: 0.5em;
  font-size: 0.9em !important;
  display: flex;
}

.ranking_review_head .btnArea .btn:first-of-type {
  letter-spacing: normal !important;
}

/*----------------------------------*/

.index_ranking_free ul {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
}

.index_ranking_free li:nth-of-type(n + 2) {
  width: 50%;
}

/*----------------------------------*/

.index_today li {
  width: calc(100%/6 - 0.5em);
  height: 80px;
}

.index_topics li dl dd {
  padding-right: 2em;
}

.line_banner_sp {
  padding: 0 1em;
}
.new_line{
  font-size: 1.3em;
  margin: 1em auto!important;
  background: none;
}

.index_excellence .btnArea .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.index_excellence li .btn > img {
  margin: 0 0.1em 0 0;
}

.index_ranking_review .review_star {
  font-size: 1.2em;
  display: flex;
  align-items: center;
}

.index_ranking_review .review_star span {
  font-size: 0.8em;
}

.index_excellence > div > .btnArea,
.index_today .btn,
.index_ranking_free .btnArea,
.index_ranking_review > .btnArea,
.reviewlist .btnArea {
  width: 500px;
}

.index_ranking_review > .btnArea,
.reviewlist .btnArea {
  padding: 0;
}

.index_ranking_review li:last-of-type {
  margin-bottom: 0;
}

.index_ranking_review > .btnArea {
  margin-bottom: 2em;
}

.reviewlist ul {
  padding: 0;
}

.reviewlist .btnArea {
  margin-top: 1em;
}

.reviewlist .btn {
  margin-bottom: 0;
}

.index_inspection li a{
  width: 90%;
  margin: 0 auto;
  max-width: 700px;
}
.index_inspection figure{
  width: 20%;
}

.index_beginner ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 80%;
  margin: 1em auto;
}
.index_beginner figure{
  margin: 0 auto;
  width: 70%;
}

.index_beginner li{
  width: calc(100%/2 - 0.5em);
}