#sweet_index_page article{
  background: url(../img/sweet/bg12-02.jpg) center center no-repeat;
  background-size: cover;
}

@media (max-width: 1300px) {  
  
  /*スタンダード*/
  
  #sweet_list_page{
      background: #ffffff;
  }
  #sweet_index_page article,
  #sweet_list_page .talent_list{
    position: relative;
      background: #ffffff; 
      background: -webkit-linear-gradient(#ffffff 0%, #ffffff 35%, #d1d1d1 100%);
      background: -o-linear-gradient(#ffffff 0%, #ffffff 35%, #d1d1d1 100%);
      background: linear-gradient(#ffffff 0%,#ffffff 35%, #d1d1d1 100%);
      z-index: 0;
    }
    
    #sweet_index_page article::after,
    #sweet_list_page .talent_list::after{
    	position: absolute;
    	content: "";
      background: url(../img/sweet/bg.png) center center no-repeat;
      opacity: 0.6;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: -1;
      background-size: contain;
      opacity: 1;
    }

  /*Bgオレンジ*/
    
    #sweet_list_page{
        background: #ffffff;
    }
    /*#sweet_index_page article,
    #sweet_list_page .talent_list{
      position: relative;
        background: #ffffff; 
        background: -webkit-linear-gradient(#e7ad3f 0%,#e7ad3f 50%,#e57117 85%, #e57117 100%);
        background: linear-gradient(#e7ad3f 0%,#e7ad3f 50%,#e57117 85%, #e57117 100%);
        z-index: 0;
      }*/
	
  /*Bg黒*/
    #sweet_index_page article,
    #sweet_list_page .talent_list{
      position: relative;
        background: #161616;
        background: -webkit-linear-gradient(#212121 0%,#212121 50%,#060606 85%, #060606 100%);
        background: linear-gradient(#212121 0%,#212121 50%,#060606 85%, #060606 100%);
        z-index: 0;
     }
    
    #sweet_index_page article::after,
    #sweet_list_page .talent_list::after{
    	position: absolute;
    	content: "";
      background: url(../img/sweet/bg12-02.png) center center no-repeat;
      opacity: 0.6;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: -1;
      background-size: contain;
      opacity: 1;
    }
}

@media (max-width: 1000px) { 
  /*Bgオレンジ*/
    /*#sweet_index_page article,
    #sweet_list_page .talent_list{
        background: -webkit-linear-gradient(#e7ad3f 0%,#e7ad3f 50%,#e57117 65%, #e57117 100%);
        background: linear-gradient(#e7ad3f 0%,#e7ad3f 50%,#e57117 65%, #e57117 100%);
        z-index: 0;
      }*/
  /*Bg黒*/
    #sweet_index_page article,
    #sweet_list_page .talent_list{
        background: #161616;
        background: -webkit-linear-gradient(#212121 0%,#212121 50%,#060606 85%, #060606 100%);
        background: linear-gradient(#212121 0%,#212121 50%,#060606 85%, #060606 100%);
        z-index: 0;
     }
}
@media (max-width: 480px) {
  /*スタンダード*/ 
  /*
  #sweet_index_page article,
    #sweet_list_page .talent_list{
    background: url(../img/sweet/bg_s.jpg) center center no-repeat;
    background-size: cover;
  }  
  */
  
  /*Bgオレンジ*/
  #sweet_index_page article,
  #sweet_list_page .talent_list{
    background: url(../img/sweet/bg_s12-02.jpg) center center no-repeat;
    background-size: cover;
  }
  #sweet_index_page article::after,
  #sweet_list_page .talent_list::after{
    position: static;
    content: none;
  }
}

/* ------------------------------------
 * LOADING
 * ------------------------------------ */

  #loading{
  	position: fixed;
  	width: 100%;
  	height: 100%;
  	top:0;
  	left:0;
  	background: #e4007f;
  	z-index: 999;
  }

  .loading_logo {
    margin: 40px auto 0;
    width: 100%;
    text-align: center;
  }

  .loading_logo > div {
  	position: relative;
  	width: 140px;
  	height: 140px;
  	margin: 0 10px;
  	background:url(../img/common/loading.gif) no-repeat;
  	background-size: contain;
  	display: inline-block;
  }

  #loading .loading_logo {
  	position: absolute;
  	top:calc(50% - 70px);
  	left: 0;
  	margin: -15px 0 0 0;
  }
  
  @media (max-width: 768px) {
    .loading_logo > div {
    	width: 80px;
    	height: 80px;
    }
     
    #loading .loading_logo {
    	top:calc(50% - 40px);
    } 
  }
  
/* ------------------------------------
 * LIST
 * ------------------------------------ */
 
.talent_list{
  height:90vh;
  background: rgba(255,255,255,0.8) ;
}

.listBox.sweet_talent li {
  overflow: hidden; 
}

.listBox.sweet_talent li.rina {
  background:url(../img/sweet/rina.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.kurume {
  background:url(../img/sweet/kurume.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.meisa {
  background:url(../img/sweet/meisa.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.nao {
  background:url(../img/sweet/nao.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.mirei {
  background:url(../img/sweet/mirei.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.mary {
  background:url(../img/sweet/mary.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.nanami {
  background:url(../img/sweet/nanami.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.sara {
  background:url(../img/sweet/sara1911.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.ririka {
  background:url(../img/sweet/ririka1911.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.jiyoung {
  background:url(../img/sweet/jiyoung.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.risaki {
  background:url(../img/sweet/risaki.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.rea {
  background:url(../img/sweet/rea1911.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.aisa {
  background:url(../img/sweet/aisa1911.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.comingsoon {
  background:url(../img/sweet/comingsoon.jpg);
  background-size: cover; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.international, 
.listBox.sweet_talent li.spicepower {
  width: 30%;
}

.listBox.sweet_talent li.international {
  background: #f66303 url(../img/sweet/international.png);
  background-size: contain; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.spicepower {
  background: #3861fb url(../img/sweet/spicepower.png);
  background-size: contain; 
  background-position: center center;
  background-repeat: no-repeat;
}

.listBox.sweet_talent li.comingsoon a{  pointer-events:none}

.listBox.sweet_talent li.sara p span,
.listBox.sweet_talent li.risaki p span,
.listBox.sweet_talent li.aisa p span,
.listBox.sweet_talent li.nao p span{
  color:#000000;
  text-shadow: 1px 1px 2px #ffffff;
}

.listBox.sweet_talent li.comingsoon p span{
  font-weight: bold;
  font-style: italic;
  font-size: 160%;
}

.listBox.sweet_talent li p span.contents_name01,
.listBox.sweet_talent li p span.contents_name02{
  line-height: 1.1em;
}

.listBox.sweet_talent  li p span.contents_name02{
  display: block;
}
.listBox.sweet_talent li.international p span.contents_name02{
  font-size: 200%;
}
.listBox.sweet_talent li.spicepower p span.contents_name02{
  font-size: 240%;
}
.sp_br{
  padding: 0.4em;
}

@media (max-width: 1300px) {
  .list_page article,
  .talent_list,
  .site_link{
    height:auto;  
  }
  
  .listBox.sweet_talent li.international, 
  .listBox.sweet_talent li.spicepower {
    width: 50%;
    background-size: contain;
  }
  .listBox.sweet_talent li.international p span.contents_name02,
  .listBox.sweet_talent li.spicepower p span.contents_name02{
    font-size: 160%;
  }
}
  
@media (max-width: 768px) {
  .listBox.sweet_talent li p span.roman{
    display: none;
  }
    
  .listBox.sweet_talent li.comingsoon p span {
    font-size: 80%;
  } 
  
  .listBox.sweet_talent li.international p span{
    font-size: 14px;
  }
  
  .listBox.sweet_talent li.international p span.contents_name02,
  .listBox.sweet_talent li.spicepower p span.contents_name02{
    font-size: 26px;
  }
  
  .sp_br{
    display: block;
  }
}

@media (max-width: 320px) {
  .listBox.sweet_talent li.international p span,
  .listBox.sweet_talent li.spicepower p span{
    font-size: 12px;
  }
  .listBox.sweet_talent li.international p span.contents_name02,
  .listBox.sweet_talent li.spicepower p span.contents_name02{
    font-size: 20px;
  }
}  

/* sns_icon------------------------------------ */
.listBox.sweet_talent li.nanami .fa-instagram::before,
.listBox.sweet_talent li.sara .fa-instagram::before,
.listBox.sweet_talent li.ririka .fa-instagram::before,
.listBox.sweet_talent li.risaki .fa-instagram::before,
.listBox.sweet_talent li.aisa .fa-instagram::before,
.listBox.sweet_talent li.nao .fa-instagram::before,
.listBox.sweet_talent li.mary .fa-instagram::before{
  color:#000000;
  text-shadow: 1px 1px 2px #ffffff;
}

/* ------------------------------------
 * slideIN
 * ------------------------------------ */

.listBox li:nth-child(odd){
  top:-100vh;
  -webkit-transition: opacity 1s .2s,top 1s .2s;
	transition: opacity 1s .2s,top 1s .2s;
}

.listBox li:nth-child(even){
  bottom:-100vh;
  -webkit-transition: opacity 1s .2s,bottom 1s .2s;
	transition: opacity 1s .2s,bottom 1s .2s;
}

/*1*/
.listBox li.talent01.on{
  top:0;
  left:0;
}

/*2*/
.listBox li.talent02.on{
  bottom:70vh;
  left:20%;
}

/*3*/
.listBox li.talent03.on{
  top:0;
  left:40%;
}

/*4*/
.listBox li.talent04.on{
  bottom:70vh;
  left:60%;
}

/*5*/
.listBox li.talent05.on{
  top:0;
  left:80%;
}

/*6*/
.listBox li.talent06.on{
  bottom:40vh;
  left:0;
}

/*7*/
.listBox li.talent07.on{
  top:30vh;
  left:20%;
}

/*8*/
.listBox li.talent08.on{
  bottom:40vh;
  left:40%;
}

/*9*/
.listBox li.talent09.on{
  top:30vh;
  left:60%;
}

/*10*/
.listBox li.talent10.on{
  bottom:40vh;
  left:80%;
}

/*11*/
.listBox li.talent11.on{
  top:60vh;
  left:0;
}

/*12*/
.listBox li.talent12.on{
  bottom:10vh;
  left:20%;
}

/*13*/
.listBox li.international.on{
  top:60vh;
  left:40%;
}
/*14*/
.listBox li.spicepower.on{
  bottom:10vh;
  left:70%;
}

@media (max-width: 1300px) {
  .listBox li{
    top:initial;
    left:initial;
    bottom:initial;
  }
  
}