@charset "Shift_JIS";

    /*アコーディオン全体*/
    .menu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1f2f52;
	margin-bottom: 6em;
    }
    .menu input {
      display: none; /*チェックボックスを隠す*/
    }
    /*バー部分*/
    .menu label {
	cursor :pointer;
	display: block;
	text-decoration: none;
	color: #1f2f52;
	line-height: 1;
	position: relative;
	font-size: 1.3em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1f2f52;

    }
    /*開いたときに表示される部分*/
    .menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-bottom: 1px;

    }
    .menu li {
      height: 0;
      overflow-y: hidden;
/*閉じるときのアニメーション
      transition: padding-bottom 0.5s, padding-top 0.5s; 
      -webkit-transition: padding-bottom 0.5s, padding-top 0.5s
      -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
      -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
      -o-transition: padding-bottom 0.5s, padding-top 0.5s;
*/
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;

    }
    #menu_bar01:checked ~ #links01 li,
    #menu_bar02:checked ~ #links02 li,
    #menu_bar03:checked ~ #links03 li,
    #menu_bar04:checked ~ #links04 li,
    #menu_bar05:checked ~ #links05 li,
    #menu_bar06:checked ~ #links06 li,
    #menu_bar07:checked ~ #links07 li,
    #menu_bar08:checked ~ #links08 li,
    #menu_bar09:checked ~ #links09 li,
    #menu_bar10:checked ~ #links10 li {
      height: auto; /*開いたときに表示されるliの高さ*/
      opacity: 1;
      background: #f7f7f7;
      padding: 1em;
      font-size: 1.3em;
      margin-bottom: 0.2em;
    }
     /*開いたときの下の余白*/
    #menu_bar01:checked ~ #links01 li:last-child,
    #menu_bar02:checked ~ #links02 li:last-child,
    #menu_bar03:checked ~ #links02 li:last-child,
    #menu_bar04:checked ~ #links02 li:last-child,
    #menu_bar05:checked ~ #links02 li:last-child,
    #menu_bar06:checked ~ #links02 li:last-child,
    #menu_bar07:checked ~ #links02 li:last-child,
    #menu_bar08:checked ~ #links02 li:last-child,
    #menu_bar09:checked ~ #links02 li:last-child,
    #menu_bar10:checked ~ #links02 li:last-child {
      margin-bottom: 0.2em;
    }
    /*閉じた状態の矢印描画*/
    .menu label:after{
	content:"＋";
	display:block;
	position:absolute;
	right: 0.2em;
	top: 0.2em;
	margin: auto;
	font-size: 2.2em;
    }

    /*開いた状態の矢印描画*/
    .menu input[type=checkbox]:checked + label:after{
      content:"ー";
	display:block;
	position:absolute;
	right: 0.2em;
	top: 0.2em;
	margin: auto;
	font-size: 2.2em;
    }