@charset "utf-8";
/* common */
#container #lNav {
	z-index: 500;
}
.forPc,
.forTb {
	display: none;
}

.forSp {
	display: block;
}

/* INDEX ----------------------------------- */
#tolicaIndex ul li {
	padding: 0 0 15px;
	width: 30%;
}

/* BOTTOM ---------------------------------- */
/* content */
.flexOuter {
	margin-bottom: 1em;
	display: block;
}

#largeImage,
#configuration,
#location {
	box-sizing: border-box !important;
	width: 100% !important;
}

/* 設置イメージ左 */
#largeImage:after {
	display: none;
}

#largeImage figure {
	position: relative;
	left: auto;
	bottom: auto;
	border: 2px solid #ddd;
}

#largeImage figure img {
	max-width: 296px;
}

/*
#wipeImage {
	display: none;
	position: fixed;
	left: 15px;
	top: 15px;
	z-index: 2;
	width: 20%;
	border: 2px solid #ddd;
}

#wipeImage figure {
	margin-top: 0;
	background: #fff;
}
#wipeImage figure p {
	margin: 0 !important;
	padding: 100% 0 0 !important;
	border-top: 2px solid #ddd;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#wipeImage figure p img {
	position: absolute;
	left: 0;
	top: 0;
}
*/
#wipeImage {
	display: none;
	position: fixed;
	left: 15px;
	top: 15px;
	z-index: 2;
	width: 50%;
	padding-top: 29%;
	border: 2px solid #ddd;
	overflow: hidden;
	background: #ddd !important;
}

#wipeImage figure {
	margin-top: 0;
}
#wipeImage figure img {
	position: absolute;
	height: auto;
}
#wipeImage figure .wipeImage {
	top: 0;
	left: 0;
	width: 41%;
}
#wipeImage figure .wipeIlluminance {
	top: -23%;
	left: 42%;
	width: 59%;
}

#largeImage .lumen {
	position: relative;
	left: auto;
	bottom: auto;
	box-shadow: 0;
}

/* 設置イメージ右 */
#location {
	margin-top: 1em;
}

#location div {
	margin-bottom: 0;
}

#location .selectContent {
	background: transparent;
	border: 0;
	display: block;
}

#container article #location h3 {
	margin-top: 1em;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1 !important;
	width: 100%;
}
/*
#container article #location h3:after {
	content: "：";
}
*/

#location .selectContent ul {
	margin-top: 0;
	padding-left: 0;
	background: #eee;
	width: 100%;
}

#location #poleSelect li span {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* 明るさ等 */
#configuration ul + h3 {
	margin-top: 10px;
}

/* オプション */
#container article .flexOuter #option > p {
	margin: 0 0 .5em;
	position: relative;
	right: auto;
	top: auto;
	text-align: left;
}

/* 明細 */
#estimate dl {
	margin-top: 1.5em;
	padding: 20px;
	display: block;
}

#estimate dt {
	width: 100%;
	font-size: 95%;
}

#estimate dd {
	width: 100%;
}
#estimate dt#total + dd {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

#estimate > a {
	padding: 10px 5px;
	text-align: center;
	width: auto;
	line-height: 1.2;
}