/* BASIC css start */
#mypage { position: relative; width:100%; margin: 0 auto; overflow: hidden; font-family: Lundhags Text,Helvetica Neue,Helvetica,Arial,sans-serif;}

.journal { position: relative; margin: 0 auto; width: 1200px; }
.journal-text { width: 1000px; position: relative; margin: 0 auto; }
.journal-tit {position: relative; margin: 0 auto; text-align:center; margin-top:70px; letter-spacing:2px; font-weight: bold; font-size: 35px; color: #000; width:450px; height: 54px; line-height:54px; border-top:4px solid #333; border-bottom:4px solid #000;  font-family: Lundhags Text,Helvetica Neue,Helvetica,Arial,sans-serif;}
.jounrnal-top_img {
	height: 500px; 
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	}
.jounrnal-text__cont { position: relative; margin: 0 auto; width: 940px; }
.jounrnal-text__cont1 { text-align:center;  font-size: 18px; color: #000; line-height: 1.6em; }
.jounrnal-text__cont2 { font-size: 15px; color: #000; line-height: 1.6em; }
.jounrnal-text__cont2 a { font-size: 15px; color: #e60046; text-decoration:underline; }
.jounrnal-text__cont3 { font-weight: bold; letter-spacing: 1px; font-size: 22px; color: #5e7075; }
.jounrnal-subtit { font-weight: bold; margin :20px auto; font-size: 25px; color: #000; width: 940px; }
.jounrnal-link { position: relative; width:1200px; margin: 0 auto; }
.jounrnal-img { text-align:center; margin-top:10px;}

@media (min-width: 640px)
.jounrnal-video {
    max-height: 1000px;
	user-select: none;
    display: flex;
    position: relative;
    width: 100%;
}
.visible {
    display: block;
    animation: fadein 1s;
}
.jounrnal-video__content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}
.jounrnal-video__title {
    display: inline-block;
}
.jounrnal-video__buttons {
    display: flex;
    justify-content: center;
    text-align: center;
}

/* BASIC css end */