@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%
//////////////////////////////*/

/* =============================中ページ共通==================================== */

/*ページのフェードイン　js無し*/
body.naka {animation: fadeIn 0.6s ease 0s 1 normal;-webkit-animation: fadeIn 0.6s ease 0s 1 normal;}
@keyframes fadeIn {
	0% {opacity: 0.2}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0.2}
	100% {opacity: 1}
}




/* =============中ページ共通のheader================== */
body.naka #header {background:none;height: 230px;}
		
/*中ページの上部。ヘッダーを上に固定させる*/
body.naka #change{display:block;position: fixed;z-index:100;top:0;left: 0px;width: 100%;height:235px;background:url(../img/index_head_small.png) no-repeat center top;}

body.naka #change .rogo-box{top:15px;transition: 0.6s;}
body.naka #change .rogo-box .rogomark img{width: 140px;transition: 0.6s;}
body.naka #change .rogo-box .rogo{margin-top: -20px;transition: 0.6s;}
body.naka #change .rogo-box .rogo img{width: 360px;transition: 0.6s;}		


body.naka #change .yoyaku-right {top: 10px;}
body.naka #change .zip-left-zip {font-size: 86%;}
body.naka #change .btn-yoyaku a {line-height: 38px;height: 36px;font-size: 115%;}

body.naka #change .yokomenu-bg {top: 88px;}

body.naka #change ul#yoko-menu li.yokomenu1 {}
body.naka #change ul#yoko-menu li.yokomenu2 {top:10px;}
body.naka #change ul#yoko-menu li.yokomenu3 {top:23px;}
body.naka #change ul#yoko-menu li.yokomenu4 {top:30px;}
body.naka #change ul#yoko-menu li.yokomenu5 {top:23px;}
body.naka #change ul#yoko-menu li.yokomenu6 {top:10px;}
body.naka #change ul#yoko-menu li.yokomenu7 {}

body.naka #change ul#yoko-menu li.yokomenu1:hover {top:-3px;}
body.naka #change ul#yoko-menu li.yokomenu2:hover {top:7px;}
body.naka #change ul#yoko-menu li.yokomenu3:hover {top:20px;}
body.naka #change ul#yoko-menu li.yokomenu4:hover {top:27px;}
body.naka #change ul#yoko-menu li.yokomenu5:hover {top:20px;}
body.naka #change ul#yoko-menu li.yokomenu6:hover {top:7px;}
body.naka #change ul#yoko-menu li.yokomenu7:hover {top:-3px;}

/*スクロールで.smallがついたとき*/
body.naka #change.scrol .rogo-box{top:52px;}
body.naka #change.scrol .rogo-box .rogomark img{width: 90px;}
body.naka #change.scrol .rogo-box .rogo{margin-top: -16px;}
body.naka #change.scrol .rogo-box .rogo img{width: 280px;}

body.naka #change.scrol ul#yoko-menu li a {height: 107px;background-position: center bottom -2px !important;}
body.naka #change.scrol ul#yoko-menu li::after {height: 106px;}





/* =============中ページ共通のスタイル================== */

/*パンくず------------*/
.breadcrumb-box{}
#breadcrumb{width:1200px;margin: 11px auto 0 auto;font-size:72%;line-height:1.1;white-space: nowrap;overflow: hidden;}
#breadcrumb div{display:inline;color:#999;padding-right:10px;}
#breadcrumb div a{color:#333;margin-right:10px;text-decoration:underline;}
#breadcrumb div a:hover{color:#FF9900;}


/* 中ページの各セクション-------------------*/
body.naka .section.first{padding:25px 0 70px 0;}
body.naka .section{padding: 80px 0 80px 0;}
body.naka .section.end{padding:0;}


.naka-container {width:1250px;margin:0 auto;padding: 0 10px 0 10px;line-height:1.8;font-size:108%;}
/*お知らせなど*/
.leftmain{float: left;width: 17%;height: 100%;}
.rightmain{padding: 0 0 0 5%;display: inline-block;width: 82%;}

/*--------------------------------
SNS、section.endのバナーは使っていない
---------------------------------*/
#sns-box{display:none;}
#banner-box{display:none;}




/* ========= 管理者画面からのスタイル ============*/
/*------------見出し----------------*/
h1{font-size:190%;line-height:1.2;color:#775b54;text-align:center;font-family:'M PLUS Rounded 1c';font-weight:900;letter-spacing: -0.07em;margin-bottom:30px;}
body.naka h1{font-size: 208%;letter-spacing: 0.1em;margin-bottom:50px;line-height:1;}


h2{font-size:216%;line-height:1.2;color:#775b54;text-align:center;display:block;font-family:'M PLUS Rounded 1c';font-weight:900;letter-spacing: 0.05em;text-shadow: 2px 2px 0 #fff;margin-bottom: 30px;}
h2.blue{color:#1eaae6;}
h2:before {content: '';display: inline-block;width: 120px;height:17px;background: url(../img/h2_line.png) no-repeat;margin: 0 17px 3px 0;}
h2:after 	{content: '';display: inline-block;width: 120px;height:17px;background: url(../img/h2_line.png) no-repeat;margin: 0 0 3px 17px;}

h2.brown{color:#775b54;}
h2.pink	{color:#f75e9e;}
h2 span{font-weight: 900;}

body.naka h2{letter-spacing:0.4em;}

h3{font-size:154%;line-height:1.2;color:#775b54;text-shadow: 2px 1px 0 #fff;text-align:center;font-family:'M PLUS Rounded 1c';font-weight:700;letter-spacing:0.3em;margin-bottom:20px;background-color:#fdcae2;border-radius:5px; box-shadow: 0px 0px 0px 5px #fdcae2;border: 2px dashed white;padding: 11px 0;}

h4{font-size:160%;line-height:1.2;color:#f878b3;text-align:center;font-family:'M PLUS Rounded 1c';font-weight:700;letter-spacing: -0.07em;margin-bottom:20px;}

h5{font-size:122%;font-weight:bold;line-height: 1.3;color:#775b54;padding:0 0 0 38px;background:url(../img/h5_line.png) no-repeat left top 6px;margin-bottom:10px;}





/*文字サイズ*/
strong{font-weight:bold;}
big{font-size:122%;}

small,
.small{font-size: 63%;line-height: 1.3;}

.font-size12{font-size:79%;line-height:1.3;}
.font-size14{font-size:93%;line-height:1.5;}	
.font-size17{font-size:115%;line-height:1.7;}
.font-size20{font-size:129%;line-height:1.7;}
.font-size24{font-size:143%;line-height:1.4;}
.font-size28{font-size:156%;line-height:1.4;}
.font-size32{font-size:172%;line-height:1.3;}
.font-size36{font-size:184%;line-height:1.3;}
.font-size40{font-size:200%;line-height:1.2;}
.font-size50{font-size:220%;line-height:1.2;}
.font-size60{font-size:240%;line-height:1.2;}

.noaccent{font-weight:normal;}
.accent{font-weight: bold;}

/*文字色*/
.color-red{color:#ff0000;}
.color1{color:#118bbf;}/*基本のブルー色　(管理画面から選べる)*/
.color2{color:#cc3333;}/*注釈の色　(管理画面から選べる)*/

.nowrap{white-space:nowrap;}

/*字下げ*/
.jisage{padding-left: 1em;text-indent: -1em;}

/*インデント*/
.indent{padding-left: 0.7em;}

/* 画像 */
.alignnone,
img.alignnone {margin:7px 0 7px 0;}
.alignleft,
img.alignleft {float: left;margin:7px 25px 7px 0;}
.alignright,
img.alignright {float: right;margin:7px 0 7px 25px;}
.aligncenter,
img.aligncenter {clear: both;display: block;margin:7px auto 7px auto;}

/*
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
*/
.wp-caption.alignnone {margin:12px 0 7px 0;width:auto !important;overflow:hidden;}
.wp-caption.alignleft {float:left;margin:12px 20px 7px 0;width:auto !important;}
.wp-caption.alignright {float:right;margin:12px 0 7px 20px;width:auto !important;}
.wp-caption.aligncenter {margin:12px auto 7px auto;}
.wp-caption img {border: 0 none;margin-bottom:3px;padding: 0;/*max-width: 98.5%;width: auto;height: auto;---この3つを入れると管理者画面の画像編集で画像が変形できなくなる*/}
.wp-caption p.wp-caption-text {font-size:79%;line-height:1.2;color:#444;margin-top:1px;padding:0;}



/* PC-SPの画像表示＆非表示 */
.pc-img{}
.sp-img{display:none;}


/*表テーブル スマホ対応用*/
.responsive_table_mask{display:none;}
/*スマホのときだけ表示*/
.sm-only640{display:none;}
/*
@media screen and (max-width: 640px) {
	.sm-only640{display:block;margin:40px 0 -20px 0;text-align:center;}
}
*/
@media screen and (max-width: 640px) {
.scroll-table{overflow: auto;white-space: nowrap;position: relative;}
.scroll-table::-webkit-scrollbar{height: 3px; /* スクロールバーの高さ */}
.scroll-table::-webkit-scrollbar-track{background: #F1F1F1; /* スクロールバーの背景色 */}
.scroll-table::-webkit-scrollbar-thumb {background: #ffa566; /* スクロールバーの色 */}
.scroll-table td,
.scroll-table th{white-space: nowrap;　/* 文字の折返しを禁止 */}

.responsive_table_mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.3) url( '../images/icon_swipe.png' ) no-repeat center 30px;background-size: auto 90px;z-index:10;cursor: pointer;display:block;}
}



/*表テーブル*/
table{border-collapse: collapse;/*! margin:10px 0 5px 0; */width:100% !important;max-width: 100%;border:none;}
/* Only Chrome  tableにmax-wdthを指定しているにも関わらず適用されないため */
@media screen and (-webkit-min-device-pixel-ratio:0){
.entry-content table{display: table-row;}
}
table caption{font-weight:bold;font-size: 108%;text-align:left;}
table tr{vertical-align:middle;}
table th{font-size: 93%;padding: 10px 10px 9px 13px;line-height: 1.5;background-color:#eef6ff;color:#444;vertical-align: middle;border: 1px solid #a2cbe8;width:auto !important;}
table th.title{background-color:#ff7457;color:#fff;}
table td{font-size:93%;padding: 11px 10px 12px 13px;line-height:1.4;text-align:center;border:1px solid #a2cbe8;font-weight:normal;background-color:#fff;width:auto !important;}
table td .alignnone,
table td img.alignnone,
table td .wp-caption.alignnone {margin: 2px -8px 5px 2px;}

table.border-zero{width: auto !important;margin: 10px 0 5px 0;}
table.border-zero,
table th.border-zero,
table td.border-zero{padding: 3px 15px 3px 0;border:none !important;text-align:left;vertical-align:top;background-color: transparent;}

table.border-bottom,
table td.border-bottom,
table th.border-bottom,
table.border-bottom th{border-bottom:1px dotted #999;border-top:none;border-left:none;border-right:none;background-color: transparent;}

/*特別な小さな表*/
table.mini-table-right{margin;width:auto !important;}

/*改行しない*/
.white-space{white-space:nowrap;}

/*リスト*/

/*iframe地図*/
body.naka iframe{border:none;width: 98%;}


/*先方担当者がUPするyoutubeなどの動画レスポンシブ*/
.responsive-video{position:relative;width: 100%;max-width:850px;margin:15px auto 0 auto;} 
.responsive-video::before {content: "";display: block;width: 100%;padding-top: 56.25%;}
.responsive-video video, 
.responsive-video iframe, 
.responsive-video object, 
.responsive-video embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}
.responsive-video .mce-preview-object{position: unset;}


/*PDFボタン枠あり
.btn-pdf{display: table;border: 1px solid #7fb1da;margin:20px auto 0 auto;}
.btn-pdf a{text-decoration: none !important;background:#f5fafe url(../images/icon_pdf.gif) no-repeat 33px center;padding:14px 35px 13px 60px;display: inline-block;font-size:108%;line-height:1.2;}
.btn-pdf a:hover{color:#003399;background-color:#D5E9FB;}

/*xlsボタン枠あり
.btn-xls{display: table;border: 1px solid #7fb1da;margin:20px auto 0 auto;}
.btn-xls a{text-decoration: none !important;background:#f5fafe url(../images/icon_xls.gif) no-repeat 33px center;padding:14px 35px 13px 60px;display: inline-block;font-size:108%;line-height:1.2;}
.btn-xls a:hover{color:#003399;background-color:#D5E9FB;}

/*wordボタン枠あり
.btn-word{display: table;border: 1px solid #7fb1da;margin:20px auto 0 auto;}
.btn-word a{text-decoration: none !important;background:#f5fafe url(../images/icon_word.gif) no-repeat 33px center;padding:14px 35px 13px 60px;display: inline-block;font-size:108%;line-height:1.2;}
.btn-word a:hover{color:#003399;background-color:#D5E9FB;}
*/

/*PDFボタン*/
.btn-pdf{font-size:108%;line-height: 1.1;background:url(../images/icon_pdf.gif) no-repeat 0px 0px;padding:0 0 13px 24px;margin-top: 10px;}
.btn-pdf a{text-decoration: underline;}
.btn-pdf a:hover{}


/*xlsボタン
.btn-xls{font-size:100%;line-height: 1.1;background:url(../images/icon_xls.gif) no-repeat 0px 0px;padding:0 0 13px 24px;}
.btn-xls a{text-decoration:underline;}
.btn-xls a:hover{}
*/


/*グレイ色の枠*/
.waku-glay{padding:20px 30px;border:2px solid #ccc;margin:10px 0;background-color:#fff;}
/*赤色の枠*/
.waku-red{padding:20px 30px;border:2px solid #e20000;margin:10px 0;background-color:#fbf1f1;}
/*水色の枠*/
.waku-wblue{padding:20px 30px;border:7px solid #c2ebff;margin:10px 0;background-color:#fff;}


/*====cssだけでつくったボタンの場合=======*/
.naka-kuwashii{text-align:center;line-height:1.1;margin-top:40px;}
.naka-kuwashii a{position: relative;z-index: 2;font-size: 93%;color: #fff;line-height: 46px;text-align: center;text-decoration: none;display:block;padding: 0 0 0 10px;width: 260px;margin:0 auto;
									background: #46b9ea url(../img/arrow_white6-8.png) no-repeat 20px center;border-radius: 45px;height: 45px;font-weight: bold;letter-spacing: 0.1em;overflow:hidden;}

.naka-kuwashii a::before,
.naka-kuwashii a::after {position: absolute;z-index: -1;display: block;content: '';}
.naka-kuwashii,
.naka-kuwashii a::before,
.naka-kuwashii a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.naka-kuwashii a:hover{color:#fff;background:#0088c2 url(../img/arrow_white6-8.png) no-repeat 23px center;padding: 0 0 0 13px;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {top: 0;width: 50%;height: 100%;}
.naka-kuwashii a::before {right: 0;}
.naka-kuwashii a::after {left: 0;}
.naka-kuwashii a:hover::before,
.naka-kuwashii a:focus::before,
.naka-kuwashii a:hover::after,
.naka-kuwashii a:focus::after {width: 0;background-color:#0088c2;}



/*==中ページ基本の繰り返し画像==  使っていない
.naka-dl{display: inline;}
.naka-dl dl{display: inline-block;vertical-align: top;width:29.1%;margin:0 1.8% 70px 2%;}
.naka-dl dl dt{overflow:hidden;border: 1px solid #eee;}
.naka-dl dl dt .inner{}
.naka-dl dl dt .inner a{height:0;width:inherit;padding-top:66.7%;transition: 0.5s;display:block;cursor: pointer;}
.naka-dl dl dt .inner a:hover{opacity:0.6;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.naka-dl dl dd{text-align:center;}
.naka-dl dl dd .title{text-align:center;font-size:15px;line-height:1.3;color:#555;padding:7px 7px 0 7px;font-weight: bold;}
.naka-dl dl dd .com{font-size:14px;line-height:1.2;text-align:center;color:#555;padding:4px 7px 7px 7px;}
*/






/*============　クリニック案内  clinic/　=============*/
/*診療ポリシー*/
.policy-box{position:relative;margin-top:55px;background-color:#fff9fc;border:10px solid #fdd7e9;border-radius:20px;padding:40px;}
.policy-midashi{background:url(../clinic/img/policy_bg.png) no-repeat 0 0;background-size: contain;width:368px;height:101px;margin:-70px auto 20px auto;text-align:center;font-size:152%;line-height:1;color:#775b54;font-family:'M PLUS Rounded 1c';font-weight:700;letter-spacing:0.2em;padding-top: 33px;}


.policy-box ul{margin:0;}
.policy-box ul li{margin-top: 35px;}
.policy-box ul li p{font-size:95%;line-height:1.6;}


/*院長紹介*/
dl.doctor-dl{}
dl.doctor-dl dt{float:left;width:47%;}
dl.doctor-dl dt img{width:100%;height:auto;}

dl.doctor-dl dd{float:right;width:50%;}
dl.doctor-dl dd .doctor-com{font-size:93%;line-height:1.7;margin-top:20px;}
dl.doctor-dl dd .doctor-com strong{font-size:108%;font-weight:bold;}
ul.doctor-img-ul{margin-top:15px;}
ul.doctor-img-ul li{display:inline-block;margin-right:3%;width:35%;}
ul.doctor-img-ul li img{width:100%;height:auto;}
ul.doctor-img-ul .doctor-img-ul-cap{font-size:72%;line-height:1.3;margin-top:5px;}

.profile-box{margin-top:25px;background-color:#eaf8fd;border:5px solid #91d5f2;border-radius:20px;padding:10px 35px 35px 35px;}
ul.profile-outer-ul{}
ul.profile-outer-ul > li{margin-top:25px;}
ul.profile-outer-ul > li:first-child{margin-bottom:30px;}
ul.profile-outer-ul > li ul.profile-inner-ul{margin-left: 10px;}
ul.profile-outer-ul > li ul.profile-inner-ul li{margin-top:14px;position: relative;padding-left: 0.8em;font-size:93%;line-height:1.3;}
ul.profile-outer-ul > li ul.profile-inner-ul li .cap{font-size: 86%;margin: 6px 0 0 15px;}
ul.profile-outer-ul > li ul.profile-inner-ul li:before {position: absolute;content: "";left: 0;top: 0.4em;display: block;border-radius: 50%;width: 7px;height: 7px;background:#f49eca;}
ul.profile-outer-ul > li ul.profile-inner-ul.green li:before {background:#97d36f;}

/*診療案内*/
body#clinic h3{margin-top:50px;}
dl.shinryou-box{margin-top: 50px;}
dl.shinryou-box dt{float:left;width:19%;}
dl.shinryou-box dt img{width:100%;height:auto;}
dl.shinryou-box dd{float:right;width:77%;padding-top: 15px;}
dl.shinryou-box dd h5{font-size:158%;padding:0 0 14px 38px;background:url(../img/h5_line.png) no-repeat left top 12px, url(../img/dotline_pink.png) repeat-x left bottom;font-family: 'M PLUS Rounded 1c';font-weight: 700;margin-bottom: 20px;}

ul.shisetu-box-ul{margin-top: 30px;}
ul.shisetu-box-ul li{float:left;margin:0 2% 15px 0;width: 31.3%;}
ul.shisetu-box-ul li img{width:100%;height:auto;}
ul.shisetu-box-ul li .cap{font-size:72%;}




/*============　お知らせ一覧  news---(cgi-bin--wnew_list.html)　=============*/
/*年別を横覧*/
#year-navi{margin: 15px 0 -5px 0;}
#year-navi ul{margin-left: 0;text-align:center;font-size:0;}

/*6年分だけ表示*/
#year-navi ul > li{display:none;}
#year-navi ul > li:nth-child(1),
#year-navi ul > li:nth-child(2),
#year-navi ul > li:nth-child(3),
#year-navi ul > li:nth-child(4),
#year-navi ul > li:nth-child(5),
#year-navi ul > li:nth-child(6){display: inline-block;}

#year-navi ul > li small{display:none;}/*件数は非表示*/
#year-navi ul > li > a{padding:9px 22px 9px 22px;color:#000;line-height: 1;border-left:1px solid #bbb;font-size:17px;text-decoration:none;display: block;}
#year-navi ul > li:last-child > a{border-right:1px solid #bbb;}
#year-navi ul > li > a:hover{color: #ff6600;background-color:#edf8f9;}
/*年別リンクのカレント表示*/
#year-navi li.current_page_item {font-weight:bold;background-color:#edf8f9;}

.index-news-box.naka {margin: 50px auto 0 auto;display:block}
.index-news-box.naka ul li {float: left;width: 23.2%;margin: 0 0.9% 30px 0.9%;}



/*and moreは、naka-kuwashiiを使った。*/
.ajaxLoad.naka-kuwashii {margin-top: 30px;}
/*and more
.ajaxLoad{max-width:460px;height:34px;margin: 0px auto 70px auto;text-decoration:none;}
.ajaxLoad img{margin:0 auto 0 auto;}
.ajaxLoad a{font-size:17px;line-height:32px;text-align:center;background-color:#888;color:#fff;border:1px solid #e9e8e7;border-radius:5px;text-decoration:none;display:block;transition: 0.6s ease-in-out;}
.ajaxLoad a:hover{background-color:#00a1e9;color:#fff;}
*/



/*次の記事へ→  使っていない
.navigation{position:relative;text-align: center;padding: 8px 15px 8px 15px;max-width:460px;margin:30px auto 0 auto;}
.navigation a{font-size:93%;color:#333;line-height:16px;height:20px;}
.navigation a:hover,
.navigation a:focus{color:#FF9900;}
.navigation .ichiran {position:absolute;width: 100px;margin: 0 auto 0 auto;right: 0;left: 0;}
.navigation .alignleft {float: left;margin:0;}
.navigation .alignright {float: right;margin:0;}
*/




/*============　お知らせの詳細  news---(cgi-bin--wnew_one.html)　=============*/
dl.news-single-title-box{line-height:1.2;color:#775b54;margin-bottom:20px;background-color:#fdcae2;border-radius:5px; box-shadow: 0px 0px 0px 5px #fdcae2;border: 2px dashed white;padding: 11px 2.2% 18px 2.2%;}
dl.news-single-title-box dt{border-bottom:1px dashed #fff;padding-bottom: 7px;}
dl.news-single-title-box dt .news-single-date{float:left;font-size:86%;}
dl.news-single-title-box dt .news-single-date img{margin: 0 0 5px 7px;}
dl.news-single-title-box dt .news-single-ichiran{float:right;font-size:86%;}
dl.news-single-title-box dt .news-single-ichiran a{color:#775b54;text-decoration:none;background:url(../img/arrow_brown6-8.png) no-repeat 0 10px;padding:5px 0 3px 9px;}
dl.news-single-title-box dt .news-single-ichiran a:hover{opacity: 0.7;text-decoration:underline;}
dl.news-single-title-box dd h1.news-single-title{text-shadow: 2px 1px 0 #fff;font-weight:700;font-size:145%;letter-spacing: 0.02em;margin: 11px 0 0 0;line-height: 1.2;}

.news-single-main{}

.whatsnew-com1{font-size:95%;line-height:1.8;padding-bottom:10px;margin-top:20px;}

.news-single-bigimg{display:table;max-width:850px;margin:20px auto 0 auto;font-size:72%;color:#666;line-height:1.2;}
.news-single-bigimg img{padding-bottom:3px;}

ul.news-single-yokoimg{text-align: center;margin:20px auto 0 auto;display:table;}
ul.news-single-yokoimg li{display: inline-table;width:100px;text-align:left;margin:10px 8px 8px 8px;vertical-align: top;font-size:72%;color:#666;line-height:1.2;}
ul.news-single-yokoimg li img{max-width:320px;max-height:300px;height: 100%;padding-bottom:3px;}


.whatsnew-temp{font-size:95%;line-height: 1.1;background:url(../img/icon_pdf.gif) no-repeat 0px 0px;padding:0 0 5px 24px;color:#000;margin-top:10px;}
.whatsnew-temp a{text-decoration:underline;}

/*ページ下部の表示用
.pagescroll{font-size:108%;margin:45px 0px 0 0px;text-align: center;}
*/




/*============　小児科医のだいじなおはなし［ブログ］一覧  daiji---(cgi-bin--daiji_list.html)　=============*/
body.naka.blog h1 {margin-bottom: 15px;}
body.naka h1 small{display:block;}

.blog-com1{text-align:center;font-size:86%;line-height:1.3;margin-bottom: 20px;}

.blog-list-box{margin-top:40px;}
.blog-list-box article a{width:100%;background:url(../img/dotline_pink.png) repeat-x left top;padding:18px 0 18px 25px;display:block;text-decoration: none;color: #000;}
.blog-list-box article:last-of-type a{background:url(../img/dotline_pink.png) repeat-x left top, url(../img/dotline_pink.png) repeat-x left bottom;}

dl.blog-list-dl dt{float:left;width:148px;height:100px;background:url(../daiji/img/daiji_img_bg.gif) no-repeat center center;background-size:cover;border-radius: 8px;}

dl.blog-list-dl dd{margin: 0 2% 0 190px;}
dl.blog-list-dl dd .date{line-height: 1;margin-top:5px;font-size: 86%;color: #444;}
dl.blog-list-dl dd img{margin: 0 0 5px 8px;}

.blog-list-box article a dl.blog-list-dl dd .midashi{line-height: 1.3;color: #ff5959;font-weight: bold;margin-top:6px;background:url(../img/arrow_pink6-8.png) no-repeat left top 7px;padding-left:12px;}
dl.blog-list-dl dd .com{font-size: 80%;line-height:1.3;margin: 7px 0 0 0;}

.blog-list-box article a:hover{background-color:#fffce4;color:#0099ff;}
.blog-list-box article a:hover dl.blog-list-dl dt{opacity:0.6;}
.blog-list-box article a:hover dl.blog-list-dl dd .midashi{color:#0099ff;}




/*============　小児科医のだいじなおはなし［ブログ］の詳細  daiji---(cgi-bin--daiji_one.html)　=============*/
dl.daiji-single-title-box{line-height:1.2;margin:50px 0 10px 0;text-align:center;position: relative;}
dl.daiji-single-title-box dt{}
dl.daiji-single-title-box dt .daiji-daiji{background-color:#ff8484;color:#fff;line-height:1;padding:7px 15px 5px 15px;display:inline-block;border-radius:5px;font-size: 86%;font-weight: bold;}
dl.daiji-single-title-box dt .daiji-single-date{font-size:86%;margin-top: 15px;}
dl.daiji-single-title-box dt .daiji-single-date img{margin: 0 0 5px 7px;}
dl.daiji-single-title-box dt .daiji-single-ichiran{font-size:86%;position: absolute;right: 0;display: inline-block;margin-top: 35px;}
dl.daiji-single-title-box dt .daiji-single-ichiran a{color:#775b54;text-decoration:none;background:url(../img/arrow_brown6-8.png) no-repeat 0 11px;padding:5px 0 3px 9px;}
dl.daiji-single-title-box dt .daiji-single-ichiran a:hover{opacity: 0.7;text-decoration:underline;}
dl.daiji-single-title-box dd{padding: 10px 0 30px 0;background: url(../daiji/img/dotline_pink2.png) repeat-x left bottom;}
dl.daiji-single-title-box dd h1.daiji-single-title{font-weight:700;font-size:145%;letter-spacing: 0.02em;margin: 11px 0 0 0;color:#ff5959;line-height: 1.2;}

body.blog .whatsnew-com1{line-height: 2.2;}



/*============　小児科医のないしょばなし［ブログ］一覧  naisho---(cgi-bin--naisho_list.html)　=============*/
.blog-list-box.naisho article a{background:url(../img/dotline_green.png) repeat-x left top;}
.blog-list-box.naisho article:last-of-type a{background:url(../img/dotline_green.png) repeat-x left top, url(../img/dotline_green.png) repeat-x left bottom;}

.blog-list-box.naisho dl.blog-list-dl dt{background:url(../naisho/img/naisho_img_bg.gif) no-repeat center center;background-size:cover;}

.blog-list-box.naisho article a dl.blog-list-dl dd .midashi{color:#68b02d;background:url(../img/arrow_green6-8.png) no-repeat left top 7px;}

.blog-list-box.naisho article a:hover{background-color:#fffce4;color:#0099ff;}
.blog-list-box.naisho article a:hover dl.blog-list-dl dd .midashi{color:#0099ff;}




/*============　小児科医のないしょばなし［ブログ］の詳細  naisho---(cgi-bin--naisho_one.html)　=============*/
dl.daiji-single-title-box.naisho dt .daiji-daiji{background-color:#86d048;}
dl.daiji-single-title-box.naisho dd{background: url(../naisho/img/dotline_green2.png) repeat-x left bottom;}
dl.daiji-single-title-box.naisho dd h1.daiji-single-title{color:#76c734;}





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