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

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

  店舗共有／shop_xxx.html

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

/*-- サブナビゲーション --*/
.sub_navi ul li {
  width: calc( 100% / 3 );
}



/*-- ページ内リンク --*/
.pagelink_navi {
  width: 100%;
  margin: 40px 0 0 0;
}
.pagelink_navi ul {
  width: 100%;
  max-width: 750px;
  border-right: 1px solid #d9d9d9;
  margin: 0 auto;
}
.pagelink_navi ul li {
  border-left: 1px solid #d9d9d9;
  box-sizing: border-box;
  float: left;
  width: calc( 100% / 5 );
}
.pagelink_navi ul li:last-child {
  width: calc( 100% / 5 );
}
.pagelink_navi ul li a {
  padding: 16px 0 17px;
  text-align: center;
  width: 100%;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #6cc3c7;
}
.pagelink_navi ul li a:hover {
  background-color: #edf9fa;
}


/*-- 店舗の見出し --*/

.content-in .shoulder_shop {
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 20px;
  color: #222;
  display: block;
  margin: 0 auto 15px auto;
  text-align: center;
}



/*-- 写真 --*/

.shop_photo ul li {
  float: left;
}
.shop_photo ul li {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* たまプラ単店 リレイアウトのためコメントアウト
.shop_photo ul li.shop_photo_1 {
  width: calc( 100% / 2 );
  height: 330px;
  margin: 0 10px 0 0;
}
.shop_photo ul li.shop_photo_2 {
  width: calc( 100% / 4 - 10px );
  height: 160px;
  margin: 0 10px 10px 0;
}
.shop_photo ul li.shop_photo_3 {
  width: calc( 100% / 4 - 10px );
  height: 160px;
  margin: 0 0 10px 0;
}
.shop_photo ul li.shop_photo_4 {
  width: calc( 100% / 4 - 10px );
  height: 160px;
  margin: 0 10px 0 0;
}
.shop_photo ul li.shop_photo_5 {
  width: calc( 100% / 4 - 10px );
  height: 160px;
}*/



/*-- スタッフ写真 --*/


.photo_fukazawa1 {
  background-image: url(../img/photo_fukazawa1.jpg);
}
.photo_fukazawa2 {
  background-image: url(../img/photo_fukazawa2.jpg);
}
.photo_okabayashi {
  background-image: url(../img/photo_okabayashi.jpg);
}
.photo_nagai {
  background-image: url(../img/photo_nagai.jpg);
}
.photo_shibuya {
  background-image: url(../img/photo_shibuya.jpg);
}
.photo_ishii {
  background-image: url(../img/photo_ishii.jpg);
}
.photo_uchida {
  background-image: url(../img/photo_uchida.jpg);
}
.photo_kawano {
  background-image: url(../img/photo_kawano.jpg);
}
.photo_watanabe {
  background-image: url(../img/photo_watanabe.jpg);
}
.photo_iizawa {
  background-image: url(../img/photo_iizawa.jpg);
}
.photo_wakabayashi {
  background-image: url(../img/photo_wakabayashi.jpg);
}
.photo_kawazoe {
  background-image: url(../img/photo_kawazoe.jpg);
}
.photo_wada {
  background-image: url(../img/photo_wada.jpg);
}
.photo_ito {
  background-image: url(../img/photo_ito.jpg);
}
.photo_kobayashi {
  background-image: url(../img/photo_kobayashi.jpg);
}
.photo_hirota {
  background-image: url(../img/photo_hirota.jpg);
}
.photo_shimizu {
  background-image: url(../img/photo_shimizu.jpg);
}
.photo_nakanishi {
  background-image: url(../img/photo_nakanishi.jpg);
}
.photo_shinoduka {
  background-image: url(../img/photo_shinoduka.jpg);
}

/*-- 店舗概要 --*/

.shop_outline {
  margin: 40px 0;
  width: 100%;
}
.shop_outline dl {
  width: calc( 60% - 40px );
  float: left;
}
.shop_outline dl {
  /*border-top: 1px solid #dedede;*/
  border-bottom: 1px solid #dedede;
  font-family: 'Noto Sans JP', sans-serif;
}
.shop_outline dt,
.shop_outline dd {
  display: block;
  border-top: 1px solid #dedede;
  padding: 16px 0 14px ;
}
.shop_outline dt {
  color: #54b9be;
  float: left;
  clear: left;
  width: 7.5em;
  padding-left: 1em;
  font-size: 15px;
}
.shop_outline dd {
  float: left;
  width: calc( 100% - 8.5em );
  line-height: 1.6em;
  font-size: 16px;
}
.shop_outline dd .shop_outline_notis {
  font-size: 11px;
}
.shop_outline dd .shop_outline_notis a {
  color: #3065d9;
}
.shop_outline .shop_outline_map {
  width: 40%;
  float: right;
}
.shop_outline .shop_outline_map img {
  width: 100%;
}



/*-- お問い合わせエリア --*/

.shop_contact-wrap {
  width: 100%;
  padding: 50px 0;
}
.shop_contact-wrap-gray {
  width: 100%;
  background-color: #f7f7f7;
  padding: 50px 0;
}
.shop_contact-wrap-bottom {
  width: 100%;
  padding: 60px 0;
}
.shop_contact-in {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.shop_contact_form {
  float: left;
}
.shop_contact_form a {
  display: block;
  background-color: #72c7cb;
}
.shop_contact_form .form_bottan {
  padding: 25px 35px 25px 75px;
  font-size: 17px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #fff;
  background-image: url(../img/icon_calendar.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center left 30px;
  margin: 2px 0;
}
.shop_contact_form a:hover {
  background-color: #3a9ba0;
  text-decoration: none;
}
.shop_contact_tel {
  float: right;
}
.shop_contact_tel_shoulder {
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #000;
}
.shop_contact_tel_num {
  background-image:url(../img/icon_tel.png);
  background-repeat: no-repeat;
  background-size: 37px;
  background-position: center left;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  padding: 5px 0 5px 45px;
  font-size: 30px;
  margin: 2px 0;
  letter-spacing: 0em;
  color: #795e4c;
}
.shop_contact_tel_num_sb {
  background-image:url(../img/icon_tel_sb.png);
  background-repeat: no-repeat;
  background-size: 37px;
  background-position: center left;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  padding: 5px 0 5px 42px;
  font-size: 30px;
  margin: 2px 0;
  letter-spacing: 0em;
  color: #795e4c;
}
.shop_contact_tel_num a {
  color: #795e4c;
  text-decoration: none;
}
.shop_contact_tel_num_sb a {
  color: #032d76;
  text-decoration: none;
}
.shop_contact_tel_time {
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #000;
}

/* 20230315_渋谷店 電話予約のみ */
.tel_only {
  padding: 30px 0 !important;
}
.tel_only .shop_contact_form {
  display: none;
}
.tel_only .shop_contact-in {
  text-align: center;
}
.tel_only .shop_contact_tel {
  display: inline-block;
  float: none;
}
.tel_only .shop_contact_tel_shoulder {
  color: #ea535e;
}

/*-- 来店予約 凡例 --*/

.shop_rsv_icon {
  /*border: #F3F3F3 1px solid;*/
  /*width: calc( 100% - 2px );*/
  /*display: inline-block;*/
  margin: 30px auto;
  text-align: center;
}
.shop_rsv_icon ul {
  padding: 15px 20px 10px 20px;
  display: inline-block;
  border: #F3F3F3 1px solid;
}
.shop_rsv_icon ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  font-size: 12px;
}
.shop_rsv_icon ul li.open {
  color:#18AEB5;
}
.shop_rsv_icon ul li.few {
  color:#DB0003;
}
.shop_rsv_icon ul li.close {
  color:#4A4A4A;
}
.shop_rsv_icon ul li.tel {
  color:#787878;
}



/*-- 来店予約 --*/

.shop_rsv_table {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 40px auto;
  border-collapse: collapse;
}
.shop_rsv_table th {
  border: 1px solid #d9d9d9;
  background-color:#F7F7F7;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}
.shop_rsv_table td {
  border: 1px solid #d9d9d9;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}

.shop_rsv_table td a {
  text-decoration: none;
  padding: 5px 5px 10px 5px;
  line-height: 18px;
  display: block;
  border-radius: 5px;
}
.shop_rsv_table td a.open {
  background-color:#c9eef0;
  color: #037c81;
}
.shop_rsv_table td a.open:hover {
  background-color:#3a9ba0;
  color: #fff;
}
.shop_rsv_table td a.few {
  background-color:#ffd5d5;
  color: #810303;
}
.shop_rsv_table td a.few:hover {
  background-color:#db2b2b;
  color: #fff;
}
.shop_rsv_table td a.close {
  background-color:#f4f4f4;
  color: #b6b6b6;
  cursor: default;
}
.shop_rsv_table td a.tel {
  background-color:#fff;
  color: #b6b6b6;
  cursor: default;
  line-height: 20px;
}
.shop_rsv_table td a.tel span {
  font-weight: 400;
  font-size: 18px;
}

.shop_rsv_table td a span {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 22px;
  font-weight:900;
  display: block;
}


/*-- 店舗からのお知らせ --*/

.content-shop-info {
  background-image: url(../img/shop_info_bg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.shop_info_box {
  width: calc( 100% - 100px );
  margin: 50px auto 0 auto;
  padding: 50px;
  background-color: #fff;
}
.shop_info_box dl {
  width: 100%
}
.shop_info_box dl {
  border-bottom: 1px solid #dedede;
  font-family: 'Noto Sans JP', sans-serif;
}
.shop_info_box dt,
.shop_info_box dd {
  display: block;
  border-top: 1px solid #dedede;
  padding: 16px 0 14px ;
}
.shop_info_box dt {
  color: #54b9be;
  float: left;
  clear: left;
  width: 9.5em;
  padding-left: 2em;
  font-size: 15px;
}
.shop_info_box dd {
  float: left;
  width: calc( 100% - 11.5em );
  line-height: 1.6em;
  font-size: 15px;
}
.shop_info_box dd a {
  color: #333;
}




/*-- スタッフのご紹介 --*/

.shop_manager {
  width: calc( 100% - 50px );
  max-width: 950px;
  margin: 60px 0 40px 0;
}
.shop_manager_photo {
  width: calc( 55% - 50px );
  height: 330px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.shop_manager_about {
  width: 45%;
  float: right;
}
.shop_manager_name {
  width: calc( 100% - 20px );
  padding: 15px 20px 16px 0;
  background-color: #6b5f53;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200px;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0.05em;
}
.shop_manager_name span {
  font-size: 12px;
  margin-right: 15px;
}
.shop_manager_comment {
  margin-top: 15px;
  font-size: 16px;
  line-height: 2em;
  letter-spacing: 0.01em;
  font-family: 'Noto Sans JP', sans-serif;
}
.shop_staff {
  width: 100%;
  max-width: 1000px;
}
/*.shop_staff ul.shop_staff_2 li {
  width: calc( 100% / 2 - 10px );
}
.shop_staff ul.shop_staff_3 li {
  width: calc( 100% / 3 - 15px );
}
.shop_staff ul.shop_staff_4 li {
  width: calc( 100% / 4 - 10px );
}
.shop_staff ul li {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
.shop_staff ul li:first-child,
.shop_staff ul.shop_staff_3 li:nth-child(4),
.shop_staff ul.shop_staff_4 li:nth-child(5) {
  margin-left: 0px;
}
.shop_staff_photo {
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.shop_staff_name {
  padding: 12px 20px 12px 0;
  background-color: #6b5f53;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200px;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0.05em;
}
.shop_staff_name span {
  font-size: 12px;
  margin-right: 15px;
}*/

/*-- 20250609 add --*/

.shop_staff ul {
  /* 要素にあわせて高さを揃える */
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.shop_staff ul.shop_staff_comment li {
  padding: 20px;
  background-color: #f8f3ed;
  width: calc( 100% / 2 - 50px );
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.shop_staff ul li:nth-child(even){
  margin-right: 0;
}
.shop_staff ul.shop_staff_comment li .shop_staff_photo {
  width: calc( 40% - 10px );
  height: 170px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.shop_staff ul.shop_staff_comment li p {
  width: calc( 60% - 20px );
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200px;
  font-size: 15px;
  text-align: left;
  /*letter-spacing: 0.05em;*/
  line-height: 1.6em;
  float: left;
  margin-left: 20px;
}

/*-- アクセスのご案内 --*/
.access_area {
  width: 100%;
  max-width: 800px;
  margin: 50px auto 0 auto;
}
.access_area .access_box {
  width: 800px;
}
.access_area .access_box li {
  width: 100%;
  max-width: 380px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  display: block;
}
.access_area .access_box li.access_parking {
  float: left;
}
.access_area .access_box li.access_train {
  float: right;
}
.access_area .access_box li h3 {
  width: 100%;
  background-color: #8bd1d4;
  color: #fff;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  padding: 20px 0 21px 0;
}
.access_area .access_box li .access_padding {
  padding: 20px;
}
.access_area .parking_about {
  font-size: 20px;
  text-align: center;
}
.access_area .parking_about b {
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin-right: 5px;
}
.access_area .parking_about span {
  color: #55c5ca;
  margin-right: 10px;
}
.access_area .parking_name {
  font-size: 12px;
  text-align: center;
  margin: 5px 0 10px 0;
}
.access_area .parking_notis {
  font-size: 12px;
  text-align: center;
}
.access_area .train_num {
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
}
.access_area .train_info {
  font-size: 16px;
  text-align: center;
}
.access_area .shop_access_map {
  width: 100%;
  max-width: 650px;
  margin: 50px auto 0;
}
.access_area .shop_access_map img {
  width: 100%;
}

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

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

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

@media screen and (max-width:765px) { 
  
  
/*-- ページ内リンク --*/
.pagelink_navi {
  width:  calc( 100% - 40px );
  margin: 20px auto 0 auto;
}
.pagelink_navi ul {
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.pagelink_navi ul li {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  box-sizing: border-box;
  width:  calc( 100% / 2 ) !important;
}
.pagelink_navi ul li:last-child {
  border-left: 1px solid #d9d9d9;
  height: 46px;
}
.pagelink_navi ul li a {
  padding: 13px 0 12px;
  font-size: 14px;
}
.pagelink_navi ul li a:hover {
  background-color: #edf9fa;
}

  
/*-- 店舗の見出し --*/
.content-in .shoulder_shop {
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 20px;
  color: #222;
  display: block;
  margin: 0 auto 15px auto;
  text-align: center;
}

  
  
/*-- 店舗のコンテンツ上詰め --*/
.shop-first {
  padding-top: 20px !important;
}
  
  
/*-- お問い合わせエリア --*/
.shop_contact-wrap,
.shop_contact-wrap-gray {
  padding: 25px 0;
}
.shop_contact_form {
  float: none;
  width: calc( 100% - 50px );
  margin: 0 auto 20px auto;
}
.shop_contact_form a {
  width: 100%;
  text-align: center;
}
.shop_contact_form .form_bottan {
  margin: 0 auto;
  display: inline-block;
}
.shop_contact_tel {
  float: none;
  width: calc( 100% - 50px );
  margin: 0 auto 0 auto;
  padding-left: 10px;
}
  
.tel_only .shop_contact_tel {
  display: inline-block;
  width: auto;
  padding-left: 0;
}
  
  

/*-- 写真 --*/
.shop_photo ul li.shop_photo_1 {
  width: 100%;
  height: 280px;
  margin: 0 0 10px 0;
}
.shop_photo ul li.shop_photo_2 {
  width: calc( 100% / 2 - 5px );
  height: 140px;
  margin: 0 10px 10px 0;
}
.shop_photo ul li.shop_photo_3 {
  width: calc( 100% / 2 - 5px );
  height: 140px;
  margin: 0 0 10px 0;
}
.shop_photo ul li.shop_photo_4 {
  width: calc( 100% / 2 - 5px );
  height: 140px;
  margin: 0 10px 0 0;
}
.shop_photo ul li.shop_photo_5 {
  width: calc( 100% / 2 - 5px );
  height: 140px;
}

  
  
/*-- 店舗概要 --*/
  
.shop_outline dl {
  width: 100%;
  float: none;
  margin-bottom: 40px;
}
.shop_outline .shop_outline_map {
  width: 80%;
  float: none;
  display: block;
  margin: 0 auto;
}
.shop_outline dt,
.shop_outline dd {
  padding: 15px 0 14px 1em;
}
.shop_outline dt {
  float: none;
  width: auto;
  padding-bottom: 0;
}
.shop_outline dd {
  float: none;
  width: auto;
  padding-top: 5px;
  border-top: none;
}
.shop_outline dd a {
  color: #333;
}
  
/*-- 店舗からのお知らせ --*/
.shop_info_box {
  width: calc( 100% - 40px );
  padding: 20px;
}
.shop_info_box dt,
.shop_info_box dd {
  padding: 15px 0 14px ;
}
.shop_info_box dt {
  float: none;
  width: auto;
  padding-left: 0;
  padding-bottom: 0;
}
.shop_info_box dd {
  float: none;
  width: auto;
  padding-top: 5px;
  border-top: none;
}
.shop_info_box dd a {
  color: #333;
}

  
  
/*-- スタッフ --*/
.shop_manager {
  width: 100%;
}
.shop_manager_photo {
  width: 90%;
  height: 250px;
  float: none;
  margin: 0 auto;
}
.shop_manager_about {
  width: 90%;
  margin: 0 auto;
  float: none;
}
/*.shop_staff ul.shop_staff_3 li,
.shop_staff ul.shop_staff_4 li {
  width: 90%;
  float: none;
  margin-left: 0;
  margin: 0 auto 10px auto !important;
}
.shop_staff_photo {
  height: 240px;
  background-position: top -20px center;
}*/
  
/*-- 20250609 add --*/
.shop_staff ul.shop_staff_comment li {
  width: calc( 100% - 40px );
  float: none;
  margin-right: 0;
}
  
  
/*-- アクセスのご案内 --*/
.access_area .access_box {
  width: auto;
}
.access_area .access_box li {
  margin: 20px auto;
}
.access_area .access_box li.access_parking,
.access_area .access_box li.access_train {
  float: none;
}

  
}

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

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

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

/*-- 来店予約 --*/
@media screen and (max-width: 600px) {
  .shop_rsv_table {
    width: 100%;
  }
  .shop_rsv_table tr {
    display: block;
    float: left;
  }
  .shop_rsv_table tr td, 
  .shop_rsv_table tr th {
    border-left: none;
    border-bottom: none;
    display: block;
    height: 50px;
  }
  .shop_rsv_table tr th {
    border-left: 1px solid #d9d9d9;
  }
  .shop_rsv_table tr th:last-child {
    border-bottom: 1px solid #d9d9d9;
  }
  .shop_rsv_table thead {
    display: block;
    float: left;
    width: 20%;
  }
  .shop_rsv_table thead tr {
    width: 100%;
  }
  .shop_rsv_table tbody {
    display: block;
    float: left;
    width: 80%;
  }
  .shop_rsv_table tbody tr {
    width: 25%;
  }
  .shop_rsv_table tr td + td {
    border-left: none;
  }
  .shop_rsv_table tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }


  
}