.wrapper{padding:50px 0}#mainContents .breadList{margin:0 auto 20px;max-width:920px;width:90%}#postContent,#recomend{background:#fff;box-shadow:0 1px 1px 1px rgba(64,64,64,.1);box-sizing:border-box;margin:0 auto;max-width:920px;padding:80px 60px;text-align:left;width:90%}#postContent p.postTitle{font-size:28px;font-weight:700;line-height:1.5em;margin-bottom:20px}#postContent .data .cat{color:#fff;float:left;font-size:13px;font-weight:700;margin:0 0 40px;width:80%}#postContent .data .cat a,#postContent .data .cat span{background:#002f7a;border-radius:10px;color:#fff;display:inline-block;height:24px;line-height:24px;margin-right:10px;min-width:80px;padding:5px 10px;text-align:center;text-decoration:none}#postContent .data .date{float:right;font-size:20px;font-weight:700;text-align:right;width:20%}#postContent ul.tag{margin-bottom:40px}#postContent ul.tag li{background:#daedfd;border-radius:20px;color:#392e2e;display:inline-block;font-size:14px;line-height:1em;margin-right:10px;padding:10px 1.5em;text-decoration:none;transition:opacity .5s}#postContent #postMain h2{background:#002f7a;border-radius:40px;box-sizing:border-box;color:#fff;font-size:24px;height:auto;line-height:56px;margin-bottom:40px;padding:5px 20px 5px 50px;position:relative;width:100%}#postContent #postMain h2:before{color:#93c5f7;content:"●";left:15px;line-height:1em;margin-top:-12px;position:absolute;top:50%}#postContent #postMain h3{border-left:10px solid #93c5f7;font-size:20px;line-height:1.5em;margin-bottom:30px;padding:5px 0 5px 10px;position:relative}#postContent #postMain h3:after{background:#e2e3e6;bottom:-10px;content:"";display:block;height:4px;left:-10px;position:absolute;width:100%}#postContent #postMain p{font-size:16px;line-height:2;margin-bottom:1.5em}#postContent #postMain img{height:auto;width:100%}#postContent #postNav{text-align:center}#postContent #postNav a{color:#002f7a;font-weight:700;overflow-y:hidden;text-decoration:none}#postContent #postNav p.next a{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;float:right;height:60px;-webkit-justify-content:center;justify-content:center;line-height:1.2em;padding:0 5%;position:relative;text-align:left;width:40%}#postContent #postNav p.next a:after{top:15px;transform:rotate(60deg)}#postContent #postNav p.next a:after,#postContent #postNav p.next a:before{background:#002f7a;content:"";display:block;height:1px;position:absolute;right:-6px;width:35px}#postContent #postNav p.next a:before{top:45px;transform:rotate(-60deg)}#postContent #postNav p.prev a{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;float:left;height:60px;-webkit-justify-content:center;justify-content:center;line-height:1.2em;overflow-y:hidden;padding:0 5%;position:relative;text-align:left;width:40%}#postContent #postNav p.prev a:after{top:15px;transform:rotate(-60deg)}#postContent #postNav p.prev a:after,#postContent #postNav p.prev a:before{background:#002f7a;content:"";display:block;height:1px;left:-6px;position:absolute;width:35px}#postContent #postNav p.prev a:before{top:45px;transform:rotate(60deg)}#tagList{margin-top:40px}#tagList p{float:left;height:auto;max-width:143px;width:20%}#tagList p img{height:auto;width:100%}#tagList ul{float:right;width:80%}#tagList li{display:inline-block;letter-spacing:.04rem;margin:0 10px 10px}#tagList li a{background:#daedfd;border-radius:20px;color:#392e2e;display:inline-block;font-size:14px;line-height:1em;padding:10px 1.5em;text-decoration:none;transition:opacity .5s}#tagList li a:hover{opacity:.6}#recomend{margin-bottom:40px;padding:40px 30px}#recomend p.title{border-bottom:1px solid #e2e3e6;font-size:20px;font-weight:700;padding-bottom:20px;text-align:center}#recomend .recomendBox{border-bottom:1px solid #e2e3e6;padding:20px;position:relative}#recomend .recomendBox a{color:#707070;display:block;text-decoration:none}#recomend .recomendBox .pic{float:left;height:auto;width:25%}#recomend .recomendBox .pic img{height:auto;width:100%}#recomend .recomendBox .text{float:right;text-align:left;width:70%}#recomend .recomendBox .text p{font-size:13px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#recomend p.listLink{line-height:1em;margin:40px 0 0;text-align:right}#recomend p.listLink a{color:#002f7a;font-size:23px;font-weight:700;text-decoration:none}#recomend p.listLink a:after{content:"　＞"}#recomend p.listLink a:hover{opacity:.6}#contentBottom{background:#f8e1e1;margin:100px 0 40px;padding:50px 0}p.siteTop{margin:0 auto 40px;max-width:920px;text-align:right;width:100%}@media screen and (max-width:751px){.wrapper{width:100%}#postContent,#recomend{padding:20px 5%;width:100%}#postContent p.postTitle{font-size:16px}#postContent .data .cat{margin:0 0 10px}#postContent .data .cat span{font-size:11px;height:20px;line-height:20px;min-width:50px}#postContent .data .date{font-size:13px;line-height:20px;margin-top:10px}#postContent ul.tag li{font-size:9px}#postContent #postMain p{font-size:13px}#postContent #postMain h2{border-radius:10px;font-size:15px;line-height:1.8em;padding:10px 25px 10px 35px}#postContent #postMain h2:before{font-size:19px;left:10px;margin-top:-10px}#postContent #postMain h3{font-size:13px}#postContent #postMain h3:after{content:none}#postContent #postNav p.prev a{float:none;margin-bottom:20px;padding-left:10%;width:90%}#postContent #postNav p.next a{float:none;padding:0;width:100%}#tagList p{float:none;width:35%}#tagList ul{float:none;width:100%}#tagList li{margin:0 3px 10px}#tagList li a{font-size:9px}#recomend p.title{border:none;font-size:16px;margin-bottom:0}#recomend .recomendBox{border:none;margin:0 0 20px;padding:0}#recomend .recomendBox .pic,#recomend .recomendBox .text{width:48%}#recomend p.listLink{text-align:center}#recomend p.listLink a{font-size:16px}#contentBottom,#contentBottom .wrapper{padding:20px 0}p.siteTop{margin:0 5% 10px;max-width:920px;text-align:right;width:90%}}