↑なんだか上手くいかん、最新投稿目込み img{width: 100%;} body{ background-image: url("imgs/back1.png"); background-repeat: repeat; background-size: 120%; background-attachment: fixed; font-family: "Yu Gothic"; } /*waku1　メイン窓*/ .waku1 { margin: 1.5em; color: #565656; background: white; box-shadow: 0px 0px 0px 10px white; border: dashed 2px #009b78; border-radius: 8px; } .waku1 p { margin: 0; padding: 0; } /*waku2　小さな見出し付きの窓*/ .waku2 { border-radius: 10px; background: white; position: relative; margin: 2em 0; padding: 40px 10px 10px 20px; border: solid 2px #009b78; } .waku2 .box-title { position: absolute; display: inline-block; top: -2px; left: -2px; padding: 0 50px; height: 35px; line-height: 35px; font-size: 1.5em; background: #009b78; color: #ffffff; font-weight: bold; } .waku2 p { padding: 3px; } /*syo1　メイン窓*/ .syo1 { margin: 1.5em; color: #565656; background: white; box-shadow: 0px 0px 0px 10px white; border: dashed 2px #009b78; border-radius: 8px; } .syo1 p { margin: 0; padding: 0; } /*syo1　メイン窓*/ .syo1 { margin: 1.5em; color: #565656; background: white; box-shadow: 0px 0px 0px 10px white; border: dashed 2px #00a1d3; border-radius: 8px; } /*syo2　小さな見出し付きの窓*/ .syo2 { border-radius: 10px; background: white; position: relative; margin: 2em 0; padding: 10px; border: solid 2px #00a1d3; } .syo2 .box-title { position: absolute; display: inline-block; top: -2px; left: -2px; padding: 0 20px; height: 35px; line-height: 35px; font-size: 1.5em; background: #00a1d3; color: #ffffff; font-weight: bold; } .syo2 p { margin: 25px 0 0 0; padding: 5px; } /* リンク付きの見出し H3 */ h3 { display: inline-block; margin: 10px 0px 10px 20px; padding: 8px 15px; background: #fff; border-left: solid 5px #FF7474; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.5); font-size: 1.1em; text-decoration: none; } h3:hover { background: #fffafa; border-left-color: #ff4e4e; transform: scale(1.03, 1.03); }