@media screen and (max-width: 640px) {
  .u-mq-up-md-only {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-0 {
    margin-top: 0px !important;
  }
  .u-sp-mr-0 {
    margin-right: 0px !important;
  }
  .u-sp-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-sp-ml-0 {
    margin-left: 0px !important;
  }
  .u-sp-pt-0 {
    padding-top: 0px !important;
  }
  .u-sp-pr-0 {
    padding-right: 0px !important;
  }
  .u-sp-pb-0 {
    padding-bottom: 0px !important;
  }
  .u-sp-pl-0 {
    padding-left: 0px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-5 {
    margin-top: 5px !important;
  }
  .u-sp-mr-5 {
    margin-right: 5px !important;
  }
  .u-sp-mb-5 {
    margin-bottom: 5px !important;
  }
  .u-sp-ml-5 {
    margin-left: 5px !important;
  }
  .u-sp-pt-5 {
    padding-top: 5px !important;
  }
  .u-sp-pr-5 {
    padding-right: 5px !important;
  }
  .u-sp-pb-5 {
    padding-bottom: 5px !important;
  }
  .u-sp-pl-5 {
    padding-left: 5px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-10 {
    margin-top: 10px !important;
  }
  .u-sp-mr-10 {
    margin-right: 10px !important;
  }
  .u-sp-mb-10 {
    margin-bottom: 10px !important;
  }
  .u-sp-ml-10 {
    margin-left: 10px !important;
  }
  .u-sp-pt-10 {
    padding-top: 10px !important;
  }
  .u-sp-pr-10 {
    padding-right: 10px !important;
  }
  .u-sp-pb-10 {
    padding-bottom: 10px !important;
  }
  .u-sp-pl-10 {
    padding-left: 10px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-15 {
    margin-top: 15px !important;
  }
  .u-sp-mr-15 {
    margin-right: 15px !important;
  }
  .u-sp-mb-15 {
    margin-bottom: 15px !important;
  }
  .u-sp-ml-15 {
    margin-left: 15px !important;
  }
  .u-sp-pt-15 {
    padding-top: 15px !important;
  }
  .u-sp-pr-15 {
    padding-right: 15px !important;
  }
  .u-sp-pb-15 {
    padding-bottom: 15px !important;
  }
  .u-sp-pl-15 {
    padding-left: 15px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-20 {
    margin-top: 20px !important;
  }
  .u-sp-mr-20 {
    margin-right: 20px !important;
  }
  .u-sp-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-sp-ml-20 {
    margin-left: 20px !important;
  }
  .u-sp-pt-20 {
    padding-top: 20px !important;
  }
  .u-sp-pr-20 {
    padding-right: 20px !important;
  }
  .u-sp-pb-20 {
    padding-bottom: 20px !important;
  }
  .u-sp-pl-20 {
    padding-left: 20px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-25 {
    margin-top: 25px !important;
  }
  .u-sp-mr-25 {
    margin-right: 25px !important;
  }
  .u-sp-mb-25 {
    margin-bottom: 25px !important;
  }
  .u-sp-ml-25 {
    margin-left: 25px !important;
  }
  .u-sp-pt-25 {
    padding-top: 25px !important;
  }
  .u-sp-pr-25 {
    padding-right: 25px !important;
  }
  .u-sp-pb-25 {
    padding-bottom: 25px !important;
  }
  .u-sp-pl-25 {
    padding-left: 25px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-30 {
    margin-top: 30px !important;
  }
  .u-sp-mr-30 {
    margin-right: 30px !important;
  }
  .u-sp-mb-30 {
    margin-bottom: 30px !important;
  }
  .u-sp-ml-30 {
    margin-left: 30px !important;
  }
  .u-sp-pt-30 {
    padding-top: 30px !important;
  }
  .u-sp-pr-30 {
    padding-right: 30px !important;
  }
  .u-sp-pb-30 {
    padding-bottom: 30px !important;
  }
  .u-sp-pl-30 {
    padding-left: 30px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-35 {
    margin-top: 35px !important;
  }
  .u-sp-mr-35 {
    margin-right: 35px !important;
  }
  .u-sp-mb-35 {
    margin-bottom: 35px !important;
  }
  .u-sp-ml-35 {
    margin-left: 35px !important;
  }
  .u-sp-pt-35 {
    padding-top: 35px !important;
  }
  .u-sp-pr-35 {
    padding-right: 35px !important;
  }
  .u-sp-pb-35 {
    padding-bottom: 35px !important;
  }
  .u-sp-pl-35 {
    padding-left: 35px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-40 {
    margin-top: 40px !important;
  }
  .u-sp-mr-40 {
    margin-right: 40px !important;
  }
  .u-sp-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-sp-ml-40 {
    margin-left: 40px !important;
  }
  .u-sp-pt-40 {
    padding-top: 40px !important;
  }
  .u-sp-pr-40 {
    padding-right: 40px !important;
  }
  .u-sp-pb-40 {
    padding-bottom: 40px !important;
  }
  .u-sp-pl-40 {
    padding-left: 40px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-45 {
    margin-top: 45px !important;
  }
  .u-sp-mr-45 {
    margin-right: 45px !important;
  }
  .u-sp-mb-45 {
    margin-bottom: 45px !important;
  }
  .u-sp-ml-45 {
    margin-left: 45px !important;
  }
  .u-sp-pt-45 {
    padding-top: 45px !important;
  }
  .u-sp-pr-45 {
    padding-right: 45px !important;
  }
  .u-sp-pb-45 {
    padding-bottom: 45px !important;
  }
  .u-sp-pl-45 {
    padding-left: 45px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-50 {
    margin-top: 50px !important;
  }
  .u-sp-mr-50 {
    margin-right: 50px !important;
  }
  .u-sp-mb-50 {
    margin-bottom: 50px !important;
  }
  .u-sp-ml-50 {
    margin-left: 50px !important;
  }
  .u-sp-pt-50 {
    padding-top: 50px !important;
  }
  .u-sp-pr-50 {
    padding-right: 50px !important;
  }
  .u-sp-pb-50 {
    padding-bottom: 50px !important;
  }
  .u-sp-pl-50 {
    padding-left: 50px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-55 {
    margin-top: 55px !important;
  }
  .u-sp-mr-55 {
    margin-right: 55px !important;
  }
  .u-sp-mb-55 {
    margin-bottom: 55px !important;
  }
  .u-sp-ml-55 {
    margin-left: 55px !important;
  }
  .u-sp-pt-55 {
    padding-top: 55px !important;
  }
  .u-sp-pr-55 {
    padding-right: 55px !important;
  }
  .u-sp-pb-55 {
    padding-bottom: 55px !important;
  }
  .u-sp-pl-55 {
    padding-left: 55px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-60 {
    margin-top: 60px !important;
  }
  .u-sp-mr-60 {
    margin-right: 60px !important;
  }
  .u-sp-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-sp-ml-60 {
    margin-left: 60px !important;
  }
  .u-sp-pt-60 {
    padding-top: 60px !important;
  }
  .u-sp-pr-60 {
    padding-right: 60px !important;
  }
  .u-sp-pb-60 {
    padding-bottom: 60px !important;
  }
  .u-sp-pl-60 {
    padding-left: 60px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-65 {
    margin-top: 65px !important;
  }
  .u-sp-mr-65 {
    margin-right: 65px !important;
  }
  .u-sp-mb-65 {
    margin-bottom: 65px !important;
  }
  .u-sp-ml-65 {
    margin-left: 65px !important;
  }
  .u-sp-pt-65 {
    padding-top: 65px !important;
  }
  .u-sp-pr-65 {
    padding-right: 65px !important;
  }
  .u-sp-pb-65 {
    padding-bottom: 65px !important;
  }
  .u-sp-pl-65 {
    padding-left: 65px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-70 {
    margin-top: 70px !important;
  }
  .u-sp-mr-70 {
    margin-right: 70px !important;
  }
  .u-sp-mb-70 {
    margin-bottom: 70px !important;
  }
  .u-sp-ml-70 {
    margin-left: 70px !important;
  }
  .u-sp-pt-70 {
    padding-top: 70px !important;
  }
  .u-sp-pr-70 {
    padding-right: 70px !important;
  }
  .u-sp-pb-70 {
    padding-bottom: 70px !important;
  }
  .u-sp-pl-70 {
    padding-left: 70px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-75 {
    margin-top: 75px !important;
  }
  .u-sp-mr-75 {
    margin-right: 75px !important;
  }
  .u-sp-mb-75 {
    margin-bottom: 75px !important;
  }
  .u-sp-ml-75 {
    margin-left: 75px !important;
  }
  .u-sp-pt-75 {
    padding-top: 75px !important;
  }
  .u-sp-pr-75 {
    padding-right: 75px !important;
  }
  .u-sp-pb-75 {
    padding-bottom: 75px !important;
  }
  .u-sp-pl-75 {
    padding-left: 75px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-80 {
    margin-top: 80px !important;
  }
  .u-sp-mr-80 {
    margin-right: 80px !important;
  }
  .u-sp-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-sp-ml-80 {
    margin-left: 80px !important;
  }
  .u-sp-pt-80 {
    padding-top: 80px !important;
  }
  .u-sp-pr-80 {
    padding-right: 80px !important;
  }
  .u-sp-pb-80 {
    padding-bottom: 80px !important;
  }
  .u-sp-pl-80 {
    padding-left: 80px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-85 {
    margin-top: 85px !important;
  }
  .u-sp-mr-85 {
    margin-right: 85px !important;
  }
  .u-sp-mb-85 {
    margin-bottom: 85px !important;
  }
  .u-sp-ml-85 {
    margin-left: 85px !important;
  }
  .u-sp-pt-85 {
    padding-top: 85px !important;
  }
  .u-sp-pr-85 {
    padding-right: 85px !important;
  }
  .u-sp-pb-85 {
    padding-bottom: 85px !important;
  }
  .u-sp-pl-85 {
    padding-left: 85px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-90 {
    margin-top: 90px !important;
  }
  .u-sp-mr-90 {
    margin-right: 90px !important;
  }
  .u-sp-mb-90 {
    margin-bottom: 90px !important;
  }
  .u-sp-ml-90 {
    margin-left: 90px !important;
  }
  .u-sp-pt-90 {
    padding-top: 90px !important;
  }
  .u-sp-pr-90 {
    padding-right: 90px !important;
  }
  .u-sp-pb-90 {
    padding-bottom: 90px !important;
  }
  .u-sp-pl-90 {
    padding-left: 90px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-95 {
    margin-top: 95px !important;
  }
  .u-sp-mr-95 {
    margin-right: 95px !important;
  }
  .u-sp-mb-95 {
    margin-bottom: 95px !important;
  }
  .u-sp-ml-95 {
    margin-left: 95px !important;
  }
  .u-sp-pt-95 {
    padding-top: 95px !important;
  }
  .u-sp-pr-95 {
    padding-right: 95px !important;
  }
  .u-sp-pb-95 {
    padding-bottom: 95px !important;
  }
  .u-sp-pl-95 {
    padding-left: 95px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-100 {
    margin-top: 100px !important;
  }
  .u-sp-mr-100 {
    margin-right: 100px !important;
  }
  .u-sp-mb-100 {
    margin-bottom: 100px !important;
  }
  .u-sp-ml-100 {
    margin-left: 100px !important;
  }
  .u-sp-pt-100 {
    padding-top: 100px !important;
  }
  .u-sp-pr-100 {
    padding-right: 100px !important;
  }
  .u-sp-pb-100 {
    padding-bottom: 100px !important;
  }
  .u-sp-pl-100 {
    padding-left: 100px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-110 {
    margin-top: 110px !important;
  }
  .u-sp-mr-110 {
    margin-right: 110px !important;
  }
  .u-sp-mb-110 {
    margin-bottom: 110px !important;
  }
  .u-sp-ml-110 {
    margin-left: 110px !important;
  }
  .u-sp-pt-110 {
    padding-top: 110px !important;
  }
  .u-sp-pr-110 {
    padding-right: 110px !important;
  }
  .u-sp-pb-110 {
    padding-bottom: 110px !important;
  }
  .u-sp-pl-110 {
    padding-left: 110px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-120 {
    margin-top: 120px !important;
  }
  .u-sp-mr-120 {
    margin-right: 120px !important;
  }
  .u-sp-mb-120 {
    margin-bottom: 120px !important;
  }
  .u-sp-ml-120 {
    margin-left: 120px !important;
  }
  .u-sp-pt-120 {
    padding-top: 120px !important;
  }
  .u-sp-pr-120 {
    padding-right: 120px !important;
  }
  .u-sp-pb-120 {
    padding-bottom: 120px !important;
  }
  .u-sp-pl-120 {
    padding-left: 120px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-130 {
    margin-top: 130px !important;
  }
  .u-sp-mr-130 {
    margin-right: 130px !important;
  }
  .u-sp-mb-130 {
    margin-bottom: 130px !important;
  }
  .u-sp-ml-130 {
    margin-left: 130px !important;
  }
  .u-sp-pt-130 {
    padding-top: 130px !important;
  }
  .u-sp-pr-130 {
    padding-right: 130px !important;
  }
  .u-sp-pb-130 {
    padding-bottom: 130px !important;
  }
  .u-sp-pl-130 {
    padding-left: 130px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-140 {
    margin-top: 140px !important;
  }
  .u-sp-mr-140 {
    margin-right: 140px !important;
  }
  .u-sp-mb-140 {
    margin-bottom: 140px !important;
  }
  .u-sp-ml-140 {
    margin-left: 140px !important;
  }
  .u-sp-pt-140 {
    padding-top: 140px !important;
  }
  .u-sp-pr-140 {
    padding-right: 140px !important;
  }
  .u-sp-pb-140 {
    padding-bottom: 140px !important;
  }
  .u-sp-pl-140 {
    padding-left: 140px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-150 {
    margin-top: 150px !important;
  }
  .u-sp-mr-150 {
    margin-right: 150px !important;
  }
  .u-sp-mb-150 {
    margin-bottom: 150px !important;
  }
  .u-sp-ml-150 {
    margin-left: 150px !important;
  }
  .u-sp-pt-150 {
    padding-top: 150px !important;
  }
  .u-sp-pr-150 {
    padding-right: 150px !important;
  }
  .u-sp-pb-150 {
    padding-bottom: 150px !important;
  }
  .u-sp-pl-150 {
    padding-left: 150px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-160 {
    margin-top: 160px !important;
  }
  .u-sp-mr-160 {
    margin-right: 160px !important;
  }
  .u-sp-mb-160 {
    margin-bottom: 160px !important;
  }
  .u-sp-ml-160 {
    margin-left: 160px !important;
  }
  .u-sp-pt-160 {
    padding-top: 160px !important;
  }
  .u-sp-pr-160 {
    padding-right: 160px !important;
  }
  .u-sp-pb-160 {
    padding-bottom: 160px !important;
  }
  .u-sp-pl-160 {
    padding-left: 160px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-180 {
    margin-top: 180px !important;
  }
  .u-sp-mr-180 {
    margin-right: 180px !important;
  }
  .u-sp-mb-180 {
    margin-bottom: 180px !important;
  }
  .u-sp-ml-180 {
    margin-left: 180px !important;
  }
  .u-sp-pt-180 {
    padding-top: 180px !important;
  }
  .u-sp-pr-180 {
    padding-right: 180px !important;
  }
  .u-sp-pb-180 {
    padding-bottom: 180px !important;
  }
  .u-sp-pl-180 {
    padding-left: 180px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-mt-200 {
    margin-top: 200px !important;
  }
  .u-sp-mr-200 {
    margin-right: 200px !important;
  }
  .u-sp-mb-200 {
    margin-bottom: 200px !important;
  }
  .u-sp-ml-200 {
    margin-left: 200px !important;
  }
  .u-sp-pt-200 {
    padding-top: 200px !important;
  }
  .u-sp-pr-200 {
    padding-right: 200px !important;
  }
  .u-sp-pb-200 {
    padding-bottom: 200px !important;
  }
  .u-sp-pl-200 {
    padding-left: 200px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-width-50 {
    max-width: 50px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-width-100 {
    max-width: 100px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-width-150 {
    max-width: 150px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-width-200 {
    max-width: 200px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-width-250 {
    max-width: 250px !important;
  }
}

@media screen and (max-width: 640px) {
  .u-sp-width-300 {
    max-width: 300px !important;
  }
}


/* ---------------------------------------*/
/* header */
/* ---------------------------------------*/

#tmp_wrapper .p-header-wrapper {
	position: relative;
  color: inherit;
	background: #ffffff;
}

@media screen and (max-width: 900px) {

	#tmp_wrapper #tmp_hnavi_s {
		position: absolute;
		top: 15px;
		left: 30px;
		width: 50px;
		height: 50px;
		margin: 0;
		z-index: 9999;
	}

	#tmp_wrapper #tmp_hnavi_s > ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#tmp_wrapper #tmp_hnavi_rmenu {
		width: 50px;
		height: 50px;
	}

	#tmp_wrapper #tmp_hnavi_rmenu > a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		font-size: 0;
		text-indent: -9999px;
	}

  #tmp_wrapper.spmenu_open #tmp_hnavi_rmenu > a {
	display: none;
  }

	#tmp_wrapper #tmp_hnavi_rmenu > a::before,
	#tmp_wrapper #tmp_hnavi_rmenu > a::after,
	#tmp_wrapper #tmp_hnavi_rmenu > a > span::before {
		content: "";
		position: absolute;
		left: 8px;
		width: 34px;
		height: 3px;
		border-radius: 9999px;
		background: #4b191e;
	}

	#tmp_wrapper #tmp_hnavi_rmenu > a::before {
		top: 15px;
	}

	#tmp_wrapper #tmp_hnavi_rmenu > a > span::before {
		top: 24px;
	}

	#tmp_wrapper #tmp_hnavi_rmenu > a::after {
		top: 33px;
	}

	#tmp_wrapper #tmp_hnavi_rmenu > a > span {
		position: absolute;
		inset: 0;
		font-size: 0;
	}

	#tmp_wrapper #tmp_sma_rmenu {
    color: inherit;
		background: #ffffff;
	}

	#tmp_wrapper #tmp_sma_rmenu .p-gnav {
		display: block;
		margin: 0;
		padding: 100px 28px 0;
    color: inherit;
		background: #ffffff;
		box-sizing: border-box;
	}

	#tmp_wrapper #tmp_sma_rmenu .p-gnav__list {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#tmp_wrapper #tmp_sma_rmenu .p-gnav__item {
		display: block;
		width: 100%;
		margin: 0 0 15px;
		padding: 0;
		text-align: center;
	}

	#tmp_wrapper #tmp_sma_rmenu .p-gnav__item:last-child {
		margin-bottom: 0;
	}

	#tmp_wrapper #tmp_sma_rmenu .p-gnav__item a {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		color: #4b191e;
		background: transparent;
		font-size: 1em;
		line-height: 1.5;
    text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}


	#tmp_wrapper #tmp_sma_rmenu .container {
		position: relative;
		margin: 0;
		padding: 40px 0 59px;
    color: inherit;
		background: #ffffff;
		box-sizing: border-box;
	}

	#tmp_wrapper #tmp_sma_rmenu .close_btn {
		display: block;
		width: 50px;
		height: 50px;
		margin: 0 auto;
		padding: 0;
	}

	#tmp_wrapper #tmp_sma_rmenu .close_btn a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		border: 3px solid #4b191e;
		border-radius: 50%;
    color: #4b191e;
		background: #ffffff;
		font-size: 0;
		text-indent: -9999px;
		box-sizing: border-box;
	}

	#tmp_wrapper #tmp_sma_rmenu .close_btn a::before,
	#tmp_wrapper #tmp_sma_rmenu .close_btn a::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 28px;
		height: 3px;
		border-radius: 9999px;
		background: #4b191e;
	}

	#tmp_wrapper #tmp_sma_rmenu .close_btn a::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	#tmp_wrapper #tmp_sma_rmenu .close_btn a::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	#tmp_wrapper #tmp_sma_rmenu .container::after {
		content: "";
		position: absolute;
		bottom: -9px;
		left: 0;
		display: block;
		width: 100%;
		height: 9px;
		background:
			url(/shared/templates/uncn_top/images/main/bg_wave_white_bottom_01.svg)
			repeat-x
			center bottom / auto 9px;
	}

  .p-header-image {
    display: none;
  }
}