﻿@charset='utf-8';
html {-webkit-text-size-adjust: 100%}
/*------------------------------*/
/*メイン関係ここから		*/
/*------------------------------*/

/*html,body {
	line-height: 180%;
	text-align: center;
	font-size: 14px;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px auto;
	padding:0;
	text-align:justify;
}

html{
}

a {color:#333333;text-decoration:none;}*/



/*トピックス*/

.newsCont{
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}


.thumbBox{
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	vertical-align:middle;
}


/*.thumbBox2 img{
	width:100%;
	height:auto;
}*/



.newsContent {
	color: #555;
	padding:20px 5px !important;
	width:95%;
	margin:auto;
	vertical-align:middle;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	font-size:15px;
	border-bottom:1px solid #ddd;
}

.newsContent>a {
	color:#625b53;
	font-size:15px;
}
.newsContent>a:hover {
	text-decoration:underline;
	opacity:0.8;
}
	



#topicsArea h3 {
	color:#625b55;
	font-size:20px;
	font-weight:normal;
	text-indent:10px;
	padding-top:20px;
}

#topicsArea h3 a,
.topicsArea h3 a {
	color:#625b55;
	font-size:20px;
	font-weight:normal;
	text-decoration: none;
}

#topicsArea h3 a:hover,
.topicsArea h3 a:hover {
	text-decoration:underline;
}

.nb h3{ margin-bottom:20px;}/*detail*/



.topicsCont {
	width:100%;
	border-bottom:1px solid #ddd;
	padding:25px 5px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	color:#555;
	width:95%;
	margin:auto;
	line-height:150%;
}

.nb {
	border-bottom:0px;
}

.detail{
	max-width:100%;
	margin:20px auto 0;
	color:#555;
	padding-bottom:20px;
	width:95%;
	line-height:150%;
}


.detail img{max-width:100%;
margin:20px 0;}

/*p img {float:left;margin-top:6px;margin-right:5px;}

.button {
	width:100%;
	text-align:center;
	line-height:200%;
}

p.category {
	color:#e14658;
	
}

p.title {
	font-size:18px !important;
	font-weight:bold !important;
	margin:20px 0;
}*/

/*body .text{
	font-size:14px;
	font-weight:normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
	line-height:150%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;*/}

<!--body .text a{
	color:#555;}
	
body .text a:hover{
	text-decoration:underline;}-->


@media only screen and (max-width:800px) {
.newsCont{
	display:inline-table;
	width:100% !important;
	padding:15px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border:5px solid #d4e4cc;
	background:#fff;
	color:#555;
	margin:0 0 20px 0;
}
.column .newsCont{
	padding:0;
	border:none;
	margin:0;
}
}
.content_g_border:has(#topicsArea),
.content_g_border:has(.topicsArea) {
	margin-bottom: 30px;
}

/**************************
20171113追記
**************************/
.newsContent:last-child{
	border-bottom: none;
}

#orthodontics .list #topics_date{
	padding: 0;
}

#orthodontics .list .category{
	padding: 0;
}

#orthodontics .list h3{
	height: auto;
	padding: 0;
	background: none;
	line-height: 1.5em;
}

.topicsCont:last-child{
	border: none;
}

#orthodontics .detail #topics_date{
	padding: 0;
}

#orthodontics .detail #topics_title{
	padding: 0;
}

#category_name{
	color:#e14658;
}

a#detail_url{
	text-decoration: none;
}

/* 20260527 追加 */
#topics_body h1 {
	height:auto;
	line-height:1.5;
	background:url(../img/title_img.jpg) no-repeat left center;
	background-size:7px 1.5em;
	font-size:1.5em;
	text-indent:0;
	padding: 0 0 0 15px;
	letter-spacing:0;
	margin:0 0 1em;
	color:#666;
	width: auto;
	float: none;
}
#topics_body h2 {
	height: auto;
	line-height: 1.5;
	background:url(../img/naka/naka_syo_title_img.jpg) no-repeat left center;
	background-size:15px 15px;
	padding: 0 0 0 20px;
	font-size:1.3em;
	text-indent:0;
	letter-spacing:0;
	font-weight:bold;
	color:#f45a0e;
    margin: 0 0 1em;
}
#topics_body h3 {
	margin: 0 0 1em;
    font-size: 1.1em;
	height: auto;
	line-height: 1.5;
	background: none;
	text-indent: 0;
	letter-spacing: 0;
}
#topics_body h4 {
    margin-bottom: 1em;
	font-weight: bold;
}
#topics_body p {
	margin: 0 0 1em !important;
	padding: 0 !important;
	line-height: 1.5 !important;
	letter-spacing: 0 !important;
}
#topics_body p:last-child {
    margin-bottom: 0;
}