@charset "utf-8";

/* --------------------------------------------------------------------------------
mebachi-maguro
PC
-------------------------------------------------------------------------------- */
#kihada-maguro {
	padding: 0 0 6vw;
	
	font-size: 3.2vw;
}

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

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


/* ----------------------------------------
toha-section
---------------------------------------- */
#kihada-maguro .toha-section {
	padding: 0 0 2vw;
}
#kihada-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-float
---------------------------------------- */
#kihada-maguro .txt-img-float {
	padding: 0 0 4vw;
}
#kihada-maguro .txt-img-float .img {
	padding: 0 0 3vw 0;
}
#kihada-maguro .txt-img-float .txt {
}
#kihada-maguro .txt-img-float .txt p {
	line-height: 1.75;
}


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


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


/* ----------------------------------------
ホンマグロとは
---------------------------------------- */
#kihada-maguro .block-about {
	
}
#kihada-maguro .block-about .txt-img .txt {
	padding: 0 0 4vw;
}

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


/* ----------------------------------------
ホンマグロの特徴
---------------------------------------- */
#kihada-maguro .block-tokucho {
	
}
#kihada-maguro .block-tokucho .txt-img {
	padding: 0 0 4vw;
}
#kihada-maguro .block-tokucho .txt-img .img {
	margin: 0 0 4vw;
}
#kihada-maguro .block-tokucho .txt-img.txt-img-2 .img {
	margin: 0 0 4vw;
}


/* ----------------------------------------
ホンマグロの生態
---------------------------------------- */
#kihada-maguro .block-seitai {
}

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

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

/********** 中見出し **********/
#kihada-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/mebachi-maguro/line-heading.png") no-repeat 0 100%;
	background-size: 100% auto;
}
#kihada-maguro .block-seisokuchi h3 span {
	display: block;
}
#kihada-maguro .block-seisokuchi h3 .heading-place {
	width: 44vw;
	
	font-size: 3.9vw;
	letter-spacing: -0.05em;
}
#kihada-maguro .block-seisokuchi h3 .heading-place .mark-1,
#kihada-maguro .block-seisokuchi h3 .heading-place .mark-2 {
	display: inline-block;
}
#kihada-maguro .block-seisokuchi h3 .heading-place .mark-1 {
	position: relative;
	margin: 0 0 0 -0.5em;
}
#kihada-maguro .block-seisokuchi h3 .heading-place .mark-2 {
	position: relative;
}
#kihada-maguro .block-seisokuchi h3 .heading-data {
	width: calc(100% - 44vw);
	text-align: right;
	font-size: 2.75vw;
	letter-spacing: 0;
}
#kihada-maguro .block-seisokuchi .txt {
	padding: 0 0 3.5vw;
}
#kihada-maguro .block-seisokuchi .txt p {
	line-height: 1.75;
	font-size: 2.9vw;
}

/* ----------------------------------------
ホンマグロの利用
---------------------------------------- */
#kihada-maguro .block-riyou {
}
#kihada-maguro .block-riyou .txt {
	padding: 0 0 4vw;
}

/* ----------------------------------------
ホンマグロの旬
---------------------------------------- */
#kihada-maguro .block-syun {
	padding: 0 0 0;
}
#kihada-maguro .block-syun h2 {
	margin: 0 0 4vw;
	padding: 3.5vw 0 3.5vw 2vw;
}
#kihada-maguro .block-syun h2 .heading-syun {
	display: flex;
	
	width: 100%;
}
#kihada-maguro .block-syun h2 .heading-syun .heading {
	display: block;
	width: 30vw;
}
#kihada-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;
}
#kihada-maguro .block-syun h2 .heading-syun .heading-desc .mark-1 {
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: -0.1em;
	color: #3265bf;
}
#kihada-maguro .block-syun h2 .heading-syun .heading-desc .mark-1 .mark-kagi-kakko {
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: -0.1em;
}

/********** 中見出し **********/
#kihada-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;
}

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

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

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

/* 情報 */
#kihada-maguro .block-syun .syun-gyojo .info-tbl {
	line-height: 1.8;
	font-size: 3.6vw;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table {
	width: 100%;
	color: #2e3180;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table th {
	position: relative;
	
	width: 68vw;
	text-align: left;
	font-weight: 500;
	font-size: 3.7vw;
}
#kihada-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;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(1) th .cell-heading::after {
	width: 37vw;
	right: -1vw;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(2) th .cell-heading::after {
	width: 45vw;
	right: -1vw;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(3) th .cell-heading::after {
	width: 45vw;
	right: -1vw;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(4) th .cell-heading::after {
	width: 24vw;
	right: -1vw;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(5) th .cell-heading::after {
	width: 52vw;
	right: -1vw;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table tr:nth-of-type(6) th .cell-heading::after {
	width: 48vw;
	right: -1vw;
}
#kihada-maguro .block-syun .syun-gyojo .info-tbl table td {
	padding: 1vw 0 1vw 2vw;
	letter-spacing: -0.1em;
	font-size: 3.3vw;
}

/* ----------------------------------------
天然物と養殖物の違い
---------------------------------------- */
#kihada-maguro .block-chigai h2 {
	margin: 0 0 2vw;
	padding: 1vw 0;
	text-align: center;
	font-size: 4.65vw;
	color: #fff;
	background: #103669;
}
#kihada-maguro .block-chigai .chigai-tbl {
	padding: 0 0 6vw;
}
#kihada-maguro .block-chigai .chigai-tbl table {
	border-collapse: collapse;
	font-size: 3.6vw;
}
#kihada-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;
}
#kihada-maguro .block-chigai .chigai-tbl table th:nth-of-type(1) {
	width: 12vw;
}
#kihada-maguro .block-chigai .chigai-tbl table th:nth-of-type(2) {
	width: 37vw;
}
#kihada-maguro .block-chigai .chigai-tbl table th:nth-of-type(3) {
	width: 37vw;
}
#kihada-maguro .block-chigai .chigai-tbl table td {
	padding: 2.5vw 0;
	box-sizing: border-box;
	border-bottom: solid 1px #b5b5b5;
	text-align: center;
	color: #103669;
}
#kihada-maguro .block-chigai .chigai-tbl table td:nth-of-type(2) {
	color: #00719f;
}

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

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

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

/********** それぞれの詳細 **********/
#kihada-maguro .chigai-details {
	padding: 0 0 1vw;
}
#kihada-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: #103669;
}
#kihada-maguro .chigai-details .txt {
	padding: 0 0 4vw;
}
#kihada-maguro .chigai-details .txt p {
	line-height: 1.7;
}

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