@charset "utf-8";
/**/
p.info{background-color:#FFEEF5; color:#CC0000; padding:12px;}

/**/
#err_checkbox{ padding-top:12px;}
#err_checkbox p{color:#CC0000; padding:0 2px; display:inline-block; background-color:#FFCCCC;}

/*スペース*/
#space{margin-top:70px;}

/*****************/
/*上にもどる*/
/*------------------------------------------*/
/***************/
#bck {position:fixed; right:8%; bottom:20px; display:none; z-index: 100;}
#bck a { display:block; background:url(../common/images/backtotop.png) no-repeat; width:65px; height:55px; }
#bck a:hover{ background-position:bottom left;}
@media screen and (max-width:640px){
#bck{right:4%; bottom:10px;}
}

/**/
h2{text-align:center;}
div.thanks{text-align:center; width:70%; border:1px solid #99CCFF; padding:12px; margin:0 auto;}

div#Frame {padding:0 12px; width:1000px; margin: 0 auto;}
#Contents{font-size:0.9em; width:94%; margin:0 auto;}

/* ヘッダーメニュー */
div#contact{ padding:0 0 6px; text-align:center;}
div#contact div.logo{}
div#contact div.logo img{display:inline-block; vertical-align:-12px;}
div#contact div.logo span{font-size:0.9em; display:inline-block; background-color:#8195B9; color:#FFFFFF; padding:0 4px;}
div#contact div.logo{font-family: "游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",'sans-serif'; font-weight: 500;}

h1{text-align:center; border-top:2px solid #003366; border-bottom:1px solid #CCCCCC; clear:both; box-shadow:0 3px 3px #EEEEEE; margin:12px 0 0; padding:6px;}
h1 span{display:block; font-size:0.9em;}
h1 span.ttl{display:block; font-size:1.1em;}
h1 span.sub{font-size:0.7em; display:block;}
h1 span.nml{display:inline;}
h1 span.nml:before, h1 span.nml:after{content:"/";}
p{clear:both; line-height:1.6em; margin:12px 0;}


/*予約できる診療*/
ul.ope_list{ list-style:none; margin:12px auto 0; text-align:center; padding:0;}
ul.ope_list li{display:inline-block; border:1px solid #CCCCCC; color:#666666; padding:2px; margin-bottom:4px;}

/*リード文*/
.read{margin:12px 0 20px;}
.read span{padding-left:2px;}
.read strong.red{color:#CC0000;}
.red{color:#CC0000;}

/*電話番号*/
a.btn_dial{text-decoration:none; color:#330099;}
@media (min-width: 751px) {
a.btn_dial{
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*アンケートきっかけ*/
.quest_list label{display:inline-block; width:45%;}


p.notes{text-align:center; color:#003399; margin:0; padding-bottom:0;}

.sendbtn{margin:30px 0; text-align:center;}
input.submit{
	border:1px solid #6699CC;
	padding:12px 10px; font-size:120%;
	color:#003399;
	background: #fff;
	border-radius: 5px;
	cursor:pointer;

	-webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffefe), to(#CCD8F7));	
	-moz-border-radius: 5px;
	background: -moz-linear-gradient(top,	#fffefe, #CCD8F7);
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#fffefe,endColorstr=#CCD8F7);	
	zoom: 1;
}	
input.submit{width:240px;	color:#003399;}
input.submit[disabled] {
  background: #EEEEEE; color:#999999; border:1px solid #CCCCCC;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
}

/*同意する*/
div.privacy{margin-bottom:20px;}
div.privacy span{ display:block;}
div.privacy label{font-size:1.1em; padding:12px 0;}
a.link_win{ text-decoration:none; color:#8195B9;}
a.link_win::after{ content:""; display:inline-block; width:14px; height:14px; background-image:url(../common/link_win.png); background-repeat:no-repeat; background-size:11px 11px; vertical-align:middle; margin-left:4px;}
a.link_win:hover{color:#003399;}

table.reserves{ border-collapse:collapse; border-right:1px solid #6699CC; border-bottom:1px solid #6699CC; border-top:none; line-height:1.4em;}
table.reserves th, table.reserves td{vertical-align:top;}
table.reserves th{padding:12px 8px; width:23%; text-align:left; border-top:1px solid #6699CC; border-left:1px solid #6699CC; color:#003399; background-color:#CCD8F7;}
table.reserves th span{font-size:0.75em; line-height:1.1; color:#1063A0; background-color:#E9F0F8; font-weight:normal; padding:2px 4px 0 2px; margin-left:2px; border-radius: 5px; display:inline-block;}
table.reserves th span.txt{background:none; margin-left:0; font-size:0.8em; line-height:1.6em;}
table.reserves td{padding:12px 8px; border-left:1px solid #6699CC; border-top:1px solid #6699CC;}
table.reserves td p{font-size:0.9em; margin:0; padding:4px 0; color:#336699;}
table.reserves td p.quest{font-size:1em; font-weight:normal; color:#333333; margin-top:0;}
table.reserves td label span.note{font-size:0.8em; margin-left:4px;}

/*混雑状況*/
a.link_btn:hover{background-color:#CCCCCC; color:#333;}
a.link_btn{ text-decoration:none;
    background: #63A5E0; color:#FFFFFF;
    border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px;
    position: relative;
    padding:8px 25px 8px 20px;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
a.link_btn:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top:45%;
    right:18px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
a.link_btn:hover:after {
    border-color: #333;
}

#Footer{text-align:center; font-size:0.65em;}


@media screen and (max-width:1080px){
div#Frame {padding:0; width:100%; margin: 0 auto;}
p.notes{text-align:left;}
}

@media screen and (max-width:890px){
div.thanks{width:auto;}
}

@media screen and (max-width:660px){
.read span{display:block; padding-left:0;}

div.thanks{width:auto; text-align:left;}
table.reserves th, table.reserves td{ display:block; width:auto;}
div.privacy span{ display:inline;}
div.privacy p.txt{text-align:left;}

.quest_list label{display:block; width:auto;}
}

@media screen and (max-width:560px){
div#contact div.logo span{margin-top:4px;}
h1{font-size:1.5em;}
div#contact{ padding:0 0 6px; text-align:center; width:98%;}

div.privacy p{text-align:left;}
}


@media screen and (max-width:480px){
h1 span.sub{font-size:0.65em; font-weight:normal;}
h1 span.nml{display:block;}
h1 span.nml:before, h1 span.nml:after{content:"";}
}

@media screen and (max-width:400px){
h1 span.ttl{display:block;}
}