@charset "UTF-8";
/* ================================

下層ページ全体

================================= */
.contents { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }

/* title */
#title { background-color: #666666; padding: 10px 0; margin-bottom: 30px; line-height: 1.4em; }

#title h1 { text-align: center; font-size: 19px; color: #fff; }

/* snsArea */
#snsArea .contents { margin-bottom: 30px; }

#snsArea .snsBox { margin-bottom: 0; }

.snsBox li { margin-right: 5px; }

/* h2設定 */
h2.type1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1000px; padding: 13px 0 13px 25px; margin: 0 auto 30px; color: #151a93; font-size: 17px; line-height: 20px; font-weight: bold; border-left: 8px solid #dddddd; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }

/* h3設定 */
h3.type1 { margin-bottom: 20px; color: #151a93; font-size: 17px; line-height: 20px; font-weight: bold; text-align: center; }

h3.type2 { color: #fff; font-size: 17px; line-height: 20px; font-weight: bold; text-align: center; padding: 10px 0; background-color: #141097; }

h3.type3 { color: #fff; font-size: 17px; line-height: 20px; font-weight: bold; text-align: center; padding: 10px 0; background-color: #666; }

h3.type4 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #bbbbbb; color: #151a93; font-size: 17px; line-height: 20px; font-weight: bold; text-align: center; }

h3.type5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto 30px; text-align: center; color: #0a0096; font-size: 15px; line-height: 18px; font-weight: bold; padding: 10px 0; background-color: #fafafa; }

/* h4設定 */
h4.type1 { text-align: center; font-weight: bold; font-size: 16px; line-height: 140%; }

/* ul設定 */
ul.type1 > li { text-indent: -1em; padding-left: 1em; }

ul.type1 > li:before { content: "・"; }

ul.columnList2 { overflow: hidden; }

ul.columnList2 > li { width: 49%; float: left; margin-bottom: 20px; }

ul.columnList2 > li:nth-child(2n) { float: right; }

ul.columnList2 > li:nth-last-child(2), ul.columnList2 > li:last-child { margin-bottom: 0; }

/* table設定 */
table.type1 { border-collapse: collapse; width: 100%; }

table.type1 tr { border: 1px solid #dddddd; }

table.type1 th { font-weight: bold; text-align: center; padding: 10px; vertical-align: middle; }

table.type1 td { padding: 10px; vertical-align: middle; }

table.type1 .gray { background-color: #666; color: #fff; }

/* background-color設定 */
.bgGray { background-color: #fafafa; padding: 3%; }

/* a設定 */
a.blueLine { color: #0e0c90; text-decoration: underline; }

/* ================================

一覧ページ用

================================= */
/* archivesBox */
.archivesBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 1000px; margin-left: auto; margin-right: auto; width: 100%; padding: 3%; border-top: 1px solid #dddddd; }

.archivesBox .tit { font-size: 16px; font-weight: bold; color: #12178d; margin-bottom: 10px; }

.archivesBox .text { margin-bottom: 30px; }

.archivesBox .date { font-size: 10px; line-height: 1; text-align: right; }

.archivesBox .date.new:before { content: 'NEW'; font-size: 9px; color: #fff; background-color: #0a0080; padding: 2px 3px; vertical-align: top; margin-right: 5px; }

/* archivesList */
.archivesList { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }

.archivesList li { padding: 3%; border-top: 1px solid #dddddd; }

.archivesList .date { font-size: 10px; line-height: 1; margin-bottom: 15px; }

.archivesList .date.new:after { content: 'NEW'; font-size: 9px; color: #fff; background-color: #0a0080; padding: 2px 3px; vertical-align: top; margin-left: 5px; }

.archivesList a:hover { text-decoration: underline; color: #151a93; }

/* ================================

wp-pagenavi 　ページャー

================================= */
.pagerBox { border-top: 1px solid #dddddd; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }

.wp-pagenavi { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 500px; width: 100%; padding: 8% 3% 8% 3%; margin-left: auto; margin-right: auto; overflow: hidden; }

.wp-pagenavi a, .wp-pagenavi span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 4% 0; margin-right: 3.28%; font-size: 16px; float: left; }

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { width: 23.125%; position: relative; }

.wp-pagenavi .current, .wp-pagenavi .page { width: 11.5625%; text-align: center; }

.wp-pagenavi .nextpostslink { margin-right: 0; }

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .page { border: 1px solid #bbb; color: #0a0080; transition: background-color .2s linear; }

.wp-pagenavi .current { background-color: #0a0080; color: #fff; }

.wp-pagenavi .previouspostslink { text-align: right; padding-right: 20px; }

.wp-pagenavi .previouspostslink:before { position: absolute; content: url(../images/common/arrow-pre.png); top: 50%; margin-top: -13px; left: 20px; }

.wp-pagenavi .nextpostslink { text-align: left; padding-left: 20px; }

.wp-pagenavi .nextpostslink:after { position: absolute; content: url(../images/common/arrow-next.png); top: 50%; margin-top: -13px; right: 20px; }

.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .page:hover { background-color: rgba(12, 0, 128, 0.1); }

/************************************************ 
 ↓↓↓↓↓↓↓↓個別のページ設定↓↓↓↓↓↓↓↓

************************************************ /


/* ================================

feature 比較・特徴

================================= */
.feature .contents { margin-bottom: 50px; }

.feature .text1 { height: 25px; color: #fff; line-height: 25px; text-align: center; background-color: #666666; }

.feature .text2 { height: 25px; color: #fff; line-height: 25px; text-align: center; background-color: #161b94; }

/* ================================

recovery 合併症・リカバリー

================================= */
.recovery .contents { margin-bottom: 40px; }

/* ================================

data 各種データ

================================= */
.data .contents { margin-bottom: 60px; }

.data .box1 { max-width: 560px; margin: 0 auto; }

/* ================================

group スマイル研究会

================================= */
.group .contents { margin-bottom: 60px; }

.group .contents img.img1 { width: 380px; }

/* ================================

academic 学術論文

================================= */
.academic .contents { margin-bottom: 30px; }

/* ================================

.academic.detail 学術論文詳細

================================= */
.academic.detail .box1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 1000px; width: 100%; padding: 10px 20px; margin: 0 auto 10px; border-bottom: 1px solid #dddddd; overflow: hidden; }

.academic.detail .box1 .back { display: block; float: left; height: 13px; padding-left: 15px; color: #12178d; font-size: 13px; line-height: 13px; background-image: url(../images/common/arrow-pre.png); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: left center; margin-top: 6px; }

.academic.detail .box1 .date { float: right; text-align: right; font-size: 9px; }

/* ================================

news ニュース一覧

================================= */
.news .contents { margin-bottom: 30px; }

/* ================================

about リレックススマイル

================================= */
.about .contents { margin-bottom: 60px; }

.about .table1 td.gray { width: 30%; }

.about .table1 td { width: 70%; }

.about .list1 { overflow: hidden; }

.about .list1 li { float: left; width: 32%; margin-left: 2%; }

.about .list1 li:first-child { margin-left: 0; }

.about .list1 li .tit { padding: 10px 0; background-color: #666; color: #fff; font-weight: bold; text-align: center; margin-bottom: 0; }

.about .list1 li .text { display: none; }

.about .dList1 { overflow: hidden; background-color: #fafafa; }

.about .dList1 dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 13px 10px; width: 20%; font-weight: bold; font-size: 16px; }

.about .dList1 dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 13px 10px; width: 80%; font-size: 16px; }

.about .dList1.day { background-color: #12009a; color: #fff; }

.about .dList1.day dt { float: none; width: 100%; text-align: center; }

.about .box1:after { margin-top: 10px; content: ""; display: block; width: 0; height: 0; border-top: 20px solid #dddddd; border-bottom: 10px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; margin-left: auto; margin-right: auto; }

.about .list2 { overflow: hidden; }

.about .list2 li { float: left; width: 32%; margin-left: 2%; }

.about .list2 li p { margin-bottom: 5px; }

.about .list2 li:first-child { margin-left: 0; }

.about .table2 th { width: 12%; }

.about .table2 td { width: 88%; }

.about .table2 td.bg1, .about .table2 td.bg2 { background-repeat: no-repeat; background-position: right 30px center; height: 180px; }

.about .table2 td.bg1 { background-image: url(../images/about/ph-about4.png); }

.about .table2 td.bg2 { background-image: url(../images/about/ph-about5.png); }

.about .list3 li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #bbb; }

.about .list3 li:last-child { border-bottom: none; }

.about .list3 li .name { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.about .list3 li .name span { margin-left: 10px; font-size: 16px; font-weight: bold; }

.about .list3 li .name span:before { margin-right: 10px; }

.about .list3 li .name .JPN:before { content: url(../images/about/icon-about1.png); }

.about .list3 li .name .ESP:before { content: url(../images/about/icon-about2.png); }

.about .list3 li .name .DEU:before { content: url(../images/about/icon-about3.png); }

.about .list3 li .name .BEL:before { content: url(../images/about/icon-about4.png); }

.about .list3 li .name .FIN:before { content: url(../images/about/icon-about5.png); }

/* ================================

clinic 認定クリニック一覧

================================= */
.clinic #map { position: relative; padding: 40px 0; }
.clinic #map .map_txt { position: absolute; font-size: 15px; }
.clinic #map .map_txt.map_txt_01 { top: 395px; right: 158px; }
.clinic #map .map_txt.map_txtg_02 { top: 535px; right: 158px; }
.clinic #map .map_txt.map_txtg_02 p { margin-bottom: 10px; text-align: right; }
.clinic #map .map_txt.map_txt_07 { top: 235px; left: 160px; }
.clinic #map .map_txt.map_txt_08 { top: 395px; left: 160px; }
.clinic #map .map_txt.map_txt_09 { bottom: 315px; left: 160px; }
.clinic #map .map_txt.map_txt_10 { bottom: 90px; right: 158px; }

.clinic section { margin-bottom: 40px; }

/*.clinic section h3 {
	font-size:18px;
	border-bottom:1px solid #2664C4;
	padding-bottom:2px;
	line-height:1em;
	margin-bottom:20px;
	font-weight:normal;
	}
.clinic section h3 span {
	border-left:4px solid #2664C4;
	padding:3px 0 3px 10px;
	color:#2664C4;
	display:block;
	}
*/
/*.clinic section table {width:100%;border-collapse:collapse;}
.clinic section table a {text-decoration:none;}
.clinic section table a:hover {text-decoration:underline;}
.clinic section table td,
.clinic section table th {
	font-weight:normal;
	border:1px solid #595858;
	padding:5px 10px;
	}
.clinic section table th {background:#E6F7FF;}*/
.clinic table a { color: #151a93; text-decoration: underline; }

.clinic section table th { border: 1px solid #fff; }

.clinic section table td { border: 1px solid #dddddd; }

.clinic section table td:last-child { text-align: center; }

.clinic section table td:nth-of-type(1) { width: 240px; }

.clinic section table td:nth-of-type(2) { width: 370px; }

.clinic section table td:nth-of-type(3) { width: 130px; }

.clinic section #area1 h3 { color: #0a0096; }

.clinic section #area2 h3 { color: #2b52bc; }

.clinic section #area3 h3 { color: #0090e0; }

.clinic section #area4 h3 { color: #009dd8; }

.clinic section #area5 h3 { color: #24bbd1; }

.clinic section #area6 h3 { color: #00a1aa; }

/*# sourceMappingURL=contents.css.map */
