@charset "utf-8";

/*==================================================
ニュースティッカーのためのcss
===================================*/
.slider {
    position: relative;
    box-shadow: none;
}

/*ニュース1行の周りの余白*/
.slider a{
    display: block;
    background: rgba(255,255,255,0.1);
    padding:15px;
    border-radius: 20px;
    
 } 

/*日付*/
.slider span {
    display:inline-block;
    font-size:0.8rem;
    margin-right:20px;
    color:#777;
}

/*768px以下の見た目*/
/*@media screen and (max-width:768px) {
    .slider {
        padding:20px;
        background:#fff;
    }

    .slider li {
        border-bottom:1px dashed #ccc;
    }

    .slider li:last-child {
        border-bottom:none;
    }
    .slider span {
        display:block;
		padding-bottom:10px;
    }
}*/

/*========= レイアウトのためのCSS ===============*/
.wrapper {
     border-left:3px solid #CC9AA8;
    padding: 0 0 0 20px;
}
.wrapper h5 {
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    color: #7b5979
}

.slider li {
   text-align: left;
    padding: 1em;
    

}

.bx-wrapper {
    width:100%;
    margin:0 auto;
    box-shadow: none;
    border: none;
    background: rgba(255,255,255,0.5);
    border-radius: 15px;
}

h1 {
    text-align:center;
    padding:20px;
	font-size: 1.2rem;
}

a {
    color:#555;
    text-decoration:none;
}