@charset "utf-8";
/* CSS Document */
body {
	font-family: "メイリオ", sans-serif;
	color: #2A2A2A;
	line-height: 1.6;
	font-size: 110%;
	/*background:url("../images/background.jpg") repeat;*/
	background: url("../images/background.png") repeat;
}


.entry-content{
	margin-top: 10px;
}

#sp_header, #top_banner, #mobile_footer, .blue_title, #sp_facebook, .sp_sidenavi_choka, .sp_address {
	display: none;
}

div#wrapper {
	margin: 0 auto;
	padding: 0;
	max-width: 1050px;
	width: 100%;
}
div#main_contents {
	width: 100%;
}
div#main_contents a {
	color: #000;
}
div#main_contents p {
	margin: 0 0 2% 0;
}
img {
	max-width: 100%;
	height: auto;
	width : auto;
}

.cal_wrapper {
max-width: 640px;
min-width: 300px;
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%;
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}

/*ヘッダー************************************************************/	
#headWrap {
	background-position: center bottom;
	z-index: 30;
	margin: 0 0 0;
	padding: 0;
	width: 100%;
	background-repeat: repeat-x;
	background: #fff;
}
div#main_header {
	width: 100%;
	clear: both;
	text-align: center;
	background-image: url("../images/back.jpg");
	background-color: #daf0ff;
}
#main_header img {
	margin: 0 auto;
	text-align: center;
	vertical-align: bottom;
}
#mobile_header {
	display: none;
}
#address {
	color: #000;
	width: 100%;
	font-family: 'font_min'!important;
	float: left;
}
/*ヘッダー画像*****************************************************/
.in_address {
	width: 1050px;
	margin: 0 auto;
	font-size: 1.2em;
}
#header_img_wrap {
	width: 1050px;
	display: table;
	list-style: none;
}
#header_img_wrap li {
	width: 50%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
#header_img_wrap :first-child {
	text-align: left;
}
#header_img_wrap img {
	margin: 0% 2% 0% 1%;
}

#sliderMenu {
	margin: 0 auto 0;
	padding: 0;
	width: 1050px;
}
/*ナビ*****************************************************/
.navi_flame {
width: 100%;
background: #3867ab;
display: inline-block;
font-size: 1.15em;
vertical-align: top;
}
.j-nav {
width: 1050px;
margin: 0 auto;
}
.j-nav ul {
display: block;
background-color: #3867ab;
filter: alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
text-align: center;
width: 100%;
margin: 0 auto;
height: 42px;
}
.j-nav ul li {
float: left;
list-style-type: none;
color: #FFF;
border-right: 1px solid rgba(255,255,255, 0.25);
}
.j-nav ul li .active {
text-decoration: none;
background-color: #063a6f;
color: #FFF;
}
.j-nav ul li:first-child {
border-left: 1px solid rgba(255,255,255, 0.25);
}
.j-nav ul li a {
display: block;
padding: 10px 0;
color: #fff;
transition: all .3s;
}
.j-nav ul li a:hover {
text-decoration: none;
background-color: #0066CC;
color: #FFF;
}
/*ナビ部分の幅調整用************/
.navi_short {
width: 7%;
}
.navi_normal {
width: 9%;
}
.navi_long {
width: 13%;
}
/******************************/
ol#pageNavi {
width: 1050px;
display: inline-block;
font-size: 150%;
list-style-type: none!important;
z-index: 999;
position: relative;
padding: 0.5% 0 0;
}
ol#pageNavi li {
margin: 0;
color: #404040;
padding: 0 3px;
font-weight: 100;
}
ol#pageNavi li a {
color: #000000;
font-weight: 100;
text-decoration: underline;
z-index: 999;
}
ol#pageNavi li a:hover {
color: #404040;
}
ol#pageNavi li:before {
content: "  > ";
color: #666;
}
ol#pageNavi li:first-child:before {
content: none;
}
/* ランダム *******************************************************************/
div#recomendarea {
width: 100%;
text-align: center;
padding: 0.3% 0 1%;
margin: 0 0 1%;
display: inline-block;
background: #FFFFFF;
}
div#recomendarea .recomendblock {
clear: both;
overflow: auto;
color: #666;
}
div.recomendleft {
float: left;
padding: 3px 5px 3px 10px;
width: 98%;
}
div.recomendleft img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
div.recomendleft #pickup {
float: left;
width: 90%;
display: inline-block;
}
/* 左カラム *******************************************************************/
#left_col {
float: left;
/*width: 22.5%;*/
width: 31.1%;
margin: 0 1% 0 0;
}
div.backnumber ul.sidenavi_choka li {
padding: 7px 0px 5px;
}
#right_col .story {
background: #3867ab;
width: 100%;
margin: 1% auto 0;
color: #333;
padding: 0 0 1%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#right_col .story:first-child {
margin: 0 auto;
}
.story_back_in {
background: #FFF;
width: 98%;
margin: 0 auto 1.5%;
padding: 1% 0 0.5%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#right_col .story .rental_msg img {
float: left;
width: 20%;
margin: 0 2% 0 0;
border: 1px solid #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}
#right_col .story h3, #right_col #calendar h3 {
padding: 0;
}
#right_col .blogbox h3 {
padding: 0 0 0 1.5%;
}
.b_text_top {
font-size: 180%;
color: #fff;
padding: 0.5% 2%;
display: block;
}
.b_text {
font-size: 160%;
color: #000;
padding: 0.5% 0 0.5% 1%;
display: block;
white-space: normal;
}
.blog_title .b_text {
color: #FFF !important;
}
#right_col .story p, #right_col .story_banner p {
color: #333;
line-height: 1.3;
font-size: 1.12em;
margin: 0 0 0 2%;
}
#right_col .explanation p {
padding: 2% 0 0;
}
#right_col .explanation p:first-child {
padding: 0;
}
#right_col .story p.info {
padding: 2% 0 0 2%;
width: 93%;
}
#right_col .story p.info_s {
font-size: 13px;
line-height: 1.2em;
margin-bottom: 0;
margin-top: 0;
clear: both;
}
/*バナーエリア************************************************************/
#right_col .story ul.banner_area {
margin: 0 -9px 0 0;
overflow: hidden;
zoom: 1;
float: left;
padding: 10px 0% 0 1.5%;
width: 100%;
}
#right_col .story ul.banner_area li {
float: left;
margin: 0 9px 10px 0;
width: 31.5%;
display: inline;
}
#right_col .story .banner_w {
width: 100%;
float: left;
padding: 0 0 1.5% 1.5%;
}
/*釣果ピックアップ写真************************************************************/
#specialMenu {
padding: 1.5%;
}
#specialMenu li a {
text-decoration: none !important;
color: #0185CF !important;
}
#specialMenu .conbox {
padding: 15px 0 0 0;
margin: 0 0 10px !important;
width: 100%;
text-align: center;
}
#specialMenu p.fish {
margin: 0 0 10px !important;
width: 100%;
text-align: left;
}
#specialMenu li.new3 {
margin: 1.5%;
width: 29.2%;
text-align: center;
position: relative;
list-style: none;
display: inline-block;
vertical-align: top;
}
#specialMenu .new3 img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.story h4.fune {
font-weight: bold;
padding: 1% 0 0 1%;
font-size: 1.5em !important;
background: #3867ab;
background-image: -webkit-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: -moz-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: -o-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: linear-gradient(180deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
color: #FFF;
width: 96% !important;
}
.story .main_fune {
float: left;
width: 100%;
margin: 2.5% auto;
text-align: center;
}
.story .main_fune img {
text-align: center;
width: 75%!important;
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.story .info_fune {
padding: 0 3% !important;
}
/*釣果ニュース***************************************************/	
.box {
position: relative;
width: 100%;
font-weight: bold;
}
#list_news {
margin: 0;
padding: 0px 20px 0px 0px;
overflow: hidden;
}
#list_news dl.choka_list {
width: 95%;
border-bottom: #CCC dashed 1px;
padding: 2% 0;
margin: 0 3%;
float: left;
}
#list_news dl.choka_list:last-child {
border-bottom: none !important;
}
#list_news dl.choka_list p {
color: #135C93;
padding: 0;
margin: 0;
text-align: right;
}
#list_news dl.choka_list p a {
color: #135C93;
}
dt.icon_news {
width: 70px;
height: auto;
float: left !important;
padding: 6px 15px 1px 0;
}
dt.icon_news img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#list_news dd {
margin: 0px;
padding: 5px 0px 2px;
line-height: 1.3;
overflow: hidden;
zoom: 1;
}
/*カレンダー *****************************************************/
#calendar_link {
display: block;
margin: 0.5% auto;
line-height: 0;
}
#calendar {
width: 100%;
padding: 0 0 5px;
margin: 0 auto;
background: #3867AB;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#calendar h1 {
font-size: 2em;
text-align: center;
}
#calendar #befaft {
margin: 0;
width: 100%;
display: inline-block;
}
#calendar #befaft a {
color: #000;
text-decoration: underline;
}
#calendar p.calendar_before {
float: left;
padding: 0 0 0 15px;
font-weight: 900;
}
#calendar p.calendar_after {
float: right;
padding: 0 15px 0 0;
font-weight: 900;
}
#calendar h1 span.small {
font-size: 70%;
color: #333;
}
#calendar .day {
display: none;
}
.day span.small {
font-size: 70%;
}
#calendar ul li span.number {
padding: 3px;
text-align: center;
width: 12.3%;
font-size: 1.2em;
}
#calendar ul li span.event1, #calendar ul li span.event2, #calendar ul li span.event3, #calendar ul li span.event4 {
font-size: 0.79em;
line-height: 1.2em!important;
text-align: left;
color: #FFF;
display: inline-block;
padding: 5px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
margin: 1px 0 0 0;
width: 89%;
}
#calendar ul li span.event1 {
background: #055aa2;
}
#calendar ul li span.event2 {
background: #10A9AF;
}
#calendar ul li span.event3 {
background: #eeb016;
}
#calendar ul li span.event4 {
background: #db4114;
}
#calendar ul li span#event_c1, #calendar ul li span#event_c2, #calendar ul li span.event_cevent_c3, #calendar ul li span.event_cevent_c4 {
font-size: 0.79em;
line-height: 1.2em!important;
text-align: left;
color: #FFF;
display: inline-block;
padding: 5px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
margin: 1px 0 0 0;
width: 89%;
}
#calendar ul li span.event_c1 {
background: #055aa2;
}
#calendar ul li span.event_c2 {
background: #10A9AF;
}
#calendar ul li span.event_c3 {
background: #eeb016;
}
#calendar ul li span.event4 {
background: #db4114;
}
#calendar ul li span a {
color: #FFF;
}
#calendar ul {
width: 100%;
list-style: none;
font-size: 15px;
margin: 0 0.8% 15px;
}
#calendar ul li {
width: 13.5%;
float: left;
background: #F5F5F5;
margin: 2px;
}
#calendar ul li.day {
font-variant: small-caps;
font-size: 13px;
background: #fff;
height: 30px;
text-align: center;
}
#calendar ul li span {
font-size: 11px;
color: #666;
}
#calendar .day {
display: block;
font-size: 1.5em !important;
font-weight: bold;
}
#calendar .sat {
color: #3867ab;
}
#calendar .sun {
color: #900;
}
/**カレンダー土日*******/
#calendar .daysat {
color: #267dfb;
}
#calendar .daysun {
color: #900;
}
#calendar ul li.daysat {
background: #deebff;
}
#calendar ul li.daysun {
background: #ffdede;
}
/**カレンダーJS*******/
div.tooltip {
width: 250px;
position: absolute;
left: -9999px;
background: #900;
padding: 5px 5px 0 4px;
}
div.tooltip p {
color: #FFF;
background: #900;
padding: 5px 10px;
}
/*釣果詳細ページ*******************************************************/
div.blog_page {
height: 20px;
width: 100%;
font-size: 1.2em;
color: #000;
padding-bottom: 0.3%;
text-align: center;
clear: both;
}
div.blog_page a:link {
color: #000!important;
text-decoration: underline;
}
div.blog_page a:hover {
color: #000;
opacity: .7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
#main_contents #main_header_blog {
clear: both;
width: 100%;
text-align: center;
padding: 0;
position: relative;
z-index: 20;
}
#main_contents #main_header_blog h1 {
width: 925px;
height: 60px;
font-weight: 900;
color: #2771b7;
text-align: left;
display: inline-block;
margin: 20px 0 0 15px;
padding: 15px 0 0 35px;
font-size: 1.5em;
}
#main_header_blog h1.icon_choka_news {
font-family: 'font_min'!important;
}
.story .blog {
font-size: 1.1em;
}
.blog {
padding: 1% 2%;
}
.story .choka_info {
margin-top: 2%!important;
padding: 0 2.5%!important;
line-height: 1 !important;
}
.story p.choka_comments {
margin-top: 2%!important;
text-align: left!important;
padding: 0 2.5%!important;
margin-bottom: 0!important;
}
.story tr.choka_comments {
margin-top: 2%!important;
text-align: left!important;
padding: 0 2%!important;
margin-bottom: 0!important;
}
.story table.blog_tabel {
width: 100%;
}
.story .blog_photo {
width: 100%;
margin-top: 2.5%;
text-align: left;
padding: 0 1%;
}
.story .blog_photo img {
width: 22%!important;
display: inline-block;
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
margin-bottom: 2%;
margin-right: 1%;
}
.story .blog_flam {
padding-left: 15px;
}
.story thead, tbody {
color: #404040;
font-weight: 700;
}
.story thead tr th {
padding: 0.3% 1%;
text-align: center;
color: #FFF;
font-weight: 700;
}
.story thead tr.check_table {
background: #3867AB;
}
.story tbody tr th.details {
font-size: 1.09em;
}
th.choka1 {
white-space: nowrap;
}
th.choka2 {
width: 20%;
}
th.choka3 {
width: 20%;
}
/*年間釣り物 *******************************************************/
table#seasonfish {
border-collapse: collapse;
border: 1px solid #999;
margin: 1% 2% 4%;
width: 96%;
white-space: pre;
}
table#seasonfish th {
border: 1px solid #999;
font-size: 1.0em;
background: #3867AB;
padding: 1% 0.2%;
text-align: center;
font-weight: bold;
color: #FFF;
white-space:pre;
}
table#seasonfish th.season_year {
width: 4.8%;
}
table#seasonfish th.season {
font-size: 1em;
padding: 0;
}
table#seasonfish td {
border: 1px solid #999;
}
.onseason span {
display: block;
}
table#seasonfish td.season {
padding: 1%;
width: 10%;
font-weight: normal;
}
table#seasonfish td.seasonfishname {
padding: 1% 0.3% 1% 1% !important;
font-weight: normal;
font-size: 1.1em;
width: 29%;
background: #3867AB;
color: #fff;
}
table#seasonfish .season_year .fish {
width: 100%;
vertical-align: middle;
}
/* 料金*******************************************************/
table.chargefish {
border-collapse: collapse;
border: 1px solid #999;
margin: 1% 2% 4%;
width: 96%;
}
table.chargefish td, table.chargefish th {
padding: 1%;
font-weight: normal;
}
table.chargefish th {
border: 1px solid #999;
background: #EEFFFF;
padding: 0.3% 3%;
text-align: center;
font-weight: bold;
color: #000;
font-size: 1em;
}
table.chargefish th.season {
padding: 0;
}
table.chargefish td {
border: 1px solid #999;
}
table.chargefish td.season {
background: #bf7171;
padding: 2px 5px;
}
table.chargefish .season_year.onseason {
background: none;
}
table.chargefish td.season_year img {
width: 100% !important;
}
table.chargefish td.seasonfishname {
background: #FFFFCC;
/*width: 25%;*/
}
table.chargefish td.season_year {
/*width: 15%;*/
}
table.chargefish td.charge {
/*width: 29%;*/
}
table.chargefish td.charge_img {
width: 25%;
}
table.chargefish td.charge_img img {
	border: 1px solid #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	width: 222px;
}
table.chargefish th .charge_mini {
font-size: 0.8em!important;
font-weight: 100!important;
}
table.chargefish td.contents {
background: #FFFFCC;
width: 25%;
}
.noline {
border-bottom: none;
}
table.chargefish td.chargecomm {
	padding: 1% 1% 0 ;
}
table.chargefish td.chargecomm ul {
	padding: 1% 15px;
}
table.chargefish td.chargecomm li {
	margin: 0 0 0.5% 0.5%;
}
/* リンク *******************************************************/
.link_box {
margin: 2%;
}
.link_box:last-child {
border-bottom: none;
}
.link_box img.link {
float: left;
width: 23% !important;
margin: 1% 2% 2% 2%;
border: 1px solid #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.link_box h3 {
font-weight: bold;
padding: 0.5% 0 0.5% 1%!important;
background-color: #3867AB;
color: #FFF;
background-image: -webkit-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: -moz-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: -o-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: linear-gradient(180deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
}
.link_box p {
padding: 1% 0 0;
margin: 1% 1% 0 1%;
overflow: hidden;
}
.link_box p.url {
text-align: right;
margin: 2% 1% 1% !important;
padding: 0 !important;
}
.link_box p.url a:hover {
text-decoration: underline !important;
color: #3867AB !important;
}
.link_box span {
color: #3867AB;
}
/*乗船のご案内*******************************************************/


div.samplearea p {
    width: 46%;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */
    /*margin: 5px 0px;*/
    padding: 0;
    border: #3867AB solid 1px;
}


div.intro {
width: 96%;
margin: 1%;
}
div.intro p {
margin: 0 0 2% 2% !important;
}
.beginner/*,.halfbox*/ {
width: 95%;
border: #3867AB solid 1px;
margin: 0 auto;
}
.halfbox {
width: 95%;
border: #3867AB solid 1px;
margin: 0 auto;
}
.beginner:first-child {
margin: 2% auto;
}
.beginner:last-child {
margin: 0 auto 2%;
}
.margin {
margin: 2% auto;
}
.beginner .beginnerbox {
width: 98%;
margin: 0 auto 2%;
}
.beginner .beginnerbox_h {
width: 97%;
margin: 0 auto 2%;
border-top: 1px solid;
padding-top: 2%
}
.beginner .beginnerbox p,.beginner .beginner_half .beginnerbox P {
padding: 0 2% 0 0;
margin: 0 2% 2% !important;
}
div.beginner ul.flow02 {
width: 92%;
margin: 0 auto;
}
div.beginner ul.flow02 li {
margin: 0;
}

/* add 20190604 */
.map_all img {
	width: 96%;
	margin: 2%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
div.beginner ul.disc {
	padding-left: 10px;
}
div.beginner ul.disc li {
	margin: 0 0 5px 10px;
}
div.beginner ul.nostyle li {
	list-style-type: none;
}
/* div.beginner ul.disc li {
	margin: 0 0 5px 10px;
} */
.flow_headline {
	margin: 10px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
}
/* add 20190604 */

.beginner img {
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/*div.beginner_half {
width: 46%;
border: #3867AB solid 1px;
float: left;
margin: 0px 0 0 2%;
}*/
div.beginner_half {
	width: 46%;
	border: #3867AB solid 1px;
	margin: 0 0 2% 2%;
	display: inline-table;
}
div.beginner_half_l,div.beginner_half_r {
	width: 46%;
	/*border: #3867AB solid 1px;*/
	margin: 0px 0 0 2%;
	display: inline-table;
}
div.beginner_half_l {
	border-right: 1px solid;
	padding-right: 9px;
}
div.beginner h5{
color: #FFF;
font-size: 1.2em!important;
font-weight: bold!important;
padding: 1.5% 1% 0 1.5%;
margin-bottom: 2%!important;
background: #3867AB;
}
div.beginner_half h5 {
color: #000;
font-size: 1.4em!important;
font-weight: bold!important;
line-height: 1.2em;
/* padding: 0 1% 0 1.5%; */
margin: 1%!important;
background: #fff;
}
.day_next {
margin: 0 auto;
display: block;
}
.flow {
margin: 1% auto;
width: 96%;
}
.flow li.day_flow, .flow li.day_flow2, .flow li.day_flow3, .flow li.day_flow4 {
vertical-align: top;
margin: 1%;
text-align: center;
list-style: none;
display: inline-block;
}
.flow li.day_flow, .flow li.day_flow2 {
width: 22.1%;
}
.flow li.day_flow3 {
width: 47%;
}
.flow li.day_flow4 {
width: 65%;
}
.flow li.day_flow_b {
margin-left: 1.5%;
margin-bottom: 5px;
text-align: center;
list-style: none;
display: inline-block;
}
.flow .conbox {
text-align: center;
float: none !important;
}
.flow .day_flow img, .flow .day_flow_b img, .flow .day_flow3 img, .flow .day_flow4 img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
width: 222px;
}
.flow li.day_flow p.capture, .flow li.day_flow_b p.capture {
float: left;
line-height: 1.4em !important;
font-size: 95% !important;
margin: 0.3% 0 1% 1%;
text-align: left;
}
.flow_information {
margin: 1% auto;
width: 98.5%;
}
.flow_information li.day_flow {
vertical-align: top;
margin: 1%;
text-align: center;
list-style: none;
display: inline-block;
}
.flow_information li.day_flow {
width: 22.4%;
}
.flow_information li.day_flow_b {
margin-left: 1.5%;
margin-bottom: 5px;
text-align: center;
list-style: none;
display: inline-block;
}
.flow_information .conbox {
text-align: center;
float: none !important;
}
.flow_information .day_flow img, .flow_information .day_flow_b img, .flow_information .day_flow3 img, .flow_information .day_flow4 img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
width: 222px;
}
.flow_information li.day_flow p.capture, .flow_information li.day_flow_b p.capture {
margin: 1% 0 1% 2% !important;
text-align: left !important;
font-siZe: 95% !important;
}
/*ご紹介*******************************************************/
ul.info_box {
padding: 0 0 1.5%;
margin: 0 0 2%;
}
ul.info_box li a {
text-decoration: none !important;
color: #0185CF !important;
}
ul.info_box .information .imgbox {
float: left;
width: 222px;
margin: 0 2% 0 0;
}
ul.info_box .information .imgbox img {
display: block;
margin: 0 0 3% 0;
}
ul.info_box .information .imgbox02 .comment .tacklebox {
margin: 0 0 2%;
}
ul.info_box li.information {
list-style: none;
padding: 0.8% 0;
margin: 1% auto 2%;
width: 97%;
border-bottom: 1px dashed #CFCFCF;
}
ul.info_box li.information:last-child {
margin: 1% auto 0;
border-bottom: none;
}
ul.info_box .information img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
float: left;
width: 222px;
margin: 0 2% 5px 0;
}
ul.info_box02 li.information {
list-style: none;
padding: 0;
margin: 1% auto 2%;
width: 95%;
}
ul.info_box02 li.information:last-child {
margin: 1% auto 0;
}
ul.info_box02 .information img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
float: left;
width: 222px;
margin: 0 2% 0 0;

}
ul.info_box .explanation table {
border-collapse: collapse;
border-spacing: 0;
}
ul.info_box .explanation tr:first-child {
-moz-border-radius: 6px 0 0 0;
-webkit-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
}
ul.info_box .explanation tr:last-child {
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
}
.bordered {
width: 100%;
border-spacing: 0;
border: 1px solid #0033CC;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 1px 1px #0033CC;
}
.bordered td {
border-left: 1px dashed #0033CC;
border-top: 1px dashed #0033CC;
padding: 2px 8px;
text-align: left;
margin: 0;
font-weight: normal;
}
.bordered tr td:first-child {
background: #D7EEFF;
width: 34%;
}
.bordered td:first-child {
border-left: none;
}
.bordered tr:first-child td {
border-top: none;
}
.bordered tr:first-child td:first-child {
-webkit-border-radius: 6px 0 0 0;
-moz-border-radius: 6px 0 0 0;
-o-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
}
.bordered tr:first-child td:last-child {
-webkit-border-radius: 0 6px 0 0;
-moz-border-radius: 0 6px 0 0;
-o-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
}
.bordered tr:last-child {
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
}
.bordered tr:only-child {
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.bordered tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 6px;
-moz-border-radius: 0 0 0 6px;
-o-border-radius: 0 0 0 6px;
border-radius: 0 0 0 6px;
}
.bordered tr:last-child td:last-child {
-webkit-border-radius: 0 0 6px 0;
-moz-border-radius: 0 0 6px 0;
-o-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
}
ul.info_box .explanation_img {
width: 30%;
display: inline-block;
vertical-align: top;
margin: 0 2% 0 0;
}
ul.info_box .explanation_img .info_title {
font-size: 120%;
}
ul.info_box .explanation {
text-align: left;
}
ul.info_box .explanation_cap {
display: inline-block;
width: 66.5%;
text-align: left;
overflow: auto;
}
/*アクセスマップ*******************************************************/
.story .map {
text-align: center;
width: 100%;
}
.story .map iframe {
border: none!important;
margin: 3% 2% 1%;
width: 96%;
}
/*初心者 *******************************************************/
.story .b_text_top_guide {
font-size: 180%;
color: #fff;
padding: 0.5% 2%;
display: inline-block;
}
.story .b_text_top_guide img {
width: 11.5%;
vertical-align: middle;
}
.story .story_back_in .beginnerbox .big {
margin: 1% 2% !important;
font-size: 1.5em !important;
font-weight: bold;
}
.big_tel {
font-size: 1.8em !important;
color: #0E446E;
}
/*タックル *******************************************************/

.tackle ul.info_box .information img {
width: 300px;
}
.tackle ul.info_box .explanation_cap {
display: inline-block;
width: auto;
text-align: left;
overflow: auto;
}
.tackle ul.info_box .information .imgbox {
width: 300px;
}
/*Facebook*******************************************************/
#fb_info {
width: 100%;
height: auto;
margin: 0 0px 0 10px;
text-align: center;
}
.facebook-wrapper {
max-width: 500px;
margin: 0 auto;
}
.facebook-wrapper > .fb-page {
width: 100%;
}
.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
width: 100% !important;
}
/*右カラム*******************************************************/
#right_col {
float: right;
overflow: hidden;
/*width:76%;*/
width: 66.9%;
margin: 0;
padding: 0;
}
/*左メニュー**************************************************/
#left_banner {
margin: 0 0 2%;
float: left;
background: #3867ab;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.left_con {
padding: 5% 0 2% 5%;
color: #FFF;
font-weight: bold;
font-size: 130%;
}
div.pc_blue_title {
color: #FFF;
padding: 0 0 0 2%;
display: block;
line-height: 35px!important;
text-indent: 2.5%;
letter-spacing: 0.1px!important;
font-size: 1.3em!important;
font-weight: bold;
background-position: top 0 left 1.5%!important;
}
#left_banner .comm_banner, .backnumber, #facebook, #left_banner .block {
clear: both;
width: 100%;
margin: 0 0 5%;
}
#left_banner .block:last-child {
border-bottom: none;
}
#left_banner .comm_banner ul, .backnumber ul {
padding: 0;
margin: 0;
}
#left_banner .comm_banner ul.sidenavi a {
display: block;
padding: 2% 5%;
font-size: 1.25em;
position: relative;
}
#left_banner .comm_banner ul.sidenavi a::after {
border-right: 2px solid #3867AB;
border-top: 2px solid #3867AB;
border-radius: 1px;
content: "";
margin: 0 0 0 10px;
height: 7px;
right: 10px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 15px;
width: 7px;
}
#left_banner .comm_banner ul.sidenavi li {
list-style: none;
border-bottom: rgba(25,151 ,254, 0.8) 1px dashed;
}
#left_banner .comm_banner ul.sidenavi li:last-child {
border-bottom: none !important;
}
#left_banner .comm_banner ul.sidenavi a:hover {
text-decoration: none;
color: #167dfe;
}
div.backnumber:last-child {
border-bottom: none;
}
#left_banner .banner_in {
width: 96%;
background: #FFF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0 auto 2%;
}
#left_banner .backnumber ul.sidenavi_choka li {
padding: 2% 5%;
font-size: 1.25em;
list-style: none;
border-bottom: rgba(25,151 ,254, 0.8) 1px dashed;
}
#left_banner .backnumber ul.sidenavi_choka li:last-child {
border-bottom: none !important;
}
#left_banner .backnumber ul.sidenavi_choka a {
display: block;
}
#left_banner .backnumber ul.sidenavi_choka a:hover {
text-decoration: none;
color: #167dfe;
}
#left_banner .banner_in p:hover {
cursor: pointer;
}
#left_banner .banner_in_fb {
width: 100%;
float: left;
border-radius: 2px;
margin: 0px auto 2%;
}
.backnumber p {
padding: 5px 3px 0 10px;
text-align: right;
font-size: 0.95em;
}
.backnumber p:hover {
color: #167dfe;
}
ul#list1 p, ul#list2 p {
padding-right: 10px;
}
.weather {
width: 92%;
display: block;
margin: 2% auto;
}

/*天気-whindy****************************************************/
#left_banner .banner_in_wd {
width: 100%;
float: left;
border-radius: 2px;
margin: 0px auto 2%;
}
.banner_in_wd iframe {
border: none!important;
margin: 0 3% 1%;
width: 94%;
}
/*フッター*******************************************************/
div#topagetop {
clear: both;
width: 100%;
margin: 20px auto 0;
padding: 0;
text-align: right;
display: inline-block;
}
div#topagetop a {
width: auto;
margin: 0;
padding: 5px 10px;
background: #0090d9;
color: #FFFFFF;
-webkit-border-top-left-radius: 2px;
-moz-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-top-right-radius: 2px;
border-top-right-radius: 2px;
}
div#footer_sitemap {
clear: both;
margin: 0 auto;
padding: 0 0 10px;
width: 100%;
background: #063a6f;
text-align: left;
color: #fff;
position: relative;
z-index: 10;
}
div#footer_sitemap .title {
width: 80%!important;
padding: 8px 0 0 0;
margin-top: 20px;
}
#footer_sitemap .inner_in {
margin: 0 auto;
width: 1050px;
padding: 0.7% 0 0;
}
#footer_sitemap .inner_in li {
list-style-type: none;
line-height: 1.6em;
color: #fff;
font-family: 'font_min'!important;
}
#footer_sitemap .inner_in li.name {
font-size: 2em;
}
div#footer_copyright {
margin: 0 auto;
width: 100%;
clear: both;
color: #333;
border-top: 1px solid #FFFFFF;
display: inline-block;
}
div#footer_copyright ul li a {
color: #FFFFFF;
}
div#footer_copyright ul li {
margin: 0;
padding: 20px 12px 0 13px;
list-style: none;
float: left;
}
div#copyright {
margin: 0;
padding: 0px 0!important;
float: none;
width: 100%;
text-align: center;
color: #333;
}
#access {
width: 95%;
margin: 0 auto;
}
#access:first-child {
margin: 2% auto;
}
#access:last-child {
margin: 0 auto 2%;
}
#access .beginnerbox {
width: 98%;
margin: 0 auto;
}
#access .beginnerbox p.att {
margin: 0 0 0 2% !important;
padding: 0 !important;
}
#access ul.flow02 {
width: 92%;
margin: 0 auto;
}
#access ul.flow02 li {
margin: 0;
}
#access img {
text-align: center;
}
#access h4 {
color: #FFF;
font-size: 1.4em;
font-weight: bold;
padding: 0 1% 0 1.5%;
margin: 1% auto;
background: #3867AB;
background-image: -webkit-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: -moz-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: -o-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
background-image: linear-gradient(180deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
}
#access h6 {
color: #FFF;
padding: 0 1% 0 1.5%;
margin: 2% 2% 0 2.2%;
background: #098BF5;
font-size: 1.3em;
font-weight: normal;
}
#access .timetable {
	text-align: center;
}
.access_img_box {
margin: 0 auto;
text-align: center;
}
.access_img {
display: inline-block;
width: 47%;
margin: 1%;
vertical-align: top;
}
.access_img02 {
display: block;
width: 100%;
margin: 1%;
}
.arrow {
margin: 0 auto 2%;
text-align: center;
}
.arrow .access_arrow {
-webkit-box-shadow: none;
box-shadow: none;
}
.access_img img, .access_img02 img {
width: 96% !important;
margin-bottom: 2%;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.access_img p, .access_img02 p {
margin: 2% auto;
font-size: 120%;
text-align: left;
}
.blog .choka_info .choka_info_link:link {
color: #0000ff !important;
}
.blog .choka_info .choka_info_link:visited {
color: rgb(128, 0, 128) !important;
}
#left_banner .block .mailmagazine {
margin: 2% auto 0 !important;
text-align: center;
}
#left_banner .block .mailmagazine p {
margin: 1% auto;
text-align: left;
}

@media only screen and (max-width:480px) {
.b_text, .b_text_top, .story h3.blog_title, .story h3.titleber {
font-size: 120%;
}
#calendar ul {
margin: 0 auto 0 0.5%;
}
#calendar ul li {
width: 13%;
padding: 0;
}
#footer_sitemap {
display: none;
}
ul.info_box .explanation_cap {
clear: both;
width: 100%;
text-align: left;
}
}

@media only screen and (max-width:568px) {
html {
font-size: 75%;
}
.text-left{
	text-align: left;
}
h2, h3 {
overflow: visible;
white-space: normal;
text-overflow: clip;
}
#footer_sitemap {
display: none;
}
div#wrapper {
margin: 0 auto;
padding: 0;
}
#right_col {
clear: both;
width: 100%;
}
div#images img {
max-width: 100%;
height: auto;
width /****/: auto;
}
#calendar ul li span.event1, #calendar ul li span.event2, #calendar ul li span.event3, #calendar ul li span.event4 {
font-size: 0.69em;
line-height: 1.2em!important;
text-align: left;
color: #FFF;
display: inline-block;
padding: 3px;
margin: 1px 0 0 0;
}
.day span.small {
display: block;
}
.story_back_in {
width: 100%;
margin: 0 0 1.5%;
padding-bottom: 10px;
}
ul.specialMenu li {
float: left;
margin-left: 15px;
margin-bottom: 10px;
width: 90%;
text-align: center!important;
position: relative;
list-style: none;
display: inline-block;
}
#right_col .story p img {
margin-bottom: 0;
}
#spmenus {
width: 105px;
float: right;
padding: 8px 0 0 0;
}
#spmenus li {
float: left;
list-style: none;
}
#spmenus li a {
display: block;
background: none
}
#spmenus li img {
vertical-align: top
}
#sp_header .logo {
float: left;
margin: 1.5% 2% 0;
}
.b_text_top {
font-weight: bold;
padding: 0.1% 0 0.1% 1%;
}
.story h3.blog_title, .story h3.titleber {
width: 566px!important;
color: #000!important;
margin: 0;
display: table-cell;
vertical-align: middle;
padding: 0.1% 0 0.1% 1%;
}
#right_col .story {
width: 100%;
}
#calendar ul {
margin: 0 auto 0 5px;
}
#specialMenu li {
margin-left: 15px;
margin-bottom: 0;
width: 90%;
text-align: center!important;
position: relative;
list-style: none;
display: inline-block;
}
div#wrapper {
margin: 0 auto;
padding: 0;
}
/*もっと見る*/
div.backnumber ul.sidenavi_choka li {
text-decoration: none;
display: block;
background-size: 2%;
}
.backnumber {
margin: 0 0 1%;
text-align: center;
}
#left_banner, .comm_banner, .backnumber {
width: 100%;
margin: 0;
}
#left_banner .comm_banner ul.sidenavi li, #left_banner .backnumber ul .sidenavi_choka li {
list-style: none!important;
float: left;
padding: 7px 0 7px;
margin: 0 2px;
font-size: 1.2em;
}
/*スマホ左バナー*/
.backnumber {
width: 100%;
margin: 0 0 1%;
}
h2, h3 {
overflow: visible;
white-space: normal;
text-overflow: clip;
}
#footer_sitemap {
display: none;
}
ul.info_box .explanation_cap {
clear: both;
width: 100%;
text-align: left;
}
.access_img p {
text-align: left;
}
.flow li.day_flow, .flow li.day_flow2, .flow_information li.day_flow {
width: 22%;
}
.sph5{
	font-size: 14px;
}
}

@media only screen and (max-width:610px) {
.story h4.fune, .story h4.fune2 {
margin: 2.5% 0 0 1% !important
}
#calendar ul {
margin: 0 auto 0 5px;
}
.story h3.blog_title, .story h3.titleber {
width: 608px!important;
color: #000!important;
margin: 0;
display: table-cell;
vertical-align: middle;
}
ul.info_box .explanation_cap {
clear: both;
width: 100%;
text-align: left;
}
}

@media only screen and (max-width:768px) {
.comm_banner, #footer_sitemap, .backnumber img, .left_con, #address, .navi_flame, #fb_info, #line {
display: none;
}
#sliderMenu {
margin: 0 auto 0;
padding: 0;
width: 100%;
}
.flex-control-nav {
bottom: -33px!important;
}
div#boxArea {
clear: both;
float: none;
margin: 0 auto;
}
#social_box {
clear: both;
float: none;
margin: 5% 0 0 0;
padding: 0;
position: relative;
overflow: hidden;
}
.left_con_sp {
display: block;
}
div#wrapper {
margin: 0 auto;
padding: 5px 0 0;
max-width: 1050px;
width: 100%;
}
.left_con {
background: #000;
padding: 5px 0 5px 10px;
color: #FFF;
width: 100%;
float: left;
margin: 0 0 5px 0;
}
table#seasonfish, table.chargefish {
border-collapse: collapse;
border-top: none;
border-right: none;
border-bottom: 1px solid #999;
border-left: none;
}
div.blog_page {
height: 20px;
width: 100%;
font-size: 1em;
color: #000;
padding: 1.1% 0 0;
text-align: center;
}
div#left_banner .banner_in {
background: #FFF;
}
.story .map iframe {
border: none!important;
margin: 3% auto 1% auto;
text-align: center;
width: 95%;
height: 300px;
}
.sp_address {
display: inline-block;
width: 98%;
margin: 1%;
vertical-align: top;
}
/**fb**/
#sp_fbinfo {
height: 500px;
width: 100%;
font-size: 1em;
color: #000;
padding: 1.1% 0 0;
text-align: center;
}
/**年間の釣り物**/
#seasonfish {
display: none;
}
table#seasonfish_sp {
border-collapse: collapse;
border-top: none;
border-right: none;
border-bottom: 1px solid #999;
border-left: none;
margin: 0 auto;
width: 96%;
text-align: center;
}
table#seasonfish_sp td, table#seasonfish_sp th {
padding: 3px 12px;
font-weight: normal;
}
table#seasonfish_sp th {
border: none;
border: 1px solid #999;
font-size: 14px;
background: #CFCFCF;
padding: 1% 0;
text-align: center;
}
table#seasonfish_sp td {
border-bottom: 1px solid #999;
background: #FFF;
}
table#seasonfish_sp th.season {
font-size: 1em;
padding: 0;
}
table#seasonfish_sp td.season {
background: #FFF;
border: 1px solid #999;
padding: 2px 5px;
text-align: center;
font-weight: bold;
}
table#seasonfish_sp td.seasonfishname {
font-weight: bold;
font-size: 1.2em;
text-align: center;
padding: 1.5% 2%;
border-left: 1px solid #999;
}
/********************************/

ul.info_box .explanation {
width: 100%;
}
ul.info_box li.information {
text-align: center;
display: block;
float: none;
width: 100%;
}
ul.info_box .information img {
text-align: center;
display: inline-block;
float: none;
}
ul.info_box .information .imgbox {
float: none;
width: 100%;
display: block;
margin: 0 auto;
text-align: center;
}
ul.info_box .information .imgbox img {
display: inline-block;
float: none;
}
ul.info_box .explanation_img {
width: 75%;
display: inline-block;
vertical-align: top;
margin: 0 2% 0 0;
}
ol#pageNavi {
max-width: 768px;
display: inline-block;
font-size: 100%;
padding: 0.5% 0 0;
margin: 0;
list-style-type: none;
width: auto;
float: left;
}
ol#pageNavi li {
margin: 0;
color: #3867AB;
padding: 0 3px;
text-align: left;
z-index: 100;
}
ol#pageNavi li a {
text-decoration: underline;
text-align: left;
z-index: 100;
}
ol#pageNavi li:before {
content: "  > ";
color: #666;
}
ol#pageNavi li:first-child:before {
content: none;
}
#main_contents #main_header_blog h1 {
margin: 15px 0 0 15px;
}
#spmenus {
/* width: 105px; */
width: 165px;
float: right;
padding: 5px 0 0 0;
}
#spmenus li {
float: left;
/* width: 40px; */
width: 60px;
height: 45px;
list-style: none;
}
#spmenus li a {
display: block;
background: none
}
#spmenus li img {
/* width: 45px; */
width: 60px;
height: auto;
vertical-align: top
}

@media only screen and (max-width:320px) {
	#spmenus {
		width: 40%;
		}
		#spmenus li {
		width: 40px;
		}
		#spmenus li img {
		width: 40px;
		}
}

#main_contents #main_header img {
margin: 0 auto 0;
text-align: center;
}
div.pc_blue_title {
width: auto;
display: block;
line-height: 35px;
padding: 0;
}
#right_col .sp_story h3 {
padding: 0;
margin: 0;
}
#right_col .sp_story p {
margin: 10px;
padding: 0;
color: #333;
line-height: 1.6;
}
.day_next {
margin-left: 0;
}
.backnumber {
width: 100%;
margin: 0 0 1%;
text-align: center;
padding: 0;
}
#left_banner .block {
width: 100%;
margin: 1% 0 0;
text-align: center;
padding: 0;
}
/*ヘッダー**********************************************************************/
#sp_header {
display: block;
background: #fff;
margin: 0;
width: 100%;
position: relative;
z-index: 999;
padding: 1% 0;
}
#sp_header .logo {
float: left;
margin: 2.2% 1% 0 1.5%;
}
#sp_header .logo img {
vertical-align: bottom;
min-width: 70%;
}
/*左カラム*********************************************************************/
#left_col {
display: block;
width: 100%;
}
/* ランダム *******************************************************************/
div#recomendarea {
width: 100%;
margin: 0 auto 1% !important;
text-align: center;
padding: 6px 0 0;
display: inline-block;
}
div#recomendarea .recomendblock {
clear: both;
overflow: auto;
color: #666;
}
div.recomendleft {
float: left;
display: block;
margin: 0 0 5px 0;
width: 98%;
}
div.recomendleft #pickup {
width: 96%;
display: inline-block;
}
div.recomendleft #pickup img {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#list_news dl.choka_list {
width: 96%;
border-bottom: #CCC dashed 1px;
padding: 2% 0;
margin: 0 3%;
float: left;
}
/*左カラム***************************************************************************/
#right_col {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
/*もっと見る***************************************************************************/
#left_banner, .comm_banner, .backnumber {
width: 100%;
margin: 0;
padding-bottom: 1%;
}
div.backnumber ul#list1, div.backnumber ul#list2 {
width: 100%!important;
display: inline-block;
}
#left_banner .backnumber ul .sp_sidenavi_choka li {
width: 100%!important;
list-style: none;
float: left;
padding: 7px 0 7px;
margin: 0 2px;
font-size: 1.2em;
}
div.backnumber ul.sidenavi_choka a li {
text-decoration: none;
display: block;
background-size: 2%;
}
div.backnumber ul.sidenavi_choka a li:hover {
background-size: 2%;
}
div.backnumber p {
color: #000;
}
div#topagetop {
position: relative;
z-index: 20;
clear: both;
width: 100%;
margin: 20px auto 0;
padding: 0;
text-align: right;
height: 20px;
}
div#copyright {
margin: 0 0 0 0;
padding: 0px 0!important;
float: left;
width: 100%;
text-align: center;
color: #333;
font-size: 0.8em!important;
}
ul.info_box .explanation_cap {
clear: both;
width: 96% !important;
text-align: left;
}
#left_banner .block .mailmagazine {
margin: 0 auto;
text-align: center;
}
#left_banner .block .mailmagazine img {
width: 45% !important;
}
#left_banner .block .mailmagazine p {
width: 96%;
}
#left_banner .weather {
display: block;
margin: 1% auto;
width: 75%;
}
#left_banner .holiday {
display: block;
margin: 1% auto;
width: 65%;
}
#sp_line {
display: block;
width: 100%;
margin: 5px 0 3%;
float: left;
padding: 1.5% 0 0 0;
background: #FFFFFF;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
text-align: center;
}
}

@media only screen and (min-width:768px) {
#seasonfish_sp, #sp_fbinfo, #sp_line {
display: none;
}
.sp_fbinfo {
display: none;
}
}

@media only screen and (max-width:890px) {
#calendar ul {
margin: 0 auto 0 5px;
}
}

@media print {
.no_print {
display: none;
}
}
.bkh5{
	color: #FFF;
    font-size: 1.2em!important;
    font-weight: bold!important;
    padding: 1.5% 1% 0 1.5%;
    margin-bottom: 2%!important;
	background: #3867AB;
    background-image: -webkit-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(89,163,211,1.00) 0%, rgba(15,100,155,1.00) 100%);
}
.sph5{
	font-size: 14px;
}


.text-center {
	text-align: center;
}
.bigger {
	font-size: 1.4em !important;
}