@charset "utf-8";

.main_list {
    color: #343532;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    line-height: 1.4;
}
.title {
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-bottom: 4px solid #2972eb;
    box-sizing: border-box;
}
.list_base li {
    font-size: 14px;
    clear: both;
    position: relative;
    box-sizing: border-box;
    line-height: 40px;
    font-weight: bold;
    word-break: break-all;
    border-top: 1px solid #c2c2b6;
}
.list_base li:first-child {
    border-top: none;
}
.list_base li.pydtoggle {
    cursor: pointer;
    background-color: #fefff1;
}
.list_base li.childlist {
    display: none;
}
.list_base li.pydtoggle.open + li.childlist {
    display: list-item;
}
.list_base li a {
    display: block;
}
.list_base li .arrow_image {
    width: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.2s ease 0s;
}
.list_base li.pydtoggle .arrow_image {
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.list_base li.pydtoggle.open .arrow_image {
    -webkit-transform: translate(0,-50%) scaleY(-1);
    -moz-transform: translate(0,-50%) scaleY(-1);
    transform: translate(0,-50%) scaleY(-1);
}
.list_base .area_list_1 {
    border-bottom: 1px solid #c2c2b6;
}
.list_base .area_list_1 .area_top.pydtoggle {
    padding: 0 30px 0 10px;
}
.list_base .area_list_2 .area_top.pydtoggle {
    padding: 0 30px 0 30px;
}
.list_base .area_list_2 .area_top a {
    padding: 0 0 0 30px;
}
.list_base .area_list_2 .area_top a:active {
    color: #53A6ED !important;
    background-color: #FFF !important;
}
.list_base .area_list_2 .area_sub:last-child {
    /*border-bottom: none;*/
}
.list_base .area_list_3 .area_top.pydtoggle {
    padding: 0 30px 0 50px;
}
.list_base .area_list_3 .area_top a {
    padding: 0 0 0 50px;
}
.list_base .area_list_3 .area_top a:active {
    color: #53A6ED !important;
    background-color: #FFF !important;
}
.list_base .area_list_3 .area_top:last-child {
    /*border-bottom: none;*/
}
.list_base .list_inner {
    display: table-cell;
    height: 40px;
    line-height: 18px;
    vertical-align: middle;
    word-break: break-word;
    word-wrap: break-word;
}
.list_base .list_inner .name {
    word-break: break-all;
    word-wrap: break-word;
}