@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol, ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q, blockquote {
	quotes: none
}

q:before, q:after {
	content: "";
	content: none
}

blockquote:before, blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}

body {
	max-width: 2500px;
	margin: 0 auto;
	line-height: 1.6;
	color: #333;
	font-family: "Outfit", "Noto Sans JP", sans-serif;
}

body strong {
	font-weight: bold
}

body em {
	font-style: italic
}

body blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px
}

img {
	vertical-align: bottom
}

.photo {
	margin: 0 0.5em 0.5em 0;
	padding: 0.3em;
	border: 1px solid #CCCCCC;
	text-align: center
}

.oh {
	overflow: hidden;
	margin-bottom: 1em
}

a {
	overflow: hidden;
	outline: none;
	text-decoration: none;
	color: #005BAC
}

a:hover {
	color: #4d8cc5
}

a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto
}

img.alignright {
	display: inline;
	margin: 0 0 16px 16px;
	padding: 4px;
	border: 1px solid #CCCCCC
}

img.alignleft {
	display: inline;
	padding: 4px;
	margin: 0 16px 16px 0;
	border: 1px solid #CCCCCC
}

.alignright {
	float: right !important
}

.alignleft {
	float: left !important
}

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center !important
}

.clearfix {
	overflow: hidden;
	zoom: 1
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

header {
	padding-top: 0.5em;
	background: url(../images/header-bgi.gif) 0 0 repeat-x
}

header p {
	float: left;
	padding: 0.2em 0;
	color: #FFFFFF
}

header address {
	float: right
}

header address ul li {
	padding: 0.4em 0.5em;
	float: left;
	color: #FFFFFF;
	font-size: 90%
}

header div.headerWrapper {
	overflow: hidden;
	width: 1000px;
	margin: 10px auto
}

header div.headerWrapper h1 {
	float: left
}

header div.headerWrapper p.innnerLogo {
	padding: 0
}

header div.headerWrapper nav {
	float: right;
	margin-top: 16px
}

header div.headerWrapper nav ul {
	overflow: hidden
}

header div.headerWrapper nav ul li {
	float: left;
	padding: 0.2em 0.8em;
	border-left: 1px dotted #aaa
}

header div.headerWrapper nav ul li a {
	color: #555
}

header div.headerWrapper nav ul li a:hover {
	color: #005bac
}

header div.headerWrapper nav ul li.ti-email, header div.headerWrapper nav ul li.ti-link, header div.headerWrapper nav ul li.ti-location-pin, header div.headerWrapper nav ul li.ti-map {
	font-size: 80%;
	font-weight: bold
}

header div.headerWrapper nav ul li.ti-email a, header div.headerWrapper nav ul li.ti-link a, header div.headerWrapper nav ul li.ti-location-pin a, header div.headerWrapper nav ul li.ti-map a {
	margin-left: 5px
}

header div.headerWrapper nav ul li.ti-email {
	padding-left: 25px;
	background: url("../images/icon-header01.gif") 5px center no-repeat
}

header div.headerWrapper nav ul li.ti-link {
	padding-left: 25px;
	background: url("../images/icon-header04.gif") 10px center no-repeat
}

header div.headerWrapper nav ul li.ti-location-pin {
	padding-left: 25px;
	background: url("../images/icon-header02.gif") 12px center no-repeat
}

header div.headerWrapper nav ul li.ti-map {
	padding-left: 30px;
	background: url("../images/icon-header03.gif") 10px center no-repeat
}

header div.headerWrapper nav ul li:first-child {
	border-left: none
}

body.home div.wrapper {
	overflow: visible !important;
	background: #fff;
}

div.container {
	padding-top: 2em;
	background: url(../images/body-bgi.gif) center 0 no-repeat
}

div.container div.wrapper {
	overflow: hidden;
	width: 1020px;
	margin: 0 auto;
	padding-bottom: 2em
}

div.container div.wrapper h2.inforTitle {
	padding-bottom: 20px;
	text-align: center;
	background: #f2f2f2
}

div.container div.wrapper h2.contentsTitle {
	width: 980px;
	margin-bottom: 1em;
	padding: 0.5em 0;
	border-bottom: 1px solid #ddd;
	font-size: 120%;
	font-weight: bold;
	background: #fff;
}

div.container div.wrapper h2.contentsTitle span {
	position: relative;
	bottom: -1px;
	padding: 0.5em;
	border-bottom: 1px solid #ddd
}

div.container div.wrapper div.contents {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 20px;
	border-top: 1px solid #eee;
}

div.container div.wrapper div.contents div.left {
	width: 640px;
}

div.container div.wrapper div.contents div.right {
	width: 300px;
}

div.container div.wrapper div.news {
	border: 1px solid #ccc;
	border-bottom-width: 3px;
}

div.container div.wrapper div.news h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border-bottom: 4px solid #3c3;
	color: #0a0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	background: linear-gradient(to bottom,#fff 0%,#eee 100%);
}

div.container div.wrapper div.news h2::before {
	content: '';
	width: 1em;
	aspect-ratio: 1/1;
	background-color: #0a0;
	mask: url("../images/icon_news.svg") no-repeat 50% 50%;
	mask-size: contain;
}

div.container div.wrapper div.news ul li {
	border-bottom: 1px dotted #ccc;
}

div.container div.wrapper div.news ul li a {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px;
	font-size: 14px;
	transition: color 0.5s cubic-bezier(0.2,1,0.2,1);
}

div.container div.wrapper div.news ul li a .date {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #333
}

div.container div.wrapper div.news ul li a .date::before {
	content: '';
	width: 6px;
	height: 7px;
	background-color: #519703;
	clip-path: polygon(0 0,100% 50%,0 100%);
}

div.container div.wrapper div.news ul li a:hover {
	color: #aaa;
}

div.container div.wrapper div.news nav.toPage {
	display: flex;
	justify-content: flex-end;
	padding: 8px
}

div.container div.wrapper div.news nav.toPage a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #519703;
	font-size: 14px;
	line-height: 1.25;
	background: linear-gradient(to bottom,#fff 0%,#eee 100%);
}

div.container div.wrapper div.news nav.toPage a::before {
	content: '';
	width: 1em;
	aspect-ratio: 1/1;
	background-color: #519703;
	mask: url('../images/icon_infolist.svg') no-repeat 50% 50%;
	mask-size: contain;
}

div.container div.wrapper div.news nav.toPage a:hover {
	opacity: 0.7;
}

div.container div.wrapper div.bnrs {
	margin-top: 20px;
}

div.container div.wrapper div.bnrs ul {
	display: flex;
	justify-content: space-between;
}

div.container div.wrapper div.bnrs ul li {
	width: 200px;
}

div.container div.wrapper div.bnrs ul li a {
	transition: opacity 0.5s cubic-bezier(0.2,1,0.2,1);
}

div.container div.wrapper div.bnrs ul li a:hover {
	opacity: 0.6;
}

div.container div.wrapper nav.totoch a {
	transition: opacity 0.5s cubic-bezier(0.2,1,0.2,1);
}

div.container div.wrapper nav.totoch a:hover {
	opacity: 0.6;
}

div.container div.wrapper div.seafoodWrapper {
	overflow: hidden;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e6e6e6
}

div.container div.wrapper div.seafoodWrapper div.seafoodMenu {
	float: left;
	width: 236px;
	margin-right: 12px
}

div.container div.wrapper div.seafoodWrapper div.seafoodMenu div {
	margin-bottom: 5px
}

div.container div.wrapper div.seafoodWrapper div.seafoodMenu ul {
	padding: 4px 0;
	background: #f2f2f2
}

div.container div.wrapper div.seafoodWrapper div.seafoodMenu ul li {
	margin-bottom: 2px;
	text-align: center
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts {
	float: left
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts dl {
	float: left;
	width: 236px;
	margin-right: 12px
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts dl dt {
	position: relative;
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #CCCCCC
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts dl dt span {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 1000
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts dl dd table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #CCCCCC
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts dl dd table tr th {
	padding: 0.3em;
	border: 1px solid #CCCCCC;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	font-size: 90%;
	color: #333;
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts dl dd table tr td {
	padding: 0.2em;
	border: 1px solid #CCCCCC;
	font-size: 90%
}

div.container div.wrapper div.seafoodWrapper div.seafoodPosts dl:last-clild {
	margin-right: 0
}

div.container div.wrapper div.mainVisual {
	margin-right: -50px;
	margin-left: -50px;
	z-index: 1000
}

div.container div.wrapper div.mainVisual div.title {
	margin-top: 2em
}

div.container div.wrapper div.mainVisual h2 {
	margin: 0.5em auto -60px;
	text-align: center
}

div.container div.wrapper div.contentWrapper {
	border-radius: 10px;
	border: 1px solid #EEE;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	background: #FFFFFF
}

div.container div.wrapper div.contentWrapper div.single, div.container div.wrapper div.contentWrapper div.page, div.container div.wrapper div.contentWrapper div.archive {
	float: left;
	width: 668px;
	margin: 20px
}

div.container div.wrapper div.contentWrapper div.single ol, div.container div.wrapper div.contentWrapper div.page ol, div.container div.wrapper div.contentWrapper div.archive ol {
	list-style-type: decimal;
	margin-left: 2em;
}

body.home div.mainVisual {
	margin-bottom: 0;
	padding: 10px 0 20px;
}

body.single div.mainVisual, body.page div.mainVisual, body.archive div.mainVisual, body.error404 div.mainVisual {
	margin: 0;
	height: 200px;
	background: #eee;
}

body.single div.mainVisual div, body.page div.mainVisual div, body.archive div.mainVisual div, body.error404 div.mainVisual div {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
	color: #FFF;
	font-size: 180%;
	font-weight: bold
}

body.single div.mainVisual div span, body.page div.mainVisual div span, body.archive div.mainVisual div span, body.error404 div.mainVisual div span {
	text-shadow: 0 1px 3px #000
}

body.single div.brandshimukahonsaba, body.page div.brandshimukahonsaba, body.archive div.brandshimukahonsaba, body.error404 div.brandshimukahonsaba, body.single div.sitemap, body.page div.sitemap, body.archive div.sitemap, body.error404 div.sitemap {
	background: url(../images/bgi-sitemap.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.single div.brands, body.page div.brands, body.archive div.brands, body.error404 div.brands {
	background: url(../images/bgi-brand.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.single div.contact, body.page div.contact, body.archive div.contact, body.error404 div.contact {
	background: url(../images/bgi-contact.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.single div.about, body.page div.about, body.archive div.about, body.error404 div.about {
	background: url(../images/bgi-about.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.single div.fishes, body.page div.fishes, body.archive div.fishes, body.error404 div.fishes {
	background: url(../images/bgi-sakana.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.single div.link, body.page div.link, body.archive div.link, body.error404 div.link {
	background: url(../images/bgi-link.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.single div.information, body.single div.news, body.single div.fair, body.single div.report {
	background: url(../images/bgi-information.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.page div.information, body.page div.news, body.page div.fair, body.page div.report {
	background: url(../images/bgi-information.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.archive div.information, body.archive div.news, body.archive div.fair, body.archive div.report {
	background: url(../images/bgi-information.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.error404 div.information, body.error404 div.news, body.error404 div.fair, body.error404 div.report {
	background: url(../images/bgi-information.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.single div.seafood, body.single div.store, body.single div.both, body.single div.foods, body.single div.certification {
	background: url(../images/bgi-seafood.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.page div.seafood, body.page div.store, body.page div.both, body.page div.foods, body.page div.certification {
	background: url(../images/bgi-seafood.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.archive div.seafood, body.archive div.store, body.archive div.both, body.archive div.foods, body.archive div.certification {
	background: url(../images/bgi-seafood.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.error404 div.seafood, body.error404 div.store, body.error404 div.both, body.error404 div.foods, body.error404 div.certification {
	background: url(../images/bgi-seafood.jpg) center center no-repeat #eee !important;
	-webkit-background-size: cover;
	background-size: cover
}

body.category div.mainVisual {
	background: url(../images/bgi-seafood.jpg) center center no-repeat #eee;
	-webkit-background-size: cover;
	background-size: cover
}

body.page div.mainVisual {
	background: url(../images/bgi-sakana.jpg) center center no-repeat #eee;
	-webkit-background-size: cover;
	background-size: cover
}

body.error404 div.mainVisual {
	background: url(../images/bgi-404.jpg) center center no-repeat #eee;
	-webkit-background-size: cover;
	background-size: cover
}

div.footerBanner {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 4em;
	clear: left
}

div.footerBanner p {
	margin-bottom: 20px
}

div.footerBanner ul {
	overflow: hidden;
	display: table
}

div.footerBanner ul li {
	display: table-cell;
	padding-right: 12px
}

div.footerBanner ul li:last-child {
	padding-right: 0
}

footer {
	clear: both;
	background: url("../images/footer-top.gif") 0 0 repeat-x #3b78c5
}

footer div#page-top {
	position: fixed;
	right: 20px;
	bottom: 20px
}

footer div#page-top a {
	z-index: 1000
}

footer div.footerWrapper {
	padding: 4em 0 3em
}

footer div.footerWrapper h5 {
	margin-bottom: 0.5em;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF
}

footer div.footerWrapper address {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	clear: left;
	margin-bottom: 2em;
	text-align: center;
	color: #FFFFFF
}

footer div.footerWrapper address span {
	font-weight: bold
}

footer div.footerWrapper p {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
	color: #FFFFFF
}

div.mainVisual {
	position: relative;
	margin-bottom: 2em
}

div.mainSlider {
	clear: both
}

div.mainSlider div.sp-slide {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1
}

div.mainSlider div.sp-selected {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1
}

div.mainSlider div.sp-buttons {
	margin-top: -50px;
	margin-bottom: 40px
}

div.mainSlider div.sp-button {
	width: 20px;
	height: 20px;
	border: none;
	background: url(../images/fade-button.png) center center no-repeat
}

div.mainSlider div.sp-selected-button {
	background: url(../images/fade-button-active.png) center center no-repeat
}

div.mainSlider div.sp-arrow {
	z-index: 1000 !important
}

div.slick-slider {
	position: relative
}

div.slick-slider a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1
}

div.slick-slider .slick-prev:before, div.slick-slider .slick-next:before {
	content: none;
	font-size: 100%
}

div.brandTitle {
	position: relative
}

div.brandTitle p {
	text-align: center
}

div.slickBrands {
	width: 980px;
	margin: 60px auto 0;
	z-index: 1000;
	-moz-box-shadow: 0 1px 3px 0 #333;
	-webkit-box-shadow: 0 1px 3px 0 #333;
	box-shadow: 0 1px 3px 0 #333;
	background: #FFFFFF
}

div.slickBrands div.slick-slide {
	margin: 10px 10px 5px 10px
}

div.slickBrands div.slick-slide a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 100%;
	height: 183px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}

div.slickBrands .slick-next {
	right: -40px;
	width: 36px;
	height: 60px;
	top: 36%;
	margin-top: 0;
	font-size: 100%
}

div.slickBrands .slick-prev {
	left: -45px;
	width: 36px;
	height: 60px;
	top: 36%;
	margin-top: 0;
	font-size: 100%
}

div.slickBrands .slick-slide img {
	max-width: 100%;
}

div.global-nav {
  box-sizing: border-box;
	height: 46px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	background: linear-gradient(to bottom,#fff 0%,#eee 100%);
}

div.global-nav ul#menu-global-nav {
	box-sizing: border-box;
	display: flex;
	width: 1020px;
	margin: 0 auto;
	border-left: 1px solid #ddd;
}

div.global-nav ul#menu-global-nav li {
	position: relative
}

div.global-nav ul#menu-global-nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #333;
	font-size: 14px;
	transition: all 0.5s cubic-bezier(0.2,1,0.2,1);
}

div.global-nav ul#menu-global-nav li a:hover {
	color: #005bac;
}

div.global-nav ul#menu-global-nav>li>a {
	height: 44px;
	padding: 0 20px;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
	font-weight: 700;
}

div.global-nav ul#menu-global-nav>li>a:hover {
	background-color: #fff;
}

div.global-nav ul#menu-global-nav>li.menu-item-has-children>a::after {
	content: '';
	width: 1.25em;
	aspect-ratio: 1/1;
	background-color: #333;
	mask: url("../images/icon_down.svg") no-repeat 50% 50%;
	mask-size: contain;
	transition: background-color 0.5s cubic-bezier(0.2,1,0.2,1);
}

div.global-nav ul#menu-global-nav>li.menu-item-has-children>a:hover::after {
	background-color: #005bac;
}

div.global-nav ul#menu-global-nav>li.current-menu-item>a,
div.global-nav ul#menu-global-nav>li.current-menu-parent>a {
	color: #fff;
	background: linear-gradient(to bottom,#07d 0%,#05b 100%);
}

div.global-nav ul#menu-global-nav>li.current-menu-item.menu-item-has-children>a::after,
div.global-nav ul#menu-global-nav>li.current-menu-parent.menu-item-has-children>a::after {
	background-color: #fff;
}

div.global-nav ul#menu-global-nav>li.current-menu-item>a:hover,
div.global-nav ul#menu-global-nav>li.current-menu-parent>a:hover {
	opacity: 0.6;
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2000;
	width: 100%;
	background-color: #fff;
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li {
	border-top: 1px solid #ddd;
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li>a {
	justify-content: flex-start;
	padding: 10px;
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li>a:hover {
	background-color: #eee;
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li>a::before {
	content: '';
	width: 1.25em;
	aspect-ratio: 1/1;
	background-color: #333;
	mask: url("../images/icon_right.svg") no-repeat 50% 50%;
	mask-size: contain;
	transition: background-color 0.5s cubic-bezier(0.2,1,0.2,1);
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li>a:hover::before {
	background-color: #005bac;
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li.current-menu-item>a {
	color: #fff;
	background: linear-gradient(to bottom,#07d 0%,#05b 100%);
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li.current-menu-item>a::before {
	background-color: #fff;
}

div.global-nav ul#menu-global-nav>li>ul.sub-menu>li.current-menu-item>a:hover {
	opacity: 0.6;
}

div.tabs {
	padding-bottom: 1em
}

div.tabs ul.tabsTitle {
	position: relative;
	display: flex;
	gap: 1px;
	margin-bottom: 20px;
	padding: 0 10px;
}

div.tabs ul.tabsTitle::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

div.tabs ul.tabsTitle li {
	position: relative;
	cursor: pointer;
	padding: 10px 20px;
	border: solid 1px #ccc;
	color: #333;
	font-size: 16px;
	line-height: 1.25;
	background: linear-gradient(to bottom,#fff 0%,#ddd 100%);
	transition: all 0.5s cubic-bezier(0.2,1,0.2,1);
}

div.tabs ul.tabsTitle li:hover {
	opacity: 0.6;
}

div.tabs ul.tabsTitle li.disabled {
	pointer-events: none;
	color: #999;
	background-image: none;
	background-color: #ccc;
}

div.tabs ul.tabsTitle li.active {
	color: #05a;
	font-weight: 700;
	border-bottom: 1px solid #fff;
	background-image: none;
	background-color: #fff;
}

div.tabs div.panel {
	display: none;
}

div.tabs div.panel.active {
	display: block;
}

div.tabs div.panel ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

div.tabs div.panel ul li {
	width: calc((100% - 20px) / 3);
}

div.tabs div.panel ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	padding: 10px;
	border: 1px solid #ccc;
}

.single h1 {
	margin-bottom: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 140%;
	font-weight: bold
}

.single h1 span {
	display: inline-block;
	padding-left: 10px;
	border-left: 4px solid #005BAC
}

.single .post-meta {
	margin-bottom: 10px;
	padding: 0.2em 0.4em;
	text-align: right;
	font-size: 90%;
	font-weight: bold
}

.single .post-meta span {
	margin-right: 5px
}

.single h2 {
	margin-bottom: 2em
}

.single h2.stair {
	padding-bottom: 0.2em;
	border-bottom: 1px solid #CCC
}

.single figure {
	margin-bottom: 24px
}

.single article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC
}

.single article ul li.except {
	overflow: hidden
}

.single article ul li.except a {
	display: block;
	text-decoration: underline
}

.single article ul li.except a.singleButton {
	float: right;
	margin-top: 1em;
	padding: 3px 8px;
	border: 1px solid #999999;
	border-radius: 3px;
	color: #555555;
	font-size: 80%;
	text-decoration: none;
	background: -webkit-linear-gradient(#eee 5%, #ccc 100%);
	background: -moz-linear-gradient(#eee 5%, #ccc 100%);
	background: -o-linear-gradient(#eee 5%, #ccc 100%);
	background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0.05, #eee), to(#ccc));
	background: linear-gradient(#eee 5%, #ccc 100%) repeat scroll 0 0 #eee
}

.single article ul li.except a.singleButton:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1
}

.single article span.categoryDate {
	padding: 0.2em 0.4em;
	font-size: 80%;
	background: #003399
}

.single article span.categoryDate a {
	color: #FFF
}

.single article span.categoryDate a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1
}

.single article span.categoryName {
	padding: 0.2em 0.4em;
	color: #FFF;
	font-size: 80%
}

.single article span.categoryName a {
	color: #FFF
}

.single article span.categoryName a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1
}

.single article span.news {
	background: #33b1ff
}

.single article span.fair {
	background: #ff8833
}

.single article span.report {
	background: #44cd28
}

.single article span.store {
	background: #D82B52
}

.single article span.foods {
	background: #EFCC2C
}

.single article span.both {
	background: #88DF29
}

.single article span.certification {
	background: #0F218B
}

.single article dl {
	overflow: hidden
}

.single article dl dt {
	float: left;
	width: 230px;
	margin-right: 5px
}

.single article dl dd {
	float: left;
	width: 432px
}

.single article dl dd h3 {
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	line-height: 1.3;
	font-size: 120%;
	font-weight: bold
}

.single article dl dd h3 span {
	display: inline-block;
	padding-left: 8px;
	border-left: 2px solid #003399
}

.single article dl dd h3 a {
	color: #333
}

.single article dl dd ul li {
	margin-bottom: 0.5em
}

.single table {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: separate;
	text-align: left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC
}

.single table tbody tr th {
	padding: 10px;
	white-space: nowrap;
	vertical-align: top;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	background: #ececec
}

.single table tbody tr th:last-of-type {
	border-right: 1px solid #CCC
}

.single table tbody tr:nth-child(odd) td {
	background: #FFF
}

.single table tbody tr:nth-child(even) td {
	background: #ececec
}

.single table td {
	padding: 10px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
	background: #FFF
}

.single p {
	margin-bottom: 1em
}

.recipeImg {
	float: right;
	padding-left: 1em;
	background: #FFF
}

.recipeImg img {
	display: inline-block;
	padding: 0.3em;
	border: 1px solid #CCCCCC
}

.fishesImage p {
	line-height: 1.8
}

.fishesImage .recipeImg {
	float: left;
	padding: 0
}

.fishesImage .recipeImg img {
	display: inline-block;
	padding: 0.3em;
	border: 1px solid #CCCCCC
}

.recipeContents {
	width: 430px;
	float: left
}

.page h1 {
	font-size: 120%;
	font-weight: bold
}

.page table.tableKind {
	margin-bottom: 1em;
	font-size: 90%;
	table-layout: auto
}

.page table.tableKind th {
	white-space: nowrap;
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)
}

.pagination {
	height: 50px;
	text-align: center
}

a.page-numbers {
	margin: 0 2px;
	padding: 5px 8px;
	border: 1px solid #ccc;
	text-decoration: none;
	background: #fff
}

.pagination .current {
	margin: 0 2px;
	padding: 5px 8px;
	border: 1px solid #ccc;
	text-decoration: none;
	background: #fff;
	border: solid 1px #000;
	color: #fff;
	background: #000
}

.wpcf7 {
	padding: 1em 0 0 1em !important
}

.wpcf7 p {
	margin-bottom: 1em
}

.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a
}

.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"] {
	width: 95%;
	padding: 0.5em;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
	font-size: 100%;
	color: #333;
	background-color: #fff
}

.wpcf7 textarea {
	width: 95%;
	padding: 0.5em;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
	font-size: 100%;
	color: #333;
	background-color: #fff
}

.wpcf7 input[type="submit"] {
	padding: 0.5em 2.4em;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	text-shadow: -1px 1px 0 #fff;
	cursor: pointer;
	color: #333;
	font-size: 100%;
	background: #eee
}

.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset
}

.sendButton {
	text-align: center
}

div#sidebar {
	float: left;
	width: 280px;
	margin-bottom: 1em
}

div#sidebar dl {
	margin-bottom: 1em;
	background: #FFF
}

div#sidebar dl dt {
	border-left: 5px solid #63b9f5;
	border-bottom: 1px solid #CCC;
	font-weight: bold
}

div#sidebar dl dt a {
	display: block;
	padding: 0.8em 1em
}

div#sidebar dl dd a {
	display: block;
	padding: 0 1em
}

div#sidebar dl dd ul li {
	padding: 0.5em;
	text-indent: 1em;
	border-bottom: 1px solid #CCC;
	background: url("../images/sidebar-icon04.png") 1em center no-repeat
}

div#sidebar dl dd ul li:last-child {
	border-bottom: none
}

body.page div.mainVisual.miyazakikanpachi {
	height: 198px;
	background: url("../images/bg_brand_kanpachi.jpg") center center no-repeat #fff
}

body.page div.mainVisual.kitauranadaaji {
	height: 198px;
	background: url("../images/bg_brand_aji.jpg") center center no-repeat #fff
}

body.page div.mainVisual.kadogawakinhamo {
	height: 198px;
	background: url("../images/bg_brand_hamo.jpg") center center no-repeat #fff
}

body.page div.mainVisual.himukahonsaba {
	height: 198px;
	background: url("../images/bg_brand_saba.jpg") center center no-repeat #fff
}

body.page div.mainVisual.umikkobushi {
	height: 198px;
	background: url("../images/bg_brand_katsuo.jpg") center center no-repeat #fff
}

body.page div.mainVisual.gokaseyamame {
	height: 198px;
	background: url("../images/bg_brand_yamame.jpg") center center no-repeat #fff
}

body.page div.mainVisual.moromizuke {
	height: 198px;
	background: url("../images/bg_brand_shiira.jpg") center center no-repeat #fff
}

body.page div.mainVisual.hitokuchiawabi {
	height: 198px;
	background: url("../images/bg_brand_awabi.jpg") center center no-repeat #fff
}

body.page div.mainVisual.miyazakikinfugu {
	height: 198px;
	background: url("../images/bg_brand_fugu.jpg") center center no-repeat #fff
}

body.page div.mainVisual.miyazakiunagi {
	height: 198px;
	background: url("../images/bg_brand_unagi.jpg") center center no-repeat #fff
}

body.page div.mainVisual.iwakaki {
	height: 198px;
	background: url("../images/bg_brand_iwakaki.jpg") center center no-repeat #fff
}

section.oh {
	overflow: hidden;
	margin-bottom: 1em
}

section.oh h3 {
	margin-bottom: 20px;
	padding: 0.6em 0.8em;
	border-left: 3px solid #005bac;
	color: #005bac;
	font-size: 120%;
	background: #DCF8FF
}

table.table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #e5eff8;
	border-right: 1px solid #e5eff8;
	border-collapse: collapse
}

table.table th {
	white-space: nowrap;
	padding: 0.3em 1em;
	border-bottom: 1px solid #e5eff8;
	border-left: 1px solid #e5eff8;
	color: #678197
}

table.table td {
	padding: 0.3em 1em;
	border-bottom: 1px solid #e5eff8;
	border-left: 1px solid #e5eff8;
	color: #678197
}

table.table tr.odd td {
	background: #f7fbff
}

table.table tr.odd .column1 {
	background: #f4f9fe
}

table.table .column1 {
	background: #f9fcfe
}

div.page h2 {
	margin-bottom: 16px;
	padding: 8px 12px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 160%;
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: linear-gradient(to bottom, #f9f9f9 0%, #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0)
}

div.page h3 {
	margin-bottom: 20px;
	padding: 0.6em 0.8em;
	border-left: 3px solid #005bac;
	color: #005bac;
	font-size: 120%;
	background: #DCF8FF
}

div.page section {
	overflow: hidden;
	margin-bottom: 24px
}

div.page section div.brandImage {
	float: left;
	width: 323px;
	margin-left: 15px
}

div.page section div.brandGroup {
	margin-bottom: 1em
}

div.page section p.brandPhoto {
	position: relative
}

div.page section p.brandPhoto span {
	display: block;
	position: absolute;
	bottom: 9px;
	padding: 0.4em;
	color: #FFF;
	background: #111
}

div.page table, div.page th, div.page td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1)
}

div.page caption, div.page th, div.page td {
	padding: 0.4em;
	font-weight: normal;
	text-align: left
}

div.page th {
	border-width: 0 1px 1px 0;
	font-weight: 700
}

div.page td {
	border-width: 0 1px 1px 0
}

div.page td span {
	font-weight: bold
}

div.page table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	table-layout: fixed;
	width: 100%
}

div.page section.ogTable {
	background: url(../images/og-table-bgi.gif) 0 11px no-repeat
}

div.page .noFrame {
	padding: 10px;
	border: none
}

div.page .noFrame td table tr th {
	background: #F9F9F9
}

div.page .noFrame .textCenter {
	text-align: center
}

div.page ul.oh {
	margin-bottom: 1em
}

section.ogTable table.noFrame tbody tr td.noFrame table tbody tr th.ogTitle {
	text-align: center;
	color: #FFF;
	background: #66b2ff;
	background: -moz-linear-gradient(top, #66b2ff 0%, #529eea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b2ff), color-stop(100%, #529eea));
	background: -webkit-linear-gradient(top, #66b2ff 0%, #529eea 100%);
	background: -o-linear-gradient(top, #66b2ff 0%, #529eea 100%);
	background: -ms-linear-gradient(top, #66b2ff 0%, #529eea 100%);
	background: linear-gradient(to bottom, #66b2ff 0%, #529eea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2ff', endColorstr='#529eea', GradientType=0)
}

div.shopImage {
	overflow: hidden;
	margin-bottom: 20px
}

div.shopImage div.shopMain {
	float: left;
	margin-right: 18px;
	max-height: 300px
}

div.shopImage div.meal01 {
	position: relative;
	float: left;
	margin-bottom: 12px
}

div.shopImage div.meal01 span {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.2em 0.4em;
	font-size: 70%;
	background: #000
}

div.shopImage div.meal02 {
	position: relative;
	float: left
}

div.shopImage div.meal02 span {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.2em 0.4em;
	font-size: 70%;
	background: #000
}

div.explain {
	margin-bottom: 2em
}

.cft tr td {
	background: #FFF !important
}

.movie {
	text-align: center
}

.fishesEntry table {
	font-size: 90%
}

.fishesEntry .makeIt, .fishesEntry .recipeMaterial {
	margin-bottom: 0.5em;
	padding: 0.2em;
	border-top: 1px solid #FFE4CF;
	border-bottom: 1px solid #FFE4CF;
	background: #FFEDDF
}

div.brand {
	overflow: hidden;
	width: 668px
}

div.brand dl {
	float: left;
	width: 202px;
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC
}

div.brand dl dd {
	text-align: center;
	font-size: 80%
}

div.brand dl dd span {
	display: block
}

div.brand dl:nth-child(3n+1) {
	border-right: none
}

div.relate {
	clear: both;
	padding: 1em 0
}

div.relate p {
	text-align: center
}

.brandOthers table {
	overflow: hidden;
	float: left
}

p.brandFishImage {
	float: left;
	width: 330px
}

.brandExplain {
	clear: both;
	margin-bottom: 1em
}

.wysiwyg {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em
}

.wysiwyg h3 {
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	line-height: 1.3;
	font-size: 120%;
	font-weight: bold
}

.wysiwyg p {
	margin-bottom: 1em
}

.wysiwyg2 {
	overflow: hidden;
	margin-bottom: 2em
}

.wysiwyg2 ol {
	text-indent: -1em
}

.wysiwyg2 ol li {
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dashed #CCC;
	font-size: 90%
}

.wysiwyg2 span, .wysiwyg1 span {
	padding-left: 5px;
	border-left: 2px solid #FF953F;
	color: #FF953F;
	font-weight: bold
}

.materialFields {
	display: table;
	border-collapse: separate;
	width: 100%;
	box-sizing: border-box
}

.materialFields p {
	float: left;
	width: 330px;
	margin: 2px;
	padding: 5px;
	border: 1px solid #EEE;
	box-sizing: border-box
}

.materialFields p:nth-child(odd) {
	background: #FFF6EF
}