@charset "utf-8";

/* --------------------------------------------------------------------------------
minami-maguro
PC
-------------------------------------------------------------------------------- */
#minami-maguro {
	padding: 0 0 285px;
}

/********** メイン画像 **********/
#minami-maguro .img-main {
	padding: 0 0 72px;
}
#minami-maguro .img-main img {
	display: block;
	width: 100%;
}

/* ----------------------------------------
toha-contents
---------------------------------------- */
#minami-maguro .toha-contents {
	padding: 0 60px;
}


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


/* ----------------------------------------
txt-img
---------------------------------------- */
#minami-maguro .txt-img {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	
	width: 100%;
	padding: 0 0 40px;
}
#minami-maguro .txt-img .txt {
	width: 625px;
}
#minami-maguro .txt-img .txt p {
	line-height: 1.75;
	font-size: 23px;
}
#minami-maguro .txt-img .img {
	width: 425px;
}

/********** 左右逆レイアウト **********/
#minami-maguro .txt-img.txt-img-1 {
}
#minami-maguro .txt-img.txt-img-2 {
	flex-direction: row;
}


/* ----------------------------------------
txt-only
---------------------------------------- */
#minami-maguro .txt-only {
	padding: 0 0 40px;
}
#minami-maguro .txt-only .txt {
}
#minami-maguro .txt-only .txt p {
	line-height: 1.75;
	font-size: 23px;
}


/* ----------------------------------------
ミナミマグロの生態
---------------------------------------- */
#minami-maguro .block-seitai {
	padding: 0 0 30px;
}

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

#minami-maguro .block-seisokuchi .seisokuchi-map {
	margin: 0 0 60px;
}

/********** 中見出し **********/
#minami-maguro .block-seisokuchi h3 {
	display: flex;
	align-items: baseline;
	width: 100%;
	
	margin: 0 0 25px;
	padding: 0 0 15px;
	letter-spacing: -0.05em;
	font-size: 62px;
	font-weight: 500;
	color: #103669;
	
	background: url("../../images/freepage/minami-maguro/line-heading.png") no-repeat 0 100%;
}
#minami-maguro .block-seisokuchi h3 span {
	display: block;
}
#minami-maguro .block-seisokuchi h3 .heading-place {
	width: 510px;
	
	font-size: 50px;
}
#minami-maguro .block-seisokuchi h3 .heading-data {
	font-size: 27px;
	letter-spacing: 0.01em;
}
#minami-maguro .block-seisokuchi .txt {
	padding: 0 0 30px;
}
#minami-maguro .block-seisokuchi .txt p {
	line-height: 1.75;
	font-size: 23px;
}

/* ----------------------------------------
ミナミマグロの利用
---------------------------------------- */
#minami-maguro .block-riyou {
	padding: 0 0 20px;
}

/* ----------------------------------------
ミナミマグロの旬
---------------------------------------- */
#minami-maguro .block-syun {
	padding: 0 0 0;
}
#minami-maguro .block-syun h2 {
	margin: 0 0 60px;
	padding: 23px 23px 23px 40px;
}
#minami-maguro .block-syun h2 .heading-syun {
	display: flex;
	
	width: 100%;
}
#minami-maguro .block-syun h2 .heading-syun .heading {
	display: block;
	width: 410px;
}
#minami-maguro .block-syun h2 .heading-syun .heading-desc {
	display: block;
	width: 625px;
	line-height: 1.2;
	font-size: 19px;
	letter-spacing: -0.02em;
	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;
	font-size: 29px;
}
#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: 290px;
	margin: 0 0 15px;
	padding: 8px 0;
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	background: #3265bf;
}

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

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

/********** 漁場の旬 **********/
#minami-maguro .block-syun .syun-gyojo {
	padding: 0 0 45px;
}
#minami-maguro .block-syun .syun-gyojo h3 {
}
#minami-maguro .block-syun .syun-gyojo .txt {
	padding: 0 0 20px;
}
#minami-maguro .block-syun .syun-gyojo .txt p {
	line-height: 1.8;
	font-size: 23px;
}

/* 情報 */
#minami-maguro .block-syun .syun-gyojo .info-tbl {
	line-height: 1.8;
	font-size: 36px;
}
#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: 850px;
	text-align: left;
	font-weight: 500;
	font-size: 36px;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table th .cell-heading::after {
	position: absolute;
	right: 0;
	top: calc(50% + 1px);
	
	content: '';
	
	display: block;
	width: 470px;
	height: 1px;
	background: #4e4e4e;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(1) th .cell-heading::after {
	width: 470px;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(2) th .cell-heading::after {
	width: 510px;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(3) th .cell-heading::after {
	width: 470px;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(4) th .cell-heading::after {
	width: 590px;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(5) th .cell-heading::after {
	width: 560px;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(6) th .cell-heading::after {
	width: 510px;
}
#minami-maguro .block-syun .syun-gyojo .info-tbl table td {
	padding: 2px 0 2px 20px;
	letter-spacing: -0.05em;
	font-size: 40px;
}

/* ----------------------------------------
天然物と養殖物の違い
---------------------------------------- */
#minami-maguro .block-chigai h2 {
	margin: 0 0 30px;
	padding: 17px 0;
	text-align: center;
	font-size: 57px;
	color: #fff;
	background: #a4272d;
}
#minami-maguro .block-chigai .chigai-tbl {
	padding: 0 0 76px;
}
#minami-maguro .block-chigai .chigai-tbl table {
	border-collapse: collapse;
	font-size: 45px;
}
#minami-maguro .block-chigai .chigai-tbl table th {
	padding: 30px 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: 140px;
}
#minami-maguro .block-chigai .chigai-tbl table th:nth-of-type(2) {
	width: 470px;
	padding-right: 15px;
}
#minami-maguro .block-chigai .chigai-tbl table th:nth-of-type(3) {
	width: 470px;
	padding-left: 15px;
}
#minami-maguro .block-chigai .chigai-tbl table td {
	padding: 20px 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 25px;
	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;
	padding: 10px 15px 20px 0;
}

/* 色味 */
#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: 10px 0 20px 15px;
}

/********** それぞれの詳細 **********/
#minami-maguro .chigai-details {
	padding: 0 0 30px;
}
#minami-maguro .chigai-details h3 {
	display: inline-block;
	width: 290px;
	margin: 0 0 15px;
	padding: 8px 0;
	text-align: center;
	font-weight: 500;
	font-size: 36px;
	color: #fff;
	background: #a4272d;
}
#minami-maguro .chigai-details .txt {
	padding: 0 0 35px;
}
#minami-maguro .chigai-details .txt p {
	line-height: 1.7;
	font-size: 25px;
}

/********** 違い文章 **********/
#minami-maguro .block-chigai .txt-att {
	padding: 35px 0;
	text-align: center;
	letter-spacing: -0.05em;
	font-weight: 700;
	font-size: 25px;
	color: #a4272d;
	background: url("../../images/freepage/minami-maguro/bg-heading.png") repeat 0 0;
}