@charset "UTF-8";
/* ========================================================
	index.css => SP
======================================================== */
/* ========================================================
	index.css => PC
======================================================== */
/* ------------------------------------------------
    コメント
------------------------------------------------ */
@media (min-width: 641px) {
  .eyeCatchImage {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 654px;
  }
  .eyeCatchImage .box_skitter {
    width: 1624px;
    height: 654px;
    position: absolute;
    left: 50%;
    margin-left: -812px;
  }

  #newsWrap {
    overflow: hidden;
    *zoom: 1;
    padding-top: 50px;
    margin-bottom: 56px;
  }
  #newsWrap .hdWrap01 {
    margin-bottom: 15px;
  }
  #newsWrap #news {
    width: 470px;
    float: left;
  }
  #newsWrap #news h1 span {
    font-size: 20px;
    font-size: 2rem;
  }
  #newsWrap #blog {
    width: 470px;
    float: right;
  }
  #newsWrap #blog .blog-area {
    width: 100%;
    height: 310px;
  }
  #arrange {
    margin-bottom: 60px;
  }
  #arrange .hdWrap01 {
    width: 980px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  #arrange .slideArrange {
    width: 990px;
    margin: 0 auto;
    padding-left: 6px;
    box-sizing: border-box;
  }
  #arrange img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  #arrange img:hover,
  #arrange img:active {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
  }

  #contentArrange {
    width: 900px;
    text-align: center;
    background: #191919;
    opacity: 0.8;
    padding: 62px 0;
  }
  #contentArrange img {
    display: inline-block;
  }
  #contentArrange p {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
  }

  #pickup {
    margin-bottom: 56px;
  }
  #pickup .hdWrap01 {
    margin-bottom: 20px;
  }
  #pickup .bannerWrap {
    width: 980px;
  }
  .logoWrap {
    margin-top: 40px;
  }
  .logoWrap li {
    margin: 0 20px;
  }

  .bannerWrap li {
    margin-bottom: 31px;
  }
  .bannerWrap li:last-child {
    margin-bottom: 0;
  }
  .alertWrap {
    padding: 1em;
    margin: 50px;
    border: 3px solid #d04e4c;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .alertWrap li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .alertWrap li::before {
    content: "●";
    font-size: 10px;
    font-size: 1rem;
    margin-right: .5em;
  }
}

/* ========================================================
モバイル表示用CSS
======================================================== */

@media screen and (max-width: 640px) {
  .eyeCatchImage {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 654px;
  }
  .eyeCatchImage .box_skitter {
    width: 1624px;
    height: 654px;
    position: absolute;
    left: 50%;
    margin-left: -812px;
  }

  #newsWrap {
    overflow: hidden;
    *zoom: 1;
    /*        padding-top: 50px;*/
    margin-bottom: 56px;
  }
  #newsWrap .hdWrap01 {
    /*        margin-bottom: 15px;*/
    margin: 80px 0 15px 0;
  }
  #newsWrap #news {
    width: 100%;
    /*        float: left;*/
  }
  #newsWrap #news h1 span {
    font-size: 20px;
    font-size: 2rem;
  }
  #newsWrap #blog {
    width: 100%;
    /*        float: right;*/
  }
  #newsWrap #blog .blog-area {
    width: 100%;
    height: 310px;
  }

  #arrange {
    margin-bottom: 60px;
  }
  #arrange .hdWrap01 {
    width: 97%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  #arrange .slideArrange {
    max-width: 69%;
    margin: 0 auto;
    /*        padding: 0 10px;*/
    box-sizing: border-box;
  }
  #arrange img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  #arrange img:hover,
  #arrange img:active {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
  }

  #contentArrange {
    width: 900px;
    text-align: center;
    background: #191919;
    opacity: 0.8;
    padding: 62px 0;
  }
  #contentArrange img {
    display: inline-block;
  }
  #contentArrange p {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
  }

  #pickup {
    margin-bottom: 56px;
  }
  #pickup .hdWrap01 {
    margin: 60px 0 20px 0;
  }
  #pickup .bannerWrap {
    width: 100%;
  }
  .bannerWrap li {
    margin-bottom: 10px;
  }

  .logoWrap li {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
  }

  .sp_yoko {
    display: inline-block;
  }
  .alertWrap {
    padding: 1em;
    margin: 1.5em 1.5em 0;
    border: 3px solid #d04e4c;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .alertWrap li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .alertWrap li::before {
    content: "●";
    font-size: 10px;
    font-size: 1rem;
    margin-right: .5em;
  }
}

body #reservation{
	text-align: center;
}

body.sp #reservation{
  margin-top: 56px;
}