@charset "UTF-8";

/*
*********************************************
* 
*	PC
*
*********************************************
*/

/* -- ヘッダーパンくず -- */
.headerBread{
background-color: #145c6a;
}
.headerBread_inner{
width: 980px;
margin: 0 auto;
color: #fff;
padding: 15px 0;
}

/*-- メインビジュアル --*/
.mainArea .mainArea-inner{
max-width: 1200px;
margin: 0 auto;
}
.mainArea .mainArea-img{
padding-top: 50%;
background: url(../image/page1_main_pc.jpg) center center no-repeat;
background-size: cover;
}

/* -- リード文 -- */
.pageLead{
padding-top: 55px;
}
.pageLead.underPage{
padding-top: 27px;
}
.pageLead-inner{
width: 980px;
margin:0 auto;
color: #05474d;
}
.pageLead.underPage .pageLead-ttl{
margin-bottom: 47px;
}
.pageLead .pageLead-ttl{
margin-bottom: 35px;
}
.pageLead .pageLead-ttl .ttl{
font-size: 32px;
font-weight: 700;
line-height: 32px;
display: inline-block;
padding-left: 20px;
}
.pageLead .pageLead-ttl .ttlBox{
font-size: 32px;
font-weight: 700;
line-height: 1.4;
display: inline-block;
}
.pageLead-txt{
margin-top: 25px;
font-size: 18px;
line-height: 32px;
}
#fishing .pageLead a{
text-decoration: underline;
}

/* --  今回のアングラー  -- */
.guideProfile{
background: #e5eded;
margin-bottom: 35px;
}
.guideProfile_inner{
margin: 0 auto;
padding: 40px 0 1px 0;
width: 980px;
color: #05474d;
}

.guideProfile_ttl{
font-size: 20px;
font-weight: bold;
line-height: 32px;
text-align: center;
margin-bottom: 36px;
}
.guideProfileBox{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-bottom: 45px;
}

.guideProfile_img{
width: 130px;
}
.guideProfile_img img{
border-radius: 80px;
}
.guideProfile_detail{
width:830px;
}
.guideProfile_name{
font-size: 20px;
font-weight: bold;
line-height: 1;
margin-bottom:23px;
}

.guideProfile_txt{
font-size: 16px;
line-height: 28px;
text-align: left;
}


/* == メインコンテンツ == */
/* -- コンテンツ -- */
.pageContent{
color: #05474d;
background: #fff;
}

.pageContent_inner{
width: 980px;
margin:46px auto 60px auto;
}

.pageContent_inner.btm_none{
padding-bottom: 0;
}
.pageContent_inner.btm_point{
margin-top: 55px;
}
.leadBox{
margin-bottom: 75px;
font-size: 18px;
line-height: 32px;
color: #05474d;
}
.leadBox.topLead{
margin-bottom: 70px;
}
.leadBox.btm_short {
margin-bottom: 50px;
}

.leadBox.btm_talk{
margin-bottom: 50px;
}
.leadBox.btm_ttlBar{
margin-bottom: 90px;
}
#fishing .leadBox a{
text-decoration: underline;
}

/*-- 見出し --*/  
.ttlBar{
color: #05474D;
font-size: 22px;
font-weight: bold;
line-height:28px;
letter-spacing: 0.05em;
border-left: 4px solid #0f5966;
margin-bottom: 28px;
padding-left: 18px;
}



/*-- カラム --*/
.oneimgArea,
.colArea{
margin-bottom: 50px;
}

.colArea.btm_long{
margin-bottom: 100px;
}
.colArea.btm_long_s{
margin-bottom: 65px;
}
.oneimgArea.btm_long{
margin-bottom: 75px;
}
.oneimgArea.btm_short{
margin-bottom: 40px;
}
.colArea.btm_short{
margin-bottom:40px;
}
.colArea.multipleBox,
.oneimgArea.multipleBox{
margin-bottom: 50px;
}
.oneimgArea.imgfit img{
text-align: center;
}
.oneimgArea .capBox{
font-size: 14px;
line-height: 24px;
padding-top: 23px;
}
.colArea_inner{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.colArea .colBox_2col .colBox{
flex-basis:470px;
position: relative;
}
.colArea .colBox_2col .colBox .btm_txtBox{
margin-bottom: 45px;
}
.colArea .colBox_2col .colBox .imgTtl{
font-size: 20px;
font-weight: bold;
line-height: 32px;
margin-bottom: 20px;
}
.colArea .colBox_2col .imgBox.note{
position: relative;
}
.colArea .colBox_2col .imgBox.note .txt{
position: absolute;
bottom: 10px;
right: 10px;
text-align: right;
color: #fff;
font-size: 8px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}
.colArea .colBox .txtBox{
font-size: 18px;
line-height: 32px;
}
.colArea .capBox{
font-size: 14px;
line-height: 24px;
padding-top: 23px;
}
#fishing .capBox a{
text-decoration: underline;
}


/*-- トーク --*/
.talk_multi{
margin:0 auto 25px auto;
}
.btm_talk + .talk_multi{
margin-top: 50px;
}
.talk_multi.top_small{
margin-top: 60px;
}
.talk_multi.btm_long{
margin-bottom: 75px;
}
.talk_multi.btm_short{
margin-bottom: 45px;
}

.talk_multi.oneimg_after{
margin-top: 90px;
}
.talk_multi .talk_inner{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.talk_multi.talk02 .talk_inner{
flex-direction: row-reverse;

}

.talk_multi .talk_inner{
width:85%;
}
.talk_multi.talk02 .talk_inner{
margin-left: 15%;
}
.talk_multi .talk_inner .imgArea {
width: 11.5%;
}

.talk_multi .talk_inner .imgArea img {
width: 100%;
max-width: 130px;
border-radius: 70px;
}
.talk_multi .talk_inner .talkArea {
width: 82%;
}
.talk_multi .talk_inner .txt{
width: 100%;
position: relative;
padding:26px 35px 30px 35px;
background-color: #EDF2F2;
font-size: 18px;
font-weight: bold;
line-height: 32px;
color: #05474D;
border-radius: 30px;
box-sizing: border-box;
}
.talk_multi.talk01 .talk_inner .txt::before {
content: '';
position: absolute;
display: block;
top: 36px;
left: -29px;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 30px 25px 0px;
border-color: transparent #EDF2F2 transparent transparent;
}
.talk_multi.talk02 .talk_inner .txt::before {
content: '';
position: absolute;
display: block;
top: 40px;
right: -24px;
width: 0;
height: 0;
border-style: solid;
border-width:20px 25px 0 0;
border-color: #D9E8E8 transparent transparent transparent;
}
.talk_multi.talk02 .talk_inner .txt{
background-color: #D9E8E8;
}


/* -- Greenブロック -- */
.greenArea{
margin-bottom: 60px;
}
.greenArea .greenBox{
background-color: #e6eeee;
color: #05474d;
padding:56px 30px 70px 30px;
}
.greenArea .greenBox_ttl{
font-size: 22px;
font-weight: bold;
line-height: 28px;
text-align: center;
margin-bottom: 30px;
}
.greenArea .greenBox_oneimg{
margin-bottom: 22px;
}
.greenArea .greenBox_lead{
margin-bottom:50px;
font-size: 18px;
line-height: 32px;
}
#fishing .greenArea .greenBox_lead a{
text-decoration: underline;
}
.greenBox_col_inner{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.greenBox_colArea{
margin-bottom: 45px;
}
.greenBox_colArea .colBox_2col .colBox{
flex-basis:440px;
position: relative;
}
.greenBox_colArea .capBox{
font-size: 14px;
line-height: 24px;
padding-top: 23px;
}
.greenBox_colArea.multipleBox{
margin-bottom: 55px;
}
.greenArea .greenBox_btn{
width:645px;
margin: 0 auto;
}
.greenArea .greenBox_btn a{
display: flex;
align-items: center;
justify-content: center;
background-color: #05474d;
color: #fff;
text-align: center;
font-size: 18px;
border-radius: 10px;
padding: 20px 0;
}
.greenArea .linkBox{
font-size: 14px;
line-height: 24px;
margin-top: 20px;
}
#fishing .greenArea .linkBox a{
text-decoration: underline;
}
.greenArea .txtArrow-right{
background: url(../../../../common/image/ic_arrow_base_right.png) 0 9px no-repeat;
background-size: 10px 10px;
padding-left: 18px;
}


/*-- kakomiArea --*/
.kakomiArea .kakomi_inner{
background-color: #e6eeee;
color: #05474D;
padding:30px 30px 25px 30px;
word-wrap : break-word;
overflow-wrap : break-word;
margin-top: 20px;
}
.kakomiArea .ttlBox{
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.kakomiArea .linkBox{
font-size: 16px;
line-height: 28px;
margin-bottom: 3px;
}
.kakomiArea .txtArrow-right{
background: url(../../../../common/image/ic_arrow_base_right.png) 0 9px no-repeat;
background-size: 10px 10px;
padding-left: 18px;
}
#fishing .kakomiArea .linkBox a{
text-decoration: underline;
}

/*-- 画像（OVER）  --*/
.overimgArea{
max-width: 1200px;
margin:0 auto 40px auto;
}
.overimgArea.top_small{
margin-top: -10px;
}
.overimgArea .capBox{
max-width: 980px;
margin: 0 auto;
font-size: 14px;
line-height: 24px;
padding-top:25px;
color: #005866;
}

/* -- ポイント -- */
.pointArea{
padding-top:30px;
background: #e5eded;
margin-bottom: -10px;
margin-top:110px;
}
.pointArea.top_long{
margin-top: 139px;
}
.pointArea_ttl{
position: relative;
font-size: 20px;
line-height: 32px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
.pointArea_ttl::before{
content: "";
position: absolute;
top: -65px;
left: 0;
right: 0;
margin: auto;
padding-top: 65px;
background: url(../../../../common/image/pict_point.png) center 0 no-repeat;
background-size: 67px auto;
}
.pointArea_inner{
width: 980px;
margin: 0 auto;
padding-bottom: 20px;
color: #05474d;
}
.pointArea_lead{
margin-bottom: 32px;
font-size: 18px;
line-height: 32px;
}
.pointImg_col01{
margin-bottom:40px;
}
.pointImg_col01_caption{
font-size: 14px;
line-height: 24px;
padding-top: 18px;
}
.pointArea .numberBox .ttl{
font-weight: bold;
margin-bottom: 5px;
}
.pointArea_lead .ttl{
font-weight: bold;
margin-bottom: 20px;
}

.pointArea .colArea.multipleBox{
margin-bottom: 40px;
}


.pointArea .oneimgArea.btm_short{
margin-bottom: 20px;
}
.pointArea .leadBox{
margin-bottom: 55px;
}



/*-- 次ページへの導線 --*/
.pagebottom_inner{
width: 980px;
margin:0 auto;
padding-top: 50px;
}

.nextNav{
padding:58px 0 60px 0;
text-align: center;
background: url("../../../../common/image/pop_next.png") center 0 no-repeat;
background-size: 104px 42px;
}
.nextNav_link{
display: inline-block;
padding: 0 32px;
font-weight: bold;
background: url(../../../../common/image/ic_double_arrow_base_right.png) right center no-repeat;
background-size: 18px 18px;
}
.nextNav_link_sub{
font-size: 16px;
line-height: 28px;
}
.nextNav_link_main{
font-size: 21px;
line-height: 28px;
}

/*-- ページナビゲーション --*/
.pageNavigation{
margin-bottom: 54px;
}
.pageNavigation a{
display: block;
}
.pageNavigation .page_link{
width:364px;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.pageNavigation .page_link.page-three{
width: 280px;
}
.pageNavigation .page_link .linkBox{
width: 32px;
}
.pageNavigation .page_link .page_prev,
.pageNavigation .page_link .page_next{
width: 70px;
}
.pageNavigation .page_link .linkBox,
.pageNavigation .page_link .linkBox.active{
border:solid 1px #05474d;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1;
cursor: pointer;
}
.pageNavigation .page_link .linkBox.active,
.pageNavigation .page_link .act_none,
.pageNavigation .page_link .linkBox a{
padding: 8px 0;
display: block;
}
.pageNavigation .page_link .linkBox.active{
background-color:#05474d;
color: #fff;
}
.pageNavigation .page_link .act_none{
background-color: #ebebeb;
border-color: #ebebeb;
color: #999;
cursor: auto;
}
.pageNavigation .page_link .act_none span::before{
border-color: #999;
}

.pageNavigation .page_prev span{
position: relative;
display: block;
padding-left: 15px;
}
.pageNavigation .page_prev span::before{
content: '';
border: 0;
border-top: solid 1px #05474d;
border-left: solid 1px #05474d;
display: inline-block;
width: 5px;
height: 5px;
position: absolute;
top: 30%;
left: 15px;
transform: rotate(315deg);
}
.pageNavigation .page_next span{
position: relative;
display: block;
padding-right: 15px;
}
.pageNavigation .page_next span::before{
content: '';
border: 0;
border-top: solid 1px #05474d;
border-right: solid 1px #05474d;
display: inline-block;
width: 5px;
height: 5px;
position: absolute;
top: 30%;
right: 15px;
transform: rotate(45deg);
}
.pageNavigation .link_indicator{
margin-top: 20px;
text-align: center;
}
.pageNavigation .link_indicator .box_num{
font-size: 14px;
}
.pageNavigation .link_indicator .box_num .num{
font-weight: bold;
}

/*-- 注釈 --*/
.pageAttention{
font-size: 14px;
line-height: 24px;
margin-bottom:48px;
}
.pageAttention .note{
margin-bottom: 1.8em;
}
#fishing .pageAttention .note a{
text-decoration: underline;
}

/* -- 共通 -- */
.fishing_contents a:hover {
opacity: 0.7;
}

.fs_b{font-weight: bold;}


/* -- 調整用 -- */
.page01-01 .pageContent_inner{
margin-bottom: 80px;
}
.page01-01 .ttlBar{
margin-bottom: 55px;
}
.pageContent.page01-02{
margin-top: 65px;
}
.page01-02 .talk_multi{
margin-bottom: 34px;
}
.page01-02 .talk_multi.last{
margin-bottom: 63px;
}
.pageContent.page01-03 .pageContent_inner{
margin: 78px auto 80px auto;
}
.page01-03 .ttlBar{
margin-bottom: 45px;
}
.page01-03 .colArea{
margin-bottom: 80px;
}
.page02-01 .talk_multi.last{
margin-bottom: 67px;
}
.page02-02 .oneimgArea,
.page02-02 .colArea{
margin-bottom: 72px;
}
.page02-02 .colArea.btm_long{
margin-bottom: 100px;
}
.page02-02 .talk_multi.btm_long{
    margin-bottom: 92px;
}
.page02-03 .leadBox{
margin-bottom: 45px;
}
.page02-04 .pageContent_inner{
padding-top: 30px;
}
.page02-04 .ttlBar{
margin-bottom: 40px;
}
.page02-04 .talk_multi.last01{
margin-bottom: 70px;
}
.page02-04 .talk_multi.last02{
margin-bottom: 54px;
}
.page02-04 .talk_multi.last03{
margin-bottom: 90px;
}
.page02-04 .talk_multi.last04{
margin-bottom: 40px;
}
.page02-04 .colArea.talk_btm{
margin-bottom: 70px;
}
.page02-04 .oneimgArea.talk_btm{
margin-bottom: 70px;
}
.page03-01 .pageContent_inner{
margin-top: 70px;
margin-bottom: 80px;
}
.page03-02 .pageContent_inner{
margin-top: 70px;
}
.page03-02 .talk_multi{
margin-bottom: 85px;
}
.greenArea.green01 .greenBox{
padding: 56px 30px 60px 30px;
}
.greenArea.green02 .greenBox{
padding: 56px 30px 4px 30px;
}
.greenArea.green02 .greenBox_ttl{
margin-bottom: 50px;
}
.greenArea.green02 .colBox .ttlBox{
font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}