@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){

  .newfeatures .section_inner.doubleText .text{
    margin-bottom:8%;
  }

  .newfeatures .section_inner.doubleText .text:nth-of-type(2n+2){
		margin-left:5%;
	}

  .newfeatures .section_inner.doubleText .img_absolute{
    position:absolute;
    right:0px;
    height:300px;
    overflow:hidden;
    background:transparent url(../img/newfeatures/img.png);
    background-size:cover;
    background-position:left 20%;
    width:60%;
  }

   .newfeatures #photos{
		width:5000px;
		height:202px;
		background-image:url('../img/top/photos.png');
		background-repeat:repeat-x;
		background-size:3000px;
		background-position:center bottom;

  	margin-left:-40%;
  	margin-top:-20px;
	}

	 .newfeatures #photos_base{
  	padding:80px 0 60px;
		width:5000px;
		margin-left:-60%;
		margin-top:0px;
    margin-bottom:-60px;
    background-color:rgba(0,0,0,0.2);
    position:relative;
	}


  .newfeatures .photos_tit{
    position:relative;
  }

  .newfeatures .photos_tit span{
    display:block;
    color:rgb(249, 214, 34);
    font-size:22px;
    font-style: italic;
    position:absolute;
    font-weight:600;
    top:-17px;
    left:5px;
    z-index:2;
    transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  text-shadow:1px 1px 2px rgba(0,0,0,0.6);
  }

  .newfeatures .ranking .img{
    margin-bottom:40px;
  }

  .newfeatures .ranking .text{
    margin-bottom:60px;
  }

  .newfeatures .btn_detail {
      color: #fff;
  		display:inline-block;
  		margin-top:1em;
      /*background-color: #ffffff;*/
      border: #fff solid 2px;
      padding: 8px 20px;
      transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
  }

  .newfeatures .btn_detail:hover {
      color: #002d00;
      background-color: #fff;
      animation: b09_electric_blinkIn 0.1s step-end 0 2;
      -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
      -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
      transition: all 0.2s ease 0s;
      -webkit-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
  }


}

/*----------------------------------------
	for SP
----------------------------------------*/

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

  .newfeatures .section_inner.doubleText .text{
    margin-bottom:14%;
  }

  .newfeatures .section_inner.doubleText .text:nth-of-type(2n+2){
		margin-left:0%;
	}

  .newfeatures .section_inner.doubleText{
    padding:12% 0 14%;
  }

  .newfeatures .section_inner.doubleText .img_absolute{
    position:absolute;
    right:0px;
    height:30%;
    overflow:hidden;
    background:transparent url(../img/newfeatures/img.png);
    background-size:130%;
    background-position:right 0;
    width:100%;

  }

  .newfeatures #photos{
   width:5000px;
   height:195px;
   background-image:url('../img/top/photos.png');
   background-repeat:repeat-x;
   background-size:2800px;
   background-position:center bottom;
   /*transform: rotate(-4deg);
 -moz-transform: rotate(-4deg);
 -webkit-transform: rotate(-4deg);*/
 margin-left:-40%;
 margin-top:-20px;
 /*margin-bottom:-60px;*/
 }

 .newfeatures #photos_base{
   padding:150px 0 60px;
   width:5000px;
   margin-left:-60%;
   margin-top:-40px;
   margin-bottom:-14%;
   background-color:rgba(0,0,0,0.2);
   position:relative;
 }


 .newfeatures .photos_tit{
   /*display:block;
   font-size:18px;
   width:1000px;
   margin:0 auto 0;*/
   display:block;
   position:relative;
 }

 .newfeatures .photos_tit span{
   display:block;
   color:rgb(249, 214, 34);
   font-size:18px;
   font-style: italic;
   width:100%;

   position:absolute;
   text-align:center;
   font-weight:400;
   top:2.8em;
   z-index:2;
 }

}