@charset "UTF-8";
/* CSS Document */


/* Responsive menu
-------------------------------------------------------------- */
.res_menu{
    display: none;
}
@media screen and (max-width: 768px) {
    
    
    
}

@media screen and (max-width: 640px) {
    #container{
    }
    .wrapper {
	width: 100%;
        overflow: hidden;
}
    h1 {
	display: block;
	text-indent: -9999px;
	margin:0 auto;
	height: 150px;
	width: 260px;
	background: url(../image/title.png);
}

h1 a {
	display:block;
	height: 135px;
	width: 260px;
}
 h2 {
	text-align: center;
}   
   
 
   
    .res_menu{
        display: block;}
    

#column {
    clear: both;
	width: 100%;
    display: block;
	position: relative;
	height: auto;
	margin-top: 50px;
}
    #column p{
	margin: 0;
}
    #column .delate{
	display: none;
}
    .main-footer{
        width: 100%;
        }
    
        .column-left {
	display: none;
}

.column-center {
	float: left;
    clear: both;
    display: block;
	line-height: 150%;
	width: 100%;
	text-indent: 5px;
    margin: 20px 0;
    padding: 0;
}

.column-right {
	float: left;
	width: 100%;
	line-height: 150%;
	height: auto;
	position: relative;
    padding: 0;
}

.List-3column li {
	width:220px;
	margin: 0 15px 2em 0;
	display: inline;
	float:  left;
	position: relative;
}
 .List-3column li:nth-child(3n) {
 margin-right:0;
}

.logo {
	text-align: center;
}

#illust9 {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

#illust30 {
	float: right;
	text-align: left;
	position: relative;
}

.specialmenu {
	height: auto;
	width: 100%;
	text-align: center;
    line-height: 50%;
}
    
    .main-footer {
    text-align: center;
    height: 80px;
    width: 100%px;
    line-height: 30px;
        margin:20px 0;
        
    }
    
   .bar{
    display: block;
} 
    .de{display: none;}
        
    }