/*
印刷用　CSS
*/
.print-only{ display: block; }

#wpadminbar{
  display: none;
}

body > *{
  color: #000;
  font-size: 10px;
  line-height: 1.5;
  padding: 0;
  max-width: 100%;
  background: none;
}
img {max-width: 100% !important; }
.pc_only{ display: block !important; }
.sp_only{ display: none !important; }
.wmode{ margin: 0 auto; }
strong, strong>span{ font-size: 13px !important; font-weight: 700 !important;}


.warpper{ position: static; }
.inner{ width: 100%; max-width: 100%; }
.inner.flex02.row-reverse{
  padding-bottom: 50px;
  /* page-break-after: always; */
}
.inner01{ width: 100%; max-width: 100%; }

.flex02{ display: flex; margin: 0 auto; padding: 0 0 30px; }
.flex02::after{ content: ""; display: block; clear: both; height: 0;}

/* HEADER 共通部分のレイアウト */
.header_top{ margin: 0 0 5px; padding: 0; }
.header_top div img, .header_top h1 img{ width: 260px; }
.header_container{ position: static; }
div[data-addjust-adminbar="margin-top"]{ margin: 0 !important; }

/* .txtHeadImg2{ width: 100%; position: static; transform: none;} */
img.picPageHeadImg{ height: 100px !important; min-height: 10px !important; }
.txtHeadImg2{ top: 50px !important; }
.txtHeadImg2 h1{ color: #fff; font-size: 20px !important; font-weight: 700;}
.topInfoSp{ display: none ; }
.nav_container{ padding: 0 0 0 10px; }
.nav_container::after{ content: ""; display: block; clear: both; height: 0; }
.nav_container .left_navi{ float: left; }
.nav_container .left_navi.sp_navi{display: none;}
.nav_container .left_navi .nav_ul{ display: table; }
.nav_container .left_navi .nav_ul li.p-gmenu-li{ display: table-cell; padding: 5px; height: 60px; vertical-align: middle; pointer-events: none; }
.nav_container .left_navi .nav_ul li.p-gmenu-li a{ color: #000; font-weight: 700; text-decoration: none;}
.nav_container .left_navi .nav_ul li.p-gmenu-li img{ margin: 0 auto; }
.nav_container .right_navi{ float: right;}
.topInfoPc .flex01{ margin: 0 0 0 auto; width: 320px;}
.topInfoPc .navi_access{ width: 160px; height: 60px;}
.topInfoPc .navi_contact{ width: 160px; height: 60px;}
.topInfoPc a{ line-height: 60px; border: 1px solid #ccc;}
.topInfoPc .navi_access a::before{ content: url(../images/ico_top_info_access_black.png); }
.topInfoPc .navi_contact a::before{ content: url(../images/ico_top_info_faq_black.png); }
.googleSearchPc{ display: none;}

/* infoHeadImg */
.infoHeadImg{ padding: 0; background: none; position: static; }
.infoHeadImg .flex02{ margin-top: 10px; }
.infoHeadImg .inner01.pc_only{ display: table !important; }
.infoHeadImg .inner01 div{ margin: 0; padding: 0; }
.infoHeadImg .inner01 div.infoHead_time,
.infoHeadImg .inner01 div.infoHead_holiday,
.infoHeadImg .inner01 div.infoHead_address,
.infoHeadImg .inner01 div.infoHead_tel{
  float:none;
  display: table-cell;
  width: 25%;
  vertical-align: middle;
}

.infoHeadImg .inner01 div.infoHead_tel a{ display: block; }
.infoHeadImg .inner01 div.infoHead_tel a::after{ content:"042-665-5611"; color: #000; font-size: 16px; }
.infoHeadImg .inner01 div.infoHead_tel a img{ display: none; }

.infoHeadImg h5, .infoHeadImg p{ color: #000; font-size: 12px; }
.infoHeadImg h5{ padding: 3px 10px; border: 1px solid #ccc; }
.breadcrumb-wrapper{ display: none; }

/* MAIN 共通部分のレイアウト */
.main{ padding-bottom: 50px; float: right; margin-right: 0; width: calc(100% - 190px); max-width: calc(100% - 190px); }
.main::after{ content: ""; display: block; clear: both; height: 0; }
/* SIDERBAR 共通部分のレイアウト */
.side{ padding-bottom: 50px; float: left; margin: 0; padding: 0; width: 180px; border: 0; }
.side_nav h3{ font-size: 16px; }
.side_nav_open p{ padding: 0 20px; height: 50px; font-size: 13px; line-height: 50px; background: none; border: 1px solid #ccc;}
.side_nav_sub ul li { padding-bottom: 13px; font-size: 12px;}


/* FOTTER 共通部分のレイアウト */
.bnr_bottom { margin: 0; padding: 100px 0 0; }
.bnr_bottom .flex02{ margin: 0; }
.bnr_bottomBox{ width: calc(100% / 3); }
footer{ background: none; }
.footer_info{ background: none; }
.footer_infoL, .footer_infoL a{ color: #000; }
.footer_infoL{ width: 48%; }
.footer_infoL::before{ content: "東京医科大学八王子医療センター"; font-size: 20px;}
.footer_infoL img{ display: none; }
.footer_infoL a{ display: block; }
.footer_infoL a::before{ content:"TEL 042-665-5611"; font-size: 16px; }
.footer_infoL a img{ display: none; }
.fotter_menu ul li{ marign-bottom: 0; }
.fotter_menu ul li a{ padding: 5px; color: #000; font-size: 10px; }
.footer_infoR{ width: 48%; }
.gmap{margin: 0; padding: 0; width: 100%; height: 250px;}
.gmap iframe{ display: none; }
div.footer_bnr{ display: none !important; }
.copyright{ padding: 10px 0;}
.copyright p{ padding: 0; color: #000; font-size: 10px; }

/* ページトップボタン非表示 共通部分のレイアウト */
#pageTop{ display: none !important; }


/* トップページ */
.home .slider--top-page .slider--pc .slick-prev,
.home .slider--top-page .slider--pc .slick-next{ display: none !important; }
.home .slider--top-page .slick-track{ display: flex !important; width: 100% !important; transform: none !important;  }
.home .slider--top-page .slick-track .slick-slide { flex: 0 0 100% !important; }
.home .slider--top-page .slick-track .slick-slide.slick-cloned{ display: none; }

.home img.picHeadImg{ height: 200px; min-height: 200px; }
.home_container01{ border-top: 1px solid #ccc; }
.home .container01Box a{ padding: 10px 0;}
.home .inner02{ font-size: 14px !important; }
.home .container03Box{ width: 32%; }
.home .container02Box a { padding-top: 20px; padding-bottom: 20px; border: 1px solid #ccc;}
.home .carouselWrap{ margin: 10px auto; padding: 0; width: 680px; }
.home .carouselWrap .video-carousel-slider{ display: flex !important; }
.home .carouselWrap .video-carousel-slider .slick-prev,
.home .carouselWrap .video-carousel-slider .slick-next{ display: none !important; }
.home .carouselWrap .slick-track { display: flex !important; width: 680px !important; transform: none !important; }
.home .carouselWrap .slick-track .elem { flex: 0 0 31% !important; }
.home .home_container03{ margin: 10px auto; padding: 0; width: 680px; }
.home .home_container04{ margin: 10px auto; padding: 0; width: 680px;}
a.btn01{ border: 1px solid #ccc; }
.top_topics .inner02{ border: 1px solid #ccc; }

/* 下層ページ */
.midashi02{ margin: 20px 0 10px; padding: 5px; font-size: 15px;}
.midashi03{ margin: 30px 0 10px; padding: 0 0 5px; font-size: 15px;}
.midashi04{ margin: 30px 0 10px; padding: 0 10px; font-size: 15px; }
h3.midashi{ margin: 30px 0 10px; padding: 0 0 5px; font-size: 15px;}
h3.midashi_sub1,
h3.midashi_sub2,
h3.midashi_sub3,
h3.midashi_sub4,
h3.midashi_sub5{
  display: flex;
  align-items: center;
  margin: 20px 0 10px;
  padding: 0 0 0 55px;
  height: 46px;
  font-size: 15px;
  line-height: 1;
}
.p-page__title{ margin: 30px 0 10px; padding: 0 0 5px; font-size: 15px;}

.news_cate a{ display: block; border: 1px solid #ccc; }

/* TEXTBOX */
.main .textBox .right{ float: right; width: 150px; }
.main .textBox .left{ float: left; width: calc(100% - 150px ); padding-right: 20px; }

.main .textBox2{}
.main .textBox2 .right{ float: right; width: 49%; }
.main .textBox2 .left{ float: left; width: 49% ;}

.main .textBox4{}
.main .textBox4 .left { float: left; width: 150px; }
.main .textBox4 .right{ float: right; padding-left: 10px; width: calc(100% - 150px ); }

.main .textBox.textBox--aisatsu .right{ float:right; width: 150px;}
.main .textBox.textBox--aisatsu .left{ float:left; padding-right: 10px; width: calc(100% - 150px);}

.main .textBox.textBox--radiation .right{ width: 150px; }

/* FLOAT */
.main .floatUl{display: flex; flex-wrap: wrap; align-items: stretch;}
.main .floatUl li{ padding: 5px; width: 33.33333%; float: left;}
.main .floatUl li div{ height: 100%; }

.main .floatUl2{}
.main .floatUl2 li{ padding: 5px; width: 33.3333%; float:left;}

.main .floatUl2-1{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.main .floatUl2-1 li{ flex: 0 0 48%; max-width: 48%; margin: 0; padding: 0; }
.main .floatUl2-1 li .item01 h4{ font-size: 16px; }

.main .floatUl3-1{}
.main .floatUl3-1 li{ padding: 10px; width: 33.33333%; }


.main .floatUl2-1 li .area2 .ttl{ font-size: 10px; }
.main .floatUl2-1 li .area2 .name{ font-size: 10px; }
.main .floatUl2-1 li .area2 .senmon{ font-size: 10px; }
.main .floatUl2-1 li .area2 .senmon_sub{ font-size: 10px; }
.main .floatUl2-1 li .area2 .youbi{ font-size: 10px; }
.main .floatUl2-1 li .area2 .senmon{ font-size: 10px; }
.main .floatUl2-1 li .area2 .senmon_sub{ font-size: 10px; }

.main .floatUl2.p-disease-block li div{ height: 100%; }
.main .floatUl2.p-disease-block.p-cs-disease li div{ height: 100%; }

.main .floatUl2.pt2.p-treat-block li div{ height: 100%; }
.main .floatUl.pt2--menu li{ width: 50%; }

.main .floatUl2.pt4--menu li{ width: 50%; }

.p-floatUl{}
.p-floatUl > li{ width: 33.333%; padding: 2em 1em;}


/* SCROLL TABLE */
.main .scrolltb{ padding: 5px; width: 100%; white-space: pre-wrap; }
.main .scrolltb:before{ display: none; }
.main .scrolltb .table02{ width: 100%; }

.main .table01{}
.main .table01 tr td{ display: table-cell; width: 50%; border: 1.5px solid #000; }

.main .table01.table01--middle tr td{ display: table-cell !important; width: 33.333%; height: 100px;background: none; border: 1.5px solid #000; }

.main .table02 {}
.main .table02 tr th{ padding: 3px; font-size: 10px; }
.main .table02 tr td{ padding: 3px; font-size: 10px; }
.main .table02 tr th,
.main .table02 tr td{ border: 1.5px solid #000; }

.main .table02.thcenter{}
.main .table02.thcenter tr th{ padding: 5px 0; font-size: 10px;}
.main .table02.thcenter tr td{ padding: 5px 0; font-size: 10px;}
.main .table02.thcenter tr th,
.main .table02.thcenter tr td{ border: 1.5px solid #000; }

/* KYUSHIN TABLE */
.kyushin__table{}
.kyushin__table thead td{ padding: 5px; font-size: 10px; }
.kyushin__table tbody td{ padding: 5px; font-size: 10px; }
.kyushin__table thead td,
.kyushin__table tbody td{ border: 1.5px solid #000; }


.retroInfoTable table{ min-width: auto; }
.retroInfoTable table thead th,
.retroInfoTable table tbody td{ border: 1.5px solid #000; }


.main .linkBox{ border: 1px solid #ccc; }


.p-staff{ margin: 5px 1%; width: 48%; min-height: 1px; }
.p-staff__info-area--top, .p-staff__charge{ background: none; border: 1px solid #efefef; }



/* https://hachioji.tokyo-med.ac.jp/about/cc/ */
.about--cc--img{ width: 150px; }

/* https://hachioji.tokyo-med.ac.jp/department/general-department/ */
.faq .box2 .left{ float: left; width: 60%; padding-right: 5px; }
.faq .box2 .right{ text-align: center; float: right; width: 40%; }

/* https://hachioji.tokyo-med.ac.jp/faq/ */
.p-faq-dl__q::before, .p-faq-dl__a::before{ color: #922333; font-size: 22px; font-weight: 700; background: none; top: 3px; left: 6px;}
.p-faq-dl__q::before{ content: "Q"; }
.p-faq-dl__a::before{ content: "A"; }

/* https://hachioji.tokyo-med.ac.jp/foreign/ */
.guide01.guide01--foreign div{ width: 50%;}

/*https://hachioji.tokyo-med.ac.jp/2020/06/16/%e3%81%8c%e3%82%93%e6%82%a3%e8%80%85%e3%81%95%e3%82%93%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e5%b0%b1%e5%8a%b4%e7%9b%b8%e8%ab%87%e4%bc%9a%e5%86%8d%e9%96%8b%e3%81%ae%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/*/
div.pdfemb-viewer{ width: 100% !important; height: auto !important; }
div.pdfemb-pagescontainer{ width: 100% !important; height: auto !important; }
div.pdfemb-inner-div,
div.pdfemb-viewer canvas,
.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link){ width: 100% !important; height: auto !important; }

/* https://hachioji.tokyo-med.ac.jp/cancer-treatment/cancer/ */
ol.cancerroll{ margin: 20px 0;}
ol.cancerroll > li{ padding: 0; }

/* https://hachioji.tokyo-med.ac.jp/kdinfo/ */
.kyushin__department_ttl{ border: 1px solid #efefef; }

/* https://hachioji.tokyo-med.ac.jp/guide/first-visit-and-revisit/ */
.page-id-122 .main .table02 .wmode{ writing-mode: inherit; white-space: inherit; }