@media only screen and (max-width:820px) {
	#footer {
		width: 100%;
	}

	.pc {
		display: none;
	}

	.sm {
		display: block;
	}


	/*===============================
	ヘッダー
================================*/
	.header {
		position: fixed;
		width: 100%;
		height: 60px;
		background: url("../images/bg_body.png") no-repeat #fff;
		background-size: 100%;
		z-index: 1000;
	}

	.header h1 {
		margin: 2%;
		text-align: inherit;
		font-size: revert;
	}

	.header h1 img {
		width: 68%;

	}

	/*===============================
	グローバルナビゲーション
================================*/
	.menu {
		position: fixed;
		right: -100%;
		top: 60px;
		width: 100%;
		height: 100%;
		background: #FFFDF7;
		box-sizing: border-box;
		transition: right 0.5s;
		z-index: 100;
		overflow-y: scroll;
		padding-bottom: 120px;
	}

	.menu ul {
		margin: 0 auto;
		width: 90%;
		display: block;
	}

	.menu ul li {
		border-bottom: 1px solid var(--main-color);
		font-size: var(--23px);
	}

	.menu ul li div ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.menu ul li div ul li {
		margin-bottom: 10px;
		width: 48%;
		border-bottom: none;
	}

	.menu ul li div ul li img {
		width: 100%;
		border-radius: 10px;
		vertical-align: bottom;
	}

	.menu div a img {
		border-radius: 10px;
	}

	.menu>ul>li>a {
		color: #343434;
		text-decoration: none;
	}

	.menu>ul>li>a::after {
		content: '';
		display: inline-block;
		width: 20px;
		height: 17px;
		background-image: url("../images/ico_arrow.svg");
		background-repeat: no-repeat;
		background-position: top 2px left 7px;
		background-size: 10px 14px;
	}

	.menu>ul>li>a:nth-of-type(1) {
		padding: 15px 15px 15px 0;
		display: block;
	}

	.menu ul li div ul li a {
		position: relative;
		padding: 0;
		display: block;
	}

	.menu ul li div a {
		background: none;
	}

	.menu ul li div ul li a span {
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px;
		font-size: var(--16px);
		color: white;
		border-radius: 10px 0;
		text-align: center;
		z-index: 1;
	}

	.menu ul li div ul li.kodakasa a span {
		background: var(--kodakasa);
		width: 120px;
	}

	.menu ul li div ul li.ushioe a span {
		background: var(--ushioe);
		width: 110px;
	}

	.menu ul li div ul li.ushioe2 a span {
		background: var(--ushioe2);
		width: 130px;
	}

	.menu ul li div ul li.minamimachi a span {
		background: var(--minamimachi);
		width: 110px;
	}

	.menu ul li div ul li.aijinen a span {
		background: var(--aijinen);
		width: 80px;
	}

	.menu ul li div ul li.hakuaien a span {
		background: var(--hakuaien);
		width: 80px;
	}

	.menu ul li div:last-child {
		margin: 10px 0 20px;
	}

	.menu-toggle {
		position: fixed;
		right: 15px;
		top: 15px;
		cursor: pointer;
	}

	.menu-toggle span {
		display: block;
		width: 35px;
		height: 4px;
		margin: 6px auto;
		transition: all 0.3s;
		background-color: var(--main-color);
		border-radius: 10px;
	}

	.menu.open {
		right: 0;
	}

	.menu-toggle.open span:nth-child(2) {
		opacity: 0;
	}

	.menu-toggle.open span:nth-child(1) {
		transform: translateY(10px) rotate(45deg);
	}

	.menu-toggle.open span:nth-child(3) {
		transform: translateY(-10px) rotate(-45deg);
	}


	/*===============================
	キービジュアル
================================*/
	#loopslider01 {
		height: 500px;
	}

	#loopslider01 img {
		
	}



}