/* CSS Document */


/* p-mov_archives
**************************************/

.p-mov_archives{
	background:#3c444d;
	margin-bottom: 2rem;
  padding-bottom: 2rem;
}

/*movies-box*/
.p-mov_archives .movies-box{
	border-radius:0px;
	line-height: 1.4;
	color: #fff;
	overflow: hidden;
}

.movies-box .thumbs{
	padding-bottom:15px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.movies-box .thumbs li{
	margin-right: 23px;
}
.movies-box .thumbs li:nth-of-type(6n){
  margin-right: 0;
}

h2.p-mov_archives__heading {
	font-size: 2.875rem;
	color: #edeef0;
	font-weight: 300;
	text-align: center;
	margin-top: 0;
	margin-bottom: 2.5rem;
	padding-top: 2rem;
  padding-right: 0.75rem;
	line-height: 1;
}
.movies-box h3 span{
	font-weight:normal;
  font-size:75%;
}

.movies-box h3.title{
	position: relative;
  border-top: #818C9A 1px solid;
	margin:0 0 0px 0px;
	padding:15px 0 15px 40px;
	background: url(/english/common/image/index_images/bg_movies_gray.png) no-repeat 0px 15px;
  font-size: 1.25rem;
  font-weight: 400;
  
}

.movies-box .thumbs .img {
	border-radius:4px;
	overflow:hidden;
	border: #999 1px solid;
	margin-bottom: 3px;
	background-color: #fff;
}
.movies-box .thumbs .img a{
  transition: opacity 0.3s;
}
.movies-box .thumbs .img a:hover{
  opacity: 0.75;
}

.thumb_group{
  padding-bottom: 1.25rem;
  /*padding-left: 110px;*/
}
.thumb_group_sub{
  flex: 0 0 auto;
  width: auto;
}
.thumb_group_sub h4{
  margin: 0 0 0.375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

ul.thumbs::after{
  display: none;
}

.p-mov_archives .p-goto_index__btn{
  border-color: #fff;
  border-width: 1px;
  background-color: inherit;
  width: 260px;
}
.p-mov_archives .p-goto_index__btn a{
  color: #fff;
  font-weight: 400;
  font-size: 1.125rem;
}
.p-mov_archives .p-goto_index__btn::after {
  background-image: url("/common/image/bn_arrow/arrow_right_m_wh.svg");
  background-size: 100% auto;
}
/*sp*/
.sp .p-mov_archives {
	padding-left: 0.875rem;
	padding-right: 0.875rem;
}

.sp .thumb_group{
  padding-bottom: 1.25rem;
  padding-left: 0;
}

.sp .movies-box .thumbs{
	justify-content: space-between;
  padding-bottom: 0;
}
.sp .movies-box .thumbs li{
	margin-right: 0;
  width: calc((100% - 20px)/2);
  margin-bottom: 10px;
}
.sp .movies-box .thumbs .img,
.sp .movies-box .thumbs .img img{
  width: 100%;
  height: auto;
}
.bottom_space {
  margin-bottom: 1.9em;
}