@charset "UTF-8";


/* auther - image  */
/* web -  */
/*  chapter
---------------------------------------------
・全般設定
・ヘッダ
・グローバルナビメニュー
	ナビブロック高さ

・メインブロック #main
・topページ
・フッタ
---------------------------------------------*/
/* adobe
sb
font-family: "adobe-caslon-pro",serif;about
font-style: normal;
font-weight: 600;
 bold
font-family: "adobe-caslon-pro",serif;
font-style: normal;
font-weight: 700;
*/
/* 初期化
----------------------------------------------*/
/*google Noto	Fonts */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
margin: 0;
padding: 0;
vertical-align: baseline;
line-height:1.6;
}
h1,h2,h3,h4,h5,h6, {
	line-heigth:1;
}
* {
	font-style:normal;
}
html,body {height:100%;}
html {
	font-size:62.5%;
}
body {
	-webkit-text-size-adjust: 100%;
	color: #333;
	background-color:	#fff;
	font-weight: normal; 
font-family: "Hiragino Maru Gothic Pro"	,"HG丸ゴシックM-PRO" ,verdana ,arial	,sans-serif; 
	padding:0;
	

/*	font-family: "ヒラギノ角ゴ Pro	W3", "Hiragino	Kaku Gothic	Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*	font-family:'ヒラギノ明朝 Pro	W3','Hiragino Mincho Pro','ＭＳ	Ｐ明朝','MS PMincho',serif;*/
}
h1,h2,h3,h4,h5,h6, {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 100%;
	font-family:游ゴシック体, 'Yu	Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',	メイリオ, Meiryo,	Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	

}
p { font-size: 1.3em; /* 13px */ }
ul,
ol {
	margin:0;
	padding: 0 0 0	0;
}
li { list-style: none;}

a {
	text-decoration: none;
	color: mediumblue;
}
dd.link-k a {
	color:#333;
	text-decoration:underline;
}
dd.link-or a {
	color:#ff7700;
	text-decoration:underline;
}
dd.link-or a:hover {
	color:orange;
	text-decoration:underline;
}
a:link {
	color: steelblue;
}
a:visited {
	color: steelblue;
		}
dd.link-k a:hover,
a:hover {
	color: orange;
	text-decoration: underline;
	cursor:pointer;
}
a:active {
	color: orange;
}

a:hover img {
	filter: Alpha(opacity=80);
	opacity:0.8;
	background-color:transparent;

}
table {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	font-size: 12px;
	background-color: transparent;
}
td,th {
	border: none; 
	margin: 0;
	padding: 0:
	background-color: transparent;
	font-weight: normal;
	text-align:left;
}
img {
	margin: 0;
	padding: 0;
	border: none;
	display:block;
}

/* デバイスごとの切り分け */
.mobile-v {
	display:none;
}
.pc-tab,	/* スマフォ横とPC兼用 */
.mobile-h, /* スマフォ横の時のみ表示 */
.mobile-only {
	display:block;
}

.mobile-only .mob-tel {
	font-size:1.4rem;
	text-indent:0;
	margin-left:0;
	margin-bottom:1em;
}
.mobile-only .mob-tel a {
	color:red;
}

.mobile-only .mob-denwa {
	font-size:1.4rem;
	text-indent:1.1em;
	margin-bottom:1em;
}
.about-image-only .mob-denwa a {
	color:red;
}
.align-r{
	text-align:right;
}
.pc-only {
	display:none;
}

/* ----------------------------------------
 wrapper
----------------------------------------- */
#wrapper {
	width:100%;
	margin:0 auto;
	background: linear-gradient(180deg, #B9DCF6, #fff);
}
/* header */
header#header {
	width:100%;
	padding:5px 0;
	margin-bottom:16px;
	background-color:#56A7E1;
	position:relative;
}
header#header h1 {
	width:60%;
	height:100%;
	max-width:800px;
	min-width:240px;
	margin:0 auto;
}
header#header h1 img {
	width:100%;
}
#top-billboard {
	width:100%;
	max-width:1200px;
	position:relative;
	margin:0 auto	10px	auto;
}
#top-bill-set {
	width:90%;
	margin:5px auto;
}

#top-bill-set ul {
	text-aign:center;	
}
#top-bill-set ul li {
	display:inline-block;
}
#top-bill-set ul li img {
	width:100%;
}
#top-bill-set li#image-capa {
	width:40%;
	margin-right:1%;
}
#top-bill-set li#phone {
	width:57%;
}
/* Gナビ */
nav.g-navi {
	width:96%;
	max-width:960px;
	margin:0 auto	24px	auto;
}
nav#banner-con,
nav#s-navi {
	width:56%;
	max-width:480px;
	margin:0 auto	24px	auto;
}
nav.g-navi ul {
	clear:both;
	text-align:center;
	width:90%;
	margin:0 auto;
}
nav#banner-con ul,
nav#s-navi ul {
	clear:both;
	text-align:center;
	width:90%;
	margin:0 auto;
}
nav.g-navi ul li	{
	width: 23%;
	float:left;
	margin-right:1%;
	margin-bottom:16px;
	padding:8px 0;
	height:34px;
	border: 1px solid #555;
	border-radius:	8px;
	background-color:	#fffde5;
	line-height: 1.3;
	color:#333;
	vertical-align:top; 
	font-size:1.3rem;
 }
nav.g-navi ul li:last-child {
	marign-right:0;
}
nav#banner-con ul li {
	width:100%;
	margin-bottom:16px;
	height:auto;
}
nav#banner-con li img {
	width:100%;
}
nav#s-navi ul li	{
	width: 100%;
	margin-bottom:16px;
	padding:8px 0;
	height:20px;
	border: 1px solid #555;
	border-radius:	8px;
	background-color: seashell;
	line-height: 1.3;
	color:#333;
	font-size:1.3rem;
 }

nav.g-navi ul li.nav-1line {
	padding:16px	0 0 0;
}
nav.g-navi ul li:last-child {
	margin-right:0;
}
nav#s-navi ul li	a,
nav.g-navi ul li	a {
	display:block;
	width:100%;
	color:#333;
}
nav#s-navi ul li	img	{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
}
nav#s-navi ul li:hover ,
nav.g-navi ul li:hover {
	background-color:	#f5e3d6;
	text-decoration:none;
}
nav#s-navi ul li	a:hover,
nav.g-navi ul li	a:hover {
	text-decoration:none;
}

/* メイン */
#main {
	clear:both;
	width:90%;
	max-width:960px;
	margin:0 auto	24px	auto;
	padding-top:24px;
}
#topics {
	width:80%;
	margin:0 auto	32px	auto;

}
#topics #cm-box2,
#topics #cm-box1,
#topics #cm-box {
	width:100%;
	margin-bottom:24px;
}
.mov-box{
	width:100%;
	margin-bottom:24px;
}
#topics #cm-box1,
#topics #cm-box {
	width:100%;
	margin-bottom:24px;
}

#schedule h2,
#topics h2 {
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:1.5em;
	padding:0.2em 0;
	font-size:1.8rem;
	background-color:#999;
	color:#fff;
}

#topics-con-l {
	width:36%;
	float:left;
	padding:10px	0;
	background-color:#fff;
}
#topics-con-l h3 {
	text-align:center;
	font-size:1.6rem;
	margin-bottom0.3em;
}
#topics-con-l img,
#topics-con-l #cm-video {
	display:none;
}
#topics-con-l img.top-chouka {
	display:block;
	width:90%;
	margin:0 auto	6px	auto;
}
#topics-con-l p	{
	width:100%;
	margin:0 auto;
	font-size:1.2rem;
}

#topics-con-r {
	width:50%;
	float:right;
	padding:10px	0;
	background-color:#f8ece4;
}
#sns-banner {
	width:92%;
	margin:0 auto	16px auto;
	background-color:#fff;
}
#sns-banner #insta-banner {
	width:30%;
	float:left;;
}
#sns-banner #insta-info {
	width:68%;
	float:right;
		       marigin:0;
		       padding:8px 0;
}
#sns-banner #insta-banner img { 
	width:100%;
}
#sns-banner #insta-info p {
		       width:96%;
		       font-size:1.1rem;
		       margin: 0	auto;
}
#topics-con-r h3 {
		       clear:both;
	text-align:center;
	font-size:1.5rem;
	margin-bottom0.3em;
}
#topics-con-r p.topics-top {
	font-size:1.4rem;
	text-align:center;
}
#topics-con-r dl,
#topics-con-r ul {
	width:90%;
	margin-left:3%;
}

#topics-con-r dt {
	width 10em;
	float:left;
	font-size:1.1rem;
	margin-bottom:0.3em;
	padding-left:1.2em;
	background:url(../img/mark-li-c3.png) left 2px	no-repeat;
}
#topics-con-r dd {
	font-size:1.2rem;
	margin:0 0 0.3em 10.5em ;
}
#topics-con-r dd a {
	color:sienna;
}

/* 予約状況 */
#shedule {
	clear:both;
	width:90%;
	margin:0 auto	0 auto;
}
p.yoyaku-cf {
	width:100%;
	margin:0 auto	1em	auto;
	font-size:1.3rem;
	text-align:justify;
}
#reservation {
	clear:both;
	width:80%;
	margin:0 auto	24px	auto;
	padding:32px	0 24px 0;

}

/*--------------------------------------
 釣果報告のページ+NEWS
------------------------------------------ */
#news,
#chouka-houkoku {
	width:88%;
	margin:0 auto 0 auto;
}
#news h2,
#chouka-houkoku h2 {
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:1.5em;
	padding:0.3em 0;
	font-size:1.8rem;
	background-color:seagreen;
	color:#fff;
	border-radius:	8px	8px;
}
#news h2 {
	background-color:coral;
}
#news h2 a,
#chouka-houkoku h2 a {
	display:block;
	color:#fff;
}
	
.entry {
	width:85%;
	margin:0 auto	32px	auto;
	padding-bottom:24px;
	border-bottom:solid 2px #ddd;
}
.entry h3 {
	font-size:2.1rem;
	line-height:1.3;
	color:maroon;
	border-left: solid 21px #ccc;
	padding-left:0.3em;
	margin-bottom:0;
}
.entry p.date {
	width:90%;
	margin:0 0 0.5em 5%;
	padding:0;
	text-align:right;
	font-size:1.2rem;
	color:#888;
	background-color:transparent;
}
.entry-con {
	width:90%;
	margin:0 0 1em 5%;
	padding:14px	2%;
	font-size:1.4rem;
	text-align:justify;
	text-indent:1em;
	line-height:1.6;
	border:solid 1px #fff;
	
	box-shadow:3px 3px 10px rgba(0,0,0,0.1);
}
.entry .entry-con p {
	width:100%;	
	margin:0 auto;
	font-size:1.4rem;
	text-align:justify;
	text-indent:1em;
	line-height:1.6;
}
.entry .entry-con p.short {
	width:80%;
}
.entry-con p.center	{
	width:auto;
	text-indent:0;
	text-align:center;
}

.entry-con p.caption {
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
	color:maroon;
}
.entry-con img	{
	width:80%;
	margin:0 auto	16px	auto;
}	
/* pager */
.pager {
	clear:both;
	width:auto;
	font-size:12px;
	padding:30px	0 0 0px;
	text-align:center;
}
.pager a {
	padding:1px;
	color:#099;

}
.pager span.pager_item a {
	font-size:13px;
	border:solid 1px #099;
	padding:2px;
	
}
.pager span.pager_item a.current_page_number {
	background-color:#888;
	 color:#fff;
}
.pager span.pager_item a:hover { color:chocolate;}

	
/*--------------------------------------
 イマージュ号紹介のページ LINKS
------------------------------------------ */
#links-page,
.about-image {
	width:80%;
	margin:0 auto	0 auto;
}
#links-page h2,
.about-image h2 {
	clear:both;
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:0.5em;
	padding:0.3em 0;
	font-size:1.8rem;
	background-color:#FF0;
	color:#000;
}

#links-pag,
.about-image {
	width:90%;
	margin:0 auto	0 auto;
}
#links-pag h2,
.about-image h2 {
	clear:both;
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:0.5em;
	padding:0.3em 0;
	font-size:1.8rem;
	background-color:#33CCCC;
	color:#FFF;
}
#aisatsu-img {
	width:36%;
	float:left;	
}
#aisatsu-img img {
	width:100%;
	margin-bottom:48px;
}
#aisatsu-txt {
	width:56%;
	float:right;
	padding:10px	0;
}
#aisatsu-txt h3	{
	text-align:center;
	font-size:1.6rem;
	margin-bottom0.3em;
}
#aisatsu-txt p {
	width:100%;
	text-align:justify;
	font-size:1.4rem;
	text-indent:1em;
	margin-bottom:0.3em;
}
.about-image-con {
	clear:both;
	width:100%;
}
.about-image-con img {
	width:30%;
	float:left;
	margin:0 1% 12px	0;
}	
.about-image-con h3 {
	font-size:1.6rem;
	text-align:center;
	margin-bottom:0.5em;
}
.about-image-con h3.about-h3	{
	clear:both;
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:0.5em;
	padding:0.2em 0;
	font-size:1.6rem;
	background-color:seagreen;
	color:#FFF;
}
.about-image-con h3.kashikiri-h3 {
	background-color:goldenrod;
}
.about-image-con h4 {
	font-size:2.4rem;
	text-align:justify;
	margin-bottom:0.5em;
	color:#888;
}
.about-image-con p.guide-lead,
.about-image-con p.lead {
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:1em;
	color:#9C2135;
}
.about-image-con p.guide-lead	{
	font-size:1.5rem;
	font-weight:normal;
}
.about-image-con p.price-cf {
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:1em;
	margin-left:1em;
	text-indent:-1em;
}
.about-image-con dl,　
.about-image-con ul {
	margin:0 0 1em 1em;
	font-size:1.8rem;
}
.about-image-con dl dt,
.about-image-con ul li {
	padding-left:18px;
	background:url(../img/mark-li-org15.png) left 2px no-repeat;
	margin-bottom:0.5em;
}
.about-image-con dl dt {
	clear:both;
	width:8em;
	font-size:1.5rem;
	float:left;
	
}
.about-image-con ul li {
	font-size:1.3rem;
}
.about-image-con dl dd {
	float:left;
	font-family: "ヒラギノ角ゴ Pro	W3", "Hiragino	Kaku Gothic	Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	margin-bottom:1em;
	margin-left:1em;
}
.about-image-con ul#setsubi-con li {
	width:32%;
	float:left;
	height:auto;
	padding:0 0 6px 0;
	background-image:none;
	margin:0 1% 16px	0;
}
.about-image-con ul#setsubi-con li img	{
	width:100%;
	display:block;
	margin-bottom:5px;
}
.about-image-con ul#setsubi-con li p {
	display:block;
}
.about-image-con ul#setsubi-con li p.caption {
	font-size:1.4rem;
}
.about-image-con table {
	width:98%;
	margin:0 auto	8px	auto;
}
.about-image-con table th {
	width:40%;
	padding:10px	2%;
	vertical-align:middle;
	font-size:1.4rem;
	font-weight:bold;
	background-color:lightseagreen;
	color:#fff;
	border-bottom:solid 1px #fff;
}
.about-image-con table.about-rental th{
	background-color:peachpuff;
	text-align:center;
	color:#333;
	border-bottom:solid 1px #333;
}

.about-image-con table td {
	width:50%;
	padding:10px	2%;
	vertical-align:middle;
	font-size:1.4rem;
	background-color:#fff;
	color:#333;
	border-bottom:solid 1px #333;
}
.about-image-con table td span {
	font-size:1.3rem;
}
.about-image-con tr:last-child th,
.about-image-con tr:last-child td { 
	border-bottom:none;
}
.about-image-con-l	{
	width:36%;
	float:left;
}
.about-image-con-l	img {
	width:100%;
	margin-bottom:12px;
}
.about-image-con-l	img:last-child {
	margin-bottom:36px;
}
.about-image-con-r	{
	width:60%;
	float:right;
}

ul#setsubi-con	li {
	background-image:none;
	padding:0;
}
.map-con {
	width:480px;
	margin:0 auto;
}
.clear {
	clear:both;
}
/* -----------
LINKS
---------------*/
.links-con {
	clear:both;
	width:100%;
	padding:36px	0;
}
.links-con img {
	width:50%;
	max-width:480px;
	margin:0 auto	36px	auto;
}
.links-con img#fv {
	width:40%;
	max-width:400px;
}	

/*--------------------------------------
 お問い合わせ
------------------------------------------ */
.contact-con {
	width:80%;
	margin:0 auto ;
	padding-bottom:48px;
}
.contact-con h2 {
	width:100%;
	display:block;
	text-align:center;
	margin-bottom:1.5em;
	padding:0.3em 0;
	font-size:1.8rem;
	background-color:seagreen;
	color:#fff;
	border-radius:	8px	8px;
}
#gform_wrap {
	position: relative;
	width: 100%;
	padding-top: 120%;
	margin-left: auto;
	margin-right: auto;
	}
#gform_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

	
/* ページトップへ
----------------------------------------------*/
#jump-top {
	position:fixed;
	bottom:24px;
	right:10px;
}
#jump-top a {
	display:block;
	border-radius:	5px;
	background-color:#934f63;
	font-size:14px;
	color:#fff;
	padding:4px 8px;
}
#jump-top a:hover {
	background-color:tan;
	text-decoration:none;
	color:#333;
}


/* footer-address */
footer#footer {
	clear:both;
	width:100%;
	left:0;
	clear:both;
	padding:16px	0;
	text-align:center;
}
footer#footer address {font-size:1.2rem;}
footer#footer p.copyright {font-size:1.1rem;}
	
/*Googleカレンダー埋め込み  */

.g-cal {
                                text-align:center;
display:none;
    }

.g-cal iframe {
width:100%;
/*    max-width:800px;*/
		       height:400px;

}

/* ------------------------------------------
スマフォ縦 〜414px-iPhone6c
------------------------------------------- */
@media screen and (max-width:414px)	{
	nav.g-navi ul {
		width:98%;
	}
	nav.g-navi ul li	{
		width: 31%;
		height:30px;
		border: 1px solid #555;
		font-size:1.2rem;
	}
	#main {
		width:100%;
	}
/* TOP トピックス	*/
	#topics-con-l,
	#topics-con-r {
		width:94%;
		float:none;
		padding:10px	0;
		background-color:#fff;
		margin:0 auto	20px	auto;
	}
	#topics-con-r dt {
		width 10em;
		float:none;
	}
	#topics-con-r dd {
		font-size:1.2rem;
		margin:0 0 0.3em 2em ;
	}

/* 釣果報告のページ */
	.entry h3 {
		font-size:1.6rem;
		border-left: solid 18px #ccc;
	}
	.entry-con p {
		font-size:1.2rem;
	}
	.entry-con p.caption {
		font-size:1.3rem;
	}
/* LINKS */
.links-con img {
	width:64%;
	max-width:64%;
	margin:0 auto	24px	auto;
}
.links-con img#fv {
	width:56%;
	max-width:56%;
}
/* イマージュ号紹介のページ */
	#aisatsu-img,
	#aisatsu-txt {
		width:94%;
		float:none;
		margin:0 auto	12px	auto;
		padding:0;
　　　　 margin-bottom:0px;
}
	#aisatsu-img img {
		margin-bottom:0px;
	}
	#aisatsu-txt p {
		font-size:1.3rem;
	}
	.about-image-con ul#setsubi-con li {
		width:46%;
		height:170px;
		margin:0 3% 16px	0;
	}
	.about-image-con-l	{
		width:90%;
		float:none;
		margin:0 auto;
	}
	.about-image-con-l	img {
		margin-bottom:6px;
	}

	.about-image-con-r	{
		width:100%;
		float:none;
	}
	.about-image-con dl {
		margin-left:0;

} 
	.about-image .about-image-con dl dt {

		width:90%;
		clear:both;
		float:none;
		font-size:1.5rem;
		margin-bottom:0.2em;
	}
	.about-image .about-image-con dl dd {
		width:100%;
		float:none;
		margin-left:1.5em;
		margin-bottom:0.3em;
	}
	.about-image-con ul#setsubi-con li p.caption {
		font-size:1.3rem;
	}
	.map-con {
		width:300px;
		margin:0 auto;
	}
	footer#footer address {
	}
	footer#footer address p.minato {
		font-size:1.15rem;
		width:26em;
		text-align:left;
		margin:0 auto
	}
	footer#footer p.copyright {
		font-size:1rem;
	}

	.pc-tab,
	.mobile-h {
		display:none;
	}
	.mobile-v {
		display:block;
	}


}
/* ------------------------------------------
PC用（720px以上）
------------------------------------------- */
@media screen and (min-width:721px)	{
		       #sns-banner #insta-info {
				              padding-top:24px;;
		        }
		       #sns-banner #insta-info p	{
				              font-size:1.2rem;
		       }

	.pc-tab,
	.pc-only {
		display:block;
	}
	.map-con {
		width:800px;
		margin:0 auto;
	}
	.mobile-only,
	.mobile-h,
	.mobile-v {
		display:none;
	}

    
.g-cal iframe {
    height:600px;
    }
        
}

}
.wrap {
  text-align: center;
}
.youtube {
  max-width: 100%;
}