@charset "UTF-8";

/*

 * for collection/detail accordion

 */

.ui-state-active .ui-icon {
    background-image: url("../../collection/img/btn_toggle01.gif") !important;
}

.ui-state-default .ui-icon {
    background-image: url("../../collection/img/btn_toggle01.gif") !important;
	display: block;
    float: right;
    height: 30px;
    text-indent: -9999px;
    width: 158px;
}

.ui-icon {
    height: 60px !important;
    width: 158px !important;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 0 !important;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer !important;
    display: block !important;
    margin-top: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
	background-color: none !important;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto !important;
	right: 0 !important;
    margin-top: -16px !important;
}

.ui-accordion .ui-accordion-content {
    padding: 0 !important;
}

.ui-widget-content {
	border: none !important;
	background-image: none !important;
	overflow: hidden !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-image: none !important;
	overflow: hidden !important;
    border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none !important;
    background-color: #FFF !important;
    border: none !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}

.ui-icon-triangle-1-e {
    background-position: 0px -30px !important;
}

.ui-icon-triangle-1-s {
    background-position: 0px 0px !important;
}

@media screen and (max-width: 768px) {

.ui-state-active .ui-icon {
    background-image: url("../../collection/img/btn_toggle01_sp.gif") !important;
}

.ui-state-default .ui-icon {
    background-image: url("../../collection/img/btn_toggle01_sp.gif") !important;
	display: block;
    float: right;
    height: 30px;
    width: 140px;
}

.ui-icon {
    height: 60px !important;
    width: 140px !important;
}

}