@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
}
body{
	background-color:#FFFF66;
	height:100%

		}
img{
	max-width:100%;	
}
.img-right{
	float:right;
}
.img-left{
	float:left;
}
.img-shadow{
		box-shadow:5px 5px 10px rgba(0,0,0,0.4);
}		
.bra-date-long {
	text-indent: -6em;
	padding-left: 6em;
	margin-bottom:.5rem
}
.pad-left {
	padding-left: 1em;
}
.prologue{
	font-size:1.1rem;
	font-weight:bold;
	color:#155724;
	margin-bottom:.5rem}		
.prologue_blue{
	font-size:1.1rem;
	margin-bottom:.5rem}		
.red, .red-b{
	color:#F00
	}
.blue, .blue-b{
	color:#00F
	}	
.red-b, .blue-b{
	font-weight:bold
	}
.pink {
	color: #FF3399;
}
.brown {
	color: #993300;
}
.green {
	color: #33CC33;
}
	
.bra{
	text-indent: -1em;
	padding-left: 1em;
	}	
.bra-date{
	text-indent: -3em;
	padding-left: 3em;
	}	
.toph1 {
	margin:0px;
	padding:0px;
	color: #CCCCCC;
	border-width:0;
	text-align:right;
	font-size:10px;
}

.toph1 h1{
	display:inline;
	margin-top:1px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}
.sunday{
	width:140px;
	height:60px;
	background-image:url(../imgs/sunday.png);
	color:#FFFFFF;
	padding-top: 5px;
}
.invisalign_bnr a:hover,
.preortho_bnr a:hover{
	text-decoration:none}
.invisalign_bnr a:hover img,
.preortho_bnr a:hover img{  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}	
@media only screen and (min-width: 768px) {
.honbun-waku{margin-left:-150px; width:100%; float:left}
.honbun{
	margin-left:110px; padding-left:0px}
}
@media only screen and (max-width: 767px) {
.honbun-waku{width:100%; float:left}
.honbun{
	margin-left:-40px; padding-left:0px}
}
.breadcrumb{
	margin-left:-15px; 
	margin-right:-15px;
	margin-bottom:0px;
	background-color:#FFFFFF;}
.title_b{
	font-size:1.5rem;
	color:#FFFFFF;
	filter: Shadow(Color=#F93,direction=135);
	text-shadow: -2px -2px 0px #F93,
				2px -2px 0px #F93,
				2px 2px 0px #F93,
				-2px 2px 0px #F93,
				4px 4px 3px #999;
	font-weight:bold;
	height:3rem
	}
.title_b:after{
	content:"";
	margin-bottom:5px;
	display:block;
	height:2px;
	width:98%;
		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ec31f+0,8ec31f+50,8ec31f+51,ffffff+100 */
background: #8ec31f; /* Old browsers */
background: -moz-linear-gradient(left, #8ec31f 0%, #8ec31f 50%, #8ec31f 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #8ec31f 0%,#8ec31f 50%,#8ec31f 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8ec31f 0%,#8ec31f 50%,#8ec31f 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec31f', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}	
.title_b_2{
	font-size:1.25rem;
	color:#FFFFFF;
	filter: Shadow(Color=#0BAAEE,direction=135);
	text-shadow: -2px -2px 0px #0BAAEE,
				2px -2px 0px #0BAAEE,
				2px 2px 0px #0BAAEE,
				-2px 2px 0px #0BAAEE,
				4px 4px 3px #999;
	font-weight:bold;
	height:3rem
	}
.title_b_2:after{
	content:"";
	margin-bottom:5px;
	display:block;
	height:2px;
	width:98%;
		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ec31f+0,8ec31f+50,8ec31f+51,ffffff+100 */
background: #007bff; /* Old browsers */
background: -moz-linear-gradient(left, #007bff 0%, #007bff 50%, #007bff 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #007bff 0%,#007bff 50%,#007bff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #007bff 0%,#007bff 50%,#007bff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}	
.border-box{
	border-radius:.25rem;
	border: 2px solid #ffc107;
	padding-left:.5rem;
	padding-right:.5rem;
	padding-top:.5rem;
	margin-bottom:-1.5rem;
	height:100%;
	}
			
.tel{
	color: #FFF;
	filter: Shadow(Color=#F93,direction=135);
	text-shadow: -2px -2px 0px #F00,
				2px -2px 0px #F00,
				2px 2px 0px #F00,
				-2px 2px 0px #F00;
	font-weight:bold;
	text-align:center
}
.top .collapse{
	}
.top .top_menu, .top .top_submenu{
	background-color:transparent;
	padding-right:0px
}
.top .top_menu{
	background-image: url(../imgs/menu_top_r.png), url(../imgs/menu_bot_r.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right top, right bottom;
	padding-top:27px;
	padding-bottom:60px;
	z-index:100

	}
.top .top_submenu{
	padding-top:0px;
	padding-bottom:0px
	
	}	
.top .menu_item, .top .menu_item_s,.top .menu_item_s_h{
	background-image:url(../imgs/menu_bg.png);
	height:41px;
	background-repeat: no-repeat;
	background-position: right;
	color:#FFFF66;
	font-weight:bold;
	padding-right:.5rem;
	padding-top:.5rem;
	font-size:1.25rem;
	
} 
.top .menu_item_s{
	font-size:.85rem;
	background-image:url(../imgs/menu_bg_s.png);
	height:30px;
	padding-top:.25rem;
	}
.top .menu_item_s_h{
	font-size:.75rem;
	background-image:url(../imgs/menu_bg_s_r.png);
	height:45px;
	padding-top:.25rem;
	}
.top .menu_item:focus,.top .menu_item:hover,
.top .menu_item_s:focus,.top .menu_item_s:hover,
.top .menu_item_s_h:focus,.top .menu_item_s_h:hover{
	color:#FFFFFF;
		filter: Shadow(Color=#F00,direction=135);
	text-shadow: -2px -2px 0px #F93,
				2px -2px 0px #F93,
				2px 2px 0px #F93,
				-2px 2px 0px #F93;
	font-weight:bold;text-decoration:none;background-color:transparent}	
.side .top_menu, .top .top_submenu{
	background-color:transparent;
	padding-left:0px
}
.side .top_menu{
	background-image: url(../imgs/menu_top_l.png), url(../imgs/menu_bot_l.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left bottom;
	padding-top:27px;
	padding-bottom:60px;
	padding-right:0px
	}
.side .top_submenu{
	padding:0px;
	}	
.side .menu_item, .side .menu_item_s,
.side .menu_item_s_h{
	background-image:url(../imgs/menu_bg_l.png);
	background-repeat: no-repeat;
	background-position: left;
	color:#FFFF66;
	font-weight:bold;
	padding-left:.5rem;
	padding-top:.5rem;
	font-size:1.25rem
} 
.side .menu_item_s{
	font-size:.85rem;
	background-image:url(../imgs/menu_bg_s_l.png);
	height:30px;
	padding-top:.25rem;
	}
.side .menu_item_s_h{
	font-size:.75rem;
	background-image:url(../imgs/menu_bg_s_h.png);
	height:45px;
	padding-top:.25rem;
	margin-top:-1px;
	margin-left:-1px
	}	
.side .menu_item:focus,.side .menu_item:hover,
.side .menu_item_s:focus,.side .menu_item_s:hover,
.side .menu_item_s_h:focus,.side .menu_item_s_h:hover
{
	color:#FFFFFF;
		filter: Shadow(Color=#F00,direction=135);
	text-shadow: -2px -2px 0px #F93,
				2px -2px 0px #F93,
				2px 2px 0px #F93,
				-2px 2px 0px #F93;
	font-weight:bold;text-decoration:none;background-color:transparent}	
		
@media only screen and (min-width: 576px) {
.tel{
	font-size:1.5rem;
	}	
.btn-warning{
	padding:.25rem .25rem;}	
}
@media only screen and (min-width: 768px) {
.tel{
	font-size:1.75rem}	
}
.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
.bxslider img{
  width: 100% !important;
  height: auto !important;
}
.jikan table, .jikan th, .jikan td,
.calendar table, .calendar th, .calendar td{
	border: 1px solid #ffc107;
	}
.jikan table{
	margin:10px}	
.jikan th, .jikan td{
	padding:.5rem;
	text-align:center}
		
.jikan th{
	font-weight:normal
	}
.calendar table{
	width:100%}	
.calendar th, .calendar td{
	text-align:center;
}
.kyushin,
.kyushin-gogo,
.shinryo-18,
.shinryo-19{
	background-repeat:no-repeat;
	background-position:center left;
	max-width:125px;
	padding-right:.25rem;
	padding-left:17px;
	float:left;
	margin-left:10px}
.kyushin{
	background-image:url(../imgs/kyushin.png)
	}
.kyushin-gogo{
	background-image:url(../imgs/kyushin-gogo.png)
	}
.shinryo-18{
	background-image:url(../imgs/shinryo-18.png)	}	
.shinryo-19{
	background-image:url(../imgs/shinryo-19.png)	}
.td-kyushin{
	background-color:#F8D7DA
	}
.td-kyushin-gogo{
	background-color:#FFF3CD
	}
.td-shinryo-18{
	background-color:#CCE5FF
	}	
.td-shinryo-19{
		}

@media only screen and (max-width: 575px) {
.jikan th, .jikan td{
	padding:.25rem}
}
@media only screen and (min-width: 992px) {
.jikan th, .jikan td{
	padding:.3rem}
}
@media only screen and (min-width: 1200px) {
.jikan th, .jikan td{
	padding:.5rem}
}
.invisalign_bg{
	/* [disabled]background-image:url(../imgs/invisalign3.jpg); */
	/* [disabled]background-repeat:no-repeat; */
	/* [disabled]background-position:top right; */
}	
.bra-year {
	text-indent: -3.5em;
	padding-left: 3.5em;
	margin-bottom:.25rem
}
.nagare_ya{
	bottom: 0;
  	left: 10;
	}
@media only screen and (min-width: 992px) {
.nagare_ya{
	position:absolute;
}
}
.triangle_center{width:64px; margin:0 auto}
.pc-footer{
	width:1140px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FF9935
}

.pc-footer .cc{
	font-size:0.7rem}
.footer_menu{
	text-align: center;
	margin-bottom: 10px;
	margin-top:-15px
	}
.footer_menu li{
	list-style-type: none;
	display: inline;
}
.footer_menu li a{
	color: #FFF;
	font-size:14px;
}
.sp-footer .link a{
	color: #FFF;
	font-size:14px;
}

.footer_menu li a:hover{
	text-shadow: -2px -2px 0px #F00,
	2px -2px 0px #F00,
	2px 2px 0px #F00,
	-2px 2px 0px #F00;
	text-decoration: none;
}
.footer_menu li:not(:last-child):after{
	content:" | "
}
.sp-footer{
	height: 80px;
	width: 100%;
	padding:10px;
	font-weight: bold;
	color: #FFF;
	background-color: #ff9935;
	}
.sp-footer .waku{
	width:245px;
	margin:0 auto;
	height:80px
	}	
.sp-footer .link{
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	}

@media only screen and (max-width: 767px) {
.footer-mb{
	margin-bottom:100px}	
}
@media only screen and (min-width: 576px) {

#to-top {
	font-size: 0.7rem;
	width: 70px;
	opacity:0.6;
	position:fixed;
	right: 20px;
	bottom: 32px;
}
#to-top a {
	text-decoration: none;
	color: #28a745;
	width: 70px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	height: 65px;
	border: 1px solid #28a745;
	background-image: url(../imgs/chevron-up.svg);
}
#to-top a{
	padding-bottom:15px;
}
#to-top a:hover {
	text-decoration: none;
	background-color: #28a745;
	background-image: url(../imgs/chevron-up-hover.svg);
	color: #FFF;
}	
}		
.google-maps {
 position: relative;
 padding-bottom: 75%; // これが縦横比
height: 0;
 overflow: hidden;
 }
 .google-maps iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 }
 
 div#map,
 div#map2{
  width:100%;
  height:400px;
  border:4px solid white;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}
.ui-shadow{-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3)}
.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}
		
.col-1,.col-2,.col-3,
.col-4,.col-5,.col-6,
.col-7,.col-8,.col-9,
.col-10,.col-11,.col-12,.col,
.col-lg-4, .col-md-6,.col-xs-10,
.col-sm-6, .col-sm-1{
	/* [disabled]border: 1px solid #F00; */
	}
#example3 .sp-selected-thumbnail,
#example4 .sp-selected-thumbnail {
	/* [disabled]border: 2px solid #CC0000; */
}
.container_c {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 40px;
}
.font11_c {
	font-size: 11pt;
	line-height: 150%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
}
.happy_accordion .card-header button,
.happy_accordion .card-header .btn{
	display:block;
	text-align:left;
	width:100%;
	height:80px}
.happy_accordion .card-header .btn img,
.happy_accordion .card-header .btn h5{
	float:left;
	}
.cnr_ttl{
	color:#FFF;
	filter: Shadow(Color=#28A5E6,direction=135);
	text-shadow: -2px -2px 1px #28A5E6,
				2px -2px 1px #28A5E6,
				2px 2px 1px #28A5E6,
				-2px 2px 1px #28A5E6;
	font-weight:bold;
}
.cnr_ttl:after{
	content:"";
	margin-bottom:5px;
	margin-top:2px;
	display:block;
	height:2px;
	width:98%;
	background: -moz-linear-gradient(left, rgba(40,165,230,1) 0%, rgba(40,165,230,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(40,165,230,1) 0%,rgba(40,165,230,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(40,165,230,1) 0%,rgba(40,165,230,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a5e6', endColorstr='#0028a5e6',GradientType=1 ); 
}	
.cnr_ttl_s, .happy_ttl{
	color:#FFF;
	filter: Shadow(Color=#FF9900,direction=135);
	text-shadow: -2px -2px 1px #FF9900,
				2px -2px 1px #FF9900,
				2px 2px 1px #FF9900,
				-2px 2px 1px #FF9900;
	font-weight:bold;
}
.cnr_ttl_s:after{
	content:"";
	margin-bottom:5px;
	margin-top:2px;
	display:block;
	height:2px;
	width:98%;
	background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,153,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%,rgba(255,153,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,153,0,1) 0%,rgba(255,153,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#0028a5e6',GradientType=1 ); 
}	
.btn-link h5:hover, .card-header button:hover h5 {
	filter: Shadow(Color=#F60,direction=135);
	text-shadow: -2px -2px 1px #F60,
				2px -2px 1px #F60,
				2px 2px 1px #F60,
				-2px 2px 1px #F60;
}

.happy-index .ajax{
	display:block;
	margin-bottom:0.25rem}
.honbun_happy {
	max-width: 540px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11pt;
	line-height: 150%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	
}
.honbun_happy h1{
	text-align: center;
	font-size: 24px;
	padding-bottom: 10px;


}

.honbun_happy h2 {
	text-align: center;
	font-size: 18px;
	margin-bottom: -10px;
}
.happy_bra,
.happy-index a {
	padding-left: 1em;
	text-indent: -1em;
}
.menu_c {
	font-size: .8rem;
	margin-top: 20px;
	margin-left:10px;
	margin-right:10px;
}
.menu_c UL{
	list-style-type: none;
	text-align: center;
	height: 40px;
	margin-left:-40px
}

.menu_c LI{
	height: 40px;
	width: 33%;
	float: left;
}
.menu_c LI a {
	height: 40px;
	text-decoration: none;
	color: #06F;
	display:block;
	line-height:40px;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	border-radius:20px
}

.menu_c LI a:hover {
	color: #F00;
	font-weight: bold;
	background-color:#999999;
	opacity:0.5;
}
.menu_c LI:first-child{
	background-image:url(../happy/images/arrow_b.png);
	background-position:left;
	background-repeat:no-repeat;
}
.menu_c LI:first-child a{
	padding-left:45px;
	padding-right:5px
	}
.menu_c LI:last-child{
	background-image:url(../happy/images/arrow_f.png);
	background-position:right;
	background-repeat:no-repeat;
}
.menu_c LI:last-child a{
	padding-left:5px;
	padding-right:45px
}
.menu_ct {
	font-size: .8rem;
	margin-left:auto;
	margin-right:auto;

}
.menu_ct UL{
	margin-left:-40px;
	list-style-type: none;
	text-align: center;
	height: 40px;
}

.menu_ct LI{
	height: 40px;
	width: 33%;
	padding-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
.menu_ct LI a {
	text-decoration: none;
	color: #06F;
	display:block;
	line-height:40px;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	border-radius:20px;
}

.menu_ct LI a:hover {
	color: #F00;
	font-weight: bold;
	background-color:#999999;
	opacity:0.5;
}