@charset "UTF-8";
	.slct_lp_slct  {
        position: relative;
		width: 90%;
	}
	.slct_lp_slct * {
    	box-sizing: border-box;
    }
	#content p:last-of-type {
		margin-bottom: 1.5em;
	}
	.slct_lp_slct1{
		padding: 10px;
		border: 1px solid #CCC;
		width: 25%;
	}
	.slct_lp_slct2{
		width: 74%;
		margin-left: 1%;
		padding: 5px;
	}
	.slct_lp_slct1title,
	.slct_lp_slct2title {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 0.5em;
		line-height: 1.5;
	}
	.slct_pic{
		width: 100%;
	}
	.slct_holder {
		border: 3px solid #fff;
		width: 25%;
	}
	.resetbtn{
		font-size: 9px;
	}
	table.slct_lp_fig{
		font-size:12px;
		position:absolute;
		width:300px;
		border-collapse: collapse;
		background-color:#f5f5f5;
		border:solid #666 3px;
	}
	td.slct_lp_fig{
		vertical-align: middle;
	}
	td.slct_lp_fig{
		border:solid #666 1px;
		padding:3px 5px;
	}
	td.slct_lp_fig p,
	td.slct_lp_fig dl,
	td.slct_lp_fig dt{
		margin-bottom: 0.5em;
	}
	.slct_lp_fig dd {
		margin: 0 0 0.3em 0.5em;
	}
	.slct_lp_fig dt:before {
		content: "[";
		font-weight: bold;
	}
	.slct_lp_fig dt:after {
		content: "]";
		font-weight: bold;
	}
	.slct_lp_fig img {
		width: 100%;
	}
	.slct_lp_fig ol li {
		list-style-position:outside;
		list-style-type:decimal;
		margin-left:1.5em;
		margin-bottom: 0.3em;
	}

	.slct_lp_fig ul li,
	.slct_lp_fig_opt dt {
		margin-bottom: 0.3em;
		position: relative;
		padding-left: 1.4em;
	}
	.slct_lp_fig ul li:before,
	.slct_lp_fig_opt dt:before {
		content: "";
		position: absolute;
		top: 0.2em;
		left: 0;
		width: 1em;
		height: 1em;
		background-color: #666;
		border-radius: 50%;
	}
	.slct_lp_fig .link_button01 {
		margin-top: 0.5em;
	}
	.slct_lp_fig_opt dt:after {
		content: none;
	}
	.slct_lp_fig_opt dd {
		margin: 0 0 0.3em 1.5em;
		text-indent: -1.5em;
	}
	.slct_lp_fig_opt dd:before {
		content: "・";
	}
	.slct_lp_ipop {
		padding: 0;
		background-color: #cef;
		width: 300px;
		/*	height: 600px;*/
		border: 1px solid #aaa;

		/* この3行は必須 */
		position: absolute;
		display: none;
		z-index: 9999;
	}
	.slct_lp_ipop_title {
		font-size:14px;
		text-align:center;
		background-color: #3df;
		cursor: move;
	}
	.slct_lp_ipop_close {
		font-weight:bold;
		cursor: pointer;
		float: right;
	}
    label {
    	width: 100%;
    	display: inline-block;
    	/
		display: block;
    	margin: 5px 0;
    }
	input[type="checkbox"],
	input[type="radio"] {
		display: none;
	}
	.slct_lp_shape img {
		width: 50%;
		margin: 0 auto;
		display: block;
	}
	input[type="checkbox"] + label,
	.slct_lp_motor input[type="radio"] + label {
		display: block;
		background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 50%, #f3efef 52%, #f2f2f2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);/* for IE6-9 */
		line-height: 1.8em;
		padding-left: 0.7em;
		padding-right: 0.7em;
		border: 1px solid #ccc;
	}
	input[type="checkbox"] + label:hover,
	input[type="checkbox"]:checked + label,
    .slct_lp_motor input[type="radio"] + label:hover,
    .slct_lp_motor input[type="radio"]:checked + label {
		background: linear-gradient(to bottom, #9acef5 0%, #1a94cc 50%,#5ba0ce 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#95d4ff', GradientType=0)!important; /* for IE6-9 */
		color: #FFF;
		text-decoration: none;
	}
	.slct_lp_shape input + label img {
		/* filter: grayscale(100%); */
		border: 1px solid #ccc;
		opacity: 0.7;
	}
	.slct_lp_shape input:checked + label img,
	.slct_lp_shape input + label img:hover {
		/* filter: grayscale(0); */
		filter: saturate(180%);
		transform: scale(1.2);
		border: 1px solid #666;
		transition: 0.1s all;
		opacity: 1.0;
	}
	.slct_lp_mode {
		position: absolute;
		width: 260px;
		overflow: hidden;
	}
	.slct_lp_mode.btn_capa {
		bottom: 20%;
		right: 3%;
	}
	.slct_lp_mode.btn_style {
		top: 135px;
		left: 285px;
		z-index: 3;
	}
	.slct_lp_mode_text {
		width: 50%;
		display: inline-block;
		float: left;
		margin-top: 15%;
	}
	@media all and (-ms-high-contrast: none) {
	  /* for IE */
	  .slct_lp_shape input + label img {
		  pointer-events: none;
	  }
	}
    /* mask effect */
    .slct_mask {
    	background: #757575;
		pointer-events: none!important;/* クリック無効 */
    }
    .slct_mask img {
    	opacity: 0.2;
    }
	.slct_lp_map {
		position: relative;
		width: 80%;
		margin: 0 auto;
	}
	.slct_lp_map a img {
		width: 660px;
		height: auto;
		position: absolute;
		top: 20px;
		left: 0;
	}
	.slct_lp_mode img {
		width: 40%;
		float: left;
		display: block;
	}
	area {
		border: none;
		outline: none;
	}
	.slct_lp_side2 {
		display: none; /* 初期値はhide */
		min-height: 865px;
	}
	#slctMAP {
		z-index: 2;
	}
	#backMAP {
		z-index: 1;
	}
