html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
a:link {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
a:visited {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
a:hover {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
a:active {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
.container {
	margin: 0 auto;
	width: 950px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header_container {
    position: relative;
	width: 100%;
}
.bodyContainer{
    width: 700px;
    display: flex;
    flex-direction: column;
}
.info_container {
	width: 100%;
}
.titleContainer{
	width: 100%;
}
.list {
    margin: 0 0 20px 35px;
    padding: 0 0 15px;
	border-bottom: solid 1px rgba(189,189,189,1.00);
}
.twitter {
    margin: 35px 0 0 0;
    position: sticky;
    top: 0;
    width: 220px;
    height: 500px;
}
.page_container {
	width: 100%;
	text-align: center;
}
.footer_container {
    margin: 20px 0;
	width: 100%;
    display: flex;
    justify-content: flex-end;
}
.footer_modoru{
	padding: 5px 10px;
    width: 45px;
    height: 25px;
	border: solid 1px #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_modoru:hover {
    background: #ddd;
}
.page ul li {
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: small;
}
.page_center {
	color: rgba(255,255,255,1.00);
}
.page_center div{
	padding: 5px 10px;
	background-color: rgba(170,170,170,1.00);
}
.page_side div{
	padding: 5px 10px;
}
.page_side a {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
.page_side a:link {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
.page_side a:visited {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
.page_side a:hover {
	text-decoration: underline;
	color: rgba(255,0,4,1.00);
}
.page_side a:active {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
@media (max-width: 750px){
	.twitter {
		clear: right;
		padding-top: 35px;
		margin: 0px 15px;
		width: 90%;
	}
	.container {
		width: 100%;
	}
	.header_container {
		clear:left;
		width: 100%;
	}
	.header_container img {
		width: 100%;
	}
	.body_container {
		clear:left;
	}
	.info_container {
		width: 100%;
	}
	.info_container img {
		width: 100%;
	}
	.list {
		clear:left;
		margin: 0px 0px 20px;
		width: 100%;
		padding-bottom: 15px;
		border-bottom: solid 1px rgba(189,189,189,1.00);
	}
	.page_container {
		clear:left;
		width: 100%;
		text-align: center;
	}
	.footer_container {
		clear:left;
		width: 100%;
	}
	.footer_modoru{
		text-align: center;
		clear: right;
		padding: 5px 10px;
		margin: 50px 0px 100px;
		border: solid 0px rgba(0,0,0,1.00);
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: xx-large;
	}
	.link_modoru01 {
			position: absolute;
			top: 40px;
			left: 22px;
	}
}