@charset "utf-8";
/* ----------------  Reset Styles  ----------------- */
/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } sup { font-size: 70%; } body { line-height: 1; } html,body { width: 100%; } img { height: auto; } article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display: block; } ul, ol { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline; } :focus { outline: 0; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { border: 0; border-top: 1px solid #cccccc; display: block; height: 1px; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } * { -webkit-text-size-adjust: none; } body { font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif; -webkit-text-size-adjust: 100%; } a,p { color: #666666; }
*/
/* --------------  //Reset Styles  ----------------- */



/*----------------------------------------
  common
----------------------------------------*/
body {
	font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
    min-width: 100%;
	font-size: 16px;
    line-height: 1.6;
}
.inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
}

.img100 {
    width: 100%;
    height: auto;
}


/*----------------------------------------
    共通
----------------------------------------*/
.top_pc { display: none; }
.top_sp { display: block; }

.next_pc { display: none; }
.next_sp { display: block; }



/*----------------------------------------
    ナビゲーション
----------------------------------------*/
.is-fixed {
    display: none;
}

#container {
	width: 100%;
	text-align: center;
}


/* Wrapper
--------------------------- */
#wrapper {
	width: 100%;
	text-align: left;
	background: #ffffff;
	position: relative;
	z-index: 120;
    margin-top: -10px;
}


/*----------------------------------------
  header
----------------------------------------*/
/*
.head_area {
    position: static;
}
*/
.headinfo {
    display: none;
}
.logo_area {
    display: none;
}

.adrs_area {
    display: none;
}



.head_slide {
    position: relative;
    margin: -13px auto 0px;
    text-align: center;
    padding-bottom: 0px;
    z-index: 20;
}


/*----------------------------------------
    head_cmnt
----------------------------------------*/
#sp-head_cmnt {
    margin: 0 auto 20px;
    width: 100%;
    position: relative;
    z-index: 30;
}

#sp-head_cmnt .msg99 {
    letter-spacing: 1.2px;
    font-size: 16px;
	font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
    color: #ff0000;
    text-align: center;
    line-height: 2;
	text-shadow: none;
    margin: -10px 0 0 0;
    padding: 20px 0px 10px 0px;
    position: relative;
}

#sp-head_cmnt .msg24 {
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin: -140px 0 0 0;
    padding: 20px 0px 80px 0px;
    position: relative;
}


#sp-head_cmnt .msg00 {
    letter-spacing: 1.2px;
    font-size: 16px;
    font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
    color: #ffffff;
    text-align: center;
    line-height: 2;
    margin: -10px 0 0 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 0px;
    position: relative;
}
#sp-head_cmnt .msg00 .ln01 {
    letter-spacing: 0.5px;
    font-size: 17px;
    color: #ffffff;
    padding: 0px;
}

#head_cmnt .msg00 .ln03 {
    font-size: 16px;
}
#head_cmnt .msg00 a {
    color: #ffffff;
    background-color: #ff9900;
    padding: 10px 50px;
    font-size: 16px;
    border-radius: 20px;
    -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
    -o-border-radius: 20px; /* opera用 */
    behavior: url('PIE.htc');/* IE用 */
}

#head_cmnt .msg01 {
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 1.2px;
    text-align: center;
	text-shadow: 0 0 1px #000000, 0 0 5px #000000, 0 0 10px #000000, 0 0 15px #000000, 0 0 20px #000000, 0 0 25px #000000, 0 0 30px #000000;
}


.next_head {
    display: none;
}
.next_info {
    display: none;
}

.nextinfo {
    display: none;
}


/*----------------------------------------
  hamburger
----------------------------------------*/
#address_sp {
    display: block;
    padding: 0px 0 15px;
    z-index: 99999;
    height: 50px;
    position: static;
}
/*----------------------------------------
  header
----------------------------------------*/
header {
    clear: both;
    position: relative;
    margin: 0 auto 0px;
    text-align: center;
    padding-bottom: 0px;
    padding-top: 65px;
}

.sp_logo {
    width: 100%;
    position: absolute;
    top: 66px;
    height: auto;
    z-index: 30;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 0px 10px 0px;
}
.sp_logo img {
    width: 90%
}


.global_navi {
  display: none;
}


/*--------------------------------------------------
header 
--------------------------------------------------*/
/* sp-header
---------------------------------------------------------------------------- */
.sp-navi-contact {
    display: inline;
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    height: 66px;
    letter-spacing: 0px;
    z-index: 3000;
    background: #ff9900;
    border-bottom: solid 1px #ffffff;
}

ul.sp-panel {
    width: 100%;
}
ul.sp-panel li {
    width: 19.75%;
    font-size: 12px;
    letter-spacing: 0px;
    height: 55px;
    float: left;
    text-align: center;
    display: block;
    padding-top: 13px;
    line-height: 1.7;
    color: #ffffff;
    font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
}


ul.sp-panel li span.panel_txt {
    font-size: 10px;
}

ul.sp-panel li.sp_ln {
    border-right: solid 1px #ffffff;
}
ul.sp-panel li.sp_ln a {
    color: #ffffff;
    font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
}
ul.sp-panel li.sp_ln_e {
}
ul.sp-panel li.sp_ln_e a {
    color: #ffffff;
    font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
}

/* iPhone 5/SE 320, Galaxy Fold 280 */
@media only screen and (max-width:320px){
ul.sp-panel li {
    width: 20.5%;
    font-size: 10px;
    letter-spacing: 0px;
    height: 55px;
    float: left;
    text-align: center;
    display: block;
    padding-top: 13px;
    line-height: 1.7;
    color: #ffffff;
    font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
  }
ul.sp-panel li span.panel_txt {
    font-size: 6px;
  }
ul.sp-panel li.sp_ln_e {
    width: 15%;
    font-size: 10px;
    letter-spacing: 0px;
    height: 55px;
    float: left;
    text-align: center;
    display: block;
    padding-top: 13px;
    line-height: 1.7;
    color: #ffffff;
    font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
  }
ul.sp-panel li.sp_ln_e a {
    color: #ffffff;
    font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
  }
}



.gblnv_block {
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    height: 530px;
    display: none;
    padding-top: 5px;
    z-index: 99999;
    position: absolute;
    margin-top: 7px;
    width: 100%;
    text-align: center;
    left: 0;
}
.gblnv_block ul {
    padding: 10px;
    float: left;
}
.gblnv_block ul li {
    line-height: 180%;
    width: 100%;
}
.gblnv_block ul li a {
    color: #ffffff;
    font-size: 26px;
    line-height: 230%;
}
/*
.gblnv_block ul li:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/
.onanimation {
    display: block;
}

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing:
    border-box;
    z-index: 3000;
}


.info {
    position: relative;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 88888;
}
.info_line {
    height: 2px;
    border: 0;
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.5);
}
.info .info_logo {
    margin: 8px auto 0px ;
    text-align: center;
    width: 100%;
    z-index: 88888;
}
.info .info_logo img {
    width: 82%;
}

.info .info_adrs {
    font-size: 16px;
    line-height: 1;
    text-align: center;
    position: relative;
    margin-top: -4px;
}
.info .info_tel {
    padding-top: 5px;
    text-align: center;

}
.info .info_tel a {
    font-size: 20px;
    color: #ffffff;
    background-color: #e95709;
    padding: 3px 20px 1px 20px;
    border-radius: 5px;
}


/*----------------------------------------
    title
----------------------------------------*/
.top_ttl {
    margin-top: 5px;
    margin-bottom: 10px;
	text-align: center;
	font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
    color: #744b28;
    font-size: 26px;
    letter-spacing: 1px;
}
.top_ttl span {
	background: linear-gradient(transparent 95%, #744b28 0%);
}

.top_ttl_w {
    margin-top: 5px;
    margin-bottom: 10px;
	text-align: center;
	font-family: "Noto Sans JP","M PLUS Rounded 1c", sans-serif;
    color: #ffffff;
    font-size: 26px;
    letter-spacing: 1px;
}
.top_ttl_w span {
	background: linear-gradient(transparent 95%, #ffffff 0%);
}


/*----------------------------------------
  header
----------------------------------------*/
.container {
  margin: 0 0 0px;
}
#header-guid { display: none; }
#header-staff { display: none; }
#header-faci { display: none; }
#header-fee { display: none; }
#header-accs { display: none; }
#header-concept { display: none; }

#header-submn01 { display: none; }
#header-submn02 { display: none; }
#header-submn03 { display: none; }
#header-submn04 { display: none; }
#header-submn05 { display: none; }
#header-submn06 { display: none; }
#header-submn07 { display: none; }
#header-submn08 { display: none; }
#header-submn09 { display: none; }
#header-submn10 { display: none; }
#header-submn11 { display: none; }
#header-submn12 { display: none; }
#header-submn13 { display: none; }
#header-submn14 { display: none; }
#header-submn15 { display: none; }
#header-submn16 { display: none; }
#header-submn17 { display: none; }
#header-submn18 { display: none; }

#header-special { display: none; }

#header-subject { display: none; }


.recruit_icon {
    position: fixed;
    text-align: right;
    bottom: 10px;
    right: 10px;
    z-index: 2000;
}
.recruit_icon img {
    width: 80px;
    height: 80px;
}



/*----------------------------------------
    notice
----------------------------------------*/
#notice {
    width: 100%;
    margin: 30px auto 30px;
    position: relative;
}
.top_note {
    text-align: center;
    font-size: 20px;
    padding: 0px 10px;
    margin-bottom: 30px;
}
.top_note a {
    color: #000000;
    text-decoration: underline;
}
.top_note a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.top_note .s01 {
    font-size: 18px;
    color: #ff0000;
}

.note_date {
    text-align: center;
    color: #ff0000;
    font-size: 18px;
    padding-right: 0px;
}


/*----------------------------------------
    bnr_area01
----------------------------------------*/
#bnr_area01 {
    width: 100%;
    margin: 5px auto 5px;
    position: relative;
}
.inner_area01 {
    width: 100%;
    margin: 0 auto;
}
#bnr_area01 ul.bnr_01 {
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
}
#bnr_area01 ul.bnr_01 li {
    float: left;
    margin: 8px 0px;
    width: 100%;
    text-align: center;
}

#bnr_area01 ul.bnr_01 li img {
    width: 99%;
    border-radius: 10px;
}


/*----------------------------------------
    bnr_area05
----------------------------------------*/
#bnr_area05 {
    width: 100%;
    margin: 0px auto;
    padding-top: 0px;
    padding-bottom: 20px;
    position: relative;
    background-color: #ffffff;
}
#bnr_area05 .area05_L {
    float: left;
    width: 100%;
}
#bnr_area05 .area05_R {
    float: right;
    width: 100%;
    margin-top: 15px;
}


.bnrareabk {
	background-size:cover;
    background-color: #f1f1f1;
    padding-top: 10px;
}
.flex-container {
/*  -webkit-align-content: space-between;
    align-content: space-between;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/*
.fa-chevron-right {
	color: #cc0000;
}
*/

#bnr_area05 .area05_L ul {
    overflow: hidden;
}
#bnr_area05 .area05_L ul li {
    float: left;
    width: 50%;
}

.minbnr {
    margin: 5px 10px 20px 10px;
    color: #323232;
    background: #f1f1f1;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
    display: block;
}
.minbnr a:hover {
	opacity: 0.5;  
	filter: alpha(opacity=50);
}

.minbnr .mintext {
    font-size: 14px;
    background-color: #f1f1f1;
    color: #323232;
    text-align: center;
    line-height: 1.4;
    padding: 0px;

}
.minbnr .mintext p {
    padding-top: 5px;
}
.minbnr .mintext p.line2 {
    padding-top: 2px;
}

.bnr_m {
    display: none;
}

.minbnr img {
	width: 100%;
    border-radius: 10px;
    margin: 0px auto;
}

.circle {
    width: 140px;
    height: 170px;
    margin: 0px auto;
}
.circle_img img {
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%; /* Safari,Google Chrome用 */
    -moz-border-radius: 100%; /* Firefox用 */
    -o-border-radius: 100%; /* opera用 */
    behavior: url('PIE.htc');/* IE用 */
    overflow:hidden;
}
.circle:hover {
	opacity: 0.5;  
	filter: alpha(opacity=50);
}



#bnr_area05 .area05_R ul {
    overflow: hidden;
}
#bnr_area05 .area05_R ul li {
    margin-bottom: 10px;
}
#bnr_area05 .area05_R ul li img {
    width: 100%;
}
#bnr_area05 .area05_R ul li:hover {
	opacity: 0.6;  
	filter: alpha(opacity=50);
}


/*----------------------------------------
    bnr_area03
----------------------------------------*/
#bnr_area03 {
    background: url(../images/top/bg_area03.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 auto 20px;
    padding-top: 5px;
    padding-bottom: 20px;
    position: relative;
}

.area03_msg {
    color: #744b28;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 10px 10px 30px 10px;
}

.area03_btn {
	text-align: center;
    margin:0 auto;
}
.area03_btn .p03 {
    display:inline-block;
	width: 90%;
    background-color: #2fcb16;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
	border: none;
	border-style: none;
}
.area03_btn .p03 a {
    color: #ffffff;
    font-size: 22px;
    line-height: 3;
    letter-spacing: 1px;
}

.area03_btn .p03:hover {
	opacity: 0.7;  
	filter: alpha(opacity=50);
}


/*----------------------------------------
    bnr_area06
----------------------------------------*/
#bnr_area06 {
    width: 100%;
    margin: 0 auto 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}

.area06_box {
	text-align: center;
    margin:0 auto;
}
.area06_box .p06 {
    float: left;
	width: 46%;
    height: 210px;
    background-color: #f9b526;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 3px;
	border: none;
	border-style: none;
    color: #ffffff;
    font-size: 18px;
    vertical-align: top;
}
.area06_box .p06 a {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 2;
}
.area06_box .p06 img {
    padding-top: 20px;
}

.area06_box .p06:hover {
	opacity: 0.7;
	filter: alpha(opacity=50);
}


/*----------------------------------------
    bnr_area04
----------------------------------------*/
#bnr_area04 {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
}

.spcmnt {
    position: relative;
    margin-top: 5px;
}
.sp02 {
    color: #000000;
    text-align: left;
    font-size: 22px;
    background: none;
    padding: 5px 5px 30px 5px;
}
.cmnt_orange {
    color: #ff6507;
}

.sp03 {
    font-size: 16px;
    padding-bottom: 10px;
}


ul.spclist {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}
ul.spclist li {
    float: left;
    width: 100%;
    margin: 0px;
    background-color: #ffffff;
}

.specialist {
}

.specialist .specialistL {
    position: relative;
    float: left;
    width: 100%;
}
.specialist .specialistL img {
    width: 70%;
}

.specialist .specialistR {
    float: right;
    padding: 0px;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    line-height: 1;
    background-color: #fab61f;
    margin-top: 5px;
    margin-bottom: 20px;
}


.spmsg01 {
    font-size: 20px;
    padding-top: 10px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    padding-bottom: 5px;
    letter-spacing: 1.2px;
}
.spmsg02 {
    font-size: 20px;
    letter-spacing: 1.2px;
}
.spmsg03 {
    border-bottom: 2px solid #ffffff;
    margin: 3px 10px 10px 10px;
}
.spmsg04 {
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    margin: 5px 10px 15px 10px;
    line-height: 1.3;
}
.specialistR a {
    display: block;
    position: relative;

    font-size: 18px;
    background-color: #ffffff;
    color: #f9810d;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0px;
	border-radius: 10px;
    margin-left: 30px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.specialistR a:hover {
    background-color: #ff0000;
    color: #ffffff;
}


/*----------------------------------------
  medical_menu
----------------------------------------*/
#medical_menu {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
}
#medical_menu .medical_menu_L {
    float: left;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 20px;
}
#medical_menu .medical_menu_R {
    float: left;
    width: 100%;
    background-color: #fab61f;
    height: auto;
}

.calendar {
    background-color: #076cb6;
    padding: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cale_ttl {
    color: #ffffff;
    border-left: 12px solid #0d99fd;
    padding-left: 10px;
    letter-spacing: 2px;
}


.medical_cont {
    padding-top: 0px;
    border-top: 10px solid #bd030a;
}

.medical_ttl {
    position: relative;
    margin-top: 10px;
    text-align: center;
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 4px;
}
.medical_ttl_e {
    position: relative;
    margin-top: -10px;
    text-align: center;
    color: #ff0000;
    font-size: 18px;
    letter-spacing: 1px;
}

.mecical_info {
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.5;
    font-size: 18px;
    text-align: center;
}

ul.medical_sbjlist {
    position: relative;
    margin-top: 25px;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 10px
}
ul.medical_sbjlist li {
    background-color: #ffffff;
    margin: 5px auto 6px;
    padding: 10px 0px 10px 5px;
    display: block;
}
a.medical_sbjitm {
    color: #000000;
    border-left: 4px solid #bd030a;
    padding-left: 7px;
    letter-spacing: 0px;
    display: block;
}
.medical_sbjitm_e {
    color: #00980d;
    font-size: 12px;
    padding-left: 6px;
    letter-spacing: 0px;
}

.medical_menu_pc2 {
    display: none;
}
.medical_menu_m2 {
    display: block;
}
a.medical_sbjitm2 {
    color: #000000;
    border-left: 4px solid #bd030a;
    padding-left: 7px;
    letter-spacing: 1px;
    display: block;
    line-height: 2.5;
}
.medical_sbjitm_e2 {
    color: #00980d;
    font-size: 12px;
    padding-left: 10px;
    letter-spacing: 1px;
    line-height: 1;
    position: relative;
    margin-top: -40px;
    margin-left: 160px;
}


/*----------------------------------------


/*----------------------------------------
    section
----------------------------------------*/
.section .inner {
  padding-left: 5px;
  padding-right: 5px;
}


/*----------------------------------------
    nextpage --- NEXT PAGE
----------------------------------------*/
#nextpage {
    margin: 81px auto 0px;
    background-color: #ffffff;
    padding: 180px 0 10px;
    z-index: 20;
    position: relative;
}

.style-two {
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin-top: -17px;
    margin-bottom: 25px;
    z-index: 10;
}


/*----------------------------------------
    タイトル --- NEXT PAGE
----------------------------------------*/
#nextpage .md {
    color: #0b70b8;
    font-size: 20px;
    background-color: #ffffff;
    padding: 0px 20px;
    font-weight: bold;
    letter-spacing: 3px;
}
#nextpage .md_s {
    color: #0b70b8;
    font-size: 18px;
    background-color: #ffffff;
    padding: 0px 5px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
#nextpage .md_note {
    color: #000000;
    font-size: 18px;
    background-color: #ffffff;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-decoration: underline;
}

.chapter {
    padding: 0px 5px 20px 5px;
}


/*----------------------------------------
  NEXT MENU
----------------------------------------*/
.nextinfo {
    display: none;
}
.next_title {
    display: none;
}
.next_title_2 {
    display: none;
}
.next_title_sp { display: none; }
.next_title_sp2 { display: none; }


/*----------------------------------------
    bnr_area05
----------------------------------------*/
#bnr_area05 {
    width: 100%;
    padding: 20px 0px 10px 0px;
}


/*----------------------------------------
  #map_area
----------------------------------------*/
#map_area {
    width: 97%;
    margin: 5px auto 2px;
}


/*----------------------------------------
  footer
----------------------------------------*/
.gridWrapper{
    overflow: hidden;
}

* html .gridWrapper {height:1%;}

div#footer1 .inner .footerlogo {
    float: left;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	width: 100%;
    text-align: center;
}
.ft_time {
    margin-top: 5px;
    margin-left: 18px;
    margin-right: 18px;
	margin-bottom: 10px;
    border-top: 2px solid #f9b526;
    text-align: center;
    padding: 8px 0px;
    font-size: 14px;
    line-height: 1.4;
}

div#footer1 #fNav {
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 20px 0 10px 0;
    width: 100%;
}
div#footer1 #fNav li.footmenutop {
	float: left;
	margin-right: 0px;
    width: 100%;
    text-align: left;
    border-left: none;
}
div#footer1 #fNav li.footmenulong {
	float: left;
	margin-right: 0px;
    width: 100%;
    text-align: left;
    border: none;
    padding-left: 5px;
	margin-bottom: 20px;
}
div#footer1 #fNav li {
	float: left;
	margin-right: 0px;
    width: 100%;
    text-align: left;
    border-left: none;
    padding-left: 5px;
}

div#footer1 #fNav li p.fmenucol {
	font-size: 16px;
}
div#footer1 #fNav li ul li {
	font-size: 16px;
}



/*----------------------------------------
  footer banner
----------------------------------------*/
#footer_banner {
    background-color: #f2f2f2;
    padding: 15px 0px;
}
ul.banner_area li {
    padding: 5px 0px;
    width: 100%;
    text-align: center;
}


/*----------------------------------------
  スクロール
----------------------------------------*/
.scroll {
    display: none;
}



/*----------------------------------------
  共通
----------------------------------------*/
.img100 {
    width: 100%;
    margin-bottom: 10px;
}
.img80 {
    width: 80%;
    margin-bottom: 10px;
}
.img50 {
    width: 50%;
    margin-bottom: 10px;
}
img.img_org {
    width: auto;
}

.subttl {
    margin-bottom: 10px;
    padding: 2px 7px 0px 7px;
    background-color: #333333;
    color: #ffffff;
}
span.han {
    padding: 0px;
}

.subttl2 {
    margin-bottom: 10px;
    padding: 2px 7px 0px 7px;
    background-color: #737373;
    color: #ffffff;
}
span.han2 {
    padding: 0px;
}



/*----------------------------------------
  病院理念
----------------------------------------*/
.next_img {
    display: none;
}


/*----------------------------------------
  施設案内
----------------------------------------*/
table.innai, table.innai tbody, table.innai tr, table.innai th, table.innai td {
    display: block;
    max-width: 100%;
}
table.innai td {
    padding-right: 25px;
}
table.innai img.imgW {
    width: 100%;
}
table.innai img.imgH {
    width: 66%;
}


/*----------------------------------------
  医療設備
----------------------------------------*/
table.kiki, table.kiki tbody, table.kiki tr, table.kiki th, table.kiki td {
    display: block;
    max-width: 100%;
}
table.kiki td.kiL {
    padding: 10px 5px 0px 5px;
    text-align: center;
    width: 97%;
}
table.kiki td.kiL_R {
    padding: 10px 5px 0px 5px;
    text-align: center;
    width: 97%;
}
table.kiki td.kiR {
    padding: 6px 5px 30px 5px;
    vertical-align: top;
    width: 97%;
}
table.kiki td.kiR p.kinm {
    font-size: 16px;
}
table.kiki td.kiR p.ki {
    font-size: 14px;
}
table.kiki img.imgW {
    width: 100%;
}
table.kiki img.imgH {
    width: 66%;
}


/*----------------------------------------
  スタッフ紹介
----------------------------------------*/
.staff_head {
	position:relative;
	padding: 8px 10px 4px 10px;
	margin: 10px 0 10px;
	color: #000000;
	background:#f7a328;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f4e2c6), to(#f7a328));
	background:-moz-linear-gradient(#f4e2c6, #f7a328);
	background:-o-linear-gradient(#f4e2c6, #f7a328);
	background:linear-gradient(#f4e2c6, #f7a328);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	font-size: 14px;
    line-height: 1.6;
}
span.yomi {
	font-size: 12px;
}
.staff_img {
    padding: 0px 0px 10px 0px;
    width: 100%;
    text-align: center;
    float: left;
}
.staff_img img {
    margin: 0 4%;
    width: 92%;
}
.staff_img2 {
    padding: 0px 5px 10px 5px;
    width: 100%;
    text-align: center;
    float: left;
}

.sp_staff{
	font-size: 18px;
    color: #5e3507;
	margin-bottom: 15px;
}
.title_stf {
    color: #ffffff;
    background-color: #b18f60;
    padding: 3px 10px 1px 10px;
}

.staff_space10 { padding-bottom: 0px; }
.staff_space20 { padding-bottom: 0px; }
.staff_space30 { padding-bottom: 0px; }
.staff_space40 { padding-bottom: 0px; }
.staff_space50 { padding-bottom: 0px; }
.staff_space60 { padding-bottom: 0px; }
.staff_space70 { padding-bottom: 0px; }
.staff_space80 { padding-bottom: 0px; }
.staff_space90 { padding-bottom: 0px; }
.staff_space100 { padding-bottom: 0px; }
.staff_space150 { padding-bottom: 0px; }


/*----------------------------------------
  診療案内
----------------------------------------*/
.med_photo {
    width: 100%;
    text-align: center;
    margin: 0px auto;
}


/*----------------------------------------
  診療料金
----------------------------------------*/
table.feetbl {
    border-collapse: collapse;
    margin: 0 0 10px 0px;
    border-top: 2px solid #989898;
    border-bottom: 2px solid #989898;
    border-collapse: collapse;
    width: 100%;
}
table.feetbl td {
    vertical-align: middle;
    border-bottom: 1px dotted #989898;
}
table.feetbl td.itmL {
    text-align: left;
    vertical-align: middle;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px dotted #989898;
    background-color: #fde6d6;
}
table.feetbl td.itmLb {
    text-align: left;
    vertical-align: middle;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px solid #989898;
    background-color: #fde6d6;
}
table.feetbl td.itmC {
    text-align: left;
    vertical-align: middle;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px dotted #989898;
    background-color: #fde6d6;
}
table.feetbl td.itmCb {
    text-align: left;
    vertical-align: middle;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px solid #989898;
    background-color: #fde6d6;
}
table.feetbl td.itmR {
    text-align: right;
    vertical-align: middle;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px dotted #989898;
}
table.feetbl td.itmRb {
    text-align: right;
    vertical-align: middle;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px solid #989898;
}

.fee_L01 { width: 22% }
.fee_C01 { width: 51%; }
.fee_R01 { width: 27%; }

.fee_L02 { width: 18% }
.fee_C02 { width: 55%; }
.fee_R02 { width: 27%; }

.fee_L03 { width: 39% }
.fee_C03 { width: 31%; }
.fee_R03 { width: 30%; }

.fee_L04 { width: 15% }
.fee_C04 { width: 55%; }
.fee_R04 { width: 30%; }


/*----------------------------------------
  アクセス
----------------------------------------*/



/*----------------------------------------
  キャットフレンドリークリニック
----------------------------------------*/
table.cfc, table.cfc tbody, table.cfc tr, table.cfc th, table.cfc td {
    display: block;
    max-width: 100%;
}

table.cfc {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
}
table.cfc td {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 20px;
}
table.cfc td img {
    width: 100%;
}

.cfc_ttl {
    color: #db176a;
    font-size: 20px;
    padding-bottom: 10px;
}


/*----------------------------------------
  お得な血液検査／ちょっとお得にフードをGET！
----------------------------------------*/
.ads_img {
    text-align: center;
}
.ads_img img {
    width: 100%;
}



/*----------------------------------------
  お知らせ
----------------------------------------*/


/*----------------------------------------
  内視鏡による検査と処置
----------------------------------------*/


/*----------------------------------------
  糸を体内に残さない手術
----------------------------------------*/


/*----------------------------------------
  安心安全な入院環境
----------------------------------------*/


/*----------------------------------------
  細やかな麻酔管理
----------------------------------------*/
img.mas_sdw01 {
    box-shadow: none;
    width: 100%;
    margin-bottom: 10px;
}
img.mas_sdw02 {
    box-shadow: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
}
img.mas_sdw03 {
    box-shadow: none;
    width: 100%;
    margin-bottom: 10px;
}
img.mas_sdw04 {
    box-shadow: none;
    width: 100%;
    margin-bottom: 10px;
}


/*----------------------------------------
  猫ちゃん専用診察室
----------------------------------------*/


/*----------------------------------------
  愛犬・愛猫ドック
----------------------------------------*/


/*----------------------------------------
  ホームドクターより当院を紹介された飼い主さまへ
----------------------------------------*/
.second {
    font-size: 20px;
}


/*----------------------------------------
  飼い主さまセミナー
----------------------------------------*/
.seminar_spot {
    color: #ff0000;
    font-size: 20px;
    padding: 20px 0px;
}


/*----------------------------------------
  犬の人口受精
----------------------------------------*/


/*----------------------------------------
  超大型犬にも対応
----------------------------------------*/


/*----------------------------------------
  トレーニング
----------------------------------------*/


/*----------------------------------------
  ペットホテル
----------------------------------------*/
.boxhtl_out {
    width: 99%;
    margin-left: 0px;
}


/*----------------------------------------
  トリミング
----------------------------------------*/
.boxtrim_out {
    width: 99%;
    margin-left: 0px;
}
.boxtrim_in {
}
table.trim {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}
table.trim td {
    padding: 5px 2px;
    width: 30%;
}

table.trim td.course {
    padding: 10px 5px;
}
table.trim td.course1 {
    padding: 10px 5px;
}
table.trim td.course2 {
    padding: 10px 5px;
}
table.trim td.kind {
    width: 39%;
}

.trim_calendar_area {
    padding: 0px 0px;
}
.trim_calendar_area p {
    text-align: center;
    padding-bottom: 10px;
}


/*----------------------------------------
  LINEはじめました！
----------------------------------------*/


/*----------------------------------------
  ご紹介獣医さまへ
----------------------------------------*/


/*----------------------------------------
  里親募集
----------------------------------------*/


/*----------------------------------------
  献血ドナー募集
----------------------------------------*/
.donor {
    background-color: #ffffca;
    font-size: 20px;
    padding: 15px 10px;
    border: 1px solid #999;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
}

table.dnrjoken {
    margin: 15px 0px 45px 0px;
    border-collapse: collapse;
    width: 100%;
}
table.dnrjoken th {
    border: 1px solid #333333;
    padding: 2px 5px;
    text-align: left;
    background-color: #ffffca;
}
table.dnrjoken td {
    border: 1px solid #333333;
    padding: 2px 5px;
    text-align: center;
}
table.dnrjoken td.kind {
    background-color: #999;
    color: #fff;
}


/*----------------------------------------
  採用情報
----------------------------------------*/







/*----------------------------------------
  専門科診療
----------------------------------------*/
.img_expert {
    padding: 5px 15px 10px 15px;
    position: relative;
    margin-top: 0px;
    width: 90%;
}





/*----------------------------------------
  診療科目
----------------------------------------*/
.med100 {
    width: 100%;
    height: auto;
}
.med70 {
    width: 70%;
    height: auto;
}
.med80 {
    width: 80%;
    height: auto;
    margin-bottom: 10px;
}

.medC {
    text-align: center;
}

.cmntL {
    text-align: left;
    padding-bottom: 10px;
}
.cmntL0 {
    text-align: left;
}

table.medical, table.medical tbody, table.medical tr, table.medical th, table.medical td {
    display: block;
    max-width: 100%;
}
table.medical {
    margin: 0px 0 20px 0px;
}
table.medical td {
    padding: 0px 10px 5px 10px;
}
table.medical td.cmnt {
    vertical-align: middle;
    padding: 0px 0px 15px 0px;
}
table.medical td.medimg {
    text-align: center;
    padding: 0px 0px 5px 0px;
}

table.medical td img.img50 {
    width: 50%;
    margin: 0px;
}
table.medical td img.img60 {
    width: 60%;
    margin: 0px;
}
table.medical td img.img80 {
    width: 80%;
    margin: 0px;
}

table.medical td img.img100 {
    width: 100%;
    margin: 0px;
}
.sp_space {
    padding-bottom: 20px;
}

.cmnt_pc {
    display: none;
}
.cmnt_sp {
    display: block;
}

ul.nxmedlist {
    padding-left: 20px;
    list-style: url(../images/common/round.gif) outside;
    padding-top: 5px;
    padding-bottom: 30px;
}
ul.nxmedlist li {
    padding-bottom: 10px;
}

.medname {
	font-size: 18px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-weight: bold;
} 

.medflow_ttl {
    font-size: 18px;
}
table.medfrm_tbl, table.medfrm_tbl tbody, table.medfrm_tbl tr, table.medfrm_tbl th, table.medfrm_tbl td {
    display: block;
    max-width: 100%;
}
table.medfrm_tbl {
    margin: 10px 0 30px 0px;
}
table.medfrm_tbl td {
    padding: 10px 10px 0px 10px;
}
table.medfrm_tbl td.medimg {
    padding: 10px 10px 0px 10px;
    text-align: center;
}
table.medfrm_tbl td img.img100 {
    width: 100%;
}
table.medfrm_tbl td img.img80 {
    width: 80%;
}
table.medfrm_tbl td img.img60 {
    width: 60%;
}
.box_blue {
    background-color: #7FD7F7;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.med_2col {
    width: 100%;
    margin-bottom: 40px;
}
.med_2col .med_2col_L {
    float: left;
    width: 100%;
}
.med_2col .med_2col_R {
    float: right;
    width: 100%;
    margin-top: 50px;
}
.med_2col_head {
    border: solid 2px #000000;
    margin: 0px 20px;
    padding: 10px 0px;
    text-align: center;
    color: #ff0000;
}
.med_2col_cont {
    border: solid 2px #000000;
    margin: 0px 10px;
    padding: 10px 10px;
    text-align: left;
}
.frm_img {
    padding-left: 0px;
}



/* マイクロバブル温浴中
---------------------------------------------------------------------------- */
.bub_pc {
    display: none;
}
.bub_sp {
    display: block;
    z-index: 20;
}

p.bubblettl {
    letter-spacing: 1.5px;
    font-weight: bold;
    background-color: #888;
    color: #ffffff;
    text-align: center;
}



/*----------------------------------------
  定期健康診断
----------------------------------------*/
.flyout #tip {
    background-image: url(../images/common/tip_down.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 11px;
    position: absolute;
    top: 36px;
    left: 40px;
    width: 20px;
}


/*----------------------------------------
  フィラリア予防
----------------------------------------*/
ul.filarialist {
    list-style-image: url(../images/common/point_str15.png);
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 5px;
}


/*----------------------------------------
  新型コロナウイルス感染防止に対する当院の取組み
----------------------------------------*/



/* ページ内リンク
---------------------------------------------------------------------------- */
/* 診療他対象動物 */
#tg-outside {
  margin-top: -100px;
  padding-top: 100px;
}
/* 診療時間・休診日 */
#tg-time {
  margin-top: -100px;
  padding-top: 100px;
}
/* 夜間診療 */
#tg-outside {
  margin-top: -100px;
  padding-top: 100px;
}
/* 往診 */
#tg-oushin {
  margin-top: -100px;
  padding-top: 100px;
}
/* 初診の方へ */
#tg-first {
  margin-top: -100px;
  padding-top: 100px;
}
/* ペット保険 */
#tg-hoken {
  margin-top: -100px;
  padding-top: 100px;
}
/* クレジットカード */
#tg-credit {
  margin-top: -100px;
  padding-top: 100px;
}
/* ホームドクターより当院をご紹介された飼い主さまへ */
#tg-secondary {
  margin-top: -100px;
  padding-top: 100px;
}
/* サポート体制 */
#tg-support {
  margin-top: -100px;
  padding-top: 100px;
}

/* 設備案内 */
#tg-setsubi {
  margin-top: -100px;
  padding-top: 100px;
}

/* 専門科診療 */
#tg-special02 {
  margin-top: -100px;
  padding-top: 100px;
}
#tg-special03 {
  margin-top: -100px;
  padding-top: 100px;
}

/* トリミングカレンダー */
#tg-trim_calendar {
  margin-top: -100px;
  padding-top: 100px;
}

/* 獣医師勤務表 */
#tg-calendar {
  margin-top: -70px;
  padding-top: 70px;
}





/* ごあいさつ */
#tg-greeting {
  margin-top: -100px;
  padding-top: 100px;
}