@charset "utf-8";.base{box-sizing:border-box;font-size:2.66666667vw}@media only screen and (min-width:48em){.base{font-size:1.785714229vw}}@media only screen and (min-width:68.75em){.base{font-size:125%}}.item-area{width:100%;padding:3em 1.5em}@media only screen and (min-width:48em){.item-area{width:55em;margin:0 auto;padding:0 0 5em}}.item-area .list{margin:0;padding:0;list-style:none}.item-area .list a{text-decoration:none}.item-area .list>li{padding:0;background:#fff;width:100%;float:none;margin-bottom:2em}.item-area .list>li:nth-child(2n){float:right}.item-area .list>li:nth-child(2n+1){clear:both}@media only screen and (min-width:48em){.item-area .list>li{padding:.4em;width:26.5em;float:left}}.item-area .list .left{float:none;width:100%}.item-area .list .left>img{float:left;width:57%}@media only screen and (min-width:48em){.item-area .list .left{float:left;width:11.75em}.item-area .list .left>img{float:none;width:100%}}.item-area .list .left>div{margin:0;width:43%;float:right}@media only screen and (min-width:48em){.item-area .list .left>div{margin:.5em 0;float:none;width:auto}}.item-area .list .left>div .cat{float:none;border:1px solid #000;width:14.9em;margin:0;padding:.13em 2em 0;height:9.5em;text-align:center;letter-spacing:0;vertical-align:middle;display:table-cell}.item-area .list .left>div .cat span{font-size:1.5em}@media only screen and (min-width:48em){.item-area .list .left>div .cat{float:left;width:5em;padding:.13em 0 0;height:2em;letter-spacing:-.05em}.item-area .list .left>div .cat span{font-size:.6em}}.item-area .list .left>div .color-box{float:none;width:100%}.item-area .list .left>div .color-box .sp-img{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;height:10.15em;overflow:hidden;position:relative;width:100%}.item-area .list .left>div .color-box .sp-img img{width:100%;height:auto;margin:auto;position:absolute;top:-2em}@media only screen and (min-width:48em){.item-area .list .left>div .color-box{float:right;width:6.5em}}.item-area .list .right{float:none;width:100%;padding:1.5em}.win.chrome .item-area .list .right{float:none;width:100%;padding:1.5em}.ie .item-area .list .right{float:none;width:100%;padding:1.5em}@media only screen and (min-width:48em){.item-area .list .right{float:right;width:13.25em;padding:0}.win.chrome .item-area .list .right{float:right;width:13.25em;padding:0}.ie .item-area .list .right{float:right;width:13.25em;padding:0}}.item-area .list .right h3{font-weight:500;font-size:1.8em;margin:.2em 0;padding:0 0 .25em;line-height:1em;border-bottom:1px dotted #000}.item-area .list .right h3 span{font-size:.6em}@media only screen and (min-width:48em){.item-area .list .right h3{font-size:1.2em;line-height:1.1em}}.item-area .list .right p{margin:.5em 0;font-size:1em;font-weight:400}@media only screen and (min-width:48em){.item-area .list .right p{font-size:.6em}}.item-area .list .right ul{list-style:none;margin:0;padding:0}.item-area .list .right ul li{font-size:1em}.item-area .list .right ul li:first-child{border-top:1px dotted #000;padding:.5em 0 .1em}@media only screen and (min-width:48em){.item-area .list .right ul li{font-size:.7em}}.item-area .details{background:#fff}.item-area .details .left{width:100%;float:none}_::-webkit-full-page-media,_:future,:root .item-area .details .left{width:100%}::i-block-chrome,.item-area .details .left{width:100%}@media only screen and (min-width:48em){.item-area .details .left{width:27.55em;float:left}_::-webkit-full-page-media,_:future,:root .item-area .details .left{width:27.345em}@media screen and (-webkit-min-device-pixel-ratio:0){::i-block-chrome,.item-area .details .left{width:27.345em}}}.item-area .details .right{width:100%;padding:2em 1.7em;float:left}@media only screen and (min-width:48em){.item-area .details .right{width:26.5em}}.item-area .details .right .cat{margin:0;padding:.13em 0 0;height:2em}.item-area .details .right .cat span{font-family:'Didact Gothic',sans-serif;border:1px solid #000;padding:.5em .75em;font-size:.75em}.item-area .details .right .cat span a{text-decoration:none}.item-area .details .right .cat span:hover{background:#000;color:#fff;transition:.3s transform ease-in-out}.item-area .details .right h2{font-size:1.5em;margin:.3em 0 0;font-weight:300}.item-area .details .right h3{font-size:.9em;margin:0}.item-area .photo-list{padding:0;list-style:none;letter-spacing:-.4em;margin:0}.item-area .photo-list li{display:inline-block;letter-spacing:normal;width:50%}_::-webkit-full-page-media,_:future,:root .item-area .photo-list li{width:50%}@media screen and (-webkit-min-device-pixel-ratio:0){::i-block-chrome,.item-area .photo-list li{width:50%}}@media only screen and (min-width:48em){.item-area .photo-list li{width:13.75em}_::-webkit-full-page-media,_:future,:root .item-area .photo-list li{width:13.73em}@media screen and (-webkit-min-device-pixel-ratio:0){::i-block-chrome,.item-area .photo-list li{width:13.73em}}}.item-area .indo-list{list-style:none;padding:0}.item-area .indo-list li{float:left;text-align:center;width:48%;font-size:.75em;padding:.3em 0}.item-area .indo-list li:nth-child(2n){float:right}.item-area .indo-list li.inter{background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/item/interior_bg.jpg)}.item-area .indo-list li.exter{background:url(//porters-paints-osaka.jp/wp-content/themes/porterspaints/css/../img/item/exterior_bg.jpg)}.item-area .txt-area01{border-top:none;padding:1.25em 0;font-size:1em;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"}@media only screen and (min-width:48em){.item-area .txt-area01{border-top:#000 dotted 1px;font-size:.75em}}.item-area .txt-area02{border-top:none;padding:3.2em 0 2em;position:relative;font-size:1em;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"}@media only screen and (min-width:48em){.item-area .txt-area02{border-top:#000 dotted 1px;font-size:.75em}}.item-area .txt-area02:before{content:"USE";position:absolute;top:0;left:0;background:#000;color:#fff;font-family:'Didact Gothic',sans-serif;font-size:1em;padding:.1em .5em;letter-spacing:.1em}.item-area .use-list{padding:0;margin:0;list-style:none;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"}.item-area .use-list li{float:left;margin-right:.5em}.item-area .use-list li span{font-size:.65em;-webkit-border-radius:1em/1em 1em 1em 1em;-moz-border-radius:1em/1em 1em 1em 1em;border-radius:1em/1em 1em 1em 1em;border:1px solid #000;padding:.5em 1.5em}