%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A") -80px 0px no-repeat; } .cd-stretchy-nav.edit-content .cd-nav-trigger span, .cd-stretchy-nav.edit-content .cd-nav-trigger::after { transition: opacity 0.2s ease 0s; } .no-touch .cd-stretchy-nav.edit-content .cd-nav-trigger:hover ~ .stretchy-nav-bg { box-shadow: none; background-color: rgba(0, 0, 0, 0.8); } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger span { opacity: 1; } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger span::before { transform: rotate(45deg); } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger span::after { transform: rotate(135deg); } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger::after { opacity: 0; } .js-cookie-disclaimer { position: fixed; left: 0px; bottom: 0px; right: 0px; z-index: 20; width: 100%; padding: 15px; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: none; } .js-cookie-disclaimer.is-active { display: flex; } .js-cookie-disclaimer p { line-height: 1.5; } .js-cookie-disclaimer p a { color: rgb(255, 255, 255); text-decoration: underline; } .js-cookie-disclaimer a.btn { cursor: pointer; display: inline-block; background: transparent; border: 1px solid rgb(255, 255, 255); height: 25px; font-size: 13px; font-weight: 400; line-height: 25px; padding: 0px 20px; margin: 0px 0px 0px 20px; min-width: auto !important; width: auto !important; } .loading { display: none; position: fixed; inset: 0px; z-index: 300; background: rgba(0, 0, 0, 0.8); } .loading__view { position: absolute; inset: 0px; width: 100px; height: 10px; margin: auto; display: flex; -webkit-box-pack: center; justify-content: center; } .loading__view span { display: block; width: 10px; height: 10px; margin: 0px 10px; background: rgb(255, 255, 255); border-radius: 5px; } .loading__view .num1 { animation: 0.6s ease 0s infinite alternate none running loading; } .loading__view .num2 { animation: 0.6s ease 0.2s infinite alternate none running loading; } .loading__view .num3 { animation: 0.6s ease 0.4s infinite alternate none running loading; } .loading__message { color: rgb(255, 255, 255); font-size: 16px; line-height: 1; position: absolute; inset: 0px; width: 300px; height: 16px; margin: auto; opacity: 0; text-align: center; } @-webkit-keyframes loading { 0% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes loading { 0% { opacity: 0.2; } 100% { opacity: 1; } } @media screen and (max-width: 1280px) { .attention { height: 160px; } .attention-wrap { height: 160px; align-content: space-between; } .attention-wrap .link-btn { min-width: 100%; } } @media screen and (max-width: 840px) { #competition .header-wrapper { height: 50px; box-shadow: none; } #competition .header-wrapper .header-title { display: none; } .header-title h1 .compe-icon { width: 20px; height: 20px; } h2.top-section-title { font-size: 20px; padding: 30px 0px 10px; } p.top-section-subtitle { margin: -5px auto 10px; font-size: 15px; } .com-hac-archive-wrap.top-section { padding: 15px 0px; } .awards-archive-wrap.top-section { padding: 15px 0px; width: auto; } .awards-archive-wrap.top-section .awards-grid-wide { width: 100%; margin: 0px 0px 15px; } .top-section-btn-wrap { padding: 0px 40px; margin-bottom: 60px; } .journal-wrap.top-section { padding: 15px 0px; width: 100%; } .journal-wrap { width: 100%; padding: 15px 0px; } .journal-archive-wrap.journal-grid-wide:last-child { margin-bottom: 0px; } .top-bnr-wide { display: block; } .top-bnr-wide-text { width: 100%; } .top-bnr-wide-text h3 { font-size: 18px; margin-bottom: 30px; } .top-bnr-wide-img { margin-top: 30px; width: 100%; } .top-bnr-wide-btns { padding: 0px 20px 50px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .top-bnr-wide-btns ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .top-bnr-wide-btns ul li { margin: 0px 5px 10px; } .top-bottom-bnr { width: 100%; } h3.bnr-title { font-size: 16px; } .bottom-bnr-btn-wrap { padding: 30px 0px; } #competition.drawer-open .drawer-hamburger-icon::before, #competition.drawer-open .drawer-hamburger-icon::after { background-color: rgb(26, 26, 26); } .search-close { top: 0px; right: 0px; } .search-container { height: auto; } .search-btn { top: 0px; right: 0px; } .search-menu { right: -150%; } .search-open .search-menu { right: 0%; width: 100%; overflow: scroll; } .search-wrap { margin: 0px 0px 50px; } .info-bar.error, .info-bar.complete, .info-bar.caution { top: 50px; } .info-bar-wrap { padding: 15px 40px 15px 15px; } .info-bar-wrap .icon { width: 15px; height: 15px; } .info-bar-wrap p { font-size: 11px; } .info-bar-cover { display: none; position: absolute; height: 100%; background-color: rgb(51, 51, 51); width: 100%; inset: 0px 0px auto auto; transform: scaleX(1); transform-origin: right center; z-index: 10; } .info-bar-wrap p a { color: rgb(255, 255, 255); text-decoration: underline; } .info-bar.complete .info-bar-wrap p a { color: rgb(51, 51, 51); } .content-wrap { padding-top: 50px; } .creative-slider .slick-slide { padding: 40px 0px; } .slider-wrap.bottom .creative-slider .slick-slide { padding: 10px 0px 40px; } .slider-wrap.bottom h2.top-section-title { font-size: 20px; padding: 30px 0px 10px; } .slider-wrap.bottom p.top-section-subtitle { margin: 0px auto 15px; } .wins-meta-box { padding: 20px; } h3.wins-title { font-size: 16px; } p.wins-awards { font-size: 11px; margin-bottom: 2px; } p.wins-name { font-size: 11px; } p.wins-project { font-size: 12px; margin-top: 20px; } .creative-slider .slick-slide .slick-slider-wrap img { max-height: 280px; } .creative-slider .slick-slide.slick-current img { transform: scaleZ(1); } .creative-slider .slick-slide .slick-slider-wrap { max-width: 100%; min-width: auto; height: 280px; min-height: auto; } .slick-prev { left: 5px; } .slick-next { right: 5px; } .top-slider .slick-prev, .top-slider .slick-next { width: 45px; height: 40px; top: 28.125vw; transform: translateY(-50%); } .top-slider .slick-prev { left: 0px; transform: translateY(-50%) rotate(180deg); } .top-slider .slick-next { right: 0px; } .top-slider .slick-prev::after, .top-slider .slick-next::after { width: 10px; height: 10px; transform: translate(14px) rotate(-45deg); } .top-slider .slick-prev:hover::after, .top-slider .slick-next:hover::after, .top-slider .slick-prev:active::after, .top-slider .slick-next:active::after { transform: translate(20px) rotate(-45deg); } .slick-dots { bottom: 10px; } .judges-row .slick-dots li, .slick-dots li { width: 25px; height: 20px; margin: 0px 3px; } .slick-dots li button { width: 25px; } .slick-dots li button::before { width: 25px; } .article-inner { width: 100%; margin: 20px auto; padding: 0px; } .article-title h1 { font-size: 24px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; word-break: break-all; padding: 0px 20px; } .meta-box { padding: 0px 20px; } .tag-box { width: 100%; margin: 0px 0px 20px; padding: 0px; order: 2; } .tag-box span { font-size: 12px; } .author-box { width: 100%; margin: 0px 0px 20px; order: 1; } .article-box { flex-direction: column; margin-bottom: 20px; padding: 0px 20px; } .text-box { width: 100%; padding: 0px; margin: 0px 0px 40px; } .text-box p { font-size: 15px; line-height: 1.8; margin-bottom: 20px; } .text-box h2 { font-size: 16px; line-height: 1.8; margin-bottom: 20px; } .side-box { width: 100%; margin-bottom: 10px; } .meta-name { text-align: left; vertical-align: middle; } .meta-title { margin: 40px 0px 15px; } .cc { margin: 40px 0px 0px; } .meta-date { margin: 5px 0px 0px; font-size: 12px; } .meta-link a { color: rgb(51, 51, 51); font-size: 13px; line-height: 18px; margin-bottom: 10px; } .sns-box { width: 100%; padding: 0px; } .article-sns li a { margin: 0px; } .article-content img { margin: 0px auto; } .article-content p { font-size: 14px; line-height: 1.8; margin: 0px 0px 10px; } .article-content p.credit { font-size: 13px; margin: 0px 0px 30px; padding: 0px 10px; } .carousel-slider-wrap { padding: 40px 0px 10px; } .carousel-wrap { width: 270px; margin: 20px auto; } .carousel-img { width: 100%; max-height: 180px; } .carousel-text { padding: 15px; } .carousel-text h3 { font-size: 14px; line-height: 21px; margin-bottom: 10px; } .carousel-text h4 { font-size: 14px; line-height: 16px; margin: 0px 0px 15px; } .carousel-text .tag-box { font-size: 10px; line-height: 12px; padding: 0px; margin: 0px 0px 10px; } .count-like, .count-view, .count-comment { margin-left: 10px; } .count-icon { width: 1em; height: 1em; font-size: 14px; } .count-number { font-size: 14px; line-height: 14px; } .carousel-wrap.vertical-grid .carousel-text { padding: 15px; } .article-bottom { padding: 0px 0px 40px; } .main-visual-wrap { width: 100%; height: 94vh; } .main-visual-wrap.top-main { height: auto; } .main-visual-wrap .slick-dots { bottom: 25px; } .main-visual-wrap .top-slider .slick-dots { bottom: 18px; margin-right: 0px; margin-left: 0px; width: 100%; } .top-slider-wrap, .top-slider, .top-slider .slick-slide, .top-slider .slick-slide .top-img { height: auto; max-height: none !important; } .top-slider .slick-slide .top-img { height: auto; position: relative; } .top-slider .slick-slide .top-img img { width: 100%; height: auto; min-height: auto; object-fit: fill; position: relative; left: 0px; top: 0px; transform: none; } .top-slider .slick-slide .top-blog-tag { margin-bottom: 10px; } .top-slider .slick-slide .top-blog-tag a { font-size: 10px; } .top-slider .slick-slide p.top-blog-meta { font-size: 13px; margin-top: 0px; margin-bottom: 0px; } .main-visual-box .meta:last-child { margin-top: auto; } .main-btn-wrap { position: absolute; bottom: 0px; right: 0px; } .main-visual-box { bottom: 15px; left: 15px; width: 90%; } .top-slider .main-visual-box { position: relative; bottom: auto; left: auto; width: 100%; height: auto; background: rgb(26, 26, 26); padding: 25px 30px 55px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; } .top-slider .main-visual-box .meta { max-width: none; } .main-visual-box .meta p.entry-status { height: 28px; margin-bottom: 15px; } .main-visual-box .calendar { width: 78px; height: 78px; inset: -21px 30px auto auto; } .main-visual-box .calendar-title { transform: scale(0.8); } .main-visual-box .calendar strong { font-size: 27px; } .main-visual-box .calendar-unit { font-size: 10px; } .main-visual-box .meta [class*="status-"] { height: 28px; margin-bottom: 15px; padding: 2px 0px 0px; } .main-visual-box .meta .follow { padding-top: 2px; margin-bottom: 15px; } .main-visual-box h1 { font-size: 18px; line-height: 1.7; padding-top: 2px; } .top-slider .main-visual-box h1 { font-size: 20px; line-height: 1.5; margin-top: 0px; margin-bottom: 10px; padding-top: 0px; } .main-visual-box h1 strong { display: block; max-height: 62px; overflow: hidden; } .top-slider .main-visual-box h1 { max-height: 60px; } .main-visual-box .meta { margin-top: 5px; } .main-visual-box .new-entry-btn { position: relative; right: auto; bottom: auto; margin-top: 20px; } .main-visual-box .new-entry-btn::before { border-radius: 66px; } .main-visual-box .new-entry-btn a { box-shadow: none; width: auto; height: 45px; flex-direction: row; padding: 0px 20px; position: relative; -webkit-box-pack: justify; justify-content: space-between; } .main-visual-box .new-entry-btn a small { display: none; } .main-visual-box .new-entry-btn a span { margin-bottom: 0px; margin-top: 4px; font-size: 20px; } .main-visual-box .new-entry-btn svg { width: 12px; height: 12px; } .main-visual-box .new-entry-btn a::before { content: ""; width: 12px; } .main-visual-inner .entry-catch { bottom: 15px; right: 15px; } .main-visual-inner aside { width: 40px; height: 40px; } .main-visual-box h2, .main-visual-box h2.awards { font-size: 12px; line-height: 1.8; margin-top: 0px; margin-bottom: 15px; } .main-visual-box h2 strong { display: block; line-height: 1.8; max-height: 72px; overflow: hidden; } .top-slider .main-visual-box h2 { margin-top: 0px; font-size: 13px; line-height: 1.6; } .top-slider .slick-slide .top-blog-tag { font-size: 10px; } .main-visual-box p, .main-visual-box span.presents-text { font-size: 12px; } .main-visual-box p .presents-icon { width: 30px; height: 30px; margin: 0px 3px; } .main-visual-box p .presents-icon img { width: 30px; height: 30px; border-radius: 30px; } .archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .archive-grid-wide { width: 100%; margin: 0px 0px 15px; } .archive-grid-wide a { flex-direction: column; } .archive-grid-wide > a .text-block { padding: 20px 15px 15px; } .img-block, .img-block img { width: 100%; height: auto; } .text-block { width: 100%; padding: 15px; position: relative; overflow: hidden; height: auto; } .text-block .label { height: 22px; margin-bottom: 10px; } .text-block .label .cat, .text-block .label .date { font-size: 10px; } .text-block .title { font-size: 18px; height: auto; max-height: 54px; line-height: 1.5; margin-bottom: 5px; } .text-block .desc { font-size: 12px; line-height: 1.8; height: auto; max-height: 65px; } .text-block .batch { right: 12px; bottom: 12px; width: 50px; height: 50px; } .text-block .batch p { font-size: 10px; } .archive-grid-wide.com-hac .img-block { height: auto; } .archive-grid-wide.com-hac .img-block::before { content: ""; display: block; padding-top: 66.7%; } .archive-grid-wide.com-hac .text-block { height: auto; } .archive-grid-wide.com-hac .text-block .title { margin-bottom: 5px; } .archive-grid-wide.com-hac .text-block .desc { margin-bottom: 10px; height: auto; max-height: 63px; } .archive-grid-wide.com-hac .text-block .division { margin-bottom: 7px; } .archive-grid-wide.com-hac .text-block .grid-footer .date-box { margin-bottom: 10px; } .grid-child { padding: 0px; } .child-wrap { padding-top: 15px; width: 100%; } .child-wrap .img-bg { overflow: hidden; } .child-wrap .text-block { padding: 15px; height: auto; } .child-wrap .text-block .title { font-size: 14px; font-weight: 700; line-height: 1.3; height: auto; min-height: 55px; max-height: 55px; padding: 0px; margin-bottom: 0px; } .slider-wrap.bottom { padding-bottom: 40px; } .see-all-works a.button { font-size: 13px; width: 160px; padding: 10px 0px; } #uploading { max-width: none; margin-top: 30px; margin-bottom: 60px; padding-right: 20px; padding-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #uploading .loader { order: 0; margin-bottom: 40px; } #uploading .capture { order: 2; width: 100%; padding-right: 0px; text-align: center; } #uploading .text { order: 1; width: 100%; padding-left: 0px; margin-bottom: 40px; } #uploading .text div:first-child { padding-bottom: 20px; margin-bottom: 20px; } #uploading .text div p { font-size: 15px; } .uploading-anime { margin: 20px auto; } .uploading-anime, .uploading-anime::after { width: 8em; height: 8em; } .bottom-content-wrap { margin: 0px auto; width: 100%; padding: 20px 20px 60px; } .column-box { flex-flow: column wrap; place-content: flex-start space-between; align-items: flex-start; position: relative; margin: 0px 0px 60px; } .column-box .img-block { width: 100%; height: auto; margin: 0px 0px 15px; } .column-box .text-block { width: 100%; } .column-box .text-block p { color: rgb(51, 51, 51); font-size: 13px; line-height: 1.8; margin-bottom: 15px; } .column-box .text-block p.name { font-weight: 700; font-size: 12px; line-height: 1.8; margin-bottom: 0px; } .column-box:nth-child(2n) { flex-direction: column-reverse; } .project-wrap { padding: 0px 40px; margin-bottom: 10px; } .project-box { height: auto; width: 100%; padding: 20px 20px 30px; } .project-box.minimum { height: auto; } .project-box .status-tag span { height: 20px; font-size: 10px; line-height: 10px; } .project-logo { margin: 0px auto 15px; } .project-logo img { width: auto; height: auto; max-width: 100%; max-height: 50px; } .division li { font-size: 11px; width: calc(33.3333% - 10px) !important; } .project-box .division { padding-bottom: 10px; } .project-box .division li { font-size: 9px; height: 16px; padding: 2px 5px; margin-right: 10px; margin-bottom: 8px; width: calc(33.3333% - 6.66667px) !important; } .project-box .meta { margin: 0px 0px 10px; } .project-box .meta h1 { font-size: 18px; line-height: 1.3; height: auto; max-height: 47px; } .project-box .meta h2 { font-size: 12px; font-weight: 700; line-height: 1.6; height: auto; max-height: 58px; } .project-box .info { margin-top: 0px; margin-bottom: 10px; } .project-box .info .info-date { padding-top: 0px; } .info-date .info-icon { width: 20px; height: 20px; margin-right: 5px; display: inline-block; } .info-icon .icon { width: 20px; height: 20px; font-size: 20px; } .info-text { color: rgb(51, 51, 51); font-size: 12px; font-weight: 700; } .project-box .sns-box { margin-bottom: 10px; } .project-sns li a .icon { width: 1em; height: 1em; font-size: 20px; } .project-box .project-btn li span { height: 28px; line-height: 28px; } .article-nav-wrap { padding: 15px 15px 10px; } .article-nav-wrap::-webkit-scrollbar { height: 8px; } .article-menu { justify-content: flex-start; } .article-menu li { display: flex; } .article-menu li:nth-child(-n+5) { display: flex; } .article-menu li.list-btn { display: none; } .article-menu li { font-size: 12px; height: 28px; padding: 0px 5px; } .article-menu li span.current { line-height: 1; padding: 8px 20px; height: 28px; font-size: 12px; } .article-menu li a.menu { padding: 8px 13px; } .creative-archive-grid p.author-name { display: block; } .project-archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .project-archive-header { margin: 15px auto; } .project-archive-header h2 { font-size: 18px; line-height: 20px; height: auto; } .profile-group-box { padding-bottom: 0px; } .profile-group-grid a { padding: 15px; } .project-archive-sort-wrap { width: 100px; height: 20px; } .project-archive-sort { font-size: 11px; } .project-archive-sort select { padding: 4px 10px; color: rgb(51, 51, 51); font-size: 11px; } .project-archive-box { padding: 0px; } .project-archive-grid { width: 100%; margin: 0px 0px 15px; } .project-archive-grid.add .project-post-plus { height: 190px; } .project-archive-grid .img-block { width: 100%; height: auto; min-height: 160px; } .project-archive-grid a.framed-link { display: block; } .project-archive-grid a.framed-link img { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .project-archive-grid a.framed-link span { opacity: 1; } .project-archive-grid a.framed-link span .icon { width: 30px; height: 30px; } .project-archives .img-block { height: auto; } .project-archive-grid .text-block { width: 100%; padding: 20px 15px; } .project-archive-grid .text-block h3 { font-size: 15px; } .project-archive-grid .text-block p.uploaded { margin: 0px 0px 15px; } .comment-icon { width: 10%; } .portfolio-comment-box p { width: 90%; } .project-archive-grid .text-block .bookmark { bottom: 10px; right: 10px; } .project-archive-grid .text-block .picture { right: 15px; bottom: 15px; } .project-archives { width: 100%; margin: 0px 0px 10px; } .accordion > .menu-block { padding: 20px 30px; } .accordion > ul { overflow-x: auto; white-space: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .accordion > ul::-webkit-scrollbar { height: 8px; } .accordion > ul::-webkit-scrollbar-track { margin: 0px; border-radius: 0px; border-top: 1px solid rgb(221, 221, 221); } .accordion > ul::-webkit-scrollbar-thumb { background: padding-box rgb(26, 26, 26); height: 0px; border-width: 3px 3px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 5px; } .accordion > ul > li.tab a, .accordion > ul > li.tab span { font-size: 14px; padding: 8px 13px 4px; margin: 9px 10px 5px; } .accordion > ul > li > a { display: block; text-decoration: none; cursor: pointer; padding: 15px; position: relative; } .accordion > ul > li > a p.title { font-size: 14px; line-height: 20px; padding-right: 30px; } .menu-block > ul > li { align-self: flex-start; width: 50%; } .menu-block > ul > li a { line-height: 1.4; margin: 8px 0px; font-size: 14px; } .com-hac-archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .com-hac-column { flex-direction: column; margin-right: auto; margin-left: auto; } .project-archive-wrap > .com-hac-column { padding-bottom: 0px; } .com-hac-titlebox { background: rgb(255, 255, 255); padding: 15px; position: relative; width: 100%; height: auto; min-height: inherit; margin: 0px auto 15px; } .com-hac-titlebox h2 { font-size: 18px; line-height: 1.3; text-align: center; padding: 25px 0px 30px; } .com-hac-titlebox p { font-size: 13px; line-height: 1.8; margin: 0px; } .com-hac-grid { width: 100%; height: auto; min-height: auto; margin: 0px auto 15px; } .com-hac-grid.wide { width: 100%; min-height: auto; } .com-hac-grid a { flex-direction: column; } .com-hac-grid.wide a { height: auto; } .com-hac-grid [class*="status"] { height: 28px; padding-top: 2px; } .com-hac-grid.wide .img-block, .com-hac-grid .img-block { width: 100%; height: auto; } .com-hac-grid .img-block img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .com-hac-grid.wide .img-block::before, .com-hac-grid .img-block::before { content: ""; display: block; padding-top: 66.7%; } .com-hac-grid .text-block, .com-hac-grid.wide .text-block { height: auto; width: auto; min-height: auto; padding: 15px; } .com-hac-grid .text-block .label { height: 22px; margin-bottom: 10px; } .com-hac-grid .text-block .label .cat, .com-hac-grid .text-block .label .status { font-size: 10px; } .com-hac-grid .text-block .title, .com-hac-grid.wide .text-block .title { font-size: 18px; height: auto; max-height: 54px; line-height: 1.5; margin-bottom: 5px; } .com-hac-grid .text-block .division { margin-bottom: 7px; } .com-hac-grid.wide .text-block .division li:nth-of-type(3n) { margin-right: 0px !important; } .com-hac-grid .text-block .desc { font-size: 13px; line-height: 1.6; height: auto; max-height: 42px; } .compe-archive .com-hac-grid .text-block .desc { font-size: 13px; line-height: 1.6; height: auto; max-height: 63px; padding-right: 0px; margin-bottom: 10px; } .com-hac-grid .text-block .grid-footer { flex-direction: column; } .com-hac-grid .text-block .grid-footer .date-box { min-height: auto; } .com-hac-grid.wide .grid-footer .date-box { width: 100%; margin-bottom: 10px; } .grid-footer .date-box .term-date, .grid-footer .date-box .result-date { font-size: 13px; line-height: 1.6; } .com-hac-grid.wide .grid-footer .count-box { width: 100%; } .grid-footer .count-box .icons { padding: 0px; width: 16px; height: 16px; margin: 0px 2px 0px 0px; } .grid-footer .count-box .icons .icon { width: 1em; height: 1em; font-size: 16px; } .grid-footer .count-box .count { font-size: 14px; margin: 0px 2px 0px 0px; } .grid-footer .count-box .credit { font-size: 8px; line-height: 1.4; } .awards-archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .awards-grid-wide { width: 100%; margin: 0px 0px 15px; } .awards-grid-wide a { flex-direction: column; } .awards-grid-wide .img-block, .awards-grid-wide .img-block img { width: 100%; height: auto !important; } .awards-grid-wide .text-block { width: 100%; padding: 20px 15px 15px !important; height: auto !important; } .awards-grid-wide .text-block .logo-block { width: 40px; height: 40px; margin-bottom: 10px; } .awards-grid-wide .text-block .title { font-size: 18px; line-height: 1.5; height: auto; max-height: 54px; margin-top: 0px; margin-bottom: 5px; } .awards-grid-wide .text-block .desc { height: auto; font-size: 13px !important; line-height: 1.8 !important; max-height: 108px !important; } .awards-grid-wide .text-block .batch { right: 20px; } .awards-grid-wide .text-block .tag { font-size: 12px; } .jounal-wrap { flex-flow: column wrap; place-content: flex-start space-between; align-items: flex-start; margin: 0px auto; padding: 20px 20px 60px; width: 100%; } h2.cat-title { font-size: 16px; line-height: 20px; margin-right: 10px; margin-left: 10px; } .journal-archive { width: 100%; margin: 0px; } .journal-grid-wide { width: 100%; margin: 0px 0px 15px; } .journal-grid-wide a { flex-direction: column; } .journal-grid-wide .img-block, .journal-grid-wide .img-block img { width: 100%; height: auto; } .journal-grid-wide .text-block { width: 100%; height: auto; padding: 15px 10px; } .journal-grid-wide .text-block .title { font-size: 18px; line-height: 1.5; height: auto; max-height: 81px; margin-bottom: 10px; } .journal-grid-wide .text-block .desc { font-size: 13px; line-height: 1.8; height: auto; max-height: 70px; margin: 0px 0px 15px; } .journal-grid-wide .text-block .date { font-size: 12px; margin: 0px 0px 5px; } .journal-grid-wide .text-block .tag { font-size: 12px; } .journal-grid-wide .title-block { width: 100%; padding: 20px 15px 0px; } .journal-grid-wide .title-block p[class^="status"] { margin-bottom: 8px; } .journal-grid-wide .title-block h2 { font-size: 18px; line-height: 1.5; max-height: 81px; margin-bottom: 10px; } .journal-grid-wide .detail-block { width: 100%; padding: 0px 15px 20px; } .journal-grid-wide .detail-block p { font-size: 14px; line-height: 1.5; max-height: 42px; } .jounal-side { width: 100%; margin-top: 0px; } .jounal-side-wrap { padding: 20px 15px; } .jounal-side .side-box p { font-size: 13px; } .journal-single, .journal-single-wrap { width: 100%; } .single-content { padding: 30px 15px; } .entry-header { margin-bottom: 20px; } .entry-header > span { font-size: 12px; margin-bottom: 15px; } .entry-header-archive { max-width: 100%; margin-bottom: 20px; } .entry-header h1 { font-size: 19px; line-height: 1.4; margin-bottom: 15px; } .entry-header-archive h1 { font-size: 26px; line-height: 1.5; } .entry-header-archive h2 { font-size: 24px; } .single-meta { font-size: 12px; } .single-meta .date { font-size: 15px; margin-bottom: 5px; } .single-meta .tag a { font-size: 13px; } .entry-content p { font-size: 15px; line-height: 1.8; margin: 0px auto 15px; } .entry-content h2 { font-size: 18px; line-height: 1.5; margin: 30px 0px; } .entry-content h2::after { width: 25px; } .entry-content .col-2, .entry-content .col-3, .entry-content .col-4, .entry-content .col-5, .entry-content .col-6 { columns: 2; column-gap: 15px; } .entry-content h3 { font-size: 19px; line-height: 1.4; padding: 0px 0px 0px 10px; margin: 30px 0px 20px; } .entry-content p.credit { font-size: 13px; margin: -5px 0px 15px; } .entry-content h4 { font-size: 17px; line-height: 1.6; margin: 30px 0px 20px; } .entry-content table { line-height: 1.6; font-size: 14px; } .entry-content table thead th, .entry-content table th, .entry-content table td { padding: 5px; } .entry-content { margin-bottom: 20px; } .relate-post { margin: 15px 0px; } .relate-post h3 { font-size: 18px; margin-right: 10px; margin-left: 10px; } .people-set { width: 100%; } .people-set .people-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-bottom: 20px; } .people-set .people-item div:first-child { width: 100%; padding: 0px; text-align: center; } .people-set .people-item div:last-child { width: 100%; } .people-set .people-item div h3 { text-align: center; font-size: 18px; } .journal-archive-wrap { margin-bottom: 15px; padding-bottom: 15px; } .journal-single.wide, .journal-single.wide .journal-single-wrap { width: 100%; } .profile-main-wrap { padding: 30px; } .profile-box { width: 100%; } .profile-img-block, .profile-img-block img { display: none; } .profile-text-block { padding: 0px; } .profile-text-block h1 { font-size: 24px; margin-bottom: 10px; line-height: 1.2; padding-left: 6px; text-overflow: initial; white-space: normal; } .profile-text-block p { font-size: 12px; margin-bottom: 5px; padding: 0px 0px 0px 6px; } .profile-text-block p .icon, .profile-text-block p span { font-size: 16px; width: 1em; height: 1em; } .profile-text-block .sns { width: 100%; padding: 15px 0px 0px; } .profile-text-block .sns li a { padding: 4px; display: block; width: 28px; height: 28px; margin: 0px 2px 0px 0px; } .center-nav .article-menu { justify-content: center; } .profile-mypage { padding: 30px 15px; } .mypage-menu { flex-direction: column; place-content: center; align-items: center; width: 100%; margin-bottom: 40px; } .mypage-menu-wrap { flex-direction: row; place-content: center space-around; align-items: center; } .mypage-menu li { font-size: 12px; margin: 0px; } .form-group { margin: 0px 0px 20px; } .form-group.compact { max-width: 100%; } .mypage-edit .form-group { margin: 0px 0px 20px; } .col-sm-2.form-check { padding: 0px; margin-top: 15px; } .profile-image-icon { width: 70px; height: 70px; border-radius: 35px; margin-right: 15px; margin-bottom: 10px; } .profile-image-icon img { width: 70px; height: 70px; border-radius: 35px; } .profile-image-box label { font-size: 14px; margin: 0px 0px 15px; } .profile-image-box button { font-size: 12px; } .mypage-edit .form-group label { font-size: 14px; } .mypage-edit .form-group.compact { margin-bottom: 20px; } .mypage-edit .form-group dt { margin: 0px; } .mypage-edit .form-group dt label { padding: 10px 0px; } .mypage-edit { width: 100%; padding-left: 0px; } .mypage-edit .ontheweb > .col-form-label { font-size: 14px; } .mypage-edit .ontheweb .form-group label { padding: 0px 0px 5px; font-size: 13px; } .mypage-edit .ontheweb .form-group input { width: 100%; margin-right: 0px; } label.radio-label { font-size: 13px; padding-left: 3px; margin: 0px 15px 10px 0px; } .profile-content-wrap { width: 100%; padding: 15px 0px; height: auto; } .profile-entry-content { padding: 20px; } .profile-entry-content p { font-size: 13px; line-height: 1.8; margin-bottom: 15px; } .profile-entry-content h2 { font-size: 18px; margin: 40px 0px 15px; } .profile-entry-content .awards-history a:not(.btn) { margin: 0px; } .profile-entry-content .awards-history a.btn { margin-left: 15px; } .profile-entry-content .awards { flex-direction: column; } .profile-entry-content .awards .meta-awards { width: 100%; } .profile-entry-content .tag-box a { font-size: 13px; margin: 0px 15px 10px 0px; } .creative-archive-wrap { padding: 20px; width: 100%; } .creative-archive-box { flex-direction: column; padding: 0px 0px 20px; } .creative-archive-grid { width: 100%; margin: 0px 0px 15px; } .profile-group-grid { width: 100%; margin: 0px 0px 10px; } .parts-judges, .parts-col1, .parts-col2, .parts-col3, .parts-col4, .parts-supporters, .parts-prizes, .parts-awards-link, .parts-programtl, .parts-schedule, .parts-results, .parts-comments, .parts-agreement, .parts-timeline { margin: 0px 0px 80px; width: 100%; padding: 0px; } .parts-col3 .side-border, .parts-col2, .parts-col3, .parts-col4 { flex-direction: column; } .parts-col2 .col-block, .parts-col3 .col-block, .parts-col4 .col-block { width: 100%; margin-bottom: 25px; } .parts-col3 .side-border .col-block { width: 100%; padding: 20px 5px; border-left: 0px solid rgb(26, 26, 26); border-right: 0px solid rgb(26, 26, 26); border-bottom: 1px solid rgb(26, 26, 26); margin-bottom: 0px; } .side-border .col-block:first-child { border-width: 1px 0px; border-style: solid; border-color: rgb(26, 26, 26); } .parts-col3 .col-block h3 { font-size: 15px; line-height: 1.8; margin: 0px 0px 10px; } .parts-col3 .col-block p, .parts-col4 .col-block p { font-size: 13px; line-height: 1.8; } .parts-heading { padding: 50px 0px 40px; } .parts-heading .parts-title, .parts-schedule .parts-heading h2 { font-size: 24px; margin: 0px 0px 3px; line-height: 1.3; } .parts-heading::after { height: 35px; } .parts-heading .parts-subtitle { font-size: 13px; } .judges-row { justify-content: space-between; } .judges-row li { position: relative; width: 46%; padding: 0px 0px 20px; } .text-box .judges-row li.slick-slide, .text-box .judges-row li.list { width: 46%; } .judges-row-box .image-block { margin: 0px auto 10px; } .judges-row-box h3 { padding: 0px; margin: 0px 0px 10px; font-size: 15px; } .judges-row-box p { font-size: 13px; line-height: 1.6; } .judges-row-box .image-block, .judges-row-box .image-block img, .text-box .judges-row-box .image-block img { max-width: 100%; max-height: 100%; } .flex-column.post-list { padding: 0px; } .flex-column.post-list .col-block { overflow: hidden; margin-bottom: 25px; min-height: auto; } .flex-column.post-list .col-block .col-image { width: 100%; padding: 0px; margin-bottom: 25px; text-align: center; } .flex-column.post-list .col-block .col-text { width: 100%; } .col-block h3.judges-name { padding: 0px; margin: 0px 0px 15px; font-size: 20px; line-height: 1.6; } .col-block p { font-size: 16px; margin: 0px 0px 15px; } .parts-prizes, .parts-winner { margin-bottom: 50px; } .prizes-box, .winner-box { height: auto; width: 46%; position: relative; margin: 0px 0px 30px; } .prizes-image, .winner-image { margin-bottom: 20px; } .prizes-text h3, .winner-text h3 { font-size: 16px; line-height: 1.3; padding: 0px; margin: 0px 0px 15px; } .winner-text h3 { margin-bottom: 5px; } .prizes-text p { font-size: 14px; padding: 0px; margin: 0px; } .winner-text p { font-size: 15px; padding: 0px; margin: 0px; } .judges-carousel .slick-slide { padding: 0px 40px 30px; } .judges-carousel .slick-prev { left: -10px; margin-top: 70px; } .judges-carousel .slick-next { right: -10px; margin-top: 70px; } .judges-carousel .slick-dots li { width: 25px; padding: 0px; } div#judges-content { width: 100%; max-width: calc(-40px + 100vw); height: auto; max-height: calc(-40px + 100vh); min-height: auto; padding: 30px; overflow-y: scroll; } .overlay-row .image-block { width: 100%; } .overlay-row .image-block img { width: 70%; margin: 0px auto 20px; display: block; } .overlay-row .text-block { position: relative; width: 100%; padding: 10px 0px; } .overlay-row .text-block h3 { text-align: center; } .overlay-row .profile-block { padding-top: 20px; } .overlay-row .profile-block p, .overlay-row .text-block p { font-size: 13px; } .slick-slide .judges-row-box .image-block { margin: 0px auto 15px; } .slick-slide .judges-row-box h3 { font-size: 17px; } .supporters-wrap { flex-wrap: wrap; } .parts-supporters { margin-bottom: 50px; } .parts-supporters h3 { font-size: 19px; padding: 0px; border: none; margin: 40px 0px 20px; } .supporters-logo { width: 50%; padding: 0px 10px; margin-bottom: 30px; } .supporters-logo img { max-height: calc(-15px + 37.5vw); } .text-box .supporters-logo { width: 50%; padding: 0px 10px; margin-bottom: 20px; } .parts-entry-step { margin-bottom: 60px; } .parts-entry-step .col-block h3 { font-size: 20px; line-height: 1.6; padding: 2px 0px 0px 10px; margin-top: 30px; margin-bottom: 20px; } .parts-awards-link { margin-bottom: 40px; } .awards-link-wrap { width: 100%; padding: 0px; margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .parts-awards-link .awards-link-item { width: 100%; margin-bottom: 15px; } .parts-awards-link .awards-link-item div figure { margin-bottom: 25px; } .awards-logo { width: 70%; height: 100%; margin: 0px auto 30px; border-radius: 50%; overflow: hidden; padding: 0px 0px 70%; } .awards-text { width: 100%; max-width: 100%; } .awards-text p { text-align: center; margin-bottom: 0px; } .btn-wrap { width: 100%; padding: 0px; position: relative; text-align: center; margin: 30px auto; } .col-block .btn-wrap:first-child { margin-top: -10px; } .btn-wrap a.btn, .btn-wrap a.btn.single { margin: 10px; } .subscribe-grid .btn-wrap { padding: 0px 0px 30px; } .parts-programtl, .text-box .parts-programtl { padding: 0px 0px 10px; } .programtl-wrap { width: calc(100% - 30px); margin: 0px 0px 70px 30px; } .parts-heading .parts-text { margin: 20px auto 0px; } .programtl-name { font-size: 16px; } .programtl-box, .text-box .programtl-box { width: 100%; padding: 0px 0px 0px 25px; } .programtl-box h3 { font-size: 16px; padding: 15px 0px 0px 10px; margin: 0px 0px 20px; } .programtl-box p { font-size: 13px; line-height: 1.7; margin: 0px 0px 3px; } .parts-schedule { margin-bottom: 40px; } .parts-schedule .schedule-wrap { padding: 0px; margin-bottom: 40px; } .parts-schedule .schedule-wrap table { width: 100%; font-size: 10px; } .parts-schedule .schedule-wrap table th { padding: 10px 15px 10px 0px; } .parts-schedule .schedule-wrap table td { padding: 10px 0px 10px 15px; } .parts-schedule .schedule-wrap table th p, .parts-schedule .schedule-wrap table td p { min-width: 60px; font-size: 14px; } .schedule-wrap .schedule-time { padding: 10px 0px 10px 20px; } .schedule-wrap .schedule-time li { font-size: 10px; padding: 10px 0px; min-height: 65px; } .schedule-wrap .schedule-time li p { font-size: 10px; line-height: 1.5; } .process-wrap { flex-direction: column; } .process-grid { padding: 20px; margin-bottom: 40px; width: 100%; } .process-grid .counter { font-size: 36px; width: 40px; height: 40px; line-height: 40px; margin: 0px 0px 10px; } .process-grid h3, .text-box .process-grid h3 { border: none; font-size: 17px; margin: 0px 0px 10px; padding: 0px; } .process-grid p, .text-box .process-grid p { font-size: 13px; margin: 0px; } .process-grid::before { top: inherit; right: 50%; margin-right: 0px; bottom: -20px; } .process-grid::after { top: inherit; right: 50%; margin-right: -14px; bottom: -20px; } .col-block h3 { font-size: 19px; line-height: 1.6; margin: 0px 0px 15px; padding: 0px; } .parts-col2 .col-block { width: 100%; } .wide div:not(.results-wrap) .parts-col2 { width: 100%; margin-right: 0px; margin-left: 0px; } .wide div:not(.results-wrap) .parts-col2 .col-block { width: 100%; } .col-block h4 { font-size: 17px; line-height: 1.6; overflow: hidden; margin: 10px 0px 5px; padding: 0px; } .judge-list { margin: 30px auto 0px; } .judge-list li { margin: 0px auto 40px; overflow: hidden; } .judge-name h4 { margin: 0px 0px 10px; font-size: 17px; } .judge-image, .text-box .judge-image, .text-box .judge-text { width: 100%; } .judge-text { width: 100%; padding: 20px; max-height: 100%; } .judge-text p { font-size: 13px; line-height: 1.7; margin: 0px; } .results-concept h4 { font-size: 17px; margin: 0px 0px 10px; } .results-concept p { font-size: 15px; line-height: 1.7; margin: 0px; } .results-prize { width: 120px; height: 120px; margin: 0px auto 30px; text-align: center; } .results-author h3 { font-size: 19px; margin: 0px 0px 20px; padding: 0px; border: 0px; } .results-author h4 { font-size: 17px; margin: 0px 0px 10px; } .results-author p { font-size: 15px; margin: 0px 0px 10px; } .results-image { flex-direction: column; } .image-wide { margin: 0px 0px 20px; } .image-half { width: 100%; margin: 0px 0px 20px; } .comments-list li { flex-direction: column; margin-bottom: 60px; } .comments-image, .comments-name, .comments-text { width: 100%; } .comments-image { margin: 0px 0px 20px; } .comments-name { padding: 0px 0px 10px; } .comments-name h3 { padding: 0px; margin: 0px 0px 10px; font-size: 19px; } .comments-name p { color: rgb(102, 102, 102); font-size: 13px; } .comments-text p { font-size: 15px; margin: 0px; } .comments-profile { width: 100%; padding: 20px; margin: 20px 0px 0px; } .comments-profile h4 { color: rgb(51, 51, 51); font-size: 15px; line-height: 1.4; margin: 0px 0px 10px; } .comments-profile p { font-size: 13px; margin: 0px; } .agreement-box { width: 100%; height: 300px; padding: 20px; } .agreement-box p { font-size: 12px; line-height: 1.6; padding: 0px; margin: 0px; } .parts-heading p { font-size: 13px; line-height: 1.7; margin: 0px; padding: 0px; -webkit-line-clamp: 3; } .basis1-2 { flex-direction: column; } .basis1-2 .col-block { margin-bottom: 0px; } .basis1-2 .col-block:first-child { width: 100%; padding-right: 0px; } .basis1-2 .col-block:last-child { width: 100%; } a.btn { font-size: 14px; width: 100%; max-width: 100%; } .parts-col4.heading-box h3 { font-size: 14px; line-height: 1.5; margin: 0px 0px 10px; padding: 20px; } .parts-col4 .col-block h3, .parts-col4 .col-block h4 { font-size: 15px; margin: 0px 0px 5px; } .parts-timeline { padding-bottom: 10px; max-width: 630px; margin-right: auto; margin-left: auto; } .timeline-wrap { padding: 0px; width: calc(100% - 30px); margin: 0px 0px 0px 30px; } .timeline-box { width: 100%; padding: 0px 0px 0px 25px; } .timeline-name { font-size: 13px; padding: 3px; } .timeline-list { padding: 0px 0px 30px; } .timeline-box h3 { font-size: 16px; padding: 0px 0px 0px 10px; margin: 0px 0px 15px; } .timeline-box p { font-size: 14px; line-height: 1.6; margin: 0px 0px 3px; } .wysiwyg { margin-bottom: 80px; } .wysiwyg figure { margin-right: auto !important; margin-left: auto !important; float: none !important; } .wysiwyg h1 { font-size: 26px; line-height: 1.5; margin-bottom: 20px; } .wysiwyg h2 { font-size: 24px; line-height: 1.5; margin-top: 30px; margin-bottom: 20px; } .wysiwyg h2::after { width: 25px; } .wysiwyg h1 + h2 { margin-top: 30px; } .wysiwyg h3 { font-size: 20px; line-height: 1.6; padding: 2px 0px 0px 10px; margin-top: 30px; margin-bottom: 20px; } .wysiwyg h4 { font-size: 18px; line-height: 1.6; margin-top: 30px; margin-bottom: 20px; } .wysiwyg h5, .wysiwyg h6 { font-size: 16px; line-height: 1.6; } .wysiwyg p { font-size: 16px; line-height: 1.8; margin-top: 0px; margin-bottom: 15px; } .wysiwyg p a.btn:first-child { margin-top: 40px; } .wysiwyg blockquote { font-size: 14px; } .wysiwyg figcaption { font-size: 13px; } .wysiwyg pre { font-size: 14px; } .wysiwyg ul, .wysiwyg ol { font-size: 16px; } .wysiwyg .table-scroll { position: relative; width: 100%; overflow: auto; margin-bottom: 30px; } .wysiwyg .table-scroll::-webkit-scrollbar { height: 6px; } .wysiwyg .table-scroll::-webkit-scrollbar-track { background-color: rgba(51, 51, 51, 0.1); } .wysiwyg .table-scroll::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 4px; } .wysiwyg .table-scroll .scroll-icon { position: absolute; left: 50%; top: calc(50% + 10px); transform: translate(-50%, -50%); margin-bottom: 0px; } .wysiwyg .table-scroll table { margin-bottom: 10px; width: auto; } .wysiwyg table th, .wysiwyg table td { min-width: 100px; padding: 6px 6px 3px; width: auto; } .wysiwyg .gmap { margin: 20px 0px; } .video-wrap { width: 100%; padding-top: 56.25%; margin: 30px auto; } .wysiwyg > .instawidget ul li { width: 100%; } .wysiwyg > span[class^="PIN"] > span:nth-of-type(2) { height: 100vw !important; } .title-cell h4 { font-size: 15px; margin: 20px 0px 10px; padding: 0px; } .title-cell { width: 100%; } .text-cell.flex-row { justify-content: space-between; } .text-cell { width: 100%; } #modal { width: 300px; max-width: 100%; padding: 60px 30px 40px; } .modal-profile-wrap .profile-text-block h2 { font-size: 18px; } .modal-profile-wrap .profile-text-block p { font-size: 12px; } .modal-profile-wrap .profile-awards-block h3 { font-size: 16px; } #close { top: 5px; right: 5px; } .profile-awards-block .meta-name { width: calc(100% - 40px); text-align: left; vertical-align: middle; } .meta-name a { font-size: 12px; padding-left: 10px; } .meta-name > span { padding: 3px 0px 0px 10px; } .view-btn { font-size: 14px; padding: 10px; border-radius: 30px; width: 80%; } .login { background: rgb(239, 239, 239); width: 100%; height: auto; overflow: hidden; } .login-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .login-box { display: flex; flex-flow: wrap; place-content: flex-start space-between; align-items: flex-start; padding: 0px; } .login-grid { background: rgb(255, 255, 255); width: 100%; margin: 0px 0px 15px; } .login-lead { margin: 30px auto 15px; } .login-box .login-lead { margin: 15px auto 30px; } .login-box .login-grid:last-child { margin: 0px; } .login-box h2 { color: rgb(26, 26, 26); font-size: 18px; margin-bottom: 20px; line-height: 1.4; text-align: center; } .login-box p { color: rgb(51, 51, 51); font-size: 13px; margin-bottom: 20px; line-height: 1.6; text-align: center; } .login-box p a { color: rgb(26, 26, 26); font-size: 13px; margin-bottom: 0px; line-height: 1.6; text-align: center; text-decoration: underline; } .pagenavi { padding: 30px 0px; } .login-box p:last-child { margin-bottom: 0px; } .login-box .btn { text-align: center; background: rgb(26, 26, 26); color: rgb(255, 255, 255); display: block; font-size: 14px; line-height: 15px; font-weight: 700; width: 100%; height: 45px; padding: 15px 30px; border-radius: 30px; border: 1px solid rgb(26, 26, 26); cursor: pointer; outline: none; margin: 0px auto 30px; } .login-box .btn:last-child { margin-bottom: 0px; } .login-box .btn.fb { background: rgb(66, 103, 178); margin-bottom: 10px; } .login-box .btn.tw { background: rgb(0, 0, 0); margin-bottom: 10px; } .login-box .btn.gp { background: rgb(219, 68, 55); margin-bottom: 10px; } .attention { position: fixed; inset: 0px; padding: 60px 30px; width: auto; height: auto; z-index: 200; overflow: hidden; background: rgba(250, 250, 250, 0.7); } .attention-wrap { flex-direction: column; place-content: stretch space-between; align-items: stretch; height: 100%; width: 100%; padding: 40px 30px 30px; background: rgb(209, 52, 56); text-align: center; position: relative; } .attention-wrap .title { height: auto; width: 100%; margin: 0px; } .attention-wrap .title p { color: rgb(255, 255, 255); font-size: 42px; line-height: 1.2; font-weight: 700; } .attention-wrap .text { color: rgb(255, 255, 255); font-size: 15px; height: auto; width: auto; max-width: 100%; margin: 0px; } .attention-wrap .text p { height: auto; font-size: 16px; font-weight: 700; line-height: 1.8; margin: 0px 0px 20px; overflow: hidden; text-overflow: inherit; white-space: normal; } .attention-wrap .text p.notice { font-size: 12px; line-height: 2; padding: 0px; margin: 0px; height: auto; } .attention-wrap .link-btn { width: 100%; margin: 0px auto; } .attention-wrap .btn-now, .attention-wrap .btn-late { display: block; font-size: 13px; line-height: 15px; font-weight: 700; height: 45px; padding: 13px 15px 14px; border-radius: 30px; margin: 0px auto 20px; width: 100%; } .attention-wrap .btn-late { margin-bottom: 0px; } .attention-wrap .close-btn { font-size: 0px; line-height: 0; position: absolute; top: 5px; right: 5px; display: block; width: 40px; height: 40px; padding: 0px; cursor: pointer; color: rgba(0, 0, 0, 0); border: none; outline: none; background: none; z-index: 10; } .modal-slider .slick-slide .slick-slider-wrap { width: calc(100% - 40px); max-width: 100%; height: auto; } .modal-slider { position: relative; width: 100%; height: auto; margin: 0px auto; } .modal-slider .slick-prev { left: 0px; } .modal-slider .slick-next { right: 0px; } .modal-slider .slick-slide .slick-slider-wrap p { font-size: 12px; width: 100%; margin: 15px 0px 5px; text-overflow: initial; white-space: normal; } .modal-slider .slick-slide .slick-slider-wrap p.author-name { font-size: 10px; font-style: italic; margin: 0px; padding: 0px; width: 100%; display: block; } #modal-info, #modal-follow { padding: 60px 30px; } #modal-follow h3 { font-size: 20px; } #modal-follow h4 { font-size: 14px; } #modal-info p, #modal-follow p { font-size: 16px; } .modal-score { width: calc(100% - 40px); max-width: 100%; height: calc(100% - 160px); max-height: 100%; padding: 20px; margin: 80px auto; } .modal-score .score-wrap { position: relative; overflow-y: scroll; width: 100%; height: auto; max-height: 100%; padding: 0px; } .modal-score h3 { font-size: 18px; margin-bottom: 10px; } .modal-score .comment-box { margin-bottom: 10px; padding-top: 10px; } .modal-score label { font-size: 14px; margin-bottom: 5px; } .modal-score .score-number, #modal .score-number { border-radius: 5px; font-size: 14px; height: auto; } .modal-score input[type="button" i], .modal-score input[type="text" i], #modal input[type="button" i], #modal input[type="text" i] { width: 28%; font-size: 14px; font-weight: 700; line-height: 1.4; padding: 5px; height: auto; } .modal-score .score-box { margin-bottom: 20px; } .judging { padding: 40px 0px 0px; } .judging.open { top: 50px; } .judging .judging-inner { padding-bottom: 138px; } .judging .comment-confirm { font-size: 15px; } .judging h2 { font-size: 20px; margin: 0px auto 30px; } .judging h3 { font-size: 18px; } .judging textarea { font-size: 15px; } .judging .comment-block.admin .comment-wrap { margin: 40px 10px; padding: 60px 10px 30px; width: auto; } .judging .score-box + h3 { padding-top: 20px; } .judging p[class^="toggle-"] { font-size: 16px; line-height: 1.3; padding: 15px; } .judging .score-wrap { width: 100%; padding: 0px 10px 40px; } .judging .score-wrap .score-box { width: 40%; margin: 0px 5% 20px; } .judging .score-wrap .score-box label, .judging .comment-wrap .comment-detail { font-size: 15px; } .judging .comment-wrap a.btn { width: 180px; } .judging .comment-wrap .score-block .score-line { width: 50%; } .judging .comment-wrap .score-block.no-score .score-line { width: 50%; padding: 5px; } .judging .comment-wrap .score-block .score-line .score-name, .judging .comment-wrap .score-block .score-line .score-count { font-size: 15px; } div.post-type { justify-content: flex-start; align-items: center; } label.post-type-label { font-size: 12px; padding: 0px 0px 0px 5px; margin: 5px 0px; width: 100%; } input.examination-submit, .examination-submit { font-size: 12px; line-height: 12px; height: 40px; padding: 14px 10px; width: 180px; text-align: center; } .project-archive-grid .score-line { width: 50%; padding: 2px; } .project-archive-grid .score-name { font-size: 8px; } .project-archive-grid .score-count { width: 33px; font-size: 9px; } .project-archives > p { padding-left: 15px; padding-right: 15px; } .project-archives .text-block { padding: 15px 15px 0px; } .project-archives .text-block .count-box.nameside { right: 15px; } .project-archives .score-line { width: 50%; padding: 2px; } .project-archives .score-name { font-size: 8px; } .project-archives .score-count { width: 33px; font-size: 9px; } .contact-wrap { width: 100%; padding: 15px; } .block-info { padding: 40px 0px 20px; } .block-info-inner { padding: 60px 15px; display: block; } .block-info-inner div { width: 100%; } .block-info-inner div:last-child { margin-top: 40px; } .block-info-inner .check { width: 48px; } .block-info-inner .close { top: 10px; right: 10px; } .block-info-inner h2 { font-size: 28px; } .block-info-inner h4 { font-size: 14px; } .block-info-inner p { font-size: 13px; } .subscribe-wrap { width: 100%; padding: 15px 0px; } .contact-form-wrap { padding: 20px; } .upload-menu-wrap { padding: 0px 0px 15px; } .upload-menu li { font-size: 12px; padding: 0px 10px; } .upload-menu li span.current, .upload-menu li a.menu { padding: 8px 20px; min-width: 80px; } .fsSubField.fsNameFirst, .fsSubField.fsNameLast { margin-bottom: 5px; } .fsSupporting { margin: 0px 15px 0px 0px; } select.fsField:not([size]):not([multiple]) { margin: 5px 0px 0px; max-width: 50%; } .fsSubFieldGroup { margin: 5px auto 20px; } .fsSubmitButton { margin: 15px auto; } .icon-title { margin-top: 15px; margin-bottom: 30px; } .icon-title figure { width: 48px; height: 48px; } .icon-title figure img { width: 20px; } .icon-title h1 { font-size: 20px; } .icon-title p { font-size: 15px; } .setup-project-grid { font-size: 13px; } .setup-project-grid h2 { font-size: 20px; } .setup-project-grid .form-group:nth-of-type(1) { margin-top: 40px; } .setup-project-grid .form-group.group-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } .form-item-title { font-size: 16px; padding-right: 40px; margin-bottom: 20px !important; } .form-item-title::after { width: 30px; } .subscribe-bnr-img { height: 120px; } .subscribe-grid { width: 100%; max-width: 100%; margin: 0px auto 15px; padding: 30px 15px; } .subscribe-grid.faq { padding: 30px 15px; } .subscribe-grid.faq h3 { font-size: 17px; } .subscribe-grid:last-child { margin-bottom: 0px; } .subscribe-grid .buildby { margin-top: 15px; } .subscribe-grid .notice-box { padding: 20px; margin-bottom: 20px; } .entry-content .notice-box { padding: 20px; } h1.subscribe-title { font-size: 20px; margin: 10px auto 30px; } h2.subscribe-title { font-size: 20px; margin: 0px auto 20px; padding-top: 20px; } .article-content h2.subscribe-title, .subscribe-grid h2.subscribe-title { margin: 40px auto 20px; } .subscribe-grid h2.subscribe-title:first-child { margin-top: 0px; } .subscribe-grid.faq h2.subscribe-title { font-size: 20px; } .subscribe-grid.faq dt { font-size: 16px; } .subscribe-grid.faq dd { font-size: 14px; margin-bottom: 30px; } .subscribe-grid.faq ul li { font-size: 14px; } .subscribe-grid h1.subscribe-title + h2.subscribe-title { margin-top: 0px; padding-top: 0px; } .repute-box, .lv-dl-box { padding: 0px 20px; } .article-content .subscribe-grid { padding: 0px 15px; } h3.subscribe-title { font-size: 16px; margin: 5px auto; } .subscribe-grid.thanks { padding: 60px 15px 30px; } .subscribe-grid.thanks h1 { font-size: 32px; margin-bottom: 30px; } .subscribe-grid.thanks h2 { font-size: 18px; margin-bottom: 30px; } .subscribe-grid.thanks p { font-size: 15px; margin-bottom: 30px; } .subscribe-grid.thanks figure { margin-bottom: 30px; } .subscribe-main-image, .subscribe-sub-image { margin: 0px auto 40px; } .sub-image-box { width: 48%; max-width: 100%; margin: 0px 0px 6px; } .sub-image-box .sub-image-inner { width: 140px; height: 140px; } .subscribe-grid p { font-size: 14px; margin-bottom: 20px; } .subscribe-grid p.subscribe-desc { color: rgb(51, 51, 51); font-size: 13px; font-weight: 700; line-height: 1.8; margin: 0px auto 40px; text-align: center; padding: 0px; } .form-control, .form-select { font-size: 14px; } .subscribe-grid .uploader-box { margin: 0px 0px 30px; } .confirmation-box { margin: 0px 0px 30px; padding: 20px; } .confirmation-list li { padding: 10px 0px; } .confirmation-title { width: 50%; } .confirmation-title p { font-size: 15px; } .confirmation-text { width: 50%; } .confirmation-text p { font-size: 15px; } #pagetop { display: block; } #judge-bar { padding: 10px; } #judge-bar ul { flex-flow: column wrap; place-content: flex-start center; } #judge-bar.judge-nav ul { flex-direction: row; } #judge-bar.judge-nav ul li { margin: 0px 10px; } #judge-bar.judge-nav ul li::after { right: -10px; top: 50%; transform: translateY(-50%); } #judge-bar.judge-nav ul li a { font-size: 11px; text-decoration: none; flex-direction: column; place-content: center; } #judge-bar.judge-nav ul li svg { margin-bottom: 5px; } #judge-bar p.judge-next { right: 0px; transform: translateY(-50%); } #judge-bar p.judge-prev { left: 0px; transform: translateY(-50%); } #judge-bar p.judge-next:hover::before, #judge-bar p.judge-next:hover::after { right: 10px; opacity: 1; } #judge-bar p.judge-prev:hover::before, #judge-bar p.judge-prev:hover::after { left: 10px; opacity: 1; } #judge-bar p.judge-next:active::before, #judge-bar p.judge-next:active::after { right: 0px; opacity: 0.7; } #judge-bar p.judge-prev:active::before, #judge-bar p.judge-prev:active::after { left: 0px; opacity: 0.7; } #judge-bar p.btn-finish a, #judge-bar p.btn-now a#open-judge { width: auto; min-width: auto; } #judge-bar p.btn-now { bottom: 71px; } #judge-bar p.btn-now a:hover { color: rgb(51, 51, 51); background: rgb(255, 255, 255); } .btn-lg { font-size: 13px; line-height: 1.5; min-width: 40%; margin: 0px 5px; } .image-select-box-wrap { margin-bottom: 18px; height: auto; width: 47%; } .image-select-box { min-height: 145px; max-height: 145px; width: 100%; height: auto; max-width: 100%; } .fixed-page-wrap { width: 100%; padding: 0px; margin: 0px auto; } .fixed-page-content { width: 80%; margin: 0px auto; } .page-notfound p { font-size: 13px; margin-bottom: 60px; } .image-select-box img { max-height: 145px; height: auto; width: auto; } .col-form-label { padding: 10px 0px !important; } .col-sm-10 .col-form-label, .col-form-label span { font-weight: 400; } .col-sm-4, .col-sm-6, .col-sm-9, .col-sm-10, .col-sm-12, .col-md-12 { padding: 0px; } .col-sm-10.border, .col-sm-9.border, .row div[class*="col-"] .border { padding: 20px 15px; } .form-check-inline { margin-right: 0px; padding-top: 0px; width: 48%; font-size: 14px; } .loftwork-logo { width: 60px; height: 18px; margin: 2px auto 0px; } .footer-menu { flex-direction: column; } .footer-menu li { padding: 5px; } .footer-menu li a { font-size: 16px; } .footer-sns li a { margin: 0px; } .footer-submenu { margin: 0px auto 61px; } .footer-submenu li a { font-size: 12px; padding: 5px 15px; } .footer-copyright p { font-size: 10px; padding: 0px 0px 15px; } .creative-slider .slick-slide .slick-slider-wrap .video-wrap { height: auto; } .cd-stretchy-nav.edit-content.nav-is-visible ul span { opacity: 1; visibility: visible; } } @media screen and (max-width: 350px) { .drawer-wrap { padding: 20px 0px 0px; } .drawer-menu-wrap { margin: 0px 0px 10px; } .drawer-menu li { padding: 8px 0px; } .drawer-menu { margin: 0px 0px 10px; } .drawer-sns { margin: 0px; } .project-wrap { padding: 0px 30px; } .image-select-box { margin-bottom: 15px; width: 120px; height: 120px; max-width: 47%; } } .message { position: relative; overflow: hidden; } .message.fixheight { height: 800px; } .message .text-link { text-decoration: underline; } .message a.btn { min-width: auto; padding: 0px 20px; line-height: 30px; } .message .text-link:hover { text-decoration: none; } .message__tl { overflow: hidden; position: absolute; inset: 0px 0px 80px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); } .message__tl-header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 10px 30px; height: 74px; border-bottom: 1px solid rgb(229, 229, 229); } .message__tl-header-name { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 16px; font-weight: 700; margin-right: 10px; } .message__tl-contents { position: relative; height: calc(100% - 75px); padding: 30px; overflow-y: auto; } .message__tl-contents::-webkit-scrollbar { width: 6px; } .message__tl-contents::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.3); } .message__tl-contents::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 4px; } .message__tl-item { margin-bottom: 20px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; } .message__tl-img { width: 22px; padding-bottom: 25px; margin-right: 6px; } .message__tl-img img { width: 100%; height: auto; } .message__tl-data { width: calc(100% - 28px); } .message__tl-text { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 14px; line-height: 1.6; padding: 20px; background: rgb(247, 247, 247); margin-bottom: 10px; overflow-wrap: break-word; } .message__tl-date { font-size: 14px; line-height: 1; } .message .my-msg .message__tl-img { -webkit-box-ordinal-group: 3; order: 2; margin-right: 0px; margin-left: 6px; } .message .my-msg .message__tl-data { -webkit-box-ordinal-group: 2; order: 1; } .message .my-msg .message__tl-date { text-align: right; } @media screen and (max-width: 840px) { .message.fixheight { max-height: 80vh; } .message__tl { inset: -1px -1px 55px; } .message__tl-header { padding: 5px 15px; height: 44px; } .message__tl-header-name { font-size: 15px; font-weight: 400; } .message__tl-contents { height: calc(100% - 44px); padding: 15px 10px; } .message__tl-item { margin-bottom: 15px; -webkit-box-align: start; align-items: flex-start; } .message__tl-text { font-size: 12px; padding: 10px; } .message__tl-date { font-size: 11px; } } .message__send { display: flex; -webkit-box-align: center; align-items: center; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 80px; background: rgb(255, 255, 255); padding: 10px 50px; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); border-image: initial; border-top: none; } .message__send-input { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 20px; position: relative; width: 100%; height: 100%; } .message__send-input textarea { position: relative; width: 100%; height: 100%; padding: 5px 10px; font-size: 16px; border: none; background: rgb(244, 244, 244); } @media screen and (max-width: 840px) { .message__send { height: 55px; padding: 10px; } .message__send-input { margin-right: 10px; position: relative; width: 100%; height: 100%; } .message__send-input textarea { padding: 5px; } } .message__header { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .message__num { font-size: 16px; margin-right: 15px; margin-bottom: 15px; } .message__new-message { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; margin-bottom: 15px; } .message__select-destination { width: auto; } .message__select-destination select { margin: 0px; } .message__add-btn { text-align: left; margin: 0px; } @media screen and (max-width: 840px) { .message__header { margin: 0px 10px; } .message__num { font-size: 12px; margin-right: 0px; } .message__new-message { width: 100%; margin-bottom: 20px; } .message__select-destination { width: auto; } .message__select-destination select { margin: 0px 10px 0px 0px !important; } .message__add-btn { text-align: left; margin: 0px; } .message__add-btn a { font-size: 12px; min-height: 32px; height: 32px; } } .message__user-list { background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); margin-bottom: 60px; } .message__user-item { display: flex; -webkit-box-align: center; align-items: center; padding: 20px; border-top: 1px solid rgb(229, 229, 229); transition: background 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .message__user-item:first-child { border-top: none; } .message__user-item--disabled { background: rgb(220, 220, 220); } .message__user-item--disabled a { pointer-events: none; } .message__user-img { width: 45px; margin-right: 15px; } .message__user-img img { transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .message__user-img:hover img, .message__user-img:active img { opacity: 0.6; } .message__user-data { -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; } .message__user-info { position: relative; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 8px; padding-right: 90px; } .message__user-name { font-size: 14px; font-weight: 700; margin-right: 15px; } .message__user-day { position: absolute; font-size: 14px; right: 0px; top: 0px; } .message__user-check { margin: 0px; } .message__user-check label { display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; } .message__user-check label input { margin-right: 0.75rem; } .message__user-message { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .message__user-name a, .message__user-data a, .message__user-day a, .message__user-message a, .message__user-label a { transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .message__user-name a:hover, .message__user-data a:hover, .message__user-day a:hover, .message__user-message a:hover, .message__user-label a:hover, .message__user-name a:active, .message__user-data a:active, .message__user-day a:active, .message__user-message a:active, .message__user-label a:active { opacity: 0.6; } @media screen and (max-width: 840px) { .message__user-list { border-right: none; border-left: none; border-image: initial; border-top: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); margin-bottom: 30px; } .message__user-item { display: block; padding: 13px 10px; } .message__user-img { float: left; } .message__user-info { flex-wrap: wrap; margin-bottom: 8px; padding-top: 3px; } .message__user-name { width: 100%; font-size: 12px; font-weight: 700; margin: 0px 0px 6px; } .message__user-day { font-size: 12px; top: 2px; } .message__user-label { margin-bottom: 8px; } .message__user-message { font-size: 12px; white-space: normal; text-overflow: clip; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } @media screen and (max-width: 840px) { .header-menu { margin-right: 0px; padding-right: 0px; min-width: 29px; } .header-menu .start-project, .header-menu .select-login, .header-menu .author-name, .header-menu .pro, .header-menu .free { display: none !important; } .header-menu .admin-header__icon-item { margin-left: 13px; } .header-menu .author-login { top: 10px; right: 50px; } .header-menu .author-login-wrap { width: 30px; margin-right: 0px; } .header-menu .author-name { display: none; } .message-info { top: 49px; width: 100vw; max-height: calc(-50px + 100vh); } } #btn-support { background: rgb(255, 241, 0); border: none; cursor: pointer; appearance: none; z-index: 999998; position: fixed; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; width: 125px; height: 35px; margin: 10px 20px; right: -5px; bottom: 5px; border-radius: 20px; font-size: 13px; line-height: 13px; display: inline-flex; justify-content: center; align-items: center; } #btn-support.gray { background: rgb(204, 204, 204); } #btn-support img { margin-top: -2px; width: 16px; height: 16px; } #btn-support span { display: inline-block; margin-left: 5px; } @media screen� { #btn-support span { padding-top: 3px; } } #btn-support:hover { filter: brightness(105%); } @media screen and (min-width: 840px) { .grecaptcha-badge { bottom: 0px !important; } } @media screen and (max-width: 840px) { #btn-support { width: 36px; height: 36px; right: -10px; bottom: 5px; } #btn-support span { display: none; } } .drawer-wrap { transform: translate(0px) translateZ(0px) !important; } .drawer--top.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger { overflow: auto !important; } .drawer-nav::-webkit-scrollbar { width: 6px; } .drawer-nav::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); } .drawer-nav::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 3px; } .side-signup * { transition: all 0.3s ease 0s; } .side-signup { z-index: 3; width: 400px; height: 400px; padding: 40px; background-color: rgb(255, 241, 0); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px; position: fixed; right: 0px; top: 360px; transition: all 0.3s ease 0s; } .side-signup h4 { font-size: 26px; line-height: 1.4; margin-bottom: 20px; width: 320px; } .side-signup h6 { font-size: 15px; line-height: 1.8; width: 320px; } .side-signup div { position: absolute; left: 40px; bottom: 40px; width: 320px; height: 100px; } .side-signup .btn { height: 40px; width: 100%; max-width: none; min-width: auto; padding: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .side-signup .btn + .btn { margin-top: 20px; } .side-signup .btn.white:hover { background-color: rgb(255, 241, 0); color: rgb(26, 26, 26); border-color: rgb(26, 26, 26); } .side-signup .btn .icon { opacity: 0; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .side-signup.min { width: 80px; height: 160px; } .side-signup.min h4, .side-signup.min h6 { opacity: 0; } .side-signup.min div { left: 0px; bottom: 0px; width: 80px; height: 160px; } .side-signup.min .btn { height: 80px; border-radius: 0px; pointer-events: none; } .side-signup.min .btn + .btn { margin-top: 0px; } .side-signup.min .btn span { opacity: 0; } .side-signup.min .btn.black { background-color: rgb(255, 241, 0); border-color: transparent; } .side-signup.min .btn.white { border-color: transparent; } .side-signup.min .btn .icon { opacity: 1; } @media screen and (max-width: 840px) { .side-signup { display: none; } } .preview-btn { line-height: 1.3; position: relative; height: 32px; padding: 0px 20px; margin-right: 20px; background-color: rgb(255, 241, 0); border-radius: 16px; border: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; transition: all 0.3s ease 0s; } .preview-btn:hover { filter: brightness(105%); } .preview-btn .icon { width: 16px; height: 16px; margin-right: 8px; } .preview-btn span { transform: translateY(1px); font-size: 13px; font-weight: 700; } .preview-btn::after { content: ""; display: block; width: 7px; height: 7px; border-bottom: 1.5px solid rgb(34, 34, 34); border-right: 1.5px solid rgb(34, 34, 34); transform: translateY(-2px) rotate(45deg); margin-left: 12px; transition: all 0.3s ease 0s; } .preview-btn.active::after { transform: translateY(1px) rotate(-135deg); } .preview { line-height: 1.3; position: fixed; top: 54px; right: 10px; width: 380px; height: auto; background: rgb(255, 241, 0); border-radius: 3px; padding: 5px 0px 5px 5px; z-index: 105; } .preview__inner { max-height: calc(-74px + 100vh); overflow-y: scroll; } .preview__inner { overflow-y: scroll; } .preview__inner::-webkit-scrollbar { width: 5px; } .preview__inner::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0); } .preview__inner::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 4px; } .preview .arrow { opacity: 0; display: block; position: absolute; width: 0px; height: 0px; border-bottom: 12px solid rgb(255, 241, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; top: -8px; right: 284px; transform: translate(-3px); } .preview h5 { font-size: 18px; padding: 21px 20px 19px; } .preview__inner > ul { padding-bottom: 28px; } .preview ul li a, .preview ul li > span { font-size: 14px; font-weight: 700; position: relative; height: 34px; padding: 0px 12px 0px 20px; margin-bottom: 2px; border-radius: 3px; display: flex; -webkit-box-align: center; align-items: center; } .preview ul li a:hover { background-color: rgba(0, 0, 0, 0.05); } .preview ul li a.current { background-color: rgb(26, 26, 26); color: rgb(255, 255, 255); pointer-events: none; } .preview__inner > ul > li > a:not(.current)::before { content: ""; display: block; width: 16px; margin-right: 8px; flex-shrink: 0; } .preview ul li a span, .preview ul li span span { transform: translateY(1px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .preview ul li .icon { fill: rgb(255, 255, 255); width: 16px; height: 16px; margin-right: 8px; flex-shrink: 0; } .preview ul li ul li { padding-left: 44px; } .preview ul li ul li a, .preview ul li ul li > span { font-size: 13px; font-weight: 400; padding: 0px 12px; } .preview ul li ul li a:not(.current)::before, .preview ul li ul li > span::before { content: "-"; margin-right: 8px; flex-shrink: 0; } .preview ul li.preview__accordion { position: relative; } .preview ul li.preview__accordion > a { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-right: 0px; margin-right: 34px; } .preview ul li.preview__accordion > a span { flex-shrink: 0; padding-right: 12px; } .preview ul li.preview__accordion button { position: absolute; right: 0px; top: 0px; height: 34px; width: 34px; border-radius: 3px; border: none; background-color: transparent; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: all 0.3s ease 0s; } .preview ul li.preview__accordion button:hover { background: rgba(0, 0, 0, 0.05); } .preview ul li.preview__accordion button::after { content: ""; display: block; width: 7px; height: 7px; border-bottom: 1.5px solid rgb(34, 34, 34); border-right: 1.5px solid rgb(34, 34, 34); transform: translateY(-2px) rotate(45deg); transition: all 0.3s ease 0s; } .preview ul li.preview__accordion.open button::after { transform: translateY(1px) rotate(-135deg); } .preview ul li.preview__accordion > a::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2); order: 1; } @media screen and (max-width: 840px) { .preview-btn { margin-right: 15px; width: 30px; height: 30px; padding: 0px; -webkit-box-pack: center; justify-content: center; } .preview-btn .icon { margin-right: 0px; } .preview-btn span, .preview-btn::after { display: none; } .preview { padding-right: 5px; top: 56px; right: 6px; width: calc(-12px + 100vw); } .preview__inner { max-height: calc(-76px + 100vh); } .preview .arrow { border-bottom: 6px solid rgb(255, 241, 0); border-left: 5px solid transparent; border-right: 5px solid transparent; top: -6px; right: 57px; } .preview h5 { font-size: 16px; } .preview ul li a, .preview ul li > span { font-size: 14px; height: 32px; } .preview ul li ul li a, .preview ul li ul li > span { font-size: 13px; } .preview ul li.preview__accordion button { height: 32px; } } @media screen� { .preview-btn span, .preview ul li a span, .preview ul li span span { transform: translateY(3px); } } .info-bar.error { background-color: rgb(209, 52, 56); color: rgb(255, 255, 255); } .info-bar.error p a { color: rgb(255, 255, 255); } .info-bar.error p a:hover { text-decoration: none; } .info-bar.error .icon { fill: rgb(255, 255, 255); } .info-bar.error .close-btn::before, .info-bar.error .close-btn::after { background-color: rgb(255, 255, 255); } %0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A") -80px 0px no-repeat; } .cd-stretchy-nav.edit-content .cd-nav-trigger span, .cd-stretchy-nav.edit-content .cd-nav-trigger::after { transition: opacity 0.2s ease 0s; } .no-touch .cd-stretchy-nav.edit-content .cd-nav-trigger:hover ~ .stretchy-nav-bg { box-shadow: none; background-color: rgba(0, 0, 0, 0.8); } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger span { opacity: 1; } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger span::before { transform: rotate(45deg); } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger span::after { transform: rotate(135deg); } .cd-stretchy-nav.edit-content.nav-is-visible .cd-nav-trigger::after { opacity: 0; } .js-cookie-disclaimer { position: fixed; left: 0px; bottom: 0px; right: 0px; z-index: 20; width: 100%; padding: 15px; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: none; } .js-cookie-disclaimer.is-active { display: flex; } .js-cookie-disclaimer p { line-height: 1.5; } .js-cookie-disclaimer p a { color: rgb(255, 255, 255); text-decoration: underline; } .js-cookie-disclaimer a.btn { cursor: pointer; display: inline-block; background: transparent; border: 1px solid rgb(255, 255, 255); height: 25px; font-size: 13px; font-weight: 400; line-height: 25px; padding: 0px 20px; margin: 0px 0px 0px 20px; min-width: auto !important; width: auto !important; } .loading { display: none; position: fixed; inset: 0px; z-index: 300; background: rgba(0, 0, 0, 0.8); } .loading__view { position: absolute; inset: 0px; width: 100px; height: 10px; margin: auto; display: flex; -webkit-box-pack: center; justify-content: center; } .loading__view span { display: block; width: 10px; height: 10px; margin: 0px 10px; background: rgb(255, 255, 255); border-radius: 5px; } .loading__view .num1 { animation: 0.6s ease 0s infinite alternate none running loading; } .loading__view .num2 { animation: 0.6s ease 0.2s infinite alternate none running loading; } .loading__view .num3 { animation: 0.6s ease 0.4s infinite alternate none running loading; } .loading__message { color: rgb(255, 255, 255); font-size: 16px; line-height: 1; position: absolute; inset: 0px; width: 300px; height: 16px; margin: auto; opacity: 0; text-align: center; } @-webkit-keyframes loading { 0% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes loading { 0% { opacity: 0.2; } 100% { opacity: 1; } } @media screen and (max-width: 1280px) { .attention { height: 160px; } .attention-wrap { height: 160px; align-content: space-between; } .attention-wrap .link-btn { min-width: 100%; } } @media screen and (max-width: 840px) { #competition .header-wrapper { height: 50px; box-shadow: none; } #competition .header-wrapper .header-title { display: none; } .header-title h1 .compe-icon { width: 20px; height: 20px; } h2.top-section-title { font-size: 20px; padding: 30px 0px 10px; } p.top-section-subtitle { margin: -5px auto 10px; font-size: 15px; } .com-hac-archive-wrap.top-section { padding: 15px 0px; } .awards-archive-wrap.top-section { padding: 15px 0px; width: auto; } .awards-archive-wrap.top-section .awards-grid-wide { width: 100%; margin: 0px 0px 15px; } .top-section-btn-wrap { padding: 0px 40px; margin-bottom: 60px; } .journal-wrap.top-section { padding: 15px 0px; width: 100%; } .journal-wrap { width: 100%; padding: 15px 0px; } .journal-archive-wrap.journal-grid-wide:last-child { margin-bottom: 0px; } .top-bnr-wide { display: block; } .top-bnr-wide-text { width: 100%; } .top-bnr-wide-text h3 { font-size: 18px; margin-bottom: 30px; } .top-bnr-wide-img { margin-top: 30px; width: 100%; } .top-bnr-wide-btns { padding: 0px 20px 50px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .top-bnr-wide-btns ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .top-bnr-wide-btns ul li { margin: 0px 5px 10px; } .top-bottom-bnr { width: 100%; } h3.bnr-title { font-size: 16px; } .bottom-bnr-btn-wrap { padding: 30px 0px; } #competition.drawer-open .drawer-hamburger-icon::before, #competition.drawer-open .drawer-hamburger-icon::after { background-color: rgb(26, 26, 26); } .search-close { top: 0px; right: 0px; } .search-container { height: auto; } .search-btn { top: 0px; right: 0px; } .search-menu { right: -150%; } .search-open .search-menu { right: 0%; width: 100%; overflow: scroll; } .search-wrap { margin: 0px 0px 50px; } .info-bar.error, .info-bar.complete, .info-bar.caution { top: 50px; } .info-bar-wrap { padding: 15px 40px 15px 15px; } .info-bar-wrap .icon { width: 15px; height: 15px; } .info-bar-wrap p { font-size: 11px; } .info-bar-cover { display: none; position: absolute; height: 100%; background-color: rgb(51, 51, 51); width: 100%; inset: 0px 0px auto auto; transform: scaleX(1); transform-origin: right center; z-index: 10; } .info-bar-wrap p a { color: rgb(255, 255, 255); text-decoration: underline; } .info-bar.complete .info-bar-wrap p a { color: rgb(51, 51, 51); } .content-wrap { padding-top: 50px; } .creative-slider .slick-slide { padding: 40px 0px; } .slider-wrap.bottom .creative-slider .slick-slide { padding: 10px 0px 40px; } .slider-wrap.bottom h2.top-section-title { font-size: 20px; padding: 30px 0px 10px; } .slider-wrap.bottom p.top-section-subtitle { margin: 0px auto 15px; } .wins-meta-box { padding: 20px; } h3.wins-title { font-size: 16px; } p.wins-awards { font-size: 11px; margin-bottom: 2px; } p.wins-name { font-size: 11px; } p.wins-project { font-size: 12px; margin-top: 20px; } .creative-slider .slick-slide .slick-slider-wrap img { max-height: 280px; } .creative-slider .slick-slide.slick-current img { transform: scaleZ(1); } .creative-slider .slick-slide .slick-slider-wrap { max-width: 100%; min-width: auto; height: 280px; min-height: auto; } .slick-prev { left: 5px; } .slick-next { right: 5px; } .top-slider .slick-prev, .top-slider .slick-next { width: 45px; height: 40px; top: 28.125vw; transform: translateY(-50%); } .top-slider .slick-prev { left: 0px; transform: translateY(-50%) rotate(180deg); } .top-slider .slick-next { right: 0px; } .top-slider .slick-prev::after, .top-slider .slick-next::after { width: 10px; height: 10px; transform: translate(14px) rotate(-45deg); } .top-slider .slick-prev:hover::after, .top-slider .slick-next:hover::after, .top-slider .slick-prev:active::after, .top-slider .slick-next:active::after { transform: translate(20px) rotate(-45deg); } .slick-dots { bottom: 10px; } .judges-row .slick-dots li, .slick-dots li { width: 25px; height: 20px; margin: 0px 3px; } .slick-dots li button { width: 25px; } .slick-dots li button::before { width: 25px; } .article-inner { width: 100%; margin: 20px auto; padding: 0px; } .article-title h1 { font-size: 24px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; word-break: break-all; padding: 0px 20px; } .meta-box { padding: 0px 20px; } .tag-box { width: 100%; margin: 0px 0px 20px; padding: 0px; order: 2; } .tag-box span { font-size: 12px; } .author-box { width: 100%; margin: 0px 0px 20px; order: 1; } .article-box { flex-direction: column; margin-bottom: 20px; padding: 0px 20px; } .text-box { width: 100%; padding: 0px; margin: 0px 0px 40px; } .text-box p { font-size: 15px; line-height: 1.8; margin-bottom: 20px; } .text-box h2 { font-size: 16px; line-height: 1.8; margin-bottom: 20px; } .side-box { width: 100%; margin-bottom: 10px; } .meta-name { text-align: left; vertical-align: middle; } .meta-title { margin: 40px 0px 15px; } .cc { margin: 40px 0px 0px; } .meta-date { margin: 5px 0px 0px; font-size: 12px; } .meta-link a { color: rgb(51, 51, 51); font-size: 13px; line-height: 18px; margin-bottom: 10px; } .sns-box { width: 100%; padding: 0px; } .article-sns li a { margin: 0px; } .article-content img { margin: 0px auto; } .article-content p { font-size: 14px; line-height: 1.8; margin: 0px 0px 10px; } .article-content p.credit { font-size: 13px; margin: 0px 0px 30px; padding: 0px 10px; } .carousel-slider-wrap { padding: 40px 0px 10px; } .carousel-wrap { width: 270px; margin: 20px auto; } .carousel-img { width: 100%; max-height: 180px; } .carousel-text { padding: 15px; } .carousel-text h3 { font-size: 14px; line-height: 21px; margin-bottom: 10px; } .carousel-text h4 { font-size: 14px; line-height: 16px; margin: 0px 0px 15px; } .carousel-text .tag-box { font-size: 10px; line-height: 12px; padding: 0px; margin: 0px 0px 10px; } .count-like, .count-view, .count-comment { margin-left: 10px; } .count-icon { width: 1em; height: 1em; font-size: 14px; } .count-number { font-size: 14px; line-height: 14px; } .carousel-wrap.vertical-grid .carousel-text { padding: 15px; } .article-bottom { padding: 0px 0px 40px; } .main-visual-wrap { width: 100%; height: 94vh; } .main-visual-wrap.top-main { height: auto; } .main-visual-wrap .slick-dots { bottom: 25px; } .main-visual-wrap .top-slider .slick-dots { bottom: 18px; margin-right: 0px; margin-left: 0px; width: 100%; } .top-slider-wrap, .top-slider, .top-slider .slick-slide, .top-slider .slick-slide .top-img { height: auto; max-height: none !important; } .top-slider .slick-slide .top-img { height: auto; position: relative; } .top-slider .slick-slide .top-img img { width: 100%; height: auto; min-height: auto; object-fit: fill; position: relative; left: 0px; top: 0px; transform: none; } .top-slider .slick-slide .top-blog-tag { margin-bottom: 10px; } .top-slider .slick-slide .top-blog-tag a { font-size: 10px; } .top-slider .slick-slide p.top-blog-meta { font-size: 13px; margin-top: 0px; margin-bottom: 0px; } .main-visual-box .meta:last-child { margin-top: auto; } .main-btn-wrap { position: absolute; bottom: 0px; right: 0px; } .main-visual-box { bottom: 15px; left: 15px; width: 90%; } .top-slider .main-visual-box { position: relative; bottom: auto; left: auto; width: 100%; height: auto; background: rgb(26, 26, 26); padding: 25px 30px 55px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; } .top-slider .main-visual-box .meta { max-width: none; } .main-visual-box .meta p.entry-status { height: 28px; margin-bottom: 15px; } .main-visual-box .calendar { width: 78px; height: 78px; inset: -21px 30px auto auto; } .main-visual-box .calendar-title { transform: scale(0.8); } .main-visual-box .calendar strong { font-size: 27px; } .main-visual-box .calendar-unit { font-size: 10px; } .main-visual-box .meta [class*="status-"] { height: 28px; margin-bottom: 15px; padding: 2px 0px 0px; } .main-visual-box .meta .follow { padding-top: 2px; margin-bottom: 15px; } .main-visual-box h1 { font-size: 18px; line-height: 1.7; padding-top: 2px; } .top-slider .main-visual-box h1 { font-size: 20px; line-height: 1.5; margin-top: 0px; margin-bottom: 10px; padding-top: 0px; } .main-visual-box h1 strong { display: block; max-height: 62px; overflow: hidden; } .top-slider .main-visual-box h1 { max-height: 60px; } .main-visual-box .meta { margin-top: 5px; } .main-visual-box .new-entry-btn { position: relative; right: auto; bottom: auto; margin-top: 20px; } .main-visual-box .new-entry-btn::before { border-radius: 66px; } .main-visual-box .new-entry-btn a { box-shadow: none; width: auto; height: 45px; flex-direction: row; padding: 0px 20px; position: relative; -webkit-box-pack: justify; justify-content: space-between; } .main-visual-box .new-entry-btn a small { display: none; } .main-visual-box .new-entry-btn a span { margin-bottom: 0px; margin-top: 4px; font-size: 20px; } .main-visual-box .new-entry-btn svg { width: 12px; height: 12px; } .main-visual-box .new-entry-btn a::before { content: ""; width: 12px; } .main-visual-inner .entry-catch { bottom: 15px; right: 15px; } .main-visual-inner aside { width: 40px; height: 40px; } .main-visual-box h2, .main-visual-box h2.awards { font-size: 12px; line-height: 1.8; margin-top: 0px; margin-bottom: 15px; } .main-visual-box h2 strong { display: block; line-height: 1.8; max-height: 72px; overflow: hidden; } .top-slider .main-visual-box h2 { margin-top: 0px; font-size: 13px; line-height: 1.6; } .top-slider .slick-slide .top-blog-tag { font-size: 10px; } .main-visual-box p, .main-visual-box span.presents-text { font-size: 12px; } .main-visual-box p .presents-icon { width: 30px; height: 30px; margin: 0px 3px; } .main-visual-box p .presents-icon img { width: 30px; height: 30px; border-radius: 30px; } .archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .archive-grid-wide { width: 100%; margin: 0px 0px 15px; } .archive-grid-wide a { flex-direction: column; } .archive-grid-wide > a .text-block { padding: 20px 15px 15px; } .img-block, .img-block img { width: 100%; height: auto; } .text-block { width: 100%; padding: 15px; position: relative; overflow: hidden; height: auto; } .text-block .label { height: 22px; margin-bottom: 10px; } .text-block .label .cat, .text-block .label .date { font-size: 10px; } .text-block .title { font-size: 18px; height: auto; max-height: 54px; line-height: 1.5; margin-bottom: 5px; } .text-block .desc { font-size: 12px; line-height: 1.8; height: auto; max-height: 65px; } .text-block .batch { right: 12px; bottom: 12px; width: 50px; height: 50px; } .text-block .batch p { font-size: 10px; } .archive-grid-wide.com-hac .img-block { height: auto; } .archive-grid-wide.com-hac .img-block::before { content: ""; display: block; padding-top: 66.7%; } .archive-grid-wide.com-hac .text-block { height: auto; } .archive-grid-wide.com-hac .text-block .title { margin-bottom: 5px; } .archive-grid-wide.com-hac .text-block .desc { margin-bottom: 10px; height: auto; max-height: 63px; } .archive-grid-wide.com-hac .text-block .division { margin-bottom: 7px; } .archive-grid-wide.com-hac .text-block .grid-footer .date-box { margin-bottom: 10px; } .grid-child { padding: 0px; } .child-wrap { padding-top: 15px; width: 100%; } .child-wrap .img-bg { overflow: hidden; } .child-wrap .text-block { padding: 15px; height: auto; } .child-wrap .text-block .title { font-size: 14px; font-weight: 700; line-height: 1.3; height: auto; min-height: 55px; max-height: 55px; padding: 0px; margin-bottom: 0px; } .slider-wrap.bottom { padding-bottom: 40px; } .see-all-works a.button { font-size: 13px; width: 160px; padding: 10px 0px; } #uploading { max-width: none; margin-top: 30px; margin-bottom: 60px; padding-right: 20px; padding-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #uploading .loader { order: 0; margin-bottom: 40px; } #uploading .capture { order: 2; width: 100%; padding-right: 0px; text-align: center; } #uploading .text { order: 1; width: 100%; padding-left: 0px; margin-bottom: 40px; } #uploading .text div:first-child { padding-bottom: 20px; margin-bottom: 20px; } #uploading .text div p { font-size: 15px; } .uploading-anime { margin: 20px auto; } .uploading-anime, .uploading-anime::after { width: 8em; height: 8em; } .bottom-content-wrap { margin: 0px auto; width: 100%; padding: 20px 20px 60px; } .column-box { flex-flow: column wrap; place-content: flex-start space-between; align-items: flex-start; position: relative; margin: 0px 0px 60px; } .column-box .img-block { width: 100%; height: auto; margin: 0px 0px 15px; } .column-box .text-block { width: 100%; } .column-box .text-block p { color: rgb(51, 51, 51); font-size: 13px; line-height: 1.8; margin-bottom: 15px; } .column-box .text-block p.name { font-weight: 700; font-size: 12px; line-height: 1.8; margin-bottom: 0px; } .column-box:nth-child(2n) { flex-direction: column-reverse; } .project-wrap { padding: 0px 40px; margin-bottom: 10px; } .project-box { height: auto; width: 100%; padding: 20px 20px 30px; } .project-box.minimum { height: auto; } .project-box .status-tag span { height: 20px; font-size: 10px; line-height: 10px; } .project-logo { margin: 0px auto 15px; } .project-logo img { width: auto; height: auto; max-width: 100%; max-height: 50px; } .division li { font-size: 11px; width: calc(33.3333% - 10px) !important; } .project-box .division { padding-bottom: 10px; } .project-box .division li { font-size: 9px; height: 16px; padding: 2px 5px; margin-right: 10px; margin-bottom: 8px; width: calc(33.3333% - 6.66667px) !important; } .project-box .meta { margin: 0px 0px 10px; } .project-box .meta h1 { font-size: 18px; line-height: 1.3; height: auto; max-height: 47px; } .project-box .meta h2 { font-size: 12px; font-weight: 700; line-height: 1.6; height: auto; max-height: 58px; } .project-box .info { margin-top: 0px; margin-bottom: 10px; } .project-box .info .info-date { padding-top: 0px; } .info-date .info-icon { width: 20px; height: 20px; margin-right: 5px; display: inline-block; } .info-icon .icon { width: 20px; height: 20px; font-size: 20px; } .info-text { color: rgb(51, 51, 51); font-size: 12px; font-weight: 700; } .project-box .sns-box { margin-bottom: 10px; } .project-sns li a .icon { width: 1em; height: 1em; font-size: 20px; } .project-box .project-btn li span { height: 28px; line-height: 28px; } .article-nav-wrap { padding: 15px 15px 10px; } .article-nav-wrap::-webkit-scrollbar { height: 8px; } .article-menu { justify-content: flex-start; } .article-menu li { display: flex; } .article-menu li:nth-child(-n+5) { display: flex; } .article-menu li.list-btn { display: none; } .article-menu li { font-size: 12px; height: 28px; padding: 0px 5px; } .article-menu li span.current { line-height: 1; padding: 8px 20px; height: 28px; font-size: 12px; } .article-menu li a.menu { padding: 8px 13px; } .creative-archive-grid p.author-name { display: block; } .project-archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .project-archive-header { margin: 15px auto; } .project-archive-header h2 { font-size: 18px; line-height: 20px; height: auto; } .profile-group-box { padding-bottom: 0px; } .profile-group-grid a { padding: 15px; } .project-archive-sort-wrap { width: 100px; height: 20px; } .project-archive-sort { font-size: 11px; } .project-archive-sort select { padding: 4px 10px; color: rgb(51, 51, 51); font-size: 11px; } .project-archive-box { padding: 0px; } .project-archive-grid { width: 100%; margin: 0px 0px 15px; } .project-archive-grid.add .project-post-plus { height: 190px; } .project-archive-grid .img-block { width: 100%; height: auto; min-height: 160px; } .project-archive-grid a.framed-link { display: block; } .project-archive-grid a.framed-link img { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .project-archive-grid a.framed-link span { opacity: 1; } .project-archive-grid a.framed-link span .icon { width: 30px; height: 30px; } .project-archives .img-block { height: auto; } .project-archive-grid .text-block { width: 100%; padding: 20px 15px; } .project-archive-grid .text-block h3 { font-size: 15px; } .project-archive-grid .text-block p.uploaded { margin: 0px 0px 15px; } .comment-icon { width: 10%; } .portfolio-comment-box p { width: 90%; } .project-archive-grid .text-block .bookmark { bottom: 10px; right: 10px; } .project-archive-grid .text-block .picture { right: 15px; bottom: 15px; } .project-archives { width: 100%; margin: 0px 0px 10px; } .accordion > .menu-block { padding: 20px 30px; } .accordion > ul { overflow-x: auto; white-space: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .accordion > ul::-webkit-scrollbar { height: 8px; } .accordion > ul::-webkit-scrollbar-track { margin: 0px; border-radius: 0px; border-top: 1px solid rgb(221, 221, 221); } .accordion > ul::-webkit-scrollbar-thumb { background: padding-box padding-box rgb(26, 26, 26); height: 0px; border-width: 3px 3px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 5px; } .accordion > ul > li.tab a, .accordion > ul > li.tab span { font-size: 14px; padding: 8px 13px 4px; margin: 9px 10px 5px; } .accordion > ul > li > a { display: block; text-decoration: none; cursor: pointer; padding: 15px; position: relative; } .accordion > ul > li > a p.title { font-size: 14px; line-height: 20px; padding-right: 30px; } .menu-block > ul > li { align-self: flex-start; width: 50%; } .menu-block > ul > li a { line-height: 1.4; margin: 8px 0px; font-size: 14px; } .com-hac-archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .com-hac-column { flex-direction: column; margin-right: auto; margin-left: auto; } .project-archive-wrap > .com-hac-column { padding-bottom: 0px; } .com-hac-titlebox { background: rgb(255, 255, 255); padding: 15px; position: relative; width: 100%; height: auto; min-height: inherit; margin: 0px auto 15px; } .com-hac-titlebox h2 { font-size: 18px; line-height: 1.3; text-align: center; padding: 25px 0px 30px; } .com-hac-titlebox p { font-size: 13px; line-height: 1.8; margin: 0px; } .com-hac-grid { width: 100%; height: auto; min-height: auto; margin: 0px auto 15px; } .com-hac-grid.wide { width: 100%; min-height: auto; } .com-hac-grid a { flex-direction: column; } .com-hac-grid.wide a { height: auto; } .com-hac-grid [class*="status"] { height: 28px; padding-top: 2px; } .com-hac-grid.wide .img-block, .com-hac-grid .img-block { width: 100%; height: auto; } .com-hac-grid .img-block img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .com-hac-grid.wide .img-block::before, .com-hac-grid .img-block::before { content: ""; display: block; padding-top: 66.7%; } .com-hac-grid .text-block, .com-hac-grid.wide .text-block { height: auto; width: auto; min-height: auto; padding: 15px; } .com-hac-grid .text-block .label { height: 22px; margin-bottom: 10px; } .com-hac-grid .text-block .label .cat, .com-hac-grid .text-block .label .status { font-size: 10px; } .com-hac-grid .text-block .title, .com-hac-grid.wide .text-block .title { font-size: 18px; height: auto; max-height: 54px; line-height: 1.5; margin-bottom: 5px; } .com-hac-grid .text-block .division { margin-bottom: 7px; } .com-hac-grid.wide .text-block .division li:nth-of-type(3n) { margin-right: 0px !important; } .com-hac-grid .text-block .desc { font-size: 13px; line-height: 1.6; height: auto; max-height: 42px; } .compe-archive .com-hac-grid .text-block .desc { font-size: 13px; line-height: 1.6; height: auto; max-height: 63px; padding-right: 0px; margin-bottom: 10px; } .com-hac-grid .text-block .grid-footer { flex-direction: column; } .com-hac-grid .text-block .grid-footer .date-box { min-height: auto; } .com-hac-grid.wide .grid-footer .date-box { width: 100%; margin-bottom: 10px; } .grid-footer .date-box .term-date, .grid-footer .date-box .result-date { font-size: 13px; line-height: 1.6; } .com-hac-grid.wide .grid-footer .count-box { width: 100%; } .grid-footer .count-box .icons { padding: 0px; width: 16px; height: 16px; margin: 0px 2px 0px 0px; } .grid-footer .count-box .icons .icon { width: 1em; height: 1em; font-size: 16px; } .grid-footer .count-box .count { font-size: 14px; margin: 0px 2px 0px 0px; } .grid-footer .count-box .credit { font-size: 8px; line-height: 1.4; } .awards-archive-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .awards-grid-wide { width: 100%; margin: 0px 0px 15px; } .awards-grid-wide a { flex-direction: column; } .awards-grid-wide .img-block, .awards-grid-wide .img-block img { width: 100%; height: auto !important; } .awards-grid-wide .text-block { width: 100%; padding: 20px 15px 15px !important; height: auto !important; } .awards-grid-wide .text-block .logo-block { width: 40px; height: 40px; margin-bottom: 10px; } .awards-grid-wide .text-block .title { font-size: 18px; line-height: 1.5; height: auto; max-height: 54px; margin-top: 0px; margin-bottom: 5px; } .awards-grid-wide .text-block .desc { height: auto; font-size: 13px !important; line-height: 1.8 !important; max-height: 108px !important; } .awards-grid-wide .text-block .batch { right: 20px; } .awards-grid-wide .text-block .tag { font-size: 12px; } .jounal-wrap { flex-flow: column wrap; place-content: flex-start space-between; align-items: flex-start; margin: 0px auto; padding: 20px 20px 60px; width: 100%; } h2.cat-title { font-size: 16px; line-height: 20px; margin-right: 10px; margin-left: 10px; } .journal-archive { width: 100%; margin: 0px; } .journal-grid-wide { width: 100%; margin: 0px 0px 15px; } .journal-grid-wide a { flex-direction: column; } .journal-grid-wide .img-block, .journal-grid-wide .img-block img { width: 100%; height: auto; } .journal-grid-wide .text-block { width: 100%; height: auto; padding: 15px 10px; } .journal-grid-wide .text-block .title { font-size: 18px; line-height: 1.5; height: auto; max-height: 81px; margin-bottom: 10px; } .journal-grid-wide .text-block .desc { font-size: 13px; line-height: 1.8; height: auto; max-height: 70px; margin: 0px 0px 15px; } .journal-grid-wide .text-block .date { font-size: 12px; margin: 0px 0px 5px; } .journal-grid-wide .text-block .tag { font-size: 12px; } .journal-grid-wide .title-block { width: 100%; padding: 20px 15px 0px; } .journal-grid-wide .title-block p[class^="status"] { margin-bottom: 8px; } .journal-grid-wide .title-block h2 { font-size: 18px; line-height: 1.5; max-height: 81px; margin-bottom: 10px; } .journal-grid-wide .detail-block { width: 100%; padding: 0px 15px 20px; } .journal-grid-wide .detail-block p { font-size: 14px; line-height: 1.5; max-height: 42px; } .jounal-side { width: 100%; margin-top: 0px; } .jounal-side-wrap { padding: 20px 15px; } .jounal-side .side-box p { font-size: 13px; } .journal-single, .journal-single-wrap { width: 100%; } .single-content { padding: 30px 15px; } .entry-header { margin-bottom: 20px; } .entry-header > span { font-size: 12px; margin-bottom: 15px; } .entry-header-archive { max-width: 100%; margin-bottom: 20px; } .entry-header h1 { font-size: 19px; line-height: 1.4; margin-bottom: 15px; } .entry-header-archive h1 { font-size: 26px; line-height: 1.5; } .entry-header-archive h2 { font-size: 24px; } .single-meta { font-size: 12px; } .single-meta .date { font-size: 15px; margin-bottom: 5px; } .single-meta .tag a { font-size: 13px; } .entry-content p { font-size: 15px; line-height: 1.8; margin: 0px auto 15px; } .entry-content h2 { font-size: 18px; line-height: 1.5; margin: 30px 0px; } .entry-content h2::after { width: 25px; } .entry-content .col-2, .entry-content .col-3, .entry-content .col-4, .entry-content .col-5, .entry-content .col-6 { columns: 2; column-gap: 15px; } .entry-content h3 { font-size: 19px; line-height: 1.4; padding: 0px 0px 0px 10px; margin: 30px 0px 20px; } .entry-content p.credit { font-size: 13px; margin: -5px 0px 15px; } .entry-content h4 { font-size: 17px; line-height: 1.6; margin: 30px 0px 20px; } .entry-content table { line-height: 1.6; font-size: 14px; } .entry-content table thead th, .entry-content table th, .entry-content table td { padding: 5px; } .entry-content { margin-bottom: 20px; } .relate-post { margin: 15px 0px; } .relate-post h3 { font-size: 18px; margin-right: 10px; margin-left: 10px; } .people-set { width: 100%; } .people-set .people-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-bottom: 20px; } .people-set .people-item div:first-child { width: 100%; padding: 0px; text-align: center; } .people-set .people-item div:last-child { width: 100%; } .people-set .people-item div h3 { text-align: center; font-size: 18px; } .journal-archive-wrap { margin-bottom: 15px; padding-bottom: 15px; } .journal-single.wide, .journal-single.wide .journal-single-wrap { width: 100%; } .profile-main-wrap { padding: 30px; } .profile-box { width: 100%; } .profile-img-block, .profile-img-block img { display: none; } .profile-text-block { padding: 0px; } .profile-text-block h1 { font-size: 24px; margin-bottom: 10px; line-height: 1.2; padding-left: 6px; text-overflow: initial; white-space: normal; } .profile-text-block p { font-size: 12px; margin-bottom: 5px; padding: 0px 0px 0px 6px; } .profile-text-block p .icon, .profile-text-block p span { font-size: 16px; width: 1em; height: 1em; } .profile-text-block .sns { width: 100%; padding: 15px 0px 0px; } .profile-text-block .sns li a { padding: 4px; display: block; width: 28px; height: 28px; margin: 0px 2px 0px 0px; } .center-nav .article-menu { justify-content: center; } .profile-mypage { padding: 30px 15px; } .mypage-menu { flex-direction: column; place-content: center; align-items: center; width: 100%; margin-bottom: 40px; } .mypage-menu-wrap { flex-direction: row; place-content: center space-around; align-items: center; } .mypage-menu li { font-size: 12px; margin: 0px; } .form-group { margin: 0px 0px 20px; } .form-group.compact { max-width: 100%; } .mypage-edit .form-group { margin: 0px 0px 20px; } .col-sm-2.form-check { padding: 0px; margin-top: 15px; } .profile-image-icon { width: 70px; height: 70px; border-radius: 35px; margin-right: 15px; margin-bottom: 10px; } .profile-image-icon img { width: 70px; height: 70px; border-radius: 35px; } .profile-image-box label { font-size: 14px; margin: 0px 0px 15px; } .profile-image-box button { font-size: 12px; } .mypage-edit .form-group label { font-size: 14px; } .mypage-edit .form-group.compact { margin-bottom: 20px; } .mypage-edit .form-group dt { margin: 0px; } .mypage-edit .form-group dt label { padding: 10px 0px; } .mypage-edit { width: 100%; padding-left: 0px; } .mypage-edit .ontheweb > .col-form-label { font-size: 14px; } .mypage-edit .ontheweb .form-group label { padding: 0px 0px 5px; font-size: 13px; } .mypage-edit .ontheweb .form-group input { width: 100%; margin-right: 0px; } label.radio-label { font-size: 13px; padding-left: 3px; margin: 0px 15px 10px 0px; } .profile-content-wrap { width: 100%; padding: 15px 0px; height: auto; } .profile-entry-content { padding: 20px; } .profile-entry-content p { font-size: 13px; line-height: 1.8; margin-bottom: 15px; } .profile-entry-content h2 { font-size: 18px; margin: 40px 0px 15px; } .profile-entry-content .awards-history a:not(.btn) { margin: 0px; } .profile-entry-content .awards-history a.btn { margin-left: 15px; } .profile-entry-content .awards { flex-direction: column; } .profile-entry-content .awards .meta-awards { width: 100%; } .profile-entry-content .tag-box a { font-size: 13px; margin: 0px 15px 10px 0px; } .creative-archive-wrap { padding: 20px; width: 100%; } .creative-archive-box { flex-direction: column; padding: 0px 0px 20px; } .creative-archive-grid { width: 100%; margin: 0px 0px 15px; } .profile-group-grid { width: 100%; margin: 0px 0px 10px; } .parts-judges, .parts-col1, .parts-col2, .parts-col3, .parts-col4, .parts-supporters, .parts-prizes, .parts-awards-link, .parts-programtl, .parts-schedule, .parts-results, .parts-comments, .parts-agreement, .parts-timeline { margin: 0px 0px 80px; width: 100%; padding: 0px; } .parts-col3 .side-border, .parts-col2, .parts-col3, .parts-col4 { flex-direction: column; } .parts-col2 .col-block, .parts-col3 .col-block, .parts-col4 .col-block { width: 100%; margin-bottom: 25px; } .parts-col3 .side-border .col-block { width: 100%; padding: 20px 5px; border-left: 0px solid rgb(26, 26, 26); border-right: 0px solid rgb(26, 26, 26); border-bottom: 1px solid rgb(26, 26, 26); margin-bottom: 0px; } .side-border .col-block:first-child { border-width: 1px 0px; border-style: solid; border-color: rgb(26, 26, 26); } .parts-col3 .col-block h3 { font-size: 15px; line-height: 1.8; margin: 0px 0px 10px; } .parts-col3 .col-block p, .parts-col4 .col-block p { font-size: 13px; line-height: 1.8; } .parts-heading { padding: 50px 0px 40px; } .parts-heading .parts-title, .parts-schedule .parts-heading h2 { font-size: 24px; margin: 0px 0px 3px; line-height: 1.3; } .parts-heading::after { height: 35px; } .parts-heading .parts-subtitle { font-size: 13px; } .judges-row { justify-content: space-between; } .judges-row li { position: relative; width: 46%; padding: 0px 0px 20px; } .text-box .judges-row li.slick-slide, .text-box .judges-row li.list { width: 46%; } .judges-row-box .image-block { margin: 0px auto 10px; } .judges-row-box h3 { padding: 0px; margin: 0px 0px 10px; font-size: 15px; } .judges-row-box p { font-size: 13px; line-height: 1.6; } .judges-row-box .image-block, .judges-row-box .image-block img, .text-box .judges-row-box .image-block img { max-width: 100%; max-height: 100%; } .flex-column.post-list { padding: 0px; } .flex-column.post-list .col-block { overflow: hidden; margin-bottom: 25px; min-height: auto; } .flex-column.post-list .col-block .col-image { width: 100%; padding: 0px; margin-bottom: 25px; text-align: center; } .flex-column.post-list .col-block .col-text { width: 100%; } .col-block h3.judges-name { padding: 0px; margin: 0px 0px 15px; font-size: 20px; line-height: 1.6; } .col-block p { font-size: 16px; margin: 0px 0px 15px; } .parts-prizes, .parts-winner { margin-bottom: 50px; } .prizes-box, .winner-box { height: auto; width: 46%; position: relative; margin: 0px 0px 30px; } .prizes-image, .winner-image { margin-bottom: 20px; } .prizes-text h3, .winner-text h3 { font-size: 16px; line-height: 1.3; padding: 0px; margin: 0px 0px 15px; } .winner-text h3 { margin-bottom: 5px; } .prizes-text p { font-size: 14px; padding: 0px; margin: 0px; } .winner-text p { font-size: 15px; padding: 0px; margin: 0px; } .judges-carousel .slick-slide { padding: 0px 40px 30px; } .judges-carousel .slick-prev { left: -10px; margin-top: 70px; } .judges-carousel .slick-next { right: -10px; margin-top: 70px; } .judges-carousel .slick-dots li { width: 25px; padding: 0px; } div#judges-content { width: 100%; max-width: calc(-40px + 100vw); height: auto; max-height: calc(-40px + 100vh); min-height: auto; padding: 30px; overflow-y: scroll; } .overlay-row .image-block { width: 100%; } .overlay-row .image-block img { width: 70%; margin: 0px auto 20px; display: block; } .overlay-row .text-block { position: relative; width: 100%; padding: 10px 0px; } .overlay-row .text-block h3 { text-align: center; } .overlay-row .profile-block { padding-top: 20px; } .overlay-row .profile-block p, .overlay-row .text-block p { font-size: 13px; } .slick-slide .judges-row-box .image-block { margin: 0px auto 15px; } .slick-slide .judges-row-box h3 { font-size: 17px; } .supporters-wrap { flex-wrap: wrap; } .parts-supporters { margin-bottom: 50px; } .parts-supporters h3 { font-size: 19px; padding: 0px; border: none; margin: 40px 0px 20px; } .supporters-logo { width: 50%; padding: 0px 10px; margin-bottom: 30px; } .supporters-logo img { max-height: calc(-15px + 37.5vw); } .text-box .supporters-logo { width: 50%; padding: 0px 10px; margin-bottom: 20px; } .parts-entry-step { margin-bottom: 60px; } .parts-entry-step .col-block h3 { font-size: 20px; line-height: 1.6; padding: 2px 0px 0px 10px; margin-top: 30px; margin-bottom: 20px; } .parts-awards-link { margin-bottom: 40px; } .awards-link-wrap { width: 100%; padding: 0px; margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .parts-awards-link .awards-link-item { width: 100%; margin-bottom: 15px; } .parts-awards-link .awards-link-item div figure { margin-bottom: 25px; } .awards-logo { width: 70%; height: 100%; margin: 0px auto 30px; border-radius: 50%; overflow: hidden; padding: 0px 0px 70%; } .awards-text { width: 100%; max-width: 100%; } .awards-text p { text-align: center; margin-bottom: 0px; } .btn-wrap { width: 100%; padding: 0px; position: relative; text-align: center; margin: 30px auto; } .col-block .btn-wrap:first-child { margin-top: -10px; } .btn-wrap a.btn, .btn-wrap a.btn.single { margin: 10px; } .subscribe-grid .btn-wrap { padding: 0px 0px 30px; } .parts-programtl, .text-box .parts-programtl { padding: 0px 0px 10px; } .programtl-wrap { width: calc(100% - 30px); margin: 0px 0px 70px 30px; } .parts-heading .parts-text { margin: 20px auto 0px; } .programtl-name { font-size: 16px; } .programtl-box, .text-box .programtl-box { width: 100%; padding: 0px 0px 0px 25px; } .programtl-box h3 { font-size: 16px; padding: 15px 0px 0px 10px; margin: 0px 0px 20px; } .programtl-box p { font-size: 13px; line-height: 1.7; margin: 0px 0px 3px; } .parts-schedule { margin-bottom: 40px; } .parts-schedule .schedule-wrap { padding: 0px; margin-bottom: 40px; } .parts-schedule .schedule-wrap table { width: 100%; font-size: 10px; } .parts-schedule .schedule-wrap table th { padding: 10px 15px 10px 0px; } .parts-schedule .schedule-wrap table td { padding: 10px 0px 10px 15px; } .parts-schedule .schedule-wrap table th p, .parts-schedule .schedule-wrap table td p { min-width: 60px; font-size: 14px; } .schedule-wrap .schedule-time { padding: 10px 0px 10px 20px; } .schedule-wrap .schedule-time li { font-size: 10px; padding: 10px 0px; min-height: 65px; } .schedule-wrap .schedule-time li p { font-size: 10px; line-height: 1.5; } .process-wrap { flex-direction: column; } .process-grid { padding: 20px; margin-bottom: 40px; width: 100%; } .process-grid .counter { font-size: 36px; width: 40px; height: 40px; line-height: 40px; margin: 0px 0px 10px; } .process-grid h3, .text-box .process-grid h3 { border: none; font-size: 17px; margin: 0px 0px 10px; padding: 0px; } .process-grid p, .text-box .process-grid p { font-size: 13px; margin: 0px; } .process-grid::before { top: inherit; right: 50%; margin-right: 0px; bottom: -20px; } .process-grid::after { top: inherit; right: 50%; margin-right: -14px; bottom: -20px; } .col-block h3 { font-size: 19px; line-height: 1.6; margin: 0px 0px 15px; padding: 0px; } .parts-col2 .col-block { width: 100%; } .wide div:not(.results-wrap) .parts-col2 { width: 100%; margin-right: 0px; margin-left: 0px; } .wide div:not(.results-wrap) .parts-col2 .col-block { width: 100%; } .col-block h4 { font-size: 17px; line-height: 1.6; overflow: hidden; margin: 10px 0px 5px; padding: 0px; } .judge-list { margin: 30px auto 0px; } .judge-list li { margin: 0px auto 40px; overflow: hidden; } .judge-name h4 { margin: 0px 0px 10px; font-size: 17px; } .judge-image, .text-box .judge-image, .text-box .judge-text { width: 100%; } .judge-text { width: 100%; padding: 20px; max-height: 100%; } .judge-text p { font-size: 13px; line-height: 1.7; margin: 0px; } .results-concept h4 { font-size: 17px; margin: 0px 0px 10px; } .results-concept p { font-size: 15px; line-height: 1.7; margin: 0px; } .results-prize { width: 120px; height: 120px; margin: 0px auto 30px; text-align: center; } .results-author h3 { font-size: 19px; margin: 0px 0px 20px; padding: 0px; border: 0px; } .results-author h4 { font-size: 17px; margin: 0px 0px 10px; } .results-author p { font-size: 15px; margin: 0px 0px 10px; } .results-image { flex-direction: column; } .image-wide { margin: 0px 0px 20px; } .image-half { width: 100%; margin: 0px 0px 20px; } .comments-list li { flex-direction: column; margin-bottom: 60px; } .comments-image, .comments-name, .comments-text { width: 100%; } .comments-image { margin: 0px 0px 20px; } .comments-name { padding: 0px 0px 10px; } .comments-name h3 { padding: 0px; margin: 0px 0px 10px; font-size: 19px; } .comments-name p { color: rgb(102, 102, 102); font-size: 13px; } .comments-text p { font-size: 15px; margin: 0px; } .comments-profile { width: 100%; padding: 20px; margin: 20px 0px 0px; } .comments-profile h4 { color: rgb(51, 51, 51); font-size: 15px; line-height: 1.4; margin: 0px 0px 10px; } .comments-profile p { font-size: 13px; margin: 0px; } .agreement-box { width: 100%; height: 300px; padding: 20px; } .agreement-box p { font-size: 12px; line-height: 1.6; padding: 0px; margin: 0px; } .parts-heading p { font-size: 13px; line-height: 1.7; margin: 0px; padding: 0px; -webkit-line-clamp: 3; } .basis1-2 { flex-direction: column; } .basis1-2 .col-block { margin-bottom: 0px; } .basis1-2 .col-block:first-child { width: 100%; padding-right: 0px; } .basis1-2 .col-block:last-child { width: 100%; } a.btn { font-size: 14px; width: 100%; max-width: 100%; } .parts-col4.heading-box h3 { font-size: 14px; line-height: 1.5; margin: 0px 0px 10px; padding: 20px; } .parts-col4 .col-block h3, .parts-col4 .col-block h4 { font-size: 15px; margin: 0px 0px 5px; } .parts-timeline { padding-bottom: 10px; max-width: 630px; margin-right: auto; margin-left: auto; } .timeline-wrap { padding: 0px; width: calc(100% - 30px); margin: 0px 0px 0px 30px; } .timeline-box { width: 100%; padding: 0px 0px 0px 25px; } .timeline-name { font-size: 13px; padding: 3px; } .timeline-list { padding: 0px 0px 30px; } .timeline-box h3 { font-size: 16px; padding: 0px 0px 0px 10px; margin: 0px 0px 15px; } .timeline-box p { font-size: 14px; line-height: 1.6; margin: 0px 0px 3px; } .wysiwyg { margin-bottom: 80px; } .wysiwyg figure { margin-right: auto !important; margin-left: auto !important; float: none !important; } .wysiwyg h1 { font-size: 26px; line-height: 1.5; margin-bottom: 20px; } .wysiwyg h2 { font-size: 24px; line-height: 1.5; margin-top: 30px; margin-bottom: 20px; } .wysiwyg h2::after { width: 25px; } .wysiwyg h1 + h2 { margin-top: 30px; } .wysiwyg h3 { font-size: 20px; line-height: 1.6; padding: 2px 0px 0px 10px; margin-top: 30px; margin-bottom: 20px; } .wysiwyg h4 { font-size: 18px; line-height: 1.6; margin-top: 30px; margin-bottom: 20px; } .wysiwyg h5, .wysiwyg h6 { font-size: 16px; line-height: 1.6; } .wysiwyg p { font-size: 16px; line-height: 1.8; margin-top: 0px; margin-bottom: 15px; } .wysiwyg p a.btn:first-child { margin-top: 40px; } .wysiwyg blockquote { font-size: 14px; } .wysiwyg figcaption { font-size: 13px; } .wysiwyg pre { font-size: 14px; } .wysiwyg ul, .wysiwyg ol { font-size: 16px; } .wysiwyg .table-scroll { position: relative; width: 100%; overflow: auto; margin-bottom: 30px; } .wysiwyg .table-scroll::-webkit-scrollbar { height: 6px; } .wysiwyg .table-scroll::-webkit-scrollbar-track { background-color: rgba(51, 51, 51, 0.1); } .wysiwyg .table-scroll::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 4px; } .wysiwyg .table-scroll .scroll-icon { position: absolute; left: 50%; top: calc(50% + 10px); transform: translate(-50%, -50%); margin-bottom: 0px; } .wysiwyg .table-scroll table { margin-bottom: 10px; width: auto; } .wysiwyg table th, .wysiwyg table td { min-width: 100px; padding: 6px 6px 3px; width: auto; } .wysiwyg .gmap { margin: 20px 0px; } .video-wrap { width: 100%; padding-top: 56.25%; margin: 30px auto; } .wysiwyg > .instawidget ul li { width: 100%; } .wysiwyg > span[class^="PIN"] > span:nth-of-type(2) { height: 100vw !important; } .title-cell h4 { font-size: 15px; margin: 20px 0px 10px; padding: 0px; } .title-cell { width: 100%; } .text-cell.flex-row { justify-content: space-between; } .text-cell { width: 100%; } #modal { width: 300px; max-width: 100%; padding: 60px 30px 40px; } .modal-profile-wrap .profile-text-block h2 { font-size: 18px; } .modal-profile-wrap .profile-text-block p { font-size: 12px; } .modal-profile-wrap .profile-awards-block h3 { font-size: 16px; } #close { top: 5px; right: 5px; } .profile-awards-block .meta-name { width: calc(100% - 40px); text-align: left; vertical-align: middle; } .meta-name a { font-size: 12px; padding-left: 10px; } .meta-name > span { padding: 3px 0px 0px 10px; } .view-btn { font-size: 14px; padding: 10px; border-radius: 30px; width: 80%; } .login { background: rgb(239, 239, 239); width: 100%; height: auto; overflow: hidden; } .login-wrap { margin: 0px auto; padding: 15px 0px; width: 100%; } .login-box { display: flex; flex-flow: wrap; place-content: flex-start space-between; align-items: flex-start; padding: 0px; } .login-grid { background: rgb(255, 255, 255); width: 100%; margin: 0px 0px 15px; } .login-lead { margin: 30px auto 15px; } .login-box .login-lead { margin: 15px auto 30px; } .login-box .login-grid:last-child { margin: 0px; } .login-box h2 { color: rgb(26, 26, 26); font-size: 18px; margin-bottom: 20px; line-height: 1.4; text-align: center; } .login-box p { color: rgb(51, 51, 51); font-size: 13px; margin-bottom: 20px; line-height: 1.6; text-align: center; } .login-box p a { color: rgb(26, 26, 26); font-size: 13px; margin-bottom: 0px; line-height: 1.6; text-align: center; text-decoration: underline; } .pagenavi { padding: 30px 0px; } .login-box p:last-child { margin-bottom: 0px; } .login-box .btn { text-align: center; background: rgb(26, 26, 26); color: rgb(255, 255, 255); display: block; font-size: 14px; line-height: 15px; font-weight: 700; width: 100%; height: 45px; padding: 15px 30px; border-radius: 30px; border: 1px solid rgb(26, 26, 26); cursor: pointer; outline: none; margin: 0px auto 30px; } .login-box .btn:last-child { margin-bottom: 0px; } .login-box .btn.fb { background: rgb(66, 103, 178); margin-bottom: 10px; } .login-box .btn.tw { background: rgb(0, 0, 0); margin-bottom: 10px; } .login-box .btn.gp { background: rgb(219, 68, 55); margin-bottom: 10px; } .attention { position: fixed; inset: 0px; padding: 60px 30px; width: auto; height: auto; z-index: 200; overflow: hidden; background: rgba(250, 250, 250, 0.7); } .attention-wrap { flex-direction: column; place-content: stretch space-between; align-items: stretch; height: 100%; width: 100%; padding: 40px 30px 30px; background: rgb(209, 52, 56); text-align: center; position: relative; } .attention-wrap .title { height: auto; width: 100%; margin: 0px; } .attention-wrap .title p { color: rgb(255, 255, 255); font-size: 42px; line-height: 1.2; font-weight: 700; } .attention-wrap .text { color: rgb(255, 255, 255); font-size: 15px; height: auto; width: auto; max-width: 100%; margin: 0px; } .attention-wrap .text p { height: auto; font-size: 16px; font-weight: 700; line-height: 1.8; margin: 0px 0px 20px; overflow: hidden; text-overflow: inherit; white-space: normal; } .attention-wrap .text p.notice { font-size: 12px; line-height: 2; padding: 0px; margin: 0px; height: auto; } .attention-wrap .link-btn { width: 100%; margin: 0px auto; } .attention-wrap .btn-now, .attention-wrap .btn-late { display: block; font-size: 13px; line-height: 15px; font-weight: 700; height: 45px; padding: 13px 15px 14px; border-radius: 30px; margin: 0px auto 20px; width: 100%; } .attention-wrap .btn-late { margin-bottom: 0px; } .attention-wrap .close-btn { font-size: 0px; line-height: 0; position: absolute; top: 5px; right: 5px; display: block; width: 40px; height: 40px; padding: 0px; cursor: pointer; color: rgba(0, 0, 0, 0); border: none; outline: none; background: none; z-index: 10; } .modal-slider .slick-slide .slick-slider-wrap { width: calc(100% - 40px); max-width: 100%; height: auto; } .modal-slider { position: relative; width: 100%; height: auto; margin: 0px auto; } .modal-slider .slick-prev { left: 0px; } .modal-slider .slick-next { right: 0px; } .modal-slider .slick-slide .slick-slider-wrap p { font-size: 12px; width: 100%; margin: 15px 0px 5px; text-overflow: initial; white-space: normal; } .modal-slider .slick-slide .slick-slider-wrap p.author-name { font-size: 10px; font-style: italic; margin: 0px; padding: 0px; width: 100%; display: block; } #modal-info, #modal-follow { padding: 60px 30px; } #modal-follow h3 { font-size: 20px; } #modal-follow h4 { font-size: 14px; } #modal-info p, #modal-follow p { font-size: 16px; } .modal-score { width: calc(100% - 40px); max-width: 100%; height: calc(100% - 160px); max-height: 100%; padding: 20px; margin: 80px auto; } .modal-score .score-wrap { position: relative; overflow-y: scroll; width: 100%; height: auto; max-height: 100%; padding: 0px; } .modal-score h3 { font-size: 18px; margin-bottom: 10px; } .modal-score .comment-box { margin-bottom: 10px; padding-top: 10px; } .modal-score label { font-size: 14px; margin-bottom: 5px; } .modal-score .score-number, #modal .score-number { border-radius: 5px; font-size: 14px; height: auto; } .modal-score input[type="button" i], .modal-score input[type="text" i], #modal input[type="button" i], #modal input[type="text" i] { width: 28%; font-size: 14px; font-weight: 700; line-height: 1.4; padding: 5px; height: auto; } .modal-score .score-box { margin-bottom: 20px; } .judging { padding: 40px 0px 0px; } .judging.open { top: 50px; } .judging .judging-inner { padding-bottom: 138px; } .judging .comment-confirm { font-size: 15px; } .judging h2 { font-size: 20px; margin: 0px auto 30px; } .judging h3 { font-size: 18px; } .judging textarea { font-size: 15px; } .judging .comment-block.admin .comment-wrap { margin: 40px 10px; padding: 60px 10px 30px; width: auto; } .judging .score-box + h3 { padding-top: 20px; } .judging p[class^="toggle-"] { font-size: 16px; line-height: 1.3; padding: 15px; } .judging .score-wrap { width: 100%; padding: 0px 10px 40px; } .judging .score-wrap .score-box { width: 40%; margin: 0px 5% 20px; } .judging .score-wrap .score-box label, .judging .comment-wrap .comment-detail { font-size: 15px; } .judging .comment-wrap a.btn { width: 180px; } .judging .comment-wrap .score-block .score-line { width: 50%; } .judging .comment-wrap .score-block.no-score .score-line { width: 50%; padding: 5px; } .judging .comment-wrap .score-block .score-line .score-name, .judging .comment-wrap .score-block .score-line .score-count { font-size: 15px; } div.post-type { justify-content: flex-start; align-items: center; } label.post-type-label { font-size: 12px; padding: 0px 0px 0px 5px; margin: 5px 0px; width: 100%; } input.examination-submit, .examination-submit { font-size: 12px; line-height: 12px; height: 40px; padding: 14px 10px; width: 180px; text-align: center; } .project-archive-grid .score-line { width: 50%; padding: 2px; } .project-archive-grid .score-name { font-size: 8px; } .project-archive-grid .score-count { width: 33px; font-size: 9px; } .project-archives > p { padding-left: 15px; padding-right: 15px; } .project-archives .text-block { padding: 15px 15px 0px; } .project-archives .text-block .count-box.nameside { right: 15px; } .project-archives .score-line { width: 50%; padding: 2px; } .project-archives .score-name { font-size: 8px; } .project-archives .score-count { width: 33px; font-size: 9px; } .contact-wrap { width: 100%; padding: 15px; } .block-info { padding: 40px 0px 20px; } .block-info-inner { padding: 60px 15px; display: block; } .block-info-inner div { width: 100%; } .block-info-inner div:last-child { margin-top: 40px; } .block-info-inner .check { width: 48px; } .block-info-inner .close { top: 10px; right: 10px; } .block-info-inner h2 { font-size: 28px; } .block-info-inner h4 { font-size: 14px; } .block-info-inner p { font-size: 13px; } .subscribe-wrap { width: 100%; padding: 15px 0px; } .contact-form-wrap { padding: 20px; } .upload-menu-wrap { padding: 0px 0px 15px; } .upload-menu li { font-size: 12px; padding: 0px 10px; } .upload-menu li span.current, .upload-menu li a.menu { padding: 8px 20px; min-width: 80px; } .fsSubField.fsNameFirst, .fsSubField.fsNameLast { margin-bottom: 5px; } .fsSupporting { margin: 0px 15px 0px 0px; } select.fsField:not([size]):not([multiple]) { margin: 5px 0px 0px; max-width: 50%; } .fsSubFieldGroup { margin: 5px auto 20px; } .fsSubmitButton { margin: 15px auto; } .icon-title { margin-top: 15px; margin-bottom: 30px; } .icon-title figure { width: 48px; height: 48px; } .icon-title figure img { width: 20px; } .icon-title h1 { font-size: 20px; } .icon-title p { font-size: 15px; } .setup-project-grid { font-size: 13px; } .setup-project-grid h2 { font-size: 20px; } .setup-project-grid .form-group:nth-of-type(1) { margin-top: 40px; } .setup-project-grid .form-group.group-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } .form-item-title { font-size: 16px; padding-right: 40px; margin-bottom: 20px !important; } .form-item-title::after { width: 30px; } .subscribe-bnr-img { height: 120px; } .subscribe-grid { width: 100%; max-width: 100%; margin: 0px auto 15px; padding: 30px 15px; } .subscribe-grid.faq { padding: 30px 15px; } .subscribe-grid.faq h3 { font-size: 17px; } .subscribe-grid:last-child { margin-bottom: 0px; } .subscribe-grid .buildby { margin-top: 15px; } .subscribe-grid .notice-box { padding: 20px; margin-bottom: 20px; } .entry-content .notice-box { padding: 20px; } h1.subscribe-title { font-size: 20px; margin: 10px auto 30px; } h2.subscribe-title { font-size: 20px; margin: 0px auto 20px; padding-top: 20px; } .article-content h2.subscribe-title, .subscribe-grid h2.subscribe-title { margin: 40px auto 20px; } .subscribe-grid h2.subscribe-title:first-child { margin-top: 0px; } .subscribe-grid.faq h2.subscribe-title { font-size: 20px; } .subscribe-grid.faq dt { font-size: 16px; } .subscribe-grid.faq dd { font-size: 14px; margin-bottom: 30px; } .subscribe-grid.faq ul li { font-size: 14px; } .subscribe-grid h1.subscribe-title + h2.subscribe-title { margin-top: 0px; padding-top: 0px; } .repute-box, .lv-dl-box { padding: 0px 20px; } .article-content .subscribe-grid { padding: 0px 15px; } h3.subscribe-title { font-size: 16px; margin: 5px auto; } .subscribe-grid.thanks { padding: 60px 15px 30px; } .subscribe-grid.thanks h1 { font-size: 32px; margin-bottom: 30px; } .subscribe-grid.thanks h2 { font-size: 18px; margin-bottom: 30px; } .subscribe-grid.thanks p { font-size: 15px; margin-bottom: 30px; } .subscribe-grid.thanks figure { margin-bottom: 30px; } .subscribe-main-image, .subscribe-sub-image { margin: 0px auto 40px; } .sub-image-box { width: 48%; max-width: 100%; margin: 0px 0px 6px; } .sub-image-box .sub-image-inner { width: 140px; height: 140px; } .subscribe-grid p { font-size: 14px; margin-bottom: 20px; } .subscribe-grid p.subscribe-desc { color: rgb(51, 51, 51); font-size: 13px; font-weight: 700; line-height: 1.8; margin: 0px auto 40px; text-align: center; padding: 0px; } .form-control, .form-select { font-size: 14px; } .subscribe-grid .uploader-box { margin: 0px 0px 30px; } .confirmation-box { margin: 0px 0px 30px; padding: 20px; } .confirmation-list li { padding: 10px 0px; } .confirmation-title { width: 50%; } .confirmation-title p { font-size: 15px; } .confirmation-text { width: 50%; } .confirmation-text p { font-size: 15px; } #pagetop { display: block; } #judge-bar { padding: 10px; } #judge-bar ul { flex-flow: column wrap; place-content: flex-start center; } #judge-bar.judge-nav ul { flex-direction: row; } #judge-bar.judge-nav ul li { margin: 0px 10px; } #judge-bar.judge-nav ul li::after { right: -10px; top: 50%; transform: translateY(-50%); } #judge-bar.judge-nav ul li a { font-size: 11px; text-decoration: none; flex-direction: column; place-content: center; } #judge-bar.judge-nav ul li svg { margin-bottom: 5px; } #judge-bar p.judge-next { right: 0px; transform: translateY(-50%); } #judge-bar p.judge-prev { left: 0px; transform: translateY(-50%); } #judge-bar p.judge-next:hover::before, #judge-bar p.judge-next:hover::after { right: 10px; opacity: 1; } #judge-bar p.judge-prev:hover::before, #judge-bar p.judge-prev:hover::after { left: 10px; opacity: 1; } #judge-bar p.judge-next:active::before, #judge-bar p.judge-next:active::after { right: 0px; opacity: 0.7; } #judge-bar p.judge-prev:active::before, #judge-bar p.judge-prev:active::after { left: 0px; opacity: 0.7; } #judge-bar p.btn-finish a, #judge-bar p.btn-now a#open-judge { width: auto; min-width: auto; } #judge-bar p.btn-now { bottom: 71px; } #judge-bar p.btn-now a:hover { color: rgb(51, 51, 51); background: rgb(255, 255, 255); } .btn-lg { font-size: 13px; line-height: 1.5; min-width: 40%; margin: 0px 5px; } .image-select-box-wrap { margin-bottom: 18px; height: auto; width: 47%; } .image-select-box { min-height: 145px; max-height: 145px; width: 100%; height: auto; max-width: 100%; } .fixed-page-wrap { width: 100%; padding: 0px; margin: 0px auto; } .fixed-page-content { width: 80%; margin: 0px auto; } .page-notfound p { font-size: 13px; margin-bottom: 60px; } .image-select-box img { max-height: 145px; height: auto; width: auto; } .col-form-label { padding: 10px 0px !important; } .col-sm-10 .col-form-label, .col-form-label span { font-weight: 400; } .col-sm-4, .col-sm-6, .col-sm-9, .col-sm-10, .col-sm-12, .col-md-12 { padding: 0px; } .col-sm-10.border, .col-sm-9.border, .row div[class*="col-"] .border { padding: 20px 15px; } .form-check-inline { margin-right: 0px; padding-top: 0px; width: 48%; font-size: 14px; } .loftwork-logo { width: 60px; height: 18px; margin: 2px auto 0px; } .footer-menu { flex-direction: column; } .footer-menu li { padding: 5px; } .footer-menu li a { font-size: 16px; } .footer-sns li a { margin: 0px; } .footer-submenu { margin: 0px auto 61px; } .footer-submenu li a { font-size: 12px; padding: 5px 15px; } .footer-copyright p { font-size: 10px; padding: 0px 0px 15px; } .creative-slider .slick-slide .slick-slider-wrap .video-wrap { height: auto; } .cd-stretchy-nav.edit-content.nav-is-visible ul span { opacity: 1; visibility: visible; } } @media screen and (max-width: 350px) { .drawer-wrap { padding: 20px 0px 0px; } .drawer-menu-wrap { margin: 0px 0px 10px; } .drawer-menu li { padding: 8px 0px; } .drawer-menu { margin: 0px 0px 10px; } .drawer-sns { margin: 0px; } .project-wrap { padding: 0px 30px; } .image-select-box { margin-bottom: 15px; width: 120px; height: 120px; max-width: 47%; } } .message { position: relative; overflow: hidden; } .message.fixheight { height: 800px; } .message .text-link { text-decoration: underline; } .message a.btn { min-width: auto; padding: 0px 20px; line-height: 30px; } .message .text-link:hover { text-decoration: none; } .message__tl { overflow: hidden; position: absolute; inset: 0px 0px 80px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); } .message__tl-header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 10px 30px; height: 74px; border-bottom: 1px solid rgb(229, 229, 229); } .message__tl-header-name { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 16px; font-weight: 700; margin-right: 10px; } .message__tl-contents { position: relative; height: calc(100% - 75px); padding: 30px; overflow-y: auto; } .message__tl-contents::-webkit-scrollbar { width: 6px; } .message__tl-contents::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.3); } .message__tl-contents::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 4px; } .message__tl-item { margin-bottom: 20px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; } .message__tl-img { width: 22px; padding-bottom: 25px; margin-right: 6px; } .message__tl-img img { width: 100%; height: auto; } .message__tl-data { width: calc(100% - 28px); } .message__tl-text { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 14px; line-height: 1.6; padding: 20px; background: rgb(247, 247, 247); margin-bottom: 10px; overflow-wrap: break-word; } .message__tl-date { font-size: 14px; line-height: 1; } .message .my-msg .message__tl-img { -webkit-box-ordinal-group: 3; order: 2; margin-right: 0px; margin-left: 6px; } .message .my-msg .message__tl-data { -webkit-box-ordinal-group: 2; order: 1; } .message .my-msg .message__tl-date { text-align: right; } @media screen and (max-width: 840px) { .message.fixheight { max-height: 80vh; } .message__tl { inset: -1px -1px 55px; } .message__tl-header { padding: 5px 15px; height: 44px; } .message__tl-header-name { font-size: 15px; font-weight: 400; } .message__tl-contents { height: calc(100% - 44px); padding: 15px 10px; } .message__tl-item { margin-bottom: 15px; -webkit-box-align: start; align-items: flex-start; } .message__tl-text { font-size: 12px; padding: 10px; } .message__tl-date { font-size: 11px; } } .message__send { display: flex; -webkit-box-align: center; align-items: center; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 80px; background: rgb(255, 255, 255); padding: 10px 50px; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); border-image: initial; border-top: none; } .message__send-input { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 20px; position: relative; width: 100%; height: 100%; } .message__send-input textarea { position: relative; width: 100%; height: 100%; padding: 5px 10px; font-size: 16px; border: none; background: rgb(244, 244, 244); } @media screen and (max-width: 840px) { .message__send { height: 55px; padding: 10px; } .message__send-input { margin-right: 10px; position: relative; width: 100%; height: 100%; } .message__send-input textarea { padding: 5px; } } .message__header { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .message__num { font-size: 16px; margin-right: 15px; margin-bottom: 15px; } .message__new-message { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; margin-bottom: 15px; } .message__select-destination { width: auto; } .message__select-destination select { margin: 0px; } .message__add-btn { text-align: left; margin: 0px; } @media screen and (max-width: 840px) { .message__header { margin: 0px 10px; } .message__num { font-size: 12px; margin-right: 0px; } .message__new-message { width: 100%; margin-bottom: 20px; } .message__select-destination { width: auto; } .message__select-destination select { margin: 0px 10px 0px 0px !important; } .message__add-btn { text-align: left; margin: 0px; } .message__add-btn a { font-size: 12px; min-height: 32px; height: 32px; } } .message__user-list { background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); margin-bottom: 60px; } .message__user-item { display: flex; -webkit-box-align: center; align-items: center; padding: 20px; border-top: 1px solid rgb(229, 229, 229); transition: background 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .message__user-item:first-child { border-top: none; } .message__user-item--disabled { background: rgb(220, 220, 220); } .message__user-item--disabled a { pointer-events: none; } .message__user-img { width: 45px; margin-right: 15px; } .message__user-img img { transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .message__user-img:hover img, .message__user-img:active img { opacity: 0.6; } .message__user-data { -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; } .message__user-info { position: relative; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 8px; padding-right: 90px; } .message__user-name { font-size: 14px; font-weight: 700; margin-right: 15px; } .message__user-day { position: absolute; font-size: 14px; right: 0px; top: 0px; } .message__user-check { margin: 0px; } .message__user-check label { display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; } .message__user-check label input { margin-right: 0.75rem; } .message__user-message { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .message__user-name a, .message__user-data a, .message__user-day a, .message__user-message a, .message__user-label a { transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .message__user-name a:hover, .message__user-data a:hover, .message__user-day a:hover, .message__user-message a:hover, .message__user-label a:hover, .message__user-name a:active, .message__user-data a:active, .message__user-day a:active, .message__user-message a:active, .message__user-label a:active { opacity: 0.6; } @media screen and (max-width: 840px) { .message__user-list { border-right: none; border-left: none; border-image: initial; border-top: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); margin-bottom: 30px; } .message__user-item { display: block; padding: 13px 10px; } .message__user-img { float: left; } .message__user-info { flex-wrap: wrap; margin-bottom: 8px; padding-top: 3px; } .message__user-name { width: 100%; font-size: 12px; font-weight: 700; margin: 0px 0px 6px; } .message__user-day { font-size: 12px; top: 2px; } .message__user-label { margin-bottom: 8px; } .message__user-message { font-size: 12px; white-space: normal; text-overflow: clip; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } @media screen and (max-width: 840px) { .header-menu { margin-right: 0px; padding-right: 0px; min-width: 29px; } .header-menu .start-project, .header-menu .select-login, .header-menu .author-name, .header-menu .pro, .header-menu .free { display: none !important; } .header-menu .admin-header__icon-item { margin-left: 13px; } .header-menu .author-login { top: 10px; right: 50px; } .header-menu .author-login-wrap { width: 30px; margin-right: 0px; } .header-menu .author-name { display: none; } .message-info { top: 49px; width: 100vw; max-height: calc(-50px + 100vh); } } #btn-support { background: rgb(255, 241, 0); border: none; cursor: pointer; appearance: none; z-index: 999998; position: fixed; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; width: 125px; height: 35px; margin: 10px 20px; right: -5px; bottom: 5px; border-radius: 20px; font-size: 13px; line-height: 13px; display: inline-flex; justify-content: center; align-items: center; } #btn-support.gray { background: rgb(204, 204, 204); } #btn-support img { margin-top: -2px; width: 16px; height: 16px; } #btn-support span { display: inline-block; margin-left: 5px; } @media screen� { #btn-support span { padding-top: 3px; } } #btn-support:hover { filter: brightness(105%); } @media screen and (min-width: 840px) { .grecaptcha-badge { bottom: 0px !important; } } @media screen and (max-width: 840px) { #btn-support { width: 36px; height: 36px; right: -10px; bottom: 5px; } #btn-support span { display: none; } } .drawer-wrap { transform: translate(0px) translateZ(0px) !important; } .drawer--top.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger { overflow: auto !important; } .drawer-nav::-webkit-scrollbar { width: 6px; } .drawer-nav::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); } .drawer-nav::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 3px; } .side-signup * { transition: all 0.3s ease 0s; } .side-signup { z-index: 3; width: 400px; height: 400px; padding: 40px; background-color: rgb(255, 241, 0); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px; position: fixed; right: 0px; top: 360px; transition: all 0.3s ease 0s; } .side-signup h4 { font-size: 26px; line-height: 1.4; margin-bottom: 20px; width: 320px; } .side-signup h6 { font-size: 15px; line-height: 1.8; width: 320px; } .side-signup div { position: absolute; left: 40px; bottom: 40px; width: 320px; height: 100px; } .side-signup .btn { height: 40px; width: 100%; max-width: none; min-width: auto; padding: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .side-signup .btn + .btn { margin-top: 20px; } .side-signup .btn.white:hover { background-color: rgb(255, 241, 0); color: rgb(26, 26, 26); border-color: rgb(26, 26, 26); } .side-signup .btn .icon { opacity: 0; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .side-signup.min { width: 80px; height: 160px; } .side-signup.min h4, .side-signup.min h6 { opacity: 0; } .side-signup.min div { left: 0px; bottom: 0px; width: 80px; height: 160px; } .side-signup.min .btn { height: 80px; border-radius: 0px; pointer-events: none; } .side-signup.min .btn + .btn { margin-top: 0px; } .side-signup.min .btn span { opacity: 0; } .side-signup.min .btn.black { background-color: rgb(255, 241, 0); border-color: transparent; } .side-signup.min .btn.white { border-color: transparent; } .side-signup.min .btn .icon { opacity: 1; } @media screen and (max-width: 840px) { .side-signup { display: none; } } .preview-btn { line-height: 1.3; position: relative; height: 32px; padding: 0px 20px; margin-right: 20px; background-color: rgb(255, 241, 0); border-radius: 16px; border: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; transition: all 0.3s ease 0s; } .preview-btn:hover { filter: brightness(105%); } .preview-btn .icon { width: 16px; height: 16px; margin-right: 8px; } .preview-btn span { transform: translateY(1px); font-size: 13px; font-weight: 700; } .preview-btn::after { content: ""; display: block; width: 7px; height: 7px; border-bottom: 1.5px solid rgb(34, 34, 34); border-right: 1.5px solid rgb(34, 34, 34); transform: translateY(-2px) rotate(45deg); margin-left: 12px; transition: all 0.3s ease 0s; } .preview-btn.active::after { transform: translateY(1px) rotate(-135deg); } .preview { line-height: 1.3; position: fixed; top: 54px; right: 10px; width: 380px; height: auto; background: rgb(255, 241, 0); border-radius: 3px; padding: 5px 0px 5px 5px; z-index: 105; } .preview__inner { max-height: calc(-74px + 100vh); overflow-y: scroll; } .preview__inner { overflow-y: scroll; } .preview__inner::-webkit-scrollbar { width: 5px; } .preview__inner::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0); } .preview__inner::-webkit-scrollbar-thumb { background-color: rgba(51, 51, 51, 0.5); border-radius: 4px; } .preview .arrow { opacity: 0; display: block; position: absolute; width: 0px; height: 0px; border-bottom: 12px solid rgb(255, 241, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; top: -8px; right: 284px; transform: translate(-3px); } .preview h5 { font-size: 18px; padding: 21px 20px 19px; } .preview__inner > ul { padding-bottom: 28px; } .preview ul li a, .preview ul li > span { font-size: 14px; font-weight: 700; position: relative; height: 34px; padding: 0px 12px 0px 20px; margin-bottom: 2px; border-radius: 3px; display: flex; -webkit-box-align: center; align-items: center; } .preview ul li a:hover { background-color: rgba(0, 0, 0, 0.05); } .preview ul li a.current { background-color: rgb(26, 26, 26); color: rgb(255, 255, 255); pointer-events: none; } .preview__inner > ul > li > a:not(.current)::before { content: ""; display: block; width: 16px; margin-right: 8px; flex-shrink: 0; } .preview ul li a span, .preview ul li span span { transform: translateY(1px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .preview ul li .icon { fill: rgb(255, 255, 255); width: 16px; height: 16px; margin-right: 8px; flex-shrink: 0; } .preview ul li ul li { padding-left: 44px; } .preview ul li ul li a, .preview ul li ul li > span { font-size: 13px; font-weight: 400; padding: 0px 12px; } .preview ul li ul li a:not(.current)::before, .preview ul li ul li > span::before { content: "-"; margin-right: 8px; flex-shrink: 0; } .preview ul li.preview__accordion { position: relative; } .preview ul li.preview__accordion > a { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-right: 0px; margin-right: 34px; } .preview ul li.preview__accordion > a span { flex-shrink: 0; padding-right: 12px; } .preview ul li.preview__accordion button { position: absolute; right: 0px; top: 0px; height: 34px; width: 34px; border-radius: 3px; border: none; background-color: transparent; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: all 0.3s ease 0s; } .preview ul li.preview__accordion button:hover { background: rgba(0, 0, 0, 0.05); } .preview ul li.preview__accordion button::after { content: ""; display: block; width: 7px; height: 7px; border-bottom: 1.5px solid rgb(34, 34, 34); border-right: 1.5px solid rgb(34, 34, 34); transform: translateY(-2px) rotate(45deg); transition: all 0.3s ease 0s; } .preview ul li.preview__accordion.open button::after { transform: translateY(1px) rotate(-135deg); } .preview ul li.preview__accordion > a::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2); order: 1; } @media screen and (max-width: 840px) { .preview-btn { margin-right: 15px; width: 30px; height: 30px; padding: 0px; -webkit-box-pack: center; justify-content: center; } .preview-btn .icon { margin-right: 0px; } .preview-btn span, .preview-btn::after { display: none; } .preview { padding-right: 5px; top: 56px; right: 6px; width: calc(-12px + 100vw); } .preview__inner { max-height: calc(-76px + 100vh); } .preview .arrow { border-bottom: 6px solid rgb(255, 241, 0); border-left: 5px solid transparent; border-right: 5px solid transparent; top: -6px; right: 57px; } .preview h5 { font-size: 16px; } .preview ul li a, .preview ul li > span { font-size: 14px; height: 32px; } .preview ul li ul li a, .preview ul li ul li > span { font-size: 13px; } .preview ul li.preview__accordion button { height: 32px; } } @media screen� { .preview-btn span, .preview ul li a span, .preview ul li span span { transform: translateY(3px); } } .info-bar.error { background-color: rgb(209, 52, 56); color: rgb(255, 255, 255); } .info-bar.error p a { color: rgb(255, 255, 255); } .info-bar.error p a:hover { text-decoration: none; } .info-bar.error .icon { fill: rgb(255, 255, 255); } .info-bar.error .close-btn::before, .info-bar.error .close-btn::after { background-color: rgb(255, 255, 255); } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } span.PIN_1778040054655_embed_grid { width: 100%; max-width: 257px; min-width: 140px; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 16px; overflow: hidden; font: 12px "Helvetica Neue", Helvetica, arial, sans-serif; color: rgb(54, 54, 54); box-sizing: border-box; background: rgb(255, 255, 255); cursor: pointer; -webkit-font-smoothing: antialiased; } span.PIN_1778040054655_embed_grid * { display: block; position: relative; font: inherit; cursor: inherit; color: inherit; box-sizing: inherit; margin: 0px; padding: 0px; text-align: left; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_hd { height: 55px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_hd .PIN_1778040054655_img { position: absolute; top: 10px; left: 10px; height: 36px; width: 36px; border-radius: 18px; background-size: cover; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_hd .PIN_1778040054655_pinner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%; position: absolute; top: 20px; left: 56px; font-size: 14px; font-weight: bold; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_bd { padding: 0px 10px; overflow: hidden auto; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_bd .PIN_1778040054655_ct { width: 100%; height: auto; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { display: inline-block; width: 100%; padding: 1px; vertical-align: top; min-width: 60px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col .PIN_1778040054655_img { margin: 0px; display: inline-block; width: 100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjk7ZmlsbDojNjY2NjY2O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NS40LDQ2Yy0wLjUtMy42LTMuMS02LjItNS44LTQuMmMtMS40LTUuMi00LjgtNS4xLTYuMi0zLjVjLTAuMS0wLjUtMC44LTguNi0wLjgtOS45YzAtMS4zLDAtNC4xLTAuNy03LjUNCgljLTAuNi0zLjQtMy42LTEuOC00LjItMC41Yy0wLjUsMS4zLTAuNiw0LjgtMC42LDYuMWMwLDIuNi0wLjQsMTEtMC40LDExLjljMCwxLjctMi4yLDEyLjEtMi45LDEyLjdjLTEuMywxLjMtMi43LTIuNS00LTQuMw0KCWMwLDAtMC45LTMuOS00LjUtNS4yYy0yLjMtMC44LTMuMSwwLjgtMy4xLDEuM2MtMC42LTAuMywwLjMsMi45LDAuOCw0YzAuNSwxLjIsMS42LDMuMywxLjksNC4xYzAuNCwwLjgsMi41LDQuNCwyLjksNS42DQoJYzEuNyw1LDQuNywxMC42LDcsMTYuNmMwLjMsMy4xLDEsNS40LDIsN2MxLjEsMC4xLDIuMiwwLjEsMy4zLDAuMWM0LjEsMCw4LTAuNiwxMS43LTEuN2MxLjEtMiwxLjYtNC4xLDEuOC01LjcNCgljMC4zLTMsNS4zLTExLjIsNi4yLTE0LjRjMC45LTMuMiwwLTcuMy0wLjUtOS41QzU4LjYsNDcsNTcuNSw0NSw1NS40LDQ2eiIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI2NywyNS41IDYwLDIyIDYwLDI0IDQ4LDI0IDQ4LDI3IDYwLDI3IDYwLDI5IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIwLDI0IDIwLDIyIDEzLDI1LjUgMjAsMjkgMjAsMjcgMzIsMjcgMzIsMjQgCSIvPg0KPC9nPg0KPC9zdmc+Cg0K) 0px 0px / cover no-repeat transparent; border-radius: 8px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft { padding: 10px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft .PIN_1778040054655_button { border-radius: 16px; text-align: center; background-color: rgb(239, 239, 239); border: 1px solid rgb(239, 239, 239); position: relative; display: block; overflow: hidden; height: 32px; width: 100%; min-width: 70px; padding: 0px 3px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft .PIN_1778040054655_button .PIN_1778040054655_label { position: absolute; left: 0px; width: 100%; text-align: center; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft .PIN_1778040054655_button .PIN_1778040054655_label.PIN_1778040054655_top { top: 0px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft .PIN_1778040054655_button .PIN_1778040054655_label.PIN_1778040054655_bottom { bottom: 0px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft .PIN_1778040054655_button .PIN_1778040054655_label .PIN_1778040054655_string { white-space: pre; color: rgb(116, 109, 106); font-size: 13px; font-weight: bold; vertical-align: top; display: inline-block; height: 32px; line-height: 32px; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft .PIN_1778040054655_button .PIN_1778040054655_label .PIN_1778040054655_logo { display: inline-block; vertical-align: bottom; height: 32px; width: 80px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgd2lkdGg9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCAxMiI+PGc+PHBhdGggZD0iTTE5LjY5LDkuMjggTDE5LjY5LDQuMjggTDIxLjI3LDQuMjggTDIxLjI3LDkuMjggTDE5LjY5LDkuMjggWiBNNS45NywwLjAwIEM5LjI3LDAuMDAgMTEuOTUsMi42OSAxMS45NSw2LjAwIEMxMS45NSw5LjMxIDkuMjcsMTIuMDAgNS45NywxMi4wMCBDNS4zOCwxMi4wMCA0LjgwLDExLjkxIDQuMjYsMTEuNzUgQzQuMjYsMTEuNzUgNC4yNiwxMS43NSA0LjI2LDExLjc1IEM0LjI1LDExLjc1IDQuMjQsMTEuNzQgNC4yMywxMS43NCBMNC4yMSwxMS43MyBDNC4yMSwxMS43MyA0LjIxLDExLjczIDQuMjEsMTEuNzMgQzQuNDUsMTEuMzMgNC44MSwxMC42OCA0Ljk1LDEwLjE2IEM1LjAyLDkuODggNS4zMiw4LjczIDUuMzIsOC43MyBDNS41Miw5LjExIDYuMDgsOS40MiA2LjY5LDkuNDIgQzguNDksOS40MiA5Ljc5LDcuNzYgOS43OSw1LjY5IEM5Ljc5LDMuNzEgOC4xOCwyLjIzIDYuMTEsMi4yMyBDMy41MywyLjIzIDIuMTYsMy45NiAyLjE2LDUuODYgQzIuMTYsNi43NCAyLjYzLDcuODMgMy4zNyw4LjE4IEMzLjQ5LDguMjMgMy41NSw4LjIxIDMuNTcsOC4xMCBDMy41OSw4LjAyIDMuNjksNy42MSAzLjc0LDcuNDIgQzMuNzUsNy4zNiAzLjc1LDcuMzEgMy43MCw3LjI1IEMzLjQ1LDYuOTUgMy4yNSw2LjM5IDMuMjUsNS44OCBDMy4yNSw0LjU1IDQuMjUsMy4yNyA1Ljk1LDMuMjcgQzcuNDIsMy4yNyA4LjQ1LDQuMjggOC40NSw1LjcxIEM4LjQ1LDcuMzQgNy42Myw4LjQ2IDYuNTcsOC40NiBDNS45OCw4LjQ2IDUuNTQsNy45OCA1LjY4LDcuMzggQzUuODUsNi42NyA2LjE4LDUuOTAgNi4xOCw1LjM4IEM2LjE4LDQuOTIgNS45Myw0LjU0IDUuNDIsNC41NCBDNC44Miw0LjU0IDQuMzQsNS4xNiA0LjM0LDUuOTkgQzQuMzQsNi41MiA0LjUyLDYuODggNC41Miw2Ljg4IEM0LjUyLDYuODggMy45Myw5LjQwIDMuODIsOS44NyBDMy43MCwxMC4zOCAzLjc1LDExLjExIDMuODAsMTEuNTkgTDMuODAsMTEuNTkgQzMuNzksMTEuNTkgMy43OCwxMS41OCAzLjc4LDExLjU4IEMzLjc3LDExLjU4IDMuNzYsMTEuNTggMy43NiwxMS41NyBDMy43NiwxMS41NyAzLjc2LDExLjU3IDMuNzYsMTEuNTcgQzEuNTYsMTAuNjkgMC4wMCw4LjUzIDAuMDAsNi4wMCBDMC4wMCwyLjY5IDIuNjcsMC4wMCA1Ljk3LDAuMDAgWiBNMTYuODcsMi4zMSBDMTcuNzEsMi4zMSAxOC4zNCwyLjU0IDE4Ljc2LDIuOTUgQzE5LjIxLDMuMzcgMTkuNDYsMy45NiAxOS40Niw0LjY2IEMxOS40Niw2LjAwIDE4LjU0LDYuOTUgMTcuMTEsNi45NSBMMTUuNzIsNi45NSBMMTUuNzIsOS4yOCBMMTQuMTIsOS4yOCBMMTQuMTIsMi4zMSBMMTYuODcsMi4zMSBaIE0xNi45NCw1LjU4IEMxNy41Niw1LjU4IDE3LjkxLDUuMjEgMTcuOTEsNC42NSBDMTcuOTEsNC4xMCAxNy41NSwzLjc2IDE2Ljk0LDMuNzYgTDE1LjcyLDMuNzYgTDE1LjcyLDUuNTggTDE2Ljk0LDUuNTggWiBNNTAuMDAsNS4yOCBMNDkuMTksNS4yOCBMNDkuMTksNy42MiBDNDkuMTksOC4wMSA0OS40MCw4LjExIDQ5Ljc0LDguMTEgQzQ5LjgzLDguMTEgNDkuOTMsOC4xMCA1MC4wMCw4LjEwIEw1MC4wMCw5LjI4IEM0OS44NCw5LjMxIDQ5LjU4LDkuMzMgNDkuMjIsOS4zMyBDNDguMzAsOS4zMyA0Ny42NCw5LjAzIDQ3LjY0LDcuOTYgTDQ3LjY0LDUuMjggTDQ3LjE2LDUuMjggTDQ3LjE2LDQuMjggTDQ3LjY0LDQuMjggTDQ3LjY0LDIuNzAgTDQ5LjE5LDIuNzAgTDQ5LjE5LDQuMjggTDUwLjAwLDQuMjggTDUwLjAwLDUuMjggWiBNNDUuMzEsNi4xMyBDNDYuMTgsNi4yNyA0Ny4yMSw2LjUwIDQ3LjIxLDcuNzcgQzQ3LjIxLDguODcgNDYuMjUsOS40MyA0NC45NSw5LjQzIEM0My41NSw5LjQzIDQyLjY1LDguODEgNDIuNTQsNy43OCBMNDQuMDUsNy43OCBDNDQuMTUsOC4yMCA0NC40Niw4LjQwIDQ0Ljk0LDguNDAgQzQ1LjQyLDguNDAgNDUuNzIsOC4yMiA0NS43Miw3LjkwIEM0NS43Miw3LjQ1IDQ1LjEyLDcuNDAgNDQuNDYsNy4yOSBDNDMuNTksNy4xNCA0Mi42Nyw2LjkxIDQyLjY3LDUuNzQgQzQyLjY3LDQuNjggNDMuNjQsNC4xNCA0NC44Miw0LjE0IEM0Ni4yMiw0LjE0IDQ2Ljk4LDQuNzUgNDcuMDYsNS43NCBMNDUuNjAsNS43NCBDNDUuNTQsNS4yOSA0NS4yNCw1LjE1IDQ0LjgwLDUuMTUgQzQ0LjQyLDUuMTUgNDQuMTIsNS4zMCA0NC4xMiw1LjYxIEM0NC4xMiw1Ljk2IDQ0LjY4LDYuMDEgNDUuMzEsNi4xMyBaIE0yMC40OCwyLjAwIEMyMS4wMCwyLjAwIDIxLjQzLDIuNDIgMjEuNDMsMi45NSBDMjEuNDMsMy40OCAyMS4wMCwzLjkwIDIwLjQ4LDMuOTAgQzE5Ljk1LDMuOTAgMTkuNTMsMy40OCAxOS41MywyLjk1IEMxOS41MywyLjQyIDE5Ljk1LDIuMDAgMjAuNDgsMi4wMCBaIE0yOC40OCw3LjYyIEMyOC40OCw4LjAxIDI4LjcwLDguMTEgMjkuMDQsOC4xMSBDMjkuMTAsOC4xMSAyOS4xOCw4LjEwIDI5LjI0LDguMTAgTDI5LjI0LDkuMjkgQzI5LjA4LDkuMzEgMjguODMsOS4zMyAyOC41Miw5LjMzIEMyNy42MCw5LjMzIDI2Ljk0LDkuMDMgMjYuOTQsNy45NiBMMjYuOTQsNS4yOCBMMjYuNDIsNS4yOCBMMjYuNDIsNC4yOCBMMjYuOTQsNC4yOCBMMjYuOTQsMi43MCBMMjguNDgsMi43MCBMMjguNDgsNC4yOCBMMjkuMjQsNC4yOCBMMjkuMjQsNS4yOCBMMjguNDgsNS4yOCBMMjguNDgsNy42MiBaIE0yNC42OSw0LjE0IEMyNS43Nyw0LjE0IDI2LjQxLDQuOTIgMjYuNDEsNi4wMyBMMjYuNDEsOS4yOCBMMjQuODMsOS4yOCBMMjQuODMsNi4zNSBDMjQuODMsNS44MiAyNC41Nyw1LjQ2IDI0LjA1LDUuNDYgQzIzLjUzLDUuNDYgMjMuMTgsNS45MCAyMy4xOCw2LjUyIEwyMy4xOCw5LjI4IEwyMS42MCw5LjI4IEwyMS42MCw0LjI4IEwyMy4xMiw0LjI4IEwyMy4xMiw0Ljk3IEwyMy4xNSw0Ljk3IEMyMy41Miw0LjQzIDI0LjAwLDQuMTQgMjQuNjksNC4xNCBaIE0zMy40Miw0Ljc2IEMzMi45OSw0LjM3IDMyLjQzLDQuMTQgMzEuNzIsNC4xNCBDMzAuMjAsNC4xNCAyOS4xNiw1LjI4IDI5LjE2LDYuNzcgQzI5LjE2LDguMjggMzAuMTcsOS40MiAzMS44MSw5LjQyIEMzMi40NCw5LjQyIDMyLjk1LDkuMjYgMzMuMzcsOC45NiBDMzMuODAsOC42NiAzNC4xMCw4LjIzIDM0LjIwLDcuNzggTDMyLjY2LDcuNzggQzMyLjUyLDguMTAgMzIuMjUsOC4yOCAzMS44Myw4LjI4IEMzMS4xOCw4LjI4IDMwLjgxLDcuODYgMzAuNzIsNy4xOSBMMzQuMjksNy4xOSBDMzQuMzAsNi4xOCAzNC4wMSw1LjMxIDMzLjQyLDQuNzYgTDMzLjQyLDQuNzYgWiBNNDEuNjYsNC43NiBDNDIuMjYsNS4zMSA0Mi41NSw2LjE4IDQyLjU0LDcuMTkgTDM4Ljk3LDcuMTkgQzM5LjA2LDcuODYgMzkuNDMsOC4yOCA0MC4wOCw4LjI4IEM0MC41MCw4LjI4IDQwLjc3LDguMTAgNDAuOTEsNy43OCBMNDIuNDUsNy43OCBDNDIuMzQsOC4yMyA0Mi4wNSw4LjY2IDQxLjYyLDguOTYgQzQxLjIwLDkuMjYgNDAuNjksOS40MiA0MC4wNiw5LjQyIEMzOC40Miw5LjQyIDM3LjQxLDguMjggMzcuNDEsNi43NyBDMzcuNDEsNS4yOCAzOC40NSw0LjE0IDM5Ljk3LDQuMTQgQzQwLjY3LDQuMTQgNDEuMjQsNC4zNyA0MS42Niw0Ljc2IFogTTMwLjczLDYuMjQgQzMwLjgzLDUuNjUgMzEuMTQsNS4yNyAzMS43NSw1LjI3IEMzMi4yNiw1LjI3IDMyLjYzLDUuNjUgMzIuNjksNi4yNCBMMzAuNzMsNi4yNCBaIE0zOC45OCw2LjI0IEw0MC45NCw2LjI0IEM0MC44OCw1LjY1IDQwLjUxLDUuMjcgNDAuMDAsNS4yNyBDMzkuMzksNS4yNyAzOS4wOCw1LjY1IDM4Ljk4LDYuMjQgWiBNMzcuNTQsNC4yMSBMMzcuNTQsNS42MCBDMzYuNjQsNS41MSAzNi4wNyw1Ljk5IDM2LjA3LDcuMDMgTDM2LjA3LDkuMjggTDM0LjQ4LDkuMjggTDM0LjQ4LDQuMjggTDM2LjAwLDQuMjggTDM2LjAwLDUuMDYgTDM2LjAzLDUuMDYgQzM2LjM4LDQuNDcgMzYuNzgsNC4yMSAzNy4zOSw0LjIxIEMzNy40NSw0LjIxIDM3LjUwLDQuMjEgMzcuNTQsNC4yMSBaIiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==") 50% 50% / contain no-repeat transparent; } span.PIN_1778040054655_embed_grid .PIN_1778040054655_ft .PIN_1778040054655_button:hover { border: 1px solid rgba(0, 0, 0, 0.1); } span.PIN_1778040054655_embed_grid.PIN_1778040054655_noscroll .PIN_1778040054655_bd { overflow: hidden; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_board .PIN_1778040054655_hd .PIN_1778040054655_pinner { top: 10px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_board .PIN_1778040054655_hd .PIN_1778040054655_board { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%; position: absolute; bottom: 10px; left: 56px; color: rgb(54, 54, 54); font-size: 12px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c2 { max-width: 494px; min-width: 140px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c2 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 50%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c3 { max-width: 731px; min-width: 200px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c3 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 33.33%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c4 { max-width: 968px; min-width: 260px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c4 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 25%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c5 { max-width: 1205px; min-width: 320px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c5 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 20%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c6 { max-width: 1442px; min-width: 380px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c6 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 16.66%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c7 { max-width: 1679px; min-width: 440px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c7 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 14.28%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c8 { max-width: 1916px; min-width: 500px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c8 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 12.5%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c9 { max-width: 2153px; min-width: 560px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c9 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 11.11%; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c10 { max-width: 2390px; min-width: 620px; } span.PIN_1778040054655_embed_grid.PIN_1778040054655_c10 .PIN_1778040054655_bd .PIN_1778040054655_ct .PIN_1778040054655_col { width: 10%; } span.PIN_1778040054655_embed_pin { min-width: 160px; max-width: 236px; width: 100%; border-radius: 16px; font: 12px "SF Pro", "Helvetica Neue", Helvetica, arial, sans-serif; display: inline-block; background: rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; -webkit-font-smoothing: antialiased; } span.PIN_1778040054655_embed_pin * { display: block; position: relative; font: inherit; cursor: inherit; color: inherit; box-sizing: inherit; margin: 0px; padding: 0px; text-align: left; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages { height: 100%; width: 100%; display: block; position: relative; overflow: hidden; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page { position: absolute; left: 0px; transition-property: left; transition-duration: 0.25s; transition-timing-function: ease-in; height: inherit; width: inherit; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page.PIN_1778040054655_past { left: -100%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page.PIN_1778040054655_future { left: 100%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks { height: inherit; width: inherit; overflow: hidden; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block { position: absolute; height: 100%; width: 100%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container { position: absolute; width: 100%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container.PIN_1778040054655_top { top: 0px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container.PIN_1778040054655_middle { top: 50%; transform: translateY(-50%); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container.PIN_1778040054655_bottom { bottom: 0px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container.PIN_1778040054655_left { text-align: left; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container.PIN_1778040054655_center { text-align: center; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container.PIN_1778040054655_right { text-align: right; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container .PIN_1778040054655_paragraph { text-align: inherit; display: inline; word-break: break-word; font-size: 16px; line-height: 1.24em; border-radius: 3px; padding: 0.1em 0.2em; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container _video { position: absolute; height: 100%; width: auto; left: 50%; transform: translateX(-50%); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container.PIN_1778040054655_video { height: 100%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_image { position: absolute; height: 100%; width: 100%; background-position: 50% 50%; background-repeat: no-repeat; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_image.PIN_1778040054655_containMe { background-size: contain; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_image.PIN_1778040054655_coverMe { background-size: cover; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block video { position: absolute; height: 100%; width: auto; left: 50%; transform: translateX(-50%); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block video.PIN_1778040054655_isNative { width: 100%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay { position: absolute; height: 100%; width: 100%; opacity: 0.001; background: rgba(0, 0, 0, 0.03); cursor: pointer; user-select: none; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_repin { position: absolute; top: 12px; right: 12px; height: 40px; color: rgb(255, 255, 255); background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==") 10px 50% / 18px 18px no-repeat rgb(230, 0, 35); text-indent: 36px; font-size: 14px; line-height: 40px; font-weight: bold; border-radius: 20px; padding: 0px 12px 0px 0px; width: auto; z-index: 2; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_price { position: absolute; top: 12px; left: 12px; height: 40px; background: rgba(255, 255, 255, 0.9); font-size: 14px; line-height: 40px; font-weight: bold; border-radius: 20px; padding: 0px 12px; width: auto; z-index: 2; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_controls { position: absolute; height: 64px; width: 64px; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_controls .PIN_1778040054655_play { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTIyLjYyIDkuNDhMOC42My40OEEzIDMgMCAwIDAgNCAzdjE4YTMgMyAwIDAgMCA0LjYzIDIuNTJsMTQtOWEzIDMgMCAwIDAgMC01LjA0IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg==") 50% 50% no-repeat rgba(0, 0, 0, 0.8); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_controls .PIN_1778040054655_pause { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTcgMGMxLjY1IDAgMyAxLjM1IDMgM3YxOGMwIDEuNjUtMS4zNSAzLTMgM3MtMy0xLjM1LTMtM1YzYzAtMS42NSAxLjM1LTMgMy0zem0xMCAwYzEuNjUgMCAzIDEuMzUgMyAzdjE4YzAgMS42NS0xLjM1IDMtMyAzcy0zLTEuMzUtMy0zVjNjMC0xLjY1IDEuMzUtMyAzLTN6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg==") 50% 50% no-repeat rgba(0, 0, 0, 0.8); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_controls .PIN_1778040054655_pause, span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_controls .PIN_1778040054655_play { position: absolute; display: block; height: 64px; width: 64px; border-radius: 32px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_nav { user-select: none; position: absolute; height: 100%; width: 20%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjk7ZmlsbDojNjY2NjY2O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NS40LDQ2Yy0wLjUtMy42LTMuMS02LjItNS44LTQuMmMtMS40LTUuMi00LjgtNS4xLTYuMi0zLjVjLTAuMS0wLjUtMC44LTguNi0wLjgtOS45YzAtMS4zLDAtNC4xLTAuNy03LjUNCgljLTAuNi0zLjQtMy42LTEuOC00LjItMC41Yy0wLjUsMS4zLTAuNiw0LjgtMC42LDYuMWMwLDIuNi0wLjQsMTEtMC40LDExLjljMCwxLjctMi4yLDEyLjEtMi45LDEyLjdjLTEuMywxLjMtMi43LTIuNS00LTQuMw0KCWMwLDAtMC45LTMuOS00LjUtNS4yYy0yLjMtMC44LTMuMSwwLjgtMy4xLDEuM2MtMC42LTAuMywwLjMsMi45LDAuOCw0YzAuNSwxLjIsMS42LDMuMywxLjksNC4xYzAuNCwwLjgsMi41LDQuNCwyLjksNS42DQoJYzEuNyw1LDQuNywxMC42LDcsMTYuNmMwLjMsMy4xLDEsNS40LDIsN2MxLjEsMC4xLDIuMiwwLjEsMy4zLDAuMWM0LjEsMCw4LTAuNiwxMS43LTEuN2MxLjEtMiwxLjYtNC4xLDEuOC01LjcNCgljMC4zLTMsNS4zLTExLjIsNi4yLTE0LjRjMC45LTMuMiwwLTcuMy0wLjUtOS41QzU4LjYsNDcsNTcuNSw0NSw1NS40LDQ2eiIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI2NywyNS41IDYwLDIyIDYwLDI0IDQ4LDI0IDQ4LDI3IDYwLDI3IDYwLDI5IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIwLDI0IDIwLDIyIDEzLDI1LjUgMjAsMjkgMjAsMjcgMzIsMjcgMzIsMjQgCSIvPg0KPC9nPg0KPC9zdmc+Cg0K) 0px 0px / 24px 24px no-repeat transparent; z-index: 1; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_nav.PIN_1778040054655_forward, span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_nav.PIN_1778040054655_forward_noop { right: 0px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_nav.PIN_1778040054655_backward, span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_nav.PIN_1778040054655_backward_noop { left: 0px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_nav.PIN_1778040054655_forward { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTYuNzIgMjRjLjU3IDAgMS4xNC0uMjIgMS41Ny0uNjZMMTkuNSAxMiA4LjI5LjY2Yy0uODYtLjg4LTIuMjctLjg4LTMuMTQgMC0uODcuODgtLjg3IDIuMyAwIDMuMThMMTMuMjEgMTJsLTguMDYgOC4xNmMtLjg3Ljg4LS44NyAyLjMgMCAzLjE4LjQzLjQ0IDEgLjY2IDEuNTcuNjYiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9wYXRoPjwvZz48L3N2Zz4="); background-position: 100% 50%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_nav.PIN_1778040054655_backward { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTE3LjI4IDI0Yy0uNTcgMC0xLjE0LS4yMi0xLjU4LS42Nkw0LjUgMTIgMTUuNy42NmEyLjIxIDIuMjEgMCAwIDEgMy4xNSAwYy44Ny44OC44NyAyLjMgMCAzLjE4TDEwLjc5IDEybDguMDYgOC4xNmMuODcuODguODcgMi4zIDAgMy4xOC0uNDQuNDQtMSAuNjYtMS41Ny42NiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9Ii41Ij48L3BhdGg+PC9nPjwvc3ZnPg=="); background-position: 0px 50%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_progress { position: absolute; bottom: 0px; left: 0px; height: 36px; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); text-align: center; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_progress .PIN_1778040054655_indicator { display: inline-block; height: 8px; width: 8px; margin: 16px 2px 0px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_progress .PIN_1778040054655_indicator.PIN_1778040054655_current { background: rgb(255, 255, 255); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_pages .PIN_1778040054655_overlay:hover { opacity: 1; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer { position: relative; display: block; height: 96px; padding: 16px; color: rgb(51, 51, 51); background: rgb(255, 255, 255); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer .PIN_1778040054655_container { position: relative; display: block; width: 100%; height: 100%; background: rgb(255, 255, 255); } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer .PIN_1778040054655_container .PIN_1778040054655_title { position: absolute; left: 0px; right: 0px; font-size: 16px; font-weight: bold; overflow: hidden; white-space: pre; text-overflow: ellipsis; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer .PIN_1778040054655_container .PIN_1778040054655_avatar { position: absolute; bottom: 0px; left: 0px; height: 30px; width: 30px; border-radius: 50%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjk7ZmlsbDojNjY2NjY2O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NS40LDQ2Yy0wLjUtMy42LTMuMS02LjItNS44LTQuMmMtMS40LTUuMi00LjgtNS4xLTYuMi0zLjVjLTAuMS0wLjUtMC44LTguNi0wLjgtOS45YzAtMS4zLDAtNC4xLTAuNy03LjUNCgljLTAuNi0zLjQtMy42LTEuOC00LjItMC41Yy0wLjUsMS4zLTAuNiw0LjgtMC42LDYuMWMwLDIuNi0wLjQsMTEtMC40LDExLjljMCwxLjctMi4yLDEyLjEtMi45LDEyLjdjLTEuMywxLjMtMi43LTIuNS00LTQuMw0KCWMwLDAtMC45LTMuOS00LjUtNS4yYy0yLjMtMC44LTMuMSwwLjgtMy4xLDEuM2MtMC42LTAuMywwLjMsMi45LDAuOCw0YzAuNSwxLjIsMS42LDMuMywxLjksNC4xYzAuNCwwLjgsMi41LDQuNCwyLjksNS42DQoJYzEuNyw1LDQuNywxMC42LDcsMTYuNmMwLjMsMy4xLDEsNS40LDIsN2MxLjEsMC4xLDIuMiwwLjEsMy4zLDAuMWM0LjEsMCw4LTAuNiwxMS43LTEuN2MxLjEtMiwxLjYtNC4xLDEuOC01LjcNCgljMC4zLTMsNS4zLTExLjIsNi4yLTE0LjRjMC45LTMuMiwwLTcuMy0wLjUtOS41QzU4LjYsNDcsNTcuNSw0NSw1NS40LDQ2eiIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI2NywyNS41IDYwLDIyIDYwLDI0IDQ4LDI0IDQ4LDI3IDYwLDI3IDYwLDI5IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIwLDI0IDIwLDIyIDEzLDI1LjUgMjAsMjkgMjAsMjcgMzIsMjcgMzIsMjQgCSIvPg0KPC9nPg0KPC9zdmc+Cg0K) 0px 0px / cover no-repeat transparent; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer .PIN_1778040054655_container .PIN_1778040054655_deets { position: absolute; left: 40px; right: 0px; bottom: 0px; height: 30px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer .PIN_1778040054655_container .PIN_1778040054655_deets span { left: 0px; right: 0px; position: absolute; font-size: 12px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer .PIN_1778040054655_container .PIN_1778040054655_deets .PIN_1778040054655_topline { top: 0px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer .PIN_1778040054655_container .PIN_1778040054655_deets .PIN_1778040054655_bottomline { bottom: 0px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer::after { content: "------------------------------------------------------------------------------------------------------------------------"; display: block; height: 1px; line-height: 1px; color: transparent; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer.PIN_1778040054655_uno .PIN_1778040054655_container .PIN_1778040054655_deets .PIN_1778040054655_topline { top: 8px; } span.PIN_1778040054655_embed_pin .PIN_1778040054655_footer.PIN_1778040054655_uno .PIN_1778040054655_container .PIN_1778040054655_deets .PIN_1778040054655_bottomline { display: none; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_fresh .PIN_1778040054655_pages .PIN_1778040054655_overlay { opacity: 1; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_medium { min-width: 236px; max-width: 345px; border-radius: 24px; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_medium .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container .PIN_1778040054655_paragraph { font-size: 21px; line-height: 1.23em; border-radius: 5px; padding: 2px 3px; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_medium .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_progress .PIN_1778040054655_indicator { margin: 16px 4px 0px; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_large { min-width: 346px; max-width: 600px; border-radius: 36px; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_large .PIN_1778040054655_pages .PIN_1778040054655_page .PIN_1778040054655_blocks .PIN_1778040054655_block .PIN_1778040054655_container .PIN_1778040054655_paragraph { font-size: 27px; line-height: 1.11em; border-radius: 5px; padding: 3px 4.5px; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_large .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_progress .PIN_1778040054655_indicator { margin: 16px 4px 0px; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_atStart .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_backward { display: none; } span.PIN_1778040054655_embed_pin.PIN_1778040054655_atEnd .PIN_1778040054655_pages .PIN_1778040054655_overlay .PIN_1778040054655_forward { display: none; } .PIN_1778040054655_button_follow { display: inline-block; color: rgb(54, 54, 54); box-sizing: border-box; box-shadow: rgb(136, 136, 136) 0px 0px 1px inset; border-radius: 3px; cursor: pointer; -webkit-font-smoothing: antialiased; height: 20px; padding: 0px 4px 0px 20px; background-color: rgb(239, 239, 239); position: relative; white-space: nowrap; vertical-align: baseline; font: bold 11px / 20px "Helvetica Neue", Helvetica, arial, sans-serif !important; } .PIN_1778040054655_button_follow:hover { box-shadow: rgb(0, 0, 0) 0px 0px 1px inset; } .PIN_1778040054655_button_follow::after { content: ""; position: absolute; height: 14px; width: 14px; top: 3px; left: 3px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==") 0px 0px / 14px 14px no-repeat transparent; } .PIN_1778040054655_button_follow.PIN_1778040054655_tall { height: 26px; line-height: 26px; font-size: 13px; padding: 0px 6px 0px 25px; border-radius: 3px; } .PIN_1778040054655_button_follow.PIN_1778040054655_tall::after { height: 18px; width: 18px; top: 4px; left: 4px; background-size: 18px 18px; } .PIN_1778040054655_button_pin { cursor: pointer; display: inline-block; box-sizing: border-box; box-shadow: rgb(136, 136, 136) 0px 0px 1px inset; border-radius: 3px; height: 20px; width: 40px; -webkit-font-smoothing: antialiased; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiAxOCI+PGc+PHBhdGggZD0iTTE2Ljg1Myw2LjM0NSBDMTcuNjMyLDYuMzQ1IDE4LjM4LDUuNzAyIDE4LjUxLDQuOTA5IEMxOC42NjQsNC4xMzggMTguMTM1LDMuNDk0IDE3LjM1NywzLjQ5NCBDMTYuNTc4LDMuNDk0IDE1LjgzLDQuMTM4IDE1LjY5OCw0LjkwOSBDMTUuNTQ2LDUuNzAyIDE2LjA1Myw2LjM0NSAxNi44NTMsNi4zNDUgWiBNNy40NTgsMCBDMi41LDAgMCwzLjUyMiAwLDYuNDU5IEMwLDguMjM3IDAuNjgsOS44MTkgMi4xMzcsMTAuNDA5IEMyLjM3NiwxMC41MDUgMi41OSwxMC40MTIgMi42NiwxMC4xNSBDMi43MDgsOS45NjkgMi44MjIsOS41MTEgMi44NzMsOS4zMiBDMi45NDMsOS4wNjEgMi45MTYsOC45NyAyLjcyMyw4Ljc0NCBDMi4zMDIsOC4yNTMgMi4wMzQsNy42MTcgMi4wMzQsNi43MTYgQzIuMDM0LDQuMTA0IDQuMDA3LDEuNzY1IDcuMTcyLDEuNzY1IEM5Ljk3NSwxLjc2NSAxMS41MTQsMy40NjEgMTEuNTE0LDUuNzI2IEMxMS41MTQsOC43MDggMTAuMTgzLDExLjE4IDguMjA2LDExLjE4IEM3LjExNCwxMS4xOCA2LjI5NywxMC4zMjkgNi41NTksOS4yMzMgQzYuODcyLDcuOTIyIDcuNDgsNi41MDkgNy40OCw1LjU2NCBDNy40OCw0LjcxNyA3LjAyMiw0LjAxMSA2LjA3Miw0LjAxMSBDNC45NTYsNC4wMTEgNC4wNiw1LjE1NSA0LjA2LDYuNjg3IEM0LjA2LDcuNjYzIDQuMzkzLDguMzIzIDQuMzkzLDguMzIzIEM0LjM5Myw4LjMyMyAzLjI1MSwxMy4xMTcgMy4wNTEsMTMuOTU3IEMyLjY1MiwxNS42MjkgMi45OTEsMTcuNjc5IDMuMDE5LDE3Ljg4NiBDMy4wMzYsMTguMDA5IDMuMTk1LDE4LjAzOCAzLjI2NywxNy45NDYgQzMuMzcsMTcuODEyIDQuNywxNi4xODcgNS4xNTEsMTQuNTYyIEM1LjI3OSwxNC4xMDIgNS44ODUsMTEuNzIgNS44ODUsMTEuNzIgQzYuMjQ4LDEyLjQwNiA3LjMwOCwxMy4wMDkgOC40MzUsMTMuMDA5IEMxMS43OSwxMy4wMDkgMTQuMDY2LDkuOTc5IDE0LjA2Niw1LjkyMyBDMTQuMDY2LDIuODU3IDExLjQ0NCwwIDcuNDU4LDAgWiBNMjYuODk2LDE0LjE4OSBDMjYuMzQ4LDE0LjE4OSAyNi4xMTcsMTMuOTE1IDI2LjExNywxMy4zMjggQzI2LjExNywxMi40MDQgMjcuMDM1LDEwLjA5MSAyNy4wMzUsOS4wNDEgQzI3LjAzNSw3LjYzOCAyNi4yNzYsNi44MjYgMjQuNzIsNi44MjYgQzIzLjczOSw2LjgyNiAyMi43MjIsNy40NTMgMjIuMjkxLDguMDAzIEMyMi4yOTEsOC4wMDMgMjIuNDIyLDcuNTUzIDIyLjQ2Nyw3LjM4IEMyMi41MTUsNy4xOTYgMjIuNDE1LDYuODg0IDIyLjE3Myw2Ljg4NCBMMjAuNjUxLDYuODg0IEMyMC4zMjgsNi44ODQgMjAuMjM4LDcuMDU1IDIwLjE5MSw3LjI0NCBDMjAuMTcyLDcuMzIgMTkuNjI0LDkuNTg0IDE5LjA5OCwxMS42MzIgQzE4LjczOCwxMy4wMzQgMTcuODYzLDE0LjIwNSAxNi45MjgsMTQuMjA1IEMxNi40NDcsMTQuMjA1IDE2LjIzMywxMy45MDYgMTYuMjMzLDEzLjM5OSBDMTYuMjMzLDEyLjk1OSAxNi41MTksMTEuODc3IDE2Ljg2LDEwLjUzNCBDMTcuMjc2LDguODk4IDE3LjY0Miw3LjU1MSAxNy42ODEsNy4zOTQgQzE3LjczMiw3LjE5MiAxNy42NDIsNy4wMTcgMTcuMzc5LDcuMDE3IEwxNS44NDksNy4wMTcgQzE1LjU3Miw3LjAxNyAxNS40NzMsNy4xNjEgMTUuNDE0LDcuMzYxIEMxNS40MTQsNy4zNjEgMTQuOTgzLDguOTc3IDE0LjUyNywxMC43NzUgQzE0LjE5NiwxMi4wNzkgMTMuODMsMTMuNDA5IDEzLjgzLDE0LjAzNCBDMTMuODMsMTUuMTQ4IDE0LjMzNiwxNS45NDQgMTUuNzI0LDE1Ljk0NCBDMTYuNzk2LDE1Ljk0NCAxNy42NDQsMTUuNDUgMTguMjkyLDE0Ljc2NCBDMTguMTk3LDE1LjEzNSAxOC4xMzYsMTUuNDE0IDE4LjEzLDE1LjQzOSBDMTguMDc0LDE1LjY1IDE4LjE0MiwxNS44MzggMTguMzk0LDE1LjgzOCBMMTkuOTYxLDE1LjgzOCBDMjAuMjMzLDE1LjgzOCAyMC4zMzcsMTUuNzMgMjAuMzk0LDE1LjQ5NCBDMjAuNDQ5LDE1LjI2OSAyMS42MTksMTAuNjY3IDIxLjYxOSwxMC42NjcgQzIxLjkyOCw5LjQ0MyAyMi42OTIsOC42MzIgMjMuNzY4LDguNjMyIEMyNC4yNzksOC42MzIgMjQuNzIsOC45NjcgMjQuNjY5LDkuNjE4IEMyNC42MTIsMTAuMzMzIDIzLjc0MSwxMi45MDMgMjMuNzQxLDE0LjAzMSBDMjMuNzQxLDE0Ljg4NCAyNC4wNiwxNS45NDUgMjUuNjgzLDE1Ljk0NSBDMjYuNzg5LDE1Ljk0NSAyNy42MDMsMTUuNDY0IDI4LjE5NSwxNC43ODYgTDI3LjQ4OSwxMy45NDEgQzI3LjMxMSwxNC4wOTQgMjcuMTE0LDE0LjE4OSAyNi44OTYsMTQuMTg5IFogTTQxLjcwMSw2Ljg3MyBMNDAuMTM0LDYuODczIEM0MC4xMzQsNi44NzMgNDAuODU2LDQuMTA5IDQwLjg3Myw0LjAzNSBDNDAuOTQyLDMuNzQ1IDQwLjY5OCwzLjU3OCA0MC40NDEsMy42MzEgQzQwLjQ0MSwzLjYzMSAzOS4yMywzLjg2NiAzOS4wMDUsMy45MTMgQzM4Ljc3OSwzLjk1OCAzOC42MDQsNC4wODEgMzguNTIyLDQuNDAzIEMzOC41MTIsNC40NDUgMzcuODgsNi44NzMgMzcuODgsNi44NzMgTDM2LjYyMiw2Ljg3MyBDMzYuMzg1LDYuODczIDM2LjI0NSw2Ljk2OCAzNi4xOTIsNy4xODggQzM2LjExNSw3LjUwNCAzNS45NzUsOC4xNDUgMzUuOTM2LDguMjk3IEMzNS44ODUsOC40OTQgMzYsOC42NDQgMzYuMjIyLDguNjQ0IEwzNy40NTcsOC42NDQgQzM3LjQ0OCw4LjY3NyAzNy4wNjQsMTAuMTI1IDM2LjcyNSwxMS41MjEgTDM2LjcyNCwxMS41MTYgQzM2LjcyLDExLjUzMiAzNi43MTYsMTEuNTQ2IDM2LjcxMiwxMS41NjIgTDM2LjcxMiwxMS41NTYgQzM2LjcxMiwxMS41NTYgMzYuNzA4LDExLjU3MSAzNi43MDIsMTEuNTk4IEMzNi4zMjQsMTIuOTY4IDM1LjExOCwxNC4yMDkgMzQuMjAxLDE0LjIwOSBDMzMuNzIxLDE0LjIwOSAzMy41MDYsMTMuOTA5IDMzLjUwNiwxMy40MDIgQzMzLjUwNiwxMi45NjMgMzMuNzkyLDExLjg4IDM0LjEzNCwxMC41MzcgQzM0LjU0OSw4LjkwMSAzNC45MTUsNy41NTUgMzQuOTU1LDcuMzk3IEMzNS4wMDYsNy4xOTYgMzQuOTE1LDcuMDIgMzQuNjUyLDcuMDIgTDMzLjEyMiw3LjAyIEMzMi44NDUsNy4wMiAzMi43NDYsNy4xNjQgMzIuNjg3LDcuMzY0IEMzMi42ODcsNy4zNjQgMzIuMjU3LDguOTggMzEuOCwxMC43NzggQzMxLjQ2OSwxMi4wODMgMzEuMTAzLDEzLjQxMiAzMS4xMDMsMTQuMDM3IEMzMS4xMDMsMTUuMTUxIDMxLjYwOSwxNS45NDggMzIuOTk3LDE1Ljk0OCBDMzQuMDcsMTUuOTQ4IDM1LjEzNiwxNS40NTMgMzUuNzgzLDE0Ljc2NyBDMzUuNzgzLDE0Ljc2NyAzNi4wMTEsMTQuNTIxIDM2LjIzLDE0LjIyOSBDMzYuMjQxLDE0LjU4MSAzNi4zMjQsMTQuODM3IDM2LjQxMSwxNS4wMTggQzM2LjQ1OCwxNS4xMTkgMzYuNTE1LDE1LjIxNSAzNi41ODEsMTUuMzAzIEMzNi41ODIsMTUuMzA0IDM2LjU4MywxNS4zMDYgMzYuNTg1LDE1LjMwOCBMMzYuNTg1LDE1LjMwOCBDMzYuODkxLDE1LjcxMyAzNy4zOTgsMTUuOTYyIDM4LjE1MSwxNS45NjIgQzM5Ljg5NCwxNS45NjIgNDAuOTQ0LDE0LjkzOCA0MS41NjIsMTMuOTA5IEw0MC43MDQsMTMuMjM5IEM0MC4zMzMsMTMuNzc0IDM5LjgzOSwxNC4xNzUgMzkuMzI0LDE0LjE3NSBDMzguODQ2LDE0LjE3NSAzOC41NzksMTMuODc4IDM4LjU3OSwxMy4zNzIgQzM4LjU3OSwxMi45MzUgMzguODg5LDExLjg2OCAzOS4yMjksMTAuNTMgQzM5LjM0NCwxMC4wODMgMzkuNTE2LDkuNDAxIDM5LjcwOCw4LjY0NCBMNDEuMzAyLDguNjQ0IEM0MS41MzksOC42NDQgNDEuNjc4LDguNTQ5IDQxLjczMiw4LjMyOSBDNDEuODA4LDguMDEyIDQxLjk0OCw3LjM3MiA0MS45ODgsNy4yMjEgQzQyLjAzOSw3LjAyMyA0MS45MjMsNi44NzMgNDEuNzAxLDYuODczIFogTTM0LjEyNiw2LjM0OCBDMzQuOTA1LDYuMzQ4IDM1LjY1Myw1LjcwNiAzNS43ODMsNC45MTIgQzM1LjkzNyw0LjE0MSAzNS40MDksMy40OTggMzQuNjMsMy40OTggQzMzLjg1MSwzLjQ5OCAzMy4xMDMsNC4xNDEgMzIuOTcxLDQuOTEyIEMzMi44MTksNS43MDYgMzMuMzI2LDYuMzQ4IDM0LjEyNiw2LjM0OCBaIiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==") 50% 50% / 75% no-repeat rgb(239, 239, 239); position: relative; font: 12px "Helvetica Neue", Helvetica, arial, sans-serif; color: rgb(85, 85, 85); text-align: center; vertical-align: baseline; } .PIN_1778040054655_button_pin:hover { box-shadow: rgb(0, 0, 0) 0px 0px 1px inset; } .PIN_1778040054655_button_pin.PIN_1778040054655_above .PIN_1778040054655_count { position: absolute; top: -28px; left: 0px; height: 28px; width: inherit; line-height: 24px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNzZweCIgd2lkdGg9IjExNHB4IiB2aWV3Qm94PSIwIDAgMTE0IDc2Ij48Zz48cGF0aCBkPSJNOSAxQzQuNiAxIDEgNC42IDEgOXY0M2MwIDQuMyAzLjYgOCA4IDhoMjZsMTggMTVoNy41bDE2LTE1SDEwNWM0LjQgMCA4LTMuNyA4LThWOWMwLTQuNC0zLjYtOC04LThIOXoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==") 0px 0px / 40px 28px no-repeat transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_above.PIN_1778040054655_padded { margin-top: 28px; } .PIN_1778040054655_button_pin.PIN_1778040054655_beside .PIN_1778040054655_count { position: absolute; right: -45px; text-align: center; text-indent: 5px; height: inherit; width: 45px; font-size: 11px; line-height: 20px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTZweCIgd2lkdGg9IjEyNnB4IiB2aWV3Qm94PSIyIDAgMTMwIDYwIj48Zz48cGF0aCBkPSJNMTE5LjYgMmM0LjUgMCA4IDMuNiA4IDh2NDBjMCA0LjQtMy41IDgtOCA4SDIzLjNMMS42IDMyLjR2LTQuNkwyMy4zIDJoOTYuM3oiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==") 0% 0% / cover transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_beside.PIN_1778040054655_padded { margin-right: 45px; } .PIN_1778040054655_button_pin.PIN_1778040054655_ja { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQxcHgiIHZpZXdCb3g9IjAgMCA0MSAxOCI+PGc+PHBhdGggZD0iTTE5LjgyMiw3LjE3MyBDMTkuODIyLDYuNTEgMTkuODM1LDYuMjc2IDE5Ljg4Nyw1Ljk2NCBMMTguMTQ1LDUuOTY0IEMxOC4xOTcsNi4yODkgMTguMTk3LDYuNDk3IDE4LjE5Nyw3LjE2IEwxOC4yMSwxMy4xOTIgQzE4LjIxLDEzLjk0NiAxOC4yMjMsMTQuMTY3IDE4LjI0OSwxNC4zODggQzE4LjMyNywxNS4wMjUgMTguNTIyLDE1LjQ0MSAxOC44ODYsMTUuNzE0IEMxOS4zOTMsMTYuMTA0IDIwLjI5LDE2LjI3MyAyMS45MjgsMTYuMjczIEMyMi43MjEsMTYuMjczIDI0LjM1OSwxNi4xOTUgMjUuMTI2LDE2LjExNyBDMjYuNTA0LDE1Ljk4NyAyNi41NjksMTUuOTc0IDI2Ljg0MiwxNS45NzQgTDI2Ljc2NCwxNC4yNDUgQzI2LjE5MiwxNC40MTQgMjUuOTA2LDE0LjQ3OSAyNS4yODIsMTQuNTU3IEMyNC4zMzMsMTQuNjg3IDIzLjEzNywxNC43NjUgMjIuMjY2LDE0Ljc2NSBDMjEuMDA1LDE0Ljc2NSAyMC4yNjQsMTQuNjQ4IDIwLjA0MywxNC40MjcgQzE5Ljg2MSwxNC4yNDUgMTkuODA5LDEzLjk1OSAxOS44MDksMTMuMjMxIEMxOS44MDksMTMuMTc5IDE5LjgwOSwxMy4xMDEgMTkuODIyLDEzLjAyMyBMMTkuODIyLDExLjMwNyBDMjEuOTkzLDEwLjkwNCAyNC4wMDgsMTAuMjI4IDI1LjkzMiw5LjI0IEwyNi4yNyw5LjA3MSBDMjYuMzc0LDkuMDE5IDI2LjQsOS4wMDYgMjYuNTQzLDguOTU0IEwyNS41MDMsNy40ODUgQzI0LjY1OCw4LjI3OCAyMS43ODUsOS40MzUgMTkuODIyLDkuNzk5IEwxOS44MjIsNy4xNzMgWiBNMjcuMzEsNC44NzIgQzI2LjQ5MSw0Ljg3MiAyNS44MTUsNS41NDggMjUuODE1LDYuMzY3IEMyNS44MTUsNy4xOTkgMjYuNDkxLDcuODc1IDI3LjMxLDcuODc1IEMyOC4xNDIsNy44NzUgMjguODE4LDcuMTk5IDI4LjgxOCw2LjM2NyBDMjguODE4LDUuNTQ4IDI4LjE0Miw0Ljg3MiAyNy4zMSw0Ljg3MiBMMjcuMzEsNC44NzIgWiBNMjcuMzEsNS41MjIgQzI3Ljc5MSw1LjUyMiAyOC4xNjgsNS44OTkgMjguMTY4LDYuMzY3IEMyOC4xNjgsNi44MzUgMjcuNzkxLDcuMjI1IDI3LjMxLDcuMjI1IEMyNi44NDIsNy4yMjUgMjYuNDY1LDYuODM1IDI2LjQ2NSw2LjM2NyBDMjYuNDY1LDUuODk5IDI2Ljg0Miw1LjUyMiAyNy4zMSw1LjUyMiBMMjcuMzEsNS41MjIgWiBNMzAuNTg2LDcuNjU0IEMzMS43OTUsOC4zMyAzMi44NjEsOS4xODggMzMuOTAxLDEwLjI5MyBMMzUuMDE5LDguODc2IEMzNC4wMTgsNy45MjcgMzMuMjEyLDcuMzI5IDMxLjY2NSw2LjM2NyBMMzAuNTg2LDcuNjU0IFogTTMxLjA0MSwxNi4yMzQgQzMxLjM0LDE2LjEzIDMxLjM3OSwxNi4xMTcgMzEuODk5LDE2LjAxMyBDMzMuOTE0LDE1LjU4NCAzNS41MjYsMTQuOTQ3IDM2Ljg1MiwxNC4wNjMgQzM4LjYzMywxMi44OCAzOS44NjgsMTEuMzQ2IDQwLjk3Myw4Ljk2NyBDNDAuMzEsOC40OTkgNDAuMTAyLDguMzA0IDM5LjU5NSw3LjY5MyBDMzkuMjA1LDguNzQ2IDM4Ljg0MSw5LjQ2MSAzOC4yNjksMTAuMjkzIEMzNy4yNDIsMTEuNzc1IDM2LjAzMywxMi43NzYgMzQuNDA4LDEzLjQ3OCBDMzMuMjI1LDEzLjk5OCAzMS42NzgsMTQuMzc1IDMwLjU2LDE0LjQ0IEwzMS4wNDEsMTYuMjM0IFogTTcuNDU4LDAgQzIuNSwwIDAsMy41MjIgMCw2LjQ1OSBDMCw4LjIzNyAwLjY4LDkuODE5IDIuMTM3LDEwLjQwOSBDMi4zNzYsMTAuNTA1IDIuNTksMTAuNDEyIDIuNjYsMTAuMTUgQzIuNzA4LDkuOTY5IDIuODIyLDkuNTExIDIuODczLDkuMzIgQzIuOTQzLDkuMDYxIDIuOTE2LDguOTcgMi43MjMsOC43NDQgQzIuMzAyLDguMjUzIDIuMDM0LDcuNjE3IDIuMDM0LDYuNzE2IEMyLjAzNCw0LjEwNCA0LjAwNywxLjc2NSA3LjE3MiwxLjc2NSBDOS45NzUsMS43NjUgMTEuNTE0LDMuNDYxIDExLjUxNCw1LjcyNiBDMTEuNTE0LDguNzA4IDEwLjE4MywxMS4xOCA4LjIwNiwxMS4xOCBDNy4xMTQsMTEuMTggNi4yOTcsMTAuMzI5IDYuNTU5LDkuMjMzIEM2Ljg3Miw3LjkyMiA3LjQ4LDYuNTA5IDcuNDgsNS41NjQgQzcuNDgsNC43MTcgNy4wMjIsNC4wMTEgNi4wNzIsNC4wMTEgQzQuOTU2LDQuMDExIDQuMDYsNS4xNTUgNC4wNiw2LjY4NyBDNC4wNiw3LjY2MyA0LjM5Myw4LjMyMyA0LjM5Myw4LjMyMyBDNC4zOTMsOC4zMjMgMy4yNTEsMTMuMTE3IDMuMDUxLDEzLjk1NyBDMi42NTIsMTUuNjI5IDIuOTkxLDE3LjY3OSAzLjAxOSwxNy44ODYgQzMuMDM2LDE4LjAwOSAzLjE5NSwxOC4wMzggMy4yNjcsMTcuOTQ2IEMzLjM3LDE3LjgxMiA0LjcsMTYuMTg3IDUuMTUxLDE0LjU2MiBDNS4yNzksMTQuMTAyIDUuODg1LDExLjcyIDUuODg1LDExLjcyIEM2LjI0OCwxMi40MDYgNy4zMDgsMTMuMDA5IDguNDM1LDEzLjAwOSBDMTEuNzksMTMuMDA5IDE0LjA2Niw5Ljk3OSAxNC4wNjYsNS45MjMgQzE0LjA2NiwyLjg1NyAxMS40NDQsMCA3LjQ1OCwwIFoiIGZpbGw9IiNlNjAwMjMiPjwvcGF0aD48L2c+PC9zdmc+"); background-size: 72%; } .PIN_1778040054655_button_pin.PIN_1778040054655_red { background-color: rgb(230, 0, 35); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiAxOCI+PGc+PHBhdGggZD0iTTE2Ljg1Myw2LjM0NSBDMTcuNjMyLDYuMzQ1IDE4LjM4LDUuNzAyIDE4LjUxLDQuOTA5IEMxOC42NjQsNC4xMzggMTguMTM1LDMuNDk0IDE3LjM1NywzLjQ5NCBDMTYuNTc4LDMuNDk0IDE1LjgzLDQuMTM4IDE1LjY5OCw0LjkwOSBDMTUuNTQ2LDUuNzAyIDE2LjA1Myw2LjM0NSAxNi44NTMsNi4zNDUgWiBNNy40NTgsMCBDMi41LDAgMCwzLjUyMiAwLDYuNDU5IEMwLDguMjM3IDAuNjgsOS44MTkgMi4xMzcsMTAuNDA5IEMyLjM3NiwxMC41MDUgMi41OSwxMC40MTIgMi42NiwxMC4xNSBDMi43MDgsOS45NjkgMi44MjIsOS41MTEgMi44NzMsOS4zMiBDMi45NDMsOS4wNjEgMi45MTYsOC45NyAyLjcyMyw4Ljc0NCBDMi4zMDIsOC4yNTMgMi4wMzQsNy42MTcgMi4wMzQsNi43MTYgQzIuMDM0LDQuMTA0IDQuMDA3LDEuNzY1IDcuMTcyLDEuNzY1IEM5Ljk3NSwxLjc2NSAxMS41MTQsMy40NjEgMTEuNTE0LDUuNzI2IEMxMS41MTQsOC43MDggMTAuMTgzLDExLjE4IDguMjA2LDExLjE4IEM3LjExNCwxMS4xOCA2LjI5NywxMC4zMjkgNi41NTksOS4yMzMgQzYuODcyLDcuOTIyIDcuNDgsNi41MDkgNy40OCw1LjU2NCBDNy40OCw0LjcxNyA3LjAyMiw0LjAxMSA2LjA3Miw0LjAxMSBDNC45NTYsNC4wMTEgNC4wNiw1LjE1NSA0LjA2LDYuNjg3IEM0LjA2LDcuNjYzIDQuMzkzLDguMzIzIDQuMzkzLDguMzIzIEM0LjM5Myw4LjMyMyAzLjI1MSwxMy4xMTcgMy4wNTEsMTMuOTU3IEMyLjY1MiwxNS42MjkgMi45OTEsMTcuNjc5IDMuMDE5LDE3Ljg4NiBDMy4wMzYsMTguMDA5IDMuMTk1LDE4LjAzOCAzLjI2NywxNy45NDYgQzMuMzcsMTcuODEyIDQuNywxNi4xODcgNS4xNTEsMTQuNTYyIEM1LjI3OSwxNC4xMDIgNS44ODUsMTEuNzIgNS44ODUsMTEuNzIgQzYuMjQ4LDEyLjQwNiA3LjMwOCwxMy4wMDkgOC40MzUsMTMuMDA5IEMxMS43OSwxMy4wMDkgMTQuMDY2LDkuOTc5IDE0LjA2Niw1LjkyMyBDMTQuMDY2LDIuODU3IDExLjQ0NCwwIDcuNDU4LDAgWiBNMjYuODk2LDE0LjE4OSBDMjYuMzQ4LDE0LjE4OSAyNi4xMTcsMTMuOTE1IDI2LjExNywxMy4zMjggQzI2LjExNywxMi40MDQgMjcuMDM1LDEwLjA5MSAyNy4wMzUsOS4wNDEgQzI3LjAzNSw3LjYzOCAyNi4yNzYsNi44MjYgMjQuNzIsNi44MjYgQzIzLjczOSw2LjgyNiAyMi43MjIsNy40NTMgMjIuMjkxLDguMDAzIEMyMi4yOTEsOC4wMDMgMjIuNDIyLDcuNTUzIDIyLjQ2Nyw3LjM4IEMyMi41MTUsNy4xOTYgMjIuNDE1LDYuODg0IDIyLjE3Myw2Ljg4NCBMMjAuNjUxLDYuODg0IEMyMC4zMjgsNi44ODQgMjAuMjM4LDcuMDU1IDIwLjE5MSw3LjI0NCBDMjAuMTcyLDcuMzIgMTkuNjI0LDkuNTg0IDE5LjA5OCwxMS42MzIgQzE4LjczOCwxMy4wMzQgMTcuODYzLDE0LjIwNSAxNi45MjgsMTQuMjA1IEMxNi40NDcsMTQuMjA1IDE2LjIzMywxMy45MDYgMTYuMjMzLDEzLjM5OSBDMTYuMjMzLDEyLjk1OSAxNi41MTksMTEuODc3IDE2Ljg2LDEwLjUzNCBDMTcuMjc2LDguODk4IDE3LjY0Miw3LjU1MSAxNy42ODEsNy4zOTQgQzE3LjczMiw3LjE5MiAxNy42NDIsNy4wMTcgMTcuMzc5LDcuMDE3IEwxNS44NDksNy4wMTcgQzE1LjU3Miw3LjAxNyAxNS40NzMsNy4xNjEgMTUuNDE0LDcuMzYxIEMxNS40MTQsNy4zNjEgMTQuOTgzLDguOTc3IDE0LjUyNywxMC43NzUgQzE0LjE5NiwxMi4wNzkgMTMuODMsMTMuNDA5IDEzLjgzLDE0LjAzNCBDMTMuODMsMTUuMTQ4IDE0LjMzNiwxNS45NDQgMTUuNzI0LDE1Ljk0NCBDMTYuNzk2LDE1Ljk0NCAxNy42NDQsMTUuNDUgMTguMjkyLDE0Ljc2NCBDMTguMTk3LDE1LjEzNSAxOC4xMzYsMTUuNDE0IDE4LjEzLDE1LjQzOSBDMTguMDc0LDE1LjY1IDE4LjE0MiwxNS44MzggMTguMzk0LDE1LjgzOCBMMTkuOTYxLDE1LjgzOCBDMjAuMjMzLDE1LjgzOCAyMC4zMzcsMTUuNzMgMjAuMzk0LDE1LjQ5NCBDMjAuNDQ5LDE1LjI2OSAyMS42MTksMTAuNjY3IDIxLjYxOSwxMC42NjcgQzIxLjkyOCw5LjQ0MyAyMi42OTIsOC42MzIgMjMuNzY4LDguNjMyIEMyNC4yNzksOC42MzIgMjQuNzIsOC45NjcgMjQuNjY5LDkuNjE4IEMyNC42MTIsMTAuMzMzIDIzLjc0MSwxMi45MDMgMjMuNzQxLDE0LjAzMSBDMjMuNzQxLDE0Ljg4NCAyNC4wNiwxNS45NDUgMjUuNjgzLDE1Ljk0NSBDMjYuNzg5LDE1Ljk0NSAyNy42MDMsMTUuNDY0IDI4LjE5NSwxNC43ODYgTDI3LjQ4OSwxMy45NDEgQzI3LjMxMSwxNC4wOTQgMjcuMTE0LDE0LjE4OSAyNi44OTYsMTQuMTg5IFogTTQxLjcwMSw2Ljg3MyBMNDAuMTM0LDYuODczIEM0MC4xMzQsNi44NzMgNDAuODU2LDQuMTA5IDQwLjg3Myw0LjAzNSBDNDAuOTQyLDMuNzQ1IDQwLjY5OCwzLjU3OCA0MC40NDEsMy42MzEgQzQwLjQ0MSwzLjYzMSAzOS4yMywzLjg2NiAzOS4wMDUsMy45MTMgQzM4Ljc3OSwzLjk1OCAzOC42MDQsNC4wODEgMzguNTIyLDQuNDAzIEMzOC41MTIsNC40NDUgMzcuODgsNi44NzMgMzcuODgsNi44NzMgTDM2LjYyMiw2Ljg3MyBDMzYuMzg1LDYuODczIDM2LjI0NSw2Ljk2OCAzNi4xOTIsNy4xODggQzM2LjExNSw3LjUwNCAzNS45NzUsOC4xNDUgMzUuOTM2LDguMjk3IEMzNS44ODUsOC40OTQgMzYsOC42NDQgMzYuMjIyLDguNjQ0IEwzNy40NTcsOC42NDQgQzM3LjQ0OCw4LjY3NyAzNy4wNjQsMTAuMTI1IDM2LjcyNSwxMS41MjEgTDM2LjcyNCwxMS41MTYgQzM2LjcyLDExLjUzMiAzNi43MTYsMTEuNTQ2IDM2LjcxMiwxMS41NjIgTDM2LjcxMiwxMS41NTYgQzM2LjcxMiwxMS41NTYgMzYuNzA4LDExLjU3MSAzNi43MDIsMTEuNTk4IEMzNi4zMjQsMTIuOTY4IDM1LjExOCwxNC4yMDkgMzQuMjAxLDE0LjIwOSBDMzMuNzIxLDE0LjIwOSAzMy41MDYsMTMuOTA5IDMzLjUwNiwxMy40MDIgQzMzLjUwNiwxMi45NjMgMzMuNzkyLDExLjg4IDM0LjEzNCwxMC41MzcgQzM0LjU0OSw4LjkwMSAzNC45MTUsNy41NTUgMzQuOTU1LDcuMzk3IEMzNS4wMDYsNy4xOTYgMzQuOTE1LDcuMDIgMzQuNjUyLDcuMDIgTDMzLjEyMiw3LjAyIEMzMi44NDUsNy4wMiAzMi43NDYsNy4xNjQgMzIuNjg3LDcuMzY0IEMzMi42ODcsNy4zNjQgMzIuMjU3LDguOTggMzEuOCwxMC43NzggQzMxLjQ2OSwxMi4wODMgMzEuMTAzLDEzLjQxMiAzMS4xMDMsMTQuMDM3IEMzMS4xMDMsMTUuMTUxIDMxLjYwOSwxNS45NDggMzIuOTk3LDE1Ljk0OCBDMzQuMDcsMTUuOTQ4IDM1LjEzNiwxNS40NTMgMzUuNzgzLDE0Ljc2NyBDMzUuNzgzLDE0Ljc2NyAzNi4wMTEsMTQuNTIxIDM2LjIzLDE0LjIyOSBDMzYuMjQxLDE0LjU4MSAzNi4zMjQsMTQuODM3IDM2LjQxMSwxNS4wMTggQzM2LjQ1OCwxNS4xMTkgMzYuNTE1LDE1LjIxNSAzNi41ODEsMTUuMzAzIEMzNi41ODIsMTUuMzA0IDM2LjU4MywxNS4zMDYgMzYuNTg1LDE1LjMwOCBMMzYuNTg1LDE1LjMwOCBDMzYuODkxLDE1LjcxMyAzNy4zOTgsMTUuOTYyIDM4LjE1MSwxNS45NjIgQzM5Ljg5NCwxNS45NjIgNDAuOTQ0LDE0LjkzOCA0MS41NjIsMTMuOTA5IEw0MC43MDQsMTMuMjM5IEM0MC4zMzMsMTMuNzc0IDM5LjgzOSwxNC4xNzUgMzkuMzI0LDE0LjE3NSBDMzguODQ2LDE0LjE3NSAzOC41NzksMTMuODc4IDM4LjU3OSwxMy4zNzIgQzM4LjU3OSwxMi45MzUgMzguODg5LDExLjg2OCAzOS4yMjksMTAuNTMgQzM5LjM0NCwxMC4wODMgMzkuNTE2LDkuNDAxIDM5LjcwOCw4LjY0NCBMNDEuMzAyLDguNjQ0IEM0MS41MzksOC42NDQgNDEuNjc4LDguNTQ5IDQxLjczMiw4LjMyOSBDNDEuODA4LDguMDEyIDQxLjk0OCw3LjM3MiA0MS45ODgsNy4yMjEgQzQyLjAzOSw3LjAyMyA0MS45MjMsNi44NzMgNDEuNzAxLDYuODczIFogTTM0LjEyNiw2LjM0OCBDMzQuOTA1LDYuMzQ4IDM1LjY1Myw1LjcwNiAzNS43ODMsNC45MTIgQzM1LjkzNyw0LjE0MSAzNS40MDksMy40OTggMzQuNjMsMy40OTggQzMzLjg1MSwzLjQ5OCAzMy4xMDMsNC4xNDEgMzIuOTcxLDQuOTEyIEMzMi44MTksNS43MDYgMzMuMzI2LDYuMzQ4IDM0LjEyNiw2LjM0OCBaIiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg=="); } .PIN_1778040054655_button_pin.PIN_1778040054655_red.PIN_1778040054655_ja { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQxcHgiIHZpZXdCb3g9IjAgMCA0MSAxOCI+PGc+PHBhdGggZD0iTTE5LjgyMiw3LjE3MyBDMTkuODIyLDYuNTEgMTkuODM1LDYuMjc2IDE5Ljg4Nyw1Ljk2NCBMMTguMTQ1LDUuOTY0IEMxOC4xOTcsNi4yODkgMTguMTk3LDYuNDk3IDE4LjE5Nyw3LjE2IEwxOC4yMSwxMy4xOTIgQzE4LjIxLDEzLjk0NiAxOC4yMjMsMTQuMTY3IDE4LjI0OSwxNC4zODggQzE4LjMyNywxNS4wMjUgMTguNTIyLDE1LjQ0MSAxOC44ODYsMTUuNzE0IEMxOS4zOTMsMTYuMTA0IDIwLjI5LDE2LjI3MyAyMS45MjgsMTYuMjczIEMyMi43MjEsMTYuMjczIDI0LjM1OSwxNi4xOTUgMjUuMTI2LDE2LjExNyBDMjYuNTA0LDE1Ljk4NyAyNi41NjksMTUuOTc0IDI2Ljg0MiwxNS45NzQgTDI2Ljc2NCwxNC4yNDUgQzI2LjE5MiwxNC40MTQgMjUuOTA2LDE0LjQ3OSAyNS4yODIsMTQuNTU3IEMyNC4zMzMsMTQuNjg3IDIzLjEzNywxNC43NjUgMjIuMjY2LDE0Ljc2NSBDMjEuMDA1LDE0Ljc2NSAyMC4yNjQsMTQuNjQ4IDIwLjA0MywxNC40MjcgQzE5Ljg2MSwxNC4yNDUgMTkuODA5LDEzLjk1OSAxOS44MDksMTMuMjMxIEMxOS44MDksMTMuMTc5IDE5LjgwOSwxMy4xMDEgMTkuODIyLDEzLjAyMyBMMTkuODIyLDExLjMwNyBDMjEuOTkzLDEwLjkwNCAyNC4wMDgsMTAuMjI4IDI1LjkzMiw5LjI0IEwyNi4yNyw5LjA3MSBDMjYuMzc0LDkuMDE5IDI2LjQsOS4wMDYgMjYuNTQzLDguOTU0IEwyNS41MDMsNy40ODUgQzI0LjY1OCw4LjI3OCAyMS43ODUsOS40MzUgMTkuODIyLDkuNzk5IEwxOS44MjIsNy4xNzMgWiBNMjcuMzEsNC44NzIgQzI2LjQ5MSw0Ljg3MiAyNS44MTUsNS41NDggMjUuODE1LDYuMzY3IEMyNS44MTUsNy4xOTkgMjYuNDkxLDcuODc1IDI3LjMxLDcuODc1IEMyOC4xNDIsNy44NzUgMjguODE4LDcuMTk5IDI4LjgxOCw2LjM2NyBDMjguODE4LDUuNTQ4IDI4LjE0Miw0Ljg3MiAyNy4zMSw0Ljg3MiBMMjcuMzEsNC44NzIgWiBNMjcuMzEsNS41MjIgQzI3Ljc5MSw1LjUyMiAyOC4xNjgsNS44OTkgMjguMTY4LDYuMzY3IEMyOC4xNjgsNi44MzUgMjcuNzkxLDcuMjI1IDI3LjMxLDcuMjI1IEMyNi44NDIsNy4yMjUgMjYuNDY1LDYuODM1IDI2LjQ2NSw2LjM2NyBDMjYuNDY1LDUuODk5IDI2Ljg0Miw1LjUyMiAyNy4zMSw1LjUyMiBMMjcuMzEsNS41MjIgWiBNMzAuNTg2LDcuNjU0IEMzMS43OTUsOC4zMyAzMi44NjEsOS4xODggMzMuOTAxLDEwLjI5MyBMMzUuMDE5LDguODc2IEMzNC4wMTgsNy45MjcgMzMuMjEyLDcuMzI5IDMxLjY2NSw2LjM2NyBMMzAuNTg2LDcuNjU0IFogTTMxLjA0MSwxNi4yMzQgQzMxLjM0LDE2LjEzIDMxLjM3OSwxNi4xMTcgMzEuODk5LDE2LjAxMyBDMzMuOTE0LDE1LjU4NCAzNS41MjYsMTQuOTQ3IDM2Ljg1MiwxNC4wNjMgQzM4LjYzMywxMi44OCAzOS44NjgsMTEuMzQ2IDQwLjk3Myw4Ljk2NyBDNDAuMzEsOC40OTkgNDAuMTAyLDguMzA0IDM5LjU5NSw3LjY5MyBDMzkuMjA1LDguNzQ2IDM4Ljg0MSw5LjQ2MSAzOC4yNjksMTAuMjkzIEMzNy4yNDIsMTEuNzc1IDM2LjAzMywxMi43NzYgMzQuNDA4LDEzLjQ3OCBDMzMuMjI1LDEzLjk5OCAzMS42NzgsMTQuMzc1IDMwLjU2LDE0LjQ0IEwzMS4wNDEsMTYuMjM0IFogTTcuNDU4LDAgQzIuNSwwIDAsMy41MjIgMCw2LjQ1OSBDMCw4LjIzNyAwLjY4LDkuODE5IDIuMTM3LDEwLjQwOSBDMi4zNzYsMTAuNTA1IDIuNTksMTAuNDEyIDIuNjYsMTAuMTUgQzIuNzA4LDkuOTY5IDIuODIyLDkuNTExIDIuODczLDkuMzIgQzIuOTQzLDkuMDYxIDIuOTE2LDguOTcgMi43MjMsOC43NDQgQzIuMzAyLDguMjUzIDIuMDM0LDcuNjE3IDIuMDM0LDYuNzE2IEMyLjAzNCw0LjEwNCA0LjAwNywxLjc2NSA3LjE3MiwxLjc2NSBDOS45NzUsMS43NjUgMTEuNTE0LDMuNDYxIDExLjUxNCw1LjcyNiBDMTEuNTE0LDguNzA4IDEwLjE4MywxMS4xOCA4LjIwNiwxMS4xOCBDNy4xMTQsMTEuMTggNi4yOTcsMTAuMzI5IDYuNTU5LDkuMjMzIEM2Ljg3Miw3LjkyMiA3LjQ4LDYuNTA5IDcuNDgsNS41NjQgQzcuNDgsNC43MTcgNy4wMjIsNC4wMTEgNi4wNzIsNC4wMTEgQzQuOTU2LDQuMDExIDQuMDYsNS4xNTUgNC4wNiw2LjY4NyBDNC4wNiw3LjY2MyA0LjM5Myw4LjMyMyA0LjM5Myw4LjMyMyBDNC4zOTMsOC4zMjMgMy4yNTEsMTMuMTE3IDMuMDUxLDEzLjk1NyBDMi42NTIsMTUuNjI5IDIuOTkxLDE3LjY3OSAzLjAxOSwxNy44ODYgQzMuMDM2LDE4LjAwOSAzLjE5NSwxOC4wMzggMy4yNjcsMTcuOTQ2IEMzLjM3LDE3LjgxMiA0LjcsMTYuMTg3IDUuMTUxLDE0LjU2MiBDNS4yNzksMTQuMTAyIDUuODg1LDExLjcyIDUuODg1LDExLjcyIEM2LjI0OCwxMi40MDYgNy4zMDgsMTMuMDA5IDguNDM1LDEzLjAwOSBDMTEuNzksMTMuMDA5IDE0LjA2Niw5Ljk3OSAxNC4wNjYsNS45MjMgQzE0LjA2NiwyLjg1NyAxMS40NDQsMCA3LjQ1OCwwIFoiIGZpbGw9IiNmZmYiPjwvcGF0aD48L2c+PC9zdmc+"); } .PIN_1778040054655_button_pin.PIN_1778040054655_white { background-color: rgb(255, 255, 255); } .PIN_1778040054655_button_pin.PIN_1778040054655_save { border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; text-decoration: none; font: bold 11px / 20px "Helvetica Neue", Helvetica, sans-serif; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==") 3px 50% / 14px 14px no-repeat rgb(230, 0, 35); -webkit-font-smoothing: antialiased; color: rgb(255, 255, 255) !important; } .PIN_1778040054655_button_pin.PIN_1778040054655_save:hover { background-color: rgb(230, 0, 35); box-shadow: none; color: rgb(255, 255, 255) !important; } .PIN_1778040054655_button_pin.PIN_1778040054655_save .PIN_1778040054655_count { text-indent: 0px; position: absolute; color: rgb(85, 85, 85); background: rgb(239, 239, 239); border-radius: 2px; } .PIN_1778040054655_button_pin.PIN_1778040054655_save .PIN_1778040054655_count::before { content: ""; position: absolute; } .PIN_1778040054655_button_pin.PIN_1778040054655_save.PIN_1778040054655_beside .PIN_1778040054655_count { right: -46px; height: 20px; width: 40px; font-size: 10px; line-height: 20px; } .PIN_1778040054655_button_pin.PIN_1778040054655_save.PIN_1778040054655_beside .PIN_1778040054655_count::before { top: 3px; left: -4px; border-right: 7px solid rgb(239, 239, 239); border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_save.PIN_1778040054655_above .PIN_1778040054655_count { top: -36px; width: 100%; height: 30px; font-size: 10px; line-height: 30px; } .PIN_1778040054655_button_pin.PIN_1778040054655_save.PIN_1778040054655_above .PIN_1778040054655_count::before { bottom: -4px; left: 4px; border-top: 7px solid rgb(239, 239, 239); border-right: 7px solid transparent; border-left: 7px solid transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_save.PIN_1778040054655_above.PIN_1778040054655_padded { margin-top: 28px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall { height: 28px; width: 56px; border-radius: 3px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_above .PIN_1778040054655_count { position: absolute; height: 37px; width: inherit; top: -37px; left: 0px; line-height: 30px; font-size: 14px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNzZweCIgd2lkdGg9IjExNHB4IiB2aWV3Qm94PSIwIDAgMTE0IDc2Ij48Zz48cGF0aCBkPSJNOSAxQzQuNiAxIDEgNC42IDEgOXY0M2MwIDQuMyAzLjYgOCA4IDhoMjZsMTggMTVoNy41bDE2LTE1SDEwNWM0LjQgMCA4LTMuNyA4LThWOWMwLTQuNC0zLjYtOC04LThIOXoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==") 0% 0% / cover transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_above.PIN_1778040054655_padded { margin-top: 37px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_beside .PIN_1778040054655_count { text-indent: 5px; position: absolute; right: -63px; height: inherit; width: 63px; font-size: 14px; line-height: 28px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTZweCIgd2lkdGg9IjEyNnB4IiB2aWV3Qm94PSIyIDAgMTMwIDYwIj48Zz48cGF0aCBkPSJNMTE5LjYgMmM0LjUgMCA4IDMuNiA4IDh2NDBjMCA0LjQtMy41IDgtOCA4SDIzLjNMMS42IDMyLjR2LTQuNkwyMy4zIDJoOTYuM3oiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==") 0% 0% / cover transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_beside.PIN_1778040054655_padded { margin-right: 63px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_save { border-radius: 4px; width: auto; background-position-x: 6px; background-size: 18px 18px; text-indent: 29px; font: bold 14px / 28px "Helvetica Neue", Helvetica, Arial, "sans-serif"; padding: 0px 6px 0px 0px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_save .PIN_1778040054655_count { position: absolute; color: rgb(85, 85, 85); font-size: 12px; text-indent: 0px; background: rgb(239, 239, 239); border-radius: 4px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_save .PIN_1778040054655_count::before { content: ""; position: absolute; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_save.PIN_1778040054655_above .PIN_1778040054655_count { font-size: 14px; top: -50px; width: 100%; height: 44px; line-height: 44px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_save.PIN_1778040054655_above .PIN_1778040054655_count::before { bottom: -4px; left: 7px; border-top: 7px solid rgb(239, 239, 239); border-right: 7px solid transparent; border-left: 7px solid transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_save.PIN_1778040054655_beside .PIN_1778040054655_count { font-size: 14px; right: -63px; width: 56px; height: 28px; line-height: 28px; } .PIN_1778040054655_button_pin.PIN_1778040054655_tall.PIN_1778040054655_save.PIN_1778040054655_beside .PIN_1778040054655_count::before { top: 7px; left: -4px; border-right: 7px solid rgb(239, 239, 239); border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .PIN_1778040054655_button_pin.PIN_1778040054655_round { height: 16px; width: 16px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==") 0px 0px / 16px 16px no-repeat transparent; box-shadow: none; } .PIN_1778040054655_button_pin.PIN_1778040054655_round.PIN_1778040054655_tall { height: 32px; width: 32px; background-size: 32px 32px; } (cache)菩須彦 | AWRD

CREATIVES

ビジネスプランをみる プロジェクトを主催する

菩須彦

LivePainter

テレビ業界でCGや番組オープニングアニメを数多く制作。2005年10月、 kiske3（キスケスリィ）設立。イラストレーターとして活動する傍ら、大阪の老舗ギャラリーCEROのアーティストによる共同経営に参加。菩須彦名義でライブペインターとして活躍。そのスタイルは、暗闇の中、ヘッドライトの明かりだけで3畳サイズ 以上のキャンバスに龍を中心とした神獣霊獣や悪魔をわずか30分で描く即興墨絵ライブペインティング。クラブイベントやアートフェスを中心に結婚式やパーティーの縁起をかついだ催し物としてもライブペインティングしております。
2008年と2009年にはシアトルのビッグイベントにも招待され、ツアーを開催。2010年には東京で開催されたAPECの関連イベントでも披露しました。
また、和洋MIXのデジタル絵画「雅楽」シリーズを展開。2008年には賞を受賞。2010年、全世界で発売されたブロデリック・モーリス氏著書のマイケルジャクソン追悼本のカバーアートに選ばれました。2011年NYで個展も開催予定。国内外で多様な活動を展開しております。

活動

Illustration, Fine Art, Others

Awards

言語

日本語

On the Web

当サイトでは、お客様により良い体験を提供するため、クッキーを利用しています。当サイトのご利用にあたり、弊社クッキーポリシーにご同意いただいたものとさせていただきます。詳しく読む

OK