@charset "utf-8";
@import url(../css/clinic/smartphone.css);

body {background: #fff;}
body.fixed{width: 100%;height: 100%;position: fixed;}
form input[type="button"],form input[type="submit"]{color:#fff;}
body>header { padding: 0.8em 0 0 0; background: url("images/header.png") bottom repeat-x; }
dl.box { margin-top: 10px; }
#pickup>p { padding: 0.5em 0; }
#pickup>ul li a { border: 1px solid #d1c0a5; line-height: 1.2; padding: 8px 0; text-align: center; white-space: nowrap; }
#pickup ul li a, #sitemap #main ul.list li a, #sitemap #main ul.list li span { background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f0eee4)); background-image:-moz-linear-gradient(#fff,#e3e2df);display:block;}

#copyright { background: #fff; border-top: 2px solid #003567; color: #444; margin-top: 30px; } 
body>footer #copyright { padding: 1em 1em 85px 1em; }
body>footer #copyright small { font-size: 0.8em; }

body>footer address>span a, body>footer address>span a:hover, .btn a { color: #fff; ; background: -webkit-gradient(linear,left top,left bottom, from(#fcb237),to(#f29700)); text-shadow: -1px -1px #f39800, 1px -1px #f39800, -1px 1px #f39800, 1px 1px #f39800; box-shadow: 1px 1px 0 #f4c683 inset; border: 1px solid #f39800; }

body>footer address>span.mail a, body>footer address>span.mail a:hover, #main p.btn .mail a { color: #fff; ; background: -webkit-gradient(linear,left top,left bottom, from(#1767aa),to(#093c6e)); text-shadow: -1px -1px #063b6d, 1px -1px #063b6d, -1px 1px #063b6d, 1px 1px #063b6d; box-shadow: 1px 1px 0 #4594d1 inset; border: 1px solid #063b6d; }

body>footer address>span, .btn>span { background: none; }

dl.box>dt, dl.box>dt.on, #main>h3:first-child {background: -webkit-gradient(linear,left top,left bottom, from(#29a5e1),to(#0d8fce)); text-shadow: 1px 1px #0d8fce, -1px 1px #0d8fce, 1px -1px #0d8fce, -1px -1px #0d8fce; color: #fff; margin-top: 16px; border-top: 1px solid #0883bf; border-bottom: 1px solid #0883bf; line-height: 34px; box-shadow: 0 1px #7fc9ed inset; margin:0 0 1em; }

body>footer>dl>dt,h3{padding: 6px 0 2px 10px; color: #005982; border:none; border-bottom: 3px double #7aa7d2; font-weight: normal; }

body>footer>div {background: #f0eee4; border: 3px double #d1c0a5; margin: 10px; box-shadow: 1px 1px 0 #fff inset; border-radius: 5px; }

#menulist ul li ul li { border: 0; border-top: 1px dashed #d1c0a5; }
#sitemap #main ul.list li, #menulist ul li { border-bottom: 1px solid #d1c0a5; }
#menulist ul li span { background: #f5f3ec; }

/*add*/

.bold-text {font-weight: bold; }
img.photo{border:1px solid #57443f; padding:1px;}

.link a, a.link, .list li {background: url("/images/design/arrow.png") 0 .4em no-repeat; padding: 2px 5px 0 20px; }

#main span.att4 { background: #ebf4f9; padding:10px 15px; display:block; border: 1px solid #aed7ef; box-shadow: 1px 1px 0 #fff inset; }
#main span.att4 .att2 {color: #18a9e5; font-size: 1.06em; font-weight: bold; text-shadow: 0 1px #fff; border-bottom: 3px dotted #18a9e5; }

mark, .mark { background: #ffebca; }
#main .point, .point { color: #f69a0f; font-size: 1.06em; font-weight: bold; text-shadow: 0 1px #fff; }
#main .title, .title { background:#45ade0; padding:4px 14px 2px; margin:5px 5px 10px 0px; font-weight:bold; font-size:112%; display:inline-block; color:#fff; text-shadow: 1px 1px #2a9cd4, -1px 1px #2a9cd4, 1px -1px #2a9cd4, -1px -1px #2a9cd4; box-shadow: 1px 1px 0 #a4cee9 inset; border-radius: 5px; border: 1px solid #45ade0; }

/*table*/
th, td, button, input, select, textarea { border: 1px solid #e2d0b4; }
table th { background: #fff4e4; font-weight: normal; vertical-align: middle; box-shadow: 1px 1px 0 #fff inset; }
td { background: #fff;}

#menu.togmenu {
    display: none;
}
#menubtn{
	background: -webkit-gradient(linear,left top,left bottom, from(#1767aa),to(#093c6e));
    color: #fff;
    text-shadow: -1px -1px #063b6d, 1px -1px #063b6d, -1px 1px #063b6d, 1px 1px #063b6d;
    box-shadow: 0 1px #4594d1 inset;
	border: 1px solid #063b6d;
	position: fixed;
	top:0;
	right:0;
	z-index: 100;
	color:#fff;
	text-align: center;
	width:18%;
	height:60px;
	line-height: 1;
    padding-top: 10px;
    font-weight: bold;
    font-size: 90%;
}
#menubtn img{
	width:32px;
}
.mainmenu{
	/*background: -webkit-gradient(linear,left top,left bottom, from(#29a5e1),to(#0d8fce));
    text-shadow: 1px 1px #0d8fce, -1px 1px #0d8fce, 1px -1px #0d8fce, -1px -1px #0d8fce;*/
	background: #29a5e1;
	border-bottom:1px solid #fff;
    color: #fff;
    padding: 15px 10px; 
	position: relative;
}

.mainmenu:after {
	content:"";
    background-image: url(/s/images/minus.png);
	position: absolute;
	top:15px;
	right:10px;
	width:20px;
	height:20px;
	background-size:20px;
	background-repeat:no-repeat;
}
.mainmenu.active:after {
	content:"";
    background-image: url(/s/images/plus.png);
}
.mainmenu.top{
	padding:0;
}
.mainmenu.top:after{
	display: none;
}
.mainmenu.top a{
	display: block;
	color:#fff;
	background: #29a5e1;
    padding: 15px 10px; 
	position: relative;
}
.mainmenu.top a:after {
	content:"";
    background-image: url(/s/images/arrow2.png);
	position: absolute;
	top:15px;
	right:10px;
	width:20px;
	height:20px;
	background-size:20px;
	background-repeat:no-repeat;
}
#menu{
	position: fixed;
	top:72px;
	left:0;
	width:100%;
	/*height:80%;*/
	height:calc(100% - 140px);
	z-index: 99;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);

}
#menu ul{
	display: none;
	margin:0;
	background: #fff;
}
#menu ul li a{
	display: block;
	padding:15px 10px;
	position: relative;
	border-bottom:1px solid #29a5e1;
}
#menu ul li a:after{
	content:"";
	background-image: url(/s/images/arrow.png);
	position: absolute;
	top:15px;
	right:10px;
	width:20px;
	height:20px;
	background-size:20px;
	background-repeat:no-repeat;
	
}
#menu ul li.pricemenu{
    background: #fff4e4;
}
#fmenu{
	display: flex;
	justify-content: center;
	font-size: 90%;
    margin: 1.5em 0 0;
}
#fmenu li a{
	text-decoration: underline;
	padding:0 0.5em;
	display: inline;
    text-transform: unset;
    line-height: 1;
    letter-spacing: normal;
}
#fix_btn{
	width:100%;
	display: flex;
	height:70px;
	position: fixed;
	bottom:0;
	left:0;
	-webkit-transform: translateZ(0);

}
#fix_btn > *{
	width:50%;
	display: flex;
}
#fix_btn a{
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 3.5vw;
}
#fix_btn img{
    width:32px;
}
#tel{
	color: #fff;
    background: -webkit-gradient(linear,left top,left bottom, from(#fcb237),to(#f29700));
    text-shadow: -1px -1px #f39800, 1px -1px #f39800, -1px 1px #f39800, 1px 1px #f39800;
    box-shadow: 1px 1px 0 #f4c683 inset;
    border: 1px solid #f39800;
}
#mail{
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom, from(#1767aa),to(#093c6e));
    text-shadow: -1px -1px #063b6d, 1px -1px #063b6d, -1px 1px #063b6d, 1px 1px #063b6d;
    box-shadow: 1px 1px 0 #4594d1 inset;
    border: 1px solid #063b6d;
}
#up{
	width:18%;
	position: initial;
	opacity: 1;
}
#up a{
	background:#45ade0;
	color:#fff;
	padding: 0;
	border-radius: 0;
	text-shadow: 1px 1px #2a9cd4, -1px 1px #2a9cd4, 1px -1px #2a9cd4, -1px -1px #2a9cd4;
	border: 1px solid #45ade0;
	box-shadow: 1px 1px 0 #a4cee9 inset;
	opacity: 1;
	width:100%;
}
#up span{
	font-size: 20px;
    margin: 6px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}
#pickup{
	margin:20px;
}
#pickup p{
	padding:0;
}
#list{
	margin:20px;
}
#list h3{
    margin: 0 -20px 1em -20px;
}
.content-block a{
	padding:10px;
	background: #ebf4f9;
    border: 1px solid #aed7ef;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-decoration: none;
	color:#333;
	margin-bottom: 1em;
}
.content-block a > img{
	justify-content: flex-start;
	width:40% !important;
	max-width: 224px !important;
	margin:0 10px 0 0  !important;
}
.content-block .content-block_text span{
	font-weight:bold;
	display: block;
	color:#18a9e5;
}
.content-block .content-block_text .more img {
	width:16px !important;
	height: 16px !important;
}