/* メディケア for Men（旧デザイン）：本番の mens-top-base.css から2ページで使うルールを抜き出したもの。tools/build_mens.py で生成 */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area, menu, hr, address, small, strong, i, b, article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command, datalist, keygen, output, progress, meter { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; }
address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary { display: block; }
ul, ol, dl { list-style: none; }
html { font-size: 100%; text-size-adjust: 100%; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
p { line-height: 140%; }
body { background-color: rgb(255, 255, 255); font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color: rgb(51, 51, 51); }
body { background-color: rgb(255, 255, 255); font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ Pro W3", ヒラギノ, Osaka, Helvetica; color: rgb(51, 51, 51); }
a { color: rgb(178, 31, 32); text-decoration: none; }
a:hover { text-decoration: underline; }
a img { transition: 0.3s ease-in-out; display: inline-block; backface-visibility: hidden; }
a:hover img { opacity: 0.5; }
a:hover img.noneOp { opacity: 1; }
.fntGothic { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ Pro W3", ヒラギノ, Osaka, Helvetica; }
.to_top_down { background: url("../img/common/shadow840Down.png") 50% 0% no-repeat, url("../img/common/shadow840Up.png") 50% 100% no-repeat, linear-gradient(rgb(255, 245, 233) 0%, rgb(255, 255, 255) 18%, rgb(255, 255, 255) 82%, rgb(255, 245, 233) 100%); background-image: image-set(url("../img/common/shadow840Down.webp") type("image/webp"), url("../img/common/shadow840Down.png") type("image/png")), image-set(url("../img/common/shadow840Up.webp") type("image/webp"), url("../img/common/shadow840Up.png") type("image/png")), linear-gradient(rgb(255, 245, 233) 0%, rgb(255, 255, 255) 18%, rgb(255, 255, 255) 82%, rgb(255, 245, 233) 100%); }
.container { width: 100%; }
.cont960 { width: 960px; margin: 0px auto; }
.leftBox { float: left; }
.rightBox { float: right; }
.clearFix { overflow: hidden; }
.lineCenter { text-align: center; }
.bottomMenu { position: fixed; bottom: 3%; right: 3%; }
#back-top { }
.bottomMenuBox { display: none; }
#back-top span { width: 66px; height: 60px; display: block; }
.gnavS { display: none; }
.featureArea { padding: 0px 0px 50px; }
.featureArea ul.banLine li a img { padding: 0px 3px; }
.featureArea ul.banLine, .featureArea dl ul { text-align: center; padding: 20px 0px 0px; }
.featureArea ul.banLine li, .featureArea dl li { text-align: center; display: inline; }
.shopThum { width: 520px; margin: 0px auto; }
.shopThum li { width: 220px; }
.shopThum li a img { width: 90px; margin: 0px auto; background: url("../img/common/bgShopThum.png") right 0px no-repeat; background-image: image-set(url("../img/common/bgShopThum.webp") type("image/webp"), url("../img/common/bgShopThum.png") type("image/png")); padding: 0px 10px 10px 0px; transition: 0.3s ease-in-out; }
.shopThum li a:hover img { padding: 0px 0px 10px 10px; background-position: left 0px; }
.shopThum li dd { font-size: 1.4em; color: rgb(148, 33, 33); }
.shopThum li dd span { font-size: 0.5em; }
.footerArea { padding: 40px 0px; border-bottom: 1px dotted rgb(153, 153, 153); font-size: 1.1em; }
.footerArea p.footer-ttl { color: rgb(102, 51, 51); font-size: 1.2em; letter-spacing: 0.5em; padding-bottom: 1em; font-weight: bold; }
.footerArea li, .footerArea dt { padding-bottom: 0.5em; padding-top: 0.5em; }
.arr08 li, dt.arr08 { padding-left: 12px; background: url("../img/common/arr08.png") 0px 50% no-repeat; background-image: image-set(url("../img/common/arr08.webp") type("image/webp"), url("../img/common/arr08.png") type("image/png")); }
.footerArea li.leftBox { width: 210px; }
.footerArea li.rightBox { width: 740px; overflow: hidden; padding-left: 10px; }
.footerArea li.rightBox dd { font-size: 0.8em; }
.footerArea li.rightBox dd a { padding-left: 12px; color: rgb(51, 51, 51); }
.footerArea li.rightBox dd a:hover { color: rgb(178, 31, 32); }
.footerArea li.rightBox ul.clearFix { width: 780px; }
.footerArea li.rightBox li.leftBox { width: 220px; padding-right: 10px; }
.footerArea li.rightBox li.leftBox dt { font-weight: bold; }
.rightNote { text-align: center; padding: 30px 0px; }
.rightNote li { text-align: center; display: inline; }
.rightNote li a, .rightNote p { font-size: 0.8em; }
.rightNote li a::after { content: "　|　"; }
.rightNote li:last-child a::after { content: ""; }
.rightNote p { padding: 30px 0px 0px; }
@media screen and (max-width: 770px) {
  html { font-size: 90%; text-size-adjust: 90%; }
  #tppg { margin-top: 60px; }
  .container { width: 100%; max-width: 770px; min-width: 380px; }
  img { max-width: 100%; height: auto; }
  .cont990, .cont960, .cont780 { width: 96%; max-width: 740px; margin: 0px auto; }
  .leftBox, .rightBox { float: none; }
  .shopThum { width: 96%; max-width: 740px; margin: 0px auto; }
  .shopThum li { width: 48%; }
  .shopThum li dd { font-size: 1em; }
  .arr08 li { padding-left: 12px; background: url("../img/common/arr08.png") 0px 50% no-repeat; background-image: image-set(url("../img/common/arr08.webp") type("image/webp"), url("../img/common/arr08.png") type("image/png")); font-size: 85%; width: 43%; float: left; }
  .arr08 li:nth-child(2n) { float: right; }
  .footerArea li.leftBox { width: 100%; }
  .footerArea li.rightBox { width: 100%; padding-left: 0px; }
  .footerArea li.rightBox ul.clearFix { width: 100%; }
  .footerArea li.rightBox li.leftBox { width: 50%; float: left; padding-right: 0px; }
  .footerArea li.rightBox li.leftBox:nth-child(2n) { float: right; padding-right: 0px; }
  .bottomMenu { bottom: 0%; right: 0%; width: 100%; background: rgb(17, 17, 17); min-height: 44px; padding: 4px 0px; }
  .bottomMenu li.bottomMenuBox, li#back-top { display: inline-block; }
  li.bottomMenuBox { display: inline-block; width: 44%; text-align: center; line-height: 44px; background: url("../img/common/bgSfoot.png"); background-image: image-set(url("../img/common/bgSfoot.webp") type("image/webp"), url("../img/common/bgSfoot.png") type("image/png")); border-radius: 8px; }
  li.bottomMenuBox dt.btnMenuFoot { cursor: pointer; display: block; text-indent: -1000em; height: 44px; width: 100%; }
  li.bottomMenuBox dt.btnMenuFoot.btnFootMenu { background: url("../img/common/btnFootMenu.png") 50% 0px no-repeat; background-image: image-set(url("../img/common/btnFootMenu.webp") type("image/webp"), url("../img/common/btnFootMenu.png") type("image/png")); }
  li.bottomMenuBox dt.btnMenuFoot.btnFootMenu.openDt { background-position: 50% -44px; }
  li.bottomMenuBox dt.btnMenuFoot.btnFootTel { background: url("../img/common/btnFootTel.png") 50% 0px no-repeat; background-image: image-set(url("../img/common/btnFootTel.webp") type("image/webp"), url("../img/common/btnFootTel.png") type("image/png")); }
  li.bottomMenuBox dt.btnMenuFoot.btnFootTel.openDt { background-position: 50% -44px; }
  li.bottomMenuBox dd.contMenuFoot { position: absolute; width: 100%; bottom: 52px; left: 0px; display: none; }
  .bottomMenuBox .gnavS { display: block; text-align: center; }
  .gnavS li { background: rgb(252, 225, 233); border-bottom: 1px dotted rgb(204, 204, 204); }
  .gnavS li a { display: block; }
  .gnavS li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .gnavS li:hover { background: rgb(241, 228, 215); }
  .contMenuFoot .shopThum li { display: inline-block; float: none; width: 100%; padding: 8.5vh 0px 6vh; }
  .contMenuFoot .shopThum.minHeight li { width: 48%; padding: 0px 1%; float: left; }
  .contMenuFoot .shopThum { padding: 0px; width: 100%; }
  .contMenuFoot .shopThum.minHeight { padding: 10% 0px; }
  .contMenuFoot .shopThum li dl { padding: 5% 10% 0%; }
  .contMenuFoot .shopThum.minHeight li dl { padding: 0px; }
  .contMenuFoot .shopThum li dt { float: left; width: 50%; line-height: 100%; text-align: center; }
  .contMenuFoot .shopThum li dd { padding: 0px; line-height: 250%; }
  .contMenuFoot .shopThum.minHeight li dd { padding: 10% 0px 0px; line-height: 110%; }
  .contMenuFoot .shopThum li dd:last-child { padding: 0px 0px 10%; background: url("../img/common/barDeco73.png") 50% 100% no-repeat; background-image: image-set(url("../img/common/barDeco73.webp") type("image/webp"), url("../img/common/barDeco73.png") type("image/png")); }
  .contMenuFoot .shopThum.minHeight li dd:last-child { padding: 0px; background: none; }
  .contMenuFoot .shopThum li img { width: auto; max-height: 100%; margin: 0px auto; background: url("../img/common/bgShopThum.png") right 0px / contain no-repeat; background-image: image-set(url("../img/common/bgShopThum.webp") type("image/webp"), url("../img/common/bgShopThum.png") type("image/png")); padding: 0px 10px 0px 0px; }
  .contMenuFoot .shopThum li a:hover img { padding: 0px 0px 0px 10px; background-position: left 0px; }
  #back-top { width: 10%; padding: 1px 1px 0px 0px; float: right; line-height: 44px; }
  #back-top span { display: inline; line-height: 100%; }
  #back-top a { display: block; width: 100%; max-width: 43px; min-height: 44px; background: url("../img/common/back-top.png") 50% 50% / contain no-repeat; background-image: image-set(url("../img/common/back-top.webp") type("image/webp"), url("../img/common/back-top.png") type("image/png")); }
  #back-top span img { display: none; }
  #back-top span img::before { display: block; content: " "; width: 100%; }
}
@media screen and (max-width: 380px) {
  .container { max-width: 380px; min-width: 280px; }
  .cont990, .cont960, .cont780, .mainArea, .sideMenu { max-width: 360px; }
}
#lineReservation-btn { position: fixed; margin-top: auto; margin-bottom: auto; top: 0px; bottom: 0px; height: 80vh; z-index: 999; right: 1%; width: 5%; }
#lineReservation-btn ul { margin: 0px auto; height: 100%; }
#lineReservation-btn ul li { padding-bottom: 1rem; text-align: center; }
#lineReservation-btn ul li:last-child { padding-bottom: 0px; }
#lineReservation-btn a img { vertical-align: bottom; }
#lineReservation-btnS { display: none; }
@media screen and (max-width: 770px) {
  #lineReservation-btn { display: none; }
  #lineReservation-btnS { position: fixed; margin-left: auto; margin-right: auto; top: 0px; left: 0px; right: 0px; height: auto; z-index: 999; width: 100%; padding: 3px 0px 2px; background: rgb(255, 183, 210); display: block; }
  #lineReservation-btnS ul { display: -webkit-flex; margin: 0px auto; width: 100%; justify-content: center; }
  #lineReservation-btnS ul li { padding-right: 0.5rem; text-align: center; line-height: 99%; }
  #lineReservation-btnS ul li:last-child { padding-right: 0px; }
}