<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

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

  選ばれる理由／choose.html

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

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

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

/*-- KV 背景 --*/
body#body-choose #page_kv {
  background-image: url(../img/page_kv_choose.jpg);
}

/*-- コンテンツA --*/
body#body-choose .content-a li.left {
  /*width : calc( 100% / 3 - 15px );*/
  width : calc( 200% / 3 - 10px );
  /*margin-bottom: 20px;*/
}
body#body-choose .content-a li.left div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*margin-right: 10px;*/
  float: left;
}
body#body-choose .content-a li.left div.tama_p1 {
  background-image: url(../img/shop_photo_tamapla_2.jpg);
  width : calc( 200% / 3 - 10px );
  height: 310px;
  margin-right: 10px;
}
body#body-choose .content-a li.left div.tama_p2 {
  background-image: url(../img/shop_photo_tamapla_1.jpg);
  width : calc( 100% / 3 );
  height: 150px;
  /*margin-right: 10px;*/
  margin-bottom: 10px;
}
body#body-choose .content-a li.left div.tama_p3 {
  background-image: url(../img/shop_photo_tamapla_3.jpg);
  width : calc( 100% / 3 );
  height: 150px;
  /*margin-right: 10px;*/
}


/*body#body-choose .content-a li .pict {
  width: 96%;
  max-width: 310px;
  height: 175px;
  background-size: cover;
  background-position: center;
  margin: 0 auto 12px auto;
}
body#body-choose .content-a li .pict_futako { background-image: url(../img/shop_pict_futako.png);}
body#body-choose .content-a li .pict_tamapla { background-image: url(../img/shop_pict_tamapla.png);}
body#body-choose .content-a li .pict_etomo { background-image: url(../img/shop_pict_etomo.png);}
body#body-choose .content-a li .pict_shibuya { background-image: url(../img/shop_pict_shibuya.png);}
body#body-choose .content-a li .pict_musako { background-image: url(../img/shop_pict_musako.png);}*/

body#body-choose .content-a li h3 {
  color: #111;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 200;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
body#body-choose .content-a li.right {
  width : calc( 100% / 3 );
  float: right;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
}
body#body-choose .content-a li a:hover {
  text-decoration: none;
}
body#body-choose .content-a li a:hover h3 {
  color: #72c7cb;
}
body#body-choose .content-a li .train {
  border: 1px solid #d5dfdf;
  /*background-size: 175px;*/
  background-size: 250px;
  background-repeat: no-repeat;
  background-position: center top 10px;
  padding: 55px 5px 15px 5px;
  font-size: 15px;
  background-color: #fff;
  width: calc( 100% - 22px );
  max-width: 310px;
  margin: 0 auto 5px;
}
body#body-choose .content-a li:nth-child(1) .train {
  background-image: url(../img/choose_train_num_tamapla.png);
}
body#body-choose .content-a li:nth-child(2) .train {
  background-image: url(../img/choose_train_num_tamapla.png);
}
body#body-choose .content-a li:nth-child(3) .train {
  background-image: url("../img/choose_train_num_tamapla.png");
}


body#body-choose .content-a li .parking {
  border: 1px solid #d5dfdf;
  padding: 15px 5px 10px 5px ;
  font-size: 14px;
  background-color: #fff;
  width: calc( 96% - 10px );
  max-width: 310px;
  margin: 2px auto;
}
body#body-choose .content-a li .parking .p_max {
  background-image: url(../img/icon_parking.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 25px;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 2px;
}
body#body-choose .content-a li .parking p {
  font-size: 12px;
  letter-spacing: 0em;
}
body#body-choose .content-a li .parking2 {
  border: 1px solid #d5dfdf;
  padding: 23px 0;
  background-color: #fff;
  width: 96%;
  max-width: 310px;
  margin: 2px auto;
  font-size: 11px;
}

body#body-choose .content-a li .tel {
  background-image: url(../img/icon_tel.png);
  background-repeat: no-repeat;
  background-size: 38px;
  background-position: top 10px left;
  padding: 8px 0 8px 40px;
  color: #3f2d20;
  display: inline-block;
  margin: 15px 5px 0 5px;
  font-size: 25px;
}
body#body-choose .content-a li .tel span {
  display: block;
  font-size: 12px;
  color: #ea535e;
}
/*body#body-choose .content-a li:nth-child(3) .tel {
  background-image: url(../img/icon_tel_sb.png);
}*/
body#body-choose .content-a li .time {
  text-align: center;
  color: #666;
  font-size: 13px;
}
body#body-choose .content-a li .time_notis {
  width: 96%;
  max-width: 210px;
  text-align: left;
  color: #666;
  font-size: 13px;
  margin: 3px auto;
}
body#body-choose .content-a li .bottan a {
  padding: 10px 40px 11px;
  background-color: #72c7cb;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  margin: 10px auto 0;
  text-decoration: none;
}
body#body-choose .content-a li .bottan a:hover {
  background-color: #1da1a7;
}

/*-- コンテンツB --*/
body#body-choose .content-b .content-box {
  max-width: 950px;
  margin-left: 0;
}
body#body-choose .content-b .content-box .left {
  width : calc( 50% - 10px );
}
body#body-choose .content-b .content-box .left img {
  width : 100%;
}
body#body-choose .content-b .content-box .right {
  width : calc( 40% - 10px );
}

/*-- コンテンツC --*/

body#body-choose .content-c .royalclub_logo {
  background-image: url(../img/choose_royal_logo.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 350px;
  width: 100%;
  height: 80px;
  margin: 20px auto;
}
body#body-choose .content-c .royalclub_card {
  background-image: url(../img/choose_royal_card.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1000px;
  width: 100%;
  height: 200px;
  margin: 20px auto;
}
body#body-choose .content-c p.column1_text {
  color: #eee;
}
body#body-choose .content-c .royalclub_button a {
  background-image: url(../img/choose_royal_bottan.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 260px;
  height: 70px;
  display: block;
  margin: 40px auto 0 auto;
  text-indent: -9999px;
}
body#body-choose .content-c .royalclub_button a:hover {
  background-image: url(../img/choose_royal_bottan_.png);
}

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

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

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

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

body#body-choose .content-a li {
  width : calc( 100% / 2 );
  /*height: 480px;*/
}
body#body-choose .content-a li:nth-child(1),
body#body-choose .content-a li:nth-child(2) {
  /*margin-bottom: 60px;*/
}
  
.royalclub_logo {
  height: 80px;
}
body#body-choose .content-c .royalclub_card {
  background-image: url(../img/choose_royal_card_sp.png);
  height: 400px;
  max-width: 500px;
}
  
}

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

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

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

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

body#body-choose .content-a li.left div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*margin-right: 10px;*/
  float: none;
}
body#body-choose .content-a li.left div.tama_p1 {
  width : 100%;
  height: 260px;
  margin-right: 0px;
}
body#body-choose .content-a li.left div.tama_p2,
body#body-choose .content-a li.left div.tama_p3 {
  display: none;
}
  
body#body-choose .content-a li .train {
  background-size: 90% !important;
}
body#body-choose .content-a li {
  width : 90%;
  float: none;
  margin:0 auto 20px;
}
  
body#body-choose .content-c .royalclub_card {
  background-image: url(../img/choose_royal_card_sp.png);
  height: 360px;
}
  
}</pre></body></html>