/* ==== part:footer4 start ==== */

/*フッター
---------------------------------------------------------------------------*/
#footer4-parts ul {list-style: none;}

/*フッター全体を囲むブロック*/
#footer4-parts {
	font-size: 0.8rem;	/*文字サイズ80%*/
    padding: var(--content-space-s);	/*ボックス内の余白。theme.cssのcontent-space-sを読み込みます。*/
    background: var(--primary-color);	/*背景色。theme.cssのprimary-colorを読み込みます。*/
    color: var(--primary-inverse-color);	/*文字色。theme.cssのprimary-inverse-colorを読み込みます。*/
}

/*リンクの下線を出さない*/
#footer4-parts a {
	text-decoration: none;
}

/*フッターメニュー*/
#footer4-parts .menu-parts {
	margin-bottom: 2rem;	/*下に２文字分のスペースをあける*/
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));	/*メニューを2列*/
	gap: 2rem;	/*メニュー同士の間に空けるスペース。2文字分。*/
}

/*メニューリンク*/
#footer4-parts .menu-parts a {
	opacity: 0.6;	/*色を60%だけ出した状態*/
}

	@media (min-width: 900px){
	
	/*画面幅900px以上の追加指定*/
	#footer4-parts .menu-parts {
		grid-template-columns: repeat(4, minmax(0, 1fr));	/*メニューを4列*/
	}
	
	}/*追加指定ここまで*/


/*Copyright部分*/
#footer4-parts small {
	display: block;
	text-align: center;	/*センタリング*/
}


/*SNSアイコン
---------------------------------------------------------------------------*/
#footer4-parts .sns1-parts {
	list-style: none;
	margin: 0;padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;		/*アイコン同士のマージン的な要素。１文字分。*/
	justify-content: center;
}

#footer4-parts .sns1-parts i {
	font-size: 30px;	/*アイコンサイズ*/
}

/* ==== part:footer4 end ==== */


/* ==== part:footer3 start ==== */

/*フッター
---------------------------------------------------------------------------*/
/*フッター全体を囲むブロック*/
#footer3-parts {
	text-align: center;	/*テキストを中央に*/
	font-size: 0.8rem;	/*文字サイズ80%*/
	display: flex;
	flex-direction: column;	/*縦積み*/
	gap: 0.5rem;	/*ブロック同士の間に空けるスペース。0.5文字分。*/
}

/*フッターメニュー*/
#footer3-parts ul.menu-parts {
	list-style: none;
	margin: 0;padding: 0;
	display: flex;	/*メニューを横並びに*/
	gap: 0 1rem;	/*メニュー同士の間に空けるスペース。2文字分。*/
	flex-wrap: wrap;
	justify-content: center;
}

/*Copyright部分*/
footer small {
	display: block;
	margin-bottom: 1rem;	/*下に1文字分のスペース*/
}


/*SNSアイコン
---------------------------------------------------------------------------*/
#footer3-parts .sns1-parts {
	list-style: none;
	margin: 0;padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;		/*アイコン同士のマージン的な要素。１文字分。*/
	justify-content: center;
}

#footer3-parts .sns1-parts i {
	font-size: 30px;	/*アイコンサイズ*/
}

/* ==== part:footer3 end ==== */


/* ==== part:footer1 start ==== */

/*フッター
---------------------------------------------------------------------------*/
#footer1-parts ul {list-style: none;}
#footer1-parts p {margin: 0;}

/*フッターボックス全体*/
#footer1-parts {
	font-size: 0.8rem;	/*文字サイズ80%*/
    padding: var(--content-space-s);	/*ボックス内の余白。theme.cssのcontent-space-sを読み込みます。*/
    background: var(--primary-color);	/*背景色。theme.cssのprimary-colorを読み込みます。*/
    color: var(--primary-inverse-color);	/*文字色。theme.cssのprimary-inverse-colorを読み込みます。*/
}

/*ロゴの最大幅*/
#footer1-parts .logo {
	max-width: 400px;
}

/*フッター直下のdiv（２つのブロックそれぞれ）*/
#footer1-parts > div {
	display: flex;
	flex-direction: column;	/*縦積み*/
	gap: 1rem;	/*要素間に空けるスペース。１文字分。*/
}

/*2つ目（右側）ブロック*/
#footer1-parts .menu {
    display: flex;	/*フッターメニューを横並びに*/
    gap: 2rem;		/*メニュー（ul）同士の間に空けるスペース。２文字分。*/
    align-items: flex-start;
}

	/*画面幅900px以上の追加指定*/
	@media (min-width: 900px){
	
	/*フッターボックス全体*/
	#footer1-parts {
		display: flex;	/*横並びにする*/
		justify-content: space-between;
		gap: 2rem;	/*左右のボックスの間に空けるスペース。２文字分。*/
	}
	
	/*1つ目（左側）ブロック*/
	#footer1-parts > div:nth-of-type(1) {
		flex: 0 0 30%;	/*幅を30%。お好みで。*/
	}

	}/*追加指定ここまで*/

/*Copyright部分*/
#footer1-parts small {
	display: block;
	text-align: right;	/*右寄せ*/
	margin-top: auto;	/*下に*/
}


/*SNSアイコン
---------------------------------------------------------------------------*/
#footer1-parts .sns1-parts {
	list-style: none;
	margin: 0;padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;		/*アイコン同士のマージン的な要素。１文字分。*/
}

#footer1-parts .sns1-parts i {
	font-size: 30px;	/*アイコンサイズ*/
}

/* ==== part:footer1 end ==== */
