/*横スライドニュース*/


.newsbk {
    background: rgba(255,255,255,0.7);
    width: 100%;
    margin: 10px auto 0;
    left: 0;
    right: 0;
    position: relative;
    display: inline-block;
    font-size: small;
}

.news {/*display:table;*/
	margin: 0 auto;/*text-shadow: 1px 1px 3px #000;*/
	color: #000;
}
.news span {
padding: 1px 5px 1px 7px;
background: #f2db3f;
margin-right: 5px;
}
.news a {
color: rgb(255, 0, 0);
text-decoration: underline;
margin-left: 5px;
}
.news a:hover {
	color: rgba(255,244,151,1.00);
}
.marquee {
	overflow: hidden;
	position: relative;
}
.marquee p:after {
	content: "";
	white-space: nowrap;/*padding-right:50px;*/
}
.marquee p {
	/*margin:0;
margin:0 0 0 30px;*/
	display: inline-block;
	padding-left: 80%;
	white-space: nowrap;
	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 18s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: marquee;
	-moz-animation-timing-function: linear;
	-moz-animation-duration: 18s;
	-moz-animation-iteration-count: infinite;
	-ms-animation-name: marquee;
	-ms-animation-timing-function: linear;
	-ms-animation-duration: 18s;
	-ms-animation-iteration-count: infinite;
	-o-animation-name: marquee;
	-o-animation-timing-function: linear;
	-o-animation-duration: 18s;
	-o-animation-iteration-count: infinite;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-duration: 18s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes marquee {
 from {
-webkit-transform: translate(0%);
}
 99%, to {
-webkit-transform: translate(-100%);
}
}
@-moz-keyframes marquee {
 from {
-moz-transform: translate(0%);
}
 99%, to {
-moz-transform: translate(-100%);
}
}
@-ms-keyframes marquee {
 from {
-ms-transform: translate(0%);
}
 99%, to {
-ms-transform: translate(-100%);
}
}
@-o-keyframes marquee {
 from {
-o-transform: translate(0%);
}
 99%, to {
-o-transform: translate(-100%);
}
}
@keyframes marquee {
 from {
transform: translate(0%);
}
 99%, to {
transform: translate(-100%);
}
}

@media only screen and (min-width:668px) {
.newsbk {

    background: rgba(255,255,255,0.7);
    width: 100%;
    margin: 60px auto 0;
    left: 0;
    right: 0;
    position: absolute;
    display: inline-block;
    line-height: 40px;

}
	
.news {/*display:table;*/
	margin: 0 auto;/*text-shadow: 1px 1px 3px #000;*/
	font-size: 16px;
	color: #000;
}
	
.marquee p {
	/*margin:0;
margin:0 0 0 30px;*/
	display: inline-block;
	padding-left: 80%;
	white-space: nowrap;
	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 25s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: marquee;
	-moz-animation-timing-function: linear;
	-moz-animation-duration: 25s;
	-moz-animation-iteration-count: infinite;
	-ms-animation-name: marquee;
	-ms-animation-timing-function: linear;
	-ms-animation-duration: 25s;
	-ms-animation-iteration-count: infinite;
	-o-animation-name: marquee;
	-o-animation-timing-function: linear;
	-o-animation-duration: 25s;
	-o-animation-iteration-count: infinite;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-duration: 25s;
	animation-iteration-count: infinite;
}
}