@charset "utf-8";
/*以下、下層全ページ共通のCSS*/

/* --------------------------------------------------------
all
-------------------------------------------------------- */

html {overflow: auto;}/*横スクロールバーを出さない*/

body {
	background-color: #FFF;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	padding:0;
	margin:0;
	color:#002040;
	overflow: hidden;/*横スクロールバーを出さない*/
}

/*ふわっと表示*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

img{
	border:none;
	max-width: 100%; 
	height:auto;
}

/* --------------------------------------------------------
header
-------------------------------------------------------- */

header{
	width:95%;
	float:none;
	margin:0 auto;
	padding:15px 0 0;
}

h1{
	display:block;
	clear:both;
	width:50%;
	float:left;
	padding-bottom:10px;
}

/* --------------------------------------------------------
ハンバーガーボタン
-------------------------------------------------------- */

ul{
	list-style:none;
	text-align:center;
	margin: 0;
	padding: 0;
	z-index:1 ; 
}

.openMenu{
	float:right;
	z-index:1 ; 
	width:65px;
}

.layerMenu{
	display: none;
	position:absolute;
	width:100%;
	z-index:1 ;
	padding-top:80px;
}

.layerMenu ul{
	border-top: solid 1px #ccc;
	z-index:1 ; 
}

.layerMenu ul li{
	list-style: none;
	border-bottom: solid 1px #fff;
	background-color:#00668C;
	z-index:1 ; 
}

.layerMenu ul li a{
	position: relative;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	display: block;
	z-index:1 ; 
}

.layerMenu ul li a:hover{
	color:#D6F1FE;
	z-index:1 ; 
}

.closeMenu {
	position: absolute;
	top:0;
	right: 2.5%;
	z-index:1 ; 
}

/* --------------------------------------------------------
nav
-------------------------------------------------------- */

nav{
	clear:none;
	width:50%;
	float:right;
	text-align:right;
}

/* --------------------------------------------------------
main
-------------------------------------------------------- */

#main{
	clear:both;
	width:90%;
	float:none;
	margin:0 auto;
	padding:30px 0;
}

section{ width:100%; padding:10px 0;}

#kasouMidashi{
	clear:both;
	background-image:url(../../about/common/img/bg_01.png);
	text-align:center;
	padding:15px 0;
}

#pan{
	background-color:#00698C;
	padding:5px 5%;
	font-size:13px;
	color:#FFF;
}

/*下層メニュー画面*/

.aboutTitle{ clear:both; padding:30px 0 0;}

.menu{ width:100%; padding-top:15px;}
.menuLeft{ float:left; width:48%;}
.menuRight{ float:right; width:48%;}
.menuTop{background-color:#00698C; height:8px; width:100%;}
.menuTop2{background-color:#00698C; width:98%; padding:2% 0 2% 3%; color:#FFF; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:16px;}
.menuUnder{
	width:96.3%;
	height:62px;
	padding:18px 0 0 3%;
	border: solid 1px #DADAD1;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(221, 237, 244, .5)));
	background: linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(221, 237, 244, .5));
	background-color: rgb(255, 255, 255);
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}
.menuUnder2{
	width:94%;
	padding:3%;
	border: solid 1px #DADAD1;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(221, 237, 244, .5)));
	background: linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(221, 237, 244, .5));
	background-color: rgb(255, 255, 255);
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}

.nav{ padding: 8% 0;}

/*診療時間*/
.medicalTimeBg{
	background: -moz-linear-gradient(top, #FFF, #F1F2F1);
	background: -webkit-linear-gradient(top, #FFF, #F1F2F1);
	background: linear-gradient(to bottom, #FFF, #F1F2F1);
	border: solid 1px #DADAD1;
	padding:15px;
	margin-top:25px;
}

.medicalTimeBox {/*曜日*/
	width:90px;
	clear:both;
    padding: 5px 5px;
	margin:  0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}   .TimeBox1{background-color:#63A7CB;}
	 .TimeBox2{background-color:#00698C;}
	 .TimeBox3{width:120px; background-color:#6CBA59; padding:15px 0;}
.medicalTimeTd{padding-top:10px;}

h3{
	display:block;
	clear:both;
	padding-top:8%;
}

.yohaku{ clear:both; padding:15px 0;}

/* --------------------------------------------------------
footer
-------------------------------------------------------- */

footer{}

#footerBg{
	width:100%;
	float:left;
	background-image:url(../img/bg_01.png);
	background-repeat:no-repeat;
	background-position:center;
}

#footerContent{
	text-align:center;
	width:80%;
	float:none;
	margin:0 auto;
	background-color:#FFF;
	padding:5%;
	margin-top:10%;
	margin-bottom:10%;
}

#privacy{
	clear:both;
	width:100%;
	background-image:url(../../../common/img/bg_02.png);
}

#privacyTxt{
	clear:both;
	width:90%;
	float:none;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	padding:25px 0;
	font-size:12px;
}

small{
	display:block;
	width:90%;
	float:none;
	margin:0 auto;
	clear:both;
	color:#001F3F;
	font-size:12px;
	padding:20px 0;
	text-align:center;
}

.marquee {	height:21px;	overflow: hidden;	display:inline-block;}
p.marqueeTxt {
	margin:0;
	padding:0;
	color:#FF0000;
	font-size:100%;
	font-weight:bold;
	display:inline-block;
	transform: translateX(100%);
	animation: marquee 2s linear infinite;
}
.rijiTxt ul{
	text-align: left;
	list-style-type: disc;
	padding-left: 1.5em;
}

@keyframes marquee {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}