@charset "UTF-8";
*{word-break:break-all;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 #000;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}.inner{margin:20px auto;overflow:hidden;width:100%}body{color:#080016;background:linear-gradient(135deg,#634E86 22px,#FF144F 22px,#FF144F 24px,transparent 24px,transparent 67px,#FF144F 67px,#FF144F 69px,transparent 69px),linear-gradient(225deg,#634E86 22px,#FF144F 22px,#FF144F 24px,transparent 24px,transparent 67px,#FF144F 67px,#FF144F 69px,transparent 69px)0 64px;background-color:#634E86;background-size:64px 64px}body p{color:#080016;font-size:100%;margin:10px;padding:10px}body a{color:#00C677;font-size:100%;font-weight:bold}h1{color:#77B8DA;font-size:20px;font-weight:bold;margin-bottom:10px;position:relative;padding:10px;text-align:center;background:rgba(240,248,255,0.75);border-radius:10px}h2{position:relative;padding:1em 0;font-weight:bold;color:#77B8DA}h2::before,h2::after{position:absolute;left:0;content:'';width:100%;height:6px;box-sizing:border-box}h2::before{top:0;border-top:2px solid #FF144F;border-bottom:1px solid #FF144F}h2::after{bottom:0;border-top:1px solid #FF144F;border-bottom:2px solid #FF144F}h3{margin:0px 0 10px;padding:10px 8px;font-size:1.143em;font-weight:bold;color:#77B8DA;text-align:center;background:rgba(240,248,255,0.75);border-radius:10px}header .inner #titleLogo a p{text-decoration:none;font-size:40px;position:relative;color:#00C677;text-align:center;text-shadow:2px 2px 0px #191817,4px 4px 0px #1c1c1c}#titleLogo{padding:.25em 0 .5em .75em;background:url("http://grad3.ecoloniq.jp/sample/img/patterns_30.png") repeat,linear-gradient(to bottom,#9966cc 26%,#4C2672 100%)}#wrapper{max-width:1000px;margin:0 auto}#container{width:75%;float:right}#container .containerMain article{margin:0 1%;background:rgba(240,248,255,0.75);border-radius:10px}.container .containerMain article:before,.effect8:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:10px;bottom:10px;left:0;right:0;-moz-border-radius:100px / 10px;border-radius:100px / 10px}.container .containerMain article:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#container .containerMain article img{width:30%;padding:0 10px 0 10px}#container .containerMain div{margin:3% 0 0;line-height:1.5em;padding:10px}#container .containerMain div p{overflow:hidden}#container_sitemap{width:100%;margin:25px 0 25px;box-sizing:border-box}.container_sitemap .containerMain article:before,.effect8:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:10px;bottom:10px;left:0;right:0;-moz-border-radius:100px / 10px;border-radius:100px / 10px}.container_sitemap .containerMain article:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#sidebar{width:20%;margin-top:50px;float:left;border-radius:10px;background:url("http://grad3.ecoloniq.jp/sample/img/patterns_30.png") repeat,linear-gradient(to bottom,#9966cc 26%,#4C2672 100%)}#sidebar .sidebarMain aside{padding:5px 1.4%}#sidebar .sidebarMain aside ul{padding:2%;margin-top:5px;text-align:center}#sidebar .sidebarMain aside ul li{padding:5px 0 5px;margin:2px;border-radius:10px;background:rgba(240,248,255,0.75)}.inner article ul li{line-height:2.0em;margin-bottom:20px;background:rgba(240,248,255,0.75);padding-left:10px;border-radius:10px}article{padding:10px}footer{text-align:center;margin:10px 0 0;padding:10px 0 10px;clear:both;background:url("http://grad3.ecoloniq.jp/sample/img/patterns_30.png") repeat,linear-gradient(to bottom,#9966cc 26%,#4C2672 100%)}footer p{max-width:1000px;margin:0 auto;color:#fff;border-radius:.5em;font-weight:bold;font-style:italic}footer a{padding:10px;color:#00C677;font-size:24px;font-weight:bold;text-shadow:2px 2px 0px #191817,4px 4px 0px #1c1c1c}@media screen and (max-width:770px){#container{width:100%;float:none;margin-top:16px}#sidebar{width:100%;float:none;margin-bottom:20px}#container .containerMain article img{margin:1%;width:98%;padding:0}header .inner #titleLogo a p{text-align:center;padding:20px}#container .containerMain article{padding:2% 3%;margin:0 auto;width:100%;box-sizing:border-box}#sidebar .sidebarMain aside{float:none;margin:5%;padding:0%;width:90%}#container_sitemap{width:94%;margin:25px auto 25px;padding:20px;box-sizing:border-box}#titleLogo::before{background:rgba(150,150,150,0.02)}#titleLogo::after{background:rgba(150,150,150,0.02)}}