body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#003399;
line-height:2em;
font-size:1.5em;
}
.Q {
color: green;
}
.A {
color: crimson;    
}
.gold{
color: #DBB400    
}
.silver{
color: #9FA0A0    
}
.copper{
color: #C47022    
}
.menu {
    max-width: 600px;
}

.menu a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}

label {
    display: block;
    margin: 0 0 4px 0;
    padding : 15px;
    line-height: 1;
    color :#fff;
    background : green;
    cursor :pointer;
}

input {
    display: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.menu li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
    height: 54px;
    opacity: 1;
}

.div li {
        display: inline
        list-style-type: none
        padding-right: 30px
}
        
.sitemap ul, ol {
  color: #668ad8;/*文字色*/
  border: dashed 2px #668ad8;/*破線 太さ 色*/
  background: #f1f8ff; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.sitemap ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}
.sitemap2 ul {
  padding: 0;
}

.sitemap2 ul li, ol li {
  color: #404040;
  border-left: solid 6px #1fa67a;/*左側の線*/
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
  font-weight: bold;
}

.sitemap3{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.waku1 {
       background-color: #005FFF;
       border: solid 3px blue;
       padding: 0.5em;
       color: white;
}

.waku2 {
       background-color: #FFFFCC;
       border: solid 3px #FFFF00;
       padding: 0.5em;
       color: #00CC00;
}
.waku3  {
       background-color: #FFFFCC;
       border: solid 5px #FF9900;
       border-radius: 10px;
       padding: 0.5em;
       color: #00CC00;
}
.waku4  {
       background-color: #EEEEEE;
       border: solid 5px #EEEEEE;
       padding: 0.5em;
       color: blue;
}

.waku5  {
       background-color: #00FF99;
       border: solid 3px blue;
       padding: 0.5em;
       color: white;
              
}

.menu {
    max-width: 200px;
}

.menu a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}

label {
    display: block;
    margin: 0 0 4px 0;
    padding : 15px;
    line-height: 1;
    color :#fff;
    background : navy;
    cursor :pointer;
}

input {
    display: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
　　display:inline-block
}

.menu li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.div li {
        display: inline
        list-style-type: none
        padding-right: 30px
}
#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{
    height: 54px;
    opacity: 1;
}

h2 a {
text-decoration: underline;
color: blue;
}
h2 a:hover {
text-decoration: underline;
color: red;
}
h2 a:visited {
color: blue;
}
p a {
text-decoration: underline;
color: blue;
}
p a:hover {
text-decoration: underline;
color: red;
}
p a:visited {
color: blue;
}

.lock{
position: fixed;
bottom: 0;
right: 0;    
}

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #3CDA76;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
	background: #71D9D9;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

@media only screen and(max-width: 480px){
    .waku3 img{
        width: 20%;
        height: auto;
    }
}