@charset "UTF-8";
/*!
Template:biz-vektor
Theme URI: https://nantocs.co.jp/themes/bizvector-child/
Author URI: https://nantocs.co.jp/
Description: BizVectorの子テーマです。外観－テーマオプション－デザインスキン「Rebuild」に最適化されています。
Version: 1.0
License: GNU General Public License v2 or later
Text Domain:BizVektor-child
Tags: 
*/ body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
  color: #333333;
  font-size: 1rem;
  background: #ffffff
}
h1 {
  font-size: 2em;
  font-weight: 700
}
h2 {
  font-size: 1.8em;
  font-weight: 700
}
h3 {
  font-size: 1.6em;
  font-weight: 700
}
h4 {
  font-size: 1.2em;
  font-weight: 700
}
h5 {
  font-size: 1.2em;
  font-weight: 700
}
pre {
  font-size: 0.8em
}
#container.innerBox, #footer .innerBox, #footMenu .innerBox, #gMenuInner .innerBox, #headerInner.innerBox, #headerTop .innerBox, #panList .innerBox, #siteBottom.innerBox {
  width: 980px;
  max-width: 100vw;
  margin: 0 auto;
  padding: 0
}
@media (max-width:969px) {
  #headerTop .innerBox {
    max-width: 100vw;
    margin: 0 auto;
    padding: 0
  }
  #container.innerBox, #footer .innerBox, #footMenu .innerBox, #gMenuInner .innerBox, #headerInner.innerBox, #panList .innerBox, #siteBottom.innerBox {
    max-width: 100vw;
    margin: 0;
    padding: 15px 0
  }
}
#content div, #content p {
  line-height: 170%
}
p {
  padding: 0 0px 10px
}
a:link, a:visited {
  color: #FF4A30;
  text-decoration: none;
  font-weight: 600
}
a:active, a:hover {
  color: #FD5426;
  text-decoration: underline;
  font-weight: 600
}
.moreLink a {
  border-left: none
}
.moreLink a:after {
  color: #ffffff
}
.moreLink a:link, .moreLink a:visited {
  color: #ffffff;
  background: #FF4A30
}
.moreLink a:active, .moreLink a:hover {
  color: #ffffff;
  background: #FD5426
}
a.button:before {
  clear: both
}
a.button, a.buttonB {
  display: inline-block;
  margin: 10px auto;
  float: right;
  text-align: center;
  font-size: 1.0em;
  font-weight: 600;
  padding: 10px 20px;
  text-decoration: none
}
a.button:link, a.button:visited {
  background: #FF4A30 !important;
  color: #ffffff !important;
  border: 1px solid #FF4A30;
  border-radius: 5px;
  text-decoration: none
}
a.button:active, a.button:hover {
  background: #FD5426 !important;
  color: #ffffff !important;
  border: 1px solid #FD5426;
  border-radius: 5px;
  text-decoration: none
}
a.buttonB:link, a.buttonB:visited {
  background: none !important;
  color: #FF4A30 !important;
  border: 1px solid #FF4A30;
  border-radius: 5px;
  text-decoration: none
}
a.buttonB:active, a.buttonB:hover {
  background: none !important;
  color: #FD5426 !important;
  border: 1px solid #FD5426;
  border-radius: 5px;
  text-decoration: none
}
.clearfix:after {
  content: "";
  display: block;
  clear: both
}
.adminEdit, .edit-link {
  display: none
}
#pagetop a {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif
}
.content .infoList .rssBtn a {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif
}
#content .infoList .rssBtn {
  display: none
}
.googlemap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#headerTop {
  padding: 5px 0 0;
  border-top: 10px solid #527ABA;
  background-color: #ffffff
}
@media (max-width:969px) {
  #headerTop {
    padding: 2px 0px;
    font-size: 0.9em
  }
}
#header {
  background: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  -webkit-box-shadow: inset 0 -48px 0 0 #527ABA;
  box-shadow: inset 0 -48px 0 0 #527ABA
}
#header #site-title {
  padding: 0px 0px 5px 0px
}
#header #site-title a img {
  max-height: 80px
}
#header #headerInner {
  padding: 0
}
#header a:active, #header a:link, #header a:visited {
  color: #FF4A30;
  text-decoration: none;
  font-weight: 600
}
#header a:focus, #header a:hover {
  color: #FD5426;
  text-decoration: underline;
  font-weight: 600
}
@media (max-width:969px) {
  #header {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.headMainMenu {
  margin-top: 8px
}
#gMenu {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 100%;
  background-color: #527ABA;
  box-shadow: none;
  border: none;
  width: 100%
}
#gMenu #gMenuInner .bg_index {
  background-color: #133978
}
#gMenu #gMenuInner .menu {
  background-color: inherit;
  border-left: none;
  border-left: none
}
#gMenu #gMenuInner .menu > li > a {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  background-color: #527ABA;
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
  box-shadow: none;
  font-size: 1.1em;
  font-weight: 500
}
#gMenu #gMenuInner .menu > li > a:hover {
  color: #ffffff;
  background-color: #133978
}
#header #gMenu {
  padding-left: 0;
  background: none
}
#header #gMenu #gMenuInner .headMainMenu li {
  width: 16.66%
}
#header #gMenu {
  padding-left: 0;
  background: none
}
#header #gMenu #gMenuInner .headMainMenu li {
  width: 16.66%
}
@media (min-width:770px) {
  #gMenu.itemClose .menu {
    display: block;
    border-top: none
  }
  #gMenu.itemClose .menu li {
    display: block
  }
  #gMenu.itemClose .menu > li {
    border-bottom: none;
    overflow: visible;
    display: block;
    float: left;
    width: 16.66%;
    border-bottom: none;
    overflow: visible
  }
  #gMenu.itemClose #gMenu #gMenuInner .headMainMenu li {
    width: 16.66%
  }
}
@media (min-width:770px) and (min-width:770px) and (max-width:969px) {
  #gMenu .menu > li {
    font-size: 0.9em
  }
}
@media (min-width:770px) {
  #gMenu .assistive-text {
    display: none
  }
}
@media (max-width:969px) {
  #gMenu .assistive-text {
    display: block;
    color: #ffffff;
    background-color: #527ABA;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
    border-top: none
  }
  #gMenu .assistive-text span {
    padding: 15px 0
  }
}
#header {
  padding-bottom: 0
}
#header .innerBox #site-title {
  margin-top: 0
}
#header #gMenu {
  padding-left: 0;
  background: none
}
.headMainMenu .menu li.current-page-ancestor, .headMainMenu .menu li.current_page_ancestor, .headMainMenu .menu li.current_page_item, .headMainMenu .menu li:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}
@media (max-width:969px) {
  #header {
    border-bottom: 5px solid #527ABA;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  #header #gMenu .assistive-text {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 1.7em;
    top: -55px
  }
  #header #gMenu .assistive-text span {
    padding: 8px 0
  }
  #header #gMenu #gMenuInner .headMainMenu li {
    width: 100%
  }
  #header #gMenu #gMenuInner .headMainMenu ul li {
    width: 100%;
    background-color: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
#footMenu {
  display: none
}
#footer {
  padding: 30px 20px;
  color: #ffffff;
  background: #527ABA
}
#footer .innerBox {
  width: 980px;
  max-width: 100vw;
  background: inherit
}
#footer .innerBox dl#footerOutline dd {
  font-size: 0.9em
}
#footer a:active, #footer a:link, #footer a:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600
}
#footer a:focus, #footer a:hover {
  color: #ffffff;
  text-decoration: underline;
  font-weight: 600
}
#footerSiteMap {
  font-size: 0.9em;
  padding: 0 auto
}
#footerSiteMap .menu li {
  font-size: inherit
}
#footerSiteMap .menu li a {
  background: none
}
#footerSiteMap .menu li a:focus, #footerSiteMap .menu li a:hover {
  background: none;
  color: #ffffff;
  text-decoration: underline;
  font-weight: 600
}
#footerSiteMap .menu li ul li a, #footerSiteMap .menu li ul li a:hover {
  background: none
}
@media (max-width:969px) {
  #footer {
    display: block;
    width: 100%;
    padding: 2px 0px;
    clear: both;
    font-size: 0.9em
  }
  #footer dl#footerOutline {
    width: auto;
    padding: 0 10px
  }
}
#siteBottom {
  padding: 0 20px;
  color: #ffffff;
  background: #133978;
  border: none
}
#siteBottom a:active, #siteBottom a:link, #siteBottom a:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600
}
#siteBottom a:focus, #siteBottom a:hover {
  color: #ffffff;
  text-decoration: underline;
  font-weight: 600
}
#siteBottomInner.innerBox #copy {
  border: none;
  font-size: 1.0em
}
#topMainBnr {
  width: 100%;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none
}
#topMainBnr #topMainBnrFrame {
  width: 100%;
  padding: 0;
  background-position: top;
  background-image: url("../../uploads/topimg980x376_bw.jpg");
  background-repeat: repeat-x;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none
}
#topMainBnr #topMainBnrFrame .slideFrame {
  border: none
}
#topMainBnr #topMainBnrFrame ul.slides {
  border: none
}
#topMainBnr img {
  width: 980px !important;
  height: auto;
  max-width: 980px !important;
  max-height: 100%
}
@media (max-width:969px) {
  #topMainBnr {
    max-width: 980px !important
  }
  #topMainBnr #topMainBnrFrame {
    max-width: 980px !important;
    height: auto;
    overflow: hidden
  }
  #topMainBnr #topMainBnrFrame .slideFrame {
    position: relative;
    top: inherit;
    left: inherit;
    -webkit-transform: translateX(0px) translateX(0px);
    -ms-transform: translateX(0px) translateX(0px);
    transform: translateX(0px) translateX(0px);
    width: 100%;
    height: 100%
  }
  #topMainBnr #topMainBnrFrame .slideFrame img {
    width: auto !important;
    max-width: 100vw !important;
    height: auto !important
  }
  #topMainBnr #topMainBnrFrame .flex-direction-nav {
    display: none
  }
  #topMainBnr #topMainBnrFrame .flex-control-nav {
    display: none
  }
}
#main #prContainer {
  padding-top: 30px
}
#main #prContainer .prBox {
  display: block;
  float: left;
  width: 48%;
  padding: 0 1%
}
#main #prContainer .prBox h2 {
  border-top: 1px solid #133978;
  border-bottom: 1px solid #133978;
  border-left: none;
  border-right: none;
  background: none;
  padding: 12px;
  font-size: 1.5em;
  text-align: center
}
#main #prContainer .prBox ul {
  padding-top: 15px
}
#main #prContainer:after {
  clear: both
}
@media (max-width:969px) {
  #main #prContainer .prBox {
    width: auto;
    padding: 0
  }
  #main #prContainer .prBox img {
    max-width: 100%
  }
  #main #prContainer .prBox ul {
    padding-top: blockSpaceTBsm
  }
}
.content .infoList .infoDate {
  margin-right: 8px;
  color: #333333
}
.content .infoList ul li {
  border: none
}
.content .infoList ul li .infoTxt {
  padding: 6px 0px;
  list-style: none;
  border: none;
  margin-bottom: 0px
}
.content .infoList ul li .infoTxt a:link, .content .infoList ul li .infoTxt a:visited {
  color: #FF4A30
}
.content .infoList ul li .infoTxt a:active, .content .infoList ul li .infoTxt a:hover {
  color: #FD5426
}
#topInfo {
  padding: 30px 0
}
#topInfo h2 {
  background: #133978;
  color: #ffffff;
  clear: both;
  padding: 10px 20px 8px;
  text-align: center;
  border: none;
  font-weight: bold;
  position: relative;
  line-height: 170%
}
#topInfo.infoList {
  margin-bottom: 0
}
#topInfo.infoList ul {
  margin: 10px 10px;
  font-size: 0.8em
}
#topInfo.infoList ul li .infoCate, #topInfo.infoList ul li .infoDate, #topInfo.infoList ul li .infoTxt {
  display: inline;
  clear: none
}
#topInfo.infoList ul li .infoTxt a {
  display: inline;
  clear: none
}
#topInfo.infoList .infoCate a {
  background: #FF4A30;
  color: #ffffff;
  margin-right: 4px;
  padding: 2px 7px 1px;
  line-height: 14px;
  text-decoration: none;
  position: relative
}
#topInfo.infoList .infoCate a:link, #topInfo.infoList .infoCate a:visited {
  color: #ffffff
}
#topInfo.infoList .infoCate a:active, #topInfo.infoList .infoCate a:hover {
  color: #ffffff;
  background: #FD5426
}
@media (max-width:969px) {
  #topInfo.infoList ul li .infoTxt {
    display: block;
    clear: both
  }
  #topInfo.infoList ul li .infoTxt a {
    display: block
  }
}
#content #content-main #topInfo.infoList h2 {
  font-size: 1.1em;
  font-weight: 500
}
#main {
  background: #ffffff
}
#main #container #content {
  margin: 0;
  padding: 0
}
@media (max-width:969px) {
  #main #container #content {
    padding: 0 10px
  }
}
.content .child_page_block h4:after, .content h3:after {
  border-bottom: none
}
#main #container #sideTower.sideTower {
  float: right;
  margin: auto;
  width: 280px;
  clear: none
}
#main #container #sideTower.sideTower .localHead {
  border: none;
  padding: 13px 10px 10px;
  background: #133978;
  color: #ffffff
}
#main #container #sideTower.sideTower .textwidget {
  padding: 10px;
  font-size: 0.9em
}
#main #container #sideTower.sideTower .textwidget a:link, #main #container #sideTower.sideTower .textwidget a:visited {
  color: #FF4A30
}
#main #container #sideTower.sideTower .textwidget a:active, #main #container #sideTower.sideTower .textwidget a:hover {
  color: #FD5426
}
#main #container #sideTower.sideTower .textwidget li {
  list-style: none;
  border-bottom: none;
  line-height: 170%
}
#main #container #sideTower.sideTower .textwidget li a {
  display: block;
  padding: 0 0 0 30px;
  text-decoration: inherit;
  color: inherit;
  background: none
}
@media (max-width:969px) {
  #main #container #sideTower.sideTower {
    clear: both;
    width: 100%
  }
}
.sideTower .sideWidget li.current-cat > a, .sideTower .sideWidget li.current_page_item > a, .sideTower .sideWidget li > a:hover {
  color: #FF4A30
}
#pageTitBnr {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: top right;
  border-bottom: 1px solid #ccc
}
#pageTitBnr #pageTitInner h1#pageTit {
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
  font-size: 2.8em;
  font-weight: 700;
  letter-spacing: 5px;
  background-position: top right;
  color: #222;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px 20px;
  border: none
}
@media (max-width:969px) {
  #pageTitBnr #pageTitInner h1#pageTit {
    font-size: 1.8em
  }
}
#panList {
  font-size: 0.9em;
  color: #333333;
  background: #ffffff
}
#panList #panListInner {
  padding: 15px 0;
  border-bottom: none
}
#panList #panListInner a:link, #panList #panListInner a:visited {
  color: #FF4A30
}
#panList #panListInner a:active, #panList #panListInner a:hover {
  color: #FD5426
}
#panList .innerBox {
  border: none
}
#panList .innerBox ul {
  border: none
}
@media (max-width:969px) {
  #panList #panListInner {
    padding-left: 10px;
    padding-right: 10px
  }
}
#main .content h2 {
  border-top: none;
  border-left: 4px solid #133978;
  border-bottom: 1px solid #133978;
  padding: 10px 15px;
  font-weight: 700
}
#main .content table {
  font-size: 0.9em;
  margin: 0;
  padding: 0
}
span.telTitle {
  display: block;
  float: left;
  width: 30%
}
.googlemap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.content h1.contentTitle, .content h1.entryPostTitle, .sideTower h3.localHead, .sideWidget h4 {
  border-top: none;
  border-left: 4px solid #133978;
  border-bottom: 1px solid #133978;
  padding: 10px 15px;
  font-weight: 700
}
.content .infoList .infoCate a {
  background: #FF4A30;
  color: #ffffff;
  margin-right: 4px;
  padding: 2px 7px 1px;
  line-height: 14px;
  text-decoration: none;
  position: relative
}
.content .infoList .infoCate a:link, .content .infoList .infoCate a:visited {
  color: #ffffff
}
.content .infoList .infoCate a:active, .content .infoList .infoCate a:hover {
  color: #ffffff;
  background: #FD5426
}
#content .entry-meta {
  display: none
}
@media print {
  #header, #headerTop {
    display: block !important
  }
  #header {
    -webkit-box-shadow: inset 0 -2px 0 0 #527ABA;
    box-shadow: inset 0 -2px 0 0 #527ABA
  }
  #topMainBnr #topMainBnrFrame {
    background: none
  }
  #pageTitBnr #pageTitInner h1#pageTit {
    padding-top: 0;
    padding-bottom: 0
  }
  #pageTitBnr {
    background-image: none !important
  }
  #main #prContainer .prBox {
    display: block;
    float: left;
    width: 48%;
    padding: 0 1%
  }
  #fontResizer {
    display: none
  }
}
.johohogo {
  border: 1px dotted #eee;
  margin: 5px
}
.johohogo p {
  padding: 5px;
  font-size: 0.8em
}
.johohogo h3 {
  margin: 5px 0;
  font-size: 1em
}
.hissu {
  color: #FF4A30
}
.wpcf7 label {
  font-weight: 600
}
#confirm-button input, .content .infoList .rssBtn a, .content form input.wpcf7-submit, .linkBtn a, .sideTower li#sideContact.sideBnr a, a.btn, input[type=button], input[type=submit] {
  background-color: #FF4A30
}
#fontResizer {
  float: right;
  width: 90px;
  font-size: 0.8em
}
#fontResizer a {
  cursor: pointer
}
#fontResizer div.fontResizerTitle {
  color: #bbb;
  display: block;
  float: left;
  width: 100%;
  font-size: 1.2em;
  text-align: center
}
#fontResizer div.fontResizerIcons {
  display: block;
  float: right;
  width: 100%
}
p.zeno_font_resizer {
  padding: 2px 0 0;
  text-align: right !important
}
p.zeno_font_resizer a {
  border: 1px solid #bbb;
  margin-right: 5px;
  padding: 0 3px
}
@media (max-width:969px) {
  #fontResizer {
    display: none
  }
}

/* 南都水産からのお知らせ に記事の内容を表示　2021.03.01 */
/* module_loop_post.php を変更 */
.infoList ul li p a:link,
.infoList ul li p a:hover,
.infoList ul li p a:visited,
.infoList ul li p a:active {
    color: #333333;
    font-weight: normal;
    text-decoration: underline;
}
#topInfo.infoList ul li p {
    margin: 0 0 0 161px;
}
@media (max-width:969px) {
#topInfo.infoList ul li p {
    margin: 0;
}
}