@charset "UTF-8";
div.header_wrap div.options a.twitter {
	padding-left: 22px;
	&::before {
		content: '';
		width: 100%;
        height: 100%;
		color: #000;
		font-weight: 400;
		font-size: 24px;
		line-height: 40px;
		background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 300 271"><path d="M236 0h46L181 115l118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123L-1.1 0h94.9l65.5 86.6zm-16.1 244h25.5L80.4 26H53z"/></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
	}
	@media only screen and (min-width: 600px) and (max-width: 959px) {
		padding-left: 15px;
		&::before {
			font-size: 16px;
			line-height: 30px;
		}
	}
	@media screen and (min-width: 960px) {
		&::before {
			line-height: 30px;
		}
	}
}

#side_cont {
	@media only screen and (min-width: 600px) and (max-width: 959px) {
		#news_quotation {
			margin-right: 0;
			width: 100%;
		}
	}
	.bnr > ul {
		display: flex;
		flex-direction: column;
		gap: 8px;
		@media only screen and (min-width: 600px) and (max-width: 959px) {
			flex-direction: row;
		}
	}
	.bnr_pirate {
		margin-top: 30px;
		@media only screen and (min-width: 600px) and (max-width: 959px) {
			margin-top: 30px;
			width: 100%;
		}
		@media screen and (min-width: 960px) {
			margin-top: 0;
		}
		p {
			margin: 0 auto;
			width: 75%;
			@media only screen and (min-width: 600px) and (max-width: 959px) {
				width: 50%;
				max-width: 280px;
			}
			@media screen and (min-width: 960px) {
				width: 100%;
			}
			a {
				display: block;
				img {
					width: 100%;
				}
			}
		}
	}
}