@charset "utf-8";
/* up date 2016-12-01 */

.drawernavbar-header { display: none }
.sp { display: none; }
.switch { display: none; }

@media screen and (max-width: 767px) {
/*==============================================================*/
/* 各ページ共通 */
/*==============================================================*/
body { line-height: 1.5em; font-size: 14px; min-width: inherit; }
a { display: inline; }
a:hover { text-decoration: none !important; }
.pc { display: none; }
.sp { display: inherit; marfgin: 0; }
.pad10LRsp { padding-left: 10px; padding-right: 10px; }
.pad10sp { padding: 10px!important; }
.mt10sp { margin-top: 10px!important; }
.mt20sp { margin-top: 20px!important; }
.clearSp { clear: both!important; }
.nonePc { display: block!important; }
.noneSp { display: none!important; }
.contentsWrap, .contentsWrap2 { margin: 0 auto; width: 96% }
/*==============================================================*/
/* header */
/*==============================================================*/
#gnavi { display: none; }
#headLeft, #headIn{ display: none; }
/*#header h1 { margin-top: 64px; display: block; font-size: 10px; padding-left: 2%; padding-right: 2%;}
.drawernavbar-header { display: inherit; padding: 10px 0px 10px 10px; height: 60px; width: 100%; background: #fff;  position: absolute; z-index: 999;  top: 0;
  left: 0;}
#header { z-index: 100; background: #fff; box-sizing: border-box; height: auto; min-height: auto; width: 100%; position: fixed; margin: inherit; overflow: inherit; }
.drawer-brand img { height: auto; width: 100%; max-width: 185px; -webkit-backface-visibility: hidden;}
.drawer-brand span { display: inline-block; vertical-align: middle; color: #00226f; font-size: 12px; margin: 0 0 0 10px; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif }
#headerIn { display: none; }
.js-hiraku-header-fixed { left: 0; top: 0; transition: margin-left 0.3s ease-in-out 0s; width: 100%; position: fixed; }
#drawerMenu .contact { margin: 10px; }
#drawerMenu .contact img { margin: 0 10px 2px 0; }
#drawerMenu .contact a { background: #5bcc90; padding: 10px 0; display: block; text-align: center; color: #fff; font-size: 14px; }
#drawerMenu .tel { margin: 0 10px 10px; font-size: 22px; text-align: center; }
#drawerMenu .tel img { margin: 0 10px 5px 0; }

#drawerMenu ul { margin: 0 }
#drawerMenu ul li { letter-spacing: normal; vertical-align: top; font-size: 14px; }
#drawerMenu ul li a { display: block; text-decoration: none; border-bottom: 1px solid #eee; color: #555; padding: 15px 8px; box-sizing: border-box; transform: rotate(0.028deg); }
#drawerMenu ul .home a{padding: 15px 15px 15px 40px;}
#drawerMenu ul li a::after { 
  content: attr(data-text);
   display: block; 
   font-size: 10px;
 }
#drawerMenu ul li a::before { 
  display: block;
  font-size: 15px; 
  content: '\f0da'; 
  font-family: 'Font Awesome 5 Free'; 
  position: absolute; 
  left: 20px; 
  top: 32%; 
  color: #63B600;
  font-weight: 900;
 }
#drawerMenu ul li ul { overflow: hidden;display: flex;flex-wrap: wrap; }
#drawerMenu ul li ul li {     width: 50%;
  float: none;
  box-sizing: border-box; }
#drawerMenu .home a:before { content: '\f015'; font-size: 18px; left: 14px; }

#drawerMenu ul li.drawer-dropdown .drawer-dropdown-menu{display: none;}
#drawerMenu ul li.drawer-dropdown.open .drawer-dropdown-menu{display: flex;}

.js-offcanvas-btn{
  position: fixed !important;
  margin-top: 0 !important;
  top: 5px;
  right: 5px;
  padding: 8px 5px 0;
  background: #fff !important;
  transition: 0.3s ease-in-out;
  box-sizing: border-box;
}
.is-animation .js-offcanvas-btn{border: 2px solid #77BC26;transition:none !important;}


.drawer-dropdown ul { overflow: hidden; }
.drawer-dropdown ul li { width: 50%; float: left; font-size: 12px !important; border-right: 1px solid #eee; letter-spacing: 0 }
.drawer-dropdown ul li a { background: #E5ECF6;  padding: 15px 10px !important; height: 100%; }
.drawer-dropdown ul li i { font-size: 10px; margin-right: 5px; }
.drawer-dropdown ul li.main-list{width: 100% !important; }
.drawer-dropdown ul li.main-list a{background: #3a6bb4;color: #fff !important;}

.drawer-dropdown ul li span { margin: 0 -2px; }

.prd_search_form { background: #fff; display: none; }
.spAcodion { display: block; text-align: center; }
.spAcodion form { left: -1px; position: absolute; top: 55px; width: 100%; }
.spAcodion a { color: #63B600; }
.spAcodion input { color: #333; margin: 10px 0 5px; height: 30px; width: 75%; border: 1px solid #999; }
.spAcodion input.prd_search_btn { border: medium none; font-weight: bold; width: 18%; color: #fff; background: #5380c0; }
.drawernavbar-header .cart i, .drawernavbar-header .search i { font-size: 24px; }
.drawernavbar-header .cart span, .drawernavbar-header .search span { display: block; font-size: 10px; margin: -3px 0 0 5px; }
.drawernavbar-header .search { display: block; position: absolute; right: 75px; text-align: center; top: 10px; }*/
/**/
.switch { display: block; }
#btnPC { position: absolute; right: 55px; font-size: 12px; letter-spacing: 0; background: #77bc26; color: #fff; padding: 5px; text-align: center; border-radius: 8px; line-height: 1.3; }
#btnSP { display:none;}
/**/
.contents { width: 100%; margin: 0 auto; }
/*==============================================================*/
/* top */
/*==============================================================*/
/*スマホのみ表示コンテンツ*/
.spTopMenu { letter-spacing: -.4em; width: 96%; margin: 0 auto 20px; }
.spTopMenu li { width: 32%; display: inline-block; letter-spacing: normal; text-align: center; vertical-align: middle; margin: 0 2% 10px 0; height: 90px; }
.spTopMenu li:nth-child(3n) { margin-right: 0; }
.spTopMenu li a { padding: 20px 0; display: block; background: #56a000; color: #fff; font-weight: bold; height: 100%; }
.spTopMenu li:nth-child(2n) a { background: #77bc26;}
.spTopMenu li i { display: block; font-size: 20px; margin-bottom: 10px;font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.spTopMenu li:nth-child(2) i, .spTopMenu li:nth-child(3) i { font-size: 28px; margin-bottom: 5px; }
.spTopMenu li:nth-child(4) i, .spTopMenu li:nth-child(6) i { font-size: 30px; margin-top: -5px; margin-bottom: 5px; }
.spTopMenu li:nth-child(4){ line-height:1.2; font-size:13px;}
.spTopSubMenu { width: 96%; margin: 0 auto 30px; letter-spacing: -.4em; }
.spTopSubMenu li { width: 49%; margin-right: 2%; letter-spacing: normal; display: inline-block; text-align: center; margin-bottom: 10px; height: 65px; vertical-align: top; }
.spTopSubMenu li:nth-child(2n) { margin-right: 0; }
.spTopSubMenu li a { display: block; padding: 20px 0; color: #fff; font-weight: bold; background:#3a6bb4; height: 100%; }
.spTopSubMenu li:nth-child(2) a,.spTopSubMenu li:nth-child(3) a { background:#1D519F;}
.spTopSubMenu li i { font-size: 20px; margin-right: 5px; font-weight: 900;}
/* トップページバナー　スマートフォン用 */
.top_bnr_sp {margin-bottom: 40px;}
.top_bnr_sp a {margin: 0 auto; display: block; width: 75%; max-width: 320px; }
.top_bnr_sp a + a{margin-top: 15px;}
.top_bnr_sp a img {width: 100%;}  
  
/*共通コンテンツ*/
#drawerMenu .search { padding: 10px 8px; background: #77bc26; }
#searchform { border: medium none; float: none; margin: 0; overflow: hidden; width: 100%;background: #fff;}
#searchform div { display: flex;width: 100%; background: #fff; overflow: hidden; }
#searchform input.s { width: 85%; padding:2px 5px;}
#searchform input.searchsubmit { margin:2px 0;}
.webp #searchform input.searchsubmit{background-size: contain;    width: 10%;}
#main-in { /*padding: 61.8% 0 0;*/padding: 45% 0 0;}
#main-in img { display: none; }
/*#contents { background-position: 32% top; background-size: 150% auto; background-image: url(../../img/top/spmain-image.jpg); }*/
.attendance a { background-image: none; padding: 15px; text-align: center; }
#topLeft { width: 100%; margin: 0 auto 20px; float: none; }
.shinryouWrap { padding: 0 0 10px; width: 95%; margin: 0 auto 40px; }
.shinryou { width: 96%; margin: 0 auto }
.shinryou li { width: 31%; margin-right: 3%; height: 80px; }
.shinryou li:nth-child(3n) { margin-right: 0; }
.shinryou li:nth-child(2n+1) a { background: #4e9200 none repeat scroll 0 0; border-color: #71a833; }
.shinryou li:nth-child(8) a, .shinryou li:nth-child(10) a { background: #77bc26 none repeat scroll 0 0; border: 2px solid #8ccd40; }
.shinryou li a { width: 100%; display: block; height: 100%; padding: 25px 0 0; line-height: 1.5 }
.shinryouWrap h2 { width: 96%; padding: 14px 12px 10px 42px; margin: 0 auto 10px; }
.shinryou li a::after, .shinryou li a::before { left: 0; right: 0; margin: 0 auto; }
.topAnimal { width: 96%; margin: 0 auto; display: table; }
.topAnimal dl { }
.topAnimal dt, .topAnimal dd { vertical-align: middle; padding: 0; display: table-cell; float: none; }
.topAnimal dd { border-spacing: 0; padding: 10px; text-align: center; }
.topAnimal dd p { display: inline-block; width: 32%; margin-bottom: 10px; height: auto; }
.topAnimal dd img { margin-bottom: 3px; }
.topMenu { width: 96%; margin: 0 auto 30px; }
.topSearch { width: 96%; margin: 0 auto; }
.topMenu li { margin-left: 2%; height: auto; width: 32%; overflow: hidden; }
.topMenu li a { background-image:none;}
.topSearch h2 { padding: 5px 10px 0 40px; }
.topSearch-wrap { height: 150px; }
#top-right { width: auto; float: none; }
.topNews h2 a { margin: 0 4% 20px; padding: 5px 0 5px 40px; }
.topNews ul { height: auto; padding: 0 3%; }
.topNews ul li:nth-child(4),.topNews ul li:nth-child(5) { display:none;}
.topBtn { width: 96%; margin: 0 auto; }
.topBtn li { margin: 0 4% 10px 0; width: 48%; }
.reception table { width: 96%; margin: 0 auto 5px; font-size: 12px; }
.reception table thead th, .reception table td { padding: 5px; text-align: center; }
.reception table td { font-size:20px;}
.attendance { width: 96%; margin: 0 auto; }
.top-address div { font-size: 20px; }
.topMenu2 { margin: 0 auto 20px; width: 96%; }
.topMenu2 li img { display: block; margin: 0 0 15px; width: 100% }
.topMenu2 li { width: 48%; height: auto; margin-left: 4%; }
.topMenu2 li:first-child { margin: 0; }
.topMenu2 li a::before, .topMenu2 li a::after { display: none; }
.toprecruitBtn { width: 96%; margin: 0 auto 20px; }
.h2_proposal { font-size: 18px; margin: 20px 3%; }
#concept .contents .text { margin: 0 3% 30px; }
.top-address { margin: 0 2% 20px; }
.concept-li { width: 96%; margin: 0 auto 30px; }
.concept-li li { width: 100%; float: none; height: auto; padding: 15px; margin: 0 0 10px; background: #F99995 !important; letter-spacing: 0; position: relative; overflow: hidden; }
.concept-li li br { display: none; }
.concept-li li span { font-size: 18px; }
.concept-li li::before { display: block; content: ''; height: 85%; width: 97.5%; margin: -12px; border: 1px dashed #fff; position: absolute; }
.concept-li li::after { position: absolute; display: block; content: ''; height: 50px; width: 8px; background: #63B600; top: -10px; left: 10px; transform: rotate(45deg); }
.top-staff { margin-bottom: 10px; }
.top-staff li { float: none; width: 96%; margin: 0 auto 30px; }
.top-staff li:first-child { margin: 0 auto 30px; }
.top-staff li dt { text-align: center; }
.greetingBtn { margin-top: 0; }
.greetingBtn a::before { right: 10%; }
#top-facebook { width: 96%; margin: 0 auto 30px; float: none; }
.sptop-blog { background:#eff5e8; overflow:hidden;}
.top-blog { float: none; height: auto; width: 96%; margin: 0 auto 30px; }
.top-blog ul { padding: 10px; }
.top-blog p { font-size: 12px; }
#footerIn { width: 100%; }
#foot-subnav, .foot-catch, #foot-middle, #footnav { display: none; }
#footerIn .footer_form{margin-top: 24px;}
#footerIn .footer_form #searchform{background: #fff;padding: 5px;}
#footerIn .footer_form #searchform input.searchsubmit{ width: 6%;margin-left: 4%;}

.copyright { letter-spacing: 0; font-size: 10px; padding: 11px 0 11px 10px; text-align: left; }
.top-faq-wrap  { margin-bottom: 0;}
.top-faq-wrap  .top-ttl { font-size: 20px;}
.top-faq-wrap .top-ttl:before{ width: 55px; height: 40px; }
.top-faq-wrap .contents {padding: 32px 2% 40px;}
.top-faq-wrap dl dt:before { top: 0; left: 0; width: 30px; height: 30px; line-height: 30px;font-size: 20px; transform: none; }
.top-faq-wrap dl { padding: 5% 0;}
.top-faq-wrap dl dt { margin-bottom: 8px; padding-left: 12%; font-size: 16px; }
.top-faq-wrap dl dd { padding-left: 12%; font-size: 14px; }
.top-faq-wrap .faqGreetingBtn{ width: 90%; }

.topMenu li:first-child{ margin: 0 1%;}
.topMenu li{margin: 0 1% 20px; width: 48%;}
.topMenu li + li {margin-left:1%;}

#concept .insta_content{ padding-top: 0px; padding-bottom: 24px; }
.insta_wrap{padding: 16px 2%;}
.insta_wrap .insta_inner{padding: 5%;}
.insta_wrap .insta_inner p {
      font-size: 14px;
      letter-spacing: -0.001em;
  }
.insta_wrap .insta_inner h4{
  margin-bottom: 16px;
  padding-left: 60px;
  font-size: 26px;
  letter-spacing: -0.001em;
}
.insta_wrap .insta_inner h4:before {
  width: 45px;
  height: 44px;
}
.insta_wrap .btn{
  margin: 16px auto 0;
  max-width: 260px;
  width: 100%;
}
.insta_wrap .insta_inner > div{
  margin-left: 0;
 /* order: 1;*/
}
.insta_wrap .insta_inner figure{
  display: none;
  /*  order: 2;*/
}

/*==============================================================*/
/* 下層ページ共通 */
/*==============================================================*/
.ttlPage {  margin-top: 8px; padding: 20px 0 }
.ttlPageWrap { width: 90%; margin: 0 auto; }
.ttlPage h2{float: none;margin: 0 auto 10px;}
#breadcrumbs { display: inline-block; float: none; font-size: 12px;}
#breadcrumbs span{display: inline-block;}
.wrap { width: 96%; margin: 0 auto !important; }
#contactWrap { width: 96%;    display: block; }
#contactWrap p { width: 100%; padding: 15px;height: auto; border-bottom: 1px dotted #fff; border-right: none; }
#contactWrap p a{padding: 0;}
#contactWrap .tel { height: auto;  }
#contactWrap .tel a { display: inline; padding: 0; }
#contactWrap p:first-child { height: auto; width: 100%; padding: 10px 0; float: none; }
#contentMenu .btnShinryou a { border: none; }
#contactWrap .hospital_name{font-size: 12px;}
/*ページジャンプ調整*/
#shirai_about {margin-top: -60px;padding-top: 60px;}
/*==============================================================*/
/* 診療案内・診療実績 */
/*==============================================================*/
#contentMenu { height: auto; }
#contentMenu ul { width: 100%; }
#contentMenu li { width: 25%; font-size: 12px; letter-spacing: 0; height: auto; }
#contentMenu .menuCol5 li{width: 20%;}
#contentMenu li a { padding: 28px 0; border: none; }
#contentMenu li:first-child a { padding: 20px 0 !important; }
.mainFloatL { margin: 0 0 20px; float: none; }
.clinicCoverage { position: inherit; top: inherit; left: inherit; margin: 20px auto; height: auto; width: 96%; }
.clinicCoverage dl { display: table; }
.clinicCoverage dl dt, .clinicCoverage dl dd { display: table-cell; float: none; vertical-align: middle; box-sizing: border-box; border-collapse: inherit; border-spacing: inherit }
.clinicCoverage dl dd { width: 50%; text-align: center; }
.clinicCoverage dl dt { width: 10%; padding: 5px; float: none; height: auto; text-align: center; }
.clinicCoverage dl dd p { height: auto; margin: 0 0 5px 10px; display: inline-block; }
.clinicCoverage dl dd p:first-child { margin: 0 }
.clinicCoverage dl .attention { width: 15%; float: none; height: auto; }
.clinicCoverage dl .attention a { height: auto; display: block; background-position: 50% 80%; padding: 50% 0; }
.ttlClinicMain { padding: 20px 0; }
.clinicField { width: 100%; background: #f2f2f2 }
.clinicFieldouter { width: 100%; letter-spacing: -.4em; }
.clinicField .ttl, .clinicField .ttl2 { padding-top: 15px; font-size: 16px; height: auto; }
.clinicField .ttl { background: rgba(0, 0, 0, 0) linear-gradient(130deg, #56a000 0%, #56a000 50%, #519700 50%, #519700 100%) repeat scroll 0 0;}
.clinicField .ttl2{ background: rgba(0, 0, 0, 0) linear-gradient(130deg, #8ccd40 0%, #84c13c 50%, #8ccd40 50%, #84c13c 100%) repeat scroll 0 0;}
.clinicField .text { padding: 10px; }
.clinicFieldouter a { width: 48%; display: inline-block; vertical-align: top; letter-spacing: normal; margin-right: 4%; }
.clinicFieldouter a:nth-of-type(2n) { margin-right: 0; }
#clinicAtenntion { width: 96%; margin: 0 auto; }
.clinicAttention { width: 48%; margin: 0 4% 0 0; height: auto }
.clinicAttention .text { margin-bottom: 20px; }
.clinicAttention:nth-child(odd) { margin: 0; }
.ttlClinic { width: 96%; margin: 0 auto; }
.clinicSyoujou ul { height: auto; width: 96%; margin: 0 auto; }
.clinicSyoujou li a { margin: 0 0 10px; width: 100%; }
.clinicBtn, .clinicBtn:first-child { width: 48.8%; height: auto; margin: 20px .2% 20px 0;}
.clinicBtn:last-child { margin-right: 0; }
.clinicBtn a { background-position: center 85%; background-size: 12px auto; padding-bottom:25%; }
.contents .clinicField .text { width: 100%; margin: 0 0 10px; }
/*==============================================================*/
/* 手術について */
/*==============================================================*/
.mainFloatR { margin: 0; float: none; }
.ttlHealthGray { width: 96%; margin: 20px auto; }
.flow h4 { width: 100%; margin-bottom: 0; }
.flow h4 span { padding: 10px; display: table-cell; vertical-align: middle; }
.flow h4 .number { padding: inherit; padding: 0 10px; }
.flow .flow-text { margin: 15px 10px 30px; }
.ttlSurgeryGray { font-size: 18px; margin: 20px 10px; }
.hospitalAbout, .surgeryAttention { padding: 20px 10px; }
.hospitalAbout, .surgeryAttention { padding: 20px 10px 0; }
.resultsArea { margin: 0; }
.hospitalAbout li, .surgeryAttention li { margin: 0 0 15px; padding: 10px 10px 10px 40px; width: 100%; }
.resultsArea div { float: none; height: auto; margin: 0 auto 30px; width: 94%; }
.resultsArea div h4 { width: 70%; vertical-align: middle; }
.resultsArea div img { width: 100%; margin: 0 0 10px }
.resultsArea .left { display: inline-block; margin-right: 5px; vertical-align: middle; width: 25%; }
.resultsArea div p { clear: both; }
.kamoku-ttl { margin: 10px 20px 20px 10px; }
.btnHospital { width: 100%; }
.btnHospital a { background-image: none; padding: 15px 0; text-align: center; }

.topSearch {padding: 2%; width: 100%;}
.topSearch-li {-webkit-box-pack: justify;	-ms-flex-pack: justify;	justify-content: space-between;}
.topSearch-li li{width: 48%;}

.webp .topSearch-li li a {padding: 6px 0px 6px 12%; background: url(../../img/top/arrowgreen-right.png.webp) 5% 10px no-repeat rgb(239, 245, 232); font-size: 13px;}

.no-webp .topSearch-li li a {padding: 6px 0px 6px 12%; background: url(../../img/top/arrowgreen-right.png) 5% 10px no-repeat rgb(239, 245, 232); font-size: 13px;}

.topSearch-li li + li {margin-left: 0;}

/*==============================================================*/
/* 入院について */
/*==============================================================*/
.hospitalIcu {  width: 120px; height: 120px; margin-right: 10px; margin-top: 30px; padding: 5% 0;  font-size: 22px;}
.hospitalReception h3 { font-size: 20px; line-height: 1.2; margin: 40px 0 30px; }
.hospitalReception p { clear: both; }
.ttlHospitalGray { margin: 0 0 30px; }
.hospitalFacility { float: left; margin: 0 4% 25px 0; width: 48%; }
.hospitalFacility:nth-of-type(2) { margin-right: 0; }
.hospitalFacility .text { margin: 0; }
/*==============================================================*/
/* 健康診断 */
/*==============================================================*/
.inspection { width: 96%; margin: 0 auto 50px; }
/*==============================================================*/
/* 症状から治療法を探す */
/*==============================================================*/
.mainWrap, .contentMenu ul { width: 100%; }
.mainWrap .wrap { margin: 20px auto; }
.detail-inner { width: 96%; margin: 50px auto; }
.detail { height: auto; float: none; margin: 0 auto 30px; width: 100%; }
/*==============================================================*/
/* 動物から治療法を探す */
/*==============================================================*/
.result-areawrap { margin: 0 auto; width: 94%; }
.result-wrap { width: 100%; height: auto; margin: 0 0 40px; float: none; clear: both; }
.result-wrap .left { display: inline-block; float: none; margin: 0 5px 0 0; vertical-align: middle; width: 25%; }
.result-wrap h4 { display: inline-block; font-size: 16px; vertical-align: middle; width: 70%; }
.result-wrap div { display: block; clear: both; margin: 10px 0 0; }
.kamoku-ttl { font-size: 18px; }
.resultBtn { text-align: right; margin: 0 10px 20px; clear: both; }
.mainWrap, .contentMenu ul { display: table; width: 100%; }
.contentMenu ul li { border-right: 1px solid #eee; display: table-cell; font-size: 12px; height: auto; padding: 0; width: 13.6% }
.contentMenu ul li a { padding: 20px 0; text-align: center; }
.contentMenu ul li:nth-child(5), .contentMenu ul li:last-child { width: 20%; font-size: 10px; }
.contentMenu ul li span { display: none; }
/*==============================================================*/
/* 各科目 */
/*==============================================================*/
.contentMenu ul.pc { display: none; }
.kamoku-text { height: auto; }
.kamokumain img { min-height: inherit; }
.ttl-kamoku { font-size: 26px; margin: 0 0 20px; }
.btnResultList a { font-size: 16px; margin: 0 auto 30px; }
.syoujouList-ttl { font-size: 18px; padding: 2px 0 0 30px; background-position: 0; }
.syoujou-list { width: 92%; }
.syoujou-list li { float: none; width: 100%; }
.syoujou-list li a { margin: 0 0 10px; padding: 10px 0 10px 40px; }


/*獣医師紹介*/
#kamoku-info-wrap { margin-top: 56px;}
#kamoku-info-wrap .doctor-info{width: 96%;}
#kamoku-info-wrap .doctor-info h4{font-size: 18px;}

#kamoku-info-wrap .staff-list figure{width: 35%;}
#kamoku-info-wrap .staff-list div {margin-left: 5%;width: 60%;}

#kamoku-info-wrap .staff-list dt {    margin-bottom: 5px;font-size: 12px;}
#kamoku-info-wrap .staff-list dd {font-size: 20px;}
#kamoku-info-wrap .staff-list dd span {font-size: 12px; letter-spacing: -0.001em;}

#kamoku-info-wrap .staff-list li{   margin-bottom: 24px;}
#kamoku-info-wrap .staff-list li .message { margin-top: 8px;font-size: 12px;}
#kamoku-info-wrap .staff-list li:not(:nth-child(3n)){margin-right: auto;}
#kamoku-info-wrap .staff-list02 ul li + li{margin-left: 0;}
#kamoku-info-wrap .staff-list-ttl{margin-bottom: 10px;    font-size: 18px;}
#kamoku-info-wrap .staff-list02 ul{display: block;    font-size: 16px;}
#kamoku-info-wrap .staff-list02 ul li{margin-bottom: 8px;}
#kamoku-info-wrap .staff-list02 ul li:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #65B200;
  border-radius: 50%;
}

#kamoku-info-wrap .exoticgakkai-wrap figure{
  width: 35%;
}
#kamoku-info-wrap .exoticgakkai-wrap img{
  max-width: 100%;
  height: auto;
}
#kamoku-info-wrap .exoticgakkai-wrap div{
  margin-left: 5%;
    width: 60%;
}

/*○○科に関するよくある質問*/
#kamoku-info-wrap .qa{ margin-bottom: 40px; width: 96%;}
#kamoku-info-wrap .qa h4{font-size: 18px;}
#kamoku-info-wrap .qa h4 span{display: inline-block;}
#kamoku-info-wrap .qa dl dt:before {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  transform: none;
}
#kamoku-info-wrap .qa  dl {
  padding: 5% 0;
}
#kamoku-info-wrap .qa dl dt {
  margin-bottom: 8px;
  padding-left: 12%;
  font-size: 16px;
}
#kamoku-info-wrap .qa  dl dd {
  padding-left: 12%;
  font-size: 14px;
}
#kamoku-info-wrap .btn-info{margin-top: 16px;}
#kamoku-info-wrap  .btn-info a {
  margin: 0 auto;
  max-width: 280px;
  width: 100%;
  font-size: 16px;
}

/*==============================================================*/
/* 実績一覧 */
/*==============================================================*/
.resultMenu { width: auto; margin: 0; }
.result-wrap h4, .result-wrap h3 { display: inline-block; width: 70%; vertical-align: middle; }
.resultMenu { margin-bottom: 20px; }
.resultMenu ul{display: flex;    flex-wrap: wrap;}
.resultMenu li { border-right: 1px dotted #fff !important; border-bottom: 1px dotted #fff; border-left: none; width: 33.33%; font-size: 12px; letter-spacing: 0; }
.resultMenu li a {width: 100%; background: #81c630; padding: 15px 5px; text-align: center; display: block; color: #fff; }
.resultMenu li:nth-child(3n) { border-right: none; }
.resultMenu li:first-child{    border-bottom: 1px dotted #fff;}
.resultMenu li:last-child { width: 66.6%; }
/*==============================================================*/
/* 実績詳細 */
/*==============================================================*/
.syoujou-detail { width:96%; margin:0 auto}
.syoujou-detail h3 { font-size:18px; margin-bottom:15px;}
.syoujou-left { float:none;}
.syoujou-right { clear:both; float:none; width:auto;}
.otherImg { overflow:hidden}
/*==============================================================*/
/* 病院案内・アクセス */
/*==============================================================*/
.access-menu { width: 96%; margin: 0 auto 10px; }
.access-menu span { display: none; }
.access-menu li { margin-right: 3%; width: 31%; }
.access-menu li:first-of-type a { line-height: 1.2; padding: 15px 0; }
.access-menu li.active:first-child { padding: 9px 0; }
.infoMap { width: 100%; height: 300px; float: none; }
.infoRight, .infoLeft { float: none; padding: 0; }
infoLeft p:first-child { width: 96%; margin: 0 auto; }
.infoRight mb40 { margin-bottom: 20px; }
.infoRight .tel, .infoRight .contact { width: 100%; float: none; margin-bottom: 20px; }
.btnShidu a { font-size: 18px; }
.info-catch { font-size: 20px; }
.page-news { width: 100%; float: none; }
.infoReception, .infoReception .reception { float: none; }
.btnAttend { float: none; height: auto; margin: 0 auto; width: 96%; }
.btnAttend br { display: none; }
.btnAttend a { background-position: 20px 15px; padding: 20px 0; width: 100%; }
.info-bt .attendance a, .info-bt .blog a { padding: 15px; width: 100%; text-align: center; float: none; margin: 0 0 10px; height: auto; font-size: 16px; background-position: 10px; }
.info-bt .blog a { background-position: 15px; }
.info-bt .blog { width: 96%; margin: 0 auto 30px; }
.contents .text { width: 96%; margin: 0 auto 35px; }
.page-txt { width: 96%; margin: 0 auto 50px; }
/*==============================================================*/
/* ご挨拶 */
/*==============================================================*/
.greeting-wrap > p:first-child { display: block; }
.greeting-wrap > p:first-child img { width: 60%; height: auto; }
.greeting-wrap img { margin: 0 auto; display: block; }
.greeting-wrap .txt { width: 96%; margin: 16px auto 30px; display: block; }
.greeting-wrap .txt p:first-child span { display: inline-block; vertical-align: middle; }
/*略歴なし*/
.greeting-wrap.mb80{margin-bottom: 50px;}
.greeting-wrap th, .greeting-wrap td { display: block; width: 100%; }
.greeting-wrap th::after { display: none; }
.greeting-wrap table { margin: 0 auto 50px; }
.greeting-wrap tr:last-child td { width: 100%; }
.greeting-wrap dt { width: 22%; }
.greeting-wrap dd { width: 76%; }
.greeting-wrap .txt p:first-child { text-align: center; font-size: 20px; text-align: center;
  margin: 20px 0;}
/*看護師のみプロフィール表の幅を変更 20190508追加*/
.nurse-wrap table {width: 100%;}

  .greeting-wrap  .director_text{
    margin-bottom: 0;
    padding: 25px 2% 25px;
  }
.greeting-wrap .director_text h3{
      font-size: 18px
}


/*==============================================================*/
/* お知らせ・ブログ */
/*==============================================================*/
.blog-archttl, .news-archttl, .entry-title { width: 96%; margin: 30px auto 20px; }
.blogList .day, .newsList .day, .blogList a, .newsList a { display: block; }
.blog-archttl { margin: 30px auto; width: 96%; }
/*==============================================================*/
/* お問い合わせ */
/*==============================================================*/
#contact { margin: 0 0 30px; }
#contact .left { float: none; }
#contact .left h3 { line-height: 1.2; }
#contact .right, #contact .tel { float: none; padding: 0; height: auto; }
#contact .attention { padding: 20px; }
button, input, select, textarea { max-width: 100%; }
.mailform dd:first-of-type input, .mailform dd:nth-of-type(2) input { width: 45%; }
.mfp_buttons { margin-bottom: 50px; }
.wp-pagenavi { height: auto; }
.wp-pagenavi a, .wp-pagenavi span { padding: 8px 10px !important; display: inline-block; }

#contact .attention .attention_wrap {
  padding: 32px 8%;
}


/*サンクスページ*/
.thanksText { padding: 50px 2%; text-align: left; }



/*==============================================================*/
/* 採用情報 */
/*==============================================================*/
.recruit-contents, .recruit_form { width: 96%; margin: 0 auto; }
.recruit-contents th, .recruit-contents td { padding: 10px; width: 25%; text-align: center; font-size: 14px; }
.recruit-contents td { width: 75%; text-align: left; }
.recruit_form dt, .recruit_form dd { width: 100%; float: none; }
.recruit_form textarea { height: 200px; }
.recruit-main .catch, .recruit_form h3 { line-height: 1.2; font-size: 22px; }
/*==============================================================*/
/* 検索結果 */
/*==============================================================*/
.searchresult figure { width: 25%; }
.searchresult div div { display: inline; width: 100%; float: none; }
.searchresult h3 { width: 72%; display: inline-block; vertical-align: middle; font-size: 16px; }
.searchresult p { display: block; margin-top: 10px; }
.searchresult .more { margin-top: 10px; text-align: center; display: block; padding: 10px 0; float: none; }
.searchresult .thum { font-size: 12px; height: 80px; padding-top: 30px; width: 25%; margin-top: 0; }
/*==============================================================*/
/* 勤務医出勤表 */
/*==============================================================*/
.fix-table { width:auto !important;}
#shift .shift-work { width: 96%; margin: 0 auto; }
#shift .shift-work * { font-size: 12px !important; padding: 5px; }
/**/
.mb20sp { margin-bottom: 20px!important; }
.mb10sp { margin-bottom: 10px!important; }
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/

.drawer-navbar .drawer-nav { padding-top: 60px;/*ナビバーの高さと同じにする*/ }
.drawer-navbar .drawer-menu { padding-bottom: 3.75rem; }
.drawer-dropdown-menu { display: none; box-sizing: border-box; width: 100%; margin: 0; padding: 0; }
.drawer-dropdown-menu > li { width: 100%; list-style: none; }
.drawer-dropdown-menu a { color: #fff; }
.drawer-dropdown-menu-item { line-height: 2.75rem; display: block; padding: 0; padding-right: .75rem; padding-left: 1.5rem; text-decoration: none; color: #222; text-align: left; }
.drawer-dropdown-menu dt, .drawer-dropdown-menu dd { }
.drawer-dropdown-menu dt { padding: 10px; padding-top: 20px; clear: both; font-size: 1rem; font-weight: normal; color: #FFF; }
.drawer-dropdown-menu dd:nth-of-type(even) a { border-left: solid 1px #777; }
.drawer-dropdown-menu dd a { display: block; padding: 10px; float: left;/*2列用*/ width: 50%;/*2列用*/ border-top: solid 1px #777; }
.drawer-dropdown-menu dd a:hover { /*text-decoration: underline;*/ color: #555; background-color: #F9F9F9; }
.drawer-dropdown-menu dd :before { content: "\f105"; margin-right: 5px; font-family: 'Font Awesome 5 Free'; }
.drawer-dropdown-menu dd span { display: none; }
/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu { display: block; }
/*! drawer-caret */
.drawer-dropdown .drawer-caret {
   display: inline-block;
   line-height: 1;
   width: 15px;
   height: 2px;
    margin-right: 10px; 
    margin-left: 5px; 
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; 
    transition: opacity .2s ease, -webkit-transform .2s ease; 
    transition: transform .2s ease, opacity .2s ease; 
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease; -webkit-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); transform: rotate(0deg); 
    vertical-align: middle; 
    background: #3a6bb4;
    border-radius: 0.1em;
   }
   .drawer-dropdown .drawer-caret::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 2px;
    background: inherit;
    border-radius: inherit;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; 
    transition: opacity .2s ease, -webkit-transform .2s ease; 
    transition: transform .2s ease, opacity .2s ease; 
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease; 
    transform: rotate(90deg);
    border-radius: 0.1em;
  }

/*! open */
.drawer-dropdown.open .drawer-caret::before { 
  -webkit-transform: rotate(180deg); 
  -ms-transform: rotate(180deg); 
  transform: rotate(180deg);
 }
.drawer-dropdown a::before { display: none !important; }

/*==============================================================*/
/* メディア情報 */
/*==============================================================*/
  
.media_list {margin: 40px auto 100px; padding: 0 4%;}
.media_list li {padding-left: 0;} 
.media_list li + li {margin-top: 60px;}
.media_list .media_ttl{padding-left: 17%; padding-bottom: 20px; font-size: 15px;}
.media_list .media_ttl:before {width: 45px; height: 35px; top: 0; left: 0; transform: none;  content: ""; background-size: contain;}
/*==============================================================*/
/* 飼主様の声 */
/*==============================================================*/
.voice_list{ margin: 40px 0; padding: 0 4%;}
.voice_list li{/*padding: 10% 5%;*/ width: 100%; overflow: hidden;}
.voice_list li + li {margin-top: 40px;}
.voice_list .img_box {float: none; margin: 0 auto 30px; width: 80%;}
.voice_list .img_box img {width: 100%;}
.voice_list .txt_box {float: none; display: inline-block; width: 100%;}
.voice_list .voice-wrap{
  display: block;
  padding: 24px 5%;
}
.voice_list .voice_ttl {
  min-height: 60px;
  padding: 24px 20px 24px 56px;
  font-size: 18px;
}
.voice_list .voice_ttl:before {
  left: 10px;
  width: 35px;
  height: 35px;
}

/*==============================================================*/
/* トップページリニューアル調整用スタイル　20191003
/*==============================================================*/  
 .intro_wrap{margin-bottom: 40px; padding: 30px 2%;}
  .intro_box01 .boxIn * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .intro_box01 .boxIn > p{  margin: 0 auto; max-width: 400px; width: 60%; text-align: center;}
  .intro_box01 .boxIn > p img {width: 100%; height: auto;}
 
  .intro_box01 .boxIn .txtBox{
    margin: 0 auto;
    padding: 20px 5%;
    position: static;
    transform: none;
    width: 100%;
    background: #fff;
  }
  .intro_box02{margin-bottom: 30px;}
  
  .intro_box03 {margin-bottom: 30px;}
  .intro_box03 .boxWrap .boxIn{float: none;}
  .intro_box03 .boxWrap .boxIn * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
  
  .intro_box03 .box_txt{margin-bottom: 20px; padding: 20px 5%; width: 100%;}
 
  .intro_box03 .box_txt .box_left{float: none; margin-right: 0;width: 100%;}
  .intro_box03 .point_list{margin-bottom: 30px;}
  .intro_box03 .box_txt .box_right{float: none; margin: 50px auto 0}
  .intro_box03 .box_txt .box_right p{text-align: center;}

  /*20230223追加 CFC*/
  .intro_box03 .box_txt.cfc_box{
    padding: 20px 5%;
}
.intro_box03 .box_txt.cfc_box .box_left {
   margin-right:0;
   width: 100%;
}
.intro_box03  .box_txt.cfc_box .box_right {
  width: 100%;
}
.intro_box03  .box_txt.cfc_box .page_link{
     margin-top: 20px;
}

  
  .intro_box04 .boxWrap{float: none; width: 100%;}
  .intro_box04 .videoWrap{float: none; margin: 40px auto 0; width: 100%; max-width: 500px; }
  
  .topNews ul{overflow-y: visible;}
  .topNews ul li:nth-child(4){display: block;}
  
  .topSearch-wrap{overflow: visible; height: auto;}
  
  .mediaMenu_wrap {padding: 60px 0 30px;}
  .mediaMenu_wrap .menu_box{margin: 0 2% 30px; width:46%;}
  
  /*診療科目部分調整*/
  .shinryouWrap .ttlWrap h2{float: none !important;}
  .topAnimal {display: block; margin-top: 15px; height: auto;}
  .topAnimal dt, .topAnimal dd{display: block; width: 100%;}
  
  .topBtn { margin: 0 auto 20px;}
  .attendance{ margin: 0 auto 20px;}
  
  
  /*病院案内・アクセス　お問い合わせフォーム　ボタン*/
  .topMenu2 li img{height: auto; margin: 0;}
  .topMenu2 li p:nth-child(2){padding: 10px 0 25px;}
  .topMenu2 li a{position: relative; background: #EDF2F9;}

  .webp .topMenu2 li a:after{
    position: absolute;
    content: "";
    display: block;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: url(../../img/top/arrowblue-bottom.png.webp) no-repeat;
  }
  .no-webp .topMenu2 li a:after{
    position: absolute;
    content: "";
    display: block;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: url(../../img/top/arrowblue-bottom.png) no-repeat;
  }
  
  /*スタッフ紹介調整*/
  .top-staff{ margin: 0 auto ; display: block;}
  .top-staff li dl dd{text-align: center;}
  
  .greetingBtn {margin: 0 auto 50px;}
  
  #top-facebook{margin: 0 auto 40px;}
  
  .mediaMenu_wrap .menu_box a:hover dl{background:none;}
  
  #payment {clear: both; margin: 0; padding: 30px 5%;}
  #payment .payment_ttl{font-size: 14px;}
  #payment .payment_left{ float: none; margin: 0 0 20px; width: 100%;}
  #payment .payment_left .img_box{max-width: 300px; width: 100%;}
  #payment .payment_right{ float: none; width: 100%;}
  #payment img{width: 100%; height: auto;}
  #payment .img_box{margin-bottom: 16px;}

  /*サーチ*/
  .footer_form  #searchform{margin-top: 24px; background: #fff;padding: 5px; }
  .footer_form  #searchform #searchform input.searchsubmit{width: 7%;margin-left: 3%;}

  #pagetop{height: auto;} 
  
  /*病院案内詳細*/
  .hospital_info{margin-top: 16px;}
  .hospital_info h2{font-size: 18px;}
  .intro_box01{padding-left: 2%; padding-right: 2%;}
  .intro_box01 .boxIn > p{ width: 85%;}
  .hospital-info-top{padding-left: 2%; padding-right: 2%;}
  .hospital-info-top .menu-info li { margin-top: 8px;  width: 49%; }

  .hospital-info-top h2 {
    margin-bottom: 16px;
    font-size: 20px;
   }
  .hospital-info-top .hospital-info-wrap{
    display: block;
  }
  .hospital-info-top .hospital-info-wrap .left,
  .hospital-info-top .hospital-info-wrap .right{
    width: 100%;
  }
  .hospital-info-top .hospital-info-wrap .left{
    margin-bottom: 24px;
  }
  .hospital-info-top .hospital-info-wrap .right{
    margin: 0;
  }
  .hospital-info-top .hospital-info-wrap .address{
    display: block;
  }
  .hospital-info-top .hospital-info-wrap .address p{
    margin-bottom: 16px;
  }

  .hospital-info-top .hospital-info-wrap .reception table{
    margin: 0 auto 5px;
  }
  .hospital-info-top .hospital-info-wrap .address{
    margin-bottom: 32px;
  }
  .hospital-info-top .hospital-info-wrap .contact .tel dd {
    font-size: 13px;
   }
  .hospital-info-top section .btn-info a{
    margin: 0 auto;
    max-width: 325px;
    width: 90%;
    font-size: 16px;
   }
   .hospital-info-top section{
     padding-bottom: 60px;
   }
  .hospital-info-top > section{
    padding-top: 48px;
   }
 
}

@media screen and (max-width:450px){
  .mediaMenu_wrap{padding: 40px 2%;}
  .mediaMenu_wrap .menu_box{float: none;margin: 0 auto; width: 100%;}
  .menu_box + .menu_box {margin-top: 30px;}
}

/*==============================================================*/
/* トップページ「エキゾチックアニマル専門～」ボタン追加スタイル　20200106
/*==============================================================*/
@media screen and (max-width: 767px) {
  .webp  #contents {
    background-position: 32% top;
    background-size: 150% auto;
    background: url(../../img/top/spmain-image.jpg.webp) no-repeat 32% top / 150% !important;
  }
  .no-webp  #contents {
    background-position: 32% top;
    background-size: 150% auto;
    background: url(../../img/top/spmain-image.jpg) no-repeat 32% top / 150% !important;
  }

  #exotic-btn {
    position: static;
    max-width: 200px;
    width: 45%;
    height: 45%;
    bottom: auto;
    background: none;
  }
  
  #ct-btn a,
  #exotic-btn a {
    border: 2px solid #fff;
  }

  #exotic-btn a:before {
    width: 50%;
    height: 50%;
    left: -5%;
    bottom: 10%;
  }

  #exotic-btn a p {
    font-size: 12px;
    line-height: 1.5;
  }

  #exotic-btn a p span {
    margin-top: 2%;
    font-size: 12px;
  }

  #exotic-btn a p span:after {
    height: 6px;
    width: 6px;
    bottom: -15px;
  }

  /*--------
  
  -------*/
.main-btn-wrap {
  display: flex;
    justify-content: space-around;
}
#ct-btn {
  position: static;
  left: 10%;
  top: 40%;
  bottom: auto;
  background: none;
  max-width: 200px;
  width: 45%;
  height: 45%;
}
#ct-btn a p{font-size: 16px;}
#ct-btn a:before {
  position: absolute;
  content: "";
  display: block;
  width: 115px;
  height: 78px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
#ct-btn a p span:after {
  height: 6px;
  width: 6px;
  bottom: -15px;
}

.information-wrap{margin:24px auto; width: 90%;box-sizing: border-box;}

}
@media screen and (max-width: 470px) {
  #exotic-btn a p {font-size: 13px;}
  #exotic-btn a p span {font-size: 11px;}
}
@media screen and (max-width: 570px) {
  #exotic-btn {     top: 45%; }
}


/*==============================================================*/
/* 採用ボタン */
/*==============================================================*/
@media screen and (max-width: 767px) {
  #recruit-btn {
    position: static;
    margin: 20px auto 32px;
    max-width: 390px;
    width: 90%;
  }
  #recruit-btn a{ padding: 15px 5px 15px 26%;}
  #recruit-btn a p:first-child{ font-size: 20px;}
  #recruit-btn a p:nth-child(2){font-size: 11px;}
  #recruit-btn a p:nth-child(2){margin-top: 5px; }
  #recruit-btn a p:nth-child(3){ margin-top: 5px; }
  #recruit-btn a p:nth-child(3):after {
    position: static;
    margin-left: 5px;
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #recruit-btn a:before{
    top: -6%;
    width: 38%;
    height: 120%;
  }
}

/*==============================================================*/
/* エキゾチックアニマル専門医紹介コンテンツ追加スタイル　20200106
/*==============================================================*/
@media screen and (max-width: 767px) {
  .kamokuCoverage {
    position: static;
    height: auto;
    width: 100%;
    margin-bottom: 20px; }
    .kamokuCoverage dl {
      display: block;
      text-align: center; }
      .kamokuCoverage dl dt {
        display: block;
        width: 100%;
        height: auto; }
      .kamokuCoverage dl dd {
        display: block;
        width: 100%; }

  .exotic-wrap .prof-wrap .prof-left {
    margin: 0 0 10px;
    float: none;
    text-align: center; }
  .exotic-wrap .prof-wrap .prof-right {
    float: none;
    padding: 2%;
    width: 100%; }
  .exotic-wrap .prof-wrap .tel-wrap p {
    float: none; }
  .exotic-wrap .prof-wrap .tel-txt {
    margin: 0 0 30px;
    padding-top: 5px; }
  .exotic-wrap .prof-wrap .tel-link {
    font-size: 24px; }
  .exotic-wrap .prof-wrap small {
    font-size: 12px; }
  .exotic-wrap .career-wrap {
    padding: 20px 5%; }
    .exotic-wrap .career-wrap .career-left, .exotic-wrap .career-wrap .career-right {
      float: none; }
    .exotic-wrap .career-wrap .career-left {
      margin-bottom: 20px; } }

/*==============================================================*/
/* 病院案内・アクセス*/
/*==============================================================*/
/*20200406追加　コインパーキング利用について*/
@media screen and (max-width: 767px) {
  /*
ページ内ジャンプ調整
(当院が指定する近隣のコインパーキング利用のお願い)
*/
#coin-parking{margin-top: -60px; padding-top:60px ;}
/**/

.parking-info{
  margin-top: 40px;
  padding: 0 2%;}
.parking-info h3{
  margin-bottom: 15px;
  font-size: 18px;
}
.parking-info .subTtl{
  margin-bottom:15px;
  font-size: 16px;
}

.parking-info .arrow:before {
  position: absolute;
    top: auto;
    bottom:-35px;
    margin: auto;
    content: "";
    vertical-align: middle;
  right: 50%;
  width: 18px;
  height: 18px;
  border-top: 5px solid #929292;
  border-right: 5px solid #929292;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg) translate(-50%,0);
}
.parking-info .txt-bold{font-weight:bold;}


.parkingleftimg img,
.parkingrightimg img{
  display: block;
  margin: 0 auto 10px;
  max-width: 550px;
  width: 100%;
  height: auto;
}
.parking-info .parking-in01,
.parking-info .parking-in02
{margin-bottom:45px;}
.parking-in01 .parkingleftimg{
  width: 100%;
  float: none;
}
.parking-in01 .parkingrightimg{
  width: 100%;
  float: none;
}
.parking-in01 .parkingleftimg + .parkingrightimg{
  margin-top: 50px;
  margin-left:0;
}

.parking-info .parking-in02 .txt{margin-bottom: 10px;}
.parking-info .parking-in02 ul{
  padding: 10px 15px;
  border:1px solid #CCCCCC;
}
.parking-info .parking-in02 ul li + li{
  margin-top: 5px;
}

.parking-in02 .parkingleftimg  figcaption{
  display: block;
  margin: 0 auto ;
  max-width: 550px;}
.parking-in02 .parkingleftimg img{margin-bottom: 5px;}
.parking-in02 .parkingleftimg figcaption{font-size: 11px;}
.parking-in02 .parking-img{ margin-bottom: 15px;}
.parking-in02 .parkingleftimg{
  width: 100%;
  float: none;
}
.parking-in02 .parkingrightimg{
  width: 100%;
  float: none;
}
.parking-in02 .parkingleftimg + .parkingrightimg{
  margin-top: 10px;
  margin-left:0;
}
}

/*ヘッダーパーツ修正*/
@media screen and (max-width: 320px){ .drawer-brand img  { max-width: 185px;}}


@media screen and (max-width: 550px) {
  #kamoku-info-wrap .staff-list figure {
    width: 80%;
    margin: 0 auto 16px;
}
  #kamoku-info-wrap .staff-list div {
    margin-left: 0;
    width: 100%;
   }

   #kamoku-info-wrap .exoticgakkai-wrap figure{
    width: 80%;
    margin: 0 auto 16px;
   }
   #kamoku-info-wrap .exoticgakkai-wrap div{
    margin-left: 0;
    width: 100%;
   }
}