@charset "utf-8";
@import url("common.css");
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);




/* --- 装飾 --- */
.color_org{
	color: #f08441;
}
.color_wht{
	color: #fff;
}
.dot-line{
	margin: 40px auto;
	width: 100%;
	border-top: 1px dotted #c0c0c0;
}


/* --- タイトル --- */
.g-title {
margin-left: 3px;
font-size: 22px;
letter-spacing : 0.15em;
font-weight:normal;
color: #8fc31f;
}

.org-title {
margin-left: 3px;
font-size: 22px;
letter-spacing : 0.15em;
font-weight:normal;
color: #f08441;
}

.i-min {
	font-family: 'Rounded Mplus 1c';
}

/* -----------------------------------------------
 流れ guide_1
-------------------------------------------------- */
#lower_layer #category #contents_inner #treat_flow .main_t {
	position: relative;
	width: 850px;
	margin: 50px auto 120px;
}
#lower_layer #category #contents_inner #treat_flow .t-text {
	position: absolute;
	left: 25px;
	bottom: 70px;
}
#lower_layer #category #contents_inner #treat_flow .main_t02 img{
	margin-top: 80px;
	margin-left: 50px;
	margin-bottom: 40px;
}

/* --- リストエリア --- */
ol.flow_arrow {
width: 80%; /* リストエリアの幅 */
margin: 0 auto;
padding: 0;
list-style-type: none;
font-size: 120%;
line-height: 2.0;
}

/* --- リスト項目 --- */
/*ol.flow_arrow li {
margin-bottom: 80px; /* リスト項目の下マージン */
/*padding-bottom: 80px; /* リスト項目の下パディング */
/*background: url(../ortho/img/flow_arrow_or.png) no-repeat center bottom; /* リスト項目の背景 */
/*}*/
/* --- 最後のリスト項目 --- */
ol.flow_arrow li.last {
	margin-bottom: 100px;
}
ol.flow_arrow li.arrow {
	text-align: center;
	margin-bottom: 100px;
}
/* --- ボックス --- */
ol.flow_arrow dl {
margin: 0;
/*border: 1px #8fc31f solid; /* ボックスの境界線 */
}

/* --- タイトルエリア --- */
ol.flow_arrow dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #f9f9f9; /* タイトルエリアの背景色 */
/*border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
border: 1px #c0c0c0 solid;
font-weight: bold;
color: #999999;
border-radius: 5px;
position: relative;
text-align: center;
}


/* --- 本文エリア --- */
ol.flow_arrow dd {
margin: 20px;
padding: 30px 25px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */

overflow: hidden; /* heightを戻す */
}
ol.flow_arrow dd .meg {
	margin: 0 0 20px 0;
	line-height: 180%;
}
ol.flow_arrow dd .right a{
	right: 30px;
	text-decoration: underline;
}

/*.contbox .msg {
	font-size: 120%;
	line-height: 1.8em;
	margin: 40px 60px 80px;
}*/

ol.flow_arrow dd img.fl {
	margin:0px 26px 0px 0px;
	float: left;
}

ol.flow_arrow dd img.fr {
	margin:0px 0px 0px 26px;
	float: right;
}

/* -----------------------------------------------
 費用
-------------------------------------------------- */
#lower_layer #category #contents_inner #price .main_t {
	position: relative;
	width: 850px;
	margin: 50px auto 50px;
}
#lower_layer #category #contents_inner #price .t-text {
	position: absolute;
	left: 25px;
	bottom: 70px;
}
#lower_layer #category #contents_inner #price .main_t02 img{
	margin-top: 80px;
	margin-left: 50px;
	margin-bottom: 40px;
}

/* --- リストエリア --- */
#lower_layer #category #contents_inner #price ol.flow_plus {
width: 80%; /* リストエリアの幅 */
margin: 0 auto;
padding: 0;
list-style-type: none;
font-size: 120%;
line-height: 2.0;
}

/* --- リスト項目 --- */
#lower_layer #category #contents_inner #price ol.flow_plus li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 54px; /* リスト項目の下パディング */
background: url(../ortho/img/plus.png) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
#lower_layer #category #contents_inner #price ol.flow_plus li.last {
margin-bottom: 100px;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
#lower_layer #category #contents_inner #price ol.flow_plus dl {
margin: 0;
border: 1px #8fc31f solid; /* ボックスの境界線 */
}

/* --- タイトルエリア --- */
#lower_layer #category #contents_inner #price ol.flow_plus dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #f9f9f9; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
}


/* --- 本文エリア --- */
#lower_layer #category #contents_inner #price ol.flow_plus dd {
margin: 0;
padding: 30px 30px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
line-height: 180%;
}

#lower_layer #category #contents_inner #price ol.flow_plus dd a {
	text-decoration: underline;
}
#lower_layer #category #contents_inner #price ol.flow_plus dd p.right{
	text-align: right;
	margin-top: -25px;
}
/* --- 本文Tableエリア --- */
#lower_layer #category #contents_inner #price ol.flow_plus table.b_price{
	width: 92%;
}
#lower_layer #category #contents_inner #price ol.flow_plus table.b_price , td, th {
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	margin: 10px auto 30px;
}
#lower_layer #category #contents_inner #price ol.flow_plus td, th {
	padding: 5px;
	width: 30px;
	height: 25px;
	font-size: 88%;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 120%;
}
#lower_layer #category #contents_inner #price ol.flow_plus td.cate {
	width: 80px;
	font-size: 70%;
}
#lower_layer #category #contents_inner #price ol.flow_plus td.case {
	width: 200px;
	background: #e3face;
}
#lower_layer #category #contents_inner #price ol.flow_plus td.tex {
	font-size: 70%;
}
#lower_layer #category #contents_inner #price ol.flow_plus td.fee {
	font-size: 88%;
}
#lower_layer #category #contents_inner #price ol.flow_plus th {
	background: #f0e6cc;
}

/* --- 本文アコーディオンエリア --- */
/*.ly_accordion {
	border: 1px solid #fff;
	border-bottom: 0;
	width: 98%;
	margin: 10px auto 30px;
}
.ly_accordion .bl_inner {
	padding: 0 1em;
	border-bottom: 1px solid #fff;
}
.ly_accordion .el_heading {
	display: block;
	margin: 10px;
	border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color:  #3cb548 #32833a #32833a #3cb548;
  padding: 0.5em;
	background: #fff url(../common/img/allow_down.png) no-repeat right center;
}
.ly_accordion .bl_content {
	overflow: hidden;
	max-height: 0;
	transition: max-height .2s ease-out;
}
.ly_accordion .el_radio {
	display: none;
}
.ly_accordion .el_radio:checked + .bl_content {
	max-height: 9999px;
	transition: max-height 1s ease-in;
}
.ly_accordion .bl_content .bl_inner p{
	margin-top: 20px;
}*/
/*#lower_layer #category #contents_inner #price h2 {
  border-left: 5px solid #f08441;
  border: 1px solid #e0fa3e;
	border-radius: 4px;
  padding: 0.3em 0.6em;
	margin-bottom: 20px;
	font-size: 1.2em;
}*/

#lower_layer #category #contents_inner #price h2 {

  background-color: #d9fb76;
	border-radius: 15px;
  padding: 0.3em 0.6em;
	margin-bottom: 20px;
	font-size: 1.2em;
}

/* --- 本文アコーディオン小児矯正テーブルエリア --- */
#lower_layer #category #contents_inner #price table.ch_fee{
	margin: 20px auto 30px;
	width: 100%;
}
#lower_layer #category #contents_inner #price table.ch_fee , td, th {
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	font-size: 90%;
}
#lower_layer #category #contents_inner #price table.ch_fee td.ch_case {
	width: 100px;
	background-color: #e3face;
}
#lower_layer #category #contents_inner #price table.ch_fee td.ch_fee01,
#lower_layer #category #contents_inner #price table.ch_fee td.ch_fee02 {
	width: 12%;
}
#lower_layer #category #contents_inner #price table.ch_fee td.ch_age{
	width: 12%;
}
#lower_layer #category #contents_inner #price table.ch_fee td.ch_txt01,
#lower_layer #category #contents_inner #price table.ch_fee td.ch_txt02 {
	padding: 3px;
	width: 12%;

}
#lower_layer #category #contents_inner #price table.ch_fee td.ch_txt03 {
	width: auto;
}
#lower_layer #category #contents_inner #price table.ch_fee td.ch_fee_num {
	font-size: 80%;
}

/* --- 本文アコーディオン成人矯正テーブルエリア --- */
#lower_layer #category #contents_inner #price table.ad_fee{
	margin: 20px auto 30px;
	width: 100%;
}
#lower_layer #category #contents_inner #price table.ad_fee , td, th {
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	padding: 3px;
	font-size: 90%;
}
#lower_layer #category #contents_inner #price table.ad_fee td.ad_case {
	width: 120px;
	background-color: #e3face;
}
#lower_layer #category #contents_inner #price table.ad_fee td.ad_txt01 {
	width: 280px;
}
#lower_layer #category #contents_inner #price table.ad_fee td.ad_txt02 {
	padding-left: 5px;
	text-align: left;
}
#lower_layer #category #contents_inner #price table.ad_fee td.ad_fee_num {
	font-size: 80%;
}

/* --- 医療費控除 --- */
#koujyo .price_intr img.fl {
	margin:0px 26px 0px 0px;
	float: left;
}

#koujyo .price_intr img.fr {
	margin:0px 0px 0px 26px;
	float: right;
}



/* --- トップ文章エリア --- */
#lower_layer #category #contents_inner #price .price_intr,
#lower_layer #category #contents_inner #koujyo .price_intr,
#lower_layer #category #contents_inner #treat_flow .treat_intr{
	width: 80%;
	margin: 0 auto 50px;
	font-size: 125%;
	line-height: 2.1;
}


/* -----------------------------------------------
 リスクや副作用について
-------------------------------------------------- */

#lower_layer #category #contents_inner #risk .risk_intr{
	width: 75%;
	margin: 0 auto 50px;
	font-size: 125%;
	line-height: 1.8;
}

#risk .risk_intr img.fr {
	margin:0px 0px 0px 26px;
	float: right;
	width: 38%;
}

#lower_layer #category #contents_inner #risk .risk_list{
	width: 80%;
	margin: 0 auto 50px;
	font-size: 125%;
	line-height: 2.1;
}

#lower_layer #category #contents_inner #risk .risk_list ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:1.5em;
  border: dashed 1px gray;
}

#lower_layer #category #contents_inner #risk .risk_list ol li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

#lower_layer #category #contents_inner #risk .risk_list ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #8fc31f;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 13px;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  /*以下上下中央寄せのため*/
  /*top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
}


/* -----------------------------------------------
 子供の矯正
-------------------------------------------------- */


#chd_ortho {
  width: 100%;
}
#chd_ortho .prologue {
  width: 90%;
  margin: 0px auto 150px;
	font-size: 1.2em;
	line-height: 2.0em;
	padding: 40px 0;
}
#chd_ortho img {
  display: block;
  margin: auto;
}

#chd_ortho .catch_copy {
	font-family: 'Rounded Mplus 1c';
	font-size: 1.6em;
	color: #8fc31f;
	margin: 0px auto 50px;
	text-align: center;
}
#chd_ortho .prologue p {
	width: 78%;
	margin: 0 auto;
}

#chd_ortho h2 {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #5d5c5c;
	margin: 80px auto 50px;
	line-height: 1.1em;
	border-left: 4px solid #8fc31f;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 10px;
}


#chd_ortho .chd_inner {
	width: 80%;
	margin: 0 auto 150px;
	font-size: 1.2em;
	line-height: 2.0em;
}



#chd_ortho h3:first-letter {
	font-size: 42px;
	color: #ccc;
	font-style: italic;
	padding-right: 0.5em;
	font-family: fantasy!important;
}
#chd_ortho h3 {
	font-size: 1.2em;
	margin-top: 40px;
	margin-bottom: 10px;
	clear: both;
}
#chd_ortho h3 .indnt-01 {
	padding-left: 3.0em;
}
#chd_ortho img {
	display: block;
	margin: auto;
}
#chd_ortho .indnt-02 {
	padding-left: 40px;
}

#chd_ortho .sntnc_box {
	display: block;
}
#chd_ortho .sntnc_box ul {
	position: relative;
	left: 20px; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
}



#chd_ortho .app_box {
	width: 95%;
	margin: 0 auto 50px;
	overflow: hidden;
}

#chd_ortho h4 {
	position: relative;
	font-size: 1.3em;
	color: #494646;
	font-weight: bold;
	margin-bottom: 20px;
	width: 30%;
}

#chd_ortho h4:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: -webkit-repeating-linear-gradient(-45deg, #cae88a, #cae88a 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #cae88a, #cae88a 2px, #fff 2px, #fff 4px);
}


	.box26 {
	    position: relative;
	    margin: 2em 0;
	    padding: 0.5em 1em;
	    border: solid 4px #ddd;
	    border-radius: 8px;
	}
	.box26 .box-title {
	    position: absolute;
	    display: inline-block;
	    top: -13px;
	    left: 10px;
	    padding: 0 9px;
	    line-height: 1;
	    font-size: 19px;
	    background: #FFF;
	    color: #2b5eab;
	    font-weight: bold;
	}
	.box26 p {
	    margin: 0;
	    padding: 0;
	}

#chd_ortho02 .chd_inner ul {
	line-height: 1em;
	padding-left: 2em;
}

#chd_ortho .chd_inner ul li{
	margin-left: 2em;
	list-style: disc !important;
}

#chd_ortho img.fl {
	margin:0px 26px 0px 0px;
	float: left;
}

#chd_ortho img.fr {
	margin:0px 0px 0px 26px;
	float: right;
}


/*アンカーリンク余白調整*/
#chd_ortho02 , #chd_ortho03 , #chd_ortho04 {
padding-top: 195px;
margin-top: -195px
}



/*---　テーブル１　パステルカラー --- */

.osare-table {
 width:100%;
 table-layout: fixed;
 border: none !important;
 border-collapse: separate;
 border-spacing: 7px 0px;
}

.osare-table th {
 border: none !important;
}

.osare-table tbody td {
	border: none !important;
	background-color:#FFF;
  /*border-bottom: solid 2px #f9f9f9 !important;*/
}


/* ヘッダー */
.osare-table thead th {
 font-weight: bold;
 border-radius: 10px 10px 0px 0px;
}

/* フッター（比較表と色つけたとき用） */
.osare-table tfoot td {
 border-radius: 0 0 10px 10px;
}


/* ボディ項目 */
.osare-table tbody th {
 background:#f2f5fc;
 font-weight: bold;
 border-bottom: solid 2px #f9f9f9 !important;
 line-height:4.5em;
}

/* フッター項目 */
.osare-table tfoot th {
 background:none;
 line-height:3em;
 font-weight: bold;
}



#chd_ortho .note {
	font-size: 0.75em;
	text-align: right;
	margin-top: -30px;
	padding-bottom: 15px;
}
/* ボディデータ */
.osare-table tbody td {
	text-align: left;
	font-size: 0.75em;
	letter-spacing: 0.1px !important;
	line-height: normal !important;
	padding-top: 10px;
}

.osare-table tbody td.cptn {
vertical-align: top;
padding: 0 7px 7px;
}

.osare-table tbody td img {
	padding: 10px 0;
	width: 86%;
}

/* ヘッダー行　１列ごとの色変え */
.osare-table thead th:nth-child(1)  {
 background: #FFBCFF;
}

.osare-table thead th:nth-child(2)  {
 background: #FFFFB2;
}
.osare-table thead th:nth-child(3)  {
 background: #81d4fa;
}
.osare-table thead th:nth-child(4)  {
 background: #C4FF89;
}
.osare-table thead th:nth-child(5)  {
 background: #FFB2D8;
}


.osare-table td.stg_01 {
	background-color: #FFBCFF;
	text-align: center !important;
	 font-weight: bold;
}
.osare-table td.stg_02 {
	background-color: #81d4fa;
	text-align: center !important;
	 font-weight: bold;
}
.osare-table td.stg_03 {
	background-color: #C4FF89;
	text-align: center !important;
	 font-weight: bold;
}


/* 最終行のボーダーをなくす */
.osare-table tbody tr:last-child th,
.osare-table tbody tr:last-child td {
 border-bottom:none !important;
}

/* スマホ調整 */
@media (max-width: 767px) {
	.osare-table thead th,
	.osare-table tbody th {
			padding:0;
	}
	.osare-table tfoot td {
	padding:0;
	font-size:0.9em;
	}
.osare-table tfoot td:nth-child(2) {
	 font-size:1em;
	}

}

/*（共通）　項目の多いテーブルの幅を調整*/
@media (max-width: 767px) {
 .col6t th,
 .col6t td{
 font-size:0.4em;
 padding: 10px 0px;
 }
 .col5t th,
 .col5t td{
 font-size:0.5em;
 padding: 10px 0px;
 }
 .col4t th,
 .col4t td{
 font-size:0.7em;
 padding: 10px 5px;
 }
 .col3t th,
 .col3t td{
 font-size:0.8em;
 padding: 10px 10px;
 }
}




/* -----------------------------------------------
 大人の矯正
-------------------------------------------------- */


#adlt_ortho {
  width: 100%;
}
#adlt_ortho .prologue {
  width: 89%;
  margin: 0px auto 50px;
	font-size: 1.2em;
	line-height: 2.0em;
	padding: 40px 0 100px;
	overflow: hidden;
}

#adlt_ortho img {
  margin: auto;
	float: left;
}


#adlt_ortho .catch_copy {
	font-family: 'Rounded Mplus 1c';
	font-size: 1.5em;
	line-height: 1.65em;
	color: #8fc31f;
	margin: 0px auto 30px;

}
#adlt_ortho .prologue p {
	width: 90%;
	margin: 0 auto;
}

#adlt_ortho02 .adlt_wrap {
	width: 85%;
	margin: 0 auto;
}

#adlt_ortho h2 {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #5d5c5c;
	margin: 80px auto 50px;
	line-height: 1.1em;
	border-left: 4px solid #8fc31f;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 10px;
}


#adlt_ortho .adlt_inner {
	width: 80%;
	margin: 0 auto 100px;
	font-size: 1.2em;
	line-height: 2.0em;
}



#adlt_ortho h3:first-letter {
	font-size: 42px;
	color: #ccc;
	font-style: italic;
	padding-right: 0.5em;
	font-family: fantasy!important;
}
#adlt_ortho h3 {
	font-size: 1.2em;
	margin-top: 40px;
	margin-bottom: 10px;
	clear: both;
}
#adlt_ortho .adlt_wrap .messe {
	width: 80%;
	margin: 0 auto 50px;
	font-size: 1.2em;
}

#adlt_ortho h3 .indnt-01 {
	padding-left: 3.0em;
}
#adlt_ortho img {
	display: block;
	margin: auto;
}
#adlt_ortho .indnt-02 {
	padding-left: 40px;
}

#adlt_ortho .sntnc_box {
	display: block;
}
#adlt_ortho .sntnc_box ul {
	position: relative;
	left: 20px; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
}

#adlt_ortho .app_box {

	margin: 0 auto 50px;
	overflow: hidden;
}



#adlt_ortho h4 {
	position: relative;
	font-size: 1.2em;
	color: #494646;
	font-weight: bold;
	margin-bottom: 20px;
	width: 50%;
}


#adlt_ortho h4:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: -webkit-repeating-linear-gradient(-45deg, #cae88a, #cae88a 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #cae88a, #cae88a 2px, #fff 2px, #fff 4px);
}


#adlt_ortho img.fl {
	margin:0px 26px 0px 0px;
	float: left;
}

#adlt_ortho img.fr {
	margin:0px 0px 0px 26px;
	float: right;
}


/*アンカーリンク余白調整*/
#adlt_ortho02 , #adlt_ortho03, #ext {
padding-top: 195px;
margin-top: -195px
}


/*// 関連記事 //*/
#adlt_ortho .link_wrap {
  width: 75%;
  margin: 0 auto;

}
#adlt_ortho .link_wrap h5 {
  margin:0px auto 30px;
  position: relative;
  text-align: center;
  font-size: 1.3em;
  letter-spacing: 0.8em;
}
#adlt_ortho .link_wrap h5 span {
  position: relative;
  z-index: 5;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 0.3em 0 1.0em;
  background-color: #fff;
  text-align: left;
}
#adlt_ortho .link_wrap h5::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background-color: #ccc;
}

#adlt_ortho .link_space{
	width: 85%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#adlt_ortho .link_btn {
	margin: 30px auto;
  padding-left: 15px;
  float: left;
}
#adlt_ortho .link_btn img {
	width: 300px;
  border:solid 1px #ccc;

}