@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● アクセスページ専用CSS                                */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------- */
/* 共通部品                                            */
/* --------------------------------------------------- */
    .Heading.Type4{
    }
        .Heading.Type4 .Main{
          writing-mode: inherit;
          line-height: 12.5em;
        }
    



    /* 画像 */
    .ContentsDivision .Image img{
      width: 100%;
    }



/* deco-root */
.ColumnGroup.deco-root li{
  position: relative;
}
.ColumnGroup.deco-root li:before{
  content: "";
  position: absolute;
  left:  5px;
  top : -30px;
  width : 100px;
  height: 100px;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.ColumnGroup.deco-root.NewsList li:before{
}
.ColumnGroup.deco-root li:nth-child(1):before{
  background-image: url(../access/img/decoration/root01.png);
}
.ColumnGroup.deco-root li:nth-child(2):before{
  background-image: url(../access/img/decoration/root02.png);
}
.ColumnGroup.deco-root li:nth-child(3):before{
  background-image: url(../access/img/decoration/root03.png);
}
.ColumnGroup.deco-root li:nth-child(4):before{
  background-image: url(../access/img/decoration/root04.png);
}
.ColumnGroup.deco-root li:nth-child(5):before{
  background-image: url(../access/img/decoration/root05.png);
}
.ColumnGroup.deco-root li:nth-child(6):before{
  background-image: url(../access/img/decoration/root06.png);
}/*
.ColumnGroup.deco-root li:not(:last-child):after{
  content: "";
  position: absolute;
  right: -10px;
  top : 100px;
  z-index: 10;
  width : 39px;
  height: 133px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 30%;
  background-image: url(../access/img/decoration/root-arrow.png);
}*/
.ColumnGroup.deco-root li:not(:last-child):after{
  content: "";
  position: absolute;
  right: -75px;
  top : 60px;
  box-sizing: border-box;
  width : 40px;
  height: 120px;
  border: 60px solid transparent;
  border-left: 30px solid #e4c6c5;
}
            /* + + + + + レスポンシブ + + + + +  */
                /* bp2より広いディスプレイ用 */
                /* 画像が旧サイトのサイズでしかないものもあり、4:3では高さが大きい分を非表示 */
                body.rsbp-over-bp2 .ColumnGroup.deco-root li .Image{
                  height: 209px;
                  overflow: hidden;
                }

                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .ColumnGroup.deco-root li{
                  padding-bottom: 40px;
                }
                body.rsbp-under-bp2 .ColumnGroup.deco-root li:not(:last-child):after{
                  left: 50%;
                  top : auto;
                  bottom : -25px;
                  box-sizing: border-box;
                  width : 120px;
                  height: 40px;
                  border: 60px solid transparent;
                  border-top: 30px solid #e4c6c5;
                  margin-left: -60px;
                }
                body.rsbp-under-bp2 .ColumnGroup.deco-root li .Image{
                  height: 257px;
                  overflow: hidden;
                }

/* GoogleMap
--------------------------------------------------- */
#ContentsDivision iframe[src*="map"]{
  width: 100%;
  height: 500px;
}
/* - - rsbp - - */
/* under-bp2 */
.rsbp-under-bp2 #ContentsDivision iframe[src*="map"]{
  width: 100%!important;
  max-height: 42vw;
}
/* under-bp3 */
.rsbp-under-bp3 #ContentsDivision iframe[src*="map"]{
  height: 67vw!important;
  max-height:100%;
}













/* --------------------------------------------------- */
/* 冒頭部                                              */
/* --------------------------------------------------- */

/* IntroductionArea
--------------------------------------------------- */
.IntroductionArea{
}
    .IntroductionArea .ParagraphContents .TextItem .Heading{
      margin-top: 3em;
    }
    body.rsbp-under-bp2 .IntroductionArea .ParagraphContents .TextItem > div{
      padding-bottom: 70px;
    }
    body.rsbp-under-bp2 .IntroductionArea .ParagraphContents .Scrollable{
      margin-right: -25px;
      position: relative;
    }
        body.rsbp-under-bp2 .IntroductionArea .ParagraphContents .Scrollable .Image{
          width: 900px;
        }
        



/* --------------------------------------------------- */
/* JR福井駅から                                        */
/* --------------------------------------------------- */

/* RootBlock
--------------------------------------------------- */
.RootBlock{
}
    .RootBlock iframe[src*="map"] {
      border: none;
      margin-bottom: 50px;
    }

            /* + + + + + レスポンシブ + + + + +  */
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 #StationArea.bg-wagara:before,
                body.rsbp-under-bp2 #StationArea.bg-wagara:after {
                  display: none;
                }


/* --------------------------------------------------- */
/* JR福井駅からのバス                                  */
/* --------------------------------------------------- */

/* StationTransitArea
--------------------------------------------------- */
.StationTransitArea{
}
    .StationTransitArea .BannerParagraph {
      margin: 50px auto;
      width: 80%;
    }
        .StationTransitArea .BannerParagraph .SknTplTextButton {
          margin: -1em 0 1em;
        }
        .StationTransitArea .BannerParagraph .ParagraphFooter{
          background-color: #fff;
          padding: 20px;
          text-align: center;
        }
            .StationTransitArea .BannerParagraph .ParagraphFooter .inner{
              position: relative;
              z-index: 100;
            }
                .StationTransitArea .BannerParagraph .ButtonList{
                  list-style: none;
                  margin: -0.5em auto 2em;
                }
                    .StationTransitArea .BannerParagraph .ButtonList li{
                      text-align: center;
                      width: 50%;
                      height: 40px;
                    }
                    .StationTransitArea .BannerParagraph .ButtonList li a:hover img{
                      opacity: 1;
                    }

            /* + + + + + レスポンシブ + + + + +  */
            
                /* bp2より広いディスプレイ用 */
                body.rsbp-over-bp2 .StationTransitArea .BannerParagraph .ButtonList{
                  width: 50%;
                }
            
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .StationTransitArea .BannerParagraph {
                  width: auto;
                }
                body.rsbp-under-bp2 .StationTransitArea .ImageItem {
                  margin-bottom: 0!important;
                }
                body.rsbp-under-bp2 .StationTransitArea .ImageItem .Image {
                  max-height: 70vw;
                  overflow: hidden;
                }
                body.rsbp-under-bp2 .StationTransitArea .BannerParagraph .ParagraphFooter{
                  padding: 20px 30px;
                }
                body.rsbp-under-bp2 .StationTransitArea .BannerParagraph .ButtonList{
                  margin-top: -1em;
                }
                body.rsbp-under-bp2 .StationTransitArea .BannerParagraph .ButtonList li{
                  padding: 13px 0;
                }





/* --------------------------------------------------- */
/*   迎車サービス                                      */
/* --------------------------------------------------- */

/* StationGeishaArea
--------------------------------------------------- */
#StationGeishaArea{
}
            #StationGeishaArea .Paragraph .ParagraphContents .ColumnGroup .ImageItem,
            #StationGeishaArea .Paragraph .ParagraphContents .ColumnGroup .TextItem{
              margin-bottom: 10px;
            }
    #StationGeishaArea .HowToApply{
      background: url(../img/common/decoration/wagara_type1.png) repeat 0% 0%;
      padding: 50px 0;
      margin: 0 auto;
      width: 80%;
    }
    #StationGeishaArea .HowToApply .ParagraphContents .TextItem .Frame{
      background: #fff6f4;
      padding: 20px 30px;
      margin-bottom: 30px;
    }
    #StationGeishaArea .HowToApply .ParagraphFooter{
      padding-top: 30px;
    }
        #StationGeishaArea .HowToApply .ParagraphFooter .TextItem{
          background: #fff;
          padding: 50px;
          border-radius: 1em;
          margin: 0 auto 10px;
          border: 6px solid #ead9d9;
        }

            /* + + + + + レスポンシブ + + + + +  */
            
            
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 #StationGeishaArea .BlockHeader .Heading .Sub{
                  font-size: 87.5%;
                }
                body.rsbp-under-bp2 #StationGeishaArea .HowToApply{
                  width: 100%;
                  padding: 40px 20px;
                }
                body.rsbp-under-bp2 #StationGeishaArea .HowToApply .ParagraphContents .TextItem .Frame{
                  padding: 15px 20px;
                }




/* --------------------------------------------------- */
/*   福井ICから                                        */
/* --------------------------------------------------- */
#InterchangeArea{}

            /* + + + + + レスポンシブ + + + + +  */
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 #InterchangeArea.bg-wagara:before,
                body.rsbp-under-bp2 #InterchangeArea.bg-wagara:after {
                  display: none;
                }


/* --------------------------------------------------- */
/*   駐車場のご案内                                    */
/* --------------------------------------------------- */

/* .ParkingArea
--------------------------------------------------- */
.ParkingArea.bg-wagara{
  margin-bottom: 0;
  padding-bottom: 100px;
}
    .ParkingArea thead th{
      background: #dee2e7;
      font-size: 150%;
    }