@charset "utf-8";
@media (max-width: 1024px) {
	/* 	タブレット・スマホではメニュー非表示 */
	html #wpadminbar {
		display: none;
	}
	/* 	ヘッダー */
	.sp_v {
		display: block;
	}
	.pc_v {
		display: none;
	}
	.head_change .tel {
		font-size: 2rem;
		white-space: nowrap;
	}
	.head_change-in .logo h1 span {
		margin-left: 0;
	}
	.head_change .reserv_link {
		padding: 1.5em 1em 1.5em 3.5em;
		display: block;
	}
	.head_change .reserv_link a {
		white-space: nowrap;
	}
	.head_change-in .logo h1 span {
		width: 200px;
	}
	.head_menu #menu li {
		font-size: 1.5rem;
	  padding: 8px 4px;
	}
	.w1200 {
		max-width: 100%;
	}
	.banner img {
	width:90%;
	}
	#head_change{
	padding-top: 50px;
	display: none;
	}
	#header {
	display: flex;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	margin:0;
	background:#000;
	padding:5px;
	z-index:1000;
	box-sizing: border-box;
	height: 50px;
	align-items: center;
	}
	#header .logo img{
	height:40px;
	width:auto;
	margin-left: 5px;
	}
	#menu {
		display: none;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 90;
		color: #fff;
		background: rgba(0, 0, 0, 0.8);
		box-sizing: border-box;
		text-align: left;
		float: none;
		margin:0;
		padding-top: 4em;
		padding-bottom: 1em;
	}
	#menu > ul {
		text-align: left;
		margin:0;
		padding:0;
	}
	#menu li {
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0 auto;
		box-sizing: border-box;
		font-size: 1.8rem;
		text-align: center;
	}
	#menu li a {
	  display: block;
	  font-size: 1.6rem;
	  padding: 15px 15px;
	  color: #FFF;
	  text-align: left;
	}
	#menu li .sub-nav {
	  opacity: 1;
	  position: relative;
	  left: auto;
	  top: auto;
	  width: auto;
	  margin-left: 8px;
	  text-align: left;
	  border-top: 1px dashed #999;
	}
	#menu li .sub-nav li {
	  display: block;
	  padding: 0;
	  border-bottom: 1px dashed #999;
	}
	#menu li .sub-nav li:last-child {
	  border-bottom: none;
	}
	#menu li .sub-nav a {
	  width: auto;
	  padding: 3px 10px 3px 10px;
	  color: #FFF;
	  background: #000;
	}
	.mainimg {
		padding-top: 0;
	}
	.mainimg img {
		margin: 50px auto 0;
	}
	.menu-trigger,
	.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	}
	.menu-trigger {
	position: fixed;
	width: 30px;
	height: 22px;
	top:12px;
	right:10px;
	z-index:2000;
	cursor:pointer;
	}
	.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	top: 9px;
	}
	.menu-trigger span:nth-of-type(3) {
	bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
	}
	.mainv_bg {
		margin-top: 0;
	}
	.icon {
	  top: 10px;
	}
	#point h2 {
		padding: 0 1em;
	}
	h3::before { /* スクロール位置のハック */
	margin-top: -80px; 
	height: 80px; 
	}
	#footer .spbtn {
	 	display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: fixed;
		width: 100%;
		bottom: 0px;
		background:rgb(255,255,255);
		border-top:solid #ccc 1px;
		box-sizing: border-box;
		z-index: 999;
	}
	#footer .spbtn div{
		text-align: center;
		display: block;
		font-size:17px;
		width: 50%;
		box-sizing: border-box;
	}
	#footer .spbtn div a{
		display: block;
	}
	#footer .spbtn div{
		border-right:solid #ccc 1px;
	}
	#footer .spbtn div:last-child{
		border-right:none;
	}
	#footer .spbtn .fa-map,#footer .spbtn .fa-calendar{
		color:green;
		margin-right: 3px;
	}
	#footer .spbtn .fa-phone{
		color:orange;
		margin-right: 3px;
	}
	#footer .spbtn .fa-chevron-circle-up{
		color:white;
		margin-right: 3px;
	}
	#footer .spbtn2 {
	 	display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: fixed;
		width: 100%;
		bottom: 0px;
		background:rgba(248, 248, 248, 0.98);
		box-sizing: border-box;
		align-items: flex-start;
		padding-top: 5px;

	}
	#footer .spbtn2 div{
		text-align: center;
		display: block;
		font-size:12px;
		width: 100%;
		padding: 5px;
		box-sizing: padding-box;
	}
	#footer .spbtn2 img{
		max-width: 70px;
	}
	.link_list_single h4, .link_list h4 {
		
	}
	#footer .spbtn {
	 	display:-webkit-box;
	  	display:-ms-flexbox;
	  	display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: fixed;
		width: 100%;
		bottom: 0px;
		background:rgb(255,255,255);
		border-top:solid #ccc 1px;
		box-sizing: border-box;
	}
	#footer .spbtn div{
		text-align: center;
		display: block;
		font-size:17px;
		width: 50%;
		box-sizing: border-box;
	}
	#footer .spbtn div a{
		display: block;
	}
	#footer .spbtn div{
		border-right:solid #ccc 1px;
	}
	#footer .spbtn div:last-child{
		border-right:none;
	}
	#footer .spbtn a.phone:before {
		font-family: 'Material Icons';
		content: "\e551";
		display: inline-flex;
		vertical-align: middle;
		font-size: 32px;
		margin-right: 5px;
		color: green;
	}
	#footer .spbtn a.map:before {
		font-family: 'Material Icons';
		content: "\e55b";
		display: inline-flex;
		vertical-align: middle;
		font-size: 32px;
		margin-right: 5px;
		color: green;
	}
	#footer .spbtn a.reserve:before {
		font-family: 'Material Icons';
		content: "\e56c";
		display: inline-flex;
		vertical-align: middle;
		font-size: 32px;
		margin-right: 5px;
		color: orange;
	}
	#yoyaku .reserv_link {
		right: 20px;
		bottom: 115px;
	}
	#goto_top {
		right: 20px;
		bottom: 70px;
	}
	.link_list {
	    width: 100%;
	}
	.link_left {
	    margin-right: 0;
	}
	.logo span {
	    margin: 0 0 0 15px;
	}
	h2::before { /* スクロール位置のハック */
	  margin-top: -80px; 
	  height: 80px; 
	}
	h3.box::before { /* スクロール位置のハック */
	  margin-top: -80px; 
	  height: 80px; 
	}
}