@charset "utf-8";


/*---------------------------------------
 * over write style of footer
 */

#main-footer {
  height: auto;
  background: url(../img/footer-bg.png) repeat-x left bottom;
}

#main-footer .top {
  margin-bottom: 24px;
  padding-top: 40px;
}

#main-footer .top .logo {
  padding: 0;
}



/*---------------------------------------
 * layout
 */

#cp5percent {
  width: 776px;
}

/* 動画エリア */
#cp5percent .movie {
  display: none;
  min-height: 470px;
  height: auto !important;
  height: 470px;
  background: url(../img/bg-movie2.png) no-repeat;
  overflow: hidden;
}

#cp5percent .movie h1 {
  margin: 0 0 46px;
  text-align: center;
}

#cp5percent .movie .movie-box {
  width: 512px;
  height: 288px;
  margin: 0 auto;
  overflow: hidden;
}

/* コンテンツ */
#cp5percent .contents-detail {
/*  min-height: 1915px;
  height: auto !important;
  height: 1915px;*/
  margin: 0 0 28px;
  background: url(../img/bg-add-detail.png) no-repeat;
  overflow: hidden;
}

#cp5percent .contents-detail .inner {
  margin: 0 0 25px;
  overflow: hidden;
}

#cp5percent .contents-bg {
  min-height: 260px;
  height: auto !important;
  height: 260px;
  padding: 0 0 14px;
  background: url(../img/bg-add-detail2.png) no-repeat;
}

#cp5percent .pdf-button {
  display: block;
  width: 622px;
  padding: 0 0 25px;
  margin: 0 auto;
}

#cp5percent .head-area {
  background: url(../img/bg-add-head.png) no-repeat;
  text-align: center;
  overflow: hidden;
}

#cp5percent .head-area .page-title {
  padding: 48px 0 0 82px;
}

#cp5percent .head-area .page-lead {
  position: relative;
}

#cp5percent .head-area .page-lead .saleend {
  position: absolute;
  top: -173px;
  left: 50%;
  margin: 0 0 0 -244px;
}

#cp5percent .head-area .page-lead p {
  margin: 0 0 34px;
}

#cp5percent .head-area .page-lead p.last {
  margin: 0 0 26px;
}

#cp5percent .head-area .page-lead p.confirm {
  margin: 0 0 41px;
  font-size: 10px;
}

#cp5percent .head-area .page-lead p.confirm a {
  color: #C21920;
  text-decoration: underline;
}

#cp5percent .contents-area {
/*  min-height: 1840px;
  height: 1840px;*/
  background: url(../img/bg-add-area.png) no-repeat;
}

#cp5percent .contents-area .separator {
  width: 700px;
  padding-left: 14px;
  margin: 13px auto 0px;
}

#cp5percent .area {
  padding: 0 0 23px;
}

#cp5percent .area h2 {
  width: 732px;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-size: 24px;
  color: #F7DF70;
  line-height: 25px;
}

#cp5percent .area h2 span {
  display: block;
  font-size: 14px;
}

#cp5percent .area .bg {
  width: 732px;
  margin: 0 auto;
  padding: 17px 0 0;
  box-sizing: border-box;
  background: url(../img/area-bg-parts1.png) repeat-y;
}

#cp5percent .area.marunouchi .bg {
  padding-bottom: 10px;
}

#cp5percent .area .bg-bottom {
  width: 732px;
  height: 23px;
  margin: 0 auto;
  background: url(../img/area-bg-parts2.png) no-repeat;
}

#cp5percent .area .caption {
  margin-bottom: 25px;
  text-align: center;
}

#cp5percent .area ul {
  padding-left: 38px;
  margin: 0 auto;
  overflow: hidden;
}

#cp5percent .area ul li {
  float: left;
}

#cp5percent .area ul li.point {
  width: 287px;
}

#cp5percent .area ul.pattern1 li.point {
  padding: 12px 0 0 0;
}

#cp5percent .area ul.pattern2 li.point {
  width: 280px;
  padding: 13px 0 0 8px;
}

#cp5percent .area ul.pattern3 li.point {
  width: 280px;
  padding: 8px 0 0 8px;
}

#cp5percent .area ul.pattern4 li.point {
  padding-top: 0;
}

#cp5percent .area ul li.admission {
  width: 361px;
}

#cp5percent .area ul.pattern1 li.admission {
  padding: 12px 0 15px;
}

#cp5percent .area ul.pattern2 li.admission {
  padding: 12px 0 12px 0;
}

#cp5percent .area ul.pattern3 li.admission {
  padding: 7px 0 0 0;
}

#cp5percent .area ul.pattern4 li.admission {
  padding: 12px 0 0 0;
}

#cp5percent .area ul li.admission span {
  display: block;
  padding-top: 5px;
  font-size: 11px;
  line-height: 1.4;
}

#cp5percent .area ul.pattern1 li.admission span {
  padding-left:30px;
  text-indent:-1em;
}

#cp5percent .area ul.pattern2 li.admission span {
  text-align: center;
}

#cp5percent .area ul.pattern3 li.admission span {
  width:361px;
  padding-left:1em;
  text-indent:-1em;
}

#cp5percent .area .po-image {
  text-align: center;
}

#cp5percent .area p.pdfLink {
  width: 655px;
  padding: 0 0 0 79px;
  margin: 10px auto 0 ;
  font-weight: bold;
  color:#e94609;
  background: url(../../img/common/footer-icon.gif) no-repeat 66px 5px;
}
#cp5percent .area p.pdfLink a {
  font-weight: bold;
  color:#e94609;
  text-decoration: underline;
}
#cp5percent .area p.pdfLink a:hover {
  text-decoration: none;
}

#cp5percent .area .store-text {
  width: 625px;
  margin: 18px auto 58px;
  font-size: 10px;
  line-height: 1.4;
}

#cp5percent .area p.notes {
  width: 625px;
  margin: 11px auto 0 ;
  padding-left: 20px;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: -0.05em;
}

#cp5percent .area .store-text dt {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: bold;
  color: #C21920;
  line-height: 1;
}

#cp5percent .area .store-text dd.object {
  margin-bottom: 11px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.69;
}

#cp5percent .area .store-text dd.object span {
  font-size: 11px;
  color: #C21920;
}

#cp5percent .area .store-text .pdfLink {
  margin: 10px 0 0;
  font-weight: bold;
  color:#e94609;
  padding: 0 0 0 15px;
  background: url(../../img/common/footer-icon.gif) no-repeat 1px 5px;
}
#cp5percent .area .store-text .pdfLink a {
  font-weight: bold;
  color:#e94609;
  text-decoration: underline;
}
#cp5percent .area .store-text .pdfLink a:hover {
  text-decoration: none;
}

#cp5percent .area .store-text .notes {
  margin: 0 0 12px;
}

#cp5percent .area .store-text .notes ul {
  width: auto;
  padding-left: 0;
}

#cp5percent .area .store-text .notes li {
  padding-left: 1em;
  text-indent: -1em;
}

/* エリア別指定 */
#cp5percent .area.outlet h2 {
  height: 173px;
  padding: 94px 0 26px 30px;
  background: url(../img/area-title1-3.png) no-repeat;
  letter-spacing: -0.09em;
}

#cp5percent .area.marunouchi h2 {
  height: 158px;
  padding: 96px 0 24px 34px;
  background: url(../img/area-title2-3.png) no-repeat;
  letter-spacing: -0.06em;
}

#cp5percent .area.nagoya h2 {
  height: 168px;
  padding: 100px 0 24px 34px;
  background: url(../img/area-title3-3.png) no-repeat;
}

#cp5percent .area.nagoya .bg {
  padding: 34px 0 9px;
}

#cp5percent .area.nagoya ul {
  padding-left: 0;
  width: 648px;
}

#cp5percent .area.nagoya ul li.point {
  width: 280px;
}

#cp5percent .area.other h2 {
  height: 298px;
  padding: 92px 0 60px 35px;
  background: url(../img/area-title4-3.png) no-repeat;
  font-size: 15px;
}

#cp5percent .area.other .bg {
  padding-top: 25px;
  padding-bottom: 10px;
}

#cp5percent .area.shizuoka {
  padding-bottom: 67px;
}

#cp5percent .area.shizuoka h2 {
  height: 168px;
  padding: 98px 0 24px 30px;
  background: url(../img/area-title5-3.png) no-repeat;
}

#cp5percent .area.shizuoka .bg {
  padding: 28px 0 9px;
}


/* 限定 */
#cp5percent .area .areaLimited {
  width: 667px;
  margin: 50px auto 0;
}

#cp5percent .area .areaLimited h3 {
  position: relative;
}

#cp5percent .area .areaLimited h3 .ribbon {
  position: absolute;
}

#cp5percent .area .areaLimited .cont dl {
  overflow: hidden;
}

#cp5percent .area .areaLimited .cont dl dt {
  float: left;
  width: 95px;
  padding: 5px 0 4px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 1.33;
}

#cp5percent .area .areaLimited .cont dl dd {
  float: right;
  width: 463px;
  padding: 5px 0 4px 10px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.1em;
}

#cp5percent .area.yokohama .areaLimited {
  background: url(../img/arealimited-bg-yokohama.png) no-repeat;
}

#cp5percent .area.yokohama .areaLimited .ribbon {
  top: -15px;
  left: -10px;
}

#cp5percent .area.yokohama .areaLimited .cont .text {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.69;
}

#cp5percent .area.yokohama .areaLimited .cont .text span {
  color: #C21920;
}

#cp5percent .area.yokohama .areaLimited .cont {
  position: relative;
  padding: 27px 45px 22px;
}

#cp5percent .area.yokohama .areaLimited .cont .notes {
  width: auto;
  margin-top: 7px;
  margin-bottom: 16px;
  font-size: 10px;
  line-height: 1.5;
}

#cp5percent .area.yokohama .areaLimited .cont .giftcard {
  position: absolute;
  top: 22px;
  right: 45px;
}

#cp5percent .area.yokohama .areaLimited .cont dl {
  overflow: hidden;
}

#cp5percent .area.yokohama .areaLimited .cont dl dt {
  border-top: 1px solid #00A0E9;
  color: #00A0E9;
}

#cp5percent .area.yokohama .areaLimited .cont dl dd {
  border-top: 1px solid #00A0E9;
}

#cp5percent .area.yokohama .areaLimited .cont dl dd .small {
  font-size: 10px;
}

#cp5percent .area.yokohama .areaLimited .cont dl.last dt,
#cp5percent .area.yokohama .areaLimited .cont dl.last dd {
  border-bottom: 1px solid #00A0E9;
}

#cp5percent .area.yokohama .areaLimited .cont dl.middle dt {
  padding: 10px 0;
}

#cp5percent .area.yokohama .areaLimited .cont dl.middle dd {
  padding: 10px 0 9px 10px;
}

#cp5percent .area.yokohama .areaLimited .cont dl.last dt {
  padding: 21px 0;
}

#cp5percent .area.yokohama .areaLimited .cont dl.last dd {
  padding: 14px 0 13px 10px;
}


#cp5percent .area.royalpark .areaLimited {
  background: url(../img/arealimited-bg-royal.png) no-repeat;
}

#cp5percent .area.royalpark .areaLimited .ribbon {
  top: -15px;
  left: -10px;
}

#cp5percent .area.royalpark .areaLimited .annotation {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 10px;
  font-weight: normal;
  color: #1A1A1A;
}

#cp5percent .area.royalpark .areaLimited .cont {
  position: relative;
  padding: 22px 45px;
}

#cp5percent .area.royalpark .areaLimited .cont .text {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.69;
}

#cp5percent .area.royalpark .areaLimited .cont .text span {
  font-size: 17px;
  color: #C21920;
  letter-spacing: -0.05em;
}

#cp5percent .area.royalpark .areaLimited .cont .notes {
  width: auto;
  margin-top: 9px;
  margin-bottom: 19px;
  font-size: 10px;
  line-height: 1.5;
}

#cp5percent .area.royalpark .areaLimited .cont .photo {
  position: absolute;
  top: 7px;
  right: 26px;
}

#cp5percent .area.royalpark .areaLimited .cont dl {
  overflow: hidden;
}

#cp5percent .area.royalpark .areaLimited .cont dl dt {
  border-top: 1px solid #9E9E7D;
  color: #9E9E7D;
}

#cp5percent .area.royalpark .areaLimited .cont dl dd {
  border-top: 1px solid #9E9E7D;
}

#cp5percent .area.royalpark .areaLimited .cont dl dd .small {
  font-size: 10px;
}

#cp5percent .area.royalpark .areaLimited .cont dl.last dt,
#cp5percent .area.royalpark .areaLimited .cont dl.last dd {
  border-bottom: 1px solid #9E9E7D;
}

#cp5percent .area.royalpark .areaLimited .cont dl.middle dt {
  padding: 18px 0;
}

#cp5percent .area.royalpark .areaLimited .cont dl.middle dd {
  padding: 10px 0 9px 10px;
}

#cp5percent .area.royalpark .areaLimited .cont dl.last dt {
  padding: 36px 0;
}

#cp5percent .area.royalpark .areaLimited .cont dl.last dd {
  padding: 14px 0 13px 10px;
}


/* 地方店舗 一覧 */
#cp5percent .return-head {
  width: 667px;/*650*/
  height: 206px;
  padding: 35px 25px;
  margin: 0 auto 10px;
  box-sizing: border-box;
  background: url(../img/lead-bg.png) no-repeat;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  color: #fff;
  line-height: 1.66;
}

#cp5percent .return-head .return-lead {
  padding-bottom: 7px;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}

#cp5percent .return-head > p > img {
  width: 50px;
  height: auto;
  margin: 0 2px;
}

#cp5percent .return-head > p > img.lead {
  width: auto;
  margin: 0 0 10px;
}

#cp5percent .return-head > p.notes {
  margin-left: 22px;
  padding-left: 1em;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: -0.05em;
  text-indent: -1em;
}

#cp5percent .return-head .notes img {
  margin-left:4px;
  margin-right:4px;
}

#cp5percent .sections {
  width: 301px;/*315*/
  margin: 0 auto;
  overflow: hidden;
}

#cp5percent .left-column {
  float: left;
  margin: 35px 0 0 73px;/*89*/
}

#cp5percent .right-column {
  float: left;
  margin: 35px 0 0 29px;/*18*/
}

#cp5percent .sections section {
  margin: 0 0 34px;
}

#cp5percent .sections section h2 {
  margin: 0 0 18px;
}

#cp5percent .sections section ul li {
  margin: 0 0 3px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
}

#cp5percent .sections section > ul > li > ul {
  float: left;
}

#cp5percent .sections section > ul > li > ul > li {
  margin: 0 0 9px;
  line-height: 1.28;
  text-indent: 1em;
  overflow: hidden;
}

#cp5percent .sections section > ul > li > ul > li :last-child {
  margin: 0;
}

#cp5percent .sections section ul li span {
  float: left;
}

#cp5percent .sections section ul li .detail {
  float: right;
}

/* 注意事項 */
#cp5percent .page-notes {
  position: relative;
  top: -10px;
  clear: both;
}

#cp5percent .page-notes dl {
  width: 668px;
  margin: 0 auto;
}

#cp5percent .page-notes dt,
#cp5percent .page-notes dd {
  font-size: 10px;
  line-height: 14px;
}

#cp5percent .page-notes dt {
  margin-left:-0.4em;
}

#cp5percent .page-notes dd {
  text-indent:-1em;
  margin-left:1em;
}

/* お申し込みフォーム */
#cp5percent .entry-form {
  width: 660px;
  margin: 0 auto;
  padding: 9px 35px 20px 35px;
  background: url(../../img/common/entry-bg.png) no-repeat;
}

#cp5percent .entry-form h1 {
  margin: 0 0 32px;
}

#cp5percent .entry-form .card-form-5sale {
  width: 680px;
  margin: 0 0 11px;
}

#cp5percent .entry-form .pulldown,
#cp5percent .entry-form .submit {
  float: left;
  margin: 0 10px 0 0;
}

#cp5percent .point-form {
  padding: 18px 15px 19px 17px;
  background: url(../../img/common/point-bg.png) no-repeat;
}

#cp5percent .button {
  margin: 0 0 9px;
}

#cp5percent .attention-text {
  margin: 0 12px 5px 0;
  text-align: right;
  color: #d70008;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
}

#cp5percent .entry-form .notes {
  padding-left: 1em;
  font-size: 10px;
  text-indent: -1em;
  line-height: 1.4;
  letter-spacing: -0.05em;
}

#cp5percent .entry-form .notes span {
  color: #c21920;
}


/* 第1弾〜 キャンペーン詳細GO ページ内リンク */
#cp5percent .campaign-vol div {
  position: relative;
  width: 652px;
  margin: 0 auto;
}

#cp5percent .campaign-vol div + div {
  margin-top: -6px;
}

#cp5percent .campaign-vol.end div {
  margin-bottom: 8px;
}

#cp5percent .campaign-vol.end div + div {
  margin-top: 0;
}

#cp5percent .campaign-vol div:last-of-type {
  margin-bottom: 63px;
}

#cp5percent .campaign-vol div a {
  display: block;
}


/* キャンペーン PAGEUPボタン */
#cp5percent .pageup {
  display: block;
  width: 84px;
  margin: 0 auto 42px;
}

/* 5%ペイバック */
#cp5percent .area-payback {
  position: relative;
  width: 666px;
  margin: 30px auto 0;
  padding: 2px 45px 26px;
  box-sizing: border-box;
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
}

#cp5percent .area-payback h3 {
  position: absolute;
  top: -30px;
  left: -13px;
}

#cp5percent .area-payback > div img {
  display: inline-block;
  padding: 22px 0 0 5px;
  vertical-align: top;
}

#cp5percent .area-payback > div p {
  display: inline-block;
  width: 338px;
  padding: 39px 0 28px 20px;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  vertical-align: middle;
}

#cp5percent .area-payback dl {
  padding: 9px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 0;
}

#cp5percent .area-payback dl dt {
  display: inline-block;
  width: 90px;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
  text-align: center;
}

#cp5percent .area-payback dl dd {
  display: inline-block;
  width: 480px;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  letter-spacing: -0.1em;
}

#cp5percent .marunouchi .area-payback {
  border-color: #43A0B6;
  background: #EDF7F9;
}

#cp5percent .marunouchi .area-payback > div p  {
  color: #43A0B6;
}

#cp5percent .marunouchi .area-payback dl {
  border-color: #43A0B6;
}

#cp5percent .marunouchi .area-payback dl dt {
  color: #43A0B6;
}

#cp5percent .other .area-payback {
  border-color: #3E63A3;
  background: #ECF0F4;
}

#cp5percent .other .area-payback > div p  {
  width: 341px;
  padding-top: 35px;
  padding-left: 18px;
  padding-bottom: 28px;
  color: #3E63A3;
  letter-spacing: -0.05em;
}

#cp5percent .other .area-payback dl {
  border-color: #3E63A3;
}

#cp5percent .other .area-payback dl dt {
  color: #3E63A3;
}

#cp5percent .payback-button {
  display: block;
  width: 373px;
  margin: 23px auto 0;
}