@charset "utf-8";.base{box-sizing:border-box;font-size:2.66666667vw}@media only screen and (min-width:48em){.base{font-size:1.25078174vw}}@media only screen and (min-width:100em){.base{font-size:125%}}.presents-logo{position:absolute;top:1em;width:12.05em;right:3em}.movie-base{box-sizing:border-box;font-size:2.66666667vw}@media only screen and (min-width:48em){.movie-base{font-size:1.25078174vw}}@media only screen and (min-width:100em){.movie-base{font-size:125%}}.navi-base{box-sizing:border-box;font-size:2.66666667vw}@media only screen and (min-width:48em){.navi-base{font-size:1.48148148vw}}@media only screen and (min-width:84.375em){.navi-base{font-size:125%}}.gosick-font{font-family:'Allerta',sans-serif}.gosick-font02{font-family:'Didact Gothic',sans-serif}.base a{color:inherit}.btn2:hover{opacity:.8}.zoom1{overflow:hidden}.zoom1 img{transition:.3s transform ease-in-out}.zoom1:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.zoom2{transition:.3s background-size ease-in-out}.zoom2:hover{background-size:130% auto}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}body{color:#424242;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif}img{height:auto;max-width:100%}.mincho{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif}.wrapper{overflow:hidden}.width{padding-right:.4em;padding-left:.4em}@media only screen and (min-width:100em){.width{margin-right:auto;margin-left:auto;width:63em}}.sp-img{display:block}.pc-img{display:none}@media only screen and (min-width:48em){.pc-img{display:block}.sp-img{display:none}}.st-Header{width:100%;margin-top:0}@media only screen and (min-width:48em){.st-Header{margin-top:.75em}}.st-Header div.back{background:#000;width:4em;height:2.5em;margin-top:3.5em;float:left;position:relative}.st-Header .box{width:62em;float:left;position:relative;z-index:2}.st-Header:after{background:0 0;position:absolute;height:2.5em;width:50%;top:4.25em;right:0}@media only screen and (min-width:48em){.st-Header{background:#000}.st-Header:after{background:#000}}.st-Header h2.logo{float:left;margin:0;width:6.88em}.st-Header ul.list{float:left;list-style:none;background:#000;margin-top:3.5em;height:2.5em;padding:0}.st-Header ul.list li{float:left;font-family:'Lato',sans-serif}.st-Header ul.list li a{color:#fff;text-decoration:none;font-size:.7em;padding:.9em 1em;display:block}@media only screen and (min-width:48em){.gecko .st-Header ul.list li a{font-size:.7em;padding:.9em 1.5em}.chrome .st-Header ul.list li a{font-size:.7em;padding:.9em .5em}.safari .st-Header ul.list li a{padding:.9em 1em}}@media only screen and (min-width:64em){.st-Header ul.list li a{font-size:.75em;padding:.9em 1.5em}.chrome .st-Header ul.list li a{font-size:.7em;padding:.9em .75em}.safari .st-Header ul.list li a{padding:.9em 1em}}.st-Header ul.list li.icon img{width:1.1em}.movie-area{position:absolute;width:100%}.movie-area>div{position:relative;padding-bottom:0}.movie-area>div iframe{position:absolute;top:0;left:0;width:100%;height:100%}.movie-area{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;height:23em;overflow:hidden;width:100%;top:9em;background:#eee}.movie-area>div{padding-bottom:56.3%}.movie-area>div iframe{top:0}@media only screen and (min-width:48em){.movie-area{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;height:40em;overflow:hidden;width:100%;top:0}.movie-area>div{padding-bottom:59%}.movie-area>div iframe{top:-2em}}.menu-collapsed{transition:all .4s;position:fixed;top:0;height:100%;width:0;z-index:1;height:100%;width:12.6em;top:0;left:0}.menu-collapsed nav{transition:all .1s}.menu-collapsed ul{transition:all 0s;position:fixed;margin:0;padding:0;text-align:left}.menu-collapsed ul li{font-size:1.6em;letter-spacing:.1em;margin-bottom:0;font-family:Arial,Helvetica,"sans-serif";transition:.2s}.menu-collapsed ul li:hover{-webkit-transform:translate(.5em,0);-moz-transform:translate(.5em,0);-ms-transform:translate(.5em,0);-o-transform:translate(.5em,0);transform:translate(.5em,0)}.menu-collapsed ul li span{background:#fff;padding:.25em .55em .25em 1.1em;margin-left:-.55em}.menu-collapsed h1{margin:0;padding:1em 1em .5em;background:#fff;font-size:1em}.menu-collapsed h2{margin:0;padding:.2em 0;font-size:1em;width:5.9em}.menu-collapsed h2 span{padding:1.5em 1em 1em;background:#fff}.menu-collapsed a{transition:all .15s;text-decoration:none;font-weight:400}.side-menu{transition:all .4s;background:rgba(255,255,255,.9);position:relative}.side-menu .logo-area{background:#fff;position:relative}.side-menu h1.logo{margin:0;font-size:1em;text-align:center;padding:.1em 0 .5em}.side-menu h1.logo img{margin-top:.4em;width:10.3em}.side-menu .logo-area .icon{position:absolute;right:3em;top:3.5em;z-index:200;width:1.8em}@media only screen and (min-width:48em){.side-menu h1.logo{text-align:center;padding:0}}.bar-btn{left:3em;top:4em;padding:.4em 0 0;height:40px;width:40px;position:absolute}.b-a,.bar,.bar:before,.bar:after{transition:all .25s;content:"";position:absolute;top:1em;left:0;height:2px;width:2em;border-radius:15px;background-color:rgba(0,0,0,.95)}.bar:before{top:-.75em}.bar:after{top:.75em}.bar-btn p{font-size:10.5px;margin:2.4em 0 0;color:#000;font-family:Arial,Helvetica,"sans-serif"}.b-a-expanded,.menu-expanded .bar:before,.menu-expanded .bar:after{transition:all .25s;top:0}.side-menu nav{position:absolute;transition:all .25s;left:-30em}.side-menu nav a{text-decoration:none}.side-menu nav>ul{margin:0;padding:0 1em}.side-menu nav>ul>li{margin-bottom:1em;font-family:Arial,Helvetica,"sans-serif";transition:.2s}.side-menu nav>ul>li a{color:#000}.side-menu nav>ul>li:hover{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.side-menu nav>ul>li>a{font-size:1.6em;letter-spacing:.15em}.side-menu nav>ul>ul{margin:0;padding:0;margin:1.5em 0 1.5em .6em;font-size:1em;letter-spacing:.1em}.side-menu nav>ul>ul li{margin-bottom:1em;transition:.2s;font-family:Arial,Helvetica,"sans-serif"}.side-menu nav>ul>ul li:hover{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.side-menu.menu-expanded nav{right:0;left:0;background:#fff}.menu-expanded nav{display:block;transition:all .15s}.menu-collapsed ul{transition:all 0s;position:relative;left:0;z-index:2}.menu-expanded .bar{background-color:transparent;transition:all .25s}.menu-expanded .bar:before{transform:rotate(45deg)}.menu-expanded .bar:after{transform:rotate(-45deg)}@media only screen and (min-width:48em){.side-menu{transition:all .4s;position:fixed;z-index:1;height:100%;width:13.4em;left:auto;top:0;right:-30em;background:rgba(255,255,255,.9);padding:3.4em 0 0 2em}.side-menu nav a{text-decoration:none}.side-menu nav>ul{margin:0;padding:0}.side-menu nav>ul>li{margin-bottom:.3em}.side-menu nav>ul>li:hover{-webkit-transform:translate(-.5em,0);-moz-transform:translate(-.5em,0);-ms-transform:translate(-.5em,0);-o-transform:translate(-.5em,0);transform:translate(-.5em,0)}.side-menu nav>ul>li>a{font-size:1.4em;letter-spacing:.15em}.side-menu nav>ul>ul{margin:0;padding:0;margin:1.5em 0 1.5em .6em;font-size:.7em;letter-spacing:.1em}.side-menu nav>ul>ul li{margin-bottom:1em}.side-menu nav>ul>ul li:hover{-webkit-transform:translate(-.5em,0);-moz-transform:translate(-.5em,0);-ms-transform:translate(-.5em,0);-o-transform:translate(-.5em,0);transform:translate(-.5em,0)}.side-menu nav h2{margin:0}.menu-expanded{right:0}.menu-expanded nav{display:block;transition:all .15s}.menu-collapsed ul{transition:all 0s;position:relative;left:0;z-index:2}.menu-expanded .bar{background-color:transparent;transition:all .25s}.menu-expanded .bar:before{transform:rotate(45deg)}.menu-expanded .bar:after{transform:rotate(-45deg)}}#top-area{margin-top:20em}@media only screen and (min-width:48em){#top-area{margin-top:40em}}#top-area .sec01{background:#eee;padding:3em 1.5em}#top-area .sec01 .img{width:10.3em;margin:0 auto;display:none}#top-area .sec01>div{text-align:center;width:100%;line-height:1.75em;margin:0 auto}#top-area .sec01 .txt01{font-size:1em;margin:0 0 2.5em;text-align:left;font-size:1.2em;line-height:2em}#top-area .sec01 .txt01 br:nth-child(2){display:none}@media only screen and (min-width:48em){#top-area .sec01{padding:5em 0}#top-area .sec01 .img{width:10.3em;display:block}#top-area .sec01>div{width:51em}#top-area .sec01 .txt01{font-size:.8em;margin:2.5em 0;text-align:center}#top-area .sec01 .txt01 br:nth-child(2){display:block}}#top-area .sec02 .img01{margin:0}#top-area .sec02 .img01 img{width:100%}#top-area .sec02 ul{padding:0;margin:0}.slick-slide img{width:100%}#top-area .sec03{text-align:center;line-height:1.75em;padding:1em 0}#top-area .sec03>div{width:100%;margin:0 auto}#top-area .sec03 .txt01{font-size:.8em;margin:2.5em 0;display:none}@media only screen and (min-width:48em){#top-area .sec03{padding:5em 0}#top-area .sec03>div{width:51em}#top-area .sec03 .txt01{display:block}}#top-area .sec03 .title{font-weight:700;background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/title_bg.png) no-repeat bottom center;background-size:3.5em;padding:0 0 .75em;margin-bottom:.75em;font-size:2.5em}@media only screen and (min-width:48em){#top-area .sec03 .title{font-weight:700;background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/title_bg.png) no-repeat bottom center;background-size:7.5em;padding:1.5em 0;margin-bottom:2.5em;font-size:1.5em}}#top-area .sec03 ul{padding:0;margin:0}.slick-slide img{width:100%}#top-area .sec03 ul p{border-left:1px solid #000;margin:.75em 0;padding:0;font-size:1.5em}#top-area .sec03 ul a{text-decoration:none}@media only screen and (min-width:48em){#top-area .sec03 ul p{font-size:.8em}}#top-area .sec04{width:100%;margin:0 auto 3em}#top-area .sec04 .title{font-weight:700;background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/title_bg.png) no-repeat bottom center;background-size:3.5em;padding:0 0 .5em;margin-bottom:1.25em;font-size:2.5em;text-align:center}@media only screen and (min-width:48em){#top-area .sec04{width:65em;margin:0 auto 5em}#top-area .sec04 .title{font-weight:700;background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/title_bg.png) no-repeat bottom center;background-size:7.5em;padding:1.5em 0;margin-bottom:2.5em;font-size:1.5em}}#top-area .sec04 ul{list-style:none;margin:0;padding:0}#top-area .sec04 ul li{width:auto;float:left}@media only screen and (min-width:48em){#top-area .sec04 ul li{width:15.2em !important;margin-right:1.2em}}#top-area .sec04 ul li a{text-decoration:none}#top-area .sec04 ul li:last-child{margin-right:0;display:none}#top-area .sec04 ul li .box{position:relative;height:23.5em}#top-area .sec04 ul li .box>div{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;height:23.5em;overflow:hidden;position:relative;width:100%}#top-area .sec04 ul li .box>div img{width:33.25em;height:auto;margin:auto;position:absolute;right:0;left:4.5em;top:-100px}@media only screen and (min-width:48em){#top-area .sec04 ul li .box{position:relative;height:15.7em}#top-area .sec04 ul li .box>div{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;height:auto;margin-right:0;overflow:auto;position:static;width:auto;position:absolute;width:12.5em;right:0}#top-area .sec04 ul li .box>div img{width:100%;height:auto;margin:auto;position:static;right:0;left:0;top:0}}#top-area .sec04 ul li p{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:-1.1em;margin:0;top:2.3em;font-size:1.75em;letter-spacing:.1em}#top-area .sec04 ul li h3{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";margin:1em 0 0 3.5em;font-weight:100;font-size:1.2em}#top-area .sec04 ul li h3:before{content:">";padding:0 .5em}@media only screen and (min-width:48em){#top-area .sec04 ul li h3{margin:0 0 0 3.5em;font-size:.65em}#top-area .sec04 ul li p{font-size:.8em;left:0;top:2.5em}}#top-area .sec05{background:#eee;padding-bottom:3em;padding:1em 0 5em}#top-area .sec05 .title{font-weight:700;background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/title_bg.png) no-repeat bottom center;background-size:3.5em;padding:0 0 .5em;margin-bottom:1.25em;font-size:2.5em;text-align:center}@media only screen and (min-width:48em){#top-area .sec05{padding:0 0 3em}#top-area .sec05 .title{background-size:7.5em;padding:1.5em 0;margin-bottom:2.5em;font-size:1.5em}}#insta-box{width:100%;margin:0 auto;padding:0 2em}#insta-box ul{list-style:none;padding:0;margin:0}#insta-box ul li{letter-spacing:normal;display:inherit;float:left;text-align:center;margin-right:0;margin-bottom:2em}#insta-box ul li:nth-child(2n){float:right}#insta-box ul li:last-child{display:none}#insta-box ul li{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;height:12.25em;overflow:hidden;position:relative;margin-right:0;width:47%}#insta-box ul li img{margin:auto;position:absolute;right:-5em;left:-5em;top:-5em;bottom:-5em;max-width:600px;min-width:600px}@media only screen and (min-width:48em){#insta-box{width:70em;margin:0 auto;padding:0}#insta-box ul li{display:inline-block;width:12.5em;margin-right:.8rem;margin-left:.8rem;margin-bottom:0}#insta-box ul li:nth-child(2n){float:none}#insta-box ul li:last-child{display:block}#insta-box ul li{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;height:12.25em;overflow:hidden;position:relative;margin-right:.8rem;margin-left:.8rem;width:12.25em}#insta-box ul li img{margin:auto;position:absolute;right:-5em;left:-5em;top:-5em;bottom:-5em;min-width:600px}}#map_canvas{width:100%;height:31.5em}#footer{background:#000;text-align:center;padding-bottom:2em;color:#fff}#footer .img{width:10.3em;margin-top:3em}#footer .add{font-size:.8em;margin:1.2em 0 0}#footer .url-txt{margin:0;font-size:.9em}#footer .tel span{background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/tel_icon.png) no-repeat 0 50%;background-size:.8em;padding:0 1em;font-size:1.4em}#footer .copy{margin-bottom:2em;font-size:.75em;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"}.read-btn{width:12.75em;margin:0 auto;font-weight:700;-webkit-transition:all .3s;transition:all .3s}.read-btn a{border:2px solid #000;text-decoration:none;display:block;padding:.4em 0;font-size:.7em;letter-spacing:.2em}.read-btn:hover{background-color:#000;color:#fff}#page-top{display:none;position:fixed;bottom:4em;right:.5em;width:2.15em;padding-bottom:2em}@media only screen and (min-width:48em){#page-top{right:4em}}.clearfix:after{clear:both;content:'';display:block}@media print{*,*:before,*:after,*:first-letter ,*:first-line {background:0 0 !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}