/*third　MONOMANE STATION*/
.third h2,.third h3{text-align:right; color: #fff;
text-shadow:0 0 4px #774ae5, 0 0 4px #774ae5, 0 0 4px #774ae5, 0 0 6px #b59eed, 0 0 2px #b59eed, 0 0 6px #b59eed, 0 0 6px #f9c1a8, 0 0 6px #f386fd;}/*むらさき*/

.station { background-image: url("img2604/sta_ph.jpg"); background-position: left 0px; background-repeat: no-repeat; background-size: 450px; padding: 50px;}
.third h2{ margin-top:-20px;}
.third h3{ margin-bottom: 100px;}
.third h3 span{ color: #ff1836;}

.third p{ margin: 300px 0 0 50px; text-align:left; font-size: 24px;}
.third ul li p{color:  #BB1AFF; }/*むらさき*/

/*.third ul li:nth-of-type(1) p{color: #FFC926; }/*きいろ*/
/*.third ul li:nth-of-type(2) p{color: #F702F0; }/*ピンク*/
/*.third ul li:nth-of-type(3) p{color: #F1373A; }/*あか*/
/*.third ul li:nth-of-type(4) p{color: #2555DB; }/*あお*/
/*.third ul li:nth-of-type(5) p{color: #0CB824; }/*みどり*/

/*.third ul li:nth-of-type(4) p{color: #BB1AFF; }/*むらさき*/
/*.third ul li:nth-of-type(7) p{color: #FFC926; }/*きいろ*/


.third ul,
.sixth ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.third ul li:nth-child(odd),
.sixth ul li:nth-child(odd) {
  margin-right: -50px;}

.third ul li:nth-child(even), 
.sixth ul li:nth-child(even){margin-left: -50px;}

.third ul li img,
.sixth ul li img{
  width: 100%;
  max-width: 400px;  /* ←ここで上限決める */
  height: auto;
  margin: 0 auto;
}

.third ul li,
.sixth ul li{
  text-align: center;
}

@media (max-width: 1024px) {
 .third ul,
 .sixth ul{
  gap: 40px 0px;   /* ←ここ調整 */
  padding: 0px; 
  }
  .third ul li:nth-child(odd),
.sixth ul li:nth-child(odd) {
  margin-right: -30px;}

.third ul li:nth-child(even), 
.sixth ul li:nth-child(even){margin-left: -30px; }
}

@media screen and (max-width: 900px){

.third ul li img,
.sixth ul li img{
  max-width: 330px;  /* ←ここで上限決める */
}
.third ul li:nth-child(odd),
.sixth ul li:nth-child(odd) {
  margin-right: -25px;}

.third ul li:nth-child(even), 
.sixth ul li:nth-child(even){margin-left: -25px;}
}

@media screen and (max-width: 768px){
  .third ul,
  .sixth ul{
    grid-template-columns: 1fr;
	    gap: 20px;   /* ←ここ調整 */}
		
    .third ul li:nth-child(odd),
.sixth ul li:nth-child(odd) { margin-right: 0px;}
.third ul li:nth-child(even), 
.sixth ul li:nth-child(even){margin-left: 0px; }

}


@media (max-width: 600px) {

.third ul li:first-of-type{ }
.third ul li:last-of-type{margin-bottom: 30px;}

.third ul li img,
.sixth ul li img{
  max-width: 300px;  /* ←ここで上限決める */
}
}

@media screen and (max-width: 1150px){
.station {background-position: 20px 0px; background-size: 450px; padding: 50px;}
.third h2{ margin-top:-20px;}
.third h3{ margin-bottom: 120px;}
.third p{ margin: 350px 0 0 50px; }
}

@media screen and (max-width: 1000px){
.station {background-position: 20px 0px; background-size: 400px; padding: 50px;}
.third h2{ margin-top:-20px;}
.third h3{ margin-bottom: 120px;}

.third p{}

}

@media screen and (max-width: 930px){
.third p{ margin: 32% 0 0 0;}
}

@media screen and (max-width: 820px){
.station {background-position:center 100px; background-size: 400px; padding: 20px 0px;}

.third h2{ text-align: center; margin: 0 auto;}
.third h3{ text-align: center; margin: 250px auto 50px; }

.third p{font-size: 20px;}

}

@media screen and (max-width: 768x){
.third p{ margin:250px 0 0 -30px;}
.third p{ margin-top:250px!important;}

}

@media screen and (max-width: 600px){
.station {background-position:center 70px; background-size: 400px; padding: 10px 0px;}
.third h2{font-size:24px; margin-left: 0px; letter-spacing: -0.05em;}
.third h3{font-size:20px; margin: 240px auto 40px;letter-spacing: -0.05em;}
.third p{ margin:230px 0 0 -30px;}

}

@media screen and (max-width: 500px){

}



/*sixth　ベストテン*/
.sixth h2{margin-top: 0;}
.sixth h3{margin-bottom: 60px;}

.sixth h2,.sixth h3{text-align: left;margin-left: 200px;
text-shadow:0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 6px #f386fd, 0 0 2px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd;}/*ピンク*/

.bestten { background-image: url("img2604/best_ph.png"); background-position:left 30px; background-repeat: no-repeat; background-size: 250px; padding:50px 0 0 50px;}

.sixth p{ margin: 320px 0 0 20px; text-align:left;}
.sixth ul { margin-bottom: 30px;}
.sixth ul li p{color: #F702F0; }/*あお*/
/*.sixth ul li:nth-of-type(1) p{color: #2555DB; }/*あお*/
/*.sixth ul li:nth-of-type(2) p{color: #F1373A; }/*あか*/
/*.sixth ul li:nth-of-type(3) p{color: #FFC926; }/*きいろ*/
/*.sixth ul li:nth-of-type(1) p{color: #F702F0; }/*ピンク*/



@media screen and (max-width: 1150px){
.sixth p{font-size:22px;margin: 320px 0 0 30px; }

}

@media screen and (max-width: 1000px){
.sixth ul li:first-child p{margin: 300px 0 0 0px; }

.sixth p{ font-size:22px; }

}

@media screen and (max-width: 930px){
.bestten {background-position:center 0px; padding:240px 0 0 0px;}
.sixth h2,.sixth h3{margin-left: 0px; text-align: center; width: 100%;}

.sixth p{ margin: 32% 0 0 0;}
.sixth ul li:first-child p{margin: 32% 0 0 0px; }

}

@media screen and (max-width: 768px){

.sixth p{ margin:250px 0 0 -30px;}
.sixth ul li:first-child p{margin: 250px 0 0 -30px; }

}

@media screen and (max-width: 600px){
.sixth h2{ text-align:center; margin-top: 0;margin-bottom: 0px;}
.sixth h3{ text-align:center; font-size: 18px;}

.sixth ul li:nth-of-type(1) p{font-size:19px;}
.sixth p{ margin:230px 0 0 -30px;}
.sixth ul li:first-child p{margin: 210px 0 0 -30px; }
}