@charset "UTF-8";



html,body{background-color:#FFF;font-family: 'Noto Serif JP', serif;font-size:16px;font-weight:400;color:#000;background-size:auto;background-position:center center;background-repeat:no-repeat;width:100%;overflow-x:hidden;margin:0px;line-height:1.5;}

.en,.en_m,.en_b,.en_l{}
.goth{font-family: 'Noto Sans JP', sans-serif;}

.lead{font-size:1.25em;line-height:1.5;}
.lead.em{font-size:1.625rem;}

a.disable{pointer-events:none;}
.tel{font-size:1em;}
.fax{font-size:1em;}
strong{font-weight:600;}
em{font-style:normal;font-weight:400;}
i{font-style:normal;display:inline-block;position:relative;}
i:after{content:'';position:absolute;left:0;bottom:1px;display:block;width:100%;height:1px;border-bottom:2px dotted #FFF;}

ruby > rt {font-size:0.6em;text-indent:1em;}
.fl{float:left;margin-right:1rem;}
.fr{float:right;margin-left:1rem;}
.abs{position:absolute;}
*{overflow-wrap: break-word;word-wrap: break-word;}

a.underline{text-decoration:underline;color:#171848;}
a.underline.grn{color:#4bc7cf;}
a.underline:hover{text-decoration:none;}


span{}


h1,h2,h3,h4,h5,h6{position:relative;box-sizing:border-box;line-height:1.2;margin:0px 0px 1em;padding:0px;position:relative;box-sizing:border-box;font-weight:700;}

h1{}
h2{font-size:2rem;letter-spacing:0.1em;}
h2:after{content:'';display:block;background: linear-gradient(to right, rgba(62,158,216,1) 0%,rgba(62,158,216,1) 50%,rgba(170,170,170,1) 50%,rgba(170,170,170,1) 100%);height:1px;width:100%;position:relative;margin-top:2rem;}
h2 small{display:block;font-size:0.5625em;font-weight:700;text-align:center;}
h2 span{display:block;text-align:center;}
h2 small+span{margin-top:0.1em;}

h3{border-bottom:1px solid #999;font-size:1.5rem;padding-bottom:0.4em;}
h3.port_name{margin-bottom:1.3em;;border-bottom:0;}
h3.port_name span{display:block;border-bottom:1px solid #999;padding:0 0 0.5em;margin-bottom:0.5em;}
h3.port_name small{display:block;font-size: 0.675em;letter-spacing:0.1em;}

.second h2{font-size:1.75rem;}

ul,ol{margin:1rem 0px;padding:0px;list-style-type:none;}
ul > li{position:relative;margin:8px 0px;line-height:1.6;padding:0px;}
ul li{position:relative;line-height:1.6;text-align: justify;text-justify: inter-ideograph;}

ul.caption{margin-top:0px;margin-bottom:0px;}
ul.caption > li{padding-left:1.3em;margin:0px 0px 0.3em;font-weight:400;}
ul.caption > li:before{content:'※';display:block;width:1em;height:1em;font-size:1em;position:absolute;left:0.2em;top:0em;}
ul.caption > li.red{color:#FF0000;}
ul.caption > li.red:before{color:#FF0000;}

ul.dot > li{padding-left:1em;}
ul.dot > li+li{margin-top:10px;}
ul.dot > li:before{content:'';display:block;background:#171848;border-radius:50%;width:0.3rem;height:0.3rem;position:absolute;left:0.2em;top:0.65em;}
ul.dot.wht li:before{background:#FFF;}

ul.cle{margin:0;}
ul.cle > li{padding-left:1.2em;}
ul.cle > li+li{margin-top:10px;}
ul.cle > li:before{content:'';display:block;background:#0CD0FF;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.3em;}
ul.cle.gry > li:before,
figure.img_r figcaption:before{content:'';display:block;border:0px;background:#bdbebe;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}
ul.cle.ble2 > li:before{content:'';display:block;border:0px;background:#004FBA;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}

ul.sqe > li{padding-left:1.2em;}
ul.sqe > li+li{margin-top:10px;}
ul.sqe > li:before{content:'';display:block;background:#f2a0a1;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}
ul.sqe.ppl > li:before{background:#4f64ae;}

ul.inline{}
ul.inline li{display:inline-block;margin-right:1rem;}
ul.inline.slsh li:after{content:'/';display:inline-blokc;margin-left:1rem;}
 
ul.icon_i{}
ul.icon_i > li{background:url(../images/icon_i.svg) left center no-repeat;font-size:1.625rem;font-weight:600;padding:1em 0 1em 3.6em;line-height:1.4;}


ol{counter-reset: num;}
ol > li{position:relative;line-height:1.6;}
ol > li:before{counter-increment: num;}

ol.num{}
ol.num > li{padding-left:1.6em;position:relative;}
ol.num > li:before{content:counter(num);position:absolute;left:0px;top:0px;}

ol.num.kakko > li:before{content:"(" counter(num) ")";}
ol.num.kakko > li+li{margin-top:0.5em;}

a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
a:hover > img{opacity:0.6;}
a > img.img_w100{width:100%;height:auto;display:block;}


p{line-height:2;font-size:1em;}
.caption{font-size:0.875em;}
p.cat_lead{font-size:rem;}
p.red{color:#FF0000;}
small,
lgt{font-weight:300;}
.mid,
.em{font-weight:600;}
.bld{font-weight:700;}

p+p{margin-top:1em;}

i{font-style:normal;}
sup{font-size:0.75em;}
strong{font-size:1.25em;}
small{position:relative;font-size:0.875em;font-weight:300;}

address{font-size:1em;line-height:1.5;}


.row > table{display:table;}

table{width:100%;margin:2rem 0px;border-collapse:collapse;}
table th{text-align:left;padding:1em;font-weight:600;font-size:1rem;line-height:1.3;border:1px solid #999;}
table td{text-align:left;padding:1em;font-weight:400;font-size:1rrem;line-height:1.3;border:1px solid #999;}
table thead th{text-align:center;}

table.member_tbl th,
table.member_tbl td{background:#FFF;}
table.member_tbl th{text-align:center;}
table.member_tbl tr > td:nth-child(2),
table.member_tbl tr > td:nth-child(3){text-align:center;width:13%;}

table.member_tbl td a:not(.disable){color:#0380CC;text-decoration:underline;}
table.member_tbl td a:not(.disable):hover{text-decoration:none;}
table.member_tbl td a.disable{pointer-events:none;}

button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}

figure{margin:0px 0px 1rem 0px;padding:0px;}
figure img{display:block;width:100%;height:auto;object-fit:contain;margin:0;line-height:1;margin-bottom:0.5rem;}
figure figcaption{font-size:1em;display:block;margin:0px;padding:0px;line-height: 1.5;position:relative;text-align:center;}
figure figcaption small{font-size:0.8em;}
figure figcaption.center{text-align:center;}
body.second figure h4{margin-top:0rem;}
figure figcaption .lead{font-size:1.675em;}


.btn{display:flex;background:#387FCA;height:3.75rem;font-size:1.125rem;font-weight:700;color:#FFF;align-items:center;justify-content:center;text-align:center;position:relative;transition:all 0.3s;text-align:left;padding:0 4em 0 1em;line-height:1.2;max-width:300px;margin:0 auto;}
.btn:after{transition:all 0.3s;content:'';display:block;width:3em;height:0.4em;border-bottom:1px solid #FFF;border-right:2px solid #FFF;position:absolute;right:2rem;top:50%;margin-top:-0.2em;transform:skew(45deg);}
.btn:hover{background:#003377;}


.more{}
.more.underline{display;inline-block;font-weight:600;padding-left:1.5rem;position:relative;}
.more.underline:before{content:'';display:block;border:0.5em solid transparent;border-left:.66em solid #0B52B7;position:absolute;left:0.4em;top:0;}

.dl_blk{}
.dl_blk > dl{display:flex;padding:1.25em 0;}
.dl_blk > dl > dt{font-weight:600;width:9em;flex-shrink:0;margin-right:1rem;}
.dl_blk.port_spec > dl > dt{width:5em;}


.dl_blk.lines{border-top:1px solid #CCC;}
.dl_blk.lines > dl{border-bottom:1px solid #CCC;}

.dl_blk.history_blk > dl{padding:0.5em 0;}
.dl_blk.history_blk > dl > dt{text-align:right;width:7em;margin-right:2rem;}

.gmap{}
.gmap iframe{width:100%;height:260px;}

.underline{text-decoration:underline;}
a.underline{color:#0380CC;text-decoration:underline;}
a.underline:hover{text-decoration:none;}


header{padding:1rem 0;}
header > .row{width:100%;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;}
header .sitename span{display:block;font-family: 'Noto Sans JP', sans-serif;font-weight:700;font-size:2.5rem;line-height:1.2;letter-spacing:0.05em;}
header .sitename small{display:block;font-weight:600;font-size:1.125rem;line-height:1.2;letter-spacing:0.07em;}
header .hn{max-width:45vw;}
header .hn a{font-weight:600;display:inline-block;padding:0 0.5em;letter-spacing:0.1em;}
header .hn a:hover{color:#0380CC;}

footer{padding:0 0 3rem;}
footer .gototop{position:fixed;bottom:-3rem;right:0.5rem;width:3.125rem;height:3.125rem;transition:all 0.3s;background:url(../images/gototop.png) center center no-repeat;background-size:cover;}
footer .gototop.active{bottom:1rem;}

footer > .row{width:90vw;max-width:1000px;margin:0 auto;}
footer h3{font-size:1.75rem;font-weight:700;font-family: 'Noto Sans JP', sans-serif;margin-bottom:0.5em;border-bottom:0;padding:0;}
footer p{font-weight:700;font-size:1.125rem;line-height:1.5;}
footer p+p{margin-top:0.5em;}

.copyright{display:block;text-align:center;font-size:0.875rem;font-weight:700;}

#contents{margin:0 auto;}

section{position:relative;}
section > .row{width:100%;max-width:90vw;margin:0 auto;}

#mv{padding:0;z-index:5;}
#mv .slick_slider{z-index:5;}
#mv .slick_slider img{width:100%;height:auto;display:block;}
#mv > .row{padding-bottom:10rem;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;z-index:10;left:0;top:0;max-width:100%;}
#mv > .row h1{border:1px solid #FFF;width:90vw;max-width:1000px;background:#004496cc;color:#FFF;margin:0 auto;}
#mv > .row h1 small,
#mv > .row h1 span{text-align:center;display:flex;align-items:center;justify-content:center;height:6rem;}
#mv > .row h1 small{font-size:1.125rem;border-bottom:1px solid #FFF;font-weight:700;letter-spacing:0.1em;}
#mv > .row h1 span{font-size:3rem;letter-spacing:0.1em;font-weight:700;}

.front_information{z-index:10;}
.front_information > .row{margin-top:-6rem;background:#FFFFFFCC;padding:1rem 0 0;}
.front_information h2{margin-bottom:0rem;}

.information_list{margin:0 0 3rem;}
.information_list li{padding:2rem 0;display:flex;font-weight:700;border-bottom:1px solid #0380CC;margin:0;align-items:baseline;}
.information_list li .cat{flex-shrink:0;margin-right:2rem;display:block;text-align:center;font-weight:700;background:#0380CC;color:#FFF;font-size:0.875rem;line-height:1.2;padding:0.3em 0;width:5rem;}
.information_list li time{flex-shrink:0;margin-right:2rem;}
.information_list li a{text-decoration:underline;}
.information_list li a:hover{text-decoration:none;}
.information_list li .txt{font-size:1.125rem;}
.main_cont{padding-bottom:0;}

.main_cont .row > a{display:flex;align-items:center;justify-content:center;height:9.25rem;position:relative;margin-bottom:2rem;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.main_cont .row > a:before{position:absolute;left:0;top:0;width:100%;height:100%;background:#004496cc;content:'';display:block;transition:all 0.2s;}
.main_cont .row > a:hover:before{background:#00337066;}
.main_cont .row > a span{z-index:5;position:relative;padding:0 1em;box-sizing:border-box;display:flex;align-items:center;height:3.75rem;border:1px solid #FFF;color:#FFF;font-size:1.75rem;font-weight:700;width:80%;max-width:300px;text-align:center;letter-spacing:0.1em;justify-content:center;}
.main_cont .row > a span:after{content:'';display:block;width:0.6em;height:0.6em;border-right:1px solid #FFF;border-bottom:1px solid #FFF;position:absolute;right:1.5rem;top:50%;margin-top:-0.3em;transform:rotate(-45deg);}
.main_cont .row > a:hover span{background:#0380CC;}
.main_cont .row > a.bg_profile{background-image:url(../images/mv_profile.jpg);}
.main_cont .row > a.bg_member{background-image:url(../images/mv_member.jpg);}
.main_cont .row > a.bg_fishing_port{background-image:url(../images/mv_fishing_port_index.jpg);}
.main_cont .row > a.bg_link{background-image:url(../images/mv_link.jpg);}

.main_cont .row > a.bg_banzuke{background-image:url(../images/mv_banzuke.jpg);}
.main_cont .row > a.bg_banzuke:before{display:none;}
.main_cont .row > a.bg_banzuke span{max-width:400px;}

.marine_day_bn{width:100%;height:8.125rem;background:url(../images/marine_day_bn.jpg) left top repeat;display:flex;align-items:center;justify-content:center;}

.marine_day_bn:before{position:absolute;left:0;top:0;width:100%;height:100%;background:#00337000;content:'';display:block;transition:all 0.2s;}
.marine_day_bn:hover:before{background:#0380CC66;}
.marine_day_bn span{background:#FFFFFFAA;z-index:5;position:relative;padding:0 1em;box-sizing:border-box;display:flex;align-items:center;height:3.75rem;border:1px solid #0380CC;color:#0380CC;font-size:1.75rem;font-weight:700;width:80%;max-width:400px;text-align:center;letter-spacing:0.1em;justify-content:center;}
.marine_day_bn span:after{content:'';display:block;width:0.6em;height:0.6em;border-right:1px solid #0380CC;border-bottom:1px solid #0380CC;position:absolute;right:1.5rem;top:50%;margin-top:-0.3em;transform:rotate(-45deg);}



.second{}
.second .mv{width:100%;height:100%;position:relative;height:180px;display: flex;align-items: flex-end;}
.second .mv .imgs{position:absolute;left:0;top:0;width:100%;height:100%;}


.second .mv .imgs img{object-fit:cover;width:100%;height:100%;display:block;}
.second .mv h1{padding:0.5em 0;font-size:2rem;border: 1px solid #FFF;width: 90vw;max-width: 350px;background: #004496cc;color: #FFF;margin: 0 auto -4rem;position:relative;}
.second .mv h1 small,
.second .mv h1 span{display:block;text-align:center;color:#FFF;letter-spacing:0.1em;}
.second .mv h1 small{font-size:1.125rem;margin-bottom:2rem;}

.pnkz > .row{width:90vw;max-width:1000px;margin:0 auto 6rem;padding:1rem 0;}
.pnkz > .row > *{display:inline-block;font-size:1rem;font-weight:600;position:relative;}
.pnkz > .row > *+*{margin-left:2em;}
.pnkz > .row > *+*:before{content:'';display:block;width:0.4em;height:0.4em;border-right:1px solid #000;border-bottom:1px solid #000;position:absolute;left:-1.5rem;top:50%;margin-top:-0.2em;transform:rotate(-45deg);}
.pnkz > .row > a{color:#0380CC;text-decoration:underline;}
.pnkz > .row > a:hover{text-decoration:none;}

.member_nav{display:flex;}
.member_nav > a{display:inline-block;position:relative;margin-right:1rem;color:#0380CC;text-decoration:underline;}
.member_nav > a:hover{text-decoration:none;}
.member_nav > span{margin-right:1rem;}

.town_list{padding-top:3rem;}
.town_list > a{display:inline-block;margin-right:2rem;margin-bottom:1rem;font-size:1.125rem;text-decoration:underline;color:#0380CC;}
.town_list > a:hover{text-decoration:none;}

.town_list h3{}



.bg_cross tbody td:nth-child(n + 2){text-align:center;}
.bg_cross th,
.bg_cross td{background:#FFF;}
.bg_cross tbody tr:nth-child(odd) td{background:#f1f1f1;}


.link_list{margin-top:-1.5rem;}
.link_list li{padding:1em 0;border-bottom:1px solid #CCC;margin:0;}
.link_list li a{display:inline-block;text-decoration:underline;color:#0380CC;}
.link_list li a:hover{text-decoration:none;}

.banzuke{}
.pdf_tmn{display:block;box-sizing:border-box;border:1px solid #000;box-shadow:5px 5px 10px 0px #00000099;max-width:300px!important;margin:0 auto 10px;}
a.pdf_tmn:hover{box-shadow:8px 8px 13px 0px #00000099;}
.pdf_tmn img{display:block;width:100%;}

.single article{}
.single article .article_head{border:1px solid #999;padding:2rem;}
.single article .article_head h1{font-size:2rem;margin:1rem 0 0;}
.single article .article_head span.cat{display:inline-block;flex-shrink: 0;margin-right: 1rem;text-align: center;font-weight: 700;background: #0380CC;color: #FFF;font-size: 0.875rem;line-height: 1.2;padding: 0.3em 0;width: 5rem;}
.single article .article_head time{display:inline-block;font-size:1.125rem;}
.single article .article_cont{}
.single article .article_cont *+h1,
.single article .article_cont *+h2,
.single article .article_cont *+h3,
.single article .article_cont *+h4{margin-top:1.5em;}
.single article .article_cont p{}
.single article .article_cont p a{text-decoration:underline;color:#0380CC;}
.single article .article_cont p a:hover{text-decoration:none;}
.single article .article_cont img{max-width:100%;width:auto;height:auto;display:block;}
.single article .article_cont h2:after{margin-top:1rem;}

.names em{font-size:1.35rem;}


@media screen and (min-width: 751px){

.pc_center{text-align:center;}
a.tel{pointer-events:none;}
.pc_lh2{line-height:2;}
.pc_lh3{line-height:3;}

header{}

.imgs.left img{margin-left:0;}
.imgs.right img{margin-right:0;}

#contents{}

section{padding:0px 0px 6rem;}
section > .row{max-width:1000px;}


.sitemap .panel_btn{display:none;}
.sitemap .gm{display:flex;}
.sitemap .gm > div{border-left:1px solid #CCC;padding-left:1.5rem;}
.sitemap .gm > div+div{margin-left:2rem;}
.sitemap .gm a{display:block;font-size:1.125rem;font-weight:500;position:relative;}
.sitemap .gm a.child{margin-left:1em;padding-left:1.25em;}
.sitemap .gm a.child:before{content:'';display:block;height:2px;width:1em;background:#000;position:absolute;left:0;top:0.6em;}
.sitemap .gm a+a{margin-top:0.8em;}
.sitemap .gm a:hover{color:#387FCA;}

footer{position:relative;}


.second .mv .imgs.slick_slider{max-height:180px;overflow:hidden;}
.second .mv .imgs.slick_slider .slick-slide{height:100%;width:100%;max-height:180px;}
.second .mv .imgs.slick_slider .slick-slide img{max-height:180px;}
}





@media screen and (max-width: 750px){

html,body{font-size:3vw;}
.sp_center{text-align:center;}


p{line-height:1.8;}
.lead{font-size:1.25rem;}
p.sp_center .btn{margin-left:auto;margin-right:auto;}
p.lead.em{font-size:1.25rem;}
br.tb{display:none;}
imgcenter{margin-left:auto;margin-right:auto;}
img.sp_orign{width:auto;height:auto;margin-left:auto;margin-right:auto;}
a > img.img_sp_w100{width:100%;height:auto;display:block;}

.btn{}

.sp_pd2{padding:5vw!important;}
.sp_pd4{padding:10vw!important;}

header{}
header > .row{padding-right:3rem;}


.panel_btn{display:block;position:fixed;right:0.5rem;top:0.5rem;width:3rem;height:3rem;background:#FFF;z-index:1100;}
.panel_btn > span{display:block;width:50%;height:2px;background:#004386;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-25%;z-index:20;}
.panel_btn > span:before,
.panel_btn > span:after{content:'';display:block;width:100%;height:2px;background:#004386;left:0;position:absolute;}
.panel_btn > span:before{top:-0.5rem;}
.panel_btn > span:after{top:0.5rem;}
.panel_btn.active > span{background:none;}
.panel_btn.active > span:before,
.panel_btn.active > span:after{top:0;}
.panel_btn.active > span:before{transform:rotate(-45deg);}
.panel_btn.active > span:after{transform:rotate(45deg);}

.second .panel_btn{background:#16174A;}
.second .panel_btn > span{background:#FFF;}
.second .panel_btn.active > span{background:none;}
.second .panel_btn > span:before,
.second .panel_btn > span:after{background:#FFF;}

.gm{display:block;background:#16174ACC;z-index:10;width:100%;height:100%;overflow-y:scroll;left:100vw;top:0;position:fixed;padding:20vw 5vw 10vw;box-sizing:border-box;transition:all 0.3s;}
.panel_btn.active+.gm{left:0;}
.gm a{display:block;color:#FFF;font-size:1.35rem;padding:0.5em 0.5em 0.5em 1.3em;border-top:1px solid #FFF;position:relative;background:url(../images/icon_arrow_w.svg) left 0.5em center no-repeat;background-size:0.6rem auto;font-weight:600;font-family: 'Oswald', sans-serif;}


#contents{width:100vw;}
#main{}
#main section{padding:0 0 5vw;}

.mv{margin-bottom:20vw;}
.pnkz{display:none;}

footer{padding-bottom:1rem;}
footer p{text-align:center;}
footer .gototop.active{bottom:3rem;}

.frontpage #main .row.imgs.left{max-width:78vw;}
.infomation_blk{margin-top:17vw;}

.dl_blk > dl{flex-direction:column;}
.dl_blk > dl > dt{width:auto;}


.scroll_wrap{overflow-x:scroll;width:100%;position:relative;}
.scroll_wrap > table{width:160vw;}
.scroll_wrap > table .fixed01,
.scroll_wrap > table .fixed02{position: sticky;left: 0;width:10em;}
.scroll_wrap > table .fixed01:before,
.scroll_wrap > table .fixed02:before{content: "";position: absolute;top: -1px;left: -1px;width: 100%;height: 100%;border: 1px solid #999;z-index:0;}
.scroll_wrap > table .fixed01{z-index:2;}
.scroll_wrap > table .fixed02{z-index:1;}


.member_nav{display:flex;justify-content:space-between;flex-wrap:wrap;}
.member_nav > span{display:none;}
.member_nav > a{flex-basis:24%;max-width:24%;display:block;text-align:center;margin:0 0 0.3em;border:1px solid #CCC;padding:0.3em;box-sizing:border-box;}
.member_nav > a:nth-last-of-type(1){flex-basis:49%;max-width:49%;}

.frontpage{}
.frontpage #mv{height:100vw;}
.frontpage #mv > .row{padding:0;}
.frontpage #mv > .row h1{background:#0380CC;border:0;}
.frontpage #mv > .row h1 small{border:0;font-size:0.8rem;height:4rem;}
.frontpage #mv > .row h1 span{font-size:2rem;padding:0 5vw 5vw;}
.frontpage #mv .slick_slider{height:100vw;}
.frontpage #mv .slick_slider img{height:100vw;object-fit:cover;}
.front_information > .row{margin-top:0;}

.information_list li{flex-wrap:wrap;}
.information_list li .txt{width:100%;}
.main_cont .row > a{margin-bottom:3vw;}

.second .mv h1 small{margin-bottom:1rem;}

.dl_blk.history_blk > dl > dt{text-align:left;}

.ings > img,
.imgs > img{max-width:100%;}

.second .mv .imgs img{max-height:47vw;}

table.member_tbl td a{position:relative;z-index:2;}

}