@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
html, body {
	min-width: 1020px;
	position: relative;
}
body {
	padding: 63px 0 0;
	margin: 0;
	font-family: Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #042A2B;
	background: #fbfbf0 url(../img/bg_header.png) 0 0 repeat-x;
	max-height: 100%;
	line-height: 1.6;
	/*min-widthはスマホ時注意*/
	min-width: 1000px;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #042A2B;
	text-decoration: none;
}
a:hover {
	color: #FF6C00;
}
img {
	vertical-align: bottom;
}
button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
/*==============================================*/
/*よく使うもの*/
/*==============================================*/

/*クリアフィックス(floatを解除)*/
.clearfix {
	zoom: 1;/* for IE7-8 */
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}
/*インナー（中央寄せ）*/
.inr {
	width: 1000px;
	margin: auto;
	padding: 0 10px;
}
/*文字をインデントで飛ばす（背景画像用）*/
.img-bg {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/*影*/
.shadow {
	-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}
/*アニメーション*/
.animation, a, a:before, a:after {
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
/*パディングやボーダーを横幅に含む*/
.bbb {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/*ロゴホバー*/
.h-logo a:hover, .logo a:hover, .footer-logo a:hover, .opacity a:hover  {
	opacity: 0.6;
}

/*二分割*/
.col-2 {
	width: 50%;
	float: left;
}
.col-2:last-child {
	margin: 0;
}
/*三分割*/
.col-3 {
	width: 33.33%;
	float: left;
}
.col-3:last-child {
	margin: 0;
}
.col-3 span{
	display: block;
	font-weight: bold;
}
/*セクション*/
.section-block {
	margin: 0 0 100px;
}
#index .section-block:nth-child(3) {
	padding: 130px 0 0;
	margin-bottom: 250px;
}
.section-block:last-child {
	margin: 0;
}
.section-block section {
	margin: 0 0 80px;
}
.section-block section:last-child {
	margin: 0;
}
.section-block.bg1 {
	padding: 110px 0 70px;
	background: url(../img/top_bg1.png) center center no-repeat;
	background-size: 1272px 599px;
}
.section-block.bg2 {
	padding: 120px 0;
	background: url(../img/top_bg2.png) center center no-repeat;
	background-size: 1318px 614px;
}
/* パンくず */
.topic-path {
	margin: 20px 0 0;
	font-size: 13px;
	font-weight: 500;
}
.topic-path ul {
	padding: 10px 0;
	border-bottom: 1px solid #BFBFBF;
	line-height: 1;
	list-style-type: none;
}
.topic-path li {
	position: relative;
	float: left;
	padding: 0 19px 0 0;
}
.topic-path li:last-child {
	padding: 0;
}
.topic-path li:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	width: 5px;
	height: 7px;
	margin: auto 7px;
	background: url(../img/topic_path.png) 0 0 no-repeat;
	background-size: contain;
}
.topic-path li:last-child:after {
	display: none;
}
.topic-path a {
	color: #FF6C00;
	font-weight: bold;
}
.topic-path a:hover {
	opacity: 0.7;
}
/*==============================================*/
/*矢印*/
/*==============================================*/
.arrow {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	background: #CCC;
}
.arrow:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	border: 16px solid transparent;
}
/*上向き*/
.arrow.arrow__top:after {
	border-bottom-color: #CCC;
	border-top-width: 0;
	top: -16px;
	left: -8px;
}
/*右向き*/
.arrow.arrow__right:after {
	border-left-color: #CCC;
	border-right-width: 0;
	top: -8px;
	right: -16px;
}
/*下向き*/
.arrow.arrow__bottom:after {
	border-top-color: #CCC;
	border-bottom-width: 0;
	bottom: -16px;
	left: -8px;
}
/*左向き*/
.arrow.arrow__left:after {
	border-right-color: #CCC;
	border-left-width: 0;
	top: -8px;
	left: -16px;
}
/*==============================================*/
/*レイアウト関係*/
/*==============================================*/
/*見出し*/
.h-basic {
	margin: 0 0 50px;
	text-align: center;
}
.content.content__lower .h-basic {
	margin: 0 0 40px;
}
.h-basic span {
	padding: 0 0 5px;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #FFBB9C 60%);
}
.h-basic.hamster span {
	font-size: 18px;
}
.h-basic.hamster {
	margin: 0 0 20px;
	padding: 5px 0 5px 35px;
	background: url(../img/hamster.png) -4px center no-repeat;
	background-size: 28px 34px;
	text-align: left;
}
.h-basic.cat, .h-basic.dog, .h-basic.rabbit {
	position: relative;
}
.h-basic.cat:before, .h-basic.dog:before, .h-basic.rabbit:before {
	content: '';
	position: absolute;
}
.h-basic.cat:before {
	top: -110px;
	left: 0;
	right: 0;
	width: 204px;
	height: 105px;
	margin: auto;
	background: url(../img/cat.png) top center no-repeat;
	background-size: 204px 105px;
}
.h-basic.dog:before {
	top: -130px;
	left: 0;
	right: 0;
	width: 112px;
	height: 124px;
	margin: auto;
	background: url(../img/dog.png) top center no-repeat;
	background-size: 112px 124px;
}
.h-basic.rabbit:before {
	top: -110px;
	left: 0;
	right: 0;
	width: 198px;
	height: 99px;
	margin: auto;
	background: url(../img/rabbit.png) top center no-repeat;
	background-size: 198px 99px;
}
.h-basic.cat span, .h-basic.dog span, .h-basic.rabbit span, .content__lower .h-basic span {
	font-size: 26px;
}
.section-block .h-basic .text {
	display: block;
	padding: 0;
	margin: 10px 0 0;
	font-size: 14px;
	color: #4E5656;
	font-weight: 500;
	background: none;
}
/*テキストリンク*/
.link a {
	background: url(../img/link.png) left center no-repeat;
	background-size: 7px 11px;
	padding: 0 0 0 1em;
}
/*テキストリンク(別タブ開く用)*/
.link.link__blank a {
	background-image: url(../img/link.png), url(../img/link_blank.png);
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: 7px 11px, 9px 8px;
	padding-right: 1em;
}
/*ボタン*/
.btn {
	display: block;
	width: 480px;
	padding: 17px 0;
	border: 2px solid #FF6C00;
	margin: auto;
	background-color: #FFF;
	color: #FF6C00;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.btn:hover {
	color: #FFF;
	background-color: #FF6C00;
}
/*リスト*/
.ol-layout, .ul-layout {
	background: #EFEFEF;
	padding: 20px;
	margin: 0 0 20px;
	list-style-type: none;
	font-weight: 500;
	counter-reset: li;
}
.ol-layout:last-child, .ul-layout:last-child {
	margin: 0;
}
.ol-layout li {
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	font-size: 16px;
}
.ol-layout li:last-child {
	margin: 0;
}
.ol-layout li:before {
	counter-increment: li;
	content: counter(li);
	display: inline-block;
 *display: inline;
 *zoom: 1;
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 18px;
	color: #0F3474;
	font-weight: bold;
	line-height: 1;
}
.ul-layout li {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	text-indent: -6px;
}
.ul-layout li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	background: #0F3474;
	position: relative;
	left: -13px;
	top: -2px;
}
.ul-layout li:last-child {
	margin: 0;
}
/* 診察日・休診日リスト */
.ul-layout__date {
	padding: 0;
	margin: 0 0 10px;
	background: none;
}
.ul-layout__date li {
	display: inline-block;
	padding: 0 0 0 15px;
	margin: 0 30px 0 0;
	text-indent: -6px;
}
.ul-layout__date li:before {
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #042A2B;
	position: relative;
	left: -9px;
	top: -4px;
}
/* 診察できる動物リスト */
.ul-layout__animal {
	padding: 0;
	margin: 0 0 40px;
	background: none;
	letter-spacing: -.40em;
}
.ul-layout__animal li {
	display: inline-block;
	width: 235px;
	padding: 0;
	margin: 0 20px 0 0;
	text-indent: 0;
	letter-spacing: normal;
	vertical-align: top;
	text-align: center;
}
.ul-layout__animal li:last-child {
	margin: 0;
}
.ul-layout__animal li:before {
	display: none;
}
.ul-layout__animal li div {
	height: 58px;
	padding: 26px 0;
	background-color: #FFF;
}
.ul-layout__animal li div.last {
	height: 60px;
	padding: 25px 0;
}
.ul-layout__animal li h3 {
	margin: 0 0 9px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 26px;
	color: #FF6C00;
	line-height: 1;
}
.ul-layout__animal li div.last h3 {
	margin: 0;
	font-size: 20px;
}
.ul-layout__animal li span {
	font-size: 14px;
	color: #949494;
}
/*テーブル*/
.tb-layout {
	width: 100%;
}
.tb-layout th, .tb-layout td {
	padding: 10px 20px;
	vertical-align: top;
	vertical-align: middle;
}
.tb-layout th {
	width: 20%;
	border-bottom: 1px solid #EF7B45;
	text-align: center;
}
.tb-layout td {
	border-bottom: 1px solid #BFBFBF;
}
/* テーブル オレンジ色(#EF7B45) */
.examined .date {
	padding: 0 0 30px;
	border-bottom: 1px solid #DDD;
	margin: 0 0 30px;
	width: 480px;
}
#about .examined .date {
	padding: 0 0 30px;
	border-bottom: 1px solid #DDD;
	margin: 0 0 30px;
	width: 1000px;
}
.tb-layout__date, .tb-layout__animal {
	border: solid 4px #EF7B45;
}
.tb-layout__animal {
	margin: 0 0 20px;
}
.tb-layout__date th, .tb-layout__date td, .tb-layout__animal th {
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
}
.tb-layout__date .day th:first-child, .tb-layout__date .hour th, .tb-layout__animal th {
	width: 30%;
}
.tb-layout__date .hour th, .tb-layout__date .hour td, .tb-layout__animal td {
	background: #FFF;
	border-top: none;
	border-right: 1px solid #EF7B45;
	border-bottom: 1px solid #EF7B45;
}
.tb-layout__date .day th, .tb-layout__date .hour td {
	width: 10%;
}
.tb-layout__date .hour td {
	background: #FFF url(../img/tbl-01.png) center center no-repeat;
	background-size: 16px;
}
.tb-layout__date .hour td.closed {
	background: #FFF url(../img/tbl-02.png) center center no-repeat;
	background-size: 16px;
}
.tb-layout__date .day th, .tb-layout__animal th {
	background: #EF7B45;
	color: #FFF;
	border: none;
}
/*イメージボックス*/
.img-box {
	height: 296px;
	margin: 0 auto 30px;
}
.content .section-block.profile .img-box {
	width: 300px;
	height: 322px;
}
.img-box img {
	width: inherit;
}
.img-box.portrait .ex {
	line-height: 161px;
}
/*テキストエリア*/
.txt-area p {
	margin: 0 0 20px;
}
.txt-area span {
	display: block;
	margin: 10px 0 0;
	font-size: 24px;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}
.txt-area span span {
	display: inline;
	margin: 0 10px 0 0;
	font-size: 18px;
}
.txt-area .img-box {
	width: 250px;
	margin: 0 0 0 30px;
}
.txt-area .img-box img {
	width: inherit;
}
/* ヘッダー */
.header {
	position: relative;
	padding: 10px 0;
}
.header .h-logo {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	width: 153px;
	margin: auto;
}
.header .h-logo a {
	display: inline-block;
}
.header .h-logo img {
	width: 153px;
	height: auto;
}
.header .h-logo a:before {
	content: '';
	display: block;
	position: absolute;
	top: 12px;
	left: -87px;
	width: 77px;
	height: 65px;
	background: url(../img/logo_dog.png) left center no-repeat;
	background-size: 77px 65px;
}
.header .h-logo a:after {
	content: '';
	display: block;
	position: absolute;
	top: 11px;
	right: -85px;
	width: 75px;
	height: 68px;
	background: url(../img/logo_cat.png) left center no-repeat;
	background-size: 75px 68px;
}
.header .g-nav ul {
	width: 100%;
	line-height: 1;
	letter-spacing: -.40em;
	padding-left: 0;
}
.header .g-nav ul li {
	display: inline-block;
	width: 99px;
	border-left: 1px dotted #BFBFBF;
	margin: 0;
	letter-spacing: normal;
}
.header .g-nav ul li:last-child, .header .g-nav ul li:nth-child(3) {
	width: 98px;
	border-right: 1px dotted #BFBFBF;
}
.header .g-nav ul li:nth-child(4) {
	margin: 0 0 0 398px;
}
.header .g-nav ul li a {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
}
.header .g-nav ul li span {
	display: block;
}
.header .g-nav ul li span:before {
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	border: solid 1px #DDD;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto 15px;
	background-color: #FFF;
}
.header .g-nav ul li span:hover:before {
	animation: ripple 2s;
}
@keyframes ripple {
 0% {
 box-shadow: 0 0 0 0 #BBB, 0 0 10px 0 #DDD;
}
}
.nav-icon01:before {
	background: url(../img/nav_icon1.png) center center no-repeat;
}
.nav-icon02:before {
	background: url(../img/nav_icon2.png) center center no-repeat;
}
.nav-icon03:before {
	background: url(../img/nav_icon3.png) center center no-repeat;
}
.nav-icon04:before {
	background: url(../img/nav_icon4.png) center center no-repeat;
}
.nav-icon05:before {
	background: url(../img/nav_icon5.png) center center no-repeat;
}
.nav-icon06:before {
	background: url(../img/nav_icon6.png) center center no-repeat;
}
.header .g-nav ul li a:hover, .header .g-nav ul li.now a {
	color: #FF6C00;
}
/* スライダー */
.fv {
	width: 100%;
	height: 100%;
	margin: 0 0 43px;
	overflow: hidden;
}
.fv-wrap {
	width: 730px;
	height: 436px;
	margin: auto;
	position: relative;
}
.note-left, .note-right, .fv-txt, .fv-tel, .fv__lower .fv-txt, .fv__lower .fv-tel {
	position: absolute;
	z-index: 500;
}
.note-left, .note-right {
	top: 0;
}
.note-left {
	left: -45px;
}
.note-right {
	right: -45px;
}
.fv-txt {
	left: -60px;
	bottom: 0;
}
.fv-tel {
	right: -40px;
	bottom: 0;
}
.slider {
	width: 2790px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -1395px;
}
.slider-wrap {
	width: 100%;
}
.bxslider div {
	width: 730px;
}
.bxslider img {
	width: 730px;
	margin: auto;
}
.bx-controls-direction {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 730px;
	height: 436px;
	margin: auto;
}
.bx-prev, .bx-next {
	display: block;
	width: 35px;
	height: 29px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.bx-prev {
	background: url(../img/prev.png) no-repeat;
	left: -55px;
}
.bx-next {
	background: url(../img/next.png) no-repeat;
	right: -55px;
}
/* 下層FV */
.fv__lower {
	position: relative;
	width: 1000px;
	height: 300px;
	margin: 0 auto 43px;
}
.fv__lower .fv-txt {
	left: 100px;
	bottom: 0;
}
.fv__lower .fv-tel {
	right: 40px;
	bottom: 0;
}
.fv__lower.about {
	background: url(../img/fv_about.png) center center no-repeat;
}
.fv__lower.info {
	background: url(../img/fv_info.png) center center no-repeat;
}
.fv__lower.facility {
	background: url(../img/fv_facility.png) center center no-repeat;
}
.fv__lower.fee {
	background: url(../img/fv_fee.png) center center no-repeat;
}
.fv__lower.faq {
	background: url(../img/fv_faq.png) center center no-repeat;
}
.fv__lower.contact {
	background: url(../img/fv_contact.png) center center no-repeat;
}
/* コンテンツ */
.content {
	margin: 90px 0 150px;
}
.content.content__lower {
	margin: 40px 0 150px;
}
.content .section-block .col-2 {
	width: 480px;
	margin: 0 40px 0 0;
}
.content .section-block.profile table {
	width: 660px;
}
.content .section-block .col-2:last-child {
	margin: 0;
}
.article-area {
	padding: 0 20px;
	background-color: #FFF;
}
.article-area article {
	padding: 20px 0;
	border-bottom: solid 1px #DDD;
}
.article-area article:last-child {
	border-bottom: none;
}
.article-area time {
	float: left;
	padding: 4px 0;
	font-size: 12px;
}
.content.content__lower .article-area time {
	font-size: 14px;
}
.article-area a {
	display: inline-block;
	float: left;
	width: 350px;
	margin: 0 0 0 20px;
}
.article-area p {
	display: inline-block;
	float: left;
	width: 350px;
	margin: 0 0 0 20px;
}
.article-text {
	background-color: #FFF;
}
.article-text article {
	padding: 20px;
}
.article-text strong {
	font-weight: bold;
}
.article-text p {
	margin: 0 0 10px;
}
.article-text p:last-child {
	margin: 0;
}
.content.content__lower .article-area a {
	width: 650px;
	font-size: 19px;
}
.more {
	margin: 16px 0 0;
}
.more a {
	display: block;
	float: right;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}
.more a:before, .more a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.more a:before {
	left: -20px;
	width: 12px;
	height: 1px;
	background: #042A2B;
}
.more a:after {
	left: -10px;
	width: 2px;
	height: 2px;
	border-top: 1px solid #042A2B;
	border-right: 1px solid #042A2B;
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* アクセス */
.logo {
	margin: 0 0 30px;
}
.logo a, .logo address {
	float: left;
}
.logo a {
	display: block;
	margin: 0 30px 0 0;
}
.logo address {
	padding: 10px 0;
}
.route {
	margin: 0 0 30px;
}
.route p {
	padding: 0 0 7px;
	margin: 0 0 10px;
	border-bottom: 1px solid #FF6C00;
	color: #FF6C00;
	font-weight: bold;
}
.route div, .route .time-walk, .route .train {
	float: left;
}
.route div:first-of-type {
	margin: 0 35px 0 0;
}
.route .train {
	width: 90px;
	padding: 14px 15px 11px;
	margin: 0;
	border: none;
	color: #FFF;
	text-align: center;
	background: #0094D6;
}
.route .train span {
	display: block;
}
.route .train .line {
	font-size: 12px;
	letter-spacing: 12px;
}
.route .train .line span,
.route .train .sta,
.route .train .sta span {
	letter-spacing: normal;
}
.route .train .sta,
.route .train .sta span {
	font-size: 14px;
}
.route .train .sta.komae-st {
	letter-spacing: 22px;
}
.route .train .line span,
.route .train .sta span {
	display: inline;
}
.route .time-walk {
	display: block;
	padding: 24px 0;
	margin: 0 0 0 20px;
	font-weight: bold;
	line-height: 1;
}
.parking span {
	padding: 0 18px 0 0;
	font-weight: bold;
}
.map {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	margin: 0 0 20px;
	height: 0;
	overflow: hidden;
}
.map iframe, .map object, .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* フッター */
.footer {
	position: relative;
	padding: 66px 0 83px;
	background-color: #EF7B45;
}
.footer .mokomoko {
	position: absolute;
	top: -42px;
	left: 0;
	width: 100%;
	height: 42px;
	background: url(../img/footer_bg.png) 0 0 repeat-x;
}
.iphone .footer .mokomoko {
	top: -41px;
}
.footer .inr {
	width: 640px;
}
.footer .footer-logo a {
	display: block;
	width: 186px;
	margin: auto;
}
.footer .cta {
	margin: 42px 0 0;
}
.footer .cta .col-2 {
	width: 300px;
	margin: 0 70px 0 0;
}
.footer .cta .col-2:last-child {
	margin: 0;
}
.footer .cta .tel {
	width: 225px;
	padding: 10px 0 10px 45px;
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
	background: url(../img/tel.png) 5px center no-repeat;
	background-size: 29px 23px;
	letter-spacing: 2px;
	line-height: 1;
}
.iphone .footer .cta .tel {
	margin: 0 70px 0 0;
}
.android .footer .cta .tel {
	background-color: #EF7B45;
}
.footer .cta .btn {
	border: 1px solid #EF7B45;
}
.footer .cta .btn:hover {
	color: #FFF;
	border: 1px solid #FFF;
	background: #EF7B45;
}
.footer .f-nav {
	margin: 42px 0 0;
}
.footer .f-nav ul {
	letter-spacing: -.40em;
	padding-left: 0;
}
.footer .f-nav ul li {
	display: inline-block;
	padding: 0 55px 0 0;
	padding: 0 56px 0 0\9; /* IE10以下 */
	letter-spacing: normal;
}
@media all and (-ms-high-contrast: none){
	.footer .f-nav ul li {
		padding: 0 56px 0 0; /* IE10以上 */
	}
}
@-moz-document url-prefix(){
	.footer .f-nav ul li {
		padding: 0 56px 0 0;
	}
}
.footer .f-nav ul li:last-child {
	padding: 0;
}
.footer .f-nav ul li a {
	color: #FFF;
	font-weight: bold;
}
.footer .f-nav ul li a:hover {
	opacity: 0.8;
}
/* ページトップ */
.pagetop-btn {
	display: none;
	position: fixed;
	right: 25px;
	bottom: 10px;
	z-index: 2000;
}
.pagetop-btn a {
	display: block;
	width: 86px;
	height: 125px;
	background: url(../img/page_top.png) center center no-repeat;
	background-size: 86px 125px;
}
.pagetop-btn a:hover {
	padding: 0 0 10px;
}
/* Q＆A */
.ul-layout__faq {
	margin: 30px 0 0;
	list-style: none;
}
.ul-layout__faq li {
	border-bottom: solid 1px #d5d5d5;
	margin: 0 24px 30px;
}
.ul-layout__faq li .slide-tgl {
	display: block;
	position: relative;
	cursor: pointer;
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	font-weight: bold;
}
.ul-layout__faq li .slide-tgl:hover {
	color: inherit;
}
.ul-layout__faq li .slide-tgl:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 14px;
	height: 8px;
	margin: auto;
	background: url('../img/arrow.png') no-repeat;
	background-size: 14px 8px;
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}
.ul-layout__faq li .slide-tgl.active:after {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ul-layout__faq li .child {
	position: relative;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.ul-layout__faq li .child li {
	border: none;
	margin: 0 0 30px;
	padding: 20px 15px 20px 55px;
	background-color: #fff;
}
.ul-layout__faq li .child li p {
	width: 100%;
	margin: 0;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
}
.ul-layout__faq li .child li .child-ul {
	line-height: 1.8;
}
.ul-layout__faq li .child li .child-ul li {
	text-indent: -1em;
	padding: 0 0 0 1em;
	margin: 15px 0 0;
}
.ul-layout__faq li .slide-tgl:before, .ul-layout__faq li .child li:before {
	position: absolute;
	line-height: 1;
	font-weight: normal;
}
.ul-layout__faq li .slide-tgl:before {
	content: 'Q';
	top: 0;
	left: 0;
	width: 24px;
	height: 15px;
	padding: 5px 0 4px;
	color: #fff;
	text-align: center;
	background-color: #FF6C00;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.ul-layout__faq li .child li:before {
	content: 'A';
	top: 20px;
	left: 30px;
	font-size: 24px;
	color: #FF6C00;
}
/* 設備紹介 */
#facility ul {
	margin: 0 0 70px;
}
#facility .col-3 {
	width: 300px;
	margin: 0 50px 0 0;
}
#facility .col-3:last-child {
	margin: 0;
}
#facility .col-3 img {
	margin-bottom: 15px;
}
/* 診察費用のテーブル */
.fee-table {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
}
.fee-table thead th {
	background: #FFE4D7;
	border-top: 2px solid #EF7B45;
	border-bottom: none;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.fee-table th {
	padding-left: 25px;
	vertical-align: middle;
	text-align: left;
}
.fee-table th, .fee-table td {
	border-bottom: 1px solid #d9d9d9;
	padding: 10px;
}
.fee-table td {
	vertical-align: top;
	text-align: center;
}
.tax-exc {
	margin: 30px 0 0;
}
.tax-exc p {
	display: inline;
	padding: 0 0 5px;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #FFBB9C 60%);
}
.sign {
	font-size: 14px;
	font-weight: bold;
}
.sign span {
	padding: 0 5px 0 0;
	color: #FF4040;
}

.w10 {
	width: 10%;
}
.w15 {
	width: 15%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w30 {
	width: 30%;
}
.w33 {
	width: 33%;
}
.w35 {
	width: 35%;
}
.w40 {
	width: 40%;
}
.w50 {
	width: 50%;
}
.w100 {
	width: 100%;
}
/* 夜間診療 */
.night .white-box {
	background: #fff;
}
.night .tel{
	display: block;
	color: #0094D6;
	font-weight: bold;
	text-align: center;
	font-size: 26px;
	padding: 35px;
	}
.night .tel span{
	display: inline-block;
	padding: 13px 14px 10px;
	margin: 0 16px 0 0;
	color: #FFF;
	font-size: 16px;
	background: #0094D6;
	}
.night h3 {
	font-weight: bold;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: solid 1px #ddd;
}
.night .ul-layout {
	background-color: none;
	font-size: 12px;
	padding-bottom: 8px;
	border-bottom: solid 1px #ddd;
}
.caution p {
	font-size: 15px;
	font-weight: 600;
}

#index .section-block:first-child {
	margin: 0 0 24px 0;
}