@charset "UTF-8";
/* CSS Document */

/*ヘッダー＆フッター*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*ヘッダー*/
	header {
		z-index: 100;
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateY(0) translateX(-50%);
		width: 100%;
		height: 80px;
		background: #f3f2ee;
	}
	
	header .con {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 80%;
		height: auto;
	}
	
	header .logo {
		display: block;
		position: relative;
		width: 180px;
		height: auto;
		margin: 0 auto 0 0;
	}
	
	header .user_info {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%) translateX(0);
		width: 200px;
		height: auto;
	}
	
	header .user_info p {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 14px;
		color: #2E2E2E;
		text-align: right;
	}
	
	header .user_info p span {
		display: block;
		position: relative;
		width: 100px;
		margin: 0 0 8px auto;
		padding: 7px 8px;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 12px;
		color: #fff;
		background: #2E2E2E;
		text-align: center;
		box-sizing: border-box;
	}
	
	header .user_info p font {
		position: relative;
		margin-left: 5px;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 12px;
	}
	
	/*フッター*/
	footer {
		position: relative;
		width: 100%;
		height: auto;
		padding: 50px 0 0 0 ;
		background: #f3f2ee;
	}
	
	footer .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
		width: 900px;
		height: auto;
		margin: 0 auto 50px auto;
	}
	
	footer .con .sns {
		position: relative;
		width: 200px;
		height: auto;
	}
	
	footer .con .guide {
		position: relative;
		width: 300px;
		height: auto;
	}
	
	footer .con .guide .btn {
		position: relative;
		width: 100%;
		height: auto;
		margin: 10px auto 0 auto;
	}
	
	footer .con .guide .btn a {
		display: block;
		position: relative;
		margin-bottom: 8px;
		padding-left: 20px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: left;
		color: #232323;
	}
	
	footer .con .guide a::before {
		content: "";
		position: absolute;
		top: 8px;
		left: 0;
		width: 10px;
		height: 1px;
		background: #232323;
	}
	
	footer p.credit {
		padding: 8px 0 8px 0;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #fff;
		background: #3F3F3F;
	}
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	
	
}

/*2カラム設定*/
/*PC*/
@media only screen and (min-width: 1025px) {
	.content {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between;
		position: relative;
		width: 1150px;
		height: auto;
		margin: 50px auto 0 auto;
	}
	
	.main {
		position: relative;
		width: 800px;
		height: auto;
	}
	
	.side {
		position: relative;
		width: 300px;
		height: auto;
	}
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	
	
}

/*サイドバー*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*エイジングショット導入店*/
	#s_fc {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 25px auto;
	}
	
	#s_fc a {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#s_fc a img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	/*カテゴリー検索*/
	#s_category {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#s_category .title {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 15px auto;
	}
	
	#s_category .title h3 {
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
	}
	
	#s_category .cat {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#s_category .cat h4 {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
	}
	
	#s_category .cat .btn {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 15px auto;
	}
	
	#s_category .cat .btn a {
		display: block;
		position: relative;
		margin-bottom: 8px;
		padding-left: 20px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #232323;
	}
	
	#s_category .cat .btn a::before {
		content: "";
		position: absolute;
		top: 8px;
		left: 0;
		width: 10px;
		height: 1px;
		background: #232323;
	}
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	
	
}

/*トップページ*/
/*PC*/
@media only screen and (min-width: 1025px) {
	#fc_map {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 40px auto;
	}
	
	#fc_map h2 {
		position: relative;
		padding: 8px 0 8px 25px;
		margin-bottom: 15px;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: left;
	}
	
	#fc_map h2::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 8px;
		height: 100%;
		background: #00A8FF;
	}
	
	#fc_map img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#fc_store {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#fc_store h2 {
		position: relative;
		padding: 8px 0 8px 25px;
		margin-bottom: 15px;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: left;
	}
	
	#fc_store h2::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 8px;
		height: 100%;
		background: #00A8FF;
	}
	
	#fc_store .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#fc_store .con a {
		display: block;
		position: relative;
		width: 250px;
		height: auto;
	}
	
	#fc_store .con a:nth-of-type(2) {
		margin: 0 25px 0 25px;
	}
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	
	
}

/*PC*/
@media only screen and (min-width: 1025px) {
	#fcstore {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#fcstore h1 {
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 30px;
		text-align: left;
	}
	
	.fcstore_h2 {
		position: relative;
		padding: 8px 0 8px 25px;
		margin-bottom: 15px;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: left;
	}
	
	.fcstore_h2::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 8px;
		height: 100%;
		background: #00A8FF;
	}
	
	.feature {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.staff {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.staff .con {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.staff .con .ptn {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.staff .con .ptn .img {
		position: relative;
		width: 250px;
		height: auto;
	}
	
	.staff .con .ptn .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 250px;
		border-radius: 200px;
		overflow: hidden;
		
	}
	
	.staff .con .ptn .text {
		position: relative;
		width: 500px;
		height: auto;
	}
	
	.storeimg {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.storeimg .img {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.storeimg .img img {
		display: block;
		position: relative;
		width: 400px;
		height: auto;
	}
	
	.reservation {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.storeinfo {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.reviews {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	
	
}