.part-1:after,
.part-2:after,
.part-3:after,
.part-4:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}
.special-topic-container{
	width: 100%;
	margin: 0 auto;
}
.special-topic-container a,
.special-topic-container p,
.special-topic-container div {
	
}
.part-1,
.part-2,
.part-3,
.part-4 {
	height: 0;
    overflow: hidden;
    position: relative;
}
.part-1-imgbox-1,
.part-1-imgbox-2,
.part-2-imgbox-1,
.part-2-imgbox-2,
.part-2-imgbox-3,
.part-3-imgbox-1,
.part-3-imgbox-2,
.part-3-imgbox-3,
.part-4-imgbox-1,
.part-4-imgbox-2 {
	height: 0;
	position: absolute;
    overflow: hidden;
}
img:hover {
    transform: scale(1.01);
}
img {
	width: 100%;
    transition: all .5s ease-out .1s;
}
#myCarousel img{width:50%;}
h1,
.title {
	margin:0;
	line-height:1;
}
.main-title,
.main-summary,
.title-part-3{
	margin-left: 16.666667%;
	line-height: 1;
}
.main-title {
	font-family: "GenJyuuGothicL-Bold";
	font-size: 4.1666667vw;
	font-weight: bold;
	color: #fff;
	margin-top: 10%;
}
.main-summary{
	font-family: "Noto-DemiLight";
	font-size: 0.9375vw;
	margin-top: 6.40625%;
	width: 29.6875%;
	line-height: 1.666667vw;
}
.top-content {
	font-family: "Noto-DemiLight";
	font-size: 0.9375vw;
	line-height: 1.875vw;
	margin-top: 22.62%;
	margin-left:7.333333%;
	padding-right: 16.666667%;
}
.title {
    font-family: "Noto-DemiLight";
    font-size: 2.0833333vw;
}

/*part-1*/
.part-1 {
	background: url(../images/past-section-1.jpg) 100%;
	background-size: cover;
	padding-bottom: calc(100% * 1292 / 1920);
}
.part-1-content,
.part-2-content,
.part-3-content,
.part-4-content {
	position: absolute;
	font-size: 0.8333333vw;
	width: 20.573%;
}
.part-1-content {
	bottom: 7.35%;
	right: 16.666667%;
}
.part-1-imgbox-1 {
	width: 43.48958%;
    padding-bottom: calc(43.48958% * 625 / 835);
    bottom: 7.35%;
    left: 16.666667%;
    z-index:1;
}
.part-1-imgbox-2 {
	width: 26.40625%;
	padding-bottom: calc(26.40625% * 380 / 507);
	right:0;
	top: 14.479166vw;
}
.part-1 a,
.part-1 p,
.main-summary {
	color: #fff;
}
.title-part-1 {
	color: #fff;
	position: absolute;
    top: 37.91666vw;
    left: 62.7604vw;
}
.message {
	font-family: "Noto-Thin";
	font-size: 0.78125vw;
}
.summary {
    margin-top: 10.3%;
    font-family: "Noto-DemiLight";
    font-size: 0.9375vw;
    line-height: 1.875vw;
    margin-bottom: 0;
    height: 9.375vw;
    overflow: hidden;
    
}
.read-topic {
	margin-top: 13%;
	font-family: "Noto-Medium";
	font-size: 0.9375vw;
	border: none;
	background-color: transparent;
	width: 5.8855vw;
	line-height: 1.823vw;
	border: 1px solid #808080;
	border-radius: 0.28646vw;
	padding: 0;
}
.part-1-content .read-topic {
	color: #fff;
	border-color: #fff;
}

/*part 2*/
.part-2,
.part-3,
.part-4 {
	background: url(../images/past-section-2.jpg) 100%;
	background-size: cover;
	padding-bottom: calc(100% * 1440 / 1920);
}
.title-part-2,
.title-part-4 {
    position: absolute;
    transform: translate(-50%,0);
    left: 50%;
    z-index: 1;
    top: 7.8125vw;
}
.part-2-content,
.part-4-content {
	top: 17.70833vw;
	left: 16.66667%;
}
.part-2-imgbox-1 {
	width: 57.65625%;
    padding-bottom: calc(57.65625% * 830 / 1107);
    top: 14.010417vw;
    right: 0;
}
.part-2-imgbox-2 {
	width: 25.9375%;
    padding-bottom: calc(25.9375% * 373 / 498);
    top: 41.25vw;
    left: 0;
}
.part-2-imgbox-3 {
	width: 21.66667%;
    padding-bottom: calc(21.66667% * 312 / 416);
    top: 50.989583vw;
    left: 23.6979%;
    z-index: 1;
}

/*part-3*/
.part-3 {
	background: url(../images/past-section-3.jpg) 100%;
}
.title-part-3 a {
	color: #fff;
}
.title-part-3 {
    position: absolute;
    z-index: 1;
    top: 7.8125vw;
}
.part-3-imgbox-1 {
	width: 33.75%;
    padding-bottom: calc(33.75% * 864 / 648);
    bottom: 12.29166vw;
    left: 26.04166vw;
}
.part-3-imgbox-2 {
	width: 25.36458%;
    padding-bottom: calc(25.36458% * 365 / 487);
    bottom: 12.29166vw;
    left: 0;
}
.part-3-imgbox-1 img {
	height: 45vw;
}
.part-3-imgbox-3 {
	width: 33.072916%;
    padding-bottom: calc(33.072916% * 476 / 635);
    top: 35vw;
    right: 0;
}
.part-3-content {
    color: #fff;
    top: 7.8125vw;
    right: 16.666667%;
}
.part-3-content p {
	color: #fff;
}
.part-3-content .summary {
	height: 15vw;
}

/*part-4*/
.part-4-imgbox-1 {
	width: 52.708333%;
    padding-bottom: calc(52.708333% * 759 / 1012);
    top: 14.947916vw;
    right: 4.947916vw;
}
.part-4-imgbox-2 {
	width: 34.114583%;
    padding-bottom: calc(34.114583% * 491 / 655);
    top: 38.22916vw;
    left: 0;
}

/*part-5*/
.title-part-5 {
	text-align: center;
	margin-top: 7.9166667vw;
	margin-bottom: 7.9166667vw;
}
.other-topic {
	width: 100vw;
	padding-left: 4.5833333vw;
	padding-right: 4.5833333vw;
}
.topic-container {
	float: left;
	margin-left: 0.729167vw;
	margin-right: 0.729167vw;
	margin-bottom: 1.770833vw;
	height: 30.208333vw;
	position: relative;
	overflow: hidden;
}
.small-topic {
	width: 21.25vw;
}
.big-topic {
	width: 43.958333vw;
}
.other-topic-summary {
	position: absolute;
	bottom: 0;
	padding-left: 1.71875vw;
    padding-right: 1.71875vw;
    height: 20.83333vw;
    background: linear-gradient(to top, #000 0%,transparent 100%);
    opacity:0.5;
    width: 100%;
}
.big-topic .other-topic-summary p,
.big-topic .other-topic-summary h3{
	padding-right: 11.5625vw;
}
.other-topic-summary h3 {
	margin: 0;
	color: #fff;
	font-family: "Noto-Medium";
	font-size: 1.145833vw;
	position: absolute;
    bottom: 6.614583vw;
}

.stopictitletitle{
	margin: 0;
	color: #fff;
	font-family: "Noto-Medium";
	font-size: 1.145833vw;
	position: absolute;
    bottom: 3.814583vw;
    padding:10px 15px !important;
}

.summarytext {
	margin: 0;
	color: #fff;
	font-family: "Noto-Thin";
	font-size: 0.78125vw;
	line-height: 1.2625vw;
    height: 3.525vw;
	overflow: hidden;
	position: absolute;
    bottom: 1.5625vw;
} 
.topic-container img{
	height: 100%;
	width: auto !important;
}

.item-mask {
    height: 50%;
    background-size: cover;
    border: none;
}

.sep-item-style-mutil.on {
    background: url(../images/ico-mutil-display-on.png) no-repeat;
}
.sep-item-style-single {
    background: url(../images/ico-single-display.png) no-repeat;
}
.sep-item-style-mutil {
    background: url(../images/ico-mutil-display.png) no-repeat;
}

.sep-item-style-single.on {
    background: url(../images/ico-single-display-on.png) no-repeat;
}

.sep-item-style-mutil, .sep-item-style-single {
    cursor: pointer;
    display: inline-block;
    width: 28px;
    height: 26px;
    vertical-align: -35%;
  	margin-left: 15px;
    margin-right: 0px;
}

.picture-text { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;  }
.topic-div{height: 20.208333vw;margin-bottom:30px;overflow: hidden;padding:0px 15px !important;}
.ico-favorite{
	right:20px !important;
}
.search-row-title .title-b{
	height: 56px !important;
    margin: 0 !important;
    line-height: unset !important;
    margin-bottom: 10px !important;
    padding-right: 150px;
}
@media (max-width: 768px) {
	/* .pull-right{display:none !important} */
	.topic-div{height: auto}
	.other-topic-summary h3{    top: 16vw;font-size:16px;}
	.stopictitletitle{top: 10vw;}
	.stopictitletitle .titleppp{font-size:18px;}
	.other-topic-summary p{line-height: 5vw; height: auto; top:26vw;bottom:auto;font-size:12px}
}
.stopictitle{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}