@charset "utf-8";




/* footer 
-----------------------*/
#f_area {
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 50px 0px;
		text-align: center;
}
.f_t01 {
		font-size: 10px;
		line-height: 1.2;
		text-align: center;
}

/* nav_area_sub_wide  (footer上) 
-----------------------*/
#nav_area_sub_wide {
		width: 98%;
		text-align: center;
		margin: 20px auto 0px;
		padding: 0px;
		border-top: 1px solid #E6E6E6;
}
#nav_area_sub {
		margin: 10px 0 10px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
}
#nav_area_sub_wide li {
		display: inline-block;
		font-size: 10px;
		line-height: 40px;
}
#nav_area_sub_wide li span {
		border-right: 1px solid #b0b0b0;
		padding-right: 10px;
		margin-right: 10px;
}
/*線を消す*/
#nav_area_sub li#nav_08_sub, 
#nav_area_sub li#nav_08_sub span {
		margin-right: 0px;
		padding-right: 0px;
		border-right: 0px;
}
/* 現在のページ */
#home #nav_01_sub a, 
#news #nav_02_sub a, 
#works #nav_03_sub a, 
#books #nav_04_sub a, 
#goods #nav_05_sub a, 
#profile #nav_06_sub a, 
#exhibition #nav_06_sub a, 
#diary #nav_07_sub a, 
#diary_page #nav_07_sub a {
		text-decoration: none;
		color: #606060;
}


/* f_area_container */
.f_area {}
.f_area_container {
	max-width: 1040px;
	margin: 20px auto 0 auto;
	padding: 0 4%;
}
@media (min-width: 768px) {
}

.content_area {}
.content_area_t1 {}
.content_area_t2 {}
.content_area_t2 div {
	max-width: 200px;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.content_area {
		display: grid;
		grid-template-columns: 1fr 0.25fr;
		gap: 0px 2%;
	}
	.content_area_t2 div {
		max-width: 100%;
	}
	.content_area_t1 {} 
	.content_area_t2 {
		align-self: end;
	}
}
.logo_area {
	margin: 0 0 20px 0;;
}
.a_01 {
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	gap: 0px 10px;
	padding: 0 0 0.5rem 0;
}
.b_01 {
	text-align: center;
	margin: 2rem 0 2rem 0;
}
.b_02:nth-child(1) {
	margin: 0 0 5rem 0;
}
input, textarea {
	width: 100%;
}
.ft_01 {
		padding: 10px 10px 5px 10px;
}
.ft_02 {
		padding: 5px 10px 30px 10px;
}
.f_01 {
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #aaa;
		font-weight: 500;
}
.f_02 {
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #aaa;
}
.f2r {
	font-size: 1.5rem;
	color: hsla(0, 100%, 50%, 1.0);
}
@media (min-width: 768px) {
	.b_01 {
		text-align: center;
		margin: 2rem 0 5rem 0;
	}
	.b_02:nth-child(1) {
		margin: 0 0 3rem 0;
	}
}