.yk-phonemenu {
	display: none;
}

.yk-spmenu-btn {
	display: none;
}

.yk-pohoneicon {
	display : none;
}

@media screen and (max-width: 768px) {
	#site-header {
		position: fixed;
	}
	
	#slider {
		margin-top: 60px;
	}
	
	#ft-nav {
		display: none !important;
	}
	
	.yk-pohoneicon {
		display : block;
	}
	.header-menu.newsp {
		position: fixed;
		left: unset;
		top: 0;
		right: 0;
	}

	.menu-line.active {
		left: unset;
		top: 0;
		right: 0;
	}

	.menu-line {
		background: #D8D5CD;
	}
	
	.yk-spmenu-btn {
		display: block;
	}
	
	.phonemenu {
		width: 60px;
		height: 60px;
		padding: 20px 15px;
		background: #ef5a86;
		top: 61px;
		right: 0px;
		position: absolute;
		color: #FFF;
		font-size: 20px;
		text-align: center;
	}
	
	.phonemenu a i {
		color: #FFF;
	}
	
	.yk-spmenu-btn .menu-line {
		position: fixed;
		left: 0px;
		bottom: 0px;
		top: unset;
		right: unset;
	}
	
	.yk-spmenu-btn .phonemenu {
		position: fixed;
		left: 61px;
		bottom: 0px;
		top: unset;
		right: unset;
	}

	.line {
		background: #fff;
	}

	.ykpm-logo {
		width: 100%;
		padding: 6vw 0;
		text-align: center;			
	}

	.ykpm-logo img {
		width: 45%;
		margin: auto;
	}

	.ykpm-mainmenu {
		background-color: #de6486;
		/* 			padding: 40px 20px; */
		padding: 9vw 5vw 10vw;
		color: #FFF;
		text-align: center;
	}

	.ykpm-mm-title {
		font-size: 4vw;
	}

	.ykpm-mm-cols {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		margin: 15px 0 0;
	}

	.ykpm-mm-col {
		flex: calc(100% / 3);
		padding: 10px 0;
		max-width: calc(100% / 3);
		border-style: solid;
		border-width: 0px 1px 1px 0px;
		position: relative;
	}

	.ykpm-mm-col:nth-child(1),
	.ykpm-mm-col:nth-child(2),
	.ykpm-mm-col:nth-child(3) {
		border-width: 1px 1px 1px 0px;
	}

	.ykpm-mm-col:nth-child(1){
		border-width: 1px 1px 1px 1px;
	}

	.ykpm-mm-col:nth-child(4) {
		border-width: 0px 1px 1px 1px;
	}

	.ykpm-mm-col img {
		height: 10vw;
		width: auto;
	}

	.ykpm-mm-col p {
		font-size: 2.9vw;
	}

	.ykpm-midmenu {
		width: 100%;
		text-align: center;
	}

	.ykpm-mid-cols {
		display: flex;
		width: 80%;
		flex-wrap: wrap;
		margin: 15px auto;
	}

	.ykpm-mid-col {
		flex: calc(100% / 2 - 20px);
		max-width: calc(100% / 2 - 20px);
		margin: 0 10px;
		border-style: solid;
		border-width: 0 0 2px;
		font-size: 3.5vw;
		padding: 16px 0 8px;
		color: #de6486;
		position: relative;
	}

	.ykpm-btmmenu {
		width: 100%;
		text-align: center;
		padding: 7vw 0 0;
	}

	.ykpm-btm-btn {
		width: 50%;
		border-radius: 30px;
		color: #FFF;
		background-color: #de6486;
		padding: 15px 10px;
		margin: 10px auto;
		position: relative;
		font-size: 4vw;
	}

	.ykpm-btm-btn:first-child::before {
		content: "";
		background-image: url(https://www.yokohosp.com/wp/wp-content/uploads/moon.png);
		background-repeat: no-repeat;
		background-size: contain;
		/* 			width: 60px;
		height: 60px; */
		width: 15vw;
		height: 15vw;
		position: absolute;
		/* 			top: -40px;
		right: -33px; */
		top: -10vw;
		right: -8vw;
		z-index: -1;
	}

	.div-link {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.ykpm-btmmenu {
		padding: 70px 0 0;
	}
	
	.ykpm-mainmenu {
		padding: 6vw 5vw 7vw;
	}
	
	.ykpm-logo {
		padding: 5vw 0;
	}
	
	.ykpm-logo img {
		width: 40%;
	}
	
	.ykpm-mm-col img {
		height: 8vw;
	}
	
	.ykpm-btm-btn {
		font-size: 3.3vw;
	}
	
	.ykpm-mid-col {
		font-size: 3vw;
		padding: 30px 0 14px;
	}
}