/*----------- 全ページ共通のスタイルシート -----------*/



/*----------- 共通スタイル -----------*/
* {
	margin: 0;
	padding: 0;
}



/*----------- タグ別共通 -----------*/

/* ページ全体のスタイル */
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	text-align: center;
}

/* リストのマーカーを消す */
ul {
	list-style: none;
	font-weight: bold;
}

/* 画像の枠線を消す（リンク時に出る可能性があるため） */
img {
	border: none;
}




/*----------- 共通ＩＤ -----------*/


/* ページ全体をグループ化 */
#page {
	width: 100%;
	text-align: left;
}



/* ページ全体を３グループに分割 */

/* ヘッダー部分（最上部） */
#header {
	width: 100%;
	margin-top: 0;
	height: auto;
	background: #dbb89a url(./img/header_bg.png);
}
/* コンテンツ部分（中央部） */
#content {
	background-color: #dbb89a;
	width: 100%;
}
/* フッター部分（最下部） */
#footer {
	clear: both;
	width: 100%;
	height: 500px;
	text-align: center;
	background-color: #cfc2f2;
}




/*----------- ヘッダー部分の各グループ -----------*/

/* 上部左側（ ロゴマークと住所） */
#upper_left {
	height: 156px;
	width: 50%;
	margin-left: 50px;
	float: left;
}

#upper_left_logo {
	width: clamp( 30px, calc( 20px + 15% ), 149px );
}

#upper_left_logotext {
	width: clamp( 60px, calc( 50px + 35% ), 250px );
}

#upper_left p {
	margin-top: 5px;
	margin-left: 15px;
	font-size: clamp( 4px, 1.2vw, 14px );
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
}

/* 上部右側（ 電話番号と受付時間と問い合わせボタン） */
#upper_right {
	width: 35%;
	text-align: right;
	margin-right: 50px;
	margin-top: 50px;
	float: right;
}

#upper_right_tel {
	white-space: pre;
	padding: 10px 20px 10px 0px;
	text-align: left;
	font-size: 32px;
	font-family: "HGP創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
}

#upper_right_time {
	text-align: left;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
}

#upper_right_contact {
	padding-top: 20px;
}

#upper_right_contact a {
	display: block;
	height: 53px;
	width: 130px;
	background-color: #ffde6f;
	text-align: center;
	justify-items: start;
	align-content: center;
	font-size: 24px;
	border-radius: 9999px;
	text-decoration: none;
	color: #000000;
}

#upper_right_contact a:hover {
	background-color: #c0ffee;
}


/* 下部リンクリスト */
#header_list {
	clear: both;
	height: 124px;
	background-color: #d8d8d8;
	border-top: 1px solid #ffffff;
}	

#link_c {
	margin-top: 4px;
	margin-left: 1%;
	margin-right: 1%;
	height: 56px;
	width: 23%;
	background-color: #c9bfc9;
	text-align: center;
	justify-items: start;
	align-content: center;
	border-radius: 9999px;
	float: left;
}


#link_a {
}

#link_a a {
	display: block;
	margin-top: 4px;
	margin-left: 1%;
	margin-right: 1%;
	height: 56px;
	width: 23%;
	background-color: #ffde6f;
	text-align: center;
	justify-items: start;
	align-content: center;
	border-radius: 9999px;
	float: left;
	text-decoration: none;
	color: #000000;
}

#link_a a:hover {
	background-color: #c0ffee;
}



/*----------- フッター部分の各グループ -----------*/

#footer_info {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
	height: 450px;
	float: left;
	font-size: 28px;
	width: 35%;
	text-align: left;
	margin-left: 18%;
}


#footer_logo {
	overflow: hidden;
	width: 480px;
}

#footer_privacy {
	font-size: 22px;
	text-align: center;
	padding-bottom: 5px;
}

#footer_other {
	height: 50px;
	padding-left: 50px;
	display: flex;
	align-items: center;
	font-weight: bold;
}

#footer_other a {
	text-decoration: none;
	color: #000000;
	display: flex;
	align-items: center;
}

#footer_instagram {
	text-align: right;
	font-family: "HGP創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
	font-size: 20px;
	padding-right: 100px;
}


#footer_map {
	padding-top: 20px;
	float: left;
	width: 30%;
	text-align: center;
	font-size: 28px;
}



/*
#footer_list {
	clear: both;
	height: 50px;
	background-color: #d8e8b9;
	border-top: 1px solid #ffffff;
	display: flex;
	justify-content: center;
	align-content: center;
	font-size: 14px;
}

#flink_c {
	margin-top: 6px;
	margin-left: 1%;
	margin-right: 1%;
	height: 36px;
	width: 12%;
	background-color: #c9bfc9;
	text-align: center;
	justify-items: start;
	align-content: center;
	border-radius: 9999px;
	float: left;
}


#flink_a {
	margin-top: 6px;
	margin-left: 1%;
	margin-right: 1%;
	height: 36px;
	width: 12%;
	background-color: #ffde6f;
	text-align: center;
	justify-items: start;
	align-content: center;
	border-radius: 9999px;
	float: left;
}

#flink_a a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000000;
}

#flink_a:hover {
	background-color: #c9bfc9;
}

*/