@charset "UTF-8";
@import url(layout.css) screen and (min-width: 961px);
@import url(sp.css) screen and (max-width: 960px);

body, html {background:#ffffff;-webkit-text-size-adjust: 100%;}

/*Slidebars対応スマートフォンナビ*/
[canvas=container], [off-canvas] {padding:0px 0px;}
[class*=js-] {cursor: pointer;}
#spNavi .spNaviInner {background:#000000;}

/*共通スタイル*/
.leftCol {float:left;}.rightCol {float:right;}
.rightTxt {text-align:right;}
.centerTxt, .centerImg {text-align:center;}
img {max-width:100%;height:auto;}
.lh00 {line-height:0em;}.lh01 {line-height:1.0em;}
.ease03 {-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

/*主要ブレイクポイントで強制的に表示・非表示スタイルを適用する*/
.over1200 {}.under1200 {display:none;}@media screen and (max-width:1200px) {.over1200 {display:none;}.under1200 {display:block;}}
.over768 {}.under768 {display:none;}@media screen and (max-width:768px) {.over768 {display:none;}.under768 {display:block;}}
.over480 {}.under480 {display:none;}@media screen and (max-width:480px) {.over480 {display:none;}.under480 {display:block;}}

/*Googleマップ埋め込み*/
.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom:1.0em;}
.ggmap iframe, .ggmap object, .ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 480px) {.ggmap {width:100%;margin:0px auto 1.0em auto;}}

/*文字装飾*/
.large01 {font-size:108%;}.large02 {font-size:116%;}.large03 {font-size:123.1%;}
.small01 {font-size:93%;}.small02 {font-size:85%;}.small03 {font-size:78%;}
.fs50 {font-size:50%;}.fs75 {font-size:75%;}
.fs100 {font-size:100%;}
.fs125 {font-size:125%;}.fs150 {font-size:150%;}.fs200 {font-size:200%;}.fs250 {font-size:250%;}.fs300 {font-size:300%;}

/*下方向マージン強制指定*/
.mb0, .mb00 {margin-bottom:0px !important;}.mb5, .mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

/*テーブルの見出し幅指定*/
table.th100 th {width:100px;}table.th150 th {width:150px;}
table.th200 th {width:200px;}table.th250 th {width:250px;}
table.th300 th {width:300px;}table.th350 th {width:350px;}
table.th400 th {width:400px;}table.th450 th {width:450px;}

/******************************************************************************************************************************************************
* 共通：サイト全体
* メインカラー：#2d438b／rgba(45,67,139,1.0)
* サブカラー：#059dd4／rgba(5,157,212,1.0)
******************************************************************************************************************************************************/
a {transition:0.3s;}
a:hover {transition:0.3s;opacity:0.7;filter: alpha(opacity=70);}
/*ヘッダー*/
header {padding:40px 0px 40px 0px;background:url("../images/top/headBg.jpg") no-repeat center / cover;}
header#headTop {height:620px;}
header#headUL {height:400px;}
header#headUL .pageTi {display:inline-block;font-size:32px;line-height:1.0em;color:#ffffff;text-shadow:0px 0px 5px #333333;font-weight:bold;background:rgba(45,67,139,0.8);padding:15px 25px;margin:100px 0px 0px 0px;}
header .headInner {width:90%;max-width:1200px;margin:0px auto;}
header .leftCol {width:121px;}
header .leftCol .hLogo {width:100%;line-height:0em;}
header .leftCol .hLogo a {display:block;width:100%;line-height:0em;}
header .leftCol .hLogo a:hover {}
header .leftCol .hLogo a img {width:100%;height:auto;filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1.0));}
header .rightCol {}
header .rightCol ul.hMenu {text-align:right;}
header .rightCol ul.hMenu li {display:inline-block;vertical-align:middle;margin-left:20px;}
header .rightCol ul.hMenu li a {display:block;line-height:0em;}
header .rightCol ul.hMenu li.navi01 {width:298px;line-height:0em;}
header .rightCol ul.hMenu li.navi01 a {width:100%;}
header .rightCol ul.hMenu li.navi01 a:hover {}
header .rightCol ul.hMenu li.navi01 a img {}
header .rightCol ul.hMenu li.navi02 {width:58px;line-height:0em;}
header .rightCol ul.hMenu li.navi02 a {width:100%;margin:5px 0px;}
header .rightCol ul.hMenu li.navi02 a:hover {}
header .rightCol ul.hMenu li.navi02 a img {}
header .rightCol ul.hMenu li.navi03 {width:auto;line-height:0em;}
header .rightCol ul.hMenu li.navi03 button {border:none;outline:none;background:#2d438b;}
header .rightCol ul.hMenu li.navi03 button img {width:85px;margin:20px 15px;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
header {padding:35px 0px;}
header#headTop {height:560px;}
header#headUL {height:360px;}
header .rightCol ul.hMenu li.navi01 {width:250px;}
header .rightCol ul.hMenu li.navi02 {width:50px;}
header .rightCol ul.hMenu li.navi03 button img {width:80px;margin:20px 15px;}
}
@media screen and (max-width:960px) {
header {padding:30px 0px;}
header .rightCol ul.hMenu li.navi01, header .rightCol ul.hMenu li.navi02 {display:none;}
}
@media screen and (max-width:960px) and (min-width:769px) {
header#headTop {height:440px;}
header#headUL {height:300px;}
header#headUL .pageTi {font-size:28px;padding:10px 20px;margin:80px 0px 0px 0px;}
header .leftCol {width:110px;}
header .rightCol ul.hMenu li.navi03 button img {width:70px;margin:10px 10px;}
}
@media screen and (max-width:768px) and (min-width:481px) {
header#headTop {height:310px;}
header#headUL {height:240px;}
header#headUL .pageTi {font-size:24px;padding:10px 20px;margin:70px 0px 0px 0px;}
header .leftCol {width:95px;}
header .rightCol ul.hMenu li.navi03 button img {width:55px;margin:10px 10px;}
}
@media screen and (max-width:480px) {
header {padding:20px 0px;}
header#headTop {height:180px;}
header#headUL {height:180px;}
header#headUL .pageTi {font-size:20px;padding:10px 20px;margin:60px 0px 0px 0px;}
header .leftCol {width:80px;}
header .rightCol ul.hMenu li.navi03 button img {width:50px;margin:10px 10px;}
}
/*メインコンテンツ*/
section.mainContent {}
section.mainContent .contentInner {width:96%;max-width:1200px;margin:0px auto;padding:100px 0px;}
section.mainContent .contentInner p {margin-bottom:1.5em;}
section.mainContent .contentInner p:last-child {margin-bottom:0em;}
section.mainContent .contentInner#col01Content {max-width:860px;}
section.mainContent .contentInner#col01Content ul li {float:left;}
section.mainContent .contentInner#col02Content {max-width:1200;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 {width:100%;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol {width:860px;}
section.mainContent#topSec01 {}
section.mainContent#topSec02 {background:#eaecf3;}
section.mainContent#topSec03 {}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 {margin:0px 0px;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol {width:72%;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:25%;}
}
@media screen and (max-width:960px) {
section.mainContent .contentInner {padding:60px 0px;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 {margin:0px 0px;}
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol {width:72%;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:25%;}
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:100%;float:none;}
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:100%;float:none;}
}
/**/
.btn01 {line-height:0em;}
.btn01 a {display:inline-block;line-height:1.0em;font-size:20px;width:300px;padding:20px 0px;background:#ff9800;color:#ffffff;border-radius:10px;opacity:0.85;filter: alpha(opacity=85);transition:0.3s;}
.btn01 a:hover {text-decoration:none;opacity:1.0;filter: alpha(opacity=100);transition:0.3s;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 {margin:0px 0px;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol {width:72%;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:25%;}
}
@media screen and (max-width:960px) {
section.mainContent .contentInner {padding:60px 0px;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 {margin:0px 0px;}
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol {width:72%;}
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:25%;}
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:100%;float:none;}
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner#col02Content ul.mainUl li.item01 .leftCol {width:100%;float:none;}
}



/******************************************************************************************************************************************************
* トップページ
******************************************************************************************************************************************************/
/*釣り物*/
section.mainContent#topSec01 {background:#ffffff url('../images/top/fish/fishBg.png') repeat-x center bottom;}
section.mainContent#topSec01 .contentInner {}
section.mainContent#topSec01 .contentInner h2 {color:#2d4388;font-size:50px;font-weight:600;line-height:1.0em;margin-bottom:1.0em;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec01 .contentInner h2 {font-size:44px;}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent#topSec01 .contentInner h2 {font-size:38px;}
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent#topSec01 .contentInner h2 {font-size:35px;}
}
@media screen and (max-width:480px) {
section.mainContent#topSec01 .contentInner h2 {font-size:32px;}
}
/**/
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}
/*船の情報*/
section.mainContent#topSec03 {}
section.mainContent#topSec03 .contentInner {text-align:left;}
section.mainContent#topSec03 .contentInner ul li ul.shipUl {width:100%;margin-bottom:30px;}
section.mainContent#topSec03 .contentInner ul li ul.shipUl li {float:left;width:126px;margin:0px 16px 16px 0px;line-height:0em;}
section.mainContent#topSec03 .contentInner ul li ul.shipUl li:nth-child(3n) {margin-right:0px;}
section.mainContent#topSec03 .contentInner ul li ul.shipUl li a {display:block;width:100%;line-height:0em;}
section.mainContent#topSec03 .contentInner ul li ul.shipUl li a:hover {opacity:0.7;filter: alpha(opacity=70);transition:0.3s;}
section.mainContent#topSec03 .contentInner ul li ul.shipUl li a img {width:100%;height:auto;}
section.mainContent#topSec03 .contentInner ul.aboutUl {}
section.mainContent#topSec03 .contentInner ul.aboutUl li {width:410px;display:inline-block;vertical-align:top;margin-right:40px;}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item01 {}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item02 {}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item03 {width:300px;margin-right:0px;}
section.mainContent#topSec03 .contentInner ul.aboutUl li .aboutItemHead {text-align:left;}
section.mainContent#topSec03 .contentInner ul.aboutUl li .aboutItemHead h2 {font-size:24px;line-height:1.0em;color:#ffffff;background:#059dd4;padding:10px 20px;border-radius:10px 10px 0px 0px;margin-bottom:20px;}
section.mainContent#topSec03 .contentInner ul.aboutUl li .aboutItemHead h2 a {font-size:90%;line-height:1.0em;margin-left:1.0em;color:#ffffff;}
section.mainContent#topSec03 .contentInner ul.aboutUl li .aboutItemBody {}
section.mainContent#topSec03 .contentInner ul.aboutUl li h3 {font-size:16px;color:#059dd4;margin-bottom:0.5em;font-weight:bold;text-align:left;padding:0px 20px;}
section.mainContent#topSec03 .contentInner ul.aboutUl li p {padding:0px 20px;margin-bottom:1.5em;}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item02 p {padding:0px 0px;}
section.mainContent#topSec03 .contentInner ul.aboutUl li p:last-child {margin-bottom:0em;}
section.mainContent#topSec03 .contentInner ul.aboutUl li p strong {font-weight:bold;color:#cc0000;}
section.mainContent#topSec03 .contentInner ul.aboutUl li p strong.telNo {font-weight:bold;color:#333333;display:block;font-size:130%;}
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.txtItem, 
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.linkItem {border-bottom:1px dotted #333333;margin-bottom:15px;padding:0px 20px 15px 20px;}
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.linkItem li {width:100%;text-align:left;}
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.linkItem li a {color:#333333;}
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.txtItem li::before, 
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.linkItem li a::before {content:"■";margin-right:0.25em;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec03 .contentInner ul li ul.shipUl li {width:32%;margin:0px 2% 2% 0px;}
section.mainContent#topSec03 .contentInner ul.aboutUl li {width:36%;margin-right:3%;}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item01 {}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item02 {}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item03 {width:22%;margin-right:0px;}
}
@media screen and (max-width:960px) {
section.mainContent#topSec03 .contentInner ul.aboutUl {max-width:700px;margin:0px auto 30px auto;}
section.mainContent#topSec03 .contentInner ul.aboutUl li.item01, section.mainContent#topSec03 .contentInner ul.aboutUl li.item02, section.mainContent#topSec03 .contentInner ul.aboutUl li.item03 {width:100%;float:none;margin:0px auto 30px auto;}
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.txtItem li {margin-right:0px;max-width:100%;}
section.mainContent#topSec03 .contentInner ul.aboutUl li ul.linkItem li {margin-right:0px;}
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
section.mainContent#topSec03 .contentInner ul li ul.shipUl li, section.mainContent#topSec03 .contentInner ul li ul.shipUl li:nth-child(3n) {width:48%;margin:0px 4% 4% 0px;}
section.mainContent#topSec03 .contentInner ul li ul.shipUl li:nth-child(2n) {margin-right:0px;}
}
/*TOP＆下層共通メインコンテンツ*/
section.mainContent#topSec02 {}
section.mainContent#topSec02 .contentInner {}
section.mainContent#topSec02 .contentInner h2 {}
section.mainContent#topSec02 .contentInner ul.mainUl {}
section.mainContent#topSec02 .contentInner ul.mainUl li {}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 {width:860px;float:left;}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol {width:520px;}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {width:300px;}
section.mainContent#topSec02 .contentInner ul.mainUl li.item02 {width:300px;float:right;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock {}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dt, section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd {}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dt {font-size:32px;line-height:1.0em;font-weight:500;background:#2d438b;color:#ffffff;text-align:left;padding:15px 20px;border-radius:10px 10px 0px 0px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd {background:#ffffff;padding:20px 20px 20px 20px;margin-bottom:40px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd figure {line-height:0em;}
@media screen and (min-width:1281px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd:last-child {margin-bottom:0px;}
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec02 .contentInner ul.mainUl li.item01, section.mainContent#topSec02 .contentInner ul.mainUl li.item02 {width:44%;margin:0px 2%;float:none;display:inline-block;vertical-align:top;}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dt {font-size:28px;padding:15px 20px;border-radius:10px 10px 0px 0px;}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent#topSec02 .contentInner ul.mainUl li.item01, section.mainContent#topSec02 .contentInner ul.mainUl li.item02 {width:44%;margin:0px 2%;float:none;display:inline-block;vertical-align:top;}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dt {font-size:26px;padding:15px 15px;border-radius:10px 10px 0px 0px;}
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent#topSec02 .contentInner ul.mainUl li.item01, section.mainContent#topSec02 .contentInner ul.mainUl li.item02 {width:90%;margin:0px auto;float:none;display:inline-block;vertical-align:top;}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dt {text-align:center;font-size:24px;padding:10px 15px;border-radius:10px 10px 0px 0px;}
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner ul.mainUl li.item01, section.mainContent#topSec02 .contentInner ul.mainUl li.item02 {width:90%;margin:0px auto;float:none;display:inline-block;vertical-align:top;}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {}
section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .rightCol, section.mainContent#topSec02 .contentInner ul.mainUl li.item01 .leftCol {width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dt {font-size:22px;padding:10px 10px;border-radius:10px 10px 0px 0px;}
}
/*釣果情報*/
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article {text-align:left;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure, section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo {display:inline-block;vertical-align:middle;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure {width:135px;background:#cccccc;margin-right:20px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure a {display:block;line-height:0em;transition:0.3s;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure a:hover {opacity:0.7;filter: alpha(opacity=70);transition:0.3s;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure a img {height:180px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo {width:calc(100% - 155px);}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo h2 {font-size:20px;font-weight:bold;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo h2 a {font-size:100%;color:#333333;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p {font-size:16px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p.date {font-size:14px;font-weight:bold;margin-bottom:1.0em;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p.date .new {font-size:100%;color:#cc0000;margin-right:0.5em;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p.excerpt {}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p.more {text-align:right;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p.more a {font-size:100%;color:#333333;font-weight:bold;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure {display:block;width:150px;margin:0px auto 20px auto;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure a img {width:100%;height:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo {width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo h2, 
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p.date {text-align:center;}
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure {display:block;width:150px;margin:0px auto 20px auto;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article figure a img {width:100%;height:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo {width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo h2, 
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .postInfo p.date {text-align:center;}
}
/*お知らせ*/
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 {position:relative;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl {text-align:left;width:310px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li {padding-bottom:10px;border-bottom:1px dotted #cccccc;margin-bottom:10px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li .date {font-size:14px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li h2 {font-size:20px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li h2 a {font-size:100%;font-weight:bold;color:#333333;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 figure {position:absolute;width:197px;line-height:0em;right:10px;bottom:0px;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl {width:calc(100% - 150px);}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li h2 {font-size:18px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 figure {width:150px;right:10px;bottom:0px;}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl {width:calc(100% - 150px);}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li h2 {font-size:18px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 figure {width:150px;right:10px;bottom:0px;}
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl {width:calc(100% - 150px);}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li h2 {font-size:18px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 figure {width:150px;right:10px;bottom:0px;}
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl {width:100%;margin-bottom:95px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 ul.postUl li h2 {font-size:18px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R02 figure {width:100px;right:0px;bottom:0px;}
}
/*予約状況*/
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01L01 {padding-bottom:0px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01L01 .calBlock {}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01L01 figure {width:280px;max-width:100%;margin:0px auto;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01L01 figure img {width:100%;height:auto;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01L01 figure {width:280px;max-width:90%;margin:0px auto;}
}
/*SNS*/
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 {padding-bottom:0px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl {text-align:left;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li {margin-bottom:15px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li a {display:block;background:#f4f6f9;text-align:left;padding:10px 15px;color:#333333;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li a:hover {opacity:0.7;filter: alpha(opacity=70);transition:0.3s;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li a figure, section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li a strong {display:inline-block;vertical-align:middle;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li a figure {width:40px;line-height:0em;margin-right:15px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li a figure img {width:100%;height:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 ul.snsUl li a strong {font-size:20px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0201 figure {width:146px;margin:0px auto;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}
/*メルマガ配信中*/
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m0202 {padding-bottom:1px;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}
/*【船長２人体制】初心者安心！手ぶらプラン  ※女性・小学生以下1,000円引き*/
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m03 {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li {margin-bottom:60px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li .boldCopy {font-size:32px;font-weight:700;color:#2d438b;margin-top:0.25em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item11 {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item12 {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt, section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt {text-align:center;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt .setCapTi, section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong {display:inline-block;vertical-align:middle;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt .setCapTi {height:50px;width:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong {font-size:36px;margin:0px 0.5em;font-weight:500;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong.small01 {font-size:20px;margin:0px 0px;font-weight:normal;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd {padding:60px 20px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 {padding:20px 20px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl {text-align:left;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li {display:inline-block;vertical-align:top;width:255px;margin:0px 20px 20px 0px;padding:20px 10px;background:#f4f6f9;min-height:440px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li:nth-child(4n) {margin-right:0px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li h3 {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li h3 img {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure {line-height:0em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.level {margin-top:-52px;margin-bottom:10px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.level img {height:52px;width:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.price {text-align:right;margin-bottom:5px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.price img {width:220px;height:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li p {width:230px;max-width:100%;margin:0px auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li p.time {font-size:20px;line-height:1em;font-weight:bold;margin-bottom:10px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li p.time.rightTxt {font-size:14px;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li .boldCopy {font-size:30px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt .setCapTi {height:40px;width:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong {font-size:32px;margin:0px 0.5em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong.small01 {font-size:18px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl {text-align:center;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li,
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li:nth-child(4n) {display:inline-block;vertical-align:top;text-align:left;width:20%;margin:0px 1% 20px 1%;padding:20px 10px;min-height:auto;}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li .boldCopy {font-size:28px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt .setCapTi {height:40px;width:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong {font-size:30px;margin:0px 0.5em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong.small01 {font-size:18px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl {text-align:center;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li,
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li:nth-child(4n) {display:inline-block;vertical-align:top;text-align:left;width:40%;margin:0px 2% 20px 2%;padding:20px 10px;min-height:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li p {width:100%;max-width:100%;}
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li .boldCopy {font-size:26px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt .setCapTi {height:40px;width:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong {font-size:28px;margin:0px 0.5em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong.small01 {font-size:16px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl {text-align:center;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li,
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li:nth-child(4n) {display:inline-block;vertical-align:top;text-align:left;width:40%;margin:0px 2% 20px 2%;padding:20px 10px;min-height:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li p {width:100%;max-width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.level {margin-top:-30px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.level img {height:30px;width:auto;}
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li .boldCopy {font-size:20px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt .setCapTi {height:30px;width:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong {font-size:24px;margin:0px 0.5em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dt strong.small01 {font-size:14px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl {text-align:center;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li,
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li:nth-child(4n) {display:inline-block;vertical-align:top;text-align:left;width:calc(100% - 20px);max-width:300px;margin:0px auto 20px auto;padding:20px 10px;min-height:auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li p {width:100%;max-width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.level {margin-top:-50px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li dl.mainContentBlock dd.m03 article ul.setUl li figure.level img {height:50px;width:auto;}
}
/*料金表*/
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 {margin-top:60px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dt, section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dt {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd {text-align:left;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li {margin-bottom:1.0em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li.item01 {width:730px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li.item02 {width:410px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li h3 {font-size:28px;font-weight:bold;text-align:center;margin-bottom:0.25em;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li.item01 h3 {color:#2d438b;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li.item02 h3 {color:#059dd4;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap {width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table {margin-bottom:0px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table.tbl01 {width:730px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table.tbl02 {width:410px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table th, section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table td {border:1px solid #cad0e2;padding:5px 20px;font-size:20px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table th {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table.tbl01 th {background:#2d438b;color:#ffffff;text-align:center;font-weight:bold;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table.tbl01 td.tblTdTi {color:#2d438b;font-weight:bold;text-align:center;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table.tbl02 th {background:#059dd4;color:#ffffff;text-align:center;font-weight:bold;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table td {}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table td strong{display:inline-block;width:auto;text-align:right;margin-left:1.0em;display:inline-block;width:auto;text-align:right;margin-left:1.0em;font-size:100%;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap {overflow-x:scroll;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li.item01, 
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li.item02 {width:100%;margin:20px 0px;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table.tbl01, 
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table.tbl02 {margin:0px auto;}
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article p.noticeTxt {text-align:center;}
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table th, section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table td {padding:5px 15px;font-size:18px;}
}
@media screen and (max-width:960px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table th, section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article ul.priceUl li .tblSclWrap table td {padding:5px 10px;font-size:16px;}
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article p.noticeTxt {text-align:left;}
}
@media screen and (max-width:480px) {
section.mainContent#topSec02 .contentInner ul.mainUl.col01Ul li.item21 dl.mainContentBlock dd article p.noticeTxt {text-align:left;}
}
/**/
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 共通：下層ページ
******************************************************************************************************************************************************/

@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 下層：釣果情報
******************************************************************************************************************************************************/
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleHead {margin-bottom:30px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleHead h2 {font-size:20px;font-weight:bold;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleHead .date {font-size:14px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleBody {}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleBody p {}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot {margin-top:60px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot p {}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot p a {color:#333333;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot h4 {font-size:100%;font-weight:bold;margin-bottom:1.0em;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot ul.shareUl {text-align:left;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot ul.shareUl li {display:inline-block;width:40px;line-height:0em;margin-right:15px;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot ul.shareUl li a {display:block;line-height:0em;width:100%;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot ul.shareUl li a:hover {opacity:0.7;filter: alpha(opacity=70);transition:0.3s;}
section.mainContent#topSec02 .contentInner ul.mainUl li dl.mainContentBlock dd.m01R01 article .articleFoot ul.shareUl li a img {width:100px;height:auto;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 下層：釣り物
******************************************************************************************************************************************************/
section.mainContent .contentInner .mainContentBlock {}
section.mainContent .contentInner .mainContentBlock ul.fishUl {text-align:left;}
section.mainContent .contentInner .mainContentBlock ul.fishUl li {font-size:18px;padding-bottom:10px;border-bottom:1px dotted #cccccc;margin-bottom:10px;}
section.mainContent .contentInner .mainContentBlock ul.fishUl li a {font-size:100%;color:#333333;}
section.mainContent .contentInner .mainContentBlock ul.fishUl li a:hover {text-decoration:none;opacity:0.7;filter: alpha(opacity=70);transition:0.3s;}
section.mainContent .contentInner .mainContentBlock ul.fishUl li a::before {content:"◾️";}
section.mainContent .contentInner .mainContentBlock #pageFish {padding-bottom:60px;}
section.mainContent .contentInner .mainContentBlock #pageFish .fishImg {margin:0px;width:100% !important;background:#f4f6f9 !important;}
section.mainContent .contentInner .mainContentBlock #pageFish .fishSchedule {margin:0px 0px 20px 0px;width:100% !important;}
section.mainContent .contentInner .mainContentBlock #pageFish .fishImg img {width:100%;height:450px;}
section.mainContent .contentInner .mainContentBlock #pageFish h2 {margin:60px 0px 30px 0px;font-size:20px;font-weight:bold;color:#2d438b;text-align:center;}
section.mainContent .contentInner .mainContentBlock #pageFish p {}
section.mainContent .contentInner .mainContentBlock #pageFish p strong {font-size:24px;font-weight:bold;color:#cc0000;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
section.mainContent .contentInner .mainContentBlock #pageFish .fishImg img {width:100%;height:400px;}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
section.mainContent .contentInner .mainContentBlock #pageFish .fishImg img {width:100%;height:350px;}
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent .contentInner .mainContentBlock #pageFish .fishImg img {width:100%;height:290px;}
}
@media screen and (max-width:480px) {
section.mainContent .contentInner .mainContentBlock #pageFish .fishImg img {width:100%;height:240px;}
}
/*年間スケジュール*/
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche {width:100%;margin-bottom:1.0em;border-collapse: collapse;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche a {color:#2d438b;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche th, section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td {border:1px solid #efefef;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche tr th:first-child {width:8.0em;max-width:10.0em;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche th {text-align:center;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche th a {font-weight:bold;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td a {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.fishImg {width:80px !important;height:80px !important;background:none !important;padding:10px 20px;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.fishImg a {display:block;line-height:0em;width:100%;height:100%;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.fishImg a img {max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: contain;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche th:not(:first-child), section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td:not(.fishImg) {width: 5%;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.mSeason {background:rgba(5,157,212,0.25);}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m01 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m02 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m03 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m04 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m05 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m06 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m07 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m08 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m09 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m10 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m11 {}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.m12 {}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.fishImg {padding:10px 15px;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche th:not(:first-child), section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td:not(.fishImg) {width: 4%;font-size:13px;}
}
@media screen and (max-width:480px) {
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td.fishImg {padding:5px 10px;}
section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche th:not(:first-child), section.mainContent .contentInner .mainContentBlock #pageFish table.fishSche td:not(.fishImg) {width: 3%;font-size:12px;}
}

/******************************************************************************************************************************************************
* 下層：●●●●
******************************************************************************************************************************************************/

@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 
******************************************************************************************************************************************************/

@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 
******************************************************************************************************************************************************/

@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 
******************************************************************************************************************************************************/

@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 
******************************************************************************************************************************************************/

@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* 英中サイト
******************************************************************************************************************************************************/
.enchBlock {text-align:left;width:90%;max-width:700px;margin:0px auto;padding:30px 0px;}
.enchBlock * {margin-bottom:1.5em;}
.enchBlock h1 {font-size:24px;font-weight:bold;}
.enchBlock p {}
.enchBlock strong {font-size:100%;font-weight:bold;color:#cc0000;}
.enchBlock strong.telNo {font-size:150%;}
.enchBlock dl.systemDl {margin-bottom:40px;}
.enchBlock dl.systemDl dt, .enchBlock dl.systemDl dd {}
.enchBlock dl.systemDl dt {margin-bottom:0.75em;font-weight:bold;}
.enchBlock dl.systemDl dd {margin-bottom:1.5em;}
.enchBlock dl.systemDl dd .payLogo {line-height:0em;text-align:left;}
.enchBlock dl.systemDl dd .payLogo figure {display:inline-block;line-height:0em;width:120px;margin:0px 20px 0px 0px;}
.enchBlock dl.systemDl dd .payLogo figure img {}

<div class="payLogo"><figure><img src="images/top/pay/logo-PayPay.png" alt="PayPay" width="400" height="100"></figure><figure><img src="images/top/pay/logo-Alipay.png" alt="Alipay" width="400" height="100"></figure></div>



@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* フッター
******************************************************************************************************************************************************/
footer {background:#2d438b;color:#ffffff;padding:0px 0px 40px 0px;}
footer #footer {}
footer #footer .copyright {font-size:14px;max-width:90%;margin:30px auto 0px auto;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* スマートフォン用メニュー
******************************************************************************************************************************************************/
nav#spNavi {}
nav#spNavi .spNaviInner {background:#2d438b;}
nav#spNavi .spNaviInner .spMenuBtn {margin:30px 0px 20px 0px;}
nav#spNavi .spNaviInner .spMenuBtn button {color:#ffffff;line-height:1.0em;padding:15px 25px;border:1px solid #ffffff;border-radius:25px;outline:none;}
nav#spNavi .spNaviInner ul.spMenu {}
nav#spNavi .spNaviInner ul.spMenu li {color:#ffffff;border-bottom:1px solid #666666;}
nav#spNavi .spNaviInner ul.spMenu li a {color:#ffffff;display:block;padding:10px 0px;}
nav#spNavi .spNaviInner ul.spMenu li.itemTel {}
nav#spNavi .spNaviInner ul.spMenu li.itemTel a {font-weight:bold;font-size:140%;line-height:1.3em;}
nav#spNavi .spNaviInner ul.spMenu li.itemLang {}
nav#spNavi .spNaviInner ul.spMenu li.itemLang a {display:inline-block;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
}
@media screen and (max-width:768px) and (min-width:481px) {
}
@media screen and (max-width:480px) {
}

/******************************************************************************************************************************************************
* ページの先頭へ
******************************************************************************************************************************************************/
/*ボタンの細かい表示位置は［pagejump.js］にて指定*/
#page-top {position: fixed;bottom: 20px;z-index:5000;width:100px;line-height:0em;}
#page-top a {text-align: center;display: block;line-height:0em;opacity:0.8;filter: alpha(opacity=80);transition:0.3s;}
#page-top a:hover {opacity:1.0;filter: alpha(opacity=100);transition:0.3s;}
@media screen and (min-width:1281px) {
}
@media screen and (max-width:1280px) and (min-width:961px) {
#page-top {width:90px;}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:960px) and (min-width:769px) {
#page-top {width:80px;}
}
@media screen and (max-width:768px) and (min-width:481px) {
#page-top {width:70px;}
}
@media screen and (max-width:480px) {
#page-top {width:60px;}
}