@charset "utf-8";
/* shared/css/index_contents_res.css */

/** 
 * レスポンシブ設定
 * PC 			960px〜
 * タブレット  	768px〜959px
 * スマホ 		〜767px
 */

@media (max-width:767px) {
	body {
		position: relative; /* グロナビ位置決め用 */
	}
	/* ロゴ下背景 */
	.header_up_bg {
		background-position: left 18px;
	}
}
/**
 * ヘッダー
 */
@media (max-width:959px) {
	.header {
		width: 100%;
	}
	.site_ci {
		margin: 4px 0 0 10px;
	}
	.utility_nav {
		margin: 0 10px 0 0;
	}
	/* 文字サイズ */
	.txt_size {
		display: none;
	}
	/* キーワード検索 */
	.search_form {
		margin: 0 10px 0 0;
	}
}
@media (max-width:767px) {
	.site_ci {
		float: none;
		margin: 0;
		padding: 13px 0 6px 0;
		text-align: center;
	}
	.site_ci img {
		width: 230px;
		margin: 0 0 10px 0;
		height: auto;
	}
	.header-right_up {
		float: none;
		margin: 0;
	}
	.utility_nav { /* ul */
		float: none;
		margin: 0;
		text-align: center;
	}
	.utility_nav li {
		display: inline-block;
		float: none;
		background-position: left 1.1em;
		margin: 0 4px;
		padding: 10px 0 14px 14px;
	}
	.header-bottom-inner {
		position: relative;
		width: 76%; /* スマホ時の比率 */
	}
	/* キーワード検索 */
	.search_form {
		float: none;
		margin: 0 10px 0 0;
	}
	.search_form .form_group {
		float: right;
		position: relative;
		z-index: 160;
	}
	.search_form .form_control {
		width: 17em;
		height: 40px;
		font-size: 1.142857em; /* 16px */
	}
	.search_btn {
		height: 40px;
	}
}
@media (max-width:515px) { /* スマホ縦用 */
	/* キーワード検索 */
	.search_form label {
		margin: 0;
	}
	.search_form .form_control {
		width: 6.5em;
	}
	.search_btn {
		width: 70px;
	}
}
/**
 * グローバルナビゲーション
 */
@media (max-width:959px) {
	.gnav {
		width: 100%;
	}
	.gnav_nav > li:first-child,
	.gnav_nav > li:first-child + li,
	.gnav_nav > li:first-child + li + li,
	.gnav_nav > li:first-child + li + li + li {
		width: 25%;
	}
	.gnav_nav > li > a {
		background-image: none;
	}
	.gnav_nav > li:first-child > a,
	.gnav_nav > li:first-child + li > a,
	.gnav_nav > li:first-child + li + li > a,
	.gnav_nav > li:first-child + li + li + li > a {
		padding: 20px 0 0 0;
	}
	.gnav_nav > li > a img {
		display: none;
	}
	.top_page .gnav_nav-mega ul {
		height: auto;
	}
}
@media (max-width:767px) {
	.gnav {
		position: absolute; /* グロナビ固定用 */
		top: 118px;
		width: 82%;
	}
	.gnav_nav { /* display: none; */
		display: none;
		position: absolute;  /* グロナビ固定用 */
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 150;
/*		height: 0; トランジションを噛ませたい場合
		overflow: hidden;
		opacity: 0; */
	}
	.gnav_nav.is_gnav_nav { /* display: block; */
		display: block;
/*		height: auto; トランジションを噛ませたい場合
		opacity: 1;	
		transition: all 1s; */
	}
	.gnav_nav > li {
		float: none;
		border-right: 1px solid #0a0a0a;
		border-bottom: 1px solid #0a0a0a;
		border-left: 1px solid #0a0a0a;
	}
	.gnav_nav > li:first-child,
	.gnav_nav > li:first-child + li,
	.gnav_nav > li:first-child + li + li,
	.gnav_nav > li:first-child + li + li + li,
	.gnav_nav > li:first-child + li + li + li + li {
		width: 100%;
	}
	.gnav_nav > li:first-child {
		border: 1px solid #0a0a0a;
	}
	.gnav_nav li a {
		display: block;
		text-decoration: none;
	}
	.gnav_nav > li > a {
		background-color: #fff;
		background-image: url(/primaff/e/shared_new/shared/images/icon_plus2.png);
		background-repeat: no-repeat;
		background-size: 18px 18px;
		padding: 14px 16% 14px 10px;
		text-align: left;
		color: #000;
	}
	.gnav .gnav_nav > li > a,
	.gnav .gnav_nav > li + li > a,
	.gnav .gnav_nav > li + li + li > a,
	.gnav .gnav_nav > li + li + li + li > a,
	.gnav .gnav_nav > li + li + li + li + li > a { /* 詳細度を上げて画像ポジション指定 */
		background-position: 94% center;
	}
	.gnav_nav > li:first-child > a,
	.gnav_nav > li:first-child + li + li > a,
	.gnav_nav > li:first-child + li + li + li + li > a { /* About MAFF *//* Food Safety *//* Links */
		padding: 21px 16% 14px 10px;
	}
	.gnav_nav > li:first-child + li > a,
	.gnav_nav > li:first-child + li + li + li > a { /* Japanese Food Promotion *//* Documents and Data */
		padding: 21px 16% 14px 10px;
	}
	.gnav_nav > li  > a.is_gnav_sp_mega_open {
		background-image: url(/primaff/e/shared_new/shared/images/icon_minus2.png);
		background-size: 18px 3px;
	}
	.gnav_nav > li  > a.is_gnav_sp_mega_open,
	.gnav_nav .gnav_nav-current > a,
	.gnav_nav > .is_gnav_nav-current > a {
		background-color: #eee5e5;
	}
	.gnav_nav > .is_gnav_nav-current > a:after {
		display: none;
	}
	/* メガメニュー */
	.gnav_nav-mega {
		display: none;
		position: relative;
		padding: 0;
	}
	/*  // PCモードのメガメニューオープンを無効にする */
	.gnav_nav-mega.is_gnav_nav-mega {
		display: none;
	}
	.gnav_nav-mega.is_gnav_sp_nav-mega {
		display: block;
	}
	.gnav_nav-mega-title {
		margin: 0;
		border-top: 1px solid #0a0a0a;
	}
	.gnav_nav-mega-title a {
		background-color: #f2f2f2;
		background-image: url(/primaff/e/shared_new/shared/images/icon_arrow6.png);
		background-position: 93% center;
		background-size: 10px 17px;
		padding: 14px 16% 14px 26px;
		font-size: 1.142857em; /* 16px */
		color: #000;
	}
	.gnav_nav-mega-close {
		display: none;
	}
	.gnav_nav-mega-close + ul {
		padding: 0;
	}
	.gnav_nav-mega-close + ul + ul {
		padding: 0;
	}
	.gnav_nav-mega-close + ul + ul + ul {
		padding: 0;
	}
	.gnav_nav-mega ul {
		float: none;
		width: 100%;
		border-left: none;
	}
	.gnav_nav-mega ul li {
		background-image: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid #0a0a0a;
	}
	.gnav_nav-mega ul li a {
		background-color: #f2f2f2;
		background-image: url(/primaff/e/shared_new/shared/images/icon_arrow6.png);
		background-repeat: no-repeat;
		background-position: 93% center;
		background-size: 10px 17px;
		padding: 14px 15% 14px 26px;
	}
	/* レスポンシブ時のトグルボタン */
	.gnav_btn_area {
		display: table;
	}
}
/**
 * パンくず
 */
@media (max-width:959px) {
	.breadcrumb {
		width: 100%;
	}
}
/**
 * コンテンツ
 */
@media (max-width:959px) {
	.main {
		margin: 0 10px;
		word-wrap: break-word;
	}
	.content {
		width: 100%;
	}
	.content_left {
		float: none;
		width: 100%;
	}
	.content_right {
		float: none;
		width: 100%;
		margin: 50px 0 0;
	}
	/* ２カラムに分ける包含要素に.columnを付けると内包要素.column_itemが２カラム配置になる */
	.column .column-item {
		display: inline;
		float: left;
		width: 49%;
		margin: 0 2% 0 0;
	}
	/* アドビリーダーダウンロード */
	.content .adobe_reader-left { /* <p> */
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.content .adobe_reader-right { /* <p> */
		float: none;
		position: static;
		width: 100%;
		text-align: left;
	}
}
@media (max-width:767px) {
	/* ２カラムに分ける包含要素に.columnを付けると内包要素.column_itemが２カラム配置になる */
	.column .column-item {
		float: none;
		width: 100%;
		margin: 0;
	}
}
@media (max-width:550px) { /* スマホ縦用 */
	/* アンケート */
	.survey .survey-a li {
		margin: 0 0 10px 0;
	}
}
/**
 * フッター
 */
@media (max-width:959px) {
	.footer-up {
		width: 100%;
		padding: 15px 0 20px;
	}
	/* ソーシャルメディア */
	.footer_title {
		margin: 10px 10px 0 10px;
	}
	.sns li {
		margin: 0 4px 0 0;
	}
	/* Event Information / Links */
	.btn_foot1 { /* <ul> */
		margin: 0 10px 0 0;
	}
	/* フッター下段 */
	.footer-bottom {
		position: relative;
		width: 100%;
	}
	.footer_ci {
		float: none;
		margin: 0 25px 20px 10px;
		padding: 0;
	}
	.footer_ci.footer_ci--line2 {
		padding: 0;
	}
	/* 住所電話 */
	.footer_ad {
		float: none;
		margin: 0 10px 20px 10px;
	}
	/* Contact MAFF / Access/Map */
	.btn_foot2 { /* <ul> */
		float: none;
		position: absolute;
		top: 25px;
		right: 10px;
	}
	/* フッターナビゲーション */
	.fnav { /* ul */
		margin: 0 0 0 10px;
	}
	.fnav li:nth-child(4) {
		clear: both;
	}
}
@media (max-width:767px) {
	/* このページの先頭へ */
	.pnavi {
		bottom: 35px;
		right: 16px;
		width: 44px;
		height: 44px;
	}
	.pnavi a {
		background-image: url(/primaff/e/shared_new/shared/images/icon_pnavi_small@2x.png);
		background-size: 44px 44px;
		width: 44px;
		height: 44px;
	}
	.pnavi a img {
		display: none;
	}
	/* ソーシャルメディア */
	.footer_title {
		float: none;
		margin: 0 0 4px 0;
		text-align: center;
	}
	.sns { /* <ul> */
		float: none;
		margin: 0 0 10px 0;
		text-align: center;
	}
	.sns li:last-child {
		margin: 0;
	}
	/* Event Information / Links */
	.btn_foot1 { /* <ul> */
		float: none;
		position: static;
		margin: 0;
		text-align: center;
	}
	.btn_foot1 li {
		float: none;
		display: inline-block;
		margin: 0;
	}
	.btn_foot1 .btn_foot1-2 {
		position: relative;
		top: 7px;
	}
	.btn_foot1-1 a {
		padding: 6px 1px;
	}
	.btn_foot1-2 a {
		padding: 1px;
		border: 2px solid #ad0000;
	}
	.btn_foot1-2 a:hover,
	.btn_foot1-2 a:focus {
		border: 2px solid #580000;
	}
	/* Contact MAFF / Access/Map */
	.btn_foot2 { /* <ul> */
		float: none;
		position: static;
		margin: 0 10px 20px;
	}
	.fnav li:nth-child(4) {
		clear: none;
	}
}
@media (max-width:360px) { /* スマホ縦 */
	.btn_foot2 li {
		width: 10em;
	}
}