@charset "Shift_JIS";
/* リセãƒ�Eƒˆ */
* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}

/* ���ら */

li {
background-color: rgba(255,255,255,0.5);
  padding: 10px;}
a {
  display: block;
  color: #000;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  padding: 10px;
}
.check_input {
  display: none;
}
.check_label {
  display: block;
  color: #000;
  font-size: 18px;
  border-bottom: 1px solid #fff;
  padding: 10px;
  background-color: rgba(100,200,150,.8);
      background-image: url(http://kasumiblog.xsrv.jp/codepen/images/arrow_down.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 98% center;
}
.check_input:checked + .check_label {
  background-image: url(http://kasumiblog.xsrv.jp/codepen/images/arrow_up.png);
}

/* コンãƒ�Eƒ³ãƒ�E�žè¡¨ç¤º */
.contents {
  display: none;
}

/* checkをクリãƒ�E‚¯ã�—ã�Ÿã‚‰ã‚³ãƒ³ãƒ�Eƒ³ãƒ�E‚’表示 */
.check_input:checked + .check_label + .contents2{
  display: block;
}
/* コンãƒ�Eƒ³ãƒ�E�žè¡¨ç¤º */
.contents2 {
  display: none;
}

/* checkをクリãƒ�E‚¯ã�—ã�Ÿã‚‰ã‚³ãƒ³ãƒ�Eƒ³ãƒ�E‚’表示 */
.check_input:checked + .check_label + .contents{
  display: block;
}
.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #a9a9a9;/*ç¹�懊ã�¡ç¹�ｳ濶�E²*/
    color: #000;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    font-size: 16px;
}
.square_btn:active {/*ç¹�懊ã�¡ç¹�ｳ繧呈款縺励â—�E¸º�E¨ç¸ºãƒ»/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*è�³ä¹�â�Eèœ�輔￥*/
    border-bottom: none;/*邱壹�E’豸医â˜�E/
}
r{
  color: red;
}
bl{
  color: blue;
}
p4{
  padding: .3em .75em;
  background-color: #ffe8d1;
  font-size: 24px;
}
p3{
   background-color: #fffe8d1;
}
p .navi{
    background-color: #2f4f4f;
    color: #fff;
    font-size: 20px;
}