@charset "utf-8";


/* パソコン------------------------------------------------------------*/
@media all and (min-width: 1300px){
	#contener,.inner{
	
	width: 1300px;
	
	padding-top: 0px;
	
	padding-right: 0px;
	
	padding-bottom: 0px;
	
	padding-left: 0px;
	
	margin-top: 0px;
	
	margin-right: auto;
	
	margin-bottom: 0px;
	
	margin-left: auto;
	
}


.logo{
	
	width: 1300px;
	
}

	
#contener{
	
	padding-bottom: 2px;
	
	margin-left: auto;
	
	margin-right: auto;
	
}

#main{
	
	width: 1300px;
	
	margin-left: auto;
	
	margin-right: auto;
	
}

#side{
	display: none;
}


#footercontener{
	
	text-align: left;
	
	width: 1300px;
	
}

}


/* iPad　横 ------------------------------------------------------------*/
@media all and (max-width: 1299px) {
    .cell {
        width: 100%;
    }

    .logo {
        width: 95%;
    }

    #footercontener {
        width: 95%;
        text-align: left;
    }



    #main {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }

#side{
	display: none;
}

    .im {
        width: 180px;
    }


}


/* ipad縦 ------------------------------------------------------------*/

@media all and (max-width:896px){
	.cell{
	
	width: 100%;	
}

#jumbotron{
	
	width: 100%;
	
}


.im{
	
	width: 150px;
	
}

/* gedan-koteimenu -------*/

.contact-sp{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: #ccc;
  text-align: center;
}

.x table,
.x table tbody,
.x table tr,
.x table th,
.x table td { display: block }

}


/* スマホ　横 ------------------------------------------------------------*/
@media all and (max-width:700px){
	.cell{
	
	width: 100%;
	
}

.im{
	
	width: 120px;
	
}


}

/* スマホ　縦 ------------------------------------------------------------*/
@media all and (max-width:480px){
	.cell{
	
	width: 100%;
	
}



.im{
	
	width: 100px;
	
}

}