/****************************************************サイドバ-*/
div#sidebar{
width:220px;
float:left;
margin-bottom:25px}

div#sidebar nav ul{
font-size:0.75em;
margin-top:0;
margin-left:0;
padding-left:0;
line-height:0}

div#sidebar nav ul li{
list-style-type:none}

div#sidebar nav ul li a{
display:block;
line-height:30px;
text-decoration:none;
color:#FF00FF;
background-color:#FFEEFF;
border-bottom:solid 1px #FF00FF;
padding-left:10px}

div#sidebar nav ul li a:hover{
background-color:#9460a0}



/*#############################################################################1200px以下#################*/
@media (max-width:1200px){

div#sidebar{
width:18%;
float:left;
margin-bottom:25px}

div#sidebar nav ul{
margin-top:0;
margin-left:0;
padding-left:0;
line-height:0}

div#sidebar nav ul li{
list-style-type:none}

div#sidebar nav ul li a{
display:block;
line-height:30px;
text-decoration:none;
color:#FF00FF;
background-color:#FFEEFF;
border-bottom:solid 1px #FF00FF;
padding-left:10px}

div#sidebar nav ul li a:hover{
background-color:#9460a0}

}


/*########################################################################################################800px以下##*/

@media (max-width:800px){

div#sidebar{
width:100%;
margin-left:0;
margin-right:0;
margin-top:0px;
margin-bottom:5px}

div#sidebar nav ul{
margin-top:0;
margin-left:0;
padding-left:0;
line-height:0}

div#sidebar nav ul li{
list-style-type:none}

div#sidebar nav ul li a{
display:block;
line-height:30px;
text-decoration:none;
color:#FF00FF;
background-color:#FFEEFF;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
text-align:center}

div#sidebar nav ul li a:hover{
background-color:#9460a0}

.box1{
float:left;
width:33%;
margin:0}

.box2{
float:left;
width:33%;
margin:0}

.box3{
float:left;
width:33%;
margin:0}

.boxA{
width:99%
padding-top:0;
margin-top:0}

.boxA:after{
content:"";
display:block;
padding:0}



}