/* CSS Document */

html,
body {
    width: 100%;
}

@font-face {
font-family: "alata-r";
  src: url("fonts/Alata-Reg.woff") format("woff");
}

body {
    color: #000000;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    /*font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
    text-size-adjust: 100%;
    font-size: 16px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.p15 {
    padding: 0 15px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.mb05em {
    margin-bottom: 0.5em !important;
}

.mb1em {
    margin-bottom: 1em !important;
}

.mb2em {
    margin-bottom: 2em !important;
}

.mb3em {
    margin-bottom: 3em !important;
}

.mb4em {
    margin-bottom: 4em !important;
}

.pb05em {
    padding-bottom: 0.5em !important;
}

.mr0 {
    margin-right: 0 !important;
}

li {
    list-style: none;
}

p {
    text-align: justify;
    -ms-text-justify: auto;
    text-justify: auto;
    text-justify: inter-ideograph;
}

img {
    vertical-align: bottom;
    max-width: 100%;
}

.noborder {
    border: none !important;
}

.nomargin {
    margin: 0 0 !important;
}

.ta_r {
    text-align: right;
}

.ta_c {
    text-align: center;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

a {
    color: #1a1a1a;
    text-decoration: none;
}

h3,
h4,
h5,
strong,
th {
    font-weight: normal;
}

.for_en {
    display: none !important;
}

.en .for_jp {
    display: none !important;
}

.en .for_en {
    display: block !important;
}


/* 20230411追加分 */
.peacock {
    background-color:#59BFB3;
}
.sage {
    background-color:#65AD89;
}
.banana {
    background-color:#CF9911;
}
.orange {
    background-color:#E6804D;
}
.graphite {
    background-color:#737373;
}

@media (min-width:751px) {
    /*#footnav ul:last-child li:nth-child(2) { display: none; }*/

    .mb20 {
        margin-bottom: 20px !important;
    }

    .mb25 {
        margin-bottom: 25px !important;
    }

    .mb30 {
        margin-bottom: 30px !important;
    }

    .mb40 {
        margin-bottom: 40px !important;
    }

    .mb50 {
        margin-bottom: 50px !important;
    }

    .mb60 {
        margin-bottom: 60px !important;
    }

    .mb70 {
        margin-bottom: 70px !important;
    }

    .mb80 {
        margin-bottom: 80px !important;
    }

    .mb100 {
        margin-bottom: 100px !important;
    }

    .mb120 {
        margin-bottom: 120px !important;
    }

    .pt50 {
        padding-top: 50px !important;
    }

    .ls-1 {
        letter-spacing: -1px;
    }

    .ls-2 {
        letter-spacing: -2px;
    }

    .ls-3 {
        letter-spacing: -3px;
    }

    .ls-4 {
        letter-spacing: -4px;
    }

    a {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    a img {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    a:active,
    a:hover,
    a:hover img {
        opacity: 0.7;
    }

    .img_hidden {
        opacity: 0;
        transition: 1s;
    }

    .img_open {
        -moz-animation: imgfade 1s linear 0s 1 normal forwards;
        -webkit-animation: imgfade 1s linear 0s 1 normal forwards;
        -o-animation: imgfade 1s linear 0s 1 normal forwards;
        -ms-animation: imgfade 1s linear 0s 1 normal forwards;
    }

    .img_open.ih2 {
        -moz-animation: imgfade 1s linear 0.3s 1 normal forwards;
        -webkit-animation: imgfade 1s linear 0.3s 1 normal forwards;
        -o-animation: imgfade 1s linear 0.3s 1 normal forwards;
        -ms-animation: imgfade 1s linear 0.3s 1 normal forwards;
    }

    .img_open.ih3 {
        -moz-animation: imgfade 1s linear 0.6s 1 normal forwards;
        -webkit-animation: imgfade 1s linear 0.6s 1 normal forwards;
        -o-animation: imgfade 1s linear 0.6s 1 normal forwards;
        -ms-animation: imgfade 1s linear 0.6s 1 normal forwards;
    }

    .img_open.ih4 {
        -moz-animation: imgfade 1s linear 0.9s 1 normal forwards;
        -webkit-animation: imgfade 1s linear 0.9s 1 normal forwards;
        -o-animation: imgfade 1s linear 0.9s 1 normal forwards;
        -ms-animation: imgfade 1s linear 0.9s 1 normal forwards;
    }

    .img_open.ih5 {
        -moz-animation: imgfade 1s linear 1.2s 1 normal forwards;
        -webkit-animation: imgfade 1s linear 1.2s 1 normal forwards;
        -o-animation: imgfade 1s linear 1.2s 1 normal forwards;
        -ms-animation: imgfade 1s linear 1.2s 1 normal forwards;
    }

    .for_sp {
        display: none !important;
    }

    body {
        font-size: 16px;
        line-height: 20px;
    }

    .wrap {
        position: relative;
    }

    #fnav {
        height: 130px;
        width: 100%;
        position: fixed;
        top: 0;
        transition: 0.3s;
        z-index: 10000;
        background: #ffffff;
    }

    #fnav.fixed {
        top: 0;
    }

    /*#fnav_in { height: 55px; width: 100%; position: relative;
		z-index: 13000; }*/
    .cnav {
        position: relative;
        /*display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;*/
    }

    /*#fnav .menuhead { float: left; padding-top: 10px; margin-right: 30px; }*/
    .gnav {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }
    .gnav li:first-child { display: none; }
    .gnav li { margin-right: 65px; }
    .gnav li:last-child { margin-right: 45px; }
    .gnav li a {
        padding: 10px 10px 10px;
        font-size: 17px;
        text-align: center;
        position: relative;
        display: inline-block;
        text-decoration: none;
        font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    }
    .gnav li a span {
        color: #598cdb;
        font-size: 14px;
        font-family:alata-r;
    }
    .gnav li a:after {
        position: absolute;
        bottom: 5px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #598cdb;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform .3s;
    }
    .gnav li a:hover::after {
        transform: scale(1, 1);
    }

    .cnav .rsv {
        width: 200px;
        height: 70px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .cnav .rsv a { 
        display: block;
        width: 100%;
        height: 100%;
        background: #62a332;
        color: #FFFFFF;
        text-align: center;
        padding-top: 20px;
        font-size: 16px;
        line-height: 1;
     }
     .cnav .rsv a:hover {
        background: #205dab;
        opacity: 1;
     }
     .cnav .rsv a span { 
        font-size: 10px;
     }

    .cnav nav { 
        margin-top: 10px; 
    }

    .cnav .navtel {
        display: block;
        width: 210px;
        height: 45px;
        position: absolute;
        top: 15px;
        left: 0;
        text-align: center;
        color: #205dab;
    }
    .cnav .navtel p {
        text-align: center;
    }
    .cnav .navtel a { 
        display: inline-block;
        pointer-events: none;
        background: url(../images/icon_navtel.svg) left center no-repeat;
        font-size: 22px;
        font-weight: bold;
        color: #205dab;
        padding-left: 20px;
     }
    .fnavnavwrap {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .menuhead {
        margin-right: 100px;
    }

    .fnavsubnav {
        margin-left: auto;
        margin-top: 20px;
        align-items: center;
    }

    .fnavsns li { margin-right: 10px; }
    .fnavsubnav .fnavcontact { 
        margin-right: 20px; 
    }
    .contel {align-items: center;}
    .fnavsubnav .fnavcontact a { 
        display: block;
        border: 1px solid #598cdb;
        padding: 5px 10px 5px 0;
        text-align: center;
        background: url(../images/icon_arrow_right_try_blue.svg) right 10px center no-repeat; 
        width: 220px;
        height: 32px;
        font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    }
    .fnavsubnav .fnavcontact a::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 14px;
        background: url(../images/icon_mail.svg) center center no-repeat; 
        margin-right: 5px;
        position: relative;
        top: 2px;
     }
    .fnavsubnav .fnavcontact a:hover { 
        background-position: right 5px center;
         }
    
    .fnavsubnav .fnavtel {
        margin-right: 30px;
        padding-top: 5px;
    }
    .fnavsubnav .fnavtel a {
        display: inline-block;
        background: url(../images/icon_tel_f.svg) left center no-repeat;
        color: #598cdb;
        font-size: 24px;
        font-family:alata-r;
        padding-left: 20px;
        pointer-events: none;
    }




    header {
        display: none;
        width: 100%;
        height: 120px;
        border-top: 5px solid #205dab;
        /*position: absolute; z-index: 10;*/
    }
    header .mainw { 
        margin-top: 20px;
     }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    /*header h1 { position: absolute; right: 0; width: 252px; top:20px; }
	header h1 img { width: 100%; }*/



    /*#gnav {margin-right: 200px;}*/

    /*.gnav { display: block; height: 150px; width: 500px; position: relative; }
	.gnav li { float: right; width: 28px; height: 150px; position: relative; margin-right: 10px; }
	.gnav li a { display: block; width: 28px; height: 150px; font-size: 15px; font-weight: bold;
		text-decoration: none; padding-top: 30px; line-height: 28px;
		overflow: hidden; text-indent: -200px;
		 }*/
    .wmode {
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
        height: 150px;
    }

    .wmode .gnav li a {
        color: #ffffff;
    }

    .gnav li a.active:after {
        opacity: 1;
    }

    #info_sche {
        /*position: absolute;*/
        position: relative;
        z-index: 100;
        top: -80px;
        /*bottom: 0;*/
        height: 80px;
        width: 100%;
        color: #FFFFFF;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#598cdb+1,598cdb+50,447fab+51,447fab+100 */
        background: rgba(89,140,219,0.7); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(89,140,219,0.7)rgba(89,140,219,0.7) 1%, rgba(89,140,219,0.7) 50%, rgba(68,127,171,0.7) 50%, rgba(68,127,171,0.7) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(89,140,219,0.7) 1%,rgba(89,140,219,0.7) 50%,rgba(68,127,171,0.7) 50%,rgba(68,127,171,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(89,140,219,0.7) 1%,rgba(89,140,219,0.7) 50%,rgba(68,127,171,0.7) 50%,rgba(68,127,171,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#598cdb', endColorstr='#447fab',GradientType=1 ); /* IE6-9 */
    }
    #info_sche .mainw {
        align-items: center;
        height: 80px;
    }
    #infonew , #schenew {
        width: 50%;
        padding-left: 40px;
    }
    /*#info_sche { padding-left: 15px; }*/
    #info_sche .mainw div.cflex {
        align-items: center;
        height: 80px;
    }
    #info_sche h3 {
        font-size: 20px;
        text-align: center;
        margin-right: 30px;
    }
    #info_sche h3 span {
        font-size: 16px;
    }
    #info_sche p.day {
        font-size: 16px;
        margin-right: 25px;
    }
    #info_sche p.mes {
        font-size: 16px; padding-right: 15px;
    }
    #info_sche p.next {
        font-size: 16px;
        margin-right: 25px;
    }
    #info_sche #infonew h3 {
        width: 125px;
    }
    #info_sche #schenew h3 {
        width: 260px;
    }

    /* 20230411 schedule-description */
    .schedule-description{
        display:flex;
        justify-content:center
    }

    .schedule-item{
        margin: 20px;
    }

    .schedule-sub{
        text-align: center;
        margin-bottom: 40px;
    }
    
    .schedule-category{
        border-radius: 5px;
        height: 48px;
        width: 180px;
        color: #ffffff;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    /*footer*/
    footer {
        width: 100%;
        color: #ffffff;
        position: relative;
        background: url(../images/bg_footer.jpg) center top no-repeat;
        background-size: cover;
    }

    footer .footnaviwrap {
        background-color: #000000;
        padding: 15px 0;
    }


    footer nav {

    }

    footer nav ul {
        display: flex;
        justify-content: center;
    }
    footer nav ul li { position: relative; /*border-right: 1px solid #858a92;*/ }
    footer nav ul li:last-child { border-right: none; }

/*
    footer nav ul li::before { 
        content: "";
        display: block;
        width: 1px;
        height: 15px;
        position: absolute;
        top: 0;
        left: 0;
     }
*/

    footer nav ul li a {
        display: block;
        padding: 0 1em;
        color: #ffffff;
    }
/*
    footer ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer ul li a {
        color: #ffffff;
    }


    footer ul li.tel a {
        cursor: default;
        display: flex;
        justify-content: flex-end;
        font-size: 27px;
        align-items: center;
    }

    footer ul li.tel a img {
        margin-right: 12px;
    }

    footer ul li.tel a:hover {
        opacity: 1;
    }
*/

    footer #footmain {
        margin-bottom: 45px;
        padding-top: 45px;
    }

    footer #footmain h2 {
        text-align: center;
        width: 199px;
        height: 108px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 25px;
    }
    footer h2 img {
        width: 100%;
    }
    footer address {
        font-style: normal;
    }

    footer address p {
        text-align: center;
    }
    footer #footmain .tel_f {
        text-align: center;
        margin-bottom: 20px;
    }
    footer #footmain .tel_f p {
        text-align: center;
    }
    footer #footmain .tel_f a {
        display: inline-block;
        font-family:alata-r;
        font-size: 24px;
        line-height: 1;
        font-weight: bold;
        pointer-events: none;
        background: url(../images/icon_tel_footer.svg) left center no-repeat;
        padding-left: 30px;
        color: #000000;
    }
    footer .copy {
        font-size: 15px;
        line-height: 30px;
        text-align: center;
        background: #598cdb;
    }

    footer .sns_fotter {
        justify-content: center;
        margin-bottom: 30px;
    }
    footer .sns_fotter li {
        margin: 0 5px;
    }
    footer .f_otherlink {
        text-align: center;
    }
    footer .ncsc {
        width: 372px;
    }


    /*footer #footnav { margin-top: -10px; }
	footer #footnav ul { float: left; width: 140px; }
	footer #footnav li { line-height: 34px; }
	footer #footnav li a{ color: #CCCCCC; padding-right: 40px; font-size: 14px; display: block; }
	footer #footnav li a:before { content: "\f0da"; font-family: FontAwesome;
		padding-right: 5px; font-size: 10px; vertical-align: middle; }*/


    /*pagetop*/
    #page-top {
        position: fixed;
        bottom: 18px;
        left: 50%;
        margin-left: 635px;
        z-index: 3000;
        /*background: #231815;*/
        width: 58px;
        height: 58px;
    }

    @media (max-width:1470px) {
        #page-top {
            right: 20px;
            left: auto;
            margin-left: 0;
        }
    }

    #page-top a {
        background: transparent;
        text-align: center;
        display: block;
        width: 58px;
        height: 58px;
        position: relative;
        padding-top: 33px;
        text-align: center;
        font-size: 17px;
        color: #598cdb;
        border:1px solid #598cdb;
        border-radius: 50%;

    }

    #page-top a:before {
        content: "\f106";
        font-family: FontAwesome;
        position: absolute;
        top: 17px;
        left: 0;
        width: 58px;
        text-align: center;
        color: #598cdb;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        font-size: 24px;
    }

    #page-top a:hover {
        opacity: 1;
        /*background: #205dab;*/
    }

    #page-top a:hover:before {
        top: 12px;
    }

    /*#page-top a:hover:before { top:13px; }*/

    #page-top.stop {
        position: absolute;
        bottom: 200px;
    }

/*common*/

    .mainw {
        width: 1200px;
        margin: 0 auto;
    }

    .w1100 {
    	width: 1100px;
    	margin: 0 auto;
    }

    .w1000 {
        width: 1000px;
        margin: 0 auto; 
    }
    .w900 {
        width: 1000px;
        margin: 0 auto; 
    }
    .anchor {
        padding-top: 120px;
        margin-top: -120px;
    }

    p {
        font-size: 16px;
        line-height: 28px;
    }

    p.intro {
        text-align: center;
    	margin-bottom: 30px;
    }

    h2.mainh2 {
        background: url("../../images/bg_ttl.jpg") center center no-repeat;
        height: 90px;
        text-align: center;
        font-size: 36px;
        line-height: 22px;
        padding-top: 23px;
        border-bottom: #0c0c0c 1px solid;
    }

    h2.mainh2 span {
        font-size: 11px;
        color: #e2b065;
    }

    #mv {
        width: 100%;
        height: 660px;
        overflow: hidden;
        text-align: center;
        position: relative;
    }

    /*#mv img { position: absolute; top:50%; left: 50%; }*/
    /*.left { float: left; }
	.right { float: right; }*/

    p.lead {
        text-align: center;
        margin-bottom: 30px;
        font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    }

    .lead {
        text-align: center;
        margin-bottom: 30px;
    }

    .lead h4 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 5px;
        line-height: 34px;
        color: #2C3280;
    }
    .lead p {
        text-align: center;
    }

    h3.ch3 { 
        text-align: center;
        font-size: 35px;
        margin-bottom: 40px;
        background: url(../images/icon_emblem.svg) top center no-repeat; 
        padding-top: 65px;
        font-weight: bold;
        
    }
    h3.ch3 span {
        display: inline-block;
        margin-top: 20px;
        padding: 0 1em;
        font-size: 16px;
        color: #205dab;
        font-family:alata-r;
        font-weight: normal;
    }

    h3.ch3_2 { 
        font-size: 27px;
        color: #231815;
        margin-bottom: 30px;
    }
    h3.ch3_2 span { 
        font-size: 16px;
        color: #598cdb;
        line-height: 2;
        font-family:alata-r;
    }
    h3.ch3_2::after {
        content: "";
        display: inline-block;
        width: 62px;
        height: 18px;
        background: url(../images/icon_ship.svg) center center no-repeat;
        margin-left:1em;
    }
    h4.ch4 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 25px;
    }
    h4.ch4_2 {
        position: relative;
        color: #205dab;
        font-size: 24px;
        line-height: 2;
    }
    h4.ch4_2:before { 
        content: "";
        display: block;
        width: 3em;
        height: 1px;
        background: #205dab;
        position: absolute;
        top: 0;
    }
    h4.ch4_3 {
        color: #205dab;
        font-size: 20px;
        line-height: 2;
        border-bottom: 1px solid #205dab;
        margin-bottom: 40px;
    }
    h4.ch4_3 span {
        font-size: 14px;
        margin-left: 1em;
        font-family: 'Cantarell', sans-serif;
        font-weight: bold;
    }
    h5.ch5 {
        font-size: 20px;
        letter-spacing: 2px;
        color: #205dab;
        margin-bottom: 20px;
    }
    h5.ch5 span {
        font-size: 16px;
        color: #231815;
        margin-left: 1em;
    }
    .cmenu {
        width: 100%;
        height: 70px;
        position: relative;
        text-align: center;
        background: url(../images/shadow.jpg) center bottom no-repeat;
    }
    .cflex{
        display: flex;
    }

    /*.cmenu ul { text-align: center; height: 60px; width: 1100px;
		margin: 0 auto; }
	.cmenu li { float: left; margin-right: 10px; }
	.cmenu li:last-child { margin-right: 0; }
	.cmenu li a { display: block; height: 60px; position: relative; font-size: 16px; line-height: 40px;
		min-width: 120px; border-top: rgba(44,50,128,0) 1px solid; padding: 0 25px; }
	.cmenu li a.l2 { padding-top: 0; line-height: 18px; font-size: 14px; }
	.cmenu li a:after { content: "\f107"; font-family: FontAwesome; position: absolute; color: #2C3280;
		bottom: 7px; left: 50%; margin-left: -5px; line-height: 18px; border-top: rgba(44,50,128,0);
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	.cmenu li a:hover,.cmenu li:first-child a { opacity: 1; border-top: #2C3280 1px solid; }
	.cmenu li a:hover:after { bottom: 2px; }*/


    /*section .bx-wrapper .bx-viewport { left:0; }*/
    /*cb...color box*/

    .cb {
        background: #f5f7f9;
    }

    /*.cb2 {
        background: url("../../images/bg_cb2.jpg") repeat;
    }*/

    /*bb...border bottom*/
    /*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 15px; margin-bottom: 70px; }*/
    /*cbd...common border*/
    /*.cbd {
        height: 12px;
        width: 100%;
        background: url("../../images/border.jpg") repeat-x;
    }*/

    .cbtn {
        font-size: 16px;
        position: relative;
        width: 235px;
        height: 50px;
        display: block;
        text-align: center;
        line-height: 50px;
        border: 1px solid #598cdb;
    }
    .cbtn:after {
        content: "";
        display: block;
        width: 80px;
        height: 1px;
        background-color: #598cdb;
        position: absolute;
        top: 50%;
        right: -40px;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

  .cbtn:hover:after { 
    right: -50px;
   }

/*
    .cbtn:hover {
        opacity: 1;
        color: #fff;
        background: url("../images/icon_arrow_s.svg") right 10px center no-repeat #62a332;
    }
*/

    .cbtn2 {
        font-size: 16px;
        position: relative;
        background: url(../images/icon_arrow_s.svg) right 15px center no-repeat #598cdb;
        width: 300px;
        height: 50px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: #fff;
    }
    .cbtn2:hover {
        opacity: 1;
        color: #fff;
        background: url("../images/icon_arrow_s.svg") right 10px center no-repeat #d1e6ea;
    }

    table.ctable {
        border-collapse: collapse;
        width: 100%;
        border-top: 1px solid #000000;
    }
    table.ctable th,
    table.ctable td {
        padding: 10px;
        text-align: left;
        border-bottom: #000000 1px dotted;
    }
    table.ctable th {
        font-weight: normal;
    }
    table.ctable td.nobb {
        border-bottom: none;
        width: 1em;
    }

    table.ctable2 {
        border-collapse: collapse;
        width: 100%;
    }

    table.ctable2 th,
    table.ctable2 td {
        padding: 5px 10px;
        text-align: left;
        font-size: 16px;
    }
    table.ctable2 th { padding-left: 0; }
    table.ctable2 th:before {
        content: "・";
        color: #205dab;
        display: inline-block;
        /*padding-right: 7px;*/
        font-size: 25px;
        position: relative;
        top: 3px;
    }
    ul.clist li { 
        margin-bottom: 5px;
        position: relative;
        padding-left: 25px; 
        }
    ul.clist li:before {
        content: "・";
        color: #205dab;
        display: inline-block;
        /*padding-right: 7px;*/
        font-size: 25px;
        position: absolute;
        left: 0;
    }


    /*cdl...common dl*/
    /*.cdl { width: 100%; border-top: #e0e0e0 2px solid; font-size: 16px;
		 }
	.cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid; float: left; background: #eeeeee; height: 40px; 
		line-height: 40px; border-top: #eeeeee 2px solid; text-align: left; padding-left: 15px; }
	.cdl dt:first-child { border-top: #80ad1f 2px solid; } 
	.cdl dd { border-bottom: #e0e0e0 1px solid; float: left;height: 40px; line-height: 40px; 
		border-top: #ffffff 2px solid; text-align: left; padding-left: 15px; }
	.cdl dt.l2 { height: 65px; }
	.cdl dd.l2 { height: 65px; line-height: 26px; padding-top: 8px; }
	.cdl dt.l3 { height: 90px; line-height: 90px; }
	.cdl dd.l3 { height: 90px; line-height: 26px; padding-top: 8px; }
	.cdl dt.l4 { height: 125px; line-height: 125px; }
	.cdl dd.l4 { height: 125px; line-height: 26px; padding-top: 10px; }
	.cdl dt.l5 { height: 145px; line-height: 145px; }
	.cdl dd.l5 { height: 145px; line-height: 26px; padding-top: 5px; }
	.cdl dt.l6 { height: 200px; line-height: 199px; }
	.cdl dd.l6 { height: 200px; line-height: 26px; padding-top: 26px; }*/

    /*ul.bn { text-align: center; margin: 60px auto 110px; }
	ul.bn li { float: left; }
	ul.bn li:last-child { float: right; }
	ul.bn li img { width: 550px; }*/

    /*mv*/
/*
.slide_wrp_i {
    width: 100%;
    height: 470px;
    overflow: hidden;
    position: relative;
}
.slide_wrp_i .slide_i {
    position: absolute;
    left: 50%;
    width: 3960px;
    margin-left: -1980px;
}
.slide_wrp_i .bx-wrapper li {
    width: 1300px !important;
    margin-right: 10px;
    margin-left: 10px;
}
.slide_wrp_i .bx-wrapper li img {
    width: 1300px;
    max-width: 1300px;
}
*/


    .slide_wrp_i {
        max-width: 100%;
        overflow: hidden;
        position: relative;
        height: 100vh;
        height: -webkit-calc(100vh - 130px);
        height: calc(100vh - 130px);
        margin-top: 130px;
    }

    .slide_wrp_i .bx-wrapper {
        margin: 0 auto;
        height: 100%;
        box-shadow: none;
        border: none;
    }

    .tab.tate .slide_wrp_i,
    .tab.tate .slide_wrp_i .bx-wrapper {
        height: 400px;
    }

    .slide_wrp_i .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: 0;
        height: 100% !important;
    }

    .slide_wrp_i .bx-wrapper .bx-controls {
        width: 1200px;
        position: absolute;
        bottom: 30px;
        right: 50%;
        margin-right: -600px;
        z-index: 100;
    }


    .slide_wrp_i .bx-wrapper .bx-pager,
    .slide_wrp_i .bx-wrapper .bx-controls-auto {
        bottom: 125px;
        right: -500px;
        padding: 0 20px;
    }

    .bx-wrapper .bx-pager {
        text-align: right;
    }

    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a {
        background: #FFFFFF;
        text-align: left;
        margin: 0 7px;
        width: 20px;
        height: 20px;
        border-radius: 10px;
    }

    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #598cdb;
    }
    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a.active{
        width: 20px;
        height: 20px;
        border-radius: 10px; 
        position: relative;
}

    .slide_wrp_i:before,
    .slide_wrp_i:after {
        background: none;
    }

    .slide_wrp_i .slide_i {
        width: 100%;
        height: 100%;
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0;
    }


    .slide_wrp_i .slide_i li:first-child {
        background: url("../images/mv1.jpg?v2") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(2) {
        background: url("../images/mv2.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(3) {
        background: url("../images/mv3.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
/*
    .slide_wrp_i .slide_i li:nth-child(4) {
        background: url("../images/mv4.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(5) {
        background: url("../images/mv5.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li {
        text-align: center;
    }

    .slide_wrp_i .slide_i li img {
        position: absolute;
        top: 50%;
        margin-top: -155px;
        left: 50%;
        margin-left: -526px;
    }

    .en .slide_wrp_i .slide_i li img {
        margin-left: -228px;
    }
*/
    /*.slide_wrp_i .open { position: absolute; top:50%; margin-top: -255px; left: 50%; 
        margin-left: -600px; }*/

    .slide_wrp_i #cc {
        position: absolute;
        z-index: 100;
        top:50%;
        margin-top: -190px;
        right: 50%;
        margin-right: -199px;
        text-align: center;
         
    }

    #scroll {
        display: block;
        position: absolute;
        z-index: 100;
        bottom: 120px;
        left: 50%;
        margin-left: -42px;
    }


/*
    .slide_wrp_i #cc p { font-size: 20px; font-weight: bold; }

    .slide_wrp_i #fv_scroll {
        position: absolute;
        bottom: 30px;
        left: 50%;
        margin-left: -25px;
        color: #ffffff;
        width: 50px;
        text-align: center;
        font-size: 14px;
        letter-spacing: 2px;
    }

    .slide_wrp_i #fv_scroll span {
        display: block;
        width: 40px;
        height: 40px;
        transition: 0.3s;
        text-align: center;
        background: rgba(75, 178, 121, 0.7);
        border: #ffffff 1px solid;
        position: relative;
        left: 13px;
            margin-bottom: 10px;
    }

    .slide_wrp_i #fv_scroll span:before {
        position: absolute;
        content: "\f107";
        font-family: FontAwesome;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        left: 0;
        top: 0;
    }

    .slide_wrp_i #fv_scroll:hover {
        opacity: 1;
    }

    .slide_wrp_i #fv_scroll:hover span {
        background: #170011;
    }

*/

    article {
        width: 100%;
        overflow: hidden;
        padding-top: 120px;

    }


/*#cycle*/
    #cycle {
        margin-bottom: 100px;
    }
    #cycle .mainw {
        text-align: center;
    }

/*best_fish*/
    #best_fish { padding-bottom: 100px; }
    #best_fish .img { margin-bottom: 15px; width: 100%; /*height: 500px;*/ }
    #best_fish .img img { width: 100%; /*height: 500px;*/ object-fit: cover; }


/*catch*/
    #catch { padding-bottom: 100px; margin-bottom: 100px; }
    #catch .catchwrap {
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }
    #catch .catchwrap li { 
        width: 540px;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        border: 1px solid #666666;
    }
    #catch .catchwrap li .catchimg {
        width: 270px;
        /*height: 160px;*/
        height: 202px;
        overflow: hidden;
    }
    #catch .catchwrap li .catchimg img {
        width: 100%; transition:0.3s;
    }
    #catch .catchwrap li:hover .catchimg img { opacity: 0.6; }
    #catch .catchwrap li .catchtxt {
        width: 200px;
        display: flex;
        flex-direction: column;
    }
    #catch .catchwrap li .catchtxt .catchday {
        font-size: 16px;
        font-family: alata-r;
        margin-bottom: 10px;
    }
    #catch .catchwrap li .catchtxt .catchmidashi {
        /*margin-bottom: 30px;*/
    }
    #catch .catchwrap li .catchtxt .catchmidashi a {
        text-decoration: underline;
        color: #598cdb;
    }
    #catch .catchwrap li .catchtxt .more {
        display: block;
        width: 130px;
        padding: 5px 0;
        text-align: center;
        border: 1px solid #598cdb;
        border-radius: 5px;
        margin-left: auto;
        background: url(../images/icon_arrow_right_try_blue.svg) right 10px center no-repeat;
        margin-top: auto;
    }
    #catch .catchwrap li:hover .catchtxt a.more { 
        background-position: right 5px center;
    }

    #catch a.cbtn {
        margin: 20px auto 0;
    }

/* #schedule*/
    #schedule { background-color: #d3edfb; padding-bottom: 100px;margin-bottom: 100px; }
    #schedule ul {
        width: 100%;
        background: #FFFFFF;
        padding: 40px 50px 60px;
        flex-wrap: wrap;
        /*align-items: center;*/
    }
    #schedule ul li {
        width: 50%;
        padding: 20px 20px 10px 0;
        border-bottom: 1px dotted #919193;
        display: flex;
        justify-content: space-between;
        /*align-items: center;*/
    }
    #schedule ul li p.schday {
        background-color: #598cdb;
        color: #FFFFFF;
        padding: 5px;
        text-align: center;
        width: 185px;
        font-size: 16px;
    }
    #schedule ul li div.cflex {
        justify-content: space-between;
        width: 290px;
    }
    #schedule ul li div.cflex p.schmes {
        font-size: 15px;
        line-height: 1.5;
    }
    #schedule ul li div.cflex p.schsup {
        /*text-align: right;*/
        font-size: 15px;
    }
    #schedule ul li div.cflex p.schsup.full {
        color: #598cdb;
    }
    #schedule ul li .schsup.full {
        color: #dc3a3a;
    }


/* #concept */
    #concept { 
        padding-bottom: 125px; 
        margin-bottom: 50px;
        /*background: url(../images/bg_concept.jpg?v2) top center no-repeat;*/
        background: url(../images/bg_concept.jpg?v2) center center no-repeat;
        background-size: cover; 
    }
    #concept p.lead {
        line-height: 2;
        margin-bottom: 20px;
        text-shadow: 1px 1px 10px #FFFFFF,1px 1px 20px #FFFFFF,1px 1px 30px #FFFFFF,
                    -1px 1px 10px #FFFFFF,-1px 1px 20px #FFFFFF,-1px 1px 30px #FFFFFF,
                    1px -1px 10px  #FFFFFF,1px -1px 20px #FFFFFF,1px -1px 30px #FFFFFF,
                    -1px -1px 10px #FFFFFF,-1px -1px 20px #FFFFFF,-1px -1px 30px #FFFFFF;
    }
/* #concept2 */
    #concept2 { 
        padding-bottom: 100px; 
        margin-bottom: 100px;
    }

    #concept2 .loopslider {
        margin-bottom: 0;
    }


/* #spec */
    #spec {
        padding-bottom: 100px;
        margin-bottom: 100px;
    }

    .slide_wrp_s {
        max-width: 100%;
        overflow: hidden;
        position: relative;
        height: 572px;
        /*height: -webkit-calc(100vh - 130px);
        height: calc(100vh - 130px);
        margin-top: 130px;*/
    }

    .slide_wrp_s .bx-wrapper {
        margin: 0 auto;
        height: 100%;
        box-shadow: none;
        border: none;
    }

    .tab.tate .slide_wrp_s,
    .tab.tate .slide_wrp_s .bx-wrapper {
        height: 400px;
    }

    .slide_wrp_s .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: 0;
        height: 100% !important;
    }

    .slide_wrp_s .bx-wrapper .bx-controls {
        width: 1200px;
        position: absolute;
        bottom: 30px;
        right: 50%;
        margin-right: -600px;
        z-index: 100;
    }

    .slide_wrp_s .bx-wrapper .bx-pager,
    .slide_wrp_s .bx-wrapper .bx-controls-auto {
        bottom: 125px;
        /*right: -500px;*/
        padding: 0 20px;
    }

    .bx-wrapper .bx-pager {
        text-align: right;
    }

    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a {
        background: #FFFFFF;
        text-align: left;
        margin: 0 7px;
        width: 20px;
        height: 20px;
        border-radius: 10px;
    }

    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #598cdb;
    }

    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a.active{
        width: 20px;
        height: 20px;
        border-radius: 10px; 
        position: relative;
    }

    .slide_wrp_s:before,
    .slide_wrp_s:after {
        background: none;
    }

    .slide_wrp_s .slide_s {
        width: 100%;
        height: 100%;
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0;
    }


    .slide_wrp_s .slide_s li:first-child {
        background: url("../images/img_ship1.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_s .slide_s li:nth-child(2) {
        background: url("../images/img_ship2.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_s .slide_s li:nth-child(3) {
        background: url("../images/img_ship3.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
    #spec .shipbody { 
        background-color: #d3edfb;
        padding: 55px 125px;
        position: relative;
        z-index: 100;
        top: -120px;
        align-items: center;
     }
     #spec .shipbody table.ctable {
        width: 500px;
        margin-left: 70px;
     }
    #spec .shipbody table.ctable th {
        width: 175px;
    }
    #spec .specinner {
        background-color: #d3edfb;
        position: relative;
        padding-bottom: 100px;
    }

    .equipment1 {
        margin-bottom: 100px;
        align-items: center;
    }
    .equipment1 .spectxt {
        width: 430px;
    }
    .equipment1 .spectxt h3 {
        margin-left: 50px;
    }
    .equipment1 .spectxt p {
        padding-top: 20px;
        border-top: 1px solid #000000;
        padding-left: 50px;
    }

    .equipment2 {
        margin-bottom: 100px;
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: 90px;
    }
    .equipment2 .spectxt {
        width: 420px;
    }

    .loopslider { width: 100%; height: 222px; position: relative; overflow: hidden; margin-bottom: 80px; }
    .loopslider ul { display: flex; float: left; }
    .loopslider li { width: 340px; height: 222px; position: relative; }

    .other_eq { 
        justify-content: space-between;
        margin-bottom: 110px;
     }
     .other_eq h3.ch3_2 {
        text-align: center;
    }
    .other_eq h3.ch3_2 span{
        position: relative;
        left: -4em;
    }
     .other_eq li {
        width: 340px;

     }
    .other_eq li p {
        text-align: center;
    }

    .toilet {
        margin-bottom: 80px;
    }
    .toilet h3.ch3_2 span {
        position: relative;
        top: 20px;
    }
    .toilet h3.ch3_2::after {
        background: url(../images/icon_toilet.svg) center center no-repeat;
        width: 35px;
        height: 42px;
    }
    .warning {
        border: 1px solid #598cdb;
        padding: 35px;
        position: relative;
    }
    .warning h3 {
        padding-top: 60px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        text-align: center;
        font-size: 20px;
        background: url(../images/icon_warning.svg) center top no-repeat;
        border-bottom:  1px dashed #598cdb;
    }
    .warning ul { 
        padding: 0 60px;
        margin-bottom: 50px;
        }
    .warning li { 
        text-indent: -1em; padding-left: 1em; line-height: normal;
        }
    .warning li:before { 
        content: "・";
        }
    .warning h4 {
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .warning p {
        line-height: 1.5;
        padding: 0 60px;
    }
    .warning p a {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
        text-decoration: underline;
        color: #598cdb;
    }
    .warning .sakura {
        display: inline-block;
        position: absolute;
        bottom: 20px;
        right: 150px;
/*        margin-top: 10px;
        margin-bottom: 10px;*/
        width: 100px;
        font-size: 13px;
        text-align: center;
    }
    .warning .sakura img {
        width: 100%;
    }


/* #target */

    #target { 
    padding-bottom: 100px;
    margin-bottom: 100px;
     }
    #target .target_l {
        width: 880px;
        margin: 0 auto 40px;
        justify-content: space-between;
     }
     #target .target_l li>div {
        margin-bottom: 5px;
     }
     #target .target_l p {
        text-align: center;
        color: #598cdb;
     }
    #target .target_s {
        width: 1000px;
        margin: 0 auto ;
        /*justify-content: space-between;*/
        flex-wrap: wrap;
     }
     #target .target_s li {
        width: 170px;
        margin-bottom: 25px;
        margin-right: 37px;
     }
     #target .target_s li:nth-child(5n) {
        margin-right: 1px;
        margin-left: 1px;
     }

     #target .target_s li>div {
        margin-bottom: 5px;
     }
     #target .target_s li>div img {
        width: 100%;
     }
     #target .target_s p {
        text-align: center;
        color: #598cdb;
     }

/* #game */

    #game { 
    padding-bottom: 100px;
    margin-bottom: 100px;
    background: url(../images/bg_game.jpg) top center no-repeat;
    background-size: cover;
     }
    #game .game {
        width: 880px;
        margin: 0 auto 40px;
        justify-content: space-between;
        flex-wrap: wrap;
     }
     #game .game li {
        margin-bottom: 50px;
     }
     #game .game li>div {
        margin-bottom: 5px;
     }
     #game .game p {
        text-align: center;
        color: #598cdb;
     }

/* #charge */
    #charge {
        background-color: #d3edfb;
        padding-bottom: 100px;
        margin-bottom: 100px;
    }
    #charge table.t-price { 
        width: 100%;
        margin-bottom: 10px;
     }
    #charge table.t-price th {
        background-color: #598cdb;
        color: #FFFFFF;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #FFFFFF;
     }
    #charge table.t-price th:last-child {
        border-right: 1px solid #598cdb;
    }

    #charge table.t-price td {
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #598cdb;
        border-bottom: 1px dashed #598cdb;
        background-color: #FFFFFF;
        height: 100px;
     }
    #charge table.t-price td:first-child {
        border-left: 1px solid #598cdb;
    }
    #charge table.t-price tr:last-child td {
        border-bottom: 1px solid #598cdb;
    }
    #charge table.t-price td:first-of-type {
        text-align: left;
        width: 220px;
    }
    #charge table.t-price td:last-of-type {
        text-align: left;
        width: 300px;
    }
    #charge table.t-price td span {
        display: none;
    }
    #charge ul.note {
        margin-bottom: 55px;
    }
    #charge ul.note li {
        text-indent: -1em;
        padding-left: 1em;
        margin-bottom: 5px;
    }

    #charge .bait {
        background-color: #FFFFFF;
        padding: 80px 70px;
        margin-bottom: 70px;
        /*align-items: center;*/
        justify-content: space-between;
    }
    #charge .bait .midashi {
        width: 360px;
    }

    #charge .bait .midashi h3 {

    }
    #charge .bait .midashi p {
        padding-top: 20px;
        border-top: 1px solid #000000;
    }

    #charge .baitdetail {

    }
    #charge .baitdetail ul {
        justify-content: space-between;        
    }
    #charge .baitdetail ul li {
        width: 230px;
    }
    #charge .baitdetail ul li>div {
        text-align: center;
        margin-bottom: 30px;
    }
    #charge .baitdetail ul li p.baitname {
        color: #598cdb;
        font-size: 20px;
        text-align: center;
    }
    #charge .baitdetail ul li p.baitprice {
        text-align: center;
    }

    #charge .rentalrod {
        background-color: #FFFFFF;
        padding: 80px 70px;
        margin-bottom: 70px;
        align-items: center;
        justify-content: space-between;
    }
    #charge .rentalrod .spflex {
        display: flex;
        justify-content: space-between;
        /*align-items: center;*/
        width: 100%;
        margin-bottom: 40px;
        /*border-bottom: 1px solid #000000;*/
        padding-bottom: 40px;
    }
    #charge .rentalrod .spflex#lure {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }
    #charge .rentalrod .midashi {
        width: 360px;
    }
    #charge .rentalrod .midashi h3 {
        padding-bottom: 30px;
        border-bottom: 1px solid #000000;
        line-height: 1;
    }
    #charge .rentalrod .midashi p {
        padding-top: 20px;
        /*border-top: 1px solid #000000;*/
    }
    #charge .rentalrod .midashi ul.price {
        margin-top: 10px;
        margin-bottom: 40px;
    }
    #charge .rentalrod .midashi ul.price li {
        text-indent: -1em;
        padding-left: 1em;
    }
    #charge .rentalrod .midashi ul.price li:before {
        content: "●";
        color: #598cdb;
    }
    #charge .rentalroddetail {

    }
    #charge .special {
        color: #a12243;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
    }

    #charge .t-shirts {
        background-color: #FFFFFF;
        padding: 80px 70px;
        margin-bottom: 70px;
        align-items: center;
        justify-content: space-between;
    }
    #charge .t-shirts .spflex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 40px;
        border-bottom: 1px solid #000000;
        padding-bottom: 40px;
    }
    #charge .t-shirts .midashi {
        width: 360px;
    }
    #charge .t-shirts .midashi h3 {
        padding-bottom: 30px;
        border-bottom: 1px solid #000000;
        line-height: 1.2;
    }
    #charge .t-shirts .midashi p {
        padding-top: 20px;
        /*border-top: 1px solid #000000;*/
    }

    #charge .t-shirts .midashi ul.price li:before {
        content: "●";
        color: #598cdb;
    }
    #charge .t-shirtsdetail {

    }
    #charge .t-shirtsdetail img {
        width: 448px;
        display: block;
        margin-bottom: 15px;
    }

#charge .t-shirts table {
    margin-top: 5px;
    width: 100%;
}
#charge .t-shirts table th {
    width: 120px;
    background: #598cdb;
    color: #FFFFFF;
    border-top: 1px solid #598cdb;
}
#charge .t-shirts table tr:nth-child(2) th {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#charge .t-shirts table tr:last-child th {
    /*border-top: 1px solid #FFFFFF;*/
    border-bottom: 1px solid #598cdb;
}
#charge .t-shirts table td , #charge .t-shirts table td {
    padding: 1em;
}

#charge .t-shirts table td {
    width: auto;
    border-top: 1px solid #598cdb;
    border-right: 1px solid #598cdb;
    border-bottom: 1px solid #598cdb;
}
#charge .t-shirts table tr:nth-child(n+2) td {
    border-top: 1px solid #598cdb;
}

#charge .t-shirts .midashi p.kome {
    border-top: none;
    padding-top: 5px;
}

#charge .t-shirts a {
    display: inline-block;
    border-bottom: 1px solid #000000;
}
#charge .t-shirts a.imail {
    background:url(../images/icon_mail.svg) center left no-repeat;
    padding-left: 20px;
}
#charge .t-shirts a.iline {
    background:url(../images/icon_line.svg) center left no-repeat;
    padding-left: 20px;
}



/* #sightseeing */
    #sightseeing {
        padding-bottom: 100px;
    }
    #sightseeing .s_seeing1 {
        justify-content: space-between;
        margin-bottom: 80px;
    }
    #sightseeing .s_seeing1 li {
        width: 48.6%;
    }
    #sightseeing .s_seeing1 li .s_seeingimg {
        margin-bottom: 20px;
    }
    #sightseeing .s_seeing1 li .s_seeingimg img {
        width: 100%;
    }
    #sightseeing .s_seeing1 li .s_seeingtxt h3 {
        font-size: 27px;
        font-weight: bold;
        padding-bottom: 15px;
        margin-bottom: 10px;
        border-bottom: 1px solid #000000;
    }

    #sightseeing .s_seeing2 {
        justify-content: space-between;
        align-items: center;
        padding: 85px 90px; 
        border: 1px dashed #598cdb;
    }
    #sightseeing .s_seeing2 .s_seeing2txt {
        width: 640px;
        margin-right: 60px;
    }
    #sightseeing .s_seeing2 .s_seeing2txt h3 {
        font-size: 27px;
        font-weight: bold;
        padding-bottom: 15px;
        margin-bottom: 10px;
        border-bottom: 1px solid #000000;
    }

/*access*/
    #access {
        padding-bottom: 240px;
    }

    #access .ch3 {
        margin: 100px 0 30px;
    }

    #access #gmap {
        margin-bottom: 50px;
    }
    #access iframe {}

    #access #gmap .cbtn {
        width: 360px;
        position: relative;
        left: 50%;
        margin-left: 100px;
        margin-top: 25px;
        margin-bottom: 25px;
        z-index: 40;
    }
    #access .maplink {
        margin: 10px auto 0;
        display: flex;
        flex-direction: row-reverse;
    }

    /*#access .maplink a { display: block; border: #b5b5b5 1px solid; width: 240px; height: 40px; line-height: 40px;
        text-align: left; padding-left: 20px; font-size: 14px; position: relative; }
    #access .maplink a:after { content: "\f105"; font-family: FontAwesome; color: #2c3280; position: absolute; 
        right: 15px; transition:0.3s; }
    #access .maplink a:hover { background: #2c3280; color: #ffffff; opacity: 1; }
    #access .maplink a:hover:after { color: #ffffff; }*/

    .placeinfo {
    width: 1055px;
    align-items: center;
    margin: 0 auto 100px;

    }
    .placeinfo .placetxt {
        width: 550px;
    }

    .placeinfo .placetxt p.placecom {
        color: #598cdb;
        font-weight: bold;
        padding-left: 30px;
    }
    .placeinfo .placetxt p.placeaddress {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #000000;
        padding-left: 30px;
    }
    .placeinfo.row_r {
        flex-direction: row-reverse;
    }



/*
    .loopslider { width: 100%; height: 222px; position: relative; overflow: hidden; margin: 75px 0; }
    .loopslider ul { float: left; }
    .loopslider li { float: left; width: 340px; display: inline; }
    .loopslider li img { width: 340px; }
*/


    .red { color: #a12243; }

    .cmenu ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        border-bottom: #170011 1px solid;
    }

    .cmenu ul.cmenu_roo2 {
        justify-content: center;
    }

    .cmenu ul li {
        width: 390px;
        height: 50px;
    }

    .cmenu ul li:first-child {
        margin-right: 10px;
    }

    .cmenu ul li a img {
        position: absolute;
    bottom: 10%;
    left: 4%;
    }

    .cmenu ul li a {
        width: 100%;
        height: 50px;
        line-height: 49px;
        border-top: #170011 1px solid;
        border-left: #170011 1px solid;
        border-right: #170011 1px solid;
        text-align: center;
        display: block;
        font-size: 20px;
        position: relative;
    }

    .cmenu ul li a:before {
        content: "";
        width: 390px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        background: #170011;
        opacity: 0;
        transition: 0.3s;
    }

    .cmenu ul li a span {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        text-align: right;
            padding-right: 20px;
            font-size: 17px;
    }

    .cmenu ul li a:hover,
    .cmenu ul li a.active {
        border-top: #170011 1px solid;
        opacity: 1;
        border-left: #170011 1px solid;
        border-right: #170011 1px solid;
        color: #fff;
    }

    .cmenu ul li a:hover:before,
    .cmenu ul li a.active:before {
        opacity: 1;
    }

    .cmenu2 ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        border-bottom: #170011 1px solid;
    }

    .cmenu2 ul li {
        width: 390px;
        height: 50px;
    }

    .cmenu2 ul li a {
        width: 100%;
        height: 50px;
        line-height: 49px;
        border-top: #94898F 1px solid;
        border-left: #94898F 1px solid;
        border-right: #94898F 1px solid;
        text-align: center;
        display: block;
        font-size: 20px;
        position: relative;
    }

    .cmenu2 ul li a:before {
        content: "";
        width: 390px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.3s;
    }

    .cmenu2 ul li a span {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .cmenu2 ul li a:hover,
    .cmenu2 ul li a.active {
        background: #231815;
        color: #fff;
    }

    .cmenu2 ul li a:hover:before,
    .cmenu2 ul li a.active:before {
        opacity: 1;
    }

    /*contact*/
    #contact{
        padding-bottom: 100px;
        /*margin-bottom: 100px;*/
        background: #d3edfb;
    }

    .form-area { 
        padding: 50px;
        
     }

    .form-area table {
        width: 100%;
        margin-bottom: 50px;
    }
/*
    .form-area table th,
    .form-area table td {
        padding-top: 12px;
        padding-bottom: 12px;
    }
*/
    .form-area table th {
        width: 200px;
        height: 26px;
        vertical-align: middle;
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
        background-color: #d1e6ea;
        border-right: 10px solid #d3edfb;
        border-bottom: 10px solid #d3edfb;
    }
    .form-area table td {
       border-bottom: 10px solid #d3edfb;
    }


    .form-area table th span {
        color: #a12243;
    }
    .c_red { 
        color: #a12243;
         }
    .form-area table td input {
        border: #e1e3e4 1px solid;
        background: #f5f7f9;
        width: 100%;
        height: 50px;
        line-height: 48px;
        padding: 0 10px;
    }

    .form-area table td textarea {
        width: 100%;
        height: 130px;
        border: #e1e3e4 1px solid;
        background: #f5f7f9;
        padding: 10px;
    }

    .form-area table td select {
        border: #e1e3e4 1px solid;
        background: #f5f7f9;
        width: 20%;
        height: 50px;
        line-height: 48px;
        padding: 0 10px;
    }

    .form-area .btn {
        display: flex;
        justify-content: center;
        /*margin-bottom: 110px;*/
    }

    .form-area .btn input {
        font-size: 17px;
        display: block;
        /*text-align: center;*/
        line-height: 48px;
        width: 240px;
        height: 50px;
        position: relative;
        border: #DCDDDD 1px solid;
        /*padding-left: 12px;*/
        /*background: url("../images/icon_arrow.svg") right 6px center no-repeat;*/
        transition: 0.3s;
        cursor: pointer;
        /*font-family: "游明朝", "YuMincho", "Sawarabi Mincho", serif;*/
    }

    .form-area .btn input:hover {
        opacity: 1;
        background: url("../images/icon_arrow.svg") right 1px center no-repeat #DCDDDD;
    }

    .en .form-area .btn input {
        width: 280px;
    }

    #SMIL_INFO {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    #SMIL_ERR dl {
        display: flex;
        flex-wrap: wrap;
    }

    #SMIL_ERR dl dt {
        width: 15%;
    }

    #SMIL_ERR dl dd {
        width: 35%;
    }
    #contact .cbtn2 {
        margin: 0 auto;
    }
    .form-area table td #id_day {
        width: 100%;
    }
    .form-area table td #id_stay {
        width: 100px;
    }
    .form-area table td #id_fish {
        width: 330px;
    }
    .form-area table td #id_roomtype {
        width: 200px;
    }
    .form-area table td #id_roomnumber {
        width: 100px;
    }
    .form-area table td #id_men , .form-area table td #id_lady , .form-area table td #id_child {
        width: 100px;
    }
    .form-area table td #id_name {
        width:  100%;
    }
    .form-area table td #id_kana {
        width: 100%;
    }
    .form-area table td #id_email {
        width: 100%;
    }
    .form-area table td #id_postnumber {
        width: 200px;
    }
    .form-area table td #id_address {
        width: 460px;
    }
    .form-area table td #id_tel {
        width: 100%;
    }
    .form-area table td #id_checkin {
        width: 100px;
    }
    .form-area table td #id_message {
        width: 100%;
        height: 135px;
    }
    input[type="submit"] {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        border: none;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;       
    }
    .form-area table td select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/icon_arrow_select.svg) right 15px center no-repeat #f5f7f9;
    }
    .form-area table td select::-ms-expand{
    display: none;
    }


    /*catchdetail*/
    #catchdetail,#catch.catchlist { margin: 120px auto 120px; }
    #catchdetail h4 { font-size: 27px; border-bottom: 1px solid #000000; padding: 30px 0; margin-bottom: 15px; }
    #catchdetail .catchday { margin-bottom: 40px; }
    #catchdetail .catchimg { margin-right: 20px; }
    #catchdetail .cbtn { margin-top: 60px; }


    .pagination {  }
    .pagination .page-numbers { display: flex; justify-content: center; align-items: center; }
    .pagination .page-numbers li { margin-right: 10px; margin-left: 10px; }


    /* links */
    #links {
        padding-bottom: 100px; 
    }
    #links li {
        width: 540px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    #schedule iframe {
        width: 100%;
        max-width: 1100px;
        margin-bottom: 50px;
    }

}/* end min-width751 */

/* ------------------------------------------------------------------------------------------ */


@-moz-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 751px) and (max-width:1245px) {
    .mainw {
        width: 100%;
        padding: 0 2vw;
    }

    footer #footmain {
        padding: 30px 2vw;
    }

    footer .f_contact ul li:first-child a {
        padding-right: 0;
    }

    footer .f_contact ul li:nth-child(n+2) {
        margin-left: 5px;
    }

    #amenities ul li {
        padding: 0 5px;
    }

}

@media (min-width: 751px) and (max-width:1180px) {
    #fnav {
        height: 95px;
        top: -95px;
    }

    header {
        height: 130px;
    }

    header.cnav .rsv ul.btn_rsv {
        flex-direction: column;
    }

    header.cnav .rsv ul.btn_rsv li {
        margin-left: auto;
    }

    .cnav .rsv ul.lang_tel li {
        width: auto;
    }

    .cnav .rsv ul.lang_tel li:last-child {
        width: 145px;
    }

    .gnav li a {
        padding: 10px 20px 0 10px;
    }

    header .gnav li a {
        padding: 10px 20px 0 10px;
    }

    .gnav li a:after {
        left: auto;
        margin-left: 0;
        right: 0;
        bottom: 5px;
    }
}

@media (min-width: 751px) and (max-width:1145px) {}

@media (min-width: 751px) and (max-width:1060px) {

    #target .target_s {
        width: 100%;
    }
     #target .target_s li {
        width: 17%;
        margin-bottom: 2.5%;
        margin-right: 2.4vw;
     }

}

@media (min-width: 751px) and (max-width: 970px) {
    #facility .rule ul {
        width: 100%;
        padding: 0 2vw;
    }

}

@media (min-width: 751px) and (max-width: 900px) {
    .placeinfo {
        width: 100%;
        padding: 0 2vw;
    }
}

/* ------------------------------------------------------------------------------------------ */

@media (max-width:750px) {
    body {
        font-size: 3.8vw;
        line-height: 1.5;
    }

    .mb20 {
        margin-bottom: 2.6vw !important;
    }

    .mb25 {
        margin-bottom: 3.3vw !important;
    }

    .mb30 {
        margin-bottom: 4vw !important;
    }

    .mb40 {
        margin-bottom: 5.3vw !important;
    }

    .mb50 {
        margin-bottom: 6.6vw !important;
    }

    .mb60 {
        margin-bottom: 8vw !important;
    }

    .mb70 {
        margin-bottom: 9.3vw !important;
    }

    .mb80 {
        margin-bottom: 10.6vw !important;
    }

    .mb90 {
        margin-bottom: 12vw;
    }

    .mb100 {
        margin-bottom: 13.3vw !important;
    }

    .mb120 {
        margin-bottom: 16vw !important;
    }

    .pt50 {
        padding-top: 6.6vw !important;
    }

    .ls-1 {
        letter-spacing: -1px;
    }

    .ls-2 {
        letter-spacing: -2px;
    }

    .ls-3 {
        letter-spacing: -3px;
    }

    .ls-4 {
        letter-spacing: -4px;
    }

    /*.f_gnav li:nth-child(10) { display: none !important; }*/
    body {
        width: 100%;
    }

    .wrap {
        width: 100%;
        overflow: hidden;
    }

    .for_pc {
        display: none !important;
    }

    .cf_s:before,
    .cf_s:after {
        content: "";
        display: table;
    }

    .cf_s:after {
        clear: both;
    }

    .cf_s {
        zoom: 1;
    }

    .cb {
        background: #f5f7f9;
    }

    #fnav {
        width: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 20000;
        height: 16vw;
    }

    #foot_spnav {
        width: 100%;
        height: 16vw;
        display: flex;
        background: #FFFFFF;
    }
    #foot_spnav h1 {
        height: 16vw;
        /*width: 52%;*/
        /*display: flex;
        align-items: center;
        justify-content: center;*/
        width: 84%;

    }
    #foot_spnav h1 a{
        display: block;
        width: 100%;
        height: 100%;
        background-color: #f0d429;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #foot_spnav h1 img {
        width: 73vw;
    }

    #foot_spnav ul {
        width: 16vw;
        height: 16vw;
        display: flex;
    }
/*
    #foot_spnav ul li {
        width: 33%;
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
        height: 16vw;
        text-align: center;
        position: relative;
    }
*/
#foot_spnav ul li {
    width: 100%;
}
    #foot_spnav ul li a {
        display: block;
        width: 100%;
        height: 16vw;
        text-align: center;
        color: #ffffff;
        background: #62a232;
        /*border-right: #595757 1px solid;*/
        position: relative;
  /*      padding-top: 3vw;*/
    }
/*
    #foot_spnav ul li:nth-child(1) a:after {
        display: block;
        content: "";
        width: 1px;
        height: 12vw;
        background: #51720a;
        position: absolute;
        right: 0;
        top: 2vw;
    }
*/
    #foot_spnav ul li:last-child a {
        border-right: none;
        background: #205daa;
    }

    #foot_spnav ul li a img {
        /*width: 5.3vw;*/
        /*height: 5.3vw;*/
        width: 100%;
    }

    #foot_spnav #menu_sp div { width: 6vw; height: 4.4vw; margin: 1.6vw auto 0; position: relative; }
    #foot_spnav #menu_sp span{ position: absolute;  display: block; width: 6vw; 
        height: 1px;  
        background: #ffffff; left:0; transform:rotate(0); }
    #foot_spnav #menu_sp div span:first-child{ top:0; }
    #foot_spnav #menu_sp div span:nth-child(2){ top:2vw; }
    #foot_spnav #menu_sp div span:nth-child(3){ top:4vw; }
    #foot_spnav ul li:last-child p { text-align: center; }



    /*#foot_spnav ul li:nth-child(2) a img { width: 14vw; }
	#foot_spnav ul li:nth-child(3) a img { width: 12.8vw; }*/

    #fnav_in {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        background: #d2eaf8;
    }

    #fnav_in.mainw {
        width: 100%;
        /*height: 100%;*/
    }

    #fnav_in .menuhead {
        height: 14vw;
        width: 100%;
        text-align: center;
        /*display: none;*/
    }
    #fnav_in .menuhead h1 {
        display: none;
    }

    #fnav_in nav {
        margin-top: 10vw;
    }

    #fnav_in .menu_close {
        width: 10vw;
        display: block;
        position: absolute;
        top: 6.6vw;
        text-align: center;
        right: 6.6vw;
    }

    #fnav_in .menu_close img {
        width: 11vw;
    }

    #fnav_in .menu_close span {
        display: block;
        width: 10vw;
        text-align: center;
        font-size: 3vw;
    }

    #fnav_in h1 {
        margin: 4vw;
        width: 37vw;
    }

    #fnav_in h1 img {
        width: 100%;
    }

    #fnav_in ul.f_gnav {
        width: 88vw;
        text-align: left;
        margin: 0 auto 6.4vw;
        border-top: #cecece 1px solid;
        display: flex;
        flex-wrap: wrap;
    }

    #fnav_in ul.f_gnav li {
        border-bottom: #cecece 1px dotted;
        height: 11vw;
        line-height: 11vw;
        width: 100%;
    }
    #fnav_in ul.f_gnav li:last-child {
        border-bottom: #cecece 1px solid;
    }

    #fnav_in ul.f_gnav li a {
        display: block;
        width: 100%;
        height: 11vw;
        position: relative;
        font-size: 3.7vw;
        text-align: center;
    }

    #fnav_in ul.f_gnav li a span {
        display: none;
    }

    #fnav_in .fnavaddres p {
        font-size: 3.7vw;
        line-height: 6vw;
        text-align: center;
        color: #000000;
    }

    #fnav_in .fnavaddres a {
        display: inline-block;
        font-size: 5.4vw;
        line-height: 1;
        font-weight: bold;
        background: url(../images/icon_tel_f_black.svg) left center no-repeat;
        background-size: auto 5.4vw;
        padding-left: 6vw;
        color: #000000;
    }

    .fnavsns {
        display: flex;
        justify-content: center;
        margin-bottom: 6vw;
        margin-top: 4vw
    }
    .fnavsns li {
        margin: 0 1vw;
    }
    .fnavsns li a img { 
       height: 6vw; 
    }

    .contel {
        display: flex;
        background-color: #5884c4;
        flex-direction: row-reverse;
    }

    .contel .fnavcontact , .contel .fnavtel {
        width: 50%;
    }
    .contel .fnavtel {
        border-right: 1px solid #FFFFFF;
    }
    .contel .fnavcontact a , .contel .fnavtel a {
        display: block;
        padding: 3vw 0 2vw;
        text-align: center;
        color: #FFFFFF;
        text-indent: -10000px;
        height: 16vw;
    }
    .contel .fnavcontact a {
        background: url(../images/icon_fnav_contel_con.svg) center center no-repeat;
        background-size: auto 9.8vw;
    }
    .contel .fnavtel a  {
        background: url(../images/icon_fnav_contel_tel.svg) center center no-repeat;
        background-size: auto 9.8vw;
    }



    #fnav_in p {
        font-size: 3.4vw;
        margin-bottom: 2vw;
        text-align: center;
    }

    #fnav_in .tel_fs {
        text-align: center;
        margin: 0 auto 4vw;
        padding: 0;
        color: #2e2624;
        display: block;
        font-size: 9.8vw;
    }

    #fnav_in .tel_fs:before {
        content: "\f095";
        font-family: FontAwesome;
        color: #9a792e;
        padding-right: 3vw;
    }

    #fnav_in .rsv {
        display: none;
    }


    .cnav .navtel.for_sp {
        display: block;
        width: 100%;
        text-align: center;
        color: #205dab;
        margin-bottom: 4vw;
    }
    #fnav_in .navtel.for_sp p {
        text-align: center;
        font-size: 4.2vw;
        margin-bottom: 0;
    }
    .cnav .navtel a { 
        display: inline-block;
        background: url(../images/icon_navtel.svg) left center no-repeat;
        font-size: 7.3vw;
        font-family: 'Cantarell', sans-serif;
        font-weight: bold;
        color: #205dab;
        padding-left: 7vw;
        background-size: auto 6.6vw;
        letter-spacing: -0.3vw;
     }


    /*header*/
    header {
        width: 100%;
        height: 16vw;
        z-index: 10;
        position: relative;
        display: none;
    }

    header .mainw {
        width: 100%;
    }

    header h1 {
        position: absolute;
        width: 45vw;
        text-align: center;
        top: 3vw;
        left: 45%;
        margin-left: -18vw;
    }

    header h1 img {
        width: 100%;
    }

    header .lang_tel {
        position: absolute;
        top: 6vw;
        right: 6vw;
    }

    header .lang_tel a {
        text-decoration: underline;
        font-size: 3.7vw;
    }

    header .lang_tel a:after {
        content: "\f105";
        font-family: FontAwesome;
    }


    /*footer*/
    #pagetop_sp {
        /*width: 13.3vw;*/
        /*height: 13.3vw;*/
        /*margin: 16vw auto 4vw;*/
        /*margin: 16vw 6.6vw 16vw auto ;*/
        height: 0;
        margin: 0 auto;
        position: relative;
        z-index: 20;
        top: -18vw;
    }

    #pagetop_sp a {
        display: block;
        width: 13vw;
        height: 13vw;
        text-align: center;
        position: relative;
        font-size: 5vw;
        color: #5884c4;
        background: transparent;
        border:1px solid #5884c4;
        border-radius: 50%;
        margin: auto;
    }

    #pagetop_sp a:before {
        content: "\f106";
        font-family: FontAwesome;
        position: absolute;
        top: 2vw;
        left: 0;
        width: 13vw;
        text-align: center;
        color: #5884c4;
    }

    footer {
        background: url(../images/bg_footer_sp.jpg) center top no-repeat;
        background-size: cover;
        color: #ffffff;
        text-align: center;
        position: relative;
    }

    footer .footnaviwrap {
        background-color: #000000;
        padding: 2vw 0;
    }
/*
    footer nav ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 4vw 0;
        width: 77vw;
        margin: 0 auto 8vw;
    }

    footer nav ul li a {
        display: block;
        padding: 0 2vw 2vw;
        color: #ffffff;
    }

    footer nav ul li a:before {
            content: "▶︎";
    color: #fff;
    display: inline-block;
    font-size: 2vw;
    margin-right: 2vw;
    }
*/
    footer h3 {
        font-size: 4vw;
        margin-bottom: 2vw;
        text-align: center;
    }

    footer nav ul {
        display: flex;
        justify-content: center;
        width: 70vw;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    footer nav ul li {
        margin: 0 1.5vw 2vw; 
    }

    footer nav ul li a {
        color: #ffffff;
    }

    footer ul li.tel {
        margin-bottom: 4vw;
    }

    footer ul li.tel a {
        display: flex;
        justify-content: center;
        font-size: 7vw;
        align-items: center;
    }

    footer ul li.tel a img {
        margin-right: 2vw;
        width: 4.2vw;
    }

    /*footer .f_contact ul li:nth-child(n+2) { width: 88vw; height: 14vw; margin-bottom: 2vw; }
	footer .f_contact ul li:nth-child(n+2) a { display: block; background: #330f2d; color: #ffffff;
		text-align: center; border: #DCDDDD 1px solid; position: relative; font-size: 4vw;
		width: 88vw; height: 14vw; line-height: 14vw; }
	footer .f_contact ul li:nth-child(n+2) a span { display: block; }
	footer .f_contact ul li:nth-child(n+2) a:after { content: "\f105"; font-family: FontAwesome;
		color: #cd9c2e; right: 2vw; top:0; line-height: 14vw; position: absolute; }*/
    footer .link_en a {
        font-size: 3.4vw;
        text-decoration: underline;
        color: #ffffff;
        text-align: right;
        display: block;
    }

    footer .link_en a:after {
        content: "\f105";
        font-family: FontAwesome;
    }

    footer #footmain {
        padding-top: 8vw;
    }

    footer h2 {
        width: 45vw;
        margin: 0 auto 4vw;
        position: relative;
        z-index: 20;
    }

    footer h2 img {
        width: 100%;
    }

    footer address {
        font-style: normal;
        text-align: center;
    }

    footer address p {
        font-size: 3.7vw;
        line-height: 6vw;
        text-align: center;
        margin-bottom: 3vw;
        color: #000000;
    }
    footer #footmain {
        margin-bottom: 10vw; 
    }

    footer #footmain .tel_f {
        text-align: center;
    }
    footer #footmain .tel_f p {
        text-align: center;
    }
    footer #footmain .tel_f a {
        display: inline-block;
        font-family: 'Cantarell', sans-serif;
        font-size: 5.4vw;
        line-height: 1;
        font-weight: bold;
        background: url(../images/icon_tel_f_black.svg) left center no-repeat;
        background-size: auto 5.4vw;
        padding-left: 6vw;
        color: #000000;
    }
    footer .copy {
        font-size: 2.7vw;
        padding: 2vw 0;
        text-align: center;
        background: #5884c4;
        color: #FFFFFF;
    }
    footer .sns_fotter {
        display: flex;
        justify-content: center;
        margin-bottom: 6vw;
        margin-top: 4vw
    }
    footer .sns_fotter li {
        margin: 0 1vw;
    }
    footer .sns_fotter li a img { 
       height: 6vw; 
    }

    footer .f_otherlink {
        text-align: center;
    }
    footer .f_otherlink img {
        width: 80vw;
    }
    footer .ncsc {
        /*width: 372px;*/
    }




    /*common*/

    .mainw {
        width: 88vw;
        margin: 0 auto;
    }

    .w1100 {
        width: 88vw;
        margin: 0 auto;
    }

    .w1000 {
        width: 88vw;
        margin: 0 auto;
    }
    .w900 {
        width: 88vw;
        margin: 0 auto;
    }


    .anchor {
        margin-top: -12vw;
        padding-top: 12vw;
    }

    p.lead {
        font-size: 3.4vw;
        line-height: 5.3vw;
        text-align: center;
        /*width: 92vw;*/
        margin: 0 auto 5vw;
    }

    p.intro {
        text-align: center;
    	margin-bottom: 4vw;
    }

    h2.mainh2 {
        background: url("../../images/bg_ttl_sp.jpg") center center no-repeat;
        height: 18vw;
        text-align: center;
        font-size: 8.2vw;
        line-height: 5vw;
        padding-top: 4vw;
        background-size: cover;
        border-bottom: #0c0c0c 1px solid;
    }

    h2.mainh2 span {
        font-size: 2.6vw;
        color: #e2b065;
    }

    #mv {
        width: 100%;
        height: 89vw;
        text-align: center;
    }

    #mv img {
        width: 23vw;
    }

    /*#mv p { width: 64vw; margin: 12vw auto 22vw; font-size: 3.7vw; line-height: 9vw; }*/

    .lead {
        text-align: center;
        margin-bottom: 6vw;
    }

    .lead h4 {
        font-size: 5vw;
        text-align: center;
        margin-bottom: 2vw;
        line-height: 6vw;
        color: #2C3280;
    }

    .lead p {
        font-size: 3.7vw;
        line-height: 6vw;
        text-align: center;
    }
/*
    h3 {
        margin: 0 0 4vw;
    text-align: center;
    line-height: 8vw;
    }

    h3 span {
        font-size: 10vw;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    letter-spacing: 0.2vw;
    }

    h4 {
        font-size: 4vw;
        margin-bottom: 4vw;
        position: relative;
        line-height: 6vw;
        border-bottom: #C9CACA 1px dashed;
        padding-bottom: 1vw;
    }

    h4 span {
        font-size: 6vw;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    letter-spacing: 0.2vw;
    margin-right: 2vw;
    line-height: 8vw;
    }

    h5 {
        font-size: 5vw;
        margin-bottom: 2vw;
        text-align: left;
    }

    h5:before {
        content: "▶︎";
        color: #231815;
        display: inline-block;
        font-size: 3vw;
            margin-right: 2vw;
    }
*/
/*
    h3.ch3 { 
        text-align: center;
        font-size: 18px;
        margin-bottom: 40px;
    }
    h3.ch3 span {
        padding: 0 1em;
        border-bottom: 1px solid #205dab;
        font-family: 'Cantarell', sans-serif;
        font-weight: bold;
    }
*/

    h3.ch3 { 
        text-align: center;
        font-size: 6.6vw;
        line-height: 1;
        margin-bottom: 5.3vw;
        background: url(../images/icon_emblem.svg) top center no-repeat; 
        background-size: 17.3vw auto;
        padding-top: 15vw;
        font-weight: bold;
        
    }
    h3.ch3 span {
        display: inline-block;
        padding: 0 1em;
        font-size: 3vw;
        color: #205dab;
        font-family:alata-r;
        font-weight: normal;
    }

    h3.ch3_2 { 
        font-size: 5.3vw;
        font-weight: bold;
        color: #231815;
        margin-bottom: 4vw;
        line-height: 1;
        position: relative;
    }
    h3.ch3_2 span { 
        font-size: 2.8vw;
        color: #598cdb;
        line-height: 2;
        font-family:alata-r;
        display: inline-block;
        /*margin-right: 7em;*/
        font-weight: normal;
    }
/*
    h3.ch3_2::after {
        content: "";
        display: inline-block;
        width: 12.6vw;
        height: 3.7vw;
        background: url(../images/icon_ship.svg) center center no-repeat;
        background-size: contain;
        margin-left:1em;
        position: relative;
        bottom: 2vw;
    }
*/
    h4.ch4 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 25px;
    }
    h4.ch4_2 {
        position: relative;
        color: #205dab;
        font-size: 6.6vw;
        line-height: 2;
    }
    h4.ch4_2:before { 
        content: "";
        display: block;
        width: 4em;
        height: 1px;
        background: #205dab;
        position: absolute;
        top: 0;
    }
    h4.ch4_3 {
        color: #205dab;
        font-size: 4.8vw;
        line-height: 2;
        border-bottom: 1px solid #205dab;
        margin-bottom: 4vw;
        letter-spacing: 1vw;
    }
    h4.ch4_3 span {
        font-size: 14px;
        margin-left: 1em;
        font-family: 'Cantarell', sans-serif;
        font-weight: bold;
        letter-spacing: normal;
    }
    h5.ch5 {
        font-size: 4.8vw;
        /*letter-spacing: 2px;*/
        color: #205dab;
        margin-bottom: 4vw;
    }
    h5.ch5 span {
        font-size: 4.2vw;
        color: #231815;
        margin-left: 1em;
    }

    h5.ch5 span.for_sp { display: inline; }

    /*h3.ch3_2 { text-align: center; margin-bottom: 6vw; padding-top: 8vw; font-size: 6vw; line-height: 7vw;
		background: url("../../images/icon_ttl.svg") center top no-repeat;
		background-size: 16vw auto; }
	
	/*.cb h4.ch4:before { background: #e1d3b6; }*/
    /*h4.ch4_2 { font-size: 4vw; padding-left: 3vw; border-left: #dbab4d 1vw solid;
		line-height: 4vw; margin-bottom: 3vw; }*/

    .cmenu {
        width: 100%;
        position: relative;
        text-align: left;
        margin: 0 auto 4vw;
    }

    .cmenu li {
        width: 100%;
        height: 12vw;
        line-height: 12vw;
        border-bottom: #afa895 1px solid;
        border-top: #afa895 1px solid;
    }

    .cmenu li a {
        display: block;
        width: 100%;
        height: 12vw;
        position: relative;
        text-align: center;
        font-size: 4vw;
    }

    .cbd {
        height: 2.6vw;
        width: 100%;
        background: url("../../images/border.jpg") repeat-x;
        background-size: auto 2.6vw;
    }

    .cbtn {
        font-size: 3.4vw;
        position: relative;
        width: 60vw;
        height: 10.4vw;
        display: block;
        text-align: center;
        line-height: 10.4vw;
        border: 1px solid #598cdb;
    }
    .cbtn:after {
        content: "";
        display: block;
        width: 16vw;
        height: 1px;
        background-color: #598cdb;
        position: absolute;
        top: 50%;
        right: -8vw;
    }

    .cbtn2 {
        font-size: 3.7vw;
        position: relative;
        background: #5884c4;
        background-size: 2vw auto;
        width: 86.7vw;
        height: 13.3vw;
        display: block;
        text-align: center;
        line-height: 13.3vw;
        color: #fff;
    }

    table.ctable {
        border-collapse: collapse;
        width: 100%;
        border-top: 1px solid #000000;
    }

    table.ctable th,
    table.ctable td {
        padding: 1vw 2vw;
        text-align: left;
        border-bottom: #000000 1px dotted;
        font-size: 3.7vw;

    }
    table.ctable td.nobb {
        border-bottom: none;
        width: 1em;
    }
    table.ctable2 {
        border-collapse: collapse;
        width: 100%;
    }

    table.ctable2 th,
    table.ctable2 td {
        padding: 1vw 2vw;
        text-align: left;
        font-size: 3.7vw;
    }
    table.ctable2 th { padding-left: 0; }
    table.ctable2 th:before {
        content: "・";
        color: #205dab;
        display: inline-block;
        font-size: 5vw;
        position: relative;
        top: 1vw;
    }

    /*cdl...common dl*/
    /*.cdl {  width: 90vw; margin: 3vw auto; }
	.cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid;
		min-height: 8vw; line-height: 8vw; font-size: 4.2vw; background: #eeeeee; text-align: left; 
		padding-left: 2vw; }
	.cdl dt:first-child { border-top: #80ad1f 2px solid; }
	.cdl dd { border-bottom: #e0e0e0 1px solid; min-height: 8vw; line-height: 8vw;
		font-size: 4.2vw; padding: 2vw; text-align: left; }

	ul.bn { text-align: center; margin: 13vw auto 20vw; }
	ul.bn li { margin-bottom: 2.6vw; }*/

    .slide_wrp_i {
        width: 100%;
        height: 75vw;
        height: -webkit-calc(100vh - 32vw);
        height: calc(100vh - 32vw);
        position: relative;
        margin-top: 16vw;
    }

    .slide_wrp_i .bx-wrapper {
        margin: 0 auto;
        height: 75vw;
        height: -webkit-calc(100vh - 32vw);
        height: calc(100vh - 32vw);
        box-shadow: none;
        border:none;

    }

    .slide_wrp_i .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: 0;
        height: 100% !important;
    }

    .slide_wrp_i .slide_i {
        width: 100%;
        height: 100%;
    }


    .slide_wrp_i .bx-wrapper .bx-pager,
    .slide_wrp_i .bx-wrapper .bx-controls-auto {
        bottom: 12vw;
        right: -30vw;
        padding: 0 4vw;
    }

    .bx-wrapper .bx-pager {
        text-align: right;
    }

    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a {
        background: #FFFFFF;
        width: 5vw;
        height: 5vw;
        text-align: left;
        margin: 0 2vwpx;
        border-radius: 50%;
    }

    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #5884c4;
    }
    .slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a.active{
        width: 5vw;
        height: 5vw;
        border-radius: 50%; 
        position: relative;
        /*top: -2vw;*/
}

    .slide_wrp_i .slide_i li:first-child {
        background: url("../images/mv1_sp.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(2) {
        background: url("../images/mv2_sp.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(3) {
        background: url("../images/mv3_sp.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
/*
    .slide_wrp_i .slide_i li:nth-child(4) {
        background: url("../images/mv4_sp.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(5) {
        background: url("../images/mv5_sp.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
*/

    /*.slide_wrp_i .bx-wrapper .bx-pager { bottom: 3vw; }
	.slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff;
		width: 4vw; height: 4vw; border-radius: 2vw; display: inline-block; vertical-align: middle; }
	.slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	.slide_wrp_i .bx-wrapper .bx-pager.bx-default-pager a.active { background: #9b6d05;
		 }
    .slide_wrp_i .slide_i li {
        padding-top: 23vh;
        text-align: center;
        position: relative;
    }

    .slide_wrp_i .slide_i li img {
        position: absolute;
        width: 70vw;
        top: 50%;
        margin-top: -23vh;
        left: 50%;
        margin-left: -35vw;
    }

    .slide_wrp_i .open { position: absolute; top:10vw; left: 0; width: 80vw; }
*/
    .slide_wrp_i #cc {
        position: absolute;
        top:50%;
        left: 50%;
        margin-top: -25vw;
        margin-left: -30vw;
        width: 60vw;
    }
    .slide_wrp_i #cc img {
        width: 100%;
    }

    .slide_wrp_i #scroll {
        position: absolute;
        bottom: 6vw;
        left: 50%;
        margin-left: -13vw;
        display: block;
        width: 26vw;
    }
    .slide_wrp_i #scroll img {
        width: 100%;
    } 


/*
    .slide_wrp_i #fv_scroll span:before {
        position: absolute;
        content: "\f107";
        font-family: FontAwesome;
        width: 10vw;
        height: 10vw;
        line-height: 10vw;
        text-align: center;
        left: 0;
        top: 0;
    }


    .slide_wrp_i #fv_scroll:hover {
        opacity: 1;
    }

    .slide_wrp_i #fv_scroll:hover span {
        background: #170011;
    }
*/


    #info_sche {
        position: relative;
        bottom: 0;
        z-index: 100;
        width: 100%;
        color: #FFFFFF;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#598cdb+1,598cdb+50,447fab+51,447fab+100 */
        background: rgba(89,140,219,0.7); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(89,140,219,0.7)rgba(89,140,219,0.7) 1%, rgba(89,140,219,0.7) 50%, rgba(68,127,171,0.7) 50%, rgba(68,127,171,0.7) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(89,140,219,0.7) 1%,rgba(89,140,219,0.7) 50%,rgba(68,127,171,0.7) 50%,rgba(68,127,171,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(89,140,219,0.7) 1%,rgba(89,140,219,0.7) 50%,rgba(68,127,171,0.7) 50%,rgba(68,127,171,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#598cdb', endColorstr='#447fab',GradientType=1 ); /* IE6-9 */
    }
    #info_sche .mainw {
        display: flex;
        align-items: center;
        width: 100%;
    }
    #infonew , #schenew {
        width: 50%;
        padding: 5vw 3vw;
        display: flex;
        flex-direction: column;
    }
    /*#info_sche .mainw div.cflex {
        align-items: center;
        height: 80px;
    }*/
    #info_sche h3 {
        font-size: 3.4vw;
        text-align: center;
        display: inline-block;
        padding: 0 2em;
        border-bottom: 1px solid #FFFFFF;
    }
    #info_sche h3 span {
        
    }
    #info_sche p.day {
        font-size: 3vw;
        margin-right: 2vw;
        text-align: center;
    }
    #info_sche p.mes {
        font-size: 3vw;
        text-align: center;
    }
    #info_sche p.next {
        font-size: 3.4vw;
        text-align: center;
    }

    article{
        margin-top: 15vw;

    }

/*#cycle*/
    #cycle {
        margin-bottom: 15vw;
    }
    #cycle .mainw {
        text-align: center;
    }

/*best_fish*/
    #best_fish { padding-bottom: 15vw; }
    #best_fish .img { margin-bottom: 2vw; }
    #best_fish .img img { width: 100%; height: auto; }

/*catch*/
    #catch { padding-bottom: 15vw; margin-bottom: 15vw; }
    #catch .catchwrap {
        width: 100%;
    }
    #catch .catchwrap li { 
        width: 100%;
        padding: 3vw 5vw;
        display: flex;
        justify-content: space-between;
        margin-bottom: 4vw;
        border: 1px solid #666666;
    }
    #catch .catchwrap li .catchimg {
        width: 38.2vw;
        height: 27vw;
        overflow: hidden;
    }
    #catch .catchwrap li .catchimg img {
        width: 100%;
    }
    #catch .catchwrap li .catchtxt {
        width: 35.3vw;
        
    }
    #catch .catchwrap li .catchtxt .catchday {
        font-size: 3.3vw;
        font-family: alata-r;
        margin-bottom: 1vw;
    }
    #catch .catchwrap li .catchtxt .catchmidashi {
        margin-bottom: 2vw;
        font-size: 3.3vw;
        line-height: 1;
    }
    #catch .catchwrap li .catchtxt .catchmidashi a {
        text-decoration: underline;
        color: #598cdb;
        font-size: 3.8vw;
        line-height: 1.2;
    }
    #catch .catchwrap li .catchtxt a.more {
        display: block;
        width: 27vw;
        padding: 1vw 0;
        text-align: center;
        border: 1px solid #598cdb;
        border-radius: 1vw;
        margin-left: auto;
        background: url(../images/icon_arrow_right_try_blue.svg) right 2vw center no-repeat;
        background-size: 0.7vw auto;
        font-size: 3.4vw;
    }

    #catch a.cbtn {
        margin: 4vw auto 0;
    }

/* #schedule*/
    #schedule { 
        background-color: #d3edfb; 
        padding-bottom: 12vw;
        margin-bottom: 12vw; 
    }
    #schedule ul {
        width: 100%;
        background: #FFFFFF;
        padding: 4vw;
    }
    #schedule ul li {
        width: 100%;
        padding: 2vw;
        border-bottom: 1px dotted #919193;

    }
    #schedule ul li:first-child {
        border-top: 1px dotted #919193;
    }
    #schedule ul li p.schday {
        display: inline-block;
        background-color: #598cdb;
        color: #FFFFFF;
        padding: 1vw 2vw;
        text-align: center;
        font-size: 3.4vw;
        margin-bottom: 1vw;
    }
    #schedule ul li div.cflex {
        display: flex;
        width: 100%;
    }
    #schedule ul li div.cflex p.schmes {
        font-size: 3.4vw;
    }
    #schedule ul li div.cflex p.schsup {
        font-size: 3.4vw;
    }
    #schedule ul li div.cflex p.schsup.full {
        color: #598cdb;
    }
    #schedule ul li .schsup.full {
        color: #dc3a3a;
    }

    /* 20230411 schedule-description */
    .schedule-description{
        display:flex;
        justify-content:center;
        flex-wrap: wrap;
    }

    .schedule-item{
        margin: 8px;
        width: 40%;
    }
    
    .schedule-category{
        font-size: 14px;
        border-radius: 5px;
        height: 40px;
        width: 160px;
        color: #ffffff;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .schedule-sub{
        text-align: center;
        margin-bottom: 5.3vw;
    }
/* #concept */
    #concept { 
        /*padding-bottom: 12vw;*/ 
        padding-bottom: 1vw;
        margin-bottom: 5vw;
        background: url(../images/bg_concept_sp.jpg?v2) top center no-repeat;
        background-size: contain; 
    }
    #concept h3.ch3 {
        margin-top: 10vw;
        margin-bottom: 30vw;
    }
    #concept p.lead {
        line-height: 1.5;
        margin-bottom: 4vw;
        text-align: left;
        font-size: 3.7vw;
/*        text-shadow: 1 1 1vw #FFFFFF,1 1 1.5vw #FFFFFF,1 1 2vw #FFFFFF,
                    -1 1 1vw #FFFFFF,-1 1 1.5vw #FFFFFF,-1 1 2vw #FFFFFF,
                    1 -1 1vw  #FFFFFF,1 -1 1.5vw #FFFFFF,1 -1 2vw #FFFFFF,
                    -1 -1 1vw #FFFFFF,-1 -1 1.5vw #FFFFFF,-1 -1 2vw #FFFFFF;*/
    }
    #concept .w1100 {
        width: 74vw;
        display: flex;
        flex-direction: column-reverse;
    }
    #concept .conimg {
        margin-bottom: 6vw;
    }
    #concept .conimg img {
        width: 100%;
    }

/* #concept2 */
    #concept2 { 
        padding-bottom: 12vw; 
        margin-bottom: 12vw;
    }

/* #spec */
    #spec {
        background-color: #d2eaf8;
        padding-bottom: 12vw;
        margin-bottom: 12vw;
    }

    .slide_wrp_s {
        width: 100%;
        height: 50vw;
        /*height: -webkit-calc(100vh - 32vw);
        height: calc(100vh - 32vw);*/
        position: relative;
    }

    .slide_wrp_s .bx-wrapper {
        margin: 0 auto;
        height: 50vw;
        /*height: -webkit-calc(100vh - 32vw);
        height: calc(100vh - 32vw);*/
        box-shadow: none;
        border:none;

    }

    .slide_wrp_s .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: 0;
        height: 100% !important;
    }

    .slide_wrp_s .slide_s {
        width: 100%;
        height: 100%;
    }


    .slide_wrp_s .bx-wrapper .bx-pager,
    .slide_wrp_s .bx-wrapper .bx-controls-auto {
        bottom: 12vw;
        right: -30vw;
        padding: 0 4vw;
    }

    .bx-wrapper .bx-pager {
        text-align: right;
    }

    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a {
        background: #FFFFFF;
        width: 5vw;
        height: 5vw;
        text-align: left;
        margin: 0 2vw;
        border-radius: 50%;
    }

    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #5884c4;
    }
    .slide_wrp_s .bx-wrapper .bx-pager.bx-default-pager a.active{
        width: 5vw;
        height: 5vw;
        border-radius: 50%; 
        position: relative;
        /*top: -2vw;*/
}

    .slide_wrp_s .slide_s li:first-child {
        background: url("../images/img_ship1.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_s .slide_s li:nth-child(2) {
        background: url("../images/img_ship1.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_s .slide_s li:nth-child(3) {
        background: url("../images/img_ship1.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    #spec .shipbody { 
        background-color: #d3edfb;
        position: relative;
        z-index: 100;
        top: -7vw;
        text-align: center;
     }
     #spec .shipbody h3 {

     }
     #spec .shipbody h3 span {
        margin-right: 1em;
     }
     #spec .shipbody table.ctable {
        width: 74vw;
        margin: 0 auto 6vw;
     }
    #spec .shipbody table.ctable th {
        display: block;
        text-align: center;
        border-top: 1px solid #000000;
        border-bottom: 1px dashed #000000;
    }
    #spec .shipbody table.ctable td {
        display: block;
        text-align: center;
        border-bottom: none;
    }
    #spec .shipbody table.ctable tr:last-child td {
        border-bottom: 1px solid #000000;
    }
    #spec .specinner {
        background-color: #d3edfb;
        position: relative;
    }
    #spec .loopslider { margin-bottom: 10vw; }

    .equipment1 {
        margin-bottom: 6vw;
        align-items: center;
        display: flex;
    }
    .equipment1 .specimg {
        width: 45%;
    }
     .equipment1 .specimg img {
        width: 100%;
    }
    .equipment1 .spectxt {
        width: 55%;
    }
    .equipment1 .spectxt h3 {
        margin-left: 1vw;
        margin-bottom: 2vw;
    }
    .eq .equipment1 .spectxt h3:after {
        margin-left: 0.5em;
    }
    .equipment1 .spectxt p {
        padding-top: 2vw;
        border-top: 1px solid #000000;
        padding-left: 1vw;
    }
    .equipment2 {
        display: flex;
        flex-direction: row-reverse;
       }
    .equipment2 .specimg {
        width: 45%;
    }
    .equipment2 .specimg img {
        width: 100%;
    }
    .equipment2 .spectxt {
        width: 55%;
    }
    .equipment2 .spectxt h3.ch3_2 {
        margin-bottom: 2vw;
    }
    .equipment2 .spectxt h3.ch3_2:after {
        bottom: 8vw;
        right: -15vw;
    }
    .equipment2 .spectxt th , .equipment2 .spectxt td {
        display: block;
    }
    .equipment2 .spectxt td {
        border-bottom: none;
     }
     .w1100.eq {
        width: 74vw;
        margin-bottom: 6vw;
     }

    .w1100.other_eq { 
        width: 74vw;
        margin-bottom: 6vw;
     }
     .other_eq h3.ch3_2 {
        text-align: center;
        margin-bottom: 9vw;
    }
    .other_eq h3.ch3_2 span{
        position: relative;
       left: -2.7em;
    }

     .other_eq ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
     }
     .other_eq li {
        width: 36vw;
        margin-bottom: 5vw;

     }
    .other_eq li>div {
        width: 100%;
        margin-bottom: 2.5vw;
    }

    .other_eq li>div img {
        width: 100%;
    }

    .other_eq li p {
        text-align: center;
        font-size: 3.7vw;
    }

    .other_eq li:nth-child(3) p {
        letter-spacing: -0.1vw;
    }
    .equipment1.w1100 {
        width: 74vw;
    } 
    
    .toilet {
        margin-bottom: 0;
    }
    .toilet.equipment1 {
        align-items: flex-start;
    }

    .toilet h3.ch3_2 {
        margin-left: 2.6vw;
        margin-bottom: 2vw;
    }
    .toilet h3.ch3_2 span {
        position: relative;
    }
    .toilet h3.ch3_2::after {
        content: "";
        display: inline-block;
        background: url(../images/icon_toilet.svg) center center no-repeat;
        width: 5.3vw;
        height: 6.6vw;
        background-size: contain;
        position: absolute;
        top: -1vw;
        right: 20vw;
    }
    .toilet.equipment1 p {
        padding-left: 2.6vw;
    }

    .warning.w1100 {
        border: 1px solid #598cdb;
        /* padding: 6vw 0; */
        margin-top: 6vw;
        /* width: 74vw; */
        width: 90vw;
        padding: 6vw 2vw;
    }
    .warning h3 {
        padding-top: 9vw;
        padding-bottom: 2.6vw;
        margin-bottom: 2.6vw;
        text-align: center;
        background: url(../images/icon_warning.svg) center top no-repeat;
        background-size: 8vw auto;
        border-bottom:  1px dashed #598cdb;
    }
    .warning ul { 
        padding: 0 2vw;
        margin-bottom: 8vw;
        }
    .warning li { 
        /*text-indent: -1em; padding-left: 1em; */
        padding-left: 3.7vw;
        text-indent: -3.7vw;
        }
    .warning li:before { 
        content: "・";
        }
    .warning h4 {
        text-align: center;
        margin-bottom: 2vw;
    }
    .warning p {
        line-height: 1.5;
        padding: 0 2vw;
    }
    .warning p a {
        display: inline-block;
        margin-top: 1vw;
        margin-bottom: 1vw;
        text-decoration: underline;
        color: #598cdb;
    }
    .warning .sakura {
        display: inline-block;
/*        position: absolute;
        bottom: 40px;
        right: 180px;*/
        margin-top: 4vw;
        /*margin-bottom: 10px;*/
        width: 100%;
        text-align: center;
        font-size: 3.3vw;
    }
    .warning .sakura img {
        width: 30%;
    }





/* #target */

    #target { 
    padding-bottom: 12vw;
    margin-bottom: 12vw;
     }
    #target .target_l {
        width: 88vw;
        margin: 0 auto 40px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
     }
    #target .target_l li {
        width: 27.7vw;
        /*margin: 0 1vw 3vw 0;*/
    }
    #target .target_l li:nth-child(even) {
    }
     #target .target_l li>div {
        margin-bottom: 2vw;
     }
    #target .target_l li>div img {
        width: 100%;
    }

     #target .target_l p {
        text-align: center;
        color: #598cdb;
     }
    #target .target_s {
        width: 88vw;
        margin: 0 auto ;
        display: flex;
        flex-wrap: wrap;
        /*justify-content: center;*/
        /*justify-content: space-between;*/
     }
     #target .target_s li {
        /*width: 22vw;*/
        width: 28vw;
        /*margin: 0 1.5vw 3vw;  */
        margin-bottom: 3vw; 
        margin-right: 2vw;
     }
     #target .target_s li:nth-child(3n) {
        margin-right: 0;
     }
     #target .target_s li>div {
        margin-bottom: 2vw;
     }
     #target .target_s li>div img {
        width: 100%;
     }
     #target .target_s p {
        text-align: center;
        color: #598cdb;
     }

/* #game */
    #game { 
    padding-bottom: 12vw;
    margin-bottom: 12vw;
    background: url(../images/bg_game.jpg) top center no-repeat;
    background-size: cover;
    }
    #game .game {
        width: 88vw;
        margin: 0 auto 6vw;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #game .game  li {
        width: 27.7vw;
        /*margin: 0 1vw 3vw;*/
        margin-bottom: 3vw;
    }
     #game .game  li>div {
        margin-bottom: 2vw;
    }
    #game .game  li>div img {
        width: 100%;
    }
     #game .game  p {
        text-align: center;
        color: #598cdb;
        line-height: 1.2;
    }

/* #charge */
    #charge {
        background-color: #d3edfb;
        padding-bottom: 15vw;
        margin-bottom: 15vw;
    }
    #charge table.t-price { 
        /*width: 147vw;*/
        width: 100%;
        margin-bottom: 2vw;
     }
    #charge table.t-price th {
        background-color: #598cdb;
        color: #FFFFFF;
        padding: 1.5vw 1vw;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #FFFFFF;
        display: none;
     }
    #charge table.t-price th:last-child {
        border-right: none;
    }

    #charge table.t-price td {
        /*padding: 1.5vw 1vw;*/
        padding-bottom: 1.5vw;
        text-align: center;
        vertical-align: middle;
        /*border-right: 1px solid #598cdb;
        border-bottom: 1px dashed #598cdb;*/
        background-color: #FFFFFF;
        display: block;
     }
    #charge table.t-price td:first-child {
        
    }
    #charge table.t-price tr:last-child td {
        
    }
    #charge table.t-price td:first-of-type {

    }
    #charge table.t-price td:last-of-type {
            border-right: none;
            margin-bottom: 12vw;
    }
    #charge table.tsp2 th:first-of-type {
        width: 35%;
    }
    .for_sp.tsp {
        background-color: #ffffff;
    }
    #charge table.t-price tr {
        margin-bottom: 10vw;
    }
    #charge table.t-price td span {
        display: block;
        background-color: #598cdb;
        color: #FFFFFF;
        padding: 1.5vw 1vw;
        text-align: center;
        vertical-align: middle;
        /*border-right: 1px solid #FFFFFF;*/
    }
    #charge table.t-price td span.for_sp {
        display: inline;
        width: 0;
        height: 0;
        visibility: hidden;
    }
    #charge table.t-price tr:last-child td:last-of-type {
        margin-bottom: 2vw;
    }

    #charge ul.note {
        margin-bottom: 6vw;
    }
    #charge ul.note li {
        text-indent: -1em;
        padding-left: 1em;
        margin-bottom: 1vw;
    }

    #charge .bait {
        background-color: #FFFFFF;
        padding:4.6vw;
        margin-bottom: 6vw;
        align-items: center;
        justify-content: space-between;
    }
    #charge .bait .midashi {
        margin-bottom: 4vw ;
    }
    #charge .bait .midashi h3 {
        text-align: center;
    }
    #charge .bait .midashi h3 span {
        position: relative;
        /*left: -0.5em;*/
    }
    #charge .bait .midashi p {
        padding-top: 2vw;
        border-top: 1px solid #000000;
    }
    #charge .baitdetail {

    }
    #charge .baitdetail ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;        
    }
    #charge .baitdetail ul li {
        width: 48%;
    }
    #charge .baitdetail ul li>div {
        text-align: center;
        margin-bottom: 2vw;
    }
    #charge .baitdetail ul li>div img {
        width: 100%;
    }
    #charge .baitdetail ul li p.baitname {
        color: #598cdb;
        font-size: 3.7vw;
        text-align: center;
        line-height: 1.2;
    }
    #charge .baitdetail ul li p.baitprice {
        text-align: center;
    }
    #charge .rentalrod {
        background-color: #FFFFFF;
        padding: 4.6vw;
        margin-bottom: 6vw;
        align-items: center;
        justify-content: space-between;
    }
    #charge .rentalrod .midashi {
        width: 50%;
    }
    #charge .rentalrod h3 {
        text-align: center;
    }
    #charge .rentalrod h3 span {
        position: relative;
        /*left: -2.5em;*/
    }
    #charge .rentalrod .midashi p {
        line-height: 1.5;
    }
    #charge .rentalrod .midashi ul.price {
        margin-bottom: 6vw;
    }
    #charge .rentalrod .midashi ul.price li {
        text-indent: -1em;
        padding-left: 1em;
    }
    #charge .rentalrod .midashi ul.price li:before {
        content: "●";
        color: #598cdb;
    }
    #charge .rentalroddetail {

    }
    #charge .rentalrod .spflex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 4vw;
        padding-top: 4vw;
        border-top: 1px solid #000000;
    }
    #charge .rentalrod .spflex .rentalroddetail { 
        width: 48%;
        padding-top: 2vw;
    }
    #charge .rentalrod .spflex .rentalroddetail img { 
        width: 100%;
    }
    #charge .rentalrod .spflex#lure .midashi {
        width: 100%;
    }
    #charge .rentalrod .spflex#lure .rentalroddetail{
        display: none;
    }
    #charge .special {
        color: #a12243;
        font-size: 6vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 3vw;
    }
    #charge .t-shirts {
        background-color: #FFFFFF;
        padding: 4.6vw;
        margin-bottom: 6vw;
        align-items: center;
        justify-content: space-between;
    }
    #charge .t-shirts .midashi {
        width: 100%;
    }
    #charge .t-shirts h3 {
        text-align: center;
    }
    #charge .t-shirts h3 span {
        position: relative;
        /*left: -2.5em;*/
    }
    #charge .t-shirts .midashi p {
        line-height: 1.5;
    }
    #charge .t-shirtsdetail {

    }
    #charge .t-shirts .spflex {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 4vw;
        padding-top: 4vw;
        border-top: 1px solid #000000;
        margin-bottom: 6vw;
    }
    #charge .t-shirts .spflex .t-shirtsdetail { 
        width: 100%;
        padding-top: 2vw;
        padding-bottom: 4vw;
    }
    #charge .t-shirts .spflex .t-shirtsdetail img { 
        width: 100%;
        display: block;
        margin-bottom: 2vw;
    }

    #charge .special {
        color: #a12243;
        font-size: 6vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 3vw;
    }

#charge .t-shirts table {
    margin-top: 5px;
    width: 100%;
}
#charge .t-shirts table th {
    width: 30vw;
    background: #598cdb;
    color: #FFFFFF;
    border-top: 1px solid #598cdb;
}
#charge .t-shirts table tr:nth-child(2) th {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#charge .t-shirts table tr:last-child th {
    /*border-top: 1px solid #FFFFFF;*/
    border-bottom: 1px solid #598cdb;
}
#charge .t-shirts table td , #charge .t-shirts table td {
    padding: 1em;
}

#charge .t-shirts table td {
    width: auto;
    border-top: 1px solid #598cdb;
    border-right: 1px solid #598cdb;
    border-bottom: 1px solid #598cdb;
}
#charge .t-shirts table tr:nth-child(n+2) td {
    border-top: 1px solid #598cdb;
}

#charge .t-shirts .midashi p.kome {
    border-top: none;
    padding-top: 2vw;
}
#charge .t-shirts a {
    display: inline-block;
    border-bottom: 1px solid #000000;
}
#charge .t-shirts a.imail {
    background:url(../images/icon_mail.svg) center left no-repeat;
    background-size: 4vw;
    padding-left: 5vw;
}
#charge .t-shirts a.iline {
    background:url(../images/icon_line.svg) center left no-repeat;
    background-size: 4vw;
    padding-left: 5vw;
}

/* #sightseeing */
    #sightseeing {
        padding-bottom: 15vw;
    }
    #sightseeing .s_seeing1 {
        margin-bottom: 8vw;
    }
    #sightseeing .s_seeing1 li {
        width: 100%;
        margin-bottom: 10vw;
    }
    #sightseeing .s_seeing1 li .s_seeingimg {
        margin-bottom: 6vw;
    }
    #sightseeing .s_seeing1 li .s_seeingimg img {
        width: 100%;
    }
    #sightseeing .s_seeing1 li .s_seeingtxt h3 {
        font-size: 5.3vw;
        font-weight: bold;
        padding-bottom: 2vw;
        margin-bottom: 2vw;
        border-bottom: 1px solid #000000;
    }

    #sightseeing .s_seeing2 {
        padding: 8vw 4vw; 
        border: 1px dashed #598cdb;
    }
    #sightseeing .s_seeing2 .s_seeing2txt {
        width: 100%;
        margin-bottom: 8vw;
    }
    #sightseeing .s_seeing2 .s_seeing2txt h3 {
        font-size: 5.3vw;
        font-weight: bold;
        padding-bottom: 2vw;
        margin-bottom: 2vw;
        border-bottom: 1px solid #000000;
    }
    #sightseeing .s_seeing2 a.cbtn {
        margin: 0 auto;
    }


    .loopslider { width: 100%; height: 105px; position: relative; overflow: hidden; }
    .loopslider ul { display: flex; float: left; }
    .loopslider li { width: 160px; height: 105px; position: relative; }



/*access*/
    #access {
       padding-bottom: 12vw;
    }
    #access .ch3 {
    }
    #access #gmap {
    }
    #access iframe { 
        width: 100%;
        height: 50.6vw;
     }
    #access #gmap .cbtn {
        width: 77vw;
        margin-right: auto;
        margin-left: 6vw;
        margin-top: 4vw;
        margin-bottom: 6vw;
    }

    .placeinfo {
        width: 88vw;
        margin: 0 auto 8vw; ;
        padding-top: 7.3vw;
        display: flex;
    }
    .placeinfo .placetxt {
        width: 50.6vw;
    }
    .placeinfo .placetxt p.placecom {
        color: #598cdb;
        font-weight: bold;
        padding-left: 1.5vw;
    }
    .placeinfo .placetxt p.placeaddress {
        padding-top: 2vw;
        margin-top: 2vw;
        border-top: 1px solid #000000;
        padding-left: 1.5vw;
    }
    .placeinfo .placeimg {
        width: 37.3vw;
        /*margin-top: auto;*/
    }
    .placeinfo .placeimg img {
        width: 100%;
     }

/*contact*/
    #contact{
        /*padding-bottom: 12vw;*/
        padding-bottom: 24vw;
        /*margin-bottom: 12vw;*/
        background: #d3edfb;
    }
    #contact .w1000 {
        width: 100%;
    }
    .form-area { 
        /*background: #FFFFFF;*/
    }
    .form-area table th span {
        color: #a12243;
    }
    .c_red { 
        color: #a12243;
    }
    .form-area table {
        width: 100%;
    }
    .form-area table th,
    .form-area table td {
        display: block;
    }
    .form-area table th {
        vertical-align: middle;
        font-size: 4vw;
        text-align: center;
        padding-top: 2vw;
        background-color: #d1e6ea;
    }

    .form-area table td {
        /*background-color: #FFFFFF;*/
    }

    /*.form-area table th span {
        color: #c30d23;
    }*/

    .form-area table td input {
        border: #d1d2d3 1px solid;
        background: #FFFFFF;
        width: 100%;
        height: 13vw;
        line-height: 13vw;
        padding: 0 2vw;
        font-size: 4vw;
        border-radius: 0;
    }
    .form-area table td select {
        border: #e1e3e4 1px solid;
        background: #FFFFFF;
        height: 13vw;
        line-height: 13vw;
        padding: 0 2vw;
        font-size: 4vw;
    }
    .form-area table td textarea {
        width: 100%;
        height: 20vw;
        border: #d1d2d3 1px solid;
        background: #FFFFFF;
        padding: 2vw;
        margin-bottom: 2vw;
        font-size: 4vw;
    }

    .form-area .btn {
        display: flex;
        justify-content: center;
        margin-bottom: 20vw;
    }

    .form-area .btn input {
        font-size: 3.7vw;
        display: block;
        text-align: center;
        line-height: 13vw;
        width: 100%;
        height: 13vw;
        position: relative;
        background: url("../images/icon_arrow.svg") right 2vw center no-repeat;
        -webkit-appearance: none;
    }

    #SMIL_INFO {
        font-size: 3.7vw;
        line-height: 4.4vw;
        margin-bottom: 2vw;
    }

    #SMIL_ERR dl {
        display: flex;
        flex-wrap: wrap;
    }

    #SMIL_ERR dl dt {
        width: 30%;
    }

    #SMIL_ERR dl dd {
        width: 70%;
    }

    #contact iframe {
        height: 150vw;
    }
    #contact .cbtn {
        margin: 0 auto;
    }


    .form-area table td #id_day {
        width: 32vw;
    }
    .form-area table td #id_stay {
        width: 20vw;
    }
    .form-area table td #id_fish {
        width: 73vw;
    }
    .form-area table td #id_roomtype {
        width: 73vw;
    }
    .form-area table td #id_roomnumber {
        width: 20vw;
    }
    .form-area table td #id_men , .form-area table td #id_lady , .form-area table td #id_child {
        width: 19vw;
        margin: 1vw auto 1vw 33.2vw;
    }
    .form-area table td #id_name {
        width: 100%;
    }
    .form-area table td #id_kana {
        width: 100%;
    }
    .form-area table td #id_email {
        width: 100%;
    }
    .form-area table td #id_postnumber {
        width: 26vw;
    }
    .form-area table td #id_address {
        width: 65vw; margin-left: 1em;
    }
    .form-area table td #id_tel {
        width: 100%;
    }
    .form-area table td #id_checkin {
        width: 73vw;
    }
    .form-area table td #id_message {
        width: 100%;
        height: 32vw;
    }
    .form-area table td #id_day {
        width: 100%;
    }
    .form-area table td #id_fish {
        width: 100%;
    }



    #id_men , #id_lady , #id_postnumber {  }

    .form-area table td select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        background: url(../images/icon_arrow_select.svg) right 2vw center no-repeat #FFFFFF;
        background-size: 2vw auto;
    }
    .form-area table td select::-ms-expand{
    display: none;
    }

    input[type="submit"] {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        border: none;
        cursor: pointer;  
        width: 100%; 
        -webkit-appearance: none;
           border-radius: 0;    
    }
    #contact iframe { 
        /*height: 160vh;*/
        height: 220vw;
        }

    input , select , textarea {
        background-color: #FFFFFF;
    }
    .of_x{
        overflow-x: scroll;
    }

    /*catchdetail*/
    #catchdetail,#catch.catchlist { margin: 30vw auto; }
    #catchdetail h4 { font-size: 6vw; border-bottom: 1px solid #000000; padding: 4vw 0; margin-bottom: 2vw; }
    #catchdetail .catchday { margin-bottom: 6vw; }
    #catchdetail .catchimg { margin-bottom: 4vw; }
    #catchdetail .catchtxt img { height: auto; }
    #catchdetail .cbtn { margin: 8vw auto 0; }


    .pagination {  }
    .pagination .page-numbers { display: flex; justify-content: center; align-items: center; }
    .pagination .page-numbers li { margin-right: 1.5vw; margin-left: 1.5vw; }

    /* links */
    #links {
        padding: 16vw 0;
    }
    #links li {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4vw;
    }
    #schedule .iphone {
        margin-bottom: 4vw;
    }
    #schedule .iphone a {
        text-decoration: underline;
    }
    #schedule iframe {
        width: 100%;
        height: 80w;
        margin-bottom: 8vw;
    }
    #catchdetail iframe {
        width: 100%;
        height: 50.5vw;
    }

}/* End @media(max-width:750px)