.shape1{ background: rgba(255,255,255,0.8); padding:2em; padding-left:3em; margin:11px; margin-left:33px; border-radius: 30px 10px; -moz-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); -webkit-box-shadow: 0 0 5px 5px rgba(230,230,230,0.5); box-shadow: 0 0 5px 5px rgba(230,230,230,0.5);}
.shape1{ list-style-type:none;}
ul a{font-size:1em; line-height: 1.7em; border-bottom:1px dotted #f60; text-decoration:none; margin-left:-1em;}
ul a:hover {color:#ffffff; background:#f60; font-weight:normal; text-decoration:none; border:0;}
ul a:active {color:#ffff99; font-weight:normal; text-decoration:none;}
.shurui{margin:0 1em; font-size:1em; font-weight:bold; color:#555;}
.setsumei{font-family:serif; font-style:italic;}
article{width:70%; float:left;}
aside{float:right; width:22%; background:#566d5b; background: rgba(86, 109, 91, 0.7); padding:0; margin-right:2%; }
aside p{font-family:tahoma, sans-serif; color:#fff; font-size:95%; padding:0 1em; line-height:1.5em; text-indent:1.5em;}
aside a{color:#f60;}
/* was f3e49f*/
aside a:hover {color:#ffffff; background:#f60; font-weight:normal; text-decoration:none; border:0;}
aside{-moz-box-shadow:inset 0 0 0.4em rgba(136,136,136,0.7); -webkit-box-shadow: inset 0 0 0.4em rgba(136,136,136,0.7);
box-shadow: inset 0 0 0.4em rgba(136,136,136,0.7); border-radius: 11px;}
.fLine{padding:1em 0 0.5em 0;}
.fLine p:first-line{font-size:100%; font-weight:bold; text-indent:0;}
h1{font-family: "SaginawMedium", cursive; font-size:2.1em; margin:0.5em; margin-bottom: -0.4em; padding-left:2em; font-weight:normal;}
#iwii{z-index:-1; padding:0; margin-top: -56px;}
ul li{list-style-type:none;}

/* mobile */


@media screen and (max-width:670px){
article, aside{width:100%; float:none;}
.setsumei {margin:3% 5%;}
nav{margin:3% 5%;}
aside{margin:7% 5%;}
#iwii{display:none;}
}

@media screen and (max-width:750px) and (orientation:portrait){
article{width:100%; float:none;}
aside{width:100%; float:none;}
.setsumei {margin:3% 5%;}
nav{margin:3% 5%;}
aside{margin:7% 5%;}
}