@charset "UTF-8";
/************************************************************
* 初期化 -by common.css-
 ************************************************************/
body, input, select, textarea, table, th, td, li, a, strong {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	overflow: visible;
	color: #000;
}
.cf:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
.displaypc {
	display: block;
}
#cam {
	margin-top: 10px;
	margin-bottom: 5px;
}
#container {
	max-width: 950px;
	margin: 0 auto;
}

/* ヘッダー
---------------------------------------------------------*/
#header_area {
	position: relative;
	z-index: 499;
	background-color: #fff;
	box-shadow: 0 0 12px 2px rgba(0,0,0,0.3);
}
#header990 {
	max-width: 950px;
	padding: 0px;
}
#subnavi #subnaviLinks {
	line-height: 0;
}
#header_dms_ovr {
	display: block;
}
#headerSP {
	display: none;
}
#index {
	width: 950px;
	margin: 0 auto;
}
#campaign {
	display: block;
	float: left;
}

/* パンくず
 ---------------------------------------------------------*/
.sub{
	font-size:10px;
}
#topicpath {
	float: left;
	line-height: 20px;
}
#header990 #pankuzu {
	margin: 5px 0 10px;
	width: 100%;
}
#pankuzu li {
	float: left;
	font-size: 7px;
	margin-left: 3px;
	margin-top: 0;
	list-style-type: none;
	line-height: 1.5em;
}
#pankuzu li span {
	position: relative;
	padding: 0 1px 0 2px;
	top: -1px;
}
#pankuzu li {
	font-size: 10px;
}
ol, ul {
	list-style: none outside none;
}

/* フッター
---------------------------------------------------------*/
#footerLinks {
	padding: 5px;
	min-width: 950px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 2px solid #999;
}
#footerLinks li {
	display: inline;
}
#footerLinks li.line{
	display: inline;
	padding: 0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border: none;
}
#footerLinks li.line2{
	border-left: 1px solid #444;
}
#footerLinks a{
	color: #444;
	color: #1B47FF;
	padding: 0 6px;
	font-size: 11px;
}
#footerLinks a.line{
	display: inline;
	border-right: 1px solid #444;
	padding: 0 6px;
	padding: 0 3px\9;
}
#footerLinks a:hover {
	color: #ff7d00;
}
#footer2 {
	margin: 0 auto;
	width: 100%;
	height: 47px;
}
#footerRLogo {
	height: 40px;
	margin: 30px 0 30px 5px;
	text-align: left;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.footerRlogo_tx {
	font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', Meiryo, 'ＭＳ Ｐゴシック', MS PGothic, sans-serif;
}

/* ソーシャル
---------------------------------------------------------*/
.socialIcon {
	position: relative;
	z-index: 9999;
	margin-top: 15px;
	float: right;
	clear: right;
	width: 280px;
}
.socialIcon ul {
	text-align: right;
}
div.socialIcon li {
	*display:inline !important;
}

/* 共通
--------------------------------------------------------------*/
.sp{
	display: none;
}
img {
	max-width: 100%;
	text-decoration: none;
	vertical-align: bottom;
	box-shadow: none !important;
	border: 0;
}
.contentsWrap {
	position: relative;
}
.contents {
	padding-top: 50px;
	width: 950px;
	margin: 0 auto;
}
.contents a {
	transition-duration: 0.3s;
}
.contents a:hover {
	opacity: 0.7;
}

/* コンテンツ全体
---------------------------------------------------------*/
#allContainer {
	position: relative;
	background: url(../images/bg.jpg);
}

/* クーポン
---------------------------------------------------------*/
#coupon {
	position: absolute;
	top: -4px;
	right: 16%;
	z-index: 1000;
}

/* キービジュアル
---------------------------------------------------------*/
#keyVisual {
	display: table;
	position: relative;
	width: 100%;
	height: auto;
}
#keyVisual .curtainSide{
	display: table-cell;
	background-color: rgba(255,255,255,0.7);
}
#keyVisual h1 {
	display: table-cell;
	width: 1171px;
}
#keyVisual h1 img.kvImg {
	height: auto;
}

/* スライダー
---------------------------------------------------------*/
.slick-slide {
	margin-right: 50px;
}

/* コンテンツ開始の波
---------------------------------------------------------*/
.borderWave {
	position: relative;
	z-index: 2;
	margin-top: -7px;
	padding-bottom: 7px;
	width: 100%;
	height: 7px;
	background-repeat: repeat-x;
}
.borderWave.nav {
	background-image: url(../images/nami_green.png);
}
.borderWave.faq {
	background-image: url(../images/nami_aqua.png);
}
.borderWave.spot {
	background-image: url(../images/nami_brown.png);
}

/* ローカルナビ
---------------------------------------------------------*/
.navUki {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #547b2e;
	z-index: 2;
}
.navUkiShadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 500px;
	height: 57px;
	background: url(../images/uki_nami_shadow.png) no-repeat;
}
.navUkiList {
	margin: 0 auto;
	position: absolute;
	top: -64px;
	left: 0;
	right: 0;
	width: 471px;
	height: 110px;
}
.navUkiList li {
	float: left;
	display: inline-block;
	margin: 0 6px;
	background-position: center;
	background-repeat: no-repeat;
	transform-origin: 50% 50%;
}
.navUkiList li.style {
	width: 145px;
	height: 208px;
	background-image: url(../images/uki_style_off.png);
	animation: uki_wait1 3s ease infinite;
}
.navUkiList li.style:hover {
	background-image: url(../images/uki_style_on.png);
}
.navUkiList li.faq {
	width: 145px;
	height: 208px;
	background-image: url(../images/uki_qaa_off.png);
	animation: uki_wait2 3s ease infinite;
}
.navUkiList li.faq:hover {
	background-image: url(../images/uki_qaa_on.png);
}
.navUkiList li.spot {
	width: 145px;
	height: 209px;
	background-image: url(../images/uki_spot_off.png);
	animation: uki_wait1 3s ease infinite;
}
.navUkiList li.spot:hover {
	background-image: url(../images/uki_spot_on.png);
}
.navUkiList li:hover {
	animation: uki_hit 1s ease 1;
	transform-origin: 50% 50%;
	transform: translateY(-70px);
}
@keyframes uki_wait1 {
	0% { transform: translateY(0) }
	50% { transform: translateY(-10px) }
	100% { transform: translateY(0) }
}
@keyframes uki_wait2 {
	0% { transform: translateY(-10px) }
	50% { transform: translateY(0) }
	100% { transform: translateY(-10px) }
}
@keyframes uki_hit {
	0% { transform: translate(0) }
	30% { transform: translateY(60px) }
	70% { transform: translateY(-90px) }
	100% { transform: translateY(-70px) }
}
.navUkiList li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	font-size: 0;
}
.navUkiNami {
	margin: 0 auto;
	position: absolute;
	top: 28px;
	left: 0;
	right: 0;
	width: 506px;
	height: 28px;
	background: url(../images/uki_nami.png) 0 0 no-repeat;
}
.navUkiNami::after {
	content: "";
	display: block;
	margin-top: 28px;
	height: 10px;
	background-color: #547b2e;
}
.lead {
	overflow: hidden;
	background-color: #547b2e;
	position: relative;
	z-index: 2;
}
.lead p {
	margin: 0 auto 30px;
	padding: 12px 0;
	width: 950px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.lead p strong {
	color: #ffaa4f;
}
.contents h3.headTitle {
	margin: 0 auto;
	font-size: 0;
	text-indent: -9999px;
}

/* コンテンツ共通
---------------------------------------------------------*/
#style,
#faq,
#spot {
	position: relative;
	z-index: 2;
}

/* 見出し
---------------------------------------------------------*/
#style h3.headTitle {
	width: 254px;
	height: 81px;
	background: url(../images/ttl_style.png) no-repeat;
}
#faq h3.headTitle {
	width: 198px;
	height: 80px;
	background: url(../images/ttl_faq.png) no-repeat;
}
#spot h3.headTitle {
	width: 254px;
	height: 81px;
	background: url(../images/ttl_spot.png) no-repeat;
}
.titleBalloon {
	position: relative;
	margin-top: -38px;
	height: 150px;
}
.titleBalloon .wave,
.titleBalloon .character,
.titleBalloon .balloon {
	position: absolute;
}
.titleBalloon .wave {
	width: 144px;
	height: 117px;
	top: 17px;
	left: 43px;
	background: url(../images/ttl_wave.png) no-repeat;
	animation: wave_stretch 7s ease-in-out infinite;
	transform-origin: 50% 50%;
}
@keyframes wave_stretch {
	0% { transform:scale(0); opacity:1 }
	60% { opacity:1 }
	100% { transform:scale(1.3); opacity:0 }
}
.titleBalloon .balloon {
	width: 672px;
	height: 61px;
	top: 60px;
	left: 200px;
	font-size: 0;
	text-indent: -9999px;
	background: url(../images/ttl_wave.png) no-repeat;
}
#style .titleBalloon .character {
	width: 167px;
	height: 116px;
	top: 0px;
	left: 20px;
	background: url(../images/ttl_character_oldman.png) no-repeat;
}
#style .titleBalloon .balloon {
	background: url(../images/ttlbln_style.png) no-repeat;
}
#faq .titleBalloon .character {
	width: 136px;
	height: 116px;
	top: 5px;
	left: 54px;
	background: url(../images/ttl_character_duck.png) no-repeat;
}
#faq .titleBalloon .balloon {
	background: url(../images/ttlbln_faq.png) no-repeat;
}
#spot .titleBalloon .character {
	width: 179px;
	height: 91px;
	top: 26px;
	left: 15px;
	background: url(../images/ttl_character_fish.png) no-repeat;
}
#spot .titleBalloon .balloon {
	background: url(../images/ttlbln_spot.png) no-repeat;
}

/* STYLE
---------------------------------------------------------*/
#style {
	padding-bottom: 110px;
	background-color: #547b2e;
}
.styleList {
	position: relative;
	z-index: 2;
}
.styleList li {
	float: left;
	display: inline-block;
	margin-right: 4px;
	padding: 22px 20px;
	width: 314px;
	color: #000;
	background-color: #fff;
}
.styleList li:last-child {
	margin-right: 0;
}
.styleList dl {
	display: table;
	width: 100%;
}
.styleList dt,
.styleList dd {
	display: table-cell;
}
.styleList p.photo img {
	margin: 10px auto;
	width: 276px;
	height: 227px;
	border: 0;
}
.styleList p.description {
	padding: 0 7px;
	height: 100px;
	font-size: 16px;
	line-height: 24px;
}
dl.styleType {
	padding: 6px 0;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
}
dl.styleType dt {
	padding: 4px;
	width: 88px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
	vertical-align: bottom;
}
dl.styleType dd {
	padding-left: 15px;
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
}
dl.difficulty {
	padding: 8px 0;
	border-bottom: 1px solid #000;
}
dl.difficulty dt {
	width: 90px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	vertical-align: middle;
}
dl.difficulty dd {
	font-size: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 center;
	vertical-align: middle;
}
dl.difficulty dd.level1_0 {
	background-image: url(../images/fish_gage_1_0.png);
}
dl.difficulty dd.level2_0 {
	background-image: url(../images/fish_gage_2_0.png);
}
dl.difficulty dd.level2_5 {
	background-image: url(../images/fish_gage_2_5.png);
}
dl.target,
dl.target dt,
dl.target dd {
	display: block;
}
dl.target {
	padding: 8px 0;
	border-bottom: 1px solid #000;
}
dl.target dt {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
dl.target dd {
	height: 64px;
	font-size: 14px;
	line-height: 20px;
}
.downArrowsWrap {
	position: relative;
	z-index: 1;
}
.downArrows {
	position: absolute;
	top: -16px;
	left: 0;
	right: 0;
	z-index: 2;
	margin: 0 auto;
	width: 658px;
	height: 177px;
	background: url(../images/arrow_dot_green_down.png) no-repeat;
}
#stylePlan {
	position: relative;
	padding-bottom: 52px;
}
#stylePlan h4.title {
	position: absolute;
	top: -72px;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 80px;
	font-size: 0;
	text-indent: -9999px;
	background: url(../images/ttl_style_plan.png) center center no-repeat #4e3a1c;
}
#stylePlan .contents {
	padding-top: 60px;
}
.planSlider li {
	float: left;
	margin-right: 7px;
	padding: 11px;
	width: 312px;
	font-size: 16px;
	background-color: #fff;
}
.planSlider li:last-child {
	margin-right: 0;
}
.planSlider .imgWrap {
	margin: 0 auto;
}
.planSlider .imgWrap img {
	width: 290px;
	height: 206px;
}
.planSlider .catch {
	font-weight: bold;
	line-height: 30px;
}
.planSlider .planName {
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 24px;
	border-bottom: 1px dotted #000;
}
.planSlider .place {
	line-height: 24px;
}
.planSlider .price {
	font-size: 14px;
	line-height: 36px;
}
.planSlider .price .value {
	margin-right: 10px;
	font-size: 24px;
	line-height: 36px;
	color: #d42300;
	font-weight: bold;
}
.planSlider .btnPlan {
	margin: 10px 0;
}

/* FAQ
---------------------------------------------------------*/
#faq {
	background-color: #7fb3c0;
}
.qanda {
	margin: 30px 0 0;
	padding-bottom: 90px;
	border-top: 3px solid #fff;
}
.question {
	margin: 30px 0 16px auto;
	width: 672px;
	height: 61px;
	background: url(../images/bln_question.png) no-repeat;
}
.questionText {
	padding-left: 70px;
	line-height: 64px;
	font-size: 20px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
.q1 .questionText {
	background-image: url(../images/faq_q1.png);
}
.q2 .questionText {
	background-image: url(../images/faq_q2.png);
}
.q3 .questionText {
	background-image: url(../images/faq_q3.png);
}
.q4 .questionText {
	background-image: url(../images/faq_q4.png);
}
.q5 .questionText {
	background-image: url(../images/faq_q5.png);
}
.answer {
	position: relative;
	padding: 30px;
	background-color: #ffffdd;
}
.answer .icon {
	position: absolute;
	top: -22px;
	left: 12px;
	width: 99px;
	height: 100px;
	background: url(../images/icon_duck.png) no-repeat;
}
.answerText {
	margin: 0 0 20px 96px;
	padding: 0 0 20px 50px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px dotted #666;
	background: url(../images/faq_a.png) 10px 4px no-repeat;
}
.answerDetail {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}
.a3 .answerDetail {
	height: 120px;
}
.planButton {
	margin-top: 20px;
}
.planButton img {
	width: 289px;
	height: 59px;
}
.answer .illust {
	position: absolute;
	background-repeat: no-repeat;
}
.answer.a1 .illust {
	width: 263px;
	height: 204px;
	bottom: 30px;
	right: 60px;
	background-image: url(../images/faq_illust1.png);
}
.answer.a2 .illust {
	width: 434px;
	height: 436px;
	bottom: 53px;
	right: 17px;
	background-image: url(../images/faq_illust2.png);
}
.answer.a3 .illust {
	width: 268px;
	height: 103px;
	bottom: 34px;
	right: 63px;
	background-image: url(../images/faq_illust3.png);
}
.answer.a4 .illust {
	width: 262px;
	height: 153px;
	bottom: 19px;
	right: 74px;
	background-image: url(../images/faq_illust4.png);
}
.answer.a5 .illust {
	width: 220px;
	height: 164px;
	bottom: 50px;
	right: 71px;
	background-image: url(../images/faq_illust5.png);
}
.answer .usefulThings {
	margin-top: 25px;
}
.answer .usefulThings p {
	margin-bottom: 10px;
	width: 238px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: #f7f8b4;
	border: 1px solid #000;
}
.answer .usefulThings .items {
	font-size: 18px;
	font-weight: bold;
}

/* SPOT
---------------------------------------------------------*/
#spot {
	background-color: #88693e;
	padding-bottom: 60px;
}
.mapWrap {
	position: relative;
	width: 100%;
	height: 740px;
	background: url(../images/bg.jpg);
	border: 8px solid #fff;
}
#mapster_wrap_0 {
	margin: 70px auto 0;
}
.contents.bnrAikawaCup {
	margin: 50px auto;
	padding: 0;
	text-align: center;
	border-bottom: none;
}
.contents.btnSpotCheck {
	margin: 40px auto 110px;
	padding: 0 0 30px;
	text-align: center;
	border-bottom: 3px solid #4e3a1c;
}
.bottomSea {
	position: relative;
	height: 200px;
}
.bottomSea .front,
.bottomSea .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}
.bottomSea .back {
	z-index: 1;
}
.bottomSea .fishes {
	z-index: 2;
	position: absolute;
	top: -60px;
	left: 0;
	width: 100%;
	height: 143px;
	background: url(../images/bottom_fishes.png) repeat-x;
}
.bottomSea .front {
	z-index: 4;
}
.bottomSea .front .borderWave,
.bottomSea .back .borderWave {
}
.bottomSea .front .borderWave {
	background-image: url(../images/nami_bottom_blue1.png);
}
.bottomSea .back .borderWave {
	background-image: url(../images/nami_bottom_blue2.png);
}
.bottomSea .front .sea,
.bottomSea .back .sea {
	height: 200px;
}
.bottomSea .front .sea {
	background-color: rgba(8, 33, 74, 0.6);
}
.bottomSea .back .sea {
	background-color: #164086;
}
.bottomSea .pageTop {
	z-index: 3;
	position: absolute;
	bottom: 100px;
	right: 100px;
	background: url(../images/uki_to_top.png) no-repeat;
	width: 126px;
	height: 183px;
	transform-origin: 50% 50%;
	animation: uki_wait1 3s ease infinite;
}
.bottomSea .pageTop:hover {
	cursor: pointer;
	animation-play-state: paused;
}
.bottomSea .pageTop a {
	display: block;
	font-size: 0;
	text-indent: -9999px;
}

/* モーダルウィンドウ
---------------------------------------------------------*/
#lean_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}
#aikawacup {
	display: none;
	margin: 7% auto;
	padding: 6px;
	width: 640px;
	height: 640px;
	background-color: #fff;
}
#aikawacup .bnrImg {
	margin-bottom: 15px;
	width: 628px;
	height: 513px;
	border: 0;
}
#aikawacup .btnFishingFesDetail {
	margin: 0 auto;
	width: 372px;
	height: 94px;
}
#aikawacup .btnFishingFesDetail a {
	display: block;
	width: 100%;
	height: 100%;
	transition-duration: 0.3s;
}
#aikawacup .btnFishingFesDetail a:hover {
	transform: translate(2px, 2px);
}
#modal_close {
	position: absolute;
	top: -23px;
	right: -23px;
	display: block;
	font-size: 0;
	width: 46px;
	height: 46px;
	border-radius: 23px;
	background: url(../images/btn_close.png) no-repeat;
	transition-duration: 0.3s;
}
#modal_close:hover {
	cursor: pointer;
	transform: rotate(90deg);
}