@charset "UTF-8";


/*===================================================


	reset.css


====================================================*/
*{
	-webkit-touch-callout: none;
	user-select: none;
	outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}


html,body {
font-family: "noto-sans-cjk-jp", sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
}
body {
	width: 100%;
	font-smoothing: antialiased;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: antialiased;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
ul, ol {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	text-decoration: none;
	color: inherit;
}
input, select {
	vertical-align:middle;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	line-height: 1.0;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

img {
	width:100%;
	vertical-align: bottom;
	line-height: 1.0;
}

body, footer, body:not(.page--home) .wrap, .block--content-wrap {
    opacity: 1;
    background: transparent !important;
}
.wrap {
    padding-top: 150px;
}
.wrap::before {
	display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    width: 100%;
    background: #001a72;
}
.wrap::after {
	display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 10px;
    width: 100%;
    background: #001a72;
}
#header-nav.header {
    display: none;
}
footer .bg {
    display: none;
}
.delighter {
    transition: all .5s ease-out;
    transform: translatey(10%);
    opacity: 0;
   }

.delighter.started {
      transform: none;
      opacity: 1;
   }

.bgBox {
    width: 100%;
    height: 100%;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.6s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
.bg {
    position: absolute;
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
    opacity: 1;
}
.bg01 {
    opacity: 1;
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/bg_main_pc_q5H9VEvU.jpg) no-repeat center center;
    background-position: top;
    background-size: cover;
}

h2{
	font-family: "presicav", sans-serif;
}


.menu{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
	top: 20px;
    right: 20px;
    z-index: 20;
}
.menu li{

}
.menu li a{
    display: block;
    background: #001a72;
    color: #fff;
    border: 2px solid #fff;
    width: 120px;
    text-align: center;
    padding: 10px;
    border-radius: 999px;
    font-size: 13px;
    margin: 0 5px;
    font-family: "presicav", sans-serif;
    font-weight: bold;
    transition: 0.4s;
}
.historyBlock{
    width: 960px;
    margin: auto;
    position: relative;
}
.historyBlock .history_line{

}
.historyBlock .history_line h2{
    width: 300px;
    margin: auto;
}
.historyBlock .history_line .line{
    height: 23800px;
    margin: auto;
    position: relative;
}
.historyBlock .history_line .line::before {
    display: block;
    content: "";
    width: 15px;
    height: 100%;
    background:#fff;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.historyBlock .history_line .line::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_arrow_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 55px;
    height: 66px;
    bottom: -57px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.historyBlock .history_line .date_list{

}
.historyBlock .history_line .date_list li{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;
    font-family: "presicav", sans-serif;
    background: #5f84ff;
    height: 80px;
    width: 80px;
    border-radius: 999px;
    border: 5px solid #fff;
    z-index: 1;
}
.historyBlock .history_line .date_list li span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    line-height: 1.2;
    font-size: 20px;
    color: #001a72;
    font-weight: bold;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.history_list{

}
.history_list > li{
    position: absolute;
    top: 200px;
    width: 250px;
    background: #fff;
    padding: 20px;
}
.history_list > li .icon {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
    left: 0;
}
.history_list > li .btn,
.history_list > li .slide-items{
  position: relative;
  z-index: 1;
}
.history_list > li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -205px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    background: #fff;
    width: 180px;
    height: 5px;
}
.history_list > li:nth-of-type(4n)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_01_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -35px;
    top: -30px;
	animation: anime3 3s linear infinite;
}
.history_list > li:nth-of-type(4n+1)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_02_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
	right: -35px;
    bottom: -30px;
	animation: anime1 3s linear infinite;
}
.history_list > li:nth-of-type(4n+2)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_03_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -35px;
    top: -30px;
	animation: anime2 3s linear infinite;
}
.history_list > li:nth-of-type(4n+3)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_04_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 80px;
    height: 50px;
    position: absolute;
    left: -27px;
    top: -30px;
	animation: anime4 2s linear infinite;
}
@keyframes anime1 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes anime2 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
@keyframes anime3 {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
@keyframes anime4 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}
.history_list > li.left{
    left: 70px;
}
.history_list > li.left::before {
    right: -143px;
    width: 120px;
}
.history_list li.live{
    right: 0;
}
.history_list > li.live::before {
    left: -205px;
    right: auto;
}
.history_list li.live.right{
    right: 70px;
    text-align: left;
}
.history_list > li.live.right::before {
    left: -143px;
    width: 120px;
}
.history_list li .border li{
    padding: 0;
    background: none;
    text-align: start;
    left: auto;
    width: auto;
    position: initial;
}
.history_list li .border li::before {
    display: block;
    content: "";
    background: #5F7ED3;
    width: 96%;
    height: 5px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.history_list li .border li:nth-child(2)::before{
    top: 50%;
    left: -10px;
    width: 5px;
    height: 96%;
    background: #001A72;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.history_list li .border li:nth-child(3)::before{
	top: 50%;
    right: -10px;
    width: 5px;
    height: 96%;
    background: #001A72;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: auto;
}
.history_list li .border li:nth-child(4)::before{
    bottom: -10px;
    top: auto;
}


.history_list li.live .border li::before {
    display: block;
    content: "";
    background: #001A72;
    width: 105%;
    height: 5px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.history_list li.live .border li:nth-child(2)::before {
    top: -10px;
    left: -10px;
    width: 5px;
    height: 55%;
    background: #001A72;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.history_list li.live .border li:nth-child(3)::before {
    top: -10px;
    right: -10px;
    width: 5px;
    height: 55%;
    background: #001A72;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    left: auto;
}
.history_list li.live .border li:nth-child(4)::before{
    background: #5f7ed3;
    bottom: 0;
    top: auto;
    width: 5px;
    height: 45%;
    left: -10px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.history_list li.live .border li:nth-child(4)::after{
    display: block;
    content: "";
    background: #5f7ed3;
    bottom: 0;
    top: auto;
    width: 5px;
    height: 45%;
    left: auto;
    right:-10px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    position: absolute;
}
.history_list li.live .border li:nth-child(5)::before{
    content: '';
    display: inline-block;
    width: 108%;
    height: 50px;
    background-image: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_live_frame_q5H9VEvU.png);
    background-size: 100%;
    vertical-align: middle;
    top: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom;
	bottom: -40px;
}


.history_list .tit{
    color: #001a72;
    text-align: center;
    font-weight: bold;
    margin: 0 0 5px 0;
    font-size: 16px;
}
.history_list .date{
    color: #001a72;
    text-align: center;
    font-weight: bold;
    margin: 0 0 5px 0;
    font-size: 12px;
    opacity: 1;
    display: block;
    font-family: "noto-sans-cjk-jp", sans-serif;
}
.history_list .ph{
    width: 70%;
    margin: 0 auto 10px;
}
.history_list .list{
    margin: 0 0 10px 0;
}
.history_list .list li{
    font-size: 13px;
}
.history_list .btn a{
    background: #001a72;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    margin: 0 0 5px 0;
    display: block;
}
.history_list .comment{
    padding: 15px;
    background: #f1f4ff;
    margin-bottom: 25px;
}
.history_list .comment .txt{
    font-size: 12px;
}
.history_list .comment .txt.secret{
    text-align: center;
    font-family: "presicav", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #8d8d8d;
}

.mov {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.contentsArea.phArea {
    position: relative;
    min-height: 200px;
}
.pulse-container {
  width: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
 animation: fadeOut 0.5s ease 2s 1 forwards;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.pulse-bubble {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffff;
}

.pulse-bubble-1 {
    animation: pulse .8s ease 0s infinite alternate;
}
.pulse-bubble-2 {
    animation: pulse .8s ease .2s infinite alternate;
}
.pulse-bubble-3 {
    animation: pulse .8s ease .4s infinite alternate;
}



@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: .25;
    transform: scale(.75);
  }
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.slick-dotted.slick-slider {
    margin: 20px 0;
}
.slick-dots
{
    position: absolute;
    bottom: -5px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 2px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 15px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height:10px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


body.open{
	pointer-events: none;
}
body.open .contentWrap.anim{
	opacity: 1;
}
.history_list > li .popup {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .2s ease-in-out;
    border-bottom: none;
    max-width: none;
}
.history_list > li .popActive{
	opacity: 1;
	pointer-events: all;
}
.history_list > li .popup .closeBg{
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.history_list > li .popup .popInBox{
    padding: 4vw;
    box-sizing: border-box;
    width: 90%;
    max-width: 1000px;
    margin: 5vh auto;
    z-index: 1;
    position: relative;
    background-color: #fff;
    border: 5px solid #001a72;
    border-radius: 30px;
}
.history_list > li .popup .close {
    z-index: 9999;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
    background: #fff;
    border-radius: 999px;
    border: 3px solid #001a72;
}
.history_list > li .popup .back a{
    display: none;
    width: 30%;
    font-size: 14px;
    border: 1px solid #000;
    text-align: center;
    margin: 0 auto 0;
    text-decoration: none;
    padding: 5px;
    border-radius: 100px;
}
.history_list > li .popup .close::before,
.history_list > li .popup .close::after {
    content: '';
    display: inline-block;
	width: 60%;
    height: 3px;
    background: #001a72;
    position: absolute;
    transform-origin: center;
    top: 50%;
    left: 50%;
}

.history_list > li .popup .close::before {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.history_list > li .popup .close::after {
    transform: translate(-50%,-50%) rotate(45deg);
}
.history_list > li .popup ul li{
    width: 100%;
    padding-top: 0;
    background-color: transparent;
    position: relative;
	background: none;
}
.history_list > li .popup .slick-dots li{
    width: 10px;
}

.history_list > li .popup .logo{
    width: 80px;
    margin: 0 auto 20px;
}
.history_list > li .popup .inner{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.history_list > li .popup .inner > .ph{
    width: 40%;
}
.history_list > li .popup .inner .titArea{
    width: 55%;
}
.history_list > li .popup .inner .titArea .tit{
text-align: left;
    font-size: 33px;
    margin: 0 0 15px 0;
}
.history_list > li .popup .inner .titArea .tit span{
    font-size: 75%;
    display: block;
    margin: 0 0 5px 0;
}
.history_list > li .popup .inner .titArea .date{
    text-align: left;
    font-size: 15px;
    margin: 0;
}
.history_list > li .popup .inner .titArea .date .list{
    margin: 10px 0;
}
.history_list > li .popup .inner .titArea .youtubeBtn{
    font-size: 26px;
    display: inline-block;
    margin: 10px 10px 10px 0;
}
.history_list > li .popup .inner .titArea .youtubeBtn a{
    color: #001a72;
}
.history_list > li .popup .txt{
    padding: 40px 0;
    border-top: 2px solid #001a72;
    border-bottom: 2px solid #001a72;
    color: #001a72;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    margin: 20px 0 0 0;
}
.history_list > li .popup .bg_logo{
    position: absolute;
    top: 0;
    width: 50%;
    right: 0;
    opacity: 0.03;
    z-index: -1;
}

/***********************************************************
	日付位置調整
***********************************************************/

.historyBlock .history_line .date_list li:nth-child(even)::before {
    display: block;
    content: "";
    width: 15px;
    height: 210px;
    background: #001a72;
    margin: auto;
    position: absolute;
    top: 75px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    z-index: -1;
}

.historyBlock .history_line .date_list li.date_2022_07{
    top: 115px;
}
.historyBlock .history_line .date_list li.date_2022_07::before {
    height:50px;
}
.historyBlock .history_line .date_list li.date_2022_08{
    top: 225px;
}
.historyBlock .history_line .date_list li.date_2022_10{
    top: 580px;
}
.historyBlock .history_line .date_list li.date_2022_10::before {
    height:445px;
}
.historyBlock .history_line .date_list li.date_2022_11{
    top: 1050px;
}
.historyBlock .history_line .date_list li.date_2023_01{
top: 2430px;
}
.historyBlock .history_line .date_list li.date_2023_01::before {
    height:450px;
}
.historyBlock .history_line .date_list li.date_2023_02{
    top: 2900px;
}
.historyBlock .history_line .date_list li.date_2023_03{
    top: 3340px;
}
.historyBlock .history_line .date_list li.date_2023_03::before {
    height:1250px;
}
.historyBlock .history_line .date_list li.date_2023_04{
    top: 4650px;
}
.historyBlock .history_line .date_list li.date_2023_05{
    top: 6205px;
}
.historyBlock .history_line .date_list li.date_2023_05::before {
    height:1280px;
}
.historyBlock .history_line .date_list li.date_2023_06 {
    top: 7550px;
}
.historyBlock .history_line .date_list li.date_2023_07{
    top: 7800px;
}
.historyBlock .history_line .date_list li.date_2023_07::before {
    height:970px;
}
.historyBlock .history_line .date_list li.date_2023_08{
    top: 8820px;
}
.historyBlock .history_line .date_list li.date_2023_09{
    top: 9680px;
}
.historyBlock .history_line .date_list li.date_2023_09::before {
    height: 430px;
}
.historyBlock .history_line .date_list li.date_2023_10{
    top: 10130px;
}
.historyBlock .history_line .date_list li.date_2023_11{
    top: 11710px;
}
.historyBlock .history_line .date_list li.date_2023_11::before {
    height:1830px;
}
.historyBlock .history_line .date_list li.date_2023_12{
    top: 13600px;
}
.historyBlock .history_line .date_list li.date_2024_01{
    top: 14000px;
}
.historyBlock .history_line .date_list li.date_2024_01::before {
    height:435px;
}
.historyBlock .history_line .date_list li.date_2024_02{
    top: 14500px;
}
.historyBlock .history_line .date_list li.date_2024_03{
    top: 14920px;
}
.historyBlock .history_line .date_list li.date_2024_03::before {
    height:950px;
}
.historyBlock .history_line .date_list li.date_2024_04{
    top: 15930px;
}
.historyBlock .history_line .date_list li.date_2024_04::before {
    height: 2670px;
}
.historyBlock .history_line .date_list li.date_2024_05{
    top: 17090px;
}
.historyBlock .history_line .date_list li.date_2024_05::before {
    height: 430px;
}
.historyBlock .history_line .date_list li.date_2024_06{
    top: 17550px;
}
.historyBlock .history_line .date_list li.date_2024_07{
    top: 17880px;
}
.historyBlock .history_line .date_list li.date_2024_07::before {
    height: 730px;
}
.historyBlock .history_line .date_list li.date_2024_08{
    top: 18680px;
}
.historyBlock .history_line .date_list li.date_2024_09{
    top: 19400px;
}
.historyBlock .history_line .date_list li.date_2024_09::before {
    height: 1740px;
}
.historyBlock .history_line .date_list li.date_2024_10{
    top: 21200px;
}
.historyBlock .history_line .date_list li.date_2024_11{
    top: 21830px;
}
.historyBlock .history_line .date_list li.date_2024_11::before {
    height: 870px;
}
.historyBlock .history_line .date_list li.date_2024_12{
    top: 22710px;
}
/***********************************************************
	項目位置調整
***********************************************************/

.history_list > li.history_2022_06_a{
    top: 350px;
}
.history_list > li.history_2022_07_a{
    top:340px;
}
.history_list > li.history_2022_08_a{
    top: 500px;
}
.history_list > li.history_2022_10_a{
    top:1060px;
}
.history_list > li.history_2022_10_b{
    top: 910px;
}
.history_list > li.history_2022_11_a {
    top: 1530px;
	background: #D3E2EF;
}
.history_list > li.history_2022_11_a::before {
    top: 20%;
}
.history_list > li.history_2022_11_b{
    top: 1930px;
    background: #D3E2EF;
}
.history_list > li.history_2022_11_b::before {
    top: 65%;

}
.history_list > li.history_2022_11_c{
    top: 2420px;
}

.history_list > li.history_2022_11_d{
    top: 1430px;
}

.history_list > li.history_2023_01_a{
    top:2860px;
}
.history_list > li.history_2023_01_b {
    top: 3230px;
}
.history_list > li.history_2023_02_a{
    top: 3300px;
    background: #D3E2EF;
}
.history_list > li.history_2023_03_a{
    top: 3700px;
}
.history_list > li.history_2023_03_b{
    top: 3900px;
}
.history_list > li.history_2023_03_c{
    top: 4200px;
}
.history_list > li.history_2023_03_d{
    top: 4690px;
background: #D3E2EF;
}

.history_list > li.history_2023_04_a{
    top: 5220px;
}
.history_list > li.history_2023_04_b{
    top: 5000px;
}
.history_list > li.history_2023_04_c{
    top: 5530px;
    background: #D3E2EF;
}
.history_list > li.history_2023_04_d{
    top: 5730px;
}
.history_list > li.history_2023_04_e{
    top: 6130px;
}
.history_list > li.history_2023_05_a{
    top: 7000px;
}
.history_list > li.history_2023_05_b{
    top: 6620px;
}
.history_list > li.history_2023_05_c{
    top: 7550px;
}
.history_list > li.history_2023_05_d{
    top: 7220px;
}
.history_list > li.history_2023_06_a {
    top: 7880px;
}
.history_list > li.history_2023_07_a{
    top: 8240px;
    background: #D3E2EF;
}
.history_list > li.history_2023_07_b{
    top: 8310px;
}
.history_list > li.history_2023_07_c{
background: #D3E2EF;
    top: 8900px;
}
.history_list > li.history_2023_08_a{
    top: 9200px;
}
.history_list > li.history_2023_08_b{
    top: 9675px;
}
.history_list > li.history_2023_08_c{
    top: 9250px;
}
.history_list > li.history_2023_09_a{
    top: 10140px;
background: #D3E2EF;
}
.history_list > li.history_2023_10_a{
    top: 10980px;
}
.history_list > li.history_2023_10_b{
    top: 10590px;
}
.history_list > li.history_2023_10_c{
    top: 11110px;
}
.history_list > li.history_2023_10_d {
    top: 10510px;
}
.history_list > li.history_2023_10_e{
    top: 11750px;
}
.history_list > li.history_2023_10_f{
    top: 11550px;
}
.history_list > li.history_2023_11_a{
    top: 12100px;
}
.history_list > li.history_2023_11_b{
    top: 12540px;
    background: #D3E2EF;
}
.history_list > li.history_2023_11_c{
    top: 13000px;
}
.history_list > li.history_2023_11_d{
    top: 13540px;
}
.history_list > li.history_2023_12_a{
    top: 14030px;
background: #D3E2EF;
}
.history_list > li.history_2024_01_a{
    top: 14350px;
    background: #D3E2EF;
}
.history_list > li.history_2024_01_b{
    top: 14480px;
}
.history_list > li.history_2024_02_a{
    top: 14860px;
}
.history_list > li.history_2024_03_a{
    top: 15270px;
}
.history_list > li.history_2024_03_b{
    top: 15370px;
}
.history_list > li.history_2024_03_c{
    top: 15720px;
    background: #D3E2EF;
}
.history_list > li.history_2024_04_a{
    top: 16300px;
}
.history_list > li.history_2024_04_b{
    top: 16670px;
}
.history_list > li.history_2024_04_c{
    top: 17070px;
    background: #D3E2EF;
}
.history_list > li.history_2024_04_d{
    top: 16560px;
}
.history_list > li.history_2024_05_a{
    top: 17450px;
}
.history_list > li.history_2024_05_b{
    top: 17450px;
}
.history_list > li.history_2024_06_a{
    top: 17850px;
}
.history_list > li.history_2024_07_a{
    top: 18250px;
}
.history_list > li.history_2024_07_b{
    top: 18550px;
}
.history_list > li.history_2024_08_a{
    top: 19020px;
}
.history_list > li.history_2024_08_b{
    top: 19400px;
}
.history_list > li.history_2024_08_c{
    top: 18370px;
}
.history_list > li.history_2024_09_a{
    top: 19780px;
}
.history_list > li.history_2024_09_b{
    top: 20820px;
}
.history_list > li.history_2024_09_c{
    top: 20310px;
}
.history_list > li.history_2024_09_d{
    top: 20850px;
}
.history_list > li.history_2024_10_a{
    top: 21550px;
}
.history_list > li.history_2024_10_b{
    top: 21880px;
}
.history_list > li.history_2024_11_a{
    top: 22240px;
}
.history_list > li.history_2024_11_b{
    top: 22670px;
}

.history_list > li.history_2024_12_a{
    top: 23850px;
}

.history_list > li.history_2024_12_b{
    top: 23120px;
}

.history_list > li.history_2024_12_c{
    top: 23560px;
}


@media screen and (min-width: 960px){

.history_list > li:hover{
    background: #9aa4f3;
}
.history_list .btn a:hover{
opacity: 0.6;
}
.menu li a:hover{
    background: #5f84ff;
}


}



@media screen and (min-width: 1px) and (max-width: 960px){

body, footer, body:not(.page--home) .wrap, .block--content-wrap {
    opacity: 1;
    background: transparent !important;
}
body, footer, .bg::before, body:not(.page--home) .wrap, .page--blog .block--comment .list--comment li form input {
    background: transparent;
}
body:not(.page--home) .bg {
    height: 100%;
}
body:not(.page--home) .drawer__btn {
    display: none;
}
.wrap:not(.page--home) {
    padding-top: 50px;
}
h1.logo {
    display: none;
}
.menu {
    top: 15px;
    z-index: 20;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    right: auto;
    width: 100%;
}
.menu li a {
    width: 95px;
    padding: 8px;
    font-size: 11px;
    margin: 0 3px;
}
.historyBlock {
    width: 95%;
}
.historyBlock .history_line h2 {
    width: 200px;
    margin: auto;
}
.history_list > li {
    position: absolute;
    top: 200px;
    width: 130px;
    left: 10px;
    background: #fff;
    padding: 20px 10px;
}
.history_list > li.left {
    left: 10px;
}
.history_list li.live {
    right: 10px;
    left: auto;
}

.historyBlock .history_line .date_list li span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    line-height: 1.2;
    font-size: 12px;
    color: #001a72;
    font-weight: bold;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.historyBlock .history_line .date_list li {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;
    font-family: "presicav", sans-serif;
    background: #5f84ff;
    height: 50px;
    width: 50px;
    border-radius: 999px;
    border: 2px solid #fff;
}

.history_list > li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    background: #fff;
    right: -33px;
    width: 20px;
    height: 3px;
}
.history_list > li.left::before {
    right: -31px;
    width: 20px;
}
.history_list li.live.right {
    right: 10px;
    text-align: left;
}

.historyBlock .history_line .line::before {
    width: 10px;
}
.historyBlock .history_line .date_list li:nth-child(even)::before {
    width: 10px;
    height: 210px;
    top: 48px;
}
.historyBlock .history_line .date_list li.date_2023_01::before {
    height: 450px;
}
.historyBlock .history_line .date_list li.date_2023_03::before {
    height: 600px;
}
.historyBlock .history_line .date_list li.date_2023_05::before {
    height: 100px;
}
.historyBlock .history_line .date_list li.date_2023_08::before {
    height: 500px;
}
.historyBlock .history_line .date_list li.date_2023_10::before {
    height: 800px;
}
.historyBlock .history_line .date_list li.date_2023_12::before {
    height: 240px;
}
.historyBlock .history_line .date_list li.date_2024_02::before {
    height: 215px;
}
.historyBlock .history_line .date_list li.date_2024_04::before {
    height: 2300px;
}

.history_list > li.live::before {
    left: -30px;
    right: auto;
}

.history_list .tit {
    color: #001a72;
    text-align: center;
    font-weight: bold;
    margin: 0 0 3px 0;
    font-size: 12px;
}
.history_list .date {
    color: #001a72;
    text-align: center;
    font-weight: bold;
    margin: 0 0 5px 0;
    font-size: 10px;
    opacity: 1;
    display: block;
    font-family: "noto-sans-cjk-jp", sans-serif;
}
.history_list .btn a {
    background: #001a72;
    padding: 5px;
    font-size: 11px;
    color: #fff;
    margin: 0 0 5px 0;
    display: block;
}
.history_list .comment {
    padding: 10px;
    background: #dbe1f5;
}
.history_list .comment .txt {
    font-size: 10px;
}
.history_list .comment .txt.secret {
    font-size: 11px;
}
.history_list > li:nth-of-type(4n)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_01_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -16px;
    top: -16px;
    animation: anime3 3s linear infinite;
}
.history_list > li:nth-of-type(4n+1)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_02_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -13px;
    bottom: -14px;
}
.history_list > li:nth-of-type(4n+2)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_03_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -8px;
    top: -12px;
}
.history_list > li:nth-of-type(4n+3)::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_parts_04_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 45px;
    height: 45px;
    position: absolute;
    left: -10px;
    top: -30px;
}
.history_list .list li {
    font-size: 10px;
}

.history_list li .border li::before {
    display: block;
    content: "";
    background: #5F7ED3;
    width: 96%;
    height: 3px;
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.history_list li .border li:nth-child(2)::before {
    top: 50%;
    left: -7px;
    width: 3px;
    height: 96%;
    background: #001A72;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.history_list li .border li:nth-child(3)::before {
    top: 50%;
    right: -7px;
    width: 3px;
    height: 96%;
    background: #001A72;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: auto;
}
.history_list li .border li:nth-child(4)::before {
    bottom: -7px;
    top: auto;
}
.history_list li.live .border li::before {
    display: block;
    content: "";
    background: #001A72;
    width: 107%;
    height: 3px;
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.history_list li.live .border li:nth-child(2)::before {
    top: -7px;
    left: -7px;
    width: 3px;
    height: 55%;
    background: #001A72;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.history_list li.live .border li:nth-child(3)::before {
    top: -7px;
    right: -7px;
    width: 3px;
    height: 55%;
    background: #001A72;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    left: auto;
}
.history_list li.live .border li:nth-child(4)::after {
    display: block;
    content: "";
    background: #5f7ed3;
    bottom: 0;
    top: auto;
    width: 3px;
    height: 45%;
    left: auto;
    right: -7px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    position: absolute;
}

.history_list li.live .border li:nth-child(4)::before {
    background: #5f7ed3;
    bottom: 0;
    top: auto;
    width: 3px;
    height: 45%;
    left: -7px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.history_list li.live .border li:nth-child(5)::before {
    content: '';
    display: inline-block;
    width: 111%;
    height: 50px;
    background-image: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_live_frame_q5H9VEvU.png);
    background-size: 100%;
    vertical-align: middle;
    top: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom;
    bottom: -23px;
}
.history_list > li.live.right::before {
    left: -30px;
    width: 20px;
}

.historyBlock .history_line .date_list li.date_2022_06 {
    top: 0;
}
.historyBlock .history_line .date_list li.date_2022_07 {
    top:70px;
}
.historyBlock .history_line .date_list li.date_2022_07::before {
    height: 50px;
}
.historyBlock .history_line .date_list li.date_2022_08 {
    top: 145px;
}
.historyBlock .history_line .date_list li.date_2022_10 {
    top:640px;
}
.historyBlock .history_line .date_list li.date_2022_10::before {
    height:320px;
}
.historyBlock .history_line .date_list li.date_2022_11 {
    top: 920px;
}
.historyBlock .history_line .date_list li.date_2023_01 {
    top: 2080px;
}
    .historyBlock .history_line .date_list li.date_2023_01::before {
        height: 300px;
    }
.historyBlock .history_line .date_list li.date_2023_02 {
    top: 2410px;
}
.historyBlock .history_line .date_list li.date_2023_03 {
    top: 2740px;
}
    .historyBlock .history_line .date_list li.date_2023_03::before {
        height: 950px;
    }
.historyBlock .history_line .date_list li.date_2023_04 {
    top:3720px;
}
.historyBlock .history_line .date_list li.date_2023_05 {
    top: 4775px;
}
    .historyBlock .history_line .date_list li.date_2023_05::before {
        height: 840px;
    }
.historyBlock .history_line .date_list li.date_2023_06 {
    top: 5640px;
}
.historyBlock .history_line .date_list li.date_2023_07 {
    top:5900px;
}
.historyBlock .history_line .date_list li.date_2023_07::before {
    height: 665px;
}
.historyBlock .history_line .date_list li.date_2023_08 {
    top: 6610px;
}
.historyBlock .history_line .date_list li.date_2023_09 {
    top: 7240px;
}
.historyBlock .history_line .date_list li.date_2023_09::before {
    height: 300px;
}
.historyBlock .history_line .date_list li.date_2023_10 {
    top: 7570px;
}
.historyBlock .history_line .date_list li.date_2023_11 {
    top: 8800px;
}
.historyBlock .history_line .date_list li.date_2023_11::before {
    height: 1190px;
}
.historyBlock .history_line .date_list li.date_2023_12 {
    top: 10030px;
}
.historyBlock .history_line .date_list li.date_2024_01 {
    top:10280px;
}
.historyBlock .history_line .date_list li.date_2024_01::before {
    height: 350px;
}
.historyBlock .history_line .date_list li.date_2024_02 {
    top:10670px;
}
.historyBlock .history_line .date_list li.date_2024_03 {
    top: 10980px;
}
.historyBlock .history_line .date_list li.date_2024_03::before {
    height: 730px;
}
.historyBlock .history_line .date_list li.date_2024_04 {
    top: 11750px;
}
.historyBlock .history_line .date_list li.date_2024_05 {
    top: 12620px;
}
.historyBlock .history_line .date_list li.date_2024_05::before {
    height: 350px;
}
.historyBlock .history_line .date_list li.date_2024_06 {
    top: 12980px;
}
.historyBlock .history_line .date_list li.date_2024_07 {
    top: 13300px;
}
.historyBlock .history_line .date_list li.date_2024_07::before {
    height: 630px;
}
.historyBlock .history_line .date_list li.date_2024_08 {
    top: 13960px;
}
.historyBlock .history_line .date_list li.date_2024_09 {
    top: 14460px;
}
.historyBlock .history_line .date_list li.date_2024_09::before {
    height: 1280px;
}
.historyBlock .history_line .date_list li.date_2024_10 {
    top: 15780px;
}
.historyBlock .history_line .date_list li.date_2024_11 {
    top: 16330px;
}
.historyBlock .history_line .date_list li.date_2024_11::before {
    height: 610px;
}
.historyBlock .history_line .date_list li.date_2024_12 {
    top: 16980px;
}
.history_list > li.history_2022_06_a {
    top: 220px;
}
.history_list > li.history_2022_07_a {
    top: 215px;
}
.history_list > li.history_2022_08_a {
    top: 340px;
}
.history_list > li.history_2022_10_a {
    top:850px;
}

.history_list > li.history_2022_10_b {
    top:510px;
}

.history_list > li.history_2022_11_a {
    top: 1190px;
}
.history_list > li.history_2022_11_b {
    top: 1640px;
}
.history_list > li.history_2022_11_c {
    top: 2010px;
}
.history_list > li.history_2022_11_d {
    top: 1240px;
}

.history_list > li.history_2023_01_a {
    top:2350px;
}
.history_list > li.history_2023_01_b {
    top: 1975px;
}
.history_list > li.history_2023_02_a {
    top: 2670px;
    background: #D3E2EF;
}
.history_list > li.history_2023_03_a {
    top:2990px;
}

.history_list > li.history_2023_03_b {
    top:3090px;
}
.history_list > li.history_2023_03_c {
    top: 3345px;
}
.history_list > li.history_2023_03_d {
    top: 3640px;
    background: #D3E2EF;
}
.history_list > li.history_2023_04_a {
    top:3980px;
}
.history_list > li.history_2023_04_b {
    top: 4000px;
}
.history_list > li.history_2023_04_c {
    top: 4330px;
    background: #D3E2EF;
}
.history_list > li.history_2023_04_d {
    top: 4530px;
}
.history_list > li.history_2023_04_e {
    top: 4700px;
}
.history_list > li.history_2023_05_a {
    top: 5250px;
}
.history_list > li.history_2023_05_b {
    top: 5040px;
}
.history_list > li.history_2023_05_c {
    top: 5630px;
}
.history_list > li.history_2023_05_d {
    top: 5500px;
}
.history_list > li.history_2023_06_a {
    top: 5910px;
}
.history_list > li.history_2023_07_a {
    top: 6160px;
}
.history_list > li.history_2023_07_b {
    top: 6210px;
}
.history_list > li.history_2023_07_c {
    background: #D3E2EF;
    top: 6600px;
}

.history_list > li.history_2023_08_a {
    top: 6860px;
}
.history_list > li.history_2023_08_b {
    top: 7180px;
}
.history_list > li.history_2023_08_c {
    top: 6880px;
}
.history_list > li.history_2023_09_a {
    top: 7510px;
}
.history_list > li.history_2023_10_a {
    top: 8180px;
}
.history_list > li.history_2023_10_b {
    top: 7920px;
}
.history_list > li.history_2023_10_c {
    top: 8310px;
}
.history_list > li.history_2023_10_d {
    top: 7840px;
}
.history_list > li.history_2023_10_e {
    top: 8750px;
}
.history_list > li.history_2023_10_f {
    top: 8600px;
}
.history_list > li.history_2023_11_a {
    top: 9070px;
}
.history_list > li.history_2023_11_b {
    top: 9350px;
    background: #D3E2EF;
}
.history_list > li.history_2023_11_c {
    top: 9610px;
}
.history_list > li.history_2023_11_d {
    top: 9980px;
}
.history_list > li.history_2023_12_a {
    top: 10310px;
}

.history_list > li.history_2024_01_a {
    top: 10520px;
}
.history_list > li.history_2024_01_b {
    top: 10620px;
}
.history_list > li.history_2024_02_a {
    top: 10920px;
}
.history_list > li.history_2024_03_a {
    top: 11250px;
}
.history_list > li.history_2024_03_b {
    top: 11370px;
}
.history_list > li.history_2024_03_c {
    top: 11600px;
}

.history_list > li.history_2024_04_a {
    top: 12020px;
}
.history_list > li.history_2024_04_b {
    top: 12300px;
}
.history_list > li.history_2024_04_c {
    top: 12570px;
}
.history_list > li.history_2024_04_d {
    top: 12230px;
}
.history_list > li.history_2024_05_a {
    top: 12900px;
}
.history_list > li.history_2024_05_b {
    top: 12940px;
}
.history_list > li.history_2024_06_a {
    top: 13240px;
}
.history_list > li.history_2024_07_a {
    top: 13560px;
}
.history_list > li.history_2024_07_b {
    top: 13800px;
}
.history_list > li.history_2024_08_a {
    top: 14210px;
}
.history_list > li.history_2024_08_b {
    top: 14450px;
}
.history_list > li.history_2024_08_c {
    top: 13940px;
}
.history_list > li.history_2024_09_a {
    top: 14730px;
}
.history_list > li.history_2024_09_b {
    top: 15450px;
}
.history_list > li.history_2024_09_c {
    top: 15120px;
}
.history_list > li.history_2024_09_d {
    top: 15500px;
}
.history_list > li.history_2024_10_a {
    top: 16060px;
}
.history_list > li.history_2024_10_b {
    top: 16300px;
}
.history_list > li.history_2024_11_a {
    top: 16620px;
}
.history_list > li.history_2024_11_b {
    top: 16930px;
}
.history_list > li.history_2024_12_a {
    top: 17800px;
}
.history_list > li.history_2024_12_b {
    top: 17250px;
}
.history_list > li.history_2024_12_c {
    top: 17540px;
}



.historyBlock .history_line .line {
    height: 17800px;
    margin: auto;
    position: relative;
}
.historyBlock .history_line .line::after {
    display: block;
    content: "";
    background: url(/static/fcopen/fanplakit/artist/exwhyz_w8iu2s4vp3b/feature/timeline/images/ph_arrow_q5H9VEvU.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 35px;
    height: 41px;
    bottom: -34px;
    position: absolute;
    left: 50.15%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.history_list > li .popup .popInBox {
    padding: 20px;
    box-sizing: border-box;
    width: 90%;
    max-width: 1000px;
    margin: 7vh auto;
    z-index: 1;
    position: relative;
    background-color: #fff;
    border: 3px solid #001a72;
    border-radius: 10px;
}

.history_list > li .popup .logo {
    width: 50px;
    margin: 0 auto 20px;
}
.history_list > li .popup .inner .titArea .tit {
    text-align: left;
    font-size: 16px;
    margin: 0 0 5px 0;
}

.history_list > li .popup .inner .titArea .date {
    text-align: left;
    font-size: 11px;
    margin: 0;
}
.history_list > li .popup .inner .titArea .youtubeBtn {
    font-size: 20px;
    display: inline-block;
    margin: 5px 5px 5px 0;
}
.history_list > li .popup .txt {
    padding: 25px 0;
    border-top: 2px solid #001a72;
    border-bottom: 2px solid #001a72;
    color: #001a72;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.5;
    margin: 10px 0 0 0;
}


}




@media screen and (min-width: 600px) and (max-width: 960px){

.historyBlock {
    width: 95%;
    max-width: 500px;
}
.history_list > li {
    width: 150px;
}
.history_list > li::before {
    right: -73px;
    width: 50px;
}
.history_list > li.live.right::before {
    left: -73px;
    right: auto;
    width: 50px;
}
.history_list > li.left::before {
    right: -69px;
    width: 50px;
}
.history_list > li.live::before {
    left: -73px;
    right: auto;
}


}