@charset "utf-8";
/****************************************************************************************************



****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************

flow

****************************************************************************************************/
.fChart{
}
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.fChart__section{
    display: flex;
}

/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.fChart__step{
    position: relative;
    width: 50px;
    background-repeat: repeat-y;
    background-position: center 10px;
    overflow: hidden;
}
@media print, screen and (min-width:737px){
.fChart__step{
    width: 80px;
}
}

    /*--------------------------------------------------
    矢印
    --------------------------------------------------*/
    .fChart__step::before{
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background-color: #F07826;
    }
    .fChart__section.-last .fChart__step::before{ display: none; }

.fChart__main{
    flex: 1;
    margin-left: 10px;
    padding-top: 8px;
    padding-bottom: 10px;
}
    .fChart__section.-last .fChart__main{ padding-bottom: 0; }
@media print, screen and (min-width:737px){
.fChart__main{
    margin-left: 20px;
    padding-top: 12px;
    padding-bottom: 20px;
}
}

.fChart__mainInner{
}

.fChart__block1{
}
/*----------------------------------------------------------------------------------------------------
見出し
----------------------------------------------------------------------------------------------------*/
.fChart__stepHeading{
    position: relative;
}

.fChart__heading.-type1{
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.4rem;
    color: #F07826;
}
@media print, screen and (min-width:737px){
.fChart__heading.-type1{
    margin-bottom: 10px;
    font-size: 2.0rem;
}
}
/****************************************************************************************************

施設のご案内

****************************************************************************************************/
@media print, screen and (min-width:1200px){
.contents__main.-floor{
    margin: 0 auto;
    width: 100%;
}
}
.contents__main.-floor .contents__mainInner{
    padding: 0;
}
@media print, screen and (min-width:1000px){
.contents__main.-floor .contents__mainInner{
    width: 100%;
}
}


/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floor__mainInner{
}
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floorTab{
    display: flex;
    align-items: flex-end;
}
@media print, screen and (min-width:737px){
.floorTab{
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: bold;
}
}
@media print, screen and (min-width:980px){
.floorTab{
    width: 980px;
}
}
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floorTab__item{
    width: calc( 25% );
    background-color: #FDF1E9;
    border-left: 1px solid #fff;
    text-align: center;
}
@media print, screen and (min-width:737px){
}
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floorTab__item a{
    display: block;
    padding: 5px 0;
    text-decoration: none;
}
    .floorTab__item a:link,
    .floorTab__item a:visited{ color: #F07826; }

    .floorTab__item a:hover{
        padding: 10px 0;
        color: #fff;
        background-color: #F07826;
    }

.floorTab__item.-active a{
    padding: 10px 0;
    transition: none;
    background-color: #F07826;
}
    .floorTab__item.-active a:link,
    .floorTab__item.-active a:visited{ color: #fff; }
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floor__block{
    padding: 10px 10px;
    background-color: #F9F9F9;
}
@media print, screen and (min-width:1100px){
.floor__block{
    margin: 0 auto;
    padding: 20px 50px;
    width: 1080px;
}
}
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floor__map{
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.floor__map{
    margin-bottom: 40px;
}
}
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floor__marker{
    vertical-align: baseline;
}
/*----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.floorTable1{
}
@media print, screen and (min-width:737px){
}
.floorTable1 tbody th{
    text-align: left;
}

.floorTable2{
}
@media print, screen and (min-width:737px){
}
    .floorTable2.-row5{
    }
    .floorTable2.-row7{
    }
.floorTable2 tbody th{
    text-align: left;
}
.floorTable2 tbody td{
    text-align: center;
}
/****************************************************************************************************

ポップアップ

****************************************************************************************************/
.mfp-iframe-holder .mfp-content {
    max-width: 980px;
    height: 90%;
}
@media print, screen and (min-width:737px){
.mfp-iframe-holder .mfp-content {
    height: auto;
}
}
/****************************************************************************************************

設備

****************************************************************************************************/
.facilityTable1{
}
.facilityTable1 .facilityTableCol.-col1{ width: 50%; }
.facilityTable1 .facilityTableCol.-col2{ width: 50%; }

.facilityTable1 tbody th{
    text-align: left;
}
.facilityTable1 tbody td{
    text-align: center;
}

.facilityTable2{
}
.facilityTable2 .facilityTableCol.-col1{ width: 80px; }
.facilityTable2 .facilityTableCol.-col2{  }
@media print, screen and (min-width:737px){
.facilityTable2 .facilityTableCol.-col1{ width: 130px; }
.facilityTable2 .facilityTableCol.-col2{ width: auto; }
}