/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/********* footer_area ***********/
#footer_area {
	margin: 0em calc(50% - 50vw);
  padding: 0em calc(50vw - 50%);
	font-size: 0.2rem;
	background-color: #fefefe;
	border-top: solid  3px #463333;
}
#footer_area .f_content {
	display: flex;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 50px;
}
#footer_area .f_item {
	width: 30%;
}
#footer_area .f_menu_title {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 3px;
	border-bottom: solid  1px #777;
}

#footer_area .f_menu_list li {
	font-size: 0.9rem;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer_area .order1 {
	text-align: center;
}
#footer_area .contact_number {
	font-size: 25px;
	text-align: center;
}
/* フッターロゴ消去 */
#footer #st-footer-logo-wrapper{
display:none;
}
/* フッターキャッチ削除 */
#footer .footer-description a{
display:none;
}

/********* footer_area 　　END　***********/



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	/********* footer_area ***********/
    #footer_area .f_content {
		display: block;
	}
	#footer_area .f_item {
      width: 100%;
      margin-bottom: 30px;
    }

	
	/********* footer_area 　　END　***********/

	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}