/* ↓全体の文字カラー↓ */
body {
color: #555555;
}

/* ↓リンクの文字カラー↓ */
a:link { color: #555555; }
a:visited { color: #555555; }
a:hover { color: #555555; }
a:active { color: #555555; }

/* ↓部分的な行間↓ */
.gyo {
line-height: 200%;
}




/* ↓メニューバーカラー↓ */
.navbar-default {
  background-color: #e8e0d9;
  border-color: #927e71;
}
.navbar-default .navbar-brand {
  color: #644a3a;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #644a3a;
}
.navbar-default .navbar-nav > li > a {
  color: #644a3a;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #927e71;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #927e71;
}
.navbar-default .navbar-toggle {
  border-color: #927e71;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #927e71;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #644a3a;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #644a3a;
}
.navbar-default .navbar-link {
  color: #644a3a;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #644a3a;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #927e71;
  }
}



/* ↓メニューバー幅↓ */
.nav>li>a {
    padding: 2px 20px 2px 15px;
}


.topmenu {
  margin: 10px auto;
  width:268px;
}




/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}







 


#map_canvas{
	position: relative;
	padding-bottom: 66%;
	padding-top: 100px;
	height: 0;
	overflow: hidden;
}
#map_canvas iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 556px !important;
	height: 100% !important;
}




.navbar.navbar-default {
}





.anchor{
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}




.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}





.box {
  margin: 0;
  float: left;
  width: 100%;
}
.box img {
  max-width: 30%;
  float: left;
}
.box p {
  margin-left: 15px;
  padding: 0px;
}
.right {
  width: 65%;
  float: left;
}  
 

.box2 {
	width:100%;
    background: #ffffff;/*背景色*/
}
.box2 p {
}


.box3 {
    background: #e8e0d9;/*背景色*/
}
.box3 p {
}






header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}



/* ↓スクロールに応じて要素を固定↓ */
#fixed {
  position: fixed;
  left: 0;
  margin: 0;/*余白が入らないように*/
  /*以下装飾*/
  width: 100%;
  color:white;
  }


/*レスポンシブ文字*/
p {
  font-size: 3vw;
}
 
@media(min-width:700px) {
  p {
    font-size:  20px;
  }
}



/*バナーのマージン*/
.banner {
   margin: 8px  0px 8px;
}


/*診療時間の下、箇条書き*/
.shinryo ul {
  position: relative;
}

.shinryo ul li {
  line-height: 1.5;
  padding: 0.25em 0;
  margin-left:-1em;
  list-style-type: none!important;
}

.shinryo ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下丸つくる*/
  content:'';
  width:0.8em;
  height: 0.8em;
  background: #927e71;
  border-radius: 50%;
  margin-top:3px;
  margin-right: 8px;
  position: absolute;
  left :0.5em;/*左端からのアイコンまでの距離*/
}