.commodity_search_result_block {
	width: 100%;
    border-radius: 3px;
    padding: 8px;
    text-align: left;
}

.commodity_search_table {
	widrh: 100%;
}

.commodity_search_table td.fld_name {
	white-space: nowrap;
	padding: 4px 10px;
}

.commodity_search_table td.fld_value {
	white-space: nowrap;
	padding: 4px 10px;
}

.commodity_search_info {
    background: #ccf5ff;
    margin: 10px 0 0 0;
    border: solid 2px #aad1dd;
    border-radius: 6px;
    line-height: 16pt;
    padding: 8px 14px;
}

.commodity_search_result_box {
    margin: 4px auto;
    padding: 0;
    border: solid 2px #29abe9;
    display: inline-block;
    width: 32.8%;
    border-radius: 4px;
    background-color: #29abe9;
    position: relative;
    text-align: center;
}

.commodity_search_result_box .csr_maker {
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

.commodity_search_result_box .csr_image {
	padding-top: 16px;
	background-color: #fff;
	border: solid 1px #fff;
}

.commodity_search_result_box .csr_image_img {
	width: 180px;
	height: 180px;
}

.commodity_search_result_box .csr_model {
	font-size: 14px;
	border: solid 1px #fff;
	height: 24px;
	background-color: #fff;
	vertical-align: top;
}

.commodity_search_result_box .csr_list_price {
	font-size: 14px;
	border: solid 1px #fff;
	height: 24px;
	background-color: #fff;
	vertical-align: top;
}

.commodity_search_result_box .csr_gasspec_price {
	color: #f33;
	font-size: 14px;
	font-weight: bold;
	border: solid 1px #fff;
	background-color: #fff;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.commodity_search_result_box .csr_link {
    /* height: 34px; */
    margin-bottom: 0;
    background-color: #0065cc;
    border: solid 4px #0065cc;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    vertical-align: middle;
    padding: 8px;
}

.commodity_search_result_box .csr_link:hover {
	background-color: #eb0000;
	border: solid 4px #eb0000;
}

.commodity_search_result_box .csr_link_btn {
	font-size: 11pt;
	color: #fff;
	display: inline-block;
	width: 100%;
}

.commodity_search_result_box .csr_link a {
	width: 100%;
	color: #fff;
	font-size: 11pt;
	text-decoration: none;
}


.commodity_search_result_navi {
	position: relative;
	height: 48px;
	background-color: #eee;
	vertical-align: middle;
	border: solid 1px #ddd;
	margin: 10px 0;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

.commodity_search_result_navi .cdsr_total_count {
	font-size: 12pt;
	display: inline-block;
	position: static;
	padding: 4px;
	margin-left: 0;
	width: 35%;
	height: 40px;
	left: 0;
	text-align: left;
}

.commodity_search_result_navi .cdsr_total_page {
	font-size: 12pt;
	display: inline-block;
	position: static;
	width: 60%;
	height: 40px;
	padding: 4px;
	text-align: right;
	padding-right: 0;
	text-align: right;
}

.commodity_search_result_navi .cdsr_link_field {
	font-size: 12pt;
	display: inline-block;
	position: static;
	margin: 0 4px;
	padding: 0;
	padding-left: 1px;
	background-color: #0065cc;
	border-right: none 0 transparent;
	border: solid 1px #0065cc;
	border-radius: 3px 3px 3px 3px;
}

.commodity_search_result_navi .cdsr_navi {
	display: inline-block;
	text-align: center;
	position: static;
	border: solid 1px #0065cc;
	border-left: none 0 transparent;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #ccf5ff;
	z-index: 1;
}

.commodity_search_result_navi .cdsr_active {
	color: #fff;
	background-color: #0065cc;
	font-size: 12pt;
	font-weight: bold;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
}

.commodity_search_result_navi .cdsr_link {
	color: #ccf5ff;
	font-size: 12pt;
	width: 32px;
	height: 32px;
}

.commodity_search_result_navi .cdsr_link a {
	color: #0065cc;
	font-size: 12pt;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.cdsr_total_count_span {
	color: #f60;
	font-size: 14pt;
	font-weight: bold;
	display: inline-block;
}

.commodity_search_capacity {
	display: inline-block;
	margin-left: 12px;
}

.commodity_search_capacity .capacity_btn {
	display: inline;
	background-color: #39f;
	border: solid 2px #39f;
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	padding: 2px 4px;
	margin: 0 1px;
}

.commodity_search_capacity .capacity_btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.commodity_search_capacity .capacity_btn_act {
	background-color: #00c;
	border: solid 2px #00c;
}

.commodity_search_capacity .capacity_btn_act:hover {
}

.commodity_search_capacity .capacity_btn_link {
}


/*****メイン******/


.commodity_search_result_block_main {
	width: 100%;
    border-radius: 3px;
    padding: 8px;
    text-align: left;
}

.commodity_search_table {
	widrh: 100%;
}

.commodity_search_table_main_main td.fld_name {
	white-space: nowrap;
	padding: 4px 10px;
}

.commodity_search_table td.fld_value {
	white-space: nowrap;
	padding: 4px 10px;
}

.commodity_search_info_main {
	background: #cfc;
	margin: 6px auto;;
	border: solid 2px #ada;
	border-radius: 10px 10px 10px 10px;
	line-height: 16pt;
	padding: 8px 14px;
}

.commodity_search_result_box_main {
	margin: 4px auto;
	padding: 0;
	border: solid 4px #393;
	display: inline-block;
	height: 360px;
	width: 32.8%;
	border-radius: 8px;
	background-color: #393;
	position:relative;
	text-align: center;
}

.commodity_search_result_box_main .csr_maker {
	font-size: 15pt;
	font-weight: bold;
	color: #fff;
	background-color: #393;
	padding-top: 4px;
	padding-bottom: 4px;
}

.commodity_search_result_box_main .csr_image {
	padding-top: 16px;
	background-color: #fff;
	border: solid 1px #fff;
}

.commodity_search_result_box_main .csr_image_img {
	width: 180px;
	height: 180px;
}

.commodity_search_result_box_main .csr_model {
	font-size: 14px;
	border: solid 1px #fff;
	height: 24px;
	background-color: #fff;
	vertical-align: top;
}

.commodity_search_result_box_main .csr_list_price {
	font-size: 14px;
	border: solid 1px #fff;
	height: 24px;
	background-color: #fff;
	vertical-align: top;
}

.commodity_search_result_box_main .csr_gasspec_price {
	color: #f33;
	font-size: 14px;
	font-weight: bold;
	border: solid 1px #fff;
	height: 28px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.commodity_search_result_box_main .csr_link {
/*	height: 34px; */
	margin-bottom: 0;
	background-color: #6c0;
	border: solid 4px #6c0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	vertical-align: middle;
}

.commodity_search_result_box_main .csr_link:hover {
	background-color: #f30;
	border: solid 4px #f30;
}

.commodity_search_result_box_main .csr_link_btn {
	font-size: 11pt;
	color: #fff;
	display: inline-block;
	width: 100%;
}

.commodity_search_result_box_main .csr_link a {
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;
}


.commodity_search_result_navi_main {
	position: relative;
	height: 48px;
	background-color: #eee;
	vertical-align: middle;
	border: solid 1px #ddd;
	margin: 0 0 8px 0;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

.commodity_search_result_navi_main .cdsr_total_count {
	font-size: 12pt;
	display: inline-block;
	position: static;
	padding: 4px;
	padding-left: 20px;
	margin-left: 0;
	width: 48%;
	height: 40px;
	left: 0;
	text-align: left;
}

.commodity_search_result_navi_main .cdsr_total_page {
	font-size: 12pt;
	display: inline-block;
	position: static;
	width: 48%;
	height: 40px;
	padding: 4px;
	margin-right: 10px;
	text-align: right;
	padding-right: 0;
}

.commodity_search_result_navi_main .cdsr_link_field {
	font-size: 12pt;
	display: inline-block;
	position: static;
	margin: 0 4px;
	padding: 0;
	padding-left: 1px;
	background-color: #3c3;
	border-right: none 0 transparent;
	border: solid 1px #3c3;
	border-radius: 3px 3px 3px 3px;
}

.commodity_search_result_navi_main .cdsr_navi {
	display: inline-block;
	text-align: center;
	position: static;
	border: solid 1px #0c0;
	border-left: none 0 transparent;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #cfc;
	z-index: 1;
}

.commodity_search_result_navi_main .cdsr_active {
	color: #fff;
	background-color: #3c3;
	font-size: 12pt;
	font-weight: bold;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
}

.commodity_search_result_navi_main .cdsr_link {
	color: #9c9;
	font-size: 12pt;
	width: 32px;
	height: 32px;
}

.commodity_search_result_navi_main .cdsr_link a {
	color: #060;
	font-size: 12pt;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.cdsr_total_count_span {
	color: #f60;
	font-size: 14pt;
	font-weight: bold;
	display: inline-block;
}

.commodity_search_capacity_main {
	display: inline-block;
	margin-left: 12px;
}

.commodity_search_capacity_main .capacity_btn {
	display: inline;
	background-color: #39f;
	border: solid 2px #39f;
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	padding: 2px 4px;
	margin: 0 1px;
}

.commodity_search_capacity_main .capacity_btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.commodity_search_capacity_main .capacity_btn_act {
	background-color: #00c;
	border: solid 2px #00c;
}

.commodity_search_capacity_main .capacity_btn_act:hover {
}

.commodity_search_capacity_main .capacity_btn_link {
}

.guarantee {
    margin: 8px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    width: 50%;
    float: left;
    display: inline-block;
    overflow: hidden;
}
.guarantee a{
    color: #222 !important;
    border: 1px solid;
    padding: 8px;
    display: block;
}
.guarantee a:hover{
    text-decoration: none;
    color: #eb0000 !important;
    border-color: #eb0000;
}
.search_ecojo {
    margin: 8px;
    background: url("../images/commodity_search/ecojo.webp");
    background-size: cover;
    width: 139px;
    height: 36px;
    overflow: hidden;
}
.search_ecofeel {
    margin: 8px;
    background: url("../images/commodity_search/ecofeel.webp");
    background-size: cover;
    width: 139px;
    height: 36px;
    overflow: hidden;
}
.op_rimo {
    width: 100%;
    float: left;
    margin-top: 14px;
}

.rimo_img {
    width: 50%;
    float: left;
    overflow: hidden;
    display: inline-block;
    margin: 16px;
}
.rimo_price{
    float: left;
    margin: 10px;
    margin-top: 26px;
}
.rimo_price td{
    padding: 14px;
}
.rimo_num{
    font-weight: bold;
    padding: 0 14px !important;
    font-size: 1.3em;
}
.gp_price{
    background: #f1f1f1;
    border-radius: 4px;
    color: #eb0000;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.op_rimo_txt{
    padding: 12px;
    margin-bottom: 10px;
}
.rimo_240series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_302series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_300series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_simple{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_300series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_J101series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_J112series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_G001series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.rimo_K001series{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.felimo{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}
.felimolink{
    padding: 4px 10px;
    border-radius: 4px;
    color: #0065cc;
    font-size: 1em;
}

.rimo_tokucho{
    width: 45%;
    margin: 0px auto;
    margin-bottom: 20px;
    clear: both;
}
.rimo_tokucho p{
    text-align: center;
    border: 2px solid #aaa;
    border-radius: 4px;
    clear: both;
    font-weight: bold;
}
.a_h{
    border: 2px solid #aaa;
    border-top: 0px;
    padding-top: 10px;
}

.accordion {
    margin-bottom: 10px;
    background-color: #fff;
    clear: both;
}
.accordion h4 {
    color: #333;
    line-height: 1.5em;
    padding: 5px 16px;
    margin-bottom: 10px;
    /* background: #fff; */
    font-size: 1.5em;
    margin-bottom: 20px;
    margin: 20px;
    font-family: sans-serif !important;
    border-left: 8px solid #aaa;
    text-align: left;
}
.accordion h5 {
    background: none;
    font-size: 1.2em;
    color: #6C6C6C;
    line-height: 1.5;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin: 20px;
}
.accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: .8em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    clear: both;
    width: 100%;
    border: 2px solid #aaa;
    /* margin: 20px 0; */
    background: #fff;
    font-size: 1.3em;
}

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion[open] summary::after {
    transform: rotate(225deg);
}

.accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion[open] p {
    transform: none;
    opacity: 1;
}

.accordion img{
    max-width: 80%;
    margin-bottom: 20px;
}
.accordion div{
    text-align: center;
}
    .rimo_h_text{
        display: inline-block;
        margin-left: 10px;
        font-size: 13px;
    }
.end_text{
    background: #f7f7f7;
    padding: 10px;
    margin-bottom: 50px;
}

.hojokin {
    text-align: center;
    clear: both;
    margin: 10px auto;
    width: 95%;
}
.hojokin a{
    background: #bcffac;
    color: #058909;
    border: solid 1px;
    padding: 10px 5px;
    display: block;
    font-size: 14px;
}
.hojokin a:hover{
    background: #058909;
    color: #fff;
    text-decoration: none;
}

.nebiki_text{
    padding: 4px !important;
    font-weight: bold;
    background: #eb0000;
    color: #fff900;
    font-size: 20px;
}
.dummy_img{
    text-align: center;
}
.dummy_img img{
    z-index: 5;
    position: absolute;
}




/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
.gp_price{
    width: 306px;
}
/****施工例****/
.dummy_img{
    width: 21% !important;
}
.dummy_img img{
    width: 21% !important;
}
}





/* タブレット用
------------------------------------------------------------*/
@media only screen and (max-width:959px){
/****施工例****/
.dummy_img{
    width: 18% !important;
}
.dummy_img img{
    width: 28% !important;
}
}





/* スマートフォン 横(ランドスケープ) 
------------------------------------------------------------*/
@media only screen and (max-width:640px){
	.commodity_search_result_box .csr_model {
	height: 48px;
}
	
.commodity_search_result_box {
	width: 49%;
}
}


/* スマートフォン 縦(ポートレート) 
------------------------------------------------------------*/
@media only screen and (max-width:480px){
.commodity_search_result_box {
	height: auto;
}
.commodity_search_result_box .csr_image_img {
	width: 100%;
	height: 100%;
}
.commodity_search_result_box {
	width: 49%;
}
.commodity_search_result_navi .cdsr_total_page {
	padding: 8px;
}
.commodity_search_result_navi .cdsr_navi {
	line-height: 26px;

}
.commodity_search_result_navi .cdsr_total_count {
	font-size: 10pt;
	width: 25%;

}

.commodity_search_result_navi .cdsr_total_page {
	font-size: 10pt;
	width: 70%;
}
.commodity_search_result_navi .cdsr_link {
	color: #9c9;
	font-size: 10pt;
	width: 26px;
	height: 26px;
}

.commodity_search_result_navi .cdsr_link a {
	color: #060;
	font-size: 10pt;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.commodity_search_result_navi .cdsr_active {
	color: #fff;
	background-color: #3c3;
	font-size: 10pt;
	font-weight: bold;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
}
.cdsr_total_count_span {
	color: #f60;
	font-size: 12pt;
	font-weight: bold;
	display: inline-block;
}
	
.commodity_search_result_box .csr_model {
	height: 48px;
	padding: 3px;
}
.rimo_img {
    float: none;
    width: 100%;
    margin: 0;
    margin-top: 10px;
}
.rimo_price{
    float: none;
    margin: 0 10px;
}
.rimo_price table{
    width: 100%;
    margin-bottom: 20px;
}
.gp_price{
    font-size: 18px;
}
.rimo_tokucho {
    width: 80%;
    margin: 0px auto;
    margin-bottom: 24px;
}
.accordion summary {
    width: 100%;
    margin: 0;
}
.accordion h5 {
    border-left: 8px solid #aaa;
    margin-left: 6px;
    padding: 2px 10px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 12px;
}
    .rimo_h_text{
        margin-top: 10px;
        margin-left: 0;
    }
    
.accordion p {
    padding: 0em 2em 1em;
}
    /***施工例***/
    .dummy_img {
        width: 10% !important;
    }
    .dummy_img img{
        width: 40% !important;
    }

    
}
/* スマートフォン 縦(ポートレート) 
------------------------------------------------------------*/
@media only screen and (max-width:375px){
    

    
}