.part-1:after,
.part-2:after,
.part-3:after,
.part-4:after,
.left-part:after,
.right-part:after,
.special-column-container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}
.part-1-imgbox-1,
.part-2-imgbox-1 {
	height: 0;
	position: absolute;
    overflow: hidden;
}
img {
	width: 100%;
}
#myCarousel img{width:50%;}
.special-column-container{
	width: 100%;
	/*max-width: 1920px;*/
	margin: 0 auto;
	overflow: hidden;
}
.header {
	height:0;
	padding-bottom: calc(100% * 895 / 1920);
	background-image: url(../images/special-column-banner.jpg);
	background-size: cover;
}
.header-container {
	width: 100%;
	text-align: center;
}
.main-title,
.main-summary,
.enter-topic {
	color: #fff;
	text-align: center;
	width: 38.3333vw;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.main-title {
	font-family: "GenJyuuGothicL-Bold";
	font-size: 4.166667vw;
	margin-top: 16.666667vw;
	letter-spacing: 3px;
	width: 70%;
}
.main-summary {
	font-size: 1.35416vw;
	line-height: 2.5vw;
	margin-top: 4.6875vw;
}
.enter-topic {
	font-family: "Noto-Medium";
	font-size: 1.25vw;
	bottom: 4.375vw;
	background-color: transparent;
	width: 8.28125vw;
	height: 2.65625vw;
	border: 1px solid #fff;
	border-radius: 0.3125vw;
	margin-top: 10.125vw;
}
.title {
	font-family: "Noto-DemiLight";
	font-size: 40px;
}
.title-part-1 {
	height:  9.375vw;
	line-height:  9.375vw;
	margin: 0;
	text-align: center;
}
.left-part,
.right-part {
	position: relative;
	width: 50%;
	height: 0;
	float: left;
	padding-bottom: calc(50% * 1040 / 960);
}
.part-top,
.part-bottom {
	height: 19.345238vw;
	overflow: hidden;
	position: relative;
}
.part-top {
	background-color: #f8ebe3;
}
.part-bottom {
	background-color: #1f2f53;
}
.part-1-imgbox-1 {
	width: 86.45833%;
    padding-bottom: calc(86.45833% * 890 / 830);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 1;
        border-radius: 5.5px;
}
.title-part-1-item {
	font-family: "GenJyuuGothicL-Bold";
	
}
.read-more {
	text-align: center;
}
.read-more button {
	font-family: "Noto-Medium";
	font-size: 0.9375vw;
	background-color: transparent;
	padding: 0.52083vw 0.9375vw;
	border: 1px solid #808080;
	border-radius: 0.286458vw;
}

/* part-2 */
.title-part-2 {
	margin-top: 6.09375vw;
	margin-bottom: 2.5vw;
	text-align: center;
	letter-spacing: 3px;
}
.sub-summary {
	font-family: "Noto-DemiLight";
	font-size: 0.9375vw;
	line-height: 1;
	text-align: center;
	margin-bottom: 3.3854vw;
}
.imgbox {
	width: 23.4375vw;
	height: 24.5833vw;
}
.topic-title {
	font-family: "Noto-DemiLight";
    font-size: 16px;
    letter-spacing: 1px;
}
.topic-title p {
	height: 42px;
    line-height: 21px;
    margin-bottom: 0;
    overflow: hidden;
    margin: 14px 16px;
}
.rel-item {
	border: 1px solid #808080;
	border-radius: 5.5px;
	margin-bottom: 1px;
}
.rel-item .imgbox img {
	height: 100%;
	width: auto;
}

/* part3 */
.part-3 {
	margin-top: 6.458333vw;
	position: relative;
}
.time-search,
.timeline-point .cur label {
	color: #f8ebe3;
}
.timeline-circle,
.timeline-controller {
	background-color: #f8ebe3;
}
.top-oneday-full {
	background-color: #1f2f53;
}
.navbar-fixed-bottom {
	/*background-color: #193732;*/
}
.oneday-container {
	background: none;
}
.read-all {
	cursor: pointer;
    font-family: "Noto-Medium";
    font-size: 1.25vw;
    bottom: 4.375vw;
    background-color: transparent;
    width: 8.28125vw;
    height: 2.65625vw;
    line-height: 2.65625vw;
    border: 1px solid #808080;
    border-radius: 5.5px !important;
    display: inline-block;
    margin-top: 7.125vw !important;
}
.read-all:hover {
	background-color: #1E506E;
	border-color: #1E506E;
	color: #fff;
}
.oneday-container {
	background: url(../images/bg-se.jpg);
}
.oneday-head,
.title-a a,
.time-year {
	color: #fff;
}
.item-mask p {
	color: #fff;
	text-align: center;
    padding-left: 5vw;
    padding-right: 5vw;
}
.pic-title,
.pic-title-h {
	font-family: "GenJyuuGothicL-Bold";
	font-size: 2.9166667vw;
	margin-top: 7vw;
}
.pic-title-h {
	margin-top: 5vw;
}
.pic-summary,
.pic-summary-h {
	font-family: "GenJyuuGothicL-Bold";
	font-size: 0.9375vw;
	margin-top: 6vw;
}
.pic-summary-h {
	margin-top: 3vw;
}
.part-1-imgbox-1:hover img,
.part-top:hover img,
.part-bottom:hover img {
    transform: scale(1.05);
}
.pd-label {
	color: #fff !important;
	
}
.wb-white {
	border-color: #fff;
	color: #fff;
	font-size: 1.25vw;
	margin-top: 7.125vw !important;
}
@media (max-width: 768px) {
	.main-title {
		font-size: 24px;
		letter-spacing: 0;
	}
	.header {
	    padding-bottom: 66.667%;
	    background-position-x: center;
	}
	.main-summary,
	.pic-summary {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0 !important;
		width: 80% !important;
		font-family: "Noto-Light";
	}
	.main-summary {
		margin-top: 6vw;
	}
	.pic-summary {
		margin: 30px auto;
	}
	.read-all {
		width: 84px;
	    height: 30px;
	    line-height: 30px;
	    border-radius: 5.5px !important;
	    font-size: 12px !important;
	    display: inline-block;
	    margin-top: 8vw !important;
	}
	.title-part-1 {
	    height: 80px;
	    line-height: 80px;
	}
	.title-part-2 {
		margin-top: 50px;
		margin-bottom: 20px;
		letter-spacing: 0;
	}
	.sub-summary {
		margin-bottom: 20px;
	}
	.title {
		font-size: 20px;
	}
	.left-part, .right-part {
		width: 100%;
	    padding-bottom: calc(100% * 1040 / 960);
	}
	.part-top, .part-bottom {
	    height: 0;
	    width: 100%;
	    overflow: hidden;
	    position: relative;
	    padding-bottom: calc(50% * 1040 / 960);
	}
	.main-container {
		padding-left: 0 !important;
    	padding-right: 0 !important;
	}
	.pic-title {
		margin-top: 31vw;
		font-size: 24px;
	}
	.pic-title-h {
	    margin-top: 50px;
	    margin-bottom: 20px;
	    font-size: 24px;
	}
	.sub-summary,
	.pic-summary-h {
		font-size: 14px;
		line-height: 21px;
		font-family: "Noto-Light";
	}
	.part-2.main-container {
		padding-left: 15px !important;
	    padding-right: 15px !important;
	}
	.swiper-container-android {
		margin-left: 0 !important;
	}
	.topic-div{
	    margin:15px 30px !important;
	}
	.column-div .pic-container{
		position:absolute;
	}
	.columndivd .contentdiv {
		padding:15px;
	}
	.main-container #mutil-div{
		margin:0;
		margin-left:15px;
	}
	.main-container #mutil-div .dafd{
		padding-right:15px;
	}
	.main-container #mutil-div .column-summarytext{
		padding:0 15px !important;
	}
	.stopictitletitle{
		top:0 !important;
	}
	.stopictitletitle .titleppp {
		line-height:30px;
	}
}
@media (max-width: 496px){
	.topic-div{
	    margin:15px 30px !important;
	}
	.column-div .pic-container{
		position:absolute;
	}
	.columndivd .contentdiv {
		padding:15px;
	}
}

@media (max-width: 374px) {
	.main-title {
		max-height: 24px;
		overflow: hidden;
	}
	.main-summary {
		max-height: 40px;
		overflow: hidden;
	}
	.pic-summary-h {
		max-height: 42px;
		overflow: hidden;
	}
}

	.picture-text {
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	}
	.summarytext {
	    margin: 0;
	    color: #fff;
	    font-family: "Noto-Thin";
	    font-size: 0.78125vw;
	    line-height: 1.2625vw;
	    height: 3.525vw;
	    overflow: hidden;
	    letter-spacing: 0.052vw;
	    position: absolute;
	    bottom: 1.5625vw;
	}
	.topic-div {
	    height: 20.208333vw;
	    margin-bottom: 30px;
	    overflow: hidden;
	    padding: 0px 15px;
	}
	.stopictitletitle {
	    margin: 0;
	    color: #fff;
	    font-family: "Noto-Medium";
	    font-size: 1.145833vw;
	    letter-spacing: 0.052vw;
	    position: absolute;
	    padding: 0px 15px;
	}
	
.columndivd{padding:0px 80px;margin-bottom: 100px;margin-top:40px;padding-bottom:80px;background-size: cover; background: url('../images/idx-oneday-bg.jpg');}
.column-div{height:20vw;margin-top:15px;}

.column-picture-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.column-summarytext {
    margin: 0;
    color: #fff;
    font-family: "Noto-Thin";
    font-size: 0.78125vw;
    line-height: 1.2625vw;
    height: 3.525vw;
    overflow: hidden;
    letter-spacing: 0.052vw;
    position: absolute;
    bottom: 1.5625vw;
}