@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-bottom: 45px;
width: 980px;
color: #05474d;
}
.guideProfile_img{
margin: 0 auto 6px auto;
padding-top: 43px;
width: 170px;
}
.guideProfile_txt{
font-size: 16px;
line-height: 28px;
text-align: left;
}
.guideProfile_txt_name{
font-size: 18px;
font-weight: bold;
line-height: 32px;
margin-bottom:13px;
text-align: center;
}
.guideProfile_txt_option{
display: inline-block;
font-size: 14px;
line-height: 22px;
}

/* == メインコンテンツ == */
/* -- コンテンツ -- */
.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: 75px;
}
.leadBox{
margin-bottom: 60px;
font-size: 18px;
line-height: 32px;
}
.leadBox.topLead{
margin-bottom: 70px;
}
.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;
border-left: 4px solid #0f5966;
margin-bottom: 28px;
padding-left: 18px;
}

/*-- カラム --*/
.oneimgArea,
.colArea{
margin-bottom: 50px;
}
.oneimgArea.btm_long,
.colArea.btm_long{
margin-bottom: 60px;
}
.oneimgArea.btm_short{
margin-bottom: 40px;
}
.colArea.btm_short{
margin-bottom:40px;
}
.colArea.multipleBox,
.oneimgArea.multipleBox{
margin-bottom: 53px;
}
.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{
margin:70px auto 65px auto;
}
.btm_talk + .talk{
margin-top: 50px;
}
.talk.top_small{
margin-top: 60px;
}
.talk.btm_long{
margin-bottom: 75px;
}
.talk.btm_short{
margin-bottom: 45px;
}

.talk.oneimg_after{
margin-top: 90px;
}
.talk .talk_inner{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.talk .talk_inner .imgArea {
width: 17%;
}
.talk .talk_inner .imgArea img {
width: 100%;
max-width: 130px;
border-radius: 70px;
}
.talk .talk_inner .talkArea {
width: 82%;
}
.talk .talk_inner .txt{
width: 100%;
position: relative;
padding:26px 35px 30px 35px;
background-color: #e5eded;
font-size: 18px;
font-weight: bold;
line-height: 32px;
color: #05474D;
border-radius: 30px;
box-sizing: border-box;
}
.talk .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 #e5eded transparent transparent;
}


/* -- 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: 45px;
}
.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;
}

/*-- 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;
}


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

/* -- ポイント -- */
.pointArea{
padding-top:30px;
background: #e5eded;
margin-bottom: -10px;
margin-top: 80px;
}
.pointArea.top_long{
margin-top: 139px;
}
.pointArea_ttl{
position: relative;
font-size: 20px;
line-height: 32px;
font-weight: bold;
text-align: center;
margin-bottom: 35px;
}
.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: 15px;
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;
}

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

.nextNav{
padding:58px 0 62px 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: 250px;
}
.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;}