@charset "UTF-8";
/* CSS Document */
/* ヘッダー＆フッターCSS */

/*ヘッダー*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*ヘッダー*/
	header {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		height: 140px;
		background: #fff;
	}
	
	.logo {
		position: absolute;
		top: 5px;
		left: 10px;
		width: 260px;
		height: auto;
		transition: 0.4s;
	}
	
	.logo font {
		display: none;
		position: relative;
		font-size: 12px;
		letter-spacing: 1px;
		color: #666666;
		white-space: nowrap;
	}
	
	.logo:hover {
		opacity: 0.6;
	}
	
	/*上部*/
	.hd01 {
		z-index: 1;
		position: absolute;
		top: 30px;
		right: 30px;
		width: 820px;
		height: auto;
	}
	
	.hd01-a {
		position: absolute;
		top: 0;
		left: 0;
		width: 340px;
		height: auto;
	}
	
	.hd01-a a {
		display: block;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		color: #666666;
		transition: 0.4s;
	}
	
	.hd01-a a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -20px;
		transform: translate(0, -50%);
		width: 13px;
		height: 14px;
		background-image: url(/wp-content/uploads/2022/09/migi_sannkaku.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.hd01-a a:hover {
		color: #D374A6;
		text-decoration: underline;
	}
	
	.hd01-a a:nth-child(1) {
		position: relative;
	}
	
	.hd01-a a:nth-child(2) {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.hd01-btn {
		display: block;
		position: absolute;
		top: -10px;
		right: 100px;
		width: 240px;
		height: auto;
		padding: calc(1.5rem - 12px) 3rem 1.5rem;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: right;
		color: #D374A6;
		background: #F7E7EF;
		border-radius: 10px 10px 10px 10px;
		transition: 0.4s;
	}
	
	.hd01-btn::after {
		content: "";
		position: absolute;
		top: 48%;
		left: 20px;
		transform: translate(0, -50%);
		width: 30px;
		height: 20px;
		background-image: url(/wp-content/uploads/2022/09/headerfooter_2-2.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.4s;
	}
	
	.hd01-btn::before {
		content: "";
		position: absolute;
		top: -8px;
		left: -8px;
		width: 100%;
		height: 100%;
		border: solid 2px #D374A6;
		border-radius: 10px 10px 10px 10px;
		transition: 0.4s;
	}
	
	.hd01-btn:hover {
		padding: calc(1.5rem - 6px) 3rem;
	}
	
	.hd01-btn:hover::before {
		top: 0;
		left: 0;
	}
	
	.hd01-btn:hover::after {
		top: 54%;
		left: 24px;
	}
	
	.hd01-sns {
		display: flex;
		position: relative;
		width: 75px;
		height: auto;
		margin: 0 0 0 auto;
	}
	
	.hd01-sns a {
		position: relative;
		width: 30px;
		height: auto;
		transition: 0.4s;
	}
	
	.hd01-sns a:nth-child(1) {
		margin: 0 0 0 0;
	}
	
	.hd01-sns a:nth-child(2) {
		margin: 0 0 0 15px;
	}
	
	.hd01-sns a:nth-child(3) {
		margin: 0 0 0 0;
	}
	
	.hd01-sns a:hover {
		transform: translateY(-10px);
	}
	
	
	/*下部*/
	#dd-full {
		z-index: 103;
		width: 1100px;
		height: auto;
		margin: 95px 30px 0 auto;
	}
		
	#dd-full ul li {
		display: block;
		width: auto;
		height: 18px;
		list-style: none;
		color: #666;
		font-size: 18px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		line-height: 18px;
		letter-spacing: 1px;
		text-align: center;
		float: left;
	}
		
	.dd-full-a {
		display: table-cell;
		vertical-align: middle;
		padding: 0 0 0 30px;
		letter-spacing: 2px;
		color: #666;
	}
		
	#dd-full .active {
		color: #D374A6;
		transition: 0.4s;
	}
	
}

/*SP*/
@media only screen and (max-width: 768px) {
	/*ヘッダー*/
	header {
		position: fixed;
		z-index: 101;
		width: 100%;
		height: 50px;
		background: #fff;
	}
	
	.logo {
		z-index: 102;
		position: absolute;
		top: 8px;
		left: 5px;
		width: 160px;
		height: auto;
	}
	
	.logo font {
		display: none;
		position: relative;
		font-size: 8px;
		letter-spacing: 0.5px;
		color: #666666;
		white-space: nowrap;
	}
	
	
	.hd-sns {
		display: flex;
		position: absolute;
		top: 12px;
		right: 60px;
		width: 60px;
		height: auto;
	}
	
	.hd-sns a {
		position: relative;
		width: 25px;
		height: auto;
	}
	
	.hd-sns a:nth-child(1) {
		margin: 0 0 0 0;
	}
	
	.hd-sns a:nth-child(2) {
		margin: 0 0 0 10px;
	}
	
	.hd-sns a:nth-child(3) {
		margin: 0 0 0 0;
	}
	
	nav.globalMenuSp {
		position: fixed;
		z-index: 103;
		top: 50px;
		left: 0;
		transform: translateX(100%);
		transition: all 0.6s;
		width: 100%;
		height: 90%;
		padding: 10px 0 10% 0;
		overflow-y: scroll;
		background: #fff;
		background-size: 100% 100%;
	}
		
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
		transform: translateX(0%);
	}
	
	.navToggle {
		display: block;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 38px;
		height: 38px;
		cursor: pointer;
		z-index: 999;
		text-align: center;
		background: #F7E7EF;
		border-radius: 100px;
		border: solid 1px #D374A6;
	}
	
	.navToggle span {
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		width: 22px;
		border-radius: 20px;
		border-bottom: solid 3px #D374A6;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	
	.navToggle span:nth-child(1) {
		top: 10px;
	}
	
	.navToggle span:nth-child(2) {
		top: 18px;
	}

	.navToggle span:nth-child(3) {
		top: 26px;
	}
	
	/* 最初のspanをマイナス45度に */
	.navToggle.active span:nth-child(1) {
		width: 22px;
		position: absolute;
		top: 47%;
		border-radius: 20px;
		border-bottom: solid 3px #D374A6;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
 
	/* 2番目と3番目のspanを45度に */
	.navToggle.active span:nth-child(2),
	.navToggle.active span:nth-child(3) {
		width: 22px;
		position: absolute;
		top: 47%;
		border-radius: 20px;
		border-bottom: solid 3px #D374A6;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
		
	.navToggle.active {
		width: 38px;
		height: 38px;
		background: #F7E7EF;
		border: solid 1px #D374A6;
	}
	
	.gb-a01 {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 auto;
		padding: 15px 0 15px 20px;
		font-size: 14px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 2px;
		line-height: 14px;
		text-align: left;
		color: #D374A6;
		box-sizing: border-box;
	}
	
	.gb-a01::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0, -50%);
		width: 8px;
		height: 9px;
		background-image: url(/wp-content/uploads/2022/09/migi_sannkaku.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.gb-a01::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 300px;
		height: 1.5px;
		background-image: url(/wp-content/uploads/2022/08/dot-hd.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.gb-a02 {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 auto 14px auto;
		padding: 0 0 0 36px;
		font-size: 12px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #666;
		box-sizing: border-box;
	}
	
	.gb-a02::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 22px;
		transform: translate(0, -50%);
		width: 8px;
		height: 9px;
		background-image: url(/wp-content/uploads/2022/09/migi_sannkaku.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.gb-tp {
		margin-top: 22px;
	}
	
	.gb-a03 {
		display: block;
		position: relative;
		width: 200px;
		height: auto;
		margin: 30px auto 0 auto;
		padding: calc(20px - 12px) 45px 15px;
		font-size: 15px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: right;
		color: #D374A6;
		background: #F7E7EF;
		border-radius: 5px;
	}
	
	.gb-a03::after {
		content: "";
		position: absolute;
		top: 45%;
		left: 22px;
		transform: translate(0, -50%);
		width: 25px;
		height: 15px;
		background-image: url(/wp-content/uploads/2022/09/headerfooter_2-2.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.gb-a03::before {
		content: "";
		position: absolute;
		top: -6px;
		left: -5px;
		width: 100%;
		height: 100%;
		border: solid 1px #D374A6;
		border-radius: 5px;
	}
	
	.gb-a03 img {
		display: block;
		position: absolute;
		top: 42%;
		right: 20px;
		transform: translate(0, -50%);
		width: 8px;
		height: auto;
	}
	
	
	.gb-btn {
		position: relative;
		width: 100%;
		height: auto;
		padding: 35px 0;
		margin: 30px auto 0 auto;
		background-image: url(/wp-content/uploads/2022/08/gb-back.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.gb-btn font {
		display: block;
		position: relative;
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 11px;
		text-align: center;
	}
	
	.gb-btn00 {
		position: relative;
		width: 300px;
		height: auto;
		margin: 25px auto 0 auto;
	}
	
	.gb-btn00 span {
		z-index: 1;
		position: absolute;
		top: -65px;
		left: 20px;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #fff;
	}
	
	.gb-btn00 span::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		width: 50px;
		height: 40px;
		background-image: url(/wp-content/uploads/2022/09/headerfooter_6-2.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.gb-btn00 a {
		display: block;
		width: 140px;
		height: auto;
		padding: 7px 20px 15px 10px;
		font-size: 13px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 13px;
		text-align: center;
		color: #D374A6;
		background: #fff;
		border-radius: 5px;
		box-sizing: border-box;
	}
	
	.gb-btn00 a::before {
		content: "";
		position: absolute;
		top: -5px;
		left: -5px;
		width: 100%;
		height: 100%;
		border: solid 1px #D374A6;
		border-radius: 5px;
	}
	
	.gb-btn00 a::after {
		content: "";
		position: absolute;
		top: 41%;
		right: 15px;
		transform: translate(0, -50%);
		width: 8px;
		height: 9px;
		background-image: url(/wp-content/uploads/2022/09/migi_sannkaku.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.gb-btn00 a:nth-child(2) {
		position: relative;
		margin: 0 auto 0 0;
	}
	
	.gb-btn00 a:nth-child(3) {
		position: absolute;
		top: 0;
		right: 0;
	}
	
}

/*フッター*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*フッター*/
	footer {
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0 30px 0;
		background: #fff;
	}
	
	#ft01 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0 0 0;
		background: rgba(247,231,239,0.70);
	}
	
	#ft01 h2 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 44px;
		text-align: center;
	}
	
	#ft01 p {
		line-height: 30px;
		text-align: center;
		margin: 25px auto 50px auto;
	}
	
	.ft01-con {
		position: relative;
		width: 900px;
		height: auto;
		margin: 0 auto;
	}
	
	#ft01 font {
		z-index: 0;
		position: absolute;
		top: -120px;
		left: 0;
		font-size: 17px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: center;
		color: #fff;
	}
	
	#ft01 font span {
		display: block;
		position: relative;
		margin-bottom: 12px;
		font-size: 20px;
		text-decoration: underline;
	}
	
	#ft01 font::before {
		z-index: -1;
		content: "";
		position: absolute;
		top: 50%;
		left: 47%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		width: 190px;
		height: 150px;
		background-image: url(/wp-content/uploads/2022/09/headerfooter_7.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.updown {
		animation-name:updown1;
		animation-delay:0s;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite; 
	}

	@keyframes updown1 {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-20px);
		}
		100% {
			transform: translateY(0);
		}
	}
	
	.ft01-btn {
		position: relative;
		width: 650px;
		height: auto;
		margin: 0 auto;
	}
	
	.ft01-btn a {
		display: block;
		width: 300px;
		height: auto;
		padding: 10px 20px 20px 10px;
		font-size: 18px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: center;
		color: #D374A6;
		background: #fff;
		border-radius: 10px;
		box-sizing: border-box;
		transition: 0.4s;
	}
	
	.ft01-btn a::before {
		content: "";
		position: absolute;
		top: -8px;
		left: -8px;
		width: 100%;
		height: 100%;
		border: solid 2px #D374A6;
		border-radius: 10px;
		transition: 0.4s;
	}
	
	.ft01-btn a::after {
		content: "";
		position: absolute;
		top: 41%;
		right: 25px;
		transform: translate(0, -50%);
		width: 12px;
		height: 13px;
		background-image: url(/wp-content/uploads/2022/09/migi_sannkaku.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.4s;
	}
	
	.ft01-btn a:nth-child(1) {
		position: relative;
		margin: 0 auto 0 0;
	}
	
	.ft01-btn a:nth-child(2) {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.ft01-btn a:hover {
		padding: 15px 20px 15px 10px;
	}
	
	.ft01-btn a:hover::before {
		top: 0;
		left: 0;
	}
	
	.ft01-btn a:hover::after {
		top: 52%;
	}
	
	
	/*自動スライド*/
	.auto-slider {
		display: flex;
		animation: sliderAnimation 45s infinite linear 0s both;
	}
	
	.auto-slider-img {
		width: 400px;
		height: auto;
		margin-right: 10px;
	}
	
	.auto-slider-img img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	@keyframes sliderAnimation {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
	}
	
	.ft01-slide {
		display: flex;
		z-index: 3;
		position: relative;
		width: auto;
		height: auto;
		margin: 80px auto 0 auto;
		align-items: center;
		overflow: hidden;
	}
	
	.ft01-slide::before {
		content: "";
		z-index: 4;
		position: absolute;
		bottom: -5px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 100%;
		height: 40px;
		background-image: url(/wp-content/uploads/2022/09/footer_nami_shita_pc.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.ft01-slide::after {
		content: "";
		z-index: 4;
		position: absolute;
		top: -4px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 100%;
		height: 40px;
		background-image: url(/wp-content/uploads/2022/09/footer_nami_ue_pc.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#ft02 {
		position: relative;
		width: 1200px;
		height: auto;
		margin: 60px auto 0 auto;
		padding: 0 0 0 0;
	}
	
	.ft02-1 {
		position: relative;
		width: 400px;
		height: auto;
		margin: 0 auto 0 0;
	}
	
	.ft02-2 {
		position: absolute;
		top: 0;
		left: 400px;
		width: 250px;
		height: auto;
	}
	
	.ft02-3 {
		position: absolute;
		top: 0;
		left: 650px;
		width: 300px;
		height: auto;
	}
	
	.ft02-logo {
		display: block;
		position: relative;
		width: 240px;
		height: auto;
		margin: 0 auto 30px 0;
	}
	
	.ft02-logo font {
		display: none;
		position: relative;
		font-size: 12px;
		letter-spacing: 1px;
		color: #666666;
		white-space: nowrap;
	}
	
	.ft02-p01 {
		margin-bottom: 15px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1.5px;
		line-height: 22px;
		color: #575757;
	}
	
	.ft02-p02 {
		margin-bottom: 10px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1.5px;
		line-height: 12px;
	}
	
	.ft02-p02 a {
		margin-left: 6px;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 2px;
		color: #D374A6;
	}
	
	.ft02-sns {
		display: flex;
		position: relative;
		width: 205px;
		height: auto;
		margin: 40px auto 30px 20px;
	}
	
	.ft02-sns a {
		position: relative;
		width: 35px;
		height: auto;
		transition: 0.4s;
	}
	
	.ft02-sns a:nth-child(2) {
		margin: 0 50px;
	}
	
	.ft02-sns a font {
		position: absolute;
		bottom: -18px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #575757;
	}
	
	.ft02-sns a:hover {
		transform: translateY(-10px);
	}
	
	.ft02-a {
		display: block;
		position: relative;
		margin-bottom: 24px;
		font-size: 16px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 2px;
		line-height: 16px;
		text-align: left;
		color: #575757;
		transition: 0.4s;
	}
	
	.ft02-a:hover {
		color: #D374A6;
		text-decoration: underline;
	}
	
	.ft02-btn {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 200px;
		height: 200px;
		padding: 70px 20px 20px 10px;
		font-size: 20px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 28px;
		text-align: center;
		color: #D374A6;
		background: #F7E7EF;
		border-radius: 100px;
		box-sizing: border-box;
		transition: 0.4s;
	}
	
	.ft02-btn span {
		font-size: 14px;
	}
	
	.ft02-btn font {
		z-index: 0;
		display: block;
		position: relative;
		margin-top: 3px;
		font-size: 12px;
		color: #fff;
	}
	
	.ft02-btn font::before {
		z-index: -1;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		width: 90px;
		height: 20px;
		background-image: url(/wp-content/uploads/2022/09/headerfooter_21_pc.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.ft02-btn::before {
		content: "";
		position: absolute;
		top: -7px;
		left: -7px;
		width: 100%;
		height: 100%;
		border: solid 2px #D374A6;
		border-radius: 100px;
		transition: 0.4s;
	}
	
	.ft02-btn::after {
		content: "";
		position: absolute;
		top: 30px;
		left: 78px;
		width: 40px;
		height: 25px;
		background-image: url(/wp-content/uploads/2022/09/headerfooter_2-2.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.4s;
	}
	
	.ft02-btn:hover {
		padding: 75px 15px 15px 15px;
	}
	
	.ft02-btn:hover::before {
		top: -1px;
		left: -1px;
	}
	
	.ft02-btn:hover::after {
		top: 35px;
		left: 83px;
	}
	
	.ft-credit {
		position: relative;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: center;
		padding: 0 0 20px 0;
		color: #9D9D9D;
	}
 	
}

/*SP*/
@media only screen and (max-width: 768px) {
	/*フッター*/
	footer {
		position: relative;
		width: 100%;
		height: auto;
		padding: 40px 0 20px 0;
		background: #fff;
	}
	
	#ft01 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 40px 0 0 0;
		background: rgba(247,231,239,0.70);
	}
	
	#ft01 h2 {
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 28px;
		text-align: center;
	}
	
	#ft01 p {
		line-height: 20px;
		text-align: center;
		margin: 15px auto 15px auto;
	}
	
	.ft01-con {
		position: relative;
		width: 310px;
		height: auto;
		margin: 0 auto;
	}
	
	#ft01 font {
		z-index: 0;
		position: absolute;
		top: -55px;
		left: 0;
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: center;
		color: #fff;
	}
	
	#ft01 font span {
		display: block;
		position: relative;
		margin-bottom: 5px;
		font-size: 12px;
		text-decoration: underline;
	}
	
	#ft01 font::before {
		z-index: -1;
		content: "";
		position: absolute;
		top: 50%;
		left: 47%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		width: 100px;
		height: 80px;
		background-image: url(/wp-content/uploads/2022/09/headerfooter_7.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.updown {
		animation-name:updown1;
		animation-delay:0s;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite; 
	}

	@keyframes updown1 {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-20px);
		}
		100% {
			transform: translateY(0);
		}
	}
	
	.ft01-btn {
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 auto;
	}
	
	.ft01-btn a {
		display: block;
		width: 140px;
		height: auto;
		padding: 5px 10px 12px 5px;
		font-size: 12px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #D374A6;
		background: #fff;
		border-radius: 5px;
		box-sizing: border-box;
	}
	
	.ft01-btn a::before {
		content: "";
		position: absolute;
		top: -4px;
		left: -4px;
		width: 100%;
		height: 99%;
		border: solid 1px #D374A6;
		border-radius: 5px;
	}
	
	.ft01-btn a::after {
		content: "";
		position: absolute;
		top: 41%;
		right: 15px;
		transform: translate(0, -50%);
		width: 8px;
		height: 9px;
		background-image: url(/wp-content/uploads/2022/09/migi_sannkaku.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.ft01-btn a:nth-child(1) {
		position: relative;
		margin: 0 auto 0 0;
	}
	
	.ft01-btn a:nth-child(2) {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	/*自動スライド*/
	.auto-slider {
		display: flex;
		animation: sliderAnimation 45s infinite linear 0s both;
	}
	
	.auto-slider-img {
		width: 180px;
		height: auto;
		margin-right: 5px;
	}
	
	.auto-slider-img img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	@keyframes sliderAnimation {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
	}
	
	.ft01-slide {
		display: flex;
		z-index: 3;
		position: relative;
		width: auto;
		height: auto;
		margin: 30px auto 0 auto;
		align-items: center;
		overflow: hidden;
	}
	
	.ft01-slide::before {
		content: "";
		z-index: 4;
		position: absolute;
		bottom: -2px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 100%;
		height: 25px;
		background-image: url(/wp-content/uploads/2022/09/footer_nami_shita_smp.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.ft01-slide::after {
		content: "";
		z-index: 4;
		position: absolute;
		top: -2px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 100%;
		height: 25px;
		background-image: url(/wp-content/uploads/2022/09/footer_nami_ue_smp.png);
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#ft02 {
		position: relative;
		width: 300px;
		height: auto;
		margin: 20px auto 0 auto;
		padding: 0 0 0 0;
	}
	
	.ft02-1 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	.ft02-2 {
		display: none;
	}
	
	.ft02-3 {
		display: none;
	}
	
	.ft02-logo {
		display: block;
		position: relative;
		width: 200px;
		height: auto;
		margin: 0 auto 15px auto;
	}
	
	.ft02-logo font {
		display: none;
		position: relative;
		font-size: 10px;
		letter-spacing: 1px;
		color: #666666;
		white-space: nowrap;
		text-align: center;
	}
	
	.ft02-p01 {
		margin-bottom: 15px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 1.5px;
		line-height: 16px;
		color: #575757;
		text-align: center;
	}
	
	.ft02-p02 {
		margin: 0 0 12px 40px; 
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 10px;
	}
	
	.ft02-p02 a {
		margin-left: 4px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 2px;
		color: #D374A6;
	}
	
	.ft02-sns {
		display: none;
	}
	
	.ft02-btn {
		display: none;
	}
	
	.ft02-a {
		position: relative;
		margin: 20px auto 15px auto;
		font-size: 10px;
		font-weight: normal;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 10px;
		text-align: center;
		color: #666;
	}
	
	.ft-credit {
		position: relative;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 10px;
		text-align: center;
		padding: 0 0 0 0;
		color: #9D9D9D;
    margin: 0 auto 60px auto;
	}
	
	/*スマホ固定フッター*/
	#ft-fix {
		position: fixed;
		z-index: 100;
		bottom: -60px;
		width: 100%;
		height: 32px;
	}
	
	#ft-fix a font {
		position: relative;
	}
	
	#ft-fix a:nth-child(1) {
		display: block;
		position: relative;
		width: 50%;
		height: auto;
		padding: 10px 0 10px 0;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #fff;
		background: #D374A6;
		border-radius: 10px 10px 0 0;
		box-sizing: border-box;
		float: left;
	}
	
	#ft-fix a:nth-child(2) {
		display: block;
		position: relative;
		width: 29%;
		height: auto;
		margin: 0 1%;
		padding: 10px 0 10px 0;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #fff;
		background: #96C468;
		border-radius: 10px 10px 0 0;
		box-sizing: border-box;
		float: left;
	}
	
	#ft-fix a:nth-child(3) {
		display: block;
		position: relative;
		width: 19%;
		height: auto;
		padding: 10px 0 10px 15px;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Zen Maru Gothic', sans-serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #fff;
		background: #D374A6;
		border-radius: 10px 10px 0 0;
		box-sizing: border-box;
		float: left;
	}
	
	#ft-fix a:nth-child(3) font::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -18px;
		transform: translate(0, -50%);
		width: 10px;
		height: 8px;
		background-image: url(/wp-content/uploads/2022/08/ue.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	

}