@charset "UTF-8";
/* =========================================================
 Foundation
========================================================= */
/* #Normalize.css
   -------------------------------------------------------------------------- */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/*figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

input {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: transparent !important;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
  background-color: white;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* color
---------------------------------------------------------- */
/* 総合color
---------------------------------------------------------- */
/* まいど子color
---------------------------------------------------------- */
/* 縁ジョイcolor
---------------------------------------------------------- */
/* 管理画面color
---------------------------------------------------------- */
/*ボーダー*/
/* 重要 */
/* text-decoration: none;
---------------------------------------------------------- */
/* color: $_color-txt;
---------------------------------------------------------- */
/* #Base
   -------------------------------------------------------------------------- */
/**
 * Baseレイヤーには、Mainレイヤー(_main.scss)と同様に、プロジェクトにおける基本的なベーススタイルを定義します。
 * concret5での構築において、先頭に.ccm-pageクラスを付けたくない場合のみBaseレイヤーに定義します。
 * concrete5のインターフェースへの干渉を防ぐため、出来る限りMainレイヤー(_main.scss)に定義するようにしてください。
 */
/**
 */
@font-face {
  font-family: "Noto Sans JP";
  font-weight: normal;
  src: url(/common/font/NotoSansJP/NotoSansJP-Medium.ttf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: bold;
  src: url(/common/font/NotoSansJP/NotoSansJP-Bold.ttf) format("opentype");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fontawesome/webfonts/fa-brands-400.eot);
  src: url(./fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(./fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(./fontawesome/webfonts/fa-brands-400.woff) format("woff"), url(./fontawesome/webfonts/fa-brands-400.ttf) format("truetype"), url(./fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fontawesome/webfonts/fa-regular-400.eot);
  src: url(./fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(./fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(./fontawesome/webfonts/fa-regular-400.woff) format("woff"), url(./fontawesome/webfonts/fa-regular-400.ttf) format("truetype"), url(./fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./fontawesome/webfonts/fa-solid-900.eot);
  src: url(./fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(./fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(./fontawesome/webfonts/fa-solid-900.woff) format("woff"), url(./fontawesome/webfonts/fa-solid-900.ttf) format("truetype"), url(./fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: "Noto Sans JP", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  -webkit-text-size-adjust: 100% !important;
  text-align: justify !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1.5 !important;
  font-size: 1.4rem !important;
  font-weight: 500;
  color: #444444 !important;
  background: #ffffff !important;
  -webkit-print-color-adjust: exact;
  position: relative;
}
body.bkcolor {
  background-color: #E5EFEE !important;
}
body.bkcolor-e {
  background-color: #F7E3DF !important;
}
body.bkyellow, body.bkyellow-e {
  background-color: #FDF8E2 !important;
}
body.bkyellow main, body.bkyellow-e main {
  height: 100%;
}
body.bkyellow-e {
  background-color: #F9F6EA !important;
}
body .p-img01 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  height: auto;
}

a.visually-hidden-focusable {
  margin-right: 1rem;
  padding: 0.2rem 0.4rem;
  border: 0.1rem solid #277681;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  color: #277681;
}

/* 閲覧支援ツール 文字サイズ変更 */
.f-font-size-small {
  font-size: 50.8% !important;
}

.f-font-size-medium {
  font-size: 62.5% !important;
}

.f-font-size-large {
  font-size: 72.5% !important;
}

/* 閲覧支援ツール 色変更 */
/* 黒 */
.f-color-black {
  background: #000 !important;
  color: #dfde4c !important;
  border-color: #fff !important;
}
.f-color-black a, .f-color-black a .f-color-black {
  color: #fff !important;
}
.f-color-black .c-button {
  background: #fff !important;
  color: #000 !important;
}
.f-color-black .c-button:hover {
  color: #fff !important;
  background: #000 !important;
  border: 1px solid #fff !important;
}

/* 青 */
.f-color-blue {
  background: #0b24fb !important;
  color: #dfde4c !important;
  border-color: #fff !important;
}
.f-color-blue a, .f-color-blue a .f-color-blue {
  color: #fff !important;
}
.f-color-blue .c-button {
  background: #fff !important;
  color: #0b24fb !important;
}
.f-color-blue .c-button:hover {
  color: #fff !important;
  background: #0b24fb !important;
  border: 1px solid #fff !important;
}

/* 黄 */
.f-color-yellow {
  background: #fffd38 !important;
  color: #000 !important;
  border-color: #0b24fb !important;
}
.f-color-yellow a, .f-color-yellow a .f-color-yellow {
  color: #0b24fb !important;
}
.f-color-yellow .c-button {
  background: #0b24fb !important;
  color: #fffd38 !important;
}
.f-color-yellow .c-button:hover {
  color: #0b24fb !important;
  background: #fffd38 !important;
  border: 1px solid #0b24fb !important;
}

body#enjoy.bkcolor {
  background-color: #F7E3DF !important;
}
body#enjoy a.visually-hidden-focusable {
  border: 0.1rem solid #CC4C29;
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  body {
    font-size: 1.8rem !important;
  }
  input,
textarea {
    font-size: 1.4rem;
  }
}
/* #Main
   -------------------------------------------------------------------------- */
/**
 * Mainレイヤーにはプロジェクトにおける、基本的なベーススタイルを定義します。
 * 要素セレクタや属性セレクタなど、詳細度はできるかぎり低く保っておきます。
 * 基本的にclass属性は使用しません。
 * Bootstrapのオーバーライドスタイルを定義します。
 */
/**
 */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  line-height: 1.4;
  color: inherit;
}

ul, ol {
  padding-left: 0;
  list-style: none;
}

/**
 * ネストされたリストのマージンをリセットします。
 */
li > ul, li > ol {
  margin-bottom: 0;
}

/**
 * `dt`と`dd`の左端を揃えます。
 */
dd {
  margin-left: 0;
  margin-bottom: 0;
}

table {
  width: 100%;
}

th {
  text-align: left;
  padding: 1.5rem;
  font-weight: bold;
}

td {
  padding: 1.5rem;
}

a {
  text-decoration: none;
  color: #444444;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: inherit;
  opacity: 0.75;
}

a:focus, input:focus, textarea:focus, select:focus, button:focus {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}

/**
 * 日本語では斜体を使用しないためリセットします。
 */
i,
cite,
em,
address,
dfn {
  font-style: normal;
}

pre {
  padding: 2em;
  margin: 1em 0;
}

code,
pre {
  font-family: Consolas, Menlo, Courier, monospace;
}

code {
  padding: 0.2em;
  background-color: rgba(0, 0, 0, 0.06);
}

pre code {
  padding: 0;
  background-color: inherit;
}

h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-top: 0;
  margin-bottom: 0;
}

em {
  font-style: normal;
  font-weight: bold;
}

strong {
  color: #f04444;
}

/**
 * Bootstrapのオーバーライド
 */
.img-fluid img {
  max-width: 100%;
  height: auto;
}

input::-ms-reveal {
  display: none;
}

/* ==========================================================================
 Layout
========================================================================== */
/* l-404
  -------------------------------------------------------------------------- */
/*doc
---
title: l-404
name: l-404
categories: [layout]
---
404エラー
*/
.l-404 img {
  width: 100%;
}
.l-404 p {
  padding: 2.4rem 0rem 4rem;
  font-size: 1.4rem;
}

@media screen and (min-width: 992px) {
  .l-404 img {
    width: 50%;
    margin: 0 auto;
    display: block;
  }
  .l-404 p {
    font-size: 1.8rem;
    text-align: center;
  }
}
/* l-accessibility
  -------------------------------------------------------------------------- */
/*doc
---
title: l-accessibility
name: l-accessibility
categories: [layout]
---
アクセシビリティ
*/
.l-accessibility {
  padding-top: 2.4rem;
}
.l-accessibility div {
  padding-bottom: 4rem;
}
.l-accessibility div h2 {
  text-align: center;
  padding-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.l-accessibility div .p-ol-list01 {
  margin-bottom: 0rem;
  margin-top: 0rem;
}
.l-accessibility div p {
  text-align: left;
}

@media screen and (min-width: 992px) {
  .l-accessibility div h2 {
    padding-top: 4.5rem;
    margin: 0rem;
    font-size: 2.8rem;
    text-align: left;
  }
  .l-accessibility div .p-ol-list01 {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}
/* l-access
  -------------------------------------------------------------------------- */
/*doc
---
title:l-access
name: l-access
categories: [layout]
---
初回登録：アクセス
*/
.l-access .p-access {
  padding-top: 8rem;
  padding-bottom: 2.1rem;
  max-width: 81.6rem;
}
.l-access h1 {
  padding-top: 0rem;
  text-align: center;
  color: #277681;
}
.l-access p {
  padding-bottom: 3.2rem;
  text-align: center;
}
.l-access .p-btn04 {
  margin-top: 4rem;
  padding-bottom: 5.1rem;
  position: relative;
}
.l-access .p-btn04:after {
  width: 8.4rem;
  height: 0.6rem;
  background-size: auto;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  content: "";
  bottom: 0rem;
  left: 50%;
  margin-left: -4.2rem;
}
.l-access1 .p-btn04:after {
  width: 8.4rem;
  background: url(/common/images/parts/maidoko/dot3.svg) no-repeat;
}
.l-access2 .p-btn04:after {
  width: 8.4rem;
  background: url(/common/images/parts/maidoko/dot4.svg) no-repeat;
}

body#enjoy .l-access h1 {
  color: #CC4C29;
}
body#enjoy .l-access1 .p-btn04:after {
  width: 8.4rem;
  background: url(/common/images/parts/enjoy/dot3.svg) no-repeat;
}
body#enjoy .l-access2 .p-btn04:after {
  width: 8.4rem;
  background: url(/common/images/parts/enjoy/dot4.svg) no-repeat;
}

/* l-annai
  -------------------------------------------------------------------------- */
/*doc
---
title: l-annai
name: l-annai
categories: [layout]
---
案内
*/
.l-annai {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.l-annai .p-btn02:after {
  width: 8.4rem;
  height: 0.6rem;
  background-size: auto;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  content: "";
  bottom: 2rem;
  left: 50%;
  margin-left: -4.2rem;
}
.l-annai .p-annai1, .l-annai .p-annai2 {
  padding-top: 4rem;
}
.l-annai .p-breadcrumb {
  color: #ffffff;
}
.l-annai1 {
  background-image: url(/common/images/parts/annai1-bk.png);
}
.l-annai1 .p-btn02:after {
  width: 8.4rem;
  background: url(/common/images/parts/maidoko/dot1.svg) no-repeat;
}
.l-annai1 .p-annai1-img {
  width: 22rem;
}
.l-annai1 .p-breadcrumb {
  color: #1846a2;
}
.l-annai2 {
  background-image: url(/common/images/parts/annai2-bk.png);
}
.l-annai2 .p-btn02:after {
  background: url(/common/images/parts/maidoko/dot2.svg) no-repeat;
}
.l-annai2 .p-annai2-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.l-annai2 .p-annai2-img {
  width: 46.5rem;
}
.l-annai h1 {
  color: #ffffff !important;
  padding-bottom: 0rem !important;
  text-shadow: 0rem 0rem 0.3rem rgba(0, 0, 0, 0.4);
}
.l-annai .p-annai1 h1 {
  color: #1846a2 !important;
}
.l-annai .p-btn02 {
  padding-bottom: 5.1rem;
  position: relative;
}

@media screen and (min-width: 992px) {
  .l-annai .p-btn02 {
    margin-top: 3.2rem;
  }
  .l-annai .p-btn02:after {
    bottom: 0rem;
  }
  .l-annai1 .p-annai1-img {
    width: 28.4rem;
  }
  .l-annai2 .p-annai2-img {
    width: 58.071rem;
  }
}
body#enjoy .l-annai1 .p-btn02:after {
  width: 8.4rem;
  background: url(/common/images/parts/enjoy/dot1.svg) no-repeat;
}
body#enjoy .l-annai2 .p-btn02:after {
  background: url(/common/images/parts/enjoy/dot2.svg) no-repeat;
}

/* #contact
  -------------------------------------------------------------------------- */
/*doc
---
title:contact
name: contact
categories: [layout]
---

お問合せ
*/
.l-contact {
  padding-top: 2.4rem;
}
.l-contact .error {
  width: 100%;
  padding: 0;
  display: inline-block;
  font-size: 90%;
  color: #d00101;
  box-sizing: border-box;
}

/* l-event
   -------------------------------------------------------------------------- */
/*doc
---
title: l-event
name:l-event
categories: [layout]
---
イベント
*/
.l-event .p-search-conditions {
  padding-top: 1.6rem;
  max-width: 81.6rem;
  margin: 0 auto;
}

/* l-favorite-store
   -------------------------------------------------------------------------- */
/*doc
---
title: l-favorite-store
name: l-favorite-store
categories: [layout]
---
お気に入り
*/
.l-favorite-store {
  padding-top: 2.4rem;
}

/* l-footer
   -------------------------------------------------------------------------- */
/*doc
---
title: l-footer
name:l-footer
categories: [layout]
---
フッター

*/
.l-footer {
  /*

  		position: absolute;
  		width: 100%;
  		bottom: 0;
  		left: 0;
  */
  /*
  	&:has(.p-footer__page-top){
  		position: absolute;
  		width: 100%;
  		bottom: 0;
  		left: 0;
  	}
  */
}
.l-footer--follow {
  position: fixed;
  width: 100%;
  bottom: 0px;
  z-index: 5;
}

@media screen and (min-width: 992px) {
  .l-footer {
    position: relative;
  }
}
/* l-header
   -------------------------------------------------------------------------- */
/*doc
---
title: l-header
name:l-header
categories: [layout]
---
ヘッダ
*/
.l-header {
  z-index: 5;
  position: initial;
}

/* l-henko 
   -------------------------------------------------------------------------- */
/*doc
---
title: l-henko 
name:l-henko 
categories: [layout]
---
変更

*/
.l-henko_reset .p-henko__password {
  padding-top: 2.4rem;
}
.l-henko_reset .p-henko__password form {
  margin-top: 1.6rem;
}
.l-henko_reset .p-btn02 {
  padding-top: 1.6rem;
}
.l-henko_reset-kanryo p {
  padding-bottom: 2.4rem;
}

@media screen and (min-width: 992px) {
  .l-henko_reset .p-henko__password form {
    margin-top: 0rem;
  }
  .l-henko_reset .p-btn02 {
    padding-top: 2.4rem;
  }
  .l-henko_reset-kanryo p {
    text-align: center;
    padding-bottom: 3.2rem;
  }
}
/* l-kaiin
   -------------------------------------------------------------------------- */
/*doc
---
title: l-kaiin
name:l-kaiin
categories: [layout]
---
会員
*/
.l-kaiin .l-banner {
  padding-top: 2.4rem;
}
.l-kaiin__henko {
  padding-top: 2.4rem;
}
.l-kaiin__henko .p-btn04__link {
  margin-top: 4rem;
}
.l-kaiin__henko .p-link01 {
  width: 100%;
  margin-top: 1.6rem;
  background: transparent;
  color: #277681;
  padding: 0.8rem 0rem;
  font-weight: bold;
}
.l-kaiin__tsuchi-setting p {
  padding-top: 2.4rem;
  padding-bottom: 1.9rem;
}
.l-kaiin__tsuchi-setting .p-frame02 {
  padding-bottom: 3.7rem;
}

body#enjoy .l-kaiin__henko .p-link01 {
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .l-kaiin .l-banner {
    padding-top: 6.3rem;
    padding-bottom: 4.8rem;
  }
}
/* l-kanri__login
   -------------------------------------------------------------------------- */
/*doc
---
title: l-kanri__login
name: l-kanri__login
categories: [layout]
---
事務局ログイン
*/
.l-kanri__login {
  align-items: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 18.2rem;
}
.l-kanri__login h1 {
  color: #2699FB;
  padding: 0 0 3.3rem;
  font-size: 2rem;
}
.l-kanri__login .p-kanri-form {
  padding-top: 1rem;
}
.l-kanri__login .p-kanri-form__ttl {
  font-size: 1rem;
  font-weight: inherit;
}
.l-kanri__login .p-kanri-form__btn-action {
  width: 100%;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
}

/* l-kanri
  -------------------------------------------------------------------------- */
/*doc
---
title: l-kanri
name: l-kanri
categories: [layout]
---
管理画面
*/
.l-kanri {
  display: flex;
  width: 100%;
  min-height: 100vh;
  height: 100%;
}
.l-kanri a {
  color: #2699FB;
}
.l-kanri a.p-kanri-form__btn-action {
  color: #ffffff;
}
.l-kanri a.p-kanri-form__btn-action:hover {
  color: #2699FB;
}
.l-kanri a.p-kanri-form__btn-action--back {
  color: #2699FB;
}
.l-kanri-sidebar {
  height: 100%;
}
.l-kanri-sidebar--02 {
  display: flex;
}
.l-kanri-right {
  width: 100%;
}
.l-kanri .l-main {
  width: 100%;
  padding: 2.1rem 4.6rem;
}
.l-kanri-shosai {
  position: relative;
}
.l-kanri-shosai#yakudachi-shosai .p-kanri-form__btn-action {
  padding: 1.05rem 0 !important;
}
.l-kanri-shosai#yakudachi-shosai .p-kanri-form__img-group {
  padding-bottom: 0.7rem !important;
}
.l-kanri-shosai#yakudachi-shosai .p-kanri-form__img-group:after, .l-kanri-shosai#yakudachi-shosai .p-kanri-form__img-group:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .l-kanri .l-owner .p-shinki__kakunin-list, .l-kanri .l-store .p-shinki__kakunin-list {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  body .l-kanri {
    font-size: 1.4rem !important;
  }
  body .l-kanri-right {
    display: flex;
    overflow: auto;
  }
}
@media screen and (max-width: 1199px) {
  .l-kanri-right {
    display: flex;
    overflow: auto;
    white-space: nowrap;
  }
}
/* l-kiyaku
   -------------------------------------------------------------------------- */
/*doc
---
title: l-kiyaku
name:l-kiyaku
categories: [layout]
---
規約
*/
.l-kiyaku {
  padding-top: 2.4rem;
}
.l-kiyaku .p-kiyaku__h2 {
  padding-top: 4rem;
  padding-bottom: 1.6rem;
}
.l-kiyaku .p-kiyaku__h3 {
  padding-bottom: 1.6rem;
}
.l-kiyaku section {
  padding-bottom: 4rem;
}
.l-kiyaku section p {
  padding-bottom: 1.4rem;
}
.l-kiyaku section p.p-kiyaku__ttl {
  padding-bottom: 0.8rem;
}
.l-kiyaku section p:last-of-type {
  padding-bottom: 0;
}
.l-kiyaku section .p-ul-list01, .l-kiyaku section .p-ol-list01 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.l-kiyaku section .p-ul-list01--kiyaku, .l-kiyaku section .p-ol-list01--kiyaku {
  margin-bottom: 1.6rem;
}
.l-kiyaku section.l-kiyaku__article3 .p-ul-list01 {
  padding-bottom: 4rem;
}
.l-kiyaku section.l-kiyaku__article6 .p-ul-list01 {
  padding-bottom: 4rem;
}
.l-kiyaku section.l-kiyaku__article1 .p-ol-list01, .l-kiyaku section.l-kiyaku__article4 .p-ol-list01, .l-kiyaku section.l-kiyaku__article9 .p-ol-list01 {
  padding-top: 1.6rem;
}
.l-kiyaku section.l-kiyaku__article4 {
  padding-bottom: 1.6rem;
}

@media screen and (min-width: 992px) {
  .l-kiyaku .p-kiyaku__h2 {
    padding-bottom: 3.2rem;
  }
  .l-kiyaku .p-kiyaku__h3 {
    padding-bottom: 1.6rem;
  }
  .l-kiyaku section {
    padding-bottom: 4rem;
  }
  .l-kiyaku section p {
    padding-bottom: 1.8rem;
  }
  .l-kiyaku section p.p-kiyaku__ttl {
    padding-bottom: 0.8rem;
  }
  .l-kiyaku section p:last-of-type {
    padding-bottom: 0;
  }
  .l-kiyaku section .p-ul-list01, .l-kiyaku section .p-ol-list01 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .l-kiyaku section .p-ul-list01--kiyaku, .l-kiyaku section .p-ol-list01--kiyaku {
    margin-bottom: 2rem;
  }
  .l-kiyaku section.l-kiyaku__article3 .p-ul-list01 {
    padding-bottom: 4rem;
  }
  .l-kiyaku section.l-kiyaku__article1 .p-ol-list01, .l-kiyaku section.l-kiyaku__article4 .p-ol-list01, .l-kiyaku section.l-kiyaku__article9 .p-ol-list01 {
    padding-top: 2rem;
  }
  .l-kiyaku section.l-kiyaku__article4 {
    padding-bottom: 2rem;
  }
}
/* l-kosodate-sodan
  -------------------------------------------------------------------------- */
/*doc
---
title: l-kosodate-sodan
name: l-kosodate-sodan
categories: [layout]
---
子育て相談窓口
*/
.l-kosodate-sodan {
  padding-top: 2.4rem;
}
.l-kosodate-sodan .p-link__h2 {
  padding: 4rem 0rem 1.6rem;
}
.l-kosodate-sodan .p-link__h2 a {
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #277681;
}
.l-kosodate-sodan .p-ul-list01 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.l-kosodate-sodan .p-btn02 {
  padding-top: 2.4rem;
}
.l-kosodate-sodan__cont {
  padding-bottom: 4.9rem;
}
.l-kosodate-sodan__cont .p-link01 {
  margin-top: 1.6rem;
}
.l-kosodate-sodan__page {
  padding-top: 0.9rem;
  padding-bottom: 2.4rem;
}
.l-kosodate-sodan__page .p-btn02 {
  padding-top: 1.5rem;
}

@media screen and (min-width: 992px) {
  .l-kosodate-sodan .p-link__h2 a {
    font-size: 2.8rem;
    border-bottom: 0.1rem solid #277681;
  }
  .l-kosodate-sodan .p-btn02 {
    padding-top: 5.6rem;
  }
}
/* #lp
  -------------------------------------------------------------------------- */
/*doc
---
title:lp
name: lp
categories: [layout]
---
*/
.l-lp {
  font-size: 1.2rem;
  padding-top: 4rem;
}
.l-lp h1 {
  padding-top: 0;
}
.l-lp--01 p {
  padding-bottom: 2.4rem;
}
.l-lp--01 h1 {
  padding-bottom: 2.4rem;
}
.l-lp--01 img {
  padding-bottom: 1.6rem;
}
.l-lp--02 h1 {
  padding-bottom: 1.6rem;
}
.l-lp--04 p {
  text-align: center;
}
.l-lp--04 p.l-lp--04_sa br {
  display: none;
}
.l-lp--04 .p-btn04 {
  margin-bottom: 2.4rem;
}
.l-lp--04 .p-lp__group {
  margin-top: 2.4rem;
}
.l-lp--04 .p-lp__group-parts img {
  width: 10rem;
}
.l-lp--05 .p-lp__heading02 {
  padding-bottom: 1.6rem;
  padding-top: 4rem;
}
.l-lp--05 h2 {
  text-align: center;
}
.l-lp__bosyu--01 {
  padding-bottom: 1.6rem;
}
.l-lp__bosyu--01 p {
  font-size: 1.4rem;
}
.l-lp__bosyu--02 .p-lp__img {
  width: 14rem;
  height: auto;
  margin: 0 auto;
  display: block;
}
.l-lp__bosyu--02 .p-lp__heading02 {
  text-align: center;
}
.l-lp__bosyu--02 .p-lp__heading02 br {
  display: none;
}
.l-lp__bosyu--02 .col-lg-4 {
  margin-bottom: 3.2rem;
}
.l-lp__bosyu--02 .row:last-of-type .col-lg-4:last-child {
  margin-bottom: 0rem;
}
.l-lp__bosyu--03 li, .l-lp__bosyu--04 li, .l-lp__bosyu--05 li {
  font-size: 1.4rem;
}
.l-lp__bosyu--03 ul {
  margin: 0;
}
.l-lp__bosyu--04 ul {
  margin: 1.6rem 0;
}
.l-lp__bosyu--05 .p-btn03 {
  margin-bottom: 1.6rem;
}
.l-lp__bosyu--05 .p-lp__btn-sub {
  margin-top: 4rem;
}
.l-lp__tsukaikata--01.container {
  max-width: 81.6rem !important;
}
.l-lp__tsukaikata--02 .p-lp .row {
  padding-top: 4rem;
}
.l-lp__tsukaikata--02 .p-lp .row:first-of-type {
  padding-top: 0rem;
}
.l-lp__tsukaikata--02 .col-lg-6 {
  padding-top: 4rem;
}
.l-lp__tsukaikata--02 .col-lg-6:first-child {
  padding-top: 0rem;
}
.l-lp__tsukaikata--02 .col-lg-6 .p-lp__heading02 {
  text-align: center;
}
.l-lp__tsukaikata--02 .col-lg-6 .p-lp__heading02 br {
  display: none;
}
.l-lp__tsukaikata--02 .col-lg-6 .p-lp__img {
  padding-top: 1.6rem;
}
.l-lp__tsukaikata--03 .p-lp__heading01 {
  padding-top: 3.5rem;
  padding-bottom: 1.6rem;
}
.l-lp__tsukaikata--03 .p-ul-list01 {
  margin-top: 0rem;
  margin-bottom: 4rem;
}

@media screen and (min-width: 992px) {
  .l-lp {
    font-size: 1.8rem;
    padding-top: 5rem;
  }
  .l-lp h1 {
    padding-top: 2.4rem;
  }
  .l-lp__group--bottom {
    padding-bottom: 14rem;
  }
  .l-lp__group--bottom:after {
    bottom: 6rem;
  }
  .l-lp--01 img {
    padding-bottom: 3.2rem;
  }
  .l-lp--01 p {
    padding-bottom: 4rem;
  }
  .l-lp--01 h1, .l-lp--02 h1 {
    padding-bottom: 3.2rem;
  }
  .l-lp--04 .p-lp__group {
    padding-bottom: 5rem;
    margin-top: 3rem;
  }
  .l-lp--04 .p-lp__group-parts img {
    width: 20rem;
  }
  .l-lp--04 p.l-lp--04_sa br {
    display: block;
  }
  .l-lp--05 h2.p-lp__heading02 {
    padding-bottom: 4rem;
    padding-top: 8rem;
  }
  .l-lp__bosyu--01 .container, .l-lp__bosyu--03 .container, .l-lp__bosyu--04 .container, .l-lp__bosyu--05 .container {
    max-width: 81.6rem;
  }
  .l-lp__bosyu--01 p {
    font-size: 1.8rem;
  }
  .l-lp__bosyu--01 .p-lp img {
    width: 70%;
  }
  .l-lp__bosyu--03 li, .l-lp__bosyu--04 li, .l-lp__bosyu--05 li {
    font-size: 1.8rem;
  }
  .l-lp__bosyu--02 .p-lp__img {
    width: 14rem;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .l-lp__bosyu--02 .p-lp__heading02 {
    padding-bottom: 1.6rem;
  }
  .l-lp__bosyu--02 .p-lp__heading02 br {
    display: block;
  }
  .l-lp__bosyu--02 .col-lg-4 {
    margin-bottom: 5.6rem;
  }
  .l-lp__bosyu--02 .row:last-of-type .col-lg-4:last-child {
    margin-bottom: 0rem;
  }
  .l-lp__bosyu--04 ul {
    margin: 2.4rem 0rem;
  }
  .l-lp__bosyu--05 .p-btn03 {
    margin-bottom: 4rem;
  }
  .l-lp__tsukaikata--01 {
    font-size: inherit;
    padding-top: 0rem;
  }
  .l-lp__tsukaikata--01 .container {
    max-width: 81.6rem;
  }
  .l-lp__tsukaikata--01 .p-lp img {
    width: 70%;
  }
  .l-lp__tsukaikata--02 .p-lp .row {
    padding-top: 7.2rem;
  }
  .l-lp__tsukaikata--02 .p-lp .row:first-of-type {
    padding-top: 3.2rem;
  }
  .l-lp__tsukaikata--02 .col-lg-6 {
    padding-top: 0rem;
  }
  .l-lp__tsukaikata--02 .col-lg-6 .p-lp__heading02 {
    text-align: left;
  }
  .l-lp__tsukaikata--02 .col-lg-6 .p-lp__heading02 br {
    display: block;
  }
  .l-lp__tsukaikata--03 .container {
    max-width: 81.6rem;
  }
  .l-lp__tsukaikata--03 .p-ul-list01 {
    margin-top: 0rem;
    margin-bottom: 5.6rem;
  }
}
/* #main
  -------------------------------------------------------------------------- */
/*doc
---
title: main
name: main
categories: [layout]
---
*/
.l-main.l-main--format {
  margin-bottom: 5rem;
}
.l-main.l-main--Individual {
  height: 100%;
}

@media screen and (min-width: 992px) {
  .l-main.l-main--format {
    margin-bottom: 15rem;
  }
  .l-main.l-main--Individual {
    height: 100%;
  }
  .l-main--container .container, .l-main--sougou.l-main--container {
    max-width: 81.6rem;
    margin: 0 auto;
  }
}
/* l-management
   -------------------------------------------------------------------------- */
/*doc
---
title: l-management
name: l-management
categories: [layout]
---
事務局
*/
.l-management__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
}
.l-management__top--shonin, .l-management__top--kigengire, .l-management__top--owner, .l-management__top--store, .l-management__top--event {
  align-items: baseline;
}
.l-management__info {
  padding-bottom: 4.2rem;
}
.l-management#owner .p-management__table td {
  padding: 1.5rem;
}

/* l-oshirase
   -------------------------------------------------------------------------- */
/*doc
---
title: l-oshirase
name: l-oshirase
categories: [layout]
---
お知らせ
*/
.l-oshirase {
  background-color: #FDF8E2;
}
.l-oshirase__btn {
  padding: 0 5rem !important;
}

/* l-store/l-contact/l-owner
   -------------------------------------------------------------------------- */
/*doc
---
title: l-store/l-contact/l-owner
name:l-store/l-contact/l-owner
categories: [layout]
---

*/
.l-store .p-store-list,
.l-contact .p-store-list {
  padding-top: 2.4rem;
}

.l-owner h1,
.l-store h1,
.l-contact h1 {
  color: #277681;
  padding: 3.2rem 0 2.3rem;
}
.l-owner h2,
.l-store h2,
.l-contact h2 {
  padding: 4rem 0 2.4rem;
  text-align: center;
  margin: 0;
}
.l-owner--kanryo .p-shinki,
.l-store--kanryo .p-shinki,
.l-contact--kanryo .p-shinki {
  text-align: center;
}
.l-owner--kanryo h1,
.l-store--kanryo h1,
.l-contact--kanryo h1 {
  padding-bottom: 3.2rem;
}
.l-owner .p-shinki, .l-owner .p-contact,
.l-store .p-shinki,
.l-store .p-contact,
.l-contact .p-shinki,
.l-contact .p-contact {
  /*
  		&-form{
  			padding-top: 1.6rem;

  			&:first-of-type{
  				padding-top: 0rem;
  			}

  			&__tel{
  				padding-bottom: 3.2rem;
  			}
  		}

  		&__others{
  			padding-bottom: 3.2rem;
  			padding-top: 1.6rem;
  		}
  */
}
.l-owner .p-shinki__kakunin-area, .l-owner .p-contact__kakunin-area,
.l-store .p-shinki__kakunin-area,
.l-store .p-contact__kakunin-area,
.l-contact .p-shinki__kakunin-area,
.l-contact .p-contact__kakunin-area {
  padding-top: 2.4rem;
}
.l-owner .p-shinki__kakunin-ttl, .l-owner .p-contact__kakunin-ttl,
.l-store .p-shinki__kakunin-ttl,
.l-store .p-contact__kakunin-ttl,
.l-contact .p-shinki__kakunin-ttl,
.l-contact .p-contact__kakunin-ttl {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 1.6rem 0 0.8rem;
  width: 100%;
}
.l-owner .p-shinki__kakunin-ttl:first-of-type, .l-owner .p-contact__kakunin-ttl:first-of-type,
.l-store .p-shinki__kakunin-ttl:first-of-type,
.l-store .p-contact__kakunin-ttl:first-of-type,
.l-contact .p-shinki__kakunin-ttl:first-of-type,
.l-contact .p-contact__kakunin-ttl:first-of-type {
  border-top: 0.1rem solid #DDDDDD;
}
.l-owner .p-shinki__kakunin-item, .l-owner .p-contact__kakunin-item,
.l-store .p-shinki__kakunin-item,
.l-store .p-contact__kakunin-item,
.l-contact .p-shinki__kakunin-item,
.l-contact .p-contact__kakunin-item {
  border-bottom: 0.1rem solid #DDDDDD;
  padding-left: 2.4rem;
  padding-bottom: 1.6rem;
  white-space: normal;
}
.l-owner .p-shinki__kakunin-list .p-shinki__kakunin-img, .l-owner .p-contact__kakunin-list .p-shinki__kakunin-img,
.l-store .p-shinki__kakunin-list .p-shinki__kakunin-img,
.l-store .p-contact__kakunin-list .p-shinki__kakunin-img,
.l-contact .p-shinki__kakunin-list .p-shinki__kakunin-img,
.l-contact .p-contact__kakunin-list .p-shinki__kakunin-img {
  padding-bottom: 1.6rem;
}
.l-owner .p-shinki__kakunin-list .p-shinki__kakunin-img p, .l-owner .p-contact__kakunin-list .p-shinki__kakunin-img p,
.l-store .p-shinki__kakunin-list .p-shinki__kakunin-img p,
.l-store .p-contact__kakunin-list .p-shinki__kakunin-img p,
.l-contact .p-shinki__kakunin-list .p-shinki__kakunin-img p,
.l-contact .p-contact__kakunin-list .p-shinki__kakunin-img p {
  font-size: 1rem;
  color: #277681;
  padding-bottom: 0.8rem;
  font-weight: bold;
}
.l-owner .p-shinki__kakunin-list .p-shinki__kakunin-img:last-of-type, .l-owner .p-contact__kakunin-list .p-shinki__kakunin-img:last-of-type,
.l-store .p-shinki__kakunin-list .p-shinki__kakunin-img:last-of-type,
.l-store .p-contact__kakunin-list .p-shinki__kakunin-img:last-of-type,
.l-contact .p-shinki__kakunin-list .p-shinki__kakunin-img:last-of-type,
.l-contact .p-contact__kakunin-list .p-shinki__kakunin-img:last-of-type {
  border-bottom: 0.1rem solid #DDDDDD;
}
.l-owner .p-shinki__kakunin-list .p-shinki__kakunin-img img, .l-owner .p-contact__kakunin-list .p-shinki__kakunin-img img,
.l-store .p-shinki__kakunin-list .p-shinki__kakunin-img img,
.l-store .p-contact__kakunin-list .p-shinki__kakunin-img img,
.l-contact .p-shinki__kakunin-list .p-shinki__kakunin-img img,
.l-contact .p-contact__kakunin-list .p-shinki__kakunin-img img {
  min-width: 34.5rem;
  width: 100%;
  height: auto;
}
.l-owner .p-link01,
.l-store .p-link01,
.l-contact .p-link01 {
  width: 100%;
  margin-top: 1.6rem;
  background: transparent;
  color: #277681;
  padding: 0.8rem 0rem;
  font-weight: bold;
}
.l-owner .p-shinki__kakunin-area .p-btn04__link, .l-owner .p-shinki .p-btn04__link, .l-owner .p-contact__kakunin-area .p-btn04__link,
.l-store .p-shinki__kakunin-area .p-btn04__link,
.l-store .p-shinki .p-btn04__link,
.l-store .p-contact__kakunin-area .p-btn04__link,
.l-contact .p-shinki__kakunin-area .p-btn04__link,
.l-contact .p-shinki .p-btn04__link,
.l-contact .p-contact__kakunin-area .p-btn04__link {
  margin-top: 3.2rem;
}
.l-owner .p-btn02__link,
.l-store .p-btn02__link,
.l-contact .p-btn02__link {
  margin-bottom: 1.6rem;
}
.l-owner .p-btn02__link:last-child,
.l-store .p-btn02__link:last-child,
.l-contact .p-btn02__link:last-child {
  margin-bottom: 0rem;
}
.l-owner .p-btn04__link,
.l-store .p-btn04__link,
.l-contact .p-btn04__link {
  font-weight: 500;
}

.l-store {
  /*
  	& .p-event-list{
  		padding-top: 1.6rem;
  	}	
  */
  /*
  	& .p-event-item{
  		margin-bottom: 2.4rem;
  		&:last-child{
  			margin-bottom: 0rem;
  		}
  	}
  */
}
.l-store h1 {
  padding: 3.2rem 0 0.4rem;
}
.l-store .p-event-item {
  padding: 1.6rem 1.6rem 0rem;
}
.l-store .p-store-form__store {
  padding-bottom: 0rem;
}
.l-store__info h2 {
  padding: 0 0 1.6rem;
  text-align: left;
}
.l-store__info .p-btn02__link {
  width: 100%;
  margin-top: 4rem;
}
.l-store__info .p-btn02 .p-store-form__ttl-note {
  text-align: center;
}
.l-store__info .p-store-form__store {
  padding-bottom: 1.6rem;
}
.l-store--event .p-store-form__store, .l-store--event .p-store-form__city {
  padding-bottom: 0rem;
}
.l-store--event .p-store-form__parking {
  padding-bottom: 4rem;
}

body#enjoy .l-store h1, body#enjoy .l-owner h1, body#enjoy .l-contact h1,
main#kanri-enjoy .l-store h1,
main#kanri-enjoy .l-owner h1,
main#kanri-enjoy .l-contact h1 {
  color: #CC4C29;
}
body#enjoy .l-store .p-shinki__kakunin-list .p-shinki__kakunin-img p, body#enjoy .l-store .p-contact__kakunin-list .p-shinki__kakunin-img p, body#enjoy .l-owner .p-shinki__kakunin-list .p-shinki__kakunin-img p, body#enjoy .l-owner .p-contact__kakunin-list .p-shinki__kakunin-img p, body#enjoy .l-contact .p-shinki__kakunin-list .p-shinki__kakunin-img p, body#enjoy .l-contact .p-contact__kakunin-list .p-shinki__kakunin-img p,
main#kanri-enjoy .l-store .p-shinki__kakunin-list .p-shinki__kakunin-img p,
main#kanri-enjoy .l-store .p-contact__kakunin-list .p-shinki__kakunin-img p,
main#kanri-enjoy .l-owner .p-shinki__kakunin-list .p-shinki__kakunin-img p,
main#kanri-enjoy .l-owner .p-contact__kakunin-list .p-shinki__kakunin-img p,
main#kanri-enjoy .l-contact .p-shinki__kakunin-list .p-shinki__kakunin-img p,
main#kanri-enjoy .l-contact .p-contact__kakunin-list .p-shinki__kakunin-img p {
  color: #CC4C29;
}
body#enjoy .l-store .p-link01, body#enjoy .l-owner .p-link01, body#enjoy .l-contact .p-link01,
main#kanri-enjoy .l-store .p-link01,
main#kanri-enjoy .l-owner .p-link01,
main#kanri-enjoy .l-contact .p-link01 {
  color: #CC4C29;
}

/*

@include mq-up(md){

	.l-owner,
	.l-store,
	.l-contact{
		& .p-shinki__kakunin,
		& .p-contact__kakunin{
			&-list{
				display: flex;
				border-bottom: 0.1rem solid $_color02;

				& .p-shinki__kakunin-img {

					&:last-of-type{
						border-bottom: none;
					}

					& img{
						min-width: auto;
						padding-right: 1.6rem;
					}
				}
			}

		}
	}

}
*/
@media screen and (min-width: 992px) {
  /*
  	.l-store{

  		& .p-event-list{
  			padding-top: 4.8rem;
  		}	
  	}
  */
  .l-store__info .p-btn02 .p-store-form__ttl-note {
    text-align: center;
    display: block;
  }
  .l-store .p-store-list,
.l-contact .p-store-list {
    padding-top: 4.8rem;
    padding-bottom: 2.4rem;
  }
  .l-owner h1,
.l-store h1,
.l-contact h1 {
    font-size: 3.2rem;
    padding: 6.3rem 0 4.6rem;
  }
  .l-owner h2,
.l-store h2,
.l-contact h2 {
    padding: 6.4rem 0 4.8rem;
    font-size: 2.8rem;
  }
  .l-owner h2.p-topics-oshirase__h1,
.l-store h2.p-topics-oshirase__h1,
.l-contact h2.p-topics-oshirase__h1 {
    padding: 4.8rem 0;
  }
  .l-owner .p-shinki__kakunin, .l-owner .p-contact__kakunin,
.l-store .p-shinki__kakunin,
.l-store .p-contact__kakunin,
.l-contact .p-shinki__kakunin,
.l-contact .p-contact__kakunin {
    /*
    				&-list .p-shinki__kakunin-img{

    					& p{
    						font-size: $_font-size10;
    						color: $_maidoko-color01;
    						padding-bottom: 0.8rem;
    						font-weight: bold;
    					}

    					padding-bottom: 1.6rem;

    					&:last-of-type{
    						border-bottom: 0.1rem solid $_color02;
    					}

    					& img{
    						min-width: 34.5rem;
    						width: 100%;
    						height: auto;
    					}

    				}	
    */
  }
  .l-owner .p-shinki__kakunin-area, .l-owner .p-contact__kakunin-area,
.l-store .p-shinki__kakunin-area,
.l-store .p-contact__kakunin-area,
.l-contact .p-shinki__kakunin-area,
.l-contact .p-contact__kakunin-area {
    padding-top: 2rem;
  }
  .l-owner .p-shinki__kakunin-ttl, .l-owner .p-contact__kakunin-ttl,
.l-store .p-shinki__kakunin-ttl,
.l-store .p-contact__kakunin-ttl,
.l-contact .p-shinki__kakunin-ttl,
.l-contact .p-contact__kakunin-ttl {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 3.2rem 0 0.8rem;
    width: 100%;
  }
  .l-owner .p-shinki__kakunin-ttl:first-of-type, .l-owner .p-contact__kakunin-ttl:first-of-type,
.l-store .p-shinki__kakunin-ttl:first-of-type,
.l-store .p-contact__kakunin-ttl:first-of-type,
.l-contact .p-shinki__kakunin-ttl:first-of-type,
.l-contact .p-contact__kakunin-ttl:first-of-type {
    border-top: 0.1rem solid #DDDDDD;
  }
  .l-owner .p-shinki__kakunin-item, .l-owner .p-contact__kakunin-item,
.l-store .p-shinki__kakunin-item,
.l-store .p-contact__kakunin-item,
.l-contact .p-shinki__kakunin-item,
.l-contact .p-contact__kakunin-item {
    font-size: 2.4rem;
    padding-bottom: 3.2rem;
    padding-left: 0rem;
  }
  .l-owner .p-shinki__kakunin-list .p-shinki__kakunin-img p, .l-owner .p-contact__kakunin-list .p-shinki__kakunin-img p,
.l-store .p-shinki__kakunin-list .p-shinki__kakunin-img p,
.l-store .p-contact__kakunin-list .p-shinki__kakunin-img p,
.l-contact .p-shinki__kakunin-list .p-shinki__kakunin-img p,
.l-contact .p-contact__kakunin-list .p-shinki__kakunin-img p {
    font-size: 1.8rem;
  }
}
/* l-password-reset
  -------------------------------------------------------------------------- */
/*doc
---
title: l-password-reset
name: l-password-reset
categories: [layout]
---
パスワードリセット
*/
.l-password-reset {
  padding-top: 2.4rem;
}
.l-password-reset form {
  padding-top: 3.1rem;
}
.l-password-reset--kakunin .p-btn02, .l-password-reset a.p-btn03__link.p-btn03__link-green {
  margin-top: 4rem;
}

@media screen and (min-width: 992px) {
  .l-password-reset--kakunin .p-btn02, .l-password-reset a.p-btn03__link.p-btn03__link-green {
    margin-top: 6.4rem;
  }
  .l-password-reset--kakunin {
    text-align: center;
  }
}
/* l-scroll_content
  -------------------------------------------------------------------------- */
/*doc
---
title: l-scroll_content
name: l-scroll_content
categories: [layout]
---
おすすめ協賛店情報
*/
.l-scroll_content-text {
  width: 100%;
  font-size: 1.4rem;
  padding-bottom: 1rem;
  text-align: center;
}
.l-scroll_content .swiper {
  width: 100%;
  max-height: 52.8rem;
  margin-left: auto;
  margin-right: auto;
}
.l-scroll_content-bak .container {
  padding-right: 0rem !important;
  display: flex;
  flex-wrap: wrap;
}
.l-scroll_content__btn {
  padding-top: 2.4rem;
  padding-bottom: 3.2rem;
}

@media screen and (min-width: 992px) {
  .l-scroll_content .swiper {
    max-height: 62rem;
  }
  .l-scroll_content-no {
    text-align: center;
  }
}
/* #Section
  -------------------------------------------------------------------------- */
/*doc
---
title: section
name: section
categories: [layout]
---
`<section>`タグを使うようなセクションの余白（`padding`）を管理します。
コンポーネント単位での余白はobject/utility/_padding.scssで管理をします。
1. tiny(optional)
2. small
3. medium(default)
4. large
5. huge(optional)
*/
.l-section--top {
  position: absolute;
  top: 0;
  left: 0;
}

.l-section--full {
  min-height: 100vh;
  width: 100%;
}

.l-section_white {
  background-color: #ffffff;
}

.l-section_triangle {
  background-color: #ffffff;
  padding-bottom: 0.8rem;
  position: relative;
  z-index: 1;
}
.l-section_triangle:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  transform: translatex(50%);
  box-sizing: border-box;
  border-right: calc(50vw - 1rem) solid transparent;
  border-left: calc(50vw - 10px) solid transparent;
  border-top: 2rem solid #fff;
}

.l-section_yellow {
  background-color: #FDF8E2;
}
.l-section_yellow h1 {
  background-color: transparent !important;
}

#maidoko .l-section_yellow {
  background-color: #FDF8E2;
}

#enjoy .l-section_yellow {
  background-color: #F9F6EA;
}

#maidoko .l-section_green {
  background-color: #E5EFEE;
}

#enjoy .l-section_red {
  background-color: #F7E3DF;
}

.l-section--none {
  padding-bottom: 0;
}

.l-section--tiny {
  padding-bottom: 1rem;
}

.l-section--small {
  padding-bottom: 1.6rem;
}

.l-section {
  padding-bottom: 2.4rem;
}

.l-section--large {
  padding-bottom: 3.2rem;
}

.l-section--huge {
  padding-bottom: 4rem;
}

.l-section--bottom {
  padding-bottom: 26rem;
}

.l-section--medium {
  padding-bottom: 16rem;
}

.l-section--bottom-small {
  padding-bottom: 5rem;
}

#maidoko .l-section_color {
  background-color: #E5EFEE;
}

#enjoy .l-section_color {
  background-color: #F7E3DF;
}

.l-section_white {
  background-color: #ffffff !important;
}

@media screen and (min-width: 992px) {
  .l-section_triangle {
    /*
    		& .container{
    			max-width: 81.6rem;
    		}
    */
  }
  .l-section_triangle:after {
    border-top: 6rem solid #fff;
  }
  .l-section--small { /*トップページのみにいる場合によっては変更*/
    padding-bottom: 4.8rem;
  }
  .p-pc-main-visual.l-section--small {
    padding-bottom: 2.4rem;
  }
  .l-section--large {
    padding-bottom: 4.8rem;
  }
  .l-section {
    padding-bottom: 3.2rem;
  }
  .l-section--huge {
    padding-bottom: 5rem;
  }
  .l-section--bottom-small {
    padding-bottom: 15rem;
  }
  .l-section--full {
    min-height: 100vh;
    width: 100%;
  }
  .l-section--top {
    position: static;
  }
  #maidoko .l-section_color.topics,
#enjoy .l-section_color.topics {
    background-color: transparent;
  }
}
/* l-shinki
   -------------------------------------------------------------------------- */
/*doc
---
title:l-shinki
name: l-shinki
categories: [layout]
---
事務局
*/
.l-shinki h2 {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  padding-bottom: 1.6rem;
}

@media screen and (min-width: 992px) {
  .l-shinki h2 {
    font-size: 2.8rem;
  }
  .l-shinki .p-shinki__announce h2 {
    text-align: center;
  }
}
/*l-shitsumon
   -------------------------------------------------------------------------- */
/*doc
---
title: l-shitsumon
name:l-shitsumon
categories: [layout]
---
質問
*/
.l-shitsumon {
  padding-top: 2.4rem;
}
.l-shitsumon .p-btn04 {
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
}

/* l-site
  -------------------------------------------------------------------------- */
/*doc
---
title: l-site
name: l-site
categories: [layout]
---
このサイトについて
*/
.l-site.l-site--00 .p-site__h2 {
  padding-top: 4.8rem;
}
.l-site.l-site--00 .p-site__h2:first-of-type {
  padding-top: 1.6rem;
}
.l-site.l-site--00 p {
  padding-bottom: 1.6rem;
}
.l-site .p-site__h2 {
  padding-top: 4rem;
  padding-bottom: 1.6rem;
}
.l-site .p-site__h3 {
  padding-bottom: 1.6rem;
}
.l-site section:first-of-type {
  padding-bottom: 6.1rem;
}
.l-site section p {
  padding-bottom: 1.4rem;
}
.l-site section p.p-site__ttl {
  padding-bottom: 0.8rem;
}
.l-site section p:last-of-type {
  padding-bottom: 0;
}
.l-site section .p-ul-list01, .l-site section .p-ol-list01 {
  margin-top: 1.6rem;
  margin-bottom: 0rem;
}
.l-site section.l-site--04 p {
  padding-bottom: 0rem;
}
.l-site__contact .p-btn04 {
  padding-bottom: 2.4rem;
}
.l-site__contact .p-site__ttl {
  padding-top: 0rem;
  padding-bottom: 1.6rem;
  font-size: 1.4rem;
}
.l-site__contact p {
  padding-bottom: 2.4rem;
}

@media screen and (min-width: 992px) {
  .l-site .p-site__h3 {
    padding-bottom: 2.4rem;
  }
  .l-site__contact .p-site__ttl {
    font-size: 1.8rem;
  }
  .l-site__contact .p-btn04__link {
    margin-left: 0;
  }
}
/* l-sitemap
   -------------------------------------------------------------------------- */
/*doc
---
title: l-sitemap
name:l-sitemap
categories: [layout]
---
サイトマップ

*/
.l-sitemap h1 {
  padding: 6.4rem 0rem 0rem;
}
.l-sitemap h2 {
  background-color: #E5EFEE;
  width: 100%;
  border-radius: 2.4rem;
  color: #277681;
  margin: 6.8rem 0rem 2rem;
  padding: 1.6rem;
  cursor: pointer;
}
.l-sitemap h3 {
  color: #277681;
  cursor: pointer;
}
.l-sitemap h3 a {
  font-size: 2.4rem;
  font-weight: bold;
  border: 0.2rem solid #277681;
  /* border-top: 0.1rem solid; */
  display: inline-block;
  padding-left: 1.6rem;
  padding: 0.8rem 2.4rem;
  margin-bottom: 0.4rem;
  border-radius: 2.4rem;
  margin-top: 5rem;
  color: #277681;
}
.l-sitemap h4 a {
  font-size: 2rem;
  border-bottom: 0.25rem solid #E5EFEE;
  width: 100%;
  display: block;
  padding: 2.4rem 0 0.8rem 0rem;
  margin-left: 3.2rem;
  cursor: pointer;
}
.l-sitemap .p-ul-list01 {
  margin-left: 4rem;
}

/* l-store-shosai
  -------------------------------------------------------------------------- */
/*doc
---
title: l-store-shosai
name: l-store-shosai
categories: [layout]
---
お店の詳細
*/
.l-store-shosai.l-section--top {
  width: 100%;
}
.l-store-shosai .p-store-ttl {
  padding: 3.2rem 0 0rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.l-store-shosai .p-store-yakudachi h2 {
  padding-bottom: 2.8rem;
}

@media screen and (min-width: 992px) {
  .l-store-shosai .p-store-ttl {
    padding: 5.6rem 0 1.6rem;
    font-size: 2.8rem;
    margin-bottom: 0rem;
  }
}
/* l-support
   -------------------------------------------------------------------------- */
/*doc
---
title: l-support
name:l-support
categories: [layout]
---
サポート
*/
.l-support {
  /*
  	&__ttl{
  		text-align: center;
  		//padding-bottom: 1rem;

  		& img{
  			width: 100%;
  			max-width: 50%;
  			padding-bottom: 1rem;
  		}

  	}
  */
  /*
  	&__btn.p-btn01{
  		margin-top: -1.6rem !important;
  	}
  */
}
.l-support h1 {
  padding: 1.6rem 0 1.3rem !important;
}
.l-support__area {
  padding-bottom: 1.6rem;
}
.l-support__group {
  padding-bottom: 1.8rem;
  display: flex;
  justify-content: center;
  gap: 1.2rem;
}
.l-support__btn {
  text-align: center;
  padding-left: 2rem;
}
.l-support .l-support__group .p-frame02__area {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .l-support__ttl {
    text-align: center;
  }
  .l-support__ttl img {
    max-width: 35%;
  }
}
@media screen and (min-width: 992px) {
  .l-support h1 {
    padding: 1.9rem 0rem 0rem !important;
  }
  .l-support__area {
    padding-bottom: 2.4rem;
  }
  .l-support__group {
    padding-bottom: 1.5rem;
    gap: 4.6rem;
  }
  .l-support .p-frame01 {
    padding: 1.5rem 3.2rem;
  }
  .l-support .p-frame01 .p-btn01__link {
    max-width: 100%;
  }
  .l-support__ttl {
    text-align: center;
  }
  .l-support__ttl img {
    max-width: 50%;
  }
}
/* l-syoukai
  -------------------------------------------------------------------------- */
/*doc
---
title: l-syoukai
name: l-syoukai
categories: [layout]
---
紹介画面
*/
.l-syoukai {
  /*
  	&__column01{
  		padding-bottom: 0.8rem;	

  		.p-frame01{
  			 width: 100%;
  			 padding: 0 !important;
  			 text-align: center;
  			&__link{
  				padding: 2rem 1rem;
  				display: block;
  				border-radius: $_radius03;	 
  			}
  		}

  	}
  	.p-frame01__link-parts{
  		padding-left: 14rem;
  		position: relative;
  		&:before{
  			content: " ";
  			display: block;
  			background: url(/common/images/parts/mozuyan01.png) no-repeat;
  			background-size: auto;
  			background-size: contain;
  		    height: 8.1rem;
  		    width: 12.2rem;
  		    position: absolute;
  		    top: 50%;
  		    left: 0;
  		    margin-top: -3.7rem;				
  		}

  	}
  */
  /*
  	&__oshirase,
  	&__yakudachi{
  	background-color: $_maidoko-color03;
  	}
  */
}
.l-syoukai__column2, .l-syoukai__column3 {
  padding-bottom: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-syoukai__column2 .p-frame01, .l-syoukai__column3 .p-frame01 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.8rem;
  width: calc(50% - 5px);
  padding: 0.8rem;
  height: 11.3rem;
}
.l-syoukai__column2 .p-frame01__link, .l-syoukai__column3 .p-frame01__link {
  border-radius: 1rem;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: flex-end;
}
.l-syoukai__column2 .p-frame01__link--1 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--1 .p-frame01__icon {
  max-width: 10.4rem;
}
.l-syoukai__column2 .p-frame01__link--2 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--2 .p-frame01__icon {
  max-width: 8.7rem;
}
.l-syoukai__column2 .p-frame01__link--3 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--3 .p-frame01__icon {
  max-width: 14.1rem;
}
.l-syoukai__column2 .p-frame01__link--4 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--4 .p-frame01__icon {
  max-width: 11.3rem;
}
.l-syoukai__column2 .p-frame01__link--5 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--5 .p-frame01__icon {
  max-width: 13.8rem;
}
.l-syoukai__column2 .p-frame01__link--6 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--6 .p-frame01__icon {
  max-width: 14.7rem;
}
.l-syoukai__column2 .p-frame01__link--7 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--7 .p-frame01__icon {
  max-width: 11.2rem;
}
.l-syoukai__column2 .p-frame01__link--8 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--8 .p-frame01__icon {
  max-width: 9.2rem;
}
.l-syoukai__column2 .p-frame01__link--9 .p-frame01__icon, .l-syoukai__column3 .p-frame01__link--9 .p-frame01__icon {
  max-width: 11.9rem;
}
.l-syoukai__column2 .p-frame01__icon, .l-syoukai__column3 .p-frame01__icon {
  display: block;
  margin: 0 auto;
  padding-bottom: 0.5rem;
  width: 100%;
}
.l-syoukai__column2 .p-frame01 p, .l-syoukai__column3 .p-frame01 p {
  line-height: 1.4 !important;
  font-weight: bold;
}
.l-syoukai__yakudachi-btn {
  padding: 0 1.58rem !important;
}
.l-syoukai .p-frame02 {
  padding-bottom: 4.8rem;
}

/*

@include mq-down(sm){
	.l-syoukai{	
			&__column3,
			&__column3{

			& .p-frame01{

				&:first-child{
					margin-right: 0.9rem;
				}

			}

		}	

	}	

}
*/
body#enjoy .l-syoukai .p-frame01__link-parts {
  position: relative;
}
body#enjoy .l-syoukai .p-frame01__link-parts:before {
  content: " ";
  display: block;
  background: url(/common/images/parts/mozuyan02.png) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 8.1rem;
  width: 12.2rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3.7rem;
}
body#enjoy .l-syoukai .p-frame01__link-parts img {
  width: 17rem;
}

@media screen and (min-width: 992px) {
  .l-syoukai__column3, .l-syoukai__column2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .l-syoukai__column3 .p-frame01, .l-syoukai__column2 .p-frame01 {
    margin-bottom: 1.4rem;
    height: 17.1rem;
  }
  .l-syoukai__column3 .p-frame01__link, .l-syoukai__column2 .p-frame01__link {
    border-radius: 1rem;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: flex-end;
  }
  .l-syoukai__column3 .p-frame01__link--1 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--1 .p-frame01__icon {
    max-width: 16.5rem;
  }
  .l-syoukai__column3 .p-frame01__link--2 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--2 .p-frame01__icon {
    max-width: 14rem;
  }
  .l-syoukai__column3 .p-frame01__link--3 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--3 .p-frame01__icon {
    max-width: 20rem;
  }
  .l-syoukai__column3 .p-frame01__link--4 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--4 .p-frame01__icon {
    max-width: 16.8rem;
  }
  .l-syoukai__column3 .p-frame01__link--5 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--5 .p-frame01__icon {
    max-width: 20rem;
  }
  .l-syoukai__column3 .p-frame01__link--6 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--6 .p-frame01__icon {
    max-width: 25.9rem;
  }
  .l-syoukai__column3 .p-frame01__link--7 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--7 .p-frame01__icon {
    max-width: 22rem;
  }
  .l-syoukai__column3 .p-frame01__link--8 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--8 .p-frame01__icon {
    max-width: 14.6rem;
  }
  .l-syoukai__column3 .p-frame01__link--9 .p-frame01__icon, .l-syoukai__column2 .p-frame01__link--9 .p-frame01__icon {
    max-width: 18rem;
  }
  .l-syoukai__column3 .p-frame01__link--1 .p-frame01__font, .l-syoukai__column3 .p-frame01__link--3 .p-frame01__font, .l-syoukai__column3 .p-frame01__link--5 .p-frame01__font, .l-syoukai__column3 .p-frame01__link--6 .p-frame01__font, .l-syoukai__column3 .p-frame01__link--7 .p-frame01__font, .l-syoukai__column3 .p-frame01__link--8 .p-frame01__font, .l-syoukai__column3 .p-frame01__link--9 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--1 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--3 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--5 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--6 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--7 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--8 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--9 .p-frame01__font {
    height: 3.2rem;
    width: 24rem;
  }
  .l-syoukai__column3 .p-frame01__link--2 .p-frame01__font, .l-syoukai__column3 .p-frame01__link--4 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--2 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--4 .p-frame01__font {
    height: 5.6rem;
    width: 25rem;
  }
  .l-syoukai__column3 .p-frame01__link--4 .p-frame01__font, .l-syoukai__column2 .p-frame01__link--4 .p-frame01__font {
    height: 5.4rem;
    width: 22rem;
  }
  .l-syoukai__column2 .p-frame01 {
    width: calc(50% - 20px);
  }
  .l-syoukai__column3 .p-frame01 {
    width: calc(34% - 32px);
  }
  .l-syoukai .p-frame02 {
    padding-bottom: 4.8rem;
  }
  .l-syoukai .l-syoukai__oshirase-btn {
    padding-bottom: 1.6rem;
  }
  body#enjoy .l-syoukai .p-frame01__link-parts {
    padding-left: 0rem;
    padding-top: 7rem;
  }
  body#enjoy .l-syoukai .p-frame01__link-parts:before {
    height: 8rem;
    width: 13rem;
    top: 1rem;
    left: 50%;
    margin-left: -5.5rem;
  }
}
/* l-taikai
   -------------------------------------------------------------------------- */
/*doc
---
title: ll-taikai
name:l-taikai
categories: [layout]
---
退会

*/
.l-taikai h2 {
  padding: 2.4rem 0rem 1.6rem;
}
.l-taikai p {
  padding-bottom: 1.6rem;
}
.l-taikai .p-ul-list01 {
  margin-bottom: 4rem;
  margin-top: 0rem;
}
.l-taikai .p-btn02 {
  margin-top: 2.4rem;
}
.l-taikai__kanryo {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .l-taikai h2 {
    margin: 1.7rem 0 0rem;
  }
  .l-taikai .p-ul-list01 {
    margin-bottom: 6.4rem;
  }
}
/* l-wrapper
   -------------------------------------------------------------------------- */
/*doc
---
title: l-wrapper
name:l-wrapper
categories: [layout]
---

*/
.l-wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100vh;
  height: -webkit-fill-available;
  position: relative;
}
.l-wrapper.is-active { /*スクロール不可*/
  position: fixed;
}

/* l-yakudachi/l-genre-kekka
   -------------------------------------------------------------------------- */
/*doc
---
title: l-yakudachi/l-genre-kekka
name:l-yakudachi/l-genre-kekka
categories: [layout]
---

*/
.l-yakudachi h1,
.l-genre-kekka h1 {
  padding: 2rem;
  font-size: 1.6rem;
}

@media screen and (min-width: 992px) {
  .l-yakudachi h1,
.l-genre-kekka h1 {
    padding: 3.2rem 0rem 5.6rem;
    font-size: 3.2rem;
  }
}
/* ==========================================================================
 Object
========================================================================== */
/* #Color
   -------------------------------------------------------------------------- */
/*doc
---
title: color
name: color
categories: [component]
---
カラー変更のコンポーネントです。
*/
.c-color--black {
  background: #000 !important;
  color: #dfde4c !important;
  border-color: #ffffff !important;
}
.c-color--black a {
  color: #ffffff !important;
}
.c-color--blue {
  background: #0b24fb !important;
  color: #dfde4c !important;
  border-color: #ffffff !important;
}
.c-color--blue a {
  color: #ffffff !important;
}
.c-color--yellow {
  background: #fffd38 !important;
  color: #000 !important;
  border-color: #0b24fb !important;
}
.c-color--yellow a {
  color: #0b24fb !important;
}
.c-color__btn {
  color: #715F40;
  background: #ffffff;
  font-weight: bold;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  text-align: center;
  font-size: 1.4rem;
  border: 0.1rem solid #715F40;
  letter-spacing: normal;
}
.c-color__btn--normal {
  border-top-left-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
  padding-left: 1.4rem;
}
.c-color__btn--black {
  border-right: none;
}
.c-color__btn--blue {
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
  padding-right: 1.4rem;
}
.c-color__btn.is-active {
  color: #ffffff;
  background: #715F40;
}

.l-section_triangle.l-section_white.c-color--black::after {
  display: none;
}

.l-section_triangle.l-section_white.c-color--blue::after {
  display: none;
}

.l-section_triangle.c-color--black::after {
  display: none;
}

.l-section_triangle.c-color--blue::after {
  display: none;
}

.p-search-conditions__link.c-color--black {
  padding: 1.1rem 1.05rem 1.1rem 1.72rem;
  font-size: 1rem;
  white-space: nowrap;
  position: relative;
  font-weight: bold;
  border: 0.1rem solid;
  border-left: none;
  border-color: #FFFFFF !important;
  background-color: #000000 !important;
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
}

.p-search-conditions__link.c-color--blue {
  padding: 1.1rem 1.05rem 1.1rem 1.72rem;
  font-size: 1rem;
  white-space: nowrap;
  position: relative;
  font-weight: bold;
  border: 0.1rem solid;
  border-left: none;
  border-color: #FFFFFF !important;
  background-color: #0b24fb !important;
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
}

.c-color--black #map a {
  color: #277681 !important;
}

.c-color--black #map p {
  color: #444444 !important;
}

.c-color--blue #map a {
  color: #277681 !important;
}

.c-color--blue #map p {
  color: #444444 !important;
}

body#maidoko .c-color__btn {
  border: 0.1rem solid #277681;
  color: #277681;
}
body#maidoko .c-color__btn--black {
  border-right: none;
}
body#maidoko .c-color__btn.is-active {
  background: #277681;
  color: #ffffff;
}

body#enjoy .c-color__btn {
  border: 0.1rem solid #CC4C29;
  color: #CC4C29;
}
body#enjoy .c-color__btn--black {
  border-right: none;
}
body#enjoy .c-color__btn.is-active {
  background: #CC4C29;
  color: #ffffff;
}

@media screen and (min-width: 992px) {
  .p-search-conditions__link.c-color--black {
    padding: 1.2rem 1.05rem 1.2rem 2rem;
    font-size: 1.4rem;
    border-top-right-radius: 2.4rem;
    border-bottom-right-radius: 2.4rem;
    height: 100%;
  }
  .p-search-conditions__link.c-color--blue {
    padding: 1.2rem 1.05rem 1.2rem 2rem;
    font-size: 1.4rem;
    border-top-right-radius: 2.4rem;
    border-bottom-right-radius: 2.4rem;
    height: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .c-color__btn {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    font-size: 1.4rem;
  }
  .c-color__btn--normal {
    padding-left: 1.6rem;
  }
  .c-color__btn--black {
    border-right: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .c-color__btn--blue {
    padding-right: 1.6rem;
  }
  .c-color__btn.is-active {
    color: #ffffff;
    background: #715F40;
  }
}
/* #Contactform
   -------------------------------------------------------------------------- */
/*doc
---
title: contactform
name: contactform
categories: [component]
---
contactformのコンポーネントです。
```block
<p class="c-paragraph"></p>
```
*/
#contactform .contact-form {
  background-color: #eeeeee;
  /* border: 1px solid gray; */
  padding: 1.5em;
  border-radius: 5px;
}
#contactform .contact-form .contact-form-field {
  border-bottom: 1px dashed #888888;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
#contactform .form-label {
  /* float: left; */
  margin-right: 1em;
  min-width: 15em;
}
#contactform .form-label .must {
  background-color: #CC0000;
  padding: 0.25em;
  font-size: 0.75em;
  color: white;
  font-weight: bold;
  border-radius: 3px;
  /* line-height: 0em; */
}
#contactform .form-element .contact-form-text-full, #contactform .form-element .contact-form-textarea {
  width: 100%;
}
#contactform .contact-form-submit {
  text-align: center;
}
#contactform .contact-form-submit input[type=submit] {
  width: 6em;
}
#contactform select {
  height: 2em;
}

/* #Font size
   -------------------------------------------------------------------------- */
/*doc
---
title: font-size
name: font-size
categories: [component]
---
文字サイズ変更のコンポーネントです。
*/
.c-font-size--medium {
  font-size: 62.5% !important;
}
.c-font-size--large {
  font-size: 72.5% !important;
}
.c-font-size__btn {
  color: #715F40;
  background: #ffffff;
  font-weight: bold;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  text-align: center;
  font-size: 1.4rem;
  border: 0.1rem solid #715F40;
  letter-spacing: normal;
}
.c-font-size__btn--medium {
  border-top-left-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
  padding-left: 1.5rem;
}
.c-font-size__btn--large {
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
  padding-right: 1.5rem;
}
.c-font-size__btn.is-active {
  color: #ffffff;
  background: #715F40;
}

body#maidoko .c-font-size__btn {
  border: 0.1rem solid #277681;
  color: #277681;
}
body#maidoko .c-font-size__btn.is-active {
  background: #277681;
  color: #ffffff;
}

body#enjoy .c-font-size__btn {
  border: 0.1rem solid #CC4C29;
  color: #CC4C29;
}
body#enjoy .c-font-size__btn.is-active {
  background: #CC4C29;
  color: #ffffff;
}

@media screen and (min-width: 1400px) {
  .c-font-size__btn {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.4rem;
    border: 0.1rem solid #715F40;
  }
  .c-font-size__btn--medium {
    padding-left: 2.2rem;
  }
  .c-font-size__btn--large {
    padding-right: 2.2rem;
  }
}
/* #Google-map 
   -------------------------------------------------------------------------- */
/*doc
---
title: google-map
name: google-map
categories: [component]
---
Google map のコンポーネントです。
```block
<div class="c−google-map">
	<iframe></iframe>
</div>
```
*/
.c−google-map {
  position: relative;
  padding-bottom: 60%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.c−google-map iframe, .c−google-map object, .c−google-map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* #Paragraph
   -------------------------------------------------------------------------- */
/*doc
---
title: paragraph
name: paragraph
categories: [component]
---
文章の段落のコンポーネントです。
```block
<p class="c-paragraph"></p>
```
*/
.c-paragraph {
  margin-bottom: 1.5rem;
}

.c-paragraph--none {
  margin-bottom: 0;
}

.p-access-form {
  padding-top: 1.6rem;
  /*
  	&__date,
  	&__area{
  		padding-top: 1.6rem;

  	}
  */
}
.p-access-form:first-of-type {
  padding-top: 0rem;
}
.p-access-form__ttl {
  font-weight: bold;
}
.p-access-form__ttl-required {
  display: inline-block;
  position: relative;
  padding-right: 2.5rem;
}
.p-access-form__ttl-required:before {
  position: absolute;
  content: "必須";
  bottom: 0;
  right: 0;
  color: #A16B00;
  margin-right: 0;
  font-size: 1rem;
}
.p-access-form__ex {
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;
  text-align: left !important;
  font-size: 1rem;
}
.p-access-form__text {
  padding: 2rem 1.4rem;
  border: 0.1rem solid #277681;
  border-radius: 0.4rem;
  width: 100%;
  background-color: #ffffff;
  text-align: left;
}
.p-access-form__text--year {
  color: #9A9A9A;
}
.p-access-form__area .p-access-form__group, .p-access-form__genre .p-access-form__group {
  position: relative;
}
.p-access-form__area .p-access-form__group::after, .p-access-form__genre .p-access-form__group::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.7rem;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.6rem;
}
.p-access-form__select {
  position: relative;
}
.p-access-form__select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.6rem;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.4rem;
  transform: rotateZ(90deg);
}
.p-access-form__select select#year {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

body#enjoy .p-access-form__ttl-required:before {
  color: #208196;
}
body#enjoy .p-access-form__text {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-access-form__area .p-access-form__group::after, body#enjoy .p-access-form__genre .p-access-form__group::after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-access-form__select::after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  .p-access-form__ex {
    font-size: 1.4rem;
  }
  .p-access-form__select select {
    font-size: 1.4rem;
  }
  .p-access-form__ttl-required {
    padding-right: 3rem;
  }
  .p-access-form__ttl-required:before {
    font-size: 1.4rem;
    margin-right: 0;
  }
}
.p-sedai__search,
.p-mokuteki__search,
.p-area__search,
.p-others__search {
  padding: 0.8rem 0rem;
  margin: 1.6rem auto 0rem;
  display: block;
  color: #ffffff;
  background-color: #277681;
  border-radius: 2.4rem;
  font-weight: bold;
  width: 34.4rem;
}
.p-sedai__button,
.p-mokuteki__button,
.p-area__button,
.p-others__button {
  padding-left: 4.2rem;
  padding-right: 4.2rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  width: 100%;
  text-align: left;
  color: #277681;
  text-decoration: underline;
  font-weight: bold;
  border-bottom: 0.1rem solid #277681;
}
.p-sedai__button-text,
.p-mokuteki__button-text,
.p-area__button-text,
.p-others__button-text {
  position: relative;
}
.p-sedai__button-text:after,
.p-mokuteki__button-text:after,
.p-area__button-text:after,
.p-others__button-text:after {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/clearbtn.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.4rem;
  width: 1.4rem;
  position: absolute;
  top: 50%;
  left: -1.6rem;
  margin-top: -0.7rem;
}
.p-sedai__choice-group,
.p-mokuteki__choice-group,
.p-area__choice-group,
.p-others__choice-group {
  position: relative;
  display: flex;
  border-bottom: 0.1rem solid #E5EFEE;
  height: 4.8rem;
}
.p-sedai__choice-group--next:after,
.p-mokuteki__choice-group--next:after,
.p-area__choice-group--next:after,
.p-others__choice-group--next:after {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  margin-top: -0.725rem;
}
.p-sedai__choice-group--next .p-area__choice-check,
.p-mokuteki__choice-group--next .p-area__choice-check,
.p-area__choice-group--next .p-area__choice-check,
.p-others__choice-group--next .p-area__choice-check {
  opacity: 0;
  position: absolute;
}
.p-sedai__choice-group--next .p-area__choice-check:checked + label:before,
.p-mokuteki__choice-group--next .p-area__choice-check:checked + label:before,
.p-area__choice-group--next .p-area__choice-check:checked + label:before,
.p-others__choice-group--next .p-area__choice-check:checked + label:before {
  background-color: #ffffff;
  opacity: 1;
}
.p-sedai__choice-group--next .p-area__choice-check:checked + label:after,
.p-mokuteki__choice-group--next .p-area__choice-check:checked + label:after,
.p-area__choice-group--next .p-area__choice-check:checked + label:after,
.p-others__choice-group--next .p-area__choice-check:checked + label:after {
  opacity: 1;
}
.p-sedai__choice-group--next .p-area__choice-label,
.p-mokuteki__choice-group--next .p-area__choice-label,
.p-area__choice-group--next .p-area__choice-label,
.p-others__choice-group--next .p-area__choice-label {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 0rem;
  align-items: center;
  display: flex;
  position: relative;
  padding-right: 1.6rem;
  padding-left: 2.4rem;
  width: 100%;
}
.p-sedai__choice-group--next .p-area__choice-label--ico:before, .p-sedai__choice-group--next .p-area__choice-label--ico:after,
.p-mokuteki__choice-group--next .p-area__choice-label--ico:before,
.p-mokuteki__choice-group--next .p-area__choice-label--ico:after,
.p-area__choice-group--next .p-area__choice-label--ico:before,
.p-area__choice-group--next .p-area__choice-label--ico:after,
.p-others__choice-group--next .p-area__choice-label--ico:before,
.p-others__choice-group--next .p-area__choice-label--ico:after {
  content: "";
  position: absolute;
  display: block;
}
.p-sedai__choice-group--next .p-area__choice-label--ico:before,
.p-mokuteki__choice-group--next .p-area__choice-label--ico:before,
.p-area__choice-group--next .p-area__choice-label--ico:before,
.p-others__choice-group--next .p-area__choice-label--ico:before {
  top: 50%;
  right: 4rem;
  transform: translate(0, -50%);
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #A16B00;
  border-radius: 50%;
  opacity: 0;
}
.p-sedai__choice-group--next .p-area__choice-label--ico:after,
.p-mokuteki__choice-group--next .p-area__choice-label--ico:after,
.p-area__choice-group--next .p-area__choice-label--ico:after,
.p-others__choice-group--next .p-area__choice-label--ico:after {
  top: 40%;
  right: 4.55rem;
  width: 0.5rem;
  height: 0.8rem;
  border-bottom: 0.2rem solid #A16B00;
  border-right: 0.2rem solid #A16B00;
  transform: rotate(50deg);
  opacity: 0;
}
.p-sedai__choice-group:focus-within,
.p-mokuteki__choice-group:focus-within,
.p-area__choice-group:focus-within,
.p-others__choice-group:focus-within {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-sedai__choice-check,
.p-mokuteki__choice-check,
.p-area__choice-check,
.p-others__choice-check {
  opacity: 0;
  position: absolute;
}
.p-sedai__choice-check-note,
.p-mokuteki__choice-check-note,
.p-area__choice-check-note,
.p-others__choice-check-note {
  display: inline-block;
  padding-left: 1.6rem;
  width: 23.7rem;
  font-size: 1rem;
  font-weight: bold;
}
.p-sedai__choice-check:checked + label.p-area__choice-label--ico:before,
.p-sedai__choice-check:checked + label.p-mokuteki__choice-label--ico:before,
.p-sedai__choice-check:checked + label.p-sedai__choice-label--ico:before,
.p-sedai__choice-check:checked + label.p-others__choice-label--ico:before,
.p-mokuteki__choice-check:checked + label.p-area__choice-label--ico:before,
.p-mokuteki__choice-check:checked + label.p-mokuteki__choice-label--ico:before,
.p-mokuteki__choice-check:checked + label.p-sedai__choice-label--ico:before,
.p-mokuteki__choice-check:checked + label.p-others__choice-label--ico:before,
.p-area__choice-check:checked + label.p-area__choice-label--ico:before,
.p-area__choice-check:checked + label.p-mokuteki__choice-label--ico:before,
.p-area__choice-check:checked + label.p-sedai__choice-label--ico:before,
.p-area__choice-check:checked + label.p-others__choice-label--ico:before,
.p-others__choice-check:checked + label.p-area__choice-label--ico:before,
.p-others__choice-check:checked + label.p-mokuteki__choice-label--ico:before,
.p-others__choice-check:checked + label.p-sedai__choice-label--ico:before,
.p-others__choice-check:checked + label.p-others__choice-label--ico:before {
  background-color: #ffffff;
  opacity: 1;
}
.p-sedai__choice-check:checked + label.p-area__choice-label--ico:after,
.p-sedai__choice-check:checked + label.p-mokuteki__choice-label--ico:after,
.p-sedai__choice-check:checked + label.p-sedai__choice-label--ico:after,
.p-sedai__choice-check:checked + label.p-others__choice-label--ico:after,
.p-mokuteki__choice-check:checked + label.p-area__choice-label--ico:after,
.p-mokuteki__choice-check:checked + label.p-mokuteki__choice-label--ico:after,
.p-mokuteki__choice-check:checked + label.p-sedai__choice-label--ico:after,
.p-mokuteki__choice-check:checked + label.p-others__choice-label--ico:after,
.p-area__choice-check:checked + label.p-area__choice-label--ico:after,
.p-area__choice-check:checked + label.p-mokuteki__choice-label--ico:after,
.p-area__choice-check:checked + label.p-sedai__choice-label--ico:after,
.p-area__choice-check:checked + label.p-others__choice-label--ico:after,
.p-others__choice-check:checked + label.p-area__choice-label--ico:after,
.p-others__choice-check:checked + label.p-mokuteki__choice-label--ico:after,
.p-others__choice-check:checked + label.p-sedai__choice-label--ico:after,
.p-others__choice-check:checked + label.p-others__choice-label--ico:after {
  opacity: 1;
}
.p-sedai__choice-label,
.p-mokuteki__choice-label,
.p-area__choice-label,
.p-others__choice-label {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 0rem;
  align-items: center;
  display: flex;
  position: relative;
  padding-right: 1.6rem;
  padding-left: 2.4rem;
  width: 100%;
}
.p-sedai__choice-label--ico:before, .p-sedai__choice-label--ico:after,
.p-mokuteki__choice-label--ico:before,
.p-mokuteki__choice-label--ico:after,
.p-area__choice-label--ico:before,
.p-area__choice-label--ico:after,
.p-others__choice-label--ico:before,
.p-others__choice-label--ico:after {
  content: "";
  position: absolute;
  display: block;
}
.p-sedai__choice-label--ico:before,
.p-mokuteki__choice-label--ico:before,
.p-area__choice-label--ico:before,
.p-others__choice-label--ico:before {
  top: 50%;
  right: 2.4rem;
  transform: translate(0, -50%);
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #A16B00;
  border-radius: 50%;
  opacity: 0;
}
.p-sedai__choice-label--ico:after,
.p-mokuteki__choice-label--ico:after,
.p-area__choice-label--ico:after,
.p-others__choice-label--ico:after {
  top: 40%;
  right: 2.95rem;
  width: 0.5rem;
  height: 0.8rem;
  border-bottom: 0.2rem solid #A16B00;
  border-right: 0.2rem solid #A16B00;
  transform: rotate(50deg);
  opacity: 0;
}

.p-others__h2 {
  font-size: 1.4rem;
  font-weight: bold;
  width: 100%;
  padding: 1.6rem 1.5rem;
  background-color: #FDF8E2;
  border-bottom: 0.1rem solid #E5EFEE;
  margin-bottom: 0rem;
  margin-top: 0rem;
}
.p-others__h2 span {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
}
.p-others__h2--genre:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/genre.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.263rem;
  width: 1.2rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.6315rem;
}
.p-others__h2--tokuten:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/tokuten-b.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.2rem;
  width: 1.133rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.6rem;
}
.p-others__choice {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.7rem;
}
.p-others__choice-group {
  width: 50%;
}
.p-others__choice-group:nth-child(even) {
  border-right: 0.1rem solid #E5EFEE;
}
.p-others__choice-group--null {
  border: none;
}
.p-others__choice-label--ico {
  font-size: 1.2rem;
}
.p-others__choice-label--ico:after {
  right: 1.25rem;
}
.p-others__choice-label--ico:before {
  right: 0.7rem;
}

@media screen and (min-width: 992px) {
  .p-sedai,
.p-mokuteki,
.p-area,
.p-others {
    border: 0.1rem solid #277681;
    border-radius: 1rem;
    max-width: 81.6rem;
    margin: 0 auto;
  }
  .p-sedai__search,
.p-mokuteki__search,
.p-area__search,
.p-others__search {
    padding: 1.5rem 0rem;
    border-radius: 2.8rem;
    max-width: 34.5rem;
    font-size: 1.8rem;
    margin: 4rem auto 0rem;
  }
  .p-sedai__button,
.p-mokuteki__button,
.p-area__button,
.p-others__button {
    padding-top: 1.8rem;
    padding-bottom: 2rem;
  }
  .p-sedai__button-text:after,
.p-mokuteki__button-text:after,
.p-area__button-text:after,
.p-others__button-text:after {
    left: -1.8rem;
  }
  .p-sedai__choice,
.p-mokuteki__choice,
.p-area__choice,
.p-others__choice {
    padding: 2.5rem 5rem 5rem;
  }
  .p-sedai__choice-check-note,
.p-mokuteki__choice-check-note,
.p-area__choice-check-note,
.p-others__choice-check-note {
    font-size: 1.4rem;
    width: 50rem;
  }
  .p-sedai__choice-check-note.br-sp br,
.p-mokuteki__choice-check-note.br-sp br,
.p-area__choice-check-note.br-sp br,
.p-others__choice-check-note.br-sp br {
    display: none;
  }
  .p-sedai__choice-group,
.p-mokuteki__choice-group,
.p-area__choice-group,
.p-others__choice-group {
    height: 6.4rem;
  }
  .p-sedai__choice-group--next .p-area__choice-label--ico:before,
.p-mokuteki__choice-group--next .p-area__choice-label--ico:before,
.p-area__choice-group--next .p-area__choice-label--ico:before,
.p-others__choice-group--next .p-area__choice-label--ico:before {
    top: 50%;
    right: 4rem;
    transform: translate(0, -50%);
    width: 2.4rem;
    height: 2.4rem;
    border: 0.25rem solid #A16B00;
    border-radius: 50%;
    opacity: 0;
  }
  .p-sedai__choice-group--next .p-area__choice-label--ico:after,
.p-mokuteki__choice-group--next .p-area__choice-label--ico:after,
.p-area__choice-group--next .p-area__choice-label--ico:after,
.p-others__choice-group--next .p-area__choice-label--ico:after {
    top: 40%;
    right: 4.85rem;
    width: 0.7rem;
    height: 1.2rem;
    border-bottom: 0.25rem solid #A16B00;
    border-right: 0.25rem solid #A16B00;
    transform: rotate(45deg);
    opacity: 0;
  }
  .p-sedai__choice-label,
.p-mokuteki__choice-label,
.p-area__choice-label,
.p-others__choice-label {
    padding: 2.2rem 0rem 2.2rem 2.4rem;
  }
  .p-sedai__choice-label--ico:before,
.p-mokuteki__choice-label--ico:before,
.p-area__choice-label--ico:before,
.p-others__choice-label--ico:before {
    top: 50%;
    right: 1.7rem;
    transform: translate(0, -50%);
    width: 2.4rem;
    height: 2.4rem;
    border: 0.25rem solid #A16B00;
    border-radius: 50%;
    opacity: 0;
  }
  .p-sedai__choice-label--ico:after,
.p-mokuteki__choice-label--ico:after,
.p-area__choice-label--ico:after,
.p-others__choice-label--ico:after {
    top: 40%;
    right: 2.5rem;
    width: 0.7rem;
    height: 1.2rem;
    border-bottom: 0.25rem solid #A16B00;
    border-right: 0.25rem solid #A16B00;
    transform: rotate(45deg);
    opacity: 0;
  }
  .p-others__choice:last-child {
    padding: 0rem 5rem 5rem;
  }
  .p-others__choice-label--ico {
    font-size: 1.8rem;
  }
  .p-others__h2 {
    font-size: 1.8rem;
  }
  .p-others__h2--genre:before, .p-others__h2--tokuten:before {
    height: 1.6rem;
    width: 1.6rem;
  }
  .p-others__h2--tokuten:before {
    margin-top: -0.7rem;
  }
}
body#enjoy .p-sedai__search, body#enjoy .p-mokuteki__search, body#enjoy .p-area__search, body#enjoy .p-others__search {
  background-color: #CC4C29;
}
body#enjoy .p-sedai__button, body#enjoy .p-mokuteki__button, body#enjoy .p-area__button, body#enjoy .p-others__button {
  color: #CC4C29;
  border-bottom: 0.1rem solid #CC4C29;
}
body#enjoy .p-sedai__button-text, body#enjoy .p-mokuteki__button-text, body#enjoy .p-area__button-text, body#enjoy .p-others__button-text {
  position: relative;
}
body#enjoy .p-sedai__button-text:after, body#enjoy .p-mokuteki__button-text:after, body#enjoy .p-area__button-text:after, body#enjoy .p-others__button-text:after {
  background: url(/common/images/icon/enjoy/clearbtn.svg) no-repeat;
}
body#enjoy .p-sedai__choice-group--next:after, body#enjoy .p-mokuteki__choice-group--next:after, body#enjoy .p-area__choice-group--next:after, body#enjoy .p-others__choice-group--next:after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-sedai__choice-group--next .p-area__choice-check, body#enjoy .p-mokuteki__choice-group--next .p-area__choice-check, body#enjoy .p-area__choice-group--next .p-area__choice-check, body#enjoy .p-others__choice-group--next .p-area__choice-check {
  opacity: 0;
  position: absolute;
}
body#enjoy .p-sedai__choice-group--next .p-area__choice-check:checked + label:before, body#enjoy .p-mokuteki__choice-group--next .p-area__choice-check:checked + label:before, body#enjoy .p-area__choice-group--next .p-area__choice-check:checked + label:before, body#enjoy .p-others__choice-group--next .p-area__choice-check:checked + label:before {
  background-color: #ffffff;
  opacity: 1;
}
body#enjoy .p-sedai__choice-group--next .p-area__choice-check:checked + label:after, body#enjoy .p-mokuteki__choice-group--next .p-area__choice-check:checked + label:after, body#enjoy .p-area__choice-group--next .p-area__choice-check:checked + label:after, body#enjoy .p-others__choice-group--next .p-area__choice-check:checked + label:after {
  opacity: 1;
}
body#enjoy .p-sedai__choice-group--next .p-area__choice-label--ico:before, body#enjoy .p-mokuteki__choice-group--next .p-area__choice-label--ico:before, body#enjoy .p-area__choice-group--next .p-area__choice-label--ico:before, body#enjoy .p-others__choice-group--next .p-area__choice-label--ico:before {
  border: 0.2rem solid #208196;
}
body#enjoy .p-sedai__choice-group--next .p-area__choice-label--ico:after, body#enjoy .p-mokuteki__choice-group--next .p-area__choice-label--ico:after, body#enjoy .p-area__choice-group--next .p-area__choice-label--ico:after, body#enjoy .p-others__choice-group--next .p-area__choice-label--ico:after {
  border-bottom: 0.2rem solid #208196;
  border-right: 0.2rem solid #208196;
}
body#enjoy .p-sedai__choice-label--ico:before, body#enjoy .p-mokuteki__choice-label--ico:before, body#enjoy .p-area__choice-label--ico:before, body#enjoy .p-others__choice-label--ico:before {
  border: 0.2rem solid #208196;
}
body#enjoy .p-sedai__choice-label--ico:after, body#enjoy .p-mokuteki__choice-label--ico:after, body#enjoy .p-area__choice-label--ico:after, body#enjoy .p-others__choice-label--ico:after {
  border-bottom: 0.2rem solid #208196;
  border-right: 0.2rem solid #208196;
}
body#enjoy .p-others__h2 {
  background-color: #F9F6EA;
  border-bottom: 0.1rem solid #F7E3DF;
}
body#enjoy .p-others__choice-group {
  width: 50%;
}
body#enjoy .p-others__choice-group:nth-child(even) {
  border-right: 0.1rem solid #F7E3DF;
}
body#enjoy .p-others__choice-group--null {
  border: none;
}
@media screen and (min-width: 992px) {
  body#enjoy .p-sedai,
body#enjoy .p-mokuteki,
body#enjoy .p-area,
body#enjoy .p-others {
    border: 0.1rem solid #CC4C29;
  }
  body#enjoy .p-sedai__choice-group,
body#enjoy .p-mokuteki__choice-group,
body#enjoy .p-area__choice-group,
body#enjoy .p-others__choice-group {
    border-bottom: 0.1rem solid #F7E3DF;
  }
  body#enjoy .p-sedai__choice-group--next .p-area__choice-label--ico:before,
body#enjoy .p-mokuteki__choice-group--next .p-area__choice-label--ico:before,
body#enjoy .p-area__choice-group--next .p-area__choice-label--ico:before,
body#enjoy .p-others__choice-group--next .p-area__choice-label--ico:before {
    border: 0.25rem solid #208196;
  }
  body#enjoy .p-sedai__choice-group--next .p-area__choice-label--ico:after,
body#enjoy .p-mokuteki__choice-group--next .p-area__choice-label--ico:after,
body#enjoy .p-area__choice-group--next .p-area__choice-label--ico:after,
body#enjoy .p-others__choice-group--next .p-area__choice-label--ico:after {
    border-bottom: 0.25rem solid #208196;
    border-right: 0.25rem solid #208196;
  }
  body#enjoy .p-sedai__choice-label--ico:before,
body#enjoy .p-mokuteki__choice-label--ico:before,
body#enjoy .p-area__choice-label--ico:before,
body#enjoy .p-others__choice-label--ico:before {
    border: 0.25rem solid #208196;
  }
  body#enjoy .p-sedai__choice-label--ico:after,
body#enjoy .p-mokuteki__choice-label--ico:after,
body#enjoy .p-area__choice-label--ico:after,
body#enjoy .p-others__choice-label--ico:after {
    border-bottom: 0.25rem solid #208196;
    border-right: 0.25rem solid #208196;
  }
}

/* #Breadcrumb
   -------------------------------------------------------------------------- */
/*doc
---
title: breadcrumb
name: breadcrumb
categories: [project]
---
パンくずリストのコンポーネントです。横幅を超えると、折り返さず省略されます。
```block
<ol class="p-breadcrumb">
	<li class="p-breadcrumb__item">
		<a href="#" class="p-breadcrumb__link">home</a>
	</li>
	<li class="p-breadcrumb__item">
		<a href="#" class="p-breadcrumb__link">page1</a>
	</li>
	<li class="p-breadcrumb__item">page2</li>
</ol>
```
*/
.p-breadcrumb {
  font-size: 1.4rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  text-align: left;
}
.p-breadcrumb p {
  padding: 0rem;
  text-align: left;
}
.p-breadcrumb .container {
  max-width: 111rem !important;
}

.l-kanri .p-breadcrumb {
  padding-bottom: 0.4rem;
}
.l-kanri .p-breadcrumb__list {
  display: flex;
  color: #2699FB;
  font-weight: bold;
  font-size: 1.6rem;
}
.l-kanri .p-breadcrumb__item {
  position: relative;
  padding-right: 1.6rem;
}
.l-kanri .p-breadcrumb__item:before {
  position: absolute;
  content: ">";
  top: 0;
  right: 0.3rem;
}
.l-kanri .p-breadcrumb__item:last-child {
  padding-right: 0;
}
.l-kanri .p-breadcrumb__item:last-child:before {
  display: none;
}
.l-kanri .p-breadcrumb__link {
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  .p-breadcrumb .container {
    max-width: 920rem !important;
  }
}
/* #Btn
   -------------------------------------------------------------------------- */
/*doc
---
title: btn
name: btn
categories: [project]
---
ボタンのコンポーネントです。
hover、is-active（visited）時のスタイルもセットで定義してください。
*/
.p-btn01 {
  width: 100%;
}
.p-btn01__link {
  background-color: #ffffff;
  color: #715F40;
  border-radius: 2.7rem;
  border: 0.1rem solid #715F40;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  display: block;
  margin: 0 auto;
  font-size: 1.4rem;
}
.p-btn01__link--green {
  color: #277681;
  border: 0.1rem solid #277681;
}
.p-btn01__link--red {
  color: #CC4C29;
  border: 0.1rem solid #CC4C29;
}

.p-btn02__link {
  background-color: #ffffff;
  color: #715F40;
  border-radius: 2.7rem;
  border: 0.1rem solid #715F40;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  display: block;
  max-width: 34.5rem;
  width: 100%;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.4rem;
}
.p-btn02__link[target=_blank] {
  position: relative;
}
.p-btn02__link[target=_blank]:after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.4rem;
  color: rgb(39, 118, 129);
  font-family: "Font Awesome 5 Free";
  speak: none;
  position: absolute;
  top: 2.2rem;
  right: 2rem;
  margin-top: -1.5rem;
  background: none;
}

.p-btn03 {
  width: 100%;
}
.p-btn03__link {
  color: #ffffff;
  border-radius: 2.7rem;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 7rem;
  padding-right: 6.9rem;
  display: block;
  margin: 0 auto;
  max-width: 34.5rem;
  font-size: 1.4rem;
}
.p-btn03__link-parts {
  display: inline-block;
  padding-left: 3.8rem;
  position: relative;
}
.p-btn03__link-parts:after {
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/tokuten-card-f.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.5rem;
}

.p-btn04 {
  width: 100%;
}
.p-btn04__link {
  background-color: #715F40;
  color: #ffffff;
  border-radius: 2.7rem;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  display: block;
  font-weight: bold;
  width: 100%;
  max-width: 34.5rem;
  margin: 0 auto;
  font-size: 1.4rem;
}
.p-btn04__link-parts {
  display: block;
  /*
  	    position: relative;
  		    &:after{
  				content: "";
  				display: block;
  			    background: url(/common/images/icon/arw_white.svg) no-repeat;
  			    background-size: auto;
  				background-size: contain;
  			    height: 1.5rem;
  			    width: 1.5rem;
  			    position: absolute;
  			    top: 50%;
  			    right: 1.65rem;
  			    margin-top: -0.705rem;
  			    transform: rotateZ(90deg);

  		    }
  */
}
.p-btn04__link--green {
  background-color: #277681;
}
.p-btn04__link--red {
  background-color: #CC4C29;
}

body#maidoko .p-btn02__link {
  color: #277681;
  border: 0.1rem solid #277681;
}
body#maidoko .p-btn02__link:after {
  color: #277681;
}
body#maidoko .p-btn03__link {
  background-color: #A16B00;
  color: #FDF8E2;
}
body#maidoko .p-btn04__link {
  background-color: #277681;
  color: #ffffff;
}

body#maidoko .p-btn01__link {
  color: #277681;
  border-color: #277681;
}

body#enjoy .p-btn01__link {
  color: #CC4C29;
  border-color: #CC4C29;
}
body#enjoy .p-btn02__link {
  color: #CC4C29;
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-btn02__link:after {
  color: #CC4C29;
}
body#enjoy .p-btn03__link {
  background-color: #208196;
  color: #F9F6EA;
}
body#enjoy .p-btn04__link {
  background-color: #CC4C29;
  color: #ffffff;
}

@media screen and (min-width: 992px) {
  .p-btn01__link,
.p-btn02__link,
.p-btn03__link,
.p-btn04__link {
    padding: 1.5rem 0rem;
    border-radius: 2.8rem;
    max-width: 34.5rem;
    font-size: 1.8rem;
  }
  .p-btn02__link[target=_blank] {
    position: relative;
  }
  .p-btn02__link[target=_blank]:after {
    font-size: 1.8rem;
    height: 1.4rem;
    width: 1.4rem;
    margin-top: -0.5rem;
  }
  .p-btn03__link-parts:after {
    margin-top: -1.3rem;
  }
}
/*店舗方法の確認・変更　状態府タグが1のとき（承認待ち）*/
a.p-btn02__link.disable {
  background-color: #9A9A9A;
  border: 0.1rem solid #9A9A9A !important;
  color: #ffffff !important;
}

/*イベント情報を登録する　3件あるとき*/
p.p-btn04__link.disable {
  background-color: #9A9A9A !important;
}

/* #p-card
   -------------------------------------------------------------------------- */
/*doc
---
title: p-card
name: p-card
categories: [project]
---
囲みデザインのコンポーネントです。
*/
.p-card {
  padding-top: 9.7rem;
}
.p-card h1 {
  padding-top: 0rem;
  padding-bottom: 3.2rem;
  text-align: center;
  color: #277681;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-card h1.p-card__store {
  color: #444444;
  padding-top: 0rem;
  padding-bottom: 0.8rem;
  text-align: left;
  max-height: 52.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.p-card__img {
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 34.5rem;
  height: 53.7rem;
  background-size: auto;
  background-size: contain;
  background-image: url(/common/images/parts/maidoko/card.png);
  margin: 0 auto;
  position: relative;
  margin-bottom: 7.1rem;
}
.p-card__maidoko {
  width: 23.25rem;
  margin: 0 auto;
  display: block;
  padding-top: 3.4rem;
}
.p-card__area {
  position: absolute;
  bottom: 3.5rem;
  left: 3.21rem;
  background-color: #FDF8E2;
  border-radius: 0.8rem;
  width: 28.1rem;
  height: 22.8rem;
  padding: 1.6rem 1.6rem 0.8rem 1.6rem;
}
.p-card__body {
  border-top: 0.1rem solid #A16B00;
  border-bottom: 0.1rem solid #A16B00;
  padding: 0.8rem 0rem;
  max-height: 13rem;
}
.p-card__ttl {
  color: #A16B00;
  padding-left: 2.5rem;
  position: relative;
  font-weight: bold;
  display: block;
  max-height: 4.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.p-card__ttl:before {
  content: " ";
  display: block;
  background: url(/common/images/icon/tokuten-color.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.7rem;
  width: 1.7rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.85rem;
}
.p-card__text {
  color: #A16B00;
  font-size: 1.2rem;
  display: block;
  max-height: 7.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.p-card__bottom {
  padding-top: 0.8rem;
  text-align: right;
  font-weight: bold;
  font-size: 1rem;
}

@media screen and (min-width: 992px) {
  .p-card h1 {
    font-size: 3.2rem;
  }
  .p-card h1.p-card__store {
    max-height: 7rem;
    font-size: 2.4rem;
  }
  .p-card__area {
    bottom: 4rem;
    left: 3.5rem;
    border-radius: 1.6rem;
    width: 34.3rem;
    height: 32rem;
    padding: 1.6rem;
  }
  .p-card__img {
    width: 41.4rem;
    height: 64.44rem;
  }
  .p-card__bottom {
    font-size: 1.4rem;
  }
  .p-card__text {
    max-height: 12.5rem;
    -webkit-line-clamp: 7;
  }
  .p-card__ttl {
    max-height: 7.519rem;
  }
  .p-card__ttl:before {
    height: 2rem;
    width: 2rem;
  }
  .p-card__body {
    max-height: 19rem;
  }
}
body#enjoy .p-card h1 {
  color: #CC4C29;
}
body#enjoy .p-card h1.p-card__store {
  color: #444444;
}
body#enjoy .p-card__enjoy {
  width: 23.25rem;
  margin: 0 auto;
  display: block;
  padding-top: 3.4rem;
}
body#enjoy .p-card__area {
  background-color: #F9F6EA;
}
body#enjoy .p-card__body {
  border-top: 0.1rem solid #208196;
  border-bottom: 0.1rem solid #208196;
}
body#enjoy .p-card__ttl {
  color: #208196;
  padding-left: 2.5rem;
  position: relative;
}
body#enjoy .p-card__ttl:before {
  content: " ";
  display: block;
  background: url(/common/images/icon/tokuten-color.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.7rem;
  width: 1.7rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.85rem;
}
body#enjoy .p-card__text {
  color: #208196;
}

/* #p-details
   -------------------------------------------------------------------------- */
/*doc
---
title:p-details
name: p-details
categories: [project]
---
*/
.p-details {
  padding-bottom: 1.6rem;
}
.p-details-summary {
  padding: 1.4rem 4.4rem 1.4rem 4.8rem;
  border: 0.1rem solid #277681;
  border-radius: 0.4rem;
  background-color: #E5EFEE;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.p-details-summary .p-details-ttl {
  position: relative;
}
.p-details-summary .p-details-ttl:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/q.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.528rem;
  width: 1.112rem;
  top: 0;
  left: -2.712rem;
  margin-top: 0.4rem;
}
.p-details-summary__btn {
  position: relative;
}
.p-details-summary__btn:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/details_open.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2.871rem;
  width: 2.789rem;
  top: 0;
  right: -3.689rem;
  margin-top: -0.3rem;
}
.p-details[open] .p-details-summary {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.p-details[open] .p-details-summary__btn:before {
  background: url(/common/images/icon/maidoko/details_close.svg) no-repeat;
}
.p-details-inner {
  padding: 0.8rem 1.6rem 1.6rem 4.4rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  border: 0.1rem solid #277681;
  border-top: none;
  position: relative;
}
.p-details-inner:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/a.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.186rem;
  width: 1.038rem;
  top: 0;
  left: 2.1rem;
  margin-top: 1.4rem;
}
.p-details-inner .p-link01 {
  margin: 0.8rem auto;
}

body#enjoy .p-details-summary {
  border: 0.1rem solid #CC4C29;
  background-color: #F7E3DF;
}
body#enjoy .p-details-summary .p-details-ttl:before {
  background: url(/common/images/icon/enjoy/q.svg) no-repeat;
}
body#enjoy .p-details-summary__btn:before {
  background: url(/common/images/icon/enjoy/details_open.svg) no-repeat;
}
body#enjoy .p-details[open] .p-details-summary__btn:before {
  background: url(/common/images/icon/enjoy/details_close.svg) no-repeat;
}
body#enjoy .p-details-inner {
  border: 0.1rem solid #CC4C29;
  border-top: none;
}
body#enjoy .p-details-inner:before {
  background: url(/common/images/icon/enjoy/a.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  .p-details-summary .p-details-ttl:before {
    height: 1.8rem;
    width: 1.6rem;
    top: 0;
    left: -2.712rem;
    margin-top: 0.7rem;
  }
  .p-details-summary__btn:before {
    height: 3.2rem;
    width: 3.2rem;
    top: 0;
    right: -3.689rem;
    margin-top: -0.2rem;
  }
  .p-details[open] .p-details-summary__btn:before {
    height: 3.2rem;
    width: 3.2rem;
    top: 0;
    right: -3.689rem;
    margin-top: -0.2rem;
    background-size: contain;
  }
  .p-details-inner:before {
    height: 1.55rem;
    width: 1.25rem;
    top: 0;
    left: 2.1rem;
    margin-top: 1.6rem;
  }
}
/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-popup-reset
name:  p-kanri-search

categories: [project]
---
サイト内検索のコンポーネントです。
*/
.p-dialog {
  width: 33rem;
  position: fixed;
  top: 30%;
  left: 50%;
  z-index: 30;
  margin-left: -16.5rem;
  background: #ffffff;
  border-radius: 2.4rem;
  /*
      &__signout01{
  	    display: none;
      }
  */
}
.p-dialog__group--age, .p-dialog__group--push, .p-dialog__group--app, .p-dialog__group--tsuchi, .p-dialog__group--favorite {
  display: none;
}
.p-dialog__group--age .p-dialog__area {
  height: 23.327rem;
}
.p-dialog__cont {
  display: none;
}
.p-dialog__signout02 {
  display: none;
}
.p-dialog__h1 {
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom: 1.5rem;
}
.p-dialog__h1:first-child {
  padding-bottom: 3rem;
}
.p-dialog__area {
  min-height: 21.5rem;
  padding: 2.4rem;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-dialog__text {
  display: inline-block;
}
.p-dialog__text img {
  width: 6.4rem;
  padding-bottom: 1.6rem;
}
.p-dialog__text .p-btn04__link {
  margin-top: 2.4rem;
}
.p-dialog__btn {
  display: flex;
  border-top: 0.1rem solid #707070;
  width: 100%;
}
.p-dialog__btn-left {
  border-right: 0.1rem solid #707070;
  width: 50%;
}
.p-dialog__btn-left button {
  border-bottom-left-radius: 2.4rem;
}
.p-dialog__btn-right {
  width: 50%;
}
.p-dialog__btn-right button {
  border-bottom-right-radius: 2.4rem;
}
.p-dialog__btn-center {
  width: 100%;
}
.p-dialog__btn-center button {
  border-bottom-right-radius: 2.4rem;
  border-bottom-left-radius: 2.4rem;
}
.p-dialog__btn-left button, .p-dialog__btn-right button, .p-dialog__btn-center button {
  padding: 1.6rem;
  width: 100%;
  font-size: 1.6rem;
}
.p-dialog__bk {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  height: 100vh;
  overflow: hidden;
  backdrop-filter: blur(0.2rem);
}

summary::-webkit-details-marker {
  display: none;
}

@media screen and (min-width: 992px) {
  .p-dialog__h1 {
    font-size: 2.4rem;
  }
}
/* #p-edit-area
   -------------------------------------------------------------------------- */
/*doc
---
title: p-edit-area
name: p-edit-area
categories: [project]
---
お気に入り(PC)
*/
@media screen and (min-width: 992px) {
  .p-edit-area {
    padding-top: 2.4rem;
  }
  .p-edit,
.p-edit__finish {
    max-width: 34.5rem;
    padding: 0.8rem 2.2rem;
    background-color: #E5EFEE;
    border-radius: 2.8rem;
    padding: 1.5rem 0rem;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .p-edit-txt,
.p-edit__finish-txt {
    font-weight: bold;
    display: block;
    position: relative;
    color: #277681;
  }
  .p-edit-txt:before,
.p-edit__finish-txt:before {
    position: absolute;
    content: "";
    display: block;
    background: url(/common/images/icon/maidoko/edit.svg) no-repeat;
    background-size: auto;
    background-size: cover;
    height: 2.4rem;
    width: 2.4rem;
    top: 50%;
    left: 3.2rem;
    margin-top: -1.1rem;
  }
  .p-edit__finish {
    display: none;
  }
  .p-edit__finish-txt:before {
    background: url(/common/images/icon/maidoko/finish.svg) no-repeat;
    left: 2.4rem;
    margin-top: -1rem;
  }
  body#enjoy .p-edit, body#enjoy .p-edit__finish {
    background-color: #F7E3DF;
    display: block;
  }
  body#enjoy .p-edit-txt, body#enjoy .p-edit__finish-txt {
    color: #CC4C29;
    display: block;
  }
  body#enjoy .p-edit-txt:before, body#enjoy .p-edit__finish-txt:before {
    background: url(/common/images/icon/enjoy/edit.svg) no-repeat;
    background-size: cover;
  }
  body#enjoy .p-edit__finish {
    display: none;
  }
  body#enjoy .p-edit__finish-txt:before {
    background: url(/common/images/icon/enjoy/finish.svg) no-repeat;
  }
}
/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-store-shosai
name:  p-store-shosai

categories: [project]
---

*/
.p-event-basic__item {
  padding: 1.6rem;
  border-bottom: 0.1rem solid #DDDDDD;
}
.p-event-basic__item:first-child {
  border-top: 0.1rem solid #DDDDDD;
}
.p-event-basic__item--icon {
  padding-top: 1.1rem;
  padding-bottom: 1rem;
  padding-right: 0rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-event-basic__ttl {
  padding-bottom: 0.8rem;
  font-weight: bold;
  font-size: 1.2rem;
}
.p-event-basic__text a {
  text-decoration: underline;
}
.p-event-basic__link {
  display: block;
  background-color: #E5EFEE;
  border-radius: 1rem;
}
.p-event-basic__link a {
  padding-top: 3.5rem;
  padding-bottom: 0.6rem;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 5.6rem;
}
.p-event-basic__link a:after {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 50%;
  background-size: contain;
  width: 2.8rem;
  height: 2.8rem;
}
.p-event-basic__store {
  padding-right: 0.3rem;
  position: relative;
}
.p-event-basic__store:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  right: 0rem;
  margin-top: -0.725rem;
}
.p-event-basic__store .p-event-basic__text {
  text-decoration: underline;
  display: inline-block;
}
.p-event-basic__map:after {
  margin-left: -1.4rem;
  background: url(/common/images/icon/maidoko/info-map.svg) no-repeat;
}
.p-event-basic__tel:after {
  margin-left: -1.2rem;
  background: url(/common/images/icon/maidoko/info-tel.svg) no-repeat;
}
.p-event-basic__list {
  padding-top: 1.6rem;
}
.p-event-basic__list-note {
  font-size: 1rem;
  padding-left: 0.9rem;
  padding-top: 1.6rem;
}
.p-event-basic__map {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  padding-top: 2.4rem;
}
.p-event-basic__maparea {
  width: 100%;
  height: 16.3rem;
  background-color: #DDDDDD;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

body#enjoy .p-event-basic__link {
  background-color: #F7E3DF;
}
body#enjoy .p-event-basic__store:before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-event-basic__map:after {
  margin-left: -1.4rem;
  background: url(/common/images/icon/enjoy/info-map.svg) no-repeat;
}
body#enjoy .p-event-basic__tel:after {
  margin-left: -1.2rem;
  background: url(/common/images/icon/enjoy/info-tel.svg) no-repeat;
}

.p-event-item {
  display: block;
  margin-bottom: 1.6rem;
  background-color: #E5EFEE;
  border-radius: 1rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: fit-content;
  height: fit-content;
  box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  /* IE8（outlineで代替） */
  outline-width: 1px \9 ;
  outline-style: solid \9 ;
  outline-color: #d8d6d1 \9 ;
}
.p-event-item:focus-visible {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-event-item__link {
  width: 100%;
  padding: 1.6rem;
  display: block;
  align-content: center;
  justify-content: space-between;
  border-radius: 1rem;
}
.p-event-item-title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
  white-space: normal;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 24rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.p-event-item-info {
  font-size: 1rem;
  padding-left: 2rem;
  position: relative;
  padding-bottom: 0.4rem;
  font-weight: bold;
}
.p-event-item-info:after {
  content: " ";
  display: block;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1rem;
}
.p-event-item-info--flag:after {
  background: url(/common/images/icon/flag-b.svg) no-repeat;
}
.p-event-item-info--flag {
  white-space: normal;
  width: 100%;
  overflow: hidden;
  /* display: -webkit-box; */
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 30rem;
  white-space: nowrap;
}
.p-event-item-info--calendar:after {
  background: url(/common/images/icon/calendar-b.svg) no-repeat;
}
.p-event-item__head {
  display: flex;
  justify-content: space-between;
}
.p-event-item__body {
  padding-bottom: 0.4rem;
  border-bottom: 0.1rem solid #277681;
}
.p-event-item__foot {
  position: relative;
  margin-top: 0.8rem;
}
.p-event-item__foot .p-event-item__btn-link {
  width: 100%;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
  color: #277681;
  font-size: 1.4rem;
  display: block;
  padding: 1.2rem 0rem;
}
.p-event-item__foot:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  right: 0.7rem;
  margin-top: -0.725rem;
}
.p-event-item__store {
  color: #277681;
  font-weight: bold;
  white-space: normal;
  overflow: hidden;
  /* display: -webkit-box; */
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 28rem;
  white-space: nowrap;
}
.p-event-item__btn-link-text {
  font-size: 1rem;
  color: #A16B00;
  padding-top: 2.5rem;
  position: relative;
  display: block;
  white-space: nowrap;
}
.p-event-item__btn-link-text:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/event-delete.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.7rem;
  width: 1.7rem;
  margin-top: 0;
  margin-left: -0.85rem;
}

body#enjoy .p-event-item {
  background-color: #F7E3DF;
}
body#enjoy .p-event-item__body {
  padding-bottom: 0.4rem;
  border-bottom: 0.1rem solid #CC4C29;
}
body#enjoy .p-event-item__foot .p-event-item__btn-link {
  color: #CC4C29;
}
body#enjoy .p-event-item__foot:before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-event-item__store {
  color: #CC4C29;
}
body#enjoy .p-event-item__btn-link-text {
  color: #208196;
}
body#enjoy .p-event-item__btn-link-text:before {
  background: url(/common/images/icon/enjoy/event-delete.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  .p-event-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 72.75rem;
    margin: auto;
  }
  .p-event-item {
    margin-left: 0rem;
    margin-right: 2.4rem;
    max-width: 34.6rem;
    margin-bottom: 2.4rem !important;
  }
  .p-event-item:only-child {
    margin-left: auto;
    margin-right: auto;
  }
  .p-event-item:nth-child(2n) {
    margin-right: 0rem;
  }
  .p-event-item-title {
    font-size: 1.8rem;
  }
  .p-event-item-info {
    font-size: 1.4rem;
    padding-bottom: 0.8rem;
  }
  .p-event-item-info--flag {
    background-size: cover;
  }
  .p-event-item__btn-link-text {
    font-size: 1.4rem;
  }
  .p-event-item__foot {
    margin-top: 1.4rem;
  }
  .p-event-item__foot.p-event-item__btn-link {
    font-size: 1.8rem;
    padding: 1.6rem 0rem;
  }
  .p-event-item__foot:after {
    height: 2rem;
    width: 2rem;
    background-size: contain;
    margin-top: -1.3rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-event-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .p-event-item {
    /*
    			&-info::after{
    				margin-top: -1.3rem;
    			}
    */
  }
  .p-event-item:only-child {
    margin: auto;
  }
  .p-event-item:nth-child(2n) {
    margin-right: 2.4rem;
  }
  .p-event-item:nth-child(3n) {
    margin-right: 0rem;
  }
}
/* #p-event-shosai
-------------------------------------------------------------------------- */
/*doc
---
title: p-event-shosai
name: p-event-shosai
categories: [project]
---
テーブルのコンポーネントです。
*/
.p-event-shosai__area {
  padding: 0.8rem 0 2.4rem;
}
.p-event-shosai-update {
  text-align: right;
  padding-bottom: 2.4rem;
  font-size: 1rem;
}
.p-event-shosai-event {
  display: inline-block;
  padding-left: 1.8rem;
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
}
.p-event-shosai-event:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/store-b.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0rem;
  margin-top: -0.75rem;
}
.p-event-shosai-ttl {
  padding-bottom: 1.6rem;
}
.p-event-shosai-period {
  color: #277681;
  font-weight: bold;
  padding-bottom: 0.4rem;
}
.p-event-shosai-contents {
  border-bottom: 0.1rem solid #277681;
  border-top: 0.1rem solid #277681;
  padding: 1.6rem 0rem;
}

body#enjoy .p-event-shosai-period {
  color: #CC4C29;
}
body#enjoy .p-event-shosai-contents {
  border-bottom: 0.1rem solid #CC4C29;
  border-top: 0.1rem solid #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-event-shosai-update {
    font-size: 1.4rem;
  }
  .p-event-shosai-event {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
    padding-left: 2rem;
  }
  .p-event-shosai-event:after {
    height: 2rem;
    width: 2rem;
    margin-top: -1rem;
  }
  .p-event-shosai-ttl {
    margin-bottom: 1rem;
    margin-top: 0rem;
  }
  .p-event-shosai-contents {
    padding: 2.4rem 0rem;
  }
  .p-event-shosai-period {
    padding-bottom: 0.8rem;
  }
  .p-event-basic .p-event-ttl {
    margin-bottom: 1rem;
    margin-top: 3.2rem;
  }
  .p-event-basic__ttl {
    font-size: 1.6rem;
  }
  .p-event-basic__store:before {
    margin-top: -0.8rem;
    height: 2rem;
    width: 2rem;
    right: 1rem;
  }
  .p-event-basic__link a {
    font-size: 1.4rem;
    width: 6.8rem;
  }
  .p-event-basic__list-note {
    font-size: 1.4rem;
  }
}
/* #p-event
   -------------------------------------------------------------------------- */
/*doc
---
title: p-event
name: p-event
categories: [project]
---
テーブルのコンポーネントです。
*/
.p-event-radio {
  padding-top: 0.8rem;
  display: flex;
  justify-content: center;
}
.p-event-radio__choices {
  margin-right: 1.1rem;
  display: flex;
  width: 100%;
  display: block;
}
.p-event-radio__choices:last-child {
  margin-right: 0rem;
}
.p-event-radio__choices-btn {
  /*
  				-webkit-appearance: none;
  				appearance: none;
  				display: none;	
  */
}
.p-event-radio__choices-btn:checked + label::after, .p-event-radio__choices-btn:focus + label::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  display: block;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #277681;
}
.p-event-radio__choices-btn:focus + label::before {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-event-radio__choices-label {
  position: relative;
  display: flex;
  align-items: center;
  background: #E5EFEE;
  border-radius: 1.8rem;
  border: 0.1rem solid #277681;
  color: #277681;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0.7rem 3.1rem 0.8rem 1.5rem;
  margin-bottom: 2.4rem;
  /*
  				width: 100%;
  				min-width: max-content;
  */
}
.p-event-radio__choices-label::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 0.1rem solid #277681;
  background-color: #ffffff;
  width: 1.6rem;
  height: 1.6rem;
  right: 1.1rem;
  position: absolute;
}
.p-event-radio__choices-label::after {
  content: "";
  position: absolute;
  display: block;
  right: 1.5rem;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
}

body#enjoy .p-event-radio__choices-btn:checked + label::after, body#enjoy .p-event-radio__choices-btn:focus + label::after {
  background-color: #CC4C29;
}
body#enjoy .p-event-radio__choices-label {
  background: #F7E3DF;
  border: 0.1rem solid #CC4C29;
  color: #CC4C29;
}
body#enjoy .p-event-radio__choices-label::before {
  border: 0.1rem solid #CC4C29;
  background-color: #ffffff;
}

@media screen and (min-width: 992px) {
  .p-event-radio {
    max-width: 81.6rem;
    margin: 0rem auto 3rem;
  }
  .p-event-radio__choices {
    width: 100%;
    display: block;
  }
  .p-event-radio__choices-btn:checked + label::after, .p-event-radio__choices-btn:focus + label::after {
    content: "";
    position: absolute;
    right: 1.6rem;
    display: block;
    border-radius: 50%;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #277681;
  }
  .p-event-radio__choices-label {
    font-size: 1.4rem;
    padding: 1rem 3.1rem 1rem 1.5rem;
    border-radius: 2.4rem;
  }
  .p-event-radio__choices-label::before {
    width: 2.4rem;
    height: 2.4rem;
  }
  .p-event-radio__choices-label::after {
    content: "";
    position: absolute;
    display: block;
    right: 1.6rem;
    border-radius: 50%;
    width: 1.4rem;
    height: 1.4rem;
  }
  body#enjoy .p-event-radio__choices-btn:checked + label::after, body#enjoy .p-event-radio__choices-btn:focus + label::after {
    background-color: #CC4C29;
  }
}
/* #p-footer-info
  -------------------------------------------------------------------------- */
/*doc
---
title: p-footer-info
name: p-footer-info
categories: [project]
---
*/
.p-footer-info--close .p-btn01, .p-footer-info--back .p-btn01 {
  padding: 2.1rem 0rem 2.2rem;
}

@media screen and (min-width: 992px) {
  .p-footer-info--close .p-btn01, .p-footer-info--back .p-btn01 {
    padding: 4rem 0rem 10.4rem;
  }
}
/* #Footer
   -------------------------------------------------------------------------- */
/*doc
---
title: footer
name: footer
categories: [project]
---
フッターのコンポーネントです。
*/
.p-footer-maidoko01,
.p-footer-enjoy01 {
  background-color: #277681;
}
.p-footer-maidoko01__menu,
.p-footer-enjoy01__menu {
  display: flex;
  padding: 0.6rem 7.6rem 0.6rem 0.8rem;
}
.p-footer-maidoko01__menu.footerapp,
.p-footer-enjoy01__menu.footerapp {
  padding: 0.6rem 7.6rem 2.2rem 0.8rem;
}
.p-footer-maidoko01__menu-list,
.p-footer-enjoy01__menu-list {
  display: flex;
}
.p-footer-maidoko01__menu-item,
.p-footer-enjoy01__menu-item {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0.8rem, 2vw, 1.4rem);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.6rem;
  margin-left: 0.6rem;
}
.p-footer-maidoko01__menu-item:last-child,
.p-footer-enjoy01__menu-item:last-child {
  margin-right: 0;
}
.p-footer-maidoko01__menu-link,
.p-footer-enjoy01__menu-link {
  display: block;
  position: relative;
  color: #ffffff;
  padding: 3.2rem 0 0.3rem;
  width: 100%;
}
.p-footer-maidoko01__menu-link--home:hover, .p-footer-maidoko01__menu-link--home.act, .p-footer-maidoko01__menu-link--search:hover, .p-footer-maidoko01__menu-link--search.act, .p-footer-maidoko01__menu-link--share:hover, .p-footer-maidoko01__menu-link--share.act,
.p-footer-enjoy01__menu-link--home:hover,
.p-footer-enjoy01__menu-link--home.act,
.p-footer-enjoy01__menu-link--search:hover,
.p-footer-enjoy01__menu-link--search.act,
.p-footer-enjoy01__menu-link--share:hover,
.p-footer-enjoy01__menu-link--share.act {
  color: #277681;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.p-footer-maidoko01__menu-link--home,
.p-footer-enjoy01__menu-link--home {
  color: #ffffff !important;
}
.p-footer-maidoko01__menu-link--home:hover, .p-footer-maidoko01__menu-link--home.act,
.p-footer-enjoy01__menu-link--home:hover,
.p-footer-enjoy01__menu-link--home.act {
  color: #277681 !important;
}
.p-footer-maidoko01__menu-link--home:before,
.p-footer-enjoy01__menu-link--home:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/home.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.6rem;
}
.p-footer-maidoko01__menu-link--home:hover::before, .p-footer-maidoko01__menu-link--home.act::before,
.p-footer-enjoy01__menu-link--home:hover::before,
.p-footer-enjoy01__menu-link--home.act::before {
  background: url(/common/images/icon/maidoko/home.svg) no-repeat;
}
.p-footer-maidoko01__menu-link--search:before,
.p-footer-enjoy01__menu-link--search:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/search-f.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.6rem;
}
.p-footer-maidoko01__menu-link--search:hover::before, .p-footer-maidoko01__menu-link--search.act::before,
.p-footer-enjoy01__menu-link--search:hover::before,
.p-footer-enjoy01__menu-link--search.act::before {
  background: url(/common/images/icon/maidoko/search.svg) no-repeat;
}
.p-footer-maidoko01__menu-link--favorite:before,
.p-footer-enjoy01__menu-link--favorite:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/favorite.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.6rem;
}
.p-footer-maidoko01__menu-link--favorite:hover, .p-footer-maidoko01__menu-link--favorite.act,
.p-footer-enjoy01__menu-link--favorite:hover,
.p-footer-enjoy01__menu-link--favorite.act {
  color: #277681;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.p-footer-maidoko01__menu-link--favorite:hover::before, .p-footer-maidoko01__menu-link--favorite.act::before,
.p-footer-enjoy01__menu-link--favorite:hover::before,
.p-footer-enjoy01__menu-link--favorite.act::before {
  background: url(/common/images/icon/maidoko/favorite.svg) no-repeat;
}
.p-footer-maidoko01__menu-link--favorite.reg:hover,
.p-footer-enjoy01__menu-link--favorite.reg:hover {
  background-color: transparent;
  color: #ffffff;
}
.p-footer-maidoko01__menu-link--favorite.reg:hover::before,
.p-footer-enjoy01__menu-link--favorite.reg:hover::before {
  background: url(/common/images/icon/favorite.svg) no-repeat;
}
.p-footer-maidoko01__menu-link--favorite.reg.act,
.p-footer-enjoy01__menu-link--favorite.reg.act {
  color: #ffffff;
  background-color: transparent;
}
.p-footer-maidoko01__menu-link--favorite.reg.act::before,
.p-footer-enjoy01__menu-link--favorite.reg.act::before {
  background: url(/common/images/icon/maidoko/favorite_reg.svg) no-repeat;
}
.p-footer-maidoko01__menu-link--map,
.p-footer-enjoy01__menu-link--map {
  /*

  				&:hover,
  				&.act{

  					&::before{
  						background: url(/common/images/icon/maidoko/map.svg) no-repeat;

  					}
  				}
  */
}
.p-footer-maidoko01__menu-link--map:before,
.p-footer-enjoy01__menu-link--map:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/map.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.6rem;
}
.p-footer-maidoko01__menu-link--tokutencard,
.p-footer-enjoy01__menu-link--tokutencard {
  /*

  				&:hover,
  				&.act{

  					&::before{
  						background: url(/common/images/icon/maidoko/tokuten-card.svg) no-repeat;

  					}
  				}
  */
}
.p-footer-maidoko01__menu-link--tokutencard:before,
.p-footer-enjoy01__menu-link--tokutencard:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/tokuten-card.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.6rem;
}
.p-footer-maidoko01__menu-link--share:before,
.p-footer-enjoy01__menu-link--share:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/share.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.6rem;
}
.p-footer-maidoko01__menu-link--share:hover::before, .p-footer-maidoko01__menu-link--share.act::before,
.p-footer-enjoy01__menu-link--share:hover::before,
.p-footer-enjoy01__menu-link--share.act::before {
  background: url(/common/images/icon/maidoko/share.svg) no-repeat;
}
.p-footer-maidoko01__menu-logo,
.p-footer-enjoy01__menu-logo {
  width: auto;
  justify-content: center;
  display: flex;
  margin-bottom: auto;
  margin-top: auto;
}
.p-footer-maidoko01__menu-img,
.p-footer-enjoy01__menu-img {
  width: 4.2rem;
}

.p-footer-enjoy01 {
  background-color: #CC4C29;
}
.p-footer-enjoy01__menu {
  padding: 0.6rem 0.8rem 0.6rem 0.8rem;
}
.p-footer-enjoy01__menu.footerapp {
  padding: 0.6rem 0.8rem 2.2rem 0.8rem;
}
.p-footer-enjoy01__menu-link {
  /*
  				&:hover,
  				&.act{

  					&::before{
  						background: url(/common/images/icon/enjoy/map.svg) no-repeat;

  					}
  				}

  			}*/
  /*
  			&--tokutencard{

  				&:hover,
  				&.act{

  					&::before{
  						background: url(/common/images/icon/enjoy/tokuten-card.svg) no-repeat;

  					}
  				}
  			}	
  */
}
.p-footer-enjoy01__menu-link--home:hover, .p-footer-enjoy01__menu-link--home.act, .p-footer-enjoy01__menu-link--search:hover, .p-footer-enjoy01__menu-link--search.act, .p-footer-enjoy01__menu-link--share:hover, .p-footer-enjoy01__menu-link--share.act {
  color: #CC4C29;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.p-footer-enjoy01__menu-link--home {
  color: #ffffff !important;
}
.p-footer-enjoy01__menu-link--home:hover, .p-footer-enjoy01__menu-link--home.act {
  color: #CC4C29 !important;
}
.p-footer-enjoy01__menu-link--home:hover::before, .p-footer-enjoy01__menu-link--home.act::before {
  background: url(/common/images/icon/enjoy/home.svg) no-repeat;
}
.p-footer-enjoy01__menu-link--search:hover::before, .p-footer-enjoy01__menu-link--search.act::before {
  background: url(/common/images/icon/enjoy/search.svg) no-repeat;
}
.p-footer-enjoy01__menu-link--favorite:hover::before, .p-footer-enjoy01__menu-link--favorite.act::before {
  background: url(/common/images/icon/enjoy/favorite.svg) no-repeat;
}
.p-footer-enjoy01__menu-link--favorite.reg:hover {
  background-color: transparent;
  color: #ffffff;
}
.p-footer-enjoy01__menu-link--favorite.reg:hover::before {
  background: url(/common/images/icon/favorite.svg) no-repeat;
}
.p-footer-enjoy01__menu-link--favorite.reg.act {
  color: #ffffff;
  background-color: transparent;
}
.p-footer-enjoy01__menu-link--favorite.reg.act::before {
  background: url(/common/images/icon/enjoy/favorite_reg.svg) no-repeat;
}
.p-footer-enjoy01__menu-link--map:before {
  background: url(/common/images/icon/enjoy/map.svg) no-repeat;
}
.p-footer-enjoy01__menu-link--share:hover::before, .p-footer-enjoy01__menu-link--share.act::before {
  background: url(/common/images/icon/enjoy/share.svg) no-repeat;
}
.p-footer-enjoy01-logo {
  margin-right: 0;
}

.p-footer-maidoko01__menu-link--soudan {
  display: block;
  width: 3.5rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #216872;
  position: fixed;
  bottom: 0.5rem;
  right: 3rem;
}

@media screen and (min-width: 576px) {
  .p-footer-maidoko01__menu-item,
.p-footer-enjoy01__menu-item {
    margin-right: 1.4rem;
    margin-left: 1.4rem;
  }
  .p-footer-maidoko01__menu-item:last-child,
.p-footer-enjoy01__menu-item:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-maidoko01__menu-item,
.p-footer-enjoy01__menu-item {
    margin-right: 3.2rem;
    margin-left: 3.2rem;
  }
  .p-footer-maidoko01__menu-item:last-child,
.p-footer-enjoy01__menu-item:last-child {
    margin-right: 0;
  }
}
/* #Footer
   -------------------------------------------------------------------------- */
/*doc
---
title: footer
name: footer
categories: [project]
---
フッターのコンポーネントです。
*/
df-messenger {
  --df-messenger-bot-messege:#878fac;
  --df-messenger-button-titlebar-color:#39836A;
  --df-messenger-button-titlebar-font-color:#FFFFFF;
  --df-messenger-chat-background-color:#FDF8E2;
  --df-messenger-font-color:#444444;
  --df-messenger-user-message:#e5efee;
  --df-messenger-send-icon:#a16b00;
}

.p-footer {
  font-size: 1.4rem;
  background-color: #F9F4ED;
}
.p-footer--red {
  background-color: #F7E3DF;
}
.p-footer__page-top {
  background-color: #715F40;
  text-align: center;
}
.p-footer__page-top--red {
  background-color: #CC4C29;
}
.p-footer__page-top-link {
  text-decoration: none;
  display: block;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  cursor: pointer;
  display: block;
  width: 100%;
}
.p-footer__page-top-link:focus-visible {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-footer__page-top-link-txt {
  color: #ffffff !important;
  font-weight: bold;
  width: 100%;
}
.p-footer__page-top-link-txt span {
  position: relative;
  padding-left: 2.1rem;
}
.p-footer__page-top-link-txt span:before {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_white.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1rem;
}
.p-footer__menu {
  display: flex;
  flex-wrap: wrap;
  padding: 0.6rem 0;
  max-width: 50rem;
  margin: 0 auto;
}
.p-footer__menu--top {
  justify-content: center;
}
.p-footer__menu-link {
  display: block;
  position: relative;
  padding-left: 1.5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-right: 1.2rem;
}
.p-footer__menu-link--red:before {
  color: #CC4C29;
}
.p-footer__menu-link:before {
  color: #715F40;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_brown.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.75rem;
}
.p-footer__menu-link[target=_blank] {
  padding-right: 2.4rem !important;
}
.p-footer__menu-link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1rem;
  color: #715F40;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.7rem;
}
.p-footer__menu-item:hover {
  text-decoration: underline;
}
.p-footer__menu-item--width {
  min-width: 14.6rem !important;
}
.p-footer__menu-item--width .p-footer__menu-link {
  padding-right: 1rem;
}
.p-footer__copyright {
  text-align: left;
  background-color: #715F40;
  padding: 0.4rem 0 0.7rem;
  /*
  		&:has(> body#maidoko){
  			background-color: $_maidoko-color01;
  		}
  */
}
.p-footer__copyright--red {
  background-color: #CC4C29;
}
.p-footer__copyright-txt {
  color: #ffffff;
  font-size: 1rem;
}

body#maidoko .p-footer {
  background-color: #E5EFEE;
}
body#maidoko .p-footer__page-top {
  background-color: #277681;
}
body#maidoko .p-footer__menu-link:before {
  background: url(/common/images/icon/arw_green.svg) no-repeat;
}
body#maidoko .p-footer__menu-link[target=_blank]::after {
  color: #277681;
}
body#maidoko .p-footer__copyright {
  background-color: #277681;
}

body#enjoy .p-footer {
  background-color: #F7E3DF;
}
body#enjoy .p-footer__page-top {
  background-color: #CC4C29;
}
body#enjoy .p-footer__menu-link:before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-footer__menu-link[target=_blank]::after {
  color: #CC4C29;
}
body#enjoy .p-footer__copyright {
  background-color: #CC4C29;
}

/*
@include mq-up(md){
	.p-footer{

		&__chatbot{

			&-area{
				width: 12rem;
				height: 12rem;
				margin: 1.8rem 0 2.4rem auto;

				&-text{
					padding-top: 8.2rem;
					//font-size: $_font-size14;
					letter-spacing: initial;
					line-height: 1.1;
					&:before{
						height: 9.5rem;
					    width: 93.5rem;
					    top: 0rem;
					    left: 50%;
					    margin-left: -4.5rem;
					}

				}

			}
		}

	}	

}
*/
@media screen and (min-width: 992px) {
  .p-footer__page-top {
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: -4.3rem;
    right: 0;
  }
  .p-footer__page-top-link {
    width: 29%;
    border-top-left-radius: 2.1rem;
    border-top-right-radius: 2.1rem;
    background-color: #715F40;
    margin: 0 0 0 auto;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .p-footer__page-top-link-txt span:before {
    margin-top: -0.8rem;
  }
  .p-footer__menu {
    width: 100%;
    margin: 0 auto;
  }
  .p-footer__copyright {
    text-align: center;
  }
  body#maidoko .p-footer__page-top {
    background-color: transparent;
  }
  body#maidoko .p-footer__page-top-link {
    background-color: #277681;
  }
  body#enjoy .p-footer__page-top {
    background-color: transparent;
  }
  body#enjoy .p-footer__page-top-link {
    background-color: #CC4C29;
  }
}
/* #Form
   -------------------------------------------------------------------------- */
/*doc
---
title: form
name: form
categories: [project]
---------------------------------------------------------------------------- */
input[type=checkbox]:not(input[type=checkbox]:first-of-type),
input[type=radio]:not(input[type=radio]:first-of-type) {
  margin-left: 20px;
}

.p-store-form,
.p-contact-form {
  padding-top: 2.4rem;
  /*

  	&__purpose{
  		max-width: 56.6rem;
  		overflow: inherit;
  		white-space: initial;

  		&-area{
  			margin-top: -1.3rem;
  		}

  		&-group{
  			display: inline-block;
  		}			
  	}

  */
}
.p-store-form input[type=text], .p-store-form input[type=email], .p-store-form textarea,
.p-contact-form input[type=text],
.p-contact-form input[type=email],
.p-contact-form textarea {
  width: 100%;
}
.p-store-form__ex,
.p-contact-form__ex {
  padding-bottom: 0.5rem;
  padding-bottom: 0.2rem;
  font-size: 1rem;
}
.p-store-form__ttl,
.p-contact-form__ttl {
  display: block;
  align-items: center;
  font-weight: bold;
}
.p-store-form__ttl-required,
.p-contact-form__ttl-required {
  display: inline-block;
  position: relative;
  padding-right: 2.5rem;
}
.p-store-form__ttl-required:before,
.p-contact-form__ttl-required:before {
  position: absolute;
  content: "必須";
  bottom: 0;
  right: 0;
  color: #A16B00;
  margin-right: 0;
  font-size: 1rem;
}
.p-store-form__ttl-note,
.p-contact-form__ttl-note {
  font-size: 1rem;
  font-weight: bold;
  padding-top: 0.4rem;
}
.p-store-form__ttl-note--area,
.p-contact-form__ttl-note--area {
  font-weight: bold;
}
.p-store-form__text,
.p-contact-form__text {
  padding: 1.4rem 2rem;
  border: 0.1rem solid #277681;
  border-radius: 0.4rem;
}
.p-store-form__text::placeholder,
.p-contact-form__text::placeholder {
  font-weight: initial;
}
.p-store-form__city,
.p-contact-form__city {
  padding-bottom: 3.2rem;
}
.p-store-form__area select, .p-store-form__city select, .p-store-form__year select,
.p-contact-form__area select,
.p-contact-form__city select,
.p-contact-form__year select {
  width: 100%;
}
.p-store-form__map-contents,
.p-contact-form__map-contents {
  display: flex;
}
.p-store-form__map-contents div,
.p-contact-form__map-contents div {
  padding-right: 1.6rem;
}
.p-store-form__store,
.p-contact-form__store {
  padding-bottom: 1.6rem;
  padding-top: 2.8rem;
}
.p-store-form__btn,
.p-contact-form__btn {
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: flex;
  /*
  		&-note{
  			font-size: $_font-size10;
  			font-weight: initial;
  			display: inline-block;
  			color: $_maidoko-color01;			
  		}
  */
}
.p-store-form__btn-action,
.p-contact-form__btn-action {
  width: 2rem;
  padding: 1.6rem 0rem;
  color: #ffffff;
  font-weight: bold;
  background-color: #277681;
  border-radius: 0.4rem;
  text-align: center;
  margin-right: 1.6rem;
  cursor: pointer;
  border: 0.1rem solid #277681;
}
.p-store-form__btn-action:hover, .p-store-form__btn-action:focus,
.p-contact-form__btn-action:hover,
.p-contact-form__btn-action:focus {
  color: #277681;
  background-color: #ffffff;
  border: 0.1rem solid #277681;
}
.p-store-form__btn-action-link,
.p-contact-form__btn-action-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-store-form__btn-action--back,
.p-contact-form__btn-action--back {
  background-color: #E5EFEE;
  border: 0.1rem solid #277681;
}
.p-store-form__btn-action--id,
.p-contact-form__btn-action--id {
  margin-left: 1.2rem;
  padding: 1.2rem 2.8rem;
}
.p-store-form__btn-action--img,
.p-contact-form__btn-action--img {
  width: auto;
  padding: 0.8rem 1.6rem;
  margin-bottom: 0.8rem;
  border-radius: 2.5rem;
}
.p-store-form__btn-up,
.p-contact-form__btn-up {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  position: relative;
}
.p-store-form__btn-up input#upload,
.p-contact-form__btn-up input#upload {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 16rem;
  height: 3.9rem;
}
.p-store-form__img-explanation img,
.p-contact-form__img-explanation img {
  max-width: 100%;
  width: auto;
  padding-bottom: 0.8rem;
}
.p-store-form__img .p-kanri-form__btn-up .p-kanri-form__btn-note,
.p-contact-form__img .p-kanri-form__btn-up .p-kanri-form__btn-note {
  padding-top: 0rem;
}
.p-store-form__img .p-kanri-form__btn-note,
.p-contact-form__img .p-kanri-form__btn-note {
  display: block;
  padding-top: 1.5rem;
}
.p-store-form__img .p-kanri-form__check-label,
.p-contact-form__img .p-kanri-form__check-label {
  margin-top: 1.1rem !important;
}
.p-store-form__shonin-message,
.p-contact-form__shonin-message {
  color: #2699FB;
  font-weight: bold;
}
.p-store-form__type, .p-store-form__status, .p-store-form__push, .p-store-form__id, .p-store-form__period,
.p-contact-form__type,
.p-contact-form__status,
.p-contact-form__push,
.p-contact-form__id,
.p-contact-form__period { /*ラジオ*/ }
.p-store-form__type-area, .p-store-form__status-area, .p-store-form__push-area, .p-store-form__id-area, .p-store-form__period-area,
.p-contact-form__type-area,
.p-contact-form__status-area,
.p-contact-form__push-area,
.p-contact-form__id-area,
.p-contact-form__period-area {
  display: flex;
  flex-wrap: wrap;
}
.p-store-form__type-group, .p-store-form__status-group, .p-store-form__push-group, .p-store-form__id-group, .p-store-form__period-group,
.p-contact-form__type-group,
.p-contact-form__status-group,
.p-contact-form__push-group,
.p-contact-form__id-group,
.p-contact-form__period-group {
  margin-right: 3.2rem;
  display: flex;
}
.p-store-form__type-radio:checked + label::after, .p-store-form__type-radio:focus + label::after, .p-store-form__status-radio:checked + label::after, .p-store-form__status-radio:focus + label::after, .p-store-form__push-radio:checked + label::after, .p-store-form__push-radio:focus + label::after, .p-store-form__id-radio:checked + label::after, .p-store-form__id-radio:focus + label::after, .p-store-form__period-radio:checked + label::after, .p-store-form__period-radio:focus + label::after,
.p-contact-form__type-radio:checked + label::after,
.p-contact-form__type-radio:focus + label::after,
.p-contact-form__status-radio:checked + label::after,
.p-contact-form__status-radio:focus + label::after,
.p-contact-form__push-radio:checked + label::after,
.p-contact-form__push-radio:focus + label::after,
.p-contact-form__id-radio:checked + label::after,
.p-contact-form__id-radio:focus + label::after,
.p-contact-form__period-radio:checked + label::after,
.p-contact-form__period-radio:focus + label::after {
  content: "";
  position: absolute;
  left: 0.8rem;
  display: block;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
}
.p-store-form__type-radio:checked + label::before, .p-store-form__type-radio:focus + label::before, .p-store-form__status-radio:checked + label::before, .p-store-form__status-radio:focus + label::before, .p-store-form__push-radio:checked + label::before, .p-store-form__push-radio:focus + label::before, .p-store-form__id-radio:checked + label::before, .p-store-form__id-radio:focus + label::before, .p-store-form__period-radio:checked + label::before, .p-store-form__period-radio:focus + label::before,
.p-contact-form__type-radio:checked + label::before,
.p-contact-form__type-radio:focus + label::before,
.p-contact-form__status-radio:checked + label::before,
.p-contact-form__status-radio:focus + label::before,
.p-contact-form__push-radio:checked + label::before,
.p-contact-form__push-radio:focus + label::before,
.p-contact-form__id-radio:checked + label::before,
.p-contact-form__id-radio:focus + label::before,
.p-contact-form__period-radio:checked + label::before,
.p-contact-form__period-radio:focus + label::before {
  background-color: #277681;
}
.p-store-form__type-radio:focus + label::before, .p-store-form__status-radio:focus + label::before, .p-store-form__push-radio:focus + label::before, .p-store-form__id-radio:focus + label::before, .p-store-form__period-radio:focus + label::before,
.p-contact-form__type-radio:focus + label::before,
.p-contact-form__status-radio:focus + label::before,
.p-contact-form__push-radio:focus + label::before,
.p-contact-form__id-radio:focus + label::before,
.p-contact-form__period-radio:focus + label::before {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-store-form__type-label, .p-store-form__status-label, .p-store-form__push-label, .p-store-form__id-label, .p-store-form__period-label,
.p-contact-form__type-label,
.p-contact-form__status-label,
.p-contact-form__push-label,
.p-contact-form__id-label,
.p-contact-form__period-label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 3.4rem;
  margin-top: 1.6rem;
}
.p-store-form__type-label::before, .p-store-form__status-label::before, .p-store-form__push-label::before, .p-store-form__id-label::before, .p-store-form__period-label::before,
.p-contact-form__type-label::before,
.p-contact-form__status-label::before,
.p-contact-form__push-label::before,
.p-contact-form__id-label::before,
.p-contact-form__period-label::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 0.1rem solid #277681;
  width: 2.6rem;
  height: 2.6rem;
  left: 0;
  position: absolute;
}
.p-store-form__type-label::after, .p-store-form__status-label::after, .p-store-form__push-label::after, .p-store-form__id-label::after, .p-store-form__period-label::after,
.p-contact-form__type-label::after,
.p-contact-form__status-label::after,
.p-contact-form__push-label::after,
.p-contact-form__id-label::after,
.p-contact-form__period-label::after {
  content: "";
  position: absolute;
  display: block;
  left: 0.8rem;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}
.p-store-form__period,
.p-contact-form__period { /*ラジオ*/ }
.p-store-form__period-area,
.p-contact-form__period-area {
  display: block;
  margin-top: -2rem;
}
.p-store-form__period-group,
.p-contact-form__period-group {
  margin-top: -1rem;
}
.p-store-form__id-label,
.p-contact-form__id-label {
  font-weight: bold;
}
.p-store-form__area-area,
.p-contact-form__area-area {
  max-width: 74rem;
  margin-top: -1rem;
  overflow: inherit;
  white-space: initial;
}
.p-store-form__area-group,
.p-contact-form__area-group {
  display: inline-block;
  margin-top: 0.8rem;
}
.p-store-form__area-sub,
.p-contact-form__area-sub {
  max-width: 74rem;
}
.p-store-form__area .p-kanri-form__check-label,
.p-contact-form__area .p-kanri-form__check-label {
  margin-top: 1.6rem;
}
.p-store-form__generation-area,
.p-contact-form__generation-area {
  display: flex;
}
.p-store-form__tokuten-area,
.p-contact-form__tokuten-area {
  display: flex;
  flex-wrap: wrap;
  max-width: 41rem;
  margin-top: -1.3rem;
}
.p-store-form__genre,
.p-contact-form__genre {
  overflow: inherit;
  white-space: initial;
}
.p-store-form__genre-area,
.p-contact-form__genre-area {
  margin-top: -1.3rem;
  display: flex;
  flex-wrap: wrap;
}
.p-store-form__genre-group,
.p-contact-form__genre-group {
  display: inline-block;
}
.p-store-form__addr .p-kanri-form__ttl,
.p-contact-form__addr .p-kanri-form__ttl {
  display: block;
  /*
  			&-note{
  				display: block;
  			}
  */
}
.p-store-form__check,
.p-contact-form__check { /*チェックボックス*/
  opacity: 0;
  position: absolute;
}
.p-store-form__check:checked + label:before,
.p-contact-form__check:checked + label:before {
  background-color: #277681;
}
.p-store-form__check:checked + label:after,
.p-contact-form__check:checked + label:after {
  opacity: 1;
}
.p-store-form__check:focus + label:before,
.p-contact-form__check:focus + label:before {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-store-form__check-label,
.p-contact-form__check-label {
  position: relative;
  padding-left: 3.4rem;
  padding-right: 1.6rem;
  margin-top: 2rem;
  font-size: 1.4rem;
  cursor: pointer;
}
.p-store-form__check-label:before, .p-store-form__check-label:after,
.p-contact-form__check-label:before,
.p-contact-form__check-label:after {
  content: "";
  position: absolute;
  display: block;
}
.p-store-form__check-label:before,
.p-contact-form__check-label:before {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 2.6rem;
  height: 2.6rem;
  border: 0.3rem solid #277681;
  border-radius: 0.4rem;
}
.p-store-form__check-label:after,
.p-contact-form__check-label:after {
  top: 0;
  left: 0.85rem;
  width: 1rem;
  height: 1.6rem;
  border-bottom: 0.3rem solid #ffffff;
  border-right: 0.3rem solid #ffffff;
  transform: rotate(45deg);
  opacity: 0;
}
.p-store-form__check-label.instagram,
.p-contact-form__check-label.instagram {
  color: #277681;
}
.p-store-form__check-label.instagram:before,
.p-contact-form__check-label.instagram:before {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 2.6rem;
  height: 2.6rem;
  border: 0.1rem solid #277681;
  border-radius: 0.4rem;
}
.p-store-form__check-label.instagram:after,
.p-contact-form__check-label.instagram:after {
  top: 50%;
  left: 0.95rem;
  width: 0.8rem;
  height: 1.4rem;
  border-bottom: 0.25rem solid #ffffff;
  border-right: 0.25rem solid #ffffff;
  transform: rotate(45deg);
  opacity: 0;
  margin-top: -0.85rem;
}
.p-store-form select,
.p-contact-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.p-store-form__select,
.p-contact-form__select {
  position: relative;
}
.p-store-form__select::after,
.p-contact-form__select::after {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  top: 50%;
  right: 2.18rem;
  margin-top: -0.6rem;
  transform: rotateZ(90deg);
}
.p-store-form__select #area, .p-store-form__select #city,
.p-contact-form__select #area,
.p-contact-form__select #city {
  padding-right: 3.68rem;
  font-size: 1.4rem;
  background-color: #ffffff;
}
.p-store-form__date,
.p-contact-form__date {
  /*		
  		&-area{
  			display: flex;
  		}


  		&-group{
  			display: inline-block;

  			&:first-child{
  				padding-right: 6.9rem;
  				position: relative;

  				&:before{
  					content: '~';
  				    position: absolute;
  				    top: 50%;
  				    right: 3rem;
  					color: $_kanri-txt;
  					font-size: $_font-size14;
  					font-weight: bold;					
  				}

  			}

  		}

  */
}
.p-store-form__date-group:last-of-type,
.p-contact-form__date-group:last-of-type {
  padding-top: 2.4rem;
}
.p-store-form__date input[type=date],
.p-contact-form__date input[type=date] {
  position: relative;
  padding: 1.4rem 2rem 1.4rem 2rem;
  width: 100%;
  -webkit-appearance: none;
  background-color: #ffffff;
  height: 5.4rem;
}
.p-store-form__date input[type=date]::-webkit-calendar-picker-indicator,
.p-contact-form__date input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}
.p-store-form__date input[type=date]::-webkit-date-and-time-value,
.p-contact-form__date input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
.p-store-form__date input[type=date]:before,
.p-contact-form__date input[type=date]:before {
  content: "";
  position: absolute;
  top: 45%;
  right: 2rem;
  background: url(/common/images/icon/maidoko/calendar.svg) no-repeat;
  background-size: contain;
  background-position: 0 0;
  margin-top: -0.6rem;
  width: 1.8rem;
  height: 2rem;
}
.p-store-form__period,
.p-contact-form__period {
  padding-top: 6.1rem;
}
.p-store-form__period-label,
.p-contact-form__period-label {
  z-index: 10;
}
.p-store-form__period-group .p-kanri-form__text,
.p-contact-form__period-group .p-kanri-form__text {
  padding: 0.7rem 2rem;
}
.p-store-form__period-group .p-kanri-form__select:after,
.p-contact-form__period-group .p-kanri-form__select:after {
  top: 1.65rem;
}
.p-store-form__period-group .p-kanri-form__area select#year,
.p-contact-form__period-group .p-kanri-form__area select#year {
  width: 10.4rem;
}
.p-store-form__period-group .p-kanri-form__area select#month,
.p-contact-form__period-group .p-kanri-form__area select#month {
  width: 7.6rem;
}
.p-store-form__period-group .p-kanri-form__date,
.p-contact-form__period-group .p-kanri-form__date {
  padding-left: 2.4rem;
  margin-top: -2rem;
}
.p-store-form__period-group .p-kanri-form__date-group,
.p-contact-form__period-group .p-kanri-form__date-group {
  display: inline-flex;
}
.p-store-form__period-name,
.p-contact-form__period-name {
  color: #2699FB;
  padding: 0 0.7rem 0 0.55rem;
}
.p-store-form__img-preview,
.p-contact-form__img-preview {
  display: flex;
  justify-content: space-between;
}
.p-store-form__img-group,
.p-contact-form__img-group {
  text-align: center;
  min-width: 10.9rem;
  width: 100%;
}
.p-store-form__img-group p,
.p-contact-form__img-group p {
  color: #277681;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 0.4rem;
}
.p-store-form__img-data,
.p-contact-form__img-data {
  width: 100%;
  height: 5.28rem;
  min-height: 5.28rem;
  object-fit: cover;
}
.p-store-form__img-group,
.p-contact-form__img-group {
  position: relative;
  padding: 0.8rem 0.5rem 0.5rem;
  background-color: #FDF8E2;
  border-radius: 1rem;
  margin-right: 0.9rem;
  box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  /* IE8（outlineで代替） */
  outline-width: 1px \9 ;
  outline-style: solid \9 ;
  outline-color: #d8d6d1 \9 ;
}
.p-store-form__img-group:last-of-type,
.p-contact-form__img-group:last-of-type {
  margin-right: 0rem;
}
.p-store-form__img-delete,
.p-contact-form__img-delete {
  display: block;
  margin: 0.9rem auto 0rem;
  background-color: #ffffff;
  color: #277681;
  border: 0.1rem solid #277681;
  border-radius: 1rem;
  width: 100%;
}
.p-store-form__management,
.p-contact-form__management {
  padding-top: 8.4rem;
  position: relative;
}
.p-store-form__management h2,
.p-contact-form__management h2 {
  font-size: 1.4rem;
  padding: 0rem;
}
.p-store-form__management:after,
.p-contact-form__management:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2.4rem;
  height: 0.4rem;
  background-color: #277681;
  border-radius: 0.4rem;
  margin-top: 4rem;
  margin-left: -1.2rem;
}
.p-store-form__management .p-store-form__tel,
.p-contact-form__management .p-store-form__tel {
  margin-bottom: 2.4rem;
}
.p-store-form__list,
.p-contact-form__list {
  padding-top: 0.4rem;
}
.p-store-form__item,
.p-contact-form__item {
  border-top: 0.1rem solid #666666;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.p-store-form__item:last-child,
.p-contact-form__item:last-child {
  border-bottom: 0.1rem solid #666666;
}
.p-store-form__item-area,
.p-contact-form__item-area {
  min-width: 8.9rem;
  text-align: center;
}
.p-store-form__item-city,
.p-contact-form__item-city {
  padding-right: 3.6rem;
  font-size: 1rem;
  padding-top: 1.7rem;
  padding-bottom: 1.5rem;
}
.p-store-form__item-city--osaka,
.p-contact-form__item-city--osaka {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.p-store-form__cont,
.p-contact-form__cont {
  padding-bottom: 8.4rem;
  position: relative;
}
.p-store-form__cont:after,
.p-contact-form__cont:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2.4rem;
  height: 0.4rem;
  background-color: #277681;
  border-radius: 0.4rem;
  margin-bottom: 4rem;
  margin-left: -1.2rem;
}

.p-contact-form__ps {
  margin-top: 2.2rem;
  margin-bottom: 2.4rem;
  border: 0.1rem solid #715F40;
  border-radius: 0.4rem;
  padding: 1rem;
}
.p-contact-form__ps-font {
  font-weight: bold;
  padding-top: 0.8rem;
}

body#enjoy .p-store-form__ttl-required:before, body#enjoy .p-contact-form__ttl-required:before {
  color: #208196;
}
body#enjoy .p-store-form__text, body#enjoy .p-contact-form__text {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-form__btn-action, body#enjoy .p-contact-form__btn-action {
  background-color: #CC4C29;
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-form__btn-action:hover, body#enjoy .p-store-form__btn-action:focus, body#enjoy .p-contact-form__btn-action:hover, body#enjoy .p-contact-form__btn-action:focus {
  color: #CC4C29;
  border: 0.1rem solid #CC4C29;
  background-color: #ffffff;
}
body#enjoy .p-store-form__btn-action--back, body#enjoy .p-contact-form__btn-action--back {
  background-color: #F7E3DF;
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-form__type, body#enjoy .p-store-form__status, body#enjoy .p-store-form__push, body#enjoy .p-store-form__id, body#enjoy .p-store-form__period, body#enjoy .p-contact-form__type, body#enjoy .p-contact-form__status, body#enjoy .p-contact-form__push, body#enjoy .p-contact-form__id, body#enjoy .p-contact-form__period { /*ラジオ*/ }
body#enjoy .p-store-form__type-radio:checked + label::before, body#enjoy .p-store-form__type-radio:focus + label::before, body#enjoy .p-store-form__status-radio:checked + label::before, body#enjoy .p-store-form__status-radio:focus + label::before, body#enjoy .p-store-form__push-radio:checked + label::before, body#enjoy .p-store-form__push-radio:focus + label::before, body#enjoy .p-store-form__id-radio:checked + label::before, body#enjoy .p-store-form__id-radio:focus + label::before, body#enjoy .p-store-form__period-radio:checked + label::before, body#enjoy .p-store-form__period-radio:focus + label::before, body#enjoy .p-contact-form__type-radio:checked + label::before, body#enjoy .p-contact-form__type-radio:focus + label::before, body#enjoy .p-contact-form__status-radio:checked + label::before, body#enjoy .p-contact-form__status-radio:focus + label::before, body#enjoy .p-contact-form__push-radio:checked + label::before, body#enjoy .p-contact-form__push-radio:focus + label::before, body#enjoy .p-contact-form__id-radio:checked + label::before, body#enjoy .p-contact-form__id-radio:focus + label::before, body#enjoy .p-contact-form__period-radio:checked + label::before, body#enjoy .p-contact-form__period-radio:focus + label::before {
  background-color: #CC4C29;
}
body#enjoy .p-store-form__type-label::before, body#enjoy .p-store-form__status-label::before, body#enjoy .p-store-form__push-label::before, body#enjoy .p-store-form__id-label::before, body#enjoy .p-store-form__period-label::before, body#enjoy .p-contact-form__type-label::before, body#enjoy .p-contact-form__status-label::before, body#enjoy .p-contact-form__push-label::before, body#enjoy .p-contact-form__id-label::before, body#enjoy .p-contact-form__period-label::before {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-form__check, body#enjoy .p-contact-form__check { /*チェックボックス*/ }
body#enjoy .p-store-form__check:checked + label:before, body#enjoy .p-contact-form__check:checked + label:before {
  background-color: #CC4C29;
}
body#enjoy .p-store-form__check-label:before, body#enjoy .p-contact-form__check-label:before {
  border: 0.3rem solid #CC4C29;
}
body#enjoy .p-store-form__check-label.instagram, body#enjoy .p-contact-form__check-label.instagram {
  color: #CC4C29;
}
body#enjoy .p-store-form__check-label.instagram:before, body#enjoy .p-contact-form__check-label.instagram:before {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-form__select::after, body#enjoy .p-contact-form__select::after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-store-form__date input[type=date]:before, body#enjoy .p-contact-form__date input[type=date]:before {
  background: url(/common/images/icon/enjoy/calendar.svg) no-repeat;
}
body#enjoy .p-store-form__cont:after, body#enjoy .p-contact-form__cont:after {
  background-color: #CC4C29;
}
body#enjoy .p-store-form__img-group p, body#enjoy .p-contact-form__img-group p {
  color: #CC4C29;
}
body#enjoy .p-store-form__img-group, body#enjoy .p-contact-form__img-group {
  background-color: #F9F6EA;
}
body#enjoy .p-store-form__img-delete, body#enjoy .p-contact-form__img-delete {
  color: #CC4C29;
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-form__management:after, body#enjoy .p-contact-form__management:after {
  background-color: #CC4C29;
}

@media screen and (min-width: 576px) {
  .p-store-form__img-data {
    height: 8.3rem;
  }
}
@media screen and (min-width: 768px) {
  .p-store-form__img-data {
    height: 11.413rem;
  }
}
@media screen and (min-width: 992px) {
  .p-store-form__ex,
.p-contact-form__ex {
    font-size: 1.4rem;
  }
  .p-store-form__check-label,
.p-contact-form__check-label {
    font-size: 1.8rem;
  }
  .p-store-form__check-label:after,
.p-contact-form__check-label:after {
    top: 0.3rem;
  }
  .p-store-form__ttl-required,
.p-contact-form__ttl-required {
    padding-right: 3rem;
  }
  .p-store-form__ttl-required:before,
.p-contact-form__ttl-required:before {
    font-size: 1.4rem;
    margin-right: 0;
  }
  .p-store-form__ttl-note,
.p-contact-form__ttl-note {
    font-size: 1.4rem;
  }
  .p-contact p {
    text-align: center;
  }
  .p-contact p:first-child {
    padding-bottom: 1.7rem;
  }
  .p-contact-form__ps-font {
    padding-top: 1.6rem;
  }
  .p-contact-form__cont {
    padding-bottom: 8.4rem;
    position: relative;
  }
  .p-contact-form__cont:after {
    width: 7.2rem;
    margin-left: -3.6rem;
  }
  .p-store-form__tokuten .p-store-form__ttl-note, .p-store-form__genre .p-store-form__ttl-note {
    display: block;
  }
  .p-store-form__management {
    padding-top: 13.2rem;
  }
  .p-store-form__management h2 {
    font-size: 1.8rem;
  }
  .p-store-form__management:after {
    width: 7.2rem;
    margin-left: -3.6rem;
    margin-top: 6.6rem;
  }
  .p-store-form__btn-note {
    font-size: 1.4rem;
  }
  .p-store-form__btn-action--img {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .p-store-form__btn-up input#upload {
    width: 24.4rem;
    height: 4.5rem;
  }
  .p-store-form__img-group p {
    font-size: 1.8rem;
  }
  .p-store-form__img-explanation {
    max-width: 90%;
  }
  .p-store-form__img-delete {
    font-size: 1.6rem;
  }
  .p-store-form__img-group {
    width: 25.6rem;
  }
  .p-store-form__img-data {
    max-width: 24.6rem;
    height: 13.12rem;
  }
  .p-store-form__item-city {
    font-size: 1.4rem;
  }
  .p-store-form__item-city--osaka {
    padding-top: 1.7rem;
    padding-bottom: 1.5rem;
  }
  .p-store-form__ttl-note {
    font-size: 1.4rem;
    display: inline-block;
  }
  .p-store-form__ttl-note-area {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .p-store-form__instagram .p-store-form__check-label {
    font-size: 1.8rem;
  }
}
/* #Flame
   -------------------------------------------------------------------------- */
/*doc
---
title: frame
name: frame
categories: [project]
---
囲みデザインの
*/
.p-frame01 {
  background-color: #F9F4ED;
  border-radius: 1rem;
  padding: 1.4rem 1rem 1.6rem;
  width: 100%;
}
.p-frame01__beside {
  display: flex;
}
.p-frame01--green {
  background-color: #E5EFEE;
}
.p-frame01--green .p-link01 {
  color: #277681;
  font-weight: bold;
  text-decoration: none;
}
.p-frame01--green .p-link01:visited {
  color: #277681;
}
.p-frame01--red {
  background-color: #F7E3DF;
}
.p-frame01--red .p-link01 {
  color: #CC4C29;
  font-weight: bold;
  text-decoration: none;
}
.p-frame01--red .p-link01:visited {
  color: #CC4C29;
}
.p-frame01--red .p-link01::before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}

body#maidoko .p-frame01 {
  background-color: #E5EFEE;
}
body#maidoko .p-frame01__font {
  color: #277681;
}

.p-frame02 {
  display: block;
  height: fit-content;
  /*
  	&__link{
  		text-decoration: none;
  		display: flex;
  		border-radius: $_radius03;
  		width: 100%;
  		height: 100%;
  	}
  */
}
.p-frame02__link {
  border-radius: 1rem;
  border: 0.1rem solid #715F40;
  box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  /* IE8（outlineで代替） */
  outline-width: 1px \9 ;
  outline-style: solid \9 ;
  outline-color: #d8d6d1 \9 ;
  width: 100%;
  height: auto;
  margin-bottom: 1.6rem;
  display: block;
}
.p-frame02__link:last-child {
  margin-bottom: 0rem;
}
.p-frame02__area {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p-frame02__area--green .p-frame02__link {
  border: 0.1rem solid #277681;
}
.p-frame02__area--red .p-frame02__link {
  border: 0.1rem solid #CC4C29;
}
.p-frame02__area--brown .p-frame02__link {
  border: 0.1rem solid #715F40 !important;
}
.p-frame02__img {
  width: 100%;
  border-radius: 0.9rem;
}
.p-frame02--list .p-frame02__area {
  margin-bottom: 1.6rem;
}

body#maidoko .p-frame02__link {
  border: 0.1rem solid #277681;
}

body#enjoy .p-frame02__link {
  border: 0.1rem solid #CC4C29;
}

/*
@include mq-up(md){
	.p-frame02{

		&__area{
			width: 50%;

		}

	}

}
*/
@media screen and (min-width: 992px) {
  .p-frame01--green .p-link01, .p-frame01--red .p-link01 {
    font-size: 2rem;
  }
  .p-frame02__link {
    border: 0.15rem solid #715F40;
  }
  .p-frame02__area {
    width: 50%;
  }
  .p-frame02__area--green .p-frame02__link {
    border: 0.15rem solid #277681;
  }
  .p-frame02__area--red .p-frame02__link {
    border: 0.15rem solid #CC4C29;
  }
  .p-frame02--list {
    display: flex;
    flex-flow: wrap;
    justify-content: space-betwseen;
  }
  .p-frame02--list .p-frame02__area {
    margin-right: 0rem;
    margin-left: 0rem;
    margin-bottom: 2.4rem;
    height: auto;
    width: calc(50% - 1.6rem);
  }
  .p-frame02--list .p-frame02__area:nth-child(odd) {
    margin-right: 3.2rem;
  }
  body#maidoko .p-frame02__link {
    border: 0.15rem solid #277681;
  }
  body#enjoy .p-frame02__link {
    border: 0.15rem solid #CC4C29;
  }
}
/* #store-search
-------------------------------------------------------------------------- */
/*doc
---
title: store-search
name: store-search
categories: [project]
---
協賛店のコンポーネントです。
*/
.p-genzaichi__hit {
  padding: 1.6rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.p-genzaichi__maparea {
  width: 100%;
  height: 38.9rem;
  background-color: #DDDDDD;
}
.p-genzaichi-store {
  padding-top: 4rem;
}

@media screen and (min-width: 992px) {
  .p-genzaichi {
    padding-bottom: 3.2rem;
  }
  .p-genzaichi__hit {
    font-size: 2.8rem;
    margin-bottom: 0rem;
  }
  .p-genzaichi__maparea {
    max-width: 81.6rem;
    margin: 0 auto;
  }
}
.gmnoprint.gm-style-mtc-bbw,
button.gm-svpc {
  display: none;
}

.gm-style .gm-style-iw-tc {
  filter: drop-shadow(0 1.5px 0.5px rgb(38, 118, 129));
}

.gm-style-iw.gm-style-iw-c {
  border: 0.1rem solid #277681;
  padding: 1.6rem 4.6rem 1.6rem 1.6rem !important;
}
.gm-style-iw.gm-style-iw-c:after {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  margin-top: -0.75rem;
}

.gm-style-iw-d a {
  font-size: 1.6rem;
  font-weight: bold;
  color: #277681;
}
.gm-style-iw-d a:focus {
  outline: transparent !important;
}
.gm-style-iw-d p {
  padding-left: 1.6rem;
  position: relative;
  font-weight: bold;
}
.gm-style-iw-d p:before {
  content: " ";
  display: block;
  background: url(/common/images/icon/address.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
}

body#enjoy .gm-style-iw.gm-style-iw-c {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .gm-style-iw-d a {
  color: #CC4C29;
}

/* #Heading
   -------------------------------------------------------------------------- */
/*doc
---
title: heading
name: heading
categories: [project]
---
見出しのコンポーネントです。
```block
<h1 class="p-heading01">heading01</h2>
<h2 class="p-heading02">heading02</h2>
<h3 class="p-heading03">heading03</h2>
<h4 class="p-heading04">heading04</h2>
<h5 class="p-heading05">heading05</h2>
<h6 class="p-heading06">heading06</h2>
```
*/
.p-pc-heading01 {
  font-size: 3.2rem;
  padding: 6.3rem 0 2.3rem;
  color: #715F40;
  background-color: #ffffff;
}
.p-pc-heading01--bk {
  background-color: transparent;
}

.p-link__h2 {
  padding: 2.5rem 0rem 1.6rem;
  margin: 0rem;
  display: block;
  width: 100%;
}
.p-link__h2 a {
  display: inline-block;
  border-bottom: 0.15rem solid #715F40;
  font-size: 2rem;
  color: #715F40;
  font-weight: bold;
  margin: 0rem;
}
.p-link__h2 p {
  border-bottom: 0.15rem solid #715F40;
  font-size: 2rem;
  color: #715F40;
  font-weight: bold;
  margin: 0rem;
  display: inline-block;
}
.p-link__h2--green a {
  color: #277681;
  border-bottom: 0.15rem solid #277681;
}
.p-link__h2--red a {
  color: #CC4C29;
  border-bottom: 0.15rem solid #CC4C29;
}

h1 {
  font-size: 2rem;
  text-align: center;
  padding: 4rem 0 2.4rem;
  font-weight: bold;
}

h2 {
  font-size: 1.6rem;
  font-weight: bold;
}

.p-heading01--news {
  font-family: "Noto Sans JP";
  font-weight: bold;
  color: #444444;
  font-size: 2rem;
  margin-bottom: 0.8rem;
  margin-top: 2.4rem;
  padding: 1.6rem;
  background-color: rgba(229, 239, 238, 0.5019607843);
  text-align: left;
}

.p-heading02 {
  font-family: "Noto Sans JP";
  font-weight: bold;
  color: #444444;
  padding-bottom: 1rem;
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.p-heading03 {
  position: relative;
  font-family: "Noto Sans JP";
  font-weight: bold;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.25rem solid #E5EDEE;
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
  padding-bottom: 0.4rem;
  padding-top: 1.6rem;
}
.p-heading03::after {
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 20%;
  content: "";
  border-bottom: 0.25rem solid #287681;
}

.p-heading04 {
  font-family: "Noto Sans JP";
  font-weight: bold;
  color: #27737D;
  font-size: 1.4rem;
  padding: 2.4rem 0rem 0.8rem;
}

body#maidoko .p-pc-heading01 {
  color: #277681;
}
body#maidoko .p-link__h2 a {
  color: #277681;
  border-bottom: 0.15rem solid #277681;
}
body#maidoko .p-heading02 {
  padding-left: 1.6rem;
  position: relative;
}
body#maidoko .p-heading02:before {
  position: absolute;
  content: "";
  background-color: #277681;
  width: 0.6rem;
  height: 100%;
  top: 0;
  left: 0;
}

body#enjoy .p-pc-heading01 {
  color: #CC4C29;
}
body#enjoy .p-heading01--news {
  background-color: rgba(247, 227, 223, 0.4);
  text-align: left;
}
body#enjoy .p-heading02 {
  padding-left: 1.6rem;
  position: relative;
}
body#enjoy .p-heading02:before {
  position: absolute;
  content: "";
  background-color: #CC4C29;
  width: 0.6rem;
  height: 100%;
  top: 0;
  left: 0;
}
body#enjoy .p-heading03 {
  border-bottom: 0.25rem solid #F7E3DF;
}
body#enjoy .p-heading03::after {
  border-bottom: 0.25rem solid #CC4C29;
}
body#enjoy .p-heading04 {
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-heading01--news {
    font-size: 3.2rem;
  }
  .p-pc-heading--kekka {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12.8rem;
  }
  .p-pc-heading--kekka .p-search-conditions {
    padding: 0rem 2.4rem 1.5rem;
    position: relative;
  }
  .p-pc-heading--kekka .p-search-conditions__btn-link {
    font-size: 1.4rem;
    font-weight: bold;
    color: #277681;
    width: 9rem;
    height: 9rem;
    display: flex;
    text-align: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 0.5rem;
    border: 0.1rem solid;
  }
  .p-pc-heading--kekka .p-search-conditions:after {
    content: " ";
    display: block;
    background: url(/common/images/icon/maidoko/address.svg) no-repeat;
    background-size: contain;
    height: 4rem;
    width: 4rem;
    position: absolute;
    bottom: 1.25rem;
    right: 1.56rem;
    margin-top: -0.8rem;
    transform: rotate(12deg);
  }
  .p-link__h2 a, .p-link__h2 p {
    font-size: 2.8rem;
  }
  h1 {
    font-size: 3.2rem;
    text-align: center;
    padding: 6.4rem 0 4rem;
    font-weight: bold;
  }
  h2 {
    font-size: 3.2rem;
    margin: 1.7rem 0 4rem;
  }
  .p-heading02 {
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
    margin-top: 4.5rem;
  }
  .p-heading03 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    margin-top: 4.5rem;
  }
  .p-heading04 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    margin-top: 4.5rem;
  }
  body#maidoko .p-heading02,
body#enjoy .p-heading02 {
    padding-left: 2.4rem;
  }
  body#maidoko .p-heading02:before,
body#enjoy .p-heading02:before {
    position: absolute;
    content: "";
    width: 0.8rem;
    height: 100%;
    top: 0;
    left: 0;
  }
  body#enjoy .p-pc-heading--kekka .p-search-conditions__btn-link {
    color: #CC4C29;
  }
  body#enjoy .p-pc-heading--kekka .p-search-conditions:after {
    content: " ";
    display: block;
    background: url(/common/images/icon/enjoy/address.svg) no-repeat;
    background-size: contain;
    height: 4rem;
    width: 4rem;
    position: absolute;
    bottom: 1.25rem;
    right: 1.56rem;
    margin-top: -0.8rem;
    transform: rotate(12deg);
  }
}
/* p-henko
   -------------------------------------------------------------------------- */
/*doc
---
title: p-henko
name: p-henko

categories: [project]
---
情報の変更
*/
.p-henko h2 {
  padding: 2.4rem 0rem;
}
.p-henko__mail {
  padding-bottom: 4.2rem;
  position: relative;
}
.p-henko__mail .p-btn04__link {
  margin-top: 2.4rem;
}
.p-henko__mail:after {
  position: absolute;
  content: "";
  width: 2.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  bottom: 0;
  left: 50%;
  background-color: #277681;
  margin-left: -1.2rem;
}
.p-henko input[type=button].p-link01 {
  width: 100%;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background-color: transparent;
  margin-top: 1.6rem;
  color: #277681;
}
.p-henko__password {
  padding-top: 1.6rem;
}
.p-henko__password .p-btn04__link {
  margin-top: 4rem;
}
.p-henko__password-help {
  text-align: end;
  padding-top: 0.8rem;
}
.p-henko-form__pw p {
  padding-top: 0.4rem;
  font-size: 1rem;
}

body#enjoy .p-henko__mail:after {
  background-color: #CC4C29;
}
body#enjoy .p-henko input[type=button].p-link01 {
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-henko-form__pw p {
    font-size: 1.4rem;
  }
  .p-henko h2 {
    font-size: 2.8rem;
  }
  .p-henko__mail:after {
    width: 7.2rem;
    margin-left: -3.6rem;
  }
}
.l-kaiin .p-important-info,
.l-owner .p-important-info {
  padding-top: 1.6rem;
}

.p-important-info {
  display: block;
  padding-bottom: 2.4rem;
}
.p-important-info__ttl {
  background: #E60013;
  color: white;
  font-size: 1.4rem !important;
  padding: 0.8rem 1.4rem !important;
  border-radius: 0.8rem;
  margin: 0;
  display: flex;
  align-items: center;
}
.p-important-info__list {
  padding: 0.8rem 0rem;
}
.p-important-info__item {
  padding: 0.8rem 0.8rem;
}
.p-important-info__item-link {
  color: #E60013;
  font-weight: bold;
  display: block;
  border-bottom: 0.1rem solid;
  font-size: 1.8rem;
  padding: 0rem 0.2rem;
}

@media screen and (min-width: 992px) {
  .l-kaiin .p-important-info,
.l-owner .p-important-info {
    padding-top: 2.4rem;
  }
  .p-important-info {
    display: flex;
  }
  .p-important-info__ttl {
    font-size: 1.6rem !important;
    padding: 0.8rem 2.4rem !important;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
  }
  .p-important-info__list {
    padding: 0rem;
  }
  .p-important-info__item {
    padding: 0.8rem 1.2rem;
  }
}
.p-install {
  background-color: #F9F4ED;
  border-radius: 1rem;
  padding: 1.4rem 1rem;
  width: 100%;
  display: block;
}
.p-install-btn {
  width: 100%;
  display: flex;
  padding-top: 1.4rem;
}
.p-install-btn__link {
  padding: 0.9rem 1.2rem 0.9rem 1.2rem;
  font-weight: bold;
  border-radius: 1rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  width: 100%;
  margin-right: 1.5rem;
  text-align: center;
}
.p-install-btn__link:last-child {
  margin-right: 0rem;
}
.p-install-btn__link--green {
  background-color: #E5EFEE;
  color: #277681;
}
.p-install-btn__link--green span {
  position: relative;
  display: inline-block;
  margin-left: 4.7rem;
  text-align: left;
}
.p-install-btn__link--green span::before {
  position: absolute;
  top: 50%;
  left: -5.1rem;
  content: "";
  background: url(/common/ico/maidoko/icon-120x120.png) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 0.4rem;
  margin-top: -2.1rem;
}
.p-install-btn__link--red {
  background-color: #F7E3DF;
  color: #CC4C29;
}
.p-install-btn__link--red span {
  position: relative;
  display: inline-block;
  margin-left: 4.7rem;
  text-align: left;
}
.p-install-btn__link--red span::before {
  position: absolute;
  top: 50%;
  left: -5.1rem;
  content: "";
  background: url(/common/ico/enjoy/icon-120x120.png) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 0.4rem;
  margin-top: -2.1rem;
}

@media screen and (min-width: 992px) {
  .p-install {
    display: flex;
    padding: 2.4rem;
  }
  .p-install-btn {
    padding-top: 0rem;
  }
  .p-install-btn__link {
    padding: 1.6rem 3rem;
    margin-left: 3.2rem;
    margin-right: 0rem;
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
  }
  .p-install-btn__link--green span {
    position: relative;
    display: inline-block;
    margin-top: 7rem;
    margin-left: 0rem;
    text-align: center;
  }
  .p-install-btn__link--green span::before {
    position: absolute;
    top: -5rem;
    left: 50%;
    content: "";
    background: url(/common/ico/maidoko/icon-120x120.png) no-repeat;
    background-size: auto;
    background-size: contain;
    height: 6.4rem;
    width: 6.4rem;
    border-radius: 1rem;
    margin-left: -3.2rem;
  }
  .p-install-btn__link--red span {
    position: relative;
    display: inline-block;
    margin-top: 7rem;
    margin-left: 0rem;
    text-align: center;
  }
  .p-install-btn__link--red span::before {
    position: absolute;
    top: -5rem;
    left: 50%;
    content: "";
    background: url(/common/ico/enjoy/icon-120x120.png) no-repeat;
    background-size: auto;
    background-size: contain;
    height: 6.4rem;
    width: 6.4rem;
    border-radius: 1rem;
    margin-left: -3.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-install-btn__link {
    font-size: 2.4rem;
  }
}
/* #p-joken
   -------------------------------------------------------------------------- */
/*doc
---
title: p-joken
name: p-joken
categories: [project]
---
条件でさがす
*/
.p-joken {
  background-color: #FDF8E2;
  border-radius: 0.4rem;
  padding: 2.4rem 0.8rem;
  margin: 4.4rem 0.9rem 0rem;
  text-align: center;
  position: relative;
}
.p-joken:after {
  content: " ";
  display: block;
  position: absolute;
  top: -3rem;
  left: 50%;
  height: 3rem;
  width: 10rem;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #FDF8E2;
  margin-left: -5rem;
}
.p-joken__text {
  font-size: 1rem;
}
.p-joken__heading {
  font-weight: bold;
  font-size: 1.4rem;
}
.p-joken__list {
  padding-top: 1.5rem;
}
.p-joken__item {
  padding: 1.2rem;
  margin-bottom: 0.8rem;
  text-align: left;
  background-color: #ffffff;
}
.p-joken__item:last-child {
  margin-bottom: 0rem;
}
.p-joken__item-ttl {
  padding-left: 2.4rem;
  font-weight: bold;
  font-size: 1.2rem;
  position: relative;
  margin-bottom: 0.4rem;
}
.p-joken__item-ttl--genzaichi:before {
  content: " ";
  display: block;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
  background: url(/common/images/icon/genzaichi.svg) no-repeat;
}
.p-joken__item-ttl--area:before {
  content: " ";
  display: block;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.9rem;
  background: url(/common/images/icon/area.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
}
.p-joken__item-ttl--genre:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.9035rem;
  background: url(/common/images/icon/genre.svg) no-repeat;
  height: 1.807rem;
  width: 1.8rem;
  background-size: contain;
}

body#enjoy.p-joken {
  background-color: #F9F6EA;
}
body#enjoy.p-joken:after {
  background-color: #F9F6EA;
}

/* JS
   -------------------------------------------------------------------------- */
/*doc
---
title: js
name: js
categories: [project]
---------------------------------------------------------------------------- */
[v-cloak] {
  visibility: hidden;
}

#js-event-none {
  display: none;
}

.js-kekka-noimage {
  display: none !important;
}

/*以下、インスタフラグ*/
.p-store-form__instagram.is-hidden {
  visibility: hidden;
}

.p-store-form__btn-note.is-hidden {
  visibility: hidden;
}

.p-shinki__kakunin-ttl.is-hidden {
  visibility: hidden;
}

.p-shinki__kakunin-item.is-hidden {
  visibility: hidden;
}

/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-kanri-form
name:  p-kanri-form

categories: [project]
---
*/
.p-kanri-form {
  padding-top: 2.4rem;
}
.p-kanri-form__ttl {
  display: flex;
  align-items: center;
  color: #2699FB;
  font-weight: bold;
}
.p-kanri-form__ttl-required {
  display: inline-block;
  position: relative;
  padding-right: 2.5rem;
}
.p-kanri-form__ttl-required:before {
  position: absolute;
  content: "必須";
  bottom: 0;
  right: 0;
  color: #A16B00;
  margin-right: 0;
  font-size: 1rem;
}
.p-kanri-form__ttl-note {
  font-size: 1rem;
  font-weight: initial;
  display: inline-block;
  color: #2699FB;
  padding-left: 1rem;
}
.p-kanri-form__text {
  padding: 1.4rem 2rem;
  border: 0.1rem solid #BCE0FD;
  color: #2699FB;
}
.p-kanri-form__text::placeholder {
  font-weight: initial;
}
.p-kanri-form__area select, .p-kanri-form__city select, .p-kanri-form__year select {
  width: 35.5rem;
}
.p-kanri-form__map-contents {
  display: flex;
}
.p-kanri-form__map-contents div {
  padding-right: 1.6rem;
}
.p-kanri-form__btn {
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: flex;
}
.p-kanri-form__btn-action {
  width: 20rem;
  padding: 1.6rem 0;
  color: #ffffff;
  font-weight: bold;
  background-color: #2699FB;
  border-radius: 0.4rem;
  text-align: center;
  margin-right: 1.6rem;
  cursor: pointer;
  border: 0.1rem solid #2699FB;
}
.p-kanri-form__btn-action:hover, .p-kanri-form__btn-action:focus {
  color: #2699FB;
  background-color: #ffffff;
  border: 0.1rem solid #2699FB;
}
.p-kanri-form__btn-action-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-kanri-form__btn-action--back {
  background-color: #BCE0FD;
  border: 0.1rem solid #BCE0FD;
}
.p-kanri-form__btn-action--id {
  margin-left: 1.2rem;
  padding: 1.2rem 2.8rem;
}
.p-kanri-form__btn-action--img {
  width: 18.2rem;
  margin-right: 1.6rem;
}
.p-kanri-form__btn-up {
  display: flex;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 4.1rem;
}
.p-kanri-form__btn-up input#upload {
  opacity: 0;
  position: absolute;
  opacity: 0;
  position: absolute;
  left: 0;
  width: 18.2rem;
}
.p-kanri-form__btn-note {
  font-size: 1rem;
  font-weight: initial;
  display: inline-block;
  color: #2699FB;
}
.p-kanri-form__img .p-kanri-form__btn-up .p-kanri-form__btn-note {
  padding-top: 0rem;
}
.p-kanri-form__img .p-kanri-form__btn-note {
  display: block;
  padding-top: 1.5rem;
}
.p-kanri-form__img .p-kanri-form__check-label {
  margin-top: 1.1rem !important;
}
.p-kanri-form__shonin-message {
  color: #2699FB;
  font-weight: bold;
}
.p-kanri-form__type, .p-kanri-form__status, .p-kanri-form__push, .p-kanri-form__id, .p-kanri-form__period { /*ラジオ*/ }
.p-kanri-form__type-area, .p-kanri-form__status-area, .p-kanri-form__push-area, .p-kanri-form__id-area, .p-kanri-form__period-area {
  display: flex;
}
.p-kanri-form__type-group, .p-kanri-form__status-group, .p-kanri-form__push-group, .p-kanri-form__id-group, .p-kanri-form__period-group {
  margin-right: 2.5rem;
  display: flex;
}
.p-kanri-form__type-radio:checked + label::after, .p-kanri-form__type-radio:focus + label::after, .p-kanri-form__status-radio:checked + label::after, .p-kanri-form__status-radio:focus + label::after, .p-kanri-form__push-radio:checked + label::after, .p-kanri-form__push-radio:focus + label::after, .p-kanri-form__id-radio:checked + label::after, .p-kanri-form__id-radio:focus + label::after, .p-kanri-form__period-radio:checked + label::after, .p-kanri-form__period-radio:focus + label::after {
  content: "";
  position: absolute;
  left: 0.3rem;
  display: block;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #2699FB;
}
.p-kanri-form__type-label, .p-kanri-form__status-label, .p-kanri-form__push-label, .p-kanri-form__id-label, .p-kanri-form__period-label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 2.4rem;
  color: #2699FB;
}
.p-kanri-form__type-label::before, .p-kanri-form__status-label::before, .p-kanri-form__push-label::before, .p-kanri-form__id-label::before, .p-kanri-form__period-label::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 0.1rem solid #2699FB;
  width: 1.6rem;
  height: 1.6rem;
  left: 0;
  position: absolute;
}
.p-kanri-form__type-label::after, .p-kanri-form__status-label::after, .p-kanri-form__push-label::after, .p-kanri-form__id-label::after, .p-kanri-form__period-label::after {
  content: "";
  position: absolute;
  display: block;
  left: 0.3rem;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}
.p-kanri-form__period { /*ラジオ*/ }
.p-kanri-form__period-area {
  display: block;
  margin-top: -2rem;
}
.p-kanri-form__period-group {
  margin-top: -1rem;
}
.p-kanri-form__id-label {
  font-weight: bold;
}
.p-kanri-form__area-area {
  max-width: 74rem;
  margin-top: -1.3rem;
  overflow: inherit;
  white-space: initial;
}
.p-kanri-form__area-group {
  margin-top: 0.8rem;
}
.p-kanri-form__area-sub {
  max-width: 74rem;
}
.p-kanri-form__area .p-kanri-form__check-label {
  margin-top: 1.6rem;
}
.p-kanri-form__purpose {
  max-width: 56.6rem;
  overflow: inherit;
  white-space: initial;
  text-align: left;
}
.p-kanri-form__purpose-area {
  margin-top: -1.3rem;
}
.p-kanri-form__purpose-group {
  display: inline-block;
}
.p-kanri-form__generation-area {
  display: flex;
}
.p-kanri-form__tokuten-area {
  display: flex;
  flex-wrap: wrap;
  max-width: 41rem;
  margin-top: -1.3rem;
}
.p-kanri-form__tokuten-group {
  width: 50%;
}
.p-kanri-form__genre {
  max-width: 56.9rem;
  overflow: inherit;
  white-space: initial;
}
.p-kanri-form__genre-area {
  margin-top: -1.3rem;
}
.p-kanri-form__genre-group {
  display: inline-block;
}
.p-kanri-form__addr .p-kanri-form__ttl {
  display: block;
}
.p-kanri-form__addr .p-kanri-form__ttl-note {
  display: block;
}
.p-kanri-form__check { /*チェックボックス*/
  opacity: 0;
  position: absolute;
}
.p-kanri-form__check:checked + label:before {
  background-color: #2699FB;
}
.p-kanri-form__check:checked + label:after {
  opacity: 1;
}
.p-kanri-form__check:focus + label:before {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-kanri-form__check-label {
  position: relative;
  padding-left: 4rem;
  padding-right: 0.8rem;
  margin-top: 2.25rem;
  font-size: 1.4rem;
  cursor: pointer;
  color: #2699FB;
}
.p-kanri-form__check-label:before, .p-kanri-form__check-label:after {
  content: "";
  position: absolute;
  display: block;
}
.p-kanri-form__check-label:before {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 3rem;
  height: 3rem;
  border: 0.1rem solid #BCE0FD;
}
.p-kanri-form__check-label:after {
  top: 0.1rem;
  left: 1.05rem;
  width: 1rem;
  height: 1.5rem;
  border-bottom: 0.25rem solid #ffffff;
  border-right: 0.25rem solid #ffffff;
  transform: rotate(50deg);
  opacity: 0;
}
.p-kanri-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.p-kanri-form__select {
  position: relative;
  display: inline-block;
}
.p-kanri-form__select::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  right: 2rem;
  background: url(/common/images/icon/kanri/select.svg) no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.p-kanri-form__date-area {
  display: flex;
}
.p-kanri-form__date-group {
  display: inline-block;
}
.p-kanri-form__date-group:first-child {
  padding-right: 6.9rem;
  position: relative;
}
.p-kanri-form__date-group:first-child:before {
  content: "~";
  position: absolute;
  top: 50%;
  right: 3rem;
  color: #2699FB;
  font-size: 1.4rem;
  font-weight: bold;
}
.p-kanri-form__date input[type=date] {
  position: relative;
  padding: 1.4rem 11.1rem 1.4rem 2rem;
}
.p-kanri-form__date input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}
.p-kanri-form__date input[type=date]:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  background: url(/common/images/icon/kanri/calendar.svg) no-repeat;
  background-size: contain;
  background-position: 0 0;
  margin-top: -0.6rem;
  width: 1.6rem;
  height: 1.5rem;
}
.p-kanri-form__period {
  padding-top: 6.1rem;
}
.p-kanri-form__period-label {
  z-index: 10;
}
.p-kanri-form__period-group .p-kanri-form__text {
  padding: 0.7rem 2rem;
}
.p-kanri-form__period-group .p-kanri-form__select:after {
  top: 1.65rem;
}
.p-kanri-form__period-group .p-kanri-form__area select#year {
  width: 10.4rem;
}
.p-kanri-form__period-group .p-kanri-form__area select#month {
  width: 7.6rem;
}
.p-kanri-form__period-group .p-kanri-form__date {
  padding-left: 2.4rem;
  margin-top: -2rem;
}
.p-kanri-form__period-group .p-kanri-form__date-group {
  display: inline-flex;
}
.p-kanri-form__period-name {
  color: #2699FB;
  padding: 0 0.7rem 0 0.55rem;
}
.p-kanri-form__img-preview {
  display: flex;
}
.p-kanri-form__img-group:first-of-type {
  position: relative;
}
.p-kanri-form__img-group:first-of-type:before {
  content: "メイン画像";
  position: absolute;
  bottom: 0;
  left: 1.8rem;
  color: #2699FB;
  font-size: 1.4rem;
  font-weight: initial;
}
.p-kanri-form__img-group:nth-child(1):after {
  content: "1枚目";
  position: absolute;
  bottom: 2.4rem;
  left: 3.5rem;
  color: #2699FB;
  font-size: 1.4rem;
  font-weight: initial;
}
.p-kanri-form__img-group:nth-child(2):after {
  content: "2枚目";
  position: absolute;
  bottom: 2.4rem;
  left: 3.5rem;
  color: #2699FB;
  font-size: 1.4rem;
  font-weight: initial;
}
.p-kanri-form__img-group:nth-child(3):after {
  content: "3枚目";
  position: absolute;
  bottom: 2.4rem;
  left: 3.5rem;
  color: #2699FB;
  font-size: 1.4rem;
  font-weight: initial;
}
.p-kanri-form__img-data {
  border: 0.1rem solid #2699FB;
  max-width: 11rem;
  min-width: 11rem;
  width: 100%;
  height: auto;
}
.p-kanri-form__img-group {
  position: relative;
  padding-right: 2.7rem;
  padding-bottom: 5rem;
}
.p-kanri-form__img-delete {
  position: absolute;
  top: -1.8rem;
  right: 0.9rem;
}
.p-kanri-form__management {
  color: #2699FB;
  font-weight: bold;
  padding-top: 3.2rem;
}
.p-kanri-form__instagram.is-hidden {
  visibility: hidden;
}

/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-kanri-header
name: p-kanri-header

categories: [project]
---
サイト内検索のコンポーネントです。
*/
.p-kanri-header {
  background-color: #2699FB;
  padding: 0 4rem;
}
.p-kanri-header__logo {
  padding: 2.4rem 0rem;
}
.p-kanri-header__logo-link {
  color: #ffffff;
  font-weight: bold;
  font-size: 2rem;
}
.p-kanri-header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-kanri-header__top-right {
  display: flex;
}
.p-kanri-header__btn {
  padding-right: 1.3rem;
}
.p-kanri-header__btn:last-child {
  padding-right: 0;
}
.p-kanri-header__btn-link {
  padding: 1.4rem 2.4rem;
  color: #2699FB !important;
  font-weight: bold;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 0.4rem;
  border: 0.1rem solid #ffffff;
}
.p-kanri-header__btn-link:hover {
  color: #ffffff;
  background-color: #2699FB;
  border: 0.1rem solid #ffffff;
}

/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-kanri-header
name: p-kanri-header

categories: [project]
---
サイト内検索のコンポーネントです。
*/
.p-kanri-local-nav {
  text-align: left;
  height: 100%;
  padding: 2.2rem 3.8rem;
  border-right: 0.1rem solid #2699FB;
  border-left: 0.1rem solid #2699FB;
}
.p-kanri-local-nav__cat {
  font-size: 1.6rem;
  font-weight: bold;
  color: #2699FB;
  padding-bottom: 0.6rem;
  margin: 0rem;
}
.p-kanri-local-nav__item {
  padding-top: 2.1rem;
  display: flex;
}
.p-kanri-local-nav__link {
  width: 100%;
  padding: 1.4rem 0;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #BCE0FD;
  display: block;
  text-align: center;
  border-radius: 0.4rem;
  width: 17.6rem;
}
.p-kanri-local-nav__link.act {
  color: #ffffff;
  background-color: #2699FB;
}
.p-kanri-local-nav__link[target=_blank] span {
  position: relative;
}
.p-kanri-local-nav__link[target=_blank] span::before {
  content: "";
  display: block;
  background: url(/common/images/icon/kanri/arw_upper.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  right: -2.5rem;
  margin-top: -0.7rem;
}
.p-kanri-local-nav__tab {
  padding-top: 7.2rem;
  padding-left: 2.1rem;
}
.p-kanri-local-nav__tab-btn {
  padding-bottom: 2.1rem;
}
.p-kanri-local-nav__tab-link {
  padding: 0.8rem;
  background-color: #BCE0FD;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  display: block;
  cursor: pointer;
}
.p-kanri-local-nav__tab-link-active {
  background-color: #2699FB;
}

body.kanrigamen .l-main a[target=_blank]::after {
  display: none;
}

/* p-kanri-pager
   -------------------------------------------------------------------------- */
/*doc
---
title: p-kanri-pager
name:  p-kanri-pager

categories: [project]
---
事務局管理ページャー
*/
.p-kanri-pager {
  display: flex;
  justify-content: flex-end;
}
.p-kanri-pager__btn {
  color: #2699FB;
}
.p-kanri-pager__link {
  border-bottom: 0.1rem solid #2699FB;
  font-size: 1.4rem;
  font-weight: bold;
}
.p-kanri-pager__link--before {
  margin: 0 1.3rem;
}
.p-kanri-pager__link--after {
  margin: 0 1.3rem;
}
.p-kanri-pager__no {
  color: #2699FB;
}

/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-kanri-search
name:  p-kanri-search

categories: [project]
---
サイト内検索のコンポーネントです。
*/
.p-kanri-search {
  padding-top: 1.5rem;
}
.p-kanri-search__body {
  display: flex;
  justify-content: end;
}
.p-kanri-search__btn {
  color: #2699FB;
  padding: 1rem 1.8rem;
  background-color: #BCE0FD;
  border: 0.1rem solid #2699FB;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.p-kanri-search__input {
  position: relative;
  display: inline-flex;
}
.p-kanri-search__input:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/kanri/search.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.8rem;
  width: 1.8rem;
  top: 50%;
  left: 1.6rem;
  margin-top: -0.8rem;
}
.p-kanri-search__txt {
  padding: 1rem 0.5rem 1rem 5rem;
  width: 26.6rem;
  border: 0.1rem solid #2699FB;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-right: none;
}
.p-kanri-search__txt::placeholder {
  color: #BCE0FD;
}

.p-keyword-btn {
  text-align: center;
  color: #277681;
  text-decoration: underline;
  padding: 0.8rem 0rem;
  margin-top: 1.6rem;
  width: 100%;
}
.p-keyword__search {
  padding: 0.8rem 9.5rem;
  margin: 1.6rem auto 0rem;
  display: block;
  color: #ffffff;
  background-color: #277681;
  border-radius: 2.4rem;
  font-weight: bold;
}
.p-keyword__button {
  padding-left: 4.2rem;
  padding-top: 1.6rem;
  padding-bottom: 1.5rem;
  width: 100%;
  text-align: left;
  position: relative;
  color: #277681;
  text-decoration: underline;
  font-weight: bold;
}
.p-keyword__button:after {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/clearbtn.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.4rem;
  width: 1.4rem;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  margin-top: -0.7rem;
}
.p-keyword__choice {
  width: 100;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.7rem;
}
.p-keyword__choice-group {
  padding-bottom: 0.8rem;
  position: relative;
  display: flex;
  border-bottom: 0.1rem solid #E5EFEE;
  width: 50%;
}
.p-keyword__choice-group:nth-child(even) {
  padding-left: 0.8rem;
}
.p-keyword__choice-check {
  opacity: 0;
  position: absolute;
}
.p-keyword__choice-check:checked + label {
  background-color: #277681;
  color: #ffffff;
}
.p-keyword__choice-check:checked + label:before {
  background-color: #277681;
  opacity: 1;
}
.p-keyword__choice-check:checked + label:after {
  opacity: 1;
}
.p-keyword__choice-check:focus + label {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-keyword__choice-label {
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 0rem;
  align-items: center;
  display: flex;
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.6rem;
  justify-content: center;
  width: 100%;
  border: 0.1rem solid #277681;
  border-radius: 0.4rem;
  background-color: #ffffff;
  font-size: 1.2rem;
  color: #277681;
}
.p-keyword__choice-label:before, .p-keyword__choice-label:after {
  content: "";
  position: absolute;
  display: block;
}
.p-keyword__choice-label:before {
  top: 50%;
  left: 1.5rem;
  transform: translate(0, -50%);
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #ffffff;
  border-radius: 50%;
  opacity: 0;
}
.p-keyword__choice-label:before:focus-within {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-keyword__choice-label:after {
  top: 40%;
  left: 2.05rem;
  width: 0.5rem;
  height: 0.8rem;
  border-bottom: 0.2rem solid #ffffff;
  border-right: 0.2rem solid #ffffff;
  transform: rotate(50deg);
  opacity: 0;
}

body#enjoy .p-keyword-btn {
  color: #CC4C29;
}
body#enjoy .p-keyword__search {
  background-color: #CC4C29;
}
body#enjoy .p-keyword__button {
  color: #CC4C29;
}
body#enjoy .p-keyword__button:after {
  background: url(/common/images/icon/enjoy/clearbtn.svg) no-repeat;
}
body#enjoy .p-keyword__choice-check:checked + label {
  background-color: #CC4C29;
  color: #ffffff;
}
body#enjoy .p-keyword__choice-check:checked + label:before {
  background-color: #CC4C29;
  opacity: 1;
}
body#enjoy .p-keyword__choice-check:checked + label:after {
  opacity: 1;
}
body#enjoy .p-keyword__choice-label {
  border: 0.1rem solid #CC4C29;
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-keyword__choice-group {
    padding-bottom: 1.6rem;
  }
  .p-keyword__choice-group:nth-child(even) {
    padding-left: 1.6rem;
  }
  .p-keyword__choice-check {
    opacity: 0;
    position: absolute;
  }
  .p-keyword__choice-check:checked + label {
    background-color: #277681;
    color: #ffffff;
  }
  .p-keyword__choice-check:checked + label:before {
    background-color: #277681;
    opacity: 1;
  }
  .p-keyword__choice-check:checked + label:after {
    opacity: 1;
  }
  .p-keyword__choice-check:focus + label {
    outline: 2px solid #990000 !important;
    outline-offset: -2px;
  }
  .p-keyword__choice-label {
    font-size: 1.8rem;
  }
  .p-keyword__choice-label:before {
    width: 2.4rem;
    height: 2.4rem;
  }
  .p-keyword__choice-label:after {
    top: 37%;
    left: 2.3rem;
    width: 0.8rem;
    height: 1.1rem;
  }
  body#enjoy .p-keyword__choice-check {
    opacity: 0;
    position: absolute;
  }
  body#enjoy .p-keyword__choice-check:checked + label {
    background-color: #CC4C29;
    color: #ffffff;
  }
  body#enjoy .p-keyword__choice-check:checked + label:before {
    background-color: #CC4C29;
    opacity: 1;
  }
  body#enjoy .p-keyword__choice-check:checked + label:after {
    opacity: 1;
  }
}
/* p-kiyaku/p-site
   -------------------------------------------------------------------------- */
/*doc
---
title: p-kiyaku/p-site
name: p-management__table

categories: [project]
---
規約・このサイトについて
*/
.p-kiyaku__h2,
.p-site__h2 {
  font-size: 2rem;
  color: #277681;
  font-weight: bold;
  text-align: center;
}
.p-kiyaku__h3,
.p-site__h3 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-kiyaku__ttl,
.p-site__ttl {
  font-weight: bold;
}

body#enjoy .p-kiyaku__h2, body#enjoy .p-site__h2 {
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-kiyaku__h2,
.p-site__h2 {
    font-size: 2.8rem;
  }
  .p-kiyaku__h3,
.p-site__h3 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
  }
}
/* p-kyosanten
   -------------------------------------------------------------------------- */
/*doc
---
title: p-kyosanten
name: p-kyosanten
categories: [project]
---
協賛店
*/
.p-kyosanten__note {
  padding-bottom: 1.6rem;
  /*
  		display: block;
  	    width: 34.5rem;
  	    margin: auto;
  */
  text-align: center;
}
.p-kyosanten__owner-text {
  padding: 1.6rem 0rem;
}
.p-kyosanten__owner-pre-ttl {
  text-align: left;
  padding-bottom: 1.8rem;
  padding-top: 3.2rem;
}
.p-kyosanten__owner-pre-text {
  text-align: left;
  padding-bottom: 1.8rem;
}
.p-kyosanten__event__kensu {
  text-align: center;
  font-weight: bold;
}
.p-kyosanten__sub {
  padding-bottom: 2.4rem;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}
.p-kyosanten__info {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.p-kyosanten__list {
  background-color: #ffffff;
  padding: 0.63rem 0rem;
  display: flex;
  justify-content: center;
}
.p-kyosanten__item {
  width: 33.3333333333%;
  text-align: center;
  border-right: 0.1rem solid #DDDDDD;
  padding: 0.6rem 1.2rem;
}
.p-kyosanten__item:last-child {
  border-right: 0rem;
}
.p-kyosanten__item-ttl {
  font-weight: bold;
  font-size: 1.2rem;
  color: #277681;
  padding-top: 1rem;
}
.p-kyosanten__item-date, .p-kyosanten__item-status, .p-kyosanten__item-favorite {
  font-size: 1.2rem;
  padding-top: 0.6rem;
}
.p-kyosanten--store h2 {
  padding-bottom: 0.8rem;
}
.p-kyosanten--store .p-btn04__link {
  margin-bottom: 1.6rem;
}
.p-kyosanten__backbtn {
  margin-top: 2.4rem;
}

body#enjoy__item-ttl {
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-kyosanten__backbtn {
    margin-top: 4rem;
  }
  .p-kyosanten .p-btn02-kyosanten {
    display: flex;
    justify-content: center;
    max-width: 73.8rem;
    margin: 0 auto;
  }
  .p-kyosanten .p-btn02-kyosanten .p-btn02__link {
    width: 100%;
    margin-bottom: 0rem;
  }
  .p-kyosanten__note {
    text-align: center;
  }
  .p-kyosanten__owner-text {
    padding: 6.4rem 0rem 4rem;
  }
  .p-kyosanten__owner-pre {
    padding-bottom: 10.5rem;
  }
  .p-kyosanten__owner-pre-ttl, .p-kyosanten__owner-pre-text {
    text-align: center;
  }
  .p-kyosanten__owner-pre-ttl {
    padding-top: 4rem;
  }
  .p-kyosanten__item {
    padding: 2.4rem 1.2rem;
  }
  .p-kyosanten__item p {
    font-size: 1.8rem;
  }
  .p-kyosanten__info {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    max-width: 81.6rem;
  }
  .p-kyosanten--store h1 {
    padding-bottom: 1.6rem;
  }
  .p-kyosanten--store h2 {
    font-size: 2.8rem;
    padding-top: 6.4rem;
    padding-bottom: 1.2rem;
  }
  .p-kyosanten--store .p-btn04__link {
    margin-bottom: 4.8rem;
  }
  .p-kyosanten__sub {
    font-size: 1.8rem;
  }
}
/* link-list -------------------------------------------------------------------------- */
.p-link-list01 {
  padding-bottom: 2.5rem;
}
.p-link-list01__item {
  padding-bottom: 1.6rem;
}
.p-link-list01__item:last-child {
  padding-bottom: 0rem;
}
.p-link-list01__item .p-link-list01 {
  padding-left: 2.4rem;
  padding-top: 1.6rem;
  padding-bottom: 0rem;
}
.p-link-list01__link {
  text-decoration: underline;
  position: relative;
  padding-left: 1.5rem;
  display: inline-block;
  padding-right: 2rem;
  padding-left: 1.8rem;
}
.p-link-list01__link::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_brown.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  top: 50%;
  left: 0;
  margin-top: -0.75rem;
}
.p-link-list01__link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.4rem;
  color: #444444;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 0.15rem;
  right: -0.5rem;
}
.p-link-list01__link:focus {
  border-radius: 0.25rem;
  border: solid 0.125rem #D18D0F;
}
.p-link-list01__link:hover, .p-link-list01__link:active, .p-link-list01__link:visited {
  color: #444444;
}
.p-link-list01--green .p-link-list01__link::before {
  background: url(/common/images/icon/arw_green.svg) no-repeat;
}
.p-link-list01--green .p-link-list01__link[target=_blank]::after {
  color: #277681;
}
.p-link-list01--green .p-link-list01__link:hover, .p-link-list01--green .p-link-list01__link:active, .p-link-list01--green .p-link-list01__link:visited {
  color: #A16B00;
}
.p-link-list01--red .p-link-list01__link::before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
.p-link-list01--red .p-link-list01__link[target=_blank]::after {
  color: #CC4C29;
}
.p-link-list01--red .p-link-list01__link:hover, .p-link-list01--red .p-link-list01__link:active, .p-link-list01--red .p-link-list01__link:visited {
  color: #208196;
}

body#maidoko .p-link-list01__link::before {
  background: url(/common/images/icon/arw_green.svg) no-repeat;
}
body#maidoko .p-link-list01__link[target=_blank]::after {
  color: #277681;
}
body#maidoko .p-link-list01__link:hover, body#maidoko .p-link-list01__link:active, body#maidoko .p-link-list01__link:visited {
  color: #A16B00;
}

body#enjoy .p-link-list01__link::before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-link-list01__link[target=_blank]::after {
  color: #CC4C29;
}
body#enjoy .p-link-list01__link:hover, body#enjoy .p-link-list01__link:active, body#enjoy .p-link-list01__link:visited {
  color: #208196;
}

@media screen and (min-width: 992px) {
  .p-link-list01__link {
    padding-left: 2rem;
  }
  .p-link-list01__link::before {
    height: 2rem;
    width: 2rem;
    top: 50%;
    left: 0;
    margin-top: -0.85rem;
  }
  .p-link-list01__link[target=_blank]::after {
    content: "\f35d";
    font-weight: 900;
    font-size: 1.8rem;
    color: #444444;
    font-family: "Font Awesome 5 Free";
    background: none;
    speak: none;
    position: absolute;
    top: 0.2rem;
    right: -0.5rem;
  }
}
/* #Link
   -------------------------------------------------------------------------- */
/*doc
---
title: link
name: link
categories: [project]
---
```block
```
*/
.p-link01 {
  text-decoration: underline;
  position: relative;
  padding-left: 2rem;
  display: inline-block;
  padding-right: 2rem;
}
.p-link01::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  top: 50%;
  left: 0;
  margin-top: -0.75rem;
}
.p-link01[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.4rem;
  color: #277681;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 0.1rem;
  right: 0rem;
}
.p-link01:focus {
  border-radius: 0.25rem;
  border: solid 0.125rem #D18D0F;
}
.p-link01:hover, .p-link01:active, .p-link01:visited {
  color: #A16B00;
}

.p-ul-list01 > li ul > li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.25rem;
  background: #277681;
  top: 1rem;
  left: 0.5rem;
  border-radius: 0px;
}

body#enjoy .p-ul-list01 > li ul > li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.25rem;
  background: #CC4C29;
  top: 1rem;
  left: 0.5rem;
  border-radius: 0px;
}
body#enjoy .p-link01::before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-link01[target=_blank]::after {
  color: #CC4C29;
}
body#enjoy .p-link01:hover, body#enjoy .p-link01:active, body#enjoy .p-link01:visited {
  color: #208196;
}

@media screen and (min-width: 992px) {
  .p-link01 {
    font-size: 1.8rem;
    padding-left: 2rem;
    padding-right: 3rem;
  }
  .p-link01 a[target=_blank] {
    padding-right: 2.2rem;
  }
  .p-link01 a[target=_blank]::after {
    font-size: 1.6rem;
    top: 0.3rem;
  }
  .p-link01::before {
    position: absolute;
    content: "";
    display: block;
    background: url(/common/images/icon/arw_green.svg) no-repeat;
    background-size: contain;
    height: 2rem;
    width: 2rem;
    left: 0;
    margin-top: -0.8rem;
  }
  .p-link01[target=_blank]::after {
    content: "\f35d";
    font-weight: 900;
    font-size: 1.8rem;
    color: #277681;
    font-family: "Font Awesome 5 Free";
    background: none;
    speak: none;
    position: absolute;
    top: 0.15rem;
    right: 0.5rem;
  }
}
/* #p-lp
   -------------------------------------------------------------------------- */
/*doc
---
title:p-lp
name: p-lp
categories: [project]
---
*/
.p-lp__heading01 {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-lp__heading01--color {
  color: #277681;
}
.p-lp__heading02 {
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 0.4rem;
}
.p-lp__heading02--color {
  color: #277681;
}
.p-lp__ttl {
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
}
.p-lp img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.p-lp img.p-lp__img {
  padding: 2.4rem 0rem 1.6rem;
}
.p-lp__btn-sub {
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
  text-align: center;
  color: #A16B00;
  font-weight: bold;
  font-size: 1.2rem;
}
.p-lp__btn-sub span {
  position: relative;
  padding: 0 2.55rem;
}
.p-lp__btn-sub span:after, .p-lp__btn-sub span:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 2.5rem;
  height: 0.2rem;
  background-color: #A16B00;
}
.p-lp__btn-sub span:before {
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.p-lp__btn-sub span:after {
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.p-lp__group {
  display: flex;
  padding-bottom: 4rem;
  justify-content: center;
}
.p-lp__group-parts {
  padding-right: 2.3rem;
}
.p-lp__group-parts:last-child {
  padding-right: 0rem;
}
.p-lp__group-parts {
  text-align: center;
}
.p-lp__group-parts img {
  padding-bottom: 0.8rem;
}
.p-lp__group--02 {
  padding-bottom: 1.6rem;
}
.p-lp__group--bottom {
  padding-bottom: 6.5rem;
  position: relative;
}
.p-lp__group--bottom:after {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/triangle.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.7rem;
  width: 8.3rem;
  bottom: 2.4rem;
  left: 50%;
  margin-left: -4.25rem;
}

body#enjoy .p-lp__heading01--color {
  color: #CC4C29;
}
body#enjoy .p-lp__heading02--color {
  color: #CC4C29;
}
body#enjoy .p-lp__btn-sub {
  color: #208196;
}
body#enjoy .p-lp__btn-sub span:after, body#enjoy .p-lp__btn-sub span:before {
  background-color: #208196;
}
body#enjoy .p-lp__group--bottom:after {
  background: url(/common/images/icon/enjoy/triangle.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  .l-lp--01 .p-lp__ttl {
    font-size: 2.8rem;
    padding-bottom: 2.4rem;
  }
  .p-lp__heading01 {
    font-size: 3.2rem;
    padding-top: 2.4rem;
  }
  .p-lp__group--bottom {
    padding-bottom: 12rem;
  }
  .p-lp__group--bottom:after {
    bottom: 3.5rem;
  }
  .p-lp__ttl {
    padding-bottom: 0rem;
  }
  .p-lp__heading02 {
    font-size: 2.4rem;
    margin-bottom: 0;
    margin-top: 0;
  }
  .p-lp .p-ol-list02 {
    display: block;
    margin: 0 auto;
    max-width: 48rem;
  }
  .p-lp__btn-sub {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    margin-top: 4rem;
  }
}
/* #Main visual
   -------------------------------------------------------------------------- */
/*doc
---
title: main-visual
name: main-visual
categories: [project]
---
メインビジュアル
*/
.p-main-visual__item {
  text-align: center;
}
.p-main-visual__img {
  width: 100%;
  max-width: 111rem;
}

/* p-management
   -------------------------------------------------------------------------- */
/*doc
---
title: p-management
name: p-management
categories: [project]
---
事務局管理画面
*/
.p-management__opr .p-heading02 {
  font-weight: bold;
  font-size: 1.6rem !important;
  color: #2699FB;
  border: none;
  margin: 0 !important;
}
.p-management__opr .p-new {
  padding-top: 1.5rem;
  width: 100%;
}
.p-management__opr .p-new__link {
  padding: 1rem 6.6rem;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 1.4rem;
  background-color: #2699FB;
  border-radius: 0.4rem;
  display: block;
  cursor: pointer;
  min-width: 21.6rem;
}

/* p-management__table
   -------------------------------------------------------------------------- */
/*doc
---
title: p-management__table
name: p-management__table

categories: [project]
---
事務局管理画面テーブル
*/
.p-management__table {
  font-size: 1rem;
  /*
  	&-generation,
  	&-area,
  	&-purpose{
  		width:9.2rem;
  	}
  */
}
.p-management__table th {
  color: #2699FB;
  background-color: #BCE0FD;
  text-align: center;
  border: 0.1rem solid #2699FB;
  padding: 0.6rem 0;
  font-weight: bold;
  height: 4.2rem;
}
.p-management__table-choice {
  min-width: 11.3rem;
}
.p-management__table-company {
  min-width: 15.2rem;
}
.p-management__table-pic {
  min-width: 8.9rem;
}
.p-management__table-phone {
  min-width: 8.5rem;
}
.p-management__table-mail {
  min-width: 11.5rem;
}
.p-management__table-postal {
  min-width: 6.8rem;
}
.p-management__table-addr {
  min-width: 14.8rem;
}
.p-management__table-storeid {
  width: 19.5rem;
}
.p-management__table td {
  word-break: break-all;
  padding: 1.4rem;
  border: 0.1rem solid #2699FB;
  font-weight: initial;
}
.p-management__table-btn {
  text-align: center;
}
.p-management__table-btn btn:hover {
  text-decoration: none;
}
.p-management__table-btn button {
  width: auto;
}
.p-management__table-link {
  color: #2699FB;
  text-decoration: underline;
  background-color: transparent;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.p-management__table-center {
  text-align: center;
}
.p-management__table-period {
  width: 20rem;
}

/* #Pc-global-nav
   -------------------------------------------------------------------------- */
/*doc
---
title: pc-global-nav
name: pc-global-nav
categories: [project]
---
グローバルナビのコンポーネントです。
*/
.p-nav__list {
  display: flex;
}
.p-nav__item {
  width: 100%;
  position: relative;
  margin-left: 3.3rem;
}
.p-nav__item:hover:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.4rem;
  border-radius: 0.5rem;
  background-color: #277681;
  bottom: 0;
  left: auto;
  right: auto;
}
.p-nav__item-icon {
  font-size: 1.6rem;
  color: #277681;
  padding: 0.4rem 0.7rem 1.2rem 3.5rem;
  display: block;
  white-space: nowrap;
  position: relative;
}
.p-nav__item-icon--home {
  position: relative;
}
.p-nav__item-icon--home:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/home.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 50%;
  left: 0rem;
  margin-top: -2rem;
}
.p-nav__item-icon--home.c-color--black, .p-nav__item-icon--home.c-color--blue {
  color: #fff !important;
}
.p-nav__item-icon--contact {
  position: relative;
}
.p-nav__item-icon--contact:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/search.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 50%;
  left: 0rem;
  margin-top: -1.9rem;
}
.p-nav__item-icon--favorite {
  position: relative;
}
.p-nav__item-icon--favorite:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/favorite-g.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 50%;
  left: 0.5rem;
  margin-top: -1.9rem;
}
.p-nav__item-icon--yakudachi {
  position: relative;
}
.p-nav__item-icon--yakudachi:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/soudan.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 50%;
  left: 0rem;
  margin-top: -1.8rem;
}

body#enjoy .p-nav__item:hover:before {
  background-color: #CC4C29;
}
body#enjoy .p-nav__item-icon {
  color: #CC4C29;
}
body#enjoy .p-nav__item-icon--home {
  position: relative;
}
body#enjoy .p-nav__item-icon--home:before {
  background: url(/common/images/icon/enjoy/home.svg) no-repeat;
}
body#enjoy .p-nav__item-icon--contact {
  position: relative;
}
body#enjoy .p-nav__item-icon--contact:before {
  background: url(/common/images/icon/enjoy/search.svg) no-repeat;
}
body#enjoy .p-nav__item-icon--favorite {
  position: relative;
}
body#enjoy .p-nav__item-icon--favorite:before {
  background: url(/common/images/icon/enjoy/favorite-r.svg) no-repeat;
}
body#enjoy .p-nav__item-icon--yakudachi {
  position: relative;
}
body#enjoy .p-nav__item-icon--yakudachi:before {
  background: url(/common/images/icon/enjoy/soudan.svg) no-repeat;
}

@media screen and (max-width: 1199px) {
  .p-nav__item {
    margin-left: 1.5rem;
  }
}
/* #News
  -------------------------------------------------------------------------- */
/*doc
---
title: news
name: news
categories: [project]
---
```block
hattori
```
*/
.p-news__body {
  padding-top: 2.4rem;
}
.p-news-details {
  position: relative;
  padding-bottom: 13rem;
  z-index: 8;
}
.p-news-details__ttl {
  font-size: 1.6rem;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 9px;
}
.p-news-details__body {
  font-size: 1.6rem;
  padding-top: 2.4rem;
}
.p-news__date {
  font-size: 1rem;
  color: #444444;
}
.p-news-link__copy {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff !important;
}
.p-news-links {
  text-align: center;
  margin-top: auto;
  bottom: 0;
  left: 50%;
  display: flex;
  box-sizing: border-box;
  justify-content: space-evenly;
}
.p-news-links__block {
  z-index: 8;
  text-align: center;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
}
.p-news-links__title {
  text-align: center;
  margin-top: auto;
  bottom: 0;
  left: 50%;
  padding-bottom: 1rem;
  display: flex;
  box-sizing: border-box;
  writing-mode: horizontal-tb;
}
.p-news-sns__LINE img, .p-news-sns__Facebook img, .p-news-sns__X img {
  margin: 0 !important;
  background-color: #fff !important;
}
.p-news-sns__LINE-icon, .p-news-sns__Facebook-icon, .p-news-sns__X-icon {
  height: 1.8rem !important;
  width: 1.8rem;
  display: block;
}
.p-news-sns__LINE-icon-link, .p-news-sns__Facebook-icon-link, .p-news-sns__X-icon-link {
  display: block;
  padding: 1rem 1.05rem;
  background-color: #fff !important;
}
.p-news-sns__LINE a[target=_blank]::after, .p-news-sns__Facebook a[target=_blank]::after, .p-news-sns__X a[target=_blank]::after {
  content: none;
}
.p-news__copy {
  height: 1.8rem;
  width: 1.8rem;
  bottom: 0;
}
.p-news-link__modal {
  width: 33rem;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -16.5rem;
  background: #ffffff;
  border-radius: 2.4rem;
  z-index: 30;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.p-news-link__modal-inner {
  opacity: 0;
}
.p-news-link__modal-inner.is-active {
  opacity: 1;
}
.p-news-link__modal-contents {
  min-height: 14rem;
  padding: 2.4rem;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-news-link__modal-title {
  margin-top: 1.5rem;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  color: #444444;
  margin-bottom: 1.5rem;
}
.p-news-link__modal-sentense {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #444444;
}
.p-news-link__modal-close {
  display: flex;
  border-top: 0.1rem solid #707070;
  width: 100%;
}
.p-news-link__modal-closeWord {
  padding: 1.6rem;
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
}
.p-news-link__modal-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100vh;
  overflow: hidden;
  backdrop-filter: blur(0.2rem);
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.p-news-link__modal-layer.is-active {
  display: block;
  visibility: visible;
  z-index: 20;
}

#urlcopyBtn {
  height: 1.8rem;
  width: 1.8rem;
  vertical-align: center;
  bottom: 0;
  display: flex;
  margin: 1rem 1.05rem;
  background-image: url(/common/images/icon/share_copyLink-icon.svg) !important;
  background-color: #fff !important;
}

@media screen and (min-width: 992px) {
  .p-news-details__body {
    font-size: 1.8rem;
  }
}
/* #Ol-list
   -------------------------------------------------------------------------- */
/*doc
---
title: ol-list
name: ol-list
categories: [project]
---
番号付きリストのコンポーネントです。
*/
.p-ol-list01 {
  counter-reset: number 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.p-ol-list01__item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-indent: -2rem;
  padding-left: 1rem;
}
.p-ol-list01__item:before {
  counter-increment: number 1;
  content: counter(number) ".";
  color: #277681;
  font-weight: bold;
  margin-right: 0.8rem;
}

.p-ol-list02 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  text-indent: 0;
}
.p-ol-list02__item {
  padding-left: 2.1rem;
  margin-bottom: 0.8rem;
}
.p-ol-list02__item-1, .p-ol-list02__item-2, .p-ol-list02__item-3, .p-ol-list02__item-4 {
  position: relative;
}
.p-ol-list02__item-1:before, .p-ol-list02__item-2:before, .p-ol-list02__item-3:before, .p-ol-list02__item-4:before {
  content: "";
  display: block;
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  top: 50%;
  left: 0rem;
  margin-top: -0.85rem;
}
.p-ol-list02__item-1:before {
  background: url(/common/images/icon/maidoko/ol-1.svg) no-repeat;
}
.p-ol-list02__item-2:before {
  background: url(/common/images/icon/maidoko/ol-2.svg) no-repeat;
}
.p-ol-list02__item-3:before {
  background: url(/common/images/icon/maidoko/ol-3.svg) no-repeat;
}
.p-ol-list02__item-4:before {
  background: url(/common/images/icon/maidoko/ol-4.svg) no-repeat;
}

body#enjoy .p-ol-list01__item:before {
  color: #CC4C29;
}
body#enjoy .p-ol-list02__item-1, body#enjoy .p-ol-list02__item-2, body#enjoy .p-ol-list02__item-3, body#enjoy .p-ol-list02__item-4 {
  position: relative;
}
body#enjoy .p-ol-list02__item-1:before, body#enjoy .p-ol-list02__item-2:before, body#enjoy .p-ol-list02__item-3:before, body#enjoy .p-ol-list02__item-4:before {
  content: "";
  display: block;
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  top: 50%;
  left: 0rem;
  margin-top: -0.85rem;
}
body#enjoy .p-ol-list02__item-1:before {
  background: url(/common/images/icon/enjoy/ol-1.svg) no-repeat;
}
body#enjoy .p-ol-list02__item-2:before {
  background: url(/common/images/icon/enjoy/ol-2.svg) no-repeat;
}
body#enjoy .p-ol-list02__item-3:before {
  background: url(/common/images/icon/enjoy/ol-3.svg) no-repeat;
}
body#enjoy .p-ol-list02__item-4:before {
  background: url(/common/images/icon/enjoy/ol-4.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  .p-ol-list01__item {
    text-indent: -2.4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-ol-list02__item {
    padding-left: 2.5rem;
    margin-bottom: 1.4rem;
  }
  .p-ol-list02__item-1:before, .p-ol-list02__item-2:before, .p-ol-list02__item-3:before, .p-ol-list02__item-4:before {
    width: 2rem;
    height: 2rem;
    margin-top: -0.85rem;
  }
  .p-ol-list02__item-1:before {
    background-size: contain;
  }
  .p-ol-list02__item-2:before {
    background-size: contain;
  }
  .p-ol-list02__item-3:before {
    background-size: contain;
  }
  .p-ol-list02__item-4:before {
    background-size: contain;
  }
}
/* #p-pager
   -------------------------------------------------------------------------- */
/*doc
---
title:p-pager
name: p-pager
categories: [project]
---
お知らせのページャー
*/
.p-pager {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.2rem;
}
.p-pager__link {
  width: auto;
  height: 100%;
}
.p-pager__link a {
  padding: 0.9rem 1.2rem 0.9rem 1.3rem;
  color: #277681;
  font-size: 1.2rem;
  border-radius: 2rem;
  border: 0.1rem solid #277681;
  display: block;
}
.p-pager__link--null {
  display: block;
  width: 15.9rem;
}
.p-pager__no {
  position: relative;
}
.p-pager__no a {
  width: 2.7rem;
  height: 2.7rem;
  display: block;
  border-radius: 2rem;
  border: 0.1rem solid #277681;
  color: #277681;
  justify-content: center;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0.4rem 0.45rem 0.4rem;
}
.p-pager__no:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/maidoko/pager.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 0.6rem;
  width: 2.1rem;
  position: absolute;
  top: 50%;
  right: 1.3rem;
  margin-top: 0;
}
.p-pager__no--left {
  padding-left: 0.8rem;
  padding-right: 4.1rem;
}
.p-pager__no--right {
  padding-left: 4.1rem;
  padding-right: 0.8rem;
}
.p-pager__no--right:after {
  left: 1.3rem;
}
.p-pager__curt {
  width: 2.7rem;
  height: 2.7rem;
  color: #277681;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .p-pager {
    max-width: 78.6rem;
    border-radius: 0.4rem;
    font-size: 1.8rem;
    right: 0;
    margin: 0 auto;
  }
  .p-pager__link {
    width: auto;
    height: 100%;
  }
  .p-pager__link a {
    font-size: 1.8rem;
    border-radius: 4.5rem;
  }
  .p-pager__link--null {
    width: 19.5rem;
  }
  .p-pager__no--left {
    padding-left: 1.6rem;
    padding-right: 5.1rem;
  }
  .p-pager__no--right {
    padding-left: 5.1rem;
    padding-right: 1.6rem;
  }
  .p-pager__no--right:after {
    left: 1.3rem;
  }
}
/* p-pc-area/.p-pc-others
   -------------------------------------------------------------------------- */
/*doc
---
title:p-pc-area/.p-pc-others
name: p-pc-area/.p-pc-others

categories: [project]
---
地域選択
*/
.p-pc-area,
.p-pc-others {
  display: none;
}

@media screen and (min-width: 992px) {
  .p-pc-others .p-others__choice {
    border-top: 0.1rem solid #E5EFEE;
  }
  .p-pc-area,
.p-pc-others {
    background-color: #ffffff;
    display: block;
    max-width: 74rem;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 9rem 7.7rem 9rem 6.2rem;
    border-radius: 1rem;
    border: 0.1rem solid #277681;
    z-index: 10;
  }
  .p-pc-area__ttl,
.p-pc-others__ttl {
    font-size: 2.8rem;
    background-color: #E5EFEE;
    color: #277681;
    padding: 2.8rem 2.4rem !important;
    text-align: left !important;
    width: 100%;
  }
  .p-pc-area .p-area__search, .p-pc-area .p-others__search,
.p-pc-others .p-area__search,
.p-pc-others .p-others__search {
    padding: 1.5rem 7.4rem;
    margin: 4rem auto 2.4rem;
    border-radius: 2.8rem;
  }
  .p-pc-area .p-area__choice, .p-pc-area .p-others__choice,
.p-pc-others .p-area__choice,
.p-pc-others .p-others__choice {
    position: relative;
    height: 30rem;
    display: block;
    overflow-y: scroll;
    margin-top: 1.2rem;
    padding-right: 1.2rem;
  }
  .p-pc-area .p-area__choice-group, .p-pc-area .p-others__choice-group,
.p-pc-others .p-area__choice-group,
.p-pc-others .p-others__choice-group {
    height: auto;
  }
  .p-pc-area .p-area__choice::-webkit-scrollbar, .p-pc-area .p-others__choice::-webkit-scrollbar,
.p-pc-others .p-area__choice::-webkit-scrollbar,
.p-pc-others .p-others__choice::-webkit-scrollbar {
    width: 1rem;
  }
  .p-pc-area .p-area__choice::-webkit-scrollbar-track, .p-pc-area .p-others__choice::-webkit-scrollbar-track,
.p-pc-others .p-area__choice::-webkit-scrollbar-track,
.p-pc-others .p-others__choice::-webkit-scrollbar-track {
    background: #E5EFEE;
    border-radius: 1rem;
  }
  .p-pc-area .p-area__choice::-webkit-scrollbar-thumb, .p-pc-area .p-others__choice::-webkit-scrollbar-thumb,
.p-pc-others .p-area__choice::-webkit-scrollbar-thumb,
.p-pc-others .p-others__choice::-webkit-scrollbar-thumb {
    background: #277681;
    border-radius: 1rem;
  }
  .p-pc-area .p-pc-area-delete__btn, .p-pc-area .p-pc-others-delete__btn,
.p-pc-others .p-pc-area-delete__btn,
.p-pc-others .p-pc-others-delete__btn {
    padding: 1rem 5.5rem 1.2rem 7.7rem;
    background-color: #E5EFEE;
    border-radius: 2.4rem;
    font-weight: bold;
    position: relative;
    margin: 1.6rem auto 0rem;
    display: block;
  }
  .p-pc-area .p-pc-area-delete__btn:before, .p-pc-area .p-pc-others-delete__btn:before,
.p-pc-others .p-pc-area-delete__btn:before,
.p-pc-others .p-pc-others-delete__btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4.4rem;
    background: url(/common/images/icon/maidoko/close_b.svg) no-repeat;
    height: 1.6rem;
    width: 1.6rem;
    margin-top: -0.7rem;
  }
}
/* #Sp-global-nav
   -------------------------------------------------------------------------- */
/*doc
---
title: sp-global-nav
name: sp-global-nav
categories: [project]
---
グローバルナビのコンポーネントです。
*/
.p-pc-global-nav {
  position: absolute;
  top: 11.1rem;
  right: 0;
  margin-right: 0rem;
  margin-left: auto;
  background-color: #ffffff;
  z-index: -10;
  width: 100%;
  visibility: hidden;
}
.p-pc-global-nav-bk {
  background: rgba(0, 0, 0, 0.4);
  inset-block-start: 100%;
  inset-inline: 0;
  position: absolute;
  /*
  	  &.is-hidden{
  	  	opacity: 1;
  	  	visibility: visible;
  	  	height: 100vh;
  	  	overflow: hidden;
  	  }
  */
}
.p-pc-global-nav.is-active {
  z-index: 0;
  visibility: visible;
}
.p-pc-global-nav.is-active .js-bk {
  block-size: 100vh;
}
.p-pc-global-nav__logo-title {
  text-align: center;
  padding-left: 3.7rem;
}
.p-pc-global-nav__logo-text {
  color: #444444;
  font-weight: bold;
}
.p-pc-global-nav__area {
  padding: 4rem 4rem 8rem;
  background-color: #E5EFEE;
  width: 100%;
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}
.p-pc-global-nav__area-top {
  display: flex;
  align-items: center;
  max-width: 100% !important;
}
.p-pc-global-nav__area-bottom {
  padding-bottom: 4.8rem;
}
.p-pc-global-nav__contents {
  max-width: 81.8rem;
  margin: 0 auto;
}
.p-pc-global-nav__contents-user {
  display: none;
}
.p-pc-global-nav__menu {
  cursor: pointer;
  font-weight: bold;
}
.p-pc-global-nav__menu-btn.p-btn02 {
  padding-bottom: 8rem;
}
.p-pc-global-nav__menu-txt {
  text-align: center;
}
.p-pc-global-nav__menu-txt span {
  display: inline-block;
  padding-top: 2.6rem;
  position: relative;
}
.p-pc-global-nav__menu-txt span:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/close.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.3rem;
  width: 1.3rem;
  top: 1.2rem;
  left: 50%;
  margin-left: -0.7rem;
}
.p-pc-global-nav__user {
  color: #ffffff;
  font-weight: bold;
  background-color: #277681;
  padding: 1.2rem 0 1rem 2.4rem;
}
.p-pc-global-nav__user-link {
  font-size: 1.8rem;
}
.p-pc-global-nav__user-note {
  font-size: 1.4rem;
}
.p-pc-global-nav__user-mail {
  font-weight: 500;
  font-size: 1.6rem;
}
.p-pc-global-nav__list-unregistered {
  margin-bottom: 6.5rem;
  display: block;
}
.p-pc-global-nav__item {
  border-bottom: 0.1rem solid #ffffff;
}
.p-pc-global-nav__item--signout {
  border-bottom: 0rem;
  margin-top: -0.1rem;
  border-top: 0.1rem solid #277681;
}
.p-pc-global-nav__link {
  color: #277681;
  padding: 2.1rem 0 2.4rem 2.15rem;
  font-size: 1.8rem;
  display: block;
  font-weight: bold;
  position: relative;
}
.p-pc-global-nav__link[target=_blank] {
  padding-right: 2.4rem !important;
}
.p-pc-global-nav__link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.8rem;
  color: #277681;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -1.4rem;
}
.p-pc-global-nav__link span {
  position: relative;
  padding-left: 2.75rem;
}
.p-pc-global-nav__link span:after {
  position: absolute;
  content: "";
  display: block;
  background-size: auto;
  background-size: contain;
  top: 50%;
  left: 0;
}
.p-pc-global-nav__link--new:after {
  background: url(/common/images/icon/maidoko/nav-new.svg) no-repeat;
  height: 1.8rem;
  width: 2rem;
  margin-top: -0.8rem;
}
.p-pc-global-nav__link--signin:after {
  background: url(/common/images/icon/maidoko/nav-signin.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-top: -0.8rem;
}
.p-pc-global-nav__link--howto:after {
  background: url(/common/images/icon/maidoko/nav-howto.svg) no-repeat;
  height: 2.32rem;
  width: 2.03rem;
  margin-top: -1.16rem;
}
.p-pc-global-nav__link--question:after {
  background: url(/common/images/icon/maidoko/nav-question.svg) no-repeat;
  height: 1.65rem;
  width: 2.5rem;
  margin-top: -0.825rem;
}
.p-pc-global-nav__link--contact:after {
  background: url(/common/images/icon/maidoko/nav-contact.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-top: -0.8rem;
}
.p-pc-global-nav__link--mypage:after {
  background: url(/common/images/icon/maidoko/nav-mypage.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-top: -0.8rem;
}
.p-pc-global-nav__link--push:after {
  background: url(/common/images/icon/maidoko/nav-push.svg) no-repeat;
  height: 1.987rem;
  width: 1.8rem;
  margin-top: -0.825rem;
}
.p-pc-global-nav__link--password:after {
  background: url(/common/images/icon/maidoko/nav-password.svg) no-repeat;
  height: 2.3rem;
  width: 2.3rem;
  margin-left: 0.1rem;
  margin-top: -0.8rem;
}
.p-pc-global-nav__link--delete:after {
  background: url(/common/images/icon/maidoko/delete.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-left: 0.1rem;
  margin-top: -0.8rem;
}
.p-pc-global-nav__link--signout:after {
  background: url(/common/images/icon/maidoko/signout.svg) no-repeat;
  height: 2.1rem;
  width: 100%;
  margin-left: 0.1rem;
  margin-top: -0.9rem;
}
.p-pc-global-nav__link--favorite:after {
  background: url(/common/images/icon/maidoko/nav-favorite.svg) no-repeat;
  height: 1.441rem;
  width: 1.654rem;
  margin-left: 0.1rem;
  margin-top: -0.55rem;
}
.p-pc-global-nav__banner a {
  margin: 2rem 0rem;
  display: inline-block;
  width: auto;
}
.p-pc-global-nav__banner a img {
  max-width: 36.6rem;
  display: block;
  border-radius: 1.4rem;
}
.p-pc-global-nav__other {
  padding-top: 1.8rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-left: 0.5rem;
}
.p-pc-global-nav__other-item {
  padding-left: 1.6rem;
  padding-bottom: 1rem;
  position: relative;
  font-size: 1.6rem;
  padding-right: 1.2rem;
}
.p-pc-global-nav__other-item:after {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.2rem;
}
.p-pc-global-nav__other-link[target=_blank] {
  padding-right: 2.4rem !important;
}
.p-pc-global-nav__other-link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.6rem;
  color: #277681;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -1.6rem;
}

#maidoko .p-pc-global-nav__area {
  background-color: #E5EFEE;
}

#enjoy .p-pc-global-nav__area {
  background-color: #F7E3DF;
}

body#enjoy .p-pc-global-nav-txt span:before {
  background: url(/common/images/icon/enjoy/close.svg) no-repeat;
}
body#enjoy .p-pc-global-nav__user {
  background-color: #CC4C29;
}
body#enjoy .p-pc-global-nav__item--signout {
  border-top: 0.1rem solid #CC4C29;
}
body#enjoy .p-pc-global-nav__link {
  color: #CC4C29;
}
body#enjoy .p-pc-global-nav__link[target=_blank]::after {
  color: #CC4C29;
}
body#enjoy .p-pc-global-nav__link--new:after {
  background: url(/common/images/icon/enjoy/nav-new.svg) no-repeat;
  height: 1.8rem;
  width: 2rem;
  margin-top: -0.8rem;
}
body#enjoy .p-pc-global-nav__link--signin:after {
  background: url(/common/images/icon/enjoy/nav-signin.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-top: -0.8rem;
}
body#enjoy .p-pc-global-nav__link--howto:after {
  background: url(/common/images/icon/enjoy/nav-howto.svg) no-repeat;
  height: 2.32rem;
  width: 2.03rem;
  margin-top: -1.16rem;
}
body#enjoy .p-pc-global-nav__link--question:after {
  background: url(/common/images/icon/enjoy/nav-question.svg) no-repeat;
  height: 1.65rem;
  width: 2.5rem;
  margin-top: -0.825rem;
}
body#enjoy .p-pc-global-nav__link--contact:after {
  background: url(/common/images/icon/enjoy/nav-contact.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-top: -0.8rem;
}
body#enjoy .p-pc-global-nav__link--mypage:after {
  background: url(/common/images/icon/enjoy/nav-mypage.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-top: -0.8rem;
}
body#enjoy .p-pc-global-nav__link--push:after {
  background: url(/common/images/icon/enjoy/nav-push.svg) no-repeat;
  height: 1.987rem;
  width: 1.8rem;
  margin-top: -0.825rem;
}
body#enjoy .p-pc-global-nav__link--password:after {
  background: url(/common/images/icon/enjoy/nav-password.svg) no-repeat;
  height: 2.3rem;
  width: 2.3rem;
  margin-left: 0.1rem;
  margin-top: -0.8rem;
}
body#enjoy .p-pc-global-nav__link--delete:after {
  background: url(/common/images/icon/enjoy/delete.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  margin-left: 0.1rem;
  margin-top: -0.8rem;
}
body#enjoy .p-pc-global-nav__link--signout:after {
  background: url(/common/images/icon/enjoy/signout.svg) no-repeat;
  height: 2.1rem;
  width: 100%;
  margin-left: 0.1rem;
  margin-top: -0.9rem;
}
body#enjoy .p-pc-global-nav__link--favorite:after {
  background: url(/common/images/icon/enjoy/nav-favorite.svg) no-repeat;
  height: 1.441rem;
  width: 1.654rem;
  margin-left: 0.1rem;
  margin-top: -0.55rem;
}
body#enjoy .p-pc-global-nav__other-item:after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-pc-global-nav__other-link[target=_blank]::after {
  color: #CC4C29;
}

/* p-pc-header-sougou
   -------------------------------------------------------------------------- */
/*doc
---
title: pc-header-sougou
name: pc-header-sougou

categories: [project]
---
総合トップのヘッダー
*/
.p-pc-header-sougou__area {
  position: relative;
}
.p-pc-header-sougou__top {
  display: flex;
  align-items: flex-end;
  padding: 1.6rem 4.2rem 1.5rem;
  background: #F9F4ED;
  border-bottom-left-radius: 4.4rem;
  border-bottom-right-radius: 4.4rem;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.p-pc-header-sougou__top.page {
  position: relative;
}
.p-pc-header-sougou__font-size, .p-pc-header-sougou__bg-color {
  display: flex;
  align-items: center;
}
.p-pc-header-sougou__font-size-item, .p-pc-header-sougou__bg-color-item {
  display: flex;
  letter-spacing: -0.5rem;
}
.p-pc-header-sougou__font-size-txt, .p-pc-header-sougou__bg-color-txt {
  padding-right: 0.8rem;
  display: inline-block;
  font-weight: bold;
  font-size: 1.4rem;
}
.p-pc-header-sougou__bg-color {
  padding-left: 2.4rem;
}

/* pc-header -------------------------------------------------------------------------- */
.p-pc-header {
  border-bottom: 0.1rem solid #9A9A9A;
  background-color: #ffffff;
}
.p-pc-header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-pc-header__top-right {
  display: flex;
  width: fit-content !important;
}
.p-pc-header__area.container {
  max-width: 1140px;
}
.p-pc-header__utility {
  display: flex;
}
.p-pc-header__utility-top {
  display: flex;
  justify-content: flex-end;
}
.p-pc-header__utility-top-link {
  display: flex;
  align-items: center;
}
.p-pc-header__utility-top-link a {
  font-size: 1.4rem;
}
.p-pc-header__utility-top-link a.p-link01 {
  padding-right: 1rem;
}
.p-pc-header__utility-top-link a.p-link01[target=_blank] {
  padding-right: 3rem;
}
.p-pc-header__utility-top-link a.p-link01[target=_blank]::after {
  font-size: 1.4rem;
  right: 1rem;
}
.p-pc-header__utility-top-link a.p-link01::before {
  height: 1.6rem;
  width: 1.6rem;
  left: 0.2rem;
  margin-top: -0.7rem;
}
.p-pc-header__utility-bottom {
  padding-top: 2rem;
}
.p-pc-header__utility-left {
  margin: auto;
  padding-right: 2.4rem;
}
.p-pc-header__font-size, .p-pc-header__bg-color {
  display: flex;
  align-items: center;
}
.p-pc-header__font-size-txt, .p-pc-header__bg-color-txt {
  color: #277681;
  padding-right: 0.8rem;
  font-size: 1.4rem;
}
.p-pc-header__font-size {
  padding-right: 1.6rem;
}
.p-pc-header__font-size-item {
  display: flex;
}
.p-pc-header__bg-color-item {
  display: flex;
}
.p-pc-header__logo-img {
  min-width: 13rem;
  width: 13rem;
}
.p-pc-header__link {
  display: flex;
  justify-content: flex-end;
}
.p-pc-header__link-item {
  margin-right: 3.2rem;
}
.p-pc-header__link-item:last-child {
  margin-right: 0rem;
}
.p-pc-header__link-item a {
  padding-left: 2rem;
  position: relative;
  color: #277681;
}
.p-pc-header__link-item a:before {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.6rem;
}
.p-pc-header__signout-btn, .p-pc-header__signin-btn {
  display: block;
  border-left: 0.1rem solid #E4EDEE;
  cursor: pointer;
}
.p-pc-header__signout-btn.is-hidden, .p-pc-header__signin-btn.is-hidden {
  display: none;
}
.p-pc-header__signout-txt, .p-pc-header__signin-txt {
  position: relative;
  padding-top: 6rem;
  font-size: 1.4rem;
  color: #277681;
  font-weight: bold;
  min-width: 10rem;
  height: 11rem;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  text-align: center;
}
.p-pc-header__signout-txt:before, .p-pc-header__signin-txt:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/signout.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2.2rem;
  width: 2.4rem;
  top: 3.4rem;
  left: 50%;
  margin-left: -1.2rem;
}
.p-pc-header__signin-txt:before {
  background: url(/common/images/icon/maidoko/signin.svg) no-repeat;
  height: 2.7rem;
  margin-left: -1.8rem;
}
.p-pc-header__signout-btn {
  display: none;
}
.p-pc-header__menu-btn {
  border-left: 0.1rem solid #E4EDEE;
  background-color: #E5EFEE;
  cursor: pointer;
}
.p-pc-header__menu-btn.is-hidden {
  display: none;
}
.p-pc-header__menu-txt {
  position: relative;
  padding-top: 6rem;
  font-size: 1.4rem;
  color: #277681;
  font-weight: bold;
  min-width: 11rem;
  height: 11rem;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  text-align: center;
  display: block;
}
.p-pc-header__menu-txt:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/pc-hamburger.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 2.4rem;
  top: 3.7rem;
  left: 50%;
  margin-left: -1.2rem;
}
.p-pc-header__menu-txt--close:before {
  background: url(/common/images/icon/maidoko/close.svg) no-repeat;
  height: 2rem;
  background-size: cover;
  width: 2rem;
  left: 50%;
  margin-left: -1rem;
}
.p-pc-header--logo .p-pc-header__signout-btn, .p-pc-header--kyosanten02 .p-pc-header__signout-btn, .p-pc-header--kyosanten01 .p-pc-header__signout-btn {
  display: block;
  margin-left: 2.4rem;
}
.p-pc-header--logo .p-pc-header__top, .p-pc-header--kyosanten02 .p-pc-header__top, .p-pc-header--kyosanten01 .p-pc-header__top {
  height: 11.1rem;
  align-items: flex-start;
}
.p-pc-header--logo .p-pc-header__logo-link, .p-pc-header--kyosanten02 .p-pc-header__logo-link, .p-pc-header--kyosanten01 .p-pc-header__logo-link {
  margin: auto 0;
}
.p-pc-header--logo .p-pc-header__utility-left, .p-pc-header--kyosanten02 .p-pc-header__utility-left, .p-pc-header--kyosanten01 .p-pc-header__utility-left {
  padding-right: 0rem;
  margin-top: 1.8rem;
}

body#enjoy .p-pc-header__logo-img {
  width: 15rem;
}
body#enjoy .p-pc-header__font-size-txt, body#enjoy .p-pc-header__bg-color-txt {
  color: #CC4C29;
}
body#enjoy .p-pc-header__link-item a {
  color: #CC4C29;
}
body#enjoy .p-pc-header__link-item a:before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-pc-header__signout-btn, body#enjoy .p-pc-header__signin-btn {
  display: block;
  border-left: 0.1rem solid #F7E3DF;
  cursor: pointer;
}
body#enjoy .p-pc-header__signout-btn.is-hidden, body#enjoy .p-pc-header__signin-btn.is-hidden {
  display: none;
}
body#enjoy .p-pc-header__signout-txt, body#enjoy .p-pc-header__signin-txt {
  color: #CC4C29;
}
body#enjoy .p-pc-header__signout-txt:before, body#enjoy .p-pc-header__signin-txt:before {
  background: url(/common/images/icon/enjoy/signout.svg) no-repeat;
}
body#enjoy .p-pc-header__signin-txt:before {
  background: url(/common/images/icon/enjoy/signin.svg) no-repeat;
}
body#enjoy .p-pc-header__signout-btn {
  display: none;
}
body#enjoy .p-pc-header__menu-btn {
  border-left: 0.1rem solid #F7E3DF;
  background-color: #F7E3DF;
}
body#enjoy .p-pc-header__menu-btn.is-hidden {
  display: none;
}
body#enjoy .p-pc-header__menu-txt {
  color: #CC4C29;
}
body#enjoy .p-pc-header__menu-txt:before {
  background: url(/common/images/icon/enjoy/pc-hamburger.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-pc-header__menu-txt--close:before {
  background: url(/common/images/icon/enjoy/close.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-pc-header--logo .p-pc-header__signout-btn, body#enjoy .p-pc-header--kyosanten02 .p-pc-header__signout-btn, body#enjoy .p-pc-header--kyosanten01 .p-pc-header__signout-btn {
  display: block;
  margin-left: 2.4rem;
}
body#enjoy .p-pc-header--logo .p-pc-header__top, body#enjoy .p-pc-header--kyosanten02 .p-pc-header__top, body#enjoy .p-pc-header--kyosanten01 .p-pc-header__top {
  height: 11.1rem;
  align-items: flex-start;
}
body#enjoy .p-pc-header--logo .p-pc-header__logo-link, body#enjoy .p-pc-header--kyosanten02 .p-pc-header__logo-link, body#enjoy .p-pc-header--kyosanten01 .p-pc-header__logo-link {
  margin: auto 0;
}
body#enjoy .p-pc-header--logo .p-pc-header__utility-left, body#enjoy .p-pc-header--kyosanten02 .p-pc-header__utility-left, body#enjoy .p-pc-header--kyosanten01 .p-pc-header__utility-left {
  padding-right: 0rem;
  margin-top: 1.8rem;
}

@media screen and (max-width: 1199px) {
  .p-pc-header__utility-left {
    margin: auto;
    padding-right: 1rem;
  }
  .p-pc-header__utility.container {
    max-width: 111rem;
  }
  .p-pc-header__signout-txt,
.p-pc-header__signin-txt,
.p-pc-header__menu-txt {
    min-width: 9.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /*

  	body#enjoy{

  		& .p-pc-header{
  			&__logo-img{
  			    max-width: 15rem;
  			}
  		}
  	}
  */
}
/* #Main visual
   -------------------------------------------------------------------------- */
/*doc
---
title: main-visual
name: main-visual
categories: [project]
---
メインビジュアルのコンポーネントです。
*/
.p-pc-main-visual {
  display: none;
}
.p-pc-main-visual__control {
  display: none;
}

@media screen and (min-width: 992px) {
  .p-pc-main-visual__dots.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: inline-block !important;
    margin-right: 11.2rem;
  }
  .p-pc-main-visual {
    display: block;
  }
  .p-pc-main-visual__btn {
    display: flex;
  }
  .p-pc-main-visual__control {
    display: block;
  }
  .p-pc-main-visual__control-group {
    padding-top: 1rem;
    display: flex;
    padding-left: 1.5rem;
  }
  .p-pc-main-visual__control button {
    background-color: #ffffff;
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    border-radius: 0.8rem;
    border: 0.15rem solid #277681;
    color: #277681;
    width: max-content;
  }
  .p-pc-main-visual__control button.swiper_pause {
    margin-right: 1rem;
  }
  .p-pc-main-visual__link:focus-within img {
    outline: 2px solid #990000 !important;
    outline-offset: -2px;
  }
  .p-pc-main-visual__item {
    text-align: center;
  }
  .p-pc-main-visual__img {
    width: 100% !important;
  }
  .p-pc-main-visual__dots {
    position: static;
  }
  .p-pc-main-visual__dots .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
  }
  .p-pc-main-visual__dots .swiper-pagination-bullet-active {
    background-color: #277681;
  }
  .p-pc-main-visual .swiper-button-prev,
.p-pc-main-visual .swiper-button-next {
    height: 50px;
    width: 50px;
  }
  .p-pc-main-visual .swiper-button-prev::after,
.p-pc-main-visual .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 40px;
    margin: auto;
    width: 40px;
    background-image: url(/common/images/icon/maidoko/banner_btn.svg);
  }
  .p-pc-main-visual .swiper-button-prev {
    left: 0;
    /* 前への矢印カスタマイズ */
  }
  .p-pc-main-visual .swiper-button-prev::after {
    transform: scale(-1, 1);
  }
  .p-pc-main-visual .swiper-button-next {
    right: 0;
  }
  .p-pc-main-visual__area--top img {
    width: 100%;
    max-height: 72rem;
    object-fit: contain;
    max-width: none !important;
  }
  .p-pc-main-visual__area.swiper {
    max-width: 111rem;
  }
  .p-pc-main-visual__area img {
    display: block;
    margin: 0 auto;
    max-width: 111rem;
    width: 100%;
    max-height: 57.3rem;
  }
  body#enjoy .p-pc-main-visual__control button {
    border: 0.15rem solid #CC4C29;
    color: #CC4C29;
  }
  body#enjoy .p-pc-main-visual__dots {
    position: static;
  }
  body#enjoy .p-pc-main-visual__dots .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
  }
  body#enjoy .p-pc-main-visual__dots .swiper-pagination-bullet-active {
    background-color: #CC4C29;
  }
  body#enjoy .p-pc-main-visual .swiper-button-prev,
body#enjoy .p-pc-main-visual .swiper-button-next {
    height: 50px;
    width: 50px;
  }
  body#enjoy .p-pc-main-visual .swiper-button-prev::after,
body#enjoy .p-pc-main-visual .swiper-button-next::after {
    background-image: url(/common/images/icon/enjoy/banner_btn.svg);
  }
}
@media screen and (min-width: 1200px) {
  .p-pc-main-visual__control-group {
    padding-left: 0rem;
  }
}
/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-popup-delete
name:  p-popup-delete

categories: [project]
---
事務局管理画面削除ポップアップ
*/
.p-popup-delete {
  z-index: 20;
  position: fixed;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 2rem 2rem;
  border-radius: 1rem;
  background: #BCE0FD;
  width: 40rem;
}
.p-popup-delete__close {
  border-radius: 50%;
  font-weight: bold;
  height: 4rem;
  width: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #2699FB;
  margin-left: auto;
  cursor: pointer;
}
.p-popup-delete__ttl {
  text-align: center;
  color: #2699FB;
}
.p-popup-delete__ttl h2 {
  font-size: 1.6rem !important;
  margin: 0 !important;
}
.p-popup-delete__choice {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
}
.p-popup-delete__btn {
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  background: #ffffff;
  border-radius: 0.4rem;
  font-weight: bold;
  cursor: pointer;
}
.p-popup-delete__btn--yes {
  margin-right: 2rem;
  background: #ffffff;
  color: #2699FB;
}
.p-popup-delete__btn--no {
  background: #2699FB;
  color: #ffffff;
}

#p-popup-delete-bk {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  height: 100vh;
  overflow: hidden;
}

/* p-popup-reference
   -------------------------------------------------------------------------- */
/*doc
---
title: p-popup-reference
name:  p-p-popup-reference

categories: [project]
---

事務局ポップアップ
*/
.p-popup-reference {
  position: fixed;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 3.2rem 7.7rem;
  border-radius: 1rem;
  width: 85.3rem;
  height: 53.7rem;
  background-color: #ffffff;
  border: 0.1rem solid #2699FB;
  box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  /* IE8（outlineで代替） */
  outline-width: 1px \9 ;
  outline-style: solid \9 ;
  outline-color: #d8d6d1 \9 ;
}
.p-popup-reference__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.3rem;
  padding-right: 3.7rem;
}
.p-popup-reference h2 {
  font-size: 1.6rem;
  color: #2699FB;
  font-weight: bold;
}
.p-popup-reference .p-kanri-search {
  padding-top: 0;
}
.p-popup-reference__close {
  position: absolute;
  top: 1.82rem;
  right: 2.42rem;
  display: flex;
  text-align: center;
  cursor: pointer;
  padding: 1rem;
}
.p-popup-reference .l-management__info {
  height: 35.7rem;
  overflow: auto;
  padding-right: 2.7rem;
}
.p-popup-reference .l-management__info .p-management__table {
  border-collapse: separate;
  border: 0.1rem #2699FB;
}
.p-popup-reference .l-management__info .p-management__table th {
  position: sticky;
  top: 0;
  left: 0;
  border-bottom: 0.1rem solid #2699FB;
  border-top: 0.1rem solid #2699FB;
  border-left: none;
}
.p-popup-reference .l-management__info .p-management__table tr th:first-child {
  border-left: 0.1rem solid #2699FB !important;
}
.p-popup-reference .l-management__info .p-management__table td {
  border-top: none;
  border-left: none;
}
.p-popup-reference .l-management__info .p-management__table tr td:first-child {
  border-left: 0.1rem solid #2699FB !important;
}
.p-popup-reference .l-management__info::-webkit-scrollbar {
  width: 1rem;
}
.p-popup-reference .l-management__info::-webkit-scrollbar-track {
  background-color: #BCE0FD;
}
.p-popup-reference .l-management__info::-webkit-scrollbar-thumb {
  background-color: #2699FB;
  border-radius: 5rem;
}

/* #preview
   -------------------------------------------------------------------------- */
/*doc
---
title: preview
name: preview
categories: [project]
---
*/
.p-preview {
  max-width: 81.6rem;
  border: 0.1rem solid #707070;
  margin-top: 7.2rem;
}
.p-preview-head {
  text-align: center;
  background-color: #E5EFEE;
  padding-top: 1.15rem;
  padding-bottom: 0.7rem;
}
.p-preview-head img {
  width: 10rem;
}

#enjoy .p-preview-head {
  background-color: #F7E3DF;
}
#enjoy .p-preview-head img {
  width: 10rem;
}

@media screen and (min-width: 992px) {
  #enjoy .p-preview-head {
    background-color: #F7E3DF;
  }
  #enjoy .p-preview-head img {
    width: 20%;
  }
}
/* push
   -------------------------------------------------------------------------- */
/*doc
---
title: push
name: push
categories: [project]
---
プッシュ通知
*/
.p-push {
  display: none;
}

.p-recommended {
  /*
  	&__link{
  		position: absolute;
  		top:1.6rem;
  		right: 0.8rem;
  	}
  */
}
.p-recommended-store {
  background-color: #ffffff;
  margin-bottom: 1.2rem;
  margin-right: 1.7rem;
  border-radius: 1rem;
  box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  /* IE8（outlineで代替） */
  outline-width: 1px \9 ;
  outline-style: solid \9 ;
  outline-color: #d8d6d1 \9 ;
  min-width: 31rem !important;
  width: 31rem !important;
  height: auto;
  position: relative;
}
.p-recommended-store:focus-visible {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-recommended-store__head {
  padding: 2.6rem 1.6rem 1.6rem;
}
.p-recommended-store__head-area {
  display: flex;
  align-items: center;
}
.p-recommended__shopname {
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  /* display: -webkit-box; */
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 24.4rem;
  white-space: nowrap;
}
.p-recommended__shopname span {
  display: contents;
}
.p-recommended__favorite {
  display: inline-block;
  position: absolute;
  top: 1.6rem;
  right: 0.8rem;
}
.p-recommended__body {
  padding: 0 0.8rem 1.6rem;
  display: flex;
}
.p-recommended__body-left {
  padding-right: 0.8rem;
}
.p-recommended__body-right {
  font-size: 1rem;
}
.p-recommended__body-area li {
  padding-bottom: 0.45rem;
}
.p-recommended__picture {
  width: 8.2rem;
  height: 8.2rem;
  object-fit: contain;
}
.p-recommended__genre {
  margin-right: 0.8rem;
  display: inline-block;
  padding: 0.4rem 0.8rem;
  line-height: 1;
  color: #277681;
  background: #E5EFEE;
  font-size: 1rem;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: bold;
}
.p-recommended__addr, .p-recommended__tag {
  overflow: hidden;
  /* display: -webkit-box; */
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 18.5rem;
  white-space: nowrap;
}
.p-recommended__addr {
  padding-left: 1.8rem;
  position: relative;
}
.p-recommended__addr:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/address.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: -0.15rem;
  margin-top: -1.1rem;
}
.p-recommended__ttl {
  color: #A16B00;
  padding-left: 1.8rem;
  position: relative;
  font-weight: bold;
}
.p-recommended__ttl:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/maidoko/tokuten-small.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.4rem;
  width: 1.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1rem;
}
.p-recommended__tokuten-text {
  color: #A16B00;
  font-weight: bold;
  padding: 0.3rem 0.8rem;
  line-height: 1;
  border: 0.1rem solid;
  border-color: #A16B00;
  color: #A16B00;
  border-radius: 0.4rem;
  width: 18.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  display: block;
}

#p-recommended__favorite-btn-text {
  white-space: nowrap;
  display: block;
}

@media screen and (min-width: 576px) {
  .p-recommended-store:last-child::after {
    width: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-recommended-store:last-child::after {
    width: 13rem;
  }
}
@media screen and (min-width: 992px) {
  .p-recommended__shopname {
    width: 39.8rem;
  }
  .p-recommended-no {
    text-align: center;
  }
  .p-recommended__addr, .p-recommended__tag {
    overflow: hidden;
    /* display: -webkit-box; */
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 32.2rem;
    white-space: nowrap;
  }
  .p-recommended__tokuten-text {
    overflow: hidden;
    /* display: -webkit-box; */
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 32.2rem;
    white-space: nowrap;
    display: block;
  }
  .p-recommended-store {
    margin-bottom: 1.6rem;
    margin-right: 2.4rem;
    /*
    			&__head{
    				padding: 1.6rem 1.6rem 0.8rem;
    			}
    */
  }
  .p-recommended__addr:after {
    height: 2rem;
    width: 2rem;
  }
  .p-recommended__ttl:after {
    height: 1.6rem;
    width: 1.6rem;
    margin-top: -0.95rem;
  }
  .p-recommended__picture {
    width: 10rem;
    height: 10rem;
  }
  .p-recommended__genre {
    font-size: 1.4rem;
  }
  .p-recommended__body {
    padding: 0 1.6rem 1.6rem;
  }
  .p-recommended__body-area {
    font-size: 1.4rem;
  }
  .p-recommended-store {
    min-width: 48rem !important;
    width: 48rem !important;
  }
}
body#enjoy .p-recommended__genre {
  color: #CC4C29;
  background: #F7E3DF;
}
body#enjoy .p-recommended__ttl {
  color: #208196;
}
body#enjoy .p-recommended__ttl:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/enjoy/tokuten-small.svg) no-repeat;
}
body#enjoy .p-recommended__tokuten-text {
  color: #208196;
  border-color: #208196;
  color: #208196;
}

.p-search-conditions {
  padding-bottom: 0.8rem;
}
.p-search-conditions-heading {
  text-align: center;
  padding: 2.4rem 0 0.8rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-search-conditions__area {
  display: flex;
  border-radius: 2.5rem;
  width: 100%;
  align-items: stretch;
}
.p-search-conditions__area:focus {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-search-conditions__search {
  width: 100%;
  border: 0.1rem solid;
  border-color: #277681;
  border-right: none;
  border-top-left-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
  padding: 0.8rem 1.8rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 3;
}
.p-search-conditions__link {
  padding: 1.1rem 1.05rem 1.1rem 1.72rem;
  font-size: 1rem;
  white-space: nowrap;
  position: relative;
  font-weight: bold;
  border: 0.1rem solid;
  border-left: none;
  border-color: #277681;
  background-color: #E5EFEE;
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
  height: 100%;
  z-index: -1;
  display: flex;
  align-items: center;
}
.p-search-conditions__link:before {
  color: #715F40;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_grey.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 0.6rem;
  width: 0.6rem;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  margin-top: -0.3rem;
}
.p-search-conditions__text {
  display: inline-block;
  font-size: 1.4rem;
  text-align: left;
}
.p-search-conditions__ttl {
  padding-left: 1.8rem;
  padding-bottom: 0.8rem;
  font-weight: bold;
}

@media screen and (min-width: 992px) {
  .p-genre-kekka .p-search-conditions {
    padding-top: 1.6rem;
    padding-bottom: 3rem;
    border-bottom: 0.1rem solid #E5EFEE;
  }
  .p-genre-kekka .p-search-conditions .p-btn02__link {
    margin-left: 0;
    margin-right: auto;
  }
  .p-genre-kekka .p-search-conditions:first-child {
    position: relative;
    padding-left: 0rem;
  }
  .p-genre-kekka .p-search-conditions:first-child:after {
    position: absolute;
    content: "";
    display: block;
    background-size: auto;
    background-size: cover;
    height: 1.3rem;
    width: 1.3rem;
    top: 50%;
    right: -0.65rem;
    background: url(/common/images/icon/maidoko/close.svg) no-repeat;
    margin-top: 0.6rem;
  }
  .p-genre-kekka .p-search-conditions:last-child {
    padding-right: 0rem;
  }
  .p-genre-kekka .row {
    margin-left: 0;
    margin-right: 0;
  }
  .p-genre-kekka .row .p-search-conditions {
    border-bottom: 0rem;
  }
  .p-search-conditions {
    /*
    		&__text{
    			font-size: $_font-size14;
    		}
    */
  }
  .p-search-conditions__search {
    border-top-left-radius: 2.4rem;
    border-bottom-left-radius: 2.4rem;
    padding: 1.2rem 2.4rem;
  }
  .p-search-conditions__link {
    padding: 1.2rem 1.05rem 1.2rem 2rem;
    font-size: 1.4rem;
    border-top-right-radius: 2.4rem;
    border-bottom-right-radius: 2.4rem;
    height: 100%;
  }
  .p-search-conditions__link:before {
    height: 1rem;
    width: 1rem;
    left: 0.9rem;
    margin-top: -0.4rem;
  }
  .p-search-conditions-heading {
    font-size: 3.2rem;
    padding: 9.2rem 0 4.4rem;
  }
  .p-search-conditions__ttl {
    padding-left: 0rem;
  }
}
body#enjoy .p-search-conditions__search {
  border-color: #CC4C29;
}
body#enjoy .p-search-conditions__link {
  border-color: #CC4C29;
  background-color: #F7E3DF;
}
@media screen and (min-width: 992px) {
  body#enjoy .p-search-conditions .p-genre-kekka .p-search-conditions {
    border-bottom: 0.1rem solid #F7E3DF;
  }
  body#enjoy .p-search-conditions .p-genre-kekka .p-search-conditions:first-child:after {
    background: url(/common/images/icon/enjoy/close.svg) no-repeat;
  }
}

/* #Flame
   -------------------------------------------------------------------------- */
/*doc
---
title: flame
name: flame
categories: [project]
---
囲みデザインのコンポーネントです。
*/
.p-shinki h2 {
  padding-top: 2.4rem;
  text-align: left;
}
.p-shinki__h1-note {
  font-size: 1.4rem;
  color: #444444;
  font-weight: normal;
}
.p-shinki__textarea {
  text-align: center;
  display: inline-block;
}
.p-shinki__textarea p {
  text-align: left;
  display: inline-block;
}
.p-shinki__announce {
  padding-top: 2.4rem;
  padding-bottom: 3.2rem;
}
.p-shinki__announce p {
  padding-bottom: 1.6rem;
}
.p-shinki__announce p br {
  display: none;
}
.p-shinki__announce-img {
  padding-top: 2.4rem;
  padding-right: 1.8rem;
  padding-left: 1.8rem;
  width: 100%;
}
.p-shinki__announce--mail h1 {
  padding-bottom: 1.6rem;
  padding-top: 0rem;
}
.p-shinki__announce--mail .p-shinki__announce-img {
  padding-top: 0rem;
  padding-bottom: 2.4rem;
}
.p-shinki__announce--mail .p-shinki__announce-mail {
  padding-top: 0rem;
  padding-bottom: 1.55rem;
  width: 26.8rem;
  height: auto;
  margin: 0 auto;
  display: flex;
}
.p-shinki__announce--mail p {
  text-align: center;
}
.p-shinki__announce--kanryo h1 {
  padding-bottom: 1.6rem;
  padding-top: 0rem;
}
.p-shinki__announce--kanryo p {
  padding-bottom: 0.8rem;
}
.p-shinki__announce--kanryo .p-shinki__announce-img {
  padding-top: 1.6rem;
}
.p-shinki__kaiin {
  padding-top: 4.6rem;
  background-color: #FDF8E2;
  border-radius: 0.4rem;
  padding: 4rem 1.6rem 3.2rem;
  margin-bottom: 3.2rem;
}
.p-shinki__kaiin h2 {
  color: #277681;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.p-shinki__kaiin-point {
  padding-top: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-shinki__kaiin-img {
  width: 11.2rem;
  padding-right: 1.2rem;
}
.p-shinki__kaiin-ttl {
  display: inline-block;
  font-weight: bold;
  padding-bottom: 0.8rem;
}
.p-shinki-form {
  padding-top: 1.6rem;
}
.p-shinki-form:first-of-type {
  padding-top: 0rem;
}
.p-shinki-form__tel {
  padding-bottom: 3.2rem;
}
.p-shinki__others {
  padding-bottom: 3.2rem;
  padding-top: 1.6rem;
}
.p-shinki__kakunin {
  padding-bottom: 2.4rem;
}
.p-shinki__kakunin-area .p-btn04__link.send_mail, .p-shinki__kakunin-area .p-btn04__link.send_mail_user {
  margin: 4rem auto 1.6rem;
}
.p-shinki__kakunin-area .p-btn02__link {
  width: 100%;
}
.p-shinki__kakunin-ttl {
  padding-bottom: 0.3rem;
  font-weight: bold;
}
.p-shinki__kakunin-item {
  padding-left: 2.4rem;
  padding-bottom: 1.6rem;
}
.p-shinki__kakunin-item--green {
  color: #277681;
}
.p-shinki__management {
  padding-top: 8.4rem;
  position: relative;
}
.p-shinki__management:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2.4rem;
  height: 0.4rem;
  background-color: #277681;
  border-radius: 0.4rem;
  margin-top: 4rem;
  margin-left: -1.2rem;
}
.p-shinki__management h2 {
  padding-bottom: 0.4rem;
  padding-top: 0;
}
.p-shinki__management-note {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 2.4rem;
}

body#enjoy .p-shinki__management:after,
main#kanri-enjoy .p-shinki__management:after {
  background-color: #CC4C29;
}
body#enjoy .p-shinki__kaiin,
main#kanri-enjoy .p-shinki__kaiin {
  background-color: #F9F6EA;
}
body#enjoy .p-shinki__kaiin h2,
main#kanri-enjoy .p-shinki__kaiin h2 {
  color: #CC4C29;
}
body#enjoy .p-shinki__kakunin-item--green,
main#kanri-enjoy .p-shinki__kakunin-item--green {
  color: #CC4C29;
}
body#enjoy .p-shinki__management:after,
main#kanri-enjoy .p-shinki__management:after {
  background-color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-shinki__h1-note {
    font-size: 1.8rem;
  }
  .p-shinki__kaiin {
    padding: 4rem 2.4rem;
    margin-bottom: 4rem;
  }
  .p-shinki__kaiin-img {
    width: 15rem;
  }
  .p-shinki__kaiin-ttl {
    font-size: 2.4rem;
    padding-bottom: 1.6rem;
  }
  .p-shinki__management {
    padding-top: 13.2rem;
  }
  .p-shinki__management:after {
    width: 7.2rem;
    margin-left: -3.6rem;
    margin-top: 6.6rem;
  }
  .p-shinki__others {
    padding-bottom: 6.4rem;
  }
  .p-shinki__textarea {
    padding: 2.5rem 0rem 3.2rem;
  }
  .p-shinki__textarea h2 {
    text-align: center;
    padding-top: 0rem;
    padding-bottom: 1.6rem;
  }
  .p-shinki__kakunin-ttl, .p-shinki__kakunin-item {
    font-size: 1.8rem;
    padding-left: 0rem;
  }
  .p-shinki__kakunin-area .p-btn04__link.send_mail_user, .p-shinki__kakunin-area .p-btn04__link.send_mail {
    margin: 4rem auto 1.6rem;
  }
  .p-shinki__announce p br {
    display: block;
  }
  .p-shinki__announce--mail .p-shinki__announce-mail {
    padding-bottom: 3.2rem;
  }
  .p-shinki__announce--kakunin {
    text-align: center;
  }
  .p-shinki__announce--kanryo {
    padding-bottom: 6.4rem;
    text-align: center;
  }
  .p-shinki__announce-img {
    max-width: 50%;
    margin: 0 auto;
    display: block;
  }
  .p-shinki__management-note {
    font-size: 1.4rem;
  }
}
.p-shitsumon__h3 {
  color: #277681;
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 2.4rem;
  padding-bottom: 0.8rem;
}

body#enjoy .p-shitsumon__h3 {
  color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-shitsumon__h2 {
    margin: 1.7rem 0rem;
  }
  .p-shitsumon__h3 {
    font-size: 2.4rem;
    padding-bottom: 1.2rem;
  }
}
/* #Sp-header
   -------------------------------------------------------------------------- */
/*doc
---
title: sp-header
name: sp-header
categories: [project]
---
SP用ヘッダーのコンポーネントです。
```block
<div class="c-sp-header">
	<div class="c-sp-header__head">
		<div class="c-sp-header__logo">
			<h1 class="p-logo">logo</h1>
		</div>
        <div class="c-sp-header__utility-nav"></div>
	</div>
	<nav class="c-sp-header__body"></nav>
</div>
```
*/
.p-signin,
.p-shinki {
  /*パスワード表示非表示 縁ジョイ*/
}
.p-signin__logo,
.p-shinki__logo {
  padding: 2.4rem 0 1.6rem;
}
.p-signin__logo-img,
.p-shinki__logo-img {
  width: 12rem;
  margin: 0 auto;
  display: block;
}
.p-signin__logo-text,
.p-shinki__logo-text {
  font-weight: bold;
  font-size: 1.2rem;
}
.p-signin__noaccount p,
.p-shinki__noaccount p {
  padding: 2.3rem 0 0.4rem;
  font-weight: bold;
  color: #277681;
  text-align: center;
}
.p-signin-form__toggle.eyeNone,
.p-shinki-form__toggle.eyeNone {
  background: url(/common/images/icon/maidoko/eye-none.svg) no-repeat;
  height: 2.2rem;
}
.p-signin__others,
.p-shinki__others {
  padding-top: 2.4rem;
  padding-bottom: 3.7rem;
  display: flex;
  justify-content: center;
}
.p-signin__others-item:nth-child(2n+1),
.p-shinki__others-item:nth-child(2n+1) {
  padding-right: 1rem;
}
.p-signin__others--contact,
.p-shinki__others--contact {
  display: block;
}
.p-signin__others--contact li.p-shinki__others-item,
.p-shinki__others--contact li.p-shinki__others-item {
  margin-bottom: 0.4rem;
}
.p-signin__others-link,
.p-shinki__others-link {
  padding-left: 1.5rem;
  position: relative;
  font-size: 1.2rem;
  text-decoration: underline;
}
.p-signin__others-link:before,
.p-shinki__others-link:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.75rem;
}
.p-signin__others-link[target=_blank],
.p-shinki__others-link[target=_blank] {
  padding-right: 2rem;
}
.p-signin__others-link[target=_blank]::after,
.p-shinki__others-link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  margin-left: 0.5rem;
  font-size: 1.4rem;
  color: #277681;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 0rem;
  right: 0;
}

.p-signin__others {
  display: block;
  padding: 1.45rem 1.5rem 3.2rem;
}
.p-signin__others-item {
  padding-right: 2rem;
  padding-bottom: 0.8rem;
}
.p-signin__others-item:nth-child(2n+1) {
  padding-right: 2rem;
}

body#enjoy .p-signin, body#enjoy .p-shinki {
  /*パスワード表示非表示 縁ジョイ*/
}
body#enjoy .p-signin__logo-img, body#enjoy .p-shinki__logo-img {
  width: 15rem;
}
body#enjoy .p-signin-form__toggle.eyeNone, body#enjoy .p-shinki-form__toggle.eyeNone {
  background: url(/common/images/icon/enjoy/eye-none.svg) no-repeat;
  height: 2.2rem;
}
body#enjoy .p-signin__noaccount p, body#enjoy .p-shinki__noaccount p {
  color: #CC4C29;
}
body#enjoy .p-signin__others-link:before, body#enjoy .p-shinki__others-link:before {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-signin__others-link[target=_blank], body#enjoy .p-shinki__others-link[target=_blank] {
  padding-right: 2rem;
}
body#enjoy .p-signin__others-link[target=_blank]::after, body#enjoy .p-shinki__others-link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  margin-left: 0.5rem;
  font-size: 1.4rem;
  color: #CC4C29;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 0rem;
  right: 0;
}

@media screen and (min-width: 992px) {
  body#enjoy .p-signin__others-link, body#enjoy .p-shinki__others-link {
    font-size: 1.8rem;
  }
  body#enjoy .p-signin__others-link:before, body#enjoy .p-shinki__others-link:before {
    background: url(/common/images/icon/arw_red.svg) no-repeat;
  }
  body#enjoy .p-signin__others-link[target=_blank], body#enjoy .p-shinki__others-link[target=_blank] {
    padding-right: 2.2rem;
  }
  body#enjoy .p-signin__others-link[target=_blank]::after, body#enjoy .p-shinki__others-link[target=_blank]::after {
    font-size: 1.6rem;
    top: 0.3rem;
  }
  .p-signin {
    padding-top: 5.8rem;
  }
  .p-signin__logo {
    display: none;
  }
  .p-signin__others,
.p-shinki__others {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    display: flex;
    justify-content: flex-start;
  }
  .p-signin__others--contact,
.p-shinki__others--contact {
    display: block;
  }
  .p-signin__others-link,
.p-shinki__others-link {
    font-size: 1.8rem;
  }
  .p-signin__others-link[target=_blank],
.p-shinki__others-link[target=_blank] {
    padding-right: 2.2rem;
  }
  .p-signin__others-link[target=_blank]::after,
.p-shinki__others-link[target=_blank]::after {
    font-size: 1.6rem;
    top: 0.3rem;
  }
  .p-signin__others {
    justify-content: center;
  }
}
/* #Flame
   -------------------------------------------------------------------------- */
/*doc
---
title: flame
name: flame
categories: [project]
---
囲みデザインのコンポーネントです。
*/
.p-signin-form__ex,
.p-shinki-form__ex,
.p-henko-form__ex {
  font-size: 1rem;
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;
}
.p-signin-form__ttl,
.p-shinki-form__ttl,
.p-henko-form__ttl {
  font-weight: bold;
}
.p-signin-form__ttl-required,
.p-shinki-form__ttl-required,
.p-henko-form__ttl-required {
  display: inline-block;
  position: relative;
  padding-right: 2.5rem;
}
.p-signin-form__ttl-required:before,
.p-shinki-form__ttl-required:before,
.p-henko-form__ttl-required:before {
  position: absolute;
  content: "必須";
  bottom: 0;
  right: 0;
  color: #A16B00;
  margin-right: 0;
  font-size: 1rem;
}
.p-signin-form__ttl-note,
.p-shinki-form__ttl-note,
.p-henko-form__ttl-note {
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
}
.p-signin-form label,
.p-shinki-form label,
.p-henko-form label {
  margin-bottom: 0.4rem;
}
.p-signin-form__text,
.p-shinki-form__text,
.p-henko-form__text {
  padding: 1.3rem 2rem 1.5rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #277681;
  width: 100%;
}
.p-signin-form__pw, .p-signin-form__pw-kakunin, .p-signin-form__pw-current,
.p-shinki-form__pw,
.p-shinki-form__pw-kakunin,
.p-shinki-form__pw-current,
.p-henko-form__pw,
.p-henko-form__pw-kakunin,
.p-henko-form__pw-current {
  padding-top: 1.6rem;
}
.p-signin-form__pw .p-signin-form__text, .p-signin-form__pw .p-shinki-form__text, .p-signin-form__pw .p-henko-form__text, .p-signin-form__pw-kakunin .p-signin-form__text, .p-signin-form__pw-kakunin .p-shinki-form__text, .p-signin-form__pw-kakunin .p-henko-form__text, .p-signin-form__pw-current .p-signin-form__text, .p-signin-form__pw-current .p-shinki-form__text, .p-signin-form__pw-current .p-henko-form__text,
.p-shinki-form__pw .p-signin-form__text,
.p-shinki-form__pw .p-shinki-form__text,
.p-shinki-form__pw .p-henko-form__text,
.p-shinki-form__pw-kakunin .p-signin-form__text,
.p-shinki-form__pw-kakunin .p-shinki-form__text,
.p-shinki-form__pw-kakunin .p-henko-form__text,
.p-shinki-form__pw-current .p-signin-form__text,
.p-shinki-form__pw-current .p-shinki-form__text,
.p-shinki-form__pw-current .p-henko-form__text,
.p-henko-form__pw .p-signin-form__text,
.p-henko-form__pw .p-shinki-form__text,
.p-henko-form__pw .p-henko-form__text,
.p-henko-form__pw-kakunin .p-signin-form__text,
.p-henko-form__pw-kakunin .p-shinki-form__text,
.p-henko-form__pw-kakunin .p-henko-form__text,
.p-henko-form__pw-current .p-signin-form__text,
.p-henko-form__pw-current .p-shinki-form__text,
.p-henko-form__pw-current .p-henko-form__text {
  width: 100%;
  border: none;
  border-radius: inherit;
}
.p-signin-form__pw .p-signin-form__text:focus, .p-signin-form__pw .p-shinki-form__text:focus, .p-signin-form__pw .p-henko-form__text:focus, .p-signin-form__pw-kakunin .p-signin-form__text:focus, .p-signin-form__pw-kakunin .p-shinki-form__text:focus, .p-signin-form__pw-kakunin .p-henko-form__text:focus, .p-signin-form__pw-current .p-signin-form__text:focus, .p-signin-form__pw-current .p-shinki-form__text:focus, .p-signin-form__pw-current .p-henko-form__text:focus,
.p-shinki-form__pw .p-signin-form__text:focus,
.p-shinki-form__pw .p-shinki-form__text:focus,
.p-shinki-form__pw .p-henko-form__text:focus,
.p-shinki-form__pw-kakunin .p-signin-form__text:focus,
.p-shinki-form__pw-kakunin .p-shinki-form__text:focus,
.p-shinki-form__pw-kakunin .p-henko-form__text:focus,
.p-shinki-form__pw-current .p-signin-form__text:focus,
.p-shinki-form__pw-current .p-shinki-form__text:focus,
.p-shinki-form__pw-current .p-henko-form__text:focus,
.p-henko-form__pw .p-signin-form__text:focus,
.p-henko-form__pw .p-shinki-form__text:focus,
.p-henko-form__pw .p-henko-form__text:focus,
.p-henko-form__pw-kakunin .p-signin-form__text:focus,
.p-henko-form__pw-kakunin .p-shinki-form__text:focus,
.p-henko-form__pw-kakunin .p-henko-form__text:focus,
.p-henko-form__pw-current .p-signin-form__text:focus,
.p-henko-form__pw-current .p-shinki-form__text:focus,
.p-henko-form__pw-current .p-henko-form__text:focus {
  outline: none !important;
}
.p-signin-form__toggle,
.p-shinki-form__toggle,
.p-henko-form__toggle {
  width: 3rem;
  height: 1.591rem;
  background: url(/common/images/icon/maidoko/eye.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  cursor: pointer;
  margin-right: 1rem;
}
.p-signin-form__toggle.eyeNone,
.p-shinki-form__toggle.eyeNone,
.p-henko-form__toggle.eyeNone {
  width: 3rem;
  height: 2.2rem;
  background: url(/common/images/icon/maidoko/eye-none.svg) no-repeat;
}
.p-signin-form__group,
.p-shinki-form__group,
.p-henko-form__group {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  border: 0.1rem solid #277681;
  width: 100%;
}
.p-signin-form__group:focus-within,
.p-shinki-form__group:focus-within,
.p-henko-form__group:focus-within {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-signin-form__btn-action,
.p-shinki-form__btn-action,
.p-henko-form__btn-action {
  color: #ffffff;
  border-radius: 2.7rem;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0.8rem 0;
  display: block;
  background-color: #277681;
  width: 100%;
  margin-bottom: 1.6rem;
  margin-top: 4rem;
}
.p-signin-form__check,
.p-shinki-form__check,
.p-henko-form__check {
  opacity: 0;
  position: absolute;
}
.p-signin-form__check:checked + label:before,
.p-shinki-form__check:checked + label:before,
.p-henko-form__check:checked + label:before {
  background-color: #277681;
}
.p-signin-form__check:checked + label:after,
.p-shinki-form__check:checked + label:after,
.p-henko-form__check:checked + label:after {
  opacity: 1;
}
.p-signin-form__check:focus + label:before,
.p-shinki-form__check:focus + label:before,
.p-henko-form__check:focus + label:before {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-signin-form__check:focus + label:after,
.p-shinki-form__check:focus + label:after,
.p-henko-form__check:focus + label:after {
  opacity: 1;
}
.p-signin-form__check-label,
.p-shinki-form__check-label,
.p-henko-form__check-label {
  position: relative;
  padding-left: 4rem;
  padding-right: 0.8rem;
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
  cursor: pointer;
}
.p-signin-form__check-label:before, .p-signin-form__check-label:after,
.p-shinki-form__check-label:before,
.p-shinki-form__check-label:after,
.p-henko-form__check-label:before,
.p-henko-form__check-label:after {
  content: "";
  position: absolute;
  display: block;
}
.p-signin-form__check-label:before,
.p-shinki-form__check-label:before,
.p-henko-form__check-label:before {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 2.6rem;
  height: 2.6rem;
  border: 0.1rem solid #277681;
  border-radius: 0.4rem;
}
.p-signin-form__check-label:after,
.p-shinki-form__check-label:after,
.p-henko-form__check-label:after {
  top: 50%;
  left: 0.95rem;
  width: 0.8rem;
  height: 1.4rem;
  border-bottom: 0.25rem solid #ffffff;
  border-right: 0.25rem solid #ffffff;
  transform: rotate(50deg);
  opacity: 0;
  margin-top: -0.9rem;
}

.p-shinki-form__check-label {
  padding-left: 3.2rem;
  padding-right: 0rem;
  margin-bottom: 0;
  margin-top: 0;
}

.p-shinki-form__pw-kakunin {
  padding-bottom: 8.4rem;
  position: relative;
}
.p-shinki-form__pw-kakunin:after {
  position: absolute;
  content: "";
  width: 2.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  bottom: 4rem;
  left: 50%;
  background-color: #277681;
}

body#enjoy .p-signin-form__ttl-required:before, body#enjoy .p-shinki-form__ttl-required:before, body#enjoy .p-henko-form__ttl-required:before {
  color: #208196;
}
body#enjoy .p-signin-form__text, body#enjoy .p-shinki-form__text, body#enjoy .p-henko-form__text {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-signin-form__pw .p-signin-form__text, body#enjoy .p-signin-form__pw .p-shinki-form__text, body#enjoy .p-signin-form__pw .p-henko-form__text, body#enjoy .p-signin-form__pw-kakunin .p-signin-form__text, body#enjoy .p-signin-form__pw-kakunin .p-shinki-form__text, body#enjoy .p-signin-form__pw-kakunin .p-henko-form__text, body#enjoy .p-signin-form__pw-current .p-signin-form__text, body#enjoy .p-signin-form__pw-current .p-shinki-form__text, body#enjoy .p-signin-form__pw-current .p-henko-form__text, body#enjoy .p-shinki-form__pw .p-signin-form__text, body#enjoy .p-shinki-form__pw .p-shinki-form__text, body#enjoy .p-shinki-form__pw .p-henko-form__text, body#enjoy .p-shinki-form__pw-kakunin .p-signin-form__text, body#enjoy .p-shinki-form__pw-kakunin .p-shinki-form__text, body#enjoy .p-shinki-form__pw-kakunin .p-henko-form__text, body#enjoy .p-shinki-form__pw-current .p-signin-form__text, body#enjoy .p-shinki-form__pw-current .p-shinki-form__text, body#enjoy .p-shinki-form__pw-current .p-henko-form__text, body#enjoy .p-henko-form__pw .p-signin-form__text, body#enjoy .p-henko-form__pw .p-shinki-form__text, body#enjoy .p-henko-form__pw .p-henko-form__text, body#enjoy .p-henko-form__pw-kakunin .p-signin-form__text, body#enjoy .p-henko-form__pw-kakunin .p-shinki-form__text, body#enjoy .p-henko-form__pw-kakunin .p-henko-form__text, body#enjoy .p-henko-form__pw-current .p-signin-form__text, body#enjoy .p-henko-form__pw-current .p-shinki-form__text, body#enjoy .p-henko-form__pw-current .p-henko-form__text {
  width: 100%;
  border: none;
  border-radius: inherit;
}
body#enjoy .p-signin-form__pw .p-signin-form__text:focus, body#enjoy .p-signin-form__pw .p-shinki-form__text:focus, body#enjoy .p-signin-form__pw .p-henko-form__text:focus, body#enjoy .p-signin-form__pw-kakunin .p-signin-form__text:focus, body#enjoy .p-signin-form__pw-kakunin .p-shinki-form__text:focus, body#enjoy .p-signin-form__pw-kakunin .p-henko-form__text:focus, body#enjoy .p-signin-form__pw-current .p-signin-form__text:focus, body#enjoy .p-signin-form__pw-current .p-shinki-form__text:focus, body#enjoy .p-signin-form__pw-current .p-henko-form__text:focus, body#enjoy .p-shinki-form__pw .p-signin-form__text:focus, body#enjoy .p-shinki-form__pw .p-shinki-form__text:focus, body#enjoy .p-shinki-form__pw .p-henko-form__text:focus, body#enjoy .p-shinki-form__pw-kakunin .p-signin-form__text:focus, body#enjoy .p-shinki-form__pw-kakunin .p-shinki-form__text:focus, body#enjoy .p-shinki-form__pw-kakunin .p-henko-form__text:focus, body#enjoy .p-shinki-form__pw-current .p-signin-form__text:focus, body#enjoy .p-shinki-form__pw-current .p-shinki-form__text:focus, body#enjoy .p-shinki-form__pw-current .p-henko-form__text:focus, body#enjoy .p-henko-form__pw .p-signin-form__text:focus, body#enjoy .p-henko-form__pw .p-shinki-form__text:focus, body#enjoy .p-henko-form__pw .p-henko-form__text:focus, body#enjoy .p-henko-form__pw-kakunin .p-signin-form__text:focus, body#enjoy .p-henko-form__pw-kakunin .p-shinki-form__text:focus, body#enjoy .p-henko-form__pw-kakunin .p-henko-form__text:focus, body#enjoy .p-henko-form__pw-current .p-signin-form__text:focus, body#enjoy .p-henko-form__pw-current .p-shinki-form__text:focus, body#enjoy .p-henko-form__pw-current .p-henko-form__text:focus {
  outline: none !important;
}
body#enjoy .p-signin-form__toggle, body#enjoy .p-shinki-form__toggle, body#enjoy .p-henko-form__toggle {
  background: url(/common/images/icon/enjoy/eye.svg) no-repeat;
}
body#enjoy .p-signin-form__toggle.eyeNone, body#enjoy .p-shinki-form__toggle.eyeNone, body#enjoy .p-henko-form__toggle.eyeNone {
  width: 3rem;
  height: 2.2rem;
  background: url(/common/images/icon/enjoy/eye-none.svg) no-repeat;
}
body#enjoy .p-signin-form__group, body#enjoy .p-shinki-form__group, body#enjoy .p-henko-form__group {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-signin-form__btn-action, body#enjoy .p-shinki-form__btn-action, body#enjoy .p-henko-form__btn-action {
  color: #ffffff;
  background-color: #CC4C29;
}
body#enjoy .p-signin-form__check:checked + label:before, body#enjoy .p-shinki-form__check:checked + label:before, body#enjoy .p-henko-form__check:checked + label:before {
  background-color: #CC4C29;
}
body#enjoy .p-signin-form__check-label:before, body#enjoy .p-shinki-form__check-label:before, body#enjoy .p-henko-form__check-label:before {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-shinki-form__pw-kakunin:after {
  background-color: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-signin-form__ex,
.p-shinki-form__ex,
.p-henko-form__ex {
    font-size: 1.4rem;
  }
  .p-signin-form__ttl-note,
.p-shinki-form__ttl-note,
.p-henko-form__ttl-note {
    font-size: 1.4rem;
  }
  .p-signin-form__pw, .p-signin-form__pw-kakunin, .p-signin-form__pw-current,
.p-shinki-form__pw,
.p-shinki-form__pw-kakunin,
.p-shinki-form__pw-current,
.p-henko-form__pw,
.p-henko-form__pw-kakunin,
.p-henko-form__pw-current {
    padding-top: 3.2rem;
  }
  .p-shinki-form__pw-kakunin:after {
    width: 7.2rem;
    margin-left: -3.6rem;
  }
  .p-signin-form {
    text-align: left;
  }
  .p-signin-form__ttl {
    padding-bottom: 0.8rem;
  }
  .p-signin-form__btn-action {
    padding: 1.5rem 0rem;
    max-width: 34.5rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.8rem;
  }
  .p-signin-form__check-label {
    text-align: left;
    width: 100%;
  }
  .p-signin__noaccount .p-btn03__link {
    margin: 0 auto;
  }
}
/* #Site search
   -------------------------------------------------------------------------- */
/*doc
---
title: site search
name: site search
categories: [project]
---
サイト内検索のコンポーネントです。
*/
.p-site-search__body {
  width: 100%;
  text-align: center;
  padding-top: 1.6rem;
  border-radius: 2.5rem;
}
.p-site-search__input {
  display: block;
  position: relative;
  padding: 1.1rem 1.1rem 1.1rem 4rem;
  border-radius: 2.5rem;
  background-color: #ffffff;
  border: 0.2rem solid #ffffff;
}
.p-site-search__input:focus-within {
  border: 0.2rem solid #990000;
}
.p-site-search__input:after {
  content: "";
  display: block;
  background: url(/common/images/icon/search.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  margin-top: -0.9rem;
}
.p-site-search__txt {
  width: 98%;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
}
.p-site-search__txt input[type=text] {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-site-search input:focus {
  outline: none !important;
}

@media screen and (min-width: 992px) {
  .p-site-search__txt {
    font-size: 1.6rem;
  }
  .p-site-search__input {
    padding: 1.1rem 2rem;
    width: 100%;
  }
  .p-site-search__input:after {
    display: none;
  }
  .p-site-search__body {
    display: flex;
  }
  .p-site-search__btn {
    white-space: nowrap;
    white-space: nowrap;
    font-weight: bold;
    color: #ffffff;
    background-color: #277681;
    padding: 1.5rem 6.4rem 1.5rem 8.3rem;
    border-radius: 3rem;
    margin-left: 1.6rem;
    position: relative;
  }
  .p-site-search__btn:before {
    content: "";
    display: block;
    background: url(/common/images/icon/search-f.svg) no-repeat;
    background-size: auto;
    background-size: contain;
    height: 3.2rem;
    width: 3.2rem;
    position: absolute;
    top: 50%;
    left: 4.3rem;
    margin-top: -1.45rem;
  }
  body#enjoy .p-site-search__btn {
    background-color: #CC4C29;
  }
}
/* #Sp-global-nav
   -------------------------------------------------------------------------- */
/*doc
---
title: sp-global-nav
name: sp-global-nav
categories: [project]
---
グローバルナビのコンポーネントです。
*/
.p-sp-global-nav {
  transform: translateX(-100%);
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100vh;
  visibility: hidden;
}
.p-sp-global-nav-bk.js-bk {
  width: 100vw;
  cursor: pointer;
  height: 100vh;
  z-index: 1;
}
.p-sp-global-nav__area {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #E5EFEE;
  z-index: 20;
  height: 100vh;
  width: 85%;
}
.p-sp-global-nav.is-active {
  transform: translateX(0%);
  z-index: 0;
  visibility: visible;
}
.p-sp-global-nav__logo {
  /*
  		&-text{
  			color: $_color-txt;
  			font-weight: bold;
  		}
  */
}
.p-sp-global-nav__logo-title {
  text-align: center;
  padding-left: 3.7rem;
}
.p-sp-global-nav__logo-img {
  width: 10rem;
}
.p-sp-global-nav__area-top {
  display: flex;
  align-items: center;
  max-width: 100% !important;
  min-height: 7.3rem;
}
.p-sp-global-nav__area-bottom {
  padding-bottom: 30rem;
}
.p-sp-global-nav__contents {
  overflow: scroll;
  height: calc(100vh - 7rem);
}
.p-sp-global-nav__contents-unregistered {
  display: none;
}
.p-sp-global-nav__menu {
  cursor: pointer;
  font-weight: bold;
  /*
  		&-btn{
  			width: 5rem;
  			height: 5rem;
  			border-radius: 50%;
  			background-color: $_color06;
  			display: inline-block;
  			margin: 1rem 0;

  		}	
  */
}
.p-sp-global-nav__menu-close {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #ffffff;
  display: inline-block;
  margin: 1rem 0;
  align-items: end;
  display: flex;
  justify-content: center;
  padding: 0.85rem;
}
.p-sp-global-nav__menu-txt {
  position: relative;
}
.p-sp-global-nav__menu-txt:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/close.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.3rem;
  width: 1.3rem;
  top: -1.35rem;
  left: 50%;
  margin-left: -0.7rem;
}
.p-sp-global-nav__user {
  color: #ffffff;
  font-weight: bold;
  background-color: #277681;
  padding: 1.2rem 2.4rem 1rem 2.4rem;
}
.p-sp-global-nav__user-link {
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  white-space: nowrap;
}
.p-sp-global-nav__user-note {
  font-size: 1rem;
}
.p-sp-global-nav__user-mail {
  font-weight: 500;
  font-size: 1.2rem;
}
.p-sp-global-nav__list-unregistered {
  margin-bottom: 6.5rem;
}
.p-sp-global-nav__item {
  border-bottom: 0.1rem solid #ffffff;
}
.p-sp-global-nav__item--signout {
  border-bottom: 0rem;
  margin-top: -0.1rem;
  border-top: 0.1rem solid #277681;
}
.p-sp-global-nav__link {
  color: #277681;
  padding: 2.1rem 0 2.4rem 2.15rem;
  font-size: 1.4rem;
  display: block;
  font-weight: bold;
  position: relative;
}
.p-sp-global-nav__link[target=_blank] {
  padding-right: 2.4rem !important;
}
.p-sp-global-nav__link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.4rem;
  color: #277681;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -1rem;
}
.p-sp-global-nav__link span {
  position: relative;
  padding-left: 2.75rem;
}
.p-sp-global-nav__link span:after {
  position: absolute;
  content: "";
  display: block;
  background-size: auto;
  background-size: contain;
  top: 50%;
  left: 0;
}
.p-sp-global-nav__link span.p-sp-global-nav__link--contact {
  padding-left: 2rem;
}
.p-sp-global-nav__link--new:after {
  background: url(/common/images/icon/maidoko/nav-new.svg) no-repeat;
  height: 1.6rem;
  width: 2rem;
  margin-top: -0.8rem;
}
.p-sp-global-nav__link--favorite:after {
  background: url(/common/images/icon/maidoko/nav-favorite.svg) no-repeat;
  height: 1.4rem;
  width: 1.8rem;
  margin-top: -0.6rem;
}
.p-sp-global-nav__link--signin:after {
  background: url(/common/images/icon/maidoko/nav-signin.svg) no-repeat;
  height: 1.6rem;
  width: 1.6rem;
  margin-top: -0.8rem;
}
.p-sp-global-nav__link--howto:after {
  background: url(/common/images/icon/maidoko/nav-howto.svg) no-repeat;
  height: 2.32rem;
  width: 2.03rem;
  margin-top: -1.16rem;
}
.p-sp-global-nav__link--question:after {
  background: url(/common/images/icon/maidoko/nav-question.svg) no-repeat;
  height: 1.65rem;
  width: 2.5rem;
  margin-top: -0.825rem;
}
.p-sp-global-nav__link--contact:after {
  background: url(/common/images/icon/maidoko/nav-contact.svg) no-repeat;
  height: 1.6rem;
  width: 1.8rem;
  margin-top: -0.8rem;
}
.p-sp-global-nav__link--mypage:after {
  background: url(/common/images/icon/maidoko/nav-mypage.svg) no-repeat;
  height: 1.6rem;
  width: 1.6rem;
  margin-top: -0.8rem;
}
.p-sp-global-nav__link--push:after {
  background: url(/common/images/icon/maidoko/nav-push.svg) no-repeat;
  height: 1.987rem;
  width: 1.6rem;
  margin-top: -0.825rem;
}
.p-sp-global-nav__link--password:after {
  background: url(/common/images/icon/maidoko/nav-password.svg) no-repeat;
  height: 2.3rem;
  width: 2.3rem;
  margin-left: 0.1rem;
  margin-top: -0.8rem;
}
.p-sp-global-nav__link--delete:after {
  background: url(/common/images/icon/maidoko/delete.svg) no-repeat;
  height: 1.6rem;
  width: 1.6rem;
  margin-left: 0.1rem;
  margin-top: -0.8rem;
}
.p-sp-global-nav__link--signout:after {
  background: url(/common/images/icon/maidoko/signout.svg) no-repeat;
  height: 2.1rem;
  width: 100%;
  margin-left: 0.1rem;
  margin-top: -0.9rem;
}
.p-sp-global-nav__banner {
  margin-top: 2.45rem;
  display: inline-block;
  width: auto;
}
.p-sp-global-nav__banner img {
  max-width: 36.6rem;
  width: 100%;
  display: block;
  border-radius: 1.4rem;
}
.p-sp-global-nav__other {
  padding-top: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-left: 0.5rem;
}
.p-sp-global-nav__other-item {
  padding-left: 1.3rem;
  padding-bottom: 1rem;
  position: relative;
  font-size: 1.2rem;
  padding-right: 0.95rem;
}
.p-sp-global-nav__other-item:after {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.2rem;
}
.p-sp-global-nav__other-link[target=_blank] {
  padding-right: 2.4rem !important;
}
.p-sp-global-nav__other-link[target=_blank]::after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.2rem;
  color: #277681;
  font-family: "Font Awesome 5 Free";
  background: none;
  speak: none;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -1.3rem;
}

body#enjoy .p-sp-global-nav__logo-img {
  width: 13rem;
}
body#enjoy .p-sp-global-nav__area {
  background-color: #F7E3DF;
}
body#enjoy .p-sp-global-nav__menu-txt {
  position: relative;
}
body#enjoy .p-sp-global-nav__menu-txt:before {
  background: url(/common/images/icon/enjoy/close.svg) no-repeat;
}
body#enjoy .p-sp-global-nav__user {
  background-color: #CC4C29;
}
body#enjoy .p-sp-global-nav__item--signout {
  border-top: 0.1rem solid #CC4C29;
}
body#enjoy .p-sp-global-nav__link {
  color: #CC4C29;
}
body#enjoy .p-sp-global-nav__link[target=_blank]::after {
  color: #CC4C29;
}
body#enjoy .p-sp-global-nav__link--new:after {
  background: url(/common/images/icon/enjoy/nav-new.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--favorite:after {
  background: url(/common/images/icon/enjoy/nav-favorite.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--signin:after {
  background: url(/common/images/icon/enjoy/nav-signin.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--howto:after {
  background: url(/common/images/icon/enjoy/nav-howto.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--question:after {
  background: url(/common/images/icon/enjoy/nav-question.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--contact:after {
  background: url(/common/images/icon/enjoy/nav-contact.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--mypage:after {
  background: url(/common/images/icon/enjoy/nav-mypage.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--push:after {
  background: url(/common/images/icon/enjoy/nav-push.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--password:after {
  background: url(/common/images/icon/enjoy/nav-password.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--delete:after {
  background: url(/common/images/icon/enjoy/delete.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__link--signout:after {
  background: url(/common/images/icon/enjoy/signout.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-sp-global-nav__other-item:after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-sp-global-nav__other-link[target=_blank]::after {
  color: #CC4C29;
}

/* #Sp-header
   -------------------------------------------------------------------------- */
/*doc
---
title: sp-header
name: sp-header
categories: [project]
---
SP用ヘッダーのコンポーネントです。
```block
<div class="c-sp-header">
	<div class="c-sp-header__head">
		<div class="c-sp-header__logo">
			<h1 class="p-logo">logo</h1>
		</div>
        <div class="c-sp-header__utility-nav"></div>
	</div>
	<nav class="c-sp-header__body"></nav>
</div>
```
*/
.p-sp-header {
  font-size: 1rem;
  color: #715F40;
  background-color: #F9F4ED;
}
.p-sp-header .p-heading01 {
  font-size: 1.6rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.p-sp-header .p-heading01--Individual {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.p-sp-header--none {
  background-color: transparent !important;
}
.p-sp-header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-sp-header__wrap.container {
  justify-content: start;
}
.p-sp-header__wrap--both.container {
  justify-content: space-between;
}
.p-sp-header__top-kyosanten .p-sp-header__wrap {
  justify-content: space-between;
}
.p-sp-header__top-left {
  display: flex;
}
.p-sp-header__top-center--search {
  width: 100%;
  display: block;
}
.p-sp-header__top-only {
  padding: 1.2rem 0rem;
}
.p-sp-header__top-only .p-store-search__input {
  min-width: 34.5rem;
  padding: 1.1rem 2rem 1.1rem 4rem !important;
}
.p-sp-header__top-only .p-sp-header__wrap {
  justify-content: center;
  width: 100%;
  display: block;
}
.p-sp-header__top-only .p-sp-header__top-center {
  padding-left: 0rem;
}
.p-sp-header__top-only .p-sp-header__top-center .p-heading01 {
  min-height: 4.4rem;
  display: flex;
  align-items: center;
}
.p-sp-header__top-only .p-sp-header__top-right--search {
  position: absolute;
  right: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.p-sp-header__top-only .p-sp-header__top-left {
  position: absolute;
  left: 1.5rem;
}
.p-sp-header__top-right .p-store-search__input {
  padding: 1.1rem 2rem 1.1rem 4rem !important;
}
.p-sp-header__top-right.p-sp-header__top-right--search {
  width: 100%;
  display: block;
}
.p-sp-header__logo {
  padding-left: 1rem;
}
.p-sp-header__logo.enjoy {
  padding-left: 0rem;
  margin-left: -2rem;
}
.p-sp-header__logo-title {
  margin: auto;
}
.p-sp-header__logo-text {
  font-weight: bold;
}
.p-sp-header__logo-link {
  text-align: center;
  display: flex;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}
.p-sp-header__logo-link img.p-sp-header__logo-img {
  width: 10rem;
}
.p-sp-header__menu-open {
  height: 7.3rem;
  padding: 1.3rem 1rem;
  background-color: #ffffff;
  cursor: pointer;
  min-width: 6.8rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-right: 1.6rem;
}
.p-sp-header__menu-txt {
  font-weight: bold;
  display: inline-block;
  padding-top: 3.2rem;
  position: relative;
}
.p-sp-header__menu-txt:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/hamburger.svg) no-repeat;
  background-size: auto;
  background-size: cover;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.7rem;
}
.p-sp-header__edit, .p-sp-header__finish {
  min-width: 4.6rem;
  padding: 0.8rem 2.2rem;
}
.p-sp-header__edit-txt, .p-sp-header__finish-txt {
  font-weight: bold;
  display: inline-block;
  padding-top: 2.9rem;
  position: relative;
}
.p-sp-header__edit-txt:before, .p-sp-header__finish-txt:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/edit.svg) no-repeat;
  background-size: auto;
  background-size: cover;
  height: 2.4rem;
  width: 2.4rem;
  top: 0;
  left: 50%;
  margin-left: -1.2rem;
}
.p-sp-header__finish {
  display: none;
}
.p-sp-header__finish-txt:before {
  background: url(/common/images/icon/maidoko/finish.svg) no-repeat;
}
.p-sp-header__sign, .p-sp-header__signout {
  cursor: pointer;
  font-weight: bold;
  margin-left: 1.6rem;
}
.p-sp-header__sign-signout, .p-sp-header__signout-signout {
  display: none;
}
.p-sp-header__sign-signout:focus, .p-sp-header__signout-signout:focus {
  outline: none;
}
.p-sp-header__sign-signout .p-sp-header__sign-text span, .p-sp-header__signout-signout .p-sp-header__sign-text span {
  display: inline-block;
  padding-top: 3.2rem;
  position: relative;
}
.p-sp-header__sign-signout .p-sp-header__sign-text span:before, .p-sp-header__signout-signout .p-sp-header__sign-text span:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/signout.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.5rem;
}
.p-sp-header__sign-txt span, .p-sp-header__signout-txt span {
  display: inline-block;
  padding-top: 3.2rem;
  position: relative;
}
.p-sp-header__sign-txt span:before, .p-sp-header__signout-txt span:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/signin.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  top: 0;
  left: 50%;
  margin-left: -1.7rem;
}
.p-sp-header__sign-btn {
  padding: 1.3rem 0.8rem 1.3rem 0.8rem;
  min-width: 6.6rem;
}
.p-sp-header__sign-btn:focus-within {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-sp-header__signout {
  padding: 1.3rem 0.3rem 1.3rem 0.3rem;
}
.p-sp-header__signout-txt span:before {
  background: url(/common/images/icon/maidoko/signout.svg) no-repeat;
  margin-left: -1rem;
}
.p-sp-header__notification {
  padding: 1.3rem 1rem;
  cursor: pointer;
  font-weight: bold;
  min-width: 6.8rem;
  text-align: center;
}
.p-sp-header__notification-btn.is-active .p-sp-header__notification-txt {
  display: none;
}
.p-sp-header__notification-btn.is-active .p-sp-header__notification-txt--on {
  display: block;
}
.p-sp-header__notification-txt {
  color: #277681;
}
.p-sp-header__notification-txt span {
  display: inline-block;
  padding-top: 3.2rem;
  position: relative;
}
.p-sp-header__notification-txt span:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/notification-off.svg) no-repeat;
  background-size: contain;
  height: 2.1rem;
  width: 2.3rem;
  top: 0.5rem;
  left: 50%;
  margin-left: -0.8rem;
}
.p-sp-header__notification-txt--on {
  display: none;
}
.p-sp-header__notification-txt--on span:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/notification-on.svg) no-repeat;
  background-size: contain;
  height: 2.1rem;
  width: 2.3rem;
  top: 0.5rem;
  left: 50%;
  margin-left: -0.8rem;
}
.p-sp-header__back, .p-sp-header__close {
  padding: 0.8rem 0.8rem 0.8rem 0;
}
.p-sp-header__back-btn, .p-sp-header__close-btn {
  width: 5rem;
  background: #ffffff;
  height: 5rem;
  border-radius: 50%;
  display: block;
}
.p-sp-header__back-btn:focus-within, .p-sp-header__close-btn:focus-within {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-sp-header__back-txt, .p-sp-header__close-txt {
  color: #715F40;
  font-weight: bold;
  display: block;
  padding-top: 2.6rem;
  position: relative;
  text-align: center;
}
.p-sp-header__back-txt:after, .p-sp-header__close-txt:after {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_brown-bk.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.4rem;
  width: 1.6rem;
  position: absolute;
  top: 0;
  right: 50%;
  margin-top: 1rem;
  margin-right: -0.65rem;
}
.p-sp-header__close-txt:after {
  background: url(/common/images/icon/maidoko/close.svg) no-repeat;
  height: 1.3rem;
  width: 1.3rem;
  margin-right: -0.6rem;
}

body#maidoko .p-sp-header {
  background-color: #E5EFEE;
  color: #277681;
}
body#maidoko .p-sp-header__back-txt {
  color: #277681;
}
body#maidoko .p-sp-header__back-txt:after {
  background: url(/common/images/icon/maidoko/arw_green-bk.svg) no-repeat;
}

body#enjoy .p-sp-header {
  background-color: #F7E3DF;
  color: #CC4C29;
}
body#enjoy .p-sp-header__logo-img {
  width: auto;
  height: 4.8rem;
}
body#enjoy .p-sp-header__logo-link {
  text-align: left;
}
body#enjoy .p-sp-header__wrap--row3 .p-sp-header__logo-link {
  text-align: center;
}
body#enjoy .p-sp-header__menu-txt:before {
  background: url(/common/images/icon/enjoy/hamburger.svg) no-repeat;
}
body#enjoy .p-sp-header__top-txt span:before {
  background: url(/common/images/icon/enjoy/hamburger.svg) no-repeat;
}
body#enjoy .p-sp-header__top-only .p-sp-header__logo-link {
  text-align: center;
}
body#enjoy .p-sp-header__edit-txt:before, body#enjoy .p-sp-header__finish-txt:before {
  background: url(/common/images/icon/enjoy/edit.svg) no-repeat;
}
body#enjoy .p-sp-header__finish {
  display: none;
}
body#enjoy .p-sp-header__finish-txt:before {
  background: url(/common/images/icon/enjoy/finish.svg) no-repeat;
}
body#enjoy .p-sp-header__sign-signout, body#enjoy .p-sp-header__signout-signout {
  display: none;
}
body#enjoy .p-sp-header__sign-signout .p-sp-header__sign-text span:before, body#enjoy .p-sp-header__signout-signout .p-sp-header__sign-text span:before {
  background: url(/common/images/icon/enjoy/signout.svg) no-repeat;
}
body#enjoy .p-sp-header__sign-txt span:before, body#enjoy .p-sp-header__signout-txt span:before {
  background: url(/common/images/icon/enjoy/signin.svg) no-repeat;
}
body#enjoy .p-sp-header__signout-txt span:before {
  background: url(/common/images/icon/enjoy/signout.svg) no-repeat;
}
body#enjoy .p-sp-header__notification-btn.is-active .p-sp-header__notification-txt {
  display: none;
}
body#enjoy .p-sp-header__notification-btn.is-active .p-sp-header__notification-txt--on {
  display: block;
}
body#enjoy .p-sp-header__notification-txt {
  display: block;
  color: #CC4C29;
}
body#enjoy .p-sp-header__notification-txt span:before {
  background: url(/common/images/icon/enjoy/notification-off.svg) no-repeat;
}
body#enjoy .p-sp-header__notification-txt--on {
  display: none;
}
body#enjoy .p-sp-header__notification-txt--on span:before {
  background: url(/common/images/icon/enjoy/notification-on.svg) no-repeat;
}
body#enjoy .p-sp-header__back-txt, body#enjoy .p-sp-header__close-txt {
  color: #CC4C29;
}
body#enjoy .p-sp-header__back-txt:after, body#enjoy .p-sp-header__close-txt:after {
  background: url(/common/images/icon/enjoy/arw_red-bk.svg) no-repeat;
}
body#enjoy .p-sp-header__close-txt:after {
  background: url(/common/images/icon/enjoy/close.svg) no-repeat;
}

@media screen and (min-width: 576px) {
  .p-sp-header__wrap.container {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .p-sp-header__wrap.container {
    max-width: none;
  }
}
/* #Main visual
   -------------------------------------------------------------------------- */
/*doc
---
title: main-visual
name: main-visual
categories: [project]
---
メインビジュアルのコンポーネントです。
*/
/*
.swiper-button-next, .swiper-button-prev{
	margin-top: -4rem;
}
*/
.swiper-wrapper {
  margin-left: auto; /*画面広げた時に中央揃え*/
  margin-right: auto;
}

.p-sp-main-visual__item {
  text-align: center;
}
.p-sp-main-visual__img {
  width: 100%;
}
.p-sp-main-visual__dots {
  position: static;
}
.p-sp-main-visual__dots .swiper-pagination-bullet {
  height: 0.6rem;
  width: 0.6rem;
}
.p-sp-main-visual__dots .swiper-pagination-bullet-active {
  background-color: #277681;
}
.p-sp-main-visual .swiper-button-prev,
.p-sp-main-visual .swiper-button-next {
  height: 50px;
  width: 50px;
}
.p-sp-main-visual .swiper-button-prev::after,
.p-sp-main-visual .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  margin: auto;
  width: 30px;
  background-image: url(/common/images/icon/maidoko/banner_btn.svg);
}
.p-sp-main-visual .swiper-button-prev {
  left: 0;
  /* 前への矢印カスタマイズ */
}
.p-sp-main-visual .swiper-button-prev::after {
  transform: scale(-1, 1);
}
.p-sp-main-visual .swiper-button-next {
  right: 0;
}

@media screen and (min-width: 576px) {
  /*
  	.swiper-button-next, .swiper-button-prev{
  		margin-top: -7.5rem;
  	}
  */
  .p-sp-main-visual__img {
    max-height: 40rem;
  }
}
@media screen and (min-width: 768px) {
  .p-sp-main-visual__img {
    max-height: 50rem;
  }
}
@media screen and (min-width: 992px) {
  .p-sp-main-visual {
    display: none;
  }
}
body#enjoy .p-sp-main-visual__dots {
  position: static;
}
body#enjoy .p-sp-main-visual__dots .swiper-pagination-bullet {
  height: 0.6rem;
  width: 0.6rem;
}
body#enjoy .p-sp-main-visual__dots .swiper-pagination-bullet-active {
  background-color: #CC4C29;
}
body#enjoy .p-sp-main-visual .swiper-button-prev::after, body#enjoy .p-sp-main-visual .swiper-button-next::after {
  background-image: url(/common/images/icon/enjoy/banner_btn.svg);
}

/* #p-sp-nav
   -------------------------------------------------------------------------- */
/*doc
---
title: p-sp-nav
name: p-sp-nav
categories: [project]
---
スマホナビ
*/
.p-sp-nav {
  border-top: 0.1rem solid #ffffff;
  padding: 0.6rem;
}
.p-sp-nav__list {
  display: flex;
}
.p-sp-nav__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  border-right: 0.1rem solid #ffffff;
}
.p-sp-nav__item:last-of-type {
  border-right: none;
}
.p-sp-nav__item-link {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #277681;
  padding: 3.6rem 0rem 0.8rem;
  width: 100%;
  display: block;
}
.p-sp-nav__item-link span {
  position: relative;
  display: block;
}
.p-sp-nav__item-link span.p-sp-nav__item-link--genzaichi:before {
  content: " ";
  display: block;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: -2.4rem;
  left: 50%;
  margin-left: -0.8rem;
  background: url(/common/images/icon/maidoko/genzaichi.svg) no-repeat;
}
.p-sp-nav__item-link span.p-sp-nav__item-link--area:before {
  content: " ";
  display: block;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: -2.6rem;
  left: 50%;
  margin-left: -0.8rem;
  background: url(/common/images/icon/maidoko/area.svg) no-repeat;
  height: 1.8rem;
  width: 1.8rem;
}
.p-sp-nav__item-link span.p-sp-nav__item-link--genre:before {
  content: " ";
  display: block;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: -2.607rem;
  left: 50%;
  margin-left: -0.8rem;
  background: url(/common/images/icon/maidoko/genre.svg) no-repeat;
  height: 1.807rem;
  width: 1.8rem;
}

body#enjoy .p-sp-nav__item-link {
  color: #CC4C29;
}
body#enjoy .p-sp-nav__item-link span.p-sp-nav__item-link--genzaichi:before {
  background: url(/common/images/icon/enjoy/genzaichi.svg) no-repeat;
}
body#enjoy .p-sp-nav__item-link span.p-sp-nav__item-link--area:before {
  background: url(/common/images/icon/enjoy/area.svg) no-repeat;
}
body#enjoy .p-sp-nav__item-link span.p-sp-nav__item-link--genre:before {
  background: url(/common/images/icon/enjoy/genre.svg) no-repeat;
}

/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-store-shosai
name:  p-store-shosai

categories: [project]
---

*/
.p-store-basic {
  /*
  	&__map{
  	    padding-left: 0.9rem;
  	    padding-right: 0.9rem;	
  	    padding-top: 2.4rem;		
  	}
  */
}
.p-store-basic__item {
  padding: 1.6rem;
  border-top: 0.1rem solid #DDDDDD;
  /*
  		&:first-child{
  			border-bottom: none;
  		}
  */
}
.p-store-basic__item--icon {
  padding-top: 1.1rem;
  padding-bottom: 1rem;
  padding-right: 0rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-store-basic__ttl {
  padding-bottom: 0.8rem;
  font-weight: bold;
  font-size: 1.2rem;
}
.p-store-basic__link {
  display: block;
  background-color: #E5EFEE;
  border-radius: 1rem;
  margin-left: 1rem;
}
.p-store-basic__link a {
  padding-top: 3.5rem;
  padding-bottom: 0.6rem;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 5.6rem;
}
.p-store-basic__link a:after {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 50%;
  background-size: contain;
  width: 2.8rem;
  height: 2.8rem;
}
.p-store-basic__map:after {
  margin-left: -1.4rem;
  background: url(/common/images/icon/maidoko/info-map.svg) no-repeat;
}
.p-store-basic__tel:after {
  margin-left: -1.2rem;
  background: url(/common/images/icon/maidoko/info-tel.svg) no-repeat;
}
.p-store-basic__list {
  padding-top: 1rem;
}
.p-store-basic__list-note {
  font-size: 1rem;
  padding-left: 0.9rem;
  padding-top: 1.2rem;
}
.p-store-basic__maparea {
  width: 100%;
  height: 16.3rem;
  background-color: #DDDDDD;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.p-store-basic__mapinfo {
  margin-right: 0;
  text-align: right;
  font-size: 1rem;
  margin-top: 0.8rem;
  /*
  		&-copy{
  			font-size: $_font-size10;
  			padding: 2rem 0.3rem 0.1rem;
  			background-color: $_maidoko-color02;
  			border-radius: $_radius01;
  			font-weight: bold;
  			position: relative;
  			margin-left: 1rem;
  			min-width: 4.8rem;

  			&:after{
  				content: '';
  				position: absolute;
  				top:0.2rem;
  				left: 50%;
  				background-size: contain;
  				width: 1.954rem;
  				height: 1.937rem;	
  				margin-left: -0.95rem;
  				background: url(/common/images/icon/maidoko/copy.svg) no-repeat;						
  			}

  		}
  */
}
.p-store-basic__mapinfo .p-link01 {
  padding-right: 1.5rem;
}
.p-store-basic__mapinfo .p-link01[target=_blank]::after {
  font-size: 1rem;
}
.p-store-basic__mapinfo-addr {
  padding-left: 1.66rem;
  position: relative;
  margin-bottom: 1rem;
}
.p-store-basic__mapinfo-addr:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background-size: contain;
  width: 0.906rem;
  height: 1.1rem;
  margin-top: -0.6rem;
  background: url(/common/images/icon/address-small.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  .p-store-basic__ttl {
    font-size: 1.6rem;
  }
  .p-store-basic__item {
    padding-bottom: 1.6rem;
    padding-top: 1.6rem;
  }
  .p-store-basic__link a {
    width: 7rem;
  }
  .p-store-basic__list-note {
    font-size: 1.4rem;
  }
  .p-store-basic__maparea {
    height: 32rem;
  }
  .p-store-basic__mapinfo {
    font-size: 1.6rem;
    /*
    			&-copy{
    				font-size: $_font-size14;

    				&:after{
    					background-size: contain;
    					width: 2.4rem;
    					height: 2.4rem;
    				    margin-left: -1.2rem;
    				}

    			}
    */
  }
  .p-store-basic__mapinfo .p-link01 {
    padding-right: 3rem;
  }
  .p-store-basic__mapinfo .p-link01[target=_blank]::after {
    font-size: 1.8rem;
  }
  .p-store-basic__mapinfo-addr:after {
    width: 1.2rem;
    height: 1.4rem;
    background-size: contain;
  }
}
body#enjoy .p-store-basic__link {
  background-color: #F7E3DF;
}
body#enjoy .p-store-basic__map:after {
  margin-left: -1.4rem;
  background: url(/common/images/icon/enjoy/info-map.svg) no-repeat;
}
body#enjoy .p-store-basic__tel:after {
  margin-left: -1.2rem;
  background: url(/common/images/icon/enjoy/info-tel.svg) no-repeat;
}
body#enjoy .p-store-basic__mapinfo-copy {
  background-color: #F7E3DF;
}
body#enjoy .p-store-basic__mapinfo-copy:after {
  background: url(/common/images/icon/enjoy/copy.svg) no-repeat;
}

/* #store-search
-------------------------------------------------------------------------- */
/*doc
---
title: store-search
name: store-search
categories: [project]
---
協賛店のコンポーネントです。
*/
.p-store-child {
  padding-top: 1.6rem;
}
.p-store-child__area {
  background-color: #E5EFEE;
  border-radius: 0.4rem;
  margin-bottom: 0.8rem;
  display: block;
}
.p-store-child__area:focus-visible {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-store-child__link {
  width: 100%;
}
.p-store-child__contents {
  padding-right: 3.2rem;
  position: relative;
  padding: 0.8rem 4rem 0.8rem 0.8rem;
}
.p-store-child__contents:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/maidoko/arw_circle.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2.4rem;
  width: 2.4rem;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  margin-top: -1.2rem;
}
.p-store-child__body-address {
  display: inline-block;
  padding-left: 1.6rem;
  font-weight: bold;
  position: relative;
  font-size: 1rem;
}
.p-store-child__body-address:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/address.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: -0.15rem;
  margin-top: -0.8rem;
}

body#enjoy .p-store-child__area {
  background-color: #F7E3DF;
}
body#enjoy .p-store-child__contents {
  padding-right: 3.2rem;
  position: relative;
  padding: 0.8rem 4rem 0.8rem 0.8rem;
}
body#enjoy .p-store-child__contents:after {
  background: url(/common/images/icon/enjoy/arw_circle.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2.4rem;
  width: 2.4rem;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  margin-top: -1.2rem;
}

@media screen and (min-width: 992px) {
  .p-store-child {
    padding-top: 2.4rem;
  }
  .p-store-child__area {
    border-radius: 0.8rem;
    margin-bottom: 1.4rem;
  }
  .p-store-child__contents {
    padding: 0.8rem 4.8rem 0.8rem 1.6rem;
  }
  .p-store-child__contents:after {
    height: 3.2rem;
    width: 3.2rem;
    right: 1.6rem;
    margin-top: -1.5rem;
  }
  .p-store-child__body-address {
    font-size: 1.4rem;
  }
  .p-store-child__body-address:after {
    height: 1.8rem;
    width: 1.8rem;
  }
  body#enjoy .p-store-child__contents {
    padding: 0.8rem 4.8rem 0.8rem 1.6rem;
  }
  body#enjoy .p-store-child__contents:after {
    height: 3.2rem;
    width: 3.2rem;
    right: 1.6rem;
    margin-top: -1.5rem;
  }
}
.p-store-event__area {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  /* IE8（outlineで代替） */
  outline-width: 1px \9 ;
  outline-style: solid \9 ;
  outline-color: #d8d6d1 \9 ;
  margin-top: 1.6rem;
  display: block;
}
.p-store-event__area:focus-visible {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-store-event__link {
  width: 100%;
}
.p-store-event__contents {
  padding: 0.8rem 0.8rem 1.6rem;
}
.p-store-event__head {
  font-size: 1.6rem;
  font-weight: bold;
  color: #277681;
  padding: 0.4rem 0.8rem;
  background-color: #E5EFEE;
  border-radius: 0.4rem;
  word-break: break-all;
}
.p-store-event__body {
  padding-top: 1.6rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.p-store-event__body-area {
  padding-bottom: 0.8rem;
}
.p-store-event__body-area:last-child {
  padding-bottom: 0rem;
}
.p-store-event__body-ttl {
  color: #277681;
  padding-left: 1.8rem;
  font-weight: bold;
  font-size: 1rem;
  position: relative;
}
.p-store-event__body-ttl:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background-size: contain;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
}
.p-store-event__body-ttl__calendar:after {
  background: url(/common/images/icon/maidoko/calendar-small.svg) no-repeat;
}
.p-store-event__body-ttl__place:after {
  background: url(/common/images/icon/maidoko/flag.svg) no-repeat;
}
.p-store-event__body-ttl__store:after {
  background: url(/common/images/icon/maidoko/store.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  .p-store-event__area {
    background-color: #ffffff;
    border-radius: 1rem;
    box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
    /* IE8（outlineで代替） */
    outline-width: 1px \9 ;
    outline-style: solid \9 ;
    outline-color: #d8d6d1 \9 ;
    margin-top: 1.6rem;
    display: block;
  }
  .p-store-event__area:focus-visible {
    outline: 2px solid #990000 !important;
    outline-offset: -2px;
  }
  .p-store-event__link {
    width: 100%;
  }
  .p-store-event__contents {
    padding: 1.6rem;
  }
  .p-store-event__head {
    font-size: 2.4rem;
    padding: 0.8rem 1.6rem;
    border-radius: 0.8rem;
  }
  .p-store-event__body-area {
    padding-bottom: 1.6rem;
  }
  .p-store-event__body-ttl {
    padding-left: 2.4rem;
    font-size: 1.8rem;
  }
  .p-store-event__body-ttl:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-size: contain;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.15rem;
  }
}
body#enjoy .p-store-event__head {
  color: #CC4C29;
  background-color: #F7E3DF;
}
body#enjoy .p-store-event__body-ttl {
  color: #CC4C29;
}
body#enjoy .p-store-event__body-ttl:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background-size: contain;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
}
body#enjoy .p-store-event__body-ttl__calendar:after {
  background: url(/common/images/icon/enjoy/calendar-small.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-store-event__body-ttl__place:after {
  background: url(/common/images/icon/enjoy/flag.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-store-event__body-ttl__store:after {
  background: url(/common/images/icon/enjoy/store.svg) no-repeat;
  background-size: contain;
}

@media screen and (min-width: 992px) {
  body#enjoy .p-store-event__body-ttl {
    color: #CC4C29;
  }
  body#enjoy .p-store-event__body-ttl:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-size: contain;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.15rem;
  }
}
/* #store-search
-------------------------------------------------------------------------- */
/*doc
---
title: store-search
name: store-search
categories: [project]
---
協賛店のコンポーネントです。
*/
#store-registration {
  margin-bottom: 1.6rem;
}

.p-store-list {
  width: 100%;
  padding-bottom: 2.4rem;
}
.p-store-list-heading {
  padding-top: 4.8rem;
  padding-bottom: 1.6rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-store-item {
  background: #ffffff;
  border-radius: 1rem;
  margin-bottom: 1.6rem;
  max-width: 34.5rem;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  height: fit-content;
  position: relative;
  box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  /* IE8（outlineで代替） */
  outline-width: 1px \9 ;
  outline-style: solid \9 ;
  outline-color: #d8d6d1 \9 ;
}
.p-store-item:focus-visible {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-store-item__link {
  display: block;
  width: 100%;
  border-radius: 1rem;
}
.p-store-item__head {
  padding: 1.6rem 1.6rem 0.8rem;
}
.p-store-item__head--top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  height: 4rem;
}
.p-store-item-favorite {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.6rem 0.8rem 0rem 0rem;
}
.p-store-item-delete--btn.is-hidden, .p-store-item-favorite--btn.is-hidden {
  display: none;
}
.p-store-item-shopname {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 24.4rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.p-store-item__taggroup {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 32.2rem;
  white-space: nowrap;
}
.p-store-item__tag {
  margin-bottom: 0.8rem;
  display: inline-flex;
}
.p-store-item__genre {
  margin-right: 0.8rem;
  display: inline-block;
  padding: 0.4rem 0.8rem;
  line-height: 1;
  color: #277681;
  background: #E5EFEE;
  font-size: 1rem;
  border-radius: 2rem;
  font-size: 1rem;
  white-space: nowrap;
}
.p-store-item__addr {
  padding-left: 1.6rem;
  position: relative;
  font-size: 1rem;
  white-space: normal;
  overflow: hidden;
  /* display: -webkit-box; */
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 30rem;
  white-space: nowrap;
}
.p-store-item__addr:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/address.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
}
.p-store-item__picture {
  max-width: 100%;
  width: 100%;
  height: 18.4rem;
  object-fit: cover;
}
.p-store-item__body--bottom {
  padding: 1.6rem 1.6rem 1.8rem 3.4rem;
}
.p-store-item__tokuten {
  padding: 0.8rem 1.6rem 0.8rem 2.4rem;
  color: #A16B00;
  border: 0.1rem solid #A16B00;
  border-radius: 0.4rem;
  position: relative;
  font-size: 1.2rem;
  font-weight: bold;
}
.p-store-item__tokuten:after {
  content: " ";
  display: block;
  background: url(/common/images/icon/maidoko/tokuten-big.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 3.8rem;
  width: 3.8rem;
  position: absolute;
  top: 50%;
  left: -2.15rem;
  margin-top: -1.9rem;
}

body#enjoy .p-store-item__genre {
  color: #CC4C29;
  background: #F7E3DF;
}
body#enjoy .p-store-item__tokuten {
  color: #208196;
  border: 0.1rem solid #208196;
}
body#enjoy .p-store-item__tokuten:after {
  background: url(/common/images/icon/enjoy/tokuten-big.svg) no-repeat;
}

@media screen and (min-width: 992px) {
  #store-registration {
    margin-bottom: 2.4rem;
  }
  .p-store {
    /*
    		&__link{
    			max-width: 34.5rem;
    			width: calc(100% / 3);
    			padding: 0rem 3.8rem;

    		}
    */
  }
  .p-store-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 72.75rem;
    margin: auto;
  }
  .p-store-list-heading {
    padding-top: 10rem;
    padding-bottom: 2.4rem;
    font-size: 2.8rem;
  }
  .p-store-item {
    margin-bottom: 3.9rem;
    margin-right: 0.9rem;
    margin-left: 0.9rem;
    /*
    			&:nth-child(2n){
    				margin-right: 0rem;
    			}
    */
  }
  .p-store-item:only-child {
    margin: auto;
  }
  .p-store-item-shopname {
    font-size: 1.8rem;
  }
  .p-store-item__genre, .p-store-item__addr {
    font-size: 1.4rem;
  }
  .p-store-item__addr:after {
    height: 1.8rem;
    width: 1.8rem;
  }
  .p-store-item__tokuten {
    padding: 1.6rem 1.6rem 1.6rem 3.2rem;
  }
  .p-store-item__tokuten:after {
    background: url(/common/images/icon/maidoko/tokuten-big02.svg) no-repeat;
    height: 4.4rem;
    width: 4.7rem;
    left: -2.2rem;
    margin-top: -2.152rem;
  }
  .p-kyosanten__owner-text {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .p-store {
    /*
    		&__link{
    			max-width: 34.5rem;
    			width: calc(100% / 3);
    			padding: 0rem 3.8rem;

    		}
    */
  }
  .p-store-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .p-store-item {
    margin-bottom: 3.9rem;
    margin-right: 1.2rem;
    margin-left: 1.2rem;
    /*
    			&:nth-child(2n){
    				margin-right: 3.75rem;
    			}
    */
    /*

    			&:nth-child(3n){
    				margin-right: 0rem;
    			}
    */
  }
  .p-store-item:only-child {
    margin: auto;
  }
}
/* #Main visual
   -------------------------------------------------------------------------- */
/*doc
---
title: main-visual
name: main-visual
categories: [project]
---
メインビジュアルのコンポーネントです。
*/
.p-store-main-visual {
  padding-bottom: 1.6rem;
  /*
  	&__area.swiper{
  	    width: 100%;
  	}
  */
}
.p-store-main-visual__item {
  text-align: center;
}
.p-store-main-visual__img {
  width: 100%;
  display: block;
  max-height: 40rem;
  object-fit: cover;
}
.p-store-main-visual__list {
  max-width: 100vW;
}
.p-store-main-visual .swiper-button-prev, .p-store-main-visual .swiper-button-next {
  height: 50px;
  width: 50px;
}
.p-store-main-visual .swiper-button-prev:focus, .p-store-main-visual .swiper-button-next:focus {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-store-main-visual .swiper-button-prev::after, .p-store-main-visual .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  margin: auto;
  width: 30px;
  background-image: url(/common/images/icon/maidoko/banner_btn.svg);
}
.p-store-main-visual .swiper-button-prev {
  left: 0;
  /* 前への矢印カスタマイズ */
}
.p-store-main-visual .swiper-button-prev::after {
  transform: scale(-1, 1);
}
.p-store-main-visual .swiper-button-next {
  right: 0;
}

@media screen and (min-width: 992px) {
  .p-store-main-visual {
    padding-bottom: 3.2rem;
  }
  .p-store-main-visual__area.swiper {
    max-width: 81.6rem;
  }
  .p-store-main-visual .swiper-button-prev::after, .p-store-main-visual .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 40px;
    margin: auto;
    width: 40px;
    background-image: url(/common/images/icon/maidoko/banner_btn.svg);
  }
  .p-store-main-visual__img {
    height: auto;
    max-height: 43.52rem;
  }
}
body#enjoy .p-store-main-visual .swiper-button-prev::after, body#enjoy .p-store-main-visual .swiper-button-next::after {
  background-image: url(/common/images/icon/enjoy/banner_btn.svg);
}
@media screen and (min-width: 992px) {
  body#enjoy .p-store-main-visual .swiper-button-prev::after, body#enjoy .p-store-main-visual .swiper-button-next::after {
    background-image: url(/common/images/icon/enjoy/banner_btn.svg);
  }
}

/* #store-search
-------------------------------------------------------------------------- */
/*doc
---
title: store-search
name: store-search
categories: [project]
---
協賛店のコンポーネントです。
*/
.p-store-search__input {
  padding: 1.1rem 2rem 1.1rem 3.5rem;
  border-radius: 2.5rem;
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 0.2rem solid #ffffff;
  position: relative;
}
.p-store-search__input:focus-within {
  border: 0.2rem solid #990000;
}
.p-store-search__input:after {
  content: "";
  display: block;
  background: url(/common/images/icon/search.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 50%;
  left: 1.4rem;
  margin-top: -0.9rem;
}
.p-store-search input {
  font-size: 1.4rem;
  position: relative;
  width: 100%;
}
.p-store-search input:focus {
  outline: none !important;
}

@media screen and (min-width: 992px) {
  .p-store-search__body {
    display: flex;
  }
  .p-store-search__btn {
    white-space: nowrap;
    white-space: nowrap;
    font-weight: bold;
    color: #ffffff;
    background-color: #277681;
    padding: 1.5rem 6.4rem 1.5rem 8.3rem;
    border-radius: 3rem;
    margin-left: 1.6rem;
    position: relative;
  }
  .p-store-search__btn:before {
    content: "";
    display: block;
    background: url(/common/images/icon/search-f.svg) no-repeat;
    background-size: auto;
    background-size: contain;
    height: 3.2rem;
    width: 3.2rem;
    position: absolute;
    top: 50%;
    left: 4.3rem;
    margin-top: -1.45rem;
  }
  .p-store-search__input {
    border: 0.1rem solid #277681;
    border-radius: 0.4rem;
    padding: 1.6rem 1rem 1.6rem 2.4rem;
  }
  .p-store-search__input:after {
    display: none;
  }
  body#enjoy .p-store-search__body {
    display: flex;
  }
  body#enjoy .p-store-search__btn {
    background-color: #CC4C29;
  }
  body#enjoy .p-store-search__input {
    border: 0.1rem solid #CC4C29;
  }
  body#enjoy .p-store-search__input:after {
    display: none;
  }
}
/* #404
   -------------------------------------------------------------------------- */
/*doc
---
title: p-store-shosai
name:  p-store-shosai

categories: [project]
---

*/
.p-store-shosai-favorite--btn {
  border-radius: 1.6rem;
  border: 0.1rem solid #277681;
  min-width: 14.7rem;
  margin-left: 1.6rem;
}
.p-store-shosai-favorite--btn .favorite {
  display: none;
  padding: 1.5rem 1.8rem;
}
.p-store-shosai-favorite--btn .delete {
  display: block;
  padding: 1.5rem 2.5rem;
}
.p-store-shosai-favorite--btn.is-hidden .favorite {
  display: block;
}
.p-store-shosai-favorite--btn.is-hidden .delete {
  display: none;
}
.p-store-shosai__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4rem;
}
.p-store-shosai--share {
  font-size: 1rem;
  color: #277681;
  font-weight: bold;
  padding: 4.4rem 1.5rem 1.1rem;
  background-color: #E5EFEE;
  border-radius: 1rem;
  display: block;
  position: relative;
  min-width: 8rem;
  margin-left: 0.8rem;
  cursor: pointer;
}
.p-store-shosai--share:before {
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/share.svg) no-repeat;
  background-size: contain;
  height: 1.86rem;
  width: 2.114rem;
  position: absolute;
  top: 1.72rem;
  left: 50%;
  margin-left: -1.057rem;
}
.p-store-shosai__addr {
  font-size: 1rem;
  padding-left: 1.4rem;
  position: relative;
  color: #277681;
}
.p-store-shosai__addr:before {
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/address.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.75rem;
}
.p-store-shosai__tagarea {
  display: flex;
  flex-wrap: wrap;
}
.p-store-shosai__tag {
  margin-right: 0.4rem;
  background-color: #E5EFEE;
  color: #277681;
  font-weight: bold;
  padding: 0.2rem 0.8rem;
  border-radius: 1rem;
  font-size: 1rem;
  margin-bottom: 0.8rem;
}
.p-store-shosai__tag span {
  display: inline-block;
  width: max-content;
  word-break: keep-all;
}
.p-store-shosai__tag--address {
  padding-left: 1rem;
  position: relative;
}
.p-store-shosai__tag--address:after {
  content: "";
  display: block;
  background: url(/common/images/icon/maidoko/address.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.75rem;
}
.p-store-shosai__main-ttl {
  font-weight: bold;
  font-size: 2rem;
  text-align: left;
  padding-top: 0rem;
}
.p-store-shosai__main-update {
  font-size: 1rem;
  padding: 1.4rem 0 0.8rem;
  text-align: right;
}
.p-store-shosai__main-txtbox {
  position: relative;
}
.p-store-shosai__main-txtbox__label {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -6rem;
  left: 0;
  width: 9.9rem;
  color: #277681;
  margin-left: auto;
  text-align: left;
  padding-left: 0.8rem;
  cursor: pointer;
  transition: 0.2s ease;
  border-bottom: 0.1rem solid #277681;
}
.p-store-shosai__main-txtbox__label::before {
  font-size: 1.4rem;
  content: "続きを読む";
}
.p-store-shosai__main-txtbox__label::after {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  margin-top: -0.65rem;
  transform: rotate(90deg);
}
.p-store-shosai__main-txtbox__area {
  position: relative;
  overflow: hidden;
  height: 8.3rem;
}
.p-store-shosai__main-txtbox__area::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.p-store-shosai__main-txtbox__check {
  opacity: 0;
  position: absolute;
}
.p-store-shosai__main-txtbox__check:focus + .p-store-shosai__main-txtbox__label {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__label::before {
  content: "閉じる";
}
.p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__label::after {
  transform: rotate(-90deg);
}
.p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__area {
  height: auto;
}
.p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__area::before {
  opacity: 0;
  position: absolute;
}
.p-store-shosai__tokuten {
  padding-top: 5.6rem;
  padding-bottom: 1.1rem;
}
.p-store-shosai__tokuten-ttl {
  margin-bottom: 0.4rem;
  padding-left: 2.8rem;
  font-size: 1.6rem;
  color: #A16B00;
  font-weight: bold;
  position: relative;
}
.p-store-shosai__tokuten-ttl::after {
  content: " ";
  display: block;
  background: url(/common/images/icon/maidoko/tokuten-small.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 2.4rem;
  width: 2.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.2rem;
}
.p-store-shosai__tokuten-text {
  padding: 1.6rem;
  color: #A16B00;
  border-radius: 0.4rem;
  border: 0.1rem solid #A16B00;
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
}
.p-store-shosai__tokuten-text--ttl {
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 0.8rem;
}

@media screen and (min-width: 992px) {
  .p-store-shosai__addr {
    font-size: 1.4rem;
    padding-left: 1.8rem;
    position: relative;
  }
  .p-store-shosai__addr:before {
    height: 2rem;
    width: 1.8rem;
    margin-top: -0.75rem;
  }
  .p-store-shosai__tag {
    padding: 0.4rem 1.4rem;
    border-radius: 1.2rem;
    font-size: 1.4rem;
    margin-right: 0.8rem;
  }
  .p-store-shosai__tag--address {
    padding-left: 1.8rem;
    position: relative;
  }
  .p-store-shosai__tag--address:after {
    height: 2rem;
    width: 1.8rem;
  }
  .p-store-shosai__main-ttl {
    font-size: 3.2rem;
  }
  .p-store-shosai__main-update {
    font-size: 1.4rem;
    padding: 1.4rem 0 0.8rem;
    text-align: right;
  }
  .p-store-shosai__main-txtbox {
    position: relative;
  }
  .p-store-shosai__main-txtbox__label {
    width: 12.5rem;
    padding-left: 2rem;
  }
  .p-store-shosai__main-txtbox__label::after {
    margin-top: -0.45rem;
  }
  .p-store-shosai__main-txtbox__area {
    position: relative;
    overflow: hidden;
    height: 8.3rem;
  }
  .p-store-shosai__main-txtbox__area::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .p-store-shosai__main-txtbox__check {
    opacity: 0;
    position: absolute;
  }
  .p-store-shosai__main-txtbox__check:focus + .p-store-shosai__main-txtbox__label {
    outline: 2px solid #990000 !important;
    outline-offset: -2px;
  }
  .p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__label::before {
    content: "閉じる";
  }
  .p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__label::after {
    transform: rotate(-90deg);
  }
  .p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__area {
    height: auto;
  }
  .p-store-shosai__main-txtbox__check:checked ~ .p-store-shosai__main-txtbox__area::before {
    opacity: 0;
    position: absolute;
  }
  .p-store-shosai__tokuten {
    padding-top: 7.2rem;
  }
  .p-store-shosai__tokuten-ttl {
    margin-bottom: 0.8rem;
    padding-left: 3.2rem;
    font-size: 2.8rem;
  }
  .p-store-shosai__tokuten-ttl::after {
    height: 3rem;
    width: 3rem;
    margin-top: -1.35rem;
  }
  .p-store-shosai__tokuten-text {
    padding: 1.6rem;
    border-radius: 1.2rem;
    margin-bottom: 3.2rem;
    font-size: 1.8rem;
  }
  .p-store-shosai__tokuten-text--ttl {
    font-size: 2rem;
    padding-bottom: 1rem;
  }
}
body#enjoy .p-store-shosai-favorite--btn {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-shosai-favorite--btn.is-hidden .favorite {
  display: block;
}
body#enjoy .p-store-shosai-favorite--btn.is-hidden .delete {
  display: none;
}
body#enjoy .p-store-shosai--share {
  color: #CC4C29;
  background-color: #F7E3DF;
}
body#enjoy .p-store-shosai--share:before {
  background: url(/common/images/icon/enjoy/share.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-store-shosai__addr {
  color: #CC4C29;
}
body#enjoy .p-store-shosai__addr:before {
  background: url(/common/images/icon/enjoy/address.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-store-shosai__tag {
  background-color: #F7E3DF;
  color: #CC4C29;
}
body#enjoy .p-store-shosai__tag--address:after {
  background: url(/common/images/icon/enjoy/address.svg) no-repeat;
}
body#enjoy .p-store-shosai__main-txtbox__label {
  color: #CC4C29;
  border-bottom: 0.1rem solid #CC4C29;
}
body#enjoy .p-store-shosai__main-txtbox__label::after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-store-shosai__tokuten-ttl {
  color: #208196;
}
body#enjoy .p-store-shosai__tokuten-ttl::after {
  background: url(/common/images/icon/enjoy/tokuten-small.svg) no-repeat;
  background-size: contain;
}
body#enjoy .p-store-shosai__tokuten-text {
  color: #208196;
  border: 0.1rem solid #208196;
}

/* #Tab
   -------------------------------------------------------------------------- */
/*doc
---
title: tab
name: tab
categories: [component]
---
*/
.p-tab01 {
  padding: 1.45rem 1.5rem 3.2rem;
  border-radius: 2.6rem;
  background-color: #ffffff;
}
.p-tab01__tab-list {
  display: flex;
  justify-content: center;
  width: 100%;
}
.p-tab01__tab-item {
  width: 50%;
  text-align: center;
}
.p-tab01__tab-link {
  padding: 1.45rem 0 1.35rem;
  display: inline-block;
  font-weight: bold;
  color: #9A9A9A;
  border-bottom: 0.1rem solid #9A9A9A;
  width: 100%;
}
.p-tab01__tab-link-first, .p-tab01__tab-link.is-select {
  padding: 1.45rem 0rem 1.05rem;
  color: #277681;
  border-bottom: 0.4rem solid #277681;
}
.p-tab01__cont-list {
  padding-top: 2.4rem;
}
.p-tab01__cont-item .p-link01 {
  /*
  				text-align: right;
  				margin-bottom: 2.4rem;
  */
  text-align: left;
  display: block;
  margin-bottom: 0.8rem;
  padding-right: 1.6rem;
}
.p-tab01__cont-item.is-hide {
  display: none;
}
.p-tab01__cont-item .p-signin-form__btn-action {
  margin-top: 2.4rem;
}
.p-tab01--sogo {
  padding: 0rem;
  border-radius: 0;
  background-color: transparent;
}
.p-tab01--sogo .p-tab01__tab-link {
  padding-top: 0rem;
  padding-bottom: 0.8rem;
  display: inline-block;
  font-weight: bold;
  color: #9A9A9A;
  border-bottom: 0.4rem solid #ffffff;
  width: 100%;
}
.p-tab01--sogo .p-tab01__tab-link-first, .p-tab01--sogo .p-tab01__tab-link.is-select {
  padding: 0rem 3.37rem 0.8rem;
  color: #277681;
  border-bottom: 0.4rem solid #277681;
}
.p-tab01--sogo .p-tab01__tab-link[href*="#enjoy"].is-select {
  color: #CC4C29;
  border-bottom: 0.4rem solid #CC4C29;
}
.p-tab01--sogo .p-tab01__cont-list {
  padding-bottom: 1.6rem;
}
.p-tab01--sogo .p-tab01__cont-item {
  text-align: left;
}

body#enjoy .p-tab01__tab-link-first, body#enjoy .p-tab01__tab-link.is-select {
  color: #CC4C29;
  border-bottom: 0.4rem solid #CC4C29;
}
body#enjoy .p-tab01--sogo .p-tab01__tab-link-first, body#enjoy .p-tab01--sogo .p-tab01__tab-link.is-select {
  color: #CC4C29;
  border-bottom: 0.4rem solid #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-tab01 {
    max-width: 111rem;
    margin: 0 auto;
    padding-bottom: 5.9rem;
    padding-top: 5.45rem;
  }
  .p-tab01__cont-list, .p-tab01__tab-list {
    max-width: 81.6rem;
    margin: 0 auto;
  }
  .p-tab01__cont-item {
    text-align: center;
  }
  .p-tab01__cont-item .p-link01 {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }
  .p-tab01__cont-item .p-btn01__link {
    margin-left: auto;
    margin-right: auto;
  }
  .p-tab01__cont-item .p-signin-form__btn-action {
    margin-bottom: 3.2rem;
  }
  .p-tab01__tab-link {
    font-size: 2.8rem;
  }
  .p-tab01--sogo {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
/* #Table
   -------------------------------------------------------------------------- */
/*doc
---
title: table
name: table
categories: [project]
---
テーブルのコンポーネントです。
*/
.p-table {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.p-table th {
  font-weight: normal;
  background: #F9F4ED;
  border: 0.1rem solid #715F40;
}
.p-table td {
  border: 0.1rem solid #715F40;
  background: #ffffff;
  word-break: break-all;
}
.p-table--page th {
  width: 50%;
}
.p-table--check th {
  text-align: center;
}
.p-table--check th:first-child {
  width: 50%;
  text-align: left;
}
.p-table--check th:nth-child(2) {
  width: 22%;
}
.p-table--check td {
  text-align: center;
}
.p-table--check td:first-child {
  text-align: left;
}

@media screen and (min-width: 992px) {
  .p-table--check th:first-child {
    width: 60%;
    text-align: left;
  }
  .p-table--check th:nth-child(2) {
    width: auto;
  }
}
.p-topics-oshirase--none {
  text-align: center;
}
.p-topics-oshirase__item {
  padding-bottom: 0.8rem;
  display: block;
  max-width: 81.6rem;
  margin: 0 auto;
}
.p-topics-oshirase__item-parts {
  background-color: #ffffff;
  border-radius: 0.4rem;
}
.p-topics-oshirase__list {
  padding-bottom: 2.4rem;
}
.p-topics-oshirase__link {
  padding: 1.6rem;
  width: 100%;
  display: block;
  border-radius: 0.4rem;
}
.p-topics-oshirase__date {
  font-size: 1rem;
  display: flex;
  padding-bottom: 0.26rem;
  align-items: center;
}
.p-topics-oshirase__date-time {
  margin-right: 1rem;
}
.p-topics-oshirase__date-new {
  padding: 0 0.6rem;
  border: 0.1rem solid;
  border-radius: 1rem;
}
.p-topics-oshirase__date-cat {
  margin-right: 1rem;
  padding: 0 0.6rem;
  border-radius: 1rem;
  border: 0.1rem solid;
  font-weight: bold;
}
.p-topics-oshirase__date-cat--member {
  background-color: #F7E3DF;
  border-color: #F7E3DF;
}
.p-topics-oshirase__date-cat--store {
  background-color: #E5EEEE;
  border-color: #E5EEEE;
}

body#maidoko .p-topics-oshirase__date-new {
  color: #A16B00;
  border-color: #A16B00;
}

body#enjoy .p-topics-oshirase__date-new {
  color: #208196;
  border-color: #208196;
}
body#enjoy .p-topics-oshirase__date-cat--member {
  background-color: #E5EEEE;
  border-color: #E5EEEE;
}
body#enjoy .p-topics-oshirase__date-cat--store {
  background-color: #F7E3DF;
  border-color: #F7E3DF;
}

@media screen and (min-width: 992px) {
  .p-topics-oshirase__link {
    padding: 1.6rem 2.4rem;
  }
  .p-topics-oshirase__date {
    padding-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .p-topics-oshirase__item-ttl {
    font-size: 1.8rem;
  }
  .p-topics-oshirase__list {
    padding-bottom: 4rem;
  }
  .p-topics-oshirase__item {
    padding-bottom: 1.6rem;
  }
  .p-topics-oshirase__item:last-child {
    padding-bottom: 0rem;
  }
}
.p-topics-yakudachi {
  padding-bottom: 1.6rem;
  background-color: #ffffff;
  border-radius: 1rem;
  max-width: 81.6rem;
  margin: 0 auto;
  padding-top: 1.6rem;
  text-align: center;
}
.p-topics-yakudachi__list {
  padding: 1.6rem 1.6rem 3.2rem;
}
.p-topics-yakudachi__list:first-child {
  padding-top: 0rem;
}
.p-topics-yakudachi .p-btn02 {
  padding-bottom: 2.4rem;
}
.p-topics-yakudachi__link {
  padding-right: 2.5rem;
  padding-bottom: 1.6rem;
  padding-top: 1.7rem;
  display: block;
  width: 100%;
}
.p-topics-yakudachi__date {
  font-size: 1rem;
  display: flex;
  align-items: center;
  padding-bottom: 0.26rem;
}
.p-topics-yakudachi__date-time, .p-topics-yakudachi__date-area {
  padding-right: 1rem;
}
.p-topics-yakudachi__date-new {
  padding: 0 0.6rem;
  border: 0.1rem solid;
  border-radius: 1rem;
}
.p-topics-yakudachi__item {
  border-bottom: 0.1rem solid;
  border-color: #DDDDDD;
}
.p-topics-yakudachi__item-ttl {
  position: relative;
  text-align: left;
}
.p-topics-yakudachi__item-ttl:after {
  content: "";
  display: block;
  background: url(/common/images/icon/arw_green.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 1.26rem;
  right: -2.6rem;
  margin-top: -0.725rem;
}
.p-topics-yakudachi__item:first-of-type {
  margin-top: -1.7rem;
}

body#maidoko .p-topics-yakudachi__date-new {
  color: #A16B00;
  border-color: #A16B00;
}
body#maidoko .p-topics-yakudachi__item-link:after {
  color: #277681;
}

@media screen and (min-width: 992px) {
  .p-topics-yakudachi {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem;
  }
  .p-topics-yakudachi .p-btn02 {
    padding-bottom: 0rem;
  }
  .p-topics-yakudachi__list {
    padding: 3.2rem 2.4rem 4rem;
  }
  .p-topics-yakudachi__list:first-child {
    padding-top: 0rem;
  }
  .p-topics-yakudachi__date {
    font-size: 1.4rem;
    padding-bottom: 0.8rem;
  }
  .p-topics-yakudachi__item-ttl:after {
    width: 2rem;
    height: 2rem;
  }
}
body#enjoy .p-topics-yakudachi__item-ttl:after {
  background: url(/common/images/icon/arw_red.svg) no-repeat;
}
body#enjoy .p-topics-yakudachi__date-new {
  color: #208196;
  border-color: #208196;
}
body#enjoy .p-topics-yakudachi__item-link:after {
  color: #CC4C29;
}

/* #Topics
  -------------------------------------------------------------------------- */
/*doc
---
title: topics
name: topics
categories: [project]
---
*/
.p-topicsarea {
  height: 100%;
  position: relative;
  box-sizing: border-box;
  z-index: 0;
}
.p-topicsarea img {
  max-width: 100%;
  height: auto !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/*hattori*/
.p-topics {
  padding-bottom: 7rem;
}
.p-topics__message {
  padding-top: 2rem;
}
.p-topics__date {
  font-size: 1rem;
  display: flex;
  padding-bottom: 1.6rem;
  align-items: start;
}
.p-topics__date-utility {
  font-size: 1rem;
  display: flex;
}
.p-topics__date-time {
  display: inline-block;
  font-size: 1rem;
  margin-right: 1.6rem;
}
.p-topics__date-new {
  display: inline-block;
  font-size: 1rem;
}
.p-topics__list {
  padding-bottom: 2.4rem;
  padding-top: 2.4rem;
}
.p-topics__article {
  font-size: 1.4rem;
}
.p-topics__link {
  color: #444444;
}
.p-topics__item {
  padding: 1.6rem;
  width: 100%;
  display: block;
  border-radius: 0.4rem;
  background-color: #ffffff;
}
.p-topics__list-ul {
  display: block;
}
.p-topics__list-li {
  padding-bottom: 0.8rem;
}
.p-topics__list-li:last-of-type {
  padding-bottom: 0rem;
}

@media screen and (min-width: 992px) {
  .p-topics__message {
    padding-top: 5.6rem;
  }
  .p-topics__date {
    font-size: 1.4rem;
  }
  .p-topics__article {
    font-size: 1.8rem;
  }
  .p-topics__list {
    padding-bottom: 6.4rem;
  }
  .p-topics__list-li {
    padding-bottom: 1.4rem;
  }
}
/* p-tsuchi
   -------------------------------------------------------------------------- */
/*doc
---
title:p-tsuchi
name:p-tsuchi
categories: [project]
---
通知設定画面
*/
.p-tsuchi p {
  padding: 2.4rem 0rem;
}
.p-tsuchi .p-btn04__link {
  margin-top: 2.4rem;
}
.p-tsuchi .p-tsuchi-form__status-group {
  margin-right: 3.2rem;
  display: flex;
}
.p-tsuchi .p-tsuchi-form__status-radio:checked + label::after, .p-tsuchi .p-tsuchi-form__status-radio:focus + label::after {
  content: "";
  position: absolute;
  left: 0.8rem;
  display: block;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
}
.p-tsuchi .p-tsuchi-form__status-radio:checked + label::before, .p-tsuchi .p-tsuchi-form__status-radio:focus + label::before {
  background-color: #277681;
}
.p-tsuchi .p-tsuchi-form__status-radio:focus + label::before {
  outline: 2px solid #990000 !important;
  outline-offset: -2px;
}
.p-tsuchi .p-tsuchi-form__status-label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 3.4rem;
  margin-top: 1.6rem;
}
.p-tsuchi .p-tsuchi-form__status-label::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 0.1rem solid #277681;
  width: 2.6rem;
  height: 2.6rem;
  left: 0;
  position: absolute;
}
.p-tsuchi .p-tsuchi-form__status-label::after {
  content: "";
  position: absolute;
  display: block;
  left: 0.8rem;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}
.p-tsuchi .p-tsuchi-form__status-group {
  margin-right: 3.2rem;
  display: flex;
}
.p-tsuchi .p-tsuchi-form__status-radio:checked + label::after, .p-tsuchi .p-tsuchi-form__status-radio:focus + label::after {
  content: "";
  position: absolute;
  left: 0.8rem;
  display: block;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
}
.p-tsuchi .p-tsuchi-form__status-radio:checked + label::before, .p-tsuchi .p-tsuchi-form__status-radio:focus + label::before {
  background-color: #277681;
}
.p-tsuchi .p-tsuchi-form__status-label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 3.4rem;
  margin-top: 1.6rem;
}
.p-tsuchi .p-tsuchi-form__status-label::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 0.1rem solid #277681;
  width: 2.6rem;
  height: 2.6rem;
  left: 0;
  position: absolute;
}
.p-tsuchi .p-tsuchi-form__status-label::after {
  content: "";
  position: absolute;
  display: block;
  left: 0.8rem;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}

body#enjoy .p-tsuchi .p-tsuchi-form__status-radio:checked + label::before, body#enjoy .p-tsuchi .p-tsuchi-form__status-radio:focus + label::before {
  background-color: #CC4C29;
}
body#enjoy .p-tsuchi .p-tsuchi-form__status-label::before {
  border: 0.1rem solid #CC4C29;
}
body#enjoy .p-tsuchi .p-tsuchi-form__status-radio:checked + label::before, body#enjoy .p-tsuchi .p-tsuchi-form__status-radio:focus + label::before {
  background-color: #CC4C29;
}
body#enjoy .p-tsuchi .p-tsuchi-form__status-label::before {
  border: 0.1rem solid #CC4C29;
}

/* #Ul-list
   -------------------------------------------------------------------------- */
/*doc
---
title: ul-list
name: ul-list
categories: [project]
---
箇条書きリストのコンポーネントです。
*/
.p-ul-list01 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  text-indent: 0;
}
.p-ul-list01__item {
  padding-left: 1.6rem;
  position: relative;
  margin-bottom: 0.8rem;
}
.p-ul-list01__item:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background: #277681;
  border-radius: 0.6rem;
  top: 0.7rem;
  left: 0rem;
}
.p-ul-list01 > li ul > li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.25rem;
  background: #277681;
  top: 1rem;
  left: 0.5rem;
  border-radius: 0px;
}

body#enjoy .p-ul-list01__item:before {
  background: #CC4C29;
}

@media screen and (min-width: 992px) {
  .p-ul-list01__item:before {
    top: 1.1rem;
  }
}
/* #Tab
   -------------------------------------------------------------------------- */
/*doc
---
title: tab
name: tab
categories: [component]
---
*/
.p-yakudachi-list {
  padding-bottom: 7.9rem;
}
.p-yakudachi-item {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 1.6rem;
  margin-bottom: 1.6rem;
}
.p-yakudachi-item__ttl {
  font-size: 1.6rem;
  color: #277681;
  text-decoration: underline;
  padding-right: 2.5rem;
}
.p-yakudachi-item__ttl-blank {
  position: relative;
}
.p-yakudachi-item__ttl-blank:after {
  content: "\f35d";
  font-weight: 900;
  font-size: 1.6rem;
  color: #277681;
  font-family: "Font Awesome 5 Free";
  speak: none;
  position: absolute;
  top: 0.1rem;
  right: -2rem;
  background: none;
}
.p-yakudachi-item__taggroup {
  display: block;
  align-items: center;
  padding: 0.8rem 0;
}
.p-yakudachi-item__tag {
  font-size: 1rem;
  display: inline-block;
  padding: 0.4rem 0.8rem;
  margin-right: 0.8rem;
  border-radius: 2.4rem;
  background-color: #E5EFEE;
  margin-bottom: 0.8rem;
}
.p-yakudachi-item__addr {
  display: inline-block;
  padding-left: 1.6rem;
  position: relative;
  font-size: 1rem;
}
.p-yakudachi-item__addr:before {
  content: " ";
  display: block;
  background: url(/common/images/icon/address.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
}
.p-yakudachi-item__main {
  padding: 0.8rem 0 1.6rem;
  font-size: 1.2rem;
}
.p-yakudachi-item__contact {
  background-color: #E5EFEE;
  border-radius: 1rem;
  padding: 1rem 1.6rem;
  margin-bottom: 1.6rem;
}
.p-yakudachi-item__contact-ttl {
  font-size: 1.2rem;
  padding-left: 1.4rem;
  position: relative;
  padding-bottom: 0.24rem;
}
.p-yakudachi-item__contact-ttl:before {
  content: " ";
  display: block;
  background: url(/common/images/icon/maidoko/info-tel.svg) no-repeat;
  background-size: auto;
  background-size: contain;
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.8rem;
}
.p-yakudachi-item__contact-dept, .p-yakudachi-item__contact-tel {
  font-size: 1.2rem;
  font-weight: 400;
}
.p-yakudachi-item__contact-tel a {
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .p-yakudachi-list {
    padding-bottom: 6.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
    max-width: 72.75rem;
  }
  .p-yakudachi-item {
    margin-bottom: 3.9rem;
    margin-right: 3.75rem;
    margin-left: 0;
    width: 34.5rem;
    padding: 2.4rem;
    height: fit-content;
  }
  .p-yakudachi-item:only-child {
    margin-left: auto;
    margin-right: auto;
  }
  .p-yakudachi-item:nth-child(2n) {
    margin-right: 0rem;
  }
  .p-yakudachi-item__ttl {
    font-size: 2rem;
  }
  .p-yakudachi-item__ttl-blank {
    position: relative;
  }
  .p-yakudachi-item__ttl-blank:after {
    font-size: 1.8rem;
    top: 0.3rem;
    right: -2.5rem;
  }
  .p-yakudachi-item__taggroup {
    padding: 1.2rem 0rem 0.8rem;
  }
  .p-yakudachi-item__tag {
    font-size: 1.2rem;
    padding: 0.4rem 0.8rem;
  }
  .p-yakudachi-item__addr {
    font-size: 1.4rem;
  }
  .p-yakudachi-item__addr:before {
    height: 1.8rem;
    width: 1.8rem;
    margin-top: -0.85rem;
  }
  .p-yakudachi-item__main {
    font-size: 1.6rem;
    padding: 0.8rem 0 2.4rem;
  }
  .p-yakudachi-item__contact {
    margin-bottom: 2.4rem;
  }
  .p-yakudachi-item__contact-ttl {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  .p-yakudachi-item__contact-ttl:before {
    height: 2rem;
    width: 2rem;
    margin-top: -0.9rem;
  }
  .p-yakudachi-item-dept, .p-yakudachi-item-tel {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .p-yakudachi {
    /*
    		&__link{
    			max-width: 34.5rem;
    			width: calc(100% / 3);
    			padding: 0rem 3.8rem;

    		}
    */
  }
  .p-yakudachi-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .p-yakudachi-item {
    margin-bottom: 3.9rem;
    margin-right: 3.75rem;
    margin-left: 0;
  }
  .p-yakudachi-item:only-child {
    margin: auto;
  }
  .p-yakudachi-item:nth-child(2n) {
    margin-right: 3.75rem;
  }
  .p-yakudachi-item:nth-child(3n) {
    margin-right: 0rem;
  }
}
body#enjoy .p-yakudachi-item__ttl {
  color: #CC4C29;
}
body#enjoy .p-yakudachi-item__ttl-blank {
  position: relative;
}
body#enjoy .p-yakudachi-item__ttl-blank:after {
  color: #CC4C29;
}
body#enjoy .p-yakudachi-item__tag {
  background-color: #F7E3DF;
}
body#enjoy .p-yakudachi-item__contact {
  background-color: #F7E3DF;
}
body#enjoy .p-yakudachi-item__contact-ttl:before {
  background: url(/common/images/icon/enjoy/info-tel.svg) no-repeat;
  background-size: contain;
}

.youtube {
  width: 100%;
  aspect-ratio: 16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/* #Align
   -------------------------------------------------------------------------- */
/*doc
---
title: align
name: align
categories: [utility]
---
画像などを左右や中央に配置します。
```block
<div class="c-wrapper">
	<img src="http://lorempixel.com/150/150/">
	<img src="http://lorempixel.com/150/150/" class="u-align-center">
	<img src="http://lorempixel.com/150/150/" class="u-align-right">
</div>
```
*/
.u-align-left {
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.u-align-center {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.u-align-right {
  display: block !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* -----------------------------------------------------------------------------
   #Float
   -------------------------------------------------------------------------- */
/*doc
---
title: float
name: float
categories: [utility]
---

```block
```
*/
.u-float-left {
  float: left !important;
}

.u-float-right {
  float: right !important;
}

.u-clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* #Margin
   -------------------------------------------------------------------------- */
/*doc
---
title: margin
name: margin
categories: [utility]
---
マージンで余白の管理をします。常に下方向にだけ余白をとります。
`<section>`要素を使うようなセクションの余白はlayout/_section.scssで管理します。
* `.u-mb`は常に余白をとります。
* `.u-mb-gain`は768px以上で余白を指定します。
* `.u-mb-lose`は768px以上で余白を無くします。
```block
<div class="u-mb-medium">
	<p>Lorem ipsum</p>
</div>
<div class="u-mb-gain-medium">
	<p>Lorem ipsum</p>
</div>
<div class="u-mb-lose-medium">
	<p>Lorem ipsum</p>
</div>
```
*/
/* 常に余白を指定するクラス。 */
.u-mb-none {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mb-none {
    margin-bottom: 0 !important;
  }
}

.u-mb-tiny {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-tiny {
    margin-bottom: 1.5rem !important;
  }
}

.u-mb-small {
  margin-bottom: 2rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-small {
    margin-bottom: 2rem !important;
  }
}

.u-mb-medium {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-medium {
    margin-bottom: 3rem !important;
  }
}

.u-mb-large {
  margin-bottom: 2rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-large {
    margin-bottom: 4rem !important;
  }
}

.u-mb-huge {
  margin-bottom: 2.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-huge {
    margin-bottom: 5rem !important;
  }
}

.u-mt-none {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mt-none {
    margin-top: 0 !important;
  }
}

.u-mt-tiny {
  margin-top: 1.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-tiny {
    margin-top: 1.5rem !important;
  }
}

.u-mt-small {
  margin-top: 2rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-small {
    margin-top: 2rem !important;
  }
}

.u-mt-medium {
  margin-top: 1.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-medium {
    margin-top: 3rem !important;
  }
}

.u-mt-large {
  margin-top: 2rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-large {
    margin-top: 4rem !important;
  }
}

.u-mt-huge {
  margin-top: 2.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-huge {
    margin-top: 5rem !important;
  }
}

/* 768px以上で余白を指定するクラス。 */
.u-mb-gain-tiny {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mb-gain-tiny {
    margin-bottom: 1rem !important;
  }
}

.u-mb-gain-small {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mb-gain-small {
    margin-bottom: 2rem !important;
  }
}

.u-mb-gain-medium {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mb-gain-medium {
    margin-bottom: 3rem !important;
  }
}

.u-mb-gain-large {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mb-gain-large {
    margin-bottom: 4rem !important;
  }
}

.u-mb-gain-huge {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mb-gain-huge {
    margin-bottom: 5rem !important;
  }
}

.u-mt-gain-tiny {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mt-gain-tiny {
    margin-top: 1rem !important;
  }
}

.u-mt-gain-small {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mt-gain-small {
    margin-top: 2rem !important;
  }
}

.u-mt-gain-medium {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mt-gain-medium {
    margin-top: 3rem !important;
  }
}

.u-mt-gain-large {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mt-gain-large {
    margin-top: 4rem !important;
  }
}

.u-mt-gain-huge {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .u-mt-gain-huge {
    margin-top: 5rem !important;
  }
}

/* 768px以上で余白を無くすクラス。 */
.u-mb-lose-tiny {
  margin-bottom: 1rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-lose-tiny {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-small {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-lose-small {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-medium {
  margin-bottom: 2rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-lose-medium {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-large {
  margin-bottom: 2.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-lose-large {
    margin-bottom: 0 !important;
  }
}

.u-mb-lose-huge {
  margin-bottom: 3rem !important;
}
@media screen and (min-width: 768px) {
  .u-mb-lose-huge {
    margin-bottom: 0 !important;
  }
}

.u-mt-lose-tiny {
  margin-top: 1rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-lose-tiny {
    margin-top: 0 !important;
  }
}

.u-mt-lose-small {
  margin-top: 1.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-lose-small {
    margin-top: 0 !important;
  }
}

.u-mt-lose-medium {
  margin-top: 2rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-lose-medium {
    margin-top: 0 !important;
  }
}

.u-mt-lose-large {
  margin-top: 2.5rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-lose-large {
    margin-top: 0 !important;
  }
}

.u-mt-lose-huge {
  margin-top: 3rem !important;
}
@media screen and (min-width: 768px) {
  .u-mt-lose-huge {
    margin-top: 0 !important;
  }
}

/* #Padding
   -------------------------------------------------------------------------- */
/*doc
---
title: padding
name: padding
categories: [utility]
---
```block

```
*/
/* 上 */
.u-pt-none {
  padding-top: 0 !important;
}

.u-pt-tiny {
  padding-top: 4rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt-tiny {
    padding-top: 2rem !important;
  }
}

.u-pt-small {
  padding-top: 6rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt-small {
    padding-top: 3rem !important;
  }
}

.u-pt-medium {
  padding-top: 8rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt-medium {
    padding-top: 4rem !important;
  }
}

.u-pt-large {
  padding-top: 10rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt-large {
    padding-top: 5rem !important;
  }
}

.u-pt-huge {
  padding-top: 12rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt-huge {
    padding-top: 6rem !important;
  }
}

/* 下 */
.u-pb-none {
  padding-bottom: 0 !important;
}

.u-pb-tiny {
  padding-bottom: 4rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb-tiny {
    padding-bottom: 2rem !important;
  }
}

.u-pb-small {
  padding-bottom: 6rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb-small {
    padding-bottom: 3rem !important;
  }
}

.u-pb-medium {
  padding-bottom: 8rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb-medium {
    padding-bottom: 4rem !important;
  }
}

.u-pb-large {
  padding-bottom: 10rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb-large {
    padding-bottom: 5rem !important;
  }
}

.u-pb-huge {
  padding-bottom: 12rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb-huge {
    padding-bottom: 6rem !important;
  }
}

/* 上下 */
.u-ptpb-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-ptpb-tiny {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
@media screen and (max-width: 767px) {
  .u-ptpb-tiny {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

.u-ptpb-small {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
@media screen and (max-width: 767px) {
  .u-ptpb-small {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.u-ptpb-medium {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
@media screen and (max-width: 767px) {
  .u-ptpb-medium {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

.u-ptpb-large {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}
@media screen and (max-width: 767px) {
  .u-ptpb-large {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

.u-ptpb-huge {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}
@media screen and (max-width: 767px) {
  .u-ptpb-huge {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

/* #Percent
  -------------------------------------------------------------------------- */
/*doc
---
title: percent
name: percent
categories: [utility]
---
`width`プロパティを5%刻みで指定する汎用クラスです。
```block
<div class="c-wrapper">
	<table class="c-table">
		<tr>
			<th class="u-percent50">th1</th>
			<th>th2</th>
			<th>th3</th>
		</tr>
		<tr>
			<td>td1</td>
			<td>td2</td>
			<td>td3</td>
		</tr>
	</table>
</div>
```
*/
.u-percent5 {
  width: 0.05 !important;
}

.u-percent10 {
  width: 0.1 !important;
}

.u-percent15 {
  width: 0.15 !important;
}

.u-percent20 {
  width: 0.2 !important;
}

.u-percent25 {
  width: 0.25 !important;
}

.u-percent30 {
  width: 0.3 !important;
}

.u-percent35 {
  width: 0.35 !important;
}

.u-percent40 {
  width: 0.4 !important;
}

.u-percent45 {
  width: 0.45 !important;
}

.u-percent50 {
  width: 0.5 !important;
}

.u-percent55 {
  width: 0.55 !important;
}

.u-percent60 {
  width: 0.6 !important;
}

.u-percent65 {
  width: 0.65 !important;
}

.u-percent70 {
  width: 0.7 !important;
}

.u-percent75 {
  width: 0.75 !important;
}

.u-percent80 {
  width: 0.8 !important;
}

.u-percent85 {
  width: 0.85 !important;
}

.u-percent90 {
  width: 0.9 !important;
}

.u-percent95 {
  width: 0.95 !important;
}

.u-percent100 {
  width: 1 !important;
}

/* #u-row-width
   -------------------------------------------------------------------------- */
/*doc
---
title: u-row-width
name: u-row-width
categories: [utility]
---
Bootstrapのガター幅を調整します。
```block
<div class="row u-row-0 u-row-md-10 u-row-sm-20 u-row-xs-30">
    <div class="col-sm-6">
    </div>
    <div class="col-sm-6">
    </div>
</div>
```
*/
/* ガター幅（余白）指定
--------------------------------------------- */
/* lg以下 */
.u-row-none {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.u-row-none > div, .u-row-none li {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.u-row-small {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.u-row-small > div, .u-row-small li {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.u-row-medium {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.u-row-medium > div, .u-row-medium li {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.u-row-large {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.u-row-large > div, .u-row-large li {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

/* md以下 */
@media screen and (max-width: 1199px) {
  .u-row-md-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-row-md-none > div, .u-row-md-none li {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-row-md-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .u-row-md-small > div, .u-row-md-small li {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .u-row-md-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .u-row-md-medium > div, .u-row-md-medium li {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .u-row-md-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .u-row-md-large > div, .u-row-md-large li {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
/* sm以下 */
@media screen and (max-width: 991px) {
  .u-row-sm-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-row-sm-none > div, .u-row-sm-none li {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-row-sm-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .u-row-sm-small > div, .u-row-sm-small li {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .u-row-sm-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .u-row-sm-medium > div, .u-row-sm-medium li {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .u-row-sm-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .u-row-sm-large > div, .u-row-sm-large li {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
/* xs以下 */
@media screen and (max-width: 767px) {
  .u-row-xs-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-row-xs-none > div, .u-row-xs-none li {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-row-xs-small {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .u-row-xs-small > div, .u-row-xs-small li {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .u-row-xs-medium {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .u-row-xs-medium > div, .u-row-xs-medium li {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .u-row-xs-large {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .u-row-xs-large > div, .u-row-xs-large li {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
/* -----------------------------------------------------------------------------
   #Text
   -------------------------------------------------------------------------- */
/*doc
---
title: text
name: text
categories: [utility]
---
テキストのスタイルを指定する汎用クラスです。
```block
<p class="u-text-light">font-weight 300</p>
<p class="u-text-normal">font-weight 400</p>
<p class="u-text-bold">font-weight 600</p>
<p class="u-text-indent">先頭の1文字目を1文字分字下げします。</p>
<p class="u-text-note">2行目以降の1文字目を1文字分字下げします。<br>2行目以降の1文字目を1文字分字下げします。</p>
<p class="u-text-nowrap">テキストを折り返させません。横幅を超えても、このテキストは折り返さずに表示されます。</p>
<p class="u-text-breakword">テキストを折り返させます。長文になっても、このテキストは必ず折り返して表示されます。</p>
<p class="u-text-justify">テキストを両端揃え（均等割り付け）させます。通常のテキストと文字間が違うのが分かると思います。</p>
<p class="u-text-none">記述した通りに表示します。</p>
<p class="u-text-lowercase">abcdEFGH すべての英単語を小文字で表示します。</p>
<p class="u-text-uppercase">abcdEFGH すべての英単語を大文字で表示します。</p>
<p class="u-text-capitalize">abcdEFGH 英単語の先頭を大文字で表示します。</p>
<p class="u-text-smallcaps">abcdEFGH スモールキャップ（小文字と同じ高さで作られた大文字）で表示します。</p>
<p class="u-text-vertical">abcdEFGH 縦書きで表示します。</p>
<p class="u-text-vertical u-text-vertical--upright">abcdEFGH 英文も縦書きにする場合はModifierを指定します。</p>
<p class="u-text-right">text-align right</p>
<p class="u-text-center">text-align center</p>
<p class="u-text-left">text-align left</p>
<p class="u-text-top">vertical-align top</p>
<p class="u-text-middle">vertical-align middle</p>
<p class="u-text-bottom">vertical-align bottom</p>
```
*/
/* font-weightを指定します。 */
/*.u-text-light {
  font-weight: $_font-weight-light !important;
}

.u-text-normal {
  font-weight: $_font-weight-normal !important;
}

.u-text-bold {
  font-weight: $_font-weight-bold !important;
}*/
/* 先頭の1文字目を1文字分字下げします。 */
.u-text-indent {
  text-indent: 1em !important;
}

/* 2行目以降の1文字目を1文字分字下げします。 */
.u-text-note {
  margin-left: 1em !important;
  text-indent: -1em !important;
}

/* テキストを改行させません。 */
.u-text-nowrap {
  white-space: nowrap !important;
}

/* テキストを改行させます。 */
.u-text-breakword {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* テキストを両端揃えさせます。 */
.u-text-justify {
  text-align: justify !important;
  text-justify: inter-ideograph !important;
}

/* 記述した通りに表示します。 */
.u-text-none {
  text-transform: none !important;
}

/* すべての英単語を小文字にします。 */
.u-text-lowercase {
  text-transform: lowercase !important;
}

/* すべての英単語を大文字にします。 */
.u-text-uppercase {
  text-transform: uppercase !important;
}

/* 英単語の先頭を大文字にします。 */
.u-text-capitalize {
  text-transform: capitalize !important;
}

/* スモールキャップ（小文字と同じ高さで作られた大文字）にします。 */
.u-text-smallcaps {
  font-variant: small-caps !important;
}

/* 縦書きにします。 */
.u-text-vertical {
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
}

/* 英文も縦書きにする場合はModifierを指定します。 */
.u-text-vertical--upright {
  text-orientation: upright !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-top {
  vertical-align: top !important;
}

.u-text-middle {
  vertical-align: middle !important;
}

.u-text-bottom {
  vertical-align: bottom !important;
}