.head_box{background:#f5f5f5;line-height:1.6em;text-align:center}@media screen and (min-width:0px) and (max-width:1010px){.head_box{font-size:16px;padding:25px 0}}@media screen and (min-width:1010px){.head_box{font-size:30px;padding:40px 0 25px}}@media screen and (min-width:0px) and (max-width:1010px){.head_box aside{font-size:9px}}@media screen and (min-width:1010px){.head_box aside{font-size:14px}nav#nav_sp{display:none;height:0;visibility:hidden}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .one_column{margin:0 10px;padding-bottom:60px;width:auto}}@media screen and (min-width:1010px){#wrapper .one_column ul.writer_list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .one_column ul.writer_list{display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:space-around;margin:0 auto;width:90%}}#wrapper .one_column ul.writer_list li{text-align:center}#wrapper .one_column ul.writer_list li :first-child{margin-top:30px}@media screen and (min-width:1010px){#wrapper .one_column ul.writer_list li{margin-bottom:70px;margin-left:10px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .one_column ul.writer_list li{margin-bottom:20px}}#wrapper .one_column ul.writer_list li div{border-radius:50%;margin-bottom:15px;overflow:hidden;position:relative}@media screen and (min-width:1010px){#wrapper .one_column ul.writer_list li div{height:190px;width:190px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .one_column ul.writer_list li div{height:100px;width:100px}}#wrapper .one_column ul.writer_list li div img{border-radius:50%}@media screen and (min-width:1010px){#wrapper .one_column ul.writer_list li h2{font-size:16px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .one_column ul.writer_list li h2{font-size:12px}}#wrapper .one_column ul.writer_list li:first-child{flex-grow:0}@media screen and (min-width:1010px){#wrapper .listContent{border-right:1px solid #ccc;padding:15px 30px 80px 0;width:669px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent{margin:0 10px;padding:15px 0 20px;width:auto}}#wrapper .listContent dl{display:table;height:auto;overflow:hidden}@media screen and (min-width:1010px){#wrapper .listContent dl{margin-bottom:30px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent dl{margin-bottom:10px}}#wrapper .listContent dl dt{display:table-cell}@media screen and (min-width:1010px){#wrapper .listContent dl dt{height:200px;width:200px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent dl dt{width:30%}}#wrapper .listContent dl dt img{border-radius:50%;width:100%}#wrapper .listContent dl dd{display:table-cell;padding:0 0 0 20px}@media screen and (min-width:1010px){#wrapper .listContent dl dd{width:450px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent dl dd{width:65%}}@media screen and (min-width:1010px){#wrapper .listContent dl dd h1{font-size:26px;margin:20px 0}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent dl dd h1{font-size:16px;margin:10px 0 5px}}@media screen and (min-width:1010px){#wrapper .listContent dl dd aside{font-size:14px;line-height:1.8em}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent dl dd aside{font-size:12px;line-height:1.8em}}#wrapper .listContent .post{border-right:1px solid #ccc;clear:both;height:auto;overflow:hidden;width:100%}#wrapper .listContent .post li{border-left:1px solid #ccc;color:#eb6a7a;float:left;font-weight:700;text-align:center;width:49%}@media screen and (min-width:1010px){#wrapper .listContent .post li{font-size:30px;padding:15px 0 10px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent .post li{font-size:20px;padding:10px 0 6px}}#wrapper .listContent .post li small{color:#888;padding-left:5px}@media screen and (min-width:1010px){#wrapper .listContent .post li small{font-size:14px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent .post li small{font-size:12px}}#wrapper .listContent h2{padding-bottom:0}@media screen and (min-width:1010px){#wrapper .listContent h2{margin:60px 0 10px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent h2{margin:30px 0 10px}}@media screen and (min-width:1010px){#wrapper .listContent h2 strong{font-size:24px;padding-right:5px}}@media screen and (min-width:0px) and (max-width:1010px){#wrapper .listContent h2 strong{font-size:16px;padding-right:5px}}