@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////////////////////////

特設ページのみに使用するスタイルを記述

///////////////////////////////////////////////////////*/
#sigRenovation {}

#sigRenovation #container { padding-top:90px; }

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*======================= mainvisual =======================*/
#mainvisual { position:relative; background-size:cover; background-attachment:fixed; background-image:url(/renovation/lilienheim/img/mainvisual.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; /*height: 80vh;*/height: 80vh; animation: fadeIn 3s ease 0s 1 normal; -webkit-animation: fadeIn 3s ease 0s 1 normal; padding:0;}
#mainvisual-sp { display:none; }
@media screen and (max-width: 800px) {
#mainvisual-pc { display:none; }
#mainvisual-sp { display:block; }
}

/*#mainvisual-wrap { height:800px; }*//*module.css上書き*/
#mainvisual #head-ttl-box { position:absolute; width:100%; top:40%; left:50%; margin-left:-50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainvisual #head-ttl-box h1 { display:block; border-bottom:none; padding-bottom:0; margin-bottom:0; }
#mainvisual #head-ttl-box object { display:block !important; width:100%; max-width:500px; margin:0 auto; }
#mainvisual #head-ttl-box img { display:block !important; max-width:500px; margin:0 auto; }
@media screen and (max-width: 800px) {
/*#mainvisual-wrap { height:600px; }*//*module.css上書き*/
#mainvisual #head-ttl-box { padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainvisual #head-ttl-box object { max-width:450px; }
#mainvisual #head-ttl-box img { max-width:450px; }
}

#sigRenovation #container section { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }/*base上書き*/
#sigRenovation section.bg-sec { background-color:#efefef; padding:80px; margin:0; -moz-box-sizing: border-box; box-sizing: border-box; }
#sigRenovation #container .inner-box { background-color:#fff; padding:80px; }
@media screen and (max-width: 800px) {
#sigRenovation section.bg-sec { padding:50px; }
#sigRenovation #container .inner-box { padding:40px; }
}
@media screen and (max-width: 414px) {
#sigRenovation section.bg-sec { padding:10px; }
#sigRenovation #container .inner-box { padding:10px; }
}

#sigRenovation .column2-wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sigRenovation .column2-L { float:left; width:48%; }
#sigRenovation .column2-R { float:right; width:48%; }
#sigRenovation .column2-RL-L { float:left; width:40%; }
#sigRenovation .column2-RL-R { float:right; width:56%; }
#sigRenovation .column2-LL-L { float:left; width:56%; }
#sigRenovation .column2-LL-R { float:right; width:40%; }
#sigRenovation .column2-LL-2-L { float:left; width:64%; }
#sigRenovation .column2-LL-2-R { float:right; width:32%; }
@media screen and (max-width: 800px) {
#sigRenovation .column2-L,
#sigRenovation .column2-R,
#sigRenovation .column2-RL-L,
#sigRenovation .column2-RL-R,
#sigRenovation .column2-LL-L,
#sigRenovation .column2-LL-R,
#sigRenovation .column2-LL-2-L,
#sigRenovation .column2-LL-2-R { float:none; width:100%; }

#sigRenovation .column2-L,
#sigRenovation .column2-RL-L,
#sigRenovation .column2-LL-L,
#sigRenovation .column2-LL-2-L { margin-bottom:30px; }
}


#sigRenovation .head-mansion-wrap { text-align:center; font-size:30px; /*font-weight:bold;*/ }
#sigRenovation .head-mansion-wrap span { display:block; font-size:18px; color:#cc0000; font-weight:bold; }

#sigRenovation h2 { font-size:48px; margin-bottom:50px; line-height:1.2; }
#sigRenovation h2 span { font-size:18px; display:block; padding-top:10px; }
#sigRenovation p.intro { line-height:3; }
@media screen and (max-width: 800px) {
#sigRenovation p.intro br { display:none; }
}

#sigRenovation ul.pic-box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sigRenovation ul.pic-box li { float:left; width:49%; margin-right:2%; list-style-type:none; margin-top:10px; }
#sigRenovation ul.pic-box li:nth-child(2n) { margin-right:0; }

/* Floor */
#sigRenovation .txt-floor-box { margin-top:80px; }
@media screen and (max-width: 800px) {
#sigRenovation .txt-floor-box { margin-top:40px; }
}

/* Powder-room */
#sigRenovation .powder-room-wrap { position:relative; }
#sigRenovation .powder-room-wrap .powder-room-txt-box { position:absolute; top:-50px; right:80px; background-color:#fff; padding:50px; }
@media screen and (max-width: 800px) {
#sigRenovation .powder-room-wrap .powder-room-txt-box { position:static; }
}
@media screen and (max-width: 414px) {
#sigRenovation .powder-room-wrap .powder-room-txt-box { padding:50px 20px; }
}

/* living dining */
#sigRenovation .l-dining-wrap { position:relative; margin-bottom:0; }
#sigRenovation .l-dining-wrap .l-dining-txt-box { position:absolute; top:-100px; left:80px; background-color:#fff; padding:50px; }
@media screen and (max-width: 800px) {
#sigRenovation .l-dining-wrap { margin-bottom:100px; }
#sigRenovation .l-dining-wrap .l-dining-txt-box { position:static; }
}
@media screen and (max-width: 414px) {
#sigRenovation .l-dining-wrap { margin-bottom:0; }
#sigRenovation .l-dining-wrap .l-dining-txt-box { padding:50px 20px; }
}

/* Door */
@media screen and (max-width: 800px) {
#sigRenovation .door-wrap { margin-top:40px; }
}

/* Light */
@media screen and (max-width: 800px) {
#sigRenovation .light-wrap { margin-top:80px; }
}

/* Furniture */
#sigRenovation .txt-furniture-box { text-align:center; margin-top:150px;}
@media screen and (max-width: 800px) {
#sigRenovation .txt-furniture-box { text-align:left; padding:0 40px; }
}
@media screen and (max-width: 414px) {
#sigRenovation .txt-furniture-box { padding:0 10px; margin-top:80px; }
}

/* parts */
#sigRenovation .txt-parts-box { margin-top:80px; }
@media screen and (max-width: 800px) {
#sigRenovation .txt-parts-box { margin-top:40px; }
}

/* floor plan */
#sigRenovation .floor-plan-wrap { margin-top:150px; padding:0 50px;}
#sigRenovation .floor-plan { width:100%; max-width:700px; margin:100px auto; }
#sigRenovation #outline-wrap { margin-top:80px; }
#sigRenovation #outline-wrap table { border-collapse: collapse; width: 100%; }
#sigRenovation #outline-wrap table th,
#sigRenovation #outline-wrap table td { padding: 10px; }
#sigRenovation #outline-wrap table th { text-align: left; font-weight: normal; width: 25%; vertical-align:top; }
#sigRenovation #outline-wrap table th span { display:block; background-color: #f1f1f1; padding:5px 10px; }

@media screen and (max-width: 800px) {
	#sigRenovation .floor-plan-wrap { padding:0;}
	#sigRenovation .floor-plan { max-width:100%; }
#sigRenovation #outline-wrap table th,
#sigRenovation #outline-wrap table td { display: block; border: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}

@media screen and (max-width: 414px) {
#sigRenovation .floor-plan-wrap { margin-top:80px;}
}