@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

.side__menuInformation .side__menuButton{ background:#f0f0f0; color:#111826; transition:0.3s; }
.side__menuInformation .side__menuButton .side__menuButton--off{ display:none; }
.side__menuInformation .side__menuButton .side__menuButton--on{ display:inline; }
.side__menuList a.side__menuListBlog{ background:#d6dbdf; color:#1b2940; }
.side__menuList a.side__menuListBlog img.side__menuListButton--off{ display:none; }
.side__menuList a.side__menuListBlog img.side__menuListButton--on{ display:inline; }

.top h1.top__title{ color:#fff; }

.contents{ width:100%; float:left; position:relative; z-index:0; padding:0 0 50px 200px; box-sizing:border-box; text-align:center; }
.sheet__infoBox{ width:80%; float:left; margin:50px 0 50px 10%; padding-bottom:50px; border:1px solid #111826; background:url(../img/blog/bg.png); }
.sheet__infoBox h2{ width:90%; float:left; margin:30px 0 30px 5%; color:#111826; text-align:left; font-weight:bold; font-size:20px; line-height:1.2; }
.sheet__infoBox dl{ width:90%; float:left; margin:0 0 0 5%; padding:10px 0; border-bottom:1px dotted #111826; text-align:left; }
.sheet__infoBox dl dt{ width:20%; float:left; }
.sheet__infoBox dt em{ margin-left:5px; padding:2px 5px; background:#b00f26; color:#fff; font-size:11px; line-heihgt:1.2em; }
.sheet__infoBox dl dd{ width:80%; float:left; }
.sheet__infoBox dl dd a{ text-decoration:underline; }
.sheet__infoBox dl dd a:hover{ text-decoration:none; }

.blog{ width:80%; float:left; margin:50px 0 50px 10%; padding-bottom:50px; border:1px solid #111826; background:url(../img/blog/bg.png); }
.blog span	{ width:90%; float:left; margin:0 0 0 5%; text-align:right; color:#111826; line-height:2; }
.blog h2{ width:90%; float:left; margin:30px 0 30px 5%; color:#111826; text-align:left; font-weight:bold; font-size:20px; line-height:1.2; }
.blog p	{ width:90%; float:left; margin:0 0 30px 5%; text-align:left; color:#111826; line-height:2; }
.blog p span	{ width:100%; float:left; margin:0; text-align:left; color:#111826; line-height:2; }
.blog .link{ width:90%; float:none; margin:20px auto; text-align:left; }
.blog .link a{ color:#0af; }
.blog .link a:hover{ text-decoration:underline; }





@media screen and (max-width: 740px){

.side__menuContent li a.side__menuListBlog:hover	{ background:#d6dbdf; color:#1b2940; }
.side__menuContent a.side__menuListBlog .side__menuButton--off{ display:none; }
.side__menuContent a.side__menuListBlog .side__menuButton--on{ display:inline; }

.contents{ padding:0 0 0 0; }
.sheet__infoBox{ width:90%; margin:0; padding:0 5% 50px 5%; border:none; }
.sheet__infoBox h2{ width:100%; margin:20px 0 10px 0%; font-size:18px; }
.sheet__infoBox dl{ width:100%; margin:0; padding:10px 0; line-height:1.5; }
.sheet__infoBox dl dt{ width:100%; }
.sheet__infoBox dl dd{ width:100%; }

.blog{ width:90%; margin:0; padding:0 5% 50px 5%; border:none; }
.blog span	{ width:100%; margin:0 0 0 0; }
.blog h2{ width:100%; margin:30px 0 10px 0; font-size:18px; }
.blog p	{ width:100%; margin:0 0 30px 0; }
.blog .link{ width:100%; margin:20px auto 5px auto;}

}