﻿#article{width:1100px;position:relative;margin:0 auto;text-align:left;font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif !important;color:#3D3D3D}#article #head{background:#FCF9C5 url(https://static.minne.com/files/topics/interior/header_pc.jpg) no-repeat center top;width:1100px;height:auto;margin:0 auto}#article #head h2{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;position:relative;top:auto;right:auto;bottom:auto;left:auto;height:414px}#article #head .h_cap{background:#FCF9C5;text-align:left;font-size:14px;padding:30px 40px}#article #head .h_cap p.sp{display:inline}#article .moreitem{background:#FCF9C5;padding:10px 80px 30px}#article a{color:#3D3D3D}#article .btn a{display:block;width:100%;padding:14px 10px;text-align:center;font-weight:bold;background:#F2E70C;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border-radius:3px}#article .btn a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70)}#article .creator_photo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd}#article .section{margin:10px auto 0;padding:30px 0 0;text-align:left}#article .section h3{font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;font-size:17px;letter-spacing:0;font-weight:bold;padding:50px 20px 0 0;border-right:2px solid #F2E70C;float:left;width:340px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article .section .cap{margin-left:30px;margin-top:15px;width:720px;float:left}#article .section .cap p{margin:0 auto;padding:0}#article #furnitures h3{background:url(https://static.minne.com/files/topics/interior/ttl01.gif) no-repeat left top}#article #interiors{margin-bottom:40px}#article #interiors h3{background:url(https://static.minne.com/files/topics/interior/ttl02.gif) no-repeat left top}#article #main .creator01{margin:30px auto}#article #main .product01{width:340px;float:left}#article #main .product01 .sp{display:none}#article #main .creator_prof{width:720px;float:right}#article #main .creator_prof .creator_photo{width:180px;float:left}#article #main .creator_prof .creator_photo img{width:100%}#article #main .creator_prof ul li img{width:100%}#article #main .creator_prof .creator_info{width:500px;float:right;margin:10px 0 44px}#article #main .creator_prof .creator_info p{margin-bottom:7px}#article #main .creator_prof .creator_info .title,#article #main .creator_prof .creator_info .gallery{font-size:13px;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#article #main .creator_prof .creator_info .name{font-size:18px}#article #main .creator_prof .creator_info .name a{font-weight:bold}#article #main .creator_prof .creator_info .info{font-size:14px;margin-top:5px}#article #main .creator_prof ul{margin:0 -5px 0 0}#article #main .creator_prof ul li{float:left;margin-right:5px;width:185px}#article #main .creator_prof ul li.first{width:340px}#article #main .creator_prof ul li.comment{width:370px;padding:15px 10px 0;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article #main .creator_prof ul .btn{margin-top:27px}#article #main .creators{margin:60px -40px 60px 0}#article #main .creators .creator02,#article #main .creators .creator03,#article #main .creators .creator04{width:340px;float:left;margin-right:40px}#article #main .creators .creator02 .products img,#article #main .creators .creator03 .products img,#article #main .creators .creator04 .products img{width:100%}#article #main .creators .creator02 .creator_photo,#article #main .creators .creator03 .creator_photo,#article #main .creators .creator04 .creator_photo{width:100px;margin:-30px 0 0 10px;position:relative;z-index:100}#article #main .creators .creator_prof{width:100%}#article #main .creators .creator_prof ul{margin:0}#article #main .creators .creator_prof li{width:160px;margin-right:20px}#article #main .creators .creator_prof li.second{margin-right:0}#article #main .creators .creator_prof li.comment{width:100%;margin-right:0;padding:15px 0 0}#article #main .creators .creator_prof li.comment .btn{margin-top:15px}#article #main .creators .creator_prof .creator_info{margin:10px 0 15px;width:calc(100% - 120px);width:220px\9;height:66px}#article #main .creators .creator_prof .creator_info .title,#article #main .creators .creator_prof .creator_info .name,#article #main .creators .creator_prof .creator_info .gallery{margin:0}#article .section{margin:0 auto}#wrapper .moreitem ul{margin:20px -50px 0 0}#wrapper .moreitem ul li{width:280px;float:left;margin:0 50px 0 0}#wrapper .moreitem ul li img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#wrapper .moreitem h3{font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif !important;font-size:20px;font-weight:bold;letter-spacing:0.05em;text-align:center}#wrapper .moreitem h3 br{display:none}#wrapper .moreitem h4{text-align:center;margin:5px auto}#wrapper .moreitem h4 a{color:#3D3D3D;font-size:17px;text-align:center;font-weight:bold}#wrapper .moreitem h4 a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70)}#topics_social{width:1100px;margin-bottom:30px;margin:30px auto 10px;text-align:right;height:20px}#topics_social .mixi{float:right;width:100px;overflow:hidden}#topics_social .google{float:right;width:75px;overflow:hidden}#topics_social .facebook{float:right;margin-right:10px}#topics_social .twitter{float:right;width:100px;height:20px;overflow:hidden}.clear{clear:both}@media only screen and (max-device-width: 480px),only screen and (max-width: 480px){#article{width:100%;padding-bottom:100px}#article #head{background:#FCF9C5 url(https://static.minne.com/files/topics/interior/header_sp.jpg) no-repeat center top;width:auto;height:auto;max-width:640px;min-width:320px;max-height:400px;min-height:242px;margin-top:35px;-webkit-background-size:contain, auto !important;-moz-background-size:contain, auto !important;-ms-background-size:contain, auto !important;-o-background-size:contain, auto !important;background-size:contain, auto !important}#article #head h2{height:auto;padding-top:48%}#article #head .h_cap{padding:10px 10px 12px;z-index:100;font-size:12px}#article #head .h_cap p{display:none;margin:0 auto}#article #head .h_cap p.sp{display:block;padding:0;text-align:left}#article #main{padding:0}#article .moreitem{padding:20px}#article #head p{margin:0 auto 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:10px;width:100%;height:auto;text-align:center;font-size:13px}#article .section{margin:0 auto;padding:0 0}#article .section .cap{width:100%;padding:0 10px;margin:5px 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article .section .cap p{display:none}#article .section .cap p.sp{display:block}#article .section h3{font-size:15px;text-align:center;padding:40px 0 0;margin:20px 0 0;border:none;width:100%}#article .section p.sp{display:block}#article .section p.pc{display:none}#article #furnitures h3{background:url(https://static.minne.com/files/topics/interior/ttl01_sp.gif) no-repeat center top}}@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (max-device-width: 480px) and (min-resolution: 192dpi),only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-device-width: 480px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-device-width: 480px) and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),only screen and (max-device-width: 480px) and (min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-device-width: 480px) and (min-resolution: 192dpi) and (min-width: 320px),only screen and (max-device-width: 480px) and (min-resolution: 2dppx) and (min-width: 320px),only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (max-width: 480px) and (min-resolution: 192dpi),only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-width: 480px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),only screen and (max-width: 480px) and (min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-width: 480px) and (min-resolution: 192dpi) and (min-width: 320px),only screen and (max-width: 480px) and (min-resolution: 2dppx) and (min-width: 320px){#article #furnitures h3{background:url(https://static.minne.com/files/topics/interior/ttl01@2x.gif) no-repeat center top;-webkit-background-size:158px auto !important;-moz-background-size:158px auto !important;-ms-background-size:158px auto !important;-o-background-size:158px auto !important;background-size:158px auto !important}}@media only screen and (max-device-width: 480px),only screen and (max-width: 480px){#article #interiors{margin-top:-20px}#article #interiors h3{background:url(https://static.minne.com/files/topics/interior/ttl02_sp.gif) no-repeat center top}}@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (max-device-width: 480px) and (min-resolution: 192dpi),only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-device-width: 480px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-device-width: 480px) and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),only screen and (max-device-width: 480px) and (min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-device-width: 480px) and (min-resolution: 192dpi) and (min-width: 320px),only screen and (max-device-width: 480px) and (min-resolution: 2dppx) and (min-width: 320px),only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (max-width: 480px) and (min-resolution: 192dpi),only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-width: 480px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),only screen and (max-width: 480px) and (min-device-pixel-ratio: 2) and (min-width: 320px),only screen and (max-width: 480px) and (min-resolution: 192dpi) and (min-width: 320px),only screen and (max-width: 480px) and (min-resolution: 2dppx) and (min-width: 320px){#article #interiors h3{background:url(https://static.minne.com/files/topics/interior/ttl02@2x.gif) no-repeat center top;-webkit-background-size:136px auto !important;-moz-background-size:136px auto !important;-ms-background-size:136px auto !important;-o-background-size:136px auto !important;background-size:136px auto !important}}@media only screen and (max-device-width: 480px),only screen and (max-width: 480px){#article #main .creator01{margin:20px auto}#article #main .product01{width:100%;float:none}#article #main .product01 .sp{display:block}#article #main .product01 .pc{display:none}#article #main .creator_prof{width:100%;float:none}#article #main .creator_prof .creator_photo{width:100px;float:left;margin:-30px 0 0 10px;position:relative;z-index:100}#article #main .creator_prof .creator_photo img{width:100%}#article #main .creator_prof .creator_info{width:calc(100% - 120px);margin:10px auto 0}#article #main .creator_prof .creator_info .title,#article #main .creator_prof .creator_info .gallery,#article #main .creator_prof .creator_info .name{margin-bottom:0}#article #main .creator_prof .creator_info .name{font-size:18px}#article #main .creator_prof .creator_info .info{width:calc(100% + 120px);margin-left:-120px;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article #main .creator_prof .creator_info .info span,#article #main .creator_prof .creator_info .info br{display:none}#article #main .creator_prof ul{margin:0}#article #main .creator_prof ul li{width:50%;margin:0;padding:3px;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article #main .creator_prof ul li.first{width:50%;margin:0}#article #main .creator_prof ul li.pc{display:none;margin:0}#article #main .creator_prof ul li.comment{width:100%;padding:15px 10px 0;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0}#article #main .creator_prof ul .btn{margin-top:10px}#article #main .creators{margin:30px auto 0}#article #main .creators .creator02,#article #main .creators .creator03,#article #main .creators .creator04{width:100%;float:none;margin:0 0 50px 0}#article #main .creators .creator_prof{width:100%}#article #main .creators .creator_prof .creator_info{margin:5px 0}#article #main .creators .creator_prof ul{margin:0}#article #main .creators .creator_prof li{width:50%;margin:0;padding:3px;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article #main .creators .creator_prof li.comment{padding:5px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#article #main .creators .creator_prof .btn{margin-top:0}#article #main .creators .creator04{margin-bottom:0}#article .section ul li img{margin:0 auto;width:100%;height:auto}#wrapper .moreitem{padding-bottom:0}#wrapper .moreitem ul{margin:0 auto}#wrapper .moreitem ul li{float:none;margin:0 auto 20px;text-align:center}#wrapper .moreitem h3{font-size:20px;margin:0 auto 10px}#wrapper .moreitem h3 br{display:block}#wrapper .moreitem h4 a{margin-bottom:0}#topics_social{position:absolute;bottom:0;width:100%;height:50px;margin:40px auto 10px}#topics_social .mixi,#topics_social .google,#topics_social .facebook,#topics_social .twitter{margin:5px}}
