@charset "UTF-8";

/*ドクターインタビュー
#mainVisual
---------------------------*/
.contentWrap #firstVew {
	box-shadow: none;	
}
.contentWrap #mainVisual {
	background-image: url("/dementia/img/interview/fv_bg.jpg");
}
.contentWrap #mainVisual #fvText .title {
	letter-spacing: -0.05em;
}
@media (min-width: 1000px){
	.contentWrap #mainVisual {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		background-color: #c8c9ca;
	}
}
a.link {
	text-decoration: underline;
}
/*
.contentWrap
---------------------------*/
.contentWrap {
	background-color: #F0EDE4;
}
.contentWrap #topicsDetail .innerArea {
	background-color: #ffffff;
	text-align: left;
}
.contentWrap > section#firstVew,
.contentWrap > section:last-of-type {
	margin-bottom: 0;
}
@media (min-width: 769px) {
	.contentWrap {
		padding-bottom: 100px;
	}
	.contentWrap .innerArea p,
	.contentWrap .innerArea .txt {
		font-size: min(1.8vw, 20px);
	}
	.contentWrap #topicsDetail .innerArea p,
	.contentWrap #topicsDetail .innerArea .txt,
	.contentWrap .innerArea #toc_container .txt {
		font-size: min(1.8vw, 16px);
		line-height: 1.75;
	}
	.contentWrap .innerArea.ps {
		padding-left: min(15%, 250px);
		padding-right: min(15%, 250px);
	}
}
@media (max-width: 430px) {
	.contentWrap .innerArea p, 
	.contentWrap .innerArea .txt {
		font-size: 85%;
	}	
}
.txt-s {
	font-size: 85%;
	line-height: inherit;
}
/*#intro
---------------------------*/
#intro .txt-s {
	display: block;
	font-size: 80%;
	line-height: 1.6;
}
#intro .subTitle {
    font-weight: 600;
    margin-bottom: 1.5em;
}
@media (min-width: 769px) {
	.contentWrap #intro .innerArea > p {
		text-align: center;
	}	
}
/*監修者情報
---------------------------*/
#authorProfile {
	border: 6px solid #f2f2f2;
	padding: 0;
	margin-top: 2em;
	padding-bottom: 4%;
	background-color: #ffffff;
}
#authorProfile .tit {
	/*font-size: 18px;*/
	font-size: min(4vw, 16px);
	margin: 0 0 1.5em 0;
	text-align: center;
	background-color: #f2f2f2;
	padding: 0.5em;
	line-height: 1.75;
	/*line-height: 1;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 700;*/
}
#authorProfile .author,
#authorProfile .coment,
#authorProfile .profile {
	padding: 0 4%;
}
#authorProfile .author {
	margin-bottom: 1.5em;
}
#authorProfile .author .ph {
	text-align: center;
	margin: 0;
}
#authorProfile .author .ph img {
	width: 100%;
	margin: 0;
}
#authorProfile .author .name {
	font-size: min(6vw,30px);
	margin: 1em 0 0 0;
	font-weight: 700;
	text-align: left;
}
#authorProfile .author .name .english {
	display: inline-block;
	font-size: 14px;
	margin-left: 0.5em;
	font-weight: inherit;
}
#authorProfile .author .name a {
	display: inline-block;
	color: #221714;
	text-decoration: none;
	font-weight: inherit;
}
/*#authorProfile .author .name a:hover {
	color: #D24A6C;
}*/
#authorProfile .author .name .jobTitle {
	font-size: 15px;
	margin: 0.5em 0 0 0;
	display: block;
}
@media (min-width: 541px) {
	#authorProfile .tit {
		text-align: center;
		font-size: min(3vw, 24px);
	}
	#authorProfile .author {
		display: flex;
		align-items: center;
	}
	#authorProfile .author .ph {
		text-align: left;
		margin: 0 5% 0 0;
		width: 57%;
		max-width: 480px;
	}
	#authorProfile .author .name .english {
		font-size: min(2.4vw,16px);
	}
	#authorProfile .author .name .jobTitle {
		font-size: min(2.8vw,17px);
		margin-top: 1.5em;
	}
}
@media (min-width: 769px) {
	#authorProfile {
		margin-top: 4em;
	}
	#authorProfile .profile p {
		font-size: min(1.8vw, 16px);
	}
}

/*
目次
---------------------------*/
#toc_container {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: left;
}
#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
	width: 100%;
    display: table;
}
#toc_container .toc_title {
	padding: 0.5em 0;
	font-weight: bold;
	text-align: center;
	display: block;
}
#topicsDetail #toc_container ul {
    margin: 0;
}
#toc_container ul.toc_list {
	padding: 0.5em;
}
#toc_container li {
	line-height: 1.7;
}
#toc_container li a {
	display: block;
	margin-bottom: 1em;
	border-bottom: dashed 1px #E50062;
}
#toc_container li a:hover {
	text-decoration: none;
	color: #E50062;
}
#toc_container.no_bullets ul li{
	padding-top: 0;
}
#toc_container .toc_list > li {
	padding-left: 1em;
	padding-top: 0;
	margin-bottom: 1.5em;
	position: relative;
}
#toc_container .toc_list > li:last-of-type {
	margin-bottom: 0;
}
#toc_container .toc_list > li:before {
	position: absolute;
	left: 0;
	top: 0.7em;
	content: "";
	display: inline-block;
	width: 0.8em;
	height: auto;
	border-top: double 5px #e5679c;
}
#toc_container .toc_list > li > a {
	font-weight: bold;
	border-bottom: none;
}
@media (min-width: 769px) {
	#toc_container .toc_title {
		padding-top: 1em;
		font-size: min(3vw, 18px);
	}
	#toc_container ul.toc_list {
		padding: 1.5em;
	}
}
/*
記事内のHタグ用スタイル
---------------------------*/
#topicsDetail h2,
#topicsDetail h3,
#topicsDetail h4,
#topicsDetail h5,
#topicsDetail h6 {
	font-size: min(4.6vw,18px);
    line-height: 1.5;
	margin: 1em 0;
	margin-bottom: 1em;
}
#topicsDetail h6 {
	font-size: 15px;
}
#topicsDetail h2 {
	color: #E50062;
	border-bottom: double 5px #e5679c;
	border-top: double 5px #e5679c;
	padding: 0.3em 0;
	font-weight: bold;
	margin-bottom: 2em;
}
#topicsDetail h3 {
	color: #E50062;
	position: relative;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 2em;
}
#topicsDetail h3:before,
#topicsDetail h3:after{
	content: "";
	display: block;
	position: absolute;
	height: 3px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #E50062;
}
#topicsDetail h3:after {
	right: auto;
	width: 95px;
	background-color: #b5a368;
}
#topicsDetail h4 {
	color: #E50062;
	padding-left: 0.5em;
	border-left: solid 6px #e5679c;
}
#topicsDetail h5 {
	background-color: #f8e6e6;
	padding: 0.3em 0.5em;
}
#topicsDetail h6 {
	color: #E50062;
	border: solid 1px #e5679c;
	padding: 0.3em 0.5em;
}
@media (min-width: 769px) {
	#topicsDetail h2, 
	#topicsDetail h3, 
	#topicsDetail h4 {
		font-size: 23px;
	}
}
/*ページ内リンク用ヘッダーの高さ分*/
#topicsDetail h2 span,
#topicsDetail h3 span,
#topicsDetail h4 span,
#topicsDetail h5 span,
#topicsDetail h6 span {
	margin-top: -90px;
	padding-top: 90px
}
@media (min-width: 1000px) {
	#topicsDetail h2 span,
	#topicsDetail h3 span,
	#topicsDetail h4 span,
	#topicsDetail h5 span,
	#topicsDetail h6 {
		margin-top: -140px;
		padding-top: 140px;
	}
}
/*.infoList*/
.infoList {
	border: 1px solid #aaa;
	padding: 3%;
}
.infoList dt,
.infoList dd {
	font-size: 85%;
	line-height: 1.6;
}
.infoList dt {
	margin-bottom: 0.3em;
}
.infoList dd {
	margin-bottom: 1.5em;
}
.infoList dd:last-child {
	margin-bottom: 0;
}
.infoList dd.ind span {
	display: block;
	line-height: initial;
	margin-bottom: 0.5em;
	text-indent: -1em;
	margin-left: 1em;
}
.infoList dd.ind.em4 span {
	text-indent: -4em;
	margin-left: 4em;
}
@media (min-width: 769px){
	.infoList dt,
	.infoList dd {
		font-size: min(1.8vw, 16px);
		line-height: 1.75;
	}
}