/* Show it is fixed to the top */
html {
  position: relative;
  min-height: 100%;
}

@media (max-width: 767.99px) {
html {
  overflow-x: hidden; /* Backgroundハミだしスマホ対策 */
 }
}

body {
  /* min-height: 75rem; */
  padding-top: 4.5rem;
  margin-bottom: 60px;
  overflow-x: hidden; /* BackgroundハミだしPCおよびスマホ対策 */
}

@media (min-width: 768px){
body {
  padding-top: 9.0rem;
}
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

/* logo */
@media (min-width: 768px){
.logo a {
	top: 0;
	height: 4.5rem;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	background: #fff url("../img/common/texture_check_02_01.gif") repeat-x bottom;
	text-align: right;
	font-size: 2.8rem;
	font-weight: bold;
	color: brown;
	padding-right: 1rem;
	text-decoration: none;
}
}

.navbar-brand {
  background: url("../img/common/texture_check_03_01.gif") ;
  /* background-size: contain; */
  font-size: 1.8rem;
  font-weight: bold;
  color: brown !important;
  padding: 0 1rem;
  text-decoration: none;
}

@media (min-width: 768px){
.navbar-brand {
	display: none;
}
}

@media (min-width: 768px){
.navbar {
	top: 4.5rem;
}
}

/* navbar center */
@media (min-width: 768px){
.navbar-nav {
    margin: 0 auto;
    display: table flex;
    table-layout: fixed;
	width: 100%;
}
}

.navbar-nav > li {
	text-align: center;
	display: table-cell;
    width: 100%;
}

@media (min-width: 768px){
.navbar-nav > li {
	font-size: 63%;
	/* font-size: 86%; */
}
}

@media (min-width: 992px) {
.navbar-nav > li {
	font-size: 87%;
	/* font-size: 100%; */
}
}

@media (min-width: 1200px) {
.navbar-nav > li {
	font-size: 100%;
}
}

.dropdown-menu {
	border-radius: 0;
	text-align: center;
}

@media (min-width: 768px){
.navbar-nav > li > .dropdown-menu {
	font-size: 86%;
}
}

@media (min-width: 992px) {
.navbar-nav > li > .dropdown-menu {
	font-size: 100%;
}
}

/* パンくずリスト */
.breadcrumb {
	padding: .5rem 1rem;
	margin-bottom: .5rem;
	font-size: .75rem;
	/* background-color: #e9ecef; */
}

.breadcrumb-item+.breadcrumb-item::before {
	content:">"
}

/* 左サブメニュー */
@media (max-width: 767.99px) {
.sidemenu,
.sidemenu2{
	display: none;
	}
}

@media (min-width: 768px) {
.sidemenu {
   width: 170px;
   background: white url("../img/common/texture_check_03_01.gif") repeat-x top;
   border: 1px solid #17a2b8;
   border-radius: 5px 5px 5px 5px;
   padding: 6px;
   margin-left: 5px;
   font-size: 0.8rem;
}

.sidemenu2 {
   width: 170px;
   background: white url("../img/common/texture_check_03_13.gif") repeat-x top;
   border: 1px solid #17a2b8;
   border-radius: 5px 5px 5px 5px;
   padding: 6px;
   margin-top: 5px;
   margin-left: 5px;
   font-size: 0.8rem;
}
 .sidemenu2 .badge {
	 font-size: 0.8rem;
	}
}

@media (min-width: 992px) {
.sidemenu {
   width: 220px;
   margin-left: 12px;
}

.sidemenu2 {
   width: 220px;
   margin-left: 12px;
}
}

/* card */
.card-header {
	padding: .5rem 1.0rem;
}

.card-body.bg-img {
	background: url("../img/common/img01.png") no-repeat right bottom;
}

.card-body table.time-price {
	margin-left: 1rem;
	margin-bottom: 1rem;
	font-size: 1.2rem;
}

/* ページ内リンクの表示位置調整（当院の特徴） */
h5.anchor {
    display: block;
    padding-top: 140px;
    margin-top: -140px;
}

@media (max-width: 767.99px) {
h5.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
}

/* bottom nav表示位置調整（施術内容） */
.spacer {
	width: auto;
	height: 55px;
}

/* bottom nav */
.bottom-nav {
	color: white;
	background: brown;
	font-size: 0.7rem;
}

@media (min-width: 768px) {
	.bottom-nav {
		font-size: 0.8rem;
	}
}

.bottom-nav p {
	margin: 0.5em;
}

.bottom-nav a {
	text-decoration: none;
	color: white;
}

.bottom-nav a:hover {
	color: #ffde58;
}
	
/* footer */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #ffde58;
}

/* トップに戻るボタン */
.pagetop {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 3px;
}

.pagetop a {
  display: block;
  color: #333;
  font-size: 2.5rem;
  text-decoration: none;
  padding: 5px 10px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.pagetop a:hover {
  color: #ccc;
}

/* map */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* navbar-color */
.navbar {
  background-color: #ffde58;
}
.navbar .navbar-brand {
  color: #a52a2a;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #000080;
}
.navbar .navbar-text {
  color: #a52a2a;
}
.navbar .navbar-text a {
  color: #000080;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #000080; 
}
.navbar .navbar-nav .nav-link {
  color: #a52a2a;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #000080;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #ffde58;
  border-color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #a52a2a;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #000080;
  background-color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #ffffff;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #000080;
  background-color: #ffffff;
}
.navbar .navbar-toggle {
  border-color: #ffffff;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #a52a2a;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #a52a2a;
}
.navbar .navbar-link {
  color: #a52a2a;
}
.navbar .navbar-link:hover {
  color: #000080;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #a52a2a;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000080;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000080;
    background-color: #ffffff;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #a52a2a;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000080;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000080;
    background-color: #ffffff;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #a52a2a;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000080;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000080;
    background-color: #ffffff;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #a52a2a;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000080;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000080;
    background-color: #ffffff;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #a52a2a;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #000080;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #000080;
  background-color: #ffffff;
}

/* navbar-icon 枠を消す */
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}

.navbar-dark .navbar-toggler {
    color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}

/* navbar-icon close x */ 
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}