#article{width:1100px;position:relative;margin:0 auto;padding-bottom:40px;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif}#article #header{width:100%}#article #header h2{text-align:center}#article #header h2 img.sp{display:none}#article #header p{display:none}#article #menu{width:100%;max-width:1100px;margin:0 auto;padding-top:30px}#article #menu .item{float:left;position:relative;height:240px;width:200px;margin:0 10px}#article #menu .item .text-bg{width:200px;height:40px;transform:skew(-15deg);-o-transform:skew(-15deg);-moz-transform:skew(-15deg);-webkit-transform:skew(-15deg);background-color:#8bd7ed;position:absolute;bottom:20px}#article #menu .item .text{text-align:center;width:200px;height:40px;position:absolute;bottom:10px}#article #menu .item .text a{color:#fff;font-size:125%;font-weight:bold;text-decoration:none}#article #menu .item:hover{opacity:0.7;filter:alpha(opacity=70)}#article .section{padding-top:50px;text-align:center}#article .section .item{margin:0 0 0 -46px}#article .section .subtitle{width:1100px;margin:0 0 50px 0}#article .section .subtitle h3{height:8px;background-color:#fff;background-image:-webkit-linear-gradient(-45deg, #fffaa5 25%, transparent 25%, transparent 50%, #fffaa5 50%, #fffaa5 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, #fffaa5 25%, transparent 25%, transparent 50%, #fffaa5 50%, #fffaa5 75%, transparent 75%, transparent);background-size:8px 8px}#article .section .subtitle h3 span{font-size:27px;position:relative;top:-3px;font-weight:bold;color:#8bd7ed;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;padding:0 30px 10px;background-color:#fff}#article .section dl{width:240px;float:left;margin:0 0 15px 46px;text-align:center}#article .section dl dt img{margin-bottom:10px;width:240px;height:190px}#article .section dl dd h4{text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#article .section dl dd h4 a{font-size:13px;color:#666}#article .section dl dd p{margin-top:8px;color:#888;font-weight:bold}#article .section ul.nv_serach li,#article .section ul.nv_serach li a{display:inline-block;width:150px;height:150px;margin:0 15px}#article .section ul.nv_serach li:hover,#article .section ul.nv_serach li a:hover{opacity:0.7;filter:alpha(opacity=70)}#article .section ul.nv_serach span{display:none}#article a.more_btn{border:1px solid #ffa0c5;color:#ffa0c5;font-size:18px;font-weight:bold;padding:15px;display:block;width:300px;margin:40px auto 0;text-align:center;border-radius:3px}#article a.more_btn:hover{text-decoration:none;background-color:#ffa0c5;color:#FFF}#article p.thanks{color:#888;width:580px;margin:20px auto 40px}#topics_social{width:100%;max-width:1100px;margin:0 auto 10px;text-align:right;height:20px;position:relative;z-index:500}#topics_social .mixi,#topics_social .hatena,#topics_social .facebook,#topics_social .twitter{display:inline-block}#topics_social .mixi{width:70px;overflow:hidden}#topics_social .hatena{width:55px;overflow:hidden}#topics_social .facebook{margin-right:10px}#topics_social .twitter{width:100px;height:20px;overflow:hidden}.clear{clear:both}@media only screen and (max-device-width: 480px),only screen and (max-width: 480px){#article{width:100%;padding-bottom:100px}#article #header{background:none;padding:0;margin:20px auto 0}#article #header h2{background:none}#article #header h2 img.pc{display:none}#article #header h2 img.sp{width:100%;display:block}#article #menu{width:100%;margin:20px auto 0;padding:0}#article #menu .item{width:300px;height:40px;float:none;margin:10px auto}#article #menu .item img{display:none}#article #menu .item .text-bg{width:300px;height:40px;transform:none;-o-transform:none;-moz-transform:none;-webkit-transform:none;border-radius:20px;background-color:#8bd7ed;bottom:0}#article #menu .item .text{text-align:center;width:300px;height:40px;top:9px}#article #menu .item .text a{color:#fff;font-size:125%;font-weight:bold;text-decoration:none}#article .section{padding-top:10px;margin:3px}#article .section .subtitle{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;height:auto;margin:0;text-align:center}#article .section .subtitle h3{height:auto;background:none;margin-top:20px;margin-bottom:15px;font-weight:bold;color:#8bd7ed;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif}#article .section .subtitle h3 span{font-size:22px;background:none;padding:0}#article .section .item{margin:0}#article .section>p{padding:0 30px}#article .section dl{float:left;width:50%;margin:0px;padding:3px;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article .section dl dt img{margin:0 auto 5px;width:100%;height:auto}#article .section ul.nv_serach{margin:0 auto}#article .section ul.nv_serach li{width:48%;height:auto;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article .section ul.nv_serach li a{width:100%;margin:0}#article a.more_btn{font-size:14px;width:97%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:25px auto 0;padding:6px}#article p.thanks{width:95%;margin:20px auto 0}#topics_social{position:absolute;bottom:0;height:50px;width:250px;margin:10px;text-align:left;z-index:900}}