@charset "utf-8";
@import url(https://maeno.or.jp/css/base.css);

#header_image>img{width:100%;height:auto}
#narrow_image>img{width:100%;height:auto}

#header_menu li{font-family:'M PLUS 1','秀英丸ゴシック B','Shuei MaruGo B','UD新丸ゴ M';font-weight:600;}#header_menu li a{color:#333;text-decoration:none}

#department dl{margin-top:20px}
#department dt{font-family:'M PLUS Rounded 1c','秀英丸ゴシック B','Shuei MaruGo B','UD新丸ゴ M';font-weight:700;}#department dt>img{margin-bottom:-8px}
#department dd{margin-top:16px}#department dd>p{overflow-wrap:break-word;word-wrap:break-word}
#idea ul:not(#department){margin-top:35px}#idea ul:not(#department)>li{display:inline-block}

#greeting,#information{background-color:#fff}#greeting h2{text-align:center}

#introduction dl>dt{font-family:'M PLUS Rounded 1c','秀英丸ゴシック B','Shuei MaruGo B','UD新丸ゴ M';font-weight:700;color:#a78075}
#introduction hr{height:5px;margin:1em 0 1em 0;padding:0;background:url('https://maeno.or.jp/img/red_dot.gif');border:0 none}
#introduction p{overflow-wrap:break-word;word-wrap:break-word}

#info_list hr{clear:left;height:5px;padding:0;background:url('https://maeno.or.jp/img/gray_dot.gif');border:0 none}
/*#info_list li>div:nth-child(1){float:left;width:-webkit-calc(7em - 10px);width:calc(7em - 10px);padding:5px}
#info_list li>div:nth-child(2){
	float:left;width:-webkit-calc(100% - (7em + 20px));width:calc(100% - (7em + 20px));padding:5px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis
}*/
#info_list .entry-title,#info_list .entry-title>a{color:#a78075;text-decoration:none;font-family:'M PLUS 1','秀英丸ゴシック B','Shuei MaruGo B','UD新丸ゴ M';font-weight:500;}
#info_image{text-align:center}
#info_list li>div:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis}

@media only screen and (max-width:640px){	/* 表示幅640px（Androidスマホ相当）以下 */
	#header_contents{width:100%;padding:0 0 0 0}

	#narrow_menu{margin:10px 10px 0 10px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px)}
	#narrow_menu>div:nth-child(1){float:left;width:50%;}
	#narrow_menu>div:nth-child(2){float:right;width:50%;position:relative;padding-top:12px;text-align:right}
	#narrow_menu>ul{
		position:absolute;z-index:256;top:72px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);padding:10px 0 10px 0;
		background-color:rgba(255,255,255,.9);-webkit-box-shadow:0 2px 6px 3px rgba(128,128,128,.6);-moz-box-shadow:0 2px 6px 3px rgba(128,128,128,.6);box-shadow:0 2px 6px 3px rgba(128,128,128,.6);
		display:none
	}
	#narrow_menu li{display:inline-block;width:-webkit-calc(100% / 3 - 3.1px);width:calc(100% / 3 - 3.1px);padding:5px 0 5px 0;text-align:center}
	#narrow_menu li>a{font-family:'M PLUS 1','秀英丸ゴシック B','Shuei MaruGo B','UD新丸ゴ M';font-weight:700;text-decoration:none;color:#333}
	#narrow_image{width:100%;padding-top:20px}
	#menu_switch{outline:none}

	#idea,#greeting,#information{padding:40px 0 40px 0}#idea{background-color:rgb(248,245,240)}
	#idea ul:not(#department)>li{margin:3px}
	#department>li{width:100%;text-align:center}#department>li{margin-top:20px}
	#greeting_image{width:100%;margin-top:20px;text-align:center}#greeting_image>img{width:100%;height:auto}
	#doctor_link{text-align:center}
	#department dd{text-align:left}
	
	#introduction h2{text-align:center}
	#introduction dl{margin-top:20px}#introduction dt{font-size:22px;line-height:26px}

	#info_image,#info_list{width:100%}#info_list{margin-top:20px}
	#info_list h2{text-align:center}#info_list>ul{font-size:16px;line-height:24px}
}
@media screen and (min-width:641px),print{	/* 表示幅641px以上 */
	#narrow_image{display:none}
	#header_contents{padding-bottom:80px}

	#header_contents{padding:10px 30px 10px 30px}
	#header_contents>div.wide{position:inherit;padding:0 0 0 0}
	#header_image{width:100%}
	#header_menu{margin-top:20px;width:100%;vertical-align:middle}
	#header_menu div{float:left}#header_menu div:first-child{margin:12px 18px 0 0}#header_menu div:not(:first-child){padding-top:32px;text-align:right}
	#header_menu ul{float:left;width:610px;height:70px;margin:40px 18px 0 0}#header_menu li{display:table-cell;position:relative;height:30px;padding-left:22px;vertical-align:middle}#header_menu li:not(:last-child){padding-right:20px}
	#header_menu li img{position:absolute;top:0;left:0}#header_menu li:hover a{color:#9bc53d}#header_menu li:hover img{top:-3px}

	#idea,#greeting,#information{padding:80px 0 80px 0}#idea{background-color:rgb(248,245,240)}
	#idea ul{display:inline-flex}#idea ul:not(#department)>li:first-child{margin-right:30px}
	#department{margin-top:40px}#department>li{display:inline-block;width:-webkit-calc((100% - 30px * 2) / 3);width:calc((100% - 30px * 2) / 3)}#department>li:not(:last-child){margin-right:30px}
	#department dd{text-align:left}

	#introduction{float:left;width:-webkit-calc(100% - (510px + 40px));width:calc(100% - (510px + 40px));margin-right:40px}
	#introduction dt{font-size:26px;line-height:36px}
	#info_list>ul{font-size:18px;line-height:24px}
	#info_list li>div:nth-child(1){float:left;width:-webkit-calc(7em - 10px);width:calc(7em - 10px);padding:5px}
	#info_list li>div:nth-child(2){float:left;width:-webkit-calc(100% - (7em + 20px));width:calc(100% - (7em + 20px));padding:5px}

	#greeting>div.box_topic{margin-top:20px}
	#greeting_image{float:right;width:510px}#greeting_image>img{width:100%;height:auto}
	#doctor_link{text-align:right}
	#forest>div.box_topic{padding-top:196px;text-align:right}
	#info_image{float:left;width:-webkit-calc(100% - (510px + 40px));width:calc(100% - (510px + 40px));margin-right:40px}#info_list{float:left;width:510px}
}