@charset "UTF-8";

/* **************************************************

Name: accordion.css

Description: List Module - SP Site

Create: 2016.11.26
Update: 2016.11.26_01

Copyright 2016  Hitachi High-Technologies Corporation.

***************************************************** */

.hht-sp_accordion-ui {
margin-bottom: 20px;
}
.hht-sp_accordion-ui .btn {
width: 100%;
background: #555;
}

.hht-sp_accordion-ui .btn a {
display: block;
color: #fff;
font-size: 0.85em;
line-height: 1.2em;
text-decoration: none;
}


.hht-sp_accordion-ui .btn .img {
display: block;
}


.hht-sp_accordion-ui .btn .label {
display: table;
width: 100%;
height: 60px;
}


.hht-sp_accordion-ui .btn .label-pc_inner {
display: table-cell;
width: 100%;
padding: 0 30px 0 15px;
background: url(/image/common/hht/accordion/icon_link_right_l_white_hd.gif) 96% 50% no-repeat;
background-size: 16px 16px;
vertical-align: middle;
}
.hht-sp_accordion-ui.icon-accordion .btn .label-pc_inner {
background: none;
}
.hht-sp_accordion-ui.icon-accordion .btn .label {
background: url(/image/common/hht/accordion/icon_panel_link_open.gif) 96% 50% no-repeat;
background-size: 20px 20px;
}

.hht-sp_accordion-ui.icon-accordion.is-active .btn .label {
background-image: url(/image/common/hht/accordion/icon_panel_link_close.gif);
}

.hht-sp_accordion-ui .detail {
display: none;
width: 100%;
margin-bottom: 20px;
}

.hht-sp_accordion-ui .detail .linklist {
}
.hht-sp_accordion-ui .detail .linklist li {
}
.hht-sp_accordion-ui .detail .linklist li a {
display: block;
width: 100%;
height: 60px;
padding: 0 30px 0 15px;
background: #f2f2f2 url(/image/common/hht/accordion/icon_link_right_l_hd.gif) 98% 50% no-repeat;
background-size: 16px 16px;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
color: #333;
font-size: 0.8em;
line-height: 1.2em;
text-decoration: none;
}

.hht-sp_accordion-ui .detail .linklist li ul li .label {}

.hht-sp_accordion-ui .detail .linklist .inner {
display: table;
}

.hht-sp_accordion-ui .detail .linklist .label {
display: table-cell;
width: 100%;
height: 60px;
vertical-align: middle;
}

@media only screen and (min-width: 768px),
@media only print and (min-width: 768px) {
	.hht-sp_accordion-ui.radius5 .btn {
		border-radius: 7px 7px 0px 0px;
		-moz-border-radius: 7px 7px 0px 0px;
		-webkit-border-radius: 7px 7px 0px 0px;
		-o-border-radius: 7px 7px 0px 0px;
		-ms-border-radius: 7px 7px 0px 0px;
	}

	.hht-sp_accordion-ui.radius5 .btn img {
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
	}
}

@media only screen and (max-width: 767px) {
    .hht-sp_accordion-ui {
    margin: 1px 0 0 0;
    }
    .hht-sp_accordion-ui .btn {}
    .hht-sp_accordion-ui .btn {
    width: 100%;
    background: #555;
    }

    .hht-sp_accordion-ui .btn a {
    display: block;
    color: #fff;
    font-size: 0.85em;
    line-height: 1.2em;
    text-decoration: none;
    }

    .hht-sp_accordion-ui .inner {
    display: table;
    width: 100%;
    }

    .hht-sp_accordion-ui .btn .img {
    overflow: hidden;
    display: inline-block;
    width: 88px;
    height: 67px;
    vertical-align: top;
    }

    .hht-sp_accordion-ui .btn .img img {
    width: 88px;
    height: 67px;
    }

    .hht-sp_accordion-ui .btn .label {
    display: table-cell;
    width: 100%;
    background: url(/image/common/hht/accordion/icon_link_right_l_white_hd.gif) 96% 50% no-repeat;
    background-size: 16px 16px;
    margin-left: -10px;
    padding: 0 35px 0 0;
    vertical-align: middle;
    }

    .hht-sp_accordion-ui .btn .label-pc_inner {
    background: none;
    }
    .hht-sp_accordion-ui .detail .linklist {}
    .hht-sp_accordion-ui .detail .linklist li a {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 30px 15px;
    }
    .hht-sp_accordion-ui .detail {
    margin-bottom: 0;
    }
    .hht-sp_accordion-ui .detail .linklist li ul li .label {
    padding-left: 20px;
    }

    .hht-sp_accordion-ui .detail .linklist .inner {
    display: table;
    }

    .hht-sp_accordion-ui .detail .linklist .label {
    display: table-cell;
    width: 100%;
    height: 60px;
    vertical-align: middle;
    }

}