@charset "utf-8";


/**********************************************************************************************************************

下層ページ（共通）

**********************************************************************************************************************/



/***********************************************************
////////////////////////////////////////////////////////////

@ MOBILE SIZE

////////////////////////////////////////////////////////////
***********************************************************/

/****************************
  00 low
****************************/
.low {
	
}


/****************************
  01 mainvisual
****************************/
.low #content .mainvisual {
	margin: 0 0 50px;
}

/*** topicpath ***/
.low #content .mainvisual .topicpath {
	position: absolute;
	left: 10px;
	top: 5px;
}

.low #content .mainvisual .topicpath ul {
	list-style: none;
}
.low #content .mainvisual .topicpath ul li {
	position: relative;
	display: inline-block;
	color: #999999;
	font-size: 74%;
}
.low #content .mainvisual .topicpath ul li:after {
	content: ">";
	display: inline-block;
	padding-left: 0.6em;
}
.low #content .mainvisual .topicpath ul li:last-child:after {
	display: none;
}

.low #content .mainvisual .topicpath ul li a {
	display: inline-block;
	color: #43347d;
	text-decoration: none;
}
.low #content .mainvisual .topicpath ul li a:hover {
	text-decoration: underline;
}


/****************************
  02 categories
****************************/
.low #content .categories {
	margin: 0 0 20px;
}

/*** label ***/
.low #content .categories .label {
	text-align: center;
	margin: 0 0 30px;
}
.low #content .categories .label p {
	display: inline-block;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.0;
	text-decoration: none;
	padding: 0.6em 1.2em;;
	background: #999999;
	border-radius: 0.4em;
}
.low #content .categories .label p:after {
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #999999;
	border-width: 10px;
	margin-left: -10px;	
}
/* category colors. */
.low #content.cat_01 .categories .label p {
	background: #8bb3d0;
}
.low #content.cat_01 .categories .label p:after {
	border-top-color: #8bb3d0;
}
.low #content.cat_02 .categories .label  p {
	background: #80ce90;
}
.low #content.cat_02 .categories .label  p:after {
	border-top-color: #80ce90;
}
.low #content.cat_03 .categories .label p {
	background: #c1a3da;
}
.low #content.cat_03 .categories .label p:after {
	border-top-color: #c1a3da;
}
/*** layout_box ***/
.low #content .categories .layout_box {
	
}
.low #content .categories .layout_box .box {
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #eae8f1;
	background: #ffffff;
}
.low #content .categories .layout_box .box:nth-child(2n) {
	margin-right: 0;
}

.low #content .categories .layout_box .box .image {
	margin: 0 0 15px;
}

.low #content .categories .layout_box .box .title {
	text-align: center;
	margin: 0 10px 10px;
	font-size: 94%;
	line-height: 1.0;
}

.low #content .categories .layout_box .box .caption {
	font-size: 74%;
	margin: 0 10px 5px;
}

.low #content .categories .layout_box .box .more {
	text-align: center;
	margin: 0 10px 10px;
}
.low #content .categories .layout_box .box .more a {
	display: inline-block;
	font-size: 74%;
	line-height: 1.0;
	text-decoration: none;
	padding-left: 1.2em;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.0em;
	background-image: url(../img/icon_arrow_01_r.png);
}
.low #content .categories .layout_box .box .more a:hover {
	text-decoration: underline;
}

.low #content .categories .layout_box .box .words {
	margin: 0 10px 0;
	padding: 10px 0 10px;
	border-top: 1px dotted #43347d;
}
.low #content .categories .layout_box .box .words p {
	font-size: 74%;
	margin: 0 0 0.4em;
}
.low #content .categories .layout_box .box .words ul {
	
}
.low #content .categories .layout_box .box .words ul li {
	display: inline-block;
}
.low #content .categories .layout_box .box .words ul li a {
	display: inline-block;
	font-size: 68%;
	line-height: 1.0;
	text-decoration: none;
	padding-right: 1.2em;
}
.low #content .categories .layout_box .box .words ul li a:hover {
	text-decoration: underline;
}


/****************************
  03 details
****************************/
.low #content .details {
	margin: 0 0 40px;
}

/*** label ***/
.low #content .details .label {
	text-align: center;
	margin: 0 0 30px;
}
.low #content .details .label p {
	display: inline-block;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.0;
	text-decoration: none;
	padding: 0.6em 1.2em;;
	background: #999999;
	border-radius: 0.4em;
}
.low #content .details .label p:after {
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #999999;
	border-width: 10px;
	margin-left: -10px;	
}
/* category colors. */
.low #content.cat_01 .details .label p {
	background: #8bb3d0;
}
.low #content.cat_01 .details .label p:after {
	border-top-color: #8bb3d0;
}
.low #content.cat_02 .details .label p {
	background: #80ce90;
}
.low #content.cat_02 .details .label p:after {
	border-top-color: #80ce90;
}
.low #content.cat_03 .details .label p {
	background: #c1a3da;
}
.low #content.cat_03 .details .label p:after {
	border-top-color: #c1a3da;
}

/*** layout_box ***/
.low #content .details .layout_box {
	
}
.low #content .details .layout_box .box {
	padding: 15px 0;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #eae8f1;
	border-left: 6px solid #999999;
}
/* category colors. */
.low #content.cat_01 .details .layout_box .box {
	border-left: 6px solid #a6d3f4;
}
.low #content.cat_02 .details .layout_box .box {
	border-left: 6px solid #8cdb9d;
}

.low #content.cat_03 .details .layout_box .box {
	border-left: 6px solid #c1a3da;
}


.low #content .details .layout_box .box .title {
	text-align: center;
	margin: 0 10px 10px;
}
.low #content .details .layout_box .box .title p {
	display: inline-block;
	font-size: 100%;
	line-height: 1.0;
	padding: 0 0 10px;
	border-bottom: 1px dotted #43347d;
}
.low #content .details .layout_box .box .title p a {
	text-decoration: none;
}
.low #content .details .layout_box .box .title p a:hover {
	text-decoration: underline;
}

.low #content .details .layout_box .box .caption {
	font-size: 74%;
	margin: 0 10px 10px;
}

.low #content .details .layout_box .box .more {
	text-align: center;
	margin: 0 10px;
}
.low #content .details .layout_box .box .more a {
	display: inline-block;
	font-size: 74%;
	line-height: 1.0;
	text-decoration: none;
	padding-left: 1.2em;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.0em;
	background-image: url(../img/icon_arrow_01_r.png);
}
.low #content .details .layout_box .box .more a:hover {
	text-decoration: underline;
}









/***********************************************************
////////////////////////////////////////////////////////////

@ TABLET & SMALLER LAPTOPS

////////////////////////////////////////////////////////////
***********************************************************/
@media only screen and (min-width: 768px) {
	
	/****************************
	  00 low
	****************************/
	.low {
		
	}
	
	
	/****************************
	  01 mainvisual
	****************************/
	.low #content .mainvisual {
		
	}
	
	
	/****************************
	  02 categories
	****************************/
	.low #content .categories {
		
	}
	
	/*** label ***/
	.low #content .categories .label {
		
	}
	.low #content .categories .label p {
		font-size: 110%;
	}
	
	/*** layout_box ***/
	.low #content .categories .layout_box {
		
	}
	.low #content .categories .layout_box .box {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 24px;
	}
	.low #content .categories .layout_box .box:nth-child(2n) {
		margin-right: 2%;
	}
	.low #content .categories .layout_box .box:nth-child(4n) {
		margin-right: 0;
	}
	
	.low #content .categories .layout_box .box .image {
		
	}
	
	.low #content .categories .layout_box .box .title {
		font-size: 110%;
	}
	
	.low #content .categories .layout_box .box .caption {
		
	}
	
	.low #content .categories .layout_box .box .more {
		
	}
	.low #content .categories .layout_box .box .more a {
		
	}
	
	.low #content .categories .layout_box .box .words {
		
	}
	.low #content .categories .layout_box .box .words p {
		
	}
	.low #content .categories .layout_box .box .words ul {
		
	}
	.low #content .categories .layout_box .box .words ul li {
		
	}
	.low #content .categories .layout_box .box .words ul li a {
		
	}
	
	
	/****************************
	  03 details
	****************************/
	.low #content .details {
		
	}

	/*** label ***/
	.low #content .details .label {

	}
	.low #content .details .label p {
		font-size: 110%;
	}

	/*** layout_box ***/
	.low #content .details .layout_box {

	}
	.low #content .details .layout_box .box {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	.low #content .details .layout_box .box:nth-child(2n) {
		margin-right: 0;
	}

	.low #content .details .layout_box .box .title {
		
	}
	.low #content .details .layout_box .box .title p {
		
	}

	.low #content .details .layout_box .box .caption {
		
	}

	.low #content .details .layout_box .box .more {
		
	}
	.low #content .details .layout_box .box .more a {
		
	}
	
	
}


/**********************************************************************************************************************

下層ページ（第一階層）

**********************************************************************************************************************/



/***********************************************************
////////////////////////////////////////////////////////////

@ MOBILE SIZE

////////////////////////////////////////////////////////////
***********************************************************/

/****************************
  00 low
****************************/
.low.cat_1st {
	
}


/****************************
  01 mainvisual
****************************/
.low.cat_1st #content #mainvisual {
	background: #999999;
}
/* category colors. */
.low.cat_1st #content.cat_01 #mainvisual {
	background: #a6d3f4;
}
.low.cat_1st #content.cat_02 #mainvisual {
	background: #8cdb9d;
}
.low.cat_1st #content.cat_03 #mainvisual {
	background: #c1a3da;
}

/*** topicpath ***/
.low.cat_1st #content .mainvisual .topicpath {
	
}
.low.cat_1st #content .mainvisual .topicpath ul {
	
}
.low.cat_1st #content .mainvisual .topicpath ul li {
	color: #7a7f83;
}
.low.cat_1st #content .mainvisual .topicpath ul li a {
	color: #4e5356;
}

/*** layout_table ***/
.low.cat_1st #content #mainvisual .layout_table {
	display: table;
	width: 100%;
}
.low.cat_1st #content #mainvisual .layout_table .col {
	display: table-cell;
	vertical-align: middle;
}

.low.cat_1st #content #mainvisual .layout_table .col.col_txt {
	padding: 40px 0;
	color: #4e5356;
}
.low.cat_1st #content #mainvisual .layout_table .col.col_txt .title {
	font-size: 160%;
	margin: 0 0 10px;
}
.low.cat_1st #content #mainvisual .layout_table .col.col_txt .caption {
	font-size: 86%;
}

.low.cat_1st #content #mainvisual .layout_table .col.col_img {
	display: none;
}



/***********************************************************
////////////////////////////////////////////////////////////

@ TABLET & SMALLER LAPTOPS

////////////////////////////////////////////////////////////
***********************************************************/
@media only screen and (min-width: 768px) {
	
	/****************************
	  00 low
	****************************/
	.low.cat_1st {
		
	}
	
	
	/****************************
	  01 mainvisual
	****************************/
	.low.cat_1st #content #mainvisual {
		
	}

	/*** layout_table ***/
	.low.cat_1st #content #mainvisual .layout_table {
		
	}
	.low.cat_1st #content #mainvisual .layout_table .col {
		
	}

	.low.cat_1st #content #mainvisual .layout_table .col.col_txt {
		
	}
	.low.cat_1st #content #mainvisual .layout_table .col.col_txt .title {
		font-size: 180%;
	}
	.low.cat_1st #content #mainvisual .layout_table .col.col_txt .caption {

	}

	.low.cat_1st #content #mainvisual .layout_table .col.col_img {
		display: table-cell;
		width: 280px;
	}
	.low.cat_1st #content #mainvisual .layout_table .col.col_img .image {
		padding-left: 30px;
	}
	
	
}


/**********************************************************************************************************************

下層ページ（第二階層）

**********************************************************************************************************************/



/***********************************************************
////////////////////////////////////////////////////////////

@ MOBILE SIZE

////////////////////////////////////////////////////////////
***********************************************************/

/****************************
  00 low
****************************/
.low.cat_2nd {
	
}


/****************************
  01 mainvisual
****************************/
.low.cat_2nd #content #mainvisual {
	
}

/*** topicpath ***/
.low.cat_2nd #content .mainvisual .topicpath {
	
}

/*** layout_table ***/
.low.cat_2nd #content #mainvisual .layout_table {
	display: table;
	width: 100%;
}
.low.cat_2nd #content #mainvisual .layout_table .col {
	display: table-cell;
	vertical-align: middle;
}

.low.cat_2nd #content #mainvisual .layout_table .col.col_txt {
	padding: 40px 0 0;
}
.low.cat_2nd #content #mainvisual .layout_table .col.col_txt .title {
	color: #999999;
	font-size: 160%;
	margin: 0 0 10px;
}
.low.cat_2nd #content #mainvisual .layout_table .col.col_txt .caption {
	font-size: 86%;
}
/* category colors. */
.low.cat_2nd #content.cat_01 #mainvisual .layout_table .col.col_txt .title {
	color: #8bb3d0;
}
.low.cat_2nd #content.cat_02 #mainvisual .layout_table .col.col_txt .title {
	color: #80ce90;
}

.low.cat_2nd #content.cat_03 #mainvisual .layout_table .col.col_txt .title {
	color: #c1a3da;
}

.low.cat_2nd #content #mainvisual .layout_table .col.col_img {
	display: none;
}



/***********************************************************
////////////////////////////////////////////////////////////

@ TABLET & SMALLER LAPTOPS

////////////////////////////////////////////////////////////
***********************************************************/
@media only screen and (min-width: 768px) {
	
	/****************************
	  00 low
	****************************/
	.low.cat_2nd {
		
	}
	
	
	/****************************
	  01 mainvisual
	****************************/
	.low.cat_2nd #content #mainvisual {
		
	}

	/*** layout_table ***/
	.low.cat_2nd #content #mainvisual .layout_table {
		
	}
	.low.cat_2nd #content #mainvisual .layout_table .col {
		
	}

	.low.cat_2nd #content #mainvisual .layout_table .col.col_txt {
		padding: 40px 0 20px;
	}
	.low.cat_2nd #content #mainvisual .layout_table .col.col_txt .title {
		font-size: 180%;
	}
	.low.cat_2nd #content #mainvisual .layout_table .col.col_txt .caption {

	}

	.low.cat_2nd #content #mainvisual .layout_table .col.col_img {
		display: table-cell;
		width: 380px;
	}
	.low.cat_2nd #content #mainvisual .layout_table .col.col_img .image {
		padding-left: 30px;
	}
	
	
}


/**********************************************************************************************************************

記事詳細ページ

**********************************************************************************************************************/



/***********************************************************
////////////////////////////////////////////////////////////

@ MOBILE SIZE

////////////////////////////////////////////////////////////
***********************************************************/

/****************************
  00 low
****************************/
.low.detail {
	
}


/****************************
  01 mainvisual
****************************/
.low.detail #content #mainvisual {
	
}

/*** topicpath ***/
.low.detail #content .mainvisual .topicpath {
	
}

/*** layout_table ***/
.low.detail #content #mainvisual .layout_table {
	
}
.low.detail #content #mainvisual .layout_table .col {
	
}

.low.detail #content #mainvisual .layout_table .col.col_txt {
	padding: 60px 0 30px;
}
.low.detail #content #mainvisual .layout_table .col.col_txt .title {
	font-size: 120%;
}

/* category colors. */
.low.detail #content.cat_01 #mainvisual .layout_table .col.col_txt .title {
	border-bottom: 2px solid #8bb3d0;
}
.low.detail #content.cat_02 #mainvisual .layout_table .col.col_txt .title {
	border-bottom: 2px solid #80ce90;
}
.low.detail #content.cat_03 #mainvisual .layout_table .col.col_txt .title {
	border-bottom: 2px solid #c1a3da;
}



/****************************
  02 leadtext
****************************/
.low.detail #content #leadtext {
	margin: 0 0 30px;
}
.low.detail #content #leadtext .text {
	position: relative;
	font-size: 110%;
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid #9e9e9e;
}
.low.detail #content #leadtext .caption {
	font-size: 74%;
}


/****************************
  03 doctor
****************************/
.low.detail #content #doctor {
	margin: 0 0 50px;
}

/*** layout_table ***/
.low.detail #content #doctor .layout_table {
	
}

.low.detail #content #doctor .layout_table .col {
	
}

.low.detail #content #doctor .layout_table .col.photo {
	margin: 0 0 20px;
}
.low.detail #content #doctor .layout_table .col.photo .image {
	max-width: 200px;
	margin: 0 auto;
}

.low.detail #content #doctor .layout_table .col.profile {
	
}
.low.detail #content #doctor .layout_table .col.profile .label {
	text-align: center;
	margin: 0 0 15px;
}
.low.detail #content #doctor .layout_table .col.profile .label p {
	display: inline-block;
	font-size: 86%;
	font-weight: bold;
	border-bottom: 1px dotted #3f3f3f;
}
.low.detail #content #doctor .layout_table .col.profile .post {
	
}
.low.detail #content #doctor .layout_table .col.profile .post li {
	display: block;
	font-size: 74%;
	text-align: center;
	line-height: 1.2;
	padding: 0 0 0.5em;
}
.low.detail #content #doctor .layout_table .col.profile .name {
	font-size: 140%;
	text-align: center;
}
.low.detail #content #doctor .layout_table .col.profile .name span {
	font-size: 68%;
	padding-left: 0.5em;
}


/****************************
  04 outline
****************************/
.low.detail #content #outline {
	margin: 0 0 50px;
}

.low.detail #content #outline .frame {
	padding: 20px 20px;
	background: #f4f2f9;
}

.low.detail #content #outline .frame .label {
	text-align: center;
	margin: 0 0 20px;
}
.low.detail #content #outline .frame .label p {
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0.5em;
	border-bottom: 1px dotted #3f3f3f;
}

.low.detail #content #outline .frame .list {
	font-size: 86%;
	line-height: 1.2;
}
.low.detail #content #outline .frame .list ul li a {
	text-decoration: none;
}
.low.detail #content #outline .frame .list ul li a:hover {
	text-decoration: underline;
}
.low.detail #content #outline .frame .list ul {
	display: table;
	/*width: 100%;*/
}
.low.detail #content #outline .frame .list ul li {
	display: table-row;
}
.low.detail #content #outline .frame .list ul li .num {
	display: table-cell;
	padding: 0 0 0.5em;
	white-space: nowrap;
}
.low.detail #content #outline .frame .list ul li .title {
	display: table-cell;
	padding: 0 0 0.8em;
}


/****************************
  05 article
****************************/
.low.detail #content #article {
	margin: 0 0 80px;
}

.low.detail #content #article .block {
	font-size: 86%;
	margin: 0 0 30px;
}

.low.detail #content #article .block .label {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 0.5em;
}

.low.detail #content #article .block p + p,
.low.detail #content #article .block p + ul {
	margin-top: 0.8em;
}






/***********************************************************
////////////////////////////////////////////////////////////

@ TABLET & SMALLER LAPTOPS

////////////////////////////////////////////////////////////
***********************************************************/
@media only screen and (min-width: 768px) {
	
	/****************************
	  00 low
	****************************/
	.low.detail {
		
	}
	
	
	/****************************
	  01 mainvisual
	****************************/
	.low.detail #content #mainvisual {
		
	}

	/*** layout_table ***/
	.low.detail #content #mainvisual .layout_table {
		display: table;
		width: 100%;
	}
	.low.detail #content #mainvisual .layout_table .col {
		display: table-cell;
		vertical-align: middle;
	}

	.low.detail #content #mainvisual .layout_table .col.col_txt {
		padding: 40px 0 0;
	}
	.low.detail #content #mainvisual .layout_table .col.col_txt .title {
		display: inline-block;
		font-size: 180%;
	}

	.low.detail #content #mainvisual .layout_table .col.col_img {
		width: 380px;
	}
	.low.detail #content #mainvisual .layout_table .col.col_img .image {
		padding-left: 30px;
	}
	
	
	/****************************
	  02 leadtext
	****************************/
	.low.detail #content #leadtext {
		
	}
	.low.detail #content #leadtext .text {
		font-size: 140%;
		padding: 0 0 20px;
		margin: 0 0 20px;
	}
	.low.detail #content #leadtext .caption {
		font-size: 86%;
	}
	
	
	/****************************
	  03 doctor
	****************************/
	.low.detail #content #doctor {
		margin: 0 0 60px;
	}
	
	/*** layout_table ***/
	.low.detail #content #doctor .layout_table {
		display: table;
		width: 100%;
	}
	
	.low.detail #content #doctor .layout_table .col {
		display: table-cell;
		vertical-align: middle;
	}
	
	.low.detail #content #doctor .layout_table .col.photo {
		width: 220px;
	}
	.low.detail #content #doctor .layout_table .col.photo .image {
		padding-right: 20px;
	}
	
	.low.detail #content #doctor .layout_table .col.profile {
		
	}
	.low.detail #content #doctor .layout_table .col.profile .label {
		text-align: left;
	}
	.low.detail #content #doctor .layout_table .col.profile .label p {
		
	}
	.low.detail #content #doctor .layout_table .col.profile .post {

	}
	.low.detail #content #doctor .layout_table .col.profile .post li {
		text-align: left;
	}
	.low.detail #content #doctor .layout_table .col.profile .name {
		text-align: left;
	}
	.low.detail #content #doctor .layout_table .col.profile .name span {
		
	}
	
	
	/****************************
	  04 outline
	****************************/
	.low.detail #content #outline {
		
	}
	
	
	/****************************
	  05 article
	****************************/
	.low.detail #content #article {
		
	}
	
	
}