h2.mainlogo{margin:0 auto 0 auto;padding:38px 0 24px;text-align:center}#cmenu{background-color:rgba(255,255,255,.8);width:90%;height:76px;margin:0 auto;min-width:980px;max-width:1024px;min-height:76px}#cmenu ul{list-style:none;width:810px;margin:25px auto 0 auto;overflow:hidden}#cmenu ul li{float:left;padding:15px 0 0;margin-right:61px;height:76px;line-height:76px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background-position:0 0;background-size:auto 200%;transition:.3s}#cmenu ul li:hover{background-position:0 8%}#cmenu ul li img{vertical-align:middle}#cmenu ul li:last-child{margin-right:0}#cmenu ul li.menu1{width:155px;background-image:linear-gradient(rgba(255,255,255,0) 50%,rgba(255,241,0,1) 50%)}#cmenu ul li.menu2{width:128px;background-image:linear-gradient(rgba(255,255,255,0) 50%,rgba(171,217,245,1) 50%)}#cmenu ul li.menu3{width:118px;background-image:linear-gradient(rgba(255,255,255,0) 50%,rgba(225,108,225,1) 50%)}#cmenu ul li.menu4{width:204px;background-image:linear-gradient(rgba(255,255,255,0) 50%,rgba(165,219,76,1) 50%)}#article-list{position:relative;clear:both;width:91%;min-width:980px;max-width:1024px;margin:0 auto;padding:20px 0 100px;font-size:0}#article-list article{float:left;background:rgba(255,255,255,.8);width:100%;height:auto;margin:1% auto 0 auto;padding:0}#article-list article.singlecard{min-width:980px}#article-list article.doublecard{width:49.5%;min-width:485px;margin-right:1%;min-height:350px}#article-list article.doublecard:nth-child(odd){margin-right:0}#article-list article.singlecard dl{z-index:10;width:100%}#article-list article.singlecard dl dd,#article-list article.singlecard dl dt{margin:0;padding:0;width:50%}#article-list article.singlecard dl dd{float:left;width:49%}#article-list article.singlecard dt{float:right;text-align:right;font-size:1px;line-height:0;overflow:hidden}#article-list article dd h2{width:75px;height:75px;background-color:#fff100;margin:0}#article-list article h2{width:75px;height:75px;background-color:#fff100;margin:0}#article-list article h2.conversation{background-color:#fff100}#article-list article h2.work{background-color:#abd9f5}#article-list article h2.column{background-color:#ff6ce1}#article-list article h2.color-product{background-color:#a5db4c}#article-list article h2 img{margin-top:30px;margin-left:50px}#article-list article.singlecard dl dd h3,#article-list article.doublecard h3{width:85%;padding-top:10px;margin:15px 0 0 50px;font-size:19pt;line-height:160%;font-weight:400;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}#article-list article h3 a{color:#000;text-decoration:none}#article-list h3 a{padding:0 .3em 0 0;background-image:linear-gradient(rgba(0,0,0,0) 50%,rgba(210,210,210,1) 50%);background-position:0 0;background-size:auto 200%;transition:.3s}#article-list h3 a:hover{background-position:0 25%}#article-list article.singlecard dd p,#article-list article.doublecard p{font-size:12pt;line-height:160%;padding-top:10px;margin-left:50px;margin-bottom:32px;width:85%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}#article-list article.singlecard dd p.front-date,#article-list article.doublecard p.front-date{margin-bottom:0}#article-list article.singlecard dt img{margin:0 10px 0 0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}.nextnavi{position:relative;display:block}.nextnavi a{text-decoration:none;color:#000;font-size:85%}.nextnavi span{display:block;position:absolute;top:20%;left:5%}svg.gotoarticle{max-width:197px;margin:0 auto;transform:scale(-1,-1)}svg.gotoarticle polygon{fill:rgba(0,0,0,0);stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:0}svg.gotoarticle polygon:hover{-webkit-animation:dasharticle .3s linear forwards;animation:dasharticle .3s linear forwards}@-webkit-keyframes dasharticle{to{stroke-dashoffset:500;stroke-dasharray:500}}@keyframes dasharticle{to{stroke-dashoffset:438;stroke-dasharray:500}}