@charset "utf-8";
/*
   480

*/
@media print, screen and (min-width: 480px){

#ticker{
  bottom: 40px;
}
/*   footer  480
--------------------------------------------------*/
.footer_logoBar,
.footerinfo{
    -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer_logoBar{
  border-bottom: 1px solid #7ec988;
  padding: 10px 0;
}
.footerinfo{
  padding: 10px 0;
}
/*logo*/
.footer_logo_h2{
  margin-bottom: 0;
}
.footer_logo_h2 a{
  background: url(../img/share/footer_logo.png) 0 0 no-repeat;
  background-size: 100%;
 }
/*　住所　地図*/
.footer_access_H{
  margin: 0 0 5px;
}
.footer_access_Add {
  padding-bottom: 0px;
}
/*　電話　*/
.footer_infoBar{
  width: 100%;
  /* margin: 0 auto; */
}
.footer_tel_H{
  display: block;
  float: left;
  width: 170px;
  height: 29px;
  background: url(../img/share/footer_tel_h.png) 0 0 no-repeat;
  white-space: nowrap;
  background-size: 100%;
  text-indent: 100%;
  overflow: hidden;
}
.footer_Tel{
  margin: 0 0 10px 5px;
  float: left;
  /*max-width: 227px;*/
}
.copyright{
  margin: 0 0 5px;
  text-align: center;
}
/*opening*/
.opening_logo{
  top: 80px;
  left: 5px;
}
/*header*/
.logoBar_h1{
  width: 100%;
  height: 80px; 
 }
 .logoBar_h1 a{
  width: 140px;
  height: 70px;
}
.header_info{
  top: 10px;
  right: 70px;
  width: 270px;
}
/* 沿革*/
.timeline > li {
  padding-left: 2rem;
  display:table;
  table-layout:fixed;
  width: 100%; 
  }
.timeline_year{
  display: table-cell;
}
.timeline_txt {
  padding-left: 50px;
  display:table-cell;
  font-size: 1.4rem;
  width: 100%;
  }

}/*480end*/



/*
    768
*/

@media print, screen and (min-width: 768px){

/* parts 768
--------------------------------------------------*/
.rowcell{
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#scrollUp {
    padding: 25px 20px;
    right: 40px;
    bottom: 200px;
    color: #fff;
    background-color: rgba(109,194,121, .4);
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 40px;
    opacity: .9;
    transition: background 200ms linear;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
}
#scrollUp:hover {
    background-color: rgba(109,194,121, 1);
}
/*  ＢＲ  br　*/
.nopc{
  display: none;
}

/*   トップページ　　Opening fullscreen visual 768
--------------------------------------------------*/
.opening{
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.opening_logo{
  width: 240px;
  height: 240px;
  top: 80px;
  left: 5px;
}
.opening_info{
  left: 10px;
  width: 400px;
}
.opening_catch{
  width: 400px;
  height: 180px;
}
/*   768  トップページ　　topmain 3column*/
.topmain_inner{
  width: 90%;
  margin: 0 auto;
}
.topmainUl{
  -webkit-align-items: stretch;
          align-items: stretch;
}
.topmainUl li{
  margin: 0;
  width: 32%;
  max-width: 300px;
}
/*   768  トップページ　　toptopics*/
.toptopics_inner{
  width: 90%;
  margin: 0 auto;
}

.toptopics_icon{
  left: 0;
  top: 0;
  margin:0;
}
/* .toptopicsUl{
  -webkit-align-items: stretch;
          align-items: stretch;
} */
.toptopicsUl li{
  width: 32%;
  max-width: 300px;
}
/*   768  トップページ　　group  */
.group_inner{
  width: 90%;
  margin: 0 auto;
}
.group_icon{
  left: 0;
  top: 0;
  margin:0;
}
/*   768  トップページ　　topnews  */
.topnews_inner{
  width: 90%;
  margin: 0 auto;
}
.topnews_icon{
  left: 0;
  top: 0;
  margin:0;
}
.topNews_box{
  max-width: 680px;
  overflow: auto;
}
.topNews_box dt{
  padding: 1.4rem 1rem 1.4rem 1rem;
  float: left;
  clear: both;
  width: 13rem;
}
.topNews_box dd a {
  padding: 1.4rem 4rem 1.4rem 2rem;
}

/*   layout  768
--------------------------------------------------*/
#container{
  min-height: 510px;
}
/*   第２階層header  768
--------------------------------------------------*/
.logoBar_h1{
  width: 100%;
  height: 140px; 
 }
.logoBar_h1 a{
  width: 240px;
  height: 120px;
}
.header_info{
  top: 10px;
  right: 70px;
  width: 400px;
}
/*   footer  768
--------------------------------------------------*/
/* 診療科目　*/
.footer_field_H{
  display: block;
  float: left;
  clear: both;
  width: 80px;
  height: 29px;
  background: url(../img/share/footer_field_h.png) 0 0 no-repeat;
  white-space: nowrap;
  background-size: 100%;
  text-indent: 100%;
  overflow: hidden;
}
.footer_fields{
  margin: 0 0 10px 5px;
  display: block;
  float: left;
  width: 288px;
  height: 72px;
  background: url(../img/share/footer_fields.png) 0 0 no-repeat;
  white-space: nowrap;
  background-size:100%;
  text-indent: 100%;
  overflow: hidden;
}
/*　診療時間　*/
.footer_hours{
  width: 42%;
}
.footer_hours img{
  padding-bottom: 5px;
  display: block;
  float: right;
  width: 100%;
  max-width: 390px;
}
.footer_hours_dayoff{
  display: block;
  clear: right;
  font-size: 1.2rem;
  text-align: right;
}
.copyright{
  margin: 20px 0 5px;
  text-align: center;
}
/*   footer 768  */
#footer_inner{
  margin: 0 auto;
  max-width: 1000px;
}
.footer_logoBar{
  padding: 32px 0  16px;
  border-bottom: 1px solid #7ec988;
}
.footerinfo{
  padding: 20px 0;
}
/*　住所　地図*/
.footer_access_H{
  margin: 10px 0 10px;
}
.footer_access_Add {
  padding-bottom: 0px;
  line-height: 1.2;
  font-style: normal;
  font-size: 1.4rem;
}
/*　電話　*/
.footer_infoBar{
  width: 40%;
}

/*　問診　*/
.footer_ai{
width: 15%;
margin-left: auto;
}
.footer_ai_item1 a{
display: block;
width: 100%;
font-size: 1.4rem;
}
.footer_ai_item2{
display: block;
}
.footer_ai_item2 img{
display: block;
width: 100px;
margin: 0 auto;
}

/*
    目次 ページ
*/
.indexBox{
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.indexBox_card{
  width: 48% ;
  margin-right: 4%;
}
.indexBox_card:nth-child(2n){
  margin-right: 0;
}
.indexBox .sideUl li a {
  padding: 1rem 3rem 1rem 1rem;
  display: block;
  color: #666;
  font-size: 1.5rem;
}
.indexBox .sideUl li a::before {
  margin-top: -18px;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  content: "\f138";
  color: #e1e1e1;
  font-family: 'FontAwesome';
  font-size: 2.6rem;
}
.indexBox .sideUl li:hover{
  background-color:#f4f4f4;
}
.indexBox_card_one .indexBox_card{
  width: 100%;
}
/*　index_about */
.indexBox_card_one .menu{
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.indexBox_card_one .sideUl li{
  width: 44%;
  margin: 10px 20px;
 }
/*
  main > h3 
*/
#main article > h3{
  font-size: 2.2rem;
 }
 #main article > h4{
  font-size: 2rem;
}
#main article > p,
.mainP{
  margin: 0 0 2rem 0;
  line-height: 2;
  font-size: 1.6rem;
  }
/*コラム*/
.point ul li{
  line-height: 2.2;
  font-size: 1.6rem;
}
.noteBox{
  padding: 2rem;
}
/*地域連携コンタクトインフォ*/
.contactInfo{
  padding: 20px;
}
.linkingT th{
  padding: 1rem;
  width: 30%;
}
.linkingT td span{
  font-size: 3.2rem;
}
/*診療時間*/
.time_shinryo thead th{
  padding: 2rem 1rem;
}
.time_shinryo tbody th{
  padding: 2rem 1rem;
}
/* リスト*/
.circleList li,
.circleListfloatL li{
  font-size: 1.6rem;
  line-height: 1.8;
}
/*電話相談*/
.telArea_tel{
  font-size: 3.2rem;
}
/*嚥下　食べる幸せ　構音体操*/
ul.kunrenUl{
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
ul.kunrenUl li{
  width: 46%;
}

 }/*768end*/

/*  1000px
--------------------------------------------------*/

@media print, screen and (min-width: 1000px){

/*  1000  トップページ　　Opening
--------------------------------------------------*/
.opening_logo{
  top: 40px;
  left: 40px;
}
.opening_info{
  left: auto;
  right: 40px;
}
/* 1000  newsticker 位置
--------------------------- */
#ticker{
  bottom: 100px;
  height: 210px;
  background: url(../img/top/top_ticker_bg.png);
  background-repeat: no-repeat;
  background-position: center  top;
  background-color: transparent;
  background-size: cover;
  position: absolute;
}
.ticker_inner{
  height: 20px;
  padding-top:170px;
  width: 620px;
}
.tickerFg{
  display: inline-block;
  width: 110px;
  height: 26px;
  padding-top:35px;
  background: url(../img/top/top_ticker_title.png) no-repeat 0 0;
}
.tickerbox{
  margin-left: 10px;
  display: inline-block;
  width: 490px;
}
/*  1000  トップページ　　topmain 3column
--------------------------------------------------*/
.topmain_inner{
  width: 1000px;
  margin: 0 auto;
  padding: 5% 0;
}
/*  1000  トップページ　　toptopics
--------------------------------------------------*/
.toptopics_inner{
  width: 1000px;
  margin: 0 auto;
}
/* .toptopicsUl li{
  width: calc((100% - 30px) / 4);
} */

/*  1000  トップページ　　group
--------------------------------------------------*/
.group_inner{
  width: 1000px;
  margin: 0 auto;
}
/*  1000  トップページ　　topnews
--------------------------------------------------*/
.topnews_inner{
  width: 1000px;
  margin: 0 auto;
}
.topnews_btn{
  position: absolute;
  top: 0;
  bottom: 0;
  margin:auto;
  right: 0;
  width: 80px;
  height: 80px;
}

/*  1000  第２階層以下
--------------------------------------------------*/
#container{
  margin: 0 auto;
  padding: 20px 0;
  width: 1000px;
  min-height: 760px;
}
#main{
  margin-top: 32px;
  margin-right:30px;
  padding: 0;
  display: block;
  float: left;
  width: 670px;
}
#side{
  margin-top: 32px;
  display: block;
  float: right;
  width: 300px;
}
/*目次ページ内　h2 bluebar 1000px*/
.h2Area_index{
  padding: 7px 0;
}
/*第3階層 h2 pinkbar 1000px*/
.guide_h2,
.medical_h2,
.carer_h2,
.regional_h2,
.about_h2{
  margin: 0 auto;
  width: 1000px;
}
.h2Area{
  padding: 16px 0;
}
.page_h2{
  margin: 0 auto;
  width: 1000px;
}
#breadArea{
  display: block;
  height: 25px;
}
/*   第２階層header   1000px
--------------------------------------------------*/
.logoBar{
  width: 1000px;
  height: 120px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}
.logoBar_h1 {
  width: 100%;
  height: 120px;
}
.header_info{
  top: 30px;
  right: 0px;
  width: 400px;
}
.header_curve{
  display: block;
  z-index: 100;
  width: 100%;
  height: 77px;
  vertical-align: middle;
  background: url(../img/share/header_curve.svg) 50% 0 no-repeat ;
  background-color: transparent;
  background-size: cover;
  margin-top: -30px;
}
/*
  sidebar   1000px
*/
article > h2{
  padding: 3rem 2rem 1rem 0;
  font-size: 2.8rem;
}
.sideArea{
  margin: 0;
}
.sideUl {
  margin: 0 auto  10px;
  width: 100%;
  background-color: #f2f0eb;
  padding: 20px;
}
.sideUl ul li {
  margin-bottom: 10px;
  width: 100%;
}
.sideUl ul li a{
  padding-left: 20px;
  font-size: 1.4rem;
}
#balloon {
  width: 98%;
}
/*リスト　症状　hdr_when 1000px*/
.shoujyo li {
  font-size: 1.4rem;
}
/*電話相談 1000px*/
.telArea_wrap{
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.telArea_txt{
  font-size: 1.8rem;
  padding-bottom: 0;
}
/* 個別投稿記事  .entry*/
.entry .telArea_wrap{
flex-direction: row;
justify-content: space-around;
}
.entry .telArea_txt{
line-height: 18px;
margin: 0;
padding: 0;
font-size: 1.8rem;
}
.entry .telArea_tel{
line-height: 32px;
margin: 0;
font-size: 3.2rem;
}
/* ここまで　個別投稿記事  .entry   */
.telAreapurpose{
  width: 500px;
  margin: 10px auto;
}
/*送迎範囲マップ 1000px*/
#map_canvas,
.busArea iframe,
#mapbox iframe{
  width: 100%;
  height: 300px;
}
/*送迎範囲マップ 1000px*/
.busArea{
  width: 100%; 
}
.accessT{
  width: 100%;
}
.accessT tbody th{
  display:  table-cell;
  width: 30%;
}
.accessT tbody td{
  display: table-cell;
}
/*介護施設の方と地域医療連携
  嚥下機能評価検査
  食べる幸せについて
  食事が飲み込みにくい方
                   1000px           画像左*/
#main article p.thumb{
  margin-right: 20px;
  padding:0;
  float:left;
  width: 200px;
}
#main article p.nextthumb{
  text-align: justify;
  margin-left:220px;
  overflow:auto;
  zoom:1;
  /* font-size: 1.4rem; */
  line-height: 2;
}
#main article p.thumbswallow{
  margin-right: 20px;
  padding:0;
  float:left;
  width: 300px;
}
#main article p.nextthumbswallow{
  text-align: justify;
  margin-left:320px;
  overflow:auto;
  zoom:1;
  font-size: 1.4rem;
  line-height: 2;
}

/*DR ご挨拶 1000px */
.drGreeting .drphoto{
  padding: 0 15px 5px 0;
  display: table-cell;
  width: 155px;
}
.drGreeting .drphoto span{
  font-weight: bold;
}
.drGreeting .drTxt{
  display: table-cell;
  vertical-align: top;
}
.drGreeting .drTxt p{
  margin-bottom: 2rem;
  line-height: 1.8;
  font-size: 1.4rem;
  text-align: justify;
}
/* リスト 1000px */
.circleListfloatL{
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
/*センター胆石 1000px */
#main article p.centerthumb{
  margin-right: 20px;
  float:left;
  width: 322px;
}
/*胃内視鏡検査 1000px */
.checkupList{
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.checkupList li{
  width: 32%; 
}

/*左右ボックス*/
.leftright_wrap {
  width: 100%;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
    /*画像検査・画像診断*/
.leftBox_ct{
  width: 250px;
  -webkit-flex-shrink:0;
  flex-shrink: 0;
}
    /*大腸内視鏡検査 医師紹介*/
    /*  専門センター・部門紹介*/
.leftBox_daichyo,
.leftbox_doctor{
  width: 180px;
  flex-shrink: 0;
}
.leftbox_bumon{
  width: 200px;
  flex-shrink: 0;
}
.leftbox_bumon img{
  width: 100%;
  max-width: 180px;
}
    /*医師紹介*/
.rightBox_bumon h2,
.rightBox_doctor h2 {
  margin: 0 0 1rem;
  padding-bottom: .6rem;
  font-weight: normal;
  font-size: 1.8rem;
  text-align: left;
}
.rightBox_bumon h2{
  text-align: center;
}

}/*  end  */


@media print {
body {
zoom: 80%;
}
.drawer-hamburger{
  display: none;
}
}