@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 料金案内 ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  ページタイトル
-----------------------------------------------------------------------------------*/

#pgTitle { background-image:url(../image/pgTitle_bg.jpg); }


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

  注釈
  
----------------------------------------------------------------------------------------------------*/

.annot {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  display:inline-block;
}

@media print,screen and (min-width:641px) {
  .annot {
    padding-top:80px;
  }
}

@media screen and (max-width:640px) {
  .annot {
    padding-top:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
}


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

  初診・再診
  
----------------------------------------------------------------------------------------------------*/

.firstVisit_ct {
  margin-left:auto;
  margin-right:auto;
  border:1px solid #fcc1da;
}

.firstVisit_ct ul {
  list-style:none;
  letter-spacing:-1rem;
  padding-bottom:1rem;
}

.firstVisit_ct li {
  display:inline-block;
  letter-spacing:normal;
  margin:0 1rem;
  font-size:118.8%;
  font-weight:400;
}

.firstVisit_ct .yen {
  vertical-align:baseline;
  color:#fa82b4;
  display:inline-block;
  margin-left:0.5rem;
}

@media print,screen and (min-width:641px) {
  .firstVisit {
    padding-top:80px;
    padding-bottom:80px;
  }
  
  .firstVisit_ct {
    display:inline-block;
    padding:2.5rem 5rem;
  }
}

@media screen and (max-width:640px) {
  .firstVisit {
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .firstVisit_ct { padding:2rem; }
}


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

  料金表一覧
  
----------------------------------------------------------------------------------------------------*/

.priceList {
  background-color:#fff5f9;
}

.priceList_ct {
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

@media print,screen and (min-width:641px) {
  .priceList {
    padding-top:80px;
    padding-bottom:80px;
  }
  
  .priceList .l-hdLine { padding-top:80px; }
}

@media screen and (max-width:640px) {
  .priceList {
    padding-top:2.5rem;
    padding-bottom:2rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .priceList .l-hdLine { padding-top:2.5rem; }
}


/*-----------------------------------------------------------------------------------
  メニュー
-----------------------------------------------------------------------------------*/

.priceMenu {
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

.priceMenu a,
.priceMenu a:visited,
.priceMenu a:hover { color:#fff; text-decoration:none; }

.priceMenu ul {
  list-style:none;
}

.priceMenu li {
  width:33.333333%;
  float:left;
  text-align:center;
  border-left:1px solid rgba(251,167,202,0.75);
  box-sizing:border-box;
  line-height:1.5;
}

.priceMenu li:first-child {
  border-left:0;
}

.priceMenu li a {
  display:block;
  background-color:#fba7ca;
  box-sizing:border-box;
  padding:1rem 0.75rem;
}

@media print,screen and (min-width:641px) {
  .ua-pc .priceMenu li a {
    -webkit-transition:background ease 0.2s, border ease 0.2s;
    transition:background ease 0.2s, border ease 0.2s;
  }
  
  .ua-pc .priceMenu li a:hover {
    background-color:#fcb9d5;
    border-left-color:transparent;
  }
}

@media screen and (max-width:640px) {
  .priceMenu li {
    font-size:68.8%;
  }
}


/*-----------------------------------------------------------------------------------
  料金表
-----------------------------------------------------------------------------------*/

.priceList_tbl {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
}

.priceList_tbl th, .priceList_tbl td {
  vertical-align:middle;
  padding:1rem;
  line-height:1.5;
}
.priceList_tbl th { text-align:left; font-weight:normal; }
.priceList_tbl td { text-align:center; white-space:nowrap; }

.priceList_tbl thead th,
.priceList_tbl thead td {
  background-color:#ffdeec;
}

.priceList_tbl tbody th,
.priceList_tbl tbody td {
  border-bottom:1px solid #f0f0f0;
  background-color:#fff;
}

.priceList_tbl tbody tr.bbline-none th,
.priceList_tbl tbody tr.bbline-none td,
.priceList_tbl tbody tr:last-child th,
.priceList_tbl tbody tr:last-child td {
  border-bottom:0;
}

.priceList_tbl tbody tr.tbline th,
.priceList_tbl tbody tr.tbline td {
  border-top:1px solid #f0f0f0;
}

.priceList_tbl tbody th,
.priceList_tbl thead th small { font-weight:300; }

.priceList_tbl tbody .yen {
  vertical-align:baseline;
  color:#fa82b4;
  font-size:112.5%;
}

.priceList .bikou {
  text-align:left;
  padding-top:1rem;
}

.priceList_tbl a,
.priceList_tbl a:visited,
.priceList_tbl a:hover { color:#fa82b4; text-decoration:underline; }
.ua-pc .priceList_tbl a:hover { color:#fba7ca; text-decoration:none; }

@media print,screen and (min-width:641px) {
  .priceList_tbl { margin-top:40px; }
}

@media screen and (max-width:640px) {
  .priceList_tbl {
    margin-top:1.5rem;
  }
  
  .priceList_tbl thead th,
  .priceList_tbl tbody .l-inbk { white-space:nowrap; }
  
  .priceList_ct .responBlock {
    width:600px;
  }

  .priceList_tbl th, .priceList_tbl td {
    padding-left:0.25rem;
    padding-right:0.25rem;
  }
  
  .priceList_tbl tr th:first-child { padding-left:1rem; }
  .priceList_tbl tr td:last-child { padding-right:1rem; }
}


/* 学割
=====================================================================================*/

.gakuwari dl {
  border:1px solid #fcc1da;
  padding:1.5rem;
}

.gakuwari dt {
  font-weight:400;
  color:#fa82b4;
  padding-bottom:0.25rem;
}

@media print,screen and (min-width:641px) {
  .gakuwari {
    padding-top:40px;
  }
}

@media screen and (max-width:640px) {  
  .gakuwari {
    padding-top:1.5rem;
    padding-bottom:0.5rem;
  }
}