/*
Theme Name: AFFINGER7 Child
Template: affinger
Description: AFFINGER7 対応
Version: 20260410
*/

/* メインエリアの角丸をなくして四角にする */
html body main {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* PCメニューの文字を各ボタンの上下・左右中央にする */
@media only screen and (min-width: 960px) {
  html body #st-menuwide nav > ul > li > a,
  html body #st-menuwide .menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    padding: 0 12px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  html body #st-menuwide nav > ul > li > a span,
  html body #st-menuwide .menu > li > a span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }
}

/* PCメニューの文字を各ボタンの上下・左右中央にする */
@media only screen and (min-width: 960px) {
  html body #st-menuwide nav > ul > li > a,
  html body #st-menuwide .menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    padding: 0 12px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  html body #st-menuwide nav > ul > li > a span,
  html body #st-menuwide .menu > li > a span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*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) {

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