@charset "utf-8";

/* FlexSlider
-----------------------------------------------------------------------*/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Control Nav */
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }



/* トップページ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

/* SmartPhone */
@media screen and (max-width: 825px){ 

	/* ----------------------------------------
	 *   スライドショー
	 * ---------------------------------------- */
	#header .topMainSlides { width:100%; position:relative; top:0; z-index:1; margin: 0 auto; text-align:center;}
	#header .topMainSlides.slides img { width:100%;}

	/* ----------------------------------------
	 *   header
	 * ---------------------------------------- */
	#headerIdx{ position:relative;overflow:hidden; z-index:10; margin:0 auto; width:100%;}
	#headerIdx .headerLogo {display: table;table-layout: fixed; margin:0 auto; width:100%;background:#3EB0D5;}
	#headerIdx .headerLogo h1{display: table-cell;vertical-align: middle;padding-left:5px;text-align:left;}
	#headerIdx .headerLogo h1 img{width:90px;}
	#headerIdx .headerLogo h1 a{display:block;padding:20px 0;}
	#headerIdx .headerLogo .tel{display:none;}
	#headerIdx .headerLogo .thum{ text-align:center;}
	#headerIdx .headerLogo .txt{ color:#fff; font-size:14px;}

	/* PCメニュー */
 	#headerNav,
	#headerNav ul li{ display:none;}

	/* 開閉ボタン */
	.acdBtn{background:#ddd; text-align:center; padding:10px 0;width:100%;cursor:pointer;}
	.acdBtn .icon,
	.acdBtn .icon span { display: inline-block; transition: all .4s; box-sizing: border-box;}
	.acdBtn .icon { position: relative; width: 35px; height: 35px; float: right; margin-right: 5px;}
	.acdBtn .icon span { position: absolute; left: 6px; width: 50%; height: 2px; background-color: #333; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
	.acdBtn .icon span:nth-of-type(1) { top: 14px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
	.acdBtn .icon span:nth-of-type(2) { top: 14px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
	/*＋、－切り替え*/
	.acdBtn .icon.active span:nth-of-type(1) { display:none;}
	.acdBtn .icon.active span:nth-of-type(2) { top: 14px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
	.hide { display:none;}
	/* 過去の釣果 */
	.pastBtn{ position: relative;background:#3EB0D5;width:100%; margin:2em 0 0 auto;}
	.pastBtn p{ text-align:center;}
	.pastBtn a{ padding:8px 0;color:#fff;text-align:center;text-decoration:none;display:block;}
	.pastBtn a:after{ display:inline;content: '>'; color:#fff; }
	.pastBtn a:hover,.pastBtn a:hover:after{ color:#fff;}
}

/* PC */
@media screen and (min-width: 826px){

	/* ----------------------------------------
	 *   スライドショー
	 * ---------------------------------------- */
	.sliderWrap{ max-width:1024px; margin: 0 auto; text-align:center;}
	#headerIdx .topMainSlides { position:relative; top:0; max-width:1024px; z-index:1; margin: 0 auto; text-align:center;}
	#headerIdx .topMainSlides.slides img { margin:0 0 0 0;  max-width:1024px;}

	/* ----------------------------------------
	 *   header
	 * ---------------------------------------- */
	#headerIdx{ position:relative; z-index:10; max-width:1024px; margin:0 auto;}
	#headerIdx .headerLogo h1{ position:absolute; top:0; left:0; z-index:99;display:block; background-color:#3EB0D5; width:220px; text-align:center;}
	#headerIdx .headerLogo h1 a{display:block;padding:20px 0;}
	#headerIdx .headerLogo .tel{ position:absolute; top:135px; left:0; z-index:99; background:#555 url("../img/bg/head_shadow.png") 0 0 repeat-x; width:220px;padding:10px 10px 5px 10px;box-sizing: border-box;}
	#headerIdx .headerLogo .thum{ text-align:center;}
	#headerIdx .headerLogo .txt{ color:#fff; font-size:14px;}

	/* PCメニュー */
 	#headerNav{ position:relative;overflow:hidden; width:100%; margin:0 auto; background:#3EB0D5;} 
 	#headerNav .inner{ width:1024px; margin:0 auto;}
	#headerNav ul{ background:#3EB0D5; display: table; text-align: center; width: 100%;}
	#headerNav ul li{ display: table-cell;}
	#headerNav ul li.gnav1{ background:#B8323B url("../img/bg/head_nav_icon.png") 20px 0 no-repeat; width:150px;background-size:48px 80px;}
	#headerNav ul li.gnav1 a:hover{ background:#93282F url("../img/bg/head_nav_icon.png") 20px 0 no-repeat;}
	#headerNav ul li p{vertical-align: middle;}
	#headerNav ul li a{ display:block; color:#fff;text-decoration:none;padding:25px 5px;}
	#headerNav ul li a:hover{ background:#2384A3;}

	/* 今日の釣果　開閉ボタン */
	.acdBtn { position: relative;background:#ddd; text-align:center; padding:10px 0;width:100%;color:#333;cursor:pointer;}
	.acdBtn .icon,
	.acdBtn .icon span { display: inline-block; transition: all .4s; box-sizing: border-box;}
	.acdBtn .icon { position: relative; width: 35px; height: 35px; float: right; margin-right: 5px;}
	.acdBtn .icon span { position: absolute; left: 6px; width: 50%; height: 2px; background-color: #333; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
	.acdBtn .icon span:nth-of-type(1) { top: 14px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
	.acdBtn .icon span:nth-of-type(2) { top: 14px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
	/* ＋、－切り替え */
	.acdBtn .icon.active span:nth-of-type(1) { display:none;}
	.acdBtn .icon.active span:nth-of-type(2) { top: 14px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
	.hide { display:none;}
	/* 過去の釣果 */
	.pastBtn{ position: relative;background:#3EB0D5;width:220px; margin:1em 0 0 auto;}
	.pastBtn p{ text-align:center;}
	.pastBtn a{ padding:5px 0;color:#fff;text-align:center;text-decoration:none;display:block;}
	.pastBtn a:after{ display:inline;content: '>'; color:#fff; }
	.pastBtn a:hover,.pastBtn a:hover:after{ color:#fff;}
}


/* ----------------------------------------
*   釣果情報　トップ新デザイン
* ---------------------------------------- */
#choukaArea .mainBody{background:none;}
#choukaArea .inInner{padding:0;}
#choukaArea .box{position: relative;margin:0 auto;max-width: 1200px;}
#choukaArea .articleSec{overflow: hidden;padding:10px 0;}
#choukaArea .articleSec .carouselInner{margin: 0 auto;padding-left:2rem;padding-right:2rem;}
#choukaArea .articleSec .articleLineup{margin-left:14px;}
#choukaArea .articleSec .chouka-carousel{padding-left:0;}
#choukaArea .articleSec .chouka-carousel li{width:100%;margin-right:20px;background:#fff;margin-bottom: 10px;}
#choukaArea .articleSec .chouka-carousel li a{display: block;position:relative;padding:15px;}
#choukaArea .articleSec .chouka-carousel li a:hover{opacity:0.7;}
#choukaArea .articleSec .chouka-carousel img{display: block;width:100%;}
#choukaArea .articleSec .chouka-carousel .itemBox{padding:0;position: static;}
#choukaArea .articleSec .chouka-carousel .itemBox .details{margin:0;position: static;}
#choukaArea .articleSec .chouka-carousel .itemBox .details .toDay{position: absolute;top:0;left:0;width:85px;height:85px;float:none;margin: 0 auto;}
#choukaArea .articleSec .chouka-carousel .itemBox .details .toDay p{position: absolute;top:14px;font-size: 14px;}
#choukaArea .articleSec .chouka-carousel .itemBox .details .toDay span{display: inline-block;font-size:22px;}
#choukaArea .articleSec .chouka-carousel .itemBox .details h3{margin: 8px 0 0 0;}
#choukaArea .articleSec .chouka-carousel .itemBox .txt{margin-top: 8px;font-size: 16px;}
#choukaArea .articleSec .slick-arrow {display: inline-flex;width: 48px;height: 48px;align-items: center;justify-content: center;}
#choukaArea .articleSec .slick-arrow:before{content:""!important;width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;}
#choukaArea .articleSec .slick-next-chouka{right:0;position: absolute;top:45%;}
#choukaArea .articleSec .slick-prev-chouka{left:0;position: absolute;top:45%;}
#choukaArea .articleSec .slick-next-chouka:hover{opacity:0.7;cursor:pointer}
#choukaArea .articleSec .slick-prev-chouka:hover{opacity:0.7;cursor:pointer}
#choukaArea .articleSec .slick-next-chouka:before{background:url(../img/icon/arrow_r.png)!important;background-size:contain!important;}
#choukaArea .articleSec .slick-prev-chouka:before{background:url(../img/icon/arrow_l.png)!important;background-size:contain!important;}
#choukaArea .articleSec .slick-disabled{display:none!important;}
@media screen and (max-width:1200px){
	#choukaArea .articleSec .chouka-carousel{max-width:900px;width:100%;margin:0 auto;}
	#choukaArea .articleSec .chouka-carousel li a{display:block;}
}
@media screen and (max-width:959px){
	#choukaArea .articleSec{padding:0;}
	#choukaArea .articleSec .carouselInner{padding-left:.1rem;padding-right: 7rem;}
	#choukaArea .articleSec .articleLineup{margin-left:0;}
	#choukaArea .articleSec .chouka-carousel{margin-right:0px;}
	#choukaArea .articleSec .slick-list{overflow: visible;}
	#choukaArea .articleSec .slick-nav-arrows{display:none;}
}


/********************************************
 * 予約状況 table 新バージョン
 ********************************************/
/* 予約状況 */
.newRsvTable{padding:20px;}
.newRsvTable .calOff{display:none;}
.btnBox{margin-bottom:.5em;}
.btnBox .tableMonth{color:#0099CC;font-size:20px;}
.btnBox .pastBtn{width:80px;margin:0;font-size:16px;}
.btnBox .pastBtn a{padding:2px 0;}
.btnBox .pastBtn:hover{opacity:0.7;}
.btnBox .pastBtn.prev a::after{display:none;}
.btnBox .pastBtn.prev a::before{display:inline;content:'<';color:#fff;}
.newRsvTable table{table-layout:fixed;border-collapse:collapse;width:100%;border:1px solid #ccc;}
.newRsvTable table tr{border-bottom:1px solid #ccc;height:134px;}
.newRsvTable table th{border-right:1px solid #ccc;border-left:none;border-bottom:none;border-top:none; width:14.28%;padding:6px 10px;font-size: 14px;}
.newRsvTable table td{border:none;border-left:1px solid #ccc;width:14.28%;text-align:center;vertical-align: top;}
.newRsvTable table .day{font-size:14px;padding:2px 8px 4px 8px;background:#eee;line-height:1.2;text-align:center;}
.newRsvTable table .day span{padding:0 0 0 3px;display:inline-block;}
.newRsvTable table .rsvItemBox{padding:5px 5px 0 5px;}
.newRsvTable table .rsvItem{white-space:nowrap;overflow:hidden;padding:1px;font-size:15px;margin-bottom:4px;text-align:left;}
.newRsvTable table .rsvItem.type01{background:#FFD67F;border:1px solid #E6B13F;}
.newRsvTable table .rsvItem.type02{background:#9CE4EA;border:1px solid #47BAC4;}
.newRsvTable table .bgc1{background:#777; color:#fff;height:auto;}
.newRsvTable table .sun{background:#FFE2E4;}
.newRsvTable table .sat{background:#E5F8FF;}
.newRsvTable .rsvItemNote01{margin-bottom: 1.5em;text-align: center;}
.newRsvTable .rsvItemNote02{margin:.5em 0 1.5em 0;text-align:right;font-size:15px;}
.newRsvTable .rsvItemNote02 .type01{color:#FFD67F;}
.newRsvTable .rsvItemNote02 .type02{color:#9CE4EA;}
@media screen and (max-width:640px){
	.newRsvTable .rsvItemNote01{font-size:16px;}
	.newRsvTable table tr{height:auto;}
	.newRsvTable table .day{font-size:15px;color:#fff;background:#3EB0D5;line-height:1.8;padding-top:5px;margin:5px;border-radius:5px;}
	.newRsvTable table .noneDate{font-size:15px;color:#fff;background:#eee;line-height:1.8;padding-top:5px;margin:5px;border-radius:5px;}
	.newRsvTable table .rsvItemBox{display:none;}
	.newRsvTable .rsvItemNote02{display:none;}
}
/*モーダル*/
.newRsvModal .uk-modal-dialog{width:800px;}
.newRsvModal .uk-modal-header{padding: 30px 30px 15px 30px;border-bottom:none;}
.newRsvModal .uk-modal-dialog .btnBox .tableMonth{font-size:18px;padding: 0 10px;text-align: center;}
.newRsvModal .uk-modal-dialog .btnBox .tableMonth span{padding: 0 0 0 3px;}
.newRsvModal .uk-modal-dialog .btnBox .pastBtn{font-size:14px;}
.newRsvModal .uk-modal-body{padding:10px 30px 30px 30px;}
.newRsvModal .ship01 .title{background:#FFD67F;border:1px solid #E6B13F;padding:8px 0 3px 10px;
font-size:20px;}
.newRsvModal .ship02 .title{background:#9CE4EA;border:1px solid #47BAC4;padding:8px 0 3px 10px;
font-size:20px;}
.newRsvModal .rsvItem{border-bottom:1px solid #ccc;padding:5px 0;}
.newRsvModal .uk-button-default{color:#444;background: #ddd;padding: 0 20px;line-height: 34px;border:none;}
.newRsvModal .uk-button-default:hover{opacity:0.7;color:#444;background: #ddd;padding: 0 20px;line-height: 34px;border:none;}
@media screen and (max-width:460px){
	.newRsvModal .uk-modal-header{padding: 30px 20px 15px 20px;}
	.newRsvModal .uk-modal-body{padding:10px 20px 30px 20px;}
	.newRsvModal .uk-modal-footer{padding:15px 20px;}
}