@charset "utf-8";

/* 共通のスタイル */
.cell {
  width: 100%;
}

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





  .mobile {
    display: none;
  }

  .pc {
    display: block;
  }

}


/* iPad　横 ------------------------------------------------------------*/
@media all and (max-width: 1299px) {


  .logo {
    width: 95%;
  }

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

  .mobile {
    display: none;
  }

  .pc {
    display: block;
  }

.im{
	
	width: 180px;
	
}

}


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

@media all and (max-width: 896px) {


  .mobile {
    display: block;
  }

  .pc {
    display: none;
  }

.im{
width: 150px;
	
}

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


  .x1 {

  }
  .x1 tr{
    display: block;
    float: left;
  }
  .x1 tr td, 
  .x1 tr th{
    border-left: none;
    display: block;

  }
  .x1 thead{
    display: block;
    float: left;

  }
  .x1 thead tr {

  }
  .x1 tbody{
    display: block;
    float: left;

  }
  .x1 tbody tr {

  }
  .x1 tr td + td{
    border-left: none;
  }
  .x1 tbody td:last-child {

  }

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

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

  }


/* スマホ　横 ------------------------------------------------------------*/
@media all and (max-width:640px){

/* googlecal -------*/

.googlecal{
	padding-bottom: 75%;
}



}

/* スマホ　縦 ------------------------------------------------------------*/
@media all and (max-width:480px){


.im{
	
	width: 100px;
	
}

}