// ==================================================
// refine
// ==================================================
.refine {
	margin: 40px 0;
	* {
		@include fs(14);
		user-select: none;
	}
	.lead {
		@include fs(14);
	}
	.inputbox {
		background: #F4F4F4;
		padding: 10px 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	table {
		margin-bottom: 0.8em;
	}
	th, td {
		border-color: #e9e9e9;
		border-left: none;
		border-right: none;
	}
	th {
		background: $silver;
		min-width: 10em;
	}
	td {
		padding-left: 2em;
		padding-right: 0;
		ul {
			@include clearfix;
		}
		li {
			width: 20%;
			margin-bottom: 20px;
			margin: 0.4em 0;
			float: left;

		}
		hr {
			margin: 0.4em 0;
		}
	}

	b {
		color: $darkgrey;
	}
	small {
		@include fs(12);
	}
	// form parts
	// ----------------------------------------
	.btn {
		display: inline-block;
		cursor: pointer;
		text-align: center;
		background: $grey;
		padding: 0.3em 1em 0.2em;
		@include fs(16);
		font-weight: bold;
		border: none;
		border-radius: 0.2em;
		color: $white;
		@include Ease;
		@include fontAwesome('\f00d',rgba($white,0.5),1.8rem);
		&:hover {
			background: $lightgrey;
		}
		&_submit {
			background: LightSeaGreen;
			@include fontAwesome('\f002',rgba($white,0.5),1.8rem);
			&:hover {
				background: MediumTurquoise;
			}
		}
	}
	input[type='checkbox'],
	input[type='radio'] {
		@include opacity(0);
		position: absolute;
		outline: none;
		cursor: pointer;
		zoom: 1;
		width: 22px;
		height: 22px;
		& + label {
			line-height: 22px;
			display: inline-block;
			vertical-align: middle;
			padding-left: 30px;
			cursor: pointer;
			background-repeat: no-repeat;
			background-size: 22px auto;
			background-position: 0 -100px;

			color: $darkgrey;
			cursor: pointer;
			&:hover {
				background-position: 0 -400px;
			}
		}
		&:checked + label {
			background-position: 0 0;
		}
		&:disabled + label {
			background-position: 0 -200px;
			cursor: no-drop;
			color: #CCCCCC;
		}
		&:disabled:checked + label {
			background-position: 0 -300px;
		}
	}
	input[type='checkbox'] + label {
		background-image: url(../img/common/_part-checkbox.png);
	}
	input[type='radio'] + label {
		background-image: url(../img/common/_part-radio.png);
	}
	select {
		cursor: pointer;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		border-radius: 3px;
		border: 1px solid #D9D9D9;
		font-size: 12px;
		padding: 0.4em 0.8em;
		background-image: url(../img/common/_part-select.png);
		background-size: 18px auto;
		background-repeat: no-repeat;
		background-position: right center;
		margin-bottom: 0;
	}
	select::-ms-expand {
		display: none;
	}
}
// tabswitch
// ----------------------------------------
.tabswitch {
	margin-top: 40px;
	ul {
		@include clearfix;
		border-bottom: 2px solid LightSeaGreen;
	}
	li {
		cursor: pointer;
		float: left;
		background: $silver;
		color: $grey;
		font-weight: bold;
		border-bottom: none;
		padding: 0.2em 2em 0;
		margin-right: 2px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		@include fs(16);
		@include Ease;
		&:hover {
			background: MediumTurquoise;
			color: $white;
		}
		&.active {
			background: LightSeaGreen;
			color: $white;
			cursor: default;
		}
	}
}
#detail_butsudan,
#detail_butsugu,
#detail_chouchin {
	margin-top: 10px;
	.lead {
		margin-bottom: 10px;
	}
}

#detail_butsugu,#detail_chouchin {
	display: none;
}
@include ltMD {};
@include ltSM {
	.refine {
		td {
			li {
				width: 25%;
			}
		}
	}
};
@include ltXS {};
@include ltXXS {};
// ==================================================
// search erea
// ==================================================
#detail_butsudan label:before{
	content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 70px;
    display: block;
    position: absolute;
	left: 25px;
	top: -24px;
}
#detail_butsugu tr:first-child label:before,#detail_chouchin label:before{
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 75px;
    display: block;
    position: absolute;
	left: 30px;
	top: -26px;
}

#detail_butsudan td li{
		height:70px;
}

#detail_butsudan td li input[type='checkbox']{
	margin-top: 24px;
}

#detail_butsugu tr:first-child td li input[type='radio'],#detail_chouchin td li input[type='radio']{
	margin-top: 26px;
}


#detail_butsugu tr:first-child td li,#detail_chouchin td li{
	width: 20%;
	margin-bottom: 10px;
	height: 75px;

}

#detail_butsudan label[for='a-a01']:before {
	background-image: url(../img/search/icon_obutsudan_01.jpg);
}
#detail_butsudan label[for='a-a02']:before {
	background-image: url(../img/search/icon_obutsudan_02.jpg);
}
#detail_butsudan label[for='a-a03']:before {
	background-image: url(../img/search/icon_obutsudan_03.jpg);
}
#detail_butsudan label[for='a-a04']:before {
	background-image: url(../img/search/icon_obutsudan_04.jpg);
}
#detail_butsudan label[for='a-a05']:before {
	background-image: url(../img/search/icon_obutsudan_05.jpg);
}
#detail_butsudan label[for='a-b01']:before {
	background-image: url(../img/search/icon_obutsudan_06.jpg);
}
#detail_butsudan label[for='a-b02']:before {
	background-image: url(../img/search/icon_obutsudan_07.jpg);
}
#detail_butsudan label[for='a-b03']:before {
	background-image: url(../img/search/icon_obutsudan_08.jpg);
}
#detail_butsudan label[for='a-b04']:before {
	background-image: url(../img/search/icon_obutsudan_09.jpg);
}

#detail_butsugu label[for='b-a01']:before {
	background-image: url(../img/search/icon_obutsugu_01.jpg);
}
#detail_butsugu label[for='b-a02']:before {
	background-image: url(../img/search/icon_obutsugu_02.jpg);
}
#detail_butsugu label[for='b-a03']:before {
	background-image: url(../img/search/icon_obutsugu_03.jpg);
}
#detail_butsugu label[for='b-a04']:before {
	background-image: url(../img/search/icon_obutsugu_04.jpg);
}
#detail_butsugu label[for='b-a21']:before {
	background-image: url(../img/search/icon_obutsugu_05.jpg);
}
#detail_butsugu label[for='b-a05']:before {
	background-image: url(../img/search/icon_obutsugu_06.jpg);
}
#detail_butsugu label[for='b-a06']:before {
	background-image: url(../img/search/icon_obutsugu_07.jpg);
}
#detail_butsugu label[for='b-a07']:before {
	background-image: url(../img/search/icon_obutsugu_08.jpg);
}
#detail_butsugu label[for='b-a08']:before {
	background-image: url(../img/search/icon_obutsugu_09.jpg);
}
#detail_butsugu label[for='b-a22']:before {
	background-image: url(../img/search/icon_obutsugu_10.jpg);
}
#detail_butsugu label[for='b-a09']:before {
	background-image: url(../img/search/icon_obutsugu_11.jpg);
}
#detail_butsugu label[for='b-a10']:before {
	background-image: url(../img/search/icon_obutsugu_12.jpg);
}
#detail_butsugu label[for='b-a23']:before {
	background-image: url(../img/search/icon_obutsugu_13.jpg);
}
#detail_butsugu label[for='b-a11']:before {
	background-image: url(../img/search/icon_obutsugu_14.jpg);
}
#detail_butsugu label[for='b-a12']:before {
	background-image: url(../img/search/icon_obutsugu_15.jpg);
}
#detail_butsugu label[for='b-a13']:before {
	background-image: url(../img/search/icon_obutsugu_16.jpg);
}
#detail_butsugu label[for='b-a14']:before {
	background-image: url(../img/search/icon_obutsugu_17.jpg);
}
#detail_butsugu label[for='b-a15']:before {
	background-image: url(../img/search/icon_obutsugu_18.jpg);
}
#detail_butsugu label[for='b-a16']:before {
	background-image: url(../img/search/icon_obutsugu_19.jpg);
}
#detail_butsugu label[for='b-a17']:before {
	background-image: url(../img/search/icon_obutsugu_20.jpg);
}
#detail_butsugu label[for='b-a18']:before {
	background-image: url(../img/search/icon_obutsugu_21.jpg);
}
#detail_butsugu label[for='b-a19']:before {
	background-image: url(../img/search/icon_obutsugu_22.jpg);
}
#detail_butsugu label[for='b-a20']:before {
	background-image: url(../img/search/icon_obutsugu_23.jpg);
}

#detail_chouchin label[for='c-a01']:before {
	background-image: url(../img/search/icon_bonchochin_01.jpg);
}
#detail_chouchin label[for='c-a02']:before {
	background-image: url(../img/search/icon_bonchochin_02.jpg);
}
#detail_chouchin label[for='c-a03']:before {
	background-image: url(../img/search/icon_bonchochin_03.jpg);
}
#detail_chouchin label[for='c-a04']:before {
	background-image: url(../img/search/icon_bonchochin_04.jpg);
}
#detail_chouchin label[for='c-a05']:before {
	background-image: url(../img/search/icon_bonchochin_05.jpg);
}
#detail_chouchin label[for='c-a06']:before {
	background-image: url(../img/search/icon_bonchochin_06.jpg);
}
#detail_chouchin label[for='c-a07']:before {
	background-image: url(../img/search/icon_bonchochin_07.jpg);
}
#detail_chouchin label[for='c-a08']:before {
	background-image: url(../img/search/icon_bonchochin_08.jpg);
}
#detail_chouchin label[for='c-a09']:before {
	background-image: url(../img/search/icon_bonchochin_09.jpg);
}
#detail_chouchin label[for='c-a10']:before {
	background-image: url(../img/search/icon_bonchochin_10.jpg);
}
#detail_chouchin label[for='c-a11']:before {
	background-image: url(../img/search/icon_bonchochin_11.jpg);
}





#detail_butsudan label,#detail_butsugu label,#detail_chouchin label{
	position: relative;
}
	
#detail_butsudan input[type='checkbox']+label, #detail_butsudan input[type='radio']+label{
	padding-left: 30px;
	margin-top: 24px;
}

#detail_butsugu tr:first-child input[type='checkbox']+label, #detail_butsugu tr:first-child input[type='radio']+label{
	padding-left: 30px;
	margin-top: 34px;
}

#detail_chouchin input[type='checkbox']+label, #detail_chouchin input[type='radio']+label{
	padding-left: 30px;
	margin-top: 34px;
}


// Text here
// ----------------------------------------
@include ltMD {
	#detail_butsudan label:before{
		width: 100px;
		top:-13px;
	}
	#detail_butsugu tr:first-child label:before, #detail_chouchin label:before{
		width: 100px;
		top: -20px;
	}
};
@include ltSM {};
@include ltXS {};
@include ltXXS {};