@charset "UTF-8";
/* category */
.img_right {
    float: right;
	width: 40%;
	margin: 0 0 10px 10px;
}
.img_right55 {
    float: right;
	width: 55%;
	margin: 0 0 10px 10px;
}
.img_right img ,
.img_right55 img {
    width: 100%;
}
img.full {
    width: 100%;
}
#column h1 {
	background:-moz-linear-gradient(top, #4cccee 0%, #3cc1e5 50%, #049cce 100%); /* firefox */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #4cccee), color-stop(50%, #3cc1e5), color-stop(100%, #049cce)); /* webkit */
}
#column h2 {
	background-color: #185584;
}
#column h3 {
	margin-bottom: 10px;
	clear: both;
}
#column h4 {
	background-color:#b9f4f9;
	border:1px dotted #00aee0;
	text-align: left;
	margin-bottom: 10px;
	padding: 6px 4px 4px 2px;
	line-height: 1.2em;
}

#column .category01 .about_box {
    border:1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}
#column .category01 p.here a {
    text-align: right;
	border-top: 1px dotted #185584;
	clear: both;
	padding-top: 0.8em;
}

#column .category01 section {
	overflow:hidden;
	zoom:1;
	padding:10px 10px 10px 50px;
	margin-bottom:1em;
	background-color: #d7f2ff;
	background-image: url(../../images/category/category14_vis_02.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
#column .category01 section p.last-child {
	margin-bottom:0;
}


h3{
	text-align:left;
	font-weight:bold;
}

.overbite_h3{
	color:#135486;
}

.gummy_a a{
	text-align:left;
	text-decoration:underline;
	color:#333333;
	display: inline;
}

.gummy_a a:hover{
	text-align:left;
	text-decoration:underline;
	color: #6699FF;
	display: inline;
}

h3.lanternjaw_stitle{
	background-image:url(../../images/common_h3_back.gif);
	background-repeat:repeat;
	background-position:left top;
	text-align:left;
	clear:both;
	padding:10px;
	margin-bottom:10px;
}


/*------------------------
ガミースマイル症例写真
-------------------------*/
.gummy_photo{
	border:#333333 1px solid;
	margin:10px;
	padding:10px;
}

/*----------------------
box
-----------------------*/
.red_box{
	border:#FF5555 1px solid;
	margin:20px;
	padding:10px;
	color:#FF5555;
	clear:both;
}
.red_box p{
	margin:0;
	padding:0;
}


/*---------------------
数字のリスト
----------------------*/
ol.overbite_number{
	list-style-type:decimal!important;
	list-style-position:outside;
}

ol.overbite_number li{
	margin-left:20px;
	text-align:left;
	list-style-type:decimal!important;
	line-height:1.3;
}

/*-----------------------
症例写真のボックス
------------------------*/
.overbite_photobox{
	border:#CCCCCC 1px solid;
	margin:0 auto;
	width:80%;
	padding:10px;
}


/*------------------------
出っ歯の治し方
--------------------------*/
.overbite_box a{
	text-align:left;
	display:inline;
	color:#FF3282;
	text-decoration:underline;
}


/*------------SEO施策による追加CSS 2017/06/26--------------*/

/*---アコーディオンメニュ---*/
.displayNone {
display: none;
}
.accordion li a {
border-bottom: 1px solid rgba(255,255,255,0.30);
padding: 15px 15px 15px 45px;
text-align: left;
color: #fff;
}

.contentWrap {
background-color: #4bafe1;
}
.switch {
cursor:pointer;
font-weight: bold;
padding:15px 10px 15px 20px;
font-size: 14px;
color: #fff;
background: #009ad8;
border-bottom: 1px solid rgba(255,255,255,0.50);
position: relative;
text-align: left;
}

.switch:after {
position: absolute;
top: 10px;
right: 10px;
/*margin-top: -18px;*/
content: '＋';
font-size: 18px;
line-height: 24px;
font-weight: bold;
background-color: rgba(255,255,255,0.75);
padding: 0px;
margin: 0;
width: 22px;
height: 22px;
text-align: center;
display: inline-block;
border-radius: 50%;
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
font-family: sans-serif;
color: #009ad8;
}
.switch.open:after {
content: '−';
line-height:22px;
font-family: sans-serif;
}

.accordion2 li a {
border-bottom: 1px solid rgba(255,255,255,0.30);
padding: 15px 15px 15px 65px;
text-align: left;
color: #fff;
}

.contentWrap2 {
background-color: #80c4e9;
}
.switch2 {
cursor:pointer;
font-weight: bold;
padding:15px 10px 15px 45px;
font-size: 14px;
color: #fff;
background: #4bafe1;
border-bottom: 1px solid rgba(255,255,255,0.25);
position: relative;
text-align: left;
}

.switch2:after {
position: absolute;
top: 10px;
right: 10px;
/*margin-top: -18px;*/
content: '＋';
font-size: 18px;
line-height: 24px;
font-weight: bold;
background-color: rgba(255,255,255,0.75);
padding: 0px;
margin: 0;
width: 22px;
height: 22px;
text-align: center;
display: inline-block;
border-radius: 50%;
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
font-family: sans-serif;
color: #009ad8;
}
.switch2.open:after {
content: '−';
line-height:22px;
font-family: sans-serif;
}

.switch_no a {
cursor:pointer;
font-weight: bold;
padding:15px 10px 15px 20px;
font-size: 14px;
color: #fff;
background: #009ad8;
border-bottom: 1px solid rgba(255,255,255,0.50);
position: relative;
text-align: left;
}

.switch_no a:after {
position: absolute;
top: 10px;
right: 20px;
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #ffffff;
}

.ac_ttl a {
cursor:pointer;
font-weight: bold;
padding: 0 10px 10px 20px;
font-size: 14px;
color: #fff;
background: #4bafe1;
border-bottom: 1px solid rgba(255,255,255,0.50);
position: relative;
text-align: left;
}



.lanternjaw_ttl {
	padding: 10px 0 5px 5px;
	color: #326a99;
	border-bottom: solid 1px #326a99;
}

.lanternjaw_ttlbx {
	padding: 10px 0px 8px 5px;
	color: #326a99;
	border: solid 1px #326a99;
}


.ex_box {
	margin-bottom: 20px;
	padding: 10px 10px 15px 10px;
	border: solid 1px #6dc5e9;
	background-color: #f9f9f9;
}

.ex_box2 {
	margin-bottom: 20px;
	padding: 10px 10px 15px 10px;
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
}

.exttl {
	padding-top: 10px;
	color: #185584;
	
}

.ex_ttl {
	color: #6dc5e9;
	padding: 10px 5px 5px 5px;
}

.ex_txt {
	padding: 5px 5px 5px 20px;
}

.gline {
	border: 1px solid #cccccc;
}

.red {
	color:crimson;
}

.lanternjaw_r {
	text-align: right;
	text-decoration: none;
	color:deeppink;
}

.indent1{
	padding-left:1.8em;
	text-indent:-1.8em;
	text-align: left;
	line-height: 18px;
}

.indent2{
	padding-left:1.5em;
	text-indent:-1em;
	text-align: left;
	line-height: 18px;
}



.vp15 {
	padding: 15px 0;
}

.vbp15 {
	padding-bottom: 15px;
}

.vtp10px {
	padding-top: 10px;
}