article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
display: block;
}

.side-cate{
background-color:#6495ed;
color:white;
/*width:165px;*/
line-height:2.5;
font-size:11pt;
text-align:center;
margin-top:10px;}


/*アコーディオン開閉表示*/
.accordion_tab {
position: relative;
margin-bottom: 1px;
width: 165px;
color: black;
overflow: hidden;
border-bottom:solid 1px#ccc;
line-height: 2.5;
vertical-align:sub;
}
.accordion_tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
/*表示ラベル*/
.accordion_tab label {
position: relative;
display: block;
cursor: pointer;
font-size: 11pt;
padding-left:5px;
color:black;
background-color: #ffffff;
}
.accordion_tab img{
width:30%;
height:auto;
padding-right:7px;
padding-left:3px;
text-align:center;
vertical-align: middle;
}


.accordion_tab a{
text-decoration: none;
padding-left:5px;
line-height: 2;
cursor: pointer;
color:black;
background-color: #ffffff;
vertical-align:center;}

 
/*内容*/
.accordion_contents {
color: black; 
list-style: none;
max-height: 0;
overflow: hidden;
transition: max-height .50s;
}
.accordion_contents a{
text-decoration:none;
color:black;
font-size:10pt;
text-align:left;
line-height: 2;
}
.accordion_contents li{
list-style:none;
}

a:hover{
opacity:0.5;
}

/* クリック時に開く */
input:checked ~ .accordion_contents {
max-height: 100%;
}
/* ラベルに「+」アイコン */
.accordion_tab label::after {
position: absolute;
right: 0;
top: 0;
display: block;
width: 3em;
height: 3em;
line-height: 3;
text-align: center;
transition: all .50s;
}
/* 「+」アイコンのアクション*/
.accordion_tab input[type=checkbox] + label::after {
content: "+";
}
.accordion_tab input[type=checkbox]:checked + label::after {
transform: rotate(300deg); /*回転させる*/
}


.list{
position:relative;
width: 165px;
color: black;
border-bottom: solid 1px #ccc;
}

.list li{
width: 165px;
list-style: none;
line-height: 3;
}


.list a{
width:165px;
text-decoration:none;
color:black;
font-size:11pt;
}


.list img{
width:50px;
height:auto;
vertical-align: middle;
padding-right:7px;
}


.list2{
position:relative;
width: 165px;
color: black;
border-bottom: solid 1px #ccc;
line-height: 3;
}

.list2 li{
width: 165px;
list-style: none;
text-align:center;}


.list2 a{
width:165px;
text-decoration:none;
color:black;
font-size:10pt;
}


.list2 img{
width:auto;
height:40px;
vertical-align: middle;
padding-right:auto;
padding-left:auto;}

.list2 br {
display: block;
content: "";
margin: -5px;
}

.list3{
position:relative;
width: 165px;
color: black;
border-bottom: solid 1px #ccc;
line-height: 3;
}

.list3 li{
width: 165px;
list-style: none;
text-align:center;
}


.list3 a{
width:165px;
text-decoration:none;
color:black;
font-size:11pt;
}