﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1;-webkit-font-smoothing:antialiased}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a{outline:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body *{max-height:99999em}body img{max-height:none;max-width:100%;display:inline-block;vertical-align:middle}input,label,select,button,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;font:inherit;line-height:1}input:focus,button:focus,select:focus{outline:0}input[type=search]{-webkit-appearance:textfield}::-webkit-search-decoration{display:none}textarea{overflow:auto;white-space:pre-line}@media print{body{-webkit-print-color-adjust:exact}html,body{margin:0}@page{margin:0}@page :left{margin:0}@page :right{margin:0}@page :first{margin-top:0}}body{color:#222;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-size:14px;font-weight:400;line-height:1.4;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}.ft-serif{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Times New Roman", "游明朝", YuMincho, "メイリオ", Meiryo, Georgia, serif}a{color:#222;text-decoration:none}.hidden{display:none}.invisible{visibility:hidden}.text-bold{font-weight:bold}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.container{min-width:1200px;overflow:hidden}.wrapper{width:1160px;margin-left:auto;margin-right:auto}.wrapper-sub{width:980px;margin-left:auto;margin-right:auto}.wrapper-bottom{padding-bottom:40px}.ft-mono{font-family:"mono45-headline", monospace}.d-flex{display:flex}.align-center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.js-slide-top .slide-block{visibility:hidden}.js-slide-top.slick-initialized .slide-block{visibility:visible}@media print, (min-width: 768px){.sm{display:none !important}.trans{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition:opacity 0.26s ease;-o-transition:opacity 0.26s ease;-webkit-transition:opacity 0.26s ease;transition:opacity 0.26s ease}.trans:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}}@media only screen and (min-width: 641px) and (max-width: 767px){html{font-size:18vw}}@media only screen and (max-width: 640px){html{font-size:26.66666vw}}@media only screen and (max-width: 767px){.md{display:none !important}body{font-size:0.12rem}.container{width:auto;min-width:320px}.wrapper,.wrapper-sub{width:auto;margin:0;padding-left:0.2rem;padding-right:0.2rem}}header{padding:25px 0;position:relative;display:flex;align-items:center;justify-content:center;height:120px}@media screen and (max-width: 767px){header{height:100px}}header .logo{margin:0 auto;position:relative;z-index:10045;display:flex;align-items:center}header .logo img{display:inline-block;width:144px;height:auto}header .logo span{position:relative;top:14px;display:inline-block;margin-left:15px;font-size:18px}.to-about{border:1px solid black;border-radius:9px;font-size:9px;font-weight:bold;width:138px;text-align:center;position:relative;padding:7px 17px 7px 30px;margin-left:16px;letter-spacing:0}@media screen and (max-width: 767px){.to-about{font-size:11px;border-radius:6px;white-space:nowrap;padding:7px 19px 7px 31px}}.to-about:before{content:"";display:block;width:18px;height:18px;background:url(https://dolive.media/img/magazine/common/icon_to-about.svg) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;margin:auto 0;left:12px;animation:5s ease-in-out 1s infinite hatenarotate}@media screen and (max-width: 767px){.to-about:before{left:6px}}.to-about:after{content:"";display:block;width:11px;height:8px;background:url(https://dolive.media/img/magazine/common/icon_arrow.svg) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;margin:auto 0;right:11px}@media screen and (max-width: 767px){.to-about:after{right:3px}}@keyframes hatenarotate{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}100%{transform:rotate(0)}}@media print, (min-width: 768px){header .logo a{display:block}header .logo span{display:block;position:static;margin-top:6px;font-size:10px}}.header-control{position:fixed;width:100%;left:50%;transform:translate(-50%, 0);top:50px;z-index:10;padding:0 30px;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 767px){.header-control{top:40px;padding:0 0.2rem}}.btn-search-brand{height:20px;display:flex;align-items:center;margin-right:12px;cursor:pointer;z-index:13}.btn-search-brand i{display:block;background:url(https://dolive.media/img/magazine/common/icon_search.svg) center center no-repeat;background-size:contain;width:20px;height:20px}.open-search .btn-search-brand i{background-image:url(https://dolive.media/img/magazine/common/icon_close.svg)}.btn-menu{right:30px;top:50px;z-index:1;width:20px;height:15px;-webkit-transition:ease 0.2s;transition:ease 0.2s}@media screen and (max-width: 767px){.btn-menu{top:40px}}.header-nav-icon{position:relative;display:block;cursor:pointer;width:20px;height:15px}.header-nav-icon>span{display:inline-block;position:absolute;width:20px;height:3px;background-color:#222222;border-radius:3px;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.header-nav-icon>.top{top:0}.header-nav-icon>.middle{top:6px}.header-nav-icon>.bottom{bottom:0}.header-nav-icon.is-active>.top{-ms-transform:translateY(6px) rotate(-45deg);-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}.header-nav-icon.is-active>.middle{opacity:0}.header-nav-icon.is-active>.bottom{-ms-transform:translateY(-6px) rotate(45deg);-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}.navigation{position:fixed;height:100vh;right:-800px;top:0;z-index:999;display:flex;justify-content:flex-end;transition:all 0.4s ease}.navigation.is-open{right:0}.navigation .main-nav{position:relative;max-width:800px;width:100%;padding:125px 300px 125px 140px;background:#fff;overflow:auto}@media screen and (max-width: 767px){.navigation .main-nav{padding:100px 35px 60px 40px}}.search{border-bottom:1px solid black;position:relative;margin-bottom:30px}.search .icon{position:absolute;left:0;top:0;bottom:0;margin:auto;pointer-events:none;transition:opacity 0.25s}.search input{display:block;padding:0.25em;width:100%}.search.-input .icon{opacity:0}.search.-focus .icon{opacity:0}.navigation .main-nav .btn-menu{position:absolute}.navigation .main-menu{margin-bottom:30px}.navigation .main-menu>li{position:relative;padding-left:20px;margin-bottom:30px}.navigation .main-menu>li::before{position:absolute;content:"-";font-size:22px;left:0;top:-2px}.navigation .main-menu>li>a{font-family:"mono45-headline", monospace;font-size:22px}.navigation .main-menu>li>a>span{font-size:20px}.navigation .main-menu>li>a>small{font-size:18px;letter-spacing:0.1em}.navigation .main-menu .category-menu li{margin:20px 0;font-size:12px}.navigation .menu-social{align-items:center}.navigation .menu-social li{margin-left:20px}.navigation .menu-social li.is-disabled a{pointer-events:none}.navigation .to-house.center-left{margin:30px 0 0 20px}@media only screen and (max-width: 767px){.navigation .to-house.center-left{width:auto}}.overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);display:none;z-index:990}@media only screen and (max-width: 767px){header{padding:15px 0.2rem}header .logo{margin-left:0;text-align:left}header .logo img{width:86px;height:auto}header .logo span{margin-left:13px;top:6px;font-size:11px}.btn-menu{width:20px;height:15px}.header-nav-icon{width:20px;height:15px}.header-nav-icon>span{width:100%;left:0}.header-nav-icon>.bottom{bottom:0}.header-nav-icon.is-active>.top{-ms-transform:translateY(10px) rotate(-45deg);-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}.header-nav-icon.is-active>.middle{opacity:0}.header-nav-icon.is-active>.bottom{-ms-transform:translateY(-11px) rotate(45deg);-webkit-transform:translateY(-11px) rotate(45deg);transform:translateY(-11px) rotate(45deg)}.navigation{width:100%;right:-100%}.navigation .main-nav{width:100%;padding:100px 35px 60px 40px}.navigation .main-nav .btn-menu{height:24px}.navigation .main-nav .btn-menu .header-nav-icon{height:24px;width:24px}.navigation .main-menu>li{line-height:1}.navigation .main-menu>li::before{font-size:18px;top:0}.navigation .main-menu>li>a{font-size:18px}.navigation .main-menu>li>a>span{font-size:16px}.navigation .main-menu>li>a>small{font-size:14px}.navigation .main-menu .category-menu{margin:10px 0 0}.navigation .main-menu .category-menu li a{height:25px}.navigation .main-menu .tag-menu li a{font-size:8px}.navigation .main-menu .tag-menu li a strong{font-size:12px}.navigation .main-menu .tag-menu li a strong.stronger{font-size:12px}}footer{background:#222222;position:relative}footer .footer-inner{padding:45px 60px 40px 55px}footer .logo-footer a{display:block;width:115px}@media screen and (max-width: 767px){footer .logo-footer a{width:38.9vw}}footer .gr-menu{justify-content:space-between;align-items:center;display:flex}footer .gr-menu .left-menu{align-items:center}footer .gr-menu .left-menu .social{align-items:center;margin-right:5px}footer .gr-menu .left-menu .social li{margin-right:20px}footer .gr-menu .left-menu .social li a{display:block}footer .gr-menu .left-menu .social li a img{width:22px}footer .gr-menu .left-menu .social li.is-disabled{opacity:0.3}footer .gr-menu .left-menu .social li.is-disabled a{pointer-events:none}footer .gr-menu .left-menu .social li.is-disabled a img{opacity:1}footer .gr-menu .left-menu .menu-ft{display:flex}footer .gr-menu .left-menu .menu-ft li a{padding:0 15px;display:block;position:relative;font-size:14px;color:#ffffff;line-height:1}footer .gr-menu .left-menu .menu-ft li a::before{position:absolute;content:"|";color:#fff;right:0;top:0}footer .gr-menu .left-menu .menu-ft li:first-child a{padding-left:0}footer .gr-menu .left-menu .menu-ft li:last-child a::before{display:none}footer .gr-menu .copy-right{font-size:10px;color:#666666}.footer-head{display:flex;align-items:center}@media screen and (max-width: 767px){.footer-head{align-items:flex-end}}.footer-socials-pc{display:flex;align-items:center}@media screen and (max-width: 767px){.footer-socials-pc{display:none}}.footer-socials-sp{display:none;align-items:center}@media screen and (max-width: 767px){.footer-socials-sp{display:block}.footer-socials-sp .footer-socials{display:flex}}.footer-social{width:25px;height:25px;margin-right:11.5px}.footer-social img{width:100%}.footer-to-about{margin-right:36.5px;display:flex;align-items:center;border:1px solid white;border-radius:16px;font-size:10px;font-weight:bold;text-align:center;position:relative;padding:6px 11.8px 6px 8.8px;margin-left:35px;letter-spacing:0;color:white}.footer-to-about:hover{color:white}@media screen and (max-width: 767px){.footer-to-about{font-size:11px;border-radius:6px;white-space:nowrap;padding:4.3px 11.3px 4.3px 6.5px}}.footer-to-about span{margin:0 5px}.footer-to-about:before{content:"";display:block;width:18px;height:18px;background:url(https://dolive.media/img/magazine/common/icon_to-about-b.svg) center center no-repeat;background-size:contain;animation:5s ease-in-out 1s infinite hatenarotate}.footer-to-about:after{content:"";display:block;width:9.41px;height:6.12px;background:url(https://dolive.media/img/magazine/common/icon_arrow-b.svg) center center no-repeat;background-size:contain}.footer-navi-content{margin-right:79px}.footer-navi-content:last-child{margin-right:0}.footer-navi-content-head{margin-bottom:25px}@media screen and (max-width: 767px){.footer-navi-content-head{margin-bottom:21px}}.footer-navi-content-title a{color:white;font-size:22px;font-family:"mono45-headline", monospace}.footer-navi-content-title-sub a{color:white;font-size:11px}.footer-navi-content-imp{margin-bottom:24px}@media screen and (max-width: 767px){.footer-navi-content-imp{margin-bottom:20px}}.footer-navi-content-imp a{color:white;font-size:14px;font-weight:bold}@media screen and (max-width: 767px){.footer-navi-content-imp a{font-size:15px}}.footer-navi-content-tags a{display:inline-block;border:1px solid white;font-size:11px;line-height:1em;padding:2px;color:white;margin-bottom:24px;font-weight:bold}.footer-navi-content-btn span{display:inline-block;border:1px solid white;font-size:12px;line-height:1em;padding:2px;color:white;margin-bottom:24px;font-weight:bold}@media screen and (max-width: 767px){.footer-navi-content-btn span{margin-bottom:20px}}.footer-navi-content-lists{display:flex}.footer-navi-content-list{display:flex;flex-direction:column;margin-right:77px}.footer-navi-content-list:last-child{margin-right:0}.footer-navi-content-list a{color:white;font-size:12px;margin-bottom:10px}.footer-navi-content-list a:last-child{margin-bottom:25px}.footer-navi-content-list a:hover{text-decoration:underline}.btn-back-top{width:31px;position:fixed;right:40px;bottom:40px;opacity:0;visibility:hidden;transition:0.3s}.btn-back-top.show{opacity:1;visibility:visible}.btn-back-top.stick{position:absolute;bottom:auto;top:-55px}footer .wrapper{max-width:1160px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:0}@media screen and (max-width: 767px){footer .wrapper{padding-left:20px;padding-right:20px}}@media only screen and (max-width: 767px){footer .footer-inner{padding:0.5rem 0 0.45rem}footer .gr-menu{flex-wrap:wrap;margin-top:30px}footer .gr-menu .left-menu{align-items:center;flex-wrap:wrap}footer .gr-menu .left-menu .social{align-items:center;margin-right:0}footer .gr-menu .left-menu .social li{margin-right:0.2rem}footer .gr-menu .left-menu .social li a img{width:0.22rem}footer .gr-menu .left-menu .menu-ft{margin-top:0.25rem}footer .gr-menu .left-menu .menu-ft li:first-child a{padding-left:0}footer .gr-menu .left-menu .menu-ft li a{padding:0 0.15rem;font-size:0.12rem}footer .gr-menu .left-menu .menu-ft li a::before{font-size:0.12rem}footer .gr-menu .copy-right{font-size:0.1rem;margin-top:0.35rem;padding:20px 0}footer .gr-menu .left-menu{width:100%}footer .gr-menu .left-menu .menu-ft{flex-direction:column;margin-top:0;width:100%}footer .gr-menu .left-menu .menu-ft li{width:100%;margin-bottom:20px}footer .gr-menu .left-menu .menu-ft li:last-child{margin-bottom:0}footer .gr-menu .left-menu .menu-ft li a{font-size:14px;font-weight:bold;padding:0 0 10px;border-bottom:1px solid #707070}footer .gr-menu .left-menu .menu-ft li a::before{display:none}.footer-navi-content{width:100%}.footer-navi-content-btn{display:flex;justify-content:space-between;width:100%}.footer-navi-content-btn i{display:block;width:13px;height:13px;position:relative}.footer-navi-content-btn i::before,.footer-navi-content-btn i::after{content:"";display:block;width:100%;height:3px;border-radius:1.5px;background:white;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:.5s transform}.footer-navi-content-btn i::before{transform:rotate(90deg)}.-open .footer-navi-content-btn i::before{transform:rotate(0)}.footer-navi-accordion{overflow:hidden;max-height:0;transition:.5s max-height}.-open .footer-navi-accordion{max-height:500px}.btn-back-top{width:0.3rem;right:0.2rem;bottom:0.3rem}.btn-back-top.stick{top:-0.55rem}}.ttl-common{line-height:1;font-size:38px;position:relative;padding-bottom:30px}.ttl-common::before{position:absolute;content:"";width:100px;height:2px;background:#222222;bottom:0;left:50%;transform:translateX(-50%)}.header-socials{align-items:center;display:block}.header-socials .header-socials{display:flex}.header-social{width:25px;height:25px;margin-right:11.5px}.header-social img{width:100%}.header-to-about{margin-right:36.5px;display:flex;align-items:center;border:1px solid white;border-radius:16px;font-size:10px;font-weight:bold;text-align:center;position:relative;padding:6px 11.8px 6px 8.8px;margin-left:35px;letter-spacing:0;color:white}@media screen and (max-width: 767px){.header-to-about{font-size:11px;border-radius:6px;white-space:nowrap;padding:4.3px 11.3px 4.3px 6.5px}}.header-to-about span{margin:0 5px}.header-to-about:before{content:"";display:block;width:18px;height:18px;background:url(https://dolive.media/img/magazine/common/icon_to-about-b.svg) center center no-repeat;background-size:contain;animation:5s ease-in-out 1s infinite hatenarotate}.header-to-about:after{content:"";display:block;width:9.41px;height:6.12px;background:url(https://dolive.media/img/magazine/common/icon_arrow-b.svg) center center no-repeat;background-size:contain}.header-navi{padding:0 0 35px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.header-navi-content{margin-right:79px}.header-navi-content:last-child{margin-right:0}.header-navi-content-head{margin-bottom:25px}@media screen and (max-width: 767px){.header-navi-content-head{margin-bottom:21px}}.header-navi-content-title a{font-size:21px;font-family:"mono45-headline", monospace}.header-navi-content-title-sub{font-size:10px}.header-navi-content-tags a{display:inline-block;background:black;color:white;font-size:11px;line-height:1em;padding:2px;margin-bottom:24px;font-weight:bold}.header-navi-content-btn span{display:inline-block;background:black;color:white;font-size:11px;line-height:1em;padding:2px;margin-bottom:24px;font-weight:bold}@media screen and (max-width: 767px){.header-navi-content-btn span{margin-bottom:20px}}.header-navi-content-lists{display:flex}.header-navi-content-imp{margin-bottom:24px}@media screen and (max-width: 767px){.header-navi-content-imp{margin-bottom:20px}}.header-navi-content-imp a{font-size:13px;font-weight:bold}@media screen and (max-width: 767px){.header-navi-content-imp a{font-size:15px}}.header-navi-content-list{display:flex;flex-direction:column;margin-right:77px}.header-navi-content-list:last-child{margin-right:0}.header-navi-content-list a{font-size:11px;margin-bottom:10px}.header-navi-content-list a:last-child{margin-bottom:38px}.header-navi-content-list a:hover{text-decoration:underline}.header-navi-content{width:100%}.header-navi-content-btn{display:flex;justify-content:space-between;width:100%;cursor:pointer}.header-navi-content-btn i{display:block;width:10px;height:10px;position:relative}.header-navi-content-btn i::before,.header-navi-content-btn i::after{content:"";display:block;width:100%;height:3px;border-radius:1.5px;background:black;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:.5s transform}.header-navi-content-btn i::before{transform:rotate(90deg)}.-open .header-navi-content-btn i::before{transform:rotate(0)}.header-navi-accordion{overflow:hidden;max-height:0;transition:.5s max-height}.-open .header-navi-accordion{max-height:500px}@media only screen and (max-width: 767px){.ttl-common{font-size:0.38rem;padding-bottom:0.25rem;line-height:1.1}.ttl-common::before{width:1rem}}.sub-banner{background-color:#f4f4f4;font-weight:bold;letter-spacing:0.1em}@media only screen and (max-width: 767px){.sub-banner{height:1.6rem;font-size:0.22rem}}@media print, (min-width: 768px){.sub-banner{padding-top:4px;height:200px;font-size:32px}}.banner-category{height:200px;position:relative;overflow:hidden}.banner-category img.blur-img{width:100%;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-filter:blur(8px);filter:blur(8px);filter:progid:DXImageTransform.Microsoft.Blur(pixelradius='2', shadowopacity='0.0')}.banner-category .ttl-article{font-size:32px;font-weight:bold;color:#ffffff;letter-spacing:0.1em;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center}.banner-category .ttl-article.ft-mono{font-weight:normal}.banner-category .canvas-blur{position:absolute;display:none;top:50%;left:50%;width:100% !important;height:auto !important;transform:translate(-50%, -50%)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.banner-category .canvas-blur{display:block}}@media only screen and (max-width: 767px){.banner-category{height:1.6rem}.banner-category img{-webkit-filter:blur(4px);filter:blur(4px)}.banner-category .ttl-article{font-size:0.22rem}}.pager{margin-top:70px}.pager .ul-pager{justify-content:center}.pager .ul-pager li{margin:0 5px}.pager .ul-pager li.arrow{margin:0 10px}.pager .ul-pager li.arrow a{width:auto}.pager .ul-pager li a,.pager .ul-pager li .page-numbers{display:flex;height:30px;width:30px;line-height:33px;justify-content:center;padding:0 5px;font-size:16px;background:#fff;transition:all 0.3s ease}.pager .ul-pager li .current{background:#000;color:#ffffff}.pager .ul-pager li a:hover{background:#000;color:#ffffff}.pager .ul-pager.first-page .prev{pointer-events:none;opacity:0.3}.pager .ul-pager.last-page .next{pointer-events:none;opacity:0.3;margin-left:90px}@media only screen and (max-width: 767px){.pager{margin-top:0.35rem}.pager .ul-pager li{margin:0 0.05rem}.pager .ul-pager li.arrow{margin:0 0.1rem}.pager .ul-pager li a,.pager .ul-pager li .page-numbers{height:0.3rem;width:0.3rem;line-height:0.33rem;justify-content:center;padding:0 0.05rem;font-size:0.16rem}.pager .ul-pager.first-page .prev{margin-right:0.9rem}.pager .ul-pager.last-page .next{margin-left:0.9rem}}.btn-common{width:300px;margin:0 auto}.btn-common a{display:flex;align-items:center;justify-content:center;height:55px;border:1px solid #000;font-size:19px}.btn-common a span{display:inline-block;padding:0 50px;background:url(https://dolive.media/img/magazine/common/icon_arrow_btn.png) no-repeat right center/25px}.btn-common.center-left{width:400px}.btn-common.center-left span{padding-right:40px;padding-left:0}@media only screen and (max-width: 767px){.btn-common{width:3rem}.btn-common a{height:0.55rem;font-size:0.19rem}.btn-common a span{padding:0 0.5rem;background-size:0.25rem}.btn-common.center-left{width:3rem}.btn-common.center-left span{padding-right:0.4rem}}.btn-instagram>a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #000;font-size:19px;padding:22px 30px 20px;font-weight:bold}.btn-instagram>a>span{display:inline-flex;align-items:center;padding:0 50px 0 0;background:url(https://dolive.media/img/magazine/common/icon_arrow_btn.png) no-repeat right center/25px}.btn-instagram img{margin-right:12px}.ttl-description-article{font-size:15px;font-weight:bold;color:#000;text-align:center;padding:30px 0px}@media only screen and (max-width: 767px){.btn-instagram>a{font-size:12px;padding:15px 10px 15px 15px}.btn-instagram>a>span{padding-right:34px}.btn-instagram img{margin-right:6px;width:20px;height:auto}}.box-search{position:fixed;width:100vw;min-height:100vh;min-height:-webkit-fill-available;bottom:0;left:0;top:0;background:white;z-index:9;display:none}.box-search .wrapper{max-width:980px;padding-top:120px}@media screen and (max-width: 767px){.box-search .wrapper{padding-top:100px}}.box-search .search{border:0;position:relative;margin-bottom:32px;padding-bottom:60px;border-bottom:1px solid #C9C9C9}.box-search .-input{position:relative}.box-search .-input input{border:1px solid black;border-radius:10px;padding:15px;font-size:15px}.box-search .-input input::placeholder{color:#BCBCBC}.box-search .-input:after{content:"";display:block;background:url(https://dolive.media/img/magazine/common/icon_search.svg) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;right:20px;left:auto;margin:auto 0;width:20px;height:20px}.open-search{overflow-y:hidden}.open-search .box-search{display:block;overflow-y:auto}.open-search header{position:fixed;top:0;width:100%;z-index:13}.box-search-keywords{display:flex;position:relative;padding-bottom:40px}@media screen and (max-width: 767px){.box-search-keywords{display:block}}.box-search-keywords .-title{font-size:20px;font-weight:bold;margin-right:57px}@media screen and (max-width: 767px){.box-search-keywords .-title{font-size:28px;text-align:center;margin:0 0 24px}.box-search-keywords .-title span{display:none}}.box-search-keywords .-cont{flex:1;display:flex;align-items:flex-start;flex-wrap:wrap}.box-search-keywords .-cont.pc-tags{display:flex}.box-search-keywords .-cont.sp-tags{display:none}@media screen and (max-width: 767px){.box-search-keywords .-cont{max-height:340px;overflow-y:scroll;justify-content:center}.box-search-keywords .-cont.pc-tags{display:none}.box-search-keywords .-cont.sp-tags{display:flex}}.box-search-keywords .-cont a{display:block;padding:8px 16px;font-size:9px;background:#E5E5E5;border-radius:12.5px;margin-right:8px;margin-bottom:8px}.box-search-keywords .-cont.categories a{border-radius:0px}.box-search-keywords .view-more{display:none}@media screen and (max-width: 767px){.box-search-keywords .view-more{position:absolute;display:block;top:auto;left:0;right:0;bottom:0;margin:auto}}.view-more{font-size:14px;font-weight:bold;position:relative;width:90px;text-indent:0.25em;padding-bottom:5px}.view-more:before{content:"";display:block;width:8.5px;height:8.5px;background:url(https://dolive.media/img/magazine/common/icon_plus.svg) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:2px;right:5px;left:auto;margin:auto}.view-more:after{content:"";display:block;width:100%;height:2px;background:black;position:absolute;bottom:0;left:0}.btn-blank{box-sizing:content-box;display:inline-flex;padding:10px 9px;width:173.5px;text-align:center;background:#222222;font-size:9px;font-weight:bold;color:white;border:1px solid black;border-radius:6px;transition:color .5s, background-color .5s;align-items:center;justify-content:center}@media screen and (max-width: 767px){.btn-blank{width:100%;font-size:14px;padding:12px 0}}.btn-blank svg{display:block;margin-left:5px;width:9px;height:9px}.btn-blank svg path{transition:.5s fill;fill:white}.btn-blank:hover{background-color:white;color:black}.btn-blank:hover svg path{fill:black}.category-group{background:#f4f4f4;padding:1px 0 30px}.filter-area .category-filter .gr-filter,.filter-area .tag-filter .gr-filter{width:100%;border-right:0}.filter-area .tag-filter .gr-filter{border-bottom:1px solid #c9c9c9;padding-bottom:30px;margin-bottom:30px}.filter-area .category-filter .gr-filter .menu-tag li a{border-radius:0}@media print, (min-width: 768px){.gr-filter .ttl{min-width:95px;text-align:right}.section-article-category .filter-area{margin-top:20px}}@media only screen and (max-width: 767px){.section-article-category .filter-area{margin-bottom:0.2rem}.filter-area .tag-filter .gr-filter{margin-bottom:0.1rem;padding:0.3rem 0 0.4rem}.category-group{padding:1px 0 30px}.filter-area .wrapper-sub:not(.category-filter) .gr-filter{border-bottom:0}}.section-article-search .ttl-article{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-article-search .banner-category{margin-bottom:60px}.section-article-search .empty{margin-bottom:60px;text-align:center;line-height:1.5}@media (max-width: 767px){.section-article-search .banner-category{margin-bottom:30px}.section-article-search .empty{margin-bottom:60px}}@keyframes line_animation_sb1{0%{stroke-dashoffset:1038px}100%{stroke-dashoffset:0px}}@keyframes line_animation_sb2{0%{stroke-dashoffset:34.19736703432005px}100%{stroke-dashoffset:0px}}@keyframes line_animation_si1{0%{stroke-dashoffset:277.128px}100%{stroke-dashoffset:0px}}@keyframes line_animation_si2{0%{stroke-dashoffset:25.553864678361276px}100%{stroke-dashoffset:0px}}:root{--en-font:"mono45-headline", monospace;--kv-size:2750px;--kv-item-width:300px;--rev-ease:cubic-bezier(0.76, 0, 0.24, 1)}body{padding-top:120px;letter-spacing:0;color:black}.navigation{right:0;background-color:white;z-index:10050}.navigation .wrapper,footer .wrapper{position:relative;width:100vw;padding:60px 0}@media screen and (max-width: 767px){:root{--kv-size:2436px;--kv-item-width:280px}body{padding-top:80px}.btn-back-top{display:none}}.navigation{right:0;background-color:white}.wrapper{position:relative;width:100vw}.header-recipe{padding:0;height:auto;top:0;width:100%}.header-float{display:flex;justify-content:flex-start;transition:.5s transform, .5s opacity, .5s background-color;height:120px;width:100%}.header-logo{padding:0 40px;display:flex;align-items:center;z-index:11}.scrolled .header-float{background-color:white}.scrolled .float{transition:.1s opacity}@media screen and (max-width: 767px){.header-float{height:80px;transform:translate(0, 0);opacity:1}.header-logo img{width:99.47px}.header-logo{padding:0 16px}.header-control{top:30px}}.recipe-item{width:calc(100% / 3 - 40px / 3 * 2);transition:.5s opacity}.recipe-item:hover{opacity:.6}.recipe-item .-img img{clip-path:polygon(50% 0, 100% 28.3%, 100% 100%, 0 100%, 0 28.3%)}.recipe-item .-thumb{display:flex;flex-wrap:wrap}.recipe-item .-thumb img{width:9.875%}.recipe-item .-cont{margin-top:10px}.recipe-item .-title{font-size:16px;font-weight:600}.recipe-item .-status{display:flex;gap:10px;margin-top:6px}.recipe-item .-status-name{font-weight:600;font-size:16px;font-family:var(--en-font);width:50px;letter-spacing:-.005em;line-height:1.2}.recipe-item .-status-text{font-size:12px}.recipe-item .-status-text span{text-decoration:underline}@media screen and (max-width: 767px){.recipe-item{width:calc(100% / 2 - 16px / 2)}.recipe-item .-title{font-size:12px;font-weight:600}.recipe-item .-title br{display:none}.recipe-item .-status-name{font-size:14px}.recipe-item .-status-text{font-size:10px}.recipe-item:nth-of-type(9){display:none}}.btn{display:flex;padding:10px 20px;text-align:center;background:#222222;border:1px solid black;font-size:16px;font-weight:600;color:white;border-radius:6px;align-items:center;justify-content:center;transition:color .5s, background-color .5s;width:330px;height:60px;gap:10px}.btn .btn-i{width:20px;height:20px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid black}.btn svg{display:block;width:6px;height:8px;object-fit:contain}.btn circle{box-shadow:0 0 2px black}.btn:hover{color:black;background-color:white;border:1px solid black}@media screen and (max-width: 767px){.btn{font-size:14px;padding:11px 0;width:100%;height:40px}}.kv-item{position:relative}.rev{width:100vw;height:100vh;overflow:hidden;pointer-events:none}.rev-item-image{position:relative}.rev-item-image::before{content:"";position:absolute;display:block;width:100%;height:100%;z-index:1;background:url(https://dolive.media/img/magazine/recipe/top/kv/border.svg) center center no-repeat;background-size:contain}.-logo .rev-item-image::before{background-image:url(https://dolive.media/img/magazine/recipe/top/kv/border-gray.svg)}.rev-item-image img{width:100%;height:100%;transform:scale(0.99);aspect-ratio:1;object-fit:cover}.rev-item-balloons{position:absolute;width:100%;aspect-ratio:1;top:0;z-index:2}.rev-item-balloon{position:absolute;top:0;left:0;width:177.58px;height:49.23px;background:url(https://dolive.media/img/magazine/recipe/top/kv/balloon.svg) center center no-repeat;background-size:contain;text-align:center;font-size:12px;font-weight:600;line-height:38px;white-space:nowrap;opacity:0;transition:.5s opacity}.-active .rev-item-balloon{opacity:1}.rev-item-balloon:first-child{transition-delay:.2s}.rev-item-balloon:last-child{transition-delay:.1s}.-active .rev-item-balloon:first-child{transition-delay:.65s}.-active .rev-item-balloon:last-child{transition-delay:.55s}.rev-inner{width:100vw;height:720px;overflow:hidden;position:relative}.rev-table{width:var(--kv-size);aspect-ratio:1;position:absolute;left:50%;top:120px;translate:-50% 0;transform:rotate(calc(var(--deg) * -1));display:flex;position:relative;transform-origin:center}.rev-item{width:var(--kv-item-width);position:absolute;height:calc(var(--kv-size) / 2);transform-origin:bottom center;position:absolute;top:0;left:0;right:0;margin:auto;transform:rotate(var(--deg))}.rev-item .kv-item-inner{transition:0.5s transform var(--rev-ease)}.rev-item.-active .kv-item-inner{transform:scale(1.1)}@media screen and (max-width: 767px){.rev-inner{height:600px}.rev-table{top:93px}.rev-item.-active .kv-item-inner{transform:scale(1)}}.rev-table{transition:1.2s transform ease-in-out, .5s opacity}.splash .rev-table{opacity:0;transform:translate(0, 30%) rotate(calc(360deg / 2))}.animated .rev-table{transition:0.5s transform var(--rev-ease)}.rev-inner{overflow:visible}.splash .rev-inner{overflow:visible}.animated .rev-inner{overflow:hidden}.nav-recipe-navi{margin:40px 0;display:flex;gap:43px}.nav-recipe-navi-content{width:100%}.nav-recipe-navi-content.-first{max-width:700px}.nav-recipe-navi-content.-second{flex:1}.nav-recipe-navi-search{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.2)}.nav-recipe-navi-search-column{display:flex;gap:20px;width:100%;align-items:flex-start}.nav-recipe-navi-search-column:last-child{padding-bottom:24px}.nav-recipe-navi-search-title{display:flex;align-items:center;justify-content:center;background-color:white;text-align:center;font-size:16px;max-width:100px;width:100%;font-family:var(--en-font);padding:5px 0 3px;line-height:1}.nav-recipe-navi-search-tags{display:flex;flex-wrap:wrap;gap:10px}.nav-recipe-navi-search-tags .-tag{padding:0 11px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:40px;font-weight:500;font-size:12px;color:white;line-height:1.75;transition:.5s background-color, .5s color}.nav-recipe-navi-search-tags .-tag:hover{background-color:white;color:black}.nav-recipe-navi-list{line-height:1.75em;display:flex;flex-direction:column}.nav-recipe-navi-list .-title{color:white;font-size:20px;line-height:1.5;font-weight:600}.nav-recipe-navi-content.-second .nav-recipe-navi-list .-title{font-size:24px;line-height:1.25;font-weight:normal;font-family:var(--en-font)}.nav-recipe-navi-list .-body a:first-child,.nav-recipe-navi-list .-body p:first-child{padding-top:12px}.nav-recipe-navi-list p{font-size:14px;color:white}.nav-recipe-navi-list a{font-size:14px;line-height:1.75em;color:white;transition:.5s opacity}.nav-recipe-navi-list a:hover{opacity:.6}.nav-recipe-navi-list.-b{padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,0.2)}.nav-recipe-search{max-width:515px;width:100%;margin-left:auto;margin-right:0;position:relative}.nav-recipe-search input{display:block;width:100%;border:1px solid white;border-radius:6px;padding:11.5px 40px;font-size:14px;color:white}.nav-recipe-search input::placeholder{color:white}.nav-recipe-search svg{width:14px;height:14px;position:absolute;top:0;bottom:0;left:20px;margin:auto}.nav-recipe-search svg path{fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.nav-recipe-search svg line{fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.nav-recipe-search.-sp{display:none}footer .gr-menu .left-menu .menu-ft li a{font-size:12px;line-height:1.75}@media screen and (max-width: 768px){.nav-recipe-navi{margin-top:24px}.nav-recipe-search.-pc{display:none}.nav-recipe-search.-sp{display:block;margin-top:15px}.nav-recipe-navi{flex-direction:column;gap:32px}.nav-recipe-navi-search-column{flex-direction:column;gap:24px;width:100%}.nav-recipe-navi-search-title{width:100%;max-width:100%}}.nav-recipe-navi-titles{display:flex;justify-content:space-between}.nav-recipe-navi-title .-main a{font-size:28px;line-height:1;display:flex;gap:8px;font-family:var(--en-font);color:white;transition:.5s opacity}.nav-recipe-navi-title .-main a:hover{opacity:.6}.nav-recipe-navi-title .-main a i{width:20px;height:20px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid black;margin-top:2px}.nav-recipe-navi-title .-main a i svg{display:block;width:6px;height:8px;object-fit:contain}.nav-recipe-navi-title .-main a:hover i{color:black;background-color:white;border:1px solid black}.nav-recipe-navi-title .-sub{font-size:12px;color:white;line-height:1.75}.nav-recipe-navi-titles{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:19px;margin-bottom:19px}.nav-recipe-navi-link{padding-top:9px}.nav-recipe-navi-link a{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:underline;color:white;transition:.5s opacity}.nav-recipe-navi-link a i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:white;border-radius:50%}.nav-recipe-navi-link a:hover{opacity:.6}.nav-recipe-navi-search-head{display:flex;justify-content:space-between;width:100%}.nav-recipe-navi-search-head-title{color:white;font-size:20px;line-height:1.5;font-weight:600}.nav-recipe-navi-search-head-btn{display:flex;width:140px;height:32px;border:1px solid white;border-radius:5px;align-items:center;justify-content:center;gap:4px;font-size:12px;color:white;font-weight:600;transition:.5s background-color, .5s color}.nav-recipe-navi-search-head-btn svg{width:16px;height:16px}.nav-recipe-navi-search-head-btn svg path{transition:.5s stroke}.nav-recipe-navi-search-head-btn:hover{color:black;background-color:white}.nav-recipe-navi-search-head-btn:hover svg path{stroke:black}.nav-head{display:flex;gap:72px}.nav-socials{display:flex;align-items:center;gap:20px}.nav-social{margin:0}footer .logo-footer a{width:auto}.nav-recipe-navi-search-head-content .nav-recipe-navi-link{display:none}.js-toggle-arrow{display:none}.nav-recipe-navi-search-body .nav-recipe-navi-link{display:none}.nav-recipe-navi-search-body .nav-recipe-navi-search-head-btn{display:none}.nav-recipe-navi-search-body{display:flex;flex-direction:column;gap:24px;width:100%}.nav-recipe-navi-list .-body{display:flex;flex-direction:column}@media screen and (max-width: 767px){.nav-head{gap:23px}.nav-recipe-navi-search-head{flex-direction:column}.nav-recipe-navi-titles .nav-recipe-navi-link{display:none}.nav-recipe-navi-search-head-content .nav-recipe-navi-link{display:block}.nav-recipe-navi-search-head-btn{width:100%;margin-top:12px}.nav-recipe-navi-search-head-btn svg path{stroke:black}.nav-recipe-navi-link{padding-top:12px}.nav-recipe-navi-search-head-content{display:none}.wrapper .gr-menu .left-menu .menu-ft li{margin-bottom:0}.wrapper .gr-menu .left-menu .menu-ft li a{border:0;font-size:12px;line-height:2.5;padding-bottom:0;font-weight:500}.wrapper .gr-menu .copy-right{margin-top:32px}.nav-recipe-navi{margin-top:32px}.nav-recipe-navi-link{padding-top:0}.nav-recipe-navi-search-column{margin-top:24px;gap:12px}.nav-recipe-navi-list a{line-height:1.75}.nav-recipe-navi-list.-b:last-of-type{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:20px}.nav-recipe-navi-search-body .nav-recipe-navi-link{display:block}.nav-recipe-navi-search-body .nav-recipe-navi-search-head-btn{display:flex}.nav-recipe-navi-search-head-title{display:flex;align-items:center;justify-content:space-between}.nav-recipe-navi-search-body{gap:0}.nav-recipe-navi-list .-title{display:flex;align-items:center;justify-content:space-between}.js-toggle-arrow{display:block}.js-toggle-body{max-height:0;overflow:hidden;transition:.5s max-height}.js-toggle-arrow{transition:.5s transform}.-active+.js-toggle-body{max-height:1000px}.-active .js-toggle-arrow{transform:rotate(180deg)}}.wrapper{position:relative;width:100vw}.navigation{width:100vw;height:100vh !important;height:100dvh !important;right:0;pointer-events:none;opacity:0;overflow:scroll}.nav-open .navigation{opacity:1;pointer-events:all}.overlay{background-color:white;transition:.5s opacity;opacity:0;pointer-events:none;display:block}.nav-open .overlay{opacity:1;pointer-events:all}.nav-open,.search-open{height:100vh;overflow:hidden}.navigation .nav-inner{max-width:1070px;width:100%;margin:auto;position:relative}.navigation .nav-recipe-navi-title .-main a{color:black}.navigation .nav-recipe-navi-title .-sub{color:black}.navigation .nav-recipe-navi-link a{color:black}.navigation .nav-recipe-navi-search-head-title{color:black}.navigation .nav-recipe-navi-search-head-btn{color:black;border-color:black}.navigation .nav-recipe-navi-search-head-btn:hover{color:white;background-color:black}.navigation .nav-recipe-navi-search-head-btn:hover svg path{stroke:white}.navigation .nav-recipe-navi-title .-main a i{background-color:black}.navigation .nav-recipe-navi-link a i{background-color:black}.navigation .nav-recipe-navi-search-title{background-color:black;color:white}.navigation .nav-recipe-navi-search-tags .-tag{color:black;background-color:#E5E5E5;border:0;transition:.5s background-color, .5s color}.navigation .nav-recipe-navi-search-tags .-tag:hover{color:white;background-color:black}.navigation .nav-recipe-navi-titles,.navigation .nav-recipe-navi-search,.navigation .nav-recipe-navi-list.-b{border-color:rgba(0,0,0,0.2)}.navigation .nav-recipe-navi-list .-title{color:black}.navigation .nav-recipe-navi-list .-body a,.navigation .nav-recipe-navi-list .-body p{color:black}.navigation .nav-recipe-close{position:absolute;top:0;right:0;cursor:pointer}.navigation .gr-menu{display:flex;justify-content:space-between}.navigation .menu-ft{display:flex;gap:1em}.navigation .menu-ft li{display:flex;gap:1em}.navigation .menu-ft li::after{content:"|";display:block}.navigation .menu-ft li:last-child:after{display:none}.navigation .trans{font-size:12px}.navigation .copy-right{font-size:10px;color:#666666}.navigation .nav-recipe-close .-sp{display:none}.navigation .nav-recipe-navi-link svg path{fill:white}@media screen and (max-width: 767px){.navigation .nav-inner{position:static;padding-left:24px;padding-right:24px}.navigation .nav-recipe-close{top:24px;right:24px}.navigation .gr-menu{flex-direction:column;padding-bottom:48px}.navigation .menu-ft{flex-direction:column;gap:0}.navigation .menu-ft li::after{display:none}.navigation .nav-recipe-close .-pc{display:none}.navigation .nav-recipe-close .-sp{display:block}}.search-modal{position:fixed;background-color:white;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:scroll;z-index:10051;opacity:0;pointer-events:none;transition:.5s opacity}.search-open .search-modal{opacity:1;pointer-events:all}.search-modal-inner{max-width:calc(1070px + 24px * 2);width:100%;margin:60px auto 0;position:relative;padding:0 24px}.search-modal-close{position:absolute;top:0;right:0;width:32px;height:32px;cursor:pointer}.search-modal-close::before,.search-modal-close::after{position:absolute;content:"";display:block;width:45.25px;height:1px;background-color:black;top:0;left:0;right:0;bottom:0;margin:auto}.search-modal-close::before{transform:rotate(-45deg)}.search-modal-close::after{transform:rotate(45deg)}.search-modal-close svg{width:100%;height:100%}.search-modal-item{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.2);display:flex;gap:40px}.search-modal-item-head{width:238px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-family:var(--en-font)}.search-modal-item-head span{display:inline-flex;align-items:center;padding:5px 10px 3px;height:24px;line-height:1;align-items:center;background-color:black;color:white;letter-spacing:0}.search-modal-item-head em{font-size:20px;font-weight:600;line-height:1.5}.search-modal-item-body{flex:1}.search-input{height:100%;border:1px solid #E5E5E5;border-radius:6px;max-width:515px;width:100%;display:flex;align-items:center;padding:10px 10px 10px 20px;justify-content:flex-end}.search-input a{display:flex;align-items:center;justify-content:center;gap:6px;width:118px;height:40px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-input button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:118px;height:40px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-input button svg path{transition:.5s stroke}.search-input button:hover{background-color:white;color:black}.search-input button:hover svg path{stroke:black}.search-input input{font-size:16px;border:0;flex:1;height:28px}.search-input a svg path{transition:.5s stroke}.search-input a:hover{background-color:white;color:black}.search-input a:hover svg path{stroke:black}.search-modal-tags{display:flex;gap:10px;flex-wrap:wrap}.search-checkbox{display:flex}.search-checkbox label{display:flex;background-color:#E5E5E5;border-radius:40px;line-height:1;padding:0 21px;align-items:center;gap:6px;height:40px;font-size:14px;cursor:pointer;transition:.5s background-color, .5s color}.search-checkbox label::before{width:20px;height:20px;background:url(https://dolive.media/img/magazine/recipe/check.svg) center center no-repeat;background-size:contain}.search-checkbox input:checked+label{background-color:black;color:white}.search-checkbox input:checked+label::before{content:"";display:block}.search-checkbox label:hover{background-color:black;color:white}.search-images{display:flex;flex-wrap:wrap;gap:20px}.search-checkbox_image{width:81px}.search-checkbox_image label{display:flex;flex-direction:column;width:100%;gap:6.83px;font-size:12px;font-weight:600;position:relative;cursor:pointer}.search-checkbox_image img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.search-checkbox_image .-img{position:relative}.search-checkbox_image input+label .-img::after{content:"";display:block;width:100%;aspect-ratio:1;border:5px solid black;position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:.5s opacity}.search-checkbox_image input:checked+label .-img::after{opacity:1}.search-checkbox_image input+label .-img::before{content:"";display:block;width:20px;height:20px;background:url(https://dolive.media/img/magazine/recipe/check.svg) center center no-repeat;background-size:contain;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0;pointer-events:none}.search-checkbox_image input:checked+label .-img::before{opacity:1}.search-checkbox_image label:hover .-img::after{opacity:1}.search-modal-control{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;margin-bottom:60px}.search-modal-result{text-align:center;font-size:14px;font-weight:600;line-height:1.25;font-family:var(--en-font)}.search-modal-result-number{font-size:32px}.search-modal-control-btn{display:flex;justify-content:center;width:100%}.search-modal-control-btn a{display:flex;align-items:center;justify-content:center;gap:6px;max-width:514px;width:100%;height:56px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-modal-control-btn a svg path{transition:.5s stroke}.search-modal-control-btn a:hover{background-color:white;color:black}.search-modal-control-btn a:hover svg path{stroke:black}.search-modal-control-btn button{display:flex;align-items:center;justify-content:center;gap:6px;max-width:514px;width:100%;height:56px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-modal-control-btn button svg path{transition:.5s stroke}.search-modal-control-btn button:hover{background-color:white;color:black}.search-modal-control-btn button:hover svg path{stroke:black}@media screen and (max-width: 767px){.search-modal-close::before,.search-modal-close::after{width:32.53px;height:2px}.search-modal-inner{margin-top:24px}.search-modal-item{flex-direction:column;gap:12px;padding-bottom:20px;margin-bottom:20px}.search-modal-close{right:24px;width:23px;height:23px}.search-modal-item-head span{font-size:16px}.search-input a{width:84px;height:32px;font-size:12px}.search-input a svg{width:16px}.search-input input{font-size:12px}.search-checkbox label{height:24px;padding:0 11px}.search-checkbox label::before{width:12px;height:12px}.search-images{gap:15.5px}.search-checkbox_image{width:calc(100% / 4 - 15.5px / 4 * 3)}.search-checkbox_image label{gap:6px;font-size:10px}.search-modal-list{padding-top:20px}}.footer-social{margin:0}.header-control{gap:30px;padding:0 40px;top:0;height:120px;position:fixed;display:flex;justify-content:flex-end;align-items:center}.btn-search-brand{height:20px;display:flex;align-items:center;margin-right:12px;cursor:pointer;z-index:13}.btn-search-brand i{display:block;background:url(https://dolive.media/img/magazine/common/icon_search.svg) center center no-repeat;background-size:contain;width:38px;height:38px}.btn-menu{width:42px;height:42px;display:flex;align-items:center}.header-nav-icon{width:31px;height:27px}.header-nav-icon>span{width:100%;height:5px}.header-nav-icon>.middle{top:0;bottom:0;margin:auto 0}@media screen and (max-width: 767px){.header-recipe{justify-content:space-between}.header-control{padding:0 14px;gap:12px;height:80px;width:auto;left:auto;right:0;transform:translate(0, 0)}.btn-search-brand i{width:21.84px;height:21.84px}.btn-menu{width:24px;height:24px}.header-nav-icon{width:17.86px;height:15px}.header-nav-icon>span{height:3px}footer .wrapper{padding:48px 24px}footer .gr-menu .copy-right{padding:0}}header{position:fixed;z-index:10}.header-nav-icon>.middle{top:0px !important}#loader-box{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}body{opacity:0;transition:0.5s opacity;counter-reset:housepj -1}body.-loaded{opacity:1}@-webkit-keyframes scroll{0%{top:0;height:0}25%{top:0;height:100%}75%{top:auto;bottom:0;height:100%}100%{top:auto;bottom:0;height:0}}@keyframes scroll{0%{top:0;height:0}25%{top:0;height:100%}75%{top:auto;bottom:0;height:100%}100%{top:auto;bottom:0;height:0}}.btn-detail{display:inline-flex;padding:10px 10px;text-align:center;background:#222222;border:1px solid black;font-size:9px;font-weight:bold;color:white;border-radius:6px;align-items:center;justify-content:center;transition:color .5s, background-color .5s}@media screen and (max-width: 767px){.btn-detail{font-size:14px;padding:10.5px 0;width:100%}}.btn-detail svg{display:block;margin-left:5px;width:11.5px;height:3.5px}.btn-detail svg path{transition:.5s stroke;stroke:white}.btn-detail:hover{background-color:white;color:black}.btn-detail:hover svg path{stroke:black}.btn-blank{box-sizing:content-box;display:inline-flex;padding:10px 9px;width:173.5px;text-align:center;background:#222222;font-size:9px;font-weight:bold;color:white;border:1px solid black;border-radius:6px;transition:color .5s, background-color .5s;align-items:center;justify-content:center}@media screen and (max-width: 767px){.btn-blank{width:100%;font-size:14px;padding:12px 0}}.btn-blank svg{display:block;margin-left:5px;width:9px;height:9px}.btn-blank svg path{transition:.5s fill;fill:white}.btn-blank:hover{background-color:white;color:black}.btn-blank:hover svg path{fill:black}.top-keyvisual{position:relative;margin:auto;height:45.1vw;min-width:980px;width:100%}@media screen and (max-width: 767px){.top-keyvisual{height:auto;min-width:auto}}.hero{position:relative;margin:0 0 60px;height:100%}.hero a{transition:opacity .5s;display:block}.hero a:hover{opacity:.6}.hero .slick-list{height:100%}.hero .slick-track{height:100%}.hero::after{content:"";display:block;width:67.8vw;height:40.4vw;background-color:#F4F4F4;position:absolute;right:0;top:40px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:500ms}@media screen and (max-width: 767px){.hero::after{display:none}}.hero-imgs{position:absolute;left:0;top:0;width:67.8vw;height:40.4vw;z-index:1;overflow:hidden;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.hero-imgs{height:59.5vw;width:100%;position:relative}}.hero-img{position:relative;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-img a{width:100%;height:100%}@media screen and (max-width: 767px){.hero-img a{height:auto}}.hero-img a:hover{opacity:1}@media screen and (max-width: 767px){.hero-img{width:auto}}.hero-img-slider{height:100%}.hero-img img{height:100%;margin:0 auto}@media screen and (max-width: 767px){.hero-img img{min-width:100%;min-height:100%;width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:auto}}.hero-contents{position:absolute;top:0;bottom:0;margin:auto;width:334.5px;height:202.5px;background:white;border:2px solid black;left:calc(64.9vw - 20px);z-index:2;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.hero-contents{position:relative;width:295px;height:174px;margin:auto;bottom:auto;top:-20px;left:auto}}.hero-content-inner{height:100%}.hero-content-inner::after{content:"";display:block;width:334.5px;height:197.5px;position:absolute;top:11px;right:-6px;background-color:black;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.hero-content-inner::after{display:none}}.hero-content-slider{overflow:hidden;position:relative;height:100%;z-index:3;background:white}.hero-content{top:0;left:0;width:100%;height:100%;padding:30px;display:flex !important;justify-content:center;align-items:flex-start;flex-direction:column}.hero-category{display:inline-block;color:white;background-color:#222222;font-size:8px;font-weight:bold;padding:0.4vw}.hero-category a{color:white;display:block}.hero-title{font-size:15px;font-weight:bold;margin:12px 0;line-height:1.6}.hero-date{font-size:8px;color:#707070}.hero-prev,.hero-next{width:36px;height:36px;background:center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;margin:auto;z-index:4;cursor:pointer}.hero-prev{background-image:url(https://dolive.media/img/top/icon-prev.svg);left:-18px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:300ms}.hero-next{background-image:url(https://dolive.media/img/top/icon-next.svg);right:-18px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:400ms}.hero-dots{position:absolute;bottom:-30px;right:-7px;display:flex;justify-content:flex-end;width:100%;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:500ms}.hero-dots i{display:block;width:8px;height:8px;border:1px solid black;border-radius:50%;margin-left:8px}.hero-dots i.-active{background:black}.hero.in-view--enter::after,.hero.in-view--enter .hero-imgs,.hero.in-view--enter .hero-prev,.hero.in-view--enter .hero-contents,.hero.in-view--enter .hero-contents::after,.hero.in-view--enter .hero-dots,.hero.in-view--enter .hero-next{transform:translate(0, 0);opacity:1}.btn-scroll-down{position:absolute;bottom:0;right:28px;-ms-writing-mode:tb-rl;writing-mode:tb-rl;writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;z-index:2}.btn-scroll-down a{position:relative;padding:0 0 45px 2px;display:block;line-height:1}.btn-scroll-down a::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#000;-webkit-animation:scroll 3s infinite;animation:scroll 3s infinite}@media print, (min-width: 768px){.btn-scroll-down{height:calc(100vh - 114px);display:flex;top:0}.btn-scroll-down a{margin-top:auto}}@media only screen and (max-width: 767px){.btn-scroll-down{display:none}}.time-block{position:absolute;left:25px;top:-70px;margin-right:24px}.time-block .date{text-align:center}.time-block .date .d{display:block;font-size:46px;line-height:1}.time-block .slogan-text{margin-top:10px;font-size:25px;-ms-writing-mode:tb-rl;writing-mode:tb-rl;writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl}.head-news{position:relative;padding:20px 0px 30px;box-sizing:content-box}.head-news .category-news{display:inline-block;padding:3px 6px;font-size:10px;color:#fff;background:#222}.head-news .title-news{margin-top:6px;font-size:20px;font-weight:bold;line-height:1.7;letter-spacing:0.01em;color:#000}.head-news .date-time{color:#959595;margin-top:25px}.interval-top-instagram{text-align:center}.interval-top-instagram .btns{display:flex;align-items:stretch}.interval-top-instagram .btns .col{flex:1}.interval-top-instagram .banner{display:inline-flex;background-size:100% 100%;width:100%;max-width:560px}@media (min-width: 768px){.interval-top-instagram .banner{height:143px}}@media (max-width: 768px){.interval-top-instagram .banner{padding-top:calc(240 / 940 * 100%)}}.interval-top-instagram .banner-house-garage{background-image:url(https://dolive.media/img/magazine/top/house-garage-banner.jpg)}.interval-top-instagram .banner-nihon-noie{background-image:url(https://dolive.media/img/magazine/top/nihon-noie-banner.jpg)}.interval-top-instagram .banner-instagram{background-image:url(https://dolive.media/img/magazine/top/instagram-banner.jpg)}.interval-top-instagram .banner-film-bum{background-image:url(https://dolive.media/img/magazine/top/film-bum-banner.jpeg);border:solid 1px black}.interval-top-instagram .banner-oceans{background-image:url(https://dolive.media/img/magazine/top/oceans-banner4.jpg)}@media (min-width: 768px){.interval-top-instagram .btns{margin-left:-40px}.interval-top-instagram .btns:not(:nth-child(1)){margin-top:20px}.interval-top-instagram .col{margin-left:40px}}@media (max-width: 767px){.interval-top-instagram .btns{display:block}.interval-top-instagram .btns:nth-child(1){margin-top:-20px}.interval-top-instagram .col{margin-top:20px}}.section-top-pickup{background:#f4f4f4}.section-top-pickup .list-article{max-width:1045px;margin:40px auto 0}.section-top-pickup .list-article .slick-list{padding:0 !important}.section-top-pickup .list-article .slick-slide{margin:0 15px;transform:scale(0.85);transition-delay:0s;transition:all 0.4s ease;padding:40px 0}.section-top-pickup .list-article .slick-slide.slick-current{transform:scale(1.1);transition-delay:0.4s}.section-top-pickup .list-article .slick-slide.slick-current .block-article{-moz-box-shadow:0px 0px 12px 0px rgba(34,34,34,0.15);-webkit-box-shadow:0px 0px 12px 0px rgba(34,34,34,0.15);box-shadow:0px 0px 12px 0px rgba(34,34,34,0.15)}.section-top-pickup .list-article .slick-arrow{bottom:auto;top:50%;transform:translateY(-50%)}.section-top-pickup .list-article .slick-arrow.slick-next{right:-120px}.section-top-pickup .list-article .slick-arrow.slick-prev{left:-120px}.section-top-pickup .list-article .slick-dots{display:flex;justify-content:center;line-height:1;margin-top:20px}.section-top-pickup .list-article .slick-dots li{margin:0 8px}.section-top-pickup .list-article .slick-dots li button{text-indent:-9999px;width:10px;height:10px;background:#c6c6c6;cursor:pointer}.section-top-pickup .list-article .slick-dots li.slick-active button{background:#222222}.block-article{width:300px;position:relative}.block-article.-pr{border:1px solid black}.block-article .block-inner{display:block;position:relative}.block-article .img-art{display:block;width:100%;padding-top:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.block-article .info-article{padding:15px 20px;background:#fff;min-height:150px;position:relative}.block-article .info-article .category{display:inline-block;padding:3px 6px;background:#222;color:#fff;font-size:8px;vertical-align:top}.block-article .info-article .category.blank{background:none}.block-article .info-article .ttl{line-height:1.7;margin-top:10px}.block-article .info-article .new-tag{position:absolute;top:15px;right:15px}.block-article .info-article .new-tag small{height:15px;color:#d23c3c;font-size:8px;font-weight:bold;padding:2px 5px;border:1px solid #d23c3c}.block-article .time{position:absolute;font-size:11px;color:#939393;right:15px;bottom:15px;line-height:1}@media only screen and (max-width: 767px){.block-article{width:48%}.block-article .block-inner{height:100%;background:#fff}.block-article .info-article{padding:0.12rem 0.1rem 0.2rem;min-height:0.9rem}.block-article .info-article .category{padding:0.03rem 0.06rem;font-size:0.06rem}.block-article .info-article .ttl{line-height:1.75;font-size:0.1rem;margin-top:0.05rem}.block-article .info-article .new-tag{position:absolute;top:0.1rem;right:0.1rem;height:auto}.block-article .info-article .new-tag img{height:0.1rem}.block-article .time{font-size:0.08rem;right:0.12rem;bottom:0.1rem}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.block-article .info-article .category{padding:4px 6px 1px}.block-article .info-article .new-tag small{padding:2px 5px 0}}.home .block-article:nth-child(1n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:400ms}.home .block-article:nth-child(2n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:500ms}.home .block-article:nth-child(3n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:600ms}.home .block-article:nth-child(4n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:700ms}.home .block-article:nth-child(5n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:800ms}.home .block-article:nth-child(6n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:900ms}.home .block-article:nth-child(7n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:1000ms}.home .block-article:nth-child(8n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:1100ms}.home .block-article:nth-child(9n){transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:1200ms}.section-common-padding{padding:100px 0}@media print, (min-width: 768px){.section-common-padding-bottom{padding:0 0 100px}}@media only screen and (max-width: 767px){.section-common-padding-bottom{padding:0 0 75px}}.section-top-new-arrivals{background:#f4f4f4}.section-top-new-arrivals .pager{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}.list-arrival{flex-wrap:wrap;max-width:1020px;margin:20px auto 0}.list-arrival .block-article{margin:20px 20px}.list-arrival .block-article a{display:block}.section-top-house-project .section-copy{text-align:center;margin:60px auto 0;font-size:16px}@media only screen and (max-width: 767px){.section-top-house-project .section-copy{font-size:12px}.section-top-house-project .section-copy .br1{display:none}}.section-top-house-project .ttl-sub{font-size:24px;margin-top:80px}.section-top-house-project .main-house{max-width:980px;margin:40px auto 0;border:1px solid #000}.section-top-house-project .main-house .img-bnr{width:559px}.section-top-house-project .main-house .img-bnr a{display:block}.section-top-house-project .main-house .info-house{flex:1;border-left:1px solid #000;padding:0 35px}.section-top-house-project .main-house .info-house .inner{display:flex;flex-direction:column;height:100%}.section-top-house-project .main-house .info-house .ttl-house{flex:1;display:flex;align-items:center;justify-content:center}.section-top-house-project .main-house .info-house .ttl-house img{height:100px}@media print, (min-width: 768px){.section-top-house-project .main-house .info-house .ttl-house img{height:152px}}.section-top-house-project .main-house .info-house .btn-house{display:block;border-top:1px solid #c6c6c6;font-size:19px;text-align:center}@media only screen and (max-width: 767px){.section-top-house-project .main-house .info-house{height:280px}}.section-top-house-project .main-house .info-house .btn-house span{display:inline-block;padding:20px 50px 15px;background:url(https://dolive.media/img/magazine/common/ico_arrow_btn_bigger.png) no-repeat right center/38px}.section-top-house-project .list-article{flex-wrap:wrap;max-width:1020px;margin:40px auto 0}.section-top-house-project .list-article .block-article{margin:20px 20px}.section-top-house-project .list-article .slick-list{margin:0 -20px}.section-top-house-project .list-article .slick-arrow{bottom:auto;top:50%;transform:translateY(-50%)}.section-top-house-project .list-article .slick-arrow.slick-next{right:-160px}.section-top-house-project .list-article .slick-arrow.slick-prev{left:-160px}.section-top-house-project .list-article .slick-dots{display:flex;justify-content:center;line-height:1;margin-top:20px}.section-top-house-project .list-article .slick-dots li{margin:0 8px}.section-top-house-project .list-article .slick-dots li button{text-indent:-9999px;width:10px;height:10px;background:#c6c6c6;cursor:pointer}.section-top-house-project .list-article .slick-dots li.slick-active button{background:#222222}@media print, (min-width: 768px){.section-top-house-project .list-article .slick-list{padding:0 !important}}@media only screen and (max-width: 767px){.head-news{padding:0.25rem 0 0.8rem}.head-news .title-news{margin-top:0.1rem;font-size:0.16rem;line-height:1.625}.head-news .date-time{font-size:0.1rem;margin-top:0.2rem}.section-common-padding{padding:70px 0}.section-top-pickup .list-article{margin:0.4rem -0.2rem 0}.section-top-pickup .list-article .slick-list{padding:0 0.7rem !important}.section-top-pickup .list-article .slick-slide{margin:0 0.1rem;padding:0.4rem 0}.section-top-pickup .list-article .slick-dots{margin-top:0}.section-top-pickup .list-article .slick-dots li{margin:0 0.07rem}.section-top-pickup .list-article .slick-dots li button{width:0.1rem;height:0.1rem}.section-top-new-arrivals .btn-common{margin-top:0.4rem}.list-arrival{margin:0.6rem 0 24px 0;padding:0;justify-content:space-between}.list-arrival .block-article{margin:0 0 0.15rem}.js-load-more .block-article{display:none}.js-load-more .block-article.show-image{display:block}.grid-masonry{display:flex;margin:50px auto 0;max-width:1000px}.grid-masonry .grid-sizer,.grid-masonry .grid-item{width:20%}.grid-masonry .grid-item{padding:10px}.main-house{margin:0.6rem auto 0;flex-wrap:wrap}.main-house .img-bnr{width:100%}.main-house .info-house{flex:auto;width:100%;border-left:none;border-top:1px solid #000;padding:0.4rem 0.3rem 0}.main-house .info-house .ttl-house img{height:1rem}.main-house .info-house .text{font-size:1em;margin-top:0.35rem}.main-house .info-house .btn-house{font-size:0.19rem}.main-house .info-house .btn-house span{padding:0.2rem 0.5rem 0.15rem;background-size:0.38rem}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.info-article .category{padding:4px 6px 1px}.info-article .new-tag small{padding:2px 5px 0}}.site-holiday-message{color:red;margin:15px 0;font-size:14px;text-align:center;line-height:2}.sec-privacy{line-height:2;letter-spacing:0.06em}.sec-privacy .privacy-txt{border-bottom:1px solid #c9c9c9}.sec-privacy .privacy-table ol span{float:left}.sec-privacy .privacy-table ol p{margin-bottom:0}.sec-privacy .privacy-table a{color:#979797;text-decoration:underline}.sec-privacy table{width:100%}.sec-privacy table th,.sec-privacy table td{vertical-align:top}.sec-privacy table th{line-height:1.5;font-weight:bold}@media only screen and (max-width: 767px){.sec-privacy{padding-bottom:1.2rem;font-size:0.12rem}.sec-privacy .privacy-txt{padding:0.85rem 0 0.83rem}.sec-privacy .privacy-table p{margin-bottom:0.1rem}.sec-privacy .privacy-table p.mb13,.sec-privacy .privacy-table p.mb20,.sec-privacy .privacy-table p.mb30{margin-bottom:0.24rem}.sec-privacy .privacy-table ol{margin-bottom:0.13rem}.sec-privacy .privacy-table ol p{padding-left:0.4rem}.sec-privacy .privacy-table ol.list-cookie{margin-bottom:0.2rem;margin-top:-0.07rem}.sec-privacy .privacy-table ol.list-cookie p{padding-left:0.17rem}.sec-privacy table tr{border-bottom:1px solid #c9c9c9}.sec-privacy table th,.sec-privacy table td{display:block}.sec-privacy table th{margin-bottom:0.05rem;padding-top:0.18rem;font-size:0.14rem}.sec-privacy table td{padding-bottom:0.03rem}}@media print, (min-width: 768px){.sec-privacy{font-size:12px}.sec-privacy .privacy-txt{padding:84px 40px;margin-bottom:86px}.sec-privacy .privacy-table{padding:0 40px 120px}.sec-privacy .privacy-table p{margin-bottom:13px}.sec-privacy .privacy-table p.mb13{margin-bottom:13px}.sec-privacy .privacy-table p.mb30{margin-bottom:24px}.sec-privacy .privacy-table ol{margin-bottom:15px}.sec-privacy .privacy-table ol p{padding-left:40px}.sec-privacy .privacy-table ol.list-cookie p{padding-left:17px}.sec-privacy table th{width:270px;padding:0 18px;text-indent:-18px;font-size:14px}.sec-privacy table td{padding:0 0 33px}}.sec-company table{width:100%;line-height:2;letter-spacing:0.06em}.sec-company table th,.sec-company table td{vertical-align:top}.sec-company table th{font-weight:bold}.sec-company table th span{display:block;font-weight:normal;color:#979797}.sec-company table a{color:#979797;text-decoration:underline}.sec-company table a.phone-call{color:#222222;text-decoration:none}@media print, (min-width: 768px){.sec-company table a.phone-call{pointer-events:none}}.sec-company table dt{float:left}.sec-company .company-info .left{font-weight:bold}@media only screen and (max-width: 767px){.sec-company{padding-bottom:1.2rem}.sec-company .ft14{margin-bottom:-0.04rem;font-size:0.14rem}.sec-company .company-table{padding-top:0.9rem}.sec-company table tr{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}.sec-company table th,.sec-company table td{display:block}.sec-company table th{padding-top:0.15rem;margin-bottom:0.03rem;font-size:0.14rem}.sec-company table th span{margin-top:-0.05rem;font-size:0.1rem}.sec-company table td{padding-bottom:0.13rem}.sec-company table dt{width:1.3rem}.sec-company table dd{padding-left:1.3rem}.sec-company .company-info ~ .company-info{margin-top:0.03rem}}@media print, (min-width: 768px){.sec-company{padding-bottom:120px}.sec-company .company-table{padding-top:90px;font-size:14px}.sec-company table th,.sec-company table td{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:23px 40px 22px}}@media all and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: active){.sec-company table th,.sec-company table td{padding:27px 40px 20px}}@media print, (min-width: 768px){.sec-company table th{background-color:#f4f4f4;min-width:240px;width:240px;margin-bottom:10px;font-size:14px}.sec-company table th span{margin-top:-5px;font-size:10px}.sec-company table td{min-width:740px;width:740px;font-size:14px}.sec-company table dt{width:190px}.sec-company table dd{padding-left:190px}.sec-company .company-info{display:-webkit-flex;display:flex}.sec-company .company-info .left{width:253px;-webkit-flex-shrink:0;flex-shrink:0}.sec-company .company-info .right{width:407px;-webkit-flex-shrink:0;flex-shrink:0}.sec-company .company-info ~ .company-info{margin-top:17px}}.section-house-banner{padding-bottom:100px}.section-house-banner .sub-banner{background:url(https://dolive.media/img/magazine/house/bnr_page.jpg) no-repeat center/cover;font-size:42px;font-weight:normal}.section-house-banner .sub-banner .ttl{color:#fff}.section-house-banner .text-house{font-size:12px;line-height:2;letter-spacing:0.1em;margin:70px 0 50px}.house-project .list-house{margin:0 -20px 55px}.house-project .list-house li{width:300px;margin:20px}.house-project .list-house li a{display:block;text-align:center}.house-project .list-house li .info-house{padding-top:15px}.house-project .list-house li .info-house .ttl-house{font-weight:bold;font-size:18px}.house-project .list-house li .info-house .ttl-house span{display:block;font-size:10px;color:#333333;margin-top:5px}.house-project .list-house li .info-house .text{font-size:12px;color:#979797;line-height:1.66667;margin-top:10px}.modal-house{background:#f4f4f4;position:relative;padding:60px 0 !important;display:none;width:100%;height:100%}.modal-house .line-it-button{min-width:30px;min-height:30px}.modal-house .btn-close{width:40px;position:absolute;top:35px;right:30px;display:block;outline:none}.modal-house .house-review{max-width:880px;margin:0 auto;padding:40px;background:#fff;justify-content:space-between}.modal-house .img-house{width:420px}.modal-house .info-house{width:300px;padding-top:25px}.modal-house .info-house .name-project{font-weight:bold;font-size:20px;min-height:60px;padding-bottom:10px}.modal-house .info-house .social-group{border-top:1px solid #000;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:10px 5px}.modal-house .info-house .social-group .social-list{align-items:center}.modal-house .info-house .social-group .social-list span{display:block;line-height:1;margin-top:5px}.modal-house .info-house .social-group .social-list ul{align-items:center}.modal-house .info-house .social-group .social-list ul li{margin:0 10px}.modal-house .info-house .social-group .social-list ul li a img{width:22px}.modal-house .info-house .text{line-height:1.71;margin-top:25px}.modal-house .info-house .list-btn{margin-top:50px}.modal-house .info-house .list-btn li{margin-top:10px}.modal-house .info-house .list-btn li .btn-common{width:300px}.fancybox-bg{display:none}.fancybox-slide--html{padding:0}.fancybox-slide--html .fancybox-close-small{display:none}@media only screen and (max-width: 767px){.section-house-banner{padding-bottom:1rem}.section-house-banner .sub-banner{background:url(https://dolive.media/img/magazine/house/sp/bnr_page.jpg) no-repeat center/cover;font-size:0.32rem}.section-house-banner .text-house{font-size:1em;font-weight:500;margin:0.7rem 0}.house-project .list-house{margin:0 0 0.5rem;flex-wrap:wrap}.house-project .list-house li{width:100%;margin:0 0 0.3rem}.house-project .list-house li .info-house{padding:0.15rem 0.15rem 0}.house-project .list-house li .info-house .ttl-house{font-size:0.18rem;min-height:0.45rem}.house-project .list-house li .info-house .ttl-house span{font-size:0.1rem;margin-top:0.05rem}.house-project .list-house li .info-house .text{font-size:1em;margin-top:0.1rem}.modal-house{padding:0 0 0.6rem !important}.modal-house .btn-close{width:0.24rem;position:absolute;top:0.3rem;right:0.2rem}.modal-house .house-review{padding:0.6rem 0.2rem 0.4rem;margin:0 -0.2rem;flex-wrap:wrap}.modal-house .img-house{width:100%}.modal-house .info-house{width:100%;padding-top:0.2rem}.modal-house .info-house .name-project{font-size:0.2rem;min-height:0.5rem;padding-bottom:0.1rem}.modal-house .info-house .social-group{padding:0.1rem 0.2rem}.modal-house .info-house .social-group .social-list span{margin-top:0.05rem}.modal-house .info-house .social-group .social-list ul li{margin:0 0.1rem}.modal-house .info-house .social-group .social-list ul li a{display:block}.modal-house .info-house .text{line-height:1.833;margin-top:0.25rem}.modal-house .info-house .list-btn{margin-top:0.5rem}.modal-house .info-house .list-btn li{margin-top:0.1rem}.modal-house .info-house .list-btn li .btn-common{width:3rem}}.grid-masonry .grid-item .btn-fancy{position:absolute;top:40px;width:calc(100% - 20px);height:calc(100% - 85px);left:10px;outline:none;z-index:2}.grid-masonry .grid-item .link-inner{position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);left:10px;top:10px;transition:all 0.3s ease;background:rgba(0,0,0,0.3)}.grid-masonry .grid-item .link-inner .like-btn{position:absolute;top:0;right:10px;width:70px;height:30px;border:1px solid #fff;border-top:none;font-size:14px;line-height:1;padding:10px 0 5px 30px;color:#fff;background:url(https://dolive.media/img/magazine/common/icon_star_unlike_white.png) no-repeat left 10px center/16px}.grid-masonry .grid-item .link-inner .like-btn.is-like{background:url(https://dolive.media/img/magazine/common/icon_star_like.png) no-repeat left 10px center/16px}.grid-masonry .grid-item .link-inner .share-gr{position:absolute;width:100%;justify-content:center;align-items:center;bottom:0;left:0;font-size:14px;color:#fff;margin-bottom:10px}.grid-masonry .grid-item .link-inner .share-gr a{display:block;margin:0 10px}.grid-masonry .grid-item .link-inner .share-gr a img{height:22px}.grid-masonry .grid-item[data-like="true"] .like-btn{background-image:url(https://dolive.media/img/magazine/common/icon_star_like.png) !important}.grid-masonry.js-more .grid-item.init-hidden{display:none}.grid-masonry.js-more .grid-item.init-hidden.show-image{display:block}.grid-masonry.js-more .grid-item.init-hidden.has-modal{cursor:pointer}.grid-masonry.js-more.js-filter .grid-item.filter-hidden{display:none}.loading{text-align:center;display:none}.filter-area{padding:40px 0}.filter-area .gr-filter{width:800px;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding-bottom:30px;margin-bottom:30px}.filter-area .gr-filter .ttl{font-size:20px;display:block;text-align:left}.filter-area .gr-filter .menu-tag{flex:1;padding-left:30px;flex-wrap:wrap;margin-bottom:-10px}.filter-area .gr-filter .menu-tag li{margin-right:10px;margin-bottom:10px}.filter-area .gr-filter .menu-tag li a{display:block;font-size:12px;height:30px;line-height:30px;font-weight:500;padding:0 20px;background:rgba(0,0,0,0.1);border-radius:20px;transition:0.3s}.filter-area .gr-filter .menu-tag li a.is-selected{background:#000;color:#ffffff}.filter-area .like-filter{-ms-flex:1;flex:1;justify-content:center}.filter-area .like-filter .ttl{font-size:24px;margin-top:5px;margin-right:25px}.filter-area .like-filter a{width:32px}.gallery-post-wrap{background:#f4f4f4;padding:50px 0}.gallery-post-wrap .grid-masonry{margin-top:0}.like-filter .like-btn,.social-list .like-btn{display:inline-block;background:url(https://dolive.media/img/magazine/gallery/icon_star_unlike.png) no-repeat 0 0;background-size:100% auto}.like-filter .like-btn.is-like,.like-filter .like-btn.is-selected,.social-list .like-btn.is-like,.social-list .like-btn.is-selected{background-image:url(https://dolive.media/img/magazine/gallery/icon_star_unlike_on.png)}.like-filter .like-btn{width:32px;height:32px}.social-list .like-btn{width:22px;height:22px}.modal[data-like="true"] .social-list .like-btn{background-image:url(https://dolive.media/img/magazine/gallery/icon_star_unlike_on.png) !important}@media print, (min-width: 768px){.tablet .grid-masonry .grid-item .link-inner{display:none}.tablet .grid-masonry .grid-item:hover .link-inner{display:block}html:not(.tablet) .filter-area .gr-filter .menu-tag li a:hover{background:#000;color:#ffffff}html:not(.tablet) .grid-masonry .grid-item .link-inner{opacity:0;visibility:hidden}html:not(.tablet) .grid-masonry .grid-item:hover .link-inner{opacity:1;visibility:visible}}@media only screen and (max-width: 767px){.grid-masonry .grid-item:hover .link-inner{opacity:1;visibility:visible}.grid-masonry .grid-item .btn-fancy{top:0.3rem;width:calc(100% - 0.14rem);height:calc(100% - 0.8rem);left:0.07rem}.grid-masonry .grid-item .link-inner{position:absolute;width:calc(100% - 0.14rem);height:calc(100% - 0.15rem);left:0.07rem;top:0;opacity:0;visibility:hidden}.grid-masonry .grid-item .link-inner .like-btn{right:0.1rem;width:0.7rem;height:0.3rem;font-size:0.14rem;line-height:1;padding:0.1rem 0 0.05rem 0.3rem;background:url(https://dolive.media/img/magazine/common/icon_star_unlike_white.png) no-repeat left 0.1rem center/0.15rem}.grid-masonry .grid-item .link-inner .like-btn.is-like{background:url(https://dolive.media/img/magazine/common/icon_star_like.png) no-repeat left 0.1rem center/0.15rem}.grid-masonry .grid-item .link-inner .share-gr{font-size:0.14rem;margin-bottom:0.1rem}.grid-masonry .grid-item .link-inner .share-gr a{margin:0 6px}.grid-masonry .grid-item .link-inner .share-gr a:last-child{margin-right:0}.grid-masonry .grid-item .link-inner .share-gr a img{height:0.22rem}.filter-area{padding:0}.filter-area .wrapper-sub{flex-wrap:wrap}.filter-area .gr-filter{width:100%;border-right:none;border-bottom:1px solid #c9c9c9;flex-wrap:wrap;padding:0.25rem 0 0.2rem}.filter-area .gr-filter .ttl{font-size:2em;width:100%;text-align:center}.filter-area .gr-filter .menu-tag{flex:auto;width:100%;padding-left:0;flex-wrap:wrap;margin-bottom:0;justify-content:center;margin-top:0.2rem}.filter-area .gr-filter .menu-tag li{margin:0.04rem 0.03rem}.filter-area .gr-filter .menu-tag li a{font-size:1em;height:0.32rem;line-height:0.32rem;padding:0 0.2rem;border-radius:0.32rem}.filter-area .like-filter{flex:auto;width:100%;justify-content:center;padding:0.25rem 0}.filter-area .like-filter .ttl{font-size:2em;margin-top:0.05rem;margin-right:0.25rem}.filter-area .like-filter a{width:0.32rem;height:0.32rem}.image-gallery{padding-top:0.3rem}.gallery-post-wrap{padding:0.6rem 0}}@media only screen and (max-width: 767px){.sec-detail{padding-bottom:10.4vw}}@media print, (min-width: 768px){.sec-detail{padding-bottom:77px}}@media only screen and (max-width: 767px){.sec-detail .wrapper-detail{padding:0 0.1rem}}@media print, (min-width: 768px){.sec-detail .wrapper-detail{padding:0 100px}}.sec-detail .bnr-img{position:relative}.sec-detail .date{color:white;position:absolute;bottom:10px;left:145px}@media print, (min-width: 768px){.sec-detail .bnr-img{margin:0 auto 30px;width:1070px}}.sec-detail .meta{margin-bottom:15px}.sec-detail .category{display:inline-block;background:#222;color:#fff}.sec-detail h1{font-size:25px;text-align:center;font-weight:bold;letter-spacing:0.1em;line-height:1.5;margin-bottom:60px}.sec-detail .tag{line-height:1;letter-spacing:0.1em}.sec-detail .tag span{display:inline-block}.sec-detail .tag ul{flex-wrap:wrap;align-items:center;letter-spacing:0.04em}.sec-detail .tag ul li:last-child{margin-right:0}@media only screen and (max-width: 767px){.sec-detail .bnr-img{margin:0 0 0.25rem}.sec-detail .date{font-size:0.11rem;left:0.2rem}.sec-detail .meta .tag{display:none}.sec-detail .category{padding:0 0.09rem;font-size:0.1rem;line-height:0.2rem}.sec-detail h1{font-size:18px;text-align:left;margin-bottom:15px}.sec-detail .tag{margin-bottom:20px}.sec-detail .tag span.ft-mono{margin-right:0.05rem;white-space:nowrap;font-size:0.14rem;line-height:1.5}.sec-detail .tag ul{font-size:0.1rem;line-height:2}.sec-detail .tag li{margin-right:0.05rem}}@media print, (min-width: 768px){.sec-detail .date{display:block;font-size:14px}.sec-detail .meta{display:flex;justify-content:space-between;align-items:center}.sec-detail .category{display:block;padding:0 13px;font-size:12px;line-height:26px;flex:none}.sec-detail .tag{margin-left:30px}.sec-detail .tag span{margin-right:25px;font-size:14px}.sec-detail .tag ul{font-size:12px}.sec-detail .tag li{margin-right:5px}.sec-detail .tag.bottom{display:none}}.sec-detail .header-area p,.sec-detail .header-area h2{letter-spacing:0.128em}.sec-detail .header-area .left h2{font-weight:bold;line-height:1.75}.sec-detail .header-area .right{line-height:2;text-align:justify}@media only screen and (max-width: 767px){.sec-detail .header-area{padding:0 0.1rem}.sec-detail .header-area .left h2{margin-bottom:0.18rem;font-size:0.14rem}.sec-detail .header-area .right p{margin-bottom:0.15rem;font-size:0.12rem}.sec-detail .header-area .right p:last-child{margin-bottom:0.25rem}}@media print, (min-width: 768px){.sec-detail .header-area{display:flex;padding-left:30px}.sec-detail .header-area .left{width:310px;padding-right:20px;flex-shrink:0}.sec-detail .header-area .left h2{font-size:20px}.sec-detail .header-area .right{font-size:16px}.sec-detail .header-area .right p{margin-bottom:40px}.sec-detail .header-area .right p:last-child{margin-bottom:55px}.sec-detail .header-area .right .half{width:295px}}.sec-detail .txt-justify{text-align:justify}.sec-detail .ft-bold,.sec-detail em{font-weight:bold}.sec-detail .list-layout{border:2px solid #000}.sec-detail .list-layout li{position:relative}.sec-detail .list-layout li p{margin-bottom:0}.sec-detail .list-layout li span{position:absolute;border-radius:50%;background-color:#000;display:flex;align-items:center;justify-content:center;color:#fff}.sec-detail .list-layout li .txt{font-weight:bold;letter-spacing:0.128em}@media only screen and (max-width: 767px){.sec-detail .list-layout{margin-bottom:0.3rem;padding:0.23rem 0.25rem 0.15rem 0.15rem}.sec-detail .list-layout li span{top:-0.02rem;left:0.07rem;width:0.22rem;height:0.22rem;padding-top:0.02rem;font-size:0.13rem}.sec-detail .list-layout li .txt{padding-left:0.4rem;font-size:0.12rem;line-height:1.67}.sec-detail .list-layout li ~ li{margin-top:0.17rem}}@media print, (min-width: 768px){.sec-detail .list-layout{margin-bottom:48px;padding:50px 55px 50px 40px}}@media all and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: active){.sec-detail .list-layout{padding:54px 55px 46px 40px}}@media print, (min-width: 768px){.sec-detail .list-layout li span{top:-10px;left:2px;width:42px;height:42px;padding-top:4px;font-size:24px}.sec-detail .list-layout li .txt{padding-left:68px;font-size:19px;line-height:1.625}.sec-detail .list-layout li ~ li{margin-top:39px}}.sec-detail .slider-area .slick-arrow:before{content:"";background:url(https://dolive.media/img/magazine/detail/icon_arr.png) no-repeat center/contain}.sec-detail .slider-area .slick-arrow:after{display:none}.sec-detail .slider-area .slick-arrow.slick-next{transform:scaleX(-1)}.sec-detail .slider-area .slick-dots{position:absolute;width:100%;display:flex;justify-content:center;line-height:1}.sec-detail .slider-area .slick-dots li button{text-indent:-9999px;background:#c6c6c6;cursor:pointer}.sec-detail .slider-area .slick-dots li.slick-active button{background:#222222}@media only screen and (max-width: 767px){.sec-detail .slider-area{padding-bottom:0.8rem}.sec-detail .slider-area .slick-arrow{width:0.4rem;height:0.4rem;top:calc(50% - .20rem);transition:all 0.3s}.sec-detail .slider-area .slick-arrow:hover{opacity:0.8}.sec-detail .slider-area .slick-arrow:before{width:0.12rem;height:0.26rem;left:50%;top:50%;transform:translate(-50%, -50%)}.sec-detail .slider-area .slick-arrow.slick-next{right:-0.32rem}.sec-detail .slider-area .slick-arrow.slick-prev{left:-0.32rem}.sec-detail .slider-area .slick-dots{margin-top:0.14rem}.sec-detail .slider-area .slick-dots li{margin:0 0.08rem}.sec-detail .slider-area .slick-dots li button{width:0.09rem;height:0.09rem}}@media print, (min-width: 768px){.sec-detail .slider-area{padding-bottom:110px}.sec-detail .slider-area .slick-arrow{width:40px;height:40px;top:calc(50% - 24px);transition:all 0.3s}.sec-detail .slider-area .slick-arrow:hover{opacity:0.8}.sec-detail .slider-area .slick-arrow:before{width:18px;height:40px;left:calc(50% - 8px)}.sec-detail .slider-area .slick-arrow.slick-next{right:-70px}.sec-detail .slider-area .slick-arrow.slick-prev{left:-70px}.sec-detail .slider-area .slick-dots{margin-top:14px}.sec-detail .slider-area .slick-dots li{margin:0 8px}.sec-detail .slider-area .slick-dots li button{width:9px;height:9px}}.sec-detail p,.sec-detail h3{margin-bottom:30px;font-size:18px;line-height:1.9;letter-spacing:0.04em}@media only screen and (max-width: 767px){.sec-detail p,.sec-detail h3{margin-bottom:0.25rem;font-size:15px;line-height:1.8}}.sec-detail p a{color:#969696;text-decoration:underline}.sec-detail p a:hover{text-decoration:none}.sec-detail p .txt-red{color:#d13c3c}.sec-detail h3{font-weight:bold}.sec-detail .body-layout{margin-bottom:45px}.sec-detail .body-layout hr{margin:50px 0;border:1px solid #222}@media only screen and (max-width: 767px){.sec-detail .body-layout{margin-bottom:0.3rem}.sec-detail .body-layout hr{margin:0.33rem 0}}.sec-detail .interview-format .item{display:flex}.sec-detail .interview-format .item .name{flex-shrink:0;font-weight:bold;line-height:2}@media print, (min-width: 768px){.sec-detail .interview-format .item .name{font-size:19px}}@media only screen and (max-width: 767px){.sec-detail .interview-format{margin-bottom:0.25rem}.sec-detail .interview-format .txt{margin-bottom:0.13rem}.sec-detail .interview-format .item .name{width:0.65rem;padding-right:0.1rem}}@media print, (min-width: 768px){.sec-detail .interview-format{margin-bottom:70px}.sec-detail .interview-format .txt{margin-bottom:25px}.sec-detail .interview-format .item .name{width:110px;padding-right:10px}}.sec-detail .list-normal ul li,.sec-detail .list-normal ol li{position:relative;line-height:2}.sec-detail .list-normal ul li:before{content:"";position:absolute;left:0;border-radius:50%;background-color:#000}.sec-detail .list-normal ol span{position:absolute;left:0;line-height:1}@media only screen and (max-width: 767px){.sec-detail .list-normal{margin-bottom:0.1rem}.sec-detail .list-normal ul li,.sec-detail .list-normal ol li{padding-left:0.2rem;font-size:0.12rem;line-height:1.8}.sec-detail .list-normal ul{margin-bottom:0.15rem}.sec-detail .list-normal ul li:before{top:0.06rem;left:0.02rem;width:0.06rem;height:0.06rem}.sec-detail .list-normal ol{margin-bottom:0.3rem}.sec-detail .list-normal ol span{top:0.05rem}.sec-detail .list-normal li ~ li{margin-top:0.25rem}}@media print, (min-width: 768px){.sec-detail .list-normal{margin-bottom:10px}.sec-detail .list-normal ul li,.sec-detail .list-normal ol li{padding-left:20px;font-size:19px}.sec-detail .list-normal ul{margin-bottom:15px}.sec-detail .list-normal ul li:before{top:11px;width:8px;height:8px}}@media all and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: active){.sec-detail .list-normal ul li:before{top:9px}}@media print, (min-width: 768px){.sec-detail .list-normal ol{margin-bottom:38px}.sec-detail .list-normal ol span{top:9px}}@media all and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: active){.sec-detail .list-normal ol span{top:7px}}@media print, (min-width: 768px){.sec-detail .list-normal li ~ li{margin-top:18px}}.sec-detail .table-layout{overflow-x:auto}.sec-detail .table-layout th,.sec-detail .table-layout td{padding:18px 15px 18px 0;vertical-align:text-top;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;line-height:2}.sec-detail .table-layout th{font-weight:bold}.sec-detail .table-layout table{min-width:100%}@media print, (min-width: 768px){.sec-detail .table-layout{font-size:17px}}@media only screen and (max-width: 767px){.sec-detail .table-layout{margin-bottom:0.4rem}.sec-detail .table-layout.full{margin-right:-0.3rem}.sec-detail .table-layout th,.sec-detail .table-layout td{padding:0.11rem 0;vertical-align:text-top}.sec-detail .table-layout table.style01 th{padding-right:0.25rem;width:1.6rem}.sec-detail .table-layout table.style02{overflow-x:auto}.sec-detail .table-layout table.style02 th,.sec-detail .table-layout table.style02 td{padding-right:0.1rem;min-width:1.6rem}}@media print, (min-width: 768px){.sec-detail .table-layout{margin-bottom:65px}}@media all and (min-width: 768px) and (-ms-high-contrast: none), print and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: active){.sec-detail .table-layout th,.sec-detail .table-layout td{padding:22px 20px 14px 0}}@media print, (min-width: 768px){.sec-detail .table-layout table.style01 th{width:240px}.sec-detail .table-layout table.style01 td{padding:18px 15px 18px 0}.sec-detail .table-layout table.style02 th,.sec-detail .table-layout table.style02 td{width:155px}}.sec-detail .quote-layout{position:relative;text-align:center}.sec-detail .quote-layout p{margin-bottom:0}.sec-detail .quote-layout:before,.sec-detail .quote-layout:after{content:"";position:absolute;background:url(https://dolive.media/img/magazine/detail/icon_quote.png) no-repeat center/contain}.sec-detail .quote-layout:before{top:0}.sec-detail .quote-layout:after{bottom:0;transform:scale(-1)}@media only screen and (max-width: 767px){.sec-detail .quote-layout{margin-bottom:0.35rem;padding:0.18rem 0;text-align:justify}.sec-detail .quote-layout p{font-size:0.12rem;line-height:2}.sec-detail .quote-layout:before,.sec-detail .quote-layout:after{width:0.16rem;height:0.114rem}.sec-detail .quote-layout:before{left:-0.06rem}.sec-detail .quote-layout:after{right:0}}@media print, (min-width: 768px){.sec-detail .quote-layout{margin-bottom:65px;padding:15px 115px;text-align:center}.sec-detail .quote-layout p{font-size:14px}.sec-detail .quote-layout:before,.sec-detail .quote-layout:after{width:24px;height:23px}.sec-detail .quote-layout:before{left:2px}.sec-detail .quote-layout:after{right:2px}}.sec-detail .quote-without-img,.sec-detail .quote-with-img{background-color:#f1f1f1}.sec-detail .quote-without-img p,.sec-detail .quote-with-img p{font-size:14px}.sec-detail .quote-without-img .name,.sec-detail .quote-with-img .name{margin-bottom:15px;font-weight:bold}.sec-detail .quote-without-img .txt,.sec-detail .quote-with-img .txt{margin-bottom:0}@media only screen and (max-width: 767px){.sec-detail .quote-without-img p,.sec-detail .quote-with-img p{font-size:0.12rem}.sec-detail .quote-without-img .name,.sec-detail .quote-with-img .name{margin-bottom:0.05rem}}@media only screen and (max-width: 767px){.sec-detail .quote-without-img{margin-bottom:0.3rem;padding:0.09rem 0.15rem}}@media print, (min-width: 768px){.sec-detail .quote-without-img{margin-bottom:65px;padding:43px 50px}}@media only screen and (max-width: 767px){.sec-detail .quote-with-img{margin-bottom:0.3rem;padding:0.1rem 0.15rem}.sec-detail .quote-with-img .left{width:0.8rem;float:left;margin:0.05rem 0.2rem 0.1rem 0}}@media print, (min-width: 768px){.sec-detail .quote-with-img{margin-bottom:80px;padding:43px 50px 60px}.sec-detail .quote-with-img .left{width:160px;float:left;margin:5px 40px 80px 0}}@media only screen and (max-width: 767px){.sec-detail .img-full{margin-bottom:0.2rem}}@media print, (min-width: 768px){.sec-detail .img-full{margin-bottom:45px}}.sec-detail figcaption{margin-top:15px;font-size:12px;line-height:2}@media only screen and (max-width: 767px){.sec-detail figcaption{margin-top:0.05rem;font-size:0.1rem;line-height:1.8}}@media only screen and (max-width: 767px){.sec-detail .img-single-left img{margin:0.07rem auto}}@media print, (min-width: 768px){.sec-detail .img-single-left{margin:50px 0 35px}.sec-detail .img-single-left:after{content:"";display:table;clear:both}.sec-detail .img-single-left img{width:320px;float:left;margin:5px 60px 25px 0}}@media only screen and (max-width: 767px){.sec-detail .img-single-right img{margin:0.07rem auto}}@media print, (min-width: 768px){.sec-detail .img-single-right:after{content:"";display:table;clear:both}.sec-detail .img-single-right img{width:320px;float:right;margin:5px 0 50px 60px}}.sec-detail .img-couple{margin:45px 0 55px;display:flex;justify-content:space-between}.sec-detail .img-couple figure{width:360px}@media only screen and (max-width: 767px){.sec-detail .img-couple{margin:0.2rem 0 0.55rem}.sec-detail .img-couple figure{width:46.1%}}.sec-detail .google-map{margin-bottom:75px}.sec-detail .google-map iframe{width:100%;border:0;height:525px}@media only screen and (max-width: 767px){.sec-detail .google-map{margin:0 -0.3rem 0.6rem}.sec-detail .google-map iframe{height:2.4rem}}@media print, (min-width: 768px){.sec-detail .dialogue-layout p{font-size:16px}}.sec-detail .dialogue-layout li{display:flex;margin-bottom:63px;justify-content:flex-end;align-items:flex-start}.sec-detail .dialogue-layout li.reverse{justify-content:flex-start}.sec-detail .dialogue-layout li .photo{order:2;margin:5px 0 0 60px}.sec-detail .dialogue-layout li .talk{order:1}.sec-detail .dialogue-layout li .talk:before{border-right:1px solid #000;border-bottom:1px solid #000;right:-18px}.sec-detail .dialogue-layout li.reverse .photo{order:1;margin:5px 60px 0 0}.sec-detail .dialogue-layout li.reverse .talk{order:2}.sec-detail .dialogue-layout li.reverse .talk:before{border-left:1px solid #000;border-top:1px solid #000;border-right:0;border-bottom:0;left:-18.5px}.sec-detail .dialogue-layout .photo{flex-shrink:0;overflow:hidden}.sec-detail .dialogue-layout .photo img{width:90px;height:90px;border-radius:50%}.sec-detail .dialogue-layout .photo figcaption{margin-top:5px;text-align:center;font-size:16px}.sec-detail .dialogue-layout .talk{position:relative;padding:33px 40px 30px;border:1px solid #222}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sec-detail .dialogue-layout .talk{padding:36px 40px 25px}}.sec-detail .dialogue-layout .talk p{margin-bottom:0}@media print, (min-width: 768px){.sec-detail .dialogue-layout .talk p{letter-spacing:0.07em}}.sec-detail .dialogue-layout .talk:before{content:"";width:34px;height:24px;transform:rotate(-24deg) skew(43deg);position:absolute;top:37px;z-index:2;background:#fff}@media only screen and (max-width: 767px){.sec-detail .dialogue-layout li{margin-bottom:0.33rem}.sec-detail .dialogue-layout li .photo{margin:0 0 0 0.2rem}.sec-detail .dialogue-layout li .talk:before{right:-0.08rem}.sec-detail .dialogue-layout li.reverse .photo{margin:0 0.2rem 0 0}.sec-detail .dialogue-layout li.reverse .talk:before{left:-0.075rem}.sec-detail .dialogue-layout li .photo img{width:0.4rem;height:0.4rem}.sec-detail .dialogue-layout li .photo figcaption{margin-top:0;font-size:0.08rem;font-weight:bold}.sec-detail .dialogue-layout li .talk{padding:0.05rem 0.1rem}.sec-detail .dialogue-layout li .talk:before{width:0.13rem;height:0.1rem;transform:rotate(-24deg) skew(43deg);top:0.16rem}}.sec-detail .img-link{margin:120px 100px 120px;border:1px solid #222}.sec-detail .img-link a{display:block}.sec-detail .img-link .d-flex{align-items:center;padding:14px 20px 13px 30px}.sec-detail .img-link .left{margin:0 auto 0 0;padding-right:30px;line-height:1.69;font-size:13px;font-weight:bold;letter-spacing:0.013em}.sec-detail .img-link .right{margin-top:3px;padding-top:17px;background:url(https://dolive.media/img/magazine/detail/icon_arr_02.png) no-repeat left top/contain;font-size:17px;letter-spacing:0.08em}@media only screen and (max-width: 767px){.sec-detail .img-link{margin:0.81rem -0.1rem 0.78rem}.sec-detail .img-link .d-flex{padding:0.07rem 0.1rem 0.06rem}.sec-detail .img-link .left{font-size:0.08rem}.sec-detail .img-link .right{padding-top:0.1rem;font-size:0.1rem}}.sec-detail .check-instagram{text-align:center;margin:120px 0}.sec-detail .social-icon{display:flex;align-items:center;justify-content:center;padding:21px 0;border-top:1px solid #222;border-bottom:1px solid #222}.sec-detail .social-icon span{padding-top:4px;margin-right:30px;font-size:16px;line-height:1}.sec-detail .social-icon ul{display:flex}.sec-detail .social-icon li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sec-detail .social-icon li img{width:22px}.sec-detail .social-icon li ~ li{margin-left:28px}@media only screen and (max-width: 767px){.sec-detail .social-icon{padding:0.22rem 0}.sec-detail .social-icon span{margin-left:-0.2rem;margin-right:0.2rem;font-size:0.14rem}.sec-detail .social-icon li ~ li{margin-left:0.2rem}.sec-detail .social-icon img{width:0.22rem}}.slider-related{padding:80px 0 90px;background-color:#f3f3f3}.slider-related .related-ttl{position:relative;padding-bottom:29px;margin-bottom:60px;font-size:38px;line-height:1;text-align:center}.slider-related .related-ttl:before{content:"";width:100px;height:2px;background-color:#222;position:absolute;left:calc(50% - 50px);bottom:0}.slider-related .wrapper-sub{width:1020px}.slider-related .block-article{padding:0 20px}.slider-related .block-article .img-art{width:100%;padding-top:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.slider-related .slick-list{padding:0 !important}.slider-related .slick-dots{display:none !important}.slider-related .slick-arrow{bottom:unset;top:calc(50% - 17px)}.slider-related .slick-arrow.slick-next{right:-120px}.slider-related .slick-arrow.slick-prev{left:-120px}@media only screen and (max-width: 767px){.slider-related{padding:16vw 0}.slider-related .related-ttl{padding-bottom:5vw;margin-bottom:10.6vw;font-size:10.1vw}.slider-related .related-ttl:before{width:1rem;height:0.02rem}.slider-related .slick-arrow{display:none !important}.slider-related .wrapper-sub{width:100%;padding:0}.slider-related .slick-list{padding:0 0.95rem !important}.slider-related .block-article{padding:0 0.1rem}.slider-related .block-article .info-article{padding:0.1rem 0.1rem 0.2rem}.slider-related .block-article .info-article .ttl{font-size:0.08rem}.slider-related .block-article .info-article .category{padding:0.02rem 0.04rem 0.01rem;font-size:0.06rem}}@media print, (min-width: 768px){.is-square img{display:block;width:80%;margin:0 auto}}input[type="checkbox"],input[type="radio"]{display:none}input[type="checkbox"]:checked+.form-checkbox::after,input[type="radio"]:checked+.form-checkbox::after,input[type="checkbox"]:checked+.form-radio::after,input[type="radio"]:checked+.form-radio::after{display:block}.form-checkbox::before,.form-checkbox:after{position:absolute;content:"";top:0;left:0;bottom:0;margin-top:auto;margin-bottom:auto}.form-radio::before,.form-radio:after{position:absolute;content:"";top:0;left:0;bottom:0;margin-top:auto;margin-bottom:auto}.form-cmn{max-width:980px;margin:90px auto 120px}.form-cmn .point{color:#d23c3c}@media print, (min-width: 768px){.form-cmn{padding-right:30px}}.form-flow{text-align:center}.form-flow .title{font-weight:bold;font-size:0.2rem}.form-flow .text{margin-bottom:35px}.form-flow .list{margin-bottom:20px;text-align:left}.form-flow .item{display:inline-block;font-size:10px;position:relative;font-weight:bold;color:#222;padding-left:30px;padding-bottom:25px}.form-flow .item::before,.form-flow .item::after{position:absolute;content:"";bottom:0}.form-flow .item::before{display:none}.form-flow .item::after{top:1px;left:5px;width:9px;height:9px;opacity:1;background:#fff}.form-flow .item:first-child:before,.form-flow .item:first-child:after{display:none}.form-flow .item:last-child::before{display:none}.form-flow .list-large .item::after{right:-23px}@media print, (min-width: 768px){.form-flow{text-align:left;width:240px;padding-left:20px}}@media only screen and (max-width: 767px){.form-flow.l-side{margin-bottom:0;width:100%}}@media print, (min-width: 768px){.form-flow .title{font-size:20px;margin-bottom:10px}}@media print, (min-width: 768px){.form-flow .text{font-size:11px;font-weight:bold}}@media print, (min-width: 768px){.form-flow .list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media print, (min-width: 768px){.form-flow .item{-webkit-flex:none;-ms-flex:none;flex:none;padding:0 0 35px 20px}}@media print, (min-width: 768px){.form-flow .item::before{top:1px;left:4px;display:block;width:1px;height:100%;background-color:#979797}.form-flow .item.is-current:before{background:#222}}@media print, (min-width: 768px){.form-flow .item::after{left:0;right:auto;border:1px solid #979797}}@media print, (min-width: 768px){.form-flow .item:first-child:before{display:block}}@media print, (min-width: 768px){.form-flow .item:first-child:after{display:block}}@media print, (min-width: 768px){.form-flow .item.is-current::after{background-color:#222222;border-color:#222}}@media screen and (orientation: landscape) and (max-width: 767px){.form-flow .list-large .item::after{right:-90px}}.form-content{flex:1}.form-content .image{margin-bottom:15px}.form-content .txt-error{font-size:12px;color:#d23c3c}.form-content .txt-error.is-hidden{display:none}.form-content .btn-cmn{margin-top:50px}.form-content .btn-cmn .submit-button{display:block;width:400px;height:55px;line-height:55px;text-align:center;font-weight:bold;color:#ffffff;background:#222222;cursor:pointer;-webkit-appearance:none;border-radius:0;box-shadow:none;margin-left:50px}.form-content .btn-cmn .btn-back{display:block;width:250px;height:55px;background:#999 url(https://dolive.media/img/magazine/common/icon_arrow_back.png) no-repeat left 10px center;text-align:center;color:#ffffff;line-height:55px;font-weight:bold}.form-content .btn-cmn.btn-confirm .submit-button{background:#222 url(https://dolive.media/img/magazine/common/icon_arrow_confirm.png) no-repeat right 10px center}@media print, (min-width: 768px){.form-content-centered{margin:0 auto}}@media print, (min-width: 768px){.form-complete{margin-left:108px}}@media print, (min-width: 768px){.form-complete .btn-form{margin-top:60px;margin-bottom:20px}}@media print, (min-width: 768px){.form-flow-table .text{line-height:1.7}}.form-text{width:100%;padding:10px;background-color:#f4f4f4;height:45px;-webkit-appearance:none;border-radius:0;box-shadow:none}.form-textarea{width:100%;padding:15px 10px;background-color:#f4f4f4;outline:none;resize:none;-webkit-appearance:none;border-radius:0;box-shadow:none}.form-textarea.text-area-height{height:230px}.form-radio-wrap .radio-box{display:inline-block;margin-bottom:10px}.form-radio-wrap .radio-box:not(:last-child){margin-right:25px}.form-radio{position:relative;padding-left:30px;cursor:pointer}.form-radio::before{width:16px;height:16px;border:1px solid #999999;border-radius:50%}.form-radio::after{display:none;left:3px;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#999999}.table-cmn-wrap+.table-cmn-wrap{margin-top:30px}.table-cmn-wrap.table-confirm{padding-top:20px;border-top:1px solid #c0c0c0;margin-top:20px}@media print, (min-width: 768px){.table-cmn-wrap.table-confirm{padding-top:40px;margin-top:40px}}.table-cmn{display:block}.table-cmn .title,.table-cmn .text{display:block}.table-cmn .title{border-top:1px solid #ccc;font-weight:bold;font-size:14px;padding-top:10px;padding-bottom:5px}.table-cmn .title .caution{display:block;font-weight:normal}.table-cmn .text{border-top:none;padding-bottom:10px;font-size:12px}.table-cmn tr:last-child .text{border-bottom:1px solid #ccc}@media print, (min-width: 768px){.table-cmn{display:table}}@media print, (min-width: 768px){.table-cmn .title{display:table-cell;width:180px;padding:30px;background-color:#f4f4f4}}@media print, (min-width: 768px){.table-cmn .title .caution{margin-top:-5px;font-size:12px}}@media print, (min-width: 768px){.table-cmn .text{display:table-cell;padding:30px;border-top:1px solid #ccc;font-size:14px}}@media print, (min-width: 768px){.table-cmn tr:last-child .text{border-bottom:none}}.table-form{width:100%;display:block}.table-form tr{display:block}.table-form .title,.table-form .text{display:block;border:2px solid #fff;line-height:1.5}.table-form .title{width:100%;padding:0 10px 12px}.table-form .title-middle{vertical-align:middle}@media print, (min-width: 768px){.table-form{display:table}}@media only screen and (max-width: 767px){.table-form tbody{display:block}}@media print, (min-width: 768px){.table-form tr{display:table-row}}@media print, (min-width: 768px){.table-form .title,.table-form .text{display:table-cell;border-width:4px}}@media print, (min-width: 768px){.table-form .title{background-color:#f4f4f4;width:240px;padding:25px 30px}}.table-form .text{padding:10px 28px;padding-right:0;vertical-align:middle}.table-form .text label{width:100%}.table-form tr:last-child .text{border-bottom:none}.l-form-thanks .content-thanks{max-width:520px;text-align:center}.l-form-thanks p.text-center{font-size:16px;line-height:1.7;margin-top:30px}@media only screen and (max-width: 767px){.form-cmn{flex-wrap:wrap;margin:0.8rem 0 1.2rem}.form-cmn .form-content{flex:auto;width:100%}.form-flow .title{margin-bottom:0.1rem}.form-flow .text{font-size:0.11rem;margin-bottom:0.3rem;line-height:1.63636}.form-flow .list{display:flex;justify-content:center;margin-bottom:0.7rem}.form-flow .item{display:block;font-size:0.1rem;padding:0 0.15rem 0 0.1rem;line-height:1;color:#999}.form-flow .item::after{width:0.07rem;height:0.09rem;background:url(https://dolive.media/img/magazine/common/icon_contact_arrow.png) no-repeat;background-size:100%;right:0;left:auto;top:50%;transform:translateY(-50%)}.form-flow .item:first-child::after{display:block}.form-flow .item:last-child::after{display:none}.form-flow .item.is-current{color:#222}.form-flow .item.is-current::after{background:url(https://dolive.media/img/magazine/common/icon_contact_arrow_current.png) no-repeat;background-size:100%}.table-form .title{padding:0;border:none}.table-form .text{padding:0.1rem 0 0.6rem;border:none}.form-radio-wrap .radio-box{margin-bottom:0;margin-right:0.3rem}.table-cmn .title{font-size:0.14rem}.form-textarea{height:1.7rem;padding:0.1rem;font-size:0.14rem}.form-text{padding:0.1rem;height:0.45rem;font-size:0.14rem}.form-radio{padding-left:0.3rem;font-size:0.14rem}.form-radio::before{width:0.16rem;height:0.16rem}.form-radio::after{left:0.03rem;width:0.1rem;height:0.1rem}.form-content .btn-cmn{margin-top:0.5rem}.form-content .btn-cmn .submit-button{width:100%;height:0.55rem;line-height:0.55rem;margin-left:0}.form-content .btn-cmn .btn-back{height:0.55rem;line-height:0.55rem;width:1.2rem;text-align:right;padding-right:0.2rem;font-size:1em;background-size:0.15rem}.form-content .btn-cmn.btn-confirm .submit-button{flex:1;margin-left:0.2rem;background-size:0.15rem}.l-form-confirm .table-form .text{padding-bottom:0.3rem}.l-form-thanks p.text-center{font-size:1em;margin-top:0.3rem}.l-form-thanks .content-thanks{margin:0 auto}}.site-holiday-message{color:red;margin:15px 0;font-size:14px;text-align:center;line-height:2.0}.people{margin-bottom:80px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.people .wrapper{padding:0}}.people-inner{border:1px solid black;padding:20px 0;border-radius:24px;max-width:980px;margin:0 auto}@media screen and (max-width: 767px){.people-inner{background-color:white}}.people-heading{display:flex;margin-bottom:14px;align-items:center;padding:0 20px}@media screen and (max-width: 767px){.people-heading{margin-bottom:34px}}.people-heading a{display:inline-block;border-radius:7.5px;font-size:9px;font-weight:bold;line-height:1em;padding:8px 18px 8px 10px;border:1px solid black;transition:.5s all;position:relative}@media screen and (max-width: 767px){.people-heading a{font-size:11px}}.people-heading a:hover{background:black;color:white}.people-heading a:after{content:"";display:block;width:11px;height:9px;background:url(https://dolive.media/img/magazine/common/icon_arrow.svg) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;margin:auto 0;right:5px}.people-title{font-size:40px;margin-right:20px;line-height:1em;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:100ms}@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.people-list-wrap{display:flex;overflow:hidden}@media screen and (max-width: 767px){.people-list-wrap{height:200px}}.people-list{display:flex;height:70.5px}.people-list:first-child{animation:slide1 60s -30s linear infinite}.people-list:last-child{animation:slide2 60s linear infinite}@media screen and (max-width: 767px){.people-list .slick-list{height:205px}}@media screen and (max-width: 767px){.people-list{height:80px}}.people-list-wrap.-pause .people-list{animation-play-state:paused}.people-item{width:76px !important;text-align:center;margin-right:20px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.people-item{transform:scale(1.2) translate(0, 10px);width:40px !important}}.people-item a{display:flex;width:52.5px;flex-direction:column;justify-content:center;align-items:center;transition:.5s opacity}.people-item a:hover{opacity:.6}.people-item a img{width:100%}@media screen and (max-width: 767px){.people-item a img{width:73px}}.people-item a i{display:block;border-radius:50%;overflow:hidden;width:52.5px}@media screen and (max-width: 767px){.people-item:nth-child(2n){transform:scale(1.2) translate(0, 120%)}}.people-name{font-size:9px;font-weight:bold;white-space:nowrap;margin-top:6px;text-align:center;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:300ms}.people-name span{font-size:6px}@media screen and (max-width: 767px){.people-name{margin-top:10px}.people-name span{font-size:8px}}.people.in-view--enter{transform:translate(0, 0);opacity:1}.people.in-view--enter .people-title,.people.in-view--enter .people-name{transform:translate(0, 0);opacity:1}.people.in-view--enter .people-item{transform:translate(0, 0);opacity:1}@media screen and (max-width: 767px){.people.in-view--enter .people-item{transform:scale(1.2) translate(0, 10px)}.people.in-view--enter .people-item:nth-child(2n){transform:scale(1.2) translate(0, 120%)}}.stamen{margin-bottom:100px;position:relative}.stamen .wrapper{width:892px}@media screen and (max-width: 767px){.stamen .wrapper{width:100%;padding:0}}.stamen:before{content:"";position:absolute;width:596px;height:380px;bottom:-58px;left:0;right:0;margin:auto;background:#F4F4F4}@media screen and (max-width: 767px){.stamen:before{display:none}}.stamen-content{position:relative;margin-top:177px}@media screen and (max-width: 767px){.stamen-content{display:block}}.stamen-heading{display:flex;flex:1}@media screen and (max-width: 767px){.stamen-heading{display:block}}.stamen-foot{display:flex;justify-content:center;margin-top:60px}.stamen-foot .btn-detail{padding:10px 20px}.stamen-calenders{position:relative;width:62.5px;height:77.5px;margin-right:33px;margin-top:46px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms;display:flex}@media screen and (max-width: 767px){.stamen-calenders{margin:0;position:absolute;left:0.2rem}}.stamen-calenders svg{display:none}.stamen-calenders svg text{font-family:"mono45-headline", monospace}.stamen-calenders canvas{transform:scale(0.5);transform-origin:left top}.stamen-calender{position:absolute;top:-18px;left:0;width:62.5px;height:111.35px;background:white url(https://dolive.media/img/top/calender-device.svg) center center no-repeat;background-size:contain;transition:.5s all;transform:translate(0, 0);opacity:1}.stamen-calender:nth-child(1n){z-index:7}.stamen-calender:nth-child(2n){z-index:6}.stamen-calender:nth-child(3n){z-index:5}.stamen-calender:nth-child(4n){z-index:4}.stamen-calender:nth-child(5n){z-index:3}.stamen-calender:nth-child(6n){z-index:2}.stamen-calender:nth-child(7n){z-index:1}@media screen and (max-width: 767px){.stamen-calender{width:58px;height:103.34px;margin-right:22px;position:absolute;top:-18px}}.stamen-calender.-out{transform:translate(0, 50px);opacity:0}.stamen-calender .-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:111.35px;position:absolute;bottom:1px;transform:translate(0, 5px)}@media screen and (max-width: 767px){.stamen-calender .-inner{height:103.34px}}.stamen-calender .-month{font-size:12px;font-weight:bold;letter-spacing:-.02em;line-height:1em}@media screen and (max-width: 767px){.stamen-calender .-month{font-size:10px}}.stamen-calender .-date{font-size:37.5px;font-weight:bold;letter-spacing:-.02em;line-height:1em}@media screen and (max-width: 767px){.stamen-calender .-date{font-size:33px}}.stamen-calender .-weekday{font-size:12px;font-weight:bold;letter-spacing:-.02em;line-height:1em;margin-top:-4.5px}@media screen and (max-width: 767px){.stamen-calender .-weekday{font-size:10px}}.stamen-titleset{display:flex;position:relative;justify-content:space-between;flex:1}@media screen and (max-width: 767px){.stamen-titleset{display:block}}.stamen-title{margin-bottom:23px;margin-top:46px}@media screen and (max-width: 767px){.stamen-title{padding-left:95px;padding-right:0.2rem;height:68.43px;display:flex;flex-direction:column;justify-content:center;margin-bottom:45px}}.stamen-title .-sub{font-size:18px;line-height:1em;margin-bottom:10px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.stamen-title .-sub{font-size:14px}}.stamen-title .-main{font-size:36px;font-weight:bold;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.stamen-title .-main{font-size:30px}}.stamen-detail{position:absolute;left:0;top:181px;width:100%}@media screen and (max-width: 767px){.stamen-detail{position:static;height:91px}}.stamen-text{font-size:15px;font-weight:bold;line-height:1.6;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:300ms;width:280px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width: 767px){.stamen-text{width:100%;margin:24px 0 0 0}}.stamen-category{display:inline-block;margin-top:16px;font-size:8px;line-height:1em;color:white;background-color:black;padding:5px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:400ms}@media screen and (max-width: 767px){.stamen-category{font-size:11px;padding:8px}}.stamen-slider{width:436px;height:300px;position:relative;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:500ms}@media screen and (max-width: 767px){.stamen-slider{width:100%;height:74.6vw;　margin-bottom:23px}}.stamen-imgs{position:relative;height:100%;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:600ms}.stamen-imgs .slick-list{height:100%}.stamen-imgs .slick-track{height:100%}.stamen-imgs a{display:block;width:146px !important;height:146px !important;transition:0.5s transform, 0.5s z-index;transform:scale(1.5) translate(0, 50px);z-index:0;position:relative}@media screen and (max-width: 767px){.stamen-imgs a{transform:scale(0.9);width:74vw !important;height:74vw !important}}.stamen-imgs a img{width:100%}.stamen-imgs .slick-active{z-index:1}@media screen and (max-width: 767px){.stamen-imgs .slick-active{transform:scale(1)}}.stamen-imgs .slick-current+.slick-active{transform:scale(2) translate(0, 25%);z-index:2}.stamen-next-text,.stamen-prev-text{position:absolute;font-size:17px;font-family:"mono45-headline", monospace;top:15px;cursor:pointer}@media screen and (max-width: 767px){.stamen-next-text,.stamen-prev-text{display:none}}.stamen-next-text{right:0;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:700ms}.stamen-prev-text{left:0;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:800ms}.stamen-prev,.stamen-next{width:36px;height:36px;background:center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;margin:auto;z-index:4;cursor:pointer}.stamen-prev{background-image:url(https://dolive.media/img/top/icon-prev.svg);left:54px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:900ms}@media screen and (max-width: 767px){.stamen-prev{left:9.5vw}}.stamen-next{background-image:url(https://dolive.media/img/top/icon-next.svg);right:54px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:1000ms}@media screen and (max-width: 767px){.stamen-next{right:9.5vw}}.stamen-content.in-view--enter .stamen-calenders,.stamen-content.in-view--enter .stamen-title .-sub,.stamen-content.in-view--enter .stamen-title .-main,.stamen-content.in-view--enter .stamen-slider,.stamen-content.in-view--enter .stamen-imgs,.stamen-content.in-view--enter .stamen-text,.stamen-content.in-view--enter .stamen-category,.stamen-content.in-view--enter .stamen-prev-text,.stamen-content.in-view--enter .stamen-next-text,.stamen-content.in-view--enter .stamen-prev,.stamen-content.in-view--enter .stamen-next{transform:translate(0, 0);opacity:1}.stamen-about{display:flex;position:relative;margin-top:44px;justify-content:space-between;align-items:center}@media screen and (max-width: 767px){.stamen-about{flex-direction:column-reverse;padding:0 0.2rem}}.stamen-about-pic{max-width:403px;width:100%;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.stamen-about-pic{margin:auto}}.stamen-about-pic img{width:100%}.stamen-about-house{position:relative;max-width:440px;width:100%;padding:36px 27px 50px;border:1px solid black;border-radius:25px;background:white}.stamen-about-house:before{content:"";display:block;width:100px;height:1px;background-color:white;position:absolute;bottom:-1px;left:0;right:0;margin:0 auto}.stamen-about-house:after{content:"";display:block;width:90px;height:1px;background-color:black;transform:rotate(-30deg) translate(25px, 10px);position:absolute;bottom:-1px;left:0;right:0;margin:0 auto}@media screen and (max-width: 767px){.stamen-about-house{margin-bottom:60px}}.stamen-about-house .-title{font-size:32px;font-weight:bold;margin-bottom:24px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:100ms}.stamen-about-house .-title br{display:none}@media screen and (max-width: 767px){.stamen-about-house .-title br{display:inline}}.stamen-about-house .-txt{width:308px;margin:auto;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.stamen-about-house .-txt{width:100%}}.stamen-about-house .-txt p{font-size:9px;text-align:center;font-weight:bold;margin-bottom:1em;line-height:1.8}@media screen and (max-width: 767px){.stamen-about-house .-txt p{text-align:left;font-size:14px}}.stamen-about-house .-txt p:last-child{margin:0}.stamen-about-house .-btn{display:flex;justify-content:center;margin-top:17px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:300ms}.stamen-detail-list{position:relative;width:280px}@media screen and (max-width: 767px){.stamen-detail-list{width:100%}}.stamen-detail-item{width:100%;opacity:0;pointer-events:none;position:absolute;transition:0.5s opacity;top:0;left:0}@media screen and (max-width: 767px){.stamen-detail-item{padding:0 0.2rem;height:3em}}.stamen-detail-item.-active{opacity:1;pointer-events:all}.stamen-about.in-view--enter .stamen-about-house .-title,.stamen-about.in-view--enter .stamen-about-house .-txt,.stamen-about.in-view--enter .stamen-about-house .-btn,.stamen-about.in-view--enter .stamen-about-pic{transform:translate(0, 0);opacity:1}.section-top-new-arrivals{padding-top:60px;padding-bottom:40px}.section-top-new-arrivals .ttl-common{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}.section-top-new-arrivals .ttl-common::before{display:none}.section-top-new-arrivals .sm{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}.section-top-new-arrivals .md{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:300ms}.arrivals-tags{display:flex;max-width:980px;margin:auto;padding:0 0 12px;border-bottom:1px solid #C9C9C9;overflow-x:scroll;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:100ms}@media screen and (max-width: 767px){.arrivals-tags{flex-wrap:wrap;overflow:visible}}input[type="radio"]:checked+label{background-color:black;color:white}label.arrivals-tag{display:inline-block;padding:4px 6px;border:1px solid black;border-radius:4px;margin-right:12px;background-color:white;cursor:pointer}@media screen and (max-width: 767px){label.arrivals-tag{white-space:nowrap;margin-bottom:12px;text-align:center;padding:12px 0;line-height:1em;padding-right:25px;padding-left:25px}}.section-top-new-arrivals.in-view--enter .ttl-common,.section-top-new-arrivals.in-view--enter .sm,.section-top-new-arrivals.in-view--enter .md,.section-top-new-arrivals.in-view--enter .arrivals-tags,.section-top-new-arrivals.in-view--enter .block-article{transform:translate(0, 0);opacity:1}.section-top-new-arrivals .pager.in-view--enter{transform:translate(0, 0);opacity:1}.service{padding:100px 0 60px}.service .wrapper{max-width:980px}.service-heading{margin:0 0 44px;display:flex;flex-direction:column;align-items:center}.service-title-sub{margin:0 0 22px;width:247px;height:36px;position:relative;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}.service-title-sub span{display:block;text-align:center;margin-top:7px;font-size:14px;font-weight:bold}.service-title-sub svg{position:absolute;top:0}.service-title-sub svg path{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:1038px;stroke-dashoffset:1038px}.service-title-sub svg line{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:34.19736703432005px;stroke-dashoffset:34.19736703432005px}.service-title{font-size:32px;font-weight:bold;line-height:1em;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:100ms}.service-title br{display:none}@media screen and (max-width: 767px){.service-title{font-size:30px;text-align:center;line-height:42px}.service-title br{display:inline}}.service-item{display:flex;height:370px;margin-bottom:32px;border:1px solid black;box-sizing:content-box}@media screen and (max-width: 767px){.service-item{flex-direction:column;height:auto}}.service-item:last-child{margin-bottom:0}.service-img{width:485px;display:flex;align-items:center;justify-content:center;background-color:#F4F4F4;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}@media screen and (max-width: 767px){.service-img{width:100%}}.service-img img{max-height:100%}.service-img video{max-height:100%;max-width:100%}.service-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 104px}@media screen and (max-width: 767px){.service-content{width:100%;padding:30px}}.service-content .btn-blank{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}.service-content-icon{font-size:16px;margin:0 0 8px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:300ms;margin:0 0 22px;width:55px;height:34px;position:relative;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}.service-content-icon span{display:block;text-align:center;margin-top:5px}.service-content-icon svg{position:absolute;top:0}.service-content-icon svg path{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:277.128px;stroke-dashoffset:277.128px}.service-content-icon svg line{fill:none;stroke:black;stroke-width:2px;stroke-dasharray:25.553864678361276px;stroke-dashoffset:25.553864678361276px}.service-content-title{font-size:50px;margin-bottom:25px;line-height:1em;font-weight:normal;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:400ms}@media screen and (max-width: 767px){.service-content-title{font-size:47px}}.service-content-title:after{content:"";display:block;width:77px;height:1px;background-color:black;margin-top:17px}.service-content-text{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:500ms;font-size:9px;font-weight:bold;line-height:1.8;margin-bottom:28px}@media screen and (max-width: 767px){.service-content-text{font-size:14px}}.service.in-view--enter .service-title-sub,.service.in-view--enter .service-title{transform:translate(0, 0);opacity:1}.service.in-view--enter .service-title-sub svg path{animation:line_animation_sb1 1.5s both}.service.in-view--enter .service-title-sub svg line{animation:line_animation_sb2 1s 1.2s both}.service-item.in-view--enter .service-img,.service-item.in-view--enter .service-content-icon,.service-item.in-view--enter .service-content-title,.service-item.in-view--enter .service-content-text,.service-item.in-view--enter .btn-blank{transform:translate(0, 0);opacity:1}.service-item.in-view--enter .service-content-icon svg path{animation:line_animation_si1 1.5s both}.service-item.in-view--enter .service-content-icon svg line{animation:line_animation_si2 1s 1.2s both}.top-insta{width:600px;height:300px;margin:100px auto 60px;background:url(https://dolive.media/img/top/insta-bg-pc.png) center center no-repeat;background-size:cover;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}@media screen and (max-width: 767px){.top-insta{width:100vw;height:100vw;background-image:url(https://dolive.media/img/top/insta-bg-sp.png);margin-top:0}}.top-insta a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;transition:.5s opacity}.top-insta a:hover{opacity:.6}.top-insta-title{font-size:38px;letter-spacing:-0.02em;line-height:1em;color:white;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:100ms}.top-insta-text{font-size:8px;color:white;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}.top-insta-icon{display:inline-block;width:26px;margin-top:12px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:300ms}.top-insta-icon img{width:100%}.top-insta.in-view--enter{transform:translate(0, 0);opacity:1}.top-insta.in-view--enter .top-insta-title,.top-insta.in-view--enter .top-insta-text,.top-insta.in-view--enter .top-insta-icon{transform:translate(0, 0);opacity:1}.header-top.-sticky .logo{position:fixed;z-index:1}@media screen and (max-width: 767px){.header-top.-sticky .logo{position:static}}.container{overflow:visible}.about-page{position:relative;z-index:1}.about-page .sticky-wrapper{position:relative;pointer-events:none}.about-page .sticky-fixed{position:sticky;top:120px;display:flex;flex-direction:column;height:calc(100vh - 120px)}@media screen and (max-width: 767px){.about-page .sticky-fixed{position:static;height:auto}}.about-page .fixed-background{background:#F4F4F4;flex:1;margin-top:-30px}.about-page .fixed-wrapper{width:967px;height:100%;margin:0 auto;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 767px){.about-page .fixed-wrapper{width:100%;padding:20px 20px 0}}.about-page .fixed-image{width:510px}.about-page .heading{margin:20px 0 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 767px){.about-page .heading{display:block}}.about-page .heading img{width:249px}@media screen and (max-width: 767px){.about-page .heading img{width:205px}}.about-page .heading .-title{font-size:36px;font-weight:bold;background:white;display:inline-block;padding:5px 10px;transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}.about-page .heading .-title.in-view--enter{transform:translate(0, 0);opacity:1}@media screen and (max-width: 767px){.about-page .heading .-title{display:block;background:none;font-size:30px;text-align:left;margin:0 0.2rem 0;position:relative}.about-page .heading .-title span{position:relative;z-index:2}.about-page .heading .-title:before{content:"";width:7.4em;height:1.2em;top:0.3em;left:0;background:white;display:block;position:absolute}.about-page .heading .-title:after{content:"";width:5.4em;height:1.2em;bottom:0.25em;left:0;background:white;display:block;position:absolute}}.about-page .heading .-title br{display:none}@media screen and (max-width: 767px){.about-page .heading .-title br{display:inline}}.content-imagine{margin-top:calc(-1 * (100vh - 226px))}@media screen and (max-width: 767px){.content-imagine{margin-top:-68px;overflow:visible;background:#F4F4F4}}.content-imagine .wrapper{width:967px;padding:100px 0 0;margin:0 auto;display:flex;justify-content:space-between;position:relative}@media screen and (max-width: 767px){.content-imagine .wrapper{width:100%;padding:90px 0.2rem;flex-direction:column-reverse}}.content-imagine .content-imagine-text{width:494px;margin:auto 0;z-index:2;margin-top:calc(50vh - 200px - 206px);margin-bottom:calc(50vh - 206px)}@media screen and (max-width: 767px){.content-imagine .content-imagine-text{height:auto;width:100%;overflow:visible;margin:0}}.content-imagine .content-imagine-text .-item{display:flex;flex-direction:column;justify-content:center;margin:0 0 10vh;transition:.5s opacity;opacity:0}@media screen and (max-width: 767px){.content-imagine .content-imagine-text .-item{height:auto;opacity:1}}.content-imagine .content-imagine-text .-item.-active{opacity:1}.content-imagine .content-imagine-text .-item:nth-child(3){margin-bottom:0}@media screen and (max-width: 767px){.content-imagine .content-imagine-text .-item:nth-child(3){margin-bottom:73px}}.content-imagine .content-imagine-text .-balloon{font-size:14px;font-weight:bold;line-height:2em;border:2px solid black;border-radius:26px;padding:27.7px 12px 27.7px 25px;margin-bottom:32px;position:relative}.content-imagine .content-imagine-text .-balloon .-sp{display:none}@media screen and (max-width: 767px){.content-imagine .content-imagine-text .-balloon .-sp{display:inline}.content-imagine .content-imagine-text .-balloon .-pc{display:none}}.content-imagine .content-imagine-text .-balloon:before{content:"";display:block;position:absolute;width:2px;height:32px;left:-2px;background:#F4F4F4;top:50%;transform:translate(0, -50%)}.content-imagine .content-imagine-text .-balloon:after{content:"";display:block;position:absolute;top:50%;left:0;width:2px;height:40px;transform:rotate(40deg) translate(-10px, -10px);background:black}.content-imagine .content-imagine-text .-txt{font-size:14px;font-weight:bold;line-height:2em}.content-imagine .content-imagine-text .-txt .-sp{display:none}@media screen and (max-width: 767px){.content-imagine .content-imagine-text .-txt .-sp{display:inline}.content-imagine .content-imagine-text .-txt .-pc{display:none}}.content-imagine .content-imagine-text .-txt em{display:inline-block;background:white;padding:0 0.5em;position:relative}.content-imagine .content-imagine-text .-txt img{width:12.5px;vertical-align:-3px}@media screen and (max-width: 767px){.content-imagine .content-imagine-text .-txt img{width:9px;vertical-align:middle}}.content-imagine .content-imagine-img{flex:1;width:510px;margin-left:-37px;display:none}@media screen and (max-width: 767px){.content-imagine .content-imagine-img{display:block;margin:0 0 40px;width:100%}}.content-imagine .content-imagine-img img{position:sticky;top:25vh}.content-imagine .content-imagine-text{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:400ms}.content-imagine .content-imagine-img{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:600ms}.content-imagine .content-imagine-text .-item .-txt em::after{content:"";display:block;width:0;height:1px;background-color:black;transition:.5s all;position:absolute;bottom:0;left:0;transition-delay:500ms}.content-imagine.in-view--enter .content-imagine-text,.content-imagine.in-view--enter .content-imagine-img{transform:translate(0, 0);opacity:1}.content-imagine.in-view--enter .content-imagine-text .-item.-active .-txt em::after{width:100%}.about-bg{background:white;position:relative;z-index:1}.about-brand{width:500px;height:320px;margin:0 auto 30px;position:relative;transform:translate(0, -50px)}@media screen and (max-width: 767px){.about-brand{width:100%;height:auto;padding:0 0.2rem}}.about-brand .-inner{padding:35px 0;background:white;position:relative;width:500px;height:320px;z-index:2;border:2px solid black}@media screen and (max-width: 767px){.about-brand .-inner{width:100%;height:auto;padding:30px}}.about-brand .-title{font-size:50px;text-align:center;margin-bottom:21px;line-height:1}@media screen and (max-width: 767px){.about-brand .-title{font-size:42px}}.about-brand .-title img{width:183px}.about-brand .-txt{font-size:13px;font-weight:bold;text-align:center;line-height:2.3}@media screen and (max-width: 767px){.about-brand .-txt{font-size:14px;line-height:1.7;text-align:left}.about-brand .-txt br{display:none}}.about-brand::after{content:"";display:block;width:100%;height:100%;position:absolute;top:5px;right:-5px;background-color:black;z-index:1}@media screen and (max-width: 767px){.about-brand::after{width:calc(100% - 0.4rem);right:calc(0.2rem - 5px)}}.about-contents-item{width:747px;margin:0 auto;position:relative;height:250px;display:flex;flex-direction:column;align-items:flex-end;margin-bottom:135px}@media screen and (max-width: 767px){.about-contents-item{width:auto;height:auto}}.about-contents-item .-title{width:185px}@media screen and (max-width: 767px){.about-contents-item .-title{width:100%;text-align:center;margin-top:8px;margin-bottom:24px}.about-contents-item .-title img{display:none}.about-contents-item .-title br{display:none}}.about-contents-item .-title .-sub{font-size:21px;border:1px solid black;border-radius:5px;padding:4px 9px 0;line-height:1;display:inline-block}@media screen and (max-width: 767px){.about-contents-item .-title .-sub{border:0;padding:0}}.about-contents-item .-title .-main{font-size:32px;line-height:1.25;font-weight:bold;white-space:nowrap}.about-contents-item .-title .-main img{width:22px}.about-contents-item .-txt{width:185px;margin-top:10px;font-size:9px;font-weight:bold;line-height:1.66}@media screen and (max-width: 767px){.about-contents-item .-txt{width:100%;font-size:14px}}.about-contents-item .-btn{margin-top:15px;width:185px}@media screen and (max-width: 767px){.about-contents-item .-btn{width:100%}}.about-contents-item .-btn .btn-detail{width:100%}.about-contents-item .-slider{transition:.5s opacity, .5s transform;position:absolute;height:100%;width:calc(100% - 175px - 42px);left:0;top:0}.about-contents-item .-slider .-wrap{position:relative;width:100%;height:100%}@media screen and (max-width: 767px){.about-contents-item .-slider .-prev,.about-contents-item .-slider .-next{width:36px;height:36px;background:center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;margin:auto;z-index:4;cursor:pointer}.about-contents-item .-slider .-prev{background-image:url(https://dolive.media/img/top/icon-prev.svg);left:54px}}@media screen and (max-width: 767px) and (max-width: 767px){.about-contents-item .-slider .-prev{left:52px}}@media screen and (max-width: 767px){.about-contents-item .-slider .-next{background-image:url(https://dolive.media/img/top/icon-next.svg);right:54px}}@media screen and (max-width: 767px) and (max-width: 767px){.about-contents-item .-slider .-next{right:52px}}@media screen and (max-width: 767px){.about-contents-item .-slider{position:relative;width:calc(100% + 0.4rem);left:0.2rem}.about-contents-item .-slider .slick-track,.about-contents-item .-slider .slick-list{height:160px}}.about-contents-item .-slider .-slide{position:absolute;overflow:hidden}.about-contents-item .-slider .-slide img,.about-contents-item .-slider .-slide video{min-height:100%;min-width:100%;width:100%}@media screen and (max-width: 767px){.about-contents-item .-slider .-slide{transform:translate(0, 18px);position:relative;width:180px !important;height:120px !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transition:0.5s transform}}.about-contents-item .-slider .-slide:first-child{width:377.5px;height:100%;right:0;top:0}.about-contents-item .-slider .-slide:nth-child(2){width:175px;bottom:-24px;left:0}.about-contents-item .-slider .-slide:last-child{width:175px;top:60px;left:-95px}.about-contents-item .-slider .-slide:after{position:relative}@media screen and (max-width: 767px){.about-contents-item .-slider .-slide:after{width:240px;height:160px}.about-contents-item .-slider .-slide:after:after{content:"";display:block;position:absolute;width:100%;height:100%;border:1px solid black;top:0;left:0;opacity:0;transition:0.5s opacity}}@media screen and (max-width: 767px){.about-contents-item .-slider .-slide.slick-current{transform:scale(1.3) translate(0, 14px);z-index:4}.about-contents-item .-slider .-slide.slick-current:after{opacity:1}}.about-contents-item:nth-child(2){align-items:flex-start}.about-contents-item:nth-child(2) .-slider{left:auto;right:0}@media screen and (max-width: 767px){.about-contents-item:nth-child(2) .-slider{left:-0.2rem}}.about-contents-item:nth-child(2) .-slider .-slide:first-child{right:auto;left:0}.about-contents-item:nth-child(2) .-slider .-slide:nth-child(2){right:0;left:auto}.about-contents-item:nth-child(2) .-slider .-slide:last-child{right:-95px;left:auto}.about-brand{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}.about-brand.in-view--enter{transform:translate(0, 0);opacity:1;transform:translate(0, -50px)}.about-contents-item .-title,.about-contents-item .-txt,.about-contents-item .-btn{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:0ms}.about-contents-item .-slider{transform:translate(0, 20px);opacity:0;transition:0.5s opacity, .5s transform;transition-delay:200ms}.about-contents-item.in-view--enter .-title,.about-contents-item.in-view--enter .-txt,.about-contents-item.in-view--enter .-btn,.about-contents-item.in-view--enter .-slider{transform:translate(0, 0);opacity:1}body{overflow:auto}.open-top-modal{overflow:hidden;position:fixed;top:0;left:0;width:100%}.top-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.9);z-index:20;transition:.5s opacity;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.open-top-modal .top-modal{opacity:1;pointer-events:all}.top-modal-content{position:relative;max-width:80%;max-height:80%;width:100%;display:flex;align-items:center;justify-content:center}.top-modal-content img{width:100%}.top-modal-close{position:absolute;top:2.1vw;right:2vw;width:3.3vw;height:3.3vw;cursor:pointer;transform:translate(0, 50%)}.top-modal-close::before,.top-modal-close::after{content:"";display:block;width:100%;height:3px;background-color:white;position:absolute;top:0;left:0}.top-modal-close::before{transform:rotate(-45deg)}.top-modal-close::after{transform:rotate(45deg)}@media screen and (max-width: 767px){.top-modal{align-items:flex-start}.top-modal-close{width:5.3vw;height:5.3vw;top:5.6vw;right:5.6vw}.top-modal-close::before,.top-modal-close::after{border-width:2px}.top-modal-content{margin-top:60px}}.float{position:fixed;bottom:33px;right:25px;z-index:10;display:flex;flex-direction:column-reverse;align-items:center}.float-device{width:50px;height:89.085px;background:url(https://dolive.media/img/top/sp.svg) center center no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;position:relative}.float-device img{width:88%}.float-btn{display:block;width:88.5px;height:88px;margin-top:-25px}.float-btn img{width:100%;height:100%}.float-banner{display:none}@media screen and (max-width: 767px){.float{opacity:0;pointer-events:none;transition:.5s all;bottom:.1rem;right:.1rem;transform:translate(0, calc(100% + .1rem))}.float.-view{opacity:1;pointer-events:all;transform:translate(0, 0)}.float-banner{display:block;position:relative;width:100%;max-width:300px;margin:0 auto 33px}.float-banner-device{width:64px;height:114.03px;background:url(https://dolive.media/img/top/sp.svg) center center no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;position:relative;position:absolute;left:20px;top:-44px}.float-banner-device img{width:calc(100% - 10px)}.float-banner-btn{display:block}.float-banner-btn img{width:100%;height:100%}}.slider-related .slick-arrow.slick-next{right:-120px}.slider-related .slick-arrow.slick-prev{left:-120px}.slider-related .slick-arrow{bottom:unset;top:calc(50% - 17px)}.slick-arrow{position:absolute;width:150px;height:44px;text-indent:-9999px;z-index:2;cursor:pointer;overflow:visible;padding:15px}@media print, (min-width: 768px){.slick-arrow{bottom:15px}}.slick-arrow:before,.slick-arrow:after{top:16px}.slick-arrow.slick-prev::before{position:absolute;content:"PREV";font-family:"mono45-headline", monospace;font-size:14px;right:25px;text-indent:0}.slick-arrow.slick-prev::after{position:absolute;content:"";background:url(https://dolive.media/img/magazine/common/icon_arrow_prev.png) no-repeat;background-position:center left;background-size:auto 100%;width:71px;height:7px;left:25px;text-indent:0;transition:all 0.3s ease}.slick-arrow.slick-next::before{position:absolute;content:"NEXT";font-family:"mono45-headline", monospace;font-size:14px;left:25px;text-indent:0}.slick-arrow.slick-next::after{position:absolute;content:"";background:url(https://dolive.media/img/magazine/common/icon_arrow_next.png) no-repeat;background-position:center right;background-size:auto 100%;width:71px;height:7px;right:25px;text-indent:0;transition:all 0.3s ease}.slick-arrow.slick-next:hover::after{right:20px}.slick-arrow.slick-prev:hover::after{left:20px}.card{width:180px;background:white;position:relative}.card-img{aspect-ratio:1/1}.card-img img{width:100%;object-fit:cover;height:100%}.card-cont{padding:15px 20px;background:#fff;min-height:150px;position:relative}.card-icon{display:inline-block;padding:3px 6px;background:#222;color:#fff;font-size:8px;vertical-align:top}.card-cont p{line-height:1.7;margin-top:10px}.card-foot{position:absolute;font-size:11px;color:#939393;right:15px;bottom:15px;line-height:1}.card-foot em{font-size:11px;color:#939393;font-family:"mono45-headline", monospace;font-weight:bold}@media screen and (max-width: 767px){.card-cont{padding:0.12rem 0.1rem 0.2rem;min-height:0.9rem}.card-cont p{line-height:1.75;font-size:0.1rem;margin-top:0.05rem}.card-foot{font-size:0.08rem;right:0.12rem;bottom:0.1rem}}.newarrivals{background:#F4F4F4;padding:52px 0;margin-top:50px}.newarrivals-title{font-size:42px;font-family:"mono45-headline", monospace;margin-bottom:21px}.newarrivals-content{max-width:980px;width:100%;margin:0 auto}.newarrivals-list{display:flex;justify-content:space-between}@media screen and (max-width: 767px){.newarrivals-title{width:calc(100% - 0.4rem);margin-left:auto;margin-right:auto}.newarrivals-list .card{margin:0 10px;width:calc(100vw / 2 - 17px * 2);transform:translate(10px, 0)}.newarrivals .slick-track{display:flex}.newarrivals .slick-slide{height:auto !important}}.middle-section{background-color:#F4F4F4;padding:105px 0 70px}.middle-section-content{max-width:980px;width:100%;margin:0 auto}.middle-section-title{font-size:35px;font-weight:bold;line-height:1.45;margin-bottom:60px}@media screen and (max-width: 767px){.middle-section{padding:60px 0 137px}.middle-section-content{width:calc(100% - 0.4rem)}.middle-section-title{font-size:22px;margin-bottom:34px}}.people .wrapper{width:100%}.articles-section{margin-bottom:33px}.articles-head{font-size:27px;font-weight:bold;margin-bottom:40px}.articles-body{display:flex;justify-content:space-between}.articles-body .card{width:calc(100% / 3 - 40px / 2)}.last-child-d-none-on-pc .card:last-child{display:none}.articles-foot{margin-top:25px;text-align:right}.articles-foot .btn-readmore{display:inline-block;font-weight:bold;font-size:17px;font-family:"mono45-headline", monospace}.articles-foot .btn-readmore svg{margin-left:10px;width:5px;height:10px}@media screen and (max-width: 767px){.articles-head{font-size:22px;margin-bottom:25px}.articles-body{flex-wrap:wrap}.articles-body .card{width:calc(100% / 2 - 17px / 2);margin-bottom:17px}.articles-body .card:last-child{display:block}.articles-foot{margin-top:0}}.voice-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.voice-title{font-size:42px;font-weight:bold;display:flex;align-items:center;font-family:"mono45-headline", monospace}.voice-title span{font-size:21px;font-weight:bold;margin-left:20px}.voice-pager{display:flex;align-items:center;justify-content:center}.voice-pager i{display:block;height:12px;width:1px;background-color:black;margin:0 17px}.voice-pager span{font-size:17px;font-family:"mono45-headline", monospace;display:flex;align-items:center;line-height:1}.voice-pager svg{width:5px;height:10px;margin-top:-2px}.voice-pager-prev svg{margin-right:10px}.voice-pager-next svg{margin-left:10px}.voice-body{margin-bottom:40px}.voice-item{width:407px;margin-right:40px}.voice-item:last-child{margin-right:0}.voice-foot{text-align:center}.voice-foot .btn-detail{max-width:180px;width:100%}@media screen and (max-width: 767px){.voice-pager{display:none}.voice-head{margin-bottom:18px}.voice-title{font-size:36px}.voice-title span{font-size:14px}.voice-foot .btn-detail{max-width:280px}.voice-item{width:73vw;margin-right:5.3vw}}.how{height:400vh}.how-content{width:820px;position:sticky;top:0;left:0;right:0;bottom:0;margin:auto;padding-top:270px}.how-house{background-color:white;border:2px solid black;padding:70px 200px 50px 60px;display:flex;align-items:center;box-shadow:5px 5px 0 black}.how-house-img{width:355px;flex:1;margin-left:-50px}.how-house-img img{width:100%}.how-house-sub{font-size:18px;font-family:"mono45-headline", monospace;margin-bottom:19px}.how-house-title{font-size:35px;font-weight:bold;margin-bottom:28px}.how-house-desc{font-weight:bold;font-size:13.5px;margin-bottom:34px;line-height:1.5}.how-house .btn-detail{width:180px}.how-consult{text-align:center;margin-top:36px}.how-consult-mark{text-align:center}.how-consult svg{width:30px}.how-consult p{font-size:22px;display:inline-block;margin-top:24px}.how-consult p::after{content:"";display:block;width:100%;height:2px;background-color:black}.how-balloon{position:absolute;top:135px;left:100%;transform:translate(calc(-100% + 60px), 0);width:496.5px;height:207.5px;background-color:white;border-radius:39px;opacity:0;transition:.5s opacity}.how-balloon.-view{opacity:1}.how-balloon-item:before{content:"";display:block;width:110px;height:4px;background-color:white;position:absolute;bottom:-3px;left:75px;right:0;z-index:2}.how-balloon-item:after{content:"";display:block;width:70px;height:2px;background-color:black;transform:rotate(-50deg);position:absolute;bottom:-10px;left:95px;right:0;z-index:3}.how-balloon-imgs picture{display:block;border-top-right-radius:37px;border-bottom-right-radius:37px;overflow:hidden;width:100%;height:100%}.how-balloon-item{border:2px solid black;border-radius:39px;position:relative;background-color:white;opacity:0;display:flex;position:absolute;top:0;left:0;transition:.5s all;transform:rotate(-10deg)}.how-balloon-item.-active{transform:rotate(0);opacity:1}.how-balloon-item.-out{transform:translate(20px, 0);opacity:0}.how-balloon-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;width:221.5px;padding-left:45px}.how-balloon-icon{display:inline-block;background-color:black;color:white;font-weight:bold;font-family:"mono45-headline", monospace;padding:5px;margin-bottom:15px;line-height:1}.how-balloon-title{font-size:27px;margin-bottom:15px;font-weight:bold;opacity:0;transition:.5s opacity;transition-delay:.15s}.how-balloon-text{font-weight:bold;font-family:"mono45-headline", monospace;font-size:18px;letter-spacing:-.02em;opacity:0;transition:.5s opacity;transition-delay:.3s}.how-balloon-imgs{width:275px;position:relative}.how-balloon-imgs picture img{width:100%}.how-balloon-imgs picture{opacity:0;transition:.5s opacity;transition-delay:.15s}.how-balloon-imgs>img:nth-child(2){position:absolute;box-shadow:3px 3px 0 black;width:122.5px;opacity:0;transition:.5s opacity;transition-delay:.45s}.how-balloon-imgs>img:nth-child(3){position:absolute;box-shadow:3px 3px 0 black;width:122.5px;opacity:0;transition:.5s opacity;transition-delay:.55s}.how-balloon-item.-active .how-balloon-icon{opacity:1}.how-balloon-item.-active .how-balloon-text{opacity:1}.how-balloon-item.-active .how-balloon-title{opacity:1}.how-balloon-item.-active .how-balloon-imgs picture{opacity:1}.how-balloon-item.-active .how-balloon-imgs>img:nth-child(2){opacity:1}.how-balloon-item.-active .how-balloon-imgs>img:nth-child(3){opacity:1}.how-balloon-01 .how-balloon-imgs>img:nth-child(2){top:-50px;left:-26px}.how-balloon-01 .how-balloon-imgs>img:nth-child(3){bottom:-36px;right:-35px}.how-balloon-02 .how-balloon-imgs>img:nth-child(2){top:-25px;right:-35px}.how-balloon-02 .how-balloon-imgs>img:nth-child(3){bottom:-25px;right:-35px}.how-balloon-03 .how-balloon-imgs>img:nth-child(2){top:-50px;left:-26px}.how-balloon-03 .how-balloon-imgs>img:nth-child(3){bottom:-36px;right:-35px}.how-balloon-pager{display:flex;align-items:center;justify-content:center;margin-top:17px;position:absolute;top:calc(207.5px + 17px);left:0;right:0;margin:auto}.how-balloon-pager i{content:"";display:block;border:1px solid black;width:8px;height:8px;border-radius:50%;margin:0 4px}.how-balloon-pager i.-active{background-color:black}.how .btn-detail.-sp{display:none}.how-balloon.-sp{display:none}@media screen and (max-width: 767px){.how-content{width:94.3vw;padding-top:27px}.how-house{flex-direction:column;padding:9.3vw 6.4vw 15.4vw}.how-house-content{width:100%}.how .btn-detail{display:none}.how .btn-detail.-sp{display:inline-flex;width:100%;margin-top:32px}.how-house-sub{font-size:14px;margin-bottom:8px}.how-house-title{font-size:6.6vw;margin-bottom:18px}.how-house-title br{display:none}.how-house-desc{font-size:12px;margin-bottom:13.3vw}.how-house-desc br{display:none}.how-house-desc .-sp{display:inline}.how-house-img{width:100%}.how-consult{margin-top:16px}.how-consult svg{width:20px;height:10px}.how-consult p{font-size:16px;margin-top:14px}.how-consult p::after{display:none}.how-consult p span{display:inline-block}.how-consult p span::after{content:"";display:block;width:100%;height:2px;background-color:black}.how-consult p span:last-child{margin-top:10px}.how-house-img{margin:auto}.how-balloon.-pc{display:none}.how-balloon.-sp{display:block;width:100%;position:relative;left:0;top:0;transform:none;height:38.4vw;margin:0 auto 13.3vw}.how-balloon-imgs{width:50%;height:auto}.how-balloon-item{height:38.4vw;width:100%;justify-content:space-between;border-radius:20px}.how-balloon-icon{font-size:3.7vw;margin-bottom:3.2vw;white-space:nowrap;padding:1.3vw;line-height:0.9}.how-balloon-title{font-size:4.8vw;margin-bottom:3.2vw;white-space:nowrap}.how-balloon-text{font-size:3.7vw;white-space:nowrap}.how-balloon-content{width:50%;justify-content:center;padding:0 6.1vw 0 8vw}.how-balloon-imgs picture{height:100%;border-top-right-radius:17px;border-bottom-right-radius:17px}.how-balloon-imgs>img:nth-child(2){width:20vw}.how-balloon-imgs>img:nth-child(3){width:20vw}.how-balloon-01 .how-balloon-imgs>img:nth-child(2){top:-7.2vw;left:-2.9vw}.how-balloon-01 .how-balloon-imgs>img:nth-child(3){bottom:-9vw;right:-2.4vw}.how-balloon-02 .how-balloon-imgs>img:nth-child(2){top:-7.2vw;right:-2.4vw;left:auto}.how-balloon-02 .how-balloon-imgs>img:nth-child(3){bottom:-9vw;right:-2.4vw;left:auto}.how-balloon-03 .how-balloon-imgs>img:nth-child(2){top:-7.2vw;left:-2.9vw}.how-balloon-03 .how-balloon-imgs>img:nth-child(3){bottom:-9vw;right:-2.4vw}.how-balloon-pager{bottom:-5.5vw;top:auto}.how-balloon-item:before{left:9.3vw;bottom:-1vw;width:16vw;height:10px}.how-balloon-item:after{width:13.3vw;height:.2vw;left:12vw;bottom:-2.6vw;transform:rotate(40deg)}}.navigation .main-nav .btn-menu{position:absolute}.header-nav-icon.is-active>.top{-ms-transform:translateY(6px) rotate(-45deg);-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}.header-nav-icon.is-active>.middle{opacity:0}.header-nav-icon.is-active>.bottom{-ms-transform:translateY(-6px) rotate(45deg);-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}.navigation.is-open{right:0}.navigation .main-nav{position:relative;max-width:800px;width:100%;padding:125px 300px 125px 140px;background:#fff;overflow:auto}@media screen and (max-width: 767px){.navigation .main-nav{padding:100px 35px 60px 40px}}.header-socials{align-items:center;display:block}.header-socials .header-socials{display:flex}.header-social{width:25px;height:25px;margin-right:11.5px}.header-social img{width:100%}.header-to-about{margin-right:36.5px;display:flex;align-items:center;border:1px solid white;border-radius:16px;font-size:10px;font-weight:bold;text-align:center;position:relative;padding:6px 11.8px 6px 8.8px;margin-left:35px;letter-spacing:0;color:white}@media screen and (max-width: 767px){.header-to-about{font-size:11px;border-radius:6px;white-space:nowrap;padding:4.3px 11.3px 4.3px 6.5px}}.header-to-about span{margin:0 5px}.header-to-about:before{content:"";display:block;width:18px;height:18px;background:url(https://dolive.media/img/magazine/common/icon_to-about-b.svg) center center no-repeat;background-size:contain;animation:5s ease-in-out 1s infinite hatenarotate}.header-to-about:after{content:"";display:block;width:9.41px;height:6.12px;background:url(https://dolive.media/img/magazine/common/icon_arrow-b.svg) center center no-repeat;background-size:contain}.header-navi{padding:0 0 35px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.header-navi-content{margin-right:79px;margin-bottom:20px}.header-navi-content:last-child{margin-right:0}.header-navi-content-head{margin-bottom:22px}@media screen and (max-width: 767px){.header-navi-content-head{margin-bottom:21px}}.header-navi-content-title a{font-size:21px;font-family:"mono45-headline", monospace}.header-navi-content-title-sub{font-size:10px;font-weight:bold}.header-navi-content-tags{display:flex}.header-navi-content-tags a{display:inline-block;background:black;color:white;font-size:11px;line-height:1em;padding:2px;margin-bottom:24px;font-weight:normal}.header-navi-content-btn span{display:inline-block;background:black;color:white;font-size:11px;line-height:1em;padding:2px;margin-bottom:0;font-weight:normal}@media screen and (max-width: 767px){.header-navi-content-btn span{margin-bottom:20px}}.header-navi-content-lists{display:flex}.header-navi-content-imp{margin-bottom:24px}@media screen and (max-width: 767px){.header-navi-content-imp{margin-bottom:20px}}.header-navi-content-imp a{font-size:13px;font-weight:bold}@media screen and (max-width: 767px){.header-navi-content-imp a{font-size:15px}}.header-navi-content-list{display:flex;flex-direction:column;margin-right:77px}.header-navi-content-list:last-child{margin-right:0}.header-navi-content-list a{font-size:11px;margin-bottom:10px}.header-navi-content-list a:last-child{margin-bottom:38px}.header-navi-content-list a:hover{text-decoration:underline}.header-navi-content{width:100%}.header-navi-content-btn{display:flex;justify-content:space-between;width:100%;cursor:pointer}.header-navi-content-btn i{display:block;width:13px;height:13px;position:relative}.header-navi-content-btn i::before,.header-navi-content-btn i::after{content:"";display:block;width:100%;height:3px;border-radius:1.5px;background:black;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:.5s transform}.header-navi-content-btn i::before{transform:rotate(90deg)}.-open .header-navi-content-btn i::before{transform:rotate(0)}.header-navi-accordion{overflow:hidden;max-height:0;transition:.5s max-height;margin-top:20px}.-open .header-navi-accordion{max-height:500px}footer{background:#222222;position:relative}footer .footer-inner{padding:45px 60px 40px 55px}footer .logo-footer a{display:block;width:115px}@media screen and (max-width: 767px){footer .logo-footer a{width:38.9vw}}footer .gr-menu{justify-content:space-between;align-items:center;display:flex}footer .gr-menu .left-menu{align-items:center}footer .gr-menu .left-menu .social{align-items:center;margin-right:5px}footer .gr-menu .left-menu .social li{margin-right:20px}footer .gr-menu .left-menu .social li a{display:block}footer .gr-menu .left-menu .social li a img{width:22px}footer .gr-menu .left-menu .social li.is-disabled{opacity:0.3}footer .gr-menu .left-menu .social li.is-disabled a{pointer-events:none}footer .gr-menu .left-menu .social li.is-disabled a img{opacity:1}footer .gr-menu .left-menu .menu-ft{display:flex}footer .gr-menu .left-menu .menu-ft li a{padding:0 15px;display:block;position:relative;color:#ffffff}footer .gr-menu .left-menu .menu-ft li a::before{position:absolute;content:"|";color:#fff;right:0;top:0}footer .gr-menu .left-menu .menu-ft li:first-child a{padding-left:0}footer .gr-menu .left-menu .menu-ft li:last-child a::before{display:none}footer .gr-menu .copy-right{font-size:10px;color:#666666}.footer-head{display:flex;align-items:center}@media screen and (max-width: 767px){.footer-head{align-items:flex-end}}.footer-socials-pc{display:flex;align-items:center}@media screen and (max-width: 767px){.footer-socials-pc{display:none}}.footer-socials-sp{display:none;align-items:center}@media screen and (max-width: 767px){.footer-socials-sp{display:block}.footer-socials-sp .footer-socials{display:flex}}.footer-social{width:25px;height:25px}.footer-social img{width:100%}.footer-to-about{margin-right:36.5px;display:flex;align-items:center;border:1px solid white;border-radius:16px;font-size:10px;font-weight:bold;text-align:center;position:relative;padding:6px 11.8px 6px 8.8px;margin-left:35px;letter-spacing:0;color:white}.footer-to-about:hover{color:white}@media screen and (max-width: 767px){.footer-to-about{font-size:11px;border-radius:6px;white-space:nowrap;padding:4.3px 11.3px 4.3px 6.5px}}.footer-to-about span{margin:0 5px}.footer-to-about:before{content:"";display:block;width:18px;height:18px;background:url(https://dolive.media/img/magazine/common/icon_to-about-b.svg) center center no-repeat;background-size:contain;animation:5s ease-in-out 1s infinite hatenarotate}.footer-to-about:after{content:"";display:block;width:9.41px;height:6.12px;background:url(https://dolive.media/img/magazine/common/icon_arrow-b.svg) center center no-repeat;background-size:contain}.footer-navi-content{margin-right:79px}.footer-navi-content:last-child{margin-right:0}.footer-navi-content-head{margin-bottom:25px}@media screen and (max-width: 767px){.footer-navi-content-head{margin-bottom:21px}}.footer-navi-content-title a{color:white;font-size:22px;font-family:"mono45-headline", monospace}.footer-navi-content-title-sub{color:white;font-size:11px}.footer-navi-content-imp{margin-bottom:24px}@media screen and (max-width: 767px){.footer-navi-content-imp{margin-bottom:20px}}.footer-navi-content-imp a{color:white;font-size:14px;font-weight:bold}@media screen and (max-width: 767px){.footer-navi-content-imp a{font-size:15px}}.footer-navi-content-tags a{display:inline-block;border:1px solid white;font-size:11px;line-height:1em;padding:2px;color:white;margin-bottom:24px;font-weight:bold}.footer-navi-content-btn span{display:inline-block;border:1px solid white;font-size:12px;line-height:1em;padding:2px;color:white;margin-bottom:24px;font-weight:bold}@media screen and (max-width: 767px){.footer-navi-content-btn span{margin-bottom:20px}}.footer-navi-content-lists{display:flex}.footer-navi-content-list{display:flex;flex-direction:column;margin-right:77px}.footer-navi-content-list:last-child{margin-right:0}.footer-navi-content-list a{color:white;font-size:12px;margin-bottom:10px}.footer-navi-content-list a:last-child{margin-bottom:25px}.footer-navi-content-list a:hover{text-decoration:underline}.btn-back-top{width:31px;position:fixed;right:40px;bottom:40px;opacity:0;visibility:hidden;transition:0.3s}.btn-back-top.show{opacity:1;visibility:visible}.btn-back-top.stick{position:absolute;bottom:auto;top:-55px}@media only screen and (max-width: 767px){footer .footer-inner{padding:0.5rem 0 0.45rem}footer .gr-menu{flex-wrap:wrap;margin-top:30px}footer .gr-menu .left-menu{align-items:center;flex-wrap:wrap}footer .gr-menu .left-menu .social{align-items:center;margin-right:0}footer .gr-menu .left-menu .social li{margin-right:0.2rem}footer .gr-menu .left-menu .social li a img{width:0.22rem}footer .gr-menu .left-menu .menu-ft{margin-top:0.25rem}footer .gr-menu .left-menu .menu-ft li:first-child a{padding-left:0}footer .gr-menu .left-menu .menu-ft li a{padding:0 0.15rem;font-size:0.12rem}footer .gr-menu .left-menu .menu-ft li a::before{font-size:0.12rem}footer .gr-menu .copy-right{font-size:0.1rem;margin-top:0.35rem;padding:20px 0}footer .gr-menu .left-menu{width:100%}footer .gr-menu .left-menu .menu-ft{flex-direction:column;margin-top:0;width:100%}footer .gr-menu .left-menu .menu-ft li{width:100%;margin-bottom:20px}footer .gr-menu .left-menu .menu-ft li:last-child{margin-bottom:0}footer .gr-menu .left-menu .menu-ft li a{font-size:14px;font-weight:bold;padding:0 0 10px;border-bottom:1px solid #707070}footer .gr-menu .left-menu .menu-ft li a::before{display:none}.footer-navi-content{width:100%}.footer-navi-content-btn{display:flex;justify-content:space-between;width:100%}.footer-navi-content-btn i{display:block;width:13px;height:13px;position:relative}.footer-navi-content-btn i::before,.footer-navi-content-btn i::after{content:"";display:block;width:100%;height:3px;border-radius:1.5px;background:white;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:.5s transform}.footer-navi-content-btn i::before{transform:rotate(90deg)}.-open .footer-navi-content-btn i::before{transform:rotate(0)}.footer-navi-accordion{overflow:hidden;max-height:0;transition:.5s max-height}.-open .footer-navi-accordion{max-height:500px}.btn-back-top{width:0.3rem;right:0.2rem;bottom:0.3rem}.btn-back-top.stick{top:-0.55rem}}footer .wrapper{max-width:1160px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:0}@media screen and (max-width: 767px){footer .wrapper{padding-left:20px;padding-right:20px}}.keyword-tag{display:inline-block;background-color:#E5E5E5;font-size:13px;margin-right:8px;margin-bottom:8px;border-radius:25px;padding:11px 20px}@media screen and (max-width: 767px){.keyword-tag{font-size:3.2vw;padding:2.4vw 5.3vw;margin-right:1.6vw;margin-bottom:3.2vw}}.keyword-category{display:inline-block;background-color:#E5E5E5;font-size:13px;margin-right:8px;margin-bottom:8px;padding:11px 20px}@media screen and (max-width: 767px){.keyword-category{font-size:3.2vw;padding:2.4vw 5.3vw;margin-right:1.6vw;margin-bottom:3.2vw}}.page-keywords{margin-top:55px;display:flex;justify-content:center;flex-wrap:wrap;max-width:980px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.page-keywords{margin-top:8.8vw;max-width:86.6vw}}.page-pickup{padding:80px 0}@media screen and (max-width: 767px){.page-pickup{padding:16vw 6.6vw}}.page-pickup .related-ttl{position:relative;padding-bottom:29px;margin-bottom:60px;font-size:38px;line-height:.8;text-align:center}@media screen and (max-width: 767px){.page-pickup .related-ttl{padding-bottom:10.4vw;margin-bottom:10.1vw}}.page-pickup .related-ttl:before{content:"";width:100px;height:2px;background-color:#222;position:absolute;left:calc(50% - 50px);bottom:0}.page-pickup-contents{max-width:980px;width:100%;margin:auto;display:flex;justify-content:space-between}@media screen and (max-width: 767px){.page-pickup-contents{flex-direction:column}}.page-pickup-item{width:46%}@media screen and (max-width: 767px){.page-pickup-item{width:100%;margin-bottom:10.6vw}.page-pickup-item:last-child{margin-bottom:0}}.page-pickup-img{width:100%;position:relative;margin-bottom:36px}@media screen and (max-width: 767px){.page-pickup-img{width:calc(100% - 3.4vw)}}.page-pickup-img:before{content:"";display:block;width:100%;height:100%;background-color:black;position:absolute;top:14px;left:17px}.page-pickup-img img{width:100%;position:relative}.page-pickup-category{margin-bottom:17px;line-height:1}.page-pickup-category a{display:inline-block;background-color:black;color:white;font-size:10px;padding:4px}@media screen and (max-width: 767px){.page-pickup-category a{font-size:2.4vw}}.page-pickup-text{font-size:20px;font-weight:bold}@media screen and (max-width: 767px){.page-pickup-text{font-size:4.5vw}}.page-pickup-text a:hover{text-decoration:underline}.search_by_keyword{background-color:#F4F4F4;padding:80px 0 37px}@media screen and (max-width: 767px){.search_by_keyword{padding:13.3vw 6.6vw 6.6vw}}.search_by_keyword-inner{max-width:980px;width:100%;margin:auto;position:relative}.search_by_keyword-title{background-color:black;color:white;font-size:17px;font-weight:bold;padding:29px 0;text-align:center;border-radius:6px 6px 0 0}@media screen and (max-width: 767px){.search_by_keyword-title{font-size:3.7vw;padding:6.13vw 12vw 5vw}}.search_by_keyword-content{background-color:white;padding:40px 35px 38px 40px;max-height:260px;overflow:hidden;transition:1s max-height}@media screen and (max-width: 767px){.search_by_keyword-content{padding:8vw 2.1vw;max-height:68vw}}.-open .search_by_keyword-content{max-height:2000px}.search_by_keyword-group{display:flex;align-items:flex-start}@media screen and (max-width: 767px){.search_by_keyword-group{flex-direction:column;align-items:center}}.search_by_keyword-group:last-child{border-top:1px solid #C9C9C9;padding-top:28px;margin-top:28px;position:relative}@media screen and (max-width: 767px){.search_by_keyword-group:last-child{border:0}}@media screen and (max-width: 767px){.search_by_keyword-group:last-child::before{content:"";display:block;width:73vw;height:1px;background-color:#c9c9c9;margin:0 auto;position:absolute;top:0}}.search_by_keyword-group:last-child .search_by_keyword-content-name{margin-right:31px}@media screen and (max-width: 767px){.search_by_keyword-group:last-child .search_by_keyword-content-name{margin-right:0}}.search_by_keyword-content-name{font-size:24px;font-family:"mono45-headline", monospace;margin-right:42px;letter-spacing:-.01em}@media screen and (max-width: 767px){.search_by_keyword-content-name{font-size:6.13vw;margin:0 0 6.4vw}}.search_by_keyword-content-more{position:absolute;bottom:0;width:100%;height:50.9%;background:linear-gradient(rgba(255,255,255,0), #f4f4f4 66%);display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:1s opacity;padding-bottom:40px}@media screen and (max-width: 767px){.search_by_keyword-content-more{height:34vw;background:linear-gradient(rgba(255,255,255,0), #f4f4f4 30%)}}.-open .search_by_keyword-content-more{opacity:0;pointer-events:none}.search_by_keyword-content-more span{font-size:16px;font-weight:bold;margin-left:13px}.search_by_keyword-content-list{display:flex;flex-wrap:wrap;justify-content:flex-start;width:calc(100% + 10px);margin-left:-10px}@media screen and (max-width: 767px){.search_by_keyword-content-list{justify-content:center;margin-left:0;width:100%}}.search_by_keyword .keyword-tag{font-size:12px;margin-right:10px;margin-bottom:10px;padding:9px 18px;letter-spacing:-.01em}@media screen and (max-width: 767px){.search_by_keyword .keyword-tag{font-size:3.2vw;margin-right:1vw;margin-bottom:1vw;padding:2.4vw 4.8vw}}.search_by_keyword .keyword-category{font-size:12px;margin-right:10px;margin-bottom:10px;padding:9px 18px;border-radius:0}@media screen and (max-width: 767px){.search_by_keyword .keyword-category{font-size:3.2vw;margin-right:1vw;margin-bottom:1vw;padding:2.4vw 4.8vw;letter-spacing:-0.01em}}:root{--en-font:"mono45-headline", monospace;--kv-size:2750px;--kv-item-width:300px;--rev-ease:cubic-bezier(0.76, 0, 0.24, 1)}body{padding-top:120px;letter-spacing:0;color:black}header{position:fixed;z-index:10}@media screen and (max-width: 767px){:root{--kv-size:2436px;--kv-item-width:280px}body{padding-top:80px}.btn-back-top{display:none}}.navigation{right:0;background-color:white}.navigation .wrapper,footer .wrapper{position:relative;width:100%;padding:60px 0;overflow:visible}.header-recipe{padding:0;height:auto;top:0;width:100%}.header-float{display:flex;justify-content:flex-start;transition:.5s transform, .5s opacity, .5s background-color;height:120px;width:100%;background-color:white}body.top:not(.scrolled):not(.header-bar-solid) .header-float,body.recipe-header-scroll:not(.header-bar-solid) .header-float{background-color:transparent}body.scrolled .header-float,body.header-bar-solid .header-float{background-color:#fff}.header-logo{padding:0 40px;display:flex;align-items:center;z-index:11}.header-logo img{width:198.94px}body.house-recipe-top .header-logo img{width:420px;height:auto}.scrolled .float{transition:.1s opacity}@media screen and (max-width: 767px){.header-float{height:80px;transform:translate(0, 0);opacity:1}.header-logo img{width:248.29px}body.house-recipe-top .header-logo img{width:220px;max-width:calc(100vw - 32px)}.header-logo{padding:0 16px}.header-control{top:0px}}.recipe-item{width:calc(100% / 3 - 40px / 3 * 2);transition:.5s opacity}.recipe-item:hover{opacity:.6}.recipe-item .-img img{clip-path:polygon(50% 0, 100% 28.3%, 100% 100%, 0 100%, 0 28.3%)}.recipe-item .-thumb{display:flex;flex-wrap:wrap}.recipe-item .-thumb img{width:9.875%}.recipe-item .-thumbimg{clip-path:polygon(50% 0%, 100% 25.727%, 100% 100%, 0 100%, 0 25.727%)}.recipe-item .-cont{margin-top:10px}.recipe-item .-title{font-size:16px;font-weight:600}.recipe-item .-status{display:flex;gap:10px;margin-top:6px}.recipe-item .-status-name{font-weight:600;font-size:16px;font-family:var(--en-font);width:50px;letter-spacing:-.005em;line-height:1.2}.recipe-item .-status-text{font-size:12px}.recipe-item .-status-text span{text-decoration:underline}@media screen and (max-width: 767px){.recipe-item{width:calc(100% / 2 - 16px / 2)}.recipe-item .-title{font-size:12px;font-weight:600}.recipe-item .-title br{display:none}.recipe-item .-status-name{font-size:14px}.recipe-item .-status-text{font-size:10px}}.navigation .wrapper .btn,.footer .wrapper .btn{display:flex;padding:10px 20px;text-align:center;background:#222222;border:1px solid black;font-size:16px;font-weight:600;color:white;border-radius:6px;align-items:center;justify-content:center;transition:color .5s, background-color .5s;width:330px;height:60px;gap:10px}.btn .btn-i{width:20px;height:20px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid black}.btn svg{display:block;width:6px;height:8px;object-fit:contain}.btn circle{box-shadow:0 0 2px black}.btn:hover{color:black;background-color:white;border:1px solid black}@media screen and (max-width: 767px){.btn{font-size:14px;padding:11px 0;width:100%;height:40px}}.btn-white{background-color:white;color:black;border:0}.btn-white:hover{background-color:black;color:white}.btn-white .btn-i{background-color:black;border-color:white}.kv-item{position:relative}.rev{width:100vw;height:100vh;overflow:hidden;pointer-events:none}.rev-item-image{position:relative}.rev-item-image::before{content:"";position:absolute;display:block;width:100%;height:100%;z-index:1;background:url(https://dolive.media/img/magazine/recipe/top/kv/border.svg) center center no-repeat;background-size:contain}.-logo .rev-item-image::before{background-image:url(https://dolive.media/img/magazine/recipe/top/kv/border-gray.svg)}.rev-item-image img{width:100%;height:100%;transform:scale(0.99);aspect-ratio:1/1;object-fit:cover}.rev-item-balloons{position:absolute;width:100%;aspect-ratio:1;top:0;z-index:2}.rev-item-balloon{position:absolute;top:0;left:0;width:177.58px;height:49.23px;background:url(https://dolive.media/img/magazine/recipe/top/kv/balloon.svg) center center no-repeat;background-size:contain;text-align:center;font-size:12px;font-weight:600;line-height:38px;white-space:nowrap;opacity:0;transition:.5s opacity}.-active .rev-item-balloon{opacity:1}.rev-item-balloon:first-child{transition-delay:.2s}.rev-item-balloon:last-child{transition-delay:.1s}.-active .rev-item-balloon:first-child{transition-delay:.65s}.-active .rev-item-balloon:last-child{transition-delay:.55s}.rev-inner{width:100vw;height:720px;overflow:hidden;position:relative}.rev-table{width:var(--kv-size);aspect-ratio:1;position:absolute;left:50%;top:120px;translate:-50% 0;transform:rotate(calc(var(--deg) * -1));display:flex;position:relative;transform-origin:center}.rev-item{width:var(--kv-item-width);position:absolute;height:calc(var(--kv-size) / 2);transform-origin:bottom center;position:absolute;top:0;left:0;right:0;margin:auto;transform:rotate(var(--deg))}.rev-item .kv-item-inner{transition:0.5s transform var(--rev-ease)}.rev-item.-active .kv-item-inner{transform:scale(1.1)}@media screen and (max-width: 767px){.rev-inner{height:600px}.rev-table{top:93px}.rev-item.-active .kv-item-inner{transform:scale(1)}}.rev-table{transition:1.2s transform ease-in-out, .5s opacity}.splash .rev-table{opacity:0;transform:translate(0, 30%) rotate(calc(360deg / 2))}.animated .rev-table{transition:0.5s transform var(--rev-ease)}.rev-inner{overflow:visible}.splash .rev-inner{overflow:visible}.animated .rev-inner{overflow:hidden}.nav-recipe-navi{margin:40px 0;display:flex;gap:43px;justify-content:space-between}.nav-recipe-navi-content{width:100%}.nav-recipe-navi-content.-first{max-width:700px}.nav-recipe-navi-content.-second{flex:1}.nav-recipe-navi-search{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.2)}.nav-recipe-navi-search-column{display:flex;gap:20px;width:100%;align-items:flex-start}.nav-recipe-navi-search-column:last-child{padding-bottom:24px}.nav-recipe-navi-search-title{display:flex;align-items:center;justify-content:center;background-color:white;text-align:center;font-size:16px;max-width:100px;width:100%;font-family:var(--en-font);padding:5px 0 3px;line-height:1}.nav-recipe-navi-search-tags{display:flex;flex-wrap:wrap;gap:10px}.nav-recipe-navi-search-tags .-tag{padding:0 11px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:40px;font-weight:500;font-size:12px;color:white;line-height:1.75;transition:.5s background-color, .5s color}.nav-recipe-navi-search-tags .-tag:hover{background-color:white;color:black}.nav-recipe-navi-list{line-height:1.75em;display:flex;flex-direction:column}.nav-recipe-navi-list .-title{color:white;font-size:20px;line-height:1.5;font-weight:600}.nav-recipe-navi-content.-second .nav-recipe-navi-list .-title{font-size:24px;line-height:1.25;font-weight:normal;font-family:var(--en-font)}.nav-recipe-navi-list .-body a:first-child,.nav-recipe-navi-list .-body p:first-child{padding-top:12px}.nav-recipe-navi-list p{font-size:14px;color:white}.nav-recipe-navi-list a{font-size:14px;line-height:1.75em;color:white;transition:.5s opacity}.nav-recipe-navi-list a:hover{opacity:.6}.nav-recipe-navi-list.-b{padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,0.2)}.nav-recipe-search{max-width:515px;width:100%;margin-left:auto;margin-right:0;position:relative}.nav-recipe-search input{display:block;width:100%;border:1px solid white;border-radius:6px;padding:11.5px 40px;font-size:14px;color:white}.nav-recipe-search input::placeholder{color:white}.nav-recipe-search svg{width:14px;height:14px;position:absolute;top:0;bottom:0;left:20px;margin:auto}.nav-recipe-search svg path{fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.nav-recipe-search svg line{fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.nav-recipe-search.-sp{display:none}footer .gr-menu .left-menu .menu-ft li a{font-size:12px;line-height:1.75}@media screen and (max-width: 768px){.nav-recipe-navi{margin-top:24px}.nav-recipe-search.-pc{display:none}.nav-recipe-search.-sp{display:block;margin-top:15px}.nav-recipe-navi{flex-direction:column;gap:32px}.nav-recipe-navi-search-column{flex-direction:column;gap:24px;width:100%}.nav-recipe-navi-search-title{width:100%;max-width:100%}}.nav-recipe-navi-titles{display:flex;justify-content:space-between}.nav-recipe-navi-title .-main a{font-size:28px;line-height:1;display:flex;gap:8px;font-family:var(--en-font);color:white;transition:.5s opacity}.nav-recipe-navi-title .-main a:hover{opacity:.6}.nav-recipe-navi-title .-main a i{width:20px;height:20px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid black;margin-top:2px}.nav-recipe-navi-title .-main a i svg{display:block;width:6px;height:8px;object-fit:contain}.nav-recipe-navi-title .-main a:hover i{color:black;background-color:white;border:1px solid black}.nav-recipe-navi-title .-sub{font-size:12px;color:white;line-height:1.75}.nav-recipe-navi-titles{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:19px;margin-bottom:19px}.nav-recipe-navi-link{padding-top:9px}.nav-recipe-navi-link a{display:flex;align-items:center;gap:4px;font-size:20px;line-height:1.5;font-weight:600;text-decoration:underline;color:white;transition:.5s opacity}.nav-recipe-navi-link a i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:white;border-radius:50%}.nav-recipe-navi-link a:hover{opacity:.6}.nav-recipe-navi-search-head{display:flex;justify-content:space-between;width:100%}.nav-recipe-navi-search-head-title{color:white;font-size:20px;line-height:1.5;font-weight:600}.nav-recipe-navi-search-head-btn{display:flex;width:140px;height:32px;border:1px solid white;border-radius:5px;align-items:center;justify-content:center;gap:4px;font-size:12px;color:white;font-weight:600;transition:.5s background-color, .5s color}.nav-recipe-navi-search-head-btn svg{width:16px;height:16px}.nav-recipe-navi-search-head-btn svg path{transition:.5s stroke}.nav-recipe-navi-search-head-btn:hover{color:black;background-color:white}.nav-recipe-navi-search-head-btn:hover svg path{stroke:black}.nav-head{display:flex;gap:72px}.nav-socials{display:flex;align-items:center;gap:20px}.nav-social{margin:0}footer .logo-footer a{width:auto}.nav-recipe-navi-search-head-content .nav-recipe-navi-link{display:none}.js-toggle-arrow{display:none}.nav-recipe-navi-search-body .nav-recipe-navi-link{display:none}.nav-recipe-navi-search-body .nav-recipe-navi-search-head-btn{display:none}.nav-recipe-navi-search-body{display:flex;flex-direction:column;gap:24px;width:100%}.nav-recipe-navi-list .-body{display:flex;flex-direction:column}.footer-columns{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr) minmax(280px, 1fr);gap:72px;align-items:start}.footer-desktop-layout{display:block}.footer-desktop-layout .footer-navi{justify-content:space-between !important}.footer-mobile-legacy{display:none}.footer-column{min-width:0}.footer-link-compact{margin-top:8px}.footer-link-compact a{font-size:20px;line-height:1.4;font-weight:700;color:white}.footer-column-ideas .footer-block:first-of-type{margin-top:16px}.footer-column-sim .footer-block:first-of-type,.footer-column-products .footer-block:first-of-type{margin-top:52px}.footer-block{margin-top:44px}.footer-block:first-of-type{margin-top:42px}.footer-block-consult{margin-top:84px}.footer-section-title{color:white;font-size:20px;line-height:1.4;font-weight:700}.footer-primary-link{display:inline-flex;align-items:center;gap:12px;margin-top:28px;color:white;transition:.5s opacity}.footer-primary-link:hover{opacity:.6}.footer-primary-link-main{font-size:28px;line-height:1.2;font-weight:700}.footer-primary-link-main-en{font-family:var(--en-font);font-weight:400}.footer-primary-link-arrow{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid white}.footer-primary-link-circle{margin-bottom:4px;width:20px;height:20px;background-color:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid black}.footer-primary-link-sub{margin-top:4px;color:white;font-size:12px;line-height:1.75;font-weight:500}.footer-inline-link{margin-top:6px;padding-top:8px}.footer-inline-link a{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:underline;color:white}.footer-inline-link a i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:white;border-radius:50%}.footer-link-list{display:flex;flex-direction:column;margin-top:22px}.footer-link-list a{color:white;font-size:14px;line-height:1.75;transition:.5s opacity}.footer-link-list a:hover,.footer-product-featured a:hover,.footer-product-list a:hover{opacity:.6}.footer-link-list-topics{gap:0}.footer-link-list-stack{gap:4px;margin-top:18px}.footer-block-app{margin-top:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.2)}.footer-product-featured{display:flex;flex-direction:column;gap:6px;margin-top:26px}.footer-product-featured a{width:fit-content;color:white;font-size:14px;line-height:1.45;transition:.5s opacity}.footer-product-list{display:flex;flex-direction:column;gap:4px;margin-top:28px;padding-top:18px}.footer-product-list a{color:white;font-size:14px;line-height:1.45;transition:.5s opacity}@media screen and (max-width: 767px){.nav-head{gap:23px}.nav-recipe-navi-search-head{flex-direction:column}.nav-recipe-navi-titles .nav-recipe-navi-link{display:none}.nav-recipe-navi-search-head-content .nav-recipe-navi-link{display:block}.nav-recipe-navi-search-head-btn{width:100%;margin-top:12px}.nav-recipe-navi-search-head-btn svg path{stroke:black}.nav-recipe-navi-link{padding-top:12px}.nav-recipe-navi-search-head-content{display:none}.footer-columns{grid-template-columns:1fr;gap:0}.footer-desktop-layout{display:none}.footer-mobile-legacy{display:block}.footer-block,.footer-block:first-of-type,.footer-block-consult{margin-top:32px}.footer-primary-link{margin-top:18px}.footer-primary-link-main{font-size:24px}.footer-product-featured a,.footer-product-list a{font-size:14px}.wrapper .gr-menu .left-menu .menu-ft li{margin-bottom:0}.wrapper .gr-menu .left-menu .menu-ft li a{border:0;font-size:12px;line-height:2.5;padding-bottom:0;font-weight:500}.wrapper .gr-menu .copy-right{margin-top:32px}.nav-recipe-navi{margin-top:32px}.nav-recipe-navi-link{padding-top:0}.nav-recipe-navi-search-column{margin-top:24px;gap:12px}.nav-recipe-navi-list a{line-height:1.75}.nav-recipe-navi-list.-b:last-of-type{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:20px}.nav-recipe-navi-search-body .nav-recipe-navi-link{display:block}.nav-recipe-navi-search-body .nav-recipe-navi-search-head-btn{display:flex}.nav-recipe-navi-search-head-title{display:flex;align-items:center;justify-content:space-between}.nav-recipe-navi-search-body{gap:0}.nav-recipe-navi-list .-title{display:flex;align-items:center;justify-content:space-between}.js-toggle-arrow{display:block}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-sub,#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body,#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{color:white}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-sub{font-size:12px;line-height:1.75;margin-top:4px}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.75;margin-top:12px}#footer .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{text-decoration:none}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-sub,.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body,.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{color:black}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-sub{font-size:12px;line-height:1.75;margin-top:4px}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.75;margin-top:12px}.navigation .footer-mobile-legacy .nav-recipe-navi-search-body .-body a{display:block;text-decoration:none}.js-toggle-body{max-height:0;overflow:hidden;transition:.5s max-height}.js-toggle-arrow{transition:.5s transform}.-active+.js-toggle-body{max-height:1000px}.-active .js-toggle-arrow{transform:rotate(180deg)}}.wrapper{position:relative;width:100vw}.navigation{position:fixed;top:0;left:0;z-index:10050;width:100vw;height:100vh !important;height:100dvh !important;right:0;pointer-events:none;opacity:0;overflow:scroll;transition:opacity 0.55s ease}.nav-open .navigation{opacity:1;pointer-events:all}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:10049;background-color:white;transition:opacity 0.55s ease;opacity:0;pointer-events:none;display:block}.nav-open .overlay{opacity:1;pointer-events:all}.nav-open,.search-open{height:100vh;overflow:hidden}.navigation .nav-inner{max-width:1070px;width:100%;margin:auto;position:relative}.navigation .nav-recipe-navi-title .-main a{color:black}.navigation .nav-recipe-navi-title .-sub{color:black}.navigation .nav-recipe-navi-link a{color:black}.navigation .nav-recipe-navi-search-head-title{color:black}.navigation .nav-recipe-navi-search-head-btn{color:black;border-color:black}.navigation .nav-recipe-navi-search-head-btn:hover{color:white;background-color:black}.navigation .nav-recipe-navi-search-head-btn:hover svg path{stroke:white}.navigation .nav-recipe-navi-title .-main a i{background-color:black}.navigation .nav-recipe-navi-link a i{background-color:black}.navigation .nav-recipe-navi-search-title{background-color:black;color:white}.navigation .nav-recipe-navi-search-tags .-tag{color:black;background-color:#E5E5E5;border:0;transition:.5s background-color, .5s color}.navigation .nav-recipe-navi-search-tags .-tag:hover{color:white;background-color:black}.navigation .nav-recipe-navi-titles,.navigation .nav-recipe-navi-search,.navigation .nav-recipe-navi-list.-b{border-color:rgba(0,0,0,0.2)}.navigation .nav-recipe-navi-list .-title{color:black}.navigation .nav-recipe-navi-list .-body a,.navigation .nav-recipe-navi-list .-body p{color:black}.navigation .nav-recipe-close{position:absolute;top:0;right:0;cursor:pointer}.navigation .gr-menu{display:flex;justify-content:space-between}.navigation .menu-ft{display:flex;gap:1em}.navigation .menu-ft li{display:flex;gap:1em}.navigation .menu-ft li::after{content:"|";display:block}.navigation .menu-ft li:last-child:after{display:none}.navigation .trans{font-size:12px}.navigation .copy-right{font-size:10px;color:#666666}.navigation .nav-recipe-close .-sp{display:none}.navigation .nav-recipe-navi-link svg path{fill:white}.navigation .footer-link-compact a,.navigation .footer-section-title,.navigation .footer-primary-link,.navigation .footer-primary-link-sub,.navigation .footer-inline-link a,.navigation .footer-link-list a,.navigation .footer-product-featured a,.navigation .footer-product-list a{color:black}.navigation .footer-primary-link-arrow{border-left-color:black}.navigation .footer-primary-link-circle,.navigation .footer-inline-link a i{background-color:black}.navigation .footer-primary-link-circle svg path{stroke:white}.navigation .footer-inline-link a i svg path{fill:white}.navigation .footer-inline-link,.navigation .footer-block-app{border-top-color:rgba(0,0,0,0.2)}.line-height-normal{line-height:normal}@media screen and (max-width: 767px){.navigation .nav-inner{position:static;padding-left:24px;padding-right:24px}.navigation .nav-recipe-close{top:24px;right:24px}.navigation .gr-menu{flex-direction:column;padding-bottom:48px}.navigation .menu-ft{flex-direction:column;gap:0}.navigation .menu-ft li::after{display:none}.navigation .nav-recipe-close .-pc{display:none}.navigation .nav-recipe-close .-sp{display:block}}.search-modal{position:fixed;background-color:white;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:scroll;z-index:20;opacity:0;pointer-events:none;transition:.5s opacity}.search-open .search-modal{opacity:1;pointer-events:all}.search-modal-inner{max-width:calc(1070px + 24px * 2);width:100%;margin:60px auto 0;position:relative;padding:0 24px}.search-modal-close{position:absolute;top:0;right:0;width:32px;height:32px;cursor:pointer}.search-modal-close::before,.search-modal-close::after{position:absolute;content:"";display:block;width:45.25px;height:1px;background-color:black;top:0;left:0;right:0;bottom:0;margin:auto}.search-modal-close::before{transform:rotate(-45deg)}.search-modal-close::after{transform:rotate(45deg)}.search-modal-close svg{width:100%;height:100%}.search-modal-item{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.2);display:flex;gap:40px}.search-modal-item-head{width:238px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-family:var(--en-font)}.search-modal-item-head span{display:inline-flex;align-items:center;padding:5px 10px 3px;height:24px;line-height:1;align-items:center;background-color:black;color:white;letter-spacing:0}.search-modal-item-head em{font-size:20px;font-weight:600;line-height:1.5}.search-modal-item-body{flex:1}.search-input{height:100%;border:1px solid #E5E5E5;border-radius:6px;max-width:515px;width:100%;display:flex;align-items:center;padding:10px 10px 10px 20px;justify-content:flex-end}.search-input button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:118px;height:40px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-input input{font-size:16px;border:0;flex:1;height:28px}.search-input button svg path{transition:.5s stroke}.search-input button:hover{background-color:white;color:black}.search-input button:hover svg path{stroke:black}.search-modal-tags{display:flex;gap:10px;flex-wrap:wrap}.search-checkbox{display:flex}.search-checkbox label{display:flex;background-color:#E5E5E5;border-radius:40px;line-height:1;padding:0 21px;align-items:center;gap:6px;height:40px;font-size:14px;cursor:pointer;transition:.5s background-color, .5s color}.search-checkbox label::before{width:20px;height:20px;background:url(https://dolive.media/img/magazine/recipe/check.svg) center center no-repeat;background-size:contain}.search-checkbox input:checked+label{background-color:black;color:white}.search-checkbox input:checked+label::before{content:"";display:block}.search-checkbox label:hover{background-color:black;color:white}.search-images{display:flex;flex-wrap:wrap;gap:20px}.search-checkbox_image{width:81px}.search-checkbox_image label{display:flex;flex-direction:column;width:100%;gap:6.83px;font-size:12px;font-weight:600;position:relative;cursor:pointer}.search-checkbox_image img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.search-checkbox_image .-img{position:relative}.search-checkbox_image input+label .-img::after{content:"";display:block;width:100%;aspect-ratio:1;border:5px solid black;position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:.5s opacity}.search-checkbox_image input:checked+label .-img::after{opacity:1}.search-checkbox_image input+label .-img::before{content:"";display:block;width:20px;height:20px;background:url(https://dolive.media/img/magazine/recipe/check.svg) center center no-repeat;background-size:contain;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0;pointer-events:none}.search-checkbox_image input:checked+label .-img::before{opacity:1}.search-checkbox_image label:hover .-img::after{opacity:1}.search-modal-control{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;margin-bottom:60px}.search-modal-result{text-align:center;font-size:14px;font-weight:600;line-height:1.25;font-family:var(--en-font)}.search-modal-result-number{font-size:32px}.search-modal-control-btn{display:flex;justify-content:center;width:100%}.search-modal-control-btn button{display:flex;align-items:center;justify-content:center;gap:6px;max-width:514px;width:100%;height:56px;font-size:16px;font-weight:600;color:white;background-color:black;border-radius:5px;transition:.5s background-color, .5s color;border:1px solid black}.search-modal-control-btn button svg path{transition:.5s stroke}.search-modal-control-btn button:hover{background-color:white;color:black}.search-modal-control-btn button:hover svg path{stroke:black}@media screen and (max-width: 767px){.search-modal-close::before,.search-modal-close::after{width:32.53px;height:2px}.search-modal-inner{margin-top:24px}.search-modal-item{flex-direction:column;gap:12px;padding-bottom:20px;margin-bottom:20px}.search-modal-close{right:24px;width:23px;height:23px}.search-modal-item-head span{font-size:16px}.search-input a{width:84px;height:32px;font-size:12px}.search-input a svg{width:16px}.search-input input{font-size:12px}.search-checkbox label{height:24px;padding:0 11px}.search-checkbox label::before{width:12px;height:12px}.search-checkbox label:hover{background-color:#E5E5E5;color:black}.search-checkbox_image label:hover .-img::after{opacity:0}.search-images{gap:15.5px}.search-checkbox_image{width:calc(100% / 4 - 15.5px / 4 * 3)}.search-checkbox_image label{gap:6px;font-size:10px}.search-modal-list{padding-top:20px}}.footer-social{margin:0}.btn-search{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin:0}.header-recipe .btn-menu{width:42px;height:42px;display:flex;align-items:center;justify-content:center;z-index:13}.header-nav-icon{position:relative;display:block;cursor:pointer;width:31px;height:27px}.header-nav-icon>span{display:inline-block;position:absolute;left:0;width:100%;height:5px;background-color:#222222;border-radius:3px;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.header-nav-icon>.top{top:0}.header-nav-icon>.middle{top:0;bottom:0;margin:auto 0}.header-nav-icon>.bottom{bottom:0}.header-control{box-sizing:border-box;gap:30px;padding:0 40px;top:0;height:120px;position:fixed;display:flex;justify-content:flex-end;align-items:center;width:100%;left:50%;transform:translate(-50%, 0)}.btn-search{height:20px;display:flex;align-items:center;margin-right:12px;cursor:pointer;z-index:13}.btn-search i{display:block;background:url(https://dolive.media/img/magazine/common/icon_search.svg) center center no-repeat;background-size:contain;width:38px;height:38px}@media screen and (max-width: 767px){.header-recipe{justify-content:space-between}.header-control{padding:0 14px;gap:12px;height:80px;width:auto;left:auto;right:0;transform:translate(0, 0)}.btn-search{width:24px;height:24px}.btn-search i{width:21.84px;height:21.84px}.btn-menu{width:24px;height:24px}.header-nav-icon{width:17.86px;height:15px}.header-nav-icon>span{height:3px;width:20px}footer .wrapper{padding:48px 24px}footer .gr-menu .copy-right{padding:0}.header-recipe .btn-menu{width:24px;height:24px}}.box-search{position:fixed;width:100vw;min-height:100vh;min-height:-webkit-fill-available;bottom:0;left:0;top:0;background:white;z-index:9;display:none}.box-search .wrapper{max-width:980px;padding-top:120px}@media screen and (max-width: 767px){.box-search .wrapper{padding-top:100px}}.box-search .search{border:0;position:relative;margin-bottom:32px;padding-bottom:60px;border-bottom:1px solid #C9C9C9}.box-search .-input{position:relative}.box-search .-input input{border:1px solid black;border-radius:10px;padding:15px;font-size:15px}.box-search .-input input::placeholder{color:#BCBCBC}.box-search .-input:after{content:"";display:block;background:url(https://dolive.media/img/magazine/common/icon_search.svg) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;right:20px;left:auto;margin:auto 0;width:20px;height:20px}
