@charset "utf-8";

a:hover {
opacity: .8;
}
img {
max-width: 100%;
}
section{
margin-bottom: 0;
}
.beige{
background:#F8F3EC;
padding: 2em 0;
margin-bottom:0;
}
.white{
padding: 2em 0;
margin-bottom:0;
}

/* --- COMMON --- */
.container {
 padding-top: 68px;
}

/* title */
.mainimage {
 width: 100%;
 margin: 0;
}
.mainimage span img {
 display: block;
 width: 100%;
}
.mainimage div {
 background-image: -moz-linear-gradient(top, #89cdf0, #34a0d9);
 background-image: -webkit-linear-gradient(top, #89cdf0, #34a0d9);
 background-image: linear-gradient(top, #89cdf0, #34a0d9);
 color: #FFF;
}
.mainimage div h1 {
 font-weight: normal;
 font-size: 1.8rem;
}

/* link */

a.sky {color:#35B1F0;}

.btn_allow,
.btn_out {
 display: block;
 text-align: center;
}
.btn_allow a {
 display: inline-block;
 background: #1086C2 url(../images/global/btn_allow.png) 10% 50% no-repeat;
 text-align: center;
 color: #FFF;
 padding: .5em 3em .5em 4em;
 text-decoration: none;
 border-radius: 5px;
 font-size: 1.6rem;
}
.btn_out a {
 display: inline-block;
 background: #1086C2 url(../images/global/icon_btn_out.png) 10% 50% no-repeat;
 text-align: center;
 color: #FFF;
 padding: .5em 3em .5em 4em;
 text-decoration: none;
 border-radius: 5px;
 font-size: 1.6rem;
}

.btn_pdf a {
 display: block;
 background: #71C5F0 url(../images/global/icon_pdf.png) 1em 50% no-repeat;
 color: #FFF;
 padding: .8em .5em .8em 2.5em;
 text-decoration: none;
 border-radius: 5px;
 font-size: 1.4rem;
 font-weight: bold;
}

.link_allow a {
 display: inline-block;
 padding-right: 15px;
 background: url(../images/global/allow_sublink.png) 100% 50% no-repeat;
 text-decoration: none;
 font-size: 1.2rem;
}

.link_out a,
.faq ul.accordion .link_out a {
 display: inline-block;
 padding-left: 18px;
 background: url(../images/global/icon_otherlinks.png) 0 4px no-repeat;
 text-decoration: none;
 font-size: 1.2rem;
}

.faq ul.accordion .link_out a {
 background-position: 0 15px;
}

/* head */
.head_leftbar {
 padding-left: .8em;
 margin-bottom: 1em;
 border-left: 3px solid #35B1F0;
 color: #35B1F0;
 font-size: 1.6rem;
}

.head_maru {
 margin-bottom:.4em;
 padding-left: 18px;
 background: url(../images/global/icon_maru.png) left no-repeat;
 color: #35B1F0;
 font-size: 1.4rem;
}


/* parts */

.top_bar {
 border-top: 1px dotted #CCC;
 padding-top: 1em;
}
.hr_bar {
 border-top: 1px solid #EEE;
 border-bottom: 1px solid #EEE;
}
ul.normal {
 list-style: disc;
 margin-left: 1em;
}


/* header */
.header {
 position: fixed;
 padding-top: 5px;
 background-image: url(../images/global/top_bar.png);
 background-position:top;
 background-repeat:repeat-x;
 background-color:#FFF;
 z-index:900;
}

.header h1 {
 text-align: center;
}

.globalMenu {
	display:none;
	}
.globalMenu{
  width: 100%;
	position: absolute;
  margin: 0 auto;
  padding: 0;
	top:58px;
 z-index:899;
}
.globalMenu li {
  display: block;
  margin: 0;
  padding: 0;
  border-right: 6px solid #BFE5F8;
  border-left: 6px solid #BFE5F8;
  border-top: 2px solid #EBECEC;
	}
.globalMenu li:first-child {
 border-top: 6px solid #BFE5F8;
}
.globalMenu li:last-child {
 border-bottom: 6px solid #BFE5F8;
}
.globalMenu li a {
  display: block;
  padding: .8em 0 .8em 30px;
  background-color:#FFF;
  background-image: url(../images/global/allow_menu_right.png);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  text-decoration: none;
}
.globalMenu li a:hover{
	opacity: 1.0;
 color: #34A0D9;
}
.globalMenu li.under a {
  background-image: url(../images/global/allow_menu_under.png);
}
.globalMenu li.under {
 border-bottom: 2px solid #EBECEC;
}
.globalMenu li.out a {
  background-image: url(../images/global/allow_menu_window.png);
}
.globalMenu li.submenu {
  border-top: none;
}
.globalMenu li.submenu a {
 padding: .4em 0 .4em 40px;
 background-image: url(../images/global/allow_menu_sub.png);
 background-position: 30px 50%;
}

#toggle{
		position:absolute;
		z-index:999;
    display: block;
    width: 30px;
		background: #FFF;
		right: 10px;
		top:15px;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 6px 0 5px;
    text-decoration: none;
  }
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 40px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #35B1F0;
	/*border-radius: 4px;*/
}
.menu-trigger span:nth-of-type(1) {
	top: 0px;
}
.menu-trigger span:nth-of-type(2) {
	top: 9px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 18px;
}

.menu-trigger p{
 position: absolute;
 bottom: 0px;
 font-size: 1.1rem;
 color: #35B1F0;
}
.menu-trigger p .close{ display: none;}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
 background-color: #C1C6C5;
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
 background-color: #C1C6C5;
}
.menu-trigger.active p .close{
 display: block;
 color: #C1C6C5;
}
.menu-trigger.active p .menu{ display: none;}


/* footer */
.timetable h1 {
 text-align: center;
 font-size: 1.6rem;
 margin-bottom: .5em;
}
.timetable table {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 1em;
}
.timetable table th {
 background-color: #DBD7C9;
 padding: .4em 0;
}
.timetable table td {
 padding: .6em .5em;
 background-color: #fff;
 text-align: center;
}
.timetable table tr { border-bottom: 1px solid #DBD7C9;}
.timetable table tr:last-child { border-bottom: none;}

.timetable table th:first-child {
 border-right: 1px solid #C7BEA1;
}
.timetable table td:first-child {
 border-right: 1px solid #DBD7C9;
 line-height: 1.2;
}
.timetable table td span {
 font-size: 1.0rem;
}
.footer h2 {
 font-size: 1.6rem;
 font-weight: bold;
}
.footer p.data {
 margin: 1em 0 1em 0;
}
.footer a.map {
 display: inline-block;
 padding: 0 .5em;
 background-color: #546D85;
 font-size: 1.3rem;
 color: #FFF;
 text-decoration: none;
}
.box_contact {
 margin-bottom: 1em;
 padding: 1.2em 0;
 background-color: #35B1F0;
 color: #FFF;
 text-align: center;
 font-size: 1.6rem;
}
.box_contact span{
 display: inline-block;
}
.box_contact strong a {
 position: relative;
 top:3px;
 display: inline-block;
 margin-left: 5px;
 padding: 0 0 0 24px;
 font-size: 2.8rem;
 font-weight: normal;
 color:#FFF;
 text-decoration: none;
 background:url(../images/global/icon_phone.png) left center no-repeat;
}

.box_sns {
 background-color: #F3EEE4;
}

/*
#footer #footer_inner #snsGroup{
	width:160px;
	float:left;
}
*/

#snsGroup a {
	display:block;
	float:left;
	width:18px;
	height:18px;
	margin-right:4px;
	background-repeat:no-repeat;
	background-position:top;
}
#snsGroup a:hover{
	background-position:bottom;
}
#snsGroup a.fb{
	background-image:url(../images/global/icon_fb_s.png);
}
#snsGroup a.tw{
	background-image:url(../images/global/icon_tw_s.png);
}
#snsGroup a.mx{
	background-image:url(../images/global/icon_mx_s.png);
}
#snsGroup a.gg{
	background-image:url(../images/global/icon_go_s.png);
}
/*
#footer #footer_inner p{
	float:right;
	width:800px;
}*/
#snsGroup a.mx img{
	display:none;
}
.FBConnectButton_Simple{
	background:none !important;
}
/*
#footer #footer_inner p a{
	text-decoration:none;
}
#footer #footer_inner p a:hover{
	text-decoration:underline;
}
*/



.box_copyright {
 padding: 1.5em 0;
 background-color: #5DC1F3;
 text-align: center;
 color: #FFF;
 font-size: 1.2rem;
}

/* index */
.index .mainimage div {
 padding: 1em;
}
.index .mainimage div h1 {
 background: url(../images/index/illust_bird.png) 100% 0 no-repeat;
 padding: .5em 0;
}
.copy_advice {
 display: block;
 background:  url(../images/index/illust_doctor.gif) 93% 1em no-repeat;
 padding:  1em 100px 1em 1em;
 margin: 1em;
 border: 1px solid #D1CEC7;
 letter-spacing: normal;
 font-weight: bold;
 border-radius: 10px;
}

.box_news {
 margin: 2.5em 1em;
}
.box_news p {
 letter-spacing: normal;
 border-top:  1px dotted #CCC;
 padding: .6em 0;
}
.box_news p:last-child {
 border-bottom:  1px dotted #CCC;
}
.box_news p a {
 text-decoration: none;
}


/* concept */
.concept .mainimage div h1 {
 background: url(../images/concept/head_icon.png) 90% 0 no-repeat;
 padding: .3em;
 margin-bottom: 1em;
}

/* outpatient */
.outpatient .mainimage div h1 {
 background: url(../images/outpatient/head_icon.png) 95% 100% no-repeat;
 padding: .3em;
 margin-bottom: 1em;
}

.subnavi {
 text-align: center;
}
.subnavi li {
 margin-left: 1.5%;
 margin-right: 1.5%;
}

.subnavi li a {
 display: block;
 padding: 1em 0;
 min-height: 48px;
 background-color: #F3EEE4;
 border-radius: 4px;
 text-align: center;
 line-height: 2;
 font-weight: bold;
 font-size: 1.3rem;
 text-decoration: none;
 box-sizing: border-box;
}
.subnavi li.active a {
 position: relative;
 background-color: #35B1F0;
 color: #FFF;
}
.subnavi li.active a:after {
 content: url("../images/outpatient/subnavi_allow.png");
 position: absolute;
 top:40px;
 left:45%;
}

.list_default {
 border-collapse: collapse;
 font-size: 1.3rem;
 width: 100%;
}
.list_default th,
.list_default td {
 padding: .8em;
 vertical-align: middle;
 border-bottom: 1px solid #FFF;
}
.list_default th {
 border-right: 1px solid #FFF;
 background-color: #EDE7DA;
 text-align: left;
 white-space: nowrap;
}
.list_default td {
 background-color: #F9F6F1;
}

.list_low {
 border-collapse: collapse;
 font-size: 1.3rem;
}
.list_low th,
.list_low td {
 padding: .5em;
 border-bottom: 1px solid #FFF;
}
.list_low thead th {
 border-right: 1px solid #FFF;
 background-color: #EDE7DA;
 text-align: left;
 white-space: nowrap;
}
.list_low tbody th,
.list_low tbody td {
 background-color: #FFF;
 text-align: left;
 vertical-align: top;
}
.list_low tbody th {
 white-space: nowrap;
}

.list_col {
 border-collapse: collapse;
 font-size: 1.3rem;
}
.list_col th,
.list_col td {
 padding: .5em .8em;
 text-align: left;
}
.list_col th {
 background-color: #EDE7DA;
}
.list_col td {
 background-color: #FFF;
}



/* アコーディオン */
ul.accordion {
 /*background:#DDD;
 width:80%;
 margin:0 auto 30px;
 padding:10px;
 font-size:16px;*/
}

ul.accordion a {
 display:block;
 padding:10px;
 background-position:97% center;
 background-repeat:no-repeat;
 text-decoration:none;
 font-weight:bold;
}

ul.accordion span {
 display:block;
 padding:10px 30px 10px 10px;
 background-position:97% 12px;
 background-repeat:no-repeat;
 color:#546D85;
 font-weight:bold;
}
ul.accordion div {
 display:none;
background-color: #fff;
 padding-bottom: 1em;
}
ul.accordion div p {
 vertical-align: top;
 font-size: 1.3rem;
}
ul.accordion > li {
 /*
 background: -moz-linear-gradient(top, #C6F0FE, #27BCF9);
 background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));*/
 background-color: #C6E8F9;
}
ul.accordion > li:nth-child(even) {
  background-color: #AADCF6;
}

ul.accordion > li > p {
 /*background: -moz-linear-gradient(top, #C6F0FE, #27BCF9);
 background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));*/
 /*background-color: #C6E8F9;*/
 cursor:pointer;
}
ul.accordion > li > p span {
 background-image:url(../images/outpatient/ico_open.png);
}
ul.accordion > li > div > ul {
 border-top:1px solid #E5E9ED;
}
ul.accordion > li > div > ul > li {
 padding: .3em .3em .3em 1.8em;
 background:#FFF url(../images/outpatient/ico_check.gif) no-repeat .3em .4em;
 border-bottom:1px solid #E5E9ED;
 font-size: 1.3rem;
}

/*
ul.accordion > li > p span.open {
 background-image:url(../images/outpatient/ico_open.png);
}

ul.accordion > li > ul > li {
 background:#999; border-bottom:1px solid #EEE;
}
ul.accordion > li > ul > li > p {
 background:#999;
}
ul.accordion > li > ul > li > a {
 background:url(../img/go.png) no-repeat 98% center;
}
ul.accordion > li > ul > li > ul > li {
 background:#FFF; border-bottom:1px dotted #888;
}
ul.accordion > li > ul > li > ul > li:last-child {
 border:none;
}
*/

.outpatient dl dt {
 font-weight: bold;
}
.outpatient dl dd {
 margin: 0 0 .6em 0;
}

.aisatsu {
 padding: 16px 0 0 0;
 background: url(../images/outpatient/fukidashi_top.png) 40% 0 no-repeat;
}
.aisatsu p {
 background-color: #F3EEE4;
 padding: 20px;
 border-radius: 12px;
 font-weight: bold;
}


/* clinic */
.clinic .mainimage div h1 {
 background: url(../images/clinic/head_icon.png) 95% 50% no-repeat;
 padding: .3em;
 margin-bottom: 1em;
}

/* access */
.access .mainimage div h1 {
 background: url(../images/access/head_icon.png) 95% 50% no-repeat;
 padding: .3em;
 margin-bottom: 1em;
}

/* faq */
.faq .mainimage div h1 {
 background: url(../images/faq/head_icon.png) 95% 50% no-repeat;
 padding: .3em;
 margin-bottom: 1em;
}


/* info */
.info .mainimage div h1 {
 background: url(../images/info/head_icon.png) 95% 50% no-repeat;
 padding: .3em;
 margin-bottom: 1em;
}
.post{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:#E5E9ED 1px solid;
}
.info .post h3 {
 margin-bottom: .8em;
 margin-bottom:.4em;
 padding-left: 18px;
 background: url(../images/global/icon_maru.png) 0 5px no-repeat;
 color: #35B1F0;
 font-size: 1.6rem;
 text-decoration: none;
}
.info .post h3 a {
 display: block;
 color: #35B1F0;
 text-decoration: none;
}
.date{
	margin-bottom:.3em;
 font-weight: bold;
 font-size: 1.2rem;
}

/* link（提携先リンクページ） */
.link .mainimage div h1 {
 background: url(../images/link/head_icon.png) 95% 50% no-repeat;
 padding: .3em;
 margin-bottom: 1em;
}

.list_link dt {
 background-color: #cee8f8;
 padding: .3em 1em .4em;
 font-weight: bold;
}

.list_link dd {
 margin: 1px 0 5px;
 padding: 1em;
 background-color: #f6fcff;
}

.link .list_link a {
 display: block;
 margin-bottom: 1em;
 padding-left: 18px;
 background: url(../images/global/icon_otherlinks.png) 0 4px no-repeat;
 text-decoration: none;
 font-size: 1.4rem;
}