@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 20px;
	}
	#page_title .sub span {
		font-size: 23px;
		padding: 0 10px;
	}
	/* フッター */
	#footer .contact .tel a {
		font-size: 30px;
	}
	#footer .box dt img {
		max-width: 150px;
	}
	#footer .box dd {
		letter-spacing: 0;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	.btn01 a {
		width: 320px;
		font-size: 18px;
	}
	@media only screen and (max-width: 320px){
		.btn01 a {
			width: 280px;
			font-size: 16px;
		}
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#page_title {
		overflow: visible;
	}
	#page_title #slider {
		padding-bottom: 0;
	}
	#page_title .lft_box .pet_box {
		width: 100%;
	}
	#page_title .lft_box .pet_box .img {
		width: 65px;
		bottom: -11px;
	}
	#page_title .lft_box .pet_box .txt_in {
		margin-left: 90px;
	}
	#page_title .lft_box .pet_box .txt_in .ttl {
		font-size: 19px;
		letter-spacing: 0;
	}
	#page_title .lft_box .pet_box .txt_in .txt {
		font-size: 16px;
		letter-spacing: 2px;
	}
	#page_title .rit_box img {
		width: 100px;
	}
	@media only screen and (max-width: 320px){
		#page_title .rit_box img {
			width: 80px;
		}
	}
	#page_title .btm_box {
		position: absolute;
		bottom: -22px;
		z-index: 5;
	}
	#top_renewal .img {
		transform:scale(1.5);
		margin-bottom: 30px;
	}
	#top_renewal h3.sub {
		letter-spacing: 0;
		font-size: 20px;
	}
	#top_renewal .renewal_box .txt {
		font-size: 16px;
	}
	@media only screen and (max-width: 320px){
		#page_title #top_ttl {
			padding-bottom: 95px;
		}
		#page_title .lft_box .pet_box .img {
			width: 60px;
		}
		#page_title .lft_box .pet_box .txt_in {
			margin-left: 80px;
		}
		#page_title .lft_box .pet_box .txt_in .ttl {
			font-size: 16px;
		}
		#page_title .lft_box .pet_box .txt_in .txt {
			font-size: 14px;
			letter-spacing: 1px;
		}
		#page_title .btm_box {
			bottom: 79px;
		}
		#top_renewal h3.sub {
			font-size: 19px;
		}
		#top_renewal .renewal_box .txt {
			font-size: 13px;
		}
	}

	#top_contents .contents_box .box {
		width: 100%;
	}
	#top_contents .contents_box .box .txt_box .txt {
		font-size: 14px;
	}
	#top_seat h3 span {
		width: 180px;
		height: 57px;
		font-size: 25px;
	}
	#top_seat .seat_box .box {
		width: 100%;
	}
	/**/
	#top_about .img_box {
		width: 92%;
		height: auto;
		margin: 0 0 -60px;
		aspect-ratio: 4 / 3;
	}
	#top_about .txt_box {
		padding: 70px 20px 50px;
		border-radius: 20px;
	}
	#top_about .txt_box h3 {
		font-size: 25px;
	}
	#top_about .txt_box .list dl {
		display: block;
		margin-bottom: 15px;
	}
	#top_about .txt_box .list dl dt {
		font-size: 16px;
		width: 100px;
	}
	#top_about .txt_box .list dl dd {
		width: 100%;
	}
	#top_about .txt_box .btn01 a {
		width: 280px;
	}
	@media only screen and (max-width: 320px){
		#top_about .txt_box .btn01 a {
			width: 260px;
			font-size: 16px;
		}
	}
	/*--------------------------------------------------
		メニュー
	--------------------------------------------------*/
	#menu_page .meal .box .in .subheading {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1.4;
	}
	#menu_page .meal .box:nth-of-type(2) .in .subheading {
		font-size: 18px;
		letter-spacing: 0;
	}
	#menu_page .meal .box .in dl {
		font-size: 25px;
	}
	#menu_page .meal .box .in dl dd .yen {
		font-size: 18px;
	}
	#menu_page .meal .box .in .txt, #menu_page .meal .box .in .txt02 {
		letter-spacing: 0;
	}
	#menu_page .drink h3 {
		font-size: 25px;
		letter-spacing: 5px;
	}
	#menu_page .drink .box {
		width: 100%;
	}
	#menu_page .drink .box .sec h4 {
		font-size: 18px;
	}
	/*--------------------------------------------------
		お席紹介
	--------------------------------------------------*/
	#seat .seat .box .in h3 {
		font-size: 20px;
		padding-left: 70px;
		padding-top: 8px;
		min-height: 60px;
		letter-spacing: 0;
	}
	#seat .seat .box .in h3 img {
		width: 60px;
	}
	#seat .seat .box .in h3 br {
		display: inline-block;
	}
	#seat .seat .box .in .txt {
		letter-spacing: 0;
	}
	#seat .seat .box .in table tr th {
		white-space: nowrap;
	}
	#seat .seat .box .img {
		width: 100%;
	}
	#seat .seat .box .img img:last-of-type:not(.inu) {
		width: 55%;
	}
	#seat .seat .box .in h3.w1 {
		padding-top: 17px;
	}
	#seat .seat .box .in h3.pet span {
		margin-left: 10px;
		top: 0;
		font-size: 16px;
	}
	#seat .seat .box .img .inu_area {
		font-size: 15px;
	}
	#seat #shop h3 {
		font-size: 25px;
		letter-spacing: 0;
	}
	#seat #shop .box .sec {
		width: 100%;
	}
	#seat #shop .box .sec > dl > dt {
		font-size: 18px;
		letter-spacing: 0;
	}
	#seat #shop .box .sec > dl > dd > dl:not(:last-of-type) {
		margin-bottom: 15px;
	}
	#seat #shop iframe {
		height: 300px;
	}
/*------------------------------------------------*/
}