.pc{
    display: block;
}
.sp{
    display: none;
}

#main{
    max-width: 960px;
    margin: 80px auto 0;
  font-size: 0;
}

#movie_logo{
  width: 90%;
  max-width: 750px;
/*  padding:24px 0;*/
}

#pic_main{
  display:inline-block;
  width: 35%;
  text-align: center;
  padding: 0 3.5% 0 0;
  margin-top: 1%;
}

#present{
    width: 65%;
    display:inline-block;
    margin-top: 0;
    vertical-align:top;
  text-align: center;
}
#present > p {
  margin: 0;
  width: 100%;
}

.h1_app_ann {
    width: 40%;
    max-width: 190px;
    margin: 0 auto 30px;
}

#appli > img {
    margin: 2.5% auto;
}
.process {
  padding: 2%;
}

.bt_appli{
  font-size: 2rem;
}
#step1,
#step2,
#step3,
#step4{
    width: 100%;
}

#step3 .process a{
    display: block;
    width: 340px;
    margin-top: 10px;
    margin-left: 100px;
}
#step2 .process img {
  margin: 2% auto 0;
}
.step{
  padding: 10px;
}
.step img {
  width: 70px;
}
#txt_announce{
    width: 100%;
}

#how{
    table-layout: fixed;
    width: 960px;
}

#how h1{
    width: 662px;
}
#txt_how{
    font-size: 18px;
    font-weight: bold;
}
#txt_how br{
    display: none;
}

.ann{
    width: 480px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    
}

#btn_digest{
    display: none;
}

#btn_digest_pc{
    display: block;
    width: 584px;
    margin: 0 auto;
}
#btn_digest_pc:hover{
    opacity: 0.6;
}

#btn_watchtweet{
    width: 584px;
    margin-top: 10px;
}
#btn_watchtweet:hover{
    opacity: 0.6;
}

#linelive h1{
    width: 456px;
}

#btn_linelive{
    width: 584px;
}
#btn_linelive:hover{
    opacity: 0.6;
}

#linelive_info{
    width: 100%;
}

#linelive_info em{
    font-size: 22px;
}

#linelive_info p{
    font-size: 16px;
}

#txt_check{
    width: 80px;
    margin-top: -70px;
    margin-right: 180px;
}

#movie_info{
  position: relative;
  padding: 15% 5% 5%;
}

#tit_movie_info{
  position: absolute;
  top: 2%;
  left: 0;
  width: 30%;
  margin: 0;
}
@media screen and (min-width:780px) { 
#movie_info{
  padding: 11% 5% 5%;
  margin: 10% 0 5%;
}
}

#tit_movie_info{
    width: 218px;
  top: 30px;
  left: -10px;
}
.lead_copy_movie{
  font-size: 2.2rem;
}


#movie_info dl dt{
    width: 12%;
}

#movie_info dl dd{
    width: 88%;
}

#btn_backcinema{
    width: 570px;
}
#btn_backcinema:hover{
    opacity: 0.6;
}

#txt_zadankai_tweet{
    width: 100%;
    margin-bottom: 40px;
}

#txt_zadankai_tweet p{
    font-size: 16px;
}


#pr_movie{
    width: 584px;
    margin: 0 auto;
    margin-top: 60px;
}
#copy {
    margin: 50px 0 0;
}