@charset "utf-8";


.responsive .pagetitle {
	margin-bottom:20px;
	width: 40%;
	float: left;
}
/* content-base
---------------------------------------- */

#content-wrap {
	position: relative;
}
.step-sec {
	font-family:meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	display:none;
}
.w100per {
	height: auto;
	width: 100%;
}
#modal {
	display:none;
}
#content-wrap {
	clear: both;
}
#page-fade {
	background-color:#fff;
	position:fixed;
	z-index: 7001;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* Search sec change
---------------------------------------- */

#sec0 {
}
#sec1 {
}
#sec3 {
}
#sec4 {
}
#sec5 {
}
#sec6 {
}
#sec7 {
}




.state {
	width: 58%;
	float: right;
	margin-top: 16px;
	text-align: right;
}

.state .state-step {
	position: relative;
	padding-right: 7%;
	background-image: url(/search/select/window/img/state-border.png);
	background-repeat: no-repeat;
	background-size: 25% auto;
	background-position: 100% center;
	display: inline-block;
}
.state .state-step p {
}
.state .state-step a {
	display:none;
}
.state .state-step a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.state .state-step .active {
	display:block;
}
.state .active {
	height:29px;
}
.state > div img {
	height:100%;
	width: auto;
}
.state > div p {
	height:29px;
}
.state .state-fin {
	display: inline-block;
}
.state .state-fin .active {
	display: block;
}
/*
.state .step1-1 {
	width:16.1%;
}
.state .step1-2 {
	width:19.5%;
}
.state .step1-3 {
	width:10.8%;
}
.state .step1-4 {
	width:10.8%;
}
.state .step1-5 {
	width:11.7%;
}
.state .step2-1 {
	width:19.5%;
}
.state .step2-2 {
	width:16.1%;
}
.state .step3-1 {
	width:16.1%;
}
.state .step3-2 {
	width:19.5%;
}
.state .state-fin {
	display: inline-block;
	width:22.5%;
}
*/
body.route0 .state .state-fin {
	display:none;
}
.state .state-fin p {
}
.state .state-fin .active {
}

.page-ctr-box {
	display:none;
}

.step-sec .tit-balloon {
	background: url(/search/select/window/img/sp-tit-balloon-bg.jpg) no-repeat;
	background-size: 100% auto;
	border: 3px solid #51C0EF;
	border-radius: 5px;
	position: relative;
	padding-bottom:12.5px;
	margin-bottom:15px;
}
.step-sec .tit-balloon h2 {
	padding-top:12.5px;
	margin-bottom: 11px;
}
.step-sec .tit-balloon h2 span {
	position: absolute;
	top: -14px;
	left: -8px;
	width: 56px;
}
.step-sec .tit-balloon p {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	line-height:135%;
	color:#333;
	font-size:3.8vw;
}
.step-sec .tit-balloon p br {
/*		display:none;*/
}
.step-sec .tit-balloon p span {
	background-image: url(/search/select/window/img/balloon-txt-strong.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 80%;
}
.step-sec .tit-balloon:after {
	background-image: url(/search/select/window/img/sp-balloon-bottom.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	content: "";
	width: 14px;
	height: 13px;
	bottom: -12px;
	left: 50%;
	margin-left: -7px;
}
.step-sec .link-panel a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.step-sec .link-panel-control {
	display: inline-block;
	margin-bottom: 42px;
}
.step-sec .link-panel-control a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.step-sec .link-panel-control .btn-ctr-first {
	width: 49%;
	display: block;
	float: left;
	margin-right:1%;
}
.step-sec .link-panel-control .btn-ctr-back {
	width: 49%;
	display: block;
	float: left;
	margin-left:1%;
}
.step-sec .link-panel-control .btn-ctr-prev {
	width: 49%;
	display: block;
	float: left;
	margin-left:1%;
}
#sec0 .link-panel {
	margin-top: 22px;
	margin-bottom: 43px;
}
#sec0 .link-panel h2 {
	margin-top:30px;
	margin-bottom:17px;
}
#sec0 .link-panel a {
	display: block;
	width: 49%;
	float: left;
}
#sec0 .link-panel .btn-sec0-1 {
	margin-right:1%;
}
#sec0 .link-panel .btn-sec0-2 {
	margin-left:1%;
}
#sec0 .link-panel .btn-sec0-3 {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#sec0 .link-panel .btn-sec0-4 {
	margin-right:1%;
}
#sec0 .link-panel .btn-sec0-5 {
	margin-left:1%;
}
#sec0 .coution-box {
	text-align: center;
	margin-bottom: 20px;
}
#sec0 .coution-box a {
	background: #FFF;
	border: 2px solid #51C0EF;
	border-radius: 5px;
	display: block;
	margin-left: 25px;
	margin-right: 25px;
	padding:10px;
}
#sec0 .coution-box a span {
	background: url(/search/select/window/img/ico-coution.png) no-repeat;
	background-size: auto 100%;
	background-position: left center;
	display: inline-block;
	padding-left: 57px;
	line-height: 100%;
	color: #00A6E3;
	font-weight: bold;
	font-size: .9rem;
	font-size: 3.5vw;
	padding: 5px 0 5px 35px;
}
#sec1 h3 {
	margin-bottom:22px;
}
#sec1 .img {
	margin-bottom:15px;
}
#sec1 .link-panel {
	background-image: url(/search/select/window/img/sec1-btn-border.png);
	background-repeat: repeat-x;
	background-position: left center;
	text-align: center;
	margin-bottom:14px;
}
#sec1 .link-panel a {
	display: block;
	float: left;
	width: 19.2%;
	margin-right:1%;
	background-color:#fff;
}
#sec1 .link-panel a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#sec1 .link-panel .btn-sec1-5 {
	margin-right:0;
}
#sec1 .link-panel a span {
	background:#FFF;
	display:block;
}
/*
#sec1 .link-panel a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#sec1 .link-panel a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
*/
#sec1 .note {
	margin-bottom:39px;
}
#sec3 .window-type {
	padding-top:5px;
}
#sec3 .window-type .window-panel {
	margin-bottom:4px;
	display: inline-block;
	width: 100%;
}
#sec3 .window-type .window-panel li {
	float: left;
	width: 49%;
	margin-right: 1%;
}
#sec3 .window-type .window-panel li:nth-child(even) {
	margin-left:1%;
	margin-right:0;
}
#sec3 .window-type .window-panel li .hover {
	position: absolute;
	width: 49%;
	opacity: 0;
}
#sec3 .window-type .window-panel li .hover:hover {
	opacity: 1;
}
#sec3 .window-type .window-panel li .base {
}
#sec3 .window-type .window-panel .active .hover {
	opacity: 1;
}
#sec3 .window-detail {
	background: #FFF5F5;
	border: 2px solid #4ABFF1;
	border-radius: 5px;
	margin-bottom: 11px;
	position: relative;
	padding:0;
}
#sec3 .window-detail > div {
	padding: 10px 19px 20px 19px;
}
#sec3 .window-detail .panel-close {
	border: 0;
	background-color: transparent;
	cursor: pointer;
	float: right;
	width: 71px;
	display: block;
	margin: 0;
	padding: 0;
}
#sec3 .window-detail .movie-area {
	clear: both;
	margin-top: 25px;
	margin-bottom:9px;
	text-align: center;
	position: relative;
}
#sec3 .window-detail .movie-area .btn-movie {
	position: absolute;
	background-size: contain;
	background-image: url(/search/select/window/img/sec3-btn-movie-sp.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#sec3 .window-detail .movie-area .btn-movie:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#sec3 .window-detail h3 {
	color: #00A5E5;
	font-weight: bold;
	font-size: 160%;
	float: left;
	padding-top: 6px;
	font-size: 5.5vw;
	padding-top: 2vw;
}
#sec3 .window-detail .window-state {
	display: inline-block;
	float: left;
	margin-left: 10px;
	width:12%;
}
#sec3 .window-detail .window-detail-inner {
	margin-top:5px;
}
#sec3 .window-detail .window-detail-inner p {
	font-size: 100%;
	font-size: 3vw;
	line-height:150%;
}
#sec3 .window-detail .window-detail-inner span {
	background: #18ACD2;
	color: #FFF;
	font-size: 110%;
	font-size: 3.5vw;
	font-weight: bold;
	padding: 3px 20px;
	border-radius: 15px;
	margin-bottom: 10px;
	display: inline-block;
}
#sec3 .window-detail .window-detail-inner .catchphrase {
	font-size: 125%;
	font-size: 3.7vw;
	line-height:135%;
	margin-bottom:15px;
}
#sec3 .window-detail .btn-select {
	padding:0 9px;
	margin-top:19px;
}
#sec3 .window-detail .panel-close-bottom {
	margin-top: 25px;
	text-align: center;
}
#sec3 .window-detail .panel-close-bottom button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
	width: 71px;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#sec4 .link-panel {
	margin-top: 23px;
	margin-bottom: 28px;
}
#sec4 .link-panel a {
	display: block;
	width: 49%;
	float: left;
	margin-bottom: 10px;
}
#sec4 .link-panel .btn-sec4-1 {
	margin-right:1%;
}
#sec4 .link-panel .btn-sec4-2 {
	margin-left:1%;
}
#sec4 .link-panel .btn-sec4-3 {
	margin-right:1%;
}
#sec4 .link-panel .btn-sec4-4 {
	margin-left:1%;
}
#sec4 .link-panel .btn-sec4-5 {
	margin-right:1%;
}
#sec4 .link-panel .btn-sec4-6 {
	margin-left:1%;
}
#sec5 .tit-balloon p br {
	display: none;
}
#sec5 .link-panel {
	margin-top: 23px;
	margin-bottom: 28px;
}
#sec5 .link-panel a {
	display: block;
	width: 49%;
	float: left;
	margin-bottom: 10px;
}
#sec5 .link-panel .btn-sec5-1 {
	margin-right:1%;
}
#sec5 .link-panel .btn-sec5-2 {
	margin-left:1%;
}
#sec5 .link-panel .btn-sec5-3 {
	margin-right:1%;
}
#sec5 .link-panel .btn-sec5-4 {
	margin-left:1%;
}
#sec5 .link-panel .btn-sec5-5 {
	margin-right:1%;
}
#sec5 .link-panel .btn-sec5-6 {
	margin-left:1%;
}
#sec5 .link-panel .btn-sec5-7 {
	margin-right:1%;
}
#sec5 .link-panel .btn-sec5-8 {
	margin-left:1%;
}
#sec5 .link-panel .btn-sec5-9 {
	margin-right:1%;
}
#sec6 .tit-balloon p br {
	display: none;
}
#sec6 .link-panel {
	margin-top: 23px;
	margin-bottom: 28px;
}
#sec6 .link-panel a {
	display: block;
	width: 49%;
	float: left;
	margin-bottom: 10px;
}
#sec6 .link-panel .btn-sec6-1 {
	margin-right:1%;
}
#sec6 .link-panel .btn-sec6-2 {
	margin-left:1%;
}
#sec6 .link-panel .btn-sec6-3 {
	margin-right:1%;
}
#sec6 .link-panel .btn-sec6-4 {
	margin-left:1%;
}
#sec6 .link-panel .btn-sec6-5 {
	margin-right:1%;
}
#sec6 .link-panel .btn-sec6-6 {
	margin-left:1%;
}
#sec6 .link-panel .btn-sec6-7 {
	margin-right:1%;
}
#sec6 .link-panel .btn-sec6-8 {
	margin-left:1%;
}
#sec6 .link-panel .btn-sec6-9 {
	margin-right:1%;
}
#sec6 .link-panel .btn-sec6-10 {
	margin-left:1%;
}
#sec7 .result-ballon {
	text-align: center;
	margin: 0 1%;
	margin-bottom: 16px;
	display: inline-table;
	width: 98%;
}
#sec7 .result-ballon .select-box {
	display: table-cell;
	vertical-align: top;
	padding: 10px 1% 0;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}
#sec7 .result-ballon .select-box .step-icon {
	min-height: 40px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
#sec7 .result-ballon .select-box .step-icon {
}
#sec7 .result-ballon .step1-result .step-icon .ico {
	width: 30px;
}
#sec7 .result-ballon .step2-result .step-icon .ico {
	width: 45px;
}
#sec7 .result-ballon .select-box .step-icon .ico img {
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#sec7 .result-ballon .step1-result {
		width: 45%;
}
#sec7 .result-ballon .step2-result {
	border-left:1px solid #888;
		width: 55%;
}
#sec7 .result-ballon .step3-result {
	border-left:1px solid #888;
}
#sec7 .result-ballon .step-detail {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
#sec7 .result-ballon .step1-result .step-detail {
}
#sec7 .result-ballon .step2-result .step-detail {
	width:100px;
}
#sec7 .result-ballon .step-detail .step-label {
	color: #777;
	margin: 0;
	line-height: 100%;
	font-size: .4rem;
	font-size: 2.3vw;
	font-weight: bold;
}
#sec7 .result-ballon .step-detail .select-menu-name {
	margin: 0;
	line-height: 130%;
	font-size: 70%;
	font-weight: bold;
	font-size: 2.5vw;
}
#sec7 .result-ballon .step-detail .select-menu-name span {
}
#sec7 .select-box .step-detail .select-menu-name .dannetstu-level {
	background-image: none;
	color: #FF7F00;
	margin-top: 10px;
	display: inline-block;
}
#sec7 .select-box .step-detail .select-menu-name .dannetstu-level span {
	color: #BABABA;
	background-image: none;
}
#sec7 .result-ballon .step-detail .select-menu-name .window-option {
	background-image: none;
	display: block;
	font-weight: bold;
	padding: 0 10px;
}
#sec7 .dannetsu_box .thisLevel {
	text-align: center;
	background-image: url(/search/select/window/img/sp-thisLevelBg.png);
	background-size: cover;
	padding-top: 15px;
	box-sizing: border-box;
	position: relative;
	margin-bottom:10px;
}
#sec7 .dannetsu_box .thisLevel:after {
	content: "";
	background-image: url(/search/select/window/img/sp-thisLevelBg_btm.png);
	height: 5px;
	width: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}
#sec7 .dannetsu_box .thisLevel p {
	font-weight: bold;
	font-size: 114%;
	line-height: 1.7;
}
#sec7 .dannetsu_box .thisLevel .window_name {
	font-weight: bold;
	font-size: 114%;
	line-height: 1.7;
}
#sec7 .dannetsu_box .thisLevel .dannetsu_level {
	color:#FF7F00;
	font-size:28px;
}
#sec7 .dannetsu_box .thisLevel .dannetsu_level span {
	color:#BABABA;
}
#sec7 .dannetsu_box .selectCaption {
	clear: both;
}
#sec7 .dannetsu_box .selectCaption .text1 {
	text-align: center;
	font-size: 110%;
	margin-bottom: 17px;
}
#sec7 .dannetsu_box .selectCaption .text2 {
	text-align: center;
	font-size: 110%;
	padding-top: 10px;
}
#sec7 .dannetsu_box .selectCaption .text2 span {
	color: #FF7F00;
}
#sec7 .dannetsu_box .selectBox {
}
#sec7 .dannetsu_box .selectBox .lower {
	width: 49%;
	float: left;
	position: relative;
	line-height: 1;
}
#sec7 .dannetsu_box .selectBox .nouse {
	display:none;
}
#sec7 .dannetsu_box .selectBox .disabled .active {
	display:none;
}
#sec7 .dannetsu_box .selectBox .disabled .nouse {
	display:block;
}




#sec7 .dannetsu_box .selectBox .lower:before {
	content: "";
	background-image: url(/search/select/window/img/sp-ico-lower.png);
	background-size: 100% auto;
	width: 27px;
	height: 27px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: -10px;
}
#sec7 .dannetsu_box .selectBox .lower.disabled:before {
	background-image: url(/search/select/window/img/sp-ico-lower-disabled.png);
}
#sec7 .dannetsu_box .selectBox .higher {
	width: 49%;
	float: right;
	position: relative;
	line-height: 1;
}
#sec7 .dannetsu_box .selectBox .higher.disabled {

	
	
}

#sec7 .dannetsu_box .selectBox .higher:after {
	content: "";
	background-image: url(/search/select/window/img/sp-ico-higher.png);
	background-size: 100% auto;
	width: 27px;
	height: 27px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	right: -10px;
}
#sec7 .dannetsu_box .selectBox .higher.disabled:after {
	background-image: url(/search/select/window/img/sp-ico-higher-disabled.png);
}
#sec7 .dannetsu_box .selectBox img {
	max-width:100%;
	height:auto;
}










#sec7 .select-box .step-detail .select-menu-name .type-3A,
#sec7 .select-box .step-detail .select-menu-name .type-3B,
#sec7 .select-box .step-detail .select-menu-name .type-3C,
#sec7 .select-box .step-detail .select-menu-name .type-3D,
#sec7 .select-box .step-detail .select-menu-name .type-3E,
#sec7 .select-box .step-detail .select-menu-name .type-3G {
	padding-top: 10px;
}
#sec7 .select-box .step-detail .select-menu-name .type-4A,
#sec7 .select-box .step-detail .select-menu-name .type-4B,
#sec7 .select-box .step-detail .select-menu-name .type-4C,
#sec7 .select-box .step-detail .select-menu-name .type-4D,
#sec7 .select-box .step-detail .select-menu-name .type-4E,
#sec7 .select-box .step-detail .select-menu-name .type-4F,
#sec7 .select-box .step-detail .select-menu-name .type-4G,
#sec7 .select-box .step-detail .select-menu-name .type-4H,
#sec7 .select-box .step-detail .select-menu-name .type-4I,
#sec7 .select-box .step-detail .select-menu-name .type-5A,
#sec7 .select-box .step-detail .select-menu-name .type-5B,
#sec7 .select-box .step-detail .select-menu-name .type-5C,
#sec7 .select-box .step-detail .select-menu-name .type-5D,
#sec7 .select-box .step-detail .select-menu-name .type-5E,
#sec7 .select-box .step-detail .select-menu-name .type-5F,
#sec7 .select-box .step-detail .select-menu-name .type-5G,
#sec7 .select-box .step-detail .select-menu-name .type-5H,
#sec7 .select-box .step-detail .select-menu-name .type-5I,
#sec7 .select-box .step-detail .select-menu-name .type-5J {
	padding-top:5px;
}
#sec7 .result-ballon .step-detail .select-menu-name img {
	float: left;
	width: 40%;
}
#sec7 .result-ballon .step-detail .select-menu-name .window-thmb {
	display: inline-block;
	text-align: left;
	float: left;
	width: 60%;
	background-image: none;
}
/*引違い窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2A,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2A3,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2A4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2A6 {
	padding-top: 13px;
}
/*引違い窓(テラスタイプ）*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2B,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2B4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2B6 {
	padding-top: 9px;
}
/*片引き窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2C,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2C5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2C6 {
	padding-top: 13px;
}
/*片引き窓　(テラスタイプ）*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2D,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2D5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2D6 {
	padding-top: 9px;
}
/*FIX窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2E,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2E4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2E5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2E6 {
	padding-top: 9px;
}
/*片上げ下げ窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2F,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2F4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2F5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2F6 {
	padding-top: 13px;
}
/*たてすべり出し窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2G,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2G4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2G5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2G6 {
	padding-top: 9px;
}
/*すべり出し窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2H,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2H4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2H5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2H6 {
	padding-top: 13px;
}
/*内倒し窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2I,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2I4 {
	padding-top: 13px;
}
/*外倒し窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2J,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2J4 {
	padding-top: 13px;
}
/*ガラスルーバー窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2K {
	padding-top: 9px;
}
/*オーニング窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2L {
	padding-top: 13px;
}
/*出窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2M {
	padding-top: 13px;
}
/*引込み窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2N {
	padding-top: 13px;
}
/*折りたたみ窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2O {
	padding-top: 11px;
}
/*天窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2P {
	padding-top: 13px;
}
/*突き出し窓（大型）*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2Q {
	padding-top: 2px;
}
/*丸FIX窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2R,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2R5 {
	padding-top: 13px;
}
/*スリット窓（すべり出し・上げ下げ・FIX・ガラスブロック）*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2S,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2S4 {
	padding-top: 10px;
}
/*小窓（突き出し・FIX）*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2T,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2T4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2T5 {
	padding-top: 13px;
}
/*ドレーキップ窓(ツーアクション窓)*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2U {
	padding-top: 13px;
}
/*高所用換気窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2V,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2V4,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2V5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2V6 {
	padding-top: 15px;
}
/*両袖片引き窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2W,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2W5,
#sec7 .select-box .step-detail .select-menu-name .ico-window_2W6 {
	padding-top: 15px;
}
/*両たてすべり出し窓*/
#sec7 .select-box .step-detail .select-menu-name .ico-window_2X {
	padding-top: 9px;
}
#sec7 #checkpoint {
}
#sec7 #checkpoint p {
	font-size: 4.8vw;
	margin: 0 20px 10px 20px;
}

#sec7 #result-container {
	position:relative;
	padding-top:25px;
}

#sec7 .result-detail {
}
#sec7 .result-detail .result-image {
	padding-top: 3px;
	margin-bottom:15px;
}
#sec7 .result-detail .result-data {
	text-align: center;
}
#sec7 .result-detail .result-data h2 {
	font-size: 190%;
	font-size: 7.2vw;
	font-weight: bold;
	color: #333;
	line-height: 140%;
}
#sec7 .result-detail .result-data h3 {
	font-weight: bold;
	color: #666;
	line-height: 140%;
	font-size: 160%;
	font-size: 6vw;
}
#sec7 .result-detail .window-status {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 20px;
	width:100%;
}
#sec7 .result-detail .window-status li {
	display: inline-block;
	margin:0 7px;
}
#sec7 .result-detail .window-status .st01-01 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st01-02 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st01-03 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st01-04 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st02-01 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st02-02 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st02-03 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st02-04 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st03-01 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st03-02 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st03-03 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st03-04 {
	margin:0px;
	width:18%;
}
#sec7 .result-detail .window-status .st03-05 {
	margin:0;
	width:15.1%;
}
#sec7 .result-detail .window-status .st04-01 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st04-02 {
	width:12.6%;
}
#sec7 .result-detail .window-status .st04-03 {
	width:15.8%;
	margin:0px;
}
#sec7 .result-detail .window-status .st04-04 {
	margin:0px;
	width:15.8%;
}
#sec7 .result-detail .window-status .st04-05 {
	width:12.6%;
}



#sec7 .result-detail .window-status li img {
	height: auto;
	width: 100%;
}
#sec7 .result-detail .result-txt {
	margin-bottom:17px;
}
#sec7 .result-detail .result-txt p {
	font-size: 1rem;
	font-size: 5vw;
	text-align: center;
}
#sec7 .result-detail .result-txt span {
	margin-top: 20px;
	font-size: 3.5vw;
	display: block;
}
#sec7 .result-detail .result-data .item-link {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 27px;
}
#sec7 .result-detail .result-data .item-link a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#sec7 #other-window {
	padding-top: 23px;
	padding-bottom: 37px;
	text-align: center;
}

#sec7 #other-window h2 {
	margin-bottom:20px;
}
#sec7 #other-window .recBox {
	display: inline-block;
}
#sec7 #other-window .recommend-item {
	position: relative;
	text-align: center;
	width: 33.3%;
	display: table-cell;
	border-left:1px solid #CCC;
}
#sec7 #other-window .recommend-item:first-child {
	border-left:0;
}

#sec7 #other-window .recommend-item .item-thumb {
	width: 75px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
}
#sec7 #other-window .recommend-item.current .item-thumb {
	border:2px solid #13B2E9;
}
#sec7 #other-window .recommend-item h3 {
	font-size: 125%;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 3px;
	padding: 0 10px;
	line-height: 1.3;
	word-break: break-all;
}
#sec7 #other-window .recommend-item.current h3 {
	color:#13B2E9;
}
#sec7 #other-window .recommend-item h4 {
	display: none;
}
#sec7 #other-window .recommend-item a {
	display: inline-block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 22px;
	width:62%;
}
#sec7 #other-window .recommend-item a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#sec7 #recommend-area {
	margin-bottom:40px;
}
#sec7 #recommend-area a {
	display: block;
	margin-top: 10px;
}
#sec7 #recommend-area a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


#page-sp-check {
	display:block;
	padding:30px 0;
}
#page-sp-check h2 {
	background: url(/search/select/window/img/ico-coution.png) no-repeat;
	background-size: auto 100%;
	background-position: left center;
	display: inline-block;
	padding-left: 57px;
	line-height: 100%;
	color: #00A6E3;
	font-weight: bold;
	font-size: .9rem;
	font-size: 4vw;
	padding: 5px 0 5px 35px;
	margin-bottom:15px;

}
#page-sp-check h3 {
	text-align: left;
	font-weight: bold;
	color: #333;
	line-height: 180%;
	margin-bottom: 10px;
	font-size: 3.7vw;
}
#page-sp-check p {
	text-align: left;
	font-size: 3.3vw;
	line-height: 160%;
	color: #333;
	margin-bottom: 15px;
}
#page-sp-check .note {
	position: relative;
	padding-left: 1.5em;
	margin-top: 30px;
	font-size: 2.5vw;
}
#page-sp-check .note span {
	position: absolute;
	left: 0;
}

#page-sp-check .txt-lnk {
	display: block;
	font-size: 3vw;
	line-height: 130%;
	color: #1F79CC;
	text-align: left;
	margin-bottom: 20px;
}
#page-sp-check .txt-lnk span {
	background: url(/search/select/window/img/ico-arrow.png) no-repeat;
	background-size: auto 50%;
	background-position: left center;
	padding-left: 10px;
	margin-left: 5px;
}
#page-sp-check .btn {
}
#page-sp-check .modal-bottom {
	border-top: dashed 1px #AAA;
	margin-top: 30px;
	padding-top: 30px;
}
#sec404 {
	padding-top: 45px;
	text-align: center;
	padding-bottom: 65px;
	padding-left: 10px;
	padding-right: 10px;
}
#sec404 .notfound {
	border: 1px solid #2DB8ED;
	border-radius: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#sec404 .notfound p {
	color: #0083BB;
	font-size: 19px;
	letter-spacing: 1px;
	margin-bottom:10px;
}
#sec404 .notfound a {
	color: #0083BA;
	font-size: 14px;
	background-image: url(/search/select/window/img/linkArw.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: 1;
}