@font-face{font-family:'Noto Sans';src:url('/wp-content/themes/marugotoconcafe/webfonts/Noto_Sans/NotoSans-VariableFont_wdth,wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:95%;descent-override:25%;line-gap-override:0%}@font-face{font-family:'Noto Sans JP';src:url('/wp-content/themes/marugotoconcafe/webfonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:95%;descent-override:25%;line-gap-override:0%}@font-face{font-family:'Noto Serif JP';src:url('/wp-content/themes/marugotoconcafe/webfonts/Noto_Serif_JP/NotoSerifJP-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:95%;descent-override:25%;line-gap-override:0%}@property --bg-color-1{syntax:'<color>';inherits:false;initial-value:#f8faed}@property --bg-color-2{syntax:'<color>';inherits:false;initial-value:#bde4f7}@property --bg-color-3{syntax:'<color>';inherits:false;initial-value:#d1aae3}:root{--pink:#efa4cd;--pink-deep:#d16ca9;--pink-pale:#fff1f8;--lavender:#7868c9;--lavender-pale:#f1efff;--mint:#7fcfdc;--mint-pale:#ebfbff;--navy:#242450;--text:#48445f;--muted:#77728c;--line:#e7ddf1;--white:#fff;--gold:#d6b466;--shadow:0 22px 60px rgba(62, 48, 103, .12);--radius-lg:36px;--radius-md:24px;--radius-sm:16px;--container:1180px;color-scheme:light}*{box-sizing:border-box;word-break:auto-phrase;overflow-wrap:anywhere}@supports (hanging-punctuation: first){*{word-break:keep-all}}html{overflow-anchor:none;scroll-padding-top:96px}body{margin:0;color:var(--text);background:#fffafb;font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 48px), var(--container));margin-inline:auto;position:relative}.section{padding:104px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-80px;z-index:999;padding:10px 16px;background:var(--navy);color:#fff;border-radius:10px;transition:top .2s}.skip-link:focus{top:12px}.sp-only{display:none}.ib{display:inline-block}.clear-both:after{content:'';display:block;clear:both}.noto-sans-jp-sans{font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.noto-serif-jp-serif{font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.serif{font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho","BIZ UDPMincho","MS PMincho",serif}@media screen and (min-width:901px){header .global-nav .isSp{display:none}}body{font-optical-sizing:auto;font-weight:400;font-style:normal}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}u{text-underline-offset:5px}.brand img{width:auto;height:60px}.brand-copy{display:grid;line-height:1.25}.brand-copy strong{font-size:20px;color:var(--navy);letter-spacing:0.02em}.brand-copy small{margin-top:4px;font-size:10px;color:var(--muted)}.outer_inner{max-width:1700px;margin:0 auto;box-sizing:border-box;padding:0 60px;position:relative}.flexWrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media ( min-width: 751px ){body .sp{display:none}}@media screen and (min-width:901px) and ( max-width: 1100px ){.brand img{width:auto;height:4.5vw}}@media ( max-width: 960px ){body .pc{display:none}}@media (max-width: 900px){.section{padding:80px 0}}@media ( max-width: 750px ){body .sp{display:block}.outer_inner{padding:0 5.33vw}}@media (max-width: 640px){.container{width:min(calc(100% - 28px), var(--container))}.section{padding:66px 0}.sp-only{display:block}.brand img{height:43px}.brand-copy strong{font-size:16px}.brand-copy small{display:none}}.h1-outer{background:linear-gradient(135deg, #1d1b31 0%, #5d4384 50%, #1a162b 100%);padding-top:3px;padding-bottom:3px;position:relative;z-index:2}.h1-outer h1{color:#f3f0f8;font-size:13px;font-weight:500;line-height:1.2;word-break:auto-phrase}@media screen and (max-width:750px){.h1-outer h1{font-size:12px}}@media screen and (max-width:300px){.brand-copy{width:calc(100% - 55px)}.brand{width:calc(100% - 50px)}.brand img{width:100%;height:auto}}.h1-outer .header-inner{min-height:unset;padding-top:7px;padding-bottom:7px}.bread-inner{width:min(calc(100% - 40px), 1340px);margin:auto}main{position:relative;z-index:1}main::before{content:"";position:fixed;top:-10%;left:-10%;width:120vw;height:120vh;z-index:-1;pointer-events:none;background-color:#c9d6f8}.titleImage{width:100%;height:400px;position:relative;background-position:center center;background-attachment:fixed;background-position:center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover}.titleImage:before{display:block;position:absolute;content:'';width:100%;height:100%;top:0;z-index:3}.fontRed{color:#d60000}.fontLarge{font-size:140%}.portfolio{text-align:center}#portfolioSearchBody .pagination{clear:left}.portfolio .main.common .portfolio_list .intro{margin-bottom:0}.portfolio .list-block{position:relative}.portfolio .portfolio_list .intro .maintit{margin:0 0 20px}.portfolio .portfolio_list .intro .txt{font-size:20px;font-weight:bold;display:inline-block;background-color:#FFF;padding:5px 20px;border-radius:999px}.portfolio .portfolio_list .container{padding-top:50px}.results dd{margin:0}@media ( max-width: 480px ){.portfolio .portfolio_list .intro{padding:0 0 6vw}.portfolio .portfolio_list .intro .maintit{margin:0 0 2vw}.portfolio .portfolio_list .intro .txt{font-size:4vw}}.portfolio_list .boxWrap{display:flex;justify-content:left;align-items:flex-start;flex-wrap:wrap;gap:5% 30px}.portfolio_list .box{width:calc((100% - 60px) / 3);border-top:3px solid rgba(116, 79, 155, 0.2);margin-bottom:20px;height:auto;padding-top:0.6em}.portfolio_list .box:nth-child(1), .portfolio_list .box:nth-child(2), .portfolio_list .box:nth-child(3){border-top:none;padding:0}.portfolio_list .box:nth-child(3n){}.portfolio .portfolio_list .box .tit{text-align:left;margin:0 0 10px}.portfolio .portfolio_list .box .tit a{position:relative;display:block;font-size:18px;line-height:1.3;font-weight:bold;max-height:2.6em;width:100%;pointer-events:none;display:flex;justify-content:space-between;align-items:center;gap:7px}.portfolio .portfolio_list .box .tit a .in-tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}.portfolio .portfolio_list .box .tit a:before{content:'';width:30px;min-width:30px;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center center}.portfolio .portfolio_list .box .tit.isKind a:before{background-image:url(/wp-content/themes/marugotoconcafe/img/portfolio/icon_banner.webp)}.portfolio .portfolio_list .box .tit.noKind a:before{background-image:url(/wp-content/themes/marugotoconcafe/img/portfolio/icon_portforio.webp)}.portfolio .portfolio_list .box .tit.isKind a{color:#8451c4}.portfolio .portfolio_list .box .tit.noKind a{color:#ed4789}.portfolio .portfolio_list .box .tit a em{color:#FFF;font-style:normal;font-size:13px;font-weight:normal;padding:4px 6px;border-radius:6px;white-space:nowrap}.portfolio .portfolio_list .box .tit.isKind a em{background-color:#8451c4}.portfolio .portfolio_list .box .tit.isKind a em:before{content:'画像制作 '}.portfolio .portfolio_list .box .tit.noKind a em{background-color:#ed4789}.portfolio .portfolio_list .box .tit.noKind a em:before{content:'HP制作 '}.portfolio_list .box figure{width:100%;position:relative;overflow:hidden;margin:0 0 10px}.portfolio_list .box figure img{width:100%;aspect-ratio:373 / 292}.portfolio_list .box .transform01{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.portfolio_list .box figure:hover .transform01{}.portfolio_list .box figcaption{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-transition: .3s;transition: .3s;opacity:0;pointer-events:none}.portfolio_list .box figure.active figcaption{background:rgba(0,0,0,.25)}.portfolio_list .box figcaption p, .portfolio_list .box figcaption .btn a{position:absolute;left:-100%;-webkit-transition: .3s;transition: .3s}.portfolio_list .box figcaption p{width:calc(100% - 60px);padding:0;top:30px;font-size:16px;line-height:1.6;text-align:left;color:#fff}.portfolio_list .box figcaption .btn a{padding:14px 30px;color:#fff;font-size:14px;font-weight:bold;border:1px solid #fff;text-decoration:none;letter-spacing:0.3em;pointer-events:none}.portfolio_list .box figcaption .btn a:hover, .portfolio_list .box figure.active figcaption .btn a{}.portfolio_list .box figure:hover figcaption, .portfolio_list .box figure.active figcaption{}.portfolio_list .box figure:hover figcaption p, .portfolio_list .box figure.active figcaption p{left:30px;-webkit-transition-delay: .2s;transition-delay: .2s}.portfolio_list .box figure:hover figcaption .btn a, .portfolio_list .box figure.active figcaption .btn a{-webkit-transition-delay: .1s;transition-delay: .1s;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);white-space:nowrap}.portfolio_list .box figcaption p a{color:#fff}#portfolioSearchBody .bread a{display:inline-block}.portfolio_list .tit_box .entryData{text-align:left;font-size:12px;margin:0 0 10px}.portfolio_list .tit_box .site_tit{text-align:left;font-size:18px;line-height:1.4;font-weight:bold;margin:0 0 10px}.portfolio .detail .entry-content{margin:0 auto 50px}.portfolio .detail .entry-content img{width:100%;margin:0 auto 10px}.portfolio .detail .entry-content p{text-align:left;line-height:1.6}@media (max-width: 1500px){.portfolio_list .box{}.portfolio_list .box figure:hover figcaption .btn a, .portfolio_list .box figure.active figcaption .btn a{top:auto;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width: 1200px){.portfolio_list .box figcaption p{width:calc(100% - 40px);top:20px}.portfolio_list .box figure:hover figcaption p, .portfolio_list .box figure.active figcaption p{left:20px}}@media (max-width: 1050px){.portfolio .portfolio_list .box .tit a{font-size:17px}.portfolio_list .box figcaption p{font-size:14px}.portfolio .detail .entry-content{padding:0}}@media (max-width: 960px){.portfolio_list .boxWrap{gap:4% 20px}.portfolio_list .box{width:calc((100% - 20px) / 2)}.portfolio_list .box:nth-child(3){border-top:3px solid rgba(116, 79, 155, 0.2);padding:0.6em 0 0}.portfolio_list .box:nth-child(3n){}.portfolio_list .box:nth-child(2n){margin:0 0 20px 0}.portfolio .portfolio_list .box .tit a{font-size:16px}.portfolio_list .box figure.active figcaption .btn a{bottom:8vw}.portfolio .portfolio_list .intro .maintit{margin:0px 0 10px}}@media (max-width: 750px){.portfolio .detail .entry-content{margin:0 auto 6vw}.portfolio .detail .entry-content img{margin:0 auto 2vw}}@media (max-width: 640px){.portfolio_list .boxWrap{gap:0 3%}.portfolio_list .box{width:100%}.portfolio_list .box:nth-child(3n), .portfolio_list .box:nth-child(2n){margin:0 0 3vw}.portfolio_list .box:nth-child(2), .portfolio_list .box:nth-child(3){border-top:3px solid rgba(116, 79, 155, 0.2);padding:0.6em 0 0}.portfolio_list .box figure{width:100%;margin:0 auto 2vw}}@media (max-width: 480px){.portfolio .portfolio_list .box .tit{margin:0 0 2vw}.portfolio .portfolio_list .box .tit a{font-size:4vw}.portfolio_list .tit_box .entryData{font-size:3vw;margin:0 0 1.5vw}.portfolio_list .tit_box .site_tit{font-size:4vw;margin:0 0 1.5vw}.portfolio .portfolio_list .intro .maintit{margin:0px 0 2vw}.portfolio .portfolio_list .intro .txt{font-size:4vw}}#paging{margin-bottom:20px}#paging a, #paging span{display:inline-block;min-height:32px;margin:0 4px;padding:0 16px;background-color:var(--lavender);border-radius:6px;color:#FFF;text-decoration:none;font-size:16px;line-height:32px;font-weight:300}.portfolio_list #paging a:hover em{color:#FFF}#paging a:hover{background-color:var(--lavender);color:#FFF;opacity:0.3}#paging span{background-color:rgba(200,200,200.7);color:#999}.searchKeywordWrap{padding:10px;box-sizing:border-box}.searchKeywordWrap.portfolioMain{background:rgba(139, 105, 194, 0.1);border-top:3px solid #8b69c2;margin-top:10px;margin-bottom:-30px}.searchKeywordWrap.portfolioResult{margin-top:-50px;margin-bottom:50px;border-bottom:3px solid #8b69c2}.searchKeywordWrap .flexWrap>div{padding:0 5px;color:#8b69c2}.searchKeywordWrap .flexWrap > div .h4{font-weight:bolder;margin:0}.searchKeywordWrap .flexWrap > div input[type=search]{border:2px solid #8b69c2;padding:2px 5px;color:#8b69c2;height:32.75px}.searchKeywordWrap .flexWrap > div [type=submit]{border:2px solid #8b69c2;padding:2px 5px;height:32.75px}.searchKeywordWrap .flexWrap > div [type=submit]{border:2px solid #8b69c2;padding:2px 5px;border-radius:4px;background-color:#8b69c2;color:#FFF}.searchKeywordWrap .searchForm .message{display:none;color:#F00;padding-top:8px}@media screen and (max-width:680px){.searchKeywordWrap .flexWrap>div:first-child{width:100%;padding-bottom:8px}#portfolioSearchBody .searchKeywordWrap .searchForm{margin-top:36px}#portfolioSearchBody .searchKeywordWrap .searchForm h4{text-align:center}}#portfolioSearchBody .box.noData .tit{text-align:center}blockquote footer{text-align:left}blockquote footer br{display:none}blockquote footer cite{display:inline}.portfolio .detail .entry-content img{width:auto;display:block}.portfolio_list .box .transform01{background-repeat:no-repeat;background-size:cover;background-position:center top}.portfolio .slick-box1 .list-box a , .portfolio .slick-box2 .list-box a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center top}.portfolio .slick-box1 .list-box a img, .portfolio .slick-box2 .list-box a img{width:100%}@media screen and (max-width:750px){#portfolioBody .sec01 .outer_inner{padding:0 6.1vw}}.splide__slide{transition:unset !important}.splide__slide a{height:100%;width:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;transition:unset;pointer-events:none}.splide{position:relative}.rental ul.visHidden , .recently ul.visHidden , .access ul.visHidden{height:16vw;overflow:hidden;opacity:0}.splide__arrows{position:absolute;width:100%;margin:auto;top:0;bottom:0;pointer-events:none}.splide__arrow.splide__arrow--prev,.splide__arrow.splide__arrow--next{position:absolute;pointer-events:initial;background:rgba(147, 105, 191, 0.9);height:6em;border-radius:5px}.splide__arrow.splide__arrow--prev svg, .splide__arrow.splide__arrow--next svg{width:16px;height:16px;fill:#FFF}@media screen and (min-width:1000px){.splide__slide{height:16vw}}@media screen and (min-width:681px) and (max-width:999px){.splide__slide{height:34vw}}@media screen and (max-width:680px){.splide__slide{height:calc(100vw / 3)}[id^=portfolio][id$=Body] .selectPortfolioWrap{padding-left:10px;padding-right:10px}.splide__arrow.splide__arrow--prev,.splide__arrow.splide__arrow--next{width:20px}.splide__arrow.splide__arrow--prev{left:5px}.splide__arrow.splide__arrow--next{right:5px}}@media screen and (min-width:1000px){#portfolio_list{margin-left:50px;margin-right:50px}}@media screen and (min-width:681px) and (max-width:999px){#portfolio_list{margin-left:20px;margin-right:20px}}@media screen and (max-width:680px){#portfolio_list{margin-left:10px;margin-right:10px}}.rentalMovie{display:flex;gap:10px;align-items:stretch;justify-content:center;width:100%;max-width:1420px;margin:0 auto}.rentalMovie>div{width:calc((100% - 40px) / 3);position:relative;display:flex}.rentalMovie video{width:100%;height:auto;background-color:#000}.play-button{position:absolute;z-index:1;margin:auto;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.play-button:before,.play-button:after{position:absolute;display:block;content:'';margin:auto;top:0;bottom:0;left:0;right:0;pointer-events:initial;cursor:pointer}.play-button:before{border-radius:100px;background-color:#FFF}.play-button:before{width:100px;height:100px}.play-button:after{width:0;height:0;border-style:solid}.play-button:after{border-color:transparent transparent transparent #333}.play-button:after{border-width:20px 0px 20px 30px;left:8px}@media screen and (min-width:751px){.rentalMovie>.sp{display:none}}@media screen and (max-width:750px){.rentalMovie>.sp{display:flex}.rentalMovie>.pc{display:none}.rentalMovie video{margin:0 auto;width:90%}.rentalMovie>div{width:100%}.play-button{display:none}}#rentalMovieSec{margin-bottom:100px}[id^=portfolio][id$=Body] .main.common dl.results.movie{margin-top:-80px;margin-bottom:30px}.movieTop{padding-top:80px;padding-bottom:40px;background-size:cover;background-position:center center;margin-bottom:20px;aspect-ratio:1700 / 554}#rentalMovieSec .hrefRental a img{max-width:440px}@media screen and (max-width:680px){#rentalMovieSec{margin-bottom:20px}[id^=portfolio][id$=Body] .main.common dl.results.movie{margin-top:-10vw;margin-bottom:4px}.movieTop{padding-top:0;padding-bottom:30px;margin-bottom:20px}#rentalMovieSec .hrefRental a img{max-width:70vw}}[name=splidePlayStart]{display:none}.color_tag ul{list-style:none;display:flex;gap:5px;flex-wrap:wrap;padding:0;justify-content:center}.color_tag ul li{padding:2px 5px;margin:0;border-radius:999px}.color_tag ul li h4{margin:0}.color_tag ul li h4 a{margin:0;font-size:12px}.color_tag ul li.concept-list{background:var(--pink-pale)}.color_tag ul li.concept-list h4 a{color:var(--pink-deep)}.color_tag ul li .kind-list{background-color:#ed4789}.color_tag ul li .kind-list a{color:#FFF}.color_tag ul li.site-design-list{background-color:#8451c4}.isKind ~ .color_tag ul li{background-color:#8451c4}.noKind ~ .color_tag ul li{background-color:#ed4789;color:#FFF}.isKind ~ .color_tag ul li h4 a, .noKind ~ .color_tag ul li h4 a{color:#FFF}.color_tag ul li.site-design-list h4 a{color:#FFF}.color_tag ul li h4 a.tags{pointer-events:none}.box video{width:auto;height:auto;max-width:100%;max-height:100%;display:block}.kind-list{position:absolute;z-index:1;display:inline-block;top:5px;left:5px}.kind-list{letter-spacing:1;margin:0;font-weight:normal}.kind-list a{margin:0;padding:4px 8px;color:var(--pink-deep);background-color:#FFF;font-size:14px;border-radius:99px;border:1px solid var(--pink-deep);box-sizing:border-box}.portfolio_list .boxWrap.grid-item{column-gap:30px;align-items:flex-start;gap:20px;height:unset !important;opacity:0;transition:0.5s}.portfolio_list .boxWrap.grid-item.isVisibility{opacity:1}.portfolio_list .boxWrap.grid-item .masonry-column{flex:1;min-width:0;width:calc((100% - 40px) / 3);flex:none}@media screen and (max-width:750px){.portfolio_list .boxWrap.grid-item .masonry-column{width:calc((100% - 10px) / 2)}}@media screen and (max-width:480px){.portfolio_list .boxWrap.grid-item .masonry-column{width:100%}}.portfolio_list .boxWrap.grid-item .box{break-inside:avoid;margin:0 0 20px;display:inline-block;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);margin-bottom:1rem;overflow:hidden;width:100%;position:static;padding-top:0}.portfolio_list .grid-item .box figure img{height:auto;aspect-ratio:auto}.portfolio .portfolio_list .grid-item .box .tit{padding-left:9px;padding-right:9px;padding-top:9px}.portfolio .portfolio_list .grid-item .box .color_tag{margin-left:10px;margin-right:10px;line-height:1}.portfolio .portfolio_list .grid-item .box .color_tag ul{margin-top:3px;margin-bottom:9px}@media screen and (max-width:750px){.portfolio_list .boxWrap.grid-item{column-gap:10px;display:flex}.portfolio_list .boxWrap.grid-item .box{margin-bottom:5px}}@media screen and (max-width:620px){.portfolio .portfolio_list .intro .txt{font-size:3.8vw}}@media screen and (max-width:480px){.portfolio_list .boxWrap.grid-item{column-count:1;column-gap:10px;display:block}}.kind-list{position:absolute;z-index:1;display:inline-block;top:-1px;left:7px}.kind-list a{display:block;margin:0;padding:4px 12px 4px;background-color:rgba(131, 81, 196, 0.8);color:#fff;font-size:14px;border-radius:0 0 8px 8px;box-sizing:border-box;backdrop-filter:blur(3px);box-shadow:0 0 4px #000;transition:0.25s all;border:0}.kind-list a:hover{box-shadow:0 0 4px #000, 0 10px 10px rgba(0,0,0,0.4) inset, 0 0 0 1px rgba(255,255,255,0.9) inset}.spinner{position:absolute;background-color:rgba(255,255,255,.7);width:100%;height:100%;left:0;top:0;z-index:1}.maid-loader{--pink-main:#ff69b4;--pink-light:#ffb6c1;--white:#fff;position:sticky;width:60px;height:60px;margin:40px auto;top:50vh}.maid-loader::before{content:'';position:absolute;inset:0;border-radius:50%;border:4px dashed var(--pink-light);border-top-color:var(--pink-main);animation:maid-spin 3.0s cubic-bezier(0.5, 0, 0.5, 1) infinite}.maid-loader::after{content:'\2665';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--pink-main);font-size:24px;animation:maid-pulse 0.8s ease-in-out infinite alternate}@keyframes maid-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes maid-pulse{0%{transform:scale(0.8);opacity:0.7}100%{transform:scale(1.2);opacity:1;text-shadow:0 0 8px var(--pink-light)}}input,button{font-family:inherit;font-size:inherit;font-weight:inherit;height:50px}.portfolio .mv{background:url(/wp-content/themes/marugotoconcafe/img/portfolio/bg.png) no-repeat center top;background-size:cover;padding:50px 0 86px;position:relative;overflow:hidden;z-index:1;mask-image:linear-gradient(to bottom, transparent, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%,  rgba(255,255,255,0) 100%)}.portfolio .mv::before{content:"";background:url(/wp-content/themes/marugotoconcafe/img/portfolio/left.png) no-repeat center top;background-size:contain;width:50vw;height:100%;position:absolute;bottom:0;left:-146px;z-index:-1}.portfolio .mv::after{content:"";background:url(/wp-content/themes/marugotoconcafe/img/portfolio/right.png) no-repeat center top +313px;background-size:contain;width:50vw;height:100%;position:absolute;bottom:0;right:-66px;z-index:-1}.portfolio .mv .ti01{margin:0 0 15px}.portfolio .mv .ti02{margin:0 0 25px;color:#ff198c;text-shadow:0px 0px 5px rgba(255,255,255,.8) ,2px 0px 5px rgba(255,255,255,.8) ,2px 2px 5px rgba(255,255,255,.8) ,0px 2px 5px rgba(255,255,255,.8) ,2px 0px 5px rgba(255,255,255,.8) ,2px 2px 5px rgba(255,255,255,.8) ,0px 2px 5px rgba(255,255,255,.8) }.page-title{width:30vw;margin:0 auto}.portfolio .mv .txt{font-size:20px;font-weight:bold;line-height:1.7;text-shadow:0 0 20px rgba(0, 0, 255, 1.0), 0 0 20px rgba(0, 0, 255, 1.0);padding:0 0 22px;max-width:1000px;margin:0 auto;padding:30px;color:#FFF;width:90%;background:radial-gradient(circle at 50% 50%, rgba(190, 100, 149, 0.16), transparent 28%)}.portfolio .mv .txt_box{max-width:1075px;margin:0 auto;box-sizing:border-box;background-color:rgba(255,255,255,0.85);padding:33px 40px;text-align:left;border-radius:6px;color:#313131;font-size:20px;line-height:1.7;font-weight:bold}.portfolio .mv .ti02+.txt_box{background-color:rgba(255, 25, 140, 0.5);text-shadpw:0xp 0px 5px rgba(255, 25, 140, 1);border-radius:20px;padding:20px 50px;margin:30px auto 80px auto;color:#FFF;text-align:center;outline:2px solid #FFF;outline-offset:-5px;max-width:1100px;font-size:18px}.portfolio .main::before, .portfolio .main::after, #portfolioSearchBody #portfolioWrap::before, #portfolioSearchBody #main::after, .logodesignWrap .main.common:before, .logodesignWrap .main.common:after{content:"";background-size:contain;width:100%;height:500px;position:absolute;left:0;z-index:-1}.portfolio .main::before, #portfolioSearchBody #portfolioWrap::before, .logodesignWrap .main.common:before{top:0}.portfolio .main::after, #portfolioSearchBody #main::after, .logodesignWrap .main.common:after{bottom:0}.portfolio .sec01 .results{margin:0 0 80px}.portfolio .img_tit{margin:0 0 30px}.portfolio .sec01 .results ul li{display:block;width:24%;border:1px solid #ccc;box-sizing:border-box;float:left;margin:0 1.33% 0 0;position:relative;-webkit-transition:all .4s;transition:all .4s}.portfolio .sec01 .results ul li:last-child{margin:0}.portfolio .sec01 .results dd a:hover{opacity:0.7}.portfolio .cat_box{margin:0 0 50px}.portfolio .cat_box .diamond li{overflow:hidden;box-sizing:border-box;display:inline-block}.portfolio .cat_box .diamond li .diamond_in{transition:all 1s}.portfolio .cat_box .diamond li a{display:block}.portfolio .cat_box .diamond li.silver a:hover .diamond_in{background:rgba(221,221,221,0.1)}.portfolio .cat_box .diamond li.pink a:hover .diamond_in{background:rgba(255,115,115,0.1)}.portfolio .cat_box .diamond li.blue a:hover .diamond_in{background:rgba(77,166,255,0.1)}.portfolio .cat_box .diamond li.yellow a:hover .diamond_in{background:rgba(255,255,0,0.1)}.portfolio .cat_box .diamond li.black a:hover .diamond_in{background:rgba(2,2,2,0.1)}.portfolio .cat_box .diamond li.red a:hover .diamond_in{background:rgba(255,0,0,0.1)}.portfolio .cat_box .diamond li.gold a:hover .diamond_in{background:rgba(255,201,38,0.1)}.portfolio .cat_box .diamond li.colorfull a:hover .diamond_in{background-image:-webkit-linear-gradient(right top, rgba(255,148,61,0.1) 25%, rgba(255,255,0,0.1) 37%, rgba(0,255,0,0.1) 49%, rgba(0,255,183,0.1) 63%, rgba(0,122,255,0.1) 75% );background-image:linear-gradient(right  bottom, rgba(255,148,61,0.1) 25%, rgba(255,255,0,0.1) 37%, rgba(0,255,0,0.1) 49%, rgba(0,255,183,0.1) 63%, rgba(0,122,255,0.1) 75%) }.portfolio .cat_box .diamond li .diamond_in span{display:block}.portfolio .cat_box.color .diamond li.silver a:hover .diamond_in{background:rgba(221,221,221,0.7)}.portfolio .cat_box.color .diamond li.yellow a:hover .diamond_in{background:rgba(255,255,0,0.7)}.portfolio .sec02{margin:0 0 80px}@media ( max-width: 960px ){.portfolio .cat_box .diamond li .diamond_in{height:60px}}@media ( max-width: 750px ){.portfolio .cat_box{margin:0 0 7vw !important}.portfolio .cat_box .diamond{margin:8vw 0 0}.portfolio .cat_box .diamond li .diamond_in{height:60px}.portfolio .cat_box .diamond li .diamond_in span{font-size:14px}.portfolio .cat_box.genre .diamond li .diamond_in span{letter-spacing:-0.1em}}@media ( max-width: 480px ){.portfolio .sec02{margin:0}.portfolio .cat_box .diamond li{width:71px;height:60px;width:calc(100% / 4 - 5px) !important}.portfolio .cat_box .diamond li a{height:55px !important}.portfolio .cat_box .diamond li.silver, .portfolio .cat_box .diamond li.pink, .portfolio .cat_box .diamond li.blue, .portfolio .cat_box .diamond li.yellow, .portfolio .cat_box .diamond li.black, .portfolio .cat_box .diamond li.red, .portfolio .cat_box .diamond li.gold, .portfolio .cat_box .diamond li.colorfull{border-width:0.5vw}.portfolio .cat_box.color .diamond li.pink{border:0.5vw solid #FF7373}.portfolio .cat_box.color .diamond li.black{border:0.5vw solid #222}.portfolio .cat_box.color .diamond li.blue{border:0.5vw solid #4DA6FF}.portfolio .cat_box.color .diamond li.gold{border:0.5vw solid #FFC926}.portfolio .cat_box.color .diamond li.red{border:0.5vw solid #f00}.portfolio .cat_box.color .diamond li.silver{border:0.5vw solid #ddd}.portfolio .cat_box.color .diamond li.yellow{border:0.5vw solid #ff0}.portfolio .cat_box.color .diamond li.colorfull{border:0.5vw solid #00ffb7}.portfolio .cat_box .diamond li .diamond_in{top:-14.5px;left:-14.5px;width:100px;height:0}.portfolio .cat_box .diamond li .diamond_in span{top:46%;font-size:3vw}}.color_tag a.cat_all{display:none}.color_tag ul li{float:left}.color_tag ul li a{display:block;font-size:14px;font-weight:bold;color:#fff;white-space:nowrap;text-decoration:none;padding:4px 8px;border-radius:4px;margin:0 5px 3px 0}.color_tag ul li a:hover{opacity:0.7}.color_tag a.catTags{background:#fff;border:1px solid #999;color:#1b1b1b}.color_tag a.cat_simple,.color_tag a.cat_logo_simple{border:1px solid #ddd}.color_tag a.cat_pop,.color_tag a.cat_logo_pop{border:1px solid #FF56D5}.color_tag a.cat_cool,.color_tag a.cat_logo_cool{border:1px solid #00CDD7}.color_tag a.cat_elegant,.color_tag a.cat_logo_elegant{border:1px solid #ffe300}.color_tag a.cat_chic,.color_tag a.cat_logo_chic{border:1px solid #222}.color_tag a.cat_extreme,.color_tag a.cat_logo_extreme{border:1px solid #d90000}.color_tag a.cat_other,.color_tag a.cat_logo_other{border:1px solid #CCB432}.color_tag a.cat_freeprice,.color_tag a.cat_logo_freeprice{border:1px solid #ff943d}.color_tag a.cat_freeprice , .color_tag a.cat_logo_freeprice{background:#004e61;border:1px solid #004e61;color:#fff}.color_tag ul li a.tag_silver, .color_tag ul li a.tag_yellow, .color_tag ul li a.logotag_silver, .color_tag ul li a.logotag_yellow{color:#000}.color_tag ul li a.tag_colorfull, .color_tag ul li a.logotag_colorfull{color:#0035b3}.tag_pink,.logotag_pink{background:#FF7373;border:1px solid #FF7373}.tag_black,.logotag_black{background:#000;border:1px solid #000}.tag_blue,.logotag_blue{background:#4DA6FF;border:1px solid #4DA6FF}.tag_gold,.logotag_gold{background:#FFC926;border:1px solid #FFC926}.tag_red,.logotag_red{background:#f00;border:1px solid #f00}.tag_silver,.logotag_silver{background:#ddd;border:1px solid #ddd}.tag_yellow,.logotag_yellow{background:#ff0;border:1px solid #ff0}.tag_colorfull,.logotag_colorfull{background:-webkit-linear-gradient(top, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);background:linear-gradient(to bottom, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);border:1px solid #ff943d}@media (max-width: 1200px){.portfolio .mv{background-size:cover;padding:50px 0 42px}}@media (max-width: 960px){.portfolio .img_tit{margin:0 0 20px}.portfolio .sec01 .results{margin:0 0 40px}.portfolio .sec01 .results ul li{width:48%;margin:0 4% 30px 0}.portfolio .sec01 .results ul li:nth-child(2n){margin:0 0 30px}}@media (max-width: 750px){.portfolio .mv{padding:8vw 0}.portfolio .mv::before{width:70%;background-position:center top 83px}.portfolio .mv::after{width:70%;background-position:center top 383px}.page-title{width:55vw}.portfolio .mv .ti01{margin:0 0 2vw}.portfolio .mv .ti02{margin:10px auto 3vw;width:90%;font-size:min(20px,5vw)}.portfolio .mv .ti02+.txt_box{font-size:min(16px,4vw);margin-top:10px}.portfolio .mv .txt{font-size:min(16px,4vw);padding:0 0 3vw}.portfolio .mv .txt_box{padding:20px 25px;font-size:16px}.portfolio .img_tit{font-size:4.5vw;height:auto;margin:0 0 3vw}.portfolio .img_tit img{height:100%;width:auto}}@media (max-width: 640px){.portfolio .sec01 .results{margin:0 0 6vw}.portfolio .sec01 .results ul li{width:90%;float:none;margin:0 auto 4vw}.portfolio .sec01 .results ul li:nth-child(2n), .portfolio .sec01 .results ul li:last-child{margin:0 auto 4vw}}@media (max-width: 480px){.portfolio .mv .txt{font-size:3.73vw}.portfolio .mv .txt_box{padding:3vw 3.5vw;font-size:3.73vw}.portfolio .img_tit{height:auto}.portfolio .mv .ti02{font-size:6vw}}.portfolio .sec02 .inner{display:flex;max-width:1350px;margin:0 auto}.portfolio .cat_box{width:100%;margin:0 20px 50px}.portfolio .cat_box .diamond{display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio .cat_box .diamond li{width:calc(100% / 4 - 10px);padding:0;margin-bottom:10px;border-radius:7px}.portfolio .cat_box .diamond li a{display:table;width:100%;height:4em}.portfolio .cat_box .diamond li .diamond_in{display:table-cell;vertical-align:middle}.portfolio .cat_box .diamond li .diamond_in span{font-weight:bold;line-height:1.3}.portfolio li.silver, .portfolio .silver , .portfolio .tag_silver,.logotag_silver{background:#ddd;border:1px solid #ddd}.portfolio li.pop, .portfolio .pink , .portfolio .tag_pink,.logotag_pink{background:#FF56D5;border:1px solid #FF56D5}.portfolio li.pop a, .portfolio .pink a{color:#FFF}.portfolio li.cool, .portfolio .blue , .portfolio .tag_blue,.logotag_blue{background:#00CDD7;border:1px solid #00CDD7}.portfolio li.cool a, .portfolio .blue a{color:#FFF}.portfolio li.elegant, .portfolio li.yellow , .portfolio .tag_yellow,.logotag_yellow{background:#ffe300;border:1px solid #ffe300}.portfolio li.extreme, .portfolio .red , .portfolio .tag_red,.logotag_red{background:#d90000;border:1px solid #d90000}.portfolio li.extreme a, .portfolio .red a{color:#FFF}.portfolio li.other, .portfolio .gold , .portfolio .tag_gold,.logotag_gold{border:1px solid #CCB432;background:linear-gradient(135deg,#ffe199 0%, #fffbba 20%, #ffe199 40%, #ccae78 65%, #ffe199 80%)}.portfolio li.other a, .portfolio .gold a , .portfolio .tag_gold,.logotag_gold{color:#734811 !important}.portfolio li.chic, .portfolio .black , .portfolio .tag_black,.logotag_black{background-color:#000;border:1px solid #000}.portfolio li.chic a, .portfolio .black a{color:#FFF}.portfolio .colorfull , .portfolio .tag_colorfull,.logotag_colorfull{background:linear-gradient(135deg, #ffef00 10%, #6bfff0 40%, #9ac6ff 60%, #f5b3ff 90%);border:1px solid #ff943d}.portfolio .colorfull a{color:#0035b3 !important}@media screen and (max-width: 1000px){.portfolio .sec02 .inner{flex-wrap:wrap}}input,button{font-family:inherit;font-size:inherit;font-weight:inherit;height:50px}.portfolio .mv{background:url(/wp-content/themes/marugotoconcafe/img/portfolio/bg.png) no-repeat center top;background-size:cover;padding:50px 0 86px;position:relative;overflow:hidden;z-index:1;mask-image:linear-gradient(to bottom, transparent, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%,  rgba(255,255,255,0) 100%)}.portfolio .mv::before{content:"";background:url(/wp-content/themes/marugotoconcafe/img/portfolio/left.png) no-repeat center top;background-size:contain;width:50vw;height:100%;position:absolute;bottom:0;left:-146px;z-index:-1}.portfolio .mv::after{content:"";background:url(/wp-content/themes/marugotoconcafe/img/portfolio/right.png) no-repeat center top +313px;background-size:contain;width:50vw;height:100%;position:absolute;bottom:0;right:-66px;z-index:-1}.portfolio .mv .ti01{margin:0 0 15px}.portfolio .mv .ti02{margin:0 0 25px;color:#ff198c;text-shadow:0px 0px 5px rgba(255,255,255,.8) ,2px 0px 5px rgba(255,255,255,.8) ,2px 2px 5px rgba(255,255,255,.8) ,0px 2px 5px rgba(255,255,255,.8) ,2px 0px 5px rgba(255,255,255,.8) ,2px 2px 5px rgba(255,255,255,.8) ,0px 2px 5px rgba(255,255,255,.8) }.page-title{width:30vw;margin:0 auto}.portfolio .mv .txt{font-size:20px;font-weight:bold;line-height:1.7;text-shadow:0 0 20px rgba(0, 0, 255, 1.0), 0 0 20px rgba(0, 0, 255, 1.0);padding:0 0 22px;max-width:1000px;margin:0 auto;padding:30px;color:#FFF;width:90%;background:radial-gradient(circle at 50% 50%, rgba(190, 100, 149, 0.16), transparent 28%)}.portfolio .mv .txt_box{max-width:1075px;margin:0 auto;box-sizing:border-box;background-color:rgba(255,255,255,0.85);padding:33px 40px;text-align:left;border-radius:6px;color:#313131;font-size:20px;line-height:1.7;font-weight:bold}.portfolio .mv .ti02+.txt_box{background-color:rgba(255, 25, 140, 0.5);text-shadpw:0xp 0px 5px rgba(255, 25, 140, 1);border-radius:20px;padding:20px 50px;margin:30px auto 80px auto;color:#FFF;text-align:center;outline:2px solid #FFF;outline-offset:-5px;max-width:1100px;font-size:18px}.portfolio .main::before, .portfolio .main::after, #portfolioSearchBody #portfolioWrap::before, #portfolioSearchBody #main::after, .logodesignWrap .main.common:before, .logodesignWrap .main.common:after{content:"";background-size:contain;width:100%;height:500px;position:absolute;left:0;z-index:-1}.portfolio .main::before, #portfolioSearchBody #portfolioWrap::before, .logodesignWrap .main.common:before{top:0}.portfolio .main::after, #portfolioSearchBody #main::after, .logodesignWrap .main.common:after{bottom:0}.portfolio .sec01 .results{margin:0 0 80px}.portfolio .img_tit{margin:0 0 30px}.portfolio .sec01 .results ul li{display:block;width:24%;border:1px solid #ccc;box-sizing:border-box;float:left;margin:0 1.33% 0 0;position:relative;-webkit-transition:all .4s;transition:all .4s}.portfolio .sec01 .results ul li:last-child{margin:0}.portfolio .sec01 .results dd a:hover{opacity:0.7}.portfolio .cat_box{margin:0 0 50px}.portfolio .cat_box .diamond li{overflow:hidden;box-sizing:border-box;display:inline-block}.portfolio .cat_box .diamond li .diamond_in{transition:all 1s}.portfolio .cat_box .diamond li a{display:block}.portfolio .cat_box .diamond li.silver a:hover .diamond_in{background:rgba(221,221,221,0.1)}.portfolio .cat_box .diamond li.pink a:hover .diamond_in{background:rgba(255,115,115,0.1)}.portfolio .cat_box .diamond li.blue a:hover .diamond_in{background:rgba(77,166,255,0.1)}.portfolio .cat_box .diamond li.yellow a:hover .diamond_in{background:rgba(255,255,0,0.1)}.portfolio .cat_box .diamond li.black a:hover .diamond_in{background:rgba(2,2,2,0.1)}.portfolio .cat_box .diamond li.red a:hover .diamond_in{background:rgba(255,0,0,0.1)}.portfolio .cat_box .diamond li.gold a:hover .diamond_in{background:rgba(255,201,38,0.1)}.portfolio .cat_box .diamond li.colorfull a:hover .diamond_in{background-image:-webkit-linear-gradient(right top, rgba(255,148,61,0.1) 25%, rgba(255,255,0,0.1) 37%, rgba(0,255,0,0.1) 49%, rgba(0,255,183,0.1) 63%, rgba(0,122,255,0.1) 75% );background-image:linear-gradient(right  bottom, rgba(255,148,61,0.1) 25%, rgba(255,255,0,0.1) 37%, rgba(0,255,0,0.1) 49%, rgba(0,255,183,0.1) 63%, rgba(0,122,255,0.1) 75%) }.portfolio .cat_box .diamond li .diamond_in span{display:block}.portfolio .cat_box.color .diamond li.silver a:hover .diamond_in{background:rgba(221,221,221,0.7)}.portfolio .cat_box.color .diamond li.yellow a:hover .diamond_in{background:rgba(255,255,0,0.7)}.portfolio .sec02{margin:0 0 80px}@media ( max-width: 960px ){.portfolio .cat_box .diamond li .diamond_in{height:60px}}@media ( max-width: 750px ){.portfolio .cat_box{margin:0 0 7vw !important}.portfolio .cat_box .diamond{margin:8vw 0 0}.portfolio .cat_box .diamond li .diamond_in{height:60px}.portfolio .cat_box .diamond li .diamond_in span{font-size:14px}.portfolio .cat_box.genre .diamond li .diamond_in span{letter-spacing:-0.1em}}@media ( max-width: 480px ){.portfolio .sec02{margin:0}.portfolio .cat_box .diamond li{width:71px;height:60px;width:calc(100% / 4 - 5px) !important}.portfolio .cat_box .diamond li a{height:55px !important}.portfolio .cat_box .diamond li.silver, .portfolio .cat_box .diamond li.pink, .portfolio .cat_box .diamond li.blue, .portfolio .cat_box .diamond li.yellow, .portfolio .cat_box .diamond li.black, .portfolio .cat_box .diamond li.red, .portfolio .cat_box .diamond li.gold, .portfolio .cat_box .diamond li.colorfull{border-width:0.5vw}.portfolio .cat_box.color .diamond li.pink{border:0.5vw solid #FF7373}.portfolio .cat_box.color .diamond li.black{border:0.5vw solid #222}.portfolio .cat_box.color .diamond li.blue{border:0.5vw solid #4DA6FF}.portfolio .cat_box.color .diamond li.gold{border:0.5vw solid #FFC926}.portfolio .cat_box.color .diamond li.red{border:0.5vw solid #f00}.portfolio .cat_box.color .diamond li.silver{border:0.5vw solid #ddd}.portfolio .cat_box.color .diamond li.yellow{border:0.5vw solid #ff0}.portfolio .cat_box.color .diamond li.colorfull{border:0.5vw solid #00ffb7}.portfolio .cat_box .diamond li .diamond_in{top:-14.5px;left:-14.5px;width:100px;height:0}.portfolio .cat_box .diamond li .diamond_in span{top:46%;font-size:3vw}}.color_tag a.cat_all{display:none}.color_tag ul li{float:left}.color_tag ul li a{display:block;font-size:14px;font-weight:bold;color:#fff;white-space:nowrap;text-decoration:none;padding:4px 8px;border-radius:4px;margin:0 5px 3px 0}.color_tag ul li a:hover{opacity:0.7}.color_tag a.catTags{background:#fff;border:1px solid #999;color:#1b1b1b}.color_tag a.cat_simple,.color_tag a.cat_logo_simple{border:1px solid #ddd}.color_tag a.cat_pop,.color_tag a.cat_logo_pop{border:1px solid #FF56D5}.color_tag a.cat_cool,.color_tag a.cat_logo_cool{border:1px solid #00CDD7}.color_tag a.cat_elegant,.color_tag a.cat_logo_elegant{border:1px solid #ffe300}.color_tag a.cat_chic,.color_tag a.cat_logo_chic{border:1px solid #222}.color_tag a.cat_extreme,.color_tag a.cat_logo_extreme{border:1px solid #d90000}.color_tag a.cat_other,.color_tag a.cat_logo_other{border:1px solid #CCB432}.color_tag a.cat_freeprice,.color_tag a.cat_logo_freeprice{border:1px solid #ff943d}.color_tag a.cat_freeprice , .color_tag a.cat_logo_freeprice{background:#004e61;border:1px solid #004e61;color:#fff}.color_tag ul li a.tag_silver, .color_tag ul li a.tag_yellow, .color_tag ul li a.logotag_silver, .color_tag ul li a.logotag_yellow{color:#000}.color_tag ul li a.tag_colorfull, .color_tag ul li a.logotag_colorfull{color:#0035b3}.tag_pink,.logotag_pink{background:#FF7373;border:1px solid #FF7373}.tag_black,.logotag_black{background:#000;border:1px solid #000}.tag_blue,.logotag_blue{background:#4DA6FF;border:1px solid #4DA6FF}.tag_gold,.logotag_gold{background:#FFC926;border:1px solid #FFC926}.tag_red,.logotag_red{background:#f00;border:1px solid #f00}.tag_silver,.logotag_silver{background:#ddd;border:1px solid #ddd}.tag_yellow,.logotag_yellow{background:#ff0;border:1px solid #ff0}.tag_colorfull,.logotag_colorfull{background:-webkit-linear-gradient(top, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);background:linear-gradient(to bottom, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);border:1px solid #ff943d}@media (max-width: 1200px){.portfolio .mv{background-size:cover;padding:50px 0 42px}}@media (max-width: 960px){.portfolio .img_tit{margin:0 0 20px}.portfolio .sec01 .results{margin:0 0 40px}.portfolio .sec01 .results ul li{width:48%;margin:0 4% 30px 0}.portfolio .sec01 .results ul li:nth-child(2n){margin:0 0 30px}}@media (max-width: 750px){.portfolio .mv{padding:8vw 0}.portfolio .mv::before{width:70%;background-position:center top 83px}.portfolio .mv::after{width:70%;background-position:center top 383px}.page-title{width:55vw}.portfolio .mv .ti01{margin:0 0 2vw}.portfolio .mv .ti02{margin:10px auto 3vw;width:90%;font-size:min(20px,5vw)}.portfolio .mv .ti02+.txt_box{font-size:min(16px,4vw);margin-top:10px}.portfolio .mv .txt{font-size:min(16px,4vw);padding:0 0 3vw}.portfolio .mv .txt_box{padding:20px 25px;font-size:16px}.portfolio .img_tit{font-size:4.5vw;height:auto;margin:0 0 3vw}.portfolio .img_tit img{height:100%;width:auto}}@media (max-width: 640px){.portfolio .sec01 .results{margin:0 0 6vw}.portfolio .sec01 .results ul li{width:90%;float:none;margin:0 auto 4vw}.portfolio .sec01 .results ul li:nth-child(2n), .portfolio .sec01 .results ul li:last-child{margin:0 auto 4vw}}@media (max-width: 480px){.portfolio .mv .txt{font-size:3.73vw}.portfolio .mv .txt_box{padding:3vw 3.5vw;font-size:3.73vw}.portfolio .img_tit{height:auto}.portfolio .mv .ti02{font-size:6vw}}.portfolio .sec02 .inner{display:flex;max-width:1350px;margin:0 auto}.portfolio .cat_box{width:100%;margin:0 20px 50px}.portfolio .cat_box .diamond{display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio .cat_box .diamond li{width:calc(100% / 4 - 10px);padding:0;margin-bottom:10px;border-radius:7px}.portfolio .cat_box .diamond li a{display:table;width:100%;height:4em}.portfolio .cat_box .diamond li .diamond_in{display:table-cell;vertical-align:middle}.portfolio .cat_box .diamond li .diamond_in span{font-weight:bold;line-height:1.3}.portfolio li.silver, .portfolio .silver , .portfolio .tag_silver,.logotag_silver{background:#ddd;border:1px solid #ddd}.portfolio li.pop, .portfolio .pink , .portfolio .tag_pink,.logotag_pink{background:#FF56D5;border:1px solid #FF56D5}.portfolio li.pop a, .portfolio .pink a{color:#FFF}.portfolio li.cool, .portfolio .blue , .portfolio .tag_blue,.logotag_blue{background:#00CDD7;border:1px solid #00CDD7}.portfolio li.cool a, .portfolio .blue a{color:#FFF}.portfolio li.elegant, .portfolio li.yellow , .portfolio .tag_yellow,.logotag_yellow{background:#ffe300;border:1px solid #ffe300}.portfolio li.extreme, .portfolio .red , .portfolio .tag_red,.logotag_red{background:#d90000;border:1px solid #d90000}.portfolio li.extreme a, .portfolio .red a{color:#FFF}.portfolio li.other, .portfolio .gold , .portfolio .tag_gold,.logotag_gold{border:1px solid #CCB432;background:linear-gradient(135deg,#ffe199 0%, #fffbba 20%, #ffe199 40%, #ccae78 65%, #ffe199 80%)}.portfolio li.other a, .portfolio .gold a , .portfolio .tag_gold,.logotag_gold{color:#734811 !important}.portfolio li.chic, .portfolio .black , .portfolio .tag_black,.logotag_black{background-color:#000;border:1px solid #000}.portfolio li.chic a, .portfolio .black a{color:#FFF}.portfolio .colorfull , .portfolio .tag_colorfull,.logotag_colorfull{background:linear-gradient(135deg, #ffef00 10%, #6bfff0 40%, #9ac6ff 60%, #f5b3ff 90%);border:1px solid #ff943d}.portfolio .colorfull a{color:#0035b3 !important}@media screen and (max-width: 1000px){.portfolio .sec02 .inner{flex-wrap:wrap}}.main.common{position:relative;padding:80px 0 50px}.main.common.bg{padding:50px 0}.main.common .tit_box, .main.common .intro{padding:0 0 30px;border-bottom:3px solid #8b69c2;margin:0 0 50px}.main.common .tit_box .cat_tit{font-size:38px;font-weight:bold;margin:20px auto 0;display:inline-block;width:100%}.main.common.bg .inner{background:#fff;padding:50px 30px}#firstView{position:absolute;left:0;z-index:100000;width:100%;background:rgb(255 255 255 / 50%);backdrop-filter:blur(6px);box-shadow:0 0 3px rgba(201, 112, 174, 0.3)}.bread{min-height:32px;font-size:12px;line-height:1.2;padding:5px 0;display:flex;align-items:center}.bread-inner{width:min(calc(100% - 40px), 1340px);height:100%;margin:0 auto;display:flex;align-items:center;box-sizing:border-box;justify-content:left;flex-wrap:wrap}.bread a{color:rgba(0, 0, 0, 0.8);text-decoration:none;margin:0 0.5em 0 0}.bread a:hover{color:#49366b}.bread-inner>span:not(:first-child){color:rgba(0, 0, 0, 0.8);margin-left:0.5em}.bread br{display:none}.bread-inner>span{display:inline-flex;align-items:center}.bread-inner{word-spacing:2px}h2{color:#7a6ac9;font-size:30px;line-height:1.2}h3{color:#7a6ac9;font-size:30px;line-height:1.2}@media (max-width: 1050px){.main.common.bg .inner{width:94%;margin:0 auto;background:#fff}}@media (max-width: 960px){.main.common{padding:60px 0 50px}.main.common.bg{padding:50px 0 50px}}@media (max-width: 750px){.main.common{padding:10vw 0 8vw}.main.common.bg{padding:8vw 0}.main.common.bg .inner{padding:6vw 3%}.main.common .tit_box{padding:0 0 4vw;border-bottom:0.5vw solid #8b69c2;margin:0 0 4vw}.main.common .tit_box .main_tit{height:50px}.main.common .tit_box .main_tit img{height:100%;width:auto}.main.common .tit_box .cat_tit{font-size:30px;margin:2vw auto 0}}@media (max-width: 480px){.main.common .tit_box .main_tit{height:8.6vw}.main.common .tit_box .cat_tit{font-size:5vw}}.site-footer{color:#414141;background:rgb(255 255 255 / 60%);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:40px 0 58px;justify-content:center}.site-footer .brand-copy strong{color:#fff}.site-footer .brand-copy small{color:#aaa4b8}.footer-brand p{max-width:390px;margin-top:22px;color:#4d4c4f;font-size:12px}.footer-brand{display:flex;flex-direction:column;justify-content:center;align-items:center}.site-footer h3{margin:17px 0 16px;color:#000;font-size:13px;width:100%}.site-footer>.container>div:not(.footer-brand){display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.site-footer a{margin:6px 10px;font-size:11px;transition:0.3s}.site-footer a:not(.brand):not(.isDisplay){border-bottom:1px solid transparent;transition:0.3s}.site-footer a:not(.brand).is-active{}.site-footer .footer-grid a:not(.brand).is-active , .site-footer .footer-grid a:not(.brand):hover{color:#fc96b2;border-bottom:1px solid #fc96b2}.footer-bottom{border-top:1px solid rgba(255, 255, 255, 0.09);background-color:rgb(128 158 245 / 40%)}.footer-bottom .container{min-height:62px;display:flex;align-items:center;justify-content:center}.footer-bottom small{color:#fff;font-size:12px}.footer-bottom a{color:rgba(255, 255, 255, 0.8);font-size:10px;position:fixed;bottom:-30px;right:10px;background-color:rgba(118, 83, 189, 0.85);padding:41px 0px 10px;border-radius:999px;aspect-ratio:1 / 1;border:1px solid rgba(255, 255, 255, 0.5);box-sizing:border-box;box-shadow:var(--shadow);display:flex;justify-content:center;align-items:center;opacity:0;transition:0.3s;pointer-events:none;font-weight:600;width:82px;height:82px}.footer-bottom a.isDisplay{opacity:1;bottom:10px;pointer-events:initial}.footer-bottom a:before{position:absolute;display:block;content:'';width:30px;height:30px;border-top:4px solid rgba(255, 255, 255, 0.8);border-right:4px solid rgba(255, 255, 255, 0.8);transform:rotate(-45deg);margin:auto;top:27px;left:0;right:0}@media (max-width: 900px){.footer-grid{}.footer-grid>div:last-child{}}@media (max-width: 750px){.footer-bottom a{width:18vw;height:18vw;text-indent:-9999px;max-width:70px;max-height:70px}.footer-bottom a:before{width:6vw;height:6vw;max-width:30px;max-height:30px;top:min(7vw, 27px)}}@media (max-width: 640px){.footer-grid{gap:34px 24px}.footer-brand{grid-column:1 / -1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom .container{flex-direction:column;justify-content:center;gap:6px}}