コードを表示

/*********************************
* タイムライン
*********************************/
.ptimeline-wrap {
    margin: 0;
    background: #FFF;
}

.ptimeline-wrap .ptimeline {
    padding: 0 !important;
    list-style: none !important;
    border: none;
    margin: 0;
}

.ptimeline-wrap .ptimeline-label {
    padding: 0px 0 0 2px;
    /* color: #1565C0; */
    color: white;
    font-size: 0.95rem;
    font-weight: 500;
}

.ptimeline-wrap .ptimeline-title {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.8;
    /* color: #313131; */
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.ptimeline-wrap .ptimeline-title.accactive {
    cursor: pointer;
    /* color: #555; */
    color: white;
    /*font-weight: 100;*/
    font-size: 0.6 rem;
    display: block;
}

/*
.ptimeline-title.accactive:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1em;
    content: "\f055";
    color: #2165c0;
    position: absolute;
    right: 5px;
}*/
/*
.ptimeline-wrap .ptimeline-title.accactive:hover {
    background: #f5faff;
}*/

/* .ptimeline-title.accactive.active:after {
    color: #dbdbdb;
    content: "\f056";
} */

.ptimeline-wrap .ptimeline-main {
    margin-top: 0.5em;
    font-size: 0.9em;
    line-height: 1.8;
    /* color: #555; */
    color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s ease-out;
    padding: 0;
    position: relative;
    /*border-bottom: dashed 1px #ddd;*/
    margin-bottom: 0.5em;
}

.ptimeline-wrap .ptimeline-main img {
    display: block;
    margin: 1em auto;
}

.ptimeline-wrap .ptimeline-item {
    position: relative;
    padding: 0 1em 1em 1.8em !important;
    margin-bottom: 0 !important;
    border: none;
}

/*
.ptimeline-wrap .ptimeline .ptimeline-item:before {
    content: "";
    width: 3px;
    background: #eee;
    display: block;
    position: absolute;
    top: 28px;
    bottom: 5px;
    /*left: 5px;*/
/*}
.ptimeline-wrap .ptimeline-item.open:before {
    background: #cae1ff;
}
/*
.ptimeline-wrap .ptimeline-item:last-child:before{
    content:none;
}*/
/*********************************
* タイムライン マーカー
*********************************/
/*
.ptimeline-wrap .ptimeline-marker {
    display: block;
    position: absolute;
    content: "";
    top: 4px;
    left: -2px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    /*border: solid 1px #2165c0;*/
/*background: #FFF;
    /*box-shadow: 0 0 0px 4px #eee;*/
/*transition: 0.2s ease-out;
}
*/
/*
li.ptimeline-item.open .ptimeline-marker {
    background: #2165c0;
    box-shadow: 0 0 0px 4px #cae1ff;
}*/