@charset "UTF-8";
/* =======================================
　旧コンテンツ表示用
======================================= */
/*----- 要素の非表示 -----*/
.cc-page.cc-pagemode-default .header,
.cc-page.cc-pagemode-default .main-visual,
.cc-page.cc-pagemode-default .tenpo-banner,
.cc-page.cc-pagemode-default .shop-banner,
.cc-page.cc-pagemode-default .R-side,
.cc-page.cc-pagemode-default .L-side,
.cc-page.cc-pagemode-default .breadcrumb,
.cc-page.cc-pagemode-default .footer {
  display: none;
}


/*----- コンテンツのレイアウト -----*/

.cc-page.cc-pagemode-default .frame {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cc-page.cc-pagemode-default .content {
  clear: both;
  width: 100%;
  overflow: hidden;
}


.cc-page.cc-pagemode-default .content-R {
  float: none;
  width: 100vw;
  height: 100%;
  min-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #eee;
}

.cc-page.cc-pagemode-default .main.cc-content-parent {
  padding: 40px 40px;
  margin: 40px auto;
  width: 100%;
  max-width: 800px;
  background: #FFF;
}


@media screen and (max-width: 480px) {
  .cc-page.cc-pagemode-default .main.cc-content-parent {
    padding: 40px 16px;
  }
}


/*----- 追加ヘッダー -----*/
.re-style-header {
  display: none;
}

.cc-page.cc-pagemode-default .re-style-header {
  display: block;
  margin-top: 40px;
}

.cc-page.cc-pagemode-default .re-style-header img {
  max-width: 300px;
}

/*----- 追加フッター -----*/
.re-style-footer {
  display: none;
}

.cc-page.cc-pagemode-default .re-style-footer {
  display: block;
  background: #eee;
  text-align: center;
  padding: 0 16px 80px;
}

.cc-page.cc-pagemode-default .re-style-footer a {
  color: #E60012;
}

.re-style-footer a:hover {
  opacity: 0.7;
}




/* =======================================
　リダイレクト用ページスタイル
======================================= */

body.re301.cc-page.cc-pagemode-default {
  background: url(../images/common-logo-footer.png) no-repeat center,#E60012;
  background-size: 300px;
  width: 100vw;
  height: 100vh;
}

body.re301.cc-page.cc-pagemode-default .content-R,
body.re301.cc-page.cc-pagemode-default .container {
  background: transparent;
}

body.re301.cc-page.cc-pagemode-default .main.cc-content-parent,
body.re301.cc-page.cc-pagemode-default .re-style-footer {
  display: none;
}

body.re301.cc-page.cc-pagemode-default .re-style-header img {
  display: none;
}