@charset "UTF-8";
/* CSS Document */
/*==========================================================
マミーカイロCSS
DOC:XHTML1.0 / BASE:CSS / Transitional互換モード
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
▽class名の命名ルール
#AAA .BBB-CCC
AAA＝各カテゴリ（フォルダ）ごとにbodyタグにIDを指定。
　　（例：トップ階層 → #index、 リンクフォルダ → #link）
BBB＝各ページのファイル名。
　　（例：トップ階層index.html → #index .index-CCC）
　　（※カテゴリ内共通の場合はallとする。→ all-CCC）
CCC＝任意の名前。文字数指定なし。
※サイト内全体の共通classは「#AAA」「.BBB-」無し。（CCCのみ）
==========================================================*/
html.open {
  height: 100%;
  overflow: hidden; }

* {
  font-family: "ＭＳ Ｐゴシック", Arial, sans-serif; }

BODY {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 15px;
  line-height: 120%;
  color: #000000;
  background: url(../images/common/bg.gif);
  background-repeat: repeat-x; }

IMG {
  border: 0; }

img.waku {
  border: 1px solid #cccccc;
  padding: 3px;
  border-radius: 10%; }

P {
  margin: 0 0 15px 0;
  padding: 0; }

A {
  color: #0000FF; }

A:hover {
  color: #FF0000; }

/* clearfix */
.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden; }

/*---------- 文字・色・配置 ----------*/
/* 文字 */
.fts-l {
  font-size: 120%;
  line-height: 120%; }

/* 大きく */
.fts-l2 {
  font-size: 140%;
  line-height: 120%; }

/* より大きく */
.fts-s {
  font-size: 90%;
  line-height: 120%; }

/* 小さく */
.fts-s2 {
  font-size: 80%;
  line-height: 120%; }

/* より小さく */
.ftw-b {
  font-weight: bold; }

/* 太字 */
.ftw-n {
  font-weight: normal; }

/* 標準 */
/* 色 */
.clr-w {
  color: #FFFFFF; }

/* 白 */
.clr-r {
  color: #FF0000; }

/* 赤 */
.clr-b {
  color: #0000FF; }

/* 青 */
.clr-y {
  color: #FFFF00; }

/* 黄 */
.clr-g {
  color: #008000; }

/* 緑 */
.clr-k {
  color: #000000; }

/* 黒 */
.clr-1 {
  color: #FF6600; }

/* メインカラー */
.clr-2 {
  color: #009900; }

/* サブカラー */
.clr-3 {
  color: #888888; }

/* 補足カラー */
/* align */
.alignL {
  text-align: left; }

.alignR {
  text-align: right; }

.alignC {
  text-align: center; }

/* float */
.float-l {
  float: left; }

.float-r {
  float: right; }

.clear {
  clear: both; }

/* margin */
.mrg-1 {
  margin-left: 5px;
  margin-right: 5px; }

.mrg-t10 {
  margin-top: 10px; }

.mrg-t20 {
  margin-top: 20px; }

.mrg-b20 {
  margin-bottom: 20px; }

.mrg-b40 {
  margin-bottom: 40px; }

.mrg-t30 {
  margin-top: 30px; }

.mrg-b10 {
  margin-bottom: 10px; }

.mrg-l10 {
  margin-left: 10px; }

.mrg-r10 {
  margin-right: 10px; }

/* padding */
.pdg-t10 {
  padding-top: 10px; }

.pdg-t20 {
  padding-top: 20px; }

.pdg-t30 {
  padding-top: 30px; }

.pdg-b10 {
  padding-bottom: 10px; }

.pdg-l10 {
  padding-left: 10px; }

.pdg-l20 {
  padding-left: 20px; }

.pdg-l90 {
  padding-left: 90px; }

.pdg-r10 {
  padding-right: 10px; }

/*---------- TABLE ----------*/
/* 線0間0内0 */
table.tbl0-0-0 {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0; }

table.tbl0-0-0 td {
  padding: 0; }

/* 線0間0内5 */
table.tbl0-0-5 {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0; }

table.tbl0-0-5 td {
  padding: 5px; }

/* 線1間0内5 */
table.tbl1-0-5 {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #CCCCCC; }

table.tbl1-0-5 td {
  padding: 5px;
  border: 1px solid #CCCCCC; }

/*==========================================================
サイト内共通 その他
==========================================================*/
img.img-1 {
  padding: 5px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 10%; }

.pc {
  display: none; }
  @media (min-width: 1024px) {
    .pc {
      display: block; } }

.sp {
  display: block; }
  @media (min-width: 1024px) {
    .sp {
      display: none; } }

/*==========================================================
ベース
==========================================================*/
/*--------------------------------------
BASE
--------------------------------------*/
#base-head {
  margin: 0 auto;
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
  background: url(../images/common/base-head_bg_sp.jpg); }
  @media (min-width: 1024px) {
    #base-head {
      background: url(../images/common/base-head_bg.jpg);
      padding: 0;
      padding-top: 20px; } }

#base-main {
  margin: 0 auto;
  padding: 0;
  background: url(../images/common/base-main_bg.jpg); }

#base-foot {
  margin: 0 auto;
  padding: 0;
  padding-bottom: 20px;
  box-sizing: border-box;
  background: url(../images/common/base-foot_bg.jpg); }

/*--------------------------------------
ヘッダー
--------------------------------------*/
#renewalinfo {
  width: 100%;
  border: 5px red solid;
  padding: 10px;
  text-align: center;
  background: #ffffcc;
  box-sizing: border-box; }
  #renewalinfo p {
    display: none; }
    @media (min-width: 1024px) {
      #renewalinfo p {
        display: block;
        font-size: 20px;
        line-height: 1.5em;
        margin: 0; } }
  @media (min-width: 1024px) {
    #renewalinfo marquee {
      display: none; } }

header {
  position: relative;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px 10px 0 0; }
  @media (min-width: 1024px) {
    header {
      padding: 0;
      text-align: left;
      width: 954px;
      height: 138px; } }
  header > h1, header > p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 10px; }
    @media (min-width: 1024px) {
      header > h1, header > p {
        line-height: 27px; } }
    header > h1 strong, header > p strong {
      font-weight: normal;
      display: inline-block; }
  header > div.logo {
    font-size: 24px;
    color: #7E3839;
    font-family: "Mochiy Pop One", sans-serif;
    font-weight: 400;
    font-style: normal; }
    @media (min-width: 1024px) {
      header > div.logo {
        position: absolute;
        bottom: 15px;
        left: 10px; } }
  header > div.adress {
    font-size: 20px;
    line-height: 2em; }
    @media (min-width: 1024px) {
      header > div.adress {
        position: absolute;
        top: 60px;
        right: 20px; } }
  header > div.tel {
    font-size: 24px;
    color: #7E3839;
    font-family: "Mochiy Pop One", sans-serif;
    font-weight: 400;
    font-style: normal;
    display: inline-block; }
    @media (min-width: 1024px) {
      header > div.tel {
        position: absolute;
        bottom: 10px;
        right: 20px; } }
    header > div.tel p.furigana {
      font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      line-height: 100%;
      margin: 0px; }

/*#header{
	position:relative ;
	margin:0 auto ;
	padding:0 ;
	width:954px;
	height:158px;
	text-align:left;
	background:url(../images/common/header_bg.png); }
#header h1	{ margin:0 ; padding:0 ; text-align:center ; font-weight:normal ; font-size:13px ; line-height:27px; }
#header .logo	{
	position:absolute ;
	bottom:15px ;
	left:10px;
	font-size:24px;
	color:#7E3839;
		font-family: "Mochiy Pop One", sans-serif;
	font-weight: 400;
	font-style: normal; }
#header div.adress	{ position:absolute ;
	top:60px ;
	right:20px;
	font-size:20px; }
#header .tel	{
	position:absolute ;
	bottom:10px ;
	right:20px;
		font-size:24px;
	color:#7E3839;
		font-family: "Mochiy Pop One", sans-serif;
	font-weight: 400;
	font-style: normal; }
#header .tel p.furigana	{
	font-family:"ＭＳ Ｐゴシック", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:14px;
	line-height:100%;
	margin:0px; }*/
/*--------------------------------------
メイン
--------------------------------------*/
#main {
  margin: 0 10px;
  padding: 0;
  text-align: left;
  background: rgba(255, 255, 255, 0.5); }
  @media (min-width: 1024px) {
    #main {
      margin: 0 auto;
      width: 954px; } }
  #main #main-side {
    /* メイン（サイド）*/ }
    @media (min-width: 1024px) {
      #main #main-side {
        display: block;
        margin: 0;
        padding: 15px 23px 50px 22px;
        width: 223px;
        float: left; } }
    #main #main-side ul li.title_biyou {
      margin-top: 20px;
      width: 223px;
      height: 60px;
      text-align: left;
      line-height: 60px;
      font-size: 24px;
      color: green;
      font-family: "Mochiy Pop One", sans-serif;
      font-weight: 400;
      font-style: normal;
      background: url(../images/common/main-side_navi_off2.png) left center no-repeat; }
      @media (min-width: 1024px) {
        #main #main-side ul li.title_biyou {
          text-align: center;
          background: url(../images/common/main-side_navi_off2.png) center center no-repeat; } }
    #main #main-side ul li.title_chiro {
      margin-top: 20px;
      width: 223px;
      height: 60px;
      text-align: left;
      line-height: 60px;
      font-size: 18px;
      color: green;
      font-family: "Mochiy Pop One", sans-serif;
      font-weight: 400;
      font-style: normal;
      background: url(../images/common/main-side_navi_off1.png) left center no-repeat; }
      @media (min-width: 1024px) {
        #main #main-side ul li.title_chiro {
          text-align: center;
          background: url(../images/common/main-side_navi_off1.png) center center no-repeat; } }
    #main #main-side ul li.menu a {
      font-size: 18px;
      font-family: "Mochiy Pop One", sans-serif;
      font-weight: 400;
      font-style: normal; }
    #main #main-side ul li.biyou a {
      text-decoration: none;
      color: #C71FC1;
      padding-left: 20px;
      line-height: 150%; }
      #main #main-side ul li.biyou a:hover {
        color: green; }
    #main #main-side ul li.chiro a {
      text-decoration: none;
      color: #E37000;
      padding-left: 20px;
      line-height: 150%; }
      #main #main-side ul li.chiro a:hover {
        color: green; }
    #main #main-side ul li.general a {
      text-decoration: none;
      color: #E37000;
      padding-left: 0px;
      line-height: 200%;
      background: url("../images/common/main-side_navi_off1.png"); }
      #main #main-side ul li.general a:hover {
        color: green; }
    #main #main-side ul.sidenavi {
      display: none; }
      @media (min-width: 1024px) {
        #main #main-side ul.sidenavi {
          display: block;
          margin: 0;
          padding: 0;
          list-style-type: none; } }
      #main #main-side ul.sidenavi li {
        margin: 0;
        padding: 0 0 5px 0; }
    #main #main-side ul.sidenavi_sp {
      z-index: 9996;
      position: fixed;
      top: 0;
      right: -100%;
      width: 100%;
      height: 100vh;
      margin: 0;
      margin-left: auto;
      display: flex;
      flex-direction: column;
      background-color: rgba(251, 237, 203, 0.9);
      transition: .3s;
      overflow-x: auto;
      padding-top: 50px;
      padding-bottom: 150px;
      box-sizing: border-box;
      list-style: none;
      /*@include tab{
      	width: 70%;
      	height: 100vh;
      	right: -70%;
      	padding-bottom: 10px;
      }*/ }
      @media (min-width: 1024px) {
        #main #main-side ul.sidenavi_sp {
          display: none; } }
      #main #main-side ul.sidenavi_sp.open {
        right: 0; }
      #main #main-side ul.sidenavi_sp > li {
        font-family: "Mochiy Pop One", sans-serif;
        width: 100%;
        height: 50px; }
        #main #main-side ul.sidenavi_sp > li.navi_close {
          color: #000;
          margin-top: 20px; }
  #main #main-main {
    /* メイン（メイン）*/
    margin: 0;
    padding: 15px;
    box-sizing: border-box; }
    @media (min-width: 1024px) {
      #main #main-main {
        padding: 15px 30px 50px 0;
        width: 656px;
        float: left; } }
    #main #main-main img {
      max-width: 100%;
      height: auto; }
      @media (min-width: 1024px) {
        #main #main-main img {
          width: auto; } }
    #main #main-main .mainimage {
      margin-bottom: 15px; }
      #main #main-main .mainimage img {
        width: 100%; }
    #main #main-main ul.pagenavi {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media (min-width: 744px) {
        #main #main-main ul.pagenavi {
          flex-direction: row;
          list-style: none;
          padding: 0; } }
      #main #main-main ul.pagenavi li {
        margin: 0 5px; }
    #main #main-main h1 {
      background: url("../images/common/main-main_h1_bg.png");
      border: 2px solid #fff;
      box-shadow: 0 0 5px #ccc;
      padding: 40px 10px;
      box-sizing: border-box;
      position: relative;
      text-align: center; }
      @media (min-width: 1024px) {
        #main #main-main h1 {
          height: 100px; } }
      #main #main-main h1 span {
        font-size: 26px;
        font-weight: normal;
        font-family: "Mochiy Pop One", sans-serif;
        color: #ff6600;
        text-shadow: 0 0 10px #ffcc08; }
        @media (min-width: 1024px) {
          #main #main-main h1 span {
            position: absolute;
            bottom: 30px;
            right: 30px; } }
    #main #main-main h3 {
      line-height: 1.2em;
      margin: 0 0 20px 0;
      padding: 13px 0 0 41px;
      width: 90%;
      min-height: 30px;
      background: url(../images/common/main-main_h3_icon.png) left center no-repeat;
      border-bottom: #BACF72 solid 3px; }
    #main #main-main h4 {
      margin: 10px 0 3px 0;
      padding: 0px 0 0 20px;
      line-height: 15px;
      background: url(../images/common/main-main_h4_bg.png) no-repeat; }
    #main #main-main p {
      line-height: 1.5em; }
  #main #main-bottom {
    /* メイン（下部）*/
    display: none; }
    @media (min-width: 1024px) {
      #main #main-bottom {
        display: block;
        clear: left;
        margin: 0;
        padding: 10px 0;
        width: 954px;
        text-align: center; } }
    #main #main-bottom ul.footnavi {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #main #main-bottom ul.footnavi li {
        display: inline;
        font-size: 10px; }
        #main #main-bottom ul.footnavi li a {
          padding: 0 10px;
          color: #000000;
          border-left: 1px solid #000000; }
          #main #main-bottom ul.footnavi li a.a0 {
            border-left: none; }

/*--------------------------------------
フッター
--------------------------------------*/
#footer {
  position: relative;
  margin: 0 10px;
  padding: 16px 0 60px 0;
  box-sizing: border-box;
  height: 20px;
  text-align: left;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0px 0px 10px 10px; }
  @media (min-width: 1024px) {
    #footer {
      margin: 0 auto;
      width: 954px;
      padding: 16px 0 26px 0; } }
  #footer div.copyright {
    font-size: 13px;
    line-height: 20px;
    text-align: center; }

#footer-tel {
  z-index: 9998;
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0; }
  @media (min-width: 1024px) {
    #footer-tel {
      display: none; } }
  @media all and (min-width: 1024px) and (orientation: portrait) {
    #footer-tel {
      display: block; } }

  #footer-tel .marquee {
    width: 100%;
    overflow: hidden; }
  #footer-tel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    box-sizing: border-box; }
    @media (max-width: 414px) {
      #footer-tel ul {
        justify-content: space-around; } }
    #footer-tel ul li {
      width: 25%;
      box-sizing: border-box;
      background-image: linear-gradient(180deg, rgba(0, 110, 4, 0.85), rgba(0, 142, 29, 0.85));
      font-size: 14px;
      letter-spacing: 0.05em;
      font-weight: bold;
      line-height: 1em;
      color: #fff;
      text-decoration: none;
      display: inline-block;
      border-right: 4px solid #DADBD6;
      border-top: 4px solid #DADBD6;
      border-bottom: 4px solid #DADBD6;
      border-radius: 12px;
      border-collapse: collapse;
      /*&.tel{
      	@include tab{
      		display: none;
      	}
      }*/
      /*&.btnMenu{
      	width: 40%;
      }*/ }
      #footer-tel ul li a {
        font-size: 14px;
        display: block;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        color: #fff;
        text-decoration: none;
        padding: 10px;
        box-sizing: border-box; }
        #footer-tel ul li a i {
          display: block;
          text-align: center;
          margin-bottom: 3px; }
      #footer-tel ul li:first-child a {
        font-size: 11px; }
  #footer-tel i {
    font-size: 20px; }

/*==========================================================
トップ階層　［./］（#index）
==========================================================*/
/*--------------------------------------
index.php
--------------------------------------*/
#index .box {
  position: relative;
  background: linear-gradient(-45deg, #fff 25%, #fbc6cc 25%, #fbc6cc 50%, #fff 50%, #fff 75%, #fbc6cc 75%, #d8e0ff);
  background-size: 8px 8px;
  padding: 8px; }

#index .box_inner {
  background: #FFF;
  padding: .5em; }

#index .box h3 {
  color: #f34f61;
  margin: 0 0 .5em;
  border: none; }

#index .box h4 {
  margin-bottom: 20px; }

#index .totalbodycare img {
  max-width: 100%; }

#index .biyoucource {
  font-size: 24px;
  color: #CE3392;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px #aaa; }

#index .esthetitle {
  font-family: 'リュウミン M-KL','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  position: relative;
  padding: 1.5rem 2rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  font-size: 180%;
  font-weight: bold;
  color: red;
  text-align: center;
  background: none; }

#index .esthetitle:before,
#index .esthetitle:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%); }

#index .esthetitle:before {
  top: 0; }

#index .esthetitle:after {
  bottom: 0; }

#index .bn632-hover {
  width: 270px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 20px;
  height: 55px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

#index .bn632-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

#index .bn632-hover:focus {
  outline: none; }

#index .bn632-hover.bn21 {
  background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); }

#index #main-main .mammy_news .topimage {
  text-align: center;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    #index #main-main .mammy_news .topimage {
      float: right;
      margin-left: 10px; } }
#index #main-main .mammy_news .img_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 744px) {
    #index #main-main .mammy_news .img_box {
      flex-direction: row; } }
  #index #main-main .mammy_news .img_box > p {
    text-align: center;
    margin: 0 auto; }
    @media (min-width: 744px) {
      #index #main-main .mammy_news .img_box > p {
        width: calc(94%/3); } }
    #index #main-main .mammy_news .img_box > p img {
      box-sizing: border-box;
      width: 85%;
      height: auto;
      text-align: center;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        #index #main-main .mammy_news .img_box > p img {
          width: 100%; } }
#index #main-main .condition {
  background: #ffffc4;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 5px 5px 0 #ccc; }
  @media (min-width: 1024px) {
    #index #main-main .condition {
      margin: 0; } }
  #index #main-main .condition h3 {
    font-size: 19px;
    line-height: 1.5em;
    color: #6d5e24;
    font-family: "Mochiy Pop One", sans-serif;
    background: none;
    border-bottom: 2px solid #bacf72;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    height: auto; }
    @media (min-width: 1024px) {
      #index #main-main .condition h3 {
        font-size: 22px; } }
    #index #main-main .condition h3 span {
      display: inline-block;
      font-family: "Mochiy Pop One", sans-serif; }
  #index #main-main .condition ul {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0; }
    #index #main-main .condition ul li img {
      margin: 0;
      line-height: 0;
      vertical-align: text-bottom; }
#index #main-main .news h3 {
  font-size: 19px;
  font-weight: normal;
  line-height: 1.5em;
  color: #6d5e24;
  font-family: "Mochiy Pop One", sans-serif;
  width: 100%;
  box-sizing: border-box;
  height: auto; }
  @media (min-width: 1024px) {
    #index #main-main .news h3 {
      font-size: 22px; } }
#index #main-main .news ul {
  list-style: none;
  padding: 0; }
  #index #main-main .news ul li {
    line-height: 1.5em;
    margin-bottom: 10px; }
    #index #main-main .news ul li span {
      display: block; }
      @media (min-width: 1024px) {
        #index #main-main .news ul li span {
          display: inline; } }
#index #main-main .mammy_info {
  text-align: center;
  position: relative;
  margin: 0 0 15px 0;
  padding: 30px 20px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #edbe4a;
  border-radius: 10px;
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    #index #main-main .mammy_info {
      text-align: left;
      width: 600px;
      padding: 36px 25px; } }
  @media (min-width: 1024px) {
    #index #main-main .mammy_info .img {
      float: left;
      margin-right: 20px; } }

/*==========================================================
適応症状　［case/］（#case）
==========================================================*/
#case .comment {
  background: #ffffc4;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 5px 5px 0 #ccc; }
  @media (min-width: 1024px) {
    #case .comment {
      margin: 0; } }

/*==========================================================
当院紹介　［clinic/］（#clinic）
==========================================================*/
#clinic #main-main .img_kanban {
  float: right;
  margin: 0 0 15px 15px; }
  #clinic #main-main .img_kanban img {
    width: 150px; }
    @media (min-width: 1024px) {
      #clinic #main-main .img_kanban img {
        width: auto; } }

/*==========================================================
治療の流れ　［flow/］（#flow）
==========================================================*/
#flow #main-main .box .img {
  text-align: center; }
  @media (min-width: 1024px) {
    #flow #main-main .box .img {
      float: right;
      margin: 0 0 15px 15px; } }

/*==========================================================
リンク　［link/］（#link）
==========================================================*/
/*==========================================================
料金　［price/］（#price）
==========================================================*/
#price #main-main .img {
  text-align: center; }
  @media (min-width: 744px) {
    #price #main-main .img {
      float: right;
      margin: 0 0 15px 15px; } }

#price table.price th {
  background: #BDFCC2;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0;
  text-align: center;
  font-size: 12px; }

#price table.price td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #FFFFFF;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 100%; }

#price table.price td:nth-child(2) {
  /*background:#FEF*/
  text-align: right; }

#price table.price td:last-child {
  /*background:#FEF*/
  font-weight: bold;
  text-align: right; }

/*==========================================================
ネット予約　［reserve/］（#reserve）
==========================================================*/
#reserve #main-main form table tr td input[type="text"] {
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5em; }
#reserve #main-main form table tr td select {
  padding: 5px 0;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5em; }
#reserve #main-main form table tr td .monshin {
  padding: 5px 10px;
  border: 2px solid #FFCC00;
  box-sizing: border-box; }
  #reserve #main-main form table tr td .monshin h6 {
    font-size: 16px;
    margin-bottom: 10px; }
  #reserve #main-main form table tr td .monshin label {
    display: inline-block; }
  #reserve #main-main form table tr td .monshin input[type="text"] {
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5em; }
  #reserve #main-main form table tr td .monshin textarea {
    padding: 5px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5em;
    width: 100%;
    min-height: 100px; }

/*==========================================================
美容エステ　［esthe/］（#esthe）
==========================================================*/
#esthe {
  position: relative; }
  #esthe .course_navi2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    position: sticky;
    bottom: 60px;
    z-index: 101;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 20px; }
    @media (min-width: 1024px) {
      #esthe .course_navi2 {
        position: fixed;
        bottom: 0;
        width: 100%;
        justify-content: center;
        margin-bottom: 0; } }
    #esthe .course_navi2 a {
      display: inline-block;
      background: #ff6600;
      font-size: 14px;
      color: #fff;
      text-align: center;
      padding: 5px 10px;
      box-sizing: border-box;
      border-radius: 50px;
      margin: 5px;
      transition: .3s;
      text-decoration: none; }
      #esthe .course_navi2 a:hover {
        background: #d52c15; }
  #esthe #base-main {
    position: relative; }
    #esthe #base-main .course_navi {
      display: flex;
      display: none;
      flex-wrap: wrap;
      justify-content: space-evenly;
      position: fixed;
      bottom: 0;
      z-index: 101;
      background: rgba(255, 255, 255, 0.8);
      padding: 15px;
      box-sizing: border-box;
      margin-bottom: 20px; }
      @media (min-width: 744px) {
        #esthe #base-main .course_navi {
          justify-content: center; } }
      #esthe #base-main .course_navi a {
        display: inline-block;
        background: #ff6600;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding: 5px 10px;
        box-sizing: border-box;
        border-radius: 50px;
        margin: 5px;
        transition: .3s;
        text-decoration: none; }
        #esthe #base-main .course_navi a:hover {
          background: #d52c15; }

/*#esthe .esthetitle{
	font-family: 丸フォーク M;
	font-weight: bold;
	color:red;
	text-align: center;
	font-size:180%;
	margin-bottom: 20px; }*/
#esthe h3.esthetitle {
  font-family: 'リュウミン M-KL','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  position: relative;
  padding: 1.5rem 2rem !important;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  font-size: 180%;
  font-weight: bold;
  color: red;
  text-align: center;
  background: none; }

#esthe h3.esthetitle:before,
#esthe h3.esthetitle:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%); }

#esthe h3.esthetitle:before {
  top: 0; }

#esthe h3.esthetitle:after {
  bottom: 0; }

#esthe .esthemenu {
  /*
  background:url(../images/biyou/menu_frame_top.png) center top no-repeat,
  url(../images/biyou/menu_frame_bottom.png) center bottom no-repeat;
  */
  background: #fff;
  width: 100%;
  padding: 10px;
  margin-bottom: 50px;
  min-height: 430px;
  box-sizing: border-box;
  padding-top: 30px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 5px; }

#esthe .esthemenu h1 {
  font-family: 丸フォーク M;
  background: none;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 14px;
  line-height: 180%; }

#esthe .esthemenu h1 strong {
  font-family: 解ミン 宙 B;
  font-weight: 400;
  font-size: 26px;
  color: #B035CB; }

#esthe .esthemenu .catch {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 100; }

#esthe .esthemenu .mainpic {
  position: relative;
  text-align: center; }

#esthe .esthemenu .minute {
  position: absolute;
  right: 50px;
  bottom: -25px; }

#esthe .price1 {
  font-family: 丸フォーク M;
  background: none;
  font-weight: bold;
  color: #210D89;
  font-size: 24px;
  line-height: 150%;
  text-align: center; }

#esthe .price2 {
  font-family: 丸フォーク M;
  background: none;
  font-weight: bold;
  color: #E7154D;
  font-size: 24px;
  line-height: 150%;
  text-align: center; }

#esthe .present {
  font-family: 丸フォーク M;
  background: none;
  font-weight: bold;
  color: #8B3B96;
  font-size: 24px;
  line-height: 150%;
  text-align: center; }

#esthe .present img {
  vertical-align: middle; }

#esthe .inline-r {
  text-align: right;
  display: inline-block; }

/*#esthe .ninki1{
	background:url(../images/biyou/menu_frame_top.png) center top no-repeat,url(../images/biyou/menu_frame_bottom.png) center bottom no-repeat,background:url(../images/biyou/ninki_1b.png) right top no-repeat;
	z-index:100;
	}*/
#esthe .ninki2 {
  background: url(../images/biyou/ninki_2b.png) right top no-repeat;
  z-index: 100; }

#esthe .ninki3 {
  background: url(../images/biyou/ninki_3b.png) right top no-repeat;
  z-index: 100; }

#esthe .ninki4 {
  background: url(../images/biyou/ninki_4b.png) right top no-repeat;
  z-index: 100; }

#esthe .ninki5 {
  background: url(../images/biyou/ninki_5b.png) right top no-repeat;
  z-index: 100; }

#esthe .esthemenu .naiyou {
  margin: 0 auto;
  width: 100%;
  border: 1px solid gray;
  background: #fee;
  box-shadow: 2px 2px 4px gray;
  padding: 10px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 50px;
  opacity: 0.8; }
  @media (min-width: 1024px) {
    #esthe .esthemenu .naiyou {
      width: 400px;
      padding-left: 100px; } }

#esthe .esthemenu .naiyou img {
  vertical-align: middle; }

#esthe .osusume {
  border: 1px dotted green;
  /*background:url(../images/biyou/osusume.png) center center no-repeat;*/
  background: url(../images/biyou/osusume_icon.png) 5px 10px no-repeat;
  padding: 10px;
  padding-left: 70px;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
  margin-top: 10px;
  min-height: 54px; }

#esthe table.price {
  width: 100%;
  border: 1px solid #cccccc;
  margin-bottom: 5px;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

#esthe table.price th {
  background: #BDFCC2;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0;
  text-align: center;
  font-size: 12px; }

#esthe table.price td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #FFFFFF;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 100%; }

#esthe table.price td:last-child {
  background: #FEF;
  text-align: right; }

/*==========================================================
教室のご案内　［school/］（#school）
==========================================================*/
#school ol {
  margin: 0px;
  margin-left: 20px;
  padding: 0px; }

#school ol.program li.no1 {
  background: url(../images/school/no1.jpg) left 3px no-repeat;
  list-style: none;
  padding-left: 30px;
  line-height: 30px;
  font-weight: bold; }

#school ol.program li.no2 {
  background: url(../images/school/no2.jpg) left 3px no-repeat;
  list-style: none;
  padding-left: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-top: 10px; }

#school ol.program li.no3 {
  background: url(../images/school/no3.jpg) left 3px no-repeat;
  list-style: none;
  padding-left: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-top: 10px; }

#school ol.program li.no4 {
  background: url(../images/school/no4.jpg) left 3px no-repeat;
  list-style: none;
  padding-left: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-top: 0px; }

#school ol.program li.no5 {
  background: url(../images/school/no5.jpg) left 3px no-repeat;
  list-style: none;
  padding-left: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-top: 10px; }

#school ol.program ol.basic {
  margin-left: 50px; }

#school ol.program ol.basic li {
  list-style: decimal; }

#school ol.program ol.list {
  margin-left: 50px; }

#school ol.program ol.list li {
  list-style: decimal;
  float: left;
  margin-right: 50px; }

#school .detail {
  margin: 10px 0px;
  border: 1px dotted #F60;
  background: #f9e3a7;
  padding: 10px; }

#school .detail dl {
  margin: 0px;
  padding: 0px; }

#school .detail dt {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 70px;
  font-weight: bold;
  line-height: 150%; }

#school .detail dd {
  margin: 0px;
  padding: 0px;
  padding-left: 80px;
  line-height: 150%; }

#school .tokuten {
  margin: 10px 0px;
  border: 1px dotted #F60;
  padding: 10px;
  height: 50px; }

#school .tokuten ul {
  margin: 0px;
  padding: 0px; }

#school .tokuten li {
  width: 45%;
  background: url(../images/school/tokuten-check.png) left 3px no-repeat;
  float: left;
  list-style: none;
  margin-left: 10px;
  padding-left: 20px;
  line-height: 150%; }

#school table.day {
  width: 100%;
  border: 1px solid #cccccc;
  margin-bottom: 5px;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

#school table.day th {
  background: #FEF;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0;
  text-align: center;
  font-size: 12px; }
  @media (max-width: 414px) {
    #school table.day th {
      display: none; } }

#school table.day td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #FFFFFF;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 100%; }

@media screen and (max-width: 768px) {
  #school table.day tr {
    background-color: unset;
    border-bottom: 3px solid #0000cc;
    margin-bottom: 10px; }

  #school table.day th {
    display: none; }

  #school table.day tbody tr td {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-left: 2px solid #0000cc;
    border-right: 2px solid #0000cc; }

  #school table.day tbody tr td::before {
    content: attr(data-label);
    width: fit-content;
    padding: 0.2em 1em;
    border-radius: 100vw;
    font-size: 12px;
    background: #eee; }

  	/*
    #school table.day tbody td:last-child::before{
      content: attr(data-label);
      display: inline-block;
      margin-right: 10px;
    }
    #school table.day tbody td:last-child{
      display: flex;
      justify-content: space-between;
    }
  	*/ }
#school .schoolcontents {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
  margin-bottom: 40px;
  border: 1px dashed #ccc;
  border-radius: 10px; }

#school .schoolcontents h3 {
  font-size: 20px;
  color: #993300;
  font-weight: bold; }
  @media (min-width: 1024px) {
    #school .schoolcontents h3 {
      font-size: 24px; } }

/*==========================================================
お客様の声　［voice/］（#voice）
==========================================================*/
#voice #main-main .flex2 {
  display: flex;
  justify-content: space-between; }
  #voice #main-main .flex2 img {
    width: 45%; }
    @media (min-width: 1024px) {
      #voice #main-main .flex2 img {
        width: auto; } }
#voice #main-main .fts-s2 {
  text-align: center; }
  #voice #main-main .fts-s2 img {
    width: 80px; }
    @media (min-width: 1024px) {
      #voice #main-main .fts-s2 img {
        width: auto; } }

/*==========================================================
トップ当院からのお知らせ　［news/］（#news）
==========================================================*/
#news input.save {
  margin: 5px auto;
  width: 200px;
  height: 100px;
  font-size: 30px;
  font-weight: bold; }

/*==========================================================
スマホ用の仕様
==========================================================*/
/*@media (max-width: 768px) {
*{
	font-size:16px ;
	line-height:150% ;
}
#main-side {
	display:none; }
#content-inner{
	width:100%; }
#header{
	margin:0 auto ;
	padding:0 10px;
	width:100%;
	height:100px;
	text-align:left ;
	background:#F6E5B7;
	background-image:none; }
#header h1 {
		display:none; }
#header #header-inner #header-logo {
	width:100%;
	display: inline-block;
    position: relative;
    top: 20px;
    left: 0px;
	text-align:center; }
#header #header-inner #header-tel {
    width: 100%;
    height:auto;
    position: relative;
    top: 24px;
    right: 0px;
    text-align: right; }

#main,#main-main{
	width:100%; }
#main-bottom{
		display:none; }
#footer{
	margin:0 auto ;
	padding:0 ;
	width:100%;
	height:50px;
	background:#F7E6B8; }
#footer	div.copyright{
	font-size:10px ;
	line-height:100% ;
	text-align:center; }
}*/