@charset "UTF-8";/*! style.css v1.0.0 | License: akey | Repository: https://github.com/urakey/chocolateboard *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}.article__body::after,.contents::after,.footer__byline::after,.footer__license::after,.footer__links::after,.footer__social::after,.header::after,.main::after,.sidebar__list--photos::after{clear:both}.header,sub,sup{position:relative}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:bottom}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.article__body ul,.article__footer ul,.article__sectionList,.article__sectionShare,.footer__social ul,.header__navigation ul,.sidebar__list,.sidebar__list--photos,.sidebar__list--tags{padding:0;list-style:none}.article__body,.main{zoom:1}.article__body::after,.article__body::before,.main::after,.main::before{display:block;height:0;content:"\0020";visibility:hidden}.article__body blockquote,.article__body code,.article__body pre,.article__sectionShare{border-radius:2px}.article__body blockquote,.article__body pre{padding:20px;background:#f7f7f7;border:1px solid #e7e7e7}.article__sectionList li,.sidebar__list li{padding:15px 10px;border-top:#e7e7e7 1px solid}.article__sectionTitle,.main__title,.sidebar__title{font-size:.8125rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.sidebar__list{line-height:1.8;border-bottom:#e7e7e7 1px solid}.sidebar__list li{line-height:1.3}.article__sectionList{line-height:1.8;border-bottom:#e7e7e7 1px solid}.article__sectionList li{line-height:1.3}.article__sectionList li::before{margin-right:.3em;color:#a7a7a7;content:"\f1db"}.articleListItem__eyecatch img,.article__eyecatch img,.recommend__image img,.sidebar__list--photos img{width:100%;height:auto}.article__body blockquote cite,.article__body figure figcaption,.article__eyecatch figcaption,.notice,.recommend__body p+p{font-size:.75rem;font-size:.8em;color:#a7a7a7}body a,body a:hover,body a:visited{color:#676767}.article__body ul li::before,.article__sectionList li::before,.footer__social--feed a::before,.footer__social--github a::before,.footer__social--instagram a::before,.footer__social--lastfm a::before,.footer__social--pinterest a::before,.footer__social--twitter a::before,.main__pagination--next a::after,.main__pagination--next span::after,.main__pagination--prev a::before,.main__pagination--prev span::before{display:inline-block;width:1em;font-family:FontAwesome;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit;text-decoration:none}body{font-size:.9375rem;font-family:Alegreya,"游明朝体","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;line-height:1.7;letter-spacing:.05em;color:#272727;background:#fff}body a{text-decoration:none}body a:hover{text-decoration:none}input,textarea{font-size:1rem;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{color:#fff;background:#a7a7a7}::selection{color:#fff;background:#a7a7a7}.header{zoom:1;width:1200px;min-width:1200px;margin:0 auto;padding:5rem 30px}.header::after,.header::before{display:block;height:0;content:"\0020";visibility:hidden}.articleListItem>a::after,.header__navigation a::after{bottom:0;left:0;height:1px;-webkit-transform:scaleX(0)}@media only screen and (max-width:1260px){.header{width:100%;min-width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}}.header__id{margin:0 0 0 -2px}@media only screen and (max-width:700px){body{letter-spacing:0}.header__id{margin:0 0 0 -1px}}.header__id a{display:block;width:270px;text-indent:-7777px;background-image:url(/assets/images/svg/logo.svg);background-position:center center;background-repeat:no-repeat;background-size:contain}.header__description{font-size:.6875rem;margin:0;letter-spacing:.1em;color:#a7a7a7}.header__navigation a,.header__navigation a:hover,.header__navigation a:visited{color:#272727}.header__description::before{content:" -> "}.header__navigation{font-size:.8125rem;position:absolute;top:30px;right:30px;margin:0;letter-spacing:.1em;text-transform:uppercase}@media only screen and (max-width:700px){.header__navigation{position:inherit;top:inherit;right:inherit}}.header__navigation a{position:relative;display:inline-block}.header__navigation a::after{position:absolute;display:block;width:100%;background-color:#272727;content:"";transform:scaleX(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.main__pagination a:hover,.sidebar__list a:hover{opacity:.6;-webkit-transition-property:opacity;-webkit-transition-timing-function:ease}.header__navigation a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}.header__navigation li{display:inline-block;margin:0 1em}@media only screen and (max-width:480px){.header{padding-right:15px;padding-left:15px}.header__navigation li{margin-right:1em;margin-left:0}}.contents{zoom:1;width:1200px;min-width:1200px;padding-right:30px;padding-left:30px;margin:0 auto;padding-bottom:50px}.contents::after,.contents::before{display:block;height:0;content:"\0020";visibility:hidden}@media only screen and (max-width:1260px){.contents{width:100%;min-width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:480px){.contents{padding-right:15px;padding-left:15px}}.main{width:1200px}@media only screen and (max-width:1260px){.main{width:100%}}.main__title{margin:0 0 50px}.main__pagination{text-align:center}.main__pagination a{color:#676767;text-decoration:none}.main__pagination a:visited{color:#676767}.main__pagination a:hover{text-decoration:none;color:#676767;-webkit-transition-duration:.3s;transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}.main__pagination--next,.main__pagination--prev{color:#a7a7a7;display:inline-block}.main__pagination--prev a::before,.main__pagination--prev span::before{content:"\f100"}.main__pagination--next a::after,.main__pagination--next span::after{content:"\f101"}.main__pagination--number{display:inline-block;margin:0 2rem}.sidebar{width:1200px}@media only screen and (max-width:1260px){.sidebar{width:100%}}.sidebar aside,.sidebar nav{font-size:.875rem}.sidebar__title{margin:4rem 0 2em}.sidebar__list{font-size:.75rem}.sidebar__list a{color:#676767;text-decoration:underline}.sidebar__list a:visited{color:#676767}.sidebar__list a:hover{text-decoration:none;color:#676767;-webkit-transition-duration:.3s;transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}.sidebar__list--tags{font-size:.75rem;padding-left:0;list-style:none}.sidebar__list--tags li{display:inline-block;margin:0 0 4px 14px}.sidebar__list--tags a{position:relative;display:block;padding:6px 10px;font-size:12px;line-height:12px;color:#fff;text-decoration:none;background:#a7a7a7;border-radius:0 3px 3px 0}.sidebar__list--tags a::after,.sidebar__list--tags a::before{position:absolute;display:block;height:4px;content:""}.sidebar__list--tags a:visited{color:#fff}.sidebar__list--tags a:hover{color:#fff;opacity:.7;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity}.footer a,.footer a:hover,.footer a:visited{color:#676767}.sidebar__list--tags a::before{top:0;left:-20px;width:0;border-color:transparent #a7a7a7 transparent transparent;border-style:solid;border-width:10px}.sidebar__list--tags a::after{top:10px;left:-4px;width:4px;background:#fff;border-radius:2px}.footer__byline::after,.footer__byline::before,.footer__license::after,.footer__license::before,.footer__social::after,.footer__social::before,.sidebar__list--photos::after,.sidebar__list--photos::before{display:block;height:0;content:"\0020";visibility:hidden}.sidebar__list--photos{zoom:1;margin-left:-1%}@media only screen and (max-width:700px){.sidebar__list--photos{margin-left:-2%}}.sidebar__list--photos li{float:left;width:9%;margin:0 0 1% 1%}@media only screen and (max-width:700px){.sidebar__list--photos li{width:18%;margin:0 0 2% 2%}.footer{text-align:center}}.footer__byline,.footer__license{margin:0 auto;zoom:1;font-style:italic}.sidebar__list--photos li img{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.footer a:hover,.footer__social a:hover{-webkit-transition-duration:.3s;text-decoration:none}.article__body a:hover,.footer a:hover{opacity:.6;-webkit-transition-property:opacity}.sidebar__list--photos li a{display:block}.sidebar__list--photos li a:hover img{opacity:.6}.footer{padding-top:30px;padding-bottom:30px;background:#f7f7f7;letter-spacing:.1em}.footer a{text-decoration:underline}.footer a:hover{transition-duration:.3s;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.footer__byline{width:1200px;min-width:1200px;padding-right:30px;padding-left:30px}@media only screen and (max-width:1260px){.footer__byline{width:100%;min-width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:480px){.footer__byline{padding-right:15px;padding-left:15px}}.footer__license{width:1200px;min-width:1200px;padding-right:30px;padding-left:30px}@media only screen and (max-width:1260px){.footer__license{width:100%;min-width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:480px){.footer__license{padding-right:15px;padding-left:15px}}.footer__social{zoom:1;width:1200px;min-width:1200px;padding-right:30px;padding-left:30px;margin:20px auto}@media only screen and (max-width:1260px){.footer__social{width:100%;min-width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:480px){.footer__social{padding-right:15px;padding-left:15px}}.footer__social a{color:#272727;text-decoration:none}.footer__social a:visited{color:#272727}.footer__social a:hover{color:#a7a7a7;opacity:.6;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:color,background-color;transition-property:color,background-color;transition-duration:.3s}@media only screen and (max-width:700px){.footer__social{padding:0 10px}.footer__social ul{margin-top:0}}.article__body h2,.article__body h3{padding-bottom:.5em;border-bottom:#e7e7e7 1px solid;font-weight:400}.footer__social ul{display:inline-block;margin:0}.footer__social li{display:inline-block;margin:0 3px;vertical-align:middle}.footer__social a{border-radius:100%;display:block;width:3rem;height:3rem;overflow:hidden;line-height:3rem;letter-spacing:0;text-align:center;background:#fff}@media only screen and (max-width:700px){.footer__social a{width:2.5rem;height:2.5rem;line-height:2.5rem}.article__body table table{overflow:auto}}.footer__social--twitter a::before{display:block;margin:0 auto;font-size:1.3rem;content:""}.footer__social--instagram a::before{display:block;margin:0 auto;font-size:1.3rem;content:""}.footer__social--pinterest a::before{display:block;margin:0 auto;font-size:1.3rem;content:""}.footer__social--lastfm a::before{display:block;margin:0 auto;font-size:1.3rem;content:""}.footer__social--github a::before{display:block;margin:0 auto;font-size:1.3rem;content:""}.footer__social--feed a::before{display:block;margin:0 auto;font-size:1.3rem;content:""}.footer__links{zoom:1;width:1200px;min-width:1200px;padding-right:30px;padding-left:30px;margin:0 auto}.footer__links::after,.footer__links::before{display:block;height:0;content:"\0020";visibility:hidden}@media only screen and (max-width:1260px){.footer__links{width:100%;min-width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}}.article__title{margin-bottom:0;font-weight:400;line-height:1.5}@media only screen and (max-width:480px){.footer__links{padding-right:15px;padding-left:15px}.article__title{font-size:1.375rem}}.article__eyecatch{margin:2rem 0}.article__eyecatch figcaption{margin:.5em 0;font-style:italic}.article__eyecatch figcaption a{color:#a7a7a7;text-decoration:underline}.article__eyecatch figcaption a:visited{color:#a7a7a7}.article__eyecatch figcaption a:hover{text-decoration:none;color:#a7a7a7}.article__body{margin:2rem 0 0}.article__body a{color:#676767;text-decoration:underline}.article__body a:visited{color:#676767}.article__body a:hover{text-decoration:none;color:#676767;-webkit-transition-duration:.3s;transition-duration:.3s;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.articleListItem>a img,.articleListItem__title a:hover{-webkit-transition-property:opacity;-webkit-transition-timing-function:ease}.article__body h1+p,.article__body h1+ul,.article__body h2+p,.article__body h2+ul,.article__body h3+p,.article__body h3+ul,.article__body h4+p,.article__body h4+ul,.article__body h5+p,.article__body h5+ul,.article__body h6+p,.article__body h6+ul{margin-top:-.3em}.article__body h2{font-size:1.5rem;margin-top:4rem;margin-bottom:2rem;line-height:1.2}.article__body h3{font-size:1.25rem;margin-top:3rem;line-height:1.2}.article__body h4{font-size:1.125rem;padding-left:.7em;margin-top:2rem;line-height:1.2;border-left:#e7e7e7 5px solid}.article__body h5,.article__body h6{font-size:1rem;margin-top:2rem;line-height:1.2}.article__body hr{height:1em;margin:4rem auto;border:0;opacity:.1}.article__body hr::before{display:block;height:100%;background-image:url(/assets/images/svg/hr.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;content:"\0020"}.article__body strong{padding:0 .3em;background:#e7e7e7;border-bottom:#272727 1px dotted}.article__body em{padding:0 .3em;font-style:normal;background:#e7e7e7}.article__body ins{border-bottom:#272727 1px double}.article__body code{padding:2px;margin:0 3px;font-family:"Bitstream Vera Sans Mono","DejaVu Sans Mono",Monaco,monospace;font-size:12px;white-space:normal;background:#f7f7f7;border:1px solid #e7e7e7}.article__body pre{padding:20px;margin:2rem 0 2rem 1rem;overflow:auto;line-height:1.2}@media only screen and (max-width:1260px){.article__body pre{margin-right:auto;margin-left:auto}}.article__body pre code{padding:0;margin:0;white-space:pre-wrap;white-space:pre;background:0 0;border:0}.article__body table td,.article__body table th{white-space:nowrap;border-top:#e7e7e7 1px solid}.article__body ul{margin:1rem 0 1rem 1rem}@media only screen and (max-width:1260px){.article__body ul{margin-right:auto;margin-left:auto}}.article__body ul li::before{margin-right:.3em;color:#a7a7a7;content:"\f1db"}.article__body ol{margin:2rem 0 2rem 1rem}@media only screen and (max-width:1260px){.article__body ol{margin-right:auto;margin-left:auto}}.article__body table{min-width:90%;margin:2rem auto;background:#fff;border-bottom:#e7e7e7 1px solid;border-left:#e7e7e7 1px solid}.article__body table th{min-width:3em;padding:.3em .5em;font-weight:700;background:#f7f7f7;border-right:#e7e7e7 1px solid}.article__body table td{padding:.5em;border-right:#e7e7e7 1px solid}.article__body figure{max-width:100%;margin:2rem 0}.article__body figure img{max-width:100%}.article__body figure figcaption{margin:.5em 0;font-style:italic}.article__body figure figcaption a{color:#a7a7a7;text-decoration:underline}.article__body figure figcaption a:visited{color:#a7a7a7}.article__body figure figcaption a:hover{text-decoration:none;color:#a7a7a7}.article__body blockquote{font-size:.8125rem;max-width:100%;margin:2rem 0;color:#676767}.article__body blockquote cite{display:block}.article__body blockquote cite a{padding-left:.5em}.article__body blockquote cite::before{content:"\002014";margin-right:.5em}.article__footer{font-size:.75rem;color:#a7a7a7}.article__footer a{color:#a7a7a7;text-decoration:none}.article__footer a:visited{color:#a7a7a7}.article__footer a:hover{text-decoration:none;color:#a7a7a7;opacity:.6;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.article__footer li{display:inline-block;letter-spacing:.05em}.article__footer li+li::before{margin:0 .5em;content:" / "}.article__footer span{display:none}.article__sectionTitle{margin:5rem 0 2em}.article__sectionList{font-size:.875rem}@media only screen and (max-width:480px){.article__sectionList{font-size:.75rem}}.article__sectionShare{display:table;width:100%;text-align:center;border:1px solid #e7e7e7;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:700px){.article__sectionShare{font-size:0}.article__sectionShare li{display:inline-block;width:50%}.article__sectionShare li:nth-child(1),.article__sectionShare li:nth-child(4){background:#f7f7f7}.article__sectionShare li:nth-child(2),.article__sectionShare li:nth-child(3){background:#fff}}.article__sectionShare li{display:table-cell;min-width:80px;padding:10px;line-height:1;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.article__sectionShare li:nth-child(odd){background:#f7f7f7}.article__sectionShare li:nth-child(even){background:#fff}.articleList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;list-style:none;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articleList__item{width:32.5%;padding-bottom:2rem}@media only screen and (max-width:700px){.articleList__item{width:49%}}.articleListItem{-webkit-box-sizing:border-box;box-sizing:border-box}.articleListItem>a{position:relative;display:block;color:#272727}.articleListItem>a img{vertical-align:top;-webkit-transition-duration:.5s;transition-duration:.5s;transition-property:opacity;transition-timing-function:ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.articleListItem>a::after{position:absolute;display:block;width:100%;background-color:#272727;content:"";transform:scaleX(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.articleListItem>a:hover{color:#272727}.articleListItem>a:hover figure{background-color:#272727}.articleListItem>a:hover img{opacity:.6}.articleListItem>a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}.articleListItem>a:visited{color:#272727}.articleListItem__eyecatch{margin:0 0 1rem;background-image:url(/assets/images/svg/bg.svg);background-position:center center;background-repeat:repeat}.articleListItem__title{font-size:1.125rem;display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin:0;font-weight:400;line-height:1.5}.articleListItem__title a{color:#272727;text-decoration:none}.articleListItem__title a:visited{color:#272727}.articleListItem__title a:hover{text-decoration:none;color:#272727;opacity:.6;-webkit-transition-duration:.3s;transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}@media only screen and (max-width:480px){.articleList__item{width:100%}.articleListItem__title{display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.articleListItem__body,.assistive{display:none}.message__body{padding-bottom:200px;text-align:center}.transform--none{text-transform:none}.scrollable--horizontal{display:block;margin:2rem auto;overflow-x:auto}.scrollable--horizontal>*{margin-top:0!important;margin-bottom:0!important}.scrollable--horizontal::-webkit-scrollbar{height:5px}.scrollable--horizontal::-webkit-scrollbar-track{background:#f7f7f7}.scrollable--horizontal::-webkit-scrollbar-thumb{background:#e7e7e7}.br--small{display:none}@media only screen and (max-width:480px){.br--small{display:block!important}}.notice::before{content:"※ "}.text--aligncenter{text-align:center}.text--alignleft{text-align:left}.text--alignright{text-align:right}.project{margin-bottom:2rem}.project dt{display:none}.project dd{margin-left:0}.project::after{content:"-"}.project__name{font-size:1.125rem;margin:1rem 0}.project__date,.project__url{font-size:.75rem}.project__credits{font-size:.75rem;margin:1rem 0 2rem}.project__credits p{margin:0}.recommend{margin:2rem 0;border:1px solid #e7e7e7}.recommend a{color:#676767;text-decoration:none;display:table;width:100%}.recommend__body,.recommend__image{display:table-cell;vertical-align:middle}.recommend a:visited{color:#676767}.recommend a:hover{text-decoration:none;color:#676767;opacity:.6;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.recommend figure{width:25%}@media only screen and (max-width:700px){.recommend figure{width:40%}}.recommend__body{padding:20px;border-right:#e7e7e7 1px solid}