@charset "utf-8";



/* 病気辞典    @ 2021/3/10
----------------------------------------------------*/



/* 一覧系
-------------- */

#dict-mainimage {
}
#dict-navi {
}
#dict-navi ul {
	margin-bottom:20px;
}
#dict-navi ul li {
	list-style:none;
	display:inline-block;
	width:32%;
	margin-right:1%;
	padding: 15px 0;
	background:linear-gradient(0, #FEFEFE, #F9F8F1); 
	border-top:solid #ddd 1px;
	border-bottom:solid #ddd 1px;
}
#dict-navi ul li:nth-child(3){
	margin-right:0;
}
#dict-navi.col2 ul li {
	width:48%;
}
#dict-navi.col2 ul li:nth-child(2){
	margin-right:0;
}
#dict-navi ul li a  {
	display:block !Important;
	padding:10px;
	font-size:1.1rem;
	color:#AA7C50;
	font-weight:bold;
	font-size:1.2rem;
	line-height:140%;
	text-decoration:none;
}
#dict-navi ul li a span {
	display:block;
	padding-left:15px;
	border-left:#AA7C50 solid 4px;;
	color:#AA7C50;
}
@media screen and (max-width: 959px) {

	#dict-navi ul li {
		width:31%;
	}
	#dict-navi ul li a  {
		padding:10px 5px;
		font-size:0.9rem;
		text-align:center;
	}
	#dict-navi ul li a span {
		padding-left:0 !important;
		border-left:none !important;
	}	
}


#dict-contents {
}
#dict-contents h4 {
	margin-bottom:10px;
	padding:10px 20px;
	background:#F6F4E9;
	border:none !Important;
}
#dict-contents section section h4 { /* 記事本文 1-3*/
	margin:20px 5px 10px !important;
	padding:6px 15px !important;
	background:#eee !important;
	color:#333 !important;
	font-size:1.2rem;
}
#dict-contents h4 span {
	display:block;
	padding-left:15px;
	border-left:#C09D7C solid 4px;;
	color:#5D4D65;
	font-weight:bold;
	font-size:1.1rem;
	line-height:140%;
}
#dict-contents .kiji-body {
	padding: 0 10px;
	font-size:1.2rem;
}
@media screen and (max-width: 959px) {
	#dict-contents section section h4 {
		font-size:1.1rem !important;
	}
	#dict-contents .kiji-body {
		padding: 0 10px;
		font-size:0.9rem;
	}}

#dict-contents ul { 
	padding:10px 20px 10px 20px;
}
#dict-contents ul li {
	list-style:none;
	display:inline-block;
	margin: 0 20px 8px 0;
}
#dict-contents .arrow{
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
#dict-contents .arrow::after{
  position: absolute;
  top: -5px;
  left: 3px;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #ff0000;
}
#dict-contents ul li a {
	display:inline-block !Important;
	font-size:1rem;
}

.bnr-dict-bottom {
	width:80%;
	margin:50px auto;
}
.bnr-dict-bottom a {
}
.bnr-dict-bottom a img {
	display:block;
	width:100%;
}




/* 個別記事
------------------ */

body#dictionary div#page-title h2.text,
#body-seibun div#page-title h2.text {
	font-size:2rem !Important;
}
@media screen and (max-width: 640px) {
	body#dictionary div#page-title h2.text,
	#body-seibun div#page-title h2.text {
		font-size:1.3rem !Important;
		letter-spacing:-1px;
	}
}

.kiji-mokuji{
	width:662px;
	margin: 0 auto 20px;
	padding:15px;
	background:#fafafa;
	border:solid 1px #ccc;
	font-size:0.9rem;
	line-height:140%;	
}
.kiji-mokuji ul {
}
.kiji-mokuji ul li {
	display:block !Important;
	list-style:none;
}
.kiji-mokuji ul li a{
	color:#1468e5;
}

body#dictionary .youtube-wrapper {
	box-sizing:border-box;
	width:662px;
	height:417px;
	margin: 0 auto;
	padding:11px;
	background:#333;
	text-align:right;	
}
body#dictionary .youtube-wrapper a {
	display:inline-block;
	color:#fff;
	padding:5px;
	font-size:0.85rem;
}
@media screen and (max-width: 640px) {
	body#dictionary .youtube-wrapper,
	body#dictionary .youtube-wrapper iframe {
		width:97vw !important;
		height:calc(97vw * 9 /16) !important;
		padding:0 !important;
	}
}


body#dictionary #kiji-popular ul {/* 好発品種の表示部分 */
	margin:10px 0 5px 0;
}
body#dictionary #kiji-popular ul li {
	display: list-item;
	list-style:disc;
	margin: 0 0 1px 25px;
	font-size:1.2rem;
}



body#dictionary #spl-link {
	width:500px;
	margin:20px auto;
}
body#dictionary #spl-link a,
body#dictionary #spl-link img {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	line-height:0;
}
body#dictionary #spl-link a.w50p {
	width:50% !important;
	float:left;
}
body#dictionary #spl-link .spl-link-in {
	padding: 0 5%;
	margin-bottom:0;
	border: solid #ccc;
	border-width: 0 1px;
}
body#dictionary #spl-link .spl-link-title {
	margin: 10px 0;
	padding-bottom: 5px;
	font-weight:bold;
	border-bottom:3px solid #333;
	font-size:1.4rem;
}
body#dictionary #spl-link .spl-link-desc {
	margin-bottom:0;
	padding-bottom:15px;
	font-size:1.0rem;
	line-height:160%;
}
@media screen and (max-width: 640px) {
	body#dictionary #spl-link {
		width:96%;
		margin:20px auto;
	}
}




body#dictionary #bnr-spl-link {
	width:90%;
	margin: 0 auto;
}
body#dictionary .spl-link {
	width:430px;
	margin:30px 0;
	float:left;
}
body#dictionary .spl-link:nth-child(odd) {
	margin-right:20px;
}
body#dictionary .spl-link a,
body#dictionary .spl-link img {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	line-height:0;
}
body#dictionary .spl-link a.w50p {
	width:50% !important;
	float:left;
}
body#dictionary .spl-link .spl-link-in {
	padding: 0 5%;
	border: solid #ccc;
	border-width: 0 1px;
}
body#dictionary .spl-link .spl-link-title {
	margin: 10px 0;
	padding-bottom: 5px;
	font-weight:bold;
	border-bottom:3px solid #333;
	font-size:1.4rem;
}
body#dictionary .spl-link .spl-link-desc {
	padding-bottom:15px;
	font-size:1.0rem;
	line-height:160%;
}
@media screen and (max-width: 640px) {
	body#dictionary .spl-link {
		width:100%;
		margin:20px auto;
	}
}








/* 成分辞典    @ 2021/4/30 （病気辞典とほぼ共通）
----------------------------------------------------*/

#dictionary .kiji-img #doctor-img{
	float:left;
	width:30%;
}
#dictionary .kiji-img #doctor-profile{
	float:left;
	width:70%;
	text-align:left;
	padding: 50px 0 0 0;
	font-size:1.1rem;
	line-height:160%;
}



#seibun-link-card ul {
	padding:20px 0 20px 1%;
}
#seibun-link-card ul li {
	float:left;
	position:relative;
	width:32%;
	max-width:320px;
	margin:0 1% 0 0;
	padding:0;
	list-style:none;
	background-repeat:no-repeat;
	background-size:contain;
}
#seibun-link-card ul li .name {
	margin:0;
	padding-top:235px;
	text-align:center;
	color:#002274;
	font-weight:bold;
	font-size:1.3rem;
	line-height:110%;
}
#seibun-link-card ul li .name2 {
	margin:0 0 10px 0;
	padding-top:6px;
	text-align:center;
	font-size:0.9rem;	
	line-height:110%;
}
#seibun-link-card ul li .name3 {
	margin:0;
	padding-top:3px;
	text-align:center;
	font-size:0.7rem;
	line-height:110%;	
}


#seibun-link-card ul li a.review{
	display:block;
	width:100%;
	margin:10px auto;
	padding:10px 0;
	color:#fff;
	background:#aaa;
	font-weight:bold;
	text-align:center;
	font-size:1.1rem;
	line-height:100%;	
	text-decoration:none;
}
#seibun-link-card ul li a.review:hover{
	text-decoration:underline;
}




@media screen and (max-width:959px) {

	#dictionary .kiji-img #doctor-profile {
		padding: 20px 0 0 0;
		font-size:0.9rem;
	}
	#dictionary .kiji-img #doctor-profile br{ display:none;}

	#seibun-link-card ul li {
		width:48%;
		max-width:none;
	}
	#seibun-link-card ul li .name {
		padding-top:33vw;
		font-size:3vw;
		line-height:110%;
	}
	#seibun-link-card ul li .name2 {
		margin-bottom:5px;
		font-size:1.6vw;	
		line-height:110%;
	}
	#seibun-link-card ul li .name3 {
		font-size:2vw;	
		line-height:110%;
	}	
	#seibun-link-card ul li a.review{
		font-size:3vw;
	}	
}



/* 品種辞典（チャート部分）
--------------------------------------------- */

#chart-wrapper {
	padding: 30px 0;
}
#chart-wrapper th{
	width:70px;
	padding-right:20px;
	text-align:right;
}
#chart-wrapper td{
	padding:5px;
	font-size:0.8rem;
}
#chart-wrapper span {
	display:inline-block;
	height:20px;
	text-align:left;
}
#chart-wrapper span.chart-1 {
	background:#66CC33;
}
#chart-wrapper span.chart-2 {
	background:#fafafa;
	margin-right:30px;
}
#chart-wrapper em {
	font-weight:normal;
}

@media screen and (max-width:959px) {
	#chart-wrapper {
	}
	#chart-wrapper th{
		width:25%;
	}
	#chart-wrapper td{
		padding-top:10px;
		font-size:0.9rem;
	}
	#chart-wrapper th,
	#chart-wrapper td {
		border-top:dotted 1px #ccc;
		border-bottom:dotted 1px #ccc;
	}
	#chart-wrapper em {
		display:block;
	}
}