.topics .pageTitleWrap .pageTitle{color:#fff}.topics #breadcrumbWrap #breadcrumb ul li a:hover{text-decoration:underline;color:#fff}.topicsListWrap .topicsList li:nth-of-type(4n+1){margin-left:0}.topicsListWrap .topicsList li a .photo{margin-bottom:20px;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:960px){.topicsListWrap .topicsList li a .photo{margin-bottom:0}}.topicsListWrap .topicsList li a .photo .hover{width:100%;height: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;-webkkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;border:6px solid #ff6500;opacity:0;filter:alpha(opacity=0)}@media only screen and (max-width:960px){.topicsListWrap .topicsList li a .photo .hover{border:none}}.topicsListWrap .topicsList li a .textWrap{background-color:transparent;padding:0}@media only screen and (max-width:960px){.topicsListWrap .topicsList li a .textWrap{padding:0 0 0 20px}}.topicsListWrap .topicsList li a .textWrap .date{color:#8b9ca6}.topicsListWrap .topicsList li a .textWrap .title{font-size:16px;-webkkit-transition-property:color;-moz-transition-property:color;-ms-transition-property:color;-o-transition-property:color;transition-property:color;-webkkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}@media only screen and (max-width:960px){.topicsListWrap .topicsList li a .textWrap .title{font-size:14px}}.topicsListWrap .topicsList li a:hover .hover{opacity:1;filter:alpha(opacity=100)}.topicsListWrap .topicsList li a:hover .title{color:#f60}.topics .singleText{max-width:800px;margin-right:auto;margin-left:auto}.topics .singleText .sectionBlock{margin-top:60px}@media only screen and (max-width:960px){.topics .singleText .sectionBlock{margin-top:40px}}.topics .singleText .sectionBlock:first-child{margin-top:0}.topics .date{font-size:16px}.topics .articleTitle{margin-top:25px;line-height:1.4;font-size:40px;max-width:800px;margin-right:auto;margin-left:auto}@media only screen and (max-width:960px){.topics .articleTitle{font-size:28px;margin-top:20px}}.topics .level2Title{font-size:32px;line-height:1.3;margin-bottom:55px}@media only screen and (max-width:960px){.topics .level2Title{margin-bottom:20px;font-size:26px}}.topics .level3Title{font-size:24px;line-height:1.3;margin-bottom:20px}@media only screen and (max-width:960px){.topics .level3Title{font-size:22px;margin-bottom:15px}}.topics .halfWidth{font-size:0;letter-spacing:0}.topics .halfWidth .halfBox{width:48%;display:inline-block;vertical-align:top}@media only screen and (max-width:960px){.topics .halfWidth .halfBox{width:100%}}.topics .halfWidth .halfBox:first-child{margin-right:4%}@media only screen and (max-width:960px){.topics .halfWidth .halfBox:first-child{margin-right:0;margin-bottom:4%}}.topics .text{line-height:1.8;font-size:14px}.topics .cap{color:#8b9ca6;font-size:13px;margin-top:10px;line-height:1.3}.topics .btnWrap{font-size:0;text-align:left;margin-top:20px}.topics .btnWrap li{display:inline-block;vertical-align:middle;margin-right:15px;margin-top:5px}.topics .btnWrap li:last-child{margin-right:0}.topics .btnWrap li a{font-size:14px;padding:10px 20px}.pageNavWrap{max-width:800px;margin:80px auto 60px}.pageNavWrap .pageNav{font-size:0}.pageNavWrap .pageNav li{display:inline-block;vertical-align:middle;text-align:center}.pageNavWrap .pageNav li span{display:inline-block;background-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,#f60 50%,#ff3600 100%);background-size:200% 100%;transition:background-position .3s cubic-bezier(.19,1,.22,1) .1s,color .5s ease 0s,background-color .5s ease}.pageNavWrap .pageNav li span:hover{background-position:-100% 100%}.pageNavWrap .pageNav li a{font-family:'Roboto',sans-serif;letter-spacing:.03em;border:1px solid #f60;display:block;padding:14px 28px;font-size:14px;color:#f60;background-repeat:no-repeat;background-size:6px auto}@media only screen and (max-width:960px){.pageNavWrap .pageNav li a{padding:8px 10px}}.pageNavWrap .pageNav li a:hover{color:#fff}.pageNavWrap .pageNav li.prev,.pageNavWrap .pageNav li.next{width:20%}@media only screen and (max-width:960px){.pageNavWrap .pageNav li.prev,.pageNavWrap .pageNav li.next{width:30%}}.pageNavWrap .pageNav li.prev{text-align:left}.pageNavWrap .pageNav li.prev a{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowLeft.png);padding-left:38px;background-position:18% center}@media only screen and (max-width:960px){.pageNavWrap .pageNav li.prev a{padding-left:28px}}.pageNavWrap .pageNav li.prev a:hover{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowLeft_w.png)}.pageNavWrap .pageNav li.next{text-align:right}.pageNavWrap .pageNav li.next a{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowRight.png);padding-right:38px;background-position:82% center}@media only screen and (max-width:960px){.pageNavWrap .pageNav li.next a{padding-right:28px}}.pageNavWrap .pageNav li.next a:hover{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowRight_w.png)}.pageNavWrap .pageNav li.listLink{width:60%}@media only screen and (max-width:960px){.pageNavWrap .pageNav li.listLink{width:40%}}.relationPostWrap{padding-top:80px;border-top:1px solid #dfe5e8}@media only screen and (max-width:960px){.relationPostWrap{padding-top:50px}}.relationPostWrap .relationPostTitle{text-align:center;font-size:32px;margin-bottom:40px}@media only screen and (max-width:960px){.relationPostWrap .relationPostTitle{font-size:26px}}