@charset "utf-8";

/* --------------------------------------------------------------------------------
minami-maguro
PC
-------------------------------------------------------------------------------- */
#minami-maguro {
	padding: 0 0 28vw;
	
	font-size: 3.2vw;
}

/********** メイン画像 **********/
#minami-maguro .img-main {
	padding: 0 0 7vw;
}
#minami-maguro .img-main img {
	display: block;
}

/* ----------------------------------------
toha-contents
---------------------------------------- */
#minami-maguro .toha-contents {
	padding: 0 7vw;
}


/* ----------------------------------------
toha-section
---------------------------------------- */
#minami-maguro .toha-section {
	padding: 0 0 2vw;
}
#minami-maguro .toha-section h2 {
	margin: 0 0 4vw;
	padding: 2vw 2vw;
	letter-spacing: -0.1em;
	font-size: 4vw;
	font-weight: 500;
	color: #103669;
	background: url("../../images/freepage/kinds/bg-heading.png") repeat 0 0;
}


/* ----------------------------------------
txt-img
---------------------------------------- */
#minami-maguro .txt-img {
	padding: 0 0 4vw;
}
#minami-maguro .txt-img .txt {
}
#minami-maguro .txt-img .txt p {
	line-height: 1.75;
}
#minami-maguro .txt-img .img {
	padding: 0 0 2vw;
}


/* ----------------------------------------
txt-only
---------------------------------------- */
#minami-maguro .txt-only {
	padding: 0 0 4vw;
}
#minami-maguro .txt-only .txt {
}
#minami-maguro .txt-only .txt p {
	line-height: 1.75;
}


/* ----------------------------------------
ミナミマグロとは
---------------------------------------- */
#minami-maguro .block-about {
	
}
#minami-maguro .block-about .txt-img .txt {
	padding: 0 0 4vw;
}

/********** 上下反転レイアウト **********/
#minami-maguro .block-about .txt-img .txt-img-1 {
	display: flex;
	flex-direction: column;	
	width: 100%;
}

/* ----------------------------------------
ミナミマグロの特徴
---------------------------------------- */
#minami-maguro .block-tokucho {
	
}
#minami-maguro .block-tokucho .txt-img {
	padding: 0 0 4vw;
}
#minami-maguro .block-tokucho .txt-img .img {
	float: right;
	width: 46vw;
	margin: 0 0 2vw 2vw;
}
#minami-maguro .block-tokucho .txt-img.txt-img-2 .img {
	float: left;
	width: 48vw;
	margin: 0 2vw 2vw 0;
}


/* ----------------------------------------
ミナミマグロの生態
---------------------------------------- */
#minami-maguro .block-seitai {
}

/* ----------------------------------------
ミナミマグロの生息地
---------------------------------------- */
#minami-maguro .block-seisokuchi {
	padding: 0 0 8vw;
}
#minami-maguro .block-seisokuchi h2 {
	margin: 0 0 5vw;
}

#minami-maguro .block-seisokuchi .seisokuchi-map {
	margin: 0 0 4vw;
}

/********** 中見出し **********/
#minami-maguro .block-seisokuchi h3 {
	display: flex;
	align-items: baseline;
	width: 100%;
	
	margin: 0 0 2vw;
	padding: 0 0 2vw;
	letter-spacing: -0.05em;
	font-size: 4vw;
	font-weight: 500;
	color: #103669;
	
	background: url("../../images/freepage/minami-maguro/line-heading.png") no-repeat 0 100%;
	background-size: 100% auto;
}
#minami-maguro .block-seisokuchi h3 span {
	display: block;
}
#minami-maguro .block-seisokuchi h3 .heading-place {
	width: 42vw;
	
	font-size: 3.9vw;
	letter-spacing: -0.05em;
}
#minami-maguro .block-seisokuchi h3 .heading-data {
	width: calc(100% - 42vw);
	text-align: right;
	font-size: 2.75vw;
	letter-spacing: 0;
}
#minami-maguro .block-seisokuchi .txt {
	padding: 0 0 3.5vw;
}
#minami-maguro .block-seisokuchi .txt p {
	line-height: 1.75;
	font-size: 2.9vw;
}

/* ----------------------------------------
ミナミマグロの利用
---------------------------------------- */
#minami-maguro .block-riyou {
}
#minami-maguro .block-riyou .txt {
	padding: 0 0 4vw;
}
#minami-maguro .block-riyou .txt-img .img {
	float: right;
	width: 46vw;
	margin: 0 0 2vw 2vw;
}
#minami-maguro .block-riyou .txt-img.txt-img-2 .img {
	float: left;
	width: 48vw;
	margin: 0 2vw 2vw 0;
}





/* ----------------------------------------
ミナミマグロの旬
---------------------------------------- */
#minami-maguro .block-syun {
	padding: 0 0 0;
}
#minami-maguro .block-syun h2 {
	margin: 0 0 4vw;
	padding: 3.5vw 0 3.5vw 2vw;
}
#minami-maguro .block-syun h2 .heading-syun {
	display: flex;
	
	width: 100%;
}
#minami-maguro .block-syun h2 .heading-syun .heading {
	display: block;
	width: 30vw;
}
#minami-maguro .block-syun h2 .heading-syun .heading-desc {
	display: block;
	width: 50vw;
	line-height: 1.5;
	font-size: 2.4vw;
	letter-spacing: -0.05em;
	color: #191919;
}
#minami-maguro .block-syun h2 .heading-syun .heading-desc .mark-1 {
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: -0.1em;
	color: #3265bf;
}
#minami-maguro .block-syun h2 .heading-syun .heading-desc .mark-1 .mark-kagi-kakko {
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: -0.1em;
}

/********** 中見出し **********/
#minami-maguro .block-syun h3 {
	width: 29vw;
	margin: 0 0 2vw;
	padding: 1vw 0;
	text-align: center;
	font-size: 3.68vw;
	font-weight: 500;
	color: #fff;
	background: #3265bf;
}

/********** 文章 **********/
#minami-maguro .block-syun .syun-mizuage .txt p {
	line-height: 1.7;
}
#minami-maguro .block-syun .syun-mizuage .txt p .mark-1 {
	color: #f00;
}

/********** 水揚げの旬 **********/
#minami-maguro .block-syun .syun-mizuage {
	padding: 0 0 5vw;
}

/********** 漁場の旬 **********/
#minami-maguro .block-syun .syun-gyojo {
	padding: 0 0 5vw;
}
#minami-maguro .block-syun .syun-gyojo h3 {
}
#minami-maguro .block-syun .syun-gyojo .txt {
	padding: 0 0 3vw;
}
#minami-maguro .block-syun .syun-gyojo .txt p {
	line-height: 1.8;
}

/* 情報 */
#minami-maguro .block-syun .syun-gyojo .info-tbl {
	line-height: 1.8;
	font-size: 3.6vw;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table {
	width: 100%;
	color: #2e3180;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table th {
	position: relative;
	
	width: 67vw;
	text-align: left;
	font-weight: 500;
	font-size: 3.7vw;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table th .cell-heading::after {
	position: absolute;
	right: -2vw;
	top: calc(50% + 1px);
	
	content: '';
	
	display: block;
	width: 31vw;
	height: 1px;
	background: #4e4e4e;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(1) th .cell-heading::after {
	width: 31vw;
	right: -2vw;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(2) th .cell-heading::after {
	width: 33vw;
	right: -2vw;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(3) th .cell-heading::after {
	width: 29vw;
	right: -2vw;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(4) th .cell-heading::after {
	width: 44vw;
	right: -2vw;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(5) th .cell-heading::after {
	width: 40vw;
	right: -2vw;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(6) th .cell-heading::after {
	width: 33vw;
	right: 0;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table td {
	padding: 1vw 0 1vw 2vw;
	text-align: right;
	letter-spacing: -0.1em;
	font-size: 3.3vw;
}

/* ----------------------------------------
天然物と養殖物の違い
---------------------------------------- */
#minami-maguro .block-chigai h2 {
	margin: 0 0 2vw;
	padding: 1vw 0;
	text-align: center;
	font-size: 4.65vw;
	color: #fff;
	background: #a4272d;
}
#minami-maguro .block-chigai .chigai-tbl {
	padding: 0 0 6vw;
}
#minami-maguro .block-chigai .chigai-tbl table {
	border-collapse: collapse;
	font-size: 3.6vw;
}
#minami-maguro .block-chigai .chigai-tbl table th {
	padding: 2.5vw 0;
	text-align: left;
	font-weight: 500;
	border-bottom: solid 1px #b5b5b5;
	box-sizing: border-box;
}
#minami-maguro .block-chigai .chigai-tbl table th:nth-of-type(1) {
	width: 12vw;
}
#minami-maguro .block-chigai .chigai-tbl table th:nth-of-type(2) {
	width: 37vw;
}
#minami-maguro .block-chigai .chigai-tbl table th:nth-of-type(3) {
	width: 37vw;
}
#minami-maguro .block-chigai .chigai-tbl table td {
	padding: 2.5vw 0;
	box-sizing: border-box;
	border-bottom: solid 1px #b5b5b5;
	text-align: center;
	color: #a4272d;
}
#minami-maguro .block-chigai .chigai-tbl table td:nth-of-type(2) {
	color: #e9524a;
}

/* セル見出し */
#minami-maguro .block-chigai .chigai-tbl table tr:nth-of-type(1) th {
	padding: 0 0 0;
	border-bottom: none;
	text-align: center;
	color: #a4272d;
}
#minami-maguro .block-chigai .chigai-tbl table tr:nth-of-type(1) th:nth-of-type(3) {
	color: #e9524a;
}

/* 画像 */
#minami-maguro .block-chigai .chigai-tbl table tr:nth-of-type(2) th,
#minami-maguro .block-chigai .chigai-tbl table tr:nth-of-type(2) td {
	border-bottom: none;
}
#minami-maguro .block-chigai .chigai-tbl table tr td:nth-of-type(1) {
	padding-right: 1.15vw;
}
#minami-maguro .block-chigai .chigai-tbl table tr td:nth-of-type(2) {
	padding-left: 1.15vw;
}

/* 色味 */
#minami-maguro .block-chigai .chigai-tbl table tr:nth-of-type(3) th,
#minami-maguro .block-chigai .chigai-tbl table tr:nth-of-type(3) td {
	padding: 2vw 0 3vw;
}

/********** それぞれの詳細 **********/
#minami-maguro .chigai-details {
	padding: 0 0 1vw;
}
#minami-maguro .chigai-details h3 {
	display: inline-block;
	width: 23vw;
	margin: 0 0 1vw;
	padding: 1vw 0;
	text-align: center;
	font-weight: 500;
	font-size: 2.866vw;
	color: #fff;
	background: #a4272d;
}
#minami-maguro .chigai-details .txt {
	padding: 0 0 4vw;
}
#minami-maguro .chigai-details .txt p {
	line-height: 1.7;
}

/********** 違い文章 **********/
#minami-maguro .block-chigai .txt-att {
	padding: 1.5vw 0;
	text-align: center;
	letter-spacing: -0.05em;
	line-height: 1.7;
	font-weight: 700;
	font-size: 3.2vw;
	color: #a4272d;
	background: url("../../images/freepage/minami-maguro-device/bg-att.png") no-repeat 0 0;
	background-size: 100% 100%;
}