@charset "UTF-8";


/*------------------------------------------------------------------------------------
  mixin
------------------------------------------------------------------------------------*/
/* mixin END */
/*---Buttons のためにスタイル-------------*/
.btn.btn-warning { background-color: #f08237; border-radius: 8px; color: #ffffff; border: none; font-size: 16px; margin: 10px auto; padding: 10px 5px; }

.btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:active:focus { border: none; }

.btn.btn-warning:focus { text-decoration: underline; }

.btn.btn-warning:active:focus { background-color: #f08237; }

.btn.btn-warning:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .7; transition: .3s linear; text-decoration: none; }

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 400; src: local("Noto Sans CJK JP Regular"), url("/css/fonts/NotoSansJP-Regular.woff2") format("woff2"), url("/css/fonts/NotoSansJP-Regular.woff") format("woff"), url("/css/fonts/NotoSansJP-Regular.otf") format("opentype"); }

*, body, html { font-family: "Noto Sans JP", sans-serif; }

.SmartyNone, .header .catch_copy.SmartyNone { display: none; }

/*-------------------------------------------------*\
    $COLORS
/*-------------------------------------------------*/
/*-------------------------------------------------*\
    $FONTS
/*-------------------------------------------------*/
/*-------------------------------------------------*\
    $URLs
/*-------------------------------------------------*/
a { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/*-------------------------------------------------*\
    utilities
/*-------------------------------------------------*/
.new-program-container::after { content: ''; clear: both; display: block; }

.padding { padding: .5em; }

.new-h1 { color: #5A78B9; padding: 10px; font-size: 24px; font-weight: bold; border-left: #5A78B9 13px solid; border-bottom: 1px solid #5A78B9; margin-top: 25px; margin-bottom: 10px; }

.new-h1.marginBottomNone { margin-bottom: 0; }

.container-b { max-width: 1140px; min-width: 1140px; margin: 0 auto; padding: 0; width: 100%; }

.col_header, .new-h1 { border-bottom: 1px solid #5A78B9; border-left: 13px solid #5A78B9 !important; color: #5A78B9; display: block; line-height: 1; font-size: 24px; margin-bottom: 10px; position: relative; width: 100%; }

.utility-w800 { margin: 0 auto; width: 800px; }

.utility-w700 { margin: 0 auto; width: 700px; }

.wid20 { width: 20% !important; }

.wid100 { width: 100%; }

.wid1000 { margin: 0 auto; }

@media screen and (min-width: 1140px) { .wid1000 { width: 1000px; } }

.wid800 { width: 800px; margin: 0 auto; margin-bottom: 35px; }

.height150 { height: 150px; }

.height180 { height: 180px; }

/*-------------------------------------------------*\

*/
/*-------------------------------------------------*/
.col_header::after, .new-h1::after { content: ''; clear: both; display: block; }

.col_header h2, .col_header h1, .new-h1 h2, .new-h1 h1 { float: left; font-weight: bold; padding: 10px; font-size: 24px; line-height: 1; }

.col_header .search_title, .new-h1 .search_title { margin-top: 20px; margin-left: 100px; }

.container-bPadding { padding: 0 20px 20px 20px; }

.catch-copy { color: #5A78B9; font-size: 16px; font-weight: 900; text-align: left; }

@media all and (max-width: 415px) { .new-h1 { border-bottom: 1px solid #5A78B9; border-left: 7px solid #5A78B9 !important; color: #5A78B9; height: auto; font-size: 14px; font-weight: bold; line-height: 1em; margin-bottom: 10px; margin-top: 0; padding: 5px; padding-left: 5px; position: relative; } }

#sub_btn:focus, #sub_btn:active, #sub_btn:active:focus { border: none; }

/*----------- Fixer header ---------------------------*/
header.main-header { height: 115px; position: fixed; top: 0; left: 0; z-index: 6; }

/*----------- Fixer header ---------------------------*/
.main-header-JumpFix { height: 115px; width: 100%; }

.pc-none > header.main-header { min-height: inherit; min-width: inherit; }

.main-header { background: #00238c; min-width: 1140px; }

@media all and (min-width: 1140px) { .main-header { height: 115px; } }

.main-header a, .main-header li button, .main-header .dropdown-menu li { display: block; width: 100%; }

.main-header nav li { display: inline-block; position: relative; font-size: 18px !important; }

.main-header nav ul { padding: 0; margin-bottom: 0px; }

.main-header nav ul li > a, .main-header ul li button { color: white; padding-right: 9px; padding-left: 5px; }

.main-header nav ul > li a:hover, .main-header li button:hover { color: #3CA5C3; text-decoration: none; }

.main-header nav > ul > li:after { color: white; content: "|"; position: absolute; top: 0; right: 0; }

.main-header nav > ul > li:last-child:after { content: ""; }

.main-header .dropdown-menu { padding: 0; font-size: 14px; border-radius: 0; border-color: #5a78b9; background: #00238c; border-width: 1px 1px 1px 4px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; overflow: hidden; margin-top: -1px; max-height: 0; min-width: 238px; }

.nav-btn.open .dropdown-menu, ｍ .nav-btn.show .dropdown-menu { max-height: 1000px; }

.nav-btn:hover > .dropdown-menu { display: block; max-height: 1000px; }

.nav-btn form button { padding: 0; }

.main-header .dropdown-menu li a { padding: 7px 5px 7px 10px; }

.main-header li button { background: none; border: none; transition: 0.2s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.main-header li button:active, .main-header li button:focus, .main-header li button:active:focus, .main-header li button[aria-expanded="true"] { color: #3CA5C3; outline: none; }

button:hover { cursor: pointer; }

.topLogo { color: white; margin: 0; padding: 20px 0 17px 0; }

.topLogo::after { content: ''; display: block; clear: both; }

.topLogo > div { display: inline-block; }

.topLogo .logo-fish { padding: 0; vertical-align: middle; width: 480px; }

.topLogo .logo-fish img, .topLogo .logo-set img { height: 40px; width: auto; }

.topLogo p { color: white; padding-left: 10px; }

.topLogo .catch_copy { position: relative; width: 400px; display: block; float: left; }

.topLogo .catch_copy button { background: none; border: none; color: white; display: block; font-size: 30px; outline: none; padding: 0; height: 40px; }

.topLogo .catch_copy button > img { display: none; width: 100%; }

.top_copy h1, .top_copy h2 { font-size: inherit; margin: 0; padding: 0; line-height: inherit; font-weight: normal; }

.mainContent { padding: 0 20px 20px 20px; }

.program_info_body .mainContent { padding: 0 20px; }

.img-responsive { width: 100%; }

.logo-slogan { display: inline-block; height: 30px; margin-left: 15px; }

.main-header a.logo-set { display: block; margin-right: 20px; height: 40px; float: left; width: inherit; }

.main-header > .container-b { padding: 0 20px; }

.top_copy figure { height: 36px; padding-left: 20px; }

.top_copy img { height: 100%; }

.top_copy, .top_copy.mb-none { padding-top: 15px; }

/*
ーーーーーーーーーーーーーーーーここからsnsーーーーーーーーーー
*/
.program-facebook-btn { background: #4267b2; width: 93px; font-size: 14px; font-weight: 500; text-align: center; height: 28px; line-height: 27px; border-radius: 3px; margin-left: 10px; color: #fff; position: relative; padding-left: 11px; }

.program-facebook-btn a { color: #fff; }

.program-facebook-btn::before { font-family: FontAwesome; content: "\f09a"; font-size: 15px; position: absolute; left: 20px; top: 1px; }

.program-facebook-btn:hover { cursor: pointer; background-color: #365899; }

.sns-btn-common { float: right; }

.choka-sns { padding-top: 0.3em; }

.message-btn { background: #f08237; height: 28px; margin-right: 10px; line-height: 27px; font-size: 14px; padding: 0 10px; padding-left: 40px; color: #fff; border-radius: 3px; position: relative; width: 196px; }

.message-btn::before { font-family: FontAwesome; content: "\f075"; font-size: 16px; position: absolute; left: 20px; top: 0px; }

.message-btn2 { background: #f08237; height: 28px; margin-right: 10px; line-height: 27px; font-size: 14px; padding: 0 10px; padding-left: 30px; color: #fff; border-radius: 3px; position: relative; width: 186px; }

.message-btn2::before { font-family: FontAwesome; content: "\f075"; font-size: 16px; position: absolute; left: 12px; top: 0px; }

/*
ーーーーーーーーーーーーーーーーここからsnsーーーーーーーーーー
*/
/*
ーーーーーーーーーーーーーーーーここからfooterーーーーーーーーーー
*/
.main-footer-b { background-color: #00238c; height: 350px; min-width: 1140px; width: 100%; }

.main-footer-b .main-footer { margin: 0 auto; padding: 67px 0; width: 1140px; }

.main-footer-b .main-footer p { color: #fff; text-align: center; }

.main-footer-b .main-footer .sns-list { margin-bottom: 40px; }

.main-footer-b .main-footer .sns-list img { width: 50px; border-radius: 15px; }

.main-footer-b .main-footer .footer-list { text-align: center; }

.main-footer-b .main-footer .footer-list a { color: #fff; display: block; }

.main-footer-b .main-footer .footer-list a, .main-footer-b p { font-size: 16px; }

.main-footer .u-w700 { margin: 0 auto; }

.main-footer ul { list-style: none; }

/*
ーーーーーーーーーーーーーーーーfooter追記ーーーーーーーーーー
*/
.wid64 { width: 800px; margin: 0 auto; }

.sns-list { list-style: none; }

.sns-list li { float: left; width: 25%; }

.width33 { width: 33%; margin: 0 auto; }

.footer-list { list-style: none; }

.footer-list li { display: inline-block; margin: 0 0 20px 0; width: 178px; }

.tableDefault thead { background: #EEEEEE; }

.tableDefault thead th { font-weight: normal; }

.tableDefault thead > tr th, .tableDefault tbody > tr td { border-top: 1px solid #dee2e6; }

.tableDefault tbody > tr > td { line-height: inherit; padding: 0; vertical-align: middle; }

.tableDefault thead > tr > th { vertical-align: middle; border-bottom: 0; padding: .75rem; height: 42px; }

.tableDefault thead th:nth-child(1) { width: 270px; }

.tableDefault thead th:nth-child(2) { width: 125px; }

.tableDefault thead th:nth-child(5), .tableDefault thead th:nth-child(6), .tableDefault thead th:nth-child(8) { width: 85px; }

.tableDefault thead th:nth-child(4), .tableDefault thead th:nth-child(5), .tableDefault thead th:nth-child(6) { text-align: center; }

.tableDefault thead th:nth-child(3) { width: 70px; }

.tableDefault thead th:nth-child(4) { width: 125px; }

.tableDefault thead th:nth-child(7) { width: 250px; }

.tableDefault tbody td:nth-child(6), .tableDefault tbody td:nth-child(7), .tableDefault tbody td:nth-child(8) { text-align: right; }

.tableDefault_body td > div { padding: 0.5em 1%; }

.tableDefault_body .btn-info { width: 65px; }

.tableDefault_body tr:last-child td { border-bottom: 1px solid #dee2e6; }

.up_choka_pre { width: 5%; }

.up_choka_pre img { width: 90%; }

.rankingShopName { display: block; position: relative; }

.rankingShopName:before { display: block; position: absolute; left: 0; top: 0; }

#ranking > .row > div { margin-top: 10px; padding: 0 0 0 .8em; }

#ranking > .row > div:first-child { padding-left: 0; }

#ranking .row { margin-left: 0; margin-right: 0; }

.table-ranking { display: table; width: 100%; }

.table-ranking header { background: #3CA5C3; color: white; display: block; border-radius: 5px 5px 0 0; }

.table-ranking header h6 { background: #3CA5C3; font-size: 1.5em; margin-bottom: 0; margin-top: 0; width: 100%; }

.table-ranking .rankingBodyTR { display: block; color: #333; position: relative; padding-left: 50px; border-right: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; }

.table-ranking .rankingBodyTR .ranking_icon { position: absolute; left: 5px; top: 25px; height: 40px; width: 40px; }

.table-ranking .rankingBodyTR .ranking_icon:before { position: absolute; left: 0; top: 0; height: 50px; width: 50px; }

.table-ranking .rankingBodyTR a { display: block; font-size: 0.9em; padding: 0 10px; }

.table-ranking .rankingBodyTR .rankingBodyTD { width: 100%; box-sizing: border-box; padding-right: 5px; margin-bottom: 3px; text-align: right; }

.table-ranking .rankingBodyTR .rankingBodyTD::after { content: ''; display: block; clear: both; }

.table-ranking .rankingBodyTR:first-child .ranking_icon:before { content: ""; background: url(/images/svg/ranking_1.svg) 0 0 no-repeat; }

.table-ranking .rankingBodyTR:nth-child(2) .ranking_icon:before { content: ""; background: url(/images/svg/ranking_2.svg) 0 0 no-repeat; }

.table-ranking .rankingBodyTR:nth-child(3) .ranking_icon:before { content: ""; background: url(/images/svg/ranking_3.svg) 0 0 no-repeat; }

.rankingCountMax { display: block; font-weight: bold; float: right; margin-top: 5px; width: 95px; }

.countPrefix { font-size: 12px; color: #333; }

.countNumber { font-size: 2.0em; color: #3CA5C3; margin: 0 .25em; }

.table-rankingBody { display: table-row; }

.table-rankingBody .msg-nodata { border-top: 1px solid #eee; }

.rankingFish, .rankingShopName, .rankingPref { font-size: 1em; font-weight: normal; color: #333; display: inline-block; }

.rankingFish { font-size: 18px; text-align: left; font-weight: bold; margin-top: 10px; width: 180px; float: left; }

.s_inner { position: relative; height: 38px; }

.rankingShopName:before { font-size: 20px; }

.up_choka_pre { width: 58px; }

.up_choka_pref { width: 80px; }

.up_choka_point { width: 130px; }

.rankingPref { position: relative; display: block; }

.emptyRanking { display: inline-block; height: 10px; width: 98px; }

.rankingBodyTDIN { padding-bottom: 15px; text-align: left; width: 100%; }

#latest_information td.up_choka_infoPoint { padding-left: 10px; }

.btn-info { width: 130px; background-color: #3CA5C3; border-color: #3CA5C3; display: block; margin: 0 auto; }

.btn-info:hover { background-color: #3CA5C3; border-color: #3CA5C3; }

.btn-info:focus { background-color: #3CA5C3; border-color: #3CA5C3; }

.btn-info .btn-info:not(:disabled):not(.disabled):active { background-color: #3CA5C3; border-color: #3CA5C3; }

.btn-info .btn-info:not(:disabled):not(.disabled).active { background-color: #3CA5C3; border-color: #3CA5C3; }

.btn-info .show > .btn-info.dropdown-toggle { background-color: #3CA5C3; border-color: #3CA5C3; }

.more_link { background: #F08237; border: 0; border-radius: 18px; font-size: 22px; height: 40px; line-height: 40px; position: relative; color: white; display: block; margin: 0 auto; padding: 0; text-decoration: none; width: 245px; }

.more_link:hover { text-decoration: none; color: white; }

.more_linkResponsive { text-align: center; max-width: 245px; width: 100%; }

.more_linkResponsive a { color: white; display: block; }

.pager-set select { border: none; }

.page-select { width: 100%; height: 100%; }

.page-select :focus { border: none; }

.select-wrap { width: 300px; }

.select-wrap #page-select { width: 100%; background: none; }

.pager-nav { position: relative; width: 140px; height: 40px; margin-left: 20px; }

.pager-prev, .pager-nav, .pager-next, .pager-set-rigth { border: 2px solid #e6e6e6; }

.pager-set-rigth { position: relative; width: 40px; float: left; height: 40px; border-left: none; margin-right: 20px; }

.pager-set-rigth i { left: calc(50% - 6px); font-size: 12px; position: absolute; z-index: -1; }

i.fa.fa-chevron-up.rotate-top { top: 6px; }

i.fa.fa-chevron-down.rotate-bottom { bottom: 6px; }

.fa-chevron-right, .fa-chevron-left { font-size: 14px; }

.pager-prev, .pager-next { width: 40px; height: 40px; }

.pager-prev:hover, .pager-next:hover { color: #525252; }

.pager-prev, .pager-nav, .pager-next, .pager-set-rigth { display: block; float: left; line-height: 36px; color: #8E8E8E; }

.pager-list-wrap-b { background-color: #fff; border: 2px solid #e6e6e6; position: absolute; left: -2px; top: -2px; margin: auto 0; z-index: 9999; max-height: 200px; width: 180px; overflow-y: scroll; box-sizing: border-box; /*バーの太さ*/ /*バーの背景色*/ /*バーの色*/ }

.pager-list-wrap-b::-webkit-scrollbar { width: 10px; }

.pager-list-wrap-b::-webkit-scrollbar-track { background: #dddddd; }

.pager-list-wrap-b::-webkit-scrollbar-thumb { background: #3ca5c3; }

.fv-pager.clearfix { margin: 0 auto; width: 300px; }

.pager-list-wrap ul { margin: 0; list-style: none; }

.pager-list-wrap ul li a { display: block; line-height: 2em; color: #333; padding: 5px 0; }

.pager-list-wrap ul li a:hover { background: #e6e6e6; opacity: 0.8; text-decoration: none; }

a.navi-title { display: block; line-height: 36px; color: #333; position: relative; }

.navi-title:hover { text-decoration: none; }

.pager-span { font-size: 16px; }

.page-span-after { position: relative; margin-right: 8px; }

.page-span-after:after { content: "/"; font-size: 12px; position: absolute; left: 12px; }

@media all and (max-width: 767px) { .container-bTop20 { padding-top: 20px; }
  .header .catch_copy.SmartyNone { display: block; } }

@media all and (min-width: 768px) { .mb-none.top_copy img { width: auto; }
  .top_copy.mb-none { padding: 15px 0 0 0; } }

.form-program { width: 400px; height: 40px; padding-left: 10px; border: 1px solid #aaaaaa; border-radius: 3px; }

.program_search_btn { height: 40px; background-color: #f08237; width: 127px; margin-left: 3px; border: none; font-size: 16px; color: #fff; border-radius: 3px; }

/*------------------------------------------------------------------------------------
  breadcrumb component
------------------------------------------------------------------------------------*/
/* パンくずリスト 配置場所はcontainerの外に配置 containerの中に配置すると位置がずれる可能性があるので注意 */
.breadcrumb-container { position: relative; height: 30px; margin: 0; padding: 0; width: 100%; margin-bottom: 20px; }

.breadcrumb-box-pc { width: 1100px; margin: 0 auto; }

.breadcrumb-box-pc::after { content: ''; display: block; clear: both; }

.breadcrumb-box-pc li { font-size: 12px; float: left; height: 30px; line-height: 30px; }

.breadcrumb-box-pc li + li::before { font-family: "FontAwesome"; content: ""; display: inline-block; margin: 0 10px; font-size: 12px; }

.breadcrumb-box-pc a { display: inline-block; text-decoration: none; font-size: 12px; }

/* 共通 END */
/*------------------------------------------------------------------------------------
  釣りうぇ〜ぶ　お知らせ
------------------------------------------------------------------------------------*/
.turiwave-wrapper { margin: 30px 0; }

#turiwave-archive { display: none; margin: 30px 0; }

#turiwave-archive::after { content: ''; display: block; clear: both; }

#turiwave-archive a { color: #333; }

#turiwave-archive li { width: 33.3%; height: 200px; padding: 0 10px; float: left; }

#turiwave-archive figure img { width: 100%; }

/*------------------------------------------------------------------------------------
  grayBox component
------------------------------------------------------------------------------------*/
.coming-soon { position: relative; }

.coming-soon:after { content: ""; background: #B5B5B5; background: rgba(78, 78, 78, 0.7); border: 10px solid #9a9a9a; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.coming-soon:before { content: "COMING SOON"; font-size: 28px; text-shadow: 0 7px 8px black, 0 -3px 4px black, 0 6px 7px black, 0 3px 12px black; color: white; position: absolute; top: 45%; left: 0; right: 0; text-align: center; z-index: 2; }

.coming-soon:hover { cursor: default; opacity: 1; }

/*------------------------------------------------------------------------------------
  404 page component
------------------------------------------------------------------------------------*/
.error-404 { min-height: 1000px; min-height: calc(100vh - 300px); }

.error-404 p { line-height: 2em; }

.error-404 h3 { font-size: 1em; margin: 3em auto 1em auto; padding-bottom: .8em; }

.error-404-var { margin: 10% auto; }

/*------------------------------------------------------------------------------------
  scale-image
------------------------------------------------------------------------------------*/
.scale-image figure { overflow: hidden; }

.scale-image img { transition-duration: 0.5s; }

.scale-image img:hover { transform: scale(1.1); transition-duration: 0.5s; }

/*# sourceMappingURL=common.css.map */