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

/* -----------------------------

  店舗のご紹介／shop.html

----------------------------- */

/*-- navi ハイライト --*/
body#body-shop-tamapla #navi_in ul li.navi_shop a {
  text-decoration: none;
  background-color: #72c7cb;
  color: #fff;

  background-image: url(../img/navi_shop_.png);
}

/*-- KV 背景 --*/
body#body-shop-tamapla #page_kv_sub {
  background-image: url(../img/page_kv_shop_tamapla.jpg);
}

/*-- サブナビゲーション ハイライト --*/
body#body-shop-tamapla .sub_navi ul li.sub_navi_tamapla a {
  background-color: #d4eeef;
}


/*-- コンテンツA／店舗情報 --*/

body#body-shop-tamapla .shop_photo ul li.shop_photo_1 {
  background-image: url(../img/shop_photo_tamapla_1.jpg);
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_2 {
  background-image: url(../img/shop_photo_tamapla_2.jpg);
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_3 {
  background-image: url(../img/shop_photo_tamapla_4.jpg);
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_4 {
  background-image: url(../img/shop_photo_tamapla_10.jpg);
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_5 {
  background-image: url(../img/shop_photo_tamapla_3.jpg);
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_6 {
  background-image: url(../img/shop_photo_tamapla_7.jpg);
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_7 {
  background-image: url(../img/shop_photo_tamapla_11.jpg);
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_8 {
  background-image: url(../img/shop_photo_tamapla_8.jpg);
}



/* たまプラ単店 リレイアウト用 */
body#body-shop-tamapla .shop_photo ul li.shop_photo_1 {
  width: calc( 200% / 3 - 10px );
  height: 410px;
  margin: 0 10px 10px 0;
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_2 {
  width: calc( 100% / 3 );
  height: 200px;
  margin: 0 0 10px 0;
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_3 {
  width: calc( 100% / 3 );
  height: 200px;
  margin: 0 0 10px 0;
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_4 {
  width: calc( 100% / 2 - 5px );
  height: 320px;
  margin: 0 10px 10px 0;
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_5 {
  width: calc( 100% / 2 - 5px );
  height: 320px;
  margin: 0 0 10px 0;
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_6 {
  width: calc( 100% / 3 - 5px );
  height: 220px;
  margin: 0 10px 10px 0;
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_7 {
  width: calc( 100% / 3 - 10px );
  height: 220px;
  margin: 0 10px 0 0;
}
body#body-shop-tamapla .shop_photo ul li.shop_photo_8 {
  width: calc( 100% / 3 - 5px );
  height: 220px;
}
/* たまプラ単店 リレイアウト用 */

/*-- コンテンツB／お知らせ --*/


/*-- コンテンツC／スタッフ紹介 --*/






/*-- コンテンツD／アクセス --*/

.access_area .train_num {
  background-image: url(../img/choose_train_num_tamapla.png);
}

/* -----------------------------

SP　スマホ
画面サイズが765px以下　

----------------------------- */

@media screen and (max-width:765px) { 


/* たまプラ単店 リレイアウト用 */
body#body-shop-tamapla .shop_photo ul li.shop_photo_1,
body#body-shop-tamapla .shop_photo ul li.shop_photo_2,
body#body-shop-tamapla .shop_photo ul li.shop_photo_3,
body#body-shop-tamapla .shop_photo ul li.shop_photo_4,
body#body-shop-tamapla .shop_photo ul li.shop_photo_5,
body#body-shop-tamapla .shop_photo ul li.shop_photo_6,
body#body-shop-tamapla .shop_photo ul li.shop_photo_7,
body#body-shop-tamapla .shop_photo ul li.shop_photo_8 {
  width: calc( 100% / 2 - 5px );
  height: 180px;
}

body#body-shop-tamapla .shop_photo ul li.shop_photo_1,
body#body-shop-tamapla .shop_photo ul li.shop_photo_3,
body#body-shop-tamapla .shop_photo ul li.shop_photo_5,
body#body-shop-tamapla .shop_photo ul li.shop_photo_7 {
  margin: 0 10px 10px 0;
}

body#body-shop-tamapla .shop_photo ul li.shop_photo_2,
body#body-shop-tamapla .shop_photo ul li.shop_photo_4,
body#body-shop-tamapla .shop_photo ul li.shop_photo_6,
body#body-shop-tamapla .shop_photo ul li.shop_photo_8 {
  margin: 0 0 10px 0;
}
/* たまプラ単店 リレイアウト用 */

  
  
}