@charset "UTF-8";


/*編集画面のサポートボタン*/
iframe#launcher {
    position: relative;
    bottom: 8rem !important;
}



/* =======================================
　フォント
======================================= */

/*------- 共通フォント -------*/
body,
p,
table,
td {
  margin: 0 !important;
  padding: 0 !important;
  color: #555 !important;
  font-size: 1.5rem !important;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
  line-height: 1.7 !important;
}

strong {
  font-weight: 900 !important;
  font-family: 'Noto Sans JP', sans-serif !important;
}

/*------- ヘッダーエリアフォント -------*/
header a,
header a:link,
header a:visited {
  color: #555 !important;
}

header a:hover {
  text-decoration: underline !important;
}


/*------- メインエリアフォント -------*/
main a,
main a:link,
main a:visited {
  color: #0eaae6 !important;
  text-decoration: underline !important;
}

main a:hover {
  text-decoration: none !important;
}



/*------- フッターエリアフォント -------*/
footer,
footer p,
footer table,
footer td {
  color: #FFF !important;
}

footer a,
footer a:link,
footer a:visited {
  color: #FFF !important;
  text-decoration: none !important;
}

footer a:hover {
  text-decoration: underline !important;
}



/*------- 表フォント -------*/
th {
  font-style: italic;
  font-family: 'Open Sans', sans-serif;
}




/* =======================================
　見出し
======================================= */

/*------- メインエリア見出し -------*/

/*メインエリア見出し共通*/
main h1,
main h2,
main h3 {
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
}


/*メインエリア大見出し*/
main h1 {
  margin: 0 0 2rem;
  color: #555;
  text-align: center;
  letter-spacing: .4rem;
  font-size: 3rem;
}


/*メインエリア中見出し*/
main h2 {
  margin: 1.5rem 0 .5rem;
  padding: 0 0 0 3.5rem;
  color: #555;
  text-align: left;
  letter-spacing: .05rem;
  font-size: 2.5rem;
  background: url(https://u.jimcdn.com/cms/o/s45c409e9ac21be41/userlayout/img/h2-icon.png?t=1577669006) no-repeat 0 0;
  background-size: 25px;
}


/*メインエリア小見出し*/
main h3 {
  margin: 1.5rem 0 1rem;
  padding: 0;
  color: #0eaae6;
  letter-spacing: .05rem;
  font-size: 1.8rem;
}

@media screen and (max-width: 480px) {
  main h1 {
    font-size: 3.2rem;
  }

  main h2 {
    font-size: 2.6rem;
  }

  main h3 {
    font-size: 2rem;
  }
}




/*------- フッターエリア見出し -------*/

/*フッターエリア見出し共通*/
footer h1,
footer h2,
footer h3 {
  margin: 0;
  padding: 0;
  color: #FFF;
  text-align: left;
  font-family: "M PLUS Rounded 1c", sans-serif;
}


/*フッターエリア大見出し*/
footer h1 {
  font-size: 3rem;
}


/*フッターエリア中見出し*/
footer h2 {
  font-size: 2.5rem;
}


/*フッターエリア小見出し*/
footer h3 {
  font-style: italic;
  font-size: 1.8rem;
}







/* =======================================
　ボタン
======================================= */

/*------- ボタン共通 -------*/
.j-calltoaction-link {
  text-align: inherit !important;
}

a.j-calltoaction-link {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.6rem !important;
}

.button {
  display: block !important;
}





/*------- ボタン1 -------*/
a.j-calltoaction-link.j-calltoaction-link-style-1 {
  display: block;
  border: none;
  padding: 0;
  background: transparent;
  color: #0eaae6 !important;
  font-weight: 700;
  text-decoration: none !important;
}

a.j-calltoaction-link.j-calltoaction-link-style-1::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://u.jimcdn.com/cms/o/s45c409e9ac21be41/userlayout/img/arrow-sky.png?t=1577668971) no-repeat 0 center;
  background-size: contain;
  vertical-align: -1.5px;
  padding-right: 1rem;
}

a.j-calltoaction-link.j-calltoaction-link-style-1:hover {
  opacity: .8 !important;
}


/*------- ボタン2 -------*/
a.j-calltoaction-link.j-calltoaction-link-style-2 {
  display: inline-block;
  padding: 1rem 3rem;
  border: 1px solid #FFF;
  border-radius: .6rem;
  background-color: #f0768d;
  color: #FFF !important;
  text-decoration: none !important;
}

a.j-calltoaction-link.j-calltoaction-link-style-2::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://u.jimcdn.com/cms/o/s45c409e9ac21be41/userlayout/img/arrow-wh.png?t=1577668978) no-repeat 0 center;
  background-size: contain;
  vertical-align: -1.5px;
  padding-right: 1rem;
}

a.j-calltoaction-link.j-calltoaction-link-style-2:hover {
  opacity: .8;
}



/*------- ボタン3 -------*/
a.j-calltoaction-link.j-calltoaction-link-style-3 {
  display: inline-block;
  padding: 1rem 3rem;
  border: 1px solid #FFF;
  border-radius: .6rem;
  background-color: transparent;
  color: #FFF !important;
  text-decoration: none !important;
}

a.j-calltoaction-link.j-calltoaction-link-style-3::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://u.jimcdn.com/cms/o/s45c409e9ac21be41/userlayout/img/arrow-wh.png?t=1577668978) no-repeat 0 center;
  background-size: contain;
  vertical-align: -1.5px;
  padding-right: 1rem;
}

a.j-calltoaction-link.j-calltoaction-link-style-3:hover {
  opacity: .8;
}


@media screen and (max-width: 480px) {
a.j-calltoaction-link {
  font-size: 1.4rem !important;
}
}


/* =======================================
　画像
======================================= */

/*------- 画像リンク -------*/

main .j-imageSubtitle a img, footer .j-imageSubtitle a img, .j-imageSubtitle a img {
  transform: scale(1);
  transition: 0.3s;
}

main .j-imageSubtitle a img:hover, footer .j-imageSubtitle a img:hover, .j-imageSubtitle a img:hover {
  transform: scale(1.1);
  transition: 0.3s;
}




/* =======================================
　　水平線のコントロール
======================================= */

.hr {
  border-color: #0eaae6 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  margin: 2rem 0;
  /*罫線*/
}


footer .hr {
  border-color: #ddd !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  margin: 2rem 0 5rem;
  /*罫線*/
}



/* =======================================
　全体レイアウト
======================================= */

html {
  font-size: 62.5%;
  /*=10px*/
}

body {
  margin: 0;
  padding: 0;
}


/*------- コンテナレイアウト -------*/
#container {
  overflow: hidden;
  background: #FFF;
}




/* =======================================
　ヘッダーエリアレイアウト
======================================= */

/*ヘッダーエリアレイアウト共通*/
header {
  background: transparent;
}



/*------- グローバルヘッダーレイアウト -------*/

/*グローバルヘッダーレイアウト共通*/
#global-header {
  position: fixed;
  z-index: 100;
  width: calc(100vw - 4rem);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, .92);
  border-radius: 6px;
  box-shadow: 1px 6px 6px rgba(0, 0, 0, .1);
  margin: 2rem 2rem 0;
  padding: 1rem 1.2rem;
  transition: .3s;
}

#global-header.is-animation {
  border-radius: 0 0 6px 6px;
  margin: 0 2rem;
}



@media screen and (max-width: 768px) {
  #global-header {
    padding: 0 !important;
    margin: 0;
    width: 100vw;
    background: rgba(255, 255, 255, .85);
    border-radius: 0;

    justify-content: flex-start;
  }

  #global-header.is-animation {
    border-radius: 0;
    margin: 0;
    width: 100vw;
  }
}


@media screen and (max-width: 600px) {
  #global-header {
    position: static;
    background: #FFF;
  }

  #global-header.is-animation {
    background: rgba(255, 255, 255, .85);
  }
}


/*ロゴレイアウト*/
#global-header #global-header-logo {
  position: relative;
  z-index: 10000000;
  margin: 0 20px;
  max-width: 280px;
  transition: .3s;
}

#global-header-logo img {
  width: 100%;
}

#global-header.is-animation #global-header-logo {
  max-width: 200px;
}


@media screen and (max-width: 768px) {
  #global-header #global-header-logo {
   margin: 50px 0 0 !important;
   padding: .7rem .5rem;
   max-width: 220px;
   z-index: 1000000000;
   position: fixed !important;
  }

  #global-header.is-animation #global-header-logo {
    max-width: 150px;
    padding: .5rem;
    margin-top: 31px !important;
  }
}


/*ロゴ・サブタイトル*/
#global-header-logo p {
  color: #08aae5 !important;
  text-align: center;
}




/*------- ナビ＆LINE -------*/
#global-header-right {
  display: flex;

  justify-content: flex-end;
  align-items: center;
}

nav#top-nav {
  z-index: 100000000;
}


/*LINE*/
#global-header #line {
  margin: 0 1rem 0 2rem;
}

#global-header #line img {
  width: 50px;
  transition: .3s;
}

#global-header.is-animation #line img {
  width: 30px;
}


@media screen and (max-width: 768px) {
  #line img {
    display: none;
  }
}



/* =======================================
　ナビゲーション
======================================= */

/*編集画面*/
#top-nav .j-nav-variant-nested.light ul ul li.cc-invisible a {
  text-decoration: line-through !important;
}


#top-nav .j-nav-variant-nested.light,
#top-nav .j-nav-variant-nested.light ul ul {
  background: transparent !important;
}

#top-nav .j-nav-variant-nested > ul > li > a {
  padding: 1rem 2rem !important;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
}

#top-nav .j-nav-variant-nested.light ul ul {
  background: #0eaae6 !important;
}

#top-nav .j-nav-variant-nested.light ul ul li:hover {
  background: #FFF !important;
}

#top-nav .j-nav-variant-nested.light ul ul li a {
  color: #FFF !important;
  text-decoration: none !important;
}

#top-nav .j-nav-variant-nested.light ul ul li:hover > a {
  color: #0eaae6 !important;
}

#top-nav .j-nav-variant-nested.light ul ul ul {
    background: #0a64ad !important;
}
#top-nav .j-nav-variant-nested.light ul ul ul li a:hover {
    color: #0a64ad !important;
}


@media only screen and (min-width :769px) {
#top-nav .j-nav-variant-nested ul ul {
    width: 100% !important;
    min-width: 200px !important;
}
#top-nav .j-nav-variant-nested ul ul ul {
    left: 200px !important;
}
}



@media screen and (max-width: 768px) {
  #top-nav .j-nav-variant-nested.mobile.top {
    text-align: right;
    position: fixed !important;
    background: #FFF !important;
  }

  a.menu-toggle.full {
    color: #0da9e6 !important;
    text-decoration: none !important;
  }

  #top-nav .j-nav-variant-nested.mobile > ul > li:last-child {
    background: #0eaae6;
  }

  #top-nav .j-nav-variant-nested.mobile > ul > li:last-child > a {
    color: #FFF !important;
  }

  #global-header.is-animation #top-nav .j-nav-variant-nested .menu-toggle {
    padding: 15px !important;
    transition: .3s;
  }

  #global-header.is-animation #top-nav .j-nav-variant-nested .menu-toggle {
    padding: 5px !important;
  }
}



/* ナビ.drop-left（左に展開） */
@media screen and (min-width: 769px) {

#top-nav .j-nav-variant-nested > ul > li#cc-nav-view-2187516591 > ul {
    right: 0;
}

#top-nav .j-nav-variant-nested ul li#cc-nav-view-2187516591  ul ul {
    left: auto !important;
    right: 200px !important;
}

#top-nav .j-nav-variant-nested ul li#cc-nav-view-2187516591 li.has-sub > a:after {
    float: left;
    content: '\f104'; 
    font-family: 'FontAwesome'; 
    margin-right: 10px; 
}

#top-nav .j-nav-variant-nested.hide-arrows li li#cc-nav-view-2187516591 li.has-sub > a:after {
display: none; 
}
}




/* =======================================
　メインビジュアルレイアウト
======================================= */

/*------ メインビジュアル------*/
header #main-visual {
  box-sizing: border-box;
  padding: 0;
  min-height: 350px;
  width: 100%;
  height: 40vw;
  background: url(https://u.jimcdn.com/cms/o/s45c409e9ac21be41/userlayout/img/p02-main-visual.jpg?t=1736134331) no-repeat center center;
  background-size: cover;
}


@media screen and (min-width: 640px) {
.cc-indexpage #main-visual {
  background: transparent !important;
  height: 56vw;
  min-height: 100%;
}
}

@media screen and (max-width: 639px) {
.cc-indexpage #main-visual {
    height: 128vw;
    align-items: flex-start;
    padding-top: 50px;
}
}


@media screen and (min-width: 640px) {
  img.pc-slide {
    display: block;
  }

  img.sp-slide {
    display: none;
  }
}


@media screen and (max-width: 639px) {
  img.pc-slide {
    display: none;
  }

  img.sp-slide {
    display: block;
  }
}


@media screen and (max-width: 768px) {
.cc-indexpage #main-visual {
  /*height: 66vw;*/
}
}



@media screen and (max-width: 480px) {
  header #main-visual {
    /*height: 59vw;
    background-position: center;
    background-size: cover;*/
  }

  .cc-indexpage header #main-visual {
    /*height: 109vw !important;
    max-height: 100% !important;
    min-height: 100% !important;
    overflow: visible;
    background-position: 86% 50% !important;
    padding-top: 0;*/
  }

.cc-indexpage #main-visual {
    margin-top: 0;
}
}


/*------ メインビジュアルバッジ ------*/
.cc-indexpage #main-visual-badge {
  display: block;
  position: absolute;
  z-index: 10;
  width: 25vw;
  max-width: 500px;
  top: 90px;
  left: 5vw;
}
#main-visual-badge {
  display: none;
}

#main-visual-badge img {
  width: 100%;
}


@media screen and (min-width: 1300px) {
.cc-indexpage #main-visual-badge {
  margin-bottom: 30vh;
}
}



@media screen and (max-width: 768px) {
.cc-indexpage #main-visual-badge {
  width: 30vw;
  top: 40px;
  left: 2vw;
}
}


@media screen and (max-width: 480px) {
  #main-visual-badge {
    display: none !important;
  }
}


/*------ PRインフォ（スマホのみ） ------*/
#pr-info {
  background: #FFF;
  margin: -6rem 0 2rem;
  padding: 5rem 0 0;
  text-align: center;
  display: none;
}


/*365日診療*/
#day {
  background: #0eaae6;
  padding: .5rem;
}

#day p {
  color: #FFF !important;
  line-height: 1.2 !important;
  padding: 0 !important;
}

#day p.large {
  font-size: 2.4rem !important;
  font-weight: bold;
}

#day p.small {
  font-size: 1.8rem !important;
  font-weight: bold;
}

/*お電話で*/
#tel {
  padding: 1rem .5rem;
}

#tel p {
  line-height: 1.5 !important;
}

#tel p.small {
  color: #666 !important;
}

#tel p.large {
  font-size: 3.4rem !important;
  font-weight: bold;
}

/*address*/
#address {
  background: #eee;
  padding: .5rem;
}

#address p {
  color: #333 !important;
}

#tel .small a {
    color: #0eaae6 !important;
}






@media screen and (max-width: 480px) {
  .cc-indexpage #pr-info {
    display: block;
    padding-top: 0 !important;
    margin: 0 0 4rem;
    position: relative;
  }
}



/*------ トップページスライド ------*/
#slideshow {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: none;
}

.cc-indexpage #slideshow {
    display: block;
}

#slideshow img {
  width: 100%;
  height: auto;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: none;
}

.slide:first-child {
    display: block;
}


@media screen and (max-width: 768px) {
/*#slideshow {
    height: 66vw;
    margin-top: 52px;
}

#slideshow img {
  height: 66vw;
}*/
}



@media screen and (max-width: 480px) {
/*#slideshow {
    height: 100vw;
}

#slideshow img {
  height: 100vw;
}*/
}



/*スライド内キャッチ追加*/
.slide-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 64px;
    box-sizing: border-box;
}

.slide-text {
    background: rgba(255,255,255,.9);
    width: 40vw;
    padding: 24px;
    border-radius: 16px;
}

.slide-text p {
    font-size: 3vw !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.35 !important;
    letter-spacing: .15vw;
    color: #3faae6 !important;
}


@media screen and (max-width: 480px) {
  .slide-inner {
    justify-content: center;
    padding: 16px 16px 32px;
  }

  .slide-text {
    width: 100vw;
    padding: 16px;
    border-radius: 8px;
  }

  .slide-text p {
    font-size: 24px !important;
    font-weight: bold;
  }
}






/*------ キャッチエリア ------*/
.catch {
  position: absolute;
  width: 100vw;
  height: 59vw;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.catch-inner {
  width: 100%;
  max-width: 600px;
  height: 100%;
  max-height: 400px;

  background: red;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background: url(https://u.jimcdn.com/cms/o/s45c409e9ac21be41/userlayout/img/slide-catch-bokashi.png?t=1577669193) no-repeat center;
  background-size: contain;

}

.catch h1 {
  margin: 2rem 0 1.5rem;
  padding: 0;
  color: #555 !important;
  text-align: left;
  letter-spacing: .05rem;
  font-size: 6rem !important;
  font-family: 'Noto Sans JP', sans-serif;
  text-shadow: 0 0 6px rgba(255, 255, 255, .95);
  font-weight: bold;
}

.catch P {
  font-size: 2.4rem !important;
  font-weight: bold;
  text-shadow: 0 0 6px rgba(255, 255, 255, .95);
  font-family: 'Noto Sans JP', sans-serif !important;
}


@media screen and (max-width: 1079px) {
  .catch-inner {
    width: 400px;
    height: 300px;
  }

  .catch h1 {
    font-size: 4.6rem !important;
  }

  .catch P {
    font-size: 1.8rem !important;
  }
}


@media screen and (max-width: 789px) {
  .catch-inner {
    width: 300px;
    height: 200px;
  }

  .catch h1 {
    font-size: 3rem !important;
  }

  .catch P {
    font-size: 1.6rem !important;
  }
}


@media screen and (max-width: 480px) {
  .catch {
    height: 80vw;
    align-items: center;
    justify-content: flex-end;
  }

  .catch-inner {
    width: 300px;
    height: 200px;
  }

  .catch h1 {
    font-size: 2.8rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .catch P {
    font-size: 1.4rem !important;
  }
}






/* =======================================
　コンテンツエリアレイアウト
======================================= */

/*------ コンテンツエリア全体レイアウト ------*/

/*コンテンツエリアレイアウト共通*/
#content {
  position: relative;
  z-index: 10;
  display: flex;
  box-sizing: border-box;
  margin: 0 auto 0;
  padding: 20px;
  max-width: 1160px;
  width: 100%;

  justify-content: space-between;
}


/*コンテンツエリアレイアウト（トップページのみ）*/
@media screen and (max-width: 768px) {
  .cc-indexpage #content {
    padding: 0;
  }

  #content {
    margin: 0;
    padding: 1.5rem;

    flex-wrap: wrap;
  }
}



/*------ メインエリアレイアウト ------*/

/*メインエリアレイアウト共通*/
main {
  box-sizing: border-box;
  margin: 0;
  padding: 3rem 4rem 4rem;
  min-height: 500px;
  max-width: 100%;
  width: 100%;
  background: #FFF;
  border-radius: 20px;
}

/*メインエリアレイアウト（トップページのみ）*/
.cc-indexpage main {
  background: transparent;
  padding-top: 0;
}


@media screen and (max-width: 768px) {
  main {
    padding: 1.5rem;
    max-width: 100%;
    width: 100%;
  }
}




/* =======================================
　フッターエリアレイアウト
======================================= */
footer {
  margin: 0;
  padding: 0;
}


/*------ フッターエリアレイアウト（グローバルフッター） ------*/
#global-footer {
  display: flex;
  padding: 0;
  height: 100%;

  justify-content: space-between;
}


/*フッターエリア左（病院info）*/
#global-footer-left {
  box-sizing: border-box;
  padding: 2rem;
  width: 30vw;
  background: #004876;
}

/*表*/
.open-table {
    text-align: center;
}
.open-table th, .open-table td {
    border: 1px solid #003456;
}

.open-table th {
    font-style: normal !important;
        background: #003456;
}

.open-table tr.cell-week {
    background: #00548a;
}

tr.cell-time {
    background: #FFF;
}

tr.cell-time td {
    color: #555 !important;
    font-size: 1.4rem !important;
    padding: 1rem !important;
}




/*フッターエリア右（サイトマップ＆バナー）*/
#global-footer-right {
  box-sizing: border-box;
  padding: 2rem;
  width: calc(100% - 30vw);
  background: #0075c1;
}

#global-footer-right p {
  line-height: 1.2 !important;
  padding-bottom: 1.5rem !important;
}

.footer-sub-link {
  padding-left: 1.5rem;
  padding-top: 1rem;
}


/*予約バナー*/
.banner-reservation img {
  margin-right: 1rem;
}

@media screen and (min-width: 481px) {
.banner-reservation {
    display: flex;
}


.banner-reservation img {
    height: 9rem;
    width: auto;
}
}


@media screen and (max-width: 480px) {
.banner-reservation img {
    width: 100%;
    margin-bottom: .7rem;
    margin-left: 0.5rem;
}
}


/*その他バナー*/
.footer-banner-area {
    display: flex;
    flex-direction: column;
}
.banner-top {
    display: flex;
    flex-wrap: wrap;
}
.banner-top img {
    height: 80px;
    padding: .5rem;
}

.banner-bottom {
    display: flex;
    flex-wrap: wrap;
}

.banner-bottom > div {
  display: flex;
  flex-wrap: wrap;
}

.banner-bottom img {
    height: 130px;
    padding: .5rem;
}


.footer-banner-area a img:hover {
  opacity: .7;
  transition: 0.3s;
}

.footer-banner-area img.no-prv {
  opacity: .1;
}




@media screen and (max-width: 768px) {
footer {
    margin-bottom: 6rem;
}

  footer #global-footer {
    flex-direction: column
  }

  #global-footer-left,
  #global-footer-right {
    width: 100%;
  }
}


@media screen and (max-width: 600px) {
.banner-sns {
  justify-content: space-between;
}

.banner04 {
  max-width: 48%;
}

.banner04 img {
  width: 100%;
}
}




/*------ フッターエリアレイアウト（ボトムエリア） ------*/
footer #footer-bottom {
  padding: 1rem 2rem;
  background: #010b0f;
}

footer #footer-bottom .jimdo-free-footer-ad.jimdo-kddi-footer > p {
  margin-left: 188px !important;
  padding-left: 10px !important;
}

@media screen and (max-width: 480px) {
  footer #footer-bottom .jimdo-free-footer-ad.jimdo-kddi-footer > p {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  footer #footer-bottom .jimdo-free-footer-ad p {
    border: none !important;
  }
}





/* =======================================
　モバイルボタン（電話メール）
======================================= */
.mobile-btn {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  background: #34b208;
  padding: 1rem 0;
  box-sizing: border-box;
  margin-bottom: -20rem;
  transition: .3s;
}

.mobile-btn.footer-animation {
  margin-bottom: 0;
}

.mobile-btn a:link,
.mobile-btn a:visited,
.mobile-btn a:hover {
  text-decoration: footernone !important;
  font-size: 1.5rem;
  color: #FFF;
  text-align: center;
}

.mobile-btn > div {
  width: 45%;
  /*width: 90%;*/
}

.mobile-btn a {
  display: block;
  border: 1px solid #FFF;
  padding: .2rem 1rem;
  text-decoration: none !important;
}

.mobile-btn .mobile-btn-tel a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f098";
  font-weight: bold;
  font-size: 2rem;
  padding-right: 1rem;
  vertical-align: -3px;
  text-align: center;
}

.mobile-btn .mobile-btn-mail a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f199";
  font-weight: bold;
  font-size: 2rem;
  padding-right: 1rem;
  vertical-align: -3px;
  text-align: center;
}

.mobile-btn-mail {
    /*display: none;*/
}

@media screen and (min-width: 769px) {
  .mobile-btn {
    display: none;
  }
}





/* =======================================
　各ページ共通
======================================= */

/*------ 時間帯予約制バナー ------*/
.jikanyoyaku-banner img {
    width: 100%;
}

.jikanyoyaku-banner-mobile {
    display: none;
}



@media screen and (max-width: 768px) {
  .jikanyoyaku-banner-mobile {
    display: block;
  }
.jikanyoyaku-banner-mobile img {
max-width:350px;
    width: 100%;
margin: 0 auto;
}
  .jikanyoyaku-banner-pc {
    display: none;
  }
}



/*------ 症状別診療料金 ------*/
/*編集画面*/
.cc-page main .ryokin-content {
  display: none;*/
}
/*プレビュー*/
.cc-page.cc-pagemode-default main .ryokin-content {
  display: block;
}


.ryokin-content {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-top: 2rem;
    padding: 2rem;
    box-sizing: border-box;
    background: #0eaae6;
}

.ryokin-content .j-text {
  max-width: 1200px;
  margin: 0 auto;
}

.ryokin-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.ryokin-icon img {
    width: 230px;
    padding: .5rem;
}


@media screen and (max-width: 768px) {
.ryokin-icon img {
    width: 130px;
}
}

@media screen and (max-width: 480px) {
.ryokin-icon img {
    width: 145px;
}
}


/*------ キャラ飾り見出し ------*/
.top-midashi h2 {
    background: none;
    padding: 0;
    text-align: center;
}

.top-midashi h2:before {
    content: '';
    display: block;
    width: 150px;
    height: 140px;
    vertical-align: middle;
    padding-right: 1rem;
    margin: 0 auto;
}

/*当院からのお知らせ*/
#campaign-midashi.top-midashi h2:before {
    width: 75px;
    height: 70px;
}

/*#campaign-midashi h2:before {
    background: url(https://u.jimcdn.com/cms/o/s45c409e9ac21be41/userlayout/img/p00-dog-icon02.png?t=1577669046) no-repeat 0 center;
    background-size: contain;
}*/

.campaign-area form.cc-protected-area {
    display: none;
}



/*------ トップページに戻るボタン ------*/
.org-button {
    text-align: center;
    margin: 5rem auto 0;
}

.cc-indexpage .org-button {
    display: none;
}


@media screen and (max-width: 768px) {
/*------ 上に戻るボタン ------*/
ul.cc-FloatingButtonBarContainer.cc-FloatingButtonBarContainer-right {
    display: none;
}
}


/* =======================================
　ブログ
======================================= */

/*ブログ一覧ページ*/
main .j-blog-meta a {
    text-decoration: none !important;
}
.j-blog.n.clearover.j-blogarticle #cc-matrix-2 #cc-m-1 a {
    color: #0da9e6 !important;
}


/*ブログ個別ページ*/
h1.j-blog-header.j-blog-headline.j-blog-post--headline {
    text-align: left;
}


@media screen and (min-width: 769px) {
.cc-page.cc-page-blog.cc-pagemode-default main {
    margin: 0 auto !important;
}
}