@charset "UTF-8";

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

#kv {
	width: 100%;
	min-width: 1220px;
	height: 616px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	#kv div.slick_box {
		width: 100%;
		height: 616px;
		margin: 0 auto;
		padding: 0;
	}
		#kv div.kv_mask1 {
			position: absolute;
			width: 100%;
			height: 616px;
			margin: 0;
			padding: 0;
			background: url(../images/top/kv1.jpg) center top / cover no-repeat;
			-webkit-mask-image: url('../images/top/kv_mask.png'), radial-gradient(red, transparent 100%);
			-webkit-mask-size: auto 100%;
			-webkit-mask-repeat: repeat-x;
			mask-image: url('../images/top/kv_mask.png'), radial-gradient(red, transparent 100%);
			mask-size: auto 100%;
			mask-repeat: repeat-x;
			top: 0;
			left: 0;
		}
		#kv div.kv_mask2 {
			position: absolute;
			width: 100%;
			height: 616px;
			margin: 0;
			padding: 0;
			background: url(../images/top/kv2.jpg) center top / cover no-repeat;
			-webkit-mask-image: url('../images/top/kv_mask.png'), radial-gradient(red, transparent 100%);
			-webkit-mask-size: auto 100%;
			-webkit-mask-repeat: repeat-x;
			mask-image: url('../images/top/kv_mask.png'), radial-gradient(red, transparent 100%);
			mask-size: auto 100%;
			mask-repeat: repeat-x;
			top: 0;
			left: 0;
		}
		#kv div.kv_mask3 {
			position: absolute;
			width: 100%;
			height: 616px;
			margin: 0;
			padding: 0;
			background: url(../images/top/kv3.jpg) center top / cover no-repeat;
			-webkit-mask-image: url('../images/top/kv_mask.png'), radial-gradient(red, transparent 100%);
			-webkit-mask-size: auto 100%;
			-webkit-mask-repeat: repeat-x;
			mask-image: url('../images/top/kv_mask.png'), radial-gradient(red, transparent 100%);
			mask-size: auto 100%;
			mask-repeat: repeat-x;
			top: 0;
			left: 0;
		}
	#kv .kv_in {
		width: 1220px;
		height: 616px;
		margin: 0 auto;
		padding: 0;
	}
		#kv .kv_in h2 {
			position: absolute;
			display: inline-block;
			margin: 0;
			padding: 0;
			bottom: 83px;
			right: calc(50% + 50px);
		}


/* 私たちができること */
#can_do {
	width: 1040px;
	margin: 50px auto 0;
	padding: 0;
	background: url(../images/top/cando_bg_top.png) center top no-repeat, url(../images/top/cando_bg_btm.png) center bottom no-repeat, url(../images/top/cando_bg_mid.png) center repeat-y;
}
	#can_do .can_do_in {
		width: 100%;
		margin: 0 auto;
		padding: 100px 35px 25px;
	}
		#can_do .can_do_in ul {
			width: 450px;
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
		}
			#can_do .can_do_in ul li {
				width: 136px;
				margin: 16px 1px;
				padding: 0;
			}
				#can_do .can_do_in ul li img {
					width: 100%;
					height: auto;
				}
		#can_do .can_do_in .covid_info {
			width: 500px;
			margin: 0;
			padding: 0;
		}
			#can_do .can_do_in .covid_info h3 {
				margin: 0;
				padding: 5px 0;
				font-size: 19px;
				line-height: 200%;
				color: #222043;
				background: #E4ECF3;
			}
			#can_do .can_do_in .covid_info ul {
				display: none;
			}
			#can_do .can_do_in .covid_info p {
				margin: 20px 0 0;
				padding: 0;
				font-size: 0.95rem;
				line-height: 200%;
				color: #333;
				text-align: left;
			}
				#can_do .can_do_in .covid_info p.fontM {
					font-size: 0.95rem;
				}
				#can_do .can_do_in .covid_info p.fontL {
					font-size: 1.05rem;
				}
			#can_do .can_do_in .covid_info p strong {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 1.1rem;
				line-height: 200%;
				color: #FE6A00;
			}
				#can_do .can_do_in .covid_info p.fontM strong {
					font-size: 1.1rem;
				}
				#can_do .can_do_in .covid_info p.fontL strong {
					font-size: 1.2rem;
				}


/* トリミング・ペットホテル リンク */
#index_link {
	margin: 100px auto 0;
	padding: 0;
}
	#index_link .box {
		width: 570px;
		margin: 0;
		padding: 0;
	}
		#index_link .box h3 {
			margin: 0 auto;
			padding: 0;
		}
		#index_link .box h4 {
			margin: 5px auto 0;
			padding: 0;
			font-size: 0.8rem;
			line-height: 120%;
			color: #664C00;
			letter-spacing: 1px;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#index_link .box .box_cont {
			width: 100%;
			margin: 10px auto 0;
			padding: 0;
			background: #fff;
			border-top: 3px solid #232143;
			border-bottom: 3px solid #232143;
			box-shadow: 0 0 5px rgba(0,0,0,0.65);
		}
			#index_link .box .box_cont .img {
				width: 100%;
				margin: 0 auto;
				padding: 0;
			}
				#index_link .box .box_cont .img img {
					width: 100%;
					height: auto;
				}
			#index_link .box .box_cont .txt {
				width: 100%;
				margin: 0 auto;
				padding: 35px 40px;
				font-size: 1rem;
				line-height: 200%;
				color: #664C00;
				text-align: left;
			}
				#index_link .box .box_cont .txt p {
					margin: 0 auto;
					padding: 0;
				}
				#index_link .box .box_cont .txt p.fontM {
					font-size: 1rem;
				}
				#index_link .box .box_cont .txt p.fontL {
					font-size: 1.1rem;
				}

/* アクセス */
#index_access {
	margin: 100px auto 0;
	padding: 0;
}
	#index_access .access_l {
		width: 668px;
		margin: 0;
		padding: 0;
	}
	#index_access .access_r {
		width: 550px;
		margin: 38px 0 0;
		padding: 30px 20px 15px;
		background: url(../images/top/access_top.png) center top no-repeat, url(../images/top/access_btm.png) center bottom no-repeat, url(../images/top/access_mid.png) center repeat-y;
	}
		#index_access .access_r .access_in {
			width: 100%;
			margin: 0;
			padding: 15px 25px 20px;
			border: 2px solid #D0D3D7;
		}
			#index_access .access_r .access_in h3 {
				margin: 0 auto;
				padding: 0;
				font-size: 34px;
				line-height: 130%;
				color: #222042;
				font-style: italic;
				font-weight: normal;
				font-family: 'Fondamento', cursive;
			}
			#index_access .access_r .access_in h4 {
				margin: 5px auto 0;
				padding: 0;
				font-size: 0.8rem;
				line-height: 120%;
				color: #222042;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			}
			#index_access .access_r .access_in .address {
				margin: 10px auto 0;
				padding: 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				#index_access .access_r .access_in .address .address_l {
					width: 310px;
					margin: 0;
					padding: 0;
					text-align: left;
					color: #333;
				}
					#index_access .access_r .access_in .address .address_l h5 {
						margin: 0;
						padding: 0;
						font-size: 1.1rem;
						line-height: 160%;
					}
					#index_access .access_r .access_in .address .address_l dl {
						margin: 5px 0 0;
						padding: 0;
						font-size: 0.95rem;
						line-height: 140%;
						display: flex;
					}
						#index_access .access_r .access_in .address .address_l dl.fontM {
							font-size: 0.95rem;
						}
						#index_access .access_r .access_in .address .address_l dl.fontL {
							font-size: 1rem;
						}
						#index_access .access_r .access_in .address .address_l dl dt {
							width: 100px;
							margin: 0;
							padding: 0;
						}
						#index_access .access_r .access_in .address .address_l dl dd {
							width: 210px;
							margin: 0;
							padding: 0;
						}
					#index_access .access_r .access_in .address .address_l p {
						margin: 10px 0 0;
						padding: 0;
						font-size: 0.95rem;
						line-height: 140%;
					}
						#index_access .access_r .access_in .address .address_l p.fontM {
							font-size: 0.95rem;
						}
						#index_access .access_r .access_in .address .address_l p.fontL {
							font-size: 1rem;
						}
				#index_access .access_r .access_in .address .address_r {
					width: 130px;
					margin: 0;
					padding: 0;
				}
			#index_access .access_r .access_in h6 {
				margin: 10px auto 0;
				padding: 0;
				font-size: 1rem;
				line-height: 140%;
				color: #FE6A00;
				text-align: left;
			}
			#index_access .access_r .access_in ul {
				margin: 0 auto;
				padding: 10px 0 0;
				font-size: 1rem;
				line-height: 160%;
				color: #333;
				text-align: left;
				list-style: none;
			}
				#index_access .access_r .access_in ul.fontM {
					font-size: 1rem;
				}
				#index_access .access_r .access_in ul.fontL {
					font-size: 1.1rem;
				}
				#index_access .access_r .access_in ul li {
					margin: 10px auto 0;
					padding: 0.2em 0 0 2.5em;
					position: relative;
				}
					#index_access .access_r .access_in ul li:before {
						position: absolute;
						content: '';
						display: block;
						width: 29px;
						height: 30px;
						margin: auto;
						padding: 0;
						top: 0;
						left: 0;
					}
					#index_access .access_r .access_in ul li:nth-of-type(1):before {
						background: url(../images/icon/access_ico01.png) center no-repeat;
					}
					#index_access .access_r .access_in ul li:nth-of-type(2):before {
						background: url(../images/icon/access_ico02.png) center no-repeat;
					}


/* クーポン */
#index_coupon {
	width: 640px;
	margin: 95px auto 0;
	padding: 15px 15px 25px;
	border: 5px solid #232143;
	border-radius: 15px;
	background: url(../images/top/coupon_bg.png) center repeat;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
	#index_coupon:before {
		position: absolute;
		content: '';
		display: block;
		width: 47px;
		height: 45px;
		margin: auto;
		padding: 0;
		background: url(../images/top/coupon_deco1.png) center no-repeat;
		top: -25px;
		left: -43px;
	}
	#index_coupon:after {
		position: absolute;
		content: '';
		display: block;
		width: 78px;
		height: 90px;
		margin: auto;
		padding: 0;
		background: url(../images/top/coupon_deco2.png) center no-repeat;
		bottom: 0;
		right: -40px;
	}
	#index_coupon .txt {
		width: 570px;
		margin: 0;
		padding: 0 15px;
	}
		#index_coupon .txt h3 {
			margin: 0 auto;
			padding: 0;
		}
		#index_coupon .txt h4 {
			margin: 20px auto 0;
			padding: 0;
			font-size: 1.1rem;
			line-height: 160%;
			color: #FE6A00;
		}
			#index_coupon .txt h4.fontM {
				font-size: 1.1rem;
			}
			#index_coupon .txt h4.fontL {
				font-size: 1.2rem;
			}
		#index_coupon .txt p {
			margin: 20px auto 0;
			padding: 0;
			font-size: 1rem;
			line-height: 200%;
			color: #664C00;
			text-align: left;
		}
			#index_coupon .txt p.fontM {
				font-size: 1rem;
			}
			#index_coupon .txt p.fontL {
				font-size: 1.1rem;
			}
	#index_coupon .btn_area {
		width: 380px;
		margin: 0;
		padding: 0;
	}


/* Information */
#index_info {
	width: 620px;
	margin: 90px auto 0;
	padding: 0 0 100px;
}
	#index_info h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 34px;
		line-height: 130%;
		color: #222042;
		font-style: italic;
		font-weight: normal;
		font-family: 'Fondamento', cursive;
	}
	#index_info h4 {
		margin: 5px auto 0;
		padding: 0;
		font-size: 0.9rem;
		line-height: 120%;
		color: #664C00;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#index_info .info_in {
		width: 100%;
		margin: 0 auto;
		padding: 40px 0 25px;
		background: url(../images/top/info_bg_top.png) center top no-repeat, url(../images/top/info_bg_btm.png) center bottom no-repeat;
	}

	#index_info div.info_box {
		width: 100%;
		max-height: 200px;
		margin: 0 auto 0;
		padding: 0 18px;
		font-size: 1rem;
		line-height: 160%;
		color: #664C00;
		text-align: left;
		overflow-y: scroll;
	}
		#index_info div.fontM {
			font-size: 1rem;
		}
		#index_info div.fontL {
			font-size: 1.1rem;
		}
		#index_info div.info_box div
		,#index_info div.info_box p {
			margin: 0 auto;
			padding: 0;
			font-size: 1rem;
			line-height: 160%;
			text-align: left;
		}
			#index_info div.fontM div
			,#index_info div.fontM p {
				font-size: 1rem;
				text-align: left;
			}
			#index_info div.fontL div
			,#index_info div.fontL p {
				font-size: 1.1rem;
				text-align: left;
			}


/* ご予約情報のご確認 */
#google_calendar {
	width: 800px;
	margin: 100px auto 0;
	padding: 0 0 100px;
}
	#google_calendar h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 28px;
		line-height: 120%;
		color: #211F41;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#google_calendar .cal {
		width: 800px;
		height: 600px;
		margin: 15px auto 0;
		padding: 0;
		position: relative
	}
		#google_calendar iframe {
			position: absolute;
			width: 100%;
			height: 100%;
			margin: auto;
			padding: 0;
			top: 0;
			left: 0;
		}


}