img {
    max-width: 100%;
    height: auto;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  	font-size:1.8em;
	line-height:1.6em;
}

/*リンク画像のホバー時に色を変える*/
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*------------ TOPスライダー --------------*/

#bxslider{
	padding:0;
}

#bxslider img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

/*画像読み込みまで非表示に*/
#bxslider li {
  display: none;
}
.bx-viewport .bxslider li {
  display: block !important;
}


/* -------------------- 共通 --------------------　*/

.container-fluid{
	padding:0;
}


.cen{
	text-align:center;
}


h2{
	padding:20px 0;
	text-align:center;
	background-color:#C2FCB4;
	color:#339802;
}


/* -------------------- google mapへ --------------------　*/
/*幅と高さがないと表示されません*/
#map-canvas{
     width: 100%;
     height: 600px;
     margin: 0 auto;
}


/* -------------------- グローバルナビ --------------------　*/

#globalNavi a:hover{
	background-color:#CCC;
}

/* -------------------- 固定メニュー（メニューが一番上ではない場合）JS使用 --------------------　*/

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




/* -------------------- header --------------------　*/

header{
/*	background:url(../img/main03.jpg);
	background-size:cover;
	width:100%;
	height:400px;*/
	color:gray;
	padding:0;
	margin:0 0 10px 0 ;
}

header h1{
	padding:0;
	margin:0;
	font-size:0.9em;
	text-align:right;
}

header img{
	max-width:100%;
	height:auto;
}

.toplogo{
	float:left;
	max-width:100%;
}

/* topの電話*/
.toptel{
	display:block;
	float:right;
	margin-top:10px;
}

/* -------------------- footer --------------------　*/

footer{
	margin:20px;
	padding:20px;
	background-color:#C2FCB4;
	color:#666;
	text-align:center;
}

footer h2{
	padding:0;
	font-size:2em;
	height:auto;
	margin:0 0 10px 0;
}
footer h3{
	font-size:1.2em;
	height:auto;
	margin-top:10px;
}

footer tel{
	font-size:1.8em;
}

footer img{
	max-width:100%;
	height:auto;
}
footer address{
	font-size:1.2em;
	margin:0;
}

footer:after{
	padding-bottom:20px;
	margin-bottom:20px;
}

footer .houjin{
	margin:20px 0 5px 0;
}

/*---通常のカレンダー用　--*/
#calendar{
	margin:20px auto;
	text-align:center;
	background-color:#fff;
	width:100%;
	font-size:14px;
	color:#000;
}

#calendar td{
	font-weight:normal;
	text-align:center;
	border-color:#999;
	border-style:solid;
	border-width:1px;
	height:30px;
}


.sundayyasumi{
	color:#f00;
	background-color:#ffccff;
}

.yasumi{
	background-color:#ffccff;
}

.yasumi2{
	color:#ffccff;
}

/*特別休日用　 */
.yasumi3{
	color:#ff9102;
}

.yasumi31{
	background-color:#ff9102;
}

.sunday{
	color:#f00;
}

.saturday{
	color:#00f;
}


.midasi{
	background-color:#ccc;
}

.cen{
	margin:auto;
	text-align:center;

}


.gogo{
	background-color:#33CC33;
}

.gogo2{
	color:#33CC33;
}

.gozen{
	background-color:#9FF;
}
.gozen2{
	color:#9FF;
}

.kyosei{
	background-color:#FF3;
}

.kyosei2{
	color:#FF3;
}
/* -------------- top ------------------ */
.toptitle{
	padding-top:20px;
	font-size:64px;
	font-weight:bold;
	color:#339802;
	height:auto;
	background-color:#fff;
	text-align:left;
}

.topSubTitle{
	padding-top:20px;
	font-size:32px;
	font-weight:bold;
	color:#339802;
}
.main{
	font-size:1.1em;
	line-height:1.8em;
}

/*--こだわり　PCとスマホの場合に画像の段落を変える--*/
	.mobilesize{
		display:none;
	}
	.pcsize{
		display:block;
	}

	
/*-----診療時間テーブル---*/
.timeTable{
	margin:0 auto;
	margin-top:20px;
}

.timeTable td,th{
	border:#fff solid 1px;
	padding:10px;
}
.timeTable th{
	color:#fff;
}

.timeTable th{
	background-color:#96dd73;
}

footer .timeTable th{
	color:#339802;
}

/*診療内容*/
.infotitle2{
	margin-top:0;
	text-align:left;
	font-size:32px;
	font-weight:bold;
	color:#339802;
}
/*スタッフ*/
.staffSubTitle{
	margin-top:0;
	padding-top:10px;
	font-size:28px;
	font-weight:bold;
	color:#51be1c;
}

/*--------------------- ホワイトニング -----------------------*/
.whiteningTable01 ,.whiteningTable02{
	width:100%;
	border: #706f6f 1px solid;
	margin:20px 0;
}
.whiteningTable01 td ,.whiteningTable02 td{

	border: #706f6f 1px solid;
	padding:1.0em;
}
.whiteningTable01 th{
	width:50%;
	border: #706f6f 1px solid;
	text-align: center;
}

.whiteningTable02 th{
	width:160px;
	border: #706f6f 1px solid;
}
.whitening h3{
	background:url(../img/titlearrow.png) no-repeat left center;
	font-weight: bold;
	border-top: solid 3px #C2FCB4;/*上線*/
	border-bottom: solid 3px #C2FCB4;/*下線*/
	padding:1.0em 0 1.0em 40px;
	color: darkgreen;
}

.whitening h4{
	text-align: center;
	font-weight: bold;
	color:#060;
	font-size:1.1em;
	margin:1.5em 0;
}
.whitening h5{
	font-size: 110%;
	font-weight: bold;
}

video{
	width:80%;
	height:AUTO;
	border: #245f06 3px solid;
}
.stepTableimg111{
	/*max-width: initial;*/
	width:239px !important;
	height:180px !important;
}

/* -------------------- ページトップへ --------------------　*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color:#060;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
}

/* -------------------- jumbotron --------------------　*/
.jumbotron {
	background:url(../img/main.jpg) center no-repeat;
	background-size: cover;
	min-height:300px;
}

/*　メインループ用*/
.post-categories li{
	list-style:none;
	padding:0;
	margin:0;
}
/*ブログタイトル*/
.blogtitle{
	color:#339802 !important;
	text-shadow:
	0 0 25px #fff, 
	0 0 20px #fff, 
	0 0 0.40px #fff;
}

/* -------------------- navbarの角丸を無くす --------------------　*/
.navbar{
	 border-radius:0;
}

/* -------------------- navbarのあいこん --------------------　*/
.navbar-brand {
  background: url("../img/logo.png") no-repeat left center;
  display:none;
  padding-left:50px;
}


/* -------------------- sidebarのカテゴリ　 --------------------　*/
.categories{
	padding:0;
}

.categories li{
	list-style-type:none;
	padding:10px;
}
/*最後の要素には適用しない*/
.categories li:not(:last-child){
	border-bottom:1px dotted #999999;
}

.categories a{
	display:block;
}
/* 記事一覧のカテゴリリストの表示*/
.cat-item2{
	list-style-type:none;
	padding:10px;
	border-bottom:1px dotted #999999;
}

.wp-pagenavi{
	margin-top:20px;
}

.title{
	text-align:center;
	color:#00C;
}
/*--ブログの日付用--*/
#pqwpli span, .blogdate{
	display:inline-block;
	width:140px;
}
/*---診療内容----*/
.infotitle{
	text-align:center;
	background-color:#FFF;
	
}

/*ランパスライドショー1*/
.rampaBox1{
	width:80%;
	height:auto;
}
.rampaBox2{
	width:80%;
	height:auto;
}

.rampa h3{
	background:url(../img/titlearrow.png) no-repeat left center;
	padding-left:40px;
}

.rampa h4{
	font-size: 1.2em;
	margin-top: 1em;
}

.rampatable td{
	width: 50%;
}

.rampatable {
	margin-bottom: 2em;
}
/* -------------------- 医院案内 --------------------　*/
.iinmargin{
	margin-top:0px;
}

/* -------------------- メニューロゴ --------------------　*/

.navbar-brand {
/*  background: url("../img/logo30.png") no-repeat left center;*/
  background-size: contain;
  display:none;
  padding-left:40px;
}

/* bootstrapのメニュー色変更 https://work.smarchal.com/twbscolor/index.php */

/* ホバーの色*/

#globalNavi a:hover{
	background-color:#339802;
}

.navbar-default {
  background-color:#51be1c;
  border-color: #339802;
}
.navbar-default .navbar-brand {
  color: #000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000;
}
.navbar-default .navbar-text {
  color: #000;
}
.navbar-default .navbar-nav > li > a {/*文字色*/
  color: #fff;
  font-size:1.1em;
}
.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: #339802;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #339802;
}
.navbar-default .navbar-toggle {
  border-color: #339802;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #339802;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .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: #339802;
  }
}

.navbar{
	 border-radius:0;
}

/*---------------サイトマップ----------------*/
.sitemap {
	position: relative;
	overflow: hidden;
	margin-top:40px;
}
 
.sitemap ul {
	float:left;
	left:50%;
	position:relative;
	padding:0;
}
 
.sitemap li {
	font-size:90%;
	float:left;
	left:-50%;
	position:relative;
	border-left:#fff dotted 1px;
	padding-left:10px;
	list-style:none;
	margin-right:10px;
}

.sitemap li:first-child {
	border-left:none;
}

.sitemap a:link,.sitemap a:visited,.sitemap a:hover,.sitemap a:active{
	color:#245f06;;
}

.links a:link,.links a:visited,.links a:hover,.links a:active{
	color:#706f6f;
}

@media (max-width: 350px) {
	footer .timeTable td,th{
		padding:5px;
	}
	.toptitle{
		font-size:36px;
	}

}
@media(min-width:351px) and (max-width:766px){
	.toptitle{
		font-size:36px;
	}

}
@media (min-width: 767px) {
	.toptitle{
		font-size:56px;
	}
}

@media (max-width: 767px) {

	.toplogo{
		text-align:center;
		width:100%;
		clear:both;
		margin:0 auto;
	}
	
	.toptel{
		width:100%;
		clear:both;
		margin-top:30px auto 0;
		text-align:center;
	}
	#calendar{
		width:300px;
	}
	
	.sitemap{
		display:none;
	}
	.iinmargin{
		margin-top:20px;
	}

}

@media (max-width: 991px) {/*SM-6*/
	.mobilesize{
		display:block;
	}
	.pcsize{
		display:none;
	}
	.toptitle{
		text-align:center;
	}
	.rampaBox1{
		width:90%;
		height:auto;
	}
	.rampaBox2{
		width:90%;
		height:auto;
	}
	.infotitle2{
		margin-top:20px;
		text-align:center;
	}
	.whitening h5{
		text-align: center;
	}
}

/* wp用画像位置合わせ */
img.alignright { display: block; margin: 0 0 0 auto!important;}
img.alignleft { display: block; margin: 0 auto 0 0!important;}
img.aligncenter { display: block; margin: 0 auto!important;}

/*コロナメニュー*/
.menu-item-286{
	font-weight: bold;
}

/*iframe responsive */
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* smash プロフィール非表示 文だけの場合はsbi_feedtheme_header_text*/
.sb_instagram_header{
	display: none !important; 
	height:0px;
}