@charset "UTF-8";
/* CSS Document */

body {
    width: 100%;
    height: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 12px;
}

/* ------------------------------------- /
/   top
/* ------------------------------------- */

/*  header
/*--------------------------------- */
.header {
    overflow: hidden;
}
.header-top {
    width: 100%;
    padding: 50px 0;
    background-image: url(../img/header-bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.header-top img{
    margin: 0 auto;
}
.header-boxl {
    width: 130px;
    margin: 50px auto;
}
.header-boxl h1{
    margin: 20px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.header-boxl p{
    font-size: 12px;
    text-align: center;
    color: #595757;
}
.header-boxc {
    width: 100%;
}
.header-boxc img{
    margin: 0 auto;
}
.header-boxr {
    width: 140px;
    height: 234px;
    margin: auto;
    text-indent: -9999px;
    background-image: url(../img/header-sentence.png);
    background-repeat: no-repeat;
    background-size: 140px;
}

@media (max-width: 480px){
    .header-top {
        width: 100%;
        padding: 50px 0 20px 0;
        background-image: url(../img/header-bk.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .header-boxl {
        width: 100px;
        margin: 25px auto;
    }
    .header-boxl h1{
        margin-top: 20px;
        font-size: 12px;
        font-weight: bold;
    }
    .header-boxl p{
        font-size: 10px;
        text-align: center;
        color: #595757;
    }
    .header-boxc {
        width: 50px;
        margin: 0 auto;
    }
    .header-boxc img{
        width: 100%;
        margin: 0 auto;
    }
    .header-boxr {
        width: 100px;
        height: 200px;
        margin: auto;
        text-indent: -9999px;
        background-image: url(../img/header-sentence.png);
        background-repeat: no-repeat;
        background-size: 100px;
    }
}



/*  nav
/*--------------------------------- */
.navbar {
    width: 100%;
    position: relative;
    overflow: hidden;
    top: -50px;
}
#subheader .navbar {
    width: 100%;
    position: relative;
    overflow: hidden;
    top: 0;
}
.navbar-nav {
    width: 870px;
    margin: 15px auto;
    overflow: hidden;
}
.navbar-nav li{
    font-size: 13px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    border-right: 1px solid #fff;
}
.nav-sticky {
    z-index: 10;
}
li.b-none {
    border-right: none;
}
.menu {
    display: none;
}

/*  nav @media
/*--------------------------------- */
@media (max-width: 1200px){
    .navbar-nav {
        width: 100%;
        margin: 0;
    }
    .navbar-nav li{
        width: 100%;
        border-right: none;
        text-align: center;
        border-bottom: 1px dashed #333;
    }
    .menu {
        display: block;
        position: relative;
        text-align: right;
        margin-top: 15px;
        font-size: 16px;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        color: #fff;
    }
}
@media (max-width: 768px){
    .navbar-nav li{
        width: 100%;
        border-right: none;
        text-align: center;
        border-bottom: 1px dashed #ccc;
    }
}

/*  information
/* --------------------------------- */
.info-area {
    width: 100%;
    margin-top: -50px;
    padding: 100px 0 100px 0;
    background-image: url(../img/info-bk2.jpg), url(../img/info-bk3.jpg), url(../img/info-bk4.jpg), url(../img/info-bk5.jpg), url(../img/info-bk.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, top right, bottom left, bottom right, center;
    background-size: 500px, 500px, 401px, 703px, cover;
    overflow: hidden;
}
.info-area h2{
    width: 700px;
    height: 20px;
    margin: 0 auto;
    background-image: url(../img/info-title.jpg);
    background-repeat: no-repeat;
    background-size: 700px;
    text-indent: -9999px;
}
.info-area h3{
    margin: 4px 0 35px 0;
    text-align: center;
    font-family: Century Gothic, sans-serif;
    color: #C9C8BD;
}
.info-area img{
    margin: 15px auto;
}

.infobox {
    margin: 0 0 50px;
}
.infobox .txt {
    max-width: 900px;
    padding: 40px 50px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ccc;
}
.infobox .txt p{
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.infobox .txt p.title {
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
}
.info_btn {
    max-width: 280px;
    margin: 30px auto 0;
}
.info_btn a{
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #009FD2;
    border: 1px solid #ccc;
}
.info_btn a:hover{
    font-weight: bold;
    border: 1px solid #009FD2;
    transition: 0.3s;
}

@media (max-width: 768px){
    .info-area {
        width: 100%;
        margin-top: -50px;
        padding: 100px 0 100px 0;
        background-image: none, none, none, none, url(../img/info-bk.jpg);
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: top left, top right, bottom left, bottom, center;
        background-size: 500px, 500px, 401px, 703px, cover;
        overflow: hidden;
        border-bottom: 1px solid #C9C8BD;
    }
    .info-area h2{
        width: 320px;
        height: 20px;
        margin: 0 auto;
        background-image: url(../img/info-title2.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
    .info-area h3{
        margin: 4px 0 50px 0;
        text-align: center;
        font-family: Century Gothic, sans-serif;
        color: #C9C8BD;
    }
    .info-area h4{
        width: 320px;
        height: 30px;
        margin: 0 auto;
        background-image: url(../img/sky-title.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
        position: relative;
        top: 170px;
    }
}

/*  news
/* --------------------------------- */
.news-left {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 3px 0;
    border-top: 1px solid #80CDE8;
    border-bottom: 1px solid #80CDE8;
}
.news-left-in {
    width: 100%;
    padding: 57px 0;
    border-top: 1px solid #C9C8BD;
    border-bottom: 1px solid #C9C8BD;
}
.news-left-in img{
    margin: 0 auto;
}
.news-button {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 3px 25px;
    border: 1px solid #C9CACA;
    background-color: #fff;
}
.news-button p{
    font-size: 14px;
    color: #009FD2;
    float: left;
    margin-right: 10px;
}
.news-button img{
    margin: 5px auto;
}

.news-right{
    width: 100%;
    height: 330px;
    margin: 50px 0 30px 0;
    overflow-y: scroll;
}
.news-right a{
    color: #337ab7;
}
.news-right a:hover{
    color: #009FD2;
}
.news-right img{
    margin: 3px auto;
}
.news-right table{
    width: 100%;
    table-layout: fixed;
}
.news-right tr{
    display: block;
    border-top: 1px dashed #C9C8BD;
}
.news-right td{
    padding: 10px 0;
    font-size: 14px;
    color: #696B68;
}
.news-right tr.news-bottom {
    border-bottom: 1px dashed #C9C8BD;
}
.news-button2 {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 15px;
    border: 1px solid #C9CACA;
    background-color: #fff;
    border-radius: 5px;
}
.news-button2 p{
    font-size: 14px;
    color: #009FD2;
    float: left;
    margin-right: 10px;
}
.news-button2 img{
    margin: 5px auto;
}
.info-area h4{
    width: 700px;
    height: 30px;
    margin: 0 auto;
    background-image: url(../img/sky-title.png);
    background-repeat: no-repeat;
    background-size: 700px;
    text-indent: -9999px;
    position: relative;
    top: 70px;
}
.info-area h5{
    margin: 7px 0 0 0;
    text-align: center;
    font-family: Century Gothic, sans-serif;
    color: #C9C8BD;
    position: relative;
    top: 60px;
}
@media (max-width: 768px){
    .info-area h4{
        width: 177px;
        height: 30px;
        margin: 0 auto;
        background-image: url(../img/sky-title-s.png);
        background-repeat: no-repeat;
        background-size: 177px;
        text-indent: -9999px;
        position: relative;
        top: 70px;
    }
    .news-right{
        width: 100%;
        height: 250px;
        margin: 50px 0 30px 0;
        overflow-y: scroll;
    }
}


/*  movie
/* --------------------------------- */
.movie-area {
    width: 100%;
    height: 680px;
    background-image: url(../img/movie-bk.png), url(../img/movie-bk.png),url(../img/miyagawa_sky2.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 100%, 100%, cover;
    background-position: top, bottom, center;
}
/* .big-background {
    width: 100%;
    height: 630px;
    background-attachment: scroll;
}
.pattern {
    position: relative;
    width: 100%;
    height: 630px;
    top:25px;
} */
@media (max-width: 768px){
	.movie-area {
		width: 100%;
		height: 680px;
		background-image: url(../img/movie-bk.png), url(../img/movie-bk.png),url(../img/smartphonebk.jpg);
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 100%, 100%, cover;
		background-position: top, bottom, center;
	}
    /* .pattern {
        position: relative;
        width: 100%;
        height: 630px;
        top:25px;
        background-image: url(../img/smartphonebk.jpg);
        background-attachment: fixed;
    } */
}

/* ------------------------------------- /
/   footer-area
/* ------------------------------------- */
/*  link
/* --------------------------------- */
.link-area {
    width: 100%;
    padding: 70px 0 50px 0;
}
.link-area h2{
    width: 700px;
    height: 20px;
    margin: 0 auto;
    background-image: url(../img/link-title.png);
    background-repeat: no-repeat;
    background-size: 700px;
    text-indent: -9999px;
}
.link-area h3{
    margin: 4px 0 50px 0;
    text-align: center;
    font-family: Century Gothic, sans-serif;
    color: #C9C8BD;
}
.link-area img{
    margin: 0 auto 30px;
}
.link-area2 {
    width: 100%;
    padding: 70px 0 50px 0;
    border-top: 1px solid #9F9C7C;
}
.link-area2 h2{
    width: 700px;
    height: 20px;
    margin: 0 auto;
    background-image: url(../img/link-title.png);
    background-repeat: no-repeat;
    background-size: 700px;
    text-indent: -9999px;
}
.link-area2 h3{
    margin: 4px 0 50px 0;
    text-align: center;
    font-family: Century Gothic, sans-serif;
    color: #C9C8BD;
}
.link-area2 img{
    margin: 0 auto 30px;
}
@media (max-width: 768px){
    .link-area h2{
        width: 320px;
        height: 20px;
        margin: 0 auto;
        background-image: url(../img/link-title2.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
    .link-area2 h2{
        width: 320px;
        height: 20px;
        margin: 0 auto;
        background-image: url(../img/link-title2.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
}

/*   footer
/* ------------------------------------- */
.footer-area {
    padding-bottom: 20px;
    background-image: url(../img/footer-bk.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.footer-top{
    padding: 30px 0;
    border-top: 1px solid #9F9C7C;
    border-bottom: 1px solid #9F9C7C;
}
.footer-menu p{
    text-align: left;
    margin: 20px 0;
}
.footer-menu span{
    font-size: 11px;
    color: #9F9C7C;
}
.footer-menu a{
    color: #595757;
}
.footer-menu a:hover{
    color: #2EA7E0;
    transition: .6s;
}
.footer-menu-box {
    width: 135px;
    margin: 0 auto;
}
.footer-bottom {
    padding: 20px 0;
    border-bottom: 1px solid #9F9C7C;
}
.footer-box img{
    margin: 0 auto;
}
.footer-boxl {
    width: 130px;
    margin: 0 auto;
    padding-top: 10px;
}
.footer-boxl img{
    margin: 0 auto;
}
.footer-boxl h2{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}
.footer-boxr {
    width: 250px;
    margin: 0 auto;
    padding: 30px 0 30px 0;
}
.footer-boxr p{
    font-size: 12px;
    color: #595757;
    margin: 4px 0;
}
.footer-boxr a{
    color: #595757;
}
.footer-boxr a:hover{
    color: #2EA7E0;
    transition: .6s;
}
.footer-tel {
    margin-top: 50px;
}
.footer-mail {
    margin-top: 50px;
}
@media (max-width: 768px){
    .footer-menu {
        width: 50%;
        margin: 0 auto;
    }
    .footer-box {
        width: 70%;
        margin: 0 auto;
    }
    .footer-tel {
        margin-top: 0;
    }
    .footer-mail {
        margin-top: 20px;
    }
}


/*  copy
/*--------------------------------- */
.copy {
    padding: 20px 50px 0 0;
    text-align: right;
    font-size: 10px;
    color: #9F9C7C;
    vertical-align: bottom;
}
@media (max-width: 768px){
    .copy {
        padding: 20px 0 0 0;
        text-align: center;
        font-size: 10px;
    }
}

/* ------------------------------------- /
/   釣り情報・遊漁券 fishinginfo
/* ------------------------------------- */
.header-top-2 {
    width: 100%;
    padding: 20px 0;
    background-image: url(../img/header-bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.header-top-2 img{
    margin: 0 auto;
}
.header-box-1 {
    width: 130px;
    margin: 0 auto;
}
.header-box-1 h1{
    margin: 20px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.header-box-2 {
    margin-top: 10px;
}
.fishinginfo-area {
    width: 100%;
    padding: 100px 0 30px 0;
    background-image: url(../fishinginfo/img/fishimginfo-bk01.png),
                      url(../fishinginfo/img/fishimginfo-bk02.png),
                      url(../fishinginfo/img/fishimginfo-bk03.png),
                      url(../fishinginfo/img/fishimginfo-bk04.png),
                      url(../fishinginfo/img/fishimginfo-bk05.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left top, right 750px, right 1600px, right 2350px, left bottom;
    background-size: 153px, 909px, 280px, 153px, 117px;
}
.fishinginfo-area h2{
    width: 1000px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../fishinginfo/img/fishimginfo-title.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    text-indent: -9999px;
}
.content-img {
    margin: 50px 0 20px 0;
}

.fishingrule {
    width: 85%;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    border-top: 1px solid #9F9C7C;
}
.fishingrule h3{
    width: 196px;
    height: 30px;
    text-align: left;
    background-image: url(../fishinginfo/img/fishimginfo-title2.png);
    background-repeat: no-repeat;
    background-size: 196px;
    text-indent: -9999px;
}
.fishingrule table{
    width: 64%;
}
.fishingrule td{
    font-size: 14px;
    padding: 10px;
}
.fishingrule li{
    padding: 5px;
}
.fishingrule2 {
    width: 85%;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    border-top: 1px solid #9F9C7C;
}
.fishingrule2 h3{
    width: 444px;
    height: 30px;
    text-align: left;
    background-image: url(../fishinginfo/img/fishimginfo-title3.png);
    background-repeat: no-repeat;
    background-size: 444px;
    text-indent: -9999px;
}
.fishingrule2 table{
    width: 64%;
}
.fishingrule2 td{
    font-size: 14px;
    padding: 10px;
}
.fishingrule2 li{
    padding: 5px;
}
.fishingrule3 {
    width: 85%;
    margin: 0 auto;
    padding: 30px 0 30px 0;
    border-top: 1px dashed #9F9C7C;
}
.fishingrule3 ul{
    width: 64%;
}
.fishingrule3 li{
    padding: 5px;
    text-indent:-1em;
    padding-left:1em;
    font-size: 14px;
}
.fishingrule4 {
    width: 85%;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    border-top: 1px solid #9F9C7C;
    border-bottom: 1px solid #9F9C7C;
}
.fishingrule4 p{
    font-size: 14px;
}
.fishingrule-box {
    padding-right: 30px;
    border-right: 1px solid #9F9C7C;
}
.fishingrule-box h3{
    width: 404px;
    height: 30px;
    text-align: left;
    background-image: url(../fishinginfo/img/fishimginfo-title4.png);
    background-repeat: no-repeat;
    background-size: 404px;
    text-indent: -9999px;
}
.fishingrule-box table{
    width: 100%;
}
.fishingrule-box tr{
    border-bottom: 1px dashed #00A0E9;
}
.fishingrule-box td{
    font-size: 14px;
    padding: 10px 0 3px 0;
}
.fishingrule-box2 h3{
    width: 182px;
    height: 30px;
    text-align: left;
    background-image: url(../fishinginfo/img/fishimginfo-title5.png);
    background-repeat: no-repeat;
    background-size: 182px;
    text-indent: -9999px;
}
.fishingrule-box2 table{
    width: 100%;
}
.fishingrule-box2 tr{
    border: 1px solid #00A0E9;
}
.fishingrule-box2 td{
    font-size: 14px;
    padding: 10px 20px 3px 20px;
    text-align: center;
    border: 1px solid #00A0E9;
}
.border-red {
    width: 90px;
    height: 7px;
    background-color: #D63428;
    margin: 30px 0;
}
.amego {
    margin-top: 30px;
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.tiayu {
    margin-top: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 18px!important;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.mituryou {
    margin: 30px auto;
    width: 85%;
}
.mituryou img{
    float: right;
}
.info_button {
    width: 80%;
    margin: 20px auto;
}

@media (max-width: 768px){
    .fishinginfo-area h2{
        width: 320px;
        height: 53px;
        margin: 0 auto;
        background-image: url(../fishinginfo/img/fishimginfo-title-s.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
    .fishingrule h3{
        width: 147px;
        height: 30px;
        text-align: left;
        background-image: url(../fishinginfo/img/fishimginfo-title2.png);
        background-repeat: no-repeat;
        background-size: 147px;
        text-indent: -9999px;
    }
    .fishingrule2 h3{
        width: 333px;
        height: 30px;
        text-align: left;
        background-image: url(../fishinginfo/img/fishimginfo-title3.png);
        background-repeat: no-repeat;
        background-size: 333px;
        text-indent: -9999px;
    }
    .fishingrule-box h3{
        width: 303px;
        height: 30px;
        text-align: left;
        background-image: url(../fishinginfo/img/fishimginfo-title4.png);
        background-repeat: no-repeat;
        background-size: 303px;
        text-indent: -9999px;
    }
    .fishingrule-box2 h3{
        width: 137px;
        height: 30px;
        text-align: left;
        background-image: url(../fishinginfo/img/fishimginfo-title5.png);
        background-repeat: no-repeat;
        background-size: 137px;
        text-indent: -9999px;
    }
    .fishingrule {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0 30px 0;
        border-top: 1px solid #9F9C7C;
    }
    .fishingrule table{
        width: 100%;
    }
    .fishingrule2 {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0 30px 0;
        border-top: 1px solid #9F9C7C;
    }
    .fishingrule2 table{
        width: 100%;
    }
    .fishingrule3 {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 30px 0;
        border-top: 1px dashed #9F9C7C;
    }
    .fishingrule3 ul{
        width: 100%;
    }
    .fishingrule4 {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0 30px 0;
        border-top: 1px solid #9F9C7C;
        border-bottom: 1px solid #9F9C7C;
    }
    .fishingrule-box {
        padding-right: 0;
        border-right: none;
    }
    .fishingrule-box2 {
        margin-top: 30px;
    }
}

/* ------------------------------------- /
/   釣り場案内 fishingspot
/* ------------------------------------- */
.fishingspot-area {
    width: 100%;
    padding: 100px 0 50px 0;
}
.fishingspot-area h2{
    width: 1000px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../fishingspot/img/fishimgspot-title.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    text-indent: -9999px;
}
.fishingspot-area .content-img {
    margin: 0 0 30px 0;
}
.fishingspot-area .content-img img{
    margin: 0 auto;
}
.fishingspot-area2 {
    width: 100%;
    padding: 50px 0;
    background-image: url(../img/footer-bk.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.fishingarea-box h3{
    width: 217px;
    height: 31px;
    text-align: left;
    background-image: url(../fishingspot/img/fishimgspot-title2.png);
    background-repeat: no-repeat;
    background-size: 196px;
    text-indent: -9999px;
}
.fishingarea-box h4{
    width: 125px;
    height: 31px;
    text-align: left;
    background-image: url(../fishingspot/img/fishimgspot-title3.png);
    background-repeat: no-repeat;
    background-size: 125px;
    text-indent: -9999px;
}
.fishingarea-box h5{
    width: 124px;
    height: 31px;
    text-align: left;
    background-image: url(../fishingspot/img/fishimgspot-title4.png);
    background-repeat: no-repeat;
    background-size: 124px;
    text-indent: -9999px;
}
.mapinfo {
    width: 85%;
    margin: 0 auto;
    padding: 0 0 30px 0;
}
.fishingarea-box {
    width: 100%;
    margin-bottom: 30px;
}
.fishingarea-box table{
    width: 100%;
}
.fishingarea-box td{
    font-size: 18px;
    padding: 5px 0 5px 0;
    vertical-align: middle;
}
.fishingarea-box span{
    font-size: 17px;
    font-weight: bold;
    color: #E60012;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.fishingarea-box b{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.fishingrule-box a:hover{
    color: #E60012;
}
.mapinfo2 {
    width: 85%;
    margin: 30px auto;
    padding: 50px 0 30px 0;
    border-top: 1px solid #9F9C7C;
}
.sanran {
    font-size: 18px;
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.button {
    width: 100px;
    background-color: #2EA7E0;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.map-area-title {
    font-size: 24px;
    color: #00A0E9;
}
@media (max-width: 768px){
    .fishingspot-area h2{
        width: 320px;
        height: 53px;
        margin: 0 auto;
        background-image: url(../fishingspot/img/fishimgspot-title-s.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
    .mapinfo {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 30px 0;
    }
    .mapinfo2 {
        width: 100%;
        margin: 30px auto;
        padding: 50px 0 30px 0;
        border-top: 1px solid #9F9C7C;
    }
}


/* ------------------------------------- /
/   宮川について miyagawa
/* ------------------------------------- */
.miyagawa-area {
    width: 100%;
    padding: 100px 0 50px 0;
    background-image: url(../miyagawa/img/miyagawa-bk1.png),
                      url(../miyagawa/img/miyagawa-bk2.png),
                      url(../miyagawa/img/miyagawa-bk3.png),
                      url(../miyagawa/img/miyagawa-bk4.png),
                      url(../miyagawa/img/miyagawa-bk5.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 40% 650px, 90% 870px, right 1300px, right 1950px, left bottom;
    background-size: 205px, 120px, 250px, 225px, 250px;
}
.miyagawa-area h2{
    width: 1000px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../miyagawa/img/miyagawa-title.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    text-indent: -9999px;
}
.about-text h3{
    font-size: 36px;
    line-height: 1.5em;
    color: #009FD2;
    margin-bottom: 50px;
}
.about-text p{
    width: 95%;
    font-size: 14px;
    line-height: 1.8em;
    color: #595757;
}
.about-text p span{
    font-size: 10px;
    line-height: 1;
}
.about-box {
    width: 100%;
    padding: 70px 0 70px 0;
}
.about-box2 {
    width: 100%;
    padding: 70px 0 70px 0;
    border-top: 1px solid #9F9C7C;
}
.about-box3 {
    width: 100%;
    padding: 70px 0 0 0;
    border-top: 1px solid #9F9C7C;
}
.about-text2 p{
    width: 70%;
    font-size: 14px;
    line-height: 1.8em;
    color: #595757;
}
.line {
    border: 1px solid #ccc;
}

@media (max-width: 768px){
    .miyagawa-area h2{
        width: 320px;
        height: 53px;
        margin: 0 auto;
        background-image: url(../miyagawa/img/miyagawa-title-s.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
}

/* ------------------------------------- /
/   釣果情報 diary
/* ------------------------------------- */
.diary-area {
    width: 100%;
    padding: 100px 0 50px 0;
    background-image: url(../diary/img/diary-bk01.png),
                      url(../diary/img/diary-bk02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right 300px, left bottom;
    background-size: 500px, 500px;
}
.diary-area h2{
    width: 1000px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../diary/img/diary-title.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    text-indent: -9999px;
}
.diary-area h3{
    font-size: 19px;
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    padding-bottom: 20px;
}
.mail {
    width: 100%;
    padding-bottom: 50px;
}
.mailtext {
    font-size: 18px;
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color: #66BCCD;
    text-align: right;
    padding-top: 17px;
}
.mailtext2 {
    font-size: 12px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    padding: 0 0 0 50px;
}
.diary-box {
    width: 85%;
    margin: 0 auto;
    padding: 50px 0;
    border-top: 1px solid #00A0E9;
}
.diary-box2 {
    width: 85%;
    margin: 0 auto;
    padding: 50px 0;
    border-top: 1px solid #00A0E9;
    border-bottom: 1px solid #00A0E9;
}
.diary-text1 {
    background-image: url(../diary/img/ayu.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 75% 0;
}
.diary-text1 li{
    font-size: 14px;
    line-height: 1.8em;
}
.diary-text1 li a{
    color: #337ab7;
}
.diary-text1 li a:hover{
    color: #ccc;
}
.diary-text2 {
    background-image: url(../diary/img/amego.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 60% 0;
}
.diary-text2 li{
    font-size: 14px;
    line-height: 1.8em;
}
.diary-text3 {
    background-image: url(../diary/img/unagi.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 60% 0;
}
.diary-text3 li{
    font-size: 14px;
    line-height: 1.8em;
}
.diary-text4 {
    background-image: url(../diary/img/amago.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 60% 0;
}
.diary-text4 li{
    font-size: 14px;
    line-height: 1.8em;
}
.number {
    font-size: 23px!important;
    color: #66BCCD;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
@media (max-width: 768px){
    .diary-area h2{
        width: 320px;
        height: 53px;
        margin: 0 auto;
        background-image: url(../diary/img/diary-title-s.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
    .diary-area h3{
        font-size: 17px;
        text-align: center;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        padding-bottom: 20px;
    }
    .mailtext {
        font-size: 18px;
        font-weight: bold;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        color: #66BCCD;
        text-align: center;
        padding-top: 17px;
    }
    .mail img{
        margin: 0 auto;
    }
    .diary-box {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
        border-top: 1px solid #00A0E9;
    }
    .diary-box2 {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
        border-top: 1px solid #00A0E9;
        border-bottom: 1px solid #00A0E9;
    }
    .diary-text1 {
        background-image: url(../diary/img/ayu.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: right 0;
    }
    .diary-text2 {
        background-image: url(../diary/img/amego.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: right 0;
        margin-top: 30px;
    }
    .diary-text3 {
        background-image: url(../diary/img/unagi.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: right 0;
    }
}


/* ------------------------------------- /
/   レジャー情報 leisure
/* ------------------------------------- */
.leisure-area {
    width: 100%;
    padding: 100px 0 50px 0;
    background-image: url(../leisure/img/asobu-bk1.png),
                      url(../leisure/img/asobu-bk2.png),
                      url(../leisure/img/asobu-bk3.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: right top, left 1000px, right bottom;
    background-size: 600px, 800px, 1000px;
}
.leisure-area h2{
    width: 1000px;
    height: 45px;
    margin: 0 auto;
    background-image: url(../leisure/img/leisure-title.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    text-indent: -9999px;
}
.leisure-area h3{
    font-size: 19px;
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    padding-bottom: 20px;
    color: #696B68;
}
.left-img {
    width: 100%;
}
.left-img img{
    margin: 0 auto;
}
.asobu-box {
    width: 100%;
    margin-top: 30px;
}
.asobu-box img{
    margin: 0 auto;
}
.asobu-text {
    width: 100%;
}
.asobu-text .icon {
    width: 120px;
    padding: 3px 0 5px;
    background-color: #13AE67;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-family: 'Century Gothic',sans-serif;
    text-align: center;
}
.asobu-text h4{
    width: 80%;
    padding: 30px 0 15px;
    font-size: 26px;
    border-bottom: 1px solid #13AE67;
}
.asobu-text h5{
    width: 95%;
    padding: 10px 0 0 0;
    font-size: 18px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color: #69BD83;
}
.asobu-text p{
    width: 100%;
    font-size: 14px;
    color: #595757;
}
.borderdashed {
    width: 80%;
    margin: 50px auto;
    border-top: 1px dashed #00A0E9;
}
.damu1 {
    font-size: 19px;
    color: #E83828;
    margin-top: 30px;
}
.damu2 {
    font-size: 14px;
    color: #595757;
}
.damu2 a{
    color: #2EA7E0;
}
.damu2 a:hover{
    color: #ccc;
    transition: .6s;
}
@media (max-width: 992px){
    .left-img {
        display: none;
    }
}
@media (max-width: 768px){
    .leisure-area h2{
        width: 320px;
        height: 45px;
        margin: 0 auto;
        background-image: url(../leisure/img/leisure-title-s.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
    .leisure-area h3{
        font-size: 16px;
        text-align: center;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        padding-bottom: 20px;
        color: #696B68;
    }
}





/* ------------------------------------- /
/   組織案内・アクセス about
/* ------------------------------------- */
.about-area {
    width: 100%;
    padding: 100px 0 50px 0;
    background-image: url(../fishinginfo/img/fishimginfo-bk04.png),
                      url(../miyagawa/img/miyagawa-bk1.png),
                      url(../miyagawa/img/miyagawa-bk2.png),
                      url(../miyagawa/img/miyagawa-bk3.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: right top, 90% 400px, 75% 950px, right 1300px;
    background-size: 153px, 205px, 120px, 250px;
}
.about-area h2{
    width: 1000px;
    height: 50px;
    margin: 0 auto;
    background-image: url(../about/img/about-title.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    text-indent: -9999px;
}
.organization-box {
    width: 87%;
    margin: 0 auto;
    padding: 50px 0;
}
.organization-box h3{
    font-size: 27px;
    padding-bottom: 50px;
}
.organization-box h4{
    font-size: 25px;
    color: #00A0E9;
    padding-bottom: 20px;
}
.organization-box p{
    font-size: 14px;
    font-weight: bold;
    color: #231815;
    padding-left: 10px;
}
.organization-box p{
    font-size: 14px;
    font-weight: bold;
    color: #231815;
    padding-left: 10px;
}
.organization-box ul{
    width: 92%;
    border-bottom: 1px solid #B5B5B6;
}
.right-box {
    width: 100%;
    height:500px;
    border-left: 1px solid #231815;
}
.border-01 {
    width: 35px;
    height: 8px;
    margin-bottom: 20px;
    background-color: #433A75;
}
.border-02 {
    width: 35px;
    height: 8px;
    margin-bottom: 20px;
    background-color: #CE4F3D;
}
.border-03 {
    width: 35px;
    height: 8px;
    margin-bottom: 20px;
    background-color: #13AE67;
}
.access-area {
    width: 100%;
    padding: 0 0 100px 0;
    background-image: url(../fishinginfo/img/fishimginfo-bk05.png);
    background-repeat: no-repeat;
    background-position: left 350px;
    background-size: 117px;
}
.access-area h2{
    font-size: 27px;
    padding-bottom: 20px;
}
.access-box {
    width: 87%;
    margin: 0 auto;
}
.address-box {
    width: 310px;
    float: right;
    margin-top: 20px;
}
.address-box .name {
    font-size: 26px;
    color: #595757;
}
.address-box .add {
    font-size: 18px;
    color: #595757;
    margin-top: 10px;
}
.address-box .contact {
    font-size: 21px;
    color: #66BCCD;
    margin-top: 20px;
}
@media (max-width: 992px){
    .organization-box h4{
        display: none;
    }
    .right-box {
        display: none;
    }
}
@media (max-width: 768px){
    .about-area h2{
        width: 320px;
        height: 50px;
        margin: 0 auto;
        background-image: url(../about/img/about-title-s.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
    .organization-box {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .organization-box ul{
        width: 100%;
        border-bottom: 1px solid #B5B5B6;
    }
    .access-box {
        width: 100%;
        margin: 0 auto;
    }
    .address-box {
        width: 320px;
        float: none;
        margin-top: 20px;
    }
}

/* ------------------------------------- /
/   サイトマップ sitemap
/* ------------------------------------- */
.sitemap-area {
    width: 100%;
    padding: 100px 0 100px 0;
}
.sitemap-area h2{
    width: 1000px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../sitemap/img/sitemap-title.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    text-indent: -9999px;
}
.sitemap-area li{
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}
.sitemap-area li a{
    color: #595757;
}
.sitemap-area li a:hover{
    color: #337ab7;
}
@media (max-width: 768px){
    .sitemap-area h2{
        width: 320px;
        height: 50px;
        margin: 0 auto;
        background-image: url(../sitemap/img/sitemap-title-s.png);
        background-repeat: no-repeat;
        background-size: 320px;
        text-indent: -9999px;
    }
}
/*  facebook
/*--------------------------------- */
/* Facebook Like Box width:100% */
.facebook {
    width: 500px;
    margin: 0 auto;
}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
    width: 100%!important;
}

@media (max-width: 768px){
    .facebook {
        width: 100%;
        margin: 0 auto;
    }
}

/*  google map
/*--------------------------------- */
.map_wrapper {
  max-width: 640px;
  min-width: 280px;
  margin: 0px auto;
  padding: 4px;
  border: 1px solid #CCC;
}
.googlemap {
    position: relative;
    padding-bottom: 70%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
#lock {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    text-align: center;
    display: none;
    opacity: 0.9;
}

/*  page-top
/*--------------------------------- */
#page-top{
    width:40px;
    height:121px;
    display:none;
    position:fixed;
    right:0;
    bottom:50px;
    z-index: 9999;
}
#page-top p:hover{
    opacity: 0.7;
}
#move-page-top{
    color:#fff;
    line-height:50px;
    text-decoration:none;
    display:block;
    cursor:pointer;
}