/* ============================================================================
   option_item_shared.css
   ----------------------------------------------------------------------------
   Accordion option-selector styles (.wrap_option / .option_item family) shared
   by the mirai_eco screen. Extracted from the removed item_water_area.css so
   the dormant mirai flow keeps its styling; mirai-specific overrides live in
   item/item_mirai_eco.css.
   ============================================================================ */

.wrap_option .option_item {
	font-size: 22.5px;
	background: #D9EAD3;
	border: 2px solid #b8bcbe;
    margin-top: 10px;
}

.wrap_option .option_item .box_option_content {
	display: none;
}

.wrap_option .option_item.selected {
	border-color: #00bd50;
	padding-bottom: 30px;
}

.wrap_option .option_item.selected .box_option_content {
	display: block;
}

.wrap_option .option_item .box_item {
	padding: 12px 24px 12px 25px;
	display: flex;
    align-items: center;
}

.wrap_option .option_item .box_item label {
	color: #000000;
	width: 90%;
}

/* Disabled entrance option */
.option_item.disabled_option {
	background: #B7B7B7;
	pointer-events: none;
	border-color: #666666;
}

.option_item.disabled_option input[type="radio"] {
	background: #999999;
	border-color: #5D6162;
}

.option_item.disabled_option .note_disable {
	color: red;
	margin-left: 10px;
	font-size: 20px;
}

.wrap_option .option_item:first-child {
	margin-top: 4px;
}

.wrap_option .option_item .name {
	cursor: pointer;
	margin-left: 20px;
}

.wrap_option .option_item .option_content {
	border: 2px solid #54585a;
	border-radius: 12px;
	background: #ffffff;
	margin-left: 20px;
	margin-right: 20px;
	padding: 14px 20px 10px 45px;
    position:  relative;
}

.wrap_option .option_item .option_content .logo-lx {
	width: 85px;
    position: absolute;
    top: 14px;
    right: 20px;
}

.wrap_option .option_item .option_content.windows {
	margin-top: 8px;
}

.wrap_option .option_item .option_content .box_info {
	display: flex;
}

.wrap_option .option_item .option_content .box_info .info_left {
	width: 30%;
}

.wrap_option .option_item .option_content .box_info .info_right {
	width: 70%;
	padding: 0 0 0 70px;
    box-sizing: border-box;
    position: relative;
}

.wrap_option .option_item .option_content .box_info .info_right .name_option {
	font-size: 22.5px;
	width: 80%;
    padding: 25px 0 10px 8px;
    position: relative;
}

.wrap_option .option_item .option_content .box_info .info_right .name_option::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 86%;
    border-bottom: 2px solid #54585a;
}

.wrap_option .option_item .option_content .box_info .info_right .name_option .tx_vent {
	text-align: right;
    margin-right: 11%;
}

.wrap_option .option_item .option_content .box_info .info_right .suggested_price {
	margin-top: 8px;
	display: flex;
	align-items: center;
}

.wrap_option .option_item .option_content .box_info .info_right .suggested_price .text {
	font-size: 15px;
}

.wrap_option .option_item .option_content .box_info .info_right .suggested_price .price {
	font-size: 27.5px;
	display: block;
    margin-bottom: 3px;
    margin-left: 15px;
    margin-right: 6px;
}

.wrap_option .option_item .option_content .box_info .info_right .suggested_price .yen {
	font-size: 15px;
}

.wrap_option .option_item .option_content .box_info .info_right .description {
	font-size: 12.5px;
    margin-top: 2px;
    padding-left: 13px;
    text-indent: -13px;
    line-height: 1.3;
    padding-bottom: 35px;
}

.wrap_option .option_item .option_content .box_info .info_right .box_parenting_green {
	position: absolute;
    bottom: 4px;
    right: 0;
}

.wrap_option .option_item .option_content .box_info .info_right .box_subsidy_total {
	color: #ffffff;
	background: #89BD28;
	border-radius: 4px;
	float: right;
	padding: 6px 15px 8px 25px;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.wrap_option .option_item .option_content .box_info .info_right .box_subsidy_total .txt_subsidy_total {
	font-size: 15px;
	margin-top: 7px;
}

.wrap_option .option_item .option_content .box_info .info_right .box_subsidy_total .price_subsidy_total {
	font-size: 27.5px;
	margin-left: 20px;
}

.wrap_option .option_item .option_content .box_info .info_right .note_subsidy {
	text-align: right;
	font-size: 12.5px;
	margin-top: 4px;
}

.wrap_option .option_item .other_subsidy {
    margin: 20px 24px 0 25px;
    position: relative;
}

.wrap_option .option_item .other_subsidy.selected {
	margin-top: 55px;
}

.wrap_option .option_item .other_subsidy .back_origin_main {
	position: absolute;
	bottom: -7px;
	right: 0;
}

.wrap_option .option_item .other_subsidy.selected .back_origin_main {
	top: -40px;
	bottom: auto;
}

.wrap_option .option_item .other_subsidy .back_origin_other {
	position: absolute;
	bottom: -7px;
	right: 0;
	display: none;
}

.wrap_option .option_item .other_subsidy.selected .back_origin_other {
	display: flex !important;
}

.wrap_option .option_item .other_subsidy .box_item {
	padding: 0;
    display: flex;
    align-items: center;
}

.wrap_option .option_item .other_subsidy .box-content {
	margin-top: 8px;
    padding-bottom: 50px;
    display: none;
}

.wrap_option .option_item .other_subsidy.selected .box-content {
	display: block;
}

.wrap_option .option_item .other_subsidy .box-content .box-item-select {
	padding-left: 42px;
}

.wrap_option .option_item .other_subsidy .box-content .note_other_subsidy {
    padding: 33px 0px 0px 30px;
    font-size: 20px;
    color: red;
    text-indent: -28px;
    padding-left: 41px;
}

.wrap_option .option_item .other_subsidy .row .col-name-item {
	/* width: 62%; */
}

.wrap_option .option_item .other_subsidy .row .col-name-item.w-full {
	width: 92%;
    margin-left: 8%;
}

.wrap_option .option_item .other_subsidy .row .name-item.ac {
	padding-left: 14px;
}

@media screen and (max-width: 767px) {
.wrap_option .option_item {
    	font-size: 18px;
    }

.option_item.disabled_option .note_disable {
    	font-size: 16px;
    }

.wrap_option .option_item .box_item {
    	padding: 12px 10px;
    }

.wrap_option .option_item .name {
     	margin-left: 10px;
    }

.wrap_option .option_item .option_content {
		padding: 19px 10px 15px 10px;
        margin-left: 5px;
        margin-right: 5px;
	}

.wrap_option .option_item .option_content .logo-lx {
		width: 60px;
		top: 10px;
    	right: 15px;
	}

.wrap_option .option_item .option_content .box_info {
    	display: block;
    }

.wrap_option .option_item .option_content .box_info .info_left {
	    width: 75%;
	}

.wrap_option .option_item .option_content .box_info .info_right {
	    width: 100%;
	    padding: 0;
	}

.wrap_option .option_item .option_content .box_info .info_right .name_option {
		font-size: 17.5px;
	}

.wrap_option .option_item .option_content .box_info .info_right .suggested_price .text {
		font-size: 12px;
	}

.wrap_option .option_item .option_content .box_info .info_right .suggested_price .price {
		font-size: 21.5px;
	}

.wrap_option .option_item .option_content .box_info .info_right .description {
		font-size: 11.5px;
	}

.wrap_option .option_item .option_content .box_info .info_right .box_subsidy_total {
		width: 88%;
		justify-content: space-between;
	}

.wrap_option .option_item .option_content .box_info .info_right .box_subsidy_total .txt_subsidy_total {
		font-size: 13px;
		margin-top: 3px;
	}

.wrap_option .option_item .option_content .box_info .info_right .box_subsidy_total .price_subsidy_total {
		font-size: 24.5px;
	}

.wrap_option .option_item .option_content .box_info .info_right .note_subsidy {
		font-size: 10.5px;
		margin-bottom: 12px;
	}

.wrap_option .option_item .other_subsidy {
		margin: 20px 7px 0 15px;
	}

.wrap_option .option_item .other_subsidy .box-content .box-item-select {
		padding-left: 5px;
	}

.wrap_option .option_item .other_subsidy .box-content .note_other_subsidy {
		width: 89%;
	    padding: 20px 0px 0px 0px;
	    text-indent: -19px;
        padding-left: 19px;
	    font-size: 14px;
	}

.wrap_option .option_item .other_subsidy .row .col-name-item {
		width: 51%;
	}

.wrap_option .option_item .other_subsidy .row .col-name-item.w-full {
		margin-left: 12%;
	}

.wrap_option .option_item .other_subsidy .row .col-price {
		width: 25%;
	}

}