@media screen and (max-width: 768px) {

@charset "utf-8";

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
    }

    ul {
        list-style-type: none;
    }

    * {
        padding: 0;
        margin: 0;
        line-height: 100%;
    }

    body {
        font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, '小塚ゴシック Pro', 'Kozuka Gothic Pro', sans-serif;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        font-size: 100%;
        display: flex;
        flex-flow: column;
        min-height: 100vh;
    }

    .under50 {
        margin-bottom: -50px;
    }

    .mb70 {
        margin-bottom: 70px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .mb15 {
        margin-bottom: 15px;
    }

    .mt15 {
        margin-top: 15px;
    }
    .mtunder15 {
        margin-bottom: 15px;
    }

    .mt20 {
        margin-top: 20px;
    }

    .mt30 {
        margin-top: 30px;
    }

    /*クリア*/
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {
        display: inline-table;
    }

    /* Hides from IE-mac \*/
    * html .clearfix {
        height: 1%;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .clearfix {
        display: block;
    }

    #head {
        width: 100%;
        height: 60px;
        position: fixed;
        z-index: 110;
        background-color: rgba(255, 255, 255, 0.9);
        border-bottom: 1px solid #CCC;
    }

    header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    header #logo {
        max-width: 180px;
        width: 35%;
        float: left;
        padding-top: 15px;
        padding-left: 20px;
    }

    header #logo img {
        width: 100%;
    }

    .clear {
        clear: both;
    }

    header ul {
        display: none;
    }

    #container {
        width: 100%;
        padding-top: 60px;
        flex: 1;
    }

    #slider {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    #slider img {
        width: 100%;
    }

    #visual {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .bxslider img {
        width: 100% !important;
        height: auto !important;
    }

    .whiteArea {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .contentBox {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .whiteArea .contentBox h1 {
        font-size: 32px;
        color: #80c701;
        text-align: center;
        margin-bottom: 10px;
    }

    .whiteArea .contentBox h2 {
        font-size: 16px;
        color: #3A1F00;
        text-align: center;
        margin-bottom: 5px;
    }

    .wide980 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
    }

    .wide980Shop {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
    }

    .wide980SiteMap {
        width: 92%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 35px;
    }

    dl.search {
        width: 45%;
        display: block;
        float: left;
        position: relative;
        padding-top: 8px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 30px;
    }

    dl.search a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
    }

    dl.search dt {
        display: block;
        text-align: center;
    }

    dl.search dt.service {
        padding-top: 0.5vw;
    }

    dl.search dt.hobby {
        padding-top: 1.0vw;
    }

    dl.search dt.amuse {
        padding-top: 0.3vw;
    }

    dl.search dt.cafe {
        padding-top: 0.2vw;
    }

    dl.search dd {
        width: 100%;
        font-size: 16px;
        text-align: center;
        color: #3A1F00;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    ul.floorList {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }

    ul.floorList li {
        width: 33.3%;
        float: left;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCC;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        position: relative;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    ul.floorList li a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
    }

    ul.floorList li:nth-child(3) {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCC;
    }

    ul.floorList li:last-child {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCC;
    }

    .grayArea {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 55px;
        padding-bottom: 80px;
        background-color: #FAF8F5;
    }

    .grayArea .contentBox h1 {
        font-size: 32px;
        color: #80c701;
        text-align: center;
        margin-bottom: 5px;
    }

    .grayArea .contentBox h2 {
        font-size: 18px;
        color: #3A1F00;
        text-align: center;
        margin-bottom: 5px;
    }

    ul.eventBox {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.eventBox li {
        position: relative;
        width: 100%;
        display: block;
        background-color: #FFF;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 2px 2px 2px #CCC;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .newsImg {
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        overflow: hidden;
        display: table;
        height: auto;
    }

    .newsImg img {
        display: table-cell;
        transition-duration: 0.3s;
        width: 100%;
        height: auto;
        vertical-align: middle;
    }

    .newsBox {
        width: 100%;
        box-sizing: border-box;
        padding-top: 15px;
        padding-right: 8px;
        padding-bottom: 5px;
        padding-left: 8px;
        position: relative;
    }

    .newsBox a {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .newsBox:hover {
        color: #CCC;
    }

    .newsBox:hover h3.newsTitle {
        color: #CCC;
    }

    .newsBox h3.newsTitle {
        font-size: 20px;
        color: #3A1F00;
        margin-bottom: 20px;
        line-height: 120%;
    }

    .date {
        font-size: 13px;
        background-image: url(../img/top/date.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: auto 14px;
        padding-left: 22px;
        margin-bottom: 5px;
    }

    .floorInfo {
        font-size: 13px;
        background-image: url(../img/top/floor_info.png);
        background-repeat: no-repeat;
        background-position: 2px center;
        background-size: auto 17px;
        padding-left: 22px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    span.newsIcon {
        height: 11px;
        margin-right: 10px;
        text-align: center;
    }

    span.newsIcon img {
        height: 100%;
    }

    .infoImg {
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        overflow: hidden;
        display: table;
        height: auto;
    }

    .infoImg img {
        display: table-cell;
        transition-duration: 0.3s;
        width: 100%;
        height: auto;
        vertical-align: middle;
    }

    .newsBox:hover h3.infoTitle {
        color: #C2ED75;
    }

    .newsBox:hover .infoText {
        color: #FAF8F5;
    }

    .newsBox h3.infoTitle {
        font-size: 18px;
        color: #80C701;
        margin-bottom: 10px;
        line-height: 120%;
    }

    .newsBox .infoText {
        font-size: 16px;
        color: #3A1F00;
        line-height: 120%;
    }

    .update {
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #CCC;
        text-align: right;
    }

    a.infoListLink {
        text-align: center;
        display: block;
        width: 45%;
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 3px solid #80C701;
        box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        font-size: 18px;
        color: #80C701;
        text-decoration: none;
        background-color: #FFF;
    }

    a.infoListLink:hover {
        color: #FFFFFF;
        background-color: #80C701;
    }

    .contentBoxLeft {
        width: 100%;
        background-color: #FAF8F5;
        padding-top: 55px;
        padding-bottom: 40px;
    }

    .contentBoxLeft h1 {
        font-size: 32px;
        color: #80c701;
        text-align: center;
        margin-bottom: 5px;
    }

    .contentBoxLeft h2 {
        font-size: 18px;
        color: #3A1F00;
        text-align: center;
        margin-bottom: 5px;
    }

    .contentBoxRight {
        width: 100%;
        background-color: #FAF8F5;
        padding-top: 55px;
        padding-bottom: 40px;
    }

    .contentBoxRight h1 {
        font-size: 32px;
        color: #80c701;
        text-align: center;
        margin-bottom: 5px;
    }

    .contentBoxRight h2 {
        font-size: 18px;
        color: #3A1F00;
        text-align: center;
        margin-bottom: 5px;
    }

    .wide485 {
        width: 100%;
    }

    .area430 {
        position: relative;
        width: 95%;
        background-color: #FFF;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .area430 img {
        width: 85%;
        height: auto;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    .flyerText {
        font-size: 16px;
        color: #3A1F00;
        width: 60%;
        margin-left: 2.5%;
    }

    .flyerText a {
        color: #3A1F00;
        text-decoration: none;
    }

    span.flyImg {
        margin-left: 20px;
        margin-top: 10px;
        display: inline-block;
    }

    span.flyImg img {
        width: 20px;
    }

    .updateText {
        width: 100%;
        font-size: 14px;
        color: #BBBBBB;
        text-align: right;
        float: right;
        width: 40%;
        font-weight: bold;
        margin-top: 15px;
        margin-right: 2.5%;
    }

    a.gmap {
        text-align: center;
        display: block;
        width: 50%;
        margin-top: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 3px solid #80C701;
        box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        font-size: 18px;
        color: #80C701;
        text-decoration: none;
        background-color: #FFF;
        float: right;
        margin-right: 2.5%;
    }

    a.gmap:hover {
        color: #FFFFFF;
        background-color: #80C701;
    }

    span.gmapImg {
        margin-left: 10px;
    }

    span.gmapImg img {
        width: 8%;
    }

    ul.accessName {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.accessName li {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #CCC;
    }

    ul.accessName li:last-child {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
    }

    ul.accessName li dl {
        width: 100%;
    }

    ul.accessName li dl dt {
        width: 100%;
        font-size: 16px;
        color: #3a1f00;
        line-height: 1.7;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    ul.accessName li dl dd {
        float: right;
        width: 100%;
        font-size: 16px;
        color: #3a1f00;
        line-height: 1.7;
    }

    .line {
        /*border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #CCC;
        width: 100%;*/
    }

    ul.banner {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: -30px;
        border-top: 1px solid #CCC;
        padding-top: 30px;
    }

    ul.banner li {
        width: 65%;
        display: block;
        margin-bottom: 20px;
        border: 1px solid #CCC;
        box-sizing: border-box;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }

    ul.banner li img {
        width: 100%;
    }

    footer {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    ul#footerMenu {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        border-top: 1px solid #CCC;
    }

    ul#footerMenu li {
        font-size: 16px;
        color: #3a1f00;
        text-align: left;
        width: 97.5%;
        padding-bottom: 15px;
        padding-top: 15px;
        padding-left: 2.5%;
        border-bottom: 1px solid #CCC;
    }

    ul#footerMenu li a {
        color: #3a1f00;
        text-decoration: none;
    }

    ul#footerMenu li a:hover {
        color: #CCC;
    }

    #copyright {
        background-color: #3A1F00;
        font-size: 12px;
        color: #FFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .custom-control {
        display: none;
    }

    /*
    .custom-prev {
        position: absolute;
        top: 0;
        left: 0px;
        height: 480px;
        max-width: 110px;
        width: 9.15%;
        background: rgba(255,255,255,0.4);
    }
    .custom-next {
        position: absolute;
        top: 0;
        right: 0;
        height: 480px;
        max-width: 110px;
        width: 9.15%;
        background: rgba(255,255,255,0.4);
    }
    .rightY::before {
        left: 10px;
        width: 30px;
        height: 30px;
        border-top: 2px solid #43210B;
        border-right: 2px solid #43210B;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .leftY::before {
        left: 60px;
        width: 30px;
        height: 30px;
        border-top: 2px solid #43210B;
        border-right: 2px solid #43210B;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .arrow{
        position: relative;
        top: 45%;
        display: inline-block;
        padding: 0 0 0 16px;
        color: #43210B;
        vertical-align: middle;
        text-decoration: none;
    }
    .arrow::before,
    .arrow::after{
        position: absolute;
        top: 45%;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    */
    .custom-prev {
        position: absolute;
        top: 0;
        left: 0;
        height: 480px;
        max-width: 110px;
        width: 9.15%;
        background: rgba(255, 255, 255, 0.4);
    }

    .custom-prev:hover {
        background: rgba(238, 238, 238, 0.4);
    }

    .custom-next {
        position: absolute;
        top: 0;
        right: 0;
        height: 480px;
        max-width: 110px;
        width: 9.15%;
        background: rgba(255, 255, 255, 0.4);
    }

    .custom-next:hover {
        background: rgba(238, 238, 238, 0.4);
    }

    .custom-prev img {
        width: 100%;
    }

    .custom-next img {
        width: 100%;
    }

    span.new {
        position: absolute;
        top: 18px;
        left: 0px;
        font-size: 14px;
        color: #FFF;
        background-color: #C2ED75;
        text-align: center;
        display: block;
        width: 55px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    /*フロアガイド*/
    #pkzWrapper {
        display: none;
    }

    #pkz {
        width: 100%;
        max-width: 980px;
        margin-right: auto;
        margin-left: auto;
        font-size: 12px;
        color: #3A1F00;
    }

    #pkz a {
        color: #3A1F00;
        text-decoration: none;
    }

    #pkz a:hover {
        color: #80C701;
    }

    .floorImg {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .floorImg img {
        width: 100%;
    }

    ul.shoppingGuide {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }

    ul.shoppingGuide li {
        width: 50%;
        float: left;
        font-size: 16px;
        color: #3A1F00;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    ul.shoppingGuide li a {
        color: #3A1F00;
        text-decoration: none;
    }

    span.purple {
        background-color: #C9BAE5;
        height: 20px;
        width: 20px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: bottom;
    }

    span.light_blue {
        background-color: #9DE5FF;
        height: 20px;
        width: 20px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: bottom;
    }

    span.orange {
        background-color: #FFC480;
        height: 20px;
        width: 20px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: bottom;
    }

    span.pink {
        background-color: #FFC4C4;
        height: 20px;
        width: 20px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: bottom;
    }

    ul.facility {
        display: none;
    }

    ul.facility li {
        width: 20%;
        float: left;
        font-size: 16px;
        color: #3A1F00;
        margin-bottom: 20px;
        display: inline-block;
    }

    ul.facility li a {
        color: #3A1F00;
        text-decoration: none;
        margin-top: -10px;
    }

    span.facilytyImg {
        width: 25px;
        display: inline-block;
        margin-right: 7px;
    }

    span.facilytyImg img {
        width: 100%;
        vertical-align: middle;
    }

    .whiteArea2 .contentBox > h3.sgTitle {
        background-color: #FAF8F5;
        font-size: 18px;
        color: #3A1F00;
        margin-bottom: 5px;
        border-left-width: 43px;
        border-left-style: solid;
        border-left-color: #FFC480;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: 95%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    .whiteArea2 .contentBox > h3.sgTitle2 {
        background-color: #FAF8F5;
        font-size: 18px;
        color: #3A1F00;
        margin-bottom: 5px;
        border-left-width: 43px;
        border-left-style: solid;
        border-left-color: #FFC4C4;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: 95%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    .whiteArea2 .contentBox > h3.sgTitle3 {
        background-color: #FAF8F5;
        font-size: 18px;
        color: #3A1F00;
        margin-bottom: 5px;
        border-left-width: 43px;
        border-left-style: solid;
        border-left-color: #C9BAE5;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: 95%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    .whiteArea2 .contentBox > h3.sgTitle4 {
        background-color: #FAF8F5;
        font-size: 18px;
        color: #3A1F00;
        margin-bottom: 5px;
        border-left-width: 43px;
        border-left-style: solid;
        border-left-color: #9DE5FF;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: 95%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    dl.shopArea {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
        position: relative;
    }

    dl.shopArea dt {
        float: left;
        width: 35%;
    }

    dl.shopArea dt img {
        width: 100%;
        border: 1px solid #CCC;
    }

    dl.shopArea dd {
        float: right;
        width: 63%;
    }

    dl.shopArea dd h4 {
        width: 100%;
        font-size: 14px;
        color: #3A1F00;
        font-weight: normal;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    dl.shopArea dd h5 {
        width: 100%;
        font-size: 16px;
        color: #3A1F00;
        font-weight: normal;
        line-height: 1.4;
    }

    .whiteArea2 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 35px;
        padding-bottom: 50px;
    }

    ul.shoppingGuideList {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: -50px;
    }

    ul.shoppingGuideList li {
        width: 48%;
        float: left;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCC;
        text-align: center;
        padding-top: 12px;
        padding-bottom: 5px;
        font-size: 16px;
        position: relative;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

    ul.shoppingGuideList li a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
    }

    ul.shoppingGuideList li a:hover {
        border: 5px solid #C2ED75;
        border-radius: 3px 3px 3px 3px;
    }
    ul.shoppingGuideList li:nth-child(2) {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCC;
    }

    ul.shoppingGuideList li:last-child {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCC;
    }

    .yajirushi {
        margin-top: 8px;
    }

    p.sgFloor {
        font-size: 28px;
        color: #3A1F00;
        margin-bottom: 30px;
        padding-top: 15px;
        padding-bottom: 10px;
        width: 95%;
        box-sizing: border-box;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCC;
        margin-left: auto;
        margin-right: auto;
    }

    /*セレクトボックス*/
    /*
    .cp_ipselect {
        overflow: hidden;
        width: 30%;
        margin: 2em auto;
        text-align: center;
    }
    .cp_ipselect select {
        width: 100%;
        padding-right: 1em;
        cursor: pointer;
        text-indent: 0.01px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .cp_ipselect select::-ms-expand {
        display: none;
    }
    .cp_ipselect.cp_sl02 {
        position: relative;
        border: 1px solid #CCC;
        background: #ffffff;
    }
    .cp_ipselect.cp_sl02::before {
        position: absolute;
        top: 0.8em;
        right: 0.9em;
        width: 0;
        height: 0;
        padding: 0;
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #CCC;
        pointer-events: none;
    }
    .cp_ipselect.cp_sl02:after {
        position: absolute;
        top: 0;
        right: 2.5em;
        bottom: 0;
        width: 1px;
        content: '';
        border-left: 1px solid #CCC;
    }
    .cp_ipselect.cp_sl02 select {
        padding: 8px 38px 8px 8px;
        color: #3A1F00;
    }
    */
    .selectWrap {
        width: 65%;
        position: relative;
        display: block;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-right: auto;
        margin-left: auto;
    }

    .selectWrap::after {
        content: '';
        width: 10px;
        height: 10px;
        border: 0px;
        border-bottom: solid 2px #3A1F00;
        border-right: solid 2px #3A1F00;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 40%;
        right: 20px;
        margin-top: -4px;
    }

    .selectWrap::before {
        content: '';
        width: 10px;
        height: 45px;
        border: 0px;
        border-left: solid 1px #CCC;
        position: absolute;
        top: 0;
        right: 40px;
    }

    .select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 45px;
        background: transparent;
        position: relative;
        z-index: 1;
        border: 1px solid #CCC;
        font-size: 16px;
        text-align: center;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 0;
        padding-left: 25%;
        margin-left: auto;
        margin-right: auto;
    }

    select::-ms-expand {
        display: none;
    }

    /**/
    .wide980A {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 35px;
    }

    ul.accessPage {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    ul.accessPage li {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #CCC;
    }

    ul.accessPage li:last-child {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
    }

    ul.accessPage li dl {
        width: 100%;
    }

    ul.accessPage li dl dt {
        width: 100%;
        font-size: 15px;
        color: #3a1f00;
        line-height: 1.7;
        font-weight: bold;
        margin-bottom: 20px;
    }

    ul.accessPage li dl dd {
        width: 100%;
        font-size: 15px;
        color: #3a1f00;
        line-height: 1.7%;
        margin-bottom: 10px;
    }

    h3.accessTitle {
        font-size: 22px;
        color: #3A1F00;
        width: 100%;
        padding-bottom: 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
    }

    span.accessImg {
        width: 35px;
        display: inline-block;
        margin-right: 7px;
    }

    span.accessImg img {
        width: 100%;
        vertical-align: middle;
    }

    ul.accessContents {
        width: 100%;
        margin-top: 20px;
    }

    ul.accessContents li {
        width: 100%;
        font-size: 15px;
        color: #3a1f00;
        line-height: 170%;
        margin-bottom: 30px;
    }

    .lineTensen {
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #CCC;
    }

    a.infoGuestLink {
        text-align: center;
        display: block;
        width: 45%;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 3px solid #80C701;
        box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        font-size: 16px;
        color: #80C701;
        text-decoration: none;
        background-color: #FFF;
        float: left;
    }

    a.infoGuestLink:hover {
        color: #FFFFFF;
        background-color: #80C701;
    }

    .accessImg2 {
        width: 35px;
        display: block;
        margin-right: 20px;
        float: left;
    }

    .accessSubTitle {
        width: 100%;
    }

    /*施設サービス*/
    ul.facilityContents {
        width: 100%;
        margin-top: 20px;
    }

    ul.facilityContents li {
        width: 100%;
        font-size: 15px;
        color: #3a1f00;
        line-height: 170%;
    }

    dl.facilityBlock {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    dl.facilityBlock dt {
        float: left;
        font-size: 24px;
        color: #3a1f00;
        margin-right: 15px;
        line-height: 1.4;
    }

    dl.facilityBlock dt img {
        width: 100%;
        max-width: 120px;
        display: block;
    }

    dl.facilityBlock dd {
        float: left;
        font-size: 16px;
        color: #3a1f00;
        text-align: left;
        line-height: 1.8;
    }

    .wide90 {
        width: 88%;
        float: right !important;
    }

    .facilityList {
        font-size: 16px;
        color: #3a1f00;
        width: 100%;
    }

    .tensen {
        padding-bottom: 15px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCC;
    }

    .facilityTitle {
        width: 100%;
        line-height: 1.8;
        margin-bottom: 15px;
    }

    .facilityArea {
        width: 100%;
        line-height: 1.8;
    }

    .facilityArea2 {
        width: 70%;
    }

    a.infoShopLink {
        text-align: center;
        display: block;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 3px solid #80C701;
        box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        font-size: 16px;
        color: #80C701;
        text-decoration: none;
        background-color: #FFF;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    a.infoShopLink:hover {
        color: #FFFFFF;
        background-color: #80C701;
    }

    .leadText {
        font-size: 16px;
        color: #3a1f00;
        line-height: 1.5;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .recruitBox {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        background-color: #F7F4EF;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 50px;
        padding-bottom: 35px;
        border-radius: 10px 10px 10px 10px;
        margin-bottom: 40px;
        margin-top: 40px;
        box-sizing: border-box;
    }

    .recCate {
        width: 100%;
        color: #3A1F00;
        font-size: 16px;
    }

    .recDate {
        width: 100%;
        text-align: right;
        color: #BBBBBB;
        font-size: 14px;
        margin-bottom: 15px;
    }

    h3.recName {
        color: #3A1F00;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 28px;
        font-weight: bold;
        clear: both;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #CCCCCC;
    }

    .recInfoArea {
        margin-top: 40px;
        margin-bottom: 40px;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .recInfoArea > p {
        font-size: 16px;
        color: #3A1F00;
        margin-bottom: 20px;
    }

    a.infoRecLink {
        text-align: center;
        display: block;
        width: 65%;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 3px solid #80C701;
        box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        font-size: 16px;
        color: #80C701;
        text-decoration: none;
        background-color: #FFF;
    }

    a.infoRecLink:hover {
        color: #FFFFFF;
        background-color: #80C701;
    }

    ul.recList {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.recList li {
        width: 100%;
        border-top: 1px solid #CCCCCC;
    }

    ul.recList li dl {
        width: 100%;
        font-size: 16px;
        color: #3A1F00;
        margin-top: 22px;
        margin-bottom: 22px;
    }

    ul.recList li dl dt {
        width: 100%;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    ul.recList li dl dd {
        width: 100%;
        line-height: 1.5;
    }

    ul.sitemapArea {
        width: 95%;
        border-top: 1px dotted #CCC;
        margin-left: auto;
        margin-right: auto;
    }

    ul.sitemapArea li {
        position: relative;
        width: 100%;
        font-size: 16px;
        color: #3A1F00;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 1px dotted #CCCCCC;
    }

    ul.sitemapArea li:hover {
        color: #80C701;
    }

    ul.sitemapArea li:nth-child(odd) {
        margin-right: 2%;
    }

    .arrow-right {
        display: inline-block;
        width: 9px;
        height: 9px;
        margin-top: 0;
        margin-right: 10px;
        margin-left: 0px;
        margin-bottom: 0;
        border-top: 2px solid #43210B;
        border-right: 2px solid #43210B;
        transform: rotate(45deg);
    }

    li:hover .arrow-right {
        border-top-color: #80C701;
        border-right-color: #80C701;
    }

    a.sitemapLink {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
    }

    ul.sitemapAreaLeft {
        width: 95%;
        border-top: 1px dotted #CCCCCC;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 70px;
    }

    ul.sitemapAreaLeft li {
        width: 100%;
        position: relative;
        font-size: 16px;
        color: #3A1F00;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 1px dotted #CCCCCC;
    }

    ul.sitemapAreaLeft li:hover {
        color: #80C701;
    }

    ul.sitemapAreaRight {
        width: 95%;
        border-top: 1px dotted #CCCCCC;
        margin-left: auto;
        margin-right: auto;
    }

    ul.sitemapAreaRight li {
        width: 100%;
        position: relative;
        font-size: 16px;
        color: #3A1F00;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 1px dotted #CCCCCC;
    }

    ul.sitemapAreaRight li:hover {
        color: #80C701;
    }

    .contentText {
        width: 100%;
        line-height: 1.7;
        color: #3A1F00;
        font-size: 16px;
        margin-top: 25px;
    }

    #leftBackcolor1 {
        width: 90%;
        background-color: #F7F4EF;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 40px;
        margin-bottom: 80px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .colorText1 {
        color: #3A1F00;
        font-size: 16px;
        line-height: 1.7;
    }

    .colorText2 {
        color: #3A1F00;
        font-size: 16px;
        line-height: 1.7;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .bigText1 {
        color: #3A1F00;
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold;
        line-height: 1.7;
    }

    .contentTextBold {
        width: 100%;
        line-height: 1.7;
        color: #3A1F00;
        font-size: 16px;
        margin-top: 25px;
        font-weight: bold;
    }

    #leftBackcolor2 {
        width: 90%;
        background-color: #F7F4EF;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    #leftBackcolor3 {
        width: 90%;
        background-color: #F7F4EF;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 20px;
        margin-bottom: 80px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    a.contactLink {
        text-align: center;
        display: block;
        width: 55%;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 3px solid #80C701;
        box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        font-size: 16px;
        color: #80C701;
        text-decoration: none;
        background-color: #FFF;
        margin-top: 25px;
        margin-bottom: 40px;
    }

    a.contactLink:hover {
        color: #FFFFFF;
        background-color: #80C701;
    }

    html {
        scroll-behavior: smooth;
    }

    ul.floorList li.active a {
        border: 5px solid #C2ED75;
        border-radius: 3px 3px 3px 3px;
    }

    #shopImgArea {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .shopImg {
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }

    .shopImg img {
        max-width: 100%;
        height:auto;
    }

    #shopInfoArea {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.shopInfoList {
        width: 100%;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #CCC;
    }

    ul.shopInfoList li {
        display: block;
        width: 100%;
    }

    ul.shopInfoList li > p {
        font-size: 16px;
        color: #3a1f00;
        margin-top: 30px;
        line-height: 1.4;
    }

    ul.shopInfoList li dl {
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        font-size: 16px;
        color: #3a1f00;
        line-height: 100%;
    }

    ul.shopInfoList li dl dt {
        width: 25%;
        float: left;
        font-weight: bold;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    ul.shopInfoList li dl dd {
        width: 70%;
        float: right;
        word-break: break-all;
    }

    ul.shopInfoList li dl dd > a {
        color: #80C701;
        text-decoration: none;
    }

    .high1 {
        padding-top: 25px;
    }

    .high2 {
        padding-top: 17px;
    }

    .high3 {
        padding-bottom: 25px;
        line-height: 1.5;
    }

    span.shopCate {
        font-size: 16px;
        color: #3a1f00;
    }

    h1.shopName {
        font-size: 22px;
        color: #3a1f00;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 30px;
        text-align: left;
    }

    .contentBoxShop {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    h1.shopName2 {
        font-size: 28px;
        color: #80c701;
        width: 100%;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCC;
        text-align: center;
        box-sizing: border-box;
    }

    h2.shopName3 {
        font-size: 18px;
        color: #3A1F00;
        width: 100%;
        padding-top: 7px;
        text-align: center;
    }

    .pastLink {
        display: block;
        float: right;
        text-align: right;
        width: 50%;
        padding-top: 35px;
        position: relative;
        margin-right: 20px;
    }

    span.snsIcon {
        width: 32px;
        margin-right: 20px;
    }

    span.snsIcon a:hover {
        opacity: 0.5;
    }

    span.snsIcon img {
        width: 32px;
    }

    .update2 {
        font-size: 16px;
        padding-bottom: 30px;
        color: #BBB;
        text-align: right;
    }

    h1.eventNewsTitle {
        font-size: 28px;
        color: #3A1F00;
        width: 100%;
        padding-bottom: 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        margin-bottom: 20px;
    }

    .dateB {
        font-size: 16px;
        background-image: url(../img/top/date.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: auto 14px;
        padding-left: 27px;
        margin-bottom: 5px;
        color: #3A1F00;
    }

    .floorInfoB {
        font-size: 16px;
        background-image: url(../img/top/floor_info.png);
        background-repeat: no-repeat;
        background-position: 2px center;
        background-size: auto 17px;
        padding-left: 27px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #3A1F00;
    }

    .newsEventContent {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 40px;
        margin-bottom: 70px;
        font-size: 16px;
        line-height: 1.7;
        color: #3A1F00;
    }

    .newsEventContent p {
        line-height: 1.7;
        color: #3A1F00;
    }

    a.infoAllLink {
        text-align: center;
        display: block;
        width: 50%;
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 3px solid #80C701;
        box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        font-size: 18px;
        color: #80C701;
        text-decoration: none;
        background-color: #FFF;
        margin-bottom: 80px;
    }

    a.infoAllLink:hover {
        color: #FFFFFF;
        background-color: #80C701;
    }

    /*
    .arrow-right {
        display: inline-block;
        width: 9px;
        height: 9px;
        margin-top: 0;
        margin-right: 10px;
        margin-left: 0px;
        margin-bottom: 0;
        border-top: 2px solid #43210B;
        border-right: 2px solid #43210B;
        transform: rotate(45deg);
    }
    */
    .pastLink:hover .arrow-right {
        border-top-color: #80C701;
        border-right-color: #80C701;
    }

    .pastLink:hover {
        color: #80C701;
    }

    /*20190731追加*/
    ul.appealImg {
        width: 100%;
        display: block;
        margin-top: 80px;
        margin-bottom: 30px;
    }

    ul.appealImg li {
        width: 33.33333%;
        display: block;
        float: left;
    }

    ul.appealImg li img {
        width: 100%;
    }

    .appeal_box {
        width: 100%;
        line-height: 1.4;
        font-size: 16px;
        color: #3A1F00;
    }

    .appeal_box > h3 {
        width: 100%;
        font-weight: bold;
        font-size: 16px;
        color: #3A1F00;
        margin-bottom: -10px;
    }
    .appeal_box img {
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        height:auto;
    }
    .appeal_box a {
        color: #80C701;
        text-decoration: none;
    }

    /***************************ドロワーここから*********************************/
    .modal-content {
        margin: 0 auto;
        border-top: 1px solid #CCC;
        height: 150%;
    }

    .modal-content ul {
        list-style: none;
        width: 80%;
        margin: 0 auto;
        padding: 2% 0 2% 0;
    }

    .modal-content li {
        margin: 0 auto;
        text-align: left;
        font-size: 16px;
        letter-spacing: 0.15em;
        line-height: 50px;
        color: #0d0d0d;
        height: 50px;
    }

    .modal-content li a {
        color: #3A1F00;
        height: 50px;
        display: block;
        text-decoration: none;
    }

    #fmfi {
        position: fixed;
        top: 15px;
        right: 2%;
        /*  z-index: 999; */
        width: 36px;
        height: 23px;
        z-index: 9999;
        overflow: visible;
    }

    #fmfi, #fmfi span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    #fmfi span {
        position: absolute;
        left: 0;
        width: 75%;
        height: 3px;
        background-color: #3A1F00;
        border-radius: 1px;
    }

    #fmfi.active span {
        background-color: #80c701;
    }

    #fmfi span.black {
        background-color: #3A1F00 !important;
    }

    #fmfi span:nth-of-type(1) {
        top: 0;
    }

    #fmfi span:nth-of-type(2) {
        top: 10px;
    }

    #fmfi span:nth-of-type(3) {
        bottom: 0;
    }

    #fmfi span:nth-of-type(1) {
        -webkit-animation: menu-bar01 .75s forwards;
        animation: menu-bar01 .75s forwards;
    }

    @-webkit-keyframes menu-bar01 {
        0% {
            -webkit-transform: translateY(10px) rotate(45deg);
        }
        50% {
            -webkit-transform: translateY(10px) rotate(0);
        }
        100% {
            -webkit-transform: translateY(0) rotate(0);
        }
    }

    @keyframes menu-bar01 {
        0% {
            transform: translateY(10px) rotate(45deg);
        }
        50% {
            transform: translateY(10px) rotate(0);
        }
        100% {
            transform: translateY(0) rotate(0);
        }
    }

    #fmfi span:nth-of-type(2) {
        transition: all .25s .25s;
        opacity: 1;
    }

    #fmfi span:nth-of-type(3) {
        -webkit-animation: menu-bar02 .75s forwards;
        animation: menu-bar02 .75s forwards;
    }

    @-webkit-keyframes menu-bar02 {
        0% {
            -webkit-transform: translateY(-10px) rotate(-45deg);
        }
        50% {
            -webkit-transform: translateY(-10px) rotate(0);
        }
        100% {
            -webkit-transform: translateY(0) rotate(0);
        }
    }

    @keyframes menu-bar02 {
        0% {
            transform: translateY(-10px) rotate(-45deg);
        }
        50% {
            transform: translateY(-10px) rotate(0);
        }
        100% {
            transform: translateY(0) rotate(0);
        }
    }

    #fmfi.active span:nth-of-type(1) {
        -webkit-animation: active-menu-bar01 .75s forwards;
        animation: active-menu-bar01 .75s forwards;
    }

    @-webkit-keyframes active-menu-bar01 {
        0% {
            -webkit-transform: translateY(0) rotate(0);
        }
        50% {
            -webkit-transform: translateY(10px) rotate(0);
        }
        100% {
            -webkit-transform: translateY(10px) rotate(45deg);
        }
    }

    @keyframes active-menu-bar01 {
        0% {
            transform: translateY(0) rotate(0);
        }
        50% {
            transform: translateY(10px) rotate(0);
        }
        100% {
            transform: translateY(10px) rotate(45deg);
        }
    }

    #fmfi.active span:nth-of-type(2) {
        opacity: 0;
    }

    #fmfi.active span:nth-of-type(3) {
        -webkit-animation: active-menu-bar03 .75s forwards;
        animation: active-menu-bar03 .75s forwards;
    }

    @-webkit-keyframes active-menu-bar03 {
        0% {
            -webkit-transform: translateY(0) rotate(0);
        }
        50% {
            -webkit-transform: translateY(-10px) rotate(0);
        }
        100% {
            -webkit-transform: translateY(-10px) rotate(-45deg);
        }
    }

    @keyframes active-menu-bar03 {
        0% {
            transform: translateY(0) rotate(0);
        }
        50% {
            transform: translateY(-10px) rotate(0);
        }
        100% {
            transform: translateY(-10px) rotate(-45deg);
        }
    }

    #content01 {
        position: fixed;
        width: 100%;
        height: 150%;
        top: 60px;
        left: 0px;
        background-color: rgb(255, 255, 255) !important;
        overflow-y: auto;
        z-index: 999;
        display: none;
    }

    .modal_info {
        width: 80%;
        margin: 0 auto;
        margin-top: 2%;
    }

    .modal_toform {
        text-align: center;
        font-size: 16px;
    }

    .modal_toform a {
        display: block;
        color: #0080cc;
        background-color: #fefefe;
        text-decoration: none;
    }

    .modal_toform a:hover {
        color: #fff;
        background-color: #221814;
        text-decoration: none;
    }

    .modal_btn_ic, .modal_btn_tx {
        float: left;
    }

    .modal_btn_r01, .modal_btn_r02 {
        width: 45px;
        height: 45px;
        margin-left: 2%;
    }

    .modal_btn_r01 img, .modal_btn_r02 img {
        width: 45px;
        height: 45px;
    }

    .mdli {
        border-bottom: solid 1px #999;
    }

    .pchidden {
        display: none;
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 11;
    }

    .bx-wrapper .bx-pager {
        margin-top: 30px;
        /*left: 44%;*/
        z-index: 100;
        width: 100%;
        text-align: center;
    }

    .bx-wrapper .bx-controls-auto {
        margin-top: 30px;
        right: 20px;
        z-index: 100;
    }

    #gmap_wrapper {
        width: 95%;
        padding-top: 50%;
        position: relative;
        margin-right: auto;
        margin-left: auto;
    }

    #gmap {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        margin-right: auto;
        margin-left: auto;
    }

    .accordion-container .accordion-title {
        position: relative;
        margin: 0;
        background-color: #FFF;
        font-size: 18px;
        font-weight: normal;
        color: #333;
        cursor: pointer;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        border-bottom: 1px solid #CCC;
    }
    .accordion-container .accordion-title:hover,
    .accordion-container .accordion-title:active,
    .accordion-title.open {
        background-color: #FFF;
    }

    .accordion-container .accordion-title::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 15px;
        height: 3px;
        /*縦線に*/
        transform: rotate(90deg);
        background: #80c701;
        transition: all .3s ease-in-out;
    }

    .accordion-container .accordion-title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        /*横線*/
        width: 15px;
        height: 3px;
        background: #80c701;
        transition: all .2s ease-in-out;
    }

    .accordion-container .accordion-title.open::before {
        transform: rotate(180deg);
    }

    .accordion-container .accordion-title.open::after {
        opacity: 0;
    }

    .accordion-content {
        width: 100%;
        background-color: #FAF8F5;
    }

    /* CSS for CodePen */
    .accordion-container {
        width: 100%;
        margin: 0 auto;
    }

    .underMenu {
        width: 100%;
        padding-left: 15px;
        box-sizing: border-box;
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 16px;
        color: #3A1F00;
        position: relative;
    }
    .underMenu:last-child {
        padding-bottom: 20px;
    }
    a.uMenuArea {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    /*
    #closeArea {
        width: 100%;
        background-color: #80C701;
        color: #3A1F00;
        font-size: 18px;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 15px;
        position: relative;
    }
    */
    a#batsuMark {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
    }
    span.closeText {
        color: #3A1F00;
        font-size: 18px;
        vertical-align: middle;
    }
    span.batsu {
        font-size: 30px;
        color: #3A1F00;
        margin-left: 15px;
        vertical-align: middle;
    }
    .accordion-container .accordion-title2 {
        margin: 0;
        background-color: #FFF;
        font-size: 18px;
        font-weight: normal;
        color: #333;
        cursor: pointer;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        border-bottom: 1px solid #CCC;
        position: relative;
    }

    #closeArea {
        margin: 0;
        width: 100%;
        background-color: #C2ED75;
        text-align: center;
        position: relative;
        padding-top: 10px;
        padding-bottom: 12px;
        box-sizing: border-box;
    }
    span.access_wide {
        margin-left: 40px;
    }

    ul.eventBox2 {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.eventBox2 li {
        position: relative;
        width: 100%;
        display: block;
        background-color: #FFF;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 2px 2px 2px #CCC;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        box-sizing: border-box;
        margin-bottom: 20px;
    }


    .contentBoxLeft2 {
        width: 100%;
        background-color: #FAF8F5;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    a.shopInfoClick {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

    .newsEventContent img {
        max-width: 100%;
        height: auto;
    }

    ul.recList li dl dd a {
        color: #3A1F00;
        text-decoration: none;
    }

    .bigText1 a {
        color: #3A1F00;
        text-decoration: none;
    }

    .colorText2 a {
        color: #3A1F00;
        text-decoration: none;
    }
    a.shopInfoClick {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 50px;
        height: 6px;
        overflow: hidden;
        display: block;
        background-image: url(../img/top/ico_bullet.png);
        background-position: 0 6px;
        text-indent: 100%;
        margin: 0 6px;
        float:left;
    }

    h4.searchMonth {
        font-size: 20px;
        color: #3A1F00;
        margin-bottom: 30px;
        padding-top: 15px;
        padding-bottom: 10px;
        width: 95%;
        box-sizing: border-box;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCC;
        margin-left: auto;
        margin-right: auto;
        font-weight: normal;
    }

}