@charset "UTF-8";

/*
*********************************************
* 
*	ボートフィッシング PC
*
*********************************************
*/


/*------- 共通 ------*/
:root{
  --color-p01:#EDF2F2;
  --color-p02:#D9E8E8;
  --color-p03:#F0EFE4;
  --color-p04:#EDF2F2;
  --color-p05:#D9E8E8;
 }



/* -- ページヘッダ― -- */
.pageHeader{
background-color: #145c6a;
}
.pageHeader .pageHeader_inner{
display: flex;
align-items: center;
justify-content: space-between;
width: 980px;
margin: 0 auto;
padding: 16px 0;
box-sizing: border-box;
}
.pageHeader .ttl{
float: left;
width: 390px;
padding-top: 2px;
}
.pageHeader .main-img{
float: right;
width: 133px;
padding-top: 15px;
}

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

/* -- リード文 -- */
.pageLead{
padding-top: 50px;	
}
.pageLead-inner {
width: 980px;
margin:0 auto 55px auto;
color: #05474d;
}
.pageLead .pageLead-ttl{
margin-bottom: 35px;	
display: flex;
}
.pageLead .pageLead-ttl .num{
background-color: #05474d;
padding: 5px 27px;
border-radius: 30px;
color: #fff;
font-size: 26px;
display: inline-block;
}
.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.2;
display: inline-block;
}

.pageLead .pageLead-ttl .numBox {
  flex-shrink: 0;
}

.pageLead .pageLead-ttl .numBox .num{
margin-right: 25px;
}
.pageLead .pageLead-ttl .numBox .cate{
font-size: 20px;
display: inline-block;
font-weight: 400;
}

.pageLead-txt {
margin-top: 25px;
font-size: 18px;
line-height: 32px;
}
#fishing .pageLead a{
text-decoration: underline;
}


/* --  ナビゲーター-- */
.navigator{
background: #e5eded;
margin-bottom: 87px;
}
.navigator_inner{
margin: 0 auto;
padding: 40px 0 1px 0;
width: 980px;
color: #05474d;
}
.navigator_ttl{
font-size: 20px;
font-weight: bold;
line-height: 32px;
text-align: center;
margin-bottom: 36px;
}
.navigatorBox{
margin-bottom: 45px;
}
.navigatorBox:after {
content: "";
clear: both;
display: block;
}
.navigator_img{
width: 130px;
float: left;
}
.navigator_name{
width: 830px;
float: right;
font-size: 20px;
font-weight: bold;
line-height: 1;
margin-bottom:23px;
}
.navigator_txt{
width: 830px;
float: right;
font-size: 16px;
line-height: 28px;
text-align: left;
}


/* 教えてくれたのは！ */
.guideProfile{
background: #e5eded;
}
.guideProfile_inner{
margin: 0 auto;
padding-bottom: 45px;
width: 980px;
color: #05474d;
}
.guideProfile_img{
margin: 0 auto 6px auto;
padding-top: 40px;
width: 175px;
}
.guideProfile_txt{
font-size: 16px;
line-height: 28px;
text-align: left;
}
.guideProfile_txt_name{
font-size: 20px;
font-weight: bold;
line-height: 32px;
margin-bottom:9px;
text-align: center;
}
.guideProfile_txt_option{
display: inline-block;
font-size: 14px;
line-height: 22px;
}


/* == メインコンテンツ == */

/*-- 目次 --*/
.pageLink{
padding: 25px 35px 30px 35px;
margin-bottom: 86px;
color: #0f5966;
border: 3px solid #CCD5D6;
}
.pageLink_ttl{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.pageLink_list{
padding-left: 5px;
}
.pageLink_item{
margin-bottom: 16px;
}
.pageLink_item a,
.pageLink_item .arrow{
position: relative;
display: inline-block;
padding: 0 30px;
color: #0f5966;
font-size: 18px;
line-height: 24px;
text-decoration: underline !important;
}
.pageLink_item .arrow{
text-decoration:none !important;
}
.pageLink_item a:before,
.pageLink_item .arrow:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 10px;
height: 24px;
background: url(../../common/image/ic_arrow_base_right.png) 0 center no-repeat;
background-size: 10px 10px;
z-index: 10;
}




/*-- トーク --*/
.talk_multi{
margin:0 auto 25px auto;
}
.talk_multi.btm_long{
margin-bottom: 55px;
}
.talk_multi + .ttlBar{
margin-top: 60px;
}

#fishing .talk_multi a{
text-decoration: underline;
}


.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 23px 35px;
font-size: 18px;
font-weight: bold;
line-height: 32px;
color: #05474D;
border-radius: 30px;
box-sizing: border-box;
}
.talk_multi .talk_inner .txt.leadOne{
padding-bottom:35px;
}
.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: #EDF2F2 transparent transparent transparent;
}

.talk_multi.talk01 .talk_inner .txt{
background-color: #EDF2F2;
}

.talk_multi .p02 .txt{
background-color: var(--color-p02);
}
.talk_multi.talk01 .p02 .txt::before{
border-color: transparent var(--color-p02) transparent transparent;
}
.talk_multi.talk02 .p02 .txt::before{
border-color: var(--color-p02) transparent transparent transparent;
}

.talk_multi .p03 .txt{
background-color: var(--color-p03);
}
.talk_multi.talk01 .p03 .txt::before{
border-color: transparent var(--color-p03) transparent transparent;
}
.talk_multi.talk02 .p03 .txt::before{
border-color: var(--color-p03) transparent transparent transparent;
}
.talk_multi .p04 .txt{
background-color: var(--color-p04);
}
.talk_multi.talk01 .p04 .txt::before{
border-color: transparent var(--color-p04) transparent transparent;
}
.talk_multi.talk02 .p04 .txt::before{
border-color: var(--color-p04) transparent transparent transparent;
}

.talk_multi .p05 .txt{
background-color: var(--color-p05);
}
.talk_multi.talk01 .p05 .txt::before{
border-color: transparent var(--color-p05) transparent transparent;
}
.talk_multi.talk02 .p05 .txt::before{
border-color: var(--color-p05) transparent transparent transparent;
}



/* --  トーク：ナビゲーター  -- */
.talk_navi{
margin-bottom: 60px;
font-size: 18px;
font-weight: bold;
line-height: 32px;
color: #05474d;
}
.talk_navi p {
padding-left: 2em;
text-indent: -1em;
}
.talk_navi p::before{
content: "―";
display: inline-block;
width: 1em;
height: 1em;
}
.talk_navi.nextNote{
margin-bottom:30px;
}
#fishing .talk_navi a{
text-decoration: underline;
}



/* -- コンテンツ -- */
.pageContent{
color: #05474d;
background: #fff;
}
.pageContent_inner{
width: 980px;
margin:60px auto 80px auto;
/*padding-bottom: 25px*/
}
.pageContent_inner.btm_overimg{
margin-bottom: 60px;
}
.pageTtl{
color: #0f5966;
text-align: center;
}
.pageTtl.insidePage01{
margin-top: 95px;
margin-bottom: 60px;
}
.pageTtl.insidePage02{
margin-top: 95px;
margin-bottom: 40px;
}
.pageTtl .ttl{
font-size: 32px;
font-weight: bold;
line-height: 42px;
margin-bottom:70px;
}
.pageTtl .ttl span.switch_pc {
  display: inline-block;
}
.pageTtl .ttl_sub{
position: relative;
font-size: 24px;
line-height: 32px;
margin-bottom: 40px;
padding-bottom: 18px;
}
.pageTtl .ttl_sub:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 64px;
height: 4px;
background: #0f5966;
z-index: 10;
}

.ttlBar{
color: #05474D;
font-size: 20px;
font-weight: bold;
line-height: 32px;
border-left: 4px solid #0f5966;
margin-bottom: 25px;
padding-left: 12px;
}

.leadBox {
margin-bottom: 60px;
font-size: 18px;
line-height: 32px;
}
.leadBox.topLead{
margin-bottom: 70px;
}
.leadBox .lead_capBox{
font-size: 14px;
line-height: 24px;
margin-top: 35px;
}
#fishing .leadBox a{
text-decoration: underline;
}

.noteBox{
background-color: #e6eeee;
color: #05474D;
padding: 18px 27px 20px 27px;
word-wrap : break-word;
overflow-wrap : break-word;
font-size: 14px;
line-height: 24px;
margin-bottom: 50px;
}
.noteBox .noteBox_link{
margin-bottom: 10px;
}
.noteBox .noteBox_link:last-child{
margin-bottom: 0;
}
#fishing .noteBox a{
text-decoration: underline;
}

/* -- カコミ -- */
.kakomiArea{
background: #e5eded;
color: #05474d;
}
.kakomiArea .kakomi_inner{
padding:34px 25px;
}
.kakomiArea .detailBox .ttl{
font-size: 18px;
font-weight: bold;
line-height: 32px;
margin-bottom: 5px;
}
.kakomiArea .detailBox .detail{
font-size:14px;
line-height: 24px;
margin-bottom: 40px;
}
.kakomiArea .detailBox .detail:last-child{
margin-bottom: 0;
}
#fishing .kakomiArea a{
text-decoration: underline;
}

/*-- 動画エリア --*/
.movieArea .movieArea_inner{
padding-top: 56.25%;
width: 100%;
position: relative;
}
.movieArea.point_before{
margin-bottom: 110px;
}
.movieArea .movieArea_inner iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}



/* -- 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:20px;
font-size: 18px;
font-weight: 700;
line-height: 32px;
}
#fishing .greenArea a{
text-decoration: underline;
padding-left: 20px;
}
.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;
}
.greenBox .linkBox {
  position: relative;
}
.greenBox .linkBox::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  left: 0;
  border-right: 2px solid #05474d;
  border-bottom: 2px solid #05474d;
  transform: translateY(-50%) rotate(-45deg);
}

/* -- アコーディオン -- */
.greenArea .accBox{
padding: 0;
}
.accBox_ttl{
font-size: 22px;
font-weight: bold;
line-height: 28px;
text-align: center;
margin-bottom: 30px;
padding:30px 10%;
cursor: pointer;
position: relative;
}
.accBox .acc_inner{
display: none;
padding: 0 30px 30px 30px;
}
.acc-open .icon{
position: relative;
display: inline-block;
max-width: 85%;
}
.accBox_ttl .i_box {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 25px;
height: 25px;
background-color: #05474d;
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
border-radius: 50px;
}
.accBox_ttl .i_box .one_i {
display: block;
width: 17px;
height: 17px;
transform-origin: center center;
transition-duration: 0.2s;
position: relative;
}
.accBox_ttl .i_box .one_i:before,
.accBox_ttl .i_box .one_i:after {
display: flex;
content: '';
background-color:#fff;
border-radius: 10px;
width: 17px;
height: 3px;
position: absolute;
top: 7px;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transform-origin: center center;
}
.accBox_ttl .i_box .one_i:before {
width: 3px;
height:17px;
top: 0;
left: 7px;
}
.accBox_ttl.active .i_box .one_i:before {
content: none;
}
.accBox_ttl.active.i_box .one_i:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* -- ポイント -- */
.pointArea{
padding-top:30px;
background: #e5eded;
margin-bottom: -10px;
}


.pointArea.moreTop{
margin-top: 125px;
}
.pointArea_ttl{
position: relative;
font-size: 20px;
line-height: 32px;
font-weight: bold;
text-align: center;
margin-bottom: 45px;
}
.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: 35px;
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 .btnBox {
width: 568px;
margin: 0 auto;
}
.pointArea .btnBox a {
display: block;
position: relative;
background-color: #0f5966;
color: #fff;
font-size: 20px;
line-height: 32px;
font-weight: bold;
padding: 10px 20px 10px 0;
text-align: center;
}
.pointArea .btnBox a:after {
position: absolute;
content: '';
top: 35%;
right: 14px;
width: 14px;
height: 20px;
background: url(../../common/image/ic_arrow_wt_right.png) 0 center no-repeat;
background-size: 14px 14px;
z-index: 10;
}

/*-- カラム --*/
.oneimgArea,
.multiimgArea,
.colArea{
margin-bottom: 40px;
}
.oneimgArea.btm_long,
.multiimgArea.btm_long,
.colArea.btm_long{
margin-bottom: 60px;
}
.oneimgArea .capBox,
.multiimgArea .capBox{
font-size: 14px;
line-height: 24px;
padding-top: 22px;
}
.oneimgArea .capBox > a,
.multiimgArea .capBox > a {
  text-decoration: underline !important;
}
.multiimgArea .imgBox{
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}
.multiimgArea .imgBox img {
  flex-basis: calc(50% - 20px);
}
.ttl + .multiimgArea {
  margin-top: 60px;
}
.colArea.btm_leadBox{
margin-bottom: 33px;
}
.colArea.btm_noteBox{
margin-bottom: 30px;	
}
.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_3col .colBox{
flex-basis:300px;
position: relative;
}
.colArea .colBox_3col .colBox .btm_txtBox{
margin-bottom: 45px;
}
.colArea .colBox_num{
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 36px;
color: #fff;
font-size: 18px;
line-height: 36px;
text-align: center;
font-weight: bold;
letter-spacing: -0.1em;
background: #0f5966;
}
.colArea .colBox .txtBox{
font-size: 18px;
line-height: 32px;
}
.colArea .capArea,
.colArea .capBox{
font-size: 14px;
line-height: 24px;
padding-top: 13px;
}
.colArea.multipleBox{
margin-bottom: 45px;
}
.colArea .colBox .indextBox01 li{
text-indent: -2.75em;
padding-left: 2.75em;
}
.pageAttention{
font-size: 14px;
line-height: 24px;
margin-bottom:55px;
}
.pageAttention .note{
margin-bottom: 1.8em;
}
#fishing .pageAttention a{
text-decoration: underline;
}
.pagebottom_inner{
width: 980px;
margin:0 auto;
}


/*-- 画像（OVER）  --*/
.overimgArea{
max-width: 1200px;
margin:0 auto 60px 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;
}


/*-- リンクボックス--*/
.articleLinkBox{
margin-bottom: 55px;
}
.articleLinkBox .articleLinkBox_inner{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
border: 1px solid #e5eded;
padding: 20px 15px;
box-sizing: border-box;
position: relative;
}
.articleLinkBox .articleLinkBox_inner::after{
content: '';
border: 0;
border-top: solid 2px #05474d;
border-right: solid 2px #05474d;
display: inline-block;
width:20px;
height:20px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(45deg);
}
.articleLinkBox .phBox{
width: 184px;
}
.articleLinkBox .detailBox{
width: calc(100% - 214px);
padding-left: 20px;
color: #05474d;
}
.articleLinkBox .detailBox .ttl{
font-weight: bold;
font-size: 18px;
}
#fishing .articleLinkBox a{
text-decoration: none;
}

/*-- レシピ --*/
.recipe{color:#0f5966;}
.recipe_inner{
width: 980px;
margin: 0 auto;
}
.recipe_top{
width: 980px;	
margin: 19px auto 0 auto;
padding-top: 50px;
}
.recipe_top .ttl {
  text-align: center;
  font-size: 17px;
}
.recipe_ttl{
font-size: 40px;
line-height: 40px;
margin-bottom: 50px;
}
.recipe_ttl-cap{
font-size:0.5em;
vertical-align: middle;
padding-left:16px;
}
.recipe_topImg{
  margin: 60px 0;
}
.recipe_ttl_subTtl{
margin-bottom: 20px;
font-size: 28px;
line-height: 40px;
}
.recipe_top-lead{line-height: 32px; font-size: 18px;}
.recipe_menuttl{
margin-bottom: 40px;
padding-left: 16px;
font-size: 20px;
line-height: 20px;
font-weight: bold;
text-align: center;
}
.recipe_menuSttl{
font-size: 18px;
line-height: 26px;
font-weight: bold;
}

.recipe_wrapMat{
background-color:#e5eded;
margin: 0 calc(50% - 50vw) 70px;
padding: 40px calc(50vw - 50%);
line-height: 1.75;
}
.recipe_wrapMat .recipe_list_other{margin-top: 20px;}
.recipe_wrapMat .list_partition{margin-top: 22px;}
.recipe_materials_list{margin-left: -5px;}
.recipe_wrapMat .recipe_menuSttl{margin-bottom: 8px;}
.recipe_materials_list li{
text-indent: -1em;
padding-left: 1em;
margin-bottom: 10px;
font-size: 18px;
}
.recipe_materials_list li:last-child{margin-bottom: 0;}

.recipe_clm{width: 980px;}

.recipe_clm_box{
position: relative;
float: left;
margin-right: 40px;
margin-bottom: 53px;
width: 470px;
font-size: 18px;
line-height: 32px;
}
.recipe_clm_boxTxt{
font-size: 18px;
line-height: 32px;

}
.recipe_clm_box:nth-child(even){margin-right: 0;}
.recipe_clm_box_txt{
padding-top: 18px;
width: 100%;
font-size: 18px;
line-height: 32px;
}
.recipe_clm_box_txt .point{font-weight: bold;}
.recipe_clm_box_number{
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 36px;
color: #fff;
font-size: 18px;
line-height: 36px;
text-align: center;
font-weight: bold;
letter-spacing: -0.1em;
background: #0f5966;
}
.recipe_wrapList{
background-color:#e5eded;
padding: 50px 0 0 0;
margin-top: 100px;
}
.recipe_wrapList a{display: block;}
.recipe_wrapList a:hover{opacity: 0.7;}
.recipe_img{margin-bottom: 30px;}
.recipe_name{
font-size: 18px;
font-weight: bold;
}
.recipe_clm_boxTri{
position: relative;
float: left;
margin-right: 31px;
margin-bottom: 45px;
width: 306px;
}
.recipe_clm_boxTri:nth-child(3){margin-right: 0;}
.booksAttention-recipe{padding-bottom:65px; padding-top: 40px;}
.recipePoint {
position: relative;
padding-top: 100px;
background: #e5eded;
margin-top: 80px;
}
.recipePoint_inner{
width: 980px;
margin: 0 auto;	
padding-bottom: 7px;
}
.recipePoint_ttl {
position: absolute;
top: -41px;
left: 0;
right: 0;
margin: auto;
padding-top: 74px;
font-size: 20px;
line-height: 32px;
font-weight: bold;
text-align: center;
background: url(../../common/image/pict_point.png) center 0 no-repeat;
background-size: 82px auto;
}
.recipePoint_Sttl{
margin-bottom: 20px;
font-weight: bold;
font-size: 18px;
line-height: 18px;
}
.recipe_clm_boxTxt{padding-top: 0;}
.recipePoint_lead{
margin-bottom: 53px;
font-size: 18px;
line-height: 32px;
}
#fishing .recipe_clm_box a.links{text-decoration: underline;}
.pageMain_imgCap{
text-align:right;
color:#05474d;
font-size:85%;
}
h3.stepTtl{
font-size: 25px;
font-weight: bold;
margin:20px 0 40px;
text-align: center;
border-bottom: 3px double #0f5966;
border-top: 3px double #0f5966;
padding: 10px 0;
}
.txt_name_en{font-style: italic;}
.pageAnchor.pageAnchor_out{
border: none;
margin: 0 auto;
}

/*-- 次ページへの導線 --*/
.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: 60px;
}
.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-two{
width: 240px;
}
.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;
}

/*-- ボトムナビゲーション --*/
.backLink{
text-align: center;
margin: 0 0 92px;
}
.pageBtm{
background: #fff;
text-align: center;
}
.pageBtm_backLink{
display: inline-block;
padding-bottom: 40px;
}
.pageBtm_backLink a{
display: inline-block;
padding: 5px 32px 5px 32px;
color: #05474d;
font-size: 16px;
line-height: 28px;
font-weight: bold;
background: url(../../common/image/ic_list.png) 0 center no-repeat;
background-size: 16px 13px;
}




/*-- 予告 --*/
.tocArea{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.tocArea .tocBox{
flex-basis: 470px;
border: 1px solid #e5eded;
padding: 20px 15px;
box-sizing: border-box;
}
.tocArea .tocBox.linkArea{
padding: 0;
}
.tocArea .tocBox.linkArea a{
display: block;
padding: 20px 15px;
}

.tocArea .tocBox .phBox{
float: left;
width: 184px;
}
.tocArea .tocBox .detailBox,
.tocArea .tocBox .dateBox{
padding-left: 205px;
}
.tocArea .tocBox .ttl{
font-size: 20px;
font-weight: 700;
line-height: 32px;
}
.tocArea .tocBox .ttl .ttl_cate{
display: block;	
}
.tocArea .tocBox .detailBox .ttl{
font-size: 20px;
line-height: 32px;
}
.tocArea .tocBox .dateBox{
font-size:16px;
line-height:24px;
margin-top: 15px;
}
.tocArea .tocBox::after{
content: "";
display: block;
clear: both;
}


/* -- 今回使用した船外機 --*/
.boat_product{
width: 100%;
background-color: #e6eeee;
color: #05474d;
margin-top: 80px;
padding:35px 0 70px 0;
}
.boat_product .pageContent_inner {
margin: 0 auto;
width: 980px;
color: #05474d;
}
.boat_product .product_ttl{
text-align: center;
font-size: 32px;
line-height: 56px;
font-weight: bold;
}
.boat_product .productBox{
margin-top: 38px;
}
.boat_product .productBox .phBox{
float: left;
width: 310px;
}
.boat_product .productBox .ttlBox{
padding-left: 340px;
font-size: 20px;
font-weight: bold;
padding-top: 10px;
}
.boat_product .productBox .ttlBox .productName{
font-size: 32px;
}
.boat_product .productBox .ttlBox .ttl{
padding-top: 16px;
font-size: 20px;
line-height: 32px;
}
.boat_product .productBox .txtBox{
padding-left: 340px;
padding-top: 15px;
font-size: 18px;
line-height: 32px;
}

.boat_product .productBox::after{
content: "";
display: block;
clear: both;
}
.boat_product .productBox .btnBox{
padding-left: 340px;
padding-top: 30px;
}
.boat_product .productBox .btnBox .btn{
width:450px;
}
.boat_product .productBox .btnBox a{
display: block;
position: relative;
background-color: #0f5966;
color: #fff;
font-size: 20px;
line-height: 32px;
font-weight: bold;
padding: 15px 0;
text-align: center;
}
.boat_product .productBox .btnBox a:after {
position: absolute;
content: '';
top: 35%;
right: 14px;
width: 14px;
height: 20px;
background: url(../../common/image/ic_arrow_wt_right.png) 0 center no-repeat;
background-size: 14px 14px;
z-index: 10;
}



/* -- 共通 -- */
.list_indent li{
text-indent: -1em;
padding-left: 1em;
}
.list_indent13 li{
text-indent: -1.3em;
padding-left: 1.3em;
}
.pageContent .btm_ttlBar{
margin-bottom: 70px
}
.pageContent .btm_noteBox{
margin-bottom: 40px;
}
.pageContent .btm_colArea{
margin-bottom:50px;
}
.fishing_contents a:hover {
opacity: 0.7;
}
.fs_b{font-weight: bold;}
.lastBtm{margin-bottom: 80px;}