﻿#article{width:1100px;position:relative;margin:0 auto;text-align:left;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif}#article #head h2,#article #head p{text-indent:100%;white-space:nowrap;overflow:hidden;height:0}#article #menu{background:#4ABB8E;text-align:center}#article #menu ul{width:654px;margin:0 auto}#article #menu ul li a{display:inline-block;float:left;width:218px;font-size:18px;color:#FFF;text-decoration:none;padding:13px 0}#article #menu ul li a:hover{opacity:0.6}#article .section{margin:20px auto 0;padding:20px 0 0;text-align:center}#article .section h3{color:#2A2A2A;font-size:28px;font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-weight:bold;letter-spacing:0.05em;margin:15px 15px 15px 15px;display:inline-block}#article .section p{display:inline-block;position:relative;top:-5px}#article .section{margin:0 0 0 -46px}#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}#topics_social{width:1100px;margin-bottom:30px;margin:30px auto 10px;text-align:right;height:20px}#topics_social .mixi{float:right;width:100px;overflow:hidden}#topics_social .google{float:right;width:75px;overflow:hidden}#topics_social .facebook{float:right;margin-right:10px}#topics_social .twitter{float:right;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 #head .head_bg{margin-top:50px}#article #head h2{background:#DDDDDD;text-indent:0;overflow:visible;height:auto;display:block;padding:10px 10px 0 10px;text-align:center;font-size:1.5em;font-weight:bold}#article #head p{background:#DDDDDD;text-indent:0;white-space:normal;overflow:visible;height:auto;padding:10px;text-align:center}#article .section h3{font-size:1.5em}#article #menu ul{width:100%;margin:0 auto}#article #menu ul li a{display:inline-block;float:left;width:33%;color:#FFF;text-decoration:none;padding:13px 0;font-size:1em}#article .section{margin:3px}#article .section>p{padding:0 30px}#article .section dl{float:left;width:50%;margin:0px;padding:3px;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#article .section dl dt img{margin:0 auto 5px;width:100%;height:auto}#topics_social{position:absolute;bottom:0;width:100%;height:50px;margin:40px auto 10px}#topics_social .mixi,#topics_social .google,#topics_social .facebook,#topics_social .twitter{margin:5px}}
