@charset "utf-8";
/********************************************
 国立がん研究センター style.css
********************************************/
body{min-width:320px;}
.contents{width:1024px;margin:0 auto;padding:0;}
.contents .article{width:750px;float:left;}
.no_nav .contents .article{width:100%;float:none;}
#TOP.wrap{width:100%;}
#TOP{min-width:1024px;padding:0px;}
body{margin:0px;color:#333333;background-color:#ffffff;font-size:100%;line-height:1.5;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-text-size-adjust:100%;}
header ,article ,footer ,section ,h1,h2,h3,hr{clear:both;}/*-clear-*/
article ,section ,nav ,dl,ul,div{padding:0px 0px 5px;overflow:auto;}/*-hasLayout-*/
h1,h2,h3,h4,h5,p,dl,ul,ol{margin-top:0px;}
ul{list-style:none;}
ul,ol{padding-left:30px;}
textarea{max-width:95%;}
a{color:#0044CC;text-decoration:underline;}
a:visited{color:#61848b;}
a:hover{color:#14205f;}
a:active{color:#5d0000;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;width:auto;max-width:100%;height:auto;}
hr{height:0px;margin:2em -20px;padding:0px;border:none;border-top:2px solid #005EAD;border-radius:2px;}
#Map,#Map *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;overflow:auto;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;background:#ffffff;text-align:center;}
div.left{float:left;}
div.right{float:right;}
div.clear{clear:both;}
p.left,.text_left{text-align:left;}
p.center,.text_center{text-align:center;}
p.right,.text_right{text-align:right;}

footer{font-size:.9em;}
footer .wrap{width:1024px;margin:0px auto;}
footer ul.menu{margin:4px 0px;text-align:center;}
footer ul.menu li{display:inline-block;padding:2px 1em;border-left:1px dotted #AAAAAA;}
footer ul.menu li:first-child{border:none;}
footer .bg{padding:16px 0px 0px;color:#ffffff;background:#005ead;}
footer .bg a{color:#fff;}
footer dl{max-width:50%;float:left;margin-right:1em;}
footer dl dd{margin:2px 0px;}
footer .copyright{margin:0px;text-align:right;font-size:0.8em;clear:both;}
footer .reread_link{width:66px;position:fixed;bottom:44px;right:0px;padding:1px;}
footer .reread_link a{display:block;height:64px;overflow:hidden;text-indent:-100em;background:url(../img/reread_link.png) no-repeat center center rgba(255,255,255,0.8);opacity:0.8;box-shadow:0px 0px 1px 1px #D8DCE4;}
footer .reread_link a:hover{opacity:1;}

.locus{margin-top:1em;margin-bottom:16px;font-size:0.8em;} 
.no_nav .contents .article{width:auto;float:none;}

.contents .article .txtbox{margin:0 0 2em 0;padding:0 30px 0.5em;box-sizing:border-box;}
.contents .article .txtbox p{margin-bottom:0.6em;}
.contents .article .txtbox a{word-break:break-all;}

/* header */
.contents .article h1{padding:15px 15px 15px 30px;background-color:#005EAD;color:#fff;font-size:1.500em;font-weight:bold;}
.contents .article h2{margin:20px -20px;padding:12px 12px 12px 25px;background-color:#CEE9FF;font-size:1.375em;font-weight:bold;}
.contents .article h3{margin:20px -20px;padding:12px 12px 1px 25px;border-bottom:solid 3px #115FAD;font-size:1.250em;font-weight:bold;}
.contents .article h4{margin:20px -20px;padding:12px 12px 3px 25px;border-bottom:dotted 2px #CDCDCD;font-size:1.125em;font-weight:bold;}
.contents .article h5{margin:20px -20px;padding:10px 10px 10px 20px;font-size:1em;font-weight:bold;}
.contents .article h6{margin:10px -20px;padding:10px 10px 10px 20px;font-size:1em;font-weight:bold;}
.comtemts .article h1 span{padding-left:.5em;}

/* attention */
.contents .article .attention h2{background:#DF051C;color:#ffffff;}
.contents .article .attention h3{border-bottom:solid 3px #DF051C;}
.contents .article .attention h4{border-bottom:dotted 2px #ffffff;}
.contents .article .attention{overflow:visible;position:relative;background:#FBE6E8;color:#C00000;font-weight:bold;margin:0px -40px 40px;padding:0.5em 50px;}
.contents .article .attention:after{position:absolute;content:'';top:100%;left:30px;border:15px solid transparent;border-top:15px solid #FBE6E8;width:0;height:0;}
.contents .article .attention ul > li::before{background:#DF051C;}

/* attention2 */
.contents .article .attention2 h2{background:#fff;border-bottom:2px dotted #DF051C;}
.contents .article .attention2 h2:first-letter{font-size:2em;line-height:1;}
.contents .article .attention2 h3{border-bottom:2px solid  #999999;}
.contents .article .attention2 h4{order-bottom:2px dotted #999999;}
.contents .article .attention2{position:relative;margin:0px -30px 40px;padding:1em 50px .5em;border:solid 4px #DF051C;}
.contents .article .attention2:after{position:absolute;display:inline-block;top:0px;left:6px;padding:0 9px;height:1.5em;line-height:1.5em;vertical-align:middle;background:#DF051C;color:#ffffff;font-weight:bold;content:"NEWS"}
.contents .article .attention2 ul > li::before{background:#DF051C;}

/* menu */
.contents .article .menu_section ul.menu{/* padding:0 15px;*/ padding:0;}
.contents .article .menu_section ul.menu > li{padding-left:0;margin-bottom:15px;}
.contents .article .menu_section ul.menu > li::before{content:none;width:0;height:0;}
.contents .article .menu_section ul.menu li a{background-color:#E8EBF0;padding:12px 12px 12px 2.250em; font-size:1.250em;border:solid 1px #ffffff;box-sizing:border-box;position:relative;display:block;color:#000;vertical-align:middle;text-decoration:none;}
.contents .article .menu_section ul.menu li a:hover{border:solid 1px #aaaaaa;}
.contents .article .menu_section ul.menu li a::before,
.contents .article .menu_section ul.menu li a::after{position:absolute;top:0;bottom:0;left:0.7em;margin:auto;content:"";vertical-align:middle;transition:all 0.1s linear 0s;}
.contents .article .menu_section ul.menu li a::before{width:0.8em;height:0.8em;border-radius:50%;background:#115FAD;}
.contents .article .menu_section ul.menu li a::after{left:0.9em;width:0.2em;height:0.2em;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.contents .article .menu_section ul.menu li a:hover::before{left:1em;}
.contents .article .menu_section ul.menu li a:hover::after{left:1.2em;}

/* section */
.contents .article .section + .section{margin-top:40px;}
.contents .article .section ul{margin-bottom:0;padding:0;}
.contents .article .section ul li{padding-left:0;}
.contents .article .section ul li:before{content:none;width:0;height:0;border-radius:0;}
.contents .article .section h2{margin:0;background-color:#115FAD;color:#fff;font-weight:lighter;}
.contents .article .section h2+div{padding:20px;border:solid 1px #AAAAAA;border-top:none;} 
.contents .article .section ul > li a{color:#00468C;padding-left:2.250em;position:relative;vertical-align:middle;display:inline-block;}
.contents .article .section ul > li a:before,
.contents .article .section ul > li a:after{position:absolute;left:0.625em;top:0.5em;margin:auto;content:"";vertical-align:middle;width:0.4em;height:0.4em;border-top:3px solid #005EAD;border-right:3px solid #005EAD;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

/* nav */
.contents .nav{width:240px;float:right;}
.contents .nav ul,
.contents .nav dl{padding:0px;list-style:none;text-align:center;}
.contents .nav dl dt{padding:17px 10px;background:#005EAD;color:#ffffff;font-size:1.375em;font-weight:bold;}
.contents .nav dl dd{margin:0px;border-bottom:solid 1px #AAAAAA;text-align:left;}
.contents .nav dl dd a{display:block;padding:20px 10px 20px 50px;text-decoration:none;color:#333;position:relative;vertical-align:middle;}
.contents .nav dl dd a:before,
.contents .nav dl dd a:after{position:absolute;left:25px;top:0;bottom:0;margin:auto;content:"";vertical-align:middle;width:0.4em;height:0.4em;border-top:2px solid #005EAD;border-right:2px solid #005EAD;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.1s linear 0s;}
.contents .nav dl dd a:hover:before,
.contents .nav dl dd a:hover:after{left:30px;}
.contents .nav dl dd a:hover,
.contents .nav dl dd a:hover{background-color:#DDDDDD;}
.contents .nav ul li img{max-width:100%;height:auto;}
.contents .article ol{padding-left:2em;}
.contents .article ul{list-style:none;padding-left:0px;}
.contents .article ol li,
.contents .article ul li{margin-top:0.2em;margin-bottom:0.4em;}
.contents .article ul > li{padding-left:2em;position:relative;}
.contents .article ul > li:before{top:0.4em;left:8px;width:0.625em;height:0.625em;background:#115FAD;border-radius:50%;display:block;content:" ";position:absolute;}
.contents .article .acrobat{margin:12px 0 0;padding:15px 8px 0;border-top:2px dotted #cccccc;}
.contents .article .acrobat .icon{margin:0px 20px 0px 0px;border:none;float:left;}
.contents .article .acrobat p{margin:0px;font-size:0.750em;}
.contents .nav ul.textlink li{border-top:solid 1px #aaaaaa;text-align:left;}
.contents .nav ul.textlink li:last-of-type{border-bottom:solid 1px #aaaaaa;}
.contents .nav ul.textlink li a{display:block;padding:20px 10px 20px 50px;text-decoration:none;color:#333;position:relative;}
.contents .nav ul.textlink li a:before,
.contents .nav ul.textlink li a:after{position:absolute;left:25px;top:0;bottom:0;margin:auto;content:"";vertical-align:middle;width:0.4em;height:0.4em;border-top:2px solid #005EAD;border-right:2px solid #005EAD;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.1s linear 0s;}
.contents .nav ul.textlink li a:hover:before,
.contents .nav ul.textlink li a:hover:after{left:30px;}
.contents .nav ul.side_banner_img{margin-bottom:0px;} /* 180302 */
.contents .nav dl.recommend dt{font-size: 1.15em;text-align: left;}

.ncce .contents .nav ul.textlink li a:before,
.ncce .contents .nav ul.textlink li a:after{border-color:#038A00;}

/* table */
.contents .article table{border-collapse:collapse;margin-bottom:15px;}
.contents .article table caption{padding:6px 0px;font-weight:bold;}
.contents .article table table,.contents .article table ul,.contents .article table ol,.contents .article table table dl{margin-bottom:0px;}
.contents .article table th,.contents .article table td{padding:0.75em 0.625em;border:1px solid #AAAAAA;}
.contents .article table th{background:#115FAD;color:#fff;}
.contents .article table.noborder,
.contents .article table.noborder th,
.contents .article table.noborder td{border:none;}
.contents .article table.widetable,
.contents .article table.wide_table{display:block;width:100%;overflow:auto;border:none;}
.contents .article table.widetable caption,
.contents .article table.wide_table caption{display:block;}
.contents .article table.widetable tbody,
.contents .article table.wide_table tbody{display:table;}
.contents .article table.widetable th,
.contents .article table.wide_table th,
.contents .article table.widetable td,
.contents .article table.wide_table td{padding:0.3em 0.3em;}
.contents .article .imagetable table{max-width:50%;float:left;}
.contents .article .imagetable table th{min-width:6em;}
.contents .article .imagetable .figure{max-width:50%;margin:0px;float:right;}

/* YouTube */
.contents .article .mv_area{position:relative;height:0px;width:100%;max-width:715px;margin:1em 0;padding-top:56.25%;overflow:hidden;}
.contents .article .mv_area.normal_wide{padding-top:75%;}
.contents .article .mv_area iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.contents .article .mv_area p{margin:0.5em 0;font-size:0.9em;}

/* よくある質問 */
.contents .article .qanda dt{border-bottom:1px dotted #aaaaaa;}
.contents .article .qanda dd{margin:0px;}
.contents .article .qanda dt:before,.article dl.qanda dd:before{content:"Q";padding-right:0.2em;color:#333333;font-size:240%;font-family:"monospace";border-radius:45%;}
.contents .article .qanda dd:before{content:"A";color:#880000;}

/* IMAGE BOX */
.contents .article .box-image{padding:1em 0 0;}
.contents .article .box-image li{margin:0 1% 1%;padding:0;float:left;text-align:center;}
.contents .article .box-image li:before{display:none;}
.contents .article .box-image li img{max-width:100%;height:auto;}
.contents .article .box-image li p{padding-top:0.5em;font-size:0.8em;}
.contents .article .box-image.single li{width:60%;padding-left:19%;padding-right:19%;float:none;}
.contents .article .box-image.double li{width:48%;}
.contents .article .box-image.triple li{width:31.3333333333%;}
.contents .article .box-image.quadruple li{width:23%;}
.contents .article .box-image.pentadruple li{width:18%;}
.contents .article .box-image.hexatruple li{width:14.6666666666%;}
.contents .article .box-image.double li:nth-child(2n+1),
.contents .article .box-image.triple li:nth-child(3n+1),
.contents .article .box-image.quadruple li:nth-child(4n+1),
.contents .article .box-image.pentadruple li:nth-child(5n+1),
.contents .article .box-image.hexatruple li:nth-child(6n+1),.contents .article .box-image li.clear{clear:both;}
.contents .article .image_box{margin:0px 0px 10px;padding-bottom:0;}
.contents .article .image_box img{max-width:100%;height:auto;}
.contents .article .image_box_center{min-width:240px;width:50%;max-width:80%;margin:0px auto 10px;padding-right:2em;}
.contents .article .image_box_left,
.contents .article .image_box_right{max-width:50%;}
.contents .article .image_box_left{float:left;margin-right:10px;}
.contents .article .image_box_right{float:right;margin-left:10px;}
.contents .article .image_box_left p,
.contents .article .image_box_right p{padding-top:0.5em;font-size:0.85em;text-align:center;}

/* overview table */
.contents .article .overview_list{margin:1em 0 0;}
.contents .article .overview_list dt{width:10.5em;margin:0;padding:0 0 .7em 0;float:left;clear:both;}
.contents .article .overview_list dd{margin:0 0 1em;padding:0 0 .7em 11em;border-bottom:1px dotted #aaaaaa;}
.contents .article .overview_table{margin:1em 0;padding:0;width:auto;max-width:100%;}
.contents .article .overview_table th{width:25%;}

/* event section */
.contents .article .event_section .event{margin:.8em;padding:1.7em 1.2em 0.7em 1.2em;border:3px solid #c6c6c6;}
.contents .article .event_section .event dt{width:7.5em;margin:0 0 .7em 0;padding:.3em 0;font-weight:bold;background:#F0F0F0;color:#333333;text-align:center;float:left;clear:both;}
.contents .article .event_section .event dd{margin:0 0 1em;padding:.3em 0 .8em 8.6em;border-bottom:1px dotted #666666;}

/* file section */
.contents .article .section.file_section ul.file_list li:before{content:"";top:4px;bottom:0px;left:4px;height:auto;width:1em;max-width:16px;background:url(../img/file_list_mark.gif) top left no-repeat;background-color:transparent;border-radius:0px;background-size:contain;}
.contents .article .section.file_section ul.file_list > li a{display:inline-block;}
.contents .article .section.file_section ul.file_list li.pdf:before{background-image:url(../img/file_list_mark_pdf.png);}
.contents .article .section.file_section ul.file_list li.doc:before{background-image:url(../img/file_list_mark_doc.gif);}
.contents .article .section.file_section ul.file_list li.xls:before{background-image:url(../img/file_list_mark_xls.gif);}
.contents .article .section.file_section ul.file_list li a:before,
.contents .article .section.file_section ul.file_list li a:after{content:none;}

/* news section */
.contents .article .news_section{position:relative;}
.contents .article .news_section dl dt,
.contents .article .news_section dl dd{padding:0.8em 0px 0.7em;}
.contents .article .news_section dl dt{width:9.5em;padding-left:0.5em;float:left;}
.contents .article .news_section dl dd{margin-left:0px;padding-left:10em;border-bottom:1px dotted #888888;}
.contents .article .news_section a.more{position:absolute;display:block;top:0px;right:0px;padding:0.5em;text-align:center;background-color:#cccccc;}

/* section no_data */
.contents .article .menu_section p.nodata,
.contents .article .event_section p.nodata,
.contents .article .news_section p.nodata{padding:0px 1em;margin-bottom:2em;}

/* 施設ページ */
.contents .article .mapbox .overview_table{float:left;}
.contents .article .mapbox .box-image{width:230px;float:right;}

/* イベントカレンダー */
.contents .article .calendar_section table{width:100%;}
.contents .article .calendar_section table th{}
.contents .article .calendar_section table td{vertical-align:middle;}
.contents .article .calendar_section table td.center{text-align:center;}
.contents .article .calendar_section table tr.day0{background-color:#FFDDDD;} /* 日曜・祝日 */
.contents .article .calendar_section table tr.day6{background-color:#CDDFFF;} /* 土曜日 */
.contents .article .calendar_section table td .weekday{font-size:.85em;}
.contents .article .calendar_section table td .font_comment{display:block;}
.contents .article .navgation{font-size:.9em;width:auto;margin:0;clear:both;float:none;list-style-type:none;}
.contents .article .navgation .previous_month{float:left;}
.contents .article .navgation .next_month{float:right;}

/* イベントページ凡例 */
.event .contents .nav h2{border-bottom:1px solid #ccc;font-size:1.05em;}
.event .contents .nav ul{margin:0;padding:0;}
.event .contents .nav li{display:block;padding:.3em;}
.event .contents .event_icon li{position:relative;min-height:24px;line-height:24px;padding-left:32px;}
.event .contents .event_icon li:before{display:block;content:" ";position:absolute;border-radius:0px;top:0;bottom:0;left:4px;width:24px;height:24px;margin:auto 0;background:none no-repeat 0 0;background-color:transparent;}

/* 施設マップ */
.map .contents .article .map_cate li{display:inline;}
.map .contents .article .map_cate ul.menu{padding-top:0.5em;padding-bottom:0.5em;}
.map .contents .article .map_cate ul.menu li{padding:0em 0.5em 5px 2em;border:none;}
.map .contents .article .map_cate ul.menu li:before{top:0.2em;}

.contents .article .map_section .left_menu_list{width:34%;margin:0 1% 0 0;padding:0;float:left;}
.contents .article .map_section .left_menu_list h2{font-size:1.3em;background:initial;border:none;border-bottom:3px solid #CFEDF3;}
.contents .article .map_section .mapobject_list{width:auto;margin:0px;overflow:auto;padding:.4em;max-height:20em;}
.contents .article .map_section .mapobject_list small{overflow:visible;}
.contents .article .map_section .mapobject_kind{height:250px;width:auto;max-height:20em;margin:0px;overflow:auto;padding:.2em .4em;line-height:1.25em;}
.contents .article .map_section .right_contents{width:64%;margin:2.1em 0 0 1%;padding:0;float:right;}
.contents .article .map_section .right_contents *{overflow:visible;padding:0;}
.contents .article .map_section .mapobject_map{width:auto;height:600px;border:1px solid #ddd;}
.contents .article .map_section .mapobject_map .gm-style,
.contents .article .map_section .mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .mapobject_map .gm-style .gm-style-cc span,
.contents .article .map_section .mapobject_map .gm-style .gm-style-cc a,
.contents .article .map_section .mapobject_map .gm-style .gm-style-mtc div,
.contents .article .map_section .mapobject_map .gm-style .gm-style-iw{font-size:0.8em!important;font-weight:normal!important;line-height:1.3;}

/* custom search */
.contents .article .search_result_google *{overflow:visible;}
.contents .article .search_result_google table,
.contents .article .search_result_google table tr,
.contents .article .search_result_google table th,
.contents .article .search_result_google table td{border:none;}
.contents .article .search_result_google .gsc-results .gsc-cursor{display:block;text-align:center;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-page{padding:.5em;border:1px solid #ccc;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-current-page{border:2px solid #ccc;}
.contents .article .search_result_google .gsc-control-cse div{padding:0;}
.contents .article .search_result_google .gsc-control-cse div.gs-title{padding:.6em 0;}
.contents .article .search_result_google .gsc-control-cse div.gsc-option{padding:0.3em 1em;}
.contents .article .search_result_google .gcsc-branding-img-noclear{max-width:inherit;}
.contents .article .search_result_google .gsc-webResult.gsc-result,
.contents .article .search_result_google .gsc-results .gsc-imageResult{border:none;}

/* form */
.contents .article fieldset{padding:0px 0px 15px;border:none;}
.form .contents .article .overview_list dt{width:12.5em;}
.form .contents .article .overview_list dd{padding-left:13em;}
.form .contents .article input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
.form .contents .article input[type="text"]{line-height:1.1em;border:1px solid #999999;max-width:90%;}
.form .contents .article .formsubmit input[type="submit"]{margin-right:0.5em;}
textarea#iken{width:100%;box-sizing:border-box;}

.font_kyoutyo{font-weight:bold;}
.font_comment{font-size:80%;}
.font_red{color:#ff0000;}
.font_italic{font-style:italic;}

img.w200{width:200px;height:auto;}
img.w300{width:200px;height:auto;}
img.h200{height:200px;width:auto;}

/* 追加 */
.nav .side_banner_img li{margin-bottom:1.25em;}
.nav .side_banner_txt li{text-align:left;}
.nav .side_banner_txt li a{display:block;padding:1em 0.2em 1.05em 2.5em;border-bottom:1px solid rgba(170,170,170,1);font-size:1.05em;color:#000000;text-decoration:none;background:url(../img/side_banner_arrow.png) 1em center no-repeat;box-sizing:border-box;transition-duration:0.2s;}
.nav .side_banner_txt li:first-of-type{border-top:1px solid rgba(170,170,170,1);}
.nav .side_banner_txt li a:hover,
.nav .side_banner_txt li a:focus{background-position:1.2em center;}
.ncce .nav .side_banner_txt li a{background-image:url(../img/side_banner_arrow_ncce.png);}
.contents ul.menu_list li span.commnet{display:block;padding:1em 0 0;font-size:.95em;}
.contents .menu_section ul.menu_list.two_block li{float:left;width:47%;margin:0 1.5% 1em 1.5%;padding:0;}
.contents .menu_section ul.menu_list.two_block li:nth-child(2n-1){clear:both;}
#wnk_l:after{content:"@";}
.ganjoho,.ncc2{text-indent:-100em;display:inline-block;background:none no-repeat center center;}
.ganjoho{background-image:url(../img/icon_ganjoho.gif);width:54px;} 
.ncc2{background-image:url(../img/icon_ncc2.gif);width:18px;}
.contents .flexbox{list-style-type:none;margin:20px auto 0;padding:0;}
.contents .flexbox li{float:left;width:auto;margin:0 1% 20px;padding:0;}
.contents .article ul.flexbox > li:before{display:none;}
.contents .article ul.flexbox > li,
.contents .article ul.flexbox li{margin:0 1% 20px;padding:0;}
.contents .flexbox.single li{width:98%;float:none;}
.contents .flexbox.double li{width:48%;}
.contents .flexbox.triple li{width:31.3333333333%;}
.contents .flexbox.quadruple li{width:23%;}
.contents .flexbox.pentadruple li{width:18%;}
.contents .flexbox.hexatruple li{width:14.6666666666%;}
.contents .flexbox.double li:nth-child(2n+1),
.contents .flexbox.triple li:nth-child(3n+1),
.contents .flexbox.quadruple li:nth-child(4n+1),
.contents .flexbox.pentadruple li:nth-child(5n+1),
.contents .flexbox.hexatruple li:nth-child(6n+1),
.contents .flexbox.li.clear{clear:both;}
.contents .flexbox.menubox p{font-size:1.2em;line-height:2.4em;position:relative;}
.contents .flexbox.menubox.bg p{background:#005EAD;color:#fff;text-align:center;}
.contents .flexbox.menubox.ya p{padding-left:0.8em;} 
.contents .flexbox.menubox.ya p:before,
.contents .flexbox.menubox.ya p:after{display:block;content:"";position:absolute;left:0;top:0;bottom:0;margin:auto;vertical-align:middle;width:0.4em;height:0.4em;border-top:2px solid #005EAD;border-right:2px solid #005EAD;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.1s linear 0s;}
.contents .article ul li p.button a{padding:2em 0;border:2px solid #005EAD;display:block;background:#F3F9FF}
.contents .article .txtbox .warpbox{width:70%;margin:0 auto;padding:0 20px;background:#fcfcfc;}
.contents p.locus br{display:none;}

p.comments {text-indent: -2em; padding-left: 2em;} /* 「注：」用 */
p.comments_1 {text-indent: -1em; padding-left: 1em;} /* 1文字分用 */

/* 公式 */
h1 span.font_comment{display:block;}
p.right{text-align:right;}
p.right+p{clear:both;}

/* 東病院 */
.ncce .contents .flexbox.menubox.bg p{background:#038B03;}
.ncce .contents .article h1{background-color:#008A00;}
.ncce .contents .article h3{border-bottom:3px solid #008A00;}
.ncce .contents .article ul > li::before{background-color:#008A00;}
.ncce .contents .article table th{background-color:#008A00;}
.ncce .contents .article .section h2{background-color:#008A00;}/*関連リンク・関連ファイルの見出し*/
.ncce .contents .article .section ul > li a::before, 
.ncce .contents .article .section ul > li a::after{border-color:#008A00;}/*関連リンクの＞*/
.ncce .contents .nav dl dt{background-color:#008A00;}/*サイドナビの見出し*/
.ncce .contents .nav dl dd a::before,
.ncce .contents .nav dl dd a::after{border-color:#008A00;}/*サイドナビの＞*/
.ncce .contents .article .menu_section ul.menu li a::before{background-color:#008A00;}/*一覧ページの＞*/
.ncce footer .bg{color:#ffffff;background:#008A00;}
.ncce .contents .article h2{background-color:#B3E6AE;}
.ncce .contents .nav dl dd a:hover,
.ncce .contents .nav dl dd a:hover{background-color:#B3E6AE}
.ncce footer .reread_link a{background-image:url(../img/reread_link_ncce.png);}
.ncce hr{border-top-color:#008A00;}

/* 東病院 肝胆膵外科用メニュー */
.ncce .contents .article .ex_info { border: 2px solid rgba(128,128,128,0.5);}
.ncce .contents .article .ex_info h2 { margin: 0.5em auto 1em; background-color: transparent; text-align: center;}
.ncce .contents .article .ex_info p { padding: 0 2%;}
.ncce .contents .article .ex_info .menu_section { margin-top: 1.5em;}
.ncce .contents .nav .ex_info h2{text-align:center;background-color:#008A00;padding:17px 10px;color:#FFFFFF;font-size:1.375em;font-weight:bold;}
.ncce .contents .nav .ex_info p.ex_text { display: none;}
.ncce .nav ul.menu_list li{border-top:solid 1px #aaaaaa;text-align:left;}
.ncce .nav ul.menu_list li:last-of-type{border-bottom:solid 1px #aaaaaa;}
.ncce .nav ul.menu_list li a{display:block;padding:20px 10px 20px 50px;text-decoration:none;color:#333;position:relative;}
.ncce .nav ul.menu_list li a:before,
.ncce .nav ul.menu_list li a:after{position:absolute;left:25px;top:0;bottom:0;margin:auto;content:"";vertical-align:middle;width:0.4em;height:0.4em;border-top:2px solid #005EAD;border-right:2px solid #005EAD;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.1s linear 0s;}
.ncce .nav ul.menu_list li a:hover:before,
.ncce .nav ul.menu_list li a:hover:after{left:30px;}
.ncce .nav ul.menu_list li a:before,
.ncce .nav ul.menu_list li a:after{border-color:#038A00;}
.ncce .nav ul.menu_list li a:hover {background-color:#B3E6AE}

/* EPOC */
.epoc .contents .article h1{background-color:#0C4681;}
.epoc .contents .article h2{background-color:#CFE1F0;}
.epoc .contents .article h3{border-bottom:3px solid #0C4681;}
.epoc .contents .article ul > li::before{background-color:#0C4681;}
.epoc .contents .article table th{background-color:#0C4681;}
.epoc .contents .article .section h2{background-color:#0C4681;}
.epoc .contents .article .section ul > li a::before, 
.epoc .contents .article .section ul > li a::after{border-color:#0C4681;}
.epoc .contents .nav dl dt{background-color:#0C4681;}
.epoc .contents .nav dl dd a::before,
.epoc .contents .nav dl dd a::after{border-color:#0C4681;}
.epoc .contents .article .menu_section ul.menu li a::before{background-color:#0C4681;}
.epoc footer .bg{color:#ffffff;background:#0C4681;}
.epoc hr{border-top-color:#0C4681;}
.epoc footer .logo{min-height:48px;padding-left:150px;background:url(../img/epoc_logo.png) no-repeat left top;}

#related dt{font-size:1em;}
#related dd{font-size:.85em;}

/* EPOC group page */
.epoc.subtop div.group { font-size: 1em;}
.epoc.subtop .contents .article .txtbox div.group a { word-break: normal!important;}
.epoc.subtop div.group dl dd ul li a:before { left: 0.3em!important;}
.epoc.subtop div.group dl dd ul li a:focus:before,
.epoc.subtop div.group dl dd ul li a:hover:before { left: 0.5em!important;}

.epoc .PAGE000000000000008427 div.group,
.epoc .PAGE000000000000014251 div.group { margin: 0em -30px 2em; padding: 0em 30px 2em; font-size: 1em;}
.epoc .PAGE000000000000008427 div.group h2,
.epoc .PAGE000000000000014251 div.group h2  { margin-top: 0.5em; padding-left: 1em; background-color: transparent;}
.epoc .PAGE000000000000008427 div.group h3,
.epoc .PAGE000000000000014251 div.group h3 { margin-top: 2.5em; padding: 0.5em 1em 0.4em; border: none; color: #ffffff; border-radius: 2em;}
.epoc .PAGE000000000000008427 div.group h3:first-of-type,
.epoc .PAGE000000000000014251 div.group h3:first-of-type { margin-top: 0em;}
.epoc .PAGE000000000000008427 div.group h4,
.epoc .PAGE000000000000014251 div.group h4 { border-color: #aaaaaa;} 
.epoc .PAGE000000000000008427 div.group h3 a,
.epoc .PAGE000000000000014251 div.group h3 a { color: rgba(255,255,255,1);}
.epoc .PAGE000000000000008427 div.group h3 a:visited,
.epoc .PAGE000000000000014251 div.group h3 a:visited { color: rgba(255,255,255,0.9);}
.epoc .PAGE000000000000008427 div.group h3 a:hover,
.epoc .PAGE000000000000014251 div.group h3 a:hover { color: #ffffbb;}

/* EPOC group color */
.epoc div.group { background-color: #f0f0f0;}
.epoc .PAGE000000000000008427 div.group h3,
.epoc .PAGE000000000000014251 div.group h3 { background-color: #225EAC;}

.epoc div.group.cr { background-color: #E3E9EF;}
.epoc div.group.cr dl dt a,
.epoc .PAGE000000000000008427 div.group.cr h3,
.epoc .PAGE000000000000014251 div.group.cr h3 { background-color: #45687B;}

.epoc div.group.tr { background-color: #F2EFF5;}
.epoc div.group.tr dl dt a,
.epoc .PAGE000000000000008427 div.group.tr h3,
.epoc .PAGE000000000000014251 div.group.tr h3 { background-color: #534064;}

.epoc div.group.dd { background-color: #E0E3F3;}
.epoc div.group.dd dl dt a,
.epoc .PAGE000000000000008427 div.group.dd h3,
.epoc .PAGE000000000000014251 div.group.dd h3 { background-color: #33428A;}

.epoc div.group.md { background-color: #F5F7EA;}
.epoc div.group.md dl dt a,
.epoc .PAGE000000000000008427 div.group.md h3,
.epoc .PAGE000000000000014251 div.group.md h3 { background-color: #79754A;}

.epoc div.group.sa { background-color: #EAF4F4;}
.epoc div.group.sa dl dt a,
.epoc .PAGE000000000000008427 div.group.sa h3,
.epoc .PAGE000000000000014251 div.group.sa h3 { background-color: #364E4B;}

/* en */
body.en{font-size:1em;line-height:1.3;font-family:arial,sans-serif;}

/*------------------------------------------------------------------------------
  レスポンシブ対応
------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:1044px){
#TOP,
textarea ,
.contents ,
.contents article ,
.contents article .form_section input[type="radio"],
.contents article .image_box figure ,
.contents article .image_box figure img ,
.contents article .imagetable table,
.contents article .imagetable table th,
.contents article .imagetable figure,
.contents nav ,
footer .wrap,
footer dl{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
footer .wrap{padding-left:1%;padding-right:1%;}
.contents nav ul.banner li{width:48%;margin:10px 1%;box-sizing:border-box;float:left;}
.contents,
.wrap{width:95%;margin:0 auto;}
.contents .article{width:95%;float:none;}
.contents .nav{float:none;width:95%;margin:0 auto}
.contents .article,
.locus{margin-left:2.5%;margin-right:2.5%;}
}

@media screen and (min-width:0px) and (max-width:788px){
br.sp-none{display:none;}
}

@media screen and (min-width:0px) and (max-width:660px){
.contents .article .txtbox{padding:0 2% 0.5em;}
hr,
.contents .article h2,
.contents .article h3,
.contents .article h4,
.contents .article h5,
.contents .article h6{margin-left:-2%;margin-right:-2%;}
.contents .article .menu_section ul.menu{padding:0 2%;}
.contents .form_section input[type=radio]{float:left;margin-left:1.5em;margin-right:1em;margin-bottom:1.5em;clear:both;}
.contents .form_section label{margin-bottom:1.5em;float:left;}
.contents .form_section form fieldset{padding-top:1.5em;}
.contents .section ul li{margin-bottom:1em;}

/* imagebox */
.contents .article .box-image.single li{width:98%;padding-left:0%;padding-right:0%;}
.contents .article .box-image.quadruple li{width:48%;}
.contents .article .box-image.pentadruple li,
.contents .article .box-image.hexatruple li{width:31.3333333333%;}

.contents .article .box-image.double.clear li,
.contents .article .box-image.double.clear li:nth-child(2n+1) { float: none; width: 98%; clear: both; box-sizing: border-box;}

.contents .article .box-image.pentadruple li:nth-child(5n+1),
.contents .article .box-image.hexatruple li:nth-child(6n+1){clear:none;}

/* event section */
.contents .article .event_section .event dt{width:auto;float:none;}
.contents .article .event_section .event dd{padding:0.3em 0px 0.8em 0px;}

/* news section */
.contents .article .news_section dl dt{width:auto;padding-bottom:0px;float:none;}
.contents .article .news_section dl dd{padding-top:0.3em;padding-left:1em;}
.contents .article .news_section a.more{position:static;display:block;top:inherit;right:inherit;}

/* overview table */
.contents .article .overview_list dt{width:auto;float:none;}
.contents .article .overview_list dt:first-of-type{padding-top:0.7em;border-top:1px dotted #333333;}
.contents .article .overview_list dd{padding:0px 0px 0.7em 1em;}
.contents .article .overview_table th{width:auto;}
.contents .article .overview_table th,
.contents .article .overview_table td{display:block;clear:both;border-bottom:none;}
.contents .article .overview_table tr:last-of-type td{border-bottom:1px solid #666666;}

.contents .article table.widetable{display:block;max-width:100%;overflow:auto;border:none;}
.contents .article table.widetable caption{display:block;}
.contents .article table.widetable tbody{display:table;white-space:nowrap;}

.contents .article table.widetable::-webkit-scrollbar{height:6px;}
.contents .article table.widetable::-webkit-scrollbar-track{border-radius:3px;background:#e0e0e0;opacity:1;}
.contents .article table.widetable::-webkit-scrollbar-thumb{border-radius:3px;background:#808080;}

.contents .flexbox.single li{width:98%;padding-left:0%;padding-right:0%;}
.contents .flexbox.quadruple li{width:48%;}
.contents .flexbox.pentadruple li,
.contents .flexbox.hexatruple li{width:31.3333333333%;}

.contents .flexbox.pentadruple li:nth-child(5n+1),
.contents .flexbox.hexatruple li:nth-child(6n+1){clear:none;}
.contents .article .txtbox .warpbox{width:90%;}

.contents .article .attention,
.contents .article .attention2{margin-left:0;margin-right:0;}
.contents .article .attention2::after{left:0px;}

/* EPOC */
.epoc .PAGE000000000000008427 div.group,
.epoc .PAGE000000000000014251 div.group { margin: 0em 0px 2em; padding: 0em 20px 2em;}
}


/* 社健センター canscreen */
.canscreen #menu { display:flex; justify-content: center; align-items: stretch;}
.canscreen header nav ul li a { display:flex; justify-content: center; align-items: center; height: 100%; box-sizing: border-box;}

@media screen and (min-width:1025px) {
  .canscreen #menu {display:flex !important;}
}


@media screen and (min-width:0px) and (max-width:500px){/* 480+20 MOBILE */
.contents .article .acrobat{margin:8px 15px 8px;padding:12px 8px;}
.contents .article .acrobat .icon{margin:0px auto 8px;text-align:center;float:none;}
.contents .article .image_box_left,
.contents .article .image_box_right{max-width:100%;}
.contents .article .image_box_left,
.contents .article .image_box_right{float:none;margin-right:0px;margin-left:0px;}
.contents .article .image_box_left p,
.contents .article .image_box_right p{padding-top:0.5em;font-size:0.85em;text-align:center;}
}

@media print{#TOP{width:1024px;}}
@media screen and (-ms-high-contrast:active){*{text-indent:0em !important;}}