@charset "utf-8";

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");

/* 画像ロゴがあるときだけ、直後のテキスト版ロゴを隠す */
#logo + #logo-text { display: none; }

/* GoogleMap等のiframeの枠線を消す */
iframe { border: 0; }

/*お知らせブロック*/
.new dt {
    padding-right: 1rem;
}

/*contact_form.html*/
.contact-alert{
    background:#f0fff2;border:1px solid #bde5c8;color:#1c6b2a;
    padding:.8rem 1rem;border-radius:6px;margin:0 0 1rem;
}
.contact-alert.error{background: #fffbda;border: 1px solid #f3c4c4;color:#b00020;}

input[type=text], input[type=email], input[type=tel],textarea {
    width:100%;
    max-width:100%;
}
input, select, textarea, button[type=submit] {font-size: 1rem;}

/*著作部分（※意図的に見えなくしたりしないで下さい。規約違反になります。）*/
.pr a {
	text-decoration: none;display: block;
	background: #555;
	color: #ccc;
	text-align: right;
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
}
.pr a::before {
	font-family: "Font Awesome 6 Free";
	content: "\e2ca";
	font-weight: bold;
	margin-right: 0.5em;
}

/*以下はfoods10専用*/

/*ロゴをテキストにする場合*/
#logo-text {margin: 0;padding: 0;}
.home #logo-text {
	tab-size: 0.3ren;
}
	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*ブロック全体を囲むブロック*/
	#logo-text {margin: 0;padding: 0;}
    .home #logo-text {
	position: absolute;z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    }

	}/*追加指定ここまで*/
		
/*年度テーマテキスト配置*/
#year-theme {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 90%;            /* 横幅を画面の80%に制限 */
    top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);*/
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

/* 701px以上の時の設定 */
@media (min-width: 701px) {
.home #year-theme {
	/*position: absolute;*/
	z-index: 2;
	letter-spacing: 0.3em;　/*文字の間を広げる*/
	/*bottom: 90%;       /* 下端からの位置に配置 */
	/*top: 10%;
	/*margin-top: 10rem;*/
	/*left: 50%;
	transform: translate(-50%, -50%);*/
	/* --- 追加・修正部分 --- */
    /*width: 80%;            /* 横幅を画面の80%に制限 */
    text-align: center;    /* 枠内でのテキストを中央揃えにする */
    /*word-break: break-all; /* 長い英単語などがある場合に枠内で改行させる（任意） */
	/* フォントサイズを確実に大きくする設定 */
    font-size: 1.5rem !important; /* 200%より大きく。!importantは効かない時の最終手段 */
    /*font-weight: bold;         /* 太くするとより大きく見えます */
    line-height: 1.4;          /* 改行した時の行間調整 */
  }
}

/* --- 700px以下の時は「標準」に戻す --- */
/* 全ての絶対配置とサイズ指定をリセットします */
@media (max-width: 700px) {
    .home #year-theme {
        /*position: static !important;  /* 浮かせず通常の流れに戻す */
		position: absolute;           /* ← staticにしない */
        /*transform: none !important;   /* 位置調整を無効化 */
        /*width: auto !important;       /* 幅を自動に */
		top: 80%;   /* ← これを追加（重要） */
		/*left: 50%;*/
		margin: 0 auto;
		transform: translate(-50%, -50%);
        /*margin: 20px auto;            /* 上下に少し余白を作る */
        /*text-align: center;           /* スマホでも中央揃えが見やすい */
        font-size: 0.8rem;              /* 標準サイズ */
        letter-spacing: normal;       /* 文字間を戻す */
		line-height: 1.3;
		z-index: 5;                   /* 画像より必ず上 */
    }
}

/* RIグループテキスト配置 */
#group {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 90%;
	top: 7%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;           /* ← これが決定打 */
	letter-spacing: 0.2em;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
	z-index: 10;
}

/* 700px以下（スマホ） */
@media (max-width: 700px) {
	#group {
		font-size: 0.75rem;     /* ← 好みで 0.8〜1rem */
		letter-spacing: 0.12em; /* 文字間も少し詰めるとバランス◎ */
	}
}

/*フッターメニューのspanを非表示に*/
#footermenu span {
  display: none;
}

/*メニュー紹介のNEWアイコンの場所変更*/
.list .newicon {
  left: auto;
  right: -0.7rem;
}