@charset "UTF-8";
@import url('./icon/css/font-awesome.min.css');

/* -- Base and Reset
-------------------------------------------------------------------------------- */
body,html {
    height: 100%;
    width: 100%;
}
html {
    overflow-y: auto;
}
body {
    font: 13px/1.51 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333;
    text-align: left;
    letter-spacing: 0;
    -webkit-text-size-adjust: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}
caption,th,td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
input,textarea,select {
    vertical-align: middle;
}
textarea {
    resize: vertical;
}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
ul,ol{list-style: none;}
fieldset,img{border: 0; vertical-align: top;}
table{width: 694px; margin: 20px 13px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
table tr th {background-color: #EAF3FD; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; text-align: center; white-space: nowrap; vertical-align: middle;}
table tr th span{padding: 5px; border: 1px solid #fff; display: block;}
table tr td{text-align: center; padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: middle;}
/* -- Clear_fix
-------------------------------------------------------------------------------- */
.cf:after {
    content: "";
    display: block;
    clear: both;
    height: 0!important;
}
a{
    text-decoration:none;
    color:inherit;
}
#topicpath li a,
.main a{color: #00a0dc;}
#topicpath li a:hover,
.main a:hover{color:#f45396;text-decoration:underline;}
h1,h2,
.txtLight{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: always;
}
.hide{display:none;}
.show{display:block;}
.bold{font-weight:bold;}
.red{color:#F44336;}
.blue{color: #7DDAFF;}
.txt_center{text-align:center !important;}
.txt_right{text-align:right !important;}
.txt_left{text-align:left !important;}
.w15{width: 15%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w50{width: 50%;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}



/* main
========================================== */
#content .inner .main{float: left; width: 720px;}
#content .inner .main .txt_right{text-align: right;}
.main .img_fl{float: left; padding: 0 1em 1em 13px; margin: 0;}
.main .img_fr{float: right; padding: 0 13px 1em 1em; margin: 0;}
.main .img_space{margin: 0; text-align: center;}
.main .img_space_fl{float: left; width: 345px; padding: 0 0 0 13px; margin: 10px 0 0;}
.main .img_space_fr{float: right; width: 345px; padding: 0 11px 0 0; margin: 10px 0 0;}
.main .map{margin: 20px 13px 5px 13px; border: 5px solid #F45396;}
.main .txt{padding: 0 13px; margin: 20px 0; font-size: 108%; line-height: 1.5;}
.main h2 {width: 700px;padding: 12px 0 5px 20px;margin: 11px 0 20px;font-size: 138.5%;font-weight: bold;color: #fff;background-color: #f45396;}
.main h3{padding: 3px 0 0 5px; margin: 0 0 15px 13px; border-left: 7px solid #333; font-size: 123.1%; font-weight: bold;}
.main h4{margin: 0 0 20px 13px; font-size: 108%; font-weight: bold; color: #1BB2E7;}
.main h5{}
.main h6{}
/* -- wrap
-------------------------------------------------------------------------------- */
#wrap{
    min-width:1020px;
    overflow:hidden;
}
/* -- header
-------------------------------------------------------------------------------- */
#header{
    background-color:#7ddbff;
}
#header .headerBlock{
    width:980px;
    margin:0 auto;
    height:63px;
    padding-top:17px;
    position:relative;
}
#header .headerBlock:before{
    content:"";
    position:absolute;
    width:980px;
    height:80px;
    top:0;
    right:-100px;
    background-image:url('../img/ptn_head.jpg');
    background-repeat:no-repeat;
    background-position:right center;
    background-size:840px 80px;
    z-index:0;
}
#header .headerBlock a{
    position:relative;
    z-index:1;
}
/* -- navi
-------------------------------------------------------------------------------- */
#navi{
    background-color:#e2f1f3;
}
#navi .naviBlock{
    width:980px;
    margin:0 auto;
    font-weight:bold;
}
#navi .naviBlock li{
    float:left;
    width:163px;
    font-size:14px;
    text-align:center;
    position:relative;
}
#navi .naviBlock li a{
    display:block;
    padding:14px 0;
    -moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#navi .naviBlock li a:before{
    content:"";
    width:163px;
    height:3px;
    top:-3px;
    left:0;
    background-color:none;
    position:absolute;
    -moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#navi .naviBlock li a:hover{
    background-color:#fff;
}
#navi .naviBlock li a:hover:before{
    background-color:#dd3377;
}
#navi .naviBlock li a.active{
    background-color:#fff;
}
#navi .naviBlock li a.active:before{
    background-color:#dd3377;
}
/* -- mainImg
-------------------------------------------------------------------------------- */
.mainBlock{
    position:relative;
}
#loader{
    width:100%;
    height:650px;
    background-image:url('../img/loader.gif');
    /*background-image:url('../img/slide01.jpg');*/
    /*background-size: cover;*/
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    top:0;
    left:0;
}
#mainImg{
    width:100%;
    background-color:#fff;
    overflow:hidden;
    padding:6px 0 0;
    position:relative;
    opacity:0;
}
#mainImg ul{
    width:100000px;
}
#mainImg li{
    float:left;
    margin-right:2px;
    position:relative;
}
#mainImg li img{
    width:980px;
    height:650px;
}
#mainImg li:before{
    content:"";
    position:absolute;
    width:480px;
    height:280px;
    top:0;
    right:70px;
    background-repeat:no-repeat;
    background-position:right center;
}

/* コロナ対応 */
/* #mainImg li.img01:before{
    background-image:url('../img/slide01_mes.png');
    background-position:left center;
    top:5px;
    left:70px;
}
#mainImg li.img02:before{
    background-image:url('../img/slide02_mes.png');
    top:30px;
    right:60px;
} */
#mainImg li.img03:before{
    background-image:url('../img/slide03_mes.png');
    top:5px;
}
/* #mainImg li.img04:before{
    background-image:url('../img/slide04_mes.png');
    background-position:left center;
    top:10px;
    left:70px;
} */
#mainImg li.img05:before{
    background-image:url('../img/slide05_mes.png');
    background-position:left center;
    top:-10px;
    left:70px;
}
#mainImg li.img06:before{
    background-image:url('../img/slide06_mes.png');
    top:0px;
    right:70px;
}
.naviBtnBlock{
    width:980px;
    height:650px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-490px;
}
#mainImg .naviBtn{
    display:block;
    position:absolute;
    top:50%;
    margin-top:-30px;
    width:56px;
    height:56px;
    line-height:56px;
    border:solid 2px #fff;
    background-color:#fff;
    color:#8cbed1;
    border-radius:30px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    -moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#mainImg .naviBtn:hover{
    background-color:#7ddbff;
    color:#fff;
}
#mainImg .naviBtn .fa{
    padding-top:2px;
    line-height:54px;
}
#leftBtn{
    left:-30px;
    text-indent:-2px;
}
#rightBtn{
    right:-30px;
    text-indent:2px;
}
/* -- mainImgNavi
-------------------------------------------------------------------------------- */
#mainImgNavi{
    width:100%;
    text-align:center;
    position:absolute;
    bottom:0px;
    left:0;
    opacity:0;
}
#mainImgNavi ul{
    padding:0 0 10px;
}
#mainImgNavi li{
    display:inline-block;
    margin:0 10px;
    width:10px;
    height:10px;
    border-radius:10px;
    background-color:#fff;
    cursor:pointer;
    box-shadow: 0 0 1px 0px  rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 0 1px 0px  rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 0 1px 0px  rgba(0,0,0,0.3) inset;
}
#mainImgNavi li.active{
    background-color:#dd3377;
}
/* -- content
-------------------------------------------------------------------------------- */
#content{
    padding:10px 0 80px;
}
#content .contentBlock{
    width:980px;
    margin:0 auto;
/*     text-align:center; */
}
/* -- deco
-------------------------------------------------------------------------------- */
.deco:before{
    content:"";
    position:absolute;
    width:100%;
    height:10px;
    top:0;
    left:0;
    background-size: 120px 10px;
    z-index:1;
}
.deco.w:before{
    background-image:url('../img/ptn_deco_w.png');
}
.deco.r:before{
    background-image:url('../img/ptn_deco_r.png');
}
/* -- topics
-------------------------------------------------------------------------------- */
#topics{
    padding:45px 0 350px;
    border-top:solid 3px #fff;
    background-image:url('../img/img_back_mesh.png');
    position:relative;
}
#topics:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#101f2e;
    z-index:-2;
}
#topics:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image:url('../img/img_back.jpg');
    background-size:100%;
    background-position:bottom;
    background-repeat:no-repeat;
    z-index:-1;
}
#topics .topicsBlock{
    width:980px;
    margin:0 auto 250px;
}
.titleBlock{
    padding:30px 0 30px;
    background:url('../img/icon1.png') no-repeat right center;
    background-size:auto 108px;
    margin-bottom:20px;
}
.titleBlock h1{
    font-size:26px;
    line-height:1;
    padding:0px 0 19px;
    color:#fff;
}
.titleBlock p{
    line-height:1;
    color:#999;
    letter-spacing:1px;
    font-size:14px;
}
#topics .topicsBlock li{
    width:470px;
    float:right;
    border-top:solid 1px #484848;
    border-top:solid 1px rgba(255,255,255,0.2);
    padding:30px 0 40px;
    position:relative;
}
#topics .topicsBlock li:first-child{
    float:left;
}
#topics .topicsBlock li h2{
    font-size:18px;
    color:#00a0dc;
    line-height:1;
    margin-bottom:25px;
    position:relative;
}
#topics .topicsBlock li h2.mov:after{
    content:"\";
    font-family: FontAwesome;
    position:absolute;
    right:15px;
    top:-8px;
    color:#00a0dc;
    font-size:36px;
    font-weight:normal;
}
#topics .topicsBlock li iframe{
    width:470px;
    height:265px;
    margin-bottom:17px;
}
#topics .topicsBlock li p.imgBox{
    width:470px;
    height:265px;
    margin-bottom:16px;
    background-color:#000;
    overflow:hidden;
}
#topics .topicsBlock li p.imgBox span{
    display:block;
    width:694px;
    margin-left:-100px;
    text-align:center;
}
#topics .topicsBlock li p.imgBox img{
    height:265px;
}
#topics .topicsBlock li p{
    font-size:14px;
    line-height:1.5;
    color:#fff;
}
#topics .topicsBlock li a{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    text-indent:-9999px;
}
.youtubeArea img{width: 470px;margin-bottom: 17px;}
#sample06.youtubeArea {
background: url('../img/pool/photo/ph_15_01.jpg') no-repeat;
height: 352px;
margin-bottom: 15px;
}
#sample06.youtubeArea img{display:none;}

/* -- info
-------------------------------------------------------------------------------- */
#info{
    padding:0 0 70px;
/*    border-top:solid 3px #dd3377;   破線ボーター*/
    background-color:#fff;
    position:relative;
}
#info .infoBlock{
    width:980px;
    margin:0 auto;
}
#info .titleBlock{
    background:url('../img/icon2.png') no-repeat right center;
    background-size:auto 106px;
}
#info .titleBlock h1{
    color:inherit;
}
#info .infoBlock li{
    padding:21px 0;
    border-bottom:solid 1px #e0e0e0;
}
#info .infoBlock li:first-child{
    border-top:solid 1px #e0e0e0;
}
#info .infoBlock li dl{
    float:left;
    color:#666;
    line-height:23px;
    font-size:13px;
    width:90px;
}
#info .infoBlock li dt{
    float:left;
    margin-right:15px;
    font-size:12px;
    line-height:1;
    color:#fff;
    background-color:#dd3377;
    padding:4px 0px 5px;
    font-weight:bold;
    width:80px;
    text-align:center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: always;
}
#info .infoBlock li dt.info{
    background-color:#aece00;
}
#info .infoBlock li dd{
    float:left;
    font-size:14px;
    line-height:23px;
    width:795px;
    color:#00a0dc;
}
#info .infoBlock li dd a:hover{color:#f45396;text-decoration:underline;}
/* -- footer
-------------------------------------------------------------------------------- */
#footer{
}
#footer .innerBlock{
    width:980px;
    margin:0 auto;
    padding:40px 0 50px;
}
#footer .subNavi{
    background-color:#abd7e5;
    background-image:url('../img/ptn_01.png');
}
#footer .subNavi .innerBlock{
    padding:20px 0;
}
#footer .subNavi .subNaviUL li a{
    width:306px;
    float:left;
    background-color:#fff;
    border:solid 2px #8cbed1;
    border-radius:10px;
    margin-left:25px;
    line-height:96px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    text-indent:2em;
    position:relative;
    background-image:url('../img/icon3.png');
    background-repeat:no-repeat;
    background-size:auto 66px;
    background-position:13px center;
    -moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#footer .subNavi .subNaviUL li a.blog{
    background-image:url('../img/icon4.png');
}
#footer .subNavi .subNaviUL li a.weather{
    background-image:url('../img/icon5.png');
}
#footer .subNavi .subNaviUL li a:hover{
    color:#dc9000;
    border-color:#dc9000;
}
#footer .subNavi .subNaviUL li a:hover:after{
    color:#dc9000;
}
#footer .subNavi .subNaviUL li:first-child a{
    margin-left:0;
}
#footer .subNavi .subNaviUL li a:after{
    content:"\f054";
    font-family: FontAwesome;
    position:absolute;
    right:15px;
    top:center;
    color:#8cbed1;
    font-size:20px;
    font-weight:normal;
    -moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#footer .linkBox{
    background-color:#ebf6f7;
}
#footer .linkBoxBlock{
    width:300px;
    float:left;
    margin-left:40px;
}
#footer .linkBoxBlock:first-child{
    margin-left:0;
}
#footer .linkBoxBlock li{
    margin-top:20px;
    position:relative;
}
#footer .linkBoxBlock li p{
    background-color:#fff;
    margin-bottom:10px;
}
#footer .linkBoxBlock li img{
    width:300px;
}
#footer .linkBoxBlock li h3{
    font-weight:normal;
    line-height:1.3;
}
#footer .linkBoxBlock li h3:before{
    content:"";
    float:left;
    width:17px;
    height:15px;
    margin-right:7px;
    background-image:url('../img/icon_arrow.png');
    background-repeat:no-repeat;
    background-size:17px 15px;
    background-position:left center;
}
#footer .linkBoxBlock li a{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    text-indent:-9999px;
}
#footer .linkBoxBlock .banner li{
    border-top:solid 1px rgba(0,0,0,0.1);
    padding-top:20px;
}
#footer .linkBoxBlock .banner li a{
    line-height:88px;
    text-align:center;
    background-color:#fff;
    border:solid 1px #e0e0e0;
    color:#6098aa;
    font-size:16px;
    position:static;
    width:auto;
    height:auto;
    text-indent:0;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: always;
}
#footer .linkBoxBlock .banner li a.twitter{
    border:none;
    background-color:#55acee;
    color:#fff;
}
#footer .linkBoxBlock .banner li a.staff{
    border:none;
}
#footer .linkBoxBlock .banner li .fa{
    font-size:34px;
    line-height:88px;
}
#footer .linkBox h2{
    font-size:20px;
    line-height:1;
    padding-bottom:30px;
    border-bottom:solid 1px rgba(0,0,0,0.2);
}
#footer .footerNav{
    background-color:#323638;
    color:#fff;
    text-align:center;
}
#footer .footerNav ul{
    margin-bottom:40px;
}
#footer .footerNav li{
    display:inline-block;
    padding:0 15px;
    position:relative;
}
#footer .footerNav li:before{
    content:"";
    position:absolute;
    top:2px;
    left:-3px;
    height:15px;
    border-left:solid 1px #999;
}
#footer .footerNav li:first-child:before{
    border:none;
}
#footer .footerNav p{
    color:#999;
    font-size:11px;
    letter-spacing:1px;
}
/* -- pageTop
-------------------------------------------------------------------------------- */
#pageTop {
    position: fixed;
    display: block;
    right: 20px;
    bottom: 16px;
    width: 65px;
    height: 60px;
    line-height: 60px;
    padding-bottom: 5px;
    background-color: rgba(221,51,119,0.7);
    color: #fff;
    font-size: 32px;
    border-radius: 35px;
    text-align: center;
    display:none;
    z-index:102;
}
#pageTop .fa{
    line-height:inherit;
}
/* colmun
-------------------------------------------------------------------------------- */
#content .colmun{
    padding:0 15px 25px;
}
#content .colmun .columnBlock{
    position:relative;
}
#content .colmun img{
    width:100%;
    margin-bottom:5px;
}
#content .colmun iframe{
    width:100%;
    height:210px;
    margin:0;
    padding:0;
}
#content .colmun p{}
#content .colmun a{}

/* #colmunBlock .accordion
-------------------------------------------------------------------------------- */
#colmunBlock .accordion .switch{
    position: relative;
    font-size: 14px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    padding: 20px 0px 20px 0px;
    cursor: pointer;
}
#colmunBlock .accordion .switch a{
    color: #003772;
    font-weight: bold;
}
#colmunBlock .accordion .switch h3{
    margin: 0px 9px 0px 13px;
}
#colmunBlock .accordion .switch:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 20%;
    right: 5px;
    font-size: 26px;
}
#colmunBlock .accordion .open:before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 20%;
    right: 5px;
    font-size: 26px;
    color:#D37;
}
#colmunBlock .accordion .open{
    border-bottom:none;
}
#colmunBlock .accordion .open h3{
}
#colmunBlock .accordion .read {
    font-size: 14px;
    padding: 15px;
    color: inherit;
    text-align: left;
    margin: 0px 0px 20px;
    background-color: #E2EEF0;
}

#colmunBlock .accordion .video {
    font-weight:bold;
    margin: 0px auto 15px;
    padding: 5px 0px;
    width:150px;
    text-align:center;
    color:#FFF;
    background-color:#D37;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
#colmunBlock .accordion ul.img_space{
}
#colmunBlock .accordion ul.img_space li:first-child{
    text-align: center;
    margin: 0px 0px 3%;
    width:100%;
}
#colmunBlock .accordion ul.img_space li:before{
    content: none;
    margin-left:none;
}
#colmunBlock .accordion ul.img_space li{
    float:left;
    border:none;
    padding:0;
    margin: 0px 0px 3% 4%;
    text-indent:0;
    width:48%;
    overflow:hidden;
}
#colmunBlock .accordion ul.img_space li:nth-child(even){
    margin: 0px;
}
/* -- spLink
-------------------------------------------------------------------------------- */
    .sp_link{
    text-align: center;
    }
    .sp_link a{
    display: block;
    position: relative;
    color:#FFF;
    background-color:#D37;
    border-radius: 50px;
    font-size: 3em;
    font-weight: bold;
    border: solid 1px #D37;
    margin: 10px;
    padding:50px 0px;
    }
    .sp_link a span{
    position:relative;
    margin-left:50px;
    }
    .sp_link .fa{
    position: absolute;
    top: -30px;
    left:-80px;
    }
    .sp_link a:hover{
    opacity:0.8;
    }
    .sp_link a:after{
    content: "\f105";
    font-family: FontAwesome;
    position:absolute;
    top:20px;
    right:35px;
    font-size:2em;
    color:#FFF;
    }

/* -- style
-------------------------------------------------------------------------------- */
.main p.fontStrong{
    font-weight: bold;
    color: #f44336;
    border: solid 3px #f44336;
    border-radius: 13px;
    padding: 7px 13px;
    font-size: 18px;
}
.viewmap {text-align:right;margin:5px 0 15px;}
.viewmap a{background-color:#11aaaa; padding:5px 10px;border-radius:5px;color:#FFF; display: inline-block;}
.map-current a{
    position: absolute;
    font-size:18px;
    font-weight:bold;
}
.map-current a:before{
    color: #f45396;
    content: "\f192";
    font-family: FontAwesome;
}
.map-current a:hover{
    text-decoration:none;
    z-index: 1;
}
.map-current a.ma01{
    top: 51px;
    left: 617px;
}
.map-current a.ma02{
    top: 111px;
    left: 487px;
}
.map-current a.ma03{
    top: 82px;
    left: 469px;
}
.map-current a.ma04{
    top: 145px;
    left: 414px;
}
.map-current a.ma05{
    top: 123px;
    left: 408px;
}
.map-current a.ma06{
    top: 162px;
    left: 318px;
}
.map-current a.ma07{
    top: 116px;
    left: 326px;
}
.map-current a.ma08{
    top: 80px;
    left: 350px;
}
.map-current a.ma09{
    top: 133px;
    left: 266px;
}
.map-current a.ma10{
    top: 114px;
    left: 171px;
}
.map-current a.ma11{
    top: 81px;
    left: 124px;
}
.map-current a.ma12{
    top: 149px;
    left: 543px;
}
.map-current a.ma13{
    top: 171px;
    left: 105px;
}
.map-current a.ma14{
    top: 95px;
    left: 400px;
}
.map-current a.ma15{
    top: 95px;
    left: 375px;
}
.map-current a.ma16{
    top: 120px;
    left: 375px;
}
.map-current a.ma17{
    top: 88px;
    left: 569px;
}
.map-current a.ma18{
    top: 92px;
    left: 256px;
}

.map-current a span{display:none;font-size:0;}
.map-current a:hover span{
    color: #000;
    font-size: 10px;
    padding: 1px 2px 0px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
}

/* -- SNSArea
-------------------------------------------------------------------------------- */
.snsArea{width:980px; margin:0px auto 70px;}
.snsArea .titleBlock{ background:url('../img/icon4.png') no-repeat right center;background-size: auto 108px; margin-bottom: 0;}
.snsArea .titleBlock h1{ color:inherit;}
.snsArea h2{font-size: 18px;border-top: solid 5px #e0e0e0;padding: 15px 0 0;margin-bottom: 20px;}
.snsArea h2 img{height: 25px; margin-right: 10px;}
.fb-Area{float: left; width: 470px;}
.tw-Area{float: right; width: 470px;}
.fb-Area h2{border-color:#3b579d;}
.tw-Area h2{border-color:#55acee;}
/* -- TOPimg
-------------------------------------------------------------------------------- */
.operating-period{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
}
.tw-banner{
    position: absolute;
    /* bottom: 140px; */
    /* right: 150px; */
        bottom: 50px;
    right: 50px;
    border: solid 2px #e0e0e0;
    background-color: #fff;
    display: table;
}
.tw-banner a {
    padding: 7px 10px 7px 5px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    display: block;
}
.tw-banner a:hover {
    color:#55acee;
}
.tw-banner .fa{
    font-size: 38px;
    display:table-cell;
    vertical-align:middle;
}
.tw-banner .fa-twitter {
    border: none;
    color: #55acee;
}

/* コロナ対応 */
.ticket-btn-mv{
    position: absolute;
    bottom: 40px;
    right: 50px;
    display: table;
}

.ticket-btn-mv a{
    cursor: pointer;

}

.ticket-btn-mv img{
    width: 270px;
    height: 73px;
    display:block;
    transition: all 0.6s;
}

.ticket-btn-mv img:hover{
    transform: scale(1.2);
}



/* -- footerSNSlink
-------------------------------------------------------------------------------- */
.snsLinkArea{
    width: 306px;
    float: left;
    background-color: #fff;
    border: solid 2px #8cbed1;
    border-radius: 10px;
    margin-left: 25px;
    line-height: 42px;
    text-align: center;
    padding-bottom: 12px;
    min-height:85px;
}
.snsLinkArea p{
    font-size: 14px;
    font-weight: bold;
}
.snsLinkArea:hover{
    color: #dc9000;
    border-color: #dc9000;
}
.snsLinkArea ul{
    display: inline;
}
.snsLinkArea li{
    display: table-cell;
    border-left: 1px solid #d2d2d2;
    padding: 0px 18px;
    box-sizing: border-box;
}
.snsLinkArea li:first-child{ border-left:none;}
.snsLinkArea li a {
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.snsLinkArea li img.twitter {height: 25px;}
.snsLinkArea li img.facebook {height: 25px;}
.snsLinkArea li img.instagram {height: 27px;}
.snsLinkArea li img.youtube {height: 25px;}
.snsLinkArea li img{ width: auto;vertical-align: middle;}

/* -- footer_style
-------------------------------------------------------------------------------- */
#footer .linkBox h2 {
    padding-top: 40px;
    padding-bottom: 20px;
}
#footer .linkBoxBlock li {
    display:inline-block;
    width:33%;
}
#footer .linkBoxBlock li img {
    width: 100%;
}
#footer .linkBoxBlock {
    width: inherit;
    float: none;
    margin-left: 0px;
}
#footer .linkBoxBlock .banner li {
     border-top: none;
     padding-top: 0px;
}
#footer .innerBlock {
    padding-top: 40px;
}


/* -- modal
-------------------------------------------------------------------------------- */
html.of_hidden,
body.of_hidden{
    overflow:hidden;
    height: 100%;
}
#navi .headBtn{
    position: absolute;
    top: -50px;
    left: 270px;
    background-color: #f45396;
    color: #FFF;
    border: medium none;
    box-shadow: none;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px;
}

#modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 110;
}
#modal h2 {
    color: #575757;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0;
    padding: 10px 0 0;
    line-height: 25px;
    display: block;
}
#modal .period{
    color: #00a0dc;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.modalback{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.modalContWrap{
}
.modalCont {
    width: 960px;
    /* コロナ対応 */
    /* height: 700px; */
    height: 780px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
/*    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
    background: #FFF;
    border-radius: 8px;
}
.modalContInner {
    position: relative;
    display: none;
    height: 100%;
}
.cancelBtn{
    position: absolute;
    bottom:30px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}
.cancelBtn a{
    background-color: #00a0dc;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 40px;
    display: inline-block;
}

@media only screen and (max-width: 1024px) {
.modalCont {width:90%;height:90%;}
#calendar {height: 90%!important;}
#calendar .cal {width: 95%!important;}
#calendar table {width: 99%!important;}
.cancelBtn{top: 10px;left: 10px;-webkit-transform: inherit;transform: inherit;}
.cancelBtn a{padding: 10px;}
}/*  end1024px*/



/* accessTab */
#tab{overflow:hidden;font-size:0;}
#tab li{
    background: #fff;
    margin-right: -1px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #57b9b9;
    border: solid #dedede;
    border-width: 4px 1px 0px 1px;
    line-height: 1.2;
    cursor: pointer;
    width:20%;
    padding:5px 0;
    display:inline-block;
}
#tab li.select{background:#11aaaa;color:#fff;border-top-color:#11aaaa;border-bottom: none;}
#tab li:first-child{margin-left:20px;border-radius: 10px 0 0 0;}
#tab li:nth-child(4){border-radius: 0 10px 0 0;}
#tab li:last-child{/*margin-left:auto; margin-right: 15px;*/border-radius: 0 10px 0 0;}
.content_wrap{border-top:solid 4px #11aaaa;border-bottom:solid 4px #11aaaa;margin-top:0px;margin-bottom:20px;padding:20px 0 30px;min-height:450px ;}
.content_wrap .accessImg {margin:0 13px 30px;}
.content_wrap .accessImg img{width:100%;}
.disnon{display: none;}
ul.linkBtn{
    font-size:0;
    margin:0 13px 30px ;
}
ul.linkBtn li{
    display:inline-block;
    background-color: #f45396;
    width: 320px;
    padding: 1px;
    margin-bottom: 15px;
}
ul.linkBtn li:nth-child(odd){
    margin-right:20px;
}
ul.linkBtn li a{
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 13px;
    display: block;
    border: solid 2px #fff;
    text-align: center;
}
ul.linkBtn li a:hover{
    color:#FFF;
    text-decoration:none;
}

/* calendar */
/* コロナ対応 */
/* #calendar{margin:0;overflow-y: scroll;height: 455px;} */
#calendar{margin:0;overflow-y: scroll;height: 600px;}
#calendar h2{ padding:0 0 30px 0;}
#calendar h3{font-size: 18px;text-decoration: underline;margin: 30px 0 0px 63px;font-weight: 600;text-align: left;}
#calendar .cal{width:800px; margin:0 auto; background: #00a0dc; padding:10px 8px 10px 10px;}
#calendar table{margin:0 auto; background:#fff; width:800px;}
#calendar th{width:14.2%; border-right:2px solid #666; text-align:center; padding:10px 0; background:#eeeeee;font-weight: bold;}
#calendar td{width:14.2%; border-top:2px solid #666; border-right:2px solid #666; vertical-align:top; padding:0;}
#calendar td.active{background-color:#fff8b8;}
#calendar .date {font-size: 15px;font-weight: bold;text-align: left;padding: 0 10px;}
#calendar td:first-child .date,
#calendar .red{color:#FF6666;}
#calendar td:last-child .date{ color:#6699FF;}
#calendar .date span{display:none;}
#calendar .open,
#calendar .close{text-align:center; padding:5px; background: url(../img/dots.png) bottom center repeat-x; font-weight:600; font-size:12px;}
#calendar .open:before {content: "9:00～17:00";}
#calendar .open.extension:before {content: "9:00～18:00";}
#calendar .close:before {content: "休園日";}
#calendar .event{font-size:12px;text-align: center;}
#calendar .sun{background:#fdafaf;}
#calendar .sat{background:#adc7fb;}
#calendar .spc{background-color: #ffeaf9;}
#closed{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #FFF;
    border-radius: 8px;
    font-size: 18px;
}

/*table*/
table.tbl01 {}
table.tbl01 tr th{padding: 10px 5px 15px; border-bottom: 1px dotted #ccc; white-space: nowrap;}
table.tbl01 tr td{padding: 10px 5px 15px; border-bottom: 1px dotted #ccc;}
table.tbl02 td a{font-size: 10px;color:#fff; background-color:#00a0dc;padding:3px;border-radius:3px;display:block;}
table.tbl02 td a:hover{color:#fff;}
table.tbl03 {font-size: 13px; border:none;}
table.tbl03 th{padding: 21px 0; font-size: 13px; width: 85px;text-align: center;color: #666;font-weight:normal; border:none;background-color: #FFF;}
table.tbl03 td {padding: 21px 0; text-align:left; border:none;}
table.tbl03 tr{padding: 21px 0; border-bottom: solid 1px #e0e0e0;}
table.tbl04{width: 290px;float: left;border:none;margin:0 0 0 13px;}
table.tbl04 tr{ padding: 21px 0; border-bottom: solid 1px #e0e0e0;}
table.tbl04 td,table.tbl04 th{border:none;text-align:left;padding-top: 13px; padding-left: 5px;}
table.tbl04 td{font-size:14px;}
table.bus_time{width:100%;margin:0px 0 15px;}
table.bus_time tr:nth-child(odd){background-color:#f3f3f3;}
table.bus_time th{text-align:center;font-weight:bold;}
table.bus_time td{text-align:center;vertical-align:middle;width:25%;}
table.bus_time td span,
table.bus_time th span{color:#F44336;font-weight:normal; background-color: inherit; border: none;}
table.bus_time td:first-child{width:10%;}
#bus_schedule02 table.bus_time th:nth-child(5),
#bus_schedule02 table.bus_time td:nth-child(5){background-color:#b7b7b7;}

/* topInfo
-------------------------------------------------------------------------------- */
.mapArea{ width: 980px; margin: 0px auto 70px;}
.topInfo .topMap{width: 100%;border-top: solid 5px #d37;border-bottom: solid 5px #d37;}
.topInfo ul {
    font-size: 0;
}
.topInfo li {
    width: 20%;
    display: inline-flex;
}
.topInfo div{
    padding: 1px;
    display: block;
}
.topInfo li img {
    width: 100%;
}
.topInfo li p {
    display: block;
    width: 100%;
    color: #fff;
    padding: 2px;
    box-sizing: border-box;
    min-height: 36px;
    line-height: 1.0;
    font-size:  14px;
    text-indent: -10px;
    padding-left: 15px;
    padding-top: 5px;
}
.topInfo li:nth-child(n + 10) p {
    text-indent: -22px;
    padding-left: 27px;
}
.topInfo li.cat1 p{background: #e7161d;}
.topInfo li.cat2 p{background: #2196f3;}
.topInfo li.cat3 p{background: #009688;}

/* コロナ対応 */
/* .privilege01 {
    background: url(/img/ticket/privilege_01.png) no-repeat 7px 6px;
    background-size: 56px;
    height: 63px;
} */

.topInfo li.cat1 a{display: block; width: 100%; height: 100%;}
.topInfo li.cat2 a{display: block; width: 100%; height: 100%;}
.topInfo li.cat3 a{display: block; width: 100%; height: 100%;}

.topInfo li.cat1 a:hover{opacity: 0.8}
.topInfo li.cat2 a:hover{opacity: 0.8}
.topInfo li.cat3 a:hover{opacity: 0.8}

table.tbl02 td a.ticket_link {
    font-size: 13px;
    color: #00a0dc;
    background: none;
    padding: 0px;
    border-radius: none;
    display: inline;
    text-decoration: underline;

}
table.tbl02 td a.ticket_link:hover {
    color:#F44336;
    text-decoration: underline;
}

/* コロナ対応 */
a.ticket-asoview {
    cursor: pointer;

    text-decoration: underline;
    color:#ff0000;
}
a.ticket-asoview:hover {
    font-weight: bold;
    color:#ff0000;
}

div.map-attention{
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 50;
    font-size: 12px;
    font-weight: bold;
}

div.service-attention{
    position: absolute;
    right: 63px;
    top: 543px;
    z-index: 50;
    font-size: 12px;
    font-weight: bold;
}

a.ticket-tct{

}

a.ticket-tct img{
    display: block;
    width: 500px;
    height: auto;
    margin: 0 auto 30px;
    transition: all 0.4s;

}

a.ticket-tct img:hover{
    transform: scale(1.05);
}
a.ticket-tct img:active{
    opacity:0.9;
}

.fix-ticket-cover {
    position: fixed;
    width: 100vw;
    height: 100px;
    z-index: 101;
    background-color:rgba(57, 57, 57, 0.5);
    bottom:0;

}

.fix-ticket-cover div {
    position: relative;
    height: inherit;
    
}

a.fix-ticket-btn{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    transition: all 0.4s;
}

a.fix-ticket-btn img{
    display: inline-block;
    width: 300px;
    height: 81px;
}

a.fix-ticket-btn:hover{
    transform: scale(1.1) translate(-45%, -45%);
}

div.coronavirus-link:hover {
    opacity:0.9;
}

a.cancel-btn {
    font-weight: bold;
    color: #FFF !important;
    text-align: center;
    display: inherit;
    font-size: 20px;
    width: 448px;
    background: #1bb2e7;
    margin: 0 auto;
    border-radius: 25px;
    padding: 10px;
    box-sizing: border-box;
}

a.cancel-btn:hover {
    color: #FFF !important;
    text-decoration: none !important;
    opacity:0.8;
}


.today-reservation {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    background: yellow;
}

.today-reservation a {
    width: 380px;
    display: inline-block;
    transition: all 0.4s;
}

.today-reservation a:hover {
    transform: scale(1.1);
}

.today-reservation a img {
    width: 100%;
}

.matsuoit {
    font-size: 14px !important;
    line-height: 29px;
}

.disp-change {
    display:none;
}