@charset "UTF-8";*{padding:0;margin:0;list-style:none;font-style:normal}body,div,pre,p,blockquote,form,fieldset,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,button{margin:0;padding:0;vertical-align:baseline;font-size:100%;font-weight:normal}body{background:none repeat scroll 0 0 #fff;font-family:'メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;font-size:15px;overflow-y:scroll}select,input,textarea,option{font-family:'メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif}img{border:0;margin:0px;padding:0px;display:block}a img{border-style:none;border:0}h1,h2,h3,h4,h5,h6{margin:0px;font-style:normal;padding:0px;line-height:normal;clear:both}a{outline:medium none;text-decoration:none}a:hover{text-decoration:underline}*:after{clear:both}body{ background-color:#fff}.inner{ margin:0 auto; max-width:980px; overflow:hidden; width:100%; box-sizing:border-box}#wrapper{}a{color:#f44f12}header{ border-bottom:solid 2px #ddd; margin-bottom:1%; background-color:#383b35}header .inner{ padding:1% 0}header .inner #titleLogo a{ text-decoration:none; color:#f44f12}header .inner #titleLogo a:hover{ text-decoration:underline}header .inner #titleLogo a p{ font-size:200%; font-weight:bold; text-align:center; text-shadow:black 1px 1px 0px,black -1px 1px 0px, black 1px -1px 0px,black -1px -1px 0px}@media screen and (max-width:998px){ header .inner #titleLogo a p{ text-align:center}}h1{ margin:2% 0; padding:1%; font-size:120%; font-weight:bold; border:solid 6px #ddd; background-color:rgba(255,255,255,.7); border-radius:10px} h2{ font-weight:bold; font-size:120%; padding:1% 2%; margin-top:2%; background-color:#383b35; color:#fff; border-radius:10px}#container{}#container .containerMain article{ margin-bottom:10px; width:70%; background-color:rgba(255,255,255,.7); box-sizing:border-box; padding:10px; box-shadow:inset 0 0 3px rgba(0,0,0,.3); float:right; border-radius:10px}#container .inner{}@media screen and (max-width:998px){ #container .containerMain article{ margin-right:5%; margin-left:5%; float:none; width:90%} #container .containerMain{ } h1{ margin-top:0}}#sidebar{ width:29%; float:left; box-sizing:border-box}h3{ font-size:110%; font-weight:bold; padding:1% 3%; background-color:#383b35; border-radius:10px; color:#fff}#sidebar .sidebarMain{ width:100%; box-sizing:border-box; overflow:hidden}#sidebar .sidebarMain aside{ box-sizing:border-box; background-color:rgba(255,255,255,.7); margin-bottom:10px; padding:10px; box-shadow:inset 0 0 3px rgba(0,0,0,.3); border-radius:10px}@media screen and (max-width:998px){ #sidebar{ float:none; width:90%; margin:0 5%}}#sidebar .sidebarMain aside ul{ padding:2%}#sidebar .sidebarMain aside ul li{ position:relative}footer .inner p{ text-align:center; line-height:1.7}footer .inner{ padding:1% 0}footer{ margin-top:30px; background-color:#383b35; color:#fff}footer a{ color:#f44f12}#container .containerMain article img{ margin:15px 10px; width:30%}@media screen and (max-width:767px){ #container .containerMain article img{ width:100%; margin:10px 0}}