@charset "utf-8";

/*そうぜん歯科 v2021

/*全体の設定
---------------------------------------------------------------------------*/



.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #ffe4e1;
}
.jumbotron {
	background-image: url('../img/top-image.JPG');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 450px;
}

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
.footer-logo {
	width: 70%;
}
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
 #sec2  {
     height: 500px;
 } 
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 #sec2 .message {
    position: absolute;
     left: 0;
 } 
} 

.name2	{font-size:16px;
	 color:#333333;
	 text-align:center;
         line-height:1.4;
	 margin-top:10px;
	 margin-bottom:5px;}

.name1	{font-size:16px;
	 color:#333333;
	 text-align:left;
         line-height:1.4;
         padding-left: 5px;
	 margin-top:10px;
	 margin-bottom:5px;}

.name3	{font-size:16px;
	 color:#333333;
	 text-align:center;
	 margin-top:10px;
	 margin-bottom:5px;}

.menu	{font-size:15px;
	 color:#333333;
	 text-align:left;
         line-height:1.4;
         padding-left: 5px;
         padding-right: 5px;
	 margin-top:10px;}

.menu2	{font-size:15px;
	 color:#333333;
	 text-align:center;
         line-height:1.4;
	 margin-top:10px;}

.menu3	{font-size:15px;
	 color:#333333;
	 text-align:right;
         line-height:1.4;
         padding-left: 5px
         padding-right: 5px;
	 margin-top:10px;}

.g-img    {vertical-align:top;}


.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.line-a { border-bottom: 1px solid #696969; }
.line-b { border-bottom: 1px solid #8b4513; }
.line-c { border-bottom: 1px solid #7b68ee; }
.line-d { border-bottom: 1px solid #008080; }
.line-e { border-bottom: 1px solid #333333; }
.line-f { border-bottom: 1px solid #ffffff; }
.line-g { border-bottom: 1px solid #cccccc; }

.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%;
}

#floatingmenu{

 width: 100%;
 position: fixed;
 left: 0px;
 bottom: 35px;
 z-index: 9999;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
  opacity: 0.8;
 }

.resizeimage {
   max-width: 90%; /* 最大幅 */
   min-width: 200px; /* 最小幅 */
}
.resizeimage img { width: 25%; }





.page_top { 
position:fixed; 
bottom:10px; 
right:10px; 
padding:10px 20px; 
color:#fff; 
font-size:20px; 
text-decoration:none; 
background:#444444;
  opacity: 0.8;
z-index: 999; /* これでどうですか？ */
} 

.page_top:hover { 
background:#e74c3c; 
} 



/* END */