@charset "euc-jp";
body {
	-webkit-text-size-adjust: 100%;
	background-color: #aff5d7;
	color: #313841;
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	padding:20px;
	background-color: #f4f6e7;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	word-break: normal;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	scroll-behavior: smooth;
}

.htmlall {
	width:100%;
	text-align:center;
	margin: 0 auto;
}

*, :after, :before {
	background-repeat: no-repeat;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

:after, :before {
	text-decoration: inherit;
	vertical-align: inherit;
}

* {
	padding: 0;
	margin: 0;
}

a {
 	text-decoration: none;
}

hr {
 	display: none;
}

details, main {
 	display: block
}


/*ヘッダ*/
.htmlheader {
	max-width: 500px;
	min-width: 260px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	background-color: #6be9b4;
	margin: 0 auto;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;color: #fff;
	-moz-border-radius: 10px;
}

.login_no {
	display: none;
}
.login_yes {
	max-width: 400px;
	min-width: 260px;
	color: white;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
	background-color: #A2C2DB;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/*選択枠*/
.htmlmain {
	max-width: 500px;
	min-width: 260px;
	text-align: left;
	margin: 20px auto;
	padding: 0;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #6be9b4;
	border-radius: 20px;
	padding: 20px;

}

/*フッタ(病院名表示部分)*/
.htmlfooter {
	width: 100%;
	padding: 10px 0px 10px 0px;
	font-size: small;
	text-align: center;
	margin: 0 auto;
}

.toHP {
	border-radius: 10px;
	padding: 16px;
	background-color: #6be9b4;
	color: white;
	max-width: 500px;
	min-width: 260px;
	margin: 0 auto;
}
.toHP:hover{
	opacity: 0.5;
}

/*ヘッダ・病院名*/
.headerAhName {
	/*display: none;*/
	font-size: 150%;
	padding: 10px;
}

/*ヘッダ・タイトル*/
.headerTitle {
	font-size: 150%;
/*	font-weight: bold;
	padding-top:75px;
	padding-bottom:10px;
	background-image: url("./img/PCMLogoName.gif");
	background-repeat: no-repeat;
	background-position: center top;
	background-size:50%;
*/

}

/*ページタイトル*/
.pageTitle {
	font-weight:bold;
}

/*コンテンツ枠*/
.content {
	max-width: 500px;
	min-width: 260px;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}

.selecter {
	display: none;
}

input {
	vertical-align:top;
}

input[type="submit"],input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="submit"]:hover {
	opacity:0.5;
}

.htmlall input[type="submit"]:disabled {
	background-color: #515354!important;
	color: #ffffff!important;
}

/*入力枠(通常)*/
input[type="text"] {
	font-size: 130%;
}

/*入力枠(TEL)*/
input[type="tel"] {
	font-size: 130%;
}

/*入力枠(パスワード)*/
input[type="password"] {
	font-size: 130%;
}

/*入力枠(メール)*/
input[type="email"] {
	font-size: 130%;
}

.submitDiv {
	position:relative;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* 各メッセージ枠 */
.message {
	text-align:left;
	padding-top:10px;
}


/*枠内のリンク*/
.htmlall a, .htmlall input[type="submit"] {
	border-radius: 10px;
	display: block;
	padding: 16px!important;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
	text-align: center;
	font-weight: 700;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	background-color: #aff5d7;
	color: #6a6a6a;
	font-size:20px;
	position:relative;
}

.htmlall input[type="submit"] {
	background-color: #6be9b4;;
	color: #fff!important;
}

.submitDiv:after, .htmlall a:after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
}
.htmlall a:after {
	border-color: #2EB360;
}

/*受付済みのペットの名前*/
.ptnamehasAcpt{
	color: darkgray!important;
	background-color: lightgray!important;
}
a.ptnamehasAcpt:after{
	display: none;
}

/*戻る、待ち状況へボタン*/
#linkReturn a,#linkWaitReturn a {
	background-color: #dfdfdf !important;
	color: #6a6a6a;
	border: 1px solid #6be9b4;
	display:block;
}
/*戻る、待ち状況へ、診療受付トップに戻るボタンの矢印*/
#linkReturn a:after,#linkWaitReturn a:after, .return-top a:after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: auto;
	left: 30px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #6a6a6a;
	border-left: 3px solid #6a6a6a;
	border-right: none;
	transform: rotate(-45deg);
}

/*電話番号のボタン*/
.htmlall a[href^="tel:"] {
	color: #6a6a6a;
	background-color: #fff8bf;
}
/*電話番号のボタンの矢印*/
.htmlall a[href^="tel:"]:after {
	display: none;
}

.htmlmain a:hover {
	opacity:0.5;
}

.htmlmain a:disabled {
	background-color: #515354!important;
	color: #ffffff!important;
}

label {
	display: inline-block;
	font-weight: bold;
	padding: 3px 12px 3px 12px;
	margin: 5px;
}

.htmlfooter a div {
	position: relative;
}

.htmlfooter a::after {
	content: none;
}

.htmlfooter a div::after {
	content: "";
	display: block;
	height: 12px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7px;
	background-image: url(/wp-content/themes/tajika-ah/assets/img/common/icon_arrow-white.svg);
	right: 10px;
}

/*現在日時*/
.nowTime {
	font-weight: bold;
}

/*受付詳細枠*/
.uketsukeSyosai {
	text-align: left;
	padding: 10px 10px 10px 10px;
	background-color: white;
	border: 3px solid #fff;
	background-color: #ccf9e6;
	box-shadow: 0 0 0 6px #ccf9e6;
	padding: 12px;
	margin-bottom: 12px;
}
/*受付詳細タイトル名*/
.acceptKomokuTitle {
	color: black;
	margin: 12px;
}
/*受付内容値*/
.acceptKomokuValue {
	color: black;
	font-weight: bold;
}


/*戻るリンク枠*/
.retLink {
	max-width: 450px;
	min-width: 300px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	margin: 0 auto;
}

/*トップページの自由メッセージ*/
.AhFreeMsg {
	zoom: 128%;
	margin: 0 auto;
	max-width: 400px;
	padding: 10px 0px;
	word-wrap: break-word;
}

/*自由メッセージ内のリンク*/
.AhFreeMsg a {
	background-color: transparent;
	color: blue;
	text-decoration: underline;
	box-shadow: none;
	border: none;
}
.AhFreeMsg a:visited {
	color: purple;
}
.AhFreeMsg a:hover {
	background-color: transparent;
	color: darkblue;
}

/*インデックスページの診察時間テーブル*/
.scroll table {
	width: 100%;
}
.scroll {
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar {
	height: 5px;
}
.scroll::-webkit-scrollbar-track {
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
.toptable {
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
}
.toptable th {
	border-top: 1px solid #6be9b4;
	border-bottom: 1px solid #6be9b4;
	padding: 6px 0px;
}
.toptable td {
	border-bottom: 1px solid #6be9b4;
	padding: 6px 0px;
}
.sat {
	color: #3db2da;
}
.sun {
	color: #e66a6a;
}