/*
THEME NAME: hatakeyama clinic 2017
THEME URI: http://hatakeyama-clinic.jp/
DESCRIPTION: 畠山クリニック renewal on 2017
VERSION: 1.0
AUTHOR: 273 web services, llc
AUTHOR URI: http://www.273ws.com
*/

/*rsv*/
.rsv_btn{
 display: inline-block;
border:1px solid #bbb;
padding: 10px 20px !important;
border-radius: 5px;
font-size:1.2rem;
background:#fff;
color:#333;
}
.rsv_btn:hover{
background:#ffffee;
}

.rsv_disable {
 display: inline-block;
border:1px solid #bbb;
padding: 10px 20px !important;
border-radius: 5px;
background: #bbb;
color: #fff;
pointer-events: none; /* 無効化 */
font-size:1.2rem;
}

/*front calendar*/
.monthly-calendar{
	position:relative;
}
.monthly-calendar table{
	width:100%;
}
.monthly-calendar caption{
	font-size: 1.2rem;
	font-weight:bold;
	margin-bottom:10px;
}
.monthly-calendar .monthly-prev-next{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.monthly-calendar .monthly-prev a:before{
	content:'«';
}
.monthly-calendar .monthly-next a:after{
	content:'»';
}
/*front timetable*/
.mtssb-timetable-link .mtssb-timetable-name{
display:none;	
}
.mtssb-timetable-link{
	border-collapse:collapse !important;
	border:1px solid #ddd;
}
.mtssb-timetable-link th{
	background:#ccc;
}
.mtssb-timetable-link .day-left{
border-radius:0px;
	padding:10px;
} 
.mtssb-timetable-link .day-right{
border-radius:0px;
	padding:10px;
} 
.mtssb-daily-action{/*戻るボタン*/
	margin-top:20px;
	text-align:center;
}
.mtssb-daily-action button{
	padding:3px 7px;
}
/*front form*/
.content-form table{
width:100%;
	border-collapse:collapse
}
.content-form table th{
	border-bottom:1px dotted #ccc;
	border-right:none;
	text-align:left;
	padding:10px 10px 10px 0px;
	width:30%;
} 
.content-form table td{
	border-bottom:1px dotted #ccc;
	border-right:none;
	padding:10px 0px;
	width:70%;
} 
.content-form .booking-seimei{
display:none;
}
#booking-message-fieldset{
display:none;
}
.content-form .required{
font-size:0.8em;
}
.privacy{
margin:20px;
}
.privacy ul{
height:150px;
padding:10px;
overflow:scroll;
	border:1px dotted #ccc;
}
.privacy li{
margin-bottom:1em;
}
.content-text.small-medium{
	width:95%;
}

/*reset*/
* {
	margin: 0;
	padding: 0
}
a {
	text-decoration : none
}
ul, ol {
	list-style : none
}
img {
	vertical-align : middle;
	width:auto;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1em;
}
i.fa{margin-right:0.2em;}
/*common class*/
.serif {
	font-family: 'Noto Serif JP',"Hiragino Mincho W4 JIS2004",serif;
	/*font-family: serif;*/
}
.small2 {
	font-size: 0.8rem !important;
}
.small {
	font-size: 0.9rem !important;
}
.large {
	font-size: 1.1rem !important;
}
.large2 {
	font-size: 1.2rem !important;
}
.large3 {
	font-size: 1.5rem !important;
}
.large4 {
	font-size: 2.0rem !important;
}
.large5 {
	font-size: 3.0rem !important;
}
.lineheight_large{line-height:1.8;}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.tal {
	text-align: left;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.mb05em {
	margin-bottom: 0.5em !important;
}
.mb1em {
	margin-bottom: 1em !important;
}
.mb2em {
	margin-bottom: 2em !important;
}
.mb3em {
	margin-bottom: 3em !important;
}
.ml1em {
	margin-left: 1em !important
}
.ml3em {
	margin-left: 3em !important
}
.bold {
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.sp_show{display:none;}
.pc_show{display:block;}

/*class*/
.underline{text-decoration:underline;}
.red{color:#B40205}
.pink{color:#fff0f0;}
.arrow{
	font-size: 1.1rem !important;
	font-family: 'Noto Sans JP',"Hiragino UD Sans W5 JIS2004",sans-serif;
}
.blue_btn {
	color: #fff;
	background: #0a587c;
	padding: 5px 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 1;
}
.dot_line{
	height:5px;
	background: url(images/title_line.png) repeat-x left center;
	margin-bottom:3em;
}
.title_line {
	font-family: 'Noto Serif JP',"Hiragino Mincho W4 JIS2004",serif;
	background: url(images/title_line.png) repeat-x left center;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 1em;
}
.title_line span {
	background: #fff;
	padding: 0px 20px;
}
.title_square{
font-family: 'Noto Sans JP',"Hiragino UD Sans W5 JIS2004",sans-serif;
margin-bottom:0.5em;
font-size:1.2rem;
}
.fa-square{
	color:#c4d0d9;
}
.title_border{
border-bottom:1px dotted #ccc;
padding-bottom:3px;
margin-bottom:0.5em;
}
.bulletlist{
margin-left:1em;
padding-left:1em;
}
.bulletlist li{
list-style:disc;
margin-bottom:0.5em;
}
.linklist li{
display:inline-block;
margin-right:20px;
margin-bottom:1em;
}
.box_caution{
	background:#ffffee;
	padding:20px 20px 10px 20px;
	border:1px solid #ccc;
		border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* HTML */

html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 14px;
	line-height : 1.5;
	letter-spacing: 0.1em;
	color: #000;
}
body {
	background: #f4f4f4;
}
div {
	box-sizing: border-box;
}
a {
	color: #0a587c;
}
a:hover{
color:#c48f07;
}
#wrapper {
	margin: 30px auto;
	background: #fff;
	max-width: 960px;
}
/*header*/
.header_wrapper {
	border-bottom: 2px solid #bbb;
	padding-bottom: 10px;
}
header {
	padding: 50px 30px 20px 30px;
	font-family: 'Noto Serif JP',"Hiragino Mincho W4 JIS2004",serif;
}
.header_left{
	float: left;
}
.header_left h1{
font-size:3.0em;
}
.header_left h1 a{
color:#000;
}
.header_left h1 a:hover{
color:#777;
}
.header_left p{
font-size:1.25em;
}
.header_right {
	float: right;
	text-align: right;
	padding-top: 50px;
	
}
.header_right h2{
font-size:1.4em;
}
/*footer*/
footer {
	background: #ddd;
	padding: 30px;
}
.footer_left {
	float: left
}
.footer_left h2{
font-family: 'Noto Serif JP',"Hiragino Mincho W4 JIS2004",serif;
font-size:2.0em;
margin-bottom:0.5em;
}
.footer_left p{
font-size:1.1em;
font-family: 'Noto Serif JP',"Hiragino Mincho W4 JIS2004",serif;
}
.footer_left address{
font-style:normal;
	font-size:1.1em;
}
.footer_right {
	margin-top: 32px;
	float: right;
	text-align: right;
}
.footer_right .tel{
font-family: 'Noto Serif JP',"Hiragino Mincho W4 JIS2004",serif;
font-size:2.0em;
margin-bottom:0.5em;
	text-decoration:none;
}
.footer_right .tel a{
color:#000;
}
/*nav*/
.side {
	float: left;
	width: 210px;
}
.nav {
	border-top: 1px solid #bbb;
	margin-bottom: 30px;
}
.nav li {
	border-bottom: 1px solid #bbb;
}
.nav a {
	/*font-family: "Hiragino Mincho W4 JIS2004",serif;*/
	font-family: 'Noto Sans JP',"Hiragino UD Sans W5 JIS2004",sans-serif;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 1.2rem;
	padding-left:10px;
}
.nav a:hover {
background:#ffffee;
}
.nav li.current a{
color:#777;
}
.sp_open{
	display:none;
}
/*side*/
.side_info {
	margin-bottom: 30px;
}
.side_info h2 {
	margin-bottom: 0.5em;
	font-size: 1.2rem;
}
.side_info p {
	font-size: 1.1rem;
}

/*content*/
.content_wrapper {
	margin: 30px 0px;
	padding: 0px 30px;
	background: url(images/content_bg.png) repeat-y 269px top;
}
.content {
	width: 630px;
	float: right;
}
.content p{
margin-bottom:1em;
}
.title_photo{
	margin-bottom: 3em;
}
.title_photo img {
	width: 100%;
}

/*pages*/
/*performance*/
.performance_table{
border:1px solid #777;
border-collapse:collapse;
width:100%;
}
.performance_table th{
	border:1px solid #777;
	text-align:center;
	padding:5px;
	background:#ccc;
}
.performance_table td{
	border:1px solid #777;
	text-align:center;
	padding:5px;
	width:50%;
}
.performance_table .gray{
background:#eee;
}
/*clinic*/
.timetable{
border:1px solid #777;
border-collapse:collapse;
width:100%;
}
.timetable td{
padding:3px;
border:1px solid #777;

}
.timetable .gray{
background:#eee;
}
.timetable .youbi{
text-align:center;
}
.timetable .time{
height:60px;
text-align:center;
word-wrap:nowrap;
width:6em;
}
.timetable .staff{
background:#e8fbff;
	text-align:center;
}
.timetable .lady{
background:#fff0f0;
	text-align:center;
}
.timetable .blank{
background:#eee;
text-align:center;
}


/*access*/
.gmap iframe{
width:100%;
}

/*recruit*/
.recruit{
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
.recruit th{
padding:10px 5px;
border:1px solid #ccc;
background:#eee;
white-space: nowrap;
font-weight:normal;

}
.recruit td{
padding:10px 5px;
border:1px solid #ccc;
}


/*home*/
#home-slide {
	margin-bottom: 3em;
}
#home-slide img {
	width: 100%;
}
.news li{
margin-bottom:3em;
}

@media screen and (max-width : 960px) {
header {
	padding: 50px 3% 0px 3%;
}
#wrapper{
margin:0 auto;
}
.content_wrapper {
	background: none;
	padding: 0px 3%;
}
.content {
	float: none;
	width: 100%;
}
.side {
	float: none;
	width: 100%;
	padding-top: 60px;
}
.nav {
width:100%;
}
.nav a{
text-align:center;
}
.sp_open{
	display:block;
	position:fixed;
	top:30px;
	right:30px;
	opacity:0.9;
	z-index:100;
}
.side_info {
	float: left;
	width: 30%;
	margin: 0px 1.5% 30px 1.5%;
	text-align:center;
}

}

@media screen and (max-width : 720px) {

.sp_show{display:block;}
.pc_show{display:none;}
	
.sp_open{
	top:20px;
	right:20px;	
}
.sp_open img{
	width:30px;
}
header{
padding-top:30px;
}
.header_left{
	float: none;
	text-align:center;
}
.header_right {
	float: none;
	text-align: center;
	padding-top: 10px;
}
.header_left h1{
font-size:2.0em;
}
.header_left p{
font-size:1em;
}
.header_right h2{
font-size:1.2em;
}
.side_info {
	float: none;
	width: 210px;
	margin: 0px auto 30px auto;
}
.footer_left {
	float: none;
	text-align:center;
}
.footer_right {
	margin-top: 25px;
	float: none;
	text-align:center;
}
}