@charset "utf-8";

/*_______movie__________*/

.justify{
  text-align:justify;
}

.no-br{
  display:none;
}
  @media (min-width:961px){
.no-br{display: block;}
}

.box2 .inner{
  padding-top: 5rem;
  text-align: justify;
}
@media (min-width:961px){
  .box2 .inner{
  padding-top: 7rem; 
} }


.movie-open .archive-top, .movie-line{
  position: relative;
  cursor: pointer;
  display: block;
  padding: 0.5rem 0;
 }
@media (min-width:961px){
.movie-open .archive-top, .movie-line{
  padding: 1.2rem 0 1.2rem 1.2rem} }


.arc-line{
  border-top:1px solid #000; 
}

.movie-open .archive-top::before,
.movie-open .archive-top::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  transition: transform .5s 0s; 

}

.movie-line::before,
.movie-line::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  margin: auto 0 auto 8px;
  width: 40px;
  height:  40px;
  background: #000;
  z-index: -1;
}

.movie-open .archive-top::before{
  right: 12px;
  width: 17px;
  height:  0;
  border-top: 1px solid #fff;
  transition: width .5s .5s, transform .5s 0s; 
  }

.movie-open .archive-top::after{
  right: 20px;
  width:  0;
  height: 17px;
  border-left: 1px solid #fff; }

.movie-open .archive-top.is-active::before,
.movie-open .archive-top.is-active::after{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: transform .5s .5s; }

.movie-open .archive-top.is-active::before{
  width: 0;
  transition: width .5s 0s, transform .5s .5s; }


.movie-middle{background-color: #f2f2f2;}
  @media (max-width:960px){
    .movie-middle{  padding: 1.5rem 1rem 3.5rem;}
  }

.movie-middle p{
  text-align:justify;
  font-size: .8rem;
  line-height: 1.8; }
  @media (min-width:961px){
    .movie-middle p{
    font-size: 1rem;  } }

.movie-middle em{
  font-size: 1.25rem;
  margin-bottom:1rem;
  display: flex;
  align-items: center;
  margin-top:1.5rem;
  }
    @media (min-width:961px){
    .movie-middle p{
    font-size: 1rem;
      margin-top:0;  } }

.movie-middle em:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #444;
  display: block;
}

.movie-middle em:after {
  margin-left: .4rem;
}

.movie-middle-l {
  width: 100%;
   }
  @media (min-width:961px){
    .movie-middle-l {
      width: 25%;padding:2rem 2rem 3rem 5rem;}
}

.movie-middle-l img{
  margin-bottom:1rem;
   }
     @media (min-width:961px){
      .movie-middle-l img{
        margin-bottom:0;
   }}

  @media (min-width:961px){
    .movie-text-s{
      font-size:.9rem!important;
      line-height:1.6!important; 
      margin-top:1rem;}}

.movie-middle-r {
  width: 100%;
   }
  @media (min-width:961px){
    .movie-middle-r {
      width: 75%;
      padding:5%;
      border-left:5px solid #fff;
      padding:2rem 5rem 3rem 2rem;
  }}

.movie-middle-r img{
  margin-top: 1rem;}
  @media (min-width:961px){
          .movie-middle-r img{   
            margin-top: 0rem;}}

.movie-middle-r-inner{
  flex-wrap: wrap; }

 .movie-middle-r-inner p{ width:100%; }
  @media (min-width:961px){
          .movie-middle-r-inner p{ 
            width:30%;
            margin-right:3%; }}

 .movie-middle-r-inner div{ width:32%; }
  @media (min-width:961px){
          .movie-middle-r-inner div{ width:20%; 
            margin-left:2%; }}

  @media (max-width:960px){
    .movie-middle-space{
      margin: 0 2% ;}}

  @media (min-width:961px){
    .movie-box{  display: flex;flex-direction: column;}
    .movie-box .l-flex{ display:flex;
    flex-direction: row; flex-wrap: wrap;}}

.movie-top-l {
  width: 100%;
   }
  @media (min-width:961px){
    .movie-top-l {
  width: 47%;}}

.movie-top-l img{
  width: 100%;
  margin:1rem 0 3rem;
   }
     @media (min-width:961px){
 .movie-top-l img{ margin:1rem 0 0 0;
   }}

  .movie-top-r {
          width: 100%;
   }
  @media (min-width:961px){
          .movie-top-r{  
          width: 48%;
          margin-left:5%;
   }}

.movie-top-r-text{
  width: 100%;
   }
  @media (min-width:961px){
      .movie-top-r-text{
          width:55%;
          margin-right:5%;
 }}

  .movie-top-space{  
    margin-top:1rem;}
        @media (min-width:961px){
            .movie-top-space{
            padding-top:2rem;
            
 }}

.movie-top-r-img{  
  width: 100%;
}
  @media (min-width:961px){
        .movie-top-r-img {
        width: 40%;
}}

.r-img2{
  margin-top:1rem;}
  @media (min-width:961px){
          .r-img2{
          margin-top:0;
}}


.movie-right-btn{  
  margin: 1rem auto 3rem;
  width:70%;}
  @media (min-width:961px){
        .movie-right-btn {
            width: 100%;
            margin: 1rem auto 0;}}


.movie-box2 .inner{
  padding: 2.5rem 1rem;
}
@media (min-width:961px){
  .movie-box2 .inner{
    padding: 7rem 0 5rem; } }

.movie-box p{
    text-align:justify;
  font-size: .8rem;
  line-height: 1.8; }
  @media (min-width:961px){
    .movie-box p{
      font-size: 1rem; } }

.movie-box
em{
  font-size: 1.15rem;
    margin-bottom:1rem;
    display: inline-block;
    line-height: 1.6;}
@media(max-width:760px){
.movie-box
em{
  font-size: 1rem; }}

.movie-box{
  padding: 2rem 1rem 0.5rem; }
  @media (min-width:961px){
    .movie-box{
      padding: 1rem 5rem 5rem; } }

@media (max-width:960px){
    .movie-box ul{
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

@media (min-width:961px){
    .movie-box ul{
      margin-top: 3rem; } }

.movie-archive{
  padding: 2rem 1rem 2.5rem;   
  font-size: .8rem;
  line-height: 1.8; }
  @media (min-width:961px){
    .movie-archive{
      font-size: 1rem; 
      padding: 3rem 5rem 5rem; } }

.archive-cell{
  width:100%;
  padding:0 0 1rem;
  margin-bottom:1rem;
  border-bottom: 1px dashed #d9d9d9;
}
 @media (max-width:960px){
 .archive-cell{ 
    flex-wrap:wrap;
    }}

.archive-bottom{
  display:none; 
}  @media (min-width:961px){
   .archive-bottom{
    padding:0 1.2rem;
   } }

.archive-bottom h4{
  margin:0.5rem 1rem 0;
  line-height:1.4;
}

.archive-bottom h4{width:15%;
 }
  @media (max-width:960px)  {.archive-bottom h4{
    width:35%;}}

.archive-bottom ul{width:80%;
 }
 @media (max-width:960px)  {.archive-bottom ul{
    width:100%;}}



.archive-bottom ul{
  font-size: .8rem;
  line-height: 1.8;
  margin:0.3rem 0 0 0; }
  @media (min-width:961px){
    .archive-bottom ul{
      font-size: 1rem; } }

.archive-bottom li{
  text-decoration: underline;
  margin-right:2rem;}

.movie-archive ul,.movie-archive li{display:inline;}

@media (min-width:480px){.archive-cell-in{width:100%;}}

@media (min-width:961px){.movie-archive h3{display:inline;}}

.movie-archive hr{
      height:1px;
      background-color:#000;
      border: none;
}

.movie-archive h3{margin: 0 3rem 0.5rem 0;}
  @media (min-width:961px){
    .movie-archive h3{margin-bottom:0;}
}

.text3{margin-right:1.8rem!important;}

.movie-line span{
  display:block;
  width:80%;
}
  @media (min-width:961px){
        .movie-line span{
        display:inline;
        width:100%;
  }}


.box2 .top-heading{
  overflow: hidden;
}

.journey-block{
  padding: 2rem 1rem;
}
@media (min-width:961px){
  .journey-block{
    padding: 3rem 5rem 5rem;
  }
}

.journey-block p{
  font-size: .8rem;
  line-height: 1.8;
}

@media (min-width:961px){
  .journey-top-l{
    width: 33%;
  }
}

.journey-top-r{
  position: relative;
  margin-top: 2rem
}
@media (min-width:961px){
  .journey-top-r{
    margin: 0 0 0 5%;
    width: 62%;
  }
}

@media (min-width:961px){
  .journey-top-l img{
    margin-top: 3rem;
  }
}

.journey-top-r .annotation{
  font-size: .8rem;
  margin-top: 1rem;
  padding: 1em;
  border: #000 solid 2px;
  background-color: #fff;
}
@media (min-width:961px){
  .journey-top-r .annotation{
    font-size: .8rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    margin-top: 0;
    width: 54%;
  }
}

@media (min-width:961px){
  .journey-bnr .common-bnr-box{
    margin: auto;
    width: 66%;
  }
}

.journey-bnr .bnr-lead{
  text-align: center;
  margin-top: 1rem;
}
@media (min-width:961px){
  .journey-bnr .bnr-lead{
    font-size: .9rem;
    text-align: left;
  }
}

@media (min-width:961px){
  .journey-stamp .flex-container:nth-of-type(1){
    width: 27%;
  }
  .journey-stamp .flex-container:nth-of-type(2){
    margin-left: 6%;
    width: 67%;
  }
}

.journey-stamp .flex-container h3 em{
  font-size: 1rem;
  margin-top: 1em;
}
@media (min-width:961px){
  .journey-stamp .flex-container h3 em{
    font-size: 1.15rem;
    margin-top: 0;
  }
}

.journey-stamp .flex-container p{
  font-size: .9rem;
}

.journey-train{
  margin: 1rem -1% 0 -1%;
}
@media (min-width:961px){
  .journey-train{
    margin: 0 -2%;
  }
}

.journey-train li{
  margin: 1rem 1%;
  width: 31.3333%;
}
@media (min-width:961px){
  .journey-train li{
    margin: 0 2%;
    width: 16%;
  }
}

.journey .archive-top{
  border-bottom: #000 solid 1px;
}

.journey .archive-cell{
  position: relative;
  margin-bottom: 0;
  padding: 2rem 0;
  border: none;
}

.journey .archive-cell::before,
.journey .archive-cell::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
}

.journey .archive-cell::before{
  border: #c08c2d solid 1px;
}

.journey .archive-cell::after{
  border: #d9d9d9 dashed 1px;
}

.journey .archive-cell:first-child::before,
.journey .archive-cell:first-child::after{
  display: none;
}

.journey .archive-cell-image{
  display: block;
}
@media (min-width:961px){
 .journey .archive-cell-image{
    width: 18%;
  }
}

.journey .archive-cell-title{
}
@media (min-width:961px){
 .journey .archive-cell-title{
    width: 22%;
  }
}

.journey .archive-cell-title h4{
  margin: 1em 0 0;
  width: auto;
}
@media (min-width:961px){
  .journey .archive-cell-title h4{
    margin: .5rem 1rem 0;
  }
}

.journey .archive-cell ul{
  
}
@media (min-width:961px){
 .journey .archive-cell ul{
    padding-left: 2%;
    width: 58%;
  }
}

.journey .archive-cell ul li{
  display: block;
  text-decoration: none;
}

.journey-top-l{
  
}
@media (min-width:961px){
  .journey-top-l{
  }
}

@media (min-width:961px){
  .none{
  display: none;
  }
}

.balloon1 {
text-align: center;
    border-radius: 10px;
    width: 80%;
    position: relative;
    margin: 1.5rem auto 3rem;
    color: #fff;
    font-size: 2rem;
    background: #000;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

@media (max-width:600px){
.balloon1 {
  width: 100%;
  margin: 1.5rem auto 2rem;
}}

.mm{
font-weight: bold;
font-size: .8em;
text-align: center;
color: #ff0000;
line-height: 3em;
}

@media (max-width:600px){
.mm{
font-size: .7em;
}}

.m-im img{
display: block;
width: 80%;
margin: auto;
}

@media (max-width:600px){
.m-im img{
width:100%;}
}


.stamprallymain{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.stamprallymain > div:nth-child(odd) {
    width: 40%;
    padding: 2rem;
    }
    
.stamprallymain > div:nth-child(even) {
    width: 60%;
    padding: 2rem;
    }    
    
@media screen and (max-width: 960px) {
	.stamprallymain > div:nth-child(odd){
		width: 100%;
		margin-bottom: 0;
	}
	.stamprallymain > div:nth-child(even){
		width: 100%;
		margin-bottom: 0;
	}
}

.stamprallimg img {
    display: block;
    float: left;
    margin: 1rem 2rem 1rem 1rem;
    }
    
@media(max-width:960px){
.stamprallimg img {
    width: 50%;
    margin: auto;
    float:initial;
}}
 
@media(max-width:960px){
.stamprallynotice {
    margin-top: 2rem;
 } }
 
 .stamprallynoti {
    padding: 2rem 0;
    line-height:2rem;
 } 
 
 
@media(max-width:960px){
 .stamprallynoti {
    line-height:1.5rem;
 }}
 
@media(max-width:600px){
 .stamprallynoti {
    font-size:.8rem;
 }}
 
 
 .stamprallytitle{
 font-size:1.5rem;
 text-align: center;
 }
 
 @media(max-width:600px){
  .stamprallytitle{
 font-size:1.2rem;
 }}