@charset "utf-8";

/* -----------------------------------------------------------
　PC・スマホ・他ページ共通
----------------------------------------------------------- */

/* :::::::::: 診療時間 :::::::::: */
	
section table.schedule {
	width:100%;
	text-align:center;
}

section table.schedule caption {
	caption-side:bottom;
	text-align:left;
	font-size:1em;
	color:#333333;
	margin:1% 0 0;
	line-height:1.2em;
}

section table.schedule th {
	background:#FEE4E7;
	color:#333333;
	font-size:1em;
	padding:0.3em 0;
	border:solid 1px #333333;
	font-weight:normal;
}

section table.schedule td {
	font-size:1em;
	color:#333333;
	width:8%;
	padding:0.5em 0;
	border:solid 1px #333333;
	background:#FFFFFF;
}

section table.schedule .time {
	width:26%;
}

section table.schedule th.time {
	color:#FEE4E7;
}

#access section table.schedule th ,
#access section table.schedule td {
	border-left:none;
	border-right:none;
}




/* :::::::::: 診療時間 (tinytable) :::::::::: */
	
.tinytable table.schedule {
	width:100%;
	text-align:center;
}

.tinytable table.schedule caption {
	caption-side:bottom;
	text-align:left;
	font-size:0.75em;
	color:#333333;
	margin:1% 0 0;
	line-height:1.3em;
}

.tinytable table.schedule th {
	background:#FEE4E7;
	color:#333333;
	font-size:1em;
	padding:0.3em 0;
	border:solid 1px #333333;
	font-weight:normal;
}

.tinytable table.schedule td {
	font-size:0.7em;
	color:#333333;
	width:8%;
	padding:0.5em 0;
	border:solid 1px #333333;
	background:#FFFFFF;
}

.tinytable table.schedule .time {
	width:26%;
}

.tinytable table.schedule th.time {
	color:#FEE4E7;
}



/* ::::::::::料金表 :::::::::: */

section table.price {
	width:100%;
	text-align:center;
}

section table.price caption {
	caption-side:bottom;
	text-align:left;
	font-size:1em;
	color:#333333;
	margin:1% 0 0;
	line-height:1.2em;
}

section table.price th {
	background:#FEE4E7;
	color:#333333;
	font-size:1em;
	padding:0.3em 0;
	border:solid 1px #333333;
	font-weight:bold;
}

section table.price td {
	font-size:1em;
	color:#333333;
	width:8%;
	padding:0.5em 0;
	border:solid 1px #333333;
	background:#FFFFFF;
}

section table.price .time {
	width:26%;
}

section table.price th.time {
	color:#FEE4E7;
}

#access section table.price th ,
#access section table.price td {
	border-left:none;
	border-right:none;
}

/* ::::::::::単品メニュー :::::::::: */

section table.price2 {
	width:100%;
	text-align:center;
}

section table.price2 caption {
	caption-side:bottom;
	text-align:left;
	font-size:1em;
	color:#333333;
	margin:1% 0 0;
	line-height:1.2em;
}

section table.price2 th {
	background:#FEE4E7;
	color:#333333;
	font-size:1em;
	padding:0.5em 1em;
	border:solid 1px #333333;
	font-weight:bold;
	text-align:left;
	width:60%;
}

section table.price2 td {
	font-size:1em;
	color:#333333;
	
	padding:0.5em 0;
	border:solid 1px #333333;
	background:#FFFFFF;
}

section table.price2 .time {
	width:26%;
}

section table.price2 th.time {
	color:#FEE4E7;
}

#access section table.price2 th ,
#access section table.price2 td {
	border-left:none;
	border-right:none;
}


/* :::::::::: 【PC】アクセスマップ :::::::::: */

@media screen and (min-width: 769px){	
	section #map_box {
		position:relative;
		width:100%;
		height:550px;
	}
	
	section iframe {
		width:100%;
		height:100%;
		pointer-events:none;
	}
	
	section #map_box .map_caution {	
		position:absolute;
		bottom:2%;
		left:2%;
		padding:3px;
		margin:0;
		background:#FFFFFF;
		max-width:85%;
		font-size:14px;
		line-height:16px;
	}
}

/* :::::::::: 【SP】アクセスマップ :::::::::: */

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

	section #map_box {
		position:relative;
		width:97%;
		height:400px;		
		margin:0 auto 5%;
	}

	section iframe {
		width:100%;
		height:100%;
		pointer-events:none;
	}
	
	section #map_box .map_caution {	
		position:absolute;
		bottom:2%;
		left:2%;
		padding:3px;
		margin:0;
		background:#FFFFFF;
		max-width:80%;
		font-size:13px;
		line-height:15px;
	}	
}
	

/* -----------------------------------------------------------
　トップページ
----------------------------------------------------------- */

@media screen and (min-width: 769px){
	
	div.area_gray {
		width:100%;
		min-width:1050px;
		height:auto;
		background:#FDF2F3;
		padding:50px 0;
		margin:0 0 50px;
	}
	
	div.area_beige {
		width:100%;
		min-width:1050px;
		height:auto;
		background:#FCFAEB;
		padding:50px 0;
		margin:0 0;
	}
	
	div.area_beige02 {
		width:100%;
		min-width:1050px;
		height:auto;
		background:#FCF3EB;
		padding:50px 0;
		margin:0 0 50px;
	}		
	
	.recruit_bnr {
		text-align: center;
		max-width: 100%;
	}
	.recruit_bnr a:hover {
		opacity: 0.8;
	}

	
	/* :::::::::: 【PC】ごあいさつ :::::::::: */	
	
	section#greeting {
		margin:0 auto 20px;
	}	
	
	/* :::::::::: 【PC】サブナビ :::::::::: */	
	
	ul#sub_nav {
		width:1000px;
		height:auto;
		margin:0 auto;
		overflow:hidden;
	}
	
	ul#sub_nav li {	
		width:180px;
		height:232px;
		float:left;
		list-style-type:none;
		margin:0 25px 0 0;
		text-indent:-9999px;
	}
	
	ul#sub_nav li:last-child {		
		margin:0;
	}
	
	ul#sub_nav li a {	
		display:block;
		width:100%;
		height:100%;
		background:url(../images/sn.png);
	}
	
	ul#sub_nav li.sn01 a {background-position:0px 0;}	
	ul#sub_nav li.sn02 a {background-position:-180px 0;}		
	ul#sub_nav li.sn03 a {background-position:-360px 0;}		
	ul#sub_nav li.sn04 a {background-position:-540px 0;}		
	ul#sub_nav li.sn05 a {background-position:-720px 0;}		
	ul#sub_nav li.sn01 a:hover {background-position:0px -232px;}	
	ul#sub_nav li.sn02 a:hover {background-position:-180px -232px;}		
	ul#sub_nav li.sn03 a:hover {background-position:-360px -232px;}		
	ul#sub_nav li.sn04 a:hover {background-position:-540px -232px;}		
	ul#sub_nav li.sn05 a:hover {background-position:-720px -232px;}	
		
	
	/* :::::::::: 【PC】お知らせ・ブログ欄 :::::::::: */
		
	section#infomation {
	}
	
	section#infomation dl {
		width:980px;
		height:450px;
		overflow-y:scroll;
		border:solid 1px #CCCCCC;
		box-sizing:border-box;
		margin:0;
		padding:15px 10px;
	}
	
	section#infomation dl dt{
		font-size:18px;
		line-height:1.1em;
		margin:0 0 10px;
		color:#E54C64;
		font-weight:bold;
	}
	
	section#infomation dl dt .date {
		display:none;
	}
	
	section#infomation dl dd{
		font-size:16px;
		line-height:1.7em;
		color:#333333;
		margin:0 0 20px;
	}
	
	/* :::::::::: 【PC】ペット保険について :::::::::: */
		
	section#insurance {
		margin:0 auto;
	}	

	section#insurance ul {
		margin:0;
	}
	
	section#insurance ul li {
		float:left;
		margin:0 20px 0 0;
		list-style-type:none;
		padding:0;
	}
	
	/* :::::::::: 【PC】各種クレジットカード:::::::::: */
		
	section#credit {
		margin:0 auto;
		text-align:center;
		background:url(../images/bg_credit.jpg) no-repeat left center;
	}	
	
	/* :::::::::: 【PC】クリニック概要 :::::::::: */
		
	section#clinic_info {
		margin:0 auto;
	}	
	
	section#clinic_info .info_left {
		width:480px;
		height:auto;
		float:left;
	}
	
	section#clinic_info .info_right {
		width:480px;
		height:auto;
		float:right;
	}
	
	section#clinic_info p#clinic_name {
		font-size:23px;
		color:#7A5036;
		font-weight:bold;
	}
	
	section#clinic_info dl {
		margin:0;
	}
	
	section#clinic_info dl dt {
		font-size:15px;
		font-weight:bold;
		color:#795035;
		border-bottom:solid 2px #795035;
		margin:0 0 5px;
	}
	
	section#clinic_info dl dt.no_border {
		border-bottom:none;
	}	

	section#clinic_info dl dd {
		font-size:16px;
		color:#333333;
		margin:0 0 40px;
	}	
	
	section#clinic_info dl dd .tel {
		font-size:30px;
		line-height:36px;
		font-weight:bold;
		color:#FF6699;
	}
	
	section#clinic_info dd#map_box {
		margin:0 0 5px;
	}
	
	section#clinic_info p.gmap_link {
		text-align:right;
	}
	
	section#clinic_info p.gmap_link a{
		text-decoration:none;
	}	
	
	
	
	
	
	/*トリミングについて*/
.facility {
	width: 600px;
	margin: 0 auto;
}
.facility_box {
	float: left;
	width: 300px;
	text-align: center;
}


.facility p {
	padding: 0.75em;
}
.facility p {
	padding: 0.85em;
}
.facility p {
	font-size: 16px;
	letter-spacing: -2px;
}
.facility p {
	margin: 0 0 40px;
}
	
	
	
/*トリミングについて*/
.facility2 {
	width: 800px;
	margin: 0 auto;
}
.facility_box2 {
	float: left;
	width: 400px;
	text-align: center;
}


.facility2 p {
	margin: 0 0 40px;
}

.vab{vertical-align:bottom;}

.pd100{padding-top: 100px !important;}
}

@media screen and (max-width: 768px){
	
	/* :::::::::: 【SP】サブナビ :::::::::: */	
	
	ul#sub_nav {display:none;}	
	
	/* :::::::::: 【SP】お知らせ・ブログ欄 :::::::::: */
	
	section#infomation dl {
		width:100%;
		height:300px;
		overflow-y:scroll;
		padding:0.5em;
		border:solid 1px #CCCCCC;
		box-sizing:border-box;
		margin:0;
	}
	
	section#infomation dl::-webkit-scrollbar {
		width: 12px;
	}
	
	section#infomation dl::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
	}
	
	section#infomation dl::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
		box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	}

	section#infomation dl dt{
		font-size:1.1em;
		line-height:1.1em;
		color:#E54C64;
		margin:0 0 2%;
		font-weight:bold;
	}
	
	section#infomation dl dt .date {
		display:none;
	}
	
	section#infomation dl dd{
		font-size:1.0em;
		line-height:1.7em;
		margin:0 0 5%;
	}
	
	/* :::::::::: 【SP】ペット保険について :::::::::: */
		
	section#insurance {
		margin:0 auto 8%;
	}
	
	section#insurance ul {
		margin:0;
		overflow:hidden;
	}
	
	section#insurance ul li {
		list-style-type:none;
		padding:0;
		margin:0 0 2%;
	}
	
	/* :::::::::: 【SP】クレジットカード :::::::::: */
		
	section#credit {
		margin:0 auto 8%;
	}	
	
	/* :::::::::: 【SP】クリニック概要 :::::::::: */
		
	section#clinic_info {
		margin:0 auto;
	}	
	
	section#clinic_info p#clinic_name {
		font-size:1.2em;
		color:#7A5036;
		font-weight:bold;
	}
	
	section#clinic_info dl {
		margin:0;
	}
	
	section#clinic_info dl dt {
		font-size:1em;
		font-weight:bold;
		color:#795035;
		border-bottom:solid 2px #795035;
		margin:0 0 2%;
	}
	
	section#clinic_info dl dt.no_border {
		border-bottom:none;
	}	

	section#clinic_info dl dd {
		font-size:1em;
		color:#333333;
		margin:0 0 5%;
	}	
	
	section#clinic_info dl dd .tel {
		font-size:1.4em;
		line-height:1.4em;
		font-weight:bold;
		color:#FF6699;
	}
	
	section#clinic_info dd#map_box {
		margin:0 0 2%;
	}
	
	section#clinic_info p.gmap_link {
		text-align:right;
	}
	
	section#clinic_info p.gmap_link a{
		text-decoration:none;
	}		
	
}

/* -----------------------------------------------------------
　下層ページ
----------------------------------------------------------- */

@media screen and (min-width: 769px){

	/* :::::::::: 【PC】医師紹介 :::::::::: */	
	
	#doctor dl {
		overflow:hidden;
	}
	
	#doctor dl dt {
		width:20%;
		float:left;
		clear:both;
	}
	
	#doctor dl dd {
		width:80%;
		float:left;
	}	
	
		
	/* :::::::::: 【PC】診療時間・アクセス:::::::::: */
	
	#access #map_box {
		margin:0 auto 50px;
	}
	
	#access dl {
		border-top:dashed 1px #999999;
		overflow:hidden;
	}
	
	#access dl dt {
		width:220px;
		height:70px;
		clear:both;
		float:left;
		border-bottom:dashed 1px #999999;
		font-size:25px;
		line-height:70px;
		color:#AD873F;
	}
		
	#access dl dd {
		width:780px;
		height:20px;
		float:left;
		border-bottom:dashed 1px #999999;
		line-height:20px;
		padding:25px 0
	}
		
	#access dl dd.doubled {
		height:40px;
		padding:15px 0
	}	
	
	#access dl dd .tel {	
		font-size:30px;
		font-weight:bold;
		color:#FF6699;
	
	}
	
	/* :::::::::: 【PC】トリミング :::::::::: */	
	
	#triming #triming_tel {
		width:auto;
		height:40px;
		padding:25px 30px;
		font-size:27px;
		color:#927059;
		clear:both;
		border-top:double 15px #F1A3AE;
		border-bottom:double 15px #F1A3AE;
		line-height:40px;
		position:relative;
	}
	
	#triming #triming_tel span.tel {
		font-size:48px;
		color:#E54C64;
		font-weight:bold;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
		margin:0 0 0 70px;
		letter-spacing:5px;
		position:absolute;
	}
		
	/* :::::::::: 【PC】クリニック紹介 :::::::::: */
	
	.flipsnap .item img	{
		width:100%;
	}
	
	.ContTxtArea p.comment {
		display:none;
	}	
		
	/* :::::::::: 【PC】職員募集 :::::::::: */			

	.recruit_tbl {
		width:100%;
		margin-bottom: 1em;
	}
	.recruit_tbl th {
		background:#FEE4E7;
		color:#333333;
		font-size:1em;
		padding:0.5em 1em;
		border:solid 1px #333333;
		font-weight:bold;
		text-align:left;
		width:30%;
	}
	.recruit_tbl th br {
		display: none;
	}
	.recruit_tbl td {
		font-size:1em;
		color:#333333;
		padding:0.5em 1em;
		border:solid 1px #333333;
		background:#FFFFFF;
	}
	
	.recruit_address dt {
		line-height:1.1em;
		color:#B2653B;
		font-size:25px;
		margin:0 0 15px;
	}
}


@media screen and (max-width: 768px){
	
	/* :::::::::: 【SP】 医師紹介 :::::::::: */	
	
	#doctor dl dt {
		font-weight:bold;
	}
	
	#doctor dl dd {
		margin:0 auto 3%;
	}
		
	/* :::::::::: 【SP】 診療時間・アクセス:::::::::: */
	
	#access #map_box {
		margin:0 auto 8%;
	}
	
	
	#access dl dt {
		font-size:1.2em;
		color:#AD873F;
		margin:0 0 1%;
	}
	
	#access dl dd {
		margin:0 0 3%;
	}	
	
	#access dl dd .tel {	
		font-size:1.2em;
		font-weight:bold;
		color:#FF6699;
	
	}
	
	/* :::::::::: 【SP】 トリミング :::::::::: */	
	
	#triming #triming_tel {
		width:95%;
		height:auto;
		padding:2% 0 2% 5%;
		font-size:1.1em;
		color:#927059;
		border-top:double 10px #F1A3AE;
		border-bottom:double 10px #F1A3AE;
		line-height:1.8em;
		margin:10% 0 0;
	}
	
	#triming #triming_tel span.tel {
		display:block;
		font-size:1.4em;
		color:#E54C64;
		font-weight:bold;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
		letter-spacing:3px;
	}	

	
	/* :::::::::: 【SP】施設紹介 :::::::::: */	
	
	/*** 画面幅に対しての画像の表示サイズ
	　　 max-widthは画像ファイルの横幅サイズ ****/
	
	.viewport {
	 width:80%;
	 max-width:990px;
	 overflow:hidden;
	 margin:0 auto;
	}
	
	/*** 画像枚数×100% ****/
	
	#pic .flipsnap {
	 width:1300%;
	}
	
	#item .flipsnap {
	 width:1300%;
	}	
	
	ul.flipsnap  {
		margin:0;
	}
	
	/*** 100%÷画像枚数 ****/
	#pic .item {
	 float:left;
	 width:calc(100% / 13);
	 cursor:pointer;
	 overflow:hidden;
	}
	
	/*** 100%÷画像枚数 ****/
	#item .item {
	 float:left;
	 width:calc(100% / 12);
	 cursor:pointer;
	 overflow:hidden;
	}	
	
	.item p {
	 padding:3px 0 8px 0;
	 font-weight:bold;
	 color:#333;
	 text-align:center;
	}
	p.comment {
	 text-align:center;
	 margin-top:10px;
	}
	
	section#facilities figure {
		width:80%;
		margin:0 auto 5%;
	}
	


	.facility {
	width: 100%;
	margin: 0;
}
.facility_box {
	float: none;
	width: 100%;
	text-align: center;
}

.facility p {
	margin: 0 0 0.25em;
	font-size: 1.5em;
	font-weight:bold;
}

.facility p img {
	height: auto;
	width: 70%;
}		



.facility2 {
width: 100%;
margin: 0;
}
.facility_box2 {
	float: none;
	width: 100%;
	text-align: center;
}

.facility2 p {
	margin: 0 0 0.25em;
	font-size: 1.5em;
	font-weight:bold;
}

.facility2 p img {
	height: auto;
	width: 70%;
}		
		
	/* :::::::::: 【SP】職員募集 :::::::::: */			

	.recruit_tbl {
		width: 100%;
		margin-bottom: 1em;
	}
	.recruit_tbl th {
		background:#FEE4E7;
		color:#333333;
		font-size:1em;
		padding:0.5em 1em;
		border:solid 1px #333333;
		font-weight:bold;
		text-align:left;
		white-space: nowrap;
	}
	.recruit_tbl th br {
		display: block;
	}
	.recruit_tbl td {
		font-size:1em;
		color:#333333;
		padding:0.5em 1em;
		border:solid 1px #333333;
		background:#FFFFFF;
	}
	
	.recruit_address dt {
		line-height:1.1em;
		color:#B2653B;
		font-size:1.1em;
		margin:0 0 4%;
	}
				
}

.red{color: #E54C64;font-weight:bold;}