/* Facebook */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

strong { font-weight: bold; }
.basic_txt {color: #231815;}
.main {color: #006ab4;}

.hpd {
	padding: 5px;
}
.top_belt {
	width: 100%;
	background: #002d78;
	text-align: center;
	font-size: 12px;
	line-height: 1.3em;
	color: #fff;
	padding: 3px 0;
}

.logo {
	text-align: center;
    position: relative;
    padding: 0px 0;
    margin: 0px 0px 0px 0px;
}
.logo img {
	width: 220px;	
}
.top_no {
	position: absolute;
	top:7px;
	left:200px;
}
.top_no img {
	width: 100px;
}

.pc {
	display: block;
}

.top_tel img {
	width: 220px;
}
ul.top_sns li {
	text-align: center;
	font-size: 11px;
	line-height: 1.2em;
	margin: 0px 3px 0px 0px;
}
ul.top_sns li a {
	text-decoration: none;
	color: #fff;
	outline: none;
}
.top_sns img {
	width: 35px;
	margin: 0px 0px 0px 0px;
}

.flogo {
	text-align: center;
    padding: 0;
    margin: 0px 0px 10px 0px;
}
.flogo img {
	width: 160px;	
}

.mover {
	margin: 0px 0px 45px 0px;
}

/* TOP画像 */
.sl1 {
	display: block;
	text-align: center;
}
.sl2 {
	display: none;
}
.sl1 img {width: 100%}
.sl2 img {width: 100%}

.big_box {
	width: 100%;
	margin: 0px 0px 10px 0px;
	align-items: flex-start;
	/* border: solid 1px #ccc; */
}
.first {
	text-align:center; 
	margin: 0px 0px 20px 0px;		
}
.first img {
	width: 50%;
}
.max_lead {
	text-align:center; 
	margin: 0px 0px 20px 0px;		
}
.max_lead img {
	width: 60%;
}


/* アクセスマップ */
.am-title {
	text-align: left;
	font-size: 15px;
	line-height: 1.3em;
	color: #333;
	background: #fdf0bc;
	padding: 10px;
  margin: 0px 0px 5px 0px;		
}
.am-att {
	text-align: left;
	font-size: 18px;
	line-height: 1.3em;
	color: #333;
	background: #f2f2f2;
	padding: 10px;
  margin: 0px 0px 5px 0px;		
}
.am-no1 {
	color: #ff0000;
	margin: 0px 5px 0px 0px;
}
.am-no2 {
	color: #006ab4;
	margin: 0px 5px 0px 0px;
}
.amp {
	position: relative;
}
.up3 {
	width: 35px;
	position: absolute;
	bottom: 20px;
  right: 20px;
}
.up3 img {
	border: solid 1px #ff0000;
}

.contents_title {
	text-align: center;
	font-size: 16px;
	line-height: 1.3em;
	color: #fff;
	background: #006ab4;
	padding: 5px 0;
  margin: 0px 0px 0px 0px;		
}

.contents_title2 {
	text-align: center;
}
.contents_title2 img {
	width: 400px;
}


/* TOPインフォメーション */
.top-info {
	text-align: center;
	font-size: 18px;
	line-height: 1.3em;
	color: #fff;
	background: #006ab4;
	padding: 5px;
  margin: 0px 0px 0px 0px;		
}
.topix {
	border-bottom:solid 1px #ccc;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
.topix-date {
	text-align: left;
	font-size: 12px;
	line-height: 1.2em;
	color: #006ab4;
	margin: 0px 0px 3px 0px;
}
.topix-title {
	text-align: left;
	font-size: 15px;
	line-height: 1.3em;
	color: #006ab4;
	margin: 0px 0px 5px 0px;
}
.captain1 {
	text-align: justify;
	margin: 0px 0px 5px 0px;
}
.captain2 {
	text-align: right;
	margin: 0px 0px 0px 0px;
}


/* 釣りエリアマップ */
.map_pc {
	display:block;
	text-align: center;
}
.map_pc img {
	width: 100%;
}
.map_mb {
	display:none;
}

/* 料金プラン */
table.fee {
	width:100%;
    border-collapse:collapse;
		margin: 0px 0px 30px 0px;	
}
table.fee tr {
    border-collapse:collapse;
}
table.fee th {
  border-collapse:collapse;
	vertical-align: middle;
	padding:5px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	border:solid 1px #ccc;
}
table.fee td {
  border-collapse:collapse;
	vertical-align: middle;
	padding:5px;
	font-size:14px;
	line-height: 1.4em;
	font-weight:normal;
	text-align:center;
	color: #333;
	border:solid 1px #ccc;
}
.ftw1 {width: auto;}
.ftw2 {width: auto;}
.ftw3 {width: auto;}

.fbg1 {
	background: #cff2fe;
}
.fbg2 {
	background: #f2f2f2;
}
.fbg3 {
	background: #fdf8d8;
}
.fbg4 {
	background: #fdd8f3;
}
.f1 {
	color: #fff;
	background: #333;
}
.f2 {
	color: #333;
	background: #fff;
}
.f3 {
	color: #fff;
	background: #666;
}
.feeatt {
	font-size: 12px;
	line-height: 1.2em;
	color: #006ab4;
}

ul.fex {
	list-style-type:disc;
	margin: 5px 0px 10px 30px;	
}
ul.fex li {
	font-size: 15px;
	line-height: 1.3em;
	color: #006ab4;
	margin: 0px 0px 5px 0px;
}
.fextxt {
	font-size: 14px;
	line-height: 1.3em;
	margin: 0px 0px 10px 0px;
}
.fex2 {
	font-size: 15px;
	line-height: 1.3em;
	color: #333;
	background:#f3e11b;
	padding: 10px;
	margin: 0px 0px 20px 0px;
}
table.fee2 {
	width:100%;
    border-collapse:collapse;
		margin: 0px 0px 20px 0px;	
}
table.fee2 tr {
    border-collapse:collapse;
}
table.fee2 th {
  border-collapse:collapse;
	vertical-align: middle;
	padding:5px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	border:solid 1px #ccc;
}
table.fee2 td {
  border-collapse:collapse;
	vertical-align: middle;
	padding:5px;
	font-size:14px;
	line-height: 1.4em;
	font-weight:normal;
	text-align:center;
	color: #333;
	border:solid 1px #ccc;
}
.fee3 {
	font-size:14px;
	line-height: 1.4em;
	font-weight:normal;
	text-align:center;
	color: #ff0000;
	margin: 0px 0px 5px 0px;
}

/* 乗船時の注意事項 */
.cbox {
	margin: 0px 0px 20px 0px;
}

/* ご予約・お問合せ案内 */
.contact1 {
	text-align: justify;
	font-size:15px;
	line-height: 1.4em;
	font-weight:normal;
	color: #006ab4;
	margin: 0px 0px 10px 0px;
}
.contact-tel {
	text-align: center;
	margin: 0px 0px 0px 0px;
}
.contact-tel img {
	width: 50%;
}
.contact-line {
	text-align: center;
	margin: 0px 0px 10px 0px;
}
.contact-line img {
	width: 40%;
}
.contact-line2 {
	text-align: center;
	font-size:15px;
	line-height: 1.3em;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
}
.contact-divline {
	border-bottom: dotted 2px #333;
	margin: 15px 0px 15px 0px;
}





/*  遊漁船の紹介 */
.cross {
	text-align: center;
	margin: 0px 0px 15px 0px;
	position: relative;
}
.cross img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
.mark1 {
	position: relative;
}
.mark1 img {
	width: 16px; 
}
.mark2 {
	position: absolute;
	top:-4px;
	left: -20px;
}
.fe2w1 {width: 30%;}







/* ギャラリー */
.gall_wrap {
	width: 100%;
	margin: 0;
	padding: 0;
/* 	border:solid 1px #ccc; */
}
.gall_wrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.gall_1 {
	float: left;
	width: 143px;
	text-align: center;
	padding: 0;
	margin: 0px 15px 15px 0px;
	position: relative;
}
.gall_2 {
	float: left;
	width: 143px;
	text-align: center;
	padding: 0;
	margin: 0px 15px 15px 0px;
	position: relative;
}
.gall_1 img,
.gall_2 img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
 .up {
	width: 35px;
	position: absolute;
	bottom: 5px;
  right: 5px;
}


/* 会社概要 */
.company_image {
	text-align: center;
	margin: 0px 0px 10px 0px;
}
.company_image img {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}
.comp {
    margin: 0px 0px 15px 0px; 
    padding: 0;
}
.comp img {
	-moz-border-radius:7px; /* Firefox */
	-webkit-border-radius:7px; /* Safari and chrome */
	-khtml-border-radius:7px; /* Linux browsers */ 
	border-radius:7px; /* CSS3 */
}
table#comp {
	width:100%;
    border-collapse:collapse;
}
table#comp tr {
    border-collapse:collapse;
}
table#comp th {
	width:90px;
    border-collapse:collapse;
	border-bottom:solid 1px #a6a6a6;
	vertical-align: middle;
	padding:6px 6px 6px 15px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color: #333;
}
table#comp td {
    border-collapse:collapse;
	border-bottom:solid 1px #a6a6a6;
	vertical-align: middle;
	padding:6px 20px 6px 20px;
	font-weight:normal;
	margin-left:10px;
	color: #333;
}
.ls2 {
	letter-spacing: 2.0em;
}
.ls3 {
	letter-spacing: 0.5em;
}
.ls4 {
	letter-spacing: 0em;
}
.ls5 {
	letter-spacing: 0em;
}
.lsf {
	letter-spacing: 1.0em;
}
.btop {
	border-top:solid 1px #a6a6a6;
}
table#comp a{
	color: #2d88cc;	
	text-decoration: underline;
}
table#comp a:hover{
	color: #6ea4cd;
	text-decoration: underline;
}
.gmap {
	margin: 0px 0px 0px 0px;
}

/* フッターナビン */
ul.fnav li {
	background: #006ab4;
    margin: 5px 20px;		
}
ul.fnav li a {
	text-decoration: none;
	color: #fff;	
	outline: none;
}
footer .copyright {
	text-align: center;
	font-size: 11px;
	line-height: 1.3em;
	padding: 0px;
	color: #8e8e8f;
    margin: 0px 0px 30px 0px;
}

/* ページトップへ戻るボタン */
#page_top{
	width: 40px;
	height: 40px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #006ab4;
	opacity: 0.6;
	z-index:500;
  }
  #page_top a{
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
  }
  #page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
  }

/* モバイル固定ボタン */
.fixer {
	display: none;
}





/* ----- Media queries ----- */
@media (min-width: 980px) and (max-width: 1200px) {
	.first img {
		width: 60%;
	}
	.pc {
		display: block;
	}
	.gall_1 {
		float: left;
		width: 139px;
		text-align: center;
		padding: 0;
		margin: 0px 15px 15px 0px;
		position: relative;
	}
	.gall_2 {
		float: left;
		width: 139px;
		text-align: center;
		padding: 0;
		margin: 0px 15px 15px 0px;
		position: relative;
	}

	/* 釣りエリアマップ */
	.map_pc {
		display:block;
		text-align: center;
	}
	.map_pc img {
		width: 100%;
	}
	.map_mb {
		display:none;
	}

}



	
@media (min-width: 768px) and (max-width: 979px) {
	.first img {
		width: 80%;
	}
	.pc {
		display: block;
	}
	.gall_1 {
		float: left;
		width: 123px;
		text-align: center;
		padding: 0;
		margin: 0px 15px 15px 0px;
		position: relative;
	}
	.gall_2 {
		float: left;
		width: 123px;
		text-align: center;
		padding: 0;
		margin: 0px 15px 15px 0px;
		position: relative;
	}

	/* 釣りエリアマップ */
	.map_pc {
		display:block;
		text-align: center;
	}
	.map_pc img {
		width: 100%;
	}
	.map_mb {
		display:none;
	}		

}


@media only screen and (max-width: 767px) {
	.logo img {
		width: 170px;	
	}
	.top_no {
		position: absolute;
		top:7px;
		left:155px;
	}
	.top_no img {
		width: 90px;
	}
	.pc {
		display: none;
	}
	.mover {
		margin: 0px 0px 45px 0px;
	}
	.first img {
		width: 100%;
	}
	.big_box {
		width: 100%;
		margin: 0px 0px 10px 0px;
		align-items: flex-start;
		/* border: solid 1px #ccc; */
	}
	.gall_1 {
		float: left;
		width: 120px;
		text-align: center;
		padding: 0;
		margin: 0px 15px 15px 0px;
		position: relative;
	}
	.gall_2 {
		float: left;
		width: 120px;
		text-align: center;
		padding: 0;
		margin: 0px 15px 15px 0px;
		position: relative;
	}

	/* モバイル固定ボタン */
	.fixer {
		display: none;
	}
}




@media (max-width: 520px) {
	.logo img {
		width: 170px;	
	}
	.top_no {
		position: absolute;
		top:7px;
		left:155px;
	}
	.top_no img {
		width: 90px;
	}

	/* スライダー画像 */
	.sl1 {
		display: none;
	}
	.sl2 {
		display: block;
		text-align: center;
	}

	.mover {
		margin: 0px 0px 45px 0px;
	}

	.big_box {
		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0px 0px 20px 0px;
		/* border: solid 1px #ccc; */
	}

	.pc {
		display: none;
	}

	/* 釣りエリアマップ */
	.map_pc {
		display:none;
	}
	.map_mb {
		display:block;
		width: 100%;	
	}

	/* 料金プラン */	
	.ftw0 {width: 15%;}
	.ftw1 {width: 25%;}
	.ftw2 {width: 30%;}
	.ftw3 {width: 25%;}


	/* 実績ギャラリー */
	.gall_wrap {
		width: 100%;
		margin: 0;
		padding: 0;
	/* 	border:solid 1px #ccc; */
	}
	.gall_wrap:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.gall_1 {
		float: left;
		width: 48%;
		text-align: center;
		padding: 0;
		margin: 0px 0px 10px 0px;
		position: relative;
	}
	.gall_2 {
		float: right;
		width: 48%;
		text-align: center;
		padding: 0;
		margin: 0px 0px 10px 0px;
		position: relative;
	}
	
	#page_top{
		width: 45px;
		height: 45px;
		position: fixed;
		right: 0;
		bottom: 60px;
		background: #006ab4;
		opacity: 0.6;
		z-index:100;
	  }
	  #page_top a{
			position: relative;
			display: block;
			width: 45px;
			height: 45px;
			text-decoration: none;
			}	

	ul.fnav {
		background: #006ab4;
		padding: 10px 0;	
	}
	ul.fnav li {
		margin: 5px 10px;		
	}
	ul.fnav li a {
		text-decoration: none;
		color: #fff;	
		outline: none;
	}

	footer .copyright {
		text-align: center;
		font-size: 11px;
		line-height: 1.3em;
		padding: 0px;
		color: #8e8e8f;
	    margin: 0px 0px 70px 0px;
	}
	  
	/* モバイル固定ボタン */
	.fixer {
		display: block;
	}
	.fix01 {
		width: 50%;
		text-align: center;
		background: #d2171d;
		padding: 5px 0;
	}
	.fix02 {
		width: 50%;
		text-align: center;
		background: #00b732;
		padding: 5px 0;
	}
}