@charset "utf-8";

/*//////////// 基本サイズ16px  ////////////
10px 	63%					26px 	163%
11px 	69%					27px 	169%
12px 	75%					28px 	175%
13px 	82%					29px 	182%
14px 	88%					30px 	194%
15px 	94%					31px 	200%
16px 	100%				32px 	207%
17px 	107%				33px 	213%
18px 	113%				34px 	219%
19px 	119%				35px 	225%
20px 	125%				36px 	232%
21px 	132%				37px 	238%
22px 	138%				38px 	244%
23px 	144%				39px 	250%
24px 	150%				40px 	257%
25px 	157%
//////////////////////////////*/

/*###########################################################

 中ページのレスポンシブ
 
#############################################################/*/

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

}





@media screen and (max-width: 1200px) {
	/*パンくず------------*/
	#breadcrumb{width:98%;}
	
}






@media screen and (max-width: 1100px) {
	/*============　お知らせ一覧  news---(cgi-bin--wnew_list.html)　=============*/
	.index-news-box.naka ul li {width: 47%;margin: 10px 1.3% 0 1.3%;}

}







@media screen and (max-width: 980px) {
	/* =============中ページ共通のheader================== */
	body.naka #header {height: 73px;}
	
	/*パンくず------------*/
	#breadcrumb {margin: 4px auto 0 auto;font-size: 65%;}
	#breadcrumb div{padding-right:5px;}
	#breadcrumb div a{margin-right:5px;}
}






@media screen and (max-width: 900px) {
	/*============　小児科医のだいじなおはなし［ブログ］一覧  daiji---(cgi-bin--daiji_list.html)　=============*/
	.blog-list-box article a {padding: 18px 0 18px 1.5%;}
	dl.blog-list-dl dt {width: 110px;height: 80px;}
	dl.blog-list-dl dd {margin: 0 1.5% 0 135px;}
	dl.blog-list-dl dd .com {font-size: 85%;line-height: 1.5;}
	
}






@media screen and (max-width: 760px) {
	/*============　小児科医のだいじなおはなし［ブログ］の詳細  daiji---(cgi-bin--daiji_one.html)　=============*/
	dl.daiji-single-title-box dd {padding: 10px 0 23px 0;}
	dl.daiji-single-title-box dd h1.daiji-single-title {font-size: 129%;margin: 20px 0 0 0;}
}






@media screen and (max-width: 690px) {
	/*============　クリニック案内  clinic/　=============*/
	dl.doctor-dl dt {float: none;width: 310px;margin: 0 auto;}
	dl.doctor-dl dd {float: none;width: 100%;}
}







@media screen and (max-width: 640px) {
	/* =============中ページ共通のスタイル================== */
	body.naka .section.first {padding: 25px 0 40px 0;}
	body.naka .section {padding: 40px 0 40px 0;}

	/*============　小児科医のだいじなおはなし［ブログ］一覧  daiji---(cgi-bin--daiji_list.html)　=============*/
	dl.blog-list-dl dd .com {height:41px;overflow: hidden;}
	#year-navi ul > li {margin-top: 5px;}
	#year-navi ul > li > a {padding:9px 17px 9px 19px;font-size: 16px;}
	body.blog .whatsnew-com1 {line-height: 1.8;}
	
	/*============　クリニック案内  clinic/　=============*/
	/*ポリシー*/
	.policy-midashi {width: 300px;height: 90px;font-size: 136%;padding-top: 27px;margin: -60px auto 0 auto;}
	.policy-box {padding: 30px 15px 20px 15px;border: 6px solid #fdd7e9;}
	.policy-box ul li {margin-top: 25px;}
	/*経歴*/
	.profile-box {margin-top: 20px;padding: 0px 15px 20px 15px;}
	ul.profile-outer-ul > li ul.profile-inner-ul {margin-left: 0;}
	/*診療案内*/
	body#clinic h3 {margin-top: 40px;font-size: 136%;padding: 9px 0;}
	dl.shinryou-box {margin-top: 30px;}
	dl.shinryou-box dt {width:78px;}
	dl.shinryou-box dd {float: none;width: 100%;}
	dl.shinryou-box dd h5 {margin-left: 90px;}
}






@media screen and (max-width: 560px) {	
	/* =============中ページ共通のスタイル================== */
	body.naka h1 {font-size: 180%;letter-spacing: 0;margin-bottom: 30px;}
	h5 {font-size: 115%;padding: 2px 0 0 38px;}

	
	/*写真ギャラリー
	.gallery-item {width: 80% !important;margin: 0 auto 15px auto !important;display: block;}
	.gallery-columns-3 .gallery-item {width: 80% !important;margin: 0 auto 15px auto !important;display: block;}
	.gallery br{display:none;}*/
	
	/*画像位置
	.alignright,
	.alignleft,
	img.alignright,
	img.alignleft{float: none;display: block;margin: 7px auto 17px auto;}
	.wp-caption.alignright,
	.wp-caption.alignleft,
	.wp-caption.alignnone{float: none;display: block;margin: 12px auto 7px auto;display: table;}*/
		
		
	/*文字サイズ*/
	.font-size23{font-size:122%;line-height:1.5;}
	.font-size24{font-size:122%;line-height:1.5;}
	.font-size28{font-size:128%;line-height:1.4;}
	.font-size32{font-size:134%;line-height:1.3;}
	.font-size36{font-size:156%;line-height:1.3;}
	.font-size40{font-size:172%;line-height:1.2;}
	.font-size50{font-size:184%;line-height:1.2;}
	.font-size60{font-size:200%;line-height:1.2;}

	
	/*============　お知らせ一覧  news---(cgi-bin--wnew_list.html)　=============*/
	.index-news-box.naka {margin: 30px auto 0 auto;}
		
	/*============　お知らせの詳細  news---(cgi-bin--wnew_one.html)　=============*/
	dl.news-single-title-box dt .news-single-ichiran a {background: url(../img/arrow_brown6-8.png) no-repeat 0 9px;}
	dl.news-single-title-box dd h1.news-single-title {font-size: 140%;}
	dl.news-single-title-box {padding: 11px 2.2% 12px 2.2%;}
	
	
	/*============　小児科医のだいじなおはなし［ブログ］一覧  daiji---(cgi-bin--daiji_list.html)　=============*/
	.blog-com1 {line-height: 1.5;}
	.blog-com1 span{display:none;}
	dl.blog-list-dl dt {width: 90px;height: 65px;}
	dl.blog-list-dl dd {margin: 0 1.5% 0 105px;}
	
	/*============　小児科医のだいじなおはなし［ブログ］の詳細  daiji---(cgi-bin--daiji_one.html)　=============*/
	dl.daiji-single-title-box {margin: 30px 0 10px 0;}
	dl.daiji-single-title-box dt .daiji-single-ichiran {margin-top: 40px;}
	dl.daiji-single-title-box dt .daiji-single-ichiran a {background: url(../img/arrow_brown6-8.png) no-repeat 0 9px;}

	/*============　クリニック案内  clinic/　=============*/
	/*ポリシー*/
	.policy-box ul li p {line-height: 1.8;}
	/*院内設備*/
	ul.shisetu-box-ul li {width: 48%;}
	
}







@media screen and (max-width: 480px) {
	/*============　お知らせ一覧  news---(cgi-bin--wnew_list.html)　=============*/
	.index-news-box.naka ul li {width: 100%;margin: 10px 0 0 0;}
	.index-news-box.naka ul li a {padding: 20px 15px 10px 20px;}

	/*============　小児科医のだいじなおはなし［ブログ］一覧  daiji---(cgi-bin--daiji_list.html)　=============*/
	dl.blog-list-dl dt {display:none;}
	dl.blog-list-dl dd {margin: 0 1.5% 0 5px;}

	/*============　404ページ  404　=============*/
	.com404{font-size: 93%;}
}






@media screen and (max-width: 380px) {
	/*============　お知らせの詳細  news---(cgi-bin--wnew_one.html)　=============*/
	ul.news-single-yokoimg li {width: 90%;text-align: center;}
	ul.news-single-yokoimg li img {max-width: 100%;max-height:240px;height: auto;}

	/*============　クリニック案内  clinic/　=============*/
	/*ポリシー*/
	.policy-midashi {width: 250px;height: 80px;font-size: 129%;padding-top: 23px;margin: -60px auto -15px auto;}
	/*院内設備*/
	ul.shisetu-box-ul li { float: none;width: 85%;margin: 0 auto 15px auto;}
}






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

}