@charset "utf-8";

/* 手書き英字 */
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

/* 全体 */
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap');

body {
	font-family: 'Kiwi Maru', serif;
}

/* headline 
------------------------------------ */
h1{
}

/* link
------------------------------------ */
a,
a:hover {
	text-decoration: none;
	color: #333;
}

/* text
------------------------------------ */
.attention {
	color: red;
}
.t_small {
	font-size: 0.8em;
}

/* background
------------------------------------ */
.bg_pink {
	background: #F4CCC5;
}

/* header
------------------------------------ */
.logo_area {
	padding: 20px 10px;
	margin: 0 auto;
	text-align: center;
}
	.logo_area h1.logo {
		margin: 0;
		font-size: 2em;
	}
		.logo_area h1 img {
			vertical-align: middle;
			width: 64px;
		}
		.logo_area h1 span {
			vertical-align: middle;
		}

.header_band {
	background: #2582a7;
	padding: 8px 20px;
	color: #fff;
	font-size: 0.9em;
}
	.header_band .discription {
		padding: 0 10px;
 	}
	.header_band .btn_login {
		padding: 0 10px;
	}
		.header_band .btn_login a {
			color: #fff;
		}
			.header_band .btn_login .sns {
				width: 28px;
				display: inline-block;
				padding: 0 0 0 8px;
			}

	/* ナビゲーション */
	nav {
		padding: 0;
		margin: 0;
	}
		nav ul.nav {
			padding: 4px 0 24px 0;
			margin: 0 auto;
			justify-content: center;
		} 
			nav ul.nav li {
				padding: 0 16px;
				margin: 0;
				list-style: none;
				font-size: 1em;
			} 
				nav ul.nav li a {
					color: #333;
				}
	/* スマホ */
	@media screen and (max-width: 480px) {
		nav ul.nav {
		} 
			nav ul.nav li {
				padding: 0 8px;
				font-size: 0.9em;
			} 
				nav ul.nav li a {
				}
	}

/* フッターイメージ
------------------------------------ */
.footer_img {
	padding: 0;
	margin: 0;
	height: 280px;
	background-image: url(./img/footer_img.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.footer_img_none {
	padding: 0;
	margin: 0;
	height: 100px;
	background: #f8f8f4;
}

/* footer
------------------------------------ */
.page_up{
	position: fixed;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	background: #2582a7;
	padding: 12px;
	margin: 0;
	color: #fff;
	z-index: 1;
}
	.page_up a {
		color: #fff;
		display: block;
	}

footer {
	padding: 32px 20px;
	margin: 0;
}
	footer .footer_logo_area {
		padding: 10px;
	}
		footer .footer_logo_area .logo {
			font-size: 2em;
			padding: 0;
			margin: 0;
			text-align: center;
		}
			footer .footer_logo_area .sub_title {
				font-size: 0.8em;
				padding: 0;
				margin: 0;
				text-align: center;
			}
			footer .footer_logo_area .footer_discription {
				font-size: 0.8em;
				padding: 10px;
			}
	footer ul.footer_nav {
		margin: 0;
		padding: 0 20px;
	}
		footer ul.footer_nav li {
			margin: 0;
			padding: 6px 12px;
			list-style: none;
			border-bottom: solid 1px #eee;
			font-size: 0.9em;
		}
	footer ul.footer_nav li .material-icons {
		font-size: 1em;
	}

/* GoogleMap
------------------------------------ */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	border:solid 1px #3333;
	margin: 10px auto;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/* Googleアドセンスエリア
------------------------------------ */
.google_ad_area {
	padding: 20px 0 64px 0;
	margin: 0 auto;
}
	.google_ad_area .ad {
		border:solid 1px #ddd;	/* 広告表示後は消す */
		background: #efefef;	/* 広告表示後は消す */
		color: #666;			/* 広告表示後は消す */
		text-align: center;		/* 広告表示後は消す */
		height: 100px;			/* 広告表示後は消す */
	}

/* 一般広告エリア
------------------------------------ */
.sponcer {
	background: #ddd;
	padding: 20px 0;
	margin: 10px auto;
	text-align:center;
}

/* 写真を円形で表示
------------------------------------ */
.img_circle{
	object-fit: cover;
	border-radius: 50%;
}

/* 必須項目
------------------------------------ */
.required {
	color: #c84d4d;
}