@charset "utf-8";

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family:'Noto Sans JP';
  font-weight:300;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

html {
}


/*!animation custom*/
@-webkit-keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse2 {
  -webkit-animation-name: pulse2;
  animation-name: pulse2;
}


.displaySp { display: block;}
.displayPc { display: none;}
.invisible {
visibility: hidden;
}
#contents {
	width: 100%;
}
#contents img {
	width: 100%;
	height: auto;
}
#contents .ttl_img {
}
#contents .ttl_img .ttl_inner {
	position: relative;
}
#contents .ttl_img .kira01 {
	width: 3.07%;
	position: absolute;
	top: 26.3%;
	left: 7%;
}
#contents .ttl_img .kira02 {
	width: 3.07%;
	position: absolute;
	top: 9.5%;
	left: 87%;
}
#contents .ttl_img .kira03 {
	width: 3.07%;
	position: absolute;
	top: 47.5%;
	left: 91.5%;
}
#contents .ttl_img .kira04 {
	width: 2.67%;
	position: absolute;
	top: 14.5%;
	left: 90%;
}
#contents .ttl_img .kira05 {
	width: 2.67%;
	position: absolute;
	top: 39%;
	left: 82%;
}
#contents .lead {
	width: 95%;
	font-size: 100%;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin: 0 auto 8%;
}
#contents .lead .midashi01 {
	margin: 5% 0 1% 0;
}
#contents .nandemoranking {
	width: 95%;
	margin:0 auto 2%; 
}
#contents .rankmark {
	width: 95%;
	margin:0 auto 10%; 
}
#contents .midashi02 {
	width: 95%;
	margin: 2% auto 8%;
}
#contents .ranking {
}
#contents .ranking .ranking1 {
	width: 90%;
	margin: 0 auto 8.5%;
	position: relative;
}
#contents .ranking .ranking1 .model01 {
	width: 61.5%;
	position: absolute;
	top: -6.65%;
	left: 36%;
}
#contents .ranking .ranking1 .model02 {
	width: 28.3%;
	position: absolute;
	top: 57%;
	left: 76.5%;
}
#contents .ranking .ranking2 {
	width: 90%;
	margin: 0 auto 8.5%;
	position: relative;
}
#contents .ranking .ranking2 .model03 {
	width: 46.5%;
	position: absolute;
	top: -8.1%;
	left: 12%;
}
#contents .ranking .ranking2 .model04 {
	width: 24.9%;
	position: absolute;
	top: 58%;
	left: 79%;
}
#contents .ranking .ranking3 {
	width: 90%;
	margin: 0 auto 0;
	position: relative;
}
#contents .ranking .ranking3 .model05 {
	width: 27.6%;
	position: absolute;
	top: -1%;
	left: 76%;
}
#contents .underlinkbtn {
	width: 90%;
	margin: 5% auto 8%;
}
#contents .underlinkbtn li {
	margin: 2% auto 0;
}
#contents .underlinkbtn li img {
	display: block;
}
#contents .tsukattemita {
	margin: 0 0 8% 0;
}
#contents .tsukattemita img{
	display: block;
}
#contents .tsukattemita .tsukattemita_ttl {
	width: 95%;
	height: auto;
	margin: 0 auto;
}
#contents .tsukattemita .txt {
	width: 95%;
	margin: 2% auto 3%;
	font-size: 90%;
	text-align: center;
	line-height: 1.5;
}
#contents .tsukattemita .movie {
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
}
#contents .tsukattemita .movie iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media screen and (min-width: 769px) {
.displaySp { display: none;}
.displayPc { display: block;}
#contents {
	width: 100%;
}
#contents .ttl_img {
	width: 100%;
	background: linear-gradient(50deg, #ed3a7d, #ff653c 50%, #f475b4);
}
#contents .ttl_img .ttl_inner {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
#contents .ttl_img .kira01 {
	width: 1.5%;
	position: absolute;
	top: 32%;
	left: 10.5%;
}
#contents .ttl_img .kira02 {
	width: 1.5%;
	position: absolute;
	top: 5%;
	left: 41.5%;
}
#contents .ttl_img .kira03 {
	width: 1.5%;
	position: absolute;
	top: 82%;
	left: 44%;
}
#contents .ttl_img .kira04 {
	width: 1.4%;
	position: absolute;
	top: 90%;
	left: 15.5%;
}
#contents .ttl_img .kira05 {
	width: 1.4%;
	position: absolute;
	top: 88%;
	left: 46%;
}
#contents .lead {
	width: 1024px;
	font-size: 120%;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin: 0 auto 40px;
}
#contents .lead .midashi01 {
	width: 600px;
	margin: 30px auto 10px;
}
#contents .nandemoranking {
	width: 560px;
	margin:0 auto 20px; 
}
#contents .rankmark {
	width: 500px;
	margin:0 auto 50px; 
}
#contents .midashi02 {
	width: 600px;
	margin: 10px auto 40px;
}
#contents .ranking {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
#contents .ranking .ranking1 {
	width: 1024px;
	margin: 0 auto 3.2%;
}
#contents .ranking .ranking1 .ranking_img {
	width: 95%;
	margin: 0 auto;
}
#contents .ranking .ranking1 .model01 {
	width: 24.3%;
	position: absolute;
	top: -8.1%;
	left: 34%;
}
#contents .ranking .ranking1 .model02 {
	width: 11.2%;
	position: absolute;
	top: 36.1%;
	left: 87.9%;
}
#contents .ranking .ranking2 {
	width: 1024px;
	margin: 0 auto 2.5%;
}
#contents .ranking .ranking2 .ranking_img {
	width: 95%;
	margin: 0 auto;
}
#contents .ranking .ranking2 .model03 {
	width: 18.4%;
	position: absolute;
	top: -10.9%;
	left: 8%;
}
#contents .ranking .ranking2 .model04 {
	width: 9.7%;
	position: absolute;
	top: 32.9%;
	left: 88.8%;
}
#contents .ranking .ranking3 {
	width: 1024px;
	padding: 0 0 5% 0;
}
#contents .ranking .ranking3 .ranking_img {
	width: 95%;
	margin: 0 auto;
}
#contents .ranking .ranking3 .model05 {
	width: 10.9%;
	position: absolute;
	top: 2.6%;
	left: 87.9%;
}
#contents .underlinkbtn {
	width: 960px;
	margin: 40px auto 50px;
	display: flex;
	flex-wrap: wrap;
}
#contents .underlinkbtn li {
	width: 460px;
	margin: 20px 10px 0;
}
#contents .tsukattemita {
	width: 700px;
	margin: 0 auto 80px ;
}
#contents .tsukattemita .tsukattemita_ttl {
	width: 70%;
}
#contents .tsukattemita .txt {
	width: 100%;
	margin: 2% auto 3%;
	font-size: 110%;
	text-align: center;
	line-height: 1.5;
}
}

@media screen and (min-width:769px) and (max-width: 1023px) {
#contents {
	width: 100%;
}
#contents .ttl_img {
	width: 100%;
	background: linear-gradient(50deg, #ed3a7d, #ff653c 50%, #f475b4);
}
#contents .ttl_img .ttl_inner {
	width: 100%;
	margin: 0 auto;
}
#contents .lead {
	width: 100%;
	font-size: 100%;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin: 0 auto 40px;
}
#contents .lead .midashi01 {
	width: 58.5%;
	margin: 30px auto 10px;
}
#contents .nandemoranking {
	width: 54.6%;
	margin:0 auto 20px; 
}
#contents .rankmark {
	width: 48.8%;
	margin:0 auto; 
}
#contents .midashi02 {
	width: 58.5%;
	margin: 10px auto 40px;
}
#contents .ranking .ranking1 {
	width: 100%;
}
#contents .ranking .ranking2 {
	width: 100%;
}
#contents .ranking .ranking3 {
	width: 100%;
}
#contents .underlinkbtn {
	width: 93.7%;
	margin: 3.9% auto 4.85%;
	display: flex;
	flex-wrap: wrap;
}
#contents .underlinkbtn li {
	width: 47.9%;
	margin: 2.1% 1.05% 0;
}
#contents .tsukattemita {
	width: 68.3%;
	margin: 0 auto 8%;
}
}

@media screen and (min-width:1023px) and (max-width: 1119px) {
#contents .ttl_img {
	width: 100%;
	background: linear-gradient(50deg, #ed3a7d, #ff653c 50%, #f475b4);
}
#contents .ttl_img .ttl_inner {
	width: 100%;
	margin: 0 auto;
}
}