@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : grape.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
/* line 10, ../scss/grape.scss */
* {
  margin: 0px;
  padding: 0px; }

/* line 14, ../scss/grape.scss */
img {
  vertical-align: top;
  border: none; }

/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
/* line 29, ../scss/grape.scss */
body {
  background-color: #FFFFCC;
  font-family: Verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1.5;
  width: 100%; }

/* -----------------------------------------------------------
	con_title
----------------------------------------------------------- */
/* line 51, ../scss/grape.scss */
.con_title {
  overflow: hidden;
  text-align: center;
  width: 100%; }
  /* line 55, ../scss/grape.scss */
  .con_title p.photo {
    width: 100%; }
    /* line 57, ../scss/grape.scss */
    .con_title p.photo img {
      width: 100%; }
  /* line 61, ../scss/grape.scss */
  .con_title .box_txt {
    font-size: 100%;
    width: 78%;
    margin: 0 auto 0.6em auto;
    background: url(../grape/images/bg_line_intro.png) left bottom repeat-x; }
    /* line 66, ../scss/grape.scss */
    .con_title .box_txt h3 {
      width: 47.6%;
      margin: 0 auto;
      padding-bottom: 0.55em; }
    /* line 71, ../scss/grape.scss */
    .con_title .box_txt p.txt {
      width: 83.4%;
      margin: 0 auto;
      padding-bottom: 0.55em; }

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
/* line 83, ../scss/grape.scss */
#contents {
  width: 100%;
  margin: 0; }

/* line 89, ../scss/grape.scss */
#contents .pagetop {
  clear: both;
  text-align: right; }

/* line 94, ../scss/grape.scss */
.con_season {
  overflow: hidden;
  padding: 0 3.125%; }
  /* line 97, ../scss/grape.scss */
  .con_season .box_season_intro {
    overflow: hidden;
    padding: 3% 0; }
    /* line 100, ../scss/grape.scss */
    .con_season .box_season_intro .img {
      float: left;
      width: 43.27%;
      padding-right: 3%; }
    /* line 105, ../scss/grape.scss */
    .con_season .box_season_intro .img img {
      width: 100%; }
    /* line 108, ../scss/grape.scss */
    .con_season .box_season_intro .box_r {
      float: left;
      width: 53.27%;
      font-size: 100%;
      color: #673920; }
      /* line 113, ../scss/grape.scss */
      .con_season .box_season_intro .box_r a {
        color: #673920; }
  /* line 118, ../scss/grape.scss */
  .con_season .box_season {
    overflow: hidden;
    text-align: center;
    margin-bottom: 3.5%; }
    /* line 122, ../scss/grape.scss */
    .con_season .box_season .box_item {
      width: 49%;
      display: inline-block; }
      /* line 125, ../scss/grape.scss */
      .con_season .box_season .box_item .box_inner {
        margin: 0 1.5%; }
        /* line 127, ../scss/grape.scss */
        .con_season .box_season .box_item .box_inner p.img {
          width: 17.73196%;
          margin: 0 auto 3.6% auto; }
      /* line 132, ../scss/grape.scss */
      .con_season .box_season .box_item p.txt {
        font-size: 80%;
        color: #673920;
        border-top: 1px dashed #4e3f1c;
        border-bottom: 1px dashed #4e3f1c;
        padding: 3% 1%;
        text-align: left; }

/* line 144, ../scss/grape.scss */
.con_grape {
  padding: 0 3.125%; }
  /* line 146, ../scss/grape.scss */
  .con_grape img {
    width: 100%; }
  /* line 149, ../scss/grape.scss */
  .con_grape .box_grape {
    font-size: 100%;
    color: #673920;
    margin-bottom: 5%; }
    /* line 153, ../scss/grape.scss */
    .con_grape .box_grape p.img {
      margin-bottom: 0; }
    /* line 157, ../scss/grape.scss */
    .con_grape .box_grape p.txt {
      padding: 3% 0 2% 0;
      margin-bottom: 0; }
    /* line 161, ../scss/grape.scss */
    .con_grape .box_grape p.note {
      color: #bc262b;
      padding-bottom: 2%; }
    /* line 165, ../scss/grape.scss */
    .con_grape .box_grape .tbl_basic {
      width: 100%; }
      /* line 167, ../scss/grape.scss */
      .con_grape .box_grape .tbl_basic tbody {
        width: 100%; }
      /* line 170, ../scss/grape.scss */
      .con_grape .box_grape .tbl_basic tr {
        text-align: center; }
        /* line 172, ../scss/grape.scss */
        .con_grape .box_grape .tbl_basic tr th {
          width: 100%;
          background: #663399;
          padding: 0.5% 0;
          float: left;
          color: #fff;
          text-align: center;
          font-weight: normal; }
        /* line 181, ../scss/grape.scss */
        .con_grape .box_grape .tbl_basic tr td {
          text-align: center;
          padding: 2% 0;
          width: 100%;
          float: left;
          background: #fff; }
          /* line 187, ../scss/grape.scss */
          .con_grape .box_grape .tbl_basic tr td span {
            color: #bc262b; }

/* line 196, ../scss/grape.scss */
.con_coupon {
  overflow: hidden;
  margin-top: 3%;
  padding: 0 3.125%; }

/* line 201, ../scss/grape.scss */
.con_coupon h2 {
  padding-bottom: 3%; }

/* line 204, ../scss/grape.scss */
.con_coupon h2 img {
  width: 100%; }

/* line 207, ../scss/grape.scss */
.con_coupon .box_coupon {
  padding: 0 2%;
  color: #673920;
  font-size: 100%; }

/* line 212, ../scss/grape.scss */
.con_coupon .box_coupon .img {
  text-align: center; }

/* line 215, ../scss/grape.scss */
.con_coupon .box_coupon .note {
  text-align: right; }
/*----------------------------
.con_lateplan
-------------------------------*/
.con_lateplan{
  background: #de9e17;
  padding: 1%;
    width: 98%;
}
.con_lateplan .box_late{
  border: 4px double #ffc;
    padding: 10px 0;
}

.con_lateplan .txt{
  text-align: center;
  font-size: 150%;
    font-weight: bold;
    letter-spacing: -3px;
    color: #58009c;
    margin-bottom: 5px;
}

.con_lateplan .rate{
  text-align: center;
  font-weight: bold;
  font-size: 110%;
}

.con_lateplan .rate span{
  color: #c30000;
  font-size: 120%;
}