#header{min-height:95px;width:100%;margin:0;padding:0;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.overorg{position:absolute;top:0;left:0}#main{padding:0;margin:0 0 555px;background:linear-gradient(181deg,#71b0cb,#c7d2d9,#618ab8,#5064a3,#5876ad);background-size:400% 400%;-webkit-animation:AnimationName 12s ease infinite;-moz-animation:AnimationName 12s ease infinite;-o-animation:AnimationName 12s ease infinite;animation:AnimationName 12s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:50% 0}50%{background-position:50% 100%}100%{background-position:50% 0}}@-moz-keyframes AnimationName{0%{background-position:50% 0}50%{background-position:50% 100%}100%{background-position:50% 0}}@-o-keyframes AnimationName{0%{background-position:50% 0}50%{background-position:50% 100%}100%{background-position:50% 0}}@keyframes AnimationName{0%{background-position:50% 0}50%{background-position:50% 100%}100%{background-position:50% 0}}h2.mainlogo{margin:0 auto 0 auto;padding:38px 0 24px;text-align:center}#main .article-wrapper{border-top:20px solid #fff000;margin:0;background-color:#fff}#header h1{z-index:100;position:absolute;top:40%;left:0;right:0;text-align:center;color:#fff;font-size:22pt;line-height:160%;font-weight:400}#main-visual{position:relative;width:100%;height:auto;overflow:hidden;padding:0;margin:0;font-size:0;line-height:0}#header .article-img{display:block;position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:auto;font-size:0;line-height:0}#header p.article-img img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0}.viewimg{animation-name:viewimg;animation-timing-function:ease-in;animation-iteration-count:1;animation-delay:0s;transform-origin:50% 50% 0px;animation-duration:.8s;animation-fill-mode:forwards;opacity:0}@keyframes viewimg{0%{opacity:0}100%{opacity:1}}#categoly{margin:0 auto;padding:55px 0 0;text-align:center}#categoly p.icon{margin:0;padding:0 0 8px}#categoly p.catj{margin:0;padding:0;font-size:120%}#categoly p.cate{margin:0;padding:3px 0 0;font-size:80%}article.article{width:980px;margin-left:auto;margin-right:auto;overflow-x:hidden}article.article p{width:880px;font-size:100%;line-height:150%;margin:0 auto 2em auto}article.article p.icon img{margin:0}article.article #categoly{margin-bottom:90px}article.article #categoly p{margin-left:auto;margin-right:auto}article.article .article-date{margin:0 auto 40px auto;width:880px}article.article .article-title{margin:90px auto 40px auto;width:880px;font-size:140%;font-weight:400;line-height:180%}article.article .article-text{width:880px;font-size:100%;line-height:150%}article.article .article-img{width:100%;margin-left:auto;margin-right:auto;text-align:center;max-width:980px}article.article p img{margin:40px 0}article.article h3{margin:60px auto 2em auto;width:880px;font-size:130%;font-weight:700;line-height:160%}article.article h4{margin:60px auto 2em auto;width:880px;font-size:110%;font-weight:700;line-height:140%}article.article .tableBox{display:table;width:980px;margin-left:auto;margin-right:auto}article.article .spacing{border-collapse:separate;border-spacing:8px 0}article.article .tableBox p.cell{display:table-cell}article.article .cell2 .cell{display:table-cell;width:50%;min-width:0;vertical-align:top}article.article .cell2 .cell h2,article.article .cell2 .cell p{width:auto;min-width:50%}article.article .cell3 p.cell{width:33%}article.article .cell4 p.cell{width:25%}article.article .tableBox p.cell img{max-width:100%;margin:0}article.article table.tablelist{width:730px;margin:0 auto 45px auto}article.article table.tablelist th{width:90px;text-align:justify;-webkit-text-align-last:justify;-moz-text-align-last:justify;text-justify:inter-ideograph;text-align-last:justify;vertical-align:top;padding:.5em 0}article.article table.tablelist td{font-size:85%;padding:.5em 0 .5em 3em;text-align:justify;text-justify:inter-ideograph;letter-spacing:.1em}article.article ul.cyuonlist{list-style:none;margin-bottom:45px;padding:0}article.article ul.cyuonlist li{background:url(//cyuon.com/contents/wp-content/themes/cyuon/css/../images/list-icon.png) 0 5px no-repeat;background-size:15px 13px;padding:0 0 .5em 20px;margin:0;letter-spacing:.1em}article.article ul.cyuonlisttable{display:table;list-style:none;margin-bottom:45px;padding:0}article.article ul.cyuonlisttable li{display:table-cell;background:url(//cyuon.com/contents/wp-content/themes/cyuon/css/../images/list-icon.png) 0 5px no-repeat;background-size:15px 13px;padding:0 0 .5em 20px;margin:0;letter-spacing:.1em}@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){article.article ul.cyuonlist li{background:url(//cyuon.com/contents/wp-content/themes/cyuon/css/../images/list-icon@2x.png) 0 5px no-repeat;background-size:15px 13px}article.article ul.cyuonlisttable li{background:url(//cyuon.com/contents/wp-content/themes/cyuon/css/../images/list-icon@2x.png) 0 5px no-repeat;background-size:15px 13px}}article.article .blueflame{box-sizing:border-box;background-color:#005ddc;padding:13px 13px 17px;color:#fff;text-align:center}article.article .blueflame h2{font-size:85%;margin:0;padding:0;font-weight:400}article.article .blueflame p{margin:0;padding:0;width:100%}article.article .blueflame a{color:#fff;text-decoration:none}article.article .blueflame a:hover{text-decoration:underline}article.article ul.colorlist{list-style:none;float:left;margin-top:30px;padding:0;position:relative;left:50%}article.article ul.colorlist.pccolor{display:block}article.article ul.colorlist.mobilecolor{display:none}article.article ul.colorlist li{float:left;margin:0;padding:0;position:relative;left:-50%;width:161px;height:161px;border-right:1px solid #fff;border-bottom:1px solid #fff}article.article ul.colorlist li img{display:block;width:100%;height:100%}article.article ul.colorlist li.colordetails{cursor:pointer}article.article .centering{text-align:center}article.article .w680{width:680px;margin-left:auto;margin-right:auto}article.article .w900{width:880px;margin-left:auto;margin-right:auto}article.article .w880{width:880px;margin-left:auto;margin-right:auto}article.article .w980{width:980px;margin-left:auto;margin-right:auto}article.article .f130{font-size:130%}article.article .f120{font-size:120%}article.article .f100{font-size:100%}article.article .f85{font-size:85%}article.article .fbold{font-weight:700}article.article .margin-b-0{margin-bottom:0}article.article .margin-b-1em{margin-bottom:1em}article.article .margin-b-2em{margin-bottom:2em}article.article .margin-b-3em{margin-bottom:3em}article.article .margin-b-5em{margin-bottom:5em}article.article .margin-b-6em{margin-bottom:6em}article.article .margin-b-7em{margin-bottom:7em}article.article .margin-b-8em{margin-bottom:8em}article.article .margin-b-100px{margin-bottom:100px}article.article .margin-t-1em{margin-top:1em}article.article .margin-t-6em{margin-top:6em}article.article .letter-w{letter-spacing:.1em;line-height:180%}article.article .letter-2w{letter-spacing:.4em;line-height:190%}article.article .small{font-size:70%}article.article .margin0{margin-top:0;margin-bottom:0}article.article br.pcbr{display:none}.blogfooter-sns{width:48px;text-align:center;margin:10px auto;padding-bottom:81px;border-bottom:1px solid #000}.blog-navi{margin:84px auto 0 auto;background-color:#fff}.blog-navi:after,.cmenu:after{content:".";display:block;clear:both;height:0;visibility:hidden}.blog-navi .icon{text-align:center}ul.entry-navi{list-style:none;margin:50px 0;padding-bottom:95px}ul.entry-navi li{float:left;width:49%;width:-webkit-calc(50% - 22px);width:calc(50% - 22px);border-right:1px solid #333}ul.entry-navi li:nth-child(even){border:none}ul.entry-navi li a{text-decoration:none;color:#000}ul.entry-navi li.back-entry{vertical-align:middle}ul.entry-navi li.back-entry .arrow{float:left;min-height:47px;line-height:47px;background:url(//cyuon.com/contents/wp-content/themes/cyuon/css/../images/arr-left2.png) top left no-repeat;padding:0 40px}ul.entry-navi li.back-entry{float:left;min-height:47px}ul.entry-navi li.back-entry p.title{float:left;min-height:47px;width:286px}ul.entry-navi li.next-entry p.title{float:left;padding-left:47px;width:286px}ul.entry-navi li.next-entry .arrow{float:right;min-height:47px;line-height:47px;background:url(//cyuon.com/contents/wp-content/themes/cyuon/css/../images/arr-right2.png) top right no-repeat;padding:0 40px}#cmenu{clear:both;min-height:435px;width:980px;margin:0 auto;padding:0}#cmenu h3{text-align:center;font-weight:400;font-size:160%;line-height:130%;margin:0 auto;padding:60px 0 50px;letter-spacing:2px}#cmenu h3 span{display:block;font-size:80%;letter-spacing:0px}#cmenu ul{list-style:none;padding:0;margin:0}#cmenu ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;width:241px;height:200px;background-color:rgba(255,255,255,.8);margin-right:4px;padding-top:60px;text-align:center}#cmenu ul li a{text-decoration:none;color:#000}#cmenu ul li:last-child{margin-right:0}#cmenu ul li p.icon{margin:0 auto;padding:0;height:53px}#cmenu ul li.menu1 p.icon{width:48px}#cmenu ul li.menu2 p.icon{width:45px}#cmenu ul li.menu3 p.icon{width:35px}#cmenu ul li.menu4 p.icon{width:37px}#cmenu ul li p.icon img{width:100%}#cmenu ul li p.catj{margin:0;padding:0;font-size:100%;line-height:90%}#cmenu ul li p.cate{margin:0;padding:3px 0 0;font-size:100%;line-height:100%}.topnavi{text-align:center;background-color:#000;padding:10px 0;color:#fff}.topnavi a{text-decoration:none;color:#fff}.topnavi .top{position:relative;display:block}.topnavi .top span{display:block;position:absolute;top:20%;left: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;border:1px solid #ccc}#article-list article.singlecard{min-width:980px}#article-list article.doublecard{width:49.3%;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:0;margin:15px 0 0 50px;font-size:19pt;line-height:160%;font-weight:400}#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%;margin-left:50px;margin-bottom:32px;width:85%}#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}.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.gocolum{max-width:197px;margin:0 auto;transform:scale(-1,-1)}svg.gocolum polygon{fill:rgba(0,0,0,0);stroke:#255;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:0}svg.gocolum polygon:hover{-webkit-animation:columndash .3s linear forwards;animation:columndash .3s linear forwards}@-webkit-keyframes columndash{to{stroke-dashoffset:500;stroke-dasharray:500}}@keyframes columndash{to{stroke-dashoffset:438;stroke-dasharray:500}}#mailform{margin:45px auto;width:700px}#mailform iframe{width:100%}#mailform input{border:1px solid #999;margin-right:7px;width:auto;width:initial}#mailform .wpcf7-list-item-label{margin-right:1em}#mailform dl{margin:.5em auto}#mailform dt{width:11em;text-align:right;padding:1em 0;vertical-align:top}#mailform dd{width:auto;padding:1em 0 0 12em;margin:-3.5em 0 0;vertical-align:top}#mailform p{width:700px;margin:1em auto;text-align:center}#mailform .req{color:#c00;font-size:80%}.wpcf7-not-valid-tip{display:block;color:#c00;font-size:80%}#mailform .notice{font-size:80%}.screen-reader-response,.wpcf7-response-output,.wpcf7-validation-errors{width:600px;color:#c00;margin:2em auto 1em auto}.screen-reader-response ul{display:none}.pagesprit{clear:both;color:#27364f;font-size:120%;line-height:200%;text-align:center;margin:40px auto 80px auto}.page-numbers a{display:inline-block;border:solid 1px #ccc;text-decoration:none;color:#000}.page-numbers a:hover{color:#fff;background:#27364f}.numbers{margin:0 12px}#next{clear:both;width:200px;padding:40px 0 0;margin:0 auto;text-align:center}.morenavi{position:relative;display:block;width:auto !important}.morenavi a{display:block;text-decoration:none;color:#000;font-size:85%}.morenavi span{display:block;position:absolute;top:50%;left:25%;font-size:14px}#loading{margin-left:80px}.remodal{padding-top:10px;padding-bottom:10px}.remodal .capcol{z-index:10;position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.6);padding:1em 1em 0}.remodal .caption{color:#fff;font-size:80%;padding:0 0 1.5em;margin:0}.remodal .modalimg{padding-bottom:80px}.remodal .modalimg.nolink{padding-bottom:0}.remodal .gotoshop,.remodal .gotosoon{padding:0;margin:0;text-align:center}.remodal-close{left:auto;right:0}