.otherstories div li h3,.archives div li h3{padding:0 5px;margin:5px 0;height:auto;border:0;letter-spacing:0;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block;margin-top:60px;background-color:#252525}footer .footerinner{max-width:1110px;margin:0 auto}footer .footerinner .footcontainer{width:90%;margin:0 auto;padding:20px 0;overflow:hidden}footer .footerinner .footlist{overflow:hidden;font-size:80%;text-align:center}footer .footerinner .footlist a{color:#999;text-decoration:none;margin:0}footer .footerinner .footbanner{float:right;margin:0}footer .footerSocials{margin:0 0 10px}footer .social{color:#d2d2d2}footer .social p{text-align:right;opacity:.8}footer .social i{margin:0 .3em 0 0}footer .social a{color:#d2d2d2;text-decoration:none}footer .footerRights{text-align:center;color:#999}footer.foot-v2{padding-bottom:0}footer.foot-v2 .footerinner{width:96%;max-width:900px;margin:0 auto}footer.foot-v2 .footerinner .footcontainer{width:100%}footer.foot-v2 .hearst-magazines{margin:20px 0}footer.foot-v2 .hearst-magazines img{width:220px;opacity:.7}footer.foot-v2 .hearst-magazines .logo{float:left;margin-right:20px}footer.foot-v2 .magazine-links{font-size:12px;line-height:28px}footer.foot-v2 .magazine-links a{color:#aaa;text-decoration:none;line-height:28px;padding-right:.8em;display:inline-block}footer.foot-v2 .magazine-links a:hover{text-decoration:underline}footer.foot-v2 .copyright{margin-top:30px;border-top:1px solid #444;padding-top:30px;padding-bottom:30px;clear:both;font-size:12px;color:#888;text-align:center}footer.foot-v2 .copyright span{display:inline-block}footer.foot-v2 .social-ttl{text-transform:uppercase;padding-right:1em}footer.foot-v2 .social{margin:10px 0;color:#aaa;text-align:right}footer.foot-v2 .social i{font-size:20px}footer.foot-v2 .social i.direction{font-size:16px}footer #footercopyright ul{width:80%;margin:0 auto;padding:20px 0;clear:both;border-top:1px solid #353535}header{display:block;position:fixed;top:0;left:0;width:100%;height:50px;z-index:1000;background:#fff;border-bottom:1px solid #efefef}header h2{float:left;margin:0;height:100%;position:absolute;display:none}header h2 img{height:30px;padding:10px}header ul{height:100%;width:100%;display:box}header ul li{margin:0 1em}header a{color:#000;text-decoration:none}header a:hover{transition:.8s ease-in-out;transition-property:opacity;opacity:.5}hgroup{display:block}main{display:block}nav{display:block}section{display:block;width:100%}section.search{width:92%;max-width:600px;margin:0 auto}section.search .gsc-thumbnail-inside{margin-bottom:.5em;padding:0}section.search .gsc-url-top{padding:0}section.search .gsc-cursor{font-size:18px}section.search .gsc-result .gs-title{height:auto}section.search .gs-image-box.gs-web-image-box.gs-web-image-box-portrait{width:110px;height:100px}section.search .gs-web-image-box-portrait img.gs-image{max-width:100px;max-height:100px}section.search .gsc-results .gsc-cursor-box .gsc-cursor-page{padding:.5em 1em;background-color:#efefef}section.search .gsc-results .gsc-cursor-box .gsc-cursor-current-page{padding:.5em 1em;background-color:#fff}summary{display:block}audio{display:inline-block}audio:not([controls]) {display:none;height:0}canvas{display:inline-block}video{display:inline-block}[hidden]{display:none}html{background:#fff;color:#000;font-family:sans-serif;height:100%}html input[type="button"]{cursor:pointer}html input[disabled]{cursor:default}body{margin:0;font-family:ヒラギノ角ゴ\ Pro\ W3,Hiragino\ Kaku\ Gothic\ Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,sans-serif;font-size:14px;height:100%}body.partslist{background-color:#efefef;height:auto}a{color:#59a716;text-decoration:underline}a:focus{outline:thin dotted}a:active{outline:0}a:hover{outline:0}h1{font-size:2em;margin:.67em 0;margin:0}abbr[title]{border-bottom:1px dotted}b{font-weight:bold}strong{font-weight:bold}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code{font-family:monospace,serif;font-size:1em}kbd{font-family:monospace,serif;font-size:1em}pre{font-family:monospace,serif;font-size:1em;white-space:pre-wrap}samp{font-family:monospace,serif;font-size:1em}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}img{border:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button{font-family:inherit;font-size:100%;margin:0;line-height:normal;text-transform:none;cursor:pointer}input{font-family:inherit;font-size:100%;margin:0;line-height:normal}select{font-family:inherit;font-size:100%;margin:0;text-transform:none}textarea{font-family:inherit;font-size:100%;margin:0;overflow:auto;vertical-align:top}input[type="reset"]{cursor:pointer}input[type="submit"]{cursor:pointer}button[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;padding:0}input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{box-sizing:content-box;border-radius:0}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}table{border-collapse:collapse;border-spacing:0;font-size:14px}ul{margin:0;padding:0}li{list-style:none}#topPage header{background-color:#000;border:0;color:#999}#topPage header a{color:#999}#topPage header.nav{display:none}#topPage header.fixed{display:block}#topPage #menu ul{background:#000}#topPage #menu li a{background:#000;color:#d9d9d9}#topPage #s{background-color:transparent;width:78%;border:0;font-size:14px;border-bottom:1px solid #ccc;display:inline-block;width:70%;border:0;outline:none;line-height:16px;font-size:14px;font-weight:normal;background-color:#333;padding:.5em;height:auto;margin-bottom:10px}#topPage #searchbar{padding:10px 3%}#top{width:100%;height:100%;min-height:650px;background:url(https://www.hqb.jp/wp-content/themes/hqb/assets/images/top/topimg.jpg) center center no-repeat;background-size:cover;text-align:center;position:relative}#top .title{width:100%;display:table;vertical-align:middle;padding:60px 0 0}#top .title h1{color:#fff}#top .scrolldown{position:absolute;bottom:20px;width:100%;text-align:center}#top .scrolldown a{color:#fff}#top .photocredit{position:absolute;bottom:10px;right:20px;color:#fff;font-size:10px;opacity:.8}.sliderbigimagebackground{background-size:cover;width:100%;height:100%;max-width:900px;margin:0 auto}.slide{height:100%;float:left;clear:none}.slider{position:relative;width:100%;height:100%;overflow:hidden}.slides{height:100%;overflow:hidden;*zoom: 1}.slider-arrow{position:absolute;margin-bottom:-20px;padding:20px;background-image:url(https://www.hqb.jp/wp-content/themes/hqb/assets/images/top/glide-arrows.png);width:17px;height:28px;display:block;padding:0}.slider-arrow--right{bottom:50%;right:30px;margin-right:36px;background-position:-17px 0}.slider-arrow--right:hover{background-position:-17px -28px}.slider-arrow--left{bottom:50%;left:30px;margin-left:36px;background-position:0 0}.slider-arrow--left:hover{background-position:0 -28px}.box-shadow{box-shadow:0 12px 24px 0 rgba(50,50,50,.75)}.slider-nav{position:absolute;bottom:30px}.slider-nav__item{width:12px;height:12px;float:left;clear:none;display:block;margin:0 5px;background:#fff;border-radius:8px;background:transparent;border:1px solid #aaa}.slider-nav__item:hover{background:#aaa}.slider-nav__item--current{background:#aaa}.sliderbigimagetitle{font-size:12px;color:#fff;padding:1em;background-color:#000;opacity:.8}#articlebody{width:90%;margin:60px auto;max-width:800px}#articlebody h1{margin:0 0 50px;line-height:1;text-align:center;font-size:36px}.lg-panellight{margin:50px 0 0}.meta{width:30%;float:left;text-align:right;font-size:12px}.meta li{margin:0 0 .5em}.meta li.meta-pr{width:5rem;background-color:#333;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1em;padding-left:.5rem;display:inline-block}.articletext{margin:0 0 0 33%}.articletext .lead{font-size:140%;line-height:1.5;color:#666;border-bottom:1px solid #d9d9d9}.bodytext{margin:0}.normal{margin:.3em 0;font-size:110%;line-height:1.7}.extradata{padding:10px;border-top:1px solid #e3e3e3;font-size:11px;line-height:1.5;color:#666}.snsSection2{overflow:hidden;margin:0 0 20px}.snsSection2 a{width:50%;float:left;height:40px;display:block;padding:0;margin:0;color:#fff;text-align:center;text-decoration:none;font-size:16px;line-height:40px}.snsSection2 a.facebook-iine{background-color:#3b5998}.snsSection2 a.twitter-tweet{background-color:#00acee}.articlelist{width:90%;margin:0 auto;padding:80px 0}.articlelist h2{letter-spacing:.1em;font-size:1.5em;border-bottom:1px solid #999;text-align:center;margin:12px 0 40px;line-height:.1em;text-transform:uppercase}.articlelist h2 span{font-size:32px;background-color:#fff;padding:0 1em;font-family:sans-serif}.articlelist ul{overflow:hidden;*zoom: 1}.articlelist li{width:30%;height:455px;float:left;margin:0 5% 40px 0;list-style:none;position:relative;float:none;display:inline-block;vertical-align:top;height:auto}.articlelist li h3{margin:5px 0;height:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.articlelist li p{height:6em;overflow:hidden;height:auto}.articlelist li a{width:100%;height:100%;position:absolute;display:block;text-decoration:none;color:#333}.articlelist li a:hover{background-color:#fff;opacity:.4}.articlelist li:nth-child(3n) {margin:0 0 40px}.articlelist li img{width:100%;height:auto}.articlelist li.new{position:relative}.articlelist li.new:after{position:absolute;right:0;top:0;width:2.5rem;content:"NEW";font-size:12px;font-weight:bold;font-family:sans-serif;color:#fff;background-color:#59a716;padding:2px 4px}.articlelist li.new.pr:before{position:absolute;right:2.5rem;top:0;content:'PR';font-size:12px;font-weight:bold;color:#fff;background-color:#333;padding:2px 4px 2px 10px;letter-spacing:1em}.articlelist li.pr{position:relative}.articlelist li.pr:before{position:absolute;right:0;top:0;content:'PR';font-size:12px;font-weight:bold;color:#fff;background-color:#333;padding:2px 4px 2px 10px;letter-spacing:1em}.otherstories{overflow:hidden;*zoom: 1;width:100%;background-color:#ccc;margin:40px 0 0}.otherstories .articlelist{width:100%;overflow:hidden;*zoom: 1;padding:0}.otherstories h3{text-align:center;border-bottom:1px solid #000;height:.8em;letter-spacing:1em;margin:30px 0 20px;text-transform:uppercase}.otherstories h3 span{background-color:#ccc;padding:0 1em;font-size:24px}.otherstories div{width:90%;margin:0 auto}.otherstories div li{background-color:#fff;background-color:transparent}.otherstories div li p{padding:0 5px;margin:0;max-height:4.2em;overflow:hidden;max-height:none;padding:0}.otherstories .morearw{text-align:center}.otherstories .morearw i{color:#fff;font-size:4em;vertical-align:middle;text-shadow:1px 1px 2px #ddd;color:#333}.archives{overflow:hidden;*zoom: 1;width:100%;background-color:#ccc;margin:40px 0 0;background-color:#eee}.archives .articlelist{width:100%;overflow:hidden;*zoom: 1;padding:0}.archives h3{text-align:center;border-bottom:1px solid #000;height:.8em;letter-spacing:1em;margin:30px 0 20px;text-transform:uppercase}.archives h3 span{background-color:#ccc;padding:0 1em;font-size:24px;background-color:#eee}.archives div{width:90%;margin:0 auto}.archives div li{background-color:#fff;background-color:transparent}.archives div li p{padding:0 5px;margin:0;max-height:4.2em;overflow:hidden;max-height:none;padding:0}.archives div.searchHead{width:92%;max-width:1200px;margin:0 auto 40px}.archives .morearw{text-align:center}.archives .morearw i{color:#fff;font-size:4em;vertical-align:middle;text-shadow:1px 1px 2px #ddd;color:#333}.archives h4{text-align:center;font-weight:normal;font-size:18px;letter-spacing:.2em;margin:20px 0 40px}.sliderbigimage{height:600px;background:#000}@media only screen and (max-width:480px){#top{min-height:480px}#top .title{padding:60px 0 0}.sliderbigimage{height:200px}.meta{width:100%;float:none;text-align:left}.bodytext{margin:0}.archives h3{border-bottom:0}.archives h3 span{letter-spacing:.1em}.archives h4{font-size:14px}.archives .articlelist{overflow:visible}.articlelist li{width:100%;margin:0 0 20px;height:auto}.articlelist li:nth-child(3n) {margin:0}.articlelist h2 span{font-size:24px}#articlebody h1{font-size:24px}#articlebody .articletext{margin:0}#topPage .menubtn{background:#000;color:#d9d9d9}header #menu ul{display:block}.otherstories h3{border-bottom:0}.title h1 img{width:50%}footer .footerinner .footlist a{width:40%}}@media only screen and (min-width:481px) and (max-width:768px){.sliderbigimage{height:400px}}.togmenu{display:none}.menubtn{padding:0 20px;background:#fff;color:#333;text-align:right;line-height:50px;text-transform:uppercase}#menu ul{margin:0;padding:0;background:#fff;border:none;width:100%;float:right;line-height:0}#menu li{list-style:none;border-top:1px solid #d9d9d9;margin:0;padding:0 1em}#menu li a{display:block;text-decoration:none;background:#fff;color:#333;line-height:50px;text-transform:uppercase}@media only screen and (min-width:800px){.menubtn{display:none}.togmenu{display:block}#menu ul{width:auto}#menu li{display:inline-block;border:none;max-width:8em;overflow:hidden;white-space:nowrap}#menu li#searchbar{max-width:13em}#menu li.menu--search{max-width:13em}}@media only screen and (max-width:800px){footer .footerinner .footlist{width:100%}footer .footerinner .footlist a{width:30%;margin:0 3% 10px 0}footer .footerinner .footbanner{width:294px;float:none;clear:left;margin:0 auto}}@media only screen and (min-width:801px) and (max-width:1100px){footer .footerinner .footlist{width:50%}footer .footerinner .footlist a{width:47%;margin:0 3% 10px 0}}.morearw{text-align:center;color:#333}.morearw p{margin:0;cursor:pointer;cursor:hand}.morearw i{text-shadow:1px 1px 2px #ccc}#searchresultssubmit{display:inline;margin-top:6px;background:none;color:#717171;border:0;outline:none;cursor:pointer}#searchbar{display:none;display:inline-block;float:left;float:none;width:94%;width:15em;height:40px;padding:0 3%;z-index:9999;background:#fff;border-bottom:1px solid #eee}#s{display:block;width:88%;border:0;outline:none;padding:0;height:40px;line-height:40px;font-size:160%;font-weight:bold;color:#676767;font-family:Helvetica,Arial,Hiragino\ Kaku\ Gothic\ ProN,Meiryo,sans-serif}#searchsubmit{display:block;float:right;margin-top:6px;padding:0 3px;background:none;color:#717171;border:0;outline:none;cursor:pointer}@media screen and (min-width:480px){#topPage .searchbox--mobile{display:none}}@media screen and (max-width:479px){.menu--search{display:none}}@media screen and (max-width:480px){footer.foot-v2 .magazine-links{text-align:center}footer.foot-v2 .social-ttl{display:none}footer.foot-v2 .social{text-align:center}footer.foot-v2 .footlist a{width:92%;margin:0 auto;float:none;display:block;line-height:40px}footer.foot-v2 .hearst-magazines .logo{float:none;margin-bottom:10px;text-align:center}}svg:not(:root) {overflow:hidden}h3.searchbox{margin:30px 0 60px}.searchHead input.text{width:70%;height:24px;padding:10px;font-size:24px;line-height:24px;background:#efefef;border:0;border-bottom:1px solid #ccc;color:#333}span.results{display:inline-block;font-size:16px;font-weight:bold;color:#333;margin:20px 0 0 20px;line-height:16px}span.results em{font-style:normal;color:#59a716;padding:0 .5em}#searchbar{float:none;width:13rem;height:auto;vertical-align:top;border-bottom:0}@media screen and (max-width:768px){#searchbar{width:94%}}#searchbar #s{display:inline-block;width:70%;border:0;outline:none;padding:0;height:auto;line-height:16px;font-size:14px;font-weight:normal;color:#333;font-family:Verdana,YuGothic,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;background-color:#efefef;padding:.5em;color:#333;margin-top:10px}@media screen and (max-width:768px){#searchbar #s{margin-bottom:10px;width:80%}}#searchsubmit{display:inline-block;font-size:1.5em;margin-top:12px}@media screen and (min-width:481px) and (max-width:768px){#menu ul{display:block;width:50%;border-left:1px solid #d9d9d9}}.articlelist{max-width:1200px}.privacy-policy{width:1200px;float:none;margin:auto;line-height:1.8}.privacy-policy h4{margin:40px 0 0;text-align:left}.privacy-policy .text-indent-1{display:inline-block;text-indent:-1.5rem;padding-left:3rem}.privacy-policy .text-indent-2{display:inline-block;text-indent:-1.5rem;padding-left:4.5rem}.d-flex{display:flex}.w-auto{width:auto}.flex-grow-1{flex-grow:1}@media (min-width:768px){.d-md-flex{display:flex}.w-md-auto{width:auto}}@media (max-width:768px){body{line-height:1.5}.hqblogo{max-width:80%}.top-h2{max-width:90%;margin-left:auto;margin-right:auto}.builders .top-block{display:flex;flex-direction:column;align-items:center}.builders .top-block .top-block--img{margin-bottom:1.5rem}.builders .top-block .top-block--content{padding-left:0;display:flex;flex-wrap:wrap}.builders .top-block .top-block--content .top-block--content-info{flex:1 1 50%;margin-left:0;margin-top:1rem}.certifystep.colored>div{transform:scale(.95);transform-origin:center center}.archives .imageup .imageup-lead{width:90%}.archives .imageup .imageup-content-wrapper .imageup-content{flex:1 1 100%;margin-right:0;padding-left:.5rem;padding-right:.5rem}.archives.builder .articlelist li img{float:none;width:100%;margin-right:0}}.ratio{position:relative;width:100%}.ratio::before{content:"";display:block;padding-top:var(--hqb-aspect-ratio)}.ratio-1x1{--hqb-aspect-ratio:100%}.ratio-4x3{--hqb-aspect-ratio:75%}.ratio-16x9{--hqb-aspect-ratio:56.25%}.ratio>img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover}@charset "UTF-8";@media screen and (max-width:768px){body{font-size:16px}}.main{width:92%;max-width:800px;margin:80px auto}.whatsnew{clear:both;width:100%;max-width:800px;margin:0 auto;margin-bottom:50px}.whatsnew header.contents-head{position:relative;top:0;left:0;width:100%;height:auto;margin:20px 0;z-index:1000;background:#fff;border-bottom:none;text-align:center;font-size:28px}@media screen and (max-width:480px){.whatsnew header.contents-head{font-size:20px}}.whatsnew header.contents-head h3{display:inline}.whatsnew header.contents-head h1{display:inline;font-size:28px}@media screen and (max-width:480px){.whatsnew header.contents-head h1{font-size:20px}}.whatsnew .contents-head--logo{width:20%;max-width:250px;min-width:100px}.whatsnew .articlelist{padding-top:30px}.whatsnew .latest-list li{margin-bottom:.5em;line-height:1.2}@media screen and (max-width:768px){.whatsnew .latest-list li{min-height:44px}}.whatsnew-ttl{padding-bottom:10px;margin:30px 0 10px;border-bottom:1px solid #ddd;color:#333;font-size:22px;line-height:1;font-family:"Carrois Gothic",Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;margin-bottom:0}.whatsnew-ttl span{font-size:14px;padding:0 0 0 1em}.whatsnew-list li{border-bottom:1px solid #ccc;padding:.5em 0}.whatsnew-list li a{border:0;color:#333;text-decoration:none}.whatsnew-list--date,.whatsnew-top--date{color:#aaa;padding-right:.5em}.whatsnew-list--cat,.whatsnew-top--cat,.whatsnew-top--ch{display:inline-block;color:#fff;background-color:#aaa;padding:.2em .5em;margin-left:.5em;border-radius:2px}.whatsnew-top--ch{background-color:#59a716}.area-infomation{color:#eee}.area-infomation a{color:#eee}hr.divider{height:0;width:30%;margin:30px auto;border:0;border-bottom:1px solid #414141}footer.foot-v2 .footerinner{width:96%;max-width:900px;margin:0 auto}footer.foot-v2 .footerinner .footcontainer{width:100%}@media screen and (max-width:480px){footer.foot-v2 .footlist a{width:92%;margin:0 auto;float:none;display:block;line-height:40px}}footer.foot-v2 .hearst-magazines{margin:20px 0}footer.foot-v2 .hearst-magazines img{width:140px;opacity:.7}footer.foot-v2 .hearst-magazines .logo{float:left;margin-right:20px}@media screen and (max-width:480px){footer.foot-v2 .hearst-magazines .logo{float:none;margin-bottom:10px;text-align:center}}footer.foot-v2 .magazine-links{font-size:12px;line-height:28px}@media screen and (max-width:480px){footer.foot-v2 .magazine-links{text-align:center}}footer.foot-v2 .magazine-links a{color:#aaa;text-decoration:none;line-height:28px;padding-right:.8em;display:inline-block}footer.foot-v2 .magazine-links a:hover{text-decoration:underline}footer.foot-v2 .copyright{margin-top:0;border-top:1px solid #444;padding-top:30px;clear:both;font-size:12px;color:#888;text-align:center}footer.foot-v2 .copyright span{display:inline-block}footer.foot-v2 .social-ttl{text-transform:uppercase;padding-right:1em}@media screen and (max-width:480px){footer.foot-v2 .social-ttl{display:none}}footer.foot-v2 .social{margin:10px 0;color:#aaa;text-align:right}@media screen and (max-width:480px){footer.foot-v2 .social{text-align:center}}footer.foot-v2 .social i{font-size:20px}footer.foot-v2 .social i.direction{font-size:16px}.searchbox-top--mobile{display:none}.contentslist{width:94%;max-width:800px;margin:0 auto}@media screen and (max-width:768px){.contentslist{width:92%}}.contentslist .whatsnew .ttl{font-weight:normal;font-size:24px;border-bottom:1px solid #ccc}.contentslist .whatsnew .ttl span{font-size:14px}.contentslist .links{width:100%;margin-top:40px}.contentslist .links li{margin-bottom:20px}@media screen and (min-width:480px){.contentslist .links li{width:48%;display:inline-block;margin-right:3%}.contentslist .links li:nth-child(2n) {margin-right:0}}.caption{display:inline-block;position:relative;overflow:hidden}.caption img{display:block;max-width:100%;transition:opacoty .3s ease-in-out}.caption:hover img{opacity:.5}.caption::before,.caption::after{position:absolute;box-sizing:border-box;width:100%;height:20%;color:#fff;z-index:1;transition:transform .5s ease-in-out;font-size:28px;line-height:1.4}.caption::before{content:"" attr(data-title);top:0;background:rgba(0,0,0,.6);font-size:28px;font-weight:300;padding:30px;font-family:FontAwesome}@media screen and (max-width:768px){.caption::before{transform:translateY(0%)}}.caption::after{content:attr(data-description);top:20%;background:rgba(0,0,0,.6);font-size:14px;padding:0 30px;color:#fff}.caption:hover::after,.caption:hover::before{}.caption1{display:inline-block;position:relative;margin:10px;overflow:hidden;background:rgba(0,0,0,.2);transition:background .3s ease-in-out}.caption1:hover{background:transparent}.caption1 img{display:block;max-width:100%;transition:transform .3s ease-in-out}.caption1:hover img{transform:translateX(100%)}.caption1::before,.caption1::after{box-sizing:border-box;position:absolute;width:100%;z-index:-1;background:#cecece;transform:translateX(-30%);transition:transform .3s ease-in-out}.caption1::before{content:attr(data-title);height:30%;color:#05b19a;font-size:40px;font-weight:300;padding:30px}.caption1::after{content:"“" attr(data-description) "”";top:30%;height:70%;color:#fff;font-size:14px;padding:20px 30px}.caption1:hover::before,.caption1:hover::after{transform:translateX(0%)}.ic-top--wrapper{width:94%;max-width:800px;margin:0 auto;overflow:auto}@media screen and (max-width:768px){.ic-top--wrapper{width:92%}}.ic-top--wrapper::-webkit-scrollbar{display:none}.ic-top{position:relative;float:left;width:100%;margin-bottom:40px;line-height:0}.nav-inline{position:relative;margin-bottom:20px}@media screen and (max-width:768px){.nav-inline{display:none}.nav-inline #menu li{max-width:8em}}.ic-topimg{width:100%}.ic-topimg img{width:100%}@media screen and (min-width:480px){.ic-topimg{float:left;width:50%}}.ic-topimg--cap{line-height:1.6;padding:0 1em;text-align:justify}@media screen and (min-width:481px){.ic-topimg--cap{float:right;width:46%;padding:0}}.ic-top--date{margin:0 0 20px;text-align:center;line-height:1;font-family:Georgia,serif;color:#333}.ic-topimg--cap p{margin:0}@media screen and (max-width:480px){.ic-topimg--cap p{margin-top:10px}}.ic-topimg--cap .ic-topimg--credit{margin-top:20px;font-size:12px;color:#888}.ic-topimg--credit{color:#777;font-size:13px}.channeltop-ttl{margin:30px auto 20px;color:#333;text-align:center;font-size:24px;line-height:1.2;font-family:"Carrois Gothic",Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}.channeltop-ttl span{font-size:18px;padding:0 0 0 1em}.channeltop-ttl .ml-logo{display:none}.channeltop-ttl:before{content:'';background:url(http://modernliving.jp/design/ml/images/logo-green.png) no-repeat left center;background-size:150px;display:inline-block;width:150px;height:150px;vertical-align:middle;padding-right:1em}@media screen and (max-width:320px){.channeltop-ttl:before{width:130px;height:130px}}.channeltop-ttl .subtitle{display:block;font-size:16px;font-weight:normal}.banner{width:92%;max-width:900px;margin:60px auto}.banner img{width:100%}.banner a{display:inline-block;line-height:0;width:30%;margin-right:4%}.banner a:nth-child(3n) {margin-right:0}@media screen and (max-width:480px){.banner a{width:100%;margin-right:0}}.contents-list{width:94%;max-width:800px;margin:0 auto}@media screen and (max-width:768px){.contents-list{width:92%}}.contents-list--list{width:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.contents-list--list>li{float:none;display:inline-block;vertical-align:top;height:auto;width:30%;float:left;margin:0 3% 3% 0;list-style:none;position:relative}@media screen and (max-width:768px){.contents-list--list>li{width:48%;margin-right:4%}}@media screen and (max-width:480px){.contents-list--list>li{width:100%;margin:0;margin-bottom:3%}.contents-list--list>li h3{padding:0 2%}}.contents-list--list>li img{width:100%;height:auto}@media screen and (max-width:480px){.contents-list--list>li p{padding:0 2%}}.contents-list--list>li{margin:0 5% 3% 0}.contents-list--list > li:nth-child(3n) {margin-right:0}.contents-list--list>li .contents-list--pagelink{text-align:right}@media screen and (max-width:768px){.contents-list--list>li{margin-right:4%}.contents-list--list > li:nth-child(2n+0) {margin-right:0}.contents-list--list > li:nth-child(2n+1) {margin-right:4%}}@media screen and (max-width:480px){.contents-list--list>li{margin-right:0}.contents-list--list > li:nth-child(2n) {margin-right:0}.contents-list--list > li:nth-child(3n) {margin-right:0}}.contents-list--list>li a{color:inherit;text-decoration:none}.contents-list--list>li h3{margin:0;font-size:20px}.contents-list--list>li p{margin:0}.contents-list--list>li>ul li{margin-bottom:.5em}.contents-list--list .contents-list--link{min-height:5.5rem;display:block}.contents-list--list .contents-list--link:last-child{display:inline}.contents-list--list .contents-list--link:last-child i{padding-right:.5em}.contents-list--list .contents-list--link .normal{font-size:100%;line-height:1.5}.contents-list--list .contents-list--date{margin-right:.5em;color:#59a716}.top-list--ttl{padding-bottom:4px;margin:30px 0 20px;border-bottom:1px solid #ddd;color:#333;font-size:22px;font-family:"Carrois Gothic",Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}.top-list--ttl span{font-size:14px;padding:0 0 0 1em}.top-list--content{letter-spacing:-.4em}.top-list--article{overflow:hidden;margin-bottom:20px;letter-spacing:normal}@media screen and (min-width:768px){.top-list--article{display:inline-block;vertical-align:top;width:48%;margin-right:4%}.top-list--article:nth-child(2n) {margin-right:0}}.top-list--article h3{font-size:18px;margin:0 0 10px;clear:both}.top-list--article p{margin:0;font-size:14px;color:#444}.top-list--article a{color:#333;text-decoration:none}.top-list--article a:hover{text-decoration:underline;color:#444}.top-list--date{line-height:1;font-size:12px;color:#59a716}.top-list--image{float:left;margin-right:10px;margin-bottom:10px;width:30%}.continue{display:inline-block;margin-left:.5em;padding:.1em .5em 0;background-color:#59a716;color:#fff;border-radius:2px}.photo-article h2{font-family:"Carrois Gothic",Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif,sans-serif;font-size:1.5rem;margin:10px 0;line-height:1.3}.photo-article .date{margin:10px 0;font-size:.8rem;color:#444;text-align:right}.photo-article .btmimg{width:100%;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.photo-article .smallimg{width:48%;margin-bottom:10px}@media screen and (min-width:768px){.photo-article .smallimg{width:18%}}.photo-article .smallimg img{width:100%}.photo-article .smallimg-cap{font-size:.7rem;margin:0 0 .5em;line-height:1.4}.photo-article .staffcredit{clear:both;margin-top:20px;font-size:.8rem;color:#666;line-height:1.4}.photo-article a{text-decoration:none}.photo-article p.normal{font-size:16px}.photo-article .btmimg{display:block;clear:both;letter-spacing:-.4em}@media screen and (max-width:480px){.photo-article img{width:100%;height:auto}}.photo-article .smallimg{display:inline-block;vertical-align:top;width:48%;margin-right:4%;letter-spacing:normal}.photo-article .smallimg:nth-child(2n) {margin-right:0}@media screen and (min-width:768px){.photo-article .smallimg{width:22%}.photo-article .smallimg:nth-child(2n) {margin-right:4%}.photo-article .smallimg:nth-child(4n) {margin-right:0}}@media screen and (min-width:980px){.photo-article .smallimg{width:18%;margin-right:2%}.photo-article .smallimg:nth-child(2n) {margin-right:2%}.photo-article .smallimg:nth-child(4n) {margin-right:2%}.photo-article .smallimg:nth-child(5n) {margin-right:0}}.photo-article .smallimg a{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.photo-article .info img{width:inherit;max-width:100%}.photo-article--img{width:100%;margin-bottom:20px;margin-right:0;position:relative}@media screen and (min-width:768px){.photo-article--img{float:left;width:50%;margin-right:20px}}@media screen and (min-width:980px){.photo-article--img{width:400px;margin-right:20px}}.photo-article--img img{width:100%}.photo-article--img::after{content:'click';position:absolute;right:5px;top:0;font-size:18px;opacity:.7;font-weight:bold;color:#fff;z-index:999;font-family:"Oswald",sans-serif;text-transform:uppercase}.photo-article--img a{cursor:crosshair}.photo-article--body .normal{margin:.5em 0;font-size:1rem;text-align:justify}.photo-article--imgcap{color:#777;font-size:13px}.photo-article--inner{position:relative;width:100%;padding-top:56.25%}.photo-article--inner iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}.blog-article img{max-width:100%;height:auto}.pager-container{display:flex;flex-wrap:nowrap;justify-content:space-between}.pager-container--prev,.pager-container--next{width:48%}.pager-container--image img{width:100%;height:auto}.module-sns{width:94%;max-width:800px;margin:0 auto;overflow:hidden}@media screen and (max-width:768px){.module-sns{width:92%}}.module-sns a{width:50%;float:left;height:40px;display:block;padding:0;margin:0;color:#fff;text-align:center;text-decoration:none;font-size:16px;line-height:40px}.module-sns a.facebook-iine{background-color:#3b5998}.module-sns a.twitter-tweet{background-color:#00acee}.module-comment{width:94%;max-width:800px;margin:0 auto}@media screen and (max-width:768px){.module-comment{width:92%}}.info-ttl,.realtedposts-ttl,.latest-ttl{padding-bottom:10px;margin:30px 0 10px;border-bottom:1px solid #ddd;color:#333;font-size:22px;line-height:1;font-family:"Carrois Gothic",Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}.info-ttl span,.realtedposts-ttl span,.latest-ttl span{font-size:14px;padding:0 0 0 1em}.shopinfo,.shopinfo--detail{margin:0;font-size:14px;padding:.5em 0}.shopinfo dt,.shopinfo--detail dt{font-size:18px}.shopinfo dd,.shopinfo--detail dd{margin:0}.shopinfo--detail{display:table;padding:.5em 0}.shopinfo--detail dt{display:table-cell;width:5em;min-width:5em;vertical-align:top;font-size:14px}.shopinfo--detail dd{display:table-cell}.shopinfo--map{width:100%}.shopinfo--map img{max-width:250px}@media screen and (min-width:480px){.shopinfo--map img{max-width:100%}}.relatedposts ul,.latest-list ul{letter-spacing:-.40em;width:102%}.relatedposts li,.latest-list li{width:46%;margin-bottom:10px;display:inline-block;vertical-align:top;letter-spacing:normal;margin-right:4%}@media screen and (min-width:480px){.relatedposts li,.latest-list li{width:23%;margin-right:2%}}.relatedposts li img,.latest-list li img{width:100%}.relatedposts a,.latest-list a{color:#333;text-decoration:none}.related,.latest{width:92%;max-width:800px;margin:0 auto;margin-top:50px}.related a,.latest a{border:0}.related-list--imgcap,.latest-list--imgcap{font-size:14px;color:#333;margin:0}.latest-list--imgcat{font-weight:bold;color:#59a716;padding-right:.5em}.latest-list--imgcat::before{content:'\f07c';font-family:FontAwesome}.navigation{width:94%;max-width:800px;margin:0 auto}@media screen and (max-width:768px){.navigation{width:92%}}.navigation h2{display:inline-block;margin:0 20px 0 0;vertical-align:top;font-size:28px;line-height:1;font-family:"Oswald";color:#000}.easy-select-box{display:inline-block;position:relative}.easy-select-box .esb-dropdown{position:absolute;top:100%;left:0;z-index:99;display:none}.easy-select-box{display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:left;font-size:14px;color:#0c2245}.easy-select-box .esb-displayer{background:url(/sample/img/select-box-arrow.png) no-repeat right top;color:#0c2245;cursor:default;height:30px;line-height:30px;padding:0 3px;text-indent:5px;width:195px}.easy-select-box .esb-displayer:hover{filter: alpha(opacity=80);-ms-filter:'alpha(opacity=80)';opacity:.8}.easy-select-box:hover .esb-displayer{text-decoration:none}.easy-select-box.disabled .esb-displayer,.easy-select-box:hover.disabled .esb-displayer{background-position:0 -36px}.easy-select-box .esb-dropdown{background:#fff;border:1px solid #ccc;display:none;max-height:200px;overflow:auto;position:absolute;z-index:999;width:200px}.easy-select-box .esb-item{padding:3px;background:#fffdf4;color:#0c2245;cursor:default}.easy-select-box .esb-item:hover{background:#d2ba85;color:#fff;text-decoration:none}.oembed_wrap{text-align:center;width:100%;padding-top:56.25%;position:relative}.oembed_wrap iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}.articlelist{padding-top:0}.searchbox--mobile{margin:20px 0}@media only screen and (min-width:800px){#menu ul{line-height:0}}